coinley-pay 0.60.0 → 0.62.0

package/dist/{CoinleyPayment-BTrq3zIS.js → CoinleyPayment-CkjhX3Ry.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-bVSNOcZr.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-EVIUXV4Y.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-BeXOnse3.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-Qc2Ml_-f.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-rZ-uPbNm.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-Dsu3B87G.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-BeXOnse3.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-Qc2Ml_-f.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23128,6 +23128,29 @@ const injectCoinleyFonts = () => {
 `;
   document.head.appendChild(style);
 };
+const FIVE_MINUTES_MS = 5 * 60 * 1e3;
+const TEN_MINUTES_MS = 10 * 60 * 1e3;
+const getRefundPendingGuidance = (elapsedMs = 0) => {
+  if (elapsedMs >= TEN_MINUTES_MS) {
+    return {
+      title: "Refund is taking longer than expected",
+      description: "Your refund is still being processed. You can safely close this window while we continue in the background.",
+      eta: "Most refunds arrive within 15 minutes. If yours does not, check again later or contact support with your payment ID."
+    };
+  }
+  if (elapsedMs >= FIVE_MINUTES_MS) {
+    return {
+      title: "Refund is still being processed",
+      description: "Your refund request has been accepted and is still processing. You do not need to keep this window open.",
+      eta: "Most refunds at this stage arrive within about 10 minutes."
+    };
+  }
+  return {
+    title: "Refund request received",
+    description: "Your refund is being processed automatically. You can safely close this window.",
+    eta: "Most refunds arrive within about 5 minutes."
+  };
+};
 const CHECKOUT_BUILD = "checkout-2026-04-22b-route-destination-trials";
 const UNDERPAYMENT_RECOVERY_STORAGE_PREFIX = "coinley_underpayment_recovery:";
 const UNDERPAYMENT_RECOVERY_TTL_MS = 2 * 60 * 60 * 1e3;
@@ -23335,6 +23358,7 @@ const CoinleyPaymentInternal = ({
   const [depositQrCode, setDepositQrCode] = useState("");
   const [preferredWallet, setPreferredWallet] = useState("metamask");
   const [qrWalletChoiceConfirmed, setQrWalletChoiceConfirmed] = useState(false);
+  const [qrSelectedWalletId, setQrSelectedWalletId] = useState(null);
   const [selectedWalletOptionId, setSelectedWalletOptionId] = useState("");
   const [isMobile, setIsMobile] = useState(false);
   const [mobilePaymentStarted, setMobilePaymentStarted] = useState(() => {
@@ -23360,6 +23384,7 @@ const CoinleyPaymentInternal = ({
   const manualCheckTimeout = useRef(null);
   const recoveryLoadingStartedAt = useRef(0);
   const recoveryLoadingTimeout = useRef(null);
+  const refundPendingStartedAt = useRef(0);
   const [copiedField, setCopiedField] = useState(null);
   const [expirationTime, setExpirationTime] = useState(null);
   const STANDARD_PAYMENT_TIMEOUT_MS = 15 * 60 * 1e3;
@@ -25221,8 +25246,10 @@ const CoinleyPaymentInternal = ({
     resetWalletTokens();
     setPaymentData(null);
     setError("");
+    setCcError(null);
     setQrCodeDataUrl("");
     setQrWalletChoiceConfirmed(false);
+    setQrSelectedWalletId(null);
     setCcResult(null);
     setCcQrCode("");
     setCcPhase("idle");
@@ -25248,8 +25275,10 @@ const CoinleyPaymentInternal = ({
     (_a2 = transactionHandling.resetTransaction) == null ? void 0 : _a2.call(transactionHandling);
     setPaymentData(null);
     setError("");
+    setCcError(null);
     setQrCodeDataUrl("");
     setQrWalletChoiceConfirmed(false);
+    setQrSelectedWalletId(null);
     setSelectedToken(token);
     setCcOriginToken((selectedNetwork == null ? void 0 : selectedNetwork.isCrossChainSource) ? token : null);
     createNewAttempt("token-selected", {
@@ -25372,6 +25401,7 @@ const CoinleyPaymentInternal = ({
       setRecoveryLoadingStatus({ action, ...status });
     });
   }, [runAfterRecoveryMinimum]);
+  const getRefundPendingElapsedMs = useCallback(() => refundPendingStartedAt.current ? Math.max(Date.now() - refundPendingStartedAt.current, 0) : 0, []);
   const getOffsetWaitingStatus = useCallback((overrides = {}) => {
     const shortfallLabel = underpaymentInfo ? `${formatAmount(underpaymentInfo.shortfallAmount || underpaymentInfo.amountRemaining || 0)} ${underpaymentInfo.tokenSymbol || (selectedToken == null ? void 0 : selectedToken.symbol) || ""}`.trim() : "the remaining amount";
     const networkLabel = (underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "the selected network";
@@ -25382,24 +25412,27 @@ const CoinleyPaymentInternal = ({
       ...overrides
     };
   }, [selectedNetwork == null ? void 0 : selectedNetwork.name, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo]);
-  const getRefundPendingStatus = useCallback(() => ({
-    title: "Refund request received",
-    description: "We will process it automatically.",
-    detail: `Refunding the received ${(underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol) || (selectedToken == null ? void 0 : selectedToken.symbol) || "tokens"} on ${(underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "the selected network"}.`
-  }), [selectedNetwork == null ? void 0 : selectedNetwork.name, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel, underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol]);
+  const getRefundPendingStatus = useCallback(() => {
+    const guidance = getRefundPendingGuidance(getRefundPendingElapsedMs());
+    return {
+      ...guidance,
+      detail: `${guidance.eta} Refunding the received ${(underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol) || (selectedToken == null ? void 0 : selectedToken.symbol) || "tokens"} on ${(underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "the selected network"}.`
+    };
+  }, [getRefundPendingElapsedMs, selectedNetwork == null ? void 0 : selectedNetwork.name, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel, underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol]);
   const getCrossChainRefundPendingStatus = useCallback((status = ccRefundPendingInfo) => {
     var _a2, _b, _c, _d;
     const details = (status == null ? void 0 : status.refundPendingDetails) || {};
     const tokenSymbol = ((_a2 = status == null ? void 0 : status.underpayment) == null ? void 0 : _a2.tokenSymbol) || ((_b = status == null ? void 0 : status.underpayment) == null ? void 0 : _b.currency) || (underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol) || (ccOriginToken == null ? void 0 : ccOriginToken.symbol) || (selectedToken == null ? void 0 : selectedToken.symbol) || "tokens";
     const networkLabel = ((_c = status == null ? void 0 : status.underpayment) == null ? void 0 : _c.refundNetworkLabel) || (underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel) || ccChainName(((_d = status == null ? void 0 : status.relay) == null ? void 0 : _d.originChainId) || (ccResult == null ? void 0 : ccResult.originChainId) || ccOriginChainId);
     const refundAddressLabel = (status == null ? void 0 : status.refundRecipient) || refundAddress.trim();
+    const guidance = getRefundPendingGuidance(getRefundPendingElapsedMs());
     const available = details.available && details.available !== "0.0" ? ` Relay has returned ${details.available} ${tokenSymbol}.` : "";
     return {
-      title: "Waiting for Relay refund",
-      description: "Relay is returning the underpaid funds before Coinley can send your refund.",
-      detail: `We will keep checking automatically and refund ${tokenSymbol} on ${networkLabel}${refundAddressLabel ? ` to ${truncateAddress(refundAddressLabel)}` : ""}.${available}`
+      title: guidance.title,
+      description: guidance.description,
+      detail: `${guidance.eta} Refund will be sent as ${tokenSymbol} on ${networkLabel}${refundAddressLabel ? ` to ${truncateAddress(refundAddressLabel)}` : ""}.${available}`
     };
-  }, [ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, ccRefundPendingInfo, ccResult == null ? void 0 : ccResult.originChainId, refundAddress, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel, underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol]);
+  }, [ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, ccRefundPendingInfo, ccResult == null ? void 0 : ccResult.originChainId, getRefundPendingElapsedMs, refundAddress, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel, underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol]);
   useEffect(() => () => {
     if (recoveryLoadingTimeout.current) {
       clearTimeout(recoveryLoadingTimeout.current);
@@ -25414,6 +25447,7 @@ const CoinleyPaymentInternal = ({
       const status = await paymentFlow.api.getCrossChainStatus(ccResult.id);
       setCcPhase(status.phase);
       if (status.refundStatus === "refunded") {
+        refundPendingStartedAt.current = 0;
         finishRecoveryLoading(() => {
           setCcRefundPendingInfo(null);
           ccSucceeded.current = true;
@@ -25424,6 +25458,7 @@ const CoinleyPaymentInternal = ({
           setCurrentStep(PAYMENT_STEPS.SUCCESS);
         });
       } else if (status.refundStatus === "pending") {
+        refundPendingStartedAt.current = refundPendingStartedAt.current || Date.now();
         activateUnderpaymentFromCrossChainStatus(status);
         setCcRefundPendingInfo(status);
         setRefundRequestSubmitted(true);
@@ -25493,6 +25528,7 @@ const CoinleyPaymentInternal = ({
         if (cancelled) return;
         setCcPhase(s.phase);
         if (s.refundStatus === "refunded") {
+          refundPendingStartedAt.current = 0;
           ccSucceeded.current = true;
           setCcRefundPendingInfo(null);
           setRefundRequestStatus("refunded");
@@ -25501,6 +25537,7 @@ const CoinleyPaymentInternal = ({
           clearUnderpaymentRecovery(s.paymentId || ccResult.id);
           setCurrentStep(PAYMENT_STEPS.SUCCESS);
         } else if (s.refundStatus === "pending") {
+          refundPendingStartedAt.current = refundPendingStartedAt.current || Date.now();
           activateUnderpaymentFromCrossChainStatus(s);
           setCcRefundPendingInfo(s);
           setRefundRequestSubmitted(true);
@@ -26352,6 +26389,7 @@ const CoinleyPaymentInternal = ({
       setUnderpaymentChoice(recoveryState.choice);
       setUnderpaymentView(recoveryState.view === "refund" ? "refund" : "offset");
       setManualCheckStatus(null);
+      refundPendingStartedAt.current = 0;
       setRefundRequestSubmitted(false);
       setRefundRequestStatus(null);
       setRefundRequestMessage("");
@@ -26361,6 +26399,7 @@ const CoinleyPaymentInternal = ({
     setUnderpaymentChoice(null);
     setUnderpaymentView("choice");
     setRefundAddress("");
+    refundPendingStartedAt.current = 0;
     setRefundRequestSubmitted(false);
     setRefundRequestStatus(null);
     setRefundRequestMessage("");
@@ -26376,10 +26415,17 @@ const CoinleyPaymentInternal = ({
     const trimmedAddress = refundAddress.trim();
     if (!trimmedAddress || !activeTransferPaymentId || refundRequestStatus === "submitting") return;
     startRecoveryLoading("refund");
+    refundPendingStartedAt.current = Date.now();
     setRefundRequestStatus("submitting");
     setRefundRequestMessage("");
     setManualCheckStatus(null);
     clearUnderpaymentRecovery(activeTransferPaymentId);
+    holdRecoveryLoading("refund", ccResult ? getCrossChainRefundPendingStatus({
+      refundStatus: "pending",
+      refundRecipient: trimmedAddress,
+      underpayment: underpaymentInfo,
+      relay: { originChainId: ccResult.originChainId || ccOriginChainId }
+    }) : getRefundPendingStatus());
     const refundPayload = {
       paymentId: activeTransferPaymentId,
       refundAddress: trimmedAddress,
@@ -26402,6 +26448,7 @@ const CoinleyPaymentInternal = ({
       setRefundRequestSubmitted(true);
       setRefundRequestStatus(refundStatus === "refunded" ? "refunded" : "pending");
       if (refundStatus === "refunded") {
+        refundPendingStartedAt.current = 0;
         finishRecoveryLoading(() => {
           var _a3;
           setRefundRequestMessage("");
@@ -26410,6 +26457,7 @@ const CoinleyPaymentInternal = ({
           setCurrentStep(PAYMENT_STEPS.SUCCESS);
         });
       } else {
+        refundPendingStartedAt.current = refundPendingStartedAt.current || Date.now();
         setRefundRequestMessage("");
         if (ccResult) {
           const pendingStatus = {
@@ -26427,6 +26475,7 @@ const CoinleyPaymentInternal = ({
         }
       }
     } catch (error2) {
+      refundPendingStartedAt.current = 0;
       console.warn("[RefundRequest] Error:", error2.message);
       finishRecoveryLoading(() => {
         setRefundRequestSubmitted(false);
@@ -26822,16 +26871,16 @@ const CoinleyPaymentInternal = ({
   const renderMethodTabs = () => /* @__PURE__ */ jsxs("div", { className: isTightWalletView ? "mb-2" : isCompactCheckoutView ? "mb-3" : "mb-4", children: [
     /* @__PURE__ */ jsx("p", { className: `text-xs text-[#9EA0A8] ${isTightWalletView ? "mb-1" : "mb-2"}`, children: "Payment methods" }),
     /* @__PURE__ */ jsx("div", { className: "flex overflow-hidden rounded-xl bg-[#F6F6F7] p-1", children: [
-      { tab: PAYMENT_TABS.TRANSFER, label: "Transfer to address" },
-      { tab: PAYMENT_TABS.QR, label: "QR Code" },
-      { tab: PAYMENT_TABS.WALLET, label: "Wallet Extension" }
+      { tab: PAYMENT_TABS.TRANSFER, label: "Transfer to address", mobileLabel: "Transfer" },
+      { tab: PAYMENT_TABS.QR, label: "QR Code", mobileLabel: "QR Code" },
+      { tab: PAYMENT_TABS.WALLET, label: "Wallet Extension", mobileLabel: "Wallet Extension" }
     ].map((method) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
         onClick: () => isMobile ? handleMobileTabSelect(method.tab) : setActiveTab(method.tab),
-        className: `min-w-0 ${isTightWalletView ? "h-7 px-2 text-[13px]" : "h-9 px-2.5 text-sm"} rounded-lg transition-colors whitespace-nowrap ${method.tab === PAYMENT_TABS.TRANSFER ? "flex-[1.35]" : "flex-1"} ${activeTab === method.tab ? "bg-white text-[#5B2EEA] shadow-[0_1px_3px_rgba(31,36,48,0.08)]" : "text-[#535865] hover:text-[#1F2430]"}`,
-        children: method.label
+        className: `min-w-0 truncate ${isTightWalletView ? "h-7 px-2 text-[13px]" : "h-9 px-2.5 text-sm"} rounded-lg transition-colors whitespace-nowrap ${method.tab === PAYMENT_TABS.TRANSFER ? "flex-[1.35]" : "flex-1"} ${activeTab === method.tab ? "bg-white text-[#5B2EEA] shadow-[0_1px_3px_rgba(31,36,48,0.08)]" : "text-[#535865] hover:text-[#1F2430]"}`,
+        children: isMobile ? method.mobileLabel : method.label
       },
       method.tab
     )) })
@@ -26970,7 +27019,7 @@ const CoinleyPaymentInternal = ({
     const knownChain = ALCHEMY_EVM_CHAINS.find((chain) => Number(chain.id) === chainId);
     return {
       id: `cross-chain-${chainId}`,
-      name: (knownChain == null ? void 0 : knownChain.displayName) || ccChainName(chainId),
+      name: (knownChain == null ? void 0 : knownChain.displayName) || source.name || ccChainName(chainId),
       shortName: (knownChain == null ? void 0 : knownChain.shortName) || `chain-${chainId}`,
       chainId,
       chainType: "evm",
@@ -27112,7 +27161,8 @@ const CoinleyPaymentInternal = ({
         const token = availableTokens.find((item) => item.id === tokenId);
         if (token) handleTokenSelect(token);
       }
-    })
+    }),
+    ccError && /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-xs font-medium text-red-600", children: ccError })
   ] });
   const renderWalletExtensionSetupPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
     !selectedNetwork && renderWalletNetworkPickerPanel(),
