@cuemath/leap 3.2.15-link.1 → 3.2.16-as1

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

@@ -1,51 +0,0 @@
-import { jsxs as l, jsx as m } from "react/jsx-runtime";
-import { memo as I, useRef as w, useCallback as p } from "react";
-import { LOTTIE as y } from "../../../../assets/lottie/lottie.js";
-import $ from "../../../ui/lottie-animation/lottie-animation.js";
-import { Wrapper as g, InputBox as E } from "./otp-input-styled.js";
-const T = ({
-  length: s = 4,
-  value: e,
-  onChange: c,
-  error: a,
-  isBusy: u = !1
-}) => {
-  const n = w([]), i = p(
-    (o, r) => {
-      var f;
-      if (!/^\d?$/.test(r)) return;
-      const t = e.split("");
-      t[o] = r, c(t.join("")), r && o < s - 1 && ((f = n.current[o + 1]) == null || f.focus());
-    },
-    [s, c, e]
-  ), h = p(
-    (o, r) => {
-      var t;
-      o.key === "Backspace" && !e[r] && r > 0 && ((t = n.current[r - 1]) == null || t.focus());
-    },
-    [e]
-  );
-  return /* @__PURE__ */ l(g, { $flexDirection: "row", $flexColumnGapX: 1, $alignItems: "center", children: [
-    Array.from({ length: s }).map((o, r) => /* @__PURE__ */ m(
-      E,
-      {
-        type: "text",
-        maxLength: 1,
-        value: e[r] || "",
-        onChange: (t) => i(r, t.target.value),
-        onFocus: (t) => t.target.select(),
-        onKeyDown: (t) => h(t, r),
-        $hasError: !!a,
-        ref: (t) => {
-          t && (n.current[r] = t);
-        }
-      },
-      r
-    )),
-    u && /* @__PURE__ */ m($, { src: y.SPINNER_WHITE, height: 24, width: 24 })
-  ] });
-}, R = I(T);
-export {
-  R as default
-};
-//# sourceMappingURL=otp-input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"otp-input.js","sources":["../../../../../src/features/auth/comps/otp-input/otp-input.tsx"],"sourcesContent":["import type { IOTPInputProps } from './otp-input-types';\n\nimport { useCallback, useRef, memo } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport * as styled from './otp-input-styled';\n\nconst OTPInput: React.FC<IOTPInputProps> = ({\n  length = 4,\n  value,\n  onChange,\n  error,\n  isBusy = false,\n}) => {\n  const inputsRef = useRef<HTMLInputElement[]>([]);\n\n  const handleChange = useCallback(\n    (index: number, val: string) => {\n      if (!/^\\d?$/.test(val)) return;\n\n      const newValue = value.split('');\n\n      newValue[index] = val;\n      onChange(newValue.join(''));\n\n      if (val && index < length - 1) {\n        inputsRef.current[index + 1]?.focus();\n      }\n    },\n    [length, onChange, value],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {\n      if (e.key === 'Backspace' && !value[index] && index > 0) {\n        inputsRef.current[index - 1]?.focus();\n      }\n    },\n    [value],\n  );\n\n  return (\n    <styled.Wrapper $flexDirection=\"row\" $flexColumnGapX={1} $alignItems=\"center\">\n      {Array.from({ length }).map((_, index) => (\n        <styled.InputBox\n          key={index}\n          type=\"text\"\n          maxLength={1}\n          value={value[index] || ''}\n          onChange={e => handleChange(index, e.target.value)}\n          onFocus={e => e.target.select()}\n          onKeyDown={e => handleKeyDown(e, index)}\n          $hasError={!!error}\n          ref={el => {\n            if (el) inputsRef.current[index] = el;\n          }}\n        />\n      ))}\n      {isBusy && <LottieAnimation src={LOTTIE.SPINNER_WHITE} height={24} width={24} />}\n    </styled.Wrapper>\n  );\n};\n\nexport default memo(OTPInput);\n"],"names":["OTPInput","length","value","onChange","error","isBusy","inputsRef","useRef","handleChange","useCallback","index","val","newValue","_a","handleKeyDown","e","jsxs","styled.Wrapper","_","jsx","styled.InputBox","el","LottieAnimation","LOTTIE","otpInput","memo"],"mappings":";;;;;AAQA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACE,QAAAC,IAAYC,EAA2B,CAAA,CAAE,GAEzCC,IAAeC;AAAA,IACnB,CAACC,GAAeC,MAAgB;;AAC9B,UAAI,CAAC,QAAQ,KAAKA,CAAG,EAAG;AAElB,YAAAC,IAAWV,EAAM,MAAM,EAAE;AAE/B,MAAAU,EAASF,CAAK,IAAIC,GACTR,EAAAS,EAAS,KAAK,EAAE,CAAC,GAEtBD,KAAOD,IAAQT,IAAS,OAC1BY,IAAAP,EAAU,QAAQI,IAAQ,CAAC,MAA3B,QAAAG,EAA8B;AAAA,IAElC;AAAA,IACA,CAACZ,GAAQE,GAAUD,CAAK;AAAA,EAAA,GAGpBY,IAAgBL;AAAA,IACpB,CAACM,GAA0CL,MAAkB;;AACvD,MAAAK,EAAE,QAAQ,eAAe,CAACb,EAAMQ,CAAK,KAAKA,IAAQ,OACpDG,IAAAP,EAAU,QAAQI,IAAQ,CAAC,MAA3B,QAAAG,EAA8B;AAAA,IAElC;AAAA,IACA,CAACX,CAAK;AAAA,EAAA;AAIN,SAAA,gBAAAc,EAACC,GAAA,EAAe,gBAAe,OAAM,iBAAiB,GAAG,aAAY,UAClE,UAAA;AAAA,IAAM,MAAA,KAAK,EAAE,QAAAhB,EAAQ,CAAA,EAAE,IAAI,CAACiB,GAAGR,MAC9B,gBAAAS;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAW;AAAA,QACX,OAAOlB,EAAMQ,CAAK,KAAK;AAAA,QACvB,UAAU,CAAKK,MAAAP,EAAaE,GAAOK,EAAE,OAAO,KAAK;AAAA,QACjD,SAAS,CAAAA,MAAKA,EAAE,OAAO,OAAO;AAAA,QAC9B,WAAW,CAAAA,MAAKD,EAAcC,GAAGL,CAAK;AAAA,QACtC,WAAW,CAAC,CAACN;AAAA,QACb,KAAK,CAAMiB,MAAA;AACT,UAAIA,MAAIf,EAAU,QAAQI,CAAK,IAAIW;AAAA,QACrC;AAAA,MAAA;AAAA,MAVKX;AAAA,IAAA,CAYR;AAAA,IACAL,uBAAWiB,GAAgB,EAAA,KAAKC,EAAO,eAAe,QAAQ,IAAI,OAAO,GAAI,CAAA;AAAA,EAChF,EAAA,CAAA;AAEJ,GAEeC,IAAAC,EAAKzB,CAAQ;"}

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

