coinley-pay 0.36.0 → 0.38.0

package/dist/{CoinleyPayment-D8aL6ChX.js → CoinleyPayment-DMr1ZEvF.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-QlVbEn4w.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-Bzc4Jq86.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-C1LLrCaN.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-UWbFPNMg.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-eozvDNUh.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-42vzguiC.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-C1LLrCaN.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-UWbFPNMg.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23345,7 +23345,9 @@ const CoinleyPaymentInternal = ({
   const [ccError, setCcError] = useState(null);
   const [ccGenerating, setCcGenerating] = useState(false);
   const [ccManualCheckStatus, setCcManualCheckStatus] = useState("idle");
+  const [transferNoticeModal, setTransferNoticeModal] = useState(null);
   const ccSucceeded = useRef(false);
+  const ccStatusPollInFlight = useRef(false);
   const [networkSearch, setNetworkSearch] = useState("");
   const [walletNetworkSearch, setWalletNetworkSearch] = useState("");
   const [openCheckoutDropdown, setOpenCheckoutDropdown] = useState(null);
@@ -23475,6 +23477,11 @@ const CoinleyPaymentInternal = ({
     setIsBridgePayment,
     setBridgeDestination
   } = paymentFlow;
+  const activeTransferPaymentId = (paymentData == null ? void 0 : paymentData.id) || (ccResult == null ? void 0 : ccResult.id) || (ccResult == null ? void 0 : ccResult.paymentId);
+  const activeTransferDepositAddress = (paymentData == null ? void 0 : paymentData.depositAddress) || (ccResult == null ? void 0 : ccResult.relayDepositAddress) || (ccResult == null ? void 0 : ccResult.depositAddress);
+  const showTransferNoticeModal = useCallback((message, title = "Transfer not detected yet") => {
+    setTransferNoticeModal({ title, message });
+  }, []);
   const merchantReceiveNetworks = (merchantNetworks == null ? void 0 : merchantNetworks.length) ? merchantNetworks : networks;
   const isMerchantReceiveNetwork = useCallback((network) => {
     var _a2;
@@ -23530,10 +23537,10 @@ const CoinleyPaymentInternal = ({
       sweepTxHash: (payment == null ? void 0 : payment.sweepTxHash) ?? (prev == null ? void 0 : prev.sweepTxHash)
     }));
   }, [resolvePaymentTransactionHash, setPaymentData]);
-  const getUnderpaymentRecoveryStorageKey = useCallback((paymentId = paymentData == null ? void 0 : paymentData.id) => {
+  const getUnderpaymentRecoveryStorageKey = useCallback((paymentId = activeTransferPaymentId) => {
     return paymentId ? `${UNDERPAYMENT_RECOVERY_STORAGE_PREFIX}${paymentId}` : null;
-  }, [paymentData == null ? void 0 : paymentData.id]);
-  const clearUnderpaymentRecovery = useCallback((paymentId = paymentData == null ? void 0 : paymentData.id) => {
+  }, [activeTransferPaymentId]);
+  const clearUnderpaymentRecovery = useCallback((paymentId = activeTransferPaymentId) => {
     const storageKey = getUnderpaymentRecoveryStorageKey(paymentId);
     if (!storageKey || typeof window === "undefined" || !window.localStorage) return;
     try {
@@ -23541,8 +23548,8 @@ const CoinleyPaymentInternal = ({
     } catch (error2) {
       console.warn("[UnderpaymentRecovery] Failed to clear recovery state:", error2.message);
     }
-  }, [getUnderpaymentRecoveryStorageKey, paymentData == null ? void 0 : paymentData.id]);
-  const readUnderpaymentRecovery = useCallback((paymentId = paymentData == null ? void 0 : paymentData.id) => {
+  }, [activeTransferPaymentId, getUnderpaymentRecoveryStorageKey]);
+  const readUnderpaymentRecovery = useCallback((paymentId = activeTransferPaymentId) => {
     const storageKey = getUnderpaymentRecoveryStorageKey(paymentId);
     if (!storageKey || typeof window === "undefined" || !window.localStorage) return null;
     try {
@@ -23561,14 +23568,15 @@ const CoinleyPaymentInternal = ({
       console.warn("[UnderpaymentRecovery] Failed to read recovery state:", error2.message);
       return null;
     }
-  }, [getUnderpaymentRecoveryStorageKey, paymentData == null ? void 0 : paymentData.id]);
+  }, [activeTransferPaymentId, getUnderpaymentRecoveryStorageKey]);
   const writeUnderpaymentRecovery = useCallback((choice, view = choice, infoOverride = underpaymentInfo) => {
-    const storageKey = getUnderpaymentRecoveryStorageKey(paymentData == null ? void 0 : paymentData.id);
+    const paymentId = activeTransferPaymentId;
+    const storageKey = getUnderpaymentRecoveryStorageKey(paymentId);
     if (!storageKey || typeof window === "undefined" || !window.localStorage) return;
     if (choice !== "offset" && choice !== "refund") return;
     try {
       window.localStorage.setItem(storageKey, JSON.stringify({
-        paymentId: paymentData.id,
+        paymentId,
         choice,
         view: view === "refund" ? "refund" : "offset",
         expectedAmount: infoOverride == null ? void 0 : infoOverride.expectedAmount,
@@ -23582,7 +23590,7 @@ const CoinleyPaymentInternal = ({
     } catch (error2) {
       console.warn("[UnderpaymentRecovery] Failed to persist recovery state:", error2.message);
     }
-  }, [getUnderpaymentRecoveryStorageKey, paymentData == null ? void 0 : paymentData.id, underpaymentInfo]);
+  }, [activeTransferPaymentId, getUnderpaymentRecoveryStorageKey, underpaymentInfo]);
   const normalizeUnderpaymentInfo = useCallback((payment = {}) => {
     const raw = payment.underpayment || payment.underpaymentDetails || payment.shortPayment || payment.partialPayment || null;
     const statusText = String(payment.status || payment.depositStatus || (raw == null ? void 0 : raw.status) || "").toLowerCase();
@@ -23649,6 +23657,24 @@ const CoinleyPaymentInternal = ({
       refundNetworkLabel: (selectedNetwork == null ? void 0 : selectedNetwork.displayName) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName)
     });
   }, [activateUnderpaymentFlow, paymentAmount, selectedNetwork, selectedToken]);
+  const activateUnderpaymentFromCrossChainStatus = useCallback((statusResult = {}) => {
+    const relay = statusResult.relay || {};
+    const rawPayment = statusResult.payment || statusResult;
+    const underpayment = statusResult.underpayment || statusResult.underpaymentDetails || rawPayment.underpayment || rawPayment.underpaymentDetails || null;
+    return activateUnderpaymentFlow({
+      ...rawPayment,
+      id: rawPayment.id || statusResult.paymentId || (ccResult == null ? void 0 : ccResult.id),
+      depositAddress: rawPayment.depositAddress || relay.depositAddress || (ccResult == null ? void 0 : ccResult.relayDepositAddress),
+      status: rawPayment.status || statusResult.status,
+      paymentState: rawPayment.paymentState || statusResult.paymentState,
+      amount: (underpayment == null ? void 0 : underpayment.expectedAmount) ?? rawPayment.expectedAmount ?? rawPayment.amount ?? statusResult.expectedAmount ?? statusResult.amount,
+      amountReceived: (underpayment == null ? void 0 : underpayment.receivedAmount) ?? (underpayment == null ? void 0 : underpayment.amountReceived) ?? rawPayment.amountReceived ?? statusResult.amountReceived,
+      amountRemaining: (underpayment == null ? void 0 : underpayment.shortfallAmount) ?? (underpayment == null ? void 0 : underpayment.remainingAmount) ?? rawPayment.amountRemaining ?? statusResult.amountRemaining,
+      currency: (underpayment == null ? void 0 : underpayment.tokenSymbol) || (underpayment == null ? void 0 : underpayment.currency) || rawPayment.currency || statusResult.currency || (ccOriginToken == null ? void 0 : ccOriginToken.symbol),
+      refundNetworkLabel: (underpayment == null ? void 0 : underpayment.refundNetworkLabel) || rawPayment.refundNetworkLabel || ccChainName(relay.originChainId || (ccResult == null ? void 0 : ccResult.originChainId) || ccOriginChainId),
+      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 selectedNetworkIsSolana = (selectedNetwork == null ? void 0 : selectedNetwork.chainType) === "solana" || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) === "solana";
   const sourceNeedsMerchantBridge = Boolean(
     selectedNetwork && !selectedNetworkIsSolana && !isMerchantReceiveNetwork(selectedNetwork)
@@ -25095,13 +25121,16 @@ const CoinleyPaymentInternal = ({
     try {
       const status = await paymentFlow.api.getCrossChainStatus(ccResult.id);
       setCcPhase(status.phase);
-      if ((status.phase === "received" || status.phase === "settled") && !ccSucceeded.current) {
+      if (activateUnderpaymentFromCrossChainStatus(status)) {
+        setCcManualCheckStatus(null);
+      } else if ((status.phase === "received" || status.phase === "settled") && !ccSucceeded.current) {
         ccSucceeded.current = true;
         onSuccess == null ? void 0 : onSuccess(status);
       } else if (status.phase === "failed") {
         setCcManualCheckStatus("failed");
       } else {
         setCcManualCheckStatus("not_found");
+        showTransferNoticeModal("We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
       }
     } catch (error2) {
       setCcError(error2.message || "Could not check this payment yet. Please try again.");
@@ -25112,15 +25141,21 @@ const CoinleyPaymentInternal = ({
     if (!(ccResult == null ? void 0 : ccResult.id)) return;
     let cancelled = false;
     const tick = async () => {
+      if (ccStatusPollInFlight.current) return;
+      ccStatusPollInFlight.current = true;
       try {
         const s = await paymentFlow.api.getCrossChainStatus(ccResult.id);
         if (cancelled) return;
         setCcPhase(s.phase);
-        if ((s.phase === "received" || s.phase === "settled") && !ccSucceeded.current) {
+        if (activateUnderpaymentFromCrossChainStatus(s)) {
+          setCcManualCheckStatus(null);
+        } else if ((s.phase === "received" || s.phase === "settled") && !ccSucceeded.current) {
           ccSucceeded.current = true;
           onSuccess == null ? void 0 : onSuccess(s);
         }
       } catch {
+      } finally {
+        ccStatusPollInFlight.current = false;
       }
     };
     tick();
@@ -25129,7 +25164,7 @@ const CoinleyPaymentInternal = ({
       cancelled = true;
       clearInterval(t);
     };
-  }, [ccResult == null ? void 0 : ccResult.id, paymentFlow.api, onSuccess]);
+  }, [activateUnderpaymentFromCrossChainStatus, ccResult == null ? void 0 : ccResult.id, onSuccess, paymentFlow.api]);
   const handleGenerateTransferAddress = async () => {
     if (isConverting) {
       setError("Please wait for currency conversion to complete");
@@ -25969,18 +26004,18 @@ const CoinleyPaymentInternal = ({
   const handleRefundRequestSubmit = useCallback(async () => {
     var _a2;
     const trimmedAddress = refundAddress.trim();
-    if (!trimmedAddress || !(paymentData == null ? void 0 : paymentData.id) || refundRequestStatus === "submitting") return;
+    if (!trimmedAddress || !activeTransferPaymentId || refundRequestStatus === "submitting") return;
     setRefundRequestStatus("submitting");
     setRefundRequestMessage("");
     setManualCheckStatus(null);
-    clearUnderpaymentRecovery(paymentData == null ? void 0 : paymentData.id);
+    clearUnderpaymentRecovery(activeTransferPaymentId);
     const refundPayload = {
-      paymentId: paymentData == null ? void 0 : paymentData.id,
+      paymentId: activeTransferPaymentId,
       refundAddress: trimmedAddress,
       amountReceived: underpaymentInfo == null ? void 0 : underpaymentInfo.receivedAmount,
       amountRemaining: underpaymentInfo == null ? void 0 : underpaymentInfo.shortfallAmount,
-      network: selectedNetwork == null ? void 0 : selectedNetwork.shortName,
-      currency: selectedToken == null ? void 0 : selectedToken.symbol
+      network: (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || (ccOriginChainId ? ccChainName(ccOriginChainId) : void 0),
+      currency: (selectedToken == null ? void 0 : selectedToken.symbol) || (ccOriginToken == null ? void 0 : ccOriginToken.symbol)
     };
     if (typeof (config == null ? void 0 : config.onRefundRequest) === "function") {
       config.onRefundRequest(refundPayload);
@@ -25991,7 +26026,7 @@ const CoinleyPaymentInternal = ({
       }));
     }
     try {
-      const result = await paymentFlow.api.requestDepositRefund(paymentData.id, trimmedAddress);
+      const result = await paymentFlow.api.requestDepositRefund(activeTransferPaymentId, trimmedAddress);
       const refundStatus = ((_a2 = result == null ? void 0 : result.payment) == null ? void 0 : _a2.refundStatus) || "pending";
       setRefundRequestSubmitted(true);
       setRefundRequestStatus(refundStatus === "refunded" ? "refunded" : "pending");
@@ -26004,7 +26039,7 @@ const CoinleyPaymentInternal = ({
       setRefundRequestStatus("error");
       setRefundRequestMessage(error2.message || "Failed to submit refund request. Please try again.");
     }
-  }, [clearUnderpaymentRecovery, config, refundAddress, refundRequestStatus, paymentData == null ? void 0 : paymentData.id, paymentFlow.api, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo]);
+  }, [activeTransferPaymentId, ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, clearUnderpaymentRecovery, config, refundAddress, refundRequestStatus, paymentFlow.api, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo]);
   const handleDepositManualCheck = useCallback(async () => {
     if (manualCheckStatus === "checking" || !(paymentData == null ? void 0 : paymentData.id)) return;
     setManualCheckStatus("checking");
@@ -26049,17 +26084,19 @@ const CoinleyPaymentInternal = ({
         }
       }
       setManualCheckStatus("not_found");
+      showTransferNoticeModal("We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
       manualCheckTimeout.current = setTimeout(() => {
         setManualCheckStatus(null);
       }, 1e4);
     } catch (error2) {
       console.warn("[ManualCheck] Error:", error2.message);
       setManualCheckStatus("not_found");
+      showTransferNoticeModal("We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
       manualCheckTimeout.current = setTimeout(() => {
         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]);
+  }, [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]);
   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: [
@@ -26193,6 +26230,99 @@ const CoinleyPaymentInternal = ({
     ] }),
     title && description && /* @__PURE__ */ jsx("p", { className: "pl-6 text-xs leading-5 text-[#B54708]", children: description })
   ] });
+  const renderUnderpaymentOptionCard = ({ choice, icon, title, description }) => {
+    const selected = underpaymentChoice === choice;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setUnderpaymentChoice(choice);
+          setRefundRequestSubmitted(false);
+          setRefundRequestStatus(null);
+          setRefundRequestMessage("");
+        },
+        className: `relative flex min-h-[112px] flex-col items-start rounded-xl border p-3 text-left transition-colors ${selected ? "border-[#8B5CF6] bg-[#F4EEFF]" : "border-[#ECEEF2] bg-white hover:border-[#D7C5FF]"}`,
+        children: [
+          selected && /* @__PURE__ */ jsx("span", { className: "absolute right-[-7px] top-[-9px] flex h-5 w-5 items-center justify-center rounded-full border border-[#8B5CF6] bg-white text-[#7042D2]", children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.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("div", { className: "mb-3 flex h-6 w-6 items-center justify-center text-[#111827]", children: icon }),
+          /* @__PURE__ */ jsx("p", { className: "mb-1 text-sm font-semibold text-[#111827]", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs leading-4 text-[#A3A5AC]", children: description })
+        ]
+      }
+    );
+  };
+  const renderUnderpaymentChoicePanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+    renderUnderpaymentWarning(
+      "Amount received is less than expected",
+      `We received $${formatAmount(underpaymentInfo.receivedAmount || 0)} but expected $${formatAmount(underpaymentInfo.expectedAmount || paymentAmount || 0)}. Your transaction is on hold, please choose how to proceed.`
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mb-5 grid grid-cols-1 gap-2 min-[380px]:grid-cols-2", children: [
+      renderUnderpaymentOptionCard({
+        choice: "offset",
+        title: "Send offset",
+        description: underpaymentChoice === "offset" ? "Top up the shortfall and complete this transfer with extended time" : "Top up the shortfall with extended time",
+        icon: /* @__PURE__ */ jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M4 4v6h6M20 20v-6h-6M5.5 15.5A7 7 0 0017.7 18M18.5 8.5A7 7 0 006.3 6" }) })
+      }),
+      renderUnderpaymentOptionCard({
+        choice: "refund",
+        title: "Cancel & refund",
+        description: "Cancel my transaction so i get refunded",
+        icon: /* @__PURE__ */ jsxs("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", strokeWidth: 1.8 }),
+          /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M9 9l6 6m0-6l-6 6" })
+        ] })
+      })
+    ] })
+  ] });
+  const renderUnderpaymentOffsetPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: (ccResult ? ccQrCode : depositQrCode) ? /* @__PURE__ */ jsx("img", { src: ccResult ? ccQrCode : 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 pt-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[#1F2430]", children: "Same Wallet address" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-[58px] 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: activeTransferDepositAddress }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => copyToClipboard(activeTransferDepositAddress, "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" }) })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    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."
+    )
+  ] });
+  const renderUnderpaymentRefundPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+    renderUnderpaymentWarning(
+      `Refund of $${formatAmount(underpaymentInfo.receivedAmount || 0)} ${underpaymentInfo.tokenSymbol}`,
+      `Provide a ${underpaymentInfo.tokenSymbol} wallet address on the same network (${underpaymentInfo.refundNetworkLabel}) to receive your refund. Network fees will be deducted.`
+    ),
+    /* @__PURE__ */ jsxs("label", { className: "mb-2 block text-xs font-medium text-[#111827]", children: [
+      "Your ",
+      underpaymentInfo.tokenSymbol,
+      " (",
+      underpaymentInfo.refundNetworkLabel,
+      ") receiving wallet address"
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: refundAddress,
+        onChange: (event) => setRefundAddress(event.target.value),
+        placeholder: "Paste your wallet address here",
+        className: "mb-5 h-11 w-full rounded-xl border border-[#E4E6EB] bg-white px-3 text-sm text-[#1F2430] outline-none transition-colors placeholder:text-[#8B8E98] focus:border-[#B49AF0]"
+      }
+    ),
+    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 chainId = parseInt(network.chainId);
     const supportedChains = [8453, 56, 42161, 137, 10, 43114, 143, 59144, 534352, 130];
@@ -26738,14 +26868,7 @@ const CoinleyPaymentInternal = ({
         disabled: !ccOriginToken || ccGenerating || isConverting
       });
     }
-    if (isCrossChainTransferAddressView) {
-      return renderFooterPrimaryButton({
-        label: ccManualCheckStatus === "checking" ? "Checking for your payment..." : "I've made transfer",
-        onClick: handleCrossChainManualCheck,
-        disabled: ccManualCheckStatus === "checking" || ccPhase === "received" || ccPhase === "settled"
-      });
-    }
-    if (activeTab === PAYMENT_TABS.TRANSFER && selectedNetwork && selectedToken && (paymentData == null ? void 0 : paymentData.depositAddress) && underpaymentInfo) {
+    if (activeTab === PAYMENT_TABS.TRANSFER && activeTransferDepositAddress && underpaymentInfo) {
       if (underpaymentView === "choice") {
         return renderFooterPrimaryButton({
           label: "Continue",
@@ -26755,9 +26878,9 @@ const CoinleyPaymentInternal = ({
       }
       if (underpaymentView === "offset") {
         return renderFooterPrimaryButton({
-          label: manualCheckStatus === "checking" ? "Checking for your payment..." : "I've made transfer",
-          onClick: handleDepositManualCheck,
-          disabled: manualCheckStatus === "checking"
+          label: manualCheckStatus === "checking" || ccManualCheckStatus === "checking" ? "Checking for your payment..." : "I've made transfer",
+          onClick: ccResult ? handleCrossChainManualCheck : handleDepositManualCheck,
+          disabled: manualCheckStatus === "checking" || ccManualCheckStatus === "checking"
         });
       }
       if (underpaymentView === "refund") {
@@ -26768,6 +26891,13 @@ const CoinleyPaymentInternal = ({
         });
       }
     }
+    if (isCrossChainTransferAddressView) {
+      return renderFooterPrimaryButton({
+        label: ccManualCheckStatus === "checking" ? "Checking for your payment..." : "I've made transfer",
+        onClick: handleCrossChainManualCheck,
+        disabled: ccManualCheckStatus === "checking" || ccPhase === "received" || ccPhase === "settled"
+      });
+    }
     if (activeTab === PAYMENT_TABS.TRANSFER && selectedNetwork && selectedToken && (paymentData == null ? void 0 : paymentData.depositAddress) && !(expirationTime == null ? void 0 : expirationTime.expired)) {
       return renderFooterPrimaryButton({
         label: manualCheckStatus === "checking" ? "Checking for your payment..." : manualCheckStatus === "not_found" ? "Check again" : "I've made this transfer",
@@ -26834,6 +26964,23 @@ const CoinleyPaymentInternal = ({
       /* @__PURE__ */ jsx("p", { className: `${isTightWalletView ? "mt-1" : isCompactCheckoutView ? "mt-2" : "mt-3"} text-xs text-[#A9ABB2]`, children: "Powered by Stablezact" })
     ] });
   };
+  const renderTransferNoticeModal = () => {
+    if (!transferNoticeModal) return null;
+    return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-[70] flex items-center justify-center bg-black/45 px-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-[340px] rounded-2xl bg-white p-5 text-center shadow-2xl", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-3 flex h-11 w-11 items-center justify-center rounded-full bg-amber-50 text-amber-600", children: /* @__PURE__ */ jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v4m0 4h.01M12 3a9 9 0 110 18 9 9 0 010-18z" }) }) }),
+      /* @__PURE__ */ jsx("h3", { className: "mb-2 text-base font-semibold text-[#111827]", children: transferNoticeModal.title }),
+      /* @__PURE__ */ jsx("p", { className: "mb-5 text-sm leading-5 text-[#6B7280]", children: transferNoticeModal.message }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setTransferNoticeModal(null),
+          className: "h-11 w-full rounded-xl bg-[#7042D2] px-4 text-sm font-semibold text-white transition-colors hover:bg-[#5b34b1]",
+          children: "Got it"
+        }
+      )
+    ] }) });
+  };
   const renderTabContent = () => {
     var _a2, _b, _c, _d;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -27160,20 +27307,25 @@ const CoinleyPaymentInternal = ({
               ] })
             ] })
           ] }),
-          renderUnderpaymentWarning(
-            "Important!",
-            "Use this wallet address for this transfer only. Send from the selected network and include enough native token for network fees."
-          ),
-          ccManualCheckStatus === "not_found" && /* @__PURE__ */ jsx("div", { className: "mb-3 rounded-xl border border-amber-200 bg-amber-50 p-3", children: /* @__PURE__ */ jsx("p", { className: "text-sm leading-5 text-amber-700", children: "We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically." }) }),
-          ccPhase === "failed" ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-center text-xs font-medium text-red-600", children: "Payment failed — please try again" }) : ccPhase === "received" || ccPhase === "settled" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xs font-medium text-green-600", children: [
-            /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-green-500" }),
-            "Payment received"
-          ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xs text-[#A3A5AC]", children: [
-            /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
-              /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-green-500" })
-            ] }),
-            "Checking automatically every few seconds..."
+          underpaymentInfo ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            underpaymentView === "choice" && renderUnderpaymentChoicePanel(),
+            underpaymentView === "offset" && renderUnderpaymentOffsetPanel(),
+            underpaymentView === "refund" && renderUnderpaymentRefundPanel()
+          ] }) : /* @__PURE__ */ jsxs(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."
+            ),
+            ccPhase === "failed" ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-center text-xs font-medium text-red-600", children: "Payment failed — please try again" }) : ccPhase === "received" || ccPhase === "settled" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xs font-medium text-green-600", children: [
+              /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-green-500" }),
+              "Payment received"
+            ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xs text-[#A3A5AC]", children: [
+              /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
+                /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-green-500" })
+              ] }),
+              "Checking automatically every few seconds..."
+            ] })
           ] })
         ] })
       ] }),