@@ -27127,6 +27177,7 @@ const CoinleyPaymentInternal = ({
   ];
   const handleQrWalletSelect = async (walletId) => {
     setPreferredWallet(walletId);
+    setQrSelectedWalletId(walletId);
     setError(null);
     setQrCodeDataUrl("");
     setQrWalletChoiceConfirmed(false);
@@ -27149,6 +27200,7 @@ const CoinleyPaymentInternal = ({
       await createPaymentAndGenerateQR(network, token, walletId);
     } catch (err) {
       setQrWalletChoiceConfirmed(false);
+      setQrSelectedWalletId(null);
       setError((err == null ? void 0 : err.message) || "Unable to generate QR code. Please try again.");
     }
   };
@@ -27360,9 +27412,9 @@ const CoinleyPaymentInternal = ({
         type: "button",
         onClick: () => handleQrWalletSelect(wallet.id),
         disabled: !selectedNetwork || !selectedToken || qrLoading || isConverting,
-        className: `relative flex h-[76px] min-w-0 flex-col items-start justify-between rounded-lg border bg-[#FAFAFB] px-2.5 py-3 text-left transition-colors ${preferredWallet === wallet.id ? "border-[#7042D2] bg-[#FBF8FF]" : "border-[#EEF0F4] hover:border-[#C9B8F6]"} disabled:cursor-not-allowed disabled:opacity-60`,
+        className: `relative flex h-[76px] min-w-0 flex-col items-start justify-between rounded-lg border bg-[#FAFAFB] px-2.5 py-3 text-left transition-colors ${qrSelectedWalletId === wallet.id ? "border-[#7042D2] bg-[#FBF8FF]" : "border-[#EEF0F4] hover:border-[#C9B8F6]"} disabled:cursor-not-allowed disabled:opacity-60`,
         children: [
-          preferredWallet === wallet.id && qrWalletChoiceConfirmed && /* @__PURE__ */ jsx("span", { className: "absolute right-[-5px] top-[-6px] flex h-4 w-4 items-center justify-center rounded-full border border-[#7042D2] bg-white text-[#7042D2]", children: /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
+          qrSelectedWalletId === wallet.id && qrWalletChoiceConfirmed && /* @__PURE__ */ jsx("span", { className: "absolute right-[-5px] top-[-6px] flex h-4 w-4 items-center justify-center rounded-full border border-[#7042D2] bg-white text-[#7042D2]", children: /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
           /* @__PURE__ */ jsx(
             "img",
             {
@@ -27383,7 +27435,7 @@ const CoinleyPaymentInternal = ({
       /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "", className: "h-5 w-6 object-contain" }),
       "Generating QR code..."
     ] }),
-    /* @__PURE__ */ jsx("p", { className: "text-xs leading-5 text-[#9EA0A8]", children: "Simply select a wallet app to generate the QR code then input the amount, and transfer your funds" })
+    qrWalletChoiceConfirmed ? renderQrPaymentPanel() : !qrLoading && /* @__PURE__ */ jsx("p", { className: "text-xs leading-5 text-[#9EA0A8]", children: "Simply select a wallet app to generate the QR code then input the amount, and transfer your funds" })
   ] });
   const renderQrPaymentPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col gap-3 min-[380px]:flex-row min-[380px]:items-start", children: [
@@ -27511,6 +27563,7 @@ const CoinleyPaymentInternal = ({
   );
   const handleUnderpaymentChoiceContinue = () => {
     if (!underpaymentChoice) return;
+    refundPendingStartedAt.current = 0;
     setRefundRequestSubmitted(false);
     const nextView = underpaymentChoice === "refund" ? "refund" : "offset";
     writeUnderpaymentRecovery(underpaymentChoice, nextView, underpaymentInfo);
@@ -27651,6 +27704,14 @@ const CoinleyPaymentInternal = ({
         disabled: loading || isConverting || walletOptionsForSelectedNetwork.length === 0 || isSwapOrBridgeFlow && (relayBridge.bridgeStatus === "quoting" || (selectedToken == null ? void 0 : selectedToken.routeStatus) === "unsupported")
       });
     }
+    if (activeTab === PAYMENT_TABS.QR && !qrWalletChoiceConfirmed) {
+      return renderFooterPrimaryButton({
+        label: qrLoading ? "Generating QR code..." : "Continue",
+        onClick: () => {
+        },
+        disabled: true
+      });
+    }
     return null;
   };
   const renderCheckoutFooter = () => {
@@ -27941,7 +28002,7 @@ const CoinleyPaymentInternal = ({
         ) }),
         isSwapOrBridgeFlow && (selectedToken == null ? void 0 : selectedToken.routeStatus) === "unsupported" && /* @__PURE__ */ jsx("div", { className: "mb-2 rounded-lg border border-red-200 bg-red-50 p-2 text-xs text-red-700", children: UNSUPPORTED_ROUTE_MESSAGE })
       ] }),
-      activeTab === PAYMENT_TABS.QR && /* @__PURE__ */ jsx(Fragment, { children: qrWalletChoiceConfirmed ? renderQrPaymentPanel() : renderQrWalletChoicePanel() }),
+      activeTab === PAYMENT_TABS.QR && /* @__PURE__ */ jsx(Fragment, { children: renderQrWalletChoicePanel() }),
       activeTab === PAYMENT_TABS.TRANSFER && /* @__PURE__ */ jsxs(Fragment, { children: [
         isCrossChainTransferSetupView && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
           renderCheckoutSelect({
@@ -27949,8 +28010,8 @@ const CoinleyPaymentInternal = ({
             label: "Select a Network",
             value: ccOriginChainId,
             placeholder: "Select a network",
-            options: ccSources.map((s) => ({ id: String(s.chainId), chainId: s.chainId })),
-            getLabel: (o) => ccChainName(o.chainId),
+            options: ccSources.map((s) => ({ id: String(s.chainId), chainId: s.chainId, name: s.name })),
+            getLabel: (o) => o.name || ccChainName(o.chainId),
             getIcon: (o) => ccChainIcon(o.chainId),
             compact: true,
             elevated: true,
@@ -27958,6 +28019,7 @@ const CoinleyPaymentInternal = ({
             onChange: (chainId) => {
               setCcOriginChainId(chainId);
               setCcOriginToken(null);
+              setCcError(null);
             }
           }),
           renderCheckoutSelect({
@@ -28112,6 +28174,7 @@ const CoinleyPaymentInternal = ({
     setUnderpaymentChoice(null);
     setUnderpaymentView("choice");
     setRefundAddress("");
+    refundPendingStartedAt.current = 0;
     setRefundRequestSubmitted(false);
     setRefundRequestStatus(null);
     setRefundRequestMessage("");
@@ -28132,6 +28195,7 @@ const CoinleyPaymentInternal = ({
     setPaymentData(null);
     setQrCodeDataUrl("");
     setQrWalletChoiceConfirmed(false);
+    setQrSelectedWalletId(null);
   };
   const isCheckoutDropdownOpen = [
     "transfer-network",
@@ -28214,4 +28278,4 @@ export {
   chainTransports as c,
   isFeatureEnabled as i
 };
-//# sourceMappingURL=CoinleyPayment-BTrq3zIS.js.map
+//# sourceMappingURL=CoinleyPayment-CkjhX3Ry.js.map

package/dist/{appKitEVM-rZ-uPbNm.js → appKitEVM-Dsu3B87G.js}

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

package/dist/{appKitSolana-BeXOnse3.js → appKitSolana-Qc2Ml_-f.js}

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