@sikka/hawa 0.48.0-next → 0.49.0-next

package/dist/blocks/index.mjs

@@ -17,10 +17,10 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-GBLWUEYN.mjs";
+} from "../chunk-ULRL4WI6.mjs";
 import {
   getHotkeyHandler
-} from "../chunk-WL7C2A5D.mjs";
+} from "../chunk-WQR4XZGL.mjs";
 import {
   BadEmoji,
   Button,
@@ -44,8 +44,8 @@ import {
   VeryBadEmoji,
   VeryGoodEmoji,
   cn
-} from "../chunk-6SJUUJOV.mjs";
-import "../chunk-2LUXOXAL.mjs";
+} from "../chunk-KDGJZPWK.mjs";
+import "../chunk-5SQBJRWE.mjs";
 
 // blocks/auth/AuthButtons.tsx
 import React from "react";
@@ -624,385 +624,398 @@ var RegisterForm = ({
         headless: registerTypes ? registerTypes.length <= 1 : true,
         noPadding: props.cardless
       },
-      /* @__PURE__ */ React3.createElement("div", null, props.showError && /* @__PURE__ */ React3.createElement(
-        Alert,
+      /* @__PURE__ */ React3.createElement(
+        "div",
         {
-          direction: props.direction,
-          title: props.errorTitle,
-          text: props.errorText,
-          severity: "error",
-          onAlertClosed: () => {
-            if (props.onErrorDismissed) {
-              props.onErrorDismissed();
+          className: cn(registerTypes && registerTypes.length > 1 ? "hawa-mt-6 hawa-mb-0" : "")
+        },
+        props.showError && /* @__PURE__ */ React3.createElement(
+          Alert,
+          {
+            direction: props.direction,
+            title: props.errorTitle,
+            text: props.errorText,
+            severity: "error",
+            onAlertClosed: () => {
+              if (props.onErrorDismissed) {
+                props.onErrorDismissed();
+              }
             }
           }
-        }
-      ), /* @__PURE__ */ React3.createElement(FormProvider, { ...methods }, /* @__PURE__ */ React3.createElement(
-        "form",
-        {
-          noValidate: true,
-          onSubmit: handleSubmit((e) => {
-            if (props.onRegister) {
-              return props.onRegister(e);
-            } else {
-              console.log("Form is submitted but onRegister prop is missing");
-            }
-          }),
-          className: "hawa-flex hawa-flex-col hawa-gap-4"
-        },
-        /* @__PURE__ */ React3.createElement(
-          Tabs,
+        ),
+        /* @__PURE__ */ React3.createElement(FormProvider, { ...methods }, /* @__PURE__ */ React3.createElement(
+          "form",
           {
-            dir: props.direction,
-            value: selectedRegisterType.value,
-            onValueChange: (e) => setSelectedRegisterType(
-              (registerTypes == null ? void 0 : registerTypes.find((r) => r.value === e)) || registerTypes && registerTypes[0] || {
-                label: "Password",
-                value: "password"
+            noValidate: true,
+            onSubmit: handleSubmit((e) => {
+              if (props.onRegister) {
+                return props.onRegister(e);
+              } else {
+                console.log("Form is submitted but onRegister prop is missing");
               }
-            )
+            }),
+            className: "hawa-flex hawa-flex-col hawa-gap-4"
           },
-          registerTypes && registerTypes.length > 1 && /* @__PURE__ */ React3.createElement(CardHeader, { className: "hawa-w-full hawa-px-0 hawa-py-0 hawa-my-4 hawa-mt-6" }, /* @__PURE__ */ React3.createElement(TabsList, { className: "hawa-w-full" }, registerTypes.map((registerType) => /* @__PURE__ */ React3.createElement(TabsTrigger, { value: registerType.value }, registerType.label)))),
           /* @__PURE__ */ React3.createElement(
-            TabsContent,
+            Tabs,
             {
-              value: "password",
-              className: cn(
-                "hawa-flex hawa-flex-col hawa-gap-4",
-                selectedRegisterType.value === "password" ? "hawa-block" : "hawa-hidden"
-              ),
-              dir: props.direction
-            },
-            /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
-              if (fld === "fullname") {
-                return /* @__PURE__ */ React3.createElement(
-                  Controller2,
-                  {
-                    key: i,
-                    control,
-                    name: "fullName",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2;
-                      return /* @__PURE__ */ React3.createElement(
-                        Input,
-                        {
-                          width: "full",
-                          label: ((_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label) || "Full Name",
-                          placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
-                          helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
-                          ...field
-                        }
-                      );
-                    }
-                  }
-                );
-              }
-              if (fld === "email") {
-                return /* @__PURE__ */ React3.createElement(
-                  Controller2,
-                  {
-                    key: i,
-                    control,
-                    name: "email",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2;
-                      return /* @__PURE__ */ React3.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) || "Email",
-                          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,
-                          onChange: (e) => {
-                            field.onChange(e.target.value.toLowerCase().trim());
-                          }
-                        }
-                      );
-                    }
-                  }
-                );
-              }
-              if (fld === "username") {
-                return /* @__PURE__ */ React3.createElement(
-                  Controller2,
-                  {
-                    key: i,
-                    control,
-                    name: "username",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2, _d2;
-                      return /* @__PURE__ */ React3.createElement(
-                        Input,
-                        {
-                          width: "full",
-                          autoComplete: "username",
-                          label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
-                          labelProps: {
-                            ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
-                          },
-                          helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
-                          placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
-                          ...field
-                        }
-                      );
-                    }
+              dir: props.direction,
+              value: selectedRegisterType.value,
+              onValueChange: (e) => {
+                if (props.onRegisterTypeChange) {
+                  props.onRegisterTypeChange(e);
+                }
+                setSelectedRegisterType(
+                  (registerTypes == null ? void 0 : registerTypes.find((r) => r.value === e)) || registerTypes && registerTypes[0] || {
+                    label: "Password",
+                    value: "password"
                   }
                 );
               }
-            })),
+            },
+            registerTypes && registerTypes.length > 1 && /* @__PURE__ */ React3.createElement(CardHeader, { className: "hawa-w-full hawa-px-0 hawa-py-0 hawa-mb-4" }, /* @__PURE__ */ React3.createElement(TabsList, { className: "hawa-w-full" }, registerTypes.map((registerType, k) => /* @__PURE__ */ React3.createElement(TabsTrigger, { key: k, value: registerType.value }, registerType.label)))),
             /* @__PURE__ */ React3.createElement(
-              Controller2,
+              TabsContent,
               {
-                control,
-                name: "password",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
+                value: "password",
+                className: cn(
+                  "hawa-flex hawa-flex-col hawa-gap-4",
+                  selectedRegisterType.value === "password" ? "hawa-block" : "hawa-hidden"
+                ),
+                dir: props.direction
+              },
+              /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+                if (fld === "fullname") {
                   return /* @__PURE__ */ React3.createElement(
-                    Input,
+                    Controller2,
                     {
-                      width: "full",
-                      type: passwordVisible ? "text" : "password",
-                      autoComplete: "new-password",
-                      label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                      placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-                      helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                      endIcon: /* @__PURE__ */ React3.createElement(
-                        "div",
-                        {
-                          className: "hawa-cursor-pointer",
-                          onClick: () => setPasswordVisible(!passwordVisible)
-                        },
-                        passwordVisible ? /* @__PURE__ */ React3.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React3.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                        " "
-                      ),
-                      ...field
+                      key: i,
+                      control,
+                      name: "fullName",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2;
+                        return /* @__PURE__ */ React3.createElement(
+                          Input,
+                          {
+                            width: "full",
+                            label: ((_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label) || "Full Name",
+                            placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
+                            helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
+                            ...field
+                          }
+                        );
+                      }
                     }
                   );
                 }
-              }
-            ),
-            /* @__PURE__ */ React3.createElement(
-              Controller2,
-              {
-                control,
-                name: "confirm_password",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
+                if (fld === "email") {
                   return /* @__PURE__ */ React3.createElement(
-                    Input,
+                    Controller2,
                     {
-                      width: "full",
-                      type: passwordVisible ? "text" : "password",
-                      autoComplete: "new-password",
-                      label: ((_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label) || "Confirm Password",
-                      placeholder: ((_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder) || "Confirm your Password",
-                      helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-                      endIcon: /* @__PURE__ */ React3.createElement(
-                        "div",
-                        {
-                          className: "hawa-cursor-pointer",
-                          onClick: () => setPasswordVisible(!passwordVisible)
-                        },
-                        passwordVisible ? /* @__PURE__ */ React3.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React3.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                        " "
-                      ),
-                      ...field
+                      key: i,
+                      control,
+                      name: "email",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2;
+                        return /* @__PURE__ */ React3.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) || "Email",
+                            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,
+                            onChange: (e) => {
+                              field.onChange(e.target.value.toLowerCase().trim());
+                            }
+                          }
+                        );
+                      }
                     }
                   );
                 }
-              }
-            ),
-            props.additionalInputs,
-            props.showRefCode && /* @__PURE__ */ React3.createElement(
-              Controller2,
-              {
-                control,
-                name: "refCode",
-                render: ({ field }) => {
-                  var _a2;
+                if (fld === "username") {
                   return /* @__PURE__ */ React3.createElement(
-                    Input,
+                    Controller2,
                     {
-                      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
+                      key: i,
+                      control,
+                      name: "username",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2, _d2;
+                        return /* @__PURE__ */ React3.createElement(
+                          Input,
+                          {
+                            width: "full",
+                            autoComplete: "username",
+                            label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
+                            labelProps: {
+                              ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
+                            },
+                            helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
+                            placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
+                            ...field
+                          }
+                        );
+                      }
                     }
                   );
                 }
-              }
-            ),
-            props.showUserSource && /* @__PURE__ */ React3.createElement(
-              Controller2,
-              {
-                control,
-                name: "reference",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ React3.createElement(
-                    Select,
-                    {
-                      label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
-                      placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
-                      isCreatable: false,
-                      isMulti: false,
-                      isSearchable: false,
-                      isClearable: false,
-                      options: props.userReferenceOptions || [],
-                      onChange: (e) => field.onChange(e)
-                    }
-                  );
+              })),
+              /* @__PURE__ */ React3.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "password",
+                  render: ({ field }) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ React3.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        type: passwordVisible ? "text" : "password",
+                        autoComplete: "new-password",
+                        label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+                        helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+                        endIcon: /* @__PURE__ */ React3.createElement(
+                          "div",
+                          {
+                            className: "hawa-cursor-pointer",
+                            onClick: () => setPasswordVisible(!passwordVisible)
+                          },
+                          passwordVisible ? /* @__PURE__ */ React3.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React3.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                          " "
+                        ),
+                        ...field
+                      }
+                    );
+                  }
                 }
