@nubase/frontend 0.1.18 → 0.1.19

package/dist/index.js

@@ -15917,7 +15917,8 @@ function SignInScreen() {
             {
               name: "email",
               validators: {
-                onBlur: ({ value }) => !value ? "Email is required" : void 0
+                onBlur: ({ value }) => !value ? "Email is required" : void 0,
+                onChange: ({ value }) => !value ? "Email is required" : void 0
               },
               children: (field) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(FormControl, { label: "Email", required: true, field, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 TextInput,
@@ -15927,6 +15928,7 @@ function SignInScreen() {
                   placeholder: "Enter your email",
                   value: field.state.value,
                   onChange: (e) => field.handleChange(e.target.value),
+                  onInput: (e) => field.handleChange(e.target.value),
                   onBlur: field.handleBlur,
                   autoComplete: "email",
                   disabled: isLoading,
@@ -15940,7 +15942,8 @@ function SignInScreen() {
             {
               name: "password",
               validators: {
-                onBlur: ({ value }) => !value ? "Password is required" : void 0
+                onBlur: ({ value }) => !value ? "Password is required" : void 0,
+                onChange: ({ value }) => !value ? "Password is required" : void 0
               },
               children: (field) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(FormControl, { label: "Password", required: true, field, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 TextInput,
@@ -15950,6 +15953,7 @@ function SignInScreen() {
                   placeholder: "Enter your password",
                   value: field.state.value,
                   onChange: (e) => field.handleChange(e.target.value),
+                  onInput: (e) => field.handleChange(e.target.value),
                   onBlur: field.handleBlur,
                   autoComplete: "current-password",
                   disabled: isLoading,
@@ -16123,6 +16127,13 @@ function SignUpScreen() {
                       return "Please enter a valid email address";
                     }
                     return void 0;
+                  },
+                  onChange: ({ value }) => {
+                    if (!value) return "Email is required";
+                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+                      return "Please enter a valid email address";
+                    }
+                    return void 0;
                   }
                 },
                 children: (field) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(FormControl, { label: "Email", required: true, field, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
@@ -16133,6 +16144,7 @@ function SignUpScreen() {
                     placeholder: "Enter your email",
                     value: field.state.value,
                     onChange: (e) => field.handleChange(e.target.value),
+                    onInput: (e) => field.handleChange(e.target.value),
                     onBlur: field.handleBlur,
                     autoComplete: "email",
                     disabled: isLoading,
@@ -16175,6 +16187,13 @@ function SignUpScreen() {
                       return "Password must be at least 8 characters";
                     }
                     return void 0;
+                  },
+                  onChange: ({ value }) => {
+                    if (!value) return "Password is required";
+                    if (value.length < 8) {
+                      return "Password must be at least 8 characters";
+                    }
+                    return void 0;
                   }
                 },
                 children: (field) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(FormControl, { label: "Password", required: true, field, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
@@ -16185,6 +16204,7 @@ function SignUpScreen() {
                     placeholder: "Enter your password",
                     value: field.state.value,
                     onChange: (e) => field.handleChange(e.target.value),
+                    onInput: (e) => field.handleChange(e.target.value),
                     onBlur: field.handleBlur,
                     autoComplete: "new-password",
                     disabled: isLoading,
@@ -16203,6 +16223,12 @@ function SignUpScreen() {
                     if (!value) return "Please confirm your password";
                     if (value !== password) return "Passwords do not match";
                     return void 0;
+                  },
+                  onChange: ({ value, fieldApi }) => {
+                    const password = fieldApi.form.getFieldValue("password");
+                    if (!value) return "Please confirm your password";
+                    if (value !== password) return "Passwords do not match";
+                    return void 0;
                   }
                 },
                 children: (field) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(FormControl, { label: "Confirm Password", required: true, field, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
@@ -16213,6 +16239,7 @@ function SignUpScreen() {
                     placeholder: "Confirm your password",
                     value: field.state.value,
                     onChange: (e) => field.handleChange(e.target.value),
+                    onInput: (e) => field.handleChange(e.target.value),
                     onBlur: field.handleBlur,
                     autoComplete: "new-password",
                     disabled: isLoading,