@cuemath/leap 4.0.2 → 4.0.3

package/dist/features/auth/comps/pill-button/pill-button.js

@@ -64,7 +64,7 @@ const J = {
                 shouldOffsetLabel: C || !s,
                 selected: t,
                 disabled: e,
-                $renderAs: o ? t ? "ub3-bold" : "ub3" : t ? "ub2-bold" : "ub2",
+                $renderAs: o ? t ? "ub4-bold" : "ub4" : t ? "ub3-bold" : "ub3",
                 textColor: _,
                 isVisible: E,
                 width: i ? "85px" : void 0,

package/dist/features/auth/comps/pill-button/pill-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"pill-button.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport useClickHandler from '../../../ui/hooks/use-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './pill-button-styled';\nimport type { IPillButtonProps } from './pill-button-types';\n\nconst lottieSettings = {\n  autoplay: true,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst PillButton: FC<IPillButtonProps> = ({\n  id,\n  label,\n  selected = false,\n  disabled = false,\n  animatedLabel = '',\n  icon,\n  onClick,\n  tooltip,\n  width,\n  analyticsLabel,\n  analyticsProps,\n  isTransparent = false,\n  renderThemeAs = 'dark',\n}) => {\n  const [isHovered, setHovered] = useState(false);\n  const [highlightPhase, setHighlightPhase] = useState(false);\n  const [isVisible, setIsVisible] = useState(true);\n  const [currentLabel, setCurrentLabel] = useState(label);\n  const { colors } = useTheme();\n  const shouldAnimate = !!animatedLabel;\n  const isDarkTheme = renderThemeAs === 'dark';\n\n  const handleSelect = useCallback(() => {\n    onClick(id);\n  }, [id, onClick]);\n\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, handleSelect);\n\n  useEffect(() => {\n    if (!shouldAnimate || disabled) return;\n\n    const interval = setInterval(() => {\n      setIsVisible(false);\n\n      setTimeout(() => {\n        setHighlightPhase(prev => !prev);\n        const newLabel = !highlightPhase ? animatedLabel : label;\n\n        setCurrentLabel(newLabel);\n        setIsVisible(true);\n      }, 400);\n    }, 1500);\n\n    return () => clearInterval(interval);\n  }, [animatedLabel, disabled, highlightPhase, label, shouldAnimate]);\n\n  const handleMouseEnter = useCallback(() => setHovered(true), []);\n  const handleMouseLeave = useCallback(() => setHovered(false), []);\n\n  const showLottie = !!icon && !disabled && (shouldAnimate || selected || isHovered);\n\n  const themeColor = isDarkTheme ? 'WHITE_1' : 'BLACK_1';\n  const borderColor = colors[highlightPhase ? 'YELLOW_4' : themeColor];\n  const textColor = colors[highlightPhase && !selected ? 'YELLOW_4' : themeColor];\n  const defaultTextRenderAs = selected ? 'ub2-bold' : 'ub2';\n  const textRenderAs = highlightPhase ? (selected ? 'ub3-bold' : 'ub3') : defaultTextRenderAs;\n\n  const ButtonContent = (\n    <Styled.Wrapper\n      selected={selected}\n      disabled={disabled}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      width={width}\n      borderColor={borderColor}\n      isTransparent={isTransparent}\n      isDarkTheme={isDarkTheme}\n    >\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $flexColumnGapX={0.25}\n      >\n        {icon && (\n          <Styled.IconWrapper $widthX={1} $heightX={1} $showLottie={showLottie}>\n            <LottieAnimation src={icon} settings={lottieSettings} />\n          </Styled.IconWrapper>\n        )}\n        <Styled.Label\n          key={currentLabel}\n          shouldOffsetLabel={showLottie || !icon}\n          selected={selected}\n          disabled={disabled}\n          $renderAs={textRenderAs}\n          textColor={textColor}\n          isVisible={isVisible}\n          width={shouldAnimate ? '85px' : undefined}\n          isDarkTheme={isDarkTheme}\n        >\n          {currentLabel}\n        </Styled.Label>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n\n  return disabled && tooltip ? (\n    <ArrowTooltip renderAs=\"primary\" tooltipItem={tooltip} position=\"top\">\n      {ButtonContent}\n    </ArrowTooltip>\n  ) : (\n    ButtonContent\n  );\n};\n\nexport default memo(PillButton);\n"],"names":["lottieSettings","PillButton","id","label","selected","disabled","animatedLabel","icon","onClick","tooltip","width","analyticsLabel","analyticsProps","isTransparent","renderThemeAs","isHovered","setHovered","useState","highlightPhase","setHighlightPhase","isVisible","setIsVisible","currentLabel","setCurrentLabel","colors","useTheme","shouldAnimate","isDarkTheme","handleSelect","useCallback","handleClick","useClickHandler","useEffect","interval","prev","handleMouseEnter","handleMouseLeave","showLottie","themeColor","borderColor","textColor","ButtonContent","jsx","Styled.Wrapper","jsxs","FlexView","Styled.IconWrapper","LottieAnimation","Styled.Label","ArrowTooltip","PillButton$1","memo"],"mappings":"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"}
+{"version":3,"file":"pill-button.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport useClickHandler from '../../../ui/hooks/use-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './pill-button-styled';\nimport type { IPillButtonProps } from './pill-button-types';\n\nconst lottieSettings = {\n  autoplay: true,\n  loop: true,\n  renderer: 'canvas',\n};\n\nconst PillButton: FC<IPillButtonProps> = ({\n  id,\n  label,\n  selected = false,\n  disabled = false,\n  animatedLabel = '',\n  icon,\n  onClick,\n  tooltip,\n  width,\n  analyticsLabel,\n  analyticsProps,\n  isTransparent = false,\n  renderThemeAs = 'dark',\n}) => {\n  const [isHovered, setHovered] = useState(false);\n  const [highlightPhase, setHighlightPhase] = useState(false);\n  const [isVisible, setIsVisible] = useState(true);\n  const [currentLabel, setCurrentLabel] = useState(label);\n  const { colors } = useTheme();\n  const shouldAnimate = !!animatedLabel;\n  const isDarkTheme = renderThemeAs === 'dark';\n\n  const handleSelect = useCallback(() => {\n    onClick(id);\n  }, [id, onClick]);\n\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, handleSelect);\n\n  useEffect(() => {\n    if (!shouldAnimate || disabled) return;\n\n    const interval = setInterval(() => {\n      setIsVisible(false);\n\n      setTimeout(() => {\n        setHighlightPhase(prev => !prev);\n        const newLabel = !highlightPhase ? animatedLabel : label;\n\n        setCurrentLabel(newLabel);\n        setIsVisible(true);\n      }, 400);\n    }, 1500);\n\n    return () => clearInterval(interval);\n  }, [animatedLabel, disabled, highlightPhase, label, shouldAnimate]);\n\n  const handleMouseEnter = useCallback(() => setHovered(true), []);\n  const handleMouseLeave = useCallback(() => setHovered(false), []);\n\n  const showLottie = !!icon && !disabled && (shouldAnimate || selected || isHovered);\n\n  const themeColor = isDarkTheme ? 'WHITE_1' : 'BLACK_1';\n  const borderColor = colors[highlightPhase ? 'YELLOW_4' : themeColor];\n  const textColor = colors[highlightPhase && !selected ? 'YELLOW_4' : themeColor];\n  const defaultTextRenderAs = selected ? 'ub3-bold' : 'ub3';\n  const textRenderAs = highlightPhase ? (selected ? 'ub4-bold' : 'ub4') : defaultTextRenderAs;\n\n  const ButtonContent = (\n    <Styled.Wrapper\n      selected={selected}\n      disabled={disabled}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      width={width}\n      borderColor={borderColor}\n      isTransparent={isTransparent}\n      isDarkTheme={isDarkTheme}\n    >\n      <FlexView\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $flexColumnGapX={0.25}\n      >\n        {icon && (\n          <Styled.IconWrapper $widthX={1} $heightX={1} $showLottie={showLottie}>\n            <LottieAnimation src={icon} settings={lottieSettings} />\n          </Styled.IconWrapper>\n        )}\n        <Styled.Label\n          key={currentLabel}\n          shouldOffsetLabel={showLottie || !icon}\n          selected={selected}\n          disabled={disabled}\n          $renderAs={textRenderAs}\n          textColor={textColor}\n          isVisible={isVisible}\n          width={shouldAnimate ? '85px' : undefined}\n          isDarkTheme={isDarkTheme}\n        >\n          {currentLabel}\n        </Styled.Label>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n\n  return disabled && tooltip ? (\n    <ArrowTooltip renderAs=\"primary\" tooltipItem={tooltip} position=\"top\">\n      {ButtonContent}\n    </ArrowTooltip>\n  ) : (\n    ButtonContent\n  );\n};\n\nexport default memo(PillButton);\n"],"names":["lottieSettings","PillButton","id","label","selected","disabled","animatedLabel","icon","onClick","tooltip","width","analyticsLabel","analyticsProps","isTransparent","renderThemeAs","isHovered","setHovered","useState","highlightPhase","setHighlightPhase","isVisible","setIsVisible","currentLabel","setCurrentLabel","colors","useTheme","shouldAnimate","isDarkTheme","handleSelect","useCallback","handleClick","useClickHandler","useEffect","interval","prev","handleMouseEnter","handleMouseLeave","showLottie","themeColor","borderColor","textColor","ButtonContent","jsx","Styled.Wrapper","jsxs","FlexView","Styled.IconWrapper","LottieAnimation","Styled.Label","ArrowTooltip","PillButton$1","memo"],"mappings":"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"}

