coinley-pay 0.37.0 → 0.38.0

package/dist/{CoinleyPayment-CckYt7S9.js → CoinleyPayment-DMr1ZEvF.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-CIjLjC1o.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-Bzc4Jq86.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";
@@ -21150,7 +21150,7 @@ const WalletSelector = ({
         try {
           setAppKitError(null);
           setWalletConnectAddress(solanaAccountState.address);
-          const { createWalletConnectAdapter } = await import("./appKitSolana-CHe_HukM.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-UWbFPNMg.js");
           const adapter = createWalletConnectAdapter(solanaAccountState.address);
           await solanaWallet.connectWalletConnect(adapter, solanaAccountState.address);
           console.log("✅ WalletConnect synced with SDK");
@@ -21255,7 +21255,7 @@ const WalletSelector = ({
     setAppKitLoading(true);
     setAppKitError(null);
     try {
-      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-BCaK3hpo.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-42vzguiC.js");
       await initializeAppKitEVM(wagmiConfig);
       await openAppKitModal();
     } catch (error) {
@@ -21275,7 +21275,7 @@ const WalletSelector = ({
     setAppKitError(null);
     try {
       console.log("📦 Loading AppKit Solana module...");
-      const { initializeAppKitSolana } = await import("./appKitSolana-CHe_HukM.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-UWbFPNMg.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23345,6 +23345,7 @@ 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("");
@@ -23478,6 +23479,9 @@ 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;
@@ -25126,6 +25130,7 @@ const CoinleyPaymentInternal = ({
         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.");
       }
     } catch (error2) {
       setCcError(error2.message || "Could not check this payment yet. Please try again.");
@@ -26079,17 +26084,19 @@ const CoinleyPaymentInternal = ({
         }
       }
       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);
     } 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);
     }
-  }, [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, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash]);
+  }, [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, clearUnderpaymentRecovery, resolvePaymentTransactionHash, persistSuccessfulPaymentHash, showTransferNoticeModal]);
   if (!isOpen) return null;
   if (currentStep === PAYMENT_STEPS.PROCESSING) {
     return /* @__PURE__ */ jsxs("div", { id: SDK_ROOT_ID, className: `${SDK_ROOT_CLASS} fixed inset-0 z-50`, style: { fontFamily: FONT_FAMILY }, children: [
@@ -26290,8 +26297,7 @@ const CoinleyPaymentInternal = ({
     renderUnderpaymentWarning(
       "Important!",
       "This is the same wallet address for your underpaid transaction. Send only the remaining offset amount, and make sure to add network fees on top of it."
-    ),
-    (manualCheckStatus === "not_found" || ccManualCheckStatus === "not_found") && /* @__PURE__ */ jsx("div", { className: "mb-3 rounded-xl border border-amber-200 bg-amber-50 p-3", children: /* @__PURE__ */ jsx("p", { className: "text-sm leading-5 text-amber-700", children: "We have not detected the offset yet. It can take a few moments to appear on-chain, and we will keep checking automatically." }) })
+    )
   ] });
   const renderUnderpaymentRefundPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
     renderUnderpaymentWarning(
@@ -26958,6 +26964,23 @@ 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: [
@@ -27293,7 +27316,6 @@ const CoinleyPaymentInternal = ({
               "Important!",
               "Use this wallet address for this transfer only. Send from the selected network and include enough native token for network fees."
             ),
-            ccManualCheckStatus === "not_found" && /* @__PURE__ */ jsx("div", { className: "mb-3 rounded-xl border border-amber-200 bg-amber-50 p-3", children: /* @__PURE__ */ jsx("p", { className: "text-sm leading-5 text-amber-700", children: "We have not detected your transfer yet. It can take a few moments to appear on-chain, and we will keep checking automatically." }) }),
             ccPhase === "failed" ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-center text-xs font-medium text-red-600", children: "Payment failed — please try again" }) : ccPhase === "received" || ccPhase === "settled" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-xs font-medium text-green-600", children: [
               /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-green-500" }),
               "Payment received"
@@ -27438,7 +27460,8 @@ 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) => {
@@ -27475,4 +27498,4 @@ export {
   isFeatureEnabled as i,
   logo as l
 };
-//# sourceMappingURL=CoinleyPayment-CckYt7S9.js.map
+//# sourceMappingURL=CoinleyPayment-DMr1ZEvF.js.map

package/dist/{appKitEVM-BCaK3hpo.js → appKitEVM-42vzguiC.js}

@@ -1,4 +1,4 @@
-import { i as isFeatureEnabled, F as FEATURES, c as chainTransports, W as WALLETCONNECT_PROJECT_ID, l as logo } from "./CoinleyPayment-CckYt7S9.js";
+import { i as isFeatureEnabled, F as FEATURES, c as chainTransports, W as WALLETCONNECT_PROJECT_ID, l as logo } from "./CoinleyPayment-DMr1ZEvF.js";
 let appKitInstance = null;
 let isInitializing = false;
 let initializationPromise = null;
@@ -112,4 +112,4 @@ export {
   initializeAppKitEVM,
   openAppKitModal
 };
-//# sourceMappingURL=appKitEVM-BCaK3hpo.js.map
+//# sourceMappingURL=appKitEVM-42vzguiC.js.map

package/dist/{appKitSolana-CHe_HukM.js → appKitSolana-UWbFPNMg.js}

@@ -1,4 +1,4 @@
-import { F as FEATURES, l as logo, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-CckYt7S9.js";
+import { F as FEATURES, l as logo, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-DMr1ZEvF.js";
 let appKitInstance = null;
 let isInitializing = false;
 let initializationPromise = null;
@@ -242,4 +242,4 @@ export {
   disconnectWalletConnect,
   initializeAppKitSolana
 };
-//# sourceMappingURL=appKitSolana-CHe_HukM.js.map
+//# sourceMappingURL=appKitSolana-UWbFPNMg.js.map