1import{i as v,e as L,r as R,a as h,x as l,C as y,A as m,O as U,b as w,E as N,R as W,c as xe,d as E,f as g,S as Ge,g as Bt,W as Ke,h as nt,j as vt,T as ot,k as je,M as Ot,l as St,m as ve,n as xt,o as Ut}from"./core-BOzHcyJ6.js";import{n as c,c as p,o as u,r as d,U as Y,e as Nt,f as qt,a as Mt}from"./index-gc4GJOkJ.js";import{Q as Vt}from"./browser-DAGd5jmX.js";import"./index-CRPZpX17.js";import"./to-string-CqV7wPRW.js";const Gt=v` 2 :host { 3 position: relative; 4 background-color: var(--wui-color-gray-glass-002); 5 display: flex; 6 justify-content: center; 7 align-items: center; 8 width: var(--local-size); 9 height: var(--local-size); 10 border-radius: inherit; 11 border-radius: var(--local-border-radius); 12 } 13 14 :host > wui-flex { 15 overflow: hidden; 16 border-radius: inherit; 17 border-radius: var(--local-border-radius); 18 } 19 20 :host::after { 21 content: ''; 22 position: absolute; 23 top: 0; 24 bottom: 0; 25 left: 0; 26 right: 0; 27 border-radius: inherit; 28 border: 1px solid var(--wui-color-gray-glass-010); 29 pointer-events: none; 30 } 31 32 :host([name='Extension'])::after { 33 border: 1px solid var(--wui-color-accent-glass-010); 34 } 35 36 :host([data-wallet-icon='allWallets']) { 37 background-color: var(--wui-all-wallets-bg-100); 38 } 39 40 :host([data-wallet-icon='allWallets'])::after { 41 border: 1px solid var(--wui-color-accent-glass-010); 42 } 43 44 wui-icon[data-parent-size='inherit'] { 45 width: 75%; 46 height: 75%; 47 align-items: center; 48 } 49 50 wui-icon[data-parent-size='sm'] { 51 width: 18px; 52 height: 18px; 53 } 54 55 wui-icon[data-parent-size='md'] { 56 width: 24px; 57 height: 24px; 58 } 59 60 wui-icon[data-parent-size='lg'] { 61 width: 42px; 62 height: 42px; 63 } 64 65 wui-icon[data-parent-size='full'] { 66 width: 100%; 67 height: 100%; 68 } 69 70 :host > wui-icon-box { 71 position: absolute; 72 overflow: hidden; 73 right: -1px; 74 bottom: -2px; 75 z-index: 1; 76 border: 2px solid var(--wui-color-bg-150, #1e1f1f); 77 padding: 1px; 78 } 79`;var ce=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Z=class extends h{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let e="xxs";return this.size==="lg"?e="m":this.size==="md"?e="xs":e="xxs",this.style.cssText=` 80 --local-border-radius: var(--wui-border-radius-${e}); 81 --local-size: var(--wui-wallet-image-size-${this.size}); 82 `,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),l` 83 <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex> 84 `}templateVisual(){return this.imageSrc?l`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?l`<wui-icon 85 data-parent-size="md" 86 size="md" 87 color="inherit" 88 name=${this.walletIcon} 89 ></wui-icon>`:l`<wui-icon 90 data-parent-size=${this.size} 91 size="inherit" 92 color="inherit" 93 name="walletPlaceholder" 94 ></wui-icon>`}};Z.styles=[L,R,Gt];ce([c()],Z.prototype,"size",void 0);ce([c()],Z.prototype,"name",void 0);ce([c()],Z.prototype,"imageSrc",void 0);ce([c()],Z.prototype,"walletIcon",void 0);ce([c({type:Boolean})],Z.prototype,"installed",void 0);ce([c()],Z.prototype,"badgeSize",void 0);Z=ce([p("wui-wallet-image")],Z);const Kt=v` 95 :host { 96 position: relative; 97 border-radius: var(--wui-border-radius-xxs); 98 width: 40px; 99 height: 40px; 100 overflow: hidden; 101 background: var(--wui-color-gray-glass-002); 102 display: flex; 103 justify-content: center; 104 align-items: center; 105 flex-wrap: wrap; 106 gap: var(--wui-spacing-4xs); 107 padding: 3.75px !important; 108 } 109 110 :host::after { 111 content: ''; 112 position: absolute; 113 top: 0; 114 bottom: 0; 115 left: 0; 116 right: 0; 117 border-radius: inherit; 118 border: 1px solid var(--wui-color-gray-glass-010); 119 pointer-events: none; 120 } 121 122 :host > wui-wallet-image { 123 width: 14px; 124 height: 14px; 125 border-radius: var(--wui-border-radius-5xs); 126 } 127 128 :host > wui-flex { 129 padding: 2px; 130 position: fixed; 131 overflow: hidden; 132 left: 34px; 133 bottom: 8px; 134 background: var(--dark-background-150, #1e1f1f); 135 border-radius: 50%; 136 z-index: 2; 137 display: flex; 138 } 139`;var jt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const et=4;let Te=class extends h{constructor(){super(...arguments),this.walletImages=[]}render(){const e=this.walletImages.length<et;return l`${this.walletImages.slice(0,et).map(({src:i,walletName:n})=>l` 140 <wui-wallet-image 141 size="inherit" 142 imageSrc=${i} 143 name=${u(n)} 144 ></wui-wallet-image> 145 `)} 146 ${e?[...Array(et-this.walletImages.length)].map(()=>l` <wui-wallet-image size="inherit" name=""></wui-wallet-image>`):null} 147 <wui-flex> 148 <wui-icon-box 149 size="xxs" 150 iconSize="xxs" 151 iconcolor="success-100" 152 backgroundcolor="success-100" 153 icon="checkmark" 154 background="opaque" 155 ></wui-icon-box> 156 </wui-flex>`}};Te.styles=[R,Kt];jt([c({type:Array})],Te.prototype,"walletImages",void 0);Te=jt([p("wui-all-wallets-image")],Te);const Ht=v` 157 button { 158 column-gap: var(--wui-spacing-s); 159 padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs); 160 width: 100%; 161 background-color: var(--wui-color-gray-glass-002); 162 border-radius: var(--wui-border-radius-xs); 163 color: var(--wui-color-fg-100); 164 } 165 166 button > wui-text:nth-child(2) { 167 display: flex; 168 flex: 1; 169 } 170 171 button:disabled { 172 background-color: var(--wui-color-gray-glass-015); 173 color: var(--wui-color-gray-glass-015); 174 } 175 176 button:disabled > wui-tag { 177 background-color: var(--wui-color-gray-glass-010); 178 color: var(--wui-color-fg-300); 179 } 180 181 wui-icon { 182 color: var(--wui-color-fg-200) !important; 183 } 184`;var z=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let O=class extends h{constructor(){super(...arguments),this.walletImages=[],this.imageSrc="",this.name="",this.tabIdx=void 0,this.installed=!1,this.disabled=!1,this.showAllWallets=!1,this.loading=!1,this.loadingSpinnerColor="accent-100"}render(){return l` 185 <button ?disabled=${this.disabled} tabindex=${u(this.tabIdx)}> 186 ${this.templateAllWallets()} ${this.templateWalletImage()} 187 <wui-text variant="paragraph-500" color="inherit">${this.name}</wui-text> 188 ${this.templateStatus()} 189 </button> 190 `}templateAllWallets(){return this.showAllWallets&&this.imageSrc?l` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `:this.showAllWallets&&this.walletIcon?l` <wui-wallet-image .walletIcon=${this.walletIcon} size="sm"> </wui-wallet-image> `:null}templateWalletImage(){return!this.showAllWallets&&this.imageSrc?l`<wui-wallet-image 191 size="sm" 192 imageSrc=${this.imageSrc} 193 name=${this.name} 194 .installed=${this.installed} 195 ></wui-wallet-image>`:!this.showAllWallets&&!this.imageSrc?l`<wui-wallet-image size="sm" name=${this.name}></wui-wallet-image>`:null}templateStatus(){return this.loading?l`<wui-loading-spinner 196 size="lg" 197 color=${this.loadingSpinnerColor} 198 ></wui-loading-spinner>`:this.tagLabel&&this.tagVariant?l`<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`:this.icon?l`<wui-icon color="inherit" size="sm" name=${this.icon}></wui-icon>`:null}};O.styles=[R,L,Ht];z([c({type:Array})],O.prototype,"walletImages",void 0);z([c()],O.prototype,"imageSrc",void 0);z([c()],O.prototype,"name",void 0);z([c()],O.prototype,"tagLabel",void 0);z([c()],O.prototype,"tagVariant",void 0);z([c()],O.prototype,"icon",void 0);z([c()],O.prototype,"walletIcon",void 0);z([c()],O.prototype,"tabIdx",void 0);z([c({type:Boolean})],O.prototype,"installed",void 0);z([c({type:Boolean})],O.prototype,"disabled",void 0);z([c({type:Boolean})],O.prototype,"showAllWallets",void 0);z([c({type:Boolean})],O.prototype,"loading",void 0);z([c({type:String})],O.prototype,"loadingSpinnerColor",void 0);O=z([p("wui-list-wallet")],O);var fe=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let oe=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=y.state.connectors,this.count=m.state.count,this.filteredCount=m.state.filteredWallets.length,this.isFetchingRecommendedWallets=m.state.isFetchingRecommendedWallets,this.unsubscribe.push(y.subscribeKey("connectors",e=>this.connectors=e),m.subscribeKey("count",e=>this.count=e),m.subscribeKey("filteredWallets",e=>this.filteredCount=e.length),m.subscribeKey("isFetchingRecommendedWallets",e=>this.isFetchingRecommendedWallets=e))}
198disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.connectors.find(f=>f.id==="walletConnect"),{allWallets:i}=U.state;if(!e||i==="HIDE"||i==="ONLY_MOBILE"&&!w.isMobile())return null;const n=m.state.featured.length,o=this.count+n,t=o<10?o:Math.floor(o/10)*10,r=this.filteredCount>0?this.filteredCount:t;let s=`${r}`;return this.filteredCount>0?s=`${this.filteredCount}`:r<o&&(s=`${r}+`),l` 199 <wui-list-wallet 200 name="All Wallets" 201 walletIcon="allWallets" 202 showAllWallets 203 @click=${this.onAllWallets.bind(this)} 204 tagLabel=${s} 205 tagVariant="shade" 206 data-testid="all-wallets" 207 tabIdx=${u(this.tabIdx)} 208 .loading=${this.isFetchingRecommendedWallets} 209 loadingSpinnerColor=${this.isFetchingRecommendedWallets?"fg-300":"accent-100"} 210 ></wui-list-wallet> 211 `}onAllWallets(){N.sendEvent({type:"track",event:"CLICK_ALL_WALLETS"}),W.push("AllWallets")}};fe([c()],oe.prototype,"tabIdx",void 0);fe([d()],oe.prototype,"connectors",void 0);fe([d()],oe.prototype,"count",void 0);fe([d()],oe.prototype,"filteredCount",void 0);fe([d()],oe.prototype,"isFetchingRecommendedWallets",void 0);oe=fe([p("w3m-all-wallets-widget")],oe);var dt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ee=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=y.state.connectors,this.unsubscribe.push(y.subscribeKey("connectors",e=>this.connectors=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.connectors.filter(i=>i.type==="ANNOUNCED");return e!=null&&e.length?l` 212 <wui-flex flexDirection="column" gap="xs"> 213 ${e.filter(xe.showConnector).map(i=>l` 214 <wui-list-wallet 215 imageSrc=${u(E.getConnectorImage(i))} 216 name=${i.name??"Unknown"} 217 @click=${()=>this.onConnector(i)} 218 tagVariant="success" 219 tagLabel="installed" 220 data-testid=${`wallet-selector-${i.id}`} 221 .installed=${!0} 222 tabIdx=${u(this.tabIdx)} 223 > 224 </wui-list-wallet> 225 `)} 226 </wui-flex> 227 `:(this.style.cssText="display: none",null)}onConnector(e){e.id==="walletConnect"?w.isMobile()?W.push("AllWallets"):W.push("ConnectingWalletConnect"):W.push("ConnectingExternal",{connector:e})}};dt([c()],Ee.prototype,"tabIdx",void 0);dt([d()],Ee.prototype,"connectors",void 0);Ee=dt([p("w3m-connect-announced-widget")],Ee);var He=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ye=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=y.state.connectors,this.loading=!1,this.unsubscribe.push(y.subscribeKey("connectors",e=>this.connectors=e)),w.isTelegram()&&w.isIos()&&(this.loading=!g.state.wcUri,this.unsubscribe.push(g.subscribeKey("wcUri",e=>this.loading=!e)))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const{customWallets:e}=U.state;if(!(e!=null&&e.length))return this.style.cssText="display: none",null;const i=this.filterOutDuplicateWallets(e);return l`<wui-flex flexDirection="column" gap="xs"> 228 ${i.map(n=>l` 229 <wui-list-wallet 230 imageSrc=${u(E.getWalletImage(n))} 231 name=${n.name??"Unknown"} 232 @click=${()=>this.onConnectWallet(n)} 233 data-testid=${`wallet-selector-${n.id}`} 234 tabIdx=${u(this.tabIdx)} 235 ?loading=${this.loading} 236 > 237 </wui-list-wallet> 238 `)} 239 </wui-flex>`}filterOutDuplicateWallets(e){const i=Ge.getRecentWallets(),n=this.connectors.map(s=>{var f;return(f=s.info)==null?void 0:f.rdns}
239).filter(Boolean),o=i.map(s=>s.rdns).filter(Boolean),t=n.concat(o);if(t.includes("io.metamask.mobile")&&w.isMobile()){const s=t.indexOf("io.metamask.mobile");t[s]="io.metamask"}return e.filter(s=>!t.includes(String(s==null?void 0:s.rdns)))}onConnectWallet(e){this.loading||W.push("ConnectingWalletConnect",{wallet:e})}};He([c()],ye.prototype,"tabIdx",void 0);He([d()],ye.prototype,"connectors",void 0);He([d()],ye.prototype,"loading",void 0);ye=He([p("w3m-connect-custom-widget")],ye);var ut=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ke=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=y.state.connectors,this.unsubscribe.push(y.subscribeKey("connectors",e=>this.connectors=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const n=this.connectors.filter(o=>o.type==="EXTERNAL").filter(xe.showConnector).filter(o=>o.id!==Bt.CONNECTOR_ID.COINBASE_SDK);return n!=null&&n.length?l` 240 <wui-flex flexDirection="column" gap="xs"> 241 ${n.map(o=>l` 242 <wui-list-wallet 243 imageSrc=${u(E.getConnectorImage(o))} 244 .installed=${!0} 245 name=${o.name??"Unknown"} 246 data-testid=${`wallet-selector-external-${o.id}`} 247 @click=${()=>this.onConnector(o)} 248 tabIdx=${u(this.tabIdx)} 249 > 250 </wui-list-wallet> 251 `)} 252 </wui-flex> 253 `:(this.style.cssText="display: none",null)}onConnector(e){W.push("ConnectingExternal",{connector:e})}};ut([c()],ke.prototype,"tabIdx",void 0);ut([d()],ke.prototype,"connectors",void 0);ke=ut([p("w3m-connect-external-widget")],ke);var pt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Le=class extends h{constructor(){super(...arguments),this.tabIdx=void 0,this.wallets=[]}render(){return this.wallets.length?l` 254 <wui-flex flexDirection="column" gap="xs"> 255 ${this.wallets.map(e=>l` 256 <wui-list-wallet 257 data-testid=${`wallet-selector-featured-${e.id}`} 258 imageSrc=${u(E.getWalletImage(e))} 259 name=${e.name??"Unknown"} 260 @click=${()=>this.onConnectWallet(e)} 261 tabIdx=${u(this.tabIdx)} 262 > 263 </wui-list-wallet> 264 `)} 265 </wui-flex> 266 `:(this.style.cssText="display: none",null)}onConnectWallet(e){y.selectWalletConnector(e)}};
266pt([c()],Le.prototype,"tabIdx",void 0);pt([c()],Le.prototype,"wallets",void 0);Le=pt([p("w3m-connect-featured-widget")],Le);var ht=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ze=class extends h{constructor(){super(...arguments),this.tabIdx=void 0,this.connectors=[]}render(){const e=this.connectors.filter(xe.showConnector);return e.length===0?(this.style.cssText="display: none",null):l` 267 <wui-flex flexDirection="column" gap="xs"> 268 ${e.map(i=>l` 269 <wui-list-wallet 270 imageSrc=${u(E.getConnectorImage(i))} 271 .installed=${!0} 272 name=${i.name??"Unknown"} 273 tagVariant="success" 274 tagLabel="installed" 275 data-testid=${`wallet-selector-${i.id}`} 276 @click=${()=>this.onConnector(i)} 277 tabIdx=${u(this.tabIdx)} 278 > 279 </wui-list-wallet> 280 `)} 281 </wui-flex> 282 `}onConnector(e){y.setActiveConnector(e),W.push("ConnectingExternal",{connector:e})}};ht([c()],ze.prototype,"tabIdx",void 0);ht([c()],ze.prototype,"connectors",void 0);ze=ht([p("w3m-connect-injected-widget")],ze);var wt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Pe=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=y.state.connectors,this.unsubscribe.push(y.subscribeKey("connectors",e=>this.connectors=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.connectors.filter(i=>i.type==="MULTI_CHAIN"&&i.name!=="WalletConnect");return e!=null&&e.length?l` 283 <wui-flex flexDirection="column" gap="xs"> 284 ${e.map(i=>l` 285 <wui-list-wallet 286 imageSrc=${u(E.getConnectorImage(i))} 287 .installed=${!0} 288 name=${i.name??"Unknown"} 289 tagVariant="shade" 290 tagLabel="multichain" 291 data-testid=${`wallet-selector-${i.id}`} 292 @click=${()=>this.onConnector(i)} 293 tabIdx=${u(this.tabIdx)} 294 > 295 </wui-list-wallet> 296 `)} 297 </wui-flex> 298 `:(this.style.cssText="display: none",null)}onConnector(e){y.setActiveConnector(e),W.push("ConnectingMultiChain")}};wt([c()],Pe.prototype,"tabIdx",void 0);wt([d()],Pe.prototype,"connectors",void 0);Pe=wt([p("w3m-connect-multi-chain-widget")],Pe);var Fe=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let $e=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=y.state.connectors,this.loading=!1,this.unsubscribe.push(y.subscribeKey("connectors",e=>this.connectors=e)),w.isTelegram()&&w.isIos()&&(this.loading=!g.state.wcUri,this.unsubscribe.push(g.subscribeKey("wcUri",e=>this.loading=!e)))}render(){const i=Ge.getRecentWallets().filter(n=>!Ke.isExcluded(n)).filter(n=>!this.hasWalletConnector(n)).filter(n=>this.isWalletCompatibleWithCurrentChain(n));return i.length?l` 299 <wui-flex flexDirection="column" gap="xs"> 300 ${i.map(n=>l` 301 <wui-list-wallet 302 imageSrc=${u(E.getWalletImage(n))} 303 name=${n.name??"Unknown"} 304 @click=${()=>this.onConnectWallet(n)} 305 tagLabel="recent" 306 tagVariant="shade" 307 tabIdx=${u(this.tabIdx)} 308 ?loading=${this.loading} 309 > 310 </wui-list-wallet> 311 `)} 312 </wui-flex> 313 `:(this.style.cssText="display: none",null)}onConnectWallet(e){this.loading||y.selectWalletConnector(e)}hasWalletConnector(e){return this.connectors.some(i=>i.id===e.id||i.name===e.name)}isWalletCompatibleWithCurrentChain(e){const i=nt.state.activeChain;return i&&e.chains?e.chains.some(n=>{const o=n.split(":")[0];return i===o}):!0}};Fe([c()],$e.prototype,"tabIdx",void 0);Fe([d()],$e.prototype,"connectors",void 0);Fe([d()],$e.prototype,"loading",void 0);$e=Fe([p("w3m-connect-recent-widget")],$e);var Qe=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ce=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.wallets=[],this.loading=!1,w.isTelegram()&&w.isIos()&&(this.loading=!g.state.wcUri,this.unsubscribe.push(g.subscribeKey("wcUri",e=>this.loading=!e)))}render(){const{connectors:e}=y.state,{customWallets:i,featuredWalletIds:n}=U.state,o=Ge.getRecentWallets(),t=e.find(_=>_.id==="walletConnect"),s=e.filter(_=>_.type==="INJECTED"||_.type==="ANNOUNCED"||_.type==="MULTI_CHAIN").filter(_=>
313_.name!=="Browser Wallet");if(!t)return null;if(n||i||!this.wallets.length)return this.style.cssText="display: none",null;const f=s.length+o.length,V=Math.max(0,2-f),j=Ke.filterOutDuplicateWallets(this.wallets).slice(0,V);return j.length?l` 314 <wui-flex flexDirection="column" gap="xs"> 315 ${j.map(_=>l` 316 <wui-list-wallet 317 imageSrc=${u(E.getWalletImage(_))} 318 name=${(_==null?void 0:_.name)??"Unknown"} 319 @click=${()=>this.onConnectWallet(_)} 320 tabIdx=${u(this.tabIdx)} 321 ?loading=${this.loading} 322 > 323 </wui-list-wallet> 324 `)} 325 </wui-flex> 326 `:(this.style.cssText="display: none",null)}onConnectWallet(e){if(this.loading)return;const i=y.getConnector(e.id,e.rdns);i?W.push("ConnectingExternal",{connector:i}):W.push("ConnectingWalletConnect",{wallet:e})}};Qe([c()],Ce.prototype,"tabIdx",void 0);Qe([c()],Ce.prototype,"wallets",void 0);Qe([d()],Ce.prototype,"loading",void 0);Ce=Qe([p("w3m-connect-recommended-widget")],Ce);var Xe=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let We=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=y.state.connectors,this.connectorImages=vt.state.connectorImages,this.unsubscribe.push(y.subscribeKey("connectors",e=>this.connectors=e),vt.subscribeKey("connectorImages",e=>this.connectorImages=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){if(w.isMobile())return this.style.cssText="display: none",null;const e=this.connectors.find(n=>n.id==="walletConnect");if(!e)return this.style.cssText="display: none",null;const i=e.imageUrl||this.connectorImages[(e==null?void 0:e.imageId)??""];return l` 327 <wui-list-wallet 328 imageSrc=${u(i)} 329 name=${e.name??"Unknown"} 330 @click=${()=>this.onConnector(e)} 331 tagLabel="qr code" 332 tagVariant="main" 333 tabIdx=${u(this.tabIdx)} 334 data-testid="wallet-selector-walletconnect" 335 > 336 </wui-list-wallet> 337 `}onConnector(e){y.setActiveConnector(e),W.push("ConnectingWalletConnect")}};Xe([c()],We.prototype,"tabIdx",void 0);Xe([d()],We.prototype,"connectors",void 0);Xe([d()],We.prototype,"connectorImages",void 0);We=Xe([p("w3m-connect-walletconnect-widget")],We);const Ft=v` 338 :host { 339 margin-top: var(--wui-spacing-3xs); 340 } 341 wui-separator { 342 margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-xs) 343 calc(var(--wui-spacing-m) * -1); 344 width: calc(100% + var(--wui-spacing-s) * 2); 345 } 346`;var Re=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let re=class extends h{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=y.state.connectors,this.recommended=m.state.recommended,this.featured=m.state.featured,this.unsubscribe.push(y.subscribeKey("connectors",e=>this.connectors=e),m.subscribeKey("recommended",e=>this.recommended=e),m.subscribeKey("featured",e=>this.featured=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return l` 347 <wui-flex flexDirection="column" gap="xs"> ${this.connectorListTemplate()} </wui-flex> 348 `}connectorListTemplate(){const{custom:e,recent:i,announced:n,injected:o,multiChain:t,recommended:r,featured:s,external:f}=xe.getConnectorsByType(this.connectors,this.recommended,this.featured);return xe.getConnectorTypeOrder({custom:e,recent:i,announced:n,injected:o,multiChain:t,recommended:r,featured:s,external:f}).map(j=>{switch(j){case"injected":return l` 349 ${t.length?l`<w3m-connect-multi-chain-widget 350 tabIdx=${u(this.tabIdx)} 351 ></w3m-connect-multi-chain-widget>`:null} 352 ${n.length?l`<w3m-connect-announced-widget 353 tabIdx=${u(this.tabIdx)} 354 ></w3m-connect-announced-widget>`:null} 355 ${o.length?l`<w3m-connect-injected-widget 356 .connectors=${o} 357 tabIdx=${u(this.tabIdx)} 358 ></w3m-connect-injected-widget>`:null} 359 `;case"walletConnect":return l`<w3m-connect-walletconnect-widget 360 tabIdx=${u(this.tabIdx)} 361 ></w3m-connect-walletconnect-widget>`;case"recent":return l`<w3m-connect-recent-widget 362 tabIdx=${u(this.tabIdx)} 363 ></w3m-connect-recent-widget>`;case"featured":return l`<w3m-connect-featured-widget 364 .wallets=${s} 365 tabIdx=${u(this.tabIdx)} 366 ></w3m-connect-featured-widget>`;
366case"custom":return l`<w3m-connect-custom-widget 367 tabIdx=${u(this.tabIdx)} 368 ></w3m-connect-custom-widget>`;case"external":return l`<w3m-connect-external-widget 369 tabIdx=${u(this.tabIdx)} 370 ></w3m-connect-external-widget>`;case"recommended":return l`<w3m-connect-recommended-widget 371 .wallets=${r} 372 tabIdx=${u(this.tabIdx)} 373 ></w3m-connect-recommended-widget>`;default:return console.warn(`Unknown connector type: ${j}`),null}})}};re.styles=Ft;Re([c()],re.prototype,"tabIdx",void 0);Re([d()],re.prototype,"connectors",void 0);Re([d()],re.prototype,"recommended",void 0);Re([d()],re.prototype,"featured",void 0);re=Re([p("w3m-connector-list")],re);const Qt=v` 374 :host { 375 display: inline-flex; 376 background-color: var(--wui-color-gray-glass-002); 377 border-radius: var(--wui-border-radius-3xl); 378 padding: var(--wui-spacing-3xs); 379 position: relative; 380 height: 36px; 381 min-height: 36px; 382 overflow: hidden; 383 } 384 385 :host::before { 386 content: ''; 387 position: absolute; 388 pointer-events: none; 389 top: 4px; 390 left: 4px; 391 display: block; 392 width: var(--local-tab-width); 393 height: 28px; 394 border-radius: var(--wui-border-radius-3xl); 395 background-color: var(--wui-color-gray-glass-002); 396 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 397 transform: translateX(calc(var(--local-tab) * var(--local-tab-width))); 398 transition: transform var(--wui-ease-out-power-1) var(--wui-duration-md); 399 will-change: background-color, opacity; 400 } 401 402 :host([data-type='flex'])::before { 403 left: 3px; 404 transform: translateX(calc((var(--local-tab) * 34px) + (var(--local-tab) * 4px))); 405 } 406 407 :host([data-type='flex']) { 408 display: flex; 409 padding: 0px 0px 0px 12px; 410 gap: 4px; 411 } 412 413 :host([data-type='flex']) > button > wui-text { 414 position: absolute; 415 left: 18px; 416 opacity: 0; 417 } 418 419 button[data-active='true'] > wui-icon, 420 button[data-active='true'] > wui-text { 421 color: var(--wui-color-fg-100); 422 } 423 424 button[data-active='false'] > wui-icon, 425 button[data-active='false'] > wui-text { 426 color: var(--wui-color-fg-200); 427 } 428 429 button[data-active='true']:disabled, 430 button[data-active='false']:disabled { 431 background-color: transparent; 432 opacity: 0.5; 433 cursor: not-allowed; 434 } 435 436 button[data-active='true']:disabled > wui-text { 437 color: var(--wui-color-fg-200); 438 } 439 440 button[data-active='false']:disabled > wui-text { 441 color: var(--wui-color-fg-300); 442 } 443 444 button > wui-icon, 445 button > wui-text { 446 pointer-events: none; 447 transition: color var(--wui-e ase-out-power-1) var(--wui-duration-md); 448 will-change: color; 449 } 450 451 button { 452 width: var(--local-tab-width); 453 transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 454 will-change: background-color; 455 } 456 457 :host([data-type='flex']) > button { 458 width: 34px; 459 position: relative; 460 display: flex; 461 justify-content: flex-start; 462 } 463 464 button:hover:enabled, 465 button:active:enabled { 466 background-color: transparent !important; 467 } 468 469 button:hover:enabled > wui-icon, 470 button:active:enabled > wui-icon { 471 transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg); 472 color: var(--wui-color-fg-125); 473 } 474 475 button:hover:enabled > wui-text, 476 button:active:enabled > wui-text { 477 transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg); 478 color: var(--wui-color-fg-125); 479 } 480 481 button { 482 border-radius: var(--wui-border-radius-3xl); 483 } 484`;var ie=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let K=class extends h{constructor(){super(...arguments),this.tabs=[],this.onTabChange=()=>null,this.buttons=[],this.disabled=!1,this.localTabWidth="100px",this.activeTab=0,this.isDense=!1}render(){return this.isDense=this.tabs.length>3,this.style.cssText=` 485 --local-tab: ${this.activeTab}; 486 --local-tab-width: ${this.localTabWidth}; 487 `,this.dataset.type=this.isDense?"flex":"block",this.tabs.map((e,i)=>{var o;const n=i===this.activeTab;return l` 488 <button 489 ?disabled=${this.disabled} 490 @click=${()=>this.onTabClick(i)} 491 data-active=${n} 492 data-testid="tab-${(o=e.label)==null?void 0:o.toLowerCase()}" 493 > 494 ${this.iconTemplate(e)} 495 <wui-text variant="small-600" color="inherit"> ${e.label} </wui-text> 496 </button> 497 `})}firstUpdated(){this.shadowRoot&&this.isDense&&(this.buttons=[...this.shadowRoot.querySelectorAll("button")],setTimeout(()=>{this.animateTabs(0,!0)},0))}iconTemplate(e){return e.icon?l`<wui-icon size="xs" color="inherit" name=${e.icon}></wui-icon>`:null}onTabClick(e){this.buttons&&this.animateTabs(e,!1),this.activeTab=e,this.onTabChange(e)}animateTabs(e,i){const n=this.buttons[this.activeTab],o=this.buttons[e],t=n==null?void 0:n.querySelector("wui-text"),r=o==null?void 0:o.querySelector("wui-text"),s=o==null?void 0:o.getBoundingClientRect(),f=r==null?void 0:r.getBoundingClientRect();n&&t&&!i&&e!==this.activeTab&&(t.animate([{opacity:0}
497],{duration:50,easing:"ease",fill:"forwards"}),n.animate([{width:"34px"}],{duration:500,easing:"ease",fill:"forwards"})),o&&s&&f&&r&&(e!==this.activeTab||i)&&(this.localTabWidth=`${Math.round(s.width+f.width)+6}px`,o.animate([{width:`${s.width+f.width}px`}],{duration:i?0:500,fill:"forwards",easing:"ease"}),r.animate([{opacity:1}],{duration:i?0:125,delay:i?0:200,fill:"forwards",easing:"ease"}))}};K.styles=[R,L,Qt];ie([c({type:Array})],K.prototype,"tabs",void 0);ie([c()],K.prototype,"onTabChange",void 0);ie([c({type:Array})],K.prototype,"buttons",void 0);ie([c({type:Boolean})],K.prototype,"disabled",void 0);ie([c()],K.prototype,"localTabWidth",void 0);ie([d()],K.prototype,"activeTab",void 0);ie([d()],K.prototype,"isDense",void 0);K=ie([p("wui-tabs")],K);var ft=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let De=class extends h{constructor(){super(...arguments),this.platformTabs=[],this.unsubscribe=[],this.platforms=[],this.onSelectPlatfrom=void 0}disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.generateTabs();return l` 498 <wui-flex justifyContent="center" .padding=${["0","0","l","0"]}> 499 <wui-tabs .tabs=${e} .onTabChange=${this.onTabChange.bind(this)}></wui-tabs> 500 </wui-flex> 501 `}generateTabs(){const e=this.platforms.map(i=>i==="browser"?{label:"Browser",icon:"extension",platform:"browser"}:i==="mobile"?{label:"Mobile",icon:"mobile",platform:"mobile"}:i==="qrcode"?{label:"Mobile",icon:"mobile",platform:"qrcode"}:i==="web"?{label:"Webapp",icon:"browser",platform:"web"}:i==="desktop"?{label:"Desktop",icon:"desktop",platform:"desktop"}:{label:"Browser",icon:"extension",platform:"unsupported"});return this.platformTabs=e.map(({platform:i})=>i),e}onTabChange(e){var n;const i=this.platformTabs[e];i&&((n=this.onSelectPlatfrom)==null||n.call(this,i))}};ft([c({type:Array})],De.prototype,"platforms",void 0);ft([c()],De.prototype,"onSelectPlatfrom",void 0);De=ft([p("w3m-connecting-header")],De);const Xt=v` 502 :host { 503 width: var(--local-width); 504 position: relative; 505 } 506 507 button { 508 border: none; 509 border-radius: var(--local-border-radius); 510 width: var(--local-width); 511 white-space: nowrap; 512 } 513 514 /* -- Sizes --------------------------------------------------- */ 515 button[data-size='md'] { 516 padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l); 517 height: 36px; 518 } 519 520 button[data-size='md'][data-icon-left='true'][data-icon-right='false'] { 521 padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s); 522 } 523 524 button[data-size='md'][data-icon-right='true'][data-icon-left='false'] { 525 padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l); 526 } 527 528 button[data-size='lg'] { 529 padding: var(--wui-spacing-m) var(--wui-spacing-2l); 530 height: 48px; 531 } 532 533 /* -- Variants --------------------------------------------------------- */ 534 button[data-variant='main'] { 535 background-color: var(--wui-color-accent-100); 536 color: var(--wui-color-inverse-100); 537 border: none; 538 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 539 } 540 541 button[data-variant='inverse'] { 542 background-color: var(--wui-color-inverse-100); 543 color: var(--wui-color-inverse-000); 544 border: none; 545 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 546 } 547 548 button[data-variant='accent'] { 549 background-color: var(--wui-color-accent-glass-010); 550 color: var(--wui-color-accent-100); 551 border: none; 552 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 553 } 554 555 button[data-variant='accent-error'] { 556 background: var(--wui-color-error-glass-015); 557 color: var(--wui-color-error-100); 558 border: none; 559 box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010); 560 } 561 562 button[data-variant='accent-success'] { 563 background: var(--wui-color-success-glass-015); 564 color: var(--wui-color-success-100); 565 border: none; 566 box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010); 567 } 568 569 button[data-variant='neutral'] { 570 background: transparent; 571 color: var(--wui-color-fg-100); 572 border: none; 573 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 574 } 575 576 /* -- Focus states --------------------------------------------------- */ 577 button[data-variant='main']:focus-visible:enabled { 578 background-color: var(--wui-color-accent-090); 579 box-shadow: 580 inset 0 0 0 1px var(--wui-color-accent-100), 581 0 0 0 4px var(--wui-color-accent-glass-020); 582 } 583 button[data-variant='inverse']:focus-visible:enabled { 584 background-color: var(--wui-color-inverse-100); 585 box-shadow: 586 inset 0 0 0 1px var(--wui-color-gray-glass-010), 587 0 0 0 4px var(--wui-color-accent-glass-020); 588 } 589 button[data-variant='accent']:focus-visible:enabled { 590 background-color: var(--wui-color-accent-glass-010); 591 box-shadow: 592 inset 0 0 0 1px var(--wui-color-accent-100), 593 0 0 0 4px var(--wui-color-accent-glass-020); 594 } 595 button[data-variant='accent-error']:focus-visible:enabled { 596 background: var(--wui-color-error-glass-015); 597 box-shadow: 598 inset 0 0 0 1px var(--wui-color-error-100), 599 0 0 0 4px var(--wui-color-error-glass-020); 600 } 601 button[data-variant='accent-success']:focus-visible:enabled { 602 background: var(--wui-color-success-glass-015); 603 box-shadow: 604 inset 0 0 0 1px var(--wui-color-success-100), 605 0 0 0 4px var(--wui-color-success-glass-020); 606 } 607 button[data-variant='neutral']:focus-visible:enabled { 608 background: var(--wui-color-gray-glass-005); 609 box-shadow: 610 inset 0 0 0 1px var(--wui-color-gray-glass-010), 611 0 0 0 4px var(--wui-color-gray-glass-002); 612 } 613 614 /* -- Hover & Active states ----------------------------------------------------------- */ 615 @media (hover: hover) and (pointer: fine) { 616 button[data-variant='main']:hover:enabled { 617 background-color: var(--wui-color-accent-090); 618 } 619 620 button[data-variant='main']:active:enabled { 621 background-color: var(--wui-color-accent-080); 622 } 623 624 button[data-variant='accent']:hover:enabled { 625 background-color: var(--wui-color-accent-glass-015); 626 } 627 628 button[data-variant='accent']:active:enabled { 629 background-color: var(--wui-color-accent-glass-020); 630 } 631 632 button[data-variant='accent-error']:hover:enabled { 633 background: var(--wui-color-error-glass-020); 634 color: var(--wui-color-error-100); 635 } 636 637 button[data-variant='accent-error']:active:enabled { 638 background: var(--wui-color-error-glass-030); 639 color: var(--wui-color-error-100); 640 } 641 642 button[data-variant='accent-success']:hover:enabled { 643 background: var(--wui-color-success-glass-020); 644 color: var(--wui-color-success-100); 645 } 646 647 button[data-variant='accent-success']:active:enabled { 648 background: var(--wui-color-success-glass-030); 649 color: var(--wui-color-success-100); 650 } 651 652 button[data-variant='neutral']:hover:enabled { 653 background: var(--wui-color-gray-glass-002); 654 } 655 656 button[data-variant='neutral']:active:enabled { 657 background: var(--wui-color-gray-glass-005); 658 } 659 660 button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] { 661 padding-left: var(--wui-spacing-m); 662 } 663 664 button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] { 665 padding-right: var(--wui-spacing-m); 666 } 667 } 668 669 /* -- Disabled state --------------------------------------------------- */ 670 button:disabled { 671 background-color: var(--wui-color-gray-glass-002); 672 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 673 color: var(--wui-color-gray-glass-020);
674 cursor: not-allowed; 675 } 676 677 button > wui-text { 678 transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md); 679 will-change: opacity; 680 opacity: var(--local-opacity-100); 681 } 682 683 ::slotted(*) { 684 transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md); 685 will-change: opacity; 686 opacity: var(--local-opacity-100); 687 } 688 689 wui-loading-spinner { 690 position: absolute; 691 left: 50%; 692 top: 50%; 693 transform: translate(-50%, -50%); 694 opacity: var(--local-opacity-000); 695 } 696`;var H=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const yt={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020"},Yt={lg:"paragraph-600",md:"small-600"},Zt={lg:"md",md:"md"};let D=class extends h{constructor(){super(...arguments),this.size="lg",this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.variant="main",this.hasIconLeft=!1,this.hasIconRight=!1,this.borderRadius="m"}render(){this.style.cssText=` 697 --local-width: ${this.fullWidth?"100%":"auto"}; 698 --local-opacity-100: ${this.loading?0:1}; 699 --local-opacity-000: ${this.loading?1:0}; 700 --local-border-radius: var(--wui-border-radius-${this.borderRadius}); 701 `;const e=this.textVariant??Yt[this.size];return l` 702 <button 703 data-variant=${this.variant} 704 data-icon-left=${this.hasIconLeft} 705 data-icon-right=${this.hasIconRight} 706 data-size=${this.size} 707 ?disabled=${this.disabled} 708 > 709 ${this.loadingTemplate()} 710 <slot name="iconLeft" @slotchange=${()=>this.handleSlotLeftChange()}></slot> 711 <wui-text variant=${e} color="inherit"> 712 <slot></slot> 713 </wui-text> 714 <slot name="iconRight" @slotchange=${()=>this.handleSlotRightChange()}></slot> 715 </button> 716 `}handleSlotLeftChange(){this.hasIconLeft=!0}handleSlotRightChange(){this.hasIconRight=!0}loadingTemplate(){if(this.loading){const e=Zt[this.size],i=this.disabled?yt.disabled:yt[this.variant];return l`<wui-loading-spinner color=${i} size=${e}></wui-loading-spinner>`}return l``}};D.styles=[R,L,Xt];H([c()],D.prototype,"size",void 0);H([c({type:Boolean})],D.prototype,"disabled",void 0);H([c({type:Boolean})],D.prototype,"fullWidth",void 0);H([c({type:Boolean})],D.prototype,"loading",void 0);H([c()],D.prototype,"variant",void 0);H([c({type:Boolean})],D.prototype,"hasIconLeft",void 0);H([c({type:Boolean})],D.prototype,"hasIconRight",void 0);H([c()],D.prototype,"borderRadius",void 0);H([c()],D.prototype,"textVariant",void 0);D=H([p("wui-button")],D);const Jt=v` 717 button { 718 padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs); 719 border-radius: var(--wui-border-radius-3xs); 720 background-color: transparent; 721 color: var(--wui-color-accent-100); 722 } 723 724 button:disabled { 725 background-color: transparent; 726 color: var(--wui-color-gray-glass-015); 727 } 728 729 button:hover { 730 background-color: var(--wui-color-gray-glass-005); 731 } 732`;var Ye=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ue=class extends h{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return l` 733 <button ?disabled=${this.disabled} tabindex=${u(this.tabIdx)}> 734 <slot name="iconLeft"></slot> 735 <wui-text variant="small-600" color=${this.color}> 736 <slot></slot> 737 </wui-text> 738 <slot name="iconRight"></slot> 739 </button> 740 `}};ue.styles=[R,L,Jt];Ye([c()],ue.prototype,"tabIdx",void 0);Ye([c({type:Boolean})],ue.prototype,"disabled",void 0);Ye([c()],ue.prototype,"color",void 0);ue=Ye([p("wui-link")],ue);const ei=v` 741 :host { 742 display: block; 743 width: var(--wui-box-size-md); 744 height: var(--wui-box-size-md); 745 } 746 747 svg { 748 width: var(--wui-box-size-md); 749 height: var(--wui-box-size-md); 750 } 751 752 rect { 753 fill: none; 754 stroke: var(--wui-color-accent-100); 755 stroke-width: 4px; 756 stroke-linecap: round; 757 animation: dash 1s linear infinite; 758 } 759 760 @keyframes dash { 761 to { 762 stroke-dashoffset: 0px; 763 } 764 } 765`;var Tt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ae=class extends h{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){const e=this.radius>50?50:this.radius,n=36-e,o=116+n,t=245+n,r=360+n*1.75;return l` 766 <svg viewBox="0 0 110 110" width="110" height="110"> 767 <rect 768 x="2" 769 y="2" 770 width="106" 771 height="106" 772 rx=${e} 773 stroke-dasharray="${o} ${t}" 774 stroke-dashoffset=${r} 775 /> 776 </svg> 777 `}};Ae.styles=[R,ei];Tt([c({type:Number})],Ae.prototype,"radius",void 0);Ae=Tt([p("wui-loading-thumbnail")],Ae);const ti=v` 778 button { 779 border: none; 780 border-radius: var(--wui-border-radius-3xl); 781 } 782 783 button[data-variant='main'] { 784 background-color: var(--wui-color-accent-100); 785 color: var(--wui-color-inverse-100); 786 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 787 } 788 789 button[data-variant='accent'] { 790 background-color: var(--wui-color-accent-glass-010); 791 color: var(--wui-color-accent-100); 792 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 793 } 794 795 button[data-variant='gray'] { 796 background-color: transparent; 797 color: var(--wui-color-fg-200); 798 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 799 } 800 801 button[data-variant='shade'] { 802 background-color: transparent; 803 color: var(--wui-color-accent-100); 804 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 805 } 806 807 button[data-size='sm'] { 808 height: 32px; 809 padding: 0 var(--wui-spacing-s); 810 } 811 812 button[data-size='md'] { 813 height: 40px; 814 padding: 0 var(--wui-spacing-l); 815 } 816 817 button[data-size='sm'] > wui-image { 818 width: 16px; 819 height: 16px; 820 } 821 822 button[data-size='md'] > wui-image { 823 width: 24px; 824 height: 24px; 825 } 826 827 button[data-size='sm'] > wui-icon { 828 width: 12px; 829 height: 12px; 830 } 831 832 button[data-size='md'] > wui-icon { 833 width: 14px; 834 height: 14px; 835 } 836 837 wui-image { 838 border-radius: var(--wui-border-radius-3xl); 839 overflow: hidden; 840 } 841 842 button.disabled > wui-icon, 843 button.disabled > wui-image { 844 filter: grayscale(1); 845 } 846 847 button[data-variant='main'] > wui-image { 848 box-shadow: inset 0 0 0 1px var(--wui-color-accent-090); 849 } 850 851 button[data-variant='shade'] > wui-image, 852 button[data-variant='gray'] > wui-image { 853 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 854 } 855 856 @media (hover: hover) and (pointer: fine) { 857 button[data-variant='main']:focus-visible { 858 background-color: var(--wui-color-accent-090); 859 } 860 861 button[data-variant='main']:hover:enabled { 862 background-color: var(--wui-color-accent-090); 863 } 864 865 button[data-variant='main']:active:enabled { 866 background-color: var(--wui-color-accent-080); 867 } 868 869 button[data-variant='accent']:hover:enabled { 870 background-color: var(--wui-color-accent-glass-015); 871 } 872 873 button[data-variant='accent']:active:enabled { 874 background-color: var(--wui-color-accent-glass-020); 875 } 876 877 button[data-variant='shade']:focus-visible, 878 button[data-variant='gray']:focus-visible, 879 button[data-variant='shade']:hover, 880 button[data-variant='gray']:hover { 881 background-color: var(--wui-color-gray-glass-002); 882 } 883 884 button[data-variant='gray']:active, 885 button[data-variant='shade']:active { 886 background-color: var(--wui-color-gray-glass-005); 887 } 888 } 889 890 button.disabled { 891 color: var(--wui-color-gray-glass-020); 892 background-color: var(--wui-color-gray-glass-002); 893 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 894 pointer-events: none; 895 } 896`;var de=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let J=class extends h{constructor(){super(...arguments),this.variant="accent",this.imageSrc="",this.disabled=!1,this.icon="externalLink",this.size="md",this.text=""}render(){const e=this.size==="sm"?"small-600":"paragraph-600";return l` 897 <button 898 class=${this.disabled?"disabled":""} 899 data-variant=${this.variant} 900 data-size=${this.size} 901 > 902 ${this.imageSrc?l`<wui-image src=${this.imageSrc}></wui-image>`:null} 903 <wui-text variant=${e} color="inherit"> ${this.text} </wui-text> 904 <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon> 905 </button> 906 `}};J.styles=[R,L,ti];de([c()],J.prototype,"variant",void 0);de([c()],J.prototype,"imageSrc",void 0);de([c({type:Boolean})],J.prototype,"disabled",void 0);de([c()],J.prototype,"icon",void 0);de([c()],J.prototype,"size",void 0);de([c()],J.prototype,"text",void 0);J=de([p("wui-chip-button")],J);const ii=v` 907 wui-flex { 908 width: 100%; 909 background-color: var(--wui-color-gray-glass-002); 910 border-radius: var(--wui-border-radius-xs); 911 } 912`;var Ze=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let pe=class extends h{constructor(){super(...arguments),this.disabled=!1,this.label="",this.buttonLabel=""}render(){return l` 913 <wui-flex 914 justifyContent="space-between" 915 alignItems="center" 916 .padding=${["1xs","2l","1xs","2l"]} 917 > 918 <wui-text variant="paragraph-500" color="fg-200">${this.label}</wui-text> 919 <wui-chip-button size="sm" variant="shade" text=${this.buttonLabel} icon="chevronRight"> 920 </wui-chip-button>
920 921 </wui-flex> 922 `}};pe.styles=[R,L,ii];Ze([c({type:Boolean})],pe.prototype,"disabled",void 0);Ze([c()],pe.prototype,"label",void 0);Ze([c()],pe.prototype,"buttonLabel",void 0);pe=Ze([p("wui-cta-button")],pe);const ni=v` 923 :host { 924 display: block; 925 padding: 0 var(--wui-spacing-xl) var(--wui-spacing-xl); 926 } 927`;var Et=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Be=class extends h{constructor(){super(...arguments),this.wallet=void 0}render(){if(!this.wallet)return this.style.display="none",null;const{name:e,app_store:i,play_store:n,chrome_store:o,homepage:t}=this.wallet,r=w.isMobile(),s=w.isIos(),f=w.isAndroid(),V=[i,n,t,o].filter(Boolean).length>1,j=Y.getTruncateString({string:e,charsStart:12,charsEnd:0,truncate:"end"});return V&&!r?l` 928 <wui-cta-button 929 label=${`Don't have ${j}?`} 930 buttonLabel="Get" 931 @click=${()=>W.push("Downloads",{wallet:this.wallet})} 932 ></wui-cta-button> 933 `:!V&&t?l` 934 <wui-cta-button 935 label=${`Don't have ${j}?`} 936 buttonLabel="Get" 937 @click=${this.onHomePage.bind(this)} 938 ></wui-cta-button> 939 `:i&&s?l` 940 <wui-cta-button 941 label=${`Don't have ${j}?`} 942 buttonLabel="Get" 943 @click=${this.onAppStore.bind(this)} 944 ></wui-cta-button> 945 `:n&&f?l` 946 <wui-cta-button 947 label=${`Don't have ${j}?`} 948 buttonLabel="Get" 949 @click=${this.onPlayStore.bind(this)} 950 ></wui-cta-button> 951 `:(this.style.display="none",null)}onAppStore(){var e;(e=this.wallet)!=null&&e.app_store&&w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){var e;(e=this.wallet)!=null&&e.play_store&&w.openHref(this.wallet.play_store,"_blank")}onHomePage(){var e;(e=this.wallet)!=null&&e.homepage&&w.openHref(this.wallet.homepage,"_blank")}};Be.styles=[ni];Et([c({type:Object})],Be.prototype,"wallet",void 0);Be=Et([p("w3m-mobile-download-links")],Be);const oi=v` 952 @keyframes shake { 953 0% { 954 transform: translateX(0); 955 } 956 25% { 957 transform: translateX(3px); 958 } 959 50% { 960 transform: translateX(-3px); 961 } 962 75% { 963 transform: translateX(3px); 964 } 965 100% { 966 transform: translateX(0); 967 } 968 } 969 970 wui-flex:first-child:not(:only-child) { 971 position: relative; 972 } 973 974 wui-loading-thumbnail { 975 position: absolute; 976 } 977 978 wui-icon-box { 979 position: absolute; 980 right: calc(var(--wui-spacing-3xs) * -1); 981 bottom: calc(var(--wui-spacing-3xs) * -1); 982 opacity: 0; 983 transform: scale(0.5); 984 transition-property: opacity, transform; 985 transition-duration: var(--wui-duration-lg); 986 transition-timing-function: var(--wui-ease-out-power-2); 987 will-change: opacity, transform; 988 } 989 990 wui-text[align='center'] { 991 width: 100%; 992 padding: 0px var(--wui-spacing-l); 993 } 994 995 [data-error='true'] wui-icon-box { 996 opacity: 1; 997 transform: scale(1); 998 } 999 1000 [data-error='true'] > wui-flex:first-child { 1001 animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both; 1002 } 1003 1004 [data-retry='false'] wui-link { 1005 display: none; 1006 } 1007 1008 [data-retry='true'] wui-link { 1009 display: block; 1010 opacity: 1; 1011 } 1012`;var F=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};class S extends h{constructor(){var e,i,n,o,t;super(),this.wallet=(e=W.state.data)==null?void 0:e.wallet,this.connector=(i=W.state.data)==null?void 0:i.connector,this.timeout=void 0,this.secondaryBtnIcon="refresh",this.onConnect=void 0,this.onRender=void 0,this.onAutoConnect=void 0,this.isWalletConnect=!0,this.unsubscribe=[],this.imageSrc=E.getWalletImage(this.wallet)??E.getConnectorImage(this.connector),this.name=((n=this.wallet)==null?void 0:n.name)??((o=this.connector)==null?void 0:o.name)??"Wallet",this.isRetrying=!1,this.uri=g.state.wcUri,this.error=g.state.wcError,this.ready=!1,this.showRetry=!1,this.secondaryBtnLabel="Try again",this.secondaryLabel="Accept connection request in the wallet",this.isLoading=!1,this.isMobile=!1,this.onRetry=void 0,this.unsubscribe.push(g.subscribeKey("wcUri",r=>{var s;this.uri=r,this.isRetrying&&this.onRetry&&(this.isRetrying=!1,(s=this.onConnect)==null||s.call(this))}),g.subscribeKey("wcError",r=>this.error=r)),(w.isTelegram()||w.isSafari())&&w.isIos()&&g.state.wcUri&&((t=this.onConnect)==null||t.call(this))}firstUpdated(){var e;(e=this.onAutoConnect)==null||e.call(this),this.showRetry=!this.onAutoConnect}
1012disconnectedCallback(){this.unsubscribe.forEach(e=>e()),g.setWcError(!1),clearTimeout(this.timeout)}render(){var n;(n=this.onRender)==null||n.call(this),this.onShowRetry();const e=this.error?"Connection can be declined if a previous request is still active":this.secondaryLabel;let i=`Continue in ${this.name}`;return this.error&&(i="Connection declined"),l` 1013 <wui-flex 1014 data-error=${u(this.error)} 1015 data-retry=${this.showRetry} 1016 flexDirection="column" 1017 alignItems="center" 1018 .padding=${["3xl","xl","xl","xl"]} 1019 gap="xl" 1020 > 1021 <wui-flex justifyContent="center" alignItems="center"> 1022 <wui-wallet-image size="lg" imageSrc=${u(this.imageSrc)}></wui-wallet-image> 1023 1024 ${this.error?null:this.loaderTemplate()} 1025 1026 <wui-icon-box 1027 backgroundColor="error-100" 1028 background="opaque" 1029 iconColor="error-100" 1030 icon="close" 1031 size="sm" 1032 border 1033 borderColor="wui-color-bg-125" 1034 ></wui-icon-box> 1035 </wui-flex> 1036 1037 <wui-flex flexDirection="column" alignItems="center" gap="xs"> 1038 <wui-text variant="paragraph-500" color=${this.error?"error-100":"fg-100"}> 1039 ${i} 1040 </wui-text> 1041 <wui-text align="center" variant="small-500" color="fg-200">${e}</wui-text> 1042 </wui-flex> 1043 1044 ${this.secondaryBtnLabel?l` 1045 <wui-button 1046 variant="accent" 1047 size="md" 1048 ?disabled=${this.isRetrying||this.isLoading} 1049 @click=${this.onTryAgain.bind(this)} 1050 data-testid="w3m-connecting-widget-secondary-button" 1051 > 1052 <wui-icon color="inherit" slot="iconLeft" name=${this.secondaryBtnIcon}></wui-icon> 1053 ${this.secondaryBtnLabel} 1054 </wui-button> 1055 `:null} 1056 </wui-flex> 1057 1058 ${this.isWalletConnect?l` 1059 <wui-flex .padding=${["0","xl","xl","xl"]} justifyContent="center"> 1060 <wui-link @click=${this.onCopyUri} color="fg-200" data-testid="wui-link-copy"> 1061 <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon> 1062 Copy link 1063 </wui-link> 1064 </wui-flex> 1065 `:null} 1066 1067 <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links> 1068 `}onShowRetry(){var e;if(this.error&&!this.showRetry){this.showRetry=!0;const i=(e=this.shadowRoot)==null?void 0:e.querySelector("wui-button");i==null||i.animate([{opacity:0},{opacity:1}],{fill:"forwards",easing:"ease"})}}onTryAgain(){var e,i;g.setWcError(!1),this.onRetry?(this.isRetrying=!0,(e=this.onRetry)==null||e.call(this)):(i=this.onConnect)==null||i.call(this)}loaderTemplate(){const e=ot.state.themeVariables["--w3m-border-radius-master"],i=e?parseInt(e.replace("px",""),10):4;return l`<wui-loading-thumbnail radius=${i*9}></wui-loading-thumbnail>`}onCopyUri(){try{this.uri&&(w.copyToClopboard(this.uri),je.showSuccess("Link copied"))}catch{je.showError("Failed to copy")}}}S.styles=oi;F([d()],S.prototype,"isRetrying",void 0);F([d()],S.prototype,"uri",void 0);F([d()],S.prototype,"error",void 0);F([d()],S.prototype,"ready",void 0);F([d()],S.prototype,"showRetry",void 0);F([d()],S.prototype,"secondaryBtnLabel",void 0);F([d()],S.prototype,"secondaryLabel",void 0);F([d()],S.prototype,"isLoading",void 0);F([c({type:Boolean})],S.prototype,"isMobile",void 0);F([c()],S.prototype,"onRetry",void 0);var ri=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let $t=class extends S{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-browser: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onAutoConnect=this.onConnectProxy.bind(this),N.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}async onConnectProxy(){var e;try{this.error=!1;const{connectors:i}=y.state,n=i.find(o=>{var t,r,s;return o.type==="ANNOUNCED"&&((t=o.info)==null?void 0:t.rdns)===((r=this.wallet)==null?void 0:r.rdns)||o.type==="INJECTED"||o.name===((s=this.wallet)==null?void 0:s.name)});if(n)await g.connectExternal(n,n.chain);else throw new Error("w3m-connecting-wc-browser: No connector found");Ot.close(),N.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"browser",name:((e=this.wallet)==null?void 0:e.name)||"Unknown"}})}catch(i){N.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:(i==null?void 0:i.message)??"
1068Unknown"}}),this.error=!0}}};$t=ri([p("w3m-connecting-wc-browser")],$t);var ai=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ct=class extends S{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-desktop: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onRender=this.onRenderProxy.bind(this),N.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"desktop"}})}onRenderProxy(){var e;!this.ready&&this.uri&&(this.ready=!0,(e=this.onConnect)==null||e.call(this))}onConnectProxy(){var e;if((e=this.wallet)!=null&&e.desktop_link&&this.uri)try{this.error=!1;const{desktop_link:i,name:n}=this.wallet,{redirect:o,href:t}=w.formatNativeUrl(i,this.uri);g.setWcLinking({name:n,href:t}),g.setRecentWallet(this.wallet),w.openHref(o,"_blank")}catch{this.error=!0}}};Ct=ai([p("w3m-connecting-wc-desktop")],Ct);var ge=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ae=class extends S{constructor(){if(super(),this.btnLabelTimeout=void 0,this.redirectDeeplink=void 0,this.redirectUniversalLink=void 0,this.target=void 0,this.preferUniversalLinks=U.state.experimental_preferUniversalLinks,this.isLoading=!0,this.onConnect=()=>{var e;if((e=this.wallet)!=null&&e.mobile_link&&this.uri)try{this.error=!1;const{mobile_link:i,link_mode:n,name:o}=this.wallet,{redirect:t,redirectUniversalLink:r,href:s}=w.formatNativeUrl(i,this.uri,n);this.redirectDeeplink=t,this.redirectUniversalLink=r,this.target=w.isIframe()?"_top":"_self",g.setWcLinking({name:o,href:s}),g.setRecentWallet(this.wallet),this.preferUniversalLinks&&this.redirectUniversalLink?w.openHref(this.redirectUniversalLink,this.target):w.openHref(this.redirectDeeplink,this.target)}catch(i){N.sendEvent({type:"track",event:"CONNECT_PROXY_ERROR",properties:{message:i instanceof Error?i.message:"Error parsing the deeplink",uri:this.uri,mobile_link:this.wallet.mobile_link,name:this.wallet.name}}),this.error=!0}},!this.wallet)throw new Error("w3m-connecting-wc-mobile: No wallet provided");this.secondaryBtnLabel="Open",this.secondaryLabel=St.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.onHandleURI(),this.unsubscribe.push(g.subscribeKey("wcUri",()=>{this.onHandleURI()})),N.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"mobile"}})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.btnLabelTimeout)}onHandleURI(){var e;this.isLoading=!this.uri,!this.ready&&this.uri&&(this.ready=!0,(e=this.onConnect)==null||e.call(this))}onTryAgain(){var e;g.setWcError(!1),(e=this.onConnect)==null||e.call(this)}};ge([d()],ae.prototype,"redirectDeeplink",void 0);ge([d()],ae.prototype,"redirectUniversalLink",void 0);ge([d()],ae.prototype,"target",void 0);ge([d()],ae.prototype,"preferUniversalLinks",void 0);ge([d()],ae.prototype,"isLoading",void 0);ae=ge([p("w3m-connecting-wc-mobile")],ae);const si=.1,Wt=2.5,X=7;function tt(a,e,i){return a===e?!1:(a-e<0?e-a:a-e)<=i+si}function li(a,e){const i=Array.prototype.slice.call(Vt.create(a,{errorCorrectionLevel:e}).modules.data,0),n=Math.sqrt(i.length);return i.reduce((o,t,r)=>(r%n===0?o.push([t]):o[o.length-1].push(t))&&o,[])}const ci={generate({uri:a,size:e,logoSize:i,dotColor:n="#141414"}){const o="transparent",r=[],s=li(a,"Q"),f=e/s.length,V=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];V.forEach(({x:$,y:b})=>{const I=(s.length-X)*f*$,x=(s.length-X)*f*b,T=.45;for(let C=0;C<V.length;C+=1){const G=f*(X-C*2);r.push(ve` 1069 <rect 1070 fill=${C===2?n:o} 1071 width=${C===0?G-5:G} 1072 rx= ${C===0?(G-5)*T:G*T} 1073 ry= ${C===0?(G-5)*T:G*T} 1074 stroke=${n} 1075 stroke-width=${C===0?5:0} 1076 height=${C===0?G-5:G} 1077 x= ${C===0?x+f*C+5/2:x+f*C} 1078 y= ${C===0?I+f*C+5/2:I+f*C} 1079 /> 1080 `)}});const j=Math.floor((i+25)/f),_=s.length/2-j/2,me=s.length/2+j/2-1,Se=[];
1080s.forEach(($,b)=>{$.forEach((I,x)=>{if(s[b][x]&&!(b<X&&x<X||b>s.length-(X+1)&&x<X||b<X&&x>s.length-(X+1))&&!(b>_&&b<me&&x>_&&x<me)){const T=b*f+f/2,C=x*f+f/2;Se.push([T,C])}})});const ne={};return Se.forEach(([$,b])=>{var I;ne[$]?(I=ne[$])==null||I.push(b):ne[$]=[b]}),Object.entries(ne).map(([$,b])=>{const I=b.filter(x=>b.every(T=>!tt(x,T,f)));return[Number($),I]}).forEach(([$,b])=>{b.forEach(I=>{r.push(ve`<circle cx=${$} cy=${I} fill=${n} r=${f/Wt} />`)})}),Object.entries(ne).filter(([$,b])=>b.length>1).map(([$,b])=>{const I=b.filter(x=>b.some(T=>tt(x,T,f)));return[Number($),I]}).map(([$,b])=>{b.sort((x,T)=>x<T?-1:1);const I=[];for(const x of b){const T=I.find(C=>C.some(G=>tt(x,G,f)));T?T.push(x):I.push([x])}return[$,I.map(x=>[x[0],x[x.length-1]])]}).forEach(([$,b])=>{b.forEach(([I,x])=>{r.push(ve` 1081 <line 1082 x1=${$} 1083 x2=${$} 1084 y1=${I} 1085 y2=${x} 1086 stroke=${n} 1087 stroke-width=${f/(Wt/2)} 1088 stroke-linecap="round" 1089 /> 1090 `)})}),r}},di=v` 1091 :host { 1092 position: relative; 1093 user-select: none; 1094 display: block; 1095 overflow: hidden; 1096 aspect-ratio: 1 / 1; 1097 width: var(--local-size); 1098 } 1099 1100 :host([data-theme='dark']) { 1101 border-radius: clamp(0px, var(--wui-border-radius-l), 40px); 1102 background-color: var(--wui-color-inverse-100); 1103 padding: var(--wui-spacing-l); 1104 } 1105 1106 :host([data-theme='light']) { 1107 box-shadow: 0 0 0 1px var(--wui-color-bg-125); 1108 background-color: var(--wui-color-bg-125); 1109 } 1110 1111 :host([data-clear='true']) > wui-icon { 1112 display: none; 1113 } 1114 1115 svg:first-child, 1116 wui-image, 1117 wui-icon { 1118 position: absolute; 1119 top: 50%; 1120 left: 50%; 1121 transform: translateY(-50%) translateX(-50%); 1122 } 1123 1124 wui-image { 1125 width: 25%; 1126 height: 25%; 1127 border-radius: var(--wui-border-radius-xs); 1128 } 1129 1130 wui-icon { 1131 width: 100%; 1132 height: 100%; 1133 color: var(--local-icon-color) !important; 1134 transform: translateY(-50%) translateX(-50%) scale(0.25); 1135 } 1136`;var ee=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const ui="#3396ff";let q=class extends h{constructor(){super(...arguments),this.uri="",this.size=0,this.theme="dark",this.imageSrc=void 0,this.alt=void 0,this.arenaClear=void 0,this.farcaster=void 0}render(){return this.dataset.theme=this.theme,this.dataset.clear=String(this.arenaClear),this.style.cssText=` 1137 --local-size: ${this.size}px; 1138 --local-icon-color: ${this.color??ui} 1139 `,l`${this.templateVisual()} ${this.templateSvg()}`}templateSvg(){const e=this.theme==="light"?this.size:this.size-32;return ve` 1140 <svg height=${e} width=${e}> 1141 ${ci.generate({uri:this.uri,size:e,logoSize:this.arenaClear?0:e/4,dotColor:this.color})} 1142 </svg> 1143 `}templateVisual(){return this.imageSrc?l`<wui-image src=${this.imageSrc} alt=${this.alt??"logo"}></wui-image>`:this.farcaster?l`<wui-icon 1144 class="farcaster" 1145 size="inherit" 1146 color="inherit" 1147 name="farcaster" 1148 ></wui-icon>`:l`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`}};q.styles=[R,di];ee([c()],q.prototype,"uri",void 0);ee([c({type:Number})],q.prototype,"size",void 0);ee([c()],q.prototype,"theme",void 0);ee([c()],q.prototype,"imageSrc",void 0);ee([c()],q.prototype,"alt",void 0);ee([c()],q.prototype,"color",void 0);ee([c({type:Boolean})],q.prototype,"arenaClear",void 0);ee([c({type:Boolean})],q.prototype,"farcaster",void 0);q=ee([p("wui-qr-code")],q);const pi=v` 1149 :host { 1150 display: block; 1151 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 1152 background: linear-gradient( 1153 120deg, 1154 var(--wui-color-bg-200) 5%, 1155 var(--wui-color-bg-200) 48%, 1156 var(--wui-color-bg-300) 55%, 1157 var(--wui-color-bg-300) 60%, 1158 var(--wui-color-bg-300) calc(60% + 10px), 1159 var(--wui-color-bg-200) calc(60% + 12px), 1160 var(--wui-color-bg-200) 100% 1161 ); 1162 background-size: 250%; 1163 animation: shimmer 3s linear infinite reverse; 1164 } 1165 1166 :host([variant='light']) { 1167 background: linear-gradient( 1168 120deg, 1169 var(--wui-color-bg-150) 5%, 1170 var(--wui-color-bg-150) 48%, 1171 var(--wui-color-bg-200) 55%, 1172 var(--wui-color-bg-200) 60%, 1173 var(--wui-color-bg-200) calc(60% + 10px), 1174 var(--wui-color-bg-150) calc(60% + 12px), 1175 var(--wui-color-bg-150) 100% 1176 ); 1177 background-size: 250%; 1178 } 1179 1180 @keyframes shimmer { 1181 from { 1182 background-position: -250% 0; 1183 } 1184 to { 1185 background-position: 250% 0; 1186 } 1187 } 1188`;var _e=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let se=class extends h{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=` 1189 width: ${this.width}; 1190 height: ${this.height}; 1191 border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`}; 1192 `,l`<slot></slot>`}};se.styles=[pi];_e([c()],se.prototype,"width",void 0);_e([c()],se.prototype,"height",void 0);_e([c()],se.prototype,"borderRadius",void 0);_e([c()],se.prototype,"variant",void 0);se=_e([p("wui-shimmer")],se);const hi="https://reown.com",wi=v` 1193 .reown-logo { 1194 height: var(--wui-spacing-xxl); 1195 } 1196 1197 a { 1198 text-decoration: none; 1199 cursor: pointer; 1200 } 1201 1202 a:hover { 1203 opacity: 0.9; 1204 } 1205`;var fi=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let rt=class extends h{render(){return l` 1206 <a 1207 data-testid="ux-branding-reown" 1208 href=${hi} 1209 rel="noreferrer" 1210 target="_blank" 1211 style="text-decoration: none;" 1212 > 1213 <wui-flex 1214 justifyContent="center" 1215 alignItems="center" 1216 gap="xs" 1217 .padding=${["0","0","l","0"]} 1218 > 1219 <wui-text variant="small-500" color="fg-100"> UX by </wui-text> 1220 <wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon> 1221 </wui-flex> 1222 </a> 1223 `}};rt.styles=[R,L,wi];rt=fi([p("wui-ux-by-reown")],rt);const gi=v` 1224 @keyframes fadein { 1225 from { 1226 opacity: 0; 1227 } 1228 to { 1229 opacity: 1; 1230 } 1231 } 1232 1233 wui-shimmer { 1234 width: 100%; 1235 aspect-ratio: 1 / 1; 1236 border-radius: clamp(0px, var(--wui-border-radius-l), 40px) !important; 1237 } 1238 1239 wui-qr-code { 1240 opacity: 0; 1241 animation-duration: 200ms; 1242 animation-timing-function: ease; 1243 animation-name: fadein; 1244 animation-fill-mode: forwards; 1245 } 1246`;var bi=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let at=class extends S{constructor(){var e;super(),this.forceUpdate=()=>{this.requestUpdate()},window.addEventListener("resize",this.forceUpdate),N.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:((e=this.wallet)==null?void 0:e.name)??"WalletConnect",platform:"qrcode"}})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.unsubscribe)==null||e.forEach(i=>
1246i()),window.removeEventListener("resize",this.forceUpdate)}render(){return this.onRenderProxy(),l` 1247 <wui-flex 1248 flexDirection="column" 1249 alignItems="center" 1250 .padding=${["0","xl","xl","xl"]} 1251 gap="xl" 1252 > 1253 <wui-shimmer borderRadius="l" width="100%"> ${this.qrCodeTemplate()} </wui-shimmer> 1254 1255 <wui-text variant="paragraph-500" color="fg-100"> 1256 Scan this QR Code with your phone 1257 </wui-text> 1258 ${this.copyTemplate()} 1259 </wui-flex> 1260 <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links> 1261 `}onRenderProxy(){!this.ready&&this.uri&&(this.timeout=setTimeout(()=>{this.ready=!0},200))}qrCodeTemplate(){if(!this.uri||!this.ready)return null;const e=this.getBoundingClientRect().width-40,i=this.wallet?this.wallet.name:void 0;return g.setWcLinking(void 0),g.setRecentWallet(this.wallet),l` <wui-qr-code 1262 size=${e} 1263 theme=${ot.state.themeMode} 1264 uri=${this.uri} 1265 imageSrc=${u(E.getWalletImage(this.wallet))} 1266 color=${u(ot.state.themeVariables["--w3m-qr-color"])} 1267 alt=${u(i)} 1268 data-testid="wui-qr-code" 1269 ></wui-qr-code>`}copyTemplate(){const e=!this.uri||!this.ready;return l`<wui-link 1270 .disabled=${e} 1271 @click=${this.onCopyUri} 1272 color="fg-200" 1273 data-testid="copy-wc2-uri" 1274 > 1275 <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon> 1276 Copy link 1277 </wui-link>`}};at.styles=gi;at=bi([p("w3m-connecting-wc-qrcode")],at);var mi=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Rt=class extends h{constructor(){var e;if(super(),this.wallet=(e=W.state.data)==null?void 0:e.wallet,!this.wallet)throw new Error("w3m-connecting-wc-unsupported: No wallet provided");N.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}render(){return l` 1278 <wui-flex 1279 flexDirection="column" 1280 alignItems="center" 1281 .padding=${["3xl","xl","xl","xl"]} 1282 gap="xl" 1283 > 1284 <wui-wallet-image 1285 size="lg" 1286 imageSrc=${u(E.getWalletImage(this.wallet))} 1287 ></wui-wallet-image> 1288 1289 <wui-text variant="paragraph-500" color="fg-100">Not Detected</wui-text> 1290 </wui-flex> 1291 1292 <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links> 1293 `}};Rt=mi([p("w3m-connecting-wc-unsupported")],Rt);var kt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let st=class extends S{constructor(){if(super(),this.isLoading=!0,!this.wallet)throw new Error("w3m-connecting-wc-web: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.secondaryBtnLabel="Open",this.secondaryLabel=St.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.updateLoadingState(),this.unsubscribe.push(g.subscribeKey("wcUri",()=>{this.updateLoadingState()})),N.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"web"}})}updateLoadingState(){this.isLoading=!this.uri}onConnectProxy(){var e;if((e=this.wallet)!=null&&e.webapp_link&&this.uri)try{this.error=!1;const{webapp_link:i,name:n}=this.wallet,{redirect:o,href:t}=w.formatUniversalUrl(i,this.uri);g.setWcLinking({name:n,href:t}),g.setRecentWallet(this.wallet),w.openHref(o,"_blank")}catch{this.error=!0}}};kt([d()],st.prototype,"isLoading",void 0);st=kt([p("w3m-connecting-wc-web")],st);var Ie=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let he=class extends h{constructor(){var e;super(),this.wallet=(e=W.state.data)==null?void 0:e.wallet,this.unsubscribe=[],this.platform=void 0,this.platforms=[],this.isSiwxEnabled=!!U.state.siwx,this.remoteFeatures=U.state.remoteFeatures,this.determinePlatforms(),this.initializeConnection(),this.unsubscribe.push(U.subscribeKey("remoteFeatures",i=>this.remoteFeatures=i))}
1293disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return l` 1294 ${this.headerTemplate()} 1295 <div>${this.platformTemplate()}</div> 1296 ${this.reownBrandingTemplate()} 1297 `}reownBrandingTemplate(){var e;return(e=this.remoteFeatures)!=null&&e.reownBranding?l`<wui-ux-by-reown></wui-ux-by-reown>`:null}async initializeConnection(e=!1){if(!(this.platform==="browser"||U.state.manualWCControl&&!e))try{const{wcPairingExpiry:i,status:n}=g.state;(e||U.state.enableEmbedded||w.isPairingExpired(i)||n==="connecting")&&(await g.connectWalletConnect(),this.isSiwxEnabled||Ot.close())}catch(i){N.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:(i==null?void 0:i.message)??"Unknown"}}),g.setWcError(!0),je.showError(i.message??"Connection error"),g.resetWcConnection(),W.goBack()}}determinePlatforms(){if(!this.wallet){this.platforms.push("qrcode"),this.platform="qrcode";return}if(this.platform)return;const{mobile_link:e,desktop_link:i,webapp_link:n,injected:o,rdns:t}=this.wallet,r=o==null?void 0:o.map(({injected_id:ne})=>ne).filter(Boolean),s=[...t?[t]:r??[]],f=U.state.isUniversalProvider?!1:s.length,V=e,j=n,_=g.checkInstalled(s),me=f&&_,Se=i&&!w.isMobile();me&&!nt.state.noAdapters&&this.platforms.push("browser"),V&&this.platforms.push(w.isMobile()?"mobile":"qrcode"),j&&this.platforms.push("web"),Se&&this.platforms.push("desktop"),!me&&f&&!nt.state.noAdapters&&this.platforms.push("unsupported"),this.platform=this.platforms[0]}platformTemplate(){switch(this.platform){case"browser":return l`<w3m-connecting-wc-browser></w3m-connecting-wc-browser>`;case"web":return l`<w3m-connecting-wc-web></w3m-connecting-wc-web>`;case"desktop":return l` 1298 <w3m-connecting-wc-desktop .onRetry=${()=>this.initializeConnection(!0)}> 1299 </w3m-connecting-wc-desktop> 1300 `;case"mobile":return l` 1301 <w3m-connecting-wc-mobile isMobile .onRetry=${()=>this.initializeConnection(!0)}> 1302 </w3m-connecting-wc-mobile> 1303 `;case"qrcode":return l`<w3m-connecting-wc-qrcode></w3m-connecting-wc-qrcode>`;default:return l`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`}}headerTemplate(){return this.platforms.length>1?l` 1304 <w3m-connecting-header 1305 .platforms=${this.platforms} 1306 .onSelectPlatfrom=${this.onSelectPlatform.bind(this)} 1307 > 1308 </w3m-connecting-header> 1309 `:null}async onSelectPlatform(e){var n;const i=(n=this.shadowRoot)==null?void 0:n.querySelector("div");i&&(await i.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.platform=e,i.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}};Ie([d()],he.prototype,"platform",void 0);Ie([d()],he.prototype,"platforms",void 0);Ie([d()],he.prototype,"isSiwxEnabled",void 0);Ie([d()],he.prototype,"remoteFeatures",void 0);he=Ie([p("w3m-connecting-wc-view")],he);var Lt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let lt=class extends h{constructor(){super(...arguments),this.isMobile=w.isMobile()}render(){if(this.isMobile){const{featured:e,recommended:i}=m.state,{customWallets:n}=U.state,o=Ge.getRecentWallets(),t=e.length||i.length||(n==null?void 0:n.length)||o.length;return l`<wui-flex 1310 flexDirection="column" 1311 gap="xs" 1312 .margin=${["3xs","s","s","s"]} 1313 > 1314 ${t?l`<w3m-connector-list></w3m-connector-list>`:null} 1315 <w3m-all-wallets-widget></w3m-all-wallets-widget> 1316 </wui-flex>`}return l`<wui-flex flexDirection="column" .padding=${["0","0","l","0"]}> 1317 <w3m-connecting-wc-view></w3m-connecting-wc-view> 1318 <wui-flex flexDirection="column" .padding=${["0","m","0","m"]}> 1319 <w3m-all-wallets-widget></w3m-all-wallets-widget> </wui-flex 1320 ></wui-flex>`}};Lt([d()],lt.prototype,"isMobile",void 0);lt=Lt([p("w3m-connecting-wc-basic-view")],lt);/** 1321 * @license 1322 * Copyright 2020 Google LLC 1323 * SPDX-License-Identifier: BSD-3-Clause 1324 */const gt=()=>new vi;class vi{}const it=new WeakMap,bt=Nt(class extends qt{render(a){return xt}update(a,[e]){var n;const i=e!==this.G;return i&&this.G!==void 0&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=(n=a.options)==null?void 0:n.host,this.rt(this.ct=a.element)),xt}rt(a){if(this.isConnected||(a=void 0),typeof this.G=="function"){const e=this.ht??globalThis;let i=it.get(e);i===void 0&&(i=new WeakMap,it.set(e,i)),i.get(this.G)!==void 0&&this.G.call(this.ht,void 0),i.set(this.G,a),a!==void 0&&this.G.call(this.ht,a)}else this.G.value=a}get lt(){var a,e;return typeof this.G=="function"?(a=it.get(this.ht??globalThis))==null?void 0:a.get(this.G):(e=this.G)==null?void 0:e.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),xi=v` 1325 :host { 1326 display: flex; 1327 align-items: center; 1328 justify-content: center; 1329 } 1330 1331 label { 1332 position: relative; 1333 display: inline-block; 1334 width: 32px; 1335 height: 22px; 1336 } 1337 1338 input { 1339 width: 0; 1340 height: 0; 1341 opacity: 0; 1342 } 1343 1344 span { 1345 position: absolute; 1346 cursor: pointer; 1347 top: 0; 1348 left: 0; 1349 right: 0; 1350 bottom: 0; 1351 background-color: var(--wui-color-blue-100); 1352 border-width: 1px; 1353 border-style: solid; 1354 border-color: var(--wui-color-gray-glass-002); 1355 border-radius: 999px; 1356 transition: 1357 background-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1358 border-color var(--wui-ease-inout-power-1) var(--wui-duration-md); 1359 will-change: background-color, border-color; 1360 } 1361 1362 span:before { 1363 position: absolute; 1364 content: ''; 1365 height: 16px; 1366 width: 16px; 1367 left: 3px; 1368 top: 2px; 1369 background-color: var(--wui-color-inverse-100); 1370 transition: transform var(--wui-ease-inout-power-1) var(--wui-duration-lg); 1371 will-change: transform; 1372 border-radius: 50%; 1373 } 1374 1375 input:checked + span { 1376 border-color: var(--wui-color-gray-glass-005); 1377 background-color: var(--wui-color-blue-100); 1378 } 1379 1380 input:not(:checked) + span { 1381 background-color: var(--wui-color-gray-glass-010); 1382 } 1383 1384 input:checked + span:before { 1385 transform: translateX(calc(100% - 7px)); 1386 } 1387`;var zt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ue=class extends h{constructor(){super(...arguments),this.inputElementRef=gt(),this.checked=void 0}render(){return l` 1388 <label> 1389 <input 1390 ${bt(this.inputElementRef)} 1391 type="checkbox" 1392 ?checked=${u(this.checked)} 1393 @change=${this.dispatchChangeEvent.bind(this)} 1394 />
1395 <span></span> 1396 </label> 1397 `}dispatchChangeEvent(){var e;this.dispatchEvent(new CustomEvent("switchChange",{detail:(e=this.inputElementRef.value)==null?void 0:e.checked,bubbles:!0,composed:!0}))}};Ue.styles=[R,L,Ut,xi];zt([c({type:Boolean})],Ue.prototype,"checked",void 0);Ue=zt([p("wui-switch")],Ue);const yi=v` 1398 :host { 1399 height: 100%; 1400 } 1401 1402 button { 1403 display: flex; 1404 align-items: center; 1405 justify-content: center; 1406 column-gap: var(--wui-spacing-1xs); 1407 padding: var(--wui-spacing-xs) var(--wui-spacing-s); 1408 background-color: var(--wui-color-gray-glass-002); 1409 border-radius: var(--wui-border-radius-xs); 1410 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 1411 transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 1412 will-change: background-color; 1413 cursor: pointer; 1414 } 1415 1416 wui-switch { 1417 pointer-events: none; 1418 } 1419`;var Pt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ne=class extends h{constructor(){super(...arguments),this.checked=void 0}render(){return l` 1420 <button> 1421 <wui-icon size="xl" name="walletConnectBrown"></wui-icon> 1422 <wui-switch ?checked=${u(this.checked)}></wui-switch> 1423 </button> 1424 `}};Ne.styles=[R,L,yi];Pt([c({type:Boolean})],Ne.prototype,"checked",void 0);Ne=Pt([p("wui-certified-switch")],Ne);const $i=v` 1425 button { 1426 background-color: var(--wui-color-fg-300); 1427 border-radius: var(--wui-border-radius-4xs); 1428 width: 16px; 1429 height: 16px; 1430 } 1431 1432 button:disabled { 1433 background-color: var(--wui-color-bg-300); 1434 } 1435 1436 wui-icon { 1437 color: var(--wui-color-bg-200) !important; 1438 } 1439 1440 button:focus-visible { 1441 background-color: var(--wui-color-fg-250); 1442 border: 1px solid var(--wui-color-accent-100); 1443 } 1444 1445 @media (hover: hover) and (pointer: fine) { 1446 button:hover:enabled { 1447 background-color: var(--wui-color-fg-250); 1448 } 1449 1450 button:active:enabled { 1451 background-color: var(--wui-color-fg-225); 1452 } 1453 } 1454`;var Dt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let qe=class extends h{constructor(){super(...arguments),this.icon="copy"}render(){return l` 1455 <button> 1456 <wui-icon color="inherit" size="xxs" name=${this.icon}></wui-icon> 1457 </button> 1458 `}};qe.styles=[R,L,$i];Dt([c()],qe.prototype,"icon",void 0);qe=Dt([p("wui-input-element")],qe);const Ci=v` 1459 :host { 1460 position: relative; 1461 width: 100%; 1462 display: inline-block; 1463 color: var(--wui-color-fg-275); 1464 } 1465 1466 input { 1467 width: 100%; 1468 border-radius: var(--wui-border-radius-xs); 1469 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 1470 background: var(--wui-color-gray-glass-002); 1471 font-size: var(--wui-font-size-paragraph); 1472 letter-spacing: var(--wui-letter-spacing-paragraph); 1473 color: var(--wui-color-fg-100); 1474 transition: 1475 background-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1476 border-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1477 box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md); 1478 will-change: background-color, border-color, box-shadow; 1479 caret-color: var(--wui-color-accent-100); 1480 } 1481 1482 input:disabled { 1483 cursor: not-allowed; 1484 border: 1px solid var(--wui-color-gray-glass-010); 1485 } 1486 1487 input:disabled::placeholder, 1488 input:disabled + wui-icon { 1489 color: var(--wui-color-fg-300); 1490 } 1491 1492 input::placeholder { 1493 color: var(--wui-color-fg-275); 1494 } 1495 1496 input:focus:enabled { 1497 background-color: var(--wui-color-gray-glass-005); 1498 -webkit-box-shadow: 1499 inset 0 0 0 1px var(--wui-color-accent-100),
1500 0px 0px 0px 4px var(--wui-box-shadow-blue); 1501 -moz-box-shadow: 1502 inset 0 0 0 1px var(--wui-color-accent-100), 1503 0px 0px 0px 4px var(--wui-box-shadow-blue); 1504 box-shadow: 1505 inset 0 0 0 1px var(--wui-color-accent-100), 1506 0px 0px 0px 4px var(--wui-box-shadow-blue); 1507 } 1508 1509 input:hover:enabled { 1510 background-color: var(--wui-color-gray-glass-005); 1511 } 1512 1513 wui-icon { 1514 position: absolute; 1515 top: 50%; 1516 transform: translateY(-50%); 1517 pointer-events: none; 1518 } 1519 1520 .wui-size-sm { 1521 padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s); 1522 } 1523 1524 wui-icon + .wui-size-sm { 1525 padding: 9px var(--wui-spacing-m) 10px 36px; 1526 } 1527 1528 wui-icon[data-input='sm'] { 1529 left: var(--wui-spacing-s); 1530 } 1531 1532 .wui-size-md { 1533 padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m); 1534 } 1535 1536 wui-icon + .wui-size-md, 1537 wui-loading-spinner + .wui-size-md { 1538 padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl); 1539 } 1540 1541 wui-icon[data-input='md'] { 1542 left: var(--wui-spacing-l); 1543 } 1544 1545 .wui-size-lg { 1546 padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l); 1547 letter-spacing: var(--wui-letter-spacing-medium-title); 1548 font-size: var(--wui-font-size-medium-title); 1549 font-weight: var(--wui-font-weight-light); 1550 line-height: 130%; 1551 color: var(--wui-color-fg-100); 1552 height: 64px; 1553 } 1554 1555 .wui-padding-right-xs { 1556 padding-right: var(--wui-spacing-xs); 1557 } 1558 1559 .wui-padding-right-s { 1560 padding-right: var(--wui-spacing-s); 1561 } 1562 1563 .wui-padding-right-m { 1564 padding-right: var(--wui-spacing-m); 1565 } 1566 1567 .wui-padding-right-l { 1568 padding-right: var(--wui-spacing-l); 1569 } 1570 1571 .wui-padding-right-xl { 1572 padding-right: var(--wui-spacing-xl); 1573 } 1574 1575 .wui-padding-right-2xl { 1576 padding-right: var(--wui-spacing-2xl); 1577 } 1578 1579 .wui-padding-right-3xl { 1580 padding-right: var(--wui-spacing-3xl); 1581 } 1582 1583 .wui-padding-right-4xl { 1584 padding-right: var(--wui-spacing-4xl); 1585 } 1586 1587 .wui-padding-right-5xl { 1588 padding-right: var(--wui-spacing-5xl); 1589 } 1590 1591 wui-icon + .wui-size-lg, 1592 wui-loading-spinner + .wui-size-lg { 1593 padding-left: 50px; 1594 } 1595 1596 wui-icon[data-input='lg'] { 1597 left: var(--wui-spacing-l); 1598 } 1599 1600 .wui-size-mdl { 1601 padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m); 1602 } 1603 wui-icon + .wui-size-mdl, 1604 wui-loading-spinner + .wui-size-mdl { 1605 padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px; 1606 } 1607 wui-icon[data-input='mdl'] { 1608 left: var(--wui-spacing-m); 1609 } 1610 1611 input:placeholder-shown ~ ::slotted(wui-input-element), 1612 input:placeholder-shown ~ ::slotted(wui-icon) { 1613 opacity: 0; 1614 pointer-events: none; 1615 } 1616 1617 input::-webkit-outer-spin-button, 1618 input::-webkit-inner-spin-button { 1619 -webkit-appearance: none; 1620 margin: 0; 1621 } 1622 1623 input[type='number'] { 1624 -moz-appearance: textfield; 1625 } 1626 1627 ::slotted(wui-input-element), 1628 ::slotted(wui-icon) { 1629 position: absolute; 1630 top: 50%; 1631 transform: translateY(-50%); 1632 } 1633 1634 ::slotted(wui-input-element) { 1635 right: var(--wui-spacing-m); 1636 } 1637 1638 ::slotted(wui-icon) { 1639 right: 0px; 1640 } 1641`;var Q=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let A=class extends h{constructor(){super(...arguments),this.inputElementRef=gt(),this.size="md",this.disabled=!1,this.placeholder="",this.type="text",this.value=""}render(){const e=`wui-padding-right-${this.inputRightPadding}`,n={[`wui-size-${this.size}`]:!0,[e]:!!this.inputRightPadding};return l`${this.templateIcon()} 1642 <input 1643 data-testid="wui-input-text" 1644 ${bt(this.inputElementRef)} 1645 class=${Mt(n)} 1646 type=${this.type} 1647 enterkeyhint=${u(this.enterKeyHint)} 1648 ?disabled=${this.disabled} 1649 placeholder=${this.placeholder} 1650 @input=${this.dispatchInputChangeEvent.bind(this)} 1651 .value=${this.value||""} 1652 tabindex=${u(this.tabIdx)} 1653 /> 1654 <slot></slot>`}templateIcon(){return this.icon?l`<wui-icon 1655 data-input=${this.size} 1656 size=${this.size} 1657 color="inherit" 1658 name=${this.icon} 1659 ></wui-icon>`:null}dispatchInputChangeEvent(){var e;
1659this.dispatchEvent(new CustomEvent("inputChange",{detail:(e=this.inputElementRef.value)==null?void 0:e.value,bubbles:!0,composed:!0}))}};A.styles=[R,L,Ci];Q([c()],A.prototype,"size",void 0);Q([c()],A.prototype,"icon",void 0);Q([c({type:Boolean})],A.prototype,"disabled",void 0);Q([c()],A.prototype,"placeholder",void 0);Q([c()],A.prototype,"type",void 0);Q([c()],A.prototype,"keyHint",void 0);Q([c()],A.prototype,"value",void 0);Q([c()],A.prototype,"inputRightPadding",void 0);Q([c()],A.prototype,"tabIdx",void 0);A=Q([p("wui-input-text")],A);const Wi=v` 1660 :host { 1661 position: relative; 1662 display: inline-block; 1663 width: 100%; 1664 } 1665`;var Ri=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ct=class extends h{constructor(){super(...arguments),this.inputComponentRef=gt()}render(){return l` 1666 <wui-input-text 1667 ${bt(this.inputComponentRef)} 1668 placeholder="Search wallet" 1669 icon="search" 1670 type="search" 1671 enterKeyHint="search" 1672 size="sm" 1673 > 1674 <wui-input-element @click=${this.clearValue} icon="close"></wui-input-element> 1675 </wui-input-text> 1676 `}clearValue(){const e=this.inputComponentRef.value,i=e==null?void 0:e.inputElementRef.value;i&&(i.value="",i.focus(),i.dispatchEvent(new Event("input")))}};ct.styles=[R,Wi];ct=Ri([p("wui-search-bar")],ct);const _i=ve`<svg viewBox="0 0 48 54" fill="none"> 1677 <path 1678 d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z" 1679 /> 1680</svg>`,Ii=v` 1681 :host { 1682 display: flex; 1683 flex-direction: column; 1684 align-items: center; 1685 width: 104px; 1686 row-gap: var(--wui-spacing-xs); 1687 padding: var(--wui-spacing-xs) 10px; 1688 background-color: var(--wui-color-gray-glass-002); 1689 border-radius: clamp(0px, var(--wui-border-radius-xs), 20px); 1690 position: relative; 1691 } 1692 1693 wui-shimmer[data-type='network'] { 1694 border: none; 1695 -webkit-clip-path: var(--wui-path-network); 1696 clip-path: var(--wui-path-network); 1697 } 1698 1699 svg { 1700 position: absolute; 1701 width: 48px; 1702 height: 54px; 1703 z-index: 1; 1704 } 1705 1706 svg > path { 1707 stroke: var(--wui-color-gray-glass-010); 1708 stroke-width: 1px; 1709 } 1710 1711 @media (max-width: 350px) { 1712 :host { 1713 width: 100%; 1714 } 1715 } 1716`;var At=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Me=class extends h{constructor(){super(...arguments),this.type="wallet"}render(){return l` 1717 ${this.shimmerTemplate()} 1718 <wui-shimmer width="56px" height="20px" borderRadius="xs"></wui-shimmer> 1719 `}shimmerTemplate(){return this.type==="network"?l` <wui-shimmer 1720 data-type=${this.type} 1721 width="48px" 1722 height="54px" 1723 borderRadius="xs" 1724 ></wui-shimmer> 1725 ${_i}`:l`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}};Me.styles=[R,L,Ii];At([c()],Me.prototype,"type",void 0);Me=At([p("wui-card-select-loader")],Me);const Oi=v` 1726 :host { 1727 display: grid; 1728 width: inherit; 1729 height: inherit; 1730 } 1731`;var B=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let k=class extends h{render(){return this.style.cssText=` 1732 grid-template-rows: ${this.gridTemplateRows}; 1733 grid-template-columns: ${this.gridTemplateColumns}; 1734 justify-items: ${this.justifyItems}; 1735 align-items: ${this.alignItems}; 1736 justify-content: ${this.justifyContent}; 1737 align-content: ${this.alignContent}; 1738 column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`}; 1739 row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`}; 1740 gap: ${this.gap&&`var(--wui-spacing-${this.gap})`}; 1741 padding-top: ${this.padding&&Y.getSpacingStyles(this.padding,0)}; 1742 padding-right: ${this.padding&&Y.getSpacingStyles(this.padding,1)}; 1743 padding-bottom: ${this.padding&&Y.getSpacingStyles(this.padding,2)}; 1744 padding-left: ${this.padding&&Y.getSpacingStyles(this.padding,3)}; 1745 margin-top: ${this.margin&&Y.getSpacingStyles(this.margin,
17450)}; 1746 margin-right: ${this.margin&&Y.getSpacingStyles(this.margin,1)}; 1747 margin-bottom: ${this.margin&&Y.getSpacingStyles(this.margin,2)}; 1748 margin-left: ${this.margin&&Y.getSpacingStyles(this.margin,3)}; 1749 `,l`<slot></slot>`}};k.styles=[R,Oi];B([c()],k.prototype,"gridTemplateRows",void 0);B([c()],k.prototype,"gridTemplateColumns",void 0);B([c()],k.prototype,"justifyItems",void 0);B([c()],k.prototype,"alignItems",void 0);B([c()],k.prototype,"justifyContent",void 0);B([c()],k.prototype,"alignContent",void 0);B([c()],k.prototype,"columnGap",void 0);B([c()],k.prototype,"rowGap",void 0);B([c()],k.prototype,"gap",void 0);B([c()],k.prototype,"padding",void 0);B([c()],k.prototype,"margin",void 0);k=B([p("wui-grid")],k);const Si=v` 1750 button { 1751 display: flex; 1752 flex-direction: column; 1753 justify-content: center; 1754 align-items: center; 1755 cursor: pointer; 1756 width: 104px; 1757 row-gap: var(--wui-spacing-xs); 1758 padding: var(--wui-spacing-s) var(--wui-spacing-0); 1759 background-color: var(--wui-color-gray-glass-002); 1760 border-radius: clamp(0px, var(--wui-border-radius-xs), 20px); 1761 transition: 1762 color var(--wui-duration-lg) var(--wui-ease-out-power-1), 1763 background-color var(--wui-duration-lg) var(--wui-ease-out-power-1), 1764 border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1); 1765 will-change: background-color, color, border-radius; 1766 outline: none; 1767 border: none; 1768 } 1769 1770 button > wui-flex > wui-text { 1771 color: var(--wui-color-fg-100); 1772 max-width: 86px; 1773 white-space: nowrap; 1774 overflow: hidden; 1775 text-overflow: ellipsis; 1776 justify-content: center; 1777 } 1778 1779 button > wui-flex > wui-text.certified { 1780 max-width: 66px; 1781 } 1782 1783 button:hover:enabled { 1784 background-color: var(--wui-color-gray-glass-005); 1785 } 1786 1787 button:disabled > wui-flex > wui-text { 1788 color: var(--wui-color-gray-glass-015); 1789 } 1790 1791 [data-selected='true'] { 1792 background-color: var(--wui-color-accent-glass-020); 1793 } 1794 1795 @media (hover: hover) and (pointer: fine) { 1796 [data-selected='true']:hover:enabled { 1797 background-color: var(--wui-color-accent-glass-015); 1798 } 1799 } 1800 1801 [data-selected='true']:active:enabled { 1802 background-color: var(--wui-color-accent-glass-010); 1803 } 1804 1805 @media (max-width: 350px) { 1806 button { 1807 width: 100%; 1808 } 1809 } 1810`;var Oe=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let le=class extends h{constructor(){super(),this.observer=new IntersectionObserver(()=>{}),this.visible=!1,this.imageSrc=void 0,this.imageLoading=!1,this.wallet=void 0,this.observer=new IntersectionObserver(e=>{e.forEach(i=>{i.isIntersecting?(this.visible=!0,this.fetchImageSrc()):this.visible=!1})},{threshold:.01})}firstUpdated(){this.observer.observe(this)}disconnectedCallback(){this.observer.disconnect()}render(){var i,n;const e=((i=this.wallet)==null?void 0:i.badge_type)==="certified";return l` 1811 <button> 1812 ${this.imageTemplate()} 1813 <wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="3xs"> 1814 <wui-text 1815 variant="tiny-500" 1816 color="inherit" 1817 class=${u(e?"certified":void 0)} 1818 >${(n=this.wallet)==null?void 0:n.name}</wui-text 1819 > 1820 ${e?l`<wui-icon size="sm" name="walletConnectBrown"></wui-icon>`:null} 1821 </wui-flex> 1822 </button> 1823 `}imageTemplate(){var e,i;return!this.visible&&!this.imageSrc||this.imageLoading?this.shimmerTemplate():l` 1824 <wui-wallet-image 1825 size="md" 1826 imageSrc=${u(this.imageSrc)} 1827 name=${(e=this.wallet)==null?void 0:e.name} 1828 .installed=${(i=this.wallet)==null?void 0:i.installed} 1829 badgeSize="sm" 1830 > 1831 </wui-wallet-image> 1832 `}shimmerTemplate(){return l`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}async fetchImageSrc(){this.wallet&&(this.imageSrc=E.getWalletImage(this.wallet),!this.imageSrc&&(this.imageLoading=!0,this.imageSrc=await E.fetchWalletImage(this.wallet.image_id),this.imageLoading=!1))}};le.styles=Si;Oe([d()],le.prototype,"visible",void 0);Oe([d()],le.prototype,"imageSrc",void 0);Oe([d()],le.prototype,"imageLoading",void 0);Oe([c()],le.prototype,"wallet",void 0);le=Oe([p("w3m-all-wallets-list-item")],le);const ji=v` 1833 wui-grid { 1834 max-height: clamp(360px, 400px, 80vh); 1835 overflow: scroll; 1836 scrollbar-width: none; 1837 grid-auto-rows: min-content; 1838 grid-template-columns: repeat(auto-fill, 104px); 1839 } 1840 1841 @media (max-width: 350px) { 1842 wui-grid { 1843 grid-template-columns: repeat(2, 1fr); 1844 } 1845 } 1846 1847 wui-grid[data-scroll='false'] { 1848 overflow: hidden; 1849 } 1850 1851 wui-grid::-webkit-scrollbar {
1852 display: none; 1853 } 1854 1855 wui-loading-spinner { 1856 padding-top: var(--wui-spacing-l); 1857 padding-bottom: var(--wui-spacing-l); 1858 justify-content: center; 1859 grid-column: 1 / span 4; 1860 } 1861`;var be=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const _t="local-paginator";let te=class extends h{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.loading=!m.state.wallets.length,this.wallets=m.state.wallets,this.recommended=m.state.recommended,this.featured=m.state.featured,this.filteredWallets=m.state.filteredWallets,this.unsubscribe.push(m.subscribeKey("wallets",e=>this.wallets=e),m.subscribeKey("recommended",e=>this.recommended=e),m.subscribeKey("featured",e=>this.featured=e),m.subscribeKey("filteredWallets",e=>this.filteredWallets=e))}firstUpdated(){this.initialFetch(),this.createPaginationObserver()}disconnectedCallback(){var e;this.unsubscribe.forEach(i=>i()),(e=this.paginationObserver)==null||e.disconnect()}render(){return l` 1862 <wui-grid 1863 data-scroll=${!this.loading} 1864 .padding=${["0","s","s","s"]} 1865 columnGap="xxs" 1866 rowGap="l" 1867 justifyContent="space-between" 1868 > 1869 ${this.loading?this.shimmerTemplate(16):this.walletsTemplate()} 1870 ${this.paginationLoaderTemplate()} 1871 </wui-grid> 1872 `}async initialFetch(){var i;this.loading=!0;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("wui-grid");e&&(await m.fetchWalletsByPage({page:1}),await e.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.loading=!1,e.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}shimmerTemplate(e,i){return[...Array(e)].map(()=>l` 1873 <wui-card-select-loader type="wallet" id=${u(i)}></wui-card-select-loader> 1874 `)}walletsTemplate(){var n;const e=((n=this.filteredWallets)==null?void 0:n.length)>0?w.uniqueBy([...this.featured,...this.recommended,...this.filteredWallets],"id"):w.uniqueBy([...this.featured,...this.recommended,...this.wallets],"id");return Ke.markWalletsAsInstalled(e).map(o=>l` 1875 <w3m-all-wallets-list-item 1876 @click=${()=>this.onConnectWallet(o)} 1877 .wallet=${o} 1878 ></w3m-all-wallets-list-item> 1879 `)}paginationLoaderTemplate(){const{wallets:e,recommended:i,featured:n,count:o}=m.state,t=window.innerWidth<352?3:4,r=e.length+i.length;let f=Math.ceil(r/t)*t-r+t;return f-=e.length?n.length%t:0,o===0&&n.length>0?null:o===0||[...n,...e,...i].length<o?this.shimmerTemplate(f,_t):null}createPaginationObserver(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector(`#${_t}`);e&&(this.paginationObserver=new IntersectionObserver(([n])=>{if(n!=null&&n.isIntersecting&&!this.loading){const{page:o,count:t,wallets:r}=m.state;r.length<t&&m.fetchWalletsByPage({page:o+1})}}),this.paginationObserver.observe(e))}onConnectWallet(e){y.selectWalletConnector(e)}};te.styles=ji;be([d()],te.prototype,"loading",void 0);be([d()],te.prototype,"wallets",void 0);be([d()],te.prototype,"recommended",void 0);be([d()],te.prototype,"featured",void 0);be([d()],te.prototype,"filteredWallets",void 0);te=be([p("w3m-all-wallets-list")],te);const Ti=v` 1880 wui-grid, 1881 wui-loading-spinner, 1882 wui-flex { 1883 height: 360px; 1884 } 1885 1886 wui-grid { 1887 overflow: scroll; 1888 scrollbar-width: none; 1889 grid-auto-rows: min-content; 1890 grid-template-columns: repeat(auto-fill, 104px); 1891 } 1892 1893 wui-grid[data-scroll='false'] { 1894 overflow: hidden; 1895 } 1896 1897 wui-grid::-webkit-scrollbar {
1898 display: none; 1899 } 1900 1901 wui-loading-spinner { 1902 justify-content: center; 1903 align-items: center; 1904 } 1905 1906 @media (max-width: 350px) { 1907 wui-grid { 1908 grid-template-columns: repeat(2, 1fr); 1909 } 1910 } 1911`;var Je=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let we=class extends h{constructor(){super(...arguments),this.prevQuery="",this.prevBadge=void 0,this.loading=!0,this.query=""}render(){return this.onSearch(),this.loading?l`<wui-loading-spinner color="accent-100"></wui-loading-spinner>`:this.walletsTemplate()}async onSearch(){(this.query.trim()!==this.prevQuery.trim()||this.badge!==this.prevBadge)&&(this.prevQuery=this.query,this.prevBadge=this.badge,this.loading=!0,await m.searchWallet({search:this.query,badge:this.badge}),this.loading=!1)}walletsTemplate(){const{search:e}=m.state,i=Ke.markWalletsAsInstalled(e);return e.length?l` 1912 <wui-grid 1913 data-testid="wallet-list" 1914 .padding=${["0","s","s","s"]} 1915 rowGap="l" 1916 columnGap="xs" 1917 justifyContent="space-between" 1918 > 1919 ${i.map(n=>l` 1920 <w3m-all-wallets-list-item 1921 @click=${()=>this.onConnectWallet(n)} 1922 .wallet=${n} 1923 data-testid="wallet-search-item-${n.id}" 1924 ></w3m-all-wallets-list-item> 1925 `)} 1926 </wui-grid> 1927 `:l` 1928 <wui-flex 1929 data-testid="no-wallet-found" 1930 justifyContent="center" 1931 alignItems="center" 1932 gap="s" 1933 flexDirection="column" 1934 > 1935 <wui-icon-box 1936 size="lg" 1937 iconColor="fg-200" 1938 backgroundColor="fg-300" 1939 icon="wallet" 1940 background="transparent" 1941 ></wui-icon-box> 1942 <wui-text data-testid="no-wallet-found-text" color="fg-200" variant="paragraph-500"> 1943 No Wallet found 1944 </wui-text> 1945 </wui-flex> 1946 `}onConnectWallet(e){y.selectWalletConnector(e)}};we.styles=Ti;Je([d()],we.prototype,"loading",void 0);Je([c()],we.prototype,"query",void 0);Je([c()],we.prototype,"badge",void 0);we=Je([p("w3m-all-wallets-search")],we);var mt=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ve=class extends h{constructor(){super(...arguments),this.search="",this.onDebouncedSearch=w.debounce(e=>{this.search=e})}render(){const e=this.search.length>=2;return l` 1947 <wui-flex .padding=${["0","s","s","s"]} gap="xs"> 1948 <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar> 1949 <wui-certified-switch 1950 ?checked=${this.badge} 1951 @click=${this.onClick.bind(this)} 1952 data-testid="wui-certified-switch" 1953 ></wui-certified-switch> 1954 ${this.qrButtonTemplate()} 1955 </wui-flex> 1956 ${e||this.badge?l`<w3m-all-wallets-search 1957 query=${this.search} 1958 badge=${u(this.badge)} 1959 ></w3m-all-wallets-search>`:l`<w3m-all-wallets-list badge=${u(this.badge)}></w3m-all-wallets-list>`} 1960 `}onInputChange(e){this.onDebouncedSearch(e.detail)}onClick(){if(this.badge==="certified"){this.badge=void 0;return}this.badge="certified",je.showSvg("Only WalletConnect certified",{icon:"walletConnectBrown",iconColor:"accent-100"})}qrButtonTemplate(){return w.isMobile()?l` 1961 <wui-icon-box 1962 size="lg" 1963 iconSize="xl" 1964 iconColor="accent-100" 1965 backgroundColor="accent-100" 1966 icon="qrCode" 1967 background="transparent" 1968 border 1969 borderColor="wui-accent-glass-010" 1970 @click=${this.onWalletConnectQr.bind(this)} 1971 ></wui-icon-box> 1972 `:null}onWalletConnectQr(){W.push("ConnectingWalletConnect")}};mt([d()],Ve.prototype,"search",void 0);mt([d()],Ve.prototype,"badge",void 0);Ve=mt([p("w3m-all-wallets-view")],Ve);const Ei=v` 1973 button { 1974 column-gap: var(--wui-spacing-s); 1975 padding: 11px 18px 11px var(--wui-spacing-s); 1976 width: 100%; 1977 background-color: var(--wui-color-gray-glass-002); 1978 border-radius: var(--wui-border-radius-xs); 1979 color: var(--wui-color-fg-250); 1980 transition: 1981 color var(--wui-ease-out-power-1) var(--wui-duration-md), 1982 background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 1983 will-change: color, background-color; 1984 } 1985 1986 button[data-iconvariant='square'], 1987 button[data-iconvariant='square-blue'] { 1988 padding: 6px 18px 6px 9px; 1989 } 1990 1991 button > wui-flex { 1992 flex: 1; 1993 } 1994 1995 button > wui-image { 1996 width: 32px; 1997 height: 32px; 1998 box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005); 1999 border-radius: var(--wui-border-radius-3xl); 2000 } 2001 2002 button > wui-icon { 2003 width: 36px; 2004 height: 36px; 2005 transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md); 2006 will-change: opacity; 2007 } 2008 2009 button > wui-icon-box[data-variant='blue'] { 2010 box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005); 2011 } 2012 2013 button > wui-icon-box[data-variant='overlay'] { 2014 box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005); 2015 } 2016 2017 button > wui-icon-box[data-variant='square-blue'] { 2018 border-radius: var(--wui-border-radius-3xs); 2019 position: relative; 2020 border: none; 2021 width: 36px; 2022 height: 36px; 2023 } 2024 2025 button > wui-icon-box[data-variant='square-blue']::after { 2026 content: ''; 2027 position: absolute; 2028 top: 0; 2029 bottom: 0; 2030 left: 0; 2031 right: 0; 2032 border-radius: inherit; 2033 border: 1px solid var(--wui-color-accent-glass-010); 2034 pointer-events: none; 2035 } 2036 2037 button > wui-icon:last-child { 2038 width: 14px; 2039 height: 14px; 2040 } 2041 2042 button:disabled { 2043 color: var(--wui-color-gray-glass-020); 2044 } 2045 2046 button[data-loading='true'] > wui-icon { 2047 opacity: 0; 2048 } 2049 2050 wui-loading-spinner { 2051 position: absolute; 2052 right: 18px; 2053 top: 50%; 2054 transform: translateY(-50%); 2055 } 2056`;var M=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let P=class extends h{constructor(){super(...arguments),this.tabIdx=void 0,this.variant="icon",this.disabled=!1,this.imageSrc=void 0,this.alt=void 0,this.chevron=!1,this.loading=!1}render(){return l` 2057 <button 2058 ?disabled=${this.loading?!0:!!this.disabled} 2059 data-loading=${this.loading} 2060 data-iconvariant=${u(this.iconVariant)} 2061 tabindex=${u(this.tabIdx)} 2062 > 2063 ${this.loadingTemplate()} ${this.visualTemplate()} 2064 <wui-flex gap="3xs"> 2065 <slot></slot> 2066 </wui-flex> 2067 ${this.chevronTemplate()} 2068 </button> 2069 `}visualTemplate(){if(this.variant==="image"&&this.imageSrc)return l`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if(this.iconVariant==="square"&&this.icon&&this.variant==="icon")return l`<wui-icon name=${this.icon}></wui-icon>`;if(this.variant==="icon"&&this.icon&&this.iconVariant){const e=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",i=this.iconVariant==="square-blue"?"mdl":"md",n=this.iconSize?this.iconSize:i;return l` 2070 <wui-icon-box 2071 data-variant=${this.iconVariant} 2072 icon=${this.icon} 2073 iconSize=${n} 2074 background="transparent" 2075 iconColor=${e} 2076 backgroundColor=${e} 2077 size=${i} 2078 ></wui-icon-box> 2079 `}return null}loadingTemplate(){return this.loading?l`<wui-loading-spinner 2080 data-testid="wui-list-item-loading-spinner" 2081 color="fg-300" 2082 ></wui-loading-spinner>`:l``}chevronTemplate(){return this.chevron?l`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};P.styles=[R,L,Ei];M([c()],P.prototype,"icon",void 0);M([c()],P.prototype,"iconSize",void 0);M([c()],P.prototype,"tabIdx",void 0);M([c()],P.prototype,"variant",void 0);M([c()],P.prototype,"iconVariant",void 0);M([c({type:Boolean})],P.prototype,"disabled",void 0);M([c()],P.prototype,"imageSrc",void 0);M([c()],P.prototype,"alt",void 0);M([c({type:Boolean})],P.prototype,"chevron",void 0);M([c({type:Boolean})],P.prototype,"loading",void 0);P=M([p("wui-list-item")],P);var ki=function(a,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(a,e,i,n);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(t=(o<3?r(t):o>3?r(e,i,t):r(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let It=class extends h{constructor(){var e;super(...arguments),this.wallet=(e=W.state.data)==null?void 0:e.wallet}
2082render(){if(!this.wallet)throw new Error("w3m-downloads-view");return l` 2083 <wui-flex gap="xs" flexDirection="column" .padding=${["s","s","l","s"]}> 2084 ${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()} 2085 ${this.homepageTemplate()} 2086 </wui-flex> 2087 `}chromeTemplate(){var e;return(e=this.wallet)!=null&&e.chrome_store?l`<wui-list-item 2088 variant="icon" 2089 icon="chromeStore" 2090 iconVariant="square" 2091 @click=${this.onChromeStore.bind(this)} 2092 chevron 2093 > 2094 <wui-text variant="paragraph-500" color="fg-100">Chrome Extension</wui-text> 2095 </wui-list-item>`:null}iosTemplate(){var e;return(e=this.wallet)!=null&&e.app_store?l`<wui-list-item 2096 variant="icon" 2097 icon="appStore" 2098 iconVariant="square" 2099 @click=${this.onAppStore.bind(this)} 2100 chevron 2101 > 2102 <wui-text variant="paragraph-500" color="fg-100">iOS App</wui-text> 2103 </wui-list-item>`:null}androidTemplate(){var e;return(e=this.wallet)!=null&&e.play_store?l`<wui-list-item 2104 variant="icon" 2105 icon="playStore" 2106 iconVariant="square" 2107 @click=${this.onPlayStore.bind(this)} 2108 chevron 2109 > 2110 <wui-text variant="paragraph-500" color="fg-100">Android App</wui-text> 2111 </wui-list-item>`:null}homepageTemplate(){var e;return(e=this.wallet)!=null&&e.homepage?l` 2112 <wui-list-item 2113 variant="icon" 2114 icon="browser" 2115 iconVariant="square-blue" 2116 @click=${this.onHomePage.bind(this)} 2117 chevron 2118 > 2119 <wui-text variant="paragraph-500" color="fg-100">Website</wui-text> 2120 </wui-list-item> 2121 `:null}onChromeStore(){var e;(e=this.wallet)!=null&&e.chrome_store&&w.openHref(this.wallet.chrome_store,"_blank")}onAppStore(){var e;(e=this.wallet)!=null&&e.app_store&&w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){var e;(e=this.wallet)!=null&&e.play_store&&w.openHref(this.wallet.play_store,"_blank")}onHomePage(){var e;(e=this.wallet)!=null&&e.homepage&&w.openHref(this.wallet.homepage,"_blank")}};It=ki([p("w3m-downloads-view")],It);export{Ve as W3mAllWalletsView,lt as W3mConnectingWcBasicView,It as W3mDownloadsView};
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.