@cuemath/leap 2.9.5-j12 → 2.9.5-j13

package/dist/features/auth/comps/input-status-icon/input-status-icon.js

@@ -1,19 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useTheme as u } from "styled-components";
-import { ReactComponent as f } from "../../../../assets/illustrations/loader-1.svg.js";
-import i from "../../../../assets/line-icons/icons/check2.js";
-import p from "../../../../assets/line-icons/icons/cross.js";
-const a = ({
-  isLoading: n,
-  isValid: c,
-  isError: m,
+import { useTheme as h } from "styled-components";
+import { ReactComponent as u } from "../../../../assets/illustrations/loader-1.svg.js";
+import a from "../../../../assets/line-icons/icons/check2.js";
+import s from "../../../../assets/line-icons/icons/cross.js";
+const i = ({
+  isLoading: n = !1,
+  isValid: e = !1,
+  isError: c = !1,
   size: o = 24,
-  successColor: e = "GREEN_4",
-  errorColor: h = "ORANGE_4"
+  successColor: f = "GREEN_4",
+  errorColor: m = "ORANGE_4"
 }) => {
-  const { colors: r } = u();
-  return n ? /* @__PURE__ */ t(f, { width: o, height: o }) : m ? /* @__PURE__ */ t(p, { color: r[h], width: o, height: o }) : c ? /* @__PURE__ */ t(i, { color: r[e], width: o, height: o }) : null;
-}, w = a;
+  const { colors: r } = h();
+  return n ? /* @__PURE__ */ t(u, { width: o, height: o }) : c ? /* @__PURE__ */ t(s, { color: r[m], width: o, height: o }) : e ? /* @__PURE__ */ t(a, { color: r[f], width: o, height: o }) : null;
+}, w = i;
 export {
   w as default
 };

package/dist/features/auth/comps/input-status-icon/input-status-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-status-icon.js","sources":["../../../../../src/features/auth/comps/input-status-icon/input-status-icon.tsx"],"sourcesContent":["import type { IInputStatusIconProps } from './input-status-icon-types';\n\nimport { useTheme } from 'styled-components';\n\nimport { ReactComponent as LoaderSVG } from '../../../../assets/illustrations/loader-1.svg';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\nconst InputStatusIcon: React.FC<IInputStatusIconProps> = ({\n  isLoading,\n  isValid,\n  isError,\n  size = 24,\n  successColor = 'GREEN_4',\n  errorColor = 'ORANGE_4',\n}) => {\n  const { colors } = useTheme();\n\n  if (isLoading) {\n    return <LoaderSVG width={size} height={size} />;\n  }\n\n  if (isError) {\n    return <CrossIcon color={colors[errorColor]} width={size} height={size} />;\n  }\n\n  if (isValid) {\n    return <Check2Icon color={colors[successColor]} width={size} height={size} />;\n  }\n\n  return null;\n};\n\nexport default InputStatusIcon;\n"],"names":["InputStatusIcon","isLoading","isValid","isError","size","successColor","errorColor","colors","useTheme","jsx","LoaderSVG","CrossIcon","Check2Icon","InputStatusIcon$1"],"mappings":";;;;;AAQA,MAAMA,IAAmD,CAAC;AAAA,EACxD,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AACf,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC;AAEnB,SAAIP,IACM,gBAAAQ,EAAAC,GAAA,EAAU,OAAON,GAAM,QAAQA,EAAM,CAAA,IAG3CD,IACK,gBAAAM,EAACE,KAAU,OAAOJ,EAAOD,CAAU,GAAG,OAAOF,GAAM,QAAQA,EAAM,CAAA,IAGtEF,IACK,gBAAAO,EAACG,KAAW,OAAOL,EAAOF,CAAY,GAAG,OAAOD,GAAM,QAAQA,EAAM,CAAA,IAGtE;AACT,GAEAS,IAAeb;"}
+{"version":3,"file":"input-status-icon.js","sources":["../../../../../src/features/auth/comps/input-status-icon/input-status-icon.tsx"],"sourcesContent":["import type { IInputStatusIconProps } from './input-status-icon-types';\n\nimport { useTheme } from 'styled-components';\n\nimport { ReactComponent as LoaderSVG } from '../../../../assets/illustrations/loader-1.svg';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\nconst InputStatusIcon: React.FC<IInputStatusIconProps> = ({\n  isLoading = false,\n  isValid = false,\n  isError = false,\n  size = 24,\n  successColor = 'GREEN_4',\n  errorColor = 'ORANGE_4',\n}) => {\n  const { colors } = useTheme();\n\n  if (isLoading) {\n    return <LoaderSVG width={size} height={size} />;\n  }\n\n  if (isError) {\n    return <CrossIcon color={colors[errorColor]} width={size} height={size} />;\n  }\n\n  if (isValid) {\n    return <Check2Icon color={colors[successColor]} width={size} height={size} />;\n  }\n\n  return null;\n};\n\nexport default InputStatusIcon;\n"],"names":["InputStatusIcon","isLoading","isValid","isError","size","successColor","errorColor","colors","useTheme","jsx","LoaderSVG","CrossIcon","Check2Icon","InputStatusIcon$1"],"mappings":";;;;;AAQA,MAAMA,IAAmD,CAAC;AAAA,EACxD,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AACf,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC;AAEnB,SAAIP,IACM,gBAAAQ,EAAAC,GAAA,EAAU,OAAON,GAAM,QAAQA,EAAM,CAAA,IAG3CD,IACK,gBAAAM,EAACE,KAAU,OAAOJ,EAAOD,CAAU,GAAG,OAAOF,GAAM,QAAQA,EAAM,CAAA,IAGtEF,IACK,gBAAAO,EAACG,KAAW,OAAOL,EAAOF,CAAY,GAAG,OAAOD,GAAM,QAAQA,EAAM,CAAA,IAGtE;AACT,GAEAS,IAAeb;"}

package/dist/features/auth/forgot-password/forgot-password-styled.js

@@ -0,0 +1,12 @@
+import { styled as e } from "styled-components";
+const t = e.form`
+  display: flex;
+  flex: 1;
+  margin-top: 8px;
+  flex-direction: column;
+  justify-content: space-between;
+`;
+export {
+  t as FormWrapper
+};
+//# sourceMappingURL=forgot-password-styled.js.map

package/dist/features/auth/forgot-password/forgot-password-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password-styled.js","sources":["../../../../src/features/auth/forgot-password/forgot-password-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nexport const FormWrapper = styled.form`\n  display: flex;\n  flex: 1;\n  margin-top: 8px;\n  flex-direction: column;\n  justify-content: space-between;\n`;\n"],"names":["FormWrapper","styled"],"mappings":";AAEO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"identifier-form.js","sources":["../../../../../src/features/auth/forgot-password/identifier-form/identifier-form.tsx"],"sourcesContent":["import type { IFormProps } from '../forgot-password-types';\nimport type { ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst IdentifierForm = ({\n  onSubmit,\n  onChange,\n  formData,\n  errors,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n}: IFormProps) => {\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={errors.identifier ? 'error' : 'primary'}\n          autoFocus\n          label=\"Email or Phone number\"\n          value={formData.identifier}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('identifier', e.target.value)}\n          width={330}\n          required\n          shape=\"borderLess\"\n          colorTheme=\"dark\"\n          errorMessage={errors.identifier}\n          siblingElement={\n            <InputStatusIcon isError={!!errors.identifier} isValid={isValid} isLoading={false} />\n          }\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary\"\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 IdentifierForm;\n"],"names":["IdentifierForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Button","IdentifierForm$1"],"mappings":";;;;;;AASA,MAAMA,IAAiB,CAAC;AAAA,EACtB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,aAAY;AAAA,IACZ,SAAS;AAAA,IAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAV,GAClB,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUR,EAAO,aAAa,UAAU;AAAA,UACxC,WAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAOD,EAAS;AAAA,UAChB,UAAU,CAACU,MAAqCX,EAAS,cAAcW,EAAE,OAAO,KAAK;AAAA,UACrF,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,YAAW;AAAA,UACX,cAAcT,EAAO;AAAA,UACrB,gBACG,gBAAAI,EAAAM,GAAA,EAAgB,SAAS,CAAC,CAACV,EAAO,YAAY,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,QAAA;AAAA,MAEvF;AAAA,MACA,gBAAAC;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAMT;AAAA,UACN,UAAUD;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,EAAA;AAAA,GAKNW,IAAehB;"}

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

