Fix OTP input entered by clicking on “from messages” option in iOS safari (#2936)

Author: MananTank

.changeset/calm-grapes-rule.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix OTP input entered by by clicking on “from messages” option in iOS safari

.changeset/old-fans-destroy.md

@@ -0,0 +1,5 @@
+---
+"@thirdweb-dev/react": patch
+---
+
+Fix OTP input entered by by clicking on “from messages” option in iOS safari

legacy_packages/react/src/components/OTPInput.tsx

@@ -94,13 +94,11 @@ export function OTPInput(props: {
               }
             }}
             onChange={(e) => {
-              let value = e.target.value;
+              const value = e.target.value;
 
               if (value.length > 1) {
-                const lastValue = value[value.length - 1];
-                if (lastValue) {
-                  value = lastValue;
-                }
+                setOTP(value.split("").filter((n) => /\d/.test(n)).map(Number));
+                return;
               }
 
               if (!/\d/.test(value) && value !== "") {

packages/thirdweb/src/react/web/ui/components/OTPInput.tsx

@@ -96,13 +96,11 @@ export function OTPInput(props: {
               }
             }}
             onChange={(e) => {
-              let value = e.target.value;
+              const value = e.target.value;
 
               if (value.length > 1) {
-                const lastValue = value[value.length - 1];
-                if (lastValue) {
-                  value = lastValue;
-                }
+                setOTP(value.split(""));
+                return;
               }
 
               if (!/\d/.test(value) && value !== "") {