coinley-pay 0.38.0 → 0.40.0

package/dist/{CoinleyPayment-DMr1ZEvF.js → CoinleyPayment-Fe-W3OyQ.js}

@@ -5,7 +5,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { useConnect, useAccount, useSwitchChain, useSendTransaction, useWaitForTransactionReceipt, WagmiProvider, useDisconnect } from "wagmi";
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
-import { s as sdkAnalytics, c as clarityAnalytics, d as dist, a as Buffer2, B as Buffer$1, g as getCurrencyInfo, p as prefetchRates, i as isSupportedCurrency, b as convertToUSD, f as formatCurrency } from "./index-Bzc4Jq86.js";
+import { s as sdkAnalytics, c as clarityAnalytics, d as dist, a as Buffer2, B as Buffer$1, g as getCurrencyInfo, p as prefetchRates, i as isSupportedCurrency, b as convertToUSD, f as formatCurrency } from "./index-JTjDQGRR.js";
 import { createConfig, fallback, http, getAccount as getAccount$1, getWalletClient, simulateContract, writeContract, readContract, waitForTransactionReceipt, estimateFeesPerGas as estimateFeesPerGas$1 } from "@wagmi/core";
 import { injected, metaMask, coinbaseWallet, walletConnect } from "@wagmi/connectors";
 import { defineChain as defineChain$1, erc20Abi, http as http$1, createPublicClient, fallback as fallback$1 } from "viem";
