1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7352],{48352:(e,t,i)=>{var r=i(83138),o=i(98410),a=i(78964);i(24772);var n=i(71084),l=i(47327);let s=(0,r.AH)` 2 button { 3 padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs); 4 border-radius: var(--wui-border-radius-3xs); 5 background-color: transparent; 6 color: var(--wui-color-accent-100); 7 } 8 9 button:disabled { 10 background-color: transparent; 11 color: var(--wui-color-gray-glass-015); 12 } 13 14 button:hover { 15 background-color: var(--wui-color-gray-glass-005); 16 } 17`;var c=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let u=class extends r.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return(0,r.qy)` 18 <button ?disabled=${this.disabled} tabindex=${(0,a.J)(this.tabIdx)}> 19 <slot name="iconLeft"></slot> 20 <wui-text variant="small-600" color=${this.color}> 21 <slot></slot> 22 </wui-text> 23 <slot name="iconRight"></slot> 24 </button> 25 `}};u.styles=[n.W5,n.fD,s],c([(0,o.MZ)()],u.prototype,"tabIdx",void 0),c([(0,o.MZ)({type:Boolean})],u.prototype,"disabled",void 0),c([(0,o.MZ)()],u.prototype,"color",void 0),u=c([(0,l.E)("wui-link")],u)},48876:(e,t,i)=>{var r=i(83138),o=i(98410),a=i(78964);i(24772);var n=i(71084),l=i(47327);i(5089);let s=(0,r.AH)` 26 :host { 27 position: relative; 28 display: inline-block; 29 } 30 31 wui-text { 32 margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m); 33 } 34`;var c=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let u=class extends r.WF{constructor(){super(...arguments),this.disabled=!1}render(){return(0,r.qy)` 35 <wui-input-text 36 type="email" 37 placeholder="Email" 38 icon="mail" 39 size="mdl" 40 .disabled=${this.disabled} 41 .value=${this.value} 42 data-testid="wui-email-input" 43 tabIdx=${(0,a.J)(this.tabIdx)} 44 ></wui-input-text> 45 ${this.templateError()} 46 `}templateError(){return this.errorMessage?(0,r.qy)`<wui-text variant="tiny-500" color="error-100">${this.errorMessage}</wui-text>`:null}};u.styles=[n.W5,s],c([(0,o.MZ)()],u.prototype,"errorMessage",void 0),c([(0,o.MZ)({type:Boolean})],u.prototype,"disabled",void 0),c([(0,o.MZ)()],u.prototype,"value",void 0),c([(0,o.MZ)()],u.prototype,"tabIdx",void 0),u=c([(0,l.E)("wui-email-input")],u)},75484:(e,t,i)=>{i(21129)},90721:(e,t,i)=>{i(84042)},97352:(e,t,i)=>{i.r(t),i.d(t,{W3mEmailLoginView:()=>q,W3mEmailOtpWidget:()=>A,W3mEmailVerifyDeviceView:()=>$,W3mEmailVerifyOtpView:()=>T,W3mUpdateEmailPrimaryOtpView:()=>j,W3mUpdateEmailSecondaryOtpView:()=>L,W3mUpdateEmailWalletView:()=>N});var r,o=i(93481),a=i(97418),n=i(55480),l=i(70417),s=i(81701),c=i(67869),u=i(65374),d=i(12319),p=i(36211),h=i(83138),m=i(98410),w=i(10899);i(40575),i(48352),i(75484),i(38534);var f=i(71084),g=i(8821),v=i(47327);let b=(0,h.AH)` 47 :host { 48 position: relative; 49 display: inline-block; 50 } 51 52 input { 53 width: 50px; 54 height: 50px; 55 background: var(--wui-color-gray-glass-010); 56 border-radius: var(--wui-border-radius-xs); 57 border: 1px solid var(--wui-color-gray-glass-005); 58 font-family: var(--wui-font-family); 59 font-size: var(--wui-font-size-large); 60 font-weight: var(--wui-font-weight-regular); 61 letter-spacing: var(--wui-letter-spacing-large); 62 text-align: center; 63 color: var(--wui-color-fg-100); 64 caret-color: var(--wui-color-accent-100); 65 transition: 66 background-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 67 border-color var(--wui-ease-inout-power-1) var(--wui-duration-md), 68 box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md); 69 will-change: background-color, border-color, box-shadow; 70 box-sizing: border-box; 71 -webkit-appearance: none; 72 -moz-appearance: textfield; 73 padding: 0px; 74 } 75 76 input::-webkit-outer-spin-button, 77 input::-webkit-inner-spin-button { 78 -webkit-appearance: none; 79 margin: 0; 80 } 81 82 input[type='number'] { 83 -moz-appearance: textfield; 84 } 85 86 input:disabled {
87 cursor: not-allowed; 88 border: 1px solid var(--wui-color-gray-glass-010); 89 background: var(--wui-color-gray-glass-005); 90 } 91 92 input:focus:enabled { 93 background-color: var(--wui-color-gray-glass-015); 94 border: 1px solid var(--wui-color-accent-100); 95 -webkit-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue); 96 -moz-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue); 97 box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue); 98 } 99 100 @media (hover: hover) and (pointer: fine) { 101 input:hover:enabled { 102 background-color: var(--wui-color-gray-glass-015); 103 } 104 } 105`;var y=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let E=class extends h.WF{constructor(){super(...arguments),this.disabled=!1,this.value=""}render(){return(0,h.qy)`<input 106 type="number" 107 maxlength="1" 108 inputmode="numeric" 109 autofocus 110 ?disabled=${this.disabled} 111 value=${this.value} 112 /> `}};E.styles=[f.W5,f.fD,b],y([(0,m.MZ)({type:Boolean})],E.prototype,"disabled",void 0),y([(0,m.MZ)({type:String})],E.prototype,"value",void 0),E=y([(0,v.E)("wui-input-numeric")],E);let x=(0,h.AH)` 113 :host { 114 position: relative; 115 display: block; 116 } 117`;var I=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let O=class extends h.WF{constructor(){super(...arguments),this.length=6,this.otp="",this.values=Array.from({length:this.length}).map(()=>""),this.numerics=[],this.shouldInputBeEnabled=e=>this.values.slice(0,e).every(e=>""!==e),this.handleKeyDown=(e,t)=>{let i=e.target,r=this.getInputElement(i);if(!r)return;["ArrowLeft","ArrowRight","Shift","Delete"].includes(e.key)&&e.preventDefault();let o=r.selectionStart;switch(e.key){case"ArrowLeft":o&&r.setSelectionRange(o+1,o+1),this.focusInputField("prev",t);break;case"ArrowRight":case"Shift":this.focusInputField("next",t);break;case"Delete":case"Backspace":""===r.value?this.focusInputField("prev",t):this.updateInput(r,t,"")}},this.focusInputField=(e,t)=>{if("next"===e){let e=t+1;if(!this.shouldInputBeEnabled(e))return;let i=this.numerics[e<this.length?e:t],r=i?this.getInputElement(i):void 0;r&&(r.disabled=!1,r.focus())}if("prev"===e){let e=t-1,i=this.numerics[e>-1?e:t],r=i?this.getInputElement(i):void 0;r&&r.focus()}}}firstUpdated(){this.otp&&(this.values=this.otp.split(""));let e=this.shadowRoot?.querySelectorAll("wui-input-numeric");e&&(this.numerics=Array.from(e)),this.numerics[0]?.focus()}render(){return(0,h.qy)` 118 <wui-flex gap="xxs" data-testid="wui-otp-input"> 119 ${Array.from({length:this.length}).map((e,t)=>(0,h.qy)` 120 <wui-input-numeric 121 @input=${e=>this.handleInput(e,t)} 122 @click=${e=>this.selectInput(e)} 123 @keydown=${e=>this.handleKeyDown(e,t)} 124 .disabled=${!this.shouldInputBeEnabled(t)} 125 .value=${this.values[t]||""} 126 > 127 </wui-input-numeric> 128 `)} 129 </wui-flex> 130 `}updateInput(e,t,i){let r=this.numerics[t],o=e||(r?this.getInputElement(r):void 0);o&&(o.value=i,this.values=this.values.map((e,r)=>r===t?i:e))}selectInput(e){let t=e.target;if(t){let e=this.getInputElement(t);e?.select()}}handleInput(e,t){let i=e.target,r=this.getInputElement(i);if(r){let i=r.value;"insertFromPaste"===e.inputType?this.handlePaste(r,i,t):g.Z.isNumber(i)&&e.data?(this.updateInput(r,t,e.data),this.focusInputField("next",t)):this.updateInput(r,t,"")}this.dispatchInputChangeEvent()}handlePaste(e,t,i){let r=t[0];if(r&&g.Z.isNumber(r)){this.updateInput(e,i,r);let o=t.substring(1);if(i+1<this.length&&o.length){let e=this.numerics[i+1],t=e?this.getInputElement(e):void 0;t&&this.handlePaste(t,o,i+1)}else this.focusInputField("next",i)}else this.updateInput(e,i,"")}getInputElement(e){return e.shadowRoot?.querySelector("input")?e.shadowRoot.querySelector("input"):null}dispatchInputChangeEvent(){let e=this.values.join("");this.dispatchEvent(new CustomEvent("inputChange",{detail:e,bubbles:!0,composed:!0}))}};O.styles=[f.W5,x],I([(0,m.MZ)({type:Number})],O.prototype,"length",void 0),I([(0,m.MZ)({type:String})],O.prototype,"otp",void 0),I([(0,m.wk)()],O.prototype,"values",void 0),O=I([(0,v.E)("wui-otp")],O),i(41163);var C=i(17389);let k=(0,h.AH)` 131 wui-loading-spinner { 132 margin: 9px auto; 133 } 134 135 .email-display, 136 .email-display wui-text { 137 max-width: 100%; 138 } 139`;var R=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let A=r=class extends h.WF{firstUpdated(){this.startOTPTimeout()}disconnectedCallback(){clearTimeout(this.OTPTimeout)}constructor(){super(),this.loading=!1,this.timeoutTimeLeft=C.Q.getTimeToNextEmailLogin(),this.error="",this.otp="",this.email=c.I.state.data?.email,this.authConnector=w.a.getAuthConnector()}
139render(){if(!this.email)throw Error("w3m-email-otp-widget: No email provided");let e=!!this.timeoutTimeLeft,t=this.getFooterLabels(e);return(0,h.qy)` 140 <wui-flex 141 flexDirection="column" 142 alignItems="center" 143 .padding=${["l","0","l","0"]} 144 gap="l" 145 > 146 <wui-flex 147 class="email-display" 148 flexDirection="column" 149 alignItems="center" 150 .padding=${["0","xl","0","xl"]} 151 > 152 <wui-text variant="paragraph-400" color="fg-100" align="center"> 153 Enter the code we sent to 154 </wui-text> 155 <wui-text variant="paragraph-500" color="fg-100" lineClamp="1" align="center"> 156 ${this.email} 157 </wui-text> 158 </wui-flex> 159 160 <wui-text variant="small-400" color="fg-200">The code expires in 20 minutes</wui-text> 161 162 ${this.loading?(0,h.qy)`<wui-loading-spinner size="xl" color="accent-100"></wui-loading-spinner>`:(0,h.qy)` <wui-flex flexDirection="column" alignItems="center" gap="xs"> 163 <wui-otp 164 dissabled 165 length="6" 166 @inputChange=${this.onOtpInputChange.bind(this)} 167 .otp=${this.otp} 168 ></wui-otp> 169 ${this.error?(0,h.qy)` 170 <wui-text variant="small-400" align="center" color="error-100"> 171 ${this.error}. Try Again 172 </wui-text> 173 `:null} 174 </wui-flex>`} 175 176 <wui-flex alignItems="center" gap="xs"> 177 <wui-text variant="small-400" color="fg-200">${t.title}</wui-text> 178 <wui-link @click=${this.onResendCode.bind(this)} .disabled=${e}> 179 ${t.action} 180 </wui-link> 181 </wui-flex> 182 </wui-flex> 183 `}startOTPTimeout(){this.timeoutTimeLeft=C.Q.getTimeToNextEmailLogin(),this.OTPTimeout=setInterval(()=>{this.timeoutTimeLeft>0?this.timeoutTimeLeft=C.Q.getTimeToNextEmailLogin():clearInterval(this.OTPTimeout)},1e3)}async onOtpInputChange(e){try{!this.loading&&(this.otp=e.detail,this.shouldSubmitOnOtpChange()&&(this.loading=!0,await this.onOtpSubmit?.(this.otp)))}catch(e){this.error=d.w.parseError(e),this.loading=!1}}async onResendCode(){try{if(this.onOtpResend){if(!this.loading&&!this.timeoutTimeLeft){if(this.error="",this.otp="",!w.a.getAuthConnector()||!this.email)throw Error("w3m-email-otp-widget: Unable to resend email");this.loading=!0,await this.onOtpResend(this.email),this.startOTPTimeout(),u.P.showSuccess("Code email resent")}}else this.onStartOver&&this.onStartOver()}catch(e){u.P.showError(e)}finally{this.loading=!1}}getFooterLabels(e){return this.onStartOver?{title:"Something wrong?",action:`Try again ${e?`in ${this.timeoutTimeLeft}s`:""}`}:{title:"Didn't receive it?",action:`Resend ${e?`in ${this.timeoutTimeLeft}s`:"Code"}`}}shouldSubmitOnOtpChange(){return this.authConnector&&this.otp.length===r.OTP_LENGTH}};A.OTP_LENGTH=6,A.styles=k,R([(0,m.wk)()],A.prototype,"loading",void 0),R([(0,m.wk)()],A.prototype,"timeoutTimeLeft",void 0),R([(0,m.wk)()],A.prototype,"error",void 0),A=r=R([(0,p.EM)("w3m-email-otp-widget")],A);let T=class extends A{constructor(){super(...arguments),this.onOtpSubmit=async e=>{try{if(this.authConnector){let t=o.W.state.activeChain,i=a.x.getConnections(t),r=n.H.state.remoteFeatures?.multiWallet,d=i.length>0;if(await this.authConnector.provider.connectOtp({otp:e}),l.E.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),t)await a.x.connectExternal(this.authConnector,t);else throw Error("Active chain is not set on ChainControll");
183if(l.E.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"email",name:this.authConnector.name||"Unknown",caipNetworkId:o.W.getActiveCaipNetwork()?.caipNetworkId}}),n.H.state.remoteFeatures?.emailCapture)return;if(n.H.state.siwx)return void s.W.close();if(d&&r){c.I.replace("ProfileWallets"),u.P.showSuccess("New Wallet Added");return}s.W.close()}}catch(e){throw l.E.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:d.w.parseError(e)}}),e}},this.onOtpResend=async e=>{this.authConnector&&(await this.authConnector.provider.connectEmail({email:e}),l.E.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_SENT"}))}}};T=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n}([(0,p.EM)("w3m-email-verify-otp-view")],T),i(90721);let P=(0,h.AH)` 184 wui-icon-box { 185 height: var(--wui-icon-box-size-xl); 186 width: var(--wui-icon-box-size-xl); 187 } 188`;var S=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let $=class extends h.WF{constructor(){super(),this.email=c.I.state.data?.email,this.authConnector=w.a.getAuthConnector(),this.loading=!1,this.listenForDeviceApproval()}render(){if(!this.email)throw Error("w3m-email-verify-device-view: No email provided");if(!this.authConnector)throw Error("w3m-email-verify-device-view: No auth connector provided");return(0,h.qy)` 189 <wui-flex 190 flexDirection="column" 191 alignItems="center" 192 .padding=${["xxl","s","xxl","s"]} 193 gap="l" 194 > 195 <wui-icon-box 196 size="xl" 197 iconcolor="accent-100" 198 backgroundcolor="accent-100" 199 icon="verify" 200 background="opaque" 201 ></wui-icon-box> 202 203 <wui-flex flexDirection="column" alignItems="center" gap="s"> 204 <wui-flex flexDirection="column" alignItems="center"> 205 <wui-text variant="paragraph-400" color="fg-100"> 206 Approve the login link we sent to 207 </wui-text> 208 <wui-text variant="paragraph-400" color="fg-100"><b>${this.email}</b></wui-text> 209 </wui-flex> 210 211 <wui-text variant="small-400" color="fg-200" align="center"> 212 The code expires in 20 minutes 213 </wui-text> 214 215 <wui-flex alignItems="center" id="w3m-resend-section" gap="xs"> 216 <wui-text variant="small-400" color="fg-100" align="center"> 217 Didn't receive it? 218 </wui-text> 219 <wui-link @click=${this.onResendCode.bind(this)} .disabled=${this.loading}> 220 Resend email 221 </wui-link> 222 </wui-flex> 223 </wui-flex> 224 </wui-flex> 225 `}async listenForDeviceApproval(){if(this.authConnector)try{await this.authConnector.provider.connectDevice(),l.E.sendEvent({type:"track",event:"DEVICE_REGISTERED_FOR_EMAIL"}),l.E.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_SENT"}),c.I.replace("EmailVerifyOtp",{email:this.email})}catch(e){c.I.goBack()}}async onResendCode(){try{if(!this.loading){if(!this.authConnector||!this.email)throw Error("w3m-email-login-widget: Unable to resend email");this.loading=!0,await this.authConnector.provider.connectEmail({email:this.email}),this.listenForDeviceApproval(),u.P.showSuccess("Code email resent")}}catch(e){u.P.showError(e)}finally{this.loading=!1}}};$.styles=P,S([(0,m.wk)()],$.prototype,"loading",void 0),$=S([(0,p.EM)("w3m-email-verify-device-view")],$);var D=i(88409);i(41028),i(48876);let _=(0,h.AH)` 226 wui-email-input { 227 width: 100%; 228 } 229 230 form { 231 width: 100%; 232 display: block; 233 position: relative; 234 } 235`;var F=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let N=class extends h.WF{constructor(){super(...arguments),this.formRef=(0,D._)(),this.initialEmail=c.I.state.data?.email??"",this.redirectView=c.I.state.data?.redirectView,this.email="",this.loading=!1}firstUpdated(){this.formRef.value?.addEventListener("keydown",e=>{"Enter"===e.key&&this.onSubmitEmail(e)})}render(){return(0,h.qy)` 236 <wui-flex flexDirection="column" padding="m" gap="m"> 237 <form ${(0,D.K)(this.formRef)} @submit=${this.onSubmitEmail.bind(this)}> 238 <wui-email-input 239 value=${this.initialEmail} 240 .disabled=${this.loading} 241 @inputChange=${this.onEmailInputChange.bind(this)} 242 > 243 </wui-email-input> 244 <input type="submit" hidden /> 245 </form> 246 ${this.buttonsTemplate()} 247 </wui-flex> 248 `}onEmailInputChange(e){this.email=e.detail}async onSubmitEmail(e){try{if(this.loading)return;this.loading=!0,e.preventDefault();let t=w.a.getAuthConnector();if(!t)throw Error("w3m-update-email-wallet: Auth connector not found");let i=await t.provider.updateEmail({email:this.email});l.E.sendEvent({type:"track",event:"EMAIL_EDIT"}),"VERIFY_SECONDARY_OTP"===i.action?c.I.push("UpdateEmailSecondaryOtp",{email:this.initialEmail,newEmail:this.email,redirectView:this.redirectView}):c.I.push("UpdateEmailPrimaryOtp",{email:this.initialEmail,newEmail:this.email,redirectView:this.redirectView})}catch(e){u.P.showError(e),this.loading=!1}}buttonsTemplate(){let e=!this.loading&&this.email.length>3&&this.email!==this.initialEmail;return this.redirectView?(0,h.qy)` 249 <wui-flex gap="s"> 250 <wui-button size="md" variant="neutral" fullWidth @click=${c.I.goBack}> 251 Cancel 252 </wui-button>
252 253 254 <wui-button 255 size="md" 256 variant="main" 257 fullWidth 258 @click=${this.onSubmitEmail.bind(this)} 259 .disabled=${!e} 260 .loading=${this.loading} 261 > 262 Save 263 </wui-button> 264 </wui-flex> 265 `:(0,h.qy)` 266 <wui-button 267 size="md" 268 variant="main" 269 fullWidth 270 @click=${this.onSubmitEmail.bind(this)} 271 .disabled=${!e} 272 .loading=${this.loading} 273 > 274 Save 275 </wui-button> 276 `}};N.styles=_,F([(0,m.wk)()],N.prototype,"email",void 0),F([(0,m.wk)()],N.prototype,"loading",void 0),N=F([(0,p.EM)("w3m-update-email-wallet-view")],N);let j=class extends A{constructor(){super(),this.email=c.I.state.data?.email,this.onOtpSubmit=async e=>{try{this.authConnector&&(await this.authConnector.provider.updateEmailPrimaryOtp({otp:e}),l.E.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),c.I.replace("UpdateEmailSecondaryOtp",c.I.state.data))}catch(e){throw l.E.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:d.w.parseError(e)}}),e}},this.onStartOver=()=>{c.I.replace("UpdateEmailWallet",c.I.state.data)}}};j=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n}([(0,p.EM)("w3m-update-email-primary-otp-view")],j);let L=class extends A{constructor(){super(),this.email=c.I.state.data?.newEmail,this.redirectView=c.I.state.data?.redirectView,this.onOtpSubmit=async e=>{try{this.authConnector&&(await this.authConnector.provider.updateEmailSecondaryOtp({otp:e}),l.E.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),this.redirectView&&c.I.reset(this.redirectView))}catch(e){throw l.E.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:d.w.parseError(e)}}),e}},this.onStartOver=()=>{c.I.replace("UpdateEmailWallet",c.I.state.data)}}};L=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n}([(0,p.EM)("w3m-update-email-secondary-otp-view")],L);var W=i(45553),M=i(8567),V=function(e,t,i,r){var o,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};let q=class extends h.WF{constructor(){super(),this.authConnector=w.a.getAuthConnector(),this.isEmailEnabled=n.H.state.remoteFeatures?.email,this.isAuthEnabled=this.checkIfAuthEnabled(w.a.state.connectors),this.connectors=w.a.state.connectors,w.a.subscribeKey("connectors",e=>{this.connectors=e,this.isAuthEnabled=this.checkIfAuthEnabled(this.connectors)})}render(){if(!this.isEmailEnabled)throw Error("w3m-email-login-view: Email is not enabled");if(!this.isAuthEnabled)throw Error("w3m-email-login-view: No auth connector provided");return(0,h.qy)`<wui-flex 277 flexDirection="column" 278 .padding=${["3xs","m","m","m"]} 279 gap="l" 280 > 281 <w3m-email-login-widget></w3m-email-login-widget> 282 </wui-flex> `}checkIfAuthEnabled(e){let t=e.filter(e=>e.type===M.o.CONNECTOR_TYPE_AUTH).map(e=>e.chain);return W.o.AUTH_CONNECTOR_SUPPORTED_CHAINS.some(e=>t.includes(e))}};V([(0,m.wk)()],q.prototype,"connectors",void 0),q=V([(0,p.EM)("w3m-email-login-view")],q)}}]);
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.