coinley-pay 0.43.0 → 0.45.0

package/dist/{CoinleyPayment-B849KAFT.js → CoinleyPayment-CmMOW8Fu.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-CV3EsiAj.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-CyqvsmiG.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";
@@ -21122,7 +21122,7 @@ const WalletSelector = ({
         try {
           setAppKitError(null);
           setWalletConnectAddress(solanaAccountState.address);
-          const { createWalletConnectAdapter } = await import("./appKitSolana-Bisj88pX.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-BmONG1Sf.js");
           const adapter = createWalletConnectAdapter(solanaAccountState.address);
           await solanaWallet.connectWalletConnect(adapter, solanaAccountState.address);
           console.log("✅ WalletConnect synced with SDK");
@@ -21227,7 +21227,7 @@ const WalletSelector = ({
     setAppKitLoading(true);
     setAppKitError(null);
     try {
-      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-DtRSGjqO.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-Dxo1Z_69.js");
       await initializeAppKitEVM(wagmiConfig);
       await openAppKitModal();
     } catch (error) {
@@ -21247,7 +21247,7 @@ const WalletSelector = ({
     setAppKitError(null);
     try {
       console.log("📦 Loading AppKit Solana module...");
-      const { initializeAppKitSolana } = await import("./appKitSolana-Bisj88pX.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-BmONG1Sf.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23132,6 +23132,7 @@ const injectCoinleyFonts = () => {
 const CHECKOUT_BUILD = "checkout-2026-04-22b-route-destination-trials";
 const UNDERPAYMENT_RECOVERY_STORAGE_PREFIX = "coinley_underpayment_recovery:";
 const UNDERPAYMENT_RECOVERY_TTL_MS = 2 * 60 * 60 * 1e3;
+const RECOVERY_LOADING_MIN_MS = 1200;
 const normalizeEvmAddress = (value) => {
   if (typeof value !== "string") return null;
   const trimmed = value.trim();
@@ -23351,7 +23352,10 @@ const CoinleyPaymentInternal = ({
   const [refundRequestMessage, setRefundRequestMessage] = useState("");
   const [offsetSuccessDetails, setOffsetSuccessDetails] = useState(null);
   const [refundSuccessDetails, setRefundSuccessDetails] = useState(null);
+  const [recoveryLoadingAction, setRecoveryLoadingAction] = useState(null);
   const manualCheckTimeout = useRef(null);
+  const recoveryLoadingStartedAt = useRef(0);
+  const recoveryLoadingTimeout = useRef(null);
   const [copiedField, setCopiedField] = useState(null);
   const [expirationTime, setExpirationTime] = useState(null);
   const STANDARD_PAYMENT_TIMEOUT_MS = 15 * 60 * 1e3;
@@ -23715,11 +23719,13 @@ const CoinleyPaymentInternal = ({
     setUnderpaymentView("choice");
     setManualCheckStatus(null);
     setCcManualCheckStatus(null);
+    setRecoveryLoadingAction(null);
     clearUnderpaymentRecovery(paymentId || activeTransferPaymentId);
   }, [activeTransferPaymentId, clearUnderpaymentRecovery]);
   useEffect(() => {
     setOffsetSuccessDetails(null);
     setRefundSuccessDetails(null);
+    setRecoveryLoadingAction(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(
@@ -24345,6 +24351,11 @@ const CoinleyPaymentInternal = ({
     setMobilePaymentStarted(false);
     setSelectedMobileWallet(null);
     setMobileWalletRedirecting(null);
+    setRecoveryLoadingAction(null);
+    if (recoveryLoadingTimeout.current) {
+      clearTimeout(recoveryLoadingTimeout.current);
+      recoveryLoadingTimeout.current = null;
+    }
     if (typeof window !== "undefined" && window.sessionStorage) {
       sessionStorage.removeItem("coinley_mobile_payment_started");
     }
@@ -25161,30 +25172,77 @@ const CoinleyPaymentInternal = ({
       setCcGenerating(false);
     }
   };
+  const startRecoveryLoading = useCallback((action) => {
+    if (recoveryLoadingTimeout.current) {
+      clearTimeout(recoveryLoadingTimeout.current);
+      recoveryLoadingTimeout.current = null;
+    }
+    recoveryLoadingStartedAt.current = Date.now();
+    setRecoveryLoadingAction(action);
+  }, []);
+  const finishRecoveryLoading = useCallback((callback) => {
+    const elapsed = Date.now() - recoveryLoadingStartedAt.current;
+    const delay = Math.max(RECOVERY_LOADING_MIN_MS - elapsed, 0);
+    if (recoveryLoadingTimeout.current) {
+      clearTimeout(recoveryLoadingTimeout.current);
+    }
+    recoveryLoadingTimeout.current = setTimeout(() => {
+      recoveryLoadingTimeout.current = null;
+      setRecoveryLoadingAction(null);
+      if (typeof callback === "function") {
+        callback();
+      }
+    }, delay);
+  }, []);
+  useEffect(() => () => {
+    if (recoveryLoadingTimeout.current) {
+      clearTimeout(recoveryLoadingTimeout.current);
+    }
+  }, []);
   const handleCrossChainManualCheck = async () => {
     if (!(ccResult == null ? void 0 : ccResult.id) || ccManualCheckStatus === "checking") return;
+    const isOffsetRecovery = Boolean(underpaymentInfo && underpaymentView === "offset");
     setCcManualCheckStatus("checking");
     setCcError(null);
     try {
       const status = await paymentFlow.api.getCrossChainStatus(ccResult.id);
       setCcPhase(status.phase);
       if (activateUnderpaymentFromCrossChainStatus(status)) {
-        setCcManualCheckStatus(null);
+        if (isOffsetRecovery) {
+          finishRecoveryLoading(() => {
+            setCcManualCheckStatus("not_found");
+            showTransferNoticeModal("We have not detected your offset yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
+          });
+        } else {
+          setCcManualCheckStatus(null);
+        }
       } else if (status.phase === "bridging") {
-        clearUnderpaymentUiState(status.paymentId || ccResult.id);
-        showTransferNoticeModal("We have detected your transfer and are waiting for the bridge to complete. We will keep checking automatically.", "Transfer detected");
+        finishRecoveryLoading(() => {
+          clearUnderpaymentUiState(status.paymentId || ccResult.id);
+          showTransferNoticeModal("We have detected your transfer and are waiting for the bridge to complete. We will keep checking automatically.", "Transfer detected");
+        });
       } else if ((status.phase === "received" || status.phase === "settled") && !ccSucceeded.current) {
-        ccSucceeded.current = true;
-        onSuccess == null ? void 0 : onSuccess(status);
+        finishRecoveryLoading(() => {
+          ccSucceeded.current = true;
+          onSuccess == null ? void 0 : onSuccess(status);
+        });
       } else if (status.phase === "failed") {
-        setCcManualCheckStatus("failed");
+        finishRecoveryLoading(() => {
+          setCcManualCheckStatus("failed");
+        });
       } else {
-        setCcManualCheckStatus("not_found");
-        showTransferNoticeModal("We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
+        finishRecoveryLoading(() => {
+          setCcManualCheckStatus("not_found");
+          showTransferNoticeModal(
+            isOffsetRecovery ? "We have not detected your offset yet. It can take a few moments to appear on-chain, and we will keep checking automatically." : "We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically."
+          );
+        });
       }
     } catch (error2) {
-      setCcError(error2.message || "Could not check this payment yet. Please try again.");
-      setCcManualCheckStatus("idle");
+      finishRecoveryLoading(() => {
+        setCcError(error2.message || "Could not check this payment yet. Please try again.");
+        setCcManualCheckStatus("idle");
+      });
     }
   };
   useEffect(() => {
@@ -26055,9 +26113,10 @@ const CoinleyPaymentInternal = ({
     writeUnderpaymentRecovery(underpaymentChoice, underpaymentView, underpaymentInfo);
   }, [paymentData == null ? void 0 : paymentData.id, underpaymentInfo, underpaymentChoice, underpaymentView, writeUnderpaymentRecovery]);
   const handleRefundRequestSubmit = useCallback(async () => {
-    var _a2, _b;
+    var _a2;
     const trimmedAddress = refundAddress.trim();
     if (!trimmedAddress || !activeTransferPaymentId || refundRequestStatus === "submitting") return;
+    startRecoveryLoading("refund");
     setRefundRequestStatus("submitting");
     setRefundRequestMessage("");
     setManualCheckStatus(null);
@@ -26084,24 +26143,32 @@ const CoinleyPaymentInternal = ({
       setRefundRequestSubmitted(true);
       setRefundRequestStatus(refundStatus === "refunded" ? "refunded" : "pending");
       if (refundStatus === "refunded") {
-        setRefundRequestMessage("");
-        captureRefundSuccessDetails(result == null ? void 0 : result.payment, (_b = result == null ? void 0 : result.payment) == null ? void 0 : _b.refundTxHash, trimmedAddress);
-        clearUnderpaymentRecovery(activeTransferPaymentId);
-        setCurrentStep(PAYMENT_STEPS.SUCCESS);
+        finishRecoveryLoading(() => {
+          var _a3;
+          setRefundRequestMessage("");
+          captureRefundSuccessDetails(result == null ? void 0 : result.payment, (_a3 = result == null ? void 0 : result.payment) == null ? void 0 : _a3.refundTxHash, trimmedAddress);
+          clearUnderpaymentRecovery(activeTransferPaymentId);
+          setCurrentStep(PAYMENT_STEPS.SUCCESS);
+        });
       } else {
         const refundMessage = "Refund request received. We will process it automatically.";
-        setRefundRequestMessage("");
-        showTransferNoticeModal(refundMessage, "Refund request received");
+        finishRecoveryLoading(() => {
+          setRefundRequestMessage("");
+          showTransferNoticeModal(refundMessage, "Refund request received");
+        });
       }
     } catch (error2) {
       console.warn("[RefundRequest] Error:", error2.message);
-      setRefundRequestSubmitted(false);
-      setRefundRequestStatus("error");
-      setRefundRequestMessage(error2.message || "Failed to submit refund request. Please try again.");
+      finishRecoveryLoading(() => {
+        setRefundRequestSubmitted(false);
+        setRefundRequestStatus("error");
+        setRefundRequestMessage(error2.message || "Failed to submit refund request. Please try again.");
+      });
     }
-  }, [activeTransferPaymentId, captureRefundSuccessDetails, ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, clearUnderpaymentRecovery, config, refundAddress, refundRequestStatus, paymentFlow.api, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, showTransferNoticeModal, underpaymentInfo]);
+  }, [activeTransferPaymentId, captureRefundSuccessDetails, ccOriginChainId, ccOriginToken == null ? void 0 : ccOriginToken.symbol, clearUnderpaymentRecovery, config, finishRecoveryLoading, refundAddress, refundRequestStatus, paymentFlow.api, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, showTransferNoticeModal, startRecoveryLoading, underpaymentInfo]);
   const handleDepositManualCheck = useCallback(async () => {
     if (manualCheckStatus === "checking" || !(paymentData == null ? void 0 : paymentData.id)) return;
+    const isOffsetRecovery = Boolean(underpaymentInfo && underpaymentView === "offset");
     setManualCheckStatus("checking");
     try {
       const statusResult = await paymentFlow.api.getDepositStatus(paymentData.id);
@@ -26109,55 +26176,85 @@ const CoinleyPaymentInternal = ({
         const status = statusResult.payment.status;
         const txHash = resolvePaymentTransactionHash(statusResult.payment);
         if ((status === "completed" || status === "swept") && txHash) {
-          setManualCheckStatus(null);
-          captureOffsetSuccessDetails(statusResult.payment, txHash);
-          clearUnderpaymentRecovery(paymentData.id);
-          persistSuccessfulPaymentHash(statusResult.payment, txHash);
-          setCurrentStep(PAYMENT_STEPS.SUCCESS);
-          sdkAnalytics.trackPaymentSuccess(paymentData.id, config == null ? void 0 : config.amount, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, txHash);
-          clarityAnalytics.trackPaymentSuccess(paymentData.id, config == null ? void 0 : config.amount, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, txHash);
-          if (onSuccess) {
-            onSuccess({
-              paymentId: paymentData.id,
-              transactionHash: txHash,
-              depositAddress: statusResult.payment.depositAddress,
-              network: selectedNetwork == null ? void 0 : selectedNetwork.shortName,
-              currency: selectedToken == null ? void 0 : selectedToken.symbol,
-              paymentDetails: statusResult.payment
-            });
-          }
+          finishRecoveryLoading(() => {
+            setManualCheckStatus(null);
+            captureOffsetSuccessDetails(statusResult.payment, txHash);
+            clearUnderpaymentRecovery(paymentData.id);
+            persistSuccessfulPaymentHash(statusResult.payment, txHash);
+            setCurrentStep(PAYMENT_STEPS.SUCCESS);
+            sdkAnalytics.trackPaymentSuccess(paymentData.id, config == null ? void 0 : config.amount, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, txHash);
+            clarityAnalytics.trackPaymentSuccess(paymentData.id, config == null ? void 0 : config.amount, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, txHash);
+            if (onSuccess) {
+              onSuccess({
+                paymentId: paymentData.id,
+                transactionHash: txHash,
+                depositAddress: statusResult.payment.depositAddress,
+                network: selectedNetwork == null ? void 0 : selectedNetwork.shortName,
+                currency: selectedToken == null ? void 0 : selectedToken.symbol,
+                paymentDetails: statusResult.payment
+              });
+            }
+          });
           return;
         }
         if (activateUnderpaymentFlow(statusResult.payment)) {
+          if (isOffsetRecovery) {
+            finishRecoveryLoading(() => {
+              setManualCheckStatus("not_found");
+              showTransferNoticeModal("We have not detected your offset yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
+              manualCheckTimeout.current = setTimeout(() => {
+                setManualCheckStatus(null);
+              }, 1e4);
+            });
+          }
           return;
         }
         if (status === "processing" || statusResult.payment.depositDetectedAt) {
-          setManualCheckStatus(null);
-          clearUnderpaymentRecovery(paymentData.id);
-          setCurrentStep(PAYMENT_STEPS.PROCESSING);
+          finishRecoveryLoading(() => {
+            setManualCheckStatus(null);
+            clearUnderpaymentRecovery(paymentData.id);
+            setCurrentStep(PAYMENT_STEPS.PROCESSING);
+          });
           return;
         }
       }
       if (paymentData == null ? void 0 : paymentData.depositAddress) {
         const balanceResult = await paymentFlow.api.getDepositBalance(paymentData.id);
         if ((balanceResult == null ? void 0 : balanceResult.success) && activateUnderpaymentFromDepositBalance(balanceResult)) {
+          if (isOffsetRecovery) {
+            finishRecoveryLoading(() => {
+              setManualCheckStatus("not_found");
+              showTransferNoticeModal("We have not detected your offset yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
+              manualCheckTimeout.current = setTimeout(() => {
+                setManualCheckStatus(null);
+              }, 1e4);
+            });
+          }
           return;
         }
       }
-      setManualCheckStatus("not_found");
-      showTransferNoticeModal("We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
-      manualCheckTimeout.current = setTimeout(() => {
-        setManualCheckStatus(null);
-      }, 1e4);
+      finishRecoveryLoading(() => {
+        setManualCheckStatus("not_found");
+        showTransferNoticeModal(
+          isOffsetRecovery ? "We have not detected your offset yet. It can take a few moments to appear on-chain, and we will keep checking automatically." : "We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically."
+        );
+        manualCheckTimeout.current = setTimeout(() => {
+          setManualCheckStatus(null);
+        }, 1e4);
+      });
     } catch (error2) {
       console.warn("[ManualCheck] Error:", error2.message);
-      setManualCheckStatus("not_found");
-      showTransferNoticeModal("We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically.");
-      manualCheckTimeout.current = setTimeout(() => {
-        setManualCheckStatus(null);
-      }, 1e4);
+      finishRecoveryLoading(() => {
+        setManualCheckStatus("not_found");
+        showTransferNoticeModal(
+          isOffsetRecovery ? "We have not detected your offset yet. It can take a few moments to appear on-chain, and we will keep checking automatically." : "We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically."
+        );
+        manualCheckTimeout.current = setTimeout(() => {
+          setManualCheckStatus(null);
+        }, 1e4);
+      });
     }
-  }, [manualCheckStatus, paymentData == null ? void 0 : paymentData.id, paymentData == null ? void 0 : paymentData.depositAddress, paymentFlow.api, config == null ? void 0 : config.amount, selectedNetwork, selectedToken, onSuccess, activateUnderpaymentFlow, activateUnderpaymentFromDepositBalance, captureOffsetSuccessDetails, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash, showTransferNoticeModal]);
+  }, [manualCheckStatus, paymentData == null ? void 0 : paymentData.id, paymentData == null ? void 0 : paymentData.depositAddress, paymentFlow.api, config == null ? void 0 : config.amount, selectedNetwork, selectedToken, onSuccess, underpaymentInfo, underpaymentView, activateUnderpaymentFlow, activateUnderpaymentFromDepositBalance, captureOffsetSuccessDetails, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash, finishRecoveryLoading, showTransferNoticeModal]);
   const truncateAddress = (addr) => {
     if (!addr) return "";
     return `${addr.slice(0, 4)}......${addr.slice(-4)}`;
@@ -26520,7 +26617,26 @@ const CoinleyPaymentInternal = ({
       })
     ] })
   ] });
-  const renderUnderpaymentOffsetPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+  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: [
+      /* @__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("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 }),
+    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" }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-[#7042D2]", children: "Processing" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs leading-5 text-[#535865]", children: detail })
+    ] })
+  ] });
+  const renderUnderpaymentOffsetPanel = () => recoveryLoadingAction === "offset" ? renderRecoveryLoadingPanel({
+    title: "Checking your offset",
+    description: "We are checking the blockchain for your offset payment. This usually takes a few seconds.",
+    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: "min-w-0 flex-1 pt-1", children: [
@@ -26544,7 +26660,11 @@ const CoinleyPaymentInternal = ({
       `This is the same wallet address for your underpaid transaction. Send only the remaining offset amount (${underpaymentOffsetAmountLabel}) and keep enough native gas in your wallet for the network fee.`
     )
   ] });
-  const renderUnderpaymentRefundPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+  const renderUnderpaymentRefundPanel = () => recoveryLoadingAction === "refund" ? renderRecoveryLoadingPanel({
+    title: "Preparing your refund",
+    description: "We are submitting your refund request and checking whether it can be sent immediately.",
+    detail: `Refunding the received ${underpaymentInfo.tokenSymbol} on ${underpaymentInfo.refundNetworkLabel}.`
+  }) : /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
     renderUnderpaymentWarning(
       `Refund of $${formatAmount(underpaymentInfo.receivedAmount || 0)} ${underpaymentInfo.tokenSymbol}`,
       `Provide a ${underpaymentInfo.tokenSymbol} wallet address on the same network (${underpaymentInfo.refundNetworkLabel}) to receive your refund. Network fees will be deducted.`
@@ -27154,15 +27274,28 @@ const CoinleyPaymentInternal = ({
         });
       }
       if (underpaymentView === "offset") {
+        if (recoveryLoadingAction === "offset") {
+          return null;
+        }
         return renderFooterPrimaryButton({
-          label: manualCheckStatus === "checking" || ccManualCheckStatus === "checking" ? "Checking for your payment..." : "I've made transfer",
-          onClick: ccResult ? handleCrossChainManualCheck : handleDepositManualCheck,
-          disabled: manualCheckStatus === "checking" || ccManualCheckStatus === "checking"
+          label: "I've made transfer",
+          onClick: () => {
+            startRecoveryLoading("offset");
+            if (ccResult) {
+              handleCrossChainManualCheck();
+            } else {
+              handleDepositManualCheck();
+            }
+          },
+          disabled: false
         });
       }
       if (underpaymentView === "refund") {
+        if (recoveryLoadingAction === "refund") {
+          return null;
+        }
         return renderFooterPrimaryButton({
-          label: refundRequestStatus === "submitting" ? "Submitting refund request..." : refundRequestSubmitted ? "Refund request submitted" : "Submit refund request",
+          label: refundRequestSubmitted ? "Refund request submitted" : "Submit refund request",
           onClick: handleRefundRequestSubmit,
           disabled: !refundAddress.trim() || refundRequestStatus === "submitting" || refundRequestStatus === "pending" || refundRequestStatus === "refunded"
         });
@@ -27670,6 +27803,7 @@ const CoinleyPaymentInternal = ({
   const isWalletTokenSelectionView = activeTab === PAYMENT_TABS.WALLET && selectedNetwork && !selectedToken && !showWalletConfirm && !(showMobileWalletPicker && isMobile);
   const isQrPaymentActiveView = activeTab === PAYMENT_TABS.QR && qrWalletChoiceConfirmed;
   const handleTransferAddressBack = async () => {
+    setRecoveryLoadingAction(null);
     if (underpaymentInfo && underpaymentView !== "choice") {
       setUnderpaymentView("choice");
       return;
@@ -27800,4 +27934,4 @@ export {
   chainTransports as c,
   isFeatureEnabled as i
 };
-//# sourceMappingURL=CoinleyPayment-B849KAFT.js.map
+//# sourceMappingURL=CoinleyPayment-CmMOW8Fu.js.map

package/dist/{appKitEVM-DtRSGjqO.js → appKitEVM-Dxo1Z_69.js}

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

package/dist/{appKitSolana-Bisj88pX.js → appKitSolana-BmONG1Sf.js}

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