npm - @cuemath/leap - Versions diffs - 3.0.11-j3 → 3.0.11-j5 - Mend

@cuemath/leap 3.0.11-j3 → 3.0.11-j5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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}: 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 CHANGED Viewed

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

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

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