@@ -0,0 +1,71 @@
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { useState as a, useEffect as h } from "react";
+import b from "../../../ui/buttons/button/button.js";
+import C from "../../../ui/inputs/text-input/text-input.js";
+import i from "../../../ui/layout/flex-view.js";
+import x from "../../comps/input-status-icon/input-status-icon.js";
+const I = ({
+  onSubmit: u,
+  onChange: m,
+  formData: c,
+  errors: r,
+  isSubmitDisabled: l,
+  isProcessing: d,
+  isValid: s = !1
+}) => {
+  const [o, f] = a(!1), [e, p] = a(30);
+  h(() => {
+    if (e <= 0) {
+      f(!0);
+      return;
+    }
+    const n = setTimeout(() => p(e - 1), 1e3);
+    return () => clearTimeout(n);
+  }, [e]);
+  const $ = s ? "success" : "primary";
+  return /* @__PURE__ */ t(
+    i,
+    {
+      $gutterX: 2,
+      $gapX: 1.5,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $background: "BLACK_2",
+      $height: 308,
+      children: /* @__PURE__ */ g(i, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
+        /* @__PURE__ */ t(
+          C,
+          {
+            renderAs: r.otp ? "error" : $,
+            autoFocus: !0,
+            label: "Verification code",
+            value: c.username,
+            onChange: (n) => m("username", n.target.value),
+            width: 330,
+            required: !0,
+            shape: "borderLess",
+            colorTheme: "dark",
+            errorMessage: r.username,
+            siblingElement: /* @__PURE__ */ t(x, { isError: !!r.otp, isValid: s, isLoading: d })
+          }
+        ),
+        /* @__PURE__ */ t(
+          b,
+          {
+            size: "small",
+            renderAs: "secondary",
+            type: "submit",
+            label: o ? "Resend" : `Resend in 0:${e < 10 ? "0" : ""}${e}`,
+            width: 336,
+            onClick: u,
+            disabled: l || !o
+          }
+        )
+      ] })
+    }
+  );
+}, k = I;
+export {
+  k as default
+};
+//# sourceMappingURL=otp-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otp-form.js","sources":["../../../../../src/features/auth/forgot-password/otp-form/otp-form.tsx"],"sourcesContent":["import type { IFormProps } from '../forgot-password-types';\n\nimport { useEffect, useState, type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\n\nconst OTPForm = ({\n  onSubmit,\n  onChange,\n  formData,\n  errors,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n}: IFormProps) => {\n  const [canResend, setCanResend] = useState(false);\n  const [count, setCount] = useState(30);\n\n  useEffect(() => {\n    if (count <= 0) {\n      setCanResend(true);\n\n      return;\n    }\n\n    const timeoutId = setTimeout(() => setCount(count - 1), 1000);\n\n    return () => clearTimeout(timeoutId);\n  }, [count]);\n\n  const statusVariant = isValid ? 'success' : 'primary';\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={errors.otp ? 'error' : statusVariant}\n          autoFocus\n          label=\"Verification code\"\n          value={formData.username}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('username', e.target.value)}\n          width={330}\n          required\n          shape=\"borderLess\"\n          colorTheme=\"dark\"\n          errorMessage={errors.username}\n          siblingElement={\n            <InputStatusIcon isError={!!errors.otp} isValid={isValid} isLoading={isProcessing} />\n          }\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary\"\n          type=\"submit\"\n          label={canResend ? 'Resend' : `Resend in 0:${count < 10 ? '0' : ''}${count}`}\n          width={336}\n          onClick={onSubmit}\n          disabled={isSubmitDisabled || !canResend}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default OTPForm;\n"],"names":["OTPForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","canResend","setCanResend","useState","count","setCount","useEffect","timeoutId","statusVariant","jsx","FlexView","TextInput","e","InputStatusIcon","Button","OTPForm$1"],"mappings":";;;;;;AASA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAOC,CAAQ,IAAIF,EAAS,EAAE;AAErC,EAAAG,EAAU,MAAM;AACd,QAAIF,KAAS,GAAG;AACd,MAAAF,EAAa,EAAI;AAEjB;AAAA,IACF;AAEA,UAAMK,IAAY,WAAW,MAAMF,EAASD,IAAQ,CAAC,GAAG,GAAI;AAErD,WAAA,MAAM,aAAaG,CAAS;AAAA,EAAA,GAClC,CAACH,CAAK,CAAC;AAEJ,QAAAI,IAAgBR,IAAU,YAAY;AAG1C,SAAA,gBAAAS;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,UAAUd,EAAO,MAAM,UAAUW;AAAA,YACjC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAOZ,EAAS;AAAA,YAChB,UAAU,CAACgB,MAAqCjB,EAAS,YAAYiB,EAAE,OAAO,KAAK;AAAA,YACnF,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAW;AAAA,YACX,cAAcf,EAAO;AAAA,YACrB,gBACG,gBAAAY,EAAAI,GAAA,EAAgB,SAAS,CAAC,CAAChB,EAAO,KAAK,SAAAG,GAAkB,WAAWD,EAAc,CAAA;AAAA,UAAA;AAAA,QAEvF;AAAA,QACA,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOb,IAAY,WAAW,eAAeG,IAAQ,KAAK,MAAM,EAAE,GAAGA,CAAK;AAAA,YAC1E,OAAO;AAAA,YACP,SAASV;AAAA,YACT,UAAUI,KAAoB,CAACG;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAc,IAAetB;"}

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

