@cuemath/leap 3.0.11-j3 → 3.0.11-j4

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import type { IOTPResendProps } from './resend-otp-types';\n\nimport { useCallback, memo } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useResendTimer } from './hooks/use-resend-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n  onResendOTP,\n  onResendVoiceOTP,\n  timerSeconds = 15,\n  showVoiceOTP = false,\n  disabled,\n}) => {\n  const { canResend, resetTimer, timeLeft } = useResendTimer({\n    initialSeconds: timerSeconds,\n  });\n\n  const handleResendClick = useCallback(() => {\n    onResendOTP?.();\n    resetTimer();\n  }, [onResendOTP, resetTimer]);\n\n  const handleVoiceResendClick = useCallback(() => {\n    onResendVoiceOTP?.();\n    resetTimer();\n  }, [onResendVoiceOTP, resetTimer]);\n\n  return (\n    <FlexView>\n      {!canResend ? (\n        <FlexView $width={105}>\n          <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n            Resend in{' '}\n            <Text $renderAs=\"ub2-bold\" $inline $color=\"WHITE_T_60\">\n              {timeLeft}\n            </Text>\n          </Text>\n        </FlexView>\n      ) : (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n          <TextButton\n            disabled={disabled}\n            label=\"Resend\"\n            color=\"WHITE_T_60\"\n            onClick={handleResendClick}\n          />\n          {showVoiceOTP && (\n            <>\n              <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n                or\n              </Text>\n              <FlexView $width={116}>\n                <TextButton\n                  label=\"Get code via call\"\n                  color=\"WHITE_T_60\"\n                  onClick={handleVoiceResendClick}\n                />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(ResendOTP);\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","disabled","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","useCallback","handleVoiceResendClick","jsx","FlexView","jsxs","TextButton","Fragment","Text","ResendOTP$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AACF,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBN;AAAA,EAAA,CACjB,GAEKO,IAAoBC,EAAY,MAAM;AAC5B,IAAAV,KAAA,QAAAA,KACHM;EAAA,GACV,CAACN,GAAaM,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA,KACRK;EAAA,GACV,CAACL,GAAkBK,CAAU,CAAC;AAEjC,SACG,gBAAAM,EAAAC,GAAA,EACE,UAACR,IAUC,gBAAAS,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAAX;AAAA,QACA,OAAM;AAAA,QACN,OAAM;AAAA,QACN,SAASK;AAAA,MAAA;AAAA,IACX;AAAA,IACCN,KAEG,gBAAAW,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,MAAA;AAAA,MACA,gBAAAL,EAACC,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAD;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASJ;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,IA9BC,gBAAAC,EAAAC,GAAA,EAAS,QAAQ,KAChB,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IAC9B;AAAA,IACV,gBAAAL,EAACK,KAAK,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UACHV,EAAA,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,EAyBJ,CAAA;AAEJ,GAEeW,IAAAC,EAAKpB,CAAS;"}
+{"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import type { IOTPResendProps } from './resend-otp-types';\n\nimport { useCallback, memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useResendTimer } from './hooks/use-resend-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n  onResendOTP,\n  onResendVoiceOTP,\n  timerSeconds = 15,\n  showVoiceOTP = false,\n  disabled,\n  renderAs = 'submit',\n  width,\n}) => {\n  const { canResend, resetTimer, timeLeft } = useResendTimer({\n    initialSeconds: timerSeconds,\n  });\n\n  const handleResendClick = useCallback(() => {\n    onResendOTP?.();\n    resetTimer();\n  }, [onResendOTP, resetTimer]);\n\n  const handleVoiceResendClick = useCallback(() => {\n    onResendVoiceOTP?.();\n    resetTimer();\n  }, [onResendVoiceOTP, resetTimer]);\n\n  if (renderAs === 'submit') {\n    return (\n      <Button\n        size=\"small\"\n        renderAs=\"secondary-dark\"\n        type=\"submit\"\n        label={canResend ? 'Resend' : `Resend in ${timeLeft}`}\n        width={width}\n        onClick={handleResendClick}\n        disabled={!canResend || disabled}\n      />\n    );\n  }\n\n  return (\n    <FlexView>\n      {!canResend ? (\n        <FlexView $width={105}>\n          <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n            Resend in{' '}\n            <Text $renderAs=\"ub2-bold\" $inline $color=\"WHITE_T_60\">\n              {timeLeft}\n            </Text>\n          </Text>\n        </FlexView>\n      ) : (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n          <TextButton\n            disabled={disabled}\n            label=\"Resend\"\n            color=\"WHITE_T_60\"\n            onClick={handleResendClick}\n          />\n          {showVoiceOTP && (\n            <>\n              <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n                or\n              </Text>\n              <FlexView $width={116}>\n                <TextButton\n                  label=\"Get code via call\"\n                  color=\"WHITE_T_60\"\n                  onClick={handleVoiceResendClick}\n                />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(ResendOTP);\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","disabled","renderAs","width","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","useCallback","handleVoiceResendClick","jsx","Button","FlexView","jsxs","TextButton","Fragment","Text","ResendOtp","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBR;AAAA,EAAA,CACjB,GAEKS,IAAoBC,EAAY,MAAM;AAC5B,IAAAZ,KAAA,QAAAA,KACHQ;EAAA,GACV,CAACR,GAAaQ,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAX,KAAA,QAAAA,KACRO;EAAA,GACV,CAACP,GAAkBO,CAAU,CAAC;AAEjC,SAAIH,MAAa,WAEb,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAOR,IAAY,WAAW,aAAaE,CAAQ;AAAA,MACnD,OAAAH;AAAA,MACA,SAASK;AAAA,MACT,UAAU,CAACJ,KAAaH;AAAA,IAAA;AAAA,EAAA,IAM3B,gBAAAU,EAAAE,GAAA,EACE,UAACT,IAUC,gBAAAU,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAAd;AAAA,QACA,OAAM;AAAA,QACN,OAAM;AAAA,QACN,SAASO;AAAA,MAAA;AAAA,IACX;AAAA,IACCR,KAEG,gBAAAc,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,MAAA;AAAA,MACA,gBAAAN,EAACE,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASL;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,IA9BC,gBAAAC,EAAAE,GAAA,EAAS,QAAQ,KAChB,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IAC9B;AAAA,IACV,gBAAAN,EAACM,KAAK,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UACHX,EAAA,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,EAyBJ,CAAA;AAEJ,GAEeY,IAAAC,EAAKvB,CAAS;"}

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