@@ -1,44 +0,0 @@
-import n, { css as a } from "styled-components";
-import e from "../../../ui/layout/flex-view.js";
-import $ from "../../../ui/text/text.js";
-const T = n.button`
-  ${({ selected: o, disabled: r, width: i, height: l, borderColor: s, theme: t }) => {
-  const c = r ? t.colors.WHITE_T_10 : o ? t.colors.WHITE_1 : t.colors.BLACK_1, p = r ? t.colors.WHITE_T_15 : s;
-  return a`
-      position: relative;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      cursor: ${r ? "not-allowed" : "pointer"};
-      transition: all 0.3s ease;
-      padding: 7.5px 16px;
-      border-radius: 40px;
-      border: 1px solid ${p};
-      width: ${i ? `${i}px` : "auto"};
-      height: ${l ? `${l}px` : "auto"};
-      background-color: ${c};
-      &:hover {
-        background-color: ${!o && !r ? t.colors.WHITE_T_10 : void 0};
-      }
-    `;
-}}
-`, d = n(e)`
-  visibility: ${({ $showLottie: o }) => o ? "visible" : "hidden"};
-`, f = n($)`
-  transition: all 0.3s ease-in-out;
-  position: relative;
-
-  ${({ shouldOffsetLabel: o }) => `
-    left: ${o ? "0" : "-10px"};
-  `};
-
-  ${({ selected: o, disabled: r, theme: i, textColor: l }) => `
-    color: ${r ? i.colors.WHITE_T_38 : o ? i.colors.BLACK_1 : l};
-  `};
-`;
-export {
-  d as IconWrapper,
-  f as Label,
-  T as Wrapper
-};
-//# sourceMappingURL=pill-button-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pill-button-styled.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const Wrapper = styled.button<{\n  selected: boolean;\n  disabled: boolean;\n  width?: number;\n  height?: number;\n  borderColor?: string;\n}>`\n  ${({ selected, disabled, width, height, borderColor, theme }) => {\n    const defaultBgColor = disabled\n      ? theme.colors.WHITE_T_10\n      : selected\n        ? theme.colors.WHITE_1\n        : theme.colors.BLACK_1;\n\n    const borderColorVal = disabled ? theme.colors.WHITE_T_15 : borderColor;\n\n    return css`\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: ${disabled ? 'not-allowed' : 'pointer'};\n      transition: all 0.3s ease;\n      padding: 7.5px 16px;\n      border-radius: 40px;\n      border: 1px solid ${borderColorVal};\n      width: ${width ? `${width}px` : 'auto'};\n      height: ${height ? `${height}px` : 'auto'};\n      background-color: ${defaultBgColor};\n      &:hover {\n        background-color: ${!selected && !disabled ? theme.colors.WHITE_T_10 : undefined};\n      }\n    `;\n  }}\n`;\n\nexport const IconWrapper = styled(FlexView)<{\n  $showLottie: boolean;\n}>`\n  visibility: ${({ $showLottie }) => ($showLottie ? 'visible' : 'hidden')};\n`;\n\nexport const Label = styled(Text)<{\n  selected: boolean;\n  disabled: boolean;\n  shouldOffsetLabel: boolean;\n  textColor: string;\n}>`\n  transition: all 0.3s ease-in-out;\n  position: relative;\n\n  ${({ shouldOffsetLabel }) => `\n    left: ${shouldOffsetLabel ? '0' : '-10px'};\n  `};\n\n  ${({ selected, disabled, theme, textColor }) => `\n    color: ${disabled ? theme.colors.WHITE_T_38 : selected ? theme.colors.BLACK_1 : textColor};\n  `};\n`;\n"],"names":["Wrapper","styled","selected","disabled","width","height","borderColor","theme","defaultBgColor","borderColorVal","css","IconWrapper","FlexView","$showLottie","Label","Text","shouldOffsetLabel","textColor"],"mappings":";;;AAKO,MAAMA,IAAUC,EAAO;AAAA,IAO1B,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,QAAY;AACzD,QAAAC,IAAiBL,IACnBI,EAAM,OAAO,aACbL,IACEK,EAAM,OAAO,UACbA,EAAM,OAAO,SAEbE,IAAiBN,IAAWI,EAAM,OAAO,aAAaD;AAErD,SAAAI;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKKP,IAAW,gBAAgB,SAAS;AAAA;AAAA;AAAA;AAAA,0BAI1BM,CAAc;AAAA,eACzBL,IAAQ,GAAGA,CAAK,OAAO,MAAM;AAAA,gBAC5BC,IAAS,GAAGA,CAAM,OAAO,MAAM;AAAA,0BACrBG,CAAc;AAAA;AAAA,4BAEZ,CAACN,KAAY,CAACC,IAAWI,EAAM,OAAO,aAAa,MAAS;AAAA;AAAA;AAGtF,CAAC;AAAA,GAGUI,IAAcV,EAAOW,CAAQ;AAAA,gBAG1B,CAAC,EAAE,aAAAC,EAAA,MAAmBA,IAAc,YAAY,QAAS;AAAA,GAG5DC,IAAQb,EAAOc,CAAI;AAAA;AAAA;AAAA;AAAA,IAS5B,CAAC,EAAE,mBAAAC,EAAA,MAAwB;AAAA,YACnBA,IAAoB,MAAM,OAAO;AAAA,GAC1C;AAAA;AAAA,IAEC,CAAC,EAAE,UAAAd,GAAU,UAAAC,GAAU,OAAAI,GAAO,WAAAU,EAAgB,MAAA;AAAA,aACrCd,IAAWI,EAAM,OAAO,aAAaL,IAAWK,EAAM,OAAO,UAAUU,CAAS;AAAA,GAC1F;AAAA;"}

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

