@cuemath/leap 3.1.7 → 3.1.8-aa0

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

@@ -1,78 +1,73 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { memo as h, useCallback as i } from "react";
+import { memo as g, 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 C } from "../forgot-password-styled.js";
-const y = ({
+import b from "../../../ui/layout/flex-view.js";
+import h from "../../../ui/separator/separator.js";
+import m from "../../comps/input-status-icon/input-status-icon.js";
+import { Container as y, FormWrapper as C } from "../forgot-password-styled.js";
+const k = ({
   onSubmit: l,
   onChange: e,
   formData: o,
   errors: s,
-  isSubmitDisabled: w,
+  isSubmitDisabled: p,
   isProcessing: u,
   isValid: t = !1
 }) => {
-  const c = t && o.password === o.confirmPassword, f = i(
+  const w = t && o.password === o.confirmPassword, c = i(
     (a) => {
       e("password", a.target.value);
     },
     [e]
-  ), g = i(
+  ), f = i(
     (a) => {
       e("confirmPassword", a.target.value);
     },
     [e]
   );
   return /* @__PURE__ */ r(
-    m,
+    y,
     {
-      $gutterX: 2,
+      $gutterX: 1.5,
       $gapX: 1.5,
       $alignItems: "center",
       $justifyContent: "center",
       $background: "BLACK_2",
-      $height: 308,
       children: /* @__PURE__ */ d(C, { onSubmit: l, children: [
-        /* @__PURE__ */ d(m, { children: [
+        /* @__PURE__ */ d(b, { children: [
           /* @__PURE__ */ r(
             n,
             {
               type: "password",
               renderAs: s.password ? "error-dark" : "primary-dark",
-              autoComplete: "new-password",
               label: "New Password",
               value: o.password,
-              onChange: f,
-              width: 330,
+              onChange: c,
               autoFocus: !0,
               required: !0,
               shape: "borderLess",
               errorMessage: s.password,
-              siblingElement: /* @__PURE__ */ r(p, { isError: !!s.password, isValid: t, isLoading: !1 })
+              siblingElement: /* @__PURE__ */ r(m, { isError: !!s.password, isValid: t, isLoading: !1 })
             }
           ),
-          /* @__PURE__ */ r(b, { height: 36 }),
+          /* @__PURE__ */ r(h, { height: 36 }),
           /* @__PURE__ */ r(
             n,
             {
               type: "password",
               renderAs: s.confirmPassword ? "error-dark" : "primary-dark",
-              autoComplete: "new-password",
               label: "Re-enter Password",
               value: o.confirmPassword,
-              onChange: g,
-              width: 330,
+              onChange: f,
               required: !0,
               shape: "borderLess",
               errorMessage: s.confirmPassword,
               siblingElement: /* @__PURE__ */ r(
-                p,
+                m,
                 {
                   isError: !!s.confirmPassword,
-                  isValid: c,
+                  isValid: w,
                   isLoading: !1
                 }
               )
@@ -86,16 +81,16 @@ const y = ({
             renderAs: "secondary-dark",
             type: "submit",
             label: "Continue",
-            width: 336,
+            width: "100%",
             busy: u,
-            disabled: w
+            disabled: p
           }
         )
       ] })
     }
   );
-}, I = h(y);
+}, j = g(k);
 export {
-  I as default
+  j 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, 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            autoFocus\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,WAAS;AAAA,cACT,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;"}
+{"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    <Styled.Container\n      $gutterX={1.5}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView>\n          <TextInput\n            type={'password'}\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            label=\"New Password\"\n            value={formData.password}\n            onChange={handlePasswordChange}\n            autoFocus\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            label=\"Re-enter Password\"\n            value={formData.confirmPassword}\n            onChange={handleConfirmPasswordChange}\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=\"100%\"\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default memo(ResetPasswordForm);\n"],"names":["ResetPasswordForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","isConfirmPasswordValid","handlePasswordChange","useCallback","e","handleConfirmPasswordChange","jsx","Styled.Container","jsxs","Styled.FormWrapper","FlexView","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;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAf,GAClB,UAAA;AAAA,QAAA,gBAAAc,EAACE,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,UAAUd,EAAO,WAAW,eAAe;AAAA,cAC3C,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAUM;AAAA,cACV,WAAS;AAAA,cACT,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcL,EAAO;AAAA,cACrB,gBACG,gBAAAS,EAAAM,GAAA,EAAgB,SAAS,CAAC,CAACf,EAAO,UAAU,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,YAAA;AAAA,UAErF;AAAA,UACA,gBAAAM,EAACO,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAP;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUd,EAAO,kBAAkB,eAAe;AAAA,cAClD,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAUS;AAAA,cACV,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcR,EAAO;AAAA,cACrB,gBACE,gBAAAS;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,SAAS,CAAC,CAACf,EAAO;AAAA,kBAClB,SAASI;AAAA,kBACT,WAAW;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QACA,gBAAAK;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAMf;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeiB,IAAAC,EAAKvB,CAAiB;"}

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

@@ -1,68 +1,65 @@
 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,
+import { memo as p, useCallback as c } from "react";
+import f from "../../../ui/inputs/text-input/text-input.js";
+import g from "../../comps/input-status-icon/input-status-icon.js";
+import { Container as b, FormWrapper as C, ButtonWrapper as I } from "../forgot-password-styled.js";
+const h = ({
+  onSubmit: o,
   onChange: t,
-  value: o,
+  value: s,
   error: r,
-  isSubmitDisabled: s,
+  isSubmitDisabled: a,
   isProcessing: n,
-  isValid: a = !1,
+  isValid: i = !1,
   label: m
 }) => {
-  const d = f(
-    (u) => {
-      t("identifier", u.target.value);
+  const u = c(
+    (d) => {
+      t("identifier", d.target.value);
     },
     [t]
   );
   return /* @__PURE__ */ e(
-    h,
+    b,
     {
-      $gutterX: 2,
+      $gutterX: 1.5,
       $gapX: 1.5,
       $alignItems: "center",
       $justifyContent: "center",
       $background: "BLACK_2",
-      $height: 308,
-      children: /* @__PURE__ */ l(I, { onSubmit: i, children: [
+      children: /* @__PURE__ */ l(C, { onSubmit: o, children: [
         /* @__PURE__ */ e(
-          g,
+          f,
           {
             renderAs: r ? "error-dark" : "primary-dark",
             autoFocus: !0,
             label: m,
-            value: o,
-            onChange: d,
-            width: 330,
+            value: s,
+            onChange: u,
             required: !0,
             shape: "borderLess",
+            autoComplete: "username",
             errorMessage: r,
-            siblingElement: /* @__PURE__ */ e(b, { isError: !!r, isValid: a, isLoading: !1 })
+            siblingElement: /* @__PURE__ */ e(g, { isError: !!r, isValid: i, isLoading: !1 })
           }
         ),
         /* @__PURE__ */ e(
-          c,
+          I,
           {
             size: "small",
             renderAs: "secondary-dark",
             type: "submit",
+            width: "100%",
             label: "Get Verification Code",
-            width: 336,
             busy: n,
-            disabled: s
+            disabled: a
           }
         )
       ] })
     }
   );
-}, A = p($);
+}, j = p(h);
 export {
-  A as default
+  j 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}: 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;"}
+{"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 TextInput from '../../../ui/inputs/text-input/text-input';\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    <Styled.Container\n      $gutterX={1.5}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\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          required\n          shape=\"borderLess\"\n          autoComplete=\"username\"\n          errorMessage={error}\n          siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\n        />\n        <Styled.ButtonWrapper\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          width=\"100%\"\n          label=\"Get Verification Code\"\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default memo(UserIdentifierForm);\n"],"names":["UserIdentifierForm","onSubmit","onChange","value","error","isSubmitDisabled","isProcessing","isValid","label","handleInputChange","useCallback","e","jsx","Styled.Container","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Styled.ButtonWrapper","userIdentifierForm","memo"],"mappings":";;;;;AAQA,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;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,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,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAa;AAAA,YACb,cAAcL;AAAA,YACd,kCAAiBa,GAAgB,EAAA,SAAS,CAAC,CAACb,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,UAAA;AAAA,QACzF;AAAA,QACA,gBAAAK;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,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-styled.js

@@ -1,12 +1,25 @@
-import e from "styled-components";
-const t = e.form`
+import t from "styled-components";
+import o from "../../../ui/layout/flex-view.js";
+import { media as e } from "../../../utils/media.js";
+const r = t.form`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  margin-top: 8px;
+  margin-top: 0;
   flex: 1;
+  width: 100%;
+  max-width: 336px;
+  ${e.minDesktop} {
+    margin-top: 8px;
+  }
+`, n = t(o)`
+  height: 300px;
+  ${e.minDesktop} {
+    height: 308px;
+  }
 `;
 export {
-  t as FormWrapper
+  n as Container,
+  r as FormWrapper
 };
 //# sourceMappingURL=identifier-otp-form-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"identifier-otp-form-styled.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst FormWrapper = styled.form`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-top: 8px;\n  flex: 1;\n`;\n\nexport { FormWrapper };\n"],"names":["FormWrapper","styled"],"mappings":";AAEA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"identifier-otp-form-styled.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { media } from '../../../utils/media';\n\nconst FormWrapper = styled.form`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-top: 0;\n  flex: 1;\n  width: 100%;\n  max-width: 336px;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst Container = styled(FlexView)`\n  height: 300px;\n  ${media.minDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { FormWrapper, Container };\n"],"names":["FormWrapper","styled","media","Container","FlexView"],"mappings":";;;AAKA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQvBC,EAAM,UAAU;AAAA;AAAA;AAAA,GAKdC,IAAYF,EAAOG,CAAQ;AAAA;AAAA,IAE7BF,EAAM,UAAU;AAAA;AAAA;AAAA;"}

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

@@ -1,100 +1,109 @@
-import { jsx as e, jsxs as n, Fragment as x } from "react/jsx-runtime";
-import { memo as C, useCallback as c } from "react";
-import E from "../../../ui/buttons/button/button.js";
+import { jsx as e, jsxs as d, Fragment as C } from "react/jsx-runtime";
+import { memo as F, useCallback as m } from "react";
+import x 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 c from "../../../ui/layout/flex-view.js";
+import s 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 = ({
+import I from "../../comps/resend-otp/resend-otp.js";
+import { Container as E, FormWrapper as j } from "./identifier-otp-form-styled.js";
+const v = ({
   identifier: f,
-  otp: m,
+  otp: l,
   errors: r,
-  isOtpVerified: i,
-  isLoading: o,
+  isOtpVerified: t,
+  isLoading: n,
   isSubmitDisabled: h,
-  showOtpInput: t,
+  showOtpInput: i,
   onChange: a,
   onSubmit: g,
   onSendOtp: b
 }) => {
-  const k = t ? "success-dark" : "primary-dark", $ = i ? "success-dark" : "primary-dark", y = c(
-    (d) => {
-      a("identifier", d.target.value);
+  const $ = t ? "success-dark" : "primary-dark", k = m(
+    (o) => {
+      a("identifier", o.target.value);
     },
     [a]
-  ), F = c(
-    (d) => {
-      a("otp", d.target.value);
+  ), y = m(
+    (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(
-        u,
-        {
-          renderAs: r.identifier ? "error-dark" : k,
-          autoFocus: !0,
-          label: "Email or Phone",
-          value: f,
-          onChange: y,
-          width: 330,
-          required: !0,
-          shape: "borderLess",
-          errorMessage: r.identifier,
-          disabled: t,
-          siblingElement: /* @__PURE__ */ e(p, { isValid: t, isError: !!r.identifier })
-        }
-      ),
-      t && /* @__PURE__ */ n(x, { children: [
-        /* @__PURE__ */ e(l, { height: 36 }),
-        /* @__PURE__ */ e(
-          u,
-          {
-            type: "password",
-            renderAs: r.otp ? "error-dark" : $,
-            autoComplete: "password",
-            label: "Verification code",
-            value: m,
-            onChange: F,
-            width: 330,
-            required: !0,
-            autoFocus: !0,
-            shape: "borderLess",
-            errorMessage: r.otp,
-            disabled: i || m.length === 4 && o,
-            siblingElement: /* @__PURE__ */ e(
-              p,
+  return /* @__PURE__ */ e(
+    E,
+    {
+      $gutterX: 1.5,
+      $gapX: 1.5,
+      $background: "BLACK_2",
+      $alignItems: "center",
+      $justifyContent: "center",
+      children: /* @__PURE__ */ d(j, { onSubmit: g, children: [
+        /* @__PURE__ */ d(c, { $alignItems: "center", $justifyContent: "center", children: [
+          /* @__PURE__ */ e(
+            u,
+            {
+              renderAs: r.identifier ? "error-dark" : "primary-dark",
+              autoFocus: !0,
+              label: "Email or Phone",
+              value: f,
+              onChange: k,
+              required: !0,
+              width: "100%",
+              shape: "borderLess",
+              errorMessage: r.identifier,
+              disabled: i,
+              siblingElement: /* @__PURE__ */ e(p, { isError: !!r.identifier })
+            }
+          ),
+          i && /* @__PURE__ */ d(C, { children: [
+            /* @__PURE__ */ e(s, { height: 36 }),
+            /* @__PURE__ */ e(
+              u,
               {
-                isLoading: o,
-                isValid: i,
-                isError: !!r.otp
+                type: "password",
+                renderAs: r.otp ? "error-dark" : $,
+                label: "Verification code",
+                value: l,
+                onChange: y,
+                width: "100%",
+                required: !0,
+                autoFocus: !0,
+                shape: "borderLess",
+                errorMessage: r.otp,
+                disabled: t || l.length === 4 && n,
+                siblingElement: /* @__PURE__ */ e(
+                  p,
+                  {
+                    isLoading: n,
+                    isValid: t,
+                    isError: !!r.otp
+                  }
+                )
               }
-            )
+            ),
+            /* @__PURE__ */ e(s, { heightX: 1.25 }),
+            /* @__PURE__ */ e(c, { $alignItems: "flex-end", $width: "100%", children: /* @__PURE__ */ e(I, { onResendOTP: b, disabled: t }) }),
+            /* @__PURE__ */ e(s, { heightX: 2 })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          x,
+          {
+            size: "small",
+            renderAs: "secondary-dark",
+            type: "submit",
+            label: i ? "Log In" : "Get Verification Code",
+            width: "100%",
+            busy: !i && n,
+            disabled: h
           }
-        ),
-        /* @__PURE__ */ e(l, { heightX: 1.25 }),
-        /* @__PURE__ */ e(s, { $alignItems: "flex-end", $width: "100%", children: /* @__PURE__ */ e(v, { onResendOTP: b, disabled: i }) }),
-        /* @__PURE__ */ e(l, { heightX: 2 })
+        )
       ] })
-    ] }),
-    /* @__PURE__ */ e(
-      E,
-      {
-        size: "small",
-        renderAs: "secondary-dark",
-        type: "submit",
-        label: t ? "Log In" : "Get Verification Code",
-        width: 336,
-        busy: !t && o,
-        disabled: h
-      }
-    )
-  ] }) });
-}, P = C(S);
+    }
+  );
+}, R = F(v);
 export {
-  P as default
+  R 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, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport ResendOTP from '../../comps/resend-otp/resend-otp';\nimport * as Styled from './identifier-otp-form-styled';\n\nconst IdentifierOtpForm: React.FC<IIdentifierOtpFormProps> = ({\n  identifier,\n  otp,\n  errors,\n  isOtpVerified,\n  isLoading,\n  isSubmitDisabled,\n  showOtpInput,\n  onChange,\n  onSubmit,\n  onSendOtp,\n}) => {\n  const identifierStatusVariant = showOtpInput ? 'success-dark' : 'primary-dark';\n  const otpStatusVariant = isOtpVerified ? 'success-dark' : 'primary-dark';\n\n  const handleIdentifierChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('identifier', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handleOtpChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('otp', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <FlexView $gutterX={2} $gapX={1.5} $background=\"BLACK_2\" $height={308}>\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.identifier ? 'error-dark' : identifierStatusVariant}\n            autoFocus\n            label=\"Email or Phone\"\n            value={identifier}\n            onChange={handleIdentifierChange}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.identifier}\n            disabled={showOtpInput}\n            siblingElement={\n              <InputStatusIcon isValid={showOtpInput} isError={!!errors.identifier} />\n            }\n          />\n          {showOtpInput && (\n            <>\n              <Separator height={36} />\n              <TextInput\n                type=\"password\"\n                renderAs={errors.otp ? 'error-dark' : otpStatusVariant}\n                autoComplete=\"password\"\n                label=\"Verification code\"\n                value={otp}\n                onChange={handleOtpChange}\n                width={330}\n                required\n                autoFocus\n                shape=\"borderLess\"\n                errorMessage={errors.otp}\n                disabled={isOtpVerified || (otp.length === 4 && isLoading)}\n                siblingElement={\n                  <InputStatusIcon\n                    isLoading={isLoading}\n                    isValid={isOtpVerified}\n                    isError={!!errors.otp}\n                  />\n                }\n              />\n              <Separator heightX={1.25} />\n              <FlexView $alignItems=\"flex-end\" $width=\"100%\">\n                <ResendOTP onResendOTP={onSendOtp} disabled={isOtpVerified} />\n              </FlexView>\n              <Separator heightX={2} />\n            </>\n          )}\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label={showOtpInput ? 'Log In' : 'Get Verification Code'}\n          width={336}\n          busy={!showOtpInput && isLoading}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(IdentifierOtpForm);\n"],"names":["IdentifierOtpForm","identifier","otp","errors","isOtpVerified","isLoading","isSubmitDisabled","showOtpInput","onChange","onSubmit","onSendOtp","identifierStatusVariant","otpStatusVariant","handleIdentifierChange","useCallback","e","handleOtpChange","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Fragment","Separator","ResendOTP","Button","identifierOtpForm","memo"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACE,QAAAC,IAA0BJ,IAAe,iBAAiB,gBAC1DK,IAAmBR,IAAgB,iBAAiB,gBAEpDS,IAAyBC;AAAA,IAC7B,CAACC,MAAqC;AAC3B,MAAAP,EAAA,cAAcO,EAAE,OAAO,KAAK;AAAA,IACvC;AAAA,IACA,CAACP,CAAQ;AAAA,EAAA,GAGLQ,IAAkBF;AAAA,IACtB,CAACC,MAAqC;AAC3B,MAAAP,EAAA,OAAOO,EAAE,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,CAACP,CAAQ;AAAA,EAAA;AAGX,SACG,gBAAAS,EAAAC,GAAA,EAAS,UAAU,GAAG,OAAO,KAAK,aAAY,WAAU,SAAS,KAChE,UAAA,gBAAAC,EAACC,GAAA,EAAmB,UAAAX,GAClB,UAAA;AAAA,IAAA,gBAAAU,EAACD,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUlB,EAAO,aAAa,eAAeQ;AAAA,UAC7C,WAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAOV;AAAA,UACP,UAAUY;AAAA,UACV,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,cAAcV,EAAO;AAAA,UACrB,UAAUI;AAAA,UACV,kCACGe,GAAgB,EAAA,SAASf,GAAc,SAAS,CAAC,CAACJ,EAAO,YAAY;AAAA,QAAA;AAAA,MAE1E;AAAA,MACCI,KAEG,gBAAAY,EAAAI,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAN,EAAAO,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAP;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUlB,EAAO,MAAM,eAAeS;AAAA,YACtC,cAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAOV;AAAA,YACP,UAAUc;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,WAAS;AAAA,YACT,OAAM;AAAA,YACN,cAAcb,EAAO;AAAA,YACrB,UAAUC,KAAkBF,EAAI,WAAW,KAAKG;AAAA,YAChD,gBACE,gBAAAY;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,WAAAjB;AAAA,gBACA,SAASD;AAAA,gBACT,SAAS,CAAC,CAACD,EAAO;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAEJ;AAAA,QACA,gBAAAc,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAP,EAAAC,GAAA,EAAS,aAAY,YAAW,QAAO,QACtC,UAAC,gBAAAD,EAAAQ,GAAA,EAAU,aAAaf,GAAW,UAAUN,EAAe,CAAA,GAC9D;AAAA,QACA,gBAAAa,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,GACzB;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAP;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOnB,IAAe,WAAW;AAAA,QACjC,OAAO;AAAA,QACP,MAAM,CAACA,KAAgBF;AAAA,QACvB,UAAUC;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeqB,IAAAC,EAAK5B,CAAiB;"}
+{"version":3,"file":"identifier-otp-form.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form.tsx"],"sourcesContent":["import 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 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    <Styled.Container\n      $gutterX={1.5}\n      $gapX={1.5}\n      $background=\"BLACK_2\"\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.identifier ? 'error-dark' : 'primary-dark'}\n            autoFocus\n            label=\"Email or Phone\"\n            value={identifier}\n            onChange={handleIdentifierChange}\n            required\n            width=\"100%\"\n            shape=\"borderLess\"\n            errorMessage={errors.identifier}\n            disabled={showOtpInput}\n            siblingElement={<InputStatusIcon isError={!!errors.identifier} />}\n          />\n          {showOtpInput && (\n            <>\n              <Separator height={36} />\n              <TextInput\n                type=\"password\"\n                renderAs={errors.otp ? 'error-dark' : otpStatusVariant}\n                label=\"Verification code\"\n                value={otp}\n                onChange={handleOtpChange}\n                width=\"100%\"\n                required\n                autoFocus\n                shape=\"borderLess\"\n                errorMessage={errors.otp}\n                disabled={isOtpVerified || (otp.length === 4 && isLoading)}\n                siblingElement={\n                  <InputStatusIcon\n                    isLoading={isLoading}\n                    isValid={isOtpVerified}\n                    isError={!!errors.otp}\n                  />\n                }\n              />\n              <Separator heightX={1.25} />\n              <FlexView $alignItems=\"flex-end\" $width=\"100%\">\n                <ResendOTP onResendOTP={onSendOtp} disabled={isOtpVerified} />\n              </FlexView>\n              <Separator heightX={2} />\n            </>\n          )}\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label={showOtpInput ? 'Log In' : 'Get Verification Code'}\n          width=\"100%\"\n          busy={!showOtpInput && isLoading}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default memo(IdentifierOtpForm);\n"],"names":["IdentifierOtpForm","identifier","otp","errors","isOtpVerified","isLoading","isSubmitDisabled","showOtpInput","onChange","onSubmit","onSendOtp","otpStatusVariant","handleIdentifierChange","useCallback","e","handleOtpChange","jsx","Styled.Container","jsxs","Styled.FormWrapper","FlexView","TextInput","InputStatusIcon","Fragment","Separator","ResendOTP","Button","identifierOtpForm","memo"],"mappings":";;;;;;;;;AAYA,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,IAAmBP,IAAgB,iBAAiB,gBAEpDQ,IAAyBC;AAAA,IAC7B,CAACC,MAAqC;AAC3B,MAAAN,EAAA,cAAcM,EAAE,OAAO,KAAK;AAAA,IACvC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA,GAGLO,IAAkBF;AAAA,IACtB,CAACC,MAAqC;AAC3B,MAAAN,EAAA,OAAOM,EAAE,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,CAACN,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAV,GAClB,UAAA;AAAA,QAAA,gBAAAS,EAACE,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,UAAUlB,EAAO,aAAa,eAAe;AAAA,cAC7C,WAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOF;AAAA,cACP,UAAUW;AAAA,cACV,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,OAAM;AAAA,cACN,cAAcT,EAAO;AAAA,cACrB,UAAUI;AAAA,cACV,gBAAiB,gBAAAS,EAAAM,GAAA,EAAgB,SAAS,CAAC,CAACnB,EAAO,YAAY;AAAA,YAAA;AAAA,UACjE;AAAA,UACCI,KAEG,gBAAAW,EAAAK,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAP,EAAAQ,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,YACvB,gBAAAR;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAUlB,EAAO,MAAM,eAAeQ;AAAA,gBACtC,OAAM;AAAA,gBACN,OAAOT;AAAA,gBACP,UAAUa;AAAA,gBACV,OAAM;AAAA,gBACN,UAAQ;AAAA,gBACR,WAAS;AAAA,gBACT,OAAM;AAAA,gBACN,cAAcZ,EAAO;AAAA,gBACrB,UAAUC,KAAkBF,EAAI,WAAW,KAAKG;AAAA,gBAChD,gBACE,gBAAAW;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,WAAAjB;AAAA,oBACA,SAASD;AAAA,oBACT,SAAS,CAAC,CAACD,EAAO;AAAA,kBAAA;AAAA,gBACpB;AAAA,cAAA;AAAA,YAEJ;AAAA,YACA,gBAAAa,EAACQ,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,YACzB,gBAAAR,EAAAI,GAAA,EAAS,aAAY,YAAW,QAAO,QACtC,UAAC,gBAAAJ,EAAAS,GAAA,EAAU,aAAaf,GAAW,UAAUN,EAAe,CAAA,GAC9D;AAAA,YACA,gBAAAY,EAACQ,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,GACzB;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAR;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOnB,IAAe,WAAW;AAAA,YACjC,OAAM;AAAA,YACN,MAAM,CAACA,KAAgBF;AAAA,YACvB,UAAUC;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeqB,IAAAC,EAAK5B,CAAiB;"}

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

@@ -0,0 +1,26 @@
+import t from "styled-components";
+import i from "../../ui/buttons/button/button.js";
+import m from "../../ui/layout/flex-view.js";
+import { media as o } from "../../utils/media.js";
+const x = t.form`
+  max-width: 336px;
+  width: 100%;
+  margin-top: 0;
+  ${o.minDesktop} {
+    margin-top: 8px;
+  }
+`;
+t(i)`
+  max-width: 160px;
+`;
+const a = t(m)`
+  min-height: 300px;
+  ${o.minDesktop} {
+    height: 308px;
+  }
+`;
+export {
+  a as Container,
+  x as FormContainer
+};
+//# sourceMappingURL=login-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"login-styled.js","sources":["../../../../src/features/auth/login/login-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { media } from '../../utils/media';\n\nexport const FormContainer = styled.form`\n  max-width: 336px;\n  width: 100%;\n  margin-top: 0;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst ButtonWrapper = styled(Button)`\n  max-width: 160px;\n`;\n\nconst Container = styled(FlexView)`\n  min-height: 300px;\n  ${media.minDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { ButtonWrapper, Container };\n"],"names":["FormContainer","styled","media","Button","Container","FlexView"],"mappings":";;;;AAMO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA,IAIhCC,EAAM,UAAU;AAAA;AAAA;AAAA;AAKED,EAAOE,CAAM;AAAA;AAAA;AAI7B,MAAAC,IAAYH,EAAOI,CAAQ;AAAA;AAAA,IAE7BH,EAAM,UAAU;AAAA;AAAA;AAAA;"}

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

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

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

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