@@ -1,30 +1,25 @@
-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 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,
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { memo as c, useCallback as l } from "react";
+import p from "../../../ui/inputs/text-input/text-input.js";
+import o from "../../../ui/layout/flex-view.js";
+import f from "../../comps/input-status-icon/input-status-icon.js";
+import g from "../../comps/resend-otp/resend-otp.js";
+const h = ({
+  onSubmit: a,
+  onChange: r,
+  value: i,
+  error: t,
+  isProcessing: s,
   isValid: n = !1
 }) => {
-  const { canResend: o, resetTimer: d, timeLeft: c } = C({
-    initialSeconds: 30
-  }), l = () => {
-    i(), d();
-  }, u = h(
-    (p) => {
-      t("username", p.target.value);
+  const m = l(
+    (d) => {
+      r("otp", d.target.value);
     },
-    [t]
+    [r]
   );
   return /* @__PURE__ */ e(
-    a,
+    o,
     {
       $gutterX: 2,
       $gapX: 1.5,
@@ -32,39 +27,37 @@ const x = ({
       $justifyContent: "center",
       $background: "BLACK_2",
       $height: 308,
-      children: /* @__PURE__ */ f(a, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
+      children: /* @__PURE__ */ u(o, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
         /* @__PURE__ */ e(
-          b,
+          p,
           {
-            renderAs: s ? "error-dark" : n ? "success-dark" : "primary-dark",
+            renderAs: t ? "error-dark" : n ? "success-dark" : "primary-dark",
             autoFocus: !0,
             label: "Verification code",
-            value: r,
-            onChange: u,
+            value: i,
+            onChange: m,
             width: 330,
             required: !0,
             shape: "borderLess",
-            errorMessage: r,
-            siblingElement: /* @__PURE__ */ e(k, { isError: !!s, isValid: n, isLoading: m })
+            errorMessage: t,
+            siblingElement: /* @__PURE__ */ e(f, { isError: !!t, isValid: n, isLoading: s })
           }
         ),
         /* @__PURE__ */ e(
-          $,
+          g,
           {
-            size: "small",
-            renderAs: "secondary-dark",
-            type: "submit",
-            label: o ? "Resend" : `Resend in ${c}`,
+            renderAs: "submit",
+            timerSeconds: 15,
+            onResendOTP: a,
             width: 336,
-            onClick: l,
-            disabled: !o
+            disabled: s
           }
         )
       ] })
     }
   );
-}, A = g(x);
+}, w = c(h);
 export {
-  A as default
+  w 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 { 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;"}
+{"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 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 ResendOtp from '../../comps/resend-otp/resend-otp';\n\nconst OTPForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isProcessing,\n  isValid = false,\n}: ISingleFieldFormProps) => {\n  const handleOTPChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('otp', 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={handleOTPChange}\n          width={330}\n          required\n          shape=\"borderLess\"\n          errorMessage={error}\n          siblingElement={\n            <InputStatusIcon isError={!!error} isValid={isValid} isLoading={isProcessing} />\n          }\n        />\n        <ResendOtp\n          renderAs=\"submit\"\n          timerSeconds={15}\n          onResendOTP={onSubmit}\n          width={336}\n          disabled={isProcessing}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(OTPForm);\n"],"names":["OTPForm","onSubmit","onChange","value","error","isProcessing","isValid","handleOTPChange","useCallback","e","jsx","FlexView","TextInput","InputStatusIcon","ResendOtp","otpForm","memo"],"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,QAAMC,IAAkBC;AAAA,IACtB,CAACC,MAAqC;AAC3B,MAAAP,EAAA,OAAOO,EAAE,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,CAACP,CAAQ;AAAA,EAAA;AAMT,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,4BAACA,GAAS,EAAA,aAAY,UAAS,iBAAgB,iBAAgB,OAAO,GACpE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAUR,IAAQ,eAbJE,IAAU,iBAAiB;AAAA,YAczC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAAH;AAAA,YACA,UAAUI;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcH;AAAA,YACd,kCACGS,GAAgB,EAAA,SAAS,CAAC,CAACT,GAAO,SAAAE,GAAkB,WAAWD,GAAc;AAAA,UAAA;AAAA,QAElF;AAAA,QACA,gBAAAK;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,cAAc;AAAA,YACd,aAAab;AAAA,YACb,OAAO;AAAA,YACP,UAAUI;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeU,IAAAC,EAAKhB,CAAO;"}

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

@@ -1,29 +1,28 @@
-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: a,
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { memo as p, useCallback as f } from "react";
+import c from "../../../ui/buttons/button/button.js";
+import g from "../../../ui/inputs/text-input/text-input.js";
+import h from "../../../ui/layout/flex-view.js";
+import b from "../../comps/input-status-icon/input-status-icon.js";
+import { FormWrapper as I } from "../forgot-password-styled.js";
+const $ = ({
+  onSubmit: i,
+  onChange: t,
+  value: o,
+  error: r,
+  isSubmitDisabled: s,
   isProcessing: n,
-  isValid: m = !1,
-  label: u,
-  field: t
+  isValid: a = !1,
+  label: m
 }) => {
   const d = f(
-    (p) => {
-      t && o(t, p.target.value);
+    (u) => {
+      t("identifier", u.target.value);
     },
-    [o, t]
+    [t]
   );
-  return /* @__PURE__ */ r(
-    b,
+  return /* @__PURE__ */ e(
+    h,
     {
       $gutterX: 2,
       $gapX: 1.5,
@@ -31,24 +30,24 @@ const k = ({
       $justifyContent: "center",
       $background: "BLACK_2",
       $height: 308,
-      children: /* @__PURE__ */ l($, { onSubmit: s, children: [
-        /* @__PURE__ */ r(
-          h,
+      children: /* @__PURE__ */ l(I, { onSubmit: i, children: [
+        /* @__PURE__ */ e(
+          g,
           {
-            renderAs: e ? "error-dark" : "primary-dark",
+            renderAs: r ? "error-dark" : "primary-dark",
             autoFocus: !0,
-            label: u,
-            value: i,
+            label: m,
+            value: o,
             onChange: d,
             width: 330,
             required: !0,
             shape: "borderLess",
-            errorMessage: e,
-            siblingElement: /* @__PURE__ */ r(I, { isError: !!e, isValid: m, isLoading: !1 })
+            errorMessage: r,
+            siblingElement: /* @__PURE__ */ e(b, { isError: !!r, isValid: a, isLoading: !1 })
           }
         ),
-        /* @__PURE__ */ r(
-          g,
+        /* @__PURE__ */ e(
+          c,
           {
             size: "small",
             renderAs: "secondary-dark",
@@ -56,14 +55,14 @@ const k = ({
             label: "Get Verification Code",
             width: 336,
             busy: n,
-            disabled: a
+            disabled: s
           }
         )
       ] })
     }
   );
-}, L = c(k);
+}, A = p($);
 export {
-  L as default
+  A 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';\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;"}
+{"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}: ISingleFieldFormProps) => {\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('identifier', 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        <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","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;AACF,MAA6B;AAC3B,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAAqC;AAC3B,MAAAT,EAAA,cAAcS,EAAE,OAAO,KAAK;AAAA,IACvC;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAU;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,UAAAd,GAClB,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUZ,IAAQ,eAAe;AAAA,YACjC,WAAS;AAAA,YACT,OAAAI;AAAA,YACA,OAAAL;AAAA,YACA,UAAUM;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcL;AAAA,YACd,kCAAiBa,GAAgB,EAAA,SAAS,CAAC,CAACb,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,UAAA;AAAA,QACzF;AAAA,QACA,gBAAAK;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMZ;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEec,IAAAC,EAAKpB,CAAkB;"}

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

@@ -8,12 +8,12 @@ import u from "../../comps/input-status-icon/input-status-icon.js";
 import F from "../../comps/resend-otp/resend-otp.js";
 import { FormWrapper as C } from "./identifier-otp-form-styled.js";
 const E = ({
-  identifier: f,
+  identifier: p,
   otp: l,
   errors: r,
   isOtpVerified: i,
   isLoading: a,
-  isSubmitDisabled: p,
+  isSubmitDisabled: f,
   showOtpInput: t,
   onChange: m,
   onSubmit: g,
@@ -28,7 +28,7 @@ const E = ({
           renderAs: r.identifier ? "error-dark" : b,
           autoFocus: !0,
           label: "Email or Phone",
-          value: f,
+          value: p,
           onChange: (o) => m("identifier", o.target.value),
           width: 330,
           required: !0,
@@ -78,12 +78,12 @@ const E = ({
         label: t ? "Log In" : "Get Verification Code",
         width: 336,
         busy: !t && a,
-        disabled: p
+        disabled: f
       }
     )
   ] }) });
-}, w = y(E);
+}, I = y(E);
 export {
-  w as default
+  I as default
 };
 //# sourceMappingURL=identifier-otp-form.js.map

package/dist/index.d.ts

@@ -2452,6 +2452,8 @@ declare interface IOTPResendProps {
     timerSeconds?: number;
     showVoiceOTP?: boolean;
     disabled?: boolean;
+    renderAs?: 'submit' | 'text';
+    width?: number;
 }
 
 declare interface IOutcomeConfig {
@@ -2992,7 +2994,6 @@ declare interface ISingleFieldFormProps {
     isProcessing: boolean;
     isSubmitDisabled?: boolean;
     isValid?: boolean;
-    field?: string;
     label?: string;
 }
 
@@ -5732,7 +5733,7 @@ export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const UserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare const UserIdentifierForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isSubmitDisabled, isProcessing, isValid, label, field, }: ISingleFieldFormProps) => JSX_2.Element>;
+export declare const UserIdentifierForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isSubmitDisabled, isProcessing, isValid, label, }: ISingleFieldFormProps) => JSX_2.Element>;
 
 export declare const UsernamePasswordForm: NamedExoticComponent<IUsernamePasswordFormProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.0.11-j3",
+  "version": "3.0.11-j4",
   "type": "module",
   "files": [
     "dist"