coinley-pay 0.59.0 → 0.61.0

package/dist/{CoinleyPayment-Uw8bsaCt.js → CoinleyPayment-BofSrJBx.js}

@@ -3,15 +3,15 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 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-D-3pkxRv.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-Dssajde4.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";
 import { d as defineFormatter, e as bytesToHex, n as numberToHex, f as maxUint16, g as defineTransactionReceipt, h as defineTransaction, i as defineBlock, t as toHex, j as hexToBytes, k as hexToBigInt, l as hexToNumber$1, q as formatLog, r as formatUnits, s as etherUnits, B as BaseError, I as InvalidChainIdError, u as isAddress, v as InvalidAddressError, w as serializeTransaction$2, x as concatHex, y as toRlp, z as toBytes, A as sha256, C as pad, D as defineChain, E as chainConfig$3, F as trim, G as formatTransaction, H as serializeTransaction$3, J as serializeAccessList, K as toYParitySignatureArray, L as FeeCapTooHighError, T as TipAboveFeeCapError, M as maxUint256, N as contracts, O as prettyPrint, P as formatGwei, Q as ExecutionRevertedError, R as FeeCapTooLowError, S as NonceTooHighError, U as NonceTooLowError, V as NonceMaxValueError, W as InsufficientFundsError, X as IntrinsicGasTooHighError, Y as IntrinsicGasTooLowError, Z as TransactionTypeNotSupportedError, _ as UnknownNodeError, $ as Hash, a0 as ahash, a1 as toBytes$1, a2 as clean, a3 as aexists, a4 as abytes, m as mainnet, o as optimism, c as bsc, p as polygon, b as arbitrum, a as avalanche, a5 as hexToBytes$1, a6 as bytesToHex$1, a7 as isBytes, a8 as concatBytes, a9 as anumber, aa as randomBytes, ab as sha512, ac as sha256$1, ad as sha256$2 } from "./polygon-Cno8Hbo5.js";
 import { useAppKitAccount } from "@reown/appkit/react";
