@prohetamine/redstone 0.0.1

package/dist/data-capture-xVUNZJ2T.js

@@ -0,0 +1,242 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CjZQCcwG.js"),d=require("./index-4lfXeo30.js"),u=require("./ReownAuthentication-d8aYgGOq.js"),g=e.i$1`
+  .email-sufixes {
+    display: flex;
+    flex-direction: row;
+    gap: var(--wui-spacing-3xs);
+    overflow-x: auto;
+    max-width: 100%;
+    margin-top: var(--wui-spacing-s);
+    margin-bottom: calc(-1 * var(--wui-spacing-m));
+    padding-bottom: var(--wui-spacing-m);
+    margin-left: calc(-1 * var(--wui-spacing-m));
+    margin-right: calc(-1 * var(--wui-spacing-m));
+    padding-left: var(--wui-spacing-m);
+    padding-right: var(--wui-spacing-m);
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+`;var m=function(s,t,i,n){var r=arguments.length,a=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(s,t,i,n);else for(var l=s.length-1;l>=0;l--)(o=s[l])&&(a=(r<3?o(a):r>3?o(t,i,a):o(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};const f=["@gmail.com","@outlook.com","@yahoo.com","@hotmail.com","@aol.com","@icloud.com","@zoho.com"];exports.W3mEmailSuffixesWidget=class extends e.i{constructor(){super(...arguments),this.email=""}render(){const t=f.filter(this.filter.bind(this)).map(this.item.bind(this));return t.length===0?null:e.b`<div class="email-sufixes">${t}</div>`}filter(t){if(!this.email)return!1;const i=this.email.split("@");if(i.length<2)return!0;const n=i.pop();return t.includes(n)&&t!==`@${n}`}item(t){const i=()=>{const n=this.email.split("@");n.length>1&&n.pop();const r=n[0]+t;this.dispatchEvent(new CustomEvent("change",{detail:r,bubbles:!0,composed:!0}))};return e.b`<wui-button variant="neutral" size="sm" @click=${i}
+      >${t}</wui-button
+    >`}};exports.W3mEmailSuffixesWidget.styles=[g];m([e.n()],exports.W3mEmailSuffixesWidget.prototype,"email",void 0);exports.W3mEmailSuffixesWidget=m([e.customElement("w3m-email-suffixes-widget")],exports.W3mEmailSuffixesWidget);const w=e.i$1`
+  .recent-emails {
+    display: flex;
+    flex-direction: column;
+    padding: var(--wui-spacing-s) 0;
+    border-top: 1px solid var(--wui-color-gray-glass-005);
+    border-bottom: 1px solid var(--wui-color-gray-glass-005);
+  }
+
+  .recent-emails-heading {
+    margin-bottom: var(--wui-spacing-s);
+  }
+
+  .recent-emails-list-item {
+    --wui-color-gray-glass-002: transparent;
+  }
+`;var p=function(s,t,i,n){var r=arguments.length,a=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(s,t,i,n);else for(var l=s.length-1;l>=0;l--)(o=s[l])&&(a=(r<3?o(a):r>3?o(t,i,a):o(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};exports.W3mRecentEmailsWidget=class extends e.i{constructor(){super(...arguments),this.emails=[]}render(){return this.emails.length===0?null:e.b`<div class="recent-emails">
+      <wui-text variant="micro-600" color="fg-200" class="recent-emails-heading"
+        >Recently used emails</wui-text
+      >
+      ${this.emails.map(this.item.bind(this))}
+    </div>`}item(t){const i=()=>{this.dispatchEvent(new CustomEvent("select",{detail:t,bubbles:!0,composed:!0}))};return e.b`<wui-list-item
+      @click=${i}
+      ?chevron=${!0}
+      icon="mail"
+      iconVariant="overlay"
+      class="recent-emails-list-item"
+    >
+      <wui-text variant="paragraph-500" color="fg-100">${t}</wui-text>
+    </wui-list-item>`}};exports.W3mRecentEmailsWidget.styles=[w];p([e.n()],exports.W3mRecentEmailsWidget.prototype,"emails",void 0);exports.W3mRecentEmailsWidget=p([e.customElement("w3m-recent-emails-widget")],exports.W3mRecentEmailsWidget);var h=function(s,t,i,n){var r=arguments.length,a=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(s,t,i,n);else for(var l=s.length-1;l>=0;l--)(o=s[l])&&(a=(r<3?o(a):r>3?o(t,i,a):o(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};exports.W3mDataCaptureOtpConfirmView=class extends d.W3mEmailOtpWidget{constructor(){super(...arguments),this.siwx=e.OptionsController.state.siwx,this.onOtpSubmit=async t=>{await this.siwx.confirmEmailOtp({code:t}),e.RouterController.replace("SIWXSignMessage")},this.onOtpResend=async t=>{const i=e.ChainController.getAccountData();if(!(i!=null&&i.caipAddress))throw new Error("No account data found");await this.siwx.requestEmailOtp({email:t,account:i.caipAddress})}}connectedCallback(){(!this.siwx||!(this.siwx instanceof u.ReownAuthentication))&&e.SnackController.showError("ReownAuthentication is not initialized."),super.connectedCallback()}shouldSubmitOnOtpChange(){return this.otp.length===d.W3mEmailOtpWidget.OTP_LENGTH}};h([e.r()],exports.W3mDataCaptureOtpConfirmView.prototype,"siwx",void 0);exports.W3mDataCaptureOtpConfirmView=h([e.customElement("w3m-data-capture-otp-confirm-view")],exports.W3mDataCaptureOtpConfirmView);const x=e.i$1`
+  .hero {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wui-spacing-3xs);
+
+    transition-property: margin, height;
+    transition-duration: var(--wui-duration-md);
+    transition-timing-function: var(--wui-ease-out-power-1);
+    margin-top: -100px;
+
+    &[data-state='loading'] {
+      margin-top: 0px;
+    }
+
+    position: relative;
+    &:after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      height: 252px;
+      width: 360px;
+      background: radial-gradient(
+        96.11% 53.95% at 50% 51.28%,
+        transparent 0%,
+        color-mix(in srgb, var(--wui-color-bg-100) 5%, transparent) 49%,
+        color-mix(in srgb, var(--wui-color-bg-100) 65%, transparent) 99.43%
+      );
+    }
+  }
+
+  .hero-main-icon {
+    width: 176px;
+    transition-property: background-color;
+    transition-duration: var(--wui-duration-lg);
+    transition-timing-function: var(--wui-ease-out-power-1);
+
+    &[data-state='loading'] {
+      width: 56px;
+    }
+  }
+
+  .hero-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wui-spacing-3xs);
+    flex-wrap: nowrap;
+    min-width: fit-content;
+
+    &:nth-child(1) {
+      transform: translateX(-30px);
+    }
+
+    &:nth-child(2) {
+      transform: translateX(30px);
+    }
+
+    &:nth-child(4) {
+      transform: translateX(40px);
+    }
+
+    transition-property: height;
+    transition-duration: var(--wui-duration-md);
+    transition-timing-function: var(--wui-ease-out-power-1);
+    height: 68px;
+
+    &[data-state='loading'] {
+      height: 0px;
+    }
+  }
+
+  .hero-row-icon {
+    opacity: 0.1;
+    transition-property: opacity;
+    transition-duration: var(--wui-duration-md);
+    transition-timing-function: var(--wui-ease-out-power-1);
+
+    &[data-state='loading'] {
+      opacity: 0;
+    }
+  }
+`;var c=function(s,t,i,n){var r=arguments.length,a=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(s,t,i,n);else for(var l=s.length-1;l>=0;l--)(o=s[l])&&(a=(r<3?o(a):r>3?o(t,i,a):o(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};exports.W3mDataCaptureView=class extends e.i{constructor(){var t,i,n,r,a,o,l;super(...arguments),this.email=((t=e.RouterController.state.data)==null?void 0:t.email)??((n=(i=e.ChainController.getAccountData())==null?void 0:i.user)==null?void 0:n.email)??"",this.address=((r=e.ChainController.getAccountData())==null?void 0:r.address)??"",this.loading=!1,this.appName=((a=e.OptionsController.state.metadata)==null?void 0:a.name)??"AppKit",this.siwx=e.OptionsController.state.siwx,this.isRequired=Array.isArray((o=e.OptionsController.state.remoteFeatures)==null?void 0:o.emailCapture)&&((l=e.OptionsController.state.remoteFeatures)==null?void 0:l.emailCapture.includes("required")),this.recentEmails=this.getRecentEmails()}connectedCallback(){(!this.siwx||!(this.siwx instanceof u.ReownAuthentication))&&e.SnackController.showError("ReownAuthentication is not initialized. Please contact support."),super.connectedCallback()}firstUpdated(){this.loading=!1,this.recentEmails=this.getRecentEmails(),this.email&&this.onSubmit()}render(){return e.b`
+      <wui-flex flexDirection="column" .padding=${["3xs","m","m","m"]} gap="l">
+        ${this.hero()} ${this.paragraph()} ${this.emailInput()} ${this.recentEmailsWidget()}
+        ${this.footerActions()}
+      </wui-flex>
+    `}hero(){return e.b`
+      <div class="hero" data-state=${this.loading?"loading":"default"}>
+        ${this.heroRow(["id","mail","wallet","x","solana","qrCode"])}
+        ${this.heroRow(["mail","farcaster","wallet","discord","mobile","qrCode"])}
+        <div class="hero-row">
+          ${this.heroIcon("github")} ${this.heroIcon("bank")}
+          <wui-icon-box
+            size="xl"
+            iconSize="xxl"
+            iconColor=${this.loading?"fg-100":"accent-100"}
+            backgroundColor=${this.loading?"fg-100":"accent-100"}
+            icon=${this.loading?"id":"user"}
+            isOpaque
+            class="hero-main-icon"
+            data-state=${this.loading?"loading":"default"}
+          >
+          </wui-icon-box>
+          ${this.heroIcon("id")} ${this.heroIcon("card")}
+        </div>
+        ${this.heroRow(["google","id","github","verify","apple","mobile"])}
+      </div>
+    `}heroRow(t){return e.b`
+      <div class="hero-row" data-state=${this.loading?"loading":"default"}>
+        ${t.map(this.heroIcon.bind(this))}
+      </div>
+    `}heroIcon(t){return e.b`
+      <wui-icon-box
+        size="xl"
+        iconSize="xxl"
+        iconColor="fg-100"
+        backgroundColor="fg-100"
+        icon=${t}
+        data-state=${this.loading?"loading":"default"}
+        isOpaque
+        class="hero-row-icon"
+      >
+      </wui-icon-box>
+    `}paragraph(){return this.loading?e.b`
+        <wui-text variant="paragraph-400" color="fg-200" align="center"
+          >We are verifying your account with email
+          <wui-text variant="paragraph-600" color="accent-100">${this.email}</wui-text> and address
+          <wui-text variant="paragraph-600" color="fg-100">
+            ${e.UiHelperUtil.getTruncateString({string:this.address,charsEnd:4,charsStart:4,truncate:"middle"})} </wui-text
+          >, please wait a moment.</wui-text
+        >
+      `:this.isRequired?e.b`
+        <wui-text variant="paragraph-600" color="fg-100" align="center">
+          ${this.appName} requires your email for authentication.
+        </wui-text>
+      `:e.b`
+      <wui-flex flexDirection="column" gap="xs" alignItems="center">
+        <wui-text variant="paragraph-600" color="fg-100" align="center" size>
+          ${this.appName} would like to collect your email.
+        </wui-text>
+
+        <wui-text variant="small-400" color="fg-200" align="center">
+          Don't worry, it's optional&mdash;you can skip this step.
+        </wui-text>
+      </wui-flex>
+    `}emailInput(){if(this.loading)return null;const t=n=>{n.key==="Enter"&&this.onSubmit()},i=n=>{this.email=n.detail};return e.b`
+      <wui-flex flexDirection="column">
+        <wui-email-input
+          .value=${this.email}
+          .disabled=${this.loading}
+          @inputChange=${i}
+          @keydown=${t}
+        ></wui-email-input>
+
+        <w3m-email-suffixes-widget
+          .email=${this.email}
+          @change=${i}
+        ></w3m-email-suffixes-widget>
+      </wui-flex>
+    `}recentEmailsWidget(){if(this.recentEmails.length===0||this.loading)return null;const t=i=>{this.email=i.detail,this.onSubmit()};return e.b`
+      <w3m-recent-emails-widget
+        .emails=${this.recentEmails}
+        @select=${t}
+      ></w3m-recent-emails-widget>
+    `}footerActions(){return e.b`
+      <wui-flex flexDirection="row" fullWidth gap="s">
+        ${this.isRequired?null:e.b`<wui-button
+              size="lg"
+              variant="neutral"
+              fullWidth
+              .disabled=${this.loading}
+              @click=${this.onSkip.bind(this)}
+              >Skip this step</wui-button
+            >`}
+
+        <wui-button
+          size="lg"
+          variant="main"
+          type="submit"
+          fullWidth
+          .disabled=${!this.email||!this.isValidEmail(this.email)}
+          .loading=${this.loading}
+          @click=${this.onSubmit.bind(this)}
+        >
+          Continue
+        </wui-button>
+      </wui-flex>
+    `}async onSubmit(){if(!(this.siwx instanceof u.ReownAuthentication)){e.SnackController.showError("ReownAuthentication is not initialized. Please contact support.");return}const t=e.ChainController.getActiveCaipAddress();if(!t)throw new Error("Account is not connected.");if(!this.isValidEmail(this.email)){e.SnackController.showError("Please provide a valid email.");return}try{this.loading=!0;const i=await this.siwx.requestEmailOtp({email:this.email,account:t});this.pushRecentEmail(this.email),i.uuid===null?e.RouterController.replace("SIWXSignMessage"):e.RouterController.replace("DataCaptureOtpConfirm",{email:this.email})}catch{e.SnackController.showError("Failed to send email OTP"),this.loading=!1}}onSkip(){e.RouterController.replace("SIWXSignMessage")}getRecentEmails(){const t=e.SafeLocalStorage.getItem(e.SafeLocalStorageKeys.RECENT_EMAILS);return(t?t.split(","):[]).filter(this.isValidEmail.bind(this)).slice(0,3)}pushRecentEmail(t){const i=this.getRecentEmails(),n=Array.from(new Set([t,...i])).slice(0,3);e.SafeLocalStorage.setItem(e.SafeLocalStorageKeys.RECENT_EMAILS,n.join(","))}isValidEmail(t){return/^\S+@\S+\.\S+$/u.test(t)}};exports.W3mDataCaptureView.styles=[x];c([e.r()],exports.W3mDataCaptureView.prototype,"email",void 0);c([e.r()],exports.W3mDataCaptureView.prototype,"address",void 0);c([e.r()],exports.W3mDataCaptureView.prototype,"loading",void 0);c([e.r()],exports.W3mDataCaptureView.prototype,"appName",void 0);c([e.r()],exports.W3mDataCaptureView.prototype,"siwx",void 0);c([e.r()],exports.W3mDataCaptureView.prototype,"isRequired",void 0);c([e.r()],exports.W3mDataCaptureView.prototype,"recentEmails",void 0);exports.W3mDataCaptureView=c([e.customElement("w3m-data-capture-view")],exports.W3mDataCaptureView);

package/dist/email-BCZObJCY.js

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CjZQCcwG.js"),c=require("./index-4lfXeo30.js");var p=function(l,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(l,e,i,o);else for(var s=l.length-1;s>=0;s--)(a=l[s])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};exports.W3mEmailVerifyOtpView=class extends c.W3mEmailOtpWidget{constructor(){super(...arguments),this.onOtpSubmit=async e=>{var i,o;try{if(this.authConnector){const n=t.ChainController.state.activeChain,r=t.ConnectionController.getConnections(n),a=(i=t.OptionsController.state.remoteFeatures)==null?void 0:i.multiWallet,s=r.length>0;if(await this.authConnector.provider.connectOtp({otp:e}),t.EventsController.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),n)await t.ConnectionController.connectExternal(this.authConnector,n);else throw new Error("Active chain is not set on ChainController");if((o=t.OptionsController.state.remoteFeatures)!=null&&o.emailCapture)return;if(t.OptionsController.state.siwx){t.ModalController.close();return}if(s&&a){t.RouterController.replace("ProfileWallets"),t.SnackController.showSuccess("New Wallet Added");return}t.ModalController.close()}}catch(n){throw t.EventsController.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:t.CoreHelperUtil.parseError(n)}}),n}},this.onOtpResend=async e=>{this.authConnector&&(await this.authConnector.provider.connectEmail({email:e}),t.EventsController.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_SENT"}))}}};exports.W3mEmailVerifyOtpView=p([t.customElement("w3m-email-verify-otp-view")],exports.W3mEmailVerifyOtpView);const h=t.css`
+  wui-icon-box {
+    height: ${({spacing:l})=>l[16]};
+    width: ${({spacing:l})=>l[16]};
+  }
+`;var u=function(l,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(l,e,i,o);else for(var s=l.length-1;s>=0;s--)(a=l[s])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};exports.W3mEmailVerifyDeviceView=class extends t.i{constructor(){var e;super(),this.email=(e=t.RouterController.state.data)==null?void 0:e.email,this.authConnector=t.ConnectorController.getAuthConnector(),this.loading=!1,this.listenForDeviceApproval()}render(){if(!this.email)throw new Error("w3m-email-verify-device-view: No email provided");if(!this.authConnector)throw new Error("w3m-email-verify-device-view: No auth connector provided");return t.b`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["6","3","6","3"]}
+        gap="4"
+      >
+        <wui-icon-box size="xl" color="accent-primary" icon="sealCheck"></wui-icon-box>
+
+        <wui-flex flexDirection="column" alignItems="center" gap="3">
+          <wui-flex flexDirection="column" alignItems="center">
+            <wui-text variant="md-regular" color="primary">
+              Approve the login link we sent to
+            </wui-text>
+            <wui-text variant="md-regular" color="primary"><b>${this.email}</b></wui-text>
+          </wui-flex>
+
+          <wui-text variant="sm-regular" color="secondary" align="center">
+            The code expires in 20 minutes
+          </wui-text>
+
+          <wui-flex alignItems="center" id="w3m-resend-section" gap="2">
+            <wui-text variant="sm-regular" color="primary" align="center">
+              Didn't receive it?
+            </wui-text>
+            <wui-link @click=${this.onResendCode.bind(this)} .disabled=${this.loading}>
+              Resend email
+            </wui-link>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `}async listenForDeviceApproval(){if(this.authConnector)try{await this.authConnector.provider.connectDevice(),t.EventsController.sendEvent({type:"track",event:"DEVICE_REGISTERED_FOR_EMAIL"}),t.EventsController.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_SENT"}),t.RouterController.replace("EmailVerifyOtp",{email:this.email})}catch{t.RouterController.goBack()}}async onResendCode(){try{if(!this.loading){if(!this.authConnector||!this.email)throw new Error("w3m-email-login-widget: Unable to resend email");this.loading=!0,await this.authConnector.provider.connectEmail({email:this.email}),this.listenForDeviceApproval(),t.SnackController.showSuccess("Code email resent")}}catch(e){t.SnackController.showError(e)}finally{this.loading=!1}}};exports.W3mEmailVerifyDeviceView.styles=h;u([t.r()],exports.W3mEmailVerifyDeviceView.prototype,"loading",void 0);exports.W3mEmailVerifyDeviceView=u([t.customElement("w3m-email-verify-device-view")],exports.W3mEmailVerifyDeviceView);const f=t.i$1`
+  wui-email-input {
+    width: 100%;
+  }
+
+  form {
+    width: 100%;
+    display: block;
+    position: relative;
+  }
+`;var m=function(l,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(l,e,i,o);else for(var s=l.length-1;s>=0;s--)(a=l[s])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};exports.W3mUpdateEmailWalletView=class extends t.i{constructor(){var e,i;super(...arguments),this.formRef=t.e(),this.initialEmail=((e=t.RouterController.state.data)==null?void 0:e.email)??"",this.redirectView=(i=t.RouterController.state.data)==null?void 0:i.redirectView,this.email="",this.loading=!1}firstUpdated(){var e;(e=this.formRef.value)==null||e.addEventListener("keydown",i=>{i.key==="Enter"&&this.onSubmitEmail(i)})}render(){return t.b`
+      <wui-flex flexDirection="column" padding="4" gap="4">
+        <form ${t.n$1(this.formRef)} @submit=${this.onSubmitEmail.bind(this)}>
+          <wui-email-input
+            value=${this.initialEmail}
+            .disabled=${this.loading}
+            @inputChange=${this.onEmailInputChange.bind(this)}
+          >
+          </wui-email-input>
+          <input type="submit" hidden />
+        </form>
+        ${this.buttonsTemplate()}
+      </wui-flex>
+    `}onEmailInputChange(e){this.email=e.detail}async onSubmitEmail(e){try{if(this.loading)return;this.loading=!0,e.preventDefault();const i=t.ConnectorController.getAuthConnector();if(!i)throw new Error("w3m-update-email-wallet: Auth connector not found");const o=await i.provider.updateEmail({email:this.email});t.EventsController.sendEvent({type:"track",event:"EMAIL_EDIT"}),o.action==="VERIFY_SECONDARY_OTP"?t.RouterController.push("UpdateEmailSecondaryOtp",{email:this.initialEmail,newEmail:this.email,redirectView:this.redirectView}):t.RouterController.push("UpdateEmailPrimaryOtp",{email:this.initialEmail,newEmail:this.email,redirectView:this.redirectView})}catch(i){t.SnackController.showError(i),this.loading=!1}}buttonsTemplate(){const e=!this.loading&&this.email.length>3&&this.email!==this.initialEmail;return this.redirectView?t.b`
+      <wui-flex gap="3">
+        <wui-button size="md" variant="neutral" fullWidth @click=${t.RouterController.goBack}>
+          Cancel
+        </wui-button>
+
+        <wui-button
+          size="md"
+          variant="accent-primary"
+          fullWidth
+          @click=${this.onSubmitEmail.bind(this)}
+          .disabled=${!e}
+          .loading=${this.loading}
+        >
+          Save
+        </wui-button>
+      </wui-flex>
+    `:t.b`
+        <wui-button
+          size="md"
+          variant="accent-primary"
+          fullWidth
+          @click=${this.onSubmitEmail.bind(this)}
+          .disabled=${!e}
+          .loading=${this.loading}
+        >
+          Save
+        </wui-button>
+      `}};exports.W3mUpdateEmailWalletView.styles=f;m([t.r()],exports.W3mUpdateEmailWalletView.prototype,"email",void 0);m([t.r()],exports.W3mUpdateEmailWalletView.prototype,"loading",void 0);exports.W3mUpdateEmailWalletView=m([t.customElement("w3m-update-email-wallet-view")],exports.W3mUpdateEmailWalletView);var E=function(l,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(l,e,i,o);else for(var s=l.length-1;s>=0;s--)(a=l[s])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};exports.W3mUpdateEmailPrimaryOtpView=class extends c.W3mEmailOtpWidget{constructor(){var e;super(),this.email=(e=t.RouterController.state.data)==null?void 0:e.email,this.onOtpSubmit=async i=>{try{this.authConnector&&(await this.authConnector.provider.updateEmailPrimaryOtp({otp:i}),t.EventsController.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),t.RouterController.replace("UpdateEmailSecondaryOtp",t.RouterController.state.data))}catch(o){throw t.EventsController.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:t.CoreHelperUtil.parseError(o)}}),o}},this.onStartOver=()=>{t.RouterController.replace("UpdateEmailWallet",t.RouterController.state.data)}}};exports.W3mUpdateEmailPrimaryOtpView=E([t.customElement("w3m-update-email-primary-otp-view")],exports.W3mUpdateEmailPrimaryOtpView);var w=function(l,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(l,e,i,o);else for(var s=l.length-1;s>=0;s--)(a=l[s])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};exports.W3mUpdateEmailSecondaryOtpView=class extends c.W3mEmailOtpWidget{constructor(){var e,i;super(),this.email=(e=t.RouterController.state.data)==null?void 0:e.newEmail,this.redirectView=(i=t.RouterController.state.data)==null?void 0:i.redirectView,this.onOtpSubmit=async o=>{try{this.authConnector&&(await this.authConnector.provider.updateEmailSecondaryOtp({otp:o}),t.EventsController.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),this.redirectView&&t.RouterController.reset(this.redirectView))}catch(n){throw t.EventsController.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:t.CoreHelperUtil.parseError(n)}}),n}},this.onStartOver=()=>{t.RouterController.replace("UpdateEmailWallet",t.RouterController.state.data)}}};exports.W3mUpdateEmailSecondaryOtpView=w([t.customElement("w3m-update-email-secondary-otp-view")],exports.W3mUpdateEmailSecondaryOtpView);var d=function(l,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(l,e,i,o);else for(var s=l.length-1;s>=0;s--)(a=l[s])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};exports.W3mEmailLoginView=class extends t.i{constructor(){var e;super(),this.authConnector=t.ConnectorController.getAuthConnector(),this.isEmailEnabled=(e=t.OptionsController.state.remoteFeatures)==null?void 0:e.email,this.isAuthEnabled=this.checkIfAuthEnabled(t.ConnectorController.state.connectors),this.connectors=t.ConnectorController.state.connectors,t.ConnectorController.subscribeKey("connectors",i=>{this.connectors=i,this.isAuthEnabled=this.checkIfAuthEnabled(this.connectors)})}render(){if(!this.isEmailEnabled)throw new Error("w3m-email-login-view: Email is not enabled");if(!this.isAuthEnabled)throw new Error("w3m-email-login-view: No auth connector provided");return t.b`<wui-flex flexDirection="column" .padding=${["1","3","3","3"]} gap="4">
+      <w3m-email-login-widget></w3m-email-login-widget>
+    </wui-flex> `}checkIfAuthEnabled(e){const i=e.filter(n=>n.type===t.ConstantsUtil$2.CONNECTOR_TYPE_AUTH).map(n=>n.chain);return t.ConstantsUtil.AUTH_CONNECTOR_SUPPORTED_CHAINS.some(n=>i.includes(n))}};d([t.r()],exports.W3mEmailLoginView.prototype,"connectors",void 0);exports.W3mEmailLoginView=d([t.customElement("w3m-email-login-view")],exports.W3mEmailLoginView);Object.defineProperty(exports,"W3mEmailOtpWidget",{enumerable:!0,get:()=>c.W3mEmailOtpWidget});