package/dist/features/auth/comps/resend-otp/resend-otp.js

@@ -53,7 +53,7 @@ const H = ({
       }
     ),
     p && /* @__PURE__ */ n(w, { children: [
-      /* @__PURE__ */ r(a, { $renderAs: e ? "ub3" : "ub2", $color: s, children: "or" }),
+      /* @__PURE__ */ r(a, { $renderAs: e ? "ub4" : "ub3", $color: s, children: "or" }),
       /* @__PURE__ */ r(m, { $width: 116, children: /* @__PURE__ */ r(
         $,
         {
@@ -64,10 +64,10 @@ const H = ({
         }
       ) })
     ] })
-  ] }) : /* @__PURE__ */ r(m, { $width: 105, children: /* @__PURE__ */ n(a, { $renderAs: e ? "ub3" : "ub2", $color: "WHITE_T_60", children: [
+  ] }) : /* @__PURE__ */ r(m, { $width: 105, children: /* @__PURE__ */ n(a, { $renderAs: e ? "ub4" : "ub3", $color: "WHITE_T_60", children: [
     "Resend in",
     " ",
-    /* @__PURE__ */ r(a, { $renderAs: e ? "ub3-bold" : "ub2-bold", $inline: !0, $color: "WHITE_T_60", children: u })
+    /* @__PURE__ */ r(a, { $renderAs: e ? "ub4-bold" : "ub3-bold", $inline: !0, $color: "WHITE_T_60", children: u })
   ] }) }) });
 }, X = A(H);
 export {

package/dist/features/auth/comps/resend-otp/resend-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import { useCallback, memo, type FC } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useResendTimer } from './hooks/use-resend-timer';\nimport type { IOTPResendProps } from './resend-otp-types';\n\nconst ResendOTP: FC<IOTPResendProps> = ({\n  onResendOTP,\n  onResendVoiceOTP,\n  timerSeconds = 15,\n  showVoiceOTP = false,\n  disabled,\n  renderAs = 'text',\n  width,\n  textButtonColor = 'WHITE_T_60',\n  size = 'small',\n  analyticsLabel,\n  analyticsProps,\n}) => {\n  const { canResend, resetTimer, timeLeft } = useResendTimer({\n    initialSeconds: timerSeconds,\n  });\n\n  const handleResendClick = useCallback(() => {\n    onResendOTP?.();\n    resetTimer();\n  }, [onResendOTP, resetTimer]);\n\n  const handleVoiceResendClick = useCallback(() => {\n    onResendVoiceOTP?.();\n    resetTimer();\n  }, [onResendVoiceOTP, resetTimer]);\n\n  if (renderAs === 'submit') {\n    return (\n      <Button\n        size={size}\n        renderAs=\"secondary-dark\"\n        type=\"submit\"\n        label={canResend ? 'Resend' : `Resend in ${timeLeft}`}\n        width={width}\n        onClick={handleResendClick}\n        disabled={!canResend || disabled}\n      />\n    );\n  }\n\n  const isXSmallSize = size === 'xsmall';\n\n  return (\n    <FlexView>\n      {!canResend ? (\n        <FlexView $width={105}>\n          <Text $renderAs={isXSmallSize ? 'ub3' : 'ub2'} $color=\"WHITE_T_60\">\n            Resend in{' '}\n            <Text $renderAs={isXSmallSize ? 'ub3-bold' : 'ub2-bold'} $inline $color=\"WHITE_T_60\">\n              {timeLeft}\n            </Text>\n          </Text>\n        </FlexView>\n      ) : (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n          <TextButton\n            disabled={disabled}\n            label=\"Resend\"\n            size={isXSmallSize ? 'small' : 'regular'}\n            color={textButtonColor}\n            onClick={handleResendClick}\n            analyticsLabel={analyticsLabel}\n            analyticsProps={analyticsProps}\n          />\n          {showVoiceOTP && (\n            <>\n              <Text $renderAs={isXSmallSize ? 'ub3' : 'ub2'} $color={textButtonColor}>\n                or\n              </Text>\n              <FlexView $width={116}>\n                <TextButton\n                  label=\"Get code via call\"\n                  size={isXSmallSize ? 'small' : 'regular'}\n                  color={textButtonColor}\n                  onClick={handleVoiceResendClick}\n                />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(ResendOTP);\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","disabled","renderAs","width","textButtonColor","size","analyticsLabel","analyticsProps","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","useCallback","handleVoiceResendClick","jsx","Button","isXSmallSize","FlexView","jsxs","TextButton","Fragment","Text","ResendOtp","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAiC,CAAC;AAAA,EACtC,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,MAAAC,IAAO;AAAA,EACP,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBZ;AAAA,EAAA,CACjB,GAEKa,IAAoBC,EAAY,MAAM;AAC5B,IAAAhB,KAAA,QAAAA,KACHY;EAAA,GACV,CAACZ,GAAaY,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAf,KAAA,QAAAA,KACRW;EAAA,GACV,CAACX,GAAkBW,CAAU,CAAC;AAEjC,MAAIP,MAAa;AAEb,WAAA,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAX;AAAA,QACA,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOG,IAAY,WAAW,aAAaE,CAAQ;AAAA,QACnD,OAAAP;AAAA,QACA,SAASS;AAAA,QACT,UAAU,CAACJ,KAAaP;AAAA,MAAA;AAAA,IAAA;AAK9B,QAAMgB,IAAeZ,MAAS;AAE9B,SACG,gBAAAU,EAAAG,GAAA,EACE,UAACV,IAUC,gBAAAW,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAAnB;AAAA,QACA,OAAM;AAAA,QACN,MAAMgB,IAAe,UAAU;AAAA,QAC/B,OAAOb;AAAA,QACP,SAASQ;AAAA,QACT,gBAAAN;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCP,KAEG,gBAAAmB,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAK,WAAWL,IAAe,QAAQ,OAAO,QAAQb,GAAiB,UAExE,KAAA,CAAA;AAAA,MACA,gBAAAW,EAACG,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAMH,IAAe,UAAU;AAAA,UAC/B,OAAOb;AAAA,UACP,SAASU;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,sBAlCCI,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC,EAACG,KAAK,WAAWL,IAAe,QAAQ,OAAO,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IACvD;AAAA,IACV,gBAAAF,EAACO,GAAK,EAAA,WAAWL,IAAe,aAAa,YAAY,SAAO,IAAC,QAAO,cACrE,UACHP,EAAA,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,EA6BJ,CAAA;AAEJ,GAEea,IAAAC,EAAK5B,CAAS;"}
+{"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import { useCallback, memo, type FC } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useResendTimer } from './hooks/use-resend-timer';\nimport type { IOTPResendProps } from './resend-otp-types';\n\nconst ResendOTP: FC<IOTPResendProps> = ({\n  onResendOTP,\n  onResendVoiceOTP,\n  timerSeconds = 15,\n  showVoiceOTP = false,\n  disabled,\n  renderAs = 'text',\n  width,\n  textButtonColor = 'WHITE_T_60',\n  size = 'small',\n  analyticsLabel,\n  analyticsProps,\n}) => {\n  const { canResend, resetTimer, timeLeft } = useResendTimer({\n    initialSeconds: timerSeconds,\n  });\n\n  const handleResendClick = useCallback(() => {\n    onResendOTP?.();\n    resetTimer();\n  }, [onResendOTP, resetTimer]);\n\n  const handleVoiceResendClick = useCallback(() => {\n    onResendVoiceOTP?.();\n    resetTimer();\n  }, [onResendVoiceOTP, resetTimer]);\n\n  if (renderAs === 'submit') {\n    return (\n      <Button\n        size={size}\n        renderAs=\"secondary-dark\"\n        type=\"submit\"\n        label={canResend ? 'Resend' : `Resend in ${timeLeft}`}\n        width={width}\n        onClick={handleResendClick}\n        disabled={!canResend || disabled}\n      />\n    );\n  }\n\n  const isXSmallSize = size === 'xsmall';\n\n  return (\n    <FlexView>\n      {!canResend ? (\n        <FlexView $width={105}>\n          <Text $renderAs={isXSmallSize ? 'ub4' : 'ub3'} $color=\"WHITE_T_60\">\n            Resend in{' '}\n            <Text $renderAs={isXSmallSize ? 'ub4-bold' : 'ub3-bold'} $inline $color=\"WHITE_T_60\">\n              {timeLeft}\n            </Text>\n          </Text>\n        </FlexView>\n      ) : (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n          <TextButton\n            disabled={disabled}\n            label=\"Resend\"\n            size={isXSmallSize ? 'small' : 'regular'}\n            color={textButtonColor}\n            onClick={handleResendClick}\n            analyticsLabel={analyticsLabel}\n            analyticsProps={analyticsProps}\n          />\n          {showVoiceOTP && (\n            <>\n              <Text $renderAs={isXSmallSize ? 'ub4' : 'ub3'} $color={textButtonColor}>\n                or\n              </Text>\n              <FlexView $width={116}>\n                <TextButton\n                  label=\"Get code via call\"\n                  size={isXSmallSize ? 'small' : 'regular'}\n                  color={textButtonColor}\n                  onClick={handleVoiceResendClick}\n                />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(ResendOTP);\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","disabled","renderAs","width","textButtonColor","size","analyticsLabel","analyticsProps","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","useCallback","handleVoiceResendClick","jsx","Button","isXSmallSize","FlexView","jsxs","TextButton","Fragment","Text","ResendOtp","memo"],"mappings":";;;;;;;AASA,MAAMA,IAAiC,CAAC;AAAA,EACtC,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,MAAAC,IAAO;AAAA,EACP,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBZ;AAAA,EAAA,CACjB,GAEKa,IAAoBC,EAAY,MAAM;AAC5B,IAAAhB,KAAA,QAAAA,KACHY;EAAA,GACV,CAACZ,GAAaY,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAf,KAAA,QAAAA,KACRW;EAAA,GACV,CAACX,GAAkBW,CAAU,CAAC;AAEjC,MAAIP,MAAa;AAEb,WAAA,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAX;AAAA,QACA,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOG,IAAY,WAAW,aAAaE,CAAQ;AAAA,QACnD,OAAAP;AAAA,QACA,SAASS;AAAA,QACT,UAAU,CAACJ,KAAaP;AAAA,MAAA;AAAA,IAAA;AAK9B,QAAMgB,IAAeZ,MAAS;AAE9B,SACG,gBAAAU,EAAAG,GAAA,EACE,UAACV,IAUC,gBAAAW,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAAnB;AAAA,QACA,OAAM;AAAA,QACN,MAAMgB,IAAe,UAAU;AAAA,QAC/B,OAAOb;AAAA,QACP,SAASQ;AAAA,QACT,gBAAAN;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCP,KAEG,gBAAAmB,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAK,WAAWL,IAAe,QAAQ,OAAO,QAAQb,GAAiB,UAExE,KAAA,CAAA;AAAA,MACA,gBAAAW,EAACG,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAMH,IAAe,UAAU;AAAA,UAC/B,OAAOb;AAAA,UACP,SAASU;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,sBAlCCI,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC,EAACG,KAAK,WAAWL,IAAe,QAAQ,OAAO,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IACvD;AAAA,IACV,gBAAAF,EAACO,GAAK,EAAA,WAAWL,IAAe,aAAa,YAAY,SAAO,IAAC,QAAO,cACrE,UACHP,EAAA,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,EA6BJ,CAAA;AAEJ,GAEea,IAAAC,EAAK5B,CAAS;"}

package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js

@@ -63,7 +63,7 @@ const B = ({
         ),
         /* @__PURE__ */ c(L, { children: [
           /* @__PURE__ */ t(u, { $renderAs: "ab3", $color: r && !o ? "WHITE" : "BLACK_1", children: i }),
-          /* @__PURE__ */ t(u, { $renderAs: "ub3", $color: r && !o ? "WHITE_T_60" : "BLACK_T_60", children: f })
+          /* @__PURE__ */ t(u, { $renderAs: "ub4", $color: r && !o ? "WHITE_T_60" : "BLACK_T_60", children: f })
         ] })
       ]
     }

