1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="0ce657cc-edc9-4c8b-a7dc-6c91eaa1d79b",e._sentryDebugIdIdentifier="sentry-dbid-0ce657cc-edc9-4c8b-a7dc-6c91eaa1d79b")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4050],{84050:(e,t,o)=>{o.r(t),o.d(t,{AppKitModal:()=>eh,W3mListWallet:()=>eb,W3mModal:()=>ed,W3mModalBase:()=>ec,W3mRouterContainer:()=>ev,W3mUsageExceededView:()=>eu});var i=o(37039),r=o(80975),a=o(62113),n=o(26257),s=o(91114),l=o(62814),c=o(66696),d=o(79431),h=o(30096),p=o(12391),u=o(72574);let w={isUnsupportedChainView:()=>"UnsupportedChain"===h.I.state.view||"SwitchNetwork"===h.I.state.view&&h.I.state.history.includes("UnsupportedChain"),async safeClose(){this.isUnsupportedChainView()||await u.U.isSIWXCloseDisabled()?s.W.shake():(("DataCapture"===h.I.state.view||"DataCaptureOtpConfirm"===h.I.state.view)&&p.x.disconnect(),s.W.close())}};var m=o(52754),g=o(49873),b=o(43220),y=o(84753),f=o(82512),v=o(69243),x=o(33092);let k=(0,x.AH)` 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`,$=class extends i.WF{render(){return(0,i.qy)`<slot></slot>`}};$.styles=[f.W5,k],$=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n}([(0,v.E)("wui-card")],$),o(38827);var C=o(30305);o(6382),o(38974),o(49820);let S=(0,x.AH)` 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`;var I=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let W={info:"info",success:"checkmark",warning:"warningCircle",error:"warning"},P=class extends i.WF{constructor(){super(...arguments),this.message="",this.type="info"}render(){return(0,i.qy)` 86 <wui-flex 87 data-type=${(0,a.J)(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=${W[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(){C.h.close()}};P.styles=[f.W5,S],I([(0,r.MZ)()],P.prototype,"message",void 0),I([(0,r.MZ)()],P.prototype,"type",void 0),P=I([(0,v.E)("wui-alertbar")],P);let A=(0,y.AH)` 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`;var E=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let R={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"}},O=class extends i.WF{constructor(){super(),this.unsubscribe=[],this.open=C.h.state.open,this.onOpen(!0),this.unsubscribe.push(C.h.subscribeKey("open",e=>{this.open=e,this.onOpen(!1)}))}
124disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let{message:e,variant:t}=C.h.state,o=R[t];return(0,i.qy)` 125 <wui-alertbar 126 message=${e} 127 backgroundColor=${o?.backgroundColor} 128 iconColor=${o?.iconColor} 129 icon=${o?.icon} 130 type=${t} 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")}};O.styles=A,E([(0,r.wk)()],O.prototype,"open",void 0),O=E([(0,y.EM)("w3m-alertbar")],O);var N=o(46939),z=o(74235),D=o(5552);o(34528),o(74500);let T=(0,x.AH)` 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`;var H=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let M={lg:"lg-regular",md:"md-regular",sm:"sm-regular"},j={lg:"lg",md:"md",sm:"sm"},F=class extends i.WF{constructor(){super(...arguments),this.imageSrc="",this.text="",this.size="lg",this.type="text-dropdown",this.disabled=!1}render(){return(0,i.qy)`<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 e=M[this.size];return this.text?(0,i.qy)`<wui-text color="primary" variant=${e}>${this.text}</wui-text>`:null}imageTemplate(){if(this.imageSrc)return(0,i.qy)`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`;let e=j[this.size];return(0,i.qy)` <wui-flex class="left-icon-container"> 241 <wui-icon size=${e} name="networkPlaceholder"></wui-icon> 242 </wui-flex>`}};F.styles=[f.W5,f.fD,T],H([(0,r.MZ)()],F.prototype,"imageSrc",void 0),H([(0,r.MZ)()],F.prototype,"text",void 0),H([(0,r.MZ)()],F.prototype,"size",void 0),H([(0,r.MZ)()],F.prototype,"type",void 0),H([(0,r.MZ)({type:Boolean})],F.prototype,"disabled",void 0),F=H([(0,v.E)("wui-select")],F),o(25568),o(43255);var B=o(86867),L=o(76006);let Z=(0,y.AH)` 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`;var q=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let V=class extends i.WF{constructor(){super(),this.unsubscribe=[],this.paymentAsset=L.PayController.state.paymentAsset,this.amount=L.PayController.state.amount,this.unsubscribe.push(L.PayController.subscribeKey("paymentAsset",e=>{this.paymentAsset=e}),L.PayController.subscribeKey("amount",e=>{this.amount=e}))}
252disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let e=l.W.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===this.paymentAsset.network);return(0,i.qy)`<wui-flex 253 alignItems="center" 254 gap="1" 255 .padding=${["1","2","1","1"]} 256 class="transfers-badge" 257 > 258 <wui-image src=${(0,a.J)(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 ${e?.name??"Unknown"} 264 </wui-text> 265 </wui-flex>`}};V.styles=[Z],q([(0,r.MZ)()],V.prototype,"paymentAsset",void 0),q([(0,r.MZ)()],V.prototype,"amount",void 0),V=q([(0,y.EM)("w3m-pay-header")],V);let U=(0,y.AH)` 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`;var K=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let Y=["SmartSessionList"],X={PayWithExchange:y.f.tokens.theme.foregroundPrimary};function _(){let e=h.I.state.data?.connector?.name,t=h.I.state.data?.wallet?.name,o=h.I.state.data?.network?.name,i=t??e,r=c.a.getConnectors(),a=1===r.length&&r[0]?.id==="w3m-email",n=l.W.getAccountData()?.socialProvider;return{Connect:`Connect ${a?"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:i??"Connect Wallet",ConnectingWalletConnect:i??"WalletConnect",ConnectingWalletConnectBasic:"WalletConnect",ConnectingSiwe:"Sign In",Convert:"Convert",ConvertSelectToken:"Select token",ConvertPreview:"Preview Convert",Downloads:i?`Get ${i}`:"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:o??"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:n?n.charAt(0).toUpperCase()+n.slice(1):"Connect Social",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 J=class extends i.WF{constructor(){super(),this.unsubscribe=[],this.heading=_()[h.I.state.view],this.network=l.W.state.activeCaipNetwork,this.networkImage=N.$.getNetworkImage(this.network),this.showBack=!1,this.prevHistoryLength=1,this.view=h.I.state.view,this.viewDirection="",this.unsubscribe.push(z.j.subscribeNetworkImages(()=>{this.networkImage=N.$.getNetworkImage(this.network)}),h.I.subscribeKey("view",e=>{setTimeout(()=>{this.view=e,this.heading=_()[e]},B.o.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()}),l.W.subscribeKey("activeCaipNetwork",e=>{this.network=e,this.networkImage=N.$.getNetworkImage(this.network)}))}
346disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){let e=X[h.I.state.view]??y.f.tokens.theme.backgroundPrimary;return this.style.setProperty("--local-header-background-color",e),(0,i.qy)` 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(){D.E.sendEvent({type:"track",event:"CLICK_WALLET_HELP"}),h.I.push("WhatIsAWallet")}async onClose(){await w.safeClose()}rightHeaderTemplate(){let e=n.H?.state?.features?.smartSessions;return"Account"===h.I.state.view&&e?(0,i.qy)`<wui-flex> 355 <wui-icon-button 356 icon="clock" 357 size="lg" 358 iconSize="lg" 359 type="neutral" 360 variant="primary" 361 @click=${()=>h.I.push("SmartSessionList")} 362 data-testid="w3m-header-smart-sessions" 363 ></wui-icon-button> 364 ${this.closeButtonTemplate()} 365 </wui-flex> `:this.closeButtonTemplate()}closeButtonTemplate(){return(0,i.qy)` 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("PayQuote"===this.view)return(0,i.qy)`<w3m-pay-header></w3m-pay-header>`;let e=Y.includes(this.view);return(0,i.qy)` 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 ${e?(0,i.qy)`<wui-tag variant="accent" size="md">Beta</wui-tag>`:null} 391 </wui-flex> 392 `}leftHeaderTemplate(){let{view:e}=h.I.state,t="Connect"===e,o=n.H.state.enableEmbedded,r=n.H.state.enableNetworkSwitch;return"Account"===e&&r?(0,i.qy)`<wui-select 393 id="dynamic" 394 data-testid="w3m-account-select-network" 395 active-network=${(0,a.J)(this.network?.name)} 396 @click=${this.onNetworks.bind(this)} 397 imageSrc=${(0,a.J)(this.networkImage)} 398 ></wui-select>`:this.showBack&&!("ApproveTransaction"===e||"ConnectingSiwe"===e||t&&o)?(0,i.qy)`<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>`:(0,i.qy)`<wui-icon-button 408 data-hidden=${!t} 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()&&(D.E.sendEvent({type:"track",event:"CLICK_NETWORKS"}),h.I.push("Networks"))}isAllowedNetworkSwitch(){let e=l.W.getAllRequestedCaipNetworks(),t=!!e&&e.length>1,o=e?.find(({id:e})=>e===this.network?.id);return t||!o}onViewChange(){let{history:e}=h.I.state,t=B.o.VIEW_DIRECTION.Next;e.length<this.prevHistoryLength&&(t=B.o.VIEW_DIRECTION.Prev),this.prevHistoryLength=e.length,this.viewDirection=t}async onHistoryChange(){let{history:e}=h.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(){h.I.goBack()}};J.styles=U,K([(0,r.wk)()],J.prototype,"heading",void 0),K([(0,r.wk)()],J.prototype,"network",void 0),K([(0,r.wk)()],J.prototype,"networkImage",void 0),K([(0,r.wk)()],J.prototype,"showBack",void 0),K([(0,r.wk)()],J.prototype,"prevHistoryLength",void 0),K([(0,r.wk)()],J.prototype,"view",void 0),K([(0,r.wk)()],J.prototype,"viewDirection",void 0),J=K([(0,y.EM)("w3m-header")],J),o(42323),o(64136);let G=(0,x.AH)` 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`;var Q=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let ee=class extends i.WF{constructor(){super(...arguments),this.message="",this.variant="success"}render(){return(0,i.qy)` 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"loading"===this.variant?(0,i.qy)`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`:(0,i.qy)`<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>`}};ee.styles=[f.W5,G],Q([(0,r.MZ)()],ee.prototype,"message",void 0),Q([(0,r.MZ)()],ee.prototype,"variant",void 0),ee=Q([(0,v.E)("wui-snackbar")],ee);let et=(0,i.AH)` 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`;var eo=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let ei=class extends i.WF{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=g.P.state.open,this.unsubscribe.push(g.P.subscribeKey("open",e=>{this.open=e,this.onOpen()}))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach(e=>e())}render(){let{message:e,variant:t}=g.P.state;return(0,i.qy)` <wui-snackbar message=${e} variant=${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),g.P.state.autoClose&&(this.timeout=setTimeout(()=>g.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"})}};ei.styles=et,eo([(0,r.wk)()],ei.prototype,"open",void 0),ei=eo([(0,y.EM)("w3m-snackbar")],ei),o(38174),o(9849);var er=o(92327);o(4920),o(11178);let ea=(0,y.AH)` 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`;var en=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let es="scroll-lock",el={PayWithExchange:"0",PayWithExchangeSelectAsset:"0",Pay:"0",PayQuote:"0",PayLoading:"0"};class ec extends i.WF{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=n.H.state.enableEmbedded,this.open=s.W.state.open,this.caipAddress=l.W.state.activeCaipAddress,this.caipNetwork=l.W.state.activeCaipNetwork,this.shake=s.W.state.shake,this.filterByNamespace=c.a.state.filterByNamespace,this.padding=y.f.spacing[1],this.mobileFullScreen=n.H.state.enableMobileFullScreen,this.initializeTheming(),d.N.prefetchAnalyticsConfig(),this.unsubscribe.push(s.W.subscribeKey("open",e=>e?this.onOpen():this.onClose()),s.W.subscribeKey("shake",e=>this.shake=e),l.W.subscribeKey("activeCaipNetwork",e=>this.onNewNetwork(e)),l.W.subscribeKey("activeCaipAddress",e=>this.onNewAddress(e)),n.H.subscribeKey("enableEmbedded",e=>this.enableEmbedded=e),c.a.subscribeKey("filterByNamespace",e=>{this.filterByNamespace===e||l.W.getAccountData(e)?.caipAddress||(d.N.fetchRecommendedWallets(),this.filterByNamespace=e)}),h.I.subscribeKey("view",()=>{this.dataset.border=er.y.hasFooter()?"true":"false",this.padding=el[h.I.state.view]??y.f.spacing[1]}))}firstUpdated(){if(this.dataset.border=er.y.hasFooter()?"true":"false",this.mobileFullScreen&&this.setAttribute("data-mobile-fullscreen","true"),this.caipAddress){if(this.enableEmbedded){s.W.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)?(0,i.qy)`${this.contentTemplate()} 680 <w3m-tooltip></w3m-tooltip> `:this.open?(0,i.qy)` 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(0,i.qy)` <wui-card 686 shake="${this.shake}" 687 data-embedded="${(0,a.J)(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){e.target===e.currentTarget&&(this.mobileFullScreen||await this.handleClose())}async handleClose(){await w.safeClose()}initializeTheming(){let{themeVariables:e,themeMode:t}=m.W.state,o=y.Zv.getColorTheme(t);(0,y.RF)(e,o)}onClose(){this.open=!1,this.classList.remove("open"),this.onScrollUnlock(),g.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=es,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="${es}"]`);e&&e.remove()}onAddKeyboardListener(){this.abortController=new AbortController;let e=this.shadowRoot?.querySelector("wui-card");e?.focus(),window.addEventListener("keydown",t=>{if("Escape"===t.key)this.handleClose();else if("Tab"===t.key){let{tagName:o}=t.target;!o||o.includes("W3M-")||o.includes("WUI-")||e?.focus()}},this.abortController)}onRemoveKeyboardListener(){this.abortController?.abort(),this.abortController=void 0}async onNewAddress(e){let t=l.W.state.isSwitchingNamespace,o="ProfileWallets"===h.I.state.view;e||t||o||s.W.close(),await u.U.initializeIfEnabled(e),this.caipAddress=e,l.W.setIsSwitchingNamespace(!1)}onNewNetwork(e){let t=this.caipNetwork,o=t?.caipNetworkId?.toString(),i=e?.caipNetworkId?.toString(),r="UnsupportedChain"===h.I.state.view,a=s.W.state.open,n=!1;this.enableEmbedded&&"SwitchNetwork"===h.I.state.view&&(n=!0),o!==i&&b.GN.resetState(),a&&r&&(n=!0),n&&"SIWXSignMessage"!==h.I.state.view&&h.I.goBack(),this.caipNetwork=e}prefetch(){this.hasPrefetched||(d.N.prefetch(),d.N.fetchWalletsByPage({page:1}),this.hasPrefetched=!0)}}ec.styles=ea,en([(0,r.MZ)({type:Boolean})],ec.prototype,"enableEmbedded",void 0),en([(0,r.wk)()],ec.prototype,"open",void 0),en([(0,r.wk)()],ec.prototype,"caipAddress",void 0),en([(0,r.wk)()],ec.prototype,"caipNetwork",void 0),en([(0,r.wk)()],ec.prototype,"shake",void 0),en([(0,r.wk)()],ec.prototype,"filterByNamespace",void 0),en([(0,r.wk)()],ec.prototype,"padding",void 0),en([(0,r.wk)()],ec.prototype,"mobileFullScreen",void 0);let ed=class extends ec{};ed=en([(0,y.EM)("w3m-modal")],ed);let eh=class extends ec{};eh=en([(0,y.EM)("appkit-modal")],eh),o(71888),o(93417);let ep=(0,y.AH)` 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`,eu=class extends i.WF{constructor(){super()}render(){return(0,i.qy)` 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(){h.I.goBack()}};eu.styles=ep,eu=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n}([(0,y.EM)("w3m-usage-exceeded-view")],eu);var ew=o(99151);o(95127);let em=(0,y.AH)` 743 :host { 744 width: 100%; 745 } 746`;var eg=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let eb=class extends i.WF{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(),this.intersectionObserver=void 0)}sendImpressionEvent(){this.name&&!this.hasImpressionSent&&this.walletRank&&(this.hasImpressionSent=!0,(this.rdnsId||this.name)&&D.E.sendWalletImpressionEvent({name:this.name,walletRank:this.walletRank,rdnsId:this.rdnsId,view:h.I.state.view,displayIndex:this.displayIndex}))}handleGetWalletNamespaces(){return Object.keys(ew.q.state.adapters).length>1?this.namespaces:[]}render(){return(0,i.qy)` 747 <wui-list-wallet 748 .walletImages=${this.walletImages} 749 imageSrc=${(0,a.J)(this.imageSrc)} 750 name=${this.name} 751 size=${(0,a.J)(this.size)} 752 tagLabel=${(0,a.J)(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 `}};eb.styles=em,eg([(0,r.MZ)({type:Array})],eb.prototype,"walletImages",void 0),eg([(0,r.MZ)()],eb.prototype,"imageSrc",void 0),eg([(0,r.MZ)()],eb.prototype,"name",void 0),eg([(0,r.MZ)()],eb.prototype,"size",void 0),eg([(0,r.MZ)()],eb.prototype,"tagLabel",void 0),eg([(0,r.MZ)()],eb.prototype,"tagVariant",void 0),eg([(0,r.MZ)()],eb.prototype,"walletIcon",void 0),eg([(0,r.MZ)()],eb.prototype,"tabIdx",void 0),eg([(0,r.MZ)({type:Boolean})],eb.prototype,"disabled",void 0),eg([(0,r.MZ)({type:Boolean})],eb.prototype,"showAllWallets",void 0),eg([(0,r.MZ)({type:Boolean})],eb.prototype,"loading",void 0),eg([(0,r.MZ)({type:String})],eb.prototype,"loadingSpinnerColor",void 0),eg([(0,r.MZ)()],eb.prototype,"rdnsId",void 0),eg([(0,r.MZ)()],eb.prototype,"displayIndex",void 0),eg([(0,r.MZ)()],eb.prototype,"walletRank",void 0),eg([(0,r.MZ)({type:Array})],eb.prototype,"namespaces",void 0),eb=eg([(0,y.EM)("w3m-list-wallet")],eb);let ey=(0,y.AH)` 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`;var ef=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};let ev=class extends i.WF{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=n.H.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,o=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--apkt-footer-height")||"0");
879this.mobileFullScreen?(e=(window.visualViewport?.height||window.innerHeight)-this.getHeaderHeight()-o,this.style.setProperty("--local-border-bottom-radius","0px")):(e+=o,this.style.setProperty("--local-border-bottom-radius",o?"var(--apkt-borderRadius-5)":"0px")),this.style.setProperty("--local-container-height",`${e}px`),"0px"!==this.previousHeight&&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(0,i.qy)` 880 <div class="container" data-mobile-fullscreen="${(0,a.J)(this.mobileFullScreen)}"> 881 <div 882 class="page" 883 data-mobile-fullscreen="${(0,a.J)(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),o=this.historyState.split(",").filter(Boolean),i=o.length,r=t.length,a=t[t.length-1]||"",n=y.Zv.cssDurationToNumber(this.transitionDuration),s="";r>i?s="next":r<i?s="prev":r===i&&t[r-1]!==o[i-1]&&(s="next"),this.viewDirection=`${s}-${a}`,setTimeout(()=>{this.historyState=e,this.setView?.(a)},n),setTimeout(()=>{this.viewDirection=""},2*n)}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"),o=0;this.mobileFullScreen?(o=(window.visualViewport?.height||window.innerHeight)-this.getHeaderHeight()-t,this.style.setProperty("--local-border-bottom-radius","0px")):(o=e.getBoundingClientRect().height+t,this.style.setProperty("--local-border-bottom-radius",t?"var(--apkt-borderRadius-5)":"0px")),this.style.setProperty("--local-container-height",`${o}px`),"0px"!==this.previousHeight&&this.style.setProperty("--local-duration-height",this.transitionDuration),this.previousHeight=`${o}px`}getHeaderHeight(){return 60}};ev.styles=[ey],ef([(0,r.MZ)({type:String})],ev.prototype,"transitionDuration",void 0),ef([(0,r.MZ)({type:String})],ev.prototype,"transitionFunction",void 0),ef([(0,r.MZ)({type:String})],ev.prototype,"history",void 0),ef([(0,r.MZ)({type:String})],ev.prototype,"view",void 0),ef([(0,r.MZ)({attribute:!1})],ev.prototype,"setView",void 0),ef([(0,r.wk)()],ev.prototype,"viewDirection",void 0),ef([(0,r.wk)()],ev.prototype,"historyState",void 0),ef([(0,r.wk)()],ev.prototype,"previousHeight",void 0),ef([(0,r.wk)()],ev.prototype,"mobileFullScreen",void 0),ev=ef([(0,y.EM)("w3m-router-container")],ev)}}]);
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.