@cuemath/leap 3.0.10 → 3.0.11-j

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 { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { useEffect, useState, type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\n\nconst OTPForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isProcessing,\n  isValid = false,\n}: ISingleFieldFormProps) => {\n  const [canResend, setCanResend] = useState(false);\n  const [count, setCount] = useState(30);\n\n  useEffect(() => {\n    if (count <= 0) {\n      setCanResend(true);\n\n      return;\n    }\n\n    const timeoutId = setTimeout(() => setCount(count - 1), 1000);\n\n    return () => clearTimeout(timeoutId);\n  }, [count]);\n\n  const statusVariant = isValid ? 'success-dark' : 'primary-dark';\n\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <FlexView $alignItems=\"center\" $justifyContent=\"space-between\" $flex={1}>\n        <TextInput\n          renderAs={error ? 'error-dark' : statusVariant}\n          autoFocus\n          label=\"Verification code\"\n          value={value}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('username', e.target.value)}\n          width={330}\n          required\n          shape=\"borderLess\"\n          errorMessage={value}\n          siblingElement={\n            <InputStatusIcon isError={!!error} isValid={isValid} isLoading={isProcessing} />\n          }\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label={canResend ? 'Resend' : `Resend in 0:${count < 10 ? '0' : ''}${count}`}\n          width={336}\n          onClick={onSubmit}\n          disabled={!canResend}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default OTPForm;\n"],"names":["OTPForm","onSubmit","onChange","value","error","isProcessing","isValid","canResend","setCanResend","useState","count","setCount","useEffect","timeoutId","jsx","FlexView","TextInput","e","InputStatusIcon","Button","OTPForm$1"],"mappings":";;;;;;AASA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA6B;AAC3B,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAOC,CAAQ,IAAIF,EAAS,EAAE;AAErC,SAAAG,EAAU,MAAM;AACd,QAAIF,KAAS,GAAG;AACd,MAAAF,EAAa,EAAI;AAEjB;AAAA,IACF;AAEA,UAAMK,IAAY,WAAW,MAAMF,EAASD,IAAQ,CAAC,GAAG,GAAI;AAErD,WAAA,MAAM,aAAaG,CAAS;AAAA,EAAA,GAClC,CAACH,CAAK,CAAC,GAKR,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,4BAACA,GAAS,EAAA,aAAY,UAAS,iBAAgB,iBAAgB,OAAO,GACpE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAUZ,IAAQ,eAbJE,IAAU,iBAAiB;AAAA,YAczC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAAH;AAAA,YACA,UAAU,CAACc,MAAqCf,EAAS,YAAYe,EAAE,OAAO,KAAK;AAAA,YACnF,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcd;AAAA,YACd,kCACGe,GAAgB,EAAA,SAAS,CAAC,CAACd,GAAO,SAAAE,GAAkB,WAAWD,GAAc;AAAA,UAAA;AAAA,QAElF;AAAA,QACA,gBAAAS;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOZ,IAAY,WAAW,eAAeG,IAAQ,KAAK,MAAM,EAAE,GAAGA,CAAK;AAAA,YAC1E,OAAO;AAAA,YACP,SAAST;AAAA,YACT,UAAU,CAACM;AAAA,UAAA;AAAA,QACb;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAepB;"}

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

