@dashadmin/dash-app-common 1.3.25 → 1.3.28

package/dist/defaults/pages/Account/DashDefaultSignUp.js

@@ -1 +1,420 @@
-import{Fragment as Ne,jsx as e,jsxs as s}from"react/jsx-runtime";import Z,{createRef as ee,useEffect as D,useState as m}from"react";import{useDispatch as re}from"react-redux";import{useForm as te}from"react-hook-form";import _ from"@mui/material/Button";import{useNavigate as ae}from"react-router-dom";import{useNotify as oe}from"react-admin";import ie from"react-google-recaptcha";import{Grid as l,IconButton as se,TextField as c,Card as ne,CardContent as le,Typography as d,Box as x,Chip as ce,FormControl as de,FormLabel as me,Divider as pe,Alert as ue,useTheme as ge,useMediaQuery as he}from"@mui/material";import fe from"@mui/icons-material/Home";import ye from"@mui/icons-material/CheckCircle";import be from"@mui/icons-material/Google";import{DASH_REDUX_ACTIONS as ve}from"@dashadmin/dash-admin-state";import Ce from"@dashadmin/dash-admin/src/contexts/dictionary/DictionaryContext";import{useAxios as _e}from"@dashadmin/dash-axios-hook";import{useDialog as xe}from"@dashadmin/dash-dialog";import{DASHAdminSystemConstants as h}from"@dashadmin/dash-constants";import{RutValidator as Pe}from"@dashadmin/dash-admin/src/utils/validators";import Se from"@dashadmin/dash-admin/src/default-theme/FullLayoutMarkup";import{priceFormatter as Te}from"@dashadmin/dash-utils";const we=E=>{const{panelSettings:P,showRutField:U=!0}=E,f=h.system.RECAPTCHA_ENABLED,S=h.system.GOOGLE_SIGNUP!==!1,u=ee(),[T,W]=m(null),[w,z]=m([]),[o,N]=m(null),[y,A]=m(!1),[I,q]=m(!0),[G,B]=m(!1),H=ge(),F=he(H.breakpoints.down("sm")),V=re(),$=xe(),L=Z.useContext(Ce),b=ae(),M=te(),{register:n,handleSubmit:O,setError:v,clearErrors:C,formState:{errors:t},setValue:R,watch:Ae}=M,k=_e(),p=oe(),Y=r=>{C("g-recaptcha-response"),W(r)};D(()=>{(async()=>{try{q(!0);const a=await k.get("/subscription-plans");a.data?.data&&(z(a.data.data),a.data.data.length>0&&(N(a.data.data[0].id),R("selected_plan_id",a.data.data[0].id)))}catch(a){console.error("Error loading subscription plans:",a),p("Error loading subscription plans",{type:"warning"})}finally{q(!1)}})()},[]),D(()=>{V(ve.updatePage({title:null}))},[]);const K=r=>{N(r),R("selected_plan_id",r),C("selected_plan_id")},Q=async()=>{if(!S){p("Google signup is currently disabled",{type:"warning"});return}try{B(!0);const r=h.system.API_URL+`/api/auth/google/redirect?signup=true&plan_id=${o||""}`;window.location.href=r}catch(r){console.error("Google authentication error:",r),p("Google authentication error",{type:"error"})}finally{B(!1)}};async function X(r){try{if(A(!0),C(),!o){v("selected_plan_id",{type:"required",message:"Please select a subscription plan"});return}if(r.clientname){const i="client[name]";r[i]=r.clientname,delete r.clientname}if(r.selected_plan_id=o,f){const i=u.current&&u.current.getValue?u.current.getValue():T;r["g-recaptcha-response"]=i}(await k.post("/auth/user/signup",r,{headers:{"Content-Type":"multipart/form-data"}})).status>=200?(p("Account created successfully!",{type:"success"}),b("/signup-success",{state:{email:r.email,planName:w.find(i=>i.id===o)?.name}})):$({variant:"danger",title:"Error",content:"An error occurred, please try again"})}catch(a){if(console.error("SignUp error:",a),a.response?.data?.errors){const i=a.response.data.errors;for(const g in i)g==="client.name"?v("clientname",{type:"custom",message:L.get(i[g],!0)}):v(g,{type:"custom",message:L.get(i[g],!0)})}else p("Registration error occurred",{type:"error"})}finally{A(!1)}}const j=(r,a)=>`${Te(r,"USD")}/${a==="monthly"?"mo":"yr"}`,J=r=>r>0?`${r} days free trial`:"No trial period";return e(Se,{className:"dash-signup",logo:P?.horizontalLogo,loginBackground:P?.loginBackground,children:s("form",{onSubmit:O(X),className:"dash-app-login-form",children:[s(x,{sx:{display:"flex",alignItems:"center",mb:4,mt:2,gap:1},children:[e(se,{color:"primary",size:"large",onClick:()=>b("/"),children:e(fe,{})}),e(d,{variant:F?"h5":"h4",component:"h1",className:"dash-app-login-form-title",sx:{fontWeight:"bold"},children:"Create Your Account"})]}),S&&s(Ne,{children:[e("div",{className:"dash-app-form-item",children:e(_,{fullWidth:!0,variant:"outlined",startIcon:e(be,{}),onClick:Q,disabled:G||!o,size:"large",children:G?"Connecting...":"Continue with Google"})}),e(pe,{sx:{my:3},children:e(d,{variant:"body2",color:"textSecondary",children:"or sign up with email"})})]}),e("div",{className:"dash-app-form-item",children:s(de,{component:"fieldset",fullWidth:!0,children:[e(me,{component:"legend",children:e(d,{variant:F?"h6":"h5",gutterBottom:!0,children:"Choose Your Plan"})}),I?e(x,{display:"flex",justifyContent:"center",p:2,children:e(d,{children:"Loading plans..."})}):e(l,{container:!0,spacing:2,children:w.map(r=>e(l,{size:{xs:12,sm:6,md:4},children:e(ne,{variant:o===r.id?"outlined":"elevation",sx:{cursor:"pointer",border:o===r.id?2:1,borderColor:o===r.id?"primary.main":"divider","&:hover":{borderColor:"primary.main"},height:"100%"},onClick:()=>K(r.id),children:s(le,{children:[s(x,{display:"flex",alignItems:"center",mb:2,children:[e(d,{variant:"h6",children:r.name}),o===r.id&&e(ye,{color:"primary",sx:{ml:"auto"}})]}),s(d,{variant:"h4",color:"primary",gutterBottom:!0,children:["$",j(r.price,r.billing_cycle)]}),e(ce,{label:J(r.trial_days),color:"secondary",size:"small",sx:{mb:2}}),e(d,{variant:"body2",color:"textSecondary",children:r.description})]})})},r.id))}),t.selected_plan_id&&e(ue,{severity:"error",sx:{mt:2},children:t.selected_plan_id.message})]})}),e(d,{variant:"h6",gutterBottom:!0,sx:{mt:4},children:"Account Information"}),e("div",{className:"dash-app-form-item",children:e(c,{label:"Email",required:!0,fullWidth:!0,...n("email",{required:"Email is required"}),inputProps:{type:"email"},error:!!t.email,helperText:t.email?.message})}),e("div",{className:"dash-app-form-item",children:e(c,{label:"Business Name",required:!0,fullWidth:!0,...n("clientname",{required:"Business name is required"}),error:!!t.clientname,helperText:t.clientname?.message})}),U&&e("div",{className:"dash-app-form-item",children:e(c,{label:"RUT",placeholder:"11.111.111-1",fullWidth:!0,...n("public_id",{validate:Pe}),error:!!t.public_id,helperText:t.public_id?.message})}),s(l,{container:!0,spacing:2,children:[e(l,{size:{xs:12,sm:6},children:e("div",{className:"dash-app-form-item",children:e(c,{label:"First Name",required:!0,fullWidth:!0,...n("name",{required:"First name is required"}),error:!!t.name,helperText:t.name?.message})})}),e(l,{size:{xs:12,sm:6},children:e("div",{className:"dash-app-form-item",children:e(c,{label:"Last Name",required:!0,fullWidth:!0,...n("lastname",{required:"Last name is required"}),error:!!t.lastname,helperText:t.lastname?.message})})})]}),s(l,{container:!0,spacing:2,children:[e(l,{size:{xs:12,sm:6},children:e("div",{className:"dash-app-form-item",children:e(c,{label:"Password",type:"password",required:!0,fullWidth:!0,...n("password",{required:"Password is required",minLength:{value:8,message:"Password must be at least 8 characters"}}),error:!!t.password,helperText:t.password?.message})})}),e(l,{size:{xs:12,sm:6},children:e("div",{className:"dash-app-form-item",children:e(c,{label:"Confirm Password",type:"password",required:!0,fullWidth:!0,...n("confirm_password",{required:"Please confirm your password"}),error:!!t.confirm_password,helperText:t.confirm_password?.message})})})]}),e("div",{className:"dash-app-form-item",children:e(c,{label:"Contact Phone",placeholder:"+1 234 567 8900",required:!0,fullWidth:!0,...n("phone",{required:"Phone number is required"}),error:!!t.phone,helperText:t.phone?.message})}),f&&e("div",{className:"dash-app-form-item",children:e(ie,{ref:u,sitekey:h.system.RECAPTCHA_TOKEN,onChange:Y})}),e("div",{className:"dash-app-form-item",children:e(_,{disabled:!T&&f||y||!o,type:"submit",fullWidth:!0,variant:"contained",size:"large",children:y?"Creating Account...":"Create Account & Start Trial"})}),e("div",{className:"dash-app-form-item",children:e(_,{fullWidth:!0,onClick:()=>b("/"),disabled:y,children:"Cancel"})})]})})};var Ke=we;export{Ke as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { createRef, useEffect, useState } from "react";
+import { useDispatch } from "react-redux";
+import { useForm } from "react-hook-form";
+import Button from "@mui/material/Button";
+import { useNavigate } from "react-router-dom";
+import { useNotify } from "react-admin";
+import ReCAPTCHA from "react-google-recaptcha";
+import {
+  Grid,
+  IconButton,
+  TextField,
+  Card,
+  CardContent,
+  Typography,
+  Box,
+  Chip,
+  FormControl,
+  FormLabel,
+  Divider,
+  Alert,
+  useTheme,
+  useMediaQuery
+} from "@mui/material";
+import HomeIcon from "@mui/icons-material/Home";
+import CheckCircleIcon from "@mui/icons-material/CheckCircle";
+import GoogleIcon from "@mui/icons-material/Google";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import DictionaryContext from "dash-admin/src/contexts/dictionary/DictionaryContext";
+import { useAxios } from "dash-axios-hook";
+import { useDialog } from "dash-dialog";
+import { DASHAdminSystemConstants } from "dash-constants";
+import { RutValidator } from "dash-admin/src/utils/validators";
+import FullLayoutMarkup from "dash-admin/src/default-theme/FullLayoutMarkup";
+import { priceFormatter } from "dash-utils";
+const DefaultSignUpPage = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const { panelSettings, showRutField = true } = props;
+  const enableRecaptcha = DASHAdminSystemConstants.system.RECAPTCHA_ENABLED;
+  const enableGoogleSignup = DASHAdminSystemConstants.system.GOOGLE_SIGNUP !== false;
+  const recaptchaRef = createRef();
+  const [recpatcha, setRecaptcha] = useState(null);
+  const [plans, setPlans] = useState([]);
+  const [selectedPlan, setSelectedPlan] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [plansLoading, setPlansLoading] = useState(true);
+  const [googleAuthLoading, setGoogleAuthLoading] = useState(false);
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+  const dispatch = useDispatch();
+  const dialog = useDialog();
+  const dict = React.useContext(DictionaryContext);
+  const navigate = useNavigate();
+  const form = useForm();
+  const {
+    register,
+    handleSubmit,
+    setError,
+    clearErrors,
+    formState: { errors },
+    setValue,
+    watch
+  } = form;
+  const axios = useAxios();
+  const notify = useNotify();
+  const onChangeRecaptcha = (value) => {
+    clearErrors("g-recaptcha-response");
+    setRecaptcha(value);
+  };
+  useEffect(() => {
+    const loadPlans = () => __async(null, null, function* () {
+      var _a2;
+      try {
+        setPlansLoading(true);
+        const response = yield axios.get("/subscription-plans");
+        if ((_a2 = response.data) == null ? void 0 : _a2.data) {
+          setPlans(response.data.data);
+          if (response.data.data.length > 0) {
+            setSelectedPlan(response.data.data[0].id);
+            setValue("selected_plan_id", response.data.data[0].id);
+          }
+        }
+      } catch (error) {
+        console.error("Error loading subscription plans:", error);
+        notify("Error loading subscription plans", { type: "warning" });
+      } finally {
+        setPlansLoading(false);
+      }
+    });
+    loadPlans();
+  }, []);
+  useEffect(() => {
+    dispatch(
+      DASH_REDUX_ACTIONS.updatePage({
+        title: null
+      })
+    );
+  }, []);
+  const handlePlanSelection = (planId) => {
+    setSelectedPlan(planId);
+    setValue("selected_plan_id", planId);
+    clearErrors("selected_plan_id");
+  };
+  const handleGoogleSignUp = () => __async(null, null, function* () {
+    if (!enableGoogleSignup) {
+      notify("Google signup is currently disabled", { type: "warning" });
+      return;
+    }
+    try {
+      setGoogleAuthLoading(true);
+      const googleAuthUrl = DASHAdminSystemConstants.system.API_URL + `/api/auth/google/redirect?signup=true&plan_id=${selectedPlan || ""}`;
+      window.location.href = googleAuthUrl;
+    } catch (error) {
+      console.error("Google authentication error:", error);
+      notify("Google authentication error", { type: "error" });
+    } finally {
+      setGoogleAuthLoading(false);
+    }
+  });
+  function onSubmit(data) {
+    return __async(this, null, function* () {
+      var _a2, _b2, _c2;
+      try {
+        setLoading(true);
+        clearErrors();
+        if (!selectedPlan) {
+          setError("selected_plan_id", {
+            type: "required",
+            message: "Please select a subscription plan"
+          });
+          return;
+        }
+        if (data.clientname) {
+          const bracketed_name = "client[name]";
+          data[bracketed_name] = data.clientname;
+          delete data.clientname;
+        }
+        data.selected_plan_id = selectedPlan;
+        if (enableRecaptcha) {
+          const recaptchaValue = recaptchaRef.current && recaptchaRef.current.getValue ? recaptchaRef.current.getValue() : recpatcha;
+          data["g-recaptcha-response"] = recaptchaValue;
+        }
+        const response = yield axios.post("/auth/user/signup", data, {
+          headers: { "Content-Type": "multipart/form-data" }
+        });
+        if (response.status >= 200) {
+          notify("Account created successfully!", { type: "success" });
+          navigate("/signup-success", {
+            state: {
+              email: data.email,
+              planName: (_a2 = plans.find((p) => p.id === selectedPlan)) == null ? void 0 : _a2.name
+            }
+          });
+        } else {
+          dialog({
+            variant: "danger",
+            title: "Error",
+            content: "An error occurred, please try again"
+          });
+        }
+      } catch (error) {
+        console.error("SignUp error:", error);
+        if ((_c2 = (_b2 = error.response) == null ? void 0 : _b2.data) == null ? void 0 : _c2.errors) {
+          const errors2 = error.response.data.errors;
+          for (const key in errors2) {
+            if (key === "client.name") {
+              setError("clientname", {
+                type: "custom",
+                message: dict.get(errors2[key], true)
+              });
+            } else {
+              setError(key, {
+                type: "custom",
+                message: dict.get(errors2[key], true)
+              });
+            }
+          }
+        } else {
+          notify("Registration error occurred", { type: "error" });
+        }
+      } finally {
+        setLoading(false);
+      }
+    });
+  }
+  const formatPrice = (price, billingCycle) => {
+    return `${priceFormatter(price, "USD")}/${billingCycle === "monthly" ? "mo" : "yr"}`;
+  };
+  const getTrialText = (trialDays) => {
+    return trialDays > 0 ? `${trialDays} days free trial` : "No trial period";
+  };
+  return /* @__PURE__ */ jsx(
+    FullLayoutMarkup,
+    {
+      className: "dash-signup",
+      logo: panelSettings == null ? void 0 : panelSettings.horizontalLogo,
+      loginBackground: panelSettings == null ? void 0 : panelSettings.loginBackground,
+      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "dash-app-login-form", children: [
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", mb: 4, mt: 2, gap: 1 }, children: [
+          /* @__PURE__ */ jsx(IconButton, { color: "primary", size: "large", onClick: () => navigate("/"), children: /* @__PURE__ */ jsx(HomeIcon, {}) }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: isMobile ? "h5" : "h4",
+              component: "h1",
+              className: "dash-app-login-form-title",
+              sx: { fontWeight: "bold" },
+              children: "Create Your Account"
+            }
+          )
+        ] }),
+        enableGoogleSignup && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              fullWidth: true,
+              variant: "outlined",
+              startIcon: /* @__PURE__ */ jsx(GoogleIcon, {}),
+              onClick: handleGoogleSignUp,
+              disabled: googleAuthLoading || !selectedPlan,
+              size: "large",
+              children: googleAuthLoading ? "Connecting..." : "Continue with Google"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Divider, { sx: { my: 3 }, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "or sign up with email" }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", fullWidth: true, children: [
+          /* @__PURE__ */ jsx(FormLabel, { component: "legend", children: /* @__PURE__ */ jsx(Typography, { variant: isMobile ? "h6" : "h5", gutterBottom: true, children: "Choose Your Plan" }) }),
+          plansLoading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: 2, children: /* @__PURE__ */ jsx(Typography, { children: "Loading plans..." }) }) : /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: plans.map((plan) => /* @__PURE__ */ jsx(Grid, { size: { xs: 12, sm: 6, md: 4 }, children: /* @__PURE__ */ jsx(
+            Card,
+            {
+              variant: selectedPlan === plan.id ? "outlined" : "elevation",
+              sx: {
+                cursor: "pointer",
+                border: selectedPlan === plan.id ? 2 : 1,
+                borderColor: selectedPlan === plan.id ? "primary.main" : "divider",
+                "&:hover": { borderColor: "primary.main" },
+                height: "100%"
+              },
+              onClick: () => handlePlanSelection(plan.id),
+              children: /* @__PURE__ */ jsxs(CardContent, { children: [
+                /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mb: 2, children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "h6", children: plan.name }),
+                  selectedPlan === plan.id && /* @__PURE__ */ jsx(CheckCircleIcon, { color: "primary", sx: { ml: "auto" } })
+                ] }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "h4", color: "primary", gutterBottom: true, children: [
+                  "$",
+                  formatPrice(plan.price, plan.billing_cycle)
+                ] }),
+                /* @__PURE__ */ jsx(Chip, { label: getTrialText(plan.trial_days), color: "secondary", size: "small", sx: { mb: 2 } }),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: plan.description })
+              ] })
+            }
+          ) }, plan.id)) }),
+          errors.selected_plan_id && /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { mt: 2 }, children: errors.selected_plan_id.message })
+        ] }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, sx: { mt: 4 }, children: "Account Information" }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+          TextField,
+          __spreadProps(__spreadValues({
+            label: "Email",
+            required: true,
+            fullWidth: true
+          }, register("email", { required: "Email is required" })), {
+            inputProps: { type: "email" },
+            error: !!errors.email,
+            helperText: (_a = errors.email) == null ? void 0 : _a.message
+          })
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+          TextField,
+          __spreadProps(__spreadValues({
+            label: "Business Name",
+            required: true,
+            fullWidth: true
+          }, register("clientname", { required: "Business name is required" })), {
+            error: !!errors.clientname,
+            helperText: (_b = errors.clientname) == null ? void 0 : _b.message
+          })
+        ) }),
+        showRutField && /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+          TextField,
+          __spreadProps(__spreadValues({
+            label: "RUT",
+            placeholder: "11.111.111-1",
+            fullWidth: true
+          }, register("public_id", { validate: RutValidator })), {
+            error: !!errors.public_id,
+            helperText: (_c = errors.public_id) == null ? void 0 : _c.message
+          })
+        ) }),
+        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+          /* @__PURE__ */ jsx(Grid, { size: { xs: 12, sm: 6 }, children: /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+            TextField,
+            __spreadProps(__spreadValues({
+              label: "First Name",
+              required: true,
+              fullWidth: true
+            }, register("name", { required: "First name is required" })), {
+              error: !!errors.name,
+              helperText: (_d = errors.name) == null ? void 0 : _d.message
+            })
+          ) }) }),
+          /* @__PURE__ */ jsx(Grid, { size: { xs: 12, sm: 6 }, children: /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+            TextField,
+            __spreadProps(__spreadValues({
+              label: "Last Name",
+              required: true,
+              fullWidth: true
+            }, register("lastname", { required: "Last name is required" })), {
+              error: !!errors.lastname,
+              helperText: (_e = errors.lastname) == null ? void 0 : _e.message
+            })
+          ) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+          /* @__PURE__ */ jsx(Grid, { size: { xs: 12, sm: 6 }, children: /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+            TextField,
+            __spreadProps(__spreadValues({
+              label: "Password",
+              type: "password",
+              required: true,
+              fullWidth: true
+            }, register("password", { required: "Password is required", minLength: { value: 8, message: "Password must be at least 8 characters" } })), {
+              error: !!errors.password,
+              helperText: (_f = errors.password) == null ? void 0 : _f.message
+            })
+          ) }) }),
+          /* @__PURE__ */ jsx(Grid, { size: { xs: 12, sm: 6 }, children: /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+            TextField,
+            __spreadProps(__spreadValues({
+              label: "Confirm Password",
+              type: "password",
+              required: true,
+              fullWidth: true
+            }, register("confirm_password", { required: "Please confirm your password" })), {
+              error: !!errors.confirm_password,
+              helperText: (_g = errors.confirm_password) == null ? void 0 : _g.message
+            })
+          ) }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+          TextField,
+          __spreadProps(__spreadValues({
+            label: "Contact Phone",
+            placeholder: "+1 234 567 8900",
+            required: true,
+            fullWidth: true
+          }, register("phone", { required: "Phone number is required" })), {
+            error: !!errors.phone,
+            helperText: (_h = errors.phone) == null ? void 0 : _h.message
+          })
+        ) }),
+        enableRecaptcha && /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+          ReCAPTCHA,
+          {
+            ref: recaptchaRef,
+            sitekey: DASHAdminSystemConstants.system.RECAPTCHA_TOKEN,
+            onChange: onChangeRecaptcha
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: !recpatcha && enableRecaptcha || loading || !selectedPlan,
+            type: "submit",
+            fullWidth: true,
+            variant: "contained",
+            size: "large",
+            children: loading ? "Creating Account..." : "Create Account & Start Trial"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "dash-app-form-item", children: /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: () => navigate("/"), disabled: loading, children: "Cancel" }) })
+      ] })
+    }
+  );
+};
+var DashDefaultSignUp_default = DefaultSignUpPage;
+export {
+  DashDefaultSignUp_default as default
+};

