@cuemath/leap 3.0.11-j1 → 3.0.12-as1

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

@@ -1,90 +0,0 @@
-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: $,
-  isLoading: m
-}) => {
-  const c = n.length + 1;
-  return /* @__PURE__ */ t(
-    A,
-    {
-      $flex: 1,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $width: "100%",
-      $height: "100%",
-      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" }) })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}, O = _;
-export {
-  O as default
-};
-//# sourceMappingURL=account-selector.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,12 +0,0 @@
-import o from "styled-components";
-import e from "../../../ui/layout/flex-view.js";
-const n = o(e)`
-  min-height: 100vh;
-`, i = o(e)`
-  overflow: hidden;
-`;
-export {
-  n as Container,
-  i as ContentWrapper
-};
-//# sourceMappingURL=auth-page-layout-styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"auth-page-layout-styles.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}

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

@@ -1,11 +0,0 @@
-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;
-export {
-  m as default
-};
-//# sourceMappingURL=auth-page-layout.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,17 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { ILLUSTRATIONS as a } 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;
-export {
-  I as default
-};
-//# sourceMappingURL=auth-static-panel.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,20 +0,0 @@
-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,
-  size: o = 24,
-  successColor: f = "GREEN_4",
-  errorColor: m = "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;
-export {
-  w as default
-};
-//# sourceMappingURL=input-status-icon.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,29 +0,0 @@
-import o from "styled-components";
-const e = o.div(({ theme: t }) => `
-        position: absolute;
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        background: rgba(204, 204, 204, 0.25);
-        backdrop-filter: blur(1.5px);
-        z-index: 2;
-
-        & * {
-            pointer-events: none;
-        }
-
-        & img {
-            top: 50%;
-            position: absolute;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: ${t.layout.gutter * 5}px;
-            height: ${t.layout.gutter * 5}px;
-            filter: brightness(0);
-        }
-    `);
-export {
-  e as LoaderWrapper
-};
-//# sourceMappingURL=overlay-loader-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"overlay-loader-styled.js","sources":["../../../../../src/features/auth/comps/overlay-loader/overlay-loader-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const LoaderWrapper = styled.div(({ theme }) => {\n  return `\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        background: rgba(204, 204, 204, 0.25);\n        backdrop-filter: blur(1.5px);\n        z-index: 2;\n\n        & * {\n            pointer-events: none;\n        }\n\n        & img {\n            top: 50%;\n            position: absolute;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: ${theme.layout.gutter * 5}px;\n            height: ${theme.layout.gutter * 5}px;\n            filter: brightness(0);\n        }\n    `;\n});\n"],"names":["LoaderWrapper","styled","theme"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAmBYA,EAAM,OAAO,SAAS,CAAC;AAAA,sBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,KAI5C;"}

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

@@ -1,8 +0,0 @@
-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;
-export {
-  f as default
-};
-//# sourceMappingURL=overlay-loader.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,25 +0,0 @@
-import { jsx as u, jsxs as T } from "react/jsx-runtime";
-import { memo as d, useState as f, useEffect as s } from "react";
-import m from "../../../../ui/layout/flex-view.js";
-import n from "../../../../ui/text/text.js";
-const $ = ({ onComplete: r, timerSeconds: t }) => {
-  const [e, i] = f(t);
-  return s(() => {
-    if (e <= 0) {
-      r == null || r();
-      return;
-    }
-    const o = setTimeout(() => i((c) => c - 1), 1e3);
-    return () => clearTimeout(o);
-  }, [e, r]), s(() => {
-    i(t);
-  }, [t]), /* @__PURE__ */ u(m, { $width: 105, children: /* @__PURE__ */ T(n, { $renderAs: "ub2", $color: "WHITE_T_60", children: [
-    "Resend in",
-    " ",
-    /* @__PURE__ */ u(n, { $renderAs: "ub2-bold", $inline: !0, $color: "WHITE_T_60", children: `0:${String(e).padStart(2, "0")}` })
-  ] }) });
-}, _ = d($);
-export {
-  _ as default
-};
-//# sourceMappingURL=otp-timer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"otp-timer.js","sources":["../../../../../../src/features/auth/comps/resend-otp/otp-timer/otp-timer.tsx"],"sourcesContent":["import type { IOTPTimerProps } from './otp-timer-types';\n\nimport { memo, useState, useEffect } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst OTPTimer = ({ onComplete, timerSeconds }: IOTPTimerProps) => {\n  const [count, setCount] = useState(timerSeconds);\n\n  useEffect(() => {\n    if (count <= 0) {\n      onComplete?.();\n\n      return;\n    }\n\n    const timeoutId = setTimeout(() => setCount(c => c - 1), 1000);\n\n    return () => clearTimeout(timeoutId);\n  }, [count, onComplete]);\n\n  useEffect(() => {\n    setCount(timerSeconds);\n  }, [timerSeconds]);\n\n  return (\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          {`0:${String(count).padStart(2, '0')}`}\n        </Text>\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(OTPTimer);\n"],"names":["OTPTimer","onComplete","timerSeconds","count","setCount","useState","useEffect","timeoutId","jsx","FlexView","Text","OtpTimer","memo"],"mappings":";;;;AAOA,MAAMA,IAAW,CAAC,EAAE,YAAAC,GAAY,cAAAC,QAAmC;AACjE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASH,CAAY;AAE/C,SAAAI,EAAU,MAAM;AACd,QAAIH,KAAS,GAAG;AACD,MAAAF,KAAA,QAAAA;AAEb;AAAA,IACF;AAEM,UAAAM,IAAY,WAAW,MAAMH,EAAS,OAAK,IAAI,CAAC,GAAG,GAAI;AAEtD,WAAA,MAAM,aAAaG,CAAS;AAAA,EAAA,GAClC,CAACJ,GAAOF,CAAU,CAAC,GAEtBK,EAAU,MAAM;AACd,IAAAF,EAASF,CAAY;AAAA,EAAA,GACpB,CAACA,CAAY,CAAC,GAGf,gBAAAM,EAACC,KAAS,QAAQ,KAChB,4BAACC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IAC9B;AAAA,sBACTA,GAAK,EAAA,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UAAK,KAAA,OAAOP,CAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IACtC;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeQ,IAAAC,EAAKZ,CAAQ;"}

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

@@ -1,47 +0,0 @@
-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 _ = ({
-  onResendOTP: e,
-  onResendVoiceOTP: r,
-  timerSeconds: m = 15,
-  showVoiceOTP: s = !1,
-  disabled: n
-}) => {
-  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,
-      {
-        disabled: n,
-        label: "Resend",
-        color: "WHITE_T_60",
-        onClick: d
-      }
-    ),
-    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,
-        {
-          label: "Get code via call",
-          color: "WHITE_T_60",
-          onClick: h
-        }
-      ) })
-    ] })
-  ] }) : /* @__PURE__ */ l($, { timerSeconds: m, onComplete: p }) });
-}, W = _;
-export {
-  W as default
-};
-//# sourceMappingURL=resend-otp.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,23 +0,0 @@
-import s from "styled-components";
-import p from "../../../ui/text/text.js";
-const d = s.div(({ theme: r, tabsCount: o }) => {
-  const { colors: t } = r;
-  return `
-    display: grid;
-    background: ${t.BLACK_4};
-    grid-template-columns: repeat(${o}, 1fr);
-  `;
-}), l = s(p)(({ theme: r, $selected: o }) => {
-  const { layout: t, colors: e } = r, { WHITE_T_15: n, WHITE: a } = e;
-  return `
-    cursor: pointer;
-    padding: ${t.gutter * 0.875}px 0;
-    border-bottom: 1.5px solid ${o ? a : n};
-    transition: all 0.3s ease;
-  `;
-});
-export {
-  l as TabsText,
-  d as TabsWrapper
-};
-//# sourceMappingURL=tabs-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-styled.js","sources":["../../../../../src/features/auth/comps/tabs/tabs-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../ui/text/text';\n\ninterface TabsWrapperProps {\n  tabsCount: number;\n}\n\nconst TabsWrapper = styled.div<TabsWrapperProps>(({ theme, tabsCount }) => {\n  const { colors } = theme;\n\n  return `\n    display: grid;\n    background: ${colors.BLACK_4};\n    grid-template-columns: repeat(${tabsCount}, 1fr);\n  `;\n});\n\ninterface ITabsText {\n  $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n  const { layout, colors } = theme;\n  const { WHITE_T_15, WHITE } = colors;\n\n  return `\n    cursor: pointer;\n    padding: ${layout.gutter * 0.875}px 0;\n    border-bottom: 1.5px solid ${$selected ? WHITE : WHITE_T_15};\n    transition: all 0.3s ease;\n  `;\n});\n\nexport { TabsWrapper, TabsText };\n"],"names":["TabsWrapper","styled","theme","tabsCount","colors","TabsText","Text","$selected","layout","WHITE_T_15","WHITE"],"mappings":";;AAQA,MAAMA,IAAcC,EAAO,IAAsB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACnE,QAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA;AAAA,kBAESE,EAAO,OAAO;AAAA,oCACID,CAAS;AAAA;AAE7C,CAAC,GAMKE,IAAWJ,EAAOK,CAAI,EAAa,CAAC,EAAE,OAAAJ,GAAO,WAAAK,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAF,GACrB,EAAE,YAAAO,GAAY,OAAAC,EAAU,IAAAN;AAEvB,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,KAAK;AAAA,iCACHD,IAAYG,IAAQD,CAAU;AAAA;AAAA;AAG/D,CAAC;"}

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

