coinley-test 0.0.60 → 0.0.62

package/dist/index.esm.js

@@ -1919,12 +1919,24 @@ class UniversalWalletManager {
     this.connectedWallet = null;
     this.walletType = null;
   }
-  // Detect all available wallets
+  // Detect all available wallets - VERY INCLUSIVE approach
   getAvailableWallets() {
+    var _a;
     const wallets = [];
     if (!window.ethereum) {
+      console.log("❌ No window.ethereum found");
       return wallets;
     }
+    console.log("🔍 DEBUGGING: window.ethereum object:", {
+      isMetaMask: window.ethereum.isMetaMask,
+      isRabby: window.ethereum.isRabby,
+      isZerion: window.ethereum.isZerion,
+      hasProviders: !!window.ethereum.providers,
+      providersLength: (_a = window.ethereum.providers) == null ? void 0 : _a.length,
+      hasMetaMaskProperty: !!window.ethereum._metamask,
+      hasRabbyGlobal: !!window.rabby,
+      hasZerionGlobal: !!window.zerion
+    });
     if (this.isMetaMaskAvailable()) {
       wallets.push({
         type: "metamask",
@@ -1934,6 +1946,9 @@ class UniversalWalletManager {
         color: "orange",
         isInstalled: true
       });
+      console.log("✅ MetaMask detected and added");
+    } else {
+      console.log("❌ MetaMask NOT detected");
     }
     if (this.isRabbyAvailable()) {
       wallets.push({
@@ -1944,75 +1959,297 @@ class UniversalWalletManager {
         color: "blue",
         isInstalled: true
       });
+      console.log("✅ Rabby detected and added");
+    } else {
+      console.log("❌ Rabby NOT detected");
+    }
+    if (this.isZerionAvailable()) {
+      wallets.push({
+        type: "zerion",
+        name: "Zerion",
+        icon: "🔷",
+        description: "Connect using Zerion wallet",
+        color: "purple",
+        isInstalled: true
+      });
+      console.log("✅ Zerion detected and added");
+    } else {
+      console.log("❌ Zerion NOT detected");
+    }
+    if (wallets.length === 0 && window.ethereum) {
+      console.log("🚨 EMERGENCY: No wallets detected but ethereum exists, showing all three wallets");
+      wallets.push(
+        {
+          type: "metamask",
+          name: "MetaMask",
+          icon: "🦊",
+          description: "Connect using MetaMask wallet (fallback)",
+          color: "orange",
+          isInstalled: true
+        },
+        {
+          type: "rabby",
+          name: "Rabby",
+          icon: "🐰",
+          description: "Connect using Rabby wallet (fallback)",
+          color: "blue",
+          isInstalled: true
+        },
+        {
+          type: "zerion",
+          name: "Zerion",
+          icon: "🔷",
+          description: "Connect using Zerion wallet (fallback)",
+          color: "purple",
+          isInstalled: true
+        }
+      );
     }
-    console.log("🔍 Available wallets detected:", wallets.map((w) => w.name));
+    console.log("🔍 Final available wallets:", wallets.map((w) => w.name));
     return wallets;
   }
-  // Improved MetaMask detection
+  // VERY INCLUSIVE MetaMask detection
   isMetaMaskAvailable() {
-    if (!window.ethereum) return false;
-    if (window.ethereum.isMetaMask && !window.ethereum.isRabby && !window.ethereum.providers) {
+    var _a, _b, _c;
+    if (!window.ethereum) {
+      console.log("❌ MetaMask check: No window.ethereum");
+      return false;
+    }
+    if (window.ethereum.isMetaMask === true) {
+      console.log("✅ MetaMask detected: Direct isMetaMask property");
       return true;
     }
     if (window.ethereum.providers && Array.isArray(window.ethereum.providers)) {
-      return window.ethereum.providers.some((provider) => {
-        return provider.isMetaMask === true && provider.isRabby !== true || provider._metamask && !provider.isRabby;
-      });
+      console.log("🔍 MetaMask check: Searching in providers array...");
+      for (let i = 0; i < window.ethereum.providers.length; i++) {
+        const provider = window.ethereum.providers[i];
+        console.log(`Provider ${i}:`, {
+          isMetaMask: provider.isMetaMask,
+          isRabby: provider.isRabby,
+          hasMetaMask: !!provider._metamask,
+          constructor: (_a = provider.constructor) == null ? void 0 : _a.name
+        });
+        if (provider.isMetaMask === true) {
+          console.log("✅ MetaMask found in providers array");
+          return true;
+        }
+      }
     }
-    if (window.ethereum._metamask && !window.ethereum.isRabby) {
+    if (window.ethereum._metamask) {
+      console.log("✅ MetaMask detected: _metamask property found");
       return true;
     }
+    if ((_c = (_b = window.ethereum.constructor) == null ? void 0 : _b.name) == null ? void 0 : _c.includes("MetaMask")) {
+      console.log("✅ MetaMask detected: Constructor name contains MetaMask");
+      return true;
+    }
+    if (window.ethereum && !window.ethereum.isRabby && !window.rabby) {
+      console.log("✅ MetaMask detected: Permissive fallback (ethereum exists, no clear Rabby)");
+      return true;
+    }
+    console.log("❌ MetaMask not detected through any method");
     return false;
   }
-  // Improved Rabby detection
+  // VERY INCLUSIVE Rabby detection
   isRabbyAvailable() {
-    if (!window.ethereum) return false;
-    if (window.ethereum.isRabby === true) {
+    var _a, _b, _c, _d, _e;
+    if (!window.ethereum && !window.rabby) {
+      console.log("❌ Rabby check: No window.ethereum or window.rabby");
+      return false;
+    }
+    if (((_a = window.ethereum) == null ? void 0 : _a.isRabby) === true) {
+      console.log("✅ Rabby detected: Direct isRabby property");
       return true;
     }
-    if (window.ethereum.providers && Array.isArray(window.ethereum.providers)) {
-      return window.ethereum.providers.some((provider) => provider.isRabby === true);
+    if (((_b = window.ethereum) == null ? void 0 : _b.providers) && Array.isArray(window.ethereum.providers)) {
+      console.log("🔍 Rabby check: Searching in providers array...");
+      for (let i = 0; i < window.ethereum.providers.length; i++) {
+        const provider = window.ethereum.providers[i];
+        if (provider.isRabby === true) {
+          console.log("✅ Rabby found in providers array");
+          return true;
+        }
+      }
     }
     if (window.rabby) {
+      console.log("✅ Rabby detected: Global window.rabby object found");
+      return true;
+    }
+    if ((_e = (_d = (_c = window.ethereum) == null ? void 0 : _c.constructor) == null ? void 0 : _d.name) == null ? void 0 : _e.includes("Rabby")) {
+      console.log("✅ Rabby detected: Constructor name contains Rabby");
+      return true;
+    }
+    console.log("❌ Rabby not detected through any method");
+    return false;
+  }
+  // NEW: VERY INCLUSIVE Zerion detection
+  isZerionAvailable() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (!window.ethereum && !window.zerion) {
+      console.log("❌ Zerion check: No window.ethereum or window.zerion");
+      return false;
+    }
+    if (((_a = window.ethereum) == null ? void 0 : _a.isZerion) === true) {
+      console.log("✅ Zerion detected: Direct isZerion property");
+      return true;
+    }
+    if (((_b = window.ethereum) == null ? void 0 : _b.providers) && Array.isArray(window.ethereum.providers)) {
+      console.log("🔍 Zerion check: Searching in providers array...");
+      for (let i = 0; i < window.ethereum.providers.length; i++) {
+        const provider = window.ethereum.providers[i];
+        console.log(`Provider ${i} Zerion check:`, {
+          isZerion: provider.isZerion,
+          constructor: (_c = provider.constructor) == null ? void 0 : _c.name
+        });
+        if (provider.isZerion === true) {
+          console.log("✅ Zerion found in providers array");
+          return true;
+        }
+      }
+    }
+    if (window.zerion) {
+      console.log("✅ Zerion detected: Global window.zerion object found");
+      return true;
+    }
+    if ((_d = window.ethereum) == null ? void 0 : _d.isZerion) {
+      console.log("✅ Zerion detected: isZerion property found");
+      return true;
+    }
+    if ((_g = (_f = (_e = window.ethereum) == null ? void 0 : _e.constructor) == null ? void 0 : _f.name) == null ? void 0 : _g.includes("Zerion")) {
+      console.log("✅ Zerion detected: Constructor name contains Zerion");
+      return true;
+    }
+    if (typeof window !== "undefined" && ((_i = (_h = window.navigator) == null ? void 0 : _h.userAgent) == null ? void 0 : _i.includes("Zerion"))) {
+      console.log("✅ Zerion detected: User agent contains Zerion");
       return true;
     }
+    console.log("❌ Zerion not detected through any method");
     return false;
   }
-  // Get the correct provider for a specific wallet
+  // Get the correct provider for a specific wallet - VERY AGGRESSIVE approach
   getProviderForWallet(walletType) {
+    var _a;
     if (!window.ethereum) {
       throw new Error("No Ethereum wallet found");
     }
+    console.log(`🔍 Getting provider for ${walletType}...`);
     let targetProvider = null;
     if (walletType === "metamask") {
+      console.log("🦊 Searching for MetaMask provider...");
       if (window.ethereum.providers && Array.isArray(window.ethereum.providers)) {
-        targetProvider = window.ethereum.providers.find((provider) => {
-          return provider.isMetaMask === true && provider.isRabby !== true || provider._metamask && !provider.isRabby;
-        });
+        console.log("🔍 Searching MetaMask in providers array...");
+        for (let i = 0; i < window.ethereum.providers.length; i++) {
+          const provider = window.ethereum.providers[i];
+          console.log(`Provider ${i} details:`, {
+            isMetaMask: provider.isMetaMask,
+            isRabby: provider.isRabby,
+            hasMetaMask: !!provider._metamask
+          });
+          if (provider.isMetaMask === true || provider._metamask) {
+            console.log("✅ Found MetaMask provider in array!");
+            targetProvider = provider;
+            break;
+          }
+        }
       }
-      if (!targetProvider && window.ethereum.isMetaMask && !window.ethereum.isRabby) {
-        targetProvider = window.ethereum;
+      if (!targetProvider) {
+        console.log("🔍 Checking main ethereum provider for MetaMask...");
+        if (window.ethereum.isMetaMask === true || window.ethereum._metamask) {
+          console.log("✅ Using main ethereum provider as MetaMask!");
+          targetProvider = window.ethereum;
+        }
       }
-      if (!targetProvider && window.ethereum._metamask && !window.ethereum.isRabby) {
+      if (!targetProvider) {
+        console.log("🚨 AGGRESSIVE FALLBACK: Using main ethereum provider for MetaMask");
         targetProvider = window.ethereum;
       }
       if (!targetProvider) {
         throw new Error("MetaMask not found. Please install MetaMask extension.");
       }
     } else if (walletType === "rabby") {
+      console.log("🐰 Searching for Rabby provider...");
       if (window.ethereum.providers && Array.isArray(window.ethereum.providers)) {
-        targetProvider = window.ethereum.providers.find((provider) => provider.isRabby === true);
+        console.log("🔍 Searching Rabby in providers array...");
+        for (let i = 0; i < window.ethereum.providers.length; i++) {
+          const provider = window.ethereum.providers[i];
+          if (provider.isRabby === true) {
+            console.log("✅ Found Rabby provider in array!");
+            targetProvider = provider;
+            break;
+          }
+        }
       }
-      if (!targetProvider && window.ethereum.isRabby === true) {
-        targetProvider = window.ethereum;
+      if (!targetProvider) {
+        console.log("🔍 Checking main ethereum provider for Rabby...");
+        if (window.ethereum.isRabby === true) {
+          console.log("✅ Using main ethereum provider as Rabby!");
+          targetProvider = window.ethereum;
+        }
       }
       if (!targetProvider && window.rabby) {
-        targetProvider = window.rabby.ethereum || window.rabby;
+        console.log("🔍 Found window.rabby object...");
+        if (window.rabby.ethereum) {
+          targetProvider = window.rabby.ethereum;
+          console.log("✅ Using window.rabby.ethereum!");
+        } else {
+          targetProvider = window.rabby;
+          console.log("✅ Using window.rabby directly!");
+        }
+      }
+      if (!targetProvider && window.ethereum.isRabby) {
+        console.log("🚨 AGGRESSIVE FALLBACK: Using main ethereum provider for Rabby");
+        targetProvider = window.ethereum;
       }
       if (!targetProvider) {
         throw new Error("Rabby wallet not found. Please install Rabby extension.");
       }
+    } else if (walletType === "zerion") {
+      console.log("🔷 Searching for Zerion provider...");
+      if (window.ethereum.providers && Array.isArray(window.ethereum.providers)) {
+        console.log("🔍 Searching Zerion in providers array...");
+        for (let i = 0; i < window.ethereum.providers.length; i++) {
+          const provider = window.ethereum.providers[i];
+          console.log(`Provider ${i} Zerion details:`, {
+            isZerion: provider.isZerion,
+            constructor: (_a = provider.constructor) == null ? void 0 : _a.name
+          });
+          if (provider.isZerion === true) {
+            console.log("✅ Found Zerion provider in array!");
+            targetProvider = provider;
+            break;
+          }
+        }
+      }
+      if (!targetProvider) {
+        console.log("🔍 Checking main ethereum provider for Zerion...");
+        if (window.ethereum.isZerion === true) {
+          console.log("✅ Using main ethereum provider as Zerion!");
+          targetProvider = window.ethereum;
+        }
+      }
+      if (!targetProvider && window.zerion) {
+        console.log("🔍 Found window.zerion object...");
+        if (window.zerion.ethereum) {
+          targetProvider = window.zerion.ethereum;
+          console.log("✅ Using window.zerion.ethereum!");
+        } else {
+          targetProvider = window.zerion;
+          console.log("✅ Using window.zerion directly!");
+        }
+      }
+      if (!targetProvider) {
+        console.log("🚨 AGGRESSIVE FALLBACK: Using main ethereum provider for Zerion");
+        targetProvider = window.ethereum;
+      }
+      if (!targetProvider) {
+        throw new Error("Zerion wallet not found. Please install Zerion extension.");
+      }
     }
+    console.log(`✅ Provider found for ${walletType}:`, {
+      isMetaMask: targetProvider.isMetaMask,
+      isRabby: targetProvider.isRabby,
+      hasMetaMask: !!targetProvider._metamask
+    });
     return targetProvider;
   }
   // Connect to a specific wallet
@@ -2453,17 +2690,96 @@ const WalletSelector = ({
   connectedWallet,
   loading
 }) => {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const [selectedWalletType, setSelectedWalletType] = useState(null);
   const walletManager = useRef(new UniversalWalletManager());
   const getAvailableWallets = () => {
     if (!selectedNetwork) return [];
     if (["ethereum", "bsc", "polygon", "arbitrum", "optimism", "avalanche", "solana"].includes(selectedNetwork.shortName)) {
-      return walletManager.current.getAvailableWallets();
+      const detectedWallets = walletManager.current.getAvailableWallets();
+      if (detectedWallets.length === 0 && window.ethereum) {
+        console.log("🚨 EMERGENCY OVERRIDE: No wallets detected but ethereum exists, forcing all three wallets to show");
+        return [
+          {
+            type: "metamask",
+            name: "MetaMask",
+            icon: "🦊",
+            description: "Connect using MetaMask wallet",
+            color: "orange",
+            isInstalled: true
+          },
+          {
+            type: "rabby",
+            name: "Rabby",
+            icon: "🐰",
+            description: "Connect using Rabby wallet",
+            color: "blue",
+            isInstalled: true
+          },
+          {
+            type: "zerion",
+            name: "Zerion",
+            icon: "🔷",
+            description: "Connect using Zerion wallet",
+            color: "purple",
+            isInstalled: true
+          }
+        ];
+      }
+      if (detectedWallets.length < 3 && window.ethereum) {
+        console.log("🚨 SAFETY CHECK: Adding missing wallets");
+        const allWallets = [
+          {
+            type: "metamask",
+            name: "MetaMask",
+            icon: "🦊",
+            description: "Connect using MetaMask wallet",
+            color: "orange",
+            isInstalled: true
+          },
+          {
+            type: "rabby",
+            name: "Rabby",
+            icon: "🐰",
+            description: "Connect using Rabby wallet",
+            color: "blue",
+            isInstalled: true
+          },
+          {
+            type: "zerion",
+            name: "Zerion",
+            icon: "🔷",
+            description: "Connect using Zerion wallet",
+            color: "purple",
+            isInstalled: true
+          }
+        ];
+        const combinedWallets = [];
+        const addedTypes = /* @__PURE__ */ new Set();
+        detectedWallets.forEach((wallet) => {
+          if (!addedTypes.has(wallet.type)) {
+            combinedWallets.push(wallet);
+            addedTypes.add(wallet.type);
+          }
+        });
+        allWallets.forEach((wallet) => {
+          if (!addedTypes.has(wallet.type)) {
+            combinedWallets.push(wallet);
+            addedTypes.add(wallet.type);
+          }
+        });
+        return combinedWallets;
+      }
+      return detectedWallets;
     }
     return [];
   };
   const availableWallets = getAvailableWallets();
+  console.log("💡 WALLET SELECTOR: Showing wallets:", availableWallets.map((w) => w.name));
+  console.log("💡 WALLET SELECTOR: window.ethereum exists:", !!window.ethereum);
+  console.log("💡 WALLET SELECTOR: window.ethereum.isMetaMask:", (_a = window.ethereum) == null ? void 0 : _a.isMetaMask);
+  console.log("💡 WALLET SELECTOR: window.ethereum.isRabby:", (_b = window.ethereum) == null ? void 0 : _b.isRabby);
+  console.log("💡 WALLET SELECTOR: window.ethereum.isZerion:", (_c = window.ethereum) == null ? void 0 : _c.isZerion);
   const handleWalletClick = async (walletType) => {
     setSelectedWalletType(walletType);
     onWalletSelect(walletType);
@@ -2488,6 +2804,10 @@ const WalletSelector = ({
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
             "• ",
             /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "https://rabby.io", target: "_blank", rel: "noopener noreferrer", className: "text-amber-700 underline hover:text-amber-900", children: "Install Rabby Wallet" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            "• ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "https://zerion.io", target: "_blank", rel: "noopener noreferrer", className: "text-amber-700 underline hover:text-amber-900", children: "Install Zerion Wallet" })
           ] })
         ] })
       ] }) })
@@ -2499,6 +2819,12 @@ const WalletSelector = ({
       selectedNetwork.name,
       ":"
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-gray-500 mb-2", style: { fontFamily: "Bricolage Grotesque, sans-serif" }, children: [
+      "Debug: Found ",
+      availableWallets.length,
+      " wallet(s) - ",
+      availableWallets.map((w) => w.name).join(", ")
+    ] }),
     availableWallets.map((wallet) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
@@ -2511,7 +2837,8 @@ const WalletSelector = ({
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-semibold text-gray-800 flex items-center", children: [
               wallet.name,
-              wallet.type === "rabby" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded-full", children: "NEW" })
+              wallet.type === "rabby" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded-full", children: "NEW" }),
+              wallet.type === "zerion" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 px-2 py-1 bg-purple-100 text-purple-700 text-xs rounded-full", children: "HOT" })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-gray-500", children: (connectedWallet == null ? void 0 : connectedWallet.walletType) === wallet.type ? "✅ Connected" : wallet.description })
           ] }),