package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectable-info-card.js","sources":["../../../../../src/features/auth/comps/selectable-info-card/selectable-info-card.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, memo } from 'react';\n\nimport useClickHandler from '../../../ui/hooks/use-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './selectable-info-card-styled';\nimport type { ISelectableInfoCardProps } from './selectable-info-card-types';\n\nconst SelectableInfoCard = ({\n  id,\n  title,\n  description,\n  icon,\n  selected,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  renderThemeAs = 'dark',\n}: ISelectableInfoCardProps) => {\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const isDarkTheme = renderThemeAs === 'dark';\n\n  const handleSelect = useCallback(() => {\n    onClick(id);\n  }, [id, onClick]);\n\n  const { handleClick } = useClickHandler(\n    { label: title, analyticsLabel, analyticsProps },\n    handleSelect,\n  );\n\n  const handleOnMouseEnter = useCallback(() => {\n    animationRef.current?.play();\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    if (selected) return;\n    animationRef.current?.stop();\n  }, [selected]);\n\n  const renderSettings = useMemo(\n    () => ({\n      autoplay: selected,\n      loop: true,\n      renderer: 'canvas',\n    }),\n    [selected],\n  );\n\n  return (\n    <Styled.Wrapper\n      $gutterX={1}\n      $gapX={1}\n      $borderColor={isDarkTheme ? 'WHITE' : 'BLACK'}\n      $flexDirection=\"row\"\n      $background={selected && !isDarkTheme ? 'BLACK_1' : 'WHITE_1'}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\n      onClick={handleClick}\n      $flexColumnGapX={0.5}\n      selected={selected}\n      $alignItems=\"center\"\n      hoverBackground={isDarkTheme ? 'BLACK_5' : 'WHITE_5'}\n    >\n      {icon && (\n        <LottieAnimation\n          src={icon}\n          ref={animationRef}\n          settings={renderSettings}\n          width={40}\n          height={40}\n        />\n      )}\n\n      <FlexView>\n        <Text $renderAs=\"ab3\" $color={selected && !isDarkTheme ? 'WHITE' : 'BLACK_1'}>\n          {title}\n        </Text>\n        <Text $renderAs=\"ub3\" $color={selected && !isDarkTheme ? 'WHITE_T_60' : 'BLACK_T_60'}>\n          {description}\n        </Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(SelectableInfoCard);\n"],"names":["SelectableInfoCard","id","title","description","icon","selected","onClick","analyticsLabel","analyticsProps","renderThemeAs","animationRef","useRef","isDarkTheme","handleSelect","useCallback","handleClick","useClickHandler","handleOnMouseEnter","_a","handleOnMouseLeave","renderSettings","useMemo","jsxs","Styled.Wrapper","jsx","LottieAnimation","FlexView","Text","selectableInfoCard","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAAgC;AACxB,QAAAC,IAAeC,EAAmC,IAAI,GACtDC,IAAcH,MAAkB,QAEhCI,IAAeC,EAAY,MAAM;AACrC,IAAAR,EAAQL,CAAE;AAAA,EAAA,GACT,CAACA,GAAIK,CAAO,CAAC,GAEV,EAAE,aAAAS,MAAgBC;AAAA,IACtB,EAAE,OAAOd,GAAO,gBAAAK,GAAgB,gBAAAC,EAAe;AAAA,IAC/CK;AAAA,EAAA,GAGII,IAAqBH,EAAY,MAAM;;AAC3C,KAAAI,IAAAR,EAAa,YAAb,QAAAQ,EAAsB;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAqBL,EAAY,MAAM;;AAC3C,IAAIT,MACJa,IAAAR,EAAa,YAAb,QAAAQ,EAAsB;AAAA,EAAK,GAC1B,CAACb,CAAQ,CAAC,GAEPe,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUhB;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAcX,IAAc,UAAU;AAAA,MACtC,gBAAe;AAAA,MACf,aAAaP,KAAY,CAACO,IAAc,YAAY;AAAA,MACpD,cAAcK;AAAA,MACd,cAAcE;AAAA,MACd,SAASJ;AAAA,MACT,iBAAiB;AAAA,MACjB,UAAAV;AAAA,MACA,aAAY;AAAA,MACZ,iBAAiBO,IAAc,YAAY;AAAA,MAE1C,UAAA;AAAA,QACCR,KAAA,gBAAAoB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKrB;AAAA,YACL,KAAKM;AAAA,YACL,UAAUU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,0BAGDM,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAQtB,KAAY,CAACO,IAAc,UAAU,WAChE,UACHV,EAAA,CAAA;AAAA,UACA,gBAAAsB,EAACG,GAAK,EAAA,WAAU,OAAM,QAAQtB,KAAY,CAACO,IAAc,eAAe,cACrE,UACHT,EAAA,CAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeyB,IAAAC,EAAK7B,CAAkB;"}
+{"version":3,"file":"selectable-info-card.js","sources":["../../../../../src/features/auth/comps/selectable-info-card/selectable-info-card.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, memo } from 'react';\n\nimport useClickHandler from '../../../ui/hooks/use-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './selectable-info-card-styled';\nimport type { ISelectableInfoCardProps } from './selectable-info-card-types';\n\nconst SelectableInfoCard = ({\n  id,\n  title,\n  description,\n  icon,\n  selected,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  renderThemeAs = 'dark',\n}: ISelectableInfoCardProps) => {\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const isDarkTheme = renderThemeAs === 'dark';\n\n  const handleSelect = useCallback(() => {\n    onClick(id);\n  }, [id, onClick]);\n\n  const { handleClick } = useClickHandler(\n    { label: title, analyticsLabel, analyticsProps },\n    handleSelect,\n  );\n\n  const handleOnMouseEnter = useCallback(() => {\n    animationRef.current?.play();\n  }, []);\n\n  const handleOnMouseLeave = useCallback(() => {\n    if (selected) return;\n    animationRef.current?.stop();\n  }, [selected]);\n\n  const renderSettings = useMemo(\n    () => ({\n      autoplay: selected,\n      loop: true,\n      renderer: 'canvas',\n    }),\n    [selected],\n  );\n\n  return (\n    <Styled.Wrapper\n      $gutterX={1}\n      $gapX={1}\n      $borderColor={isDarkTheme ? 'WHITE' : 'BLACK'}\n      $flexDirection=\"row\"\n      $background={selected && !isDarkTheme ? 'BLACK_1' : 'WHITE_1'}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\n      onClick={handleClick}\n      $flexColumnGapX={0.5}\n      selected={selected}\n      $alignItems=\"center\"\n      hoverBackground={isDarkTheme ? 'BLACK_5' : 'WHITE_5'}\n    >\n      {icon && (\n        <LottieAnimation\n          src={icon}\n          ref={animationRef}\n          settings={renderSettings}\n          width={40}\n          height={40}\n        />\n      )}\n\n      <FlexView>\n        <Text $renderAs=\"ab3\" $color={selected && !isDarkTheme ? 'WHITE' : 'BLACK_1'}>\n          {title}\n        </Text>\n        <Text $renderAs=\"ub4\" $color={selected && !isDarkTheme ? 'WHITE_T_60' : 'BLACK_T_60'}>\n          {description}\n        </Text>\n      </FlexView>\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(SelectableInfoCard);\n"],"names":["SelectableInfoCard","id","title","description","icon","selected","onClick","analyticsLabel","analyticsProps","renderThemeAs","animationRef","useRef","isDarkTheme","handleSelect","useCallback","handleClick","useClickHandler","handleOnMouseEnter","_a","handleOnMouseLeave","renderSettings","useMemo","jsxs","Styled.Wrapper","jsx","LottieAnimation","FlexView","Text","selectableInfoCard","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAAgC;AACxB,QAAAC,IAAeC,EAAmC,IAAI,GACtDC,IAAcH,MAAkB,QAEhCI,IAAeC,EAAY,MAAM;AACrC,IAAAR,EAAQL,CAAE;AAAA,EAAA,GACT,CAACA,GAAIK,CAAO,CAAC,GAEV,EAAE,aAAAS,MAAgBC;AAAA,IACtB,EAAE,OAAOd,GAAO,gBAAAK,GAAgB,gBAAAC,EAAe;AAAA,IAC/CK;AAAA,EAAA,GAGII,IAAqBH,EAAY,MAAM;;AAC3C,KAAAI,IAAAR,EAAa,YAAb,QAAAQ,EAAsB;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAqBL,EAAY,MAAM;;AAC3C,IAAIT,MACJa,IAAAR,EAAa,YAAb,QAAAQ,EAAsB;AAAA,EAAK,GAC1B,CAACb,CAAQ,CAAC,GAEPe,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUhB;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAcX,IAAc,UAAU;AAAA,MACtC,gBAAe;AAAA,MACf,aAAaP,KAAY,CAACO,IAAc,YAAY;AAAA,MACpD,cAAcK;AAAA,MACd,cAAcE;AAAA,MACd,SAASJ;AAAA,MACT,iBAAiB;AAAA,MACjB,UAAAV;AAAA,MACA,aAAY;AAAA,MACZ,iBAAiBO,IAAc,YAAY;AAAA,MAE1C,UAAA;AAAA,QACCR,KAAA,gBAAAoB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKrB;AAAA,YACL,KAAKM;AAAA,YACL,UAAUU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,0BAGDM,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAQtB,KAAY,CAACO,IAAc,UAAU,WAChE,UACHV,EAAA,CAAA;AAAA,UACA,gBAAAsB,EAACG,GAAK,EAAA,WAAU,OAAM,QAAQtB,KAAY,CAACO,IAAc,eAAe,cACrE,UACHT,EAAA,CAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeyB,IAAAC,EAAK7B,CAAkB;"}

package/dist/features/auth/pla-signup/signup-header/signup-header.js

@@ -21,10 +21,10 @@ const $ = ({ renderThemeAs: s = "dark" }) => {
         /* @__PURE__ */ r(h, { width: e ? 80 : 107, height: e ? 12 : 16, color: o }),
         !e && /* @__PURE__ */ r(f, { heightX: 1 }),
         /* @__PURE__ */ t(m, { $flexDirection: "row", $alignItems: "flex-end", children: [
-          /* @__PURE__ */ t(l, { $renderAs: "ab2", $renderOnTabletAs: "ub3", $color: o, children: [
+          /* @__PURE__ */ t(l, { $renderAs: "ab2", $renderOnTabletAs: "ub4", $color: o, children: [
             "Rated",
             " ",
-            /* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub3-bold", $color: o, children: "4.9+" }),
+            /* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub4-bold", $color: o, children: "4.9+" }),
             " ",
             "on"
           ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/pla-signup/signup-header/signup-header.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\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 { EDeviceType } from '../../../ui/theme/constants';\nimport CuemathLogo from '../../../../assets/line-icons/icons/cuemath-logo';\n\nconst SignupHeader = ({ renderThemeAs = 'dark' }: { renderThemeAs?: 'light' | 'dark' }) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isDarkTheme = renderThemeAs === 'dark';\n  const trustpilotLogo = isDarkTheme ? ILLUSTRATIONS.TRUSTPILOT : ILLUSTRATIONS.TRUSTPILOT_BLACK;\n  const textColor = isDarkTheme ? 'WHITE' : 'BLACK';\n\n  return (\n    <FlexView\n      $flexDirection={isCompact ? 'row' : 'column'}\n      $alignItems={isCompact ? 'center' : 'flex-start'}\n      $width=\"100%\"\n      $flexColumnGapX={1}\n      $justifyContent={isCompact ? 'space-between' : 'flex-start'}\n    >\n      <CuemathLogo width={isCompact ? 80 : 107} height={isCompact ? 12 : 16} color={textColor} />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color={textColor}>\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color={textColor}>\n            4.9+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image src={trustpilotLogo} width={isCompact ? 80 : 99} height={isCompact ? 20 : 25} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","renderThemeAs","device","useTheme","isCompact","EDeviceType","isDarkTheme","trustpilotLogo","ILLUSTRATIONS","textColor","jsxs","FlexView","jsx","CuemathLogo","Separator","Text","Image","SignupHeader$1"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAe,CAAC,EAAE,eAAAC,IAAgB,aAAmD;AACnF,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAcL,MAAkB,QAChCM,IAAiBD,IAAcE,EAAc,aAAaA,EAAc,kBACxEC,IAAYH,IAAc,UAAU;AAGxC,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBP,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAC,gBAAAQ,EAAAC,GAAA,EAAY,OAAOT,IAAY,KAAK,KAAK,QAAQA,IAAY,KAAK,IAAI,OAAOK,EAAW,CAAA;AAAA,QACxF,CAACL,KAAc,gBAAAQ,EAAAE,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACK,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAQN,GAAW,UAAA;AAAA,YAAA;AAAA,YACzD;AAAA,YACN,gBAAAG,EAACG,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAQN,GAAW,UAEnF,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAG,EAACI,GAAM,EAAA,KAAKT,GAAgB,OAAOH,IAAY,KAAK,IAAI,QAAQA,IAAY,KAAK,GAAI,CAAA;AAAA,QAAA,GACvF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAejB;"}
+{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/pla-signup/signup-header/signup-header.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\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 { EDeviceType } from '../../../ui/theme/constants';\nimport CuemathLogo from '../../../../assets/line-icons/icons/cuemath-logo';\n\nconst SignupHeader = ({ renderThemeAs = 'dark' }: { renderThemeAs?: 'light' | 'dark' }) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isDarkTheme = renderThemeAs === 'dark';\n  const trustpilotLogo = isDarkTheme ? ILLUSTRATIONS.TRUSTPILOT : ILLUSTRATIONS.TRUSTPILOT_BLACK;\n  const textColor = isDarkTheme ? 'WHITE' : 'BLACK';\n\n  return (\n    <FlexView\n      $flexDirection={isCompact ? 'row' : 'column'}\n      $alignItems={isCompact ? 'center' : 'flex-start'}\n      $width=\"100%\"\n      $flexColumnGapX={1}\n      $justifyContent={isCompact ? 'space-between' : 'flex-start'}\n    >\n      <CuemathLogo width={isCompact ? 80 : 107} height={isCompact ? 12 : 16} color={textColor} />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub4\" $color={textColor}>\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub4-bold\" $color={textColor}>\n            4.9+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image src={trustpilotLogo} width={isCompact ? 80 : 99} height={isCompact ? 20 : 25} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","renderThemeAs","device","useTheme","isCompact","EDeviceType","isDarkTheme","trustpilotLogo","ILLUSTRATIONS","textColor","jsxs","FlexView","jsx","CuemathLogo","Separator","Text","Image","SignupHeader$1"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAe,CAAC,EAAE,eAAAC,IAAgB,aAAmD;AACnF,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAcL,MAAkB,QAChCM,IAAiBD,IAAcE,EAAc,aAAaA,EAAc,kBACxEC,IAAYH,IAAc,UAAU;AAGxC,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBP,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAC,gBAAAQ,EAAAC,GAAA,EAAY,OAAOT,IAAY,KAAK,KAAK,QAAQA,IAAY,KAAK,IAAI,OAAOK,EAAW,CAAA;AAAA,QACxF,CAACL,KAAc,gBAAAQ,EAAAE,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACK,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAQN,GAAW,UAAA;AAAA,YAAA;AAAA,YACzD;AAAA,YACN,gBAAAG,EAACG,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAQN,GAAW,UAEnF,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAG,EAACI,GAAM,EAAA,KAAKT,GAAgB,OAAOH,IAAY,KAAK,IAAI,QAAQA,IAAY,KAAK,GAAI,CAAA;AAAA,QAAA,GACvF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAejB;"}

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

@@ -89,7 +89,7 @@ const w = ({
     ),
     /* @__PURE__ */ e(C, { heightX: 1.5 }),
     /* @__PURE__ */ l(a, { $flexDirection: "row", $alignItems: "center", children: [
-      /* @__PURE__ */ e(I, { $renderAs: "ub3", $color: r, children: "Already have an account?" }),
+      /* @__PURE__ */ e(I, { $renderAs: "ub4", $color: r, children: "Already have an account?" }),
       " ",
       /* @__PURE__ */ e(
         x,

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 { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\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';\nimport AppleIcon2 from '../../../../assets/line-icons/icons/apple-icon2';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  loadingProvider,\n  onGoToLogin,\n  title,\n  mobileTitle,\n  renderThemeAs = 'dark',\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isMobile = device <= EDeviceType.MOBILE;\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n  const isDarkTheme = renderThemeAs === 'dark';\n  const textColor = isDarkTheme ? 'WHITE' : 'BLACK';\n  const buttonVariant = isDarkTheme ? 'black-dark' : 'secondary';\n\n  return (\n    <FlexView $alignItems={isMobile ? 'center' : 'flex-start'}>\n      <Text\n        $renderAs=\"ah3-bold\"\n        $renderOnMobileAs=\"ah4-bold\"\n        $color={textColor}\n        $whiteSpace=\"pre-line\"\n      >\n        {isMobile && mobileTitle ? mobileTitle : 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={buttonVariant}\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={buttonVariant}\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          Icon={AppleIcon2}\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={buttonVariant}\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={textColor}>\n          Already have an account?\n        </Text>\n        &nbsp;\n        <TextButton\n          analyticsLabel={PLA_ANALYTICS_EVENTS.SIGNUP_TO_LOGIN_CTA_CLICKED}\n          size=\"small\"\n          label=\"Log In\"\n          color={textColor}\n          onClick={onGoToLogin}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","mobileTitle","renderThemeAs","device","useTheme","isCompact","EDeviceType","isMobile","isLoadingGoogle","isLoadingApple","isDarkTheme","textColor","buttonVariant","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","PLA_ANALYTICS_EVENTS","AppleIcon2","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;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,KAAUG,EAAY,QACjCE,IAAkBV,MAAoB,UACtCW,IAAiBX,MAAoB,SACrCY,IAAcR,MAAkB,QAChCS,IAAYD,IAAc,UAAU,SACpCE,IAAgBF,IAAc,eAAe;AAEnD,SACG,gBAAAG,EAAAC,GAAA,EAAS,aAAaP,IAAW,WAAW,cAC3C,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,QAAQL;AAAA,QACR,aAAY;AAAA,QAEX,UAAAJ,KAAYN,IAAcA,IAAcD;AAAA,MAAA;AAAA,IAC3C;AAAA,IACC,gBAAAe,EAAAE,GAAA,EAAU,SAASZ,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAQ;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,UAAUN;AAAA,cACV,MAAMO;AAAA,cACN,OAAOd,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,cACT,MAAK;AAAA,cACL,MAAMW;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBY,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,SAAS;AAAA,YAAA;AAAA,UACvC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAUN;AAAA,cACV,MAAK;AAAA,cACL,OAAOP,IAAY,SAAS;AAAA,cAC5B,MAAMgB;AAAA,cACN,OAAM;AAAA,cACN,SAASzB;AAAA,cACT,MAAMa;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBW,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAUN;AAAA,cACV,MAAK;AAAA,cACL,OAAOP,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASV;AAAA,cACT,gBAAgByB,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,QAAQL,GAAW,UAEzC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAI;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,gBAAgBF,EAAqB;AAAA,UACrC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAOT;AAAA,UACP,SAASZ;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEewB,IAAAC,EAAK9B,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 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';\nimport AppleIcon2 from '../../../../assets/line-icons/icons/apple-icon2';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  loadingProvider,\n  onGoToLogin,\n  title,\n  mobileTitle,\n  renderThemeAs = 'dark',\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isMobile = device <= EDeviceType.MOBILE;\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n  const isDarkTheme = renderThemeAs === 'dark';\n  const textColor = isDarkTheme ? 'WHITE' : 'BLACK';\n  const buttonVariant = isDarkTheme ? 'black-dark' : 'secondary';\n\n  return (\n    <FlexView $alignItems={isMobile ? 'center' : 'flex-start'}>\n      <Text\n        $renderAs=\"ah3-bold\"\n        $renderOnMobileAs=\"ah4-bold\"\n        $color={textColor}\n        $whiteSpace=\"pre-line\"\n      >\n        {isMobile && mobileTitle ? mobileTitle : 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={buttonVariant}\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={buttonVariant}\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          Icon={AppleIcon2}\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={buttonVariant}\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=\"ub4\" $color={textColor}>\n          Already have an account?\n        </Text>\n        &nbsp;\n        <TextButton\n          analyticsLabel={PLA_ANALYTICS_EVENTS.SIGNUP_TO_LOGIN_CTA_CLICKED}\n          size=\"small\"\n          label=\"Log In\"\n          color={textColor}\n          onClick={onGoToLogin}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","mobileTitle","renderThemeAs","device","useTheme","isCompact","EDeviceType","isMobile","isLoadingGoogle","isLoadingApple","isDarkTheme","textColor","buttonVariant","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","PLA_ANALYTICS_EVENTS","AppleIcon2","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;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,KAAUG,EAAY,QACjCE,IAAkBV,MAAoB,UACtCW,IAAiBX,MAAoB,SACrCY,IAAcR,MAAkB,QAChCS,IAAYD,IAAc,UAAU,SACpCE,IAAgBF,IAAc,eAAe;AAEnD,SACG,gBAAAG,EAAAC,GAAA,EAAS,aAAaP,IAAW,WAAW,cAC3C,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,QAAQL;AAAA,QACR,aAAY;AAAA,QAEX,UAAAJ,KAAYN,IAAcA,IAAcD;AAAA,MAAA;AAAA,IAC3C;AAAA,IACC,gBAAAe,EAAAE,GAAA,EAAU,SAASZ,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAQ;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,UAAUN;AAAA,cACV,MAAMO;AAAA,cACN,OAAOd,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,cACT,MAAK;AAAA,cACL,MAAMW;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBY,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,SAAS;AAAA,YAAA;AAAA,UACvC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAUN;AAAA,cACV,MAAK;AAAA,cACL,OAAOP,IAAY,SAAS;AAAA,cAC5B,MAAMgB;AAAA,cACN,OAAM;AAAA,cACN,SAASzB;AAAA,cACT,MAAMa;AAAA,cACN,UAAUA;AAAA,cACV,gBAAgBW,EAAqB;AAAA,cACrC,gBAAgB,EAAE,UAAU,QAAQ;AAAA,YAAA;AAAA,UACtC;AAAA,UACA,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAUN;AAAA,cACV,MAAK;AAAA,cACL,OAAOP,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASV;AAAA,cACT,gBAAgByB,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,QAAQL,GAAW,UAEzC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAI;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,gBAAgBF,EAAqB;AAAA,UACrC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAOT;AAAA,UACP,SAASZ;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEewB,IAAAC,EAAK9B,CAAa;"}

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

@@ -31,7 +31,7 @@ const g = ({
   /* @__PURE__ */ e(p, { users: s, onSelect: c }),
   /* @__PURE__ */ e(o, { heightX: 5 }),
   /* @__PURE__ */ r(i, { $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ e(t, { $renderAs: "ub2", $color: "WHITE", children: "Don't recognize these accounts?" }),
+    /* @__PURE__ */ e(t, { $renderAs: "ub3", $color: "WHITE", children: "Don't recognize these accounts?" }),
     /* @__PURE__ */ e(o, { heightX: 1 }),
     /* @__PURE__ */ e(
       $,

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 { 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;"}
+{"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=\"ub3\" $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/date-picker-input/date-picker-input.js

@@ -20,7 +20,7 @@ const H = function({
       const { date: f, decreaseYear: u, increaseYear: h, prevYearButtonDisabled: a, nextYearButtonDisabled: n } = t;
       return /* @__PURE__ */ b(x, { $alignItems: "center", $flexDirection: "row", $justifyContent: "space-between", children: [
         /* @__PURE__ */ e(c, { onClick: u, label: "increase-year", disabled: a, children: /* @__PURE__ */ e(Y, { color: r.colors[a ? "WHITE_T_10" : "WHITE"] }) }),
-        /* @__PURE__ */ e(w, { $renderAs: "ub2-bold", $color: "WHITE", children: f.getFullYear() }),
+        /* @__PURE__ */ e(w, { $renderAs: "ub3-bold", $color: "WHITE", children: f.getFullYear() }),
         /* @__PURE__ */ e(c, { onClick: h, label: "decrease-year", disabled: n, children: /* @__PURE__ */ e(k, { color: r.colors[n ? "WHITE_T_10" : "WHITE"] }) })
       ] });
     },

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 { subYears } from 'date-fns';\nimport { type FC, memo, useCallback } from 'react';\nimport DatePicker, { type ReactDatePickerCustomHeaderProps } 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> = function DatePickerInput({\n  value,\n  onChange,\n  error,\n}) {\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":";;;;;;;;;;;;AAcA,MAAMA,IAA6C,SAAyB;AAAA,EAC1E,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAG;AACD,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 DatePicker, { type ReactDatePickerCustomHeaderProps } 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> = function DatePickerInput({\n  value,\n  onChange,\n  error,\n}) {\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=\"ub3-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":";;;;;;;;;;;;AAcA,MAAMA,IAA6C,SAAyB;AAAA,EAC1E,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAG;AACD,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/input-wrapper/input-wrapper.js

@@ -22,7 +22,7 @@ const u = ({ children: p, helperText: n, actionElement: m, isLoading: c }) => {
         p,
         /* @__PURE__ */ t(d, { $alignItems: "center", $justifyContent: "center", children: [
           n && /* @__PURE__ */ t(i, { $gutterX: e ? 2.25 : 3.5, children: [
-            /* @__PURE__ */ r(l, { $renderAs: "ub2", $color: "WHITE_T_60", $align: "center", $whiteSpace: "pre-line", children: n }),
+            /* @__PURE__ */ r(l, { $renderAs: "ub3", $color: "WHITE_T_60", $align: "center", $whiteSpace: "pre-line", children: n }),
             /* @__PURE__ */ r(o, { heightX: 0.5 })
           ] }),
           m && /* @__PURE__ */ t(i, { $justifyContent: "center", $alignItems: "center", children: [

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 { 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;"}
+{"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=\"ub3\" $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/user-type-selector/user-type-selector.js

@@ -66,12 +66,12 @@ const g = ({ onNext: l, onUserTypeChange: c, userType: m }) => /* @__PURE__ */ r
               }
             ),
             /* @__PURE__ */ e(n, { heightX: 6 }),
-            /* @__PURE__ */ r(t, { $renderAs: "ub2", $color: "WHITE_T_60", $align: "center", children: [
+            /* @__PURE__ */ r(t, { $renderAs: "ub3", $color: "WHITE_T_60", $align: "center", children: [
               "By continuing, you agree to our ",
               /* @__PURE__ */ e("br", {}),
-              /* @__PURE__ */ e(t, { $inline: !0, $renderAs: "ub2-bold", $color: "WHITE_T_60", children: "Terms of Use" }),
+              /* @__PURE__ */ e(t, { $inline: !0, $renderAs: "ub3-bold", $color: "WHITE_T_60", children: "Terms of Use" }),
               "  and  ",
-              /* @__PURE__ */ e(t, { $inline: !0, $renderAs: "ub2-bold", $color: "WHITE_T_60", children: "Privacy Policy" })
+              /* @__PURE__ */ e(t, { $inline: !0, $renderAs: "ub3-bold", $color: "WHITE_T_60", children: "Privacy Policy" })
             ] })
           ]
         }

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 { 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;"}
+{"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=\"ub3\" $color=\"WHITE_T_60\" $align=\"center\">\n          By continuing, you agree to our <br />\n          <Text $inline $renderAs=\"ub3-bold\" $color=\"WHITE_T_60\">\n            Terms of Use\n          </Text>\n          &nbsp; and &nbsp;\n          <Text $inline $renderAs=\"ub3-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

@@ -44,7 +44,7 @@ const u = ({ onGoToLogin: a }) => {
                 /* @__PURE__ */ e(n, { $renderAs: "ab3", $color: "WHITE_T_60", children: "We’re working hard to make our services available worldwide and hope to include your region soon." }),
                 /* @__PURE__ */ e(o, { heightX: r ? 2 : 8 }),
                 /* @__PURE__ */ t(i, { $flexDirection: "row", $alignItems: "center", children: [
-                  /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
+                  /* @__PURE__ */ e(n, { $renderAs: "ub4", $color: "WHITE", children: "Already have an account?" }),
                   " ",
                   /* @__PURE__ */ e(m, { size: "small", label: "Log In", color: "WHITE", onClick: a })
                 ] })

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 { 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;"}
+{"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=\"ub4\" $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/av/av-preview/av-preview.js

@@ -111,7 +111,7 @@ const j = {
           $width: A ? "100%" : "272px",
           children: [
             /* @__PURE__ */ e(w, { $renderAs: "ab1-bold", $marginBottomX: 1, children: v.heading }),
-            /* @__PURE__ */ e(I, { children: v.steps.map((i, r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(w, { $renderAs: "ub1", children: i }) }, r)) })
+            /* @__PURE__ */ e(I, { children: v.steps.map((i, r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(w, { $renderAs: "ub2", children: i }) }, r)) })
           ]
         }
       )

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 { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport { useUserMedia } from '@cuemath/av';\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';\n\ninterface IAVPreviewProps {\n  children?: React.ReactNode;\n  logger: ILogger;\n  onDeviceUpdate: (selectedDevices: {\n    audio?: string;\n    video?: string;\n    audioOutput?: string;\n  }) => void;\n}\nconst OPTIONS = {\n  constraints: { audio: true, video: true },\n  withDevices: true,\n  setupListeners: true,\n};\n\nconst AVPreview: FC<IAVPreviewProps> = memo(({ children, logger, onDeviceUpdate }) => {\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const {\n    selectedAudioDevice,\n    selectedVideoDevice,\n    videoDeviceError,\n    devices,\n    changeDevice,\n    selectedAudioOutputDevice,\n    audioDeviceError,\n    userMediaStream,\n    isAudioDeviceLoading,\n    isVideoDeviceLoading,\n  } = useUserMedia(OPTIONS);\n\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      changeDevice(deviceId, 'audiooutput');\n      const videoEl = videoRef.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    [changeDevice, logger],\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  useEffect(() => {\n    if (videoRef.current && userMediaStream) {\n      videoRef.current.srcObject = userMediaStream;\n    }\n  }, [userMediaStream]);\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                disabled={isVideoDeviceLoading}\n              />\n              <SelectInput\n                label=\"Microphone\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.audio}\n                value={selectedAudioDevice}\n                onChange={handleAudioDeviceChange}\n                disabled={isAudioDeviceLoading}\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\nAVPreview.displayName = 'AVPreview';\n\nexport default AVPreview;\n"],"names":["OPTIONS","AVPreview","memo","children","logger","onDeviceUpdate","videoRef","useRef","selectedAudioDevice","selectedVideoDevice","videoDeviceError","devices","changeDevice","selectedAudioOutputDevice","audioDeviceError","userMediaStream","isAudioDeviceLoading","isVideoDeviceLoading","useUserMedia","hasPermissionProblem","troubleshootingInfo","useGetTroubleshootingInfo","handleAudioDeviceChange","useCallback","deviceId","handleVideoDeviceChange","handleAudioOutputDeviceChange","videoEl","error","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 { memo, useCallback, useEffect, useRef, type FC } from 'react';\n\nimport { useUserMedia } from '@cuemath/av';\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';\n\ninterface IAVPreviewProps {\n  children?: React.ReactNode;\n  logger: ILogger;\n  onDeviceUpdate: (selectedDevices: {\n    audio?: string;\n    video?: string;\n    audioOutput?: string;\n  }) => void;\n}\nconst OPTIONS = {\n  constraints: { audio: true, video: true },\n  withDevices: true,\n  setupListeners: true,\n};\n\nconst AVPreview: FC<IAVPreviewProps> = memo(({ children, logger, onDeviceUpdate }) => {\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const {\n    selectedAudioDevice,\n    selectedVideoDevice,\n    videoDeviceError,\n    devices,\n    changeDevice,\n    selectedAudioOutputDevice,\n    audioDeviceError,\n    userMediaStream,\n    isAudioDeviceLoading,\n    isVideoDeviceLoading,\n  } = useUserMedia(OPTIONS);\n\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      changeDevice(deviceId, 'audiooutput');\n      const videoEl = videoRef.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    [changeDevice, logger],\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  useEffect(() => {\n    if (videoRef.current && userMediaStream) {\n      videoRef.current.srcObject = userMediaStream;\n    }\n  }, [userMediaStream]);\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                disabled={isVideoDeviceLoading}\n              />\n              <SelectInput\n                label=\"Microphone\"\n                renderAs=\"primary\"\n                shape=\"borderLess\"\n                options={devices.audio}\n                value={selectedAudioDevice}\n                onChange={handleAudioDeviceChange}\n                disabled={isAudioDeviceLoading}\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=\"ub2\">{step}</Text>\n                </li>\n              ))}\n            </Styled.AVErrorStepList>\n          </Styled.AVErrorSOPWrapper>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nAVPreview.displayName = 'AVPreview';\n\nexport default AVPreview;\n"],"names":["OPTIONS","AVPreview","memo","children","logger","onDeviceUpdate","videoRef","useRef","selectedAudioDevice","selectedVideoDevice","videoDeviceError","devices","changeDevice","selectedAudioOutputDevice","audioDeviceError","userMediaStream","isAudioDeviceLoading","isVideoDeviceLoading","useUserMedia","hasPermissionProblem","troubleshootingInfo","useGetTroubleshootingInfo","handleAudioDeviceChange","useCallback","deviceId","handleVideoDeviceChange","handleAudioOutputDeviceChange","videoEl","error","useEffect","jsxs","FlexView","jsx","Fragment","SelectInput","Styled.AVErrorSOPWrapper","Text","Styled.AVErrorStepList","step","index","AVPreview$1"],"mappings":"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"}

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

@@ -53,7 +53,7 @@ const l = "multi-tab-blocker", y = C(
             $borderRadiusX: 1,
             children: [
               /* @__PURE__ */ t(f, { $renderAs: "ah4-bold", $marginBottomX: 0.5, children: "Cuemath is open in another window." }),
-              /* @__PURE__ */ t(f, { $renderAs: "ub1", $marginBottomX: 1.5, children: 'Click "Use here" to use Cuemath in this window.' }),
+              /* @__PURE__ */ t(f, { $renderAs: "ub2", $marginBottomX: 1.5, children: 'Click "Use here" to use Cuemath in this window.' }),
               /* @__PURE__ */ c(x, { $flexDirection: "row", $flexGapX: 2, children: [
                 /* @__PURE__ */ t(
                   u,

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

@@ -1 +1 @@
-{"version":3,"file":"multi-tab-blocker.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker.tsx"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport MultiTabBlockerContext from './multi-tab-blocker-context';\nimport { EqualSpaceFlexView } from './multi-tab-blocker-styled';\nimport type { IMultiTabBlockerProps } from './multi-tab-blocker-types';\n\nconst STORAGE_KEY = 'multi-tab-blocker';\n\nconst MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>> = memo(\n  function MultiTabBlocker({ children, whitelist, onTabBlock }) {\n    const [isWhitelisted] = useState(\n      () => whitelist?.some(path => window.location.pathname.startsWith(path)) ?? false,\n    );\n    const [isTabBlocked, setIsTabBlocked] = useState(false);\n    const handleTabBlock = useCallback(\n      (source: string) => {\n        setIsTabBlocked(true);\n        onTabBlock?.(source);\n      },\n      [onTabBlock],\n    );\n    const cachedContextValue = useMemo(\n      () => ({ isTabBlocked, setIsTabBlocked: handleTabBlock }),\n      [handleTabBlock, isTabBlocked],\n    );\n\n    const handleOnClose = useCallback(() => {\n      window.location.href = 'https://cuemath.com';\n    }, []);\n\n    const handleOnUseHere = useCallback(() => {\n      document.location.reload();\n    }, []);\n\n    /**\n     * When the localStorage is changed from another tab, the storage event is triggered in all tabs except the one that triggered the change.\n     * Block the tab when we detect that the localStorage has been changed from another tab.\n     */\n    useEffect(() => {\n      const handleStorageEvent = (event: StorageEvent) => {\n        if (event.key === STORAGE_KEY) {\n          handleTabBlock('localStorage');\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n\n      if (!isWhitelisted) {\n        window.addEventListener('storage', handleStorageEvent);\n      }\n\n      return () => {\n        if (!isWhitelisted) {\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n    }, [handleTabBlock, isWhitelisted]);\n\n    /**\n     * When the new tab is opened and is visible, set the localStorage key to the current timestamp.\n     * When the tab is hidden, wait for it to become visible and set the localStorage key to the current timestamp.\n     * Which triggers the storage event in other tabs, blocking them.\n     */\n    useEffect(() => {\n      let setStorageKeyWhenVisible: () => void;\n\n      if (!isWhitelisted && !isTabBlocked) {\n        if (!document.hidden) {\n          window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n        } else {\n          setStorageKeyWhenVisible = () => {\n            if (!document.hidden) {\n              window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n            }\n\n            document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n          };\n\n          document.addEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      }\n\n      return () => {\n        if (setStorageKeyWhenVisible) {\n          document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      };\n    }, [isTabBlocked, isWhitelisted]);\n\n    return (\n      <MultiTabBlockerContext.Provider value={cachedContextValue}>\n        {isTabBlocked ? (\n          <FlexView\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $height=\"100vh\"\n            $background=\"BLACK_75\"\n          >\n            <FlexView\n              $gutterX={1.5}\n              $gapX={1.5}\n              $widthX={32}\n              $background=\"WHITE\"\n              $borderRadiusX={1}\n            >\n              <Text $renderAs=\"ah4-bold\" $marginBottomX={0.5}>\n                Cuemath is open in another window.\n              </Text>\n              <Text $renderAs=\"ub1\" $marginBottomX={1.5}>\n                Click \"Use here\" to use Cuemath in this window.\n              </Text>\n              <EqualSpaceFlexView $flexDirection=\"row\" $flexGapX={2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label=\"Close\"\n                  analyticsLabel=\"Multi Tab Close\"\n                  onClick={handleOnClose}\n                />\n                <Button\n                  renderAs=\"primary\"\n                  label=\"Use here\"\n                  analyticsLabel=\"Multi Tab Use Here\"\n                  onClick={handleOnUseHere}\n                />\n              </EqualSpaceFlexView>\n            </FlexView>\n          </FlexView>\n        ) : (\n          children\n        )}\n      </MultiTabBlockerContext.Provider>\n    );\n  },\n);\n\nexport default MultiTabBlocker;\n"],"names":["STORAGE_KEY","MultiTabBlocker","memo","children","whitelist","onTabBlock","isWhitelisted","useState","path","isTabBlocked","setIsTabBlocked","handleTabBlock","useCallback","source","cachedContextValue","useMemo","handleOnClose","handleOnUseHere","useEffect","handleStorageEvent","event","setStorageKeyWhenVisible","MultiTabBlockerContext","jsx","FlexView","jsxs","Text","EqualSpaceFlexView","Button","MultiTabBlocker$1"],"mappings":"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"}
+{"version":3,"file":"multi-tab-blocker.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker.tsx"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport MultiTabBlockerContext from './multi-tab-blocker-context';\nimport { EqualSpaceFlexView } from './multi-tab-blocker-styled';\nimport type { IMultiTabBlockerProps } from './multi-tab-blocker-types';\n\nconst STORAGE_KEY = 'multi-tab-blocker';\n\nconst MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>> = memo(\n  function MultiTabBlocker({ children, whitelist, onTabBlock }) {\n    const [isWhitelisted] = useState(\n      () => whitelist?.some(path => window.location.pathname.startsWith(path)) ?? false,\n    );\n    const [isTabBlocked, setIsTabBlocked] = useState(false);\n    const handleTabBlock = useCallback(\n      (source: string) => {\n        setIsTabBlocked(true);\n        onTabBlock?.(source);\n      },\n      [onTabBlock],\n    );\n    const cachedContextValue = useMemo(\n      () => ({ isTabBlocked, setIsTabBlocked: handleTabBlock }),\n      [handleTabBlock, isTabBlocked],\n    );\n\n    const handleOnClose = useCallback(() => {\n      window.location.href = 'https://cuemath.com';\n    }, []);\n\n    const handleOnUseHere = useCallback(() => {\n      document.location.reload();\n    }, []);\n\n    /**\n     * When the localStorage is changed from another tab, the storage event is triggered in all tabs except the one that triggered the change.\n     * Block the tab when we detect that the localStorage has been changed from another tab.\n     */\n    useEffect(() => {\n      const handleStorageEvent = (event: StorageEvent) => {\n        if (event.key === STORAGE_KEY) {\n          handleTabBlock('localStorage');\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n\n      if (!isWhitelisted) {\n        window.addEventListener('storage', handleStorageEvent);\n      }\n\n      return () => {\n        if (!isWhitelisted) {\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n    }, [handleTabBlock, isWhitelisted]);\n\n    /**\n     * When the new tab is opened and is visible, set the localStorage key to the current timestamp.\n     * When the tab is hidden, wait for it to become visible and set the localStorage key to the current timestamp.\n     * Which triggers the storage event in other tabs, blocking them.\n     */\n    useEffect(() => {\n      let setStorageKeyWhenVisible: () => void;\n\n      if (!isWhitelisted && !isTabBlocked) {\n        if (!document.hidden) {\n          window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n        } else {\n          setStorageKeyWhenVisible = () => {\n            if (!document.hidden) {\n              window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n            }\n\n            document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n          };\n\n          document.addEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      }\n\n      return () => {\n        if (setStorageKeyWhenVisible) {\n          document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      };\n    }, [isTabBlocked, isWhitelisted]);\n\n    return (\n      <MultiTabBlockerContext.Provider value={cachedContextValue}>\n        {isTabBlocked ? (\n          <FlexView\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $height=\"100vh\"\n            $background=\"BLACK_75\"\n          >\n            <FlexView\n              $gutterX={1.5}\n              $gapX={1.5}\n              $widthX={32}\n              $background=\"WHITE\"\n              $borderRadiusX={1}\n            >\n              <Text $renderAs=\"ah4-bold\" $marginBottomX={0.5}>\n                Cuemath is open in another window.\n              </Text>\n              <Text $renderAs=\"ub2\" $marginBottomX={1.5}>\n                Click \"Use here\" to use Cuemath in this window.\n              </Text>\n              <EqualSpaceFlexView $flexDirection=\"row\" $flexGapX={2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label=\"Close\"\n                  analyticsLabel=\"Multi Tab Close\"\n                  onClick={handleOnClose}\n                />\n                <Button\n                  renderAs=\"primary\"\n                  label=\"Use here\"\n                  analyticsLabel=\"Multi Tab Use Here\"\n                  onClick={handleOnUseHere}\n                />\n              </EqualSpaceFlexView>\n            </FlexView>\n          </FlexView>\n        ) : (\n          children\n        )}\n      </MultiTabBlockerContext.Provider>\n    );\n  },\n);\n\nexport default MultiTabBlocker;\n"],"names":["STORAGE_KEY","MultiTabBlocker","memo","children","whitelist","onTabBlock","isWhitelisted","useState","path","isTabBlocked","setIsTabBlocked","handleTabBlock","useCallback","source","cachedContextValue","useMemo","handleOnClose","handleOnUseHere","useEffect","handleStorageEvent","event","setStorageKeyWhenVisible","MultiTabBlockerContext","jsx","FlexView","jsxs","Text","EqualSpaceFlexView","Button","MultiTabBlocker$1"],"mappings":"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"}

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.js

@@ -50,7 +50,7 @@ const K = (g, t) => t.find((C) => {
               i.current,
               ")"
             ] }),
-            d && /* @__PURE__ */ s(b, { $renderAs: "ub3", $color: "BLACK_T_60", children: "Only assigned sheets are visible to the student" })
+            d && /* @__PURE__ */ s(b, { $renderAs: "ub4", $color: "BLACK_T_60", children: "Only assigned sheets are visible to the student" })
           ] }),
           /* @__PURE__ */ s(j, { $flexDirection: "row", children: Object.entries(p).map((n) => {
             const [e, o] = n, r = F(e, o ?? 0);
@@ -60,7 +60,7 @@ const K = (g, t) => t.find((C) => {
                 $selected: l === e,
                 onClick: () => E(e),
                 children: /* @__PURE__ */ c(m, { $flexDirection: "row", $flexGapX: 0.375, children: [
-                  /* @__PURE__ */ s(b, { $renderAs: l === e ? "ub2-bold" : "ub2", children: r }),
+                  /* @__PURE__ */ s(b, { $renderAs: l === e ? "ub3-bold" : "ub3", children: r }),
                   e === "assigned" && !!x && /* @__PURE__ */ s(
                     m,
                     {