{"version":3,"file":"component---src-templates-builder-recipe-tsx-b2255679719d268c5f44.js","mappings":"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","sources":["webpack://www-differentdog-com/./src/templates/builder/Recipe.tsx"],"sourcesContent":["import { BuilderComponent, BuilderContent } from '@builder.io/react'\nimport { getCognitoId, getVisitorId } from 'components/util/UserId'\nimport { graphql } from 'gatsby'\nimport React, { useEffect, useState } from 'react'\nimport { Helmet } from 'react-helmet'\nimport PageLayout from '../../components/ui-builder/layouts/PageLayout'\n\nimport '../../builder-settings'\n\nconst defaultDescription = 'Recipe Description'\n\nconst defaultTitle = 'Recipe Title'\n\nfunction RecipeTemplate({ data }: any) {\n  const [_visitorId, setVisitorId] = useState('')\n  const [_cognitoId, setCognitoId] = useState('')\n  const content = data?.allBuilderModels.recipe[0]?.content\n  const contentData = content.data\n  const headerWrapperBackgroundColor = data?.allBuilderModels.recipe[0]?.data.headerWrapperBackgroundColor\n\n  console.log('Recipe Page Template - recipes', data?.allBuilderModels.recipe)\n\n  useEffect(() => {\n    const callIdsForGtag = async () => {\n      setVisitorId(await getVisitorId())\n      setCognitoId(await getCognitoId())\n    }\n    callIdsForGtag()\n  }, [])\n\n  return (\n    <BuilderContent model=\"recipe\" content={content}>\n      {recipe => {\n        const recipeContent = recipe\n\n        // console.log('RecipeTemplate:: Template on change data', recipeContent)\n        return (\n          <PageLayout\n            headerIdentifier={recipeContent?.header?.id || contentData?.header?.id}\n            footerIdentifier={recipeContent?.footer?.id || contentData?.footer?.id}\n            bannerEnable={recipeContent?.enableTopBanner || contentData?.enableTopBanner}\n            activeBannerIdentifier={recipeContent?.activeBanner?.id || contentData?.activeBanner?.id}\n            title={recipeContent?.title || contentData?.ogTitle || defaultTitle}\n            headerWrapperBackgroundColor={headerWrapperBackgroundColor}\n            adultOnly={recipeContent?.adultOnly}\n          >\n            <Helmet>\n              {/* meta tags for page */}\n              <title>{recipeContent?.title || contentData?.ogTitle || defaultTitle}</title>\n              <meta\n                property=\"og:description\"\n                content={contentData?.ogDescription || recipeContent?.description || defaultDescription}\n              />\n              <meta\n                name=\"description\"\n                content={recipeContent?.description || contentData?.ogDescription || defaultDescription}\n              />\n              <meta property=\"og:site_name\" content={contentData?.siteName || 'Different Dog'} />\n              <meta property=\"og:title\" content={contentData?.ogTitle || recipeContent?.title || defaultTitle} />\n              <meta property=\"og:type\" content={contentData?.ogType || 'website'} />\n              <meta\n                property=\"og:url\"\n                content={\n                  (contentData?.ogUrl || recipeContent?.canonical || content?.data?.url)?.substr(0, 1) === '/'\n                    ? (contentData?.ogUrl || recipeContent?.canonical || content?.data?.url).replace(\n                        '/',\n                        'https://www.differentdog.com/'\n                      )\n                    : contentData?.ogUrl || recipeContent?.canonical || content?.data?.url\n                }\n              />\n              contentData?.ogImage &&\n              <meta property=\"og:image\" content={contentData?.ogImage} />\n              {recipeContent.noIndex ? <meta name=\"robots\" content=\"noindex\" /> : ''}\n              <link\n                rel=\"canonical\"\n                href={\n                  (recipeContent?.canonical || content?.data?.url)?.substr(0, 1) === '/'\n                    ? (recipeContent?.canonical || content?.data?.url).replace('/', 'https://www.differentdog.com/')\n                    : recipeContent?.canonical || content?.data.url\n                }\n              />\n              {/* meta tags ends for page */}\n              {/* <!-- TrustBox script --> */}\n              <script\n                type=\"text/javascript\"\n                src=\"https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js\"\n                async\n              ></script>\n              {/* <!-- End TrustBox script --> */}\n              {/* <!-- Gtag script --> */}\n              <script>{`\n                window.dataLayer = window.dataLayer || [];\n                function gtag(){dataLayer.push(arguments);}\n              `}</script>\n              {/* <!-- End Gtag script --> */}\n              {/* Plausible Analytics script */}\n              {/* <script defer data-api=\"/api/event\" data-domain=\"differentdog.com\" src=\"/js/script.js\"></script> */}\n            </Helmet>\n            {/* <h2>Recipe template</h2> */}\n            {/** name of the model is landing page, change it if you decided to build*/}\n            <BuilderComponent model=\"recipe\" content={content} />\n          </PageLayout>\n        )\n      }}\n    </BuilderContent>\n  )\n}\n\nexport default RecipeTemplate\n\nexport const RecipeTemplateQuery = graphql`\n  query ($path: String!) {\n    allBuilderModels {\n      recipe(target: { urlPath: $path }, options: { cachebust: true }) {\n        content\n        data {\n          headerWrapperBackgroundColor\n        }\n      }\n    }\n  }\n`\n"],"names":["defaultDescription","defaultTitle","_ref","_data$allBuilderModel","_data$allBuilderModel2","data","_useState","useState","setVisitorId","_useState2","setCognitoId","content","allBuilderModels","recipe","contentData","headerWrapperBackgroundColor","useEffect","callIdsForGtag","_ref2","_asyncToGenerator","_regeneratorRuntime","_callee","_context","prev","next","t0","getVisitorId","t1","sent","t2","getCognitoId","t3","stop","apply","arguments","React","BuilderContent","model","_recipeContent$header","_contentData$header","_recipeContent$footer","_contentData$footer","_recipeContent$active","_contentData$activeBa","_ref3","_content$data","_content$data2","_content$data3","_ref4","_content$data4","_content$data5","recipeContent","PageLayout","headerIdentifier","header","id","footerIdentifier","footer","bannerEnable","enableTopBanner","activeBannerIdentifier","activeBanner","title","ogTitle","adultOnly","Helmet","property","ogDescription","description","name","siteName","ogType","ogUrl","canonical","url","substr","replace","ogImage","noIndex","rel","href","type","src","async","BuilderComponent"],"sourceRoot":""}