{"version":3,"file":"static/chunks/7458-e4065ed0757a3e22.js","mappings":"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","sources":["webpack://_N_E/./src/app/(thank-you-pages)/web-purchase-thank-you/thank-you.styles.ts","webpack://_N_E/./src/components/modules/content-card/content-card.styles.ts","webpack://_N_E/./src/components/modules/content-card/form/index.tsx","webpack://_N_E/./src/components/modules/newsletter/newsletter.styles.ts","webpack://_N_E/./src/lib/hooks/use-newsletter-submit.ts"],"sourcesContent":["'use client';\n\nimport { Container } from '@/components/elements/container';\nimport { Section } from '@/components/elements/section';\nimport { screens, styled } from '@/styles';\n\nexport const StyledThankYouSection = styled(Section)`\n  padding-top: 16px;\n  padding-bottom: calc(64px + 32px);\n\n  @media (min-width: ${screens['2xl']}) {\n    padding-top: 96px;\n    padding-bottom: 96px;\n  }\n`;\n\nexport const StyledThankYouColumns = styled.div`\n  display: flex;\n  gap: 64px;\n\n  @media (min-width: ${screens['lg']}) {\n    gap: 96px;\n  }\n`;\n\nexport const StyledThankYouColumnContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n\n  @media (min-width: ${screens['lg']}) {\n    max-width: 586px;\n    width: 100%;\n    flex-shrink: 0;\n  }\n`;\n\nexport const StyledButtonsWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  @media (min-width: ${screens['lg']}) {\n    flex-direction: row;\n  }\n`;\n\nexport const StyledGradientBottom = styled.div`\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  overflow: hidden;\n  z-index: -1;\n  transform: rotate(180deg);\n  pointer-events: none;\n  user-select: none;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: calc(-100vh);\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: auto;\n    background: radial-gradient(circle at left, ${({ theme }) => theme.colors.circleGradient} 0%, transparent 30%),\n      radial-gradient(ellipse 70% 45% at left, ${({ theme }) => theme.colors.ellipseGradient} 0%, transparent 70%);\n    background-size: contain;\n    opacity: 0.22;\n  }\n\n  display: none;\n  visibility: hidden;\n\n  & > div {\n    opacity: 0.2;\n  }\n\n  @media (min-width: ${screens['lg']}) {\n    display: block;\n    visibility: visible;\n  }\n`;\n\nexport const StyledSectionCTAWrapper = styled.div`\n  & section[data-cta='true'] {\n    padding-bottom: 0 !important;\n\n    h1 {\n      margin-bottom: 19px;\n    }\n  }\n`;\n\nexport const StyledMobileText = styled(Container)`\n  margin-top: 16px;\n`;\n\nexport const StyledTextContent = styled.div`\n  text-align: center;\n  justify-content: center;\n  flex-direction: column;\n  display: flex;\n  gap: 8px;\n\n  @media (min-width: ${screens['lg']}) {\n    text-align: left;\n  }\n`;\n","'use client';\n\nimport type { StyledContentCardProps } from './content-card.types';\n\nimport { Text } from '@/components/elements/text';\nimport { styled } from '@/styles';\n\nexport const StyledContentCardWrapper = styled.div<StyledContentCardProps>`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ${({ $isNewsletter }) => ($isNewsletter ? '16px' : '32px')};\n  border-radius: 12px;\n  padding: 16px;\n  background-color: ${({ theme }) => theme.colors.inkBlack};\n  box-shadow:\n    0 0 0 1px ${({ theme }) => theme.colors.button.border},\n    0 0 8px 0 ${({ theme }) => theme.colors.shadowDefault};\n\n  @media (min-width: ${({ theme }) => theme.screens['lg']}) {\n    padding: 32px;\n    gap: ${({ $isNewsletter }) => ($isNewsletter ? '16px' : '43px')};\n  }\n`;\n\nexport const StyledContentCardTitle = styled(Text)`\n  &&& {\n    max-width: 452px;\n  }\n`;\n\nexport const StyledContentCardContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n`;\n\nexport const StyledContentCardForm = styled.form`\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n\n  @media (min-width: ${({ theme }) => theme.screens['lg']}) {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  & button {\n    flex-shrink: 0;\n  }\n`;\n","'use client';\n\nimport { Input } from '../../input';\nimport { StyledNewsletterSuccess } from '../../newsletter/newsletter.styles';\nimport { StyledContentCardForm } from '../content-card.styles';\n\nimport { Button } from '@/components/elements/button';\nimport { Text } from '@/components/elements/text';\nimport { useNewsletterSubmit } from '@/lib/hooks/use-newsletter-submit';\n\nexport const NewsletterForm = ({ action, source }: { action: string, source: string }) => {\n  const [isSuccess, handleSubmit] = useNewsletterSubmit();\n  return (\n    <>\n      {isSuccess && <StyledNewsletterSuccess>Thanks for subscribing!</StyledNewsletterSuccess>}\n      <StyledContentCardForm\n        method=\"POST\"\n        action={action}\n        target=\"_blank\"\n        onSubmit={handleSubmit}\n        className={isSuccess ? 'visually-hidden' : ''}\n      >\n        <div className=\"visually-hidden\">\n          <label htmlFor=\"extra-info\">An extra form field you should ignore</label>\n          <input type=\"text\" id=\"extra-info\" name=\"first-name\" tab-index=\"-1\" autoComplete=\"nope\" />\n\n          { source &&\n              <input type=\"hidden\" name=\"attributes[source]\" value={source} />\n          }\n        </div>\n        <Input id=\"email\" placeholder=\"Email address\" type=\"email\" required />\n        <Button as=\"button\" type=\"submit\" $variant=\"primary\" $small>\n          Sign up\n        </Button>\n      </StyledContentCardForm>\n      <Text color=\"darkGrey\" fontSize=\"m\">\n        No spam, just very occasional updates on major new releases.\n      </Text>\n    </>\n  );\n};\n","'use client';\n\nimport type { StyledNewsletterProps } from './newsletter.types';\n\nimport { css, styled } from '@/styles';\n\nexport const StyledNewsletterWrapper = styled.div<StyledNewsletterProps>`\n  position: relative;\n  overflow: hidden;\n  display: grid;\n  align-items: center;\n  padding: 16px;\n  border-radius: 16px;\n  background: ${({ theme }) => theme.colors.inkBlack};\n  box-shadow:\n    0 0 0 1px ${({ theme }) => theme.colors.button.border} inset,\n    0 0 24px 0 ${({ theme }) => theme.shadow.innerBox} inset;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    padding: 32px;\n  }\n\n  @media (max-width: ${({ theme }) => theme.screens.lg}) {\n    text-align: center;\n  }\n\n  background-image: ${({ theme }) => theme.backgroundImages.backgroundDots};\n  background-repeat: repeat;\n  background-size: 400px;\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'default':\n        return css`\n          margin: 64px auto 24px;\n          margin-top: 0;\n          gap: 16px;\n          background-image: unset;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            margin: 0 auto 64px;\n            gap: 24px;\n            grid-template-columns: 1fr 516px;\n          }\n        `;\n      case 'with-gradient':\n        return css`\n          margin: 48px auto 24px;\n          gap: 24px;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            grid-template-columns: 1fr 516px;\n          }\n        `;\n      case 'blog-short':\n        return css`\n          gap: 24px;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            padding: 24px 16px 16px;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterGradientWrapper = styled.div<StyledNewsletterProps>`\n  position: absolute;\n  width: 1200px;\n  bottom: -350px;\n  left: -400px;\n  right: -400px;\n  margin: auto;\n\n  & > div {\n    z-index: 0;\n  }\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'blog-short':\n        return css`\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            width: 1600px;\n            bottom: unset;\n            right: unset;\n            left: -800px;\n          }\n        `;\n      case 'with-gradient':\n        return css`\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            width: 1600px;\n            bottom: -600px;\n            right: -700px;\n            left: unset;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterContentWrapper = styled.div<StyledNewsletterProps>`\n  display: grid;\n  position: relative;\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'default':\n      case 'with-gradient':\n        return css`\n          gap: 16px;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            max-width: 630px;\n          }\n        `;\n      case 'blog-short':\n        return css`\n          gap: 24px;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            gap: 16px;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterTitle = styled.p<StyledNewsletterProps>`\n  line-height: 1.3;\n  text-align: center;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    text-align: left;\n  }\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'default':\n      case 'with-gradient':\n        return css`\n          font-size: ${({ theme }) => theme.fontSizes.heading.mobile.m};\n          color: ${({ theme }) => theme.colors.text.lightGrey};\n\n          @media (min-width: ${({ theme }) => theme.screens.xl}) {\n            font-size: ${({ theme }) => theme.fontSizes.heading.desktop.m};\n          }\n        `;\n      case 'blog-short':\n        return css`\n          font-size: ${({ theme }) => theme.fontSizes.heading.mobile.s};\n          color: ${({ theme }) => theme.colors.text.white};\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            font-size: ${({ theme }) => theme.fontSizes.heading.desktop.s};\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterFormContentWrapper = styled.div<StyledNewsletterProps>`\n  display: grid;\n  position: relative;\n  gap: 16px;\n`;\n\nexport const StyledNewsletterFormWrapper = styled.form<StyledNewsletterProps>`\n  display: grid;\n  gap: 12px;\n\n  & *[data-button='true'],\n  *[data-badge='true'] {\n    flex-shrink: 0;\n  }\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    display: ${({ $variant }) => ($variant === 'blog-short' ? 'grid' : 'flex')};\n  }\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'blog-short':\n        return css`\n          & *[data-button='true'] {\n            width: 100%;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterSuccess = styled.div`\n  font-size: ${({ theme }) => theme.fontSizes.button.default};\n  font-weight: ${({ theme }) => theme.fontWeight.medium};\n  color: ${({ theme }) => theme.colors.text.white};\n  line-height: 1;\n  text-align: center;\n  padding: 16px 24px;\n  border-radius: 12px;\n  background: ${({ theme }) => theme.colors.electricBlue};\n  box-shadow:\n    0 0 0 1px ${({ theme }) => theme.colors.button.border} inset,\n    0 0 8px 0 ${({ theme }) => theme.colors.shadowDefault};\n`;\n","'use client';\n\nimport type { FormEventHandler } from 'react';\nimport { useState } from 'react';\n\nexport const useNewsletterSubmit = (): [boolean, FormEventHandler<HTMLFormElement>] => {\n  const [isSuccess, setIsSuccess] = useState(false);\n\n  const handleSubmit: FormEventHandler<HTMLFormElement> = async e => {\n    setIsSuccess(true);\n\n    setTimeout(\n      () => {\n        (e.target as HTMLFormElement).reset();\n        setIsSuccess(false);\n      },\n      100 * 60 * 2,\n    );\n  };\n\n  return [isSuccess, handleSubmit];\n};\n"],"names":["StyledThankYouSection","styled","Section","screens","StyledThankYouColumns","div","_templateObject1","StyledThankYouColumnContent","_templateObject2","_templateObject3","StyledGradientBottom","_templateObject4","theme","param","colors","circleGradient","ellipseGradient","StyledSectionCTAWrapper","_templateObject5","Container","StyledTextContent","_templateObject7","StyledContentCardWrapper","_templateObject","$isNewsletter","inkBlack","button","border","shadowDefault","StyledContentCardTitle","Text","StyledContentCardContent","StyledContentCardForm","form","NewsletterForm","action","source","isSuccess","handleSubmit","useNewsletterSubmit","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","Fragment","jsx","StyledNewsletterSuccess","method","target","onSubmit","className","label","htmlFor","input","type","id","name","tab-index","autoComplete","value","Input","placeholder","required","Button","as","$variant","$small","color","fontSize","StyledNewsletterWrapper","shadow","innerBox","lg","backgroundImages","backgroundDots","css","StyledNewsletterGradientWrapper","_templateObject6","StyledNewsletterContentWrapper","_templateObject9","StyledNewsletterTitle","p","_templateObject12","fontSizes","heading","mobile","m","text","lightGrey","xl","desktop","s","white","StyledNewsletterFormContentWrapper","_templateObject13","StyledNewsletterFormWrapper","_templateObject15","_templateObject16","default","fontWeight","medium","electricBlue","setIsSuccess","useState","e","setTimeout","reset"],"sourceRoot":""}