@sikka/hawa 0.16.12-next → 0.16.14-next

package/dist/index.mjs

@@ -356,6 +356,7 @@ var PricingCard = ({
   currentPlan = false,
   ...props
 }) => {
+  var _a;
   let cardSizes = {
     small: "hawa-mx-1 hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
     medium: "hawa-mx-1 hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
@@ -376,7 +377,7 @@ var PricingCard = ({
     /* @__PURE__ */ React7.createElement("h5", { className: "hawa-text-md 0 hawa-font-bold hawa-text-primary/70" }, props.texts.title),
     /* @__PURE__ */ React7.createElement("div", { className: " hawa-text-primary hawa-flex  hawa-items-baseline" }, /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price), /* @__PURE__ */ React7.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ React7.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText)),
     /* @__PURE__ */ React7.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle),
-    props.features && /* @__PURE__ */ React7.createElement("ul", { role: "list", className: "hawa-space-y-0 " }, props.features?.map((feature, o) => {
+    props.features && /* @__PURE__ */ React7.createElement("ul", { role: "list", className: "hawa-space-y-0 " }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
       return /* @__PURE__ */ React7.createElement(
         "li",
         {
@@ -894,7 +895,7 @@ var PinInput = ({
     if (e.key === "Backspace") {
       e.target.value.length === 0 ? backTo = index - 1 : backTo = index;
       const previousInput = document.getElementById(`input-${backTo}`);
-      previousInput?.focus();
+      previousInput == null ? void 0 : previousInput.focus();
     }
   };
   useEffect3(() => {
@@ -915,10 +916,10 @@ var PinInput = ({
       setPin(newPin);
       if (e.target.value.length === 1) {
         const nextInput = document.getElementById(`input-${index + 1}`);
-        nextInput?.focus();
+        nextInput == null ? void 0 : nextInput.focus();
       } else if (e.target.value.length === 0) {
         const previousInput = document.getElementById(`input-${index - 1}`);
-        previousInput?.focus();
+        previousInput == null ? void 0 : previousInput.focus();
       }
     }
   };
@@ -2731,8 +2732,8 @@ var Label2 = React14.forwardRef(
       strokeLinejoin: "round"
     },
     /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React14.createElement("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-    /* @__PURE__ */ React14.createElement("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+    /* @__PURE__ */ React14.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React14.createElement("path", { d: "M12 17h.01" })
   )))
 );
 Label2.displayName = "Label";
@@ -2767,7 +2768,8 @@ function Skeleton({
 // components/elements/Select.tsx
 var Select = ({ labelKey = "label", ...props }) => {
   const NoOption = () => {
-    return /* @__PURE__ */ React16.createElement("div", null, props.texts?.noOptions ?? "No Items Found");
+    var _a, _b;
+    return /* @__PURE__ */ React16.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
     return /* @__PURE__ */ React16.createElement(
@@ -2869,7 +2871,10 @@ var Select = ({ labelKey = "label", ...props }) => {
     ) : /* @__PURE__ */ React16.createElement(
       CreatableSelect,
       {
-        formatCreateLabel: (inputValue) => `${props.texts?.createLabel ?? "Create"} "${inputValue}"`,
+        formatCreateLabel: (inputValue) => {
+          var _a, _b;
+          return `${(_b = (_a = props.texts) == null ? void 0 : _a.createLabel) != null ? _b : "Create"} "${inputValue}"`;
+        },
         classNames: {
           container: () => cn(
             "hawa-rounded",
@@ -2912,8 +2917,9 @@ var PhoneInput = (props) => {
   const [countryCode, setCountryCode] = useState5(props.preferredCountry);
   const inputRef = useRef2(null);
   useEffect4(() => {
+    var _a;
     if (inputRef.current) {
-      inputRef.current?.focus();
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
     }
   }, []);
   const handleInputChange = (e) => {
@@ -2923,7 +2929,7 @@ var PhoneInput = (props) => {
       setPhoneNumber(input);
     }
     if (props.handleChange) {
-      props.handleChange(`${countryCode?.label}-${e.target.value}`);
+      props.handleChange(`${countryCode == null ? void 0 : countryCode.label}-${e.target.value}`);
     } else {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
@@ -2941,7 +2947,7 @@ var PhoneInput = (props) => {
       isSearchable: true,
       isClearable: false,
       defaultValue: props.preferredCountry,
-      value: countryCode?.label,
+      value: countryCode == null ? void 0 : countryCode.label,
       onChange: setCountryCode
     }
   ), /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-h-fit hawa-relative hawa-flex-col  hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ React17.createElement(
@@ -3056,6 +3062,7 @@ var Radio = ({
   labelProps,
   ...props
 }) => {
+  var _a, _b, _c;
   const [selectedOption, setSelectedOption] = useState6(props.defaultValue);
   let activeTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4  hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary ";
   let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-primary/10 dark:hawa-bg-background hawa-bg-primary/5  hover:hawa-text-gray-900  dark:hover:hawa-bg-primary/10 dark:hover:hawa-text-white dark:hawa-bg-primary/5";
@@ -3072,7 +3079,8 @@ var Radio = ({
   );
   const parentRef = useRef3(null);
   useEffect5(() => {
-    const parentNode = parentRef.current?.parentNode;
+    var _a2;
+    const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
     if (parentNode) {
       const dir = window.getComputedStyle(parentNode).direction;
       setParentDirection(dir);
@@ -3085,13 +3093,13 @@ var Radio = ({
         {
           ref: parentRef,
           className: cn(
-            props.options && props.options?.length > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
+            props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
             "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-text-sm hawa-font-medium",
             widthStyle[width],
             orientationStyle[orientation]
           )
         },
-        props.options?.map((opt, o) => /* @__PURE__ */ React19.createElement(
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React19.createElement(
           "li",
           {
             "aria-current": "page",
@@ -3157,7 +3165,7 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ React19.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options?.map((opt, o) => /* @__PURE__ */ React19.createElement("li", { key: o }, /* @__PURE__ */ React19.createElement(
+      return /* @__PURE__ */ React19.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React19.createElement("li", { key: o }, /* @__PURE__ */ React19.createElement(
         "input",
         {
           type: "radio",
@@ -3251,7 +3259,8 @@ var Switch = React20.forwardRef(
     );
     const parentRef = React20.useRef(null);
     React20.useEffect(() => {
-      const parentNode = parentRef.current?.parentNode;
+      var _a;
+      const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
         const dir = window.getComputedStyle(parentNode).direction;
         setParentDirection(dir);
@@ -3451,6 +3460,7 @@ var Input = forwardRef9(
     forceHideHelperText = false,
     ...props
   }, ref) => {
+    var _a;
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -3512,7 +3522,7 @@ var Input = forwardRef9(
             props.endIcon && "hawa-pe-9",
             props.startIcon && "hawa-ps-9",
             preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
-            props.inputProps?.className
+            (_a = props.inputProps) == null ? void 0 : _a.className
           )
         }
       )), !forceHideHelperText && /* @__PURE__ */ React24.createElement(
@@ -3915,6 +3925,7 @@ var Combobox = ({
   data,
   ...props
 }) => {
+  var _a, _b, _c;
   const [open, setOpen] = React28.useState(false);
   const [value, setValue] = React28.useState(defaultValue);
   function getProperty(obj, key) {
@@ -3965,7 +3976,7 @@ var Combobox = ({
       value ? getProperty(
         data.find((item) => item[valueKey] === value) || {},
         labelKey
-      ) : props.texts?.placeholder || "...",
+      ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
       /* @__PURE__ */ React28.createElement(
         "svg",
         {
@@ -3998,7 +4009,7 @@ var Combobox = ({
       {
         className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
       },
-      /* @__PURE__ */ React28.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React28.createElement(CommandInput, { placeholder: props.texts?.searchPlaceholder }), /* @__PURE__ */ React28.createElement(CommandEmpty, null, props.texts?.noItems || "No items found."), /* @__PURE__ */ React28.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React28.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React28.createElement(CommandInput, { placeholder: (_b = props.texts) == null ? void 0 : _b.searchPlaceholder }), /* @__PURE__ */ React28.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React28.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React28.createElement(
         CommandItem,
         {
           key: getProperty(item, valueKey),
@@ -4047,7 +4058,8 @@ import React29, { useRef as useRef5 } from "react";
 var FileUploader = ({ handleFile, className }) => {
   const hiddenFileInput = useRef5(null);
   const handleClick = () => {
-    hiddenFileInput.current?.click();
+    var _a;
+    (_a = hiddenFileInput.current) == null ? void 0 : _a.click();
   };
   const handleChange = (event) => {
     const fileUploaded = event.target.files[0];
@@ -4717,8 +4729,8 @@ var Alert = ({
       }, duration);
       const timeoutDestroy = setTimeout(() => {
         setClosed(true);
-        if (alertRef?.current) {
-          alertRef?.current.removeChild(alertRef?.current.children[0]);
+        if (alertRef == null ? void 0 : alertRef.current) {
+          alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
         }
       }, duration + 1e3);
       return () => {
@@ -4809,8 +4821,8 @@ var Alert = ({
           }
           setClosed(true);
           setTimeout(() => {
-            if (alertRef?.current) {
-              alertRef?.current.removeChild(alertRef?.current.children[0]);
+            if (alertRef == null ? void 0 : alertRef.current) {
+              alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
             }
           }, 200);
         }
@@ -4883,8 +4895,8 @@ var DestroyableCard = ({
           onClick: () => {
             setClosed(true);
             setTimeout(() => {
-              if (popUpRef?.current) {
-                popUpRef?.current.removeChild(popUpRef?.current.children[0]);
+              if (popUpRef == null ? void 0 : popUpRef.current) {
+                popUpRef == null ? void 0 : popUpRef.current.removeChild(popUpRef == null ? void 0 : popUpRef.current.children[0]);
               }
             }, 200);
           }
@@ -4934,6 +4946,7 @@ var FileDropzone = ({
   termsLink,
   privacyLink
 }) => {
+  var _a, _b, _c, _d, _e, _f;
   const [cmp, setCmp] = useState16(0);
   const [max, setMax] = useState16(0);
   const {
@@ -4959,7 +4972,7 @@ var FileDropzone = ({
   });
   useEffect12(
     () => () => {
-      files?.forEach((file) => {
+      files == null ? void 0 : files.forEach((file) => {
         URL.revokeObjectURL(file.preview);
       });
     },
@@ -5031,7 +5044,7 @@ var FileDropzone = ({
         );
     }
   });
-  const thumbs = files?.map((file, index) => /* @__PURE__ */ React40.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ React40.createElement(
+  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ React40.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ React40.createElement(
     "button",
     {
       onClick: (e) => {
@@ -5114,21 +5127,21 @@ var FileDropzone = ({
     ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ React40.createElement("div", { className: "hawa-pt-2 hawa-text-center hawa-text-xs hawa-select-none" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ React40.createElement("div", { className: "hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs hawa-select-none" }, texts.maxFileSize, " ", max)),
     acceptedFiles.length > 0 && /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ React40.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
     acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ React40.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
-    /* @__PURE__ */ React40.createElement("div", { className: "px-4" }, fileRejections[0]?.errors[0]?.code && errs)
-  ), disclaimer && /* @__PURE__ */ React40.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, texts.disclaimer ?? "By uploading a file you agree to our", " ", /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React40.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
+  ), disclaimer && /* @__PURE__ */ React40.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ React40.createElement(
     "a",
     {
       href: termsLink,
       className: "clickable-link hawa-text-muted-foreground/50"
     },
-    texts.terms ?? "Terms"
-  ), " ", texts.and ?? "and", " ", /* @__PURE__ */ React40.createElement(
+    (_d = texts.terms) != null ? _d : "Terms"
+  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ React40.createElement(
     "a",
     {
       href: privacyLink,
       className: "clickable-link hawa-text-muted-foreground/50"
     },
-    texts.privacyPolicy ?? "Privacy Policy"
+    (_f = texts.privacyPolicy) != null ? _f : "Privacy Policy"
   )));
 };
 
@@ -5150,12 +5163,12 @@ var Carousel = (props) => {
   const [selectedIndex, setSelectedIndex] = useState17(0);
   useEffect13(() => {
     function selectHandler() {
-      const index = emblaApi?.selectedScrollSnap();
+      const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
       setSelectedIndex(index || 0);
     }
-    emblaApi?.on("select", selectHandler);
+    emblaApi == null ? void 0 : emblaApi.on("select", selectHandler);
     return () => {
-      emblaApi?.off("select", selectHandler);
+      emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
     };
   }, [emblaApi]);
   useEffect13(() => {
@@ -5171,22 +5184,22 @@ var Carousel = (props) => {
     };
   }, [emblaApi, autoplay, autoplayInterval]);
   const length = React41.Children.count(items);
-  const canScrollNext = !!emblaApi?.canScrollNext();
-  const canScrollPrev = !!emblaApi?.canScrollPrev();
-  return /* @__PURE__ */ React41.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React41.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React41.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React41.createElement("div", { className: "hawa-h-full hawa-flex" }, items?.map((item) => /* @__PURE__ */ React41.createElement("div", { className: "hawa-h-full hawa-justify-center hawa-flex  hawa-items-center  hawa-min-w-0 hawa-flex-[0_0_100%]" }, item))))), /* @__PURE__ */ React41.createElement(
+  const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
+  const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
+  return /* @__PURE__ */ React41.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React41.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React41.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React41.createElement("div", { className: "hawa-h-full hawa-flex" }, items == null ? void 0 : items.map((item) => /* @__PURE__ */ React41.createElement("div", { className: "hawa-h-full hawa-justify-center hawa-flex  hawa-items-center  hawa-min-w-0 hawa-flex-[0_0_100%]" }, item))))), /* @__PURE__ */ React41.createElement(
     Dots,
     {
       itemsLength: length,
       selectedIndex,
-      onDotClick: (index) => emblaApi?.scrollTo(index)
+      onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
     }
   ), showArrows && /* @__PURE__ */ React41.createElement(
     CarouselControls,
     {
       canScrollNext,
       canScrollPrev,
-      onNext: () => emblaApi?.scrollNext(),
-      onPrev: () => emblaApi?.scrollPrev()
+      onNext: () => emblaApi == null ? void 0 : emblaApi.scrollNext(),
+      onPrev: () => emblaApi == null ? void 0 : emblaApi.scrollPrev()
     }
   ));
 };
@@ -5467,6 +5480,7 @@ var DataTable = ({
   enableGoTo,
   ...props
 }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const [sorting, setSorting] = React45.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
@@ -5500,8 +5514,8 @@ var DataTable = ({
       expanded
     }
   });
-  const pageText = props.texts?.page || "page";
-  const itemsPerPageOptions = props.itemsPerPage?.map((item) => ({
+  const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
+  const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
     label: `${item} / ${pageText}`,
     value: item
   }));
@@ -5509,8 +5523,8 @@ var DataTable = ({
     Input,
     {
       forceHideHelperText: true,
-      placeholder: props.texts?.searchPlaceholder,
-      value: globalFilter ?? "",
+      placeholder: (_c = props.texts) == null ? void 0 : _c.searchPlaceholder,
+      value: globalFilter != null ? globalFilter : "",
       onChange: (event) => setGlobalFilter(event.target.value),
       margin: "none",
       className: "hawa-w-full md:hawa-max-w-sm"
@@ -5521,7 +5535,7 @@ var DataTable = ({
       variant: "outline",
       className: "hawa-flex hawa-flex-row hawa-gap-2"
     },
-    props.texts?.columns || "Columns",
+    ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
     /* @__PURE__ */ React45.createElement(
       "svg",
       {
@@ -5564,7 +5578,8 @@ var DataTable = ({
       )
     },
     /* @__PURE__ */ React45.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React45.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React45.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React45.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
-      let isSortable = header.column.columnDef.meta?.sortable;
+      var _a2;
+      let isSortable = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.sortable;
       return /* @__PURE__ */ React45.createElement(
         TableHead,
         {
@@ -5578,31 +5593,34 @@ var DataTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React45.createElement(TableBody, null, table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React45.createElement(
+    })))), /* @__PURE__ */ React45.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React45.createElement(
       TableRow,
       {
         key: row.id,
         "data-state": row.getIsSelected() && "selected"
       },
-      row.getVisibleCells().map((cell) => /* @__PURE__ */ React45.createElement(
-        TableCell,
-        {
-          dir: props.direction,
-          padding: props.condensed ? "condensed" : cell.column.columnDef.meta?.padding,
-          key: cell.id
-        },
-        flexRender(
-          cell.column.columnDef.cell,
-          cell.getContext()
-        )
-      ))
+      row.getVisibleCells().map((cell) => {
+        var _a2;
+        return /* @__PURE__ */ React45.createElement(
+          TableCell,
+          {
+            dir: props.direction,
+            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
+            key: cell.id
+          },
+          flexRender(
+            cell.column.columnDef.cell,
+            cell.getContext()
+          )
+        );
+      })
     )) : /* @__PURE__ */ React45.createElement(TableRow, null, /* @__PURE__ */ React45.createElement(
       TableCell,
       {
         colSpan: columns.length,
         className: "hawa-h-24 hawa-text-center"
       },
-      props.texts?.noData
+      (_f = props.texts) == null ? void 0 : _f.noData
     ))))),
     /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React45.createElement(
       "div",
@@ -5610,10 +5628,10 @@ var DataTable = ({
         className: "text-sm text-muted-foreground",
         dir: props.direction
       },
-      /* @__PURE__ */ React45.createElement("span", null, props.texts?.total),
+      /* @__PURE__ */ React45.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
       " ",
       /* @__PURE__ */ React45.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
-    ), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-sm" }, props.texts?.goTo), /* @__PURE__ */ React45.createElement(
+    ), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React45.createElement(
       "input",
       {
         max: table.getPageCount(),
@@ -5650,11 +5668,11 @@ var DataTable = ({
             size: "icon",
             className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 "
           },
-          `${table.getState().pagination.pageSize} / ${props.texts?.page}`
+          `${table.getState().pagination.pageSize} / ${(_i = props.texts) == null ? void 0 : _i.page}`
         ),
         onItemSelect: (e) => table.setPageSize(Number(e))
       }
-    ), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, props.texts?.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, props.texts?.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
+    ), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
       Button,
       {
         "aria-label": "Previous Table Page",
@@ -5729,6 +5747,7 @@ var SimpleTable = ({
   classNames,
   ...props
 }) => {
+  var _a, _b;
   const table = useReactTable2({
     data,
     columns,
@@ -5755,31 +5774,34 @@ var SimpleTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React46.createElement(TableBody, null, table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React46.createElement(
+    })))), /* @__PURE__ */ React46.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React46.createElement(
       TableRow,
       {
         key: row.id,
         "data-state": row.getIsSelected() && "selected"
       },
-      row.getVisibleCells().map((cell) => /* @__PURE__ */ React46.createElement(
-        TableCell,
-        {
-          dir: props.direction,
-          padding: props.condensed ? "condensed" : cell.column.columnDef.meta?.padding,
-          key: cell.id
-        },
-        flexRender2(
-          cell.column.columnDef.cell,
-          cell.getContext()
-        )
-      ))
+      row.getVisibleCells().map((cell) => {
+        var _a2;
+        return /* @__PURE__ */ React46.createElement(
+          TableCell,
+          {
+            dir: props.direction,
+            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
+            key: cell.id
+          },
+          flexRender2(
+            cell.column.columnDef.cell,
+            cell.getContext()
+          )
+        );
+      })
     )) : /* @__PURE__ */ React46.createElement(TableRow, null, /* @__PURE__ */ React46.createElement(
       TableCell,
       {
         colSpan: columns.length,
         className: "hawa-h-24 hawa-text-center"
       },
-      props.texts?.noData
+      (_b = props.texts) == null ? void 0 : _b.noData
     )))))
   );
 };
@@ -5913,8 +5935,9 @@ var BackToTop = ({ ...props }) => {
     return [0, 0];
   };
   const onScroll = () => {
+    var _a;
     let [scrollTop, scrollLeft] = getCoords();
-    let rect2 = props.anchor.current?.getBoundingClientRect();
+    let rect2 = (_a = props.anchor.current) == null ? void 0 : _a.getBoundingClientRect();
     if (rect2) {
       setVisible(scrollTop >= rect2.height + (props.paddingThreshold || 100));
     }
@@ -5939,17 +5962,19 @@ var BackToTop = ({ ...props }) => {
       }
     }, 1);
     return () => {
-      props.anchor.current?.removeEventListener("scroll", onScroll);
+      var _a;
+      (_a = props.anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
       clearInterval(interval);
     };
   }, [onScroll, props.anchor]);
   const getStyles = () => {
+    var _a;
     if (!props.anchor.current || !self.current)
       return {};
     let corner = props.corner || "bottom-right";
     let [vertical, horizontal] = corner.split("-");
     let anchorRect = props.anchor.current.getBoundingClientRect();
-    let selfRect = self.current?.getBoundingClientRect();
+    let selfRect = (_a = self.current) == null ? void 0 : _a.getBoundingClientRect();
     let width = horizontal == "right" ? anchorRect.width - selfRect.width : 0;
     let height = vertical == "bottom" ? anchorRect.height - selfRect.height : 0;
     let style = {
@@ -6010,7 +6035,8 @@ var ScrollIndicator = ({
       return;
     anchor.current.addEventListener("scroll", onScroll);
     return () => {
-      anchor.current?.removeEventListener("scroll", onScroll);
+      var _a;
+      (_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
     };
   }, [anchor]);
   return /* @__PURE__ */ React51.createElement(
@@ -6046,9 +6072,10 @@ var Badge = ({
   };
   useEffect16(() => {
     const handlePositioning = () => {
+      var _a;
       if (anchor.current && indicatorRef.current) {
         const rect = anchor.current.getBoundingClientRect();
-        const parentRect = indicatorRef.current.parentElement?.getBoundingClientRect();
+        const parentRect = (_a = indicatorRef.current.parentElement) == null ? void 0 : _a.getBoundingClientRect();
         const style = window.getComputedStyle(anchor.current);
         const marginTop = parseFloat(style.marginTop.replace("px", ""));
         const marginRight = parseFloat(style.marginRight.replace("px", ""));
@@ -6071,8 +6098,8 @@ var Badge = ({
     {
       style: {
         position: "absolute",
-        top: badgePosition?.top,
-        left: badgePosition?.left
+        top: badgePosition == null ? void 0 : badgePosition.top,
+        left: badgePosition == null ? void 0 : badgePosition.left
       },
       className: cn(
         "hawa-bg-red-500 hawa-origin-center  hawa-rounded-full ",
@@ -6666,8 +6693,8 @@ var ProgressCircle = React59.forwardRef((props, ref) => {
     ...other
   } = props;
   const value = getLimitedValue(inputValue);
-  const radius = inputRadius ?? size2config[size].radius;
-  const strokeWidth = inputStrokeWidth ?? size2config[size].strokeWidth;
+  const radius = inputRadius != null ? inputRadius : size2config[size].radius;
+  const strokeWidth = inputStrokeWidth != null ? inputStrokeWidth : size2config[size].strokeWidth;
   const normalizedRadius = radius - strokeWidth / 2;
   const circumference = normalizedRadius * 2 * Math.PI;
   const strokeDashoffset = value / 100 * circumference;
@@ -7132,6 +7159,7 @@ var Navbar = ({
   handleLogoClick,
   ...props
 }) => {
+  var _a, _b;
   const [isOpen, setIsOpen] = useState23(false);
   return /* @__PURE__ */ React64.createElement("nav", { className: " hawa-transition-all hawa-sticky hawa-top-2" }, /* @__PURE__ */ React64.createElement(
     Collapsible,
@@ -7150,7 +7178,7 @@ var Navbar = ({
         }
       },
       logo
-    )), /* @__PURE__ */ React64.createElement("div", { className: "hawa-hidden md:hawa-flex " }, props.menuItems?.map((item) => /* @__PURE__ */ React64.createElement(
+    )), /* @__PURE__ */ React64.createElement("div", { className: "hawa-hidden md:hawa-flex " }, (_a = props.menuItems) == null ? void 0 : _a.map((item) => /* @__PURE__ */ React64.createElement(
       "div",
       {
         onClick: item.action,
@@ -7221,7 +7249,7 @@ var Navbar = ({
           zIndex: -100
         }
       },
-      props.menuItems?.map((item) => /* @__PURE__ */ React64.createElement(
+      (_b = props.menuItems) == null ? void 0 : _b.map((item) => /* @__PURE__ */ React64.createElement(
         "div",
         {
           onClick: item.action,
@@ -7246,6 +7274,7 @@ var AppLayout = ({
   design = "default",
   ...props
 }) => {
+  var _a, _b;
   let closeDrawerWidth = 56;
   let openDrawerWidth = 200;
   let drawerSizeStyle = {
@@ -7507,7 +7536,7 @@ var AppLayout = ({
         {
           side: "left",
           delayDuration: 500,
-          content: keepOpen ? props.texts?.collapseSidebar || "Collapse Sidebar" : props.texts?.expandSidebar || "Expand Sidebar"
+          content: keepOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar"
         },
         /* @__PURE__ */ React65.createElement(
           Button,
@@ -7962,13 +7991,13 @@ var DocsSidebar = ({
       setActivePage(page);
     }, 50);
     const element = document.getElementById(page);
-    element?.scrollIntoView({ behavior: "smooth", block: "start" });
+    element == null ? void 0 : element.scrollIntoView({ behavior: "smooth", block: "start" });
   };
   const getCurrentSection = () => {
     for (let i = pages.length - 1; i >= 0; i--) {
       const page = pages[i];
       const element = document.getElementById(page);
-      const rect = element?.getBoundingClientRect();
+      const rect = element == null ? void 0 : element.getBoundingClientRect();
       if (rect) {
         if (rect.top < window.innerHeight && rect.bottom >= 0) {
           return page;
@@ -8225,6 +8254,7 @@ import * as z from "zod";
 // components/blocks/auth/AuthButtons.tsx
 import React72 from "react";
 var AuthButtons = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   return /* @__PURE__ */ React72.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaGoogle && /* @__PURE__ */ React72.createElement(
     Button,
     {
@@ -8234,7 +8264,7 @@ var AuthButtons = (props) => {
       onClick: props.handleGoogle
     },
     props.isGoogleLoading ? /* @__PURE__ */ React72.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React72.createElement(Logos.google, { className: "hawa-icon" }),
-    props.texts?.continueWithGoogle ?? "Continue With Google"
+    (_b = (_a = props.texts) == null ? void 0 : _a.continueWithGoogle) != null ? _b : "Continue With Google"
   ), props.viaGithub && /* @__PURE__ */ React72.createElement(
     Button,
     {
@@ -8244,7 +8274,7 @@ var AuthButtons = (props) => {
       onClick: props.handleGithub
     },
     props.isGithubLoading ? /* @__PURE__ */ React72.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React72.createElement(Logos.github, { className: "hawa-icon" }),
-    props.texts?.continueWithGithub ?? "Continue With Github"
+    (_d = (_c = props.texts) == null ? void 0 : _c.continueWithGithub) != null ? _d : "Continue With Github"
   ), props.viaTwitter && /* @__PURE__ */ React72.createElement(
     Button,
     {
@@ -8254,7 +8284,7 @@ var AuthButtons = (props) => {
       onClick: props.handleTwitter
     },
     props.isTwitterLoading ? /* @__PURE__ */ React72.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React72.createElement(Logos.twitter, { className: "hawa-icon" }),
-    props.texts?.continueWithTwitter ?? "Continue With Twitter"
+    (_f = (_e = props.texts) == null ? void 0 : _e.continueWithTwitter) != null ? _f : "Continue With Twitter"
   ), props.viaApple && /* @__PURE__ */ React72.createElement(
     Button,
     {
@@ -8264,7 +8294,7 @@ var AuthButtons = (props) => {
       onClick: props.handleApple
     },
     props.isAppleLoading ? /* @__PURE__ */ React72.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React72.createElement(Logos.apple, { className: "hawa-icon" }),
-    props.texts?.continueWithApple ?? "Continue With Apple"
+    (_h = (_g = props.texts) == null ? void 0 : _g.continueWithApple) != null ? _h : "Continue With Apple"
   ), props.viaMicrosoft && /* @__PURE__ */ React72.createElement(
     Button,
     {
@@ -8274,7 +8304,7 @@ var AuthButtons = (props) => {
       onClick: props.handleMicrosoft
     },
     props.isMicrosoftLoading ? /* @__PURE__ */ React72.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React72.createElement(Logos.microsoft, { className: "hawa-icon" }),
-    props.texts?.continueWithMicrosoft ?? "Continue With Microsoft"
+    (_j = (_i = props.texts) == null ? void 0 : _i.continueWithMicrosoft) != null ? _j : "Continue With Microsoft"
   ), props.viaEmail && /* @__PURE__ */ React72.createElement(
     Button,
     {
@@ -8284,7 +8314,7 @@ var AuthButtons = (props) => {
       onClick: props.handleEmail
     },
     props.isEmailLoading ? /* @__PURE__ */ React72.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React72.createElement(Logos.mail, { className: "hawa-icon" }),
-    props.texts?.continueWithEmail ?? "Continue With Email"
+    (_l = (_k = props.texts) == null ? void 0 : _k.continueWithEmail) != null ? _l : "Continue With Email"
   ), props.viaPhone && /* @__PURE__ */ React72.createElement(
     Button,
     {
@@ -8294,7 +8324,7 @@ var AuthButtons = (props) => {
       onClick: props.handlePhone
     },
     props.isPhoneLoading ? /* @__PURE__ */ React72.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React72.createElement(Logos.phone, { className: "hawa-icon" }),
-    props.texts?.continueWithPhone ?? "Continue With Phone"
+    (_n = (_m = props.texts) == null ? void 0 : _m.continueWithPhone) != null ? _n : "Continue With Phone"
   ));
 };
 
@@ -8466,46 +8496,47 @@ var LoginForm = ({
   passwordLength = 8,
   ...props
 }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const [passwordVisible, setPasswordVisible] = useState28(false);
   const thirdPartyAuthTexts = {
-    continueWithGoogle: texts?.continueWithGoogle,
-    continueWithTwitter: texts?.continueWithTwitter,
-    continueWithApple: texts?.continueWithApple,
-    continueWithMicrosoft: texts?.continueWithMicrosoft,
-    continueWithGithub: texts?.continueWithGithub,
-    continueWithEmail: texts?.continueWithEmail,
-    continueWithPhone: texts?.continueWithPhone
+    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
+    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
+    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
+    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
+    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
+    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
+    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
   };
   let formSchema;
   if (loginType === "email") {
     formSchema = z.object({
-      email: z.string({ required_error: texts?.email?.required }).min(1, { message: texts?.email?.required }).email({ message: texts?.email?.invalid }),
-      password: z.string({ required_error: texts?.password?.required }).min(1, { message: texts?.password?.required }).min(passwordLength, { message: texts?.password?.tooShort })
+      email: z.string({ required_error: (_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required }).email({ message: (_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid }),
+      password: z.string({ required_error: (_d = texts == null ? void 0 : texts.password) == null ? void 0 : _d.required }).min(1, { message: (_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required }).min(passwordLength, { message: (_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.tooShort })
     });
   } else if (loginType === "username") {
     formSchema = z.object({
-      username: z.string({ required_error: texts?.username?.required }).min(2, { message: texts?.username?.tooShort }).refine(
+      username: z.string({ required_error: (_g = texts == null ? void 0 : texts.username) == null ? void 0 : _g.required }).min(2, { message: (_h = texts == null ? void 0 : texts.username) == null ? void 0 : _h.tooShort }).refine(
         (value) => {
           const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
           return isValid;
         },
-        { message: texts?.username?.invalid }
+        { message: (_i = texts == null ? void 0 : texts.username) == null ? void 0 : _i.invalid }
       ),
-      password: z.string({ required_error: texts?.password?.required }).min(1, { message: texts?.password?.required }).min(passwordLength, { message: texts?.password?.tooShort })
+      password: z.string({ required_error: (_j = texts == null ? void 0 : texts.password) == null ? void 0 : _j.required }).min(1, { message: (_k = texts == null ? void 0 : texts.password) == null ? void 0 : _k.required }).min(passwordLength, { message: (_l = texts == null ? void 0 : texts.password) == null ? void 0 : _l.tooShort })
     });
   } else if (loginType === "phone") {
     formSchema = z.object({
-      phone: z.string({ required_error: texts?.phone?.required }).refine(
+      phone: z.string({ required_error: (_m = texts == null ? void 0 : texts.phone) == null ? void 0 : _m.required }).refine(
         (value) => {
           let phoneNumber = parsePhoneNumber(value);
           return phoneNumber.isValid();
         },
-        { message: texts?.phone?.invalid }
+        { message: (_n = texts == null ? void 0 : texts.phone) == null ? void 0 : _n.invalid }
       )
     });
   } else if (loginType === "link") {
     formSchema = z.object({
-      email: z.string({ required_error: texts?.email?.required }).min(1, { message: texts?.email?.required }).email({ message: texts?.email?.invalid })
+      email: z.string({ required_error: (_o = texts == null ? void 0 : texts.email) == null ? void 0 : _o.required }).min(1, { message: (_p = texts == null ? void 0 : texts.email) == null ? void 0 : _p.required }).email({ message: (_q = texts == null ? void 0 : texts.email) == null ? void 0 : _q.invalid })
     });
   } else {
     formSchema = z.object({});
@@ -8521,47 +8552,53 @@ var LoginForm = ({
           {
             control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ React74.createElement(
-              Input,
-              {
-                inputProps: {
-                  className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
-                },
-                dir: "ltr",
-                width: "full",
-                autoComplete: "email",
-                label: texts?.email?.label,
-                helperText: formState.errors.email?.message,
-                placeholder: texts?.email?.placeholder || "contact@sikka.io",
-                ...field
-              }
-            )
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ React74.createElement(
+                Input,
+                {
+                  inputProps: {
+                    className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
+                  },
+                  dir: "ltr",
+                  width: "full",
+                  autoComplete: "email",
+                  label: (_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label,
+                  helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
+                  placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
+                  ...field
+                }
+              );
+            }
           }
         ), /* @__PURE__ */ React74.createElement("div", null, /* @__PURE__ */ React74.createElement(
           Controller,
           {
             control,
             name: "password",
-            render: ({ field }) => /* @__PURE__ */ React74.createElement(
-              Input,
-              {
-                width: "full",
-                autoComplete: "current-password",
-                type: passwordVisible ? "text" : "password",
-                label: texts?.password?.label || "Password",
-                endIcon: /* @__PURE__ */ React74.createElement(
-                  "div",
-                  {
-                    className: "hawa-cursor-pointer",
-                    onClick: () => setPasswordVisible(!passwordVisible)
-                  },
-                  passwordVisible ? /* @__PURE__ */ React74.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React74.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
-                ),
-                placeholder: texts?.password?.placeholder || "Enter your password",
-                helperText: formState.errors.password?.message,
-                ...field
-              }
-            )
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ React74.createElement(
+                Input,
+                {
+                  width: "full",
+                  autoComplete: "current-password",
+                  type: passwordVisible ? "text" : "password",
+                  label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
+                  endIcon: /* @__PURE__ */ React74.createElement(
+                    "div",
+                    {
+                      className: "hawa-cursor-pointer",
+                      onClick: () => setPasswordVisible(!passwordVisible)
+                    },
+                    passwordVisible ? /* @__PURE__ */ React74.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React74.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
+                  ),
+                  placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
+                  helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+                  ...field
+                }
+              );
+            }
           }
         ), !props.withoutResetPassword && /* @__PURE__ */ React74.createElement(
           "div",
@@ -8569,7 +8606,7 @@ var LoginForm = ({
             onClick: props.onForgotPassword,
             className: "hawa-mb-3  hawa-select-none hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
           },
-          texts?.forgotPassword || "Forgot Password?"
+          (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
         )));
       case "username":
         return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(
@@ -8578,14 +8615,15 @@ var LoginForm = ({
             control,
             name: "username",
             render: ({ field }) => {
+              var _a2, _b2, _c2;
               return /* @__PURE__ */ React74.createElement(
                 Input,
                 {
                   width: "full",
                   autoComplete: "username",
-                  label: texts?.username?.label || "Username",
-                  helperText: formState.errors.username?.message,
-                  placeholder: texts?.username?.placeholder || "sikka_sa",
+                  label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
+                  helperText: (_b2 = formState.errors.username) == null ? void 0 : _b2.message,
+                  placeholder: ((_c2 = texts == null ? void 0 : texts.username) == null ? void 0 : _c2.placeholder) || "sikka_sa",
                   ...field
                 }
               );
@@ -8596,26 +8634,29 @@ var LoginForm = ({
           {
             control,
             name: "password",
-            render: ({ field }) => /* @__PURE__ */ React74.createElement(
-              Input,
-              {
-                width: "full",
-                autoComplete: "current-password",
-                type: passwordVisible ? "text" : "password",
-                label: texts?.password?.label,
-                endIcon: /* @__PURE__ */ React74.createElement(
-                  "div",
-                  {
-                    className: "hawa-cursor-pointer",
-                    onClick: () => setPasswordVisible(!passwordVisible)
-                  },
-                  passwordVisible ? /* @__PURE__ */ React74.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React74.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
-                ),
-                placeholder: texts?.password?.placeholder || "Enter your password",
-                helperText: formState.errors.password?.message,
-                ...field
-              }
-            )
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ React74.createElement(
+                Input,
+                {
+                  width: "full",
+                  autoComplete: "current-password",
+                  type: passwordVisible ? "text" : "password",
+                  label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
+                  endIcon: /* @__PURE__ */ React74.createElement(
+                    "div",
+                    {
+                      className: "hawa-cursor-pointer",
+                      onClick: () => setPasswordVisible(!passwordVisible)
+                    },
+                    passwordVisible ? /* @__PURE__ */ React74.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React74.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
+                  ),
+                  placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
+                  helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+                  ...field
+                }
+              );
+            }
           }
         ), !props.withoutResetPassword && /* @__PURE__ */ React74.createElement(
           "div",
@@ -8623,7 +8664,7 @@ var LoginForm = ({
             onClick: props.onForgotPassword,
             className: "hawa-mb-3 hawa-select-none hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
           },
-          texts?.forgotPassword || "Forgot Password?"
+          (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
         )));
       case "phone":
         return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(
@@ -8631,15 +8672,18 @@ var LoginForm = ({
           {
             control,
             name: "phone",
-            render: ({ field }) => /* @__PURE__ */ React74.createElement(
-              PhoneInput,
-              {
-                label: texts?.phone?.label,
-                helperText: formState.errors.phone?.message,
-                preferredCountry: { label: "+966" },
-                handleChange: (e) => field.onChange(parsePhoneNumber(e).number)
-              }
-            )
+            render: ({ field }) => {
+              var _a2, _b2;
+              return /* @__PURE__ */ React74.createElement(
+                PhoneInput,
+                {
+                  label: (_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label,
+                  helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
+                  preferredCountry: { label: "+966" },
+                  handleChange: (e) => field.onChange(parsePhoneNumber(e).number)
+                }
+              );
+            }
           }
         ));
       case "link":
@@ -8648,17 +8692,20 @@ var LoginForm = ({
           {
             control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ React74.createElement(
-              Input,
-              {
-                width: "full",
-                autoComplete: "email",
-                label: texts?.email?.label || "Email",
-                helperText: formState.errors.email?.message,
-                placeholder: texts?.email?.placeholder || "contact@sikka.io",
-                ...field
-              }
-            )
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ React74.createElement(
+                Input,
+                {
+                  width: "full",
+                  autoComplete: "email",
+                  label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
+                  helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
+                  placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "contact@sikka.io",
+                  ...field
+                }
+              );
+            }
           }
         ));
       default:
@@ -8695,16 +8742,16 @@ var LoginForm = ({
         isLoading: props.isLoading,
         disabled: props.isLoading
       },
-      texts?.loginText || "Login"
+      (texts == null ? void 0 : texts.loginText) || "Login"
     ),
     props.additionalButtons,
-    props.allowRegister && /* @__PURE__ */ React74.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal hawa-select-none dark:hawa-text-gray-300" }, texts?.newUserText || "New user?", " ", /* @__PURE__ */ React74.createElement(
+    props.allowRegister && /* @__PURE__ */ React74.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal hawa-select-none dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ React74.createElement(
       "span",
       {
         onClick: props.onRouteToRegister,
         className: "clickable-link"
       },
-      texts?.createAccount || "Create Account"
+      (texts == null ? void 0 : texts.createAccount) || "Create Account"
     ))
   )), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React74.createElement(
     CardFooter,
@@ -8745,51 +8792,53 @@ import { Controller as Controller2, FormProvider, useForm as useForm2 } from "re
 import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
 import * as z2 from "zod";
 var RegisterForm = ({ texts, ...props }) => {
+  var _a, _b, _c, _d, _e, _f;
   const [passwordVisible, setPasswordVisible] = useState29(false);
   const thirdPartyAuthTexts = {
-    continueWithGoogle: texts?.continueWithGoogle,
-    continueWithTwitter: texts?.continueWithTwitter,
-    continueWithApple: texts?.continueWithApple,
-    continueWithMicrosoft: texts?.continueWithMicrosoft,
-    continueWithGithub: texts?.continueWithGithub,
-    continueWithEmail: texts?.continueWithEmail,
-    continueWithPhone: texts?.continueWithPhone
+    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
+    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
+    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
+    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
+    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
+    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
+    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
   };
   const methods = useForm2();
   let fieldSchemas = {};
   props.registerFields.forEach((field) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
     switch (field) {
       case "fullname":
         fieldSchemas["fullName"] = z2.string().optional();
         break;
       case "email":
-        fieldSchemas["email"] = z2.string({ required_error: texts?.email?.required }).email({ message: texts?.email?.invalid }).min(1, { message: texts?.email?.required });
+        fieldSchemas["email"] = z2.string({ required_error: (_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.required }).email({ message: (_b2 = texts == null ? void 0 : texts.email) == null ? void 0 : _b2.invalid }).min(1, { message: (_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.required });
         break;
       case "username":
-        fieldSchemas["username"] = z2.string({ required_error: texts?.username?.required }).min(1, { message: texts?.username?.required }).refine(
+        fieldSchemas["username"] = z2.string({ required_error: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required }).min(1, { message: (_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required }).refine(
           (value) => {
             const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
             return isValid;
           },
-          { message: texts?.username?.invalid }
+          { message: (_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.invalid }
         );
         break;
     }
   });
   const formSchema = z2.object({
     ...fieldSchemas,
-    password: z2.string({ required_error: texts?.password?.required }).min(5, { message: texts?.password?.tooShort }).refine((value) => value !== "", {
-      message: texts?.password?.required
+    password: z2.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(5, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.tooShort }).refine((value) => value !== "", {
+      message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.required
     }),
-    confirm_password: z2.string({ required_error: texts?.confirm?.required }).refine((value) => value !== "", {
-      message: texts?.password?.required
+    confirm_password: z2.string({ required_error: (_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required }).refine((value) => value !== "", {
+      message: (_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required
     }),
     refCode: z2.string().optional(),
     reference: z2.string().optional(),
-    terms_accepted: z2.boolean({ required_error: texts?.termsRequired }).refine((value) => value, { message: texts?.termsRequired }),
+    terms_accepted: z2.boolean({ required_error: texts == null ? void 0 : texts.termsRequired }).refine((value) => value, { message: texts == null ? void 0 : texts.termsRequired }),
     newsletter_accepted: z2.boolean().optional()
   }).refine((data) => data.password === data.confirm_password, {
-    message: texts?.confirm?.dontMatch,
+    message: (_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch,
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = useForm2({
@@ -8825,16 +8874,19 @@ var RegisterForm = ({ texts, ...props }) => {
             key: i,
             control,
             name: "fullName",
-            render: ({ field }) => /* @__PURE__ */ React75.createElement(
-              Input,
-              {
-                width: "full",
-                label: texts?.fullName?.label,
-                placeholder: texts?.fullName?.placeholder,
-                helperText: formState.errors.fullName?.message,
-                ...field
-              }
-            )
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ React75.createElement(
+                Input,
+                {
+                  width: "full",
+                  label: (_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label,
+                  placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
+                  helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
+                  ...field
+                }
+              );
+            }
           }
         );
       }
@@ -8845,21 +8897,24 @@ var RegisterForm = ({ texts, ...props }) => {
             key: i,
             control,
             name: "email",
-            render: ({ field }) => /* @__PURE__ */ React75.createElement(
-              Input,
-              {
-                dir: "ltr",
-                inputProps: {
-                  className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
-                },
-                width: "full",
-                autoComplete: "email",
-                label: texts?.email?.label,
-                helperText: formState.errors.email?.message,
-                placeholder: texts?.email?.placeholder || "Enter your email",
-                ...field
-              }
-            )
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ React75.createElement(
+                Input,
+                {
+                  dir: "ltr",
+                  inputProps: {
+                    className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
+                  },
+                  width: "full",
+                  autoComplete: "email",
+                  label: (_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label,
+                  helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
+                  placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
+                  ...field
+                }
+              );
+            }
           }
         );
       }
@@ -8870,17 +8925,20 @@ var RegisterForm = ({ texts, ...props }) => {
             key: i,
             control,
             name: "username",
-            render: ({ field }) => /* @__PURE__ */ React75.createElement(
-              Input,
-              {
-                width: "full",
-                autoComplete: "username",
-                label: texts?.username?.label,
-                helperText: formState.errors.username?.message,
-                placeholder: texts?.username?.placeholder,
-                ...field
-              }
-            )
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ React75.createElement(
+                Input,
+                {
+                  width: "full",
+                  autoComplete: "username",
+                  label: (_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label,
+                  helperText: (_b2 = formState.errors.username) == null ? void 0 : _b2.message,
+                  placeholder: (_c2 = texts == null ? void 0 : texts.username) == null ? void 0 : _c2.placeholder,
+                  ...field
+                }
+              );
+            }
           }
         );
       }
@@ -8890,27 +8948,30 @@ var RegisterForm = ({ texts, ...props }) => {
       {
         control,
         name: "password",
-        render: ({ field }) => /* @__PURE__ */ React75.createElement(
-          Input,
-          {
-            width: "full",
-            type: passwordVisible ? "text" : "password",
-            endIcon: /* @__PURE__ */ React75.createElement(
-              "div",
-              {
-                className: "hawa-cursor-pointer",
-                onClick: () => setPasswordVisible(!passwordVisible)
-              },
-              passwordVisible ? /* @__PURE__ */ React75.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React75.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-              " "
-            ),
-            autoComplete: "new-password",
-            label: texts?.password?.label,
-            placeholder: texts?.password?.placeholder,
-            helperText: formState.errors.password?.message,
-            ...field
-          }
-        )
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ React75.createElement(
+            Input,
+            {
+              width: "full",
+              type: passwordVisible ? "text" : "password",
+              endIcon: /* @__PURE__ */ React75.createElement(
+                "div",
+                {
+                  className: "hawa-cursor-pointer",
+                  onClick: () => setPasswordVisible(!passwordVisible)
+                },
+                passwordVisible ? /* @__PURE__ */ React75.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React75.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                " "
+              ),
+              autoComplete: "new-password",
+              label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
+              placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+              helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+              ...field
+            }
+          );
+        }
       }
     ),
     /* @__PURE__ */ React75.createElement(
@@ -8918,18 +8979,21 @@ var RegisterForm = ({ texts, ...props }) => {
       {
         control,
         name: "confirm_password",
-        render: ({ field }) => /* @__PURE__ */ React75.createElement(
-          Input,
-          {
-            width: "full",
-            type: "password",
-            autoComplete: "new-password",
-            label: texts?.confirm?.label,
-            placeholder: texts?.confirm?.placeholder,
-            helperText: formState.errors.confirm_password?.message,
-            ...field
-          }
-        )
+        render: ({ field }) => {
+          var _a2, _b2, _c2;
+          return /* @__PURE__ */ React75.createElement(
+            Input,
+            {
+              width: "full",
+              type: "password",
+              autoComplete: "new-password",
+              label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
+              placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
+              helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+              ...field
+            }
+          );
+        }
       }
     ),
     props.additionalInputs,
@@ -8938,16 +9002,19 @@ var RegisterForm = ({ texts, ...props }) => {
       {
         control,
         name: "refCode",
-        render: ({ field }) => /* @__PURE__ */ React75.createElement(
-          Input,
-          {
-            width: "full",
-            label: texts?.refCode,
-            placeholder: texts?.refCodePlaceholder || "Enter the referral code",
-            helperText: formState.errors.refCode?.message,
-            ...field
-          }
-        )
+        render: ({ field }) => {
+          var _a2;
+          return /* @__PURE__ */ React75.createElement(
+            Input,
+            {
+              width: "full",
+              label: texts == null ? void 0 : texts.refCode,
+              placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
+              helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
+              ...field
+            }
+          );
+        }
       }
     ),
     props.showUserSource && /* @__PURE__ */ React75.createElement(
@@ -8958,8 +9025,8 @@ var RegisterForm = ({ texts, ...props }) => {
         render: ({ field }) => /* @__PURE__ */ React75.createElement(
           Select,
           {
-            label: texts?.userReference.label || "How did you learn about us?",
-            placeholder: texts?.userReference.placeholder,
+            label: (texts == null ? void 0 : texts.userReference.label) || "How did you learn about us?",
+            placeholder: texts == null ? void 0 : texts.userReference.placeholder,
             isCreatable: false,
             isMulti: false,
             isSearchable: false,
@@ -8977,22 +9044,25 @@ var RegisterForm = ({ texts, ...props }) => {
       {
         control,
         name: "terms_accepted",
-        render: ({ field }) => /* @__PURE__ */ React75.createElement(
-          Checkbox,
-          {
-            id: "terms_accepted",
-            helperText: formState.errors.terms_accepted?.message?.toString(),
-            onCheckedChange: (e) => field.onChange(e),
-            label: /* @__PURE__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5" }, /* @__PURE__ */ React75.createElement("span", null, texts?.iAcceptText), " ", /* @__PURE__ */ React75.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React75.createElement(
-              "a",
-              {
-                onClick: props.onRouteToTOS,
-                className: "clickable-link"
-              },
-              texts?.termsText
-            )))
-          }
-        )
+        render: ({ field }) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ React75.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__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5" }, /* @__PURE__ */ React75.createElement("span", null, texts == null ? void 0 : texts.iAcceptText), " ", /* @__PURE__ */ React75.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React75.createElement(
+                "a",
+                {
+                  onClick: props.onRouteToTOS,
+                  className: "clickable-link"
+                },
+                texts == null ? void 0 : texts.termsText
+              )))
+            }
+          );
+        }
       }
     ), props.showNewsletterOption && /* @__PURE__ */ React75.createElement(
       Controller2,
@@ -9003,7 +9073,7 @@ var RegisterForm = ({ texts, ...props }) => {
           Checkbox,
           {
             id: "newsletter_accepted",
-            label: texts?.subscribeToNewsletter,
+            label: texts == null ? void 0 : texts.subscribeToNewsletter,
             onCheckedChange: field.onChange
           }
         )
@@ -9015,10 +9085,10 @@ var RegisterForm = ({ texts, ...props }) => {
         isLoading: props.isLoading,
         className: "hawa-w-full hawa-mt-4"
       },
-      texts?.registerText
+      texts == null ? void 0 : texts.registerText
     ),
     props.additionalButtons
-  )), /* @__PURE__ */ React75.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__ */ React75.createElement("span", null, texts?.existingUserText), /* @__PURE__ */ React75.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, texts?.loginText || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React75.createElement(
+  )), /* @__PURE__ */ React75.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__ */ React75.createElement("span", null, texts == null ? void 0 : texts.existingUserText), /* @__PURE__ */ React75.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React75.createElement(
     CardFooter,
     {
       className: cn(
@@ -9055,13 +9125,13 @@ var RegisterForm = ({ texts, ...props }) => {
 import React76 from "react";
 var AppLanding = ({ texts, ...props }) => {
   const thirdPartyAuthTexts = {
-    continueWithGoogle: texts?.continueWithGoogle,
-    continueWithTwitter: texts?.continueWithTwitter,
-    continueWithApple: texts?.continueWithApple,
-    continueWithMicrosoft: texts?.continueWithMicrosoft,
-    continueWithGithub: texts?.continueWithGithub,
-    continueWithEmail: texts?.continueWithEmail,
-    continueWithPhone: texts?.continueWithPhone
+    continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
+    continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
+    continueWithApple: texts == null ? void 0 : texts.continueWithApple,
+    continueWithMicrosoft: texts == null ? void 0 : texts.continueWithMicrosoft,
+    continueWithGithub: texts == null ? void 0 : texts.continueWithGithub,
+    continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
+    continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
   };
   return /* @__PURE__ */ React76.createElement("div", { dir: props.direction }, /* @__PURE__ */ React76.createElement(Card, null, /* @__PURE__ */ React76.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ React76.createElement(
     AuthButtons,
@@ -9082,13 +9152,13 @@ var AppLanding = ({ texts, ...props }) => {
       handleEmail: props.handleEmail,
       handlePhone: props.handlePhone
     }
-  ), props.allowRegister && /* @__PURE__ */ React76.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts?.newUserText, " ", /* @__PURE__ */ React76.createElement(
+  ), props.allowRegister && /* @__PURE__ */ React76.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__ */ React76.createElement(
     "span",
     {
       onClick: props.handleRouteToRegister,
       className: "clickable-link"
     },
-    texts?.createAccount
+    texts == null ? void 0 : texts.createAccount
   )))));
 };
 
@@ -9110,7 +9180,7 @@ var CheckEmail = ({ texts, handleResend }) => {
     },
     /* @__PURE__ */ React77.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__ */ React77.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ React77.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, texts?.checkEmail || "Check your Email"), /* @__PURE__ */ React77.createElement("div", { className: "hawa-text-sm" }, 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__ */ React77.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ React77.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, texts?.resendEmail || "Resend Email")));
+  )), /* @__PURE__ */ React77.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ React77.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__ */ React77.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ React77.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 
 // components/blocks/auth/NewPassword.tsx
@@ -9119,20 +9189,21 @@ import { Controller as Controller3, useForm as useForm3 } from "react-hook-form"
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
 var NewPasswordForm = ({ texts, ...props }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const formSchema = z3.object({
-    password: z3.string({ required_error: texts?.password?.required }).min(1, { message: texts?.password?.required }).min(8, { message: texts?.password?.tooShort }),
-    confirm_password: z3.string({ required_error: texts?.confirm?.required }).refine((value) => value !== "", {
-      message: texts?.password?.required
+    password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
+    confirm_password: z3.string({ required_error: (_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required }).refine((value) => value !== "", {
+      message: (_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required
     })
   }).refine((data) => data.password === data.confirm_password, {
-    message: texts?.confirm?.dontMatch,
+    message: (_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch,
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = useForm3({
     resolver: zodResolver3(formSchema)
   });
   const [matchError, setMatchError] = useState30(false);
-  return /* @__PURE__ */ React78.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React78.createElement(Alert, { text: texts?.confirm?.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-center" }, texts?.passwordChanged)) : /* @__PURE__ */ React78.createElement(
+  return /* @__PURE__ */ React78.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React78.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ React78.createElement(
     "form",
     {
       noValidate: true,
@@ -9158,18 +9229,21 @@ var NewPasswordForm = ({ texts, ...props }) => {
         {
           control,
           name: "password",
-          render: ({ field }) => /* @__PURE__ */ React78.createElement(
-            Input,
-            {
-              width: "full",
-              type: "password",
-              autoComplete: "new-password",
-              label: texts?.password?.label,
-              placeholder: texts?.password?.placeholder,
-              helperText: formState.errors.password?.message,
-              ...field
-            }
-          )
+          render: ({ field }) => {
+            var _a2, _b2, _c2;
+            return /* @__PURE__ */ React78.createElement(
+              Input,
+              {
+                width: "full",
+                type: "password",
+                autoComplete: "new-password",
+                label: (_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label,
+                placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+                helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+                ...field
+              }
+            );
+          }
         }
       ),
       /* @__PURE__ */ React78.createElement(
@@ -9177,28 +9251,31 @@ var NewPasswordForm = ({ texts, ...props }) => {
         {
           control,
           name: "confirm_password",
-          render: ({ field }) => /* @__PURE__ */ React78.createElement(
-            Input,
-            {
-              width: "full",
-              type: "password",
-              autoComplete: "new-password",
-              label: texts?.confirm?.label,
-              placeholder: texts?.confirm?.placeholder,
-              helperText: formState.errors.confirm_password?.message,
-              ...field
-            }
-          )
+          render: ({ field }) => {
+            var _a2, _b2, _c2;
+            return /* @__PURE__ */ React78.createElement(
+              Input,
+              {
+                width: "full",
+                type: "password",
+                autoComplete: "new-password",
+                label: (_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label,
+                placeholder: (_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder,
+                helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+                ...field
+              }
+            );
+          }
         }
       )
     ),
-    /* @__PURE__ */ React78.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React78.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts?.updatePassword), props.allowRegister && /* @__PURE__ */ React78.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, texts?.dontHaveAccount ?? "Don't have an account? ", /* @__PURE__ */ React78.createElement(
+    /* @__PURE__ */ React78.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React78.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React78.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React78.createElement(
       "span",
       {
         className: "clickable-link",
         onClick: props.handleRouteToRegister
       },
-      texts?.registerText ?? "Register"
+      (_i = texts == null ? void 0 : texts.registerText) != null ? _i : "Register"
     )))
   ));
 };
@@ -9209,13 +9286,14 @@ import { Controller as Controller4, useForm as useForm4 } from "react-hook-form"
 import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 var ResetPasswordForm = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const formSchema = z4.object({
-    email: z4.string({ required_error: props.texts?.email?.required }).email({ message: props.texts?.email?.invalid }).min(1, { message: props.texts?.email?.required })
+    email: z4.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required }).email({ message: (_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid }).min(1, { message: (_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required })
   });
   const { handleSubmit, control, formState } = useForm4({
     resolver: zodResolver4(formSchema)
   });
-  return /* @__PURE__ */ React79.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React79.createElement(React79.Fragment, null, !props.headless && /* @__PURE__ */ React79.createElement(CardHeader, null, /* @__PURE__ */ React79.createElement(CardTitle, null, " ", props.texts?.headTitle || "Reset Password"), /* @__PURE__ */ React79.createElement(CardDescription, null, props.texts?.headDescription || "Enter your email to reset your account password")), /* @__PURE__ */ React79.createElement(
+  return /* @__PURE__ */ React79.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React79.createElement(React79.Fragment, null, !props.headless && /* @__PURE__ */ React79.createElement(CardHeader, null, /* @__PURE__ */ React79.createElement(CardTitle, null, " ", ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React79.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React79.createElement(
     "form",
     {
       noValidate: true,
@@ -9232,27 +9310,30 @@ var ResetPasswordForm = (props) => {
       {
         control,
         name: "email",
-        render: ({ field }) => /* @__PURE__ */ React79.createElement(
-          Input,
-          {
-            width: "full",
-            label: props.texts?.email?.label,
-            helperText: formState.errors.email?.message,
-            placeholder: props.texts?.email?.placeholder,
-            ...field
-          }
-        )
+        render: ({ field }) => {
+          var _a2, _b2, _c2, _d2, _e2;
+          return /* @__PURE__ */ React79.createElement(
+            Input,
+            {
+              width: "full",
+              label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
+              helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
+              placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
+              ...field
+            }
+          );
+        }
       }
     )),
-    /* @__PURE__ */ React79.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React79.createElement(Button, { type: "submit", className: "hawa-w-full" }, props.texts?.resetPassword), props.allowRegister && /* @__PURE__ */ React79.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, props.texts?.dontHaveAccount ?? "Don't have an account? ", /* @__PURE__ */ React79.createElement(
+    /* @__PURE__ */ React79.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React79.createElement(Button, { type: "submit", className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.resetPassword), props.allowRegister && /* @__PURE__ */ React79.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__ */ React79.createElement(
       "span",
       {
         className: "clickable-link",
         onClick: props.handleRouteToRegister
       },
-      props.texts?.registerText ?? "Register"
+      (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
     )))
-  )) : /* @__PURE__ */ React79.createElement(CardContent, { headless: true }, /* @__PURE__ */ React79.createElement("div", { className: "hawa-text-center" }, props.texts?.emailSentText)));
+  )) : /* @__PURE__ */ React79.createElement(CardContent, { headless: true }, /* @__PURE__ */ React79.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
 };
 
 // components/blocks/auth/CodeConfirmation.tsx
@@ -9261,8 +9342,9 @@ import { Controller as Controller5, useForm as useForm5 } from "react-hook-form"
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import * as z5 from "zod";
 var CodeConfirmation = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
-    otp_code: z5.string({ required_error: props.texts?.codeRequiredText }).min(6, { message: props.texts?.codeTooShort })
+    otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(6, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
   });
   const { handleSubmit, control, formState, setValue } = useForm5({
     resolver: zodResolver5(formSchema)
@@ -9305,7 +9387,7 @@ var CodeConfirmation = (props) => {
       text: props.errorText,
       severity: "error"
     }
-  ), /* @__PURE__ */ React80.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React80.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, props.texts?.checkYourPhone || "Please check your phone"), /* @__PURE__ */ React80.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React80.createElement("span", null, props.texts?.weSentCode || "We've sent a code to "), /* @__PURE__ */ React80.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ React80.createElement(
+  ), /* @__PURE__ */ React80.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React80.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ React80.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React80.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ React80.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ React80.createElement(
     "form",
     {
       noValidate: true,
@@ -9324,18 +9406,21 @@ var CodeConfirmation = (props) => {
       {
         control,
         name: "otp_code",
-        render: ({ field }) => /* @__PURE__ */ React80.createElement(
-          PinInput,
-          {
-            width: "full",
-            digits: 6,
-            getPins: (e) => setValue("otp_code", e.join("")),
-            helperText: formState.errors.otp_code?.message
-          }
-        )
+        render: ({ field }) => {
+          var _a2;
+          return /* @__PURE__ */ React80.createElement(
+            PinInput,
+            {
+              width: "full",
+              digits: 6,
+              getPins: (e) => setValue("otp_code", e.join("")),
+              helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message
+            }
+          );
+        }
       }
     ),
-    showResendTimer ? /* @__PURE__ */ React80.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, props.texts?.resendCodeTimer, " ", /* @__PURE__ */ React80.createElement("strong", null, remainingTime), " ", props.texts?.seconds) : /* @__PURE__ */ React80.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React80.createElement("span", null, props.texts?.didntGetCode ?? "Didn't get the code?"), " ", /* @__PURE__ */ React80.createElement(
+    showResendTimer ? /* @__PURE__ */ React80.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__ */ React80.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React80.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React80.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React80.createElement(
       "span",
       {
         className: "clickable-link",
@@ -9344,9 +9429,9 @@ var CodeConfirmation = (props) => {
           props.handleResend();
         }
       },
-      props.texts?.resendCode || "Click to resend"
+      ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
     )),
-    /* @__PURE__ */ React80.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React80.createElement(Button, { variant: "secondary" }, props.texts?.cancel || "Cancel"), /* @__PURE__ */ React80.createElement(Button, { isLoading: props.confirmLoading }, props.texts?.confirm || "Confirm"))
+    /* @__PURE__ */ React80.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React80.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ React80.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
   )));
 };
 
@@ -9360,10 +9445,11 @@ var UserReferralSource = ({
   options = [],
   ...props
 }) => {
+  var _a, _b;
   const [closed, setClosed] = useState32(false);
   const popUpRef = useRef12(null);
   const formSchema = z6.object({
-    source: z6.string({ required_error: props.texts?.pleaseSelectOption }),
+    source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
     feedback: z6.string().optional()
   });
   const { handleSubmit, control, formState } = useForm6({
@@ -9404,8 +9490,8 @@ var UserReferralSource = ({
           onClick: () => {
             setClosed(true);
             setTimeout(() => {
-              if (popUpRef?.current) {
-                popUpRef?.current.removeChild(popUpRef?.current.children[0]);
+              if (popUpRef == null ? void 0 : popUpRef.current) {
+                popUpRef == null ? void 0 : popUpRef.current.removeChild(popUpRef == null ? void 0 : popUpRef.current.children[0]);
               }
             }, 200);
           }
@@ -9453,17 +9539,20 @@ var UserReferralSource = ({
             {
               control,
               name: "source",
-              render: ({ field }) => /* @__PURE__ */ React81.createElement(
-                Radio,
-                {
-                  direction: props.direction,
-                  orientation: "vertical",
-                  options,
-                  defaultValue: field.value,
-                  onChangeTab: (e) => field.onChange(e),
-                  helperText: formState.errors.source?.message?.toString()
-                }
-              )
+              render: ({ field }) => {
+                var _a2, _b2;
+                return /* @__PURE__ */ React81.createElement(
+                  Radio,
+                  {
+                    direction: props.direction,
+                    orientation: "vertical",
+                    options,
+                    defaultValue: field.value,
+                    onChangeTab: (e) => field.onChange(e),
+                    helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
+                  }
+                );
+              }
             }
           )),
           /* @__PURE__ */ React81.createElement("div", null, /* @__PURE__ */ React81.createElement(
@@ -9471,17 +9560,20 @@ var UserReferralSource = ({
             {
               control,
               name: "feedback",
-              render: ({ field }) => /* @__PURE__ */ React81.createElement(
-                Textarea,
-                {
-                  ...field,
-                  helperText: formState.errors.feedback?.message?.toString()
-                }
-              )
+              render: ({ field }) => {
+                var _a2, _b2;
+                return /* @__PURE__ */ React81.createElement(
+                  Textarea,
+                  {
+                    ...field,
+                    helperText: (_b2 = (_a2 = formState.errors.feedback) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
+                  }
+                );
+              }
             }
           ))
         ),
-        /* @__PURE__ */ React81.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, props.texts?.submit || "Submit")
+        /* @__PURE__ */ React81.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
       ))
     )
   );
@@ -9581,8 +9673,9 @@ var FeedbackRating = ({
               setClosed(true);
             }, 4800);
             setTimeout(() => {
-              popUpRef.current?.removeChild(
-                popUpRef.current?.children[0]
+              var _a, _b;
+              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
+                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
               );
               clearTimeout(timeoutDestroy);
             }, 5300);
@@ -9717,6 +9810,7 @@ import { useForm as useForm7, Controller as Controller7 } from "react-hook-form"
 import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
 import * as z7 from "zod";
 var FeedbackForm = (props) => {
+  var _a, _b;
   const formSchema = z7.object({
     requestType: z7.string({ required_error: props.texts.requestTypeRequired }).min(1, { message: props.texts.requestTypeRequired }),
     description: z7.string({ required_error: props.texts.descriptionRequired }).min(10, { message: props.texts.descriptionTooShort })
@@ -9737,21 +9831,24 @@ var FeedbackForm = (props) => {
       }),
       className: "hawa-flex hawa-flex-col hawa-gap-4"
     },
-    /* @__PURE__ */ React84.createElement(Label2, null, props.texts?.requestType),
+    /* @__PURE__ */ React84.createElement(Label2, null, (_a = props.texts) == null ? void 0 : _a.requestType),
     /* @__PURE__ */ React84.createElement(
       Controller7,
       {
         name: "requestType",
         control,
-        render: ({ field }) => /* @__PURE__ */ React84.createElement(
-          Select,
-          {
-            ...field,
-            onChange: (option) => field.onChange(option.value),
-            options: props.requestTypes,
-            helperText: formState.errors.requestType?.message?.toString()
-          }
-        )
+        render: ({ field }) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ React84.createElement(
+            Select,
+            {
+              ...field,
+              onChange: (option) => field.onChange(option.value),
+              options: props.requestTypes,
+              helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
+            }
+          );
+        }
       }
     ),
     /* @__PURE__ */ React84.createElement(Label2, null, props.texts.description),
@@ -9760,16 +9857,19 @@ var FeedbackForm = (props) => {
       {
         name: "description",
         control,
-        render: ({ field }) => /* @__PURE__ */ React84.createElement(
-          Textarea,
-          {
-            ...field,
-            helperText: formState.errors.description && formState.errors.description?.message?.toString()
-          }
-        )
+        render: ({ field }) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ React84.createElement(
+            Textarea,
+            {
+              ...field,
+              helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString())
+            }
+          );
+        }
       }
     ),
-    /* @__PURE__ */ React84.createElement(Button, { type: "submit" }, props.texts?.submit)
+    /* @__PURE__ */ React84.createElement(Button, { type: "submit" }, (_b = props.texts) == null ? void 0 : _b.submit)
   )));
 };
 
@@ -9812,7 +9912,7 @@ var EmptyState = ({ texts, onActionClick }) => {
       width: "0.35em"
     },
     /* @__PURE__ */ React86.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
-  )), /* @__PURE__ */ React86.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, texts?.youreCaughtUp || "You're all caught up"))), /* @__PURE__ */ React86.createElement(CardFooter, null, /* @__PURE__ */ React86.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, texts?.actionText || "Go Home")));
+  )), /* @__PURE__ */ React86.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React86.createElement(CardFooter, null, /* @__PURE__ */ React86.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
 };
 
 // components/blocks/misc/Testimonial.tsx
@@ -9837,6 +9937,7 @@ var Testimonial = () => {
 import React88 from "react";
 import { useForm as useForm8, Controller as Controller8 } from "react-hook-form";
 var LeadGenerator = ({ texts, submitHandler }) => {
+  var _a;
   const { handleSubmit, control, formState } = useForm8();
   const onSubmit = (data) => {
     if (submitHandler) {
@@ -9845,7 +9946,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
       console.log("handleNewsletterSub props was not provided");
     }
   };
-  return /* @__PURE__ */ React88.createElement(Card, null, /* @__PURE__ */ React88.createElement(CardHeader, null, /* @__PURE__ */ React88.createElement(CardTitle, null, texts?.title), /* @__PURE__ */ React88.createElement(CardDescription, null, texts?.subtitle)), /* @__PURE__ */ React88.createElement(CardContent, null, /* @__PURE__ */ React88.createElement(
+  return /* @__PURE__ */ React88.createElement(Card, null, /* @__PURE__ */ React88.createElement(CardHeader, null, /* @__PURE__ */ React88.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ React88.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ React88.createElement(CardContent, null, /* @__PURE__ */ React88.createElement(
     "form",
     {
       noValidate: true,
@@ -9861,14 +9962,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
           required: true,
           pattern: {
             value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
-            message: texts?.invalidEmail || "Invalid email address"
+            message: (texts == null ? void 0 : texts.invalidEmail) || "Invalid email address"
           }
         },
         defaultValue: "",
         render: ({ field }) => /* @__PURE__ */ React88.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
       }
     ),
-    /* @__PURE__ */ React88.createElement(Button, { type: "submit", disabled: !formState.isValid }, texts?.submit ?? "Submit")
+    /* @__PURE__ */ React88.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
   )));
 };
 
@@ -9899,7 +10000,7 @@ var Announcement = ({
 // components/blocks/misc/NotFound.tsx
 import React90 from "react";
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ React90.createElement(Card, null, /* @__PURE__ */ React90.createElement(CardContent, { headless: true }, /* @__PURE__ */ React90.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React90.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, texts?.pageNotFound || "Page Not Found"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, texts?.ifLost || /* @__PURE__ */ React90.createElement(React90.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React90.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React90.createElement(Button, { className: "hawa-w-full" }, texts?.home || "Home"))));
+  return /* @__PURE__ */ React90.createElement(Card, null, /* @__PURE__ */ React90.createElement(CardContent, { headless: true }, /* @__PURE__ */ React90.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React90.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React90.createElement(React90.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React90.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React90.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // components/blocks/misc/NoPermission.tsx
@@ -9916,7 +10017,7 @@ var NoPermission = ({ texts }) => {
       width: "0.35em"
     },
     /* @__PURE__ */ React91.createElement("path", { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" })
-  )), /* @__PURE__ */ React91.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, texts?.title || "You don't have permission"), /* @__PURE__ */ React91.createElement("div", null, texts?.subtitle || "If you think this is a problem please contact your administrator or our customer support"))));
+  )), /* @__PURE__ */ React91.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React91.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
 };
 
 // components/blocks/pricing/PricingPlans.tsx
@@ -9975,6 +10076,7 @@ var PricingPlans = (props) => {
 // components/blocks/pricing/ComparingPlans.tsx
 import React93, { useState as useState35 } from "react";
 var ComparingPlans = (props) => {
+  var _a;
   const [currentCurrency, setCurrentCurrency] = useState35("sar");
   const [currentCycle, setCurrentCycle] = useState35("month");
   return /* @__PURE__ */ React93.createElement("div", { id: "detailed-pricing", className: "hawa-w-full hawa-overflow-x-auto" }, /* @__PURE__ */ React93.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React93.createElement(
@@ -10005,7 +10107,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  )), /* @__PURE__ */ React93.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ React93.createElement("div", { className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-border-gray-200 hawa-bg-gray-100 hawa-p-4 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white" }, /* @__PURE__ */ React93.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => /* @__PURE__ */ React93.createElement("div", { key: i }, /* @__PURE__ */ React93.createElement("h5", { className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ React93.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-gray-900 dark:hawa-text-white" }, /* @__PURE__ */ React93.createElement(React93.Fragment, null, /* @__PURE__ */ React93.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React93.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React93.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ React93.createElement("h5", { className: "hawa-text-md  hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)))), props.plans?.map((plan) => {
+  )), /* @__PURE__ */ React93.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ React93.createElement("div", { className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-border-gray-200 hawa-bg-gray-100 hawa-p-4 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white" }, /* @__PURE__ */ React93.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => /* @__PURE__ */ React93.createElement("div", { key: i }, /* @__PURE__ */ React93.createElement("h5", { className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ React93.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-gray-900 dark:hawa-text-white" }, /* @__PURE__ */ React93.createElement(React93.Fragment, null, /* @__PURE__ */ React93.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React93.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React93.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ React93.createElement("h5", { className: "hawa-text-md  hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)))), (_a = props.plans) == null ? void 0 : _a.map((plan) => {
     return plan.features.map((feature, j) => {
       return /* @__PURE__ */ React93.createElement(
         "div",
@@ -10131,6 +10233,7 @@ var CardPrice = (props) => /* @__PURE__ */ React94.createElement("h2", { classNa
 // components/blocks/Usage.tsx
 import React95 from "react";
 var Usage = (props) => {
+  var _a;
   return /* @__PURE__ */ React95.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ React95.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React95.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ React95.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ React95.createElement(
     "svg",
     {
@@ -10143,7 +10246,7 @@ var Usage = (props) => {
       width: "1em"
     },
     /* @__PURE__ */ React95.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
-  ))), /* @__PURE__ */ React95.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React95.createElement("div", null, props.currentUsage), /* @__PURE__ */ React95.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React95.createElement(Progress, { value: props.percent ?? 0 }));
+  ))), /* @__PURE__ */ React95.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React95.createElement("div", null, props.currentUsage), /* @__PURE__ */ React95.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React95.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
 };
 
 // components/hooks/useIsomorphicEffect.ts
@@ -10267,13 +10370,13 @@ function useFocusWithin({
   const handleFocusIn = (event) => {
     if (!focusedRef.current) {
       setFocused(true);
-      onFocus?.(event);
+      onFocus == null ? void 0 : onFocus(event);
     }
   };
   const handleFocusOut = (event) => {
     if (focusedRef.current && !containsRelatedTarget(event)) {
       setFocused(false);
-      onBlur?.(event);
+      onBlur == null ? void 0 : onBlur(event);
     }
   };
   useEffect27(() => {
@@ -10281,8 +10384,9 @@ function useFocusWithin({
       ref.current.addEventListener("focusin", handleFocusIn);
       ref.current.addEventListener("focusout", handleFocusOut);
       return () => {
-        ref.current?.removeEventListener("focusin", handleFocusIn);
-        ref.current?.removeEventListener("focusout", handleFocusOut);
+        var _a, _b;
+        (_a = ref.current) == null ? void 0 : _a.removeEventListener("focusin", handleFocusIn);
+        (_b = ref.current) == null ? void 0 : _b.removeEventListener("focusout", handleFocusOut);
       };
     }
     return void 0;