{"version":3,"file":"component---src-templates-general-page-template-tsx-57c5b0df4d9dc7ad4fed.js","mappings":"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","sources":["webpack://quickhit/./src/components/hero.tsx","webpack://quickhit/./src/components/TemplateWrapper.tsx","webpack://quickhit/./src/templates/general-page-template.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { GatsbyImage, getImage, StaticImage } from \"gatsby-plugin-image\"\nimport { useLocation } from \"@reach/router\"\nimport { ContentfulGeneralPageType } from \"../types/contentful.types\"\nimport ContentfulRichText from \"../utilities/contentful-rich-text\"\nimport { isDesktop, isMobile, isTablet } from \"react-device-detect\"\nimport AdjustLink from \"./adjust-link\"\n\n// !IMPORTANT\n// Background Image of the hero is coming from page template to cover all the header\n\nconst Hero = ({ data, onDownloadClick }) => {\n  const {\n    text,\n    imageNearTheText,\n    imageNearTheTextPosition,\n  }: ContentfulGeneralPageType[\"hero\"] = data\n  const { pathname } = useLocation()\n\n  const HeroContent = () => {\n    return (\n      <>\n        <ContentfulRichText className='text-white text-center' raw={text} />\n        <div className='flex items-center justify-center'>\n          {isMobile || isTablet ? (\n            <AdjustLink className='glow-animation hero-cta-btn'>\n              get the app\n            </AdjustLink>\n          ) : (\n            <button\n              className='cursor-pointer glow-animation hero-cta-btn'\n              onClick={onDownloadClick}\n            >\n              get the app\n            </button>\n          )}\n        </div>\n      </>\n    )\n  }\n\n  return (\n    <div className={`hero${imageNearTheText ? \" hero-image-near\" : \"\"}`}>\n      {imageNearTheText ? (\n        <div className='hero-top'>\n          <div className=''>\n            <GatsbyImage\n              image={\n                getImage(\n                  imageNearTheText.localFile.childImageSharp.gatsbyImageData\n                )!\n              }\n              alt=''\n            />\n          </div>\n          <div className='hero-content mb-10 xl:mb-0 md:px-10'>\n            <HeroContent />\n          </div>\n        </div>\n      ) : (\n        <div className='hero-content'>\n          <HeroContent />\n        </div>\n      )}\n    </div>\n  )\n}\nexport default Hero\n","import React, { useEffect, useState } from \"react\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport useQueryParams from \"query-params-hook\";\nimport SEO from \"./seo\";\nimport Footer from \"./footer\";\nimport AdjustLink from \"./adjust-link\";\nimport { useLocation } from \"@reach/router\"\n\nconst TemplateWrapper = ({ seo, impressionLink, children }: { seo: any; impressionLink?: string, children: any }) => {\n  const location = useLocation()\n  const { lp: lpPages } = useQueryParams();\n  const [isLpPage, setIsLpPage] = useState(lpPages === \"true\");\n  const [className, setClassName] = useState('');\n\n  useEffect(() => {\n    setIsLpPage(lpPages === \"true\");\n    setClassName(lpPages === \"true\" ? \"lp-pages\" : `general-pages ${location.pathname.includes(\"/slot-games\")? 'slot-games':''}`);\n  }, [lpPages]);\n\n  return (\n    <div className={className}>\n      <SEO isLpPage={isLpPage} data={seo} impressionLink={impressionLink} />\n\n      {children}\n\n      {!isLpPage ? (\n        <Footer />\n      ) : (\n        <AdjustLink className=\"block w-fit my-10 mx-auto\">\n          <StaticImage\n            className=\"mr-6\"\n            src=\"../../images/cta.png\"\n            alt=\"Play Now\"\n            width={150}\n          />\n        </AdjustLink>\n      )}\n    </div>\n  );\n};\n\nexport default TemplateWrapper;\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport {\n  ContentfulComposePageType,\n  ContentfulGeneralPageType,\n} from \"../types/contentful.types\"\nimport BackgroundContainer from \"../components/background-container\"\nimport DownloadPopup from \"../components/download-popup\"\nimport { useState } from \"react\"\nimport Sections from \"../components/sections/sections\"\nimport Menu from \"../components/menu/menu\"\nimport Hero from \"../components/hero\"\nimport MenuMobile from \"../components/menu/menu-mobile\"\nimport { isMobile } from \"react-device-detect\"\nimport TemplateWrapper from \"../components/TemplateWrapper\"\n\nexport const query = graphql`\n  query GeneralPageTemplateQuery($slug: String!) {\n    contentfulGeneralPage(\n      compose__page: { elemMatch: { slug: { eq: $slug } } }\n    ) {\n      hero {\n        image {\n          localFile {\n            childImageSharp {\n              gatsbyImageData\n            }\n            publicURL\n          }\n          title\n          file {\n            contentType\n            url\n          }\n        }\n        imageMobile {\n          localFile {\n            childImageSharp {\n              gatsbyImageData\n            }\n            publicURL\n          }\n          title\n          file {\n            contentType\n            url\n          }\n        }\n        videoPlaceholder {\n          localFile {\n            childImageSharp {\n              gatsbyImageData\n            }\n            publicURL\n          }\n          title\n          file {\n            contentType\n            url\n          }\n        }\n        imageNearTheText {\n          localFile {\n            childImageSharp {\n              gatsbyImageData(width: 800)\n            }\n            publicURL\n          }\n        }\n        imageNearTheTextPosition\n        text {\n          raw\n        }\n      }\n      sections {\n        columns {\n          __typename\n          ... on ContentfulComponentYoutubeVideo {\n            id\n            youtubeUrl {\n              youtubeUrl\n            }\n          }\n          ... on ContentfulComponentSlotsWithFilter {\n            id\n            internalName\n            slots {\n              slotIcon {\n                localFile {\n                  childImageSharp {\n                    gatsbyImageData(width: 330)\n                  }\n                }\n              }\n              gameIframeUrl\n              slotInfoLink\n              compose__page {\n                title\n                slug\n              }\n              categories {\n                id\n                title\n              }\n            }\n          }\n          ... on ContentfulComponentSlotsTypes {\n            id\n            __typename\n            slots {\n              id\n              compose__page {\n                slug\n                title\n              }\n              categories {\n                title\n                id\n              }\n              gameIframeUrl\n              slotInfoLink\n              slotIcon {\n                localFile {\n                  childImageSharp {\n                    gatsbyImageData(quality: 40)\n                  }\n                }\n                title\n              }\n              description {\n                raw\n              }\n            }\n          }\n          ... on ContentfulComponentGallery {\n            id\n            __typename\n            galleryType\n            title\n            media {\n              title\n              id\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(width: 1920, quality: 20)\n                }\n              }\n            }\n          }\n          ... on ContentfulComponentTextImage {\n            id\n            __typename\n            text {\n              raw\n              references {\n                ... on ContentfulComponentImageLink {\n                  __typename\n                  contentful_id\n                  title\n                  linkToUrl\n                  openInNewWindow\n                  image {\n                    localFile {\n                      publicURL\n                    }\n                  }\n                  linkToInnerPage {\n                    slug\n                  }\n                }\n                ... on ContentfulComponentStores {\n                  contentful_id\n                  __typename\n                  storesList {\n                    name\n                    mobile {\n                      mobile\n                    }\n                    desktop {\n                      desktop\n                    }\n                    }\n                }\n              }\n            }\n            textBg\n            imagesSide\n            gallery {\n              id\n              media {\n                id\n                localFile {\n                  childImageSharp {\n                    gatsbyImageData(width: 1920, quality: 60)\n                  }\n                }\n                title\n                file {\n                  contentType\n                  url\n                }\n              }\n            }\n          }\n          ... on ContentfulComponentSlotsTypes {\n            id\n            __typename\n            showDescription\n          }\n          ... on ContentfulComponentCards {\n            id\n            title\n            additionalText {\n              raw\n            }\n            bottomText {\n              raw\n            }\n            iconPlace\n            showTitles\n            backgroundColor\n            itemsInRow\n            cards {\n              id\n              title\n              iconSizeOnMobile\n              readMore {\n                compose__page {\n                  slug\n                }\n              }\n              icon {\n                localFile {\n                  childImageSharp {\n                    gatsbyImageData(width: 80)\n                  }\n                }\n                title\n              }\n              textAlignment\n              textColor\n              text {\n                raw\n              }\n            }\n          }\n          ... on ContentfulComponentTextImageGroup {\n            id\n            __typename\n            title\n            spaceBetween\n            description {\n              raw\n            }\n            bottomText {\n              raw\n            }\n            textImages {\n              text {\n                raw\n                references {\n                  ... on ContentfulComponentImageLink {\n                    id\n                    __typename\n                    contentful_id\n                    title\n                    linkToUrl\n                    openInNewWindow\n                    image {\n                      localFile {\n                        childImageSharp {\n                          gatsbyImageData\n                        }\n                      }\n                    }\n                    linkToInnerPage {\n                      slug\n                    }\n                  }\n                  ... on ContentfulComponentStores {\n                    contentful_id\n                    __typename\n                    storesList {\n                      name\n                      mobile {\n                        mobile\n                      }\n                      desktop {\n                        desktop\n                      }\n                      }\n                  }\n                }\n              }\n              textBg\n              imagesSide\n              gallery {\n                id\n                media {\n                  id\n                  localFile {\n                    childImageSharp {\n                      gatsbyImageData(width: 1920, quality: 85)\n                    }\n                  }\n                  title\n                  file {\n                    contentType\n                    url\n                  }\n                }\n              }\n            }\n          }\n          ... on ContentfulComponentSimpleText {\n            id\n            backgroundColor\n            text {\n              raw\n              references {\n                ... on ContentfulComponentImageLink {\n                  id\n                  __typename\n                  contentful_id\n                  title\n                  linkToUrl\n                  openInNewWindow\n                  image {\n                    localFile {\n                      publicURL\n                    }\n                  }\n                  linkToInnerPage {\n                    slug\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    contentfulComposePage(slug: { eq: $slug }) {\n      impressionLink {\n        impressionLink\n      }\n      seo {\n        description\n        keywords\n        no_index\n        no_follow\n        title\n        canonical\n        schemaJson {\n          schemaJson\n        }\n        socialImage {\n          url\n        }\n      }\n    }\n  }\n`\n\nconst GeneralPageTemplate = ({ location, data }) => {\n  const { hero, sections }: ContentfulGeneralPageType =\n    data.contentfulGeneralPage\n  const { seo, impressionLink }: ContentfulComposePageType = data.contentfulComposePage\n  const [showDownloadPopup, setShowDownloadPopup] = useState<boolean>(false)\n  return (\n    <TemplateWrapper seo={seo} impressionLink={impressionLink?.impressionLink}>\n      <DownloadPopup\n        onCloseClick={() => setShowDownloadPopup(false)}\n        show={showDownloadPopup}\n      />\n\n      <div className=\"app-container\">\n        <MenuMobile onDownloadClick={() => setShowDownloadPopup(true)} />\n        <Menu onDownloadClick={() => {\n          console.log(\"onDownloadClick\", showDownloadPopup);\n          setShowDownloadPopup(true)\n        }} />\n\n        {hero && (\n          <BackgroundContainer\n            videoPlaceholder={hero.videoPlaceholder}\n            image={\n              isMobile && hero.imageMobile?.file?.url\n                ? hero.imageMobile\n                : hero.image\n            }\n            fader={hero.imageNearTheText ? false : true}\n          >\n            <Hero\n              data={hero}\n              onDownloadClick={() => setShowDownloadPopup(true)}\n            />\n          </BackgroundContainer>\n        )}\n\n        <main>\n          <Sections\n            seo={seo}\n            sections={sections}\n            onDownloadClick={() => setShowDownloadPopup(true)}\n          />\n        </main>\n      </div>\n    </TemplateWrapper>\n  );\n}\n\nexport default GeneralPageTemplate\n"],"names":["_ref","data","onDownloadClick","text","imageNearTheText","imageNearTheTextPosition","pathname","useLocation","HeroContent","React","ContentfulRichText","className","raw","isMobile","isTablet","AdjustLink","onClick","GatsbyImage","image","getImage","localFile","childImageSharp","gatsbyImageData","alt","seo","impressionLink","children","location","lp","lpPages","useQueryParams","isLpPage","setIsLpPage","useState","setClassName","useEffect","includes","SEO","StaticImage","src","width","__imageData","require","Footer","_hero$imageMobile","_hero$imageMobile$fil","hero","sections","contentfulGeneralPage","contentfulComposePage","showDownloadPopup","setShowDownloadPopup","TemplateWrapper","DownloadPopup","onCloseClick","show","MenuMobile","Menu","console","log","BackgroundContainer","videoPlaceholder","imageMobile","file","url","fader","Hero","Sections"],"sourceRoot":""}