@sikka/hawa 0.31.6-next → 0.31.8-next

package/dist/blocks/auth/index.js

@@ -798,6 +798,7 @@ var AuthButtons = (props) => {
 
 // blocks/auth/LoginForm.tsx
 var import_react13 = __toESM(require("react"));
+var import_react14 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var import_libphonenumber_js = require("libphonenumber-js");
@@ -3224,16 +3225,14 @@ var Select = ({
 };
 
 // elements/phoneInput/PhoneInput.tsx
-var PhoneInput = ({ labelProps, ...props }) => {
+var PhoneInput = ({
+  labelProps,
+  inputProps,
+  ...props
+}) => {
   const [phoneNumber, setPhoneNumber] = (0, import_react9.useState)("");
   const [countryCode, setCountryCode] = (0, import_react9.useState)(props.preferredCountry);
   const inputRef = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
-    var _a;
-    if (inputRef.current) {
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
-    }
-  }, []);
   const handleInputChange = (e) => {
     const validChars = /^[0-9-()]+$/;
     const input = e.target.value;
@@ -3249,31 +3248,32 @@ var PhoneInput = ({ labelProps, ...props }) => {
   return /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react9.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react9.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react9.default.createElement(
     Select,
     {
+      phoneCode: true,
       width: "fit",
       hideHelperText: true,
-      phoneCode: true,
       hideIndicator: true,
-      placeholder: "Code",
-      options: countries_default,
       isMulti: false,
       isSearchable: true,
       isClearable: false,
-      defaultValue: props.preferredCountry,
+      placeholder: "Code",
+      options: countries_default,
+      onChange: setCountryCode,
       value: countryCode == null ? void 0 : countryCode.label,
-      onChange: setCountryCode
+      defaultValue: props.preferredCountry
     }
   ), /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react9.default.createElement(
     "input",
     {
+      type: "tel",
       ref: inputRef,
       id: "phone-number",
+      value: phoneNumber,
+      onChange: handleInputChange,
+      placeholder: props.placeholder,
       className: cn(
         "hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
       ),
-      onChange: handleInputChange,
-      value: phoneNumber,
-      type: "tel",
-      placeholder: props.placeholder
+      ...inputProps
     }
   ))), /* @__PURE__ */ import_react9.default.createElement(
     "p",
@@ -3334,7 +3334,7 @@ var LoginForm = ({
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-  const [passwordVisible, setPasswordVisible] = (0, import_react13.useState)(false);
+  const [passwordVisible, setPasswordVisible] = (0, import_react14.useState)(false);
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
     continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
@@ -3639,7 +3639,7 @@ var LoginForm = ({
 };
 
 // blocks/auth/RegisterForm.tsx
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
 var z2 = __toESM(require("zod"));
@@ -3781,12 +3781,12 @@ var CheckboxElement = React17.forwardRef(({ radius = "inherit", size = "default"
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
 // elements/stopPropagationWrapper/StopPropagationWrapper.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ import_react14.default.createElement("div", { onClick: handleClick }, props.children);
+  return /* @__PURE__ */ import_react15.default.createElement("div", { onClick: handleClick }, props.children);
 };
 
 // blocks/auth/RegisterForm.tsx
@@ -3798,7 +3798,7 @@ var RegisterForm = ({
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [passwordVisible, setPasswordVisible] = (0, import_react15.useState)(false);
+  const [passwordVisible, setPasswordVisible] = (0, import_react16.useState)(false);
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
     continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
@@ -3865,7 +3865,7 @@ var RegisterForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
     resolver: (0, import_zod2.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(
     "div",
     {
       className: cn(
@@ -3873,7 +3873,7 @@ var RegisterForm = ({
         (_g = props.classNames) == null ? void 0 : _g.root
       )
     },
-    /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react16.default.createElement(
       Card,
       {
         dir: props.direction,
@@ -3882,7 +3882,7 @@ var RegisterForm = ({
           props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
         )
       },
-      /* @__PURE__ */ import_react15.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ import_react15.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react15.default.createElement(
+      /* @__PURE__ */ import_react16.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ import_react16.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react16.default.createElement(
         Alert,
         {
           direction: props.direction,
@@ -3895,7 +3895,7 @@ var RegisterForm = ({
             }
           }
         }
-      ), /* @__PURE__ */ import_react15.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react15.default.createElement(
+      ), /* @__PURE__ */ import_react16.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react16.default.createElement(
         "form",
         {
           noValidate: true,
@@ -3910,9 +3910,9 @@ var RegisterForm = ({
           }),
           className: "hawa-flex hawa-flex-col hawa-gap-4"
         },
-        /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+        /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
           if (fld === "fullname") {
-            return /* @__PURE__ */ import_react15.default.createElement(
+            return /* @__PURE__ */ import_react16.default.createElement(
               import_react_hook_form2.Controller,
               {
                 key: i,
@@ -3920,7 +3920,7 @@ var RegisterForm = ({
                 name: "fullName",
                 render: ({ field }) => {
                   var _a2, _b2, _c2;
-                  return /* @__PURE__ */ import_react15.default.createElement(
+                  return /* @__PURE__ */ import_react16.default.createElement(
                     Input,
                     {
                       width: "full",
@@ -3935,7 +3935,7 @@ var RegisterForm = ({
             );
           }
           if (fld === "email") {
-            return /* @__PURE__ */ import_react15.default.createElement(
+            return /* @__PURE__ */ import_react16.default.createElement(
               import_react_hook_form2.Controller,
               {
                 key: i,
@@ -3943,7 +3943,7 @@ var RegisterForm = ({
                 name: "email",
                 render: ({ field }) => {
                   var _a2, _b2, _c2;
-                  return /* @__PURE__ */ import_react15.default.createElement(
+                  return /* @__PURE__ */ import_react16.default.createElement(
                     Input,
                     {
                       dir: "ltr",
@@ -3963,7 +3963,7 @@ var RegisterForm = ({
             );
           }
           if (fld === "username") {
-            return /* @__PURE__ */ import_react15.default.createElement(
+            return /* @__PURE__ */ import_react16.default.createElement(
               import_react_hook_form2.Controller,
               {
                 key: i,
@@ -3971,7 +3971,7 @@ var RegisterForm = ({
                 name: "username",
                 render: ({ field }) => {
                   var _a2, _b2, _c2, _d2;
-                  return /* @__PURE__ */ import_react15.default.createElement(
+                  return /* @__PURE__ */ import_react16.default.createElement(
                     Input,
                     {
                       width: "full",
@@ -3990,25 +3990,25 @@ var RegisterForm = ({
             );
           }
         })),
-        /* @__PURE__ */ import_react15.default.createElement(
+        /* @__PURE__ */ import_react16.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "password",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react15.default.createElement(
+              return /* @__PURE__ */ import_react16.default.createElement(
                 Input,
                 {
                   width: "full",
                   type: passwordVisible ? "text" : "password",
-                  endIcon: /* @__PURE__ */ import_react15.default.createElement(
+                  endIcon: /* @__PURE__ */ import_react16.default.createElement(
                     "div",
                     {
                       className: "hawa-cursor-pointer",
                       onClick: () => setPasswordVisible(!passwordVisible)
                     },
-                    passwordVisible ? /* @__PURE__ */ import_react15.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react15.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                    passwordVisible ? /* @__PURE__ */ import_react16.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react16.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
                     " "
                   ),
                   autoComplete: "new-password",
@@ -4021,14 +4021,14 @@ var RegisterForm = ({
             }
           }
         ),
-        /* @__PURE__ */ import_react15.default.createElement(
+        /* @__PURE__ */ import_react16.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "confirm_password",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react15.default.createElement(
+              return /* @__PURE__ */ import_react16.default.createElement(
                 Input,
                 {
                   width: "full",
@@ -4044,14 +4044,14 @@ var RegisterForm = ({
           }
         ),
         props.additionalInputs,
-        props.showRefCode && /* @__PURE__ */ import_react15.default.createElement(
+        props.showRefCode && /* @__PURE__ */ import_react16.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "refCode",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react15.default.createElement(
+              return /* @__PURE__ */ import_react16.default.createElement(
                 Input,
                 {
                   width: "full",
@@ -4064,14 +4064,14 @@ var RegisterForm = ({
             }
           }
         ),
-        props.showUserSource && /* @__PURE__ */ import_react15.default.createElement(
+        props.showUserSource && /* @__PURE__ */ import_react16.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "reference",
             render: ({ field }) => {
               var _a2, _b2;
-              return /* @__PURE__ */ import_react15.default.createElement(
+              return /* @__PURE__ */ import_react16.default.createElement(
                 Select,
                 {
                   label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
@@ -4087,20 +4087,20 @@ var RegisterForm = ({
             }
           }
         ),
-        showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react15.default.createElement(
+        showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react16.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "terms_accepted",
             render: ({ field }) => {
               var _a2, _b2;
-              return /* @__PURE__ */ import_react15.default.createElement(
+              return /* @__PURE__ */ import_react16.default.createElement(
                 Checkbox,
                 {
                   id: "terms_accepted",
                   helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
                   onCheckedChange: (e) => field.onChange(e),
-                  label: /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react15.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react15.default.createElement(
+                  label: /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react16.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react16.default.createElement(
                     "span",
                     {
                       onClick: (e) => {
@@ -4117,12 +4117,12 @@ var RegisterForm = ({
               );
             }
           }
-        ), showNewsletterOption && /* @__PURE__ */ import_react15.default.createElement(
+        ), showNewsletterOption && /* @__PURE__ */ import_react16.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "newsletter_accepted",
-            render: ({ field }) => /* @__PURE__ */ import_react15.default.createElement(
+            render: ({ field }) => /* @__PURE__ */ import_react16.default.createElement(
               Checkbox,
               {
                 id: "newsletter_accepted",
@@ -4132,7 +4132,7 @@ var RegisterForm = ({
             )
           }
         )) : null,
-        /* @__PURE__ */ import_react15.default.createElement(
+        /* @__PURE__ */ import_react16.default.createElement(
           Button,
           {
             className: " hawa-w-full",
@@ -4143,8 +4143,8 @@ var RegisterForm = ({
           (texts == null ? void 0 : texts.registerText) || "Register"
         ),
         props.additionalButtons
-      )), props.onRouteToLogin && /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react15.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react15.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
-      props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react15.default.createElement(
+      )), props.onRouteToLogin && /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react16.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react16.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
+      props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react16.default.createElement(
         CardFooter,
         {
           noPadding: props.cardless,
@@ -4152,7 +4152,7 @@ var RegisterForm = ({
             props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
           )
         },
-        /* @__PURE__ */ import_react15.default.createElement(
+        /* @__PURE__ */ import_react16.default.createElement(
           AuthButtons,
           {
             texts: thirdPartyAuthTexts,
@@ -4173,7 +4173,7 @@ var RegisterForm = ({
 };
 
 // blocks/auth/AppLanding.tsx
-var import_react16 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 var AppLanding = ({ texts, ...props }) => {
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
@@ -4184,7 +4184,7 @@ var AppLanding = ({ texts, ...props }) => {
     continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
     continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
   };
-  return /* @__PURE__ */ import_react16.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react16.default.createElement(Card, null, /* @__PURE__ */ import_react16.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react17.default.createElement(Card, null, /* @__PURE__ */ import_react17.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react17.default.createElement(
     AuthButtons,
     {
       texts: thirdPartyAuthTexts,
@@ -4203,7 +4203,7 @@ var AppLanding = ({ texts, ...props }) => {
       handleEmail: props.handleEmail,
       handlePhone: props.handlePhone
     }
-  ), props.allowRegister && /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react16.default.createElement(
+  ), props.allowRegister && /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react17.default.createElement(
     "span",
     {
       onClick: props.handleRouteToRegister,
@@ -4214,9 +4214,9 @@ var AppLanding = ({ texts, ...props }) => {
 };
 
 // blocks/auth/CheckEmail.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var CheckEmail = ({ texts, handleResend }) => {
-  return /* @__PURE__ */ import_react17.default.createElement(Card, null, /* @__PURE__ */ import_react17.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(Card, null, /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ import_react18.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -4229,13 +4229,13 @@ var CheckEmail = ({ texts, handleResend }) => {
       width: "0.5em",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react17.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
-    /* @__PURE__ */ import_react17.default.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ import_react17.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
+    /* @__PURE__ */ import_react18.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
+    /* @__PURE__ */ import_react18.default.createElement("polyline", { points: "22,6 12,13 2,6" })
+  )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ import_react18.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 
 // blocks/auth/NewPassword.tsx
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
@@ -4257,7 +4257,7 @@ var NewPasswordForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
     resolver: (0, import_zod3.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react18.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react19.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4271,7 +4271,7 @@ var NewPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react19.default.createElement(
       Alert,
       {
         direction: props.direction,
@@ -4279,14 +4279,14 @@ var NewPasswordForm = ({
         text: props.errorText,
         severity: "error"
       }
-    ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react18.default.createElement(
+    ), /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react19.default.createElement(
       import_react_hook_form3.Controller,
       {
         control,
         name: "password",
         render: ({ field }) => {
           var _a2, _b2, _c2;
-          return /* @__PURE__ */ import_react18.default.createElement(
+          return /* @__PURE__ */ import_react19.default.createElement(
             Input,
             {
               width: "full",
@@ -4300,14 +4300,14 @@ var NewPasswordForm = ({
           );
         }
       }
-    ), /* @__PURE__ */ import_react18.default.createElement(
+    ), /* @__PURE__ */ import_react19.default.createElement(
       import_react_hook_form3.Controller,
       {
         control,
         name: "confirm_password",
         render: ({ field }) => {
           var _a2, _b2, _c2;
-          return /* @__PURE__ */ import_react18.default.createElement(
+          return /* @__PURE__ */ import_react19.default.createElement(
             Input,
             {
               width: "full",
@@ -4321,7 +4321,7 @@ var NewPasswordForm = ({
           );
         }
       }
-    )), /* @__PURE__ */ import_react18.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react18.default.createElement(
+    )), /* @__PURE__ */ import_react19.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react19.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -4333,7 +4333,7 @@ var NewPasswordForm = ({
 };
 
 // blocks/auth/ResetPassword.tsx
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
@@ -4351,7 +4351,7 @@ var ResetPasswordForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
     resolver: (0, import_zod4.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react19.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react19.default.createElement(CardHeader, null, /* @__PURE__ */ import_react19.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react19.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react20.default.createElement(CardHeader, null, /* @__PURE__ */ import_react20.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react20.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react20.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4363,7 +4363,7 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react20.default.createElement(
       Alert,
       {
         direction: props.direction,
@@ -4371,14 +4371,14 @@ var ResetPasswordForm = ({
         text: props.errorText,
         severity: "error"
       }
-    ), /* @__PURE__ */ import_react19.default.createElement(
+    ), /* @__PURE__ */ import_react20.default.createElement(
       import_react_hook_form4.Controller,
       {
         control,
         name: "email",
         render: ({ field }) => {
           var _a2, _b2, _c2, _d2, _e2;
-          return /* @__PURE__ */ import_react19.default.createElement(
+          return /* @__PURE__ */ import_react20.default.createElement(
             Input,
             {
               width: "full",
@@ -4391,7 +4391,7 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react20.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react20.default.createElement(
       Button,
       {
         type: "submit",
@@ -4399,7 +4399,7 @@ var ResetPasswordForm = ({
         isLoading
       },
       ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
-    ), allowRegister && /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react19.default.createElement(
+    ), allowRegister && /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react20.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -4407,17 +4407,17 @@ var ResetPasswordForm = ({
       },
       (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
     )))
-  )) : /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
+  )) : /* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var z5 = __toESM(require("zod"));
 
 // elements/pinInput/PinInput.tsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var PinInput = ({
   label,
   icon,
@@ -4427,7 +4427,7 @@ var PinInput = ({
   inputProps,
   ...props
 }) => {
-  const [pin, setPin] = (0, import_react20.useState)(Array.from(Array(digits)));
+  const [pin, setPin] = (0, import_react21.useState)(Array.from(Array(digits)));
   const handleKeyDown = (e, index) => {
     let backTo = 0;
     if (e.key === "Backspace") {
@@ -4436,7 +4436,7 @@ var PinInput = ({
       previousInput == null ? void 0 : previousInput.focus();
     }
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     let unfilled = pin.includes(void 0);
     if (!unfilled && getPins) {
       getPins(pin);
@@ -4461,13 +4461,13 @@ var PinInput = ({
       }
     }
   };
-  return /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react21.default.createElement(
     "div",
     {
       className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
       dir: "ltr"
     },
-    pin.map((value, index) => /* @__PURE__ */ import_react20.default.createElement(
+    pin.map((value, index) => /* @__PURE__ */ import_react21.default.createElement(
       "input",
       {
         key: index,
@@ -4487,7 +4487,7 @@ var PinInput = ({
         ...inputProps
       }
     ))
-  ), /* @__PURE__ */ import_react20.default.createElement(
+  ), /* @__PURE__ */ import_react21.default.createElement(
     "p",
     {
       className: cn(
@@ -4508,9 +4508,9 @@ var CodeConfirmation = (props) => {
   const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
     resolver: (0, import_zod5.zodResolver)(formSchema)
   });
-  const [resendTimer, setResendTimer] = (0, import_react21.useState)(null);
-  const [remainingTime, setRemainingTime] = (0, import_react21.useState)(0);
-  const [showResendTimer, setShowResendTimer] = (0, import_react21.useState)(false);
+  const [resendTimer, setResendTimer] = (0, import_react22.useState)(null);
+  const [remainingTime, setRemainingTime] = (0, import_react22.useState)(0);
+  const [showResendTimer, setShowResendTimer] = (0, import_react22.useState)(false);
   const startResendTimer = () => {
     if (resendTimer !== null) {
       clearInterval(resendTimer);
@@ -4532,21 +4532,21 @@ var CodeConfirmation = (props) => {
     }, 1e3);
     setResendTimer(newTimer);
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     return () => {
       if (resendTimer !== null) {
         clearInterval(resendTimer);
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react21.default.createElement(Card, null, /* @__PURE__ */ import_react21.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(Card, null, /* @__PURE__ */ import_react22.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react22.default.createElement(
     Alert,
     {
       title: props.errorTitle,
       text: props.errorText,
       severity: "error"
     }
-  ), /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react21.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react21.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react21.default.createElement(
+  ), /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react22.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react22.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react22.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4560,14 +4560,14 @@ var CodeConfirmation = (props) => {
         }
       })
     },
-    /* @__PURE__ */ import_react21.default.createElement(
+    /* @__PURE__ */ import_react22.default.createElement(
       import_react_hook_form5.Controller,
       {
         control,
         name: "otp_code",
         render: ({ field }) => {
           var _a2;
-          return /* @__PURE__ */ import_react21.default.createElement(
+          return /* @__PURE__ */ import_react22.default.createElement(
             PinInput,
             {
               width: "full",
@@ -4579,7 +4579,7 @@ var CodeConfirmation = (props) => {
         }
       }
     ),
-    showResendTimer ? /* @__PURE__ */ import_react21.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react21.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react21.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react21.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react21.default.createElement(
+    showResendTimer ? /* @__PURE__ */ import_react22.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react22.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react22.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react22.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react22.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -4590,7 +4590,7 @@ var CodeConfirmation = (props) => {
       },
       ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
     )),
-    /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react21.default.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react21.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react22.default.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react22.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
   )));
 };
 // Annotate the CommonJS export names for ESM import in node: