coinley-test 0.0.62 → 0.0.64

package/dist/index.esm.js

@@ -2082,48 +2082,56 @@ class UniversalWalletManager {
     console.log("❌ Rabby not detected through any method");
     return false;
   }
-  // NEW: VERY INCLUSIVE Zerion detection
+  // NEW: VERY STRICT Zerion detection - must distinguish from MetaMask
   isZerionAvailable() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     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)) {
+    if (((_a = window.ethereum) == null ? void 0 : _a.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
+          isZerionWallet: provider.isZerionWallet,
+          isMetaMask: provider.isMetaMask,
+          constructor: (_b = provider.constructor) == null ? void 0 : _b.name,
+          zerion: !!provider.zerion
         });
-        if (provider.isZerion === true) {
-          console.log("✅ Zerion found in providers array");
+        if ((provider.isZerion === true || provider.isZerionWallet === true || provider.zerion) && provider.isMetaMask !== true) {
+          console.log("✅ Zerion found in providers array (not MetaMask)");
           return true;
         }
       }
     }
+    if (window.ethereum) {
+      if ((window.ethereum.isZerion === true || window.ethereum.isZerionWallet === true) && window.ethereum.isMetaMask !== true) {
+        console.log("✅ Zerion detected: Direct isZerion property (not MetaMask)");
+        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");
+    if (((_e = (_d = (_c = window.ethereum) == null ? void 0 : _c.constructor) == null ? void 0 : _d.name) == null ? void 0 : _e.toLowerCase().includes("zerion")) && !((_g = (_f = window.ethereum.constructor) == null ? void 0 : _f.name) == null ? void 0 : _g.toLowerCase().includes("metamask"))) {
+      console.log("✅ Zerion detected: Constructor name contains Zerion (not MetaMask)");
       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");
+    if (typeof window !== "undefined" && ((_i = (_h = window.navigator) == null ? void 0 : _h.userAgent) == null ? void 0 : _i.includes("Zerion")) && !((_k = (_j = window.navigator) == null ? void 0 : _j.userAgent) == null ? void 0 : _k.includes("MetaMask"))) {
+      console.log("✅ Zerion detected: User agent contains Zerion (not MetaMask)");
       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;
+    if (typeof document !== "undefined") {
+      const zerionMeta = document.querySelector('meta[name="zerion"]') || document.querySelector('meta[content*="zerion"]');
+      if (zerionMeta && !document.querySelector('meta[content*="metamask"]')) {
+        console.log("✅ Zerion detected: DOM meta tags (not MetaMask)");
+        return true;
+      }
     }
-    console.log("❌ Zerion not detected through any method");
+    console.log("❌ Zerion not detected through any method (or conflicts with MetaMask)");
     return false;
   }
   // Get the correct provider for a specific wallet - VERY AGGRESSIVE approach
@@ -2690,97 +2698,74 @@ const WalletSelector = ({
   connectedWallet,
   loading
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const [selectedWalletType, setSelectedWalletType] = useState(null);
   const walletManager = useRef(new UniversalWalletManager());
   const getAvailableWallets = () => {
+    var _a2, _b2, _c2, _d2, _e2;
     if (!selectedNetwork) return [];
     if (["ethereum", "bsc", "polygon", "arbitrum", "optimism", "avalanche", "solana"].includes(selectedNetwork.shortName)) {
       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
-          }
-        ];
+      console.log("🔍 SMART DETECTION: Actually detected wallets:", detectedWallets.map((w) => w.name));
+      const smartWallets = [...detectedWallets];
+      if (((_a2 = window.ethereum) == null ? void 0 : _a2.isMetaMask) && !smartWallets.find((w) => w.type === "metamask")) {
+        console.log("🦊 Adding MetaMask (confirmed installed)");
+        smartWallets.push({
+          type: "metamask",
+          name: "MetaMask",
+          icon: "🦊",
+          description: "Connect using MetaMask wallet",
+          color: "orange",
+          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);
-          }
+      if (window.rabby && !smartWallets.find((w) => w.type === "rabby")) {
+        console.log("🐰 Adding Rabby (confirmed installed)");
+        smartWallets.push({
+          type: "rabby",
+          name: "Rabby",
+          icon: "🐰",
+          description: "Connect using Rabby wallet",
+          color: "blue",
+          isInstalled: true
         });
-        allWallets.forEach((wallet) => {
-          if (!addedTypes.has(wallet.type)) {
-            combinedWallets.push(wallet);
-            addedTypes.add(wallet.type);
-          }
+      }
+      const hasRealZerion = window.zerion || ((_b2 = window.ethereum) == null ? void 0 : _b2.isZerion) === true || ((_c2 = window.ethereum) == null ? void 0 : _c2.isZerionWallet) === true || ((_d2 = navigator.userAgent) == null ? void 0 : _d2.includes("Zerion")) || ((_e2 = window.ethereum) == null ? void 0 : _e2.providers) && window.ethereum.providers.some(
+        (p2) => p2.isZerion === true || p2.isZerionWallet === true
+      );
+      if (hasRealZerion && !smartWallets.find((w) => w.type === "zerion")) {
+        console.log("🔷 Adding Zerion (confirmed installed)");
+        smartWallets.push({
+          type: "zerion",
+          name: "Zerion",
+          icon: "🔷",
+          description: "Connect using Zerion wallet",
+          color: "purple",
+          isInstalled: true
+        });
+      } else if (!hasRealZerion) {
+        console.log("❌ Zerion NOT actually installed - not showing");
+        smartWallets.push({
+          type: "zerion",
+          name: "Zerion",
+          icon: "🔷",
+          description: "Install Zerion wallet to use",
+          color: "purple",
+          isInstalled: false
         });
-        return combinedWallets;
       }
-      return detectedWallets;
+      return smartWallets;
     }
     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);
+  console.log("💡 SMART WALLET SELECTOR: Showing wallets:", availableWallets.map((w) => `${w.name} (${w.isInstalled ? "installed" : "not installed"})`));
   const handleWalletClick = async (walletType) => {
+    const wallet = availableWallets.find((w) => w.type === walletType);
+    if (!(wallet == null ? void 0 : wallet.isInstalled)) {
+      alert(`${(wallet == null ? void 0 : wallet.name) || "This wallet"} is not installed. Please install it first and refresh the page.`);
+      return;
+    }
     setSelectedWalletType(walletType);
     onWalletSelect(walletType);
     await onConnect(walletType);
@@ -2821,65 +2806,81 @@ const WalletSelector = ({
     ] }),
     /* @__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.filter((w) => w.isInstalled).length,
+      " installed wallet(s) - ",
+      availableWallets.filter((w) => w.isInstalled).map((w) => w.name).join(", ")
     ] }),
     availableWallets.map((wallet) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         onClick: () => handleWalletClick(wallet.type),
-        disabled: loading,
-        className: `w-full p-4 border-2 rounded-xl text-left transition-all duration-200 ${(connectedWallet == null ? void 0 : connectedWallet.walletType) === wallet.type ? "border-green-500 bg-green-50" : "border-gray-200 hover:border-[#7042D2]/50 hover:bg-[#7042D2]/5"}`,
+        disabled: loading || !wallet.isInstalled,
+        className: `w-full p-4 border-2 rounded-xl text-left transition-all duration-200 ${!wallet.isInstalled ? "border-gray-300 bg-gray-50 opacity-60 cursor-not-allowed" : (connectedWallet == null ? void 0 : connectedWallet.walletType) === wallet.type ? "border-green-500 bg-green-50" : "border-gray-200 hover:border-[#7042D2]/50 hover:bg-[#7042D2]/5"}`,
         style: { fontFamily: "Bricolage Grotesque, sans-serif" },
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-2xl", children: wallet.icon }),
           /* @__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 === "zerion" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 px-2 py-1 bg-purple-100 text-purple-700 text-xs rounded-full", children: "HOT" })
+              wallet.type === "rabby" && wallet.isInstalled && /* @__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" && wallet.isInstalled && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 px-2 py-1 bg-purple-100 text-purple-700 text-xs rounded-full", children: "HOT" }),
+              !wallet.isInstalled && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 px-2 py-1 bg-red-100 text-red-700 text-xs rounded-full", children: "NOT INSTALLED" })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-gray-500", children: (connectedWallet == null ? void 0 : connectedWallet.walletType) === wallet.type ? "✅ Connected" : wallet.description })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-gray-500", children: !wallet.isInstalled ? `Click to install ${wallet.name}` : (connectedWallet == null ? void 0 : connectedWallet.walletType) === wallet.type ? "✅ Connected" : wallet.description })
           ] }),
           loading && selectedWalletType === wallet.type && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-[#7042D2]" })
         ] })
       },
       wallet.type
     )),
+    availableWallets.some((w) => !w.isInstalled) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 p-3 bg-blue-50 rounded-lg border border-blue-200", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-blue-800", style: { fontFamily: "Bricolage Grotesque, sans-serif" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium mb-2", children: "📲 Quick Install Links:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 text-xs", children: availableWallets.filter((w) => !w.isInstalled).map((wallet) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• ",
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "a",
+          {
+            href: wallet.type === "metamask" ? "https://metamask.io" : wallet.type === "rabby" ? "https://rabby.io" : "https://zerion.io",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-blue-700 underline hover:text-blue-900",
+            children: [
+              "Install ",
+              wallet.name
+            ]
+          }
+        ),
+        " - Then refresh this page"
+      ] }, wallet.type)) })
+    ] }) }),
     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: [
-        (_d = connectedWallet.account) == null ? void 0 : _d.slice(0, 6),
+        (_a = connectedWallet.account) == null ? void 0 : _a.slice(0, 6),
         "...",
-        (_e = connectedWallet.account) == null ? void 0 : _e.slice(-4),
+        (_b = connectedWallet.account) == null ? void 0 : _b.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.jsx("div", { className: "font-medium mb-1", children: "🔧 Enhanced Wallet Debug:" }),
       /* @__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) ? "✅" : "❌"
+        ((_c = window.ethereum) == null ? void 0 : _c.isMetaMask) ? "✅" : "❌"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         "• window.ethereum.isRabby: ",
-        ((_g = window.ethereum) == null ? void 0 : _g.isRabby) ? "✅" : "❌"
+        ((_d = window.ethereum) == null ? void 0 : _d.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)"
+        ((_e = window.ethereum) == null ? void 0 : _e.isZerion) ? "✅" : "❌"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         "• window.rabby exists: ",
@@ -2890,9 +2891,12 @@ const WalletSelector = ({
         window.zerion ? "✅" : "❌"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        "• Showing ",
-        availableWallets.length,
-        " wallet options"
+        "• User agent Zerion: ",
+        ((_f = navigator.userAgent) == null ? void 0 : _f.includes("Zerion")) ? "✅" : "❌"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        "• Providers: ",
+        ((_h = (_g = window.ethereum) == null ? void 0 : _g.providers) == null ? void 0 : _h.length) || 0
       ] })
     ] }) })
   ] });