@sikka/hawa 0.6.5-next → 0.6.10-next

package/dist/index.js

@@ -1749,7 +1749,7 @@ var Radio = function(_param) {
                 return /* @__PURE__ */ import_react10.default.createElement("div", {
                     className: "hawa-rounded hawa-border hawa-border-gray-200 "
                 }, /* @__PURE__ */ import_react10.default.createElement("div", {
-                    className: cn("radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all", props.direction === "rtl" ? "margin-left" : "margin-right"),
+                    className: cn("radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all", props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"),
                     key: i + 1
                 }, /* @__PURE__ */ import_react10.default.createElement("input", {
                     disabled: opt.disabled,
@@ -1787,12 +1787,11 @@ var Radio = function(_param) {
                 }, opt.sublabel))));
             }));
         default:
-            console.log("ds", parentDirection);
             return /* @__PURE__ */ import_react10.default.createElement("div", {
                 className: cn(orientationStyle[orientation], "hawa-gap-2")
             }, props.options && props.options.map(function(opt, i) {
                 return /* @__PURE__ */ import_react10.default.createElement("div", {
-                    className: cn("radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all", props.direction === "rtl" ? "margin-left" : "margin-right"),
+                    className: cn("radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all", props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"),
                     key: i + 1
                 }, /* @__PURE__ */ import_react10.default.createElement("input", {
                     disabled: opt.disabled,
@@ -1969,7 +1968,7 @@ var PopoverContent = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
         ref: ref,
         align: align,
         sideOffset: sideOffset,
-        className: cn("hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-p-4 hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2 dark:hawa-shadow-dark", className)
+        className: cn("hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-p-4 hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2 dark:dark-shadow", className)
     }, props)));
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
@@ -2338,6 +2337,8 @@ var PinInput = function(_param) {
         }
     };
     return /* @__PURE__ */ import_react15.default.createElement("div", {
+        className: "hawa-flex hawa-flex-col hawa-gap-2"
+    }, /* @__PURE__ */ import_react15.default.createElement("div", {
         className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
         dir: "ltr"
     }, pin.map(function(value, index) {
@@ -2359,7 +2360,9 @@ var PinInput = function(_param) {
                 return e.target.select();
             }
         }, props));
-    }));
+    })), props.helperText && /* @__PURE__ */ import_react15.default.createElement("p", {
+        className: "hawa-mb-0 hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
+    }, props.helperText));
 };
 // components/elements/FileDropzone.tsx
 var import_react16 = __toESM(require("react"));
@@ -4310,12 +4313,13 @@ var Menu = function(_param) {
         "innerProps",
         "innerRef"
     ]);
+    var menuOpen = props.selectProps.menuIsOpen;
     return /* @__PURE__ */ import_react18.default.createElement("div", _object_spread({
-        className: "hawa-absolute hawa-z-10 hawa-mt-2 hawa-flex hawa-w-full  hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border  hawa-bg-background  hawa-p-1.5",
+        className: cn("hawa-absolute hawa-shadow-md dark:dark-shadow hawa-z-10 hawa-mt-2 hawa-flex hawa-w-full  hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border  hawa-bg-background  hawa-p-1.5", menuOpen && "hawa-zoom-in-95 hawa-animate-in hawa-fade-in-0 "),
         ref: innerRef
     }, innerProps), children);
 };
