1import{k as N,n as G,l as q,m as O,x as c,y as M,D as z,O as ee,G as k,E as te,R as U,P as Me,q as K,Q as j,U as ft,I as Cn,W as pt,C as Zt,u as vi,T as ei,B as Xe,M as on,V as rn,b as Ne,L as yi,o as $n}from"./core-CEe9IGRo.js";import{n as u,c as B,o as E,r as _,U as he,e as Rn,f as _n,a as In}from"./index-Clnt5Jqn.js";import{m as En}from"./index-CDu8tk5u.js";import"./index.es-hYxG9yXT.js";import"./events-DQ172AOg.js";const Wn=N` 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 _e=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let fe=class extends O{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),c` 83 <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex> 84 `}templateVisual(){return this.imageSrc?c`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?c`<wui-icon 85 data-parent-size="md" 86 size="md" 87 color="inherit" 88 name=${this.walletIcon} 89 ></wui-icon>`:c`<wui-icon 90 data-parent-size=${this.size} 91 size="inherit" 92 color="inherit" 93 name="walletPlaceholder" 94 ></wui-icon>`}};fe.styles=[G,q,Wn];_e([u()],fe.prototype,"size",void 0);_e([u()],fe.prototype,"name",void 0);_e([u()],fe.prototype,"imageSrc",void 0);_e([u()],fe.prototype,"walletIcon",void 0);_e([u({type:Boolean})],fe.prototype,"installed",void 0);_e([u()],fe.prototype,"badgeSize",void 0);fe=_e([B("wui-wallet-image")],fe);const Sn=N` 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 an=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const It=4;let Ze=class extends O{constructor(){super(...arguments),this.walletImages=[]}render(){const e=this.walletImages.length<It;return c`${this.walletImages.slice(0,It).map(({src:i,walletName:n})=>c` 140 <wui-wallet-image 141 size="inherit" 142 imageSrc=${i} 143 name=${E(n)} 144 ></wui-wallet-image> 145 `)} 146 ${e?[...Array(It-this.walletImages.length)].map(()=>c` <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>`}};Ze.styles=[q,Sn];an([u({type:Array})],Ze.prototype,"walletImages",void 0);Ze=an([B("wui-all-wallets-image")],Ze);const Tn=N` 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 Y=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let F=class extends O{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 c` 185 <button ?disabled=${this.disabled} tabindex=${E(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?c` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `:this.showAllWallets&&this.walletIcon?c` <wui-wallet-image .walletIcon=${this.walletIcon} size="sm"> </wui-wallet-image> `:null}templateWalletImage(){return!this.showAllWallets&&this.imageSrc?c`<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?c`<wui-wallet-image size="sm" name=${this.name}></wui-wallet-image>`:null}templateStatus(){return this.loading?c`<wui-loading-spinner 196 size="lg" 197 color=${this.loadingSpinnerColor} 198 ></wui-loading-spinner>`:this.tagLabel&&this.tagVariant?c`<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`:this.icon?c`<wui-icon color="inherit" size="sm" name=${this.icon}></wui-icon>`:null}};F.styles=[q,G,Tn];Y([u({type:Array})],F.prototype,"walletImages",void 0);Y([u()],F.prototype,"imageSrc",void 0);Y([u()],F.prototype,"name",void 0);Y([u()],F.prototype,"tagLabel",void 0);Y([u()],F.prototype,"tagVariant",void 0);Y([u()],F.prototype,"icon",void 0);Y([u()],F.prototype,"walletIcon",void 0);Y([u()],F.prototype,"tabIdx",void 0);Y([u({type:Boolean})],F.prototype,"installed",void 0);Y([u({type:Boolean})],F.prototype,"disabled",void 0);Y([u({type:Boolean})],F.prototype,"showAllWallets",void 0);Y([u({type:Boolean})],F.prototype,"loading",void 0);Y([u({type:String})],F.prototype,"loadingSpinnerColor",void 0);F=Y([B("wui-list-wallet")],F);var Ae=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ye=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.count=z.state.count,this.filteredCount=z.state.filteredWallets.length,this.isFetchingRecommendedWallets=z.state.isFetchingRecommendedWallets,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e),z.subscribeKey("count",e=>this.count=e),z.subscribeKey("filteredWallets",e=>this.filteredCount=e.length),z.subscribeKey("isFetchingRecommendedWallets",e=>this.isFetchingRecommendedWallets=e))}
198disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const e=this.connectors.find(l=>l.id==="walletConnect"),{allWallets:i}=ee.state;if(!e||i==="HIDE"||i==="ONLY_MOBILE"&&!k.isMobile())return null;const n=z.state.featured.length,o=this.count+n,t=o<10?o:Math.floor(o/10)*10,a=this.filteredCount>0?this.filteredCount:t;let s=`${a}`;return this.filteredCount>0?s=`${this.filteredCount}`:a<o&&(s=`${a}+`),c` 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=${E(this.tabIdx)} 208 .loading=${this.isFetchingRecommendedWallets} 209 loadingSpinnerColor=${this.isFetchingRecommendedWallets?"fg-300":"accent-100"} 210 ></wui-list-wallet> 211 `}onAllWallets(){te.sendEvent({type:"track",event:"CLICK_ALL_WALLETS"}),U.push("AllWallets")}};Ae([u()],ye.prototype,"tabIdx",void 0);Ae([_()],ye.prototype,"connectors",void 0);Ae([_()],ye.prototype,"count",void 0);Ae([_()],ye.prototype,"filteredCount",void 0);Ae([_()],ye.prototype,"isFetchingRecommendedWallets",void 0);ye=Ae([B("w3m-all-wallets-widget")],ye);var ai=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let et=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.unsubscribe.push(M.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?c` 212 <wui-flex flexDirection="column" gap="xs"> 213 ${e.filter(Me.showConnector).map(i=>c` 214 <wui-list-wallet 215 imageSrc=${E(K.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=${E(this.tabIdx)} 223 > 224 </wui-list-wallet> 225 `)} 226 </wui-flex> 227 `:(this.style.cssText="display: none",null)}onConnector(e){e.id==="walletConnect"?k.isMobile()?U.push("AllWallets"):U.push("ConnectingWalletConnect"):U.push("ConnectingExternal",{connector:e})}};ai([u()],et.prototype,"tabIdx",void 0);ai([_()],et.prototype,"connectors",void 0);et=ai([B("w3m-connect-announced-widget")],et);var gt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ue=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.loading=!1,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e)),k.isTelegram()&&k.isIos()&&(this.loading=!j.state.wcUri,this.unsubscribe.push(j.subscribeKey("wcUri",e=>this.loading=!e)))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const{customWallets:e}=ee.state;if(!(e!=null&&e.length))return this.style.cssText="display: none",null;const i=this.filterOutDuplicateWallets(e);return c`<wui-flex flexDirection="column" gap="xs"> 228 ${i.map(n=>c` 229 <wui-list-wallet 230 imageSrc=${E(K.getWalletImage(n))} 231 name=${n.name??"Unknown"} 232 @click=${()=>this.onConnectWallet(n)} 233 data-testid=${`wallet-selector-${n.id}`} 234 tabIdx=${E(this.tabIdx)} 235 ?loading=${this.loading} 236 > 237 </wui-list-wallet> 238 `)} 239 </wui-flex>`}filterOutDuplicateWallets(e){const i=ft.getRecentWallets(),n=this.connectors.map(s=>{var l;return(l=s.info)==null?void 0:l.rdns}
239).filter(Boolean),o=i.map(s=>s.rdns).filter(Boolean),t=n.concat(o);if(t.includes("io.metamask.mobile")&&k.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||U.push("ConnectingWalletConnect",{wallet:e})}};gt([u()],Ue.prototype,"tabIdx",void 0);gt([_()],Ue.prototype,"connectors",void 0);gt([_()],Ue.prototype,"loading",void 0);Ue=gt([B("w3m-connect-custom-widget")],Ue);var si=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let tt=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const n=this.connectors.filter(o=>o.type==="EXTERNAL").filter(Me.showConnector).filter(o=>o.id!==Cn.CONNECTOR_ID.COINBASE_SDK);return n!=null&&n.length?c` 240 <wui-flex flexDirection="column" gap="xs"> 241 ${n.map(o=>c` 242 <wui-list-wallet 243 imageSrc=${E(K.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=${E(this.tabIdx)} 249 > 250 </wui-list-wallet> 251 `)} 252 </wui-flex> 253 `:(this.style.cssText="display: none",null)}onConnector(e){U.push("ConnectingExternal",{connector:e})}};si([u()],tt.prototype,"tabIdx",void 0);si([_()],tt.prototype,"connectors",void 0);tt=si([B("w3m-connect-external-widget")],tt);var li=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let it=class extends O{constructor(){super(...arguments),this.tabIdx=void 0,this.wallets=[]}render(){return this.wallets.length?c` 254 <wui-flex flexDirection="column" gap="xs"> 255 ${this.wallets.map(e=>c` 256 <wui-list-wallet 257 data-testid=${`wallet-selector-featured-${e.id}`} 258 imageSrc=${E(K.getWalletImage(e))} 259 name=${e.name??"Unknown"} 260 @click=${()=>this.onConnectWallet(e)} 261 tabIdx=${E(this.tabIdx)} 262 > 263 </wui-list-wallet> 264 `)} 265 </wui-flex> 266 `:(this.style.cssText="display: none",null)}onConnectWallet(e){M.selectWalletConnector(e)}};li([u()],it.prototype,"tabIdx",void 0);li([u()],it.prototype,"wallets",void 0);it=li([B("w3m-connect-featured-widget")],it);var ci=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let nt=class extends O{constructor(){super(...arguments),this.tabIdx=void 0,this.connectors=[]}render(){const e=this.connectors.filter(Me.showConnector);return e.length===0?(this.style.cssText="display: none",null):c` 267 <wui-flex flexDirection="column" gap="xs"> 268 ${e.map(i=>c` 269 <wui-list-wallet 270 imageSrc=${E(K.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=${E(this.tabIdx)} 278 > 279 </wui-list-wallet> 280 `)} 281 </wui-flex> 282 `}
282onConnector(e){M.setActiveConnector(e),U.push("ConnectingExternal",{connector:e})}};ci([u()],nt.prototype,"tabIdx",void 0);ci([u()],nt.prototype,"connectors",void 0);nt=ci([B("w3m-connect-injected-widget")],nt);var ui=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ot=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.unsubscribe.push(M.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?c` 283 <wui-flex flexDirection="column" gap="xs"> 284 ${e.map(i=>c` 285 <wui-list-wallet 286 imageSrc=${E(K.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=${E(this.tabIdx)} 294 > 295 </wui-list-wallet> 296 `)} 297 </wui-flex> 298 `:(this.style.cssText="display: none",null)}onConnector(e){M.setActiveConnector(e),U.push("ConnectingMultiChain")}};ui([u()],ot.prototype,"tabIdx",void 0);ui([_()],ot.prototype,"connectors",void 0);ot=ui([B("w3m-connect-multi-chain-widget")],ot);var wt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let qe=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.loading=!1,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e)),k.isTelegram()&&k.isIos()&&(this.loading=!j.state.wcUri,this.unsubscribe.push(j.subscribeKey("wcUri",e=>this.loading=!e)))}render(){const i=ft.getRecentWallets().filter(n=>!pt.isExcluded(n)).filter(n=>!this.hasWalletConnector(n)).filter(n=>this.isWalletCompatibleWithCurrentChain(n));return i.length?c` 299 <wui-flex flexDirection="column" gap="xs"> 300 ${i.map(n=>c` 301 <wui-list-wallet 302 imageSrc=${E(K.getWalletImage(n))} 303 name=${n.name??"Unknown"} 304 @click=${()=>this.onConnectWallet(n)} 305 tagLabel="recent" 306 tagVariant="shade" 307 tabIdx=${E(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||M.selectWalletConnector(e)}hasWalletConnector(e){return this.connectors.some(i=>i.id===e.id||i.name===e.name)}isWalletCompatibleWithCurrentChain(e){const i=Zt.state.activeChain;return i&&e.chains?e.chains.some(n=>{const o=n.split(":")[0];return i===o}):!0}};wt([u()],qe.prototype,"tabIdx",void 0);wt([_()],qe.prototype,"connectors",void 0);wt([_()],qe.prototype,"loading",void 0);qe=wt([B("w3m-connect-recent-widget")],qe);var bt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Fe=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.wallets=[],this.loading=!1,k.isTelegram()&&k.isIos()&&(this.loading=!j.state.wcUri,this.unsubscribe.push(j.subscribeKey("wcUri",e=>this.loading=!e)))}render(){const{connectors:e}=M.state,{customWallets:i,featuredWalletIds:n}=ee.state,o=ft.getRecentWallets(),t=e.find(p=>p.id==="walletConnect"),s=e.filter(p=>p.type==="INJECTED"||p.type==="ANNOUNCED"||p.type==="MULTI_CHAIN").filter(p=>p.name!=="Browser Wallet");if(!t)return null;if(n||i||!this.wallets.length)return this.style.cssText="display: none",null;const l=s.length+o.length,d=Math.max(0,2-l),h=pt.filterOutDuplicateWallets(this.wallets).slice(0,d);return h.length?c` 314 <wui-flex flexDirection="column" gap="xs"> 315 ${h.map(p=>c` 316 <wui-list-wallet 317 imageSrc=${E(K.getWalletImage(p))}
318 name=${(p==null?void 0:p.name)??"Unknown"} 319 @click=${()=>this.onConnectWallet(p)} 320 tabIdx=${E(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=M.getConnector(e.id,e.rdns);i?U.push("ConnectingExternal",{connector:i}):U.push("ConnectingWalletConnect",{wallet:e})}};bt([u()],Fe.prototype,"tabIdx",void 0);bt([u()],Fe.prototype,"wallets",void 0);bt([_()],Fe.prototype,"loading",void 0);Fe=bt([B("w3m-connect-recommended-widget")],Fe);var mt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ve=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.connectorImages=vi.state.connectorImages,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e),vi.subscribeKey("connectorImages",e=>this.connectorImages=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){if(k.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 c` 327 <wui-list-wallet 328 imageSrc=${E(i)} 329 name=${e.name??"Unknown"} 330 @click=${()=>this.onConnector(e)} 331 tagLabel="qr code" 332 tagVariant="main" 333 tabIdx=${E(this.tabIdx)} 334 data-testid="wallet-selector-walletconnect" 335 > 336 </wui-list-wallet> 337 `}onConnector(e){M.setActiveConnector(e),U.push("ConnectingWalletConnect")}};mt([u()],Ve.prototype,"tabIdx",void 0);mt([_()],Ve.prototype,"connectors",void 0);mt([_()],Ve.prototype,"connectorImages",void 0);Ve=mt([B("w3m-connect-walletconnect-widget")],Ve);const Pn=N` 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 Ke=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let xe=class extends O{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=M.state.connectors,this.recommended=z.state.recommended,this.featured=z.state.featured,this.unsubscribe.push(M.subscribeKey("connectors",e=>this.connectors=e),z.subscribeKey("recommended",e=>this.recommended=e),z.subscribeKey("featured",e=>this.featured=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return c` 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:a,featured:s,external:l}=Me.getConnectorsByType(this.connectors,this.recommended,this.featured);return Me.getConnectorTypeOrder({custom:e,recent:i,announced:n,injected:o,multiChain:t,recommended:a,featured:s,external:l}).map(h=>{switch(h){case"injected":return c` 349 ${t.length?c`<w3m-connect-multi-chain-widget 350 tabIdx=${E(this.tabIdx)} 351 ></w3m-connect-multi-chain-widget>`:null} 352 ${n.length?c`<w3m-connect-announced-widget 353 tabIdx=${E(this.tabIdx)} 354 ></w3m-connect-announced-widget>`:null} 355 ${o.length?c`<w3m-connect-injected-widget 356 .connectors=${o} 357 tabIdx=${E(this.tabIdx)} 358 ></w3m-connect-injected-widget>`:null} 359 `;case"walletConnect":return c`<w3m-connect-walletconnect-widget 360 tabIdx=${E(this.tabIdx)} 361 ></w3m-connect-walletconnect-widget>`;case"recent":return c`<w3m-connect-recent-widget 362 tabIdx=${E(this.tabIdx)} 363 ></w3m-connect-recent-widget>`;case"featured":return c`<w3m-connect-featured-widget 364 .wallets=${s} 365 tabIdx=${E(this.tabIdx)} 366 ></w3m-connect-featured-widget>`;
366case"custom":return c`<w3m-connect-custom-widget 367 tabIdx=${E(this.tabIdx)} 368 ></w3m-connect-custom-widget>`;case"external":return c`<w3m-connect-external-widget 369 tabIdx=${E(this.tabIdx)} 370 ></w3m-connect-external-widget>`;case"recommended":return c`<w3m-connect-recommended-widget 371 .wallets=${a} 372 tabIdx=${E(this.tabIdx)} 373 ></w3m-connect-recommended-widget>`;default:return console.warn(`Unknown connector type: ${h}`),null}})}};xe.styles=Pn;Ke([u()],xe.prototype,"tabIdx",void 0);Ke([_()],xe.prototype,"connectors",void 0);Ke([_()],xe.prototype,"recommended",void 0);Ke([_()],xe.prototype,"featured",void 0);xe=Ke([B("w3m-connector-list")],xe);const Bn=N` 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 ve=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let re=class extends O{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 c` 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?c`<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"),a=o==null?void 0:o.querySelector("wui-text"),s=o==null?void 0:o.getBoundingClientRect(),l=a==null?void 0:a.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&&l&&a&&(e!==this.activeTab||i)&&(this.localTabWidth=`${Math.round(s.width+l.width)+6}px`,o.animate([{width:`${s.width+l.width}px`}],{duration:i?0:500,fill:"forwards",easing:"ease"}),a.animate([{opacity:1}],{duration:i?0:125,delay:i?0:200,fill:"forwards",easing:"ease"}))}};re.styles=[q,G,Bn];ve([u({type:Array})],re.prototype,"tabs",void 0);ve([u()],re.prototype,"onTabChange",void 0);ve([u({type:Array})],re.prototype,"buttons",void 0);ve([u({type:Boolean})],re.prototype,"disabled",void 0);ve([u()],re.prototype,"localTabWidth",void 0);ve([_()],re.prototype,"activeTab",void 0);ve([_()],re.prototype,"isDense",void 0);re=ve([B("wui-tabs")],re);var di=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let rt=class extends O{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 c` 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))}};di([u({type:Array})],rt.prototype,"platforms",void 0);di([u()],rt.prototype,"onSelectPlatfrom",void 0);rt=di([B("w3m-connecting-header")],rt);const Ln=N` 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 ae=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const xi={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020"},On={lg:"paragraph-600",md:"small-600"},An={lg:"md",md:"md"};let Q=class extends O{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??On[this.size];return c` 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=An[this.size],i=this.disabled?xi.disabled:xi[this.variant];return c`<wui-loading-spinner color=${i} size=${e}></wui-loading-spinner>`}return c``}};Q.styles=[q,G,Ln];ae([u()],Q.prototype,"size",void 0);ae([u({type:Boolean})],Q.prototype,"disabled",void 0);ae([u({type:Boolean})],Q.prototype,"fullWidth",void 0);ae([u({type:Boolean})],Q.prototype,"loading",void 0);ae([u()],Q.prototype,"variant",void 0);ae([u({type:Boolean})],Q.prototype,"hasIconLeft",void 0);ae([u({type:Boolean})],Q.prototype,"hasIconRight",void 0);ae([u()],Q.prototype,"borderRadius",void 0);ae([u()],Q.prototype,"textVariant",void 0);Q=ae([B("wui-button")],Q);const kn=N` 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 vt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Pe=class extends O{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return c` 733 <button ?disabled=${this.disabled} tabindex=${E(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 `}};Pe.styles=[q,G,kn];vt([u()],Pe.prototype,"tabIdx",void 0);vt([u({type:Boolean})],Pe.prototype,"disabled",void 0);vt([u()],Pe.prototype,"color",void 0);Pe=vt([B("wui-link")],Pe);const jn=N` 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 sn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let at=class extends O{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,a=360+n*1.75;return c` 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=${a} 775 /> 776 </svg> 777 `}};at.styles=[q,jn];sn([u({type:Number})],at.prototype,"radius",void 0);at=sn([B("wui-loading-thumbnail")],at);const Dn=N` 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 Ie=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let pe=class extends O{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 c` 897 <button 898 class=${this.disabled?"disabled":""} 899 data-variant=${this.variant} 900 data-size=${this.size} 901 > 902 ${this.imageSrc?c`<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 `}};pe.styles=[q,G,Dn];Ie([u()],pe.prototype,"variant",void 0);Ie([u()],pe.prototype,"imageSrc",void 0);Ie([u({type:Boolean})],pe.prototype,"disabled",void 0);Ie([u()],pe.prototype,"icon",void 0);Ie([u()],pe.prototype,"size",void 0);Ie([u()],pe.prototype,"text",void 0);pe=Ie([B("wui-chip-button")],pe);const zn=N` 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 yt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Be=class extends O{constructor(){super(...arguments),this.disabled=!1,this.label="",this.buttonLabel=""}render(){return c` 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 `}};Be.styles=[q,G,zn];yt([u({type:Boolean})],Be.prototype,"disabled",void 0);yt([u()],Be.prototype,"label",void 0);yt([u()],Be.prototype,"buttonLabel",void 0);Be=yt([B("wui-cta-button")],Be);const Nn=N` 923 :host { 924 display: block; 925 padding: 0 var(--wui-spacing-xl) var(--wui-spacing-xl); 926 } 927`;var ln=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let st=class extends O{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,a=k.isMobile(),s=k.isIos(),l=k.isAndroid(),d=[i,n,t,o].filter(Boolean).length>1,h=he.getTruncateString({string:e,charsStart:12,charsEnd:0,truncate:"end"});return d&&!a?c` 928 <wui-cta-button 929 label=${`Don't have ${h}?`} 930 buttonLabel="Get" 931 @click=${()=>U.push("Downloads",{wallet:this.wallet})} 932 ></wui-cta-button> 933 `:!d&&t?c` 934 <wui-cta-button 935 label=${`Don't have ${h}?`} 936 buttonLabel="Get" 937 @click=${this.onHomePage.bind(this)} 938 ></wui-cta-button> 939 `:i&&s?c` 940 <wui-cta-button 941 label=${`Don't have ${h}?`} 942 buttonLabel="Get" 943 @click=${this.onAppStore.bind(this)} 944 ></wui-cta-button> 945 `:n&&l?c` 946 <wui-cta-button 947 label=${`Don't have ${h}?`} 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&&k.openHref(this.wallet.app_store,"_blank")}onPlayStore(){var e;(e=this.wallet)!=null&&e.play_store&&k.openHref(this.wallet.play_store,"_blank")}onHomePage(){var e;(e=this.wallet)!=null&&e.homepage&&k.openHref(this.wallet.homepage,"_blank")}};st.styles=[Nn];ln([u({type:Object})],st.prototype,"wallet",void 0);st=ln([B("w3m-mobile-download-links")],st);const Mn=N` 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 se=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};class V extends O{constructor(){var e,i,n,o,t;super(),this.wallet=(e=U.state.data)==null?void 0:e.wallet,this.connector=(i=U.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=K.getWalletImage(this.wallet)??K.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=j.state.wcUri,this.error=j.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(j.subscribeKey("wcUri",a=>{var s;this.uri=a,this.isRetrying&&this.onRetry&&(this.isRetrying=!1,(s=this.onConnect)==null||s.call(this))}),j.subscribeKey("wcError",a=>this.error=a)),(k.isTelegram()||k.isSafari())&&k.isIos()&&j.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()),j.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"),c` 1013 <wui-flex 1014 data-error=${E(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=${E(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?c` 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?c` 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;j.setWcError(!1),this.onRetry?(this.isRetrying=!0,(e=this.onRetry)==null||e.call(this)):(i=this.onConnect)==null||i.call(this)}loaderTemplate(){const e=ei.state.themeVariables["--w3m-border-radius-master"],i=e?parseInt(e.replace("px",""),10):4;return c`<wui-loading-thumbnail radius=${i*9}></wui-loading-thumbnail>`}onCopyUri(){try{this.uri&&(k.copyToClopboard(this.uri),Xe.showSuccess("Link copied"))}catch{Xe.showError("Failed to copy")}}}V.styles=Mn;se([_()],V.prototype,"isRetrying",void 0);se([_()],V.prototype,"uri",void 0);se([_()],V.prototype,"error",void 0);se([_()],V.prototype,"ready",void 0);se([_()],V.prototype,"showRetry",void 0);se([_()],V.prototype,"secondaryBtnLabel",void 0);se([_()],V.prototype,"secondaryLabel",void 0);se([_()],V.prototype,"isLoading",void 0);se([u({type:Boolean})],V.prototype,"isMobile",void 0);se([u()],V.prototype,"onRetry",void 0);var Un=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ci=class extends V{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),te.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}async onConnectProxy(){var e;try{this.error=!1;const{connectors:i}=M.state,n=i.find(o=>{var t,a,s;return o.type==="ANNOUNCED"&&((t=o.info)==null?void 0:t.rdns)===((a=this.wallet)==null?void 0:a.rdns)||o.type==="INJECTED"||o.name===((s=this.wallet)==null?void 0:s.name)});if(n)await j.connectExternal(n,n.chain);else throw new Error("w3m-connecting-wc-browser: No connector found");on.close(),te.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"browser",name:((e=this.wallet)==null?void 0:e.name)||"Unknown"}})}catch(i){te.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:(i==null?void 0:i.message)??"
1068Unknown"}}),this.error=!0}}};Ci=Un([B("w3m-connecting-wc-browser")],Ci);var qn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let $i=class extends V{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),te.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}=k.formatNativeUrl(i,this.uri);j.setWcLinking({name:n,href:t}),j.setRecentWallet(this.wallet),k.openHref(o,"_blank")}catch{this.error=!0}}};$i=qn([B("w3m-connecting-wc-desktop")],$i);var ke=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Ce=class extends V{constructor(){if(super(),this.btnLabelTimeout=void 0,this.redirectDeeplink=void 0,this.redirectUniversalLink=void 0,this.target=void 0,this.preferUniversalLinks=ee.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:a,href:s}=k.formatNativeUrl(i,this.uri,n);this.redirectDeeplink=t,this.redirectUniversalLink=a,this.target=k.isIframe()?"_top":"_self",j.setWcLinking({name:o,href:s}),j.setRecentWallet(this.wallet),this.preferUniversalLinks&&this.redirectUniversalLink?k.openHref(this.redirectUniversalLink,this.target):k.openHref(this.redirectDeeplink,this.target)}catch(i){te.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=rn.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.onHandleURI(),this.unsubscribe.push(j.subscribeKey("wcUri",()=>{this.onHandleURI()})),te.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;j.setWcError(!1),(e=this.onConnect)==null||e.call(this)}};ke([_()],Ce.prototype,"redirectDeeplink",void 0);ke([_()],Ce.prototype,"redirectUniversalLink",void 0);ke([_()],Ce.prototype,"target",void 0);ke([_()],Ce.prototype,"preferUniversalLinks",void 0);ke([_()],Ce.prototype,"isLoading",void 0);Ce=ke([B("w3m-connecting-wc-mobile")],Ce);var Te={},Et,Ri;function Fn(){return Ri||(Ri=1,Et=function(){return typeof Promise=="function"&&Promise.prototype&&Promise.prototype.then}),Et}var Wt={},be={},_i;function Ee(){if(_i)return be;_i=1;let r;const e=[0,26,44,70,100,134,172,196,242,292,346,404,466,532,581,655,733,815,901,991,1085,1156,1258,1364,1474,1588,1706,1828,1921,2051,2185,2323,2465,2611,2761,2876,3034,3196,3362,3532,3706];return be.getSymbolSize=function(n){if(!n)throw new Error('"version" cannot be null or undefined');if(n<1||n>40)throw new Error('"version" should be in range from 1 to 40');return n*4+17},be.getSymbolTotalCodewords=function(n){return e[n]},be.getBCHDigit=function(i){let n=0;for(;i!==0;)n++,i>>>=1;return n},be.setToSJISFunction=function(n){if(typeof n!="function")throw new Error('"toSJISFunc" is not a valid function.');r=n},be.isKanjiModeEnabled=function(){return typeof r<"u"},be.toSJIS=function(n){return r(n)},be}var St={},Ii;function hi(){return Ii||(Ii=1,(function(r){r.L={bit:1},r.M={bit:0},r.Q={bit:3},r.H={bit:2};
vendor: 21,039 bytes, lines 1068-1074
1068function e(i){if(typeof i!="string")throw new Error("Param is not a string");switch(i.toLowerCase()){case"l":case"low":return r.L;case"m":case"medium":return r.M;case"q":case"quartile":return r.Q;case"h":case"high":return r.H;default:throw new Error("Unknown EC Level: "+i)}}r.isValid=function(n){return n&&typeof n.bit<"u"&&n.bit>=0&&n.bit<4},r.from=function(n,o){if(r.isValid(n))return n;try{return e(n)}catch{return o}}})(St)),St}var Tt,Ei;function Vn(){if(Ei)return Tt;Ei=1;function r(){this.buffer=[],this.length=0}return r.prototype={get:function(e){const i=Math.floor(e/8);return(this.buffer[i]>>>7-e%8&1)===1},put:function(e,i){for(let n=0;n<i;n++)this.putBit((e>>>i-n-1&1)===1)},getLengthInBits:function(){return this.length},putBit:function(e){const i=Math.floor(this.length/8);this.buffer.length<=i&&this.buffer.push(0),e&&(this.buffer[i]|=128>>>this.length%8),this.length++}},Tt=r,Tt}var Pt,Wi;function Kn(){if(Wi)return Pt;Wi=1;function r(e){if(!e||e<1)throw new Error("BitMatrix size must be defined and greater than 0");this.size=e,this.data=new Uint8Array(e*e),this.reservedBit=new Uint8Array(e*e)}return r.prototype.set=function(e,i,n,o){const t=e*this.size+i;this.data[t]=n,o&&(this.reservedBit[t]=!0)},r.prototype.get=function(e,i){return this.data[e*this.size+i]},r.prototype.xor=function(e,i,n){this.data[e*this.size+i]^=n},r.prototype.isReserved=function(e,i){return this.reservedBit[e*this.size+i]},Pt=r,Pt}var Bt={},Si;function Hn(){return Si||(Si=1,(function(r){const e=Ee().getSymbolSize;r.getRowColCoords=function(n){if(n===1)return[];const o=Math.floor(n/7)+2,t=e(n),a=t===145?26:Math.ceil((t-13)/(2*o-2))*2,s=[t-7];for(let l=1;l<o-1;l++)s[l]=s[l-1]-a;return s.push(6),s.reverse()},r.getPositions=function(n){const o=[],t=r.getRowColCoords(n),a=t.length;for(let s=0;s<a;s++)for(let l=0;l<a;l++)s===0&&l===0||s===0&&l===a-1||s===a-1&&l===0||o.push([t[s],t[l]]);return o}})(Bt)),Bt}var Lt={},Ti;function Gn(){if(Ti)return Lt;Ti=1;const r=Ee().getSymbolSize,e=7;return Lt.getPositions=function(n){const o=r(n);return[[0,0],[o-e,0],[0,o-e]]},Lt}var Ot={},Pi;function Yn(){return Pi||(Pi=1,(function(r){r.Patterns={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7};const e={N1:3,N2:3,N3:40,N4:10};r.isValid=function(o){return o!=null&&o!==""&&!isNaN(o)&&o>=0&&o<=7},r.from=function(o){return r.isValid(o)?parseInt(o,10):void 0},r.getPenaltyN1=function(o){const t=o.size;let a=0,s=0,l=0,d=null,h=null;for(let p=0;p<t;p++){s=l=0,d=h=null;for(let x=0;x<t;x++){let g=o.get(p,x);g===d?s++:(s>=5&&(a+=e.N1+(s-5)),d=g,s=1),g=o.get(x,p),g===h?l++:(l>=5&&(a+=e.N1+(l-5)),h=g,l=1)}s>=5&&(a+=e.N1+(s-5)),l>=5&&(a+=e.N1+(l-5))}return a},r.getPenaltyN2=function(o){const t=o.size;let a=0;for(let s=0;s<t-1;s++)for(let l=0;l<t-1;l++){const d=o.get(s,l)+o.get(s,l+1)+o.get(s+1,l)+o.get(s+1,l+1);(d===4||d===0)&&a++}return a*e.N2},r.getPenaltyN3=function(o){const t=o.size;let a=0,s=0,l=0;for(let d=0;d<t;d++){s=l=0;for(let h=0;h<t;h++)s=s<<1&2047|o.get(d,h),h>=10&&(s===1488||s===93)&&a++,l=l<<1&2047|o.get(h,d),h>=10&&(l===1488||l===93)&&a++}return a*e.N3},r.getPenaltyN4=function(o){let t=0;const a=o.data.length;for(let l=0;l<a;l++)t+=o.data[l];return Math.abs(Math.ceil(t*100/a/5)-10)*e.N4};function i(n,o,t){switch(n){case r.Patterns.PATTERN000:return(o+t)%2===0;case r.Patterns.PATTERN001:return o%2===0;case r.Patterns.PATTERN010:return t%3===0;case r.Patterns.PATTERN011:return(o+t)%3===0;case r.Patterns.PATTERN100:return(Math.floor(o/2)+Math.floor(t/3))%2===0;case r.Patterns.PATTERN101:return o*t%2+o*t%3===0;case r.Patterns.PATTERN110:return(o*t%2+o*t%3)%2===0;case r.Patterns.PATTERN111:return(o*t%3+(o+t)%2)%2===0;default:throw new Error("bad maskPattern:"+n)}}r.applyMask=function(o,t){const a=t.size;for(let s=0;s<a;s++)for(let l=0;l<a;l++)t.isReserved(l,s)||t.xor(l,s,i(o,l,s))},r.getBestMask=function(o,t){const a=Object.keys(r.Patterns).length;let s=0,l=1/0;for(let d=0;d<a;d++){t(d),r.applyMask(d,o);const h=r.getPenaltyN1(o)+r.getPenaltyN2(o)+r.getPenaltyN3(o)+r.getPenaltyN4(o);r.applyMask(d,o),h<l&&(l=h,s=d)}return s}})(Ot)),Ot}var Qe={},Bi;function cn(){if(Bi)return Qe;Bi=1;const r=hi(),e=[1,1,1,1,1,1,1,1,1,1,2,2,1,2,2,4,1,2,4,4,2,4,4,4,2,4,6,5,2,4,6,6,2,5,8,8,4,5,8,8,4,5,8,11,4,8,10,11,4,9,12,16,4,9,16,16,6,10,12,18,6,10,17,16,6,11,16,19,6,13,18,21,7,14,21,25,8,16,20,25,8,17,23,25,9,17,23,34,9,18,25,30,10,20,27,32,12,21,29,35,12,23,34,37,12,25,34,40,13,26,35,42,14,28,38,45,15,29,40,48,16,31,43,51,17,33,45,54,18,35,48,57,19,37,51,60,19,38,53,63,20,40,56,66,21,43,59,70,22,45,62,74,24,47,65,77,25,49,68,81],i=[7,10,13,17,10,16,22,28,15,26,36,44,20,36,52,64,26,48,72,88,36,64,96,112,40,72,108,130,48,88,132,156,60,110,160,192,72,130,192,224,80,150,224,264,96,176,260,308,104,198,288,352,120,216,320,384,132,240,360,432,144,280,408,480,168,308,448,532,180,338,504,588,196,364,546,650,224,416,600,700,224,442,644,750,252,476,690,816,270,504,750,900,300,560,810,960,312,588,870,1050,336,644,952,1110,360,700,1020,1200,390,728,1050,1260,420,784,1140,1350,450,812,1200,1440,480,868,1290,1530,510,924,1350,1620,540,980,1440,1710,570,1036,1530,1800,570,1064,1590,1890,600,1120,1680,1980,630,1204,1770,2100,660,1260,1860,2220,720,1316,1950,2310,750,1372,2040,2430];return Qe.getBlocksCount=function(o,t){switch(t){case r.L:return e[(o-1)*4+0];case r.M:return e[(o-1)*4+1];case r.Q:return e[(o-1)*4+2];case r.H:return e[(o-1)*4+3];default:return}},Qe.getTotalCodewordsCount=function(o,t){switch(t){case r.L:return i[(o-1)*4+0];case r.M:return i[(o-1)*4+1];case r.Q:return i[(o-1)*4+2];case r.H:return i[(o-1)*4+3];default:return}},Qe}var At={},ze={},Li;function Jn(){if(Li)return ze;Li=1;const r=new Uint8Array(512),e=new Uint8Array(256);return(function(){let n=1;for(let o=0;o<255;o++)r[o]=n,e[n]=o,n<<=1,n&256&&(n^=285);for(let o=255;o<512;o++)r[o]=r[o-255]})(),ze.log=function(n){if(n<1)throw new Error("log("+n+")");return e[n]},ze.exp=function(n){return r[n]},ze.mul=function(n,o){return n===0||o===0?0:r[e[n]+e[o]]},ze}var Oi;function Qn(){return Oi||(Oi=1,(function(r){const e=Jn();r.mul=function(n,o){const t=new Uint8Array(n.length+o.length-1);for(let a=0;a<n.length;a++)for(let s=0;s<o.length;s++)t[a+s]^=e.mul(n[a],o[s]);return t},r.mod=function(n,o){let t=new Uint8Array(n);for(;t.length-o.length>=0;){const a=t[0];for(let l=0;l<o.length;l++)t[l]^=e.mul(o[l],a);let s=0;for(;s<t.length&&t[s]===0;)s++;t=t.slice(s)}return t},r.generateECPolynomial=function(n){let o=new Uint8Array([1]);for(let t=0;t<n;t++)o=r.mul(o,new Uint8Array([1,e.exp(t)]));return o}})(At)),At}var kt,Ai;function Xn(){if(Ai)return kt;Ai=1;const r=Qn();function e(i){this.genPoly=void 0,this.degree=i,this.degree&&this.initialize(this.degree)}return e.prototype.initialize=function(n){this.degree=n,this.genPoly=r.generateECPolynomial(this.degree)},e.prototype.encode=function(n){if(!this.genPoly)throw new Error("Encoder not initialized");const o=new Uint8Array(n.length+this.degree);o.set(n);const t=r.mod(o,this.genPoly),a=this.degree-t.length;if(a>0){const s=new Uint8Array(this.degree);return s.set(t,a),s}return t},kt=e,kt}var jt={},Dt={},zt={},ki;function un(){return ki||(ki=1,zt.isValid=function(e){return!isNaN(e)&&e>=1&&e<=40}),zt}var oe={},ji;function dn(){if(ji)return oe;ji=1;const r="[0-9]+",e="[A-Z $%*+\\-./:]+";let i="(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";i=i.replace(/u/g,"\\u");const n="(?:(?![A-Z0-9 $%*+\\-./:]|"+i+`)(?:.|[\r 1069]))+`;oe.KANJI=new RegExp(i,"g"),oe.BYTE_KANJI=new RegExp("[^A-Z0-9 $%*+\\-./:]+","g"),oe.BYTE=new RegExp(n,"g"),oe.NUMERIC=new RegExp(r,"g"),oe.ALPHANUMERIC=new RegExp(e,"g");const o=new RegExp("^"+i+"$"),t=new RegExp("^"+r+"$"),a=new RegExp("^[A-Z0-9 $%*+\\-./:]+$");return oe.testKanji=function(l){return o.test(l)},oe.testNumeric=function(l){return t.test(l)},oe.testAlphanumeric=function(l){return a.test(l)},oe}var Di;function We(){return Di||(Di=1,(function(r){const e=un(),i=dn();r.NUMERIC={id:"Numeric",bit:1,ccBits:[10,12,14]},r.ALPHANUMERIC={id:"Alphanumeric",bit:2,ccBits:[9,11,13]},r.BYTE={id:"Byte",bit:4,ccBits:[8,16,16]},r.KANJI={id:"Kanji",bit:8,ccBits:[8,10,12]},r.MIXED={bit:-1},r.getCharCountIndicator=function(t,a){if(!t.ccBits)throw new Error("Invalid mode: "+t);if(!e.isValid(a))throw new Error("Invalid version: "+a);return a>=1&&a<10?t.ccBits[0]:a<27?t.ccBits[1]:t.ccBits[2]},r.getBestModeForData=function(t){return i.testNumeric(t)?r.NUMERIC:i.testAlphanumeric(t)?r.ALPHANUMERIC:i.testKanji(t)?r.KANJI:r.BYTE},r.toString=function(t){if(t&&t.id)return t.id;throw new Error("Invalid mode")},r.isValid=function(t){return t&&t.bit&&t.ccBits};function n(o){if(typeof o!="string")throw new Error("Param is not a string");switch(o.toLowerCase()){case"numeric":return r.NUMERIC;case"alphanumeric":return r.ALPHANUMERIC;case"kanji":return r.KANJI;case"byte":return r.BYTE;default:throw new Error("Unknown mode: "+o)}}r.from=function(t,a){if(r.isValid(t))return t;try{return n(t)}catch{return a}}})(Dt)),Dt}var zi;function Zn(){return zi||(zi=1,(function(r){const e=Ee(),i=cn(),n=hi(),o=We(),t=un(),a=7973,s=e.getBCHDigit(a);function l(x,g,W){for(let v=1;v<=40;v++)if(g<=r.getCapacity(v,W,x))return v}function d(x,g){return o.getCharCountIndicator(x,g)+4}function h(x,g){let W=0;return x.forEach(function(v){const S=d(v.mode,g);W+=S+v.getBitsLength()}),W}function p(x,g){for(let W=1;W<=40;W++)if(h(x,W)<=r.getCapacity(W,g,o.MIXED))return W}r.from=function(g,W){return t.isValid(g)?parseInt(g,10):W},r.getCapacity=function(g,W,v){if(!t.isValid(g))throw new Error("Invalid QR Code version");typeof v>"u"&&(v=o.BYTE);const S=e.getSymbolTotalCodewords(g),b=i.getTotalCodewordsCount(g,W),w=(S-b)*8;if(v===o.MIXED)return w;const m=w-d(v,g);switch(v){case o.NUMERIC:return Math.floor(m/10*3);case o.ALPHANUMERIC:return Math.floor(m/11*2);case o.KANJI:return Math.floor(m/13);case o.BYTE:default:return Math.floor(m/8)}},r.getBestVersionForData=function(g,W){let v;const S=n.from(W,n.M);if(Array.isArray(g)){if(g.length>1)return p(g,S);if(g.length===0)return 1;v=g[0]}else v=g;return l(v.mode,v.getLength(),S)},r.getEncodedBits=function(g){if(!t.isValid(g)||g<7)throw new Error("Invalid QR Code version");let W=g<<12;for(;e.getBCHDigit(W)-s>=0;)W^=a<<e.getBCHDigit(W)-s;return g<<12|W}})(jt)),jt}var Nt={},Ni;function eo(){if(Ni)return Nt;Ni=1;const r=Ee(),e=1335,i=21522,n=r.getBCHDigit(e);return Nt.getEncodedBits=function(t,a){const s=t.bit<<3|a;let l=s<<10;for(;r.getBCHDigit(l)-n>=0;)l^=e<<r.getBCHDigit(l)-n;return(s<<10|l)^i},Nt}var Mt={},Ut,Mi;function to(){if(Mi)return Ut;Mi=1;const r=We();function e(i){this.mode=r.NUMERIC,this.data=i.toString()}return e.getBitsLength=function(n){return 10*Math.floor(n/3)+(n%3?n%3*3+1:0)},e.prototype.getLength=function(){return this.data.length},e.prototype.getBitsLength=function(){return e.getBitsLength(this.data.length)},e.prototype.write=function(n){let o,t,a;for(o=0;o+3<=this.data.length;o+=3)t=this.data.substr(o,3),a=parseInt(t,10),n.put(a,10);const s=this.data.length-o;s>0&&(t=this.data.substr(o),a=parseInt(t,10),n.put(a,s*3+1))},Ut=e,Ut}var qt,Ui;function io(){if(Ui)return qt;Ui=1;const r=We(),e=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"," ","$","%","*","+","-",".","/",":"];function i(n){this.mode=r.ALPHANUMERIC,this.data=n}return i.getBitsLength=function(o){return 11*Math.floor(o/2)+6*(o%2)},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(o){let t;for(t=0;t+2<=this.data.length;t+=2){let a=e.indexOf(this.data[t])*45;a+=e.indexOf(this.data[t+1]),o.put(a,11)}this.data.length%2&&o.put(e.indexOf(this.data[t]),6)},qt=i,qt}var Ft,qi;function no(){return qi||(qi=1,Ft=function(e){for(var i=[],n=e.length,o=0;o<n;o++){var t=e.charCodeAt(o);if(t>=55296&&t<=56319&&n>o+1){var a=e.charCodeAt(o+1);a>=56320&&a<=57343&&(t=(t-55296)*1024+a-56320+65536,o+=1)}if(t<128){i.push(t);continue}if(t<2048){i.push(t>>6|192),i.push(t&63|128);continue}if(t<55296||t>=57344&&t<65536){i.push(t>>12|224),i.push(t>>6&63|128),i.push(t&63|128);continue}if(t>=65536&&t<=1114111){i.push(t>>18|240),i.push(t>>12&63|128),i.push(t>>6&63|128),i.push(t&63|128);continue}i.push(239,191,189)}return new Uint8Array(i).buffer}),Ft}var Vt,Fi;function oo(){if(Fi)return Vt;Fi=1;const r=no(),e=We();function i(n){this.mode=e.BYTE,typeof n=="string"&&(n=r(n)),this.data=new Uint8Array(n)}return i.getBitsLength=function(o){return o*8},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(n){for(let o=0,t=this.data.length;o<t;o++)n.put(this.data[o],8)},Vt=i,Vt}var Kt,Vi;function ro(){if(Vi)return Kt;Vi=1;const r=We(),e=Ee();function i(n){this.mode=r.KANJI,this.data=n}return i.getBitsLength=function(o){return o*13},i.prototype.getLength=function(){return this.data.length},i.prototype.getBitsLength=function(){return i.getBitsLength(this.data.length)},i.prototype.write=function(n){let o;for(o=0;o<this.data.length;o++){let t=e.toSJIS(this.data[o]);if(t>=33088&&t<=40956)t-=33088;else if(t>=57408&&t<=60351)t-=49472;else throw new Error("Invalid SJIS character: "+this.data[o]+` 1070Make sure your charset is UTF-8`);t=(t>>>8&255)*192+(t&255),n.put(t,13)}},Kt=i,Kt}var Ht={exports:{}},Ki;function ao(){return Ki||(Ki=1,(function(r){var e={single_source_shortest_paths:function(i,n,o){var t={},a={};a[n]=0;var s=e.PriorityQueue.make();s.push(n,0);for(var l,d,h,p,x,g,W,v,S;!s.empty();){l=s.pop(),d=l.value,p=l.cost,x=i[d]||{};for(h in x)x.hasOwnProperty(h)&&(g=x[h],W=p+g,v=a[h],S=typeof a[h]>"u",(S||v>W)&&(a[h]=W,s.push(h,W),t[h]=d))}if(typeof o<"u"&&typeof a[o]>"u"){var b=["Could not find a path from ",n," to ",o,"."].join("");throw new Error(b)}return t},extract_shortest_path_from_predecessor_list:function(i,n){for(var o=[],t=n;t;)o.push(t),i[t],t=i[t];return o.reverse(),o},find_path:function(i,n,o){var t=e.single_source_shortest_paths(i,n,o);return e.extract_shortest_path_from_predecessor_list(t,o)},PriorityQueue:{make:function(i){var n=e.PriorityQueue,o={},t;i=i||{};for(t in n)n.hasOwnProperty(t)&&(o[t]=n[t]);return o.queue=[],o.sorter=i.sorter||n.default_sorter,o},default_sorter:function(i,n){return i.cost-n.cost},push:function(i,n){var o={value:i,cost:n};this.queue.push(o),this.queue.sort(this.sorter)},pop:function(){return this.queue.shift()},empty:function(){return this.queue.length===0}}};r.exports=e})(Ht)),Ht.exports}var Hi;function so(){return Hi||(Hi=1,(function(r){const e=We(),i=to(),n=io(),o=oo(),t=ro(),a=dn(),s=Ee(),l=ao();function d(b){return unescape(encodeURIComponent(b)).length}function h(b,w,m){const f=[];let D;for(;(D=b.exec(m))!==null;)f.push({data:D[0],index:D.index,mode:w,length:D[0].length});return f}function p(b){const w=h(a.NUMERIC,e.NUMERIC,b),m=h(a.ALPHANUMERIC,e.ALPHANUMERIC,b);let f,D;return s.isKanjiModeEnabled()?(f=h(a.BYTE,e.BYTE,b),D=h(a.KANJI,e.KANJI,b)):(f=h(a.BYTE_KANJI,e.BYTE,b),D=[]),w.concat(m,f,D).sort(function(T,I){return T.index-I.index}).map(function(T){return{data:T.data,mode:T.mode,length:T.length}})}function x(b,w){switch(w){case e.NUMERIC:return i.getBitsLength(b);case e.ALPHANUMERIC:return n.getBitsLength(b);case e.KANJI:return t.getBitsLength(b);case e.BYTE:return o.getBitsLength(b)}}function g(b){return b.reduce(function(w,m){const f=w.length-1>=0?w[w.length-1]:null;return f&&f.mode===m.mode?(w[w.length-1].data+=m.data,w):(w.push(m),w)},[])}function W(b){const w=[];for(let m=0;m<b.length;m++){const f=b[m];switch(f.mode){case e.NUMERIC:w.push([f,{data:f.data,mode:e.ALPHANUMERIC,length:f.length},{data:f.data,mode:e.BYTE,length:f.length}]);break;case e.ALPHANUMERIC:w.push([f,{data:f.data,mode:e.BYTE,length:f.length}]);break;case e.KANJI:w.push([f,{data:f.data,mode:e.BYTE,length:d(f.data)}]);break;case e.BYTE:w.push([{data:f.data,mode:e.BYTE,length:d(f.data)}])}}return w}function v(b,w){const m={},f={start:{}};let D=["start"];for(let C=0;C<b.length;C++){const T=b[C],I=[];for(let y=0;y<T.length;y++){const L=T[y],$=""+C+y;I.push($),m[$]={node:L,lastCount:0},f[$]={};for(let P=0;P<D.length;P++){const R=D[P];m[R]&&m[R].node.mode===L.mode?(f[R][$]=x(m[R].lastCount+L.length,L.mode)-x(m[R].lastCount,L.mode),m[R].lastCount+=L.length):(m[R]&&(m[R].lastCount=L.length),f[R][$]=x(L.length,L.mode)+4+e.getCharCountIndicator(L.mode,w))}}D=I}for(let C=0;C<D.length;C++)f[D[C]].end=0;return{map:f,table:m}}function S(b,w){let m;const f=e.getBestModeForData(b);if(m=e.from(w,f),m!==e.BYTE&&m.bit<f.bit)throw new Error('"'+b+'" cannot be encoded with mode '+e.toString(m)+`. 1071 Suggested mode is: `+e.toString(f));switch(m===e.KANJI&&!s.isKanjiModeEnabled()&&(m=e.BYTE),m){case e.NUMERIC:return new i(b);case e.ALPHANUMERIC:return new n(b);case e.KANJI:return new t(b);case e.BYTE:return new o(b)}}r.fromArray=function(w){return w.reduce(function(m,f){return typeof f=="string"?m.push(S(f,null)):f.data&&m.push(S(f.data,f.mode)),m},[])},r.fromString=function(w,m){const f=p(w,s.isKanjiModeEnabled()),D=W(f),C=v(D,m),T=l.find_path(C.map,"start","end"),I=[];for(let y=1;y<T.length-1;y++)I.push(C.table[T[y]].node);return r.fromArray(g(I))},r.rawSplit=function(w){return r.fromArray(p(w,s.isKanjiModeEnabled()))}})(Mt)),Mt}var Gi;function lo(){if(Gi)return Wt;Gi=1;const r=Ee(),e=hi(),i=Vn(),n=Kn(),o=Hn(),t=Gn(),a=Yn(),s=cn(),l=Xn(),d=Zn(),h=eo(),p=We(),x=so();function g(C,T){const I=C.size,y=t.getPositions(T);for(let L=0;L<y.length;L++){const $=y[L][0],P=y[L][1];for(let R=-1;R<=7;R++)if(!($+R<=-1||I<=$+R))for(let A=-1;A<=7;A++)P+A<=-1||I<=P+A||(R>=0&&R<=6&&(A===0||A===6)||A>=0&&A<=6&&(R===0||R===6)||R>=2&&R<=4&&A>=2&&A<=4?C.set($+R,P+A,!0,!0):C.set($+R,P+A,!1,!0))}}function W(C){const T=C.size;for(let I=8;I<T-8;I++){const y=I%2===0;C.set(I,6,y,!0),C.set(6,I,y,!0)}}function v(C,T){const I=o.getPositions(T);for(let y=0;y<I.length;y++){const L=I[y][0],$=I[y][1];for(let P=-2;P<=2;P++)for(let R=-2;R<=2;R++)P===-2||P===2||R===-2||R===2||P===0&&R===0?C.set(L+P,$+R,!0,!0):C.set(L+P,$+R,!1,!0)}}function S(C,T){const I=C.size,y=d.getEncodedBits(T);let L,$,P;for(let R=0;R<18;R++)L=Math.floor(R/3),$=R%3+I-8-3,P=(y>>R&1)===1,C.set(L,$,P,!0),C.set($,L,P,!0)}function b(C,T,I){const y=C.size,L=h.getEncodedBits(T,I);let $,P;for($=0;$<15;$++)P=(L>>$&1)===1,$<6?C.set($,8,P,!0):$<8?C.set($+1,8,P,!0):C.set(y-15+$,8,P,!0),$<8?C.set(8,y-$-1,P,!0):$<9?C.set(8,15-$-1+1,P,!0):C.set(8,15-$-1,P,!0);C.set(y-8,8,1,!0)}function w(C,T){const I=C.size;let y=-1,L=I-1,$=7,P=0;for(let R=I-1;R>0;R-=2)for(R===6&&R--;;){for(let A=0;A<2;A++)if(!C.isReserved(L,R-A)){let we=!1;P<T.length&&(we=(T[P]>>>$&1)===1),C.set(L,R-A,we),$--,$===-1&&(P++,$=7)}if(L+=y,L<0||I<=L){L-=y,y=-y;break}}}function m(C,T,I){const y=new i;I.forEach(function(A){y.put(A.mode.bit,4),y.put(A.getLength(),p.getCharCountIndicator(A.mode,C)),A.write(y)});const L=r.getSymbolTotalCodewords(C),$=s.getTotalCodewordsCount(C,T),P=(L-$)*8;for(y.getLengthInBits()+4<=P&&y.put(0,4);y.getLengthInBits()%8!==0;)y.putBit(0);const R=(P-y.getLengthInBits())/8;for(let A=0;A<R;A++)y.put(A%2?17:236,8);return f(y,C,T)}function f(C,T,I){const y=r.getSymbolTotalCodewords(T),L=s.getTotalCodewordsCount(T,I),$=y-L,P=s.getBlocksCount(T,I),R=y%P,A=P-R,we=Math.floor(y/P),De=Math.floor($/P),vn=De+1,wi=we-De,yn=new l(wi);let Ct=0;const Je=new Array(P),bi=new Array(P);let $t=0;const xn=new Uint8Array(C.buffer);for(let Se=0;Se<P;Se++){const _t=Se<A?De:vn;Je[Se]=xn.slice(Ct,Ct+_t),bi[Se]=yn.encode(Je[Se]),Ct+=_t,$t=Math.max($t,_t)}const Rt=new Uint8Array(y);let mi=0,ce,ue;for(ce=0;ce<$t;ce++)for(ue=0;ue<P;ue++)ce<Je[ue].length&&(Rt[mi++]=Je[ue][ce]);for(ce=0;ce<wi;ce++)for(ue=0;ue<P;ue++)Rt[mi++]=bi[ue][ce];return Rt}function D(C,T,I,y){let L;if(Array.isArray(C))L=x.fromArray(C);else if(typeof C=="string"){let we=T;if(!we){const De=x.rawSplit(C);we=d.getBestVersionForData(De,I)}L=x.fromString(C,we||40)}else throw new Error("Invalid data");const $=d.getBestVersionForData(L,I);if(!$)throw new Error("The amount of data is too big to be stored in a QR Code");if(!T)T=$;else if(T<$)throw new Error(` 1072The chosen QR Code version cannot contain this amount of data. 1073Minimum version required to store current data is: `+$+`. 1074`);const P=m(T,I,L),R=r.getSymbolSize(T),A=new n(R);return g(A,T),W(A),v(A,T),b(A,I,0),T>=7&&S(A,T),w(A,P),isNaN(y)&&(y=a.getBestMask(A,b.bind(null,A,I))),a.applyMask(y,A),b(A,I,y),{modules:A,version:T,errorCorrectionLevel:I,maskPattern:y,segments:L}}return Wt.create=function(T,I){if(typeof T>"u"||T==="")throw new Error("No input text");let y=e.M,L,$;return typeof I<"u"&&(y=e.from(I.errorCorrectionLevel,e.M),L=d.from(I.version),$=a.from(I.maskPattern),I.toSJISFunc&&r.setToSJISFunction(I.toSJISFunc)),D(T,L,y,$)},Wt}var Gt={},Yt={},Yi;function hn(){return Yi||(Yi=1,(function(r){function e(i){if(typeof i=="number"&&(i=i.toString()),typeof i!="str
1074ing")throw new Error("Color should be defined as hex string");let n=i.slice().replace("#","").split("");if(n.length<3||n.length===5||n.length>8)throw new Error("Invalid hex color: "+i);(n.length===3||n.length===4)&&(n=Array.prototype.concat.apply([],n.map(function(t){return[t,t]}))),n.length===6&&n.push("F","F");const o=parseInt(n.join(""),16);return{r:o>>24&255,g:o>>16&255,b:o>>8&255,a:o&255,hex:"#"+n.slice(0,6).join("")}}r.getOptions=function(n){n||(n={}),n.color||(n.color={});const o=typeof n.margin>"u"||n.margin===null||n.margin<0?4:n.margin,t=n.width&&n.width>=21?n.width:void 0,a=n.scale||4;return{width:t,scale:t?4:a,margin:o,color:{dark:e(n.color.dark||"#000000ff"),light:e(n.color.light||"#ffffffff")},type:n.type,rendererOpts:n.rendererOpts||{}}},r.getScale=function(n,o){return o.width&&o.width>=n+o.margin*2?o.width/(n+o.margin*2):o.scale},r.getImageWidth=function(n,o){const t=r.getScale(n,o);return Math.floor((n+o.margin*2)*t)},r.qrToImageData=function(n,o,t){const a=o.modules.size,s=o.modules.data,l=r.getScale(a,t),d=Math.floor((a+t.margin*2)*l),h=t.margin*l,p=[t.color.light,t.color.dark];for(let x=0;x<d;x++)for(let g=0;g<d;g++){let W=(x*d+g)*4,v=t.color.light;if(x>=h&&g>=h&&x<d-h&&g<d-h){const S=Math.floor((x-h)/l),b=Math.floor((g-h)/l);v=p[s[S*a+b]?1:0]}n[W++]=v.r,n[W++]=v.g,n[W++]=v.b,n[W]=v.a}}})(Yt)),Yt}var Ji;function co(){return Ji||(Ji=1,(function(r){const e=hn();function i(o,t,a){o.clearRect(0,0,t.width,t.height),t.style||(t.style={}),t.height=a,t.width=a,t.style.height=a+"px",t.style.width=a+"px"}function n(){try{return document.createElement("canvas")}catch{throw new Error("You need to specify a canvas element")}}r.render=function(t,a,s){let l=s,d=a;typeof l>"u"&&(!a||!a.getContext)&&(l=a,a=void 0),a||(d=n()),l=e.getOptions(l);const h=e.getImageWidth(t.modules.size,l),p=d.getContext("2d"),x=p.createImageData(h,h);return e.qrToImageData(x.data,t,l),i(p,d,h),p.putImageData(x,0,0),d},r.renderToDataURL=function(t,a,s){let l=s;typeof l>"u"&&(!a||!a.getContext)&&(l=a,a=void 0),l||(l={});const d=r.render(t,a,l),h=l.type||"image/png",p=l.rendererOpts||{};return d.toDataURL(h,p.quality)}})(Gt)),Gt}var Jt={},Qi;function uo(){if(Qi)return Jt;Qi=1;const r=hn();function e(o,t){const a=o.a/255,s=t+'="'+o.hex+'"';return a<1?s+" "+t+'-opacity="'+a.toFixed(2).slice(1)+'"':s}function i(o,t,a){let s=o+t;return typeof a<"u"&&(s+=" "+a),s}function n(o,t,a){let s="",l=0,d=!1,h=0;for(let p=0;p<o.length;p++){const x=Math.floor(p%t),g=Math.floor(p/t);!x&&!d&&(d=!0),o[p]?(h++,p>0&&x>0&&o[p-1]||(s+=d?i("M",x+a,.5+g+a):i("m",l,0),l=0,d=!1),x+1<t&&o[p+1]||(s+=i("h",h),h=0)):l++}return s}return Jt.render=function(t,a,s){const l=r.getOptions(a),d=t.modules.size,h=t.modules.data,p=d+l.margin*2,x=l.color.light.a?"<path "+e(l.color.light,"fill")+' d="M0 0h'+p+"v"+p+'H0z"/>':"",g="<path "+e(l.color.dark,"stroke")+' d="'+n(h,d,l.margin)+'"/>',W='viewBox="0 0 '+p+" "+p+'"',S='<svg xmlns="http://www.w3.org/2000/svg" '+(l.width?'width="'+l.width+'" height="'+l.width+'" ':"")+W+' shape-rendering="crispEdges">'+x+g+`</svg> 1075`;return typeof s=="function"&&s(null,S),S},Jt}var Xi;function ho(){if(Xi)return Te;Xi=1;const r=Fn(),e=lo(),i=co(),n=uo();function o(t,a,s,l,d){const h=[].slice.call(arguments,1),p=h.length,x=typeof h[p-1]=="function";if(!x&&!r())throw new Error("Callback required as last argument");if(x){if(p<2)throw new Error("Too few arguments provided");p===2?(d=s,s=a,a=l=void 0):p===3&&(a.getContext&&typeof d>"u"?(d=l,l=void 0):(d=l,l=s,s=a,a=void 0))}else{if(p<1)throw new Error("Too few arguments provided");return p===1?(s=a,a=l=void 0):p===2&&!a.getContext&&(l=s,s=a,a=void 0),new Promise(function(g,W){try{const v=e.create(s,l);g(t(v,a,l))}catch(v){W(v)}})}try{const g=e.create(s,l);d(null,t(g,a,l))}catch(g){d(g)}}return Te.create=e.create,Te.toCanvas=o.bind(null,i.render),Te.toDataURL=o.bind(null,i.renderToDataURL),Te.toString=o.bind(null,function(t,a,s){return n.render(t,s)}),Te}var fo=ho();const po=En(fo),go=.1,Zi=2.5,de=7;function Qt(r,e,i){return r===e?!1:(r-e<0?e-r:r-e)<=i+go}function wo(r,e){const i=Array.prototype.slice.call(po.create(r,{errorCorrectionLevel:e}).modules.data,0),n=Math.sqrt(i.length);return i.reduce((o,t,a)=>(a%n===0?o.push([t]):o[o.length-1].push(t))&&o,[])}const bo={generate({uri:r,size:e,logoSize:i,dotColor:n="#141414"}){const o="transparent",a=[],s=wo(r,"Q"),l=e/s.length,d=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];d.forEach(({x:v,y:S})=>{const b=(s.length-de)*l*v,w=(s.length-de)*l*S,m=.45;for(let f=0;f<d.length;f+=1){const D=l*(de-f*2);a.push(Ne` 1076 <rect 1077 fill=${f===2?n:o} 1078 width=${f===0?D-5:D} 1079 rx= ${f===0?(D-5)*m:D*m} 1080 ry= ${f===0?(D-5)*m:D*m} 1081 stroke=${n} 1082 stroke-width=${f===0?5:0} 1083 height=${f===0?D-5:D} 1084 x= ${f===0?w+l*f+5/2:w+l*f} 1085 y= ${f===0?b+l*f+5/2:b+l*f} 1086 /> 1087 `)}});const h=Math.floor((i+25)/l),p=s.length/2-h/2,x=s.length/2+h/2-1,g=[];
1087s.forEach((v,S)=>{v.forEach((b,w)=>{if(s[S][w]&&!(S<de&&w<de||S>s.length-(de+1)&&w<de||S<de&&w>s.length-(de+1))&&!(S>p&&S<x&&w>p&&w<x)){const m=S*l+l/2,f=w*l+l/2;g.push([m,f])}})});const W={};return g.forEach(([v,S])=>{var b;W[v]?(b=W[v])==null||b.push(S):W[v]=[S]}),Object.entries(W).map(([v,S])=>{const b=S.filter(w=>S.every(m=>!Qt(w,m,l)));return[Number(v),b]}).forEach(([v,S])=>{S.forEach(b=>{a.push(Ne`<circle cx=${v} cy=${b} fill=${n} r=${l/Zi} />`)})}),Object.entries(W).filter(([v,S])=>S.length>1).map(([v,S])=>{const b=S.filter(w=>S.some(m=>Qt(w,m,l)));return[Number(v),b]}).map(([v,S])=>{S.sort((w,m)=>w<m?-1:1);const b=[];for(const w of S){const m=b.find(f=>f.some(D=>Qt(w,D,l)));m?m.push(w):b.push([w])}return[v,b.map(w=>[w[0],w[w.length-1]])]}).forEach(([v,S])=>{S.forEach(([b,w])=>{a.push(Ne` 1088 <line 1089 x1=${v} 1090 x2=${v} 1091 y1=${b} 1092 y2=${w} 1093 stroke=${n} 1094 stroke-width=${l/(Zi/2)} 1095 stroke-linecap="round" 1096 /> 1097 `)})}),a}},mo=N` 1098 :host { 1099 position: relative; 1100 user-select: none; 1101 display: block; 1102 overflow: hidden; 1103 aspect-ratio: 1 / 1; 1104 width: var(--local-size); 1105 } 1106 1107 :host([data-theme='dark']) { 1108 border-radius: clamp(0px, var(--wui-border-radius-l), 40px); 1109 background-color: var(--wui-color-inverse-100); 1110 padding: var(--wui-spacing-l); 1111 } 1112 1113 :host([data-theme='light']) { 1114 box-shadow: 0 0 0 1px var(--wui-color-bg-125); 1115 background-color: var(--wui-color-bg-125); 1116 } 1117 1118 :host([data-clear='true']) > wui-icon { 1119 display: none; 1120 } 1121 1122 svg:first-child, 1123 wui-image, 1124 wui-icon { 1125 position: absolute; 1126 top: 50%; 1127 left: 50%; 1128 transform: translateY(-50%) translateX(-50%); 1129 } 1130 1131 wui-image { 1132 width: 25%; 1133 height: 25%; 1134 border-radius: var(--wui-border-radius-xs); 1135 } 1136 1137 wui-icon { 1138 width: 100%; 1139 height: 100%; 1140 color: var(--local-icon-color) !important; 1141 transform: translateY(-50%) translateX(-50%) scale(0.25); 1142 } 1143`;var ge=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const vo="#3396ff";let ie=class extends O{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=` 1144 --local-size: ${this.size}px; 1145 --local-icon-color: ${this.color??vo} 1146 `,c`${this.templateVisual()} ${this.templateSvg()}`}templateSvg(){const e=this.theme==="light"?this.size:this.size-32;return Ne` 1147 <svg height=${e} width=${e}> 1148 ${bo.generate({uri:this.uri,size:e,logoSize:this.arenaClear?0:e/4,dotColor:this.color})} 1149 </svg> 1150 `}templateVisual(){return this.imageSrc?c`<wui-image src=${this.imageSrc} alt=${this.alt??"logo"}></wui-image>`:this.farcaster?c`<wui-icon 1151 class="farcaster" 1152 size="inherit" 1153 color="inherit" 1154 name="farcaster" 1155 ></wui-icon>`:c`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`}};ie.styles=[q,mo];ge([u()],ie.prototype,"uri",void 0);ge([u({type:Number})],ie.prototype,"size",void 0);ge([u()],ie.prototype,"theme",void 0);ge([u()],ie.prototype,"imageSrc",void 0);ge([u()],ie.prototype,"alt",void 0);ge([u()],ie.prototype,"color",void 0);ge([u({type:Boolean})],ie.prototype,"arenaClear",void 0);ge([u({type:Boolean})],ie.prototype,"farcaster",void 0);ie=ge([B("wui-qr-code")],ie);const yo=N` 1156 :host { 1157 display: block; 1158 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 1159 background: linear-gradient( 1160 120deg, 1161 var(--wui-color-bg-200) 5%, 1162 var(--wui-color-bg-200) 48%, 1163 var(--wui-color-bg-300) 55%, 1164 var(--wui-color-bg-300) 60%, 1165 var(--wui-color-bg-300) calc(60% + 10px), 1166 var(--wui-color-bg-200) calc(60% + 12px), 1167 var(--wui-color-bg-200) 100% 1168 ); 1169 background-size: 250%; 1170 animation: shimmer 3s linear infinite reverse; 1171 } 1172 1173 :host([variant='light']) { 1174 background: linear-gradient( 1175 120deg, 1176 var(--wui-color-bg-150) 5%, 1177 var(--wui-color-bg-150) 48%, 1178 var(--wui-color-bg-200) 55%, 1179 var(--wui-color-bg-200) 60%, 1180 var(--wui-color-bg-200) calc(60% + 10px), 1181 var(--wui-color-bg-150) calc(60% + 12px), 1182 var(--wui-color-bg-150) 100% 1183 ); 1184 background-size: 250%; 1185 } 1186 1187 @keyframes shimmer { 1188 from { 1189 background-position: -250% 0; 1190 } 1191 to { 1192 background-position: 250% 0; 1193 } 1194 } 1195`;var He=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let $e=class extends O{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=` 1196 width: ${this.width}; 1197 height: ${this.height}; 1198 border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`}; 1199 `,c`<slot></slot>`}};$e.styles=[yo];He([u()],$e.prototype,"width",void 0);He([u()],$e.prototype,"height",void 0);He([u()],$e.prototype,"borderRadius",void 0);He([u()],$e.prototype,"variant",void 0);$e=He([B("wui-shimmer")],$e);const xo="https://reown.com",Co=N` 1200 .reown-logo { 1201 height: var(--wui-spacing-xxl); 1202 } 1203 1204 a { 1205 text-decoration: none; 1206 cursor: pointer; 1207 } 1208 1209 a:hover { 1210 opacity: 0.9; 1211 } 1212`;var $o=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ti=class extends O{render(){return c` 1213 <a 1214 data-testid="ux-branding-reown" 1215 href=${xo} 1216 rel="noreferrer" 1217 target="_blank" 1218 style="text-decoration: none;" 1219 > 1220 <wui-flex 1221 justifyContent="center" 1222 alignItems="center" 1223 gap="xs" 1224 .padding=${["0","0","l","0"]} 1225 > 1226 <wui-text variant="small-500" color="fg-100"> UX by </wui-text> 1227 <wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon> 1228 </wui-flex> 1229 </a> 1230 `}};ti.styles=[q,G,Co];ti=$o([B("wui-ux-by-reown")],ti);const Ro=N` 1231 @keyframes fadein { 1232 from { 1233 opacity: 0; 1234 } 1235 to { 1236 opacity: 1; 1237 } 1238 } 1239 1240 wui-shimmer { 1241 width: 100%; 1242 aspect-ratio: 1 / 1; 1243 border-radius: clamp(0px, var(--wui-border-radius-l), 40px) !important; 1244 } 1245 1246 wui-qr-code { 1247 opacity: 0; 1248 animation-duration: 200ms; 1249 animation-timing-function: ease; 1250 animation-name: fadein; 1251 animation-fill-mode: forwards; 1252 } 1253`;var _o=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ii=class extends V{constructor(){var e;super(),this.forceUpdate=()=>{this.requestUpdate()},window.addEventListener("resize",this.forceUpdate),te.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=>
1253i()),window.removeEventListener("resize",this.forceUpdate)}render(){return this.onRenderProxy(),c` 1254 <wui-flex 1255 flexDirection="column" 1256 alignItems="center" 1257 .padding=${["0","xl","xl","xl"]} 1258 gap="xl" 1259 > 1260 <wui-shimmer borderRadius="l" width="100%"> ${this.qrCodeTemplate()} </wui-shimmer> 1261 1262 <wui-text variant="paragraph-500" color="fg-100"> 1263 Scan this QR Code with your phone 1264 </wui-text> 1265 ${this.copyTemplate()} 1266 </wui-flex> 1267 <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links> 1268 `}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 j.setWcLinking(void 0),j.setRecentWallet(this.wallet),c` <wui-qr-code 1269 size=${e} 1270 theme=${ei.state.themeMode} 1271 uri=${this.uri} 1272 imageSrc=${E(K.getWalletImage(this.wallet))} 1273 color=${E(ei.state.themeVariables["--w3m-qr-color"])} 1274 alt=${E(i)} 1275 data-testid="wui-qr-code" 1276 ></wui-qr-code>`}copyTemplate(){const e=!this.uri||!this.ready;return c`<wui-link 1277 .disabled=${e} 1278 @click=${this.onCopyUri} 1279 color="fg-200" 1280 data-testid="copy-wc2-uri" 1281 > 1282 <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon> 1283 Copy link 1284 </wui-link>`}};ii.styles=Ro;ii=_o([B("w3m-connecting-wc-qrcode")],ii);var Io=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let en=class extends O{constructor(){var e;if(super(),this.wallet=(e=U.state.data)==null?void 0:e.wallet,!this.wallet)throw new Error("w3m-connecting-wc-unsupported: No wallet provided");te.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}render(){return c` 1285 <wui-flex 1286 flexDirection="column" 1287 alignItems="center" 1288 .padding=${["3xl","xl","xl","xl"]} 1289 gap="xl" 1290 > 1291 <wui-wallet-image 1292 size="lg" 1293 imageSrc=${E(K.getWalletImage(this.wallet))} 1294 ></wui-wallet-image> 1295 1296 <wui-text variant="paragraph-500" color="fg-100">Not Detected</wui-text> 1297 </wui-flex> 1298 1299 <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links> 1300 `}};en=Io([B("w3m-connecting-wc-unsupported")],en);var fn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ni=class extends V{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=rn.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.updateLoadingState(),this.unsubscribe.push(j.subscribeKey("wcUri",()=>{this.updateLoadingState()})),te.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}=k.formatUniversalUrl(i,this.uri);j.setWcLinking({name:n,href:t}),j.setRecentWallet(this.wallet),k.openHref(o,"_blank")}catch{this.error=!0}}};fn([_()],ni.prototype,"isLoading",void 0);ni=fn([B("w3m-connecting-wc-web")],ni);var Ge=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Le=class extends O{constructor(){var e;super(),this.wallet=(e=U.state.data)==null?void 0:e.wallet,this.unsubscribe=[],this.platform=void 0,this.platforms=[],this.isSiwxEnabled=!!ee.state.siwx,this.remoteFeatures=ee.state.remoteFeatures,this.determinePlatforms(),this.initializeConnection(),this.unsubscribe.push(ee.subscribeKey("remoteFeatures",i=>this.remoteFeatures=i))}
1300disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return c` 1301 ${this.headerTemplate()} 1302 <div>${this.platformTemplate()}</div> 1303 ${this.reownBrandingTemplate()} 1304 `}reownBrandingTemplate(){var e;return(e=this.remoteFeatures)!=null&&e.reownBranding?c`<wui-ux-by-reown></wui-ux-by-reown>`:null}async initializeConnection(e=!1){if(!(this.platform==="browser"||ee.state.manualWCControl&&!e))try{const{wcPairingExpiry:i,status:n}=j.state;(e||ee.state.enableEmbedded||k.isPairingExpired(i)||n==="connecting")&&(await j.connectWalletConnect(),this.isSiwxEnabled||on.close())}catch(i){te.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:(i==null?void 0:i.message)??"Unknown"}}),j.setWcError(!0),Xe.showError(i.message??"Connection error"),j.resetWcConnection(),U.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,a=o==null?void 0:o.map(({injected_id:W})=>W).filter(Boolean),s=[...t?[t]:a??[]],l=ee.state.isUniversalProvider?!1:s.length,d=e,h=n,p=j.checkInstalled(s),x=l&&p,g=i&&!k.isMobile();x&&!Zt.state.noAdapters&&this.platforms.push("browser"),d&&this.platforms.push(k.isMobile()?"mobile":"qrcode"),h&&this.platforms.push("web"),g&&this.platforms.push("desktop"),!x&&l&&!Zt.state.noAdapters&&this.platforms.push("unsupported"),this.platform=this.platforms[0]}platformTemplate(){switch(this.platform){case"browser":return c`<w3m-connecting-wc-browser></w3m-connecting-wc-browser>`;case"web":return c`<w3m-connecting-wc-web></w3m-connecting-wc-web>`;case"desktop":return c` 1305 <w3m-connecting-wc-desktop .onRetry=${()=>this.initializeConnection(!0)}> 1306 </w3m-connecting-wc-desktop> 1307 `;case"mobile":return c` 1308 <w3m-connecting-wc-mobile isMobile .onRetry=${()=>this.initializeConnection(!0)}> 1309 </w3m-connecting-wc-mobile> 1310 `;case"qrcode":return c`<w3m-connecting-wc-qrcode></w3m-connecting-wc-qrcode>`;default:return c`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`}}headerTemplate(){return this.platforms.length>1?c` 1311 <w3m-connecting-header 1312 .platforms=${this.platforms} 1313 .onSelectPlatfrom=${this.onSelectPlatform.bind(this)} 1314 > 1315 </w3m-connecting-header> 1316 `: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"}))}};Ge([_()],Le.prototype,"platform",void 0);Ge([_()],Le.prototype,"platforms",void 0);Ge([_()],Le.prototype,"isSiwxEnabled",void 0);Ge([_()],Le.prototype,"remoteFeatures",void 0);Le=Ge([B("w3m-connecting-wc-view")],Le);var pn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let oi=class extends O{constructor(){super(...arguments),this.isMobile=k.isMobile()}render(){if(this.isMobile){const{featured:e,recommended:i}=z.state,{customWallets:n}=ee.state,o=ft.getRecentWallets(),t=e.length||i.length||(n==null?void 0:n.length)||o.length;return c`<wui-flex 1317 flexDirection="column" 1318 gap="xs" 1319 .margin=${["3xs","s","s","s"]} 1320 > 1321 ${t?c`<w3m-connector-list></w3m-connector-list>`:null} 1322 <w3m-all-wallets-widget></w3m-all-wallets-widget> 1323 </wui-flex>`}return c`<wui-flex flexDirection="column" .padding=${["0","0","l","0"]}> 1324 <w3m-connecting-wc-view></w3m-connecting-wc-view> 1325 <wui-flex flexDirection="column" .padding=${["0","m","0","m"]}> 1326 <w3m-all-wallets-widget></w3m-all-wallets-widget> </wui-flex 1327 ></wui-flex>`}};pn([_()],oi.prototype,"isMobile",void 0);oi=pn([B("w3m-connecting-wc-basic-view")],oi);/** 1328 * @license 1329 * Copyright 2020 Google LLC 1330 * SPDX-License-Identifier: BSD-3-Clause 1331 */const fi=()=>new Eo;class Eo{}const Xt=new WeakMap,pi=Rn(class extends _n{render(r){return yi}update(r,[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=r.options)==null?void 0:n.host,this.rt(this.ct=r.element)),yi}rt(r){if(this.isConnected||(r=void 0),typeof this.G=="function"){const e=this.ht??globalThis;let i=Xt.get(e);i===void 0&&(i=new WeakMap,Xt.set(e,i)),i.get(this.G)!==void 0&&this.G.call(this.ht,void 0),i.set(this.G,r),r!==void 0&&this.G.call(this.ht,r)}else this.G.value=r}get lt(){var r,e;return typeof this.G=="function"?(r=Xt.get(this.ht??globalThis))==null?void 0:r.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)}}),Wo=N` 1332 :host { 1333 display: flex; 1334 align-items: center; 1335 justify-content: center; 1336 } 1337 1338 label { 1339 position: relative; 1340 display: inline-block; 1341 width: 32px; 1342 height: 22px; 1343 } 1344 1345 input { 1346 width: 0; 1347 height: 0; 1348 opacity: 0; 1349 } 1350 1351 span { 1352 position: absolute; 1353 cursor: pointer; 1354 top: 0; 1355 left: 0; 1356 right: 0; 1357 bottom: 0; 1358 background-color: var(--wui-color-blue-100); 1359 border-width: 1px; 1360 border-style: solid; 1361 border-color: var(--wui-color-gray-glass-002); 1362 border-radius: 999px; 1363 transition: 1364 background-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1365 border-color var(--wui-ease-inout-power-1) var(--wui-duration-md); 1366 will-change: background-color, border-color; 1367 } 1368 1369 span:before { 1370 position: absolute; 1371 content: ''; 1372 height: 16px; 1373 width: 16px; 1374 left: 3px; 1375 top: 2px; 1376 background-color: var(--wui-color-inverse-100); 1377 transition: transform var(--wui-ease-inout-power-1) var(--wui-duration-lg); 1378 will-change: transform; 1379 border-radius: 50%; 1380 } 1381 1382 input:checked + span { 1383 border-color: var(--wui-color-gray-glass-005); 1384 background-color: var(--wui-color-blue-100); 1385 } 1386 1387 input:not(:checked) + span { 1388 background-color: var(--wui-color-gray-glass-010); 1389 } 1390 1391 input:checked + span:before { 1392 transform: translateX(calc(100% - 7px)); 1393 } 1394`;var gn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let lt=class extends O{constructor(){super(...arguments),this.inputElementRef=fi(),this.checked=void 0}render(){return c` 1395 <label> 1396 <input 1397 ${pi(this.inputElementRef)} 1398 type="checkbox" 1399 ?checked=${E(this.checked)} 1400 @change=${this.dispatchChangeEvent.bind(this)} 1401 />
1402 <span></span> 1403 </label> 1404 `}dispatchChangeEvent(){var e;this.dispatchEvent(new CustomEvent("switchChange",{detail:(e=this.inputElementRef.value)==null?void 0:e.checked,bubbles:!0,composed:!0}))}};lt.styles=[q,G,$n,Wo];gn([u({type:Boolean})],lt.prototype,"checked",void 0);lt=gn([B("wui-switch")],lt);const So=N` 1405 :host { 1406 height: 100%; 1407 } 1408 1409 button { 1410 display: flex; 1411 align-items: center; 1412 justify-content: center; 1413 column-gap: var(--wui-spacing-1xs); 1414 padding: var(--wui-spacing-xs) var(--wui-spacing-s); 1415 background-color: var(--wui-color-gray-glass-002); 1416 border-radius: var(--wui-border-radius-xs); 1417 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 1418 transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 1419 will-change: background-color; 1420 cursor: pointer; 1421 } 1422 1423 wui-switch { 1424 pointer-events: none; 1425 } 1426`;var wn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ct=class extends O{constructor(){super(...arguments),this.checked=void 0}render(){return c` 1427 <button> 1428 <wui-icon size="xl" name="walletConnectBrown"></wui-icon> 1429 <wui-switch ?checked=${E(this.checked)}></wui-switch> 1430 </button> 1431 `}};ct.styles=[q,G,So];wn([u({type:Boolean})],ct.prototype,"checked",void 0);ct=wn([B("wui-certified-switch")],ct);const To=N` 1432 button { 1433 background-color: var(--wui-color-fg-300); 1434 border-radius: var(--wui-border-radius-4xs); 1435 width: 16px; 1436 height: 16px; 1437 } 1438 1439 button:disabled { 1440 background-color: var(--wui-color-bg-300); 1441 } 1442 1443 wui-icon { 1444 color: var(--wui-color-bg-200) !important; 1445 } 1446 1447 button:focus-visible { 1448 background-color: var(--wui-color-fg-250); 1449 border: 1px solid var(--wui-color-accent-100); 1450 } 1451 1452 @media (hover: hover) and (pointer: fine) { 1453 button:hover:enabled { 1454 background-color: var(--wui-color-fg-250); 1455 } 1456 1457 button:active:enabled { 1458 background-color: var(--wui-color-fg-225); 1459 } 1460 } 1461`;var bn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ut=class extends O{constructor(){super(...arguments),this.icon="copy"}render(){return c` 1462 <button> 1463 <wui-icon color="inherit" size="xxs" name=${this.icon}></wui-icon> 1464 </button> 1465 `}};ut.styles=[q,G,To];bn([u()],ut.prototype,"icon",void 0);ut=bn([B("wui-input-element")],ut);const Po=N` 1466 :host { 1467 position: relative; 1468 width: 100%; 1469 display: inline-block; 1470 color: var(--wui-color-fg-275); 1471 } 1472 1473 input { 1474 width: 100%; 1475 border-radius: var(--wui-border-radius-xs); 1476 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 1477 background: var(--wui-color-gray-glass-002); 1478 font-size: var(--wui-font-size-paragraph); 1479 letter-spacing: var(--wui-letter-spacing-paragraph); 1480 color: var(--wui-color-fg-100); 1481 transition: 1482 background-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1483 border-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1484 box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md); 1485 will-change: background-color, border-color, box-shadow; 1486 caret-color: var(--wui-color-accent-100); 1487 } 1488 1489 input:disabled { 1490 cursor: not-allowed; 1491 border: 1px solid var(--wui-color-gray-glass-010); 1492 } 1493 1494 input:disabled::placeholder, 1495 input:disabled + wui-icon { 1496 color: var(--wui-color-fg-300); 1497 } 1498 1499 input::placeholder { 1500 color: var(--wui-color-fg-275); 1501 } 1502 1503 input:focus:enabled { 1504 background-color: var(--wui-color-gray-glass-005); 1505 -webkit-box-shadow: 1506 inset 0 0 0 1px var(--wui-color-accent-100),
1507 0px 0px 0px 4px var(--wui-box-shadow-blue); 1508 -moz-box-shadow: 1509 inset 0 0 0 1px var(--wui-color-accent-100), 1510 0px 0px 0px 4px var(--wui-box-shadow-blue); 1511 box-shadow: 1512 inset 0 0 0 1px var(--wui-color-accent-100), 1513 0px 0px 0px 4px var(--wui-box-shadow-blue); 1514 } 1515 1516 input:hover:enabled { 1517 background-color: var(--wui-color-gray-glass-005); 1518 } 1519 1520 wui-icon { 1521 position: absolute; 1522 top: 50%; 1523 transform: translateY(-50%); 1524 pointer-events: none; 1525 } 1526 1527 .wui-size-sm { 1528 padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s); 1529 } 1530 1531 wui-icon + .wui-size-sm { 1532 padding: 9px var(--wui-spacing-m) 10px 36px; 1533 } 1534 1535 wui-icon[data-input='sm'] { 1536 left: var(--wui-spacing-s); 1537 } 1538 1539 .wui-size-md { 1540 padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m); 1541 } 1542 1543 wui-icon + .wui-size-md, 1544 wui-loading-spinner + .wui-size-md { 1545 padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl); 1546 } 1547 1548 wui-icon[data-input='md'] { 1549 left: var(--wui-spacing-l); 1550 } 1551 1552 .wui-size-lg { 1553 padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l); 1554 letter-spacing: var(--wui-letter-spacing-medium-title); 1555 font-size: var(--wui-font-size-medium-title); 1556 font-weight: var(--wui-font-weight-light); 1557 line-height: 130%; 1558 color: var(--wui-color-fg-100); 1559 height: 64px; 1560 } 1561 1562 .wui-padding-right-xs { 1563 padding-right: var(--wui-spacing-xs); 1564 } 1565 1566 .wui-padding-right-s { 1567 padding-right: var(--wui-spacing-s); 1568 } 1569 1570 .wui-padding-right-m { 1571 padding-right: var(--wui-spacing-m); 1572 } 1573 1574 .wui-padding-right-l { 1575 padding-right: var(--wui-spacing-l); 1576 } 1577 1578 .wui-padding-right-xl { 1579 padding-right: var(--wui-spacing-xl); 1580 } 1581 1582 .wui-padding-right-2xl { 1583 padding-right: var(--wui-spacing-2xl); 1584 } 1585 1586 .wui-padding-right-3xl { 1587 padding-right: var(--wui-spacing-3xl); 1588 } 1589 1590 .wui-padding-right-4xl { 1591 padding-right: var(--wui-spacing-4xl); 1592 } 1593 1594 .wui-padding-right-5xl { 1595 padding-right: var(--wui-spacing-5xl); 1596 } 1597 1598 wui-icon + .wui-size-lg, 1599 wui-loading-spinner + .wui-size-lg { 1600 padding-left: 50px; 1601 } 1602 1603 wui-icon[data-input='lg'] { 1604 left: var(--wui-spacing-l); 1605 } 1606 1607 .wui-size-mdl { 1608 padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m); 1609 } 1610 wui-icon + .wui-size-mdl, 1611 wui-loading-spinner + .wui-size-mdl { 1612 padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px; 1613 } 1614 wui-icon[data-input='mdl'] { 1615 left: var(--wui-spacing-m); 1616 } 1617 1618 input:placeholder-shown ~ ::slotted(wui-input-element), 1619 input:placeholder-shown ~ ::slotted(wui-icon) { 1620 opacity: 0; 1621 pointer-events: none; 1622 } 1623 1624 input::-webkit-outer-spin-button, 1625 input::-webkit-inner-spin-button { 1626 -webkit-appearance: none; 1627 margin: 0; 1628 } 1629 1630 input[type='number'] { 1631 -moz-appearance: textfield; 1632 } 1633 1634 ::slotted(wui-input-element), 1635 ::slotted(wui-icon) { 1636 position: absolute; 1637 top: 50%; 1638 transform: translateY(-50%); 1639 } 1640 1641 ::slotted(wui-input-element) { 1642 right: var(--wui-spacing-m); 1643 } 1644 1645 ::slotted(wui-icon) { 1646 right: 0px; 1647 } 1648`;var le=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let X=class extends O{constructor(){super(...arguments),this.inputElementRef=fi(),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 c`${this.templateIcon()} 1649 <input 1650 data-testid="wui-input-text" 1651 ${pi(this.inputElementRef)} 1652 class=${In(n)} 1653 type=${this.type} 1654 enterkeyhint=${E(this.enterKeyHint)} 1655 ?disabled=${this.disabled} 1656 placeholder=${this.placeholder} 1657 @input=${this.dispatchInputChangeEvent.bind(this)} 1658 .value=${this.value||""} 1659 tabindex=${E(this.tabIdx)} 1660 /> 1661 <slot></slot>`}templateIcon(){return this.icon?c`<wui-icon 1662 data-input=${this.size} 1663 size=${this.size} 1664 color="inherit" 1665 name=${this.icon} 1666 ></wui-icon>`:null}dispatchInputChangeEvent(){var e;
1666this.dispatchEvent(new CustomEvent("inputChange",{detail:(e=this.inputElementRef.value)==null?void 0:e.value,bubbles:!0,composed:!0}))}};X.styles=[q,G,Po];le([u()],X.prototype,"size",void 0);le([u()],X.prototype,"icon",void 0);le([u({type:Boolean})],X.prototype,"disabled",void 0);le([u()],X.prototype,"placeholder",void 0);le([u()],X.prototype,"type",void 0);le([u()],X.prototype,"keyHint",void 0);le([u()],X.prototype,"value",void 0);le([u()],X.prototype,"inputRightPadding",void 0);le([u()],X.prototype,"tabIdx",void 0);X=le([B("wui-input-text")],X);const Bo=N` 1667 :host { 1668 position: relative; 1669 display: inline-block; 1670 width: 100%; 1671 } 1672`;var Lo=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ri=class extends O{constructor(){super(...arguments),this.inputComponentRef=fi()}render(){return c` 1673 <wui-input-text 1674 ${pi(this.inputComponentRef)} 1675 placeholder="Search wallet" 1676 icon="search" 1677 type="search" 1678 enterKeyHint="search" 1679 size="sm" 1680 > 1681 <wui-input-element @click=${this.clearValue} icon="close"></wui-input-element> 1682 </wui-input-text> 1683 `}clearValue(){const e=this.inputComponentRef.value,i=e==null?void 0:e.inputElementRef.value;i&&(i.value="",i.focus(),i.dispatchEvent(new Event("input")))}};ri.styles=[q,Bo];ri=Lo([B("wui-search-bar")],ri);const Oo=Ne`<svg viewBox="0 0 48 54" fill="none"> 1684 <path 1685 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" 1686 /> 1687</svg>`,Ao=N` 1688 :host { 1689 display: flex; 1690 flex-direction: column; 1691 align-items: center; 1692 width: 104px; 1693 row-gap: var(--wui-spacing-xs); 1694 padding: var(--wui-spacing-xs) 10px; 1695 background-color: var(--wui-color-gray-glass-002); 1696 border-radius: clamp(0px, var(--wui-border-radius-xs), 20px); 1697 position: relative; 1698 } 1699 1700 wui-shimmer[data-type='network'] { 1701 border: none; 1702 -webkit-clip-path: var(--wui-path-network); 1703 clip-path: var(--wui-path-network); 1704 } 1705 1706 svg { 1707 position: absolute; 1708 width: 48px; 1709 height: 54px; 1710 z-index: 1; 1711 } 1712 1713 svg > path { 1714 stroke: var(--wui-color-gray-glass-010); 1715 stroke-width: 1px; 1716 } 1717 1718 @media (max-width: 350px) { 1719 :host { 1720 width: 100%; 1721 } 1722 } 1723`;var mn=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let dt=class extends O{constructor(){super(...arguments),this.type="wallet"}render(){return c` 1724 ${this.shimmerTemplate()} 1725 <wui-shimmer width="56px" height="20px" borderRadius="xs"></wui-shimmer> 1726 `}shimmerTemplate(){return this.type==="network"?c` <wui-shimmer 1727 data-type=${this.type} 1728 width="48px" 1729 height="54px" 1730 borderRadius="xs" 1731 ></wui-shimmer> 1732 ${Oo}`:c`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}};dt.styles=[q,G,Ao];mn([u()],dt.prototype,"type",void 0);dt=mn([B("wui-card-select-loader")],dt);const ko=N` 1733 :host { 1734 display: grid; 1735 width: inherit; 1736 height: inherit; 1737 } 1738`;var Z=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let H=class extends O{render(){return this.style.cssText=` 1739 grid-template-rows: ${this.gridTemplateRows}; 1740 grid-template-columns: ${this.gridTemplateColumns}; 1741 justify-items: ${this.justifyItems}; 1742 align-items: ${this.alignItems}; 1743 justify-content: ${this.justifyContent}; 1744 align-content: ${this.alignContent}; 1745 column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`}; 1746 row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`}; 1747 gap: ${this.gap&&`var(--wui-spacing-${this.gap})`}; 1748 padding-top: ${this.padding&&he.getSpacingStyles(this.padding,0)}; 1749 padding-right: ${this.padding&&he.getSpacingStyles(this.padding,1)}; 1750 padding-bottom: ${this.padding&&he.getSpacingStyles(this.padding,2)}; 1751 padding-left: ${this.padding&&he.getSpacingStyles(this.padding,3)}; 1752 margin-top: ${this.margin&&he.getSpacingStyles(this.margin,
17520)}; 1753 margin-right: ${this.margin&&he.getSpacingStyles(this.margin,1)}; 1754 margin-bottom: ${this.margin&&he.getSpacingStyles(this.margin,2)}; 1755 margin-left: ${this.margin&&he.getSpacingStyles(this.margin,3)}; 1756 `,c`<slot></slot>`}};H.styles=[q,ko];Z([u()],H.prototype,"gridTemplateRows",void 0);Z([u()],H.prototype,"gridTemplateColumns",void 0);Z([u()],H.prototype,"justifyItems",void 0);Z([u()],H.prototype,"alignItems",void 0);Z([u()],H.prototype,"justifyContent",void 0);Z([u()],H.prototype,"alignContent",void 0);Z([u()],H.prototype,"columnGap",void 0);Z([u()],H.prototype,"rowGap",void 0);Z([u()],H.prototype,"gap",void 0);Z([u()],H.prototype,"padding",void 0);Z([u()],H.prototype,"margin",void 0);H=Z([B("wui-grid")],H);const jo=N` 1757 button { 1758 display: flex; 1759 flex-direction: column; 1760 justify-content: center; 1761 align-items: center; 1762 cursor: pointer; 1763 width: 104px; 1764 row-gap: var(--wui-spacing-xs); 1765 padding: var(--wui-spacing-s) var(--wui-spacing-0); 1766 background-color: var(--wui-color-gray-glass-002); 1767 border-radius: clamp(0px, var(--wui-border-radius-xs), 20px); 1768 transition: 1769 color var(--wui-duration-lg) var(--wui-ease-out-power-1), 1770 background-color var(--wui-duration-lg) var(--wui-ease-out-power-1), 1771 border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1); 1772 will-change: background-color, color, border-radius; 1773 outline: none; 1774 border: none; 1775 } 1776 1777 button > wui-flex > wui-text { 1778 color: var(--wui-color-fg-100); 1779 max-width: 86px; 1780 white-space: nowrap; 1781 overflow: hidden; 1782 text-overflow: ellipsis; 1783 justify-content: center; 1784 } 1785 1786 button > wui-flex > wui-text.certified { 1787 max-width: 66px; 1788 } 1789 1790 button:hover:enabled { 1791 background-color: var(--wui-color-gray-glass-005); 1792 } 1793 1794 button:disabled > wui-flex > wui-text { 1795 color: var(--wui-color-gray-glass-015); 1796 } 1797 1798 [data-selected='true'] { 1799 background-color: var(--wui-color-accent-glass-020); 1800 } 1801 1802 @media (hover: hover) and (pointer: fine) { 1803 [data-selected='true']:hover:enabled { 1804 background-color: var(--wui-color-accent-glass-015); 1805 } 1806 } 1807 1808 [data-selected='true']:active:enabled { 1809 background-color: var(--wui-color-accent-glass-010); 1810 } 1811 1812 @media (max-width: 350px) { 1813 button { 1814 width: 100%; 1815 } 1816 } 1817`;var Ye=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Re=class extends O{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 c` 1818 <button> 1819 ${this.imageTemplate()} 1820 <wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="3xs"> 1821 <wui-text 1822 variant="tiny-500" 1823 color="inherit" 1824 class=${E(e?"certified":void 0)} 1825 >${(n=this.wallet)==null?void 0:n.name}</wui-text 1826 > 1827 ${e?c`<wui-icon size="sm" name="walletConnectBrown"></wui-icon>`:null} 1828 </wui-flex> 1829 </button> 1830 `}imageTemplate(){var e,i;return!this.visible&&!this.imageSrc||this.imageLoading?this.shimmerTemplate():c` 1831 <wui-wallet-image 1832 size="md" 1833 imageSrc=${E(this.imageSrc)} 1834 name=${(e=this.wallet)==null?void 0:e.name} 1835 .installed=${(i=this.wallet)==null?void 0:i.installed} 1836 badgeSize="sm" 1837 > 1838 </wui-wallet-image> 1839 `}shimmerTemplate(){return c`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}async fetchImageSrc(){this.wallet&&(this.imageSrc=K.getWalletImage(this.wallet),!this.imageSrc&&(this.imageLoading=!0,this.imageSrc=await K.fetchWalletImage(this.wallet.image_id),this.imageLoading=!1))}};Re.styles=jo;Ye([_()],Re.prototype,"visible",void 0);Ye([_()],Re.prototype,"imageSrc",void 0);Ye([_()],Re.prototype,"imageLoading",void 0);Ye([u()],Re.prototype,"wallet",void 0);Re=Ye([B("w3m-all-wallets-list-item")],Re);const Do=N` 1840 wui-grid { 1841 max-height: clamp(360px, 400px, 80vh); 1842 overflow: scroll; 1843 scrollbar-width: none; 1844 grid-auto-rows: min-content; 1845 grid-template-columns: repeat(auto-fill, 104px); 1846 } 1847 1848 @media (max-width: 350px) { 1849 wui-grid { 1850 grid-template-columns: repeat(2, 1fr); 1851 } 1852 } 1853 1854 wui-grid[data-scroll='false'] { 1855 overflow: hidden; 1856 } 1857 1858 wui-grid::-webkit-scrollbar {
1859 display: none; 1860 } 1861 1862 wui-loading-spinner { 1863 padding-top: var(--wui-spacing-l); 1864 padding-bottom: var(--wui-spacing-l); 1865 justify-content: center; 1866 grid-column: 1 / span 4; 1867 } 1868`;var je=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};const tn="local-paginator";let me=class extends O{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.loading=!z.state.wallets.length,this.wallets=z.state.wallets,this.recommended=z.state.recommended,this.featured=z.state.featured,this.filteredWallets=z.state.filteredWallets,this.unsubscribe.push(z.subscribeKey("wallets",e=>this.wallets=e),z.subscribeKey("recommended",e=>this.recommended=e),z.subscribeKey("featured",e=>this.featured=e),z.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 c` 1869 <wui-grid 1870 data-scroll=${!this.loading} 1871 .padding=${["0","s","s","s"]} 1872 columnGap="xxs" 1873 rowGap="l" 1874 justifyContent="space-between" 1875 > 1876 ${this.loading?this.shimmerTemplate(16):this.walletsTemplate()} 1877 ${this.paginationLoaderTemplate()} 1878 </wui-grid> 1879 `}async initialFetch(){var i;this.loading=!0;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("wui-grid");e&&(await z.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(()=>c` 1880 <wui-card-select-loader type="wallet" id=${E(i)}></wui-card-select-loader> 1881 `)}walletsTemplate(){var n;const e=((n=this.filteredWallets)==null?void 0:n.length)>0?k.uniqueBy([...this.featured,...this.recommended,...this.filteredWallets],"id"):k.uniqueBy([...this.featured,...this.recommended,...this.wallets],"id");return pt.markWalletsAsInstalled(e).map(o=>c` 1882 <w3m-all-wallets-list-item 1883 @click=${()=>this.onConnectWallet(o)} 1884 .wallet=${o} 1885 ></w3m-all-wallets-list-item> 1886 `)}paginationLoaderTemplate(){const{wallets:e,recommended:i,featured:n,count:o}=z.state,t=window.innerWidth<352?3:4,a=e.length+i.length;let l=Math.ceil(a/t)*t-a+t;return l-=e.length?n.length%t:0,o===0&&n.length>0?null:o===0||[...n,...e,...i].length<o?this.shimmerTemplate(l,tn):null}createPaginationObserver(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector(`#${tn}`);e&&(this.paginationObserver=new IntersectionObserver(([n])=>{if(n!=null&&n.isIntersecting&&!this.loading){const{page:o,count:t,wallets:a}=z.state;a.length<t&&z.fetchWalletsByPage({page:o+1})}}),this.paginationObserver.observe(e))}onConnectWallet(e){M.selectWalletConnector(e)}};me.styles=Do;je([_()],me.prototype,"loading",void 0);je([_()],me.prototype,"wallets",void 0);je([_()],me.prototype,"recommended",void 0);je([_()],me.prototype,"featured",void 0);je([_()],me.prototype,"filteredWallets",void 0);me=je([B("w3m-all-wallets-list")],me);const zo=N` 1887 wui-grid, 1888 wui-loading-spinner, 1889 wui-flex { 1890 height: 360px; 1891 } 1892 1893 wui-grid { 1894 overflow: scroll; 1895 scrollbar-width: none; 1896 grid-auto-rows: min-content; 1897 grid-template-columns: repeat(auto-fill, 104px); 1898 } 1899 1900 wui-grid[data-scroll='false'] { 1901 overflow: hidden; 1902 } 1903 1904 wui-grid::-webkit-scrollbar {
1905 display: none; 1906 } 1907 1908 wui-loading-spinner { 1909 justify-content: center; 1910 align-items: center; 1911 } 1912 1913 @media (max-width: 350px) { 1914 wui-grid { 1915 grid-template-columns: repeat(2, 1fr); 1916 } 1917 } 1918`;var xt=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let Oe=class extends O{constructor(){super(...arguments),this.prevQuery="",this.prevBadge=void 0,this.loading=!0,this.query=""}render(){return this.onSearch(),this.loading?c`<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 z.searchWallet({search:this.query,badge:this.badge}),this.loading=!1)}walletsTemplate(){const{search:e}=z.state,i=pt.markWalletsAsInstalled(e);return e.length?c` 1919 <wui-grid 1920 data-testid="wallet-list" 1921 .padding=${["0","s","s","s"]} 1922 rowGap="l" 1923 columnGap="xs" 1924 justifyContent="space-between" 1925 > 1926 ${i.map(n=>c` 1927 <w3m-all-wallets-list-item 1928 @click=${()=>this.onConnectWallet(n)} 1929 .wallet=${n} 1930 data-testid="wallet-search-item-${n.id}" 1931 ></w3m-all-wallets-list-item> 1932 `)} 1933 </wui-grid> 1934 `:c` 1935 <wui-flex 1936 data-testid="no-wallet-found" 1937 justifyContent="center" 1938 alignItems="center" 1939 gap="s" 1940 flexDirection="column" 1941 > 1942 <wui-icon-box 1943 size="lg" 1944 iconColor="fg-200" 1945 backgroundColor="fg-300" 1946 icon="wallet" 1947 background="transparent" 1948 ></wui-icon-box> 1949 <wui-text data-testid="no-wallet-found-text" color="fg-200" variant="paragraph-500"> 1950 No Wallet found 1951 </wui-text> 1952 </wui-flex> 1953 `}onConnectWallet(e){M.selectWalletConnector(e)}};Oe.styles=zo;xt([_()],Oe.prototype,"loading",void 0);xt([u()],Oe.prototype,"query",void 0);xt([u()],Oe.prototype,"badge",void 0);Oe=xt([B("w3m-all-wallets-search")],Oe);var gi=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let ht=class extends O{constructor(){super(...arguments),this.search="",this.onDebouncedSearch=k.debounce(e=>{this.search=e})}render(){const e=this.search.length>=2;return c` 1954 <wui-flex .padding=${["0","s","s","s"]} gap="xs"> 1955 <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar> 1956 <wui-certified-switch 1957 ?checked=${this.badge} 1958 @click=${this.onClick.bind(this)} 1959 data-testid="wui-certified-switch" 1960 ></wui-certified-switch> 1961 ${this.qrButtonTemplate()} 1962 </wui-flex> 1963 ${e||this.badge?c`<w3m-all-wallets-search 1964 query=${this.search} 1965 badge=${E(this.badge)} 1966 ></w3m-all-wallets-search>`:c`<w3m-all-wallets-list badge=${E(this.badge)}></w3m-all-wallets-list>`} 1967 `}onInputChange(e){this.onDebouncedSearch(e.detail)}onClick(){if(this.badge==="certified"){this.badge=void 0;return}this.badge="certified",Xe.showSvg("Only WalletConnect certified",{icon:"walletConnectBrown",iconColor:"accent-100"})}qrButtonTemplate(){return k.isMobile()?c` 1968 <wui-icon-box 1969 size="lg" 1970 iconSize="xl" 1971 iconColor="accent-100" 1972 backgroundColor="accent-100" 1973 icon="qrCode" 1974 background="transparent" 1975 border 1976 borderColor="wui-accent-glass-010" 1977 @click=${this.onWalletConnectQr.bind(this)} 1978 ></wui-icon-box> 1979 `:null}onWalletConnectQr(){U.push("ConnectingWalletConnect")}};gi([_()],ht.prototype,"search",void 0);gi([_()],ht.prototype,"badge",void 0);ht=gi([B("w3m-all-wallets-view")],ht);const No=N` 1980 button { 1981 column-gap: var(--wui-spacing-s); 1982 padding: 11px 18px 11px var(--wui-spacing-s); 1983 width: 100%; 1984 background-color: var(--wui-color-gray-glass-002); 1985 border-radius: var(--wui-border-radius-xs); 1986 color: var(--wui-color-fg-250); 1987 transition: 1988 color var(--wui-ease-out-power-1) var(--wui-duration-md), 1989 background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 1990 will-change: color, background-color; 1991 } 1992 1993 button[data-iconvariant='square'], 1994 button[data-iconvariant='square-blue'] { 1995 padding: 6px 18px 6px 9px; 1996 } 1997 1998 button > wui-flex { 1999 flex: 1; 2000 } 2001 2002 button > wui-image { 2003 width: 32px; 2004 height: 32px; 2005 box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005); 2006 border-radius: var(--wui-border-radius-3xl); 2007 } 2008 2009 button > wui-icon { 2010 width: 36px; 2011 height: 36px; 2012 transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md); 2013 will-change: opacity; 2014 } 2015 2016 button > wui-icon-box[data-variant='blue'] { 2017 box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005); 2018 } 2019 2020 button > wui-icon-box[data-variant='overlay'] { 2021 box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005); 2022 } 2023 2024 button > wui-icon-box[data-variant='square-blue'] { 2025 border-radius: var(--wui-border-radius-3xs); 2026 position: relative; 2027 border: none; 2028 width: 36px; 2029 height: 36px; 2030 } 2031 2032 button > wui-icon-box[data-variant='square-blue']::after { 2033 content: ''; 2034 position: absolute; 2035 top: 0; 2036 bottom: 0; 2037 left: 0; 2038 right: 0; 2039 border-radius: inherit; 2040 border: 1px solid var(--wui-color-accent-glass-010); 2041 pointer-events: none; 2042 } 2043 2044 button > wui-icon:last-child { 2045 width: 14px; 2046 height: 14px; 2047 } 2048 2049 button:disabled { 2050 color: var(--wui-color-gray-glass-020); 2051 } 2052 2053 button[data-loading='true'] > wui-icon { 2054 opacity: 0; 2055 } 2056 2057 wui-loading-spinner { 2058 position: absolute; 2059 right: 18px; 2060 top: 50%; 2061 transform: translateY(-50%); 2062 } 2063`;var ne=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let J=class extends O{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 c` 2064 <button 2065 ?disabled=${this.loading?!0:!!this.disabled} 2066 data-loading=${this.loading} 2067 data-iconvariant=${E(this.iconVariant)} 2068 tabindex=${E(this.tabIdx)} 2069 > 2070 ${this.loadingTemplate()} ${this.visualTemplate()} 2071 <wui-flex gap="3xs"> 2072 <slot></slot> 2073 </wui-flex> 2074 ${this.chevronTemplate()} 2075 </button> 2076 `}visualTemplate(){if(this.variant==="image"&&this.imageSrc)return c`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if(this.iconVariant==="square"&&this.icon&&this.variant==="icon")return c`<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 c` 2077 <wui-icon-box 2078 data-variant=${this.iconVariant} 2079 icon=${this.icon} 2080 iconSize=${n} 2081 background="transparent" 2082 iconColor=${e} 2083 backgroundColor=${e} 2084 size=${i} 2085 ></wui-icon-box> 2086 `}return null}loadingTemplate(){return this.loading?c`<wui-loading-spinner 2087 data-testid="wui-list-item-loading-spinner" 2088 color="fg-300" 2089 ></wui-loading-spinner>`:c``}chevronTemplate(){return this.chevron?c`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};J.styles=[q,G,No];ne([u()],J.prototype,"icon",void 0);ne([u()],J.prototype,"iconSize",void 0);ne([u()],J.prototype,"tabIdx",void 0);ne([u()],J.prototype,"variant",void 0);ne([u()],J.prototype,"iconVariant",void 0);ne([u({type:Boolean})],J.prototype,"disabled",void 0);ne([u()],J.prototype,"imageSrc",void 0);ne([u()],J.prototype,"alt",void 0);ne([u({type:Boolean})],J.prototype,"chevron",void 0);ne([u({type:Boolean})],J.prototype,"loading",void 0);J=ne([B("wui-list-item")],J);var Mo=function(r,e,i,n){var o=arguments.length,t=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,i,n);else for(var s=r.length-1;s>=0;s--)(a=r[s])&&(t=(o<3?a(t):o>3?a(e,i,t):a(e,i))||t);return o>3&&t&&Object.defineProperty(e,i,t),t};let nn=class extends O{constructor(){var e;super(...arguments),this.wallet=(e=U.state.data)==null?void 0:e.wallet}
2089render(){if(!this.wallet)throw new Error("w3m-downloads-view");return c` 2090 <wui-flex gap="xs" flexDirection="column" .padding=${["s","s","l","s"]}> 2091 ${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()} 2092 ${this.homepageTemplate()} 2093 </wui-flex> 2094 `}chromeTemplate(){var e;return(e=this.wallet)!=null&&e.chrome_store?c`<wui-list-item 2095 variant="icon" 2096 icon="chromeStore" 2097 iconVariant="square" 2098 @click=${this.onChromeStore.bind(this)} 2099 chevron 2100 > 2101 <wui-text variant="paragraph-500" color="fg-100">Chrome Extension</wui-text> 2102 </wui-list-item>`:null}iosTemplate(){var e;return(e=this.wallet)!=null&&e.app_store?c`<wui-list-item 2103 variant="icon" 2104 icon="appStore" 2105 iconVariant="square" 2106 @click=${this.onAppStore.bind(this)} 2107 chevron 2108 > 2109 <wui-text variant="paragraph-500" color="fg-100">iOS App</wui-text> 2110 </wui-list-item>`:null}androidTemplate(){var e;return(e=this.wallet)!=null&&e.play_store?c`<wui-list-item 2111 variant="icon" 2112 icon="playStore" 2113 iconVariant="square" 2114 @click=${this.onPlayStore.bind(this)} 2115 chevron 2116 > 2117 <wui-text variant="paragraph-500" color="fg-100">Android App</wui-text> 2118 </wui-list-item>`:null}homepageTemplate(){var e;return(e=this.wallet)!=null&&e.homepage?c` 2119 <wui-list-item 2120 variant="icon" 2121 icon="browser" 2122 iconVariant="square-blue" 2123 @click=${this.onHomePage.bind(this)} 2124 chevron 2125 > 2126 <wui-text variant="paragraph-500" color="fg-100">Website</wui-text> 2127 </wui-list-item> 2128 `:null}onChromeStore(){var e;(e=this.wallet)!=null&&e.chrome_store&&k.openHref(this.wallet.chrome_store,"_blank")}onAppStore(){var e;(e=this.wallet)!=null&&e.app_store&&k.openHref(this.wallet.app_store,"_blank")}onPlayStore(){var e;(e=this.wallet)!=null&&e.play_store&&k.openHref(this.wallet.play_store,"_blank")}onHomePage(){var e;(e=this.wallet)!=null&&e.homepage&&k.openHref(this.wallet.homepage,"_blank")}};nn=Mo([B("w3m-downloads-view")],nn);export{ht as W3mAllWalletsView,oi as W3mConnectingWcBasicView,nn 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.