{"version":3,"file":"component---src-templates-site-page-js-1427c2b9a85d7e6356f3.js","mappings":"oPAaA,EAVoB,SAAC,GAAc,IAAZA,EAAW,EAAXA,KAEnB,OACI,uBACIC,UAAU,gBACVC,wBAAyB,CAAEC,OAAQH,MCwD/C,EA7DoB,SAAC,GAA4B,IAA1BI,EAAyB,EAAzBA,MAAOC,EAAkB,EAAlBA,YAG1B,OACI,2BACKD,GAAS,sBAAIH,UAAU,cAAcG,GACtC,uBAAKH,UAAU,iBACVI,MAAAA,OAAA,EAAAA,EAAaC,SAAUD,EAAYE,KAAI,SAACC,GAAgB,IAAD,EACpD,OACI,uBAAKP,UAAU,eAAeQ,IAAKD,MAAAA,OAAF,EAAEA,EAAYE,YAC3C,uBAAKC,MAAM,cACP,uBAAKV,UAAU,gBACX,qBAAGW,KAAMJ,MAAAA,OAAF,EAAEA,EAAYK,gBAAiBC,OAAO,SAASC,IAAI,uBACtD,uBAAKC,IAAKR,MAAAA,GAAF,UAAEA,EAAYS,kBAAd,aAAE,EAAwBC,aAAcC,IAAKX,MAAAA,OAAF,EAAEA,EAAYE,aACjE,yBAAIF,MAAAA,OAAJ,EAAIA,EAAYE,cAGxB,uBAAKT,UAAU,eACVmB,MAAMZ,MAAAA,OAAD,EAACA,EAAYa,WAAWC,KAAK,mCAEvC,uBAAKrB,UAAU,6BACVO,MAAAA,OAAA,EAAAA,EAAYe,WACT,uBAAKtB,UAAU,cACX,mCACA,uBAAKA,UAAU,SACVO,MAAAA,OADL,EACKA,EAAYe,YAIxBf,MAAAA,OAAA,EAAAA,EAAYgB,mBACT,uBAAKvB,UAAU,cACX,wCACA,uBAAKA,UAAU,SACVO,MAAAA,OADL,EACKA,EAAYgB,oBAK7B,uBAAKvB,UAAU,8BACX,uBAAKA,UAAU,gBACVO,MAAAA,OADL,EACKA,EAAYiB,SAGrB,uBAAKxB,UAAU,kBACX,uBAAKA,UAAU,cACX,qBAAGW,KAAMJ,MAAAA,OAAF,EAAEA,EAAYK,gBAAiBZ,UAAU,MAAMa,OAAO,SAASC,IAAI,uBAA1E,cAEJ,4BACKP,MAAAA,OAAA,EAAAA,EAAYkB,YAAa,qBAAGd,KAAMJ,MAAAA,OAAF,EAAEA,EAAYK,gBAAiBZ,UAAU,aAAaa,OAAO,SAASC,IAAI,uBAAjF,8BCVlE,EAjCiB,SAAAY,GAAU,IAAD,EAChBC,GAAgBD,MAAAA,GAAxB,UAAwBA,EAAO3B,YAA/B,aAAwB,EAAa6B,MAA7BD,YACFE,EAAUF,EAAYG,QAAQ,GACpC,OACE,gBAACC,EAAA,EAAD,CACEC,UAAS,8JAET,gBAAC,EAAAC,UAAD,CACE9B,MAAO0B,MAAAA,OAAF,EAAEA,EAASK,SAChBC,YAAaN,MAAAA,OAAF,EAAEA,EAASO,eACtBC,UAAS,yBAEX,2BACGV,MAAAA,OADH,EACGA,EAAaG,QAAQxB,KAAK,SAAAgC,GACzB,IAAMC,EAAOD,EAAOE,eACpB,MAAa,sCAATD,EAEA,gBAAC,EAAD,CAAaxC,KAAMuC,MAAAA,OAAF,EAAEA,EAAQG,WAEX,yCAATF,EAEP,gBAAC,EAAD,CACEnC,YAAakC,MAAAA,OAAF,EAAEA,EAAQI,YACrBvC,MAAOmC,MAAAA,OAAF,EAAEA,EAAQK,iBAJd","sources":["webpack://gatsby-starter-wordpress-twenty-twenty/./src/layouts/bodyContent/BodyContent.js","webpack://gatsby-starter-wordpress-twenty-twenty/./src/layouts/casinosList/CasinosList.js","webpack://gatsby-starter-wordpress-twenty-twenty/./src/templates/sitePage.js"],"sourcesContent":["import React from 'react'\nimport './bodyContent.css'\n\nconst BodyContent = ({ data }) => {\n\n    return (\n        <div\n            className=\"entry-content\"\n            dangerouslySetInnerHTML={{ __html: data }}\n        />\n    )\n}\n\nexport default BodyContent\n","import React from 'react'\nimport './casinosList.css'\n\nconst CasinosList = ({ title, casinosList }) => {\n\n\n    return (\n        <div>\n            {title && <h2 className=\"list-title\">{title}</h2>}\n            <div className=\"casinos-list\">\n                {casinosList?.length && casinosList.map((casinoItem) => {\n                    return (\n                        <div className=\"item-wrapper\" key={casinoItem?.casinoName}>\n                            <div class=\"casino-top\">\n                                <div className=\"logo-wrapper\">\n                                    <a href={casinoItem?.affiliateLinkki} target=\"_blank\" rel=\"noopener noreferrer\">\n                                        <img src={casinoItem?.casinoLogo?.mediaItemUrl} alt={casinoItem?.casinoName} />\n                                        <p>{casinoItem?.casinoName}</p>\n                                    </a>\n                                </div>\n                                <div className=\"casino-rate\">\n                                    {Array(casinoItem?.arvostelu).fill(<span>&#9733;</span>)}\n                                </div>\n                                <div className=\"context-box content-info\">\n                                    {casinoItem?.bonukset && (\n                                        <div className=\"offer-item\">\n                                            <i>Bonus:</i>\n                                            <div className=\"offer\">\n                                                {casinoItem?.bonukset}\n                                            </div>\n                                        </div>\n                                    )}\n                                    {casinoItem?.ilmaiskierrokset && (\n                                        <div className=\"offer-item\">\n                                            <i>Free spins:</i>\n                                            <div className=\"offer\">\n                                                {casinoItem?.ilmaiskierrokset}\n                                            </div>\n                                        </div>\n                                    )}\n                                </div>\n                                <div className=\"context-box context-second\">\n                                    <div className=\"content-text\">\n                                        {casinoItem?.teksti}\n                                    </div>\n                                </div>\n                                <div className=\"content-button\">\n                                    <div className=\"contentBtn\">\n                                        <a href={casinoItem?.affiliateLinkki} className=\"btn\" target=\"_blank\" rel=\"noopener noreferrer\">Play Now!</a>\n                                    </div>\n                                    <div>\n                                        {casinoItem?.termsLink && <a href={casinoItem?.affiliateLinkki} className=\"terms-link\" target=\"_blank\" rel=\"noopener noreferrer\">Säännöt ja ehdot</a>}\n                                    </div>\n                                </div>\n                            </div>\n\n                        </div>\n                    )\n                })}\n            </div>\n        </div>\n    )\n}\n\nexport default CasinosList\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/Layout\"\nimport { GatsbySeo } from \"gatsby-plugin-next-seo\"\n\nimport BodyContent from \"../layouts/bodyContent/BodyContent\"\nimport CasinosList from \"../layouts/casinosList/CasinosList\"\n\nconst SitePage = props => {\n  const { pageBuilder } = props?.data?.page;\n  const SEOdata = pageBuilder.layouts[0]\n  return (\n    <Layout\n      bodyClass={`page-template-default page wp-embed-responsive singular missing-post-thumbnail has-no-pagination not-showing-comments footer-top-visible customize-support`}\n    >\n      <GatsbySeo\n        title={SEOdata?.seoTitle}\n        description={SEOdata?.seoDescription}\n        canonical={`https://paynplay.app`}\n      />\n      <div>\n        {pageBuilder?.layouts.map((layout => {\n          const type = layout.fieldGroupName\n          if (type === \"Page_Pagebuilder_Layouts_BodyText\") {\n            return (\n              <BodyContent data={layout?.bodyText} />\n            )\n          } else if (type === \"Page_Pagebuilder_Layouts_CasinosList\") {\n            return (\n              <CasinosList\n                casinosList={layout?.listCasinos}\n                title={layout?.listTitle}\n              />\n            )\n          }\n        }))}\n      </div>\n    </Layout>\n  )\n}\n\nexport default SitePage\n\nexport const query = graphql`\nquery FrontPage($id: String) {\n    page: wpPage(id: { eq: $id }) {\n      id\n      pageBuilder {\n        layouts {\n          ... on WpPage_Pagebuilder_Layouts_CasinosList {\n            fieldGroupName\n            listTitle\n            listCasinos {\n              affiliateLinkki\n              arvostelu\n              bonukset\n              casinoName\n              fieldGroupName\n              ilmaiskierrokset\n              teksti\n              termsLink\n              casinoLogo {\n                mediaItemUrl\n              }\n            }\n          }\n          ... on WpPage_Pagebuilder_Layouts_BodyText {\n            bodyText\n            fieldGroupName\n          }\n          ... on WpPage_Pagebuilder_Layouts_SeoComponent {\n            fieldGroupName\n            seoDescription\n            seoTitle\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["data","className","dangerouslySetInnerHTML","__html","title","casinosList","length","map","casinoItem","key","casinoName","class","href","affiliateLinkki","target","rel","src","casinoLogo","mediaItemUrl","alt","Array","arvostelu","fill","bonukset","ilmaiskierrokset","teksti","termsLink","props","pageBuilder","page","SEOdata","layouts","Layout","bodyClass","GatsbySeo","seoTitle","description","seoDescription","canonical","layout","type","fieldGroupName","bodyText","listCasinos","listTitle"],"sourceRoot":""}