@cuemath/leap 3.3.38-m → 3.4.0

package/dist/features/auth/pla-signup/signup-options/signup-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/pla-signup/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { PLA_ANALYTICS_EVENTS } from '../pla-analytics-events';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  loadingProvider,\n  onGoToLogin,\n  title,\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $alignItems=\"flex-start\">\n      <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\" $whiteSpace=\"pre-line\">\n        {title}\n      </Text>\n      <Separator heightX={isCompact ? 1.5 : 2.5} />\n      <FlexView\n        $flexGapX={1}\n        $flex={1}\n        $justifyContent=\"center\"\n        $alignItems=\"flex-start\"\n        $width=\"100%\"\n      >\n        <Button\n          renderAs=\"black-dark\"\n          Icon={GoogleIcon}\n          width={isCompact ? '100%' : 320}\n          label=\"Signup with Google\"\n          onClick={onGoogleSignup}\n          size=\"small\"\n          busy={isLoadingGoogle}\n          disabled={isLoadingGoogle}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'google' }}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          Icon={AppleIcon}\n          label=\"Signup with Apple\"\n          onClick={onAppleSignup}\n          busy={isLoadingApple}\n          disabled={isLoadingApple}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'apple' }}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          label=\"Continue with Email\"\n          onClick={onEmailSignup}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'email' }}\n        />\n      </FlexView>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n        <Text $renderAs=\"ub3\" $color=\"WHITE\">\n          Already have an account?\n        </Text>\n        &nbsp;\n        <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","device","useTheme","isCompact","EDeviceType","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","PLA_ANALYTICS_EVENTS","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBP,MAAoB,UACtCQ,IAAiBR,MAAoB;AAGzC,SAAA,gBAAAS,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,aAAY,YAChF,UACHV,EAAA,CAAA;AAAA,IACC,gBAAAS,EAAAE,GAAA,EAAU,SAASR,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,OAAOV,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASN;AAAA,cACT,MAAK;AAAA,cACL,MAAMQ;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBS,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,SAAS;AAAA,YAAA;AAAA,UACvC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,MAAMY;AAAAA,cACN,OAAM;AAAA,cACN,SAASnB;AAAA,cACT,MAAMU;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBQ,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,cACT,gBAAgBmB,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD,EAACO,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASjB,EAAa,CAAA;AAAA,IAAA,GAC9E;AAAA,EACF,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAKxB,CAAa;"}
+{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/pla-signup/signup-options/signup-options.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { PLA_ANALYTICS_EVENTS } from '../pla-analytics-events';\nimport type { ISignupOptionsProps } from './signup-options-types';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  loadingProvider,\n  onGoToLogin,\n  title,\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $alignItems=\"flex-start\">\n      <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\" $whiteSpace=\"pre-line\">\n        {title}\n      </Text>\n      <Separator heightX={isCompact ? 1.5 : 2.5} />\n      <FlexView\n        $flexGapX={1}\n        $flex={1}\n        $justifyContent=\"center\"\n        $alignItems=\"flex-start\"\n        $width=\"100%\"\n      >\n        <Button\n          renderAs=\"black-dark\"\n          Icon={GoogleIcon}\n          width={isCompact ? '100%' : 320}\n          label=\"Signup with Google\"\n          onClick={onGoogleSignup}\n          size=\"small\"\n          busy={isLoadingGoogle}\n          disabled={isLoadingGoogle}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'google' }}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          Icon={AppleIcon}\n          label=\"Signup with Apple\"\n          onClick={onAppleSignup}\n          busy={isLoadingApple}\n          disabled={isLoadingApple}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'apple' }}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          label=\"Continue with Email\"\n          onClick={onEmailSignup}\n          analyticsLabel={PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED}\n          analyticsProps={{ provider: 'email' }}\n        />\n      </FlexView>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n        <Text $renderAs=\"ub3\" $color=\"WHITE\">\n          Already have an account?\n        </Text>\n        &nbsp;\n        <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","device","useTheme","isCompact","EDeviceType","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","PLA_ANALYTICS_EVENTS","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBP,MAAoB,UACtCQ,IAAiBR,MAAoB;AAGzC,SAAA,gBAAAS,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,aAAY,YAChF,UACHV,EAAA,CAAA;AAAA,IACC,gBAAAS,EAAAE,GAAA,EAAU,SAASR,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,OAAOV,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASN;AAAA,cACT,MAAK;AAAA,cACL,MAAMQ;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBS,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,SAAS;AAAA,YAAA;AAAA,UACvC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,MAAMY;AAAAA,cACN,OAAM;AAAA,cACN,SAASnB;AAAA,cACT,MAAMU;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBQ,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,cACT,gBAAgBmB,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD,EAACO,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASjB,EAAa,CAAA;AAAA,IAAA,GAC9E;AAAA,EACF,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAKxB,CAAa;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  memo,\n  type Ref,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport AnimatedArc from '../../../ui/animated-arc/animated-arc';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n  rendererSettings: {\n    preserveAspectRatio: 'xMidYMin slice',\n  },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n  (\n    {\n      children,\n      onGoBack,\n      onNext,\n      label,\n      showNext,\n      showPrevious,\n      animation,\n      introFrames,\n      outroFrames,\n      isNextLoading,\n      progressAngle,\n      footerElement,\n      isNextDisabled,\n      animationSrcMobile,\n    },\n    ref: Ref<ICircularStepRef>,\n  ) => {\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerHeight, setContainerHeight] = useState<number | undefined>();\n    const [showContent, setShowContent] = useState(false);\n    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const onLottieRender = useCallback(() => {\n      if (animation && animationRef.current) {\n        animationRef.current.playSegments(introFrames, true);\n        setShowContent(true);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [animation]);\n\n    useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n      };\n    }, [animation]);\n\n    useImperativeHandle(ref, () => ({\n      playOutroAndFadeOut: async () => {\n        return new Promise<void>(resolve => {\n          const handleComplete = () => {\n            resolve();\n            animationRef.current?.removeEventListener('complete', handleComplete);\n          };\n\n          animationRef.current?.playSegments(outroFrames, true);\n          timeoutRef.current = setTimeout(() => setShowContent(false), 400);\n          animationRef.current?.addEventListener('complete', handleComplete);\n        });\n      },\n    }));\n\n    useLayoutEffect(() => {\n      if (containerRef.current) {\n        setContainerHeight(containerRef.current.offsetHeight);\n      }\n    }, []);\n\n    return (\n      <Styled.Container\n        $flex={1}\n        $flexDirection=\"column\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n        ref={containerRef}\n      >\n        {containerHeight && (\n          <LottieAnimation\n            width={1280}\n            height={containerHeight}\n            src={isMobile ? animationSrcMobile ?? animation : animation}\n            ref={animationRef}\n            onRender={onLottieRender}\n            settings={animationSettings}\n          />\n        )}\n        <Styled.CircularStepContainer\n          $width={isMobile ? 290 : 400}\n          $height={isMobile ? 290 : 400}\n          $background=\"REAL_BLACK\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {progressAngle && (\n            <AnimatedArc\n              radius={isMobile ? 145 : 200}\n              strokeWidth={2}\n              color=\"WHITE\"\n              targetAngle={progressAngle}\n              mode=\"fade\"\n              duration={1}\n            />\n          )}\n          <Styled.ContentWrapper $isVisible={showContent} $width=\"100%\">\n            {label && (\n              <FlexView $gutterX={isMobile ? 1.5 : 3.5}>\n                <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n                  {label}\n                </Text>\n                <Separator heightX={1} />\n              </FlexView>\n            )}\n            <Styled.InputContainer>{children}</Styled.InputContainer>\n          </Styled.ContentWrapper>\n        </Styled.CircularStepContainer>\n        {footerElement && (\n          <Styled.FooterWrapper $alignItems=\"center\" $justifyContent=\"center\">\n            {footerElement}\n          </Styled.FooterWrapper>\n        )}\n        {showPrevious && (\n          <Styled.PrevButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"black-dark\"\n              analyticsLabel=\"Prev\"\n              onClick={onGoBack}\n              disabled={isNextLoading}\n              size=\"small\"\n            />\n          </Styled.PrevButtonWrapper>\n        )}\n        {showNext && (\n          <Styled.NextButtonWrapper>\n            <IconButton\n              size=\"small\"\n              Icon={Next2Icon}\n              renderAs=\"secondary-dark\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n              busy={isNextLoading}\n              disabled={isNextLoading || isNextDisabled}\n            />\n          </Styled.NextButtonWrapper>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default memo(CircularStepWrapper);\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","progressAngle","footerElement","isNextDisabled","animationSrcMobile","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","timeoutRef","device","useTheme","isMobile","EDeviceType","onLottieRender","useCallback","useEffect","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.FooterWrapper","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","circularStepWrapper","memo"],"mappings":"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"}
+{"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  memo,\n  type Ref,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport AnimatedArc from '../../../ui/animated-arc/animated-arc';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './circular-step-wrapper-styled';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n  rendererSettings: {\n    preserveAspectRatio: 'xMidYMin slice',\n  },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n  (\n    {\n      children,\n      onGoBack,\n      onNext,\n      label,\n      showNext,\n      showPrevious,\n      animation,\n      introFrames,\n      outroFrames,\n      isNextLoading,\n      progressAngle,\n      footerElement,\n      isNextDisabled,\n      animationSrcMobile,\n    },\n    ref: Ref<ICircularStepRef>,\n  ) => {\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerHeight, setContainerHeight] = useState<number | undefined>();\n    const [showContent, setShowContent] = useState(false);\n    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const onLottieRender = useCallback(() => {\n      if (animation && animationRef.current) {\n        animationRef.current.playSegments(introFrames, true);\n        setShowContent(true);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [animation]);\n\n    useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n      };\n    }, [animation]);\n\n    useImperativeHandle(ref, () => ({\n      playOutroAndFadeOut: async () => {\n        return new Promise<void>(resolve => {\n          const handleComplete = () => {\n            resolve();\n            animationRef.current?.removeEventListener('complete', handleComplete);\n          };\n\n          animationRef.current?.playSegments(outroFrames, true);\n          timeoutRef.current = setTimeout(() => setShowContent(false), 400);\n          animationRef.current?.addEventListener('complete', handleComplete);\n        });\n      },\n    }));\n\n    useLayoutEffect(() => {\n      if (containerRef.current) {\n        setContainerHeight(containerRef.current.offsetHeight);\n      }\n    }, []);\n\n    return (\n      <Styled.Container\n        $flex={1}\n        $flexDirection=\"column\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n        ref={containerRef}\n      >\n        {containerHeight && (\n          <LottieAnimation\n            width={1280}\n            height={containerHeight}\n            src={isMobile ? animationSrcMobile ?? animation : animation}\n            ref={animationRef}\n            onRender={onLottieRender}\n            settings={animationSettings}\n          />\n        )}\n        <Styled.CircularStepContainer\n          $width={isMobile ? 290 : 400}\n          $height={isMobile ? 290 : 400}\n          $background=\"REAL_BLACK\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {progressAngle && (\n            <AnimatedArc\n              radius={isMobile ? 145 : 200}\n              strokeWidth={2}\n              color=\"WHITE\"\n              targetAngle={progressAngle}\n              mode=\"fade\"\n              duration={1}\n            />\n          )}\n          <Styled.ContentWrapper $isVisible={showContent} $width=\"100%\">\n            {label && (\n              <FlexView $gutterX={isMobile ? 1.5 : 3.5}>\n                <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n                  {label}\n                </Text>\n                <Separator heightX={1} />\n              </FlexView>\n            )}\n            <Styled.InputContainer>{children}</Styled.InputContainer>\n          </Styled.ContentWrapper>\n        </Styled.CircularStepContainer>\n        {footerElement && (\n          <Styled.FooterWrapper $alignItems=\"center\" $justifyContent=\"center\">\n            {footerElement}\n          </Styled.FooterWrapper>\n        )}\n        {showPrevious && (\n          <Styled.PrevButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"black-dark\"\n              analyticsLabel=\"Prev\"\n              onClick={onGoBack}\n              disabled={isNextLoading}\n              size=\"small\"\n            />\n          </Styled.PrevButtonWrapper>\n        )}\n        {showNext && (\n          <Styled.NextButtonWrapper>\n            <IconButton\n              size=\"small\"\n              Icon={Next2Icon}\n              renderAs=\"secondary-dark\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n              busy={isNextLoading}\n              disabled={isNextLoading || isNextDisabled}\n            />\n          </Styled.NextButtonWrapper>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default memo(CircularStepWrapper);\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","progressAngle","footerElement","isNextDisabled","animationSrcMobile","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","timeoutRef","device","useTheme","isMobile","EDeviceType","onLottieRender","useCallback","useEffect","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.FooterWrapper","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","circularStepWrapper","memo"],"mappings":"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"}

package/dist/features/auth/signup/claim-user-account/claim-user-account.js.map

