{
  "version": 3,
  "sources": ["../javascripts/styled-components/structures/Modals/SignInModal.tsx"],
  "sourcesContent": ["import React, { useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Button } from '../../components/Button';\nimport Checklist from '../../components/Checklist';\nimport Content from '../../components/Content';\nimport { H3 } from '../../components/Heading';\nimport { IconArrowRight } from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport { Sheet } from '../../components/Sheet';\nimport { Stack, StackLarge } from '../../components/Stack';\nimport { Text } from '../../components/Text';\n\ninterface Props {\n  trackOnSignInClick?: () => void;\n  trackOnInit?: () => void;\n  onClose: () => void;\n  image?: string;\n  title: string;\n  text?: string;\n  to?: string;\n  loginButtonTestId?: string;\n}\nconst SignInModal = ({\n  trackOnSignInClick,\n  trackOnInit,\n  onClose,\n  image,\n  title,\n  text,\n  to,\n  loginButtonTestId,\n}: Props) => {\n  const { t } = useTranslation(['global', 'loginModal']);\n  const defaultTo = `/auth/signin?redirectUrl=${location.pathname}`;\n\n  useEffect(() => {\n    if (trackOnInit) {\n      trackOnInit();\n    }\n  }, []);\n\n  return (\n    <Modal\n      onClose={onClose}\n      illustration={\n        image\n          ? {\n              src: image,\n              alt: title,\n            }\n          : undefined\n      }\n    >\n      <StackLarge>\n        <Text $align=\"center\">\n          <H3>{title}</H3>\n          <Content>\n            <p>{text || t('loginModalDescription', { ns: 'loginModal' })}</p>\n          </Content>\n        </Text>\n      </StackLarge>\n      <StackLarge>\n        <Button\n          as=\"a\"\n          href={to || defaultTo}\n          onClick={trackOnSignInClick}\n          $tone=\"primary\"\n          $fullWidth\n          title={\n            t('loginTitle', { ns: 'loginModal', brandName: t('brandName', { ns: 'global' }) }) || ''\n          }\n          data-testid={loginButtonTestId}\n        >\n          {t('loginOrSignup', { ns: 'loginModal' })}\n          <IconArrowRight />\n        </Button>\n      </StackLarge>\n      <StackLarge>\n        <Sheet $gutter=\"small\">\n          <Stack>\n            <Text $weight=\"medium\">\n              {t('uspHeading', { ns: 'loginModal', brandName: t('brandName', { ns: 'global' }) })}\n            </Text>\n          </Stack>\n          <Stack>\n            <Checklist\n              items={[\n                t('uspOne', { ns: 'loginModal' }),\n                t('uspTwo', { ns: 'loginModal' }),\n                t('uspThree', { ns: 'loginModal' }),\n                t('uspFour', { ns: 'loginModal' }),\n              ]}\n            />\n          </Stack>\n        </Sheet>\n      </StackLarge>\n    </Modal>\n  );\n};\n\nexport default SignInModal;\n"],
  "mappings": "seAAA,IAAAA,EAAiC,SAuBjC,IAAMC,EAAc,CAAC,CACnB,mBAAAC,EACA,YAAAC,EACA,QAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,GAAAC,EACA,kBAAAC,CACF,IAAa,CACX,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,CAAC,SAAU,YAAY,CAAC,EAC/CC,EAAY,4BAA4B,SAAS,QAAQ,GAE/D,sBAAU,IAAM,CACVT,GACFA,EAAY,CAEhB,EAAG,CAAC,CAAC,EAGH,EAAAU,QAAA,cAACC,EAAA,CACC,QAASV,EACT,aACEC,EACI,CACE,IAAKA,EACL,IAAKC,CACP,EACA,QAGN,EAAAO,QAAA,cAACE,EAAA,KACC,EAAAF,QAAA,cAACG,EAAA,CAAK,OAAO,UACX,EAAAH,QAAA,cAACI,EAAA,KAAIX,CAAM,EACX,EAAAO,QAAA,cAACK,EAAA,KACC,EAAAL,QAAA,cAAC,SAAGN,GAAQG,EAAE,wBAAyB,CAAE,GAAI,YAAa,CAAC,CAAE,CAC/D,CACF,CACF,EACA,EAAAG,QAAA,cAACE,EAAA,KACC,EAAAF,QAAA,cAACM,EAAA,CACC,GAAG,IACH,KAAMX,GAAMI,EACZ,QAASV,EACT,MAAM,UACN,WAAU,GACV,MACEQ,EAAE,aAAc,CAAE,GAAI,aAAc,UAAWA,EAAE,YAAa,CAAE,GAAI,QAAS,CAAC,CAAE,CAAC,GAAK,GAExF,cAAaD,GAEZC,EAAE,gBAAiB,CAAE,GAAI,YAAa,CAAC,EACxC,EAAAG,QAAA,cAACO,EAAA,IAAe,CAClB,CACF,EACA,EAAAP,QAAA,cAACE,EAAA,KACC,EAAAF,QAAA,cAACQ,EAAA,CAAM,QAAQ,SACb,EAAAR,QAAA,cAACS,EAAA,KACC,EAAAT,QAAA,cAACG,EAAA,CAAK,QAAQ,UACXN,EAAE,aAAc,CAAE,GAAI,aAAc,UAAWA,EAAE,YAAa,CAAE,GAAI,QAAS,CAAC,CAAE,CAAC,CACpF,CACF,EACA,EAAAG,QAAA,cAACS,EAAA,KACC,EAAAT,QAAA,cAACU,EAAA,CACC,MAAO,CACLb,EAAE,SAAU,CAAE,GAAI,YAAa,CAAC,EAChCA,EAAE,SAAU,CAAE,GAAI,YAAa,CAAC,EAChCA,EAAE,WAAY,CAAE,GAAI,YAAa,CAAC,EAClCA,EAAE,UAAW,CAAE,GAAI,YAAa,CAAC,CACnC,EACF,CACF,CACF,CACF,CACF,CAEJ,EAEOc,EAAQvB",
  "names": ["import_react", "SignInModal", "trackOnSignInClick", "trackOnInit", "onClose", "image", "title", "text", "to", "loginButtonTestId", "t", "useTranslation", "defaultTo", "React", "Modal_default", "StackLarge", "Text", "H3", "Content_default", "Button", "IconArrowRight", "Sheet", "Stack", "Checklist_default", "SignInModal_default"]
}