@swype-org/react-sdk 0.1.163 → 0.1.165

package/dist/index.cjs

@@ -2429,7 +2429,14 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     inputsRef.current[clamped]?.focus();
   }, [length]);
   const handleChange = react.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, "");
@@ -2467,7 +2474,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())
     },
@@ -6994,6 +7001,7 @@ function usePaymentEffects(deps) {
   pollingRef.current = polling;
   const handleAuthorizedMobileReturnRef = react.useRef(handleAuthorizedMobileReturn);
   handleAuthorizedMobileReturnRef.current = handleAuthorizedMobileReturn;
+  const lastAccountFetchRef = react.useRef(0);
   react.useEffect(() => {
     if (depositAmount != null) {
       dispatch({ type: "SYNC_AMOUNT", amount: depositAmount.toString() });
@@ -7310,11 +7318,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]);
+  react.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]);
   react.useEffect(() => {
     if (state.step !== "processing") {
       processingStartedAtRef.current = null;