@rhinestone/deposit-modal 0.12.2 → 0.14.0

package/dist/{chunk-UQIJU6HV.cjs → chunk-MTFJSE52.cjs}

@@ -3,9 +3,9 @@
 
 
 
-var _chunkPWLEBV5Vcjs = require('./chunk-PWLEBV5V.cjs');
 
 
+var _chunk7ICSHJFEcjs = require('./chunk-7ICSHJFE.cjs');
 
 
 
@@ -37,16 +37,20 @@ var _chunkPWLEBV5Vcjs = require('./chunk-PWLEBV5V.cjs');
 
 
 
-var _chunkBRYNGLDMcjs = require('./chunk-BRYNGLDM.cjs');
 
 
 
 
+var _chunkV2OBGLJDcjs = require('./chunk-V2OBGLJD.cjs');
 
 
 
 
-var _chunkO7BCVQ6Lcjs = require('./chunk-O7BCVQ6L.cjs');
+
+
+
+
+var _chunk4KCSH4T3cjs = require('./chunk-4KCSH4T3.cjs');
 
 // src/WithdrawModal.tsx
 var _react = require('react');
@@ -218,7 +222,7 @@ function WithdrawFormStep({
   registrationError = null,
   onRecipientChange,
   onSubmit,
-  onBalanceUsdChange
+  onFriction
 }) {
   const [recipient, setRecipient] = _react.useState.call(void 0, _nullishCoalesce(defaultRecipient, () => ( "")));
   const [amount, setAmount] = _react.useState.call(void 0, _nullishCoalesce(defaultAmount, () => ( "")));
@@ -231,10 +235,11 @@ function WithdrawFormStep({
   const chainDropdownRef = _react.useRef.call(void 0, null);
   const tokenDropdownRef = _react.useRef.call(void 0, null);
   const publicClientChainId = _optionalChain([publicClient, 'access', _ => _.chain, 'optionalAccess', _2 => _2.id]);
+  const onFrictionRef = _chunkV2OBGLJDcjs.useLatestRef.call(void 0, onFriction);
   useClickOutside(chainDropdownRef, () => setShowChainDropdown(false));
   useClickOutside(tokenDropdownRef, () => setShowTokenDropdown(false));
-  const targetSymbol = _chunkO7BCVQ6Lcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const targetChainName = _chunkO7BCVQ6Lcjs.getChainName.call(void 0, targetChain);
+  const targetSymbol = _chunk4KCSH4T3cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunk4KCSH4T3cjs.getChainName.call(void 0, targetChain);
   const isBusy = submitting || isSubmitting;
   const seededRecipientRef = _react.useRef.call(void 0, _nullishCoalesce(defaultRecipient, () => ( "")));
   _react.useEffect.call(void 0, () => {
@@ -258,7 +263,7 @@ function WithdrawFormStep({
         return;
       }
       try {
-        const bal = _chunkBRYNGLDMcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: accountAddress }) : await publicClient.readContract({
+        const bal = _chunkV2OBGLJDcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: accountAddress }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -271,6 +276,7 @@ function WithdrawFormStep({
       } catch (e2) {
         if (active) {
           setBalance(null);
+          _optionalChain([onFrictionRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4("wallet_balance_unavailable")]);
           timeoutId = setTimeout(fetchBalance, retryDelayMs);
           retryDelayMs = Math.min(Math.round(retryDelayMs * 1.5), 3e4);
         }
@@ -285,7 +291,7 @@ function WithdrawFormStep({
         clearTimeout(timeoutId);
       }
     };
-  }, [accountAddress, publicClient, publicClientChainId, asset]);
+  }, [accountAddress, publicClient, publicClientChainId, asset, onFrictionRef]);
   const formattedBalance = _react.useMemo.call(void 0, () => {
     if (balance === null) return "...";
     try {
@@ -300,18 +306,9 @@ function WithdrawFormStep({
     }
   }, [balance, asset.decimals]);
   _react.useEffect.call(void 0, () => {
-    if (balance === null) return;
-    const sym = asset.symbol.toUpperCase();
-    if (sym !== "USDC" && sym !== "USDT" && sym !== "USDT0") return;
-    try {
-      const raw = _viem.formatUnits.call(void 0, balance, asset.decimals);
-      const numeric = Number(raw);
-      if (!Number.isFinite(numeric)) return;
-      _optionalChain([onBalanceUsdChange, 'optionalCall', _3 => _3(numeric)]);
-    } catch (e4) {
-      return;
-    }
-  }, [balance, asset.decimals, asset.symbol, onBalanceUsdChange]);
+    if (targetTokenOptions.length > 0 || !recipient || !amount) return;
+    _optionalChain([onFrictionRef, 'access', _5 => _5.current, 'optionalCall', _6 => _6("route_target_tokens_unavailable")]);
+  }, [targetTokenOptions.length, recipient, amount, onFrictionRef]);
   const amountUsd = _react.useMemo.call(void 0, () => {
     if (!amount) return null;
     const parsed = Number(amount);
@@ -331,18 +328,21 @@ function WithdrawFormStep({
   const handleWithdraw = _react.useCallback.call(void 0, async () => {
     if (!recipient || !/^0x[a-fA-F0-9]{40}$/.test(recipient)) {
       setError("Enter a valid recipient address");
+      _optionalChain([onFriction, 'optionalCall', _7 => _7("recipient_invalid")]);
       return;
     }
     const lowerRecipient = recipient.toLowerCase();
-    if (lowerRecipient === accountAddress.toLowerCase() || lowerRecipient === _optionalChain([depositAddress, 'optionalAccess', _4 => _4.toLowerCase, 'call', _5 => _5()])) {
+    if (lowerRecipient === accountAddress.toLowerCase() || lowerRecipient === _optionalChain([depositAddress, 'optionalAccess', _8 => _8.toLowerCase, 'call', _9 => _9()])) {
       setError(
         "Recipient can't be your own account. Send to a different wallet."
       );
+      _optionalChain([onFriction, 'optionalCall', _10 => _10("recipient_not_allowed")]);
       return;
     }
     const parsed = Number(amount);
     if (!amount || !Number.isFinite(parsed) || parsed <= 0) {
       setError("Enter a valid amount");
+      _optionalChain([onFriction, 'optionalCall', _11 => _11("amount_invalid")]);
       return;
     }
     if (balance !== null) {
@@ -350,10 +350,12 @@ function WithdrawFormStep({
         const amountInUnits = _viem.parseUnits.call(void 0, amount, asset.decimals);
         if (amountInUnits > balance) {
           setError("Insufficient balance");
+          _optionalChain([onFriction, 'optionalCall', _12 => _12("amount_insufficient_balance")]);
           return;
         }
-      } catch (e5) {
+      } catch (e4) {
         setError("Invalid amount");
+        _optionalChain([onFriction, 'optionalCall', _13 => _13("amount_invalid")]);
         return;
       }
     }
@@ -363,7 +365,7 @@ function WithdrawFormStep({
       await onSubmit(recipient, amount);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdrawal failed";
-      setError(_chunkBRYNGLDMcjs.formatUserError.call(void 0, raw));
+      setError(_chunkV2OBGLJDcjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSubmitting(false);
     }
@@ -374,21 +376,22 @@ function WithdrawFormStep({
     asset.decimals,
     accountAddress,
     depositAddress,
-    onSubmit
+    onSubmit,
+    onFriction
   ]);
   if (isBalanceLoading) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-withdraw-loading", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.Spinner, { className: "rs-spinner--lg" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.Spinner, { className: "rs-spinner--lg" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-title", children: "Loading on-chain balance" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-subtitle", children: "Please wait before withdrawing." })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.PoweredBy, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.PoweredBy, {})
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.CircleArrowOutUpLeftIcon, {}), title: "Withdraw" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.CircleArrowOutUpLeftIcon, {}), title: "Withdraw" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-section", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "label",
@@ -409,7 +412,7 @@ function WithdrawFormStep({
             onChange: (e) => {
               const next = e.target.value.trim();
               setRecipient(next);
-              _optionalChain([onRecipientChange, 'optionalCall', _6 => _6(next)]);
+              _optionalChain([onRecipientChange, 'optionalCall', _14 => _14(next)]);
               if (error) setError(null);
             }
           }
@@ -448,7 +451,7 @@ function WithdrawFormStep({
           ) })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-amount-info", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? `~${_chunkBRYNGLDMcjs.currencyFormatter.format(amountUsd)}` : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? `~${_chunkV2OBGLJDcjs.currencyFormatter.format(amountUsd)}` : "$0.00" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
             "Balance: ",
             formattedBalance,
@@ -479,9 +482,9 @@ function WithdrawFormStep({
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkBRYNGLDMcjs.CdnIcon,
+                          _chunkV2OBGLJDcjs.CdnIcon,
                           {
-                            src: _chunkO7BCVQ6Lcjs.getChainIcon.call(void 0, targetChain),
+                            src: _chunk4KCSH4T3cjs.getChainIcon.call(void 0, targetChain),
                             alt: targetChainName,
                             className: "rs-withdraw-dropdown-icon"
                           }
@@ -489,7 +492,7 @@ function WithdrawFormStep({
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkBRYNGLDMcjs.ChevronDownIcon,
+                        _chunkV2OBGLJDcjs.ChevronDownIcon,
                         {
                           className: "rs-withdraw-dropdown-arrow",
                           style: {
@@ -511,9 +514,9 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkBRYNGLDMcjs.CdnIcon,
+                        _chunkV2OBGLJDcjs.CdnIcon,
                         {
-                          src: _chunkO7BCVQ6Lcjs.getChainIcon.call(void 0, chain.id),
+                          src: _chunk4KCSH4T3cjs.getChainIcon.call(void 0, chain.id),
                           alt: chain.name,
                           className: "rs-withdraw-dropdown-icon"
                         }
@@ -548,7 +551,7 @@ function WithdrawFormStep({
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkBRYNGLDMcjs.TokenIcon,
+                          _chunkV2OBGLJDcjs.TokenIcon,
                           {
                             symbol: targetSymbol,
                             className: "rs-withdraw-dropdown-icon"
@@ -557,7 +560,7 @@ function WithdrawFormStep({
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetSymbol })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkBRYNGLDMcjs.ChevronDownIcon,
+                        _chunkV2OBGLJDcjs.ChevronDownIcon,
                         {
                           className: "rs-withdraw-dropdown-arrow",
                           style: {
@@ -579,7 +582,7 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkBRYNGLDMcjs.TokenIcon,
+                        _chunkV2OBGLJDcjs.TokenIcon,
                         {
                           symbol: option.symbol,
                           className: "rs-withdraw-dropdown-icon"
@@ -595,10 +598,10 @@ function WithdrawFormStep({
           )
         ] })
       ] }),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.Callout, { variant: "error", children: error }),
-      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.Callout, { variant: "error", children: registrationError }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.Callout, { variant: "error", children: registrationError }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBRYNGLDMcjs.Button,
+        _chunkV2OBGLJDcjs.Button,
         {
           onClick: handleWithdraw,
           fullWidth: true,
@@ -613,7 +616,7 @@ function WithdrawFormStep({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.PoweredBy, {})
   ] });
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
@@ -641,25 +644,26 @@ function WithdrawReviewStep({
 }) {
   const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
   const [error, setError] = _react.useState.call(void 0, null);
-  const sourceChainName = _chunkO7BCVQ6Lcjs.getChainName.call(void 0, sourceChain);
-  const sourceChainIcon = _chunkO7BCVQ6Lcjs.getChainIcon.call(void 0, sourceChain);
-  const targetSymbol = _chunkO7BCVQ6Lcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const targetChainName = _chunkO7BCVQ6Lcjs.getChainName.call(void 0, targetChain);
-  const targetChainIcon = _chunkO7BCVQ6Lcjs.getChainIcon.call(void 0, targetChain);
+  const sourceChainName = _chunk4KCSH4T3cjs.getChainName.call(void 0, sourceChain);
+  const sourceChainIcon = _chunk4KCSH4T3cjs.getChainIcon.call(void 0, sourceChain);
+  const targetSymbol = _chunk4KCSH4T3cjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunk4KCSH4T3cjs.getChainName.call(void 0, targetChain);
+  const targetChainIcon = _chunk4KCSH4T3cjs.getChainIcon.call(void 0, targetChain);
   const amountNumber = Number(amount);
-  const formattedSendAmount = _nullishCoalesce(_chunkBRYNGLDMcjs.formatTokenAmount.call(void 0, amountNumber, sourceSymbol), () => ( amount));
-  const prices = _chunkPWLEBV5Vcjs.useTokenPrices.call(void 0, service, [
+  const formattedSendAmount = _nullishCoalesce(_chunkV2OBGLJDcjs.formatTokenAmount.call(void 0, amountNumber, sourceSymbol), () => ( amount));
+  const prices = _chunk7ICSHJFEcjs.useTokenPrices.call(void 0, service, [
     { chainId: sourceChain, address: sourceToken, symbol: sourceSymbol },
     { chainId: targetChain, address: targetToken, symbol: targetSymbol }
   ]);
-  const receiveDisplay = _nullishCoalesce(_chunkBRYNGLDMcjs.formatReceiveEstimate.call(void 0, {
+  const receiveDisplay = _nullishCoalesce(_chunkV2OBGLJDcjs.formatReceiveEstimate.call(void 0, {
     sourceAmount: Number.isFinite(amountNumber) ? amountNumber : void 0,
     sourceSymbol,
     targetSymbol,
-    sourceTrusted: _chunkBRYNGLDMcjs.isRecognizedToken.call(void 0, sourceToken, sourceChain),
+    sourceTrusted: _chunkV2OBGLJDcjs.isRecognizedToken.call(void 0, sourceToken, sourceChain),
     prices
   }), () => ( // No price for the target token — an honest dash beats a wrong number.
   "\u2014"));
+  const [submissionUncertain, setSubmissionUncertain] = _react.useState.call(void 0, false);
   const handleConfirm = async () => {
     setError(null);
     setIsSubmitting(true);
@@ -667,20 +671,22 @@ function WithdrawReviewStep({
       await onConfirm();
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdraw failed";
-      const message = _chunkBRYNGLDMcjs.formatUserError.call(void 0, raw);
+      const uncertain = _chunk7ICSHJFEcjs.isSubmissionUncertain.call(void 0, err);
+      const message = uncertain ? "Withdrawal status is uncertain. Check your activity before trying again." : _chunkV2OBGLJDcjs.formatUserError.call(void 0, raw);
+      if (uncertain) setSubmissionUncertain(true);
       setError(message);
-      _optionalChain([onError, 'optionalCall', _7 => _7(message, "WITHDRAW_REVIEW_ERROR", raw)]);
+      _optionalChain([onError, 'optionalCall', _15 => _15(message, "WITHDRAW_REVIEW_ERROR", raw)]);
     } finally {
       setIsSubmitting(false);
     }
   };
-  const disabled = isSubmitting || registrationPending || Boolean(registrationError);
+  const disabled = isSubmitting || submissionUncertain || registrationPending || Boolean(registrationError);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBRYNGLDMcjs.BodyHeader,
+        _chunkV2OBGLJDcjs.BodyHeader,
         {
-          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.CircleArrowOutUpLeftIcon, {}),
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.CircleArrowOutUpLeftIcon, {}),
           title: "Review withdrawal"
         }
       ),
@@ -693,14 +699,14 @@ function WithdrawReviewStep({
               " ",
               sourceSymbol
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.TokenIcon, { symbol: sourceSymbol }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.TokenIcon, { symbol: sourceSymbol }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Source chain" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.CdnIcon, { src: sourceChainIcon }) })
+            sourceChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.CdnIcon, { src: sourceChainIcon }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
@@ -711,14 +717,14 @@ function WithdrawReviewStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Receive" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: receiveDisplay }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.TokenIcon, { symbol: targetSymbol }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.TokenIcon, { symbol: targetSymbol }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Destination chain" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.CdnIcon, { src: targetChainIcon }) })
+            targetChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.CdnIcon, { src: targetChainIcon }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
@@ -726,10 +732,10 @@ function WithdrawReviewStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: estimatedTime })
         ] })
       ] }),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.Callout, { variant: "error", children: error }),
-      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.Callout, { variant: "error", children: registrationError }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.Callout, { variant: "error", children: registrationError }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBRYNGLDMcjs.Button,
+        _chunkV2OBGLJDcjs.Button,
         {
           onClick: handleConfirm,
           loading: isSubmitting,
@@ -740,7 +746,7 @@ function WithdrawReviewStep({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.PoweredBy, {})
   ] });
 }
 WithdrawReviewStep.displayName = "WithdrawReviewStep";
@@ -748,12 +754,176 @@ WithdrawReviewStep.displayName = "WithdrawReviewStep";
 // src/WithdrawFlow.tsx
 
 
+// src/core/withdraw-analytics.tsx
+
+
+
+
+
+
+function withdrawFailureReasonForError(error) {
+  if (_chunk7ICSHJFEcjs.isSubmissionUncertain.call(void 0, error)) return "submission_uncertain";
+  const message = (error instanceof Error ? error.message : String(_nullishCoalesce(error, () => ( "")))).toLowerCase();
+  if (message.includes("changed before submission")) {
+    return "registration_target_changed";
+  }
+  if (message.includes("did not return a txhash")) {
+    return "submission_missing_hash";
+  }
+  if (message.includes("reject") || message.includes("denied")) {
+    return "submission_rejected";
+  }
+  return "submission_failed";
+}
+function createWithdrawAnalyticsController(emit) {
+  let step = null;
+  let afterHandoff = false;
+  let sameRoute = null;
+  let opened = false;
+  let closed = false;
+  const dedupe = /* @__PURE__ */ new Set();
+  const stamp = (payload) => sameRoute === null ? payload : { ...payload, same_route: sameRoute };
+  const send = (payload) => {
+    controller.openSession();
+    emit(stamp(payload));
+  };
+  const emitOnce = (key, payload) => {
+    if (dedupe.has(key)) return;
+    dedupe.add(key);
+    send(payload);
+  };
+  const controller = {
+    openSession() {
+      if (opened) return;
+      opened = true;
+      emit({ type: "withdraw_modal_open" });
+    },
+    openStep(nextStep) {
+      controller.openSession();
+      if (step === nextStep) return;
+      step = nextStep;
+      emitOnce(`step-open:${nextStep}`, {
+        type: "withdraw_modal_step_open",
+        step: nextStep
+      });
+    },
+    completeStep(completedStep = _nullishCoalesce(step, () => ( void 0))) {
+      if (!completedStep) return;
+      emitOnce(`step-complete:${completedStep}`, {
+        type: "withdraw_modal_step_complete",
+        step: completedStep
+      });
+    },
+    friction(reason, eventStep = _nullishCoalesce(step, () => ( void 0))) {
+      if (!eventStep) return;
+      emitOnce(`friction:${eventStep}:${reason}`, {
+        type: "withdraw_modal_friction",
+        step: eventStep,
+        reason
+      });
+    },
+    failure(reason, retryable, eventStep = _nullishCoalesce(step, () => ( void 0))) {
+      if (!eventStep) return;
+      emitOnce(`failure:${eventStep}:${reason}`, {
+        type: "withdraw_modal_failure",
+        step: eventStep,
+        reason,
+        retryable
+      });
+    },
+    retry(reason, eventStep = _nullishCoalesce(step, () => ( void 0))) {
+      if (!eventStep) return;
+      send({ type: "withdraw_modal_retry", step: eventStep, reason });
+      for (const key of [...dedupe]) {
+        if (key.includes(`:${eventStep}:`)) dedupe.delete(key);
+      }
+    },
+    handoff({ transactionHash, managedAccount, sameRoute: route }, eventStep) {
+      const handoffStep = _nullishCoalesce(_nullishCoalesce(eventStep, () => ( step)), () => ( "submit"));
+      if (step !== handoffStep) controller.openStep(handoffStep);
+      sameRoute = route;
+      afterHandoff = true;
+      emitOnce(`handoff:${transactionHash}`, {
+        type: "withdraw_modal_handoff",
+        step: handoffStep,
+        transaction_hash: transactionHash,
+        managed_account: managedAccount,
+        same_route: route
+      });
+    },
+    outcome(outcome) {
+      if (!step) return;
+      emitOnce(`outcome:${outcome}`, {
+        type: "withdraw_modal_ui_outcome",
+        step,
+        outcome
+      });
+    },
+    abandon(reason) {
+      if (!step || afterHandoff) return;
+      emitOnce(`abandon:${step}:${reason}`, {
+        type: "withdraw_modal_abandoned",
+        step,
+        reason
+      });
+    },
+    close(source) {
+      if (closed) return;
+      closed = true;
+      send({
+        type: "withdraw_modal_close",
+        source,
+        step,
+        after_handoff: afterHandoff
+      });
+    },
+    /** "New withdrawal" on the terminal screen: a fresh attempt in the same
+     *  session, so the envelope and its session id stay. */
+    resetAttempt() {
+      step = null;
+      afterHandoff = false;
+      sameRoute = null;
+      dedupe.clear();
+    },
+    get step() {
+      return step;
+    },
+    get afterHandoff() {
+      return afterHandoff;
+    },
+    get sameRoute() {
+      return sameRoute;
+    }
+  };
+  return controller;
+}
+var WithdrawAnalyticsControllerContext = _react.createContext.call(void 0, null);
+var noopController = createWithdrawAnalyticsController(() => {
+});
+function WithdrawAnalyticsControllerProvider({
+  children,
+  controllerRef
+}) {
+  const emit = _chunkV2OBGLJDcjs.useWithdrawAnalyticsEmitter.call(void 0, );
+  const controller = _react.useMemo.call(void 0, 
+    () => createWithdrawAnalyticsController(emit),
+    [emit]
+  );
+  if (controllerRef) controllerRef.current = controller;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawAnalyticsControllerContext.Provider, { value: controller, children });
+}
+function useWithdrawAnalyticsController() {
+  return _nullishCoalesce(_react.useContext.call(void 0, WithdrawAnalyticsControllerContext), () => ( noopController));
+}
+
+// src/WithdrawFlow.tsx
+
 var ADDR_REGEX = /^0x[a-fA-F0-9]{40}$/;
 var REGISTRATION_DEBOUNCE_MS = 600;
 var WITHDRAW_INDEXING_DELAY_MS = 2e3;
 function targetsEqual(a, b) {
   if (!a) return false;
-  return a.chain === b.chain && a.token.toLowerCase() === b.token.toLowerCase() && (_nullishCoalesce(_optionalChain([a, 'access', _8 => _8.recipient, 'optionalAccess', _9 => _9.toLowerCase, 'call', _10 => _10()]), () => ( ""))) === (_nullishCoalesce(_optionalChain([b, 'access', _11 => _11.recipient, 'optionalAccess', _12 => _12.toLowerCase, 'call', _13 => _13()]), () => ( "")));
+  return a.chain === b.chain && a.token.toLowerCase() === b.token.toLowerCase() && (_nullishCoalesce(_optionalChain([a, 'access', _16 => _16.recipient, 'optionalAccess', _17 => _17.toLowerCase, 'call', _18 => _18()]), () => ( ""))) === (_nullishCoalesce(_optionalChain([b, 'access', _19 => _19.recipient, 'optionalAccess', _20 => _20.toLowerCase, 'call', _21 => _21()]), () => ( "")));
 }
 function WithdrawFlow({
   accountAddress,
@@ -769,17 +939,19 @@ function WithdrawFlow({
   onStepChange,
   onClose,
   onLifecycle,
-  onEvent,
   onError,
   debug
 }) {
-  const rpcUrls = _chunkBRYNGLDMcjs.useRpcUrls.call(void 0, );
-  const onStepChangeRef = _chunkBRYNGLDMcjs.useLatestRef.call(void 0, onStepChange);
-  const onEventRef = _chunkBRYNGLDMcjs.useLatestRef.call(void 0, onEvent);
-  const onLifecycleRef = _chunkBRYNGLDMcjs.useLatestRef.call(void 0, onLifecycle);
-  const onErrorRef = _chunkBRYNGLDMcjs.useLatestRef.call(void 0, onError);
+  const rpcUrls = _chunkV2OBGLJDcjs.useRpcUrls.call(void 0, );
+  const onStepChangeRef = _chunkV2OBGLJDcjs.useLatestRef.call(void 0, onStepChange);
+  const analytics = useWithdrawAnalyticsController();
+  const onLifecycleRef = _chunkV2OBGLJDcjs.useLatestRef.call(void 0, onLifecycle);
+  const onErrorRef = _chunkV2OBGLJDcjs.useLatestRef.call(void 0, onError);
   const isFlowActiveRef = _react.useRef.call(void 0, true);
   const submitGenerationRef = _react.useRef.call(void 0, 0);
+  const lastSubmitFailureRef = _react.useRef.call(void 0, 
+    null
+  );
   _react.useEffect.call(void 0, () => {
     isFlowActiveRef.current = true;
     return () => {
@@ -788,13 +960,13 @@ function WithdrawFlow({
   }, []);
   const logFlow = _react.useCallback.call(void 0, 
     (message, data) => {
-      _chunkBRYNGLDMcjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
+      _chunkV2OBGLJDcjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
     },
     [debug]
   );
   const logFlowError = _react.useCallback.call(void 0, 
     (message, error, data) => {
-      _chunkBRYNGLDMcjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
+      _chunkV2OBGLJDcjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
     },
     [debug]
   );
@@ -803,7 +975,6 @@ function WithdrawFlow({
   const [recipientInput, setRecipientInput] = _react.useState.call(void 0, 
     _nullishCoalesce(defaultRecipient, () => ( ""))
   );
-  const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, 0);
   _react.useEffect.call(void 0, () => {
     setTargetChain(targetChainProp);
   }, [targetChainProp]);
@@ -817,10 +988,7 @@ function WithdrawFlow({
   const registration = useWithdrawStore((s) => s.registration);
   const flowStep = useWithdrawStore((s) => s.step);
   const reviewedRecipient = useWithdrawStore((s) => s.recipient);
-  const publicClient = _react.useMemo.call(void 0, 
-    () => _chunkBRYNGLDMcjs.getPublicClient.call(void 0, sourceChain, rpcUrls),
-    [sourceChain, rpcUrls]
-  );
+  const publicClient = _chunkV2OBGLJDcjs.useReadClient.call(void 0, sourceChain, rpcUrls);
   const recipientForRegistration = _react.useMemo.call(void 0, () => {
     if (!recipientInput) return void 0;
     return ADDR_REGEX.test(recipientInput) ? recipientInput : void 0;
@@ -846,7 +1014,7 @@ function WithdrawFlow({
           targetToken,
           recipient: recipientForRegistration
         });
-        const salt = _chunkPWLEBV5Vcjs.deriveAccountSalt.call(void 0, {
+        const salt = _chunk7ICSHJFEcjs.deriveAccountSalt.call(void 0, {
           recipient: recipientForRegistration,
           targetChain,
           targetToken
@@ -854,7 +1022,7 @@ function WithdrawFlow({
         const { evmDepositAddress } = await service.registerManagedAccount({
           salt,
           target: {
-            chain: _chunkO7BCVQ6Lcjs.targetChainToCaip2.call(void 0, targetChain),
+            chain: _chunk4KCSH4T3cjs.targetChainToCaip2.call(void 0, targetChain),
             token: targetToken,
             recipient: recipientForRegistration
           }
@@ -868,7 +1036,7 @@ function WithdrawFlow({
           smartAccount: evmDepositAddress,
           registeredTarget: desiredTarget
         });
-        _optionalChain([onLifecycleRef, 'access', _14 => _14.current, 'optionalCall', _15 => _15({
+        _optionalChain([onLifecycleRef, 'access', _22 => _22.current, 'optionalCall', _23 => _23({
           type: "connected",
           address: accountAddress,
           smartAccount: evmDepositAddress
@@ -876,7 +1044,7 @@ function WithdrawFlow({
       } catch (err) {
         if (cancelled) return;
         const raw = err instanceof Error ? err.message : "Registration failed";
-        const message = _chunkBRYNGLDMcjs.formatUserError.call(void 0, raw);
+        const message = _chunkV2OBGLJDcjs.formatUserError.call(void 0, raw);
         logFlowError("auto-register:failed", err, {
           accountAddress,
           targetChain,
@@ -886,7 +1054,7 @@ function WithdrawFlow({
           type: "registration/failed",
           error: message
         });
-        _optionalChain([onErrorRef, 'access', _16 => _16.current, 'optionalCall', _17 => _17({ message, code: "WITHDRAW_REGISTER_FAILED" })]);
+        _optionalChain([onErrorRef, 'access', _24 => _24.current, 'optionalCall', _25 => _25({ message, code: "WITHDRAW_REGISTER_FAILED" })]);
       }
     }, REGISTRATION_DEBOUNCE_MS);
     return () => {
@@ -907,10 +1075,10 @@ function WithdrawFlow({
     onErrorRef
   ]);
   const asset = _react.useMemo.call(void 0, () => {
-    const symbol = _chunkO7BCVQ6Lcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
-    const decimals = _chunkO7BCVQ6Lcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
+    const symbol = _chunk4KCSH4T3cjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
+    const decimals = _chunk4KCSH4T3cjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
     return {
-      id: _chunkBRYNGLDMcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      id: _chunkV2OBGLJDcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
@@ -918,7 +1086,7 @@ function WithdrawFlow({
       decimals
     };
   }, [sourceChain, sourceToken]);
-  const isSourceNative = sourceToken.toLowerCase() === _chunkO7BCVQ6Lcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
+  const isSourceNative = sourceToken.toLowerCase() === _chunk4KCSH4T3cjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
   const isSameRoute = targetChain === sourceChain && targetToken.toLowerCase() === sourceToken.toLowerCase();
   const reviewedTarget = reviewedRecipient ? {
     chain: targetChain,
@@ -926,32 +1094,35 @@ function WithdrawFlow({
     recipient: reviewedRecipient
   } : null;
   const isReviewedTargetReady = registration.kind === "ready" && reviewedTarget !== null && targetsEqual(registration.registeredTarget, reviewedTarget);
+  _react.useEffect.call(void 0, () => {
+    if (flowStep !== "review") return;
+    if (registration.kind !== "ready" || isReviewedTargetReady) return;
+    analytics.friction("registration_stale", "review");
+  }, [analytics, flowStep, registration.kind, isReviewedTargetReady]);
   const reviewBackHandler = _react.useCallback.call(void 0, () => {
     submitGenerationRef.current += 1;
+    analytics.abandon("back");
     storeApi.dispatch({ type: "review/back" });
-  }, [storeApi]);
+  }, [analytics, storeApi]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStepChangeRef, 'access', _18 => _18.current, 'optionalCall', _19 => _19(
-      flowStep === "review" ? reviewBackHandler : void 0
+    _optionalChain([onStepChangeRef, 'access', _26 => _26.current, 'optionalCall', _27 => _27(
+      flowStep === "review" ? reviewBackHandler : void 0,
+      flowStep
     )]);
   }, [flowStep, reviewBackHandler, onStepChangeRef]);
-  const lastStepOpenEventKeyRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    if (flowStep !== "form") {
-      lastStepOpenEventKeyRef.current = null;
-      return;
+    analytics.openSession();
+    analytics.openStep(analyticsStepForFlowStep(flowStep));
+  }, [analytics, flowStep]);
+  _react.useEffect.call(void 0, () => {
+    if (registration.kind === "pending") {
+      analytics.friction("registration_pending");
+    } else if (registration.kind === "stale") {
+      analytics.friction("registration_stale");
+    } else if (registration.kind === "failed") {
+      analytics.failure("registration_failed", true);
     }
-    if (lastStepOpenEventKeyRef.current === "form") return;
-    lastStepOpenEventKeyRef.current = "form";
-    const tokenSymbol = _chunkO7BCVQ6Lcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-    const chainName = _chunkO7BCVQ6Lcjs.getChainName.call(void 0, targetChain);
-    _optionalChain([onEventRef, 'access', _20 => _20.current, 'optionalCall', _21 => _21({
-      type: "withdraw_modal_select_amount_open",
-      pred_balance: totalBalanceUsd,
-      default_token: tokenSymbol,
-      default_chain: chainName
-    })]);
-  }, [flowStep, targetToken, targetChain, totalBalanceUsd, onEventRef]);
+  }, [analytics, registration.kind]);
   _react.useEffect.call(void 0, () => {
     logFlow("state:changed", {
       step: flowStep,
@@ -972,33 +1143,34 @@ function WithdrawFlow({
   ]);
   const handleError = _react.useCallback.call(void 0, 
     (message, code, cause) => {
+      if (code === "PROCESS_TIMEOUT") {
+        analytics.friction("processor_status_poll_failed", "processing");
+      }
       logFlowError("flow:error", _nullishCoalesce(cause, () => ( message)), { code });
-      _optionalChain([onErrorRef, 'access', _22 => _22.current, 'optionalCall', _23 => _23({ message, code, cause })]);
+      _optionalChain([onErrorRef, 'access', _28 => _28.current, 'optionalCall', _29 => _29({ message, code, cause })]);
     },
-    [logFlowError, onErrorRef]
+    [analytics, logFlowError, onErrorRef]
   );
   const handleFormContinue = _react.useCallback.call(void 0, 
     (recipient, amountValue) => {
-      const tokenSymbol = _chunkO7BCVQ6Lcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-      const chainName = _chunkO7BCVQ6Lcjs.getChainName.call(void 0, targetChain);
-      _optionalChain([onEventRef, 'access', _24 => _24.current, 'optionalCall', _25 => _25({
-        type: "withdraw_modal_select_amount_cta_click",
-        pred_balance: totalBalanceUsd,
-        selected_token: tokenSymbol,
-        selected_chain: chainName,
-        amount: amountValue,
-        cta_name: "withdraw"
-      })]);
+      analytics.completeStep("form");
       storeApi.dispatch({
         type: "form/continue",
         amount: amountValue,
         recipient
       });
     },
-    [targetToken, targetChain, totalBalanceUsd, onEventRef, storeApi]
+    [analytics, storeApi]
   );
   const handleReviewConfirm = _react.useCallback.call(void 0, 
     async () => {
+      const previousFailure = lastSubmitFailureRef.current;
+      if (previousFailure) {
+        lastSubmitFailureRef.current = null;
+        analytics.retry(previousFailure, "submit");
+      }
+      analytics.completeStep("review");
+      analytics.openStep("submit");
       const state = storeApi.getState();
       const recipient = state.recipient;
       const amountValue = state.amount;
@@ -1016,11 +1188,13 @@ function WithdrawFlow({
       };
       const matchingRegistration = getMatchingRegistration();
       if (!matchingRegistration) {
+        analytics.failure("registration_target_changed", true, "submit");
         throw new Error("Withdrawal target is still being prepared");
       }
       const smartAccount = matchingRegistration.smartAccount;
       const lowerRecipient = recipient.toLowerCase();
       if (lowerRecipient === accountAddress.toLowerCase() || lowerRecipient === smartAccount.toLowerCase()) {
+        analytics.failure("recipient_not_allowed", false, "submit");
         throw new Error(
           "Recipient can't be your own account. Send to a different wallet."
         );
@@ -1055,9 +1229,18 @@ function WithdrawFlow({
         if (!getMatchingRegistration()) {
           throw new Error("Withdrawal target changed before submission");
         }
-        if (!_optionalChain([result, 'optionalAccess', _26 => _26.txHash])) {
+        if (!_optionalChain([result, 'optionalAccess', _30 => _30.txHash])) {
           throw new Error("onSendTransaction did not return a txHash");
         }
+        analytics.handoff(
+          {
+            transactionHash: result.txHash,
+            managedAccount: smartAccount,
+            sameRoute: isSameRoute
+          },
+          "submit"
+        );
+        analytics.completeStep("submit");
         logFlow("withdraw:submitted", {
           txHash: result.txHash,
           smartAccount,
@@ -1065,7 +1248,7 @@ function WithdrawFlow({
           sourceChain,
           sourceToken
         });
-        _optionalChain([onLifecycleRef, 'access', _27 => _27.current, 'optionalCall', _28 => _28({
+        _optionalChain([onLifecycleRef, 'access', _31 => _31.current, 'optionalCall', _32 => _32({
           type: "submitted",
           txHash: result.txHash,
           sourceChain,
@@ -1084,17 +1267,21 @@ function WithdrawFlow({
         });
       } catch (err) {
         const raw = err instanceof Error ? err.message : "Withdraw failed";
+        const reason = withdrawFailureReasonForError(err);
+        lastSubmitFailureRef.current = reason;
+        analytics.failure(reason, reason !== "submission_uncertain", "submit");
         logFlowError("submit:failed", err, {
           sourceChain,
           sourceToken,
           targetChain,
           targetToken
         });
-        handleError(_chunkBRYNGLDMcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        handleError(_chunkV2OBGLJDcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
         throw err;
       }
     },
     [
+      analytics,
       targetChain,
       targetToken,
       asset.decimals,
@@ -1112,8 +1299,10 @@ function WithdrawFlow({
   );
   const handleWithdrawComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash, context) => {
+      analytics.openStep("processing");
+      analytics.outcome("completed");
       logFlow("withdraw:complete", { txHash, destinationTxHash, ...context });
-      _optionalChain([onLifecycleRef, 'access', _29 => _29.current, 'optionalCall', _30 => _30({
+      _optionalChain([onLifecycleRef, 'access', _33 => _33.current, 'optionalCall', _34 => _34({
         type: "complete",
         txHash,
         destinationTxHash,
@@ -1129,22 +1318,25 @@ function WithdrawFlow({
       })]);
       storeApi.dispatch({ type: "withdraw/complete" });
     },
-    [logFlow, onLifecycleRef, storeApi]
+    [analytics, logFlow, onLifecycleRef, storeApi]
   );
   const handleWithdrawFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
+      analytics.openStep("processing");
+      analytics.outcome("failed");
+      analytics.failure("processor_failed", false, "processing");
       logFlowError("withdraw:failed", error, { txHash });
-      _optionalChain([onLifecycleRef, 'access', _31 => _31.current, 'optionalCall', _32 => _32({
+      _optionalChain([onLifecycleRef, 'access', _35 => _35.current, 'optionalCall', _36 => _36({
         type: "failed",
         txHash,
         error
       })]);
       storeApi.dispatch({ type: "withdraw/failed" });
     },
-    [logFlowError, onLifecycleRef, storeApi]
+    [analytics, logFlowError, onLifecycleRef, storeApi]
   );
-  const targetChainOptions = _chunkBRYNGLDMcjs.useDestinationChains.call(void 0, );
-  const targetTokensFor = _chunkBRYNGLDMcjs.useTargetTokens.call(void 0, );
+  const targetChainOptions = _chunkV2OBGLJDcjs.useDestinationChains.call(void 0, );
+  const targetTokensFor = _chunkV2OBGLJDcjs.useTargetTokens.call(void 0, );
   const targetTokenOptions = _react.useMemo.call(void 0, 
     () => targetTokensFor(targetChain),
     [targetChain, targetTokensFor]
@@ -1173,6 +1365,12 @@ function WithdrawFlow({
   const handleTargetTokenChange = _react.useCallback.call(void 0, (token) => {
     setTargetToken(token);
   }, []);
+  const handleFormFriction = _react.useCallback.call(void 0, 
+    (reason) => {
+      analytics.friction(reason, "form");
+    },
+    [analytics]
+  );
   const depositAddress = registration.kind === "ready" || registration.kind === "stale" ? registration.smartAccount : void 0;
   const stepView = deriveStepView(flowStep, registration);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
@@ -1195,7 +1393,7 @@ function WithdrawFlow({
         registrationError: registration.kind === "failed" ? registration.error : null,
         onRecipientChange: setRecipientInput,
         onSubmit: async (r, a) => handleFormContinue(r, a),
-        onBalanceUsdChange: setTotalBalanceUsd
+        onFriction: handleFormFriction
       }
     ),
     stepView === "review" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1216,7 +1414,7 @@ function WithdrawFlow({
       }
     ),
     stepView === "processing" && registration.kind !== "idle" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPWLEBV5Vcjs.ProcessingStep,
+      _chunk7ICSHJFEcjs.ProcessingStep,
       {
         smartAccount: _nullishCoalesce(storeApi.getState().processingSmartAccount, () => ( (registration.kind === "ready" || registration.kind === "stale" ? registration.smartAccount : "0x0"))),
         txHash: _nullishCoalesce(storeApi.getState().txHash, () => ( "0x0")),
@@ -1231,7 +1429,10 @@ function WithdrawFlow({
         service,
         flowLabel: "withdraw",
         onClose,
-        onNewDeposit: () => storeApi.dispatch({ type: "flow/reset" }),
+        onNewDeposit: () => {
+          analytics.resetAttempt();
+          storeApi.dispatch({ type: "flow/reset" });
+        },
         onDepositComplete: handleWithdrawComplete,
         onDepositFailed: handleWithdrawFailed,
         onError: handleError,
@@ -1243,10 +1444,17 @@ function WithdrawFlow({
 function toBaseUnits(amount, decimals) {
   try {
     return _viem.parseUnits.call(void 0, amount, decimals).toString();
-  } catch (e6) {
+  } catch (e5) {
     return "0";
   }
 }
+function analyticsStepForFlowStep(step) {
+  if (step === "review") return "review";
+  if (step === "processing" || step === "complete" || step === "failed") {
+    return "processing";
+  }
+  return "form";
+}
 function deriveStepView(step, _registration) {
   if (step === "review") return "review";
   if (step === "processing" || step === "complete" || step === "failed") {
@@ -1257,6 +1465,31 @@ function deriveStepView(step, _registration) {
 
 // src/WithdrawModal.tsx
 
+function buildWithdrawAnalyticsSessionProperties({
+  inline = false,
+  closeOnOverlayClick = false,
+  targetChain,
+  targetToken,
+  recipient,
+  defaultAmount,
+  seedTargetChain,
+  seedTargetToken
+}) {
+  return {
+    presentation: inline ? "inline" : "overlay",
+    overlay_close_enabled: !inline && closeOnOverlayClick,
+    prefills: {
+      target_chain: targetChain !== void 0,
+      target_token: targetToken !== void 0,
+      recipient: recipient !== void 0,
+      amount: defaultAmount !== void 0
+    },
+    ..._chunk7ICSHJFEcjs.analyticsTargetProperties.call(void 0, {
+      targetChain: seedTargetChain,
+      targetToken: seedTargetToken
+    })
+  };
+}
 function WithdrawModal({
   accountAddress,
   sourceChain: sourceChainProp,
@@ -1280,44 +1513,84 @@ function WithdrawModal({
   onLifecycle,
   onEvent,
   onError,
+  enableAnalyticsIngest,
+  analyticsIngestUrl,
   debug,
   // Every prop 0.9.0 removed lands here, since none of them is named above.
   // `uiConfig` is destructured, so its removed nested key isn't scanned — that
   // one only ever applied to the deposit flow.
+  // Before the rest element, or it lands in `removedProps` and gets warned
+  // about as a prop 0.9.0 removed.
+  onUiState,
   ...removedProps
 }) {
-  _chunkPWLEBV5Vcjs.warnRemovedProps.call(void 0, "WithdrawModal", removedProps);
-  _chunkBRYNGLDMcjs.checkBackendUrl.call(void 0, "WithdrawModal", backendUrl);
+  _chunk7ICSHJFEcjs.warnRemovedProps.call(void 0, "WithdrawModal", removedProps);
+  _chunkV2OBGLJDcjs.checkBackendUrl.call(void 0, "WithdrawModal", backendUrl);
   const modalRef = _react.useRef.call(void 0, null);
-  const onReadyRef = _chunkBRYNGLDMcjs.useLatestRef.call(void 0, onReady);
+  const onReadyRef = _chunkV2OBGLJDcjs.useLatestRef.call(void 0, onReady);
+  const analyticsControllerRef = _react.useRef.call(void 0, 
+    null
+  );
+  const previousOpenRef = _react.useRef.call(void 0, isOpen);
   const [backHandler, setBackHandler] = _react.useState.call(void 0, 
     void 0
   );
-  const targetChain = _chunkO7BCVQ6Lcjs.getChainId.call(void 0, _nullishCoalesce(targetChainProp, () => ( sourceChainProp)));
-  const sourceChain = _chunkO7BCVQ6Lcjs.getChainId.call(void 0, sourceChainProp);
-  const rpcUrls = _chunkBRYNGLDMcjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
+  const [screen, setScreen] = _react.useState.call(void 0, "form");
+  const onUiStateRef = _chunkV2OBGLJDcjs.useLatestRef.call(void 0, onUiState);
+  const targetChain = _chunk4KCSH4T3cjs.getChainId.call(void 0, _nullishCoalesce(targetChainProp, () => ( sourceChainProp)));
+  const sourceChain = _chunk4KCSH4T3cjs.getChainId.call(void 0, sourceChainProp);
+  const rpcUrls = _chunkV2OBGLJDcjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
   const service = _react.useMemo.call(void 0, 
-    () => _chunkBRYNGLDMcjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
+    () => _chunkV2OBGLJDcjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
     [backendUrl, debug]
   );
   const store = _react.useMemo.call(void 0, () => createWithdrawStore(), []);
-  const onErrorRef = _chunkBRYNGLDMcjs.useLatestRef.call(void 0, onError);
+  const onErrorRef = _chunkV2OBGLJDcjs.useLatestRef.call(void 0, onError);
   _react.useEffect.call(void 0, () => {
     if (isOpen && typeof onSendTransaction !== "function") {
-      _optionalChain([onErrorRef, 'access', _33 => _33.current, 'optionalCall', _34 => _34({
+      _optionalChain([onErrorRef, 'access', _37 => _37.current, 'optionalCall', _38 => _38({
         message: "WithdrawModal requires an `onSendTransaction` function.",
         code: "WITHDRAW_MISSING_SEND_TRANSACTION"
       })]);
+      _optionalChain([analyticsControllerRef, 'access', _39 => _39.current, 'optionalAccess', _40 => _40.failure, 'call', _41 => _41(
+        "submission_handler_missing",
+        false,
+        "form"
+      )]);
     }
   }, [isOpen, onSendTransaction, onErrorRef]);
+  const closeWithSource = _react.useCallback.call(void 0, 
+    (source) => {
+      const analytics = analyticsControllerRef.current;
+      _optionalChain([analytics, 'optionalAccess', _42 => _42.abandon, 'call', _43 => _43("modal_close")]);
+      _optionalChain([analytics, 'optionalAccess', _44 => _44.close, 'call', _45 => _45(source)]);
+      onClose();
+    },
+    [onClose]
+  );
+  const handleModalDismiss = _react.useCallback.call(void 0, 
+    (reason) => {
+      closeWithSource(
+        reason === "escape" ? "escape" : reason === "overlay" ? "overlay" : "header_button"
+      );
+    },
+    [closeWithSource]
+  );
   _react.useEffect.call(void 0, () => {
-    if (isOpen && modalRef.current) {
-      _chunkBRYNGLDMcjs.applyTheme.call(void 0, modalRef.current, theme);
+    if (previousOpenRef.current && !isOpen) {
+      const analytics = analyticsControllerRef.current;
+      _optionalChain([analytics, 'optionalAccess', _46 => _46.abandon, 'call', _47 => _47("modal_close")]);
+      _optionalChain([analytics, 'optionalAccess', _48 => _48.close, 'call', _49 => _49("host_controlled")]);
     }
+    previousOpenRef.current = isOpen;
+  }, [isOpen]);
+  _react.useEffect.call(void 0, () => {
+    if (!isOpen || !modalRef.current) return;
+    return _chunkV2OBGLJDcjs.applyTheme.call(void 0, modalRef.current, theme);
   }, [isOpen, theme]);
   _react.useEffect.call(void 0, () => {
     if (isOpen) {
-      _optionalChain([onReadyRef, 'access', _35 => _35.current, 'optionalCall', _36 => _36()]);
+      _optionalChain([onReadyRef, 'access', _50 => _50.current, 'optionalCall', _51 => _51()]);
     }
   }, [isOpen, onReadyRef]);
   _react.useEffect.call(void 0, () => {
@@ -1325,68 +1598,103 @@ function WithdrawModal({
       store.dispatch({ type: "modal/reset" });
     }
   }, [isOpen, store]);
-  const handleStepChange = _react.useCallback.call(void 0, (onBack) => {
+  const handleStepChange = _react.useCallback.call(void 0, (onBack, next) => {
     setBackHandler(() => onBack);
+    if (next) setScreen(next);
   }, []);
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _37 => _37.showBackButton]), () => ( true));
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([onUiStateRef, 'access', _52 => _52.current, 'optionalCall', _53 => _53({
+      screen,
+      back: backHandler,
+      submitting: false
+    })]);
+  }, [screen, backHandler, onUiStateRef]);
+  const analyticsSessionProperties = buildWithdrawAnalyticsSessionProperties({
+    inline,
+    closeOnOverlayClick,
+    targetChain: targetChainProp,
+    targetToken,
+    recipient,
+    defaultAmount,
+    seedTargetChain: targetChain,
+    seedTargetToken: _nullishCoalesce(targetToken, () => ( sourceToken))
+  });
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _54 => _54.showBackButton]), () => ( true));
   const canGoBack = backHandler !== void 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawStoreProvider, { store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBRYNGLDMcjs.Modal,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawStoreProvider, { store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkV2OBGLJDcjs.Modal,
     {
       isOpen,
-      onClose,
+      onClose: handleModalDismiss,
       className,
       inline,
       closeOnOverlayClick,
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: modalRef, className: "rs-modal", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              type: "button",
-              className: "rs-modal-header-back",
-              "aria-label": "Go back",
-              onClick: backHandler,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.ChevronLeftIcon, {})
-            }
-          ) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkV2OBGLJDcjs.AnalyticsSession,
+        {
+          modal: "withdraw",
+          sessionProperties: analyticsSessionProperties,
+          onEvent,
+          backendUrl,
+          enableIngest: enableAnalyticsIngest,
+          ingestUrl: analyticsIngestUrl,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            WithdrawAnalyticsControllerProvider,
             {
-              type: "button",
-              onClick: onClose,
-              className: "rs-modal-close",
-              "aria-label": "Close",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRYNGLDMcjs.CloseIcon, {})
+              controllerRef: analyticsControllerRef,
+              children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: modalRef, className: "rs-modal", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header--redesigned", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "button",
+                    {
+                      type: "button",
+                      className: "rs-modal-header-back",
+                      "aria-label": "Go back",
+                      onClick: backHandler,
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.ChevronLeftIcon, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => closeWithSource("header_button"),
+                      className: "rs-modal-close",
+                      "aria-label": "Close",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV2OBGLJDcjs.CloseIcon, {})
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  WithdrawFlow,
+                  {
+                    accountAddress,
+                    sourceChain,
+                    sourceToken,
+                    targetChain,
+                    targetToken: _nullishCoalesce(targetToken, () => ( sourceToken)),
+                    recipient,
+                    amount: defaultAmount,
+                    service,
+                    forceRegister,
+                    onSendTransaction,
+                    onStepChange: handleStepChange,
+                    onClose: closeWithSource,
+                    onLifecycle,
+                    onError,
+                    debug
+                  }
+                )
+              ] })
             }
-          ) })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          WithdrawFlow,
-          {
-            accountAddress,
-            sourceChain,
-            sourceToken,
-            targetChain,
-            targetToken: _nullishCoalesce(targetToken, () => ( sourceToken)),
-            recipient,
-            amount: defaultAmount,
-            service,
-            forceRegister,
-            onSendTransaction,
-            onStepChange: handleStepChange,
-            onClose,
-            onLifecycle,
-            onEvent,
-            onError,
-            debug
-          }
-        )
-      ] })
+          )
+        }
+      )
     }
   ) }) }) });
 }
 
 
 
-exports.WithdrawModal = WithdrawModal;
+
+exports.buildWithdrawAnalyticsSessionProperties = buildWithdrawAnalyticsSessionProperties; exports.WithdrawModal = WithdrawModal;