{"version":3,"file":"static/chunks/438-c806e433657f79ad.js","mappings":"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","sources":["webpack://_N_E/./source/static/images/logos/facebook.png","webpack://_N_E/./source/static/images/logos/google.png","webpack://_N_E/./source/app/components/HeroFormCTA/useStyles.ts","webpack://_N_E/./source/app/components/HeroFormCTA/index.tsx","webpack://_N_E/./source/app/components/core/Button/Button.tsx","webpack://_N_E/./source/app/components/core/Button/index.ts","webpack://_N_E/./source/app/helpers/assetLoading.ts","webpack://_N_E/./source/app/styles/cmsTheme.ts","webpack://_N_E/<anon>"],"sourcesContent":["export default {\"src\":\"//prod.smassets.net/assets/smweb/_next/static/media/facebook.a94c5189.png\",\"height\":41,\"width\":42,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA9klEQVR42mOwiZx+xTZqxm8g/cUhZsZXWa9JXxkser9IeU36ZR894w4DUPIpEP93jJn5Xztgyv/m/s3/X77++P/gsWv/GWz73jMAdT4C4v9u8bP+MTC0/L//6NX/t+8+/avr2vDfJHTqa5AJj4FG/TcLm/avZ/r2/58+f/9/9cbjfxmVy/+bh017A1YAMl7Ga9K/W3ef/YeCf3sOXfnPYNIDVvAIiP87xc78x+A04f/zlx/+Hzh27R+DXvd/94RZr0FueApVAHLU/xevgAqOXv3PoNcFUvAeZMIlIP4NVPCFwbH/6+Nnb3/vO3z1B4Nx90/3hFm3AeyWneQq7RFtAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"//prod.smassets.net/assets/smweb/_next/static/media/google.8c73b61c.png\",\"height\":42,\"width\":41,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA8klEQVR42mMAgVuB6qLX1LVWXtfQ/H9NQwuEr1/T0PFhAIFDDKZCVxm0b17XBEqqa+0ASiy6pqH995qmbjkDCLxbzzPtXpby/8sMOvEMUPCfgYGZAQa+HGN49vUww20GIFi0ioExqW73toiG/fdi6/aeBeLjDD8OMzx4e5DzEQMUxDbsWRNXt+9UbP3ebzF1+/4zXN6j0F653ua/wCrXSgYoiGreIhNXc/BHTP3eywwMxXnsOqtcDrqvcfrvstrlmssa+4PuK8L+h/Ut+ptQctqaAQQWbTVmc17t3Oa6xumx62qX985rLbZbb2MwYmBgYAAAA2NkXnQmTs8AAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","import { createUseStyles } from 'react-jss';\nimport { Theme } from '@wds/styles';\nimport facebookLogo from '~static/images/logos/facebook.png';\nimport googleLogo from '~static/images/logos/google.png';\nimport { getSrc } from '~app/helpers/assetLoading';\n\ntype StyleProps = {\n  isEnterpriseThankYou?: boolean;\n};\n\ntype classNames =\n  | 'hardRule'\n  | 'ctaFormField'\n  | 'ctaLabel'\n  | 'visuallyHidden'\n  | 'enterpriseThankYouForm'\n  | 'facebookButton'\n  | 'googleButton'\n  | 'disclaimerContainer';\n\nconst useStyle = createUseStyles<classNames, StyleProps, Theme>(theme => ({\n  ctaFormField: ({ isEnterpriseThankYou }: StyleProps): Record<string, unknown> => {\n    const inputBase = {\n      fontSize: '15px',\n      padding: [0, theme.spacing[3]],\n    };\n\n    if (isEnterpriseThankYou) {\n      return {\n        margin: '0 auto',\n        padding: [theme.spacing[3], 0, 0, 0],\n        width: '224px',\n        '@media (max-width: 374px)': {\n          height: '62px',\n        },\n        // The wrench input used does not allow addition of a classname\n        '& input': {\n          ...inputBase,\n          height: '50px',\n          '@media (max-width: 374px)': {\n            height: '48px',\n          },\n        },\n        '& label > span': {\n          color: theme.palette.text.light,\n        },\n      };\n    }\n\n    return {\n      margin: 0,\n      padding: [theme.spacing[1], 0, theme.spacing[3]],\n      '& input': inputBase,\n    };\n  },\n\n  ctaLabel: {\n    display: 'block',\n    boxSizing: 'border-box',\n    marginBottom: '4px',\n    // The wrench button used does not allow addition of a classname\n    '& > span': {\n      fontSize: '13px',\n      lineHeight: '1.5em',\n      fontWeight: 500,\n    },\n  },\n\n  visuallyHidden: {\n    clip: ' rect(0 0 0 0)',\n    clipPath: 'inset(50%)',\n    height: '1px',\n    width: '1px',\n    overflow: 'hidden',\n    position: 'absolute',\n    whiteSpace: 'nowrap',\n  },\n\n  hardRule: ({ isEnterpriseThankYou }) => ({\n    borderTop: isEnterpriseThankYou ? 'none' : [2, 'solid', theme.palette.border.main],\n    width: isEnterpriseThankYou ? 0 : '100%',\n  }),\n\n  /** Only applies to `enterpriseThankYou` */\n  enterpriseThankYouForm: {\n    // The wrench button used does not allow addition of a classname\n    '& button': {\n      backgroundColor: theme.palette.background.light,\n      height: '50px',\n      width: '140px',\n      margin: [20, 'auto', 0],\n      padding: 0,\n      color: theme.palette.text.dark,\n      border: [1, 'solid', theme.palette.text.dark],\n      '&:hover, &:focus': {\n        borderColor: theme.palette.border.main,\n        backgroundColor: theme.palette.background.light,\n      },\n      '&:active': {\n        borderColor: theme.palette.border.active,\n        backgroundColor: theme.palette.background.light,\n      },\n    },\n  },\n\n  facebookButton: {\n    // The wrench button used does not allow addition of a classname\n    '& > a': {\n      boxSizing: 'border-box',\n      fontSize: '15px',\n      border: 'none',\n      backgroundRepeat: 'no-repeat',\n      backgroundSize: theme.spacing[5],\n      backgroundColor: '#3d5a98',\n      color: theme.palette.text.light,\n      backgroundPosition: '10% 41%',\n      backgroundImage: `url(${getSrc(facebookLogo)})`,\n\n      '&:focus, &:hover': {\n        backgroundColor: '#4a71c3',\n        textDecoration: 'none',\n      },\n      '& > span': {\n        marginLeft: theme.spacing[4],\n      },\n    },\n  },\n\n  googleButton: {\n    // The wrench button used does not allow addition of a classname\n    '& > a': {\n      boxShadow: '0 0 1px 0 rgba(0, 0, 0, 0.12), 0 0 8px 0 rgba(0, 0, 0, 0.12)',\n      boxSizing: 'border-box',\n      fontSize: '15px',\n      border: 'none',\n      backgroundRepeat: 'no-repeat',\n      backgroundSize: theme.spacing[5],\n      backgroundColor: theme.palette.background.light,\n      color: theme.palette.text.darkMuted,\n      backgroundPosition: '13% 50%',\n      backgroundImage: `url(${getSrc(googleLogo)})`,\n      '&:focus, &:hover': {\n        backgroundColor: theme.palette.background.main,\n        textDecoration: 'none',\n      },\n      '& > span': {\n        marginLeft: theme.spacing[4],\n      },\n    },\n  },\n\n  disclaimerContainer: {\n    '& a': {\n      color: theme.palette.link.main,\n    },\n  },\n}));\n\nexport default useStyle;\n","import React, { useContext, useState, useEffect, ReactNode } from 'react';\nimport { createURL } from '@sm/utils';\nimport { generateMetricsAttribute } from '@sm/metrics';\nimport { Button } from '@wds/button';\nimport { Box } from '@wds/box';\nimport { Typography } from '@wds/typography';\nimport { Grid } from '@wds/grid';\nimport { Input } from '@wds/input';\nimport { Checkbox } from '@wds/checkbox';\nimport { StaticContext } from '@sm/webassets/StaticContext';\nimport { Recaptcha, useRecaptcha } from '@sm/webassets/Recaptcha';\nimport classnames from 'classnames';\n\nimport { Button as CoreButton } from '../core/Button';\nimport useStyles from './useStyles';\n\nexport type Props = {\n  className: string;\n  ctaFormSubmit: string;\n  ctaFormEmail: string;\n  ctaFormEmailPlaceholder: string;\n  ctaFormNewsletterOptOut: string;\n  ctaFormPassword: string;\n  ctaFormPasswordPlaceholder: string;\n  ctaFormPrivacyConsent: ReactNode;\n  ctaFacebook?: string;\n  ctaGoogle?: string;\n  /** Disclaimer HTML string */\n  disclaimer: string;\n  utSource?: string;\n  utSource2?: string;\n  showThirdPartySignUpActions?: boolean;\n  showDisclaimer?: boolean;\n  isEnterpriseThankYou?: boolean;\n};\n\n/** Type-wrapper for `Typography` to allow use of `dangerouslySetInnerHTML`  */\nconst TypographyWithInnerHTML = Typography as React.ForwardRefExoticComponent<\n  Omit<React.ComponentProps<typeof Typography>, 'children'> & {\n    dangerouslySetInnerHTML: { __html: string };\n    children?: never;\n  }\n>;\n\nconst HeroFormCTA = ({\n  className,\n  ctaFormEmail,\n  ctaFormEmailPlaceholder,\n  ctaFormNewsletterOptOut,\n  ctaFormPassword,\n  ctaFormPasswordPlaceholder,\n  ctaFormPrivacyConsent,\n  ctaFormSubmit,\n  ctaFacebook = 'Facebook',\n  ctaGoogle = 'Google',\n  disclaimer,\n  utSource = '',\n  utSource2 = '',\n  showThirdPartySignUpActions = true,\n  showDisclaimer = true,\n  isEnterpriseThankYou,\n}: Props): React.ReactElement => {\n  const utSource3 = 'HeroFormCTA';\n  const actionType = 'click-url';\n  const actionFlow = 'survey-endpage';\n  const {\n    environment: { countryCode },\n    smParams: { surveyId, collectorId, respondentId },\n    templateType,\n  } = useContext(StaticContext);\n\n  const {\n    hardRule,\n    enterpriseThankYouForm,\n    ctaFormField,\n    ctaLabel,\n    visuallyHidden,\n    facebookButton,\n    googleButton,\n    disclaimerContainer,\n  } = useStyles({\n    isEnterpriseThankYou,\n  });\n\n  const containerClasses = classnames('sm-hero-form-cta', className);\n\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n\n  const handleEmailChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setEmail(e.target.value);\n  };\n  const handlePasswordChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setPassword(e.target.value);\n  };\n\n  const recaptchaContext = useRecaptcha({\n    actionName: 'user_signup',\n    successCallback: undefined, // should not use for DOM manipulations\n    siteKey: undefined, // set via StaticContext\n    useEnterprise: undefined, // set via StaticContext\n    errorCallback: undefined,\n  });\n\n  const amplitudeEventName = 'endpage user interaction';\n  // submits the form action when reCAPTCHA sets the token properly\n  useEffect(() => {\n    if (recaptchaContext.greToken.length) {\n      (document.getElementById('signup_form') as HTMLFormElement).submit();\n    }\n  }, [recaptchaContext.greToken]);\n\n  return (\n    <Box className={containerClasses} pt={7} data-testid=\"HeroFormCTA\">\n      <form\n        id=\"signup_form\"\n        method=\"post\"\n        action={createURL('/user/sign-up/', {\n          ut_source: utSource,\n          ut_source2: utSource2,\n          ut_source3: utSource3,\n          ut_ctatext: ctaFormSubmit,\n        })}\n        className={isEnterpriseThankYou ? enterpriseThankYouForm : undefined}\n        data-testid=\"HeroFormCTA__Form\"\n        data-sm-metrics={generateMetricsAttribute({\n          data: {\n            actionType,\n            actionFlow,\n            log: {\n              message: `${utSource}-${utSource2}-${utSource3}-hero-form-sign-up`,\n            },\n          },\n        })}\n      >\n        <Recaptcha\n          greToken={recaptchaContext.greToken}\n          showError={recaptchaContext.showError}\n          setShowError={recaptchaContext.setShowError}\n        />\n        <input type=\"hidden\" name=\"username\" className=\"input-username\" value={email} />\n        <input type=\"hidden\" name=\"password_confirm\" className=\"input-password_confirm\" value={password} />\n        <Box element=\"div\" className={ctaFormField}>\n          <label className={isEnterpriseThankYou ? visuallyHidden : ctaLabel} htmlFor=\"email-input\">\n            <Typography component=\"span\" variant=\"bodySm\">\n              {ctaFormEmail}\n            </Typography>\n          </label>\n          <Input\n            id=\"email-input\"\n            type=\"email\"\n            name=\"email\"\n            placeholder={ctaFormEmailPlaceholder}\n            required\n            stretched\n            onChange={handleEmailChange}\n            value={email}\n          />\n        </Box>\n        <Box element=\"div\" className={ctaFormField}>\n          <label className={isEnterpriseThankYou ? visuallyHidden : ctaLabel} htmlFor=\"password-input\">\n            <Typography component=\"span\" variant=\"bodySm\">\n              {ctaFormPassword}\n            </Typography>\n          </label>\n          <Input\n            id=\"password-input\"\n            type=\"password\"\n            name=\"password\"\n            placeholder={ctaFormPasswordPlaceholder}\n            required\n            stretched\n            onChange={handlePasswordChange}\n            value={password}\n          />\n        </Box>\n        {countryCode.toLowerCase() === 'de' && (\n          <>\n            <Box element=\"div\" className={ctaFormField}>\n              <Checkbox\n                // weird required type from Wrench due to merge of HTMLAttribute and custom type\n                // ((boolean | ReactChild | ReactFragment | ReactPortal | null) & string) | undefined\n                label={ctaFormPrivacyConsent as unknown as ReactNode & string}\n                id=\"privacy-consents\"\n                name=\"privacy-consents\"\n                required\n              />\n            </Box>\n            <Box element=\"div\" className={ctaFormField}>\n              <Checkbox label={ctaFormNewsletterOptOut} id=\"subscribe-to-newsletter\" name=\"subscribe-to-newsletter\" />\n            </Box>\n          </>\n        )}\n        <Button\n          size=\"lg\"\n          stretched\n          onClick={recaptchaContext.fireGRE}\n          data-sm-metrics={generateMetricsAttribute({\n            data: {\n              amplitudeEvent: amplitudeEventName,\n              itemSelected: ctaFormSubmit,\n              templateType,\n              surveyId,\n              collectorId,\n              respondentId,\n            },\n          })}\n        >\n          {ctaFormSubmit}\n        </Button>\n      </form>\n      <Box mb={4} mt={4} className={hardRule}>\n        <></>\n      </Box>\n      {showThirdPartySignUpActions && (\n        <Grid noBleeds>\n          <Grid.Item xs={6}>\n            <CoreButton\n              className={facebookButton}\n              stretched\n              href={createURL('/user/third-party/', {\n                third_party: 'facebook',\n                action: 'sign_up',\n              })}\n              data-sm-metrics={generateMetricsAttribute({\n                data: {\n                  amplitudeEvent: amplitudeEventName,\n                  itemSelected: ctaFacebook,\n                  templateType,\n                  surveyId,\n                  collectorId,\n                  respondentId,\n                  actionType,\n                  actionFlow,\n                  log: {\n                    message: `${utSource}-${utSource2}-${utSource3}-${ctaFacebook}`,\n                  },\n                },\n              })}\n            >\n              <span>{ctaFacebook}</span>\n            </CoreButton>\n          </Grid.Item>\n          <Grid.Item xs={6}>\n            <CoreButton\n              className={googleButton}\n              stretched\n              href={createURL('/user/third-party/', {\n                third_party: 'google',\n                action: 'sign_up',\n              })}\n              data-sm-metrics={generateMetricsAttribute({\n                data: {\n                  amplitudeEvent: amplitudeEventName,\n                  itemSelected: ctaGoogle,\n                  templateType,\n                  surveyId,\n                  collectorId,\n                  respondentId,\n                  actionType,\n                  actionFlow,\n                  log: {\n                    message: `${utSource}-${utSource2}-${utSource3}-${ctaGoogle}`,\n                  },\n                },\n              })}\n            >\n              <span>{ctaGoogle}</span>\n            </CoreButton>\n          </Grid.Item>\n        </Grid>\n      )}\n      {showDisclaimer && (\n        <Box mt={3} className={disclaimerContainer}>\n          <TypographyWithInnerHTML\n            align=\"center\"\n            component=\"div\"\n            variant=\"bodySm\"\n            color=\"darkMuted\"\n            dangerouslySetInnerHTML={{ __html: `${disclaimer}` }} // eslint-disable-line jam3/no-sanitizer-with-danger\n          />\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nexport default HeroFormCTA;\n","import React from 'react';\nimport { Button as WrenchButton, ButtonProps as WrenchButtonProps } from '@wds/button';\n\ntype HTMLWrapperAttributes<T> = React.AllHTMLAttributes<T> & {\n  // Until TS 4.4.x there is no way to specifically define a key-pattern\n  // This is to allow data-* attributes to be passed as an object key.\n  [dataAttributes: string]: unknown;\n};\n\nexport type ButtonProps = WrenchButtonProps & {\n  /** element tag for the container (defaults to 'div') */\n  element?: 'div' | 'span';\n  /** Classes to be added to the `element` */\n  className?: string;\n  /** additional props specific to the `element` (trap-door); excludes `className` */\n  componentProps?: Omit<HTMLWrapperAttributes<HTMLDivElement | HTMLSpanElement>, 'className'>;\n};\n\n/**\n * @description Generic Stylable Button.\n * This component can be used in place of the `@wds/button` component to\n * modify the styles, until the `@wds/button` version supports className prop\n * passthrough.\n */\nexport default function Button({\n  element: Element = 'div',\n  className,\n  componentProps,\n  ...buttonProps\n}: ButtonProps): React.ReactElement {\n  return (\n    <Element {...componentProps} className={className}>\n      <WrenchButton {...buttonProps} />\n    </Element>\n  );\n}\n","export { default as Button } from './Button';\nexport * from './Button';\n","/** Shape of assets loaded with the next.js loader */\nexport type NextLoadedAsset = {\n  src: string;\n  height?: number;\n  width?: number;\n  blurDataURL?: string;\n};\n\n/**\n * Helper to get the url of an asset\n *\n * Workaround to get an assets `src` URL that works with both the next.js and\n * Storybook/Jest asset loader return format.\n *\n * This is just a temporary workaround till Storybook has better support for Next.js\n * See: https://storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/\n *\n * @returns the normalized url of `asset`\n */\nexport const getSrc = (asset: NextLoadedAsset | string): string => (typeof asset === 'string' ? asset : asset.src);\n","import { createUseStyles } from 'react-jss';\nimport { Theme as WrenchTheme } from '@wds/styles';\n\nconst cmsTheme = {\n  brandColors: {\n    accent: {\n      bengal: '#F05B24',\n      bumblebee: '#F9BE00',\n      raspberry: '#AC145A',\n    },\n    background: {\n      dark1: '#333E48', // wrench's theme.palette.background.dark\n      dark2: '#05467E', // midnight\n      dark3: '#671E75', // concord\n      light1: '#F7F8FA', // wrench's theme.palette.background.main\n      light2: '#FFFFFF', // wrench's theme.palette.background.light\n    },\n    neutral: {\n      black: '#000000',\n      canvas: '#F7F8FA',\n      charcoal: '#333E48',\n      flint: '#D0D2D3',\n      slate: '#6C777D',\n      stone: '#9DA5AA',\n      white: '#FFFFFF',\n    },\n    primary: {\n      arctic: '#2DCCD3',\n      concord: '#671E75',\n      midnight: '#05467E',\n      sabaeus: '#00BF6F',\n    },\n  },\n  endpageColors: {\n    embeddedNonBranded: {\n      backgroundColor: '#efefef',\n    },\n    onHover: {\n      lighterBumblebee: '#FFCD2D',\n      transparentWhite: 'rgba(255, 255, 255, 0.9)',\n    },\n  },\n  util: {\n    fullHeight: '100vh',\n  },\n};\nexport default cmsTheme;\nexport type CmsTheme = typeof cmsTheme;\nexport type CmsWrenchTheme = CmsTheme & WrenchTheme;\n\nexport const useGlobalStyles = createUseStyles((theme: CmsWrenchTheme) => ({\n  '@global': {\n    body: {\n      fontFamily: theme.type.fontFamily.base,\n    },\n  },\n}));\n"],"names":["facebook","google","useStyle","createUseStyles","theme","ctaFormField","isEnterpriseThankYou","param","inputBase","fontSize","padding","spacing","margin","width","height","color","palette","text","light","ctaLabel","display","boxSizing","marginBottom","lineHeight","fontWeight","visuallyHidden","clip","clipPath","overflow","position","whiteSpace","hardRule","borderTop","border","main","enterpriseThankYouForm","backgroundColor","background","dark","borderColor","active","facebookButton","backgroundRepeat","backgroundSize","backgroundPosition","backgroundImage","concat","getSrc","facebookLogo","textDecoration","marginLeft","googleButton","boxShadow","darkMuted","googleLogo","disclaimerContainer","link","TypographyWithInnerHTML","Typography","components_HeroFormCTA","className","ctaFormEmail","ctaFormEmailPlaceholder","ctaFormNewsletterOptOut","ctaFormPassword","ctaFormPasswordPlaceholder","ctaFormPrivacyConsent","ctaFormSubmit","ctaFacebook","ctaGoogle","disclaimer","utSource","utSource2","showThirdPartySignUpActions","showDisclaimer","utSource3","actionType","actionFlow","environment","countryCode","smParams","surveyId","collectorId","respondentId","templateType","useContext","StaticContext","useStyles","containerClasses","classnames","email","setEmail","useState","password","setPassword","recaptchaContext","useRecaptcha","actionName","successCallback","undefined","siteKey","useEnterprise","errorCallback","amplitudeEventName","useEffect","greToken","length","document","getElementById","submit","jsx_runtime","jsxs","Box","pt","data-testid","form","id","method","action","createURL","ut_source","ut_source2","ut_source3","ut_ctatext","data-sm-metrics","generateMetricsAttribute","data","log","message","jsx","Recaptcha","showError","setShowError","input","type","name","value","element","label","htmlFor","component","variant","Input","placeholder","required","stretched","onChange","e","target","toLowerCase","Fragment","Checkbox","Button","size","onClick","fireGRE","amplitudeEvent","itemSelected","mb","mt","Grid","noBleeds","Item","xs","CoreButton","href","third_party","span","align","dangerouslySetInnerHTML","__html","Element","componentProps","buttonProps","WrenchButton","asset","src","__webpack_exports__","brandColors","accent","bengal","bumblebee","raspberry","dark1","dark2","dark3","light1","light2","neutral","black","canvas","charcoal","flint","slate","stone","white","primary","arctic","concord","midnight","sabaeus","endpageColors","embeddedNonBranded","onHover","lighterBumblebee","transparentWhite","util","fullHeight","useGlobalStyles","body","fontFamily","base"],"sourceRoot":""}