@rhinestone/deposit-modal 0.1.66 → 0.1.67

package/dist/{chunk-FWGLRTWF.mjs → chunk-IUW3SJQT.mjs}

@@ -8,7 +8,7 @@ import {
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-CIXHTOO3.mjs";
+} from "./chunk-SDZKKUCJ.mjs";
 
 // src/components/ui/Modal.tsx
 import {
@@ -1023,13 +1023,14 @@ function ExternalLinkIcon() {
   ] });
 }
 function TransferIcon() {
-  return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx4(
     "path",
     {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.99256 0.0706115C10.2112 0.195503 10.3185 0.457071 10.2527 0.704513L8.80705 6.13519H14.0826C14.2993 6.13519 14.4954 6.26695 14.5818 6.47064C14.6682 6.67433 14.6284 6.91113 14.4805 7.07349L6.85913 15.4396C6.68832 15.6271 6.41472 15.6711 6.19607 15.5462C5.97742 15.4213 5.87009 15.1598 5.93595 14.9123L7.38158 9.48164H2.10607C1.8893 9.48164 1.69319 9.34988 1.60679 9.14619C1.5204 8.9425 1.56019 8.7057 1.7081 8.54334L9.32949 0.177204C9.5003 -0.0102968 9.77391 -0.0542802 9.99256 0.0706115Z",
-      fill: "currentColor"
+      d: "M6.18056 9.99924H10V13.8187M3.13264 9.99924H3.125M6.95208 13.8187H6.94444M10.0076 16.8742H10M16.8826 9.99924H16.875M3.125 13.8187H4.27083M12.6736 9.99924H14.2014M3.125 16.8742H6.94444M10 2.36035V6.94369M14.2778 16.8742H15.6528C16.0806 16.8742 16.2945 16.8742 16.4579 16.791C16.6016 16.7177 16.7185 16.6009 16.7917 16.4572C16.875 16.2937 16.875 16.0798 16.875 15.652V14.277C16.875 13.8492 16.875 13.6353 16.7917 13.4719C16.7185 13.3282 16.6016 13.2113 16.4579 13.1381C16.2945 13.0548 16.0806 13.0548 15.6528 13.0548H14.2778C13.85 13.0548 13.6361 13.0548 13.4726 13.1381C13.3289 13.2113 13.2121 13.3282 13.1388 13.4719C13.0556 13.6353 13.0556 13.8492 13.0556 14.277V15.652C13.0556 16.0798 13.0556 16.2937 13.1388 16.4572C13.2121 16.6009 13.3289 16.7177 13.4726 16.791C13.6361 16.8742 13.85 16.8742 14.2778 16.8742ZM14.2778 6.94369H15.6528C16.0806 6.94369 16.2945 6.94369 16.4579 6.86043C16.6016 6.78719 16.7185 6.67033 16.7917 6.52659C16.875 6.36319 16.875 6.14928 16.875 5.72146V4.34646C16.875 3.91864 16.875 3.70474 16.7917 3.54133C16.7185 3.3976 16.6016 3.28074 16.4579 3.2075C16.2945 3.12424 16.0806 3.12424 15.6528 3.12424H14.2778C13.85 3.12424 13.6361 3.12424 13.4726 3.2075C13.3289 3.28074 13.2121 3.3976 13.1388 3.54133C13.0556 3.70474 13.0556 3.91864 13.0556 4.34646V5.72146C13.0556 6.14928 13.0556 6.36319 13.1388 6.52659C13.2121 6.67033 13.3289 6.78719 13.4726 6.86043C13.6361 6.94369 13.85 6.94369 14.2778 6.94369ZM4.34722 6.94369H5.72222C6.15004 6.94369 6.36395 6.94369 6.52735 6.86043C6.67109 6.78719 6.78795 6.67033 6.86119 6.52659C6.94444 6.36319 6.94444 6.14928 6.94444 5.72146V4.34646C6.94444 3.91864 6.94444 3.70474 6.86119 3.54133C6.78795 3.3976 6.67109 3.28074 6.52735 3.2075C6.36395 3.12424 6.15004 3.12424 5.72222 3.12424H4.34722C3.9194 3.12424 3.7055 3.12424 3.54209 3.2075C3.39836 3.28074 3.2815 3.3976 3.20826 3.54133C3.125 3.70474 3.125 3.91864 3.125 4.34646V5.72146C3.125 6.14928 3.125 6.36319 3.20826 6.52659C3.2815 6.67033 3.39836 6.78719 3.54209 6.86043C3.7055 6.94369 3.9194 6.94369 4.34722 6.94369Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
   ) });
 }
@@ -1102,7 +1103,7 @@ function ConnectStep({
                         {
                           src: option.icon,
                           alt: option.label,
-                          style: { width: 18, height: 18, borderRadius: 4 }
+                          style: { width: 24, height: 24, borderRadius: 6 }
                         }
                       ) : rowIcon(option.kind)
                     }
