{"version":3,"file":"component---gatsby-theme-husky-src-templates-home-page-home-page-tsx-2786dac59065bb37f7a1.js","mappings":"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","sources":["webpack://husky-site/../gatsby-theme-husky/src/components/SignUpCards/SignUpCardsItem/SignUpCardsItem.tsx","webpack://husky-site/../gatsby-theme-husky/src/components/SignUpCards/SignUpCards.tsx","webpack://husky-site/../gatsby-theme-husky/src/common/Checklist/Checklist.tsx","webpack://husky-site/../gatsby-theme-husky/src/common/SignupBanner/SignupBanner.tsx","webpack://husky-site/../gatsby-theme-husky/src/templates/HomePage/HomePage.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { graphql, navigate } from 'gatsby';\nimport classNames from 'classnames';\n\nimport { DangerouslySetInnerHtml } from 'layout';\nimport Button from 'common/Button';\nimport Image from 'common/Image';\nimport SpeechBubble from 'components/SpeechBubble';\nimport { toBoolean } from 'utils/stringUtils/stringUtils';\n\nimport './SignUpCardsItem.scss';\n\nconst SignUpCardsItem: FC<PageContent.SignUpCardsItemType> = ({\n  image,\n  bubbleText,\n  customText,\n  title,\n  description,\n  button,\n  reverse,\n}) => {\n  const { ariaLabel, backgroundColor, size, label, link } = button || {};\n  const { url } = link || {};\n\n  return (\n    <div className=\"sign-up-cards-item\">\n      <div className=\"sign-up-cards-item__top-content\">\n        <Image className=\"sign-up-cards-item__image\" imageData={image} alt={image.altText} />\n        {bubbleText ? <SpeechBubble {...bubbleText} /> : null}\n        {customText ? (\n          <DangerouslySetInnerHtml className=\"sign-up-cards-item__custom-text\" html={customText} />\n        ) : null}\n      </div>\n      <div\n        className={classNames('sign-up-cards-item__bottom-content', {\n          'sign-up-cards-item__bottom-content__reverse': toBoolean(reverse),\n        })}\n      >\n        <div className=\"sign-up-cards-item__text\">\n          {title ? <h2 className=\"sign-up-cards-item__title\">{title}</h2> : null}\n          <DangerouslySetInnerHtml className=\"sign-up-cards-item__description\" html={description} />\n        </div>\n        <div className=\"sign-up-cards-item__button\">\n          {button ? (\n            <Button\n              className=\"btn--sign-up\"\n              ariaLabel={ariaLabel}\n              backgroundColor={backgroundColor}\n              size={size}\n              type=\"button\"\n              onClick={() => navigate(url!)}\n              label={label}\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const SignUpCardsItemType = graphql`\n  fragment SignUpCardsItemType on SignUpCardsItemType {\n    image {\n      ...UmbracoImage\n    }\n    customText\n    button {\n      ariaLabel\n      backgroundColor\n      label\n      link {\n        url\n      }\n      size\n    }\n    bubbleText {\n      text\n      image {\n        ...UmbracoImage\n      }\n      color {\n        value\n      }\n      isReversed\n      isCardMode\n    }\n    title\n    description\n    button {\n      ariaLabel\n      backgroundColor\n      label\n      link {\n        url\n      }\n      size\n    }\n    reverse\n  }\n`;\n\nexport default SignUpCardsItem;\n","import React, { FC } from 'react';\n\nimport { SignUpCardsProps } from './models';\nimport SignUpCardsItem from './SignUpCardsItem';\n\nimport './SignUpCards.scss';\n\nconst SignUpCards: FC<SignUpCardsProps> = ({ cards: { sectionTitle, cardsList } }) => (\n  <div className=\"sign-up-cards\" data-testid=\"signUpCards\">\n    {sectionTitle ? <h2 className=\"sign-up-cards__section-title\">{sectionTitle}</h2> : null}\n    {cardsList.map((SignUpCardsItemProps: PageContent.SignUpCardsItemType) => (\n      <SignUpCardsItem key={SignUpCardsItemProps.title} {...SignUpCardsItemProps} />\n    ))}\n  </div>\n);\n\nexport default SignUpCards;\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport Image from 'common/Image';\n\nimport './Checklist.scss';\n\nconst Checklist = () => {\n  const {\n    allChecklist: { nodes },\n  } = useStaticQuery(graphql`\n    {\n      allChecklist {\n        nodes {\n          checklistLogo {\n            ...UmbracoImage\n          }\n          checklistText\n          checklist {\n            value\n          }\n        }\n      }\n    }\n  `);\n\n  const { checklistText, checklist, checklistLogo } = nodes[0];\n\n  return (\n    <div className=\"checklist\" data-testid=\"checklist\">\n      <div className=\"checklist__description\">\n        <div className=\"checklist__text\">{checklistText}</div>\n        <Image imageData={checklistLogo} alt={checklistLogo.altText} className=\"checklist__img\" />\n      </div>\n      <div className=\"checklist__solutions\">\n        {checklist.map((solution) => (\n          <div className=\"checklist__solution\" key={solution?.value}>\n            {solution?.value}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Checklist;\n","import React from 'react';\nimport { graphql, navigate, useStaticQuery } from 'gatsby';\nimport { useLocation } from '@reach/router';\n\nimport DangerouslySetInnerHtml from 'layout/DangerouslySetInnerHtml';\nimport Button from 'common/Button';\nimport { HOMEPAGE_PATH } from 'utils/constants';\n\nimport './SignupBanner.scss';\n\nconst SignupBanner = () => {\n  const {\n    allSignupBanner: { nodes },\n  } = useStaticQuery(graphql`\n    {\n      allSignupBanner {\n        nodes {\n          signupButton {\n            ariaLabel\n            backgroundColor\n            label\n            link {\n              url\n            }\n            size\n          }\n          signupText\n          signupTitle\n        }\n      }\n    }\n  `);\n\n  const { pathname } = useLocation();\n  const { signupTitle, signupText, signupButton } = nodes[0];\n  const { ariaLabel, backgroundColor, size, label, link } = signupButton || {};\n  const { url } = link || {};\n\n  return (\n    <div className=\"signup-banner\" data-testid=\"signup-banner\">\n      <div className=\"signup-banner__description\">\n        {pathname === HOMEPAGE_PATH ? (\n          <h1 className=\"signup-banner__title\">{signupTitle}</h1>\n        ) : (\n          <p className=\"signup-banner__title\">{signupTitle}</p>\n        )}\n        <DangerouslySetInnerHtml html={signupText} />\n      </div>\n      <div className=\"signup-banner__sign-up\">\n        {signupButton ? (\n          <Button\n            className=\"btn--sign-up\"\n            ariaLabel={ariaLabel}\n            backgroundColor={backgroundColor}\n            size={size}\n            type=\"button\"\n            onClick={() => navigate(url!)}\n            label={label}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default SignupBanner;\n","import React, { FC } from 'react';\nimport { graphql } from 'gatsby';\n\nimport Layout from 'layout/Layout';\nimport Checklist from 'common/Checklist';\nimport PageSchema from 'common/PageSchema';\nimport Seo from 'common/Seo';\nimport SignupBanner from 'common/SignupBanner';\nimport InfoBanner from 'components/InfoBanner';\nimport SignUpCards from 'components/SignUpCards';\n\nimport Carousel from '../../common/Carousel';\n\nconst HomePage: FC<HomepageTypes.HomepageProps> = ({\n  data: {\n    homepage: { urls, seo },\n    homepageBlocks,\n  },\n}) => {\n  const { title, keywords, description } = seo;\n  const { mainCarousel, infoBanner, signUpCards } = homepageBlocks;\n\n  return (\n    <Layout headerTransparent>\n      <Seo {...{ urls, seo }} />\n      <PageSchema\n        type=\"WebPage\"\n        name={title}\n        data={{\n          metaTitle: title,\n          metaDescription: description,\n          metaKeywords: keywords,\n        }}\n      />\n      {mainCarousel ? (\n        <Carousel\n          {...{\n            carouselImages: mainCarousel,\n            className: 'main-carousel',\n          }}\n        />\n      ) : null}\n      <SignupBanner />\n      <SignUpCards {...{ cards: signUpCards }} />\n      <Checklist />\n      <InfoBanner {...{ infoBanner }} />\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query ($lang: String) {\n    homepage(lang: { eq: $lang }) {\n      urls {\n        lang\n        href\n      }\n      seo {\n        ...SEOStructureFragment\n      }\n    }\n    homepageBlocks(lang: { eq: $lang }) {\n      mainCarousel {\n        carouselItems {\n          ...CarouselItemsType\n        }\n      }\n      infoBanner {\n        ...InfoBannerTypeFragment\n      }\n      signUpCards {\n        sectionTitle\n        cardsList {\n          ...SignUpCardsItemType\n        }\n      }\n    }\n  }\n`;\n\nexport default HomePage;\n"],"names":["image","bubbleText","customText","title","description","button","reverse","ariaLabel","backgroundColor","size","label","url","link","className","Image","imageData","alt","altText","SpeechBubble","html","classNames","toBoolean","Button","type","onClick","navigate","cards","sectionTitle","cardsList","map","SignUpCardsItemProps","key","useStaticQuery","allChecklist","nodes","checklistText","checklist","checklistLogo","solution","value","allSignupBanner","pathname","useLocation","signupTitle","signupText","signupButton","HOMEPAGE_PATH","DangerouslySetInnerHtml","data","homepage","urls","seo","homepageBlocks","keywords","mainCarousel","infoBanner","signUpCards","Layout","headerTransparent","Seo","PageSchema","name","metaTitle","metaDescription","metaKeywords","Carousel","carouselImages","SignUpCards","InfoBanner"],"sourceRoot":""}