@@ -1 +1 @@
-{"version":3,"file":"claim-user-account.js","sources":["../../../../../src/features/auth/signup/claim-user-account/claim-user-account.tsx"],"sourcesContent":["import type { IClaimUserAccountProps } from './claim-user-account-types';\n\nimport { memo } from 'react';\nimport { type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport OverlayLoader from '../../comps/overlay-loader/overlay-loader';\nimport UserList from '../../comps/user-list/user-list';\n\nconst ClaimUserAccount: FC<IClaimUserAccountProps> = ({\n  email,\n  onSelectAccount,\n  userAccounts,\n  onCreateNewAccount,\n  isCreatingAccount,\n  isLoading,\n}) => {\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $width=\"100%\" $height=\"100%\">\n      <OverlayLoader isLoading={isLoading} />\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n      <Separator heightX={1} />\n      <FlexView>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\" $align=\"center\">\n          We found multiple profiles linked to{' '}\n          <Text $color=\"WHITE\" $inline $renderAs=\"ab1-bold\">\n            {email}\n          </Text>\n        </Text>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\" $align=\"center\">\n          Which one would you like to proceed with?\n        </Text>\n      </FlexView>\n      <Separator heightX={5} />\n      <UserList users={userAccounts} onSelect={onSelectAccount} />\n      <Separator heightX={5} />\n      <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"ub2\" $color=\"WHITE\">\n          Don't recognize these accounts?\n        </Text>\n        <Separator heightX={1} />\n        <Button\n          width={232}\n          size=\"small\"\n          label=\"Create new account\"\n          renderAs=\"secondary-dark\"\n          onClick={onCreateNewAccount}\n          busy={isCreatingAccount}\n          disabled={isCreatingAccount}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(ClaimUserAccount);\n"],"names":["ClaimUserAccount","email","onSelectAccount","userAccounts","onCreateNewAccount","isCreatingAccount","isLoading","jsxs","FlexView","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","UserList","Button","claimUserAccount","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC,EAACC,GAAS,EAAA,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,QAAO,QAAO,SAAQ,QACtF,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAc,WAAAJ,GAAsB;AAAA,EACrC,gBAAAG,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,EAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,oBACtBL,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACO,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UAAS,UAAA;AAAA,MAAA;AAAA,MACd;AAAA,MACrC,gBAAAL,EAACK,KAAK,QAAO,SAAQ,SAAO,IAAC,WAAU,YACpC,UACHb,EAAA,CAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAQ,EAACK,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UAAS,UAErD,4CAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAJ,EAAAM,GAAA,EAAS,OAAOZ,GAAc,UAAUD,GAAiB;AAAA,EAC1D,gBAAAO,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAN,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,IAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,mCAAA;AAAA,IACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,SAASZ;AAAA,QACT,MAAMC;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKlB,CAAgB;"}
+{"version":3,"file":"claim-user-account.js","sources":["../../../../../src/features/auth/signup/claim-user-account/claim-user-account.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport OverlayLoader from '../../comps/overlay-loader/overlay-loader';\nimport UserList from '../../comps/user-list/user-list';\nimport type { IClaimUserAccountProps } from './claim-user-account-types';\n\nconst ClaimUserAccount: FC<IClaimUserAccountProps> = ({\n  email,\n  onSelectAccount,\n  userAccounts,\n  onCreateNewAccount,\n  isCreatingAccount,\n  isLoading,\n}) => {\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $width=\"100%\" $height=\"100%\">\n      <OverlayLoader isLoading={isLoading} />\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n      <Separator heightX={1} />\n      <FlexView>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\" $align=\"center\">\n          We found multiple profiles linked to{' '}\n          <Text $color=\"WHITE\" $inline $renderAs=\"ab1-bold\">\n            {email}\n          </Text>\n        </Text>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\" $align=\"center\">\n          Which one would you like to proceed with?\n        </Text>\n      </FlexView>\n      <Separator heightX={5} />\n      <UserList users={userAccounts} onSelect={onSelectAccount} />\n      <Separator heightX={5} />\n      <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"ub2\" $color=\"WHITE\">\n          Don't recognize these accounts?\n        </Text>\n        <Separator heightX={1} />\n        <Button\n          width={232}\n          size=\"small\"\n          label=\"Create new account\"\n          renderAs=\"secondary-dark\"\n          onClick={onCreateNewAccount}\n          busy={isCreatingAccount}\n          disabled={isCreatingAccount}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(ClaimUserAccount);\n"],"names":["ClaimUserAccount","email","onSelectAccount","userAccounts","onCreateNewAccount","isCreatingAccount","isLoading","jsxs","FlexView","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","UserList","Button","claimUserAccount","memo"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC,EAACC,GAAS,EAAA,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,QAAO,QAAO,SAAQ,QACtF,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAc,WAAAJ,GAAsB;AAAA,EACrC,gBAAAG,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,EAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,oBACtBL,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACO,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UAAS,UAAA;AAAA,MAAA;AAAA,MACd;AAAA,MACrC,gBAAAL,EAACK,KAAK,QAAO,SAAQ,SAAO,IAAC,WAAU,YACpC,UACHb,EAAA,CAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAQ,EAACK,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UAAS,UAErD,4CAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAJ,EAAAM,GAAA,EAAS,OAAOZ,GAAc,UAAUD,GAAiB;AAAA,EAC1D,gBAAAO,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAN,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,IAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,mCAAA;AAAA,IACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,SAASZ;AAAA,QACT,MAAMC;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKlB,CAAgB;"}

package/dist/features/auth/signup/custom-input-field/country-selector/country-code-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"country-code-button.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-code-button.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport ChevronDownIcon from '../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './country-selector-styled';\n\nconst CountryCodeButton: FC<{ value?: string; menuVisible?: boolean }> = ({\n  value,\n  menuVisible,\n}) => {\n  return (\n    <Styled.CountryCodeButton\n      $background=\"BLACK_5\"\n      $borderRadius={4}\n      $gutterX={0.5}\n      $gap={5}\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $borderColor={menuVisible ? 'WHITE_T_38' : 'BLACK_5'}\n      $flexDirection=\"row\"\n      $flexGap={2}\n    >\n      <Text $renderAs=\"ab1\" $color=\"WHITE\">\n        +{value}\n      </Text>\n      <FlexView $width={20}>\n        <ChevronDownIcon width={20} height={20} color=\"WHITE\" />\n      </FlexView>\n    </Styled.CountryCodeButton>\n  );\n};\n\nexport default memo(CountryCodeButton);\n"],"names":["CountryCodeButton","value","menuVisible","jsxs","Styled.CountryCodeButton","Text","jsx","FlexView","ChevronDownIcon","CountryCodeButton$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAmE,CAAC;AAAA,EACxE,OAAAC;AAAA,EACA,aAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,aAAY;AAAA,IACZ,eAAe;AAAA,IACf,UAAU;AAAA,IACV,MAAM;AAAA,IACN,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,cAAcF,IAAc,eAAe;AAAA,IAC3C,gBAAe;AAAA,IACf,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAAA;AAAA,QAAA;AAAA,QACjCJ;AAAA,MAAA,GACJ;AAAA,MACC,gBAAAK,EAAAC,GAAA,EAAS,QAAQ,IAChB,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,GACxD;AAAA,IAAA;AAAA,EAAA;AAAA,GAKSC,IAAAC,EAAKV,CAAiB;"}
+{"version":3,"file":"country-code-button.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-code-button.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo } from 'react';\n\nimport ChevronDownIcon from '../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './country-selector-styled';\n\nconst CountryCodeButton: FC<{ value?: string; menuVisible?: boolean }> = ({\n  value,\n  menuVisible,\n}) => {\n  return (\n    <Styled.CountryCodeButton\n      $background=\"BLACK_5\"\n      $borderRadius={4}\n      $gutterX={0.5}\n      $gap={5}\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $borderColor={menuVisible ? 'WHITE_T_38' : 'BLACK_5'}\n      $flexDirection=\"row\"\n      $flexGap={2}\n    >\n      <Text $renderAs=\"ab1\" $color=\"WHITE\">\n        +{value}\n      </Text>\n      <FlexView $width={20}>\n        <ChevronDownIcon width={20} height={20} color=\"WHITE\" />\n      </FlexView>\n    </Styled.CountryCodeButton>\n  );\n};\n\nexport default memo(CountryCodeButton);\n"],"names":["CountryCodeButton","value","menuVisible","jsxs","Styled.CountryCodeButton","Text","jsx","FlexView","ChevronDownIcon","CountryCodeButton$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAmE,CAAC;AAAA,EACxE,OAAAC;AAAA,EACA,aAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,aAAY;AAAA,IACZ,eAAe;AAAA,IACf,UAAU;AAAA,IACV,MAAM;AAAA,IACN,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,cAAcF,IAAc,eAAe;AAAA,IAC3C,gBAAe;AAAA,IACf,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAAA;AAAA,QAAA;AAAA,QACjCJ;AAAA,MAAA,GACJ;AAAA,MACC,gBAAAK,EAAAC,GAAA,EAAS,QAAQ,IAChB,UAAC,gBAAAD,EAAAE,GAAA,EAAgB,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,GACxD;AAAA,IAAA;AAAA,EAAA;AAAA,GAKSC,IAAAC,EAAKV,CAAiB;"}

package/dist/features/auth/signup/custom-input-field/country-selector/country-list-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"country-list-menu.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-list-menu.tsx"],"sourcesContent":["import type { ICountryListMenuProps } from './country-selector-types';\nimport type { FC } from 'react';\n\nimport { useState, useEffect, useRef, useCallback, memo } from 'react';\n\nimport { COUNTRY_CODE_MAP } from '../../../../../constants/country';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './country-selector-styled';\n\nconst CountryListMenu: FC<ICountryListMenuProps> = ({ selectedCountry, onChange, menuVisible }) => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const searchTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  useEffect(() => {\n    if (highlightedIndex >= 0) {\n      itemRefs.current[highlightedIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }, [highlightedIndex]);\n\n  useEffect(() => {\n    if (searchTerm) {\n      const index = COUNTRY_CODE_MAP.findIndex(\n        c =>\n          c.value.toLowerCase().includes(searchTerm.toLowerCase()) || c.code.startsWith(searchTerm),\n      );\n\n      setHighlightedIndex(index);\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n      searchTimeoutRef.current = setTimeout(() => {\n        setSearchTerm('');\n      }, 1000);\n    }\n\n    return () => {\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n    };\n  }, [searchTerm]);\n\n  const handleKeyDown = useCallback(\n    (event: globalThis.KeyboardEvent) => {\n      const { key } = event;\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (key.length === 1 && /[a-zA-Z0-9\\s]/.test(key)) {\n        setSearchTerm(prev => prev + key.toLowerCase());\n\n        return;\n      }\n\n      if (key === 'ArrowDown') {\n        setHighlightedIndex(prev => (prev < COUNTRY_CODE_MAP.length - 1 ? prev + 1 : 0));\n      } else if (key === 'ArrowUp') {\n        setHighlightedIndex(prev => (prev > 0 ? prev - 1 : COUNTRY_CODE_MAP.length - 1));\n      } else if (key === 'Enter' && highlightedIndex >= 0) {\n        const selectedOption = COUNTRY_CODE_MAP[highlightedIndex];\n\n        selectedOption && onChange({ code: selectedOption.code, id: selectedOption.id });\n        menuRef.current?.click();\n      } else if (key === 'Escape') {\n        setSearchTerm('');\n        setHighlightedIndex(-1);\n      }\n    },\n    [highlightedIndex, onChange],\n  );\n\n  useEffect(() => {\n    const menuElement = menuRef.current;\n\n    if (!menuElement || !menuVisible) return;\n\n    menuElement.focus();\n    menuElement.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      menuElement.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [menuVisible, handleKeyDown, selectedCountry.id]);\n\n  return (\n    <Styled.MenuWrapper\n      ref={menuRef}\n      tabIndex={0}\n      $widthX={10}\n      $gapX={0.5}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      {COUNTRY_CODE_MAP.map((option, index) => {\n        const { id, value, icon, code } = option;\n\n        return (\n          <Styled.MenuItem\n            key={id}\n            ref={el => {\n              itemRefs.current[index] = el;\n            }}\n            data-country-id={id}\n            onClick={() => onChange({ code, id })}\n            $gutterX={0.5}\n            $gapX={0.75}\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGap={8}\n            $isSelected={selectedCountry.id === id}\n            $isHighlighted={highlightedIndex === index}\n          >\n            <Styled.FlagIcon src={icon} />\n            <Text $renderAs=\"ab3\" $color=\"WHITE\">\n              {value}\n            </Text>\n          </Styled.MenuItem>\n        );\n      })}\n\n      <Styled.Instructions $gutterX={0.5}>\n        <Separator heightX={0.5} />\n        <Text $renderAs=\"ab3\" $color=\"WHITE\">\n          Type to search • ↑↓ to navigate • Enter to select • Esc to clear\n        </Text>\n      </Styled.Instructions>\n    </Styled.MenuWrapper>\n  );\n};\n\nexport default memo(CountryListMenu);\n"],"names":["CountryListMenu","selectedCountry","onChange","menuVisible","searchTerm","setSearchTerm","useState","highlightedIndex","setHighlightedIndex","searchTimeoutRef","useRef","menuRef","itemRefs","useEffect","_a","index","COUNTRY_CODE_MAP","c","handleKeyDown","useCallback","event","key","prev","selectedOption","menuElement","jsxs","Styled.MenuWrapper","option","id","value","icon","code","Styled.MenuItem","el","jsx","Styled.FlagIcon","Text","Styled.Instructions","Separator","CountryListMenu$1","memo"],"mappings":"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"}
+{"version":3,"file":"country-list-menu.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-list-menu.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useRef, useCallback, memo } from 'react';\n\nimport { COUNTRY_CODE_MAP } from '../../../../../constants/country';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './country-selector-styled';\nimport type { ICountryListMenuProps } from './country-selector-types';\n\nconst CountryListMenu: FC<ICountryListMenuProps> = ({ selectedCountry, onChange, menuVisible }) => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const searchTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  useEffect(() => {\n    if (highlightedIndex >= 0) {\n      itemRefs.current[highlightedIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }, [highlightedIndex]);\n\n  useEffect(() => {\n    if (searchTerm) {\n      const index = COUNTRY_CODE_MAP.findIndex(\n        c =>\n          c.value.toLowerCase().includes(searchTerm.toLowerCase()) || c.code.startsWith(searchTerm),\n      );\n\n      setHighlightedIndex(index);\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n      searchTimeoutRef.current = setTimeout(() => {\n        setSearchTerm('');\n      }, 1000);\n    }\n\n    return () => {\n      if (searchTimeoutRef.current) clearTimeout(searchTimeoutRef.current);\n    };\n  }, [searchTerm]);\n\n  const handleKeyDown = useCallback(\n    (event: globalThis.KeyboardEvent) => {\n      const { key } = event;\n\n      event.preventDefault();\n      event.stopPropagation();\n      if (key.length === 1 && /[a-zA-Z0-9\\s]/.test(key)) {\n        setSearchTerm(prev => prev + key.toLowerCase());\n\n        return;\n      }\n\n      if (key === 'ArrowDown') {\n        setHighlightedIndex(prev => (prev < COUNTRY_CODE_MAP.length - 1 ? prev + 1 : 0));\n      } else if (key === 'ArrowUp') {\n        setHighlightedIndex(prev => (prev > 0 ? prev - 1 : COUNTRY_CODE_MAP.length - 1));\n      } else if (key === 'Enter' && highlightedIndex >= 0) {\n        const selectedOption = COUNTRY_CODE_MAP[highlightedIndex];\n\n        selectedOption && onChange({ code: selectedOption.code, id: selectedOption.id });\n        menuRef.current?.click();\n      } else if (key === 'Escape') {\n        setSearchTerm('');\n        setHighlightedIndex(-1);\n      }\n    },\n    [highlightedIndex, onChange],\n  );\n\n  useEffect(() => {\n    const menuElement = menuRef.current;\n\n    if (!menuElement || !menuVisible) return;\n\n    menuElement.focus();\n    menuElement.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      menuElement.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [menuVisible, handleKeyDown, selectedCountry.id]);\n\n  return (\n    <Styled.MenuWrapper\n      ref={menuRef}\n      tabIndex={0}\n      $widthX={10}\n      $gapX={0.5}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      {COUNTRY_CODE_MAP.map((option, index) => {\n        const { id, value, icon, code } = option;\n\n        return (\n          <Styled.MenuItem\n            key={id}\n            ref={el => {\n              itemRefs.current[index] = el;\n            }}\n            data-country-id={id}\n            onClick={() => onChange({ code, id })}\n            $gutterX={0.5}\n            $gapX={0.75}\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $flexGap={8}\n            $isSelected={selectedCountry.id === id}\n            $isHighlighted={highlightedIndex === index}\n          >\n            <Styled.FlagIcon src={icon} />\n            <Text $renderAs=\"ab3\" $color=\"WHITE\">\n              {value}\n            </Text>\n          </Styled.MenuItem>\n        );\n      })}\n\n      <Styled.Instructions $gutterX={0.5}>\n        <Separator heightX={0.5} />\n        <Text $renderAs=\"ab3\" $color=\"WHITE\">\n          Type to search • ↑↓ to navigate • Enter to select • Esc to clear\n        </Text>\n      </Styled.Instructions>\n    </Styled.MenuWrapper>\n  );\n};\n\nexport default memo(CountryListMenu);\n"],"names":["CountryListMenu","selectedCountry","onChange","menuVisible","searchTerm","setSearchTerm","useState","highlightedIndex","setHighlightedIndex","searchTimeoutRef","useRef","menuRef","itemRefs","useEffect","_a","index","COUNTRY_CODE_MAP","c","handleKeyDown","useCallback","event","key","prev","selectedOption","menuElement","jsxs","Styled.MenuWrapper","option","id","value","icon","code","Styled.MenuItem","el","jsx","Styled.FlagIcon","Text","Styled.Instructions","Separator","CountryListMenu$1","memo"],"mappings":"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"}

package/dist/features/auth/signup/custom-input-field/country-selector/country-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"country-selector.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-selector.tsx"],"sourcesContent":["import type { IPhoneCountrySelectorProps } from './country-selector-types';\n\nimport { useCallback, useState, type FC, memo } from 'react';\n\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport CountryCodeButton from './country-code-button';\nimport CountryListMenu from './country-list-menu';\n\nconst PhoneCountrySelector: FC<IPhoneCountrySelectorProps> = ({ value, onChange }) => {\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const handleMenuVisibility = useCallback((visible: boolean) => {\n    setMenuVisible(visible);\n  }, []);\n\n  if (!value || !onChange) return null;\n\n  return (\n    <FlexView>\n      <ContextMenu\n        startLeft\n        targetElement={<CountryCodeButton value={value?.code} menuVisible={menuVisible} />}\n        menuElement={\n          <CountryListMenu onChange={onChange} selectedCountry={value} menuVisible={menuVisible} />\n        }\n        menuOffset={5}\n        menuZIndex={1}\n        onMenuVisibilityChange={handleMenuVisibility}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PhoneCountrySelector);\n"],"names":["PhoneCountrySelector","value","onChange","menuVisible","setMenuVisible","useState","handleMenuVisibility","useCallback","visible","FlexView","jsx","ContextMenu","CountryCodeButton","CountryListMenu","PhoneCountrySelector$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAuD,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AACpF,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAuBC,EAAY,CAACC,MAAqB;AAC7D,IAAAJ,EAAeI,CAAO;AAAA,EACxB,GAAG,CAAE,CAAA;AAEL,SAAI,CAACP,KAAS,CAACC,IAAiB,yBAG7BO,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,eAAgB,gBAAAD,EAAAE,GAAA,EAAkB,OAAOX,KAAA,gBAAAA,EAAO,MAAM,aAAAE,GAA0B;AAAA,MAChF,aACG,gBAAAO,EAAAG,GAAA,EAAgB,UAAAX,GAAoB,iBAAiBD,GAAO,aAAAE,GAA0B;AAAA,MAEzF,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,wBAAwBG;AAAA,IAAA;AAAA,EAE5B,EAAA,CAAA;AAEJ,GAEeQ,IAAAC,EAAKf,CAAoB;"}
+{"version":3,"file":"country-selector.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/country-selector/country-selector.tsx"],"sourcesContent":["import { useCallback, useState, type FC, memo } from 'react';\n\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport CountryCodeButton from './country-code-button';\nimport CountryListMenu from './country-list-menu';\nimport type { IPhoneCountrySelectorProps } from './country-selector-types';\n\nconst PhoneCountrySelector: FC<IPhoneCountrySelectorProps> = ({ value, onChange }) => {\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const handleMenuVisibility = useCallback((visible: boolean) => {\n    setMenuVisible(visible);\n  }, []);\n\n  if (!value || !onChange) return null;\n\n  return (\n    <FlexView>\n      <ContextMenu\n        startLeft\n        targetElement={<CountryCodeButton value={value?.code} menuVisible={menuVisible} />}\n        menuElement={\n          <CountryListMenu onChange={onChange} selectedCountry={value} menuVisible={menuVisible} />\n        }\n        menuOffset={5}\n        menuZIndex={1}\n        onMenuVisibilityChange={handleMenuVisibility}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PhoneCountrySelector);\n"],"names":["PhoneCountrySelector","value","onChange","menuVisible","setMenuVisible","useState","handleMenuVisibility","useCallback","visible","FlexView","jsx","ContextMenu","CountryCodeButton","CountryListMenu","PhoneCountrySelector$1","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAuD,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AACpF,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAuBC,EAAY,CAACC,MAAqB;AAC7D,IAAAJ,EAAeI,CAAO;AAAA,EACxB,GAAG,CAAE,CAAA;AAEL,SAAI,CAACP,KAAS,CAACC,IAAiB,yBAG7BO,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,eAAgB,gBAAAD,EAAAE,GAAA,EAAkB,OAAOX,KAAA,gBAAAA,EAAO,MAAM,aAAAE,GAA0B;AAAA,MAChF,aACG,gBAAAO,EAAAG,GAAA,EAAgB,UAAAX,GAAoB,iBAAiBD,GAAO,aAAAE,GAA0B;AAAA,MAEzF,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,wBAAwBG;AAAA,IAAA;AAAA,EAE5B,EAAA,CAAA;AAEJ,GAEeQ,IAAAC,EAAKf,CAAoB;"}

