@sikka/hawa 0.30.6-next → 0.30.8-next

package/dist/index.js

@@ -9565,8 +9565,8 @@ var import_libphonenumber_js = require("libphonenumber-js");
 var z = __toESM(require("zod"));
 var LoginForm = ({
   loginType = "email",
-  texts,
   passwordLength = 8,
+  texts,
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
@@ -9797,70 +9797,80 @@ var LoginForm = ({
         break;
     }
   };
-  return /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react47.default.createElement(Card, { dir: props.direction }, /* @__PURE__ */ import_react47.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react47.default.createElement(
-    Alert,
-    {
-      direction: props.direction,
-      title: props.errorTitle,
-      text: props.errorText,
-      severity: "error"
-    }
-  ), /* @__PURE__ */ import_react47.default.createElement(
-    "form",
+  return /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react47.default.createElement(
+    Card,
     {
-      noValidate: true,
-      className: "hawa-flex hawa-flex-col hawa-gap-4",
-      onSubmit: handleSubmit((e) => {
-        if (props.onLogin) {
-          return props.onLogin(e);
-        } else {
-          console.log("Form is submitted but onLogin prop is missing");
-        }
-      })
+      dir: props.direction,
+      className: cn(
+        props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
+      )
     },
-    renderFields(),
-    /* @__PURE__ */ import_react47.default.createElement(
-      Button,
+    /* @__PURE__ */ import_react47.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react47.default.createElement(
+      Alert,
       {
-        className: "hawa-mt-0 hawa-w-full",
-        type: "submit",
-        isLoading: props.isLoading,
-        disabled: props.isLoading
+        direction: props.direction,
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react47.default.createElement(
+      "form",
+      {
+        noValidate: true,
+        className: "hawa-flex hawa-flex-col hawa-gap-4",
+        onSubmit: handleSubmit((e) => {
+          if (props.onLogin) {
+            return props.onLogin(e);
+          } else {
+            console.log("Form is submitted but onLogin prop is missing");
+          }
+        })
       },
-      (texts == null ? void 0 : texts.loginText) || "Login"
-    ),
-    props.additionalButtons,
-    props.allowRegister && /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react47.default.createElement(
-      "span",
+      renderFields(),
+      /* @__PURE__ */ import_react47.default.createElement(
+        Button,
+        {
+          className: "hawa-mt-0 hawa-w-full",
+          type: "submit",
+          isLoading: props.isLoading,
+          disabled: props.isLoading
+        },
+        (texts == null ? void 0 : texts.loginText) || "Login"
+      ),
+      props.additionalButtons,
+      props.allowRegister && /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react47.default.createElement(
+        "span",
+        {
+          onClick: props.onRouteToRegister,
+          className: "clickable-link"
+        },
+        (texts == null ? void 0 : texts.createAccount) || "Create Account"
+      ))
+    )),
+    props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react47.default.createElement(
+      CardFooter,
       {
-        onClick: props.onRouteToRegister,
-        className: "clickable-link"
+        className: cn(
+          props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
+        )
       },
-      (texts == null ? void 0 : texts.createAccount) || "Create Account"
-    ))
-  )), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react47.default.createElement(
-    CardFooter,
-    {
-      className: cn(
-        props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
+      /* @__PURE__ */ import_react47.default.createElement(
+        AuthButtons,
+        {
+          texts: thirdPartyAuthTexts,
+          viaGoogle: props.viaGoogle,
+          viaGithub: props.viaGithub,
+          viaTwitter: props.viaTwitter,
+          isGoogleLoading: props.isGoogleLoading,
+          isGithubLoading: props.isGithubLoading,
+          isTwitterLoading: props.isTwitterLoading,
+          handleGoogle: props.onGoogleLogin,
+          handleGithub: props.onGithubLogin,
+          handleTwitter: props.onTwitterLogin
+        }
       )
-    },
-    /* @__PURE__ */ import_react47.default.createElement(
-      AuthButtons,
-      {
-        texts: thirdPartyAuthTexts,
-        viaGoogle: props.viaGoogle,
-        viaGithub: props.viaGithub,
-        viaTwitter: props.viaTwitter,
-        isGoogleLoading: props.isGoogleLoading,
-        isGithubLoading: props.isGithubLoading,
-        isTwitterLoading: props.isTwitterLoading,
-        handleGoogle: props.onGoogleLogin,
-        handleGithub: props.onGithubLogin,
-        handleTwitter: props.onTwitterLogin
-      }
-    )
-  ) : null));
+    ) : null
+  ));
 };
 
 // blocks/auth/RegisterForm.tsx