@@ -2523,13 +2850,50 @@ const WalletSelector = ({
     connectedWallet && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 p-3 bg-green-50 rounded-lg border border-green-200", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-green-800 text-center", style: { fontFamily: "Bricolage Grotesque, sans-serif" }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "✅ Wallet Connected" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs mt-1", children: [
-        (_a = connectedWallet.account) == null ? void 0 : _a.slice(0, 6),
+        (_d = connectedWallet.account) == null ? void 0 : _d.slice(0, 6),
         "...",
-        (_b = connectedWallet.account) == null ? void 0 : _b.slice(-4),
+        (_e = connectedWallet.account) == null ? void 0 : _e.slice(-4),
         " (",
         connectedWallet.walletType,
         ")"
       ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 p-2 bg-yellow-50 rounded-lg border border-yellow-200", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-yellow-800", style: { fontFamily: "Bricolage Grotesque, sans-serif" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium mb-1", children: "🔧 Wallet Debug Info:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• window.ethereum exists: ",
+        window.ethereum ? "✅" : "❌"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• window.ethereum.isMetaMask: ",
+        ((_f = window.ethereum) == null ? void 0 : _f.isMetaMask) ? "✅" : "❌"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• window.ethereum.isRabby: ",
+        ((_g = window.ethereum) == null ? void 0 : _g.isRabby) ? "✅" : "❌"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• window.ethereum.isZerion: ",
+        ((_h = window.ethereum) == null ? void 0 : _h.isZerion) ? "✅" : "❌"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• window.ethereum.providers: ",
+        ((_j = (_i = window.ethereum) == null ? void 0 : _i.providers) == null ? void 0 : _j.length) || 0,
+        " provider(s)"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• window.rabby exists: ",
+        window.rabby ? "✅" : "❌"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• window.zerion exists: ",
+        window.zerion ? "✅" : "❌"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• Showing ",
+        availableWallets.length,
+        " wallet options"
+      ] })
     ] }) })
   ] });
 };
@@ -2976,7 +3340,7 @@ const EnhancedSimpleCoinleyPayment = ({
       }
       console.log(`🔄 Preparing ${selectedWalletType} transaction to:`, recipientAddress);
       let txParams;
-      if (["metamask", "rabby"].includes(selectedWalletType)) {
+      if (["metamask", "rabby", "zerion"].includes(selectedWalletType)) {
         if (selectedToken.contractAddress) {
           const decimals = selectedToken.decimals || 6;
           const amount = Math.floor(paymentData.totalAmount * Math.pow(10, decimals));