{"version":3,"file":"component---src-pages-pricing-tsx-8fee654718aa46afd880.js","mappings":"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","sources":["webpack://marketing-site/./src/pages/pricing.tsx","webpack://marketing-site/./src/utils/smoothScrollToElementWithId/index.ts"],"sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\n\nimport {\n  Seo,\n  Layout,\n  HeaderTextOnly,\n  RichText,\n  PlansSection,\n  SectionTextWithImage,\n  Accordions,\n  ButtonList,\n  Button,\n} from \"../components\"\nimport { Plan } from \"../types\"\nimport { smoothScrollToElementWithId, handleSectionBackground } from \"../utils\"\n\ntype PricingPage = {\n  location: {\n    href: string\n  }\n  data: {\n    contentfulPageGeneric: {\n      id: string\n      heading: string\n      header: {\n        raw: string\n      }\n      pageSections: any\n      seo: {\n        description: {\n          description: string\n        }\n        titleTemplate: {\n          extension: string\n        }\n        title: string\n        image: {\n          fixed: {\n            src: string\n          }\n        }\n      }\n    }\n    contentfulSubscriptions: {\n      contentful_id: string\n      permissions: {\n        name: string\n        id: string\n      }\n      plans: Array<Plan>\n    }\n  }\n}\n\nconst Pricing = ({ data, location }: PricingPage) => {\n  const page = data.contentfulPageGeneric\n  const plans = data.contentfulSubscriptions.plans\n  const permissions = data.contentfulSubscriptions.permissions\n\n  return (\n    <Layout>\n      <Seo\n        title={page?.seo?.title}\n        description={page?.seo?.description?.description}\n        titleTemplate={page?.seo?.titleTemplate?.extension}\n        article={false}\n        url={location.href}\n        image={page?.seo?.image?.fixed?.src}\n      />\n      <HeaderTextOnly heading={page?.heading} alignment=\"center\">\n        <RichText content={page.header} variant=\"header-text-only\" />\n        <div className=\"plan-buttons\">\n          <h2 className=\"plan-buttons-heading\">Our plans</h2>\n          <ButtonList variant=\"vertical-merged\">\n            {plans.map((plan) => (\n              <Button\n                key={plan.contentful_id}\n                style=\"secondary\"\n                variant=\"full-width\"\n                onClick={() =>\n                  smoothScrollToElementWithId(`plan-${plan.contentful_id}`)\n                }\n              >\n                {plan.name}\n              </Button>\n            ))}\n          </ButtonList>\n        </div>\n      </HeaderTextOnly>\n      <PlansSection plans={plans} allPermissions={permissions} />\n      {page?.pageSections?.map((section: any, index: number) => {\n        if (section.__typename === \"ContentfulPageSectionTextWithImage\") {\n          return (\n            <SectionTextWithImage\n              key={section.contentful_id}\n              contentful_id={section.contentful_id}\n              backgroundColour={handleSectionBackground(\n                section.backgroundColour,\n                index % 2 === 0 ? \"grey-lightest\" : \"white\"\n              )}\n              heading={section.heading}\n              content={section.content}\n              image={section?.media?.media?.gatsbyImageData}\n              imageAlt={section?.media?.media?.title}\n              showImageFirst={section.showImageFirst}\n              imageBlobBackground={section.imageBlobBackground}\n              showSignUpButton={section.showSignUpButton}\n              scheduleDemoButton={section.scheduleDemoButton}\n              file={section?.media?.media?.file?.url}\n              youTubeVideo={section?.media?.youTubeEmbedCode?.youTubeEmbedCode}\n            />\n          )\n        } else if (section.__typename === \"ContentfulPageSectionAccordions\") {\n          return (\n            <SectionTextWithImage\n              key={section.contentful_id}\n              backgroundColour={handleSectionBackground(\n                section.backgroundColour,\n                index % 2 === 0 ? \"grey-lightest\" : \"white\"\n              )}\n              heading={section.heading}\n              contentful_id={section.contentful_id}\n              content={section.content}\n              image={section?.media?.media?.gatsbyImageData}\n              imageAlt={section?.media?.media?.title}\n              showImageFirst={section.showImageFirst}\n              imageBlobBackground={section.imageBlobBackground}\n              showSignUpButton={section.showSignUpButton}\n              scheduleDemoButton={section.scheduleDemoButton}\n              file={section?.media?.media?.file?.url}\n              youTubeVideo={section?.media?.youTubeEmbedCode?.youTubeEmbedCode}\n              variant=\"accordions\"\n            >\n              <Accordions accordions={section.accordions} />\n            </SectionTextWithImage>\n          )\n        }\n      })}\n    </Layout>\n  )\n}\n\nexport default Pricing\n\nexport const pageQuery = graphql`\n  query getPricingPageData {\n    contentfulPageGeneric(name: { eq: \"Pricing\" }) {\n      id\n      heading\n      header {\n        raw\n      }\n      pageSections {\n        ... on ContentfulPageSectionAccordions {\n          __typename\n          contentful_id\n          heading\n          content {\n            raw\n          }\n          accordions {\n            heading\n            body {\n              raw\n            }\n            contentful_id\n          }\n          media {\n            ... on ContentfulPageSectionTextWithImageImageVideoUploa {\n              media {\n                title\n                gatsbyImageData\n                file {\n                  url\n                }\n              }\n            }\n            ... on ContentfulPageSectionTextWithImageYouTubeEmbed {\n              youTubeEmbedCode {\n                youTubeEmbedCode\n              }\n            }\n          }\n          showImageFirst\n          imageBlobBackground\n          showSignUpButton\n          scheduleDemoButton\n          backgroundColour\n        }\n        ... on ContentfulPageSectionTextWithImage {\n          __typename\n          contentful_id\n          heading\n          content {\n            raw\n          }\n          media {\n            ... on ContentfulPageSectionTextWithImageImageVideoUploa {\n              media {\n                title\n                gatsbyImageData\n                file {\n                  url\n                }\n              }\n            }\n            ... on ContentfulPageSectionTextWithImageYouTubeEmbed {\n              youTubeEmbedCode {\n                youTubeEmbedCode\n              }\n            }\n          }\n          showImageFirst\n          imageBlobBackground\n          showSignUpButton\n          scheduleDemoButton\n          backgroundColour\n        }\n      }\n      seo {\n        description {\n          description\n        }\n        titleTemplate {\n          extension\n        }\n        title\n        image {\n          fixed {\n            src\n          }\n        }\n      }\n    }\n    contentfulSubscriptions(name: { eq: \"Subscriptions master\" }) {\n      contentful_id\n      permissions {\n        name\n        contentful_id\n      }\n      plans {\n        contentful_id\n        permissions {\n          name\n          contentful_id\n        }\n        cost\n        name\n        mostPopular\n        description\n      }\n    }\n  }\n`\n","export const smoothScrollToElementWithId = (id: string) => {\n  if (document.getElementById(id)) {\n    const navHeight = 72\n    window.scrollTo({\n      top: document.getElementById(id).offsetTop - navHeight,\n      behavior: \"smooth\",\n    })\n  } else {\n    console.log(`id:${id} not found`)\n  }\n}\n"],"names":["data","location","page","contentfulPageGeneric","plans","contentfulSubscriptions","permissions","title","seo","description","titleTemplate","extension","article","url","href","image","fixed","src","heading","alignment","content","header","variant","className","map","plan","key","contentful_id","style","onClick","id","document","getElementById","window","scrollTo","top","offsetTop","behavior","console","log","name","allPermissions","pageSections","section","index","__typename","backgroundColour","handleSectionBackground","media","gatsbyImageData","imageAlt","showImageFirst","imageBlobBackground","showSignUpButton","scheduleDemoButton","file","youTubeVideo","youTubeEmbedCode","accordions"],"sourceRoot":""}