Update based on the new onChange func

supertokens · Oct 26, 2023 · 3cc4ec8 · 3cc4ec8
1 parent 7dc66b8
commit 3cc4ec8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 30 deletions.
diff --git a/examples/for-tests/src/App.js b/examples/for-tests/src/App.js
@@ -172,12 +172,8 @@ const customFields = [
     {
         id: "ratings",
         label: "Ratings",
-        inputComponent: ({ value, name, ...rest }) => (
-            <select
-                name={name}
-                data-supertokens="inputComponent"
-                placeholder="Add Ratings"
-                onChange={(e) => rest.onChange({ id: name, value: e.target.value })}>
+        inputComponent: ({ name, onChange }) => (
+            <select name={name} onChange={(e) => onChange(e.target.value)} placeholder="Add Ratings">
                 <option value="" disabled hidden>
                     Select an option
                 </option>
@@ -190,25 +186,21 @@ const customFields = [
     },
     {
         id: "terms",
-        showLabels: false,
+        label: "",
         optional: false,
-        inputComponent: ({ value, name, ...rest }) => (
+        inputComponent: ({ name, onChange }) => (
             <div
-                data-supertokens="inputComponent"
                 style={{
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "left",
                 }}>
-                <input
-                    name={name}
-                    type="checkbox"
-                    onChange={(e) => rest.onChange({ id: name, value: e.target.checked })}></input>
+                <input name={name} type="checkbox" onChange={(e) => onChange(e.target.checked.toString())}></input>
                 <span style={{ marginLeft: 5 }}>I agree to the terms and conditions</span>
             </div>
         ),
         validate: async (value) => {
-            if (value === true) {
+            if (value === "true") {
                 return undefined;
             }
             return "Please check Terms and conditions";

diff --git a/lib/build/passwordless-shared3.js b/lib/build/passwordless-shared3.js
diff --git a/lib/ts/recipe/passwordless/components/themes/signInUp/phoneNumberInput.tsx b/lib/ts/recipe/passwordless/components/themes/signInUp/phoneNumberInput.tsx
@@ -71,10 +71,7 @@ function PhoneNumberInput({
     const handleChange = useCallback(
         (newValue: string) => {
             if (onChangeRef.current !== undefined) {
-                onChangeRef.current({
-                    id: name,
-                    value: newValue,
-                });
+                onChangeRef.current(newValue);
             }
         },
         [onChangeRef]
@@ -83,10 +80,7 @@ function PhoneNumberInput({
     const handleCountryChange = useCallback(
         (ev) => {
             if (onChangeRef.current !== undefined && phoneInputInstance !== undefined) {
-                onChangeRef.current({
-                    id: name,
-                    value: ev.target.value,
-                });
+                onChangeRef.current(ev.target.value);
             }
         },
         [onChangeRef]