-              }
-            )
-          ),
-          /* @__PURE__ */ React3.createElement(
-            TabsContent,
-            {
-              value: "phone",
-              className: cn(
-                "hawa-flex hawa-flex-col hawa-gap-4",
-                selectedRegisterType.value === "phone" ? "hawa-block" : "hawa-hidden"
               ),
-              dir: props.direction
-            },
+              /* @__PURE__ */ React3.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "confirm_password",
+                  render: ({ field }) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ React3.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        type: passwordVisible ? "text" : "password",
+                        autoComplete: "new-password",
+                        label: ((_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label) || "Confirm Password",
+                        placeholder: ((_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder) || "Confirm your Password",
+                        helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+                        endIcon: /* @__PURE__ */ React3.createElement(
+                          "div",
+                          {
+                            className: "hawa-cursor-pointer",
+                            onClick: () => setPasswordVisible(!passwordVisible)
+                          },
+                          passwordVisible ? /* @__PURE__ */ React3.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React3.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                          " "
+                        ),
+                        ...field
+                      }
+                    );
+                  }
+                }
+              ),
+              props.additionalInputs,
+              props.showRefCode && /* @__PURE__ */ React3.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "refCode",
+                  render: ({ field }) => {
+                    var _a2;
+                    return /* @__PURE__ */ React3.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__ */ React3.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "reference",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ React3.createElement(
+                      Select,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+                        isCreatable: false,
+                        isMulti: false,
+                        isSearchable: false,
+                        isClearable: false,
+                        options: props.userReferenceOptions || [],
+                        onChange: (e) => field.onChange(e)
+                      }
+                    );
+                  }
+                }
+              )
+            ),
             /* @__PURE__ */ React3.createElement(
-              Controller2,
+              TabsContent,
               {
-                control,
-                name: "phone",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ React3.createElement(
-                    PhoneInput,
-                    {
-                      label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
-                      helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
-                      preferredCountry: { label: "+966" },
-                      ...props.phoneInputProps,
-                      handleChange: (e) => {
-                        if (isValidPhoneNumber2(e) && isPossiblePhoneNumber2(e) && validatePhoneNumberLength2(e) === void 0) {
-                          let parsed = parsePhoneNumber2(e);
-                          field.onChange(parsed.number);
-                        } else {
-                          field.onChange(e);
+                value: "phone",
+                className: cn(
+                  "hawa-flex hawa-flex-col hawa-gap-4",
+                  selectedRegisterType.value === "phone" ? "hawa-block" : "hawa-hidden"
+                ),
+                dir: props.direction
+              },
+              /* @__PURE__ */ React3.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "phone",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ React3.createElement(
+                      PhoneInput,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
+                        helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
+                        preferredCountry: { label: "+966" },
+                        ...props.phoneInputProps,
+                        handleChange: (e) => {
+                          if (isValidPhoneNumber2(e) && isPossiblePhoneNumber2(e) && validatePhoneNumberLength2(e) === void 0) {
+                            let parsed = parsePhoneNumber2(e);
+                            field.onChange(parsed.number);
+                          } else {
+                            field.onChange(e);
+                          }
                         }
                       }
-                    }
-                  );
+                    );
+                  }
                 }
