@rhinestone/deposit-modal 0.18.0 → 0.19.0

package/dist/{chunk-O4JZKKCZ.cjs → chunk-ISLVD5HQ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkN6JJG57Rcjs = require('./chunk-N6JJG57R.cjs');
+var _chunkPYOC6K24cjs = require('./chunk-PYOC6K24.cjs');
 
 // src/core/bearer-transport.ts
 var ScopedRequestError = class extends Error {
@@ -22,7 +22,7 @@ function createBearerTransport(options) {
     const response = await fetch(`${base}${path}`, {
       method: body === void 0 ? "GET" : "POST",
       headers: {
-        ..._chunkN6JJG57Rcjs.serviceHeaders.call(void 0, ),
+        ..._chunkPYOC6K24cjs.serviceHeaders.call(void 0, ),
         Authorization: `Bearer ${session.token}`
       },
       body: body === void 0 ? void 0 : JSON.stringify(body),

package/dist/{chunk-EKC2IRQG.mjs → chunk-NITKDXHR.mjs}

@@ -105,7 +105,7 @@ import {
   useRpcUrls,
   useStableRpcUrls,
   warnRemovedProps
-} from "./chunk-AIZKGFVA.mjs";
+} from "./chunk-5NWLS5BQ.mjs";
 import {
   HYPERCORE_CHAIN_ID,
   HYPERCORE_MIN_DEPOSIT_USD,
@@ -1083,6 +1083,16 @@ function AnimatedAmountInput({
 
 // src/components/steps/AmountStep.tsx
 import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function requiredSourceAmount(quote, decimals) {
+  const raw = quote?.input?.amount;
+  if (raw === void 0) return null;
+  try {
+    return formatUnits2(BigInt(raw), decimals);
+  } catch {
+    return null;
+  }
+}
+var PAYMENT_QUOTE_REFRESH_MS = 3e4;
 var PRESETS = [
   { value: 25, label: "25%" },
   { value: 50, label: "50%" },
@@ -1113,6 +1123,8 @@ function AmountStep({
   sourcePriceUnavailable = false,
   appBalanceUsd,
   title = "Wallet deposit",
+  payment,
+  account,
   onContinue,
   onCtaClick,
   service
@@ -1120,6 +1132,7 @@ function AmountStep({
   const [amount, setAmount] = useState3("");
   const [balance, setBalance] = useState3(null);
   const [error, setError] = useState3(null);
+  const [paymentQuote, setPaymentQuote] = useState3("loading");
   const hasAttemptedSwitch = useRef2(false);
   const hasAppliedDefaultRef = useRef2(false);
   const isMaxDefault = defaultAmount?.trim().toLowerCase() === "max";
@@ -1241,7 +1254,15 @@ function AmountStep({
     return Number.isFinite(parsed) && parsed > 0 ? parsed : 0;
   }, [amount]);
   const amountUsd = numericAmount;
+  const lockedAmount = payment && typeof paymentQuote !== "string" ? requiredSourceAmount(paymentQuote, asset.decimals) : null;
   const sourceAmountUnits = useMemo2(() => {
+    if (lockedAmount !== null) {
+      try {
+        return parseUnits(lockedAmount, asset.decimals);
+      } catch {
+        return null;
+      }
+    }
     if (numericAmount <= 0) return null;
     const raw = isSourceStablecoin || !hasPricing ? numericAmount : numericAmount / (tokenPriceUsd ?? 1);
     try {
@@ -1249,7 +1270,14 @@ function AmountStep({
     } catch {
       return null;
     }
-  }, [numericAmount, isSourceStablecoin, hasPricing, tokenPriceUsd, asset.decimals]);
+  }, [
+    lockedAmount,
+    numericAmount,
+    isSourceStablecoin,
+    hasPricing,
+    tokenPriceUsd,
+    asset.decimals
+  ]);
   const minDepositUsd = isHyperCoreDestination(targetChain) ? Math.max(HYPERCORE_MIN_DEPOSIT_USD, uiConfig?.minDepositUsd ?? 0) : uiConfig?.minDepositUsd ?? null;
   const maxDepositUsd = uiConfig?.maxDepositUsd ?? null;
   const isBelowMin = minDepositUsd !== null && numericAmount > 0 && amountUsd < minDepositUsd;
@@ -1263,6 +1291,36 @@ function AmountStep({
     sourceAmountUnits
   );
   const balanceAfterUsd = appBalanceUsd !== void 0 ? appBalanceUsd + numericAmount : null;
+  useEffect3(() => {
+    if (!payment || !account) return;
+    let active = true;
+    setPaymentQuote("loading");
+    const load = async () => {
+      const result = await service.getQuotePreview({
+        account,
+        sourceChainId: asset.chainId,
+        sourceToken: asset.token,
+        direction: "exactOut",
+        amountOut: payment.amount
+      });
+      if (!active) return;
+      setPaymentQuote(
+        result && "output" in result && result.input ? result : "unavailable"
+      );
+    };
+    void load();
+    const timer = setInterval(load, PAYMENT_QUOTE_REFRESH_MS);
+    return () => {
+      active = false;
+      clearInterval(timer);
+    };
+  }, [
+    payment,
+    account,
+    asset.chainId,
+    asset.token,
+    service
+  ]);
   const handlePresetClick = (percentage) => {
     if (balance === null) return;
     onCtaClick?.(percentage === 100 ? "Max" : `${percentage}%`);
@@ -1286,6 +1344,19 @@ function AmountStep({
   };
   const handleContinue = async () => {
     if (chainMismatch || boundViolation) return;
+    if (payment) {
+      if (!lockedAmount) return;
+      if (balance !== null && parseUnits(lockedAmount, asset.decimals) > balance) {
+        setError("Insufficient balance");
+        return;
+      }
+      setError(null);
+      onCtaClick?.("continue");
+      const lockedUnits = Number(lockedAmount);
+      const usd = isSourceStablecoin || !hasPricing ? lockedUnits : lockedUnits * (tokenPriceUsd ?? 1);
+      onContinue(lockedAmount, usd.toString(), balance ?? void 0);
+      return;
+    }
     let effectiveAmount = numericAmount;
     if (isBelowMin && minDepositUsd !== null) {
       effectiveAmount = minDepositUsd;
@@ -1323,7 +1394,13 @@ function AmountStep({
   const knowsBalance = address !== void 0;
   const needsPricing = !knowsBalance && !isSourceStablecoin;
   const blockedOnPricing = needsPricing && !hasPricing;
-  const continueDisabled = chainMismatch || exceedsBalance || boundViolation !== null || blockedOnPricing || numericAmount === 0 && !isBelowMin || knowsBalance && balance === null;
+  const continueDisabled = payment ? (
+    // No input to validate — only whether the quote resolved and whether the
+    // payer can cover it. Bounds still apply: they are the project's ingest
+    // limits, so an invoice under a chain's minimum genuinely cannot be paid
+    // that way and the payer has to be told, not left on a dead button.
+    chainMismatch || lockedAmount === null || exceedsBalance || boundViolation !== null || knowsBalance && balance === null
+  ) : chainMismatch || exceedsBalance || boundViolation !== null || blockedOnPricing || numericAmount === 0 && !isBelowMin || knowsBalance && balance === null;
   const chainName = useChainName();
   const sourceChainName = chainName(asset.chainId);
   const targetChainName = chainName(targetChainId);
@@ -1332,7 +1409,7 @@ function AmountStep({
       /* @__PURE__ */ jsx8(BodyHeader, { icon: /* @__PURE__ */ jsx8(WalletIcon, {}), title }),
       /* @__PURE__ */ jsxs6("div", { className: "rs-amount-section", children: [
         /* @__PURE__ */ jsxs6("div", { className: "rs-amount-display", children: [
-          /* @__PURE__ */ jsx8(
+          payment ? /* @__PURE__ */ jsx8("div", { className: "rs-amount-fixed", "aria-label": "Amount to pay", children: lockedAmount ? `${tokenFormatter.format(Number(lockedAmount))} ${asset.symbol}` : "\u2014" }) : /* @__PURE__ */ jsx8(
             AnimatedAmountInput,
             {
               value: amount,
@@ -1359,7 +1436,7 @@ function AmountStep({
             ] })
           ] })
         ] }),
-        knowsBalance && /* @__PURE__ */ jsx8("div", { className: "rs-amount-presets", children: PRESETS.map((preset) => /* @__PURE__ */ jsx8(
+        knowsBalance && !payment && /* @__PURE__ */ jsx8("div", { className: "rs-amount-presets", children: PRESETS.map((preset) => /* @__PURE__ */ jsx8(
           "button",
           {
             type: "button",
@@ -1399,6 +1476,14 @@ function AmountStep({
           /* @__PURE__ */ jsx8("span", { className: "rs-amount-detail-value", children: currencyFormatter.format(balanceAfterUsd) })
         ] })
       ] }),
+      payment && paymentQuote === "unavailable" && /* @__PURE__ */ jsxs6(Callout, { variant: "error", children: [
+        "This payment can't be priced from ",
+        asset.symbol,
+        " on",
+        " ",
+        sourceChainName,
+        " right now. Try another asset."
+      ] }),
       blockedOnPricing && sourcePriceUnavailable && /* @__PURE__ */ jsxs6(Callout, { variant: "error", children: [
         asset.symbol,
         " can't be priced right now, so this deposit can't be estimated. You can still send any amount to the deposit address."
@@ -1656,7 +1741,9 @@ function ConfirmStep({
   onError,
   onDepositSubmitted,
   onSubmittingChange,
-  executeTransfer
+  executeTransfer,
+  title = "Review deposit",
+  routeThroughAccount = false
 }) {
   const [isSubmitting, setIsSubmitting] = useState4(false);
   const [error, setError] = useState4(null);
@@ -1712,7 +1799,7 @@ function ConfirmStep({
   const { display: feeDisplay, struck: feesFullySponsored } = quoteFeeRow(
     quote?.fees
   );
-  const directTransfer = sameRoute && !mustHaveQuote && !executeTransfer;
+  const directTransfer = sameRoute && !mustHaveQuote && !executeTransfer && !routeThroughAccount;
   const permitEligible = enableGaslessDeposit && !isNativeAsset(asset) && !isDappImportAsset(asset) && !executeTransfer && !directTransfer && asset.chainId !== HYPERCORE_CHAIN_ID;
   const permitRequestKey = JSON.stringify([
     smartAccount.toLowerCase(),
@@ -2045,7 +2132,7 @@ function ConfirmStep({
   };
   return /* @__PURE__ */ jsxs8("div", { className: "rs-screen", children: [
     /* @__PURE__ */ jsxs8("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx10(BodyHeader, { icon: /* @__PURE__ */ jsx10(WalletIcon, {}), title: "Review deposit" }),
+      /* @__PURE__ */ jsx10(BodyHeader, { icon: /* @__PURE__ */ jsx10(WalletIcon, {}), title }),
       /* @__PURE__ */ jsx10(
         ReviewDetails,
         {
@@ -2214,6 +2301,7 @@ import {
   lazy,
   Suspense
 } from "react";
+import { formatUnits as formatUnits3 } from "viem";
 
 // src/components/steps/DepositAddressSkeleton.tsx
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -2411,7 +2499,7 @@ function DepositNotification({
   const onCompleteRef = useLatestRef(onComplete);
   const onFailedRef = useLatestRef(onFailed);
   const handleComplete = useCallback(
-    (destTxHash) => {
+    (destTxHash, destAmount) => {
       if (completedRef.current) return;
       completedRef.current = true;
       setDestinationTxHash(destTxHash ?? null);
@@ -2424,7 +2512,8 @@ function DepositNotification({
         sourceToken: context.sourceToken,
         sourceDecimals: context.sourceDecimals,
         targetChain: context.targetChain,
-        targetToken: context.targetToken
+        targetToken: context.targetToken,
+        destinationAmount: destAmount
       });
     },
     [depositContextRef, onCompleteRef, txHash]
@@ -2453,8 +2542,11 @@ function DepositNotification({
         const lastEvent = data.lastEvent;
         const eventForTx = isEventForTx(lastEvent, txHash) ? lastEvent : void 0;
         if (eventForTx?.type === "bridge-complete") {
-          const destTx = eventForTx.data?.destination?.transactionHash;
-          handleComplete(destTx);
+          const destination = eventForTx.data?.destination;
+          handleComplete(
+            destination?.transactionHash,
+            typeof destination?.amount === "string" ? destination.amount : void 0
+          );
           return;
         }
         if (eventForTx?.type === "bridge-failed") {
@@ -2622,6 +2714,15 @@ function DepositNotification({
   );
 }
 
+// src/core/payment-uri.ts
+function paymentRequestUri(input) {
+  const { to, chainId, token, amount } = input;
+  if (token.toLowerCase() === NATIVE_TOKEN_ADDRESS.toLowerCase() || token.toLowerCase() === "0x0") {
+    return `ethereum:${to}@${chainId}?value=${amount}`;
+  }
+  return `ethereum:${token}@${chainId}/transfer?address=${to}&uint256=${amount}`;
+}
+
 // src/core/deposit-source-identity.ts
 var SOLANA_NATIVE_MINT = "11111111111111111111111111111111";
 var EVM_ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";
@@ -2643,6 +2744,7 @@ function resolveSourceTokenIdentity(input) {
     const isNative = raw.toLowerCase() === "native" || raw.toLowerCase() === EVM_ZERO_ADDRESS;
     return isNative ? SOLANA_NATIVE_MINT : raw;
   }
+  if (raw.toLowerCase() === "0x0") return EVM_ZERO_ADDRESS;
   return raw.toLowerCase();
 }
 
@@ -2652,6 +2754,7 @@ var QRCode = lazy(
   () => import("./QRCode-5RGIZZHL.mjs").then((m) => ({ default: m.QRCode }))
 );
 var POLL_INTERVAL_MS = 4e3;
+var PAYMENT_QUOTE_REFRESH_MS2 = 3e4;
 function isRecord(value) {
   return typeof value === "object" && value !== null;
 }
@@ -2779,6 +2882,7 @@ function DepositAddressStep({
   onDepositComplete,
   onDepositFailed,
   onAddressShown,
+  payment,
   onCopyAddress,
   onReviewDeposit,
   onError
@@ -2864,6 +2968,7 @@ function DepositAddressStep({
   const baselineTxHashRef = useRef5(void 0);
   const notificationIdRef = useRef5(0);
   const displayAddress = isSolana && solanaDepositAddress ? solanaDepositAddress : smartAccount;
+  const [paymentUnits, setPaymentUnits] = useState7("loading");
   const sourceTokenIdentity = useMemo3(
     () => resolveSourceTokenIdentity({
       chain: sourceChainId,
@@ -2873,6 +2978,44 @@ function DepositAddressStep({
     }),
     [sourceChainId, sourceTokenSymbol, shortlist, offer.restricted, catalogFor]
   );
+  useEffect7(() => {
+    if (!payment) return;
+    if (typeof sourceChainId !== "number" || !sourceTokenIdentity) {
+      setPaymentUnits("unavailable");
+      return;
+    }
+    setPaymentUnits("loading");
+    let active = true;
+    const load = async () => {
+      const quote = await service.getQuotePreview({
+        account: smartAccount,
+        sourceChainId,
+        sourceToken: sourceTokenIdentity,
+        direction: "exactOut",
+        amountOut: payment.amount
+      });
+      if (!active) return;
+      const answered = quote && "output" in quote ? quote.input?.amount : void 0;
+      setPaymentUnits(answered ?? "unavailable");
+    };
+    void load();
+    const timer = setInterval(load, PAYMENT_QUOTE_REFRESH_MS2);
+    return () => {
+      active = false;
+      clearInterval(timer);
+    };
+  }, [payment, sourceChainId, sourceTokenIdentity, smartAccount, service]);
+  const paymentDecimals = typeof sourceChainId === "number" && sourceTokenIdentity ? findTokenDecimals(sourceTokenIdentity, sourceChainId) : void 0;
+  const paymentAmountUnits = payment && paymentUnits !== "loading" && paymentUnits !== "unavailable" ? paymentUnits : null;
+  const paymentDisplay = paymentAmountUnits !== null && paymentDecimals !== void 0 ? formatUnits3(BigInt(paymentAmountUnits), paymentDecimals) : null;
+  const qrValue = paymentAmountUnits !== null && typeof sourceChainId === "number" && sourceTokenIdentity ? paymentRequestUri({
+    to: displayAddress,
+    chainId: sourceChainId,
+    token: sourceTokenIdentity,
+    amount: paymentAmountUnits
+  }) : displayAddress;
+  const withholdPaymentQr = Boolean(payment) && paymentAmountUnits === null;
+  const paymentUnquotable = Boolean(payment) && paymentUnits === "unavailable";
   const pendingChain = pendingChainRef.current;
   const sourceSelectionSettled = !catalogLoading && offer.status === "ready" && chainOptions.length > 0 && (pendingChain === void 0 || pendingChain === sourceChainId) && (chainChosenByUser.current ? chainOptions.includes(sourceChainId) : sourceChainId === preferredChainId(chainOptions));
   useEffect7(() => {
@@ -3201,14 +3344,34 @@ function DepositAddressStep({
           style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" },
           children: [
             /* @__PURE__ */ jsxs12("div", { className: "rs-deposit-address-well", children: [
-              /* @__PURE__ */ jsx14("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx14("div", { className: "rs-deposit-address-qr", children: withholdPaymentQr ? /* @__PURE__ */ jsx14("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }) : /* @__PURE__ */ jsx14(
                 Suspense,
                 {
-                  fallback: /* @__PURE__ */ jsx14("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }),
-                  children: /* @__PURE__ */ jsx14(QRCode, { value: displayAddress, size: 190, iconSrc: qrIconSrc })
+                  fallback: /* @__PURE__ */ jsx14(
+                    "div",
+                    {
+                      className: "rs-skeleton rs-skeleton-qr",
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  children: /* @__PURE__ */ jsx14(QRCode, { value: qrValue, size: 190, iconSrc: qrIconSrc })
                 }
               ) }),
-              /* @__PURE__ */ jsx14("div", { className: "rs-deposit-address-value", children: displayAddress })
+              payment && paymentDisplay && /* @__PURE__ */ jsxs12("div", { className: "rs-deposit-address-amount", children: [
+                "Send exactly ",
+                paymentDisplay,
+                " ",
+                sourceTokenSymbol
+              ] }),
+              !withholdPaymentQr && /* @__PURE__ */ jsx14("div", { className: "rs-deposit-address-value", children: displayAddress })
+            ] }),
+            paymentUnquotable && /* @__PURE__ */ jsxs12(Callout, { variant: "error", children: [
+              "This payment can't be priced from ",
+              sourceTokenSymbol,
+              " on",
+              " ",
+              chainLabel(sourceChainId, catalogFor(sourceChainId)),
+              " right now. Pick another chain or token."
             ] }),
             /* @__PURE__ */ jsxs12("div", { className: "rs-deposit-address-actions", children: [
               /* @__PURE__ */ jsxs12(
@@ -3217,6 +3380,7 @@ function DepositAddressStep({
                   type: "button",
                   className: "rs-deposit-address-copy",
                   onClick: handleCopy,
+                  disabled: withholdPaymentQr,
                   children: [
                     copied ? /* @__PURE__ */ jsx14(CheckIcon, {}) : /* @__PURE__ */ jsx14(CopyIcon, {}),
                     copied ? "Copied!" : "Copy address"
@@ -4282,7 +4446,7 @@ ExchangeSelectStep.displayName = "ExchangeSelectStep";
 
 // src/components/steps/SolanaTokenSelectStep.tsx
 import { useState as useState10, useEffect as useEffect10, useMemo as useMemo5 } from "react";
-import { formatUnits as formatUnits3 } from "viem";
+import { formatUnits as formatUnits4 } from "viem";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function SolanaTokenSelectStep({
   solanaAddress,
@@ -4379,7 +4543,7 @@ function SolanaTokenSelectStep({
   const selectedEntry = selectedSymbol ? rows.find((r) => r.token.symbol === selectedSymbol) : null;
   const formatBalance = (entry) => {
     try {
-      const raw = formatUnits3(entry.balance, entry.token.decimals);
+      const raw = formatUnits4(entry.balance, entry.token.decimals);
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
       return tokenFormatter.format(numeric);
@@ -4485,7 +4649,7 @@ function SolanaTokenSelectStep({
 
 // src/components/steps/SolanaAmountStep.tsx
 import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo6, useRef as useRef7, useState as useState11 } from "react";
-import { formatUnits as formatUnits4, parseUnits as parseUnits4 } from "viem";
+import { formatUnits as formatUnits5, parseUnits as parseUnits4 } from "viem";
 import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var SOL_FEE_RESERVE_LAMPORTS = 1000000n;
 var PRESETS2 = [
@@ -4515,7 +4679,7 @@ function SolanaAmountStep({
   const tokenPriceUsd = useMemo6(() => {
     if (isSourceStablecoin) return 1;
     try {
-      const balanceUnits = Number(formatUnits4(balance, token.decimals));
+      const balanceUnits = Number(formatUnits5(balance, token.decimals));
       if (!Number.isFinite(balanceUnits) || balanceUnits <= 0 || balanceUsd <= 0) {
         return null;
       }
@@ -4528,7 +4692,7 @@ function SolanaAmountStep({
   const hasPricing = tokenPriceUsd !== null;
   const formattedBalance = useMemo6(() => {
     try {
-      const raw = formatUnits4(balance, token.decimals);
+      const raw = formatUnits5(balance, token.decimals);
       const numeric = Number(raw);
       if (!Number.isFinite(numeric)) return raw;
       return tokenFormatter.format(numeric);
@@ -4538,7 +4702,7 @@ function SolanaAmountStep({
   }, [balance, token.decimals]);
   const computedBalanceUsd = useMemo6(() => {
     try {
-      const balanceUnits = Number(formatUnits4(balance, token.decimals));
+      const balanceUnits = Number(formatUnits5(balance, token.decimals));
       if (!Number.isFinite(balanceUnits) || balanceUnits < 0) return null;
       if (tokenPriceUsd !== null) return balanceUnits * tokenPriceUsd;
       if (Number.isFinite(balanceUsd) && balanceUsd > 0) return balanceUsd;
@@ -4553,7 +4717,7 @@ function SolanaAmountStep({
   }, [balance, token]);
   const spendableBalanceUsd = useMemo6(() => {
     try {
-      const spendableUnits = Number(formatUnits4(spendableBalance, token.decimals));
+      const spendableUnits = Number(formatUnits5(spendableBalance, token.decimals));
       if (!Number.isFinite(spendableUnits) || spendableUnits < 0) return null;
       if (tokenPriceUsd !== null) return spendableUnits * tokenPriceUsd;
       return null;
@@ -4565,7 +4729,7 @@ function SolanaAmountStep({
     (percentage) => {
       try {
         const spendableUnits = Number(
-          formatUnits4(spendableBalance, token.decimals)
+          formatUnits5(spendableBalance, token.decimals)
         );
         if (!Number.isFinite(spendableUnits) || spendableUnits <= 0) return "";
         const value = isSourceStablecoin || !hasPricing ? spendableUnits * percentage / 100 : (spendableBalanceUsd ?? 0) * percentage / 100;
@@ -5530,7 +5694,7 @@ function withdrawableUsd(position) {
 }
 
 // src/core/dapp-imports/polymarket/index.ts
-import { formatUnits as formatUnits5 } from "viem";
+import { formatUnits as formatUnits6 } from "viem";
 
 // src/core/dapp-imports/polymarket/deposit-wallet.ts
 import {
@@ -5789,7 +5953,7 @@ function buildAsset2(params) {
   const isPusd = tokenKind === "pusd";
   const tokenAddress = isPusd ? POLYMARKET_PUSD_ADDRESS : POLYMARKET_USDCE_ADDRESS;
   const symbol = isPusd ? "pUSD" : "USDC.e";
-  const balanceUsd = Number(formatUnits5(balance, 6));
+  const balanceUsd = Number(formatUnits6(balance, 6));
   const metadata = { proxyWallet, tokenKind, walletKind };
   return {
     id: `polymarket:${tokenKind}`,
@@ -7496,6 +7660,7 @@ function DepositFlow({
   sourceToken: defaultSourceToken,
   amount: defaultAmount,
   recipient,
+  payment,
   appBalanceUsd,
   outputTokenRules,
   rejectUnmapped,
@@ -8648,7 +8813,8 @@ function DepositFlow({
       recipient,
       outputTokenRules,
       rejectUnmapped,
-      forceRegister
+      forceRegister,
+      ...payment ? { salt: payment.salt } : {}
     }),
     [
       targetChain,
@@ -8656,7 +8822,8 @@ function DepositFlow({
       recipient,
       outputTokenRules,
       rejectUnmapped,
-      forceRegister
+      forceRegister,
+      payment
     ]
   );
   const desiredSetupRequestKey = computeRequestKey(setupInput);
@@ -9137,6 +9304,7 @@ function DepositFlow({
     return /* @__PURE__ */ jsx28("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx28(
       ConnectStep,
       {
+        title: payment ? "Pay" : void 0,
         walletRows,
         defaultMethodTab: flowSlice.methodTab,
         onMethodTabChange: (tab) => storeApi.dispatch({ type: "connect/method-tab-changed", tab }),
@@ -9206,6 +9374,7 @@ function DepositFlow({
       effectiveStep.type === "deposit-address" && /* @__PURE__ */ jsx28(
         DepositAddressStep,
         {
+          payment,
           smartAccount: effectiveStep.smartAccount,
           solanaDepositAddress: effectiveStep.solanaDepositAddress,
           service,
@@ -9320,6 +9489,7 @@ function DepositFlow({
           step.type === "processing" && /* @__PURE__ */ jsx28(
             ProcessingStep,
             {
+              flowLabel: payment ? "payment" : void 0,
               smartAccount: step.smartAccount,
               solanaDepositAddress: step.solanaDepositAddress,
               txHash: step.txHash,
@@ -9400,6 +9570,7 @@ function DepositFlow({
           step.type === "processing" && /* @__PURE__ */ jsx28(
             ProcessingStep,
             {
+              flowLabel: payment ? "payment" : void 0,
               smartAccount: step.smartAccount,
               solanaDepositAddress: step.solanaDepositAddress,
               txHash: step.txHash,
@@ -9529,6 +9700,7 @@ function DepositFlow({
       effectiveStep.type === "processing" && /* @__PURE__ */ jsx28(
         ProcessingStep,
         {
+          flowLabel: payment ? "payment" : void 0,
           smartAccount: effectiveStep.smartAccount,
           solanaDepositAddress: effectiveStep.solanaDepositAddress,
           txHash: effectiveStep.txHash,
@@ -9663,6 +9835,9 @@ function DepositFlow({
         uiConfig,
         appBalanceUsd,
         service,
+        payment,
+        account: effectiveStep.smartAccount,
+        title: payment ? "Amount to pay" : void 0,
         onContinue: handleAmountContinue,
         onCtaClick: (ctaName) => {
           if (ctaName === "continue") analytics.completeStep();
@@ -9678,6 +9853,8 @@ function DepositFlow({
         recipient,
         asset: effectiveStep.asset,
         amount: effectiveStep.amount,
+        title: payment ? "Review payment" : void 0,
+        routeThroughAccount: Boolean(payment),
         targetAmount: effectiveStep.targetAmount,
         targetTokenPriceUsd: effectiveStep.targetTokenPriceUsd,
         balance: effectiveStep.balance,
@@ -9721,6 +9898,7 @@ function DepositFlow({
     effectiveStep.type === "processing" && /* @__PURE__ */ jsx28(
       ProcessingStep,
       {
+        flowLabel: payment ? "payment" : void 0,
         smartAccount: effectiveStep.smartAccount,
         solanaDepositAddress: effectiveStep.solanaDepositAddress,
         txHash: effectiveStep.txHash,
@@ -9759,7 +9937,7 @@ function DepositFlow({
 import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(async () => {
   await loadReownDependencies();
-  const module = await import("./DepositModalReown-VCY65DJX.mjs");
+  const module = await import("./DepositModalReown-XBNY6QCI.mjs");
   return { default: module.DepositModalReown };
 });
 function buildDepositAnalyticsSessionProperties({
@@ -9852,6 +10030,7 @@ function DepositModalInner({
   sourceToken,
   defaultAmount,
   recipient,
+  payment,
   appBalanceUsd,
   backendUrl,
   rpcUrls: rpcUrlsProp,
@@ -9898,7 +10077,7 @@ function DepositModalInner({
     void 0
   );
   const [processingSettled, setProcessingSettled] = useState14(false);
-  const historyButtonVisible = isHistoryEntryVisible({
+  const historyButtonVisible = !payment && isHistoryEntryVisible({
     screen: currentScreen,
     submitting,
     settled: processingSettled
@@ -9922,7 +10101,7 @@ function DepositModalInner({
     []
   );
   const history = useHistoryPanel({
-    isOpen,
+    isOpen: isOpen && !payment,
     recipient,
     service,
     canRecover: Boolean(signRecovery),
@@ -10135,6 +10314,7 @@ function DepositModalInner({
                     sourceToken,
                     amount: defaultAmount,
                     recipient,
+                    payment,
                     appBalanceUsd,
                     outputTokenRules,
                     rejectUnmapped,