package/dist/features/auth/signup/custom-input-field/custom-input-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from './custom-input-field-types';\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  memo,\n  type FC,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n  value,\n  onChange,\n  error,\n  helperText,\n  onEnter,\n  isLoading,\n  isValid,\n  type = 'text',\n  placeholder,\n  actionElement,\n  maxLength,\n  width,\n  textTransform,\n  textAlign = 'center',\n  selectedCountry,\n  onCountryChange,\n  autoSize = false,\n}) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n  const [fontSize, setFontSize] = useState(isMobile ? 24 : 32);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const inputType = useMemo(() => {\n    if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n    if (type === 'phone') return 'number';\n\n    return type;\n  }, [type, isPasswordVisible]);\n\n  const inputColor = useMemo(() => {\n    if (error) return theme.colors.RED;\n\n    if (isValid) return theme.colors.GREEN_4;\n\n    return theme.colors.WHITE;\n  }, [error, isValid, theme.colors]);\n\n  const measureTextWidth = useCallback((text: string, font: string): number => {\n    if (!canvasRef.current) {\n      canvasRef.current = document.createElement('canvas');\n    }\n\n    const context = canvasRef.current.getContext('2d');\n\n    if (!context) return 0;\n\n    context.font = font;\n\n    return context.measureText(text).width;\n  }, []);\n\n  useEffect(() => {\n    if (!inputRef.current || !value || !autoSize) {\n      return;\n    }\n\n    if (isMobile) {\n      setFontSize(24);\n\n      return;\n    }\n\n    const inputWidth = inputRef.current.clientWidth;\n\n    const font32 = \"32px 'Athletics-Light'\";\n\n    const textWidth32 = measureTextWidth(value, font32);\n\n    if (textWidth32 > inputWidth) {\n      setFontSize(24);\n    } else {\n      setFontSize(32);\n    }\n  }, [value, measureTextWidth, autoSize, isMobile]);\n\n  useEffect(() => {\n    return () => {\n      canvasRef.current = null;\n    };\n  }, []);\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => onChange(event.target.value),\n    [onChange],\n  );\n\n  return (\n    <InputWrapper\n      helperText={error || helperText}\n      isLoading={isLoading}\n      actionElement={actionElement}\n    >\n      <FlexView\n        $width={width ?? '100%'}\n        $flex={1}\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $flexGapX={0.5}\n      >\n        {type === 'phone' && (\n          <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n        )}\n        <Styled.CustomInput\n          ref={inputRef}\n          value={value}\n          onChange={handleChange}\n          autoFocus\n          placeholder={placeholder}\n          color={inputColor}\n          autoCapitalize=\"none\"\n          textTransform={textTransform}\n          type={inputType}\n          onKeyDown={handleKeyDown}\n          maxLength={maxLength}\n          align={textAlign}\n          fontSize={fontSize}\n        />\n        {type === 'password' && (\n          <PasswordToggleIcon\n            isVisible={isPasswordVisible}\n            onToggle={() => setIsPasswordVisible(prev => !prev)}\n          />\n        )}\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isMobile","EDeviceType","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","handleChange","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","customInputField","memo"],"mappings":"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"}
+{"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  memo,\n  type FC,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport type { ICustomInputFieldProps } from './custom-input-field-types';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n  value,\n  onChange,\n  error,\n  helperText,\n  onEnter,\n  isLoading,\n  isValid,\n  type = 'text',\n  placeholder,\n  actionElement,\n  maxLength,\n  width,\n  textTransform,\n  textAlign = 'center',\n  selectedCountry,\n  onCountryChange,\n  autoSize = false,\n}) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n  const [fontSize, setFontSize] = useState(isMobile ? 24 : 32);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const inputType = useMemo(() => {\n    if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n    if (type === 'phone') return 'number';\n\n    return type;\n  }, [type, isPasswordVisible]);\n\n  const inputColor = useMemo(() => {\n    if (error) return theme.colors.RED;\n\n    if (isValid) return theme.colors.GREEN_4;\n\n    return theme.colors.WHITE;\n  }, [error, isValid, theme.colors]);\n\n  const measureTextWidth = useCallback((text: string, font: string): number => {\n    if (!canvasRef.current) {\n      canvasRef.current = document.createElement('canvas');\n    }\n\n    const context = canvasRef.current.getContext('2d');\n\n    if (!context) return 0;\n\n    context.font = font;\n\n    return context.measureText(text).width;\n  }, []);\n\n  useEffect(() => {\n    if (!inputRef.current || !value || !autoSize) {\n      return;\n    }\n\n    if (isMobile) {\n      setFontSize(24);\n\n      return;\n    }\n\n    const inputWidth = inputRef.current.clientWidth;\n\n    const font32 = \"32px 'Athletics-Light'\";\n\n    const textWidth32 = measureTextWidth(value, font32);\n\n    if (textWidth32 > inputWidth) {\n      setFontSize(24);\n    } else {\n      setFontSize(32);\n    }\n  }, [value, measureTextWidth, autoSize, isMobile]);\n\n  useEffect(() => {\n    return () => {\n      canvasRef.current = null;\n    };\n  }, []);\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => onChange(event.target.value),\n    [onChange],\n  );\n\n  return (\n    <InputWrapper\n      helperText={error || helperText}\n      isLoading={isLoading}\n      actionElement={actionElement}\n    >\n      <FlexView\n        $width={width ?? '100%'}\n        $flex={1}\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $flexGapX={0.5}\n      >\n        {type === 'phone' && (\n          <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n        )}\n        <Styled.CustomInput\n          ref={inputRef}\n          value={value}\n          onChange={handleChange}\n          autoFocus\n          placeholder={placeholder}\n          color={inputColor}\n          autoCapitalize=\"none\"\n          textTransform={textTransform}\n          type={inputType}\n          onKeyDown={handleKeyDown}\n          maxLength={maxLength}\n          align={textAlign}\n          fontSize={fontSize}\n        />\n        {type === 'password' && (\n          <PasswordToggleIcon\n            isVisible={isPasswordVisible}\n            onToggle={() => setIsPasswordVisible(prev => !prev)}\n          />\n        )}\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isMobile","EDeviceType","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","handleChange","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","customInputField","memo"],"mappings":"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"}

