coinley-pay 0.18.0 → 0.20.0

package/dist/{CoinleyPayment-BRiKHFaK.js → CoinleyPayment-Bj4u9uQh.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-DjkvRRWK.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-YblNXa3i.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";
@@ -20451,85 +20451,88 @@ const PaymentStatus = ({
     ] });
   }
   if (status === "success") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-6 px-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "mb-6", children: renderIcon() }),
-      /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold mb-3 text-gray-900", style: { fontFamily: "Gilroy-Medium, Gilroy-Regular, sans-serif" }, children: "Payment Successful!" }),
-      payment && selectedPaymentMethod && /* @__PURE__ */ jsxs("p", { className: "text-center max-w-[235px] mb-6 text-gray-600", style: { fontFamily: "Gilroy-Medium, Gilroy-Regular, sans-serif" }, children: [
-        "Your payment of ",
-        /* @__PURE__ */ jsxs("span", { className: "text-[#7042D2] font-semibold", children: [
-          payment.totalAmount || payment.amount,
-          " ",
-          selectedPaymentMethod.currency
-        ] }),
-        " has been completed."
+    const displayAmount = (payment == null ? void 0 : payment.totalAmount) || (payment == null ? void 0 : payment.amount) || (payment == null ? void 0 : payment.totalAmountUSD) || (payment == null ? void 0 : payment.amountUSD) || 0;
+    const tokenSymbol = (selectedPaymentMethod == null ? void 0 : selectedPaymentMethod.symbol) || (selectedPaymentMethod == null ? void 0 : selectedPaymentMethod.currency) || (selectedPaymentMethod == null ? void 0 : selectedPaymentMethod.tokenSymbol) || (selectedPaymentMethod == null ? void 0 : selectedPaymentMethod.name) || "Token";
+    const networkName = (selectedNetwork == null ? void 0 : selectedNetwork.name) || (selectedNetwork == null ? void 0 : selectedNetwork.displayName) || (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || "Network";
+    const explorerUrl = getExplorerUrl(transactionHash, selectedNetwork);
+    const explorerName = getExplorerName(selectedNetwork);
+    return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full w-full flex-col px-3 pb-0 pt-[84px]", children: [
+      onClose && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "absolute right-1 top-1 flex h-8 w-8 items-center justify-center rounded-full text-black transition-colors hover:bg-gray-100",
+          "aria-label": "Close",
+          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: "M6 18L18 6M6 6l12 12" }) })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-3 flex h-16 w-16 items-center justify-center rounded-full bg-[#D8F8E7] p-2", children: /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-[#0CCB63] text-white", 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.5, d: "M5 13l4 4L19 7" }) }) }) }),
+        /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-semibold text-black", children: "Payment Successful" }),
+        /* @__PURE__ */ jsxs("p", { className: "mb-9 text-base text-[#A9ABB2]", children: [
+          /* @__PURE__ */ jsxs("span", { className: "font-semibold text-black", children: [
+            "$",
+            Number(displayAmount || 0).toFixed(2)
+          ] }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            " sent to ",
+            merchantName
+          ] })
+        ] })
       ] }),
-      transactionHash && /* @__PURE__ */ jsxs("div", { className: "w-full mb-6 px-4", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-2 text-gray-700", style: { fontFamily: "Gilroy-Medium, Gilroy-Regular, sans-serif" }, children: "Transaction Details" }),
+      /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-[#4B5563]", children: "Transaction ID" }),
         /* @__PURE__ */ jsxs(
-          "div",
+          "button",
           {
-            className: "flex items-center justify-between p-3 rounded-lg border cursor-pointer transition-colors bg-gray-50 border-gray-200 hover:bg-gray-100 mb-3",
+            type: "button",
             onClick: copyTransactionHash,
+            className: "mb-4 flex h-11 w-full items-center justify-between rounded-lg border border-[#EEF0F4] bg-[#FAFAFB] px-3 text-left transition-colors hover:bg-gray-100",
             children: [
-              /* @__PURE__ */ jsx("span", { className: "font-mono text-sm text-gray-700", children: formatTransactionHash(transactionHash) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-                copiedHash ? /* @__PURE__ */ jsx("span", { className: "text-green-500 text-xs font-medium mr-2", children: "Copied!" }) : null,
-                /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    className: "h-4 w-4 text-gray-500",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" })
-                  }
-                )
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-sm font-semibold text-black", children: formatTransactionHash(transactionHash) }),
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-black", children: [
+                copiedHash && /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[#0CCB63]", children: "Copied" }),
+                /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.7, d: "M8 7a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2h-2M6 9H5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-1" }) })
               ] })
             ]
           }
         ),
-        (() => {
-          const explorerUrl = getExplorerUrl(transactionHash, selectedNetwork);
-          const explorerName = getExplorerName(selectedNetwork);
-          return selectedNetwork && explorerUrl && /* @__PURE__ */ jsxs(
-            "a",
-            {
-              href: explorerUrl,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "flex items-center justify-center gap-2 w-full p-3 rounded-lg border border-[#7042D2] bg-white hover:bg-purple-50 transition-colors group",
-              children: [
-                /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-[#7042D2]", style: { fontFamily: "Gilroy-Medium, Gilroy-Regular, sans-serif" }, children: [
-                  "View on ",
-                  explorerName
-                ] }),
-                /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    className: "h-4 w-4 text-[#7042D2] group-hover:translate-x-1 transition-transform",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    strokeWidth: 2,
-                    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" })
-                  }
-                )
-              ]
-            }
-          );
-        })()
+        /* @__PURE__ */ jsxs("div", { className: "space-y-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex h-11 items-center justify-between border-b border-[#EEF0F4]", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-[#A9ABB2]", children: "Network" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-black", children: networkName })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex h-11 items-center justify-between border-b border-[#EEF0F4]", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-[#A9ABB2]", children: "Token" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-black", children: tokenSymbol })
+          ] })
+        ] }),
+        explorerUrl && /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: explorerUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "mt-3 flex h-[43px] w-full items-center justify-center gap-2 rounded-lg border border-[#B997FF] bg-white text-sm font-semibold text-[#7042D2] transition-colors hover:bg-purple-50",
+            children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                "View on ",
+                explorerName
+              ] }),
+              /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })
+            ]
+          }
+        )
       ] }),
