@lukso/up-connector 0.5.1 → 0.6.0-dev.5ea12c5

package/dist/{chunk-3ME6PKYE.js → chunk-SAQWNAQ6.js}

@@ -20,14 +20,89 @@ var ConnectModalBase = class extends LitElement {
 
 // src/connect-modal/connect-modal.ts
 import { withDeviceService as withDeviceService3 } from "@lukso/core/mixins";
-import debug3 from "debug";
+import debug4 from "debug";
 import { html as html5 } from "lit";
 import { property as property4, state as state2 } from "lit/decorators.js";
 
 // src/connect-modal/services/wagmi.ts
+import { getChainById } from "@lukso/core/chains";
 import { slug } from "@lukso/core/utils";
+import debug from "debug";
+
+// src/connect-modal/utils/chainParams.ts
+function constructAddEthereumChainParameter(chain) {
+  return {
+    chainName: chain.name,
+    nativeCurrency: {
+      name: chain.nativeCurrency.name,
+      symbol: chain.nativeCurrency.symbol,
+      decimals: chain.nativeCurrency.decimals
+    },
+    rpcUrls: [...chain.rpcUrls.default.http],
+    blockExplorerUrls: chain.blockExplorers?.default.url ? [chain.blockExplorers.default.url] : void 0
+  };
+}
+
+// src/connect-modal/services/wagmi.ts
+var logInfo = debug("connect-modal:info");
 var UP_EXTENSION_ID = "cloud.universalprofile";
-var globalWagmiSetup = null;
+var WagmiService = class {
+  constructor() {
+    this.setup = null;
+    this.wagmiCore = null;
+  }
+  configure(setup) {
+    this.setup = setup;
+  }
+  getSetup() {
+    return this.setup;
+  }
+  /**
+   * Ensure wagmi/core is loaded and return initialized state
+   * Returns { core, config } if ready, null otherwise
+   */
+  async init() {
+    if (!this.setup) return null;
+    if (!this.wagmiCore) {
+      try {
+        this.wagmiCore = await import("@wagmi/core");
+      } catch {
+        return null;
+      }
+    }
+    return { core: this.wagmiCore, config: this.setup.wagmiConfig };
+  }
+  async getConnection() {
+    const wagmi = await this.init();
+    if (!wagmi) return null;
+    try {
+      return wagmi.core.getConnection(wagmi.config);
+    } catch {
+      return null;
+    }
+  }
+  async watchConnection(callback) {
+    const wagmi = await this.init();
+    if (!wagmi) return null;
+    try {
+      return wagmi.core.watchConnection(wagmi.config, { onChange: callback });
+    } catch {
+      return null;
+    }
+  }
+  async disconnect() {
+    const wagmi = await this.init();
+    if (!wagmi) return false;
+    try {
+      await wagmi.core.disconnect(wagmi.config);
+      return true;
+    } catch (error) {
+      console.warn("Failed to disconnect from wagmi", error);
+      return false;
+    }
+  }
+};
+var wagmiService = new WagmiService();
 function fromWagmiConnector(connector, connectFn, chainId) {
   let type = "injected";
   const rdns = connector.id;
@@ -48,7 +123,27 @@ function fromWagmiConnector(connector, connectFn, chainId) {
     connect: async () => {
       await connectFn({ connector, chainId });
     },
-    getProvider: connector.getProvider ? () => connector.getProvider() : void 0
+    getProvider: connector.getProvider ? () => connector.getProvider() : void 0,
+    switchChain: connector.switchChain ? async (params) => {
+      if (!params.chainId) {
+        console.warn("No chainId provided for switchChain, skipping");
+        return;
+      }
+      let addEthereumChainParameter = params.addEthereumChainParameter;
+      if (!addEthereumChainParameter) {
+        const chain = getChainById(params.chainId);
+        if (chain) {
+          addEthereumChainParameter = constructAddEthereumChainParameter(chain);
+        }
+      }
+      await connector.switchChain({
+        chainId: params.chainId,
+        addEthereumChainParameter
+      });
+      logInfo(
+        `Switched to chainId ${params.chainId} via connector "${connector.name}"`
+      );
+    } : void 0
   };
 }
 function fromWagmiConnectors(connectors, connectFn, chainId, embeddedWalletId) {
@@ -102,62 +197,20 @@ function fromWagmiConnectors(connectors, connectFn, chainId, embeddedWalletId) {
   result.push(...others);
   return result;
 }
-function setupConnectModal(setup) {
-  globalWagmiSetup = setup;
+function setupWagmi(setup) {
+  wagmiService.configure(setup);
 }
 function getWagmiSetup() {
-  return globalWagmiSetup;
+  return wagmiService.getSetup();
 }
-async function getWagmiAccount() {
-  if (!globalWagmiSetup) {
-    return null;
-  }
-  try {
-    const { getConnection } = await import("@wagmi/core");
-    const connection = getConnection(globalWagmiSetup.wagmiConfig);
-    return {
-      isConnected: connection.status === "connected",
-      address: connection.address,
-      chainId: connection.chainId,
-      connector: connection.connector
-    };
-  } catch (_error) {
-    return null;
-  }
+async function getConnection() {
+  return wagmiService.getConnection();
 }
-async function watchWagmiAccount(callback) {
-  if (!globalWagmiSetup) {
-    return null;
-  }
-  try {
-    const { watchConnection } = await import("@wagmi/core");
-    const unsubscribe = watchConnection(globalWagmiSetup.wagmiConfig, {
-      onChange: (connection) => {
-        callback({
-          isConnected: connection.status === "connected",
-          address: connection.address,
-          chainId: connection.chainId,
-          connector: connection.connector
-        });
-      }
-    });
-    return unsubscribe;
-  } catch (_error) {
-    return null;
-  }
+async function watchConnection(callback) {
+  return wagmiService.watchConnection(callback);
 }
-async function disconnectWagmi() {
-  if (!globalWagmiSetup) {
-    return false;
-  }
-  try {
-    const { disconnect } = await import("@wagmi/core");
-    await disconnect(globalWagmiSetup.wagmiConfig);
-    return true;
-  } catch (error) {
-    console.warn("Failed to disconnect from wagmi", error);
-    return false;
-  }
+async function disconnect() {
+  return wagmiService.disconnect();
 }
 
 // src/connect-modal/connect-modal.ts
@@ -166,7 +219,7 @@ import "@lukso/web-components/dist/components/lukso-modal";
 // src/connect-modal/components/eoa-connection-view.ts
 import { Task } from "@lit/task";
 import { withDeviceService, withIntlService } from "@lukso/core/mixins";
-import debug from "debug";
+import debug2 from "debug";
 import { html as html2, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { keyed } from "lit/directives/keyed.js";
@@ -210,7 +263,7 @@ var renderPlaceholder = (style2) => html`<div class="${cn("bg-neutral-90 dark:bg
 import "@lukso/web-components/dist/components/lukso-button";
 import "@lukso/web-components/dist/components/lukso-icon";
 import "@lukso/web-components/dist/components/lukso-tag";
-var logInfo = debug("connect-modal:info");
+var logInfo2 = debug2("connect-modal:info");
 var EoaConnectionView = class extends withIntlService(
   withDeviceService(ConnectModalBase)
 ) {
@@ -339,8 +392,10 @@ var EoaConnectionView = class extends withIntlService(
     const connector = wallet.connector;
     if (connector) {
       try {
-        logInfo("Connecting via connector:", connector);
+        logInfo2("Connecting via connector:", connector);
         this.isConnecting = true;
+        const setup = getWagmiSetup();
+        await connector.switchChain?.({ chainId: setup?.chainId });
         await connector.connect();
         this.dispatchEvent(
           new CustomEvent("on-connect", {
@@ -369,13 +424,13 @@ var EoaConnectionView = class extends withIntlService(
     const connector = this.walletConnectConnector;
     if (connector) {
       try {
-        logInfo("Connecting via WalletConnect connector:", connector);
+        logInfo2("Connecting via WalletConnect connector:", connector);
         this.isConnecting = true;
         const connectPromise = connector.connect();
         const provider = await connector.getProvider?.();
         if (provider) {
           const handleDisplayUri = (displayUri) => {
-            logInfo("WalletConnect URI received:", displayUri);
+            logInfo2("WalletConnect URI received:", displayUri);
             const encodedUri = encodeURIComponent(displayUri);
             if (wallet.mobile?.native) {
               window.location.href = `${wallet.mobile.native}wc?uri=${encodedUri}`;
@@ -512,7 +567,7 @@ import "@lukso/web-components/dist/components/lukso-button";
 import "@lukso/web-components/dist/components/lukso-icon";
 import { browserInfo } from "@lukso/core/utils";
 import { cn as cn2 } from "@lukso/web-components/tools";
-import debug2 from "debug";
+import debug3 from "debug";
 
 // src/connect-modal/utils/walletConnectDeepLinkUrl.ts
 var walletConnectDeepLinkUrl = (data, options) => {
@@ -539,7 +594,7 @@ var walletConnectDeepLinkUrl = (data, options) => {
 };
 
 // src/connect-modal/components/connection-view.ts
-var logInfo2 = debug2("connect-modal:info");
+var logInfo3 = debug3("connect-modal:info");
 var ConnectionView = class extends withIntlService2(
   withDeviceService2(ConnectModalBase)
 ) {
@@ -554,7 +609,7 @@ var ConnectionView = class extends withIntlService2(
     this.handleConnectEmbedded = async () => {
       const connector = this.embeddedWalletConnector;
       try {
-        logInfo2("Connecting via connector:", connector);
+        logInfo3("Connecting via connector:", connector);
         await connector?.connect();
         this.dispatchEvent(
           new CustomEvent("on-connect", {
@@ -584,9 +639,11 @@ var ConnectionView = class extends withIntlService2(
       }
       if (connector) {
         try {
-          logInfo2("Connecting via connector:", connector);
+          logInfo3("Connecting via connector:", connector);
           this.isConnecting = true;
           this.connectingRdns = connector.rdns;
+          const setup = getWagmiSetup();
+          await connector.switchChain?.({ chainId: setup?.chainId });
           await connector.connect();
           this.dispatchEvent(
             new CustomEvent("on-connect", {
@@ -616,16 +673,16 @@ var ConnectionView = class extends withIntlService2(
       const connector = this.walletConnectConnector;
       if (connector) {
         try {
-          logInfo2("Connecting via connector:", connector);
+          logInfo3("Connecting via connector:", connector);
           this.isConnecting = true;
           this.connectingRdns = connector.rdns;
           const connectPromise = connector.connect();
           const provider = await connector.getProvider?.();
           if (provider) {
             const handleDisplayUri = (displayUri) => {
-              logInfo2("WalletConnect original URI:", displayUri);
+              logInfo3("WalletConnect original URI:", displayUri);
               const deepLink = walletConnectDeepLinkUrl(displayUri);
-              logInfo2("Mobile App Deep Link:", deepLink);
+              logInfo3("Mobile App Deep Link:", deepLink);
               if (this.device.isMobile) {
                 window.open(deepLink, "_blank");
               } else {
@@ -908,7 +965,7 @@ __decorateClass([
 customElements.define("qr-code-view", QrCodeView);
 
 // src/connect-modal/connect-modal.ts
-var logInfo3 = debug3("connect-modal:info");
+var logInfo4 = debug4("connect-modal:info");
 var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
   constructor() {
     super(...arguments);
@@ -986,9 +1043,9 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
     }
   }
   async loadConnectors() {
-    const globalWagmiSetup2 = getWagmiSetup();
-    logInfo3("Global wagmi setup:", globalWagmiSetup2);
-    if (!globalWagmiSetup2) {
+    const globalWagmiSetup = getWagmiSetup();
+    logInfo4("Global wagmi setup:", globalWagmiSetup);
+    if (!globalWagmiSetup) {
       console.warn(
         "No global wagmi setup found! Call setupConnectModal() first."
       );
@@ -996,9 +1053,9 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
       return;
     }
     try {
-      const { wagmiConfig, chainId, embeddedWalletId } = globalWagmiSetup2;
+      const { wagmiConfig, chainId, embeddedWalletId } = globalWagmiSetup;
       const wagmiConnectors = wagmiConfig?.connectors || [];
-      logInfo3("Initial connectors:", wagmiConnectors);
+      logInfo4("Initial connectors:", wagmiConnectors);
       const wagmiCore = await import("@wagmi/core").catch((error) => {
         throw new Error("@wagmi/core is required when using wagmi connectors", {
           cause: error
@@ -1015,7 +1072,7 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
         chainId,
         embeddedWalletId
       );
-      logInfo3("Converted connectors:", this.connectors);
+      logInfo4("Converted connectors:", this.connectors);
     } catch (error) {
       console.warn("Failed to load connectors", error);
       this.connectors = [];
@@ -1029,7 +1086,7 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
   handleOnConnectSuccess(event) {
     event.stopPropagation();
     const connector = event.detail.connector;
-    logInfo3("Connection success:", connector);
+    logInfo4("Connection success:", connector);
     this.open = false;
     this.dispatchEvent(
       new CustomEvent("on-connect", {
@@ -1047,7 +1104,7 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
   handleOnConnectError(event) {
     event.stopPropagation();
     const error = event.detail.error;
-    logInfo3("Connection error:", error);
+    logInfo4("Connection error:", error);
     this.dispatchEvent(
       new CustomEvent("on-error", {
         detail: { error },
@@ -1130,13 +1187,14 @@ customElements.define("connect-modal", ConnectModal);
 
 export {
   ConnectModalBase,
+  wagmiService,
   fromWagmiConnector,
   fromWagmiConnectors,
-  setupConnectModal,
+  setupWagmi,
   getWagmiSetup,
-  getWagmiAccount,
-  watchWagmiAccount,
-  disconnectWagmi,
+  getConnection,
+  watchConnection,
+  disconnect,
   ConnectModal
 };
-//# sourceMappingURL=chunk-3ME6PKYE.js.map
+//# sourceMappingURL=chunk-SAQWNAQ6.js.map