@shapeshiftoss/swap-widget 0.0.2 → 0.2.0

package/dist/assets/email-B1AJehis.js

@@ -1,90 +0,0 @@
-import{k as S,C as g,af as p,E as c,as as _,R as s,S as f,n as C,G as d,y as D,I as y,u,J as m,a4 as E,O as $,at as W,au as P,av as N,h as T}from"./index-5jd8RPN9.js";import{W as b}from"./index-CSW0Gt5y.js";var F=function(r,e,t,a){var n=arguments.length,i=n<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,t):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,a);else for(var l=r.length-1;l>=0;l--)(o=r[l])&&(i=(n<3?o(i):n>3?o(e,t,i):o(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let I=class extends b{constructor(){super(...arguments),this.onOtpSubmit=async e=>{var t,a;try{if(this.authConnector){const n=S.state.activeChain,i=g.getConnections(n),o=(t=p.state.remoteFeatures)==null?void 0:t.multiWallet,l=i.length>0;if(await this.authConnector.provider.connectOtp({otp:e}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),n)await g.connectExternal(this.authConnector,n);else throw new Error("Active chain is not set on ChainController");if((a=p.state.remoteFeatures)!=null&&a.emailCapture)return;if(p.state.siwx){_.close();return}if(l&&o){s.replace("ProfileWallets"),f.showSuccess("New Wallet Added");return}_.close()}}catch(n){throw c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:C.parseError(n)}}),n}},this.onOtpResend=async e=>{this.authConnector&&(await this.authConnector.provider.connectEmail({email:e}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_SENT"}))}}};I=F([d("w3m-email-verify-otp-view")],I);const U=D`
-  wui-icon-box {
-    height: ${({spacing:r})=>r[16]};
-    width: ${({spacing:r})=>r[16]};
-  }
-`;var x=function(r,e,t,a){var n=arguments.length,i=n<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,t):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,a);else for(var l=r.length-1;l>=0;l--)(o=r[l])&&(i=(n<3?o(i):n>3?o(e,t,i):o(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let w=class extends y{constructor(){var e;super(),this.email=(e=s.state.data)==null?void 0:e.email,this.authConnector=u.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 m`
-      <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(),c.sendEvent({type:"track",event:"DEVICE_REGISTERED_FOR_EMAIL"}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_SENT"}),s.replace("EmailVerifyOtp",{email:this.email})}catch{s.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(),f.showSuccess("Code email resent")}}catch(e){f.showError(e)}finally{this.loading=!1}}};w.styles=U;x([E()],w.prototype,"loading",void 0);w=x([d("w3m-email-verify-device-view")],w);const j=$`
-  wui-email-input {
-    width: 100%;
-  }
-
-  form {
-    width: 100%;
-    display: block;
-    position: relative;
-  }
-`;var O=function(r,e,t,a){var n=arguments.length,i=n<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,t):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,a);else for(var l=r.length-1;l>=0;l--)(o=r[l])&&(i=(n<3?o(i):n>3?o(e,t,i):o(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let h=class extends y{constructor(){var e,t;super(...arguments),this.formRef=W(),this.initialEmail=((e=s.state.data)==null?void 0:e.email)??"",this.redirectView=(t=s.state.data)==null?void 0:t.redirectView,this.email="",this.loading=!1}firstUpdated(){var e;(e=this.formRef.value)==null||e.addEventListener("keydown",t=>{t.key==="Enter"&&this.onSubmitEmail(t)})}render(){return m`
-      <wui-flex flexDirection="column" padding="4" gap="4">
-        <form ${P(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 t=u.getAuthConnector();if(!t)throw new Error("w3m-update-email-wallet: Auth connector not found");const a=await t.provider.updateEmail({email:this.email});c.sendEvent({type:"track",event:"EMAIL_EDIT"}),a.action==="VERIFY_SECONDARY_OTP"?s.push("UpdateEmailSecondaryOtp",{email:this.initialEmail,newEmail:this.email,redirectView:this.redirectView}):s.push("UpdateEmailPrimaryOtp",{email:this.initialEmail,newEmail:this.email,redirectView:this.redirectView})}catch(t){f.showError(t),this.loading=!1}}buttonsTemplate(){const e=!this.loading&&this.email.length>3&&this.email!==this.initialEmail;return this.redirectView?m`
-      <wui-flex gap="3">
-        <wui-button size="md" variant="neutral" fullWidth @click=${s.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>
-    `:m`
-        <wui-button
-          size="md"
-          variant="accent-primary"
-          fullWidth
-          @click=${this.onSubmitEmail.bind(this)}
-          .disabled=${!e}
-          .loading=${this.loading}
-        >
-          Save
-        </wui-button>
-      `}};h.styles=j;O([E()],h.prototype,"email",void 0);O([E()],h.prototype,"loading",void 0);h=O([d("w3m-update-email-wallet-view")],h);var L=function(r,e,t,a){var n=arguments.length,i=n<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,t):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,a);else for(var l=r.length-1;l>=0;l--)(o=r[l])&&(i=(n<3?o(i):n>3?o(e,t,i):o(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let A=class extends b{constructor(){var e;super(),this.email=(e=s.state.data)==null?void 0:e.email,this.onOtpSubmit=async t=>{try{this.authConnector&&(await this.authConnector.provider.updateEmailPrimaryOtp({otp:t}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),s.replace("UpdateEmailSecondaryOtp",s.state.data))}catch(a){throw c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:C.parseError(a)}}),a}},this.onStartOver=()=>{s.replace("UpdateEmailWallet",s.state.data)}}};A=L([d("w3m-update-email-primary-otp-view")],A);var M=function(r,e,t,a){var n=arguments.length,i=n<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,t):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,a);else for(var l=r.length-1;l>=0;l--)(o=r[l])&&(i=(n<3?o(i):n>3?o(e,t,i):o(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let R=class extends b{constructor(){var e,t;super(),this.email=(e=s.state.data)==null?void 0:e.newEmail,this.redirectView=(t=s.state.data)==null?void 0:t.redirectView,this.onOtpSubmit=async a=>{try{this.authConnector&&(await this.authConnector.provider.updateEmailSecondaryOtp({otp:a}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),this.redirectView&&s.reset(this.redirectView))}catch(n){throw c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:C.parseError(n)}}),n}},this.onStartOver=()=>{s.replace("UpdateEmailWallet",s.state.data)}}};R=M([d("w3m-update-email-secondary-otp-view")],R);var V=function(r,e,t,a){var n=arguments.length,i=n<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,t):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,a);else for(var l=r.length-1;l>=0;l--)(o=r[l])&&(i=(n<3?o(i):n>3?o(e,t,i):o(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let v=class extends y{constructor(){var e;super(),this.authConnector=u.getAuthConnector(),this.isEmailEnabled=(e=p.state.remoteFeatures)==null?void 0:e.email,this.isAuthEnabled=this.checkIfAuthEnabled(u.state.connectors),this.connectors=u.state.connectors,u.subscribeKey("connectors",t=>{this.connectors=t,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 m`<wui-flex flexDirection="column" .padding=${["1","3","3","3"]} gap="4">
-      <w3m-email-login-widget></w3m-email-login-widget>
-    </wui-flex> `}checkIfAuthEnabled(e){const t=e.filter(n=>n.type===N.CONNECTOR_TYPE_AUTH).map(n=>n.chain);return T.AUTH_CONNECTOR_SUPPORTED_CHAINS.some(n=>t.includes(n))}};V([E()],v.prototype,"connectors",void 0);v=V([d("w3m-email-login-view")],v);export{v as W3mEmailLoginView,b as W3mEmailOtpWidget,w as W3mEmailVerifyDeviceView,I as W3mEmailVerifyOtpView,A as W3mUpdateEmailPrimaryOtpView,R as W3mUpdateEmailSecondaryOtpView,h as W3mUpdateEmailWalletView};

package/dist/assets/embedded-wallet-Q6DQopDk.js

@@ -1,410 +0,0 @@
-import{O as Y,I as g,as as W,af as K,J as c,u as _,a2 as j,aD as G,a4 as d,G as w,y as R,z,D as B,F as l,r as N,k as h,aE as V,h as k,j as C,W as m,C as L,aF as q,aG as X,at as J,aH as v,n as D,aI as O,au as Q,E as I,S as Z,aJ as ee,R as te}from"./index-5jd8RPN9.js";const ie=Y`
-  div {
-    width: 100%;
-  }
-
-  [data-ready='false'] {
-    transform: scale(1.05);
-  }
-
-  @media (max-width: 430px) {
-    [data-ready='false'] {
-      transform: translateY(-50px);
-    }
-  }
-`;var F=function(e,t,i,n){var r=arguments.length,o=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};const P=600,M=360,oe=64;let E=class extends g{constructor(){super(),this.bodyObserver=void 0,this.unsubscribe=[],this.iframe=document.getElementById("w3m-iframe"),this.ready=!1,this.unsubscribe.push(W.subscribeKey("open",t=>{t||this.onHideIframe()}),W.subscribeKey("shake",t=>{t?this.iframe.style.animation="w3m-shake 500ms var(--apkt-easings-ease-out-power-2)":this.iframe.style.animation="none"}))}disconnectedCallback(){var t;this.onHideIframe(),this.unsubscribe.forEach(i=>i()),(t=this.bodyObserver)==null||t.unobserve(window.document.body)}async firstUpdated(){var i;await this.syncTheme(),this.iframe.style.display="block";const t=(i=this==null?void 0:this.renderRoot)==null?void 0:i.querySelector("div");this.bodyObserver=new ResizeObserver(n=>{var a,s;const r=(a=n==null?void 0:n[0])==null?void 0:a.contentBoxSize,o=(s=r==null?void 0:r[0])==null?void 0:s.inlineSize;this.iframe.style.height=`${P}px`,t.style.height=`${P}px`,K.state.enableEmbedded?this.updateFrameSizeForEmbeddedMode():o&&o<=430?(this.iframe.style.width="100%",this.iframe.style.left="0px",this.iframe.style.bottom="0px",this.iframe.style.top="unset",this.onShowIframe()):(this.iframe.style.width=`${M}px`,this.iframe.style.left=`calc(50% - ${M/2}px)`,this.iframe.style.top=`calc(50% - ${P/2}px + ${oe/2}px)`,this.iframe.style.bottom="unset",this.onShowIframe())}),this.bodyObserver.observe(window.document.body)}render(){return c`<div data-ready=${this.ready} id="w3m-frame-container"></div>`}onShowIframe(){const t=window.innerWidth<=430;this.ready=!0,this.iframe.style.animation=t?"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(){const t=_.getAuthConnector();if(t){const i=j.getSnapshot().themeMode,n=j.getSnapshot().themeVariables;await t.provider.syncTheme({themeVariables:n,w3mThemeVariables:G(n,i)})}}async updateFrameSizeForEmbeddedMode(){var n;const t=(n=this==null?void 0:this.renderRoot)==null?void 0:n.querySelector("div");await new Promise(r=>{setTimeout(r,300)});const i=this.getBoundingClientRect();t.style.width="100%",this.iframe.style.left=`${i.left}px`,this.iframe.style.top=`${i.top}px`,this.iframe.style.width=`${i.width}px`,this.iframe.style.height=`${i.height}px`,this.onShowIframe()}};E.styles=ie;F([d()],E.prototype,"ready",void 0);E=F([w("w3m-approve-transaction-view")],E);const ne=R`
-  a {
-    border: none;
-    border-radius: ${({borderRadius:e})=>e[20]};
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding: ${({spacing:e})=>e[1]};
-    transition:
-      background-color ${({durations:e})=>e.lg}
-        ${({easings:e})=>e["ease-out-power-2"]},
-      box-shadow ${({durations:e})=>e.lg}
-        ${({easings:e})=>e["ease-out-power-2"]},
-      border ${({durations:e})=>e.lg} ${({easings:e})=>e["ease-out-power-2"]};
-    will-change: background-color, box-shadow, border;
-  }
-
-  /* -- Variants --------------------------------------------------------------- */
-  a[data-type='success'] {
-    background-color: ${({tokens:e})=>e.core.backgroundSuccess};
-    color: ${({tokens:e})=>e.core.textSuccess};
-  }
-
-  a[data-type='error'] {
-    background-color: ${({tokens:e})=>e.core.backgroundError};
-    color: ${({tokens:e})=>e.core.textError};
-  }
-
-  a[data-type='warning'] {
-    background-color: ${({tokens:e})=>e.core.backgroundWarning};
-    color: ${({tokens:e})=>e.core.textWarning};
-  }
-
-  /* -- Sizes --------------------------------------------------------------- */
-  a[data-size='sm'] {
-    height: 24px;
-  }
-
-  a[data-size='md'] {
-    height: 28px;
-  }
-
-  a[data-size='lg'] {
-    height: 32px;
-  }
-
-  a[data-size='sm'] > wui-image,
-  a[data-size='sm'] > wui-icon {
-    width: 16px;
-    height: 16px;
-  }
-
-  a[data-size='md'] > wui-image,
-  a[data-size='md'] > wui-icon {
-    width: 20px;
-    height: 20px;
-  }
-
-  a[data-size='lg'] > wui-image,
-  a[data-size='lg'] > wui-icon {
-    width: 24px;
-    height: 24px;
-  }
-
-  wui-text {
-    padding-left: ${({spacing:e})=>e[1]};
-    padding-right: ${({spacing:e})=>e[1]};
-  }
-
-  wui-image {
-    border-radius: ${({borderRadius:e})=>e[3]};
-    overflow: hidden;
-    user-drag: none;
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-drag: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-  }
-
-  /* -- States --------------------------------------------------------------- */
-  @media (hover: hover) and (pointer: fine) {
-    a[data-type='success']:not(:disabled):hover {
-      background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-      box-shadow: 0px 0px 0px 1px ${({tokens:e})=>e.core.borderSuccess};
-    }
-
-    a[data-type='error']:not(:disabled):hover {
-      background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-      box-shadow: 0px 0px 0px 1px ${({tokens:e})=>e.core.borderError};
-    }
-
-    a[data-type='warning']:not(:disabled):hover {
-      background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-      box-shadow: 0px 0px 0px 1px ${({tokens:e})=>e.core.borderWarning};
-    }
-  }
-
-  a[data-type='success']:not(:disabled):focus-visible {
-    box-shadow:
-      0px 0px 0px 1px ${({tokens:e})=>e.core.backgroundAccentPrimary},
-      0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent020};
-  }
-
-  a[data-type='error']:not(:disabled):focus-visible {
-    box-shadow:
-      0px 0px 0px 1px ${({tokens:e})=>e.core.backgroundAccentPrimary},
-      0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent020};
-  }
-
-  a[data-type='warning']:not(:disabled):focus-visible {
-    box-shadow:
-      0px 0px 0px 1px ${({tokens:e})=>e.core.backgroundAccentPrimary},
-      0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent020};
-  }
-
-  a:disabled {
-    opacity: 0.5;
-  }
-`;var y=function(e,t,i,n){var r=arguments.length,o=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};const re={sm:"md-regular",md:"lg-regular",lg:"lg-regular"},ae={success:"sealCheck",error:"warning",warning:"exclamationCircle"};let u=class extends g{constructor(){super(...arguments),this.type="success",this.size="md",this.imageSrc=void 0,this.disabled=!1,this.href="",this.text=void 0}render(){return c`
-      <a
-        rel="noreferrer"
-        target="_blank"
-        href=${this.href}
-        class=${this.disabled?"disabled":""}
-        data-type=${this.type}
-        data-size=${this.size}
-      >
-        ${this.imageTemplate()}
-        <wui-text variant=${re[this.size]} color="inherit">${this.text}</wui-text>
-      </a>
-    `}imageTemplate(){return this.imageSrc?c`<wui-image src=${this.imageSrc} size="inherit"></wui-image>`:c`<wui-icon
-      name=${ae[this.type]}
-      weight="fill"
-      color="inherit"
-      size="inherit"
-      class="image-icon"
-    ></wui-icon>`}};u.styles=[z,B,ne];y([l()],u.prototype,"type",void 0);y([l()],u.prototype,"size",void 0);y([l()],u.prototype,"imageSrc",void 0);y([l({type:Boolean})],u.prototype,"disabled",void 0);y([l()],u.prototype,"href",void 0);y([l()],u.prototype,"text",void 0);u=y([w("wui-semantic-chip")],u);var se=function(e,t,i,n){var r=arguments.length,o=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};let H=class extends g{render(){return c`
-      <wui-flex flexDirection="column" alignItems="center" gap="5" padding="5">
-        <wui-text variant="md-regular" color="primary">Follow the instructions on</wui-text>
-        <wui-semantic-chip
-          icon="externalLink"
-          variant="fill"
-          text=${N.SECURE_SITE_DASHBOARD}
-          href=${N.SECURE_SITE_DASHBOARD}
-          imageSrc=${N.SECURE_SITE_FAVICON}
-          data-testid="w3m-secure-website-button"
-        >
-        </wui-semantic-chip>
-        <wui-text variant="sm-regular" color="secondary">
-          You will have to reconnect for security reasons
-        </wui-text>
-      </wui-flex>
-    `}};H=se([w("w3m-upgrade-wallet-view")],H);var A=function(e,t,i,n){var r=arguments.length,o=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};let $=class extends g{constructor(){super(...arguments),this.loading=!1,this.switched=!1,this.text="",this.network=h.state.activeCaipNetwork}render(){return c`
-      <wui-flex flexDirection="column" gap="2" .padding=${["6","4","3","4"]}>
-        ${this.togglePreferredAccountTypeTemplate()} ${this.toggleSmartAccountVersionTemplate()}
-      </wui-flex>
-    `}toggleSmartAccountVersionTemplate(){return c`
-      <w3m-tooltip-trigger text="Changing the smart account version will reload the page">
-        <wui-list-item
-          icon=${this.isV6()?"arrowTop":"arrowBottom"}
-          ?rounded=${!0}
-          ?chevron=${!0}
-          data-testid="account-toggle-smart-account-version"
-          @click=${this.toggleSmartAccountVersion.bind(this)}
-        >
-          <wui-text variant="lg-regular" color="primary"
-            >Force Smart Account Version ${this.isV6()?"7":"6"}</wui-text
-          >
-        </wui-list-item>
-      </w3m-tooltip-trigger>
-    `}isV6(){return(V.get("dapp_smart_account_version")||"v6")==="v6"}toggleSmartAccountVersion(){var t;V.set("dapp_smart_account_version",this.isV6()?"v7":"v6"),typeof window<"u"&&((t=window==null?void 0:window.location)==null||t.reload())}togglePreferredAccountTypeTemplate(){var o;const t=(o=this.network)==null?void 0:o.chainNamespace,i=h.checkIfSmartAccountEnabled(),n=_.getConnectorId(t);return!_.getAuthConnector()||n!==k.CONNECTOR_ID.AUTH||!i?null:(this.switched||(this.text=C(t)===m.ACCOUNT_TYPES.SMART_ACCOUNT?"Switch to your EOA":"Switch to your Smart Account"),c`
-      <wui-list-item
-        icon="swapHorizontal"
-        ?rounded=${!0}
-        ?chevron=${!0}
-        ?loading=${this.loading}
-        @click=${this.changePreferredAccountType.bind(this)}
-        data-testid="account-toggle-preferred-account-type"
-      >
-        <wui-text variant="lg-regular" color="primary">${this.text}</wui-text>
-      </wui-list-item>
-    `)}async changePreferredAccountType(){var o;const t=(o=this.network)==null?void 0:o.chainNamespace,i=h.checkIfSmartAccountEnabled(),n=C(t)===m.ACCOUNT_TYPES.SMART_ACCOUNT||!i?m.ACCOUNT_TYPES.EOA:m.ACCOUNT_TYPES.SMART_ACCOUNT;_.getAuthConnector()&&(this.loading=!0,await L.setPreferredAccountType(n,t),this.text=n===m.ACCOUNT_TYPES.SMART_ACCOUNT?"Switch to your EOA":"Switch to your Smart Account",this.switched=!0,q.resetSend(),this.loading=!1,this.requestUpdate())}};A([d()],$.prototype,"loading",void 0);A([d()],$.prototype,"switched",void 0);A([d()],$.prototype,"text",void 0);A([d()],$.prototype,"network",void 0);$=A([w("w3m-smart-account-settings-view")],$);const ce=R`
-  :host {
-    width: 100%;
-  }
-
-  button {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-    border-radius: ${({borderRadius:e})=>e[4]};
-    padding: ${({spacing:e})=>e[4]};
-  }
-
-  .name {
-    max-width: 75%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    button:hover:enabled {
-      cursor: pointer;
-      background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
-      border-radius: ${({borderRadius:e})=>e[6]};
-    }
-  }
-
-  button:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-
-  button:focus-visible:enabled {
-    box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent040};
-    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
-  }
-`;var T=function(e,t,i,n){var r=arguments.length,o=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};let b=class extends g{constructor(){super(...arguments),this.name="",this.registered=!1,this.loading=!1,this.disabled=!1}render(){return c`
-      <button ?disabled=${this.disabled}>
-        <wui-text class="name" color="primary" variant="md-regular">${this.name}</wui-text>
-        ${this.templateRightContent()}
-      </button>
-    `}templateRightContent(){return this.loading?c`<wui-loading-spinner size="lg" color="primary"></wui-loading-spinner>`:this.registered?c`<wui-tag variant="info" size="sm">Registered</wui-tag>`:c`<wui-tag variant="success" size="sm">Available</wui-tag>`}};b.styles=[z,B,ce];T([l()],b.prototype,"name",void 0);T([l({type:Boolean})],b.prototype,"registered",void 0);T([l({type:Boolean})],b.prototype,"loading",void 0);T([l({type:Boolean})],b.prototype,"disabled",void 0);b=T([w("wui-account-name-suggestion-item")],b);const le=R`
-  :host {
-    position: relative;
-    width: 100%;
-    display: inline-block;
-  }
-
-  :host([disabled]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .base-name {
-    position: absolute;
-    right: ${({spacing:e})=>e[4]};
-    top: 50%;
-    transform: translateY(-50%);
-    text-align: right;
-    padding: ${({spacing:e})=>e[1]};
-    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
-    border-radius: ${({borderRadius:e})=>e[1]};
-  }
-`;var S=function(e,t,i,n){var r=arguments.length,o=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};let f=class extends g{constructor(){super(...arguments),this.disabled=!1,this.loading=!1}render(){return c`
-      <wui-input-text
-        value=${X(this.value)}
-        ?disabled=${this.disabled}
-        .value=${this.value||""}
-        data-testid="wui-ens-input"
-        icon="search"
-        inputRightPadding="5xl"
-        .onKeyDown=${this.onKeyDown}
-      ></wui-input-text>
-    `}};f.styles=[z,le];S([l()],f.prototype,"errorMessage",void 0);S([l({type:Boolean})],f.prototype,"disabled",void 0);S([l()],f.prototype,"value",void 0);S([l({type:Boolean})],f.prototype,"loading",void 0);S([l({attribute:!1})],f.prototype,"onKeyDown",void 0);f=S([w("wui-ens-input")],f);const de=R`
-  wui-flex {
-    width: 100%;
-  }
-
-  .suggestion {
-    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-    border-radius: ${({borderRadius:e})=>e[4]};
-  }
-
-  .suggestion:hover:not(:disabled) {
-    cursor: pointer;
-    border: none;
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
-    border-radius: ${({borderRadius:e})=>e[6]};
-    padding: ${({spacing:e})=>e[4]};
-  }
-
-  .suggestion:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-
-  .suggestion:focus-visible:not(:disabled) {
-    box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent040};
-    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
-  }
-
-  .suggested-name {
-    max-width: 75%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  form {
-    width: 100%;
-    position: relative;
-  }
-
-  .input-submit-button,
-  .input-loading-spinner {
-    position: absolute;
-    top: 22px;
-    transform: translateY(-50%);
-    right: 10px;
-  }
-`;var x=function(e,t,i,n){var r=arguments.length,o=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};let p=class extends g{constructor(){var t;super(),this.formRef=J(),this.usubscribe=[],this.name="",this.error="",this.loading=v.state.loading,this.suggestions=v.state.suggestions,this.profileName=(t=h.getAccountData())==null?void 0:t.profileName,this.onDebouncedNameInputChange=D.debounce(i=>{i.length<4?this.error="Name must be at least 4 characters long":O.isValidReownName(i)?(this.error="",v.getSuggestions(i)):this.error="The value is not a valid username"}),this.usubscribe.push(v.subscribe(i=>{this.suggestions=i.suggestions,this.loading=i.loading}),h.subscribeChainProp("accountState",i=>{this.profileName=i==null?void 0:i.profileName,i!=null&&i.profileName&&(this.error="You already own a name")}))}firstUpdated(){var t;(t=this.formRef.value)==null||t.addEventListener("keydown",this.onEnterKey.bind(this))}disconnectedCallback(){var t;super.disconnectedCallback(),this.usubscribe.forEach(i=>i()),(t=this.formRef.value)==null||t.removeEventListener("keydown",this.onEnterKey.bind(this))}render(){return c`
-      <wui-flex
-        flexDirection="column"
-        alignItems="center"
-        gap="4"
-        .padding=${["1","3","4","3"]}
-      >
-        <form ${Q(this.formRef)} @submit=${this.onSubmitName.bind(this)}>
-          <wui-ens-input
-            @inputChange=${this.onNameInputChange.bind(this)}
-            .errorMessage=${this.error}
-            .value=${this.name}
-            .onKeyDown=${this.onKeyDown.bind(this)}
-          >
-          </wui-ens-input>
-          ${this.submitButtonTemplate()}
-          <input type="submit" hidden />
-        </form>
-        ${this.templateSuggestions()}
-      </wui-flex>
-    `}submitButtonTemplate(){const t=this.suggestions.find(n=>{var r,o;return((o=(r=n.name)==null?void 0:r.split("."))==null?void 0:o[0])===this.name&&n.registered});if(this.loading)return c`<wui-loading-spinner
-        class="input-loading-spinner"
-        color="secondary"
-      ></wui-loading-spinner>`;const i=`${this.name}${k.WC_NAME_SUFFIX}`;return c`
-      <wui-icon-link
-        ?disabled=${!!t}
-        class="input-submit-button"
-        size="sm"
-        icon="chevronRight"
-        iconColor=${t?"default":"accent-primary"}
-        @click=${()=>this.onSubmitName(i)}
-      >
-      </wui-icon-link>
-    `}onNameInputChange(t){const i=O.validateReownName(t.detail||"");this.name=i,this.onDebouncedNameInputChange(i)}onKeyDown(t){t.key.length===1&&!O.isValidReownName(t.key)&&t.preventDefault()}templateSuggestions(){return!this.name||this.name.length<4||this.error?null:c`<wui-flex flexDirection="column" gap="1" alignItems="center">
-      ${this.suggestions.map(t=>c`<wui-account-name-suggestion-item
-            name=${t.name}
-            ?registered=${t.registered}
-            ?loading=${this.loading}
-            ?disabled=${t.registered||this.loading}
-            data-testid="account-name-suggestion"
-            @click=${()=>this.onSubmitName(t.name)}
-          ></wui-account-name-suggestion-item>`)}
-    </wui-flex>`}isAllowedToSubmit(t){var r;const i=(r=t.split("."))==null?void 0:r[0],n=this.suggestions.find(o=>{var a,s;return((s=(a=o.name)==null?void 0:a.split("."))==null?void 0:s[0])===i&&o.registered});return!this.loading&&!this.error&&!this.profileName&&i&&v.validateName(i)&&!n}async onSubmitName(t){try{if(!this.isAllowedToSubmit(t))return;I.sendEvent({type:"track",event:"REGISTER_NAME_INITIATED",properties:{isSmartAccount:C(h.state.activeChain)===m.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:t}}),await v.registerName(t),I.sendEvent({type:"track",event:"REGISTER_NAME_SUCCESS",properties:{isSmartAccount:C(h.state.activeChain)===m.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:t}})}catch(i){Z.showError(i.message),I.sendEvent({type:"track",event:"REGISTER_NAME_ERROR",properties:{isSmartAccount:C(h.state.activeChain)===m.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:t,error:D.parseError(i)}})}}onEnterKey(t){if(t.key==="Enter"&&this.name&&this.isAllowedToSubmit(this.name)){const i=`${this.name}${k.WC_NAME_SUFFIX}`;this.onSubmitName(i)}}};p.styles=de;x([l()],p.prototype,"errorMessage",void 0);x([d()],p.prototype,"name",void 0);x([d()],p.prototype,"error",void 0);x([d()],p.prototype,"loading",void 0);x([d()],p.prototype,"suggestions",void 0);x([d()],p.prototype,"profileName",void 0);p=x([w("w3m-register-account-name-view")],p);const ue=Y`
-  .continue-button-container {
-    width: 100%;
-  }
-`;var pe=function(e,t,i,n){var r=arguments.length,o=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o};let U=class extends g{render(){return c`
-      <wui-flex
-        flexDirection="column"
-        alignItems="center"
-        gap="6"
-        .padding=${["0","0","4","0"]}
-      >
-        ${this.onboardingTemplate()} ${this.buttonsTemplate()}
-        <wui-link
-          @click=${()=>{D.openHref(ee.URLS.FAQ,"_blank")}}
-        >
-          Learn more
-          <wui-icon color="inherit" slot="iconRight" name="externalLink"></wui-icon>
-        </wui-link>
-      </wui-flex>
-    `}onboardingTemplate(){return c` <wui-flex
-      flexDirection="column"
-      gap="6"
-      alignItems="center"
-      .padding=${["0","6","0","6"]}
-    >
-      <wui-flex gap="3" alignItems="center" justifyContent="center">
-        <wui-icon-box size="xl" color="success" icon="checkmark"></wui-icon-box>
-      </wui-flex>
-      <wui-flex flexDirection="column" alignItems="center" gap="3">
-        <wui-text align="center" variant="md-medium" color="primary">
-          Account name chosen successfully
-        </wui-text>
-        <wui-text align="center" variant="md-regular" color="primary">
-          You can now fund your account and trade crypto
-        </wui-text>
-      </wui-flex>
-    </wui-flex>`}buttonsTemplate(){return c`<wui-flex
-      .padding=${["0","4","0","4"]}
-      gap="3"
-      class="continue-button-container"
-    >
-      <wui-button fullWidth size="lg" borderRadius="xs" @click=${this.redirectToAccount.bind(this)}
-        >Let's Go!
-      </wui-button>
-    </wui-flex>`}redirectToAccount(){te.replace("Account")}};U.styles=ue;U=pe([w("w3m-register-account-name-success-view")],U);export{E as W3mApproveTransactionView,U as W3mRegisterAccountNameSuccess,p as W3mRegisterAccountNameView,$ as W3mSmartAccountSettingsView,H as W3mUpgradeWalletView};

package/dist/assets/features-B6JAPAFb.js

@@ -1,5 +0,0 @@
-import{k as g,bh as S,ah as y,bi as A,h as k,ag as u,m as N,aw as m}from"./index-5jd8RPN9.js";class p{constructor(e){this.getNonce=e.getNonce}async createMessage(e){const t={accountAddress:e.accountAddress,chainId:e.chainId,version:"1",domain:typeof document>"u"?"Unknown Domain":document.location.host,uri:typeof document>"u"?"Unknown URI":document.location.href,resources:this.resources,nonce:await this.getNonce(e),issuedAt:this.stringifyDate(new Date),statement:void 0,expirationTime:void 0,notBefore:void 0};return Object.assign(t,{toString:()=>this.stringify(t)})}stringify(e){var n;const t=this.getNetworkName(e.chainId);return[`${e.domain} wants you to sign in with your ${t} account:`,e.accountAddress,e.statement?`
-${e.statement}
-`:"",`URI: ${e.uri}`,`Version: ${e.version}`,`Chain ID: ${e.chainId}`,`Nonce: ${e.nonce}`,e.issuedAt&&`Issued At: ${e.issuedAt}`,e.expirationTime&&`Expiration Time: ${e.expirationTime}`,e.notBefore&&`Not Before: ${e.notBefore}`,e.requestId&&`Request ID: ${e.requestId}`,((n=e.resources)==null?void 0:n.length)&&e.resources.reduce((s,o)=>`${s}
-- ${o}`,"Resources:")].filter(s=>typeof s=="string").join(`
-`).trim()}getNetworkName(e){const t=g.getAllRequestedCaipNetworks();return S.getNetworkNameByCaipNetworkId(t,e)}stringifyDate(e){return e.toISOString()}}class E{constructor(e={}){this.otpUuid=null,this.listeners={sessionChanged:[]},this.localAuthStorageKey=e.localAuthStorageKey||y.SIWX_AUTH_TOKEN,this.localNonceStorageKey=e.localNonceStorageKey||y.SIWX_NONCE_TOKEN,this.required=e.required??!0,this.messenger=new p({getNonce:this.getNonce.bind(this)})}async createMessage(e){return this.messenger.createMessage(e)}async addSession(e){const t=await this.request({method:"POST",key:"authenticate",body:{data:e.data,message:e.message,signature:e.signature,clientId:this.getClientId(),walletInfo:this.getWalletInfo()},headers:["nonce","otp"]});this.setStorageToken(t.token,this.localAuthStorageKey),this.emit("sessionChanged",e),this.setAppKitAccountUser(I(t.token)),this.otpUuid=null}async getSessions(e,t){try{if(!this.getStorageToken(this.localAuthStorageKey))return[];const n=await this.request({method:"GET",key:"me",query:{},headers:["auth"]});if(!n)return[];const s=n.address.toLowerCase()===t.toLowerCase(),o=n.caip2Network===e;if(!s||!o)return[];const r={data:{accountAddress:n.address,chainId:n.caip2Network},message:"",signature:""};return this.emit("sessionChanged",r),this.setAppKitAccountUser(n),[r]}catch{return[]}}async revokeSession(e,t){return Promise.resolve(this.clearStorageTokens())}async setSessions(e){if(e.length===0)this.clearStorageTokens();else{const t=e.find(n=>{var s;return n.data.chainId===((s=A())==null?void 0:s.caipNetworkId)})||e[0];await this.addSession(t)}}getRequired(){return this.required}async getSessionAccount(){if(!this.getStorageToken(this.localAuthStorageKey))throw new Error("Not authenticated");return this.request({method:"GET",key:"me",body:void 0,query:{includeAppKitAccount:!0},headers:["auth"]})}async setSessionAccountMetadata(e=null){if(!this.getStorageToken(this.localAuthStorageKey))throw new Error("Not authenticated");return this.request({method:"PUT",key:"account-metadata",body:{metadata:e},headers:["auth"]})}on(e,t){return this.listeners[e].push(t),()=>{this.listeners[e]=this.listeners[e].filter(n=>n!==t)}}removeAllListeners(){Object.keys(this.listeners).forEach(t=>{this.listeners[t]=[]})}async requestEmailOtp({email:e,account:t}){const n=await this.request({method:"POST",key:"otp",body:{email:e,account:t}});return this.otpUuid=n.uuid,this.messenger.resources=[`email:${e}`],n}confirmEmailOtp({code:e}){return this.request({method:"PUT",key:"otp",body:{code:e},headers:["otp"]})}async request({method:e,key:t,query:n,body:s,headers:o}){var f;const{projectId:r,st:h,sv:w}=this.getSDKProperties(),a=new URL(`${k.W3M_API_URL}/auth/v1/${String(t)}`);a.searchParams.set("projectId",r),a.searchParams.set("st",h),a.searchParams.set("sv",w),n&&Object.entries(n).forEach(([i,l])=>a.searchParams.set(i,String(l)));const c=await fetch(a,{method:e,body:s?JSON.stringify(s):void 0,headers:Array.isArray(o)?o.reduce((i,l)=>{switch(l){case"nonce":i["x-nonce-jwt"]=`Bearer ${this.getStorageToken(this.localNonceStorageKey)}`;break;case"auth":i.Authorization=`Bearer ${this.getStorageToken(this.localAuthStorageKey)}`;break;case"otp":this.otpUuid&&(i["x-otp"]=this.otpUuid);break}return i},{}):void 0});if(!c.ok)throw new Error(await c.text());return(f=c.headers.get("content-type"))!=null&&f.includes("application/json")?c.json():null}getStorageToken(e){return u.getItem(e)}setStorageToken(e,t){u.setItem(t,e)}clearStorageTokens(){this.otpUuid=null,u.removeItem(this.localAuthStorageKey),u.removeItem(this.localNonceStorageKey),this.emit("sessionChanged",void 0)}async getNonce(){const{nonce:e,token:t}=await this.request({method:"GET",key:"nonce"});return this.setStorageToken(t,this.localNonceStorageKey),e}getClientId(){return N.state.clientId}getWalletInfo(){var o;const e=(o=g.getAccountData())==null?void 0:o.connectedWalletInfo;if(!e)return;if("social"in e&&"identifier"in e){const r=e.social,h=e.identifier;return{type:"social",social:r,identifier:h}}const{name:t,icon:n}=e;let s="unknown";switch(e.type){case"EXTERNAL":case"INJECTED":case"ANNOUNCED":s="extension";break;case"WALLET_CONNECT":s="walletconnect";break;default:s="unknown"}return{type:s,name:t,icon:n}}getSDKProperties(){return m._getSdkProperties()}emit(e,t){this.listeners[e].forEach(n=>n(t))}setAppKitAccountUser(e){const{email:t}=e;t&&Object.values(k.CHAIN).forEach(n=>{g.setAccountProp("user",{email:t},n)})}}function I(d){const e=d.split(".");if(e.length!==3)throw new Error("Invalid token");const t=e[1];if(typeof t!="string")throw new Error("Invalid token");const n=t.replace(/-/gu,"+").replace(/_/gu,"/"),s=n.padEnd(n.length+(4-n.length%4)%4,"=");return JSON.parse(atob(s))}export{E as ReownAuthentication,p as ReownAuthenticationMessenger};