@@ -1,75 +0,0 @@
-import { jsx as o, jsxs as H } from "react/jsx-runtime";
-import { memo as M, useState as x, useCallback as l, useEffect as _ } from "react";
-import { useTheme as j } from "styled-components";
-import y from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import B from "../../../ui/layout/flex-view.js";
-import O from "../../../ui/lottie-animation/lottie-animation.js";
-import { Wrapper as P, IconWrapper as R, Label as X } from "./pill-button-styled.js";
-const k = {
-  autoplay: !0,
-  loop: !0,
-  renderer: "canvas"
-}, S = ({
-  id: i,
-  label: d,
-  selected: t = !1,
-  disabled: e = !1,
-  animatedLabel: u = "",
-  icon: r,
-  onClick: a,
-  tooltip: c,
-  width: g
-}) => {
-  const [v, h] = x(!1), [n, A] = x(!1), { colors: f } = j(), s = !!u, $ = l(() => {
-    a(i);
-  }, [i, a]);
-  _(() => {
-    if (!s || e) return;
-    const T = setInterval(() => {
-      A((W) => !W);
-    }, 1e3);
-    return () => clearInterval(T);
-  }, [e, s]);
-  const w = l(() => h(!0), []), C = l(() => h(!1), []), m = !!r && !e && (s || t || v), E = f[n ? "YELLOW_4" : "WHITE_1"], I = f[n && !t ? "YELLOW_4" : "WHITE_1"], p = n ? u : d, b = n ? t ? "ub3-bold" : "ub3" : t ? "ub2-bold" : "ub2", L = /* @__PURE__ */ o(
-    P,
-    {
-      selected: t,
-      disabled: e,
-      onClick: $,
-      onMouseEnter: w,
-      onMouseLeave: C,
-      height: 36,
-      width: Number(g),
-      borderColor: E,
-      children: /* @__PURE__ */ H(
-        B,
-        {
-          $flexDirection: "row",
-          $alignItems: "center",
-          $justifyContent: "center",
-          $flexColumnGapX: 0.25,
-          children: [
-            r && /* @__PURE__ */ o(R, { $widthX: 1, $heightX: 1, $showLottie: m, children: /* @__PURE__ */ o(O, { src: r, settings: k }) }),
-            /* @__PURE__ */ o(
-              X,
-              {
-                shouldOffsetLabel: m || !r,
-                selected: t,
-                disabled: e,
-                $renderAs: b,
-                textColor: I,
-                children: p
-              },
-              p
-            )
-          ]
-        }
-      )
-    }
-  );
-  return e && c ? /* @__PURE__ */ o(y, { renderAs: "primary", tooltipItem: c, position: "top", children: L }) : L;
-}, J = M(S);
-export {
-  J as default
-};
-//# sourceMappingURL=pill-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pill-button.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button.tsx"],"sourcesContent":["import type { IPillButtonProps } from './pill-button-types';\n\nimport { useCallback, useEffect, useState, type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './pill-button-styled';\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}) => {\n  const [isHovered, setHovered] = useState(false);\n  const [highlightPhase, setHighlightPhase] = useState(false);\n  const { colors } = useTheme();\n  const shouldAnimate = !!animatedLabel;\n\n  const handleClick = useCallback(() => {\n    onClick(id);\n  }, [id, onClick]);\n\n  useEffect(() => {\n    if (!shouldAnimate || disabled) return;\n\n    const interval = setInterval(() => {\n      setHighlightPhase(prev => !prev);\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [disabled, 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 borderColor = colors[highlightPhase ? 'YELLOW_4' : 'WHITE_1'];\n  const textColor = colors[highlightPhase && !selected ? 'YELLOW_4' : 'WHITE_1'];\n  const currentLabel = highlightPhase ? animatedLabel : label;\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      height={36}\n      width={Number(width)}\n      borderColor={borderColor}\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        >\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","isHovered","setHovered","useState","highlightPhase","setHighlightPhase","colors","useTheme","shouldAnimate","handleClick","useCallback","useEffect","interval","prev","handleMouseEnter","handleMouseLeave","showLottie","borderColor","textColor","currentLabel","textRenderAs","ButtonContent","jsx","Styled.Wrapper","jsxs","FlexView","Styled.IconWrapper","LottieAnimation","Styled.Label","ArrowTooltip","pillButton","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAiB;AAAA,EACrB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ,GAEMC,IAAmC,CAAC;AAAA,EACxC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAU,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GACpD,EAAE,QAAAG,MAAWC,KACbC,IAAgB,CAAC,CAACZ,GAElBa,IAAcC,EAAY,MAAM;AACpC,IAAAZ,EAAQN,CAAE;AAAA,EAAA,GACT,CAACA,GAAIM,CAAO,CAAC;AAEhB,EAAAa,EAAU,MAAM;AACV,QAAA,CAACH,KAAiBb,EAAU;AAE1B,UAAAiB,IAAW,YAAY,MAAM;AACf,MAAAP,EAAA,CAAAQ,MAAQ,CAACA,CAAI;AAAA,OAC9B,GAAI;AAEA,WAAA,MAAM,cAAcD,CAAQ;AAAA,EAAA,GAClC,CAACjB,GAAUa,CAAa,CAAC;AAE5B,QAAMM,IAAmBJ,EAAY,MAAMR,EAAW,EAAI,GAAG,CAAA,CAAE,GACzDa,IAAmBL,EAAY,MAAMR,EAAW,EAAK,GAAG,CAAA,CAAE,GAE1Dc,IAAa,CAAC,CAACnB,KAAQ,CAACF,MAAaa,KAAiBd,KAAYO,IAElEgB,IAAcX,EAAOF,IAAiB,aAAa,SAAS,GAC5Dc,IAAYZ,EAAOF,KAAkB,CAACV,IAAW,aAAa,SAAS,GACvEyB,IAAef,IAAiBR,IAAgBH,GAEhD2B,IAAehB,IAAkBV,IAAW,aAAa,QADnCA,IAAW,aAAa,OAG9C2B,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAA7B;AAAA,MACA,UAAAC;AAAA,MACA,SAASc;AAAA,MACT,cAAcK;AAAA,MACd,cAAcC;AAAA,MACd,QAAQ;AAAA,MACR,OAAO,OAAOf,CAAK;AAAA,MACnB,aAAAiB;AAAA,MAEA,UAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,iBAAiB;AAAA,UAEhB,UAAA;AAAA,YAAA5B,uBACE6B,GAAA,EAAmB,SAAS,GAAG,UAAU,GAAG,aAAaV,GACxD,4BAACW,GAAgB,EAAA,KAAK9B,GAAM,UAAUP,EAAgB,CAAA,GACxD;AAAA,YAEF,gBAAAgC;AAAA,cAACM;AAAAA,cAAA;AAAA,gBAEC,mBAAmBZ,KAAc,CAACnB;AAAA,gBAClC,UAAAH;AAAA,gBACA,UAAAC;AAAA,gBACA,WAAWyB;AAAA,gBACX,WAAAF;AAAA,gBAEC,UAAAC;AAAA,cAAA;AAAA,cAPIA;AAAA,YAQP;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIG,SAAAxB,KAAYI,IACjB,gBAAAuB,EAACO,GAAa,EAAA,UAAS,WAAU,aAAa9B,GAAS,UAAS,OAC7D,UAAAsB,EAAA,CACH,IAEAA;AAEJ,GAEeS,IAAAC,EAAKxC,CAAU;"}

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