@@ -0,0 +1,89 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import c from "../../../ui/buttons/button/button.js";
+import i from "../../../ui/inputs/text-input/text-input.js";
+import n from "../../../ui/layout/flex-view.js";
+import f from "../../../ui/separator/separator.js";
+import p from "../../comps/input-status-icon/input-status-icon.js";
+import { FormWrapper as g } from "../forgot-password-styled.js";
+const h = ({
+  onSubmit: m,
+  onChange: a,
+  formData: e,
+  errors: s,
+  isSubmitDisabled: l,
+  isProcessing: w,
+  isValid: t = !1
+}) => {
+  const u = t && e.password === e.confirmPassword;
+  return /* @__PURE__ */ r(
+    n,
+    {
+      $gutterX: 2,
+      $gapX: 1.5,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $background: "BLACK_2",
+      $height: 308,
+      children: /* @__PURE__ */ d(g, { onSubmit: m, children: [
+        /* @__PURE__ */ d(n, { children: [
+          /* @__PURE__ */ r(
+            i,
+            {
+              type: "password",
+              renderAs: s.password ? "error-dark" : "primary-dark",
+              autoComplete: "password",
+              label: "New Password",
+              value: e.password,
+              onChange: (o) => a("password", o.target.value),
+              width: 330,
+              required: !0,
+              shape: "borderLess",
+              errorMessage: s.password,
+              siblingElement: /* @__PURE__ */ r(p, { isError: !!s.password, isValid: t, isLoading: !1 })
+            }
+          ),
+          /* @__PURE__ */ r(f, { height: 36 }),
+          /* @__PURE__ */ r(
+            i,
+            {
+              type: "password",
+              renderAs: s.confirmPassword ? "error-dark" : "primary-dark",
+              autoComplete: "password",
+              label: "Re-enter Password",
+              value: e.confirmPassword,
+              onChange: (o) => a("confirmPassword", o.target.value),
+              width: 330,
+              required: !0,
+              shape: "borderLess",
+              errorMessage: s.confirmPassword,
+              siblingElement: /* @__PURE__ */ r(
+                p,
+                {
+                  isError: !!s.confirmPassword,
+                  isValid: u,
+                  isLoading: !1
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(
+          c,
+          {
+            size: "small",
+            renderAs: "secondary-dark",
+            type: "submit",
+            label: "Continue",
+            width: 336,
+            busy: w,
+            disabled: l
+          }
+        )
+      ] })
+    }
+  );
+}, L = h;
+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 { IResetPasswordFormProps } from './reset-password-form-types';\n\nimport { type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst ResetPasswordForm = ({\n  onSubmit,\n  onChange,\n  formData,\n  errors,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n}: IResetPasswordFormProps) => {\n  const isConfirmPasswordValid = isValid && formData.password === formData.confirmPassword;\n\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView>\n          <TextInput\n            type={'password'}\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"New Password\"\n            value={formData.password}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('password', e.target.value)}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={\n              <InputStatusIcon isError={!!errors.password} isValid={isValid} isLoading={false} />\n            }\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.confirmPassword ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"Re-enter Password\"\n            value={formData.confirmPassword}\n            onChange={(e: ChangeEvent<HTMLInputElement>) =>\n              onChange('confirmPassword', e.target.value)\n            }\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.confirmPassword}\n            siblingElement={\n              <InputStatusIcon\n                isError={!!errors.confirmPassword}\n                isValid={isConfirmPasswordValid}\n                isLoading={false}\n              />\n            }\n          />\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label=\"Continue\"\n          width={336}\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default ResetPasswordForm;\n"],"names":["ResetPasswordForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","isConfirmPasswordValid","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Separator","Button","ResetPasswordForm$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAoB,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA+B;AAC7B,QAAMC,IAAyBD,KAAWJ,EAAS,aAAaA,EAAS;AAGvE,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAX,GAClB,UAAA;AAAA,QAAA,gBAAAU,EAACD,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,UAAUT,EAAO,WAAW,eAAe;AAAA,cAC3C,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAU,CAACW,MAAqCZ,EAAS,YAAYY,EAAE,OAAO,KAAK;AAAA,cACnF,OAAO;AAAA,cACP,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcV,EAAO;AAAA,cACrB,gBACG,gBAAAK,EAAAM,GAAA,EAAgB,SAAS,CAAC,CAACX,EAAO,UAAU,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,YAAA;AAAA,UAErF;AAAA,UACA,gBAAAE,EAACO,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAP;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUT,EAAO,kBAAkB,eAAe;AAAA,cAClD,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAU,CAACW,MACTZ,EAAS,mBAAmBY,EAAE,OAAO,KAAK;AAAA,cAE5C,OAAO;AAAA,cACP,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcV,EAAO;AAAA,cACrB,gBACE,gBAAAK;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,SAAS,CAAC,CAACX,EAAO;AAAA,kBAClB,SAASI;AAAA,kBACT,WAAW;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QACA,gBAAAC;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMX;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAelB;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-identifier-form.js","sources":["../../../../../src/features/auth/forgot-password/user-identifier-form/user-identifier-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\nimport type { ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst UserIdentifierForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n  label,\n  field,\n}: ISingleFieldFormProps) => {\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <TextInput\n          renderAs={error ? 'error-dark' : 'primary-dark'}\n          autoFocus\n          label={label}\n          value={value}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => field && onChange(field, e.target.value)}\n          width={330}\n          required\n          shape=\"borderLess\"\n          errorMessage={error}\n          siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label=\"Get Verification Code\"\n          width={336}\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default UserIdentifierForm;\n"],"names":["UserIdentifierForm","onSubmit","onChange","value","error","isSubmitDisabled","isProcessing","isValid","label","field","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Button","UserIdentifierForm$1"],"mappings":";;;;;;AASA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,OAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,aAAY;AAAA,IACZ,SAAS;AAAA,IAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAZ,GAClB,UAAA;AAAA,MAAA,gBAAAS;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUV,IAAQ,eAAe;AAAA,UACjC,WAAS;AAAA,UACT,OAAAI;AAAA,UACA,OAAAL;AAAA,UACA,UAAU,CAACY,MAAqCN,KAASP,EAASO,GAAOM,EAAE,OAAO,KAAK;AAAA,UACvF,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,cAAcX;AAAA,UACd,kCAAiBY,GAAgB,EAAA,SAAS,CAAC,CAACZ,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,QAAA;AAAA,MACzF;AAAA,MACA,gBAAAG;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAMX;AAAA,UACN,UAAUD;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,EAAA;AAAA,GAKNa,IAAelB;"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"identifier-otp-form.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form.tsx"],"sourcesContent":["// In @cuemath/leap/src/components/IdentifierOtpForm.tsx\n\nimport type { IIdentifierOtpFormProps } from './identifier-otp-form-types';\n\nimport React, { type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport ResendOTP from '../../comps/resend-otp/resend-otp';\nimport * as Styled from './identifier-otp-form-styled';\n\nconst IdentifierOtpForm: React.FC<IIdentifierOtpFormProps> = ({\n  identifier,\n  otp,\n  errors,\n  isOtpVerified,\n  isLoading,\n  isSubmitDisabled,\n  showOtpInput,\n  onChange,\n  onSubmit,\n  onSendOtp,\n}) => {\n  const identifierStatusVariant = showOtpInput ? 'success-dark' : 'primary-dark';\n  const otpStatusVariant = isOtpVerified ? 'success-dark' : 'primary-dark';\n\n  return (\n    <FlexView $gutterX={2} $gapX={1.5} $background=\"BLACK_2\" $height={308}>\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.identifier ? 'error-dark' : identifierStatusVariant}\n            autoFocus\n            label=\"Email or Phone\"\n            value={identifier}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('identifier', e.target.value)}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.identifier}\n            disabled={showOtpInput}\n            siblingElement={\n              <InputStatusIcon isValid={showOtpInput} isError={!!errors.identifier} />\n            }\n          />\n          {showOtpInput && (\n            <>\n              <Separator height={36} />\n              <TextInput\n                type=\"password\"\n                renderAs={errors.otp ? 'error-dark' : otpStatusVariant}\n                autoComplete=\"password\"\n                label=\"Verification code\"\n                value={otp}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('otp', e.target.value)}\n                width={330}\n                required\n                shape=\"borderLess\"\n                errorMessage={errors.otp}\n                disabled={isOtpVerified || (otp.length === 4 && isLoading)}\n                siblingElement={\n                  <InputStatusIcon\n                    isLoading={isLoading}\n                    isValid={isOtpVerified}\n                    isError={!!errors.otp}\n                  />\n                }\n              />\n              <Separator heightX={1.25} />\n              <FlexView $alignItems=\"flex-end\" $width=\"100%\">\n                <ResendOTP onResendOTP={onSendOtp} disabled={isOtpVerified} />\n              </FlexView>\n              <Separator heightX={2} />\n            </>\n          )}\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label={showOtpInput ? 'Log In' : 'Get Verification Code'}\n          width={336}\n          busy={!showOtpInput && isLoading}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default IdentifierOtpForm;\n"],"names":["IdentifierOtpForm","identifier","otp","errors","isOtpVerified","isLoading","isSubmitDisabled","showOtpInput","onChange","onSubmit","onSendOtp","identifierStatusVariant","otpStatusVariant","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","e","InputStatusIcon","Fragment","Separator","ResendOTP","Button","IdentifierOtpForm$1"],"mappings":";;;;;;;;AAcA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACE,QAAAC,IAA0BJ,IAAe,iBAAiB,gBAC1DK,IAAmBR,IAAgB,iBAAiB;AAE1D,SACG,gBAAAS,EAAAC,GAAA,EAAS,UAAU,GAAG,OAAO,KAAK,aAAY,WAAU,SAAS,KAChE,UAAA,gBAAAC,EAACC,GAAA,EAAmB,UAAAP,GAClB,UAAA;AAAA,IAAA,gBAAAM,EAACD,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAUd,EAAO,aAAa,eAAeQ;AAAA,UAC7C,WAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAOV;AAAA,UACP,UAAU,CAACiB,MAAqCV,EAAS,cAAcU,EAAE,OAAO,KAAK;AAAA,UACrF,OAAO;AAAA,UACP,UAAQ;AAAA,UACR,OAAM;AAAA,UACN,cAAcf,EAAO;AAAA,UACrB,UAAUI;AAAA,UACV,kCACGY,GAAgB,EAAA,SAASZ,GAAc,SAAS,CAAC,CAACJ,EAAO,YAAY;AAAA,QAAA;AAAA,MAE1E;AAAA,MACCI,KAEG,gBAAAQ,EAAAK,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAP,EAAAQ,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAR;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUd,EAAO,MAAM,eAAeS;AAAA,YACtC,cAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAOV;AAAA,YACP,UAAU,CAACgB,MAAqCV,EAAS,OAAOU,EAAE,OAAO,KAAK;AAAA,YAC9E,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcf,EAAO;AAAA,YACrB,UAAUC,KAAkBF,EAAI,WAAW,KAAKG;AAAA,YAChD,gBACE,gBAAAQ;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,WAAAd;AAAA,gBACA,SAASD;AAAA,gBACT,SAAS,CAAC,CAACD,EAAO;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QAEJ;AAAA,QACA,gBAAAU,EAACQ,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAR,EAAAC,GAAA,EAAS,aAAY,YAAW,QAAO,QACtC,UAAC,gBAAAD,EAAAS,GAAA,EAAU,aAAaZ,GAAW,UAAUN,EAAe,CAAA,GAC9D;AAAA,QACA,gBAAAS,EAACQ,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,GACzB;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOhB,IAAe,WAAW;AAAA,QACjC,OAAO;AAAA,QACP,MAAM,CAACA,KAAgBF;AAAA,QACvB,UAAUC;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEAkB,IAAexB;"}

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/features/auth/login/social-account-not-found/social-account-not-found.js

@@ -0,0 +1,31 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import e from "../../../ui/buttons/button/button.js";
+import a from "../../../ui/layout/flex-view.js";
+import i from "../../../ui/separator/separator.js";
+const c = ({ onRetryLogin: t, onGoToSignup: r }) => /* @__PURE__ */ n(a, { $alignItems: "center", $justifyContent: "center", children: [
+  /* @__PURE__ */ o(
+    e,
+    {
+      size: "small",
+      renderAs: "secondary-dark",
+      label: "Create a new account",
+      width: 232,
+      onClick: r
+    }
+  ),
+  /* @__PURE__ */ o(i, { heightX: 1 }),
+  /* @__PURE__ */ o(
+    e,
+    {
+      size: "small",
+      renderAs: "secondary-dark",
+      label: "Try another Login method",
+      width: 232,
+      onClick: t
+    }
+  )
+] }), u = c;
+export {
+  u as default
+};
+//# sourceMappingURL=social-account-not-found.js.map

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

@@ -0,0 +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 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 SocialAccountNotFound;\n"],"names":["SocialAccountNotFound","onRetryLogin","onGoToSignup","jsxs","FlexView","jsx","Button","Separator","SocialAccountNotFound$1"],"mappings":";;;;AAMA,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,GAIJO,IAAeR;"}

package/dist/features/auth/login/social-login-methods/social-login-methods.js

@@ -0,0 +1,46 @@
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import r from "../../../../assets/line-icons/icons/apple-icon.js";
+import c from "../../../../assets/line-icons/icons/google-icon.js";
+import n from "../../../ui/buttons/button/button.js";
+import d from "../../../ui/layout/flex-view.js";
+const p = ({
+  onGoogleLogin: s,
+  onAppleLogin: t,
+  loadingProvider: o
+}) => {
+  const e = o === "google", l = o === "apple";
+  return /* @__PURE__ */ a(d, { $flexGapX: 1, $flexDirection: "row", $justifyContent: "space-between", $width: 336, children: [
+    /* @__PURE__ */ i(
+      n,
+      {
+        renderAs: "secondary-dark",
+        Icon: c,
+        width: 160,
+        label: "",
+        analyticsLabel: "google_login",
+        onClick: s,
+        size: "small",
+        busy: e,
+        disabled: e
+      }
+    ),
+    /* @__PURE__ */ i(
+      n,
+      {
+        renderAs: "secondary-dark",
+        size: "small",
+        width: 160,
+        Icon: r,
+        label: "",
+        analyticsLabel: "apple_login",
+        onClick: t,
+        busy: l,
+        disabled: l
+      }
+    )
+  ] });
+}, h = p;
+export {
+  h as default
+};
+//# sourceMappingURL=social-login-methods.js.map

package/dist/features/auth/login/social-login-methods/social-login-methods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-login-methods.js","sources":["../../../../../src/features/auth/login/social-login-methods/social-login-methods.tsx"],"sourcesContent":["import type { ISocialLoginMethodsProps } from './social-login-methods-types';\nimport type { FC } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst SocialLoginMethods: FC<ISocialLoginMethodsProps> = ({\n  onGoogleLogin,\n  onAppleLogin,\n  loadingProvider,\n}) => {\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $flexGapX={1} $flexDirection=\"row\" $justifyContent=\"space-between\" $width={336}>\n      <Button\n        renderAs=\"secondary-dark\"\n        Icon={GoogleIcon}\n        width={160}\n        label=\"\"\n        analyticsLabel=\"google_login\"\n        onClick={onGoogleLogin}\n        size=\"small\"\n        busy={isLoadingGoogle}\n        disabled={isLoadingGoogle}\n      />\n      <Button\n        renderAs=\"secondary-dark\"\n        size=\"small\"\n        width={160}\n        Icon={AppleIcon}\n        label=\"\"\n        analyticsLabel=\"apple_login\"\n        onClick={onAppleLogin}\n        busy={isLoadingApple}\n        disabled={isLoadingApple}\n      />\n    </FlexView>\n  );\n};\n\nexport default SocialLoginMethods;\n"],"names":["SocialLoginMethods","onGoogleLogin","onAppleLogin","loadingProvider","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Button","GoogleIcon","AppleIcon","SocialLoginMethods$1"],"mappings":";;;;;AAQA,MAAMA,IAAmD,CAAC;AAAA,EACxD,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBD,MAAoB,UACtCE,IAAiBF,MAAoB;AAGzC,SAAA,gBAAAG,EAACC,KAAS,WAAW,GAAG,gBAAe,OAAM,iBAAgB,iBAAgB,QAAQ,KACnF,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAMC;AAAA,QACN,OAAO;AAAA,QACP,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,SAAST;AAAA,QACT,MAAK;AAAA,QACL,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAME;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,SAAST;AAAA,QACT,MAAMG;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAO,IAAeZ;"}

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

@@ -0,0 +1,87 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import c from "../../../ui/buttons/button/button.js";
+import g from "../../../ui/buttons/text-button/text-button.js";
+import l from "../../../ui/inputs/text-input/text-input.js";
+import t from "../../../ui/layout/flex-view.js";
+import s from "../../../ui/separator/separator.js";
+import b from "../../comps/input-status-icon/input-status-icon.js";
+const f = ({
+  username: n,
+  password: i,
+  errors: r,
+  isLoading: m,
+  onChange: d,
+  onSubmit: u,
+  onForgotPassword: p
+}) => {
+  const h = m || !n.trim() || !i.trim();
+  return /* @__PURE__ */ a(
+    t,
+    {
+      $gutterX: 2,
+      $gapX: 1.5,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $background: "BLACK_2",
+      $height: 308,
+      children: [
+        /* @__PURE__ */ e(s, { heightX: 0.5 }),
+        /* @__PURE__ */ a("form", { onSubmit: u, children: [
+          /* @__PURE__ */ a(t, { $alignItems: "center", $justifyContent: "center", children: [
+            /* @__PURE__ */ e(
+              l,
+              {
+                renderAs: r.username ? "error-dark" : "primary-dark",
+                autoFocus: !0,
+                autoComplete: "username",
+                label: "Username",
+                value: n,
+                onChange: (o) => d("username", o.target.value),
+                width: 330,
+                required: !0,
+                shape: "borderLess",
+                errorMessage: r.username
+              }
+            ),
+            /* @__PURE__ */ e(s, { height: 36 }),
+            /* @__PURE__ */ e(
+              l,
+              {
+                type: "password",
+                renderAs: r.password ? "error-dark" : "primary-dark",
+                autoComplete: "password",
+                label: "Password",
+                value: i,
+                onChange: (o) => d("password", o.target.value),
+                width: 330,
+                required: !0,
+                shape: "borderLess",
+                errorMessage: r.password,
+                siblingElement: /* @__PURE__ */ e(b, { isError: !!r.password })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(s, { heightX: 1.25 }),
+          /* @__PURE__ */ e(t, { $alignItems: "flex-end", children: /* @__PURE__ */ e(g, { label: "Forgot Password?", onClick: p, color: "WHITE_T_60" }) }),
+          /* @__PURE__ */ e(s, { heightX: 2 }),
+          /* @__PURE__ */ e(t, { $justifyContent: "center", children: /* @__PURE__ */ e(
+            c,
+            {
+              size: "small",
+              renderAs: "secondary-dark",
+              type: "submit",
+              label: "Log in",
+              width: 336,
+              busy: m,
+              disabled: h
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}, j = f;
+export {
+  j as default
+};
+//# sourceMappingURL=username-password-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"username-password-form.js","sources":["../../../../../src/features/auth/login/username-password-form/username-password-form.tsx"],"sourcesContent":["import type { IUsernamePasswordFormProps } from './username-password-form-types';\n\nimport { type ChangeEvent, type FC } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-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';\n\nconst UsernamePasswordForm: FC<IUsernamePasswordFormProps> = ({\n  username,\n  password,\n  errors,\n  isLoading,\n  onChange,\n  onSubmit,\n  onForgotPassword,\n}) => {\n  const isSubmitDisabled = isLoading || !username.trim() || !password.trim();\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      <Separator heightX={0.5} />\n      <form onSubmit={onSubmit}>\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n          <TextInput\n            renderAs={errors.username ? 'error-dark' : 'primary-dark'}\n            autoFocus\n            autoComplete=\"username\"\n            label=\"Username\"\n            value={username}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('username', e.target.value)}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.username}\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"password\"\n            label=\"Password\"\n            value={password}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('password', e.target.value)}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={<InputStatusIcon isError={!!errors.password} />}\n          />\n        </FlexView>\n        <Separator heightX={1.25} />\n        <FlexView $alignItems=\"flex-end\">\n          <TextButton label=\"Forgot Password?\" onClick={onForgotPassword} color=\"WHITE_T_60\" />\n        </FlexView>\n        <Separator heightX={2} />\n        <FlexView $justifyContent=\"center\">\n          <Button\n            size=\"small\"\n            renderAs=\"secondary-dark\"\n            type=\"submit\"\n            label=\"Log in\"\n            width={336}\n            busy={isLoading}\n            disabled={isSubmitDisabled}\n          />\n        </FlexView>\n      </form>\n    </FlexView>\n  );\n};\n\nexport default UsernamePasswordForm;\n"],"names":["UsernamePasswordForm","username","password","errors","isLoading","onChange","onSubmit","onForgotPassword","isSubmitDisabled","jsxs","FlexView","jsx","Separator","TextInput","e","InputStatusIcon","TextButton","Button","UsernamePasswordForm$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAuD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAmBJ,KAAa,CAACH,EAAS,UAAU,CAACC,EAAS;AAGlE,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAH,EAAC,UAAK,UAAAH,GACJ,UAAA;AAAA,UAAA,gBAAAG,EAACC,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,UAAUV,EAAO,WAAW,eAAe;AAAA,gBAC3C,WAAS;AAAA,gBACT,cAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAOF;AAAA,gBACP,UAAU,CAACa,MAAqCT,EAAS,YAAYS,EAAE,OAAO,KAAK;AAAA,gBACnF,OAAO;AAAA,gBACP,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,cAAcX,EAAO;AAAA,cAAA;AAAA,YACvB;AAAA,YACA,gBAAAQ,EAACC,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,YACvB,gBAAAD;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAUV,EAAO,WAAW,eAAe;AAAA,gBAC3C,cAAa;AAAA,gBACb,OAAM;AAAA,gBACN,OAAOD;AAAA,gBACP,UAAU,CAACY,MAAqCT,EAAS,YAAYS,EAAE,OAAO,KAAK;AAAA,gBACnF,OAAO;AAAA,gBACP,UAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,cAAcX,EAAO;AAAA,gBACrB,gBAAiB,gBAAAQ,EAAAI,GAAA,EAAgB,SAAS,CAAC,CAACZ,EAAO,UAAU;AAAA,cAAA;AAAA,YAC/D;AAAA,UAAA,GACF;AAAA,UACA,gBAAAQ,EAACC,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,UACzB,gBAAAD,EAAAD,GAAA,EAAS,aAAY,YACpB,UAAC,gBAAAC,EAAAK,GAAA,EAAW,OAAM,oBAAmB,SAAST,GAAkB,OAAM,aAAa,CAAA,GACrF;AAAA,UACA,gBAAAI,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACvB,gBAAAD,EAACD,GAAS,EAAA,iBAAgB,UACxB,UAAA,gBAAAC;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAO;AAAA,cACP,MAAMb;AAAA,cACN,UAAUI;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAU,IAAelB;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js

@@ -0,0 +1,56 @@
+import t from "styled-components";
+import i from "../../../ui/layout/flex-view.js";
+const n = t(i)`
+  position: relative;
+`, s = t(i)`
+  position: absolute;
+  border-radius: 100%;
+  top: 216px;
+  border: ${({ theme: o }) => `2px solid ${o.colors.BLACK_5}`};
+`, p = t(i)`
+  opacity: ${({ $isVisible: o }) => o ? 1 : 0};
+  transition: opacity 0.5s ease-in-out;
+`, l = t.div`
+  position: relative;
+`;
+t(i)`
+  position: relative;
+  overflow: hidden;
+  background: ${({ theme: o }) => o.colors.BLACK_2};
+  border-radius: 100%;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${({ theme: o }) => o.colors.WHITE};
+`;
+t.div`
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+`;
+const a = t(i)`
+  position: absolute;
+  top: 55%;
+  right: 24px;
+`, c = t(i)`
+  position: absolute;
+  top: 55%;
+  left: 24px;
+  button {
+    background-color: ${({ theme: o }) => o.colors.BLACK_1};
+    svg {
+      color: ${({ theme: o }) => o.colors.WHITE};
+    }
+  }
+`;
+export {
+  s as CircularStepContainer,
+  n as Container,
+  p as ContentWrapper,
+  l as InputContainer,
+  a as NextButtonWrapper,
+  c as PrevButtonWrapper
+};
+//# sourceMappingURL=circular-step-wrapper-styled.js.map

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-step-wrapper-styled.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  position: relative;\n`;\n\nconst CircularStepContainer = styled(FlexView)`\n  position: absolute;\n  border-radius: 100%;\n  top: 216px;\n  border: ${({ theme }) => `2px solid ${theme.colors.BLACK_5}`};\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $isVisible: boolean }>`\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.5s ease-in-out;\n`;\n\nconst InputContainer = styled.div`\n  position: relative;\n`;\n\nconst CircularProgressContainer = styled(FlexView)<{\n  isVerticallyCentered?: boolean;\n}>`\n  position: relative;\n  overflow: hidden;\n  background: ${({ theme }) => theme.colors.BLACK_2};\n  border-radius: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ theme }) => theme.colors.WHITE};\n`;\n\nexport const CircularProgress = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n`;\n\nconst NextButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  right: 24px;\n`;\nconst PrevButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  left: 24px;\n  button {\n    background-color: ${({ theme }) => theme.colors.BLACK_1};\n    svg {\n      color: ${({ theme }) => theme.colors.WHITE};\n    }\n  }\n`;\n\nexport {\n  NextButtonWrapper,\n  PrevButtonWrapper,\n  InputContainer,\n  Container,\n  CircularStepContainer,\n  CircularProgressContainer,\n  ContentWrapper,\n};\n"],"names":["Container","styled","FlexView","CircularStepContainer","theme","ContentWrapper","$isVisible","InputContainer","NextButtonWrapper","PrevButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAwBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,YAIjC,CAAC,EAAE,OAAAE,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGxDC,IAAiBJ,EAAOC,CAAQ;AAAA,aACzB,CAAC,EAAE,YAAAI,EAAA,MAAkBA,IAAa,IAAI,CAAE;AAAA;AAAA,GAI/CC,IAAiBN,EAAO;AAAA;AAAA;AAIIA,EAAOC,CAAQ;AAAA;AAAA;AAAA,gBAKjC,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAGZH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAAO,IAAoBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAKnCO,IAAoBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKjB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,eAE5C,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;"}