@@ -9949,292 +9959,303 @@ var RegisterForm = ({
         (_g = props.classNames) == null ? void 0 : _g.root
       )
     },
-    /* @__PURE__ */ import_react48.default.createElement(Card, { dir: props.direction, className: cn((_h = props.classNames) == null ? void 0 : _h.card) }, /* @__PURE__ */ import_react48.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react48.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react48.default.createElement(
-      Alert,
-      {
-        direction: props.direction,
-        title: props.errorTitle,
-        text: props.errorText,
-        severity: "error",
-        onAlertClosed: () => {
-          if (props.onErrorDismissed) {
-            props.onErrorDismissed();
-          }
-        }
-      }
-    ), /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react48.default.createElement(
-      "form",
+    /* @__PURE__ */ import_react48.default.createElement(
+      Card,
       {
-        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"
+        dir: props.direction,
+        className: cn(
+          (_h = props.classNames) == null ? void 0 : _h.card,
+          props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none hawa-drop-shadow-none"
+        )
       },
-      /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
-        if (fld === "fullname") {
-          return /* @__PURE__ */ import_react48.default.createElement(
-            import_react_hook_form2.Controller,
-            {
-              key: i,
-              control,
-              name: "fullName",
-              render: ({ field }) => {
-                var _a2, _b2, _c2;
-                return /* @__PURE__ */ import_react48.default.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__ */ import_react48.default.createElement(
-            import_react_hook_form2.Controller,
-            {
-              key: i,
-              control,
-              name: "email",
-              render: ({ field }) => {
-                var _a2, _b2, _c2;
-                return /* @__PURE__ */ import_react48.default.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
-                  }
-                );
-              }
-            }
-          );
-        }
-        if (fld === "username") {
-          return /* @__PURE__ */ import_react48.default.createElement(
-            import_react_hook_form2.Controller,
-            {
-              key: i,
-              control,
-              name: "username",
-              render: ({ field }) => {
-                var _a2, _b2, _c2, _d2;
-                return /* @__PURE__ */ import_react48.default.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
-                  }
-                );
-              }
-            }
-          );
-        }
-      })),
-      /* @__PURE__ */ import_react48.default.createElement(
-        import_react_hook_form2.Controller,
+      /* @__PURE__ */ import_react48.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ import_react48.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react48.default.createElement(
+        Alert,
         {
-          control,
-          name: "password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react48.default.createElement(
-              Input,
-              {
-                width: "full",
-                type: passwordVisible ? "text" : "password",
-                endIcon: /* @__PURE__ */ import_react48.default.createElement(
-                  "div",
-                  {
-                    className: "hawa-cursor-pointer",
-                    onClick: () => setPasswordVisible(!passwordVisible)
-                  },
-                  passwordVisible ? /* @__PURE__ */ import_react48.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react48.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                  " "
-                ),
-                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,
-                ...field
-              }
-            );
+          direction: props.direction,
+          title: props.errorTitle,
+          text: props.errorText,
+          severity: "error",
+          onAlertClosed: () => {
+            if (props.onErrorDismissed) {
+              props.onErrorDismissed();
+            }
           }
         }
-      ),
-      /* @__PURE__ */ import_react48.default.createElement(
-        import_react_hook_form2.Controller,
+      ), /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react48.default.createElement(
+        "form",
         {
-          control,
-          name: "confirm_password",
-          render: ({ field }) => {
-            var _a2, _b2, _c2;
+          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__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+          if (fld === "fullname") {
             return /* @__PURE__ */ import_react48.default.createElement(
-              Input,
+              import_react_hook_form2.Controller,
               {
-                width: "full",
-                type: "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,
-                ...field
+                key: i,
+                control,
+                name: "fullName",
+                render: ({ field }) => {
+                  var _a2, _b2, _c2;
+                  return /* @__PURE__ */ import_react48.default.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
+                    }
+                  );
+                }
               }
             );
           }
-        }
-      ),
-      props.additionalInputs,
-      props.showRefCode && /* @__PURE__ */ import_react48.default.createElement(
-        import_react_hook_form2.Controller,
-        {
-          control,
-          name: "refCode",
-          render: ({ field }) => {
-            var _a2;
+          if (fld === "email") {
             return /* @__PURE__ */ import_react48.default.createElement(
-              Input,
+              import_react_hook_form2.Controller,
               {
-                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: "email",
+                render: ({ field }) => {
+                  var _a2, _b2, _c2;
+                  return /* @__PURE__ */ import_react48.default.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
+                    }
+                  );
+                }
               }
             );
           }
-        }
-      ),
-      props.showUserSource && /* @__PURE__ */ import_react48.default.createElement(
-        import_react_hook_form2.Controller,
-        {
-          control,
-          name: "reference",
-          render: ({ field }) => {
-            var _a2, _b2;
+          if (fld === "username") {
             return /* @__PURE__ */ import_react48.default.createElement(
-              Select,
+              import_react_hook_form2.Controller,
               {
-                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.value);
+                key: i,
+                control,
+                name: "username",
+                render: ({ field }) => {
+                  var _a2, _b2, _c2, _d2;
+                  return /* @__PURE__ */ import_react48.default.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
+                    }
+                  );
                 }
               }
             );
           }