@@ -1,23 +0,0 @@
-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
-    );
-  }) });
-}
-export {
-  m as default
-};
-//# sourceMappingURL=tabs.js.map

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/features/auth/forgot-password/forgot-password-styled.js

@@ -1,12 +0,0 @@
-import { styled as e } from "styled-components";
-const t = e.form`
-  display: flex;
-  flex: 1;
-  margin-top: 8px;
-  flex-direction: column;
-  justify-content: space-between;
-`;
-export {
-  t as FormWrapper
-};
-//# sourceMappingURL=forgot-password-styled.js.map

package/dist/features/auth/forgot-password/forgot-password-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forgot-password-styled.js","sources":["../../../../src/features/auth/forgot-password/forgot-password-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nexport const FormWrapper = styled.form`\n  display: flex;\n  flex: 1;\n  margin-top: 8px;\n  flex-direction: column;\n  justify-content: space-between;\n`;\n"],"names":["FormWrapper","styled"],"mappings":";AAEO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/auth/forgot-password/otp-form/otp-form.js

@@ -1,67 +0,0 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { useState as i, useEffect as $ } from "react";
-import g from "../../../ui/buttons/button/button.js";
-import b from "../../../ui/inputs/text-input/text-input.js";
-import u from "../../../ui/layout/flex-view.js";
-import h from "../../comps/input-status-icon/input-status-icon.js";
-const C = ({
-  onSubmit: c,
-  onChange: m,
-  value: s,
-  error: n,
-  isProcessing: d,
-  isValid: o = !1
-}) => {
-  const [a, l] = i(!1), [e, f] = i(30);
-  return $(() => {
-    if (e <= 0) {
-      l(!0);
-      return;
-    }
-    const r = setTimeout(() => f(e - 1), 1e3);
-    return () => clearTimeout(r);
-  }, [e]), /* @__PURE__ */ t(
-    u,
-    {
-      $gutterX: 2,
-      $gapX: 1.5,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $background: "BLACK_2",
-      $height: 308,
-      children: /* @__PURE__ */ p(u, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
-        /* @__PURE__ */ t(
-          b,
-          {
-            renderAs: n ? "error-dark" : o ? "success-dark" : "primary-dark",
-            autoFocus: !0,
-            label: "Verification code",
-            value: s,
-            onChange: (r) => m("username", r.target.value),
-            width: 330,
-            required: !0,
-            shape: "borderLess",
-            errorMessage: s,
-            siblingElement: /* @__PURE__ */ t(h, { isError: !!n, isValid: o, isLoading: d })
-          }
-        ),
-        /* @__PURE__ */ t(
-          g,
-          {
-            size: "small",
-            renderAs: "secondary-dark",
-            type: "submit",
-            label: a ? "Resend" : `Resend in 0:${e < 10 ? "0" : ""}${e}`,
-            width: 336,
-            onClick: c,
-            disabled: !a
-          }
-        )
-      ] })
-    }
-  );
-}, F = C;
-export {
-  F as default
-};
-//# sourceMappingURL=otp-form.js.map

