@cuemath/leap 3.0.30-j → 3.0.31-beta-0.1

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js

@@ -0,0 +1,12 @@
+import o from "styled-components";
+import e from "../../../ui/layout/flex-view.js";
+const n = o(e)`
+  min-height: 100vh;
+`, i = o(e)`
+  overflow: hidden;
+`;
+export {
+  n as Container,
+  i as ContentWrapper
+};
+//# sourceMappingURL=auth-page-layout-styles.js.map

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-page-layout-styles.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  overflow: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js

@@ -1,11 +1,12 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { memo as a } from "react";
-import { Container as i, ContentWrapper as h, RightPanel as d } from "./auth-page-layout-styled.js";
-const m = ({ leftBlock: e, rightBlock: t, isFullWidth: r }) => /* @__PURE__ */ n(i, { $width: "100%", $height: "100%", $flexDirection: "row", children: [
-  /* @__PURE__ */ o(h, { $width: r ? "100%" : "50%", $background: "BLACK_1", children: e }),
-  !r && t && /* @__PURE__ */ o(d, { $width: "50%", $background: "BLACK_2", children: t })
-] }), p = a(m);
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { memo as i } from "react";
+import a from "../../../ui/layout/flex-view.js";
+import { Container as m, ContentWrapper as d } from "./auth-page-layout-styles.js";
+const h = ({ leftBlock: e, rightBlock: r, isFullWidth: o }) => /* @__PURE__ */ n(m, { $width: "100%", $height: "100%", $flexDirection: "row", children: [
+  /* @__PURE__ */ t(d, { $width: o ? "100%" : "50%", $background: "BLACK_1", children: e }),
+  !o && r && /* @__PURE__ */ t(a, { $width: "50%", $background: "BLACK_2", children: r })
+] }), f = i(h);
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=auth-page-layout.js.map