@@ -27308,7 +27460,8 @@ const CoinleyPaymentInternal = ({
         /* @__PURE__ */ jsx("div", { className: `min-h-0 flex-1 ${isCheckoutDropdownOpen ? "overflow-visible" : "overflow-y-auto coinley-scroll"} pb-1`, children: renderTabContent() }),
         renderCheckoutFooter()
       ] })
-    ] }) })
+    ] }) }),
+    renderTransferNoticeModal()
   ] });
 };
 const CoinleyPayment = (props) => {
@@ -27345,4 +27498,4 @@ export {
   isFeatureEnabled as i,
   logo as l
 };
-//# sourceMappingURL=CoinleyPayment-D8aL6ChX.js.map
+//# sourceMappingURL=CoinleyPayment-DMr1ZEvF.js.map

package/dist/{appKitEVM-eozvDNUh.js → appKitEVM-42vzguiC.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-D8aL6ChX.js";
+import { i as isFeatureEnabled, F as FEATURES, c as chainTransports, W as WALLETCONNECT_PROJECT_ID, l as logo } from "./CoinleyPayment-DMr1ZEvF.js";
 let appKitInstance = null;
 let isInitializing = false;
 let initializationPromise = null;
@@ -112,4 +112,4 @@ export {
   initializeAppKitEVM,
   openAppKitModal
 };
-//# sourceMappingURL=appKitEVM-eozvDNUh.js.map
+//# sourceMappingURL=appKitEVM-42vzguiC.js.map

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

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