@dcl/shop 0.0.1 → 0.1.0-28686241684.commit-5598576

package/assets/embedded-wallet-B9D3dCYe.js

@@ -0,0 +1,410 @@
+import{a as Y,i as g,b as c}from"./lit-element-B3y9oplH.js";import{r as d,n as l,o as K}from"./class-map-CxwNmq0D.js";import{d as E,r as z,e as B}from"./index-CYxXj61Q.js";import{c as w}from"./index-CueuNwh4.js";import{M as W,O as G,o as _,T as j,H as L,d as N,C as m,I as V,l as C,W as h,k as q,J as X,K as v,b as k,E as O,S as J,R as Q}from"./W3MFrameProviderSingleton-CDHIKQXl.js";import"./index-xEvdgHfO.js";import{au as D}from"./NetworkUtil-DRBYr7tG.js";import{e as Z,n as ee}from"./ref-BsAZ42-h.js";import"./index-BaP8MVTp.js";import{H as I}from"./HelpersUtil-9ytDRBtn.js";import"./index-CCcg8dXv.js";import"./index-BRd_-Tea.js";import"./index-wL3_hwwz.js";import"./index-Bff277o0.js";import"./index-DJ21T-qG.js";import{N as te}from"./NavigationUtil-DmfK5sOV.js";import"./index-B8NQc7SV.js";import"./react-E8ng6RF2.js";import"./ethers-BxoDGoYp.js";import"./index-VfF1wHns.js";import"./index-Dh9TVpdt.js";import"./index-BwWuCRvy.js";import"./index-nibyPLVP.js";import"./index-BYAPkd1k.js";import"./index.es-BXhWAdl8.js";import"./browser-ponyfill-DgNUJw98.js";import"./async-directive-BRxn_Py3.js";import"./ConstantsUtil-CkFCQ14z.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,r){var n=arguments.length,o=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o};const P=600,M=360,oe=64;let R=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(r=>{var s,a;const n=(s=r==null?void 0:r[0])==null?void 0:s.contentBoxSize,o=(a=n==null?void 0:n[0])==null?void 0:a.inlineSize;this.iframe.style.height=`${P}px`,t.style.height=`${P}px`,G.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,r=j.getSnapshot().themeVariables;await t.provider.syncTheme({themeVariables:r,w3mThemeVariables:L(r,i)})}}async updateFrameSizeForEmbeddedMode(){var r;const t=(r=this==null?void 0:this.renderRoot)==null?void 0:r.querySelector("div");await new Promise(n=>{setTimeout(n,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()}};R.styles=ie;F([d()],R.prototype,"ready",void 0);R=F([w("w3m-approve-transaction-view")],R);const re=E`
+  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,r){var n=arguments.length,o=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o};const ne={sm:"md-regular",md:"lg-regular",lg:"lg-regular"},se={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=${ne[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=${se[this.type]}
+      weight="fill"
+      color="inherit"
+      size="inherit"
+      class="image-icon"
+    ></wui-icon>`}};u.styles=[z,B,re];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 ae=function(e,t,i,r){var n=arguments.length,o=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>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=ae([w("w3m-upgrade-wallet-view")],H);var A=function(e,t,i,r){var n=arguments.length,o=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>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=m.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=m.checkIfSmartAccountEnabled(),r=_.getConnectorId(t);return!_.getAuthConnector()||r!==D.CONNECTOR_ID.AUTH||!i?null:(this.switched||(this.text=C(t)===h.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=m.checkIfSmartAccountEnabled(),r=C(t)===h.ACCOUNT_TYPES.SMART_ACCOUNT||!i?h.ACCOUNT_TYPES.EOA:h.ACCOUNT_TYPES.SMART_ACCOUNT;_.getAuthConnector()&&(this.loading=!0,await q.setPreferredAccountType(r,t),this.text=r===h.ACCOUNT_TYPES.SMART_ACCOUNT?"Switch to your EOA":"Switch to your Smart Account",this.switched=!0,X.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=E`
+  :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,r){var n=arguments.length,o=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>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=E`
+  :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,r){var n=arguments.length,o=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>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=${K(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=E`
+  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,r){var n=arguments.length,o=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o};let p=class extends g{constructor(){var t;super(),this.formRef=Z(),this.usubscribe=[],this.name="",this.error="",this.loading=v.state.loading,this.suggestions=v.state.suggestions,this.profileName=(t=m.getAccountData())==null?void 0:t.profileName,this.onDebouncedNameInputChange=k.debounce(i=>{i.length<4?this.error="Name must be at least 4 characters long":I.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}),m.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 ${ee(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(r=>{var n,o;return((o=(n=r.name)==null?void 0:n.split("."))==null?void 0:o[0])===this.name&&r.registered});if(this.loading)return c`<wui-loading-spinner
+        class="input-loading-spinner"
+        color="secondary"
+      ></wui-loading-spinner>`;const i=`${this.name}${D.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=I.validateReownName(t.detail||"");this.name=i,this.onDebouncedNameInputChange(i)}onKeyDown(t){t.key.length===1&&!I.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 n;const i=(n=t.split("."))==null?void 0:n[0],r=this.suggestions.find(o=>{var s,a;return((a=(s=o.name)==null?void 0:s.split("."))==null?void 0:a[0])===i&&o.registered});return!this.loading&&!this.error&&!this.profileName&&i&&v.validateName(i)&&!r}async onSubmitName(t){try{if(!this.isAllowedToSubmit(t))return;O.sendEvent({type:"track",event:"REGISTER_NAME_INITIATED",properties:{isSmartAccount:C(m.state.activeChain)===h.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:t}}),await v.registerName(t),O.sendEvent({type:"track",event:"REGISTER_NAME_SUCCESS",properties:{isSmartAccount:C(m.state.activeChain)===h.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:t}})}catch(i){J.showError(i.message),O.sendEvent({type:"track",event:"REGISTER_NAME_ERROR",properties:{isSmartAccount:C(m.state.activeChain)===h.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:t,error:k.parseError(i)}})}}onEnterKey(t){if(t.key==="Enter"&&this.name&&this.isAllowedToSubmit(this.name)){const i=`${this.name}${D.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,r){var n=arguments.length,o=n<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>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=${()=>{k.openHref(te.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(){Q.replace("Account")}};U.styles=ue;U=pe([w("w3m-register-account-name-success-view")],U);export{R as W3mApproveTransactionView,U as W3mRegisterAccountNameSuccess,p as W3mRegisterAccountNameView,$ as W3mSmartAccountSettingsView,H as W3mUpgradeWalletView};

package/assets/engine-CNMFZ_hQ.js

@@ -0,0 +1 @@
+import{j as w,b as p,r as y}from"./signing-DKkAEdyU.js";import{w as h}from"./wait-for-tx-receipt-CnKJOy9L.js";import"./utils-CtSpY5KY.js";import"./ethers-BxoDGoYp.js";import"./react-E8ng6RF2.js";import"./index-B8NQc7SV.js";import"./transactionReceipt-CAYGS1Va.js";import"./sleep-mAKpSMLY.js";async function f({account:t,serializableTransaction:e,transaction:r,gasless:n}){const a=p({address:n.relayerForwarderAddress,chain:r.chain,client:r.client}),s=await y({contract:a,method:"function getNonce(address) view returns (uint256)",params:[t.address]}),[o,i]=await(async()=>{if(!e.to)throw new Error("engine transactions must have a 'to' address");if(!e.gas)throw new Error("engine transactions must have a 'gas' value");if(!e.data)throw new Error("engine transactions must have a 'data' value");if(n.experimentalChainlessSupport){const d={chainid:BigInt(r.chain.id),data:e.data,from:t.address,gas:e.gas,nonce:s,to:e.to,value:0n};return[await t.signTypedData({domain:{name:"GSNv2 Forwarder",verifyingContract:a.address,version:"0.0.1"},message:d,primaryType:"ForwardRequest",types:{ForwardRequest:l}}),d]}const c={data:e.data,from:t.address,gas:e.gas,nonce:s,to:e.to,value:0n};return[await t.signTypedData({domain:{chainId:r.chain.id,name:n.domainName??"GSNv2 Forwarder",verifyingContract:a.address,version:n.domainVersion??"0.0.1"},message:c,primaryType:"ForwardRequest",types:{ForwardRequest:g}}),c]})();return{message:i,messageType:"forward",signature:o}}const g=[{name:"from",type:"address"},{name:"to",type:"address"},{name:"value",type:"uint256"},{name:"gas",type:"uint256"},{name:"nonce",type:"uint256"},{name:"data",type:"bytes"}],l=[{name:"from",type:"address"},{name:"to",type:"address"},{name:"value",type:"uint256"},{name:"gas",type:"uint256"},{name:"nonce",type:"uint256"},{name:"data",type:"bytes"},{name:"chainid",type:"uint256"}];async function I(t){const{message:e,messageType:r,signature:n}=await f(t),a=await fetch(t.gasless.relayerUrl,{body:w({forwarderAddress:t.gasless.relayerForwarderAddress,request:e,signature:n,type:r}),headers:{"Content-Type":"application/json"},method:"POST"});if(!a.ok)throw new Error(`Failed to send transaction: ${await a.text()}`);const s=await a.json();if(!s.result)throw new Error(`Relay transaction failed: ${s.message}`);const o=s.result.queueId,i=6e4,m=1e3,c=Date.now()+i;for(;Date.now()<c;){const d=await v({options:t,queueId:o});if(d)return{chain:t.transaction.chain,client:t.transaction.client,transactionHash:d.transactionHash};await new Promise(u=>setTimeout(u,m))}throw new Error(`Failed to find relayed transaction after ${i}ms`)}async function v(t){const{options:e,queueId:r}=t,n=e.gasless.relayerUrl.split("/relayer/")[0],a=await fetch(`${n}/transaction/status/${r}`,{method:"GET"}),s=await a.json();if(!a.ok)return null;const o=s.result;if(!o)return null;switch(o.status){case"errored":throw new Error(`Transaction errored with reason: ${o.errorMessage}`);case"cancelled":throw new Error("Transaction execution cancelled.");case"mined":return await h({chain:e.transaction.chain,client:e.transaction.client,transactionHash:o.transactionHash});default:return null}}export{f as prepareEngineTransaction,I as relayEngineTransaction};

package/assets/estimate-l1-fee-D3SURTLZ.js

@@ -0,0 +1 @@
+import{b as n,t as c,s as o,r as l}from"./signing-DKkAEdyU.js";import"./utils-CtSpY5KY.js";import"./ethers-BxoDGoYp.js";import"./react-E8ng6RF2.js";import"./index-B8NQc7SV.js";const m="0x420000000000000000000000000000000000000F";async function P(a){const{transaction:t,gasPriceOracleAddress:r}=a,e=n({address:r||m,chain:t.chain,client:t.client}),{gasPrice:d,...s}=await c({transaction:t}),i=o({transaction:s});return l({contract:e,method:"function getL1Fee(bytes memory _data) view returns (uint256)",params:[i]})}export{P as estimateL1Fee};

package/assets/eth_estimateGas-CLbAZ98x.js

@@ -0,0 +1 @@
+import{h as i}from"./signing-DKkAEdyU.js";import"./utils-CtSpY5KY.js";import"./ethers-BxoDGoYp.js";import"./react-E8ng6RF2.js";import"./index-B8NQc7SV.js";async function n(t,e){const a=await t({method:"eth_estimateGas",params:[e]});return i(a)}export{n as eth_estimateGas};

package/assets/eth_getStorageAt-Bo8frBA7.js

@@ -0,0 +1 @@
+import{g as o}from"./signing-DKkAEdyU.js";async function r(e,t){return await e({method:"eth_getStorageAt",params:[o(t.address),t.position,t.blockTag??"latest"]})}export{r as e};

package/assets/eth_getTransactionCount-xLBYIamZ.js

@@ -0,0 +1 @@
+import{n as e,a as r}from"./signing-DKkAEdyU.js";import"./utils-CtSpY5KY.js";import"./ethers-BxoDGoYp.js";import"./react-E8ng6RF2.js";import"./index-B8NQc7SV.js";async function b(t,o){const n=await t({method:"eth_getTransactionCount",params:[o.address,o.blockNumber?e(o.blockNumber):o.blockTag||"pending"]});return r(n)}export{b as eth_getTransactionCount};

package/assets/ethereum-DymVJL-H.js

@@ -0,0 +1 @@
+import{d as e}from"./utils-CtSpY5KY.js";const n=e({blockExplorers:[{name:"Etherscan",url:"https://etherscan.io"}],id:1,name:"Ethereum",nativeCurrency:{decimals:18,name:"Ether",symbol:"ETH"}}),t=n;export{n as e,t as m};