coinley-checkout 0.3.4 → 0.3.6

package/dist/coinley-checkout.es.js

@@ -165,22 +165,32 @@ const TOKEN_CONFIG = {
     }
   }
 };
-let Web3Cache = null;
 const getWeb3Instance = () => __async(void 0, null, function* () {
-  if (Web3Cache) {
-    return Web3Cache;
-  }
   try {
-    if (typeof window !== "undefined" && window.Web3) {
-      Web3Cache = window.Web3;
-      return Web3Cache;
+    if (typeof window === "undefined" || !window.ethereum) {
+      throw new Error("No ethereum provider found");
+    }
+    let Web3Class = null;
+    try {
+      const Web3Module = yield import("web3");
+      Web3Class = Web3Module.default || Web3Module.Web3 || Web3Module;
+      console.log("Web3 imported via dynamic import:", Web3Class);
+    } catch (importError) {
+      console.log("Dynamic import failed, trying global Web3:", importError);
+      if (typeof window !== "undefined" && window.Web3) {
+        Web3Class = window.Web3;
+        console.log("Using global Web3:", Web3Class);
+      }
     }
-    const Web3Module = yield import("web3");
-    Web3Cache = Web3Module.default || Web3Module.Web3 || Web3Module;
-    return Web3Cache;
+    if (!Web3Class) {
+      throw new Error("Web3 not available. Please ensure web3 is installed or MetaMask is running.");
+    }
+    const web3Instance = new Web3Class(window.ethereum);
+    console.log("Web3 instance created successfully:", web3Instance);
+    return web3Instance;
   } catch (error) {
     console.error("Failed to load Web3:", error);
-    throw new Error("Web3 is required for blockchain transactions. Please ensure web3 is installed: npm install web3");
+    throw new Error(`Web3 initialization failed: ${error.message}. Please ensure MetaMask is installed and running.`);
   }
 });
 const detectWallets = () => {
@@ -211,6 +221,7 @@ const getSupportedWalletsForNetwork = (network) => {
   return networkConfig.supportedWallets.filter((wallet) => availableWallets[wallet]);
 };
 const connectWallet = (walletType, network) => __async(void 0, null, function* () {
+  console.log("connectWallet called with:", { walletType, network });
   switch (walletType) {
     case WALLET_TYPES.METAMASK:
       return yield connectMetaMask(network);
@@ -225,28 +236,41 @@ const connectWallet = (walletType, network) => __async(void 0, null, function* (
   }
 });
 const connectMetaMask = (network) => __async(void 0, null, function* () {
-  if (typeof window === "undefined" || !window.ethereum || !window.ethereum.isMetaMask) {
+  console.log("Attempting to connect MetaMask for network:", network);
+  if (typeof window === "undefined" || !window.ethereum) {
     throw new Error("MetaMask is not installed. Please install MetaMask extension.");
   }
+  if (!window.ethereum.isMetaMask) {
+    console.warn("MetaMask not detected as primary provider");
+  }
   try {
+    console.log("Requesting accounts from MetaMask...");
     const accounts = yield window.ethereum.request({
       method: "eth_requestAccounts"
     });
+    console.log("Accounts received:", accounts);
     if (!accounts || accounts.length === 0) {
-      throw new Error("No accounts found. Please unlock MetaMask.");
+      throw new Error("No accounts found. Please unlock MetaMask and ensure you have at least one account.");
     }
     const networkConfig = NETWORK_CONFIG[network];
     if (networkConfig && networkConfig.chainId) {
+      console.log("Switching to network:", networkConfig.chainName);
       yield switchEVMNetwork(networkConfig);
     }
-    return {
+    const connection = {
       address: accounts[0],
       network,
       walletType: WALLET_TYPES.METAMASK
     };
+    console.log("MetaMask connected successfully:", connection);
+    return connection;
   } catch (error) {
+    console.error("MetaMask connection error:", error);
     if (error.code === 4001) {
-      throw new Error("User rejected the connection request");
+      throw new Error("Connection rejected by user. Please accept the connection request in MetaMask.");
+    }
+    if (error.code === -32002) {
+      throw new Error("Connection request already pending. Please check MetaMask.");
     }
     throw new Error(`Failed to connect MetaMask: ${error.message}`);
   }
@@ -325,30 +349,37 @@ const switchEVMNetwork = (networkConfig) => __async(void 0, null, function* () {
     throw new Error("Ethereum provider not found");
   }
   try {
+    console.log("Attempting to switch to:", networkConfig.chainName);
     yield window.ethereum.request({
       method: "wallet_switchEthereumChain",
       params: [{ chainId: networkConfig.chainId }]
     });
+    console.log("Network switched successfully");
   } catch (switchError) {
+    console.error("Network switch error:", switchError);
     if (switchError.code === 4902) {
+      console.log("Network not found, attempting to add:", networkConfig.chainName);
       try {
         yield window.ethereum.request({
           method: "wallet_addEthereumChain",
           params: [networkConfig]
         });
+        console.log("Network added successfully");
       } catch (addError) {
-        throw new Error(`Failed to add ${networkConfig.chainName} to wallet: ${addError.message}`);
+        console.error("Failed to add network:", addError);
+        throw new Error(`Failed to add ${networkConfig.chainName} to wallet. Please add it manually.`);
       }
     } else if (switchError.code === 4001) {
-      throw new Error("User rejected network switch request");
+      throw new Error("User rejected network switch request. Please switch network manually in MetaMask.");
     } else {
-      throw new Error(`Failed to switch to ${networkConfig.chainName}: ${switchError.message}`);
+      throw new Error(`Failed to switch to ${networkConfig.chainName}. Please switch manually in MetaMask.`);
     }
   }
 });
 const sendTransaction = (walletConnection, transactionData) => __async(void 0, null, function* () {
   const { walletType, network, address } = walletConnection;
   const { to, amount, tokenAddress, tokenDecimals } = transactionData;
+  console.log("sendTransaction called with:", { walletConnection, transactionData });
   switch (walletType) {
     case WALLET_TYPES.METAMASK:
     case WALLET_TYPES.TRUST_WALLET:
@@ -362,16 +393,24 @@ const sendTransaction = (walletConnection, transactionData) => __async(void 0, n
   }
 });
 const sendEVMTransaction = (from, to, amount, tokenAddress, tokenDecimals) => __async(void 0, null, function* () {
+  console.log("sendEVMTransaction called with:", { from, to, amount, tokenAddress, tokenDecimals });
   if (typeof window === "undefined" || !window.ethereum) {
     throw new Error("Ethereum provider not found");
   }
   try {
-    const Web3 = yield getWeb3Instance();
-    const web3 = new Web3(window.ethereum);
-    const amountInWei = web3.utils.toBN(
-      Math.floor(parseFloat(amount) * Math.pow(10, tokenDecimals || 18))
+    const web3 = yield getWeb3Instance();
+    console.log("Web3 instance obtained for transaction");
+    const decimals = tokenDecimals || 18;
+    const amountBN = web3.utils.toBN(
+      Math.floor(parseFloat(amount) * Math.pow(10, decimals)).toString()
     );
+    console.log("Amount calculated:", {
+      originalAmount: amount,
+      decimals,
+      calculatedAmount: amountBN.toString()
+    });
     if (tokenAddress && tokenAddress !== "native") {
+      console.log("Preparing ERC20 token transfer...");
       const tokenABI = [
         {
           constant: false,
@@ -387,21 +426,32 @@ const sendEVMTransaction = (from, to, amount, tokenAddress, tokenDecimals) => __
         }
       ];
       const contract = new web3.eth.Contract(tokenABI, tokenAddress);
-      const receipt = yield contract.methods.transfer(to, amountInWei).send({ from });
+      console.log("Contract created, sending transaction...");
+      const receipt = yield contract.methods.transfer(to, amountBN.toString()).send({ from });
+      console.log("ERC20 transaction successful:", receipt.transactionHash);
       return receipt.transactionHash;
     } else {
+      console.log("Preparing native token transfer...");
       const receipt = yield web3.eth.sendTransaction({
         from,
         to,
-        value: amountInWei
+        value: amountBN.toString()
       });
+      console.log("Native transaction successful:", receipt.transactionHash);
       return receipt.transactionHash;
     }
   } catch (error) {
+    console.error("EVM transaction error:", error);
     if (error.code === 4001) {
       throw new Error("Transaction was rejected by user");
     }
-    throw new Error(`Transaction failed: ${error.message}`);
+    if (error.message && error.message.includes("insufficient funds")) {
+      throw new Error("Insufficient funds to complete the transaction");
+    }
+    if (error.message && error.message.includes("gas")) {
+      throw new Error("Transaction failed due to gas estimation issues. Please try again.");
+    }
+    throw new Error(`Transaction failed: ${error.message || "Unknown error"}`);
   }
 });
 const sendTronTransaction = (to, amount, tokenAddress, tokenDecimals) => __async(void 0, null, function* () {
@@ -2285,6 +2335,29 @@ const PaymentMethods = ({ onSelect, selected, theme = "light", supportedNetworks
   };
   const availableMethods = getPaymentMethodsForNetwork(selectedNetwork);
   const visibleMethods = showMore ? availableMethods : availableMethods.slice(0, 4);
+  function getRequiredWallet(network) {
+    switch (network) {
+      case NETWORK_TYPES.ETHEREUM:
+      case NETWORK_TYPES.BSC:
+        return WALLET_TYPES.METAMASK;
+      case NETWORK_TYPES.TRON:
+        return WALLET_TYPES.TRONLINK;
+      case NETWORK_TYPES.ALGORAND:
+        return WALLET_TYPES.LUTE;
+      default:
+        return WALLET_TYPES.METAMASK;
+    }
+  }
+  function getNetworkRequirement(network) {
+    const wallet = getRequiredWallet(network);
+    const isAvailable = availableWallets[wallet];
+    const walletNames = {
+      [WALLET_TYPES.METAMASK]: "MetaMask",
+      [WALLET_TYPES.TRONLINK]: "TronLink",
+      [WALLET_TYPES.LUTE]: "Lute Wallet"
+    };
+    return isAvailable ? `${walletNames[wallet]} detected - Ready to pay` : `${walletNames[wallet]} required - Please install to continue`;
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `text-lg font-medium mb-4 ${theme === "dark" ? "text-white" : "text-gray-800"}`, children: "Select Payment Method" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6", children: [
@@ -2351,29 +2424,6 @@ const PaymentMethods = ({ onSelect, selected, theme = "light", supportedNetworks
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: getNetworkRequirement(selectedNetwork) })
     ] }) })
   ] });
-  function getRequiredWallet(network) {
-    switch (network) {
-      case NETWORK_TYPES.ETHEREUM:
-      case NETWORK_TYPES.BSC:
-        return "metamask";
-      case NETWORK_TYPES.TRON:
-        return "tronlink";
-      case NETWORK_TYPES.ALGORAND:
-        return "lute";
-      default:
-        return "metamask";
-    }
-  }
-  function getNetworkRequirement(network) {
-    const wallet = getRequiredWallet(network);
-    const isAvailable = availableWallets[wallet];
-    const walletNames = {
-      metamask: "MetaMask",
-      tronlink: "TronLink",
-      lute: "Lute Wallet"
-    };
-    return isAvailable ? `${walletNames[wallet]} detected - Ready to pay` : `${walletNames[wallet]} required - Please install to continue`;
-  }
 };
 const logo = "data:image/png;base64,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";
 const CoinleyModal = ({
@@ -2397,7 +2447,6 @@ const CoinleyModal = ({
   supportedWallets = [],
   step = "select-currency",
   merchantWalletAddresses = {}
-  // Add this prop
 }) => {
   const [paymentType, setPaymentType] = useState("wallet");
   const getWalletAddressForNetwork = () => {
@@ -2495,8 +2544,12 @@ const CoinleyModal = ({
         selectedPaymentMethod && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
-            onClick: () => onPaymentMethodSelect(selectedPaymentMethod),
+            onClick: () => {
+              console.log("Proceed button clicked, calling onPaymentMethodSelect");
+              onPaymentMethodSelect(selectedPaymentMethod);
+            },
             className: "w-full py-3 px-4 bg-[#7042D2] hover:bg-[#7042D2] text-white font-medium rounded-lg transition-colors",
+            disabled: !selectedPaymentMethod,
             children: [
               "Proceed with ",
               selectedPaymentMethod.currency,
@@ -2603,7 +2656,10 @@ const CoinleyModal = ({
               ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
-                  onClick: () => onConnectWallet(walletType),
+                  onClick: () => {
+                    console.log("Connect wallet button clicked for:", walletType);
+                    onConnectWallet(walletType);
+                  },
                   className: "py-2 px-4 bg-[#7042D2] hover:bg-[#7042D2] text-white font-medium rounded-md text-sm",
                   children: "Connect"
                 }
@@ -2829,9 +2885,14 @@ const CoinleyCheckout = forwardRef(({
       onClose();
   };
   const handlePaymentMethodSelect = (paymentMethod) => {
+    console.log("=== PAYMENT METHOD SELECTION DEBUG ===");
+    console.log("1. Payment method selected:", paymentMethod);
+    console.log("2. Current step before:", step);
     log("Payment method selected:", paymentMethod);
     setSelectedPaymentMethod(paymentMethod);
     setStep("confirm");
+    console.log("3. Step should now be: confirm");
+    console.log("=== END PAYMENT METHOD SELECTION DEBUG ===");
   };
   const handleBack = () => {
     if (step === "confirm") {
@@ -2840,20 +2901,31 @@ const CoinleyCheckout = forwardRef(({
     }
   };
   const handleConnectWallet = (walletType) => __async(void 0, null, function* () {
+    console.log("=== WALLET CONNECTION DEBUG ===");
+    console.log("1. Wallet type requested:", walletType);
+    console.log("2. Selected payment method:", selectedPaymentMethod);
+    console.log("3. Available wallets:", availableWallets);
+    console.log("4. Current step:", step);
     if (!selectedPaymentMethod) {
+      console.error("No payment method selected");
       setError("Please select a payment method first");
       return;
     }
     try {
+      console.log("5. Attempting to connect wallet...");
+      setError(null);
       log("Connecting wallet:", { walletType, network: selectedPaymentMethod.network });
       const connection = yield connectWallet(walletType, selectedPaymentMethod.network);
       setWalletConnection(connection);
       setError(null);
+      console.log("6. Connection successful:", connection);
       log("Wallet connected successfully:", connection);
     } catch (err) {
+      console.error("7. Connection failed:", err);
       log("Wallet connection error:", err);
       setError(err.message || "Failed to connect wallet");
     }
+    console.log("=== END WALLET CONNECTION DEBUG ===");
   });
   const handlePayment = () => __async(void 0, null, function* () {
     var _a, _b;