-              }
+              ),
+              props.additionalInputs,
+              props.showRefCode && /* @__PURE__ */ React3.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "refCode",
+                  render: ({ field }) => {
+                    var _a2;
+                    return /* @__PURE__ */ React3.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__ */ React3.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "reference",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ React3.createElement(
+                      Select,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+                        isCreatable: false,
+                        isMulti: false,
+                        isSearchable: false,
+                        isClearable: false,
+                        options: props.userReferenceOptions || [],
+                        onChange: (e) => field.onChange(e)
+                      }
+                    );
+                  }
+                }
+              )
             ),
-            props.additionalInputs,
-            props.showRefCode && /* @__PURE__ */ React3.createElement(
+            showTermsOption || showNewsletterOption ? /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ React3.createElement(
               Controller2,
               {
                 control,
-                name: "refCode",
+                name: "terms_accepted",
                 render: ({ field }) => {
-                  var _a2;
+                  var _a2, _b2;
                   return /* @__PURE__ */ React3.createElement(
-                    Input,
+                    Checkbox,
                     {
-                      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
+                      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__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ React3.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React3.createElement(
+                        "span",
+                        {
+                          onClick: (e) => {
+                            e.preventDefault();
+                            if (props.onRouteToTOS) {
+                              props.onRouteToTOS();
+                            }
+                          },
+                          className: "clickable-link"
+                        },
+                        (texts == null ? void 0 : texts.termsText) || "Terms of Service"
+                      )))
                     }
                   );
                 }
               }
