coinley-pay 0.44.0 → 0.46.0

package/dist/{CoinleyPayment-DyKwmgOv.js → CoinleyPayment-BZZKQO96.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-BxLKbwy5.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-BFwilphb.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-CG78TZQO.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-CcEv9c6h.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-UnYPliV_.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-zLHXb4kV.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-CG78TZQO.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-CcEv9c6h.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();
@@ -23317,7 +23318,6 @@ const CoinleyPaymentInternal = ({
   const [ccError, setCcError] = useState(null);
   const [ccGenerating, setCcGenerating] = useState(false);
   const [ccManualCheckStatus, setCcManualCheckStatus] = useState("idle");
-  const [transferNoticeModal, setTransferNoticeModal] = useState(null);
   const ccSucceeded = useRef(false);
   const ccStatusPollInFlight = useRef(false);
   const [networkSearch, setNetworkSearch] = useState("");
@@ -23351,7 +23351,11 @@ const CoinleyPaymentInternal = ({
   const [refundRequestMessage, setRefundRequestMessage] = useState("");
   const [offsetSuccessDetails, setOffsetSuccessDetails] = useState(null);
   const [refundSuccessDetails, setRefundSuccessDetails] = useState(null);
+  const [recoveryLoadingAction, setRecoveryLoadingAction] = useState(null);
+  const [recoveryLoadingStatus, setRecoveryLoadingStatus] = 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;
@@ -23453,9 +23457,6 @@ const CoinleyPaymentInternal = ({
   } = paymentFlow;
   const activeTransferPaymentId = (paymentData == null ? void 0 : paymentData.id) || (ccResult == null ? void 0 : ccResult.id) || (ccResult == null ? void 0 : ccResult.paymentId);
   const activeTransferDepositAddress = (paymentData == null ? void 0 : paymentData.depositAddress) || (ccResult == null ? void 0 : ccResult.relayDepositAddress) || (ccResult == null ? void 0 : ccResult.depositAddress);
-  const showTransferNoticeModal = useCallback((message, title = "Transfer not detected yet") => {
-    setTransferNoticeModal({ title, message });
-  }, []);
   const merchantReceiveNetworks = (merchantNetworks == null ? void 0 : merchantNetworks.length) ? merchantNetworks : networks;
   const isMerchantReceiveNetwork = useCallback((network) => {
     var _a2;
@@ -23715,11 +23716,15 @@ const CoinleyPaymentInternal = ({
     setUnderpaymentView("choice");
     setManualCheckStatus(null);
     setCcManualCheckStatus(null);
+    setRecoveryLoadingAction(null);
+    setRecoveryLoadingStatus(null);
     clearUnderpaymentRecovery(paymentId || activeTransferPaymentId);
   }, [activeTransferPaymentId, clearUnderpaymentRecovery]);
   useEffect(() => {
     setOffsetSuccessDetails(null);
     setRefundSuccessDetails(null);
+    setRecoveryLoadingAction(null);
+    setRecoveryLoadingStatus(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 +24350,12 @@ const CoinleyPaymentInternal = ({
     setMobilePaymentStarted(false);
     setSelectedMobileWallet(null);
     setMobileWalletRedirecting(null);
+    setRecoveryLoadingAction(null);
+    setRecoveryLoadingStatus(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,111 @@ const CoinleyPaymentInternal = ({
       setCcGenerating(false);
     }
   };
+  const startRecoveryLoading = useCallback((action) => {
+    if (recoveryLoadingTimeout.current) {
+      clearTimeout(recoveryLoadingTimeout.current);
+      recoveryLoadingTimeout.current = null;
+    }
+    recoveryLoadingStartedAt.current = Date.now();
+    setRecoveryLoadingAction(action);
+    setRecoveryLoadingStatus(null);
+  }, []);
+  const runAfterRecoveryMinimum = 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;
+      if (typeof callback === "function") {
+        callback();
+      }
+    }, delay);
+  }, []);
+  const finishRecoveryLoading = useCallback((callback) => {
+    runAfterRecoveryMinimum(() => {
+      setRecoveryLoadingAction(null);
+      setRecoveryLoadingStatus(null);
+      if (typeof callback === "function") {
+        callback();
+      }
+    });
+  }, [runAfterRecoveryMinimum]);
+  const holdRecoveryLoading = useCallback((action, status) => {
+    runAfterRecoveryMinimum(() => {
+      setRecoveryLoadingAction(action);
+      setRecoveryLoadingStatus({ action, ...status });
+    });
+  }, [runAfterRecoveryMinimum]);
+  const getOffsetWaitingStatus = useCallback((overrides = {}) => {
+    const shortfallLabel = underpaymentInfo ? `${formatAmount(underpaymentInfo.shortfallAmount || underpaymentInfo.amountRemaining || 0)} ${underpaymentInfo.tokenSymbol || (selectedToken == null ? void 0 : selectedToken.symbol) || ""}`.trim() : "the remaining amount";
+    const networkLabel = (underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "the selected network";
+    return {
+      title: "Still checking your offset",
+      description: "We have not detected your offset yet. Keep this screen open; we will keep checking automatically.",
+      detail: `Waiting for ${shortfallLabel} on ${networkLabel}.`,
+      ...overrides
+    };
+  }, [selectedNetwork == null ? void 0 : selectedNetwork.name, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo]);
+  const getRefundPendingStatus = useCallback(() => ({
+    title: "Refund request received",
+    description: "We will process it automatically.",
+    detail: `Refunding the received ${(underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol) || (selectedToken == null ? void 0 : selectedToken.symbol) || "tokens"} on ${(underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel) || (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "the selected network"}.`
+  }), [selectedNetwork == null ? void 0 : selectedNetwork.name, selectedNetwork == null ? void 0 : selectedNetwork.shortName, selectedToken == null ? void 0 : selectedToken.symbol, underpaymentInfo == null ? void 0 : underpaymentInfo.refundNetworkLabel, underpaymentInfo == null ? void 0 : underpaymentInfo.tokenSymbol]);
+  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) {
+          setCcManualCheckStatus("not_found");
+          holdRecoveryLoading("offset", getOffsetWaitingStatus());
+        } 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");
+        if (isOffsetRecovery) {
+          holdRecoveryLoading("offset", getOffsetWaitingStatus({
+            title: "Transfer detected",
+            description: "We have detected your offset and are waiting for processing to complete.",
+            detail: "We will keep checking automatically."
+          }));
+        } else {
+          finishRecoveryLoading(() => {
+            clearUnderpaymentUiState(status.paymentId || ccResult.id);
+            setCcManualCheckStatus("idle");
+          });
+        }
       } 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.");
+        if (isOffsetRecovery) {
+          holdRecoveryLoading("offset", getOffsetWaitingStatus());
+        }
       }
     } 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 +26147,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 +26177,29 @@ 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");
+        holdRecoveryLoading("refund", getRefundPendingStatus());
       }
     } 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, 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");
     setManualCheckStatus("checking");
     try {
       const statusResult = await paymentFlow.api.getDepositStatus(paymentData.id);
@@ -26109,55 +26207,79 @@ 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) {
+            setManualCheckStatus("not_found");
+            holdRecoveryLoading("offset", getOffsetWaitingStatus());
+          }
           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) {
+            setManualCheckStatus("not_found");
+            holdRecoveryLoading("offset", getOffsetWaitingStatus());
+          }
           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");
+        if (isOffsetRecovery) {
+          setRecoveryLoadingAction("offset");
+          setRecoveryLoadingStatus({ action: "offset", ...getOffsetWaitingStatus() });
+          return;
+        }
+        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");
+        if (isOffsetRecovery) {
+          setRecoveryLoadingAction("offset");
+          setRecoveryLoadingStatus({ action: "offset", ...getOffsetWaitingStatus() });
+          return;
+        }
+        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, getOffsetWaitingStatus, holdRecoveryLoading]);
   const truncateAddress = (addr) => {
     if (!addr) return "";
     return `${addr.slice(0, 4)}......${addr.slice(-4)}`;
@@ -26535,10 +26657,10 @@ const CoinleyPaymentInternal = ({
       /* @__PURE__ */ jsx("p", { className: "text-xs leading-5 text-[#535865]", children: detail })
     ] })
   ] });