-        }
-      ),
-      showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react48.default.createElement(
-        import_react_hook_form2.Controller,
-        {
-          control,
-          name: "terms_accepted",
-          render: ({ field }) => {
-            var _a2, _b2;
-            return /* @__PURE__ */ import_react48.default.createElement(
+        })),
+        /* @__PURE__ */ import_react48.default.createElement(
+          import_react_hook_form2.Controller,
+          {
+            control,
+            name: "password",
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ import_react48.default.createElement(
+                Input,
+                {
+                  width: "full",
+                  type: passwordVisible ? "text" : "password",
+                  endIcon: /* @__PURE__ */ import_react48.default.createElement(
+                    "div",
+                    {
+                      className: "hawa-cursor-pointer",
+                      onClick: () => setPasswordVisible(!passwordVisible)
+                    },
+                    passwordVisible ? /* @__PURE__ */ import_react48.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react48.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                    " "
+                  ),
+                  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,
+                  ...field
+                }
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ import_react48.default.createElement(
+          import_react_hook_form2.Controller,
+          {
+            control,
+            name: "confirm_password",
+            render: ({ field }) => {
+              var _a2, _b2, _c2;
+              return /* @__PURE__ */ import_react48.default.createElement(
+                Input,
+                {
+                  width: "full",
+                  type: "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,
+                  ...field
+                }
+              );
+            }
+          }
+        ),
+        props.additionalInputs,
+        props.showRefCode && /* @__PURE__ */ import_react48.default.createElement(
+          import_react_hook_form2.Controller,
+          {
+            control,
+            name: "refCode",
+            render: ({ field }) => {
+              var _a2;
+              return /* @__PURE__ */ import_react48.default.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__ */ import_react48.default.createElement(
+          import_react_hook_form2.Controller,
+          {
+            control,
+            name: "reference",
+            render: ({ field }) => {
+              var _a2, _b2;
+              return /* @__PURE__ */ import_react48.default.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.value);
+                  }
+                }
+              );
+            }
+          }
+        ),
+        showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react48.default.createElement(
+          import_react_hook_form2.Controller,
+          {
+            control,
+            name: "terms_accepted",
+            render: ({ field }) => {
+              var _a2, _b2;
+              return /* @__PURE__ */ import_react48.default.createElement(
+                Checkbox,
+                {
+                  id: "terms_accepted",
+                  helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
+                  onCheckedChange: (e) => field.onChange(e),
+                  label: /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react48.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react48.default.createElement(
+                    "span",
+                    {
+                      onClick: (e) => {
+                        e.preventDefault();
+                        if (props.onRouteToTOS) {
+                          props.onRouteToTOS();
+                        }
+                      },
+                      className: "clickable-link"
+                    },
+                    (texts == null ? void 0 : texts.termsText) || "Terms of Service"
+                  )))
+                }
+              );
+            }
+          }
+        ), showNewsletterOption && /* @__PURE__ */ import_react48.default.createElement(
+          import_react_hook_form2.Controller,
+          {
+            control,
+            name: "newsletter_accepted",
+            render: ({ field }) => /* @__PURE__ */ import_react48.default.createElement(
               Checkbox,
               {
-                id: "terms_accepted",
-                helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
-                onCheckedChange: (e) => field.onChange(e),
-                label: /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react48.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react48.default.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__ */ import_react48.default.createElement(
-        import_react_hook_form2.Controller,
+        )) : null,
+        /* @__PURE__ */ import_react48.default.createElement(
+          Button,
+          {
+            className: " hawa-w-full",
+            type: "submit",
+            isLoading: props.isLoading,
+            disabled: props.isLoading
+          },
+          (texts == null ? void 0 : texts.registerText) || "Register"
+        ),
+        props.additionalButtons
+      )), /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react48.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react48.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
+      props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react48.default.createElement(
+        CardFooter,
         {
-          control,
-          name: "newsletter_accepted",
-          render: ({ field }) => /* @__PURE__ */ import_react48.default.createElement(
-            Checkbox,
-            {
-              id: "newsletter_accepted",
-              label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
-              onCheckedChange: field.onChange
-            }
+          className: cn(
+            props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
           )
-        }
-      )) : null,
-      /* @__PURE__ */ import_react48.default.createElement(
-        Button,
-        {
-          className: " hawa-w-full",
-          type: "submit",
-          isLoading: props.isLoading,
-          disabled: props.isLoading
         },
-        (texts == null ? void 0 : texts.registerText) || "Register"
-      ),
-      props.additionalButtons
-    )), /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center  hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react48.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react48.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react48.default.createElement(
-      CardFooter,
-      {
-        className: cn(
-          props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
+        /* @__PURE__ */ import_react48.default.createElement(
+          AuthButtons,
+          {
+            texts: thirdPartyAuthTexts,
+            viaGoogle: props.viaGoogle,
+            viaGithub: props.viaGithub,
+            viaTwitter: props.viaTwitter,
+            isGoogleLoading: props.isGoogleLoading,
+            isGithubLoading: props.isGithubLoading,
+            isTwitterLoading: props.isTwitterLoading,
+            handleGoogle: props.onGoogleRegister,
+            handleGithub: props.onGithubRegister,
+            handleTwitter: props.onTwitterRegister
+          }
         )
-      },
-      /* @__PURE__ */ import_react48.default.createElement(
-        AuthButtons,
-        {
-          texts: thirdPartyAuthTexts,
-          viaGoogle: props.viaGoogle,
-          viaGithub: props.viaGithub,
-          viaTwitter: props.viaTwitter,
-          isGoogleLoading: props.isGoogleLoading,
-          isGithubLoading: props.isGithubLoading,
-          isTwitterLoading: props.isTwitterLoading,
-          handleGoogle: props.onGoogleRegister,
-          handleGithub: props.onGithubRegister,
-          handleTwitter: props.onTwitterRegister
-        }
-      )
-    ) : null)
+      ) : null
+    )
   );
 };