coinley-pay 0.65.0 → 0.67.0

package/dist/{CoinleyPayment-BovUsM20.js → CoinleyPayment-CiCtB3P8.js}

@@ -6,7 +6,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import ReactDOM, { createPortal } from "react-dom";
 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-DlWS8_3x.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-DGh12VkT.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";
@@ -21126,7 +21126,7 @@ const WalletSelector = ({
         try {
           setAppKitError(null);
           setWalletConnectAddress(solanaAccountState.address);
-          const { createWalletConnectAdapter } = await import("./appKitSolana-De-Lx7eT.js");
+          const { createWalletConnectAdapter } = await import("./appKitSolana-BQz-5FDf.js");
           const adapter = createWalletConnectAdapter(solanaAccountState.address);
           await solanaWallet.connectWalletConnect(adapter, solanaAccountState.address);
           console.log("✅ WalletConnect synced with SDK");
@@ -21231,7 +21231,7 @@ const WalletSelector = ({
     setAppKitLoading(true);
     setAppKitError(null);
     try {
-      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-CGJ7ZTpW.js");
+      const { initializeAppKitEVM, openAppKitModal } = await import("./appKitEVM-DNCl1Pga.js");
       await initializeAppKitEVM(wagmiConfig);
       await openAppKitModal();
     } catch (error) {
@@ -21251,7 +21251,7 @@ const WalletSelector = ({
     setAppKitError(null);
     try {
       console.log("📦 Loading AppKit Solana module...");
-      const { initializeAppKitSolana } = await import("./appKitSolana-De-Lx7eT.js");
+      const { initializeAppKitSolana } = await import("./appKitSolana-BQz-5FDf.js");
       console.log("✅ Module loaded, initializing...");
       const modal = await initializeAppKitSolana(solanaWallet);
       console.log("✅ AppKit Solana initialized successfully");
@@ -26715,6 +26715,49 @@ const CoinleyPaymentInternal = ({
     return `${hash.slice(0, 7)}...${hash.slice(-8)}`;
   };
   if (!isOpen) return null;
+  if (refundRequestStatus === "pending") {
+    return renderInPortal(
+      /* @__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", onClick: onClose }),
+        /* @__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__ */ jsxs("div", { className: isMobile ? "coinley-mobile-sheet relative flex w-full max-h-[92dvh] flex-col overflow-hidden rounded-t-[24px] bg-white px-5 pb-6 pt-7 shadow-2xl animate-slide-up-sheet" : "relative flex h-auto min-h-[540px] w-[430px] max-w-[calc(100vw-32px)] flex-col overflow-hidden rounded-[28px] bg-white px-5 pb-5 pt-7 shadow-2xl", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "absolute right-4 top-5 flex h-8 w-8 items-center justify-center rounded-full text-[#111827] transition-colors hover:bg-gray-100",
+              "aria-label": "Close payment modal",
+              children: /* @__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: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col pt-6", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center text-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "mb-5 flex h-[72px] w-[72px] items-center justify-center rounded-full bg-[#DDF8E7]", children: /* @__PURE__ */ jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-[#22C55E] 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: 3, d: "M5 13l4 4L19 7" }) }) }) }),
+              /* @__PURE__ */ jsx("h3", { className: "mb-3 text-base font-bold text-[#111827]", children: "Refund request received" }),
+              /* @__PURE__ */ jsx("p", { className: "text-[17px] leading-6 text-[#111827]", children: "Your refund is being processed automatically." }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-[17px] leading-6 text-[#A9ABB2]", children: "You can safely close the modal" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-8 border-t border-[#EEF0F4] pt-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-[#8B8E98]", children: "Status" }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-[#111827]", children: "Processing" })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-[#9CA0A8]", children: "Typically takes about 5 - 10 minutes." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "mt-5 h-[52px] w-full rounded-xl bg-[#7042D2] px-4 text-sm font-semibold text-white transition-colors hover:bg-[#5b34b1]",
+                children: "Close"
+              }
+            )
+          ] })
+        ] }) })
+      ] })
+    );
+  }
   if (currentStep === PAYMENT_STEPS.PROCESSING) {
     return renderInPortal(
       /* @__PURE__ */ jsxs("div", { id: SDK_ROOT_ID, className: `${SDK_ROOT_CLASS} fixed inset-0 z-50`, style: { fontFamily: FONT_FAMILY }, children: [
@@ -27106,7 +27149,7 @@ const CoinleyPaymentInternal = ({
       {
         type: "button",
         onClick: () => isMobile ? handleMobileTabSelect(method.tab) : setActiveTab(method.tab),
-        className: `min-w-0 truncate ${isTightWalletView ? "h-7 px-2 text-[13px]" : "h-9 px-2.5 text-sm"} rounded-lg transition-colors whitespace-nowrap ${method.tab === PAYMENT_TABS.TRANSFER ? "flex-[1.35]" : "flex-1"} ${activeTab === method.tab ? "bg-white text-[#5B2EEA] shadow-[0_1px_3px_rgba(31,36,48,0.08)]" : "text-[#535865] hover:text-[#1F2430]"}`,
+        className: `min-w-0 truncate ${isTightWalletView ? "h-7 px-1.5 text-[13px]" : "h-9 px-2 text-[13px]"} rounded-lg transition-colors whitespace-nowrap ${method.tab === PAYMENT_TABS.QR ? "flex-[0.8]" : "flex-[1.3]"} ${activeTab === method.tab ? "bg-white text-[#5B2EEA] shadow-[0_1px_3px_rgba(31,36,48,0.08)]" : "text-[#535865] hover:text-[#1F2430]"}`,
         children: isMobile ? method.mobileLabel : method.label
       },
       method.tab
@@ -27620,93 +27663,103 @@ const CoinleyPaymentInternal = ({
     })
   ] });
   const qrNetworkOptions = merchantFilteredNetworks.length > 0 ? merchantFilteredNetworks : networks;
-  const renderQrWalletChoicePanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
-    renderCheckoutSelect({
-      id: "qr-network",
-      label: "Select a Network",
-      value: selectedNetwork == null ? void 0 : selectedNetwork.id,
-      placeholder: "Select a network",
-      options: qrNetworkOptions,
-      getLabel: (network) => getNetworkDisplayName(network),
-      getIcon: (network) => getNetworkDisplayLogo(network),
-      compact: true,
-      elevated: true,
-      maxVisibleItems: 4,
-      onChange: (networkId) => {
-        const network = qrNetworkOptions.find((item) => String(item.id) === String(networkId));
-        if (network) handleNetworkSelect(network);
-      }
-    }),
-    renderCheckoutSelect({
-      id: "qr-token",
-      label: "Select a Token",
-      value: selectedToken == null ? void 0 : selectedToken.id,
-      placeholder: "Select a token",
-      disabled: !selectedNetwork || availableTokens.length === 0,
-      options: availableTokens,
-      getLabel: (token) => getTokenDisplaySymbol(token),
-      getIcon: (token) => getTokenDisplayLogo(token),
-      compact: true,
-      elevated: true,
-      maxVisibleItems: 4,
-      onChange: (tokenId) => {
-        const token = availableTokens.find((item) => String(item.id) === String(tokenId));
-        if (token) handleTokenSelect(token);
-      }
-    }),
-    /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[#1F2430]", children: "Please select your wallet app" }),
-    /* @__PURE__ */ jsx("div", { className: "mb-3 grid grid-cols-3 gap-1.5", children: qrWalletOptions.map((wallet) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => handleQrWalletSelect(wallet.id),
-        disabled: !selectedNetwork || !selectedToken || qrLoading || isConverting,
-        className: `relative flex h-[76px] min-w-0 flex-col items-start justify-between rounded-lg border bg-[#FAFAFB] px-2.5 py-3 text-left transition-colors ${qrSelectedWalletId === wallet.id ? "border-[#7042D2] bg-[#FBF8FF]" : "border-[#EEF0F4] hover:border-[#C9B8F6]"} disabled:cursor-not-allowed disabled:opacity-60`,
-        children: [
-          qrSelectedWalletId === wallet.id && qrWalletChoiceConfirmed && /* @__PURE__ */ jsx("span", { className: "absolute right-[-5px] top-[-6px] flex h-4 w-4 items-center justify-center rounded-full border border-[#7042D2] bg-white text-[#7042D2]", children: /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: wallet.icon,
-              alt: wallet.name,
-              className: "h-6 w-6 object-contain",
-              onError: (event) => {
-                event.currentTarget.src = getLogoFallbackUrl(wallet.name);
+  const renderQrWalletChoicePanel = () => {
+    if (qrWalletChoiceConfirmed) return renderQrPaymentPanel();
+    return /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+      renderCheckoutSelect({
+        id: "qr-network",
+        label: "Select a Network",
+        value: selectedNetwork == null ? void 0 : selectedNetwork.id,
+        placeholder: "Select a network",
+        options: qrNetworkOptions,
+        getLabel: (network) => getNetworkDisplayName(network),
+        getIcon: (network) => getNetworkDisplayLogo(network),
+        compact: true,
+        elevated: true,
+        maxVisibleItems: 4,
+        onChange: (networkId) => {
+          const network = qrNetworkOptions.find((item) => String(item.id) === String(networkId));
+          if (network) handleNetworkSelect(network);
+        }
+      }),
+      renderCheckoutSelect({
+        id: "qr-token",
+        label: "Select a Token",
+        value: selectedToken == null ? void 0 : selectedToken.id,
+        placeholder: "Select a token",
+        disabled: !selectedNetwork || availableTokens.length === 0,
+        options: availableTokens,
+        getLabel: (token) => getTokenDisplaySymbol(token),
+        getIcon: (token) => getTokenDisplayLogo(token),
+        compact: true,
+        elevated: true,
+        maxVisibleItems: 4,
+        onChange: (tokenId) => {
+          const token = availableTokens.find((item) => String(item.id) === String(tokenId));
+          if (token) handleTokenSelect(token);
+        }
+      }),
+      /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-[#1F2430]", children: "Please select your wallet app" }),
+      /* @__PURE__ */ jsx("div", { className: "mb-3 grid grid-cols-3 gap-1.5", children: qrWalletOptions.map((wallet) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleQrWalletSelect(wallet.id),
+          disabled: !selectedNetwork || !selectedToken || qrLoading || isConverting,
+          className: `relative flex h-[76px] min-w-0 flex-col items-start justify-between rounded-lg border bg-[#FAFAFB] px-2.5 py-3 text-left transition-colors ${qrSelectedWalletId === wallet.id ? "border-[#7042D2] bg-[#FBF8FF]" : "border-[#EEF0F4] hover:border-[#C9B8F6]"} disabled:cursor-not-allowed disabled:opacity-60`,
+          children: [
+            qrSelectedWalletId === wallet.id && qrWalletChoiceConfirmed && /* @__PURE__ */ jsx("span", { className: "absolute right-[-5px] top-[-6px] flex h-4 w-4 items-center justify-center rounded-full border border-[#7042D2] bg-white text-[#7042D2]", children: /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" }) }) }),
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: wallet.icon,
+                alt: wallet.name,
+                className: "h-6 w-6 object-contain",
+                onError: (event) => {
+                  event.currentTarget.src = getLogoFallbackUrl(wallet.name);
+                }
               }
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-full truncate text-[13px] font-medium text-[#111827]", children: wallet.name })
-        ]
-      },
-      wallet.id
-    )) }),
-    qrLoading && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-center gap-2 rounded-lg bg-[#F8F8F9] px-3 py-2 text-xs text-[#535865]", children: [
-      /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "", className: "h-5 w-6 object-contain" }),
-      "Generating QR code..."
-    ] }),
-    qrWalletChoiceConfirmed ? renderQrPaymentPanel() : !qrLoading && /* @__PURE__ */ jsx("p", { className: "text-xs leading-5 text-[#9EA0A8]", children: "Simply select a wallet app to generate the QR code then input the amount, and transfer your funds" })
-  ] });
-  const renderQrPaymentPanel = () => /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col gap-3 min-[380px]:flex-row min-[380px]:items-start", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: qrCodeDataUrl ? /* @__PURE__ */ jsx("img", { src: qrCodeDataUrl, alt: "Payment 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", children: [
-        /* @__PURE__ */ jsx("p", { className: "mb-2 text-base font-semibold text-[#111827]", children: "Instructions" }),
-        /* @__PURE__ */ jsxs("ol", { className: "list-inside list-decimal space-y-1 text-xs leading-5 text-[#111827]", children: [
-          /* @__PURE__ */ jsx("li", { children: "Scan QR code with your phone camera" }),
-          /* @__PURE__ */ jsx("li", { children: "The payment page will open inside your wallet app" }),
-          /* @__PURE__ */ jsxs("li", { children: [
-            "Confirm the payment (",
-            (selectedToken == null ? void 0 : selectedToken.symbol) ? `${formatAmount(paymentAmount || (config == null ? void 0 : config.amount) || 0)} ${selectedToken.symbol}` : paymentAmountLabel,
-            ")"
+            ),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-full truncate text-[13px] font-medium text-[#111827]", children: wallet.name })
+          ]
+        },
+        wallet.id
+      )) }),
+      qrLoading && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-center gap-2 rounded-lg bg-[#F8F8F9] px-3 py-2 text-xs text-[#535865]", children: [
+        /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "", className: "h-5 w-6 object-contain" }),
+        "Generating QR code..."
+      ] }),
+      !qrLoading && /* @__PURE__ */ jsx("p", { className: "text-xs leading-5 text-[#9EA0A8]", children: "Simply select a wallet app to generate the QR code then input the amount, and transfer your funds" })
+    ] });
+  };
+  const renderQrPaymentPanel = () => {
+    const chosenWallet = qrWalletOptions.find((wallet) => wallet.id === qrSelectedWalletId);
+    return /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+      chosenWallet && /* @__PURE__ */ jsxs("p", { className: "mb-3 text-sm font-semibold text-[#111827]", children: [
+        "Scan with ",
+        chosenWallet.name
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col gap-3 min-[380px]:flex-row min-[380px]:items-start", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-[92px] w-[92px] flex-shrink-0 bg-white", children: qrCodeDataUrl ? /* @__PURE__ */ jsx("img", { src: qrCodeDataUrl, alt: "Payment 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", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-2 text-base font-semibold text-[#111827]", children: "Instructions" }),
+          /* @__PURE__ */ jsxs("ol", { className: "list-inside list-decimal space-y-1 text-xs leading-5 text-[#111827]", children: [
+            /* @__PURE__ */ jsx("li", { children: "Scan QR code with your phone camera" }),
+            /* @__PURE__ */ jsx("li", { children: "The payment page will open inside your wallet app" }),
+            /* @__PURE__ */ jsxs("li", { children: [
+              "Confirm the payment (",
+              (selectedToken == null ? void 0 : selectedToken.symbol) ? `${formatAmount(paymentAmount || (config == null ? void 0 : config.amount) || 0)} ${selectedToken.symbol}` : paymentAmountLabel,
+              ")"
+            ] })
           ] })
         ] })
+      ] }),
+      paymentData && !verifyingPayment && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-center gap-2 text-xs text-[#A3A5AC]", children: [
+        /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "", className: "h-5 w-6 object-contain" }),
+        "Checking automatically every few seconds..."
       ] })