-  const renderUnderpaymentOffsetPanel = () => manualCheckStatus === "checking" || ccManualCheckStatus === "checking" ? 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)}.`
+  const renderUnderpaymentOffsetPanel = () => recoveryLoadingAction === "offset" ? renderRecoveryLoadingPanel({
+    title: (recoveryLoadingStatus == null ? void 0 : recoveryLoadingStatus.action) === "offset" ? recoveryLoadingStatus.title : "Checking your offset",
+    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" }) }) }),
@@ -26563,10 +26685,10 @@ 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 = () => refundRequestStatus === "submitting" ? 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}.`
+  const renderUnderpaymentRefundPanel = () => recoveryLoadingAction === "refund" ? renderRecoveryLoadingPanel({
+    title: (recoveryLoadingStatus == null ? void 0 : recoveryLoadingStatus.action) === "refund" ? recoveryLoadingStatus.title : "Preparing your refund",
+    description: (recoveryLoadingStatus == null ? void 0 : recoveryLoadingStatus.action) === "refund" ? recoveryLoadingStatus.description : "We are submitting your refund request and checking whether it can be sent immediately.",
+    detail: (recoveryLoadingStatus == null ? void 0 : recoveryLoadingStatus.action) === "refund" ? recoveryLoadingStatus.detail : `Refunding the received ${underpaymentInfo.tokenSymbol} on ${underpaymentInfo.refundNetworkLabel}.`
   }) : /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
     renderUnderpaymentWarning(
       `Refund of $${formatAmount(underpaymentInfo.receivedAmount || 0)} ${underpaymentInfo.tokenSymbol}`,
@@ -27177,17 +27299,24 @@ const CoinleyPaymentInternal = ({
         });
       }
       if (underpaymentView === "offset") {
-        if (manualCheckStatus === "checking" || ccManualCheckStatus === "checking") {
+        if (recoveryLoadingAction === "offset") {
           return null;
         }
         return renderFooterPrimaryButton({
           label: "I've made transfer",
-          onClick: ccResult ? handleCrossChainManualCheck : handleDepositManualCheck,
+          onClick: () => {
+            startRecoveryLoading("offset");
+            if (ccResult) {
+              handleCrossChainManualCheck();
+            } else {
+              handleDepositManualCheck();
+            }
+          },
           disabled: false
         });
       }
       if (underpaymentView === "refund") {
-        if (refundRequestStatus === "submitting") {
+        if (recoveryLoadingAction === "refund") {
           return null;
         }
         return renderFooterPrimaryButton({
@@ -27270,23 +27399,6 @@ const CoinleyPaymentInternal = ({
       /* @__PURE__ */ jsx("p", { className: `${isTightWalletView ? "mt-1" : isCompactCheckoutView ? "mt-2" : "mt-3"} text-xs text-[#A9ABB2]`, children: "Powered by Stablezact" })
     ] });
   };
-  const renderTransferNoticeModal = () => {
-    if (!transferNoticeModal) return null;
-    return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-[70] flex items-center justify-center bg-black/45 px-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-[340px] rounded-2xl bg-white p-5 text-center shadow-2xl", children: [
-      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-3 flex h-11 w-11 items-center justify-center rounded-full bg-amber-50 text-amber-600", children: /* @__PURE__ */ jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v4m0 4h.01M12 3a9 9 0 110 18 9 9 0 010-18z" }) }) }),
-      /* @__PURE__ */ jsx("h3", { className: "mb-2 text-base font-semibold text-[#111827]", children: transferNoticeModal.title }),
-      /* @__PURE__ */ jsx("p", { className: "mb-5 text-sm leading-5 text-[#6B7280]", children: transferNoticeModal.message }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setTransferNoticeModal(null),
-          className: "h-11 w-full rounded-xl bg-[#7042D2] px-4 text-sm font-semibold text-white transition-colors hover:bg-[#5b34b1]",
-          children: "Got it"
-        }
-      )
-    ] }) });
-  };
   const renderTabContent = () => {
     var _a2, _b, _c, _d;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -27699,6 +27811,8 @@ 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);
+    setRecoveryLoadingStatus(null);
     if (underpaymentInfo && underpaymentView !== "choice") {
       setUnderpaymentView("choice");
       return;
@@ -27792,8 +27906,7 @@ const CoinleyPaymentInternal = ({
         /* @__PURE__ */ jsx("div", { className: `min-h-0 flex-1 ${isCheckoutDropdownOpen ? "overflow-visible" : "overflow-y-auto coinley-scroll"} pb-1`, children: renderTabContent() }),
         renderCheckoutFooter()
       ] })
-    ] }) }),
-    renderTransferNoticeModal()
+    ] }) })
   ] });
 };
 const CoinleyPayment = (props) => {
@@ -27829,4 +27942,4 @@ export {
   chainTransports as c,
   isFeatureEnabled as i
 };
-//# sourceMappingURL=CoinleyPayment-DyKwmgOv.js.map
+//# sourceMappingURL=CoinleyPayment-BZZKQO96.js.map

package/dist/{appKitEVM-UnYPliV_.js → appKitEVM-zLHXb4kV.js}

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

package/dist/{appKitSolana-CG78TZQO.js → appKitSolana-CcEv9c6h.js}

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