1"use strict";(self.webpackChunkwods=self.webpackChunkwods||[]).push([[8126],{10363:(e,t,a)=>{var i=a(37022),r=a(56370),o=(a(61446),a(39446)),s=a(37845);const n=i.AH` 2 button { 3 border-radius: var(--local-border-radius); 4 color: var(--wui-color-fg-100); 5 padding: var(--local-padding); 6 } 7 8 @media (max-width: 700px) { 9 button { 10 padding: var(--wui-spacing-s); 11 } 12 } 13 14 button > wui-icon { 15 pointer-events: none; 16 } 17 18 button:disabled > wui-icon { 19 color: var(--wui-color-bg-300) !important; 20 } 21 22 button:disabled { 23 background-color: transparent; 24 } 25`;var c=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let l=class extends i.WF{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.icon="copy",this.iconColor="inherit"}
25render(){const e="lg"===this.size?"--wui-border-radius-xs":"--wui-border-radius-xxs",t="lg"===this.size?"--wui-spacing-1xs":"--wui-spacing-2xs";return this.style.cssText=`\n --local-border-radius: var(${e});\n --local-padding: var(${t});\n`,i.qy` 26 <button ?disabled=${this.disabled}> 27 <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon> 28 </button> 29 `}};l.styles=[o.W5,o.fD,o.ck,n],c([(0,r.MZ)()],l.prototype,"size",void 0),c([(0,r.MZ)({type:Boolean})],l.prototype,"disabled",void 0),c([(0,r.MZ)()],l.prototype,"icon",void 0),c([(0,r.MZ)()],l.prototype,"iconColor",void 0),l=c([(0,s.E)("wui-icon-link")],l)},10477:(e,t,a)=>{a(61446)},29319:(e,t,a)=>{var i=a(37022),r=a(56370),o=(a(7836),a(39446)),s=a(37845);const n=i.AH` 30 :host { 31 display: flex; 32 justify-content: center; 33 align-items: center; 34 height: var(--wui-spacing-m); 35 padding: 0 var(--wui-spacing-3xs) !important; 36 border-radius: var(--wui-border-radius-5xs); 37 transition: 38 border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1), 39 background-color var(--wui-duration-lg) var(--wui-ease-out-power-1); 40 will-change: border-radius, background-color; 41 } 42 43 :host > wui-text { 44 transform: translateY(5%); 45 } 46 47 :host([data-variant='main']) { 48 background-color: var(--wui-color-accent-glass-015); 49 color: var(--wui-color-accent-100); 50 } 51 52 :host([data-variant='shade']) { 53 background-color: var(--wui-color-gray-glass-010); 54 color: var(--wui-color-fg-200); 55 } 56 57 :host([data-variant='success']) { 58 background-color: var(--wui-icon-box-bg-success-100); 59 color: var(--wui-color-success-100); 60 } 61 62 :host([data-variant='error']) { 63 background-color: var(--wui-icon-box-bg-error-100); 64 color: var(--wui-color-error-100); 65 } 66 67 :host([data-size='lg']) { 68 padding: 11px 5px !important; 69 } 70 71 :host([data-size='lg']) > wui-text { 72 transform: translateY(2%); 73 } 74`;var c=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let l=class extends i.WF{constructor(){super(...arguments),this.variant="main",this.size="lg"}render(){this.dataset.variant=this.variant,this.dataset.size=this.size;const e="md"===this.size?"mini-700":"micro-700";return i.qy` 75 <wui-text data-variant=${this.variant} variant=${e} color="inherit"> 76 <slot></slot> 77 </wui-text> 78 `}};l.styles=[o.W5,n],c([(0,r.MZ)()],l.prototype,"variant",void 0),c([(0,r.MZ)()],l.prototype,"size",void 0),l=c([(0,s.E)("wui-tag")],l)},38126:(e,t,a)=>{a.r(t),a.d(t,{W3mApproveTransactionView:()=>h,W3mRegisterAccountNameSuccess:()=>q,W3mRegisterAccountNameView:()=>z,W3mUpgradeWalletView:()=>w});var i=a(37022),r=a(56370),o=a(25347),s=a(73609),n=a(61139),c=a(73939),l=a(36141),u=a(89268);const d=i.AH` 79 div { 80 width: 100%; 81 } 82 83 [data-ready='false'] { 84 transform: scale(1.05); 85 } 86 87 @media (max-width: 430px) { 88 [data-ready='false'] { 89 transform: translateY(-50px); 90 } 91 } 92`;var g=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let h=class extends i.WF{constructor(){super(),this.bodyObserver=void 0,this.unsubscribe=[],this.iframe=document.getElementById("w3m-iframe"),this.ready=!1,this.unsubscribe.push(s.W.subscribeKey("open",(e=>{e||(this.onHideIframe(),n.I.popTransactionStack())})),s.W.subscribeKey("shake",(e=>{this.iframe.style.animation=e?"w3m-shake 500ms var(--wui-ease-out-power-2)":"none"})))}disconnectedCallback(){this.onHideIframe(),this.unsubscribe.forEach((e=>e())),this.bodyObserver?.unobserve(window.document.body)}async firstUpdated(){await this.syncTheme(),this.iframe.style.display="block";const e=this?.renderRoot?.querySelector("div");this.bodyObserver=new ResizeObserver((t=>{const a=t?.[0]?.contentBoxSize,i=a?.[0]?.inlineSize;
92this.iframe.style.height="600px",e.style.height="600px",i&&i<=430?(this.iframe.style.width="100%",this.iframe.style.left="0px",this.iframe.style.bottom="0px",this.iframe.style.top="unset"):(this.iframe.style.width="360px",this.iframe.style.left="calc(50% - 180px)",this.iframe.style.top="calc(50% - 300px + 32px)",this.iframe.style.bottom="unset"),this.ready=!0,this.onShowIframe()})),this.bodyObserver.observe(window.document.body)}render(){return i.qy`<div data-ready=${this.ready} id="w3m-frame-container"></div>`}onShowIframe(){const e=window.innerWidth<=430;this.iframe.style.animation=e?"w3m-iframe-zoom-in-mobile 200ms var(--wui-ease-out-power-2)":"w3m-iframe-zoom-in 200ms var(--wui-ease-out-power-2)"}onHideIframe(){this.iframe.style.display="none",this.iframe.style.animation="w3m-iframe-fade-out 200ms var(--wui-ease-out-power-2)"}async syncTheme(){const e=c.a.getAuthConnector();if(e){const t=l.W.getSnapshot().themeMode,a=l.W.getSnapshot().themeVariables;await e.provider.syncTheme({themeVariables:a,w3mThemeVariables:(0,o.o)(a,t)})}}};h.styles=d,g([(0,r.wk)()],h.prototype,"ready",void 0),h=g([(0,u.EM)("w3m-approve-transaction-view")],h);var p=a(84657),v=(a(98203),a(84107),a(84875),function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s});let w=class extends i.WF{render(){return i.qy` 93 <wui-flex flexDirection="column" alignItems="center" gap="xl" padding="xl"> 94 <wui-text variant="paragraph-400" color="fg-100">Follow the instructions on</wui-text> 95 <wui-chip 96 icon="externalLink" 97 variant="fill" 98 href=${p.oU.SECURE_SITE_DASHBOARD} 99 imageSrc=${p.oU.SECURE_SITE_FAVICON} 100 data-testid="w3m-secure-website-button" 101 > 102 </wui-chip> 103 <wui-text variant="small-400" color="fg-200"> 104 You will have to reconnect for security reasons 105 </wui-text> 106 </wui-flex> 107 `}};w=v([(0,u.EM)("w3m-upgrade-wallet-view")],w);var m=a(22677),f=a(80883),b=a(83793),y=a(595),x=a(24657),k=a(79323),S=a(7258),$=a(56440),R=(a(23723),a(7836),a(39446)),T=a(37845);a(52501);const E=i.AH` 108 :host { 109 position: relative; 110 width: 100%; 111 display: inline-block; 112 color: var(--wui-color-fg-275); 113 } 114 115 .error { 116 margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m); 117 } 118 119 .base-name { 120 position: absolute; 121 right: 45px; 122 top: 15px; 123 text-align: right; 124 } 125`;var A=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let I=class extends i.WF{constructor(){super(...arguments),this.disabled=!1,this.loading=!1}render(){return i.qy` 126 <wui-input-text 127 value=${(0,$.J)(this.value)} 128 ?disabled=${this.disabled} 129 .value=${this.value||""} 130 data-testid="wui-ens-input" 131 inputRightPadding="5xl" 132 > 133 ${this.baseNameTemplate()} ${this.errorTemplate()}${this.loadingTemplate()} 134 </wui-input-text> 135 `}baseNameTemplate(){return i.qy`<wui-text variant="paragraph-400" color="fg-200" class="base-name"> 136 ${f.o.WC_NAME_SUFFIX} 137 </wui-text>`}loadingTemplate(){return this.loading?i.qy`<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`:null}errorTemplate(){return this.errorMessage?i.qy`<wui-text variant="tiny-500" color="error-100" class="error" 138 >${this.errorMessage}</wui-text 139 >`:null}};I.styles=[R.W5,E],A([(0,r.MZ)()],I.prototype,"errorMessage",void 0),A([(0,r.MZ)({type:Boolean})],I.prototype,"disabled",void 0),A([(0,r.MZ)()],I.prototype,"value",void 0),A([(0,r.MZ)({type:Boolean})],I.prototype,"loading",void 0),I=A([(0,T.E)("wui-ens-input")],I);a(10477),a(10363),a(94582),a(85098);var M=a(59979);const N=i.AH` 140 wui-flex { 141 width: 100%; 142 } 143 144 .suggestion { 145 background: var(--wui-color-gray-glass-002); 146 border-radius: var(--wui-border-radius-xs); 147 } 148 149 .suggestion:hover { 150 background-color: var(--wui-color-gray-glass-005); 151 cursor: pointer; 152 } 153 154 .suggested-name { 155 max-width: 75%; 156 overflow: hidden; 157 text-overflow: ellipsis; 158 white-space: nowrap; 159 } 160 161 form { 162 width: 100%; 163 } 164 165 wui-icon-link { 166 position: absolute; 167 right: 20px; 168 transform: translateY(11px); 169 } 170`;var O=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let z=class extends i.WF{constructor(){super(),this.formRef=(0,m._)(),this.usubscribe=[],this.name="",this.error="",this.loading=b.f.state.loading,this.suggestions=b.f.state.suggestions,this.registered=!1,this.profileName=y.U.state.profileName,this.onDebouncedNameInputChange=x.w.debounce((e=>{b.f.validateName(e)?(this.error="",this.name=e,b.f.getSuggestions(e),b.f.isNameRegistered(e).then((e=>{this.registered=e}))):e.length<4?this.error="Name must be at least 4 characters long":this.error="Can only contain letters, numbers and - characters"})),this.usubscribe.push(b.f.subscribe((e=>{this.suggestions=e.suggestions,this.loading=e.loading})),y.U.subscribeKey("profileName",(e=>{this.profileName=e,e&&(this.error="You already own a name")})))}firstUpdated(){this.formRef.value?.addEventListener("keydown",this.onEnterKey.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.usubscribe.forEach((e=>e())),this.formRef.value?.removeEventListener("keydown",this.onEnterKey.bind(this))}render(){return i.qy` 171 <wui-flex 172 flexDirection="column" 173 alignItems="center" 174 gap="m" 175 .padding=${["0","s","m","s"]} 176 > 177 <form ${(0,m.K)(this.formRef)} @submit=${this.onSubmitName.bind(this)}> 178 <wui-ens-input 179 @inputChange=${this.onNameInputChange.bind(this)} 180 .errorMessage=${this.error} 181 .value=${this.name} 182 > 183 </wui-ens-input> 184 ${this.submitButtonTemplate()} 185 <input type="submit" hidden /> 186 </form> 187 ${this.templateSuggestions()} 188 </wui-flex> 189 `}submitButtonTemplate(){return this.isAllowedToSubmit()?i.qy` 190 <wui-icon-link 191 size="sm" 192 icon="chevronRight" 193 iconcolor="accent-100" 194 @click=${this.onSubmitName.bind(this)} 195 > 196 </wui-icon-link> 197 `:null}onSelectSuggestion(e){return()=>{this.name=e,this.registered=!1,this.requestUpdate()}}onNameInputChange(e){this.onDebouncedNameInputChange(e.detail)}nameSuggestionTagTemplate(){return this.loading?i.qy`<wui-loading-spinner size="lg" color="fg-100"></wui-loading-spinner>`:this.registered?i.qy`<wui-tag variant="shade" size="lg">Registered</wui-tag>`:i.qy`<wui-tag variant="success" size="lg">Available</wui-tag>`}templateSuggestions(){if(!this.name||this.name.length<4||this.error)return null;const e=this.registered?this.suggestions.filter((e=>e.name!==this.name)):[];
197return i.qy`<wui-flex flexDirection="column" gap="xxs" alignItems="center"> 198 <wui-flex 199 data-testid="account-name-suggestion" 200 .padding=${["m","m","m","m"]} 201 justifyContent="space-between" 202 class="suggestion" 203 @click=${this.onSubmitName.bind(this)} 204 > 205 <wui-text color="fg-100" variant="paragraph-400" class="suggested-name"> 206 ${this.name}</wui-text 207 >${this.nameSuggestionTagTemplate()} 208 </wui-flex> 209 ${e.map((e=>this.availableNameTemplate(e.name)))} 210 </wui-flex>`}availableNameTemplate(e){return i.qy` <wui-flex 211 data-testid="account-name-suggestion" 212 .padding=${["m","m","m","m"]} 213 justifyContent="space-between" 214 class="suggestion" 215 @click=${this.onSelectSuggestion(e)} 216 > 217 <wui-text color="fg-100" variant="paragraph-400" class="suggested-name"> 218 ${e} 219 </wui-text> 220 <wui-tag variant="success" size="lg">Available</wui-tag> 221 </wui-flex>`}isAllowedToSubmit(){return!this.loading&&!this.registered&&!this.error&&!this.profileName&&b.f.validateName(this.name)}async onSubmitName(){try{if(!this.isAllowedToSubmit())return;const e=`${this.name}${f.o.WC_NAME_SUFFIX}`;k.E.sendEvent({type:"track",event:"REGISTER_NAME_INITIATED",properties:{isSmartAccount:y.U.state.preferredAccountType===M.Vl.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:e}}),await b.f.registerName(e),k.E.sendEvent({type:"track",event:"REGISTER_NAME_SUCCESS",properties:{isSmartAccount:y.U.state.preferredAccountType===M.Vl.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:e}})}catch(e){S.P.showError(e.message),k.E.sendEvent({type:"track",event:"REGISTER_NAME_ERROR",properties:{isSmartAccount:y.U.state.preferredAccountType===M.Vl.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:`${this.name}${f.o.WC_NAME_SUFFIX}`,error:e?.message||"Unknown error"}})}}onEnterKey(e){"Enter"===e.key&&this.isAllowedToSubmit()&&this.onSubmitName()}};z.styles=N,O([(0,r.MZ)()],z.prototype,"errorMessage",void 0),O([(0,r.wk)()],z.prototype,"name",void 0),O([(0,r.wk)()],z.prototype,"error",void 0),O([(0,r.wk)()],z.prototype,"loading",void 0),O([(0,r.wk)()],z.prototype,"suggestions",void 0),O([(0,r.wk)()],z.prototype,"registered",void 0),O([(0,r.wk)()],z.prototype,"profileName",void 0),z=O([(0,u.EM)("w3m-register-account-name-view")],z);var C=a(71222);a(92016),a(60677),a(43901);const j=i.AH` 222 .continue-button-container { 223 width: 100%; 224 } 225`;var W=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let q=class extends i.WF{render(){return i.qy` 226 <wui-flex 227 flexDirection="column" 228 alignItems="center" 229 gap="xxl" 230 .padding=${["0","0","l","0"]} 231 > 232 ${this.onboardingTemplate()} ${this.buttonsTemplate()} 233 <wui-link 234 @click=${()=>{x.w.openHref(C.T.URLS.FAQ,"_blank")}} 235 > 236 Learn more 237 <wui-icon color="inherit" slot="iconRight" name="externalLink"></wui-icon> 238 </wui-link> 239 </wui-flex> 240 `}onboardingTemplate(){return i.qy` <wui-flex 241 flexDirection="column" 242 gap="xxl" 243 alignItems="center" 244 .padding=${["0","xxl","0","xxl"]} 245 > 246 <wui-flex gap="s" alignItems="center" justifyContent="center"> 247 <wui-icon-box 248 size="xl" 249 iconcolor="success-100" 250 backgroundcolor="success-100" 251 icon="checkmark" 252 background="opaque" 253 ></wui-icon-box> 254 </wui-flex> 255 <wui-flex flexDirection="column" alignItems="center" gap="s"> 256 <wui-text align="center" variant="medium-600" color="fg-100"> 257 Account name chosen successfully 258 </wui-text> 259 <wui-text align="center" variant="paragraph-400" color="fg-100"> 260 You can now fund your account and trade crypto 261 </wui-text> 262 </wui-flex> 263 </wui-flex>`}buttonsTemplate(){return i.qy`<wui-flex 264 .padding=${["0","2l","0","2l"]} 265 gap="s" 266 class="continue-button-container" 267 > 268 <wui-button fullWidth size="lg" borderRadius="xs" @click=${this.redirectToAccount.bind(this)} 269 >Let's Go! 270 </wui-button>
270 271 </wui-flex>`}redirectToAccount(){n.I.replace("Account")}};q.styles=j,q=W([(0,u.EM)("w3m-register-account-name-success-view")],q)},43901:(e,t,a)=>{var i=a(37022),r=a(56370),o=a(56440),s=(a(7836),a(39446)),n=a(37845);const c=i.AH` 272 button { 273 padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs); 274 border-radius: var(--wui-border-radius-3xs); 275 background-color: transparent; 276 color: var(--wui-color-accent-100); 277 } 278 279 button:disabled { 280 background-color: transparent; 281 color: var(--wui-color-gray-glass-015); 282 } 283 284 button:hover { 285 background-color: var(--wui-color-gray-glass-005); 286 } 287`;var l=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let u=class extends i.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return i.qy` 288 <button ?disabled=${this.disabled} tabindex=${(0,o.J)(this.tabIdx)}> 289 <slot name="iconLeft"></slot> 290 <wui-text variant="small-600" color=${this.color}> 291 <slot></slot> 292 </wui-text> 293 <slot name="iconRight"></slot> 294 </button> 295 `}};u.styles=[s.W5,s.fD,c],l([(0,r.MZ)()],u.prototype,"tabIdx",void 0),l([(0,r.MZ)({type:Boolean})],u.prototype,"disabled",void 0),l([(0,r.MZ)()],u.prototype,"color",void 0),u=l([(0,n.E)("wui-link")],u)},60677:(e,t,a)=>{a(90702)},71056:(e,t,a)=>{var i=a(37022),r=a(56370),o=a(39446),s=a(37845);const n=i.AH` 296 :host { 297 display: block; 298 width: var(--local-width); 299 height: var(--local-height); 300 } 301 302 img { 303 display: block; 304 width: 100%; 305 height: 100%; 306 object-fit: cover; 307 object-position: center center; 308 border-radius: inherit; 309 } 310`;var c=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let l=class extends i.WF{constructor(){super(...arguments),this.src="./path/to/image.jpg",this.alt="Image",this.size=void 0}render(){return this.style.cssText=`\n --local-width: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"};\n --local-height: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"};\n `,i.qy`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`}handleImageError(){this.dispatchEvent(new CustomEvent("onLoadError",{bubbles:!0,composed:!0}))}};l.styles=[o.W5,o.ck,n],c([(0,r.MZ)()],l.prototype,"src",void 0),c([(0,r.MZ)()],l.prototype,"alt",void 0),c([(0,r.MZ)()],l.prototype,"size",void 0),l=c([(0,s.E)("wui-image")],l)},71222:(e,t,a)=>{a.d(t,{T:()=>i});const i={URLS:{FAQ:"https://walletconnect.com/faq"}}},85098:(e,t,a)=>{a(29319)},94582:(e,t,a)=>{a(23723)},98203:(e,t,a)=>{var i=a(37022),r=a(56370),o=(a(61446),a(71056),a(7836),a(39446)),s=a(69929),n=a(37845);const c=i.AH` 311 a { 312 border: 1px solid var(--wui-color-gray-glass-010); 313 border-radius: var(--wui-border-radius-3xl); 314 } 315 316 wui-image { 317 border-radius: var(--wui-border-radius-3xl); 318 overflow: hidden; 319 } 320 321 a.disabled > wui-icon:not(.image-icon), 322 a.disabled > wui-image { 323 filter: grayscale(1); 324 } 325 326 a[data-variant='fill'] { 327 color: var(--wui-color-inverse-100); 328 background-color: var(--wui-color-accent-100); 329 } 330 331 a[data-variant='shade'], 332 a[data-variant='shadeSmall'] { 333 background-color: transparent; 334 background-color: var(--wui-color-gray-glass-010); 335 color: var(--wui-color-fg-200); 336 } 337 338 a[data-variant='success'] { 339 column-gap: var(--wui-spacing-xxs); 340 border: 1px solid var(--wui-color-success-glass-010); 341 background-color: var(--wui-color-success-glass-010); 342 color: var(--wui-color-success-100); 343 } 344 345 a[data-variant='error'] { 346 column-gap: var(--wui-spacing-xxs); 347 border: 1px solid var(--wui-color-error-glass-010); 348 background-color: var(--wui-color-error-glass-010); 349 color: var(--wui-color-error-100); 350 } 351 352 a[data-variant='transparent'] { 353 column-gap: var(--wui-spacing-xxs); 354 background-color: transparent; 355 color: var(--wui-color-fg-150); 356 } 357 358 a[data-variant='transparent'], 359 a[data-variant='success'], 360 a[data-variant='shadeSmall'], 361 a[data-variant='error'] { 362 padding: 7px var(--wui-spacing-s) 7px 10px; 363 } 364 365 a[data-variant='transparent']:has(wui-text:first-child), 366 a[data-variant='success']:has(wui-text:first-child), 367 a[data-variant='shadeSmall']:has(wui-text:first-child), 368 a[data-variant='error']:has(wui-text:first-child) { 369 padding: 7px var(--wui-spacing-s); 370 } 371 372 a[data-variant='fill'], 373 a[data-variant='shade'] { 374 column-gap: var(--wui-spacing-xs); 375 padding: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-xxs) 376 var(--wui-spacing-xs); 377 } 378 379 a[data-variant='fill']:has(wui-text:first-child), 380 a[data-variant='shade']:has(wui-text:first-child) { 381 padding: 9px var(--wui-spacing-m) 9px var(--wui-spacing-m); 382 } 383 384 a[data-variant='fill'] > wui-image, 385 a[data-variant='shade'] > wui-image { 386 width: 24px; 387 height: 24px; 388 } 389 390 a[data-variant='fill'] > wui-image { 391 box-shadow: inset 0 0 0 1px var(--wui-color-accent-090); 392 } 393 394 a[data-variant='shade'] > wui-image, 395 a[data-variant='shadeSmall'] > wui-image { 396 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 397 } 398 399 a[data-variant='fill'] > wui-icon:not(.image-icon), 400 a[data-variant='shade'] > wui-icon:not(.image-icon) { 401 width: 14px; 402 height: 14px; 403 } 404 405 a[data-variant='transparent'] > wui-image, 406 a[data-variant='success'] > wui-image, 407 a[data-variant='shadeSmall'] > wui-image, 408 a[data-variant='error'] > wui-image { 409 width: 14px; 410 height: 14px; 411 } 412 413 a[data-variant='transparent'] > wui-icon:not(.image-icon), 414 a[data-variant='success'] > wui-icon:not(.image-icon), 415 a[data-variant='shadeSmall'] > wui-icon:not(.image-icon), 416 a[data-variant='error'] > wui-icon:not(.image-icon) { 417 width: 12px; 418 height: 12px; 419 } 420 421 a[data-variant='fill']:focus-visible { 422 background-color: var(--wui-color-accent-090); 423 } 424 425 a[data-variant='shade']:focus-visible, 426 a[data-variant='shadeSmall']:focus-visible { 427 background-color: var(--wui-color-gray-glass-015); 428 } 429 430 a[data-variant='transparent']:focus-visible { 431 background-color: var(--wui-color-gray-glass-005); 432 } 433 434 a[data-variant='success']:focus-visible { 435 background-color: var(--wui-color-success-glass-015); 436 } 437 438 a[data-variant='error']:focus-visible { 439 background-color: var(--wui-color-error-glass-015); 440 } 441 442 a.disabled { 443 color: var(--wui-color-gray-glass-015); 444 background-color: var(--wui-color-gray-glass-015); 445 pointer-events: none; 446 } 447 448 @media (hover: hover) and (pointer: fine) { 449 a[data-variant='fill']:hover { 450 background-color: var(--wui-color-accent-090); 451 } 452 453 a[data-variant='shade']:hover, 454 a[data-variant='shadeSmall']:hover { 455 background-color: var(--wui-color-gray-glass-015); 456 } 457 458 a[data-variant='transparent']:hover { 459 background-color: var(--wui-color-gray-glass-005); 460 } 461 462 a[data-variant='success']:hover { 463 background-color: var(--wui-color-success-glass-015); 464 } 465 466 a[data-variant='error']:hover { 467 background-color: var(--wui-color-error-glass-015); 468 } 469 } 470 471 a[data-variant='fill']:active { 472 background-color: var(--wui-color-accent-080); 473 } 474 475 a[data-variant='shade']:active, 476 a[data-variant='shadeSmall']:active { 477 background-color: var(--wui-color-gray-glass-020); 478 } 479 480 a[data-variant='transparent']:active { 481 background-color: var(--wui-color-gray-glass-010); 482 } 483 484 a[data-variant='success']:active { 485 background-color: var(--wui-color-success-glass-020); 486 } 487 488 a[data-variant='error']:active { 489 background-color: var(--wui-color-error-glass-020); 490 } 491`;var l=function(e,t,a,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)s=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,a,s):r(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let u=class extends i.WF{constructor(){super(...arguments),this.variant="fill",this.imageSrc=void 0,this.imageIcon=void 0,this.imageIconSize="md",this.disabled=!1,this.icon="externalLink",this.href="",this.text=void 0}render(){const e="success"===this.variant||"transparent"===this.variant||"shadeSmall"===this.variant?"small-600":"paragraph-600";return i.qy` 492 <a 493 rel="noreferrer" 494 target="_blank" 495 href=${this.href} 496 class=${this.disabled?"disabled":""} 497 data-variant=${this.variant} 498 > 499 ${this.imageTemplate()} 500 <wui-text variant=${e} color="inherit"> 501 ${this.title?this.title:s.Z.getHostName(this.href)} 502 </wui-text> 503 <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon> 504 </a> 505 `}imageTemplate(){return this.imageSrc?i.qy`<wui-image src=${this.imageSrc}></wui-image>`:this.imageIcon?i.qy`<wui-icon 506 name=${this.imageIcon} 507 color="inherit" 508 size=${this.imageIconSize} 509 class="image-icon" 510 ></wui-icon>`:null}};u.styles=[o.W5,o.fD,c],l([(0,r.MZ)()],u.prototype,"variant",void 0),l([(0,r.MZ)()],u.prototype,"imageSrc",void 0),l([(0,r.MZ)()],u.prototype,"imageIcon",void 0),l([(0,r.MZ)()],u.prototype,"imageIconSize",void 0),l([(0,r.MZ)({type:Boolean})],u.prototype,"disabled",void 0),l([(0,r.MZ)()],u.prototype,"icon",void 0),l([(0,r.MZ)()],u.prototype,"href",void 0),l([(0,r.MZ)()],u.prototype,"text",void 0),u=l([(0,n.E)("wui-chip")],u)}}]); 511//# sourceMappingURL=8126.64e46211.chunk.js.map
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.