1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[996],{53869:function(e,t,o){o.r(t),o.d(t,{W3mModal:function(){return et}});var r=o(55108),i=o(85412),a=o(8834),s=o(44649),n=o(48415),l=o(89512),c=o(55372),d=o(54173),u=o(17766),h=o(86777),p=o(60389),w=o(52005),g=o(66909),b=o(53357),m=o(92413),f=o(90924),v=o(84249),y=o(57116),C=(0,f.iv)` 2 :host { 3 display: block; 4 border-radius: clamp(0px, var(--wui-border-radius-l), 44px); 5 box-shadow: 0 0 0 1px var(--wui-color-gray-glass-005); 6 background-color: var(--wui-color-modal-bg); 7 overflow: hidden; 8 } 9 10 :host([data-embedded='true']) { 11 box-shadow: 12 0 0 0 1px var(--wui-color-gray-glass-005), 13 0px 4px 12px 4px var(--w3m-card-embedded-shadow-color); 14 } 15`;let k=class extends f.oi{render(){return(0,f.dy)`<slot></slot>`}};k.styles=[v.ET,C],k=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s}([(0,y.M)("wui-card")],k),o(96277);var x=o(72723),S=o(99691);o(49435),o(18360),o(5680);var R=(0,f.iv)` 16 :host { 17 display: flex; 18 align-items: center; 19 justify-content: center; 20 padding: var(--wui-spacing-s); 21 border-radius: var(--wui-border-radius-s); 22 border: 1px solid var(--wui-color-dark-glass-100); 23 box-sizing: border-box; 24 background-color: var(--wui-color-bg-325); 25 box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25); 26 } 27 28 wui-flex { 29 width: 100%; 30 } 31 32 wui-text { 33 word-break: break-word; 34 flex: 1; 35 } 36 37 .close { 38 cursor: pointer; 39 } 40 41 .icon-box { 42 height: 40px; 43 width: 40px; 44 border-radius: var(--wui-border-radius-3xs); 45 background-color: var(--local-icon-bg-value); 46 } 47`,$=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let T=class extends f.oi{constructor(){super(...arguments),this.message="",this.backgroundColor="accent-100",this.iconColor="accent-100",this.icon="info"}render(){return this.style.cssText=` 48 --local-icon-bg-value: var(--wui-color-${this.backgroundColor}); 49 `,(0,f.dy)` 50 <wui-flex flexDirection="row" justifyContent="space-between" alignItems="center"> 51 <wui-flex columnGap="xs" flexDirection="row" alignItems="center"> 52 <wui-flex 53 flexDirection="row" 54 alignItems="center" 55 justifyContent="center" 56 class="icon-box" 57 > 58 <wui-icon color=${this.iconColor} size="md" name=${this.icon}></wui-icon> 59 </wui-flex> 60 <wui-text variant="small-500" color="bg-350" data-testid="wui-alertbar-text" 61 >${this.message}</wui-text 62 > 63 </wui-flex> 64 <wui-icon 65 class="close" 66 color="bg-350" 67 size="sm" 68 name="close" 69 @click=${this.onClose} 70 ></wui-icon> 71 </wui-flex> 72 `}onClose(){x.AlertController.close()}};T.styles=[v.ET,R],$([(0,S.Cb)()],T.prototype,"message",void 0),$([(0,S.Cb)()],T.prototype,"backgroundColor",void 0),$([(0,S.Cb)()],T.prototype,"iconColor",void 0),$([(0,S.Cb)()],T.prototype,"icon",void 0),T=$([(0,y.M)("wui-alertbar")],T);var N=(0,r.iv)` 73 :host { 74 display: block; 75 position: absolute; 76 top: var(--wui-spacing-s); 77 left: var(--wui-spacing-l); 78 right: var(--wui-spacing-l); 79 opacity: 0; 80 pointer-events: none; 81 } 82`,O=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let E={info:{backgroundColor:"fg-350",iconColor:"fg-325",icon:"info"},success:{backgroundColor:"success-glass-reown-020",iconColor:"success-125",icon:"checkmark"},warning:{backgroundColor:"warning-glass-reown-020",iconColor:"warning-100",icon:"warningCircle"},error:{backgroundColor:"error-glass-reown-020",iconColor:"error-125",icon:"exclamationTriangle"}},A=class extends r.oi{constructor(){super(),this.unsubscribe=[],this.open=x.AlertController.state.open,this.onOpen(!0),this.unsubscribe.push(x.AlertController.subscribeKey("open",e=>{this.open=e,this.onOpen(!1)}))}
82disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let{message:e,variant:t}=x.AlertController.state,o=E[t];return(0,r.dy)` 83 <wui-alertbar 84 message=${e} 85 backgroundColor=${o?.backgroundColor} 86 iconColor=${o?.iconColor} 87 icon=${o?.icon} 88 ></wui-alertbar> 89 `}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")}};A.styles=N,O([(0,i.SB)()],A.prototype,"open",void 0),A=O([(0,m.Mo)("w3m-alertbar")],A);var I=o(68584),z=o(63043),B=o(22472),P=o(31929);o(37608),o(23805),o(1736);var W=(0,f.iv)` 90 button { 91 display: block; 92 display: flex; 93 align-items: center; 94 padding: var(--wui-spacing-xxs); 95 gap: var(--wui-spacing-xxs); 96 transition: all var(--wui-ease-out-power-1) var(--wui-duration-md); 97 border-radius: var(--wui-border-radius-xxs); 98 } 99 100 wui-image { 101 border-radius: 100%; 102 width: var(--wui-spacing-xl); 103 height: var(--wui-spacing-xl); 104 } 105 106 wui-icon-box { 107 width: var(--wui-spacing-xl); 108 height: var(--wui-spacing-xl); 109 } 110 111 button:hover { 112 background-color: var(--wui-color-gray-glass-002); 113 } 114 115 button:active { 116 background-color: var(--wui-color-gray-glass-005); 117 } 118`,j=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let D=class extends f.oi{constructor(){super(...arguments),this.imageSrc=""}render(){return(0,f.dy)`<button> 119 ${this.imageTemplate()} 120 <wui-icon size="xs" color="fg-200" name="chevronBottom"></wui-icon> 121 </button>`}imageTemplate(){return this.imageSrc?(0,f.dy)`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`:(0,f.dy)`<wui-icon-box 122 size="xxs" 123 iconColor="fg-200" 124 backgroundColor="fg-100" 125 background="opaque" 126 icon="networkPlaceholder" 127 ></wui-icon-box>`}};D.styles=[v.ET,v.ZM,v.Bp,W],j([(0,S.Cb)()],D.prototype,"imageSrc",void 0),D=j([(0,y.M)("wui-select")],D),o(60830),o(44732);var L=o(54946),M=(0,r.iv)` 128 :host { 129 height: 64px; 130 } 131 132 wui-text { 133 text-transform: capitalize; 134 } 135 136 wui-flex.w3m-header-title { 137 transform: translateY(0); 138 opacity: 1; 139 } 140 141 wui-flex.w3m-header-title[view-direction='prev'] { 142 animation: 143 slide-down-out 120ms forwards var(--wui-ease-out-power-2), 144 slide-down-in 120ms forwards var(--wui-ease-out-power-2); 145 animation-delay: 0ms, 200ms; 146 } 147 148 wui-flex.w3m-header-title[view-direction='next'] { 149 animation: 150 slide-up-out 120ms forwards var(--wui-ease-out-power-2), 151 slide-up-in 120ms forwards var(--wui-ease-out-power-2); 152 animation-delay: 0ms, 200ms; 153 } 154 155 wui-icon-link[data-hidden='true'] { 156 opacity: 0 !important; 157 pointer-events: none; 158 } 159 160 @keyframes slide-up-out { 161 from { 162 transform: translateY(0px); 163 opacity: 1; 164 } 165 to { 166 transform: translateY(3px); 167 opacity: 0; 168 } 169 } 170 171 @keyframes slide-up-in { 172 from { 173 transform: translateY(-3px); 174 opacity: 0; 175 } 176 to { 177 transform: translateY(0); 178 opacity: 1; 179 } 180 } 181 182 @keyframes slide-down-out { 183 from { 184 transform: translateY(0px); 185 opacity: 1; 186 } 187 to { 188 transform: translateY(-3px); 189 opacity: 0; 190 } 191 } 192 193 @keyframes slide-down-in { 194 from { 195 transform: translateY(3px); 196 opacity: 0; 197 } 198 to { 199 transform: translateY(0); 200 opacity: 1; 201 } 202 } 203`,K=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let H=["SmartSessionList"];function U(){let e=h.RouterController.state.data?.connector?.name,t=h.RouterController.state.data?.wallet?.name,o=h.RouterController.state.data?.network?.name,r=t??e,i=d.ConnectorController.getConnectors(),a=1===i.length&&i[0]?.id==="w3m-email";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",ConnectingExter
203nal: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",Profile:void 0,SwitchNetwork:o??"Switch Network",SwitchAddress:"Switch Address",Transactions:"Activity",UnsupportedChain:"Switch Network",UpgradeEmailWallet:"Upgrade your Wallet",UpdateEmailWallet:"Edit Email",UpdateEmailPrimaryOtp:"Confirm Current Email",UpdateEmailSecondaryOtp:"Confirm New Email",WhatIsABuy:"What is Buy?",RegisterAccountName:"Choose name",RegisterAccountNameSuccess:"",WalletReceive:"Receive",WalletCompatibleNetworks:"Compatible Networks",Swap:"Swap",SwapSelectToken:"Select token",SwapPreview:"Preview swap",WalletSend:"Send",WalletSendPreview:"Review send",WalletSendSelectToken:"Select Token",WhatIsANetwork:"What is a network?",WhatIsAWallet:"What is a wallet?",ConnectWallets:"Connect wallet",ConnectSocials:"All socials",ConnectingSocial:I.AccountController.state.socialProvider?I.AccountController.state.socialProvider:"Connect Social",ConnectingMultiChain:"Select chain",ConnectingFarcaster:"Farcaster",SwitchActiveChain:"Switch chain",SmartSessionCreated:void 0,SmartSessionList:"Smart Sessions",SIWXSignMessage:"Sign In",PayLoading:"Payment in progress"}}let Y=class extends r.oi{constructor(){super(),this.unsubscribe=[],this.heading=U()[h.RouterController.state.view],this.network=c.R.state.activeCaipNetwork,this.networkImage=z.f.getNetworkImage(this.network),this.showBack=!1,this.prevHistoryLength=1,this.view=h.RouterController.state.view,this.viewDirection="",this.headerText=U()[h.RouterController.state.view],this.unsubscribe.push(B.W.subscribeNetworkImages(()=>{this.networkImage=z.f.getNetworkImage(this.network)}),h.RouterController.subscribeKey("view",e=>{setTimeout(()=>{this.view=e,this.headerText=U()[e]},L.b.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()}),c.R.subscribeKey("activeCaipNetwork",e=>{this.network=e,this.networkImage=z.f.getNetworkImage(this.network)}))}disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){return(0,r.dy)` 204 <wui-flex .padding=${this.getPadding()} justifyContent="space-between" alignItems="center"> 205 ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()} 206 </wui-flex> 207 `}onWalletHelp(){P.X.sendEvent({type:"track",event:"CLICK_WALLET_HELP"}),h.RouterController.push("WhatIsAWallet")}async onClose(){"UnsupportedChain"===h.RouterController.state.view||await p.w.isSIWXCloseDisabled()?l.I.shake():l.I.close(!0)}rightHeaderTemplate(){let e=n.OptionsController?.state?.features?.smartSessions;return"Account"===h.RouterController.state.view&&e?(0,r.dy)`<wui-flex> 208 <wui-icon-link 209 icon="clock" 210 @click=${()=>h.RouterController.push("SmartSessionList")} 211 data-testid="w3m-header-smart-sessions" 212 ></wui-icon-link> 213 ${this.closeButtonTemplate()} 214 </wui-flex> `:this.closeButtonTemplate()}closeButtonTemplate(){return(0,r.dy)` 215 <wui-icon-link 216 icon="close" 217 @click=${this.onClose.bind(this)} 218 data-testid="w3m-header-close" 219 ></wui-icon-link> 220 `}titleTemplate(){let e=H.includes(this.view);return(0,r.dy)` 221 <wui-flex 222 view-direction="${this.viewDirection}" 223 class="w3m-header-title" 224 alignItems="center" 225 gap="xs" 226 > 227 <wui-text variant="paragraph-700" color="fg-100" data-testid="w3m-header-text" 228 >${this.headerText}</wui-text 229 > 230 ${e?(0,r.dy)`<wui-tag variant="main">Beta</wui-tag>`:null} 231 </wui-flex> 232 `}leftHeaderTemplate(){let{view:e}=h.RouterController.state,t="Connect"===e,o=n.OptionsController.state.enableEmbedded,i=n.OptionsController.state.enableNetworkSwitch;return"Account"===e&&i?(0,r.dy)`<wui-select 233 id="dynamic" 234 data-testid="w3m-account-select-network" 235 active-network=${(0,a.o)(this.network?.name)}
235 236 @click=${this.onNetworks.bind(this)} 237 imageSrc=${(0,a.o)(this.networkImage)} 238 ></wui-select>`:this.showBack&&!("ApproveTransaction"===e||"ConnectingSiwe"===e||t&&o)?(0,r.dy)`<wui-icon-link 239 data-testid="header-back" 240 id="dynamic" 241 icon="chevronLeft" 242 @click=${this.onGoBack.bind(this)} 243 ></wui-icon-link>`:(0,r.dy)`<wui-icon-link 244 data-hidden=${!t} 245 id="dynamic" 246 icon="helpCircle" 247 @click=${this.onWalletHelp.bind(this)} 248 ></wui-icon-link>`}onNetworks(){this.isAllowedNetworkSwitch()&&(P.X.sendEvent({type:"track",event:"CLICK_NETWORKS"}),h.RouterController.push("Networks"))}isAllowedNetworkSwitch(){let e=c.R.getAllRequestedCaipNetworks(),t=!!e&&e.length>1,o=e?.find(({id:e})=>e===this.network?.id);return t||!o}getPadding(){return this.heading?["l","2l","l","2l"]:["0","2l","0","2l"]}onViewChange(){let{history:e}=h.RouterController.state,t=L.b.VIEW_DIRECTION.Next;e.length<this.prevHistoryLength&&(t=L.b.VIEW_DIRECTION.Prev),this.prevHistoryLength=e.length,this.viewDirection=t}async onHistoryChange(){let{history:e}=h.RouterController.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.RouterController.goBack()}};Y.styles=M,K([(0,i.SB)()],Y.prototype,"heading",void 0),K([(0,i.SB)()],Y.prototype,"network",void 0),K([(0,i.SB)()],Y.prototype,"networkImage",void 0),K([(0,i.SB)()],Y.prototype,"showBack",void 0),K([(0,i.SB)()],Y.prototype,"prevHistoryLength",void 0),K([(0,i.SB)()],Y.prototype,"view",void 0),K([(0,i.SB)()],Y.prototype,"viewDirection",void 0),K([(0,i.SB)()],Y.prototype,"headerText",void 0),Y=K([(0,m.Mo)("w3m-header")],Y),o(21793);var _=(0,f.iv)` 249 :host { 250 display: flex; 251 column-gap: var(--wui-spacing-s); 252 align-items: center; 253 padding: var(--wui-spacing-xs) var(--wui-spacing-m) var(--wui-spacing-xs) var(--wui-spacing-xs); 254 border-radius: var(--wui-border-radius-s); 255 border: 1px solid var(--wui-color-gray-glass-005); 256 box-sizing: border-box; 257 background-color: var(--wui-color-bg-175); 258 box-shadow: 259 0px 14px 64px -4px rgba(0, 0, 0, 0.15), 260 0px 8px 22px -6px rgba(0, 0, 0, 0.15); 261 262 max-width: 300px; 263 } 264 265 :host wui-loading-spinner { 266 margin-left: var(--wui-spacing-3xs); 267 } 268`,X=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let q=class extends f.oi{constructor(){super(...arguments),this.backgroundColor="accent-100",this.iconColor="accent-100",this.icon="checkmark",this.message="",this.loading=!1,this.iconType="default"}render(){return(0,f.dy)` 269 ${this.templateIcon()} 270 <wui-text variant="paragraph-500" color="fg-100" data-testid="wui-snackbar-message" 271 >${this.message}</wui-text 272 > 273 `}templateIcon(){return this.loading?(0,f.dy)`<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`:"default"===this.iconType?(0,f.dy)`<wui-icon size="xl" color=${this.iconColor} name=${this.icon}></wui-icon>`:(0,f.dy)`<wui-icon-box 274 size="sm" 275 iconSize="xs" 276 iconColor=${this.iconColor} 277 backgroundColor=${this.backgroundColor} 278 icon=${this.icon} 279 background="opaque" 280 ></wui-icon-box>`}};q.styles=[v.ET,_],X([(0,S.Cb)()],q.prototype,"backgroundColor",void 0),X([(0,S.Cb)()],q.prototype,"iconColor",void 0),X([(0,S.Cb)()],q.prototype,"icon",void 0),X([(0,S.Cb)()],q.prototype,"message",void 0),X([(0,S.Cb)()],q.prototype,"loading",void 0),X([(0,S.Cb)()],q.prototype,"iconType",void 0),q=X([(0,y.M)("wui-snackbar")],q);var G=(0,r.iv)` 281 :host { 282 display: block; 283 position: absolute; 284 opacity: 0; 285 pointer-events: none; 286 top: 11px; 287 left: 50%; 288 width: max-content; 289 } 290`,V=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let F={loading:void 0,success:{backgroundColor:"success-100",iconColor:"success-100",icon:"checkmark"},error:{backgroundColor:"error-100",iconColor:"error-100",icon:"close"}},Z=class extends r.oi{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=g.SnackController.state.open,this.unsubscribe.push(g.SnackController.subscribeKey("open",e=>{this.open=e,this.onOpen()}))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach(e
290=>e())}render(){let{message:e,variant:t,svg:o}=g.SnackController.state,i=F[t],{icon:a,iconColor:s}=o??i??{};return(0,r.dy)` 291 <wui-snackbar 292 message=${e} 293 backgroundColor=${i?.backgroundColor} 294 iconColor=${s} 295 icon=${a} 296 .loading=${"loading"===t} 297 ></wui-snackbar> 298 `}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.SnackController.state.autoClose&&(this.timeout=setTimeout(()=>g.SnackController.hide(),2500))):this.animate([{opacity:1,transform:"translateX(-50%) scale(1)"},{opacity:0,transform:"translateX(-50%) scale(0.85)"}],{duration:150,fill:"forwards",easing:"ease"})}};Z.styles=G,V([(0,i.SB)()],Z.prototype,"open",void 0),Z=V([(0,m.Mo)("w3m-snackbar")],Z),o(92815),o(77770);var J=(0,r.iv)` 299 :host { 300 z-index: var(--w3m-z-index); 301 display: block; 302 backface-visibility: hidden; 303 will-change: opacity; 304 position: fixed; 305 top: 0; 306 left: 0; 307 right: 0; 308 bottom: 0; 309 pointer-events: none; 310 opacity: 0; 311 background-color: var(--wui-cover); 312 transition: opacity 0.2s var(--wui-ease-out-power-2); 313 will-change: opacity; 314 } 315 316 :host(.open) { 317 opacity: 1; 318 } 319 320 :host(.embedded) { 321 position: relative; 322 pointer-events: unset; 323 background: none; 324 width: 100%; 325 opacity: 1; 326 } 327 328 wui-card { 329 max-width: var(--w3m-modal-width); 330 width: 100%; 331 position: relative; 332 animation: zoom-in 0.2s var(--wui-ease-out-power-2); 333 animation-fill-mode: backwards; 334 outline: none; 335 transition: 336 border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1), 337 background-color var(--wui-duration-lg) var(--wui-ease-out-power-1); 338 will-change: border-radius, background-color; 339 } 340 341 :host(.embedded) wui-card { 342 max-width: 400px; 343 } 344 345 wui-card[shake='true'] { 346 animation: 347 zoom-in 0.2s var(--wui-ease-out-power-2), 348 w3m-shake 0.5s var(--wui-ease-out-power-2); 349 } 350 351 wui-flex { 352 overflow-x: hidden; 353 overflow-y: auto; 354 display: flex; 355 align-items: center; 356 justify-content: center; 357 width: 100%; 358 height: 100%; 359 } 360 361 @media (max-height: 700px) and (min-width: 431px) { 362 wui-flex { 363 align-items: flex-start; 364 } 365 366 wui-card { 367 margin: var(--wui-spacing-xxl) 0px; 368 } 369 } 370 371 @media (max-width: 430px) { 372 wui-flex { 373 align-items: flex-end; 374 } 375 376 wui-card { 377 max-width: 100%; 378 border-bottom-left-radius: var(--local-border-bottom-mobile-radius); 379 border-bottom-right-radius: var(--local-border-bottom-mobile-radius); 380 border-bottom: none; 381 animation: slide-in 0.2s var(--wui-ease-out-power-2); 382 } 383 384 wui-card[shake='true'] { 385 animation: 386 slide-in 0.2s var(--wui-ease-out-power-2), 387 w3m-shake 0.5s var(--wui-ease-out-power-2); 388 } 389 } 390 391 @keyframes zoom-in { 392 0% { 393 transform: scale(0.95) translateY(0); 394 } 395 100% { 396 transform: scale(1) translateY(0); 397 } 398 } 399 400 @keyframes slide-in { 401 0% { 402 transform: scale(1) translateY(50px); 403 } 404 100% { 405 transform: scale(1) translateY(0); 406 } 407 } 408 409 @keyframes w3m-shake { 410 0% { 411 transform: scale(1) rotate(0deg); 412 } 413 20% { 414 transform: scale(1) rotate(-1deg); 415 } 416 40% { 417 transform: scale(1) rotate(1.5deg); 418 } 419 60% { 420 transform: scale(1) rotate(-1.5deg); 421 } 422 80% { 423 transform: scale(1) rotate(1deg); 424 } 425 100% { 426 transform: scale(1) rotate(0deg); 427 } 428 } 429 430 @keyframes w3m-view-height { 431 from { 432 height: var(--prev-height); 433 } 434 to { 435 height: var(--new-height); 436 } 437 } 438`,Q=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let ee="scroll-lock",et=class extends r.oi{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=n.OptionsController.state.enableEmbedded,this.open=l.I.state.open,this.caipAddress=c.R.state.activeCaipAddress,this.caipNetwork=c.R.state.activeCaipNetwork,this.shake=l.I.state.shake,this.filterByNamespace=d.ConnectorController.state.filterByNamespace,this.initializeTheming(),u.ApiController.prefetchAnalyticsConfig(),this.unsubscribe.push(l.I.subscribeKey("open",e=>e?this.onOpen():this.onClose()),l.I.subscribeKey("shake",e=>this.shake=e),c.R.subscribeKey("activeCaipNetwork",e=>this.onNewNetwork(e)),c.R.subscribeKey("activeCaipAddress",e=>this.onNewAddress(e)),n.OptionsController.subscribeKey("enableEmbedded",e=>this.enableEmbedded=e),d.ConnectorController.subscribeKey("filterByNamespace",e=>{this.filterByNamespace===e||c.R.getAccountData(e)?.caipAddress||(u.ApiController.fetchRecommendedWallets(),this.filterByNamespace=e)}))}firstUpdated(){if(this.caipAddress){if(this.enableEmbedded){l.I.close(),this.prefetch();return}this.onNewAddress(this.caipAddress)}this.open&&this.onOpen(),this.enableEmbedded&&this.prefetch()}
438disconnectedCallback(){this.unsubscribe.forEach(e=>e()),this.onRemoveKeyboardListener()}render(){return(this.style.cssText=` 439 --local-border-bottom-mobile-radius: ${this.enableEmbedded?"clamp(0px, var(--wui-border-radius-l), 44px)":"0px"}; 440 `,this.enableEmbedded)?(0,r.dy)`${this.contentTemplate()} 441 <w3m-tooltip></w3m-tooltip> `:this.open?(0,r.dy)` 442 <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay"> 443 ${this.contentTemplate()} 444 </wui-flex> 445 <w3m-tooltip></w3m-tooltip> 446 `:null}contentTemplate(){return(0,r.dy)` <wui-card 447 shake="${this.shake}" 448 data-embedded="${(0,a.o)(this.enableEmbedded)}" 449 role="alertdialog" 450 aria-modal="true" 451 tabindex="0" 452 data-testid="w3m-modal-card" 453 > 454 <w3m-header></w3m-header> 455 <w3m-router></w3m-router> 456 <w3m-snackbar></w3m-snackbar> 457 <w3m-alertbar></w3m-alertbar> 458 </wui-card>`}async onOverlayClick(e){e.target===e.currentTarget&&await this.handleClose()}async handleClose(){"UnsupportedChain"===h.RouterController.state.view||await p.w.isSIWXCloseDisabled()?l.I.shake():l.I.close()}initializeTheming(){let{themeVariables:e,themeMode:t}=w.ThemeController.state,o=m.Hg.getColorTheme(t);(0,m.n)(e,o)}onClose(){this.open=!1,this.classList.remove("open"),this.onScrollUnlock(),g.SnackController.hide(),this.onRemoveKeyboardListener()}onOpen(){this.open=!0,this.classList.add("open"),this.onScrollLock(),this.onAddKeyboardListener()}onScrollLock(){let e=document.createElement("style");e.dataset.w3m=ee,e.textContent=` 459 body { 460 touch-action: none; 461 overflow: hidden; 462 overscroll-behavior: contain; 463 } 464 w3m-modal { 465 pointer-events: auto; 466 } 467 `,document.head.appendChild(e)}onScrollUnlock(){let e=document.head.querySelector(`style[data-w3m="${ee}"]`);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=c.R.state.isSwitchingNamespace,o=b.j.getPlainAddress(e);o||t?t&&o&&h.RouterController.goBack():l.I.close(),await p.w.initializeIfEnabled(),this.caipAddress=e,c.R.setIsSwitchingNamespace(!1)}onNewNetwork(e){let t=this.caipNetwork,o=t?.caipNetworkId?.toString(),r=t?.chainNamespace,i=e?.caipNetworkId?.toString(),a=e?.chainNamespace,n=o!==i,c=t?.name===s.b.UNSUPPORTED_NETWORK_NAME,d="ConnectingExternal"===h.RouterController.state.view,u=!this.caipAddress,p="UnsupportedChain"===h.RouterController.state.view,w=l.I.state.open,g=!1;w&&!d&&(u?n&&(g=!0):p?g=!0:!n||r!==a||c||(g=!0)),g&&"SIWXSignMessage"!==h.RouterController.state.view&&h.RouterController.goBack(),this.caipNetwork=e}prefetch(){this.hasPrefetched||(u.ApiController.prefetch(),u.ApiController.fetchWalletsByPage({page:1}),this.hasPrefetched=!0)}};et.styles=J,Q([(0,i.Cb)({type:Boolean})],et.prototype,"enableEmbedded",void 0),Q([(0,i.SB)()],et.prototype,"open",void 0),Q([(0,i.SB)()],et.prototype,"caipAddress",void 0),Q([(0,i.SB)()],et.prototype,"caipNetwork",void 0),Q([(0,i.SB)()],et.prototype,"shake",void 0),Q([(0,i.SB)()],et.prototype,"filterByNamespace",void 0),et=Q([(0,m.Mo)("w3m-modal")],et)},85412:function(e,t,o){o.d(t,{Cb:function(){return r.C},SB:function(){return i.S}});var r=o(82500),i=o(704)},8834:function(e,t,o){o.d(t,{o:function(){return r.o}});var r=o(47303)},55108:function(e,t,o){o.d(t,{dy:function(){return r.dy},iv:function(){return r.iv},oi:function(){return r.oi}}),o(93511),o(81997);var r=o(48940)},4594:function(e,t,o){o(49435)},23805:function(e,t,o){var r=o(90924),i=o(99691),a=o(84249),s=o(57116),n=(0,r.iv)` 468 :host { 469 display: block; 470 width: var(--local-width); 471 height: var(--local-height); 472 } 473 474 img { 475 display: block; 476 width: 100%; 477 height: 100%; 478 object-fit: cover; 479 object-position: center center; 480 border-radius: inherit; 481 } 482`,l=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let c=class extends r.oi{constructor(){super(...arguments),this.src="./path/to/image.jpg",this.alt="Image",this.size=void 0}render(){return this.style.cssText=` 483 --local-width: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"}; 484 --local-height: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"}; 485 `,(0,r.dy)`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`}handleImageError(){this.dispatchEvent(new CustomEvent("onLoadError",{bubbles:!0,composed:!0}))}};c.styles=[a.ET,a.Bp,n],l([(0,i.Cb)()],c.prototype,"src",void 0),l([(0,i.Cb)()],c.prototype,"alt",void 0),l([(0,i.Cb)()],c.prototype,"size",void 0),l([(0,s.M)("wui-image")],c)},21793:function(e,t,o){var r=o(90924),i=o(99691),a=o(84249),s=o(57116),n=(0,r.iv)` 486 :host { 487 display: flex; 488 } 489 490 :host([data-size='sm']) > svg { 491 width: 12px; 492 height: 12px; 493 } 494 495 :host([data-size='md']) > svg { 496 width: 16px; 497 height: 16px; 498 } 499 500 :host([data-size='lg']) > svg { 501 width: 24px; 502 height: 24px; 503 } 504 505 :host([data-size='xl']) > svg { 506 width: 32px; 507 height: 32px; 508 } 509 510 svg { 511 animation: rotate 2s linear infinite; 512 } 513 514 circle { 515 fill: none; 516 stroke: var(--local-color); 517 stroke-width: 4px; 518 stroke-dasharray: 1, 124; 519 stroke-dashoffset: 0; 520 stroke-linecap: round; 521 animation: dash 1.5s ease-in-out infinite; 522 } 523 524 :host([data-size='md']) > svg > circle { 525 stroke-width: 6px; 526 } 527 528 :host([data-size='sm']) > svg > circle { 529 stroke-width: 8px; 530 } 531 532 @keyframes rotate { 533 100% { 534 transform: rotate(360deg); 535 } 536 } 537 538 @keyframes dash { 539 0% { 540 stroke-dasharray: 1, 124; 541 stroke-dashoffset: 0; 542 } 543 544 50% { 545 stroke-dasharray: 90, 124; 546 stroke-dashoffset: -35; 547 } 548 549 100% { 550 stroke-dashoffset: -125; 551 } 552 } 553`,l=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let c=class extends r.oi{constructor(){super(...arguments),this.color="accent-100",this.size="lg"}render(){return this.style.cssText=`--local-color: ${"inherit"===this.color?"inherit":`var(--wui-color-${this.color})`}`,this.dataset.size=this.size,(0,r.dy)`<svg viewBox="25 25 50 50"> 554 <circle r="20" cy="50" cx="50"></circle> 555 </svg>`}};c.styles=[a.ET,n],l([(0,i.Cb)()],c.prototype,"color",void 0),l([(0,i.Cb)()],c.prototype,"size",void 0),l([(0,s.M)("wui-loading-spinner")],c)},1736:function(e,t,o){var r=o(90924),i=o(99691);o(49435);var a=o(84249),s=o(57116),n=(0,r.iv)` 556 :host { 557 display: inline-flex; 558 justify-content: center;
559 align-items: center; 560 position: relative; 561 overflow: hidden; 562 background-color: var(--wui-color-gray-glass-020); 563 border-radius: var(--local-border-radius); 564 border: var(--local-border); 565 box-sizing: content-box; 566 width: var(--local-size); 567 height: var(--local-size); 568 min-height: var(--local-size); 569 min-width: var(--local-size); 570 } 571 572 @supports (background: color-mix(in srgb, white 50%, black)) { 573 :host { 574 background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent); 575 } 576 } 577`,l=function(e,t,o,r){var i,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(a<3?i(s):a>3?i(t,o,s):i(t,o))||s);return a>3&&s&&Object.defineProperty(t,o,s),s};let c=class extends r.oi{constructor(){super(...arguments),this.size="md",this.backgroundColor="accent-100",this.iconColor="accent-100",this.background="transparent",this.border=!1,this.borderColor="wui-color-bg-125",this.icon="copy"}render(){let e=this.iconSize||this.size,t="lg"===this.size,o="xl"===this.size,i="gray"===this.background,a="opaque"===this.background,s="accent-100"===this.backgroundColor&&a||"success-100"===this.backgroundColor&&a||"error-100"===this.backgroundColor&&a||"inverse-100"===this.backgroundColor&&a,n=`var(--wui-color-${this.backgroundColor})`;return s?n=`var(--wui-icon-box-bg-${this.backgroundColor})`:i&&(n=`var(--wui-color-gray-${this.backgroundColor})`),this.style.cssText=` 578 --local-bg-value: ${n}; 579 --local-bg-mix: ${s||i?"100%":t?"12%":"16%"}; 580 --local-border-radius: var(--wui-border-radius-${t?"xxs":o?"s":"3xl"}); 581 --local-size: var(--wui-icon-box-size-${this.size}); 582 --local-border: ${"wui-color-bg-125"===this.borderColor?"2px":"1px"} solid ${this.border?`var(--${this.borderColor})`:"transparent"} 583 `,(0,r.dy)` <wui-icon color=${this.iconColor} size=${e} name=${this.icon}></wui-icon> `}};c.styles=[a.ET,a.ZM,n],l([(0,i.Cb)()],c.prototype,"size",void 0),l([(0,i.Cb)()],c.prototype,"backgroundColor",void 0),l([(0,i.Cb)()],c.prototype,"iconColor",void 0),l([(0,i.Cb)()],c.prototype,"iconSize",void 0),l([(0,i.Cb)()],c.prototype,"background",void 0),l([(0,i.Cb)({type:Boolean})],c.prototype,"border",void 0),l([(0,i.Cb)()],c.prototype,"borderColor",void 0),l([(0,i.Cb)()],c.prototype,"icon",void 0),l([(0,s.M)("wui-icon-box")],c)}}]);
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.