@@ -1,17 +0,0 @@
-import e from "styled-components";
-import t from "../../../ui/layout/flex-view.js";
-const s = e(t)`
-  ${({ selected: r, theme: o }) => `
-    cursor: pointer;
-    transition: all 0.3s ease;
-    border-width: 2px;
-
-    &:hover {
-        background-color: ${r ? void 0 : o.colors.BLACK_5};
-    }
-  `}
-`;
-export {
-  s as Wrapper
-};
-//# sourceMappingURL=selectable-info-card-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"selectable-info-card-styled.js","sources":["../../../../../src/features/auth/comps/selectable-info-card/selectable-info-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Wrapper = styled(FlexView)<{ selected: boolean }>`\n  ${({ selected, theme }) => {\n    return `\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-width: 2px;\n\n    &:hover {\n        background-color: ${!selected ? theme.colors.BLACK_5 : undefined};\n    }\n  `;\n  }}\n`;\n"],"names":["Wrapper","styled","FlexView","selected","theme"],"mappings":";;AAIa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,IAClC,CAAC,EAAE,UAAAC,GAAU,OAAAC,QACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAMkBD,IAAkC,SAAvBC,EAAM,OAAO,OAAmB;AAAA;AAAA,GAGrE;AAAA;"}

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

@@ -1,67 +0,0 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { memo as d, useRef as C, useCallback as t, useMemo as b } from "react";
-import g from "../../../ui/layout/flex-view.js";
-import x from "../../../ui/lottie-animation/lottie-animation.js";
-import m from "../../../ui/text/text.js";
-import { Wrapper as I } from "./selectable-info-card-styled.js";
-const T = ({
-  id: a,
-  title: u,
-  description: c,
-  icon: i,
-  selected: r,
-  onClick: l
-}) => {
-  const e = C(null), f = t(() => {
-    l(a);
-  }, [a, l]), p = t(() => {
-    var o;
-    (o = e.current) == null || o.play();
-  }, []), $ = t(() => {
-    var o;
-    r || (o = e.current) == null || o.stop();
-  }, [r]), h = b(
-    () => ({
-      autoplay: r,
-      loop: !0,
-      renderer: "canvas"
-    }),
-    [r]
-  );
-  return /* @__PURE__ */ s(
-    I,
-    {
-      $gutterX: 1,
-      $gapX: 1,
-      $borderColor: "WHITE",
-      $flexDirection: "row",
-      $background: r ? "WHITE_1" : "BLACK_1",
-      onMouseEnter: p,
-      onMouseLeave: $,
-      onClick: f,
-      $flexColumnGapX: 0.5,
-      selected: r,
-      $alignItems: "center",
-      children: [
-        i && /* @__PURE__ */ n(
-          x,
-          {
-            src: i,
-            ref: e,
-            settings: h,
-            width: 40,
-            height: 40
-          }
-        ),
-        /* @__PURE__ */ s(g, { children: [
-          /* @__PURE__ */ n(m, { $renderAs: "ab3", $color: r ? "BLACK_1" : "WHITE", children: u }),
-          /* @__PURE__ */ n(m, { $renderAs: "ub3", $color: r ? "BLACK_T_60" : "WHITE_T_60", children: c })
-        ] })
-      ]
-    }
-  );
-}, H = d(T);
-export {
-  H as default
-};
-//# sourceMappingURL=selectable-info-card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"selectable-info-card.js","sources":["../../../../../src/features/auth/comps/selectable-info-card/selectable-info-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ISelectableInfoCardProps } from './selectable-info-card-types';\n\nimport { useCallback, useMemo, useRef, memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './selectable-info-card-styled';\n\nconst SelectableInfoCard = ({\n  id,\n  title,\n  description,\n  icon,\n  selected,\n  onClick,\n}: ISelectableInfoCardProps) => {\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n  const handleClick = useCallback(() => {\n    onClick(id);\n  }, [id, onClick]);\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=\"WHITE\"\n      $flexDirection=\"row\"\n      $background={selected ? 'WHITE_1' : 'BLACK_1'}\n      onMouseEnter={handleOnMouseEnter}\n      onMouseLeave={handleOnMouseLeave}\n      onClick={handleClick}\n      $flexColumnGapX={0.5}\n      selected={selected}\n      $alignItems=\"center\"\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 ? 'BLACK_1' : 'WHITE'}>\n          {title}\n        </Text>\n        <Text $renderAs=\"ub3\" $color={selected ? 'BLACK_T_60' : 'WHITE_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","animationRef","useRef","handleClick","useCallback","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;AACF,MAAgC;AACxB,QAAAC,IAAeC,EAAmC,IAAI,GAEtDC,IAAcC,EAAY,MAAM;AACpC,IAAAJ,EAAQL,CAAE;AAAA,EAAA,GACT,CAACA,GAAIK,CAAO,CAAC,GAEVK,IAAqBD,EAAY,MAAM;;AAC3C,KAAAE,IAAAL,EAAa,YAAb,QAAAK,EAAsB;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAqBH,EAAY,MAAM;;AAC3C,IAAIL,MACJO,IAAAL,EAAa,YAAb,QAAAK,EAAsB;AAAA,EAAK,GAC1B,CAACP,CAAQ,CAAC,GAEPS,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAa;AAAA,MACb,gBAAe;AAAA,MACf,aAAaZ,IAAW,YAAY;AAAA,MACpC,cAAcM;AAAA,MACd,cAAcE;AAAA,MACd,SAASJ;AAAA,MACT,iBAAiB;AAAA,MACjB,UAAAJ;AAAA,MACA,aAAY;AAAA,MAEX,UAAA;AAAA,QACCD,KAAA,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKf;AAAA,YACL,KAAKG;AAAA,YACL,UAAUO;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,0BAGDM,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAF,EAACG,KAAK,WAAU,OAAM,QAAQhB,IAAW,YAAY,SAClD,UACHH,EAAA,CAAA;AAAA,UACA,gBAAAgB,EAACG,KAAK,WAAU,OAAM,QAAQhB,IAAW,eAAe,cACrD,UACHF,EAAA,CAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEemB,IAAAC,EAAKvB,CAAkB;"}

