@rhinestone/deposit-modal 0.1.59 → 0.1.60

package/dist/{DepositModalReown-X3XPNZNZ.mjs → DepositModalReown-S24YS35X.mjs}

@@ -1,6 +1,6 @@
 import {
   DepositModalInner
-} from "./chunk-E4YPPHZF.mjs";
+} from "./chunk-6SM3IQKZ.mjs";
 import {
   ReownWalletProvider,
   useReownWallet

package/dist/{DepositModalReown-DPCGEQT5.cjs → DepositModalReown-VP5E2JRC.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkM4QDXLINcjs = require('./chunk-M4QDXLIN.cjs');
+var _chunkHX7LLE2Vcjs = require('./chunk-HX7LLE2V.cjs');
 
 
 
@@ -32,7 +32,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkM4QDXLINcjs.DepositModalInner,
+    _chunkHX7LLE2Vcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,

package/dist/{WithdrawModalReown-TUBSUJQ6.cjs → WithdrawModalReown-7JLR264N.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3FEFGN7Hcjs = require('./chunk-3FEFGN7H.cjs');
+var _chunk3CANBYBNcjs = require('./chunk-3CANBYBN.cjs');
 
 
 
@@ -20,7 +20,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3FEFGN7Hcjs.WithdrawModalInner,
+    _chunk3CANBYBNcjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,

package/dist/{WithdrawModalReown-PFGUPZFN.mjs → WithdrawModalReown-Y2ETJQON.mjs}

@@ -1,6 +1,6 @@
 import {
   WithdrawModalInner
-} from "./chunk-3ESBSOB7.mjs";
+} from "./chunk-JJMPCRKB.mjs";
 import {
   ReownWalletProvider,
   useReownWallet

package/dist/{chunk-3FEFGN7H.cjs → chunk-3CANBYBN.cjs}

@@ -901,6 +901,7 @@ function WithdrawFlow({
   onWithdrawSubmitted,
   onWithdrawComplete,
   onWithdrawFailed,
+  onEvent,
   onError,
   debug
 }) {
@@ -1037,6 +1038,18 @@ function WithdrawFlow({
   _react.useEffect.call(void 0, () => {
     _optionalChain([onStepChange, 'optionalCall', _20 => _20(stepIndex, currentBackHandler)]);
   }, [stepIndex, currentBackHandler, onStepChange]);
+  _react.useEffect.call(void 0, () => {
+    if (step.type === "form") {
+      const tokenSymbol = _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+      const chainName = _chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain);
+      _optionalChain([onEvent, 'optionalCall', _21 => _21({
+        type: "withdraw_modal_select_amount_open",
+        pred_balance: totalBalanceUsd,
+        default_token: tokenSymbol,
+        default_chain: chainName
+      })]);
+    }
+  }, [step.type, onEvent, totalBalanceUsd, targetChain, targetToken]);
   _react.useEffect.call(void 0, () => {
     logFlow("state:changed", {
       step: step.type,
@@ -1056,19 +1069,19 @@ function WithdrawFlow({
     targetToken
   ]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onTotalBalanceChange, 'optionalCall', _21 => _21(totalBalanceUsd)]);
+    _optionalChain([onTotalBalanceChange, 'optionalCall', _22 => _22(totalBalanceUsd)]);
   }, [totalBalanceUsd, onTotalBalanceChange]);
   const handleConnected = _react.useCallback.call(void 0, 
     (addr, smartAccount) => {
       logFlow("setup:connected", { address: addr, smartAccount });
-      _optionalChain([onConnected, 'optionalCall', _22 => _22({ address: addr, smartAccount })]);
+      _optionalChain([onConnected, 'optionalCall', _23 => _23({ address: addr, smartAccount })]);
     },
     [logFlow, onConnected]
   );
   const handleError = _react.useCallback.call(void 0, 
     (message, code) => {
       logFlowError("flow:error", message, { code });
-      _optionalChain([onError, 'optionalCall', _23 => _23({ message, code })]);
+      _optionalChain([onError, 'optionalCall', _24 => _24({ message, code })]);
     },
     [logFlowError, onError]
   );
@@ -1089,11 +1102,21 @@ function WithdrawFlow({
   }, []);
   const handleFormSubmit = _react.useCallback.call(void 0, 
     async (recipient, amountValue) => {
-      const ownerAddress2 = _optionalChain([signerContext, 'optionalAccess', _24 => _24.ownerAddress]);
+      const tokenSymbol = _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+      const chainName = _chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain);
+      _optionalChain([onEvent, 'optionalCall', _25 => _25({
+        type: "withdraw_modal_select_amount_cta_click",
+        pred_balance: totalBalanceUsd,
+        selected_token: tokenSymbol,
+        selected_chain: chainName,
+        amount: amountValue,
+        cta_name: "withdraw"
+      })]);
+      const ownerAddress2 = _optionalChain([signerContext, 'optionalAccess', _26 => _26.ownerAddress]);
       if (!ownerAddress2) {
         throw new Error("Wallet not connected");
       }
-      if (!onSignTransaction && !_optionalChain([signerContext, 'optionalAccess', _25 => _25.walletClient])) {
+      if (!onSignTransaction && !_optionalChain([signerContext, 'optionalAccess', _27 => _27.walletClient])) {
         throw new Error("Wallet not connected");
       }
       setIsSubmitting(true);
@@ -1161,7 +1184,7 @@ function WithdrawFlow({
         }
         handleConnected(ownerAddress2, smartAccount);
         const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
-        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _26 => _26.publicClient]), () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain)));
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _28 => _28.publicClient]), () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain)));
         let result;
         if (onSignTransaction) {
           const transferData = isSourceNative ? { to: smartAccount, value: amountUnits, data: "0x" } : {
@@ -1220,7 +1243,7 @@ function WithdrawFlow({
           sourceChain,
           sourceToken
         });
-        _optionalChain([onWithdrawSubmitted, 'optionalCall', _27 => _27({
+        _optionalChain([onWithdrawSubmitted, 'optionalCall', _29 => _29({
           txHash: result.txHash,
           sourceChain,
           amount: amountUnits.toString(),
@@ -1267,13 +1290,15 @@ function WithdrawFlow({
       isSourceNative,
       handleError,
       logFlow,
-      logFlowError
+      logFlowError,
+      onEvent,
+      totalBalanceUsd
     ]
   );
   const handleWithdrawComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash, context) => {
       logFlow("withdraw:complete", { txHash, destinationTxHash, ...context });
-      _optionalChain([onWithdrawComplete, 'optionalCall', _28 => _28({
+      _optionalChain([onWithdrawComplete, 'optionalCall', _30 => _30({
         txHash,
         destinationTxHash,
         amount: context.amount,
@@ -1288,17 +1313,17 @@ function WithdrawFlow({
   const handleWithdrawFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
       logFlowError("withdraw:failed", error, { txHash });
-      _optionalChain([onWithdrawFailed, 'optionalCall', _29 => _29({ txHash, error })]);
+      _optionalChain([onWithdrawFailed, 'optionalCall', _31 => _31({ txHash, error })]);
     },
     [logFlowError, onWithdrawFailed]
   );
   const allowedChainSet = _react.useMemo.call(void 0, 
-    () => _optionalChain([allowedRoutes, 'optionalAccess', _30 => _30.sourceChains]) ? new Set(allowedRoutes.sourceChains) : null,
-    [_optionalChain([allowedRoutes, 'optionalAccess', _31 => _31.sourceChains])]
+    () => _optionalChain([allowedRoutes, 'optionalAccess', _32 => _32.sourceChains]) ? new Set(allowedRoutes.sourceChains) : null,
+    [_optionalChain([allowedRoutes, 'optionalAccess', _33 => _33.sourceChains])]
   );
   const allowedTokenSet = _react.useMemo.call(void 0, 
-    () => _optionalChain([allowedRoutes, 'optionalAccess', _32 => _32.sourceTokens]) ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
-    [_optionalChain([allowedRoutes, 'optionalAccess', _33 => _33.sourceTokens])]
+    () => _optionalChain([allowedRoutes, 'optionalAccess', _34 => _34.sourceTokens]) ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
+    [_optionalChain([allowedRoutes, 'optionalAccess', _35 => _35.sourceTokens])]
   );
   const targetChainOptions = _react.useMemo.call(void 0, () => {
     return _chunkR6U6BHCVcjs.SOURCE_CHAINS.filter((chain) => {
@@ -1367,14 +1392,14 @@ function WithdrawFlow({
       setIsConnectSelectionConfirmed(false);
     }
   }, [showConnectStep, isConnectSelectionConfirmed, signerContext]);
-  const ownerAddress = _optionalChain([signerContext, 'optionalAccess', _34 => _34.ownerAddress]);
+  const ownerAddress = _optionalChain([signerContext, 'optionalAccess', _36 => _36.ownerAddress]);
   const selectedWalletIcon = _react.useMemo.call(void 0, () => {
-    if (!ownerAddress) return _optionalChain([reownWallet, 'optionalAccess', _35 => _35.icon]);
+    if (!ownerAddress) return _optionalChain([reownWallet, 'optionalAccess', _37 => _37.icon]);
     const selected = walletOptions.find(
-      (o) => _optionalChain([o, 'access', _36 => _36.address, 'optionalAccess', _37 => _37.toLowerCase, 'call', _38 => _38()]) === ownerAddress.toLowerCase()
+      (o) => _optionalChain([o, 'access', _38 => _38.address, 'optionalAccess', _39 => _39.toLowerCase, 'call', _40 => _40()]) === ownerAddress.toLowerCase()
     );
-    return _nullishCoalesce(_optionalChain([selected, 'optionalAccess', _39 => _39.icon]), () => ( _optionalChain([reownWallet, 'optionalAccess', _40 => _40.icon])));
-  }, [walletOptions, ownerAddress, _optionalChain([reownWallet, 'optionalAccess', _41 => _41.icon])]);
+    return _nullishCoalesce(_optionalChain([selected, 'optionalAccess', _41 => _41.icon]), () => ( _optionalChain([reownWallet, 'optionalAccess', _42 => _42.icon])));
+  }, [walletOptions, ownerAddress, _optionalChain([reownWallet, 'optionalAccess', _43 => _43.icon])]);
   if (showConnectStep) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkTQ6IIGRScjs.ConnectStep,
@@ -1398,7 +1423,7 @@ function WithdrawFlow({
   if (!signerContext) return null;
   if (!onSignTransaction && !signerContext.walletClient) return null;
   const resolvedOwnerAddress = signerContext.ownerAddress;
-  const resolvedConnectedAddress = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _42 => _42.walletClient, 'optionalAccess', _43 => _43.account, 'optionalAccess', _44 => _44.address]), () => ( _optionalChain([reownWallet, 'optionalAccess', _45 => _45.address]))), () => ( _optionalChain([dappWalletClient, 'optionalAccess', _46 => _46.account, 'optionalAccess', _47 => _47.address]))), () => ( resolvedOwnerAddress));
+  const resolvedConnectedAddress = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _44 => _44.walletClient, 'optionalAccess', _45 => _45.account, 'optionalAccess', _46 => _46.address]), () => ( _optionalChain([reownWallet, 'optionalAccess', _47 => _47.address]))), () => ( _optionalChain([dappWalletClient, 'optionalAccess', _48 => _48.account, 'optionalAccess', _49 => _49.address]))), () => ( resolvedOwnerAddress));
   const resolvedDefaultRecipient = _nullishCoalesce(defaultRecipient, () => ( resolvedConnectedAddress));
   const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
@@ -1453,7 +1478,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 
 var ReownWithdrawInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-TUBSUJQ6.cjs"))).then((m) => ({
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-7JLR264N.cjs"))).then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1501,6 +1526,7 @@ function WithdrawModalInner({
   onWithdrawSubmitted,
   onWithdrawComplete,
   onWithdrawFailed,
+  onEvent,
   onError,
   debug
 }) {
@@ -1523,7 +1549,7 @@ function WithdrawModalInner({
   _react.useEffect.call(void 0, () => {
     if (isOpen && !hasCalledReady.current) {
       hasCalledReady.current = true;
-      _optionalChain([onReady, 'optionalCall', _48 => _48()]);
+      _optionalChain([onReady, 'optionalCall', _50 => _50()]);
     }
   }, [isOpen, onReady]);
   _react.useEffect.call(void 0, () => {
@@ -1542,14 +1568,14 @@ function WithdrawModalInner({
     setTotalBalanceUsd(balance2);
   }, []);
   const handleBack = _react.useCallback.call(void 0, () => {
-    _optionalChain([backHandlerRef, 'access', _49 => _49.current, 'optionalCall', _50 => _50()]);
+    _optionalChain([backHandlerRef, 'access', _51 => _51.current, 'optionalCall', _52 => _52()]);
   }, []);
-  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _51 => _51.showLogo]), () => ( false));
-  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _52 => _52.showStepper]), () => ( false));
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _53 => _53.showBackButton]), () => ( true));
-  const balance = _optionalChain([uiConfig, 'optionalAccess', _54 => _54.balance]);
-  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _55 => _55.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
-  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _56 => _56.title]), () => ( "Withdraw"));
+  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _53 => _53.showLogo]), () => ( false));
+  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _54 => _54.showStepper]), () => ( false));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _55 => _55.showBackButton]), () => ( true));
+  const balance = _optionalChain([uiConfig, 'optionalAccess', _56 => _56.balance]);
+  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _57 => _57.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
+  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _58 => _58.title]), () => ( "Withdraw"));
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 3 && backHandlerRef.current;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkTQ6IIGRScjs.Modal,
@@ -1673,6 +1699,7 @@ function WithdrawModalInner({
             onWithdrawSubmitted,
             onWithdrawComplete,
             onWithdrawFailed,
+            onEvent,
             onError,
             debug
           }

package/dist/{chunk-E4YPPHZF.mjs → chunk-6SM3IQKZ.mjs}

@@ -554,7 +554,8 @@ function AmountStep({
   uiConfig,
   tokenPriceUsdOverride,
   onBalanceUsdChange,
-  onContinue
+  onContinue,
+  onCtaClick
 }) {
   const [amount, setAmount] = useState3("");
   const [balance, setBalance] = useState3(null);
@@ -658,6 +659,8 @@ function AmountStep({
   }, [balance, asset.decimals]);
   const handlePresetClick = (percentage) => {
     if (balance === null) return;
+    const ctaName = percentage === 100 ? "Max" : `${percentage}%`;
+    onCtaClick?.(ctaName);
     try {
       const balanceUnits = Number(formatUnits2(balance, asset.decimals));
       if (!Number.isFinite(balanceUnits)) return;
@@ -716,6 +719,7 @@ function AmountStep({
       return;
     }
     setError(null);
+    onCtaClick?.("continue");
     onContinue(tokenAmountStr, amount, balance ?? void 0);
   };
   return /* @__PURE__ */ jsxs3("div", { className: "rs-step", children: [
@@ -1458,6 +1462,7 @@ function DepositAddressStep({
   service,
   allowedRoutes,
   onDepositDetected,
+  onCopyAddress,
   onError
 }) {
   const hasSolana = Boolean(solanaDepositAddress);
@@ -1542,6 +1547,7 @@ function DepositAddressStep({
     };
   }, [chainDropdownOpen, tokenDropdownOpen]);
   const handleCopy = useCallback2(async () => {
+    onCopyAddress?.();
     try {
       await navigator.clipboard.writeText(displayAddress);
       setCopied(true);
@@ -1558,7 +1564,7 @@ function DepositAddressStep({
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
     }
-  }, [displayAddress]);
+  }, [displayAddress, onCopyAddress]);
   useEffect6(() => {
     setCopied(false);
     setChainDropdownOpen(false);
@@ -2582,6 +2588,7 @@ function DepositFlow({
   onDepositSubmitted,
   onDepositComplete,
   onDepositFailed,
+  onEvent,
   onError,
   debug
 }) {
@@ -2911,6 +2918,32 @@ function DepositFlow({
   useEffect9(() => {
     onStepChange?.(stepIndex, currentBackHandler);
   }, [stepIndex, currentBackHandler, onStepChange]);
+  useEffect9(() => {
+    if (step.type === "select-asset") {
+      onEvent?.({
+        type: "deposit_modal_connected_wallet_select_source_open",
+        total_balance_in_external_wallet: totalBalanceUsd,
+        pred_balance: totalBalanceUsd
+      });
+    } else if (step.type === "deposit-address") {
+      const chainName = getChainName(targetChain);
+      const tokenSymbol = getTokenSymbol(targetToken, targetChain);
+      onEvent?.({
+        type: "deposit_modal_transfer_crypto_open",
+        default_chain: chainName,
+        default_token: tokenSymbol,
+        pred_balance: totalBalanceUsd
+      });
+    } else if (step.type === "amount") {
+      const receiveSymbol = getTokenSymbol(targetToken, targetChain);
+      onEvent?.({
+        type: "deposit_modal_connected_wallet_enter_value_open",
+        send_token: step.asset.symbol,
+        receive_token: receiveSymbol,
+        pred_balance: totalBalanceUsd
+      });
+    }
+  }, [step, onEvent, totalBalanceUsd, targetChain, targetToken]);
   useEffect9(() => {
     logFlow("state:changed", {
       step: step.type,
@@ -3093,6 +3126,14 @@ function DepositFlow({
   );
   const handleAssetContinue = useCallback3(
     (asset) => {
+      onEvent?.({
+        type: "deposit_modal_connected_wallet_select_source_cta_click",
+        total_balance_in_external_wallet: totalBalanceUsd,
+        pred_balance: totalBalanceUsd,
+        cta_name: "token_selected",
+        token_name: asset.symbol,
+        token_balance: asset.balance ?? "0"
+      });
       setStep((prev) => {
         if (prev.type !== "select-asset") return prev;
         return {
@@ -3103,7 +3144,7 @@ function DepositFlow({
         };
       });
     },
-    [defaultAmount]
+    [defaultAmount, onEvent, totalBalanceUsd]
   );
   const handleAmountContinue = useCallback3(
     (amount, targetAmount, balance) => {
@@ -3317,6 +3358,17 @@ function DepositFlow({
           service,
           allowedRoutes,
           onDepositDetected: handleDepositAddressDetected,
+          onCopyAddress: () => {
+            const chainName = getChainName(targetChain);
+            const tokenSymbol = getTokenSymbol(targetToken, targetChain);
+            onEvent?.({
+              type: "deposit_modal_transfer_crypto_cta_click",
+              default_chain: chainName,
+              default_token: tokenSymbol,
+              pred_balance: totalBalanceUsd,
+              cta_name: "copy"
+            });
+          },
           onError: handleError
         }
       ),
@@ -3525,7 +3577,17 @@ function DepositFlow({
         targetChain,
         targetToken,
         uiConfig,
-        onContinue: handleAmountContinue
+        onContinue: handleAmountContinue,
+        onCtaClick: (ctaName) => {
+          const receiveSymbol = getTokenSymbol(targetToken, targetChain);
+          onEvent?.({
+            type: "deposit_modal_connected_wallet_enter_value_cta_click",
+            send_token: step.asset.symbol,
+            receive_token: receiveSymbol,
+            pred_balance: totalBalanceUsd,
+            cta_name: ctaName
+          });
+        }
       }
     ),
     step.type === "confirm" && /* @__PURE__ */ jsx10(
@@ -3577,7 +3639,7 @@ function DepositFlow({
 // src/DepositModal.tsx
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var ReownDepositInner = lazy(
-  () => import("./DepositModalReown-X3XPNZNZ.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-S24YS35X.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function DepositModal(props) {
   const needsReown = !!props.reownAppId;
@@ -3641,6 +3703,7 @@ function DepositModalInner({
   onDepositSubmitted,
   onDepositComplete,
   onDepositFailed,
+  onEvent,
   onError,
   debug
 }) {
@@ -3855,6 +3918,7 @@ function DepositModalInner({
             onDepositSubmitted,
             onDepositComplete,
             onDepositFailed,
+            onEvent,
             onError,
             debug
           }