coinley-pay 0.34.0 → 0.35.0

package/dist/{CoinleyPayment-DUMYMJUv.js → CoinleyPayment-D8aL6ChX.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-C8sFF-PH.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-QlVbEn4w.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-D3rTiqkR.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-C1LLrCaN.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-ByJCOOlj.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-eozvDNUh.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-D3rTiqkR.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-C1LLrCaN.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -23344,6 +23344,7 @@ const CoinleyPaymentInternal = ({
   const [ccPhase, setCcPhase] = useState("idle");
   const [ccError, setCcError] = useState(null);
   const [ccGenerating, setCcGenerating] = useState(false);
+  const [ccManualCheckStatus, setCcManualCheckStatus] = useState("idle");
   const ccSucceeded = useRef(false);
   const [networkSearch, setNetworkSearch] = useState("");
   const [walletNetworkSearch, setWalletNetworkSearch] = useState("");
@@ -25079,6 +25080,7 @@ const CoinleyPaymentInternal = ({
       const p = r.payment || r;
       setCcResult(p);
       setCcPhase("awaiting_deposit");
+      setCcManualCheckStatus("idle");
       setCcQrCode(await QRCode.toDataURL(p.relayDepositAddress, { width: 220, margin: 1 }));
     } catch (e) {
       setCcError(e.message || "Could not generate payment address");
@@ -25086,6 +25088,26 @@ const CoinleyPaymentInternal = ({
       setCcGenerating(false);
     }
   };
+  const handleCrossChainManualCheck = async () => {
+    if (!(ccResult == null ? void 0 : ccResult.id) || ccManualCheckStatus === "checking") return;
+    setCcManualCheckStatus("checking");
+    setCcError(null);
+    try {
+      const status = await paymentFlow.api.getCrossChainStatus(ccResult.id);
+      setCcPhase(status.phase);
+      if ((status.phase === "received" || status.phase === "settled") && !ccSucceeded.current) {
+        ccSucceeded.current = true;
+        onSuccess == null ? void 0 : onSuccess(status);
+      } else if (status.phase === "failed") {
+        setCcManualCheckStatus("failed");
+      } else {
+        setCcManualCheckStatus("not_found");
+      }
+    } catch (error2) {
+      setCcError(error2.message || "Could not check this payment yet. Please try again.");
+      setCcManualCheckStatus("idle");
+    }
+  };
   useEffect(() => {
     if (!(ccResult == null ? void 0 : ccResult.id)) return;
     let cancelled = false;
@@ -26120,6 +26142,7 @@ const CoinleyPaymentInternal = ({
   const getNetworkDisplayName = (network) => (network == null ? void 0 : network.name) || (network == null ? void 0 : network.displayName) || (network == null ? void 0 : network.shortName) || "Network";
   const getNetworkDisplayLogo = (network) => (network == null ? void 0 : network.logo) || (network == null ? void 0 : network.logoURI) || (network == null ? void 0 : network.icon) || getNetworkLogoUrl(network) || getFallbackNetworkLogoUrl(getNetworkDisplayName(network));
   const isCrossChainTransferSetupView = activeTab === PAYMENT_TABS.TRANSFER && !ccResult;
+  const isCrossChainTransferAddressView = activeTab === PAYMENT_TABS.TRANSFER && !!ccResult;
   const isTransferSetupView = activeTab === PAYMENT_TABS.TRANSFER && !ccResult && (!selectedNetwork || !selectedToken || !(paymentData == null ? void 0 : paymentData.depositAddress));
   const isQrSetupView = activeTab === PAYMENT_TABS.QR && (!selectedNetwork || !selectedToken || !paymentData || (paymentData == null ? void 0 : paymentData.isDepositPayment));
   const isWalletExtensionSetupView = activeTab === PAYMENT_TABS.WALLET && !showWalletConfirm && !(showMobileWalletPicker && isMobile) && (!connectedWalletType || !selectedNetwork || !selectedToken);
@@ -26163,6 +26186,13 @@ const CoinleyPaymentInternal = ({
       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: [
+    /* @__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 })
+    ] }),
+    title && description && /* @__PURE__ */ jsx("p", { className: "pl-6 text-xs leading-5 text-[#B54708]", children: description })
+  ] });
   networks.filter((network) => {
     const chainId = parseInt(network.chainId);
     const supportedChains = [8453, 56, 42161, 137, 10, 43114, 143, 59144, 534352, 130];
@@ -26708,6 +26738,13 @@ const CoinleyPaymentInternal = ({
         disabled: !ccOriginToken || ccGenerating || isConverting
       });
     }
+    if (isCrossChainTransferAddressView) {
+      return renderFooterPrimaryButton({
+        label: ccManualCheckStatus === "checking" ? "Checking for your payment..." : "I've made transfer",
+        onClick: handleCrossChainManualCheck,
+        disabled: ccManualCheckStatus === "checking" || ccPhase === "received" || ccPhase === "settled"
+      });
+    }
     if (activeTab === PAYMENT_TABS.TRANSFER && selectedNetwork && selectedToken && (paymentData == null ? void 0 : paymentData.depositAddress) && underpaymentInfo) {
       if (underpaymentView === "choice") {
         return renderFooterPrimaryButton({
@@ -26718,7 +26755,7 @@ const CoinleyPaymentInternal = ({
       }
       if (underpaymentView === "offset") {
         return renderFooterPrimaryButton({
-          label: manualCheckStatus === "checking" ? "Checking for your payment..." : "I've sent the offset",
+          label: manualCheckStatus === "checking" ? "Checking for your payment..." : "I've made transfer",
           onClick: handleDepositManualCheck,
           disabled: manualCheckStatus === "checking"
         });
@@ -27105,20 +27142,7 @@ const CoinleyPaymentInternal = ({
           ccError && /* @__PURE__ */ jsx("div", { className: "mb-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-xs font-medium text-red-600", children: ccError })
         ] }),
         ccResult && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-4 text-center", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-wide text-[#9EA0A8]", children: "Send exactly" }),
-            /* @__PURE__ */ jsxs("p", { className: "text-2xl font-bold text-[#1F2430]", children: [
-              ccResult.amountToSendFormatted,
-              " ",
-              ccOriginToken == null ? void 0 : ccOriginToken.symbol
-            ] }),
-            /* @__PURE__ */ jsxs("p", { className: "text-sm text-[#535865]", children: [
-              "on ",
-              ccChainName(ccResult.originChainId)
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("p", { className: "mb-4 text-xs leading-5 text-[#9EA0A8]", children: "Simply scan the QR code which holds just the address, or copy it, and send the exact amount shown." }),
-          /* @__PURE__ */ jsxs("div", { className: "mb-5 flex flex-col gap-3 min-[380px]:flex-row min-[380px]:items-center", children: [
+          /* @__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("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-[#E5E7EB] border-t-[#7042D2]" }) }) }),
             /* @__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" }),
@@ -27136,6 +27160,11 @@ const CoinleyPaymentInternal = ({
               ] })
             ] })
           ] }),
+          renderUnderpaymentWarning(
+            "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"
@@ -27195,6 +27224,7 @@ const CoinleyPaymentInternal = ({
       setCcQrCode("");
       setCcPhase("idle");
       setCcError(null);
+      setCcManualCheckStatus("idle");
       ccSucceeded.current = false;
       return;
     }
@@ -27315,4 +27345,4 @@ export {
   isFeatureEnabled as i,
   logo as l
 };
-//# sourceMappingURL=CoinleyPayment-DUMYMJUv.js.map
+//# sourceMappingURL=CoinleyPayment-D8aL6ChX.js.map

package/dist/{appKitEVM-ByJCOOlj.js → appKitEVM-eozvDNUh.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-DUMYMJUv.js";
+import { i as isFeatureEnabled, F as FEATURES, c as chainTransports, W as WALLETCONNECT_PROJECT_ID, l as logo } from "./CoinleyPayment-D8aL6ChX.js";
 let appKitInstance = null;
 let isInitializing = false;
 let initializationPromise = null;
@@ -112,4 +112,4 @@ export {
   initializeAppKitEVM,
   openAppKitModal
 };
-//# sourceMappingURL=appKitEVM-ByJCOOlj.js.map
+//# sourceMappingURL=appKitEVM-eozvDNUh.js.map

package/dist/{appKitSolana-D3rTiqkR.js → appKitSolana-C1LLrCaN.js}

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