@sikka/hawa 0.48.0-next → 0.48.1-next

package/dist/index.mjs

@@ -11238,385 +11238,398 @@ var RegisterForm = ({
         headless: registerTypes ? registerTypes.length <= 1 : true,
         noPadding: props.cardless
       },
-      /* @__PURE__ */ React83.createElement("div", null, props.showError && /* @__PURE__ */ React83.createElement(
-        Alert,
+      /* @__PURE__ */ React83.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__ */ React83.createElement(
+          Alert,
+          {
+            direction: props.direction,
+            title: props.errorTitle,
+            text: props.errorText,
+            severity: "error",
+            onAlertClosed: () => {
+              if (props.onErrorDismissed) {
+                props.onErrorDismissed();
+              }
             }
           }
-        }
-      ), /* @__PURE__ */ React83.createElement(FormProvider, { ...methods }, /* @__PURE__ */ React83.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__ */ React83.createElement(
-          Tabs2,
+        ),
+        /* @__PURE__ */ React83.createElement(FormProvider, { ...methods }, /* @__PURE__ */ React83.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__ */ React83.createElement(CardHeader, { className: "hawa-w-full hawa-px-0 hawa-py-0 hawa-my-4 hawa-mt-6" }, /* @__PURE__ */ React83.createElement(TabsList2, { className: "hawa-w-full" }, registerTypes.map((registerType) => /* @__PURE__ */ React83.createElement(TabsTrigger2, { value: registerType.value }, registerType.label)))),
           /* @__PURE__ */ React83.createElement(
-            TabsContent,
+            Tabs2,
             {
-              value: "password",
-              className: cn(
-                "hawa-flex hawa-flex-col hawa-gap-4",
-                selectedRegisterType.value === "password" ? "hawa-block" : "hawa-hidden"
-              ),
-              dir: props.direction
-            },
-            /* @__PURE__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
-              if (fld === "fullname") {
-                return /* @__PURE__ */ React83.createElement(
-                  Controller2,
-                  {
-                    key: i,
-                    control,
-                    name: "fullName",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2;
-                      return /* @__PURE__ */ React83.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__ */ React83.createElement(
-                  Controller2,
-                  {
-                    key: i,
-                    control,
-                    name: "email",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2;
-                      return /* @__PURE__ */ React83.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__ */ React83.createElement(
-                  Controller2,
-                  {
-                    key: i,
-                    control,
-                    name: "username",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2, _d2;
-                      return /* @__PURE__ */ React83.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__ */ React83.createElement(CardHeader, { className: "hawa-w-full hawa-px-0 hawa-py-0 hawa-mb-4" }, /* @__PURE__ */ React83.createElement(TabsList2, { className: "hawa-w-full" }, registerTypes.map((registerType) => /* @__PURE__ */ React83.createElement(TabsTrigger2, { value: registerType.value }, registerType.label)))),
             /* @__PURE__ */ React83.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__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+                if (fld === "fullname") {
                   return /* @__PURE__ */ React83.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__ */ React83.createElement(
-                        "div",
-                        {
-                          className: "hawa-cursor-pointer",
-                          onClick: () => setPasswordVisible(!passwordVisible)
-                        },
-                        passwordVisible ? /* @__PURE__ */ React83.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React83.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                        " "
-                      ),
-                      ...field
+                      key: i,
+                      control,
+                      name: "fullName",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2;
+                        return /* @__PURE__ */ React83.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__ */ React83.createElement(
-              Controller2,
-              {
-                control,
-                name: "confirm_password",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
+                if (fld === "email") {
                   return /* @__PURE__ */ React83.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__ */ React83.createElement(
-                        "div",
-                        {
-                          className: "hawa-cursor-pointer",
-                          onClick: () => setPasswordVisible(!passwordVisible)
-                        },
-                        passwordVisible ? /* @__PURE__ */ React83.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React83.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                        " "
-                      ),
-                      ...field
+                      key: i,
+                      control,
+                      name: "email",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2;
+                        return /* @__PURE__ */ React83.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__ */ React83.createElement(
-              Controller2,
-              {
-                control,
-                name: "refCode",
-                render: ({ field }) => {
-                  var _a2;
+                if (fld === "username") {
                   return /* @__PURE__ */ React83.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__ */ React83.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__ */ React83.createElement(
-              Controller2,
-              {
-                control,
-                name: "reference",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ React83.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__ */ React83.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "password",
+                  render: ({ field }) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ React83.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__ */ React83.createElement(
+                          "div",
+                          {
+                            className: "hawa-cursor-pointer",
+                            onClick: () => setPasswordVisible(!passwordVisible)
+                          },
+                          passwordVisible ? /* @__PURE__ */ React83.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React83.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                          " "
+                        ),
+                        ...field
+                      }
+                    );
+                  }
                 }
-              }
-            )
-          ),
-          /* @__PURE__ */ React83.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__ */ React83.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "confirm_password",
+                  render: ({ field }) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ React83.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__ */ React83.createElement(
+                          "div",
+                          {
+                            className: "hawa-cursor-pointer",
+                            onClick: () => setPasswordVisible(!passwordVisible)
+                          },
+                          passwordVisible ? /* @__PURE__ */ React83.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React83.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                          " "
+                        ),
+                        ...field
+                      }
+                    );
+                  }
+                }
+              ),
+              props.additionalInputs,
+              props.showRefCode && /* @__PURE__ */ React83.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "refCode",
+                  render: ({ field }) => {
+                    var _a2;
+                    return /* @__PURE__ */ React83.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__ */ React83.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "reference",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ React83.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__ */ React83.createElement(
-              Controller2,
+              TabsContent,
               {
-                control,
-                name: "phone",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ React83.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__ */ React83.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "phone",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ React83.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__ */ React83.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "refCode",
+                  render: ({ field }) => {
+                    var _a2;
+                    return /* @__PURE__ */ React83.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__ */ React83.createElement(
+                Controller2,
+                {
+                  control,
+                  name: "reference",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ React83.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__ */ React83.createElement(
+            showTermsOption || showNewsletterOption ? /* @__PURE__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ React83.createElement(
               Controller2,
               {
                 control,
-                name: "refCode",
+                name: "terms_accepted",
                 render: ({ field }) => {
-                  var _a2;
+                  var _a2, _b2;
                   return /* @__PURE__ */ React83.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__ */ React83.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__ */ React83.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React83.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__ */ React83.createElement(
+            ), showNewsletterOption && /* @__PURE__ */ React83.createElement(
               Controller2,
               {
                 control,
-                name: "reference",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ React83.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__ */ React83.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ React83.createElement(
-            Controller2,
-            {
-              control,
-              name: "terms_accepted",
-              render: ({ field }) => {
-                var _a2, _b2;
-                return /* @__PURE__ */ React83.createElement(
+                name: "newsletter_accepted",
+                render: ({ field }) => /* @__PURE__ */ React83.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__ */ React83.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__ */ React83.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React83.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__ */ React83.createElement(
-            Controller2,
+            )) : null
+          ),
+          /* @__PURE__ */ React83.createElement(
+            Button,
             {
-              control,
-              name: "newsletter_accepted",
-              render: ({ field }) => /* @__PURE__ */ React83.createElement(
-                Checkbox,
-                {
-                  id: "newsletter_accepted",
-                  label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
-                  onCheckedChange: field.onChange
-                }
-              )
-            }
-          )) : null
-        ),
-        /* @__PURE__ */ React83.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__ */ React83.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__ */ React83.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ React83.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__ */ React83.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__ */ React83.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ React83.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login"))
+      )
     ),
     props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React83.createElement(
       CardFooter,