@cuemath/leap 2.9.5-j12 → 2.9.5-j14

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/otp-form/otp-form.js

@@ -0,0 +1,68 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { useState as a, useEffect as $ } from "react";
+import g from "../../../ui/buttons/button/button.js";
+import h from "../../../ui/inputs/text-input/text-input.js";
+import u from "../../../ui/layout/flex-view.js";
+import b from "../../comps/input-status-icon/input-status-icon.js";
+const C = ({
+  onSubmit: c,
+  onChange: m,
+  value: s,
+  error: n,
+  isProcessing: d,
+  isValid: o = !1
+}) => {
+  const [i, l] = a(!1), [e, f] = a(30);
+  return $(() => {
+    if (e <= 0) {
+      l(!0);
+      return;
+    }
+    const r = setTimeout(() => f(e - 1), 1e3);
+    return () => clearTimeout(r);
+  }, [e]), /* @__PURE__ */ t(
+    u,
+    {
+      $gutterX: 2,
+      $gapX: 1.5,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $background: "BLACK_2",
+      $height: 308,
+      children: /* @__PURE__ */ p(u, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
+        /* @__PURE__ */ t(
+          h,
+          {
+            renderAs: n ? "error" : o ? "success" : "primary",
+            autoFocus: !0,
+            label: "Verification code",
+            value: s,
+            onChange: (r) => m("username", r.target.value),
+            width: 330,
+            required: !0,
+            shape: "borderLess",
+            colorTheme: "dark",
+            errorMessage: s,
+            siblingElement: /* @__PURE__ */ t(b, { isError: !!n, isValid: o, isLoading: d })
+          }
+        ),
+        /* @__PURE__ */ t(
+          g,
+          {
+            size: "small",
+            renderAs: "secondary",
+            type: "submit",
+            label: i ? "Resend" : `Resend in 0:${e < 10 ? "0" : ""}${e}`,
+            width: 336,
+            onClick: c,
+            disabled: !i
+          }
+        )
+      ] })
+    }
+  );
+}, R = C;
+export {
+  R 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 { 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' : '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={error ? 'error' : 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          colorTheme=\"dark\"\n          errorMessage={value}\n          siblingElement={\n            <InputStatusIcon isError={!!error} 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={!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,UAbJE,IAAU,YAAY;AAAA,YAcpC,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,YAAW;AAAA,YACX,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,91 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import c from "../../../ui/buttons/button/button.js";
+import d 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: s,
+  errors: e,
+  isSubmitDisabled: l,
+  isProcessing: w,
+  isValid: t = !1
+}) => {
+  const u = t && s.password === s.confirmPassword;
+  return /* @__PURE__ */ r(
+    n,
+    {
+      $gutterX: 2,
+      $gapX: 1.5,
+      $alignItems: "center",
+      $justifyContent: "center",
+      $background: "BLACK_2",
+      $height: 308,
+      children: /* @__PURE__ */ i(g, { onSubmit: m, children: [
+        /* @__PURE__ */ i(n, { children: [
+          /* @__PURE__ */ r(
+            d,
+            {
+              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(p, { isError: !!e.password, isValid: t, isLoading: !1 })
+            }
+          ),
+          /* @__PURE__ */ r(f, { height: 36 }),
+          /* @__PURE__ */ r(
+            d,
+            {
+              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(
+                p,
+                {
+                  isError: !!e.confirmPassword,
+                  isValid: u,
+                  isLoading: !1
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(
+          c,
+          {
+            size: "small",
+            renderAs: "secondary",
+            type: "submit",
+            label: "Continue",
+            width: 336,
+            busy: w,
+            disabled: l
+          }
+        )
+      ] })
+    }
+  );
+}, v = h;
+export {
+  v 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' : '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={isConfirmPasswordValid}\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","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,UAAU;AAAA,cACtC,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,YAAW;AAAA,cACX,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,UAAU;AAAA,cAC7C,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,YAAW;AAAA,cACX,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,61 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import p from "../../../ui/buttons/button/button.js";
+import c from "../../../ui/inputs/text-input/text-input.js";
+import f 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: r,
+  isSubmitDisabled: n,
+  isProcessing: a,
+  isValid: m = !1,
+  label: d,
+  field: t
+}) => /* @__PURE__ */ e(
+  f,
+  {
+    $gutterX: 2,
+    $gapX: 1.5,
+    $alignItems: "center",
+    $justifyContent: "center",
+    $background: "BLACK_2",
+    $height: 308,
+    children: /* @__PURE__ */ l(h, { onSubmit: o, children: [
+      /* @__PURE__ */ e(
+        c,
+        {
+          renderAs: r ? "error" : "primary",
+          autoFocus: !0,
+          label: d,
+          value: s,
+          onChange: (u) => t && i(t, u.target.value),
+          width: 330,
+          required: !0,
+          shape: "borderLess",
+          colorTheme: "dark",
+          errorMessage: r,
+          siblingElement: /* @__PURE__ */ e(g, { isError: !!r, isValid: m, isLoading: !1 })
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          size: "small",
+          renderAs: "secondary",
+          type: "submit",
+          label: "Get Verification Code",
+          width: 336,
+          busy: a,
+          disabled: n
+        }
+      )
+    ] })
+  }
+), j = b;
+export {
+  j 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' : 'primary'}\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          colorTheme=\"dark\"\n          errorMessage={error}\n          siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\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 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,UAAU;AAAA,UAC5B,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,YAAW;AAAA,UACX,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/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/signup/custom-input/phone-input/phone-input.js

@@ -1,64 +1,67 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useCallback as s } from "react";
-import { useTheme as c } from "styled-components";
-import { InputWrapper as d } from "../../../../circle-games/sign-up/comp/input-wrapper/input-wrapper.js";
-import C from "../../../../ui/context-menu/context-menu.js";
-import r from "../../../../ui/layout/flex-view.js";
-import x from "../../../../ui/separator/separator.js";
-import { COUNTRY_CODE_MAP as w } from "../../signup-constants.js";
-import { CustomInput as I } from "../custom-input-styled.js";
-import g from "./country-selector/country-code-button.js";
-import y from "./country-selector/country-list-menu.js";
-const D = ({
-  error: m,
-  value: p,
-  onChange: l,
-  selectedCountry: n,
-  onCountryChange: u,
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { useState as x, useCallback as l } from "react";
+import { useTheme as y } from "styled-components";
+import { InputWrapper as b } from "../../../../circle-games/sign-up/comp/input-wrapper/input-wrapper.js";
+import g from "../../../../ui/context-menu/context-menu.js";
+import n from "../../../../ui/layout/flex-view.js";
+import w from "../../../../ui/separator/separator.js";
+import { COUNTRY_CODE_MAP as I } from "../../signup-constants.js";
+import { CustomInput as M } from "../custom-input-styled.js";
+import D from "./country-selector/country-code-button.js";
+import V from "./country-selector/country-list-menu.js";
+const T = ({
+  error: i,
+  value: u,
+  onChange: a,
+  selectedCountry: r,
+  onCountryChange: p,
   onEnter: o
 }) => {
-  var i;
-  const a = c(), f = s(
+  var m;
+  const s = y(), [f, h] = x(!1), c = l(
     (t) => {
       t.key === "Enter" && (o == null || o());
     },
     [o]
-  );
-  return /* @__PURE__ */ e(d, { helperText: m, children: /* @__PURE__ */ h(r, { $flexDirection: "row", children: [
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-      C,
+  ), d = l((t) => {
+    h(t);
+  }, []);
+  return /* @__PURE__ */ e(b, { helperText: i, children: /* @__PURE__ */ C(n, { $flexDirection: "row", children: [
+    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+      g,
       {
         startLeft: !0,
-        targetElement: /* @__PURE__ */ e(g, { value: n.code }),
+        targetElement: /* @__PURE__ */ e(D, { value: r.code, menuVisible: f }),
         menuElement: /* @__PURE__ */ e(
-          y,
+          V,
           {
-            options: w,
-            onChange: u,
-            selectedCountry: n
+            options: I,
+            onChange: p,
+            selectedCountry: r
           }
         ),
         menuOffset: 5,
-        menuZIndex: 1
+        menuZIndex: 1,
+        onMenuVisibilityChange: d
       }
     ) }),
-    /* @__PURE__ */ e(x, { width: 8 }),
-    /* @__PURE__ */ e(r, { $width: 224, children: /* @__PURE__ */ e(
-      I,
+    /* @__PURE__ */ e(w, { width: 8 }),
+    /* @__PURE__ */ e(n, { $width: 224, children: /* @__PURE__ */ e(
+      M,
       {
-        value: p,
-        onChange: (t) => l(t.target.value),
+        value: u,
+        onChange: (t) => a(t.target.value),
         placeholder: "00000 00000",
         type: "number",
         align: "left",
         autoCapitalize: "none",
-        color: (i = a.colors) == null ? void 0 : i[m ? "RED" : "WHITE"],
-        onKeyDown: f
+        color: (m = s.colors) == null ? void 0 : m[i ? "RED" : "WHITE"],
+        onKeyDown: c
       }
     ) })
   ] }) });
-}, R = D;
+}, _ = T;
 export {
-  R as default
+  _ as default
 };
 //# sourceMappingURL=phone-input.js.map

package/dist/features/auth/signup/custom-input/phone-input/phone-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-input.js","sources":["../../../../../../src/features/auth/signup/custom-input/phone-input/phone-input.tsx"],"sourcesContent":["import type { IPhoneInputProps } from './phone-input-types';\n\nimport { useCallback, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { InputWrapper } from '../../../../circle-games/sign-up/comp/input-wrapper/input-wrapper';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport { COUNTRY_CODE_MAP } from '../../signup-constants';\nimport * as Styled from '../custom-input-styled';\nimport CountryCodeButton from './country-selector/country-code-button';\nimport CountryListMenu from './country-selector/country-list-menu';\n\nconst PhoneInput: FC<IPhoneInputProps> = ({\n  error,\n  value,\n  onChange,\n  selectedCountry,\n  onCountryChange,\n  onEnter,\n}) => {\n  const theme = useTheme();\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  return (\n    <InputWrapper helperText={error}>\n      <FlexView $flexDirection=\"row\">\n        <FlexView>\n          <ContextMenu\n            startLeft\n            targetElement={<CountryCodeButton value={selectedCountry.code} />}\n            menuElement={\n              <CountryListMenu\n                options={COUNTRY_CODE_MAP}\n                onChange={onCountryChange}\n                selectedCountry={selectedCountry}\n              />\n            }\n            menuOffset={5}\n            menuZIndex={1}\n          />\n        </FlexView>\n        <Separator width={8} />\n        <FlexView $width={224}>\n          <Styled.CustomInput\n            value={value}\n            onChange={event => onChange(event.target.value)}\n            placeholder=\"00000 00000\"\n            type=\"number\"\n            align=\"left\"\n            autoCapitalize=\"none\"\n            color={theme.colors?.[error ? 'RED' : 'WHITE']}\n            onKeyDown={handleKeyDown}\n          />\n        </FlexView>\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default PhoneInput;\n"],"names":["PhoneInput","error","value","onChange","selectedCountry","onCountryChange","onEnter","theme","useTheme","handleKeyDown","useCallback","event","InputWrapper","jsxs","FlexView","jsx","ContextMenu","CountryCodeButton","CountryListMenu","COUNTRY_CODE_MAP","Separator","Styled.CustomInput","_a","PhoneInput$1"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAmC,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AACF,MAAM;;AACJ,QAAMC,IAAQC,KAERC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNL,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAGV,2BACGM,GAAa,EAAA,YAAYX,GACxB,UAAC,gBAAAY,EAAAC,GAAA,EAAS,gBAAe,OACvB,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,eAAe,gBAAAD,EAACE,GAAkB,EAAA,OAAOb,EAAgB,MAAM;AAAA,QAC/D,aACE,gBAAAW;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAASC;AAAA,YACT,UAAUd;AAAA,YACV,iBAAAD;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,YAAY;AAAA,QACZ,YAAY;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,IACA,gBAAAW,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACrB,gBAAAL,EAACD,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,OAAAnB;AAAA,QACA,UAAU,CAAAS,MAASR,EAASQ,EAAM,OAAO,KAAK;AAAA,QAC9C,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,QAAOW,IAAAf,EAAM,WAAN,gBAAAe,EAAerB,IAAQ,QAAQ;AAAA,QACtC,WAAWQ;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEAc,IAAevB;"}
+{"version":3,"file":"phone-input.js","sources":["../../../../../../src/features/auth/signup/custom-input/phone-input/phone-input.tsx"],"sourcesContent":["import type { IPhoneInputProps } from './phone-input-types';\n\nimport { useCallback, useState, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { InputWrapper } from '../../../../circle-games/sign-up/comp/input-wrapper/input-wrapper';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport { COUNTRY_CODE_MAP } from '../../signup-constants';\nimport * as Styled from '../custom-input-styled';\nimport CountryCodeButton from './country-selector/country-code-button';\nimport CountryListMenu from './country-selector/country-list-menu';\n\nconst PhoneInput: FC<IPhoneInputProps> = ({\n  error,\n  value,\n  onChange,\n  selectedCountry,\n  onCountryChange,\n  onEnter,\n}) => {\n  const theme = useTheme();\n  const [menuVisible, setMenuVisible] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const handleMenuVisibility = useCallback((visible: boolean) => {\n    setMenuVisible(visible);\n  }, []);\n\n  return (\n    <InputWrapper helperText={error}>\n      <FlexView $flexDirection=\"row\">\n        <FlexView>\n          <ContextMenu\n            startLeft\n            targetElement={\n              <CountryCodeButton value={selectedCountry.code} menuVisible={menuVisible} />\n            }\n            menuElement={\n              <CountryListMenu\n                options={COUNTRY_CODE_MAP}\n                onChange={onCountryChange}\n                selectedCountry={selectedCountry}\n              />\n            }\n            menuOffset={5}\n            menuZIndex={1}\n            onMenuVisibilityChange={handleMenuVisibility}\n          />\n        </FlexView>\n        <Separator width={8} />\n        <FlexView $width={224}>\n          <Styled.CustomInput\n            value={value}\n            onChange={event => onChange(event.target.value)}\n            placeholder=\"00000 00000\"\n            type=\"number\"\n            align=\"left\"\n            autoCapitalize=\"none\"\n            color={theme.colors?.[error ? 'RED' : 'WHITE']}\n            onKeyDown={handleKeyDown}\n          />\n        </FlexView>\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default PhoneInput;\n"],"names":["PhoneInput","error","value","onChange","selectedCountry","onCountryChange","onEnter","theme","useTheme","menuVisible","setMenuVisible","useState","handleKeyDown","useCallback","event","handleMenuVisibility","visible","InputWrapper","jsxs","FlexView","jsx","ContextMenu","CountryCodeButton","CountryListMenu","COUNTRY_CODE_MAP","Separator","Styled.CustomInput","_a","PhoneInput$1"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAmC,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AACF,MAAM;;AACJ,QAAMC,IAAQC,KACR,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNR,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGJS,IAAuBF,EAAY,CAACG,MAAqB;AAC7D,IAAAN,EAAeM,CAAO;AAAA,EACxB,GAAG,CAAE,CAAA;AAEL,2BACGC,GAAa,EAAA,YAAYhB,GACxB,UAAC,gBAAAiB,EAAAC,GAAA,EAAS,gBAAe,OACvB,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,eACG,gBAAAD,EAAAE,GAAA,EAAkB,OAAOlB,EAAgB,MAAM,aAAAK,GAA0B;AAAA,QAE5E,aACE,gBAAAW;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAASC;AAAA,YACT,UAAUnB;AAAA,YACV,iBAAAD;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,wBAAwBW;AAAA,MAAA;AAAA,IAAA,GAE5B;AAAA,IACA,gBAAAK,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACrB,gBAAAL,EAACD,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,OAAAxB;AAAA,QACA,UAAU,CAAAY,MAASX,EAASW,EAAM,OAAO,KAAK;AAAA,QAC9C,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,QAAOa,IAAApB,EAAM,WAAN,gBAAAoB,EAAe1B,IAAQ,QAAQ;AAAA,QACtC,WAAWW;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEAgB,IAAe5B;"}

package/dist/features/ui/context-menu/context-menu.js

@@ -1,29 +1,37 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { memo as a, useRef as f, isValidElement as d, cloneElement as x } from "react";
-import $ from "../hooks/use-context-menu-click-handler.js";
-import { TargetElementWrapper as C, OptionsMenuWrapper as M, MenuElementWrapper as h } from "./context-menu-styled.js";
-const k = a(
-  ({ targetElement: e, menuElement: i, menuOffset: l, startLeft: s, menuZIndex: m, placeTop: n }) => {
-    const t = f(null), { menuVisible: o, onMenuClick: c } = $(t), p = d(e) ? x(e, {
-      menuVisible: o
-    }) : e;
-    return /* @__PURE__ */ u(C, { ref: t, onClick: c, children: [
-      p,
-      /* @__PURE__ */ r(
-        M,
+import { jsxs as l, jsx as m } from "react/jsx-runtime";
+import { memo as x, useRef as $, useLayoutEffect as a } from "react";
+import d from "../hooks/use-context-menu-click-handler.js";
+import { TargetElementWrapper as k, OptionsMenuWrapper as E, MenuElementWrapper as W } from "./context-menu-styled.js";
+const j = x(
+  ({
+    targetElement: n,
+    menuElement: p,
+    menuOffset: c,
+    startLeft: f,
+    menuZIndex: s,
+    placeTop: t,
+    onMenuVisibilityChange: e
+  }) => {
+    const o = $(null), { menuVisible: r, onMenuClick: u } = d(o);
+    return a(() => {
+      e == null || e(r);
+    }, [r, e]), /* @__PURE__ */ l(k, { ref: o, onClick: u, children: [
+      n,
+      /* @__PURE__ */ m(
+        E,
         {
-          $menuOffset: l,
-          $visible: o,
-          $startLeft: s,
-          $menuZIndex: m,
-          $placeTop: n,
-          children: /* @__PURE__ */ r(h, { $placeTop: n, children: i })
+          $menuOffset: c,
+          $visible: r,
+          $startLeft: f,
+          $menuZIndex: s,
+          $placeTop: t,
+          children: /* @__PURE__ */ m(W, { $placeTop: t, children: p })
         }
       )
     ] });
   }
-), j = k;
+), v = j;
 export {
-  j as default
+  v as default
 };
 //# sourceMappingURL=context-menu.js.map

package/dist/features/ui/context-menu/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { cloneElement, isValidElement, memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    const enhancedTargetElement = isValidElement(targetElement)\n      ? cloneElement(targetElement as React.ReactElement<{ menuVisible?: boolean }>, {\n          menuVisible,\n        })\n      : targetElement;\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {enhancedTargetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","enhancedTargetElement","isValidElement","cloneElement","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY,GAEtEK,IAAwBC,EAAeZ,CAAa,IACtDa,EAAab,GAAgE;AAAA,MAC3E,aAAAQ;AAAA,IACD,CAAA,IACDR;AAEJ,6BACGc,GAAA,EAA4B,KAAKR,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAE;AAAA,MAED,gBAAAI;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAad;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACY,GAAA,EAA0B,WAAWZ,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAiB,IAAepB;"}
+{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useLayoutEffect, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({\n    targetElement,\n    menuElement,\n    menuOffset,\n    startLeft,\n    menuZIndex,\n    placeTop,\n    onMenuVisibilityChange,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    useLayoutEffect(() => {\n      onMenuVisibilityChange?.(menuVisible);\n    }, [menuVisible, onMenuVisibilityChange]);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","onMenuVisibilityChange","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","useLayoutEffect","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAeC,EAAuB,IAAI,GAC1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY;AAE5E,WAAAK,EAAgB,MAAM;AACpB,MAAAN,KAAA,QAAAA,EAAyBG;AAAA,IAAW,GACnC,CAACA,GAAaH,CAAsB,CAAC,qBAGrCO,GAAA,EAA4B,KAAKN,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAV;AAAA,MAED,gBAAAc;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAab;AAAA,UACb,UAAUO;AAAA,UACV,YAAYN;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACW,GAAA,EAA0B,WAAWX,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAgB,IAAenB;"}

package/dist/features/ui/lottie-animation/helper.js

@@ -1,14 +1,13 @@
-const o = /* @__PURE__ */ new Map(), h = async (t) => {
-  if (o.has(t)) return o.get(t);
+const c = async (o) => {
   let e = null;
   try {
-    e = await fetch(t).then((n) => n.json()).catch(() => null), e && o.set(t, e);
-  } catch (n) {
-    console.log("Error while fetching the lottie: ", n);
+    e = await fetch(o).then((t) => t.json()).catch(() => null);
+  } catch (t) {
+    console.log("Error while fetching the lottie: ", t);
   }
   return e;
 };
 export {
-  h as fetchLottie
+  c as fetchLottie
 };
 //# sourceMappingURL=helper.js.map

package/dist/features/ui/lottie-animation/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst lottieCache = new Map<string, any>();\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  if (lottieCache.has(lottieSrc)) return lottieCache.get(lottieSrc);\n\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n    if (lottieJson) {\n      lottieCache.set(lottieSrc, lottieJson);\n    }\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["lottieCache","fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAGA,MAAMA,wBAAkB,OAEXC,IAAc,OAAOC,MAAqD;AACrF,MAAIF,EAAY,IAAIE,CAAS,EAAU,QAAAF,EAAY,IAAIE,CAAS;AAEhE,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI,GACfD,KACUH,EAAA,IAAIE,GAAWC,CAAU;AAAA,WAEhCE,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}
+{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}