everest-npm-features 0.0.9 → 0.0.10

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

@@ -1,79 +1,80 @@
-import { jsxs as i, Fragment as T, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, Fragment as S, jsx as r } from "react/jsx-runtime";
 import { useState as b } from "react";
-import g from "../../Shared/Button/index.js";
-import s from "../../Shared/Input/index.js";
+import T from "../../Shared/Button/index.js";
+import i from "../../Shared/Input/index.js";
 import "../../../../constants-74hrsFxy.js";
-import { f as v } from "../../../../auth-CD4Ih2jU.js";
+import { f as y } from "../../../../auth-CD4Ih2jU.js";
 import { generateRandomString as B, isValidEmail as L } from "../../../../util/functions.js";
-import { T as y } from "../../../../Typography-Du8mj1kr.js";
-import { B as W } from "../../../../Box-Bt8cGqC7.js";
-import { S as j } from "../../../../Stack-Ce-OQAtj.js";
-import { I as F } from "../../../../InputAdornment-HG4f5A6g.js";
-import { F as E } from "../../../../FormControl-C_Aq5EJK.js";
-import { F as q, C as D } from "../../../../FormControlLabel-DzW2M9Zf.js";
-import { L as V } from "../../../../Link-0ytX5jId.js";
-const A = ({
-  showAlertMessage: o,
-  loader: c,
+import { userNameRegex as W } from "../../../../util/regex.js";
+import { T as v } from "../../../../Typography-Du8mj1kr.js";
+import { B as j } from "../../../../Box-Bt8cGqC7.js";
+import { S as F } from "../../../../Stack-Ce-OQAtj.js";
+import { I as E } from "../../../../InputAdornment-HG4f5A6g.js";
+import { F as q } from "../../../../FormControl-C_Aq5EJK.js";
+import { F as D, C as V } from "../../../../FormControlLabel-DzW2M9Zf.js";
+import { L as _ } from "../../../../Link-0ytX5jId.js";
+const I = ({
+  showAlertMessage: t,
+  loader: h,
   registerInfo: e,
   setRegisterInfo: N,
   setCurrentStep: P,
-  dispatch: h,
-  validationError: t,
+  dispatch: f,
+  validationError: o,
   validationField: m
 }) => {
-  const d = B(), [p, C] = b(!1), [l, k] = b({
+  const d = B(), [p, x] = b(!1), [l, C] = b({
     firstName: !1,
     lastName: !1,
     phone: !1,
     email: !1
-  }), n = (a, f) => {
-    a === "phone" && !/^\d*$/.test(f) || (N((u) => ({
-      ...u,
-      [a]: f
-    })), k((u) => ({
-      ...u,
+  }), n = (a, u) => {
+    a === "phone" && !/^\d*$/.test(u) || a === "username" && !W.test(u) || (N((c) => ({
+      ...c,
+      [a]: u
+    })), C((c) => ({
+      ...c,
       [a]: !0
     })));
-  }, x = (a) => {
+  }, k = (a) => {
     if (a.preventDefault(), !e.firstName)
-      return o({ message: "Please provide your name." }), !1;
+      return t({ message: "Please provide your name." }), !1;
     if (!e.lastName)
-      return o({ message: "Please provide your surname." }), !1;
+      return t({ message: "Please provide your surname." }), !1;
     if (!e.phone)
-      return o({ message: "Please provide your mobile number." }), !1;
+      return t({ message: "Please provide your mobile number." }), !1;
     if (!e.email)
-      return o({ message: "Please provide email address." }), !1;
+      return t({ message: "Please provide email address." }), !1;
     if (!L(e.email))
-      return o({ message: "Please provide valid email address." }), !1;
+      return t({ message: "Please provide valid email address." }), !1;
     if (!p)
-      return o({ message: "Please accept the privacy terms." }), !1;
+      return t({ message: "Please accept the privacy terms." }), !1;
     P(2);
   }, R = () => {
-    e.phone && h(
-      v({
+    e.phone && f(
+      y({
         phone: "+1" + e.phone,
         storename: d
       })
     );
-  }, S = () => {
-    e.email && h(
-      v({
+  }, g = () => {
+    e.email && f(
+      y({
         email: e.email,
         storename: d
       })
     );
   };
-  return /* @__PURE__ */ i(T, { children: [
-    /* @__PURE__ */ i(y, { variant: "3xl", fontWeight: "bold", children: [
+  return /* @__PURE__ */ s(S, { children: [
+    /* @__PURE__ */ s(v, { variant: "3xl", fontWeight: "bold", children: [
       "Ready to join us?",
       /* @__PURE__ */ r("br", {}),
       "Tell us about yourself"
     ] }),
-    /* @__PURE__ */ r(y, { variant: "sm", children: "Please, provide the following information:" }),
-    /* @__PURE__ */ r(W, { component: "form", onSubmit: x, width: "100%", children: /* @__PURE__ */ i(j, { direction: "column", gap: 2, children: [
+    /* @__PURE__ */ r(v, { variant: "sm", children: "Please, provide the following information:" }),
+    /* @__PURE__ */ r(j, { component: "form", onSubmit: k, width: "100%", children: /* @__PURE__ */ s(F, { direction: "column", gap: 2, children: [
       /* @__PURE__ */ r(
-        s,
+        i,
         {
           value: e.firstName,
           label: "First name",
@@ -84,7 +85,7 @@ const A = ({
         }
       ),
       /* @__PURE__ */ r(
-        s,
+        i,
         {
           value: e.lastName,
           label: "Last name",
@@ -95,50 +96,50 @@ const A = ({
         }
       ),
       /* @__PURE__ */ r(
-        s,
+        i,
         {
           value: e.phone,
           label: "Mobile number",
           placeholder: "Enter your mobile number",
           onChange: (a) => n("phone", a.target.value),
           onBlur: R,
-          error: l.phone && !e.phone || m === "phone" && !!t,
-          errorText: m === "phone" ? t : "",
+          error: l.phone && !e.phone || m === "phone" && !!o,
+          errorText: m === "phone" ? o : "",
           slotProps: {
             input: {
-              startAdornment: /* @__PURE__ */ r(F, { position: "start", children: "+1" })
+              startAdornment: /* @__PURE__ */ r(E, { position: "start", children: "+1" })
             }
           }
         }
       ),
       /* @__PURE__ */ r(
-        s,
+        i,
         {
           value: e.email,
           label: "E-mail address",
           onChange: (a) => n("email", a.target.value),
-          onBlur: S,
-          error: l.email && !e.email || m === "email" && !!t,
-          errorText: m === "email" ? t : "",
+          onBlur: g,
+          error: l.email && !e.email || m === "email" && !!o,
+          errorText: m === "email" ? o : "",
           fullWidth: !0
         }
       ),
-      /* @__PURE__ */ r(E, { error: !p, component: "fieldset", children: /* @__PURE__ */ r(
-        q,
+      /* @__PURE__ */ r(q, { error: !p, component: "fieldset", children: /* @__PURE__ */ r(
+        D,
         {
           control: /* @__PURE__ */ r(
-            D,
+            V,
             {
               checked: p,
-              onChange: () => C((a) => !a),
+              onChange: () => x((a) => !a),
               color: "primary"
             }
           ),
-          label: /* @__PURE__ */ i("span", { children: [
+          label: /* @__PURE__ */ s("span", { children: [
             "I accept the",
             " ",
             /* @__PURE__ */ r(
-              V,
+              _,
               {
                 href: "https://www.rocket-ramp.com/page/privacy",
                 target: "_blank",
@@ -151,12 +152,12 @@ const A = ({
         }
       ) }),
       /* @__PURE__ */ r(
-        g,
+        T,
         {
           type: "submit",
           fullWidth: !0,
-          disabled: !!t || c,
-          isLoading: c,
+          disabled: !!o || h,
+          isLoading: h,
           children: "Next"
         }
       )
@@ -164,5 +165,5 @@ const A = ({
   ] });
 };
 export {
-  A as default
+  I as default
 };

package/dist/components/RocketRamp/Store/SignUp/storeInfo.js

@@ -1,24 +1,26 @@
-import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
-import { useState as v } from "react";
-import d from "../../Shared/Button/index.js";
-import n from "../../Shared/Input/index.js";
+import { jsxs as d, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
+import p from "../../Shared/Button/index.js";
+import u, { UserNameInputField as C } from "../../Shared/Input/index.js";
 import "../../../../constants-74hrsFxy.js";
-import { f as R } from "../../../../auth-CD4Ih2jU.js";
-import { T as c } from "../../../../Typography-Du8mj1kr.js";
-import { A as k } from "../../../../Alert-D1uo0xUN.js";
-import { B as y } from "../../../../Box-Bt8cGqC7.js";
-import { S as p } from "../../../../Stack-Ce-OQAtj.js";
-import { I as u } from "../../../../InputAdornment-HG4f5A6g.js";
-const z = ({
+import { f as k } from "../../../../auth-CD4Ih2jU.js";
+import { USERNAME_SUFFIX as w, USERNAME_TOOLTIP as T } from "../../../../util/constants.js";
+import { storeNameOnChangeRegex as P, storeNameRegex as U } from "../../../../util/regex.js";
+import { T as f } from "../../../../Typography-Du8mj1kr.js";
+import { A } from "../../../../Alert-D1uo0xUN.js";
+import { B as L } from "../../../../Box-Bt8cGqC7.js";
+import { S as h } from "../../../../Stack-Ce-OQAtj.js";
+import { I as x } from "../../../../InputAdornment-HG4f5A6g.js";
+const Y = ({
   showAlertMessage: a,
   loader: m,
-  validationError: i,
+  validationError: n,
   registerInfo: t,
-  setRegisterInfo: f,
-  dispatch: h,
-  setCurrentStep: s
+  setRegisterInfo: N,
+  dispatch: S,
+  setCurrentStep: i
 }) => {
-  const [o, x] = v(""), b = (r) => {
+  const [o, g] = c(""), [s, l] = c(""), b = (r) => {
     if (r.preventDefault(), !t.storeName)
       return a({ message: "Please provide store name." }), !1;
     if (!o)
@@ -27,39 +29,45 @@ const z = ({
       return a({
         message: "Store Name & Confirm Store Name doesn't match."
       }), !1;
-    s(3);
-  }, g = () => {
-    t.storeName && h(
-      R({
+    i(3);
+  }, v = () => {
+    l(""), t.storeName && U.test(t.storeName) ? S(
+      k({
         storename: t.storeName
       })
+    ) : l(
+      "Store name may contain only lowercase letters, numbers, and underscores"
     );
   };
-  return /* @__PURE__ */ l(N, { children: [
-    /* @__PURE__ */ e(c, { variant: "lg", fontWeight: "bold", children: "Create a name for your store to activate it." }),
-    /* @__PURE__ */ e(c, { variant: "sm", children: "You need to create your Store name, which will be visible to your customers and will appear in the URL link of your e-commerce." }),
-    /* @__PURE__ */ e(k, { severity: "info", children: "Please note that you won't be able to change your store name." }),
-    /* @__PURE__ */ e(y, { component: "form", onSubmit: b, width: "100%", children: /* @__PURE__ */ l(p, { direction: "column", gap: 2, children: [
+  return /* @__PURE__ */ d(y, { children: [
+    /* @__PURE__ */ e(f, { variant: "lg", fontWeight: "bold", children: "Create a name for your store to activate it." }),
+    /* @__PURE__ */ e(f, { variant: "sm", children: "You need to create your Store name, which will be visible to your customers and will appear in the URL link of your e-commerce." }),
+    /* @__PURE__ */ e(A, { severity: "info", children: "Please note that you won't be able to change your store name." }),
+    /* @__PURE__ */ e(L, { component: "form", onSubmit: b, width: "100%", children: /* @__PURE__ */ d(h, { direction: "column", gap: 2, children: [
       /* @__PURE__ */ e(
-        n,
+        C,
         {
+          suffix: w,
+          showInfoIcon: !0,
+          tooltipText: T,
           value: t.storeName,
           label: "Store Name",
-          placeholder: "Store Name",
-          onBlur: g,
-          onChange: (r) => f((S) => ({
-            ...S,
-            storeName: r.target.value
-          })),
-          error: !!i,
-          errorText: i,
+          onBlur: v,
+          onChange: (r) => {
+            P.test(r.target.value) && N((R) => ({
+              ...R,
+              storeName: r.target.value
+            }));
+          },
+          error: !!n || !!s,
+          errorText: n || s,
           fullWidth: !0
         }
       ),
       /* @__PURE__ */ e(
-        n,
+        u,
         {
-          value: t.storeName,
+          value: t.storeName.toLowerCase(),
           label: "Store URL Preview",
           slotProps: {
             input: {
@@ -67,7 +75,7 @@ const z = ({
                 padding: 0
               },
               startAdornment: /* @__PURE__ */ e(
-                u,
+                x,
                 {
                   sx: {
                     backgroundColor: "#f0f0f0",
@@ -80,7 +88,7 @@ const z = ({
                 }
               ),
               endAdornment: /* @__PURE__ */ e(
-                u,
+                x,
                 {
                   sx: {
                     backgroundColor: "#f0f0f0",
@@ -100,29 +108,29 @@ const z = ({
         }
       ),
       /* @__PURE__ */ e(
-        n,
+        u,
         {
           value: o,
           label: "Confirm Store Name",
           placeholder: "Confirm Store Name",
-          onChange: (r) => x(r.target.value),
+          onChange: (r) => g(r.target.value),
           fullWidth: !0
         }
       ),
       /* @__PURE__ */ e(
-        d,
+        p,
         {
           type: "submit",
-          disabled: !t.storeName || !o || !!i || m,
+          disabled: !t.storeName || !o || !!n || m,
           isLoading: m,
           children: "Next"
         }
       ),
-      /* @__PURE__ */ e(p, { direction: "row", alignItems: "flex-start", children: /* @__PURE__ */ e(
-        d,
+      /* @__PURE__ */ e(h, { direction: "row", alignItems: "flex-start", children: /* @__PURE__ */ e(
+        p,
         {
           isText: !0,
-          onClick: () => s(1),
+          onClick: () => i(1),
           sx: { fontWeight: 500, padding: 0 },
           customSize: "small",
           children: "Go back and edit"
@@ -132,5 +140,5 @@ const z = ({
   ] });
 };
 export {
-  z as default
+  Y as default
 };