coinley-test 0.0.10 → 0.0.12

package/dist/index.esm.js

@@ -271,35 +271,86 @@ const WalletIntegration = ({
     }
   }, [isConnected, address, paymentData]);
   const handleSendTransaction = async () => {
-    var _a, _b;
+    var _a;
     if (!isConnected || !paymentData || !selectedToken) return;
     try {
       setIsConnecting(true);
-      const recipientAddress = ((_a = paymentData.metadata) == null ? void 0 : _a.recipientWallet) || ((_b = config.merchantWalletAddresses) == null ? void 0 : _b[selectedNetwork == null ? void 0 : selectedNetwork.shortName]);
-      if (!recipientAddress) {
-        throw new Error("Recipient wallet address not found");
+      console.log("🔍 Transaction Debug:");
+      console.log("Payment data:", paymentData);
+      console.log("Selected token:", selectedToken);
+      console.log("Selected network:", selectedNetwork);
+      let recipientAddress = (_a = paymentData.metadata) == null ? void 0 : _a.recipientWallet;
+      console.log("Raw recipient address from payment metadata:", recipientAddress);
+      if (typeof recipientAddress === "object" && recipientAddress.address) {
+        recipientAddress = recipientAddress.address;
+      }
+      if (!recipientAddress || typeof recipientAddress !== "string") {
+        throw new Error("Merchant wallet address not found in payment data. Please contact support.");
       }
+      if (!recipientAddress.match(/^0x[a-fA-F0-9]{40}$/)) {
+        console.error("❌ Invalid merchant address format:", {
+          address: recipientAddress,
+          length: recipientAddress.length,
+          addressWithoutPrefix: recipientAddress.slice(2),
+          addressWithoutPrefixLength: recipientAddress.slice(2).length
+        });
+        throw new Error(`Invalid merchant address format: ${recipientAddress}`);
+      }
+      console.log("✅ Using merchant recipient address:", recipientAddress);
       let txHash;
       if (selectedToken.contractAddress) {
-        const amount = (paymentData.totalAmount * Math.pow(10, selectedToken.decimals)).toString();
-        const transferData = `0xa9059cbb${recipientAddress.slice(2).padStart(64, "0")}${parseInt(amount).toString(16).padStart(64, "0")}`;
-        txHash = await sendTransaction({
+        console.log("🔍 ERC-20 Transaction Details:");
+        console.log("Token contract:", selectedToken.contractAddress);
+        console.log("Token decimals:", selectedToken.decimals);
+        console.log("Payment amount:", paymentData.totalAmount);
+        const decimals = selectedToken.decimals || 6;
+        const amount = Math.floor(paymentData.totalAmount * Math.pow(10, decimals));
+        console.log("Calculated amount (with decimals):", amount);
+        console.log("Amount in hex:", amount.toString(16));
+        const methodId = "0xa9059cbb";
+        const addressWithoutPrefix = recipientAddress.slice(2);
+        const recipientPadded = addressWithoutPrefix.toLowerCase().padStart(64, "0");
+        const amountPadded = amount.toString(16).padStart(64, "0");
+        const transferData = `${methodId}${recipientPadded}${amountPadded}`;
+        console.log("🔍 Transaction Data Encoding:");
+        console.log("Original address:", recipientAddress);
+        console.log("Address without 0x:", addressWithoutPrefix);
+        console.log("Address length:", addressWithoutPrefix.length);
+        console.log("Method ID:", methodId);
+        console.log("Recipient (padded):", recipientPadded);
+        console.log("Amount (padded):", amountPadded);
+        console.log("Full data:", transferData);
+        const txParams = {
           to: selectedToken.contractAddress,
           data: transferData,
           value: "0x0"
-        });
+        };
+        console.log("📤 Sending ERC-20 transaction:", txParams);
+        txHash = await sendTransaction(txParams);
       } else {
-        const value = (paymentData.totalAmount * Math.pow(10, 18)).toString(16);
-        txHash = await sendTransaction({
+        console.log("🔍 Native Token Transaction:");
+        const value = Math.floor(paymentData.totalAmount * Math.pow(10, 18));
+        const valueHex = `0x${value.toString(16)}`;
+        console.log("Native amount:", value);
+        console.log("Native amount hex:", valueHex);
+        const txParams = {
           to: recipientAddress,
-          value: `0x${value}`
-        });
+          value: valueHex
+        };
+        console.log("📤 Sending native transaction:", txParams);
+        txHash = await sendTransaction(txParams);
       }
       if (txHash) {
+        console.log("✅ Transaction sent successfully:", txHash);
         onTransactionSent(txHash);
       }
     } catch (error) {
-      console.error("Transaction failed:", error);
+      console.error("❌ Transaction failed:", error);
+      console.error("Error details:", {
+        message: error.message,
+        cause: error.cause,
+        details: error.details
+      });
       onError(error.message || "Transaction failed");
     } finally {
       setIsConnecting(false);
@@ -381,8 +432,35 @@ const CoinleyPayment = ({
   const walletConfig = createCoinleyWalletConfig({
     appName: merchantName || "Coinley Payment",
     appDescription: "Crypto payment processing",
-    chains: ["1", "56", "137", "42161"]
-    // Use chain IDs instead of names
+    // Fix: Provide proper chain configurations instead of just IDs
+    chains: [
+      {
+        id: 1,
+        name: "Ethereum",
+        network: "ethereum",
+        rpcUrls: {
+          default: { http: ["https://eth.llamarpc.com"] }
+        },
+        nativeCurrency: {
+          name: "Ethereum",
+          symbol: "ETH",
+          decimals: 18
+        }
+      },
+      {
+        id: 56,
+        name: "BNB Smart Chain",
+        network: "bsc",
+        rpcUrls: {
+          default: { http: ["https://bsc-dataseed1.binance.org"] }
+        },
+        nativeCurrency: {
+          name: "BNB",
+          symbol: "BNB",
+          decimals: 18
+        }
+      }
+    ]
   });
   useEffect(() => {
     if (isOpen) {
@@ -422,12 +500,21 @@ const CoinleyPayment = ({
         return ((_a = token.Network) == null ? void 0 : _a.shortName) === network.shortName || token.networkId === network.id;
       }
     );
-    if (networkTokens.length > 0) {
-      const preferredToken = networkTokens.find((t) => t.symbol === "USDT") || networkTokens[0];
-      setSelectedToken(preferredToken);
-      await initiatePayment(network, preferredToken);
+    if (networkTokens.length > 1) {
+      setCurrentStep("select-token");
+    } else if (networkTokens.length === 1) {
+      const token = networkTokens[0];
+      setSelectedToken(token);
+      await initiatePayment(network, token);
+    } else {
+      setError(`No supported tokens found for ${network.name}`);
+      setCurrentStep("error");
     }
   };
+  const handleTokenSelect = async (token) => {
+    setSelectedToken(token);
+    await initiatePayment(selectedNetwork, token);
+  };
   const initiatePayment = async (network, token) => {
     try {
       setLoading(true);
@@ -569,8 +656,20 @@ const CoinleyPayment = ({
   const goBack = () => {
     if (currentStep === "select-network") {
       setCurrentStep("select-method");
-    } else if (currentStep === "wallet-connect" || currentStep === "qr-code") {
+    } else if (currentStep === "select-token") {
       setCurrentStep("select-network");
+    } else if (currentStep === "wallet-connect" || currentStep === "qr-code") {
+      const networkTokens = tokens.filter(
+        (token) => {
+          var _a;
+          return ((_a = token.Network) == null ? void 0 : _a.shortName) === (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || token.networkId === (selectedNetwork == null ? void 0 : selectedNetwork.id);
+        }
+      );
+      if (networkTokens.length > 1) {
+        setCurrentStep("select-token");
+      } else {
+        setCurrentStep("select-network");
+      }
     }
   };
   if (!isOpen) return null;
@@ -698,6 +797,55 @@ const CoinleyPayment = ({
               },
               "select-network"
             ),
+            currentStep === "select-token" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              motion.div,
+              {
+                initial: { x: 20, opacity: 0 },
+                animate: { x: 0, opacity: 1 },
+                exit: { x: -20, opacity: 0 },
+                className: "space-y-4",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "text-lg font-semibold text-center mb-6", children: [
+                    "Select Token on ",
+                    selectedNetwork == null ? void 0 : selectedNetwork.name
+                  ] }),
+                  loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader2, { className: "w-8 h-8 animate-spin text-[#7042D2]" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3", children: tokens.filter(
+                    (token) => {
+                      var _a;
+                      return ((_a = token.Network) == null ? void 0 : _a.shortName) === (selectedNetwork == null ? void 0 : selectedNetwork.shortName) || token.networkId === (selectedNetwork == null ? void 0 : selectedNetwork.id);
+                    }
+                  ).map((token) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    motion.button,
+                    {
+                      whileHover: { scale: 1.02 },
+                      whileTap: { scale: 0.98 },
+                      onClick: () => handleTokenSelect(token),
+                      className: "w-full p-4 border-2 border-gray-200 dark:border-gray-700 rounded-xl hover:border-[#7042D2] transition-colors group",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-4", children: [
+                        token.logo ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          "img",
+                          {
+                            src: token.logo,
+                            alt: token.symbol,
+                            className: "w-8 h-8 rounded-full"
+                          }
+                        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-8 h-8 bg-[#7042D2] bg-opacity-20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-bold text-[#7042D2]", children: token.symbol.charAt(0) }) }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-left flex-1", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-semibold", children: token.name }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+                            token.symbol,
+                            token.isStablecoin && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 px-2 py-0.5 bg-green-100 text-green-600 text-xs rounded-full", children: "Stablecoin" })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "w-5 h-5 text-gray-400 transform -rotate-90" })
+                      ] })
+                    },
+                    token.id
+                  )) })
+                ]
+              },
+              "select-token"
+            ),
             currentStep === "wallet-connect" && /* @__PURE__ */ jsxRuntimeExports.jsx(
               motion.div,
               {