package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\n\nimport { memo, type FC } from 'react';\n\nimport * as Styled from './auth-page-layout-styled';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({ leftBlock, rightBlock, isFullWidth }) => {\n  return (\n    <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n      <Styled.ContentWrapper $width={isFullWidth ? '100%' : '50%'} $background=\"BLACK_1\">\n        {leftBlock}\n      </Styled.ContentWrapper>\n      {!isFullWidth && rightBlock && (\n        <Styled.RightPanel $width=\"50%\" $background=\"BLACK_2\">\n          {rightBlock}\n        </Styled.RightPanel>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default memo(AuthPageLayout);\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","jsxs","Styled.Container","jsx","Styled.ContentWrapper","Styled.RightPanel","authPageLayout","memo"],"mappings":";;;AAMA,MAAMA,IAA2C,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,QAEvE,gBAAAC,EAACC,GAAA,EAAiB,QAAO,QAAO,SAAQ,QAAO,gBAAe,OAC5D,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAsB,QAAQJ,IAAc,SAAS,OAAO,aAAY,WACtE,UACHF,EAAA,CAAA;AAAA,EACC,CAACE,KAAeD,KACd,gBAAAI,EAAAE,GAAA,EAAkB,QAAO,OAAM,aAAY,WACzC,UACHN,EAAA,CAAA;AAEJ,EAAA,CAAA,GAIWO,IAAAC,EAAKV,CAAc;"}
+{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\n\nimport { memo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './auth-page-layout-styles';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({ leftBlock, rightBlock, isFullWidth }) => {\n  return (\n    <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n      <Styled.ContentWrapper $width={isFullWidth ? '100%' : '50%'} $background=\"BLACK_1\">\n        {leftBlock}\n      </Styled.ContentWrapper>\n      {!isFullWidth && rightBlock && (\n        <FlexView $width=\"50%\" $background=\"BLACK_2\">\n          {rightBlock}\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default memo(AuthPageLayout);\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","jsxs","Styled.Container","jsx","Styled.ContentWrapper","FlexView","authPageLayout","memo"],"mappings":";;;;AAOA,MAAMA,IAA2C,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,QAEvE,gBAAAC,EAACC,GAAA,EAAiB,QAAO,QAAO,SAAQ,QAAO,gBAAe,OAC5D,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAsB,QAAQJ,IAAc,SAAS,OAAO,aAAY,WACtE,UACHF,EAAA,CAAA;AAAA,EACC,CAACE,KAAeD,KACf,gBAAAI,EAACE,KAAS,QAAO,OAAM,aAAY,WAChC,UACHN,EAAA,CAAA;AAEJ,EAAA,CAAA,GAIWO,IAAAC,EAAKV,CAAc;"}

package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js

@@ -5,7 +5,7 @@ import l from "../../../ui/image/image.js";
 import c from "../../../ui/layout/flex-view.js";
 import r from "../../../ui/separator/separator.js";
 import t from "../../../ui/text/text.js";
-const h = ({ title: o, description: i }) => /* @__PURE__ */ a(c, { $flex: 1, $alignItems: "center", $justifyContent: "center", $gutterX: 2, children: [
+const h = ({ title: o, description: i }) => /* @__PURE__ */ a(c, { $flex: 1, $alignItems: "center", $justifyContent: "center", $gutterX: 6, children: [
   /* @__PURE__ */ e(l, { src: m.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Cuemath Logo", withLoader: !1 }),
   /* @__PURE__ */ e(r, { heightX: 1.5 }),
   /* @__PURE__ */ e(t, { $whiteSpace: "pre-line", $renderAs: "ah2", $color: "WHITE", $align: "center", children: o }),

package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth-static-panel.js","sources":["../../../../../src/features/auth/comps/auth-static-panel/auth-static-panel.tsx"],"sourcesContent":["import type { IAuthStaticPanelProps } from './auth-static-panel-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\n\nconst AuthStaticPanel: FC<IAuthStaticPanelProps> = ({ title, description }) => {\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $gutterX={2}>\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Cuemath Logo\" withLoader={false} />\n      <Separator heightX={1.5} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah2\" $color=\"WHITE\" $align=\"center\">\n        {title}\n      </Text>\n      <Separator heightX={1} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n        {description}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(AuthStaticPanel);\n"],"names":["AuthStaticPanel","title","description","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","authStaticPanel","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAA6C,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAEzD,gBAAAC,EAACC,KAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,UAAU,GAC1E,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,KAAKC,EAAc,2BAA2B,KAAI,gBAAe,YAAY,IAAO;AAAA,EAC3F,gBAAAF,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EACzB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,QAAO,UAChE,UACHR,EAAA,CAAA;AAAA,EACA,gBAAAI,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,cAAa,QAAO,UACrE,UACHP,EAAA,CAAA;AACF,EAAA,CAAA,GAIWQ,IAAAC,EAAKX,CAAe;"}
+{"version":3,"file":"auth-static-panel.js","sources":["../../../../../src/features/auth/comps/auth-static-panel/auth-static-panel.tsx"],"sourcesContent":["import type { IAuthStaticPanelProps } from './auth-static-panel-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\n\nconst AuthStaticPanel: FC<IAuthStaticPanelProps> = ({ title, description }) => {\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $gutterX={6}>\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Cuemath Logo\" withLoader={false} />\n      <Separator heightX={1.5} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah2\" $color=\"WHITE\" $align=\"center\">\n        {title}\n      </Text>\n      <Separator heightX={1} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n        {description}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default memo(AuthStaticPanel);\n"],"names":["AuthStaticPanel","title","description","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","authStaticPanel","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAA6C,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAEzD,gBAAAC,EAACC,KAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,UAAU,GAC1E,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,KAAKC,EAAc,2BAA2B,KAAI,gBAAe,YAAY,IAAO;AAAA,EAC3F,gBAAAF,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EACzB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,QAAO,UAChE,UACHR,EAAA,CAAA;AAAA,EACA,gBAAAI,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,cAAa,QAAO,UACrE,UACHP,EAAA,CAAA;AACF,EAAA,CAAA,GAIWQ,IAAAC,EAAKX,CAAe;"}

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

@@ -1,24 +1,12 @@
-import { styled as t } from "styled-components";
-import o from "../../ui/buttons/button/button.js";
-import p from "../../ui/layout/flex-view.js";
-const m = t.form`
+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;
-  max-width: 336px;
-  width: 100%;
-`, n = t(p)`
-  margin-top: 8px;
-  max-width: 336px;
-  width: 100%;
-`, x = t(o)`
-  width: 100%;
 `;
 export {
-  x as ButtonWrapper,
-  m as FormWrapper,
-  n as Wrapper
+  t as FormWrapper
 };
 //# sourceMappingURL=forgot-password-styled.js.map

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

@@ -1 +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\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\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  max-width: 336px;\n  width: 100%;\n`;\n\nexport const Wrapper = styled(FlexView)`\n  margin-top: 8px;\n  max-width: 336px;\n  width: 100%;\n`;\n\nexport const ButtonWrapper = styled(Button)`\n  width: 100%;\n`;\n"],"names":["FormWrapper","styled","Wrapper","FlexView","ButtonWrapper","Button"],"mappings":";;;AAKO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUrBC,IAAUD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMzBC,IAAgBH,EAAOI,CAAM;AAAA;AAAA;"}
+{"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

@@ -1,66 +1,66 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { memo as d, useCallback as c } from "react";
-import l from "../../../ui/inputs/text-input/text-input.js";
-import f from "../../../ui/layout/flex-view.js";
-import b from "../../comps/input-status-icon/input-status-icon.js";
-import g from "../../comps/resend-otp/resend-otp.js";
-import { Wrapper as h } from "../forgot-password-styled.js";
-const $ = ({
-  onSubmit: n,
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { memo as p, useCallback as l } from "react";
+import f from "../../../ui/inputs/text-input/text-input.js";
+import o from "../../../ui/layout/flex-view.js";
+import g from "../../comps/input-status-icon/input-status-icon.js";
+import b from "../../comps/resend-otp/resend-otp.js";
+const h = ({
+  onSubmit: a,
   onChange: r,
-  value: a,
+  value: i,
   error: t,
-  isProcessing: o,
+  isProcessing: n,
   isValid: s = !1,
-  helperText: i
+  helperText: m
 }) => {
-  const m = c(
-    (u) => {
-      r("otp", u.target.value);
+  const u = l(
+    (d) => {
+      r("otp", d.target.value);
     },
     [r]
   );
   return /* @__PURE__ */ e(
-    f,
+    o,
     {
-      $gutterX: 1.5,
+      $gutterX: 2,
       $gapX: 1.5,
       $alignItems: "center",
       $justifyContent: "center",
       $background: "BLACK_2",
       $height: 308,
-      children: /* @__PURE__ */ p(h, { $flex: 1, $justifyContent: "space-between", children: [
+      children: /* @__PURE__ */ c(o, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
         /* @__PURE__ */ e(
-          l,
+          f,
           {
             renderAs: t ? "error-dark" : s ? "success-dark" : "primary-dark",
             autoFocus: !0,
             label: "Verification code",
-            value: a,
-            onChange: m,
+            value: i,
+            onChange: u,
+            width: 330,
             required: !0,
             shape: "borderLess",
             type: "number",
             errorMessage: t,
-            siblingElement: /* @__PURE__ */ e(b, { isError: !!t, isValid: s, isLoading: o }),
-            helperText: i
+            siblingElement: /* @__PURE__ */ e(g, { isError: !!t, isValid: s, isLoading: n }),
+            helperText: m
           }
         ),
         /* @__PURE__ */ e(
-          g,
+          b,
           {
             renderAs: "submit",
             timerSeconds: 15,
-            onResendOTP: n,
-            disabled: o,
-            width: "100%"
+            onResendOTP: a,
+            width: 336,
+            disabled: n
           }
         )
       ] })
     }
   );
-}, T = d($);
+}, y = p(h);
 export {
-  T as default
+  y as default
 };
 //# sourceMappingURL=otp-form.js.map

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

@@ -1 +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 { type ChangeEvent, memo, useCallback } from 'react';\n\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 ResendOtp from '../../comps/resend-otp/resend-otp';\nimport * as Styled from '../forgot-password-styled';\n\nconst OTPForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isProcessing,\n  isValid = false,\n  helperText,\n}: ISingleFieldFormProps) => {\n  const handleOTPChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('otp', e.target.value);\n    },\n    [onChange],\n  );\n\n  const statusVariant = isValid ? 'success-dark' : 'primary-dark';\n\n  return (\n    <FlexView\n      $gutterX={1.5}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.Wrapper $flex={1} $justifyContent=\"space-between\">\n        <TextInput\n          renderAs={error ? 'error-dark' : statusVariant}\n          autoFocus\n          label=\"Verification code\"\n          value={value}\n          onChange={handleOTPChange}\n          required\n          shape=\"borderLess\"\n          type=\"number\"\n          errorMessage={error}\n          siblingElement={\n            <InputStatusIcon isError={!!error} isValid={isValid} isLoading={isProcessing} />\n          }\n          helperText={helperText}\n        />\n        <ResendOtp\n          renderAs=\"submit\"\n          timerSeconds={15}\n          onResendOTP={onSubmit}\n          disabled={isProcessing}\n          width=\"100%\"\n        />\n      </Styled.Wrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(OTPForm);\n"],"names":["OTPForm","onSubmit","onChange","value","error","isProcessing","isValid","helperText","handleOTPChange","useCallback","e","jsx","FlexView","Styled.Wrapper","TextInput","InputStatusIcon","ResendOtp","otpForm","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAkBC;AAAA,IACtB,CAACC,MAAqC;AAC3B,MAAAR,EAAA,OAAOQ,EAAE,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,CAACR,CAAQ;AAAA,EAAA;AAMT,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,4BAACC,GAAA,EAAe,OAAO,GAAG,iBAAgB,iBACxC,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAUV,IAAQ,eAbJE,IAAU,iBAAiB;AAAA,YAczC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAAH;AAAA,YACA,UAAUK;AAAA,YACV,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YACL,cAAcJ;AAAA,YACd,kCACGW,GAAgB,EAAA,SAAS,CAAC,CAACX,GAAO,SAAAE,GAAkB,WAAWD,GAAc;AAAA,YAEhF,YAAAE;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAI;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,cAAc;AAAA,YACd,aAAaf;AAAA,YACb,UAAUI;AAAA,YACV,OAAM;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeY,IAAAC,EAAKlB,CAAO;"}
+{"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 { type ChangeEvent, memo, useCallback } from 'react';\n\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 ResendOtp from '../../comps/resend-otp/resend-otp';\n\nconst OTPForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isProcessing,\n  isValid = false,\n  helperText,\n}: ISingleFieldFormProps) => {\n  const handleOTPChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('otp', e.target.value);\n    },\n    [onChange],\n  );\n\n  const statusVariant = isValid ? 'success-dark' : 'primary-dark';\n\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <FlexView $alignItems=\"center\" $justifyContent=\"space-between\" $flex={1}>\n        <TextInput\n          renderAs={error ? 'error-dark' : statusVariant}\n          autoFocus\n          label=\"Verification code\"\n          value={value}\n          onChange={handleOTPChange}\n          width={330}\n          required\n          shape=\"borderLess\"\n          type=\"number\"\n          errorMessage={error}\n          siblingElement={\n            <InputStatusIcon isError={!!error} isValid={isValid} isLoading={isProcessing} />\n          }\n          helperText={helperText}\n        />\n        <ResendOtp\n          renderAs=\"submit\"\n          timerSeconds={15}\n          onResendOTP={onSubmit}\n          width={336}\n          disabled={isProcessing}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(OTPForm);\n"],"names":["OTPForm","onSubmit","onChange","value","error","isProcessing","isValid","helperText","handleOTPChange","useCallback","e","jsx","FlexView","TextInput","InputStatusIcon","ResendOtp","otpForm","memo"],"mappings":";;;;;;AASA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAkBC;AAAA,IACtB,CAACC,MAAqC;AAC3B,MAAAR,EAAA,OAAOQ,EAAE,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,CAACR,CAAQ;AAAA,EAAA;AAMT,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,UAAUT,IAAQ,eAbJE,IAAU,iBAAiB;AAAA,YAczC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAAH;AAAA,YACA,UAAUK;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YACL,cAAcJ;AAAA,YACd,kCACGU,GAAgB,EAAA,SAAS,CAAC,CAACV,GAAO,SAAAE,GAAkB,WAAWD,GAAc;AAAA,YAEhF,YAAAE;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAI;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,cAAc;AAAA,YACd,aAAad;AAAA,YACb,OAAO;AAAA,YACP,UAAUI;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeW,IAAAC,EAAKjB,CAAO;"}

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

@@ -29,7 +29,7 @@ const y = ({
   return /* @__PURE__ */ r(
     m,
     {
-      $gutterX: 1.5,
+      $gutterX: 2,
       $gapX: 1.5,
       $alignItems: "center",
       $justifyContent: "center",
@@ -46,6 +46,7 @@ const y = ({
               label: "New Password",
               value: o.password,
               onChange: f,
+              width: 330,
               autoFocus: !0,
               required: !0,
               shape: "borderLess",
@@ -63,6 +64,7 @@ const y = ({
               label: "Re-enter Password",
               value: o.confirmPassword,
               onChange: g,
+              width: 330,
               required: !0,
               shape: "borderLess",
               errorMessage: s.confirmPassword,
@@ -84,7 +86,7 @@ const y = ({
             renderAs: "secondary-dark",
             type: "submit",
             label: "Continue",
-            width: "100%",
+            width: 336,
             busy: u,
             disabled: w
           }

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

@@ -1 +1 @@
-{"version":3,"file":"reset-password-form.js","sources":["../../../../../src/features/auth/forgot-password/reset-password-form/reset-password-form.tsx"],"sourcesContent":["import type { IResetPasswordFormProps } from './reset-password-form-types';\n\nimport { type ChangeEvent, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst ResetPasswordForm = ({\n  onSubmit,\n  onChange,\n  formData,\n  errors,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n}: IResetPasswordFormProps) => {\n  const isConfirmPasswordValid = isValid && formData.password === formData.confirmPassword;\n\n  const handlePasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('password', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handleConfirmPasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('confirmPassword', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <FlexView\n      $gutterX={1.5}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView>\n          <TextInput\n            type={'password'}\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"new-password\"\n            label=\"New Password\"\n            value={formData.password}\n            onChange={handlePasswordChange}\n            autoFocus\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={\n              <InputStatusIcon isError={!!errors.password} isValid={isValid} isLoading={false} />\n            }\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.confirmPassword ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"new-password\"\n            label=\"Re-enter Password\"\n            value={formData.confirmPassword}\n            onChange={handleConfirmPasswordChange}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.confirmPassword}\n            siblingElement={\n              <InputStatusIcon\n                isError={!!errors.confirmPassword}\n                isValid={isConfirmPasswordValid}\n                isLoading={false}\n              />\n            }\n          />\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label=\"Continue\"\n          width=\"100%\"\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(ResetPasswordForm);\n"],"names":["ResetPasswordForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","isConfirmPasswordValid","handlePasswordChange","useCallback","e","handleConfirmPasswordChange","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Separator","Button","resetPasswordForm","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAoB,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA+B;AAC7B,QAAMC,IAAyBD,KAAWJ,EAAS,aAAaA,EAAS,iBAEnEM,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAT,EAAA,YAAYS,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA,GAGLU,IAA8BF;AAAA,IAClC,CAACC,MAAqC;AAC3B,MAAAT,EAAA,mBAAmBS,EAAE,OAAO,KAAK;AAAA,IAC5C;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAf,GAClB,UAAA;AAAA,QAAA,gBAAAc,EAACD,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,UAAUb,EAAO,WAAW,eAAe;AAAA,cAC3C,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAUM;AAAA,cACV,WAAS;AAAA,cACT,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcL,EAAO;AAAA,cACrB,gBACG,gBAAAS,EAAAK,GAAA,EAAgB,SAAS,CAAC,CAACd,EAAO,UAAU,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,YAAA;AAAA,UAErF;AAAA,UACA,gBAAAM,EAACM,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAN;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUb,EAAO,kBAAkB,eAAe;AAAA,cAClD,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAUS;AAAA,cACV,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcR,EAAO;AAAA,cACrB,gBACE,gBAAAS;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAAS,CAAC,CAACd,EAAO;AAAA,kBAClB,SAASI;AAAA,kBACT,WAAW;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QACA,gBAAAK;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAMd;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEegB,IAAAC,EAAKtB,CAAiB;"}
+{"version":3,"file":"reset-password-form.js","sources":["../../../../../src/features/auth/forgot-password/reset-password-form/reset-password-form.tsx"],"sourcesContent":["import type { IResetPasswordFormProps } from './reset-password-form-types';\n\nimport { type ChangeEvent, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst ResetPasswordForm = ({\n  onSubmit,\n  onChange,\n  formData,\n  errors,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n}: IResetPasswordFormProps) => {\n  const isConfirmPasswordValid = isValid && formData.password === formData.confirmPassword;\n\n  const handlePasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('password', e.target.value);\n    },\n    [onChange],\n  );\n\n  const handleConfirmPasswordChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('confirmPassword', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <FlexView>\n          <TextInput\n            type={'password'}\n            renderAs={errors.password ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"new-password\"\n            label=\"New Password\"\n            value={formData.password}\n            onChange={handlePasswordChange}\n            width={330}\n            autoFocus\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.password}\n            siblingElement={\n              <InputStatusIcon isError={!!errors.password} isValid={isValid} isLoading={false} />\n            }\n          />\n          <Separator height={36} />\n          <TextInput\n            type=\"password\"\n            renderAs={errors.confirmPassword ? 'error-dark' : 'primary-dark'}\n            autoComplete=\"new-password\"\n            label=\"Re-enter Password\"\n            value={formData.confirmPassword}\n            onChange={handleConfirmPasswordChange}\n            width={330}\n            required\n            shape=\"borderLess\"\n            errorMessage={errors.confirmPassword}\n            siblingElement={\n              <InputStatusIcon\n                isError={!!errors.confirmPassword}\n                isValid={isConfirmPasswordValid}\n                isLoading={false}\n              />\n            }\n          />\n        </FlexView>\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label=\"Continue\"\n          width={336}\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(ResetPasswordForm);\n"],"names":["ResetPasswordForm","onSubmit","onChange","formData","errors","isSubmitDisabled","isProcessing","isValid","isConfirmPasswordValid","handlePasswordChange","useCallback","e","handleConfirmPasswordChange","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Separator","Button","resetPasswordForm","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAoB,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA+B;AAC7B,QAAMC,IAAyBD,KAAWJ,EAAS,aAAaA,EAAS,iBAEnEM,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAT,EAAA,YAAYS,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA,GAGLU,IAA8BF;AAAA,IAClC,CAACC,MAAqC;AAC3B,MAAAT,EAAA,mBAAmBS,EAAE,OAAO,KAAK;AAAA,IAC5C;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAf,GAClB,UAAA;AAAA,QAAA,gBAAAc,EAACD,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,UAAUb,EAAO,WAAW,eAAe;AAAA,cAC3C,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAUM;AAAA,cACV,OAAO;AAAA,cACP,WAAS;AAAA,cACT,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcL,EAAO;AAAA,cACrB,gBACG,gBAAAS,EAAAK,GAAA,EAAgB,SAAS,CAAC,CAACd,EAAO,UAAU,SAAAG,GAAkB,WAAW,GAAO,CAAA;AAAA,YAAA;AAAA,UAErF;AAAA,UACA,gBAAAM,EAACM,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAN;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUb,EAAO,kBAAkB,eAAe;AAAA,cAClD,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAOD,EAAS;AAAA,cAChB,UAAUS;AAAA,cACV,OAAO;AAAA,cACP,UAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAcR,EAAO;AAAA,cACrB,gBACE,gBAAAS;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAAS,CAAC,CAACd,EAAO;AAAA,kBAClB,SAASI;AAAA,kBACT,WAAW;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QACA,gBAAAK;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMd;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEegB,IAAAC,EAAKtB,CAAiB;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"user-identifier-form.js","sources":["../../../../../src/features/auth/forgot-password/user-identifier-form/user-identifier-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { memo, useCallback, type ChangeEvent } from 'react';\n\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst UserIdentifierForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n  label,\n}: ISingleFieldFormProps) => {\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('identifier', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <FlexView\n      $gutterX={1.5}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <TextInput\n          renderAs={error ? 'error-dark' : 'primary-dark'}\n          autoFocus\n          label={label}\n          value={value}\n          onChange={handleInputChange}\n          required\n          shape=\"borderLess\"\n          errorMessage={error}\n          siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\n        />\n        <Styled.ButtonWrapper\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          width=\"100%\"\n          label=\"Get Verification Code\"\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(UserIdentifierForm);\n"],"names":["UserIdentifierForm","onSubmit","onChange","value","error","isSubmitDisabled","isProcessing","isValid","label","handleInputChange","useCallback","e","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Styled.ButtonWrapper","userIdentifierForm","memo"],"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;AACF,MAA6B;AAC3B,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAAqC;AAC3B,MAAAT,EAAA,cAAcS,EAAE,OAAO,KAAK;AAAA,IACvC;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAd,GAClB,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUZ,IAAQ,eAAe;AAAA,YACjC,WAAS;AAAA,YACT,OAAAI;AAAA,YACA,OAAAL;AAAA,YACA,UAAUM;AAAA,YACV,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcL;AAAA,YACd,kCAAiBa,GAAgB,EAAA,SAAS,CAAC,CAACb,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,UAAA;AAAA,QACzF;AAAA,QACA,gBAAAK;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAMZ;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEec,IAAAC,EAAKpB,CAAkB;"}
+{"version":3,"file":"user-identifier-form.js","sources":["../../../../../src/features/auth/forgot-password/user-identifier-form/user-identifier-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { memo, useCallback, type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst UserIdentifierForm = ({\n  onSubmit,\n  onChange,\n  value,\n  error,\n  isSubmitDisabled,\n  isProcessing,\n  isValid = false,\n  label,\n}: ISingleFieldFormProps) => {\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange('identifier', e.target.value);\n    },\n    [onChange],\n  );\n\n  return (\n    <FlexView\n      $gutterX={2}\n      $gapX={1.5}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $background=\"BLACK_2\"\n      $height={308}\n    >\n      <Styled.FormWrapper onSubmit={onSubmit}>\n        <TextInput\n          renderAs={error ? 'error-dark' : 'primary-dark'}\n          autoFocus\n          label={label}\n          value={value}\n          onChange={handleInputChange}\n          width={330}\n          required\n          shape=\"borderLess\"\n          errorMessage={error}\n          siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\n        />\n        <Button\n          size=\"small\"\n          renderAs=\"secondary-dark\"\n          type=\"submit\"\n          label=\"Get Verification Code\"\n          width={336}\n          busy={isProcessing}\n          disabled={isSubmitDisabled}\n        />\n      </Styled.FormWrapper>\n    </FlexView>\n  );\n};\n\nexport default memo(UserIdentifierForm);\n"],"names":["UserIdentifierForm","onSubmit","onChange","value","error","isSubmitDisabled","isProcessing","isValid","label","handleInputChange","useCallback","e","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Button","userIdentifierForm","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAAqC;AAC3B,MAAAT,EAAA,cAAcS,EAAE,OAAO,KAAK;AAAA,IACvC;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAd,GAClB,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUZ,IAAQ,eAAe;AAAA,YACjC,WAAS;AAAA,YACT,OAAAI;AAAA,YACA,OAAAL;AAAA,YACA,UAAUM;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcL;AAAA,YACd,kCAAiBa,GAAgB,EAAA,SAAS,CAAC,CAACb,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,UAAA;AAAA,QACzF;AAAA,QACA,gBAAAK;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMZ;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEec,IAAAC,EAAKpB,CAAkB;"}

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

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

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

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

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

@@ -1,13 +1,12 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { memo as f, useCallback as l } from "react";
 import w from "../../../ui/buttons/button/button.js";
-import C from "../../../ui/buttons/text-button/text-button.js";
+import $ from "../../../ui/buttons/text-button/text-button.js";
 import u from "../../../ui/inputs/text-input/text-input.js";
 import s from "../../../ui/layout/flex-view.js";
-import o from "../../../ui/separator/separator.js";
-import $ from "../../comps/input-status-icon/input-status-icon.js";
-import { FormContainer as y } from "../login-styled.js";
-const k = ({
+import a from "../../../ui/separator/separator.js";
+import y from "../../comps/input-status-icon/input-status-icon.js";
+const C = ({
   username: i,
   password: m,
   errors: r,
@@ -17,28 +16,28 @@ const k = ({
   onForgotPassword: h
 }) => {
   const c = d || !i.trim() || !m.trim(), g = l(
-    (a) => {
-      t("username", a.target.value);
+    (o) => {
+      t("username", o.target.value);
     },
     [t]
   ), b = l(
-    (a) => {
-      t("password", a.target.value);
+    (o) => {
+      t("password", o.target.value);
     },
     [t]
   );
   return /* @__PURE__ */ n(
     s,
     {
-      $gutterX: 1.5,
+      $gutterX: 2,
       $gapX: 1.5,
       $alignItems: "center",
       $justifyContent: "center",
       $background: "BLACK_2",
       $height: 308,
       children: [
-        /* @__PURE__ */ e(o, { heightX: 0.5 }),
-        /* @__PURE__ */ n(y, { onSubmit: p, children: [
+        /* @__PURE__ */ e(a, { heightX: 0.5 }),
+        /* @__PURE__ */ n("form", { onSubmit: p, children: [
           /* @__PURE__ */ n(s, { $alignItems: "center", $justifyContent: "center", children: [
             /* @__PURE__ */ e(
               u,
@@ -48,14 +47,14 @@ const k = ({
                 autoComplete: "username",
                 label: "Username",
                 value: i,
-                width: "100%",
                 onChange: g,
+                width: 330,
                 required: !0,
                 shape: "borderLess",
                 errorMessage: r.username
               }
             ),
-            /* @__PURE__ */ e(o, { height: 36 }),
+            /* @__PURE__ */ e(a, { height: 36 }),
             /* @__PURE__ */ e(
               u,
               {
@@ -64,18 +63,18 @@ const k = ({
                 autoComplete: "password",
                 label: "Password",
                 value: m,
-                width: "100%",
                 onChange: b,
+                width: 330,
                 required: !0,
                 shape: "borderLess",
                 errorMessage: r.password,
-                siblingElement: /* @__PURE__ */ e($, { isError: !!r.password })
+                siblingElement: /* @__PURE__ */ e(y, { isError: !!r.password })
               }
             )
           ] }),
-          /* @__PURE__ */ e(o, { heightX: 1.25 }),
-          /* @__PURE__ */ e(s, { $alignItems: "flex-end", children: /* @__PURE__ */ e(C, { label: "Forgot Password?", onClick: h, color: "WHITE_T_60" }) }),
-          /* @__PURE__ */ e(o, { heightX: 2 }),
+          /* @__PURE__ */ e(a, { heightX: 1.25 }),
+          /* @__PURE__ */ e(s, { $alignItems: "flex-end", children: /* @__PURE__ */ e($, { label: "Forgot Password?", onClick: h, color: "WHITE_T_60" }) }),
+          /* @__PURE__ */ e(a, { heightX: 2 }),
           /* @__PURE__ */ e(s, { $justifyContent: "center", children: /* @__PURE__ */ e(
             w,
             {
@@ -83,7 +82,7 @@ const k = ({
               renderAs: "secondary-dark",
               type: "submit",
               label: "Log in",
-              width: "100%",
+              width: 336,
               busy: d,
               disabled: c
             }
@@ -92,8 +91,8 @@ const k = ({
       ]
     }
   );
-}, B = f(k);
+}, A = f(C);
 export {
-  B as default
+  A as default
 };
 //# sourceMappingURL=username-password-form.js.map