@reown/appkit-cdn 1.5.2 → 1.5.3-ae9267.0

package/dist/{appkit-D9celFkq.js → appkit-DHkto8Mc.js}

@@ -4392,7 +4392,8 @@ const SafeLocalStorageKeys = {
   CONNECTED_SOCIAL_USERNAME: "@appkit/connected_social_username",
   RECENT_WALLETS: "@appkit/recent_wallets",
   DEEPLINK_CHOICE: "WALLETCONNECT_DEEPLINK_CHOICE",
-  CONNECTED_NAMESPACE: "@appkit/connected_namespace"
+  CONNECTED_NAMESPACE: "@appkit/connected_namespace",
+  CONNECTION_STATUS: "@appkit/connection_status"
 };
 const SafeLocalStorage = {
   setItem(key2, value) {
@@ -12573,11 +12574,15 @@ const state$d = proxy({
   tokenBalance: [],
   smartAccountDeployed: false,
   addressLabels: /* @__PURE__ */ new Map(),
-  allAccounts: []
+  allAccounts: [],
+  status: "connecting"
 });
 const AccountController = {
   state: state$d,
   replaceState(newState) {
+    if (newState == null ? void 0 : newState.status) {
+      console.log(">>> AccountController replaceState", newState.status);
+    }
     if (!newState) {
       return;
     }
@@ -12604,7 +12609,10 @@ const AccountController = {
     }, chain);
   },
   setStatus(status, chain) {
-    ChainController.setAccountProp("status", status, chain);
+    console.log(">>> AccountController.setStatus", status, chain);
+    if (chain) {
+      ChainController.setAccountProp("status", status, chain);
+    }
   },
   getCaipAddress(chain) {
     return ChainController.getAccountProp("caipAddress", chain);
@@ -78633,7 +78641,7 @@ async function call$2(client, args) {
     return { data: response };
   } catch (err) {
     const data3 = getRevertErrorData$1(err);
-    const { offchainLookup: offchainLookup2, offchainLookupSignature: offchainLookupSignature2 } = await import("./ccip-Bu0xcFjJ.js");
+    const { offchainLookup: offchainLookup2, offchainLookupSignature: offchainLookupSignature2 } = await import("./ccip-B1C6yJtl.js");
     if (client.ccipRead !== false && (data3 == null ? void 0 : data3.slice(0, 10)) === offchainLookupSignature2 && to2)
       return { data: await offchainLookup2(client, { data: data3, to: to2 }) };
     if (deploylessCall && (data3 == null ? void 0 : data3.slice(0, 10)) === "0x101bb98d")
@@ -82872,6 +82880,9 @@ class AdapterBlueprint {
       return true;
     });
   }
+  setStatus(status, chainNamespace) {
+    AccountController.setStatus(status, chainNamespace);
+  }
   /**
    * Adds an event listener for a specific event.
    * @template T
@@ -94052,7 +94063,8 @@ class AppKit {
         caipAddress: ChainController.state.activeCaipAddress,
         address: CoreHelperUtil.getPlainAddress(ChainController.state.activeCaipAddress),
         isConnected: Boolean(ChainController.state.activeCaipAddress),
-        status: AccountController.state.status
+        status: AccountController.state.status,
+        loading: true
       });
     }
     ChainController.subscribe(updateVal);
@@ -94168,7 +94180,7 @@ class AppKit {
         if (options.siwx) {
           throw new Error("Cannot set both `siweConfig` and `siwx` options");
         }
-        const siwe = await import("./index-CQ4PM1mj.js");
+        const siwe = await import("./index-3Fnnlfyo.js");
         if (typeof siwe.mapToSIWX !== "function") {
           throw new Error("Please update the `@reown/appkit-siwe` package to the latest version");
         }
@@ -94210,12 +94222,14 @@ class AppKit {
     this.connectionControllerClient = {
       connectWalletConnect: async (onUri) => {
         var _a3, _b2, _c, _d, _e2, _f2, _g;
-        const adapter = this.getAdapter(ChainController.state.activeChain);
+        const namespace = ChainController.state.activeChain;
+        const adapter = this.getAdapter(namespace);
         (_a3 = this.universalProvider) == null ? void 0 : _a3.on("display_uri", (uri2) => {
           onUri(uri2);
         });
         this.setClientId(await ((_e2 = (_d = (_c = (_b2 = this.universalProvider) == null ? void 0 : _b2.client) == null ? void 0 : _c.core) == null ? void 0 : _d.crypto) == null ? void 0 : _e2.getClientId()) || null);
         let isAuthenticated = false;
+        this.setStatus("connecting", namespace);
         if (this.universalProvider) {
           const chains = ((_f2 = this.caipNetworks) == null ? void 0 : _f2.map((network) => network.caipNetworkId)) || [];
           isAuthenticated = await SIWXUtil.universalProviderAuthenticate({
@@ -94240,6 +94254,8 @@ class AppKit {
           }
         }
         const adapter = chain ? this.getAdapter(chain) : this.getAdapter(ChainController.state.activeChain);
+        console.log(">> Setting connecting");
+        this.setStatus("connecting", chain);
         const res = await (adapter == null ? void 0 : adapter.connect({
           id,
           info,
@@ -94597,9 +94613,19 @@ class AppKit {
     }
   }
   listenAdapter(chainNamespace) {
+    console.log(">>> LISTEN ADAPTER", chainNamespace);
     const adapter = this.getAdapter(chainNamespace);
+    if (!ChainController.state.activeCaipAddress && ChainController.state.activeChain === chainNamespace) {
+      AccountController.setStatus("disconnected", chainNamespace);
+    }
+    adapter == null ? void 0 : adapter.on("statusChanged", (status) => {
+      if (ChainController.state.activeChain === chainNamespace) {
+        AccountController.setStatus(status, chainNamespace);
+      }
+    });
     adapter == null ? void 0 : adapter.on("switchNetwork", ({ address, chainId }) => {
       var _a3;
+      console.log(">>> SWITCH NETWORK", { address, chainId });
       if (chainId && ((_a3 = this.caipNetworks) == null ? void 0 : _a3.find((n6) => n6.id === chainId))) {
         if (ChainController.state.activeChain === chainNamespace && address) {
           this.syncAccount({ address, chainId, chainNamespace });
@@ -94827,22 +94853,24 @@ class AppKit {
     var _a3, _b2, _c, _d, _e2, _f2;
     const connectedConnector = SafeLocalStorage.getItem(SafeLocalStorageKeys.CONNECTED_CONNECTOR);
     const connectedNamespace = SafeLocalStorage.getItem(SafeLocalStorageKeys.CONNECTED_NAMESPACE);
-    if (connectedConnector === ConstantsUtil$1.CONNECTOR_TYPE_WALLET_CONNECT && connectedNamespace) {
-      this.syncWalletConnectAccount();
-    } else if (connectedConnector && connectedConnector !== ConstantsUtil$1.CONNECTOR_TYPE_W3M_AUTH && connectedNamespace) {
-      const adapter = this.getAdapter(connectedNamespace);
-      const res = await (adapter == null ? void 0 : adapter.syncConnection({
-        id: connectedConnector,
-        chainId: (_a3 = this.getCaipNetwork()) == null ? void 0 : _a3.id,
-        namespace: connectedNamespace,
-        rpcUrl: (_e2 = (_d = (_c = (_b2 = this.getCaipNetwork()) == null ? void 0 : _b2.rpcUrls) == null ? void 0 : _c.default) == null ? void 0 : _d.http) == null ? void 0 : _e2[0]
-      }));
-      if (res) {
-        this.syncProvider({ ...res, chainNamespace: connectedNamespace });
-        await this.syncAccount({ ...res, chainNamespace: connectedNamespace });
-      }
-      if (!((_f2 = this.caipNetworks) == null ? void 0 : _f2.some((network) => network.id === (res == null ? void 0 : res.chainId)))) {
-        ChainController.showUnsupportedChainUI();
+    if (connectedConnector && connectedNamespace) {
+      if (connectedConnector === ConstantsUtil$1.CONNECTOR_TYPE_WALLET_CONNECT) {
+        this.syncWalletConnectAccount();
+      } else if (connectedConnector !== ConstantsUtil$1.CONNECTOR_TYPE_W3M_AUTH) {
+        const adapter = this.getAdapter(connectedNamespace);
+        const res = await (adapter == null ? void 0 : adapter.syncConnection({
+          id: connectedConnector,
+          chainId: (_a3 = this.getCaipNetwork()) == null ? void 0 : _a3.id,
+          namespace: connectedNamespace,
+          rpcUrl: (_e2 = (_d = (_c = (_b2 = this.getCaipNetwork()) == null ? void 0 : _b2.rpcUrls) == null ? void 0 : _c.default) == null ? void 0 : _d.http) == null ? void 0 : _e2[0]
+        }));
+        if (res) {
+          this.syncProvider({ ...res, chainNamespace: connectedNamespace });
+          await this.syncAccount({ ...res, chainNamespace: connectedNamespace });
+        }
+        if (!((_f2 = this.caipNetworks) == null ? void 0 : _f2.some((network) => network.id === (res == null ? void 0 : res.chainId)))) {
+          ChainController.showUnsupportedChainUI();
+        }
       }
     }
   }
@@ -94964,8 +94992,8 @@ class AppKit {
       isInitialized = true;
       this.initPromise = new Promise(async (resolve) => {
         await Promise.all([
-          import("./index-Dko7m4kW.js"),
-          import("./w3m-modal-B7fyRh_i.js")
+          import("./index-Cm2CSIXA.js"),
+          import("./w3m-modal-io78w94T.js")
         ]);
         const modal = document.createElement("w3m-modal");
         if (!OptionsController.state.disableAppend) {
@@ -94977,7 +95005,7 @@ class AppKit {
     return this.initPromise;
   }
 }
-const PACKAGE_VERSION = "1.5.2";
+const PACKAGE_VERSION = "1.5.1";
 var __decorate$1J = function(decorators, target, key2, desc) {
   var c2 = arguments.length, r4 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key2) : desc, d4;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
@@ -108385,7 +108413,6 @@ let W3mConnectFeaturedWidget = class W3mConnectFeaturedWidget2 extends r$3 {
       <wui-flex flexDirection="column" gap="xs">
         ${wallets2.map((wallet) => x`
             <wui-list-wallet
-              data-testid=${`wallet-selector-featured-${wallet.id}`}
               imageSrc=${o$2(AssetUtil.getWalletImage(wallet))}
               name=${wallet.name ?? "Unknown"}
               @click=${() => this.onConnectWallet(wallet)}
@@ -108569,14 +108596,13 @@ let W3mConnectExternalWidget = class W3mConnectExternalWidget2 extends r$3 {
   }
   render() {
     const externalConnectors = this.connectors.filter((connector) => connector.type === "EXTERNAL");
-    const filteredOutCoinbaseConnectors = externalConnectors.filter((connector) => connector.id !== "coinbaseWalletSDK");
-    if (!(filteredOutCoinbaseConnectors == null ? void 0 : filteredOutCoinbaseConnectors.length)) {
+    if (!(externalConnectors == null ? void 0 : externalConnectors.length)) {
       this.style.cssText = `display: none`;
       return null;
     }
     return x`
       <wui-flex flexDirection="column" gap="xs">
-        ${filteredOutCoinbaseConnectors.map((connector) => x`
+        ${externalConnectors.map((connector) => x`
             <wui-list-wallet
               imageSrc=${o$2(AssetUtil.getConnectorImage(connector))}
               .installed=${true}
@@ -112021,7 +112047,7 @@ function version4$1(parameters) {
     async getProvider() {
       if (!walletProvider) {
         const CoinbaseWalletSDK = await (async () => {
-          const { default: SDK } = await import("./index-DOllEQlm.js").then((n6) => n6.i);
+          const { default: SDK } = await import("./index-CIU-jQwT.js").then((n6) => n6.i);
           if (typeof SDK !== "function" && typeof SDK.default === "function")
             return SDK.default;
           return SDK;
@@ -112200,7 +112226,7 @@ function version3$1(parameters) {
       var _a3;
       if (!walletProvider) {
         const CoinbaseWalletSDK = await (async () => {
-          const { default: SDK } = await import("./index-DPB1iTjw.js").then((n6) => n6.i);
+          const { default: SDK } = await import("./index-DX-8Em4k.js").then((n6) => n6.i);
           if (typeof SDK !== "function" && typeof SDK.default === "function")
             return SDK.default;
           return SDK;
@@ -113120,7 +113146,6 @@ class WagmiAdapter extends AdapterBlueprint {
     this.adapterType = "wagmi";
     this.namespace = ConstantsUtil$3.CHAIN.EVM;
     this.createConfig({
-      ...configParams,
       networks: CaipNetworksUtil.extendCaipNetworks(configParams.networks, {
         projectId: configParams.projectId,
         customNetworkImageUrls: {}
@@ -113157,8 +113182,12 @@ class WagmiAdapter extends AdapterBlueprint {
     });
   }
   setupWatchers() {
+    const initialAccountData = getAccount$1(this.wagmiConfig);
+    console.log(">>> STATUSX1:", initialAccountData.status);
     watchAccount$1(this.wagmiConfig, {
       onChange: (accountData) => {
+        console.log(">>> STATUSX2:", accountData.status);
+        this.emit("statusChanged", accountData.status);
         if (accountData.address) {
           this.emit("accountChanged", {
             address: accountData.address,
@@ -113175,7 +113204,9 @@ class WagmiAdapter extends AdapterBlueprint {
     });
     watchConnections$1(this.wagmiConfig, {
       onChange: (connections) => {
+        console.log(">>> WATCH CONNECTIONS", connections);
         if (connections.length === 0) {
+          this.emit("statusChanged", "disconnected");
           this.emit("disconnect");
         }
       }
@@ -133734,7 +133765,7 @@ async function getWebSocketRpcClient(url, options = {}) {
   const { keepAlive, reconnect: reconnect2 } = options;
   return getSocketRpcClient({
     async getSocket({ onClose, onError, onOpen, onResponse }) {
-      const WebSocket2 = await import("./native-luhFo4rc.js").then((module) => module.WebSocket);
+      const WebSocket2 = await import("./native-B46sctEM.js").then((module) => module.WebSocket);
       const socket = new WebSocket2(url);
       function onClose_() {
         onClose();
@@ -139870,7 +139901,7 @@ function version4(parameters) {
     async getProvider() {
       if (!walletProvider) {
         const CoinbaseWalletSDK = await (async () => {
-          const { default: SDK } = await import("./index-DOllEQlm.js").then((n6) => n6.i);
+          const { default: SDK } = await import("./index-CIU-jQwT.js").then((n6) => n6.i);
           if (typeof SDK !== "function" && typeof SDK.default === "function")
             return SDK.default;
           return SDK;
@@ -140049,7 +140080,7 @@ function version3(parameters) {
       var _a3;
       if (!walletProvider) {
         const CoinbaseWalletSDK = await (async () => {
-          const { default: SDK } = await import("./index-DPB1iTjw.js").then((n6) => n6.i);
+          const { default: SDK } = await import("./index-DX-8Em4k.js").then((n6) => n6.i);
           if (typeof SDK !== "function" && typeof SDK.default === "function")
             return SDK.default;
           return SDK;
@@ -140255,7 +140286,7 @@ function metaMask(parameters = {}) {
     async getProvider() {
       async function initProvider() {
         const MetaMaskSDK = await (async () => {
-          const { default: SDK } = await import("./metamask-sdk-0eqrTifD.js").then((n6) => n6.m);
+          const { default: SDK } = await import("./metamask-sdk-Drtq2ifM.js").then((n6) => n6.m);
           if (typeof SDK !== "function" && typeof SDK.default === "function")
             return SDK.default;
           return SDK;
@@ -140486,14 +140517,14 @@ function safe(parameters = {}) {
       if (!isIframe)
         return;
       if (!provider_) {
-        const { default: SDK } = await import("./index-DWN1JCRB.js");
+        const { default: SDK } = await import("./index-BNZWM068.js");
         const sdk = new SDK(parameters);
         const safe2 = await withTimeout(() => sdk.safe.getInfo(), {
           timeout: parameters.unstable_getInfoTimeout ?? 10
         });
         if (!safe2)
           throw new Error("Could not load Safe information");
-        const { SafeAppProvider } = await import("./index-BPNhaViM.js").then((n6) => n6.i);
+        const { SafeAppProvider } = await import("./index-CHez94ii.js").then((n6) => n6.i);
         provider_ = new SafeAppProvider(safe2, sdk);
       }
       return provider_;
@@ -140662,7 +140693,7 @@ function walletConnect(parameters) {
         const optionalChains = config2.chains.map((x3) => x3.id);
         if (!optionalChains.length)
           return;
-        const { EthereumProvider } = await import("./index.es-Cz2md885.js");
+        const { EthereumProvider } = await import("./index.es-CsP-xqkA.js");
         return await EthereumProvider.init({
           ...parameters,
           disableProviderPing: true,
@@ -140902,7 +140933,7 @@ export {
   WuiConnectButton as P,
   Qf as Q,
   RouterController as R,
-  SIWXUtil as S,
+  StorageUtil as S,
   TransactionUtil as T,
   UiHelperUtil as U,
   Vi as V,
@@ -140912,7 +140943,7 @@ export {
   WuiDetailsGroup as Z,
   WuiDetailsGroupItem as _,
   subscribe as a,
-  getDefaultExportFromCjs$2 as a$,
+  eventemitter3Exports as a$,
   WuiEmailInput as a0,
   WuiEnsInput as a1,
   WuiIconBox as a2,
@@ -140945,11 +140976,11 @@ export {
   WuiGrid as aT,
   WuiSeparator as aU,
   ApiController as aV,
-  ThemeController as aW,
-  Buffer$7 as aX,
-  sha_jsExports as aY,
-  commonjsGlobal as aZ,
-  eventemitter3Exports as a_,
+  SIWXUtil as aW,
+  ThemeController as aX,
+  Buffer$7 as aY,
+  sha_jsExports as aZ,
+  commonjsGlobal as a_,
   WuiTransactionListItemLoader as aa,
   WuiListWallet as ab,
   WuiLogoSelect as ac,
@@ -140976,56 +141007,57 @@ export {
   WuiListWalletTransaction as ax,
   WuiPromo as ay,
   WuiBalance as az,
-  r$3 as b,
-  bnExports as b0,
-  eventsExports as b1,
-  getAugmentedNamespace as b2,
-  process$1 as b3,
-  require_stream_readable$1 as b4,
-  require_stream_writable$1 as b5,
-  require_stream_duplex$1 as b6,
-  _stream_transform$1 as b7,
-  _stream_passthrough$1 as b8,
-  endOfStream as b9,
-  browser$2 as bA,
-  createAppKit as bB,
-  networks as bC,
-  WagmiAdapter as bD,
-  SolanaAdapter as bE,
-  index$3 as bF,
-  index as bG,
-  index$1 as bH,
-  pipeline_1 as ba,
-  BaseError$3 as bb,
-  keccak256$1 as bc,
-  concat$1 as bd,
-  encodeAbiParameters$1 as be,
-  toHex$1 as bf,
-  numberToHex$1 as bg,
-  isAddress$1 as bh,
-  InvalidAddressError$1 as bi,
-  size$5 as bj,
-  BytesSizeMismatchError$1 as bk,
-  stringToHex$1 as bl,
-  bytesToHex$2 as bm,
-  encodeFunctionData$1 as bn,
-  Wo as bo,
-  Ev as bp,
-  Nr$1 as bq,
-  er$1 as br,
-  getUrl$1 as bs,
-  stringify$3 as bt,
-  decodeErrorResult$1 as bu,
-  call$2 as bv,
-  HttpRequestError$1 as bw,
-  isHex$1 as bx,
-  global$1 as by,
-  snapshot$1 as bz,
-  customElement as c,
-  SnackController as d,
-  ConnectionController as e,
-  r$1 as f,
-  CoreHelperUtil as g,
+  CoreHelperUtil as b,
+  getDefaultExportFromCjs$2 as b0,
+  bnExports as b1,
+  eventsExports as b2,
+  getAugmentedNamespace as b3,
+  process$1 as b4,
+  require_stream_readable$1 as b5,
+  require_stream_writable$1 as b6,
+  require_stream_duplex$1 as b7,
+  _stream_transform$1 as b8,
+  _stream_passthrough$1 as b9,
+  snapshot$1 as bA,
+  browser$2 as bB,
+  createAppKit as bC,
+  networks as bD,
+  WagmiAdapter as bE,
+  SolanaAdapter as bF,
+  index$3 as bG,
+  index as bH,
+  index$1 as bI,
+  endOfStream as ba,
+  pipeline_1 as bb,
+  BaseError$3 as bc,
+  keccak256$1 as bd,
+  concat$1 as be,
+  encodeAbiParameters$1 as bf,
+  toHex$1 as bg,
+  numberToHex$1 as bh,
+  isAddress$1 as bi,
+  InvalidAddressError$1 as bj,
+  size$5 as bk,
+  BytesSizeMismatchError$1 as bl,
+  stringToHex$1 as bm,
+  bytesToHex$2 as bn,
+  encodeFunctionData$1 as bo,
+  Wo as bp,
+  Ev as bq,
+  Nr$1 as br,
+  er$1 as bs,
+  getUrl$1 as bt,
+  stringify$3 as bu,
+  decodeErrorResult$1 as bv,
+  call$2 as bw,
+  HttpRequestError$1 as bx,
+  isHex$1 as by,
+  global$1 as bz,
+  ConnectionController as c,
+  r$3 as d,
+  customElement as e,
+  SnackController as f,
+  r$1 as g,
   Wf as h,
   i$5 as i,
   b as j,
@@ -141046,4 +141078,4 @@ export {
   WuiShimmer as y,
   WuiText as z
 };
-//# sourceMappingURL=appkit-D9celFkq.js.map
+//# sourceMappingURL=appkit-DHkto8Mc.js.map