coinley-checkout 1.0.6 → 1.0.8

package/dist/coinley-checkout.es.js

@@ -19126,8 +19126,22 @@ const authenticateAndFetchMerchantData = () => __async(void 0, null, function* (
       const networksData = yield networksResponse.json();
       console.log("Merchant networks and tokens received:", networksData);
       if (networksData.success) {
-        apiConfig.merchantNetworks = networksData.networks || [];
-        apiConfig.merchantTokens = networksData.tokens || [];
+        const rawNetworks = networksData.networks || [];
+        const rawTokens = networksData.tokens || [];
+        console.log("Raw networks from backend:", rawNetworks);
+        console.log("Raw tokens from backend:", rawTokens);
+        const uniqueNetworks = rawNetworks.filter(
+          (network, index, self2) => index === self2.findIndex((n2) => n2.shortName === network.shortName)
+        );
+        const uniqueTokens = rawTokens.filter(
+          (token, index, self2) => index === self2.findIndex(
+            (t) => t.symbol === token.symbol && t.networkId === token.networkId
+          )
+        );
+        console.log("Deduplicated networks:", uniqueNetworks);
+        console.log("Deduplicated tokens:", uniqueTokens);
+        apiConfig.merchantNetworks = uniqueNetworks;
+        apiConfig.merchantTokens = uniqueTokens;
         apiConfig.merchantWalletAddresses = networksData.merchantWallets || {};
         console.log("Merchant configured networks:", apiConfig.merchantNetworks.map((n2) => n2.name));
         console.log("Merchant supported tokens:", apiConfig.merchantTokens.map((t) => {
@@ -20972,7 +20986,7 @@ const PaymentStatus = ({
     }
   };
   if (status === "success") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-6 px-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-6", children: renderIcon() }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: `text-2xl font-bold mb-3 ${theme2 === "dark" ? "text-white" : "text-gray-900"}`, children: "Payment Successful!" }),
       payment && selectedPaymentMethod && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: `text-center max-w-[235px] mb-6 ${theme2 === "dark" ? "text-gray-300" : "text-gray-600"}`, children: [
@@ -20991,7 +21005,7 @@ const PaymentStatus = ({
         ] }),
         "Verifying on blockchain"
       ] }),
-      transactionHash && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full mb-6", children: [
+      transactionHash && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full mb-6 px-4", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-sm font-medium mb-2 ${theme2 === "dark" ? "text-gray-300" : "text-gray-700"}`, children: "Transaction Hash:" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
@@ -21100,12 +21114,22 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
           getMerchantNetworks(),
           getMerchantTokens()
         ]);
-        console.log("Loaded merchant networks:", networks);
-        console.log("Loaded merchant tokens:", tokens);
-        setMerchantNetworks(networks);
-        setMerchantTokens(tokens);
-        if (networks.length > 0 && !selectedNetwork) {
-          setSelectedNetwork(networks[0].shortName);
+        console.log("Raw merchant networks from API:", networks);
+        console.log("Raw merchant tokens from API:", tokens);
+        const uniqueNetworks = networks.filter(
+          (network, index, self2) => index === self2.findIndex((n2) => n2.shortName === network.shortName)
+        );
+        const uniqueTokens = tokens.filter(
+          (token, index, self2) => index === self2.findIndex(
+            (t) => t.symbol === token.symbol && t.networkId === token.networkId
+          )
+        );
+        console.log("Unique merchant networks after deduplication:", uniqueNetworks);
+        console.log("Unique merchant tokens after deduplication:", uniqueTokens);
+        setMerchantNetworks(uniqueNetworks);
+        setMerchantTokens(uniqueTokens);
+        if (uniqueNetworks.length > 0 && !selectedNetwork) {
+          setSelectedNetwork(uniqueNetworks[0].shortName);
         }
         setError(null);
       } catch (err) {
@@ -21151,14 +21175,40 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
       return PyusdIcon;
     if (token.symbol === "USDP")
       return UsdpIcon;
-    return token.logo;
+    if (token.logo && token.logo !== "" && !token.logo.includes("placeholder")) {
+      return token.logo;
+    }
+    const fallbackImages = {
+      "USDT": "https://cryptologos.cc/logos/tether-usdt-logo.png",
+      "USDC": "https://cryptologos.cc/logos/usd-coin-usdc-logo.png",
+      "DAI": "https://cryptologos.cc/logos/multi-collateral-dai-dai-logo.png",
+      "BUSD": "https://cryptologos.cc/logos/binance-usd-busd-logo.png",
+      "USDP": "https://cryptologos.cc/logos/paxos-standard-pax-logo.png",
+      "PYUSD": "https://s2.coinmarketcap.com/static/img/coins/64x64/28492.png",
+      "FRAX": "https://cryptologos.cc/logos/frax-frax-logo.png",
+      "USDJ": "https://s2.coinmarketcap.com/static/img/coins/64x64/5446.png",
+      "TUSD": "https://cryptologos.cc/logos/trueusd-tusd-logo.png",
+      "ETH": "https://cryptologos.cc/logos/ethereum-eth-logo.png",
+      "BNB": "https://cryptologos.cc/logos/bnb-bnb-logo.png",
+      "TRX": "https://cryptologos.cc/logos/tron-trx-logo.png",
+      "ALGO": "https://cryptologos.cc/logos/algorand-algo-logo.png",
+      "SOL": "https://cryptologos.cc/logos/solana-sol-logo.png",
+      "AVAX": "https://cryptologos.cc/logos/avalanche-avax-logo.png",
+      "MATIC": "https://cryptologos.cc/logos/polygon-matic-logo.png"
+    };
+    return fallbackImages[token.symbol] || `https://via.placeholder.com/64x64/6366f1/ffffff?text=${token.symbol}`;
   };
   const getPaymentMethodsForNetwork = (networkShortName) => {
     if (!networkShortName)
       return [];
-    return merchantTokens.filter(
+    const tokensForNetwork = merchantTokens.filter(
       (token) => token.Network && token.Network.shortName === networkShortName
     );
+    const uniqueTokens = tokensForNetwork.filter(
+      (token, index, self2) => index === self2.findIndex((t) => t.symbol === token.symbol)
+    );
+    console.log(`Tokens for ${networkShortName} (after deduplication):`, uniqueTokens);
+    return uniqueTokens;
   };
   const handleNetworkChange = (networkShortName) => {
     setSelectedNetwork(networkShortName);
@@ -21292,7 +21342,17 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
             style: { minHeight: "56px" },
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center gap-3", children: selectedPaymentMethod ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                typeof selectedPaymentMethod.method.logo === "function" ? /* @__PURE__ */ jsxRuntimeExports.jsx(selectedPaymentMethod.method.logo, { size: 32 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: selectedPaymentMethod.method.logo, alt: selectedPaymentMethod.method.name, className: "h-8 w-8" }),
+                typeof selectedPaymentMethod.method.logo === "function" ? /* @__PURE__ */ jsxRuntimeExports.jsx(selectedPaymentMethod.method.logo, { size: 32 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "img",
+                  {
+                    src: selectedPaymentMethod.method.logo,
+                    alt: selectedPaymentMethod.method.name,
+                    className: "h-8 w-8 rounded-full",
+                    onError: (e) => {
+                      e.target.src = `https://via.placeholder.com/32x32/6366f1/ffffff?text=${selectedPaymentMethod.method.name}`;
+                    }
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-base font-normal", children: [
                   selectedPaymentMethod.method.description,
                   " (",
@@ -21332,7 +21392,17 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
                   },
                   style: { minHeight: "48px" },
                   children: [
-                    typeof tokenIcon === "function" ? /* @__PURE__ */ jsxRuntimeExports.jsx("tokenIcon", { size: 32 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: tokenIcon, alt: token.symbol, className: "h-8 w-8" }),
+                    typeof tokenIcon === "function" ? /* @__PURE__ */ jsxRuntimeExports.jsx("tokenIcon", { size: 32 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "img",
+                      {
+                        src: tokenIcon,
+                        alt: token.symbol,
+                        className: "h-8 w-8 rounded-full",
+                        onError: (e) => {
+                          e.target.src = `https://via.placeholder.com/32x32/6366f1/ffffff?text=${token.symbol}`;
+                        }
+                      }
+                    ),
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
                       token.name,
                       " (",