package/dist/features/auth/forgot-password/otp-form/otp-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-form.js","sources":["../../../../../src/features/auth/forgot-password/otp-form/otp-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { useEffect, useState, type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\n\nconst OTPForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isProcessing,\n  isValid = false,\n}: ISingleFieldFormProps) => {\n  const [canResend, setCanResend] = useState(false);\n  const [count, setCount] = useState(30);\n\n  useEffect(() => {\n    if (count <= 0) {\n      setCanResend(true);\n\n      return;\n    }\n\n    const timeoutId = setTimeout(() => setCount(count - 1), 1000);\n\n    return () => clearTimeout(timeoutId);\n  }, [count]);\n\n  const statusVariant = isValid ? 'success-dark' : 'primary-dark';\n\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <FlexView $alignItems=\"center\" $justifyContent=\"space-between\" $flex={1}>\n        <TextInput\n          renderAs={error ? 'error-dark' : statusVariant}\n          autoFocus\n          label=\"Verification code\"\n          value={value}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('username', e.target.value)}\n          width={330}\n          required\n          shape=\"borderLess\"\n          errorMessage={value}\n          siblingElement={\n            <InputStatusIcon isError={!!error} isValid={isValid} isLoading={isProcessing} />\n          }\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label={canResend ? 'Resend' : `Resend in 0:${count < 10 ? '0' : ''}${count}`}\n          width={336}\n          onClick={onSubmit}\n          disabled={!canResend}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default OTPForm;\n"],"names":["OTPForm","onSubmit","onChange","value","error","isProcessing","isValid","canResend","setCanResend","useState","count","setCount","useEffect","timeoutId","jsx","FlexView","TextInput","e","InputStatusIcon","Button","OTPForm$1"],"mappings":";;;;;;AASA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA6B;AAC3B,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAOC,CAAQ,IAAIF,EAAS,EAAE;AAErC,SAAAG,EAAU,MAAM;AACd,QAAIF,KAAS,GAAG;AACd,MAAAF,EAAa,EAAI;AAEjB;AAAA,IACF;AAEA,UAAMK,IAAY,WAAW,MAAMF,EAASD,IAAQ,CAAC,GAAG,GAAI;AAErD,WAAA,MAAM,aAAaG,CAAS;AAAA,EAAA,GAClC,CAACH,CAAK,CAAC,GAKR,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,4BAACA,GAAS,EAAA,aAAY,UAAS,iBAAgB,iBAAgB,OAAO,GACpE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAUZ,IAAQ,eAbJE,IAAU,iBAAiB;AAAA,YAczC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAAH;AAAA,YACA,UAAU,CAACc,MAAqCf,EAAS,YAAYe,EAAE,OAAO,KAAK;AAAA,YACnF,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcd;AAAA,YACd,kCACGe,GAAgB,EAAA,SAAS,CAAC,CAACd,GAAO,SAAAE,GAAkB,WAAWD,GAAc;AAAA,UAAA;AAAA,QAElF;AAAA,QACA,gBAAAS;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOZ,IAAY,WAAW,eAAeG,IAAQ,KAAK,MAAM,EAAE,GAAGA,CAAK;AAAA,YAC1E,OAAO;AAAA,YACP,SAAST;AAAA,YACT,UAAU,CAACM;AAAA,UAAA;AAAA,QACb;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAepB;"}

