@cuemath/leap 3.0.11-j8 → 3.0.12-as.1

package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js

@@ -1,100 +0,0 @@
-import { jsx as e, jsxs as n, Fragment as x } from "react/jsx-runtime";
-import { memo as C, useCallback as c } from "react";
-import E from "../../../ui/buttons/button/button.js";
-import u from "../../../ui/inputs/text-input/text-input.js";
-import s from "../../../ui/layout/flex-view.js";
-import l from "../../../ui/separator/separator.js";
-import p from "../../comps/input-status-icon/input-status-icon.js";
-import v from "../../comps/resend-otp/resend-otp.js";
-import { FormWrapper as A } from "./identifier-otp-form-styled.js";
-const S = ({
-  identifier: f,
-  otp: m,
-  errors: r,
-  isOtpVerified: i,
-  isLoading: o,
-  isSubmitDisabled: h,
-  showOtpInput: t,
-  onChange: a,
-  onSubmit: g,
-  onSendOtp: b
-}) => {
-  const k = t ? "success-dark" : "primary-dark", $ = i ? "success-dark" : "primary-dark", y = c(
-    (d) => {
-      a("identifier", d.target.value);
-    },
-    [a]
-  ), F = c(
-    (d) => {
-      a("otp", d.target.value);
-    },
-    [a]
-  );
-  return /* @__PURE__ */ e(s, { $gutterX: 2, $gapX: 1.5, $background: "BLACK_2", $height: 308, children: /* @__PURE__ */ n(A, { onSubmit: g, children: [
-    /* @__PURE__ */ n(s, { $alignItems: "center", $justifyContent: "center", children: [
-      /* @__PURE__ */ e(
-        u,
-        {
-          renderAs: r.identifier ? "error-dark" : k,
-          autoFocus: !0,
-          label: "Email or Phone",
-          value: f,
-          onChange: y,
-          width: 330,
-          required: !0,
-          shape: "borderLess",
-          errorMessage: r.identifier,
-          disabled: t,
-          siblingElement: /* @__PURE__ */ e(p, { isValid: t, isError: !!r.identifier })
-        }
-      ),
-      t && /* @__PURE__ */ n(x, { children: [
-        /* @__PURE__ */ e(l, { height: 36 }),
-        /* @__PURE__ */ e(
-          u,
-          {
-            type: "password",
-            renderAs: r.otp ? "error-dark" : $,
-            autoComplete: "password",
-            label: "Verification code",
-            value: m,
-            onChange: F,
-            width: 330,
-            required: !0,
-            autoFocus: !0,
-            shape: "borderLess",
-            errorMessage: r.otp,
-            disabled: i || m.length === 4 && o,
-            siblingElement: /* @__PURE__ */ e(
-              p,
-              {
-                isLoading: o,
-                isValid: i,
-                isError: !!r.otp
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(l, { heightX: 1.25 }),
-        /* @__PURE__ */ e(s, { $alignItems: "flex-end", $width: "100%", children: /* @__PURE__ */ e(v, { onResendOTP: b, disabled: i }) }),
-        /* @__PURE__ */ e(l, { heightX: 2 })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(
-      E,
-      {
-        size: "small",
-        renderAs: "secondary-dark",
-        type: "submit",
-        label: t ? "Log In" : "Get Verification Code",
-        width: 336,
-        busy: !t && o,
-        disabled: h
-      }
-    )
-  ] }) });
-}, P = C(S);
-export {
-  P as default
-};
-//# sourceMappingURL=identifier-otp-form.js.map

package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"identifier-otp-form.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form.tsx"],"sourcesContent":["// In @cuemath/leap/src/components/IdentifierOtpForm.tsx\n\nimport type { IIdentifierOtpFormProps } from './identifier-otp-form-types';\n\nimport React, { type ChangeEvent, memo, useCallback } 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 ResendOTP from '../../comps/resend-otp/resend-otp';\nimport * as Styled from './identifier-otp-form-styled';\n\nconst IdentifierOtpForm: React.FC<IIdentifierOtpFormProps> = ({\n  identifier,\n  otp,\n  errors,\n  isOtpVerified,\n  isLoading,\n  isSubmitDisabled,\n  showOtpInput,\n  onChange,\n  onSubmit,\n  onSendOtp,\n}) => {\n  const identifierStatusVariant = showOtpInput ? 'success-dark' : 'primary-dark';\n  const otpStatusVariant = isOtpVerified ? 'success-dark' : 'primary-dark';\n\n  const handleIdentifierChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('identifier', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handleOtpChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('otp', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <FlexView $gutterX={2} $gapX={1.5} $background=\"BLACK_2\" $height={308}>\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.identifier ? 'error-dark' : identifierStatusVariant}\n            autoFocus\n            label=\"Email or Phone\"\n            value={identifier}\n            onChange={handleIdentifierChange}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.identifier}\n            disabled={showOtpInput}\n            siblingElement={\n              <InputStatusIcon isValid={showOtpInput} isError={!!errors.identifier} />\n            }\n          />\n          {showOtpInput && (\n            <>\n              <Separator height={36} />\n              <TextInput\n                type=\"password\"\n                renderAs={errors.otp ? 'error-dark' : otpStatusVariant}\n                autoComplete=\"password\"\n                label=\"Verification code\"\n                value={otp}\n                onChange={handleOtpChange}\n                width={330}\n                required\n                autoFocus\n                shape=\"borderLess\"\n                errorMessage={errors.otp}\n                disabled={isOtpVerified || (otp.length === 4 && isLoading)}\n                siblingElement={\n                  <InputStatusIcon\n                    isLoading={isLoading}\n                    isValid={isOtpVerified}\n                    isError={!!errors.otp}\n                  />\n                }\n              />\n              <Separator heightX={1.25} />\n              <FlexView $alignItems=\"flex-end\" $width=\"100%\">\n                <ResendOTP onResendOTP={onSendOtp} disabled={isOtpVerified} />\n              </FlexView>\n              <Separator heightX={2} />\n            </>\n          )}\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label={showOtpInput ? 'Log In' : 'Get Verification Code'}\n          width={336}\n          busy={!showOtpInput && isLoading}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(IdentifierOtpForm);\n"],"names":["IdentifierOtpForm","identifier","otp","errors","isOtpVerified","isLoading","isSubmitDisabled","showOtpInput","onChange","onSubmit","onSendOtp","identifierStatusVariant","otpStatusVariant","handleIdentifierChange","useCallback","e","handleOtpChange","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Fragment","Separator","ResendOTP","Button","identifierOtpForm","memo"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACE,QAAAC,IAA0BJ,IAAe,iBAAiB,gBAC1DK,IAAmBR,IAAgB,iBAAiB,gBAEpDS,IAAyBC;AAAA,IAC7B,CAACC,MAAqC;AAC3B,MAAAP,EAAA,cAAcO,EAAE,OAAO,KAAK;AAAA,IACvC;AAAA,IACA,CAACP,CAAQ;AAAA,EAAA,GAGLQ,IAAkBF;AAAA,IACtB,CAACC,MAAqC;AAC3B,MAAAP,EAAA,OAAOO,EAAE,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,CAACP,CAAQ;AAAA,EAAA;AAGX,SACG,gBAAAS,EAAAC,GAAA,EAAS,UAAU,GAAG,OAAO,KAAK,aAAY,WAAU,SAAS,KAChE,UAAA,gBAAAC,EAACC,GAAA,EAAmB,UAAAX,GAClB,UAAA;AAAA,IAAA,gBAAAU,EAACD,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUlB,EAAO,aAAa,eAAeQ;AAAA,UAC7C,WAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAOV;AAAA,UACP,UAAUY;AAAA,UACV,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,cAAcV,EAAO;AAAA,UACrB,UAAUI;AAAA,UACV,kCACGe,GAAgB,EAAA,SAASf,GAAc,SAAS,CAAC,CAACJ,EAAO,YAAY;AAAA,QAAA;AAAA,MAE1E;AAAA,MACCI,KAEG,gBAAAY,EAAAI,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAN,EAAAO,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAP;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUlB,EAAO,MAAM,eAAeS;AAAA,YACtC,cAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAOV;AAAA,YACP,UAAUc;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,WAAS;AAAA,YACT,OAAM;AAAA,YACN,cAAcb,EAAO;AAAA,YACrB,UAAUC,KAAkBF,EAAI,WAAW,KAAKG;AAAA,YAChD,gBACE,gBAAAY;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,WAAAjB;AAAA,gBACA,SAASD;AAAA,gBACT,SAAS,CAAC,CAACD,EAAO;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAEJ;AAAA,QACA,gBAAAc,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAP,EAAAC,GAAA,EAAS,aAAY,YAAW,QAAO,QACtC,UAAC,gBAAAD,EAAAQ,GAAA,EAAU,aAAaf,GAAW,UAAUN,EAAe,CAAA,GAC9D;AAAA,QACA,gBAAAa,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,GACzB;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAP;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOnB,IAAe,WAAW;AAAA,QACjC,OAAO;AAAA,QACP,MAAM,CAACA,KAAgBF;AAAA,QACvB,UAAUC;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeqB,IAAAC,EAAK5B,CAAiB;"}

package/dist/features/auth/login/login-constants.js

@@ -1,14 +0,0 @@
-const e = [
-  {
-    id: "username",
-    label: "Username"
-  },
-  {
-    id: "identifier",
-    label: "Email/Phone"
-  }
-];
-export {
-  e as AUTH_TABS
-};
-//# sourceMappingURL=login-constants.js.map

package/dist/features/auth/login/login-constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"login-constants.js","sources":["../../../../src/features/auth/login/login-constants.ts"],"sourcesContent":["import type { TAuthTabKeys } from './login-types';\n\ninterface IAuthTab {\n  id: TAuthTabKeys;\n  label: string;\n}\n\nexport const AUTH_TABS: IAuthTab[] = [\n  {\n    id: 'username',\n    label: 'Username',\n  },\n  {\n    id: 'identifier',\n    label: 'Email/Phone',\n  },\n];\n"],"names":["AUTH_TABS"],"mappings":"AAOO,MAAMA,IAAwB;AAAA,EACnC;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AACF;"}

package/dist/features/auth/login/social-account-not-found/social-account-not-found.js

@@ -1,32 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { memo as a } from "react";
-import e from "../../../ui/buttons/button/button.js";
-import i from "../../../ui/layout/flex-view.js";
-import c from "../../../ui/separator/separator.js";
-const s = ({ onRetryLogin: t, onGoToSignup: r }) => /* @__PURE__ */ n(i, { $alignItems: "center", $justifyContent: "center", children: [
-  /* @__PURE__ */ o(
-    e,
-    {
-      size: "small",
-      renderAs: "secondary-dark",
-      label: "Create a new account",
-      width: 232,
-      onClick: r
-    }
-  ),
-  /* @__PURE__ */ o(c, { heightX: 1 }),
-  /* @__PURE__ */ o(
-    e,
-    {
-      size: "small",
-      renderAs: "secondary-dark",
-      label: "Try another Login method",
-      width: 232,
-      onClick: t
-    }
-  )
-] }), h = a(s);
-export {
-  h as default
-};
-//# sourceMappingURL=social-account-not-found.js.map

package/dist/features/auth/login/social-account-not-found/social-account-not-found.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"social-account-not-found.js","sources":["../../../../../src/features/auth/login/social-account-not-found/social-account-not-found.tsx"],"sourcesContent":["import type { ISocialAccountNotFoundProps } from './social-account-not-found-types';\n\nimport { memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\n\nconst SocialAccountNotFound = ({ onRetryLogin, onGoToSignup }: ISocialAccountNotFoundProps) => {\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n      <Button\n        size=\"small\"\n        renderAs=\"secondary-dark\"\n        label=\"Create a new account\"\n        width={232}\n        onClick={onGoToSignup}\n      />\n      <Separator heightX={1} />\n      <Button\n        size=\"small\"\n        renderAs=\"secondary-dark\"\n        label=\"Try another Login method\"\n        width={232}\n        onClick={onRetryLogin}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(SocialAccountNotFound);\n"],"names":["SocialAccountNotFound","onRetryLogin","onGoToSignup","jsxs","FlexView","jsx","Button","Separator","socialAccountNotFound","memo"],"mappings":";;;;;AAQA,MAAMA,IAAwB,CAAC,EAAE,cAAAC,GAAc,cAAAC,QAE1C,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,OAAM;AAAA,MACN,OAAO;AAAA,MACP,SAASJ;AAAA,IAAA;AAAA,EACX;AAAA,EACA,gBAAAG,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAF;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,OAAM;AAAA,MACN,OAAO;AAAA,MACP,SAASL;AAAA,IAAA;AAAA,EACX;AACF,EAAA,CAAA,GAIWO,IAAAC,EAAKT,CAAqB;"}

package/dist/features/auth/login/social-login-methods/social-login-methods.js

@@ -1,47 +0,0 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { memo as r } from "react";
-import c from "../../../../assets/line-icons/icons/apple-icon.js";
-import d from "../../../../assets/line-icons/icons/google-icon.js";
-import s from "../../../ui/buttons/button/button.js";
-import p from "../../../ui/layout/flex-view.js";
-const m = ({
-  onGoogleLogin: n,
-  onAppleLogin: t,
-  loadingProvider: o
-}) => {
-  const e = o === "google", l = o === "apple";
-  return /* @__PURE__ */ a(p, { $flexGapX: 1, $flexDirection: "row", $justifyContent: "space-between", $width: 336, children: [
-    /* @__PURE__ */ i(
-      s,
-      {
-        renderAs: "secondary-dark",
-        Icon: d,
-        width: 160,
-        label: "",
-        analyticsLabel: "google_login",
-        onClick: n,
-        size: "small",
-        busy: e,
-        disabled: e
-      }
-    ),
-    /* @__PURE__ */ i(
-      s,
-      {
-        renderAs: "secondary-dark",
-        size: "small",
-        width: 160,
-        Icon: c,
-        label: "",
-        analyticsLabel: "apple_login",
-        onClick: t,
-        busy: l,
-        disabled: l
-      }
-    )
-  ] });
-}, w = r(m);
-export {
-  w as default
-};
-//# sourceMappingURL=social-login-methods.js.map

package/dist/features/auth/login/social-login-methods/social-login-methods.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"social-login-methods.js","sources":["../../../../../src/features/auth/login/social-login-methods/social-login-methods.tsx"],"sourcesContent":["import type { ISocialLoginMethodsProps } from './social-login-methods-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst SocialLoginMethods: FC<ISocialLoginMethodsProps> = ({\n  onGoogleLogin,\n  onAppleLogin,\n  loadingProvider,\n}) => {\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $flexGapX={1} $flexDirection=\"row\" $justifyContent=\"space-between\" $width={336}>\n      <Button\n        renderAs=\"secondary-dark\"\n        Icon={GoogleIcon}\n        width={160}\n        label=\"\"\n        analyticsLabel=\"google_login\"\n        onClick={onGoogleLogin}\n        size=\"small\"\n        busy={isLoadingGoogle}\n        disabled={isLoadingGoogle}\n      />\n      <Button\n        renderAs=\"secondary-dark\"\n        size=\"small\"\n        width={160}\n        Icon={AppleIcon}\n        label=\"\"\n        analyticsLabel=\"apple_login\"\n        onClick={onAppleLogin}\n        busy={isLoadingApple}\n        disabled={isLoadingApple}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(SocialLoginMethods);\n"],"names":["SocialLoginMethods","onGoogleLogin","onAppleLogin","loadingProvider","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Button","GoogleIcon","AppleIcon","socialLoginMethods","memo"],"mappings":";;;;;;AAUA,MAAMA,IAAmD,CAAC;AAAA,EACxD,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBD,MAAoB,UACtCE,IAAiBF,MAAoB;AAGzC,SAAA,gBAAAG,EAACC,KAAS,WAAW,GAAG,gBAAe,OAAM,iBAAgB,iBAAgB,QAAQ,KACnF,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAMC;AAAA,QACN,OAAO;AAAA,QACP,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,SAAST;AAAA,QACT,MAAK;AAAA,QACL,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAME;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,SAAST;AAAA,QACT,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeO,IAAAC,EAAKb,CAAkB;"}

package/dist/features/auth/login/username-password-form/username-password-form.js

@@ -1,98 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as f, useCallback as l } from "react";
-import w from "../../../ui/buttons/button/button.js";
-import $ from "../../../ui/buttons/text-button/text-button.js";
-import u from "../../../ui/inputs/text-input/text-input.js";
-import s from "../../../ui/layout/flex-view.js";
-import a from "../../../ui/separator/separator.js";
-import y from "../../comps/input-status-icon/input-status-icon.js";
-const C = ({
-  username: i,
-  password: m,
-  errors: r,
-  isLoading: d,
-  onChange: t,
-  onSubmit: p,
-  onForgotPassword: h
-}) => {
-  const c = d || !i.trim() || !m.trim(), g = l(
-    (o) => {
-      t("username", o.target.value);
-    },
-    [t]
-  ), b = l(
-    (o) => {
-      t("password", o.target.value);
-    },
-    [t]
-  );
-  return /* @__PURE__ */ n(
-    s,
-    {
-      $gutterX: 2,
-      $gapX: 1.5,
-      $alignItems: "center",
-      $justifyContent: "center",
-      $background: "BLACK_2",
-      $height: 308,
-      children: [
-        /* @__PURE__ */ e(a, { heightX: 0.5 }),
-        /* @__PURE__ */ n("form", { onSubmit: p, children: [
-          /* @__PURE__ */ n(s, { $alignItems: "center", $justifyContent: "center", children: [
-            /* @__PURE__ */ e(
-              u,
-              {
-                renderAs: r.username ? "error-dark" : "primary-dark",
-                autoFocus: !0,
-                autoComplete: "username",
-                label: "Username",
-                value: i,
-                onChange: g,
-                width: 330,
-                required: !0,
-                shape: "borderLess",
-                errorMessage: r.username
-              }
-            ),
-            /* @__PURE__ */ e(a, { height: 36 }),
-            /* @__PURE__ */ e(
-              u,
-              {
-                type: "password",
-                renderAs: r.password ? "error-dark" : "primary-dark",
-                autoComplete: "password",
-                label: "Password",
-                value: m,
-                onChange: b,
-                width: 330,
-                required: !0,
-                shape: "borderLess",
-                errorMessage: r.password,
-                siblingElement: /* @__PURE__ */ e(y, { isError: !!r.password })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(a, { heightX: 1.25 }),
-          /* @__PURE__ */ e(s, { $alignItems: "flex-end", children: /* @__PURE__ */ e($, { label: "Forgot Password?", onClick: h, color: "WHITE_T_60" }) }),
-          /* @__PURE__ */ e(a, { heightX: 2 }),
-          /* @__PURE__ */ e(s, { $justifyContent: "center", children: /* @__PURE__ */ e(
-            w,
-            {
-              size: "small",
-              renderAs: "secondary-dark",
-              type: "submit",
-              label: "Log in",
-              width: 336,
-              busy: d,
-              disabled: c
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}, A = f(C);
-export {
-  A as default
-};
-//# sourceMappingURL=username-password-form.js.map

package/dist/features/auth/login/username-password-form/username-password-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"username-password-form.js","sources":["../../../../../src/features/auth/login/username-password-form/username-password-form.tsx"],"sourcesContent":["import type { IUsernamePasswordFormProps } from './username-password-form-types';\n\nimport { type ChangeEvent, type FC, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-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';\n\nconst UsernamePasswordForm: FC<IUsernamePasswordFormProps> = ({\n  username,\n  password,\n  errors,\n  isLoading,\n  onChange,\n  onSubmit,\n  onForgotPassword,\n}) => {\n  const isSubmitDisabled = isLoading || !username.trim() || !password.trim();\n\n  const handleUsernameChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('username', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handlePasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('password', e.target.value);\n    },\n    [onChange],\n  );\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      <Separator heightX={0.5} />\n      <form onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.username ? 'error-dark' : 'primary-dark'}\n            autoFocus\n            autoComplete=\"username\"\n            label=\"Username\"\n            value={username}\n            onChange={handleUsernameChange}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.username}\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"Password\"\n            value={password}\n            onChange={handlePasswordChange}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={<InputStatusIcon isError={!!errors.password} />}\n          />\n        </FlexView>\n        <Separator heightX={1.25} />\n        <FlexView $alignItems=\"flex-end\">\n          <TextButton label=\"Forgot Password?\" onClick={onForgotPassword} color=\"WHITE_T_60\" />\n        </FlexView>\n        <Separator heightX={2} />\n        <FlexView $justifyContent=\"center\">\n          <Button\n            size=\"small\"\n            renderAs=\"secondary-dark\"\n            type=\"submit\"\n            label=\"Log in\"\n            width={336}\n            busy={isLoading}\n            disabled={isSubmitDisabled}\n          />\n        </FlexView>\n      </form>\n    </FlexView>\n  );\n};\n\nexport default memo(UsernamePasswordForm);\n"],"names":["UsernamePasswordForm","username","password","errors","isLoading","onChange","onSubmit","onForgotPassword","isSubmitDisabled","handleUsernameChange","useCallback","e","handlePasswordChange","jsxs","FlexView","jsx","Separator","TextInput","InputStatusIcon","TextButton","Button","usernamePasswordForm","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAmBJ,KAAa,CAACH,EAAS,UAAU,CAACC,EAAS,QAE9DO,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA,GAGLO,IAAuBF;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,YAAYM,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAH,EAAC,UAAK,UAAAP,GACJ,UAAA;AAAA,UAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAUd,EAAO,WAAW,eAAe;AAAA,gBAC3C,WAAS;AAAA,gBACT,cAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAOF;AAAA,gBACP,UAAUQ;AAAA,gBACV,OAAO;AAAA,gBACP,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,cAAcN,EAAO;AAAA,cAAA;AAAA,YACvB;AAAA,YACA,gBAAAY,EAACC,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,YACvB,gBAAAD;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAUd,EAAO,WAAW,eAAe;AAAA,gBAC3C,cAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAOD;AAAA,gBACP,UAAUU;AAAA,gBACV,OAAO;AAAA,gBACP,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,cAAcT,EAAO;AAAA,gBACrB,gBAAiB,gBAAAY,EAAAG,GAAA,EAAgB,SAAS,CAAC,CAACf,EAAO,UAAU;AAAA,cAAA;AAAA,YAC/D;AAAA,UAAA,GACF;AAAA,UACA,gBAAAY,EAACC,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,UACzB,gBAAAD,EAAAD,GAAA,EAAS,aAAY,YACpB,UAAC,gBAAAC,EAAAI,GAAA,EAAW,OAAM,oBAAmB,SAASZ,GAAkB,OAAM,aAAa,CAAA,GACrF;AAAA,UACA,gBAAAQ,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAD,EAACD,GAAS,EAAA,iBAAgB,UACxB,UAAA,gBAAAC;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAO;AAAA,cACP,MAAMhB;AAAA,cACN,UAAUI;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEea,IAAAC,EAAKtB,CAAoB;"}

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

@@ -1,56 +0,0 @@
-import t from "styled-components";
-import i from "../../../ui/layout/flex-view.js";
-const n = t(i)`
-  position: relative;
-`, s = t(i)`
-  position: absolute;
-  border-radius: 100%;
-  top: 216px;
-  border: ${({ theme: o }) => `2px solid ${o.colors.BLACK_5}`};
-`, p = t(i)`
-  opacity: ${({ $isVisible: o }) => o ? 1 : 0};
-  transition: opacity 0.5s ease-in-out;
-`, l = t.div`
-  position: relative;
-`;
-t(i)`
-  position: relative;
-  overflow: hidden;
-  background: ${({ theme: o }) => o.colors.BLACK_2};
-  border-radius: 100%;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${({ theme: o }) => o.colors.WHITE};
-`;
-t.div`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-`;
-const a = t(i)`
-  position: absolute;
-  top: 55%;
-  right: 24px;
-`, c = t(i)`
-  position: absolute;
-  top: 55%;
-  left: 24px;
-  button {
-    background-color: ${({ theme: o }) => o.colors.BLACK_1};
-    svg {
-      color: ${({ theme: o }) => o.colors.WHITE};
-    }
-  }
-`;
-export {
-  s as CircularStepContainer,
-  n as Container,
-  p as ContentWrapper,
-  l as InputContainer,
-  a as NextButtonWrapper,
-  c as PrevButtonWrapper
-};
-//# sourceMappingURL=circular-step-wrapper-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"circular-step-wrapper-styled.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  position: relative;\n`;\n\nconst CircularStepContainer = styled(FlexView)`\n  position: absolute;\n  border-radius: 100%;\n  top: 216px;\n  border: ${({ theme }) => `2px solid ${theme.colors.BLACK_5}`};\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $isVisible: boolean }>`\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.5s ease-in-out;\n`;\n\nconst InputContainer = styled.div`\n  position: relative;\n`;\n\nconst CircularProgressContainer = styled(FlexView)<{\n  isVerticallyCentered?: boolean;\n}>`\n  position: relative;\n  overflow: hidden;\n  background: ${({ theme }) => theme.colors.BLACK_2};\n  border-radius: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ theme }) => theme.colors.WHITE};\n`;\n\nexport const CircularProgress = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n`;\n\nconst NextButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  right: 24px;\n`;\nconst PrevButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  left: 24px;\n  button {\n    background-color: ${({ theme }) => theme.colors.BLACK_1};\n    svg {\n      color: ${({ theme }) => theme.colors.WHITE};\n    }\n  }\n`;\n\nexport {\n  NextButtonWrapper,\n  PrevButtonWrapper,\n  InputContainer,\n  Container,\n  CircularStepContainer,\n  CircularProgressContainer,\n  ContentWrapper,\n};\n"],"names":["Container","styled","FlexView","CircularStepContainer","theme","ContentWrapper","$isVisible","InputContainer","NextButtonWrapper","PrevButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAwBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,YAIjC,CAAC,EAAE,OAAAE,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGxDC,IAAiBJ,EAAOC,CAAQ;AAAA,aACzB,CAAC,EAAE,YAAAI,EAAA,MAAkBA,IAAa,IAAI,CAAE;AAAA;AAAA,GAI/CC,IAAiBN,EAAO;AAAA;AAAA;AAIIA,EAAOC,CAAQ;AAAA;AAAA;AAAA,gBAKjC,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAGZH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAAO,IAAoBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAKnCO,IAAoBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKjB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,eAE5C,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;"}

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

@@ -1,131 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { memo as b, forwardRef as E, useRef as c, useState as $, useCallback as H, useEffect as B, useImperativeHandle as T, useLayoutEffect as j } from "react";
-import P from "../../../../assets/line-icons/icons/back2.js";
-import z from "../../../../assets/line-icons/icons/next2.js";
-import F from "../../../ui/animated-arc/animated-arc.js";
-import g from "../../../ui/buttons/icon-button/icon-button.js";
-import M from "../../../ui/layout/flex-view.js";
-import N from "../../../ui/lottie-animation/lottie-animation.js";
-import O from "../../../ui/separator/separator.js";
-import V from "../../../ui/text/text.js";
-import { Container as X, CircularStepContainer as D, ContentWrapper as K, InputContainer as Y, PrevButtonWrapper as _, NextButtonWrapper as q } from "./circular-step-wrapper-styled.js";
-const G = {
-  autoplay: !1,
-  loop: !1,
-  renderer: "canvas",
-  rendererSettings: {
-    preserveAspectRatio: "xMidYMin slice"
-  }
-}, J = E(
-  ({
-    children: C,
-    onGoBack: y,
-    onNext: I,
-    label: a,
-    showNext: x,
-    showPrevious: A,
-    animation: r,
-    introFrames: S,
-    outroFrames: w,
-    isNextLoading: s,
-    progressAngle: l
-  }, R) => {
-    const t = c(null), o = c(null), [u, k] = $(), [v, m] = $(!1), i = c(null), L = H(() => {
-      r && t.current && (t.current.playSegments(S, !0), m(!0));
-    }, [r]);
-    return B(() => () => {
-      i.current && clearTimeout(i.current);
-    }, [r]), T(R, () => ({
-      playOutroAndFadeOut: async () => new Promise((W) => {
-        var f, p;
-        const d = () => {
-          var h;
-          W(), (h = t.current) == null || h.removeEventListener("complete", d);
-        };
-        (f = t.current) == null || f.playSegments(w, !0), i.current = setTimeout(() => m(!1), 400), (p = t.current) == null || p.addEventListener("complete", d);
-      })
-    })), j(() => {
-      o.current && k(o.current.offsetHeight);
-    }, []), /* @__PURE__ */ n(
-      X,
-      {
-        $flex: 1,
-        $flexDirection: "column",
-        $alignItems: "center",
-        $justifyContent: "center",
-        $width: "100%",
-        $height: "100%",
-        ref: o,
-        children: [
-          u && /* @__PURE__ */ e(
-            N,
-            {
-              width: 1280,
-              height: u,
-              src: r,
-              ref: t,
-              onRender: L,
-              settings: G
-            }
-          ),
-          /* @__PURE__ */ n(
-            D,
-            {
-              $width: 400,
-              $height: 400,
-              $background: "REAL_BLACK",
-              $alignItems: "center",
-              $justifyContent: "center",
-              children: [
-                l && /* @__PURE__ */ e(
-                  F,
-                  {
-                    radius: 200,
-                    strokeWidth: 2,
-                    color: "WHITE",
-                    targetAngle: l,
-                    mode: "fade",
-                    duration: 1
-                  }
-                ),
-                /* @__PURE__ */ n(K, { $isVisible: v, $width: "100%", children: [
-                  a && /* @__PURE__ */ n(M, { $gutterX: 3.5, children: [
-                    /* @__PURE__ */ e(V, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: a }),
-                    /* @__PURE__ */ e(O, { heightX: 1 })
-                  ] }),
-                  /* @__PURE__ */ e(Y, { children: C })
-                ] })
-              ]
-            }
-          ),
-          A && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
-            g,
-            {
-              Icon: P,
-              renderAs: "secondary-dark",
-              analyticsLabel: "Prev",
-              onClick: y,
-              disabled: s,
-              size: "small"
-            }
-          ) }),
-          x && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
-            g,
-            {
-              size: "small",
-              Icon: z,
-              renderAs: "secondary-dark",
-              analyticsLabel: "Next",
-              onClick: I,
-              busy: s
-            }
-          ) })
-        ]
-      }
-    );
-  }
-), se = b(J);
-export {
-  se as default
-};
-//# sourceMappingURL=circular-step-wrapper.js.map

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

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

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

@@ -1,53 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { memo as d } from "react";
-import { ILLUSTRATIONS as h } from "../../../../assets/illustrations/illustrations.js";
-import $ from "../../../ui/buttons/button/button.js";
-import f from "../../../ui/image/image.js";
-import i from "../../../ui/layout/flex-view.js";
-import o from "../../../ui/separator/separator.js";
-import t from "../../../ui/text/text.js";
-import u from "../../comps/overlay-loader/overlay-loader.js";
-import p from "../../user-list/user-list.js";
-const g = ({
-  email: l,
-  onSelectAccount: c,
-  userAccounts: s,
-  onCreateNewAccount: m,
-  isCreatingAccount: n,
-  isLoading: a
-}) => /* @__PURE__ */ r(i, { $flex: 1, $alignItems: "center", $justifyContent: "center", $width: "100%", $height: "100%", children: [
-  /* @__PURE__ */ e(u, { isLoading: a }),
-  /* @__PURE__ */ e(f, { src: h.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
-  /* @__PURE__ */ e(o, { heightX: 1 }),
-  /* @__PURE__ */ r(i, { children: [
-    /* @__PURE__ */ r(t, { $renderAs: "ab1", $color: "WHITE", $align: "center", children: [
-      "We found multiple profiles linked to",
-      " ",
-      /* @__PURE__ */ e(t, { $color: "WHITE", $inline: !0, $renderAs: "ab1-bold", children: l })
-    ] }),
-    /* @__PURE__ */ e(t, { $renderAs: "ab1", $color: "WHITE", $align: "center", children: "Which one would you like to proceed with?" })
-  ] }),
-  /* @__PURE__ */ e(o, { heightX: 5 }),
-  /* @__PURE__ */ e(p, { users: s, onSelect: c }),
-  /* @__PURE__ */ e(o, { heightX: 5 }),
-  /* @__PURE__ */ r(i, { $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ e(t, { $renderAs: "ub2", $color: "WHITE", children: "Don't recognize these accounts?" }),
-    /* @__PURE__ */ e(o, { heightX: 1 }),
-    /* @__PURE__ */ e(
-      $,
-      {
-        width: 232,
-        size: "small",
-        label: "Create new account",
-        renderAs: "secondary-dark",
-        onClick: m,
-        busy: n,
-        disabled: n
-      }
-    )
-  ] })
-] }), y = d(g);
-export {
-  y as default
-};
-//# sourceMappingURL=claim-user-account.js.map

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

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