{"version":3,"file":"component---src-templates-slot-page-template-tsx-eec63e9834a7844c54fd.js","mappings":"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","sources":["webpack://jackpot-party/./src/components/GameThumbnails/index.tsx","webpack://jackpot-party/./src/templates/slot-page-template.tsx","webpack://jackpot-party/./src/components/BreadCrumbs.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"gatsby\";\nimport { GatsbyImage, StaticImage, getImage } from \"gatsby-plugin-image\";\n\nconst GameThumbnails = ({ games }) => {\n  return (\n    <div className=\"slot-game-more-games xl:w-[20vw] md:block hidden\">\n      <div className=\"text-[20px] text-center xl:text-[26px] xl:mx-10 xl:text-center self-center\">\n        What will you play next?\n      </div>\n      {games?.length > 0 ? (\n        <div className=\"mote-games-items grid grid-cols-2 gap-x-4\">\n          {games.map(({ name, content: {slotIcon}, slug }) => (\n            <div className=\"more-game-item\">\n              <Link to={`/${slug}`} className=\"max-w-[130px]\">\n                <GatsbyImage\n                  image={getImage(slotIcon.gatsbyImageData)!}\n                  alt=\"\"\n                />\n                <div className=\"more-game-item-name !w-[90%] m-auto\">{name}</div>\n              </Link>\n            </div>\n          ))}\n        </div>\n      ) : (\n        <div className=\"mote-games-items flex xl:flex-col space-x-5 xl:space-x-0 xl:space-y-10 justify-center items-center\">\n          <div className=\"more-game-item\">\n            <Link to=\"/slot-games/forbidden-dragons/\">\n              <StaticImage\n                src=\"../../images/slots/ForbiddenDragons.png\"\n                alt=\"\"\n                width={160}\n              />\n              <div className=\"more-game-item-name\">Forbidden Dragons</div>\n            </Link>\n          </div>\n          <div className=\"more-game-item\">\n            <Link to=\"/slot-games/invaders-from-the-planet-moolah/\">\n              <StaticImage\n                src=\"../../images/slots/InvadersFromThePlanetMoolah.png\"\n                alt=\"\"\n                width={160}\n              />\n              <div className=\"more-game-item-name\">\n                Invaders From The Planet Moolah\n              </div>\n            </Link>\n          </div>{\" \"}\n          <div className=\"more-game-item\">\n            <Link to=\"/slot-games/zeus-ii/\">\n              <StaticImage\n                src=\"../../images/slots/ZeusII.png\"\n                alt=\"\"\n                width={160}\n              />\n              <div className=\"more-game-item-name\">Zeus II</div>\n            </Link>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\nexport default GameThumbnails;\n","import React, { useRef } from \"react\"\nimport { graphql, Link, navigate } from \"gatsby\"\nimport SEO from \"../components/seo\"\nimport {\n  ContentfulComposePageType,\n  ContentfulSlotPageType,\n} from \"../types/contentful.types\"\nimport BackgroundContainer from \"../components/background-container\"\nimport Footer from \"../components/footer\"\nimport DownloadPopup from \"../components/download-popup\"\nimport { useState } from \"react\"\nimport MenuMobile from \"../components/menu/menu-mobile\"\nimport Menu from \"../components/menu/menu\"\nimport Sections from \"../components/sections/sections\"\nimport { GatsbyImage, getImage, StaticImage } from \"gatsby-plugin-image\"\nimport AdjustLink from \"../components/adjust-link\"\nimport { isMobile, isTablet } from \"react-device-detect\"\nimport Carousel from \"../components/carousel\"\nimport VideoPlayer from \"../components/video-player\"\nimport BreadCrumbs from \"../components/BreadCrumbs\"\nimport GameThumbnails from \"../components/GameThumbnails\"\n\nexport const query = graphql`\n  query SlotPageTemplateQuery($slug: String!) {\n    contentfulGameThumbnailsSlots(\n      slotPages: {elemMatch: {compose__page: {elemMatch: {slug: {in: [$slug]}}}}}\n    ) {\n      gameThumbnails: games {\n          name\n          content {\n            ... on ContentfulSlotPage {\n              id\n              name\n              slotIcon {\n                gatsbyImageData\n              }\n            }\n          }\n          slug\n        }\n    }\n    allContentfulSlotPage(\n          filter: { compose__page: { elemMatch: { slug: { ne: null } } } }\n        ) {\n          edges {\n            node {\n              compose__page {\n                slug\n              }\n            }\n          }\n        }\n    contentfulSlotPage(compose__page: { elemMatch: { slug: { eq: $slug } } }) {\n      name\n      compose__page {\n        impressionLink {\n          impressionLink\n        }\n        title\n        seo {\n          keywords\n          title\n          no_index\n          no_follow\n          description\n          socialImage {\n            url\n          }\n        }\n      }\n      gameIframeUrl\n      longGameIframeUrl {\n        longGameIframeUrl\n      }\n      gameImage {\n        title\n        id\n        localFile {\n          childImageSharp {\n            gatsbyImageData\n          }\n        }\n        file {\n          url\n          contentType\n        }\n      }\n      slotInfoLink\n      sections {\n        columns {\n          __typename\n          ... on ContentfulComponentSlotInfoTable {\n            id\n            tabTitle\n            text {\n              raw\n            }\n            software\n            rtp\n            reels\n            paylines\n            maxWager\n            maxPayout\n            jackpotType\n            theme\n            bonusRound\n            jackpotTypeLinkTo {\n              id\n              compose__page {\n                slug\n              }\n            }\n            themeJson {\n              internal {\n                content\n              }\n            }\n            softwareJson {\n              internal {\n                content\n              }\n            }\n            image {\n              localFile {\n                childImageSharp {\n                  gatsbyImageData(width: 1920, quality: 20)\n                }\n              }\n              title\n            }\n          }\n          ... on ContentfulComponentSlotsWithFilter {\n            id\n            internalName\n            slots {\n              slotIcon {\n                localFile {\n                  childImageSharp {\n                    gatsbyImageData(width: 300, quality: 20, layout: CONSTRAINED, placeholder: BLURRED)\n                  }\n                }\n              }\n              gameIframeUrl\n              longGameIframeUrl {\n                longGameIframeUrl\n              }\n              slotInfoLink\n              compose__page {\n                title\n                slug\n                createdAt\n              }\n              categories {\n                id\n                title\n              }\n            }\n          }\n          ... on ContentfulComponentSlotPageCards {\n            id\n            internalName\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              slotInfoLink\n              gameIframeUrl\n              longGameIframeUrl {\n                longGameIframeUrl\n              }\n              slotIcon {\n                localFile {\n                  childImageSharp {\n                    gatsbyImageData\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            tabTitle\n            __typename\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                ... on ContentfulComponentStores {\n                  id\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              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            description {\n              description\n            }\n            showDescription\n          }\n          ... on ContentfulComponentCards {\n            id\n            title\n            tabTitle\n            additionalText {\n              raw\n            }\n            bottomText {\n              raw\n            }\n            iconPlace\n            showTitles\n            backgroundColor\n            itemsInRow\n            cards {\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                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            contentful_id\n            __typename\n            id\n            tabTitle\n            backgroundColor\n            text {\n              raw\n              references {\n                ... on ContentfulFaQsSection {\n                  __typename\n                  id\n                  contentful_id\n                  title\n                  faqs {\n                    question\n                    answer {\n                      raw\n                    }\n                  }\n                }\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                ... on ContentfulComponentSlotsTypes {\n                  id\n                  __typename\n                  contentful_id\n                  slots {\n                    id\n                    compose__page {\n                      slug\n                      title\n                    }\n                    categories {\n                      title\n                      id\n                    }\n                    gameIframeUrl\n                    longGameIframeUrl {\n                      longGameIframeUrl\n                    }\n                    slotIcon {\n                      localFile {\n                        childImageSharp {\n                          gatsbyImageData\n                        }\n                      }\n                      title\n                    }\n                    description {\n                      raw\n                    }\n                  }\n                }\n              }\n            }\n            images {\n\t\t\t\t\t\t\tlocalFile {\n              \tchildImageSharp {\n                  gatsbyImageData\n                }\n              }\n            }\n          }\n          ... on ContentfulFaQsSection {\n            __typename\n            id\n            contentful_id\n            title\n            faqs {\n              question\n              answer {\n                raw\n              }\n            }\n          }\n          ... on ContentfulComponentYoutubeVideo {\n            id\n            youtubeUrl {\n              youtubeUrl\n            }\n          }\n        }\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        text {\n          raw\n        }\n      }\n    }\n  }\n`\n\nconst SlotPageTemplate = ({ data }) => {\n\n  const { seo, title, impressionLink }: ContentfulComposePageType =\n    data.contentfulSlotPage.compose__page[0]\n  const {\n    name,\n    hero,\n    sections,\n    gameIframeUrl,\n    longGameIframeUrl,\n    gameImage,\n    slotInfoLink,\n  }: ContentfulSlotPageType = data.contentfulSlotPage\n\n  const {edges: allSlots} = data.allContentfulSlotPage;\n\n  const {gameThumbnails} = data.contentfulGameThumbnailsSlots || {};\n  const [showDownloadPopup, setShowDownloadPopup] = useState<boolean>(false)\n  const [shouldShowBanner, setShouldShowBanner] = useState(false);\n\n  const [iframeUrl, setIframeUrl] = useState(longGameIframeUrl\n    ? longGameIframeUrl.longGameIframeUrl\n    : gameIframeUrl);\n\n  const iframeContainerRef = useRef<any>()\n  const onFullscreenClick = () => {\n    iframeContainerRef.current.classList.add(\"fullscreen\")\n  }\n\n  const onCloseClick = () => {\n    iframeContainerRef.current.classList.remove(\"fullscreen\")\n  }\n\n  seo[\"slotInfoCardsTitle\"] = title.toUpperCase().replace(\"SLOT MACHINE\", \"\")\n\n  return (\n    <>\n      <SEO\n        data={seo}\n        shouldShowBanner={shouldShowBanner}\n        setShouldShowBanner={setShouldShowBanner}\n        impressionLink={impressionLink?.impressionLink}\n      />\n      {/* <CarnivalCruisePopUp onClick={() => setShowDownloadPopup(true)} /> */}\n\n      <DownloadPopup\n        onCloseClick={() => setShowDownloadPopup(false)}\n        show={showDownloadPopup}\n      />\n\n      <div className={`app-container ${shouldShowBanner ? \"show-banner\" : \"\"}`}>\n        <MenuMobile\n          shouldShowBanner={shouldShowBanner}\n        />\n        <Menu onDownloadClick={() => setShowDownloadPopup(true)} />\n        <main className=\"slot-page\">\n          <BackgroundContainer\n            className=\"slot-info-top-background\"\n            image={hero.image}\n          >\n            <div className={`inner-container hero-content pt-28 px-10`}>\n              <BreadCrumbs\n                pipeline\n                crumbs={[\n                  {\n                    label: \"Home\",\n                    to: \"/\",\n                    hasLink: true,\n                  },\n                  {\n                    label: \"Free Slots\",\n                    to: \"/slot-games/\",\n                    hasLink: true,\n                  },\n                  {\n                    label: name.toLocaleLowerCase().replace(\"- slot page\", \"\"),\n                    hasLink: false,\n                  },\n                ]}\n                className=\"hidden xl:block text-[#ffcb2e] mb-4\"\n              />\n              <div className=\"block xl:hidden mb-5\">\n                <Link\n                  className=\"text-2xl text-[#ffcb2e]\"\n                  to=\"/slot-games/\"\n                >\n                  {\"<\"} Free Slots\n                </Link>\n              </div>\n\n              <h1 className=\"self-start text-[24px] md:text-[45px] pb-4 text-white font-bold\">\n                {title}\n              </h1>\n              <div className=\"flex gap-2 md:mb-6\">\n                <div className=\"slot-random-btn\" onClick={() => {\n                  const itemIndex = Math.floor(Math.random() * allSlots.length);\n                  const slot = allSlots[itemIndex];\n                  navigate(`/${slot.node.compose__page[0].slug}`)\n                }} />\n                <div className=\"slot-refresh-btn\" onClick={() => {\n                  const tempUrl = iframeUrl;\n                  setIframeUrl('');\n                  setTimeout(() => {\n                    setIframeUrl(tempUrl)\n                  });\n                }} />\n              </div>\n            </div>\n          </BackgroundContainer>\n          <div\n            className={`pt-10 xl:pt-0 xl:px-10 xl:pb-10`}\n          >\n            {(iframeUrl || gameImage?.length) && (\n              <div className=\"slot-game-hero-container flex flex-col xl:flex-row xl:space-x-16 space-y-10 xl:space-y-0\">\n                <div className=\"flex-1 xl:w-[80vw] overflow-hidden\">\n                  <div className=\"flex flex-col h-full\">\n                    {gameImage?.length ? (\n                      <Carousel\n                        containerClass=\"slot-game-carousel\"\n                        edgesFade={false}\n                        dots={true}\n                        dotsOnImages={true}\n                        showArrows={true}\n                        slidesToScroll={1}\n                        slidesToShow={1}\n                        infinite={false}\n                        data={gameImage.map((image) => {\n                          return image.file.contentType === \"video/mp4\" ? (\n                            <VideoPlayer url={image.file.url} />\n                          ) : (\n                            <GatsbyImage\n                              key={image.id}\n                              image={\n                                getImage(\n                                  image.localFile.childImageSharp\n                                    .gatsbyImageData\n                                )!\n                              }\n                              alt={image.title}\n                              objectFit=\"fill\"\n                            />\n                          );\n                        })}\n                        arrowsElements={{\n                          left: (\n                            <StaticImage\n                              src=\"../../images/left-round-arrow.png\"\n                              alt=\"\"\n                            />\n                          ),\n                          right: (\n                            <StaticImage\n                              src=\"../../images/right-round-arrow.png\"\n                              alt=\"\"\n                            />\n                          ),\n                        }}\n                        arrowsPosition={{ left: \"0\", right: \"0\" }}\n                      />\n                    ) : (\n                      <div\n                        ref={iframeContainerRef}\n                        className=\"iframe-container relative min-h-[400px] xl:min-h-0\"\n                      >\n                        <div className=\"full-screen-icon\">\n                          <button onClick={onFullscreenClick}>\n                            <StaticImage\n                              src=\"../images/full-screen.png\"\n                              alt=\"Close Popup\"\n                              width={60}\n                            />\n                          </button>\n                        </div>\n                        <button onClick={onCloseClick} className=\"slot-game-x\">\n                          X\n                        </button>\n                        <iframe\n                          src={iframeUrl}\n                          className=\"w-full flex-1 relative z-10\"\n                          scrolling=\"no\"\n                        />\n                      </div>\n                    )}\n                    <div className=\"slot-game-play-for-real p-5 text-center\">\n                      <div className=\"text-white text-[20px] xl:text-[35px] font-semibold\">\n                        READY TO PLAY FOR REAL?\n                      </div>\n                      {isMobile || isTablet ? (\n                        <AdjustLink slotPage={true}>\n                          <StaticImage\n                            className=\"cursor-pointer slot-info-get-the-app-button\"\n                            src=\"../images/get-the-app-button.png\"\n                            alt=\"\"\n                            width={300}\n                          />\n                        </AdjustLink>\n                      ) : (\n                        <button onClick={() => setShowDownloadPopup(true)}>\n                          <StaticImage\n                            className=\"cursor-pointer slot-info-get-the-app-button\"\n                            src=\"../images/get-the-app-button.png\"\n                            alt=\"\"\n                            width={300}\n                          />\n                        </button>\n                      )}\n                    </div>\n                  </div>\n                </div>\n                <GameThumbnails games={gameThumbnails} />\n              </div>\n            )}\n          </div>\n          {slotInfoLink && (\n            <Sections\n              createTabs={true}\n              seo={seo}\n              sections={sections}\n              onDownloadClick={() => setShowDownloadPopup(true)}\n            />\n          )}\n        </main>\n\n        <Footer />\n      </div>\n    </>\n  );\n}\n\nexport default SlotPageTemplate\n","import React from \"react\";\nimport { Link } from \"gatsby\";\n\nconst BreadCrumbs = ({ crumbs, pipeline = false, className = '' }) => {\n  return (\n    <div className={`text-[12px] xl:text-[14px] capitalize flex items-center space-x-3 ${className}`}>\n      {crumbs.map((crumb, index) => (\n        <>\n          {index === crumbs.length - 1 && !crumb.hasLink ? (\n            <span key={index}>{crumb.label}</span>\n          ) : (\n            <>\n              <Link key={index} to={crumb.to} className=\"underline\">\n                {crumb.label}\n              </Link>\n              {!(index === crumbs.length - 1) && <span>{pipeline ? '|' : '/'}</span>}\n            </>\n          )}\n        </>\n      ))}\n    </div>\n  );\n};\n\nexport default BreadCrumbs;\n"],"names":["_ref","games","React","className","length","map","_ref2","name","content","slotIcon","slug","Link","to","GatsbyImage","image","getImage","gatsbyImageData","alt","StaticImage","src","width","__imageData","require","data","seo","title","impressionLink","contentfulSlotPage","compose__page","hero","sections","gameIframeUrl","longGameIframeUrl","gameImage","slotInfoLink","edges","allSlots","allContentfulSlotPage","gameThumbnails","contentfulGameThumbnailsSlots","showDownloadPopup","setShowDownloadPopup","useState","shouldShowBanner","setShouldShowBanner","iframeUrl","setIframeUrl","iframeContainerRef","useRef","toUpperCase","replace","SEO","DownloadPopup","onCloseClick","show","MenuMobile","Menu","onDownloadClick","BackgroundContainer","BreadCrumbs","pipeline","crumbs","label","hasLink","toLocaleLowerCase","onClick","itemIndex","Math","floor","random","slot","navigate","node","tempUrl","setTimeout","Carousel","containerClass","edgesFade","dots","dotsOnImages","showArrows","slidesToScroll","slidesToShow","infinite","file","contentType","VideoPlayer","url","key","id","localFile","childImageSharp","objectFit","arrowsElements","left","right","arrowsPosition","ref","onFullscreenClick","current","classList","add","remove","scrolling","isMobile","isTablet","AdjustLink","slotPage","GameThumbnails","Sections","createTabs","Footer","crumb","index"],"sourceRoot":""}