package/dist/defaults/pages/Account/DashDefaultSignUpSuccess.js

@@ -1 +1,101 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useLocation as p,useNavigate as g}from"react-router-dom";import{Box as i,Typography as a,Button as l,Paper as u,Container as m}from"@mui/material";import f from"@mui/icons-material/CheckCircleOutline";import y from"@mui/icons-material/Email";import d from"@dashadmin/dash-admin/src/default-theme/FullLayoutMarkup";const h=s=>{const{panelSettings:n}=s,c=p(),r=g(),t=c.state;return o(d,{className:"dash-signup-success",logo:n?.horizontalLogo,loginBackground:n?.loginBackground,children:o(m,{maxWidth:"sm",children:e(u,{elevation:3,sx:{p:4,textAlign:"center",borderRadius:2},children:[o(f,{color:"success",sx:{fontSize:80,mb:2}}),o(a,{variant:"h4",component:"h1",gutterBottom:!0,children:"Account Created Successfully!"}),e(a,{variant:"body1",color:"textSecondary",paragraph:!0,children:["Thank you for signing up",t?.planName?` for the ${t.planName} plan`:"","."]}),e(i,{sx:{display:"flex",alignItems:"center",justifyContent:"center",bgcolor:"info.light",borderRadius:1,p:2,my:3},children:[o(y,{sx:{mr:1,color:"info.dark"}}),e(a,{variant:"body2",color:"info.dark",children:["We've sent a verification email to ",o("strong",{children:t?.email||"your email address"}),". Please check your inbox and verify your email to complete the registration."]})]}),o(a,{variant:"body2",color:"textSecondary",paragraph:!0,children:"If you don't see the email, please check your spam folder or request a new verification email."}),e(i,{sx:{mt:4,display:"flex",flexDirection:"column",gap:2},children:[o(l,{variant:"contained",color:"primary",size:"large",onClick:()=>r("/login"),fullWidth:!0,children:"Go to Login"}),o(l,{variant:"outlined",onClick:()=>r("/"),fullWidth:!0,children:"Back to Home"})]})]})})})};var P=h;export{P as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocation, useNavigate } from "react-router-dom";
+import {
+  Box,
+  Typography,
+  Button,
+  Paper,
+  Container
+} from "@mui/material";
+import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
+import EmailIcon from "@mui/icons-material/Email";
+import FullLayoutMarkup from "dash-admin/src/default-theme/FullLayoutMarkup";
+const DefaultSignUpSuccessPage = (props) => {
+  const { panelSettings } = props;
+  const location = useLocation();
+  const navigate = useNavigate();
+  const state = location.state;
+  return /* @__PURE__ */ jsx(
+    FullLayoutMarkup,
+    {
+      className: "dash-signup-success",
+      logo: panelSettings == null ? void 0 : panelSettings.horizontalLogo,
+      loginBackground: panelSettings == null ? void 0 : panelSettings.loginBackground,
+      children: /* @__PURE__ */ jsx(Container, { maxWidth: "sm", children: /* @__PURE__ */ jsxs(
+        Paper,
+        {
+          elevation: 3,
+          sx: {
+            p: 4,
+            textAlign: "center",
+            borderRadius: 2
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              CheckCircleOutlineIcon,
+              {
+                color: "success",
+                sx: { fontSize: 80, mb: 2 }
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { variant: "h4", component: "h1", gutterBottom: true, children: "Account Created Successfully!" }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "body1", color: "textSecondary", paragraph: true, children: [
+              "Thank you for signing up",
+              (state == null ? void 0 : state.planName) ? ` for the ${state.planName} plan` : "",
+              "."
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  bgcolor: "info.light",
+                  borderRadius: 1,
+                  p: 2,
+                  my: 3
+                },
+                children: [
+                  /* @__PURE__ */ jsx(EmailIcon, { sx: { mr: 1, color: "info.dark" } }),
+                  /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "info.dark", children: [
+                    "We've sent a verification email to ",
+                    /* @__PURE__ */ jsx("strong", { children: (state == null ? void 0 : state.email) || "your email address" }),
+                    ". Please check your inbox and verify your email to complete the registration."
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", paragraph: true, children: "If you don't see the email, please check your spam folder or request a new verification email." }),
+            /* @__PURE__ */ jsxs(Box, { sx: { mt: 4, display: "flex", flexDirection: "column", gap: 2 }, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "contained",
+                  color: "primary",
+                  size: "large",
+                  onClick: () => navigate("/login"),
+                  fullWidth: true,
+                  children: "Go to Login"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outlined",
+                  onClick: () => navigate("/"),
+                  fullWidth: true,
+                  children: "Back to Home"
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    }
+  );
+};
+var DashDefaultSignUpSuccess_default = DefaultSignUpSuccessPage;
+export {
+  DashDefaultSignUpSuccess_default as default
+};

package/dist/defaults/pages/Account/index.js

@@ -1 +1,8 @@
-import{default as t}from"./DashDefaultRegister";import{default as s}from"./DashDefaultSignUp";import{default as u}from"./DashDefaultSignUpSuccess";export{t as DashDefaultRegister,s as DashDefaultSignUp,u as DashDefaultSignUpSuccess};
+import { default as default2 } from "./DashDefaultRegister";
+import { default as default3 } from "./DashDefaultSignUp";
+import { default as default4 } from "./DashDefaultSignUpSuccess";
+export {
+  default2 as DashDefaultRegister,
+  default3 as DashDefaultSignUp,
+  default4 as DashDefaultSignUpSuccess
+};