@multiversx/sdk-dapp-liquidity 0.2.0-alpha.1

package/w3m-modal-DCcF1qEB.js

@@ -0,0 +1,356 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./index-cvy2-uZ_.js");
+const styles = index.i`
+  :host {
+    z-index: var(--w3m-z-index);
+    display: block;
+    backface-visibility: hidden;
+    will-change: opacity;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    opacity: 0;
+    background-color: var(--wui-cover);
+    transition: opacity 0.2s var(--wui-ease-out-power-2);
+    will-change: opacity;
+  }
+
+  :host(.open) {
+    opacity: 1;
+  }
+
+  :host(.embedded) {
+    position: relative;
+    pointer-events: unset;
+    background: none;
+    width: 100%;
+    opacity: 1;
+  }
+
+  wui-card {
+    max-width: var(--w3m-modal-width);
+    width: 100%;
+    position: relative;
+    animation: zoom-in 0.2s var(--wui-ease-out-power-2);
+    animation-fill-mode: backwards;
+    outline: none;
+    transition:
+      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
+      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
+    will-change: border-radius, background-color;
+  }
+
+  :host(.embedded) wui-card {
+    max-width: 400px;
+  }
+
+  wui-card[shake='true'] {
+    animation:
+      zoom-in 0.2s var(--wui-ease-out-power-2),
+      w3m-shake 0.5s var(--wui-ease-out-power-2);
+  }
+
+  wui-flex {
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  @media (max-height: 700px) and (min-width: 431px) {
+    wui-flex {
+      align-items: flex-start;
+    }
+
+    wui-card {
+      margin: var(--wui-spacing-xxl) 0px;
+    }
+  }
+
+  @media (max-width: 430px) {
+    wui-flex {
+      align-items: flex-end;
+    }
+
+    wui-card {
+      max-width: 100%;
+      border-bottom-left-radius: var(--local-border-bottom-mobile-radius);
+      border-bottom-right-radius: var(--local-border-bottom-mobile-radius);
+      border-bottom: none;
+      animation: slide-in 0.2s var(--wui-ease-out-power-2);
+    }
+
+    wui-card[shake='true'] {
+      animation:
+        slide-in 0.2s var(--wui-ease-out-power-2),
+        w3m-shake 0.5s var(--wui-ease-out-power-2);
+    }
+  }
+
+  @keyframes zoom-in {
+    0% {
+      transform: scale(0.95) translateY(0);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes slide-in {
+    0% {
+      transform: scale(1) translateY(50px);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes w3m-shake {
+    0% {
+      transform: scale(1) rotate(0deg);
+    }
+    20% {
+      transform: scale(1) rotate(-1deg);
+    }
+    40% {
+      transform: scale(1) rotate(1.5deg);
+    }
+    60% {
+      transform: scale(1) rotate(-1.5deg);
+    }
+    80% {
+      transform: scale(1) rotate(1deg);
+    }
+    100% {
+      transform: scale(1) rotate(0deg);
+    }
+  }
+
+  @keyframes w3m-view-height {
+    from {
+      height: var(--prev-height);
+    }
+    to {
+      height: var(--new-height);
+    }
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const SCROLL_LOCK = "scroll-lock";
+exports.W3mModal = class W3mModal extends index.r {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.abortController = void 0;
+    this.hasPrefetched = false;
+    this.enableEmbedded = index.OptionsController.state.enableEmbedded;
+    this.open = index.ModalController.state.open;
+    this.caipAddress = index.ChainController.state.activeCaipAddress;
+    this.caipNetwork = index.ChainController.state.activeCaipNetwork;
+    this.shake = index.ModalController.state.shake;
+    this.initializeTheming();
+    index.ApiController.prefetchAnalyticsConfig();
+    this.unsubscribe.push(...[
+      index.ModalController.subscribeKey("open", (val) => val ? this.onOpen() : this.onClose()),
+      index.ModalController.subscribeKey("shake", (val) => this.shake = val),
+      index.ChainController.subscribeKey("activeCaipNetwork", (val) => this.onNewNetwork(val)),
+      index.ChainController.subscribeKey("activeCaipAddress", (val) => this.onNewAddress(val)),
+      index.OptionsController.subscribeKey("enableEmbedded", (val) => this.enableEmbedded = val)
+    ]);
+  }
+  firstUpdated() {
+    var _a, _b;
+    index.AssetUtil.fetchNetworkImage((_b = (_a = this.caipNetwork) == null ? void 0 : _a.assets) == null ? void 0 : _b.imageId);
+    if (this.caipAddress) {
+      if (this.enableEmbedded) {
+        index.ModalController.close();
+        this.prefetch();
+        return;
+      }
+      this.onNewAddress(this.caipAddress);
+    }
+    if (this.open) {
+      this.onOpen();
+    }
+    if (this.enableEmbedded) {
+      this.prefetch();
+    }
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+    this.onRemoveKeyboardListener();
+  }
+  render() {
+    this.style.cssText = `
+      --local-border-bottom-mobile-radius: ${this.enableEmbedded ? "clamp(0px, var(--wui-border-radius-l), 44px)" : "0px"};
+    `;
+    if (this.enableEmbedded) {
+      return index.x`${this.contentTemplate()}
+        <w3m-tooltip></w3m-tooltip> `;
+    }
+    return this.open ? index.x`
+          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
+            ${this.contentTemplate()}
+          </wui-flex>
+          <w3m-tooltip></w3m-tooltip>
+        ` : null;
+  }
+  contentTemplate() {
+    return index.x` <wui-card
+      shake="${this.shake}"
+      data-embedded="${index.o(this.enableEmbedded)}"
+      role="alertdialog"
+      aria-modal="true"
+      tabindex="0"
+      data-testid="w3m-modal-card"
+    >
+      <w3m-header></w3m-header>
+      <w3m-router></w3m-router>
+      <w3m-snackbar></w3m-snackbar>
+      <w3m-alertbar></w3m-alertbar>
+    </wui-card>`;
+  }
+  async onOverlayClick(event) {
+    if (event.target === event.currentTarget) {
+      await this.handleClose();
+    }
+  }
+  async handleClose() {
+    const isUnsupportedChain = index.RouterController.state.view === "UnsupportedChain";
+    if (isUnsupportedChain || await index.SIWXUtil.isSIWXCloseDisabled()) {
+      index.ModalController.shake();
+    } else {
+      index.ModalController.close();
+    }
+  }
+  initializeTheming() {
+    const { themeVariables, themeMode } = index.ThemeController.state;
+    const defaultThemeMode = index.UiHelperUtil.getColorTheme(themeMode);
+    index.initializeTheming(themeVariables, defaultThemeMode);
+  }
+  onClose() {
+    this.open = false;
+    this.classList.remove("open");
+    this.onScrollUnlock();
+    index.SnackController.hide();
+    this.onRemoveKeyboardListener();
+  }
+  onOpen() {
+    this.prefetch();
+    this.open = true;
+    this.classList.add("open");
+    this.onScrollLock();
+    this.onAddKeyboardListener();
+  }
+  onScrollLock() {
+    const styleTag = document.createElement("style");
+    styleTag.dataset["w3m"] = SCROLL_LOCK;
+    styleTag.textContent = `
+      body {
+        touch-action: none;
+        overflow: hidden;
+        overscroll-behavior: contain;
+      }
+      w3m-modal {
+        pointer-events: auto;
+      }
+    `;
+    document.head.appendChild(styleTag);
+  }
+  onScrollUnlock() {
+    const styleTag = document.head.querySelector(`style[data-w3m="${SCROLL_LOCK}"]`);
+    if (styleTag) {
+      styleTag.remove();
+    }
+  }
+  onAddKeyboardListener() {
+    var _a;
+    this.abortController = new AbortController();
+    const card = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("wui-card");
+    card == null ? void 0 : card.focus();
+    window.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        this.handleClose();
+      } else if (event.key === "Tab") {
+        const { tagName } = event.target;
+        if (tagName && !tagName.includes("W3M-") && !tagName.includes("WUI-")) {
+          card == null ? void 0 : card.focus();
+        }
+      }
+    }, this.abortController);
+  }
+  onRemoveKeyboardListener() {
+    var _a;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.abortController = void 0;
+  }
+  async onNewAddress(caipAddress) {
+    const isSwitchingNamespace = index.ChainController.state.isSwitchingNamespace;
+    const nextConnected = index.CoreHelperUtil.getPlainAddress(caipAddress);
+    const isDisconnectedInSameNamespace = !nextConnected && !isSwitchingNamespace;
+    const isSwitchingNamespaceAndConnected = isSwitchingNamespace && nextConnected;
+    if (isDisconnectedInSameNamespace) {
+      index.ModalController.close();
+    } else if (isSwitchingNamespaceAndConnected) {
+      index.RouterController.goBack();
+    }
+    await index.SIWXUtil.initializeIfEnabled();
+    this.caipAddress = caipAddress;
+    index.ChainController.setIsSwitchingNamespace(false);
+  }
+  onNewNetwork(nextCaipNetwork) {
+    var _a, _b, _c, _d, _e;
+    index.AssetUtil.fetchNetworkImage((_a = nextCaipNetwork == null ? void 0 : nextCaipNetwork.assets) == null ? void 0 : _a.imageId);
+    const prevCaipNetworkId = (_c = (_b = this.caipNetwork) == null ? void 0 : _b.caipNetworkId) == null ? void 0 : _c.toString();
+    const nextNetworkId = (_d = nextCaipNetwork == null ? void 0 : nextCaipNetwork.caipNetworkId) == null ? void 0 : _d.toString();
+    const networkChanged = prevCaipNetworkId && nextNetworkId && prevCaipNetworkId !== nextNetworkId;
+    const isSwitchingNamespace = index.ChainController.state.isSwitchingNamespace;
+    const isUnsupportedNetwork = ((_e = this.caipNetwork) == null ? void 0 : _e.name) === index.ConstantsUtil.UNSUPPORTED_NETWORK_NAME;
+    const isConnectingExternal = index.RouterController.state.view === "ConnectingExternal";
+    const isNotConnected = !this.caipAddress;
+    const isNetworkChangedInSameNamespace = networkChanged && !isUnsupportedNetwork && !isSwitchingNamespace;
+    const isUnsupportedNetworkScreen = index.RouterController.state.view === "UnsupportedChain";
+    if (!isConnectingExternal && (isNotConnected || isUnsupportedNetworkScreen || isNetworkChangedInSameNamespace)) {
+      index.RouterController.goBack();
+    }
+    this.caipNetwork = nextCaipNetwork;
+  }
+  prefetch() {
+    if (!this.hasPrefetched) {
+      this.hasPrefetched = true;
+      index.ApiController.prefetch();
+    }
+  }
+};
+exports.W3mModal.styles = styles;
+__decorate([
+  index.n({ type: Boolean })
+], exports.W3mModal.prototype, "enableEmbedded", void 0);
+__decorate([
+  index.r$1()
+], exports.W3mModal.prototype, "open", void 0);
+__decorate([
+  index.r$1()
+], exports.W3mModal.prototype, "caipAddress", void 0);
+__decorate([
+  index.r$1()
+], exports.W3mModal.prototype, "caipNetwork", void 0);
+__decorate([
+  index.r$1()
+], exports.W3mModal.prototype, "shake", void 0);
+exports.W3mModal = __decorate([
+  index.customElement("w3m-modal")
+], exports.W3mModal);

package/w3m-modal-DK3G5GJp.mjs

@@ -0,0 +1,356 @@
+import { aF as i, aG as r, aH as OptionsController, aI as ModalController, aA as ChainController, aJ as ApiController, aK as AssetUtil, aL as x, aM as o, aN as RouterController, aO as SIWXUtil, aP as ThemeController, U as UiHelperUtil, i as initializeTheming, aQ as SnackController, aC as CoreHelperUtil, aR as ConstantsUtil, aS as n, aT as r$1, c as customElement } from "./index-DSnomXRI.mjs";
+const styles = i`
+  :host {
+    z-index: var(--w3m-z-index);
+    display: block;
+    backface-visibility: hidden;
+    will-change: opacity;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    opacity: 0;
+    background-color: var(--wui-cover);
+    transition: opacity 0.2s var(--wui-ease-out-power-2);
+    will-change: opacity;
+  }
+
+  :host(.open) {
+    opacity: 1;
+  }
+
+  :host(.embedded) {
+    position: relative;
+    pointer-events: unset;
+    background: none;
+    width: 100%;
+    opacity: 1;
+  }
+
+  wui-card {
+    max-width: var(--w3m-modal-width);
+    width: 100%;
+    position: relative;
+    animation: zoom-in 0.2s var(--wui-ease-out-power-2);
+    animation-fill-mode: backwards;
+    outline: none;
+    transition:
+      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
+      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
+    will-change: border-radius, background-color;
+  }
+
+  :host(.embedded) wui-card {
+    max-width: 400px;
+  }
+
+  wui-card[shake='true'] {
+    animation:
+      zoom-in 0.2s var(--wui-ease-out-power-2),
+      w3m-shake 0.5s var(--wui-ease-out-power-2);
+  }
+
+  wui-flex {
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  @media (max-height: 700px) and (min-width: 431px) {
+    wui-flex {
+      align-items: flex-start;
+    }
+
+    wui-card {
+      margin: var(--wui-spacing-xxl) 0px;
+    }
+  }
+
+  @media (max-width: 430px) {
+    wui-flex {
+      align-items: flex-end;
+    }
+
+    wui-card {
+      max-width: 100%;
+      border-bottom-left-radius: var(--local-border-bottom-mobile-radius);
+      border-bottom-right-radius: var(--local-border-bottom-mobile-radius);
+      border-bottom: none;
+      animation: slide-in 0.2s var(--wui-ease-out-power-2);
+    }
+
+    wui-card[shake='true'] {
+      animation:
+        slide-in 0.2s var(--wui-ease-out-power-2),
+        w3m-shake 0.5s var(--wui-ease-out-power-2);
+    }
+  }
+
+  @keyframes zoom-in {
+    0% {
+      transform: scale(0.95) translateY(0);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes slide-in {
+    0% {
+      transform: scale(1) translateY(50px);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes w3m-shake {
+    0% {
+      transform: scale(1) rotate(0deg);
+    }
+    20% {
+      transform: scale(1) rotate(-1deg);
+    }
+    40% {
+      transform: scale(1) rotate(1.5deg);
+    }
+    60% {
+      transform: scale(1) rotate(-1.5deg);
+    }
+    80% {
+      transform: scale(1) rotate(1deg);
+    }
+    100% {
+      transform: scale(1) rotate(0deg);
+    }
+  }
+
+  @keyframes w3m-view-height {
+    from {
+      height: var(--prev-height);
+    }
+    to {
+      height: var(--new-height);
+    }
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+const SCROLL_LOCK = "scroll-lock";
+let W3mModal = class W3mModal2 extends r {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.abortController = void 0;
+    this.hasPrefetched = false;
+    this.enableEmbedded = OptionsController.state.enableEmbedded;
+    this.open = ModalController.state.open;
+    this.caipAddress = ChainController.state.activeCaipAddress;
+    this.caipNetwork = ChainController.state.activeCaipNetwork;
+    this.shake = ModalController.state.shake;
+    this.initializeTheming();
+    ApiController.prefetchAnalyticsConfig();
+    this.unsubscribe.push(...[
+      ModalController.subscribeKey("open", (val) => val ? this.onOpen() : this.onClose()),
+      ModalController.subscribeKey("shake", (val) => this.shake = val),
+      ChainController.subscribeKey("activeCaipNetwork", (val) => this.onNewNetwork(val)),
+      ChainController.subscribeKey("activeCaipAddress", (val) => this.onNewAddress(val)),
+      OptionsController.subscribeKey("enableEmbedded", (val) => this.enableEmbedded = val)
+    ]);
+  }
+  firstUpdated() {
+    var _a, _b;
+    AssetUtil.fetchNetworkImage((_b = (_a = this.caipNetwork) == null ? void 0 : _a.assets) == null ? void 0 : _b.imageId);
+    if (this.caipAddress) {
+      if (this.enableEmbedded) {
+        ModalController.close();
+        this.prefetch();
+        return;
+      }
+      this.onNewAddress(this.caipAddress);
+    }
+    if (this.open) {
+      this.onOpen();
+    }
+    if (this.enableEmbedded) {
+      this.prefetch();
+    }
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+    this.onRemoveKeyboardListener();
+  }
+  render() {
+    this.style.cssText = `
+      --local-border-bottom-mobile-radius: ${this.enableEmbedded ? "clamp(0px, var(--wui-border-radius-l), 44px)" : "0px"};
+    `;
+    if (this.enableEmbedded) {
+      return x`${this.contentTemplate()}
+        <w3m-tooltip></w3m-tooltip> `;
+    }
+    return this.open ? x`
+          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
+            ${this.contentTemplate()}
+          </wui-flex>
+          <w3m-tooltip></w3m-tooltip>
+        ` : null;
+  }
+  contentTemplate() {
+    return x` <wui-card
+      shake="${this.shake}"
+      data-embedded="${o(this.enableEmbedded)}"
+      role="alertdialog"
+      aria-modal="true"
+      tabindex="0"
+      data-testid="w3m-modal-card"
+    >
+      <w3m-header></w3m-header>
+      <w3m-router></w3m-router>
+      <w3m-snackbar></w3m-snackbar>
+      <w3m-alertbar></w3m-alertbar>
+    </wui-card>`;
+  }
+  async onOverlayClick(event) {
+    if (event.target === event.currentTarget) {
+      await this.handleClose();
+    }
+  }
+  async handleClose() {
+    const isUnsupportedChain = RouterController.state.view === "UnsupportedChain";
+    if (isUnsupportedChain || await SIWXUtil.isSIWXCloseDisabled()) {
+      ModalController.shake();
+    } else {
+      ModalController.close();
+    }
+  }
+  initializeTheming() {
+    const { themeVariables, themeMode } = ThemeController.state;
+    const defaultThemeMode = UiHelperUtil.getColorTheme(themeMode);
+    initializeTheming(themeVariables, defaultThemeMode);
+  }
+  onClose() {
+    this.open = false;
+    this.classList.remove("open");
+    this.onScrollUnlock();
+    SnackController.hide();
+    this.onRemoveKeyboardListener();
+  }
+  onOpen() {
+    this.prefetch();
+    this.open = true;
+    this.classList.add("open");
+    this.onScrollLock();
+    this.onAddKeyboardListener();
+  }
+  onScrollLock() {
+    const styleTag = document.createElement("style");
+    styleTag.dataset["w3m"] = SCROLL_LOCK;
+    styleTag.textContent = `
+      body {
+        touch-action: none;
+        overflow: hidden;
+        overscroll-behavior: contain;
+      }
+      w3m-modal {
+        pointer-events: auto;
+      }
+    `;
+    document.head.appendChild(styleTag);
+  }
+  onScrollUnlock() {
+    const styleTag = document.head.querySelector(`style[data-w3m="${SCROLL_LOCK}"]`);
+    if (styleTag) {
+      styleTag.remove();
+    }
+  }
+  onAddKeyboardListener() {
+    var _a;
+    this.abortController = new AbortController();
+    const card = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("wui-card");
+    card == null ? void 0 : card.focus();
+    window.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        this.handleClose();
+      } else if (event.key === "Tab") {
+        const { tagName } = event.target;
+        if (tagName && !tagName.includes("W3M-") && !tagName.includes("WUI-")) {
+          card == null ? void 0 : card.focus();
+        }
+      }
+    }, this.abortController);
+  }
+  onRemoveKeyboardListener() {
+    var _a;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.abortController = void 0;
+  }
+  async onNewAddress(caipAddress) {
+    const isSwitchingNamespace = ChainController.state.isSwitchingNamespace;
+    const nextConnected = CoreHelperUtil.getPlainAddress(caipAddress);
+    const isDisconnectedInSameNamespace = !nextConnected && !isSwitchingNamespace;
+    const isSwitchingNamespaceAndConnected = isSwitchingNamespace && nextConnected;
+    if (isDisconnectedInSameNamespace) {
+      ModalController.close();
+    } else if (isSwitchingNamespaceAndConnected) {
+      RouterController.goBack();
+    }
+    await SIWXUtil.initializeIfEnabled();
+    this.caipAddress = caipAddress;
+    ChainController.setIsSwitchingNamespace(false);
+  }
+  onNewNetwork(nextCaipNetwork) {
+    var _a, _b, _c, _d, _e;
+    AssetUtil.fetchNetworkImage((_a = nextCaipNetwork == null ? void 0 : nextCaipNetwork.assets) == null ? void 0 : _a.imageId);
+    const prevCaipNetworkId = (_c = (_b = this.caipNetwork) == null ? void 0 : _b.caipNetworkId) == null ? void 0 : _c.toString();
+    const nextNetworkId = (_d = nextCaipNetwork == null ? void 0 : nextCaipNetwork.caipNetworkId) == null ? void 0 : _d.toString();
+    const networkChanged = prevCaipNetworkId && nextNetworkId && prevCaipNetworkId !== nextNetworkId;
+    const isSwitchingNamespace = ChainController.state.isSwitchingNamespace;
+    const isUnsupportedNetwork = ((_e = this.caipNetwork) == null ? void 0 : _e.name) === ConstantsUtil.UNSUPPORTED_NETWORK_NAME;
+    const isConnectingExternal = RouterController.state.view === "ConnectingExternal";
+    const isNotConnected = !this.caipAddress;
+    const isNetworkChangedInSameNamespace = networkChanged && !isUnsupportedNetwork && !isSwitchingNamespace;
+    const isUnsupportedNetworkScreen = RouterController.state.view === "UnsupportedChain";
+    if (!isConnectingExternal && (isNotConnected || isUnsupportedNetworkScreen || isNetworkChangedInSameNamespace)) {
+      RouterController.goBack();
+    }
+    this.caipNetwork = nextCaipNetwork;
+  }
+  prefetch() {
+    if (!this.hasPrefetched) {
+      this.hasPrefetched = true;
+      ApiController.prefetch();
+    }
+  }
+};
+W3mModal.styles = styles;
+__decorate([
+  n({ type: Boolean })
+], W3mModal.prototype, "enableEmbedded", void 0);
+__decorate([
+  r$1()
+], W3mModal.prototype, "open", void 0);
+__decorate([
+  r$1()
+], W3mModal.prototype, "caipAddress", void 0);
+__decorate([
+  r$1()
+], W3mModal.prototype, "caipNetwork", void 0);
+__decorate([
+  r$1()
+], W3mModal.prototype, "shake", void 0);
+W3mModal = __decorate([
+  customElement("w3m-modal")
+], W3mModal);
+export {
+  W3mModal
+};