-var Option = function(_param) /* @__PURE__ */ {
+var Option = function(_param) {
     var cx = _param.cx, children = _param.children, getStyles = _param.getStyles, innerProps = _param.innerProps, innerRef = _param.innerRef, _param_size = _param.size, size = _param_size === void 0 ? "normal" : _param_size, props = _object_without_properties(_param, [
         "cx",
         "children",
@@ -4324,9 +4328,9 @@ var Option = function(_param) /* @__PURE__ */ {
         "innerRef",
         "size"
     ]);
-    return import_react18.default.createElement("div", _object_spread({
+    return /* @__PURE__ */ import_react18.default.createElement("div", _object_spread({
         ref: innerRef,
-        className: "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hover:hawa-bg-primary hover:hawa-text-primary-foreground"
+        className: "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hover:hawa-bg-primary hawa-transition-all hover:hawa-text-primary-foreground "
     }, innerProps), children);
 };
 var Select = function(props) {
@@ -4352,6 +4356,15 @@ var Select = function(props) {
     }) : !props.isCreatable ? /* @__PURE__ */ import_react18.default.createElement(import_react_select.default, {
         noOptionsMessage: NoOption,
         classNames: {
+            // menuList: (d) => {
+            //   console.log("d is ", d.selectProps.menuIsOpen);
+            //   return cn(
+            //     "hawa-absolute hawa-shadow-md dark:dark-shadow hawa-z-10 hawa-mt-2 hawa-flex hawa-w-full  hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border  hawa-bg-background  hawa-p-1.5",
+            //     d.selectProps.menuIsOpen
+            //       ? "hawa-zoom-in-95 hawa-animate-in hawa-fade-in-0 "
+            //       : "hawa-zoom-out-95 hawa-fade-out-0 hawa-animate-out"
+            //   );
+            // },
             control: function() {
                 return cn(" hawa-text-sm hawa-flex hawa-p-2 hawa-w-full  hawa-rounded hawa-border hawa-bg-background hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500", props.controlClassNames);
             },
@@ -4382,6 +4395,7 @@ var Select = function(props) {
         isClearable: props.isClearable,
         isMulti: props.isMulti,
         isSearchable: props.isSearchable,
+        placeholder: props.placeholder,
         autoFocus: true,
         onChange: function(newValue, action) {
             return(// props.onChange(newValue.label, action)
@@ -4424,9 +4438,8 @@ var Select = function(props) {
         isClearable: props.isClearable,
         isMulti: props.isMulti,
         isSearchable: props.isSearchable,
-        onCreateOption: function() {
-            return console.log("im changing");
-        },
+        placeholder: props.placeholder,
+        onCreateOption: props.handleCreateOption,
         onChange: function(newValue, action) {
             return props.onChange(newValue, action);
         },
@@ -4618,7 +4631,7 @@ var TableHead = React33.forwardRef(function(_param, ref) /* @__PURE__ */ {
     ]);
     return React33.createElement("th", _object_spread({
         ref: ref,
-        className: cn("hawa-bg-muted/60 dark:hawa-bg-muted/40 hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x", "[&:not(:last-child)]:hawa-border-r", props.condensed ? "hawa-h-8" : "hawa-h-12", props.clickable ? "hawa-px-1" : "hawa-px-4", //First and last columns
+        className: cn("hawa-bg-muted/60 dark:hawa-bg-muted/40 hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x", props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r", props.condensed ? "hawa-h-8" : "hawa-h-12", props.clickable ? "hawa-px-1" : "hawa-px-4", //First and last columns
         props.clickable ? " [&:not(:last-child)&:not(:first-child)]:hawa-p-1" : "hawa-px-4", //Columns in between
         className)
     }, props));
@@ -4664,7 +4677,8 @@ var TableCell = React33.forwardRef(function(_param, ref) /* @__PURE__ */ {
     return React33.createElement("td", _object_spread({
         ref: ref,
         className: cn(// "border-x",
-        props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4", "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ", "[&:not(:last-child)&:not(:first-child)]:hawa-border-x", "[&:not(:last-child)]:hawa-border-r", className)
+        props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4", "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ", "[&:not(:last-child)&:not(:first-child)]:hawa-border-x", // "[&:not(:last-child)]:hawa-border-r",
+        props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r", className)
     }, props));
 });
 TableCell.displayName = "TableCell";
@@ -4876,6 +4890,7 @@ var SimpleTable = function(_param) {
         }, headerGroup.headers.map(function(header) {
             return /* @__PURE__ */ React35.createElement(TableHead, {
                 condensed: props.condensed,
+                dir: props.direction,
                 key: header.id
             }, header.isPlaceholder ? null : (0, import_react_table2.flexRender)(header.column.columnDef.header, header.getContext()));
         }));
@@ -4885,6 +4900,7 @@ var SimpleTable = function(_param) {
             "data-state": row.getIsSelected() && "selected"
         }, row.getVisibleCells().map(function(cell) {
             return /* @__PURE__ */ React35.createElement(TableCell, {
+                dir: props.direction,
                 condensed: props.condensed,
                 key: cell.id
             }, (0, import_react_table2.flexRender)(cell.column.columnDef.cell, cell.getContext()));
@@ -6212,6 +6228,7 @@ var AppLayout = function(_param) {
         },
         ref: ref
     }, /* @__PURE__ */ import_react31.default.createElement("div", {
+        onClick: props.onLogoClick,
         dir: direction,
         className: "hawa-fixed hawa-z-50  hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
         style: {
@@ -6322,10 +6339,10 @@ var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"));
 var LoginForm = function(props) {
     var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6;
-    var formSchema2;
+    var formSchema;
     if (props.loginType === "email") {
         var _props_texts7, _props_texts8, _props_texts9, _props_texts10, _props_texts11;
-        formSchema2 = z.object({
+        formSchema = z.object({
             email: z.string({
                 required_error: (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.emailRequiredText
             }).nonempty({
@@ -6343,7 +6360,7 @@ var LoginForm = function(props) {
         });
     } else if (props.loginType === "username") {
         var _props_texts12, _props_texts13, _props_texts14;
-        formSchema2 = z.object({
+        formSchema = z.object({
             username: z.string().min(2, {
                 message: "Username must be at least 2 characters"
             }).nonempty({
@@ -6358,16 +6375,16 @@ var LoginForm = function(props) {
             })
         });
     } else if (props.loginType === "phone") {
-        formSchema2 = z.object({
+        formSchema = z.object({
             phone: z.string().nonempty({
                 message: "Phone number is required"
             })
         });
     } else {
-        formSchema2 = z.object({});
+        formSchema = z.object({});
     }
     var _ref = (0, import_react_hook_form2.useForm)({
-        resolver: (0, import_zod.zodResolver)(formSchema2)
+        resolver: (0, import_zod.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
     return /* @__PURE__ */ import_react33.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-4"
@@ -6383,7 +6400,6 @@ var LoginForm = function(props) {
         className: "hawa-flex hawa-flex-col hawa-gap-4",
         onSubmit: handleSubmit(function(e) {
             if (props.handleLogin) {
-                console.log("attempting to login");
                 return props.handleLogin(e);
             } else {
                 console.log("Form is submitted but handleLogin prop is missing");
@@ -6506,7 +6522,7 @@ var import_zod2 = require("@hookform/resolvers/zod");
 var z2 = __toESM(require("zod"));
 var RegisterForm = function(props) {
     var methods = (0, import_react_hook_form3.useForm)();
-    var _props_texts = props.texts, usernamePlaceholder = _props_texts.usernamePlaceholder, usernameRequired = _props_texts.usernameRequired, emailInvalidText = _props_texts.emailInvalidText, emailPlaceholder = _props_texts.emailPlaceholder, emailRequiredText = _props_texts.emailRequiredText, passwordPlaceholder = _props_texts.passwordPlaceholder, passwordRequiredText = _props_texts.passwordRequiredText, passwordTooShortText = _props_texts.passwordTooShortText, confirmPasswordRequired = _props_texts.confirmPasswordRequired, confirmPasswordPlaceholder = _props_texts.confirmPasswordPlaceholder, termsRequiredText = _props_texts.termsRequiredText, fullNameRequiredText = _props_texts.fullNameRequiredText;
+    var _props_texts = props.texts, usernamePlaceholder = _props_texts.usernamePlaceholder, usernameRequired = _props_texts.usernameRequired, emailInvalidText = _props_texts.emailInvalidText, emailPlaceholder = _props_texts.emailPlaceholder, emailRequiredText = _props_texts.emailRequiredText, passwordPlaceholder = _props_texts.passwordPlaceholder, passwordRequiredText = _props_texts.passwordRequiredText, passwordTooShortText = _props_texts.passwordTooShortText, passwordsDontMatch = _props_texts.passwordsDontMatch, confirmPasswordRequired = _props_texts.confirmPasswordRequired, confirmPasswordPlaceholder = _props_texts.confirmPasswordPlaceholder, termsRequiredText = _props_texts.termsRequiredText, fullNameRequiredText = _props_texts.fullNameRequiredText;
     var fieldSchemas = {};
     props.registerFields.forEach(function(field) {
         switch(field){
@@ -6533,7 +6549,7 @@ var RegisterForm = function(props) {
                 break;
         }
     });
-    var formSchema2 = z2.object(_object_spread_props(_object_spread({}, fieldSchemas), {
+    var formSchema = z2.object(_object_spread_props(_object_spread({}, fieldSchemas), {
         password: z2.string({
             required_error: passwordRequiredText
         }).min(5, {
@@ -6563,13 +6579,13 @@ var RegisterForm = function(props) {
     })).refine(function(data) {
         return data.password === data.confirm_password;
     }, {
-        message: "Passwords don't match",
+        message: passwordsDontMatch,
         path: [
             "confirm_password"
         ]
     });
     var _ref = (0, import_react_hook_form3.useForm)({
-        resolver: (0, import_zod2.zodResolver)(formSchema2)
+        resolver: (0, import_zod2.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
     return /* @__PURE__ */ import_react34.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-4"
@@ -6582,7 +6598,13 @@ var RegisterForm = function(props) {
         text: props.errorText,
         severity: "error"
     }), /* @__PURE__ */ import_react34.default.createElement(import_react_hook_form3.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react34.default.createElement("form", {
-        onSubmit: handleSubmit(props.handleRegister),
+        onSubmit: handleSubmit(function(e) {
+            if (props.handleRegister) {
+                return props.handleRegister(e);
+            } else {
+                console.log("Form is submitted but handleRegister prop is missing");
+            }
+        }),
         className: "hawa-flex hawa-flex-col hawa-gap-4"
     }, /* @__PURE__ */ import_react34.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-4"
@@ -6856,7 +6878,7 @@ var AppLanding = function(props) {
     }), (_props_texts_continueWithPhone = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.continueWithPhone) !== null && _props_texts_continueWithPhone !== void 0 ? _props_texts_continueWithPhone : "Continue With Phone"), !props.withoutSignUp && /* @__PURE__ */ import_react35.default.createElement("div", {
         className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300"
     }, (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.newUserText, " ", /* @__PURE__ */ import_react35.default.createElement("span", {
-        onClick: props.handleRouteToSignUp,
+        onClick: props.handleRouteToRegister,
         className: "clickable-link"
     }, (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.createAccount)))), /* @__PURE__ */ import_react35.default.createElement("div", {
         className: "hawa-mt-4 hawa-flex hawa-flex-row hawa-justify-between"
@@ -6954,7 +6976,7 @@ var import_react_hook_form4 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
 var NewPasswordForm = function(props) {
-    var formSchema2 = z3.object({
+    var formSchema = z3.object({
         password: z3.string({
             required_error: props.texts.passwordRequiredText
         }).min(5, {
@@ -6980,7 +7002,7 @@ var NewPasswordForm = function(props) {
         ]
     });
     var _ref = (0, import_react_hook_form4.useForm)({
-        resolver: (0, import_zod3.zodResolver)(formSchema2)
+        resolver: (0, import_zod3.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
     var _ref1 = _sliced_to_array((0, import_react37.useState)(false), 2), matchError = _ref1[0], setMatchError = _ref1[1];
     return /* @__PURE__ */ import_react37.default.createElement(Card, {
@@ -6995,7 +7017,6 @@ var NewPasswordForm = function(props) {
     }, props.texts.passwordChanged)) : /* @__PURE__ */ import_react37.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             if (props.handleNewPassword) {
-                console.log("attempting to login");
                 return props.handleNewPassword(e);
             } else {
                 console.log("Form is submitted but handleSubmission prop is missing");
@@ -7052,7 +7073,7 @@ var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var ResetPasswordForm = function(props) {
     var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6;
-    var formSchema2 = z4.object({
+    var formSchema = z4.object({
         email: z4.string({
             required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailRequiredText
         }).email({
@@ -7062,7 +7083,7 @@ var ResetPasswordForm = function(props) {
         })
     });
     var _ref = (0, import_react_hook_form5.useForm)({
-        resolver: (0, import_zod4.zodResolver)(formSchema2)
+        resolver: (0, import_zod4.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
     var _props_texts_dontHaveAccount, _props_texts_registerText;
     return /* @__PURE__ */ import_react38.default.createElement(Card, {
@@ -7070,7 +7091,6 @@ var ResetPasswordForm = function(props) {
     }, !props.sent ? /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react38.default.createElement(CardHeader, null, /* @__PURE__ */ import_react38.default.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ import_react38.default.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ import_react38.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             if (props.handleResetPassword) {
-                console.log("attempting to login");
                 return props.handleResetPassword(e);
             } else {
                 console.log("Form is submitted but handleResetPassword prop is missing");
@@ -7111,9 +7131,21 @@ var ResetPasswordForm = function(props) {
 };
 // components/blocks/auth/CodeConfirmation.tsx
 var import_react39 = __toESM(require("react"));
+var import_react_hook_form6 = require("react-hook-form");
+var import_zod5 = require("@hookform/resolvers/zod");
+var z5 = __toESM(require("zod"));
 var CodeConfirmation = function(props) {
-    var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5;
-    var _ref = _sliced_to_array((0, import_react39.useState)(null), 2), pins = _ref[0], setPins = _ref[1];
+    var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7;
+    var formSchema = z5.object({
+        otp_code: z5.string({
+            required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.codeRequiredText
+        }).min(6, {
+            message: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.codeTooShort
+        })
+    });
+    var _ref = (0, import_react_hook_form6.useForm)({
+        resolver: (0, import_zod5.zodResolver)(formSchema)
+    }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState, setValue = _ref.setValue;
     var _props_texts_checkYourPhone, _props_texts_weSentCode, _props_texts_didntGetCode, _props_texts_resendCode, _props_texts_cancel, _props_texts_confirm;
     return /* @__PURE__ */ import_react39.default.createElement(Card, null, /* @__PURE__ */ import_react39.default.createElement(CardContent, {
         headless: true
@@ -7125,30 +7157,40 @@ var CodeConfirmation = function(props) {
         className: "hawa-mb-4 dark:hawa-text-white"
     }, /* @__PURE__ */ import_react39.default.createElement("div", {
         className: "hawa-text-lg hawa-font-bold"
-    }, (_props_texts_checkYourPhone = (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react39.default.createElement("div", {
+    }, (_props_texts_checkYourPhone = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react39.default.createElement("div", {
         className: "hawa-text-muted-foreground"
-    }, /* @__PURE__ */ import_react39.default.createElement("span", null, (_props_texts_weSentCode = (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react39.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react39.default.createElement("form", {
-        onSubmit: function(e) {
-            e.preventDefault();
-            if (pins) {
-                props.submitConfirmation(pins);
+    }, /* @__PURE__ */ import_react39.default.createElement("span", null, (_props_texts_weSentCode = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react39.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react39.default.createElement("form", {
+        onSubmit: handleSubmit(function(e) {
+            if (props.handleConfirm) {
+                return props.handleConfirm(e);
+            } else {
+                console.log("Form is submitted but handleConfirm prop is missing");
             }
-        }
-    }, /* @__PURE__ */ import_react39.default.createElement(PinInput, {
-        width: "full",
-        digits: 6,
-        getPins: function(e) {
-            return setPins(e);
+        })
+    }, /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form6.Controller, {
+        control: control,
+        name: "otp_code",
+        render: function(param) {
+            var field = param.field;
+            var _formState_errors_otp_code;
+            return /* @__PURE__ */ import_react39.default.createElement(PinInput, {
+                width: "full",
+                digits: 6,
+                getPins: function(e) {
+                    return setValue("otp_code", e.join(""));
+                },
+                helperText: (_formState_errors_otp_code = formState.errors.otp_code) === null || _formState_errors_otp_code === void 0 ? void 0 : _formState_errors_otp_code.message
+            });
         }
     }), /* @__PURE__ */ import_react39.default.createElement("div", {
         className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground"
-    }, /* @__PURE__ */ import_react39.default.createElement("span", null, (_props_texts_didntGetCode = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.didntGetCode) !== null && _props_texts_didntGetCode !== void 0 ? _props_texts_didntGetCode : "Didn't get the code?"), " ", /* @__PURE__ */ import_react39.default.createElement("span", {
+    }, /* @__PURE__ */ import_react39.default.createElement("span", null, (_props_texts_didntGetCode = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.didntGetCode) !== null && _props_texts_didntGetCode !== void 0 ? _props_texts_didntGetCode : "Didn't get the code?"), " ", /* @__PURE__ */ import_react39.default.createElement("span", {
         className: "clickable-link"
-    }, (_props_texts_resendCode = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react39.default.createElement("div", {
+    }, (_props_texts_resendCode = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react39.default.createElement("div", {
         className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2"
     }, /* @__PURE__ */ import_react39.default.createElement(Button, {
         variant: "secondary"
-    }, (_props_texts_cancel = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react39.default.createElement(Button, null, (_props_texts_confirm = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
+    }, (_props_texts_cancel = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react39.default.createElement(Button, null, (_props_texts_confirm = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
 };
 // components/blocks/feedback/UserReferralSource.tsx
 var import_react40 = __toESM(require("react"));
@@ -7545,28 +7587,38 @@ var VeryBadEmoji = function() {
 };
 // components/blocks/feedback/FeedbackForm.tsx
 var import_react43 = __toESM(require("react"));
-var import_react_hook_form6 = require("react-hook-form");
-var import_zod5 = require("@hookform/resolvers/zod");
-var z5 = __toESM(require("zod"));
-var formSchema = z5.object({
-    requestType: z5.string().nonempty({
-        message: "Request type is required."
-    }),
-    description: z5.string().min(10, {
-        message: "Description must be at least 10 characters."
-    })
-});
-var FeedbackForm = function(param) {
-    var onSubmit = param.onSubmit;
-    var _ref = (0, import_react_hook_form6.useForm)({
-        resolver: (0, import_zod5.zodResolver)(formSchema)
+var import_react_hook_form7 = require("react-hook-form");
+var import_zod6 = require("@hookform/resolvers/zod");
+var z6 = __toESM(require("zod"));
+var FeedbackForm = function(props) {
+    var _props_texts, _props_texts1;
+    var formSchema = z6.object({
+        requestType: z6.string({
+            required_error: props.texts.requestTypeRequired
+        }).nonempty({
+            message: props.texts.requestTypeRequired
+        }),
+        description: z6.string({
+            required_error: props.texts.descriptionRequired
+        }).min(10, {
+            message: props.texts.descriptionTooShort
+        })
+    });
+    var _ref = (0, import_react_hook_form7.useForm)({
+        resolver: (0, import_zod6.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
     return /* @__PURE__ */ import_react43.default.createElement(Card, null, /* @__PURE__ */ import_react43.default.createElement(CardContent, {
         headless: true
     }, /* @__PURE__ */ import_react43.default.createElement("form", {
-        onSubmit: handleSubmit(onSubmit),
+        onSubmit: handleSubmit(function(e) {
+            if (props.onSubmit) {
+                return props.onSubmit(e);
+            } else {
+                console.log("Form is submitted but onSubmit prop is missing");
+            }
+        }),
         className: "hawa-flex hawa-flex-col hawa-gap-4"
-    }, /* @__PURE__ */ import_react43.default.createElement(Label, null, "Request Type:"), /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form6.Controller, {
+    }, /* @__PURE__ */ import_react43.default.createElement(Label, null, (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.requestType), /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form7.Controller, {
         name: "requestType",
         control: control,
         render: function(param) {
@@ -7597,7 +7649,7 @@ var FeedbackForm = function(param) {
                 helperText: formState.errors.requestType && ((_formState_errors_requestType = formState.errors.requestType) === null || _formState_errors_requestType === void 0 ? void 0 : _formState_errors_requestType.message)
             }));
         }
-    }), /* @__PURE__ */ import_react43.default.createElement(Label, null, "Description:"), /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form6.Controller, {
+    }), /* @__PURE__ */ import_react43.default.createElement(Label, null, props.texts.description), /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form7.Controller, {
         name: "description",
         control: control,
         render: function(param) {
@@ -7609,7 +7661,7 @@ var FeedbackForm = function(param) {
         }
     }), /* @__PURE__ */ import_react43.default.createElement(Button, {
         type: "submit"
-    }, "Submit"))));
+    }, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit))));
 };
 // components/blocks/misc/LegalTexts.tsx
 var import_react44 = __toESM(require("react"));
@@ -7698,10 +7750,10 @@ var Testimonial = function(props) {
 };
 // components/blocks/misc/LeadGenerator.tsx
 var import_react47 = __toESM(require("react"));
-var import_react_hook_form7 = require("react-hook-form");
+var import_react_hook_form8 = require("react-hook-form");
 var LeadGenerator = function(param) {
     var texts = param.texts, submitHandler = param.submitHandler;
-    var _ref = (0, import_react_hook_form7.useForm)(), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
+    var _ref = (0, import_react_hook_form8.useForm)(), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
     var onSubmit = function(data) {
         if (submitHandler) {
             submitHandler(data.email);
@@ -7713,7 +7765,7 @@ var LeadGenerator = function(param) {
     return /* @__PURE__ */ import_react47.default.createElement(Card, null, /* @__PURE__ */ import_react47.default.createElement(CardHeader, null, /* @__PURE__ */ import_react47.default.createElement(CardTitle, null, texts === null || texts === void 0 ? void 0 : texts.title), /* @__PURE__ */ import_react47.default.createElement(CardDescription, null, texts === null || texts === void 0 ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react47.default.createElement(CardContent, null, /* @__PURE__ */ import_react47.default.createElement("form", {
         className: "hawa-flex hawa-flex-row hawa-gap-2",
         onSubmit: handleSubmit(onSubmit)
-    }, /* @__PURE__ */ import_react47.default.createElement(import_react_hook_form7.Controller, {
+    }, /* @__PURE__ */ import_react47.default.createElement(import_react_hook_form8.Controller, {
         name: "email",
         control: control,
         rules: {