coinley-pay 0.63.0 → 0.65.0

package/dist/{CoinleyPayment-DcxnhCxE.js → CoinleyPayment-BovUsM20.js}

@@ -6,7 +6,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import ReactDOM, { createPortal } from "react-dom";
 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-BFlZCZrz.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-DlWS8_3x.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";
@@ -21126,7 +21126,7 @@ const WalletSelector = ({
         try {
           setAppKitError(null);
           setWalletConnectAddress(solanaAccountState.address);
-          const { createWalletConnectAdapter } = await import("./appKitSolana-Dyj8Yus-.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-De-Lx7eT.js");
           const adapter = createWalletConnectAdapter(solanaAccountState.address);
           await solanaWallet.connectWalletConnect(adapter, solanaAccountState.address);
           console.log("✅ WalletConnect synced with SDK");
@@ -21231,7 +21231,7 @@ const WalletSelector = ({
     setAppKitLoading(true);
     setAppKitError(null);
     try {
-      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-f4GTnd8I.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-CGJ7ZTpW.js");
       await initializeAppKitEVM(wagmiConfig);
       await openAppKitModal();
     } catch (error) {
@@ -21251,7 +21251,7 @@ const WalletSelector = ({
     setAppKitError(null);
     try {
       console.log("📦 Loading AppKit Solana module...");
-      const { initializeAppKitSolana } = await import("./appKitSolana-Dyj8Yus-.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-De-Lx7eT.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23187,6 +23187,10 @@ const CC_CHAIN_NAMES = {
   81457: "Blast"
 };
 const ccChainName = (id) => CC_CHAIN_NAMES[Number(id)] || `Chain ${id}`;
+const prettyNetworkLabel = (label) => {
+  const match = /^chain\s+(\d+)$/i.exec(String(label).trim());
+  return match ? ccChainName(match[1]) : label;
+};
 const ccChainIcon = (id) => `https://assets.relay.link/icons/${Number(id)}/light.png`;
 const renderInPortal = (content) => typeof document !== "undefined" && document.body ? createPortal(content, document.body) : content;
 const CoinleyPaymentInternal = ({
@@ -23373,6 +23377,10 @@ const CoinleyPaymentInternal = ({
   const [underpaymentInfo, setUnderpaymentInfo] = useState(null);
   const [underpaymentChoice, setUnderpaymentChoice] = useState(null);
   const [underpaymentView, setUnderpaymentView] = useState("choice");
+  const [isCrossChainFailedBridge, setIsCrossChainFailedBridge] = useState(false);
+  const [payAgainAfterRefund, setPayAgainAfterRefund] = useState(false);
+  const payAgainResetRef = useRef(() => {
+  });
   const [refundAddress, setRefundAddress] = useState("");
   const [refundRequestSubmitted, setRefundRequestSubmitted] = useState(false);
   const [refundRequestStatus, setRefundRequestStatus] = useState(null);
@@ -23394,6 +23402,7 @@ const CoinleyPaymentInternal = ({
   const MOBILE_BRIDGE_PLACEHOLDER_ADDRESS = "0x0000000000000000000000000000000000000001";
   const DEPOSIT_SUPPORTED_CHAINS = [8453, 56, 42161, 137, 10, 43114, 143, 59144, 534352, 130];
   const [timeRemaining, setTimeRemaining] = useState(STANDARD_PAYMENT_TIMEOUT_MS);
+  const timeoutHandledRef = useRef(false);
   const modalOpenedAtRef = useRef(Date.now());
   const [mobileStep, setMobileStep] = useState("content");
   const [showMobileWalletPicker, setShowMobileWalletPicker] = useState(false);
@@ -23760,7 +23769,8 @@ const CoinleyPaymentInternal = ({
     const shortfall = Number(
       (raw == null ? void 0 : raw.shortfallAmount) ?? (raw == null ? void 0 : raw.remainingAmount) ?? (raw == null ? void 0 : raw.amountRemaining) ?? (raw == null ? void 0 : raw.offsetAmount) ?? payment.shortfallAmount ?? payment.remainingAmount ?? payment.amountRemaining ?? payment.offsetAmount ?? Math.max(expected - received, 0)
     );
-    if (!shortfall || shortfall <= 0) {
+    const refundableNoShortfall = String((raw == null ? void 0 : raw.reason) || "").toLowerCase().includes("refundable") || String((raw == null ? void 0 : raw.status) || "").toLowerCase() === "refundable" || paymentStateText === "bridge_failed" || String((raw == null ? void 0 : raw.paymentState) || "").toLowerCase() === "bridge_failed";
+    if ((!shortfall || shortfall <= 0) && !refundableNoShortfall) {
       return null;
     }
     return {
@@ -23768,7 +23778,7 @@ const CoinleyPaymentInternal = ({
       receivedAmount: received,
       shortfallAmount: shortfall,
       tokenSymbol: (raw == null ? void 0 : raw.tokenSymbol) || (raw == null ? void 0 : raw.currency) || payment.currency || (selectedToken == null ? void 0 : selectedToken.symbol) || "Token",
-      refundNetworkLabel: (raw == null ? void 0 : raw.refundNetworkLabel) || (raw == null ? void 0 : raw.refundNetwork) || payment.refundNetworkLabel || (selectedNetwork == null ? void 0 : selectedNetwork.displayName) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "selected network",
+      refundNetworkLabel: prettyNetworkLabel((raw == null ? void 0 : raw.refundNetworkLabel) || (raw == null ? void 0 : raw.refundNetwork) || payment.refundNetworkLabel || (selectedNetwork == null ? void 0 : selectedNetwork.displayName) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "selected network"),
       paymentState: payment.paymentState || (raw == null ? void 0 : raw.paymentState) || statusText || "underpaid"
     };
   }, [paymentAmount, selectedNetwork, selectedToken]);
@@ -23816,6 +23826,8 @@ const CoinleyPaymentInternal = ({
     const relay = statusResult.relay || {};
     const rawPayment = statusResult.payment || statusResult;
     const underpayment = statusResult.underpayment || statusResult.underpaymentDetails || rawPayment.underpayment || rawPayment.underpaymentDetails || null;
+    const isFailedBridge = statusResult.refundable === true && statusResult.bridgeStatus === "failed";
+    setIsCrossChainFailedBridge(isFailedBridge);
     return activateUnderpaymentFlow({
       ...rawPayment,
       id: rawPayment.id || statusResult.paymentId || (ccResult == null ? void 0 : ccResult.id),
@@ -23823,17 +23835,25 @@ const CoinleyPaymentInternal = ({
       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,
+      // refundableAmount is the server-authoritative claimable amount after bridge fees;
+      // prefer it over generic receivedAmount fields when present.
+      amountReceived: (underpayment == null ? void 0 : underpayment.receivedAmount) ?? (underpayment == null ? void 0 : underpayment.amountReceived) ?? rawPayment.amountReceived ?? statusResult.amountReceived ?? statusResult.refundableAmount,
       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),
+      currency: (underpayment == null ? void 0 : underpayment.tokenSymbol) || (underpayment == null ? void 0 : underpayment.currency) || rawPayment.currency || statusResult.currency || statusResult.refundTokenSymbol || (ccOriginToken == null ? void 0 : ccOriginToken.symbol),
+      refundNetworkLabel: (underpayment == null ? void 0 : underpayment.refundNetworkLabel) || rawPayment.refundNetworkLabel || statusResult.refundNetworkLabel || ccChainName(relay.originChainId || (ccResult == null ? void 0 : ccResult.originChainId) || ccOriginChainId),
       underpayment
-    }, { forceRefund: true });
+    }, {
+      // For a failed bridge the funds already came back — show the choice panel.
+      // For live underpayments route straight to the refund view.
+      forceRefund: !isFailedBridge
+    });
   }, [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");
+    setIsCrossChainFailedBridge(false);
+    setPayAgainAfterRefund(false);
     setManualCheckStatus(null);
     setCcManualCheckStatus(null);
     setRecoveryLoadingAction(null);
@@ -24226,7 +24246,12 @@ const CoinleyPaymentInternal = ({
     return () => clearInterval(interval);
   }, [paymentTimeoutMs, timeRemaining > 0]);
   useEffect(() => {
-    if (timeRemaining === 0 && currentStep !== PAYMENT_STEPS.SUCCESS) {
+    if (timeRemaining !== 0) {
+      timeoutHandledRef.current = false;
+      return;
+    }
+    if (timeRemaining === 0 && currentStep !== PAYMENT_STEPS.SUCCESS && !timeoutHandledRef.current) {
+      timeoutHandledRef.current = true;
       if (refundRequestSubmitted || refundRequestStatus === "submitting" || refundRequestStatus === "pending" || refundRequestStatus === "refunded") {
         console.log("[CheckoutTimer] Timeout reached after refund request; leaving refund flow open.", {
           paymentId: paymentData == null ? void 0 : paymentData.id,
@@ -26367,22 +26392,41 @@ 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);
+            const rawPmt = statusResult.payment;
+            const rcvd = parseFloat(rawPmt.amountReceived || 0);
+            const expd = parseFloat(rawPmt.amount || 0);
+            const isOverpaid = rawPmt.refundReason === "overpaid_excess" || rawPmt.excessOwed != null || rcvd > 0 && expd > 0 && rcvd > expd;
             sdkAnalytics.trackPaymentSuccess(paymentData.id, config == null ? void 0 : config.amount, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, txHash);
             clarityAnalytics.trackPaymentSuccess(paymentData.id, config == null ? void 0 : config.amount, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, txHash);
             if (onSuccess) {
               onSuccess({
                 paymentId: paymentData.id,
                 transactionHash: txHash,
-                depositAddress: statusResult.payment.depositAddress,
+                depositAddress: rawPmt.depositAddress,
                 network: selectedNetwork == null ? void 0 : selectedNetwork.shortName,
                 currency: selectedToken == null ? void 0 : selectedToken.symbol,
-                paymentDetails: statusResult.payment
+                paymentDetails: rawPmt
+              });
+            }
+            if (isOverpaid) {
+              const excessStr = rawPmt.excessOwed != null ? rawPmt.excessOwed : rcvd > 0 && expd > 0 ? String((rcvd - expd).toFixed(6)) : null;
+              setOverpaymentInfo({
+                paymentId: paymentData.id,
+                excessOwed: excessStr,
+                tokenSymbol: rawPmt.currency || (selectedToken == null ? void 0 : selectedToken.symbol) || "tokens",
+                networkLabel: (selectedNetwork == null ? void 0 : selectedNetwork.displayName) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "the deposit network"
               });
+              setRefundAddress("");
+              setRefundRequestStatus(null);
+              setRefundRequestSubmitted(false);
+              setRefundRequestMessage("");
+              refundPendingStartedAt.current = 0;
+            } else {
+              captureOffsetSuccessDetails(rawPmt, txHash);
             }
+            setCurrentStep(PAYMENT_STEPS.SUCCESS);
             return;
           }
           if (activateUnderpaymentFlow(statusResult.payment)) {
@@ -26485,6 +26529,17 @@ const CoinleyPaymentInternal = ({
     try {
       const result = await paymentFlow.api.requestDepositRefund(activeTransferPaymentId, trimmedAddress);
       const refundStatus = ((_a2 = result == null ? void 0 : result.payment) == null ? void 0 : _a2.refundStatus) || "pending";
+      if (payAgainAfterRefund) {
+        setRefundRequestSubmitted(true);
+        setRefundRequestStatus(refundStatus === "refunded" ? "refunded" : "pending");
+        setPayAgainAfterRefund(false);
+        refundPendingStartedAt.current = 0;
+        finishRecoveryLoading(() => {
+          var _a3;
+          (_a3 = payAgainResetRef.current) == null ? void 0 : _a3.call(payAgainResetRef);
+        });
+        return;
+      }
       setRefundRequestSubmitted(true);
       setRefundRequestStatus(refundStatus === "refunded" ? "refunded" : "pending");
       if (refundStatus === "refunded") {
@@ -26523,7 +26578,7 @@ const CoinleyPaymentInternal = ({
         setRefundRequestMessage(error2.message || "Failed to submit refund request. Please try again.");
       });
     }
-  }, [activeTransferPaymentId, captureRefundSuccessDetails, ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, ccResult, clearUnderpaymentRecovery, config, finishRecoveryLoading, getCrossChainRefundPendingStatus, getRefundPendingStatus, holdRecoveryLoading, refundAddress, refundRequestStatus, paymentFlow.api, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, startRecoveryLoading, underpaymentInfo]);
+  }, [activeTransferPaymentId, captureRefundSuccessDetails, ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, ccResult, clearUnderpaymentRecovery, config, finishRecoveryLoading, getCrossChainRefundPendingStatus, getRefundPendingStatus, holdRecoveryLoading, payAgainAfterRefund, refundAddress, refundRequestStatus, paymentFlow.api, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, startRecoveryLoading, underpaymentInfo]);
   const handleOverpaymentRefundSubmit = useCallback(async () => {
     var _a2;
     const trimmedAddress = refundAddress.trim();
@@ -26987,7 +27042,9 @@ const CoinleyPaymentInternal = ({
   }
   const paymentAmountLabel = isConverting ? "..." : `$${formatAmount(paymentAmount || (config == null ? void 0 : config.amount) || 0)}`;
   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 underpaymentRefundAmountLabel = underpaymentInfo ? `${formatAmount(underpaymentInfo.receivedAmount || 0)} ${underpaymentInfo.tokenSymbol || (selectedToken == null ? void 0 : selectedToken.symbol) || ""}`.trim() : paymentAmountLabel;
+  const summaryPaymentAmountLabel = underpaymentInfo && underpaymentView === "refund" ? underpaymentRefundAmountLabel : underpaymentInfo && underpaymentView === "offset" ? underpaymentOffsetAmountLabel : paymentAmountLabel;
+  const summaryAmountCaption = underpaymentInfo && underpaymentView === "refund" ? "Refund:" : "To Pay:";
   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") => {
     const safeLabel = String(label || "?").slice(0, 2).toUpperCase();
@@ -27028,7 +27085,7 @@ const CoinleyPaymentInternal = ({
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex-1 pt-[13px] border-t border-dashed border-[#DFE1E7]" }),
       /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-none text-[#9EA0A8] mb-1", children: "To Pay:" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-none text-[#9EA0A8] mb-1", children: summaryAmountCaption }),
         /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-[#1F2430]", children: summaryPaymentAmountLabel })
       ] })
     ] }),
@@ -27085,11 +27142,30 @@ const CoinleyPaymentInternal = ({
     );
   };
   const renderUnderpaymentChoicePanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
-    renderUnderpaymentWarning(
+    isCrossChainFailedBridge ? renderUnderpaymentWarning(
+      "Bridge failed — funds returned",
+      `We received ${underpaymentInfo.receivedAmount ? `${formatAmount(underpaymentInfo.receivedAmount)} ${underpaymentInfo.tokenSymbol || ""} ` : ""}but could not complete the bridge payment. Choose how to proceed.`
+    ) : 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-2 gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-5 grid grid-cols-2 gap-2", children: isCrossChainFailedBridge ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      renderUnderpaymentOptionCard({
+        choice: "pay-again",
+        title: "Pay again",
+        description: "Start a new checkout for the full payment amount",
+        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: "Get a refund",
+        description: "Receive your funds back to a wallet address you provide",
+        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" })
+        ] })
+      })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       renderUnderpaymentOptionCard({
         choice: "offset",
         title: "Send offset",
@@ -27105,7 +27181,7 @@ const CoinleyPaymentInternal = ({
           /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M9 9l6 6m0-6l-6 6" })
         ] })
       })
-    ] })
+    ] }) })
   ] });
   const renderRecoveryLoadingPanel = ({ title, description, detail }) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-[292px] flex-col items-center justify-center px-3 py-4 text-center", children: [
     /* @__PURE__ */ jsxs("div", { className: "relative mb-4 flex h-28 w-40 items-center justify-center", children: [
@@ -27155,8 +27231,11 @@ const CoinleyPaymentInternal = ({
     description: (recoveryLoadingStatus == null ? void 0 : recoveryLoadingStatus.action) === "refund" ? recoveryLoadingStatus.description : "We are submitting your refund request and checking whether it can be sent immediately.",
     detail: (recoveryLoadingStatus == null ? void 0 : recoveryLoadingStatus.action) === "refund" ? recoveryLoadingStatus.detail : `Refunding the received ${underpaymentInfo.tokenSymbol} on ${underpaymentInfo.refundNetworkLabel}.`
   }) : /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
-    renderUnderpaymentWarning(
-      `Refund of $${formatAmount(underpaymentInfo.receivedAmount || 0)} ${underpaymentInfo.tokenSymbol}`,
+    payAgainAfterRefund ? renderUnderpaymentWarning(
+      `Return ${formatAmount(underpaymentInfo.receivedAmount || 0)} ${underpaymentInfo.tokenSymbol}, then pay again`,
+      `First provide a ${underpaymentInfo.tokenSymbol} wallet address on ${underpaymentInfo.refundNetworkLabel} to receive your returned funds (network fees deducted). We'll then start a fresh checkout so you can pay again.`
+    ) : 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: [
@@ -27731,8 +27810,30 @@ const CoinleyPaymentInternal = ({
       children: label
     }
   );
+  const handleCrossChainPayAgain = async () => {
+    const paymentId = ccResult == null ? void 0 : ccResult.id;
+    clearUnderpaymentUiState(paymentId);
+    setIsCrossChainFailedBridge(false);
+    setCcResult(null);
+    setCcQrCode("");
+    setCcPhase("idle");
+    setCcError(null);
+    setCcManualCheckStatus("idle");
+    ccSucceeded.current = false;
+    setPaymentData(null);
+    await resetAllTransactionState();
+  };
+  payAgainResetRef.current = handleCrossChainPayAgain;
   const handleUnderpaymentChoiceContinue = () => {
     if (!underpaymentChoice) return;
+    if (underpaymentChoice === "pay-again") {
+      refundPendingStartedAt.current = 0;
+      setRefundRequestSubmitted(false);
+      setPayAgainAfterRefund(true);
+      writeUnderpaymentRecovery(underpaymentChoice, "refund", underpaymentInfo);
+      setUnderpaymentView("refund");
+      return;
+    }
     refundPendingStartedAt.current = 0;
     setRefundRequestSubmitted(false);
     const nextView = underpaymentChoice === "refund" ? "refund" : "offset";
@@ -27812,9 +27913,9 @@ const CoinleyPaymentInternal = ({
           return null;
         }
         return renderFooterPrimaryButton({
-          label: refundRequestSubmitted ? "Refund request submitted" : "Submit Refund request",
+          label: payAgainAfterRefund ? refundRequestStatus === "submitting" ? "Submitting..." : "Return funds & pay again" : refundRequestSubmitted ? "Refund request submitted" : "Submit Refund request",
           onClick: handleRefundRequestSubmit,
-          disabled: !refundAddress.trim() || refundRequestStatus === "submitting" || refundRequestStatus === "pending" || refundRequestStatus === "refunded"
+          disabled: !refundAddress.trim() || refundRequestStatus === "submitting" || !payAgainAfterRefund && (refundRequestStatus === "pending" || refundRequestStatus === "refunded")
         });
       }
     }
@@ -28448,4 +28549,4 @@ export {
   chainTransports as c,
   isFeatureEnabled as i
 };
-//# sourceMappingURL=CoinleyPayment-DcxnhCxE.js.map
+//# sourceMappingURL=CoinleyPayment-BovUsM20.js.map

package/dist/{appKitEVM-f4GTnd8I.js → appKitEVM-CGJ7ZTpW.js}

@@ -1,4 +1,4 @@
-import { i as isFeatureEnabled, F as FEATURES, c as chainTransports, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-DcxnhCxE.js";
+import { i as isFeatureEnabled, F as FEATURES, c as chainTransports, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-BovUsM20.js";
 const logo = "https://coinley.io/logo.png";
 let appKitInstance = null;
 let isInitializing = false;
@@ -113,4 +113,4 @@ export {
   initializeAppKitEVM,
   openAppKitModal
 };
-//# sourceMappingURL=appKitEVM-f4GTnd8I.js.map
+//# sourceMappingURL=appKitEVM-CGJ7ZTpW.js.map

package/dist/{appKitSolana-Dyj8Yus-.js → appKitSolana-De-Lx7eT.js}

@@ -1,4 +1,4 @@
-import { F as FEATURES, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-DcxnhCxE.js";
+import { F as FEATURES, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-BovUsM20.js";
 const logo = "https://coinley.io/logo.png";
 let appKitInstance = null;
 let isInitializing = false;
@@ -243,4 +243,4 @@ export {
   disconnectWalletConnect,
   initializeAppKitSolana
 };
-//# sourceMappingURL=appKitSolana-Dyj8Yus-.js.map
+//# sourceMappingURL=appKitSolana-De-Lx7eT.js.map