package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-constants.js

@@ -1,19 +0,0 @@
-import { ILLUSTRATIONS as t } from "../../../../assets/illustrations/illustrations.js";
-const o = [
-  {
-    icon: t.HANDSHAKE,
-    title: "Help us find the right tutor for your child"
-  },
-  {
-    icon: t.CALENDAR_PURPLE,
-    title: "Schedule your FREE class with the tutor"
-  },
-  {
-    icon: t.MONEY,
-    title: "Pay & continue with our flexible classes"
-  }
-];
-export {
-  o as onboardingGuideSteps
-};
-//# sourceMappingURL=onboarding-guide-constants.js.map

package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"onboarding-guide-constants.js","sources":["../../../../../src/features/auth/signup-v2/onboarding-guide/onboarding-guide-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const onboardingGuideSteps = [\n  {\n    icon: ILLUSTRATIONS.HANDSHAKE,\n    title: `Help us find the right tutor for your child`,\n  },\n  {\n    icon: ILLUSTRATIONS.CALENDAR_PURPLE,\n    title: `Schedule your FREE class with the tutor`,\n  },\n  {\n    icon: ILLUSTRATIONS.MONEY,\n    title: `Pay & continue with our flexible classes`,\n  },\n];\n"],"names":["onboardingGuideSteps","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAuB;AAAA,EAClC;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AACF;"}