-            ),
-            props.showUserSource && /* @__PURE__ */ React3.createElement(
+            ), showNewsletterOption && /* @__PURE__ */ React3.createElement(
               Controller2,
               {
                 control,
-                name: "reference",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ React3.createElement(
-                    Select,
-                    {
-                      label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
-                      placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
-                      isCreatable: false,
-                      isMulti: false,
-                      isSearchable: false,
-                      isClearable: false,
-                      options: props.userReferenceOptions || [],
-                      onChange: (e) => field.onChange(e)
-                    }
-                  );
-                }
-              }
-            )
-          ),
-          showTermsOption || showNewsletterOption ? /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ React3.createElement(
-            Controller2,
-            {
-              control,
-              name: "terms_accepted",
-              render: ({ field }) => {
-                var _a2, _b2;
-                return /* @__PURE__ */ React3.createElement(
+                name: "newsletter_accepted",
+                render: ({ field }) => /* @__PURE__ */ React3.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__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ React3.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React3.createElement(
-                      "span",
-                      {
-                        onClick: (e) => {
-                          e.preventDefault();
-                          if (props.onRouteToTOS) {
-                            props.onRouteToTOS();
-                          }
-                        },
-                        className: "clickable-link"
-                      },
-                      (texts == null ? void 0 : texts.termsText) || "Terms of Service"
-                    )))
+                    id: "newsletter_accepted",
+                    label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
+                    onCheckedChange: field.onChange
                   }
-                );
+                )
               }
-            }
-          ), showNewsletterOption && /* @__PURE__ */ React3.createElement(
-            Controller2,
+            )) : null
+          ),
+          /* @__PURE__ */ React3.createElement(
+            Button,
             {
-              control,
-              name: "newsletter_accepted",
-              render: ({ field }) => /* @__PURE__ */ React3.createElement(
-                Checkbox,
-                {
-                  id: "newsletter_accepted",
-                  label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
-                  onCheckedChange: field.onChange
-                }
-              )
-            }
-          )) : null
-        ),
-        /* @__PURE__ */ React3.createElement(
-          Button,
-          {
-            className: "hawa-w-full",
-            type: "submit",
-            isLoading: props.isLoading,
-            disabled: props.isLoading
-          },
-          (texts == null ? void 0 : texts.registerText) || "Register"
-        ),
-        props.additionalButtons
-      )), props.onRouteToLogin && /* @__PURE__ */ React3.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__ */ React3.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ React3.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))
+              className: "hawa-w-full",
+              type: "submit",
+              isLoading: props.isLoading,
+              disabled: props.isLoading
+            },
+            (texts == null ? void 0 : texts.registerText) || "Register"
+          ),
+          props.additionalButtons
+        )),
+        props.onRouteToLogin && /* @__PURE__ */ React3.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__ */ React3.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ React3.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login"))
+      )
     ),
     props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React3.createElement(
       CardFooter,
@@ -1062,14 +1075,7 @@ var AppLanding = ({ texts, ...props }) => {
       handleEmail: props.handleEmail,
       handlePhone: props.handlePhone
     }
-  ), props.allowRegister && /* @__PURE__ */ React4.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__ */ React4.createElement(
-    "span",
-    {
-      onClick: props.handleRouteToRegister,
-      className: "clickable-link"
-    },
-    texts == null ? void 0 : texts.createAccount
-  )))));
+  ), props.allowRegister && /* @__PURE__ */ React4.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__ */ React4.createElement("span", { onClick: props.handleRouteToRegister, className: "clickable-link" }, texts == null ? void 0 : texts.createAccount)))));
 };
 
 // blocks/auth/CheckEmail.tsx
@@ -1098,11 +1104,7 @@ import React6 from "react";
 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,
-  isLoading,
-  ...props
-}) => {
+var NewPasswordForm = ({ texts, isLoading, ...props }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const formSchema = z3.object({
     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 }),
@@ -1124,9 +1126,7 @@ var NewPasswordForm = ({
         if (props.handleNewPassword) {
           return props.handleNewPassword(e);
         } else {
-          console.log(
-            "Form is submitted but handleSubmission prop is missing"
-          );
+          console.log("Form is submitted but handleSubmission prop is missing");
         }
       })
     },
@@ -1180,14 +1180,7 @@ var NewPasswordForm = ({
           );
         }
       }