-import ReactDOM from "react-dom";
 import QRCode from "qrcode";
 const rpcTransactionType = {
   legacy: "0x0",
@@ -21126,7 +21126,7 @@ const WalletSelector = ({
         try {
           setAppKitError(null);
           setWalletConnectAddress(solanaAccountState.address);
-          const { createWalletConnectAdapter } = await import("./appKitSolana-DDxtvGo0.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-C_InTqyc.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-CdtwtZ3M.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-BzMDYdux.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-DDxtvGo0.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-C_InTqyc.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23165,6 +23165,7 @@ const CC_CHAIN_NAMES = {
 };
 const ccChainName = (id) => CC_CHAIN_NAMES[Number(id)] || `Chain ${id}`;
 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 = ({
   publicKey: publicKey2,
   apiKey,
@@ -23334,6 +23335,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(() => {
@@ -25220,8 +25222,10 @@ const CoinleyPaymentInternal = ({
     resetWalletTokens();
     setPaymentData(null);
     setError("");
+    setCcError(null);
     setQrCodeDataUrl("");
     setQrWalletChoiceConfirmed(false);
+    setQrSelectedWalletId(null);
     setCcResult(null);
     setCcQrCode("");
     setCcPhase("idle");
@@ -25247,8 +25251,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", {
@@ -26379,6 +26385,12 @@ const CoinleyPaymentInternal = ({
     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,
@@ -26527,235 +26539,243 @@ const CoinleyPaymentInternal = ({
   };
   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: [
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50", onClick: handleCancel }),
-      /* @__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-5 pt-7 shadow-2xl animate-slide-up-sheet" : "relative flex h-[500px] w-[430px] flex-col overflow-hidden rounded-[28px] bg-white px-4 pb-5 pt-7 shadow-2xl", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: handleCancel,
-            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 items-center justify-center pt-8 text-center", children: [
-          /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Processing", className: "mb-5 h-24 w-36 object-contain" }),
-          /* @__PURE__ */ jsx("h3", { className: "mb-2 text-2xl font-semibold text-black", children: "Please wait..." }),
-          /* @__PURE__ */ jsxs("p", { className: "mx-auto mb-7 max-w-[370px] text-base leading-6 text-[#9EA0A8]", children: [
-            "Your transaction ",
-            /* @__PURE__ */ jsxs("span", { className: "font-semibold text-black", children: [
-              "$",
-              formatAmount(paymentAmount || (config == null ? void 0 : config.amount) || 0)
-            ] }),
-            " has been sent to the blockchain and is being processed..."
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "mb-16 w-full", children: [
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[40px_1fr_40px] items-center gap-4", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-[#07923B] 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("div", { className: "border-t border-dashed border-[#DFE1E7]" }),
-              /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full border border-[#EEF0F4] bg-white", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "", className: "h-6 w-6 object-contain" }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-2 grid grid-cols-[1fr_1fr] text-xs", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-left text-[#9EA0A8]", children: "Transaction submitted" }),
-              /* @__PURE__ */ jsx("p", { className: "text-right font-semibold text-black", children: "confirming payment..." })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-[#F2E8C8] bg-[#FFF9E8] px-3 py-2 text-center text-xs font-medium text-[#B54D0A]", children: "Please don't close this window. This usually takes 10 - 30 seconds" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-4 text-center text-xs text-[#A9ABB2]", children: "Powered by Stablezact" })
-      ] }) })
-    ] });
-  }
-  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: [
+    return renderInPortal(
+      /* @__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", onClick: handleCancel }),
+        /* @__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-5 pt-7 shadow-2xl animate-slide-up-sheet" : "relative flex h-[500px] w-[430px] flex-col overflow-hidden rounded-[28px] bg-white px-4 pb-5 pt-7 shadow-2xl", children: [
           /* @__PURE__ */ jsx(
             "button",
             {
-              type: "button",
-              onClick: onClose,
+              onClick: handleCancel,
               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 })
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center pt-8 text-center", children: [
+            /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Processing", className: "mb-5 h-24 w-36 object-contain" }),
+            /* @__PURE__ */ jsx("h3", { className: "mb-2 text-2xl font-semibold text-black", children: "Please wait..." }),
+            /* @__PURE__ */ jsxs("p", { className: "mx-auto mb-7 max-w-[370px] text-base leading-6 text-[#9EA0A8]", children: [
+              "Your transaction ",
+              /* @__PURE__ */ jsxs("span", { className: "font-semibold text-black", children: [
+                "$",
+                formatAmount(paymentAmount || (config == null ? void 0 : config.amount) || 0)
               ] }),
-              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" }) })
-                  ]
-                }
-              )
+              " has been sent to the blockchain and is being processed..."
             ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mb-16 w-full", children: [
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[40px_1fr_40px] items-center gap-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-[#07923B] 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("div", { className: "border-t border-dashed border-[#DFE1E7]" }),
+                /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full border border-[#EEF0F4] bg-white", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "", className: "h-6 w-6 object-contain" }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-2 grid grid-cols-[1fr_1fr] text-xs", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-left text-[#9EA0A8]", children: "Transaction submitted" }),
+                /* @__PURE__ */ jsx("p", { className: "text-right font-semibold text-black", children: "confirming payment..." })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-[#F2E8C8] bg-[#FFF9E8] px-3 py-2 text-center text-xs font-medium text-[#B54D0A]", children: "Please don't close this window. This usually takes 10 - 30 seconds" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-4 text-center text-xs text-[#A9ABB2]", children: "Powered by Stablezact" })
+        ] }) })
+      ] })
+    );
+  }
+  if (currentStep === PAYMENT_STEPS.SUCCESS) {
+    if (offsetSuccessDetails) {
+      return renderInPortal(
+        /* @__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: "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"
+                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" }) })
               }
-            )
-          ] })
-        ] }) })
-      ] });
-    }
-    if (refundSuccessDetails) {
-      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: "Refund Successful" }),
-              /* @__PURE__ */ jsxs("p", { className: "text-base text-[#A9ABB2]", children: [
-                /* @__PURE__ */ jsxs("span", { className: "font-semibold text-black", children: [
-                  "$",
-                  formatAmount(refundSuccessDetails.amount || 0)
-                ] }),
-                " ",
-                "refunded to your wallet"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mb-9 space-y-0", children: [
-              refundSuccessDetails.transactionHash && /* @__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(refundSuccessDetails.transactionHash) }),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => copyToClipboard(refundSuccessDetails.transactionHash, "refundSuccessTx"),
-                      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 === "refundSuccessTx" ? /* @__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 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: "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: refundSuccessDetails.networkName })
-              ] }),
-              /* @__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: "Token" }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-black", children: refundSuccessDetails.tokenSymbol })
-              ] }),
-              refundSuccessDetails.recipientAddress && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-3", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-[#A9ABB2]", children: "Wallet" }),
-                /* @__PURE__ */ jsx("span", { className: "max-w-[220px] truncate text-sm font-medium text-black", children: truncateAddress(refundSuccessDetails.recipientAddress) })
+              /* @__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" }) })
+                    ]
+                  }
+                )
               ] }),
-              refundSuccessDetails.explorerUrl && /* @__PURE__ */ jsxs(
-                "a",
+              /* @__PURE__ */ jsx(
+                "button",
                 {
-                  href: refundSuccessDetails.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 ",
-                    refundSuccessDetails.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" }) })
-                  ]
+                  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"
                 }
               )
-            ] }),
+            ] })
+          ] }) })
+        ] })
+      );
+    }
+    if (refundSuccessDetails) {
+      return renderInPortal(
+        /* @__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: "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"
+                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: "Refund Successful" }),
+                /* @__PURE__ */ jsxs("p", { className: "text-base text-[#A9ABB2]", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "font-semibold text-black", children: [
+                    "$",
+                    formatAmount(refundSuccessDetails.amount || 0)
+                  ] }),
+                  " ",
+                  "refunded to your wallet"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mb-9 space-y-0", children: [
+                refundSuccessDetails.transactionHash && /* @__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(refundSuccessDetails.transactionHash) }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => copyToClipboard(refundSuccessDetails.transactionHash, "refundSuccessTx"),
+                        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 === "refundSuccessTx" ? /* @__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: refundSuccessDetails.networkName })
+                ] }),
+                /* @__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: "Token" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-black", children: refundSuccessDetails.tokenSymbol })
+                ] }),
+                refundSuccessDetails.recipientAddress && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-3", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-sm text-[#A9ABB2]", children: "Wallet" }),
+                  /* @__PURE__ */ jsx("span", { className: "max-w-[220px] truncate text-sm font-medium text-black", children: truncateAddress(refundSuccessDetails.recipientAddress) })
+                ] }),
+                refundSuccessDetails.explorerUrl && /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: refundSuccessDetails.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 ",
+                      refundSuccessDetails.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(
-        PaymentStatus,
-        {
-          status: "success",
-          message: "Payment completed successfully!",
-          theme,
-          payment: (ccSuccessDetails == null ? void 0 : ccSuccessDetails.payment) || paymentData,
-          transactionHash: (ccSuccessDetails == null ? void 0 : ccSuccessDetails.transactionHash) || (isSolana ? solanaTransaction.txSignature || (paymentData == null ? void 0 : paymentData.transactionHash) : currentTransactionHash || (paymentData == null ? void 0 : paymentData.transactionHash)),
-          selectedPaymentMethod: selectedToken,
-          selectedNetwork: (ccSuccessDetails == null ? void 0 : ccSuccessDetails.network) || selectedNetwork,
-          merchantName: (config == null ? void 0 : config.merchantName) || "Merchant",
-          onClose
-        }
-      ) }) })
-    ] });
+    return renderInPortal(
+      /* @__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(
+          PaymentStatus,
+          {
+            status: "success",
+            message: "Payment completed successfully!",
+            theme,
+            payment: (ccSuccessDetails == null ? void 0 : ccSuccessDetails.payment) || paymentData,
+            transactionHash: (ccSuccessDetails == null ? void 0 : ccSuccessDetails.transactionHash) || (isSolana ? solanaTransaction.txSignature || (paymentData == null ? void 0 : paymentData.transactionHash) : currentTransactionHash || (paymentData == null ? void 0 : paymentData.transactionHash)),
+            selectedPaymentMethod: selectedToken,
+            selectedNetwork: (ccSuccessDetails == null ? void 0 : ccSuccessDetails.network) || selectedNetwork,
+            merchantName: (config == null ? void 0 : config.merchantName) || "Merchant",
+            onClose
+          }
+        ) }) })
+      ] })
+    );
   }
   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;
@@ -26813,16 +26833,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" }
     ].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
     )) })
@@ -26961,7 +26981,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",
@@ -27103,7 +27123,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(),
@@ -27118,6 +27139,7 @@ const CoinleyPaymentInternal = ({
   ];
   const handleQrWalletSelect = async (walletId) => {
     setPreferredWallet(walletId);
+    setQrSelectedWalletId(walletId);
     setError(null);
     setQrCodeDataUrl("");
     setQrWalletChoiceConfirmed(false);
@@ -27140,6 +27162,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.");
     }
   };
@@ -27351,9 +27374,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",
             {
@@ -27374,7 +27397,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: [
@@ -27642,6 +27665,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 = () => {
@@ -27932,7 +27963,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({
@@ -27940,8 +27971,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,
@@ -27949,6 +27980,7 @@ const CoinleyPaymentInternal = ({
             onChange: (chainId) => {
               setCcOriginChainId(chainId);
               setCcOriginToken(null);
+              setCcError(null);
             }
           }),
           renderCheckoutSelect({
@@ -28123,6 +28155,7 @@ const CoinleyPaymentInternal = ({
     setPaymentData(null);
     setQrCodeDataUrl("");
     setQrWalletChoiceConfirmed(false);
+    setQrSelectedWalletId(null);
   };
   const isCheckoutDropdownOpen = [
     "transfer-network",
@@ -28133,42 +28166,44 @@ const CoinleyPaymentInternal = ({
     "cross-chain-network",
     "cross-chain-token"
   ].includes(openCheckoutDropdown);
-  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", onClick: handleCancel }),
-    /* @__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 bg-white rounded-t-[24px] shadow-2xl w-full max-h-[96dvh] overflow-hidden flex flex-col animate-slide-up-sheet" : `relative bg-white rounded-[28px] shadow-2xl w-[430px] ${isTransferAddressGenerated ? "h-[640px]" : "h-[600px]"} max-h-[calc(100vh-32px)] overflow-hidden flex flex-col`, children: [
-      !isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: `pointer-events-none absolute left-[-10px] ${isTransferAddressGenerated ? "top-[36%]" : "top-[44%]"} z-20 h-5 w-5 rounded-full bg-black/50` }),
-        /* @__PURE__ */ jsx("span", { className: `pointer-events-none absolute right-[-10px] ${isTransferAddressGenerated ? "top-[36%]" : "top-[44%]"} z-20 h-5 w-5 rounded-full bg-black/50` })
-      ] }),
-      isMobile && /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-3 pb-1 flex-shrink-0", children: /* @__PURE__ */ jsx("div", { className: "w-10 h-1 bg-gray-300 rounded-full" }) }),
-      /* @__PURE__ */ jsxs("div", { className: `flex min-h-0 flex-1 flex-col ${isMobile ? "px-3" : "px-4"} ${isTightWalletView ? "pb-2 pt-3" : "pb-4 pt-4"}`, children: [
-        /* @__PURE__ */ jsxs("div", { className: `${isTightWalletView ? "mb-3" : "mb-5"} flex items-center justify-between`, children: [
-          isTransferAddressGenerated || isWalletReadyForPayment || isQrPaymentActiveView || isWalletBackHeaderView || isWalletTokenSelectionView ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: isTransferAddressGenerated ? handleTransferAddressBack : isQrPaymentActiveView ? handleQrBack : isWalletTokenSelectionView ? handleWalletTokenSelectionBack : handleWalletReadyBack,
-              className: `${isTightWalletView ? "h-8 w-8" : "h-9 w-9"} flex items-center justify-center rounded-full border border-[#E5E7EB] text-[#111827] transition-colors hover:bg-gray-50`,
-              "aria-label": "Go back",
-              children: /* @__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: "M15 19l-7-7 7-7" }) })
-            }
-          ) : /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-[#424653]", children: "Send Money" }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: handleCancel,
-              className: "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" }) })
-            }
-          )
+  return renderInPortal(
+    /* @__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", onClick: handleCancel }),
+      /* @__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 bg-white rounded-t-[24px] shadow-2xl w-full max-h-[96dvh] overflow-hidden flex flex-col animate-slide-up-sheet" : `relative bg-white rounded-[28px] shadow-2xl w-[430px] ${isTransferAddressGenerated ? "h-[640px]" : "h-[600px]"} max-h-[calc(100vh-32px)] overflow-hidden flex flex-col`, children: [
+        !isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: `pointer-events-none absolute left-[-10px] ${isTransferAddressGenerated ? "top-[36%]" : "top-[44%]"} z-20 h-5 w-5 rounded-full bg-black/50` }),
+          /* @__PURE__ */ jsx("span", { className: `pointer-events-none absolute right-[-10px] ${isTransferAddressGenerated ? "top-[36%]" : "top-[44%]"} z-20 h-5 w-5 rounded-full bg-black/50` })
         ] }),
-        renderPaymentSummary(),
-        renderMethodTabs(),
-        /* @__PURE__ */ jsx("div", { className: `min-h-0 flex-1 ${isCheckoutDropdownOpen ? "overflow-visible" : "overflow-y-auto coinley-scroll"} pb-1`, children: renderTabContent() }),
-        renderCheckoutFooter()
-      ] })
-    ] }) })
-  ] });
+        isMobile && /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-3 pb-1 flex-shrink-0", children: /* @__PURE__ */ jsx("div", { className: "w-10 h-1 bg-gray-300 rounded-full" }) }),
+        /* @__PURE__ */ jsxs("div", { className: `flex min-h-0 flex-1 flex-col ${isMobile ? "px-3" : "px-4"} ${isTightWalletView ? "pb-2 pt-3" : "pb-4 pt-4"}`, children: [
+          /* @__PURE__ */ jsxs("div", { className: `${isTightWalletView ? "mb-3" : "mb-5"} flex items-center justify-between`, children: [
+            isTransferAddressGenerated || isWalletReadyForPayment || isQrPaymentActiveView || isWalletBackHeaderView || isWalletTokenSelectionView ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: isTransferAddressGenerated ? handleTransferAddressBack : isQrPaymentActiveView ? handleQrBack : isWalletTokenSelectionView ? handleWalletTokenSelectionBack : handleWalletReadyBack,
+                className: `${isTightWalletView ? "h-8 w-8" : "h-9 w-9"} flex items-center justify-center rounded-full border border-[#E5E7EB] text-[#111827] transition-colors hover:bg-gray-50`,
+                "aria-label": "Go back",
+                children: /* @__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: "M15 19l-7-7 7-7" }) })
+              }
+            ) : /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-[#424653]", children: "Send Money" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: handleCancel,
+                className: "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" }) })
+              }
+            )
+          ] }),
+          renderPaymentSummary(),
+          renderMethodTabs(),
+          /* @__PURE__ */ jsx("div", { className: `min-h-0 flex-1 ${isCheckoutDropdownOpen ? "overflow-visible" : "overflow-y-auto coinley-scroll"} pb-1`, children: renderTabContent() }),
+          renderCheckoutFooter()
+        ] })
+      ] }) })
+    ] })
+  );
 };
 const CoinleyPayment = (props) => {
   const { apiUrl, publicKey: publicKey2, enableAgentDiscovery = true } = props;
@@ -28203,4 +28238,4 @@ export {
   chainTransports as c,
   isFeatureEnabled as i
 };
-//# sourceMappingURL=CoinleyPayment-Uw8bsaCt.js.map
+//# sourceMappingURL=CoinleyPayment-BofSrJBx.js.map