@@ -0,0 +1,88 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import u from "../../../ui/buttons/button/button.js";
+import i from "../../../ui/inputs/text-input/text-input.js";
+import d from "../../../ui/layout/flex-view.js";
+import c from "../../../ui/separator/separator.js";
+import n from "../../comps/input-status-icon/input-status-icon.js";
+import { FormWrapper as f } from "../forgot-password-styled.js";
+const g = ({
+  onSubmit: p,
+  onChange: a,
+  formData: s,
+  errors: e,
+  isSubmitDisabled: l,
+  isProcessing: m,
+  isValid: w = !1
+}) => /* @__PURE__ */ r(
+  d,
+  {
+    $gutterX: 2,
+    $gapX: 1.5,
+    $alignItems: "center",
+    $justifyContent: "center",
+    $background: "BLACK_2",
+    $height: 308,
+    children: /* @__PURE__ */ t(f, { onSubmit: p, children: [
+      /* @__PURE__ */ t(d, { children: [
+        /* @__PURE__ */ r(
+          i,
+          {
+            type: "password",
+            renderAs: e.password ? "error" : "primary",
+            autoComplete: "password",
+            label: "New Password",
+            value: s.password,
+            onChange: (o) => a("password", o.target.value),
+            width: 330,
+            required: !0,
+            shape: "borderLess",
+            colorTheme: "dark",
+            errorMessage: e.password,
+            siblingElement: /* @__PURE__ */ r(n, { isError: !!e.password, isValid: w, isLoading: !1 })
+          }
+        ),
+        /* @__PURE__ */ r(c, { height: 36 }),
+        /* @__PURE__ */ r(
+          i,
+          {
+            type: "password",
+            renderAs: e.confirmPassword ? "error" : "primary",
+            autoComplete: "password",
+            label: "Re-enter Password",
+            value: s.confirmPassword,
+            onChange: (o) => a("confirmPassword", o.target.value),
+            width: 330,
+            required: !0,
+            shape: "borderLess",
+            colorTheme: "dark",
+            errorMessage: e.confirmPassword,
+            siblingElement: /* @__PURE__ */ r(
+              n,
+              {
+                isError: !!e.confirmPassword,
+                isValid: !!s.confirmPassword && s.password === s.confirmPassword,
+                isLoading: !1
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        u,
+        {
+          size: "small",
+          renderAs: "secondary",
+          type: "submit",
+          label: "Continue",
+          width: 336,
+          busy: m,
+          disabled: l
+        }
+      )
+    ] })
+  }
+), L = g;
+export {
+  L as default
+};
+//# sourceMappingURL=reset-password-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-form.js","sources":["../../../../../src/features/auth/forgot-password/reset-password-form/reset-password-form.tsx"],"sourcesContent":["import type { IFormProps } from '../forgot-password-types';\n\nimport { type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst ResetPasswordForm = ({\n  onSubmit,\n  onChange,\n  formData,\n  errors,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n}: IFormProps) => {\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' : 'primary'}\n            autoComplete=\"password\"\n            label=\"New Password\"\n            value={formData.password}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('password', e.target.value)}\n            width={330}\n            required\n            shape=\"borderLess\"\n            colorTheme=\"dark\"\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' : 'primary'}\n            autoComplete=\"password\"\n            label=\"Re-enter Password\"\n            value={formData.confirmPassword}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              onChange('confirmPassword', e.target.value)\n            }\n            width={330}\n            required\n            shape=\"borderLess\"\n            colorTheme=\"dark\"\n            errorMessage={errors.confirmPassword}\n            siblingElement={\n              <InputStatusIcon\n                isError={!!errors.confirmPassword}\n                isValid={\n                  !!formData.confirmPassword && formData.password === formData.confirmPassword\n                }\n                isLoading={false}\n              />\n            }\n          />\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary\"\n          type=\"submit\"\n          label=\"Continue\"\n          width={336}\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default ResetPasswordForm;\n"],"names":["ResetPasswordForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Separator","Button","ResetPasswordForm$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,aAAY;AAAA,IACZ,SAAS;AAAA,IAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAV,GAClB,UAAA;AAAA,MAAA,gBAAAS,EAACD,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,UAAUR,EAAO,WAAW,UAAU;AAAA,YACtC,cAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAOD,EAAS;AAAA,YAChB,UAAU,CAACU,MAAqCX,EAAS,YAAYW,EAAE,OAAO,KAAK;AAAA,YACnF,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAW;AAAA,YACX,cAAcT,EAAO;AAAA,YACrB,gBACG,gBAAAI,EAAAM,GAAA,EAAgB,SAAS,CAAC,CAACV,EAAO,UAAU,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,UAAA;AAAA,QAErF;AAAA,QACA,gBAAAC,EAACO,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAP;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUR,EAAO,kBAAkB,UAAU;AAAA,YAC7C,cAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAOD,EAAS;AAAA,YAChB,UAAU,CAACU,MACTX,EAAS,mBAAmBW,EAAE,OAAO,KAAK;AAAA,YAE5C,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAW;AAAA,YACX,cAAcT,EAAO;AAAA,YACrB,gBACE,gBAAAI;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAAS,CAAC,CAACV,EAAO;AAAA,gBAClB,SACE,CAAC,CAACD,EAAS,mBAAmBA,EAAS,aAAaA,EAAS;AAAA,gBAE/D,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA,GACF;AAAA,MACA,gBAAAK;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAMV;AAAA,UACN,UAAUD;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,EAAA;AAAA,GAKNY,IAAejB;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"username-form.js","sources":["../../../../../src/features/auth/forgot-password/username-form/username-form.tsx"],"sourcesContent":["import type { IFormProps } from '../forgot-password-types';\nimport type { ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst UsernameForm = ({\n  onSubmit,\n  onChange,\n  formData,\n  errors,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n}: IFormProps) => {\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"flex-start\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <TextInput\n          renderAs={errors.username ? 'error' : 'primary'}\n          autoFocus\n          autoComplete=\"username\"\n          label=\"Username\"\n          value={formData.username}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('username', e.target.value)}\n          width={330}\n          required\n          shape=\"borderLess\"\n          colorTheme=\"dark\"\n          errorMessage={errors.username}\n          siblingElement={\n            <InputStatusIcon isError={!!errors.username} isValid={isValid} isLoading={false} />\n          }\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary\"\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 UsernameForm;\n"],"names":["UsernameForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Button","UsernameForm$1"],"mappings":";;;;;;AASA,MAAMA,IAAe,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,aAAY;AAAA,IACZ,SAAS;AAAA,IAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAV,GAClB,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUR,EAAO,WAAW,UAAU;AAAA,UACtC,WAAS;AAAA,UACT,cAAa;AAAA,UACb,OAAM;AAAA,UACN,OAAOD,EAAS;AAAA,UAChB,UAAU,CAACU,MAAqCX,EAAS,YAAYW,EAAE,OAAO,KAAK;AAAA,UACnF,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,YAAW;AAAA,UACX,cAAcT,EAAO;AAAA,UACrB,gBACG,gBAAAI,EAAAM,GAAA,EAAgB,SAAS,CAAC,CAACV,EAAO,UAAU,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,QAAA;AAAA,MAErF;AAAA,MACA,gBAAAC;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAMT;AAAA,UACN,UAAUD;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,EAAA;AAAA,GAKNW,IAAehB;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"login-constants.js","sources":["../../../../src/features/auth/login/login-constants.ts"],"sourcesContent":["import type { ITabConfig } from '../comps/tabs/tabs-types';\nimport type { TAuthTabKeys } from './login-types';\n\nexport const AUTH_TABS: ITabConfig<TAuthTabKeys> = {\n  username: {\n    label: 'Username',\n  },\n  identifier: {\n    label: 'Email/Phone',\n  },\n};\n"],"names":["AUTH_TABS"],"mappings":"AAGO,MAAMA,IAAsC;AAAA,EACjD,UAAU;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,EACT;AACF;"}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import type { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import type { Dispatch } from 'react';
 import { FC } from 'react';
+import type { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { IChannelMessage } from '@cuemath/cue-message-broker';
@@ -61,6 +62,8 @@ export declare const ArcButton: MemoExoticComponent<ForwardRefExoticComponent<IA
 
 export declare const ArrowTooltip: FC<IArrowTooltipProps>;
 
+export declare const AUTH_TABS: ITabConfig<TAuthTabKeys>;
+
 export declare const AuthPageLayout: FC<IAuthPageLayoutProps>;
 
 export declare const AuthStaticPanel: FC<IAuthStaticPanelProps>;
@@ -1106,6 +1109,8 @@ declare interface IDatePickerInputProps extends Omit<ICustomInputProps, 'value'
     onChange: (date: Date | null) => void;
 }
 
+export declare const IdentifierForm: ({ onSubmit, onChange, formData, errors, isSubmitDisabled, isProcessing, isValid, }: IFormProps) => JSX_2.Element;
+
 declare interface IDesmosCalculatorProps {
     onClose: () => void;
     height?: string | number;
@@ -1195,6 +1200,16 @@ declare interface IFile {
     url: string;
 }
 
+declare interface IFormProps {
+    onSubmit: (e?: FormEvent<HTMLFormElement>) => void;
+    onChange: (key: string, value: string) => void;
+    formData: Record<string, string>;
+    errors: Record<string, string>;
+    isProcessing: boolean;
+    isSubmitDisabled: boolean;
+    isValid?: boolean;
+}
+
 declare interface IGame extends IBaseProject {
     played: boolean;
 }
@@ -1351,9 +1366,9 @@ export declare interface IInputSizeConfig {
 }
 
 declare interface IInputStatusIconProps {
-    isLoading: boolean;
-    isValid: boolean;
-    isError: boolean;
+    isLoading?: boolean;
+    isValid?: boolean;
+    isError?: boolean;
     size?: number;
     successColor?: TColorNames;
     errorColor?: TColorNames;
@@ -3878,6 +3893,8 @@ declare interface NumRangeInputProps {
     endPlaceholder?: string;
 }
 
+export declare const OTPForm: ({ onSubmit, onChange, formData, errors, isSubmitDisabled, isProcessing, isValid, }: IFormProps) => JSX_2.Element;
+
 export declare const OTPInput: FC<IOTPInputProps>;
 
 export declare type OutcomeStage = keyof typeof STAGES;
@@ -4016,6 +4033,8 @@ export declare const RemotePeerPointer: MemoExoticComponent<({ containerRef, onP
 
 export declare const ResendOTP: React.FC<IOTPResendProps>;
 
+export declare const ResetPasswordForm: ({ onSubmit, onChange, formData, errors, isSubmitDisabled, isProcessing, isValid, }: IFormProps) => JSX_2.Element;
+
 export declare const REWARDS_LIST: string[];
 
 export declare const RightIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -4202,6 +4221,8 @@ export declare type TArrowTooltipVariants = 'primary' | 'secondary';
 
 export declare type TAuthProvider = 'email' | 'phone';
 
+export declare type TAuthTabKeys = 'identifier' | 'username';
+
 export declare type TAuthUserType = 'student' | 'parent';
 
 declare type TBadgeData = {
@@ -5314,6 +5335,8 @@ export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const UserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const UsernameForm: ({ onSubmit, onChange, formData, errors, isSubmitDisabled, isProcessing, isValid, }: IFormProps) => JSX_2.Element;
+
 export declare const UserTypeSelector: NamedExoticComponent<IUserTypeSelectorProps>;
 
 export declare const useTrackingContext: (commonAnalyticsProps: Record<string, unknown>, overrides?: Record<string, unknown>) => {