component---src-pages-resources-js-b1c0021043fd63afd6da.js.map

{"version":3,"sources":["webpack:///./src/components/api/APICard.js","webpack:///./src/pages/resources.js"],"names":["APICard","to","href","icon","img","iconClass","children","className","elevation","name","src","pageQuery","APIPage","data","location","imageUrl","getMetaImageUrls","sectionStyles","type","title","description","image","mainClass","bodyClass","Spirit","page","xl","sectionHeading","sectionSubHeading","l","id","h3","small"],"mappings":"4MA2BeA,EAtBC,SAAC,GAAD,IAAGC,EAAH,EAAGA,GAAIC,EAAP,EAAOA,KAAMC,EAAb,EAAaA,KAAMC,EAAnB,EAAmBA,IAAKC,EAAxB,EAAwBA,UAAWC,EAAnC,EAAmCA,SAAnC,OACZ,kBAAC,IAAD,CACIL,GAAIA,GAAM,KACVC,KAAMA,EACNK,UAAU,gFACVC,UAAYN,GAASD,EAAV,SAEVE,EAAO,yBAAKI,UAAU,4CAA2C,kBAAC,IAAD,CAAME,KAAMN,EAAMI,UAAS,eAAiBF,KAA6B,KAC1ID,EAAM,yBAAKG,UAAU,4CAA2C,yBAAKG,IAAKN,EAAKG,UAAU,qBAA6B,KACvH,0BAAMA,UAAaN,GAAOC,EAAR,WAA8BI,K,YCqH3CK,GAFEC,UAxHC,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAIfC,EAAWC,cAEXC,EACe,0BADfA,EAEY,gDAGlB,OACI,oCACI,kBAAC,IAAD,CACIJ,KAAMA,EACNC,SAAUA,EACVI,KAAK,UACLC,MAfD,mBAgBCC,YAfK,6EAgBLC,MAAON,IAEX,kBAAC,IAAD,CAAQO,UAAU,kBAAkBC,UAAU,YAC1C,6BAAShB,UAAU,oBACf,yBAAKA,UAAciB,IAAOC,KAAKC,GAAjB,wCACV,wBAAInB,UAAciB,IAAOG,eAAZ,iCAAb,oBACA,uBAAGpB,UAAWiB,IAAOI,mBAArB,6DAIR,yBAAKrB,UAAciB,IAAOC,KAAKI,EAAjB,sCACV,yBAAKtB,UAAU,WACX,yBAAKA,UAAWU,GACZ,wBAAIa,GAAG,eAAevB,UAAciB,IAAOO,GAAZ,cAA/B,mBACA,uBAAGxB,UAAciB,IAAOQ,MAAZ,mBAAZ,0CAEJ,yBAAKzB,UAAWU,GACZ,kBAAC,EAAD,CAASf,KAAK,6DAA6DC,KAAK,WAAhF,OACA,kBAAC,EAAD,CAASD,KAAK,mFAAmFC,KAAK,eAAtG,WACA,kBAAC,EAAD,CAASD,KAAK,+DAA+DC,KAAK,UAAlF,SACA,kBAAC,EAAD,CAASD,KAAK,6FAA6FC,KAAK,gBAAhH,cAKR,yBAAKI,UAAU,0BACX,yBAAKA,UAAWU,GACZ,wBAAIa,GAAG,eAAevB,UAAciB,IAAOO,GAAZ,cAA/B,aACA,uBAAGxB,UAAciB,IAAOQ,MAAZ,mBAAZ,iEAEJ,yBAAKzB,UAAWU,GACZ,kBAAC,EAAD,CAASf,KAAK,uDAAuDC,KAAK,cAA1E,WACA,kBAAC,EAAD,CAASD,KAAK,gCAAgCC,KAAK,UAAnD,oBAKR,yBAAKI,UAAU,0BACX,yBAAKA,UAAWU,GACZ,wBAAIa,GAAG,WAAWvB,UAAciB,IAAOO,GAAZ,cAA3B,QACA,uBAAGxB,UAAciB,IAAOQ,MAAZ,mBAAZ,mCAEJ,yBAAKzB,UAAWU,GACZ,kBAAC,EAAD,CAASf,KAAK,oFAAoFC,KAAK,WAAvG,YACA,kBAAC,EAAD,CAASD,KAAK,4DAA4DC,KAAK,eAA/E,iBAIR,yBAAKI,UAAU,0BACX,yBAAKA,UAAWU,GACZ,wBAAIa,GAAG,WAAWvB,UAAciB,IAAOO,GAAZ,cAA3B,YACA,uBAAGxB,UAAciB,IAAOQ,MAAZ,mBAAZ,8CAGJ,yBAAKzB,UAAWU,GACZ,kBAAC,EAAD,CAASf,KAAK,8BAA8BC,KAAK,UAAjD,iBACA,kBAAC,EAAD,CAASD,KAAK,0BAA0BC,KAAK,UAA7C,mBACA,kBAAC,EAAD,CAASD,KAAK,wBAAwBC,KAAK,UAA3C,iBACA,kBAAC,EAAD,CAASD,KAAK,oBAAoBC,KAAK,UAAvC,mBA6CN","file":"component---src-pages-resources-js-b1c0021043fd63afd6da.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Icon, Box } from '../common'\n\nconst APICard = ({ to, href, icon, img, iconClass, children }) => (\n    <Box\n        to={to || null}\n        href={href}\n        className=\"br4 flex flex-column justify-between items-center middarkgrey pa2 pt8 pb5 tdn\"\n        elevation={!href && !to ? `1` : `2`}\n    >\n        {icon ? <div className=\"w10 h10 flex justify-center items-center\"><Icon name={icon} className={`w10 h10 mb4 ${iconClass}`}></Icon></div> : null}\n        {img ? <div className=\"w10 h10 flex justify-center items-center\"><img src={img} className=\"nudge-bottom--4\" /></div> : null}\n        <span className={(!to && !href ? `o-50` : ``)}>{children}</span>\n    </Box>\n)\n\nAPICard.propTypes = {\n    to: PropTypes.string,\n    href: PropTypes.string,\n    icon: PropTypes.string,\n    img: PropTypes.string,\n    iconClass: PropTypes.string,\n    children: PropTypes.node.isRequired,\n}\n\nexport default APICard\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\n\nimport { Spirit } from '../styles/spirit-styles'\nimport { Layout } from '../components/common/layout'\nimport { APICard } from '../components/api'\nimport { MetaData, getMetaImageUrls } from '../components/common/meta'\n\nconst APIPage = ({ data, location }) => {\n    // Add meta title and description or this page here to overwrite the site meta data as set in the config\n    const title = `Common Resources`\n    const description = `Collections of useful links and demo app via Appstore or Google Play store`\n    const imageUrl = getMetaImageUrls()\n\n    const sectionStyles = {\n        headingContainer: `col-12 col-4-ns mr10-ns`,\n        cardContainer: `col-12 col-8-ns mt-vw4 mt0-ns grid-icon-boxes`,\n    }\n\n    return (\n        <>\n            <MetaData\n                data={data}\n                location={location}\n                type=\"website\"\n                title={title}\n                description={description}\n                image={imageUrl}\n            />\n            <Layout mainClass=\"bg-whitegrey-l2\" bodyClass=\"bg-white\">\n                <section className=\"bg-api-reference\">\n                    <div className={`${Spirit.page.xl} tc-ns pt-vw6 pt-vw5-ns pb-vw5 white`}>\n                        <h1 className={`${Spirit.sectionHeading} gh-integration-header-shadow`}>Common Resources</h1>\n                        <p className={Spirit.sectionSubHeading}>Collections of useful links and resource form InspireUI</p>\n                    </div>\n                </section>\n\n                <div className={`${Spirit.page.l} pb-vw4 pb-vw3-ns pt-vw4 pt-vw3-ns`}>\n                    <div className=\"grid-12\">\n                        <div className={sectionStyles.headingContainer}>\n                            <h2 id=\"frontend-sdk\" className={`${Spirit.h3} pt20 nt20`}>Flutter Builder</h2>\n                            <p className={`${Spirit.small} midgrey-l2 mt2`}>An Ultimate Approach For Flutter Apps</p>\n                        </div>\n                        <div className={sectionStyles.cardContainer}>\n                            <APICard href=\"https://apps.apple.com/us/app/fluxbuilder-pro/id1503282735\" icon=\"ic-ios2\">iOS</APICard>\n                            <APICard href=\"https://play.google.com/store/apps/details?id=com.inspireui.fluxbuilderpro&hl=en\" icon=\"ic-android2\">Android</APICard>\n                            <APICard href=\"https://apps.apple.com/vn/app/fluxbuilder/id1500753204?mt=12\" icon=\"laptop\">MacOS</APICard>\n                            <APICard href=\"https://github.com/inspireui/fluxbuilder/releases/download/latest/FluxBuilder_windowOS.zip\" icon=\"window-pulse\">WindowOS</APICard>\n                            {/* <APICard to=\"/api/gatsby/\" icon=\"gatsby-logo\">Gatsby</APICard> */}\n                        </div>\n                    </div>\n\n                    <div className=\"grid-12 mt-vw4 mt20-ns\">\n                        <div className={sectionStyles.headingContainer}>\n                            <h2 id=\"frontend-sdk\" className={`${Spirit.h3} pt20 nt20`}>Reference</h2>\n                            <p className={`${Spirit.small} midgrey-l2 mt2`}>Common useful links you may like to explore from our product</p>\n                        </div>\n                        <div className={sectionStyles.cardContainer}>\n                            <APICard href=\"https://www.youtube.com/inspireui?sub_confirmation=1\" icon=\"ic-youtube\">Youtube</APICard>\n                            <APICard href=\"https://support.inspireui.com\" icon=\"ic-git\">Ticket Support</APICard>\n                            {/* <APICard to=\"/api/gatsby/\" icon=\"gatsby-logo\">Gatsby</APICard> */}\n                        </div>\n                    </div>\n\n                    <div className=\"grid-12 mt-vw4 mt20-ns\">\n                        <div className={sectionStyles.headingContainer}>\n                            <h2 id=\"rest-api\" className={`${Spirit.h3} pt20 nt20`}>Demo</h2>\n                            <p className={`${Spirit.small} midgrey-l2 mt2`}>Resource link for the demo app</p>\n                        </div>\n                        <div className={sectionStyles.cardContainer}>\n                            <APICard href=\"https://itunes.apple.com/br/developer/inspireui-company-limited/id1192736196?l=en\" icon=\"ic-ios2\">AppStore</APICard>\n                            <APICard href=\"https://play.google.com/store/apps/developer?id=InspireUI\" icon=\"ic-android2\">Google Play</APICard>\n                        </div>\n                    </div>\n\n                    <div className=\"grid-12 mt-vw4 mt20-ns\">\n                        <div className={sectionStyles.headingContainer}>\n                            <h2 id=\"rest-api\" className={`${Spirit.h3} pt20 nt20`}>Products</h2>\n                            <p className={`${Spirit.small} midgrey-l2 mt2`}>Explore more detail info from the product</p>\n                        </div>\n\n                        <div className={sectionStyles.cardContainer}>\n                            <APICard href=\"https://inspireui.com/about\" icon=\"ic-web\">inspireui.com</APICard>\n                            <APICard href=\"https://fluxbuilder.com\" icon=\"ic-web\">fluxbuilder.com</APICard>\n                            <APICard href=\"https://fluxstore.app\" icon=\"ic-web\">fluxstore.app</APICard>\n                            <APICard href=\"https://mstore.io\" icon=\"ic-web\">mstore.io</APICard>\n                        </div>\n                    </div>\n\n\n\n\n                    {/* <div className=\"grid-12 mt-vw4 mt20-ns\">\n                        <div className={sectionStyles.headingContainer}>\n                            <h2 id=\"client-libraries\" className={`${Spirit.h3} pt20 nt18`}>Client Libraries</h2>\n                            <p className={`${Spirit.small} midgrey-l2 mt2`}>Specific libraries for interacting with the Ghost API directly</p>\n                            <h4 className=\"f-supersmall dib ma0 pa0 bg-green pa1 br-pill pl3 pr3 tc white mt2 nudge-top--2\">Coming soon</h4>\n                        </div>\n                        <div className={sectionStyles.cardContainer}>\n                            <APICard to=\"/api/javascript/\" icon=\"javascript-logo\">JavaScript</APICard>\n                            <APICard icon=\"ruby-logo\" iconClass=\"stroke-midlightgrey o-30\">Ruby</APICard>\n                            <APICard icon=\"php-logo\" iconClass=\"stroke-midlightgrey o-30\">PHP</APICard>\n                            <APICard icon=\"python-logo\" iconClass=\"stroke-midlightgrey o-30\">Python</APICard>\n                            <APICard icon=\"apple-logo\" iconClass=\"stroke-midlightgrey o-30\">iOS</APICard>\n                            <APICard icon=\"android-logo\" iconClass=\"stroke-midlightgrey o-30\">Android</APICard>\n                        </div>\n                    </div> */}\n                </div>\n            </Layout>\n        </>\n    )\n}\n\nAPIPage.propTypes = {\n    data: PropTypes.shape({\n        site: PropTypes.shape({\n            siteMetadata: PropTypes.shape({\n                siteUrl: PropTypes.string.isRequired,\n                title: PropTypes.string.isRequired,\n                description: PropTypes.string.isRequired,\n            }).isRequired,\n        }).isRequired,\n    }).isRequired,\n    location: PropTypes.shape({\n        pathname: PropTypes.string.isRequired,\n    }).isRequired,\n}\n\nexport default APIPage\n\nexport const pageQuery = graphql`\n    query {\n        site {\n            ...SiteMetaFields\n        }\n    }\n`\n"],"sourceRoot":""}