@cuemath/leap 3.0.11-j → 3.0.11-j2

package/dist/features/auth/account-selector/account-selector.js

@@ -1,90 +1,43 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { ILLUSTRATIONS as h } from "../../../assets/illustrations/illustrations.js";
-import u from "../../../assets/line-icons/icons/plus.js";
-import f from "../../ui/avatar/avatar.js";
-import l from "../../ui/image/image.js";
-import o from "../../ui/layout/flex-view.js";
-import r from "../../ui/separator/separator.js";
-import i from "../../ui/text/text.js";
-import C from "../comps/overlay-loader/overlay-loader.js";
-import { Container as A, AccountListWrapper as w, AccountCard as I, AddAccountButton as L } from "./account-selector-styled.js";
-const _ = ({
-  userAccounts: n,
-  onSelect: d,
-  onAddNew: $,
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { ILLUSTRATIONS as i } from "../../../assets/illustrations/illustrations.js";
+import c from "../../ui/image/image.js";
+import e from "../../ui/layout/flex-view.js";
+import t from "../../ui/separator/separator.js";
+import n from "../../ui/text/text.js";
+import d from "../comps/overlay-loader/overlay-loader.js";
+import p from "../user-list/user-list.js";
+const $ = ({
+  userAccounts: a,
+  onSelect: h,
+  onAddNew: l,
   isLoading: m
-}) => {
-  const c = n.length + 1;
-  return /* @__PURE__ */ t(
-    A,
+}) => /* @__PURE__ */ o(e, { $flex: 1, $alignItems: "center", $justifyContent: "center", $width: "100%", $height: "100%", children: [
+  /* @__PURE__ */ r(d, { isLoading: m }),
+  /* @__PURE__ */ r(c, { src: i.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
+  /* @__PURE__ */ r(t, { heightX: 1 }),
+  /* @__PURE__ */ r(n, { $renderAs: "ab1", $color: "WHITE_T_60", children: "Switch between accounts" }),
+  /* @__PURE__ */ r(t, { heightX: 5 }),
+  /* @__PURE__ */ r(p, { users: a, onSelect: h, showAddButton: !0, onAddNew: l }),
+  /* @__PURE__ */ r(t, { heightX: 5 }),
+  /* @__PURE__ */ o(
+    e,
     {
-      $flex: 1,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $width: "100%",
-      $height: "100%",
+      $gutterX: 0.5,
+      $gapX: 1,
+      $flexGapX: 0.5,
+      $width: 280,
+      $borderColor: "BLACK_5",
+      $background: "BLACK_3",
+      $flexDirection: "row",
       children: [
-        /* @__PURE__ */ e(C, { isLoading: m }),
-        /* @__PURE__ */ e(l, { src: h.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
-        /* @__PURE__ */ e(r, { heightX: 1 }),
-        /* @__PURE__ */ e(i, { $renderAs: "ab1", $color: "WHITE_T_60", children: "Switch between accounts" }),
-        /* @__PURE__ */ e(r, { heightX: 5 }),
-        /* @__PURE__ */ t(w, { itemCount: c, children: [
-          n.map(({ id: a, username: g, user_avatar: s }, p) => /* @__PURE__ */ t(
-            I,
-            {
-              onClick: () => d(a),
-              $background: "BLACK_1",
-              $gutter: 55,
-              $gap: 45,
-              $alignItems: "center",
-              $width: 200,
-              $height: 200,
-              $justifyContent: "center",
-              index: p,
-              children: [
-                /* @__PURE__ */ e(f, { avatar: s, size: 80 }),
-                /* @__PURE__ */ e(r, { heightX: 0.5 }),
-                /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "ab2", $align: "center", children: g })
-              ]
-            },
-            a
-          )),
-          /* @__PURE__ */ e(
-            L,
-            {
-              isLastItem: !0,
-              index: c,
-              $gutterX: 5,
-              $gapX: 5,
-              $background: "BLACK_3",
-              onClick: $,
-              children: /* @__PURE__ */ e(o, { $width: 40, $height: 40, children: /* @__PURE__ */ e(u, { color: "WHITE", width: 40, height: 40 }) })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(r, { heightX: 5 }),
-        /* @__PURE__ */ t(
-          o,
-          {
-            $gutterX: 0.5,
-            $gapX: 1,
-            $flexGapX: 0.5,
-            $width: 280,
-            $borderColor: "BLACK_5",
-            $background: "BLACK_3",
-            $flexDirection: "row",
-            children: [
-              /* @__PURE__ */ e(l, { src: h.CUEMATH_APP_QR_CODE, width: 80, height: 80, withLoader: !1 }),
-              /* @__PURE__ */ e(o, { $gapX: 0.5, $flex: 1, children: /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "ab2", children: "Download the cuemath app to view your children’s report" }) })
-            ]
-          }
-        )
+        /* @__PURE__ */ r(c, { src: i.CUEMATH_APP_QR_CODE, width: 80, height: 80, withLoader: !1 }),
+        /* @__PURE__ */ r(e, { $gapX: 0.5, $flex: 1, children: /* @__PURE__ */ r(n, { $color: "WHITE", $renderAs: "ab2", children: "Download the cuemath app to view your children’s report" }) })
       ]
     }
-  );
-}, O = _;
+  )
+] }), T = s($);
 export {
-  O as default
+  T as default
 };
 //# sourceMappingURL=account-selector.js.map

package/dist/features/auth/account-selector/account-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport PlusIcon from '../../../assets/line-icons/icons/plus';\nimport Avatar from '../../ui/avatar/avatar';\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 * as Styled from './account-selector-styled';\n\nconst AccountSelector = ({\n  userAccounts,\n  onSelect,\n  onAddNew,\n  isLoading,\n}: IAccountSelectorViewProps) => {\n  const totalCards = userAccounts.length + 1;\n\n  return (\n    <Styled.Container\n      $flex={1}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $width=\"100%\"\n      $height=\"100%\"\n    >\n      <OverlayLoader isLoading={isLoading} />\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n      <Separator heightX={1} />\n      <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\">\n        Switch between accounts\n      </Text>\n      <Separator heightX={5} />\n      <Styled.AccountListWrapper itemCount={totalCards}>\n        {userAccounts.map(({ id, username, user_avatar: avatar }, i) => (\n          <Styled.AccountCard\n            key={id}\n            onClick={() => onSelect(id)}\n            $background=\"BLACK_1\"\n            $gutter={55}\n            $gap={45}\n            $alignItems=\"center\"\n            $width={200}\n            $height={200}\n            $justifyContent=\"center\"\n            index={i}\n          >\n            <Avatar avatar={avatar} size={80} />\n            <Separator heightX={0.5} />\n            <Text $color=\"WHITE\" $renderAs=\"ab2\" $align=\"center\">\n              {username}\n            </Text>\n          </Styled.AccountCard>\n        ))}\n        <Styled.AddAccountButton\n          isLastItem\n          index={totalCards}\n          $gutterX={5}\n          $gapX={5}\n          $background=\"BLACK_3\"\n          onClick={onAddNew}\n        >\n          <FlexView $width={40} $height={40}>\n            <PlusIcon color=\"WHITE\" width={40} height={40} />\n          </FlexView>\n        </Styled.AddAccountButton>\n      </Styled.AccountListWrapper>\n      <Separator heightX={5} />\n      <FlexView\n        $gutterX={0.5}\n        $gapX={1}\n        $flexGapX={0.5}\n        $width={280}\n        $borderColor=\"BLACK_5\"\n        $background=\"BLACK_3\"\n        $flexDirection=\"row\"\n      >\n        <Image src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE} width={80} height={80} withLoader={false} />\n        <FlexView $gapX={0.5} $flex={1}>\n          <Text $color=\"WHITE\" $renderAs=\"ab2\">\n            Download the cuemath app to view your children’s report\n          </Text>\n        </FlexView>\n      </FlexView>\n    </Styled.Container>\n  );\n};\n\nexport default AccountSelector;\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","totalCards","jsxs","Styled.Container","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","Styled.AccountListWrapper","id","username","avatar","i","Styled.AccountCard","Avatar","Styled.AddAccountButton","FlexView","PlusIcon","AccountSelector$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAiC;AACzB,QAAAC,IAAaJ,EAAa,SAAS;AAGvC,SAAA,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAO;AAAA,MACP,SAAQ;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAc,WAAAL,GAAsB;AAAA,QACrC,gBAAAI,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,QAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,0BACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,2BAAA;AAAA,QACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACtB,gBAAAN,EAAAQ,GAAA,EAA0B,WAAWT,GACnC,UAAA;AAAA,UAAaJ,EAAA,IAAI,CAAC,EAAE,IAAAc,GAAI,UAAAC,GAAU,aAAaC,KAAUC,MACxD,gBAAAZ;AAAA,YAACa;AAAAA,YAAA;AAAA,cAEC,SAAS,MAAMjB,EAASa,CAAE;AAAA,cAC1B,aAAY;AAAA,cACZ,SAAS;AAAA,cACT,MAAM;AAAA,cACN,aAAY;AAAA,cACZ,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,iBAAgB;AAAA,cAChB,OAAOG;AAAA,cAEP,UAAA;AAAA,gBAAC,gBAAAV,EAAAY,GAAA,EAAO,QAAAH,GAAgB,MAAM,GAAI,CAAA;AAAA,gBAClC,gBAAAT,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,gBACzB,gBAAAJ,EAACK,KAAK,QAAO,SAAQ,WAAU,OAAM,QAAO,UACzC,UACHG,EAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAfKD;AAAA,UAAA,CAiBR;AAAA,UACD,gBAAAP;AAAA,YAACa;AAAAA,YAAA;AAAA,cACC,YAAU;AAAA,cACV,OAAOhB;AAAA,cACP,UAAU;AAAA,cACV,OAAO;AAAA,cACP,aAAY;AAAA,cACZ,SAASF;AAAA,cAET,UAAC,gBAAAK,EAAAc,GAAA,EAAS,QAAQ,IAAI,SAAS,IAC7B,UAAA,gBAAAd,EAACe,GAAS,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,GACjD;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,QACA,gBAAAf,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAN;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,OAAO;AAAA,YACP,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,cAAa;AAAA,YACb,aAAY;AAAA,YACZ,gBAAe;AAAA,YAEf,UAAA;AAAA,cAAC,gBAAAd,EAAAE,GAAA,EAAM,KAAKC,EAAc,qBAAqB,OAAO,IAAI,QAAQ,IAAI,YAAY,GAAO,CAAA;AAAA,cACxF,gBAAAH,EAAAc,GAAA,EAAS,OAAO,KAAK,OAAO,GAC3B,UAAC,gBAAAd,EAAAK,GAAA,EAAK,QAAO,SAAQ,WAAU,OAAM,oEAErC,CAAA,GACF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAW,IAAexB;"}
+{"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { memo } from 'react';\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 OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport UserList from '../user-list/user-list';\n\nconst AccountSelector = ({\n  userAccounts,\n  onSelect,\n  onAddNew,\n  isLoading,\n}: IAccountSelectorViewProps) => {\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      <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\">\n        Switch between accounts\n      </Text>\n      <Separator heightX={5} />\n      <UserList users={userAccounts} onSelect={onSelect} showAddButton onAddNew={onAddNew} />\n      <Separator heightX={5} />\n      <FlexView\n        $gutterX={0.5}\n        $gapX={1}\n        $flexGapX={0.5}\n        $width={280}\n        $borderColor=\"BLACK_5\"\n        $background=\"BLACK_3\"\n        $flexDirection=\"row\"\n      >\n        <Image src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE} width={80} height={80} withLoader={false} />\n        <FlexView $gapX={0.5} $flex={1}>\n          <Text $color=\"WHITE\" $renderAs=\"ab2\">\n            Download the cuemath app to view your children’s report\n          </Text>\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(AccountSelector);\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","jsxs","FlexView","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","UserList","accountSelector","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;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,oBACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,2BAAA;AAAA,EACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,oBACtBE,GAAS,EAAA,OAAOZ,GAAc,UAAAC,GAAoB,eAAa,IAAC,UAAAC,GAAoB;AAAA,EACrF,gBAAAI,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAN;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEf,UAAA;AAAA,QAAC,gBAAAC,EAAAE,GAAA,EAAM,KAAKC,EAAc,qBAAqB,OAAO,IAAI,QAAQ,IAAI,YAAY,GAAO,CAAA;AAAA,QACxF,gBAAAH,EAAAD,GAAA,EAAS,OAAO,KAAK,OAAO,GAC3B,UAAC,gBAAAC,EAAAK,GAAA,EAAK,QAAO,SAAQ,WAAU,OAAM,oEAErC,CAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AACF,EAAA,CAAA,GAIWE,IAAAC,EAAKf,CAAe;"}

package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js

@@ -1,11 +1,12 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import i from "../../../ui/layout/flex-view.js";
-import { Container as a, ContentWrapper as d } from "./auth-page-layout-styles.js";
-const h = ({ leftBlock: o, rightBlock: r, isFullWidth: t }) => /* @__PURE__ */ n(a, { $width: "100%", $height: "100%", $flexDirection: "row", children: [
-  /* @__PURE__ */ e(d, { $width: t ? "100%" : "50%", $background: "BLACK_1", children: o }),
-  !t && r && /* @__PURE__ */ e(i, { $width: "50%", $background: "BLACK_2", children: r })
-] }), m = h;
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { memo as i } from "react";
+import a from "../../../ui/layout/flex-view.js";
+import { Container as m, ContentWrapper as d } from "./auth-page-layout-styles.js";
+const h = ({ leftBlock: e, rightBlock: r, isFullWidth: o }) => /* @__PURE__ */ n(m, { $width: "100%", $height: "100%", $flexDirection: "row", children: [
+  /* @__PURE__ */ t(d, { $width: o ? "100%" : "50%", $background: "BLACK_1", children: e }),
+  !o && r && /* @__PURE__ */ t(a, { $width: "50%", $background: "BLACK_2", children: r })
+] }), f = i(h);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=auth-page-layout.js.map

package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './auth-page-layout-styles';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({ leftBlock, rightBlock, isFullWidth }) => {\n  return (\n    <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n      <Styled.ContentWrapper $width={isFullWidth ? '100%' : '50%'} $background=\"BLACK_1\">\n        {leftBlock}\n      </Styled.ContentWrapper>\n      {!isFullWidth && rightBlock && (\n        <FlexView $width=\"50%\" $background=\"BLACK_2\">\n          {rightBlock}\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default AuthPageLayout;\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","jsxs","Styled.Container","jsx","Styled.ContentWrapper","FlexView","AuthPageLayout$1"],"mappings":";;;AAMA,MAAMA,IAA2C,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,QAEvE,gBAAAC,EAACC,GAAA,EAAiB,QAAO,QAAO,SAAQ,QAAO,gBAAe,OAC5D,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAsB,QAAQJ,IAAc,SAAS,OAAO,aAAY,WACtE,UACHF,EAAA,CAAA;AAAA,EACC,CAACE,KAAeD,KACf,gBAAAI,EAACE,KAAS,QAAO,OAAM,aAAY,WAChC,UACHN,EAAA,CAAA;AAEJ,EAAA,CAAA,GAIJO,IAAeT;"}
+{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\n\nimport { memo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './auth-page-layout-styles';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({ leftBlock, rightBlock, isFullWidth }) => {\n  return (\n    <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n      <Styled.ContentWrapper $width={isFullWidth ? '100%' : '50%'} $background=\"BLACK_1\">\n        {leftBlock}\n      </Styled.ContentWrapper>\n      {!isFullWidth && rightBlock && (\n        <FlexView $width=\"50%\" $background=\"BLACK_2\">\n          {rightBlock}\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default memo(AuthPageLayout);\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","jsxs","Styled.Container","jsx","Styled.ContentWrapper","FlexView","authPageLayout","memo"],"mappings":";;;;AAOA,MAAMA,IAA2C,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,QAEvE,gBAAAC,EAACC,GAAA,EAAiB,QAAO,QAAO,SAAQ,QAAO,gBAAe,OAC5D,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAsB,QAAQJ,IAAc,SAAS,OAAO,aAAY,WACtE,UACHF,EAAA,CAAA;AAAA,EACC,CAACE,KAAeD,KACf,gBAAAI,EAACE,KAAS,QAAO,OAAM,aAAY,WAChC,UACHN,EAAA,CAAA;AAEJ,EAAA,CAAA,GAIWO,IAAAC,EAAKV,CAAc;"}

package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js

@@ -1,17 +1,18 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { ILLUSTRATIONS as a } from "../../../../assets/illustrations/illustrations.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { memo as n } from "react";
+import { ILLUSTRATIONS as m } from "../../../../assets/illustrations/illustrations.js";
 import l from "../../../ui/image/image.js";
 import c from "../../../ui/layout/flex-view.js";
-import t from "../../../ui/separator/separator.js";
-import r from "../../../ui/text/text.js";
-const m = ({ title: o, description: i }) => /* @__PURE__ */ n(c, { $flex: 1, $alignItems: "center", $justifyContent: "center", $gutterX: 6, children: [
-  /* @__PURE__ */ e(l, { src: a.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Cuemath Logo", withLoader: !1 }),
-  /* @__PURE__ */ e(t, { heightX: 1.5 }),
-  /* @__PURE__ */ e(r, { $whiteSpace: "pre-line", $renderAs: "ah2", $color: "WHITE", $align: "center", children: o }),
-  /* @__PURE__ */ e(t, { heightX: 1 }),
-  /* @__PURE__ */ e(r, { $whiteSpace: "pre-line", $renderAs: "ab1", $color: "WHITE_T_60", $align: "center", children: i })
-] }), I = m;
+import r from "../../../ui/separator/separator.js";
+import t from "../../../ui/text/text.js";
+const h = ({ title: o, description: i }) => /* @__PURE__ */ a(c, { $flex: 1, $alignItems: "center", $justifyContent: "center", $gutterX: 6, children: [
+  /* @__PURE__ */ e(l, { src: m.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Cuemath Logo", withLoader: !1 }),
+  /* @__PURE__ */ e(r, { heightX: 1.5 }),
+  /* @__PURE__ */ e(t, { $whiteSpace: "pre-line", $renderAs: "ah2", $color: "WHITE", $align: "center", children: o }),
+  /* @__PURE__ */ e(r, { heightX: 1 }),
+  /* @__PURE__ */ e(t, { $whiteSpace: "pre-line", $renderAs: "ab1", $color: "WHITE_T_60", $align: "center", children: i })
+] }), d = n(h);
 export {
-  I as default
+  d as default
 };
 //# sourceMappingURL=auth-static-panel.js.map

package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth-static-panel.js","sources":["../../../../../src/features/auth/comps/auth-static-panel/auth-static-panel.tsx"],"sourcesContent":["import type { IAuthStaticPanelProps } from './auth-static-panel-types';\nimport type { FC } from 'react';\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';\n\nconst AuthStaticPanel: FC<IAuthStaticPanelProps> = ({ title, description }) => {\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $gutterX={6}>\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Cuemath Logo\" withLoader={false} />\n      <Separator heightX={1.5} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah2\" $color=\"WHITE\" $align=\"center\">\n        {title}\n      </Text>\n      <Separator heightX={1} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n        {description}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default AuthStaticPanel;\n"],"names":["AuthStaticPanel","title","description","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","AuthStaticPanel$1"],"mappings":";;;;;;AASA,MAAMA,IAA6C,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAEzD,gBAAAC,EAACC,KAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,UAAU,GAC1E,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,KAAKC,EAAc,2BAA2B,KAAI,gBAAe,YAAY,IAAO;AAAA,EAC3F,gBAAAF,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EACzB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,QAAO,UAChE,UACHR,EAAA,CAAA;AAAA,EACA,gBAAAI,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,cAAa,QAAO,UACrE,UACHP,EAAA,CAAA;AACF,EAAA,CAAA,GAIJQ,IAAeV;"}
+{"version":3,"file":"auth-static-panel.js","sources":["../../../../../src/features/auth/comps/auth-static-panel/auth-static-panel.tsx"],"sourcesContent":["import type { IAuthStaticPanelProps } from './auth-static-panel-types';\n\nimport { memo, type FC } from 'react';\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';\n\nconst AuthStaticPanel: FC<IAuthStaticPanelProps> = ({ title, description }) => {\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $gutterX={6}>\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Cuemath Logo\" withLoader={false} />\n      <Separator heightX={1.5} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah2\" $color=\"WHITE\" $align=\"center\">\n        {title}\n      </Text>\n      <Separator heightX={1} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n        {description}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(AuthStaticPanel);\n"],"names":["AuthStaticPanel","title","description","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","authStaticPanel","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAA6C,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAEzD,gBAAAC,EAACC,KAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,UAAU,GAC1E,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,KAAKC,EAAc,2BAA2B,KAAI,gBAAe,YAAY,IAAO;AAAA,EAC3F,gBAAAF,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EACzB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,QAAO,UAChE,UACHR,EAAA,CAAA;AAAA,EACA,gBAAAI,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,cAAa,QAAO,UACrE,UACHP,EAAA,CAAA;AACF,EAAA,CAAA,GAIWQ,IAAAC,EAAKX,CAAe;"}

package/dist/features/auth/comps/input-status-icon/input-status-icon.js

@@ -1,20 +1,21 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useTheme as h } from "styled-components";
-import { ReactComponent as u } from "../../../../assets/illustrations/loader-1.svg.js";
-import a from "../../../../assets/line-icons/icons/check2.js";
-import s from "../../../../assets/line-icons/icons/cross.js";
-const i = ({
-  isLoading: n = !1,
-  isValid: e = !1,
-  isError: c = !1,
+import { memo as h } from "react";
+import { useTheme as u } from "styled-components";
+import { ReactComponent as a } from "../../../../assets/illustrations/loader-1.svg.js";
+import i from "../../../../assets/line-icons/icons/check2.js";
+import p from "../../../../assets/line-icons/icons/cross.js";
+const s = ({
+  isLoading: m = !1,
+  isValid: n = !1,
+  isError: e = !1,
   size: o = 24,
   successColor: f = "GREEN_4",
-  errorColor: m = "ORANGE_4"
+  errorColor: c = "ORANGE_4"
 }) => {
-  const { colors: r } = h();
-  return n ? /* @__PURE__ */ t(u, { width: o, height: o }) : c ? /* @__PURE__ */ t(s, { color: r[m], width: o, height: o }) : e ? /* @__PURE__ */ t(a, { color: r[f], width: o, height: o }) : null;
-}, w = i;
+  const { colors: r } = u();
+  return m ? /* @__PURE__ */ t(a, { width: o, height: o }) : e ? /* @__PURE__ */ t(p, { color: r[c], width: o, height: o }) : n ? /* @__PURE__ */ t(i, { color: r[f], width: o, height: o }) : null;
+}, E = h(s);
 export {
-  w as default
+  E as default
 };
 //# sourceMappingURL=input-status-icon.js.map

package/dist/features/auth/comps/input-status-icon/input-status-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-status-icon.js","sources":["../../../../../src/features/auth/comps/input-status-icon/input-status-icon.tsx"],"sourcesContent":["import type { IInputStatusIconProps } from './input-status-icon-types';\n\nimport { useTheme } from 'styled-components';\n\nimport { ReactComponent as LoaderSVG } from '../../../../assets/illustrations/loader-1.svg';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\nconst InputStatusIcon: React.FC<IInputStatusIconProps> = ({\n  isLoading = false,\n  isValid = false,\n  isError = false,\n  size = 24,\n  successColor = 'GREEN_4',\n  errorColor = 'ORANGE_4',\n}) => {\n  const { colors } = useTheme();\n\n  if (isLoading) {\n    return <LoaderSVG width={size} height={size} />;\n  }\n\n  if (isError) {\n    return <CrossIcon color={colors[errorColor]} width={size} height={size} />;\n  }\n\n  if (isValid) {\n    return <Check2Icon color={colors[successColor]} width={size} height={size} />;\n  }\n\n  return null;\n};\n\nexport default InputStatusIcon;\n"],"names":["InputStatusIcon","isLoading","isValid","isError","size","successColor","errorColor","colors","useTheme","jsx","LoaderSVG","CrossIcon","Check2Icon","InputStatusIcon$1"],"mappings":";;;;;AAQA,MAAMA,IAAmD,CAAC;AAAA,EACxD,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AACf,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC;AAEnB,SAAIP,IACM,gBAAAQ,EAAAC,GAAA,EAAU,OAAON,GAAM,QAAQA,EAAM,CAAA,IAG3CD,IACK,gBAAAM,EAACE,KAAU,OAAOJ,EAAOD,CAAU,GAAG,OAAOF,GAAM,QAAQA,EAAM,CAAA,IAGtEF,IACK,gBAAAO,EAACG,KAAW,OAAOL,EAAOF,CAAY,GAAG,OAAOD,GAAM,QAAQA,EAAM,CAAA,IAGtE;AACT,GAEAS,IAAeb;"}
+{"version":3,"file":"input-status-icon.js","sources":["../../../../../src/features/auth/comps/input-status-icon/input-status-icon.tsx"],"sourcesContent":["import type { IInputStatusIconProps } from './input-status-icon-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ReactComponent as LoaderSVG } from '../../../../assets/illustrations/loader-1.svg';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\nconst InputStatusIcon: React.FC<IInputStatusIconProps> = ({\n  isLoading = false,\n  isValid = false,\n  isError = false,\n  size = 24,\n  successColor = 'GREEN_4',\n  errorColor = 'ORANGE_4',\n}) => {\n  const { colors } = useTheme();\n\n  if (isLoading) {\n    return <LoaderSVG width={size} height={size} />;\n  }\n\n  if (isError) {\n    return <CrossIcon color={colors[errorColor]} width={size} height={size} />;\n  }\n\n  if (isValid) {\n    return <Check2Icon color={colors[successColor]} width={size} height={size} />;\n  }\n\n  return null;\n};\n\nexport default memo(InputStatusIcon);\n"],"names":["InputStatusIcon","isLoading","isValid","isError","size","successColor","errorColor","colors","useTheme","jsx","LoaderSVG","CrossIcon","Check2Icon","InputStatusIcon$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAmD,CAAC;AAAA,EACxD,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AACf,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC;AAEnB,SAAIP,IACM,gBAAAQ,EAAAC,GAAA,EAAU,OAAON,GAAM,QAAQA,EAAM,CAAA,IAG3CD,IACK,gBAAAM,EAACE,KAAU,OAAOJ,EAAOD,CAAU,GAAG,OAAOF,GAAM,QAAQA,EAAM,CAAA,IAGtEF,IACK,gBAAAO,EAACG,KAAW,OAAOL,EAAOF,CAAY,GAAG,OAAOD,GAAM,QAAQA,EAAM,CAAA,IAGtE;AACT,GAEeS,IAAAC,EAAKd,CAAe;"}

package/dist/features/auth/comps/overlay-loader/overlay-loader.js

@@ -1,8 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
-import { LoaderWrapper as a } from "./overlay-loader-styled.js";
-const t = ({ isLoading: e = !1 }) => e ? /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r("img", { src: o.LOADER_1, alt: "loader" }) }) : null, f = t;
+import { memo as e } from "react";
+import { ILLUSTRATIONS as a } from "../../../../assets/illustrations/illustrations.js";
+import { LoaderWrapper as m } from "./overlay-loader-styled.js";
+const t = ({ isLoading: o = !1 }) => o ? /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r("img", { src: a.LOADER_1, alt: "loader" }) }) : null, d = e(t);
 export {
-  f as default
+  d as default
 };
 //# sourceMappingURL=overlay-loader.js.map

package/dist/features/auth/comps/overlay-loader/overlay-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-loader.js","sources":["../../../../../src/features/auth/comps/overlay-loader/overlay-loader.tsx"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport * as Styled from './overlay-loader-styled';\n\nconst OverlayLoader = ({ isLoading = false }) => {\n  if (isLoading) {\n    return (\n      <Styled.LoaderWrapper>\n        <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n      </Styled.LoaderWrapper>\n    );\n  }\n\n  return null;\n};\n\nexport default OverlayLoader;\n"],"names":["OverlayLoader","isLoading","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","OverlayLoader$1"],"mappings":";;;AAGA,MAAMA,IAAgB,CAAC,EAAE,WAAAC,IAAY,SAC/BA,IAEA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKE,EAAc,UAAU,KAAI,SAAS,CAAA,EACjD,CAAA,IAIG,MAGTC,IAAeL;"}
+{"version":3,"file":"overlay-loader.js","sources":["../../../../../src/features/auth/comps/overlay-loader/overlay-loader.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport * as Styled from './overlay-loader-styled';\n\nconst OverlayLoader = ({ isLoading = false }) => {\n  if (isLoading) {\n    return (\n      <Styled.LoaderWrapper>\n        <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n      </Styled.LoaderWrapper>\n    );\n  }\n\n  return null;\n};\n\nexport default memo(OverlayLoader);\n"],"names":["OverlayLoader","isLoading","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","OverlayLoader$1","memo"],"mappings":";;;;AAKA,MAAMA,IAAgB,CAAC,EAAE,WAAAC,IAAY,SAC/BA,IAEA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKE,EAAc,UAAU,KAAI,SAAS,CAAA,EACjD,CAAA,IAIG,MAGMC,IAAAC,EAAKN,CAAa;"}

package/dist/features/auth/comps/resend-otp/hooks/use-resend-timer.js

@@ -0,0 +1,24 @@
+import { useState as u, useEffect as f, useCallback as T, useMemo as d } from "react";
+const l = ({ initialSeconds: t }) => {
+  const [e, r] = u(t), [n, s] = u(!1);
+  f(() => {
+    if (e <= 0) {
+      s(!0);
+      return;
+    }
+    const m = setTimeout(() => r((a) => a - 1), 1e3);
+    return () => clearTimeout(m);
+  }, [e]);
+  const o = T(() => {
+    r(t), s(!1);
+  }, [t]), c = d(() => `0:${String(e).padStart(2, "0")}`, [e]);
+  return {
+    canResend: n,
+    resetTimer: o,
+    timeLeft: c
+  };
+};
+export {
+  l as useResendTimer
+};
+//# sourceMappingURL=use-resend-timer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-resend-timer.js","sources":["../../../../../../src/features/auth/comps/resend-otp/hooks/use-resend-timer.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react';\n\ninterface IUseResendTimerProps {\n  initialSeconds: number;\n}\n\ninterface IUseResendTimerReturn {\n  canResend: boolean;\n  resetTimer: () => void;\n  timeLeft: string;\n}\n\nexport const useResendTimer = ({ initialSeconds }: IUseResendTimerProps): IUseResendTimerReturn => {\n  const [count, setCount] = useState(initialSeconds);\n  const [canResend, setCanResend] = useState(false);\n\n  useEffect(() => {\n    if (count <= 0) {\n      setCanResend(true);\n\n      return;\n    }\n\n    const timeoutId = setTimeout(() => setCount(c => c - 1), 1000);\n\n    return () => clearTimeout(timeoutId);\n  }, [count]);\n\n  const resetTimer = useCallback(() => {\n    setCount(initialSeconds);\n    setCanResend(false);\n  }, [initialSeconds]);\n\n  const timeLeft = useMemo(() => {\n    return `0:${String(count).padStart(2, '0')}`;\n  }, [count]);\n\n  return {\n    canResend,\n    resetTimer,\n    timeLeft,\n  };\n};\n"],"names":["useResendTimer","initialSeconds","count","setCount","useState","canResend","setCanResend","useEffect","timeoutId","c","resetTimer","useCallback","timeLeft","useMemo"],"mappings":";AAYO,MAAMA,IAAiB,CAAC,EAAE,gBAAAC,QAAkE;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASH,CAAc,GAC3C,CAACI,GAAWC,CAAY,IAAIF,EAAS,EAAK;AAEhD,EAAAG,EAAU,MAAM;AACd,QAAIL,KAAS,GAAG;AACd,MAAAI,EAAa,EAAI;AAEjB;AAAA,IACF;AAEM,UAAAE,IAAY,WAAW,MAAML,EAAS,OAAKM,IAAI,CAAC,GAAG,GAAI;AAEtD,WAAA,MAAM,aAAaD,CAAS;AAAA,EAAA,GAClC,CAACN,CAAK,CAAC;AAEJ,QAAAQ,IAAaC,EAAY,MAAM;AACnC,IAAAR,EAASF,CAAc,GACvBK,EAAa,EAAK;AAAA,EAAA,GACjB,CAACL,CAAc,CAAC,GAEbW,IAAWC,EAAQ,MAChB,KAAK,OAAOX,CAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IACzC,CAACA,CAAK,CAAC;AAEH,SAAA;AAAA,IACL,WAAAG;AAAA,IACA,YAAAK;AAAA,IACA,UAAAE;AAAA,EAAA;AAEJ;"}

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

@@ -1,46 +1,50 @@
-import { jsx as l, jsxs as c, Fragment as C } from "react/jsx-runtime";
-import { useState as u, useCallback as o } from "react";
-import i from "../../../ui/buttons/text-button/text-button.js";
-import a from "../../../ui/layout/flex-view.js";
-import x from "../../../ui/text/text.js";
-import $ from "./otp-timer/otp-timer.js";
-const _ = ({
+import { jsx as r, jsxs as c, Fragment as _ } from "react/jsx-runtime";
+import { memo as p, useCallback as n } from "react";
+import m from "../../../ui/buttons/text-button/text-button.js";
+import t from "../../../ui/layout/flex-view.js";
+import o from "../../../ui/text/text.js";
+import { useResendTimer as x } from "./hooks/use-resend-timer.js";
+const b = ({
   onResendOTP: e,
-  onResendVoiceOTP: r,
-  timerSeconds: m = 15,
-  showVoiceOTP: s = !1,
-  disabled: n
+  onResendVoiceOTP: l,
+  timerSeconds: d = 15,
+  showVoiceOTP: a = !1,
+  disabled: s
 }) => {
-  const [f, t] = u(!1), p = o(() => {
-    t(!0);
-  }, []), d = o(() => {
-    e == null || e(), t(!1);
-  }, [e]), h = o(() => {
-    r == null || r(), t(!1);
-  }, [r]);
-  return /* @__PURE__ */ l(a, { children: f ? /* @__PURE__ */ c(a, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
-    /* @__PURE__ */ l(
-      i,
+  const { canResend: $, resetTimer: i, timeLeft: h } = x({
+    initialSeconds: d
+  }), f = n(() => {
+    e == null || e(), i();
+  }, [e, i]), u = n(() => {
+    l == null || l(), i();
+  }, [l, i]);
+  return /* @__PURE__ */ r(t, { children: $ ? /* @__PURE__ */ c(t, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
+    /* @__PURE__ */ r(
+      m,
       {
-        disabled: n,
+        disabled: s,
         label: "Resend",
         color: "WHITE_T_60",
-        onClick: d
+        onClick: f
       }
     ),
-    s && /* @__PURE__ */ c(C, { children: [
-      /* @__PURE__ */ l(x, { $renderAs: "ub2", $color: "WHITE_T_60", children: "or" }),
-      /* @__PURE__ */ l(a, { $width: 116, children: /* @__PURE__ */ l(
-        i,
+    a && /* @__PURE__ */ c(_, { children: [
+      /* @__PURE__ */ r(o, { $renderAs: "ub2", $color: "WHITE_T_60", children: "or" }),
+      /* @__PURE__ */ r(t, { $width: 116, children: /* @__PURE__ */ r(
+        m,
         {
           label: "Get code via call",
           color: "WHITE_T_60",
-          onClick: h
+          onClick: u
         }
       ) })
     ] })
-  ] }) : /* @__PURE__ */ l($, { timerSeconds: m, onComplete: p }) });
-}, W = _;
+  ] }) : /* @__PURE__ */ r(t, { $width: 105, children: /* @__PURE__ */ c(o, { $renderAs: "ub2", $color: "WHITE_T_60", children: [
+    "Resend in",
+    " ",
+    /* @__PURE__ */ r(o, { $renderAs: "ub2-bold", $inline: !0, $color: "WHITE_T_60", children: h })
+  ] }) }) });
+}, W = p(b);
 export {
   W as default
 };

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 type { IOTPResendProps } from './resend-otp-types';\n\nimport { useState, useCallback } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport OtpTimer from './otp-timer/otp-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n  onResendOTP,\n  onResendVoiceOTP,\n  timerSeconds = 15,\n  showVoiceOTP = false,\n  disabled,\n}) => {\n  const [canResend, setCanResend] = useState(false);\n\n  const handleTimerComplete = useCallback(() => {\n    setCanResend(true);\n  }, []);\n\n  const handleResendClick = useCallback(() => {\n    onResendOTP?.();\n    setCanResend(false);\n  }, [onResendOTP]);\n\n  const handleVoiceResendClick = useCallback(() => {\n    onResendVoiceOTP?.();\n    setCanResend(false);\n  }, [onResendVoiceOTP]);\n\n  return (\n    <FlexView>\n      {!canResend ? (\n        <OtpTimer timerSeconds={timerSeconds} onComplete={handleTimerComplete} />\n      ) : (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n          <TextButton\n            disabled={disabled}\n            label=\"Resend\"\n            color=\"WHITE_T_60\"\n            onClick={handleResendClick}\n          />\n          {showVoiceOTP && (\n            <>\n              <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n                or\n              </Text>\n              <FlexView $width={116}>\n                <TextButton\n                  label=\"Get code via call\"\n                  color=\"WHITE_T_60\"\n                  onClick={handleVoiceResendClick}\n                />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default ResendOTP;\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","disabled","canResend","setCanResend","useState","handleTimerComplete","useCallback","handleResendClick","handleVoiceResendClick","FlexView","jsx","TextButton","jsxs","Fragment","Text","OtpTimer","ResendOTP$1"],"mappings":";;;;;;AASA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAsBC,EAAY,MAAM;AAC5C,IAAAH,EAAa,EAAI;AAAA,EACnB,GAAG,CAAE,CAAA,GAECI,IAAoBD,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA,KACdM,EAAa,EAAK;AAAA,EAAA,GACjB,CAACN,CAAW,CAAC,GAEVW,IAAyBF,EAAY,MAAM;AAC5B,IAAAR,KAAA,QAAAA,KACnBK,EAAa,EAAK;AAAA,EAAA,GACjB,CAACL,CAAgB,CAAC;AAErB,2BACGW,GACE,EAAA,UAACP,sBAGCO,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAAV;AAAA,QACA,OAAM;AAAA,QACN,OAAM;AAAA,QACN,SAASM;AAAA,MAAA;AAAA,IACX;AAAA,IACCP,KAEG,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,MAAA;AAAA,MACA,gBAAAJ,EAACD,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASH;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,IAvBA,gBAAAE,EAACK,KAAS,cAAAhB,GAA4B,YAAYM,EAAqB,CAAA,EAyB3E,CAAA;AAEJ,GAEAW,IAAepB;"}
+{"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import type { IOTPResendProps } from './resend-otp-types';\n\nimport { useCallback, memo } from 'react';\n\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';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n  onResendOTP,\n  onResendVoiceOTP,\n  timerSeconds = 15,\n  showVoiceOTP = false,\n  disabled,\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  return (\n    <FlexView>\n      {!canResend ? (\n        <FlexView $width={105}>\n          <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n            Resend in{' '}\n            <Text $renderAs=\"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            color=\"WHITE_T_60\"\n            onClick={handleResendClick}\n          />\n          {showVoiceOTP && (\n            <>\n              <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n                or\n              </Text>\n              <FlexView $width={116}>\n                <TextButton\n                  label=\"Get code via call\"\n                  color=\"WHITE_T_60\"\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","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","useCallback","handleVoiceResendClick","jsx","FlexView","jsxs","TextButton","Fragment","Text","ResendOTP$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AACF,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBN;AAAA,EAAA,CACjB,GAEKO,IAAoBC,EAAY,MAAM;AAC5B,IAAAV,KAAA,QAAAA,KACHM;EAAA,GACV,CAACN,GAAaM,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA,KACRK;EAAA,GACV,CAACL,GAAkBK,CAAU,CAAC;AAEjC,SACG,gBAAAM,EAAAC,GAAA,EACE,UAACR,IAUC,gBAAAS,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAAX;AAAA,QACA,OAAM;AAAA,QACN,OAAM;AAAA,QACN,SAASK;AAAA,MAAA;AAAA,IACX;AAAA,IACCN,KAEG,gBAAAW,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,MAAA;AAAA,MACA,gBAAAL,EAACC,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAD;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASJ;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,IA9BC,gBAAAC,EAAAC,GAAA,EAAS,QAAQ,KAChB,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IAC9B;AAAA,IACV,gBAAAL,EAACK,KAAK,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UACHV,EAAA,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,EAyBJ,CAAA;AAEJ,GAEeW,IAAAC,EAAKpB,CAAS;"}

package/dist/features/auth/comps/tabs/tab-tem/tab-item.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as m, useCallback as c } from "react";
+import { TabsText as i } from "../tabs-styled.js";
+const n = ({ tab: e, isSelected: o, onChange: r }) => {
+  const l = c(() => {
+    r(e.id);
+  }, [e.id, r]);
+  return /* @__PURE__ */ t(
+    i,
+    {
+      $renderAs: o ? "ub2-bold" : "ub2",
+      $align: "center",
+      $selected: o,
+      onClick: l,
+      $color: "WHITE",
+      children: e.label
+    }
+  );
+}, b = m(n);
+export {
+  b as default
+};
+//# sourceMappingURL=tab-item.js.map

package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-item.js","sources":["../../../../../../src/features/auth/comps/tabs/tab-tem/tab-item.tsx"],"sourcesContent":["import type { ITabItemProps } from '../tabs-types';\n\nimport { memo, useCallback } from 'react';\n\nimport * as Styled from '../tabs-styled';\n\nconst TabItem = ({ tab, isSelected, onChange }: ITabItemProps) => {\n  const handleClick = useCallback(() => {\n    onChange(tab.id);\n  }, [tab.id, onChange]);\n\n  return (\n    <Styled.TabsText\n      $renderAs={isSelected ? 'ub2-bold' : 'ub2'}\n      $align=\"center\"\n      $selected={isSelected}\n      onClick={handleClick}\n      $color=\"WHITE\"\n    >\n      {tab.label}\n    </Styled.TabsText>\n  );\n};\n\nexport default memo(TabItem);\n"],"names":["TabItem","tab","isSelected","onChange","handleClick","useCallback","jsx","Styled.TabsText","TabItem$1","memo"],"mappings":";;;AAMA,MAAMA,IAAU,CAAC,EAAE,KAAAC,GAAK,YAAAC,GAAY,UAAAC,QAA8B;AAC1D,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAF,EAASF,EAAI,EAAE;AAAA,EACd,GAAA,CAACA,EAAI,IAAIE,CAAQ,CAAC;AAGnB,SAAA,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWL,IAAa,aAAa;AAAA,MACrC,QAAO;AAAA,MACP,WAAWA;AAAA,MACX,SAASE;AAAA,MACT,QAAO;AAAA,MAEN,UAAIH,EAAA;AAAA,IAAA;AAAA,EAAA;AAGX,GAEeO,IAAAC,EAAKT,CAAO;"}

package/dist/features/auth/comps/tabs/tabs.js

@@ -1,23 +1,9 @@
-import { jsx as n } from "react/jsx-runtime";
-import { TabsWrapper as b, TabsText as i } from "./tabs-styled.js";
-function m({ selectedTab: o, onChange: c, tabs: t }) {
-  return /* @__PURE__ */ n(b, { tabsCount: Object.keys(t).length, children: Object.entries(t).map((s) => {
-    const [e, a] = s, { label: l } = a, r = e === o;
-    return /* @__PURE__ */ n(
-      i,
-      {
-        $renderAs: r ? "ub2-bold" : "ub2",
-        $align: "center",
-        $selected: r,
-        onClick: () => c(e),
-        $color: "WHITE",
-        children: l
-      },
-      e
-    );
-  }) });
-}
+import { jsx as m } from "react/jsx-runtime";
+import { memo as i } from "react";
+import p from "./tab-tem/tab-item.js";
+import { TabsWrapper as s } from "./tabs-styled.js";
+const a = ({ selectedTab: t, onChange: e, tabs: o }) => /* @__PURE__ */ m(s, { tabsCount: o.length, children: o.map((r) => /* @__PURE__ */ m(p, { tab: r, isSelected: r.id === t, onChange: e }, r.id)) }), l = i(a);
 export {
-  m as default
+  l as default
 };
 //# sourceMappingURL=tabs.js.map

package/dist/features/auth/comps/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../../../../src/features/auth/comps/tabs/tabs.tsx"],"sourcesContent":["import type { ITabItem, ITabsProps } from './tabs-types';\n\nimport * as Styled from './tabs-styled';\n\nfunction Tabs<T extends string>({ selectedTab, onChange, tabs }: ITabsProps<T>) {\n  return (\n    <Styled.TabsWrapper tabsCount={Object.keys(tabs).length}>\n      {Object.entries(tabs).map(tabConfig => {\n        const [tabName, tabInfo] = tabConfig;\n        const { label } = tabInfo as ITabItem;\n        const isSelected = tabName === selectedTab;\n\n        return (\n          <Styled.TabsText\n            $renderAs={isSelected ? 'ub2-bold' : 'ub2'}\n            $align=\"center\"\n            key={tabName}\n            $selected={isSelected}\n            onClick={() => onChange(tabName as T)}\n            $color=\"WHITE\"\n          >\n            {label}\n          </Styled.TabsText>\n        );\n      })}\n    </Styled.TabsWrapper>\n  );\n}\n\nexport default Tabs;\n"],"names":["Tabs","selectedTab","onChange","tabs","jsx","Styled.TabsWrapper","tabConfig","tabName","tabInfo","label","isSelected","Styled.TabsText"],"mappings":";;AAIA,SAASA,EAAuB,EAAE,aAAAC,GAAa,UAAAC,GAAU,MAAAC,KAAuB;AAC9E,SACG,gBAAAC,EAAAC,GAAA,EAAmB,WAAW,OAAO,KAAKF,CAAI,EAAE,QAC9C,UAAO,OAAA,QAAQA,CAAI,EAAE,IAAI,CAAaG,MAAA;AAC/B,UAAA,CAACC,GAASC,CAAO,IAAIF,GACrB,EAAE,OAAAG,EAAU,IAAAD,GACZE,IAAaH,MAAYN;AAG7B,WAAA,gBAAAG;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,WAAWD,IAAa,aAAa;AAAA,QACrC,QAAO;AAAA,QAEP,WAAWA;AAAA,QACX,SAAS,MAAMR,EAASK,CAAY;AAAA,QACpC,QAAO;AAAA,QAEN,UAAAE;AAAA,MAAA;AAAA,MALIF;AAAA,IAAA;AAAA,EAQV,CAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"tabs.js","sources":["../../../../../src/features/auth/comps/tabs/tabs.tsx"],"sourcesContent":["import type { ITabsProps } from './tabs-types';\n\nimport { memo } from 'react';\n\nimport TabItem from './tab-tem/tab-item';\nimport * as Styled from './tabs-styled';\n\nconst Tabs = ({ selectedTab, onChange, tabs }: ITabsProps) => {\n  return (\n    <Styled.TabsWrapper tabsCount={tabs.length}>\n      {tabs.map(tab => (\n        <TabItem key={tab.id} tab={tab} isSelected={tab.id === selectedTab} onChange={onChange} />\n      ))}\n    </Styled.TabsWrapper>\n  );\n};\n\nexport default memo(Tabs);\n"],"names":["Tabs","selectedTab","onChange","tabs","jsx","Styled.TabsWrapper","tab","TabItem","memo"],"mappings":";;;;AAOA,MAAMA,IAAO,CAAC,EAAE,aAAAC,GAAa,UAAAC,GAAU,MAAAC,QAEnC,gBAAAC,EAACC,GAAA,EAAmB,WAAWF,EAAK,QACjC,YAAK,IAAI,CAAAG,wBACPC,GAAqB,EAAA,KAAAD,GAAU,YAAYA,EAAI,OAAOL,GAAa,UAAAC,EAAtD,GAAAI,EAAI,EAAsE,CACzF,EACH,CAAA,GAIWH,IAAAK,EAAKR,CAAI;"}