-      onClose && /* @__PURE__ */ jsx(
+      onClose && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-5", children: /* @__PURE__ */ jsx(
         "button",
         {
           onClick: onClose,
-          className: "w-full py-3 px-4 bg-[#7042D2] text-white font-semibold rounded-2xl text-lg shadow-md hover:bg-[#5b34b1] transition-colors",
-          style: { fontFamily: "Gilroy-Medium, Gilroy-Regular, sans-serif" },
+          className: "h-11 w-full rounded-lg bg-[#7042D2] px-4 text-base font-semibold text-white transition-colors hover:bg-[#5b34b1]",
           children: "Close"
         }
-      )
+      ) })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
@@ -21120,7 +21123,7 @@ const WalletSelector = ({
         try {
           setAppKitError(null);
           setWalletConnectAddress(solanaAccountState.address);
-          const { createWalletConnectAdapter } = await import("./appKitSolana-COVsc1hI.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-QAp0wzR5.js");
           const adapter = createWalletConnectAdapter(solanaAccountState.address);
           await solanaWallet.connectWalletConnect(adapter, solanaAccountState.address);
           console.log("✅ WalletConnect synced with SDK");
@@ -21225,7 +21228,7 @@ const WalletSelector = ({
     setAppKitLoading(true);
     setAppKitError(null);
     try {
-      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-7klvcQWP.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-jh6msvrg.js");
       await initializeAppKitEVM(wagmiConfig);
       await openAppKitModal();
     } catch (error) {
@@ -21245,7 +21248,7 @@ const WalletSelector = ({
     setAppKitError(null);
     try {
       console.log("📦 Loading AppKit Solana module...");
-      const { initializeAppKitSolana } = await import("./appKitSolana-COVsc1hI.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-QAp0wzR5.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -25822,7 +25825,7 @@ const CoinleyPaymentInternal = ({
   if (currentStep === PAYMENT_STEPS.SUCCESS) {
     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 ? "bg-white rounded-t-3xl p-8 w-full max-h-[80vh] overflow-y-auto animate-slide-up-sheet" : "bg-white rounded-2xl p-8 max-w-md w-full", children: /* @__PURE__ */ jsx(
+      /* @__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 ? "relative flex w-full max-h-[92vh] flex-col overflow-y-auto rounded-t-[28px] bg-white px-4 pb-5 pt-5 animate-slide-up-sheet" : "relative flex h-[553px] 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",
@@ -26894,6 +26897,7 @@ const CoinleyPaymentInternal = ({
   const isTransferAddressGenerated = activeTab === PAYMENT_TABS.TRANSFER && selectedNetwork && selectedToken && (paymentData == null ? void 0 : paymentData.depositAddress);
   const isWalletReadyForPayment = isWalletExtensionReadyView;
   const isWalletBackHeaderView = activeTab === PAYMENT_TABS.WALLET && showWalletConfirm;
+  const isWalletTokenSelectionView = activeTab === PAYMENT_TABS.WALLET && selectedNetwork && !selectedToken && !showWalletConfirm && !(showMobileWalletPicker && isMobile);
   const isQrPaymentActiveView = activeTab === PAYMENT_TABS.QR && qrWalletChoiceConfirmed;
   const handleTransferAddressBack = async () => {
     setPaymentData((prev) => {
@@ -26914,6 +26918,12 @@ const CoinleyPaymentInternal = ({
     setSelectedToken(null);
     setPaymentData(null);
   };
+  const handleWalletTokenSelectionBack = () => {
+    setSelectedNetwork(null);
+    setSelectedToken(null);
+    setPaymentData(null);
+    setWalletNetworkSearch("");
+  };
   const handleQrBack = () => {
     setPaymentData(null);
     setQrCodeDataUrl("");
@@ -26934,10 +26944,10 @@ const CoinleyPaymentInternal = ({
       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 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: [
-          isTransferAddressGenerated || isWalletReadyForPayment || isQrPaymentActiveView || isWalletBackHeaderView ? /* @__PURE__ */ jsx(
+          isTransferAddressGenerated || isWalletReadyForPayment || isQrPaymentActiveView || isWalletBackHeaderView || isWalletTokenSelectionView ? /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: isTransferAddressGenerated ? handleTransferAddressBack : isQrPaymentActiveView ? handleQrBack : handleWalletReadyBack,
+              onClick: isTransferAddressGenerated ? handleTransferAddressBack : isQrPaymentActiveView ? handleQrBack : isWalletTokenSelectionView ? handleWalletTokenSelectionBack : handleWalletReadyBack,
               className: `${isTightWalletView ? "h-8 w-8" : "h-9 w-9"} flex items-center justify-center rounded-full border border-[#E5E7EB] text-[#111827] transition-colors hover:bg-gray-50`,
               "aria-label": "Go back",
               children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
@@ -26995,4 +27005,4 @@ export {
   isFeatureEnabled as i,
   logo as l
 };
-//# sourceMappingURL=CoinleyPayment-BRiKHFaK.js.map
+//# sourceMappingURL=CoinleyPayment-Bj4u9uQh.js.map

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

package/dist/{appKitSolana-COVsc1hI.js → appKitSolana-QAp0wzR5.js}

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