package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-styled.js

@@ -1,32 +0,0 @@
-import e from "styled-components";
-import i from "../../../ui/layout/flex-view.js";
-const l = e(i)(({ theme: { colors: t, mediaQueries: o } }) => `
-  position: relative;
-  &:not(:last-child)::after {
-    content: '';
-    width: 37px;
-    height: 2px;
-    right: -32px;
-    top: 25px;
-    position: absolute;
-    background-color: ${t.WHITE_T_15};
-  }
-  &:last-child {
-    margin-bottom: 0;
-  }
-  ${o.minWidthSmallDesktop} {
-    margin-bottom: 48px;
-    &:not(:last-child)::after {
-      left: 28px;
-      bottom: -36px;
-      right: unset;
-      top: unset;
-      width: 2px;
-      height: 24px;
-    }
-  }
-`);
-export {
-  l as StepItem
-};
-//# sourceMappingURL=onboarding-guide-styled.js.map

package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"onboarding-guide-styled.js","sources":["../../../../../src/features/auth/signup-v2/onboarding-guide/onboarding-guide-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const StepItem = styled(FlexView)(({ theme: { colors, mediaQueries } }) => {\n  return `\n  position: relative;\n  &:not(:last-child)::after {\n    content: '';\n    width: 37px;\n    height: 2px;\n    right: -32px;\n    top: 25px;\n    position: absolute;\n    background-color: ${colors.WHITE_T_15};\n  }\n  &:last-child {\n    margin-bottom: 0;\n  }\n  ${mediaQueries.minWidthSmallDesktop} {\n    margin-bottom: 48px;\n    &:not(:last-child)::after {\n      left: 28px;\n      bottom: -36px;\n      right: unset;\n      top: unset;\n      width: 2px;\n      height: 24px;\n    }\n  }\n`;\n});\n"],"names":["StepItem","styled","FlexView","colors","mediaQueries"],"mappings":";;AAIa,MAAAA,IAAWC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAAC,GAAQ,cAAAC,EAAa,QACjE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeD,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrCC,EAAa,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAYpC;"}

package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide.js

@@ -1,44 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useTheme as m } from "styled-components";
-import t from "../../../ui/layout/flex-view.js";
-import a from "../../../ui/separator/separator.js";
-import l from "../../../ui/text/text.js";
-import { EDeviceType as p } from "../../../ui/theme/constants.js";
-import { onboardingGuideSteps as s } from "./onboarding-guide-constants.js";
-import { StepItem as $ } from "./onboarding-guide-styled.js";
-const d = () => {
-  const { device: c } = m(), r = c <= p.TABLET;
-  return /* @__PURE__ */ n(t, { $flex: 1, $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ e(l, { $whiteSpace: "pre-line", $renderAs: "ah4", $color: "WHITE", $renderOnTabletAs: "ab1", children: "Get started in 3 easy steps!" }),
-    /* @__PURE__ */ e(a, { heightX: r ? 1 : 2.75 }),
-    /* @__PURE__ */ e(t, { $flexDirection: r ? "row" : "column", $flexColumnGapX: 1.5, children: s.map((i, o) => /* @__PURE__ */ n(
-      $,
-      {
-        $flex: 1,
-        $flexDirection: r ? "column" : "row",
-        $flexColumnGapX: 1.5,
-        $flexRowGapX: 0.5,
-        $alignItems: "center",
-        children: [
-          /* @__PURE__ */ e("img", { src: i.icon, alt: `Step ${o + 1}`, width: 56, height: 56 }),
-          /* @__PURE__ */ e(t, { $width: r ? 101 : 210, children: /* @__PURE__ */ e(
-            l,
-            {
-              $whiteSpace: "pre-line",
-              $renderAs: "ab2",
-              $renderOnTabletAs: "ab3",
-              $color: "WHITE",
-              $align: r ? "center" : "left",
-              children: i.title
-            }
-          ) })
-        ]
-      },
-      o
-    )) })
-  ] });
-}, G = d;
-export {
-  G as default
-};
-//# sourceMappingURL=onboarding-guide.js.map

