@cuemath/leap 3.0.11-j1 → 3.0.11-j3

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

@@ -1,27 +1,30 @@
-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 { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { memo as g, useCallback as h } from "react";
+import $ 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
+import a from "../../../ui/layout/flex-view.js";
+import k from "../../comps/input-status-icon/input-status-icon.js";
+import { useResendTimer as C } from "../../comps/resend-otp/hooks/use-resend-timer.js";
+const x = ({
+  onSubmit: i,
+  onChange: t,
+  value: r,
+  error: s,
+  isProcessing: m,
+  isValid: n = !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,
+  const { canResend: o, resetTimer: d, timeLeft: c } = C({
+    initialSeconds: 30
+  }), l = () => {
+    i(), d();
+  }, u = h(
+    (p) => {
+      t("username", p.target.value);
+    },
+    [t]
+  );
+  return /* @__PURE__ */ e(
+    a,
     {
       $gutterX: 2,
       $gapX: 1.5,
@@ -29,39 +32,39 @@ const C = ({
       $justifyContent: "center",
       $background: "BLACK_2",
       $height: 308,
-      children: /* @__PURE__ */ p(u, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
-        /* @__PURE__ */ t(
+      children: /* @__PURE__ */ f(a, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
+        /* @__PURE__ */ e(
           b,
           {
-            renderAs: n ? "error-dark" : o ? "success-dark" : "primary-dark",
+            renderAs: s ? "error-dark" : n ? "success-dark" : "primary-dark",
             autoFocus: !0,
             label: "Verification code",
-            value: s,
-            onChange: (r) => m("username", r.target.value),
+            value: r,
+            onChange: u,
             width: 330,
             required: !0,
             shape: "borderLess",
-            errorMessage: s,
-            siblingElement: /* @__PURE__ */ t(h, { isError: !!n, isValid: o, isLoading: d })
+            errorMessage: r,
+            siblingElement: /* @__PURE__ */ e(k, { isError: !!s, isValid: n, isLoading: m })
           }
         ),
-        /* @__PURE__ */ t(
-          g,
+        /* @__PURE__ */ e(
+          $,
           {
             size: "small",
             renderAs: "secondary-dark",
             type: "submit",
-            label: a ? "Resend" : `Resend in 0:${e < 10 ? "0" : ""}${e}`,
+            label: o ? "Resend" : `Resend in ${c}`,
             width: 336,
-            onClick: c,
-            disabled: !a
+            onClick: l,
+            disabled: !o
           }
         )
       ] })
     }
   );
-}, F = C;
+}, A = g(x);
 export {
-  F as default
+  A as default
 };
 //# sourceMappingURL=otp-form.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"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 { 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 InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport { useResendTimer } from '../../comps/resend-otp/hooks/use-resend-timer';\n\nconst OTPForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isProcessing,\n  isValid = false,\n}: ISingleFieldFormProps) => {\n  const { canResend, resetTimer, timeLeft } = useResendTimer({\n    initialSeconds: 30,\n  });\n\n  const handleResendClick = () => {\n    onSubmit();\n    resetTimer();\n  };\n\n  const handleUsernameChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('username', e.target.value);\n    },\n    [onChange],\n  );\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={handleUsernameChange}\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 ${timeLeft}`}\n          width={336}\n          onClick={handleResendClick}\n          disabled={!canResend}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(OTPForm);\n"],"names":["OTPForm","onSubmit","onChange","value","error","isProcessing","isValid","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","handleUsernameChange","useCallback","e","jsx","FlexView","TextInput","InputStatusIcon","Button","otpForm","memo"],"mappings":";;;;;;;AAUA,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,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgB;AAAA,EAAA,CACjB,GAEKC,IAAoB,MAAM;AACrB,IAAAV,KACEO;EAAA,GAGPI,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAZ,EAAA,YAAYY,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACZ,CAAQ;AAAA,EAAA;AAMT,SAAA,gBAAAa;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,UAAUb,IAAQ,eAbJE,IAAU,iBAAiB;AAAA,YAczC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAAH;AAAA,YACA,UAAUS;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcT;AAAA,YACd,kCACGe,GAAgB,EAAA,SAAS,CAAC,CAACd,GAAO,SAAAE,GAAkB,WAAWD,GAAc;AAAA,UAAA;AAAA,QAElF;AAAA,QACA,gBAAAU;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOZ,IAAY,WAAW,aAAaE,CAAQ;AAAA,YACnD,OAAO;AAAA,YACP,SAASE;AAAA,YACT,UAAU,CAACJ;AAAA,UAAA;AAAA,QACb;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEea,IAAAC,EAAKrB,CAAO;"}

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

@@ -1,22 +1,33 @@
 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 { memo as h, useCallback as i } from "react";
+import P from "../../../ui/buttons/button/button.js";
+import n from "../../../ui/inputs/text-input/text-input.js";
+import m from "../../../ui/layout/flex-view.js";
+import b 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,
+import { FormWrapper as C } from "../forgot-password-styled.js";
+const y = ({
+  onSubmit: l,
+  onChange: e,
+  formData: o,
   errors: s,
-  isSubmitDisabled: l,
-  isProcessing: w,
+  isSubmitDisabled: w,
+  isProcessing: u,
   isValid: t = !1
 }) => {
-  const u = t && e.password === e.confirmPassword;
+  const c = t && o.password === o.confirmPassword, f = i(
+    (a) => {
+      e("password", a.target.value);
+    },
+    [e]
+  ), g = i(
+    (a) => {
+      e("confirmPassword", a.target.value);
+    },
+    [e]
+  );
   return /* @__PURE__ */ r(
-    n,
+    m,
     {
       $gutterX: 2,
       $gapX: 1.5,
@@ -24,17 +35,17 @@ const h = ({
       $justifyContent: "center",
       $background: "BLACK_2",
       $height: 308,
-      children: /* @__PURE__ */ d(g, { onSubmit: m, children: [
-        /* @__PURE__ */ d(n, { children: [
+      children: /* @__PURE__ */ d(C, { onSubmit: l, children: [
+        /* @__PURE__ */ d(m, { children: [
           /* @__PURE__ */ r(
-            i,
+            n,
             {
               type: "password",
               renderAs: s.password ? "error-dark" : "primary-dark",
-              autoComplete: "password",
+              autoComplete: "new-password",
               label: "New Password",
-              value: e.password,
-              onChange: (o) => a("password", o.target.value),
+              value: o.password,
+              onChange: f,
               width: 330,
               required: !0,
               shape: "borderLess",
@@ -42,16 +53,16 @@ const h = ({
               siblingElement: /* @__PURE__ */ r(p, { isError: !!s.password, isValid: t, isLoading: !1 })
             }
           ),
-          /* @__PURE__ */ r(f, { height: 36 }),
+          /* @__PURE__ */ r(b, { height: 36 }),
           /* @__PURE__ */ r(
-            i,
+            n,
             {
               type: "password",
               renderAs: s.confirmPassword ? "error-dark" : "primary-dark",
-              autoComplete: "password",
+              autoComplete: "new-password",
               label: "Re-enter Password",
-              value: e.confirmPassword,
-              onChange: (o) => a("confirmPassword", o.target.value),
+              value: o.confirmPassword,
+              onChange: g,
               width: 330,
               required: !0,
               shape: "borderLess",
@@ -60,7 +71,7 @@ const h = ({
                 p,
                 {
                   isError: !!s.confirmPassword,
-                  isValid: u,
+                  isValid: c,
                   isLoading: !1
                 }
               )
@@ -68,22 +79,22 @@ const h = ({
           )
         ] }),
         /* @__PURE__ */ r(
-          c,
+          P,
           {
             size: "small",
             renderAs: "secondary-dark",
             type: "submit",
             label: "Continue",
             width: 336,
-            busy: w,
-            disabled: l
+            busy: u,
+            disabled: w
           }
         )
       ] })
     }
   );
-}, L = h;
+}, I = h(y);
 export {
-  L as default
+  I as default
 };
 //# sourceMappingURL=reset-password-form.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"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, 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 * 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  const handlePasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('password', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handleConfirmPasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('confirmPassword', 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      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView>\n          <TextInput\n            type={'password'}\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"new-password\"\n            label=\"New Password\"\n            value={formData.password}\n            onChange={handlePasswordChange}\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=\"new-password\"\n            label=\"Re-enter Password\"\n            value={formData.confirmPassword}\n            onChange={handleConfirmPasswordChange}\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 memo(ResetPasswordForm);\n"],"names":["ResetPasswordForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","isConfirmPasswordValid","handlePasswordChange","useCallback","e","handleConfirmPasswordChange","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Separator","Button","resetPasswordForm","memo"],"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,iBAEnEM,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAT,EAAA,YAAYS,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA,GAGLU,IAA8BF;AAAA,IAClC,CAACC,MAAqC;AAC3B,MAAAT,EAAA,mBAAmBS,EAAE,OAAO,KAAK;AAAA,IAC5C;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAW;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,UAAAf,GAClB,UAAA;AAAA,QAAA,gBAAAc,EAACD,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,UAAUb,EAAO,WAAW,eAAe;AAAA,cAC3C,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAUM;AAAA,cACV,OAAO;AAAA,cACP,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcL,EAAO;AAAA,cACrB,gBACG,gBAAAS,EAAAK,GAAA,EAAgB,SAAS,CAAC,CAACd,EAAO,UAAU,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,YAAA;AAAA,UAErF;AAAA,UACA,gBAAAM,EAACM,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAN;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUb,EAAO,kBAAkB,eAAe;AAAA,cAClD,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAUS;AAAA,cACV,OAAO;AAAA,cACP,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcR,EAAO;AAAA,cACrB,gBACE,gBAAAS;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAAS,CAAC,CAACd,EAAO;AAAA,kBAClB,SAASI;AAAA,kBACT,WAAW;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QACA,gBAAAK;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMd;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEegB,IAAAC,EAAKtB,CAAiB;"}

package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"user-identifier-form.js","sources":["../../../../../src/features/auth/forgot-password/user-identifier-form/user-identifier-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\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 InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst UserIdentifierForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n  label,\n  field,\n}: ISingleFieldFormProps) => {\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        <TextInput\n          renderAs={error ? 'error-dark' : 'primary-dark'}\n          autoFocus\n          label={label}\n          value={value}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => field && onChange(field, e.target.value)}\n          width={330}\n          required\n          shape=\"borderLess\"\n          errorMessage={error}\n          siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label=\"Get Verification Code\"\n          width={336}\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default UserIdentifierForm;\n"],"names":["UserIdentifierForm","onSubmit","onChange","value","error","isSubmitDisabled","isProcessing","isValid","label","field","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Button","UserIdentifierForm$1"],"mappings":";;;;;;AASA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,OAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,aAAY;AAAA,IACZ,SAAS;AAAA,IAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAZ,GAClB,UAAA;AAAA,MAAA,gBAAAS;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUV,IAAQ,eAAe;AAAA,UACjC,WAAS;AAAA,UACT,OAAAI;AAAA,UACA,OAAAL;AAAA,UACA,UAAU,CAACY,MAAqCN,KAASP,EAASO,GAAOM,EAAE,OAAO,KAAK;AAAA,UACvF,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,cAAcX;AAAA,UACd,kCAAiBY,GAAgB,EAAA,SAAS,CAAC,CAACZ,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,QAAA;AAAA,MACzF;AAAA,MACA,gBAAAG;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAMX;AAAA,UACN,UAAUD;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,EAAA;AAAA,GAKNa,IAAelB;"}
+{"version":3,"file":"user-identifier-form.js","sources":["../../../../../src/features/auth/forgot-password/user-identifier-form/user-identifier-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { memo, useCallback, 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';\nimport * as Styled from '../forgot-password-styled';\n\nconst UserIdentifierForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n  label,\n  field,\n}: ISingleFieldFormProps) => {\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      field && onChange(field, e.target.value);\n    },\n    [onChange, field],\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      <Styled.FormWrapper onSubmit={onSubmit}>\n        <TextInput\n          renderAs={error ? 'error-dark' : 'primary-dark'}\n          autoFocus\n          label={label}\n          value={value}\n          onChange={handleInputChange}\n          width={330}\n          required\n          shape=\"borderLess\"\n          errorMessage={error}\n          siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label=\"Get Verification Code\"\n          width={336}\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(UserIdentifierForm);\n"],"names":["UserIdentifierForm","onSubmit","onChange","value","error","isSubmitDisabled","isProcessing","isValid","label","field","handleInputChange","useCallback","e","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Button","userIdentifierForm","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,OAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAAqC;AACpC,MAAAH,KAASP,EAASO,GAAOG,EAAE,OAAO,KAAK;AAAA,IACzC;AAAA,IACA,CAACV,GAAUO,CAAK;AAAA,EAAA;AAIhB,SAAA,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,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAf,GAClB,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUb,IAAQ,eAAe;AAAA,YACjC,WAAS;AAAA,YACT,OAAAI;AAAA,YACA,OAAAL;AAAA,YACA,UAAUO;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcN;AAAA,YACd,kCAAiBc,GAAgB,EAAA,SAAS,CAAC,CAACd,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,UAAA;AAAA,QACzF;AAAA,QACA,gBAAAM;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMb;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEee,IAAAC,EAAKrB,CAAkB;"}

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

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

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

@@ -1 +1 @@
-{"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 } 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  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={(e: ChangeEvent<HTMLInputElement>) => onChange('identifier', e.target.value)}\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={(e: ChangeEvent<HTMLInputElement>) => onChange('otp', e.target.value)}\n                width={330}\n                required\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 IdentifierOtpForm;\n"],"names":["IdentifierOtpForm","identifier","otp","errors","isOtpVerified","isLoading","isSubmitDisabled","showOtpInput","onChange","onSubmit","onSendOtp","identifierStatusVariant","otpStatusVariant","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Fragment","Separator","ResendOTP","Button","IdentifierOtpForm$1"],"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;AAE1D,SACG,gBAAAS,EAAAC,GAAA,EAAS,UAAU,GAAG,OAAO,KAAK,aAAY,WAAU,SAAS,KAChE,UAAA,gBAAAC,EAACC,GAAA,EAAmB,UAAAP,GAClB,UAAA;AAAA,IAAA,gBAAAM,EAACD,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUd,EAAO,aAAa,eAAeQ;AAAA,UAC7C,WAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAOV;AAAA,UACP,UAAU,CAACiB,MAAqCV,EAAS,cAAcU,EAAE,OAAO,KAAK;AAAA,UACrF,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,cAAcf,EAAO;AAAA,UACrB,UAAUI;AAAA,UACV,kCACGY,GAAgB,EAAA,SAASZ,GAAc,SAAS,CAAC,CAACJ,EAAO,YAAY;AAAA,QAAA;AAAA,MAE1E;AAAA,MACCI,KAEG,gBAAAQ,EAAAK,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAP,EAAAQ,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAR;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUd,EAAO,MAAM,eAAeS;AAAA,YACtC,cAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAOV;AAAA,YACP,UAAU,CAACgB,MAAqCV,EAAS,OAAOU,EAAE,OAAO,KAAK;AAAA,YAC9E,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcf,EAAO;AAAA,YACrB,UAAUC,KAAkBF,EAAI,WAAW,KAAKG;AAAA,YAChD,gBACE,gBAAAQ;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,WAAAd;AAAA,gBACA,SAASD;AAAA,gBACT,SAAS,CAAC,CAACD,EAAO;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAEJ;AAAA,QACA,gBAAAU,EAACQ,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAR,EAAAC,GAAA,EAAS,aAAY,YAAW,QAAO,QACtC,UAAC,gBAAAD,EAAAS,GAAA,EAAU,aAAaZ,GAAW,UAAUN,EAAe,CAAA,GAC9D;AAAA,QACA,gBAAAS,EAACQ,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,GACzB;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOhB,IAAe,WAAW;AAAA,QACjC,OAAO;AAAA,QACP,MAAM,CAACA,KAAgBF;AAAA,QACvB,UAAUC;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEAkB,IAAexB;"}
+{"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 } 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  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={(e: ChangeEvent<HTMLInputElement>) => onChange('identifier', e.target.value)}\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={(e: ChangeEvent<HTMLInputElement>) => onChange('otp', e.target.value)}\n                width={330}\n                required\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","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","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;AAE1D,SACG,gBAAAS,EAAAC,GAAA,EAAS,UAAU,GAAG,OAAO,KAAK,aAAY,WAAU,SAAS,KAChE,UAAA,gBAAAC,EAACC,GAAA,EAAmB,UAAAP,GAClB,UAAA;AAAA,IAAA,gBAAAM,EAACD,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUd,EAAO,aAAa,eAAeQ;AAAA,UAC7C,WAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAOV;AAAA,UACP,UAAU,CAACiB,MAAqCV,EAAS,cAAcU,EAAE,OAAO,KAAK;AAAA,UACrF,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,cAAcf,EAAO;AAAA,UACrB,UAAUI;AAAA,UACV,kCACGY,GAAgB,EAAA,SAASZ,GAAc,SAAS,CAAC,CAACJ,EAAO,YAAY;AAAA,QAAA;AAAA,MAE1E;AAAA,MACCI,KAEG,gBAAAQ,EAAAK,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAP,EAAAQ,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAR;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUd,EAAO,MAAM,eAAeS;AAAA,YACtC,cAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAOV;AAAA,YACP,UAAU,CAACgB,MAAqCV,EAAS,OAAOU,EAAE,OAAO,KAAK;AAAA,YAC9E,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcf,EAAO;AAAA,YACrB,UAAUC,KAAkBF,EAAI,WAAW,KAAKG;AAAA,YAChD,gBACE,gBAAAQ;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,WAAAd;AAAA,gBACA,SAASD;AAAA,gBACT,SAAS,CAAC,CAACD,EAAO;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAEJ;AAAA,QACA,gBAAAU,EAACQ,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAR,EAAAC,GAAA,EAAS,aAAY,YAAW,QAAO,QACtC,UAAC,gBAAAD,EAAAS,GAAA,EAAU,aAAaZ,GAAW,UAAUN,EAAe,CAAA,GAC9D;AAAA,QACA,gBAAAS,EAACQ,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,GACzB;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOhB,IAAe,WAAW;AAAA,QACjC,OAAO;AAAA,QACP,MAAM,CAACA,KAAgBF;AAAA,QACvB,UAAUC;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEekB,IAAAC,EAAKzB,CAAiB;"}

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

@@ -1,11 +1,13 @@
-const e = {
-  username: {
+const e = [
+  {
+    id: "username",
     label: "Username"
   },
-  identifier: {
+  {
+    id: "identifier",
     label: "Email/Phone"
   }
-};
+];
 export {
   e as AUTH_TABS
 };

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

@@ -1 +1 @@
-{"version":3,"file":"login-constants.js","sources":["../../../../src/features/auth/login/login-constants.ts"],"sourcesContent":["import type { ITabConfig } from '../comps/tabs/tabs-types';\nimport type { TAuthTabKeys } from './login-types';\n\nexport const AUTH_TABS: ITabConfig<TAuthTabKeys> = {\n  username: {\n    label: 'Username',\n  },\n  identifier: {\n    label: 'Email/Phone',\n  },\n};\n"],"names":["AUTH_TABS"],"mappings":"AAGO,MAAMA,IAAsC;AAAA,EACjD,UAAU;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,EACT;AACF;"}
+{"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,8 +1,9 @@
 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 a from "../../../ui/layout/flex-view.js";
-import i from "../../../ui/separator/separator.js";
-const c = ({ onRetryLogin: t, onGoToSignup: r }) => /* @__PURE__ */ n(a, { $alignItems: "center", $justifyContent: "center", children: [
+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,
     {
@@ -13,7 +14,7 @@ const c = ({ onRetryLogin: t, onGoToSignup: r }) => /* @__PURE__ */ n(a, { $alig
       onClick: r
     }
   ),
-  /* @__PURE__ */ o(i, { heightX: 1 }),
+  /* @__PURE__ */ o(c, { heightX: 1 }),
   /* @__PURE__ */ o(
     e,
     {
@@ -24,8 +25,8 @@ const c = ({ onRetryLogin: t, onGoToSignup: r }) => /* @__PURE__ */ n(a, { $alig
       onClick: t
     }
   )
-] }), u = c;
+] }), h = a(s);
 export {
-  u as default
+  h as default
 };
 //# sourceMappingURL=social-account-not-found.js.map