everest-npm-features 0.0.9 → 0.0.10

package/dist/components/RocketRamp/Player/Buy/cardPayment.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { C as b } from "../../../../index-BMhrzXlc.js";
+import { C as b } from "../../../../index-DNVjDI72.js";
 import "../../../../index-ceeCtFuh.js";
 import "../../Shared/backBtn.js";
 import "../../../../util/functions.js";

package/dist/components/RocketRamp/Player/Buy/confirmTransaction.js

@@ -3,7 +3,7 @@ import "react";
 import "../../Shared/backBtn.js";
 import "../../../../util/functions.js";
 import "../../../../util/constants.js";
-import { a as b } from "../../../../index-BMhrzXlc.js";
+import { a as b } from "../../../../index-DNVjDI72.js";
 import "../../Shared/Button/index.js";
 import "../../../../constants-74hrsFxy.js";
 import "../../../../order-BJOkWhkX.js";

package/dist/components/RocketRamp/Player/Buy/form.js

@@ -10,7 +10,7 @@ import "../../../../order-BJOkWhkX.js";
 import "../../../Shared/tooltip.js";
 import "../../../../util/functions.js";
 import "../../Shared/Button/index.js";
-import { B as w } from "../../../../index-BMhrzXlc.js";
+import { B as w } from "../../../../index-DNVjDI72.js";
 import "../../../../Grid2-IYppkw5f.js";
 import "../../../../Box-Bt8cGqC7.js";
 import "../../../../Typography-Du8mj1kr.js";

package/dist/components/RocketRamp/Player/Buy/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../hoc/withThemeProvider.js";
-import { b as L, F as T, M as c, P as g, i as h } from "../../../../index-BMhrzXlc.js";
+import { b as L, F as T, M as c, P as g, i as h } from "../../../../index-DNVjDI72.js";
 import "../../../../util/constants.js";
 import "@incodetech/welcome";
 import "../../../../axios-BEX6n2A7.js";

package/dist/components/RocketRamp/Player/Buy/types.d.ts