-    ] }),
-    paymentData && !verifyingPayment && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-center gap-2 text-xs text-[#A3A5AC]", children: [
-      /* @__PURE__ */ jsx("img", { src: stablezactLoading, alt: "", className: "h-5 w-6 object-contain" }),
-      "Checking automatically every few seconds..."
-    ] })
-  ] });
+    ] });
+  };
   const currentWalletMeta = (() => {
     var _a2;
     const activeConnectorId = wagmiConnector == null ? void 0 : wagmiConnector.id;
@@ -28549,4 +28602,4 @@ export {
   chainTransports as c,
   isFeatureEnabled as i
 };
-//# sourceMappingURL=CoinleyPayment-BovUsM20.js.map
+//# sourceMappingURL=CoinleyPayment-CiCtB3P8.js.map

package/dist/{appKitEVM-CGJ7ZTpW.js → appKitEVM-DNCl1Pga.js}

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

package/dist/{appKitSolana-De-Lx7eT.js → appKitSolana-BQz-5FDf.js}

@@ -1,4 +1,4 @@
-import { F as FEATURES, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-BovUsM20.js";
+import { F as FEATURES, W as WALLETCONNECT_PROJECT_ID } from "./CoinleyPayment-CiCtB3P8.js";
 const logo = "https://coinley.io/logo.png";
 let appKitInstance = null;
 let isInitializing = false;
@@ -243,4 +243,4 @@ export {
   disconnectWalletConnect,
   initializeAppKitSolana
 };
-//# sourceMappingURL=appKitSolana-De-Lx7eT.js.map
+//# sourceMappingURL=appKitSolana-BQz-5FDf.js.map