@@ -1591,6 +1592,18 @@ function ProcessingStep({
   const pollIntervalRef = useRef3(INITIAL_POLL_INTERVAL);
   const pollTimeoutRef = useRef3(null);
   const escalatedDelayRef = useRef3(false);
+  const processingContextRef = useLatestRef({
+    amount,
+    sourceChain,
+    sourceToken,
+    targetChain,
+    targetToken,
+    waitForFinalTx,
+    hasPostBridgeActions
+  });
+  const onDepositCompleteRef = useLatestRef(onDepositComplete);
+  const onDepositFailedRef = useLatestRef(onDepositFailed);
+  const onErrorRef = useLatestRef(onError);
   const [state, setState] = useState(
     directTransfer ? { type: "complete" } : { type: "processing" }
   );
@@ -1616,23 +1629,20 @@ function ProcessingStep({
       txHash,
       flowLabel
     });
-    onDepositComplete?.(txHash, void 0, {
-      amount,
-      sourceChain,
-      sourceToken,
-      targetChain,
-      targetToken
+    const context = processingContextRef.current;
+    onDepositCompleteRef.current?.(txHash, void 0, {
+      amount: context.amount,
+      sourceChain: context.sourceChain,
+      sourceToken: context.sourceToken,
+      targetChain: context.targetChain,
+      targetToken: context.targetToken
     });
   }, [
-    amount,
     debug,
     directTransfer,
     flowLabel,
-    onDepositComplete,
-    sourceChain,
-    sourceToken,
-    targetChain,
-    targetToken,
+    onDepositCompleteRef,
+    processingContextRef,
     txHash
   ]);
   useEffect3(() => {
@@ -1688,7 +1698,7 @@ function ProcessingStep({
           });
         }
         if (!isMounted) return;
-        const awaitingPostBridgeSwap = waitForFinalTx && hasPostBridgeActions;
+        const awaitingPostBridgeSwap = processingContextRef.current.waitForFinalTx && processingContextRef.current.hasPostBridgeActions;
         if (eventForCurrentTx?.type === "post-bridge-swap-complete") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
           const swapTxHash = eventForCurrentTx.data?.swap?.transactionHash;
@@ -1697,12 +1707,13 @@ function ProcessingStep({
             destinationTxHash: swapTxHash,
             event: eventForCurrentTx.type
           });
-          onDepositComplete?.(txHash, swapTxHash, {
-            amount,
-            sourceChain,
-            sourceToken,
-            targetChain,
-            targetToken
+          const context = processingContextRef.current;
+          onDepositCompleteRef.current?.(txHash, swapTxHash, {
+            amount: context.amount,
+            sourceChain: context.sourceChain,
+            sourceToken: context.sourceToken,
+            targetChain: context.targetChain,
+            targetToken: context.targetToken
           });
           return;
         }
@@ -1718,7 +1729,7 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          onDepositFailed?.(txHash, formatted.message);
+          onDepositFailedRef.current?.(txHash, formatted.message);
           return;
         }
         if (eventForCurrentTx?.type === "bridge-complete" && !awaitingPostBridgeSwap) {
@@ -1729,12 +1740,13 @@ function ProcessingStep({
             destinationTxHash: destinationTxHash2,
             event: eventForCurrentTx.type
           });
-          onDepositComplete?.(txHash, destinationTxHash2, {
-            amount,
-            sourceChain,
-            sourceToken,
-            targetChain,
-            targetToken
+          const context = processingContextRef.current;
+          onDepositCompleteRef.current?.(txHash, destinationTxHash2, {
+            amount: context.amount,
+            sourceChain: context.sourceChain,
+            sourceToken: context.sourceToken,
+            targetChain: context.targetChain,
+            targetToken: context.targetToken
           });
           return;
         }
@@ -1744,12 +1756,13 @@ function ProcessingStep({
             txHash,
             event: eventForCurrentTx.type
           });
-          onDepositComplete?.(txHash, void 0, {
-            amount,
-            sourceChain,
-            sourceToken,
-            targetChain,
-            targetToken
+          const context = processingContextRef.current;
+          onDepositCompleteRef.current?.(txHash, void 0, {
+            amount: context.amount,
+            sourceChain: context.sourceChain,
+            sourceToken: context.sourceToken,
+            targetChain: context.targetChain,
+            targetToken: context.targetToken
           });
           return;
         }
@@ -1765,7 +1778,7 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          onDepositFailed?.(txHash, formatted.message);
+          onDepositFailedRef.current?.(txHash, formatted.message);
           return;
         }
         if (eventForCurrentTx?.type === "error") {
@@ -1779,7 +1792,7 @@ function ProcessingStep({
             txHash,
             message: errorMessage
           });
-          onDepositFailed?.(txHash, errorMessage);
+          onDepositFailedRef.current?.(txHash, errorMessage);
           return;
         }
         setState((previous) => ({
@@ -1817,21 +1830,15 @@ function ProcessingStep({
       }
     };
   }, [
-    amount,
     debug,
     directTransfer,
-    hasPostBridgeActions,
-    onDepositComplete,
-    onDepositFailed,
+    onDepositCompleteRef,
+    onDepositFailedRef,
+    processingContextRef,
     service,
     smartAccount,
-    sourceChain,
-    sourceToken,
     state.type,
-    targetChain,
-    targetToken,
-    txHash,
-    waitForFinalTx
+    txHash
   ]);
   useEffect3(() => {
     if (directTransfer || state.type !== "processing") return;
@@ -1844,10 +1851,10 @@ function ProcessingStep({
         txHash,
         timeoutMs: ESCALATED_DELAY_MS
       });
-      onError?.(message, "PROCESS_TIMEOUT");
+      onErrorRef.current?.(message, "PROCESS_TIMEOUT");
     }, ESCALATED_DELAY_MS);
     return () => clearTimeout(timeoutId);
-  }, [debug, directTransfer, onError, state.type, txHash]);
+  }, [debug, directTransfer, onErrorRef, state.type, txHash]);
   const isComplete = state.type === "complete";
   const isFailed = state.type === "failed";
   const isProcessing = state.type === "processing";
@@ -2206,8 +2213,8 @@ export {
   getEventTxHash,
   isDepositEvent,
   txRefsMatch,
+  useLatestRef,
   ProcessingStep,
   getPublicClient,
-  useLatestRef,
   applyTheme
 };