coinley-pay 0.51.0 → 0.53.0

package/dist/{CoinleyPayment-BgreroDe.js → CoinleyPayment-BFkZ0Fq5.js}

@@ -5,7 +5,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { useConnect, useAccount, useSwitchChain, useSendTransaction, useWaitForTransactionReceipt, WagmiProvider, useDisconnect } from "wagmi";
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
-import { s as sdkAnalytics, c as clarityAnalytics, d as dist, a as Buffer2, B as Buffer$1, g as getCurrencyInfo, p as prefetchRates, i as isSupportedCurrency, b as convertToUSD, f as formatCurrency } from "./index-D5OEATPc.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-DkzxitOg.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";
@@ -2475,8 +2475,12 @@ class SimplePaymentAPI {
   // customer sends to a Relay-generated source-chain address that bridges to the
   // merchant's settlement chain. Backend resolves the destination.
   async getCrossChainSources() {
+    var _a;
     const result = await this.request("/api/payments/cross-chain/sources");
-    return (result == null ? void 0 : result.sources) || [];
+    if (Array.isArray(result)) return result;
+    if (Array.isArray(result == null ? void 0 : result.sources)) return result.sources;
+    if (Array.isArray((_a = result == null ? void 0 : result.data) == null ? void 0 : _a.sources)) return result.data.sources;
+    return [];
   }
   async createCrossChainPayment(data) {
     return await this.request("/api/payments/cross-chain/create", {
@@ -21122,7 +21126,7 @@ const WalletSelector = ({
         try {
           setAppKitError(null);
           setWalletConnectAddress(solanaAccountState.address);
-          const { createWalletConnectAdapter } = await import("./appKitSolana-Bc3C3YDl.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-B1EqivHA.js");
           const adapter = createWalletConnectAdapter(solanaAccountState.address);
           await solanaWallet.connectWalletConnect(adapter, solanaAccountState.address);
           console.log("✅ WalletConnect synced with SDK");
@@ -21227,7 +21231,7 @@ const WalletSelector = ({
     setAppKitLoading(true);
     setAppKitError(null);
     try {
-      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-Bzcdqksa.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-BC0nAR77.js");
       await initializeAppKitEVM(wagmiConfig);
       await openAppKitModal();
     } catch (error) {
@@ -21247,7 +21251,7 @@ const WalletSelector = ({
     setAppKitError(null);
     try {
       console.log("📦 Loading AppKit Solana module...");
-      const { initializeAppKitSolana } = await import("./appKitSolana-Bc3C3YDl.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-B1EqivHA.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23318,6 +23322,7 @@ const CoinleyPaymentInternal = ({
   const [ccError, setCcError] = useState(null);
   const [ccGenerating, setCcGenerating] = useState(false);
   const [ccManualCheckStatus, setCcManualCheckStatus] = useState("idle");
+  const [ccRefundPendingInfo, setCcRefundPendingInfo] = useState(null);
   const ccSucceeded = useRef(false);
   const ccStatusPollInFlight = useRef(false);
   const ccSourcesRetryTimer = useRef(null);
@@ -23734,6 +23739,7 @@ const CoinleyPaymentInternal = ({
     setCcManualCheckStatus(null);
     setRecoveryLoadingAction(null);
     setRecoveryLoadingStatus(null);
+    setCcRefundPendingInfo(null);
     clearUnderpaymentRecovery(paymentId || activeTransferPaymentId);
   }, [activeTransferPaymentId, clearUnderpaymentRecovery]);
   useEffect(() => {
@@ -23741,6 +23747,7 @@ const CoinleyPaymentInternal = ({
     setRefundSuccessDetails(null);
     setRecoveryLoadingAction(null);
     setRecoveryLoadingStatus(null);
+    setCcRefundPendingInfo(null);
   }, [paymentData == null ? void 0 : paymentData.id]);
   const selectedNetworkIsSolana = (selectedNetwork == null ? void 0 : selectedNetwork.chainType) === "solana" || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) === "solana";
   const sourceNeedsMerchantBridge = Boolean(
@@ -25306,6 +25313,19 @@ const CoinleyPaymentInternal = ({
     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 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 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}`
+    };
+  }, [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]);
   useEffect(() => () => {
     if (recoveryLoadingTimeout.current) {
       clearTimeout(recoveryLoadingTimeout.current);
@@ -25321,6 +25341,7 @@ const CoinleyPaymentInternal = ({
       setCcPhase(status.phase);
       if (status.refundStatus === "refunded") {
         finishRecoveryLoading(() => {
+          setCcRefundPendingInfo(null);
           ccSucceeded.current = true;
           setRefundRequestStatus("refunded");
           setRefundRequestMessage("");
@@ -25328,6 +25349,14 @@ const CoinleyPaymentInternal = ({
           clearUnderpaymentRecovery(status.paymentId || ccResult.id);
           setCurrentStep(PAYMENT_STEPS.SUCCESS);
         });
+      } else if (status.refundStatus === "pending") {
+        activateUnderpaymentFromCrossChainStatus(status);
+        setCcRefundPendingInfo(status);
+        setRefundRequestSubmitted(true);
+        setRefundRequestStatus("pending");
+        setRefundRequestMessage("");
+        setCcManualCheckStatus(null);
+        holdRecoveryLoading("refund", getCrossChainRefundPendingStatus(status));
       } else if (activateUnderpaymentFromCrossChainStatus(status)) {
         if (isOffsetRecovery) {
           setCcManualCheckStatus("not_found");
@@ -25387,17 +25416,29 @@ const CoinleyPaymentInternal = ({
         setCcPhase(s.phase);
         if (s.refundStatus === "refunded") {
           ccSucceeded.current = true;
+          setCcRefundPendingInfo(null);
           setRefundRequestStatus("refunded");
           setRefundRequestMessage("");
           captureRefundSuccessDetails(s, s.refundTxHash, s.refundRecipient || refundAddress.trim());
           clearUnderpaymentRecovery(s.paymentId || ccResult.id);
           setCurrentStep(PAYMENT_STEPS.SUCCESS);
+        } else if (s.refundStatus === "pending") {
+          activateUnderpaymentFromCrossChainStatus(s);
+          setCcRefundPendingInfo(s);
+          setRefundRequestSubmitted(true);
+          setRefundRequestStatus("pending");
+          setRefundRequestMessage("");
+          setCcManualCheckStatus(null);
+          holdRecoveryLoading("refund", getCrossChainRefundPendingStatus(s));
         } else if (activateUnderpaymentFromCrossChainStatus(s)) {
+          setCcRefundPendingInfo(null);
           setCcManualCheckStatus(null);
         } else if (s.phase === "bridging") {
+          setCcRefundPendingInfo(null);
           clearUnderpaymentUiState(s.paymentId || ccResult.id);
         } else if (s.phase === "settled" && !ccSucceeded.current) {
           ccSucceeded.current = true;
+          setCcRefundPendingInfo(null);
           onSuccess == null ? void 0 : onSuccess(s);
         }
       } catch {
@@ -25411,7 +25452,7 @@ const CoinleyPaymentInternal = ({
       cancelled = true;
       clearInterval(t);
     };
-  }, [activateUnderpaymentFromCrossChainStatus, captureRefundSuccessDetails, ccResult == null ? void 0 : ccResult.id, clearUnderpaymentRecovery, clearUnderpaymentUiState, onSuccess, paymentFlow.api, refundAddress]);
+  }, [activateUnderpaymentFromCrossChainStatus, captureRefundSuccessDetails, ccResult == null ? void 0 : ccResult.id, clearUnderpaymentRecovery, clearUnderpaymentUiState, getCrossChainRefundPendingStatus, holdRecoveryLoading, onSuccess, paymentFlow.api, refundAddress]);
   const handleGenerateTransferAddress = async () => {
     if (isConverting) {
       setError("Please wait for currency conversion to complete");
@@ -26289,7 +26330,20 @@ const CoinleyPaymentInternal = ({
         });
       } else {
         setRefundRequestMessage("");
-        holdRecoveryLoading("refund", getRefundPendingStatus());
+        if (ccResult) {
+          const pendingStatus = {
+            refundStatus: "pending",
+            refundRecipient: trimmedAddress,
+            underpayment: underpaymentInfo,
+            relay: {
+              originChainId: ccResult.originChainId || ccOriginChainId
+            }
+          };
+          setCcRefundPendingInfo(pendingStatus);
+          holdRecoveryLoading("refund", getCrossChainRefundPendingStatus(pendingStatus));
+        } else {
+          holdRecoveryLoading("refund", getRefundPendingStatus());
+        }
       }
     } catch (error2) {
       console.warn("[RefundRequest] Error:", error2.message);
@@ -26299,7 +26353,7 @@ const CoinleyPaymentInternal = ({
         setRefundRequestMessage(error2.message || "Failed to submit refund request. Please try again.");
       });
     }
-  }, [activeTransferPaymentId, captureRefundSuccessDetails, ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, clearUnderpaymentRecovery, config, finishRecoveryLoading, 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, refundAddress, refundRequestStatus, paymentFlow.api, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, startRecoveryLoading, underpaymentInfo]);
   const handleDepositManualCheck = useCallback(async () => {
     if (manualCheckStatus === "checking" || !(paymentData == null ? void 0 : paymentData.id)) return;
     const isOffsetRecovery = Boolean(underpaymentInfo && underpaymentView === "offset");
@@ -26395,7 +26449,7 @@ const CoinleyPaymentInternal = ({
   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("div", { className: isMobile ? "fixed inset-x-0 bottom-0 flex items-end justify-center" : "fixed inset-0 flex items-center justify-center p-4", style: { zIndex: 51 }, children: /* @__PURE__ */ jsxs("div", { className: isMobile ? "coinley-mobile-sheet relative flex 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",
           {
@@ -26437,7 +26491,7 @@ const CoinleyPaymentInternal = ({
     if (offsetSuccessDetails) {
       return /* @__PURE__ */ jsxs("div", { id: SDK_ROOT_ID, className: `${SDK_ROOT_CLASS} fixed inset-0 z-50`, style: { fontFamily: FONT_FAMILY }, children: [
         /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50" }),
-        /* @__PURE__ */ jsx("div", { className: isMobile ? "fixed inset-0 flex items-end" : "fixed inset-0 flex items-center justify-center p-4", style: { zIndex: 51 }, children: /* @__PURE__ */ jsxs("div", { className: isMobile ? "coinley-mobile-sheet relative flex w-full max-h-[92dvh] flex-col overflow-hidden rounded-t-[24px] bg-white px-4 pb-4 pt-8 animate-slide-up-sheet" : "relative flex h-auto min-h-[554px] w-[450px] max-w-[calc(100vw-32px)] flex-col overflow-hidden rounded-[28px] bg-white px-4 pb-4 pt-8", children: [
+        /* @__PURE__ */ jsx("div", { className: isMobile ? "fixed inset-x-0 bottom-0 flex items-end justify-center" : "fixed inset-0 flex items-center justify-center p-4", style: { zIndex: 51 }, children: /* @__PURE__ */ jsxs("div", { className: isMobile ? "coinley-mobile-sheet relative flex 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",
             {
@@ -26521,7 +26575,7 @@ const CoinleyPaymentInternal = ({
     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("div", { className: isMobile ? "fixed inset-x-0 bottom-0 flex items-end justify-center" : "fixed inset-0 flex items-center justify-center p-4", style: { zIndex: 51 }, children: /* @__PURE__ */ jsxs("div", { className: isMobile ? "coinley-mobile-sheet relative flex 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",
             {
@@ -26607,7 +26661,7 @@ const CoinleyPaymentInternal = ({
     }
     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(
+      /* @__PURE__ */ jsx("div", { className: isMobile ? "fixed inset-x-0 bottom-0 flex items-end justify-center" : "fixed inset-0 flex items-center justify-center p-4", style: { zIndex: 51 }, children: /* @__PURE__ */ jsx("div", { className: isMobile ? "coinley-mobile-sheet relative flex 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",
@@ -26658,11 +26712,11 @@ const CoinleyPaymentInternal = ({
   const isCompactCheckoutSetupView = isCrossChainTransferSetupView || isTransferSetupView || isQrSetupView || isWalletExtensionSetupView;
   const isCompactCheckoutView = isCompactCheckoutSetupView || isWalletExtensionReadyView || isWalletExtensionConfirmView;
   const isTightWalletView = isWalletExtensionReadyView || isWalletExtensionConfirmView;
-  const renderPaymentSummary = () => /* @__PURE__ */ jsxs("div", { className: isTightWalletView ? "mb-3" : isCompactCheckoutView ? "mb-6 mt-[-5px]" : "mb-8", children: [
+  const renderPaymentSummary = () => /* @__PURE__ */ jsxs("div", { className: isMobile ? isTightWalletView ? "mb-2" : isCompactCheckoutView ? "mb-4 mt-[-3px]" : "mb-5" : isTightWalletView ? "mb-3" : isCompactCheckoutView ? "mb-6 mt-[-5px]" : "mb-8", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-none text-[#9EA0A8] mb-1", children: "Sending to:" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-[#1F2430] truncate max-w-[120px]", children: (config == null ? void 0 : config.merchantName) || "Merchant" })
+        /* @__PURE__ */ jsx("p", { className: `${isMobile ? "max-w-[110px]" : "max-w-[120px]"} truncate text-xs font-semibold text-[#1F2430]`, children: (config == null ? void 0 : config.merchantName) || "Merchant" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex-1 pt-[13px] border-t border-dashed border-[#DFE1E7]" }),
       /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
@@ -26676,7 +26730,7 @@ const CoinleyPaymentInternal = ({
     ] }),
     currencyError && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-red-500 mt-2", children: currencyError })
   ] });
-  const renderMethodTabs = () => /* @__PURE__ */ jsxs("div", { className: isTightWalletView ? "mb-2" : isCompactCheckoutView ? "mb-3" : "mb-4", children: [
+  const renderMethodTabs = () => /* @__PURE__ */ jsxs("div", { className: isMobile ? isTightWalletView ? "mb-2" : "mb-3" : 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" },
@@ -26687,13 +26741,13 @@ const CoinleyPaymentInternal = ({
       {
         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]"}`,
+        className: `min-w-0 ${isMobile ? "h-8 px-1.5 text-[12px]" : 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
       },
       method.tab
     )) })
   ] });
-  const renderUnderpaymentWarning = (title = "Amount received is less than expected", description = null) => /* @__PURE__ */ jsxs("div", { className: "mb-5 rounded-lg border border-[#F5E5B8] bg-[#FFF9E8] px-3 py-2", children: [
+  const renderUnderpaymentWarning = (title = "Amount received is less than expected", description = null) => /* @__PURE__ */ jsxs("div", { className: `${isMobile ? "mb-4" : "mb-5"} rounded-lg border border-[#F5E5B8] bg-[#FFF9E8] px-3 py-2`, children: [
     /* @__PURE__ */ jsxs("div", { className: `flex items-start gap-2 text-[#B54708] ${title && description ? "mb-1" : ""}`, children: [
       /* @__PURE__ */ jsx("svg", { className: "mt-0.5 h-4 w-4 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v4m0 4h.01M12 3a9 9 0 110 18 9 9 0 010-18z" }) }),
       title ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: title }) : /* @__PURE__ */ jsx("p", { className: "text-xs leading-5 text-[#B54708]", children: description })
@@ -26712,12 +26766,12 @@ const CoinleyPaymentInternal = ({
           setRefundRequestStatus(null);
           setRefundRequestMessage("");
         },
-        className: `relative flex min-h-[112px] flex-col items-start rounded-xl border p-3 text-left transition-colors ${selected ? "border-[#8B5CF6] bg-[#F4EEFF]" : "border-[#ECEEF2] bg-white hover:border-[#D7C5FF]"}`,
+        className: `relative flex ${isMobile ? "min-h-[98px] p-2.5" : "min-h-[112px] p-3"} flex-col items-start rounded-xl border text-left transition-colors ${selected ? "border-[#8B5CF6] bg-[#F4EEFF]" : "border-[#ECEEF2] bg-white hover:border-[#D7C5FF]"}`,
         children: [
           selected && /* @__PURE__ */ jsx("span", { className: "absolute right-[-7px] top-[-9px] flex h-5 w-5 items-center justify-center rounded-full border border-[#8B5CF6] bg-white text-[#7042D2]", children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) }) }),
-          /* @__PURE__ */ jsx("div", { className: "mb-3 flex h-6 w-6 items-center justify-center text-[#111827]", children: icon }),
+          /* @__PURE__ */ jsx("div", { className: `${isMobile ? "mb-2" : "mb-3"} flex h-6 w-6 items-center justify-center text-[#111827]`, children: icon }),
           /* @__PURE__ */ jsx("p", { className: "mb-1 text-sm font-semibold text-[#111827]", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs leading-4 text-[#A3A5AC]", children: description })
+          /* @__PURE__ */ jsx("p", { className: `${isMobile ? "text-[11px] leading-4" : "text-xs leading-4"} text-[#A3A5AC]`, children: description })
         ]
       }
     );
@@ -26745,13 +26799,13 @@ const CoinleyPaymentInternal = ({
       })
     ] })
   ] });
-  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: [
+  const renderRecoveryLoadingPanel = ({ title, description, detail }) => /* @__PURE__ */ jsxs("div", { className: `flex ${isMobile ? "min-h-[230px] px-2 py-3" : "min-h-[292px] px-3 py-4"} flex-col items-center justify-center text-center`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `relative ${isMobile ? "mb-3 h-24 w-32" : "mb-4 h-28 w-40"} flex items-center justify-center`, children: [
       /* @__PURE__ */ jsx("div", { className: "absolute inset-x-5 bottom-1 h-4 rounded-full bg-[#7042D2]/10 blur-md" }),
-      /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Processing", className: "relative h-28 w-40 object-contain" })
+      /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Processing", className: `relative ${isMobile ? "h-24 w-32" : "h-28 w-40"} object-contain` })
     ] }),
-    /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold text-[#111827]", children: title }),
-    /* @__PURE__ */ jsx("p", { className: "mx-auto max-w-[330px] text-sm leading-5 text-[#8B8E98]", children: description }),
+    /* @__PURE__ */ jsx("h3", { className: `${isMobile ? "mb-1.5 text-base" : "mb-2 text-lg"} font-semibold text-[#111827]`, children: title }),
+    /* @__PURE__ */ jsx("p", { className: `mx-auto max-w-[330px] ${isMobile ? "text-xs leading-5" : "text-sm leading-5"} text-[#8B8E98]`, children: description }),
     detail && /* @__PURE__ */ jsxs("div", { className: "mt-5 w-full rounded-xl border border-[#EEF0F4] bg-[#FAFAFB] px-3 py-3 text-left", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between text-xs", children: [
         /* @__PURE__ */ jsx("span", { className: "text-[#A3A5AC]", children: "Status" }),
@@ -26765,12 +26819,12 @@ const CoinleyPaymentInternal = ({
     description: (recoveryLoadingStatus == null ? void 0 : recoveryLoadingStatus.action) === "offset" ? recoveryLoadingStatus.description : "We are checking the blockchain for your offset payment. This usually takes a few seconds.",
     detail: (recoveryLoadingStatus == null ? void 0 : recoveryLoadingStatus.action) === "offset" ? recoveryLoadingStatus.detail : `Waiting for the remaining ${underpaymentOffsetAmountLabel} on ${underpaymentInfo.refundNetworkLabel || getOffsetSuccessNetworkName(selectedNetwork)}.`
   }) : /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: (ccResult ? ccQrCode : depositQrCode) ? /* @__PURE__ */ jsx("img", { src: ccResult ? ccQrCode : depositQrCode, alt: "Deposit Address QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Loading QR code", className: "h-14 w-16 object-contain" }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: `${isMobile ? "mb-4 gap-3" : "mb-5 gap-3"} flex items-start`, children: [
+      /* @__PURE__ */ jsx("div", { className: `${isMobile ? "h-[82px] w-[82px]" : "h-[92px] w-[92px]"} flex-shrink-0 bg-white`, children: (ccResult ? ccQrCode : depositQrCode) ? /* @__PURE__ */ jsx("img", { src: ccResult ? ccQrCode : depositQrCode, alt: "Deposit Address QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Loading QR code", className: "h-14 w-16 object-contain" }) }) }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 pt-1", children: [
         /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[#1F2430]", children: "Same Wallet address" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-h-[58px] items-center gap-2 rounded-xl border border-[#EEF0F4] bg-[#FAFAFB] px-3 py-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 break-all text-sm leading-5 text-[#1F2430]", children: activeTransferDepositAddress }),
+        /* @__PURE__ */ jsxs("div", { className: `flex ${isMobile ? "min-h-[54px] px-2.5" : "min-h-[58px] px-3"} items-center gap-2 rounded-xl border border-[#EEF0F4] bg-[#FAFAFB] py-2`, children: [
+          /* @__PURE__ */ jsx("span", { className: `min-w-0 flex-1 break-all ${isMobile ? "text-xs leading-4" : "text-sm leading-5"} text-[#1F2430]`, children: activeTransferDepositAddress }),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -26843,7 +26897,7 @@ const CoinleyPaymentInternal = ({
     const selectedLabel = selectedOption ? getLabel(selectedOption) : placeholder;
     const selectedIcon = selectedOption && getIcon ? getIcon(selectedOption) : null;
     const isOpen2 = openCheckoutDropdown === dropdownId && !disabled;
-    const dropdownListMaxHeight = maxVisibleItems * 40;
+    const dropdownListMaxHeight = maxVisibleItems * (isMobile ? 36 : 40);
     const searchValue = checkoutDropdownSearch[dropdownId] || "";
     const normalizedSearch = searchValue.trim().toLowerCase();
     const filteredOptions = normalizedSearch ? options.filter((option) => {
@@ -26851,7 +26905,7 @@ const CoinleyPaymentInternal = ({
       const optionLabel = getLabel(option);
       return (optionLabel == null ? void 0 : optionLabel.toLowerCase().includes(normalizedSearch)) || ((_b = (_a2 = option == null ? void 0 : option.name) == null ? void 0 : _a2.toLowerCase) == null ? void 0 : _b.call(_a2).includes(normalizedSearch)) || ((_d = (_c = option == null ? void 0 : option.symbol) == null ? void 0 : _c.toLowerCase) == null ? void 0 : _d.call(_c).includes(normalizedSearch)) || ((_f = (_e = option == null ? void 0 : option.shortName) == null ? void 0 : _e.toLowerCase) == null ? void 0 : _f.call(_e).includes(normalizedSearch));
     }) : options;
-    return /* @__PURE__ */ jsxs("div", { className: `relative ${isOpen2 ? elevated ? "z-[120]" : "z-50" : "z-10"} ${compact ? "mb-3" : "mb-4"} text-left`, children: [
+    return /* @__PURE__ */ jsxs("div", { className: `relative ${isOpen2 ? elevated ? "z-[120]" : "z-50" : "z-10"} ${isMobile ? compact ? "mb-2.5" : "mb-3" : compact ? "mb-3" : "mb-4"} text-left`, children: [
       /* @__PURE__ */ jsx("label", { className: "block text-xs text-[#1F2430] mb-2", children: label }),
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxs(
@@ -26860,7 +26914,7 @@ const CoinleyPaymentInternal = ({
             type: "button",
             disabled,
             onClick: () => setOpenCheckoutDropdown(isOpen2 ? null : dropdownId),
-            className: "flex h-11 w-full items-center gap-2 rounded-xl border border-[#EEF0F4] bg-white px-4 pr-10 text-left text-sm text-[#1F2430] outline-none transition-colors focus:border-[#B49AF0] disabled:bg-[#FAFAFB] disabled:text-[#B5B7BE]",
+            className: `flex ${isMobile ? "h-10 px-3 pr-9 text-[13px]" : "h-11 px-4 pr-10 text-sm"} w-full items-center gap-2 rounded-xl border border-[#EEF0F4] bg-white text-left text-[#1F2430] outline-none transition-colors focus:border-[#B49AF0] disabled:bg-[#FAFAFB] disabled:text-[#B5B7BE]`,
             children: [
               selectedIcon && /* @__PURE__ */ jsx(
                 "img",
@@ -26877,7 +26931,7 @@ const CoinleyPaymentInternal = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx("svg", { className: "pointer-events-none absolute right-4 top-1/2 h-4 w-4 -translate-y-1/2 text-[#B5B7BE]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }),
+        /* @__PURE__ */ jsx("svg", { className: `pointer-events-none absolute ${isMobile ? "right-3" : "right-4"} top-1/2 h-4 w-4 -translate-y-1/2 text-[#B5B7BE]`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }),
         isOpen2 && /* @__PURE__ */ jsxs("div", { className: `absolute left-0 right-0 top-[calc(100%+6px)] ${elevated ? "z-[130]" : "z-[60]"} rounded-xl border border-[#EEF0F4] bg-white p-1 shadow-[0_12px_30px_rgba(31,36,48,0.14)]`, children: [
           /* @__PURE__ */ jsx("div", { className: "p-1", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx("svg", { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#B5B7BE]", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-4.35-4.35m1.35-5.65a7 7 0 11-14 0 7 7 0 0114 0z" }) }),
@@ -26913,7 +26967,7 @@ const CoinleyPaymentInternal = ({
                     [dropdownId]: ""
                   }));
                 },
-                className: `flex h-10 w-full items-center gap-2 rounded-lg px-3 text-left text-sm transition-colors ${isSelected ? "bg-purple-50 text-[#5B2EEA]" : "text-[#1F2430] hover:bg-[#F8F8F9]"}`,
+                className: `flex ${isMobile ? "h-9 text-[13px]" : "h-10 text-sm"} w-full items-center gap-2 rounded-lg px-3 text-left transition-colors ${isSelected ? "bg-purple-50 text-[#5B2EEA]" : "text-[#1F2430] hover:bg-[#F8F8F9]"}`,
                 children: [
                   optionIcon && /* @__PURE__ */ jsx(
                     "img",
@@ -27243,10 +27297,10 @@ const CoinleyPaymentInternal = ({
     /* @__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: [
-      /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: qrCodeDataUrl ? /* @__PURE__ */ jsx("img", { src: qrCodeDataUrl, alt: "Payment QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Loading QR code", className: "h-14 w-16 object-contain" }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: `${isMobile ? "mb-3" : "mb-4"} flex flex-col gap-3 min-[380px]:flex-row min-[380px]:items-start`, children: [
+      /* @__PURE__ */ jsx("div", { className: `${isMobile ? "h-[82px] w-[82px]" : "h-[92px] w-[92px]"} flex-shrink-0 bg-white`, children: qrCodeDataUrl ? /* @__PURE__ */ jsx("img", { src: qrCodeDataUrl, alt: "Payment QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Loading QR code", className: "h-14 w-16 object-contain" }) }) }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("p", { className: "mb-2 text-base font-semibold text-[#111827]", children: "Instructions" }),
+        /* @__PURE__ */ jsx("p", { className: `${isMobile ? "mb-1 text-sm" : "mb-2 text-base"} font-semibold text-[#111827]`, children: "Instructions" }),
         /* @__PURE__ */ jsxs("ol", { className: "list-inside list-decimal space-y-1 text-xs leading-5 text-[#111827]", children: [
           /* @__PURE__ */ jsx("li", { children: "Scan QR code with your phone camera" }),
           /* @__PURE__ */ jsx("li", { children: "The payment page will open inside your wallet app" }),
@@ -27362,7 +27416,7 @@ const CoinleyPaymentInternal = ({
       type: type2,
       onClick,
       disabled,
-      className: `h-11 w-full rounded-xl px-4 text-sm font-semibold transition-colors disabled:cursor-not-allowed ${variant === "secondary" ? "border border-[#7042D2] bg-white text-[#7042D2] hover:bg-purple-50 disabled:opacity-60" : "bg-[#7042D2] text-white hover:bg-[#5b34b1] disabled:bg-[#B59AE9] disabled:text-white"}`,
+      className: `${isMobile ? "h-10 text-[13px]" : "h-11 text-sm"} w-full rounded-xl px-4 font-semibold transition-colors disabled:cursor-not-allowed ${variant === "secondary" ? "border border-[#7042D2] bg-white text-[#7042D2] hover:bg-purple-50 disabled:opacity-60" : "bg-[#7042D2] text-white hover:bg-[#5b34b1] disabled:bg-[#B59AE9] disabled:text-white"}`,
       children: label
     }
   );
@@ -27512,17 +27566,17 @@ const CoinleyPaymentInternal = ({
   };
   const renderCheckoutFooter = () => {
     const checkoutAction = renderCheckoutAction();
-    return /* @__PURE__ */ jsxs("div", { className: `mt-auto shrink-0 ${isTightWalletView ? "pt-2 pb-0" : isCompactCheckoutView ? "pt-3 pb-0" : "pt-4 pb-1"} text-center`, children: [
-      /* @__PURE__ */ jsx("div", { className: checkoutAction ? "mb-3 min-h-[44px]" : "mb-3 min-h-[44px]", children: checkoutAction }),
-      /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-center gap-2 ${isTightWalletView ? "text-xs" : "text-sm"} text-[#1F2430]`, children: [
-        /* @__PURE__ */ jsxs("svg", { className: `${isTightWalletView ? "h-3.5 w-3.5" : "h-4 w-4"}`, fill: "none", stroke: "currentColor", strokeWidth: "1.8", viewBox: "0 0 24 24", children: [
+    return /* @__PURE__ */ jsxs("div", { className: `mt-auto shrink-0 ${isMobile ? isTightWalletView ? "pt-2 pb-0" : "pt-3 pb-0" : isTightWalletView ? "pt-2 pb-0" : isCompactCheckoutView ? "pt-3 pb-0" : "pt-4 pb-1"} text-center`, children: [
+      /* @__PURE__ */ jsx("div", { className: checkoutAction ? `${isMobile ? "mb-2 min-h-[40px]" : "mb-3 min-h-[44px]"}` : `${isMobile ? "mb-2 min-h-[40px]" : "mb-3 min-h-[44px]"}`, children: checkoutAction }),
+      /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-center gap-1.5 ${isMobile || isTightWalletView ? "text-xs" : "text-sm"} text-[#1F2430]`, children: [
+        /* @__PURE__ */ jsxs("svg", { className: `${isMobile || isTightWalletView ? "h-3.5 w-3.5" : "h-4 w-4"}`, fill: "none", stroke: "currentColor", strokeWidth: "1.8", viewBox: "0 0 24 24", children: [
           /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
           /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 7v5l3 2" })
         ] }),
         /* @__PURE__ */ jsx("span", { children: "Time remaining for this payment" }),
         /* @__PURE__ */ jsx("span", { className: `tabular-nums ${timeRemaining <= 5 * 60 * 1e3 ? "text-red-500" : "text-[#5B2EEA]"}`, children: formatCountdown(timeRemaining) })
       ] }),
-      /* @__PURE__ */ jsx("p", { className: `${isTightWalletView ? "mt-1" : isCompactCheckoutView ? "mt-2" : "mt-3"} text-xs text-[#A9ABB2]`, children: "Powered by Stablezact" })
+      /* @__PURE__ */ jsx("p", { className: `${isMobile || isTightWalletView ? "mt-1" : isCompactCheckoutView ? "mt-2" : "mt-3"} text-xs text-[#A9ABB2]`, children: "Powered by Stablezact" })
     ] });
   };
   const renderTabContent = () => {
@@ -27835,11 +27889,11 @@ const CoinleyPaymentInternal = ({
         !isCrossChainTransferSetupView && !ccResult && !(paymentData == null ? void 0 : paymentData.depositAddress) && renderTransferSetupPanel(),
         !ccResult && (paymentData == null ? void 0 : paymentData.depositAddress) && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
           !underpaymentInfo && /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-center gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: depositQrCode ? /* @__PURE__ */ jsx("img", { src: depositQrCode, alt: "Deposit Address QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Loading QR code", className: "h-14 w-16 object-contain" }) }) }),
+            /* @__PURE__ */ jsx("div", { className: `${isMobile ? "h-[82px] w-[82px]" : "h-[92px] w-[92px]"} flex-shrink-0 bg-white`, children: depositQrCode ? /* @__PURE__ */ jsx("img", { src: depositQrCode, alt: "Deposit Address QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Loading QR code", className: "h-14 w-16 object-contain" }) }) }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[#1F2430]", children: "Wallet address" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex min-h-[60px] items-center gap-2 rounded-xl border border-[#EEF0F4] bg-[#FAFAFB] px-3 py-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 break-all text-sm leading-5 text-[#1F2430]", children: paymentData.depositAddress }),
+              /* @__PURE__ */ jsxs("div", { className: `flex ${isMobile ? "min-h-[54px] px-2.5" : "min-h-[60px] px-3"} items-center gap-2 rounded-xl border border-[#EEF0F4] bg-[#FAFAFB] py-2`, children: [
+                /* @__PURE__ */ jsx("span", { className: `min-w-0 flex-1 break-all ${isMobile ? "text-xs leading-4" : "text-sm leading-5"} text-[#1F2430]`, children: paymentData.depositAddress }),
                 /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -27863,11 +27917,11 @@ const CoinleyPaymentInternal = ({
         ] }),
         ccResult && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
           !underpaymentInfo && /* @__PURE__ */ jsxs("div", { className: "mb-5 flex items-center gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: ccQrCode ? /* @__PURE__ */ jsx("img", { src: ccQrCode, alt: "Payment Address QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Loading QR code", className: "h-14 w-16 object-contain" }) }) }),
+            /* @__PURE__ */ jsx("div", { className: `${isMobile ? "h-[82px] w-[82px]" : "h-[92px] w-[92px]"} flex-shrink-0 bg-white`, children: ccQrCode ? /* @__PURE__ */ jsx("img", { src: ccQrCode, alt: "Payment Address QR Code", className: "h-full w-full" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-lg bg-gray-100", children: /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "Loading QR code", className: "h-14 w-16 object-contain" }) }) }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[#1F2430]", children: "Wallet address" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex min-h-[60px] items-center gap-2 rounded-xl border border-[#EEF0F4] bg-[#FAFAFB] px-3 py-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 break-all text-sm leading-5 text-[#1F2430]", children: ccResult.relayDepositAddress }),
+              /* @__PURE__ */ jsxs("div", { className: `flex ${isMobile ? "min-h-[54px] px-2.5" : "min-h-[60px] px-3"} items-center gap-2 rounded-xl border border-[#EEF0F4] bg-[#FAFAFB] py-2`, children: [
+                /* @__PURE__ */ jsx("span", { className: `min-w-0 flex-1 break-all ${isMobile ? "text-xs leading-4" : "text-sm leading-5"} text-[#1F2430]`, children: ccResult.relayDepositAddress }),
                 /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -28000,14 +28054,14 @@ const CoinleyPaymentInternal = ({
   ].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: [
+    /* @__PURE__ */ jsx("div", { className: isMobile ? "fixed inset-x-0 bottom-0 flex items-end justify-center" : "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 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: [
+      /* @__PURE__ */ jsxs("div", { className: `flex min-h-0 flex-1 flex-col px-4 ${isMobile ? isTightWalletView ? "pb-3 pt-3" : "pb-4 pt-3" : isTightWalletView ? "pb-2 pt-3" : "pb-4 pt-4"}`, children: [
+        /* @__PURE__ */ jsxs("div", { className: `${isMobile ? isTightWalletView ? "mb-2" : "mb-4" : isTightWalletView ? "mb-3" : "mb-5"} flex items-center justify-between`, children: [
           isTransferAddressGenerated || isWalletReadyForPayment || isQrPaymentActiveView || isWalletBackHeaderView || isWalletTokenSelectionView ? /* @__PURE__ */ jsx(
             "button",
             {
@@ -28068,4 +28122,4 @@ export {
   chainTransports as c,
   isFeatureEnabled as i
 };
-//# sourceMappingURL=CoinleyPayment-BgreroDe.js.map
+//# sourceMappingURL=CoinleyPayment-BFkZ0Fq5.js.map

package/dist/{appKitEVM-Bzcdqksa.js → appKitEVM-BC0nAR77.js}

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

package/dist/{appKitSolana-Bc3C3YDl.js → appKitSolana-B1EqivHA.js}

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