@directcryptopay/sdk 0.2.4 → 0.3.0

package/dist/w3m-modal-BjsTkny7.js

@@ -1,1706 +0,0 @@
-import { df as x, dK as ae, d0 as c, d1 as de, cU as C, cV as L, cX as y, cY as d, d6 as _, cW as ue, cZ as D, cE as g, dh as j, dH as he, dg as V, cF as U, cM as R, d8 as F, c_ as pe, cH as O, dw as z, di as me, dL as fe, dM as we } from "./index-DeL88Lwc.js";
-import { c as w, n as l, r as u, U as ne } from "./index-DuTny38n.js";
-import { o as W } from "./if-defined-k21LutCn.js";
-import "./index-BCkEvPQ6.js";
-import "./index-DFi8TiHc.js";
-import { H as ee } from "./HelpersUtil-DHm6EVSE.js";
-import "./index-B8LkUrww.js";
-import "./index-Cg_o-i9X.js";
-import "./index-BkThIDLX.js";
-import "./index-DLwuveL9.js";
-import { S as be } from "./SwapController-Ch0FFTEt.js";
-import "./index-BmFs6nb7.js";
-const se = {
-  isUnsupportedChainView() {
-    return c.state.view === "UnsupportedChain" || c.state.view === "SwitchNetwork" && c.state.history.includes("UnsupportedChain");
-  },
-  async safeClose() {
-    if (this.isUnsupportedChainView()) {
-      x.shake();
-      return;
-    }
-    if (await ae.isSIWXCloseDisabled()) {
-      x.shake();
-      return;
-    }
-    (c.state.view === "DataCapture" || c.state.view === "DataCaptureOtpConfirm") && de.disconnect(), x.close();
-  }
-}, ge = C`
-  :host {
-    display: block;
-    border-radius: clamp(0px, ${({ borderRadius: e }) => e[8]}, 44px);
-    box-shadow: 0 0 0 1px ${({ tokens: e }) => e.theme.foregroundPrimary};
-    overflow: hidden;
-  }
-`;
-var ye = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let K = class extends y {
-  render() {
-    return d`<slot></slot>`;
-  }
-};
-K.styles = [L, ge];
-K = ye([
-  w("wui-card")
-], K);
-const ve = C`
-  :host {
-    width: 100%;
-  }
-
-  :host > wui-flex {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: ${({ spacing: e }) => e[2]};
-    padding: ${({ spacing: e }) => e[3]};
-    border-radius: ${({ borderRadius: e }) => e[6]};
-    border: 1px solid ${({ tokens: e }) => e.theme.borderPrimary};
-    box-sizing: border-box;
-    background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
-    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
-    color: ${({ tokens: e }) => e.theme.textPrimary};
-  }
-
-  :host > wui-flex[data-type='info'] {
-    .icon-box {
-      background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-
-      wui-icon {
-        color: ${({ tokens: e }) => e.theme.iconDefault};
-      }
-    }
-  }
-  :host > wui-flex[data-type='success'] {
-    .icon-box {
-      background-color: ${({ tokens: e }) => e.core.backgroundSuccess};
-
-      wui-icon {
-        color: ${({ tokens: e }) => e.core.borderSuccess};
-      }
-    }
-  }
-  :host > wui-flex[data-type='warning'] {
-    .icon-box {
-      background-color: ${({ tokens: e }) => e.core.backgroundWarning};
-
-      wui-icon {
-        color: ${({ tokens: e }) => e.core.borderWarning};
-      }
-    }
-  }
-  :host > wui-flex[data-type='error'] {
-    .icon-box {
-      background-color: ${({ tokens: e }) => e.core.backgroundError};
-
-      wui-icon {
-        color: ${({ tokens: e }) => e.core.borderError};
-      }
-    }
-  }
-
-  wui-flex {
-    width: 100%;
-  }
-
-  wui-text {
-    word-break: break-word;
-    flex: 1;
-  }
-
-  .close {
-    cursor: pointer;
-    color: ${({ tokens: e }) => e.theme.iconDefault};
-  }
-
-  .icon-box {
-    height: 40px;
-    width: 40px;
-    border-radius: ${({ borderRadius: e }) => e[2]};
-    background-color: var(--local-icon-bg-value);
-  }
-`;
-var X = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-const xe = {
-  info: "info",
-  success: "checkmark",
-  warning: "warningCircle",
-  error: "warning"
-};
-let N = class extends y {
-  constructor() {
-    super(...arguments), this.message = "", this.type = "info";
-  }
-  render() {
-    return d`
-      <wui-flex
-        data-type=${W(this.type)}
-        flexDirection="row"
-        justifyContent="space-between"
-        alignItems="center"
-        gap="2"
-      >
-        <wui-flex columnGap="2" flexDirection="row" alignItems="center">
-          <wui-flex
-            flexDirection="row"
-            alignItems="center"
-            justifyContent="center"
-            class="icon-box"
-          >
-            <wui-icon color="inherit" size="md" name=${xe[this.type]}></wui-icon>
-          </wui-flex>
-          <wui-text variant="md-medium" color="inherit" data-testid="wui-alertbar-text"
-            >${this.message}</wui-text
-          >
-        </wui-flex>
-        <wui-icon
-          class="close"
-          color="inherit"
-          size="sm"
-          name="close"
-          @click=${this.onClose}
-        ></wui-icon>
-      </wui-flex>
-    `;
-  }
-  onClose() {
-    _.close();
-  }
-};
-N.styles = [L, ve];
-X([
-  l()
-], N.prototype, "message", void 0);
-X([
-  l()
-], N.prototype, "type", void 0);
-N = X([
-  w("wui-alertbar")
-], N);
-const ke = C`
-  :host {
-    display: block;
-    position: absolute;
-    top: ${({ spacing: e }) => e[3]};
-    left: ${({ spacing: e }) => e[4]};
-    right: ${({ spacing: e }) => e[4]};
-    opacity: 0;
-    pointer-events: none;
-  }
-`;
-var le = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-const Ce = {
-  info: {
-    backgroundColor: "fg-350",
-    iconColor: "fg-325",
-    icon: "info"
-  },
-  success: {
-    backgroundColor: "success-glass-reown-020",
-    iconColor: "success-125",
-    icon: "checkmark"
-  },
-  warning: {
-    backgroundColor: "warning-glass-reown-020",
-    iconColor: "warning-100",
-    icon: "warningCircle"
-  },
-  error: {
-    backgroundColor: "error-glass-reown-020",
-    iconColor: "error-125",
-    icon: "warning"
-  }
-};
-let H = class extends y {
-  constructor() {
-    super(), this.unsubscribe = [], this.open = _.state.open, this.onOpen(!0), this.unsubscribe.push(_.subscribeKey("open", (t) => {
-      this.open = t, this.onOpen(!1);
-    }));
-  }
-  disconnectedCallback() {
-    this.unsubscribe.forEach((t) => t());
-  }
-  render() {
-    const { message: t, variant: i } = _.state, r = Ce[i];
-    return d`
-      <wui-alertbar
-        message=${t}
-        backgroundColor=${r == null ? void 0 : r.backgroundColor}
-        iconColor=${r == null ? void 0 : r.iconColor}
-        icon=${r == null ? void 0 : r.icon}
-        type=${i}
-      ></wui-alertbar>
-    `;
-  }
-  onOpen(t) {
-    this.open ? (this.animate([
-      { opacity: 0, transform: "scale(0.85)" },
-      { opacity: 1, transform: "scale(1)" }
-    ], {
-      duration: 150,
-      fill: "forwards",
-      easing: "ease"
-    }), this.style.cssText = "pointer-events: auto") : t || (this.animate([
-      { opacity: 1, transform: "scale(1)" },
-      { opacity: 0, transform: "scale(0.85)" }
-    ], {
-      duration: 150,
-      fill: "forwards",
-      easing: "ease"
-    }), this.style.cssText = "pointer-events: none");
-  }
-};
-H.styles = ke;
-le([
-  u()
-], H.prototype, "open", void 0);
-H = le([
-  w("w3m-alertbar")
-], H);
-const $e = C`
-  button {
-    display: block;
-    display: flex;
-    align-items: center;
-    padding: ${({ spacing: e }) => e[1]};
-    transition: background-color ${({ durations: e }) => e.lg}
-      ${({ easings: e }) => e["ease-out-power-2"]};
-    will-change: background-color;
-    border-radius: ${({ borderRadius: e }) => e[32]};
-  }
-
-  wui-image {
-    border-radius: 100%;
-  }
-
-  wui-text {
-    padding-left: ${({ spacing: e }) => e[1]};
-  }
-
-  .left-icon-container,
-  .right-icon-container {
-    width: 24px;
-    height: 24px;
-    justify-content: center;
-    align-items: center;
-  }
-
-  wui-icon {
-    color: ${({ tokens: e }) => e.theme.iconDefault};
-  }
-
-  /* -- Sizes --------------------------------------------------- */
-  button[data-size='lg'] {
-    height: 32px;
-  }
-
-  button[data-size='md'] {
-    height: 28px;
-  }
-
-  button[data-size='sm'] {
-    height: 24px;
-  }
-
-  button[data-size='lg'] wui-image {
-    width: 24px;
-    height: 24px;
-  }
-
-  button[data-size='md'] wui-image {
-    width: 20px;
-    height: 20px;
-  }
-
-  button[data-size='sm'] wui-image {
-    width: 16px;
-    height: 16px;
-  }
-
-  button[data-size='lg'] .left-icon-container {
-    width: 24px;
-    height: 24px;
-  }
-
-  button[data-size='md'] .left-icon-container {
-    width: 20px;
-    height: 20px;
-  }
-
-  button[data-size='sm'] .left-icon-container {
-    width: 16px;
-    height: 16px;
-  }
-
-  /* -- Variants --------------------------------------------------------- */
-  button[data-type='filled-dropdown'] {
-    background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
-  }
-
-  button[data-type='text-dropdown'] {
-    background-color: transparent;
-  }
-
-  /* -- Focus states --------------------------------------------------- */
-  button:focus-visible:enabled {
-    background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-    box-shadow: 0 0 0 4px ${({ tokens: e }) => e.core.foregroundAccent040};
-  }
-
-  /* -- Hover & Active states ----------------------------------------------------------- */
-  @media (hover: hover) and (pointer: fine) {
-    button:hover:enabled,
-    button:active:enabled {
-      background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-    }
-  }
-
-  /* -- Disabled states --------------------------------------------------- */
-  button:disabled {
-    background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-    opacity: 0.5;
-  }
-`;
-var A = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-const Se = {
-  lg: "lg-regular",
-  md: "md-regular",
-  sm: "sm-regular"
-}, We = {
-  lg: "lg",
-  md: "md",
-  sm: "sm"
-};
-let I = class extends y {
-  constructor() {
-    super(...arguments), this.imageSrc = "", this.text = "", this.size = "lg", this.type = "text-dropdown", this.disabled = !1;
-  }
-  render() {
-    return d`<button ?disabled=${this.disabled} data-size=${this.size} data-type=${this.type}>
-      ${this.imageTemplate()} ${this.textTemplate()}
-      <wui-flex class="right-icon-container">
-        <wui-icon name="chevronBottom"></wui-icon>
-      </wui-flex>
-    </button>`;
-  }
-  textTemplate() {
-    const t = Se[this.size];
-    return this.text ? d`<wui-text color="primary" variant=${t}>${this.text}</wui-text>` : null;
-  }
-  imageTemplate() {
-    if (this.imageSrc)
-      return d`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`;
-    const t = We[this.size];
-    return d` <wui-flex class="left-icon-container">
-      <wui-icon size=${t} name="networkPlaceholder"></wui-icon>
-    </wui-flex>`;
-  }
-};
-I.styles = [L, ue, $e];
-A([
-  l()
-], I.prototype, "imageSrc", void 0);
-A([
-  l()
-], I.prototype, "text", void 0);
-A([
-  l()
-], I.prototype, "size", void 0);
-A([
-  l()
-], I.prototype, "type", void 0);
-A([
-  l({ type: Boolean })
-], I.prototype, "disabled", void 0);
-I = A([
-  w("wui-select")
-], I);
-const Ie = C`
-  :host {
-    height: 60px;
-  }
-
-  :host > wui-flex {
-    box-sizing: border-box;
-    background-color: var(--local-header-background-color);
-  }
-
-  wui-text {
-    background-color: var(--local-header-background-color);
-  }
-
-  wui-flex.w3m-header-title {
-    transform: translateY(0);
-    opacity: 1;
-  }
-
-  wui-flex.w3m-header-title[view-direction='prev'] {
-    animation:
-      slide-down-out 120ms forwards ${({ easings: e }) => e["ease-out-power-2"]},
-      slide-down-in 120ms forwards ${({ easings: e }) => e["ease-out-power-2"]};
-    animation-delay: 0ms, 200ms;
-  }
-
-  wui-flex.w3m-header-title[view-direction='next'] {
-    animation:
-      slide-up-out 120ms forwards ${({ easings: e }) => e["ease-out-power-2"]},
-      slide-up-in 120ms forwards ${({ easings: e }) => e["ease-out-power-2"]};
-    animation-delay: 0ms, 200ms;
-  }
-
-  wui-icon-button[data-hidden='true'] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
-  @keyframes slide-up-out {
-    from {
-      transform: translateY(0px);
-      opacity: 1;
-    }
-    to {
-      transform: translateY(3px);
-      opacity: 0;
-    }
-  }
-
-  @keyframes slide-up-in {
-    from {
-      transform: translateY(-3px);
-      opacity: 0;
-    }
-    to {
-      transform: translateY(0);
-      opacity: 1;
-    }
-  }
-
-  @keyframes slide-down-out {
-    from {
-      transform: translateY(0px);
-      opacity: 1;
-    }
-    to {
-      transform: translateY(-3px);
-      opacity: 0;
-    }
-  }
-
-  @keyframes slide-down-in {
-    from {
-      transform: translateY(3px);
-      opacity: 0;
-    }
-    to {
-      transform: translateY(0);
-      opacity: 1;
-    }
-  }
-`;
-var E = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-const Ee = ["SmartSessionList"], Re = {
-  PayWithExchange: D.tokens.theme.foregroundPrimary
-};
-function te() {
-  var m, b, P, G, q, Z, J, Q;
-  const e = (b = (m = c.state.data) == null ? void 0 : m.connector) == null ? void 0 : b.name, t = (G = (P = c.state.data) == null ? void 0 : P.wallet) == null ? void 0 : G.name, i = (Z = (q = c.state.data) == null ? void 0 : q.network) == null ? void 0 : Z.name, r = t ?? e, a = F.getConnectors(), o = a.length === 1 && ((J = a[0]) == null ? void 0 : J.id) === "w3m-email", n = (Q = g.getAccountData()) == null ? void 0 : Q.socialProvider, s = n ? n.charAt(0).toUpperCase() + n.slice(1) : "Connect Social";
-  return {
-    Connect: `Connect ${o ? "Email" : ""} Wallet`,
-    Create: "Create Wallet",
-    ChooseAccountName: void 0,
-    Account: void 0,
-    AccountSettings: void 0,
-    AllWallets: "All Wallets",
-    ApproveTransaction: "Approve Transaction",
-    BuyInProgress: "Buy",
-    UsageExceeded: "Usage Exceeded",
-    ConnectingExternal: r ?? "Connect Wallet",
-    ConnectingWalletConnect: r ?? "WalletConnect",
-    ConnectingWalletConnectBasic: "WalletConnect",
-    ConnectingSiwe: "Sign In",
-    Convert: "Convert",
-    ConvertSelectToken: "Select token",
-    ConvertPreview: "Preview Convert",
-    Downloads: r ? `Get ${r}` : "Downloads",
-    EmailLogin: "Email Login",
-    EmailVerifyOtp: "Confirm Email",
-    EmailVerifyDevice: "Register Device",
-    GetWallet: "Get a Wallet",
-    Networks: "Choose Network",
-    OnRampProviders: "Choose Provider",
-    OnRampActivity: "Activity",
-    OnRampTokenSelect: "Select Token",
-    OnRampFiatSelect: "Select Currency",
-    Pay: "How you pay",
-    ProfileWallets: "Wallets",
-    SwitchNetwork: i ?? "Switch Network",
-    Transactions: "Activity",
-    UnsupportedChain: "Switch Network",
-    UpgradeEmailWallet: "Upgrade Your Wallet",
-    UpdateEmailWallet: "Edit Email",
-    UpdateEmailPrimaryOtp: "Confirm Current Email",
-    UpdateEmailSecondaryOtp: "Confirm New Email",
-    WhatIsABuy: "What is Buy?",
-    RegisterAccountName: "Choose Name",
-    RegisterAccountNameSuccess: "",
-    WalletReceive: "Receive",
-    WalletCompatibleNetworks: "Compatible Networks",
-    Swap: "Swap",
-    SwapSelectToken: "Select Token",
-    SwapPreview: "Preview Swap",
-    WalletSend: "Send",
-    WalletSendPreview: "Review Send",
-    WalletSendSelectToken: "Select Token",
-    WalletSendConfirmed: "Confirmed",
-    WhatIsANetwork: "What is a network?",
-    WhatIsAWallet: "What is a Wallet?",
-    ConnectWallets: "Connect Wallet",
-    ConnectSocials: "All Socials",
-    ConnectingSocial: s,
-    ConnectingMultiChain: "Select Chain",
-    ConnectingFarcaster: "Farcaster",
-    SwitchActiveChain: "Switch Chain",
-    SmartSessionCreated: void 0,
-    SmartSessionList: "Smart Sessions",
-    SIWXSignMessage: "Sign In",
-    PayLoading: "Payment in Progress",
-    DataCapture: "Profile",
-    DataCaptureOtpConfirm: "Confirm Email",
-    FundWallet: "Fund Wallet",
-    PayWithExchange: "Deposit from Exchange",
-    PayWithExchangeSelectAsset: "Select Asset",
-    SmartAccountSettings: "Smart Account Settings"
-  };
-}
-let k = class extends y {
-  constructor() {
-    super(), this.unsubscribe = [], this.heading = te()[c.state.view], this.network = g.state.activeCaipNetwork, this.networkImage = j.getNetworkImage(this.network), this.showBack = !1, this.prevHistoryLength = 1, this.view = c.state.view, this.viewDirection = "", this.unsubscribe.push(he.subscribeNetworkImages(() => {
-      this.networkImage = j.getNetworkImage(this.network);
-    }), c.subscribeKey("view", (t) => {
-      setTimeout(() => {
-        this.view = t, this.heading = te()[t];
-      }, V.ANIMATION_DURATIONS.HeaderText), this.onViewChange(), this.onHistoryChange();
-    }), g.subscribeKey("activeCaipNetwork", (t) => {
-      this.network = t, this.networkImage = j.getNetworkImage(this.network);
-    }));
-  }
-  disconnectCallback() {
-    this.unsubscribe.forEach((t) => t());
-  }
-  render() {
-    const t = Re[c.state.view] ?? D.tokens.theme.backgroundPrimary;
-    return this.style.setProperty("--local-header-background-color", t), d`
-      <wui-flex
-        .padding=${["0", "4", "0", "4"]}
-        justifyContent="space-between"
-        alignItems="center"
-      >
-        ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()}
-      </wui-flex>
-    `;
-  }
-  onWalletHelp() {
-    U.sendEvent({ type: "track", event: "CLICK_WALLET_HELP" }), c.push("WhatIsAWallet");
-  }
-  async onClose() {
-    await se.safeClose();
-  }
-  rightHeaderTemplate() {
-    var i, r, a;
-    const t = (a = (r = (i = R) == null ? void 0 : i.state) == null ? void 0 : r.features) == null ? void 0 : a.smartSessions;
-    return c.state.view !== "Account" || !t ? this.closeButtonTemplate() : d`<wui-flex>
-      <wui-icon-button
-        icon="clock"
-        size="lg"
-        iconSize="lg"
-        type="neutral"
-        variant="primary"
-        @click=${() => c.push("SmartSessionList")}
-        data-testid="w3m-header-smart-sessions"
-      ></wui-icon-button>
-      ${this.closeButtonTemplate()}
-    </wui-flex> `;
-  }
-  closeButtonTemplate() {
-    return d`
-      <wui-icon-button
-        icon="close"
-        size="lg"
-        type="neutral"
-        variant="primary"
-        iconSize="lg"
-        @click=${this.onClose.bind(this)}
-        data-testid="w3m-header-close"
-      ></wui-icon-button>
-    `;
-  }
-  titleTemplate() {
-    const t = Ee.includes(this.view);
-    return d`
-      <wui-flex
-        view-direction="${this.viewDirection}"
-        class="w3m-header-title"
-        alignItems="center"
-        gap="2"
-      >
-        <wui-text
-          display="inline"
-          variant="lg-regular"
-          color="primary"
-          data-testid="w3m-header-text"
-        >
-          ${this.heading}
-        </wui-text>
-        ${t ? d`<wui-tag variant="accent" size="md">Beta</wui-tag>` : null}
-      </wui-flex>
-    `;
-  }
-  leftHeaderTemplate() {
-    var b;
-    const { view: t } = c.state, i = t === "Connect", r = R.state.enableEmbedded, a = t === "ApproveTransaction", o = t === "ConnectingSiwe", n = t === "Account", s = R.state.enableNetworkSwitch, m = a || o || i && r;
-    return n && s ? d`<wui-select
-        id="dynamic"
-        data-testid="w3m-account-select-network"
-        active-network=${W((b = this.network) == null ? void 0 : b.name)}
-        @click=${this.onNetworks.bind(this)}
-        imageSrc=${W(this.networkImage)}
-      ></wui-select>` : this.showBack && !m ? d`<wui-icon-button
-        data-testid="header-back"
-        id="dynamic"
-        icon="chevronLeft"
-        size="lg"
-        iconSize="lg"
-        type="neutral"
-        variant="primary"
-        @click=${this.onGoBack.bind(this)}
-      ></wui-icon-button>` : d`<wui-icon-button
-      data-hidden=${!i}
-      id="dynamic"
-      icon="helpCircle"
-      size="lg"
-      iconSize="lg"
-      type="neutral"
-      variant="primary"
-      @click=${this.onWalletHelp.bind(this)}
-    ></wui-icon-button>`;
-  }
-  onNetworks() {
-    this.isAllowedNetworkSwitch() && (U.sendEvent({ type: "track", event: "CLICK_NETWORKS" }), c.push("Networks"));
-  }
-  isAllowedNetworkSwitch() {
-    const t = g.getAllRequestedCaipNetworks(), i = t ? t.length > 1 : !1, r = t == null ? void 0 : t.find(({ id: a }) => {
-      var o;
-      return a === ((o = this.network) == null ? void 0 : o.id);
-    });
-    return i || !r;
-  }
-  onViewChange() {
-    const { history: t } = c.state;
-    let i = V.VIEW_DIRECTION.Next;
-    t.length < this.prevHistoryLength && (i = V.VIEW_DIRECTION.Prev), this.prevHistoryLength = t.length, this.viewDirection = i;
-  }
-  async onHistoryChange() {
-    var r;
-    const { history: t } = c.state, i = (r = this.shadowRoot) == null ? void 0 : r.querySelector("#dynamic");
-    t.length > 1 && !this.showBack && i ? (await i.animate([{ opacity: 1 }, { opacity: 0 }], {
-      duration: 200,
-      fill: "forwards",
-      easing: "ease"
-    }).finished, this.showBack = !0, i.animate([{ opacity: 0 }, { opacity: 1 }], {
-      duration: 200,
-      fill: "forwards",
-      easing: "ease"
-    })) : t.length <= 1 && this.showBack && i && (await i.animate([{ opacity: 1 }, { opacity: 0 }], {
-      duration: 200,
-      fill: "forwards",
-      easing: "ease"
-    }).finished, this.showBack = !1, i.animate([{ opacity: 0 }, { opacity: 1 }], {
-      duration: 200,
-      fill: "forwards",
-      easing: "ease"
-    }));
-  }
-  onGoBack() {
-    c.goBack();
-  }
-};
-k.styles = Ie;
-E([
-  u()
-], k.prototype, "heading", void 0);
-E([
-  u()
-], k.prototype, "network", void 0);
-E([
-  u()
-], k.prototype, "networkImage", void 0);
-E([
-  u()
-], k.prototype, "showBack", void 0);
-E([
-  u()
-], k.prototype, "prevHistoryLength", void 0);
-E([
-  u()
-], k.prototype, "view", void 0);
-E([
-  u()
-], k.prototype, "viewDirection", void 0);
-k = E([
-  w("w3m-header")
-], k);
-const Oe = C`
-  :host {
-    display: flex;
-    align-items: center;
-    gap: ${({ spacing: e }) => e[1]};
-    padding: ${({ spacing: e }) => e[2]} ${({ spacing: e }) => e[3]}
-      ${({ spacing: e }) => e[2]} ${({ spacing: e }) => e[2]};
-    border-radius: ${({ borderRadius: e }) => e[20]};
-    background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
-    box-shadow:
-      0px 0px 8px 0px rgba(0, 0, 0, 0.1),
-      inset 0 0 0 1px ${({ tokens: e }) => e.theme.borderPrimary};
-    max-width: 320px;
-  }
-
-  wui-icon-box {
-    border-radius: ${({ borderRadius: e }) => e.round} !important;
-    overflow: hidden;
-  }
-
-  wui-loading-spinner {
-    padding: ${({ spacing: e }) => e[1]};
-    background-color: ${({ tokens: e }) => e.core.foregroundAccent010};
-    border-radius: ${({ borderRadius: e }) => e.round} !important;
-  }
-`;
-var Y = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let T = class extends y {
-  constructor() {
-    super(...arguments), this.message = "", this.variant = "success";
-  }
-  render() {
-    return d`
-      ${this.templateIcon()}
-      <wui-text variant="lg-regular" color="primary" data-testid="wui-snackbar-message"
-        >${this.message}</wui-text
-      >
-    `;
-  }
-  templateIcon() {
-    const t = {
-      success: "success",
-      error: "error",
-      warning: "warning",
-      info: "default"
-    }, i = {
-      success: "checkmark",
-      error: "warning",
-      warning: "warningCircle",
-      info: "info"
-    };
-    return this.variant === "loading" ? d`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>` : d`<wui-icon-box
-      size="md"
-      color=${t[this.variant]}
-      icon=${i[this.variant]}
-    ></wui-icon-box>`;
-  }
-};
-T.styles = [L, Oe];
-Y([
-  l()
-], T.prototype, "message", void 0);
-Y([
-  l()
-], T.prototype, "variant", void 0);
-T = Y([
-  w("wui-snackbar")
-], T);
-const Ae = pe`
-  :host {
-    display: block;
-    position: absolute;
-    opacity: 0;
-    pointer-events: none;
-    top: 11px;
-    left: 50%;
-    width: max-content;
-  }
-`;
-var ce = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let B = class extends y {
-  constructor() {
-    super(), this.unsubscribe = [], this.timeout = void 0, this.open = O.state.open, this.unsubscribe.push(O.subscribeKey("open", (t) => {
-      this.open = t, this.onOpen();
-    }));
-  }
-  disconnectedCallback() {
-    clearTimeout(this.timeout), this.unsubscribe.forEach((t) => t());
-  }
-  render() {
-    const { message: t, variant: i } = O.state;
-    return d` <wui-snackbar message=${t} variant=${i}></wui-snackbar> `;
-  }
-  onOpen() {
-    clearTimeout(this.timeout), this.open ? (this.animate([
-      { opacity: 0, transform: "translateX(-50%) scale(0.85)" },
-      { opacity: 1, transform: "translateX(-50%) scale(1)" }
-    ], {
-      duration: 150,
-      fill: "forwards",
-      easing: "ease"
-    }), this.timeout && clearTimeout(this.timeout), O.state.autoClose && (this.timeout = setTimeout(() => O.hide(), 2500))) : this.animate([
-      { opacity: 1, transform: "translateX(-50%) scale(1)" },
-      { opacity: 0, transform: "translateX(-50%) scale(0.85)" }
-    ], {
-      duration: 150,
-      fill: "forwards",
-      easing: "ease"
-    });
-  }
-};
-B.styles = Ae;
-ce([
-  u()
-], B.prototype, "open", void 0);
-B = ce([
-  w("w3m-snackbar")
-], B);
-const Pe = C`
-  :host {
-    z-index: ${({ tokens: e }) => e.core.zIndex};
-    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: ${({ tokens: e }) => e.theme.overlay};
-    backdrop-filter: blur(0px);
-    transition:
-      opacity ${({ durations: e }) => e.lg} ${({ easings: e }) => e["ease-out-power-2"]},
-      backdrop-filter ${({ durations: e }) => e.lg}
-        ${({ easings: e }) => e["ease-out-power-2"]};
-    will-change: opacity;
-  }
-
-  :host(.open) {
-    opacity: 1;
-    backdrop-filter: blur(8px);
-  }
-
-  :host(.appkit-modal) {
-    position: relative;
-    pointer-events: unset;
-    background: none;
-    width: 100%;
-    opacity: 1;
-  }
-
-  wui-card {
-    max-width: var(--apkt-modal-width);
-    width: 100%;
-    position: relative;
-    outline: none;
-    transform: translateY(4px);
-    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
-    transition:
-      transform ${({ durations: e }) => e.lg}
-        ${({ easings: e }) => e["ease-out-power-2"]},
-      border-radius ${({ durations: e }) => e.lg}
-        ${({ easings: e }) => e["ease-out-power-1"]},
-      background-color ${({ durations: e }) => e.lg}
-        ${({ easings: e }) => e["ease-out-power-1"]},
-      box-shadow ${({ durations: e }) => e.lg}
-        ${({ easings: e }) => e["ease-out-power-1"]};
-    will-change: border-radius, background-color, transform, box-shadow;
-    background-color: ${({ tokens: e }) => e.theme.backgroundPrimary};
-    padding: var(--local-modal-padding);
-    box-sizing: border-box;
-  }
-
-  :host(.open) wui-card {
-    transform: translateY(0px);
-  }
-
-  wui-card::before {
-    z-index: 1;
-    pointer-events: none;
-    content: '';
-    position: absolute;
-    inset: 0;
-    border-radius: clamp(0px, var(--apkt-borderRadius-8), 44px);
-    transition: box-shadow ${({ durations: e }) => e.lg}
-      ${({ easings: e }) => e["ease-out-power-2"]};
-    transition-delay: ${({ durations: e }) => e.md};
-    will-change: box-shadow;
-  }
-
-  :host([data-mobile-fullscreen='true']) wui-card::before {
-    border-radius: 0px;
-  }
-
-  :host([data-border='true']) wui-card::before {
-    box-shadow: inset 0px 0px 0px 4px ${({ tokens: e }) => e.theme.foregroundSecondary};
-  }
-
-  :host([data-border='false']) wui-card::before {
-    box-shadow: inset 0px 0px 0px 1px ${({ tokens: e }) => e.theme.borderPrimaryDark};
-  }
-
-  :host([data-border='true']) wui-card {
-    animation:
-      fade-in ${({ durations: e }) => e.lg} ${({ easings: e }) => e["ease-out-power-2"]},
-      card-background-border var(--apkt-duration-dynamic)
-        ${({ easings: e }) => e["ease-out-power-2"]};
-    animation-fill-mode: backwards, both;
-    animation-delay: var(--apkt-duration-dynamic);
-  }
-
-  :host([data-border='false']) wui-card {
-    animation:
-      fade-in ${({ durations: e }) => e.lg} ${({ easings: e }) => e["ease-out-power-2"]},
-      card-background-default var(--apkt-duration-dynamic)
-        ${({ easings: e }) => e["ease-out-power-2"]};
-    animation-fill-mode: backwards, both;
-    animation-delay: 0s;
-  }
-
-  :host(.appkit-modal) wui-card {
-    max-width: var(--apkt-modal-width);
-  }
-
-  wui-card[shake='true'] {
-    animation:
-      fade-in ${({ durations: e }) => e.lg} ${({ easings: e }) => e["ease-out-power-2"]},
-      w3m-shake ${({ durations: e }) => e.xl}
-        ${({ easings: e }) => e["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(--apkt-spacing-6) 0px;
-    }
-  }
-
-  @media (max-width: 430px) {
-    :host([data-mobile-fullscreen='true']) {
-      height: 100dvh;
-    }
-    :host([data-mobile-fullscreen='true']) wui-flex {
-      align-items: stretch;
-    }
-    :host([data-mobile-fullscreen='true']) wui-card {
-      max-width: 100%;
-      height: 100%;
-      border-radius: 0;
-      border: none;
-    }
-    :host(:not([data-mobile-fullscreen='true'])) wui-flex {
-      align-items: flex-end;
-    }
-
-    :host(:not([data-mobile-fullscreen='true'])) wui-card {
-      max-width: 100%;
-      border-bottom: none;
-    }
-
-    :host(:not([data-mobile-fullscreen='true'])) wui-card[data-embedded='true'] {
-      border-bottom-left-radius: clamp(0px, var(--apkt-borderRadius-8), 44px);
-      border-bottom-right-radius: clamp(0px, var(--apkt-borderRadius-8), 44px);
-    }
-
-    :host(:not([data-mobile-fullscreen='true'])) wui-card:not([data-embedded='true']) {
-      border-bottom-left-radius: 0px;
-      border-bottom-right-radius: 0px;
-    }
-
-    wui-card[shake='true'] {
-      animation: w3m-shake 0.5s ${({ easings: e }) => e["ease-out-power-2"]};
-    }
-  }
-
-  @keyframes fade-in {
-    0% {
-      transform: scale(0.99) translateY(4px);
-    }
-    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 card-background-border {
-    from {
-      background-color: ${({ tokens: e }) => e.theme.backgroundPrimary};
-    }
-    to {
-      background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-    }
-  }
-
-  @keyframes card-background-default {
-    from {
-      background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
-    }
-    to {
-      background-color: ${({ tokens: e }) => e.theme.backgroundPrimary};
-    }
-  }
-`;
-var $ = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-const ie = "scroll-lock", Ne = {
-  PayWithExchange: "0",
-  PayWithExchangeSelectAsset: "0"
-};
-class v extends y {
-  constructor() {
-    super(), this.unsubscribe = [], this.abortController = void 0, this.hasPrefetched = !1, this.enableEmbedded = R.state.enableEmbedded, this.open = x.state.open, this.caipAddress = g.state.activeCaipAddress, this.caipNetwork = g.state.activeCaipNetwork, this.shake = x.state.shake, this.filterByNamespace = F.state.filterByNamespace, this.padding = D.spacing[1], this.mobileFullScreen = R.state.enableMobileFullScreen, this.initializeTheming(), z.prefetchAnalyticsConfig(), this.unsubscribe.push(x.subscribeKey("open", (t) => t ? this.onOpen() : this.onClose()), x.subscribeKey("shake", (t) => this.shake = t), g.subscribeKey("activeCaipNetwork", (t) => this.onNewNetwork(t)), g.subscribeKey("activeCaipAddress", (t) => this.onNewAddress(t)), R.subscribeKey("enableEmbedded", (t) => this.enableEmbedded = t), F.subscribeKey("filterByNamespace", (t) => {
-      var i;
-      this.filterByNamespace !== t && !((i = g.getAccountData(t)) != null && i.caipAddress) && (z.fetchRecommendedWallets(), this.filterByNamespace = t);
-    }), c.subscribeKey("view", () => {
-      this.dataset.border = ee.hasFooter() ? "true" : "false", this.padding = Ne[c.state.view] ?? D.spacing[1];
-    }));
-  }
-  firstUpdated() {
-    if (this.dataset.border = ee.hasFooter() ? "true" : "false", this.mobileFullScreen && this.setAttribute("data-mobile-fullscreen", "true"), this.caipAddress) {
-      if (this.enableEmbedded) {
-        x.close(), this.prefetch();
-        return;
-      }
-      this.onNewAddress(this.caipAddress);
-    }
-    this.open && this.onOpen(), this.enableEmbedded && this.prefetch();
-  }
-  disconnectedCallback() {
-    this.unsubscribe.forEach((t) => t()), this.onRemoveKeyboardListener();
-  }
-  render() {
-    return this.style.setProperty("--local-modal-padding", this.padding), this.enableEmbedded ? d`${this.contentTemplate()}
-        <w3m-tooltip></w3m-tooltip> ` : this.open ? d`
-          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
-            ${this.contentTemplate()}
-          </wui-flex>
-          <w3m-tooltip></w3m-tooltip>
-        ` : null;
-  }
-  contentTemplate() {
-    return d` <wui-card
-      shake="${this.shake}"
-      data-embedded="${W(this.enableEmbedded)}"
-      role="alertdialog"
-      aria-modal="true"
-      tabindex="0"
-      data-testid="w3m-modal-card"
-    >
-      <w3m-header></w3m-header>
-      <w3m-router></w3m-router>
-      <w3m-footer></w3m-footer>
-      <w3m-snackbar></w3m-snackbar>
-      <w3m-alertbar></w3m-alertbar>
-    </wui-card>`;
-  }
-  async onOverlayClick(t) {
-    if (t.target === t.currentTarget) {
-      if (this.mobileFullScreen)
-        return;
-      await this.handleClose();
-    }
-  }
-  async handleClose() {
-    await se.safeClose();
-  }
-  initializeTheming() {
-    const { themeVariables: t, themeMode: i } = me.state, r = ne.getColorTheme(i);
-    fe(t, r);
-  }
-  onClose() {
-    this.open = !1, this.classList.remove("open"), this.onScrollUnlock(), O.hide(), this.onRemoveKeyboardListener();
-  }
-  onOpen() {
-    this.open = !0, this.classList.add("open"), this.onScrollLock(), this.onAddKeyboardListener();
-  }
-  onScrollLock() {
-    const t = document.createElement("style");
-    t.dataset.w3m = ie, t.textContent = `
-      body {
-        touch-action: none;
-        overflow: hidden;
-        overscroll-behavior: contain;
-      }
-      w3m-modal {
-        pointer-events: auto;
-      }
-    `, document.head.appendChild(t);
-  }
-  onScrollUnlock() {
-    const t = document.head.querySelector(`style[data-w3m="${ie}"]`);
-    t && t.remove();
-  }
-  onAddKeyboardListener() {
-    var i;
-    this.abortController = new AbortController();
-    const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("wui-card");
-    t == null || t.focus(), window.addEventListener("keydown", (r) => {
-      if (r.key === "Escape")
-        this.handleClose();
-      else if (r.key === "Tab") {
-        const { tagName: a } = r.target;
-        a && !a.includes("W3M-") && !a.includes("WUI-") && (t == null || t.focus());
-      }
-    }, this.abortController);
-  }
-  onRemoveKeyboardListener() {
-    var t;
-    (t = this.abortController) == null || t.abort(), this.abortController = void 0;
-  }
-  async onNewAddress(t) {
-    const i = g.state.isSwitchingNamespace, r = c.state.view === "ProfileWallets";
-    !t && !i && !r && x.close(), await ae.initializeIfEnabled(t), this.caipAddress = t, g.setIsSwitchingNamespace(!1);
-  }
-  onNewNetwork(t) {
-    var b, P;
-    const i = this.caipNetwork, r = (b = i == null ? void 0 : i.caipNetworkId) == null ? void 0 : b.toString(), a = (P = t == null ? void 0 : t.caipNetworkId) == null ? void 0 : P.toString(), o = r !== a, n = c.state.view === "UnsupportedChain", s = x.state.open;
-    let m = !1;
-    this.enableEmbedded && c.state.view === "SwitchNetwork" && (m = !0), o && be.resetState(), s && n && (m = !0), m && c.state.view !== "SIWXSignMessage" && c.goBack(), this.caipNetwork = t;
-  }
-  prefetch() {
-    this.hasPrefetched || (z.prefetch(), z.fetchWalletsByPage({ page: 1 }), this.hasPrefetched = !0);
-  }
-}
-v.styles = Pe;
-$([
-  l({ type: Boolean })
-], v.prototype, "enableEmbedded", void 0);
-$([
-  u()
-], v.prototype, "open", void 0);
-$([
-  u()
-], v.prototype, "caipAddress", void 0);
-$([
-  u()
-], v.prototype, "caipNetwork", void 0);
-$([
-  u()
-], v.prototype, "shake", void 0);
-$([
-  u()
-], v.prototype, "filterByNamespace", void 0);
-$([
-  u()
-], v.prototype, "padding", void 0);
-$([
-  u()
-], v.prototype, "mobileFullScreen", void 0);
-let oe = class extends v {
-};
-oe = $([
-  w("w3m-modal")
-], oe);
-let re = class extends v {
-};
-re = $([
-  w("appkit-modal")
-], re);
-const Te = C`
-  .icon-box {
-    width: 64px;
-    height: 64px;
-    border-radius: ${({ borderRadius: e }) => e[5]};
-    background-color: ${({ colors: e }) => e.semanticError010};
-  }
-`;
-var ze = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let M = class extends y {
-  constructor() {
-    super();
-  }
-  render() {
-    return d`
-      <wui-flex
-        flexDirection="column"
-        alignItems="center"
-        gap="4"
-        .padding="${["1", "3", "4", "3"]}"
-      >
-        <wui-flex justifyContent="center" alignItems="center" class="icon-box">
-          <wui-icon size="xxl" color="error" name="warningCircle"></wui-icon>
-        </wui-flex>
-
-        <wui-text variant="lg-medium" color="primary" align="center">
-          The app isn't responding as expected
-        </wui-text>
-        <wui-text variant="md-regular" color="secondary" align="center">
-          Try again or reach out to the app team for help.
-        </wui-text>
-
-        <wui-button
-          variant="neutral-secondary"
-          size="md"
-          @click=${this.onTryAgainClick.bind(this)}
-          data-testid="w3m-usage-exceeded-button"
-        >
-          <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon>
-          Try Again
-        </wui-button>
-      </wui-flex>
-    `;
-  }
-  onTryAgainClick() {
-    c.goBack();
-  }
-};
-M.styles = Te;
-M = ze([
-  w("w3m-usage-exceeded-view")
-], M);
-const _e = C`
-  :host {
-    width: 100%;
-  }
-`;
-var p = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-let h = class extends y {
-  constructor() {
-    super(...arguments), this.hasImpressionSent = !1, this.walletImages = [], this.imageSrc = "", this.name = "", this.size = "md", this.tabIdx = void 0, this.disabled = !1, this.showAllWallets = !1, this.loading = !1, this.loadingSpinnerColor = "accent-100", this.rdnsId = "", this.displayIndex = void 0, this.walletRank = void 0, this.namespaces = [];
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.cleanupIntersectionObserver();
-  }
-  updated(t) {
-    super.updated(t), (t.has("name") || t.has("imageSrc") || t.has("walletRank")) && (this.hasImpressionSent = !1), t.has("walletRank") && this.walletRank && !this.intersectionObserver && this.setupIntersectionObserver();
-  }
-  setupIntersectionObserver() {
-    this.intersectionObserver = new IntersectionObserver((t) => {
-      t.forEach((i) => {
-        i.isIntersecting && !this.loading && !this.hasImpressionSent && this.sendImpressionEvent();
-      });
-    }, { threshold: 0.1 }), this.intersectionObserver.observe(this);
-  }
-  cleanupIntersectionObserver() {
-    this.intersectionObserver && (this.intersectionObserver.disconnect(), this.intersectionObserver = void 0);
-  }
-  sendImpressionEvent() {
-    !this.name || this.hasImpressionSent || !this.walletRank || (this.hasImpressionSent = !0, (this.rdnsId || this.name) && U.sendWalletImpressionEvent({
-      name: this.name,
-      walletRank: this.walletRank,
-      rdnsId: this.rdnsId,
-      view: c.state.view,
-      displayIndex: this.displayIndex
-    }));
-  }
-  handleGetWalletNamespaces() {
-    return Object.keys(we.state.adapters).length > 1 ? this.namespaces : [];
-  }
-  render() {
-    return d`
-      <wui-list-wallet
-        .walletImages=${this.walletImages}
-        imageSrc=${W(this.imageSrc)}
-        name=${this.name}
-        size=${W(this.size)}
-        tagLabel=${W(this.tagLabel)}
-        .tagVariant=${this.tagVariant}
-        .walletIcon=${this.walletIcon}
-        .tabIdx=${this.tabIdx}
-        .disabled=${this.disabled}
-        .showAllWallets=${this.showAllWallets}
-        .loading=${this.loading}
-        loadingSpinnerColor=${this.loadingSpinnerColor}
-        .namespaces=${this.handleGetWalletNamespaces()}
-      ></wui-list-wallet>
-    `;
-  }
-};
-h.styles = _e;
-p([
-  l({ type: Array })
-], h.prototype, "walletImages", void 0);
-p([
-  l()
-], h.prototype, "imageSrc", void 0);
-p([
-  l()
-], h.prototype, "name", void 0);
-p([
-  l()
-], h.prototype, "size", void 0);
-p([
-  l()
-], h.prototype, "tagLabel", void 0);
-p([
-  l()
-], h.prototype, "tagVariant", void 0);
-p([
-  l()
-], h.prototype, "walletIcon", void 0);
-p([
-  l()
-], h.prototype, "tabIdx", void 0);
-p([
-  l({ type: Boolean })
-], h.prototype, "disabled", void 0);
-p([
-  l({ type: Boolean })
-], h.prototype, "showAllWallets", void 0);
-p([
-  l({ type: Boolean })
-], h.prototype, "loading", void 0);
-p([
-  l({ type: String })
-], h.prototype, "loadingSpinnerColor", void 0);
-p([
-  l()
-], h.prototype, "rdnsId", void 0);
-p([
-  l()
-], h.prototype, "displayIndex", void 0);
-p([
-  l()
-], h.prototype, "walletRank", void 0);
-p([
-  l({ type: Array })
-], h.prototype, "namespaces", void 0);
-h = p([
-  w("w3m-list-wallet")
-], h);
-const De = C`
-  :host {
-    --local-duration-height: 0s;
-    --local-duration: ${({ durations: e }) => e.lg};
-    --local-transition: ${({ easings: e }) => e["ease-out-power-2"]};
-  }
-
-  .container {
-    display: block;
-    overflow: hidden;
-    overflow: hidden;
-    position: relative;
-    height: var(--local-container-height);
-    transition: height var(--local-duration-height) var(--local-transition);
-    will-change: height, padding-bottom;
-  }
-
-  .container[data-mobile-fullscreen='true'] {
-    overflow: scroll;
-  }
-
-  .page {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: auto;
-    width: inherit;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    background-color: ${({ tokens: e }) => e.theme.backgroundPrimary};
-    border-bottom-left-radius: var(--local-border-bottom-radius);
-    border-bottom-right-radius: var(--local-border-bottom-radius);
-    transition: border-bottom-left-radius var(--local-duration) var(--local-transition);
-  }
-
-  .page[data-mobile-fullscreen='true'] {
-    height: 100%;
-  }
-
-  .page-content {
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-  }
-
-  .footer {
-    height: var(--apkt-footer-height);
-  }
-
-  div.page[view-direction^='prev-'] .page-content {
-    animation:
-      slide-left-out var(--local-duration) forwards var(--local-transition),
-      slide-left-in var(--local-duration) forwards var(--local-transition);
-    animation-delay: 0ms, var(--local-duration, ${({ durations: e }) => e.lg});
-  }
-
-  div.page[view-direction^='next-'] .page-content {
-    animation:
-      slide-right-out var(--local-duration) forwards var(--local-transition),
-      slide-right-in var(--local-duration) forwards var(--local-transition);
-    animation-delay: 0ms, var(--local-duration, ${({ durations: e }) => e.lg});
-  }
-
-  @keyframes slide-left-out {
-    from {
-      transform: translateX(0px) scale(1);
-      opacity: 1;
-      filter: blur(0px);
-    }
-    to {
-      transform: translateX(8px) scale(0.99);
-      opacity: 0;
-      filter: blur(4px);
-    }
-  }
-
-  @keyframes slide-left-in {
-    from {
-      transform: translateX(-8px) scale(0.99);
-      opacity: 0;
-      filter: blur(4px);
-    }
-    to {
-      transform: translateX(0) translateY(0) scale(1);
-      opacity: 1;
-      filter: blur(0px);
-    }
-  }
-
-  @keyframes slide-right-out {
-    from {
-      transform: translateX(0px) scale(1);
-      opacity: 1;
-      filter: blur(0px);
-    }
-    to {
-      transform: translateX(-8px) scale(0.99);
-      opacity: 0;
-      filter: blur(4px);
-    }
-  }
-
-  @keyframes slide-right-in {
-    from {
-      transform: translateX(8px) scale(0.99);
-      opacity: 0;
-      filter: blur(4px);
-    }
-    to {
-      transform: translateX(0) translateY(0) scale(1);
-      opacity: 1;
-      filter: blur(0px);
-    }
-  }
-`;
-var S = function(e, t, i, r) {
-  var a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, i, r);
-  else for (var s = e.length - 1; s >= 0; s--) (n = e[s]) && (o = (a < 3 ? n(o) : a > 3 ? n(t, i, o) : n(t, i)) || o);
-  return a > 3 && o && Object.defineProperty(t, i, o), o;
-};
-const He = 60;
-let f = class extends y {
-  constructor() {
-    super(...arguments), this.resizeObserver = void 0, this.transitionDuration = "0.15s", this.transitionFunction = "", this.history = "", this.view = "", this.setView = void 0, this.viewDirection = "", this.historyState = "", this.previousHeight = "0px", this.mobileFullScreen = R.state.enableMobileFullScreen, this.onViewportResize = () => {
-      this.updateContainerHeight();
-    };
-  }
-  updated(t) {
-    if (t.has("history")) {
-      const i = this.history;
-      this.historyState !== "" && this.historyState !== i && this.onViewChange(i);
-    }
-    t.has("transitionDuration") && this.style.setProperty("--local-duration", this.transitionDuration), t.has("transitionFunction") && this.style.setProperty("--local-transition", this.transitionFunction);
-  }
-  firstUpdated() {
-    var t;
-    this.transitionFunction && this.style.setProperty("--local-transition", this.transitionFunction), this.style.setProperty("--local-duration", this.transitionDuration), this.historyState = this.history, this.resizeObserver = new ResizeObserver((i) => {
-      var r;
-      for (const a of i)
-        if (a.target === this.getWrapper()) {
-          let o = a.contentRect.height;
-          const n = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--apkt-footer-height") || "0");
-          if (this.mobileFullScreen) {
-            const s = ((r = window.visualViewport) == null ? void 0 : r.height) || window.innerHeight, m = this.getHeaderHeight();
-            o = s - m - n, this.style.setProperty("--local-border-bottom-radius", "0px");
-          } else
-            o = o + n, this.style.setProperty("--local-border-bottom-radius", n ? "var(--apkt-borderRadius-5)" : "0px");
-          this.style.setProperty("--local-container-height", `${o}px`), this.previousHeight !== "0px" && this.style.setProperty("--local-duration-height", this.transitionDuration), this.previousHeight = `${o}px`;
-        }
-    }), this.resizeObserver.observe(this.getWrapper()), this.updateContainerHeight(), window.addEventListener("resize", this.onViewportResize), (t = window.visualViewport) == null || t.addEventListener("resize", this.onViewportResize);
-  }
-  disconnectedCallback() {
-    var i;
-    const t = this.getWrapper();
-    t && this.resizeObserver && this.resizeObserver.unobserve(t), window.removeEventListener("resize", this.onViewportResize), (i = window.visualViewport) == null || i.removeEventListener("resize", this.onViewportResize);
-  }
-  render() {
-    return d`
-      <div class="container" data-mobile-fullscreen="${W(this.mobileFullScreen)}">
-        <div
-          class="page"
-          data-mobile-fullscreen="${W(this.mobileFullScreen)}"
-          view-direction="${this.viewDirection}"
-        >
-          <div class="page-content">
-            <slot></slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-  onViewChange(t) {
-    const i = t.split(",").filter(Boolean), r = this.historyState.split(",").filter(Boolean), a = r.length, o = i.length, n = i[i.length - 1] || "", s = ne.cssDurationToNumber(this.transitionDuration);
-    let m = "";
-    o > a ? m = "next" : o < a ? m = "prev" : o === a && i[o - 1] !== r[a - 1] && (m = "next"), this.viewDirection = `${m}-${n}`, setTimeout(() => {
-      var b;
-      this.historyState = t, (b = this.setView) == null || b.call(this, n);
-    }, s), setTimeout(() => {
-      this.viewDirection = "";
-    }, s * 2);
-  }
-  getWrapper() {
-    var t;
-    return (t = this.shadowRoot) == null ? void 0 : t.querySelector("div.page");
-  }
-  updateContainerHeight() {
-    var a;
-    const t = this.getWrapper();
-    if (!t)
-      return;
-    const i = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--apkt-footer-height") || "0");
-    let r = 0;
-    if (this.mobileFullScreen) {
-      const o = ((a = window.visualViewport) == null ? void 0 : a.height) || window.innerHeight, n = this.getHeaderHeight();
-      r = o - n - i, this.style.setProperty("--local-border-bottom-radius", "0px");
-    } else
-      r = t.getBoundingClientRect().height + i, this.style.setProperty("--local-border-bottom-radius", i ? "var(--apkt-borderRadius-5)" : "0px");
-    this.style.setProperty("--local-container-height", `${r}px`), this.previousHeight !== "0px" && this.style.setProperty("--local-duration-height", this.transitionDuration), this.previousHeight = `${r}px`;
-  }
-  getHeaderHeight() {
-    return He;
-  }
-};
-f.styles = [De];
-S([
-  l({ type: String })
-], f.prototype, "transitionDuration", void 0);
-S([
-  l({ type: String })
-], f.prototype, "transitionFunction", void 0);
-S([
-  l({ type: String })
-], f.prototype, "history", void 0);
-S([
-  l({ type: String })
-], f.prototype, "view", void 0);
-S([
-  l({ attribute: !1 })
-], f.prototype, "setView", void 0);
-S([
-  u()
-], f.prototype, "viewDirection", void 0);
-S([
-  u()
-], f.prototype, "historyState", void 0);
-S([
-  u()
-], f.prototype, "previousHeight", void 0);
-S([
-  u()
-], f.prototype, "mobileFullScreen", void 0);
-f = S([
-  w("w3m-router-container")
-], f);
-export {
-  re as AppKitModal,
-  h as W3mListWallet,
-  oe as W3mModal,
-  v as W3mModalBase,
-  f as W3mRouterContainer,
-  M as W3mUsageExceededView
-};