@@ -5,6 +5,7 @@ import { OrderActionTypes } from 'everest-npm-api';
 export interface RocketRampBuyProps {
     partnerKey: string;
     rrBaseUrl: string;
+    checkoutSdkKey: string;
 }
 interface BaseBuySubComponentProps {
     dispatch: Dispatch<OrderActionTypes>;

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

@@ -1,130 +1,135 @@
-import { jsxs as u, Fragment as F, jsx as r } from "react/jsx-runtime";
+import { jsxs as u, Fragment as R, jsx as a } from "react/jsx-runtime";
 import { useState as d } from "react";
 import f from "../../Shared/Button/index.js";
-import m from "../../Shared/Input/index.js";
+import p, { UserNameInputField as T } from "../../Shared/Input/index.js";
 import "../../../../constants-74hrsFxy.js";
-import { e as R } from "../../../../auth-CD4Ih2jU.js";
+import { e as S } from "../../../../auth-CD4Ih2jU.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-Du8mj1kr.js";
-import { B as T } from "../../../../Box-Bt8cGqC7.js";
-import { S as b } from "../../../../Stack-Ce-OQAtj.js";
-import { I as W } from "../../../../InputAdornment-HG4f5A6g.js";
-import { F as L } from "../../../../FormControl-C_Aq5EJK.js";
-import { F as S, C as B } from "../../../../FormControlLabel-DzW2M9Zf.js";
+import { B as W } from "../../../../Box-Bt8cGqC7.js";
+import { S as y } from "../../../../Stack-Ce-OQAtj.js";
+import { I as E } from "../../../../InputAdornment-HG4f5A6g.js";
+import { F as B } from "../../../../FormControl-C_Aq5EJK.js";
+import { F as w, C as _ } from "../../../../FormControlLabel-DzW2M9Zf.js";
 import { L as j } from "../../../../Link-0ytX5jId.js";
-const Q = ({
+const I = ({
   showAlertMessage: t,
-  loader: p,
-  registerInfo: e,
-  setRegisterInfo: y,
-  setCurrentStep: c,
-  dispatch: N,
-  validationError: l,
-  storeName: k
+  loader: c,
+  registerInfo: r,
+  setRegisterInfo: N,
+  setCurrentStep: h,
+  dispatch: x,
+  validationError: m,
+  storeName: P
 }) => {
-  const [s, C] = d(!1), [o, P] = d({
+  const [l, g] = d(!1), [o, k] = d({
     username: !1,
     firstName: !1,
     lastName: !1,
     phone: !1
-  }), n = (a, h) => {
-    a === "phone" && !/^\d*$/.test(h) || (y((i) => ({
+  }), n = (e, s) => {
+    e === "phone" && !/^\d*$/.test(s) || e === "username" && !L.test(s) || (N((i) => ({
       ...i,
-      [a]: h
-    })), P((i) => ({
+      [e]: s
+    })), k((i) => ({
       ...i,
-      [a]: !0
+      [e]: !0
     })));
-  }, g = (a) => {
-    if (a.preventDefault(), !e.username)
+  }, C = (e) => {
+    if (e.preventDefault(), !r.username)
       return t({ message: "Please provide username." }), !1;
-    if (!e.firstName)
+    if (!r.firstName)
       return t({ message: "Please provide your name." }), !1;
-    if (!e.lastName)
+    if (!r.lastName)
       return t({ message: "Please provide your surname." }), !1;
-    if (!e.phone)
+    if (!r.phone)
       return t({ message: "Please provide your mobile number." }), !1;
-    if (!s)
+    if (!l)
       return t({ message: "Please accept the privacy terms." }), !1;
-    c(3);
-  }, x = () => {
-    e.username && N(
-      R({
-        email: e.email,
-        username: e.username,
-        storename: k
+    h(3);
+  }, F = () => {
+    r.username && x(
+      S({
+        email: r.email,
+        username: r.username + b,
+        storename: P
       })
     );
   };
-  return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(v, { variant: "lg", fontWeight: "500", children: "Add your personal information" }),
-    /* @__PURE__ */ r(v, { variant: "sm", children: "Please, provide the following information:" }),
-    /* @__PURE__ */ r(T, { component: "form", onSubmit: g, width: "100%", children: /* @__PURE__ */ u(b, { direction: "column", gap: 2, children: [
-      /* @__PURE__ */ r(
-        m,
+  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,
         {
-          value: e.username,
+          suffix: b,
+          value: r.username,
           label: "Username",
           placeholder: "Create a username",
-          onChange: (a) => n("username", a.target.value),
-          onBlur: x,
-          error: o.username && !e.username || !!l,
-          errorText: l,
+          onChange: (e) => n("username", e.target.value),
+          onBlur: F,
+          error: o.username && !r.username || !!m,
+          errorText: m,
+          showInfoIcon: !0,
+          tooltipText: U,
           autoFocus: !0,
           fullWidth: !0
         }
       ),
-      /* @__PURE__ */ r(
-        m,
+      /* @__PURE__ */ a(
+        p,
         {
-          value: e.firstName,
+          value: r.firstName,
           label: "First name",
           placeholder: "Enter your name",
-          onChange: (a) => n("firstName", a.target.value),
-          error: o.firstName && !e.firstName,
+          onChange: (e) => n("firstName", e.target.value),
+          error: o.firstName && !r.firstName,
           fullWidth: !0
         }
       ),
-      /* @__PURE__ */ r(
-        m,
+      /* @__PURE__ */ a(
+        p,
         {
-          value: e.lastName,
+          value: r.lastName,
           label: "Last name",
           placeholder: "Enter your surname",
-          onChange: (a) => n("lastName", a.target.value),
-          error: o.lastName && !e.lastName,
+          onChange: (e) => n("lastName", e.target.value),
+          error: o.lastName && !r.lastName,
           fullWidth: !0
         }
       ),
-      /* @__PURE__ */ r(
-        m,
+      /* @__PURE__ */ a(
+        p,
         {
-          value: e.phone,
+          value: r.phone,
           label: "Mobile number",
           placeholder: "Enter your mobile number",
-          onChange: (a) => n("phone", a.target.value),
-          error: o.phone && !e.phone,
+          onChange: (e) => n("phone", e.target.value),
+          error: o.phone && !r.phone,
           slotProps: {
             input: {
-              startAdornment: /* @__PURE__ */ r(W, { position: "start", children: "+1" })
+              startAdornment: /* @__PURE__ */ a(E, { position: "start", children: "+1" })
             }
           }
         }
       ),
-      /* @__PURE__ */ r(L, { error: !s, component: "fieldset", children: /* @__PURE__ */ r(
-        S,
+      /* @__PURE__ */ a(B, { error: !l, component: "fieldset", children: /* @__PURE__ */ a(
+        w,
         {
-          control: /* @__PURE__ */ r(
-            B,
+          control: /* @__PURE__ */ a(
+            _,
             {
-              checked: s,
-              onChange: () => C((a) => !a),
+              checked: l,
+              onChange: () => g((e) => !e),
               color: "primary"
             }
           ),
           label: /* @__PURE__ */ u("span", { children: [
             "I accept the",
             " ",
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ a(
               j,
               {
                 href: "https://www.rocket-ramp.com/page/privacy",
@@ -137,21 +142,21 @@ const Q = ({
           ] })
         }
       ) }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ a(
         f,
         {
           type: "submit",
           fullWidth: !0,
-          disabled: !!l || p,
-          isLoading: p,
+          disabled: !!m || c,
+          isLoading: c,
           children: "Submit"
         }
       ),
-      /* @__PURE__ */ r(b, { direction: "row", alignItems: "flex-start", children: /* @__PURE__ */ r(
+      /* @__PURE__ */ a(y, { direction: "row", alignItems: "flex-start", children: /* @__PURE__ */ a(
         f,
         {
           isText: !0,
-          onClick: () => c(1),
+          onClick: () => h(1),
           sx: { fontWeight: 500, padding: 0 },
           customSize: "small",
           children: "Go back and edit"
@@ -161,5 +166,5 @@ const Q = ({
   ] });
 };
 export {
-  Q as default
+  I as default
 };

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

@@ -1,31 +1,31 @@
 import { jsxs as r, Fragment as R, jsx as t } from "react/jsx-runtime";
-import u from "../../Shared/Button/index.js";
+import h from "../../Shared/Button/index.js";
 import P from "../../Shared/Input/index.js";
-import { useState as l, useEffect as f } from "react";
-import { RESEND_EMAIL_TIMER as p } from "../../../../util/constants.js";
+import { useState as l, useEffect as u } from "react";
+import { RESEND_EMAIL_TIMER as f } from "../../../../util/constants.js";
 import { T as a } from "../../../../Typography-Du8mj1kr.js";
 import { B as C } from "../../../../Box-Bt8cGqC7.js";
 import { S as d } from "../../../../Stack-Ce-OQAtj.js";
 const _ = ({
   showAlertMessage: o,
-  loader: c,
+  loader: p,
   otpLoader: g,
   registerInfo: v,
   initVerifyRegister: y,
   initReSendOtp: E
 }) => {
-  const [e, S] = l(""), [x, m] = l(!1), [n, h] = l(p);
-  f(() => {
+  const [e, S] = l(""), [x, c] = l(!1), [n, m] = l(f);
+  u(() => {
     if (n === 0) return;
     const i = setInterval(() => {
-      h((s) => s - 1);
+      m((s) => s - 1);
     }, 1e3);
     return () => clearInterval(i);
-  }, [n]), f(() => {
-    m(e ? e.length !== 6 : !1);
+  }, [n]), u(() => {
+    c(e ? e.length !== 6 : !1);
   }, [e]);
   const T = () => {
-    E(), h(p), o({
+    E(), m(f), o({
       message: "A new OTP has been send to the given email address.",
       type: "success",
       duration: 6e3
@@ -70,7 +70,7 @@ const _ = ({
           b(n)
         ] }),
         /* @__PURE__ */ t(
-          u,
+          h,
           {
             onClick: T,
             customSize: "medium",
@@ -83,12 +83,12 @@ const _ = ({
         )
       ] }),
       /* @__PURE__ */ t(d, { direction: "row", spacing: 2, justifyContent: "flex-end", children: /* @__PURE__ */ t(
-        u,
+        h,
         {
           onClick: k,
           fullWidth: !0,
-          disabled: !c,
-          isLoading: c,
+          disabled: !e,
+          isLoading: p,
           children: "Confirm"
         }
       ) })

package/dist/components/RocketRamp/Shared/Input/index.d.ts

@@ -3,10 +3,16 @@ interface RocketRampInputProps extends Omit<InputProps, "onInvalid" | "onKeyDown
     label?: string;
     errorText?: string;
     helperText?: string;
+    showInfoIcon?: boolean;
+    tooltipText?: string;
     highlightedLabel?: boolean;
     backgroundColor?: string;
     labelFontWeight?: number;
     slotProps?: Record<string, any>;
 }
+interface UserNameInputProps extends RocketRampInputProps {
+    suffix: string;
+}
 declare const RocketRampInput: ({ label, highlightedLabel, error, errorText, helperText, backgroundColor, labelFontWeight, ...props }: RocketRampInputProps) => import("react/jsx-runtime").JSX.Element;
 export default RocketRampInput;
+export declare const UserNameInputField: (props: UserNameInputProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,48 +1,87 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import s from "../../../Shared/tooltip.js";
 import { F as c } from "../../../../FormControl-C_Aq5EJK.js";
-import { T as s, F as a } from "../../../../TextField-CWAqkoYU.js";
-const C = ({
+import { I as x } from "../../../../IconButton-DS04obIe.js";
+import { I as f } from "../../../../Info-DTcjrneu.js";
+import { T as u, F as a } from "../../../../TextField-CWAqkoYU.js";
+import { I } from "../../../../InputAdornment-HG4f5A6g.js";
+const g = ({
   label: t,
-  highlightedLabel: e,
-  error: r,
-  errorText: i,
-  helperText: l,
-  backgroundColor: u,
-  labelFontWeight: n,
-  ...m
-}) => /* @__PURE__ */ d(c, { fullWidth: !0, variant: "outlined", error: r, children: [
-  t && /* @__PURE__ */ d(
+  highlightedLabel: i,
+  error: n,
+  errorText: e,
+  helperText: d,
+  backgroundColor: p,
+  labelFontWeight: l,
+  ...r
+}) => /* @__PURE__ */ m(c, { fullWidth: !0, variant: "outlined", error: n, children: [
+  t && /* @__PURE__ */ m(
     "label",
     {
       style: {
-        fontSize: e ? "1.125rem" : "0.75rem",
-        fontWeight: n || 400,
-        color: e ? "black" : "#1A202C",
+        fontSize: i ? "1.125rem" : "0.75rem",
+        fontWeight: l || 400,
+        color: i ? "black" : "#1A202C",
         marginBottom: "0.2rem"
       },
       children: [
         t,
         " ",
-        m.required ? "*" : null
+        r.required ? "*" : null,
+        r.showInfoIcon && /* @__PURE__ */ o(s, { title: r.tooltipText, placement: "top", children: /* @__PURE__ */ o(
+          x,
+          {
+            className: "info-fee-icon",
+            sx: { padding: 0, paddingLeft: "5px", paddingBottom: "3px" },
+            children: /* @__PURE__ */ o(f, { style: { fontSize: "14px" } })
+          }
+        ) })
       ]
     }
   ),
   /* @__PURE__ */ o(
-    s,
+    u,
     {
       variant: "outlined",
       fullWidth: !0,
       sx: {
-        backgroundColor: u ?? "white",
-        borderColor: r ? "red" : "#1A202C"
+        backgroundColor: p ?? "white",
+        borderColor: n ? "red" : "#1A202C"
       },
-      error: r,
-      ...m
+      error: n,
+      ...r
     }
   ),
-  i && /* @__PURE__ */ o(a, { sx: { color: "red", margin: "5px 0px" }, children: i }),
-  l && /* @__PURE__ */ o(a, { sx: { color: "#718096", margin: "5px 0px" }, children: l })
-] });
+  e && /* @__PURE__ */ o(a, { sx: { color: "red", margin: "5px 0px" }, children: e }),
+  d && /* @__PURE__ */ o(a, { sx: { color: "#718096", margin: "5px 0px" }, children: d })
+] }), B = (t) => /* @__PURE__ */ o(
+  g,
+  {
+    ...t,
+    slotProps: {
+      input: {
+        sx: {
+          padding: 0
+        },
+        endAdornment: /* @__PURE__ */ o(
+          I,
+          {
+            sx: {
+              backgroundColor: "#f0f0f0",
+              border: "1px solid #ccc",
+              padding: "27px 15px",
+              borderRadius: "0 4px 4px 0",
+              marginRight: "0px"
+            },
+            position: "start",
+            children: t.suffix
+          }
+        )
+      }
+    }
+  }
+);
 export {
-  C as default
+  B as UserNameInputField,
+  g as default
 };