@cuemath/leap 2.9.5-j11 → 2.9.5-j13

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/features/post-game-stats/digital-meter/constants.js

@@ -1,18 +1,19 @@
 import { GAME_LAUNCHER_SIZE as _, GAME_LAUNCHER_SIZE_LARGE as A } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { ARC_Z_INDEX as E } from "./comp/animated-arc/constants.js";
-const L = 300, R = 2, I = E + 1, N = I + 1, O = N + 1, t = _ === A ? 16 : 12, D = (_ - R) / 2, c = 3.8, n = 2 / 30, s = 2.37, C = 12 / 30, G = 20 / 30, S = 43 / 30;
+const o = 300, E = 2, L = 150, R = 1, I = R + 1, N = I + 1, t = N + 1, O = _ === A ? 16 : 12, c = (_ - E) / 2, n = 3.8, s = 2 / 30, D = 2.37, C = 12 / 30, G = 20 / 30, S = 43 / 30;
 export {
-  D as ARC_RADIUS,
+  L as ANIMATED_ARC_START_ANGLE,
+  c as ARC_RADIUS,
+  R as ARC_Z_INDEX,
   N as CONTENT_CONTAINER_Z_INDEX,
   I as LINE_MARKING_Z_INDEX,
-  O as NUMBER_MARKING_Z_INDEX,
+  t as NUMBER_MARKING_Z_INDEX,
   C as PROGRESS_FILL_DELAY,
   G as PROGRESS_FILL_DURATION,
   S as RAINBOW_COLOR_ANIMATION_DURATION,
-  t as STROKE_WIDTH,
-  s as TARGET_ACHIEVED_DELAY,
-  n as TARGET_HELPER_TEXT_APPEAR_DELAY,
-  c as TOTAL_ANIMATION_DURATION,
-  L as TOTAL_ARC_AVAILABLE
+  O as STROKE_WIDTH,
+  D as TARGET_ACHIEVED_DELAY,
+  s as TARGET_HELPER_TEXT_APPEAR_DELAY,
+  n as TOTAL_ANIMATION_DURATION,
+  o as TOTAL_ARC_AVAILABLE
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/post-game-stats/digital-meter/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { ARC_Z_INDEX } from './comp/animated-arc/constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","LINE_MARKING_Z_INDEX","ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAMO,MAAMA,IAAsB,KAE7BC,IAAgB,GAETC,IAAuBC,IAAc,GACrCC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBN,KAAiB,GAGpDS,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\n//Animated Arc\nexport const ANIMATED_ARC_START_ANGLE = 150;\nexport const ARC_Z_INDEX = 1;\n\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","ANIMATED_ARC_START_ANGLE","ARC_Z_INDEX","LINE_MARKING_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";AAKO,MAAMA,IAAsB,KAE7BC,IAAgB,GAGTC,IAA2B,KAC3BC,IAAc,GAEdC,IAAuBD,IAAc,GACrCE,IAA4BD,IAAuB,GACnDE,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBP,KAAiB,GAGpDU,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js

@@ -1,10 +1,9 @@
 import o, { keyframes as e } from "styled-components";
 import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
 import i from "../../ui/text/text.js";
-import { ADJUSTED_START_ANGLE as n } from "./comp/animated-arc/constants.js";
-import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
+import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, ANIMATED_ARC_START_ANGLE as n, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
 import { rainbowColorAnimation as f } from "./helper.js";
-const g = o.div`
+const E = o.div`
   height: ${r}px;
   width: ${r}px;
   background-color: ${({ theme: t }) => t.colors.BLACK_2};
@@ -26,7 +25,7 @@ const g = o.div`
   width: 92%;
   border-radius: 100%;
   background-color: ${({ theme: t }) => t.colors.BLACK_2};
-`, b = o.div`
+`, g = o.div`
   position: relative;
   flex-grow: 1;
   bottom: ${r === s ? -8 : -6}px;
@@ -34,7 +33,7 @@ const g = o.div`
 o.div`
   position: absolute;
 `;
-const u = o.div`
+const b = o.div`
   width: ${r / 2}px;
   height: 2px;
   position: absolute;
@@ -46,12 +45,12 @@ const u = o.div`
   left: ${r / 2}px;
   top: ${r / 2}px;
   z-index: ${d};
-`, T = o.div`
+`, u = o.div`
   position: absolute;
   height: ${r - r * 0.0625 - 10}px;
   transform: rotate(${({ $angle: t }) => -n + t}deg);
   z-index: ${m};
-`, h = o.div`
+`, T = o.div`
   transform: rotate(${({ $angle: t }) => n - t}deg);
 `, C = o.div`
   position: absolute;
@@ -60,7 +59,7 @@ const u = o.div`
 `, R = o(i)`
   animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
     ease-in-out ${a}s forwards;
-`, I = o(i)`
+`, h = o(i)`
   animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
     ease ${a}s forwards;
 `;
@@ -68,20 +67,20 @@ o.div`
   height: 100%;
   width: 100%;
 `;
-const v = o(i)`
+const I = o(i)`
   animation: ${({ $isTargetAchieved: t }) => t ? f : "unset"}
     ${p}s ease infinite forwards;
 `;
 export {
   C as BottomAbsoluteView,
   N as ContentContainer,
-  g as DigitalMeter,
+  E as DigitalMeter,
   R as HelperTextPrimary,
-  I as HelperTextSecondary,
-  u as LineMarking,
-  T as MarkingContainer,
-  h as MarkingText,
-  b as NumberCountContainer,
-  v as RainboxColorText
+  h as HelperTextSecondary,
+  b as LineMarking,
+  u as MarkingContainer,
+  T as MarkingText,
+  g as NumberCountContainer,
+  I as RainboxColorText
 };
 //# sourceMappingURL=digital-meter-styled.js.map

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport { ADJUSTED_START_ANGLE } from './comp/animated-arc/constants';\nimport {\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ADJUSTED_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ADJUSTED_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ADJUSTED_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAAuBH,CAAM;AAAA,aACvDI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAAuBH,CAAM;AAAA,GAGtDM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}
+{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ANIMATED_ARC_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ANIMATED_ARC_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ANIMATED_ARC_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAA2BH,CAAM;AAAA,aAC3DI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAA2BH,CAAM;AAAA,GAG1DM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}