coinley-checkout 1.1.2 → 1.1.3

package/dist/coinley-checkout.es.js

@@ -21258,11 +21258,11 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
   };
   const getTokenIcon = (token) => {
     if (token.symbol === "PYUSD")
-      return PyusdIcon;
+      return { type: "component", value: PyusdIcon };
     if (token.symbol === "USDP")
-      return UsdpIcon;
+      return { type: "component", value: UsdpIcon };
     if (token.logo && token.logo !== "" && !token.logo.includes("placeholder")) {
-      return token.logo;
+      return { type: "image", value: token.logo };
     }
     const fallbackImages = {
       "USDT": "https://res.cloudinary.com/do3tlu1ph/image/upload/v1748962844/coinley/gzrp8dpuddqwnfchmf8v.png",
@@ -21274,15 +21274,35 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
       "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://res.cloudinary.com/do3tlu1ph/image/upload/v1748962844/coinley/liznxm8l7iouudtrxdpi.png",
+      "ETH": "https://res.cloudinary.com/do3tlu1ph/image/upload/v1748962844/coinley/liznxm8l7iouudtrxdpi.png",
       "BNB": "https://res.cloudinary.com/do3tlu1ph/image/upload/v1748962844/coinley/eoavfddfqmt7qgajjxvb.png",
       "TRX": "https://res.cloudinary.com/do3tlu1ph/image/upload/v1748962844/coinley/mpxxns6gtfiws4rlouxc.png",
-      "ALGO": "https://res.cloudinary.com/do3tlu1ph/image/upload/v1748962844/coinley/x2lugizoduiphuqn0dej.png ",
+      "ALGO": "https://res.cloudinary.com/do3tlu1ph/image/upload/v1748962844/coinley/x2lugizoduiphuqn0dej.png",
       "SOL": "https://res.cloudinary.com/do3tlu1ph/image/upload/v1748962845/coinley/hmex6qxnlid1gboh4cwc.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 fallbackUrl = fallbackImages[token.symbol] || `https://via.placeholder.com/64x64/6366f1/ffffff?text=${token.symbol}`;
+    return { type: "image", value: fallbackUrl };
+  };
+  const renderTokenIcon = (tokenIconData, size = 32, className = "rounded-full") => {
+    if (tokenIconData.type === "component") {
+      const IconComponent = tokenIconData.value;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(IconComponent, { size });
+    } else {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "img",
+        {
+          src: tokenIconData.value,
+          alt: "Token",
+          className: `h-${size / 4} w-${size / 4} ${className}`,
+          style: { height: `${size}px`, width: `${size}px` },
+          onError: (e) => {
+            e.target.src = `https://via.placeholder.com/${size}x${size}/6366f1/ffffff?text=?`;
+          }
+        }
+      );
+    }
   };
   const getPaymentMethodsForNetwork = (networkShortName) => {
     if (!networkShortName)
@@ -21301,6 +21321,7 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
     setSelectedPaymentMethod(null);
   };
   const handleSelectPaymentMethod = (token) => {
+    const tokenIconData = getTokenIcon(token);
     const paymentMethodData = {
       currency: token.symbol,
       network: selectedNetwork,
@@ -21313,7 +21334,8 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
         id: token.symbol,
         name: token.symbol,
         description: token.name,
-        logo: getTokenIcon(token),
+        logo: tokenIconData,
+        // Store the icon data object
         network: selectedNetwork,
         isStablecoin: token.isStablecoin
       }
@@ -21428,17 +21450,7 @@ 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 rounded-full",
-                    onError: (e) => {
-                      e.target.src = `https://via.placeholder.com/32x32/6366f1/ffffff?text=${selectedPaymentMethod.method.name}`;
-                    }
-                  }
-                ),
+                renderTokenIcon(selectedPaymentMethod.method.logo, 32),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-base font-normal", children: [
                   selectedPaymentMethod.method.description,
                   " (",
@@ -21466,7 +21478,7 @@ const PaymentMethods = ({ onSelect, selected, theme: theme2 = "light", supported
             availableTokensForNetwork.filter(
               (token) => token.name.toLowerCase().includes(searchQuery.toLowerCase()) || token.symbol.toLowerCase().includes(searchQuery.toLowerCase())
             ).map((token) => {
-              const tokenIcon = getTokenIcon(token);
+              const tokenIconData = getTokenIcon(token);
               return /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 "button",
                 {
@@ -21478,17 +21490,7 @@ 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 rounded-full",
-                        onError: (e) => {
-                          e.target.src = `https://via.placeholder.com/32x32/6366f1/ffffff?text=${token.symbol}`;
-                        }
-                      }
-                    ),
+                    renderTokenIcon(tokenIconData, 32),
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
                       token.name,
                       " (",