{"version":3,"file":"component---src-pages-index-tsx-cf87eb6d61a8dda6817f.js","mappings":"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","sources":["webpack://gatsby-starter-typescript-plus/./node_modules/@material-ui/icons/Equalizer.js","webpack://gatsby-starter-typescript-plus/./src/components/Banner.tsx","webpack://gatsby-starter-typescript-plus/./src/components/BannerMobile.tsx","webpack://gatsby-starter-typescript-plus/./src/components/HomeNovadeLiteSection.tsx","webpack://gatsby-starter-typescript-plus/./src/components/CategorySection.tsx","webpack://gatsby-starter-typescript-plus/./src/layouts/index.tsx","webpack://gatsby-starter-typescript-plus/./src/pages/index.tsx"],"sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z\"\n}), 'Equalizer');\n\nexports.default = _default;","import { Paper, InputBase, InputAdornment } from '@material-ui/core';\nimport Container from '@material-ui/core/Container';\nimport IconButton from '@material-ui/core/IconButton';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { graphql, Link, StaticQuery } from 'gatsby';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport * as React from 'react';\nimport { LocationLanguageContext } from '../contexts/LocationLanguageContext';\nimport { enterToSearch, clickToSearch } from '../utils/common';\nimport { LocationLanguageContextType } from '../typings';\nimport { Languages } from '../utils/getAllSupportedLanguages';\n\ninterface StrapiBanner {\n  strapiId: number;\n  Title: string;\n  Subtitle: string;\n  Link: string;\n  locale: string;\n  Image: string;\n}\n\ninterface StrapiHeader {\n  SearchLabel: string;\n  locale: string;\n}\n\ninterface BannerQueryProps {\n  allStrapiBanners: {\n    nodes: StrapiBanner[];\n  };\n  allStrapiHeader: {\n    nodes: StrapiHeader[];\n  };\n}\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    bannerSection: {\n      position: 'relative',\n      textAlign: 'center',\n      color: '#fff',\n      display: 'grid'\n    },\n    bannerImage: {\n      gridArea: '1/1'\n    },\n    bannerText: {\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      color: '#fff'\n    },\n    bannerTitle: {\n      fontSize: '2.0243em',\n      marginBottom: '0.5rem',\n      fontWeight: 500,\n      textAlign: 'center',\n      lineHeight: '1'\n    },\n    bannerDesc: {\n      textAlign: 'center',\n      fontSize: '1.25em',\n      lineHeight: '1.2'\n    },\n    searchContainer: {\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    searchInput: {\n      width: '23rem',\n      height: '1.375rem',\n      display: 'flex',\n      margin: '16px 190px 16px 190px',\n      padding: '0.5rem 0.8rem',\n      backgroundColor: '#fff',\n      border: 'solid 1.1px #e0e0e0',\n      borderRadius: '4px'\n    },\n    slides: {\n      position: 'relative',\n      overflow: 'hidden'\n    },\n    currentSlide: {\n      opacity: '1',\n      height: '100%',\n      position: 'absolute'\n    },\n    [theme.breakpoints.up('lg')]: {\n      slides: {\n        minHeight: '266px'\n      }\n    },\n    [theme.breakpoints.down('lg')]: {\n      slides: {\n        minHeight: '150px'\n      },\n      bannerTitle: {\n        fontSize: '1.3em'\n      },\n      bannerDesc: {\n        fontSize: '1.1em'\n      }\n    },\n    [theme.breakpoints.down('md')]: {\n      slides: {\n        minHeight: '160px'\n      }\n    }\n  })\n);\n\nconst Banner: React.FC<{}> = () => (\n  <StaticQuery\n    query={graphql`\n      query BannerQuery {\n        allStrapiBanners {\n          nodes {\n            strapiId\n            Title\n            Subtitle\n            Link\n            locale\n            Image {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(\n                    layout: FULL_WIDTH\n                    backgroundColor: \"#2b5b94\"\n                    aspectRatio: 5.44\n                    transformOptions: { cropFocus: SOUTH, fit: COVER }\n                    quality: 100\n                  )\n                }\n              }\n            }\n          }\n        }\n        allStrapiHeader {\n          nodes {\n            SearchLabel\n            locale\n          }\n        }\n      }\n    `}\n    render={(bannersData: BannerQueryProps) => {\n      const [searchFieldValue, setSearchFieldValue] = React.useState('');\n\n      const locationLanguage = React.useContext<LocationLanguageContextType | null>(LocationLanguageContext);\n      const language: string = locationLanguage?.language ?? Languages.English;\n\n      const banners = bannersData.allStrapiBanners;\n      let filterBanner = banners.nodes;\n      filterBanner = filterBanner.filter((eachBanner) => eachBanner.locale.includes(language));\n\n      const header = bannersData.allStrapiHeader.nodes.find((eachLabel) => eachLabel.locale === language);\n      const searchLabel = header ? header.SearchLabel : '';\n\n      // Technically we can create multiple banners in Strapi.\n      // For now, only one banner with multi-languages\n      const firstBanner = filterBanner[0];\n\n      const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        setSearchFieldValue(event.target.value);\n      };\n\n      const search = (event: React.KeyboardEvent) => {\n        enterToSearch(event, searchFieldValue);\n      };\n\n      const handleSearchClick = () => {\n        clickToSearch(searchFieldValue);\n      };\n\n      const classes = useStyles();\n\n      if (firstBanner) {\n        return (\n          <div className={classes.slides}>\n            <Container maxWidth={false} className={classes.currentSlide} disableGutters key={firstBanner.strapiId}>\n              <Link to={firstBanner.Link} style={{ textDecoration: 'none', color: 'inherit' }}>\n                <div className={classes.bannerSection}>\n                  <GatsbyImage\n                    alt={firstBanner.Title}\n                    // @ts-ignore To disable eslint error - 'localFile' does not exist on type 'string'\n                    image={firstBanner.Image.localFile.childImageSharp.gatsbyImageData}\n                    className={classes.bannerImage}\n                  />\n                </div>\n              </Link>\n              <div className={classes.bannerText}>\n                <Typography variant='h1' align='center' className={classes.bannerTitle}>\n                  {firstBanner.Title}\n                </Typography>\n                <div className={classes.searchContainer}>\n                  <Paper elevation={0} className={classes.searchInput}>\n                    <InputBase\n                      onChange={handleSearchChange}\n                      fullWidth\n                      onKeyDown={search}\n                      value={searchFieldValue}\n                      placeholder={searchLabel}\n                      endAdornment={\n                        <InputAdornment position='end'>\n                          <IconButton aria-label='search' edge='end' onClick={handleSearchClick}>\n                            <SearchIcon />\n                          </IconButton>\n                        </InputAdornment>\n                      }\n                      inputProps={{ 'aria-label': `${searchLabel}` }}\n                    />\n                  </Paper>\n                </div>\n                <Typography variant='body1' align='center' className={classes.bannerDesc}>\n                  {firstBanner.Subtitle}\n                </Typography>\n              </div>\n            </Container>\n          </div>\n        );\n      }\n      return null;\n    }}\n  />\n);\n\nexport default Banner;\n","import { Paper, InputBase, InputAdornment } from '@material-ui/core';\nimport Container from '@material-ui/core/Container';\nimport IconButton from '@material-ui/core/IconButton';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { graphql, Link, StaticQuery } from 'gatsby';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport * as React from 'react';\nimport { LocationLanguageContext } from '../contexts/LocationLanguageContext';\nimport { LocationLanguageContextType } from '../typings';\nimport { enterToSearch, clickToSearch } from '../utils/common';\nimport { Languages } from '../utils/getAllSupportedLanguages';\n\ninterface StrapiBanner {\n  strapiId: number;\n  Title: string;\n  Subtitle: string;\n  Link: string;\n  locale: string;\n  Image: string;\n}\n\ninterface StrapiHeader {\n  SearchLabel: string;\n  locale: string;\n}\n\ninterface BannerQueryProps {\n  allStrapiBanners: {\n    nodes: StrapiBanner[];\n  };\n  allStrapiHeader: {\n    nodes: StrapiHeader[];\n  };\n}\n\nconst useStyles = makeStyles(() =>\n  createStyles({\n    bannerSection: {\n      position: 'relative',\n      textAlign: 'center',\n      color: '#fff',\n      display: 'grid',\n      height: '100%'\n    },\n    bannerImage: {\n      gridArea: '1/1',\n      minHeight: '220px'\n    },\n    bannerText: {\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      color: '#fff',\n      width: '100%',\n      height: '100%',\n      padding: '1em',\n      boxSizing: 'border-box',\n      textAlign: 'center',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center'\n    },\n    bannerTitle: {\n      fontSize: '1.2em',\n      fontWeight: 500,\n      textAlign: 'center',\n      lineHeight: '1.2',\n      margin: '0.5em 0'\n    },\n    bannerDesc: {\n      textAlign: 'center',\n      fontSize: '0.9em',\n      lineHeight: '1.2',\n      margin: '0.5em 0'\n    },\n    searchContainer: {\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    searchInput: {\n      width: '18rem',\n      height: '1.3rem',\n      display: 'flex',\n      margin: '12px 190px 12px 190px',\n      padding: '0.5rem 0.8rem',\n      backgroundColor: '#fff',\n      border: 'solid 1.1px #e0e0e0',\n      borderRadius: '4px'\n    },\n    slides: {\n      position: 'relative',\n      overflow: 'hidden',\n      display: 'flex',\n      flexDirection: 'column'\n    },\n    currentSlide: {\n      flex: 1\n    }\n  })\n);\n\nconst BannerMobile: React.FC<{}> = () => (\n  <StaticQuery\n    query={graphql`\n      query BannerMobileQuery {\n        allStrapiBanners {\n          nodes {\n            strapiId\n            Title\n            Subtitle\n            Link\n            locale\n            Image {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(\n                    layout: FULL_WIDTH\n                    backgroundColor: \"#2b5b94\"\n                    aspectRatio: 2.02\n                    transformOptions: { cropFocus: SOUTH, fit: COVER }\n                    quality: 100\n                  )\n                }\n              }\n            }\n          }\n        }\n        allStrapiHeader {\n          nodes {\n            SearchLabel\n            locale\n          }\n        }\n      }\n    `}\n    render={(bannersData: BannerQueryProps) => {\n      const [searchFieldValue, setSearchFieldValue] = React.useState('');\n\n      const locationLanguage = React.useContext<LocationLanguageContextType | null>(LocationLanguageContext);\n      const language: string = locationLanguage?.language ?? Languages.English;\n\n      const banners = bannersData.allStrapiBanners;\n      let filterBanner = banners.nodes;\n      filterBanner = filterBanner.filter((eachBanner) => eachBanner.locale.includes(language));\n\n      const header = bannersData.allStrapiHeader.nodes.find((eachLabel) => eachLabel.locale === language);\n      const searchLabel = header ? header.SearchLabel : '';\n\n      // Technically we can create multiple banners in Strapi.\n      // For now, only one banner with multi-languages\n      const firstBanner = filterBanner[0];\n\n      const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        setSearchFieldValue(event.target.value);\n      };\n\n      const search = (event: React.KeyboardEvent) => {\n        enterToSearch(event, searchFieldValue);\n      };\n\n      const handleSearchClick = () => {\n        clickToSearch(searchFieldValue);\n      };\n\n      const classes = useStyles();\n\n      if (firstBanner) {\n        return (\n          <div className={classes.slides}>\n            <Container maxWidth={false} className={classes.currentSlide} disableGutters key={firstBanner.strapiId}>\n              <div className={classes.bannerSection}>\n                <Link to={firstBanner.Link} style={{ textDecoration: 'none', color: 'inherit' }}>\n                  <GatsbyImage\n                    alt={firstBanner.Title}\n                    // @ts-ignore To disable eslint error - 'localFile' does not exist on type 'string'\n                    image={firstBanner.Image.localFile.childImageSharp.gatsbyImageData}\n                    className={classes.bannerImage}\n                  />\n                </Link>\n              </div>\n\n              <div className={classes.bannerText}>\n                <Typography variant='h1' align='center' className={classes.bannerTitle}>\n                  {firstBanner.Title}\n                </Typography>\n                <div className={classes.searchContainer}>\n                  <Paper elevation={0} className={classes.searchInput}>\n                    <InputBase\n                      onChange={handleSearchChange}\n                      fullWidth\n                      onKeyDown={search}\n                      value={searchFieldValue}\n                      placeholder={searchLabel}\n                      endAdornment={\n                        <InputAdornment position='end'>\n                          <IconButton aria-label='search' edge='end' onClick={handleSearchClick}>\n                            <SearchIcon />\n                          </IconButton>\n                        </InputAdornment>\n                      }\n                      inputProps={{ 'aria-label': `${searchLabel}` }}\n                    />\n                  </Paper>\n                </div>\n                <Typography variant='body1' align='center' className={classes.bannerDesc}>\n                  {firstBanner.Subtitle}\n                </Typography>\n              </div>\n            </Container>\n          </div>\n        );\n      }\n      return null;\n    }}\n  />\n);\n\nexport default BannerMobile;\n","import * as React from 'react';\nimport { Container, Typography, Button } from '@material-ui/core';\nimport { StaticImage } from 'gatsby-plugin-image';\nimport useStyles from '../styles/componentStyle';\nimport { StrapiNovadeLiteSection } from '../typings';\nimport { getLiteAppDataByLocale } from '../utils/common';\n\nconst NovadeLiteSection: React.FC<StrapiNovadeLiteSection> = (sectionProps) => {\n  const { title, subtitle, signupLabel, signupLink, locale } = sectionProps;\n\n  const [enableIframe, setEnableIframe] = React.useState(false);\n  const classes = useStyles();\n  const handleIframe = () => {\n    setEnableIframe(true);\n  };\n\n  const { iosLink, androidLink } = getLiteAppDataByLocale(locale);\n  const novadeLiteYoutubeUrl = 'https://www.youtube.com/embed/T19fYj8RU-I?autoplay=1';\n\n  return (\n    <div className={classes.sectionContainerColumns}>\n      <Container className={classes.containerColumn}>\n        <a href={signupLink}>\n          <StaticImage\n            layout='fullWidth'\n            placeholder='tracedSVG'\n            src='../assets/Photo/novade_lite_logo.png'\n            alt='Novade Solutions'\n            className={classes.logoImage}\n          />\n        </a>\n        <Typography variant='h4' className={`${classes.sectionHeader} ${classes.boldCenterText}`}>\n          {title}\n        </Typography>\n        <Typography variant='body1' className={`${classes.sectionBodyText} ${classes.boldCenterText}`}>\n          {subtitle}\n        </Typography>\n        <div className={classes.centerAlign}>\n          <Button variant='contained' color='primary' className={classes.sectionSignUpButton} href={signupLink}>\n            {signupLabel}\n          </Button>\n        </div>\n        <div className={`${classes.sectionContainerColumns} ${classes.appDownloadSection}`}>\n          <Container className={classes.formControl}>\n            <a href={iosLink}>\n              <StaticImage\n                layout='fullWidth'\n                placeholder='tracedSVG'\n                src='../assets/Photo/novade-lite-apple-store.png'\n                alt='Novade Lite iOS app'\n                className={classes.imageCenterAlign}\n              />\n            </a>\n          </Container>\n          <Container className={classes.formControl}>\n            <a href={androidLink}>\n              <StaticImage\n                layout='fullWidth'\n                placeholder='tracedSVG'\n                src='../assets/Photo/novade-lite-google-play-store.png'\n                alt='Novade Lite android app'\n                className={classes.imageCenterAlign}\n              />\n            </a>\n          </Container>\n        </div>\n      </Container>\n      {!enableIframe ? (\n        <Container onClick={handleIframe} className={classes.videoSection}>\n          <StaticImage\n            layout='fullWidth'\n            placeholder='tracedSVG'\n            src='../assets/Photo/novade-Lite-illustration-video-thumbnail.jpg'\n            alt='Novade Lite'\n            className={classes.videoPlayBackground}\n          />\n          <div className={classes.overlaySection}>\n            <StaticImage\n              layout='constrained'\n              placeholder='tracedSVG'\n              src='../assets/Photo/icons8-play-button-circled.png'\n              alt='Play - Novade Lite'\n              className={classes.playIconImage}\n            />\n          </div>\n        </Container>\n      ) : (\n        <Container className={classes.containerColumn} data-testid='video'>\n          <iframe\n            width='626'\n            height='352'\n            src={novadeLiteYoutubeUrl}\n            title={title}\n            frameBorder='0'\n            allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n            allowFullScreen\n          />\n        </Container>\n      )}\n    </div>\n  );\n};\n\nexport default NovadeLiteSection;\n","import * as React from 'react';\nimport { Typography, Grid, Paper } from '@material-ui/core';\nimport { graphql, useStaticQuery, Link } from 'gatsby';\nimport EqualizerIcon from '@material-ui/icons/Equalizer';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport { LocationLanguageContextType, CategorySectionProps } from '../typings';\nimport { LocationLanguageContext } from '../contexts/LocationLanguageContext';\nimport useStyles from '../styles/componentStyle';\nimport { getTemplateCategoryByLocale, getCategoriesWithTemplates } from '../utils/getFilterOptions';\n\nconst CategorySection: React.FC<CategorySectionProps> = ({ header }) => {\n  const data = useStaticQuery(\n    graphql`\n      query CategoriesQuery {\n        allStrapiCategories(sort: { fields: rank, order: ASC }) {\n          nodes {\n            name\n            rank\n            Localizations {\n              displayName\n              locale\n              localeName\n            }\n            templates {\n              id\n            }\n            icon {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(width: 24, height: 24, layout: CONSTRAINED)\n                }\n              }\n            }\n          }\n        }\n      }\n    `\n  );\n\n  const locationLanguage = React.useContext<LocationLanguageContextType | null>(LocationLanguageContext);\n  const language: string = locationLanguage?.language ?? 'en';\n  const { allStrapiCategories } = data;\n  const categories = getTemplateCategoryByLocale(getCategoriesWithTemplates(allStrapiCategories.nodes), language);\n  const classes = useStyles();\n\n  if (!categories || categories.length === 0) return null;\n\n  return (\n    <div className={classes.mainSectionContainer}>\n      <Typography variant='h5' className={classes.mainSectionTitle}>\n        {header}\n      </Typography>\n      <Grid container spacing={3}>\n        {categories.map((category) => (\n          <Grid item xs={6} sm='auto' lg='auto' key={category.name}>\n            <Link to={`/browse?filters=category:${category.name}`}>\n              <Paper className={classes.categoryContainer}>\n                {category.icon ? (\n                  <>\n                    <GatsbyImage alt={category.displayName} image={category.icon} />\n                  </>\n                ) : (\n                  <>\n                    <EqualizerIcon />\n                  </>\n                )}\n                <Typography key={category.name}>{category.displayName}</Typography>\n              </Paper>\n            </Link>\n          </Grid>\n        ))}\n      </Grid>\n    </div>\n  );\n};\n\nexport default CategorySection;\n","import * as React from 'react';\nimport { Container, Grid, Paper, Typography, useMediaQuery } from '@material-ui/core';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport { globalHistory } from '@reach/router';\nimport { graphql, Link, navigate, StaticQuery } from 'gatsby';\nimport Seo from '../components/Seo';\nimport Banner from '../components/Banner';\nimport BannerMobile from '../components/BannerMobile';\nimport TemplatePreviewDialog from '../components/TemplatePreviewDialog';\nimport { LocationLanguageContext } from '../contexts/LocationLanguageContext';\nimport { globalColors } from '../styles/globalColorVariables';\nimport { LocationLanguageContextType, StrapiTemplate } from '../typings';\nimport { defaultLocation, getSupportedLanguage, Languages } from '../utils/getAllSupportedLanguages';\nimport NovadeLiteSection from '../components/HomeNovadeLiteSection';\nimport CategorySection from '../components/CategorySection';\nimport { matchesMobile } from '../utils/mediaQuery';\n\ninterface StrapiHomePage {\n  Title: string;\n  FeaturedTemplatesLabel: string;\n  BrowseByCategoryLabel: string;\n  ViewMoreLabel: string;\n  NLSectionTitle: string;\n  NLSectionSubtitle: string;\n  SignUpLabel: string;\n  SignUpUrl: string;\n  locale: string;\n}\n\ninterface StaticQueryProps {\n  site: {\n    siteMetadata: {\n      title: string;\n      description: string;\n      keywords: string;\n      siteUrl: string;\n    };\n  };\n  allStrapiHomePage: {\n    nodes: StrapiHomePage[];\n  };\n  allStrapiTemplate: {\n    nodes: Array<any>;\n  };\n}\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    categoryContainer: {\n      display: 'grid',\n      gridTemplateColumns: '18px 1fr',\n      gap: '1rem',\n      padding: '1rem',\n      alignItems: 'center',\n      '& p': {\n        fontSize: '1em'\n      }\n    },\n    mainSectionContainer: {\n      padding: '1rem 0'\n    },\n    mainSectionTitle: {\n      fontWeight: 'bold',\n      marginBottom: '1rem',\n      fontSize: '1.5em',\n      lineHeight: '1.42'\n    },\n    fullWidthTopContainer: {\n      backgroundColor: globalColors.primaryColor,\n      color: 'white'\n    },\n    topContainer: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      padding: '4rem 1rem'\n    },\n    homeTitle: {\n      maxWidth: '30rem',\n      marginBottom: '1rem'\n    },\n    search: {\n      marginTop: '1rem',\n      width: '40%',\n      backgroundColor: 'white',\n      borderRadius: '4px'\n    },\n    searchMobile: {\n      marginTop: '1rem',\n      width: '100%',\n      backgroundColor: 'white',\n      borderRadius: '4px'\n    },\n    browseBtn: {\n      textDecoration: 'none',\n      color: '#2864ac',\n      fontSize: '0.875em',\n      fontWeight: 500,\n      margin: '0 1em 1em 1em',\n      flex: '0 0 auto',\n      letterSpacing: '0.5px',\n      textTransform: 'uppercase'\n    },\n    sectionContainerColumns: {\n      padding: '2rem 0',\n      display: 'flex'\n    },\n    browseBtnMobile: {\n      display: 'none'\n    },\n    [theme.breakpoints.down('md')]: {\n      categoryContainer: {\n        '& p': {\n          fontSize: '0.875em'\n        }\n      },\n      sectionContainerColumns: {\n        flexDirection: 'column'\n      },\n      mainSectionTitle: {\n        textAlign: 'center',\n        fontWeight: 500,\n        marginBottom: '1rem',\n        fontSize: '1.25em',\n        lineHeight: '1.2'\n      },\n      browseBtn: {\n        display: 'none'\n      },\n      browseBtnMobile: {\n        display: 'block',\n        textAlign: 'center',\n        color: '#2864ac',\n        textDecoration: 'none',\n        margin: '1rem 0',\n        '& p': {\n          fontSize: '14px',\n          lineHeight: 1.14,\n          fontWeight: 500\n        }\n      }\n    },\n    templateCard: {\n      borderWidth: '0px',\n      cursor: 'pointer',\n      padding: '0px',\n      textAlign: 'left',\n      width: '100%',\n      fontSize: '1em',\n      fontWeight: 'bold',\n      '& div': {\n        padding: '1rem'\n      },\n      '& div h6': {\n        fontWeight: '500',\n        display: '-webkit-box',\n        lineClamp: 1,\n        boxOrient: 'vertical',\n        overflow: 'hidden'\n      }\n    },\n    [theme.breakpoints.up('md')]: {\n      templateCard: {\n        '& div': {\n          height: '35px'\n        }\n      }\n    }\n  })\n);\n\nconst IndexLayout: React.FC<{}> = () => (\n  <StaticQuery\n    query={graphql`\n      query IndexLayoutQuery {\n        allStrapiHomePage {\n          nodes {\n            Title\n            FeaturedTemplatesLabel\n            BrowseByCategoryLabel\n            ViewMoreLabel\n            NLSectionTitle\n            NLSectionSubtitle\n            SignUpLabel\n            SignUpUrl\n            locale\n          }\n        }\n        allStrapiTemplate(sort: { fields: updated_at, order: DESC }, filter: { isPromoted: { eq: true } }) {\n          nodes {\n            id\n            published_at\n            isPromoted\n            Title\n            Description\n            SeoContent\n            Keywords\n            Author\n            Slug\n            countries {\n              Localizations {\n                locale\n                localeName\n                displayName\n              }\n              name\n            }\n            template_language {\n              name\n            }\n            Template {\n              name\n              templateGroup {\n                name\n              }\n              templateSections {\n                name\n                rank\n                sectionFields {\n                  name\n                  rank\n                  isMandatory\n                  galleryAllowed\n                  textValidation\n                  fieldInputType\n                  selectOptions {\n                    color\n                    name\n                    rank\n                  }\n                  subFields {\n                    fieldInputType\n                    name\n                    rank\n                    selectOptions {\n                      color\n                      name\n                      rank\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data: StaticQueryProps) => {\n      const classes = useStyles();\n      const { allStrapiHomePage, allStrapiTemplate } = data;\n      const maxTemplates = 12;\n      const initialFeaturedTemplates = allStrapiTemplate.nodes.slice(0, maxTemplates); // the latest 12 featured templates\n      const [openTemplatePreview, setOpenTemplatePreview] = React.useState(false);\n      const [templateValue, setTemplateValue] = React.useState<StrapiTemplate>();\n      const [promotedTemplates, setPromotedTemplates] = React.useState<StrapiTemplate[]>(initialFeaturedTemplates);\n\n      // To open/close the preview popup when doing a browser action (back/forward)\n      React.useEffect(\n        () =>\n          globalHistory.listen(({ location }) => {\n            if (location.pathname.includes('/template')) {\n              setOpenTemplatePreview(true);\n            } else {\n              setOpenTemplatePreview(false);\n            }\n          }),\n        []\n      );\n\n      const locationLanguage = React.useContext<LocationLanguageContextType | null>(LocationLanguageContext);\n      const language: string = locationLanguage?.language ?? Languages.English;\n      const country = locationLanguage?.country ?? defaultLocation;\n      const homePageContent = allStrapiHomePage.nodes.find((x) => x.locale === language);\n\n      // Trigger to refresh the featured templates based on current country\n      React.useEffect(() => {\n        const supportedLang = getSupportedLanguage(country);\n        const getPromotedTemplates = allStrapiTemplate.nodes.filter((template) => {\n          // Note: For EN templates it should show for all EN-speaking countries\n          if (template.template_language?.name && template.template_language.name === supportedLang?.localeName) return true;\n          if (template.countries?.name && template.countries.name === country.locationName) return true;\n          return false;\n        });\n        const templates = getPromotedTemplates.length > 0 ? getPromotedTemplates : initialFeaturedTemplates;\n        setPromotedTemplates(templates.slice(0, maxTemplates));\n      }, [country.locationCode]);\n\n      const matchesDesktop = useMediaQuery('(min-width:1025px)');\n\n      const handleTemplatePreview = (template: StrapiTemplate) => {\n        if (matchesDesktop) {\n          setOpenTemplatePreview(true);\n          setTemplateValue(template);\n        } else {\n          navigate(`/template/${template.Slug}`);\n        }\n      };\n\n      const handlePreviewClose = () => {\n        setOpenTemplatePreview(false);\n        navigate(-1); // Go back to the last URL once the popup is closed. The link here will be updated from template url to home url.\n      };\n\n      const isMobile = matchesMobile();\n\n      return (\n        <>\n          {homePageContent ? (\n            <>\n              <Seo title='Home' />\n              {isMobile ? <BannerMobile /> : <Banner />}\n              <Container maxWidth='lg'>\n                <CategorySection header={homePageContent.BrowseByCategoryLabel} />\n                <div className={classes.mainSectionContainer}>\n                  <div style={{ display: 'flex', alignItems: 'center', marginBottom: '10px' }}>\n                    <Typography\n                      variant='h5'\n                      className={classes.mainSectionTitle}\n                      style={{ flex: '1', display: 'flex', flexDirection: 'column' }}\n                    >\n                      {homePageContent.FeaturedTemplatesLabel}\n                    </Typography>\n                    <Link to='/browse/' className={classes.browseBtn}>\n                      <Typography variant='body1'>{homePageContent.ViewMoreLabel}</Typography>\n                    </Link>\n                  </div>\n\n                  <Grid container spacing={3}>\n                    {promotedTemplates.map((eachTemplate: StrapiTemplate) => {\n                      const openPreivew = () => handleTemplatePreview(eachTemplate);\n                      return (\n                        <Grid item xs={12} sm={6} md={4} key={eachTemplate.Slug}>\n                          <button type='button' className={classes.templateCard} onClick={openPreivew}>\n                            <Paper>\n                              <Typography variant='h6' key={eachTemplate.Slug}>\n                                {eachTemplate.Title}\n                              </Typography>\n                            </Paper>\n                          </button>\n                        </Grid>\n                      );\n                    })}\n                    {templateValue && openTemplatePreview ? (\n                      <TemplatePreviewDialog\n                        open={openTemplatePreview}\n                        template={templateValue}\n                        onDialogClose={handlePreviewClose}\n                        isMobile={isMobile}\n                      />\n                    ) : null}\n                  </Grid>\n                  <Link to='/browse/' className={classes.browseBtnMobile}>\n                    <Typography variant='body1'>{homePageContent.ViewMoreLabel}</Typography>\n                  </Link>\n                </div>\n                <NovadeLiteSection\n                  title={homePageContent.NLSectionTitle}\n                  subtitle={homePageContent.NLSectionSubtitle}\n                  signupLabel={homePageContent.SignUpLabel}\n                  signupLink={homePageContent.SignUpUrl}\n                  locale={language}\n                />\n              </Container>\n            </>\n          ) : null}\n        </>\n      );\n    }}\n  />\n);\n\nexport default IndexLayout;\n","import * as React from 'react';\n\nimport IndexLayout from '../layouts/index';\n\nconst IndexPage = () => <IndexLayout />;\n\nexport default IndexPage;\n"],"names":["_interopRequireDefault","_interopRequireWildcard","exports","React","_default","default","createElement","d","useStyles","makeStyles","theme","createStyles","bannerSection","position","textAlign","color","display","bannerImage","gridArea","bannerText","top","left","transform","bannerTitle","fontSize","marginBottom","fontWeight","lineHeight","bannerDesc","searchContainer","flexDirection","justifyContent","alignItems","searchInput","width","height","margin","padding","backgroundColor","border","borderRadius","slides","overflow","currentSlide","opacity","breakpoints","up","minHeight","down","StaticQuery","query","render","bannersData","searchFieldValue","setSearchFieldValue","locationLanguage","LocationLanguageContext","language","Languages","filterBanner","allStrapiBanners","nodes","filter","eachBanner","locale","includes","header","allStrapiHeader","find","eachLabel","searchLabel","SearchLabel","firstBanner","classes","className","Container","maxWidth","disableGutters","key","strapiId","Link","to","style","textDecoration","G","alt","Title","image","Image","localFile","childImageSharp","gatsbyImageData","Typography","variant","align","Paper","elevation","InputBase","onChange","event","target","value","fullWidth","onKeyDown","enterToSearch","placeholder","endAdornment","InputAdornment","IconButton","edge","onClick","clickToSearch","Search","inputProps","Subtitle","boxSizing","flex","sectionProps","title","subtitle","signupLabel","signupLink","enableIframe","setEnableIframe","getLiteAppDataByLocale","iosLink","androidLink","sectionContainerColumns","containerColumn","href","S","layout","src","logoImage","sectionHeader","boldCenterText","sectionBodyText","centerAlign","Button","sectionSignUpButton","appDownloadSection","formControl","imageCenterAlign","frameBorder","allow","allowFullScreen","videoSection","videoPlayBackground","overlaySection","playIconImage","data","useStaticQuery","allStrapiCategories","categories","getTemplateCategoryByLocale","getCategoriesWithTemplates","length","mainSectionContainer","mainSectionTitle","Grid","container","spacing","map","category","item","xs","sm","lg","name","categoryContainer","icon","displayName","Equalizer","gridTemplateColumns","gap","fullWidthTopContainer","globalColors","topContainer","homeTitle","search","marginTop","searchMobile","browseBtn","letterSpacing","textTransform","browseBtnMobile","templateCard","borderWidth","cursor","lineClamp","boxOrient","allStrapiHomePage","allStrapiTemplate","initialFeaturedTemplates","slice","openTemplatePreview","setOpenTemplatePreview","templateValue","setTemplateValue","promotedTemplates","setPromotedTemplates","globalHistory","location","pathname","country","defaultLocation","homePageContent","x","supportedLang","getSupportedLanguage","getPromotedTemplates","template","template_language","localeName","countries","locationName","templates","locationCode","matchesDesktop","useMediaQuery","isMobile","matchesMobile","Seo","BrowseByCategoryLabel","FeaturedTemplatesLabel","ViewMoreLabel","eachTemplate","md","Slug","type","navigate","TemplatePreviewDialog","open","onDialogClose","NLSectionTitle","NLSectionSubtitle","SignUpLabel","SignUpUrl"],"sourceRoot":""}