1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4747],{2758:(t,e)=>{let i,r=[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];e.getSymbolSize=function(t){if(!t)throw Error('"version" cannot be null or undefined');if(t<1||t>40)throw Error('"version" should be in range from 1 to 40');return 4*t+17},e.getSymbolTotalCodewords=function(t){return r[t]},e.getBCHDigit=function(t){let e=0;for(;0!==t;)e++,t>>>=1;return e},e.setToSJISFunction=function(t){if("function"!=typeof t)throw Error('"toSJISFunc" is not a valid function.');i=t},e.isKanjiModeEnabled=function(){return void 0!==i},e.toSJIS=function(t){return i(t)}},3302:(t,e,i)=>{let r=i(41370),o=i(75204);e.NUMERIC={id:"Numeric",bit:1,ccBits:[10,12,14]},e.ALPHANUMERIC={id:"Alphanumeric",bit:2,ccBits:[9,11,13]},e.BYTE={id:"Byte",bit:4,ccBits:[8,16,16]},e.KANJI={id:"Kanji",bit:8,ccBits:[8,10,12]},e.MIXED={bit:-1},e.getCharCountIndicator=function(t,e){if(!t.ccBits)throw Error("Invalid mode: "+t);if(!r.isValid(e))throw Error("Invalid version: "+e);return e>=1&&e<10?t.ccBits[0]:e<27?t.ccBits[1]:t.ccBits[2]},e.getBestModeForData=function(t){return o.testNumeric(t)?e.NUMERIC:o.testAlphanumeric(t)?e.ALPHANUMERIC:o.testKanji(t)?e.KANJI:e.BYTE},e.toString=function(t){if(t&&t.id)return t.id;throw Error("Invalid mode")},e.isValid=function(t){return t&&t.bit&&t.ccBits},e.from=function(t,i){if(e.isValid(t))return t;try{if("string"!=typeof t)throw Error("Param is not a string");switch(t.toLowerCase()){case"numeric":return e.NUMERIC;case"alphanumeric":return e.ALPHANUMERIC;case"kanji":return e.KANJI;case"byte":return e.BYTE;default:throw Error("Unknown mode: "+t)}}catch(t){return i}}},5861:(t,e,i)=>{let r=i(2758).getSymbolSize;e.getRowColCoords=function(t){if(1===t)return[];let e=Math.floor(t/7)+2,i=r(t),o=145===i?26:2*Math.ceil((i-13)/(2*e-2)),n=[i-7];for(let t=1;t<e-1;t++)n[t]=n[t-1]-o;return n.push(6),n.reverse()},e.getPositions=function(t){let i=[],r=e.getRowColCoords(t),o=r.length;for(let t=0;t<o;t++)for(let e=0;e<o;e++)(0!==t||0!==e)&&(0!==t||e!==o-1)&&(t!==o-1||0!==e)&&i.push([r[t],r[e]]);return i}},9121:t=>{"use strict";t.exports=function(t){for(var e=[],i=t.length,r=0;r<i;r++){var o=t.charCodeAt(r);if(o>=55296&&o<=56319&&i>r+1){var n=t.charCodeAt(r+1);n>=56320&&n<=57343&&(o=(o-55296)*1024+n-56320+65536,r+=1)}if(o<128){e.push(o);continue}if(o<2048){e.push(o>>6|192),e.push(63&o|128);continue}if(o<55296||o>=57344&&o<65536){e.push(o>>12|224),e.push(o>>6&63|128),e.push(63&o|128);continue}if(o>=65536&&o<=1114111){e.push(o>>18|240),e.push(o>>12&63|128),e.push(o>>6&63|128),e.push(63&o|128);continue}e.push(239,191,189)}return new Uint8Array(e).buffer}},13187:t=>{t.exports=function(){return"function"==typeof Promise&&Promise.prototype&&Promise.prototype.then}},17614:(t,e,i)=>{let r=i(70447);function o(t){this.genPoly=void 0,this.degree=t,this.degree&&this.initialize(this.degree)}o.prototype.initialize=function(t){this.degree=t,this.genPoly=r.generateECPolynomial(this.degree)},o.prototype.encode=function(t){if(!this.genPoly)throw Error("Encoder not initialized");let e=new Uint8Array(t.length+this.degree);e.set(t);let i=r.mod(e,this.genPoly),o=this.degree-i.length;if(o>0){let t=new Uint8Array(this.degree);return t.set(i,o),t}return i},t.exports=o},19198:(t,e)=>{function i(t){if("number"==typeof t&&(t=t.toString()),"string"!=typeof t)throw Error("Color should be defined as hex string");let e=t.slice().replace("#","").split("");if(e.length<3||5===e.length||e.length>8)throw Error("Invalid hex color: "+t);(3===e.length||4===e.length)&&(e=Array.prototype.concat.apply([],e.map(function(t){return[t,t]}))),6===e.length&&e.push("F","F");let i=parseInt(e.join(""),16);return{r:i>>24&255,g:i>>16&255,b:i>>8&255,a:255&i,hex:"#"+e.slice(0,6).join("")}}e.getOptions=function(t){t||(t={}),t.color||(t.color={});let e=void 0===t.margin||null===t.margin||t.margin<0?4:t.margin,r=t.width&&t.width>=21?t.width:void 0,o=t.scale||4;
1return{width:r,scale:r?4:o,margin:e,color:{dark:i(t.color.dark||"#000000ff"),light:i(t.color.light||"#ffffffff")},type:t.type,rendererOpts:t.rendererOpts||{}}},e.getScale=function(t,e){return e.width&&e.width>=t+2*e.margin?e.width/(t+2*e.margin):e.scale},e.getImageWidth=function(t,i){let r=e.getScale(t,i);return Math.floor((t+2*i.margin)*r)},e.qrToImageData=function(t,i,r){let o=i.modules.size,n=i.modules.data,a=e.getScale(o,r),s=Math.floor((o+2*r.margin)*a),l=r.margin*a,c=[r.color.light,r.color.dark];for(let e=0;e<s;e++)for(let i=0;i<s;i++){let u=(e*s+i)*4,d=r.color.light;e>=l&&i>=l&&e<s-l&&i<s-l&&(d=c[+!!n[Math.floor((e-l)/a)*o+Math.floor((i-l)/a)]]),t[u++]=d.r,t[u++]=d.g,t[u++]=d.b,t[u]=d.a}}},24747:(t,e,i)=>{"use strict";i.r(e),i.d(e,{W3mAllWalletsView:()=>eA,W3mConnectingWcBasicView:()=>t2,W3mDownloadsView:()=>eB});var r=i(1850),o=i(85721),n=i(21159),a=i(70464),s=i(2928),l=i(42521),c=i(55822);i(85479);var u=i(12689),d=i(70803),h=i(24101),p=i(51105);i(23456),i(53059),i(49145);var g=i(54684),w=i(51127);i(18341),i(56349);let f=(0,r.AH)` 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 b=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let m=class extends r.WF{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let t="xxs";return t="lg"===this.size?"m":"md"===this.size?"xs":"xxs",this.style.cssText=` 80 --local-border-radius: var(--wui-border-radius-${t}); 81 --local-size: var(--wui-wallet-image-size-${this.size}); 82 `,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),(0,r.qy)` 83 <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex> 84 `}templateVisual(){return this.imageSrc?(0,r.qy)`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?(0,r.qy)`<wui-icon 85 data-parent-size="md" 86 size="md" 87 color="inherit" 88 name=${this.walletIcon} 89 ></wui-icon>`:(0,r.qy)`<wui-icon 90 data-parent-size=${this.size} 91 size="inherit" 92 color="inherit" 93 name="walletPlaceholder" 94 ></wui-icon>`}};m.styles=[g.fD,g.W5,f],b([(0,o.MZ)()],m.prototype,"size",void 0),b([(0,o.MZ)()],m.prototype,"name",void 0),b([(0,o.MZ)()],m.prototype,"imageSrc",void 0),b([(0,o.MZ)()],m.prototype,"walletIcon",void 0),b([(0,o.MZ)({type:Boolean})],m.prototype,"installed",void 0),b([(0,o.MZ)()],m.prototype,"badgeSize",void 0),m=b([(0,w.E)("wui-wallet-image")],m);let v=(0,r.AH)` 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 y=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let x=class extends r.WF{constructor(){super(...arguments),this.walletImages=[]}render(){let t=this.walletImages.length<4;return(0,r.qy)`${this.walletImages.slice(0,4).map(({src:t,walletName:e})=>(0,r.qy)` 140 <wui-wallet-image 141 size="inherit" 142 imageSrc=${t} 143 name=${(0,u.J)(e)} 144 ></wui-wallet-image> 145 `)} 146 ${t?[...Array(4-this.walletImages.length)].map(()=>(0,r.qy)` <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>`}};x.styles=[g.W5,v],y([(0,o.MZ)({type:Array})],x.prototype,"walletImages",void 0),x=y([(0,w.E)("wui-all-wallets-image")],x),i(1610);let k=(0,r.AH)` 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 $=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let C=class extends r.WF{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(0,r.qy)` 185 <button ?disabled=${this.disabled} tabindex=${(0,u.J)(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?(0,r.qy)` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `:this.showAllWallets&&this.walletIcon?(0,r.qy)` <wui-wallet-image .walletIcon=${this.walletIcon} size="sm"> </wui-wallet-image> `:null}templateWalletImage(){return!this.showAllWallets&&this.imageSrc?(0,r.qy)`<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?null:(0,r.qy)`<wui-wallet-image size="sm" name=${this.name}></wui-wallet-image>`}templateStatus(){return this.loading?(0,r.qy)`<wui-loading-spinner 196 size="lg" 197 color=${this.loadingSpinnerColor} 198 ></wui-loading-spinner>`:this.tagLabel&&this.tagVariant?(0,r.qy)`<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`:this.icon?(0,r.qy)`<wui-icon color="inherit" size="sm" name=${this.icon}></wui-icon>`:null}};C.styles=[g.W5,g.fD,k],$([(0,o.MZ)({type:Array})],C.prototype,"walletImages",void 0),$([(0,o.MZ)()],C.prototype,"imageSrc",void 0),$([(0,o.MZ)()],C.prototype,"name",void 0),$([(0,o.MZ)()],C.prototype,"tagLabel",void 0),$([(0,o.MZ)()],C.prototype,"tagVariant",void 0),$([(0,o.MZ)()],C.prototype,"icon",void 0),$([(0,o.MZ)()],C.prototype,"walletIcon",void 0),$([(0,o.MZ)()],C.prototype,"tabIdx",void 0),$([(0,o.MZ)({type:Boolean})],C.prototype,"installed",void 0),$([(0,o.MZ)({type:Boolean})],C.prototype,"disabled",void 0),$([(0,o.MZ)({type:Boolean})],C.prototype,"showAllWallets",void 0),$([(0,o.MZ)({type:Boolean})],C.prototype,"loading",void 0),$([(0,o.MZ)({type:String})],C.prototype,"loadingSpinnerColor",void 0),C=$([(0,w.E)("wui-list-wallet")],C);
198var R=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let E=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=d.a.state.connectors,this.count=a.N.state.count,this.filteredCount=a.N.state.filteredWallets.length,this.isFetchingRecommendedWallets=a.N.state.isFetchingRecommendedWallets,this.unsubscribe.push(d.a.subscribeKey("connectors",t=>this.connectors=t),a.N.subscribeKey("count",t=>this.count=t),a.N.subscribeKey("filteredWallets",t=>this.filteredCount=t.length),a.N.subscribeKey("isFetchingRecommendedWallets",t=>this.isFetchingRecommendedWallets=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){let t=this.connectors.find(t=>"walletConnect"===t.id),{allWallets:e}=s.H.state;if(!t||"HIDE"===e||"ONLY_MOBILE"===e&&!n.w.isMobile())return null;let i=a.N.state.featured.length,o=this.count+i,l=o<10?o:10*Math.floor(o/10),c=this.filteredCount>0?this.filteredCount:l,d=`${c}`;return this.filteredCount>0?d=`${this.filteredCount}`:c<o&&(d=`${c}+`),(0,r.qy)` 199 <wui-list-wallet 200 name="All Wallets" 201 walletIcon="allWallets" 202 showAllWallets 203 @click=${this.onAllWallets.bind(this)} 204 tagLabel=${d} 205 tagVariant="shade" 206 data-testid="all-wallets" 207 tabIdx=${(0,u.J)(this.tabIdx)} 208 .loading=${this.isFetchingRecommendedWallets} 209 loadingSpinnerColor=${this.isFetchingRecommendedWallets?"fg-300":"accent-100"} 210 ></wui-list-wallet> 211 `}onAllWallets(){h.E.sendEvent({type:"track",event:"CLICK_ALL_WALLETS"}),p.I.push("AllWallets")}};R([(0,o.MZ)()],E.prototype,"tabIdx",void 0),R([(0,o.wk)()],E.prototype,"connectors",void 0),R([(0,o.wk)()],E.prototype,"count",void 0),R([(0,o.wk)()],E.prototype,"filteredCount",void 0),R([(0,o.wk)()],E.prototype,"isFetchingRecommendedWallets",void 0),E=R([(0,c.EM)("w3m-all-wallets-widget")],E);var I=i(11464),M=i(79409),T=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let W=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=d.a.state.connectors,this.unsubscribe.push(d.a.subscribeKey("connectors",t=>this.connectors=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){let t=this.connectors.filter(t=>"ANNOUNCED"===t.type);return t?.length?(0,r.qy)` 212 <wui-flex flexDirection="column" gap="xs"> 213 ${t.filter(M.g.showConnector).map(t=>(0,r.qy)` 214 <wui-list-wallet 215 imageSrc=${(0,u.J)(I.$.getConnectorImage(t))} 216 name=${t.name??"Unknown"} 217 @click=${()=>this.onConnector(t)} 218 tagVariant="success" 219 tagLabel="installed" 220 data-testid=${`wallet-selector-${t.id}`} 221 .installed=${!0} 222 tabIdx=${(0,u.J)(this.tabIdx)} 223 > 224 </wui-list-wallet> 225 `)} 226 </wui-flex> 227 `:(this.style.cssText="display: none",null)}onConnector(t){"walletConnect"===t.id?n.w.isMobile()?p.I.push("AllWallets"):p.I.push("ConnectingWalletConnect"):p.I.push("ConnectingExternal",{connector:t})}};T([(0,o.MZ)()],W.prototype,"tabIdx",void 0),T([(0,o.wk)()],W.prototype,"connectors",void 0),W=T([(0,c.EM)("w3m-connect-announced-widget")],W);var P=i(81409),O=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let S=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=d.a.state.connectors,this.loading=!1,this.unsubscribe.push(d.a.subscribeKey("connectors",t=>this.connectors=t)),n.w.isTelegram()&&n.w.isIos()&&(this.loading=!P.x.state.wcUri,this.unsubscribe.push(P.x.subscribeKey("wcUri",t=>this.loading=!t)))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){let{customWallets:t}=s.H.state;if(!t?.length)return this.style.cssText="display: none",null;let e=this.filterOutDuplicateWallets(t);return(0,r.qy)`<wui-flex flexDirection="column" gap="xs"> 228 ${e.map(t=>(0,r.qy)` 229 <wui-list-wallet 230 imageSrc=${(0,u.J)(I.$.getWalletImage(t))} 231 name=${t.name??"Unknown"} 232 @click=${()=>this.onConnectWallet(t)} 233 data-testid=${`wallet-selector-${t.id}`} 234 tabIdx=${(0,u.J)(this.tabIdx)} 235 ?loading=${this.loading} 236 > 237 </wui-list-wallet> 238 `)} 239 </wui-flex>`}filterOutDuplicateWallets(t){let e=l.i.getRecentWallets(),i=this.connectors.map(t=>
239t.info?.rdns).filter(Boolean),r=e.map(t=>t.rdns).filter(Boolean),o=i.concat(r);if(o.includes("io.metamask.mobile")&&n.w.isMobile()){let t=o.indexOf("io.metamask.mobile");o[t]="io.metamask"}return t.filter(t=>!o.includes(String(t?.rdns)))}onConnectWallet(t){this.loading||p.I.push("ConnectingWalletConnect",{wallet:t})}};O([(0,o.MZ)()],S.prototype,"tabIdx",void 0),O([(0,o.wk)()],S.prototype,"connectors",void 0),O([(0,o.wk)()],S.prototype,"loading",void 0),S=O([(0,c.EM)("w3m-connect-custom-widget")],S);var q=i(96853),A=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let j=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=d.a.state.connectors,this.unsubscribe.push(d.a.subscribeKey("connectors",t=>this.connectors=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){let t=this.connectors.filter(t=>"EXTERNAL"===t.type).filter(M.g.showConnector).filter(t=>t.id!==q.o.CONNECTOR_ID.COINBASE_SDK);return t?.length?(0,r.qy)` 240 <wui-flex flexDirection="column" gap="xs"> 241 ${t.map(t=>(0,r.qy)` 242 <wui-list-wallet 243 imageSrc=${(0,u.J)(I.$.getConnectorImage(t))} 244 .installed=${!0} 245 name=${t.name??"Unknown"} 246 data-testid=${`wallet-selector-external-${t.id}`} 247 @click=${()=>this.onConnector(t)} 248 tabIdx=${(0,u.J)(this.tabIdx)} 249 > 250 </wui-list-wallet> 251 `)} 252 </wui-flex> 253 `:(this.style.cssText="display: none",null)}onConnector(t){p.I.push("ConnectingExternal",{connector:t})}};A([(0,o.MZ)()],j.prototype,"tabIdx",void 0),A([(0,o.wk)()],j.prototype,"connectors",void 0),j=A([(0,c.EM)("w3m-connect-external-widget")],j);var L=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let z=class extends r.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.wallets=[]}render(){return this.wallets.length?(0,r.qy)` 254 <wui-flex flexDirection="column" gap="xs"> 255 ${this.wallets.map(t=>(0,r.qy)` 256 <wui-list-wallet 257 data-testid=${`wallet-selector-featured-${t.id}`} 258 imageSrc=${(0,u.J)(I.$.getWalletImage(t))} 259 name=${t.name??"Unknown"} 260 @click=${()=>this.onConnectWallet(t)} 261 tabIdx=${(0,u.J)(this.tabIdx)} 262 > 263 </wui-list-wallet> 264 `)} 265 </wui-flex> 266 `:(this.style.cssText="display: none",null)}onConnectWallet(t){d.a.selectWalletConnector(t)}};L([(0,o.MZ)()],z.prototype,"tabIdx",void 0),L([(0,o.MZ)()],z.prototype,"wallets",void 0),z=L([(0,c.EM)("w3m-connect-featured-widget")],z);var B=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let N=class extends r.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.connectors=[]}render(){let t=this.connectors.filter(M.g.showConnector);return 0===t.length?(this.style.cssText="display: none",null):(0,r.qy)` 267 <wui-flex flexDirection="column" gap="xs"> 268 ${t.map(t=>(0,r.qy)` 269 <wui-list-wallet 270 imageSrc=${(0,u.J)(I.$.getConnectorImage(t))} 271 .installed=${!0} 272 name=${t.name??"Unknown"} 273 tagVariant="success" 274 tagLabel="installed" 275 data-testid=${`wallet-selector-${t.id}`} 276 @click=${()=>this.onConnector(t)} 277 tabIdx=${(0,u.J)(this.tabIdx)} 278 > 279 </wui-list-wallet> 280 `)} 281 </wui-flex> 282 `}onConnector(t){d.a.setActiveConnector(t),p.I.push("ConnectingExter
282nal",{connector:t})}};B([(0,o.MZ)()],N.prototype,"tabIdx",void 0),B([(0,o.MZ)()],N.prototype,"connectors",void 0),N=B([(0,c.EM)("w3m-connect-injected-widget")],N);var D=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Z=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=d.a.state.connectors,this.unsubscribe.push(d.a.subscribeKey("connectors",t=>this.connectors=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){let t=this.connectors.filter(t=>"MULTI_CHAIN"===t.type&&"WalletConnect"!==t.name);return t?.length?(0,r.qy)` 283 <wui-flex flexDirection="column" gap="xs"> 284 ${t.map(t=>(0,r.qy)` 285 <wui-list-wallet 286 imageSrc=${(0,u.J)(I.$.getConnectorImage(t))} 287 .installed=${!0} 288 name=${t.name??"Unknown"} 289 tagVariant="shade" 290 tagLabel="multichain" 291 data-testid=${`wallet-selector-${t.id}`} 292 @click=${()=>this.onConnector(t)} 293 tabIdx=${(0,u.J)(this.tabIdx)} 294 > 295 </wui-list-wallet> 296 `)} 297 </wui-flex> 298 `:(this.style.cssText="display: none",null)}onConnector(t){d.a.setActiveConnector(t),p.I.push("ConnectingMultiChain")}};D([(0,o.MZ)()],Z.prototype,"tabIdx",void 0),D([(0,o.wk)()],Z.prototype,"connectors",void 0),Z=D([(0,c.EM)("w3m-connect-multi-chain-widget")],Z);var U=i(933),H=i(32011),F=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let _=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=d.a.state.connectors,this.loading=!1,this.unsubscribe.push(d.a.subscribeKey("connectors",t=>this.connectors=t)),n.w.isTelegram()&&n.w.isIos()&&(this.loading=!P.x.state.wcUri,this.unsubscribe.push(P.x.subscribeKey("wcUri",t=>this.loading=!t)))}render(){let t=l.i.getRecentWallets().filter(t=>!H.A.isExcluded(t)).filter(t=>!this.hasWalletConnector(t)).filter(t=>this.isWalletCompatibleWithCurrentChain(t));return t.length?(0,r.qy)` 299 <wui-flex flexDirection="column" gap="xs"> 300 ${t.map(t=>(0,r.qy)` 301 <wui-list-wallet 302 imageSrc=${(0,u.J)(I.$.getWalletImage(t))} 303 name=${t.name??"Unknown"} 304 @click=${()=>this.onConnectWallet(t)} 305 tagLabel="recent" 306 tagVariant="shade" 307 tabIdx=${(0,u.J)(this.tabIdx)} 308 ?loading=${this.loading} 309 > 310 </wui-list-wallet> 311 `)} 312 </wui-flex> 313 `:(this.style.cssText="display: none",null)}onConnectWallet(t){this.loading||d.a.selectWalletConnector(t)}hasWalletConnector(t){return this.connectors.some(e=>e.id===t.id||e.name===t.name)}isWalletCompatibleWithCurrentChain(t){let e=U.W.state.activeChain;return!e||!t.chains||t.chains.some(t=>e===t.split(":")[0])}};F([(0,o.MZ)()],_.prototype,"tabIdx",void 0),F([(0,o.wk)()],_.prototype,"connectors",void 0),F([(0,o.wk)()],_.prototype,"loading",void 0),_=F([(0,c.EM)("w3m-connect-recent-widget")],_);var J=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let K=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.wallets=[],this.loading=!1,n.w.isTelegram()&&n.w.isIos()&&(this.loading=!P.x.state.wcUri,this.unsubscribe.push(P.x.subscribeKey("wcUri",t=>this.loading=!t)))}render(){let{connectors:t}=d.a.state,{customWallets:e,featuredWalletIds:i}=s.H.state,o=l.i.getRecentWallets(),n=t.find(t=>"walletConnect"===t.id),a=t.filter(t=>"INJECTED"===t.type||"ANNOUNCED"===t.type||"MULTI_CHAIN"===t.type).filter(t=>"Browser Wallet"!==t.name);if(!n)return null;if(i||e||!this.wallets.length)return this.style.cssText="display: none",null;
313let c=Math.max(0,2-(a.length+o.length)),h=H.A.filterOutDuplicateWallets(this.wallets).slice(0,c);return h.length?(0,r.qy)` 314 <wui-flex flexDirection="column" gap="xs"> 315 ${h.map(t=>(0,r.qy)` 316 <wui-list-wallet 317 imageSrc=${(0,u.J)(I.$.getWalletImage(t))} 318 name=${t?.name??"Unknown"} 319 @click=${()=>this.onConnectWallet(t)} 320 tabIdx=${(0,u.J)(this.tabIdx)} 321 ?loading=${this.loading} 322 > 323 </wui-list-wallet> 324 `)} 325 </wui-flex> 326 `:(this.style.cssText="display: none",null)}onConnectWallet(t){if(this.loading)return;let e=d.a.getConnector(t.id,t.rdns);e?p.I.push("ConnectingExternal",{connector:e}):p.I.push("ConnectingWalletConnect",{wallet:t})}};J([(0,o.MZ)()],K.prototype,"tabIdx",void 0),J([(0,o.MZ)()],K.prototype,"wallets",void 0),J([(0,o.wk)()],K.prototype,"loading",void 0),K=J([(0,c.EM)("w3m-connect-recommended-widget")],K);var V=i(96320),Y=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let G=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=d.a.state.connectors,this.connectorImages=V.j.state.connectorImages,this.unsubscribe.push(d.a.subscribeKey("connectors",t=>this.connectors=t),V.j.subscribeKey("connectorImages",t=>this.connectorImages=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){if(n.w.isMobile())return this.style.cssText="display: none",null;let t=this.connectors.find(t=>"walletConnect"===t.id);if(!t)return this.style.cssText="display: none",null;let e=t.imageUrl||this.connectorImages[t?.imageId??""];return(0,r.qy)` 327 <wui-list-wallet 328 imageSrc=${(0,u.J)(e)} 329 name=${t.name??"Unknown"} 330 @click=${()=>this.onConnector(t)} 331 tagLabel="qr code" 332 tagVariant="main" 333 tabIdx=${(0,u.J)(this.tabIdx)} 334 data-testid="wallet-selector-walletconnect" 335 > 336 </wui-list-wallet> 337 `}onConnector(t){d.a.setActiveConnector(t),p.I.push("ConnectingWalletConnect")}};Y([(0,o.MZ)()],G.prototype,"tabIdx",void 0),Y([(0,o.wk)()],G.prototype,"connectors",void 0),Y([(0,o.wk)()],G.prototype,"connectorImages",void 0),G=Y([(0,c.EM)("w3m-connect-walletconnect-widget")],G);let Q=(0,r.AH)` 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 X=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let tt=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=d.a.state.connectors,this.recommended=a.N.state.recommended,this.featured=a.N.state.featured,this.unsubscribe.push(d.a.subscribeKey("connectors",t=>this.connectors=t),a.N.subscribeKey("recommended",t=>this.recommended=t),a.N.subscribeKey("featured",t=>this.featured=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){return(0,r.qy)` 347 <wui-flex flexDirection="column" gap="xs"> ${this.connectorListTemplate()} </wui-flex> 348 `}connectorListTemplate(){let{custom:t,recent:e,announced:i,injected:o,multiChain:n,recommended:a,featured:s,external:l}=M.g.getConnectorsByType(this.connectors,this.recommended,this.featured);return M.g.getConnectorTypeOrder({custom:t,recent:e,announced:i,injected:o,multiChain:n,recommended:a,featured:s,external:l}).map(t=>{switch(t){case"injected":return(0,r.qy)` 349 ${n.length?(0,r.qy)`<w3m-connect-multi-chain-widget 350 tabIdx=${(0,u.J)(this.tabIdx)} 351 ></w3m-connect-multi-chain-widget>`:null} 352 ${i.length?(0,r.qy)`<w3m-connect-announced-widget 353 tabIdx=${(0,u.J)(this.tabIdx)} 354 ></w3m-connect-announced-widget>`:null} 355 ${o.length?(0,r.qy)`<w3m-connect-injected-widget 356 .connectors=${o} 357 tabIdx=${(0,u.J)(this.tabIdx)} 358 ></w3m-connect-injected-widget>`:null} 359 `;case"walletConnect":return(0,r.qy)`<w3m-connect-walletconnect-widget 360 tabIdx=${(0,u.J)(this.tabIdx)} 361 ></w3m-connect-walletconnect-widget>`;case"recent":return(0,r.qy)`<w3m-connect-recent-widget 362 tabIdx=${(0,u.J)(this.tabIdx)} 363 ></w3m-connect-recent-widget>`;case"featured":return(0,r.qy)`<w3m-connect-featured-widget 364 .wallets=${s} 365 tabIdx=${(0,u.J)(this.tabIdx)} 366 ></w3m-connect-featured-widget>`;
366case"custom":return(0,r.qy)`<w3m-connect-custom-widget 367 tabIdx=${(0,u.J)(this.tabIdx)} 368 ></w3m-connect-custom-widget>`;case"external":return(0,r.qy)`<w3m-connect-external-widget 369 tabIdx=${(0,u.J)(this.tabIdx)} 370 ></w3m-connect-external-widget>`;case"recommended":return(0,r.qy)`<w3m-connect-recommended-widget 371 .wallets=${a} 372 tabIdx=${(0,u.J)(this.tabIdx)} 373 ></w3m-connect-recommended-widget>`;default:return console.warn(`Unknown connector type: ${t}`),null}})}};tt.styles=Q,X([(0,o.MZ)()],tt.prototype,"tabIdx",void 0),X([(0,o.wk)()],tt.prototype,"connectors",void 0),X([(0,o.wk)()],tt.prototype,"recommended",void 0),X([(0,o.wk)()],tt.prototype,"featured",void 0),tt=X([(0,c.EM)("w3m-connector-list")],tt);var te=i(61434),ti=i(82570);let tr=(0,r.AH)` 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 to=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let tn=class extends r.WF{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((t,e)=>{let i=e===this.activeTab;return(0,r.qy)` 488 <button 489 ?disabled=${this.disabled} 490 @click=${()=>this.onTabClick(e)} 491 data-active=${i} 492 data-testid="tab-${t.label?.toLowerCase()}" 493 > 494 ${this.iconTemplate(t)}
494 495 <wui-text variant="small-600" color="inherit"> ${t.label} </wui-text> 496 </button> 497 `})}firstUpdated(){this.shadowRoot&&this.isDense&&(this.buttons=[...this.shadowRoot.querySelectorAll("button")],setTimeout(()=>{this.animateTabs(0,!0)},0))}iconTemplate(t){return t.icon?(0,r.qy)`<wui-icon size="xs" color="inherit" name=${t.icon}></wui-icon>`:null}onTabClick(t){this.buttons&&this.animateTabs(t,!1),this.activeTab=t,this.onTabChange(t)}animateTabs(t,e){let i=this.buttons[this.activeTab],r=this.buttons[t],o=i?.querySelector("wui-text"),n=r?.querySelector("wui-text"),a=r?.getBoundingClientRect(),s=n?.getBoundingClientRect();i&&o&&!e&&t!==this.activeTab&&(o.animate([{opacity:0}],{duration:50,easing:"ease",fill:"forwards"}),i.animate([{width:"34px"}],{duration:500,easing:"ease",fill:"forwards"})),r&&a&&s&&n&&(t!==this.activeTab||e)&&(this.localTabWidth=`${Math.round(a.width+s.width)+6}px`,r.animate([{width:`${a.width+s.width}px`}],{duration:500*!e,fill:"forwards",easing:"ease"}),n.animate([{opacity:1}],{duration:125*!e,delay:200*!e,fill:"forwards",easing:"ease"}))}};tn.styles=[g.W5,g.fD,tr],to([(0,o.MZ)({type:Array})],tn.prototype,"tabs",void 0),to([(0,o.MZ)()],tn.prototype,"onTabChange",void 0),to([(0,o.MZ)({type:Array})],tn.prototype,"buttons",void 0),to([(0,o.MZ)({type:Boolean})],tn.prototype,"disabled",void 0),to([(0,o.MZ)()],tn.prototype,"localTabWidth",void 0),to([(0,o.wk)()],tn.prototype,"activeTab",void 0),to([(0,o.wk)()],tn.prototype,"isDense",void 0),tn=to([(0,w.E)("wui-tabs")],tn);var ta=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ts=class extends r.WF{constructor(){super(...arguments),this.platformTabs=[],this.unsubscribe=[],this.platforms=[],this.onSelectPlatfrom=void 0}disconnectCallback(){this.unsubscribe.forEach(t=>t())}render(){let t=this.generateTabs();return(0,r.qy)` 498 <wui-flex justifyContent="center" .padding=${["0","0","l","0"]}> 499 <wui-tabs .tabs=${t} .onTabChange=${this.onTabChange.bind(this)}></wui-tabs> 500 </wui-flex> 501 `}generateTabs(){let t=this.platforms.map(t=>{if("browser"===t)return{label:"Browser",icon:"extension",platform:"browser"};if("mobile"===t)return{label:"Mobile",icon:"mobile",platform:"mobile"};if("qrcode"===t)return{label:"Mobile",icon:"mobile",platform:"qrcode"};if("web"===t)return{label:"Webapp",icon:"browser",platform:"web"};if("desktop"===t)return{label:"Desktop",icon:"desktop",platform:"desktop"};return{label:"Browser",icon:"extension",platform:"unsupported"}});return this.platformTabs=t.map(({platform:t})=>t),t}onTabChange(t){let e=this.platformTabs[t];e&&this.onSelectPlatfrom?.(e)}};ta([(0,o.MZ)({type:Array})],ts.prototype,"platforms",void 0),ta([(0,o.MZ)()],ts.prototype,"onSelectPlatfrom",void 0),ts=ta([(0,c.EM)("w3m-connecting-header")],ts);var tl=i(90889);i(57074);let tc=(0,r.AH)` 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 tu=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let td={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020"},th={lg:"paragraph-600",md:"small-600"},tp={lg:"md",md:"md"},tg=class extends r.WF{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}; 699 --local-opacity-000: ${+!!this.loading}; 700 --local-border-radius: var(--wui-border-radius-${this.borderRadius}); 701 `;let t=this.textVariant??th[this.size];return(0,r.qy)` 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=${t} 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){let t=tp[this.size],e=this.disabled?td.disabled:td[this.variant];return(0,r.qy)`<wui-loading-spinner color=${e} size=${t}></wui-loading-spinner>`}return(0,r.qy)``}};tg.styles=[g.W5,g.fD,tc],tu([(0,o.MZ)()],tg.prototype,"size",void 0),tu([(0,o.MZ)({type:Boolean})],tg.prototype,"disabled",void 0),tu([(0,o.MZ)({type:Boolean})],tg.prototype,"fullWidth",void 0),tu([(0,o.MZ)({type:Boolean})],tg.prototype,"loading",void 0),tu([(0,o.MZ)()],tg.prototype,"variant",void 0),tu([(0,o.MZ)({type:Boolean})],tg.prototype,"hasIconLeft",void 0),tu([(0,o.MZ)({type:Boolean})],tg.prototype,"hasIconRight",void 0),tu([(0,o.MZ)()],tg.prototype,"borderRadius",void 0),tu([(0,o.MZ)()],tg.prototype,"textVariant",void 0),tg=tu([(0,w.E)("wui-button")],tg),i(80729);let tw=(0,r.AH)` 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 tf=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let tb=class extends r.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return(0,r.qy)` 733 <button ?disabled=${this.disabled} tabindex=${(0,u.J)(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 `}};tb.styles=[g.W5,g.fD,tw],tf([(0,o.MZ)()],tb.prototype,"tabIdx",void 0),tf([(0,o.MZ)({type:Boolean})],tb.prototype,"disabled",void 0),tf([(0,o.MZ)()],tb.prototype,"color",void 0),tb=tf([(0,w.E)("wui-link")],tb);let tm=(0,r.AH)` 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`;
765var tv=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ty=class extends r.WF{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){let t=this.radius>50?50:this.radius,e=36-t;return(0,r.qy)` 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=${t} 773 stroke-dasharray="${116+e} ${245+e}" 774 stroke-dashoffset=${360+1.75*e} 775 /> 776 </svg> 777 `}};ty.styles=[g.W5,tm],tv([(0,o.MZ)({type:Number})],ty.prototype,"radius",void 0),ty=tv([(0,w.E)("wui-loading-thumbnail")],ty),i(60347);let tx=(0,r.AH)` 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 tk=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let t$=class extends r.WF{constructor(){super(...arguments),this.variant="accent",this.imageSrc="",this.disabled=!1,this.icon="externalLink",this.size="md",this.text=""}render(){let t="sm"===this.size?"small-600":"paragraph-600";return(0,r.qy)` 897 <button 898 class=${this.disabled?"disabled":""} 899 data-variant=${this.variant} 900 data-size=${this.size} 901 > 902 ${this.imageSrc?(0,r.qy)`<wui-image src=${this.imageSrc}></wui-image>`:null} 903 <wui-text variant=${t} color="inherit"> ${this.text} </wui-text> 904 <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon> 905 </button> 906 `}};t$.styles=[g.W5,g.fD,tx],tk([(0,o.MZ)()],t$.prototype,"variant",void 0),tk([(0,o.MZ)()],t$.prototype,"imageSrc",void 0),tk([(0,o.MZ)({type:Boolean})],t$.prototype,"disabled",void 0),tk([(0,o.MZ)()],t$.prototype,"icon",void 0),tk([(0,o.MZ)()],t$.prototype,"size",void 0),tk([(0,o.MZ)()],t$.prototype,"text",void 0),t$=tk([(0,w.E)("wui-chip-button")],t$);let tC=(0,r.AH)` 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`;
912var tR=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let tE=class extends r.WF{constructor(){super(...arguments),this.disabled=!1,this.label="",this.buttonLabel=""}render(){return(0,r.qy)` 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> 921 </wui-flex> 922 `}};tE.styles=[g.W5,g.fD,tC],tR([(0,o.MZ)({type:Boolean})],tE.prototype,"disabled",void 0),tR([(0,o.MZ)()],tE.prototype,"label",void 0),tR([(0,o.MZ)()],tE.prototype,"buttonLabel",void 0),tE=tR([(0,w.E)("wui-cta-button")],tE);let tI=(0,r.AH)` 923 :host { 924 display: block; 925 padding: 0 var(--wui-spacing-xl) var(--wui-spacing-xl); 926 } 927`;var tM=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let tT=class extends r.WF{constructor(){super(...arguments),this.wallet=void 0}render(){if(!this.wallet)return this.style.display="none",null;let{name:t,app_store:e,play_store:i,chrome_store:o,homepage:a}=this.wallet,s=n.w.isMobile(),l=n.w.isIos(),u=n.w.isAndroid(),d=[e,i,a,o].filter(Boolean).length>1,h=c.Zv.getTruncateString({string:t,charsStart:12,charsEnd:0,truncate:"end"});return d&&!s?(0,r.qy)` 928 <wui-cta-button 929 label=${`Don't have ${h}?`} 930 buttonLabel="Get" 931 @click=${()=>p.I.push("Downloads",{wallet:this.wallet})} 932 ></wui-cta-button> 933 `:!d&&a?(0,r.qy)` 934 <wui-cta-button 935 label=${`Don't have ${h}?`} 936 buttonLabel="Get" 937 @click=${this.onHomePage.bind(this)} 938 ></wui-cta-button> 939 `:e&&l?(0,r.qy)` 940 <wui-cta-button 941 label=${`Don't have ${h}?`} 942 buttonLabel="Get" 943 @click=${this.onAppStore.bind(this)} 944 ></wui-cta-button> 945 `:i&&u?(0,r.qy)` 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(){this.wallet?.app_store&&n.w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){this.wallet?.play_store&&n.w.openHref(this.wallet.play_store,"_blank")}onHomePage(){this.wallet?.homepage&&n.w.openHref(this.wallet.homepage,"_blank")}};tT.styles=[tI],tM([(0,o.MZ)({type:Object})],tT.prototype,"wallet",void 0),tT=tM([(0,c.EM)("w3m-mobile-download-links")],tT);let tW=(0,r.AH)` 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`;
1012var tP=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};class tO extends r.WF{constructor(){super(),this.wallet=p.I.state.data?.wallet,this.connector=p.I.state.data?.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=I.$.getWalletImage(this.wallet)??I.$.getConnectorImage(this.connector),this.name=this.wallet?.name??this.connector?.name??"Wallet",this.isRetrying=!1,this.uri=P.x.state.wcUri,this.error=P.x.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(P.x.subscribeKey("wcUri",t=>{this.uri=t,this.isRetrying&&this.onRetry&&(this.isRetrying=!1,this.onConnect?.())}),P.x.subscribeKey("wcError",t=>this.error=t)),(n.w.isTelegram()||n.w.isSafari())&&n.w.isIos()&&P.x.state.wcUri&&this.onConnect?.()}firstUpdated(){this.onAutoConnect?.(),this.showRetry=!this.onAutoConnect}disconnectedCallback(){this.unsubscribe.forEach(t=>t()),P.x.setWcError(!1),clearTimeout(this.timeout)}render(){this.onRender?.(),this.onShowRetry();let t=this.error?"Connection can be declined if a previous request is still active":this.secondaryLabel,e=`Continue in ${this.name}`;return this.error&&(e="Connection declined"),(0,r.qy)` 1013 <wui-flex 1014 data-error=${(0,u.J)(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=${(0,u.J)(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 ${e} 1040 </wui-text> 1041 <wui-text align="center" variant="small-500" color="fg-200">${t}</wui-text> 1042 </wui-flex> 1043 1044 ${this.secondaryBtnLabel?(0,r.qy)` 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?(0,r.qy)` 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(){if(this.error&&!this.showRetry){this.showRetry=!0;let t=this.shadowRoot?.querySelector("wui-button");t?.animate([{opacity:0},{opacity:1}],{fill:"forwards",easing:"ease"})}}onTryAgain(){P.x.setWcError(!1),this.onRetry?(this.isRetrying=!0,this.onRetry?.()):this.onConnect?.()}loaderTemplate(){let t=tl.W.state.themeVariables["--w3m-border-radius-master"],e=t?parseInt(t.replace("px",""),10):4;return(0,r.qy)`<wui-loading-thumbnail radius=${9*e}></wui-loading-thumbnail>`}onCopyUri(){try{this.uri&&(n.w.copyToClopboard(this.uri),ti.P.showSuccess("Link copied"))}catch{ti.P.showError("Failed to copy")}}}tO.styles=tW,tP([(0,o.wk)()],tO.prototype,"isRetrying",void 0),tP([(0,o.wk)()],tO.prototype,"uri",void 0),tP([(0,o.wk)()],tO.prototype,"error",void 0),tP([(0,o.wk)()],tO.prototype,"ready",void 0),tP([(0,o.wk)()],tO.prototype,"showRetry",void 0),tP([(0,o.wk)()],tO.prototype,"secondaryBtnLabel",void 0),tP([(0,o.wk)()],tO.prototype,"secondaryLabel",void 0),tP([(0,o.wk)()],tO.prototype,"isLoading",void 0),tP([(0,o.MZ)({type:Boolean})],tO.prototype,"isMobile",void 0),tP([(0,o.MZ)()],tO.prototype,"onRetry",void 0);
1068let tS=class extends tO{constructor(){if(super(),!this.wallet)throw Error("w3m-connecting-wc-browser: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onAutoConnect=this.onConnectProxy.bind(this),h.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}async onConnectProxy(){try{this.error=!1;let{connectors:t}=d.a.state,e=t.find(t=>"ANNOUNCED"===t.type&&t.info?.rdns===this.wallet?.rdns||"INJECTED"===t.type||t.name===this.wallet?.name);if(e)await P.x.connectExternal(e,e.chain);else throw Error("w3m-connecting-wc-browser: No connector found");te.W.close(),h.E.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"browser",name:this.wallet?.name||"Unknown"}})}catch(t){h.E.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:t?.message??"Unknown"}}),this.error=!0}}};tS=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-connecting-wc-browser")],tS);let tq=class extends tO{constructor(){if(super(),!this.wallet)throw Error("w3m-connecting-wc-desktop: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onRender=this.onRenderProxy.bind(this),h.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"desktop"}})}onRenderProxy(){!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onConnectProxy(){if(this.wallet?.desktop_link&&this.uri)try{this.error=!1;let{desktop_link:t,name:e}=this.wallet,{redirect:i,href:r}=n.w.formatNativeUrl(t,this.uri);P.x.setWcLinking({name:e,href:r}),P.x.setRecentWallet(this.wallet),n.w.openHref(i,"_blank")}catch{this.error=!0}}};tq=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-connecting-wc-desktop")],tq);var tA=i(22797),tj=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let tL=class extends tO{constructor(){if(super(),this.btnLabelTimeout=void 0,this.redirectDeeplink=void 0,this.redirectUniversalLink=void 0,this.target=void 0,this.preferUniversalLinks=s.H.state.experimental_preferUniversalLinks,this.isLoading=!0,this.onConnect=()=>{if(this.wallet?.mobile_link&&this.uri)try{this.error=!1;let{mobile_link:t,link_mode:e,name:i}=this.wallet,{redirect:r,redirectUniversalLink:o,href:a}=n.w.formatNativeUrl(t,this.uri,e);this.redirectDeeplink=r,this.redirectUniversalLink=o,this.target=n.w.isIframe()?"_top":"_self",P.x.setWcLinking({name:i,href:a}),P.x.setRecentWallet(this.wallet),this.preferUniversalLinks&&this.redirectUniversalLink?n.w.openHref(this.redirectUniversalLink,this.target):n.w.openHref(this.redirectDeeplink,this.target)}catch(t){h.E.sendEvent({type:"track",event:"CONNECT_PROXY_ERROR",properties:{message:t instanceof Error?t.message:"Error parsing the deeplink",uri:this.uri,mobile_link:this.wallet.mobile_link,name:this.wallet.name}}),this.error=!0}},!this.wallet)throw Error("w3m-connecting-wc-mobile: No wallet provided");this.secondaryBtnLabel="Open",this.secondaryLabel=tA.oU.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.onHandleURI(),this.unsubscribe.push(P.x.subscribeKey("wcUri",()=>{this.onHandleURI()})),h.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"mobile"}})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.btnLabelTimeout)}onHandleURI(){this.isLoading=!this.uri,!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onTryAgain(){P.x.setWcError(!1),this.onConnect?.()}};tj([(0,o.wk)()],tL.prototype,"redirectDeeplink",void 0),tj([(0,o.wk)()],tL.prototype,"redirectUniversalLink",void 0),tj([(0,o.wk)()],tL.prototype,"target",void 0),tj([(0,o.wk)()],tL.prototype,"preferUniversalLinks",void 0),tj([(0,o.wk)()],tL.prototype,"isLoading",void 0),tL=tj([(0,c.EM)("w3m-connecting-wc-mobile")],tL);var tz=i(43617);function tB(t,e,i){return t!==e&&(t-e<0?e-t:t-e)<=i+.1}let tN={generate({uri:t,size:e,logoSize:i,dotColor:o="#141414"}){let n,a,s=[],l=(a=Math.sqrt((n=Array.prototype.slice.call(tz.create(t,{errorCorrectionLevel:"Q"}).modules.data,0)).length),n.reduce((t,e,i)=>(i%a==0?t.push([e]):t[t.length-1].push(e))&&t,[])),c=e/l.length,u=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];u.forEach(({x:t,y:e})=>{let i=(l.length-7)*c*t,n=(l.length-7)*c*e;for(let t=0;t<u.length;t+=1){let e=c*(7-2*t);s.push((0,r.JW)` 1069 <rect 1070 fill=${2===t?o:"transparent"} 1071 width=${0===t?e-5:e} 1072 rx= ${0===t?(e-5)*.45:.45*e} 1073 ry= ${0===t?(e-5)*.45:.45*e} 1074 stroke=${o} 1075 stroke-width=${5*(0===t)} 1076 height=${0===t?e-5:e} 1077 x= ${0===t?n+c*t+2.5:n+c*t} 1078 y= ${0===t?i+c*t+2.5:i+c*t} 1079 /> 1080 `)}});let d=Math.floor((i+25)/c),h=l.length/2-d/2,p=l.length/2+d/2-1,g=[];l.forEach((t,e)=>{t.forEach((t,i)=>{!l[e][i]||e<7&&i<7||e>l.length-8&&i<7||e<7&&i>l.length-8||e>h&&e<p&&i>h&&i<p||g.push([e*c+c/2,i*c+c/2])})});let w={};return g.forEach(([t,e])=>{w[t]?w[t]?.push(e):w[t]=[e]}),Object.entries(w).map(([t,e])=>{let i=e.filter(t=>e.every(e=>!tB(t,e,c)));return[Number(t),i]}
1080).forEach(([t,e])=>{e.forEach(e=>{s.push((0,r.JW)`<circle cx=${t} cy=${e} fill=${o} r=${c/2.5} />`)})}),Object.entries(w).filter(([t,e])=>e.length>1).map(([t,e])=>{let i=e.filter(t=>e.some(e=>tB(t,e,c)));return[Number(t),i]}).map(([t,e])=>{e.sort((t,e)=>t<e?-1:1);let i=[];for(let t of e){let e=i.find(e=>e.some(e=>tB(t,e,c)));e?e.push(t):i.push([t])}return[t,i.map(t=>[t[0],t[t.length-1]])]}).forEach(([t,e])=>{e.forEach(([e,i])=>{s.push((0,r.JW)` 1081 <line 1082 x1=${t} 1083 x2=${t} 1084 y1=${e} 1085 y2=${i} 1086 stroke=${o} 1087 stroke-width=${c/1.25} 1088 stroke-linecap="round" 1089 /> 1090 `)})}),s}},tD=(0,r.AH)` 1091 :host { 1092 position: relative; 1093 user-select: none; 1094 display: block; 1095 overflow: hidden; 1096 aspect-ratio: 1 / 1; 1097 width: var(--local-size); 1098 } 1099 1100 :host([data-theme='dark']) { 1101 border-radius: clamp(0px, var(--wui-border-radius-l), 40px); 1102 background-color: var(--wui-color-inverse-100); 1103 padding: var(--wui-spacing-l); 1104 } 1105 1106 :host([data-theme='light']) { 1107 box-shadow: 0 0 0 1px var(--wui-color-bg-125); 1108 background-color: var(--wui-color-bg-125); 1109 } 1110 1111 :host([data-clear='true']) > wui-icon { 1112 display: none; 1113 } 1114 1115 svg:first-child, 1116 wui-image, 1117 wui-icon { 1118 position: absolute; 1119 top: 50%; 1120 left: 50%; 1121 transform: translateY(-50%) translateX(-50%); 1122 } 1123 1124 wui-image { 1125 width: 25%; 1126 height: 25%; 1127 border-radius: var(--wui-border-radius-xs); 1128 } 1129 1130 wui-icon { 1131 width: 100%; 1132 height: 100%; 1133 color: var(--local-icon-color) !important; 1134 transform: translateY(-50%) translateX(-50%) scale(0.25); 1135 } 1136`;var tZ=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let tU=class extends r.WF{constructor(){super(...arguments),this.uri="",this.size=0,this.theme="dark",this.imageSrc=void 0,this.alt=void 0,this.arenaClear=void 0,this.farcaster=void 0}render(){return this.dataset.theme=this.theme,this.dataset.clear=String(this.arenaClear),this.style.cssText=` 1137 --local-size: ${this.size}px; 1138 --local-icon-color: ${this.color??"#3396ff"} 1139 `,(0,r.qy)`${this.templateVisual()} ${this.templateSvg()}`}templateSvg(){let t="light"===this.theme?this.size:this.size-32;return(0,r.JW)` 1140 <svg height=${t} width=${t}> 1141 ${tN.generate({uri:this.uri,size:t,logoSize:this.arenaClear?0:t/4,dotColor:this.color})} 1142 </svg> 1143 `}templateVisual(){return this.imageSrc?(0,r.qy)`<wui-image src=${this.imageSrc} alt=${this.alt??"logo"}></wui-image>`:this.farcaster?(0,r.qy)`<wui-icon 1144 class="farcaster" 1145 size="inherit" 1146 color="inherit" 1147 name="farcaster" 1148 ></wui-icon>`:(0,r.qy)`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`}};tU.styles=[g.W5,tD],tZ([(0,o.MZ)()],tU.prototype,"uri",void 0),tZ([(0,o.MZ)({type:Number})],tU.prototype,"size",void 0),tZ([(0,o.MZ)()],tU.prototype,"theme",void 0),tZ([(0,o.MZ)()],tU.prototype,"imageSrc",void 0),tZ([(0,o.MZ)()],tU.prototype,"alt",void 0),tZ([(0,o.MZ)()],tU.prototype,"color",void 0),tZ([(0,o.MZ)({type:Boolean})],tU.prototype,"arenaClear",void 0),tZ([(0,o.MZ)({type:Boolean})],tU.prototype,"farcaster",void 0),tU=tZ([(0,w.E)("wui-qr-code")],tU);let tH=(0,r.AH)` 1149 :host { 1150 display: block; 1151 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 1152 background: linear-gradient( 1153 120deg, 1154 var(--wui-color-bg-200) 5%, 1155 var(--wui-color-bg-200) 48%, 1156 var(--wui-color-bg-300) 55%, 1157 var(--wui-color-bg-300) 60%, 1158 var(--wui-color-bg-300) calc(60% + 10px), 1159 var(--wui-color-bg-200) calc(60% + 12px), 1160 var(--wui-color-bg-200) 100% 1161 ); 1162 background-size: 250%; 1163 animation: shimmer 3s linear infinite reverse; 1164 } 1165 1166 :host([variant='light']) { 1167 background: linear-gradient( 1168 120deg, 1169 var(--wui-color-bg-150) 5%, 1170 var(--wui-color-bg-150) 48%, 1171 var(--wui-color-bg-200) 55%, 1172 var(--wui-color-bg-200) 60%, 1173 var(--wui-color-bg-200) calc(60% + 10px), 1174 var(--wui-color-bg-150) calc(60% + 12px), 1175 var(--wui-color-bg-150) 100% 1176 ); 1177 background-size: 250%; 1178 } 1179 1180 @keyframes shimmer { 1181 from { 1182 background-position: -250% 0; 1183 } 1184 to { 1185 background-position: 250% 0; 1186 } 1187 } 1188`;
1188var tF=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let t_=class extends r.WF{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=` 1189 width: ${this.width}; 1190 height: ${this.height}; 1191 border-radius: clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px); 1192 `,(0,r.qy)`<slot></slot>`}};t_.styles=[tH],tF([(0,o.MZ)()],t_.prototype,"width",void 0),tF([(0,o.MZ)()],t_.prototype,"height",void 0),tF([(0,o.MZ)()],t_.prototype,"borderRadius",void 0),tF([(0,o.MZ)()],t_.prototype,"variant",void 0),t_=tF([(0,w.E)("wui-shimmer")],t_);let tJ=(0,r.AH)` 1193 .reown-logo { 1194 height: var(--wui-spacing-xxl); 1195 } 1196 1197 a { 1198 text-decoration: none; 1199 cursor: pointer; 1200 } 1201 1202 a:hover { 1203 opacity: 0.9; 1204 } 1205`,tK=class extends r.WF{render(){return(0,r.qy)` 1206 <a 1207 data-testid="ux-branding-reown" 1208 href=${"https://reown.com"} 1209 rel="noreferrer" 1210 target="_blank" 1211 style="text-decoration: none;" 1212 > 1213 <wui-flex 1214 justifyContent="center" 1215 alignItems="center" 1216 gap="xs" 1217 .padding=${["0","0","l","0"]} 1218 > 1219 <wui-text variant="small-500" color="fg-100"> UX by </wui-text> 1220 <wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon> 1221 </wui-flex> 1222 </a> 1223 `}};tK.styles=[g.W5,g.fD,tJ],tK=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,w.E)("wui-ux-by-reown")],tK);let tV=(0,r.AH)` 1224 @keyframes fadein { 1225 from { 1226 opacity: 0; 1227 } 1228 to { 1229 opacity: 1; 1230 } 1231 } 1232 1233 wui-shimmer { 1234 width: 100%; 1235 aspect-ratio: 1 / 1; 1236 border-radius: clamp(0px, var(--wui-border-radius-l), 40px) !important; 1237 } 1238 1239 wui-qr-code { 1240 opacity: 0; 1241 animation-duration: 200ms; 1242 animation-timing-function: ease; 1243 animation-name: fadein; 1244 animation-fill-mode: forwards; 1245 } 1246`,tY=class extends tO{constructor(){super(),this.forceUpdate=()=>{this.requestUpdate()},window.addEventListener("resize",this.forceUpdate),h.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet?.name??"WalletConnect",platform:"qrcode"}})}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribe?.forEach(t=>t()),window.removeEventListener("resize",this.forceUpdate)}render(){return this.onRenderProxy(),(0,r.qy)` 1247 <wui-flex 1248 flexDirection="column" 1249 alignItems="center" 1250 .padding=${["0","xl","xl","xl"]} 1251 gap="xl" 1252 > 1253 <wui-shimmer borderRadius="l" width="100%"> ${this.qrCodeTemplate()} </wui-shimmer> 1254 1255 <wui-text variant="paragraph-500" color="fg-100"> 1256 Scan this QR Code with your phone 1257 </wui-text> 1258 ${this.copyTemplate()} 1259 </wui-flex> 1260 <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links> 1261 `}onRenderProxy(){!this.ready&&this.uri&&(this.timeout=setTimeout(()=>{this.ready=!0},200))}qrCodeTemplate(){if(!this.uri||!this.ready)return null;let t=this.getBoundingClientRect().width-40,e=this.wallet?this.wallet.name:void 0;return P.x.setWcLinking(void 0),P.x.setRecentWallet(this.wallet),(0,r.qy)` <wui-qr-code 1262 size=${t} 1263 theme=${tl.W.state.themeMode} 1264 uri=${this.uri} 1265 imageSrc=${(0,u.J)(I.$.getWalletImage(this.wallet))} 1266 color=${(0,u.J)(tl.W.state.themeVariables["--w3m-qr-color"])} 1267 alt=${(0,u.J)(e)} 1268 data-testid="wui-qr-code" 1269 ></wui-qr-code>`}copyTemplate(){let t=!this.uri||!this.ready;return(0,r.qy)`<wui-link 1270 .disabled=${t} 1271 @click=${this.onCopyUri} 1272 color="fg-200" 1273 data-testid="copy-wc2-uri" 1274 > 1275 <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon> 1276 Copy link 1277 </wui-link>`}};
1277tY.styles=tV,tY=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-connecting-wc-qrcode")],tY);let tG=class extends r.WF{constructor(){if(super(),this.wallet=p.I.state.data?.wallet,!this.wallet)throw Error("w3m-connecting-wc-unsupported: No wallet provided");h.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}render(){return(0,r.qy)` 1278 <wui-flex 1279 flexDirection="column" 1280 alignItems="center" 1281 .padding=${["3xl","xl","xl","xl"]} 1282 gap="xl" 1283 > 1284 <wui-wallet-image 1285 size="lg" 1286 imageSrc=${(0,u.J)(I.$.getWalletImage(this.wallet))} 1287 ></wui-wallet-image> 1288 1289 <wui-text variant="paragraph-500" color="fg-100">Not Detected</wui-text> 1290 </wui-flex> 1291 1292 <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links> 1293 `}};tG=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-connecting-wc-unsupported")],tG);var tQ=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let tX=class extends tO{constructor(){if(super(),this.isLoading=!0,!this.wallet)throw Error("w3m-connecting-wc-web: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.secondaryBtnLabel="Open",this.secondaryLabel=tA.oU.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.updateLoadingState(),this.unsubscribe.push(P.x.subscribeKey("wcUri",()=>{this.updateLoadingState()})),h.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"web"}})}updateLoadingState(){this.isLoading=!this.uri}onConnectProxy(){if(this.wallet?.webapp_link&&this.uri)try{this.error=!1;let{webapp_link:t,name:e}=this.wallet,{redirect:i,href:r}=n.w.formatUniversalUrl(t,this.uri);P.x.setWcLinking({name:e,href:r}),P.x.setRecentWallet(this.wallet),n.w.openHref(i,"_blank")}catch{this.error=!0}}};tQ([(0,o.wk)()],tX.prototype,"isLoading",void 0),tX=tQ([(0,c.EM)("w3m-connecting-wc-web")],tX);var t0=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let t1=class extends r.WF{constructor(){super(),this.wallet=p.I.state.data?.wallet,this.unsubscribe=[],this.platform=void 0,this.platforms=[],this.isSiwxEnabled=!!s.H.state.siwx,this.remoteFeatures=s.H.state.remoteFeatures,this.determinePlatforms(),this.initializeConnection(),this.unsubscribe.push(s.H.subscribeKey("remoteFeatures",t=>this.remoteFeatures=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){return(0,r.qy)` 1294 ${this.headerTemplate()} 1295 <div>${this.platformTemplate()}</div> 1296 ${this.reownBrandingTemplate()} 1297 `}reownBrandingTemplate(){return this.remoteFeatures?.reownBranding?(0,r.qy)`<wui-ux-by-reown></wui-ux-by-reown>`:null}async initializeConnection(t=!1){if("browser"!==this.platform&&(!s.H.state.manualWCControl||t))try{let{wcPairingExpiry:e,status:i}=P.x.state;(t||s.H.state.enableEmbedded||n.w.isPairingExpired(e)||"connecting"===i)&&(await P.x.connectWalletConnect(),this.isSiwxEnabled||te.W.close())}catch(t){h.E.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:t?.message??"Unknown"}}),P.x.setWcError(!0),ti.P.showError(t.message??"Connection error"),P.x.resetWcConnection(),p.I.goBack()}}determinePlatforms(){if(!this.wallet){this.platforms.push("qrcode"),this.platform="qrcode";return}if(this.platform)return;let{mobile_link:t,desktop_link:e,webapp_link:i,injected:r,rdns:o}=this.wallet,a=r?.map(({injected_id:t})=>
1297t).filter(Boolean),l=[...o?[o]:a??[]],c=!s.H.state.isUniversalProvider&&l.length,u=P.x.checkInstalled(l),d=c&&u,h=e&&!n.w.isMobile();d&&!U.W.state.noAdapters&&this.platforms.push("browser"),t&&this.platforms.push(n.w.isMobile()?"mobile":"qrcode"),i&&this.platforms.push("web"),h&&this.platforms.push("desktop"),d||!c||U.W.state.noAdapters||this.platforms.push("unsupported"),this.platform=this.platforms[0]}platformTemplate(){switch(this.platform){case"browser":return(0,r.qy)`<w3m-connecting-wc-browser></w3m-connecting-wc-browser>`;case"web":return(0,r.qy)`<w3m-connecting-wc-web></w3m-connecting-wc-web>`;case"desktop":return(0,r.qy)` 1298 <w3m-connecting-wc-desktop .onRetry=${()=>this.initializeConnection(!0)}> 1299 </w3m-connecting-wc-desktop> 1300 `;case"mobile":return(0,r.qy)` 1301 <w3m-connecting-wc-mobile isMobile .onRetry=${()=>this.initializeConnection(!0)}> 1302 </w3m-connecting-wc-mobile> 1303 `;case"qrcode":return(0,r.qy)`<w3m-connecting-wc-qrcode></w3m-connecting-wc-qrcode>`;default:return(0,r.qy)`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`}}headerTemplate(){return this.platforms.length>1?(0,r.qy)` 1304 <w3m-connecting-header 1305 .platforms=${this.platforms} 1306 .onSelectPlatfrom=${this.onSelectPlatform.bind(this)} 1307 > 1308 </w3m-connecting-header> 1309 `:null}async onSelectPlatform(t){let e=this.shadowRoot?.querySelector("div");e&&(await e.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.platform=t,e.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}};t0([(0,o.wk)()],t1.prototype,"platform",void 0),t0([(0,o.wk)()],t1.prototype,"platforms",void 0),t0([(0,o.wk)()],t1.prototype,"isSiwxEnabled",void 0),t0([(0,o.wk)()],t1.prototype,"remoteFeatures",void 0),t1=t0([(0,c.EM)("w3m-connecting-wc-view")],t1);var t3=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let t2=class extends r.WF{constructor(){super(...arguments),this.isMobile=n.w.isMobile()}render(){if(this.isMobile){let{featured:t,recommended:e}=a.N.state,{customWallets:i}=s.H.state,o=l.i.getRecentWallets(),n=t.length||e.length||i?.length||o.length;return(0,r.qy)`<wui-flex 1310 flexDirection="column" 1311 gap="xs" 1312 .margin=${["3xs","s","s","s"]} 1313 > 1314 ${n?(0,r.qy)`<w3m-connector-list></w3m-connector-list>`:null} 1315 <w3m-all-wallets-widget></w3m-all-wallets-widget> 1316 </wui-flex>`}return(0,r.qy)`<wui-flex flexDirection="column" .padding=${["0","0","l","0"]}> 1317 <w3m-connecting-wc-view></w3m-connecting-wc-view> 1318 <wui-flex flexDirection="column" .padding=${["0","m","0","m"]}> 1319 <w3m-all-wallets-widget></w3m-all-wallets-widget> </wui-flex 1320 ></wui-flex>`}};t3([(0,o.wk)()],t2.prototype,"isMobile",void 0),t2=t3([(0,c.EM)("w3m-connecting-wc-basic-view")],t2);var t5=i(84125),t4=i(52256),t8=i(83921);let t6=()=>new t7;class t7{}let t9=new WeakMap,et=(0,t8.u$)(class extends t4.Kq{render(t){return t5.s6}update(t,[e]){let i=e!==this.G;return i&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),t5.s6}rt(t){if(void 0!==this.G)if(this.isConnected||(t=void 0),"function"==typeof this.G){let e=this.ht??globalThis,i=t9.get(e);void 0===i&&(i=new WeakMap,t9.set(e,i)),void 0!==i.get(this.G)&&this.G.call(this.ht,void 0),i.set(this.G,t),void 0!==t&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){return"function"==typeof this.G?t9.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),ee=(0,r.AH)` 1321 :host { 1322 display: flex; 1323 align-items: center; 1324 justify-content: center; 1325 } 1326 1327 label { 1328 position: relative; 1329 display: inline-block; 1330 width: 32px; 1331 height: 22px; 1332 } 1333 1334 input { 1335 width: 0; 1336 height: 0; 1337 opacity: 0; 1338 } 1339 1340 span { 1341 position: absolute; 1342 cursor: pointer; 1343 top: 0; 1344 left: 0; 1345 right: 0; 1346 bottom: 0; 1347 background-color: var(--wui-color-blue-100); 1348 border-width: 1px; 1349 border-style: solid; 1350 border-color: var(--wui-color-gray-glass-002); 1351 border-radius: 999px; 1352 transition: 1353 background-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1354 border-color var(--wui-ease-inout-power-1) var(--wui-duration-md); 1355 will-change: background-color, border-color; 1356 } 1357 1358 span:before { 1359 position: absolute; 1360 content: ''; 1361 height: 16px; 1362 width: 16px; 1363 left: 3px; 1364 top: 2px; 1365 background-color: var(--wui-color-inverse-100); 1366 transition: transform var(--wui-ease-inout-power-1) var(--wui-duration-lg); 1367 will-change: transform; 1368 border-radius: 50%; 1369 } 1370 1371 input:checked + span { 1372 border-color: var(--wui-color-gray-glass-005); 1373 background-color: var(--wui-color-blue-100); 1374 } 1375 1376 input:not(:checked) + span { 1377 background-color: var(--wui-color-gray-glass-010); 1378 } 1379 1380 input:checked + span:before { 1381 transform: translateX(calc(100% - 7px)); 1382 } 1383`;
1383var ei=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let er=class extends r.WF{constructor(){super(...arguments),this.inputElementRef=t6(),this.checked=void 0}render(){return(0,r.qy)` 1384 <label> 1385 <input 1386 ${et(this.inputElementRef)} 1387 type="checkbox" 1388 ?checked=${(0,u.J)(this.checked)} 1389 @change=${this.dispatchChangeEvent.bind(this)} 1390 /> 1391 <span></span> 1392 </label> 1393 `}dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("switchChange",{detail:this.inputElementRef.value?.checked,bubbles:!0,composed:!0}))}};er.styles=[g.W5,g.fD,g.ck,ee],ei([(0,o.MZ)({type:Boolean})],er.prototype,"checked",void 0),er=ei([(0,w.E)("wui-switch")],er);let eo=(0,r.AH)` 1394 :host { 1395 height: 100%; 1396 } 1397 1398 button { 1399 display: flex; 1400 align-items: center; 1401 justify-content: center; 1402 column-gap: var(--wui-spacing-1xs); 1403 padding: var(--wui-spacing-xs) var(--wui-spacing-s); 1404 background-color: var(--wui-color-gray-glass-002); 1405 border-radius: var(--wui-border-radius-xs); 1406 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 1407 transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 1408 will-change: background-color; 1409 cursor: pointer; 1410 } 1411 1412 wui-switch { 1413 pointer-events: none; 1414 } 1415`;var en=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ea=class extends r.WF{constructor(){super(...arguments),this.checked=void 0}render(){return(0,r.qy)` 1416 <button> 1417 <wui-icon size="xl" name="walletConnectBrown"></wui-icon> 1418 <wui-switch ?checked=${(0,u.J)(this.checked)}></wui-switch> 1419 </button> 1420 `}};ea.styles=[g.W5,g.fD,eo],en([(0,o.MZ)({type:Boolean})],ea.prototype,"checked",void 0),ea=en([(0,w.E)("wui-certified-switch")],ea);let es=(0,r.AH)` 1421 button { 1422 background-color: var(--wui-color-fg-300); 1423 border-radius: var(--wui-border-radius-4xs); 1424 width: 16px; 1425 height: 16px; 1426 } 1427 1428 button:disabled { 1429 background-color: var(--wui-color-bg-300); 1430 } 1431 1432 wui-icon { 1433 color: var(--wui-color-bg-200) !important; 1434 } 1435 1436 button:focus-visible { 1437 background-color: var(--wui-color-fg-250); 1438 border: 1px solid var(--wui-color-accent-100); 1439 } 1440 1441 @media (hover: hover) and (pointer: fine) { 1442 button:hover:enabled { 1443 background-color: var(--wui-color-fg-250); 1444 } 1445 1446 button:active:enabled { 1447 background-color: var(--wui-color-fg-225); 1448 } 1449 } 1450`;var el=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ec=class extends r.WF{constructor(){super(...arguments),this.icon="copy"}render(){return(0,r.qy)` 1451 <button> 1452 <wui-icon color="inherit" size="xxs" name=${this.icon}></wui-icon> 1453 </button> 1454 `}};ec.styles=[g.W5,g.fD,es],el([(0,o.MZ)()],ec.prototype,"icon",void 0),ec=el([(0,w.E)("wui-input-element")],ec);var eu=i(23906);let ed=(0,r.AH)` 1455 :host { 1456 position: relative; 1457 width: 100%; 1458 display: inline-block; 1459 color: var(--wui-color-fg-275); 1460 } 1461 1462 input { 1463 width: 100%; 1464 border-radius: var(--wui-border-radius-xs); 1465 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 1466 background: var(--wui-color-gray-glass-002); 1467 font-size: var(--wui-font-size-paragraph); 1468 letter-spacing: var(--wui-letter-spacing-paragraph); 1469 color: var(--wui-color-fg-100); 1470 transition: 1471 background-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1472 border-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 1473 box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md); 1474 will-change: background-color, border-color, box-shadow; 1475 caret-color: var(--wui-color-accent-100); 1476 } 1477 1478 input:disabled {
1479 cursor: not-allowed; 1480 border: 1px solid var(--wui-color-gray-glass-010); 1481 } 1482 1483 input:disabled::placeholder, 1484 input:disabled + wui-icon { 1485 color: var(--wui-color-fg-300); 1486 } 1487 1488 input::placeholder { 1489 color: var(--wui-color-fg-275); 1490 } 1491 1492 input:focus:enabled { 1493 background-color: var(--wui-color-gray-glass-005); 1494 -webkit-box-shadow: 1495 inset 0 0 0 1px var(--wui-color-accent-100), 1496 0px 0px 0px 4px var(--wui-box-shadow-blue); 1497 -moz-box-shadow: 1498 inset 0 0 0 1px var(--wui-color-accent-100), 1499 0px 0px 0px 4px var(--wui-box-shadow-blue); 1500 box-shadow: 1501 inset 0 0 0 1px var(--wui-color-accent-100), 1502 0px 0px 0px 4px var(--wui-box-shadow-blue); 1503 } 1504 1505 input:hover:enabled { 1506 background-color: var(--wui-color-gray-glass-005); 1507 } 1508 1509 wui-icon { 1510 position: absolute; 1511 top: 50%; 1512 transform: translateY(-50%); 1513 pointer-events: none; 1514 } 1515 1516 .wui-size-sm { 1517 padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s); 1518 } 1519 1520 wui-icon + .wui-size-sm { 1521 padding: 9px var(--wui-spacing-m) 10px 36px; 1522 } 1523 1524 wui-icon[data-input='sm'] { 1525 left: var(--wui-spacing-s); 1526 } 1527 1528 .wui-size-md { 1529 padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m); 1530 } 1531 1532 wui-icon + .wui-size-md, 1533 wui-loading-spinner + .wui-size-md { 1534 padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl); 1535 } 1536 1537 wui-icon[data-input='md'] { 1538 left: var(--wui-spacing-l); 1539 } 1540 1541 .wui-size-lg { 1542 padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l); 1543 letter-spacing: var(--wui-letter-spacing-medium-title); 1544 font-size: var(--wui-font-size-medium-title); 1545 font-weight: var(--wui-font-weight-light); 1546 line-height: 130%; 1547 color: var(--wui-color-fg-100); 1548 height: 64px; 1549 } 1550 1551 .wui-padding-right-xs { 1552 padding-right: var(--wui-spacing-xs); 1553 } 1554 1555 .wui-padding-right-s { 1556 padding-right: var(--wui-spacing-s); 1557 } 1558 1559 .wui-padding-right-m { 1560 padding-right: var(--wui-spacing-m); 1561 } 1562 1563 .wui-padding-right-l { 1564 padding-right: var(--wui-spacing-l); 1565 } 1566 1567 .wui-padding-right-xl { 1568 padding-right: var(--wui-spacing-xl); 1569 } 1570 1571 .wui-padding-right-2xl { 1572 padding-right: var(--wui-spacing-2xl); 1573 } 1574 1575 .wui-padding-right-3xl { 1576 padding-right: var(--wui-spacing-3xl); 1577 } 1578 1579 .wui-padding-right-4xl { 1580 padding-right: var(--wui-spacing-4xl); 1581 } 1582 1583 .wui-padding-right-5xl { 1584 padding-right: var(--wui-spacing-5xl); 1585 } 1586 1587 wui-icon + .wui-size-lg, 1588 wui-loading-spinner + .wui-size-lg { 1589 padding-left: 50px; 1590 } 1591 1592 wui-icon[data-input='lg'] { 1593 left: var(--wui-spacing-l); 1594 } 1595 1596 .wui-size-mdl { 1597 padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m); 1598 } 1599 wui-icon + .wui-size-mdl, 1600 wui-loading-spinner + .wui-size-mdl { 1601 padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px; 1602 } 1603 wui-icon[data-input='mdl'] { 1604 left: var(--wui-spacing-m); 1605 } 1606 1607 input:placeholder-shown ~ ::slotted(wui-input-element), 1608 input:placeholder-shown ~ ::slotted(wui-icon) { 1609 opacity: 0; 1610 pointer-events: none; 1611 } 1612 1613 input::-webkit-outer-spin-button, 1614 input::-webkit-inner-spin-button { 1615 -webkit-appearance: none; 1616 margin: 0; 1617 } 1618 1619 input[type='number'] { 1620 -moz-appearance: textfield; 1621 } 1622 1623 ::slotted(wui-input-element), 1624 ::slotted(wui-icon) { 1625 position: absolute; 1626 top: 50%; 1627 transform: translateY(-50%); 1628 } 1629 1630 ::slotted(wui-input-element) { 1631 right: var(--wui-spacing-m); 1632 } 1633 1634 ::slotted(wui-icon) { 1635 right: 0px; 1636 } 1637`;var eh=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ep=class extends r.WF{constructor(){super(...arguments),this.inputElementRef=t6(),this.size="md",this.disabled=!1,this.placeholder="",this.type="text",this.value=""}render(){let t=`wui-padding-right-${this.inputRightPadding}`,e={[`wui-size-${this.size}`]:!0,[t]:!!this.inputRightPadding};return(0,r.qy)`${this.templateIcon()} 1638 <input 1639 data-testid="wui-input-text" 1640 ${et(this.inputElementRef)} 1641 class=${(0,eu.H)(e)} 1642 type=${this.type} 1643 enterkeyhint=${(0,u.J)(this.enterKeyHint)} 1644 ?disabled=${this.disabled} 1645 placeholder=${this.placeholder}
1646 @input=${this.dispatchInputChangeEvent.bind(this)} 1647 .value=${this.value||""} 1648 tabindex=${(0,u.J)(this.tabIdx)} 1649 /> 1650 <slot></slot>`}templateIcon(){return this.icon?(0,r.qy)`<wui-icon 1651 data-input=${this.size} 1652 size=${this.size} 1653 color="inherit" 1654 name=${this.icon} 1655 ></wui-icon>`:null}dispatchInputChangeEvent(){this.dispatchEvent(new CustomEvent("inputChange",{detail:this.inputElementRef.value?.value,bubbles:!0,composed:!0}))}};ep.styles=[g.W5,g.fD,ed],eh([(0,o.MZ)()],ep.prototype,"size",void 0),eh([(0,o.MZ)()],ep.prototype,"icon",void 0),eh([(0,o.MZ)({type:Boolean})],ep.prototype,"disabled",void 0),eh([(0,o.MZ)()],ep.prototype,"placeholder",void 0),eh([(0,o.MZ)()],ep.prototype,"type",void 0),eh([(0,o.MZ)()],ep.prototype,"keyHint",void 0),eh([(0,o.MZ)()],ep.prototype,"value",void 0),eh([(0,o.MZ)()],ep.prototype,"inputRightPadding",void 0),eh([(0,o.MZ)()],ep.prototype,"tabIdx",void 0),ep=eh([(0,w.E)("wui-input-text")],ep);let eg=(0,r.AH)` 1656 :host { 1657 position: relative; 1658 display: inline-block; 1659 width: 100%; 1660 } 1661`,ew=class extends r.WF{constructor(){super(...arguments),this.inputComponentRef=t6()}render(){return(0,r.qy)` 1662 <wui-input-text 1663 ${et(this.inputComponentRef)} 1664 placeholder="Search wallet" 1665 icon="search" 1666 type="search" 1667 enterKeyHint="search" 1668 size="sm" 1669 > 1670 <wui-input-element @click=${this.clearValue} icon="close"></wui-input-element> 1671 </wui-input-text> 1672 `}clearValue(){let t=this.inputComponentRef.value,e=t?.inputElementRef.value;e&&(e.value="",e.focus(),e.dispatchEvent(new Event("input")))}};ew.styles=[g.W5,eg],ew=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,w.E)("wui-search-bar")],ew);let ef=(0,r.JW)`<svg viewBox="0 0 48 54" fill="none"> 1673 <path 1674 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" 1675 /> 1676</svg>`,eb=(0,r.AH)` 1677 :host { 1678 display: flex; 1679 flex-direction: column; 1680 align-items: center; 1681 width: 104px; 1682 row-gap: var(--wui-spacing-xs); 1683 padding: var(--wui-spacing-xs) 10px; 1684 background-color: var(--wui-color-gray-glass-002); 1685 border-radius: clamp(0px, var(--wui-border-radius-xs), 20px); 1686 position: relative; 1687 } 1688 1689 wui-shimmer[data-type='network'] { 1690 border: none; 1691 -webkit-clip-path: var(--wui-path-network); 1692 clip-path: var(--wui-path-network); 1693 } 1694 1695 svg { 1696 position: absolute; 1697 width: 48px; 1698 height: 54px; 1699 z-index: 1; 1700 } 1701 1702 svg > path { 1703 stroke: var(--wui-color-gray-glass-010); 1704 stroke-width: 1px; 1705 } 1706 1707 @media (max-width: 350px) { 1708 :host { 1709 width: 100%; 1710 } 1711 } 1712`;var em=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ev=class extends r.WF{constructor(){super(...arguments),this.type="wallet"}render(){return(0,r.qy)` 1713 ${this.shimmerTemplate()} 1714 <wui-shimmer width="56px" height="20px" borderRadius="xs"></wui-shimmer> 1715 `}shimmerTemplate(){return"network"===this.type?(0,r.qy)` <wui-shimmer 1716 data-type=${this.type} 1717 width="48px" 1718 height="54px" 1719 borderRadius="xs" 1720 ></wui-shimmer> 1721 ${ef}`:(0,r.qy)`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}};ev.styles=[g.W5,g.fD,eb],em([(0,o.MZ)()],ev.prototype,"type",void 0),ev=em([(0,w.E)("wui-card-select-loader")],ev);var ey=i(86833);let ex=(0,r.AH)` 1722 :host { 1723 display: grid; 1724 width: inherit; 1725 height: inherit; 1726 } 1727`;
1727var ek=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let e$=class extends r.WF{render(){return this.style.cssText=` 1728 grid-template-rows: ${this.gridTemplateRows}; 1729 grid-template-columns: ${this.gridTemplateColumns}; 1730 justify-items: ${this.justifyItems}; 1731 align-items: ${this.alignItems}; 1732 justify-content: ${this.justifyContent}; 1733 align-content: ${this.alignContent}; 1734 column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`}; 1735 row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`}; 1736 gap: ${this.gap&&`var(--wui-spacing-${this.gap})`}; 1737 padding-top: ${this.padding&&ey.Z.getSpacingStyles(this.padding,0)}; 1738 padding-right: ${this.padding&&ey.Z.getSpacingStyles(this.padding,1)}; 1739 padding-bottom: ${this.padding&&ey.Z.getSpacingStyles(this.padding,2)}; 1740 padding-left: ${this.padding&&ey.Z.getSpacingStyles(this.padding,3)}; 1741 margin-top: ${this.margin&&ey.Z.getSpacingStyles(this.margin,0)}; 1742 margin-right: ${this.margin&&ey.Z.getSpacingStyles(this.margin,1)}; 1743 margin-bottom: ${this.margin&&ey.Z.getSpacingStyles(this.margin,2)}; 1744 margin-left: ${this.margin&&ey.Z.getSpacingStyles(this.margin,3)}; 1745 `,(0,r.qy)`<slot></slot>`}};e$.styles=[g.W5,ex],ek([(0,o.MZ)()],e$.prototype,"gridTemplateRows",void 0),ek([(0,o.MZ)()],e$.prototype,"gridTemplateColumns",void 0),ek([(0,o.MZ)()],e$.prototype,"justifyItems",void 0),ek([(0,o.MZ)()],e$.prototype,"alignItems",void 0),ek([(0,o.MZ)()],e$.prototype,"justifyContent",void 0),ek([(0,o.MZ)()],e$.prototype,"alignContent",void 0),ek([(0,o.MZ)()],e$.prototype,"columnGap",void 0),ek([(0,o.MZ)()],e$.prototype,"rowGap",void 0),ek([(0,o.MZ)()],e$.prototype,"gap",void 0),ek([(0,o.MZ)()],e$.prototype,"padding",void 0),ek([(0,o.MZ)()],e$.prototype,"margin",void 0),e$=ek([(0,w.E)("wui-grid")],e$);let eC=(0,r.AH)` 1746 button { 1747 display: flex; 1748 flex-direction: column; 1749 justify-content: center; 1750 align-items: center; 1751 cursor: pointer; 1752 width: 104px; 1753 row-gap: var(--wui-spacing-xs); 1754 padding: var(--wui-spacing-s) var(--wui-spacing-0); 1755 background-color: var(--wui-color-gray-glass-002); 1756 border-radius: clamp(0px, var(--wui-border-radius-xs), 20px); 1757 transition: 1758 color var(--wui-duration-lg) var(--wui-ease-out-power-1), 1759 background-color var(--wui-duration-lg) var(--wui-ease-out-power-1), 1760 border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1); 1761 will-change: background-color, color, border-radius; 1762 outline: none; 1763 border: none; 1764 } 1765 1766 button > wui-flex > wui-text { 1767 color: var(--wui-color-fg-100); 1768 max-width: 86px; 1769 white-space: nowrap; 1770 overflow: hidden; 1771 text-overflow: ellipsis; 1772 justify-content: center; 1773 } 1774 1775 button > wui-flex > wui-text.certified { 1776 max-width: 66px; 1777 } 1778 1779 button:hover:enabled { 1780 background-color: var(--wui-color-gray-glass-005); 1781 } 1782 1783 button:disabled > wui-flex > wui-text { 1784 color: var(--wui-color-gray-glass-015); 1785 } 1786 1787 [data-selected='true'] { 1788 background-color: var(--wui-color-accent-glass-020); 1789 } 1790 1791 @media (hover: hover) and (pointer: fine) { 1792 [data-selected='true']:hover:enabled { 1793 background-color: var(--wui-color-accent-glass-015); 1794 } 1795 } 1796 1797 [data-selected='true']:active:enabled { 1798 background-color: var(--wui-color-accent-glass-010); 1799 } 1800 1801 @media (max-width: 350px) { 1802 button { 1803 width: 100%; 1804 } 1805 } 1806`;var eR=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let eE=class extends r.WF{constructor(){super(),this.observer=new IntersectionObserver(()=>void 0),this.visible=!1,this.imageSrc=void 0,this.imageLoading=!1,this.wallet=void 0,this.observer=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting?(this.visible=!0,this.fetchImageSrc()):this.visible=!1})},{threshold:.01})}firstUpdated(){this.observer.observe(this)}disconnectedCallback(){this.observer.disconnect()}render(){let t=this.wallet?.badge_type==="certified";return(0,r.qy)` 1807 <button> 1808 ${this.imageTemplate()} 1809 <wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="3xs"> 1810 <wui-text 1811 variant="tiny-500" 1812 color="inherit" 1813 class=${(0,u.J)(t?"certified":void 0)} 1814 >${this.wallet?.name}</wui-text 1815 > 1816 ${t?(0,r.qy)`<wui-icon size="sm" name="walletConnectBrown"></wui-icon>`:null} 1817 </wui-flex> 1818 </button> 1819 `}imageTemplate(){return(this.visible||this.imageSrc)&&!this.imageLoading?(0,r.qy)` 1820 <wui-wallet-image 1821 size="md" 1822 imageSrc=${(0,u.J)(this.imageSrc)} 1823 name=${this.wallet?.name} 1824 .installed=${this.wallet?.installed} 1825 badgeSize="sm" 1826 > 1827 </wui-wallet-image> 1828 `:this.shimmerTemplate()}shimmerTemplate(){return(0,r.qy)`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}async fetchImageSrc(){!this.wallet||(this.imageSrc=I.$.getWalletImage(this.wallet),this.imageSrc||(this.imageLoading=!0,this.imageSrc=await I.$.fetchWalletImage(this.wallet.image_id),this.imageLoading=!1))}};eE.styles=eC,eR([(0,o.wk)()],eE.prototype,"visible",void 0),eR([(0,o.wk)()],eE.prototype,"imageSrc",void 0),eR([(0,o.wk)()],eE.prototype,"imageLoading",void 0),eR([(0,o.MZ)()],eE.prototype,"wallet",void 0),eE=eR([(0,c.EM)("w3m-all-wallets-list-item")],eE);let eI=(0,r.AH)` 1829 wui-grid { 1830 max-height: clamp(360px, 400px, 80vh); 1831 overflow: scroll; 1832 scrollbar-width: none; 1833 grid-auto-rows: min-content; 1834 grid-template-columns: repeat(auto-fill, 104px); 1835 } 1836 1837 @media (max-width: 350px) { 1838 wui-grid { 1839 grid-template-columns: repeat(2, 1fr); 1840 } 1841 } 1842 1843 wui-grid[data-scroll='false'] { 1844 overflow: hidden; 1845 } 1846 1847 wui-grid::-webkit-scrollbar {
1848 display: none; 1849 } 1850 1851 wui-loading-spinner { 1852 padding-top: var(--wui-spacing-l); 1853 padding-bottom: var(--wui-spacing-l); 1854 justify-content: center; 1855 grid-column: 1 / span 4; 1856 } 1857`;var eM=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let eT="local-paginator",eW=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.loading=!a.N.state.wallets.length,this.wallets=a.N.state.wallets,this.recommended=a.N.state.recommended,this.featured=a.N.state.featured,this.filteredWallets=a.N.state.filteredWallets,this.unsubscribe.push(a.N.subscribeKey("wallets",t=>this.wallets=t),a.N.subscribeKey("recommended",t=>this.recommended=t),a.N.subscribeKey("featured",t=>this.featured=t),a.N.subscribeKey("filteredWallets",t=>this.filteredWallets=t))}firstUpdated(){this.initialFetch(),this.createPaginationObserver()}disconnectedCallback(){this.unsubscribe.forEach(t=>t()),this.paginationObserver?.disconnect()}render(){return(0,r.qy)` 1858 <wui-grid 1859 data-scroll=${!this.loading} 1860 .padding=${["0","s","s","s"]} 1861 columnGap="xxs" 1862 rowGap="l" 1863 justifyContent="space-between" 1864 > 1865 ${this.loading?this.shimmerTemplate(16):this.walletsTemplate()} 1866 ${this.paginationLoaderTemplate()} 1867 </wui-grid> 1868 `}async initialFetch(){this.loading=!0;let t=this.shadowRoot?.querySelector("wui-grid");t&&(await a.N.fetchWalletsByPage({page:1}),await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.loading=!1,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}shimmerTemplate(t,e){return[...Array(t)].map(()=>(0,r.qy)` 1869 <wui-card-select-loader type="wallet" id=${(0,u.J)(e)}></wui-card-select-loader> 1870 `)}walletsTemplate(){let t=this.filteredWallets?.length>0?n.w.uniqueBy([...this.featured,...this.recommended,...this.filteredWallets],"id"):n.w.uniqueBy([...this.featured,...this.recommended,...this.wallets],"id");return H.A.markWalletsAsInstalled(t).map(t=>(0,r.qy)` 1871 <w3m-all-wallets-list-item 1872 @click=${()=>this.onConnectWallet(t)} 1873 .wallet=${t} 1874 ></w3m-all-wallets-list-item> 1875 `)}paginationLoaderTemplate(){let{wallets:t,recommended:e,featured:i,count:r}=a.N.state,o=window.innerWidth<352?3:4,n=t.length+e.length,s=Math.ceil(n/o)*o-n+o;return(s-=t.length?i.length%o:0,0===r&&i.length>0)?null:0===r||[...i,...t,...e].length<r?this.shimmerTemplate(s,eT):null}createPaginationObserver(){let t=this.shadowRoot?.querySelector(`#${eT}`);t&&(this.paginationObserver=new IntersectionObserver(([t])=>{if(t?.isIntersecting&&!this.loading){let{page:t,count:e,wallets:i}=a.N.state;i.length<e&&a.N.fetchWalletsByPage({page:t+1})}}),this.paginationObserver.observe(t))}onConnectWallet(t){d.a.selectWalletConnector(t)}};eW.styles=eI,eM([(0,o.wk)()],eW.prototype,"loading",void 0),eM([(0,o.wk)()],eW.prototype,"wallets",void 0),eM([(0,o.wk)()],eW.prototype,"recommended",void 0),eM([(0,o.wk)()],eW.prototype,"featured",void 0),eM([(0,o.wk)()],eW.prototype,"filteredWallets",void 0),eW=eM([(0,c.EM)("w3m-all-wallets-list")],eW);let eP=(0,r.AH)` 1876 wui-grid, 1877 wui-loading-spinner, 1878 wui-flex { 1879 height: 360px; 1880 } 1881 1882 wui-grid { 1883 overflow: scroll; 1884 scrollbar-width: none; 1885 grid-auto-rows: min-content; 1886 grid-template-columns: repeat(auto-fill, 104px); 1887 } 1888 1889 wui-grid[data-scroll='false'] { 1890 overflow: hidden; 1891 } 1892 1893 wui-grid::-webkit-scrollbar {
1894 display: none; 1895 } 1896 1897 wui-loading-spinner { 1898 justify-content: center; 1899 align-items: center; 1900 } 1901 1902 @media (max-width: 350px) { 1903 wui-grid { 1904 grid-template-columns: repeat(2, 1fr); 1905 } 1906 } 1907`;var eO=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let eS=class extends r.WF{constructor(){super(...arguments),this.prevQuery="",this.prevBadge=void 0,this.loading=!0,this.query=""}render(){return this.onSearch(),this.loading?(0,r.qy)`<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 a.N.searchWallet({search:this.query,badge:this.badge}),this.loading=!1)}walletsTemplate(){let{search:t}=a.N.state,e=H.A.markWalletsAsInstalled(t);return t.length?(0,r.qy)` 1908 <wui-grid 1909 data-testid="wallet-list" 1910 .padding=${["0","s","s","s"]} 1911 rowGap="l" 1912 columnGap="xs" 1913 justifyContent="space-between" 1914 > 1915 ${e.map(t=>(0,r.qy)` 1916 <w3m-all-wallets-list-item 1917 @click=${()=>this.onConnectWallet(t)} 1918 .wallet=${t} 1919 data-testid="wallet-search-item-${t.id}" 1920 ></w3m-all-wallets-list-item> 1921 `)} 1922 </wui-grid> 1923 `:(0,r.qy)` 1924 <wui-flex 1925 data-testid="no-wallet-found" 1926 justifyContent="center" 1927 alignItems="center" 1928 gap="s" 1929 flexDirection="column" 1930 > 1931 <wui-icon-box 1932 size="lg" 1933 iconColor="fg-200" 1934 backgroundColor="fg-300" 1935 icon="wallet" 1936 background="transparent" 1937 ></wui-icon-box> 1938 <wui-text data-testid="no-wallet-found-text" color="fg-200" variant="paragraph-500"> 1939 No Wallet found 1940 </wui-text> 1941 </wui-flex> 1942 `}onConnectWallet(t){d.a.selectWalletConnector(t)}};eS.styles=eP,eO([(0,o.wk)()],eS.prototype,"loading",void 0),eO([(0,o.MZ)()],eS.prototype,"query",void 0),eO([(0,o.MZ)()],eS.prototype,"badge",void 0),eS=eO([(0,c.EM)("w3m-all-wallets-search")],eS);var eq=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let eA=class extends r.WF{constructor(){super(...arguments),this.search="",this.onDebouncedSearch=n.w.debounce(t=>{this.search=t})}render(){let t=this.search.length>=2;return(0,r.qy)` 1943 <wui-flex .padding=${["0","s","s","s"]} gap="xs"> 1944 <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar> 1945 <wui-certified-switch 1946 ?checked=${this.badge} 1947 @click=${this.onClick.bind(this)} 1948 data-testid="wui-certified-switch" 1949 ></wui-certified-switch> 1950 ${this.qrButtonTemplate()} 1951 </wui-flex> 1952 ${t||this.badge?(0,r.qy)`<w3m-all-wallets-search 1953 query=${this.search} 1954 badge=${(0,u.J)(this.badge)} 1955 ></w3m-all-wallets-search>`:(0,r.qy)`<w3m-all-wallets-list badge=${(0,u.J)(this.badge)}></w3m-all-wallets-list>`} 1956 `}onInputChange(t){this.onDebouncedSearch(t.detail)}onClick(){if("certified"===this.badge){this.badge=void 0;return}this.badge="certified",ti.P.showSvg("Only WalletConnect certified",{icon:"walletConnectBrown",iconColor:"accent-100"})}qrButtonTemplate(){return n.w.isMobile()?(0,r.qy)` 1957 <wui-icon-box 1958 size="lg" 1959 iconSize="xl" 1960 iconColor="accent-100" 1961 backgroundColor="accent-100" 1962 icon="qrCode" 1963 background="transparent" 1964 border 1965 borderColor="wui-accent-glass-010" 1966 @click=${this.onWalletConnectQr.bind(this)} 1967 ></wui-icon-box> 1968 `:null}onWalletConnectQr(){p.I.push("ConnectingWalletConnect")}};eq([(0,o.wk)()],eA.prototype,"search",void 0),eq([(0,o.wk)()],eA.prototype,"badge",void 0),eA=eq([(0,c.EM)("w3m-all-wallets-view")],eA);let ej=(0,r.AH)` 1969 button { 1970 column-gap: var(--wui-spacing-s); 1971 padding: 11px 18px 11px var(--wui-spacing-s); 1972 width: 100%; 1973 background-color: var(--wui-color-gray-glass-002); 1974 border-radius: var(--wui-border-radius-xs); 1975 color: var(--wui-color-fg-250); 1976 transition: 1977 color var(--wui-ease-out-power-1) var(--wui-duration-md), 1978 background-color var(--wui-ease-out-power-1) var(--wui-duration-md); 1979 will-change: color, background-color; 1980 } 1981 1982 button[data-iconvariant='square'], 1983 button[data-iconvariant='square-blue'] { 1984 padding: 6px 18px 6px 9px; 1985 } 1986 1987 button > wui-flex { 1988 flex: 1; 1989 } 1990 1991 button > wui-image { 1992 width: 32px; 1993 height: 32px; 1994 box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005); 1995 border-radius: var(--wui-border-radius-3xl); 1996 } 1997 1998 button > wui-icon { 1999 width: 36px; 2000 height: 36px; 2001 transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md); 2002 will-change: opacity; 2003 } 2004 2005 button > wui-icon-box[data-variant='blue'] { 2006 box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005); 2007 } 2008 2009 button > wui-icon-box[data-variant='overlay'] { 2010 box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005); 2011 } 2012 2013 button > wui-icon-box[data-variant='square-blue'] { 2014 border-radius: var(--wui-border-radius-3xs); 2015 position: relative; 2016 border: none; 2017 width: 36px; 2018 height: 36px; 2019 } 2020 2021 button > wui-icon-box[data-variant='square-blue']::after { 2022 content: ''; 2023 position: absolute; 2024 top: 0; 2025 bottom: 0; 2026 left: 0; 2027 right: 0; 2028 border-radius: inherit; 2029 border: 1px solid var(--wui-color-accent-glass-010); 2030 pointer-events: none; 2031 } 2032 2033 button > wui-icon:last-child { 2034 width: 14px; 2035 height: 14px; 2036 } 2037 2038 button:disabled { 2039 color: var(--wui-color-gray-glass-020); 2040 } 2041 2042 button[data-loading='true'] > wui-icon { 2043 opacity: 0; 2044 } 2045 2046 wui-loading-spinner { 2047 position: absolute; 2048 right: 18px; 2049 top: 50%; 2050 transform: translateY(-50%); 2051 } 2052`;
2052var eL=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ez=class extends r.WF{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(0,r.qy)` 2053 <button 2054 ?disabled=${!!this.loading||!!this.disabled} 2055 data-loading=${this.loading} 2056 data-iconvariant=${(0,u.J)(this.iconVariant)} 2057 tabindex=${(0,u.J)(this.tabIdx)} 2058 > 2059 ${this.loadingTemplate()} ${this.visualTemplate()} 2060 <wui-flex gap="3xs"> 2061 <slot></slot> 2062 </wui-flex> 2063 ${this.chevronTemplate()} 2064 </button> 2065 `}visualTemplate(){if("image"===this.variant&&this.imageSrc)return(0,r.qy)`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if("square"===this.iconVariant&&this.icon&&"icon"===this.variant)return(0,r.qy)`<wui-icon name=${this.icon}></wui-icon>`;if("icon"===this.variant&&this.icon&&this.iconVariant){let t=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",e="square-blue"===this.iconVariant?"mdl":"md",i=this.iconSize?this.iconSize:e;return(0,r.qy)` 2066 <wui-icon-box 2067 data-variant=${this.iconVariant} 2068 icon=${this.icon} 2069 iconSize=${i} 2070 background="transparent" 2071 iconColor=${t} 2072 backgroundColor=${t} 2073 size=${e} 2074 ></wui-icon-box> 2075 `}return null}loadingTemplate(){return this.loading?(0,r.qy)`<wui-loading-spinner 2076 data-testid="wui-list-item-loading-spinner" 2077 color="fg-300" 2078 ></wui-loading-spinner>`:(0,r.qy)``}chevronTemplate(){return this.chevron?(0,r.qy)`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};ez.styles=[g.W5,g.fD,ej],eL([(0,o.MZ)()],ez.prototype,"icon",void 0),eL([(0,o.MZ)()],ez.prototype,"iconSize",void 0),eL([(0,o.MZ)()],ez.prototype,"tabIdx",void 0),eL([(0,o.MZ)()],ez.prototype,"variant",void 0),eL([(0,o.MZ)()],ez.prototype,"iconVariant",void 0),eL([(0,o.MZ)({type:Boolean})],ez.prototype,"disabled",void 0),eL([(0,o.MZ)()],ez.prototype,"imageSrc",void 0),eL([(0,o.MZ)()],ez.prototype,"alt",void 0),eL([(0,o.MZ)({type:Boolean})],ez.prototype,"chevron",void 0),eL([(0,o.MZ)({type:Boolean})],ez.prototype,"loading",void 0),ez=eL([(0,w.E)("wui-list-item")],ez);let eB=class extends r.WF{constructor(){super(...arguments),this.wallet=p.I.state.data?.wallet}render(){if(!this.wallet)throw Error("w3m-downloads-view");return(0,r.qy)` 2079 <wui-flex gap="xs" flexDirection="column" .padding=${["s","s","l","s"]}> 2080 ${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()} 2081 ${this.homepageTemplate()} 2082 </wui-flex> 2083 `}chromeTemplate(){return this.wallet?.chrome_store?(0,r.qy)`<wui-list-item 2084 variant="icon" 2085 icon="chromeStore" 2086 iconVariant="square" 2087 @click=${this.onChromeStore.bind(this)} 2088 chevron 2089 > 2090 <wui-text variant="paragraph-500" color="fg-100">Chrome Extension</wui-text> 2091 </wui-list-item>`:null}iosTemplate(){return this.wallet?.app_store?(0,r.qy)`<wui-list-item 2092 variant="icon" 2093 icon="appStore" 2094 iconVariant="square" 2095 @click=${this.onAppStore.bind(this)} 2096 chevron 2097 > 2098 <wui-text variant="paragraph-500" color="fg-100">iOS App</wui-text> 2099 </wui-list-item>`:null}androidTemplate(){return this.wallet?.play_store?(0,r.qy)`<wui-list-item 2100 variant="icon" 2101 icon="playStore" 2102 iconVariant="square" 2103 @click=${this.onPlayStore.bind(this)} 2104 chevron 2105 > 2106 <wui-text variant="paragraph-500" color="fg-100">Android App</wui-text> 2107 </wui-list-item>`:null}homepageTemplate(){return this.wallet?.homepage?(0,r.qy)` 2108 <wui-list-item 2109 variant="icon" 2110 icon="browser" 2111 iconVariant="square-blue" 2112 @click=${this.onHomePage.bind(this)} 2113 chevron 2114 > 2115 <wui-text variant="paragraph-500" color="fg-100">Website</wui-text> 2116 </wui-list-item> 2117 `:null}onChromeStore(){this.wallet?.chrome_store&&n.w.openHref(this.wallet.chrome_store,"_blank")}onAppStore(){this.wallet?.app_store&&n.w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){this.wallet?.play_store&&n.w.openHref(this.wallet.play_store,"_blank")}onHomePage(){this.wallet?.homepage&&n.w.openHref(this.wallet.homepage,"_blank")}};
2117eB=function(t,e,i,r){var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-downloads-view")],eB)},28353:(t,e,i)=>{let r=i(2758),o=r.getBCHDigit(1335);e.getEncodedBits=function(t,e){let i=t.bit<<3|e,n=i<<10;for(;r.getBCHDigit(n)-o>=0;)n^=1335<<r.getBCHDigit(n)-o;return(i<<10|n)^21522}},37406:(t,e,i)=>{let r=i(2758).getSymbolSize;e.getPositions=function(t){let e=r(t);return[[0,0],[e-7,0],[0,e-7]]}},37568:(t,e,i)=>{let r=i(19198);function o(t,e){let i=t.a/255,r=e+'="'+t.hex+'"';return i<1?r+" "+e+'-opacity="'+i.toFixed(2).slice(1)+'"':r}function n(t,e,i){let r=t+e;return void 0!==i&&(r+=" "+i),r}e.render=function(t,e,i){let a=r.getOptions(e),s=t.modules.size,l=t.modules.data,c=s+2*a.margin,u=a.color.light.a?"<path "+o(a.color.light,"fill")+' d="M0 0h'+c+"v"+c+'H0z"/>':"",d="<path "+o(a.color.dark,"stroke")+' d="'+function(t,e,i){let r="",o=0,a=!1,s=0;for(let l=0;l<t.length;l++){let c=Math.floor(l%e),u=Math.floor(l/e);c||a||(a=!0),t[l]?(s++,l>0&&c>0&&t[l-1]||(r+=a?n("M",c+i,.5+u+i):n("m",o,0),o=0,a=!1),c+1<e&&t[l+1]||(r+=n("h",s),s=0)):o++}return r}(l,s,a.margin)+'"/>',h='<svg xmlns="http://www.w3.org/2000/svg" '+(a.width?'width="'+a.width+'" height="'+a.width+'" ':"")+('viewBox="0 0 '+c+" ")+c+'" shape-rendering="crispEdges">'+u+d+"</svg>\n";return"function"==typeof i&&i(null,h),h}},38724:t=>{"use strict";var e={single_source_shortest_paths:function(t,i,r){var o,n,a,s,l,c,u,d={},h={};h[i]=0;var p=e.PriorityQueue.make();for(p.push(i,0);!p.empty();)for(a in n=(o=p.pop()).value,s=o.cost,l=t[n]||{})l.hasOwnProperty(a)&&(c=s+l[a],u=h[a],(void 0===h[a]||u>c)&&(h[a]=c,p.push(a,c),d[a]=n));if(void 0!==r&&void 0===h[r])throw Error(["Could not find a path from ",i," to ",r,"."].join(""));return d},extract_shortest_path_from_predecessor_list:function(t,e){for(var i=[],r=e;r;)i.push(r),t[r],r=t[r];return i.reverse(),i},find_path:function(t,i,r){var o=e.single_source_shortest_paths(t,i,r);return e.extract_shortest_path_from_predecessor_list(o,r)},PriorityQueue:{make:function(t){var i,r=e.PriorityQueue,o={};for(i in t=t||{},r)r.hasOwnProperty(i)&&(o[i]=r[i]);return o.queue=[],o.sorter=t.sorter||r.default_sorter,o},default_sorter:function(t,e){return t.cost-e.cost},push:function(t,e){this.queue.push({value:t,cost:e}),this.queue.sort(this.sorter)},pop:function(){return this.queue.shift()},empty:function(){return 0===this.queue.length}}};t.exports=e},41370:(t,e)=>{e.isValid=function(t){return!isNaN(t)&&t>=1&&t<=40}},43617:(t,e,i)=>{let r=i(13187),o=i(70051),n=i(78457),a=i(37568);function s(t,e,i,n,a){let s=[].slice.call(arguments,1),l=s.length,c="function"==typeof s[l-1];if(!c&&!r())throw Error("Callback required as last argument");if(c){if(l<2)throw Error("Too few arguments provided");2===l?(a=i,i=e,e=n=void 0):3===l&&(e.getContext&&void 0===a?(a=n,n=void 0):(a=n,n=i,i=e,e=void 0))}else{if(l<1)throw Error("Too few arguments provided");return 1===l?(i=e,e=n=void 0):2!==l||e.getContext||(n=i,i=e,e=void 0),new Promise(function(r,a){try{let a=o.create(i,n);r(t(a,e,n))}catch(t){a(t)}})}try{let r=o.create(i,n);a(null,t(r,e,n))}catch(t){a(t)}}e.create=o.create,e.toCanvas=s.bind(null,n.render),e.toDataURL=s.bind(null,n.renderToDataURL),e.toString=s.bind(null,function(t,e,i){return a.render(t,i)})},47503:(t,e,i)=>{let r=i(3302),o=i(86211),n=i(85633),a=i(91974),s=i(54703),l=i(75204),c=i(2758),u=i(38724);function d(t){return unescape(encodeURIComponent(t)).length}function h(t,e,i){let r,o=[];for(;null!==(r=t.exec(i));)o.push({data:r[0],index:r.index,mode:e,length:r[0].length});return o}function p(t){let e,i,o=h(l.NUMERIC,r.NUMERIC,t),n=h(l.ALPHANUMERIC,r.ALPHANUMERIC,t);return c.isKanjiModeEnabled()?(e=h(l.BYTE,r.BYTE,t),i=h(l.KANJI,r.KANJI,t)):(e=h(l.BYTE_KANJI,r.BYTE,t),i=[]),o.concat(n,e,i).sort(function(t,e){return t.index-e.index}).map(function(t){return{data:t.data,mode:t.mode,length:t.length}})}function g(t,e){switch(e){case r.NUMERIC:return o.getBitsLength(t);case r.ALPHANUMERIC:return n.getBitsLength(t);case r.KANJI:return s.getBitsLength(t);case r.BYTE:return a.getBitsLength(t)}}function w(t,e){let i,l=r.getBestModeForData(t);
vendor: 15,372 bytes, line 2117
2117if((i=r.from(e,l))!==r.BYTE&&i.bit<l.bit)throw Error('"'+t+'" cannot be encoded with mode '+r.toString(i)+".\n Suggested mode is: "+r.toString(l));switch(i===r.KANJI&&!c.isKanjiModeEnabled()&&(i=r.BYTE),i){case r.NUMERIC:return new o(t);case r.ALPHANUMERIC:return new n(t);case r.KANJI:return new s(t);case r.BYTE:return new a(t)}}e.fromArray=function(t){return t.reduce(function(t,e){return"string"==typeof e?t.push(w(e,null)):e.data&&t.push(w(e.data,e.mode)),t},[])},e.fromString=function(t,i){let o=function(t,e){let i={},o={start:{}},n=["start"];for(let a=0;a<t.length;a++){let s=t[a],l=[];for(let t=0;t<s.length;t++){let c=s[t],u=""+a+t;l.push(u),i[u]={node:c,lastCount:0},o[u]={};for(let t=0;t<n.length;t++){let a=n[t];i[a]&&i[a].node.mode===c.mode?(o[a][u]=g(i[a].lastCount+c.length,c.mode)-g(i[a].lastCount,c.mode),i[a].lastCount+=c.length):(i[a]&&(i[a].lastCount=c.length),o[a][u]=g(c.length,c.mode)+4+r.getCharCountIndicator(c.mode,e))}}n=l}for(let t=0;t<n.length;t++)o[n[t]].end=0;return{map:o,table:i}}(function(t){let e=[];for(let i=0;i<t.length;i++){let o=t[i];switch(o.mode){case r.NUMERIC:e.push([o,{data:o.data,mode:r.ALPHANUMERIC,length:o.length},{data:o.data,mode:r.BYTE,length:o.length}]);break;case r.ALPHANUMERIC:e.push([o,{data:o.data,mode:r.BYTE,length:o.length}]);break;case r.KANJI:e.push([o,{data:o.data,mode:r.BYTE,length:d(o.data)}]);break;case r.BYTE:e.push([{data:o.data,mode:r.BYTE,length:d(o.data)}])}}return e}(p(t,c.isKanjiModeEnabled())),i),n=u.find_path(o.map,"start","end"),a=[];for(let t=1;t<n.length-1;t++)a.push(o.table[n[t]].node);return e.fromArray(a.reduce(function(t,e){let i=t.length-1>=0?t[t.length-1]:null;return i&&i.mode===e.mode?t[t.length-1].data+=e.data:t.push(e),t},[]))},e.rawSplit=function(t){return e.fromArray(p(t,c.isKanjiModeEnabled()))}},50827:(t,e)=>{e.L={bit:1},e.M={bit:0},e.Q={bit:3},e.H={bit:2},e.isValid=function(t){return t&&void 0!==t.bit&&t.bit>=0&&t.bit<4},e.from=function(t,i){if(e.isValid(t))return t;try{if("string"!=typeof t)throw Error("Param is not a string");switch(t.toLowerCase()){case"l":case"low":return e.L;case"m":case"medium":return e.M;case"q":case"quartile":return e.Q;case"h":case"high":return e.H;default:throw Error("Unknown EC Level: "+t)}}catch(t){return i}}},54703:(t,e,i)=>{let r=i(3302),o=i(2758);function n(t){this.mode=r.KANJI,this.data=t}n.getBitsLength=function(t){return 13*t},n.prototype.getLength=function(){return this.data.length},n.prototype.getBitsLength=function(){return n.getBitsLength(this.data.length)},n.prototype.write=function(t){let e;for(e=0;e<this.data.length;e++){let i=o.toSJIS(this.data[e]);if(i>=33088&&i<=40956)i-=33088;else if(i>=57408&&i<=60351)i-=49472;else throw Error("Invalid SJIS character: "+this.data[e]+"\nMake sure your charset is UTF-8");i=(i>>>8&255)*192+(255&i),t.put(i,13)}},t.exports=n},55722:(t,e,i)=>{let r=i(50827),o=[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],n=[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];e.getBlocksCount=function(t,e){switch(e){case r.L:return o[(t-1)*4+0];case r.M:return o[(t-1)*4+1];case r.Q:return o[(t-1)*4+2];case r.H:return o[(t-1)*4+3];default:return}},e.getTotalCodewordsCount=function(t,e){switch(e){case r.L:return n[(t-1)*4+0];case r.M:return n[(t-1)*4+1];case r.Q:return n[(t-1)*4+2];case r.H:return n[(t-1)*4+3];default:return}}},70051:(t,e,i)=>{let r=i(2758),o=i(50827),n=i(93025),a=i(80298),s=i(5861),l=i(37406),c=i(86198),u=i(55722),d=i(17614),h=i(77271),p=i(28353),g=i(3302),w=i(47503);function f(t,e,i){let r,o,n=t.size,a=p.getEncodedBits(e,i);for(r=0;r<15;r++)o=(a>>r&1)==1,r<6?t.set(r,8,o,!0):r<8?t.set(r+1,8,o,!0):t.set(n-15+r,8,o,!0),r<8?t.set(8,n-r-1,o,!0):r<9?t.set(8,15-r-1+1,o,!0):t.set(8,15-r-1,o,!0);t.set(n-8,8,1,!0)}e.create=function(t,e){let i,p;if(void 0===t||""===t)throw Error("No input text");let b=o.M;return void 0!==e&&(b=o.from(e.errorCorrectionLevel,o.M),i=h.from(e.version),p=c.from(e.maskPattern),e.toSJISFunc&&r.setToSJISFunction(e.toSJISFunc)),function(t,e,i,o){let p;if(Array.isArray(t))p=w.fromArray(t);else if("string"==typeof t){let r=e;if(!r){let e=w.rawSplit(t);r=h.getBestVersionForData(e,i)}p=w.fromString(t,r||40)}else throw Error("Invalid data");let b=h.getBestVersionForData(p,i);if(!b)throw Error("The amount of data is too big to be stored in a QR Code");if(e){if(e<b)throw Error("\nThe chosen QR Code version cannot contain this amount of data.\nMinimum version required to store current data is: "+b+".\n")}else e=b;let m=function(t,e,i){let o=new n;i.forEach(function(e){o.put(e.mode.bit,4),o.put(e.getLength(),g.getCharCountIndicator(e.mode,t)),e.write(o)});let a=(r.getSymbolTotalCodewords(t)-u.getTotalCodewordsCount(t,e))*8;for(o.getLengthInBits()+4<=a&&o.put(0,4);o.getLengthInBits()%8!=0;)o.putBit(0);let s=(a-o.getLengthInBits())/8;for(let t=0;t<s;t++)o.put(t%2?17:236,8);return function(t,e,i){let o,n,a=r.getSymbolTotalCodewords(e),s=a-u.getTotalCodewordsCount(e,i),l=u.getBlocksCount(e,i),c=a%l,h=l-c,p=Math.floor(a/l),g=Math.floor(s/l),w=g+1,f=p-g,b=new d(f),m=0,v=Array(l),y=Array(l),x=0,k=new Uint8Array(t.buffer);for(let t=0;t<l;t++){let e=t<h?g:w;v[t]=k.slice(m,m+e),y[t]=b.encode(v[t]),m+=e,x=Math.max(x,e)}let $=new Uint8Array(a),C=0;for(o=0;o<x;o++)for(n=0;n<l;n++)o<v[n].length&&($[C++]=v[n][o]);for(o=0;o<f;o++)for(n=0;n<l;n++)$[C++]=y[n][o];return $}(o,t,e)}(e,i,p),v=new a(r.getSymbolSize(e));!function(t,e){let i=t.size,r=l.getPositions(e);for(let e=0;e<r.length;e++){let o=r[e][0],n=r[e][1];for(let e=-1;e<=7;e++)if(!(o+e<=-1)&&!(i<=o+e))for(let r=-1;r<=7;r++)n+r<=-1||i<=n+r||(e>=0&&e<=6&&(0===r||6===r)||r>=0&&r<=6&&(0===e||6===e)||e>=2&&e<=4&&r>=2&&r<=4?t.set(o+e,n+r,!0,!0):t.set(o+e,n+r,!1,!0))}}(v,e);let y=v.size;for(let t=8;t<y-8;t++){let e=t%2==0;v.set(t,6,e,!0),v.set(6,t,e,!0)}return!function(t,e){let i=s.getPositions(e);for(let e=0;e<i.length;e++){let r=i[e][0],o=i[e][1];for(let e=-2;e<=2;e++)for(let i=-2;i<=2;i++)-2===e||2===e||-2===i||2===i||0===e&&0===i?t.set(r+e,o+i,!0,!0):t.set(r+e,o+i,!1,!0)}}(v,e),f(v,i,0),e>=7&&function(t,e){let i,r,o,n=t.size,a=h.getEncodedBits(e);for(let e=0;e<18;e++)i=Math.floor(e/3),r=e%3+n-8-3,o=(a>>e&1)==1,t.set(i,r,o,!0),t.set(r,i,o,!0)}(v,e),!function(t,e){let i=t.size,r=-1,o=i-1,n=7,a=0;for(let s=i-1;s>0;s-=2)for(6===s&&s--;;){for(let i=0;i<2;i++)if(!t.isReserved(o,s-i)){let r=!1;a<e.length&&(r=(e[a]>>>n&1)==1),t.set(o,s-i,r),-1==--n&&(a++,n=7)}if((o+=r)<0||i<=o){o-=r,r=-r;break}}}(v,m),isNaN(o)&&(o=c.getBestMask(v,f.bind(null,v,i))),c.applyMask(o,v),f(v,i,o),{modules:v,version:e,errorCorrectionLevel:i,maskPattern:o,segments:p}}(t,i,b,p)}},70447:(t,e,i)=>{let r=i(94898);e.mul=function(t,e){let i=new Uint8Array(t.length+e.length-1);for(let o=0;o<t.length;o++)for(let n=0;n<e.length;n++)i[o+n]^=r.mul(t[o],e[n]);return i},e.mod=function(t,e){let i=new Uint8Array(t);for(;i.length-e.length>=0;){let t=i[0];for(let o=0;o<e.length;o++)i[o]^=r.mul(e[o],t);let o=0;for(;o<i.length&&0===i[o];)o++;i=i.slice(o)}return i},e.generateECPolynomial=function(t){let i=new Uint8Array([1]);for(let o=0;o<t;o++)i=e.mul(i,new Uint8Array([1,r.exp(o)]));return i}},75204:(t,e)=>{let i="[0-9]+",r="(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+",o="(?:(?![A-Z0-9 $%*+\\-./:]|"+(r=r.replace(/u/g,"\\u"))+")(?:.|[\r\n]))+";e.KANJI=RegExp(r,"g"),e.BYTE_KANJI=RegExp("[^A-Z0-9 $%*+\\-./:]+","g"),e.BYTE=RegExp(o,"g"),e.NUMERIC=RegExp(i,"g"),e.ALPHANUMERIC=RegExp("[A-Z $%*+\\-./:]+","g");let n=RegExp("^"+r+"$"),a=RegExp("^"+i+"$"),s=RegExp("^[A-Z0-9 $%*+\\-./:]+$");e.testKanji=function(t){return n.test(t)},e.testNumeric=function(t){return a.test(t)},e.testAlphanumeric=function(t){return s.test(t)}},77271:(t,e,i)=>{let r=i(2758),o=i(55722),n=i(50827),a=i(3302),s=i(41370),l=r.getBCHDigit(7973);function c(t,e){return a.getCharCountIndicator(t,e)+4}e.from=function(t,e){return s.isValid(t)?parseInt(t,10):e},e.getCapacity=function(t,e,i){if(!s.isValid(t))throw Error("Invalid QR Code version");void 0===i&&(i=a.BYTE);let n=(r.getSymbolTotalCodewords(t)-o.getTotalCodewordsCount(t,e))*8;if(i===a.MIXED)return n;let l=n-c(i,t);switch(i){case a.NUMERIC:return Math.floor(l/10*3);case a.ALPHANUMERIC:return Math.floor(l/11*2);case a.KANJI:return Math.floor(l/13);case a.BYTE:default:return Math.floor(l/8)}},e.getBestVersionForData=function(t,i){let r,o=n.from(i,n.M);if(Array.isArray(t)){if(t.length>1){for(let i=1;i<=40;i++)if(function(t,e){let i=0;return t.forEach(function(t){let r=c(t.mode,e);i+=r+t.getBitsLength()}),i}(t,i)<=e.getCapacity(i,o,a.MIXED))return i;return}if(0===t.length)return 1;r=t[0]}else r=t;return function(t,i,r){for(let o=1;o<=40;o++)if(i<=e.getCapacity(o,r,t))return o}(r.mode,r.getLength(),o)},e.getEncodedBits=function(t){if(!s.isValid(t)||t<7)throw Error("Invalid QR Code version");let e=t<<12;for(;r.getBCHDigit(e)-l>=0;)e^=7973<<r.getBCHDigit(e)-l;return t<<12|e}},78457:(t,e,i)=>{let r=i(19198);e.render=function(t,e,i){var o;let n=i,a=e;void 0!==n||e&&e.getContext||(n=e,e=void 0),e||(a=function(){try{return document.createElement("canvas")}catch(t){throw Error("You need to specify a canvas element")}}()),n=r.getOptions(n);let s=r.getImageWidth(t.modules.size,n),l=a.getContext("2d"),c=l.createImageData(s,s);return r.qrToImageData(c.data,t,n),o=a,l.clearRect(0,0,o.width,o.height),o.style||(o.style={}),o.height=s,o.width=s,o.style.height=s+"px",o.style.width=s+"px",l.putImageData(c,0,0),a},e.renderToDataURL=function(t,i,r){let o=r;void 0!==o||i&&i.getContext||(o=i,i=void 0),o||(o={});let n=e.render(t,i,o),a=o.type||"image/png",s=o.rendererOpts||{};return n.toDataURL(a,s.quality)}},80298:t=>{function e(t){if(!t||t<1)throw Error("BitMatrix size must be defined and greater than 0");this.size=t,this.data=new Uint8Array(t*t),this.reservedBit=new Uint8Array(t*t)}e.prototype.set=function(t,e,i,r){let o=t*this.size+e;this.data[o]=i,r&&(this.reservedBit[o]=!0)},e.prototype.get=function(t,e){return this.data[t*this.size+e]},e.prototype.xor=function(t,e,i){this.data[t*this.size+e]^=i},e.prototype.isReserved=function(t,e){return this.reservedBit[t*this.size+e]},t.exports=e},85633:(t,e,i)=>{let r=i(3302),o=["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 n(t){this.mode=r.ALPHANUMERIC,this.data=t}n.getBitsLength=function(t){return 11*Math.floor(t/2)+t%2*6},n.prototype.getLength=function(){return this.data.length},n.prototype.getBitsLength=function(){return n.getBitsLength(this.data.length)},n.prototype.write=function(t){let e;for(e=0;e+2<=this.data.length;e+=2){let i=45*o.indexOf(this.data[e]);i+=o.indexOf(this.data[e+1]),t.put(i,11)}this.data.length%2&&t.put(o.indexOf(this.data[e]),6)},t.exports=n},86198:(t,e)=>{e.Patterns={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7};e.isValid=function(t){return null!=t&&""!==t&&!isNaN(t)&&t>=0&&t<=7},e.from=function(t){return e.isValid(t)?parseInt(t,10):void 0},e.getPenaltyN1=function(t){let e=t.size,i=0,r=0,o=0,n=null,a=null;for(let s=0;s<e;s++){r=o=0,n=a=null;for(let l=0;l<e;l++){let e=t.get(s,l);e===n?r++:(r>=5&&(i+=3+(r-5)),n=e,r=1),(e=t.get(l,s))===a?o++:(o>=5&&(i+=3+(o-5)),a=e,o=1)}r>=5&&(i+=3+(r-5)),o>=5&&(i+=3+(o-5))}return i},e.getPenaltyN2=function(t){let e=t.size,i=0;for(let r=0;r<e-1;r++)for(let o=0;o<e-1;o++){let e=t.get(r,o)+t.get(r,o+1)+t.get(r+1,o)+t.get(r+1,o+1);(4===e||0===e)&&i++}return 3*i},e.getPenaltyN3=function(t){let e=t.size,i=0,r=0,o=0;for(let n=0;n<e;n++){r=o=0;for(let a=0;a<e;a++)r=r<<1&2047|t.get(n,a),a>=10&&(1488===r||93===r)&&i++,o=o<<1&2047|t.get(a,n),a>=10&&(1488===o||93===o)&&i++}return 40*i},e.getPenaltyN4=function(t){let e=0,i=t.data.length;for(let r=0;r<i;r++)e+=t.data[r];return 10*Math.abs(Math.ceil(100*e/i/5)-10)},e.applyMask=function(t,i){let r=i.size;for(let o=0;o<r;o++)for(let n=0;n<r;n++)i.isReserved(n,o)||i.xor(n,o,function(t,i,r){switch(t){case e.Patterns.PATTERN000:return(i+r)%2==0;case e.Patterns.PATTERN001:return i%2==0;case e.Patterns.PATTERN010:return r%3==0;case e.Patterns.PATTERN011:return(i+r)%3==0;case e.Patterns.PATTERN100:return(Math.floor(i/2)+Math.floor(r/3))%2==0;case e.Patterns.PATTERN101:return i*r%2+i*r%3==0;case e.Patterns.PATTERN110:return(i*r%2+i*r%3)%2==0;case e.Patterns.PATTERN111:return(i*r%3+(i+r)%2)%2==0;default:throw Error("bad maskPattern:"+t)}}(t,n,o))},e.getBestMask=function(t,i){let r=Object.keys(e.Patterns).length,o=0,n=1/0;for(let a=0;a<r;a++){i(a),e.applyMask(a,t);let r=e.getPenaltyN1(t)+e.getPenaltyN2(t)+e.getPenaltyN3(t)+e.getPenaltyN4(t);e.applyMask(a,t),r<n&&(n=r,o=a)}return o}},86211:(t,e,i)=>{let r=i(3302);function o(t){this.mode=r.NUMERIC,this.data=t.toString()}o.getBitsLength=function(t){return 10*Math.floor(t/3)+(t%3?t%3*3+1:0)},o.prototype.getLength=function(){return this.data.length},o.prototype.getBitsLength=function(){return o.getBitsLength(this.data.length)},o.prototype.write=function(t){let e,i;for(e=0;e+3<=this.data.length;e+=3)i=parseInt(this.data.substr(e,3),10),t.put(i,10);let r=this.data.length-e;r>0&&(i=parseInt(this.data.substr(e),10),t.put(i,3*r+1))},t.exports=o},91974:(t,e,i)=>{let r=i(9121),o=i(3302);function n(t){this.mode=o.BYTE,"string"==typeof t&&(t=r(t)),this.data=new Uint8Array(t)}n.getBitsLength=function(t){return 8*t},n.prototype.getLength=function(){return this.data.length},n.prototype.getBitsLength=function(){return n.getBitsLength(this.data.length)},n.prototype.write=function(t){for(let e=0,i=this.data.length;e<i;e++)t.put(this.data[e],8)},t.exports=n},93025:t=>{function e(){this.buffer=[],this.length=0}e.prototype={get:function(t){let e=Math.floor(t/8);return(this.buffer[e]>>>7-t%8&1)==1},put:function(t,e){for(let i=0;i<e;i++)this.putBit((t>>>e-i-1&1)==1)},getLengthInBits:function(){return this.length},putBit:function(t){let e=Math.floor(this.length/8);this.buffer.length<=e&&this.buffer.push(0),t&&(this.buffer[e]|=128>>>this.length%8),this.length++}},t.exports=e},94898:(t,e)=>{let i=new Uint8Array(512),r=new Uint8Array(256),o=1;for(let t=0;t<255;t++)i[t]=o,r[o]=t,256&(o<<=1)&&(o^=285);for(let t=255;t<512;t++)i[t]=i[t-255];e.log=function(t){if(t<1)throw Error("log("+t+")");return r[t]},e.exp=function(t){return i[t]},e.mul=function(t,e){return 0===t||0===e?0:i[r[t]+r[e]]}}}]);
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.