@sikka/hawa 0.6.5-next → 0.6.10-next

package/dist/index.mjs

@@ -1149,7 +1149,7 @@ var Radio = ({
         {
           className: cn(
             "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-            props.direction === "rtl" ? "margin-left" : "margin-right"
+            props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
           ),
           key: i + 1
         },
@@ -1199,13 +1199,12 @@ var Radio = ({
         /* @__PURE__ */ React16.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React16.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React16.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
       ))));
     default:
-      console.log("ds", parentDirection);
       return /* @__PURE__ */ React16.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React16.createElement(
         "div",
         {
           className: cn(
             "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
-            props.direction === "rtl" ? "margin-left" : "margin-right"
+            props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
           ),
           key: i + 1
         },
@@ -1444,7 +1443,7 @@ var PopoverContent = React21.forwardRef(({ className, align = "center", sideOffs
     align,
     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",
+      "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
@@ -1888,25 +1887,32 @@ var PinInput = ({
       }
     }
   };
-  return /* @__PURE__ */ React26.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2", dir: "ltr" }, pin.map((value, index) => /* @__PURE__ */ React26.createElement(
-    "input",
-    {
-      key: index,
-      type: "text",
-      maxLength: 1,
-      value,
-      id: `input-${index}`,
-      pattern: "[0-9]*",
-      className: clsx7(
-        "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
-        width === "full" ? "hawa-w-full" : "hawa-w-10"
-      ),
-      onChange: (e) => handleChange(e, index),
-      onKeyDown: (e) => handleKeyDown(e, index),
-      onFocus: (e) => e.target.select(),
-      ...props
-    }
-  )));
+  return /* @__PURE__ */ React26.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React26.createElement(
+    "div",
+    {
+      className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
+      dir: "ltr"
+    },
+    pin.map((value, index) => /* @__PURE__ */ React26.createElement(
+      "input",
+      {
+        key: index,
+        type: "text",
+        maxLength: 1,
+        value,
+        id: `input-${index}`,
+        pattern: "[0-9]*",
+        className: clsx7(
+          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
+          width === "full" ? "hawa-w-full" : "hawa-w-10"
+        ),
+        onChange: (e) => handleChange(e, index),
+        onKeyDown: (e) => handleKeyDown(e, index),
+        onFocus: (e) => e.target.select(),
+        ...props
+      }
+    ))
+  ), props.helperText && /* @__PURE__ */ React26.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
@@ -3897,10 +3903,19 @@ var Menu = ({
   innerRef,
   ...props
 }) => {
+  const menuOpen = props.selectProps.menuIsOpen;
   return /* @__PURE__ */ React29.createElement(
     "div",
     {
-      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 "
+        // menuOpen
+        //   ? "hawa-zoom-in-95 hawa-animate-in hawa-fade-in-0 "
+        //   : "hawa-zoom-out-95 hawa-fade-out-0 hawa-animate-out"
+        // "hawa-zoom-in-95 hawa-animate-in hawa-animate-out hawa-fade-out-0 hawa-fade-in-0 hawa-zoom-out-95"
+        // "data-[state=open]:hawa-zoom-in-95 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"
+      ),
       ref: innerRef,
       ...innerProps
     },
@@ -3915,15 +3930,17 @@ var Option = ({
   innerRef,
   size = "normal",
   ...props
-}) => /* @__PURE__ */ React29.createElement(
-  "div",
-  {
-    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",
-    ...innerProps
-  },
-  children
-);
+}) => {
+  return /* @__PURE__ */ React29.createElement(
+    "div",
+    {
+      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 hawa-transition-all hover:hawa-text-primary-foreground ",
+      ...innerProps
+    },
+    children
+  );
+};
 var Select = (props) => {
   const Control = ({
     // cx,
@@ -3965,6 +3982,15 @@ var Select = (props) => {
       {
         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: () => 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
@@ -3988,6 +4014,7 @@ var Select = (props) => {
         isClearable: props.isClearable,
         isMulti: props.isMulti,
         isSearchable: props.isSearchable,
+        placeholder: props.placeholder,
         autoFocus: true,
         onChange: (newValue, action) => (
           // props.onChange(newValue.label, action)
@@ -4020,7 +4047,8 @@ var Select = (props) => {
         isClearable: props.isClearable,
         isMulti: props.isMulti,
         isSearchable: props.isSearchable,
-        onCreateOption: () => console.log("im changing"),
+        placeholder: props.placeholder,
+        onCreateOption: props.handleCreateOption,
         onChange: (newValue, action) => props.onChange(newValue, action),
         onInputChange: (newValue, action) => props.onInputChange(newValue, action),
         components: {
@@ -4205,7 +4233,7 @@ var TableHead = React33.forwardRef(
       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.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
@@ -4269,7 +4297,8 @@ var TableCell = React33.forwardRef(
         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",
+        // "[&:not(:last-child)]:hawa-border-r",
+        props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
         className
       ),
       ...props
@@ -4477,6 +4506,7 @@ var SimpleTable = ({
       TableHead,
       {
         condensed: props.condensed,
+        dir: props.direction,
         key: header.id
       },
       header.isPlaceholder ? null : flexRender2(
@@ -4490,10 +4520,18 @@ var SimpleTable = ({
       key: row.id,
       "data-state": row.getIsSelected() && "selected"
     },
-    row.getVisibleCells().map((cell) => /* @__PURE__ */ React35.createElement(TableCell, { condensed: props.condensed, key: cell.id }, flexRender2(
-      cell.column.columnDef.cell,
-      cell.getContext()
-    )))
+    row.getVisibleCells().map((cell) => /* @__PURE__ */ React35.createElement(
+      TableCell,
+      {
+        dir: props.direction,
+        condensed: props.condensed,
+        key: cell.id
+      },
+      flexRender2(
+        cell.column.columnDef.cell,
+        cell.getContext()
+      )
+    ))
   )) : /* @__PURE__ */ React35.createElement(TableRow, null, /* @__PURE__ */ React35.createElement(
     TableCell,
     {
@@ -5941,6 +5979,7 @@ var AppLayout = ({
     /* @__PURE__ */ React50.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: {
@@ -6101,9 +6140,9 @@ import { Controller as Controller2, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
 var LoginForm = (props) => {
-  let formSchema2;
+  let formSchema;
   if (props.loginType === "email") {
-    formSchema2 = z.object({
+    formSchema = z.object({
       email: z.string({
         required_error: props.texts?.emailRequiredText
       }).nonempty({ message: props.texts?.emailRequiredText }).email({ message: props.texts?.emailInvalidText }),
@@ -6112,21 +6151,21 @@ var LoginForm = (props) => {
       }).min(5, { message: "Password must be at least 5 characters long" }).nonempty({ message: props.texts?.passwordRequiredText })
     });
   } else if (props.loginType === "username") {
-    formSchema2 = z.object({
+    formSchema = z.object({
       username: z.string().min(2, { message: "Username must be at least 2 characters" }).nonempty({ message: props.texts?.usernameRequired }),
       password: z.string({
         required_error: props.texts?.passwordRequiredText
       }).min(5, { message: "Password must be at least 5 characters long" }).nonempty({ message: props.texts?.passwordRequiredText })
     });
   } 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({});
   }
   const { handleSubmit, control, formState } = useForm({
-    resolver: zodResolver(formSchema2)
+    resolver: zodResolver(formSchema)
   });
   return /* @__PURE__ */ React52.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React52.createElement(Card, { dir: props.direction }, /* @__PURE__ */ React52.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React52.createElement(
     Alert,
@@ -6141,7 +6180,6 @@ var LoginForm = (props) => {
       className: "hawa-flex hawa-flex-col hawa-gap-4",
       onSubmit: handleSubmit((e) => {
         if (props.handleLogin) {
-          console.log("attempting to login");
           return props.handleLogin(e);
         } else {
           console.log(
@@ -6313,6 +6351,7 @@ var RegisterForm = (props) => {
     passwordPlaceholder,
     passwordRequiredText,
     passwordTooShortText,
+    passwordsDontMatch,
     confirmPasswordRequired,
     confirmPasswordPlaceholder,
     termsRequiredText,
@@ -6332,7 +6371,7 @@ var RegisterForm = (props) => {
         break;
     }
   });
-  const formSchema2 = z2.object({
+  const formSchema = z2.object({
     ...fieldSchemas,
     password: z2.string({ required_error: passwordRequiredText }).min(5, { message: passwordTooShortText }).refine((value) => value !== "", { message: passwordRequiredText }),
     confirm_password: z2.string({ required_error: confirmPasswordRequired }).refine((value) => value !== "", { message: passwordRequiredText }),
@@ -6341,11 +6380,11 @@ var RegisterForm = (props) => {
     terms_accepted: z2.boolean({ required_error: termsRequiredText }).refine((value) => value, { message: termsRequiredText }),
     newsletter_accepted: z2.boolean().optional()
   }).refine((data) => data.password === data.confirm_password, {
-    message: "Passwords don't match",
+    message: passwordsDontMatch,
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = useForm2({
-    resolver: zodResolver2(formSchema2)
+    resolver: zodResolver2(formSchema)
   });
   return /* @__PURE__ */ React53.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React53.createElement(Card, { dir: props.direction }, /* @__PURE__ */ React53.createElement(CardContent, { headless: true }, /* @__PURE__ */ React53.createElement("div", null, props.showError && /* @__PURE__ */ React53.createElement(
     Alert,
@@ -6357,7 +6396,15 @@ var RegisterForm = (props) => {
   ), /* @__PURE__ */ React53.createElement(FormProvider2, { ...methods }, /* @__PURE__ */ React53.createElement(
     "form",
     {
-      onSubmit: handleSubmit(props.handleRegister),
+      onSubmit: handleSubmit((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__ */ React53.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.registerFields.map((fld, i) => {
@@ -6683,7 +6730,7 @@ var AppLanding = (props) => {
   ), !props.withoutSignUp && /* @__PURE__ */ React54.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, props.texts?.newUserText, " ", /* @__PURE__ */ React54.createElement(
     "span",
     {
-      onClick: props.handleRouteToSignUp,
+      onClick: props.handleRouteToRegister,
       className: "clickable-link"
     },
     props.texts?.createAccount
@@ -6777,7 +6824,7 @@ import { Controller as Controller4, useForm as useForm3 } from "react-hook-form"
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
 var NewPasswordForm = (props) => {
-  const formSchema2 = z3.object({
+  const formSchema = z3.object({
     password: z3.string({ required_error: props.texts.passwordRequiredText }).min(5, { message: props.texts.passwordTooShortText }).refine((value) => value !== "", {
       message: props.texts.passwordRequiredText
     }),
@@ -6789,7 +6836,7 @@ var NewPasswordForm = (props) => {
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = useForm3({
-    resolver: zodResolver3(formSchema2)
+    resolver: zodResolver3(formSchema)
   });
   const [matchError, setMatchError] = useState20(false);
   return /* @__PURE__ */ React56.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React56.createElement(Alert, { text: props.texts.passwordMatchError, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React56.createElement(CardContent, { headless: true }, /* @__PURE__ */ React56.createElement("div", { className: "hawa-text-center" }, props.texts.passwordChanged)) : /* @__PURE__ */ React56.createElement(
@@ -6797,7 +6844,6 @@ var NewPasswordForm = (props) => {
     {
       onSubmit: handleSubmit((e) => {
         if (props.handleNewPassword) {
-          console.log("attempting to login");
           return props.handleNewPassword(e);
         } else {
           console.log(
@@ -6864,18 +6910,17 @@ import { Controller as Controller5, useForm as useForm4 } from "react-hook-form"
 import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 var ResetPasswordForm = (props) => {
-  const formSchema2 = z4.object({
+  const formSchema = z4.object({
     email: z4.string({ required_error: props.texts?.emailRequiredText }).email({ message: props.texts?.emailInvalidText }).nonempty({ message: props.texts?.emailRequiredText })
   });
   const { handleSubmit, control, formState } = useForm4({
-    resolver: zodResolver4(formSchema2)
+    resolver: zodResolver4(formSchema)
   });
   return /* @__PURE__ */ React57.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React57.createElement(React57.Fragment, null, !props.headless && /* @__PURE__ */ React57.createElement(CardHeader, null, /* @__PURE__ */ React57.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ React57.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ React57.createElement(
     "form",
     {
       onSubmit: handleSubmit((e) => {
         if (props.handleResetPassword) {
-          console.log("attempting to login");
           return props.handleResetPassword(e);
         } else {
           console.log(
@@ -6915,9 +6960,17 @@ var ResetPasswordForm = (props) => {
 };
 
 // components/blocks/auth/CodeConfirmation.tsx
-import React58, { useState as useState21 } from "react";
+import React58 from "react";
+import { Controller as Controller6, useForm as useForm5 } from "react-hook-form";
+import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
+import * as z5 from "zod";
 var CodeConfirmation = (props) => {
-  const [pins, setPins] = useState21(null);
+  const formSchema = z5.object({
+    otp_code: z5.string({ required_error: props.texts?.codeRequiredText }).min(6, { message: props.texts?.codeTooShort })
+  });
+  const { handleSubmit, control, formState, setValue } = useForm5({
+    resolver: zodResolver5(formSchema)
+  });
   return /* @__PURE__ */ React58.createElement(Card, null, /* @__PURE__ */ React58.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React58.createElement(
     Alert,
     {
@@ -6928,14 +6981,32 @@ var CodeConfirmation = (props) => {
   ), /* @__PURE__ */ React58.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React58.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, props.texts?.checkYourPhone ?? "Please check your phone"), /* @__PURE__ */ React58.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React58.createElement("span", null, props.texts?.weSentCode ?? "We've sent a code to "), /* @__PURE__ */ React58.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ React58.createElement(
     "form",
     {
-      onSubmit: (e) => {
-        e.preventDefault();
-        if (pins) {
-          props.submitConfirmation(pins);
+      onSubmit: handleSubmit((e) => {
+        if (props.handleConfirm) {
+          return props.handleConfirm(e);
+        } else {
+          console.log(
+            "Form is submitted but handleConfirm prop is missing"
+          );
         }
-      }
+      })
     },
-    /* @__PURE__ */ React58.createElement(PinInput, { width: "full", digits: 6, getPins: (e) => setPins(e) }),
+    /* @__PURE__ */ React58.createElement(
+      Controller6,
+      {
+        control,
+        name: "otp_code",
+        render: ({ field }) => /* @__PURE__ */ React58.createElement(
+          PinInput,
+          {
+            width: "full",
+            digits: 6,
+            getPins: (e) => setValue("otp_code", e.join("")),
+            helperText: formState.errors.otp_code?.message
+          }
+        )
+      }
+    ),
     /* @__PURE__ */ React58.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React58.createElement("span", null, props.texts?.didntGetCode ?? "Didn't get the code?"), " ", /* @__PURE__ */ React58.createElement("span", { className: "clickable-link" }, props.texts?.resendCode ?? "Click to resend")),
     /* @__PURE__ */ React58.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React58.createElement(Button, { variant: "secondary" }, props.texts?.cancel ?? "Cancel"), /* @__PURE__ */ React58.createElement(Button, null, props.texts?.confirm ?? "Confirm"))
   )));
@@ -7345,26 +7416,32 @@ var VeryBadEmoji = () => /* @__PURE__ */ React61.createElement(
 
 // components/blocks/feedback/FeedbackForm.tsx
 import React62 from "react";
-import { useForm as useForm5, Controller as Controller6 } from "react-hook-form";
-import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
-import * as z5 from "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 = ({ onSubmit }) => {
-  const { handleSubmit, control, formState } = useForm5({
-    resolver: zodResolver5(formSchema)
+import { useForm as useForm6, Controller as Controller7 } from "react-hook-form";
+import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
+import * as z6 from "zod";
+var FeedbackForm = (props) => {
+  const 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 })
+  });
+  const { handleSubmit, control, formState } = useForm6({
+    resolver: zodResolver6(formSchema)
   });
   return /* @__PURE__ */ React62.createElement(Card, null, /* @__PURE__ */ React62.createElement(CardContent, { headless: true }, /* @__PURE__ */ React62.createElement(
     "form",
     {
-      onSubmit: handleSubmit(onSubmit),
+      onSubmit: handleSubmit((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__ */ React62.createElement(Label, null, "Request Type:"),
+    /* @__PURE__ */ React62.createElement(Label, null, props.texts?.requestType),
     /* @__PURE__ */ React62.createElement(
-      Controller6,
+      Controller7,
       {
         name: "requestType",
         control,
@@ -7396,9 +7473,9 @@ var FeedbackForm = ({ onSubmit }) => {
         )
       }
     ),
-    /* @__PURE__ */ React62.createElement(Label, null, "Description:"),
+    /* @__PURE__ */ React62.createElement(Label, null, props.texts.description),
     /* @__PURE__ */ React62.createElement(
-      Controller6,
+      Controller7,
       {
         name: "description",
         control,
@@ -7411,7 +7488,7 @@ var FeedbackForm = ({ onSubmit }) => {
         )
       }
     ),
-    /* @__PURE__ */ React62.createElement(Button, { type: "submit" }, "Submit")
+    /* @__PURE__ */ React62.createElement(Button, { type: "submit" }, props.texts?.submit)
   )));
 };
 
@@ -7477,9 +7554,9 @@ var Testimonial = (props) => {
 
 // components/blocks/misc/LeadGenerator.tsx
 import React66 from "react";
-import { useForm as useForm6, Controller as Controller7 } from "react-hook-form";
+import { useForm as useForm7, Controller as Controller8 } from "react-hook-form";
 var LeadGenerator = ({ texts, submitHandler }) => {
-  const { handleSubmit, control, formState } = useForm6();
+  const { handleSubmit, control, formState } = useForm7();
   const onSubmit = (data) => {
     if (submitHandler) {
       submitHandler(data.email);
@@ -7494,7 +7571,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
       onSubmit: handleSubmit(onSubmit)
     },
     /* @__PURE__ */ React66.createElement(
-      Controller7,
+      Controller8,
       {
         name: "email",
         control,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.6.5-next",
+  "version": "0.6.10-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {