everest-npm-features 0.0.60 → 0.0.62

package/dist/components/RocketRamp/Player/SignUp/personalInfo.js

@@ -1,35 +1,29 @@
-import { jsxs as u, Fragment as R, jsx as a } from "react/jsx-runtime";
+import { jsxs as u, Fragment as F, jsx as r } from "react/jsx-runtime";
 import { useState as d } from "react";
-import f from "../../Shared/Button/index.js";
-import p, { UserNameInputField as T } from "../../Shared/Input/index.js";
-import "../../../../constants-DREDnCMu.js";
-import { f as S } from "../../../../auth-WhDJHZtr.js";
-import { userNameRegex as L } from "../../../../util/regex.js";
-import { USERNAME_SUFFIX as b, USERNAME_TOOLTIP as U } from "../../../../util/constants.js";
-import { T as v } from "../../../../Typography-pAaje37G.js";
-import { B as W } from "../../../../Box-B0YSYLco.js";
-import { S as y } from "../../../../Stack-k55YTxET.js";
-import { I as E } from "../../../../InputAdornment-DMiED3JH.js";
-import { F as B } from "../../../../FormControl-RtZDQMdA.js";
-import { F as w, C as _ } from "../../../../FormControlLabel-BliKW48y.js";
-import { L as j } from "../../../../Link-DBA9Yifs.js";
-const I = ({
+import { Typography as f, Box as T, Stack as b, InputAdornment as S, FormControl as U, FormControlLabel as W, Checkbox as E, Link as L } from "@mui/material";
+import v from "../../Shared/Button/index.js";
+import c, { UserNameInputField as w } from "../../Shared/Input/index.js";
+import "../../../../constants-DrmtdI1J.js";
+import { h as B } from "../../../../auth-DTJdu6mq.js";
+import { userNameRegex as _ } from "../../../../util/regex.js";
+import { USERNAME_SUFFIX as y, USERNAME_TOOLTIP as j } from "../../../../util/constants.js";
+const J = ({
   showAlertMessage: t,
-  loader: c,
-  registerInfo: r,
+  loader: p,
+  registerInfo: a,
   setRegisterInfo: N,
   setCurrentStep: h,
   dispatch: P,
-  validationError: m,
+  validationError: l,
   storeName: x
 }) => {
-  const [l, g] = d(!1), [o, k] = d({
+  const [m, g] = d(!1), [n, k] = d({
     username: !1,
     firstName: !1,
     lastName: !1,
     phone: !1
-  }), n = (e, s) => {
-    e === "phone" && !/^\d*$/.test(s) || e === "username" && !L.test(s) || (N((i) => ({
+  }), o = (e, s) => {
+    e === "phone" && !/^\d*$/.test(s) || e === "username" && !_.test(s) || (N((i) => ({
       ...i,
       [e]: s
     })), k((i) => ({
@@ -37,91 +31,91 @@ const I = ({
       [e]: !0
     })));
   }, C = (e) => {
-    if (e.preventDefault(), !r.username)
+    if (e.preventDefault(), !a.username)
       return t({ message: "Please provide username." }), !1;
-    if (!r.firstName)
+    if (!a.firstName)
       return t({ message: "Please provide your name." }), !1;
-    if (!r.lastName)
+    if (!a.lastName)
       return t({ message: "Please provide your surname." }), !1;
-    if (!r.phone)
+    if (!a.phone)
       return t({ message: "Please provide your mobile number." }), !1;
-    if (!l)
+    if (!m)
       return t({ message: "Please accept the privacy terms." }), !1;
     h(3);
-  }, F = () => {
-    r.username && P(
-      S({
-        email: r.email,
-        username: r.username + b,
+  }, R = () => {
+    a.username && P(
+      B({
+        email: a.email,
+        username: a.username + y,
         storename: x
       })
     );
   };
-  return /* @__PURE__ */ u(R, { children: [
-    /* @__PURE__ */ a(v, { variant: "lg", fontWeight: "500", children: "Add your personal information" }),
-    /* @__PURE__ */ a(v, { variant: "sm", children: "Please, provide the following information:" }),
-    /* @__PURE__ */ a(W, { component: "form", onSubmit: C, width: "100%", children: /* @__PURE__ */ u(y, { direction: "column", gap: 2, children: [
-      /* @__PURE__ */ a(
-        T,
+  return /* @__PURE__ */ u(F, { children: [
+    /* @__PURE__ */ r(f, { variant: "lg", fontWeight: "500", children: "Add your personal information" }),
+    /* @__PURE__ */ r(f, { variant: "sm", children: "Please, provide the following information:" }),
+    /* @__PURE__ */ r(T, { component: "form", onSubmit: C, width: "100%", children: /* @__PURE__ */ u(b, { direction: "column", gap: 2, children: [
+      /* @__PURE__ */ r(
+        w,
         {
-          suffix: b,
-          value: r.username,
+          suffix: y,
+          value: a.username,
           label: "Username",
           placeholder: "Create a username",
-          onChange: (e) => n("username", e.target.value),
-          onBlur: F,
-          error: o.username && !r.username || !!m,
-          errorText: m,
+          onChange: (e) => o("username", e.target.value),
+          onBlur: R,
+          error: n.username && !a.username || !!l,
+          errorText: l,
           showInfoIcon: !0,
-          tooltipText: U,
+          tooltipText: j,
           autoFocus: !0,
           fullWidth: !0
         }
       ),
-      /* @__PURE__ */ a(
-        p,
+      /* @__PURE__ */ r(
+        c,
         {
-          value: r.firstName,
+          value: a.firstName,
           label: "First name",
           placeholder: "Enter your name",
-          onChange: (e) => n("firstName", e.target.value),
-          error: o.firstName && !r.firstName,
+          onChange: (e) => o("firstName", e.target.value),
+          error: n.firstName && !a.firstName,
           fullWidth: !0
         }
       ),
-      /* @__PURE__ */ a(
-        p,
+      /* @__PURE__ */ r(
+        c,
         {
-          value: r.lastName,
+          value: a.lastName,
           label: "Last name",
           placeholder: "Enter your surname",
-          onChange: (e) => n("lastName", e.target.value),
-          error: o.lastName && !r.lastName,
+          onChange: (e) => o("lastName", e.target.value),
+          error: n.lastName && !a.lastName,
           fullWidth: !0
         }
       ),
-      /* @__PURE__ */ a(
-        p,
+      /* @__PURE__ */ r(
+        c,
         {
-          value: r.phone,
+          value: a.phone,
           label: "Mobile number",
           placeholder: "Enter your mobile number",
-          onChange: (e) => n("phone", e.target.value),
-          error: o.phone && !r.phone,
+          onChange: (e) => o("phone", e.target.value),
+          error: n.phone && !a.phone,
           slotProps: {
             input: {
-              startAdornment: /* @__PURE__ */ a(E, { position: "start", children: "+1" })
+              startAdornment: /* @__PURE__ */ r(S, { position: "start", children: "+1" })
             }
           }
         }
       ),
-      /* @__PURE__ */ a(B, { error: !l, component: "fieldset", children: /* @__PURE__ */ a(
-        w,
+      /* @__PURE__ */ r(U, { error: !m, component: "fieldset", children: /* @__PURE__ */ r(
+        W,
         {
-          control: /* @__PURE__ */ a(
-            _,
+          control: /* @__PURE__ */ r(
+            E,
             {
-              checked: l,
+              checked: m,
               onChange: () => g((e) => !e),
               color: "primary"
             }
@@ -129,8 +123,8 @@ const I = ({
           label: /* @__PURE__ */ u("span", { children: [
             "I accept the",
             " ",
-            /* @__PURE__ */ a(
-              j,
+            /* @__PURE__ */ r(
+              L,
               {
                 href: "https://www.rocket-ramp.com/page/privacy",
                 target: "_blank",
@@ -142,18 +136,18 @@ const I = ({
           ] })
         }
       ) }),
-      /* @__PURE__ */ a(
-        f,
+      /* @__PURE__ */ r(
+        v,
         {
           type: "submit",
           fullWidth: !0,
-          disabled: !!m || c,
-          isLoading: c,
+          disabled: !!l || p,
+          isLoading: p,
           children: "Submit"
         }
       ),
-      /* @__PURE__ */ a(y, { direction: "row", alignItems: "flex-start", children: /* @__PURE__ */ a(
-        f,
+      /* @__PURE__ */ r(b, { direction: "row", alignItems: "flex-start", children: /* @__PURE__ */ r(
+        v,
         {
           isText: !0,
           onClick: () => h(1),
@@ -166,5 +160,5 @@ const I = ({
   ] });
 };
 export {
-  I as default
+  J as default
 };

package/dist/components/RocketRamp/Player/SignUp/summary.js

@@ -1,10 +1,8 @@
-import { jsxs as i, Fragment as d, jsx as e } from "react/jsx-runtime";
-import t from "../../Shared/Button/index.js";
-import { USERNAME_SUFFIX as u } from "../../../../util/constants.js";
-import { T as m } from "../../../../Typography-pAaje37G.js";
-import { S as o } from "../../../../Stack-k55YTxET.js";
-import { B as p } from "../../../../Box-B0YSYLco.js";
-const l = ({ label: r, value: a }) => /* @__PURE__ */ i(p, { children: [
+import { jsxs as r, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { Typography as o, Stack as t, Box as u } from "@mui/material";
+import n from "../../Shared/Button/index.js";
+import { USERNAME_SUFFIX as h } from "../../../../util/constants.js";
+const l = ({ label: i, value: a }) => /* @__PURE__ */ r(u, { children: [
   /* @__PURE__ */ e(
     "label",
     {
@@ -13,24 +11,24 @@ const l = ({ label: r, value: a }) => /* @__PURE__ */ i(p, { children: [
         fontWeight: 400,
         color: "#1A202C"
       },
-      children: r
+      children: i
     }
   ),
-  /* @__PURE__ */ e(m, { variant: "md", children: a })
-] }), x = ({
-  loader: r,
+  /* @__PURE__ */ e(o, { variant: "md", children: a })
+] }), v = ({
+  loader: i,
   registerInfo: a,
-  setCurrentStep: n,
+  setCurrentStep: m,
   storeName: c,
-  initRegister: s
-}) => /* @__PURE__ */ i(d, { children: [
-  /* @__PURE__ */ e(m, { variant: "lg", fontWeight: "500", children: "Before proceeding, please check and confirm your personal information" }),
-  /* @__PURE__ */ i(o, { direction: "column", gap: 2, children: [
+  initRegister: d
+}) => /* @__PURE__ */ r(s, { children: [
+  /* @__PURE__ */ e(o, { variant: "lg", fontWeight: "500", children: "Before proceeding, please check and confirm your personal information" }),
+  /* @__PURE__ */ r(t, { direction: "column", gap: 2, children: [
     /* @__PURE__ */ e(
       l,
       {
         label: "Username",
-        value: a.username + u
+        value: a.username + h
       }
     ),
     /* @__PURE__ */ e(l, { label: "Storename", value: c }),
@@ -39,19 +37,19 @@ const l = ({ label: r, value: a }) => /* @__PURE__ */ i(p, { children: [
     /* @__PURE__ */ e(l, { label: "Mobile Number", value: "+1" + a.phone }),
     /* @__PURE__ */ e(l, { label: "Email Address", value: a.email }),
     /* @__PURE__ */ e(
-      t,
+      n,
       {
-        isLoading: r,
-        disabled: r,
-        onClick: s,
+        isLoading: i,
+        disabled: i,
+        onClick: d,
         children: "Submit"
       }
     ),
-    /* @__PURE__ */ e(o, { direction: "row", alignItems: "flex-start", children: /* @__PURE__ */ e(
-      t,
+    /* @__PURE__ */ e(t, { direction: "row", alignItems: "flex-start", children: /* @__PURE__ */ e(
+      n,
       {
         isText: !0,
-        onClick: () => n(2),
+        onClick: () => m(2),
         sx: { fontWeight: 500, padding: 0 },
         customSize: "small",
         children: "Go back and edit"
@@ -60,5 +58,5 @@ const l = ({ label: r, value: a }) => /* @__PURE__ */ i(p, { children: [
   ] })
 ] });
 export {
-  x as default
+  v as default
 };

package/dist/components/RocketRamp/Player/SignUp/validateEmail.js

@@ -1,12 +1,10 @@
 import { jsxs as r, Fragment as R, jsx as t } from "react/jsx-runtime";
+import { Typography as a, Box as P, Stack as d } from "@mui/material";
 import h from "../../Shared/Button/index.js";
-import P from "../../Shared/Input/index.js";
-import { useState as l, useEffect as u } from "react";
+import C from "../../Shared/Input/index.js";
+import { useState as s, useEffect as u } from "react";
 import { RESEND_EMAIL_TIMER as f } from "../../../../util/constants.js";
-import { T as a } from "../../../../Typography-pAaje37G.js";
-import { B as C } from "../../../../Box-B0YSYLco.js";
-import { S as d } from "../../../../Stack-k55YTxET.js";
-const _ = ({
+const D = ({
   showAlertMessage: o,
   loader: p,
   otpLoader: g,
@@ -14,25 +12,25 @@ const _ = ({
   initVerifyRegister: y,
   initRegister: E
 }) => {
-  const [e, S] = l(""), [x, c] = l(!1), [n, m] = l(f);
+  const [e, x] = s(""), [S, c] = s(!1), [i, m] = s(f);
   u(() => {
-    if (n === 0) return;
-    const i = setInterval(() => {
-      m((s) => s - 1);
+    if (i === 0) return;
+    const n = setInterval(() => {
+      m((l) => l - 1);
     }, 1e3);
-    return () => clearInterval(i);
-  }, [n]), u(() => {
+    return () => clearInterval(n);
+  }, [i]), u(() => {
     c(e ? e.length !== 6 : !1);
   }, [e]);
-  const T = () => {
+  const b = () => {
     E(), m(f), o({
       message: "A new OTP has been send to the given email address.",
       type: "success",
       duration: 6e3
     });
-  }, b = (i) => {
-    const s = Math.floor(i / 60), I = i % 60;
-    return `${String(s).padStart(2, "0")}:${String(
+  }, T = (n) => {
+    const l = Math.floor(n / 60), I = n % 60;
+    return `${String(l).padStart(2, "0")}:${String(
       I
     ).padStart(2, "0")}`;
   }, k = () => {
@@ -49,34 +47,34 @@ const _ = ({
       v.email,
       " and enter the code in the field below within the next 5 minutes."
     ] }),
-    /* @__PURE__ */ r(C, { width: "100%", children: [
+    /* @__PURE__ */ r(P, { width: "100%", children: [
       /* @__PURE__ */ t(d, { direction: "column", spacing: 2, children: /* @__PURE__ */ t(
-        P,
+        C,
         {
           value: e,
           label: "Enter code",
           placeholder: "Enter code sent via Email",
-          onChange: (i) => S(i.target.value),
+          onChange: (n) => x(n.target.value),
           inputProps: { maxLength: 6 },
-          error: x,
+          error: S,
           fullWidth: !0
         }
       ) }),
       /* @__PURE__ */ r(d, { direction: "column", alignItems: "center", spacing: 2, my: "1.2rem", children: [
         /* @__PURE__ */ t(a, { variant: "body1", children: "Didn't receive the code?" }),
-        n > 0 && /* @__PURE__ */ r(a, { variant: "body2", mt: 1, children: [
+        i > 0 && /* @__PURE__ */ r(a, { variant: "body2", mt: 1, children: [
           " ",
           "You can ask for another one in ",
-          b(n)
+          T(i)
         ] }),
         /* @__PURE__ */ t(
           h,
           {
-            onClick: T,
+            onClick: b,
             customSize: "medium",
             isText: !0,
             sx: { padding: "0px", height: "2rem" },
-            disabled: n > 0,
+            disabled: i > 0,
             isLoading: g,
             children: "Resend Email"
           }
@@ -96,5 +94,5 @@ const _ = ({
   ] });
 };
 export {
-  _ as default
+  D as default
 };

package/dist/components/RocketRamp/ResetPassword/index.js

@@ -1,26 +1,24 @@
-import { jsxs as i, jsx as r, Fragment as u } from "react/jsx-runtime";
+import { jsxs as i, jsx as s, Fragment as p } from "react/jsx-runtime";
+import { Box as a, Typography as n, CircularProgress as h } from "@mui/material";
 import f from "../../../hoc/withThemeProvider.js";
-import h from "../Shared/Button/index.js";
-import { u as g } from "../../../react-redux-C7I9-1M6.js";
-import { useEffect as a } from "react";
-import "../../../constants-DREDnCMu.js";
-import { e as w } from "../../../auth-WhDJHZtr.js";
-import { useSnackBarContext as x } from "../../../context/snackBarContext.js";
-import b from "../../../hooks/useEverestDispatch.js";
-import { B as n } from "../../../Box-B0YSYLco.js";
-import { T as c } from "../../../Typography-pAaje37G.js";
-import { C as y } from "../../../CircularProgress-xZA3lvba.js";
+import g from "../Shared/Button/index.js";
+import { u as w } from "../../../react-redux-C7I9-1M6.js";
+import { useEffect as c } from "react";
+import "../../../constants-DrmtdI1J.js";
+import { g as x } from "../../../auth-DTJdu6mq.js";
+import { useSnackBarContext as b } from "../../../context/snackBarContext.js";
+import y from "../../../hooks/useEverestDispatch.js";
 const P = ({ onComplete: m, type: d }) => {
-  const { showAlertMessage: o } = x(), l = b(), s = g((p) => p.session), t = s.loader, e = s.error;
-  return a(() => {
+  const { showAlertMessage: o } = b(), l = y(), r = w((u) => u.session), t = r.loader, e = r.error;
+  return c(() => {
     e && o({ message: e });
-  }, [e]), a(() => {
-    s.resetPasswordSuccess && (o({
+  }, [e]), c(() => {
+    r.resetPasswordSuccess && (o({
       message: "Reset Password has been done successfully.",
       type: "success"
     }), m());
-  }, [s.resetPasswordSuccess]), /* @__PURE__ */ i(
-    n,
+  }, [r.resetPasswordSuccess]), /* @__PURE__ */ i(
+    a,
     {
       sx: {
         padding: { xs: "1rem", md: "2rem" },
@@ -29,18 +27,18 @@ const P = ({ onComplete: m, type: d }) => {
         boxShadow: "0px 0px 64px 0px rgba(247, 247, 248, 1)"
       },
       children: [
-        /* @__PURE__ */ r(c, { variant: "4xl", fontWeight: 600, children: /* @__PURE__ */ r("b", { children: "Reset Password" }) }),
-        /* @__PURE__ */ r(c, { variant: "md", children: 'To reset your password, simply click on the "reset password" button, and you will shortly receive an email containing a new password for your Orion Stars account.' }),
-        /* @__PURE__ */ r(n, { mt: 4, children: /* @__PURE__ */ r(h, { onClick: () => {
-          t || l(w(d));
-        }, fullWidth: !0, children: /* @__PURE__ */ r("strong", { children: t ? /* @__PURE__ */ i(u, { children: [
-          /* @__PURE__ */ r(y, { size: 15, color: "inherit" }),
+        /* @__PURE__ */ s(n, { variant: "4xl", fontWeight: 600, children: /* @__PURE__ */ s("b", { children: "Reset Password" }) }),
+        /* @__PURE__ */ s(n, { variant: "md", children: 'To reset your password, simply click on the "reset password" button, and you will shortly receive an email containing a new password for your Orion Stars account.' }),
+        /* @__PURE__ */ s(a, { mt: 4, children: /* @__PURE__ */ s(g, { onClick: () => {
+          t || l(x(d));
+        }, fullWidth: !0, children: /* @__PURE__ */ s("strong", { children: t ? /* @__PURE__ */ i(p, { children: [
+          /* @__PURE__ */ s(h, { size: 15, color: "inherit" }),
           " Processing..."
         ] }) : "Submit" }) }) })
       ]
     }
   );
-}, z = f(P);
+}, W = f(P);
 export {
-  z as default
+  W as default
 };

package/dist/components/RocketRamp/Shared/Button/index.js

@@ -1,15 +1,14 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { B as d } from "../../../../Button-Df4vgU24.js";
-import { C as m } from "../../../../CircularProgress-xZA3lvba.js";
-const f = ({
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { Button as d, CircularProgress as x } from "@mui/material";
+const m = ({
   children: o,
-  variant: r = "contained",
-  sx: e = {},
+  variant: e = "contained",
+  sx: r = {},
   customSize: n = "medium",
   isText: i = !1,
   isLoading: l = !1,
-  ...a
-}) => i ? /* @__PURE__ */ t(
+  ...t
+}) => i ? /* @__PURE__ */ a(
   d,
   {
     variant: "text",
@@ -27,9 +26,9 @@ const f = ({
       "&:focus": {
         background: "none"
       },
-      ...e
+      ...r
     },
-    ...a,
+    ...t,
     children: o
   }
 ) : /* @__PURE__ */ s(
@@ -37,7 +36,7 @@ const f = ({
   {
     fullWidth: !0,
     disableRipple: !0,
-    variant: r,
+    variant: e,
     sx: {
       textTransform: "none",
       height: n === "small" ? "2rem" : "3rem",
@@ -62,14 +61,14 @@ const f = ({
           boxShadow: "none"
         }
       },
-      ...e
+      ...r
     },
-    ...a,
+    ...t,
     children: [
-      l && /* @__PURE__ */ t(
-        m,
+      l && /* @__PURE__ */ a(
+        x,
         {
-          color: r === "outlined" ? "primary" : "secondary",
+          color: e === "outlined" ? "primary" : "secondary",
           size: 20
         }
       ),
@@ -78,5 +77,5 @@ const f = ({
   }
 );
 export {
-  f as default
+  m as default
 };

package/dist/components/RocketRamp/Shared/Input/index.js

@@ -1,39 +1,36 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { M as s } from "../../../../tooltip-3UvETWtS.js";
-import { F as c } from "../../../../FormControl-RtZDQMdA.js";
-import { I as x } from "../../../../IconButton-DHm-hucF.js";
-import { I as f } from "../../../../Info-BVeUSPyk.js";
-import { T as u, F as l } from "../../../../TextField-DPpRUQe3.js";
-import { I as g } from "../../../../InputAdornment-DMiED3JH.js";
-const I = ({
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { Info as x } from "@mui/icons-material";
+import { FormControl as c, IconButton as s, TextField as u, FormHelperText as m, InputAdornment as f } from "@mui/material";
+import { M as g } from "../../../../tooltip-BW0UyWw7.js";
+const h = ({
   label: t,
-  highlightedLabel: i,
-  error: r,
+  highlightedLabel: r,
+  error: i,
   errorText: e,
   helperText: d,
-  backgroundColor: p,
-  labelFontWeight: m,
+  backgroundColor: a,
+  labelFontWeight: l,
   ...n
-}) => /* @__PURE__ */ a(c, { fullWidth: !0, variant: "outlined", error: r, children: [
-  t && /* @__PURE__ */ a(
+}) => /* @__PURE__ */ p(c, { fullWidth: !0, variant: "outlined", error: i, children: [
+  t && /* @__PURE__ */ p(
     "label",
     {
       style: {
-        fontSize: i ? "1.125rem" : "0.75rem",
-        fontWeight: m || 400,
-        color: i ? "black" : "#1A202C",
+        fontSize: r ? "1.125rem" : "0.75rem",
+        fontWeight: l || 400,
+        color: r ? "black" : "#1A202C",
         marginBottom: "0.2rem"
       },
       children: [
         t,
         " ",
         n.required ? "*" : null,
-        n.showInfoIcon && /* @__PURE__ */ o(s, { title: n.tooltipText, placement: "top", children: /* @__PURE__ */ o(
-          x,
+        n.showInfoIcon && /* @__PURE__ */ o(g, { title: n.tooltipText, placement: "top", children: /* @__PURE__ */ o(
+          s,
           {
             className: "info-fee-icon",
             sx: { padding: 0, paddingLeft: "5px", paddingBottom: "3px" },
-            children: /* @__PURE__ */ o(f, { style: { fontSize: "14px" } })
+            children: /* @__PURE__ */ o(x, { style: { fontSize: "14px" } })
           }
         ) })
       ]
@@ -45,17 +42,17 @@ const I = ({
       variant: "outlined",
       fullWidth: !0,
       sx: {
-        backgroundColor: p ?? "white",
-        borderColor: r ? "red" : "#1A202C"
+        backgroundColor: a ?? "white",
+        borderColor: i ? "red" : "#1A202C"
       },
-      error: r,
+      error: i,
       ...n
     }
   ),
-  e && /* @__PURE__ */ o(l, { sx: { color: "red", margin: "5px 0px" }, children: e }),
-  d && /* @__PURE__ */ o(l, { sx: { color: "#718096", margin: "5px 0px" }, children: d })
-] }), B = (t) => /* @__PURE__ */ o(
-  I,
+  e && /* @__PURE__ */ o(m, { sx: { color: "red", margin: "5px 0px" }, children: e }),
+  d && /* @__PURE__ */ o(m, { sx: { color: "#718096", margin: "5px 0px" }, children: d })
+] }), A = (t) => /* @__PURE__ */ o(
+  h,
   {
     ...t,
     inputProps: {
@@ -68,7 +65,7 @@ const I = ({
           padding: 0
         },
         endAdornment: /* @__PURE__ */ o(
-          g,
+          f,
           {
             sx: {
               backgroundColor: "#f0f0f0",
@@ -86,6 +83,6 @@ const I = ({
   }
 );
 export {
-  B as UserNameInputField,
-  I as default
+  A as UserNameInputField,
+  h as default
 };