package/dist/features/auth/signup/custom-input-field/date-picker-input/date-picker-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-input.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/date-picker-input/date-picker-input.tsx"],"sourcesContent":["import type { IDatePickerInputProps } from './date-picker-input-types';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\n\nimport { subYears } from 'date-fns';\nimport { type FC, memo, useCallback } from 'react';\nimport DatePicker from 'react-datepicker';\nimport { useTheme } from 'styled-components';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport InputWrapper from '../input-wrapper/input-wrapper';\nimport * as Styled from './date-picker-input-styled';\n\nconst DatePickerInput: FC<IDatePickerInputProps> = ({ value, onChange, error }) => {\n  const theme = useTheme();\n\n  const handleChangeDate = useCallback((date: Date | null) => onChange(date), [onChange]);\n\n  const renderHeader = useCallback(\n    (props: ReactDatePickerCustomHeaderProps) => {\n      const { date, decreaseYear, increaseYear, prevYearButtonDisabled, nextYearButtonDisabled } =\n        props;\n\n      return (\n        <FlexView $alignItems=\"center\" $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <Clickable onClick={decreaseYear} label=\"increase-year\" disabled={prevYearButtonDisabled}>\n            <LeftIcon color={theme.colors[prevYearButtonDisabled ? 'WHITE_T_10' : 'WHITE']} />\n          </Clickable>\n          <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n            {date.getFullYear()}\n          </Text>\n          <Clickable onClick={increaseYear} label=\"decrease-year\" disabled={nextYearButtonDisabled}>\n            <RightIcon color={theme.colors[nextYearButtonDisabled ? 'WHITE_T_10' : 'WHITE']} />\n          </Clickable>\n        </FlexView>\n      );\n    },\n\n    [theme.colors],\n  );\n\n  return (\n    <InputWrapper helperText={error}>\n      <Styled.StyledDatePickerWrapper>\n        <DatePicker\n          selected={value}\n          showMonthYearPicker\n          showPopperArrow={false}\n          dateFormat=\"MM/yyyy\"\n          placeholderText=\"MM / YYYY\"\n          onChange={handleChangeDate}\n          minDate={subYears(new Date(), 22)}\n          maxDate={subYears(new Date(), 2)}\n          renderCustomHeader={renderHeader}\n        />\n      </Styled.StyledDatePickerWrapper>\n    </InputWrapper>\n  );\n};\n\nexport default memo(DatePickerInput);\n"],"names":["DatePickerInput","value","onChange","error","theme","useTheme","handleChangeDate","useCallback","date","renderHeader","props","decreaseYear","increaseYear","prevYearButtonDisabled","nextYearButtonDisabled","FlexView","jsx","Clickable","LeftIcon","Text","RightIcon","InputWrapper","Styled.StyledDatePickerWrapper","DatePicker","subYears","datePickerInput","memo"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAA6C,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,QAAY;AACjF,QAAMC,IAAQC,KAERC,IAAmBC,EAAY,CAACC,MAAsBN,EAASM,CAAI,GAAG,CAACN,CAAQ,CAAC,GAEhFO,IAAeF;AAAA,IACnB,CAACG,MAA4C;AAC3C,YAAM,EAAE,MAAAF,GAAM,cAAAG,GAAc,cAAAC,GAAc,wBAAAC,GAAwB,wBAAAC,EAChE,IAAAJ;AAEF,+BACGK,GAAS,EAAA,aAAY,UAAS,gBAAe,OAAM,iBAAgB,iBAClE,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAU,SAASN,GAAc,OAAM,iBAAgB,UAAUE,GAChE,UAAA,gBAAAG,EAACE,GAAS,EAAA,OAAOd,EAAM,OAAOS,IAAyB,eAAe,OAAO,EAAG,CAAA,GAClF;AAAA,QACA,gBAAAG,EAACG,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAX,EAAK,eACR;AAAA,0BACCS,GAAU,EAAA,SAASL,GAAc,OAAM,iBAAgB,UAAUE,GAChE,UAAC,gBAAAE,EAAAI,GAAA,EAAU,OAAOhB,EAAM,OAAOU,IAAyB,eAAe,OAAO,EAAG,CAAA,GACnF;AAAA,MACF,EAAA,CAAA;AAAA,IAEJ;AAAA,IAEA,CAACV,EAAM,MAAM;AAAA,EAAA;AAGf,2BACGiB,GAAa,EAAA,YAAYlB,GACxB,UAAC,gBAAAa,EAAAM,GAAA,EACC,UAAA,gBAAAN;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,UAAUtB;AAAA,MACV,qBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,iBAAgB;AAAA,MAChB,UAAUK;AAAA,MACV,SAASkB,EAAa,oBAAA,KAAA,GAAQ,EAAE;AAAA,MAChC,SAASA,EAAa,oBAAA,KAAA,GAAQ,CAAC;AAAA,MAC/B,oBAAoBf;AAAA,IAAA;AAAA,EAAA,EAExB,CAAA,EACF,CAAA;AAEJ,GAEegB,IAAAC,EAAK1B,CAAe;"}
+{"version":3,"file":"date-picker-input.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/date-picker-input/date-picker-input.tsx"],"sourcesContent":["import { subYears } from 'date-fns';\nimport { type FC, memo, useCallback } from 'react';\nimport type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport DatePicker from 'react-datepicker';\nimport { useTheme } from 'styled-components';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport InputWrapper from '../input-wrapper/input-wrapper';\nimport * as Styled from './date-picker-input-styled';\nimport type { IDatePickerInputProps } from './date-picker-input-types';\n\nconst DatePickerInput: FC<IDatePickerInputProps> = ({ value, onChange, error }) => {\n  const theme = useTheme();\n\n  const handleChangeDate = useCallback((date: Date | null) => onChange(date), [onChange]);\n\n  const renderHeader = useCallback(\n    (props: ReactDatePickerCustomHeaderProps) => {\n      const { date, decreaseYear, increaseYear, prevYearButtonDisabled, nextYearButtonDisabled } =\n        props;\n\n      return (\n        <FlexView $alignItems=\"center\" $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <Clickable onClick={decreaseYear} label=\"increase-year\" disabled={prevYearButtonDisabled}>\n            <LeftIcon color={theme.colors[prevYearButtonDisabled ? 'WHITE_T_10' : 'WHITE']} />\n          </Clickable>\n          <Text $renderAs=\"ub2-bold\" $color=\"WHITE\">\n            {date.getFullYear()}\n          </Text>\n          <Clickable onClick={increaseYear} label=\"decrease-year\" disabled={nextYearButtonDisabled}>\n            <RightIcon color={theme.colors[nextYearButtonDisabled ? 'WHITE_T_10' : 'WHITE']} />\n          </Clickable>\n        </FlexView>\n      );\n    },\n\n    [theme.colors],\n  );\n\n  return (\n    <InputWrapper helperText={error}>\n      <Styled.StyledDatePickerWrapper>\n        <DatePicker\n          selected={value}\n          showMonthYearPicker\n          showPopperArrow={false}\n          dateFormat=\"MM/yyyy\"\n          placeholderText=\"MM / YYYY\"\n          onChange={handleChangeDate}\n          minDate={subYears(new Date(), 22)}\n          maxDate={subYears(new Date(), 2)}\n          renderCustomHeader={renderHeader}\n        />\n      </Styled.StyledDatePickerWrapper>\n    </InputWrapper>\n  );\n};\n\nexport default memo(DatePickerInput);\n"],"names":["DatePickerInput","value","onChange","error","theme","useTheme","handleChangeDate","useCallback","date","renderHeader","props","decreaseYear","increaseYear","prevYearButtonDisabled","nextYearButtonDisabled","FlexView","jsx","Clickable","LeftIcon","Text","RightIcon","InputWrapper","Styled.StyledDatePickerWrapper","DatePicker","subYears","datePickerInput","memo"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAA6C,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,QAAY;AACjF,QAAMC,IAAQC,KAERC,IAAmBC,EAAY,CAACC,MAAsBN,EAASM,CAAI,GAAG,CAACN,CAAQ,CAAC,GAEhFO,IAAeF;AAAA,IACnB,CAACG,MAA4C;AAC3C,YAAM,EAAE,MAAAF,GAAM,cAAAG,GAAc,cAAAC,GAAc,wBAAAC,GAAwB,wBAAAC,EAChE,IAAAJ;AAEF,+BACGK,GAAS,EAAA,aAAY,UAAS,gBAAe,OAAM,iBAAgB,iBAClE,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAU,SAASN,GAAc,OAAM,iBAAgB,UAAUE,GAChE,UAAA,gBAAAG,EAACE,GAAS,EAAA,OAAOd,EAAM,OAAOS,IAAyB,eAAe,OAAO,EAAG,CAAA,GAClF;AAAA,QACA,gBAAAG,EAACG,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAX,EAAK,eACR;AAAA,0BACCS,GAAU,EAAA,SAASL,GAAc,OAAM,iBAAgB,UAAUE,GAChE,UAAC,gBAAAE,EAAAI,GAAA,EAAU,OAAOhB,EAAM,OAAOU,IAAyB,eAAe,OAAO,EAAG,CAAA,GACnF;AAAA,MACF,EAAA,CAAA;AAAA,IAEJ;AAAA,IAEA,CAACV,EAAM,MAAM;AAAA,EAAA;AAGf,2BACGiB,GAAa,EAAA,YAAYlB,GACxB,UAAC,gBAAAa,EAAAM,GAAA,EACC,UAAA,gBAAAN;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,UAAUtB;AAAA,MACV,qBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,iBAAgB;AAAA,MAChB,UAAUK;AAAA,MACV,SAASkB,EAAa,oBAAA,KAAA,GAAQ,EAAE;AAAA,MAChC,SAASA,EAAa,oBAAA,KAAA,GAAQ,CAAC;AAAA,MAC/B,oBAAoBf;AAAA,IAAA;AAAA,EAAA,EAExB,CAAA,EACF,CAAA;AAEJ,GAEegB,IAAAC,EAAK1B,CAAe;"}

package/dist/features/auth/signup/custom-input-field/grade-input/grade-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-input.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/grade-input/grade-input.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from '../custom-input-field-types';\n\nimport { memo, type FC } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport { STUDENT_GRADE_OPTIONS } from '../../signup-constants';\nimport InputWrapper from '../input-wrapper/input-wrapper';\nimport * as Styled from './grade-input-styled';\n\nconst GradeInput: FC<ICustomInputFieldProps> = ({ value, onChange, error }) => {\n  return (\n    <InputWrapper helperText={error}>\n      <Styled.GradeListWrapper $flexDirection=\"row\" $flexWrap $flexGapX={1}>\n        {[...STUDENT_GRADE_OPTIONS].map(({ label, value: optionVal }) => {\n          const isSelected = optionVal === value;\n\n          return (\n            <Styled.GradeItem\n              key={optionVal}\n              selected={isSelected}\n              onClick={() => onChange(optionVal)}\n              $borderRadius={48}\n              $gutter={13}\n              $gap={6}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $background={isSelected ? 'WHITE' : 'REAL_BLACK'}\n              $borderColor={isSelected ? 'WHITE' : 'BLACK_5'}\n              $width={optionVal === '-1' ? 96 : 40}\n              $height={40}\n            >\n              <Text $align=\"center\" $renderAs=\"ab1\">\n                {label}\n              </Text>\n            </Styled.GradeItem>\n          );\n        })}\n      </Styled.GradeListWrapper>\n    </InputWrapper>\n  );\n};\n\nexport default memo(GradeInput);\n"],"names":["GradeInput","value","onChange","error","jsx","InputWrapper","Styled.GradeListWrapper","STUDENT_GRADE_OPTIONS","label","optionVal","isSelected","Styled.GradeItem","Text","gradeInput","memo"],"mappings":";;;;;;AASA,MAAMA,IAAyC,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,QAE/D,gBAAAC,EAACC,GAAa,EAAA,YAAYF,GACxB,UAAA,gBAAAC,EAACE,GAAA,EAAwB,gBAAe,OAAM,WAAS,IAAC,WAAW,GAChE,UAAA,CAAC,GAAGC,CAAqB,EAAE,IAAI,CAAC,EAAE,OAAAC,GAAO,OAAOC,EAAA,MAAgB;AAC/D,QAAMC,IAAaD,MAAcR;AAG/B,SAAA,gBAAAG;AAAA,IAACO;AAAAA,IAAA;AAAA,MAEC,UAAUD;AAAA,MACV,SAAS,MAAMR,EAASO,CAAS;AAAA,MACjC,eAAe;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAaC,IAAa,UAAU;AAAA,MACpC,cAAcA,IAAa,UAAU;AAAA,MACrC,QAAQD,MAAc,OAAO,KAAK;AAAA,MAClC,SAAS;AAAA,MAET,4BAACG,GAAK,EAAA,QAAO,UAAS,WAAU,OAC7B,UACHJ,GAAA;AAAA,IAAA;AAAA,IAfKC;AAAA,EAAA;AAgBP,CAEH,GACH,EACF,CAAA,GAIWI,IAAAC,EAAKd,CAAU;"}
+{"version":3,"file":"grade-input.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/grade-input/grade-input.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport { STUDENT_GRADE_OPTIONS } from '../../signup-constants';\nimport type { ICustomInputFieldProps } from '../custom-input-field-types';\nimport InputWrapper from '../input-wrapper/input-wrapper';\nimport * as Styled from './grade-input-styled';\n\nconst GradeInput: FC<ICustomInputFieldProps> = ({ value, onChange, error }) => {\n  return (\n    <InputWrapper helperText={error}>\n      <Styled.GradeListWrapper $flexDirection=\"row\" $flexWrap $flexGapX={1}>\n        {[...STUDENT_GRADE_OPTIONS].map(({ label, value: optionVal }) => {\n          const isSelected = optionVal === value;\n\n          return (\n            <Styled.GradeItem\n              key={optionVal}\n              selected={isSelected}\n              onClick={() => onChange(optionVal)}\n              $borderRadius={48}\n              $gutter={13}\n              $gap={6}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $background={isSelected ? 'WHITE' : 'REAL_BLACK'}\n              $borderColor={isSelected ? 'WHITE' : 'BLACK_5'}\n              $width={optionVal === '-1' ? 96 : 40}\n              $height={40}\n            >\n              <Text $align=\"center\" $renderAs=\"ab1\">\n                {label}\n              </Text>\n            </Styled.GradeItem>\n          );\n        })}\n      </Styled.GradeListWrapper>\n    </InputWrapper>\n  );\n};\n\nexport default memo(GradeInput);\n"],"names":["GradeInput","value","onChange","error","jsx","InputWrapper","Styled.GradeListWrapper","STUDENT_GRADE_OPTIONS","label","optionVal","isSelected","Styled.GradeItem","Text","gradeInput","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAyC,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,QAE/D,gBAAAC,EAACC,GAAa,EAAA,YAAYF,GACxB,UAAA,gBAAAC,EAACE,GAAA,EAAwB,gBAAe,OAAM,WAAS,IAAC,WAAW,GAChE,UAAA,CAAC,GAAGC,CAAqB,EAAE,IAAI,CAAC,EAAE,OAAAC,GAAO,OAAOC,EAAA,MAAgB;AAC/D,QAAMC,IAAaD,MAAcR;AAG/B,SAAA,gBAAAG;AAAA,IAACO;AAAAA,IAAA;AAAA,MAEC,UAAUD;AAAA,MACV,SAAS,MAAMR,EAASO,CAAS;AAAA,MACjC,eAAe;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAaC,IAAa,UAAU;AAAA,MACpC,cAAcA,IAAa,UAAU;AAAA,MACrC,QAAQD,MAAc,OAAO,KAAK;AAAA,MAClC,SAAS;AAAA,MAET,4BAACG,GAAK,EAAA,QAAO,UAAS,WAAU,OAC7B,UACHJ,GAAA;AAAA,IAAA;AAAA,IAfKC;AAAA,EAAA;AAgBP,CAEH,GACH,EACF,CAAA,GAIWI,IAAAC,EAAKd,CAAU;"}

package/dist/features/auth/signup/custom-input-field/input-wrapper/input-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-wrapper.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import type { IInputWrapperProps } from './input-wrapper-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport * as Styled from './input-wrapper-styled';\n\nconst InputWrapper = ({ children, helperText, actionElement, isLoading }: IInputWrapperProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView\n      $flex={1}\n      $gutterX={isMobile ? 1.5 : 2}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width=\"100%\"\n    >\n      {children}\n      <Styled.ContentWrapper $alignItems=\"center\" $justifyContent=\"center\">\n        {helperText && (\n          <FlexView $gutterX={isMobile ? 2.25 : 3.5}>\n            <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\" $align=\"center\" $whiteSpace=\"pre-line\">\n              {helperText}\n            </Text>\n            <Separator heightX={0.5} />\n          </FlexView>\n        )}\n        {actionElement && (\n          <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n            {actionElement}\n            <Separator heightX={1} />\n          </FlexView>\n        )}\n        {isLoading && (\n          <FlexView>\n            <Separator heightX={isMobile ? 0.5 : 2} />\n            <LottieAnimation\n              src={LOTTIE.SPINNER_WHITE}\n              height={isMobile ? 14 : 20}\n              width={isMobile ? 14 : 40}\n            />\n          </FlexView>\n        )}\n      </Styled.ContentWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(InputWrapper);\n"],"names":["InputWrapper","children","helperText","actionElement","isLoading","isMobile","useTheme","EDeviceType","jsxs","FlexView","Styled.ContentWrapper","jsx","Text","Separator","LottieAnimation","LOTTIE","InputWrapper$1","memo"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,eAAAC,GAAe,WAAAC,QAAoC;AAEzF,QAAAC,IADQC,IACS,UAAUC,EAAY;AAG3C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAUJ,IAAW,MAAM;AAAA,MAC3B,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAO;AAAA,MAEN,UAAA;AAAA,QAAAJ;AAAA,0BACAS,GAAA,EAAsB,aAAY,UAAS,iBAAgB,UACzD,UAAA;AAAA,UAAAR,KACE,gBAAAM,EAAAC,GAAA,EAAS,UAAUJ,IAAW,OAAO,KACpC,UAAA;AAAA,YAAC,gBAAAM,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,aAAY,YACnE,UACHV,EAAA,CAAA;AAAA,YACA,gBAAAS,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UAAA,GAC3B;AAAA,UAEDV,KACE,gBAAAK,EAAAC,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC5C,UAAA;AAAA,YAAAN;AAAA,YACD,gBAAAQ,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,GACzB;AAAA,UAEDT,uBACEK,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAE,EAACE,GAAU,EAAA,SAASR,IAAW,MAAM,GAAG;AAAA,YACxC,gBAAAM;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,KAAKC,EAAO;AAAA,gBACZ,QAAQV,IAAW,KAAK;AAAA,gBACxB,OAAOA,IAAW,KAAK;AAAA,cAAA;AAAA,YACzB;AAAA,UAAA,GACF;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeW,IAAAC,EAAKjB,CAAY;"}
+{"version":3,"file":"input-wrapper.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport * as Styled from './input-wrapper-styled';\nimport type { IInputWrapperProps } from './input-wrapper-types';\n\nconst InputWrapper = ({ children, helperText, actionElement, isLoading }: IInputWrapperProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView\n      $flex={1}\n      $gutterX={isMobile ? 1.5 : 2}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width=\"100%\"\n    >\n      {children}\n      <Styled.ContentWrapper $alignItems=\"center\" $justifyContent=\"center\">\n        {helperText && (\n          <FlexView $gutterX={isMobile ? 2.25 : 3.5}>\n            <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\" $align=\"center\" $whiteSpace=\"pre-line\">\n              {helperText}\n            </Text>\n            <Separator heightX={0.5} />\n          </FlexView>\n        )}\n        {actionElement && (\n          <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n            {actionElement}\n            <Separator heightX={1} />\n          </FlexView>\n        )}\n        {isLoading && (\n          <FlexView>\n            <Separator heightX={isMobile ? 0.5 : 2} />\n            <LottieAnimation\n              src={LOTTIE.SPINNER_WHITE}\n              height={isMobile ? 14 : 20}\n              width={isMobile ? 14 : 40}\n            />\n          </FlexView>\n        )}\n      </Styled.ContentWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(InputWrapper);\n"],"names":["InputWrapper","children","helperText","actionElement","isLoading","isMobile","useTheme","EDeviceType","jsxs","FlexView","Styled.ContentWrapper","jsx","Text","Separator","LottieAnimation","LOTTIE","InputWrapper$1","memo"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,eAAAC,GAAe,WAAAC,QAAoC;AAEzF,QAAAC,IADQC,IACS,UAAUC,EAAY;AAG3C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAUJ,IAAW,MAAM;AAAA,MAC3B,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAO;AAAA,MAEN,UAAA;AAAA,QAAAJ;AAAA,0BACAS,GAAA,EAAsB,aAAY,UAAS,iBAAgB,UACzD,UAAA;AAAA,UAAAR,KACE,gBAAAM,EAAAC,GAAA,EAAS,UAAUJ,IAAW,OAAO,KACpC,UAAA;AAAA,YAAC,gBAAAM,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,aAAY,YACnE,UACHV,EAAA,CAAA;AAAA,YACA,gBAAAS,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UAAA,GAC3B;AAAA,UAEDV,KACE,gBAAAK,EAAAC,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC5C,UAAA;AAAA,YAAAN;AAAA,YACD,gBAAAQ,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,GACzB;AAAA,UAEDT,uBACEK,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAE,EAACE,GAAU,EAAA,SAASR,IAAW,MAAM,GAAG;AAAA,YACxC,gBAAAM;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,KAAKC,EAAO;AAAA,gBACZ,QAAQV,IAAW,KAAK;AAAA,gBACxB,OAAOA,IAAW,KAAK;AAAA,cAAA;AAAA,YACzB;AAAA,UAAA,GACF;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeW,IAAAC,EAAKjB,CAAY;"}

package/dist/features/auth/signup/custom-input-field/password-toggle/password-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-toggle.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/password-toggle/password-toggle.tsx"],"sourcesContent":["import type { IPasswordToggleProps } from './password-toggle-types';\nimport type { FC } from 'react';\n\nimport EyeIcon from '../../../../../assets/line-icons/icons/eye';\nimport StrikedEyeIcon from '../../../../../assets/line-icons/icons/striked-eye';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\n\nconst PasswordToggleIcon: FC<IPasswordToggleProps> = ({ isVisible, onToggle }) => (\n  <Clickable label=\"toggle-password-visibility\" onClick={onToggle}>\n    {isVisible ? (\n      <EyeIcon color=\"WHITE\" width={24} height={24} />\n    ) : (\n      <StrikedEyeIcon color=\"WHITE\" width={24} height={24} />\n    )}\n  </Clickable>\n);\n\nexport default PasswordToggleIcon;\n"],"names":["PasswordToggleIcon","isVisible","onToggle","jsx","Clickable","EyeIcon","StrikedEyeIcon"],"mappings":";;;;AAOA,MAAMA,IAA+C,CAAC,EAAE,WAAAC,GAAW,UAAAC,EAAS,MACzE,gBAAAC,EAAAC,GAAA,EAAU,OAAM,8BAA6B,SAASF,GACpD,cACE,gBAAAC,EAAAE,GAAA,EAAQ,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAA,CAAI,IAE9C,gBAAAF,EAACG,GAAe,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,IAAI,EAEzD,CAAA;"}
+{"version":3,"file":"password-toggle.js","sources":["../../../../../../src/features/auth/signup/custom-input-field/password-toggle/password-toggle.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport EyeIcon from '../../../../../assets/line-icons/icons/eye';\nimport StrikedEyeIcon from '../../../../../assets/line-icons/icons/striked-eye';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport type { IPasswordToggleProps } from './password-toggle-types';\n\nconst PasswordToggleIcon: FC<IPasswordToggleProps> = ({ isVisible, onToggle }) => (\n  <Clickable label=\"toggle-password-visibility\" onClick={onToggle}>\n    {isVisible ? (\n      <EyeIcon color=\"WHITE\" width={24} height={24} />\n    ) : (\n      <StrikedEyeIcon color=\"WHITE\" width={24} height={24} />\n    )}\n  </Clickable>\n);\n\nexport default PasswordToggleIcon;\n"],"names":["PasswordToggleIcon","isVisible","onToggle","jsx","Clickable","EyeIcon","StrikedEyeIcon"],"mappings":";;;;AAOA,MAAMA,IAA+C,CAAC,EAAE,WAAAC,GAAW,UAAAC,EAAS,MACzE,gBAAAC,EAAAC,GAAA,EAAU,OAAM,8BAA6B,SAASF,GACpD,cACE,gBAAAC,EAAAE,GAAA,EAAQ,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAA,CAAI,IAE9C,gBAAAF,EAACG,GAAe,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,IAAI,EAEzD,CAAA;"}

package/dist/features/auth/signup/signup-methods/signup-methods.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-methods.js","sources":["../../../../../src/features/auth/signup/signup-methods/signup-methods.tsx"],"sourcesContent":["import type { ISignupMethodsProps } from './signup-methods-types';\n\nimport { memo, type FC } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst SignupMethods: FC<ISignupMethodsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  onPhoneSignup,\n  loadingProvider,\n}) => {\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $flexGapX={1} $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n      <FlexView $flexGapX={1} $flexDirection=\"row\" $justifyContent=\"space-between\">\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          width={108}\n          label=\"Email\"\n          onClick={onEmailSignup}\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          width={108}\n          label=\"Phone\"\n          onClick={onPhoneSignup}\n        />\n      </FlexView>\n      <Button\n        renderAs=\"secondary-dark\"\n        Icon={GoogleIcon}\n        width={232}\n        label=\"Signup with Google\"\n        onClick={onGoogleSignup}\n        size=\"small\"\n        busy={isLoadingGoogle}\n        disabled={isLoadingGoogle}\n      />\n      <Button\n        renderAs=\"secondary-dark\"\n        size=\"small\"\n        width={232}\n        Icon={AppleIcon}\n        label=\"Signup with Apple\"\n        onClick={onAppleSignup}\n        busy={isLoadingApple}\n        disabled={isLoadingApple}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(SignupMethods);\n"],"names":["SignupMethods","onEmailSignup","onAppleSignup","onGoogleSignup","onPhoneSignup","loadingProvider","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Button","GoogleIcon","AppleIcon","signupMethods","memo"],"mappings":";;;;;;AASA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBD,MAAoB,UACtCE,IAAiBF,MAAoB;AAGzC,SAAA,gBAAAG,EAACC,KAAS,WAAW,GAAG,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACrE,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,WAAW,GAAG,gBAAe,OAAM,iBAAgB,iBAC3D,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASV;AAAA,QAAA;AAAA,MACX;AAAA,MACA,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASP;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,IACA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAMC;AAAA,QACN,OAAO;AAAA,QACP,OAAM;AAAA,QACN,SAAST;AAAA,QACT,MAAK;AAAA,QACL,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAME;AAAA,QACN,OAAM;AAAA,QACN,SAASX;AAAA,QACT,MAAMK;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeO,IAAAC,EAAKf,CAAa;"}
+{"version":3,"file":"signup-methods.js","sources":["../../../../../src/features/auth/signup/signup-methods/signup-methods.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport type { ISignupMethodsProps } from './signup-methods-types';\n\nconst SignupMethods: FC<ISignupMethodsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  onPhoneSignup,\n  loadingProvider,\n}) => {\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $flexGapX={1} $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n      <FlexView $flexGapX={1} $flexDirection=\"row\" $justifyContent=\"space-between\">\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          width={108}\n          label=\"Email\"\n          onClick={onEmailSignup}\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          width={108}\n          label=\"Phone\"\n          onClick={onPhoneSignup}\n        />\n      </FlexView>\n      <Button\n        renderAs=\"secondary-dark\"\n        Icon={GoogleIcon}\n        width={232}\n        label=\"Signup with Google\"\n        onClick={onGoogleSignup}\n        size=\"small\"\n        busy={isLoadingGoogle}\n        disabled={isLoadingGoogle}\n      />\n      <Button\n        renderAs=\"secondary-dark\"\n        size=\"small\"\n        width={232}\n        Icon={AppleIcon}\n        label=\"Signup with Apple\"\n        onClick={onAppleSignup}\n        busy={isLoadingApple}\n        disabled={isLoadingApple}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(SignupMethods);\n"],"names":["SignupMethods","onEmailSignup","onAppleSignup","onGoogleSignup","onPhoneSignup","loadingProvider","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Button","GoogleIcon","AppleIcon","signupMethods","memo"],"mappings":";;;;;;AAQA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBD,MAAoB,UACtCE,IAAiBF,MAAoB;AAGzC,SAAA,gBAAAG,EAACC,KAAS,WAAW,GAAG,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACrE,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,WAAW,GAAG,gBAAe,OAAM,iBAAgB,iBAC3D,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASV;AAAA,QAAA;AAAA,MACX;AAAA,MACA,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASP;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,IACA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAMC;AAAA,QACN,OAAO;AAAA,QACP,OAAM;AAAA,QACN,SAAST;AAAA,QACT,MAAK;AAAA,QACL,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAME;AAAA,QACN,OAAM;AAAA,QACN,SAASX;AAAA,QACT,MAAMK;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeO,IAAAC,EAAKf,CAAa;"}

package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-type-card.js","sources":["../../../../../../src/features/auth/signup/user-type-selector/user-type-card/user-type-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { IUserTypeCardProps } from './user-type-card-types';\n\nimport { useMemo, useRef, type FC, memo } from 'react';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './user-type-card-styled';\n\nconst animationSettings = {\n  renderer: 'canvas',\n  autoplay: true,\n  loop: false,\n};\n\nconst UserTypeCard: FC<IUserTypeCardProps> = ({ onClick, userType, isSelected }) => {\n  const userTypeAnimationRef = useRef<ILottieAnimationRef | null>(null);\n  const selectedAnimationRef = useRef<ILottieAnimationRef | null>(null);\n\n  const avatarSettings = useMemo(\n    () => ({ ...animationSettings, loop: isSelected, autoplay: isSelected }),\n    [isSelected],\n  );\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n      <Styled.CardWrapper\n        $widthX={11}\n        $heightX={11}\n        $gutterX={2.375}\n        $gapX={2.375}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $selected={isSelected}\n        $background=\"BLACK_3\"\n        onClick={onClick}\n      >\n        <LottieAnimation\n          width={352}\n          height={352}\n          src={userType === 'parent' ? LOTTIE.PARENT_AVATAR : LOTTIE.STUDENT_AVATAR}\n          settings={avatarSettings}\n          ref={userTypeAnimationRef}\n        />\n        {isSelected && (\n          <Styled.SelectedAnimationWrapper>\n            <LottieAnimation\n              width={176}\n              height={176}\n              src={LOTTIE.AVATAR_SELECTED}\n              settings={animationSettings}\n              ref={selectedAnimationRef}\n            />\n          </Styled.SelectedAnimationWrapper>\n        )}\n      </Styled.CardWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ac3\" $color={isSelected ? 'WHITE' : 'WHITE_T_60'}>\n        {userType}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(UserTypeCard);\n"],"names":["animationSettings","UserTypeCard","onClick","userType","isSelected","userTypeAnimationRef","useRef","selectedAnimationRef","avatarSettings","useMemo","jsxs","FlexView","Styled.CardWrapper","jsx","LottieAnimation","LOTTIE","Styled.SelectedAnimationWrapper","Separator","Text","UserTypeCard$1","memo"],"mappings":";;;;;;;;AAYA,MAAMA,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AACR,GAEMC,IAAuC,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,YAAAC,QAAiB;AAC5E,QAAAC,IAAuBC,EAAmC,IAAI,GAC9DC,IAAuBD,EAAmC,IAAI,GAE9DE,IAAiBC;AAAA,IACrB,OAAO,EAAE,GAAGT,GAAmB,MAAMI,GAAY,UAAUA;IAC3D,CAACA,CAAU;AAAA,EAAA;AAGb,SACG,gBAAAM,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAWR;AAAA,QACX,aAAY;AAAA,QACZ,SAAAF;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAW;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKX,MAAa,WAAWY,EAAO,gBAAgBA,EAAO;AAAA,cAC3D,UAAUP;AAAA,cACV,KAAKH;AAAA,YAAA;AAAA,UACP;AAAA,UACCD,KACC,gBAAAS,EAACG,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAO;AAAA,cACZ,UAAUf;AAAA,cACV,KAAKO;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,gBAAAM,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACK,KAAK,WAAU,OAAM,QAAQd,IAAa,UAAU,cAClD,UACHD,EAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEegB,IAAAC,EAAKnB,CAAY;"}
+{"version":3,"file":"user-type-card.js","sources":["../../../../../../src/features/auth/signup/user-type-selector/user-type-card/user-type-card.tsx"],"sourcesContent":["import { useMemo, useRef, type FC, memo } from 'react';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './user-type-card-styled';\nimport type { IUserTypeCardProps } from './user-type-card-types';\n\nconst animationSettings = {\n  renderer: 'canvas',\n  autoplay: true,\n  loop: false,\n};\n\nconst UserTypeCard: FC<IUserTypeCardProps> = ({ onClick, userType, isSelected }) => {\n  const userTypeAnimationRef = useRef<ILottieAnimationRef | null>(null);\n  const selectedAnimationRef = useRef<ILottieAnimationRef | null>(null);\n\n  const avatarSettings = useMemo(\n    () => ({ ...animationSettings, loop: isSelected, autoplay: isSelected }),\n    [isSelected],\n  );\n\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n      <Styled.CardWrapper\n        $widthX={11}\n        $heightX={11}\n        $gutterX={2.375}\n        $gapX={2.375}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $selected={isSelected}\n        $background=\"BLACK_3\"\n        onClick={onClick}\n      >\n        <LottieAnimation\n          width={352}\n          height={352}\n          src={userType === 'parent' ? LOTTIE.PARENT_AVATAR : LOTTIE.STUDENT_AVATAR}\n          settings={avatarSettings}\n          ref={userTypeAnimationRef}\n        />\n        {isSelected && (\n          <Styled.SelectedAnimationWrapper>\n            <LottieAnimation\n              width={176}\n              height={176}\n              src={LOTTIE.AVATAR_SELECTED}\n              settings={animationSettings}\n              ref={selectedAnimationRef}\n            />\n          </Styled.SelectedAnimationWrapper>\n        )}\n      </Styled.CardWrapper>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ac3\" $color={isSelected ? 'WHITE' : 'WHITE_T_60'}>\n        {userType}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(UserTypeCard);\n"],"names":["animationSettings","UserTypeCard","onClick","userType","isSelected","userTypeAnimationRef","useRef","selectedAnimationRef","avatarSettings","useMemo","jsxs","FlexView","Styled.CardWrapper","jsx","LottieAnimation","LOTTIE","Styled.SelectedAnimationWrapper","Separator","Text","UserTypeCard$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AACR,GAEMC,IAAuC,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,YAAAC,QAAiB;AAC5E,QAAAC,IAAuBC,EAAmC,IAAI,GAC9DC,IAAuBD,EAAmC,IAAI,GAE9DE,IAAiBC;AAAA,IACrB,OAAO,EAAE,GAAGT,GAAmB,MAAMI,GAAY,UAAUA;IAC3D,CAACA,CAAU;AAAA,EAAA;AAGb,SACG,gBAAAM,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,WAAWR;AAAA,QACX,aAAY;AAAA,QACZ,SAAAF;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAW;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKX,MAAa,WAAWY,EAAO,gBAAgBA,EAAO;AAAA,cAC3D,UAAUP;AAAA,cACV,KAAKH;AAAA,YAAA;AAAA,UACP;AAAA,UACCD,KACC,gBAAAS,EAACG,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAKC,EAAO;AAAA,cACZ,UAAUf;AAAA,cACV,KAAKO;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,gBAAAM,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACK,KAAK,WAAU,OAAM,QAAQd,IAAa,UAAU,cAClD,UACHD,EAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEegB,IAAAC,EAAKnB,CAAY;"}

package/dist/features/auth/signup/user-type-selector/user-type-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-type-selector.js","sources":["../../../../../src/features/auth/signup/user-type-selector/user-type-selector.tsx"],"sourcesContent":["import type { TAuthUserType } from '../signup-types';\nimport type { IUserTypeSelectorProps } from './user-type-selector-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { USER_TYPES } from '../signup-constants';\nimport UserTypeCard from './user-type-card/user-type-card';\nimport * as Styled from './user-type-selector-styled';\n\nconst UserTypeSelector: FC<IUserTypeSelectorProps> = ({ onNext, onUserTypeChange, userType }) => {\n  return (\n    <Styled.Container\n      $flex={1}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width=\"100%\"\n      $height=\"100%\"\n      $background=\"BLACK_1\"\n    >\n      <Styled.Logo src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO} alt=\"Parent Signup\" withLoader={false} />\n      <FlexView\n        $flex={1}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n      >\n        <Separator heightX={9.5} />\n        <Text $color=\"WHITE\" $renderAs=\"ab1\" $align=\"center\">\n          Ready to explore? <br />\n          First, tell us who you are.\n        </Text>\n        <Separator heightX={2.5} />\n        <FlexView\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $flexDirection=\"row\"\n          $flexColumnGapX={2.5}\n        >\n          {USER_TYPES.map(({ id }: { id: TAuthUserType }) => (\n            <UserTypeCard\n              userType={id}\n              isSelected={userType === id}\n              onClick={() => onUserTypeChange(id)}\n              key={id}\n            />\n          ))}\n          <Styled.NextButton>\n            <IconButton\n              Icon={Next2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n            />\n          </Styled.NextButton>\n        </FlexView>\n        <Separator heightX={6} />\n        <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\" $align=\"center\">\n          By continuing, you agree to our <br />\n          <Text $inline $renderAs=\"ub2-bold\" $color=\"WHITE_T_60\">\n            Terms of Use\n          </Text>\n          &nbsp; and &nbsp;\n          <Text $inline $renderAs=\"ub2-bold\" $color=\"WHITE_T_60\">\n            Privacy Policy\n          </Text>\n        </Text>\n      </FlexView>\n    </Styled.Container>\n  );\n};\n\nexport default memo(UserTypeSelector);\n"],"names":["UserTypeSelector","onNext","onUserTypeChange","userType","jsxs","Styled.Container","jsx","Styled.Logo","ILLUSTRATIONS","FlexView","Separator","Text","USER_TYPES","id","UserTypeCard","Styled.NextButton","IconButton","Next2Icon","userTypeSelector","memo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAA+C,CAAC,EAAE,QAAAC,GAAQ,kBAAAC,GAAkB,UAAAC,QAE9E,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAY,KAAKC,EAAc,qBAAqB,KAAI,iBAAgB,YAAY,IAAO;AAAA,MAC5F,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,QAAO;AAAA,UACP,SAAQ;AAAA,UAER,UAAA;AAAA,YAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,8BACxBC,GAAK,EAAA,QAAO,SAAQ,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,cAAA;AAAA,gCAChC,MAAG,EAAA;AAAA,cAAE;AAAA,YAAA,GAE1B;AAAA,YACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,YACzB,gBAAAN;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,gBAAe;AAAA,gBACf,iBAAiB;AAAA,gBAEhB,UAAA;AAAA,kBAAAG,EAAW,IAAI,CAAC,EAAE,IAAAC,EACjB,MAAA,gBAAAP;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACC,UAAUD;AAAA,sBACV,YAAYV,MAAaU;AAAA,sBACzB,SAAS,MAAMX,EAAiBW,CAAE;AAAA,oBAAA;AAAA,oBAC7BA;AAAA,kBAAA,CAER;AAAA,kBACD,gBAAAP,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,oBAACU;AAAA,oBAAA;AAAA,sBACC,MAAMC;AAAA,sBACN,UAAS;AAAA,sBACT,gBAAe;AAAA,sBACf,SAAShB;AAAA,oBAAA;AAAA,kBAAA,GAEb;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAK,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,8BACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAAA;AAAA,cAAA;AAAA,gCACvB,MAAG,EAAA;AAAA,cACpC,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,cAAa,UAEvD,eAAA,CAAA;AAAA,cAAO;AAAA,cAEP,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,cAAa,UAEvD,iBAAA,CAAA;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAAA,GAKSO,IAAAC,EAAKnB,CAAgB;"}
+{"version":3,"file":"user-type-selector.js","sources":["../../../../../src/features/auth/signup/user-type-selector/user-type-selector.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { USER_TYPES } from '../signup-constants';\nimport type { TAuthUserType } from '../signup-types';\nimport UserTypeCard from './user-type-card/user-type-card';\nimport * as Styled from './user-type-selector-styled';\nimport type { IUserTypeSelectorProps } from './user-type-selector-types';\n\nconst UserTypeSelector: FC<IUserTypeSelectorProps> = ({ onNext, onUserTypeChange, userType }) => {\n  return (\n    <Styled.Container\n      $flex={1}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width=\"100%\"\n      $height=\"100%\"\n      $background=\"BLACK_1\"\n    >\n      <Styled.Logo src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO} alt=\"Parent Signup\" withLoader={false} />\n      <FlexView\n        $flex={1}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n      >\n        <Separator heightX={9.5} />\n        <Text $color=\"WHITE\" $renderAs=\"ab1\" $align=\"center\">\n          Ready to explore? <br />\n          First, tell us who you are.\n        </Text>\n        <Separator heightX={2.5} />\n        <FlexView\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $flexDirection=\"row\"\n          $flexColumnGapX={2.5}\n        >\n          {USER_TYPES.map(({ id }: { id: TAuthUserType }) => (\n            <UserTypeCard\n              userType={id}\n              isSelected={userType === id}\n              onClick={() => onUserTypeChange(id)}\n              key={id}\n            />\n          ))}\n          <Styled.NextButton>\n            <IconButton\n              Icon={Next2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n            />\n          </Styled.NextButton>\n        </FlexView>\n        <Separator heightX={6} />\n        <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\" $align=\"center\">\n          By continuing, you agree to our <br />\n          <Text $inline $renderAs=\"ub2-bold\" $color=\"WHITE_T_60\">\n            Terms of Use\n          </Text>\n          &nbsp; and &nbsp;\n          <Text $inline $renderAs=\"ub2-bold\" $color=\"WHITE_T_60\">\n            Privacy Policy\n          </Text>\n        </Text>\n      </FlexView>\n    </Styled.Container>\n  );\n};\n\nexport default memo(UserTypeSelector);\n"],"names":["UserTypeSelector","onNext","onUserTypeChange","userType","jsxs","Styled.Container","jsx","Styled.Logo","ILLUSTRATIONS","FlexView","Separator","Text","USER_TYPES","id","UserTypeCard","Styled.NextButton","IconButton","Next2Icon","userTypeSelector","memo"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA+C,CAAC,EAAE,QAAAC,GAAQ,kBAAAC,GAAkB,UAAAC,QAE9E,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IAEZ,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAY,KAAKC,EAAc,qBAAqB,KAAI,iBAAgB,YAAY,IAAO;AAAA,MAC5F,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,QAAO;AAAA,UACP,SAAQ;AAAA,UAER,UAAA;AAAA,YAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,8BACxBC,GAAK,EAAA,QAAO,SAAQ,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,cAAA;AAAA,gCAChC,MAAG,EAAA;AAAA,cAAE;AAAA,YAAA,GAE1B;AAAA,YACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,YACzB,gBAAAN;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,gBAAe;AAAA,gBACf,iBAAiB;AAAA,gBAEhB,UAAA;AAAA,kBAAAG,EAAW,IAAI,CAAC,EAAE,IAAAC,EACjB,MAAA,gBAAAP;AAAA,oBAACQ;AAAA,oBAAA;AAAA,sBACC,UAAUD;AAAA,sBACV,YAAYV,MAAaU;AAAA,sBACzB,SAAS,MAAMX,EAAiBW,CAAE;AAAA,oBAAA;AAAA,oBAC7BA;AAAA,kBAAA,CAER;AAAA,kBACD,gBAAAP,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,oBAACU;AAAA,oBAAA;AAAA,sBACC,MAAMC;AAAA,sBACN,UAAS;AAAA,sBACT,gBAAe;AAAA,sBACf,SAAShB;AAAA,oBAAA;AAAA,kBAAA,GAEb;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAK,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,8BACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAAA;AAAA,cAAA;AAAA,gCACvB,MAAG,EAAA;AAAA,cACpC,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,cAAa,UAEvD,eAAA,CAAA;AAAA,cAAO;AAAA,cAEP,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,cAAa,UAEvD,iBAAA,CAAA;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAAA,GAKSO,IAAAC,EAAKnB,CAAgB;"}

package/dist/features/auth/signup-unavailable/signup-unavailable-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-unavailable-view.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable-view.tsx"],"sourcesContent":["import type { ISignupUnavailableProps } from './signup-unavailable-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OnboardingGuide from '../pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../pla-signup/signup-header/signup-header';\nimport * as Styled from './signup-unavailable-styled';\n\nconst SignupUnavailableView: FC<ISignupUnavailableProps> = ({ onGoToLogin }) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView\n      $alignItems=\"center\"\n      $flex={1}\n      $height=\"100%\"\n      $justifyContent=\"space-between\"\n      $gapX={isCompact ? 0 : 3}\n      $width=\"100%\"\n    >\n      {isCompact && (\n        <FlexView $gapX={1} $background=\"BLACK_4\" $width=\"100%\" $gutterX={0.75}>\n          <Styled.HeaderWrapper $gutterX={0.25} $width=\"100%\" $alignSelf=\"center\">\n            <SignupHeader />\n          </Styled.HeaderWrapper>\n          <Separator heightX={2} />\n          <OnboardingGuide />\n          <Separator heightX={1.25} />\n        </FlexView>\n      )}\n\n      <Styled.Wrapper $flex={1} $alignSelf=\"center\" $justifyContent=\"center\">\n        {!isCompact && <SignupHeader />}\n        <FlexView\n          $flex={1}\n          $alignSelf=\"center\"\n          $justifyContent=\"center\"\n          $width={isCompact ? '100%' : 'auto'}\n          $gutterX={isCompact ? 2.5 : 0}\n          $gapX={isCompact ? 1.5 : 5}\n        >\n          <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\">\n            Sorry! Signup is currently limited to select regions.\n          </Text>\n          <Separator heightX={1} />\n          <Text $renderAs=\"ab3\" $color=\"WHITE_T_60\">\n            We’re working hard to make our services available worldwide and hope to include your\n            region soon.\n          </Text>\n          <Separator heightX={isCompact ? 2 : 8} />\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              Already have an account?\n            </Text>\n            &nbsp;\n            <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n          </FlexView>\n        </FlexView>\n      </Styled.Wrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupUnavailableView);\n"],"names":["SignupUnavailableView","onGoToLogin","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Styled.HeaderWrapper","SignupHeader","Separator","OnboardingGuide","Styled.Wrapper","Text","TextButton","SignupUnavailableView$1","memo"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqD,CAAC,EAAE,aAAAC,QAAkB;AACxE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,OAAOH,IAAY,IAAI;AAAA,MACvB,QAAO;AAAA,MAEN,UAAA;AAAA,QACCA,KAAA,gBAAAE,EAACC,KAAS,OAAO,GAAG,aAAY,WAAU,QAAO,QAAO,UAAU,MAChE,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAqB,UAAU,MAAM,QAAO,QAAO,YAAW,UAC7D,UAAC,gBAAAD,EAAAE,GAAA,CAAA,CAAa,EAChB,CAAA;AAAA,UACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,4BACtBC,GAAgB,EAAA;AAAA,UACjB,gBAAAJ,EAACG,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QAAA,GAC5B;AAAA,QAGF,gBAAAL,EAACO,GAAA,EAAe,OAAO,GAAG,YAAW,UAAS,iBAAgB,UAC3D,UAAA;AAAA,UAAC,CAAAT,uBAAcM,GAAa,EAAA;AAAA,UAC7B,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,YAAW;AAAA,cACX,iBAAgB;AAAA,cAChB,QAAQH,IAAY,SAAS;AAAA,cAC7B,UAAUA,IAAY,MAAM;AAAA,cAC5B,OAAOA,IAAY,MAAM;AAAA,cAEzB,UAAA;AAAA,gBAAA,gBAAAI,EAACM,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,wDAAA,CAAA;AAAA,gBACA,gBAAAN,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,kCACtBG,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAG1C,qGAAA;AAAA,gBACC,gBAAAN,EAAAG,GAAA,EAAU,SAASP,IAAY,IAAI,GAAG;AAAA,gBACtC,gBAAAE,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,kBAAO;AAAA,kBAEP,gBAAAN,EAACO,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASd,EAAa,CAAA;AAAA,gBAAA,GAC9E;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEee,IAAAC,EAAKjB,CAAqB;"}
+{"version":3,"file":"signup-unavailable-view.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable-view.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OnboardingGuide from '../pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../pla-signup/signup-header/signup-header';\nimport * as Styled from './signup-unavailable-styled';\nimport type { ISignupUnavailableProps } from './signup-unavailable-types';\n\nconst SignupUnavailableView: FC<ISignupUnavailableProps> = ({ onGoToLogin }) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView\n      $alignItems=\"center\"\n      $flex={1}\n      $height=\"100%\"\n      $justifyContent=\"space-between\"\n      $gapX={isCompact ? 0 : 3}\n      $width=\"100%\"\n    >\n      {isCompact && (\n        <FlexView $gapX={1} $background=\"BLACK_4\" $width=\"100%\" $gutterX={0.75}>\n          <Styled.HeaderWrapper $gutterX={0.25} $width=\"100%\" $alignSelf=\"center\">\n            <SignupHeader />\n          </Styled.HeaderWrapper>\n          <Separator heightX={2} />\n          <OnboardingGuide />\n          <Separator heightX={1.25} />\n        </FlexView>\n      )}\n\n      <Styled.Wrapper $flex={1} $alignSelf=\"center\" $justifyContent=\"center\">\n        {!isCompact && <SignupHeader />}\n        <FlexView\n          $flex={1}\n          $alignSelf=\"center\"\n          $justifyContent=\"center\"\n          $width={isCompact ? '100%' : 'auto'}\n          $gutterX={isCompact ? 2.5 : 0}\n          $gapX={isCompact ? 1.5 : 5}\n        >\n          <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\">\n            Sorry! Signup is currently limited to select regions.\n          </Text>\n          <Separator heightX={1} />\n          <Text $renderAs=\"ab3\" $color=\"WHITE_T_60\">\n            We’re working hard to make our services available worldwide and hope to include your\n            region soon.\n          </Text>\n          <Separator heightX={isCompact ? 2 : 8} />\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              Already have an account?\n            </Text>\n            &nbsp;\n            <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n          </FlexView>\n        </FlexView>\n      </Styled.Wrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupUnavailableView);\n"],"names":["SignupUnavailableView","onGoToLogin","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Styled.HeaderWrapper","SignupHeader","Separator","OnboardingGuide","Styled.Wrapper","Text","TextButton","SignupUnavailableView$1","memo"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAqD,CAAC,EAAE,aAAAC,QAAkB;AACxE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,OAAOH,IAAY,IAAI;AAAA,MACvB,QAAO;AAAA,MAEN,UAAA;AAAA,QACCA,KAAA,gBAAAE,EAACC,KAAS,OAAO,GAAG,aAAY,WAAU,QAAO,QAAO,UAAU,MAChE,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAqB,UAAU,MAAM,QAAO,QAAO,YAAW,UAC7D,UAAC,gBAAAD,EAAAE,GAAA,CAAA,CAAa,EAChB,CAAA;AAAA,UACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,4BACtBC,GAAgB,EAAA;AAAA,UACjB,gBAAAJ,EAACG,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QAAA,GAC5B;AAAA,QAGF,gBAAAL,EAACO,GAAA,EAAe,OAAO,GAAG,YAAW,UAAS,iBAAgB,UAC3D,UAAA;AAAA,UAAC,CAAAT,uBAAcM,GAAa,EAAA;AAAA,UAC7B,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,YAAW;AAAA,cACX,iBAAgB;AAAA,cAChB,QAAQH,IAAY,SAAS;AAAA,cAC7B,UAAUA,IAAY,MAAM;AAAA,cAC5B,OAAOA,IAAY,MAAM;AAAA,cAEzB,UAAA;AAAA,gBAAA,gBAAAI,EAACM,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,wDAAA,CAAA;AAAA,gBACA,gBAAAN,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,kCACtBG,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAG1C,qGAAA;AAAA,gBACC,gBAAAN,EAAAG,GAAA,EAAU,SAASP,IAAY,IAAI,GAAG;AAAA,gBACtC,gBAAAE,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,kBAAO;AAAA,kBAEP,gBAAAN,EAACO,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASd,EAAa,CAAA;AAAA,gBAAA,GAC9E;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEee,IAAAC,EAAKjB,CAAqB;"}

package/dist/features/auth/signup-unavailable/signup-unavailable.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup-unavailable.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable.tsx"],"sourcesContent":["import type { ISignupUnavailableProps } from './signup-unavailable-types';\n\nimport { memo, type FC } from 'react';\n\nimport AuthPageLayout from '../comps/auth-page-layout/auth-page-layout';\nimport OnboardingGuide from '../pla-signup/onboarding-guide/onboarding-guide';\nimport SignupUnavailableView from './signup-unavailable-view';\n\nconst SignupUnavailable: FC<ISignupUnavailableProps> = props => {\n  return (\n    <AuthPageLayout\n      leftBlock={<SignupUnavailableView {...props} />}\n      rightBlock={<OnboardingGuide />}\n      rightBlockBg=\"BLACK_3\"\n    />\n  );\n};\n\nexport default memo(SignupUnavailable);\n"],"names":["SignupUnavailable","props","jsx","AuthPageLayout","SignupUnavailableView","OnboardingGuide","signupUnavailable","memo"],"mappings":";;;;;AAQA,MAAMA,IAAiD,CAASC,MAE5D,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,gBAAAD,EAACE,GAAuB,EAAA,GAAGH,EAAO,CAAA;AAAA,IAC7C,8BAAaI,GAAgB,EAAA;AAAA,IAC7B,cAAa;AAAA,EAAA;AAAA,GAKJC,IAAAC,EAAKP,CAAiB;"}
+{"version":3,"file":"signup-unavailable.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport AuthPageLayout from '../comps/auth-page-layout/auth-page-layout';\nimport OnboardingGuide from '../pla-signup/onboarding-guide/onboarding-guide';\nimport type { ISignupUnavailableProps } from './signup-unavailable-types';\nimport SignupUnavailableView from './signup-unavailable-view';\n\nconst SignupUnavailable: FC<ISignupUnavailableProps> = props => {\n  return (\n    <AuthPageLayout\n      leftBlock={<SignupUnavailableView {...props} />}\n      rightBlock={<OnboardingGuide />}\n      rightBlockBg=\"BLACK_3\"\n    />\n  );\n};\n\nexport default memo(SignupUnavailable);\n"],"names":["SignupUnavailable","props","jsx","AuthPageLayout","SignupUnavailableView","OnboardingGuide","signupUnavailable","memo"],"mappings":";;;;;AAOA,MAAMA,IAAiD,CAASC,MAE5D,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,gBAAAD,EAACE,GAAuB,EAAA,GAAGH,EAAO,CAAA;AAAA,IAC7C,8BAAaI,GAAgB,EAAA;AAAA,IAC7B,cAAa;AAAA,EAAA;AAAA,GAKJC,IAAAC,EAAKP,CAAiB;"}

package/dist/features/av/av-preview/av-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"av-preview.js","sources":["../../../../src/features/av/av-preview/av-preview.tsx"],"sourcesContent":["import type { ILogger } from './av-preview-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport * as Styled from './av-preview-styled';\nimport useGetTroubleshootingInfo from './hooks/use-get-troubleshooting-steps';\nimport useMediaDevices from './hooks/use-media-devices';\n\ninterface IAVPreviewProps {\n  children?: React.ReactNode;\n  onDeviceUpdate: (selectedDevices: {\n    audio?: string;\n    video?: string;\n    audioOutput?: string;\n  }) => void;\n  logger: ILogger;\n}\n\nconst AVPreview: FC<IAVPreviewProps> = memo(({ children, onDeviceUpdate, logger }) => {\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const {\n    devices,\n    selectedAudioDevice,\n    selectedVideoDevice,\n    selectedAudioOutputDevice,\n    changeDevice,\n    changeAudioOutputDevice,\n    audioDeviceError,\n    videoDeviceError,\n  } = useMediaDevices(videoRef, logger);\n  const hasPermissionProblem =\n    videoDeviceError === 'permissionDeniedBySystem' ||\n    videoDeviceError === 'permissionDenied' ||\n    audioDeviceError === 'permissionDeniedBySystem' ||\n    audioDeviceError === 'permissionDenied';\n  const troubleshootingInfo = useGetTroubleshootingInfo(audioDeviceError, videoDeviceError);\n\n  const handleAudioDeviceChange = useCallback(\n    (deviceId: string) => changeDevice(deviceId, 'audio'),\n    [changeDevice],\n  );\n\n  const handleVideoDeviceChange = useCallback(\n    (deviceId: string) => changeDevice(deviceId, 'video'),\n    [changeDevice],\n  );\n\n  const handleAudioOutputDeviceChange = useCallback(\n    (deviceId: string) => {\n      changeAudioOutputDevice(deviceId);\n    },\n    [changeAudioOutputDevice],\n  );\n\n  // Call onDeviceUpdate when devices or selected devices change\n  useEffect(() => {\n    onDeviceUpdate({\n      audio: selectedAudioDevice,\n      video: selectedVideoDevice,\n      audioOutput: selectedAudioOutputDevice,\n    });\n  }, [selectedAudioDevice, selectedVideoDevice, selectedAudioOutputDevice, onDeviceUpdate]);\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGapX={2}>\n      <FlexView $widthX={26} $heightX={19.5} $background=\"BLACK_1\">\n        <video\n          ref={videoRef}\n          id=\"localVideo\"\n          autoPlay\n          playsInline\n          controls={false}\n          muted={true}\n          disablePictureInPicture\n        />\n      </FlexView>\n      <FlexView $position=\"relative\" $widthX={22} $flexGapX={1} $justifyContent=\"space-between\">\n        <FlexView $flexGapX={1}>\n          {!hasPermissionProblem && (\n            <>\n              <SelectInput\n                label=\"Camera\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.video}\n                value={selectedVideoDevice}\n                onChange={handleVideoDeviceChange}\n              />\n              <SelectInput\n                label=\"Microphone\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.audio}\n                value={selectedAudioDevice}\n                onChange={handleAudioDeviceChange}\n              />\n              <SelectInput\n                label=\"Speaker\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.audioOutput}\n                value={selectedAudioOutputDevice}\n                onChange={handleAudioOutputDeviceChange}\n              />\n              <div>{children}</div>\n            </>\n          )}\n        </FlexView>\n        {troubleshootingInfo && (\n          <Styled.AVErrorSOPWrapper\n            $background=\"ORANGE_2\"\n            $gutterX={1}\n            $gapX={1}\n            $width={hasPermissionProblem ? '100%' : '272px'}\n          >\n            <Text $renderAs=\"ab1-bold\" $marginBottomX={1}>\n              {troubleshootingInfo.heading}\n            </Text>\n            <Styled.AVErrorStepList>\n              {troubleshootingInfo.steps.map((step, index) => (\n                <li key={index}>\n                  <Text $renderAs=\"ub1\">{step}</Text>\n                </li>\n              ))}\n            </Styled.AVErrorStepList>\n          </Styled.AVErrorSOPWrapper>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default AVPreview;\n"],"names":["AVPreview","memo","children","onDeviceUpdate","logger","videoRef","useRef","devices","selectedAudioDevice","selectedVideoDevice","selectedAudioOutputDevice","changeDevice","changeAudioOutputDevice","audioDeviceError","videoDeviceError","useMediaDevices","hasPermissionProblem","troubleshootingInfo","useGetTroubleshootingInfo","handleAudioDeviceChange","useCallback","deviceId","handleVideoDeviceChange","handleAudioOutputDeviceChange","useEffect","jsxs","FlexView","jsx","Fragment","SelectInput","Styled.AVErrorSOPWrapper","Text","Styled.AVErrorStepList","step","index","AVPreview$1"],"mappings":"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"}
+{"version":3,"file":"av-preview.js","sources":["../../../../src/features/av/av-preview/av-preview.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport * as Styled from './av-preview-styled';\nimport type { ILogger } from './av-preview-types';\nimport useGetTroubleshootingInfo from './hooks/use-get-troubleshooting-steps';\nimport useMediaDevices from './hooks/use-media-devices';\n\ninterface IAVPreviewProps {\n  children?: React.ReactNode;\n  onDeviceUpdate: (selectedDevices: {\n    audio?: string;\n    video?: string;\n    audioOutput?: string;\n  }) => void;\n  logger: ILogger;\n}\n\nconst AVPreview: FC<IAVPreviewProps> = memo(({ children, onDeviceUpdate, logger }) => {\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const {\n    devices,\n    selectedAudioDevice,\n    selectedVideoDevice,\n    selectedAudioOutputDevice,\n    changeDevice,\n    changeAudioOutputDevice,\n    audioDeviceError,\n    videoDeviceError,\n  } = useMediaDevices(videoRef, logger);\n  const hasPermissionProblem =\n    videoDeviceError === 'permissionDeniedBySystem' ||\n    videoDeviceError === 'permissionDenied' ||\n    audioDeviceError === 'permissionDeniedBySystem' ||\n    audioDeviceError === 'permissionDenied';\n  const troubleshootingInfo = useGetTroubleshootingInfo(audioDeviceError, videoDeviceError);\n\n  const handleAudioDeviceChange = useCallback(\n    (deviceId: string) => changeDevice(deviceId, 'audio'),\n    [changeDevice],\n  );\n\n  const handleVideoDeviceChange = useCallback(\n    (deviceId: string) => changeDevice(deviceId, 'video'),\n    [changeDevice],\n  );\n\n  const handleAudioOutputDeviceChange = useCallback(\n    (deviceId: string) => {\n      changeAudioOutputDevice(deviceId);\n    },\n    [changeAudioOutputDevice],\n  );\n\n  // Call onDeviceUpdate when devices or selected devices change\n  useEffect(() => {\n    onDeviceUpdate({\n      audio: selectedAudioDevice,\n      video: selectedVideoDevice,\n      audioOutput: selectedAudioOutputDevice,\n    });\n  }, [selectedAudioDevice, selectedVideoDevice, selectedAudioOutputDevice, onDeviceUpdate]);\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGapX={2}>\n      <FlexView $widthX={26} $heightX={19.5} $background=\"BLACK_1\">\n        <video\n          ref={videoRef}\n          id=\"localVideo\"\n          autoPlay\n          playsInline\n          controls={false}\n          muted={true}\n          disablePictureInPicture\n        />\n      </FlexView>\n      <FlexView $position=\"relative\" $widthX={22} $flexGapX={1} $justifyContent=\"space-between\">\n        <FlexView $flexGapX={1}>\n          {!hasPermissionProblem && (\n            <>\n              <SelectInput\n                label=\"Camera\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.video}\n                value={selectedVideoDevice}\n                onChange={handleVideoDeviceChange}\n              />\n              <SelectInput\n                label=\"Microphone\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.audio}\n                value={selectedAudioDevice}\n                onChange={handleAudioDeviceChange}\n              />\n              <SelectInput\n                label=\"Speaker\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.audioOutput}\n                value={selectedAudioOutputDevice}\n                onChange={handleAudioOutputDeviceChange}\n              />\n              <div>{children}</div>\n            </>\n          )}\n        </FlexView>\n        {troubleshootingInfo && (\n          <Styled.AVErrorSOPWrapper\n            $background=\"ORANGE_2\"\n            $gutterX={1}\n            $gapX={1}\n            $width={hasPermissionProblem ? '100%' : '272px'}\n          >\n            <Text $renderAs=\"ab1-bold\" $marginBottomX={1}>\n              {troubleshootingInfo.heading}\n            </Text>\n            <Styled.AVErrorStepList>\n              {troubleshootingInfo.steps.map((step, index) => (\n                <li key={index}>\n                  <Text $renderAs=\"ub1\">{step}</Text>\n                </li>\n              ))}\n            </Styled.AVErrorStepList>\n          </Styled.AVErrorSOPWrapper>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default AVPreview;\n"],"names":["AVPreview","memo","children","onDeviceUpdate","logger","videoRef","useRef","devices","selectedAudioDevice","selectedVideoDevice","selectedAudioOutputDevice","changeDevice","changeAudioOutputDevice","audioDeviceError","videoDeviceError","useMediaDevices","hasPermissionProblem","troubleshootingInfo","useGetTroubleshootingInfo","handleAudioDeviceChange","useCallback","deviceId","handleVideoDeviceChange","handleAudioOutputDeviceChange","useEffect","jsxs","FlexView","jsx","Fragment","SelectInput","Styled.AVErrorSOPWrapper","Text","Styled.AVErrorStepList","step","index","AVPreview$1"],"mappings":"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"}

package/dist/features/av/av-preview/hooks/use-media-devices.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-devices.js","sources":["../../../../../src/features/av/av-preview/hooks/use-media-devices.ts"],"sourcesContent":["import type {\n  IDevicesMap,\n  ILogger,\n  TDeviceError,\n  TDeviceStatus,\n  TMediaKind,\n} from '../av-preview-types';\nimport type { RefObject } from 'react';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport useCancellablePromise from '../../../hooks/use-cancellable-promise';\nimport { getConnectedDevices, getTrack, openMediaDevices, removeTracksFromStream } from '../helper';\n\ninterface IChangeDevice {\n  (deviceId: string | undefined, kind: TMediaKind): void;\n}\n\ninterface IUseMediaDevices {\n  (\n    videoElRef: RefObject<HTMLVideoElement | null>,\n    logger: ILogger,\n  ): {\n    audioDeviceStatus: TDeviceStatus;\n    audioDeviceError?: TDeviceError;\n    videoDeviceStatus: TDeviceStatus;\n    videoDeviceError?: TDeviceError;\n    devices: IDevicesMap;\n    selectedAudioDevice?: string;\n    selectedVideoDevice?: string;\n    selectedAudioOutputDevice?: string;\n    changeDevice: IChangeDevice;\n    changeAudioOutputDevice: (deviceId: string) => void;\n  };\n}\n\nconst useMediaDevices: IUseMediaDevices = (videoElRef, logger) => {\n  const [audioDeviceStatus, setAudioDeviceStatus] = useState<TDeviceStatus>('PROCESSING');\n  const [videoDeviceStatus, setVideoDeviceStatus] = useState<TDeviceStatus>('PROCESSING');\n  const [audioDeviceError, setAudioDeviceError] = useState<TDeviceError>();\n  const [videoDeviceError, setVideoDeviceError] = useState<TDeviceError>();\n  const [selectedAudioOutputDevice, setSelectedAudioOutputDevice] = useState<string>();\n\n  const avStreamRef = useRef<MediaStream>(undefined);\n  const [devices, setDevices] = useState<IDevicesMap>({\n    audio: [],\n    video: [],\n    audioOutput: [],\n  });\n  const [selectedAudioDevice, setAudioDevice] = useState<string>();\n  const [selectedVideoDevice, setVideoDevice] = useState<string>();\n  const cancellablePromise = useCancellablePromise();\n\n  const changeDevice = useCallback<IChangeDevice>(\n    async (deviceId, deviceKind) => {\n      if (avStreamRef.current) {\n        removeTracksFromStream(avStreamRef.current, deviceKind);\n      }\n\n      const constraints: MediaStreamConstraints =\n        deviceKind === 'audio'\n          ? { audio: deviceId ? { deviceId } : true }\n          : { video: deviceId ? { deviceId } : true };\n\n      if (deviceKind === 'audio') {\n        setAudioDevice(deviceId);\n        setAudioDeviceStatus('PROCESSING');\n        setAudioDeviceError(undefined);\n      } else if (deviceKind === 'video') {\n        setVideoDevice(deviceId);\n        setVideoDeviceStatus('PROCESSING');\n        setVideoDeviceError(undefined);\n      }\n\n      try {\n        const stream = await cancellablePromise(openMediaDevices(constraints, logger));\n        const track = getTrack(stream, deviceKind);\n\n        if (track) {\n          if (avStreamRef.current) {\n            avStreamRef.current?.addTrack(track);\n          } else {\n            avStreamRef.current = stream;\n          }\n\n          track.addEventListener('ended', () => {\n            if (deviceKind === 'audio') {\n              changeDevice(undefined, 'audio');\n            } else if (deviceKind === 'video') {\n              changeDevice(undefined, 'video');\n            }\n          });\n\n          if (deviceKind === 'audio') {\n            setAudioDevice(track.getSettings().deviceId);\n            setAudioDeviceStatus('READY');\n          } else if (deviceKind === 'video') {\n            setVideoDevice(track.getSettings().deviceId);\n            setVideoDeviceStatus('READY');\n          }\n        }\n      } catch (error) {\n        const errorMessage: TDeviceError =\n          error instanceof Error ? (error.message as TDeviceError) : 'other';\n\n        if (deviceKind === 'audio') {\n          setAudioDeviceStatus('ERROR');\n          setAudioDeviceError(errorMessage);\n        } else if (deviceKind === 'video') {\n          setVideoDeviceStatus('ERROR');\n          setVideoDeviceError(errorMessage);\n        }\n      }\n    },\n    [cancellablePromise, logger],\n  );\n\n  const changeAudioOutputDevice = useCallback(\n    (deviceId: string) => {\n      setSelectedAudioOutputDevice(deviceId);\n      const videoEl = videoElRef.current;\n\n      if (videoEl && 'setSinkId' in videoEl) {\n        videoEl.setSinkId(deviceId).catch(error => {\n          logger('av_preview_set_audio_output_device_error', {\n            deviceId,\n            error_name: error?.name,\n            error_message: error?.message,\n          });\n        });\n      }\n    },\n    [videoElRef, logger],\n  );\n\n  useEffect(() => {\n    let permissionCleanup: (() => void) | undefined;\n    const asyncEffect = async () => {\n      try {\n        const stream = await cancellablePromise(\n          openMediaDevices({ video: true, audio: true }, logger),\n        );\n\n        avStreamRef.current = stream;\n        setAudioDeviceStatus('READY');\n        setVideoDeviceStatus('READY');\n        const audioTrack = getTrack(stream, 'audio');\n        const videoTrack = getTrack(stream, 'video');\n\n        if (audioTrack) {\n          audioTrack.addEventListener('ended', () => {\n            const audioDeviceId = audioTrack.getSettings().deviceId;\n\n            if (audioDeviceId) {\n              changeDevice(audioDeviceId, 'audio');\n            }\n          });\n          setAudioDevice(audioTrack.getSettings().deviceId);\n        }\n\n        if (videoTrack) {\n          videoTrack.addEventListener('ended', () => {\n            const videoDeviceId = videoTrack.getSettings().deviceId;\n\n            if (videoDeviceId) {\n              changeDevice(videoDeviceId, 'video');\n            }\n          });\n          setVideoDevice(videoTrack.getSettings().deviceId);\n        }\n\n        try {\n          const connectedDevices = await cancellablePromise(getConnectedDevices());\n\n          setDevices(connectedDevices);\n        } catch (error) {\n          logger('av_preview_get_connected_devices_error');\n        }\n      } catch (error) {\n        const errorMessage: TDeviceError =\n          error instanceof Error ? (error.message as TDeviceError) : 'other';\n\n        try {\n          const connectedDevices = await cancellablePromise(getConnectedDevices());\n\n          // Permission denied for\n          if (connectedDevices.audio.length + connectedDevices.video.length === 0) {\n            setAudioDeviceStatus('ERROR');\n            setVideoDeviceStatus('ERROR');\n            setAudioDeviceError(errorMessage);\n            setVideoDeviceError(errorMessage);\n          } else if (connectedDevices.video.length === 0) {\n            setVideoDeviceStatus('ERROR');\n            setVideoDeviceError(errorMessage);\n          } else if (connectedDevices.audio.length === 0) {\n            setAudioDeviceStatus('ERROR');\n            setAudioDeviceError(errorMessage);\n          }\n\n          if (connectedDevices.audio.length > 0) {\n            changeDevice(undefined, 'audio');\n          }\n\n          if (connectedDevices.video.length > 0) {\n            changeDevice(undefined, 'video');\n          }\n\n          setDevices(connectedDevices);\n        } catch (err) {\n          logger('av_preview_get_connected_devices_error');\n        }\n      }\n\n      try {\n        const cameraPermission = await navigator.permissions.query({\n          name: 'camera' as PermissionName,\n        });\n        const microphonePermission = await navigator.permissions.query({\n          name: 'microphone' as PermissionName,\n        });\n        const handleCameraPermissionChange = async () => {\n          try {\n            const connectedDevices = await cancellablePromise(getConnectedDevices());\n\n            setDevices(connectedDevices);\n          } catch (error) {\n            logger('av_preview_get_connected_devices_error');\n          }\n\n          if (cameraPermission.state === 'granted') {\n            changeDevice(undefined, 'video'); // Reset video device on permission change\n          }\n        };\n        const handleMicrophonePermissionChange = async () => {\n          try {\n            const connectedDevices = await cancellablePromise(getConnectedDevices());\n\n            setDevices(connectedDevices);\n          } catch (error) {\n            logger('av_preview_get_connected_devices_error');\n          }\n\n          if (microphonePermission.state === 'granted') {\n            changeDevice(undefined, 'audio'); // Reset audio device on permission change\n          }\n        };\n\n        cameraPermission.addEventListener('change', handleCameraPermissionChange);\n        microphonePermission.addEventListener('change', handleMicrophonePermissionChange);\n\n        permissionCleanup = () => {\n          cameraPermission.removeEventListener('change', handleCameraPermissionChange);\n          microphonePermission.removeEventListener('change', handleMicrophonePermissionChange);\n        };\n      } catch (error) {\n        logger('av_preview_permissions_query_error');\n      }\n    };\n\n    asyncEffect();\n\n    return () => {\n      if (permissionCleanup) {\n        permissionCleanup();\n      }\n    };\n  }, [cancellablePromise, changeDevice, logger]);\n\n  /**\n   * Effect to handle media device changes\n   * It listens for device changes and updates the list of connected devices.\n   */\n  useEffect(() => {\n    const handleDeviceChange = async () => {\n      try {\n        const updatedDevices = await getConnectedDevices();\n\n        setDevices(updatedDevices);\n      } catch (error) {\n        logger('av_preview_get_connected_devices_error');\n      }\n    };\n\n    navigator.mediaDevices.addEventListener('devicechange', handleDeviceChange);\n\n    return () => {\n      navigator.mediaDevices.removeEventListener('devicechange', handleDeviceChange);\n    };\n  }, [logger]);\n\n  /**\n   * If the audio device is ready and the selected audio device is not in the list of available devices,\n   * switch to the first available audio device.\n   */\n  useEffect(() => {\n    if (\n      audioDeviceStatus === 'READY' &&\n      selectedAudioDevice &&\n      !devices.audio.find(d => d.id === selectedAudioDevice)\n    ) {\n      const firstAudioDevice = devices.audio[0];\n\n      if (firstAudioDevice) {\n        changeDevice(firstAudioDevice.id, 'audio');\n      }\n    }\n  }, [audioDeviceStatus, changeDevice, devices.audio, selectedAudioDevice]);\n\n  /**\n   * If the video device is ready and the selected video device is not in the list of available devices,\n   * switch to the first available video device.\n   */\n  useEffect(() => {\n    if (\n      videoDeviceStatus === 'READY' &&\n      selectedVideoDevice &&\n      !devices.video.find(d => d.id === selectedVideoDevice)\n    ) {\n      const firstVideoDevice = devices.video[0];\n\n      if (firstVideoDevice) {\n        changeDevice(firstVideoDevice.id, 'video');\n      }\n    }\n  }, [videoDeviceStatus, changeDevice, devices.video, selectedVideoDevice]);\n\n  // Set the video element's srcObject to the MediaStream when available\n  useEffect(() => {\n    if (avStreamRef.current && videoElRef.current) {\n      videoElRef.current.srcObject = avStreamRef.current;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [avStreamRef.current, videoElRef]);\n\n  useEffect(() => {\n    return () => {\n      if (avStreamRef.current) {\n        removeTracksFromStream(avStreamRef.current);\n      }\n    };\n  }, []);\n\n  return {\n    audioDeviceStatus,\n    audioDeviceError,\n    videoDeviceStatus,\n    videoDeviceError,\n    devices,\n    selectedVideoDevice,\n    selectedAudioDevice,\n    selectedAudioOutputDevice,\n    changeDevice,\n    changeAudioOutputDevice,\n  };\n};\n\nexport default useMediaDevices;\n"],"names":["useMediaDevices","videoElRef","logger","audioDeviceStatus","setAudioDeviceStatus","useState","videoDeviceStatus","setVideoDeviceStatus","audioDeviceError","setAudioDeviceError","videoDeviceError","setVideoDeviceError","selectedAudioOutputDevice","setSelectedAudioOutputDevice","avStreamRef","useRef","devices","setDevices","selectedAudioDevice","setAudioDevice","selectedVideoDevice","setVideoDevice","cancellablePromise","useCancellablePromise","changeDevice","useCallback","deviceId","deviceKind","removeTracksFromStream","constraints","stream","openMediaDevices","track","getTrack","_a","error","errorMessage","changeAudioOutputDevice","videoEl","useEffect","permissionCleanup","audioTrack","videoTrack","audioDeviceId","videoDeviceId","connectedDevices","getConnectedDevices","cameraPermission","microphonePermission","handleCameraPermissionChange","handleMicrophonePermissionChange","handleDeviceChange","updatedDevices","d","firstAudioDevice","firstVideoDevice"],"mappings":"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"}
+{"version":3,"file":"use-media-devices.js","sources":["../../../../../src/features/av/av-preview/hooks/use-media-devices.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport useCancellablePromise from '../../../hooks/use-cancellable-promise';\nimport type {\n  IDevicesMap,\n  ILogger,\n  TDeviceError,\n  TDeviceStatus,\n  TMediaKind,\n} from '../av-preview-types';\nimport { getConnectedDevices, getTrack, openMediaDevices, removeTracksFromStream } from '../helper';\n\ninterface IChangeDevice {\n  (deviceId: string | undefined, kind: TMediaKind): void;\n}\n\ninterface IUseMediaDevices {\n  (\n    videoElRef: RefObject<HTMLVideoElement | null>,\n    logger: ILogger,\n  ): {\n    audioDeviceStatus: TDeviceStatus;\n    audioDeviceError?: TDeviceError;\n    videoDeviceStatus: TDeviceStatus;\n    videoDeviceError?: TDeviceError;\n    devices: IDevicesMap;\n    selectedAudioDevice?: string;\n    selectedVideoDevice?: string;\n    selectedAudioOutputDevice?: string;\n    changeDevice: IChangeDevice;\n    changeAudioOutputDevice: (deviceId: string) => void;\n  };\n}\n\nconst useMediaDevices: IUseMediaDevices = (videoElRef, logger) => {\n  const [audioDeviceStatus, setAudioDeviceStatus] = useState<TDeviceStatus>('PROCESSING');\n  const [videoDeviceStatus, setVideoDeviceStatus] = useState<TDeviceStatus>('PROCESSING');\n  const [audioDeviceError, setAudioDeviceError] = useState<TDeviceError>();\n  const [videoDeviceError, setVideoDeviceError] = useState<TDeviceError>();\n  const [selectedAudioOutputDevice, setSelectedAudioOutputDevice] = useState<string>();\n\n  const avStreamRef = useRef<MediaStream>(undefined);\n  const [devices, setDevices] = useState<IDevicesMap>({\n    audio: [],\n    video: [],\n    audioOutput: [],\n  });\n  const [selectedAudioDevice, setAudioDevice] = useState<string>();\n  const [selectedVideoDevice, setVideoDevice] = useState<string>();\n  const cancellablePromise = useCancellablePromise();\n\n  const changeDevice = useCallback<IChangeDevice>(\n    async (deviceId, deviceKind) => {\n      if (avStreamRef.current) {\n        removeTracksFromStream(avStreamRef.current, deviceKind);\n      }\n\n      const constraints: MediaStreamConstraints =\n        deviceKind === 'audio'\n          ? { audio: deviceId ? { deviceId } : true }\n          : { video: deviceId ? { deviceId } : true };\n\n      if (deviceKind === 'audio') {\n        setAudioDevice(deviceId);\n        setAudioDeviceStatus('PROCESSING');\n        setAudioDeviceError(undefined);\n      } else if (deviceKind === 'video') {\n        setVideoDevice(deviceId);\n        setVideoDeviceStatus('PROCESSING');\n        setVideoDeviceError(undefined);\n      }\n\n      try {\n        const stream = await cancellablePromise(openMediaDevices(constraints, logger));\n        const track = getTrack(stream, deviceKind);\n\n        if (track) {\n          if (avStreamRef.current) {\n            avStreamRef.current?.addTrack(track);\n          } else {\n            avStreamRef.current = stream;\n          }\n\n          track.addEventListener('ended', () => {\n            if (deviceKind === 'audio') {\n              changeDevice(undefined, 'audio');\n            } else if (deviceKind === 'video') {\n              changeDevice(undefined, 'video');\n            }\n          });\n\n          if (deviceKind === 'audio') {\n            setAudioDevice(track.getSettings().deviceId);\n            setAudioDeviceStatus('READY');\n          } else if (deviceKind === 'video') {\n            setVideoDevice(track.getSettings().deviceId);\n            setVideoDeviceStatus('READY');\n          }\n        }\n      } catch (error) {\n        const errorMessage: TDeviceError =\n          error instanceof Error ? (error.message as TDeviceError) : 'other';\n\n        if (deviceKind === 'audio') {\n          setAudioDeviceStatus('ERROR');\n          setAudioDeviceError(errorMessage);\n        } else if (deviceKind === 'video') {\n          setVideoDeviceStatus('ERROR');\n          setVideoDeviceError(errorMessage);\n        }\n      }\n    },\n    [cancellablePromise, logger],\n  );\n\n  const changeAudioOutputDevice = useCallback(\n    (deviceId: string) => {\n      setSelectedAudioOutputDevice(deviceId);\n      const videoEl = videoElRef.current;\n\n      if (videoEl && 'setSinkId' in videoEl) {\n        videoEl.setSinkId(deviceId).catch(error => {\n          logger('av_preview_set_audio_output_device_error', {\n            deviceId,\n            error_name: error?.name,\n            error_message: error?.message,\n          });\n        });\n      }\n    },\n    [videoElRef, logger],\n  );\n\n  useEffect(() => {\n    let permissionCleanup: (() => void) | undefined;\n    const asyncEffect = async () => {\n      try {\n        const stream = await cancellablePromise(\n          openMediaDevices({ video: true, audio: true }, logger),\n        );\n\n        avStreamRef.current = stream;\n        setAudioDeviceStatus('READY');\n        setVideoDeviceStatus('READY');\n        const audioTrack = getTrack(stream, 'audio');\n        const videoTrack = getTrack(stream, 'video');\n\n        if (audioTrack) {\n          audioTrack.addEventListener('ended', () => {\n            const audioDeviceId = audioTrack.getSettings().deviceId;\n\n            if (audioDeviceId) {\n              changeDevice(audioDeviceId, 'audio');\n            }\n          });\n          setAudioDevice(audioTrack.getSettings().deviceId);\n        }\n\n        if (videoTrack) {\n          videoTrack.addEventListener('ended', () => {\n            const videoDeviceId = videoTrack.getSettings().deviceId;\n\n            if (videoDeviceId) {\n              changeDevice(videoDeviceId, 'video');\n            }\n          });\n          setVideoDevice(videoTrack.getSettings().deviceId);\n        }\n\n        try {\n          const connectedDevices = await cancellablePromise(getConnectedDevices());\n\n          setDevices(connectedDevices);\n        } catch (error) {\n          logger('av_preview_get_connected_devices_error');\n        }\n      } catch (error) {\n        const errorMessage: TDeviceError =\n          error instanceof Error ? (error.message as TDeviceError) : 'other';\n\n        try {\n          const connectedDevices = await cancellablePromise(getConnectedDevices());\n\n          // Permission denied for\n          if (connectedDevices.audio.length + connectedDevices.video.length === 0) {\n            setAudioDeviceStatus('ERROR');\n            setVideoDeviceStatus('ERROR');\n            setAudioDeviceError(errorMessage);\n            setVideoDeviceError(errorMessage);\n          } else if (connectedDevices.video.length === 0) {\n            setVideoDeviceStatus('ERROR');\n            setVideoDeviceError(errorMessage);\n          } else if (connectedDevices.audio.length === 0) {\n            setAudioDeviceStatus('ERROR');\n            setAudioDeviceError(errorMessage);\n          }\n\n          if (connectedDevices.audio.length > 0) {\n            changeDevice(undefined, 'audio');\n          }\n\n          if (connectedDevices.video.length > 0) {\n            changeDevice(undefined, 'video');\n          }\n\n          setDevices(connectedDevices);\n        } catch (err) {\n          logger('av_preview_get_connected_devices_error');\n        }\n      }\n\n      try {\n        const cameraPermission = await navigator.permissions.query({\n          name: 'camera' as PermissionName,\n        });\n        const microphonePermission = await navigator.permissions.query({\n          name: 'microphone' as PermissionName,\n        });\n        const handleCameraPermissionChange = async () => {\n          try {\n            const connectedDevices = await cancellablePromise(getConnectedDevices());\n\n            setDevices(connectedDevices);\n          } catch (error) {\n            logger('av_preview_get_connected_devices_error');\n          }\n\n          if (cameraPermission.state === 'granted') {\n            changeDevice(undefined, 'video'); // Reset video device on permission change\n          }\n        };\n        const handleMicrophonePermissionChange = async () => {\n          try {\n            const connectedDevices = await cancellablePromise(getConnectedDevices());\n\n            setDevices(connectedDevices);\n          } catch (error) {\n            logger('av_preview_get_connected_devices_error');\n          }\n\n          if (microphonePermission.state === 'granted') {\n            changeDevice(undefined, 'audio'); // Reset audio device on permission change\n          }\n        };\n\n        cameraPermission.addEventListener('change', handleCameraPermissionChange);\n        microphonePermission.addEventListener('change', handleMicrophonePermissionChange);\n\n        permissionCleanup = () => {\n          cameraPermission.removeEventListener('change', handleCameraPermissionChange);\n          microphonePermission.removeEventListener('change', handleMicrophonePermissionChange);\n        };\n      } catch (error) {\n        logger('av_preview_permissions_query_error');\n      }\n    };\n\n    asyncEffect();\n\n    return () => {\n      if (permissionCleanup) {\n        permissionCleanup();\n      }\n    };\n  }, [cancellablePromise, changeDevice, logger]);\n\n  /**\n   * Effect to handle media device changes\n   * It listens for device changes and updates the list of connected devices.\n   */\n  useEffect(() => {\n    const handleDeviceChange = async () => {\n      try {\n        const updatedDevices = await getConnectedDevices();\n\n        setDevices(updatedDevices);\n      } catch (error) {\n        logger('av_preview_get_connected_devices_error');\n      }\n    };\n\n    navigator.mediaDevices.addEventListener('devicechange', handleDeviceChange);\n\n    return () => {\n      navigator.mediaDevices.removeEventListener('devicechange', handleDeviceChange);\n    };\n  }, [logger]);\n\n  /**\n   * If the audio device is ready and the selected audio device is not in the list of available devices,\n   * switch to the first available audio device.\n   */\n  useEffect(() => {\n    if (\n      audioDeviceStatus === 'READY' &&\n      selectedAudioDevice &&\n      !devices.audio.find(d => d.id === selectedAudioDevice)\n    ) {\n      const firstAudioDevice = devices.audio[0];\n\n      if (firstAudioDevice) {\n        changeDevice(firstAudioDevice.id, 'audio');\n      }\n    }\n  }, [audioDeviceStatus, changeDevice, devices.audio, selectedAudioDevice]);\n\n  /**\n   * If the video device is ready and the selected video device is not in the list of available devices,\n   * switch to the first available video device.\n   */\n  useEffect(() => {\n    if (\n      videoDeviceStatus === 'READY' &&\n      selectedVideoDevice &&\n      !devices.video.find(d => d.id === selectedVideoDevice)\n    ) {\n      const firstVideoDevice = devices.video[0];\n\n      if (firstVideoDevice) {\n        changeDevice(firstVideoDevice.id, 'video');\n      }\n    }\n  }, [videoDeviceStatus, changeDevice, devices.video, selectedVideoDevice]);\n\n  // Set the video element's srcObject to the MediaStream when available\n  useEffect(() => {\n    if (avStreamRef.current && videoElRef.current) {\n      videoElRef.current.srcObject = avStreamRef.current;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [avStreamRef.current, videoElRef]);\n\n  useEffect(() => {\n    return () => {\n      if (avStreamRef.current) {\n        removeTracksFromStream(avStreamRef.current);\n      }\n    };\n  }, []);\n\n  return {\n    audioDeviceStatus,\n    audioDeviceError,\n    videoDeviceStatus,\n    videoDeviceError,\n    devices,\n    selectedVideoDevice,\n    selectedAudioDevice,\n    selectedAudioOutputDevice,\n    changeDevice,\n    changeAudioOutputDevice,\n  };\n};\n\nexport default useMediaDevices;\n"],"names":["useMediaDevices","videoElRef","logger","audioDeviceStatus","setAudioDeviceStatus","useState","videoDeviceStatus","setVideoDeviceStatus","audioDeviceError","setAudioDeviceError","videoDeviceError","setVideoDeviceError","selectedAudioOutputDevice","setSelectedAudioOutputDevice","avStreamRef","useRef","devices","setDevices","selectedAudioDevice","setAudioDevice","selectedVideoDevice","setVideoDevice","cancellablePromise","useCancellablePromise","changeDevice","useCallback","deviceId","deviceKind","removeTracksFromStream","constraints","stream","openMediaDevices","track","getTrack","_a","error","errorMessage","changeAudioOutputDevice","videoEl","useEffect","permissionCleanup","audioTrack","videoTrack","audioDeviceId","videoDeviceId","connectedDevices","getConnectedDevices","cameraPermission","microphonePermission","handleCameraPermissionChange","handleMicrophonePermissionChange","handleDeviceChange","updatedDevices","d","firstAudioDevice","firstVideoDevice"],"mappings":"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"}

package/dist/features/blockers/multi-tab-blocker/multi-tab-blocker-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-tab-blocker-context.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker-context.ts"],"sourcesContent":["import type { IMultiTabBlockerContextValue } from './multi-tab-blocker-types';\n\nimport { createContext } from 'react';\n\nconst MultiTabBlockerContext = createContext<IMultiTabBlockerContextValue>({\n  isTabBlocked: false,\n  setIsTabBlocked: () => {},\n});\n\nexport default MultiTabBlockerContext;\n"],"names":["MultiTabBlockerContext","createContext"],"mappings":";AAIA,MAAMA,IAAyBC,EAA4C;AAAA,EACzE,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EAAC;AAC1B,CAAC;"}
+{"version":3,"file":"multi-tab-blocker-context.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker-context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { IMultiTabBlockerContextValue } from './multi-tab-blocker-types';\n\nconst MultiTabBlockerContext = createContext<IMultiTabBlockerContextValue>({\n  isTabBlocked: false,\n  setIsTabBlocked: () => {},\n});\n\nexport default MultiTabBlockerContext;\n"],"names":["MultiTabBlockerContext","createContext"],"mappings":";AAIA,MAAMA,IAAyBC,EAA4C;AAAA,EACzE,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EAAC;AAC1B,CAAC;"}