@@ -21150,7 +21150,7 @@ const WalletSelector = ({
         try {
           setAppKitError(null);
           setWalletConnectAddress(solanaAccountState.address);
-          const { createWalletConnectAdapter } = await import("./appKitSolana-UWbFPNMg.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-DeOCxv7e.js");
           const adapter = createWalletConnectAdapter(solanaAccountState.address);
           await solanaWallet.connectWalletConnect(adapter, solanaAccountState.address);
           console.log("✅ WalletConnect synced with SDK");
@@ -21255,7 +21255,7 @@ const WalletSelector = ({
     setAppKitLoading(true);
     setAppKitError(null);
     try {
-      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-42vzguiC.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-3_yg517i.js");
       await initializeAppKitEVM(wagmiConfig);
       await openAppKitModal();
     } catch (error) {
@@ -21275,7 +21275,7 @@ const WalletSelector = ({
     setAppKitError(null);
     try {
       console.log("📦 Loading AppKit Solana module...");
-      const { initializeAppKitSolana } = await import("./appKitSolana-UWbFPNMg.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-DeOCxv7e.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23377,6 +23377,7 @@ const CoinleyPaymentInternal = ({
   const [refundRequestSubmitted, setRefundRequestSubmitted] = useState(false);
   const [refundRequestStatus, setRefundRequestStatus] = useState(null);
   const [refundRequestMessage, setRefundRequestMessage] = useState("");
+  const [offsetSuccessDetails, setOffsetSuccessDetails] = useState(null);
   const manualCheckTimeout = useRef(null);
   const [copiedField, setCopiedField] = useState(null);
   const [expirationTime, setExpirationTime] = useState(null);
@@ -23537,6 +23538,53 @@ const CoinleyPaymentInternal = ({
       sweepTxHash: (payment == null ? void 0 : payment.sweepTxHash) ?? (prev == null ? void 0 : prev.sweepTxHash)
     }));
   }, [resolvePaymentTransactionHash, setPaymentData]);
+  const getExplorerDetails = useCallback((network) => {
+    const key = String((network == null ? void 0 : network.shortName) || (network == null ? void 0 : network.type) || (network == null ? void 0 : network.id) || (network == null ? void 0 : network.name) || "").toLowerCase();
+    const chainId = Number(network == null ? void 0 : network.chainId);
+    const explorers = {
+      ethereum: { name: "Etherscan", url: "https://etherscan.io" },
+      eth: { name: "Etherscan", url: "https://etherscan.io" },
+      bsc: { name: "BscScan", url: "https://bscscan.com" },
+      "bnb chain": { name: "BscScan", url: "https://bscscan.com" },
+      polygon: { name: "PolygonScan", url: "https://polygonscan.com" },
+      base: { name: "BaseScan", url: "https://basescan.org" },
+      arbitrum: { name: "Arbiscan", url: "https://arbiscan.io" },
+      optimism: { name: "Optimistic Etherscan", url: "https://optimistic.etherscan.io" },
+      avalanche: { name: "SnowTrace", url: "https://snowtrace.io" },
+      linea: { name: "LineaScan", url: "https://lineascan.build" },
+      scroll: { name: "ScrollScan", url: "https://scrollscan.com" },
+      unichain: { name: "Uniscan", url: "https://uniscan.xyz" },
+      monad: { name: "Monad Explorer", url: "https://testnet.monadexplorer.com" }
+    };
+    const chainExplorers = {
+      1: explorers.ethereum,
+      56: explorers.bsc,
+      137: explorers.polygon,
+      8453: explorers.base,
+      42161: explorers.arbitrum,
+      10: explorers.optimism,
+      43114: explorers.avalanche,
+      59144: explorers.linea,
+      534352: explorers.scroll,
+      130: explorers.unichain,
+      143: explorers.monad
+    };
+    return chainExplorers[chainId] || explorers[key] || { name: "Explorer", url: null };
+  }, []);
+  const getOffsetSuccessNetworkName = useCallback((network) => (network == null ? void 0 : network.displayName) || (network == null ? void 0 : network.name) || ((network == null ? void 0 : network.shortName) ? network.shortName.toUpperCase() : "Network"), []);
+  const captureOffsetSuccessDetails = useCallback((payment, txHash) => {
+    if (!(underpaymentInfo && underpaymentChoice === "offset")) return;
+    const explorer = getExplorerDetails(selectedNetwork);
+    setOffsetSuccessDetails({
+      amount: underpaymentInfo.shortfallAmount || (payment == null ? void 0 : payment.amountRemaining) || (payment == null ? void 0 : payment.amount) || (config == null ? void 0 : config.amount) || 0,
+      merchantName: (config == null ? void 0 : config.merchantName) || "Merchant",
+      networkName: getOffsetSuccessNetworkName(selectedNetwork),
+      tokenSymbol: underpaymentInfo.tokenSymbol || (selectedToken == null ? void 0 : selectedToken.symbol) || (payment == null ? void 0 : payment.currency) || "Token",
+      transactionHash: txHash || resolvePaymentTransactionHash(payment),
+      explorerName: explorer.name,
+      explorerUrl: explorer.url && (txHash || resolvePaymentTransactionHash(payment)) ? `${explorer.url}/tx/${txHash || resolvePaymentTransactionHash(payment)}` : null
+    });
+  }, [config == null ? void 0 : config.amount, config == null ? void 0 : config.merchantName, getExplorerDetails, getOffsetSuccessNetworkName, resolvePaymentTransactionHash, selectedNetwork, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentChoice, underpaymentInfo]);
   const getUnderpaymentRecoveryStorageKey = useCallback((paymentId = activeTransferPaymentId) => {
     return paymentId ? `${UNDERPAYMENT_RECOVERY_STORAGE_PREFIX}${paymentId}` : null;
   }, [activeTransferPaymentId]);
@@ -23675,6 +23723,17 @@ const CoinleyPaymentInternal = ({
       underpayment
     });
   }, [activateUnderpaymentFlow, ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, ccResult == null ? void 0 : ccResult.id, ccResult == null ? void 0 : ccResult.originChainId, ccResult == null ? void 0 : ccResult.relayDepositAddress]);
+  const clearUnderpaymentUiState = useCallback((paymentId) => {
+    setUnderpaymentInfo(null);
+    setUnderpaymentChoice(null);
+    setUnderpaymentView("choice");
+    setManualCheckStatus(null);
+    setCcManualCheckStatus(null);
+    clearUnderpaymentRecovery(paymentId || activeTransferPaymentId);
+  }, [activeTransferPaymentId, clearUnderpaymentRecovery]);
+  useEffect(() => {
+    setOffsetSuccessDetails(null);
+  }, [paymentData == null ? void 0 : paymentData.id]);
   const selectedNetworkIsSolana = (selectedNetwork == null ? void 0 : selectedNetwork.chainType) === "solana" || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) === "solana";
   const sourceNeedsMerchantBridge = Boolean(
     selectedNetwork && !selectedNetworkIsSolana && !isMerchantReceiveNetwork(selectedNetwork)
@@ -24140,6 +24199,7 @@ const CoinleyPaymentInternal = ({
           const txHash = resolvePaymentTransactionHash(statusResult.payment);
           if ((status === "completed" || status === "swept") && txHash) {
             clearInterval(pollInterval);
+            captureOffsetSuccessDetails(statusResult.payment, txHash);
             clearUnderpaymentRecovery(paymentData.id);
             setProcessingStatusMessage("");
             persistSuccessfulPaymentHash(statusResult.payment, txHash);
@@ -24201,7 +24261,7 @@ const CoinleyPaymentInternal = ({
       }
     }, 5e3);
     return () => clearInterval(pollInterval);
-  }, [currentStep, paymentData == null ? void 0 : paymentData.id, paymentData == null ? void 0 : paymentData.depositAddress, selectedNetwork, selectedToken, onSuccess, activateUnderpaymentFlow, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash]);
+  }, [currentStep, paymentData == null ? void 0 : paymentData.id, paymentData == null ? void 0 : paymentData.depositAddress, selectedNetwork, selectedToken, onSuccess, activateUnderpaymentFlow, captureOffsetSuccessDetails, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash]);
   useEffect(() => {
     const shouldPoll = (paymentData == null ? void 0 : paymentData.id) && (activeTab === PAYMENT_TABS.QR || activeTab === PAYMENT_TABS.TRANSFER) && currentStep === PAYMENT_STEPS.CONFIRM && !verifyingPayment && paymentType !== PAYMENT_TYPES.DEPOSIT && !(paymentData == null ? void 0 : paymentData.isDepositPayment) && !(paymentData == null ? void 0 : paymentData.depositAddress);
     if (!shouldPoll) {
@@ -25123,6 +25183,9 @@ const CoinleyPaymentInternal = ({
       setCcPhase(status.phase);
       if (activateUnderpaymentFromCrossChainStatus(status)) {
         setCcManualCheckStatus(null);
+      } else if (status.phase === "bridging") {
+        clearUnderpaymentUiState(status.paymentId || ccResult.id);
+        showTransferNoticeModal("We have detected your transfer and are waiting for the bridge to complete. We will keep checking automatically.", "Transfer detected");
       } else if ((status.phase === "received" || status.phase === "settled") && !ccSucceeded.current) {
         ccSucceeded.current = true;
         onSuccess == null ? void 0 : onSuccess(status);
@@ -25149,6 +25212,8 @@ const CoinleyPaymentInternal = ({
         setCcPhase(s.phase);
         if (activateUnderpaymentFromCrossChainStatus(s)) {
           setCcManualCheckStatus(null);
+        } else if (s.phase === "bridging") {
+          clearUnderpaymentUiState(s.paymentId || ccResult.id);
         } else if ((s.phase === "received" || s.phase === "settled") && !ccSucceeded.current) {
           ccSucceeded.current = true;
           onSuccess == null ? void 0 : onSuccess(s);
@@ -25164,7 +25229,7 @@ const CoinleyPaymentInternal = ({
       cancelled = true;
       clearInterval(t);
     };
-  }, [activateUnderpaymentFromCrossChainStatus, ccResult == null ? void 0 : ccResult.id, onSuccess, paymentFlow.api]);
+  }, [activateUnderpaymentFromCrossChainStatus, ccResult == null ? void 0 : ccResult.id, clearUnderpaymentUiState, onSuccess, paymentFlow.api]);
   const handleGenerateTransferAddress = async () => {
     if (isConverting) {
       setError("Please wait for currency conversion to complete");
@@ -25921,6 +25986,7 @@ const CoinleyPaymentInternal = ({
           if ((status === "completed" || status === "swept") && txHash) {
             console.log("✅ Auto-detected: Deposit payment completed!");
             clearInterval(pollInterval);
+            captureOffsetSuccessDetails(statusResult.payment, txHash);
             clearUnderpaymentRecovery(paymentData.id);
             persistSuccessfulPaymentHash(statusResult.payment, txHash);
             setCurrentStep(PAYMENT_STEPS.SUCCESS);
@@ -25960,7 +26026,7 @@ const CoinleyPaymentInternal = ({
       console.log("🛑 Stopping deposit auto-detection polling");
       clearInterval(pollInterval);
     };
-  }, [paymentData == null ? void 0 : paymentData.id, paymentData == null ? void 0 : paymentData.depositAddress, paymentType, currentStep, verifyingPayment, expirationTime == null ? void 0 : expirationTime.expired, selectedNetwork, selectedToken, onSuccess, paymentFlow.api, activateUnderpaymentFlow, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash]);
+  }, [paymentData == null ? void 0 : paymentData.id, paymentData == null ? void 0 : paymentData.depositAddress, paymentType, currentStep, verifyingPayment, expirationTime == null ? void 0 : expirationTime.expired, selectedNetwork, selectedToken, onSuccess, paymentFlow.api, activateUnderpaymentFlow, captureOffsetSuccessDetails, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash]);
   useEffect(() => {
     return () => {
       if (manualCheckTimeout.current) {
@@ -26050,6 +26116,7 @@ const CoinleyPaymentInternal = ({
         const txHash = resolvePaymentTransactionHash(statusResult.payment);
         if ((status === "completed" || status === "swept") && txHash) {
           setManualCheckStatus(null);
+          captureOffsetSuccessDetails(statusResult.payment, txHash);
           clearUnderpaymentRecovery(paymentData.id);
           persistSuccessfulPaymentHash(statusResult.payment, txHash);
           setCurrentStep(PAYMENT_STEPS.SUCCESS);
@@ -26096,7 +26163,11 @@ const CoinleyPaymentInternal = ({
         setManualCheckStatus(null);
       }, 1e4);
     }
-  }, [manualCheckStatus, paymentData == null ? void 0 : paymentData.id, paymentData == null ? void 0 : paymentData.depositAddress, paymentFlow.api, config == null ? void 0 : config.amount, selectedNetwork, selectedToken, onSuccess, activateUnderpaymentFlow, activateUnderpaymentFromDepositBalance, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash, showTransferNoticeModal]);
+  }, [manualCheckStatus, paymentData == null ? void 0 : paymentData.id, paymentData == null ? void 0 : paymentData.depositAddress, paymentFlow.api, config == null ? void 0 : config.amount, selectedNetwork, selectedToken, onSuccess, activateUnderpaymentFlow, activateUnderpaymentFromDepositBalance, captureOffsetSuccessDetails, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash, showTransferNoticeModal]);
+  const truncateTransactionId = (hash) => {
+    if (!hash) return "";
+    return `${hash.slice(0, 7)}...${hash.slice(-8)}`;
+  };
   if (!isOpen) return null;
   if (currentStep === PAYMENT_STEPS.PROCESSING) {
     return /* @__PURE__ */ jsxs("div", { id: SDK_ROOT_ID, className: `${SDK_ROOT_CLASS} fixed inset-0 z-50`, style: { fontFamily: FONT_FAMILY }, children: [
@@ -26140,6 +26211,90 @@ const CoinleyPaymentInternal = ({
     ] });
   }
   if (currentStep === PAYMENT_STEPS.SUCCESS) {
+    if (offsetSuccessDetails) {
+      return /* @__PURE__ */ jsxs("div", { id: SDK_ROOT_ID, className: `${SDK_ROOT_CLASS} fixed inset-0 z-50`, style: { fontFamily: FONT_FAMILY }, children: [
+        /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50" }),
+        /* @__PURE__ */ jsx("div", { className: isMobile ? "fixed inset-0 flex items-end" : "fixed inset-0 flex items-center justify-center p-4", style: { zIndex: 51 }, children: /* @__PURE__ */ jsxs("div", { className: isMobile ? "coinley-mobile-sheet relative flex w-full max-h-[92dvh] flex-col overflow-hidden rounded-t-[24px] bg-white px-4 pb-4 pt-8 animate-slide-up-sheet" : "relative flex h-auto min-h-[554px] w-[450px] max-w-[calc(100vw-32px)] flex-col overflow-hidden rounded-[28px] bg-white px-4 pb-4 pt-8", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "absolute right-4 top-5 flex h-8 w-8 items-center justify-center rounded-full text-[#111827] transition-colors hover:bg-gray-100",
+              "aria-label": "Close payment modal",
+              children: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col pt-[68px]", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-9 text-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-full bg-[#D9F8E6]", children: /* @__PURE__ */ jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-full bg-[#08C65A] text-white", children: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) }) }) }),
+              /* @__PURE__ */ jsx("h3", { className: "mb-2 text-base font-medium text-black", children: "Offset Successful" }),
+              /* @__PURE__ */ jsxs("p", { className: "text-base text-[#A9ABB2]", children: [
+                /* @__PURE__ */ jsxs("span", { className: "font-semibold text-black", children: [
+                  "$",
+                  formatAmount(offsetSuccessDetails.amount || 0)
+                ] }),
+                " ",
+                "sent to ",
+                offsetSuccessDetails.merchantName
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mb-9 space-y-0", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "mb-1.5 text-xs text-[#4B5563]", children: "Transaction ID" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex h-11 items-center justify-between rounded-lg border border-[#EEF0F4] bg-[#FAFAFB] px-3", children: [
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-sm font-semibold text-black", children: truncateTransactionId(offsetSuccessDetails.transactionHash) }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => copyToClipboard(offsetSuccessDetails.transactionHash, "offsetSuccessTx"),
+                      className: "ml-3 flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-[#111827] transition-colors hover:bg-gray-100",
+                      "aria-label": "Copy transaction ID",
+                      children: copiedField === "offsetSuccessTx" ? /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-[#08C65A]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.2, d: "M5 13l4 4L19 7" }) }) : /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+                        /* @__PURE__ */ jsx("rect", { x: "8", y: "7", width: "10", height: "13", rx: "2", strokeWidth: "1.7" }),
+                        /* @__PURE__ */ jsx("path", { d: "M6 17H5a2 2 0 01-2-2V5a2 2 0 012-2h8a2 2 0 012 2v1", strokeWidth: "1.7", strokeLinecap: "round" })
+                      ] })
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-[#EEF0F4] py-3", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-[#A9ABB2]", children: "Network" }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-black", children: offsetSuccessDetails.networkName })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-3", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-[#A9ABB2]", children: "Token" }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-black", children: offsetSuccessDetails.tokenSymbol })
+              ] }),
+              offsetSuccessDetails.explorerUrl && /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: offsetSuccessDetails.explorerUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "mt-1 flex h-11 w-full items-center justify-center gap-2 rounded-lg border border-[#BFA7FF] text-sm font-medium text-[#7042D2] transition-colors hover:bg-[#F7F2FF]",
+                  children: [
+                    "View on ",
+                    offsetSuccessDetails.explorerName,
+                    /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M7 17L17 7M10 7h7v7" }) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "mt-auto h-12 w-full rounded-lg bg-[#7042D2] px-4 text-sm font-semibold text-white transition-colors hover:bg-[#5b34b1]",
+                children: "Close"
+              }
+            )
+          ] })
+        ] }) })
+      ] });
+    }
     return /* @__PURE__ */ jsxs("div", { id: SDK_ROOT_ID, className: `${SDK_ROOT_CLASS} fixed inset-0 z-50`, style: { fontFamily: FONT_FAMILY }, children: [
       /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50" }),
       /* @__PURE__ */ jsx("div", { className: isMobile ? "fixed inset-0 flex items-end" : "fixed inset-0 flex items-center justify-center p-4", style: { zIndex: 51 }, children: /* @__PURE__ */ jsx("div", { className: isMobile ? "coinley-mobile-sheet relative flex w-full max-h-[92dvh] flex-col overflow-hidden rounded-t-[24px] bg-white px-4 pb-5 pt-5 animate-slide-up-sheet" : "relative flex h-[640px] max-h-[calc(100vh-32px)] min-h-0 w-[450px] max-w-[calc(100vw-32px)] flex-col overflow-hidden rounded-[28px] bg-white px-4 pb-5 pt-5", children: /* @__PURE__ */ jsx(
@@ -26159,7 +26314,7 @@ const CoinleyPaymentInternal = ({
     ] });
   }
   const paymentAmountLabel = isConverting ? "..." : `$${formatAmount(paymentAmount || (config == null ? void 0 : config.amount) || 0)}`;
-  const underpaymentOffsetAmountLabel = underpaymentInfo ? `$${formatAmount(underpaymentInfo.shortfallAmount || 0)}` : paymentAmountLabel;
+  const underpaymentOffsetAmountLabel = underpaymentInfo ? `${formatAmount(underpaymentInfo.shortfallAmount || 0)} ${underpaymentInfo.tokenSymbol || (selectedToken == null ? void 0 : selectedToken.symbol) || ""}`.trim() : paymentAmountLabel;
   const summaryPaymentAmountLabel = underpaymentInfo && (underpaymentView === "offset" || underpaymentView === "refund") ? underpaymentOffsetAmountLabel : paymentAmountLabel;
   const getTokenDisplaySymbol = (token) => (token == null ? void 0 : token.symbol) || (token == null ? void 0 : token.tokenSymbol) || (token == null ? void 0 : token.currency) || (token == null ? void 0 : token.ticker) || (token == null ? void 0 : token.name) || "Token";
   const getLogoFallbackUrl = (label = "?", background = "7042D2") => {
@@ -26178,7 +26333,12 @@ const CoinleyPaymentInternal = ({
   };
   const getNetworkDisplayName = (network) => (network == null ? void 0 : network.name) || (network == null ? void 0 : network.displayName) || (network == null ? void 0 : network.shortName) || "Network";
   const getNetworkDisplayLogo = (network) => (network == null ? void 0 : network.logo) || (network == null ? void 0 : network.logoURI) || (network == null ? void 0 : network.icon) || getNetworkLogoUrl(network) || getFallbackNetworkLogoUrl(getNetworkDisplayName(network));
-  const isCrossChainTransferSetupView = activeTab === PAYMENT_TABS.TRANSFER && !ccResult;
+  const hasDirectTransferNetworks = networks.some((network) => {
+    const chainId = parseInt(network.chainId);
+    const supportedChains = [8453, 56, 42161, 137, 10, 43114, 143, 59144, 534352, 130];
+    return supportedChains.includes(chainId);
+  });
+  const isCrossChainTransferSetupView = activeTab === PAYMENT_TABS.TRANSFER && !ccResult && !(paymentData == null ? void 0 : paymentData.depositAddress) && !hasDirectTransferNetworks;
   const isCrossChainTransferAddressView = activeTab === PAYMENT_TABS.TRANSFER && !!ccResult;
   const isTransferSetupView = activeTab === PAYMENT_TABS.TRANSFER && !ccResult && (!selectedNetwork || !selectedToken || !(paymentData == null ? void 0 : paymentData.depositAddress));
   const isQrSetupView = activeTab === PAYMENT_TABS.QR && (!selectedNetwork || !selectedToken || !paymentData || (paymentData == null ? void 0 : paymentData.isDepositPayment));
@@ -26296,7 +26456,7 @@ const CoinleyPaymentInternal = ({
     ] }),
     renderUnderpaymentWarning(
       "Important!",
-      "This is the same wallet address for your underpaid transaction. Send only the remaining offset amount, and make sure to add network fees on top of it."
+      `This is the same wallet address for your underpaid transaction. Send only the remaining offset amount (${underpaymentOffsetAmountLabel}) and keep enough native gas in your wallet for the network fee.`
     )
   ] });
   const renderUnderpaymentRefundPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
@@ -26323,7 +26483,7 @@ const CoinleyPaymentInternal = ({
     ),
     refundRequestMessage && /* @__PURE__ */ jsx("p", { className: `mt-2 text-center text-xs leading-5 ${refundRequestStatus === "error" ? "text-red-600" : "text-[#8B8E98]"}`, children: refundRequestMessage })
   ] });
-  networks.filter((network) => {
+  const transferNetworks = networks.filter((network) => {
     const chainId = parseInt(network.chainId);
     const supportedChains = [8453, 56, 42161, 137, 10, 43114, 143, 59144, 534352, 130];
     return supportedChains.includes(chainId);
@@ -26427,6 +26587,41 @@ const CoinleyPaymentInternal = ({
       ] })
     ] });
   };
+  const renderTransferSetupPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+    renderCheckoutSelect({
+      id: "transfer-network",
+      label: "Select a Network",
+      value: selectedNetwork == null ? void 0 : selectedNetwork.id,
+      placeholder: "Select a network",
+      options: transferNetworks,
+      getLabel: (network) => getNetworkDisplayName(network),
+      getIcon: (network) => getNetworkDisplayLogo(network),
+      compact: true,
+      elevated: true,
+      maxVisibleItems: 4,
+      onChange: (networkId) => {
+        const network = transferNetworks.find((item) => item.id === networkId);
+        if (network) handleNetworkSelect(network);
+      }
+    }),
+    renderCheckoutSelect({
+      id: "transfer-token",
+      label: "Pick a Token",
+      value: selectedToken == null ? void 0 : selectedToken.id,
+      placeholder: selectedNetwork ? "Select a token" : "Select a token",
+      disabled: !selectedNetwork || availableTokens.length === 0,
+      options: availableTokens,
+      getLabel: (token) => getTokenDisplaySymbol(token),
+      getIcon: (token) => getTokenDisplayLogo(token),
+      compact: true,
+      elevated: true,
+      maxVisibleItems: 2,
+      onChange: (tokenId) => {
+        const token = availableTokens.find((item) => item.id === tokenId);
+        if (token) handleTokenSelect(token);
+      }
+    })
+  ] });
   const renderWalletExtensionSetupPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
     !selectedNetwork && renderWalletNetworkPickerPanel(),
     selectedNetwork && !selectedToken && renderWalletTokenPickerPanel(),
@@ -27256,7 +27451,7 @@ const CoinleyPaymentInternal = ({
       ] }),
       activeTab === PAYMENT_TABS.QR && /* @__PURE__ */ jsx(Fragment, { children: qrWalletChoiceConfirmed ? renderQrPaymentPanel() : renderQrWalletChoicePanel() }),
       activeTab === PAYMENT_TABS.TRANSFER && /* @__PURE__ */ jsxs(Fragment, { children: [
-        !ccResult && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+        isCrossChainTransferSetupView && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
           renderCheckoutSelect({
             id: "cross-chain-network",
             label: "Select a Network",
@@ -27288,8 +27483,37 @@ const CoinleyPaymentInternal = ({
           }),
           ccError && /* @__PURE__ */ jsx("div", { className: "mb-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-xs font-medium text-red-600", children: ccError })
         ] }),
+        !isCrossChainTransferSetupView && !ccResult && !(paymentData == null ? void 0 : paymentData.depositAddress) && renderTransferSetupPanel(),
+        !ccResult && (paymentData == null ? void 0 : paymentData.depositAddress) && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+          !underpaymentInfo && /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: depositQrCode ? /* @__PURE__ */ jsx("img", { src: depositQrCode, alt: "Deposit Address QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-[#E5E7EB] border-t-[#7042D2]" }) }) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[#1F2430]", children: "Wallet address" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-h-[60px] items-center gap-2 rounded-xl border border-[#EEF0F4] bg-[#FAFAFB] px-3 py-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 break-all text-sm leading-5 text-[#1F2430]", children: paymentData.depositAddress }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => copyToClipboard(paymentData.depositAddress, "depositAddress"),
+                    className: `flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg transition-colors ${copiedField === "depositAddress" ? "bg-green-100 text-green-600" : "text-[#7042D2] hover:bg-purple-50"}`,
+                    "aria-label": "Copy wallet address",
+                    children: copiedField === "depositAddress" ? /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) : /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) })
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          underpaymentInfo ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            underpaymentView === "choice" && renderUnderpaymentChoicePanel(),
+            underpaymentView === "offset" && renderUnderpaymentOffsetPanel(),
+            underpaymentView === "refund" && renderUnderpaymentRefundPanel()
+          ] }) : /* @__PURE__ */ jsx(Fragment, { children: renderUnderpaymentWarning(
+            "Important!",
+            "Use this wallet address for this transfer only. Send from the selected network and include enough native token for network fees."
+          ) })
+        ] }),
         ccResult && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-center gap-4", children: [
+          !underpaymentInfo && /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-center gap-4", children: [
             /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: ccQrCode ? /* @__PURE__ */ jsx("img", { src: ccQrCode, alt: "Payment Address QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-[#E5E7EB] border-t-[#7042D2]" }) }) }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[#1F2430]", children: "Wallet address" }),
@@ -27498,4 +27722,4 @@ export {
   isFeatureEnabled as i,
   logo as l
 };
-//# sourceMappingURL=CoinleyPayment-DMr1ZEvF.js.map
+//# sourceMappingURL=CoinleyPayment-Fe-W3OyQ.js.map

package/dist/{appKitEVM-42vzguiC.js → appKitEVM-3_yg517i.js}

@@ -1,4 +1,4 @@
-import { i as isFeatureEnabled, F as FEATURES, c as chainTransports, W as WALLETCONNECT_PROJECT_ID, l as logo } from "./CoinleyPayment-DMr1ZEvF.js";
+import { i as isFeatureEnabled, F as FEATURES, c as chainTransports, W as WALLETCONNECT_PROJECT_ID, l as logo } from "./CoinleyPayment-Fe-W3OyQ.js";
 let appKitInstance = null;
 let isInitializing = false;
 let initializationPromise = null;
@@ -112,4 +112,4 @@ export {
   initializeAppKitEVM,
   openAppKitModal
 };
-//# sourceMappingURL=appKitEVM-42vzguiC.js.map
+//# sourceMappingURL=appKitEVM-3_yg517i.js.map

package/dist/{appKitSolana-UWbFPNMg.js → appKitSolana-DeOCxv7e.js}

@@ -1,4 +1,4 @@
-import { F as FEATURES, l as logo, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-DMr1ZEvF.js";
+import { F as FEATURES, l as logo, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-Fe-W3OyQ.js";
 let appKitInstance = null;
 let isInitializing = false;
 let initializationPromise = null;
@@ -242,4 +242,4 @@ export {
   disconnectWalletConnect,
   initializeAppKitSolana
 };
-//# sourceMappingURL=appKitSolana-UWbFPNMg.js.map
+//# sourceMappingURL=appKitSolana-DeOCxv7e.js.map