@swype-org/react-sdk 0.1.163 → 0.1.165

package/dist/index.js

@@ -2426,7 +2426,14 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     inputsRef.current[clamped]?.focus();
   }, [length]);
   const handleChange = useCallback((index, char) => {
-    const digit = char.replace(/\D/g, "").slice(0, 1);
+    const cleaned = char.replace(/\D/g, "");
+    if (cleaned.length > 1) {
+      const filled = cleaned.slice(0, length);
+      onChange(filled);
+      focusInput(Math.min(filled.length, length - 1));
+      return;
+    }
+    const digit = cleaned.slice(0, 1);
     const next = digits.slice();
     next[index] = digit;
     const joined = next.join("").replace(/\s/g, "");
@@ -2464,7 +2471,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
       disabled,
       onChange: (e) => handleChange(i, e.target.value),
       onKeyDown: (e) => handleKeyDown(i, e),
-      onPaste: i === 0 ? handlePaste : void 0,
+      onPaste: handlePaste,
       onFocus: (e) => e.target.select(),
       style: inputStyle(tokens, !!digit.trim())
     },
@@ -6991,6 +6998,7 @@ function usePaymentEffects(deps) {
   pollingRef.current = polling;
   const handleAuthorizedMobileReturnRef = useRef(handleAuthorizedMobileReturn);
   handleAuthorizedMobileReturnRef.current = handleAuthorizedMobileReturn;
+  const lastAccountFetchRef = useRef(0);
   useEffect(() => {
     if (depositAmount != null) {
       dispatch({ type: "SYNC_AMOUNT", amount: depositAmount.toString() });
@@ -7307,11 +7315,18 @@ function usePaymentEffects(deps) {
       clearMobileFlowState();
       dispatch({ type: "TRANSFER_COMPLETED", transfer: polling.transfer });
       onComplete?.(polling.transfer);
+      reloadAccounts();
     } else if (polling.transfer.status === "FAILED") {
       clearMobileFlowState();
       dispatch({ type: "TRANSFER_FAILED", transfer: polling.transfer, error: "Transfer failed." });
     }
-  }, [polling.transfer, onComplete, dispatch]);
+  }, [polling.transfer, onComplete, dispatch, reloadAccounts]);
+  useEffect(() => {
+    if (state.step === "deposit" && state.accounts.length > 0 && authenticated && Date.now() - lastAccountFetchRef.current > 15e3) {
+      lastAccountFetchRef.current = Date.now();
+      reloadAccounts();
+    }
+  }, [state.step, state.accounts.length, authenticated, reloadAccounts]);
   useEffect(() => {
     if (state.step !== "processing") {
       processingStartedAtRef.current = null;