@lukso/up-connector 0.5.0 → 0.5.1-dev.e515cef

package/dist/auto-setup.cjs

@@ -4,8 +4,8 @@
 
 
 
-var _chunkQRZDP5RRcjs = require('./chunk-QRZDP5RR.cjs');
-require('./chunk-PB7QP3SJ.cjs');
+var _chunkW7QI6BTAcjs = require('./chunk-W7QI6BTA.cjs');
+require('./chunk-GCYDV7FB.cjs');
 require('./chunk-ZBDE64SD.cjs');
 
 
@@ -13,5 +13,5 @@ require('./chunk-ZBDE64SD.cjs');
 
 
 
-exports.EMBEDDED_WALLET_ID = _chunkQRZDP5RRcjs.EMBEDDED_WALLET_ID; exports.EMBEDDED_WALLET_URL_DEV = _chunkQRZDP5RRcjs.EMBEDDED_WALLET_URL_DEV; exports.EMBEDDED_WALLET_URL_PROD = _chunkQRZDP5RRcjs.EMBEDDED_WALLET_URL_PROD; exports.UP_EXTENSION_ID = _chunkQRZDP5RRcjs.UP_EXTENSION_ID; exports.setupLuksoConnector = _chunkQRZDP5RRcjs.setupLuksoConnector;
+exports.EMBEDDED_WALLET_ID = _chunkW7QI6BTAcjs.EMBEDDED_WALLET_ID; exports.EMBEDDED_WALLET_URL_DEV = _chunkW7QI6BTAcjs.EMBEDDED_WALLET_URL_DEV; exports.EMBEDDED_WALLET_URL_PROD = _chunkW7QI6BTAcjs.EMBEDDED_WALLET_URL_PROD; exports.UP_EXTENSION_ID = _chunkW7QI6BTAcjs.UP_EXTENSION_ID; exports.setupLuksoConnector = _chunkW7QI6BTAcjs.setupLuksoConnector;
 //# sourceMappingURL=auto-setup.cjs.map

package/dist/auto-setup.js