package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/signup-v2/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\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 { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = () => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah4\" $color=\"WHITE\" $renderOnTabletAs=\"ab1\">\n        Get started in 3 easy steps!\n      </Text>\n      <Separator heightX={isCompact ? 1 : 2.75} />\n      <FlexView $flexDirection={isCompact ? 'row' : 'column'} $flexColumnGapX={1.5}>\n        {onboardingGuideSteps.map((step, index) => (\n          <Styled.StepItem\n            key={index}\n            $flex={1}\n            $flexDirection={isCompact ? 'column' : 'row'}\n            $flexColumnGapX={1.5}\n            $flexRowGapX={0.5}\n            $alignItems={'center'}\n          >\n            <img src={step.icon} alt={`Step ${index + 1}`} width={56} height={56} />\n            <FlexView $width={isCompact ? 101 : 210}>\n              <Text\n                $whiteSpace=\"pre-line\"\n                $renderAs=\"ab2\"\n                $renderOnTabletAs=\"ab3\"\n                $color=\"WHITE\"\n                $align={isCompact ? 'center' : 'left'}\n              >\n                {step.title}\n              </Text>\n            </FlexView>\n          </Styled.StepItem>\n        ))}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default OnboardingGuide;\n"],"names":["OnboardingGuide","device","useTheme","isCompact","EDeviceType","FlexView","jsx","Text","Separator","onboardingGuideSteps","step","index","jsxs","Styled.StepItem","OnboardingGuide$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAkB,MAAM;AACtB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAExC,2BACGC,GAAS,EAAA,OAAO,GAAG,aAAY,UAAS,iBAAgB,UACvD,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,mBAAkB,OAAM,UAEpF,+BAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,SAASL,IAAY,IAAI,MAAM;AAAA,IACzC,gBAAAG,EAAAD,GAAA,EAAS,gBAAgBF,IAAY,QAAQ,UAAU,iBAAiB,KACtE,UAAqBM,EAAA,IAAI,CAACC,GAAMC,MAC/B,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,OAAO;AAAA,QACP,gBAAgBV,IAAY,WAAW;AAAA,QACvC,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,aAAa;AAAA,QAEb,UAAA;AAAA,UAAA,gBAAAG,EAAC,OAAI,EAAA,KAAKI,EAAK,MAAM,KAAK,QAAQC,IAAQ,CAAC,IAAI,OAAO,IAAI,QAAQ,IAAI;AAAA,UACrE,gBAAAL,EAAAD,GAAA,EAAS,QAAQF,IAAY,MAAM,KAClC,UAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,aAAY;AAAA,cACZ,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,QAAO;AAAA,cACP,QAAQJ,IAAY,WAAW;AAAA,cAE9B,UAAKO,EAAA;AAAA,YAAA;AAAA,UAAA,GAEV;AAAA,QAAA;AAAA,MAAA;AAAA,MAlBKC;AAAA,IAoBR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAG,IAAed;"}

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

