1import{C as e,E as t,L as n,R as r,U as i,V as a,Y as o,_ as s,ct as c,d as l,dt as ee,f as te,g as u,gt as d,h as f,ht as p,it as m,l as h,m as g,nt as _,p as ne,q as re,rt as ie,st as v,ut as y}from"./reown-appkit-umVlJj26.js";import{t as ae}from"./SwapController-ByFY1d-N.js";import"./w3m-tooltip-BpKSRYiH.js";import{c as b,o as x,s as S}from"./wui-text-DfMgpX4V.js";import"./wui-loading-spinner-fKzB--LB.js";import"./wui-button-C0way9Sp.js";import"./wui-icon-DNA8SefJ.js";import{n as C}from"./exports-DZLXgBax.js";import"./wui-image-DzAv_k--.js";import"./wui-icon-box-CnBBYVv3.js";import{t as w}from"./HelpersUtil-03cfgAB2.js";import{t as T}from"./ConstantsUtil-C1qdKpER.js";import"./wui-list-wallet-DYoXzMEC.js";var E={isUnsupportedChainView(){return m.state.view===`UnsupportedChain`||m.state.view===`SwitchNetwork`&&m.state.history.includes(`UnsupportedChain`)},async safeClose(){if(this.isUnsupportedChainView()){a.shake();return}if(await r.isSIWXCloseDisabled()){a.shake();return}(m.state.view===`DataCapture`||m.state.view===`DataCaptureOtpConfirm`)&&o.disconnect(),a.close()}},oe=f` 2 :host { 3 display: block; 4 border-radius: clamp(0px, ${({borderRadius:e})=>e[8]}, 44px); 5 box-shadow: 0 0 0 1px ${({tokens:e})=>e.theme.foregroundPrimary}; 6 overflow: hidden; 7 } 8`,se=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},D=class extends s{render(){return e`<slot></slot>`}};D.styles=[g,oe],D=se([h(`wui-card`)],D);var ce=f` 9 :host { 10 width: 100%; 11 } 12 13 :host > wui-flex { 14 width: 100%; 15 display: flex; 16 align-items: center; 17 justify-content: center; 18 gap: ${({spacing:e})=>e[2]}; 19 padding: ${({spacing:e})=>e[3]}; 20 border-radius: ${({borderRadius:e})=>e[6]}; 21 border: 1px solid ${({tokens:e})=>e.theme.borderPrimary}; 22 box-sizing: border-box; 23 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 24 box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25); 25 color: ${({tokens:e})=>e.theme.textPrimary}; 26 } 27 28 :host > wui-flex[data-type='info'] { 29 .icon-box { 30 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 31 32 wui-icon { 33 color: ${({tokens:e})=>e.theme.iconDefault}; 34 } 35 } 36 } 37 :host > wui-flex[data-type='success'] { 38 .icon-box { 39 background-color: ${({tokens:e})=>e.core.backgroundSuccess}; 40 41 wui-icon { 42 color: ${({tokens:e})=>e.core.borderSuccess}; 43 } 44 } 45 } 46 :host > wui-flex[data-type='warning'] { 47 .icon-box { 48 background-color: ${({tokens:e})=>e.core.backgroundWarning}; 49 50 wui-icon { 51 color: ${({tokens:e})=>e.core.borderWarning}; 52 } 53 } 54 } 55 :host > wui-flex[data-type='error'] { 56 .icon-box { 57 background-color: ${({tokens:e})=>e.core.backgroundError}; 58 59 wui-icon { 60 color: ${({tokens:e})=>e.core.borderError}; 61 } 62 } 63 } 64 65 wui-flex { 66 width: 100%; 67 } 68 69 wui-text { 70 word-break: break-word; 71 flex: 1; 72 } 73 74 .close { 75 cursor: pointer; 76 color: ${({tokens:e})=>e.theme.iconDefault}; 77 } 78 79 .icon-box { 80 height: 40px; 81 width: 40px; 82 border-radius: ${({borderRadius:e})=>e[2]}; 83 background-color: var(--local-icon-bg-value); 84 } 85`,O=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},le={info:`info`,success:`checkmark`,warning:`warningCircle`,error:`warning`},k=class extends s{constructor(){super(...arguments),this.message=``,this.type=`info`}render(){return e` 86 <wui-flex 87 data-type=${x(this.type)} 88 flexDirection="row" 89 justifyContent="space-between" 90 alignItems="center" 91 gap="2" 92 > 93 <wui-flex columnGap="2" flexDirection="row" alignItems="center"> 94 <wui-flex 95 flexDirection="row" 96 alignItems="center" 97 justifyContent="center" 98 class="icon-box" 99 > 100 <wui-icon color="inherit" size="md" name=${le[this.type]}></wui-icon> 101 </wui-flex> 102 <wui-text variant="md-medium" color="inherit" data-testid="wui-alertbar-text" 103 >${this.message}</wui-text 104 > 105 </wui-flex> 106 <wui-icon 107 class="close" 108 color="inherit" 109 size="sm" 110 name="close" 111 @click=${this.onClose} 112 ></wui-icon> 113 </wui-flex> 114 `}onClose(){n.close()}};k.styles=[g,ce],O([b()],k.prototype,`message`,void 0),O([b()],k.prototype,`type`,void 0),k=O([h(`wui-alertbar`)],k);var ue=f` 115 :host { 116 display: block; 117 position: absolute; 118 top: ${({spacing:e})=>e[3]}; 119 left: ${({spacing:e})=>e[4]}; 120 right: ${({spacing:e})=>e[4]}; 121 opacity: 0; 122 pointer-events: none; 123 } 124`,A=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},de={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`}},j=class extends s{constructor(){super(),this.unsubscribe=[],this.open=n.state.open,this.onOpen(!0),this.unsubscribe.push(n.subscribeKey(`open`,e=>{this.open=e,this.onOpen(!1)}))}
124disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let{message:t,variant:r}=n.state,i=de[r];return e` 125 <wui-alertbar 126 message=${t} 127 backgroundColor=${i?.backgroundColor} 128 iconColor=${i?.iconColor} 129 icon=${i?.icon} 130 type=${r} 131 ></wui-alertbar> 132 `}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`)}};j.styles=ue,A([S()],j.prototype,`open`,void 0),j=A([h(`w3m-alertbar`)],j);var fe=f` 133 button { 134 display: block; 135 display: flex; 136 align-items: center; 137 padding: ${({spacing:e})=>e[1]}; 138 transition: background-color ${({durations:e})=>e.lg} 139 ${({easings:e})=>e[`ease-out-power-2`]}; 140 will-change: background-color; 141 border-radius: ${({borderRadius:e})=>e[32]}; 142 } 143 144 wui-image { 145 border-radius: 100%; 146 } 147 148 wui-text { 149 padding-left: ${({spacing:e})=>e[1]}; 150 } 151 152 .left-icon-container, 153 .right-icon-container { 154 width: 24px; 155 height: 24px; 156 justify-content: center; 157 align-items: center; 158 } 159 160 wui-icon { 161 color: ${({tokens:e})=>e.theme.iconDefault}; 162 } 163 164 /* -- Sizes --------------------------------------------------- */ 165 button[data-size='lg'] { 166 height: 32px; 167 } 168 169 button[data-size='md'] { 170 height: 28px; 171 } 172 173 button[data-size='sm'] { 174 height: 24px; 175 } 176 177 button[data-size='lg'] wui-image { 178 width: 24px; 179 height: 24px; 180 } 181 182 button[data-size='md'] wui-image { 183 width: 20px; 184 height: 20px; 185 } 186 187 button[data-size='sm'] wui-image { 188 width: 16px; 189 height: 16px; 190 } 191 192 button[data-size='lg'] .left-icon-container { 193 width: 24px; 194 height: 24px; 195 } 196 197 button[data-size='md'] .left-icon-container { 198 width: 20px; 199 height: 20px; 200 } 201 202 button[data-size='sm'] .left-icon-container { 203 width: 16px; 204 height: 16px; 205 } 206 207 /* -- Variants --------------------------------------------------------- */ 208 button[data-type='filled-dropdown'] { 209 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 210 } 211 212 button[data-type='text-dropdown'] { 213 background-color: transparent; 214 } 215 216 /* -- Focus states --------------------------------------------------- */ 217 button:focus-visible:enabled { 218 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 219 box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent040}; 220 } 221 222 /* -- Hover & Active states ----------------------------------------------------------- */ 223 @media (hover: hover) and (pointer: fine) { 224 button:hover:enabled, 225 button:active:enabled { 226 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 227 } 228 } 229 230 /* -- Disabled states --------------------------------------------------- */ 231 button:disabled { 232 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 233 opacity: 0.5; 234 } 235`,M=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},pe={lg:`lg-regular`,md:`md-regular`,sm:`sm-regular`},me={lg:`lg`,md:`md`,sm:`sm`},N=class extends s{constructor(){super(...arguments),this.imageSrc=``,this.text=``,this.size=`lg`,this.type=`text-dropdown`,this.disabled=!1}render(){return e`<button ?disabled=${this.disabled} data-size=${this.size} data-type=${this.type}> 236 ${this.imageTemplate()} ${this.textTemplate()} 237 <wui-flex class="right-icon-container"> 238 <wui-icon name="chevronBottom"></wui-icon> 239 </wui-flex> 240 </button>`}textTemplate(){let t=pe[this.size];return this.text?e`<wui-text color="primary" variant=${t}>${this.text}</wui-text>`:null}imageTemplate(){if(this.imageSrc)return e`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`;let t=me[this.size];return e` <wui-flex class="left-icon-container"> 241 <wui-icon size=${t} name="networkPlaceholder"></wui-icon> 242 </wui-flex>`}};N.styles=[g,te,fe],M([b()],N.prototype,`imageSrc`,void 0),M([b()],N.prototype,`text`,void 0),M([b()],N.prototype,`size`,void 0),M([b()],N.prototype,`type`,void 0),M([b({type:Boolean})],N.prototype,`disabled`,void 0),N=M([h(`wui-select`)],N);var he=f` 243 wui-image { 244 border-radius: ${({borderRadius:e})=>e.round}; 245 } 246 247 .transfers-badge { 248 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 249 border: 1px solid ${({tokens:e})=>e.theme.foregroundSecondary}; 250 border-radius: ${({borderRadius:e})=>e[4]}; 251 } 252`,P=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},F=class extends s{constructor(){super(),this.unsubscribe=[],this.paymentAsset=C.state.paymentAsset,this.amount=C.state.amount,this.unsubscribe.push(C.subscribeKey(`paymentAsset`,e=>{this.paymentAsset=e}),C.subscribeKey(`amount`,e=>{this.amount=e}))}
252disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let t=i.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===this.paymentAsset.network);return e`<wui-flex 253 alignItems="center" 254 gap="1" 255 .padding=${[`1`,`2`,`1`,`1`]} 256 class="transfers-badge" 257 > 258 <wui-image src=${x(this.paymentAsset.metadata.logoURI)} size="xl"></wui-image> 259 <wui-text variant="lg-regular" color="primary"> 260 ${this.amount} ${this.paymentAsset.metadata.symbol} 261 </wui-text> 262 <wui-text variant="sm-regular" color="secondary"> 263 on ${t?.name??`Unknown`} 264 </wui-text> 265 </wui-flex>`}};F.styles=[he],P([b()],F.prototype,`paymentAsset`,void 0),P([b()],F.prototype,`amount`,void 0),F=P([h(`w3m-pay-header`)],F);var ge=f` 266 :host { 267 height: 60px; 268 } 269 270 :host > wui-flex { 271 box-sizing: border-box; 272 background-color: var(--local-header-background-color); 273 } 274 275 wui-text { 276 background-color: var(--local-header-background-color); 277 } 278 279 wui-flex.w3m-header-title { 280 transform: translateY(0); 281 opacity: 1; 282 } 283 284 wui-flex.w3m-header-title[view-direction='prev'] { 285 animation: 286 slide-down-out 120ms forwards ${({easings:e})=>e[`ease-out-power-2`]}, 287 slide-down-in 120ms forwards ${({easings:e})=>e[`ease-out-power-2`]}; 288 animation-delay: 0ms, 200ms; 289 } 290 291 wui-flex.w3m-header-title[view-direction='next'] { 292 animation: 293 slide-up-out 120ms forwards ${({easings:e})=>e[`ease-out-power-2`]}, 294 slide-up-in 120ms forwards ${({easings:e})=>e[`ease-out-power-2`]}; 295 animation-delay: 0ms, 200ms; 296 } 297 298 wui-icon-button[data-hidden='true'] { 299 opacity: 0 !important; 300 pointer-events: none; 301 } 302 303 @keyframes slide-up-out { 304 from { 305 transform: translateY(0px); 306 opacity: 1; 307 } 308 to { 309 transform: translateY(3px); 310 opacity: 0; 311 } 312 } 313 314 @keyframes slide-up-in { 315 from { 316 transform: translateY(-3px); 317 opacity: 0; 318 } 319 to { 320 transform: translateY(0); 321 opacity: 1; 322 } 323 } 324 325 @keyframes slide-down-out { 326 from { 327 transform: translateY(0px); 328 opacity: 1; 329 } 330 to { 331 transform: translateY(-3px); 332 opacity: 0; 333 } 334 } 335 336 @keyframes slide-down-in { 337 from { 338 transform: translateY(3px); 339 opacity: 0; 340 } 341 to { 342 transform: translateY(0); 343 opacity: 1; 344 } 345 } 346`,I=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},_e=[`SmartSessionList`],ve={PayWithExchange:u.tokens.theme.foregroundPrimary};function L(){let e=m.state.data?.connector?.name,t=m.state.data?.wallet?.name,n=m.state.data?.network?.name,r=t??e,a=_.getConnectors(),o=a.length===1&&a[0]?.id===`w3m-email`,s=i.getAccountData()?.socialProvider,c=s?s.charAt(0).toUpperCase()+s.slice(1):`Connect Social`;return{Connect:`Connect ${o?`Email`:``} Wallet`,Create:`Create Wallet`,ChooseAccountName:void 0,Account:void 0,AccountSettings:void 0,AllWallets:`All Wallets`,ApproveTransaction:`Approve Transaction`,BuyInProgress:`Buy`,UsageExceeded:`Usage Exceeded`,ConnectingExternal:r??`Connect Wallet`,ConnectingWalletConnect:r??`WalletConnect`,ConnectingWalletConnectBasic:`WalletConnect`,ConnectingSiwe:`Sign In`,Convert:`Convert`,ConvertSelectToken:`Select token`,ConvertPreview:`Preview Convert`,Downloads:r?`Get ${r}`:`Downloads`,EmailLogin:`Email Login`,EmailVerifyOtp:`Confirm Email`,EmailVerifyDevice:`Register Device`,GetWallet:`Get a Wallet`,Networks:`Choose Network`,OnRampProviders:`Choose Provider`,OnRampActivity:`Activity`,OnRampTokenSelect:`Select Token`,OnRampFiatSelect:`Select Currency`,Pay:`How you pay`,ProfileWallets:`Wallets`,SwitchNetwork:n??`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:c,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`}}var R=class extends s{constructor(){super(),this.unsubscribe=[],this.heading=L()[m.state.view],this.network=i.state.activeCaipNetwork,this.networkImage=y.getNetworkImage(this.network),this.showBack=!1,this.prevHistoryLength=1,this.view=m.state.view,this.viewDirection=``,this.unsubscribe.push(ee.subscribeNetworkImages(()=>{this.networkImage=y.getNetworkImage(this.network)}),m.subscribeKey(`view`,e=>{setTimeout(()=>{this.view=e,this.heading=L()[e]},T.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()}),i.subscribeKey(`activeCaipNetwork`,e=>{this.network=e,this.networkImage=y.getNetworkImage(this.network)}))}
346disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){let t=ve[m.state.view]??u.tokens.theme.backgroundPrimary;return this.style.setProperty(`--local-header-background-color`,t),e` 347 <wui-flex 348 .padding=${[`0`,`4`,`0`,`4`]} 349 justifyContent="space-between" 350 alignItems="center" 351 > 352 ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()} 353 </wui-flex> 354 `}onWalletHelp(){c.sendEvent({type:`track`,event:`CLICK_WALLET_HELP`}),m.push(`WhatIsAWallet`)}async onClose(){await E.safeClose()}rightHeaderTemplate(){let t=d?.state?.features?.smartSessions;return m.state.view!==`Account`||!t?this.closeButtonTemplate():e`<wui-flex> 355 <wui-icon-button 356 icon="clock" 357 size="lg" 358 iconSize="lg" 359 type="neutral" 360 variant="primary" 361 @click=${()=>m.push(`SmartSessionList`)} 362 data-testid="w3m-header-smart-sessions" 363 ></wui-icon-button> 364 ${this.closeButtonTemplate()} 365 </wui-flex> `}closeButtonTemplate(){return e` 366 <wui-icon-button 367 icon="close" 368 size="lg" 369 type="neutral" 370 variant="primary" 371 iconSize="lg" 372 @click=${this.onClose.bind(this)} 373 data-testid="w3m-header-close" 374 ></wui-icon-button> 375 `}titleTemplate(){if(this.view===`PayQuote`)return e`<w3m-pay-header></w3m-pay-header>`;let t=_e.includes(this.view);return e` 376 <wui-flex 377 view-direction="${this.viewDirection}" 378 class="w3m-header-title" 379 alignItems="center" 380 gap="2" 381 > 382 <wui-text 383 display="inline" 384 variant="lg-regular" 385 color="primary" 386 data-testid="w3m-header-text" 387 > 388 ${this.heading} 389 </wui-text> 390 ${t?e`<wui-tag variant="accent" size="md">Beta</wui-tag>`:null} 391 </wui-flex> 392 `}leftHeaderTemplate(){let{view:t}=m.state,n=t===`Connect`,r=d.state.enableEmbedded,i=t===`ApproveTransaction`,a=t===`ConnectingSiwe`,o=t===`Account`,s=d.state.enableNetworkSwitch,c=i||a||n&&r;return o&&s?e`<wui-select 393 id="dynamic" 394 data-testid="w3m-account-select-network" 395 active-network=${x(this.network?.name)} 396 @click=${this.onNetworks.bind(this)} 397 imageSrc=${x(this.networkImage)} 398 ></wui-select>`:this.showBack&&!c?e`<wui-icon-button 399 data-testid="header-back" 400 id="dynamic" 401 icon="chevronLeft" 402 size="lg" 403 iconSize="lg" 404 type="neutral" 405 variant="primary" 406 @click=${this.onGoBack.bind(this)} 407 ></wui-icon-button>`:e`<wui-icon-button 408 data-hidden=${!n} 409 id="dynamic" 410 icon="helpCircle" 411 size="lg" 412 iconSize="lg" 413 type="neutral" 414 variant="primary" 415 @click=${this.onWalletHelp.bind(this)} 416 ></wui-icon-button>`}onNetworks(){this.isAllowedNetworkSwitch()&&(c.sendEvent({type:`track`,event:`CLICK_NETWORKS`}),m.push(`Networks`))}isAllowedNetworkSwitch(){let e=i.getAllRequestedCaipNetworks(),t=e?e.length>1:!1,n=e?.find(({id:e})=>e===this.network?.id);return t||!n}onViewChange(){let{history:e}=m.state,t=T.VIEW_DIRECTION.Next;e.length<this.prevHistoryLength&&(t=T.VIEW_DIRECTION.Prev),this.prevHistoryLength=e.length,this.viewDirection=t}async onHistoryChange(){let{history:e}=m.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(){m.goBack()}};R.styles=ge,I([S()],R.prototype,`heading`,void 0),I([S()],R.prototype,`network`,void 0),I([S()],R.prototype,`networkImage`,void 0),I([S()],R.prototype,`showBack`,void 0),I([S()],R.prototype,`prevHistoryLength`,void 0),I([S()],R.prototype,`view`,void 0),I([S()],R.prototype,`viewDirection`,void 0),R=I([h(`w3m-header`)],R);var ye=f` 417 :host { 418 display: flex; 419 align-items: center; 420 gap: ${({spacing:e})=>e[1]}; 421 padding: ${({spacing:e})=>e[2]} ${({spacing:e})=>e[3]} 422 ${({spacing:e})=>e[2]} ${({spacing:e})=>e[2]}; 423 border-radius: ${({borderRadius:e})=>e[20]}; 424 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 425 box-shadow: 426 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 427 inset 0 0 0 1px ${({tokens:e})=>e.theme.borderPrimary}; 428 max-width: 320px; 429 } 430 431 wui-icon-box { 432 border-radius: ${({borderRadius:e})=>e.round} !important; 433 overflow: hidden; 434 } 435 436 wui-loading-spinner { 437 padding: ${({spacing:e})=>e[1]}; 438 background-color: ${({tokens:e})=>e.core.foregroundAccent010}; 439 border-radius: ${({borderRadius:e})=>e.round} !important; 440 } 441`,z=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},B=class extends s{constructor(){super(...arguments),this.message=``,this.variant=`success`}render(){return e` 442 ${this.templateIcon()} 443 <wui-text variant="lg-regular" color="primary" data-testid="wui-snackbar-message" 444 >${this.message}</wui-text 445 > 446 `}templateIcon(){return this.variant===`loading`?e`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`:e`<wui-icon-box 447 size="md" 448 color=${{success:`success`,error:`error`,warning:`warning`,info:`default`}[this.variant]} 449 icon=${{success:`checkmark`,error:`warning`,warning:`warningCircle`,info:`info`}[this.variant]} 450 ></wui-icon-box>`}};B.styles=[g,ye],z([b()],B.prototype,`message`,void 0),z([b()],B.prototype,`variant`,void 0),B=z([h(`wui-snackbar`)],B);var be=t` 451 :host { 452 display: block; 453 position: absolute; 454 opacity: 0; 455 pointer-events: none; 456 top: 11px; 457 left: 50%; 458 width: max-content; 459 } 460`,V=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},H=class extends s{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=p.state.open,this.unsubscribe.push(p.subscribeKey(`open`,e=>{this.open=e,this.onOpen()}))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach(e
vendor: 8,164 bytes, lines 460-679
460=>e())}render(){let{message:t,variant:n}=p.state;return e` <wui-snackbar message=${t} variant=${n}></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),p.state.autoClose&&(this.timeout=setTimeout(()=>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`})}};H.styles=be,V([S()],H.prototype,`open`,void 0),H=V([h(`w3m-snackbar`)],H);var xe=f` 461 :host { 462 z-index: ${({tokens:e})=>e.core.zIndex}; 463 display: block; 464 backface-visibility: hidden; 465 will-change: opacity; 466 position: fixed; 467 top: 0; 468 left: 0; 469 right: 0; 470 bottom: 0; 471 pointer-events: none; 472 opacity: 0; 473 background-color: ${({tokens:e})=>e.theme.overlay}; 474 backdrop-filter: blur(0px); 475 transition: 476 opacity ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]}, 477 backdrop-filter ${({durations:e})=>e.lg} 478 ${({easings:e})=>e[`ease-out-power-2`]}; 479 will-change: opacity; 480 } 481 482 :host(.open) { 483 opacity: 1; 484 backdrop-filter: blur(8px); 485 } 486 487 :host(.appkit-modal) { 488 position: relative; 489 pointer-events: unset; 490 background: none; 491 width: 100%; 492 opacity: 1; 493 } 494 495 wui-card { 496 max-width: var(--apkt-modal-width); 497 width: 100%; 498 position: relative; 499 outline: none; 500 transform: translateY(4px); 501 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); 502 transition: 503 transform ${({durations:e})=>e.lg} 504 ${({easings:e})=>e[`ease-out-power-2`]}, 505 border-radius ${({durations:e})=>e.lg} 506 ${({easings:e})=>e[`ease-out-power-1`]}, 507 background-color ${({durations:e})=>e.lg} 508 ${({easings:e})=>e[`ease-out-power-1`]}, 509 box-shadow ${({durations:e})=>e.lg} 510 ${({easings:e})=>e[`ease-out-power-1`]}; 511 will-change: border-radius, background-color, transform, box-shadow; 512 background-color: ${({tokens:e})=>e.theme.backgroundPrimary}; 513 padding: var(--local-modal-padding); 514 box-sizing: border-box; 515 } 516 517 :host(.open) wui-card { 518 transform: translateY(0px); 519 } 520 521 wui-card::before { 522 z-index: 1; 523 pointer-events: none; 524 content: ''; 525 position: absolute; 526 inset: 0; 527 border-radius: clamp(0px, var(--apkt-borderRadius-8), 44px); 528 transition: box-shadow ${({durations:e})=>e.lg} 529 ${({easings:e})=>e[`ease-out-power-2`]}; 530 transition-delay: ${({durations:e})=>e.md}; 531 will-change: box-shadow; 532 } 533 534 :host([data-mobile-fullscreen='true']) wui-card::before { 535 border-radius: 0px; 536 } 537 538 :host([data-border='true']) wui-card::before { 539 box-shadow: inset 0px 0px 0px 4px ${({tokens:e})=>e.theme.foregroundSecondary}; 540 } 541 542 :host([data-border='false']) wui-card::before { 543 box-shadow: inset 0px 0px 0px 1px ${({tokens:e})=>e.theme.borderPrimaryDark}; 544 } 545 546 :host([data-border='true']) wui-card { 547 animation: 548 fade-in ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]}, 549 card-background-border var(--apkt-duration-dynamic) 550 ${({easings:e})=>e[`ease-out-power-2`]}; 551 animation-fill-mode: backwards, both; 552 animation-delay: var(--apkt-duration-dynamic); 553 } 554 555 :host([data-border='false']) wui-card { 556 animation: 557 fade-in ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]}, 558 card-background-default var(--apkt-duration-dynamic) 559 ${({easings:e})=>e[`ease-out-power-2`]}; 560 animation-fill-mode: backwards, both; 561 animation-delay: 0s; 562 } 563 564 :host(.appkit-modal) wui-card { 565 max-width: var(--apkt-modal-width); 566 } 567 568 wui-card[shake='true'] { 569 animation: 570 fade-in ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]}, 571 w3m-shake ${({durations:e})=>e.xl} 572 ${({easings:e})=>e[`ease-out-power-2`]}; 573 } 574 575 wui-flex { 576 overflow-x: hidden; 577 overflow-y: auto; 578 display: flex; 579 align-items: center; 580 justify-content: center; 581 width: 100%; 582 height: 100%; 583 } 584 585 @media (max-height: 700px) and (min-width: 431px) { 586 wui-flex { 587 align-items: flex-start; 588 } 589 590 wui-card { 591 margin: var(--apkt-spacing-6) 0px; 592 } 593 } 594 595 @media (max-width: 430px) { 596 :host([data-mobile-fullscreen='true']) { 597 height: 100dvh; 598 } 599 :host([data-mobile-fullscreen='true']) wui-flex { 600 align-items: stretch; 601 } 602 :host([data-mobile-fullscreen='true']) wui-card { 603 max-width: 100%; 604 height: 100%; 605 border-radius: 0; 606 border: none; 607 } 608 :host(:not([data-mobile-fullscreen='true'])) wui-flex { 609 align-items: flex-end; 610 } 611 612 :host(:not([data-mobile-fullscreen='true'])) wui-card { 613 max-width: 100%; 614 border-bottom: none; 615 } 616 617 :host(:not([data-mobile-fullscreen='true'])) wui-card[data-embedded='true'] { 618 border-bottom-left-radius: clamp(0px, var(--apkt-borderRadius-8), 44px); 619 border-bottom-right-radius: clamp(0px, var(--apkt-borderRadius-8), 44px); 620 } 621 622 :host(:not([data-mobile-fullscreen='true'])) wui-card:not([data-embedded='true']) { 623 border-bottom-left-radius: 0px; 624 border-bottom-right-radius: 0px; 625 } 626 627 wui-card[shake='true'] { 628 animation: w3m-shake 0.5s ${({easings:e})=>e[`ease-out-power-2`]}; 629 } 630 } 631 632 @keyframes fade-in { 633 0% { 634 transform: scale(0.99) translateY(4px); 635 } 636 100% { 637 transform: scale(1) translateY(0); 638 } 639 } 640 641 @keyframes w3m-shake { 642 0% { 643 transform: scale(1) rotate(0deg); 644 } 645 20% { 646 transform: scale(1) rotate(-1deg); 647 } 648 40% { 649 transform: scale(1) rotate(1.5deg); 650 } 651 60% { 652 transform: scale(1) rotate(-1.5deg); 653 } 654 80% { 655 transform: scale(1) rotate(1deg); 656 } 657 100% { 658 transform: scale(1) rotate(0deg); 659 } 660 } 661 662 @keyframes card-background-border { 663 from { 664 background-color: ${({tokens:e})=>e.theme.backgroundPrimary}; 665 } 666 to { 667 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 668 } 669 } 670 671 @keyframes card-background-default { 672 from { 673 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 674 } 675 to { 676 background-color: ${({tokens:e})=>e.theme.backgroundPrimary}; 677 } 678 } 679`,U=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},W=`scroll-lock`,Se={PayWithExchange:`0`,PayWithExchangeSelectAsset:`0`,Pay:`0`,PayQuote:`0`,PayLoading:`0`},G=class extends s{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=d.state.enableEmbedded,this.open=a.state.open,this.caipAddress=i.state.activeCaipAddress,this.caipNetwork=i.state.activeCaipNetwork,this.shake=a.state.shake,this.filterByNamespace=_.state.filterByNamespace,this.padding=u.spacing[1],this.mobileFullScreen=d.state.enableMobileFullScreen,this.initializeTheming(),v.prefetchAnalyticsConfig(),this.unsubscribe.push(a.subscribeKey(`open`,e=>e?this.onOpen():this.onClose()),a.subscribeKey(`shake`,e=>this.shake=e),i.subscribeKey(`activeCaipNetwork`,e=>this.onNewNetwork(e)),i.subscribeKey(`activeCaipAddress`,e=>this.onNewAddress(e)),d.subscribeKey(`enableEmbedded`,e=>this.enableEmbedded=e),_.subscribeKey(`filterByNamespace`,e=>{this.filterByNamespace!==e&&!i.getAccountData(e)?.caipAddress&&(v.fetchRecommendedWallets(),this.filterByNamespace=e)}),m.subscribeKey(`view`,()=>{this.dataset.border=w.hasFooter()?`true`:`false`,this.padding=Se[m.state.view]??u.spacing[1]}))}firstUpdated(){if(this.dataset.border=w.hasFooter()?`true`:`false`,this.mobileFullScreen&&this.setAttribute(`data-mobile-fullscreen`,`true`),this.caipAddress){if(this.enableEmbedded){a.close(),this.prefetch();return}this.onNewAddress(this.caipAddress)}this.open&&this.onOpen(),this.enableEmbedded&&this.prefetch()}
679disconnectedCallback(){this.unsubscribe.forEach(e=>e()),this.onRemoveKeyboardListener()}render(){return this.style.setProperty(`--local-modal-padding`,this.padding),this.enableEmbedded?e`${this.contentTemplate()} 680 <w3m-tooltip></w3m-tooltip> `:this.open?e` 681 <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay"> 682 ${this.contentTemplate()} 683 </wui-flex> 684 <w3m-tooltip></w3m-tooltip> 685 `:null}contentTemplate(){return e` <wui-card 686 shake="${this.shake}" 687 data-embedded="${x(this.enableEmbedded)}" 688 role="alertdialog" 689 aria-modal="true" 690 tabindex="0" 691 data-testid="w3m-modal-card" 692 > 693 <w3m-header></w3m-header> 694 <w3m-router></w3m-router> 695 <w3m-footer></w3m-footer> 696 <w3m-snackbar></w3m-snackbar> 697 <w3m-alertbar></w3m-alertbar> 698 </wui-card>`}async onOverlayClick(e){if(e.target===e.currentTarget){if(this.mobileFullScreen)return;await this.handleClose()}}async handleClose(){await E.safeClose()}initializeTheming(){let{themeVariables:e,themeMode:t}=ie.state,n=l.getColorTheme(t);ne(e,n)}onClose(){this.open=!1,this.classList.remove(`open`),this.onScrollUnlock(),p.hide(),this.onRemoveKeyboardListener()}onOpen(){this.open=!0,this.classList.add(`open`),this.onScrollLock(),this.onAddKeyboardListener()}onScrollLock(){let e=document.createElement(`style`);e.dataset.w3m=W,e.textContent=` 699 body { 700 touch-action: none; 701 overflow: hidden; 702 overscroll-behavior: contain; 703 } 704 w3m-modal { 705 pointer-events: auto; 706 } 707 `,document.head.appendChild(e)}onScrollUnlock(){let e=document.head.querySelector(`style[data-w3m="${W}"]`);e&&e.remove()}onAddKeyboardListener(){this.abortController=new AbortController;let e=this.shadowRoot?.querySelector(`wui-card`);e?.focus(),window.addEventListener(`keydown`,t=>{if(t.key===`Escape`)this.handleClose();else if(t.key===`Tab`){let{tagName:n}=t.target;n&&!n.includes(`W3M-`)&&!n.includes(`WUI-`)&&e?.focus()}},this.abortController)}onRemoveKeyboardListener(){this.abortController?.abort(),this.abortController=void 0}async onNewAddress(e){let t=i.state.isSwitchingNamespace,n=m.state.view===`ProfileWallets`;!e&&!t&&!n&&a.close(),await r.initializeIfEnabled(e),this.caipAddress=e,i.setIsSwitchingNamespace(!1)}onNewNetwork(e){let t=this.caipNetwork?.caipNetworkId?.toString()!==e?.caipNetworkId?.toString(),n=m.state.view===`UnsupportedChain`,r=a.state.open,i=!1;this.enableEmbedded&&m.state.view===`SwitchNetwork`&&(i=!0),t&&ae.resetState(),r&&n&&(i=!0),i&&m.state.view!==`SIWXSignMessage`&&m.goBack(),this.caipNetwork=e}prefetch(){this.hasPrefetched||=(v.prefetch(),v.fetchWalletsByPage({page:1}),!0)}};G.styles=xe,U([b({type:Boolean})],G.prototype,`enableEmbedded`,void 0),U([S()],G.prototype,`open`,void 0),U([S()],G.prototype,`caipAddress`,void 0),U([S()],G.prototype,`caipNetwork`,void 0),U([S()],G.prototype,`shake`,void 0),U([S()],G.prototype,`filterByNamespace`,void 0),U([S()],G.prototype,`padding`,void 0),U([S()],G.prototype,`mobileFullScreen`,void 0);var K=class extends G{};K=U([h(`w3m-modal`)],K);var q=class extends G{};q=U([h(`appkit-modal`)],q);var Ce=f` 708 .icon-box { 709 width: 64px; 710 height: 64px; 711 border-radius: ${({borderRadius:e})=>e[5]}; 712 background-color: ${({colors:e})=>e.semanticError010}; 713 } 714`,we=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},J=class extends s{constructor(){super()}render(){return e` 715 <wui-flex 716 flexDirection="column" 717 alignItems="center" 718 gap="4" 719 .padding="${[`1`,`3`,`4`,`3`]}" 720 > 721 <wui-flex justifyContent="center" alignItems="center" class="icon-box"> 722 <wui-icon size="xxl" color="error" name="warningCircle"></wui-icon> 723 </wui-flex> 724 725 <wui-text variant="lg-medium" color="primary" align="center"> 726 The app isn't responding as expected 727 </wui-text> 728 <wui-text variant="md-regular" color="secondary" align="center"> 729 Try again or reach out to the app team for help.
730 </wui-text> 731 732 <wui-button 733 variant="neutral-secondary" 734 size="md" 735 @click=${this.onTryAgainClick.bind(this)} 736 data-testid="w3m-usage-exceeded-button" 737 > 738 <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon> 739 Try Again 740 </wui-button> 741 </wui-flex> 742 `}onTryAgainClick(){m.goBack()}};J.styles=Ce,J=we([h(`w3m-usage-exceeded-view`)],J);var Te=f` 743 :host { 744 width: 100%; 745 } 746`,Y=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},X=class extends s{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(e){super.updated(e),(e.has(`name`)||e.has(`imageSrc`)||e.has(`walletRank`))&&(this.hasImpressionSent=!1),e.has(`walletRank`)&&this.walletRank&&!this.intersectionObserver&&this.setupIntersectionObserver()}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!this.loading&&!this.hasImpressionSent&&this.sendImpressionEvent()})},{threshold:.1}),this.intersectionObserver.observe(this)}cleanupIntersectionObserver(){this.intersectionObserver&&=(this.intersectionObserver.disconnect(),void 0)}sendImpressionEvent(){!this.name||this.hasImpressionSent||!this.walletRank||(this.hasImpressionSent=!0,(this.rdnsId||this.name)&&c.sendWalletImpressionEvent({name:this.name,walletRank:this.walletRank,rdnsId:this.rdnsId,view:m.state.view,displayIndex:this.displayIndex}))}handleGetWalletNamespaces(){return Object.keys(re.state.adapters).length>1?this.namespaces:[]}render(){return e` 747 <wui-list-wallet 748 .walletImages=${this.walletImages} 749 imageSrc=${x(this.imageSrc)} 750 name=${this.name} 751 size=${x(this.size)} 752 tagLabel=${x(this.tagLabel)} 753 .tagVariant=${this.tagVariant} 754 .walletIcon=${this.walletIcon} 755 .tabIdx=${this.tabIdx} 756 .disabled=${this.disabled} 757 .showAllWallets=${this.showAllWallets} 758 .loading=${this.loading} 759 loadingSpinnerColor=${this.loadingSpinnerColor} 760 .namespaces=${this.handleGetWalletNamespaces()} 761 ></wui-list-wallet> 762 `}};X.styles=Te,Y([b({type:Array})],X.prototype,`walletImages`,void 0),Y([b()],X.prototype,`imageSrc`,void 0),Y([b()],X.prototype,`name`,void 0),Y([b()],X.prototype,`size`,void 0),Y([b()],X.prototype,`tagLabel`,void 0),Y([b()],X.prototype,`tagVariant`,void 0),Y([b()],X.prototype,`walletIcon`,void 0),Y([b()],X.prototype,`tabIdx`,void 0),Y([b({type:Boolean})],X.prototype,`disabled`,void 0),Y([b({type:Boolean})],X.prototype,`showAllWallets`,void 0),Y([b({type:Boolean})],X.prototype,`loading`,void 0),Y([b({type:String})],X.prototype,`loadingSpinnerColor`,void 0),Y([b()],X.prototype,`rdnsId`,void 0),Y([b()],X.prototype,`displayIndex`,void 0),Y([b()],X.prototype,`walletRank`,void 0),Y([b({type:Array})],X.prototype,`namespaces`,void 0),X=Y([h(`w3m-list-wallet`)],X);var Z=f` 763 :host { 764 --local-duration-height: 0s; 765 --local-duration: ${({durations:e})=>e.lg}; 766 --local-transition: ${({easings:e})=>e[`ease-out-power-2`]}; 767 } 768 769 .container { 770 display: block; 771 overflow: hidden; 772 overflow: hidden; 773 position: relative; 774 height: var(--local-container-height); 775 transition: height var(--local-duration-height) var(--local-transition); 776 will-change: height, padding-bottom; 777 } 778 779 .container[data-mobile-fullscreen='true'] { 780 overflow: scroll; 781 } 782 783 .page { 784 position: absolute; 785 top: 0; 786 left: 0; 787 right: 0; 788 width: 100%; 789 height: auto; 790 width: inherit; 791 box-sizing: border-box; 792 display: flex; 793 flex-direction: column; 794 background-color: ${({tokens:e})=>e.theme.backgroundPrimary}; 795 border-bottom-left-radius: var(--local-border-bottom-radius); 796 border-bottom-right-radius: var(--local-border-bottom-radius); 797 transition: border-bottom-left-radius var(--local-duration) var(--local-transition); 798 } 799 800 .page[data-mobile-fullscreen='true'] { 801 height: 100%; 802 } 803 804 .page-content { 805 display: flex; 806 flex-direction: column; 807 min-height: 100%; 808 } 809 810 .footer { 811 height: var(--apkt-footer-height); 812 } 813 814 div.page[view-direction^='prev-'] .page-content { 815 animation: 816 slide-left-out var(--local-duration) forwards var(--local-transition), 817 slide-left-in var(--local-duration) forwards var(--local-transition); 818 animation-delay: 0ms, var(--local-duration, ${({durations:e})=>e.lg}); 819 } 820 821 div.page[view-direction^='next-'] .page-content { 822 animation: 823 slide-right-out var(--local-duration) forwards var(--local-transition), 824 slide-right-in var(--local-duration) forwards var(--local-transition); 825 animation-delay: 0ms, var(--local-duration, ${({durations:e})=>e.lg}); 826 } 827 828 @keyframes slide-left-out { 829 from { 830 transform: translateX(0px) scale(1); 831 opacity: 1; 832 filter: blur(0px); 833 } 834 to { 835 transform: translateX(8px) scale(0.99); 836 opacity: 0; 837 filter: blur(4px); 838 } 839 } 840 841 @keyframes slide-left-in { 842 from { 843 transform: translateX(-8px) scale(0.99); 844 opacity: 0; 845 filter: blur(4px); 846 } 847 to { 848 transform: translateX(0) translateY(0) scale(1); 849 opacity: 1; 850 filter: blur(0px); 851 } 852 } 853 854 @keyframes slide-right-out { 855 from { 856 transform: translateX(0px) scale(1); 857 opacity: 1; 858 filter: blur(0px); 859 } 860 to { 861 transform: translateX(-8px) scale(0.99); 862 opacity: 0; 863 filter: blur(4px); 864 } 865 } 866 867 @keyframes slide-right-in { 868 from { 869 transform: translateX(8px) scale(0.99); 870 opacity: 0; 871 filter: blur(4px); 872 } 873 to { 874 transform: translateX(0) translateY(0) scale(1); 875 opacity: 1; 876 filter: blur(0px); 877 } 878 } 879`,Q=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Ee=60,$=class extends s{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=d.state.enableMobileFullScreen,this.onViewportResize=()=>{this.updateContainerHeight()}}updated(e){if(e.has(`history`)){let e=this.history;this.historyState!==``&&this.historyState!==e&&this.onViewChange(e)}e.has(`transitionDuration`)&&this.style.setProperty(`--local-duration`,this.transitionDuration),e.has(`transitionFunction`)&&this.style.setProperty(`--local-transition`,this.transitionFunction)}firstUpdated(){this.transitionFunction&&this.style.setProperty(`--local-transition`,this.transitionFunction),this.style.setProperty(`--local-duration`,this.transitionDuration),this.historyState=this.history,this.resizeObserver=new ResizeObserver(e=>{for(let t of e)if(t.target===this.getWrapper()){let e=t.contentRect.height,n=parseFloat(getComputedStyle(document.documentElement).getPropertyValue(`--apkt-footer-height`)||`0`);
879this.mobileFullScreen?(e=(window.visualViewport?.height||window.innerHeight)-this.getHeaderHeight()-n,this.style.setProperty(`--local-border-bottom-radius`,`0px`)):(e+=n,this.style.setProperty(`--local-border-bottom-radius`,n?`var(--apkt-borderRadius-5)`:`0px`)),this.style.setProperty(`--local-container-height`,`${e}px`),this.previousHeight!==`0px`&&this.style.setProperty(`--local-duration-height`,this.transitionDuration),this.previousHeight=`${e}px`}}),this.resizeObserver.observe(this.getWrapper()),this.updateContainerHeight(),window.addEventListener(`resize`,this.onViewportResize),window.visualViewport?.addEventListener(`resize`,this.onViewportResize)}disconnectedCallback(){let e=this.getWrapper();e&&this.resizeObserver&&this.resizeObserver.unobserve(e),window.removeEventListener(`resize`,this.onViewportResize),window.visualViewport?.removeEventListener(`resize`,this.onViewportResize)}render(){return e` 880 <div class="container" data-mobile-fullscreen="${x(this.mobileFullScreen)}"> 881 <div 882 class="page" 883 data-mobile-fullscreen="${x(this.mobileFullScreen)}" 884 view-direction="${this.viewDirection}" 885 > 886 <div class="page-content"> 887 <slot></slot> 888 </div> 889 </div> 890 </div> 891 `}onViewChange(e){let t=e.split(`,`).filter(Boolean),n=this.historyState.split(`,`).filter(Boolean),r=n.length,i=t.length,a=t[t.length-1]||``,o=l.cssDurationToNumber(this.transitionDuration),s=``;i>r?s=`next`:i<r?s=`prev`:i===r&&t[i-1]!==n[r-1]&&(s=`next`),queueMicrotask(()=>{this.viewDirection=`${s}-${a}`}),setTimeout(()=>{this.historyState=e,this.setView?.(a)},o),setTimeout(()=>{this.viewDirection=``},o*2)}getWrapper(){return this.shadowRoot?.querySelector(`div.page`)}updateContainerHeight(){let e=this.getWrapper();if(!e)return;let t=parseFloat(getComputedStyle(document.documentElement).getPropertyValue(`--apkt-footer-height`)||`0`),n=0;this.mobileFullScreen?(n=(window.visualViewport?.height||window.innerHeight)-this.getHeaderHeight()-t,this.style.setProperty(`--local-border-bottom-radius`,`0px`)):(n=e.getBoundingClientRect().height+t,this.style.setProperty(`--local-border-bottom-radius`,t?`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 Ee}};$.styles=[Z],Q([b({type:String})],$.prototype,`transitionDuration`,void 0),Q([b({type:String})],$.prototype,`transitionFunction`,void 0),Q([b({type:String})],$.prototype,`history`,void 0),Q([b({type:String})],$.prototype,`view`,void 0),Q([b({attribute:!1})],$.prototype,`setView`,void 0),Q([S()],$.prototype,`viewDirection`,void 0),Q([S()],$.prototype,`historyState`,void 0),Q([S()],$.prototype,`previousHeight`,void 0),Q([S()],$.prototype,`mobileFullScreen`,void 0),$=Q([h(`w3m-router-container`)],$);export{q as AppKitModal,X as W3mListWallet,K as W3mModal,G as W3mModalBase,$ as W3mRouterContainer,J as W3mUsageExceededView};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.