@@ -4,8 +4,8 @@ import {
   EMBEDDED_WALLET_URL_PROD,
   UP_EXTENSION_ID,
   setupLuksoConnector
-} from "./chunk-LCF5SJOE.js";
-import "./chunk-4PC7ZTI7.js";
+} from "./chunk-KMCCANMJ.js";
+import "./chunk-SAQWNAQ6.js";
 import "./chunk-EUXUH3YW.js";
 export {
   EMBEDDED_WALLET_ID,

package/dist/{chunk-PB7QP3SJ.cjs → chunk-GCYDV7FB.cjs}

@@ -25,9 +25,84 @@ var _debug = require('debug'); var _debug2 = _interopRequireDefault(_debug);
 var _decoratorsjs = require('lit/decorators.js');
 
 // src/connect-modal/services/wagmi.ts
+var _chains = require('@lukso/core/chains');
 var _utils = require('@lukso/core/utils');
+
+
+// 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: _optionalChain([chain, 'access', _ => _.blockExplorers, 'optionalAccess', _2 => _2.default, 'access', _3 => _3.url]) ? [chain.blockExplorers.default.url] : void 0
+  };
+}
+
+// src/connect-modal/services/wagmi.ts
+var logInfo = _debug2.default.call(void 0, "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 Promise.resolve().then(() => _interopRequireWildcard(require("@wagmi/core")));
+      } catch (e) {
+        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 (e2) {
+      return null;
+    }
+  }
+  async watchConnection(callback) {
+    const wagmi = await this.init();
+    if (!wagmi) return null;
+    try {
+      return wagmi.core.watchConnection(wagmi.config, { onChange: callback });
+    } catch (e3) {
+      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 = _chains.getChainById.call(void 0, 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,52 +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 { getAccount } = await Promise.resolve().then(() => _interopRequireWildcard(require("@wagmi/core")));
-    const account = getAccount(globalWagmiSetup.wagmiConfig);
-    return account;
-  } catch (_error) {
-    return null;
-  }
+async function getConnection() {
+  return wagmiService.getConnection();
 }
-async function watchWagmiAccount(callback) {
-  if (!globalWagmiSetup) {
-    return null;
-  }
-  try {
-    const { watchAccount } = await Promise.resolve().then(() => _interopRequireWildcard(require("@wagmi/core")));
-    const unsubscribe = watchAccount(globalWagmiSetup.wagmiConfig, {
-      onChange: (account) => {
-        callback(account);
-      }
-    });
-    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 Promise.resolve().then(() => _interopRequireWildcard(require("@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
@@ -200,7 +263,7 @@ var renderPlaceholder = (style2) => _lit.html`<div class="${_tools.cn.call(void
 require('@lukso/web-components/dist/components/lukso-button');
 require('@lukso/web-components/dist/components/lukso-icon');
 require('@lukso/web-components/dist/components/lukso-tag');
-var logInfo = _debug2.default.call(void 0, "connect-modal:info");
+var logInfo2 = _debug2.default.call(void 0, "connect-modal:info");
 var EoaConnectionView = class extends _mixins.withIntlService.call(void 0, 
   _mixins.withDeviceService.call(void 0, ConnectModalBase)
 ) {
@@ -227,14 +290,14 @@ var EoaConnectionView = class extends _mixins.withIntlService.call(void 0,
           );
           return {
             ...wallet,
-            isInstalled: _optionalChain([connector, 'optionalAccess', _ => _.rdns]) === wallet.rdns,
+            isInstalled: _optionalChain([connector, 'optionalAccess', _4 => _4.rdns]) === wallet.rdns,
             connector
           };
         }).sort(
           (a, b) => a.isInstalled === b.isInstalled ? 0 : a.isInstalled ? -1 : 1
         );
       },
-      args: () => [_optionalChain([this, 'access', _2 => _2.device, 'optionalAccess', _3 => _3.isMobile])]
+      args: () => [_optionalChain([this, 'access', _5 => _5.device, 'optionalAccess', _6 => _6.isMobile])]
     });
   }
   /**
@@ -257,31 +320,31 @@ var EoaConnectionView = class extends _mixins.withIntlService.call(void 0,
    * @returns
    */
   supportedWalletIds() {
-    return _optionalChain([this, 'access', _4 => _4.device, 'optionalAccess', _5 => _5.isMobile]) ? SUPPORTED_WALLET_IDS_MOBILE : SUPPORTED_WALLET_IDS_DESKTOP;
+    return _optionalChain([this, 'access', _7 => _7.device, 'optionalAccess', _8 => _8.isMobile]) ? SUPPORTED_WALLET_IDS_MOBILE : SUPPORTED_WALLET_IDS_DESKTOP;
   }
   /**
    * Get device type
    */
   deviceType() {
-    if (_optionalChain([this, 'access', _6 => _6.device, 'optionalAccess', _7 => _7.isMobile]) || _optionalChain([this, 'access', _8 => _8.device, 'optionalAccess', _9 => _9.isTablet])) {
-      if (_optionalChain([this, 'access', _10 => _10.device, 'optionalAccess', _11 => _11.isIOS])) {
+    if (_optionalChain([this, 'access', _9 => _9.device, 'optionalAccess', _10 => _10.isMobile]) || _optionalChain([this, 'access', _11 => _11.device, 'optionalAccess', _12 => _12.isTablet])) {
+      if (_optionalChain([this, 'access', _13 => _13.device, 'optionalAccess', _14 => _14.isIOS])) {
         return "ios";
       }
       return "android";
     }
-    if (_optionalChain([this, 'access', _12 => _12.device, 'optionalAccess', _13 => _13.isChrome])) {
+    if (_optionalChain([this, 'access', _15 => _15.device, 'optionalAccess', _16 => _16.isChrome])) {
       return "chrome";
     }
-    if (_optionalChain([this, 'access', _14 => _14.device, 'optionalAccess', _15 => _15.isFirefox])) {
+    if (_optionalChain([this, 'access', _17 => _17.device, 'optionalAccess', _18 => _18.isFirefox])) {
       return "firefox";
     }
-    if (_optionalChain([this, 'access', _16 => _16.device, 'optionalAccess', _17 => _17.isSafari])) {
+    if (_optionalChain([this, 'access', _19 => _19.device, 'optionalAccess', _20 => _20.isSafari])) {
       return "safari";
     }
-    if (_optionalChain([this, 'access', _18 => _18.device, 'optionalAccess', _19 => _19.isEdge])) {
+    if (_optionalChain([this, 'access', _21 => _21.device, 'optionalAccess', _22 => _22.isEdge])) {
       return "edge";
     }
-    if (_optionalChain([this, 'access', _20 => _20.device, 'optionalAccess', _21 => _21.isOpera])) {
+    if (_optionalChain([this, 'access', _23 => _23.device, 'optionalAccess', _24 => _24.isOpera])) {
       return "opera";
     }
     return "browser";
@@ -310,7 +373,7 @@ var EoaConnectionView = class extends _mixins.withIntlService.call(void 0,
   handleConnect(wallet, event) {
     event.stopPropagation();
     this.connectingRdns = wallet.rdns;
-    if (_optionalChain([this, 'access', _22 => _22.device, 'optionalAccess', _23 => _23.isMobile])) {
+    if (_optionalChain([this, 'access', _25 => _25.device, 'optionalAccess', _26 => _26.isMobile])) {
       this.connectMobile(wallet);
       return;
     }
@@ -329,8 +392,10 @@ var EoaConnectionView = class extends _mixins.withIntlService.call(void 0,
     const connector = wallet.connector;
     if (connector) {
       try {
-        logInfo("Connecting via connector:", connector);
+        logInfo2("Connecting via connector:", connector);
         this.isConnecting = true;
+        const setup = getWagmiSetup();
+        await _optionalChain([connector, 'access', _27 => _27.switchChain, 'optionalCall', _28 => _28({ chainId: _optionalChain([setup, 'optionalAccess', _29 => _29.chainId]) })]);
         await connector.connect();
         this.dispatchEvent(
           new CustomEvent("on-connect", {
@@ -359,15 +424,15 @@ var EoaConnectionView = class extends _mixins.withIntlService.call(void 0,
     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 _optionalChain([connector, 'access', _24 => _24.getProvider, 'optionalCall', _25 => _25()]);
+        const provider = await _optionalChain([connector, 'access', _30 => _30.getProvider, 'optionalCall', _31 => _31()]);
         if (provider) {
           const handleDisplayUri = (displayUri) => {
-            logInfo("WalletConnect URI received:", displayUri);
+            logInfo2("WalletConnect URI received:", displayUri);
             const encodedUri = encodeURIComponent(displayUri);
-            if (_optionalChain([wallet, 'access', _26 => _26.mobile, 'optionalAccess', _27 => _27.native])) {
+            if (_optionalChain([wallet, 'access', _32 => _32.mobile, 'optionalAccess', _33 => _33.native])) {
               window.location.href = `${wallet.mobile.native}wc?uri=${encodedUri}`;
             } else if (wallet.rdns === "com.coinbase.wallet") {
               window.location.href = `cbwallet://wc?uri=${encodedUri}`;
@@ -410,12 +475,12 @@ var EoaConnectionView = class extends _mixins.withIntlService.call(void 0,
         const isInstalled = this.eoaConnectors.some(
           (connector) => connector.rdns === wallet.rdns
         );
-        const logo = _optionalChain([wallet, 'access', _28 => _28.image_url, 'optionalAccess', _29 => _29.sm]) ? _lit.html`<img src="${wallet.image_url.sm}" alt="${wallet.name} logo" class="h-8 rounded-full mr-2" />` : _lit.nothing;
+        const logo = _optionalChain([wallet, 'access', _34 => _34.image_url, 'optionalAccess', _35 => _35.sm]) ? _lit.html`<img src="${wallet.image_url.sm}" alt="${wallet.name} logo" class="h-8 rounded-full mr-2" />` : _lit.nothing;
         return _keyedjs.keyed.call(void 0, 
           wallet.slug,
           _lit.html`<lukso-button
             variant="secondary"
-            size=${_optionalChain([this, 'access', _30 => _30.device, 'optionalAccess', _31 => _31.isMobile]) ? "medium" : "large"}
+            size=${_optionalChain([this, 'access', _36 => _36.device, 'optionalAccess', _37 => _37.isMobile]) ? "medium" : "large"}
             is-full-width
             ?disabled=${this.isConnecting}
             ?is-loading=${isLoading}
@@ -443,7 +508,7 @@ var EoaConnectionView = class extends _mixins.withIntlService.call(void 0,
       // Loading state
       pending: () => _lit.html`${this.supportedWalletIds().map(
         () => renderPlaceholder(
-          `w-full ${_optionalChain([this, 'access', _32 => _32.device, 'optionalAccess', _33 => _33.isMobile]) ? "h-10 !rounded-10" : "h-12 !rounded-12"}`
+          `w-full ${_optionalChain([this, 'access', _38 => _38.device, 'optionalAccess', _39 => _39.isMobile]) ? "h-10 !rounded-10" : "h-12 !rounded-12"}`
         )
       )}`,
       // Error state
@@ -511,7 +576,7 @@ var walletConnectDeepLinkUrl = (data, options) => {
       return "";
     }
     const dataUrl = new URL(data);
-    if (_optionalChain([options, 'optionalAccess', _34 => _34.withRedirectUrl])) {
+    if (_optionalChain([options, 'optionalAccess', _40 => _40.withRedirectUrl])) {
       const redirectUrl = new URL(location.href);
       redirectUrl.searchParams.delete("modalTemplate");
       redirectUrl.searchParams.delete("modalSize");
@@ -529,7 +594,7 @@ var walletConnectDeepLinkUrl = (data, options) => {
 };
 
 // src/connect-modal/components/connection-view.ts
-var logInfo2 = _debug2.default.call(void 0, "connect-modal:info");
+var logInfo3 = _debug2.default.call(void 0, "connect-modal:info");
 var ConnectionView = class extends _mixins.withIntlService.call(void 0, 
   _mixins.withDeviceService.call(void 0, ConnectModalBase)
 ) {
@@ -544,8 +609,8 @@ var ConnectionView = class extends _mixins.withIntlService.call(void 0,
     this.handleConnectEmbedded = async () => {
       const connector = this.embeddedWalletConnector;
       try {
-        logInfo2("Connecting via connector:", connector);
-        await _optionalChain([connector, 'optionalAccess', _35 => _35.connect, 'call', _36 => _36()]);
+        logInfo3("Connecting via connector:", connector);
+        await _optionalChain([connector, 'optionalAccess', _41 => _41.connect, 'call', _42 => _42()]);
         this.dispatchEvent(
           new CustomEvent("on-connect", {
             detail: { connector },
@@ -574,9 +639,11 @@ var ConnectionView = class extends _mixins.withIntlService.call(void 0,
       }
       if (connector) {
         try {
-          logInfo2("Connecting via connector:", connector);
+          logInfo3("Connecting via connector:", connector);
           this.isConnecting = true;
           this.connectingRdns = connector.rdns;
+          const setup = getWagmiSetup();
+          await _optionalChain([connector, 'access', _43 => _43.switchChain, 'optionalCall', _44 => _44({ chainId: _optionalChain([setup, 'optionalAccess', _45 => _45.chainId]) })]);
           await connector.connect();
           this.dispatchEvent(
             new CustomEvent("on-connect", {
@@ -606,16 +673,16 @@ var ConnectionView = class extends _mixins.withIntlService.call(void 0,
       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 _optionalChain([connector, 'access', _37 => _37.getProvider, 'optionalCall', _38 => _38()]);
+          const provider = await _optionalChain([connector, 'access', _46 => _46.getProvider, 'optionalCall', _47 => _47()]);
           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 {
@@ -726,7 +793,7 @@ var ConnectionView = class extends _mixins.withIntlService.call(void 0,
     return _lit.html`
       <lukso-button
         variant="secondary"
-        size=${_optionalChain([this, 'access', _39 => _39.device, 'optionalAccess', _40 => _40.isMobile]) ? "medium" : "large"}
+        size=${_optionalChain([this, 'access', _48 => _48.device, 'optionalAccess', _49 => _49.isMobile]) ? "medium" : "large"}
         is-full-width
         ?disabled=${isDisabled}
         ?is-loading=${isLoading}
@@ -735,7 +802,7 @@ var ConnectionView = class extends _mixins.withIntlService.call(void 0,
       >
         <lukso-icon
           name=${iconName}
-          size=${_optionalChain([this, 'access', _41 => _41.device, 'optionalAccess', _42 => _42.isMobile]) ? "small" : "medium"}
+          size=${_optionalChain([this, 'access', _50 => _50.device, 'optionalAccess', _51 => _51.isMobile]) ? "small" : "medium"}
           class="mr-2"
           secondary-color="neutral-100"
         ></lukso-icon>
@@ -761,7 +828,7 @@ var ConnectionView = class extends _mixins.withIntlService.call(void 0,
         this.extensionStore.icon,
         this.formatMessage("connect_modal_connectors_up_browser_extension"),
         this.handleConnectExtension,
-        this.isConnecting && this.connectingRdns === _optionalChain([this, 'access', _43 => _43.upExtensionConnector, 'optionalAccess', _44 => _44.rdns]),
+        this.isConnecting && this.connectingRdns === _optionalChain([this, 'access', _52 => _52.upExtensionConnector, 'optionalAccess', _53 => _53.rdns]),
         this.isConnecting || this.device.isMobile || !this.browserSupportExtension
       )
     );
@@ -809,20 +876,20 @@ var ConnectionView = class extends _mixins.withIntlService.call(void 0,
         <p class="mb-6 paragraph-inter-16-regular">
           ${this.formatMessage("connect_modal_description")}
         </p>
-        <div class="${_tools.cn.call(void 0, "flex w-full gap-2 mb-4", _optionalChain([this, 'access', _45 => _45.device, 'optionalAccess', _46 => _46.isMobile]) ? "flex-col-reverse" : "flex-col")}">
+        <div class="${_tools.cn.call(void 0, "flex w-full gap-2 mb-4", _optionalChain([this, 'access', _54 => _54.device, 'optionalAccess', _55 => _55.isMobile]) ? "flex-col-reverse" : "flex-col")}">
           ${this.renderConnectors()}
         </div>
         ${this.renderDivider()}
         <lukso-button
           variant="secondary"
-          size=${_optionalChain([this, 'access', _47 => _47.device, 'optionalAccess', _48 => _48.isMobile]) ? "medium" : "large"}
+          size=${_optionalChain([this, 'access', _56 => _56.device, 'optionalAccess', _57 => _57.isMobile]) ? "medium" : "large"}
           is-full-width
           ?disabled=${this.isConnecting}
           @click=${this.handleShowEoaConnections}
         >
           <lukso-icon
             name="wallet-outline"
-            size=${_optionalChain([this, 'access', _49 => _49.device, 'optionalAccess', _50 => _50.isMobile]) ? "small" : "medium"}
+            size=${_optionalChain([this, 'access', _58 => _58.device, 'optionalAccess', _59 => _59.isMobile]) ? "small" : "medium"}
             class="mr-2"
           ></lukso-icon>
           ${this.formatMessage("connect_modal_other_connectors")}
@@ -898,7 +965,7 @@ _chunkZBDE64SDcjs.__decorateClass.call(void 0, [
 customElements.define("qr-code-view", QrCodeView);
 
 // src/connect-modal/connect-modal.ts
-var logInfo3 = _debug2.default.call(void 0, "connect-modal:info");
+var logInfo4 = _debug2.default.call(void 0, "connect-modal:info");
 var ConnectModal = class extends _mixins.withDeviceService.call(void 0, ConnectModalBase) {
   constructor() {
     super(...arguments);
@@ -976,9 +1043,9 @@ var ConnectModal = class extends _mixins.withDeviceService.call(void 0, ConnectM
     }
   }
   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."
       );
@@ -986,9 +1053,9 @@ var ConnectModal = class extends _mixins.withDeviceService.call(void 0, ConnectM
       return;
     }
     try {
-      const { wagmiConfig, chainId, embeddedWalletId } = globalWagmiSetup2;
-      const wagmiConnectors = _optionalChain([wagmiConfig, 'optionalAccess', _51 => _51.connectors]) || [];
-      logInfo3("Initial connectors:", wagmiConnectors);
+      const { wagmiConfig, chainId, embeddedWalletId } = globalWagmiSetup;
+      const wagmiConnectors = _optionalChain([wagmiConfig, 'optionalAccess', _60 => _60.connectors]) || [];
+      logInfo4("Initial connectors:", wagmiConnectors);
       const wagmiCore = await Promise.resolve().then(() => _interopRequireWildcard(require("@wagmi/core"))).catch((error) => {
         throw new Error("@wagmi/core is required when using wagmi connectors", {
           cause: error
@@ -1005,7 +1072,7 @@ var ConnectModal = class extends _mixins.withDeviceService.call(void 0, ConnectM
         chainId,
         embeddedWalletId
       );
-      logInfo3("Converted connectors:", this.connectors);
+      logInfo4("Converted connectors:", this.connectors);
     } catch (error) {
       console.warn("Failed to load connectors", error);
       this.connectors = [];
@@ -1019,7 +1086,7 @@ var ConnectModal = class extends _mixins.withDeviceService.call(void 0, ConnectM
   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", {
@@ -1037,7 +1104,7 @@ var ConnectModal = class extends _mixins.withDeviceService.call(void 0, ConnectM
   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 },
@@ -1087,7 +1154,7 @@ var ConnectModal = class extends _mixins.withDeviceService.call(void 0, ConnectM
     return _lit.html`
       <lukso-modal
         ?is-open=${this.open}
-        ?has-bottom-padding=${!!(_optionalChain([this, 'access', _52 => _52.device, 'optionalAccess', _53 => _53.isIOS]) && _optionalChain([this, 'access', _54 => _54.device, 'optionalAccess', _55 => _55.isSafari]))}
+        ?has-bottom-padding=${!!(_optionalChain([this, 'access', _61 => _61.device, 'optionalAccess', _62 => _62.isIOS]) && _optionalChain([this, 'access', _63 => _63.device, 'optionalAccess', _64 => _64.isSafari]))}
         size="auto"
         @on-backdrop-click=${this.handleClose}
       >
@@ -1128,5 +1195,6 @@ customElements.define("connect-modal", ConnectModal);
 
 
 
-exports.ConnectModalBase = ConnectModalBase; exports.fromWagmiConnector = fromWagmiConnector; exports.fromWagmiConnectors = fromWagmiConnectors; exports.setupConnectModal = setupConnectModal; exports.getWagmiSetup = getWagmiSetup; exports.getWagmiAccount = getWagmiAccount; exports.watchWagmiAccount = watchWagmiAccount; exports.disconnectWagmi = disconnectWagmi; exports.ConnectModal = ConnectModal;
-//# sourceMappingURL=chunk-PB7QP3SJ.cjs.map
+
+exports.ConnectModalBase = ConnectModalBase; exports.wagmiService = wagmiService; exports.fromWagmiConnector = fromWagmiConnector; exports.fromWagmiConnectors = fromWagmiConnectors; exports.setupWagmi = setupWagmi; exports.getWagmiSetup = getWagmiSetup; exports.getConnection = getConnection; exports.watchConnection = watchConnection; exports.disconnect = disconnect; exports.ConnectModal = ConnectModal;
+//# sourceMappingURL=chunk-GCYDV7FB.cjs.map