package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js

@@ -1,89 +0,0 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import c from "../../../ui/buttons/button/button.js";
-import i from "../../../ui/inputs/text-input/text-input.js";
-import n from "../../../ui/layout/flex-view.js";
-import f from "../../../ui/separator/separator.js";
-import p from "../../comps/input-status-icon/input-status-icon.js";
-import { FormWrapper as g } from "../forgot-password-styled.js";
-const h = ({
-  onSubmit: m,
-  onChange: a,
-  formData: e,
-  errors: s,
-  isSubmitDisabled: l,
-  isProcessing: w,
-  isValid: t = !1
-}) => {
-  const u = t && e.password === e.confirmPassword;
-  return /* @__PURE__ */ r(
-    n,
-    {
-      $gutterX: 2,
-      $gapX: 1.5,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $background: "BLACK_2",
-      $height: 308,
-      children: /* @__PURE__ */ d(g, { onSubmit: m, children: [
-        /* @__PURE__ */ d(n, { children: [
-          /* @__PURE__ */ r(
-            i,
-            {
-              type: "password",
-              renderAs: s.password ? "error-dark" : "primary-dark",
-              autoComplete: "password",
-              label: "New Password",
-              value: e.password,
-              onChange: (o) => a("password", o.target.value),
-              width: 330,
-              required: !0,
-              shape: "borderLess",
-              errorMessage: s.password,
-              siblingElement: /* @__PURE__ */ r(p, { isError: !!s.password, isValid: t, isLoading: !1 })
-            }
-          ),
-          /* @__PURE__ */ r(f, { height: 36 }),
-          /* @__PURE__ */ r(
-            i,
-            {
-              type: "password",
-              renderAs: s.confirmPassword ? "error-dark" : "primary-dark",
-              autoComplete: "password",
-              label: "Re-enter Password",
-              value: e.confirmPassword,
-              onChange: (o) => a("confirmPassword", o.target.value),
-              width: 330,
-              required: !0,
-              shape: "borderLess",
-              errorMessage: s.confirmPassword,
-              siblingElement: /* @__PURE__ */ r(
-                p,
-                {
-                  isError: !!s.confirmPassword,
-                  isValid: u,
-                  isLoading: !1
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ r(
-          c,
-          {
-            size: "small",
-            renderAs: "secondary-dark",
-            type: "submit",
-            label: "Continue",
-            width: 336,
-            busy: w,
-            disabled: l
-          }
-        )
-      ] })
-    }
-  );
-}, L = h;
-export {
-  L as default
-};
-//# sourceMappingURL=reset-password-form.js.map

package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reset-password-form.js","sources":["../../../../../src/features/auth/forgot-password/reset-password-form/reset-password-form.tsx"],"sourcesContent":["import type { IResetPasswordFormProps } from './reset-password-form-types';\n\nimport { type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst ResetPasswordForm = ({\n  onSubmit,\n  onChange,\n  formData,\n  errors,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n}: IResetPasswordFormProps) => {\n  const isConfirmPasswordValid = isValid && formData.password === formData.confirmPassword;\n\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView>\n          <TextInput\n            type={'password'}\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"New Password\"\n            value={formData.password}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('password', e.target.value)}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={\n              <InputStatusIcon isError={!!errors.password} isValid={isValid} isLoading={false} />\n            }\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.confirmPassword ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"Re-enter Password\"\n            value={formData.confirmPassword}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              onChange('confirmPassword', e.target.value)\n            }\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.confirmPassword}\n            siblingElement={\n              <InputStatusIcon\n                isError={!!errors.confirmPassword}\n                isValid={isConfirmPasswordValid}\n                isLoading={false}\n              />\n            }\n          />\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label=\"Continue\"\n          width={336}\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default ResetPasswordForm;\n"],"names":["ResetPasswordForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","isConfirmPasswordValid","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Separator","Button","ResetPasswordForm$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA+B;AAC7B,QAAMC,IAAyBD,KAAWJ,EAAS,aAAaA,EAAS;AAGvE,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAX,GAClB,UAAA;AAAA,QAAA,gBAAAU,EAACD,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,UAAUT,EAAO,WAAW,eAAe;AAAA,cAC3C,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAU,CAACW,MAAqCZ,EAAS,YAAYY,EAAE,OAAO,KAAK;AAAA,cACnF,OAAO;AAAA,cACP,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcV,EAAO;AAAA,cACrB,gBACG,gBAAAK,EAAAM,GAAA,EAAgB,SAAS,CAAC,CAACX,EAAO,UAAU,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,YAAA;AAAA,UAErF;AAAA,UACA,gBAAAE,EAACO,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAP;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUT,EAAO,kBAAkB,eAAe;AAAA,cAClD,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAU,CAACW,MACTZ,EAAS,mBAAmBY,EAAE,OAAO,KAAK;AAAA,cAE5C,OAAO;AAAA,cACP,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcV,EAAO;AAAA,cACrB,gBACE,gBAAAK;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,SAAS,CAAC,CAACX,EAAO;AAAA,kBAClB,SAASI;AAAA,kBACT,WAAW;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QACA,gBAAAC;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMX;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAelB;"}