@prohetamine/redstone 0.0.1

package/dist/w3m-modal-DhomfjKU.js

@@ -0,0 +1,891 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CjZQCcwG.js"),k=require("./index-a8mS2Eh1.js"),B=require("./SwapController-4lzoYsYr.js"),D={isUnsupportedChainView(){return t.RouterController.state.view==="UnsupportedChain"||t.RouterController.state.view==="SwitchNetwork"&&t.RouterController.state.history.includes("UnsupportedChain")},async safeClose(){if(this.isUnsupportedChainView()){t.ModalController.shake();return}if(await t.SIWXUtil.isSIWXCloseDisabled()){t.ModalController.shake();return}(t.RouterController.state.view==="DataCapture"||t.RouterController.state.view==="DataCaptureOtpConfirm")&&t.ConnectionController.disconnect(),t.ModalController.close()}},j=t.css`
+  :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 U=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};let W=class extends t.i{render(){return t.b`<slot></slot>`}};W.styles=[t.resetStyles,j];W=U([t.customElement("wui-card")],W);const V=t.css`
+  :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 R=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};const M={info:"info",success:"checkmark",warning:"warningCircle",error:"warning"};let v=class extends t.i{constructor(){super(...arguments),this.message="",this.type="info"}render(){return t.b`
+      <wui-flex
+        data-type=${t.o(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=${M[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(){t.AlertController.close()}};v.styles=[t.resetStyles,V];R([t.n()],v.prototype,"message",void 0);R([t.n()],v.prototype,"type",void 0);v=R([t.customElement("wui-alertbar")],v);const F=t.css`
+  :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 L=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};const K={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 $=class extends t.i{constructor(){super(),this.unsubscribe=[],this.open=t.AlertController.state.open,this.onOpen(!0),this.unsubscribe.push(t.AlertController.subscribeKey("open",o=>{this.open=o,this.onOpen(!1)}))}disconnectedCallback(){this.unsubscribe.forEach(o=>o())}render(){const{message:o,variant:i}=t.AlertController.state,n=K[i];return t.b`
+      <wui-alertbar
+        message=${o}
+        backgroundColor=${n==null?void 0:n.backgroundColor}
+        iconColor=${n==null?void 0:n.iconColor}
+        icon=${n==null?void 0:n.icon}
+        type=${i}
+      ></wui-alertbar>
+    `}onOpen(o){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"):o||(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")}};$.styles=F;L([t.r()],$.prototype,"open",void 0);$=L([t.customElement("w3m-alertbar")],$);const X=t.css`
+  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 g=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};const Y={lg:"lg-regular",md:"md-regular",sm:"sm-regular"},G={lg:"lg",md:"md",sm:"sm"};let w=class extends t.i{constructor(){super(...arguments),this.imageSrc="",this.text="",this.size="lg",this.type="text-dropdown",this.disabled=!1}render(){return t.b`<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 o=Y[this.size];return this.text?t.b`<wui-text color="primary" variant=${o}>${this.text}</wui-text>`:null}imageTemplate(){if(this.imageSrc)return t.b`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`;const o=G[this.size];return t.b` <wui-flex class="left-icon-container">
+      <wui-icon size=${o} name="networkPlaceholder"></wui-icon>
+    </wui-flex>`}};w.styles=[t.resetStyles,t.elementStyles,X];g([t.n()],w.prototype,"imageSrc",void 0);g([t.n()],w.prototype,"text",void 0);g([t.n()],w.prototype,"size",void 0);g([t.n()],w.prototype,"type",void 0);g([t.n({type:Boolean})],w.prototype,"disabled",void 0);w=g([t.customElement("wui-select")],w);const q=t.css`
+  wui-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+  }
+
+  .transfers-badge {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border: 1px solid ${({tokens:e})=>e.theme.foregroundSecondary};
+    border-radius: ${({borderRadius:e})=>e[4]};
+  }
+`;var E=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};let C=class extends t.i{constructor(){super(),this.unsubscribe=[],this.paymentAsset=k.PayController.state.paymentAsset,this.amount=k.PayController.state.amount,this.unsubscribe.push(k.PayController.subscribeKey("paymentAsset",o=>{this.paymentAsset=o}),k.PayController.subscribeKey("amount",o=>{this.amount=o}))}disconnectedCallback(){this.unsubscribe.forEach(o=>o())}render(){const i=t.ChainController.getAllRequestedCaipNetworks().find(n=>n.caipNetworkId===this.paymentAsset.network);return t.b`<wui-flex
+      alignItems="center"
+      gap="1"
+      .padding=${["1","2","1","1"]}
+      class="transfers-badge"
+    >
+      <wui-image src=${t.o(this.paymentAsset.metadata.logoURI)} size="xl"></wui-image>
+      <wui-text variant="lg-regular" color="primary">
+        ${this.amount} ${this.paymentAsset.metadata.symbol}
+      </wui-text>
+      <wui-text variant="sm-regular" color="secondary">
+        on ${(i==null?void 0:i.name)??"Unknown"}
+      </wui-text>
+    </wui-flex>`}};C.styles=[q];E([t.n()],C.prototype,"paymentAsset",void 0);E([t.n()],C.prototype,"amount",void 0);C=E([t.customElement("w3m-pay-header")],C);const Q=t.css`
+  :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 b=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};const Z=["SmartSessionList"],J={PayWithExchange:t.vars.tokens.theme.foregroundPrimary};function _(){var d,h,y,I,O,P,N,T;const e=(h=(d=t.RouterController.state.data)==null?void 0:d.connector)==null?void 0:h.name,o=(I=(y=t.RouterController.state.data)==null?void 0:y.wallet)==null?void 0:I.name,i=(P=(O=t.RouterController.state.data)==null?void 0:O.network)==null?void 0:P.name,n=o??e,a=t.ConnectorController.getConnectors(),r=a.length===1&&((N=a[0])==null?void 0:N.id)==="w3m-email",s=(T=t.ChainController.getAccountData())==null?void 0:T.socialProvider,l=s?s.charAt(0).toUpperCase()+s.slice(1):"Connect Social";return{Connect:`Connect ${r?"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:n??"Connect Wallet",ConnectingWalletConnect:n??"WalletConnect",ConnectingWalletConnectBasic:"WalletConnect",ConnectingSiwe:"Sign In",Convert:"Convert",ConvertSelectToken:"Select token",ConvertPreview:"Preview Convert",Downloads:n?`Get ${n}`:"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:l,ConnectingMultiChain:"Select Chain",ConnectingFarcaster:"Farcaster",SwitchActiveChain:"Switch Chain",SmartSessionCreated:void 0,SmartSessionList:"Smart Sessions",SIWXSignMessage:"Sign In",PayLoading:"Processing payment...",PayQuote:"Payment Quote",DataCapture:"Profile",DataCaptureOtpConfirm:"Confirm Email",FundWallet:"Fund Wallet",PayWithExchange:"Deposit from Exchange",PayWithExchangeSelectAsset:"Select Asset",SmartAccountSettings:"Smart Account Settings"}}let p=class extends t.i{constructor(){super(),this.unsubscribe=[],this.heading=_()[t.RouterController.state.view],this.network=t.ChainController.state.activeCaipNetwork,this.networkImage=t.AssetUtil.getNetworkImage(this.network),this.showBack=!1,this.prevHistoryLength=1,this.view=t.RouterController.state.view,this.viewDirection="",this.unsubscribe.push(t.AssetController.subscribeNetworkImages(()=>{this.networkImage=t.AssetUtil.getNetworkImage(this.network)}),t.RouterController.subscribeKey("view",o=>{setTimeout(()=>{this.view=o,this.heading=_()[o]},t.ConstantsUtil$3.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()}),t.ChainController.subscribeKey("activeCaipNetwork",o=>{this.network=o,this.networkImage=t.AssetUtil.getNetworkImage(this.network)}))}disconnectCallback(){this.unsubscribe.forEach(o=>o())}render(){const o=J[t.RouterController.state.view]??t.vars.tokens.theme.backgroundPrimary;return this.style.setProperty("--local-header-background-color",o),t.b`
+      <wui-flex
+        .padding=${["0","4","0","4"]}
+        justifyContent="space-between"
+        alignItems="center"
+      >
+        ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()}
+      </wui-flex>
+    `}onWalletHelp(){t.EventsController.sendEvent({type:"track",event:"CLICK_WALLET_HELP"}),t.RouterController.push("WhatIsAWallet")}async onClose(){await D.safeClose()}rightHeaderTemplate(){var i,n,a;const o=(a=(n=(i=t.OptionsController)==null?void 0:i.state)==null?void 0:n.features)==null?void 0:a.smartSessions;return t.RouterController.state.view!=="Account"||!o?this.closeButtonTemplate():t.b`<wui-flex>
+      <wui-icon-button
+        icon="clock"
+        size="lg"
+        iconSize="lg"
+        type="neutral"
+        variant="primary"
+        @click=${()=>t.RouterController.push("SmartSessionList")}
+        data-testid="w3m-header-smart-sessions"
+      ></wui-icon-button>
+      ${this.closeButtonTemplate()}
+    </wui-flex> `}closeButtonTemplate(){return t.b`
+      <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(){if(this.view==="PayQuote")return t.b`<w3m-pay-header></w3m-pay-header>`;const o=Z.includes(this.view);return t.b`
+      <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>
+        ${o?t.b`<wui-tag variant="accent" size="md">Beta</wui-tag>`:null}
+      </wui-flex>
+    `}leftHeaderTemplate(){var h;const{view:o}=t.RouterController.state,i=o==="Connect",n=t.OptionsController.state.enableEmbedded,a=o==="ApproveTransaction",r=o==="ConnectingSiwe",s=o==="Account",l=t.OptionsController.state.enableNetworkSwitch,d=a||r||i&&n;return s&&l?t.b`<wui-select
+        id="dynamic"
+        data-testid="w3m-account-select-network"
+        active-network=${t.o((h=this.network)==null?void 0:h.name)}
+        @click=${this.onNetworks.bind(this)}
+        imageSrc=${t.o(this.networkImage)}
+      ></wui-select>`:this.showBack&&!d?t.b`<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>`:t.b`<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()&&(t.EventsController.sendEvent({type:"track",event:"CLICK_NETWORKS"}),t.RouterController.push("Networks"))}isAllowedNetworkSwitch(){const o=t.ChainController.getAllRequestedCaipNetworks(),i=o?o.length>1:!1,n=o==null?void 0:o.find(({id:a})=>{var r;return a===((r=this.network)==null?void 0:r.id)});return i||!n}onViewChange(){const{history:o}=t.RouterController.state;let i=t.ConstantsUtil$3.VIEW_DIRECTION.Next;o.length<this.prevHistoryLength&&(i=t.ConstantsUtil$3.VIEW_DIRECTION.Prev),this.prevHistoryLength=o.length,this.viewDirection=i}async onHistoryChange(){var n;const{history:o}=t.RouterController.state,i=(n=this.shadowRoot)==null?void 0:n.querySelector("#dynamic");o.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"})):o.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(){t.RouterController.goBack()}};p.styles=Q;b([t.r()],p.prototype,"heading",void 0);b([t.r()],p.prototype,"network",void 0);b([t.r()],p.prototype,"networkImage",void 0);b([t.r()],p.prototype,"showBack",void 0);b([t.r()],p.prototype,"prevHistoryLength",void 0);b([t.r()],p.prototype,"view",void 0);b([t.r()],p.prototype,"viewDirection",void 0);p=b([t.customElement("w3m-header")],p);const ee=t.css`
+  :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 A=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};let x=class extends t.i{constructor(){super(...arguments),this.message="",this.variant="success"}render(){return t.b`
+      ${this.templateIcon()}
+      <wui-text variant="lg-regular" color="primary" data-testid="wui-snackbar-message"
+        >${this.message}</wui-text
+      >
+    `}templateIcon(){const o={success:"success",error:"error",warning:"warning",info:"default"},i={success:"checkmark",error:"warning",warning:"warningCircle",info:"info"};return this.variant==="loading"?t.b`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`:t.b`<wui-icon-box
+      size="md"
+      color=${o[this.variant]}
+      icon=${i[this.variant]}
+    ></wui-icon-box>`}};x.styles=[t.resetStyles,ee];A([t.n()],x.prototype,"message",void 0);A([t.n()],x.prototype,"variant",void 0);x=A([t.customElement("wui-snackbar")],x);const te=t.i$1`
+  :host {
+    display: block;
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    top: 11px;
+    left: 50%;
+    width: max-content;
+  }
+`;var H=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};let S=class extends t.i{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=t.SnackController.state.open,this.unsubscribe.push(t.SnackController.subscribeKey("open",o=>{this.open=o,this.onOpen()}))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach(o=>o())}render(){const{message:o,variant:i}=t.SnackController.state;return t.b` <wui-snackbar message=${o} 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),t.SnackController.state.autoClose&&(this.timeout=setTimeout(()=>t.SnackController.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"})}};S.styles=te;H([t.r()],S.prototype,"open",void 0);S=H([t.customElement("w3m-snackbar")],S);const oe=t.css`
+  :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 m=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};const z="scroll-lock",ie={PayWithExchange:"0",PayWithExchangeSelectAsset:"0",Pay:"0",PayQuote:"0",PayLoading:"0"};class u extends t.i{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=t.OptionsController.state.enableEmbedded,this.open=t.ModalController.state.open,this.caipAddress=t.ChainController.state.activeCaipAddress,this.caipNetwork=t.ChainController.state.activeCaipNetwork,this.shake=t.ModalController.state.shake,this.filterByNamespace=t.ConnectorController.state.filterByNamespace,this.padding=t.vars.spacing[1],this.mobileFullScreen=t.OptionsController.state.enableMobileFullScreen,this.initializeTheming(),t.ApiController.prefetchAnalyticsConfig(),this.unsubscribe.push(t.ModalController.subscribeKey("open",o=>o?this.onOpen():this.onClose()),t.ModalController.subscribeKey("shake",o=>this.shake=o),t.ChainController.subscribeKey("activeCaipNetwork",o=>this.onNewNetwork(o)),t.ChainController.subscribeKey("activeCaipAddress",o=>this.onNewAddress(o)),t.OptionsController.subscribeKey("enableEmbedded",o=>this.enableEmbedded=o),t.ConnectorController.subscribeKey("filterByNamespace",o=>{var i;this.filterByNamespace!==o&&!((i=t.ChainController.getAccountData(o))!=null&&i.caipAddress)&&(t.ApiController.fetchRecommendedWallets(),this.filterByNamespace=o)}),t.RouterController.subscribeKey("view",()=>{this.dataset.border=t.HelpersUtil.hasFooter()?"true":"false",this.padding=ie[t.RouterController.state.view]??t.vars.spacing[1]}))}firstUpdated(){if(this.dataset.border=t.HelpersUtil.hasFooter()?"true":"false",this.mobileFullScreen&&this.setAttribute("data-mobile-fullscreen","true"),this.caipAddress){if(this.enableEmbedded){t.ModalController.close(),this.prefetch();return}this.onNewAddress(this.caipAddress)}this.open&&this.onOpen(),this.enableEmbedded&&this.prefetch()}disconnectedCallback(){this.unsubscribe.forEach(o=>o()),this.onRemoveKeyboardListener()}render(){return this.style.setProperty("--local-modal-padding",this.padding),this.enableEmbedded?t.b`${this.contentTemplate()}
+        <w3m-tooltip></w3m-tooltip> `:this.open?t.b`
+          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
+            ${this.contentTemplate()}
+          </wui-flex>
+          <w3m-tooltip></w3m-tooltip>
+        `:null}contentTemplate(){return t.b` <wui-card
+      shake="${this.shake}"
+      data-embedded="${t.o(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(o){if(o.target===o.currentTarget){if(this.mobileFullScreen)return;await this.handleClose()}}async handleClose(){await D.safeClose()}initializeTheming(){const{themeVariables:o,themeMode:i}=t.ThemeController.state,n=t.UiHelperUtil.getColorTheme(i);t.initializeTheming(o,n)}onClose(){this.open=!1,this.classList.remove("open"),this.onScrollUnlock(),t.SnackController.hide(),this.onRemoveKeyboardListener()}onOpen(){this.open=!0,this.classList.add("open"),this.onScrollLock(),this.onAddKeyboardListener()}onScrollLock(){const o=document.createElement("style");o.dataset.w3m=z,o.textContent=`
+      body {
+        touch-action: none;
+        overflow: hidden;
+        overscroll-behavior: contain;
+      }
+      w3m-modal {
+        pointer-events: auto;
+      }
+    `,document.head.appendChild(o)}onScrollUnlock(){const o=document.head.querySelector(`style[data-w3m="${z}"]`);o&&o.remove()}onAddKeyboardListener(){var i;this.abortController=new AbortController;const o=(i=this.shadowRoot)==null?void 0:i.querySelector("wui-card");o==null||o.focus(),window.addEventListener("keydown",n=>{if(n.key==="Escape")this.handleClose();else if(n.key==="Tab"){const{tagName:a}=n.target;a&&!a.includes("W3M-")&&!a.includes("WUI-")&&(o==null||o.focus())}},this.abortController)}onRemoveKeyboardListener(){var o;(o=this.abortController)==null||o.abort(),this.abortController=void 0}async onNewAddress(o){const i=t.ChainController.state.isSwitchingNamespace,n=t.RouterController.state.view==="ProfileWallets";!o&&!i&&!n&&t.ModalController.close(),await t.SIWXUtil.initializeIfEnabled(o),this.caipAddress=o,t.ChainController.setIsSwitchingNamespace(!1)}onNewNetwork(o){var h,y;const i=this.caipNetwork,n=(h=i==null?void 0:i.caipNetworkId)==null?void 0:h.toString(),a=(y=o==null?void 0:o.caipNetworkId)==null?void 0:y.toString(),r=n!==a,s=t.RouterController.state.view==="UnsupportedChain",l=t.ModalController.state.open;let d=!1;this.enableEmbedded&&t.RouterController.state.view==="SwitchNetwork"&&(d=!0),r&&B.SwapController.resetState(),l&&s&&(d=!0),d&&t.RouterController.state.view!=="SIWXSignMessage"&&t.RouterController.goBack(),this.caipNetwork=o}prefetch(){this.hasPrefetched||(t.ApiController.prefetch(),t.ApiController.fetchWalletsByPage({page:1}),this.hasPrefetched=!0)}}u.styles=oe;m([t.n({type:Boolean})],u.prototype,"enableEmbedded",void 0);m([t.r()],u.prototype,"open",void 0);m([t.r()],u.prototype,"caipAddress",void 0);m([t.r()],u.prototype,"caipNetwork",void 0);m([t.r()],u.prototype,"shake",void 0);m([t.r()],u.prototype,"filterByNamespace",void 0);m([t.r()],u.prototype,"padding",void 0);m([t.r()],u.prototype,"mobileFullScreen",void 0);exports.W3mModal=class extends u{};exports.W3mModal=m([t.customElement("w3m-modal")],exports.W3mModal);exports.AppKitModal=class extends u{};exports.AppKitModal=m([t.customElement("appkit-modal")],exports.AppKitModal);const re=t.css`
+  .icon-box {
+    width: 64px;
+    height: 64px;
+    border-radius: ${({borderRadius:e})=>e[5]};
+    background-color: ${({colors:e})=>e.semanticError010};
+  }
+`;var ne=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};exports.W3mUsageExceededView=class extends t.i{constructor(){super()}render(){return t.b`
+      <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(){t.RouterController.goBack()}};exports.W3mUsageExceededView.styles=re;exports.W3mUsageExceededView=ne([t.customElement("w3m-usage-exceeded-view")],exports.W3mUsageExceededView);const ae=t.css`
+  :host {
+    width: 100%;
+  }
+`;var c=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};exports.W3mListWallet=class extends t.i{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(o){super.updated(o),(o.has("name")||o.has("imageSrc")||o.has("walletRank"))&&(this.hasImpressionSent=!1),o.has("walletRank")&&this.walletRank&&!this.intersectionObserver&&this.setupIntersectionObserver()}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(o=>{o.forEach(i=>{i.isIntersecting&&!this.loading&&!this.hasImpressionSent&&this.sendImpressionEvent()})},{threshold:.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)&&t.EventsController.sendWalletImpressionEvent({name:this.name,walletRank:this.walletRank,rdnsId:this.rdnsId,view:t.RouterController.state.view,displayIndex:this.displayIndex}))}handleGetWalletNamespaces(){return Object.keys(t.AdapterController.state.adapters).length>1?this.namespaces:[]}render(){return t.b`
+      <wui-list-wallet
+        .walletImages=${this.walletImages}
+        imageSrc=${t.o(this.imageSrc)}
+        name=${this.name}
+        size=${t.o(this.size)}
+        tagLabel=${t.o(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>
+    `}};exports.W3mListWallet.styles=ae;c([t.n({type:Array})],exports.W3mListWallet.prototype,"walletImages",void 0);c([t.n()],exports.W3mListWallet.prototype,"imageSrc",void 0);c([t.n()],exports.W3mListWallet.prototype,"name",void 0);c([t.n()],exports.W3mListWallet.prototype,"size",void 0);c([t.n()],exports.W3mListWallet.prototype,"tagLabel",void 0);c([t.n()],exports.W3mListWallet.prototype,"tagVariant",void 0);c([t.n()],exports.W3mListWallet.prototype,"walletIcon",void 0);c([t.n()],exports.W3mListWallet.prototype,"tabIdx",void 0);c([t.n({type:Boolean})],exports.W3mListWallet.prototype,"disabled",void 0);c([t.n({type:Boolean})],exports.W3mListWallet.prototype,"showAllWallets",void 0);c([t.n({type:Boolean})],exports.W3mListWallet.prototype,"loading",void 0);c([t.n({type:String})],exports.W3mListWallet.prototype,"loadingSpinnerColor",void 0);c([t.n()],exports.W3mListWallet.prototype,"rdnsId",void 0);c([t.n()],exports.W3mListWallet.prototype,"displayIndex",void 0);c([t.n()],exports.W3mListWallet.prototype,"walletRank",void 0);c([t.n({type:Array})],exports.W3mListWallet.prototype,"namespaces",void 0);exports.W3mListWallet=c([t.customElement("w3m-list-wallet")],exports.W3mListWallet);const se=t.css`
+  :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 f=function(e,o,i,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,o,i,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r};const le=60;exports.W3mRouterContainer=class extends t.i{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=t.OptionsController.state.enableMobileFullScreen,this.onViewportResize=()=>{this.updateContainerHeight()}}updated(o){if(o.has("history")){const i=this.history;this.historyState!==""&&this.historyState!==i&&this.onViewChange(i)}o.has("transitionDuration")&&this.style.setProperty("--local-duration",this.transitionDuration),o.has("transitionFunction")&&this.style.setProperty("--local-transition",this.transitionFunction)}firstUpdated(){var o;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 n;for(const a of i)if(a.target===this.getWrapper()){let r=a.contentRect.height;const s=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--apkt-footer-height")||"0");if(this.mobileFullScreen){const l=((n=window.visualViewport)==null?void 0:n.height)||window.innerHeight,d=this.getHeaderHeight();r=l-d-s,this.style.setProperty("--local-border-bottom-radius","0px")}else r=r+s,this.style.setProperty("--local-border-bottom-radius",s?"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`}}),this.resizeObserver.observe(this.getWrapper()),this.updateContainerHeight(),window.addEventListener("resize",this.onViewportResize),(o=window.visualViewport)==null||o.addEventListener("resize",this.onViewportResize)}disconnectedCallback(){var i;const o=this.getWrapper();o&&this.resizeObserver&&this.resizeObserver.unobserve(o),window.removeEventListener("resize",this.onViewportResize),(i=window.visualViewport)==null||i.removeEventListener("resize",this.onViewportResize)}render(){return t.b`
+      <div class="container" data-mobile-fullscreen="${t.o(this.mobileFullScreen)}">
+        <div
+          class="page"
+          data-mobile-fullscreen="${t.o(this.mobileFullScreen)}"
+          view-direction="${this.viewDirection}"
+        >
+          <div class="page-content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `}onViewChange(o){const i=o.split(",").filter(Boolean),n=this.historyState.split(",").filter(Boolean),a=n.length,r=i.length,s=i[i.length-1]||"",l=t.UiHelperUtil.cssDurationToNumber(this.transitionDuration);let d="";r>a?d="next":r<a?d="prev":r===a&&i[r-1]!==n[a-1]&&(d="next"),this.viewDirection=`${d}-${s}`,setTimeout(()=>{var h;this.historyState=o,(h=this.setView)==null||h.call(this,s)},l),setTimeout(()=>{this.viewDirection=""},l*2)}getWrapper(){var o;return(o=this.shadowRoot)==null?void 0:o.querySelector("div.page")}updateContainerHeight(){var a;const o=this.getWrapper();if(!o)return;const i=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--apkt-footer-height")||"0");let n=0;if(this.mobileFullScreen){const r=((a=window.visualViewport)==null?void 0:a.height)||window.innerHeight,s=this.getHeaderHeight();n=r-s-i,this.style.setProperty("--local-border-bottom-radius","0px")}else n=o.getBoundingClientRect().height+i,this.style.setProperty("--local-border-bottom-radius",i?"var(--apkt-borderRadius-5)":"0px");this.style.setProperty("--local-container-height",`${n}px`),this.previousHeight!=="0px"&&this.style.setProperty("--local-duration-height",this.transitionDuration),this.previousHeight=`${n}px`}getHeaderHeight(){return le}};exports.W3mRouterContainer.styles=[se];f([t.n({type:String})],exports.W3mRouterContainer.prototype,"transitionDuration",void 0);f([t.n({type:String})],exports.W3mRouterContainer.prototype,"transitionFunction",void 0);f([t.n({type:String})],exports.W3mRouterContainer.prototype,"history",void 0);f([t.n({type:String})],exports.W3mRouterContainer.prototype,"view",void 0);f([t.n({attribute:!1})],exports.W3mRouterContainer.prototype,"setView",void 0);f([t.r()],exports.W3mRouterContainer.prototype,"viewDirection",void 0);f([t.r()],exports.W3mRouterContainer.prototype,"historyState",void 0);f([t.r()],exports.W3mRouterContainer.prototype,"previousHeight",void 0);f([t.r()],exports.W3mRouterContainer.prototype,"mobileFullScreen",void 0);exports.W3mRouterContainer=f([t.customElement("w3m-router-container")],exports.W3mRouterContainer);exports.W3mModalBase=u;