@shapeshiftoss/swap-widget 0.0.2

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

@@ -0,0 +1,410 @@
+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

@@ -0,0 +1,5 @@
+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};