-    )), /* @__PURE__ */ React6.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React6.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ React6.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: props.handleRouteToRegister
-      },
-      (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register"
-    )))
+    )), /* @__PURE__ */ React6.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React6.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ React6.createElement("span", { className: "clickable-link", onClick: props.handleRouteToRegister }, (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register")))
   ));
 };
 
@@ -1253,22 +1246,7 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ React7.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React7.createElement(
-      Button,
-      {
-        type: "submit",
-        className: "hawa-w-full",
-        isLoading
-      },
-      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
-    ), allowRegister && /* @__PURE__ */ React7.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__ */ React7.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: props.handleRouteToRegister
-      },
-      (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
-    )))
+    /* @__PURE__ */ React7.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React7.createElement(Button, { type: "submit", className: "hawa-w-full", isLoading }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React7.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__ */ React7.createElement("span", { className: "clickable-link", onClick: props.handleRouteToRegister }, (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register")))
   )) : /* @__PURE__ */ React7.createElement(CardContent, { headless: true }, /* @__PURE__ */ React7.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
 };
 
@@ -1316,7 +1294,7 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ React8.createElement(Card, null, /* @__PURE__ */ React8.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React8.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ React8.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React8.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ React8.createElement("span", null, props.identifier))), /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React8.createElement(Card, null, /* @__PURE__ */ React8.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React8.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ React8.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React8.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React8.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React8.createElement(
     "form",
     {
       noValidate: true,
@@ -1410,19 +1388,13 @@ var UserReferralSource = ({
   return /* @__PURE__ */ React9.createElement(
     "div",
     {
-      className: cn(
-        "hawa-transition-all",
-        closed ? "hawa-opacity-0" : "hawa-opacity-100"
-      ),
+      className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
       ref: popUpRef
     },
     /* @__PURE__ */ React9.createElement(
       Card,
       {
-        className: cn(
-          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
-          boxPosition[position]
-        ),
+        className: cn("hawa-fixed hawa-bottom-4 hawa-p-0", boxPosition[position]),
         dir: props.direction
       },
       /* @__PURE__ */ React9.createElement(
@@ -1431,7 +1403,7 @@ var UserReferralSource = ({
           type: "button",
           className: cn(
             props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
-            "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
+            "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
           ),
           "data-dismiss-target": "#toast-default",
           "aria-label": "Close",
@@ -1483,7 +1455,7 @@ var UserReferralSource = ({
             )
           },
           /* @__PURE__ */ React9.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React9.createElement(
+          /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, /* @__PURE__ */ React9.createElement(
             Controller6,
             {
               control,
@@ -1535,10 +1507,7 @@ var UserReferralSource = ({
 
 // blocks/feedback/FeedbackRating.tsx
 import React10, { useEffect as useEffect2, useRef as useRef2, useState as useState5 } from "react";
-var FeedbackRating = ({
-  position = "bottom-right",
-  ...props
-}) => {
+var FeedbackRating = ({ position = "bottom-right", ...props }) => {
   const [closed, setClosed] = useState5(false);
   const [answered, setAnswered] = useState5(false);
   const [clickedOption, setClickedOption] = useState5(null);
@@ -1628,9 +1597,7 @@ var FeedbackRating = ({
             }, 4800);
             setTimeout(() => {
               var _a, _b;
-              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
-                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
-              );
+              (_b = popUpRef.current) == null ? void 0 : _b.removeChild((_a = popUpRef.current) == null ? void 0 : _a.children[0]);
               clearTimeout(timeoutDestroy);
             }, 5300);
           },
@@ -1780,9 +1747,7 @@ var FeedbackForm = (props) => {
   return /* @__PURE__ */ React12.createElement(
     Card,
     {
-      className: cn(
-        props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""
-      ),
+      className: cn(props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
     /* @__PURE__ */ React12.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ React12.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ React12.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ React12.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ React12.createElement(
@@ -1955,10 +1920,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
 
 // blocks/misc/Announcement.tsx
 import React17 from "react";
-var Announcement = ({
-  onActionClick,
-  ...props
-}) => {
+var Announcement = ({ onActionClick, ...props }) => {
   return /* @__PURE__ */ React17.createElement(Card, null, /* @__PURE__ */ React17.createElement(
     CardContent,
     {
@@ -1966,14 +1928,7 @@ var Announcement = ({
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
     /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center" }, /* @__PURE__ */ React17.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React17.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ React17.createElement(
-      Button,
-      {
-        onClick: () => onActionClick(),
-        className: "hawa-whitespace-nowrap"
-      },
-      props.actionText
-    )
+    /* @__PURE__ */ React17.createElement(Button, { onClick: () => onActionClick(), className: "hawa-whitespace-nowrap" }, props.actionText)
   ));
 };
 
@@ -2019,25 +1974,22 @@ var ContactForm = ({
 }) => {
   var _a, _b, _c, _d, _e;
   const customFieldsSchema = z8.object({
-    ...customFields == null ? void 0 : customFields.reduce(
-      (acc, curr) => {
-        switch (curr.type) {
-          case "text":
-            acc[curr.name] = z8.string().optional().default("");
-            break;
-          case "number":
-            acc[curr.name] = z8.string().optional().default("");
-            break;
-          case "select":
-            acc[curr.name] = z8.string().optional().default("");
-            break;
-          default:
-            break;
-        }
-        return acc;
-      },
-      {}
-    )
+    ...customFields == null ? void 0 : customFields.reduce((acc, curr) => {
+      switch (curr.type) {
+        case "text":
+          acc[curr.name] = z8.string().optional().default("");
+          break;
+        case "number":
+          acc[curr.name] = z8.string().optional().default("");
+          break;
+        case "select":
+          acc[curr.name] = z8.string().optional().default("");
+          break;
+        default:
+          break;
+      }
+      return acc;
+    }, {})
   });
   const contactFormSchema = z8.object({
     name: z8.string({ required_error: (texts == null ? void 0 : texts.name.required) || "Name is required" }).min(1, (texts == null ? void 0 : texts.name.required) || "Name is required").default(""),
@@ -2107,13 +2059,10 @@ var ContactForm = ({
       /* @__PURE__ */ React20.createElement(
         "div",
         {
-          className: cn(
-            "hawa-flex hawa-items-start hawa-justify-start hawa-gap-2",
-            {
-              "hawa-flex-row": size === "default",
-              "hawa-flex-col": size === "sm"
-            }
-          )
+          className: cn("hawa-flex hawa-items-start hawa-justify-start hawa-gap-2", {
+            "hawa-flex-row": size === "default",
+            "hawa-flex-col": size === "sm"
+          })
         },
         /* @__PURE__ */ React20.createElement(
           Controller9,
@@ -2211,9 +2160,7 @@ var ContactForm = ({
                   placeholder: texts == null ? void 0 : texts.message.placeholder,
                   className: "hawa-min-h-20",
                   ...field,
-                  onKeyDown: getHotkeyHandler([
-                    ["mod+enter", () => SubmitForm(getValues())]
-                  ])
+                  onKeyDown: getHotkeyHandler([["mod+enter", () => SubmitForm(getValues())]])
                 },
                 classNames: { textarea: "hawa-min-h-40 hawa-h-full" },
                 helperText: (_a2 = errors.message) == null ? void 0 : _a2.message
@@ -2222,14 +2169,7 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ React20.createElement(
-        Button,
-        {
-          type: "submit",
-          className: cn("hawa-w-full", classNames == null ? void 0 : classNames.submitButton)
-        },
-        (texts == null ? void 0 : texts.submit) || "Submit"
-      )
+      /* @__PURE__ */ React20.createElement(Button, { type: "submit", className: cn("hawa-w-full", classNames == null ? void 0 : classNames.submitButton) }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };
@@ -2278,10 +2218,7 @@ var ActionCard = (props) => {
 
 // blocks/cards/AdCard.tsx
 import React22, { useState as useState8, useEffect as useEffect3, useRef as useRef3 } from "react";
-var AdCard = ({
-  orientation = "vertical",
-  ...props
-}) => {
+var AdCard = ({ orientation = "vertical", ...props }) => {
   const adRef = useRef3(null);
   const [closed, setClosed] = useState8(false);
   let duration = 0;
@@ -2310,43 +2247,34 @@ var AdCard = ({
     horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500  hawa-rounded-inner",
     vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
   };
-  return /* @__PURE__ */ React22.createElement("div", { ref: adRef }, /* @__PURE__ */ React22.createElement(
-    "div",
+  return /* @__PURE__ */ React22.createElement("div", { ref: adRef }, /* @__PURE__ */ React22.createElement("div", { className: cn(cardStyles[orientation], props.className), onClick: props.handleClick }, /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start" }, /* @__PURE__ */ React22.createElement(
+    "img",
     {
-      className: cn(cardStyles[orientation], props.className),
-      onClick: props.handleClick
-    },
-    /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start" }, /* @__PURE__ */ React22.createElement(
-      "img",
-      {
-        src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
-        className: imageStyles[orientation]
-      }
-    )),
-    /* @__PURE__ */ React22.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ React22.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ React22.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
-    props.canHide && /* @__PURE__ */ React22.createElement(
-      "span",
-      {
-        onClick: (e) => {
-          e.stopPropagation();
-          if (props.canHide) {
-            setClosed(true);
-            setTimeout(() => {
-              if (adRef.current) {
-                adRef.current.removeChild(adRef.current.children[0]);
-              }
-            }, 200);
-          } else {
-            if (props.handleCantHide) {
-              props.handleCantHide();
+      src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
+      className: imageStyles[orientation]
+    }
+  )), /* @__PURE__ */ React22.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ React22.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ React22.createElement("div", { className: "hawa-text-[12px]" }, props.description)), props.canHide && /* @__PURE__ */ React22.createElement(
+    "span",
+    {
+      onClick: (e) => {
+        e.stopPropagation();
+        if (props.canHide) {
+          setClosed(true);
+          setTimeout(() => {
+            if (adRef.current) {
+              adRef.current.removeChild(adRef.current.children[0]);
             }
+          }, 200);
+        } else {
+          if (props.handleCantHide) {
+            props.handleCantHide();
           }
-        },
-        className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-h-fit hawa-cursor-pointer hawa-select-none hawa-rounded-bl-lg hawa-rounded-tr-lg hawa-bg-primary/50 hawa-px-2.5 hawa-py-0.5 hawa-text-[10px] hawa-font-semibold hawa-text-primary-foreground"
+        }
       },
-      "Hide"
-    )
-  ));
+      className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-h-fit hawa-cursor-pointer hawa-select-none hawa-rounded-bl-lg hawa-rounded-tr-lg hawa-bg-primary/50 hawa-px-2.5 hawa-py-0.5 hawa-text-[10px] hawa-font-semibold hawa-text-primary-foreground"
+    },
+    "Hide"
+  )));
 };
 
 // blocks/cards/PricingCard.tsx
@@ -2365,13 +2293,7 @@ var PricingCard = ({
     medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background",
     large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background"
   };
-  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ React23.createElement(
-    Skeleton,
-    {
-      className: cn(cardSizes[size], "hawa-h-[200px]"),
-      fade: "bottom"
-    }
-  ) : /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ React23.createElement(Skeleton, { className: cn(cardSizes[size], "hawa-h-[200px]"), fade: "bottom" }) : /* @__PURE__ */ React23.createElement(
     Card,
     {
       dir: direction,
@@ -2426,48 +2348,26 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70" }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React23.createElement(
-            Chip,
-            {
-              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
-              color: "oceanic",
-              size: "small"
-            }
-          ))),
-          feature.hint && /* @__PURE__ */ React23.createElement(
-            Tooltip,
+          ) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70" }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React23.createElement(Chip, { label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "", color: "oceanic", size: "small" }))),
+          feature.hint && /* @__PURE__ */ React23.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React23.createElement(
+            "svg",
             {
-              content: feature.hint,
-              side: feature.hintSide
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
             },
-            /* @__PURE__ */ React23.createElement(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              },
-              /* @__PURE__ */ React23.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-              /* @__PURE__ */ React23.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-              /* @__PURE__ */ React23.createElement("path", { d: "M12 17h.01" })
-            )
-          )
+            /* @__PURE__ */ React23.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ React23.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+            /* @__PURE__ */ React23.createElement("path", { d: "M12 17h.01" })
+          ))
         );
       })),
-      /* @__PURE__ */ React23.createElement(
-        Button,
-        {
-          onClick: props.onPlanClicked,
-          disabled: currentPlan,
-          className: "hawa-w-full"
-        },
-        (_i = props.texts) == null ? void 0 : _i.buttonText
-      )
+      /* @__PURE__ */ React23.createElement(Button, { onClick: props.onPlanClicked, disabled: currentPlan, className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.buttonText)
     ))
   ));
 };
@@ -2554,25 +2454,16 @@ var ItemCard = ({
       DropdownMenu,
       {
         items: headerActions,
-        trigger: /* @__PURE__ */ React24.createElement(
-          Button,
+        trigger: /* @__PURE__ */ React24.createElement(Button, { variant: "ghost", size: "smallIcon", onClick: handleOpenActionHeader }, /* @__PURE__ */ React24.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"), /* @__PURE__ */ React24.createElement(
+          "svg",
           {
-            variant: "ghost",
-            size: "smallIcon",
-            onClick: handleOpenActionHeader
+            className: "hawa-h-5 hawa-w-5",
+            "aria-hidden": "true",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React24.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ React24.createElement(
-            "svg",
-            {
-              className: "hawa-h-5 hawa-w-5",
-              "aria-hidden": "true",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ React24.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
-          )
-        )
+          /* @__PURE__ */ React24.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
+        ))
       }
     ))), /* @__PURE__ */ React24.createElement("div", { className: "hawa-mx-2" }, header && /* @__PURE__ */ React24.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight" }, header), content && /* @__PURE__ */ React24.createElement("span", { className: "hawa-w-full hawa-font-normal" }, content)), actions || counts ? /* @__PURE__ */ React24.createElement(
       "div",
@@ -2669,11 +2560,7 @@ var PricingPlans = ({
 import React27 from "react";
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
-    new Set(
-      props.plans.flatMap(
-        (plan) => plan.features.map((feature) => feature.text)
-      )
-    )
+    new Set(props.plans.flatMap((plan) => plan.features.map((feature) => feature.text)))
   );
   return /* @__PURE__ */ React27.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ React27.createElement(
     Radio,
@@ -2743,9 +2630,7 @@ var ComparingPlans = (props) => {
           )
         },
         /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
-          (plan) => plan.features.some(
-            (feature) => feature.text === featureText && feature.hint
-          )
+          (plan) => plan.features.some((feature) => feature.text === featureText && feature.hint)
         ) && /* @__PURE__ */ React27.createElement(
           Tooltip,
           {
@@ -2753,13 +2638,9 @@ var ComparingPlans = (props) => {
             content: (_b = (_a = props.plans.find(
               (plan) => {
                 var _a2;
-                return (_a2 = plan.features.find(
-                  (feature) => feature.text === featureText
-                )) == null ? void 0 : _a2.hint;
+                return (_a2 = plan.features.find((feature) => feature.text === featureText)) == null ? void 0 : _a2.hint;
               }
-            )) == null ? void 0 : _a.features.find(
-              (feature) => feature.text === featureText
-            )) == null ? void 0 : _b.hint
+            )) == null ? void 0 : _a.features.find((feature) => feature.text === featureText)) == null ? void 0 : _b.hint
           },
           /* @__PURE__ */ React27.createElement(
             "svg",
@@ -2774,9 +2655,7 @@ var ComparingPlans = (props) => {
             /* @__PURE__ */ React27.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" })
           )
         ), props.plans.some(
-          (plan) => plan.features.some(
-            (feature) => feature.text === featureText && feature.soon
-          )
+          (plan) => plan.features.some((feature) => feature.text === featureText && feature.soon)
         ) && /* @__PURE__ */ React27.createElement(
           Chip,
           {
@@ -2788,9 +2667,7 @@ var ComparingPlans = (props) => {
           }
         )),
         props.plans.map((plan, planIndex) => {
-          const feature = plan.features.find(
-            (f) => f.text === featureText
-          );
+          const feature = plan.features.find((f) => f.text === featureText);
           return /* @__PURE__ */ React27.createElement(
             "div",
             {
@@ -2804,32 +2681,25 @@ var ComparingPlans = (props) => {
     })
   ), props.showButtons && /* @__PURE__ */ React27.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ React27.createElement(
-      "div",
+    return /* @__PURE__ */ React27.createElement("div", { key: i, className: "hawa-flex hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React27.createElement(
+      Button,
       {
-        key: i,
-        className: "hawa-flex hawa-items-center hawa-justify-center"
-      },
-      /* @__PURE__ */ React27.createElement(
-        Button,
-        {
-          className: "hawa-w-full hawa-max-w-xs",
-          onClick: () => {
-            var _a2, _b;
-            if (props.onPlanClicked) {
-              let clickedData = {
-                // plan: plan.id,
-                currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
-                cycle: (_b = props.currentCycle) == null ? void 0 : _b.value,
-                ...plan
-              };
-              props.onPlanClicked(clickedData);
-            }
+        className: "hawa-w-full hawa-max-w-xs",
+        onClick: () => {
+          var _a2, _b;
+          if (props.onPlanClicked) {
+            let clickedData = {
+              // plan: plan.id,
+              currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
+              cycle: (_b = props.currentCycle) == null ? void 0 : _b.value,
+              ...plan
+            };
+            props.onPlanClicked(clickedData);
           }
-        },
-        ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started"
-      )
-    );
+        }
+      },
+      ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started"
+    ));
   })));
 };
 
@@ -2858,41 +2728,25 @@ var HorizontalPricing = (props) => {
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ React28.createElement(
-    "label",
+  )), data.map((d, i) => /* @__PURE__ */ React28.createElement("label", { key: i, htmlFor: d.title, className: "", onClick: () => setSelectedCard(d.title) }, /* @__PURE__ */ React28.createElement(
+    "input",
     {
-      key: i,
-      htmlFor: d.title,
-      className: "",
-      onClick: () => setSelectedCard(d.title)
+      type: "radio",
+      name: "radio",
+      id: d.title,
+      className: "hawa-peer hawa-appearance-none"
+    }
+  ), /* @__PURE__ */ React28.createElement(
+    "div",
+    {
+      className: cn(
+        selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20" : "",
+        "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5 hawa-py-4 hawa-shadow dark:hawa-text-white peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
+      )
     },
-    /* @__PURE__ */ React28.createElement(
-      "input",
-      {
-        type: "radio",
-        name: "radio",
-        id: d.title,
-        className: "hawa-peer hawa-appearance-none"
-      }
-    ),
-    /* @__PURE__ */ React28.createElement(
-      "div",
-      {
-        className: cn(
-          selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20" : "",
-          "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5 hawa-py-4 hawa-shadow dark:hawa-text-white peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
-        )
-      },
-      /* @__PURE__ */ React28.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React28.createElement(CheckIcons, null), /* @__PURE__ */ React28.createElement(
-        CardText,
-        {
-          title: "Enterprise",
-          subtitle: "For startups and new businesses"
-        }
-      )),
-      /* @__PURE__ */ React28.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
-    )
-  ))));
+    /* @__PURE__ */ React28.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React28.createElement(CheckIcons, null), /* @__PURE__ */ React28.createElement(CardText, { title: "Enterprise", subtitle: "For startups and new businesses" })),
+    /* @__PURE__ */ React28.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+  )))));
 };
 var CheckIcons = () => /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
   "svg",