1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[874],{40874:(e,t,i)=>{i.r(t),i.d(t,{W3mApproveTransactionView:()=>h,W3mRegisterAccountNameSuccess:()=>J,W3mRegisterAccountNameView:()=>K,W3mSmartAccountSettingsView:()=>_,W3mUpgradeWalletView:()=>S});var r=i(56059),o=i(81767),n=i(99817),a=i(53984),s=i(18627),c=i(32590),l=i(51636),d=i(2076);let u=(0,r.AH)` 2 div { 3 width: 100%; 4 } 5 6 [data-ready='false'] { 7 transform: scale(1.05); 8 } 9 10 @media (max-width: 430px) { 11 [data-ready='false'] { 12 transform: translateY(-50px); 13 } 14 } 15`;var p=function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let h=class extends r.WF{constructor(){super(),this.bodyObserver=void 0,this.unsubscribe=[],this.iframe=document.getElementById("w3m-iframe"),this.ready=!1,this.unsubscribe.push(a.W.subscribeKey("open",e=>{e||this.onHideIframe()}),a.W.subscribeKey("shake",e=>{e?this.iframe.style.animation="w3m-shake 500ms var(--apkt-easings-ease-out-power-2)":this.iframe.style.animation="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";let e=this?.renderRoot?.querySelector("div");this.bodyObserver=new ResizeObserver(t=>{let i=t?.[0]?.contentBoxSize,r=i?.[0]?.inlineSize;this.iframe.style.height="600px",e.style.height="600px",s.H.state.enableEmbedded?this.updateFrameSizeForEmbeddedMode():(r&&r<=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.onShowIframe())}),this.bodyObserver.observe(window.document.body)}render(){return(0,r.qy)`<div data-ready=${this.ready} id="w3m-frame-container"></div>`}onShowIframe(){let e=window.innerWidth<=430;this.ready=!0,this.iframe.style.animation=e?"w3m-iframe-zoom-in-mobile 200ms var(--apkt-easings-ease-out-power-2)":"w3m-iframe-zoom-in 200ms var(--apkt-easings-ease-out-power-2)"}onHideIframe(){this.iframe.style.display="none",this.iframe.style.animation="w3m-iframe-fade-out 200ms var(--apkt-easings-ease-out-power-2)"}async syncTheme(){let e=c.a.getAuthConnector();if(e){let t=l.W.getSnapshot().themeMode,i=l.W.getSnapshot().themeVariables;await e.provider.syncTheme({themeVariables:i,w3mThemeVariables:(0,n.o)(i,t)})}}async updateFrameSizeForEmbeddedMode(){let e=this?.renderRoot?.querySelector("div");await new Promise(e=>{setTimeout(e,300)});let t=this.getBoundingClientRect();e.style.width="100%",this.iframe.style.left=`${t.left}px`,this.iframe.style.top=`${t.top}px`,this.iframe.style.width=`${t.width}px`,this.iframe.style.height=`${t.height}px`,this.onShowIframe()}};h.styles=u,p([(0,o.wk)()],h.prototype,"ready",void 0),h=p([(0,d.EM)("w3m-approve-transaction-view")],h);var g=i(81920);i(6647),i(79909),i(39909),i(83627);var m=i(46756),f=i(63412),w=i(91392);let y=(0,w.AH)` 16 a { 17 border: none; 18 border-radius: ${({borderRadius:e})=>e["20"]}; 19 display: flex; 20 flex-direction: row; 21 align-items: center; 22 padding: ${({spacing:e})=>e[1]}; 23 transition: 24 background-color ${({durations:e})=>e.lg} 25 ${({easings:e})=>e["ease-out-power-2"]}, 26 box-shadow ${({durations:e})=>e.lg} 27 ${({easings:e})=>e["ease-out-power-2"]}, 28 border ${({durations:e})=>e.lg} ${({easings:e})=>e["ease-out-power-2"]}; 29 will-change: background-color, box-shadow, border; 30 } 31 32 /* -- Variants --------------------------------------------------------------- */ 33 a[data-type='success'] { 34 background-color: ${({tokens:e})=>e.core.backgroundSuccess}; 35 color: ${({tokens:e})=>e.core.textSuccess}; 36 } 37 38 a[data-type='error'] { 39 background-color: ${({tokens:e})=>e.core.backgroundError}; 40 color: ${({tokens:e})=>e.core.textError}; 41 } 42 43 a[data-type='warning'] { 44 background-color: ${({tokens:e})=>e.core.backgroundWarning}; 45 color: ${({tokens:e})=>e.core.textWarning}; 46 } 47 48 /* -- Sizes --------------------------------------------------------------- */ 49 a[data-size='sm'] { 50 height: 24px; 51 } 52 53 a[data-size='md'] { 54 height: 28px; 55 } 56 57 a[data-size='lg'] { 58 height: 32px; 59 } 60 61 a[data-size='sm'] > wui-image, 62 a[data-size='sm'] > wui-icon { 63 width: 16px; 64 height: 16px; 65 } 66 67 a[data-size='md'] > wui-image, 68 a[data-size='md'] > wui-icon {
69 width: 20px; 70 height: 20px; 71 } 72 73 a[data-size='lg'] > wui-image, 74 a[data-size='lg'] > wui-icon { 75 width: 24px; 76 height: 24px; 77 } 78 79 wui-text { 80 padding-left: ${({spacing:e})=>e[1]}; 81 padding-right: ${({spacing:e})=>e[1]}; 82 } 83 84 wui-image { 85 border-radius: ${({borderRadius:e})=>e[3]}; 86 overflow: hidden; 87 user-drag: none; 88 user-select: none; 89 -moz-user-select: none; 90 -webkit-user-drag: none; 91 -webkit-user-select: none; 92 -ms-user-select: none; 93 } 94 95 /* -- States --------------------------------------------------------------- */ 96 @media (hover: hover) and (pointer: fine) { 97 a[data-type='success']:not(:disabled):hover { 98 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 99 box-shadow: 0px 0px 0px 1px ${({tokens:e})=>e.core.borderSuccess}; 100 } 101 102 a[data-type='error']:not(:disabled):hover { 103 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 104 box-shadow: 0px 0px 0px 1px ${({tokens:e})=>e.core.borderError}; 105 } 106 107 a[data-type='warning']:not(:disabled):hover { 108 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 109 box-shadow: 0px 0px 0px 1px ${({tokens:e})=>e.core.borderWarning}; 110 } 111 } 112 113 a[data-type='success']:not(:disabled):focus-visible { 114 box-shadow: 115 0px 0px 0px 1px ${({tokens:e})=>e.core.backgroundAccentPrimary}, 116 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent020}; 117 } 118 119 a[data-type='error']:not(:disabled):focus-visible { 120 box-shadow: 121 0px 0px 0px 1px ${({tokens:e})=>e.core.backgroundAccentPrimary}, 122 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent020}; 123 } 124 125 a[data-type='warning']:not(:disabled):focus-visible { 126 box-shadow: 127 0px 0px 0px 1px ${({tokens:e})=>e.core.backgroundAccentPrimary}, 128 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent020}; 129 } 130 131 a:disabled { 132 opacity: 0.5; 133 } 134`;var b=function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let x={sm:"md-regular",md:"lg-regular",lg:"lg-regular"},v={success:"sealCheck",error:"warning",warning:"exclamationCircle"},$=class extends r.WF{constructor(){super(...arguments),this.type="success",this.size="md",this.imageSrc=void 0,this.disabled=!1,this.href="",this.text=void 0}render(){return(0,r.qy)` 135 <a 136 rel="noreferrer" 137 target="_blank" 138 href=${this.href} 139 class=${this.disabled?"disabled":""} 140 data-type=${this.type} 141 data-size=${this.size} 142 > 143 ${this.imageTemplate()} 144 <wui-text variant=${x[this.size]} color="inherit">${this.text}</wui-text> 145 </a> 146 `}imageTemplate(){return this.imageSrc?(0,r.qy)`<wui-image src=${this.imageSrc} size="inherit"></wui-image>`:(0,r.qy)`<wui-icon 147 name=${v[this.type]} 148 weight="fill" 149 color="inherit" 150 size="inherit" 151 class="image-icon" 152 ></wui-icon>`}};$.styles=[m.W5,m.fD,y],b([(0,o.MZ)()],$.prototype,"type",void 0),b([(0,o.MZ)()],$.prototype,"size",void 0),b([(0,o.MZ)()],$.prototype,"imageSrc",void 0),b([(0,o.MZ)({type:Boolean})],$.prototype,"disabled",void 0),b([(0,o.MZ)()],$.prototype,"href",void 0),b([(0,o.MZ)()],$.prototype,"text",void 0),$=b([(0,f.E)("wui-semantic-chip")],$),i(66803);let S=class extends r.WF{render(){return(0,r.qy)` 153 <wui-flex flexDirection="column" alignItems="center" gap="5" padding="5"> 154 <wui-text variant="md-regular" color="primary">Follow the instructions on</wui-text> 155 <wui-semantic-chip 156 icon="externalLink" 157 variant="fill" 158 text=${g.oU.SECURE_SITE_DASHBOARD} 159 href=${g.oU.SECURE_SITE_DASHBOARD} 160 imageSrc=${g.oU.SECURE_SITE_FAVICON} 161 data-testid="w3m-secure-website-button" 162 > 163 </wui-semantic-chip> 164 <wui-text variant="sm-regular" color="secondary"> 165 You will have to reconnect for security reasons 166 </wui-text> 167 </wui-flex> 168 `}};S=function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([(0,d.EM)("w3m-upgrade-wallet-view")],S);var A=i(57873),k=i(82376),T=i(89188),E=i(36071),R=i(18577),C=i(11558),N=i(47482),O=function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let _=class extends r.WF{constructor(){super(...arguments),this.loading=!1,this.switched=!1,this.text="",this.network=k.W.state.activeCaipNetwork}render(){return(0,r.qy)` 169 <wui-flex flexDirection="column" gap="2" .padding=${["6","4","3","4"]}> 170 ${this.togglePreferredAccountTypeTemplate()} ${this.toggleSmartAccountVersionTemplate()} 171 </wui-flex> 172 `}toggleSmartAccountVersionTemplate(){return(0,r.qy)` 173 <w3m-tooltip-trigger text="Changing the smart account version will reload the page"> 174 <wui-list-item 175 icon=${this.isV6()?"arrowTop":"arrowBottom"} 176 ?rounded=${!0} 177 ?chevron=${!0} 178 data-testid="account-toggle-smart-account-version" 179 @click=${this.toggleSmartAccountVersion.bind(this)} 180 > 181 <wui-text variant="lg-regular" color="primary" 182 >Force Smart Account Version ${this.isV6()?"7":"6"}</wui-text 183 > 184 </wui-list-item> 185 </w3m-tooltip-trigger> 186 `}isV6(){return"v6"===(C.o.get("dapp_smart_account_version")||"v6")}toggleSmartAccountVersion(){C.o.set("dapp_smart_account_version",this.isV6()?"v7":"v6"),"undefined"!=typeof window&&window?.location?.reload()}togglePreferredAccountTypeTemplate(){let e=this.network?.chainNamespace,t=k.W.checkIfSmartAccountEnabled(),i=c.a.getConnectorId(e);return c.a.getAuthConnector()&&i===A.o.CONNECTOR_ID.AUTH&&t?(this.switched||(this.text=(0,T.lj)(e)===N.Vl.ACCOUNT_TYPES.SMART_ACCOUNT?"Switch to your EOA":"Switch to your Smart Account"),(0,r.qy)` 187 <wui-list-item 188 icon="swapHorizontal" 189 ?rounded=${!0} 190 ?chevron=${!0} 191 ?loading=${this.loading} 192 @click=${this.changePreferredAccountType.bind(this)} 193 data-testid="account-toggle-preferred-account-type" 194 > 195 <wui-text variant="lg-regular" color="primary">${this.text}</wui-text> 196 </wui-list-item> 197 `):null}async changePreferredAccountType(){let e=this.network?.chainNamespace,t=k.W.checkIfSmartAccountEnabled(),i=(0,T.lj)(e)!==N.Vl.ACCOUNT_TYPES.SMART_ACCOUNT&&t?N.Vl.ACCOUNT_TYPES.SMART_ACCOUNT:N.Vl.ACCOUNT_TYPES.EOA;c.a.getAuthConnector()&&(this.loading=!0,await E.x.setPreferredAccountType(i,e),this.text=i===N.Vl.ACCOUNT_TYPES.SMART_ACCOUNT?"Switch to your EOA":"Switch to your Smart Account",this.switched=!0,R.R.resetSend(),this.loading=!1,this.requestUpdate())}};O([(0,o.wk)()],_.prototype,"loading",void 0),O([(0,o.wk)()],_.prototype,"switched",void 0),O([(0,o.wk)()],_.prototype,"text",void 0),O([(0,o.wk)()],_.prototype,"network",void 0),_=O([(0,d.EM)("w3m-smart-account-settings-view")],_);var P=i(99736),M=i(53032),W=i(33432),I=i(42242),D=i(82875);i(48054),i(62982);let j=(0,w.AH)` 198 :host { 199 width: 100%; 200 } 201 202 button { 203 width: 100%; 204 display: flex; 205 justify-content: space-between; 206 align-items: center; 207 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 208 border-radius: ${({borderRadius:e})=>e[4]}; 209 padding: ${({spacing:e})=>e[4]}; 210 } 211 212 .name { 213 max-width: 75%; 214 overflow: hidden; 215 text-overflow: ellipsis; 216 white-space: nowrap; 217 } 218 219 @media (hover: hover) and (pointer: fine) { 220 button:hover:enabled { 221 cursor: pointer; 222 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 223 border-radius: ${({borderRadius:e})=>e[6]}; 224 } 225 } 226 227 button:disabled { 228 opacity: 0.5; 229 cursor: default; 230 } 231 232 button:focus-visible:enabled { 233 box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent040}; 234 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 235 } 236`;var z=function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let U=class extends r.WF{constructor(){super(...arguments),this.name="",this.registered=!1,this.loading=!1,this.disabled=!1}render(){return(0,r.qy)` 237 <button ?disabled=${this.disabled}> 238 <wui-text class="name" color="primary" variant="md-regular">${this.name}</wui-text> 239 ${this.templateRightContent()} 240 </button> 241 `}templateRightContent(){return this.loading?(0,r.qy)`<wui-loading-spinner size="lg" color="primary"></wui-loading-spinner>`:this.registered?(0,r.qy)`<wui-tag variant="info" size="sm">Registered</wui-tag>`:(0,r.qy)`<wui-tag variant="success" size="sm">Available</wui-tag>`}};U.styles=[m.W5,m.fD,j],z([(0,o.MZ)()],U.prototype,"name",void 0),z([(0,o.MZ)({type:Boolean})],U.prototype,"registered",void 0),z([(0,o.MZ)({type:Boolean})],U.prototype,"loading",void 0),z([(0,o.MZ)({type:Boolean})],U.prototype,"disabled",void 0),U=z([(0,f.E)("wui-account-name-suggestion-item")],U);var V=i(55284);i(96574);let q=(0,w.AH)` 242 :host { 243 position: relative; 244 width: 100%; 245 display: inline-block; 246 } 247 248 :host([disabled]) { 249 opacity: 0.5;
250 cursor: not-allowed; 251 } 252 253 .base-name { 254 position: absolute; 255 right: ${({spacing:e})=>e[4]}; 256 top: 50%; 257 transform: translateY(-50%); 258 text-align: right; 259 padding: ${({spacing:e})=>e[1]}; 260 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 261 border-radius: ${({borderRadius:e})=>e[1]}; 262 } 263`;var F=function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let Z=class extends r.WF{constructor(){super(...arguments),this.disabled=!1,this.loading=!1}render(){return(0,r.qy)` 264 <wui-input-text 265 value=${(0,V.J)(this.value)} 266 ?disabled=${this.disabled} 267 .value=${this.value||""} 268 data-testid="wui-ens-input" 269 icon="search" 270 inputRightPadding="5xl" 271 .onKeyDown=${this.onKeyDown} 272 ></wui-input-text> 273 `}};Z.styles=[m.W5,q],F([(0,o.MZ)()],Z.prototype,"errorMessage",void 0),F([(0,o.MZ)({type:Boolean})],Z.prototype,"disabled",void 0),F([(0,o.MZ)()],Z.prototype,"value",void 0),F([(0,o.MZ)({type:Boolean})],Z.prototype,"loading",void 0),F([(0,o.MZ)({attribute:!1})],Z.prototype,"onKeyDown",void 0),Z=F([(0,f.E)("wui-ens-input")],Z),i(48029),i(42808),i(73732);var H=i(63884);let B=(0,d.AH)` 274 wui-flex { 275 width: 100%; 276 } 277 278 .suggestion { 279 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 280 border-radius: ${({borderRadius:e})=>e[4]}; 281 } 282 283 .suggestion:hover:not(:disabled) { 284 cursor: pointer; 285 border: none; 286 width: 100%; 287 display: flex; 288 justify-content: space-between; 289 align-items: center; 290 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 291 border-radius: ${({borderRadius:e})=>e[6]}; 292 padding: ${({spacing:e})=>e[4]}; 293 } 294 295 .suggestion:disabled { 296 opacity: 0.5; 297 cursor: default; 298 } 299 300 .suggestion:focus-visible:not(:disabled) { 301 box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent040}; 302 background-color: ${({tokens:e})=>e.theme.foregroundSecondary}; 303 } 304 305 .suggested-name { 306 max-width: 75%; 307 overflow: hidden; 308 text-overflow: ellipsis; 309 white-space: nowrap; 310 } 311 312 form { 313 width: 100%; 314 position: relative; 315 } 316 317 .input-submit-button, 318 .input-loading-spinner { 319 position: absolute; 320 top: 22px; 321 transform: translateY(-50%); 322 right: 10px; 323 } 324`;var Y=function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};let K=class extends r.WF{constructor(){super(),this.formRef=(0,P._)(),this.usubscribe=[],this.name="",this.error="",this.loading=M.f.state.loading,this.suggestions=M.f.state.suggestions,this.profileName=k.W.getAccountData()?.profileName,this.onDebouncedNameInputChange=W.w.debounce(e=>{e.length<4?this.error="Name must be at least 4 characters long":H.y.isValidReownName(e)?(this.error="",M.f.getSuggestions(e)):this.error="The value is not a valid username"}),this.usubscribe.push(M.f.subscribe(e=>{this.suggestions=e.suggestions,this.loading=e.loading}),k.W.subscribeChainProp("accountState",e=>{this.profileName=e?.profileName,e?.profileName&&(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(0,r.qy)` 325 <wui-flex 326 flexDirection="column" 327 alignItems="center" 328 gap="4" 329 .padding=${["1","3","4","3"]} 330 > 331 <form ${(0,P.K)(this.formRef)} @submit=${this.onSubmitName.bind(this)}> 332 <wui-ens-input 333 @inputChange=${this.onNameInputChange.bind(this)} 334 .errorMessage=${this.error} 335 .value=${this.name} 336 .onKeyDown=${this.onKeyDown.bind(this)} 337 > 338 </wui-ens-input> 339 ${this.submitButtonTemplate()} 340 <input type="submit" hidden /> 341 </form> 342 ${this.templateSuggestions()} 343 </wui-flex> 344 `}submitButtonTemplate(){let e=this.suggestions.find(e=>e.name?.split(".")?.[0]===this.name&&e.registered);if(this.loading)return(0,r.qy)`<wui-loading-spinner 345 class="input-loading-spinner" 346 color="secondary" 347 ></wui-loading-spinner>`;let t=`${this.name}${A.o.WC_NAME_SUFFIX}`;return(0,r.qy)` 348 <wui-icon-link 349 ?disabled=${!!e} 350 class="input-submit-button" 351 size="sm" 352 icon="chevronRight" 353 iconColor=${e?"default":"accent-primary"} 354 @click=${()=>this.onSubmitName(t)} 355 > 356 </wui-icon-link> 357 `}onNameInputChange(e){let t=H.y.validateReownName(e.detail||"");this.name=t,this.onDebouncedNameInputChange(t)}
357onKeyDown(e){1!==e.key.length||H.y.isValidReownName(e.key)||e.preventDefault()}templateSuggestions(){return!this.name||this.name.length<4||this.error?null:(0,r.qy)`<wui-flex flexDirection="column" gap="1" alignItems="center"> 358 ${this.suggestions.map(e=>(0,r.qy)`<wui-account-name-suggestion-item 359 name=${e.name} 360 ?registered=${e.registered} 361 ?loading=${this.loading} 362 ?disabled=${e.registered||this.loading} 363 data-testid="account-name-suggestion" 364 @click=${()=>this.onSubmitName(e.name)} 365 ></wui-account-name-suggestion-item>`)} 366 </wui-flex>`}isAllowedToSubmit(e){let t=e.split(".")?.[0],i=this.suggestions.find(e=>e.name?.split(".")?.[0]===t&&e.registered);return!this.loading&&!this.error&&!this.profileName&&t&&M.f.validateName(t)&&!i}async onSubmitName(e){try{if(!this.isAllowedToSubmit(e))return;I.E.sendEvent({type:"track",event:"REGISTER_NAME_INITIATED",properties:{isSmartAccount:(0,T.lj)(k.W.state.activeChain)===N.Vl.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:e}}),await M.f.registerName(e),I.E.sendEvent({type:"track",event:"REGISTER_NAME_SUCCESS",properties:{isSmartAccount:(0,T.lj)(k.W.state.activeChain)===N.Vl.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:e}})}catch(t){D.P.showError(t.message),I.E.sendEvent({type:"track",event:"REGISTER_NAME_ERROR",properties:{isSmartAccount:(0,T.lj)(k.W.state.activeChain)===N.Vl.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:e,error:W.w.parseError(t)}})}}onEnterKey(e){if("Enter"===e.key&&this.name&&this.isAllowedToSubmit(this.name)){let e=`${this.name}${A.o.WC_NAME_SUFFIX}`;this.onSubmitName(e)}}};K.styles=B,Y([(0,o.MZ)()],K.prototype,"errorMessage",void 0),Y([(0,o.wk)()],K.prototype,"name",void 0),Y([(0,o.wk)()],K.prototype,"error",void 0),Y([(0,o.wk)()],K.prototype,"loading",void 0),Y([(0,o.wk)()],K.prototype,"suggestions",void 0),Y([(0,o.wk)()],K.prototype,"profileName",void 0),K=Y([(0,d.EM)("w3m-register-account-name-view")],K);var L=i(57942),G=i(26274);i(56060),i(23833),i(9266);let X=(0,r.AH)` 367 .continue-button-container { 368 width: 100%; 369 } 370`,J=class extends r.WF{render(){return(0,r.qy)` 371 <wui-flex 372 flexDirection="column" 373 alignItems="center" 374 gap="6" 375 .padding=${["0","0","4","0"]} 376 > 377 ${this.onboardingTemplate()} ${this.buttonsTemplate()} 378 <wui-link 379 @click=${()=>{W.w.openHref(L.T.URLS.FAQ,"_blank")}} 380 > 381 Learn more 382 <wui-icon color="inherit" slot="iconRight" name="externalLink"></wui-icon> 383 </wui-link> 384 </wui-flex> 385 `}onboardingTemplate(){return(0,r.qy)` <wui-flex 386 flexDirection="column" 387 gap="6" 388 alignItems="center" 389 .padding=${["0","6","0","6"]} 390 > 391 <wui-flex gap="3" alignItems="center" justifyContent="center"> 392 <wui-icon-box size="xl" color="success" icon="checkmark"></wui-icon-box> 393 </wui-flex> 394 <wui-flex flexDirection="column" alignItems="center" gap="3"> 395 <wui-text align="center" variant="md-medium" color="primary"> 396 Account name chosen successfully 397 </wui-text> 398 <wui-text align="center" variant="md-regular" color="primary"> 399 You can now fund your account and trade crypto 400 </wui-text> 401 </wui-flex> 402 </wui-flex>`}buttonsTemplate(){return(0,r.qy)`<wui-flex 403 .padding=${["0","4","0","4"]} 404 gap="3" 405 class="continue-button-container" 406 > 407 <wui-button fullWidth size="lg" borderRadius="xs" @click=${this.redirectToAccount.bind(this)} 408 >Let's Go! 409 </wui-button> 410 </wui-flex>`}redirectToAccount(){G.I.replace("Account")}};J.styles=X,J=function(e,t,i,r){var o,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(n<3?o(a):n>3?o(t,i,a):o(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a}([(0,d.EM)("w3m-register-account-name-success-view")],J)}}]);
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.