@@ -1,54 +0,0 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useTheme as s } from "styled-components";
-import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
-import i from "../../../ui/image/image.js";
-import n from "../../../ui/layout/flex-view.js";
-import c from "../../../ui/separator/separator.js";
-import l from "../../../ui/text/text.js";
-import { EDeviceType as a } from "../../../ui/theme/constants.js";
-const d = () => {
-  const { device: m } = s(), e = m <= a.TABLET;
-  return /* @__PURE__ */ t(
-    n,
-    {
-      $flexDirection: e ? "row" : "column",
-      $alignItems: e ? "center" : "flex-start",
-      $width: "100%",
-      $flexColumnGapX: 1,
-      $justifyContent: e ? "space-between" : "flex-start",
-      children: [
-        /* @__PURE__ */ r(
-          i,
-          {
-            width: e ? 80 : 107,
-            src: o.CIRCLE_CUEMATH_LOGO_WHITE,
-            height: e ? 12 : 16
-          }
-        ),
-        !e && /* @__PURE__ */ r(c, { heightX: 1 }),
-        /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "flex-end", children: [
-          /* @__PURE__ */ t(l, { $renderAs: "ab2", $renderOnTabletAs: "ub3", $color: "WHITE", children: [
-            "Rated",
-            " ",
-            /* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub3-bold", $color: "WHITE", children: "4.8+" }),
-            " ",
-            "on"
-          ] }),
-          " ",
-          /* @__PURE__ */ r(
-            i,
-            {
-              src: o.TRUSTPILOT,
-              width: e ? 80 : 99,
-              height: e ? 20 : 25
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}, b = d;
-export {
-  b as default
-};
-//# sourceMappingURL=signup-header.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/signup-v2/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';\n\nconst SignupHeader = () => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\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      <Image\n        width={isCompact ? 80 : 107}\n        src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n        height={isCompact ? 12 : 16}\n      />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color=\"WHITE\">\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color=\"WHITE\">\n            4.8+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image\n          src={ILLUSTRATIONS.TRUSTPILOT}\n          width={isCompact ? 80 : 99}\n          height={isCompact ? 20 : 25}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","SignupHeader$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAe,MAAM;AACnB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBH,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOL,IAAY,KAAK;AAAA,YACxB,KAAKM,EAAc;AAAA,YACnB,QAAQN,IAAY,KAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,QACC,CAACA,KAAc,gBAAAI,EAAAG,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAL,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACM,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAAA;AAAA,YAAA;AAAA,YACrD;AAAA,YACN,gBAAAJ,EAACI,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAE/E,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKC,EAAc;AAAA,cACnB,OAAON,IAAY,KAAK;AAAA,cACxB,QAAQA,IAAY,KAAK;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAS,IAAeZ;"}

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

@@ -1,83 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { memo as b } from "react";
-import { useTheme as u } from "styled-components";
-import $ from "../../../../assets/line-icons/icons/apple-icon-white.js";
-import x from "../../../../assets/line-icons/icons/google-icon.js";
-import r from "../../../ui/buttons/button/button.js";
-import A from "../../../ui/buttons/text-button/text-button.js";
-import t from "../../../ui/layout/flex-view.js";
-import a from "../../../ui/separator/separator.js";
-import c from "../../../ui/text/text.js";
-import { EDeviceType as I } from "../../../ui/theme/constants.js";
-const k = ({
-  onEmailSignup: m,
-  onAppleSignup: p,
-  onGoogleSignup: d,
-  loadingProvider: l,
-  onGoToLogin: h,
-  title: f
-}) => {
-  const { device: g } = u(), o = g <= I.TABLET, n = l === "google", s = l === "apple";
-  return /* @__PURE__ */ i(t, { $alignItems: "flex-start", children: [
-    /* @__PURE__ */ e(c, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", $whiteSpace: "pre", children: f }),
-    /* @__PURE__ */ e(a, { heightX: o ? 1.5 : 2.5 }),
-    /* @__PURE__ */ i(
-      t,
-      {
-        $flexGapX: 1,
-        $flex: 1,
-        $justifyContent: "center",
-        $alignItems: "flex-start",
-        $width: "100%",
-        children: [
-          /* @__PURE__ */ e(
-            r,
-            {
-              renderAs: "black-dark",
-              Icon: x,
-              width: o ? "100%" : 320,
-              label: "Signup with Google",
-              onClick: d,
-              size: "small",
-              busy: n,
-              disabled: n
-            }
-          ),
-          /* @__PURE__ */ e(
-            r,
-            {
-              renderAs: "black-dark",
-              size: "small",
-              width: o ? "100%" : 320,
-              Icon: $,
-              label: "Signup with Apple",
-              onClick: p,
-              busy: s,
-              disabled: s
-            }
-          ),
-          /* @__PURE__ */ e(
-            r,
-            {
-              renderAs: "black-dark",
-              size: "small",
-              width: o ? "100%" : 320,
-              label: "Continue with Email",
-              onClick: m
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(a, { heightX: 1.5 }),
-    /* @__PURE__ */ i(t, { $flexDirection: "row", $alignItems: "center", children: [
-      /* @__PURE__ */ e(c, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
-      " ",
-      /* @__PURE__ */ e(A, { size: "small", label: "Log In", color: "WHITE", onClick: h })
-    ] })
-  ] });
-}, B = b(k);
-export {
-  B as default
-};
-//# sourceMappingURL=signup-options.js.map

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

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

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js

@@ -1,49 +0,0 @@
-import r from "styled-components";
-import e from "../../../../ui/image/image.js";
-import t from "../../../../ui/layout/flex-view.js";
-const l = r(e)`
-  object-fit: cover;
-`, c = r.div(
-  ({ theme: o }) => `
-  flex: 1;
-  display: grid;
-  border-left: 1px solid ${o.colors.BLACK_T_87};
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: auto auto auto;
-`
-), h = r(t)(
-  ({ theme: o }) => `
-  border: 0.5px solid ${o.colors.WHITE_5};
-  &:first-child,
-  &:nth-child(2) {
-    grid-column: span 1;
-  }
-  &:nth-child(3),
-  &:nth-child(4) {
-    grid-column: span 2;
-  }
-  &:first-child {
-    border-left: none;
-    border-top: none;
-  }
-  &:nth-child(2) {
-    border-right: none;
-    border-top: none;
-  }
-  &:nth-child(3) {
-    border-left: none;
-    border-right: none;
-  }
-  &:nth-child(4) {
-    border-left: none;
-    border-right: none;
-    border-bottom: none;
-  }
-`
-);
-export {
-  c as GridContainer,
-  h as GridItem,
-  l as ProfilePicture
-};
-//# sourceMappingURL=teacher-profile-styled.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"teacher-profile-styled.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ProfilePicture = styled(Image)`\n  object-fit: cover;\n`;\n\nconst GridContainer = styled.div(\n  ({ theme }) => `\n  flex: 1;\n  display: grid;\n  border-left: 1px solid ${theme.colors.BLACK_T_87};\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: auto auto auto;\n`,\n);\n\nconst GridItem = styled(FlexView)(\n  ({ theme }) => `\n  border: 0.5px solid ${theme.colors.WHITE_5};\n  &:first-child,\n  &:nth-child(2) {\n    grid-column: span 1;\n  }\n  &:nth-child(3),\n  &:nth-child(4) {\n    grid-column: span 2;\n  }\n  &:first-child {\n    border-left: none;\n    border-top: none;\n  }\n  &:nth-child(2) {\n    border-right: none;\n    border-top: none;\n  }\n  &:nth-child(3) {\n    border-left: none;\n    border-right: none;\n  }\n  &:nth-child(4) {\n    border-left: none;\n    border-right: none;\n    border-bottom: none;\n  }\n`,\n);\n\nexport { ProfilePicture, GridContainer, GridItem };\n"],"names":["ProfilePicture","styled","Image","GridContainer","theme","GridItem","FlexView"],"mappings":";;;AAKM,MAAAA,IAAiBC,EAAOC,CAAK;AAAA;AAAA,GAI7BC,IAAgBF,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAG,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAIlD,GAEMC,IAAWJ,EAAOK,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2B5C;"}