@skip-go/widget-web-component 3.14.3 → 3.17.0

package/build/4150.index.js

@@ -0,0 +1,620 @@
+export const __webpack_esm_id__=4150;export const __webpack_esm_ids__=[4150];export const __webpack_esm_modules__={4900:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    --prev-height: 0px;
+    --new-height: 0px;
+    display: block;
+  }
+
+  div.w3m-router-container {
+    transform: translateY(0);
+    opacity: 1;
+  }
+
+  div.w3m-router-container[view-direction='prev'] {
+    animation:
+      slide-left-out 150ms forwards ease,
+      slide-left-in 150ms forwards ease;
+    animation-delay: 0ms, 200ms;
+  }
+
+  div.w3m-router-container[view-direction='next'] {
+    animation:
+      slide-right-out 150ms forwards ease,
+      slide-right-in 150ms forwards ease;
+    animation-delay: 0ms, 200ms;
+  }
+
+  @keyframes slide-left-out {
+    from {
+      transform: translateX(0px);
+      opacity: 1;
+    }
+    to {
+      transform: translateX(10px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-left-in {
+    from {
+      transform: translateX(-10px);
+      opacity: 0;
+    }
+    to {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes slide-right-out {
+    from {
+      transform: translateX(0px);
+      opacity: 1;
+    }
+    to {
+      transform: translateX(-10px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-right-in {
+    from {
+      transform: translateX(10px);
+      opacity: 0;
+    }
+    to {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+`},5308:(e,t,i)=>{i(91117)},5698:(e,t,i)=>{i(86627)},18093:(e,t,i)=>{var o=i(52788),a=i(86280),r=(i(3334),i(67232)),s=i(13679),n=i(75791),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let l=class extends o.WF{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.icon="copy",this.iconColor="inherit"}render(){const e="lg"===this.size?"--wui-border-radius-xs":"--wui-border-radius-xxs",t="lg"===this.size?"--wui-spacing-1xs":"--wui-spacing-2xs";return this.style.cssText=`\n    --local-border-radius: var(${e});\n    --local-padding: var(${t});\n`,o.qy`
+      <button ?disabled=${this.disabled}>
+        <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>
+      </button>
+    `}};l.styles=[r.W5,r.fD,r.ck,n.A],c([(0,a.MZ)()],l.prototype,"size",void 0),c([(0,a.MZ)({type:Boolean})],l.prototype,"disabled",void 0),c([(0,a.MZ)()],l.prototype,"icon",void 0),c([(0,a.MZ)()],l.prototype,"iconColor",void 0),l=c([(0,s.E)("wui-icon-link")],l)},18736:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    display: flex;
+    column-gap: var(--wui-spacing-s);
+    align-items: center;
+    padding: var(--wui-spacing-xs) var(--wui-spacing-m) var(--wui-spacing-xs) var(--wui-spacing-xs);
+    border-radius: var(--wui-border-radius-s);
+    border: 1px solid var(--wui-color-gray-glass-005);
+    box-sizing: border-box;
+    background-color: var(--wui-color-bg-175);
+    box-shadow:
+      0px 14px 64px -4px rgba(0, 0, 0, 0.15),
+      0px 8px 22px -6px rgba(0, 0, 0, 0.15);
+
+    max-width: 300px;
+  }
+
+  :host wui-loading-spinner {
+    margin-left: var(--wui-spacing-3xs);
+  }
+`},25207:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    display: block;
+    border-radius: clamp(0px, var(--wui-border-radius-l), 44px);
+    box-shadow: 0 0 0 1px var(--wui-color-gray-glass-005);
+    background-color: var(--wui-color-modal-bg);
+    overflow: hidden;
+  }
+
+  :host([data-embedded='true']) {
+    box-shadow:
+      0 0 0 1px var(--wui-color-gray-glass-005),
+      0px 4px 12px 4px var(--w3m-card-embedded-shadow-color);
+  }
+`},28305:(e,t,i)=>{var o=i(52788),a=i(86280),r=i(31100),s=i(69658),n=(i(83733),i(37531)),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const l={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:"exclamationTriangle"}};let w=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.open=r.h.state.open,this.onOpen(!0),this.unsubscribe.push(r.h.subscribeKey("open",e=>{this.open=e,this.onOpen(!1)}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const{message:e,variant:t}=r.h.state,i=l[t];return o.qy`
+      <wui-alertbar
+        message=${e}
+        backgroundColor=${i?.backgroundColor}
+        iconColor=${i?.iconColor}
+        icon=${i?.icon}
+      ></wui-alertbar>
+    `}onOpen(e){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"):e||(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")}};w.styles=n.A,c([(0,a.wk)()],w.prototype,"open",void 0),w=c([(0,s.EM)("w3m-alertbar")],w)},36961:(e,t,i)=>{i.d(t,{TD:()=>S,tJ:()=>C,uh:()=>x});var o=i(52788),a=i(86280),r=i(73764),s=i(72269),n=i(88759),c=i(72397),l=i(98299),w=i(83077),d=i(92492),p=i(93474),u=i(49951),m=i(1420),h=i(22143),v=i(36507),g=i(42603),y=i(69658),f=(i(62176),i(85017),i(28305),i(53459),i(98649),i(74253),i(79488),i(61378)),b=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const k="scroll-lock";class x extends o.WF{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=m.H.state.enableEmbedded,this.open=n.W.state.open,this.caipAddress=l.W.state.activeCaipAddress,this.caipNetwork=l.W.state.activeCaipNetwork,this.shake=n.W.state.shake,this.filterByNamespace=w.a.state.filterByNamespace,this.initializeTheming(),p.N.prefetchAnalyticsConfig(),this.unsubscribe.push(n.W.subscribeKey("open",e=>e?this.onOpen():this.onClose()),n.W.subscribeKey("shake",e=>this.shake=e),l.W.subscribeKey("activeCaipNetwork",e=>this.onNewNetwork(e)),l.W.subscribeKey("activeCaipAddress",e=>this.onNewAddress(e)),m.H.subscribeKey("enableEmbedded",e=>this.enableEmbedded=e),w.a.subscribeKey("filterByNamespace",e=>{this.filterByNamespace===e||l.W.getAccountData(e)?.caipAddress||(p.N.fetchRecommendedWallets(),this.filterByNamespace=e)}))}firstUpdated(){if(this.caipAddress){if(this.enableEmbedded)return n.W.close(),void this.prefetch();this.onNewAddress(this.caipAddress)}this.open&&this.onOpen(),this.enableEmbedded&&this.prefetch()}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),this.onRemoveKeyboardListener()}render(){return this.style.cssText=`\n      --local-border-bottom-mobile-radius: ${this.enableEmbedded?"clamp(0px, var(--wui-border-radius-l), 44px)":"0px"};\n    `,this.enableEmbedded?o.qy`${this.contentTemplate()}
+        <w3m-tooltip></w3m-tooltip> `:this.open?o.qy`
+          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
+            ${this.contentTemplate()}
+          </wui-flex>
+          <w3m-tooltip></w3m-tooltip>
+        `:null}contentTemplate(){return o.qy` <wui-card
+      shake="${this.shake}"
+      data-embedded="${(0,r.J)(this.enableEmbedded)}"
+      role="alertdialog"
+      aria-modal="true"
+      tabindex="0"
+      data-testid="w3m-modal-card"
+    >
+      <w3m-header></w3m-header>
+      <w3m-router></w3m-router>
+      <w3m-snackbar></w3m-snackbar>
+      <w3m-alertbar></w3m-alertbar>
+    </wui-card>`}async onOverlayClick(e){e.target===e.currentTarget&&await this.handleClose()}async handleClose(){await g.m.safeClose()}initializeTheming(){const{themeVariables:e,themeMode:t}=u.W.state,i=y.Zv.getColorTheme(t);(0,y.RF)(e,i)}onClose(){this.open=!1,this.classList.remove("open"),this.onScrollUnlock(),d.P.hide(),this.onRemoveKeyboardListener()}onOpen(){this.open=!0,this.classList.add("open"),this.onScrollLock(),this.onAddKeyboardListener()}onScrollLock(){const e=document.createElement("style");e.dataset.w3m=k,e.textContent="\n      body {\n        touch-action: none;\n        overflow: hidden;\n        overscroll-behavior: contain;\n      }\n      w3m-modal {\n        pointer-events: auto;\n      }\n    ",document.head.appendChild(e)}onScrollUnlock(){const e=document.head.querySelector(`style[data-w3m="${k}"]`);e&&e.remove()}onAddKeyboardListener(){this.abortController=new AbortController;const e=this.shadowRoot?.querySelector("wui-card");e?.focus(),window.addEventListener("keydown",t=>{if("Escape"===t.key)this.handleClose();else if("Tab"===t.key){const{tagName:i}=t.target;!i||i.includes("W3M-")||i.includes("WUI-")||e?.focus()}},this.abortController)}onRemoveKeyboardListener(){this.abortController?.abort(),this.abortController=void 0}async onNewAddress(e){const t=l.W.state.isSwitchingNamespace,i=h.w.getPlainAddress(e);i||t?t&&i&&c.I.goBack():n.W.close(),await v.U.initializeIfEnabled(),this.caipAddress=e,l.W.setIsSwitchingNamespace(!1)}onNewNetwork(e){const t=this.caipNetwork,i=t?.caipNetworkId?.toString(),o=t?.chainNamespace,a=e?.caipNetworkId?.toString(),r=e?.chainNamespace,w=i!==a,d=w&&!(o!==r),p=t?.name===s.o.UNSUPPORTED_NETWORK_NAME,u="ConnectingExternal"===c.I.state.view,m=!l.W.getAccountData(e?.chainNamespace)?.caipAddress,h="UnsupportedChain"===c.I.state.view;let v=!1;n.W.state.open&&!u&&(m?w&&(v=!0):(h||d&&!p)&&(v=!0)),v&&"SIWXSignMessage"!==c.I.state.view&&c.I.goBack(),this.caipNetwork=e}prefetch(){this.hasPrefetched||(p.N.prefetch(),p.N.fetchWalletsByPage({page:1}),this.hasPrefetched=!0)}}x.styles=f.A,b([(0,a.MZ)({type:Boolean})],x.prototype,"enableEmbedded",void 0),b([(0,a.wk)()],x.prototype,"open",void 0),b([(0,a.wk)()],x.prototype,"caipAddress",void 0),b([(0,a.wk)()],x.prototype,"caipNetwork",void 0),b([(0,a.wk)()],x.prototype,"shake",void 0),b([(0,a.wk)()],x.prototype,"filterByNamespace",void 0);let C=class extends x{};C=b([(0,y.EM)("w3m-modal")],C);let S=class extends x{};S=b([(0,y.EM)("appkit-modal")],S)},37531:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    display: block;
+    position: absolute;
+    top: var(--wui-spacing-s);
+    left: var(--wui-spacing-l);
+    right: var(--wui-spacing-l);
+    opacity: 0;
+    pointer-events: none;
+  }
+`},40148:(e,t,i)=>{var o=i(52788),a=i(86280),r=(i(3334),i(42421),i(43748),i(67232)),s=i(13679),n=(i(71050),i(18736)),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let l=class extends o.WF{constructor(){super(...arguments),this.backgroundColor="accent-100",this.iconColor="accent-100",this.icon="checkmark",this.message="",this.loading=!1,this.iconType="default"}render(){return o.qy`
+      ${this.templateIcon()}
+      <wui-text variant="paragraph-500" color="fg-100" data-testid="wui-snackbar-message"
+        >${this.message}</wui-text
+      >
+    `}templateIcon(){return this.loading?o.qy`<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`:"default"===this.iconType?o.qy`<wui-icon size="xl" color=${this.iconColor} name=${this.icon}></wui-icon>`:o.qy`<wui-icon-box
+      size="sm"
+      iconSize="xs"
+      iconColor=${this.iconColor}
+      backgroundColor=${this.backgroundColor}
+      icon=${this.icon}
+      background="opaque"
+    ></wui-icon-box>`}};l.styles=[r.W5,n.A],c([(0,a.MZ)()],l.prototype,"backgroundColor",void 0),c([(0,a.MZ)()],l.prototype,"iconColor",void 0),c([(0,a.MZ)()],l.prototype,"icon",void 0),c([(0,a.MZ)()],l.prototype,"message",void 0),c([(0,a.MZ)()],l.prototype,"loading",void 0),c([(0,a.MZ)()],l.prototype,"iconType",void 0),l=c([(0,s.E)("wui-snackbar")],l)},42603:(e,t,i)=>{i.d(t,{m:()=>s});var o=i(88759),a=i(72397),r=i(36507);const s={isUnsupportedChainView:()=>"UnsupportedChain"===a.I.state.view||"SwitchNetwork"===a.I.state.view&&a.I.state.history.includes("UnsupportedChain"),async safeClose(){this.isUnsupportedChainView()||await r.U.isSIWXCloseDisabled()?o.W.shake():o.W.close()}}},43125:(e,t,i)=>{var o=i(52788),a=i(67232),r=i(13679),s=i(25207);let n=class extends o.WF{render(){return o.qy`<slot></slot>`}};n.styles=[a.W5,s.A],n=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s}([(0,r.E)("wui-card")],n)},53021:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    height: 64px;
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  wui-flex.w3m-header-title {
+    transform: translateY(0);
+    opacity: 1;
+  }
+
+  wui-flex.w3m-header-title[view-direction='prev'] {
+    animation:
+      slide-down-out 120ms forwards var(--wui-ease-out-power-2),
+      slide-down-in 120ms forwards var(--wui-ease-out-power-2);
+    animation-delay: 0ms, 200ms;
+  }
+
+  wui-flex.w3m-header-title[view-direction='next'] {
+    animation:
+      slide-up-out 120ms forwards var(--wui-ease-out-power-2),
+      slide-up-in 120ms forwards var(--wui-ease-out-power-2);
+    animation-delay: 0ms, 200ms;
+  }
+
+  wui-icon-link[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;
+    }
+  }
+`},53459:(e,t,i)=>{var o=i(52788),a=i(86280),r=i(73764),s=i(72397),n=i(23981),c=i(98299),l=i(83077),w=i(6262),d=i(1420),p=i(47981),u=i(86454),m=i(42603),h=i(69658),v=(i(85017),i(84708),i(5698),i(5308),i(3389),i(42177)),g=i(53021),y=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const f=["SmartSessionList"];function b(){const e=s.I.state.data?.connector?.name,t=s.I.state.data?.wallet?.name,i=s.I.state.data?.network?.name,o=t??e,a=l.a.getConnectors();return{Connect:`Connect ${1===a.length&&"w3m-email"===a[0]?.id?"Email":""} Wallet`,Create:"Create Wallet",ChooseAccountName:void 0,Account:void 0,AccountSettings:void 0,AllWallets:"All Wallets",ApproveTransaction:"Approve Transaction",BuyInProgress:"Buy",ConnectingExternal:o??"Connect Wallet",ConnectingWalletConnect:o??"WalletConnect",ConnectingWalletConnectBasic:"WalletConnect",ConnectingSiwe:"Sign In",Convert:"Convert",ConvertSelectToken:"Select token",ConvertPreview:"Preview convert",Downloads:o?`Get ${o}`:"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",Profile:void 0,SwitchNetwork:i??"Switch Network",SwitchAddress:"Switch Address",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",WhatIsANetwork:"What is a network?",WhatIsAWallet:"What is a wallet?",ConnectWallets:"Connect wallet",ConnectSocials:"All socials",ConnectingSocial:n.U.state.socialProvider?n.U.state.socialProvider:"Connect Social",ConnectingMultiChain:"Select chain",ConnectingFarcaster:"Farcaster",SwitchActiveChain:"Switch chain",SmartSessionCreated:void 0,SmartSessionList:"Smart Sessions",SIWXSignMessage:"Sign In",PayLoading:"Payment in progress"}}let k=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.heading=b()[s.I.state.view],this.network=c.W.state.activeCaipNetwork,this.networkImage=u.$.getNetworkImage(this.network),this.showBack=!1,this.prevHistoryLength=1,this.view=s.I.state.view,this.viewDirection="",this.headerText=b()[s.I.state.view],this.unsubscribe.push(w.j.subscribeNetworkImages(()=>{this.networkImage=u.$.getNetworkImage(this.network)}),s.I.subscribeKey("view",e=>{setTimeout(()=>{this.view=e,this.headerText=b()[e]},v.o.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()}),c.W.subscribeKey("activeCaipNetwork",e=>{this.network=e,this.networkImage=u.$.getNetworkImage(this.network)}))}disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){return o.qy`
+      <wui-flex .padding=${this.getPadding()} justifyContent="space-between" alignItems="center">
+        ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()}
+      </wui-flex>
+    `}onWalletHelp(){p.E.sendEvent({type:"track",event:"CLICK_WALLET_HELP"}),s.I.push("WhatIsAWallet")}async onClose(){await m.m.safeClose()}rightHeaderTemplate(){const e=d.H?.state?.features?.smartSessions;return"Account"===s.I.state.view&&e?o.qy`<wui-flex>
+      <wui-icon-link
+        icon="clock"
+        @click=${()=>s.I.push("SmartSessionList")}
+        data-testid="w3m-header-smart-sessions"
+      ></wui-icon-link>
+      ${this.closeButtonTemplate()}
+    </wui-flex> `:this.closeButtonTemplate()}closeButtonTemplate(){return o.qy`
+      <wui-icon-link
+        icon="close"
+        @click=${this.onClose.bind(this)}
+        data-testid="w3m-header-close"
+      ></wui-icon-link>
+    `}titleTemplate(){const e=f.includes(this.view);return o.qy`
+      <wui-flex
+        view-direction="${this.viewDirection}"
+        class="w3m-header-title"
+        alignItems="center"
+        gap="xs"
+      >
+        <wui-text variant="paragraph-700" color="fg-100" data-testid="w3m-header-text"
+          >${this.headerText}</wui-text
+        >
+        ${e?o.qy`<wui-tag variant="main">Beta</wui-tag>`:null}
+      </wui-flex>
+    `}leftHeaderTemplate(){const{view:e}=s.I.state,t="Connect"===e,i=d.H.state.enableEmbedded,a="ApproveTransaction"===e,n="ConnectingSiwe"===e,c="Account"===e,l=d.H.state.enableNetworkSwitch,w=a||n||t&&i;return c&&l?o.qy`<wui-select
+        id="dynamic"
+        data-testid="w3m-account-select-network"
+        active-network=${(0,r.J)(this.network?.name)}
+        @click=${this.onNetworks.bind(this)}
+        imageSrc=${(0,r.J)(this.networkImage)}
+      ></wui-select>`:this.showBack&&!w?o.qy`<wui-icon-link
+        data-testid="header-back"
+        id="dynamic"
+        icon="chevronLeft"
+        @click=${this.onGoBack.bind(this)}
+      ></wui-icon-link>`:o.qy`<wui-icon-link
+      data-hidden=${!t}
+      id="dynamic"
+      icon="helpCircle"
+      @click=${this.onWalletHelp.bind(this)}
+    ></wui-icon-link>`}onNetworks(){this.isAllowedNetworkSwitch()&&(p.E.sendEvent({type:"track",event:"CLICK_NETWORKS"}),s.I.push("Networks"))}isAllowedNetworkSwitch(){const e=c.W.getAllRequestedCaipNetworks(),t=!!e&&e.length>1,i=e?.find(({id:e})=>e===this.network?.id);return t||!i}getPadding(){return this.heading?["l","2l","l","2l"]:["0","2l","0","2l"]}onViewChange(){const{history:e}=s.I.state;let t=v.o.VIEW_DIRECTION.Next;e.length<this.prevHistoryLength&&(t=v.o.VIEW_DIRECTION.Prev),this.prevHistoryLength=e.length,this.viewDirection=t}async onHistoryChange(){const{history:e}=s.I.state,t=this.shadowRoot?.querySelector("#dynamic");e.length>1&&!this.showBack&&t?(await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.showBack=!0,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"})):e.length<=1&&this.showBack&&t&&(await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.showBack=!1,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}onGoBack(){s.I.goBack()}};k.styles=g.A,y([(0,a.wk)()],k.prototype,"heading",void 0),y([(0,a.wk)()],k.prototype,"network",void 0),y([(0,a.wk)()],k.prototype,"networkImage",void 0),y([(0,a.wk)()],k.prototype,"showBack",void 0),y([(0,a.wk)()],k.prototype,"prevHistoryLength",void 0),y([(0,a.wk)()],k.prototype,"view",void 0),y([(0,a.wk)()],k.prototype,"viewDirection",void 0),y([(0,a.wk)()],k.prototype,"headerText",void 0),k=y([(0,h.EM)("w3m-header")],k)},54150:(e,t,i)=>{i.r(t),i.d(t,{AppKitModal:()=>o.TD,W3mModal:()=>o.tJ,W3mModalBase:()=>o.uh});var o=i(36961)},59181:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  button {
+    display: block;
+    display: flex;
+    align-items: center;
+    padding: var(--wui-spacing-xxs);
+    gap: var(--wui-spacing-xxs);
+    transition: all var(--wui-ease-out-power-1) var(--wui-duration-md);
+    border-radius: var(--wui-border-radius-xxs);
+  }
+
+  wui-image {
+    border-radius: 100%;
+    width: var(--wui-spacing-xl);
+    height: var(--wui-spacing-xl);
+  }
+
+  wui-icon-box {
+    width: var(--wui-spacing-xl);
+    height: var(--wui-spacing-xl);
+  }
+
+  button:hover {
+    background-color: var(--wui-color-gray-glass-002);
+  }
+
+  button:active {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+`},61378:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    z-index: var(--w3m-z-index);
+    display: block;
+    backface-visibility: hidden;
+    will-change: opacity;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    opacity: 0;
+    background-color: var(--wui-cover);
+    transition: opacity 0.2s var(--wui-ease-out-power-2);
+    will-change: opacity;
+  }
+
+  :host(.open) {
+    opacity: 1;
+  }
+
+  :host(.appkit-modal) {
+    position: relative;
+    pointer-events: unset;
+    background: none;
+    width: 100%;
+    opacity: 1;
+  }
+
+  wui-card {
+    max-width: var(--w3m-modal-width);
+    width: 100%;
+    position: relative;
+    animation: zoom-in 0.2s var(--wui-ease-out-power-2);
+    animation-fill-mode: backwards;
+    outline: none;
+    transition:
+      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
+      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
+    will-change: border-radius, background-color;
+  }
+
+  :host(.appkit-modal) wui-card {
+    max-width: 400px;
+  }
+
+  wui-card[shake='true'] {
+    animation:
+      zoom-in 0.2s var(--wui-ease-out-power-2),
+      w3m-shake 0.5s var(--wui-ease-out-power-2);
+  }
+
+  wui-flex {
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  @media (max-height: 700px) and (min-width: 431px) {
+    wui-flex {
+      align-items: flex-start;
+    }
+
+    wui-card {
+      margin: var(--wui-spacing-xxl) 0px;
+    }
+  }
+
+  @media (max-width: 430px) {
+    wui-flex {
+      align-items: flex-end;
+    }
+
+    wui-card {
+      max-width: 100%;
+      border-bottom-left-radius: var(--local-border-bottom-mobile-radius);
+      border-bottom-right-radius: var(--local-border-bottom-mobile-radius);
+      border-bottom: none;
+      animation: slide-in 0.2s var(--wui-ease-out-power-2);
+    }
+
+    wui-card[shake='true'] {
+      animation:
+        slide-in 0.2s var(--wui-ease-out-power-2),
+        w3m-shake 0.5s var(--wui-ease-out-power-2);
+    }
+  }
+
+  @keyframes zoom-in {
+    0% {
+      transform: scale(0.95) translateY(0);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes slide-in {
+    0% {
+      transform: scale(1) translateY(50px);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes w3m-shake {
+    0% {
+      transform: scale(1) rotate(0deg);
+    }
+    20% {
+      transform: scale(1) rotate(-1deg);
+    }
+    40% {
+      transform: scale(1) rotate(1.5deg);
+    }
+    60% {
+      transform: scale(1) rotate(-1.5deg);
+    }
+    80% {
+      transform: scale(1) rotate(1deg);
+    }
+    100% {
+      transform: scale(1) rotate(0deg);
+    }
+  }
+
+  @keyframes w3m-view-height {
+    from {
+      height: var(--prev-height);
+    }
+    to {
+      height: var(--new-height);
+    }
+  }
+`},62176:(e,t,i)=>{i(43125)},68399:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    pointer-events: none;
+  }
+
+  :host > wui-flex {
+    display: var(--w3m-tooltip-display);
+    opacity: var(--w3m-tooltip-opacity);
+    padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);
+    border-radius: var(--wui-border-radius-xxs);
+    color: var(--wui-color-bg-100);
+    position: fixed;
+    top: var(--w3m-tooltip-top);
+    left: var(--w3m-tooltip-left);
+    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
+    max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));
+    transition: opacity 0.2s var(--wui-ease-out-power-2);
+    will-change: opacity;
+  }
+
+  :host([data-variant='shade']) > wui-flex {
+    background-color: var(--wui-color-bg-150);
+    border: 1px solid var(--wui-color-gray-glass-005);
+  }
+
+  :host([data-variant='shade']) > wui-flex > wui-text {
+    color: var(--wui-color-fg-150);
+  }
+
+  :host([data-variant='fill']) > wui-flex {
+    background-color: var(--wui-color-fg-100);
+    border: none;
+  }
+
+  wui-icon {
+    position: absolute;
+    width: 12px !important;
+    height: 4px !important;
+    color: var(--wui-color-bg-150);
+  }
+
+  wui-icon[data-placement='top'] {
+    bottom: 0px;
+    left: 50%;
+    transform: translate(-50%, 95%);
+  }
+
+  wui-icon[data-placement='bottom'] {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -95%) rotate(180deg);
+  }
+
+  wui-icon[data-placement='right'] {
+    top: 50%;
+    left: 0;
+    transform: translate(-65%, -50%) rotate(90deg);
+  }
+
+  wui-icon[data-placement='left'] {
+    top: 50%;
+    right: 0%;
+    transform: translate(65%, -50%) rotate(270deg);
+  }
+`},73268:(e,t,i)=>{var o=i(52788),a=i(86280),r=i(31100),s=(i(3334),i(43748),i(12002),i(67232)),n=i(13679),c=i(90032),l=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let w=class extends o.WF{constructor(){super(...arguments),this.message="",this.backgroundColor="accent-100",this.iconColor="accent-100",this.icon="info"}render(){return this.style.cssText=`\n      --local-icon-bg-value: var(--wui-color-${this.backgroundColor});\n   `,o.qy`
+      <wui-flex flexDirection="row" justifyContent="space-between" alignItems="center">
+        <wui-flex columnGap="xs" flexDirection="row" alignItems="center">
+          <wui-flex
+            flexDirection="row"
+            alignItems="center"
+            justifyContent="center"
+            class="icon-box"
+          >
+            <wui-icon color=${this.iconColor} size="md" name=${this.icon}></wui-icon>
+          </wui-flex>
+          <wui-text variant="small-500" color="bg-350" data-testid="wui-alertbar-text"
+            >${this.message}</wui-text
+          >
+        </wui-flex>
+        <wui-icon
+          class="close"
+          color="bg-350"
+          size="sm"
+          name="close"
+          @click=${this.onClose}
+        ></wui-icon>
+      </wui-flex>
+    `}onClose(){r.h.close()}};w.styles=[s.W5,c.A],l([(0,a.MZ)()],w.prototype,"message",void 0),l([(0,a.MZ)()],w.prototype,"backgroundColor",void 0),l([(0,a.MZ)()],w.prototype,"iconColor",void 0),l([(0,a.MZ)()],w.prototype,"icon",void 0),w=l([(0,n.E)("wui-alertbar")],w)},74253:(e,t,i)=>{var o=i(52788),a=i(86280),r=i(88313),s=i(69658),n=(i(85017),i(22835),i(3389),i(68399)),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let l=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.open=r.I.state.open,this.message=r.I.state.message,this.triggerRect=r.I.state.triggerRect,this.variant=r.I.state.variant,this.unsubscribe.push(r.I.subscribe(e=>{this.open=e.open,this.message=e.message,this.triggerRect=e.triggerRect,this.variant=e.variant}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){this.dataset.variant=this.variant;const e=this.triggerRect.top,t=this.triggerRect.left;return this.style.cssText=`\n    --w3m-tooltip-top: ${e}px;\n    --w3m-tooltip-left: ${t}px;\n    --w3m-tooltip-parent-width: ${this.triggerRect.width/2}px;\n    --w3m-tooltip-display: ${this.open?"flex":"none"};\n    --w3m-tooltip-opacity: ${this.open?1:0};\n    `,o.qy`<wui-flex>
+      <wui-icon data-placement="top" color="fg-100" size="inherit" name="cursor"></wui-icon>
+      <wui-text color="inherit" variant="small-500">${this.message}</wui-text>
+    </wui-flex>`}};l.styles=[n.A],c([(0,a.wk)()],l.prototype,"open",void 0),c([(0,a.wk)()],l.prototype,"message",void 0),c([(0,a.wk)()],l.prototype,"triggerRect",void 0),c([(0,a.wk)()],l.prototype,"variant",void 0),l=c([(0,s.EM)("w3m-tooltip"),(0,s.EM)("w3m-tooltip")],l)},75791:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  button {
+    border-radius: var(--local-border-radius);
+    color: var(--wui-color-fg-100);
+    padding: var(--local-padding);
+  }
+
+  @media (max-width: 700px) {
+    button {
+      padding: var(--wui-spacing-s);
+    }
+  }
+
+  button > wui-icon {
+    pointer-events: none;
+  }
+
+  button:disabled > wui-icon {
+    color: var(--wui-color-bg-300) !important;
+  }
+
+  button:disabled {
+    background-color: transparent;
+  }
+`},79488:(e,t,i)=>{var o=i(52788),a=i(86280),r=i(72397),s=i(88313),n=i(69658),c=i(42177),l=i(4900),w=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let d=class extends o.WF{constructor(){super(),this.resizeObserver=void 0,this.prevHeight="0px",this.prevHistoryLength=1,this.unsubscribe=[],this.view=r.I.state.view,this.viewDirection="",this.unsubscribe.push(r.I.subscribeKey("view",e=>this.onViewChange(e)))}firstUpdated(){this.resizeObserver=new ResizeObserver(([e])=>{const t=`${e?.contentRect.height}px`;"0px"!==this.prevHeight&&(this.style.setProperty("--prev-height",this.prevHeight),this.style.setProperty("--new-height",t),this.style.animation="w3m-view-height 150ms forwards ease",this.style.height="auto"),setTimeout(()=>{this.prevHeight=t,this.style.animation="unset"},c.o.ANIMATION_DURATIONS.ModalHeight)}),this.resizeObserver?.observe(this.getWrapper())}disconnectedCallback(){this.resizeObserver?.unobserve(this.getWrapper()),this.unsubscribe.forEach(e=>e())}render(){return o.qy`<div class="w3m-router-container" view-direction="${this.viewDirection}">
+      ${this.viewTemplate()}
+    </div>`}viewTemplate(){switch(this.view){case"AccountSettings":return o.qy`<w3m-account-settings-view></w3m-account-settings-view>`;case"Account":return o.qy`<w3m-account-view></w3m-account-view>`;case"AllWallets":return o.qy`<w3m-all-wallets-view></w3m-all-wallets-view>`;case"ApproveTransaction":return o.qy`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;case"BuyInProgress":return o.qy`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;case"ChooseAccountName":return o.qy`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;case"Connect":default:return o.qy`<w3m-connect-view></w3m-connect-view>`;case"Create":return o.qy`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;case"ConnectingWalletConnect":return o.qy`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;case"ConnectingWalletConnectBasic":return o.qy`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;case"ConnectingExternal":return o.qy`<w3m-connecting-external-view></w3m-connecting-external-view>`;case"ConnectingSiwe":return o.qy`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;case"ConnectWallets":return o.qy`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;case"ConnectSocials":return o.qy`<w3m-connect-socials-view></w3m-connect-socials-view>`;case"ConnectingSocial":return o.qy`<w3m-connecting-social-view></w3m-connecting-social-view>`;case"Downloads":return o.qy`<w3m-downloads-view></w3m-downloads-view>`;case"EmailLogin":return o.qy`<w3m-email-login-view></w3m-email-login-view>`;case"EmailVerifyOtp":return o.qy`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;case"EmailVerifyDevice":return o.qy`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;case"GetWallet":return o.qy`<w3m-get-wallet-view></w3m-get-wallet-view>`;case"Networks":return o.qy`<w3m-networks-view></w3m-networks-view>`;case"SwitchNetwork":return o.qy`<w3m-network-switch-view></w3m-network-switch-view>`;case"Profile":return o.qy`<w3m-profile-view></w3m-profile-view>`;case"SwitchAddress":return o.qy`<w3m-switch-address-view></w3m-switch-address-view>`;case"Transactions":return o.qy`<w3m-transactions-view></w3m-transactions-view>`;case"OnRampProviders":return o.qy`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;case"OnRampActivity":return o.qy`<w3m-onramp-activity-view></w3m-onramp-activity-view>`;case"OnRampTokenSelect":return o.qy`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;case"OnRampFiatSelect":return o.qy`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;case"UpgradeEmailWallet":return o.qy`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;case"UpdateEmailWallet":return o.qy`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;case"UpdateEmailPrimaryOtp":return o.qy`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;case"UpdateEmailSecondaryOtp":return o.qy`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;case"UnsupportedChain":return o.qy`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;case"Swap":return o.qy`<w3m-swap-view></w3m-swap-view>`;case"SwapSelectToken":return o.qy`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;case"SwapPreview":return o.qy`<w3m-swap-preview-view></w3m-swap-preview-view>`;case"WalletSend":return o.qy`<w3m-wallet-send-view></w3m-wallet-send-view>`;case"WalletSendSelectToken":return o.qy`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;case"WalletSendPreview":return o.qy`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;case"WhatIsABuy":return o.qy`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;case"WalletReceive":return o.qy`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;case"WalletCompatibleNetworks":return o.qy`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;case"WhatIsAWallet":return o.qy`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;case"ConnectingMultiChain":return o.qy`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;case"WhatIsANetwork":return o.qy`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;case"ConnectingFarcaster":return o.qy`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;case"SwitchActiveChain":return o.qy`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;case"RegisterAccountName":return o.qy`<w3m-register-account-name-view></w3m-register-account-name-view>`;case"RegisterAccountNameSuccess":return o.qy`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;case"SmartSessionCreated":return o.qy`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;case"SmartSessionList":return o.qy`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;case"SIWXSignMessage":return o.qy`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;case"Pay":return o.qy`<w3m-pay-view></w3m-pay-view>`;case"PayLoading":return o.qy`<w3m-pay-loading-view></w3m-pay-loading-view>`}}onViewChange(e){s.I.hide();let t=c.o.VIEW_DIRECTION.Next;const{history:i}=r.I.state;i.length<this.prevHistoryLength&&(t=c.o.VIEW_DIRECTION.Prev),this.prevHistoryLength=i.length,this.viewDirection=t,setTimeout(()=>{this.view=e},c.o.ANIMATION_DURATIONS.ViewTransition)}getWrapper(){return this.shadowRoot?.querySelector("div")}};d.styles=l.A,w([(0,a.wk)()],d.prototype,"view",void 0),w([(0,a.wk)()],d.prototype,"viewDirection",void 0),d=w([(0,n.EM)("w3m-router")],d)},83733:(e,t,i)=>{i(73268)},84708:(e,t,i)=>{i(18093)},86627:(e,t,i)=>{var o=i(52788),a=i(86280),r=(i(3334),i(92008),i(71050),i(67232)),s=i(13679),n=i(59181),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};let l=class extends o.WF{constructor(){super(...arguments),this.imageSrc=""}render(){return o.qy`<button>
+      ${this.imageTemplate()}
+      <wui-icon size="xs" color="fg-200" name="chevronBottom"></wui-icon>
+    </button>`}imageTemplate(){return this.imageSrc?o.qy`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`:o.qy`<wui-icon-box
+      size="xxs"
+      iconColor="fg-200"
+      backgroundColor="fg-100"
+      background="opaque"
+      icon="networkPlaceholder"
+    ></wui-icon-box>`}};l.styles=[r.W5,r.fD,r.ck,n.A],c([(0,a.MZ)()],l.prototype,"imageSrc",void 0),l=c([(0,s.E)("wui-select")],l)},88313:(e,t,i)=>{i.d(t,{I:()=>c});var o=i(89168),a=i(39150),r=i(37834);const s=(0,o.BX)({message:"",open:!1,triggerRect:{width:0,height:0,top:0,left:0},variant:"shade"}),n={state:s,subscribe:e=>(0,o.B1)(s,()=>e(s)),subscribeKey:(e,t)=>(0,a.u$)(s,e,t),showTooltip({message:e,triggerRect:t,variant:i}){s.open=!0,s.message=e,s.triggerRect=t,s.variant=i},hide(){s.open=!1,s.message="",s.triggerRect={width:0,height:0,top:0,left:0}}},c=(0,r.X)(n)},90009:(e,t,i)=>{i(40148)},90032:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: var(--wui-spacing-s);
+    border-radius: var(--wui-border-radius-s);
+    border: 1px solid var(--wui-color-dark-glass-100);
+    box-sizing: border-box;
+    background-color: var(--wui-color-bg-325);
+    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
+  }
+
+  wui-flex {
+    width: 100%;
+  }
+
+  wui-text {
+    word-break: break-word;
+    flex: 1;
+  }
+
+  .close {
+    cursor: pointer;
+  }
+
+  .icon-box {
+    height: 40px;
+    width: 40px;
+    border-radius: var(--wui-border-radius-3xs);
+    background-color: var(--local-icon-bg-value);
+  }
+`},96451:(e,t,i)=>{i.d(t,{A:()=>o});const o=i(52788).AH`
+  :host {
+    display: block;
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    top: 11px;
+    left: 50%;
+    width: max-content;
+  }
+`},98649:(e,t,i)=>{var o=i(52788),a=i(86280),r=i(92492),s=i(69658),n=(i(90009),i(96451)),c=function(e,t,i,o){var a,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const l={loading:void 0,success:{backgroundColor:"success-100",iconColor:"success-100",icon:"checkmark"},error:{backgroundColor:"error-100",iconColor:"error-100",icon:"close"}};let w=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=r.P.state.open,this.unsubscribe.push(r.P.subscribeKey("open",e=>{this.open=e,this.onOpen()}))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach(e=>e())}render(){const{message:e,variant:t,svg:i}=r.P.state,a=l[t],{icon:s,iconColor:n}=i??a??{};return o.qy`
+      <wui-snackbar
+        message=${e}
+        backgroundColor=${a?.backgroundColor}
+        iconColor=${n}
+        icon=${s}
+        .loading=${"loading"===t}
+      ></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),r.P.state.autoClose&&(this.timeout=setTimeout(()=>r.P.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"})}};w.styles=n.A,c([(0,a.wk)()],w.prototype,"open",void 0),w=c([(0,s.EM)("w3m-snackbar")],w)}};