coinley-checkout 1.0.7 → 1.0.8

package/dist/coinley-checkout.es.js

@@ -20986,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: [
@@ -21005,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",
@@ -21175,7 +21175,28 @@ 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)
@@ -21321,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,
                   " (",
@@ -21361,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,
                       " (",