@skip-go/widget-web-component 3.14.4 → 3.17.1

package/build/6319.index.js

@@ -1,2069 +0,0 @@
-/*! For license information please see 6319.index.js.LICENSE.txt */
-export const __webpack_id__=6319;export const __webpack_ids__=[6319];export const __webpack_modules__={76319:(t,e,i)=>{i.r(e),i.d(e,{W3mAllWalletsView:()=>He,W3mConnectingWcBasicView:()=>ie,W3mDownloadsView:()=>Ve});var o=i(94062),r=i(639),a=i(22143),n=i(93474),s=i(36976),l=i(11847),c=i(32084),d=(i(85017),i(29658)),u=i(40565),p=i(47981),h=i(72397),w=(i(59851),i(68146),i(79828),i(67232)),g=i(13679);i(77164),i(71878);const b=o.AH`
-  :host {
-    position: relative;
-    background-color: var(--wui-color-gray-glass-002);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: var(--local-size);
-    height: var(--local-size);
-    border-radius: inherit;
-    border-radius: var(--local-border-radius);
-  }
-
-  :host > wui-flex {
-    overflow: hidden;
-    border-radius: inherit;
-    border-radius: var(--local-border-radius);
-  }
-
-  :host::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    border-radius: inherit;
-    border: 1px solid var(--wui-color-gray-glass-010);
-    pointer-events: none;
-  }
-
-  :host([name='Extension'])::after {
-    border: 1px solid var(--wui-color-accent-glass-010);
-  }
-
-  :host([data-wallet-icon='allWallets']) {
-    background-color: var(--wui-all-wallets-bg-100);
-  }
-
-  :host([data-wallet-icon='allWallets'])::after {
-    border: 1px solid var(--wui-color-accent-glass-010);
-  }
-
-  wui-icon[data-parent-size='inherit'] {
-    width: 75%;
-    height: 75%;
-    align-items: center;
-  }
-
-  wui-icon[data-parent-size='sm'] {
-    width: 18px;
-    height: 18px;
-  }
-
-  wui-icon[data-parent-size='md'] {
-    width: 24px;
-    height: 24px;
-  }
-
-  wui-icon[data-parent-size='lg'] {
-    width: 42px;
-    height: 42px;
-  }
-
-  wui-icon[data-parent-size='full'] {
-    width: 100%;
-    height: 100%;
-  }
-
-  :host > wui-icon-box {
-    position: absolute;
-    overflow: hidden;
-    right: -1px;
-    bottom: -2px;
-    z-index: 1;
-    border: 2px solid var(--wui-color-bg-150, #1e1f1f);
-    padding: 1px;
-  }
-`;var f=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let v=class extends o.WF{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let t="xxs";return t="lg"===this.size?"m":"md"===this.size?"xs":"xxs",this.style.cssText=`\n       --local-border-radius: var(--wui-border-radius-${t});\n       --local-size: var(--wui-wallet-image-size-${this.size});\n   `,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),o.qy`
-      <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
-    `}templateVisual(){return this.imageSrc?o.qy`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?o.qy`<wui-icon
-        data-parent-size="md"
-        size="md"
-        color="inherit"
-        name=${this.walletIcon}
-      ></wui-icon>`:o.qy`<wui-icon
-      data-parent-size=${this.size}
-      size="inherit"
-      color="inherit"
-      name="walletPlaceholder"
-    ></wui-icon>`}};v.styles=[w.fD,w.W5,b],f([(0,r.MZ)()],v.prototype,"size",void 0),f([(0,r.MZ)()],v.prototype,"name",void 0),f([(0,r.MZ)()],v.prototype,"imageSrc",void 0),f([(0,r.MZ)()],v.prototype,"walletIcon",void 0),f([(0,r.MZ)({type:Boolean})],v.prototype,"installed",void 0),f([(0,r.MZ)()],v.prototype,"badgeSize",void 0),v=f([(0,g.E)("wui-wallet-image")],v);const m=o.AH`
-  :host {
-    position: relative;
-    border-radius: var(--wui-border-radius-xxs);
-    width: 40px;
-    height: 40px;
-    overflow: hidden;
-    background: var(--wui-color-gray-glass-002);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: var(--wui-spacing-4xs);
-    padding: 3.75px !important;
-  }
-
-  :host::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    border-radius: inherit;
-    border: 1px solid var(--wui-color-gray-glass-010);
-    pointer-events: none;
-  }
-
-  :host > wui-wallet-image {
-    width: 14px;
-    height: 14px;
-    border-radius: var(--wui-border-radius-5xs);
-  }
-
-  :host > wui-flex {
-    padding: 2px;
-    position: fixed;
-    overflow: hidden;
-    left: 34px;
-    bottom: 8px;
-    background: var(--dark-background-150, #1e1f1f);
-    border-radius: 50%;
-    z-index: 2;
-    display: flex;
-  }
-`;var y=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let x=class extends o.WF{constructor(){super(...arguments),this.walletImages=[]}render(){const t=this.walletImages.length<4;return o.qy`${this.walletImages.slice(0,4).map((({src:t,walletName:e})=>o.qy`
-            <wui-wallet-image
-              size="inherit"
-              imageSrc=${t}
-              name=${(0,d.J)(e)}
-            ></wui-wallet-image>
-          `))}
-      ${t?[...Array(4-this.walletImages.length)].map((()=>o.qy` <wui-wallet-image size="inherit" name=""></wui-wallet-image>`)):null}
-      <wui-flex>
-        <wui-icon-box
-          size="xxs"
-          iconSize="xxs"
-          iconcolor="success-100"
-          backgroundcolor="success-100"
-          icon="checkmark"
-          background="opaque"
-        ></wui-icon-box>
-      </wui-flex>`}};x.styles=[w.W5,m],y([(0,r.MZ)({type:Array})],x.prototype,"walletImages",void 0),x=y([(0,g.E)("wui-all-wallets-image")],x),i(47301);const $=o.AH`
-  button {
-    column-gap: var(--wui-spacing-s);
-    padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
-    width: 100%;
-    background-color: var(--wui-color-gray-glass-002);
-    border-radius: var(--wui-border-radius-xs);
-    color: var(--wui-color-fg-100);
-  }
-
-  button > wui-text:nth-child(2) {
-    display: flex;
-    flex: 1;
-  }
-
-  button:disabled {
-    background-color: var(--wui-color-gray-glass-015);
-    color: var(--wui-color-gray-glass-015);
-  }
-
-  button:disabled > wui-tag {
-    background-color: var(--wui-color-gray-glass-010);
-    color: var(--wui-color-fg-300);
-  }
-
-  wui-icon {
-    color: var(--wui-color-fg-200) !important;
-  }
-`;var k=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let C=class extends o.WF{constructor(){super(...arguments),this.walletImages=[],this.imageSrc="",this.name="",this.tabIdx=void 0,this.installed=!1,this.disabled=!1,this.showAllWallets=!1,this.loading=!1,this.loadingSpinnerColor="accent-100"}render(){return o.qy`
-      <button ?disabled=${this.disabled} tabindex=${(0,d.J)(this.tabIdx)}>
-        ${this.templateAllWallets()} ${this.templateWalletImage()}
-        <wui-text variant="paragraph-500" color="inherit">${this.name}</wui-text>
-        ${this.templateStatus()}
-      </button>
-    `}templateAllWallets(){return this.showAllWallets&&this.imageSrc?o.qy` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `:this.showAllWallets&&this.walletIcon?o.qy` <wui-wallet-image .walletIcon=${this.walletIcon} size="sm"> </wui-wallet-image> `:null}templateWalletImage(){return!this.showAllWallets&&this.imageSrc?o.qy`<wui-wallet-image
-        size="sm"
-        imageSrc=${this.imageSrc}
-        name=${this.name}
-        .installed=${this.installed}
-      ></wui-wallet-image>`:this.showAllWallets||this.imageSrc?null:o.qy`<wui-wallet-image size="sm" name=${this.name}></wui-wallet-image>`}templateStatus(){return this.loading?o.qy`<wui-loading-spinner
-        size="lg"
-        color=${this.loadingSpinnerColor}
-      ></wui-loading-spinner>`:this.tagLabel&&this.tagVariant?o.qy`<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`:this.icon?o.qy`<wui-icon color="inherit" size="sm" name=${this.icon}></wui-icon>`:null}};C.styles=[w.W5,w.fD,$],k([(0,r.MZ)({type:Array})],C.prototype,"walletImages",void 0),k([(0,r.MZ)()],C.prototype,"imageSrc",void 0),k([(0,r.MZ)()],C.prototype,"name",void 0),k([(0,r.MZ)()],C.prototype,"tagLabel",void 0),k([(0,r.MZ)()],C.prototype,"tagVariant",void 0),k([(0,r.MZ)()],C.prototype,"icon",void 0),k([(0,r.MZ)()],C.prototype,"walletIcon",void 0),k([(0,r.MZ)()],C.prototype,"tabIdx",void 0),k([(0,r.MZ)({type:Boolean})],C.prototype,"installed",void 0),k([(0,r.MZ)({type:Boolean})],C.prototype,"disabled",void 0),k([(0,r.MZ)({type:Boolean})],C.prototype,"showAllWallets",void 0),k([(0,r.MZ)({type:Boolean})],C.prototype,"loading",void 0),k([(0,r.MZ)({type:String})],C.prototype,"loadingSpinnerColor",void 0),C=k([(0,g.E)("wui-list-wallet")],C);var R=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let I=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=u.a.state.connectors,this.count=n.N.state.count,this.isFetchingRecommendedWallets=n.N.state.isFetchingRecommendedWallets,this.unsubscribe.push(u.a.subscribeKey("connectors",(t=>this.connectors=t)),n.N.subscribeKey("count",(t=>this.count=t)),n.N.subscribeKey("isFetchingRecommendedWallets",(t=>this.isFetchingRecommendedWallets=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.connectors.find((t=>"walletConnect"===t.id)),{allWallets:e}=s.H.state;if(!t||"HIDE"===e)return null;if("ONLY_MOBILE"===e&&!a.w.isMobile())return null;const i=n.N.state.featured.length,r=this.count+i,l=r<10?r:10*Math.floor(r/10),c=l<r?`${l}+`:`${l}`;return o.qy`
-      <wui-list-wallet
-        name="All Wallets"
-        walletIcon="allWallets"
-        showAllWallets
-        @click=${this.onAllWallets.bind(this)}
-        tagLabel=${c}
-        tagVariant="shade"
-        data-testid="all-wallets"
-        tabIdx=${(0,d.J)(this.tabIdx)}
-        .loading=${this.isFetchingRecommendedWallets}
-        loadingSpinnerColor=${this.isFetchingRecommendedWallets?"fg-300":"accent-100"}
-      ></wui-list-wallet>
-    `}onAllWallets(){p.E.sendEvent({type:"track",event:"CLICK_ALL_WALLETS"}),h.I.push("AllWallets")}};R([(0,r.MZ)()],I.prototype,"tabIdx",void 0),R([(0,r.wk)()],I.prototype,"connectors",void 0),R([(0,r.wk)()],I.prototype,"count",void 0),R([(0,r.wk)()],I.prototype,"isFetchingRecommendedWallets",void 0),I=R([(0,c.EM)("w3m-all-wallets-widget")],I);var W=i(86454),E=i(32523),O=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let j=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=u.a.state.connectors,this.unsubscribe.push(u.a.subscribeKey("connectors",(t=>this.connectors=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.connectors.filter((t=>"ANNOUNCED"===t.type));return t?.length?o.qy`
-      <wui-flex flexDirection="column" gap="xs">
-        ${t.filter(E.g.showConnector).map((t=>o.qy`
-              <wui-list-wallet
-                imageSrc=${(0,d.J)(W.$.getConnectorImage(t))}
-                name=${t.name??"Unknown"}
-                @click=${()=>this.onConnector(t)}
-                tagVariant="success"
-                tagLabel="installed"
-                data-testid=${`wallet-selector-${t.id}`}
-                .installed=${!0}
-                tabIdx=${(0,d.J)(this.tabIdx)}
-              >
-              </wui-list-wallet>
-            `))}
-      </wui-flex>
-    `:(this.style.cssText="display: none",null)}onConnector(t){"walletConnect"===t.id?a.w.isMobile()?h.I.push("AllWallets"):h.I.push("ConnectingWalletConnect"):h.I.push("ConnectingExternal",{connector:t})}};O([(0,r.MZ)()],j.prototype,"tabIdx",void 0),O([(0,r.wk)()],j.prototype,"connectors",void 0),j=O([(0,c.EM)("w3m-connect-announced-widget")],j);var M=i(48812),q=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let S=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=u.a.state.connectors,this.loading=!1,this.unsubscribe.push(u.a.subscribeKey("connectors",(t=>this.connectors=t))),a.w.isTelegram()&&a.w.isIos()&&(this.loading=!M.x.state.wcUri,this.unsubscribe.push(M.x.subscribeKey("wcUri",(t=>this.loading=!t))))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const{customWallets:t}=s.H.state;if(!t?.length)return this.style.cssText="display: none",null;const e=this.filterOutDuplicateWallets(t);return o.qy`<wui-flex flexDirection="column" gap="xs">
-      ${e.map((t=>o.qy`
-          <wui-list-wallet
-            imageSrc=${(0,d.J)(W.$.getWalletImage(t))}
-            name=${t.name??"Unknown"}
-            @click=${()=>this.onConnectWallet(t)}
-            data-testid=${`wallet-selector-${t.id}`}
-            tabIdx=${(0,d.J)(this.tabIdx)}
-            ?loading=${this.loading}
-          >
-          </wui-list-wallet>
-        `))}
-    </wui-flex>`}filterOutDuplicateWallets(t){const e=l.i.getRecentWallets(),i=this.connectors.map((t=>t.info?.rdns)).filter(Boolean),o=e.map((t=>t.rdns)).filter(Boolean),r=i.concat(o);if(r.includes("io.metamask.mobile")&&a.w.isMobile()){const t=r.indexOf("io.metamask.mobile");r[t]="io.metamask"}return t.filter((t=>!r.includes(String(t?.rdns))))}onConnectWallet(t){this.loading||h.I.push("ConnectingWalletConnect",{wallet:t})}};q([(0,r.MZ)()],S.prototype,"tabIdx",void 0),q([(0,r.wk)()],S.prototype,"connectors",void 0),q([(0,r.wk)()],S.prototype,"loading",void 0),S=q([(0,c.EM)("w3m-connect-custom-widget")],S);var T=i(72269),P=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let z=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=u.a.state.connectors,this.unsubscribe.push(u.a.subscribeKey("connectors",(t=>this.connectors=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.connectors.filter((t=>"EXTERNAL"===t.type)).filter((t=>t.id!==T.o.CONNECTOR_ID.COINBASE_SDK));return t?.length?o.qy`
-      <wui-flex flexDirection="column" gap="xs">
-        ${t.map((t=>o.qy`
-            <wui-list-wallet
-              imageSrc=${(0,d.J)(W.$.getConnectorImage(t))}
-              .installed=${!0}
-              name=${t.name??"Unknown"}
-              data-testid=${`wallet-selector-external-${t.id}`}
-              @click=${()=>this.onConnector(t)}
-              tabIdx=${(0,d.J)(this.tabIdx)}
-            >
-            </wui-list-wallet>
-          `))}
-      </wui-flex>
-    `:(this.style.cssText="display: none",null)}onConnector(t){h.I.push("ConnectingExternal",{connector:t})}};P([(0,r.MZ)()],z.prototype,"tabIdx",void 0),P([(0,r.wk)()],z.prototype,"connectors",void 0),z=P([(0,c.EM)("w3m-connect-external-widget")],z);var Z=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let L=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.wallets=[]}render(){return this.wallets.length?o.qy`
-      <wui-flex flexDirection="column" gap="xs">
-        ${this.wallets.map((t=>o.qy`
-            <wui-list-wallet
-              data-testid=${`wallet-selector-featured-${t.id}`}
-              imageSrc=${(0,d.J)(W.$.getWalletImage(t))}
-              name=${t.name??"Unknown"}
-              @click=${()=>this.onConnectWallet(t)}
-              tabIdx=${(0,d.J)(this.tabIdx)}
-            >
-            </wui-list-wallet>
-          `))}
-      </wui-flex>
-    `:(this.style.cssText="display: none",null)}onConnectWallet(t){u.a.selectWalletConnector(t)}};Z([(0,r.MZ)()],L.prototype,"tabIdx",void 0),Z([(0,r.MZ)()],L.prototype,"wallets",void 0),L=Z([(0,c.EM)("w3m-connect-featured-widget")],L);var D=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let A=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.connectors=[]}render(){const t=this.connectors;return!t?.length||1===t.length&&"Browser Wallet"===t[0]?.name&&!a.w.isMobile()?(this.style.cssText="display: none",null):o.qy`
-      <wui-flex flexDirection="column" gap="xs">
-        ${t.map((t=>{const e=t.info?.rdns;return a.w.isMobile()||"Browser Wallet"!==t.name?e||M.x.checkInstalled()?E.g.showConnector(t)?o.qy`
-            <wui-list-wallet
-              imageSrc=${(0,d.J)(W.$.getConnectorImage(t))}
-              .installed=${!0}
-              name=${t.name??"Unknown"}
-              tagVariant="success"
-              tagLabel="installed"
-              data-testid=${`wallet-selector-${t.id}`}
-              @click=${()=>this.onConnector(t)}
-              tabIdx=${(0,d.J)(this.tabIdx)}
-            >
-            </wui-list-wallet>
-          `:null:(this.style.cssText="display: none",null):null}))}
-      </wui-flex>
-    `}onConnector(t){u.a.setActiveConnector(t),h.I.push("ConnectingExternal",{connector:t})}};D([(0,r.MZ)()],A.prototype,"tabIdx",void 0),D([(0,r.MZ)()],A.prototype,"connectors",void 0),A=D([(0,c.EM)("w3m-connect-injected-widget")],A);var _=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let B=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=u.a.state.connectors,this.unsubscribe.push(u.a.subscribeKey("connectors",(t=>this.connectors=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.connectors.filter((t=>"MULTI_CHAIN"===t.type&&"WalletConnect"!==t.name));return t?.length?o.qy`
-      <wui-flex flexDirection="column" gap="xs">
-        ${t.map((t=>o.qy`
-            <wui-list-wallet
-              imageSrc=${(0,d.J)(W.$.getConnectorImage(t))}
-              .installed=${!0}
-              name=${t.name??"Unknown"}
-              tagVariant="shade"
-              tagLabel="multichain"
-              data-testid=${`wallet-selector-${t.id}`}
-              @click=${()=>this.onConnector(t)}
-              tabIdx=${(0,d.J)(this.tabIdx)}
-            >
-            </wui-list-wallet>
-          `))}
-      </wui-flex>
-    `:(this.style.cssText="display: none",null)}onConnector(t){u.a.setActiveConnector(t),h.I.push("ConnectingMultiChain")}};_([(0,r.MZ)()],B.prototype,"tabIdx",void 0),_([(0,r.wk)()],B.prototype,"connectors",void 0),B=_([(0,c.EM)("w3m-connect-multi-chain-widget")],B);var N=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let H=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=u.a.state.connectors,this.loading=!1,this.unsubscribe.push(u.a.subscribeKey("connectors",(t=>this.connectors=t))),a.w.isTelegram()&&a.w.isIos()&&(this.loading=!M.x.state.wcUri,this.unsubscribe.push(M.x.subscribeKey("wcUri",(t=>this.loading=!t))))}render(){const t=l.i.getRecentWallets().filter((t=>!this.connectors.some((e=>e.id===t.id||e.name===t.name))));return t.length?o.qy`
-      <wui-flex flexDirection="column" gap="xs">
-        ${t.map((t=>o.qy`
-            <wui-list-wallet
-              imageSrc=${(0,d.J)(W.$.getWalletImage(t))}
-              name=${t.name??"Unknown"}
-              @click=${()=>this.onConnectWallet(t)}
-              tagLabel="recent"
-              tagVariant="shade"
-              tabIdx=${(0,d.J)(this.tabIdx)}
-              ?loading=${this.loading}
-            >
-            </wui-list-wallet>
-          `))}
-      </wui-flex>
-    `:(this.style.cssText="display: none",null)}onConnectWallet(t){this.loading||u.a.selectWalletConnector(t)}};N([(0,r.MZ)()],H.prototype,"tabIdx",void 0),N([(0,r.wk)()],H.prototype,"connectors",void 0),N([(0,r.wk)()],H.prototype,"loading",void 0),H=N([(0,c.EM)("w3m-connect-recent-widget")],H);var J=i(84279),F=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let U=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.wallets=[],this.loading=!1,a.w.isTelegram()&&a.w.isIos()&&(this.loading=!M.x.state.wcUri,this.unsubscribe.push(M.x.subscribeKey("wcUri",(t=>this.loading=!t))))}render(){const{connectors:t}=u.a.state,{customWallets:e,featuredWalletIds:i}=s.H.state,r=l.i.getRecentWallets(),a=t.find((t=>"walletConnect"===t.id)),n=t.filter((t=>"INJECTED"===t.type||"ANNOUNCED"===t.type||"MULTI_CHAIN"===t.type)).filter((t=>"Browser Wallet"!==t.name));if(!a)return null;if(i||e||!this.wallets.length)return this.style.cssText="display: none",null;const c=n.length+r.length,p=Math.max(0,2-c),h=J.A.filterOutDuplicateWallets(this.wallets).slice(0,p);return h.length?o.qy`
-      <wui-flex flexDirection="column" gap="xs">
-        ${h.map((t=>o.qy`
-            <wui-list-wallet
-              imageSrc=${(0,d.J)(W.$.getWalletImage(t))}
-              name=${t?.name??"Unknown"}
-              @click=${()=>this.onConnectWallet(t)}
-              tabIdx=${(0,d.J)(this.tabIdx)}
-              ?loading=${this.loading}
-            >
-            </wui-list-wallet>
-          `))}
-      </wui-flex>
-    `:(this.style.cssText="display: none",null)}onConnectWallet(t){if(this.loading)return;const e=u.a.getConnector(t.id,t.rdns);e?h.I.push("ConnectingExternal",{connector:e}):h.I.push("ConnectingWalletConnect",{wallet:t})}};F([(0,r.MZ)()],U.prototype,"tabIdx",void 0),F([(0,r.MZ)()],U.prototype,"wallets",void 0),F([(0,r.wk)()],U.prototype,"loading",void 0),U=F([(0,c.EM)("w3m-connect-recommended-widget")],U);var V=i(6262),K=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Y=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=u.a.state.connectors,this.connectorImages=V.j.state.connectorImages,this.unsubscribe.push(u.a.subscribeKey("connectors",(t=>this.connectors=t)),V.j.subscribeKey("connectorImages",(t=>this.connectorImages=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){if(a.w.isMobile())return this.style.cssText="display: none",null;const t=this.connectors.find((t=>"walletConnect"===t.id));if(!t)return this.style.cssText="display: none",null;const e=t.imageUrl||this.connectorImages[t?.imageId??""];return o.qy`
-      <wui-list-wallet
-        imageSrc=${(0,d.J)(e)}
-        name=${t.name??"Unknown"}
-        @click=${()=>this.onConnector(t)}
-        tagLabel="qr code"
-        tagVariant="main"
-        tabIdx=${(0,d.J)(this.tabIdx)}
-        data-testid="wallet-selector-walletconnect"
-      >
-      </wui-list-wallet>
-    `}onConnector(t){u.a.setActiveConnector(t),h.I.push("ConnectingWalletConnect")}};K([(0,r.MZ)()],Y.prototype,"tabIdx",void 0),K([(0,r.wk)()],Y.prototype,"connectors",void 0),K([(0,r.wk)()],Y.prototype,"connectorImages",void 0),Y=K([(0,c.EM)("w3m-connect-walletconnect-widget")],Y);const G=o.AH`
-  :host {
-    margin-top: var(--wui-spacing-3xs);
-  }
-  wui-separator {
-    margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-xs)
-      calc(var(--wui-spacing-m) * -1);
-    width: calc(100% + var(--wui-spacing-s) * 2);
-  }
-`;var X=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Q=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=u.a.state.connectors,this.recommended=n.N.state.recommended,this.featured=n.N.state.featured,this.unsubscribe.push(u.a.subscribeKey("connectors",(t=>this.connectors=t)),n.N.subscribeKey("recommended",(t=>this.recommended=t)),n.N.subscribeKey("featured",(t=>this.featured=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){return o.qy`
-      <wui-flex flexDirection="column" gap="xs"> ${this.connectorListTemplate()} </wui-flex>
-    `}connectorListTemplate(){const{custom:t,recent:e,announced:i,injected:r,multiChain:a,recommended:n,featured:s,external:l}=E.g.getConnectorsByType(this.connectors,this.recommended,this.featured);return E.g.getConnectorTypeOrder({custom:t,recent:e,announced:i,injected:r,multiChain:a,recommended:n,featured:s,external:l}).map((t=>{switch(t){case"injected":return o.qy`
-            ${a.length?o.qy`<w3m-connect-multi-chain-widget
-                  tabIdx=${(0,d.J)(this.tabIdx)}
-                ></w3m-connect-multi-chain-widget>`:null}
-            ${i.length?o.qy`<w3m-connect-announced-widget
-                  tabIdx=${(0,d.J)(this.tabIdx)}
-                ></w3m-connect-announced-widget>`:null}
-            ${r.length?o.qy`<w3m-connect-injected-widget
-                  .connectors=${r}
-                  tabIdx=${(0,d.J)(this.tabIdx)}
-                ></w3m-connect-injected-widget>`:null}
-          `;case"walletConnect":return o.qy`<w3m-connect-walletconnect-widget
-            tabIdx=${(0,d.J)(this.tabIdx)}
-          ></w3m-connect-walletconnect-widget>`;case"recent":return o.qy`<w3m-connect-recent-widget
-            tabIdx=${(0,d.J)(this.tabIdx)}
-          ></w3m-connect-recent-widget>`;case"featured":return o.qy`<w3m-connect-featured-widget
-            .wallets=${s}
-            tabIdx=${(0,d.J)(this.tabIdx)}
-          ></w3m-connect-featured-widget>`;case"custom":return o.qy`<w3m-connect-custom-widget
-            tabIdx=${(0,d.J)(this.tabIdx)}
-          ></w3m-connect-custom-widget>`;case"external":return o.qy`<w3m-connect-external-widget
-            tabIdx=${(0,d.J)(this.tabIdx)}
-          ></w3m-connect-external-widget>`;case"recommended":return o.qy`<w3m-connect-recommended-widget
-            .wallets=${n}
-            tabIdx=${(0,d.J)(this.tabIdx)}
-          ></w3m-connect-recommended-widget>`;default:return console.warn(`Unknown connector type: ${t}`),null}}))}};Q.styles=G,X([(0,r.MZ)()],Q.prototype,"tabIdx",void 0),X([(0,r.wk)()],Q.prototype,"connectors",void 0),X([(0,r.wk)()],Q.prototype,"recommended",void 0),X([(0,r.wk)()],Q.prototype,"featured",void 0),Q=X([(0,c.EM)("w3m-connector-list")],Q);var tt=i(88759),et=i(92492),it=i(96528);const ot=o.AH`
-  :host {
-    display: inline-flex;
-    background-color: var(--wui-color-gray-glass-002);
-    border-radius: var(--wui-border-radius-3xl);
-    padding: var(--wui-spacing-3xs);
-    position: relative;
-    height: 36px;
-    min-height: 36px;
-    overflow: hidden;
-  }
-
-  :host::before {
-    content: '';
-    position: absolute;
-    pointer-events: none;
-    top: 4px;
-    left: 4px;
-    display: block;
-    width: var(--local-tab-width);
-    height: 28px;
-    border-radius: var(--wui-border-radius-3xl);
-    background-color: var(--wui-color-gray-glass-002);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
-    transform: translateX(calc(var(--local-tab) * var(--local-tab-width)));
-    transition: transform var(--wui-ease-out-power-1) var(--wui-duration-md);
-    will-change: background-color, opacity;
-  }
-
-  :host([data-type='flex'])::before {
-    left: 3px;
-    transform: translateX(calc((var(--local-tab) * 34px) + (var(--local-tab) * 4px)));
-  }
-
-  :host([data-type='flex']) {
-    display: flex;
-    padding: 0px 0px 0px 12px;
-    gap: 4px;
-  }
-
-  :host([data-type='flex']) > button > wui-text {
-    position: absolute;
-    left: 18px;
-    opacity: 0;
-  }
-
-  button[data-active='true'] > wui-icon,
-  button[data-active='true'] > wui-text {
-    color: var(--wui-color-fg-100);
-  }
-
-  button[data-active='false'] > wui-icon,
-  button[data-active='false'] > wui-text {
-    color: var(--wui-color-fg-200);
-  }
-
-  button[data-active='true']:disabled,
-  button[data-active='false']:disabled {
-    background-color: transparent;
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  button[data-active='true']:disabled > wui-text {
-    color: var(--wui-color-fg-200);
-  }
-
-  button[data-active='false']:disabled > wui-text {
-    color: var(--wui-color-fg-300);
-  }
-
-  button > wui-icon,
-  button > wui-text {
-    pointer-events: none;
-    transition: color var(--wui-e ase-out-power-1) var(--wui-duration-md);
-    will-change: color;
-  }
-
-  button {
-    width: var(--local-tab-width);
-    transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
-    will-change: background-color;
-  }
-
-  :host([data-type='flex']) > button {
-    width: 34px;
-    position: relative;
-    display: flex;
-    justify-content: flex-start;
-  }
-
-  button:hover:enabled,
-  button:active:enabled {
-    background-color: transparent !important;
-  }
-
-  button:hover:enabled > wui-icon,
-  button:active:enabled > wui-icon {
-    transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg);
-    color: var(--wui-color-fg-125);
-  }
-
-  button:hover:enabled > wui-text,
-  button:active:enabled > wui-text {
-    transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg);
-    color: var(--wui-color-fg-125);
-  }
-
-  button {
-    border-radius: var(--wui-border-radius-3xl);
-  }
-`;var rt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let at=class extends o.WF{constructor(){super(...arguments),this.tabs=[],this.onTabChange=()=>null,this.buttons=[],this.disabled=!1,this.localTabWidth="100px",this.activeTab=0,this.isDense=!1}render(){return this.isDense=this.tabs.length>3,this.style.cssText=`\n      --local-tab: ${this.activeTab};\n      --local-tab-width: ${this.localTabWidth};\n    `,this.dataset.type=this.isDense?"flex":"block",this.tabs.map(((t,e)=>{const i=e===this.activeTab;return o.qy`
-        <button
-          ?disabled=${this.disabled}
-          @click=${()=>this.onTabClick(e)}
-          data-active=${i}
-          data-testid="tab-${t.label?.toLowerCase()}"
-        >
-          ${this.iconTemplate(t)}
-          <wui-text variant="small-600" color="inherit"> ${t.label} </wui-text>
-        </button>
-      `}))}firstUpdated(){this.shadowRoot&&this.isDense&&(this.buttons=[...this.shadowRoot.querySelectorAll("button")],setTimeout((()=>{this.animateTabs(0,!0)}),0))}iconTemplate(t){return t.icon?o.qy`<wui-icon size="xs" color="inherit" name=${t.icon}></wui-icon>`:null}onTabClick(t){this.buttons&&this.animateTabs(t,!1),this.activeTab=t,this.onTabChange(t)}animateTabs(t,e){const i=this.buttons[this.activeTab],o=this.buttons[t],r=i?.querySelector("wui-text"),a=o?.querySelector("wui-text"),n=o?.getBoundingClientRect(),s=a?.getBoundingClientRect();i&&r&&!e&&t!==this.activeTab&&(r.animate([{opacity:0}],{duration:50,easing:"ease",fill:"forwards"}),i.animate([{width:"34px"}],{duration:500,easing:"ease",fill:"forwards"})),o&&n&&s&&a&&(t!==this.activeTab||e)&&(this.localTabWidth=`${Math.round(n.width+s.width)+6}px`,o.animate([{width:`${n.width+s.width}px`}],{duration:e?0:500,fill:"forwards",easing:"ease"}),a.animate([{opacity:1}],{duration:e?0:125,delay:e?0:200,fill:"forwards",easing:"ease"}))}};at.styles=[w.W5,w.fD,ot],rt([(0,r.MZ)({type:Array})],at.prototype,"tabs",void 0),rt([(0,r.MZ)()],at.prototype,"onTabChange",void 0),rt([(0,r.MZ)({type:Array})],at.prototype,"buttons",void 0),rt([(0,r.MZ)({type:Boolean})],at.prototype,"disabled",void 0),rt([(0,r.MZ)()],at.prototype,"localTabWidth",void 0),rt([(0,r.wk)()],at.prototype,"activeTab",void 0),rt([(0,r.wk)()],at.prototype,"isDense",void 0),at=rt([(0,g.E)("wui-tabs")],at);var nt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let st=class extends o.WF{constructor(){super(),this.platformTabs=[],this.unsubscribe=[],this.platforms=[],this.onSelectPlatfrom=void 0,this.buffering=!1,this.unsubscribe.push(M.x.subscribeKey("buffering",(t=>this.buffering=t)))}disconnectCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.generateTabs();return o.qy`
-      <wui-flex justifyContent="center" .padding=${["0","0","l","0"]}>
-        <wui-tabs
-          ?disabled=${this.buffering}
-          .tabs=${t}
-          .onTabChange=${this.onTabChange.bind(this)}
-        ></wui-tabs>
-      </wui-flex>
-    `}generateTabs(){const t=this.platforms.map((t=>"browser"===t?{label:"Browser",icon:"extension",platform:"browser"}:"mobile"===t?{label:"Mobile",icon:"mobile",platform:"mobile"}:"qrcode"===t?{label:"Mobile",icon:"mobile",platform:"qrcode"}:"web"===t?{label:"Webapp",icon:"browser",platform:"web"}:"desktop"===t?{label:"Desktop",icon:"desktop",platform:"desktop"}:{label:"Browser",icon:"extension",platform:"unsupported"}));return this.platformTabs=t.map((({platform:t})=>t)),t}onTabChange(t){const e=this.platformTabs[t];e&&this.onSelectPlatfrom?.(e)}};nt([(0,r.MZ)({type:Array})],st.prototype,"platforms",void 0),nt([(0,r.MZ)()],st.prototype,"onSelectPlatfrom",void 0),nt([(0,r.wk)()],st.prototype,"buffering",void 0),st=nt([(0,c.EM)("w3m-connecting-header")],st);var lt=i(49951);i(31117);const ct=o.AH`
-  :host {
-    width: var(--local-width);
-    position: relative;
-  }
-
-  button {
-    border: none;
-    border-radius: var(--local-border-radius);
-    width: var(--local-width);
-    white-space: nowrap;
-  }
-
-  /* -- Sizes --------------------------------------------------- */
-  button[data-size='md'] {
-    padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l);
-    height: 36px;
-  }
-
-  button[data-size='md'][data-icon-left='true'][data-icon-right='false'] {
-    padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s);
-  }
-
-  button[data-size='md'][data-icon-right='true'][data-icon-left='false'] {
-    padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l);
-  }
-
-  button[data-size='lg'] {
-    padding: var(--wui-spacing-m) var(--wui-spacing-2l);
-    height: 48px;
-  }
-
-  /* -- Variants --------------------------------------------------------- */
-  button[data-variant='main'] {
-    background-color: var(--wui-color-accent-100);
-    color: var(--wui-color-inverse-100);
-    border: none;
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
-  }
-
-  button[data-variant='inverse'] {
-    background-color: var(--wui-color-inverse-100);
-    color: var(--wui-color-inverse-000);
-    border: none;
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
-  }
-
-  button[data-variant='accent'] {
-    background-color: var(--wui-color-accent-glass-010);
-    color: var(--wui-color-accent-100);
-    border: none;
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
-  }
-
-  button[data-variant='accent-error'] {
-    background: var(--wui-color-error-glass-015);
-    color: var(--wui-color-error-100);
-    border: none;
-    box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010);
-  }
-
-  button[data-variant='accent-success'] {
-    background: var(--wui-color-success-glass-015);
-    color: var(--wui-color-success-100);
-    border: none;
-    box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010);
-  }
-
-  button[data-variant='neutral'] {
-    background: transparent;
-    color: var(--wui-color-fg-100);
-    border: none;
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
-  }
-
-  /* -- Focus states --------------------------------------------------- */
-  button[data-variant='main']:focus-visible:enabled {
-    background-color: var(--wui-color-accent-090);
-    box-shadow:
-      inset 0 0 0 1px var(--wui-color-accent-100),
-      0 0 0 4px var(--wui-color-accent-glass-020);
-  }
-  button[data-variant='inverse']:focus-visible:enabled {
-    background-color: var(--wui-color-inverse-100);
-    box-shadow:
-      inset 0 0 0 1px var(--wui-color-gray-glass-010),
-      0 0 0 4px var(--wui-color-accent-glass-020);
-  }
-  button[data-variant='accent']:focus-visible:enabled {
-    background-color: var(--wui-color-accent-glass-010);
-    box-shadow:
-      inset 0 0 0 1px var(--wui-color-accent-100),
-      0 0 0 4px var(--wui-color-accent-glass-020);
-  }
-  button[data-variant='accent-error']:focus-visible:enabled {
-    background: var(--wui-color-error-glass-015);
-    box-shadow:
-      inset 0 0 0 1px var(--wui-color-error-100),
-      0 0 0 4px var(--wui-color-error-glass-020);
-  }
-  button[data-variant='accent-success']:focus-visible:enabled {
-    background: var(--wui-color-success-glass-015);
-    box-shadow:
-      inset 0 0 0 1px var(--wui-color-success-100),
-      0 0 0 4px var(--wui-color-success-glass-020);
-  }
-  button[data-variant='neutral']:focus-visible:enabled {
-    background: var(--wui-color-gray-glass-005);
-    box-shadow:
-      inset 0 0 0 1px var(--wui-color-gray-glass-010),
-      0 0 0 4px var(--wui-color-gray-glass-002);
-  }
-
-  /* -- Hover & Active states ----------------------------------------------------------- */
-  @media (hover: hover) and (pointer: fine) {
-    button[data-variant='main']:hover:enabled {
-      background-color: var(--wui-color-accent-090);
-    }
-
-    button[data-variant='main']:active:enabled {
-      background-color: var(--wui-color-accent-080);
-    }
-
-    button[data-variant='accent']:hover:enabled {
-      background-color: var(--wui-color-accent-glass-015);
-    }
-
-    button[data-variant='accent']:active:enabled {
-      background-color: var(--wui-color-accent-glass-020);
-    }
-
-    button[data-variant='accent-error']:hover:enabled {
-      background: var(--wui-color-error-glass-020);
-      color: var(--wui-color-error-100);
-    }
-
-    button[data-variant='accent-error']:active:enabled {
-      background: var(--wui-color-error-glass-030);
-      color: var(--wui-color-error-100);
-    }
-
-    button[data-variant='accent-success']:hover:enabled {
-      background: var(--wui-color-success-glass-020);
-      color: var(--wui-color-success-100);
-    }
-
-    button[data-variant='accent-success']:active:enabled {
-      background: var(--wui-color-success-glass-030);
-      color: var(--wui-color-success-100);
-    }
-
-    button[data-variant='neutral']:hover:enabled {
-      background: var(--wui-color-gray-glass-002);
-    }
-
-    button[data-variant='neutral']:active:enabled {
-      background: var(--wui-color-gray-glass-005);
-    }
-
-    button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] {
-      padding-left: var(--wui-spacing-m);
-    }
-
-    button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] {
-      padding-right: var(--wui-spacing-m);
-    }
-  }
-
-  /* -- Disabled state --------------------------------------------------- */
-  button:disabled {
-    background-color: var(--wui-color-gray-glass-002);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
-    color: var(--wui-color-gray-glass-020);
-    cursor: not-allowed;
-  }
-
-  button > wui-text {
-    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
-    will-change: opacity;
-    opacity: var(--local-opacity-100);
-  }
-
-  ::slotted(*) {
-    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
-    will-change: opacity;
-    opacity: var(--local-opacity-100);
-  }
-
-  wui-loading-spinner {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    opacity: var(--local-opacity-000);
-  }
-`;var dt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};const ut={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020"},pt={lg:"paragraph-600",md:"small-600"},ht={lg:"md",md:"md"};let wt=class extends o.WF{constructor(){super(...arguments),this.size="lg",this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.variant="main",this.hasIconLeft=!1,this.hasIconRight=!1,this.borderRadius="m"}render(){this.style.cssText=`\n    --local-width: ${this.fullWidth?"100%":"auto"};\n    --local-opacity-100: ${this.loading?0:1};\n    --local-opacity-000: ${this.loading?1:0};\n    --local-border-radius: var(--wui-border-radius-${this.borderRadius});\n    `;const t=this.textVariant??pt[this.size];return o.qy`
-      <button
-        data-variant=${this.variant}
-        data-icon-left=${this.hasIconLeft}
-        data-icon-right=${this.hasIconRight}
-        data-size=${this.size}
-        ?disabled=${this.disabled}
-      >
-        ${this.loadingTemplate()}
-        <slot name="iconLeft" @slotchange=${()=>this.handleSlotLeftChange()}></slot>
-        <wui-text variant=${t} color="inherit">
-          <slot></slot>
-        </wui-text>
-        <slot name="iconRight" @slotchange=${()=>this.handleSlotRightChange()}></slot>
-      </button>
-    `}handleSlotLeftChange(){this.hasIconLeft=!0}handleSlotRightChange(){this.hasIconRight=!0}loadingTemplate(){if(this.loading){const t=ht[this.size],e=this.disabled?ut.disabled:ut[this.variant];return o.qy`<wui-loading-spinner color=${e} size=${t}></wui-loading-spinner>`}return o.qy``}};wt.styles=[w.W5,w.fD,ct],dt([(0,r.MZ)()],wt.prototype,"size",void 0),dt([(0,r.MZ)({type:Boolean})],wt.prototype,"disabled",void 0),dt([(0,r.MZ)({type:Boolean})],wt.prototype,"fullWidth",void 0),dt([(0,r.MZ)({type:Boolean})],wt.prototype,"loading",void 0),dt([(0,r.MZ)()],wt.prototype,"variant",void 0),dt([(0,r.MZ)({type:Boolean})],wt.prototype,"hasIconLeft",void 0),dt([(0,r.MZ)({type:Boolean})],wt.prototype,"hasIconRight",void 0),dt([(0,r.MZ)()],wt.prototype,"borderRadius",void 0),dt([(0,r.MZ)()],wt.prototype,"textVariant",void 0),wt=dt([(0,g.E)("wui-button")],wt),i(22835);const gt=o.AH`
-  button {
-    padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs);
-    border-radius: var(--wui-border-radius-3xs);
-    background-color: transparent;
-    color: var(--wui-color-accent-100);
-  }
-
-  button:disabled {
-    background-color: transparent;
-    color: var(--wui-color-gray-glass-015);
-  }
-
-  button:hover {
-    background-color: var(--wui-color-gray-glass-005);
-  }
-`;var bt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let ft=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return o.qy`
-      <button ?disabled=${this.disabled} tabindex=${(0,d.J)(this.tabIdx)}>
-        <slot name="iconLeft"></slot>
-        <wui-text variant="small-600" color=${this.color}>
-          <slot></slot>
-        </wui-text>
-        <slot name="iconRight"></slot>
-      </button>
-    `}};ft.styles=[w.W5,w.fD,gt],bt([(0,r.MZ)()],ft.prototype,"tabIdx",void 0),bt([(0,r.MZ)({type:Boolean})],ft.prototype,"disabled",void 0),bt([(0,r.MZ)()],ft.prototype,"color",void 0),ft=bt([(0,g.E)("wui-link")],ft);const vt=o.AH`
-  :host {
-    display: block;
-    width: var(--wui-box-size-md);
-    height: var(--wui-box-size-md);
-  }
-
-  svg {
-    width: var(--wui-box-size-md);
-    height: var(--wui-box-size-md);
-  }
-
-  rect {
-    fill: none;
-    stroke: var(--wui-color-accent-100);
-    stroke-width: 4px;
-    stroke-linecap: round;
-    animation: dash 1s linear infinite;
-  }
-
-  @keyframes dash {
-    to {
-      stroke-dashoffset: 0px;
-    }
-  }
-`;var mt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let yt=class extends o.WF{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){const t=this.radius>50?50:this.radius,e=36-t,i=116+e,r=245+e,a=360+1.75*e;return o.qy`
-      <svg viewBox="0 0 110 110" width="110" height="110">
-        <rect
-          x="2"
-          y="2"
-          width="106"
-          height="106"
-          rx=${t}
-          stroke-dasharray="${i} ${r}"
-          stroke-dashoffset=${a}
-        />
-      </svg>
-    `}};yt.styles=[w.W5,vt],mt([(0,r.MZ)({type:Number})],yt.prototype,"radius",void 0),yt=mt([(0,g.E)("wui-loading-thumbnail")],yt),i(3389);const xt=o.AH`
-  button {
-    border: none;
-    border-radius: var(--wui-border-radius-3xl);
-  }
-
-  button[data-variant='main'] {
-    background-color: var(--wui-color-accent-100);
-    color: var(--wui-color-inverse-100);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
-  }
-
-  button[data-variant='accent'] {
-    background-color: var(--wui-color-accent-glass-010);
-    color: var(--wui-color-accent-100);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
-  }
-
-  button[data-variant='gray'] {
-    background-color: transparent;
-    color: var(--wui-color-fg-200);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
-  }
-
-  button[data-variant='shade'] {
-    background-color: transparent;
-    color: var(--wui-color-accent-100);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
-  }
-
-  button[data-size='sm'] {
-    height: 32px;
-    padding: 0 var(--wui-spacing-s);
-  }
-
-  button[data-size='md'] {
-    height: 40px;
-    padding: 0 var(--wui-spacing-l);
-  }
-
-  button[data-size='sm'] > wui-image {
-    width: 16px;
-    height: 16px;
-  }
-
-  button[data-size='md'] > wui-image {
-    width: 24px;
-    height: 24px;
-  }
-
-  button[data-size='sm'] > wui-icon {
-    width: 12px;
-    height: 12px;
-  }
-
-  button[data-size='md'] > wui-icon {
-    width: 14px;
-    height: 14px;
-  }
-
-  wui-image {
-    border-radius: var(--wui-border-radius-3xl);
-    overflow: hidden;
-  }
-
-  button.disabled > wui-icon,
-  button.disabled > wui-image {
-    filter: grayscale(1);
-  }
-
-  button[data-variant='main'] > wui-image {
-    box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);
-  }
-
-  button[data-variant='shade'] > wui-image,
-  button[data-variant='gray'] > wui-image {
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    button[data-variant='main']:focus-visible {
-      background-color: var(--wui-color-accent-090);
-    }
-
-    button[data-variant='main']:hover:enabled {
-      background-color: var(--wui-color-accent-090);
-    }
-
-    button[data-variant='main']:active:enabled {
-      background-color: var(--wui-color-accent-080);
-    }
-
-    button[data-variant='accent']:hover:enabled {
-      background-color: var(--wui-color-accent-glass-015);
-    }
-
-    button[data-variant='accent']:active:enabled {
-      background-color: var(--wui-color-accent-glass-020);
-    }
-
-    button[data-variant='shade']:focus-visible,
-    button[data-variant='gray']:focus-visible,
-    button[data-variant='shade']:hover,
-    button[data-variant='gray']:hover {
-      background-color: var(--wui-color-gray-glass-002);
-    }
-
-    button[data-variant='gray']:active,
-    button[data-variant='shade']:active {
-      background-color: var(--wui-color-gray-glass-005);
-    }
-  }
-
-  button.disabled {
-    color: var(--wui-color-gray-glass-020);
-    background-color: var(--wui-color-gray-glass-002);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
-    pointer-events: none;
-  }
-`;var $t=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let kt=class extends o.WF{constructor(){super(...arguments),this.variant="accent",this.imageSrc="",this.disabled=!1,this.icon="externalLink",this.size="md",this.text=""}render(){const t="sm"===this.size?"small-600":"paragraph-600";return o.qy`
-      <button
-        class=${this.disabled?"disabled":""}
-        data-variant=${this.variant}
-        data-size=${this.size}
-      >
-        ${this.imageSrc?o.qy`<wui-image src=${this.imageSrc}></wui-image>`:null}
-        <wui-text variant=${t} color="inherit"> ${this.text} </wui-text>
-        <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>
-      </button>
-    `}};kt.styles=[w.W5,w.fD,xt],$t([(0,r.MZ)()],kt.prototype,"variant",void 0),$t([(0,r.MZ)()],kt.prototype,"imageSrc",void 0),$t([(0,r.MZ)({type:Boolean})],kt.prototype,"disabled",void 0),$t([(0,r.MZ)()],kt.prototype,"icon",void 0),$t([(0,r.MZ)()],kt.prototype,"size",void 0),$t([(0,r.MZ)()],kt.prototype,"text",void 0),kt=$t([(0,g.E)("wui-chip-button")],kt);const Ct=o.AH`
-  wui-flex {
-    width: 100%;
-    background-color: var(--wui-color-gray-glass-002);
-    border-radius: var(--wui-border-radius-xs);
-  }
-`;var Rt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let It=class extends o.WF{constructor(){super(...arguments),this.disabled=!1,this.label="",this.buttonLabel=""}render(){return o.qy`
-      <wui-flex
-        justifyContent="space-between"
-        alignItems="center"
-        .padding=${["1xs","2l","1xs","2l"]}
-      >
-        <wui-text variant="paragraph-500" color="fg-200">${this.label}</wui-text>
-        <wui-chip-button size="sm" variant="shade" text=${this.buttonLabel} icon="chevronRight">
-        </wui-chip-button>
-      </wui-flex>
-    `}};It.styles=[w.W5,w.fD,Ct],Rt([(0,r.MZ)({type:Boolean})],It.prototype,"disabled",void 0),Rt([(0,r.MZ)()],It.prototype,"label",void 0),Rt([(0,r.MZ)()],It.prototype,"buttonLabel",void 0),It=Rt([(0,g.E)("wui-cta-button")],It);const Wt=o.AH`
-  :host {
-    display: block;
-    padding: 0 var(--wui-spacing-xl) var(--wui-spacing-xl);
-  }
-`;var Et=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Ot=class extends o.WF{constructor(){super(...arguments),this.wallet=void 0}render(){if(!this.wallet)return this.style.display="none",null;const{name:t,app_store:e,play_store:i,chrome_store:r,homepage:n}=this.wallet,s=a.w.isMobile(),l=a.w.isIos(),d=a.w.isAndroid(),u=[e,i,n,r].filter(Boolean).length>1,p=c.Zv.getTruncateString({string:t,charsStart:12,charsEnd:0,truncate:"end"});return u&&!s?o.qy`
-        <wui-cta-button
-          label=${`Don't have ${p}?`}
-          buttonLabel="Get"
-          @click=${()=>h.I.push("Downloads",{wallet:this.wallet})}
-        ></wui-cta-button>
-      `:!u&&n?o.qy`
-        <wui-cta-button
-          label=${`Don't have ${p}?`}
-          buttonLabel="Get"
-          @click=${this.onHomePage.bind(this)}
-        ></wui-cta-button>
-      `:e&&l?o.qy`
-        <wui-cta-button
-          label=${`Don't have ${p}?`}
-          buttonLabel="Get"
-          @click=${this.onAppStore.bind(this)}
-        ></wui-cta-button>
-      `:i&&d?o.qy`
-        <wui-cta-button
-          label=${`Don't have ${p}?`}
-          buttonLabel="Get"
-          @click=${this.onPlayStore.bind(this)}
-        ></wui-cta-button>
-      `:(this.style.display="none",null)}onAppStore(){this.wallet?.app_store&&a.w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){this.wallet?.play_store&&a.w.openHref(this.wallet.play_store,"_blank")}onHomePage(){this.wallet?.homepage&&a.w.openHref(this.wallet.homepage,"_blank")}};Ot.styles=[Wt],Et([(0,r.MZ)({type:Object})],Ot.prototype,"wallet",void 0),Ot=Et([(0,c.EM)("w3m-mobile-download-links")],Ot);const jt=o.AH`
-  @keyframes shake {
-    0% {
-      transform: translateX(0);
-    }
-    25% {
-      transform: translateX(3px);
-    }
-    50% {
-      transform: translateX(-3px);
-    }
-    75% {
-      transform: translateX(3px);
-    }
-    100% {
-      transform: translateX(0);
-    }
-  }
-
-  wui-flex:first-child:not(:only-child) {
-    position: relative;
-  }
-
-  wui-loading-thumbnail {
-    position: absolute;
-  }
-
-  wui-icon-box {
-    position: absolute;
-    right: calc(var(--wui-spacing-3xs) * -1);
-    bottom: calc(var(--wui-spacing-3xs) * -1);
-    opacity: 0;
-    transform: scale(0.5);
-    transition-property: opacity, transform;
-    transition-duration: var(--wui-duration-lg);
-    transition-timing-function: var(--wui-ease-out-power-2);
-    will-change: opacity, transform;
-  }
-
-  wui-text[align='center'] {
-    width: 100%;
-    padding: 0px var(--wui-spacing-l);
-  }
-
-  [data-error='true'] wui-icon-box {
-    opacity: 1;
-    transform: scale(1);
-  }
-
-  [data-error='true'] > wui-flex:first-child {
-    animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-  }
-
-  [data-retry='false'] wui-link {
-    display: none;
-  }
-
-  [data-retry='true'] wui-link {
-    display: block;
-    opacity: 1;
-  }
-`;var Mt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};class qt extends o.WF{constructor(){super(),this.wallet=h.I.state.data?.wallet,this.connector=h.I.state.data?.connector,this.timeout=void 0,this.secondaryBtnIcon="refresh",this.onConnect=void 0,this.onRender=void 0,this.onAutoConnect=void 0,this.isWalletConnect=!0,this.unsubscribe=[],this.imageSrc=W.$.getWalletImage(this.wallet)??W.$.getConnectorImage(this.connector),this.name=this.wallet?.name??this.connector?.name??"Wallet",this.isRetrying=!1,this.uri=M.x.state.wcUri,this.error=M.x.state.wcError,this.ready=!1,this.showRetry=!1,this.secondaryBtnLabel="Try again",this.secondaryLabel="Accept connection request in the wallet",this.buffering=!1,this.isLoading=!1,this.isMobile=!1,this.onRetry=void 0,this.unsubscribe.push(M.x.subscribeKey("wcUri",(t=>{this.uri=t,this.isRetrying&&this.onRetry&&(this.isRetrying=!1,this.onConnect?.())})),M.x.subscribeKey("wcError",(t=>this.error=t)),M.x.subscribeKey("buffering",(t=>this.buffering=t))),(a.w.isTelegram()||a.w.isSafari())&&a.w.isIos()&&M.x.state.wcUri&&this.onConnect?.()}firstUpdated(){this.onAutoConnect?.(),this.showRetry=!this.onAutoConnect}disconnectedCallback(){this.unsubscribe.forEach((t=>t())),clearTimeout(this.timeout)}render(){this.onRender?.(),this.onShowRetry();const t=this.error?"Connection can be declined if a previous request is still active":this.secondaryLabel;let e=`Continue in ${this.name}`;return this.buffering&&(e="Connecting..."),this.error&&(e="Connection declined"),o.qy`
-      <wui-flex
-        data-error=${(0,d.J)(this.error)}
-        data-retry=${this.showRetry}
-        flexDirection="column"
-        alignItems="center"
-        .padding=${["3xl","xl","xl","xl"]}
-        gap="xl"
-      >
-        <wui-flex justifyContent="center" alignItems="center">
-          <wui-wallet-image size="lg" imageSrc=${(0,d.J)(this.imageSrc)}></wui-wallet-image>
-
-          ${this.error?null:this.loaderTemplate()}
-
-          <wui-icon-box
-            backgroundColor="error-100"
-            background="opaque"
-            iconColor="error-100"
-            icon="close"
-            size="sm"
-            border
-            borderColor="wui-color-bg-125"
-          ></wui-icon-box>
-        </wui-flex>
-
-        <wui-flex flexDirection="column" alignItems="center" gap="xs">
-          <wui-text variant="paragraph-500" color=${this.error?"error-100":"fg-100"}>
-            ${e}
-          </wui-text>
-          <wui-text align="center" variant="small-500" color="fg-200">${t}</wui-text>
-        </wui-flex>
-
-        ${this.secondaryBtnLabel?o.qy`
-              <wui-button
-                variant="accent"
-                size="md"
-                ?disabled=${this.isRetrying||!this.error&&this.buffering||this.isLoading}
-                @click=${this.onTryAgain.bind(this)}
-                data-testid="w3m-connecting-widget-secondary-button"
-              >
-                <wui-icon color="inherit" slot="iconLeft" name=${this.secondaryBtnIcon}></wui-icon>
-                ${this.secondaryBtnLabel}
-              </wui-button>
-            `:null}
-      </wui-flex>
-
-      ${this.isWalletConnect?o.qy`
-            <wui-flex .padding=${["0","xl","xl","xl"]} justifyContent="center">
-              <wui-link @click=${this.onCopyUri} color="fg-200" data-testid="wui-link-copy">
-                <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
-                Copy link
-              </wui-link>
-            </wui-flex>
-          `:null}
-
-      <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
-    `}onShowRetry(){if(this.error&&!this.showRetry){this.showRetry=!0;const t=this.shadowRoot?.querySelector("wui-button");t?.animate([{opacity:0},{opacity:1}],{fill:"forwards",easing:"ease"})}}onTryAgain(){this.buffering||(M.x.setWcError(!1),this.onRetry?(this.isRetrying=!0,this.onRetry?.()):this.onConnect?.())}loaderTemplate(){const t=lt.W.state.themeVariables["--w3m-border-radius-master"],e=t?parseInt(t.replace("px",""),10):4;return o.qy`<wui-loading-thumbnail radius=${9*e}></wui-loading-thumbnail>`}onCopyUri(){try{this.uri&&(a.w.copyToClopboard(this.uri),et.P.showSuccess("Link copied"))}catch{et.P.showError("Failed to copy")}}}qt.styles=jt,Mt([(0,r.wk)()],qt.prototype,"isRetrying",void 0),Mt([(0,r.wk)()],qt.prototype,"uri",void 0),Mt([(0,r.wk)()],qt.prototype,"error",void 0),Mt([(0,r.wk)()],qt.prototype,"ready",void 0),Mt([(0,r.wk)()],qt.prototype,"showRetry",void 0),Mt([(0,r.wk)()],qt.prototype,"secondaryBtnLabel",void 0),Mt([(0,r.wk)()],qt.prototype,"secondaryLabel",void 0),Mt([(0,r.wk)()],qt.prototype,"buffering",void 0),Mt([(0,r.wk)()],qt.prototype,"isLoading",void 0),Mt([(0,r.MZ)({type:Boolean})],qt.prototype,"isMobile",void 0),Mt([(0,r.MZ)()],qt.prototype,"onRetry",void 0);let St=class extends qt{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-browser: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onAutoConnect=this.onConnectProxy.bind(this),p.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}async onConnectProxy(){try{this.error=!1;const{connectors:t}=u.a.state,e=t.find((t=>"ANNOUNCED"===t.type&&t.info?.rdns===this.wallet?.rdns||"INJECTED"===t.type||t.name===this.wallet?.name));if(!e)throw new Error("w3m-connecting-wc-browser: No connector found");await M.x.connectExternal(e,e.chain),tt.W.close(),p.E.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"browser",name:this.wallet?.name||"Unknown"}})}catch(t){p.E.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:t?.message??"Unknown"}}),this.error=!0}}};St=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,c.EM)("w3m-connecting-wc-browser")],St);let Tt=class extends qt{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-desktop: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onRender=this.onRenderProxy.bind(this),p.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"desktop"}})}onRenderProxy(){!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onConnectProxy(){if(this.wallet?.desktop_link&&this.uri)try{this.error=!1;const{desktop_link:t,name:e}=this.wallet,{redirect:i,href:o}=a.w.formatNativeUrl(t,this.uri);M.x.setWcLinking({name:e,href:o}),M.x.setRecentWallet(this.wallet),a.w.openHref(i,"_blank")}catch{this.error=!0}}};Tt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,c.EM)("w3m-connecting-wc-desktop")],Tt);var Pt=i(3555);let zt=class extends qt{constructor(){if(super(),this.btnLabelTimeout=void 0,this.labelTimeout=void 0,this.onRender=()=>{!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())},this.onConnect=()=>{if(this.wallet?.mobile_link&&this.uri)try{this.error=!1;const{mobile_link:t,name:e}=this.wallet,{redirect:i,href:o}=a.w.formatNativeUrl(t,this.uri);M.x.setWcLinking({name:e,href:o}),M.x.setRecentWallet(this.wallet);const r=a.w.isIframe()?"_top":"_self";a.w.openHref(i,r),clearTimeout(this.labelTimeout),this.secondaryLabel=Pt.oU.CONNECT_LABELS.MOBILE}catch(t){p.E.sendEvent({type:"track",event:"CONNECT_PROXY_ERROR",properties:{message:t instanceof Error?t.message:"Error parsing the deeplink",uri:this.uri,mobile_link:this.wallet.mobile_link,name:this.wallet.name}}),this.error=!0}},!this.wallet)throw new Error("w3m-connecting-wc-mobile: No wallet provided");this.secondaryBtnLabel=void 0,this.secondaryLabel=Pt.oU.CONNECT_LABELS.MOBILE,document.addEventListener("visibilitychange",this.onBuffering.bind(this)),p.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"mobile"}}),this.btnLabelTimeout=setTimeout((()=>{this.secondaryBtnLabel="Try again",this.secondaryLabel=Pt.oU.CONNECT_LABELS.MOBILE}),Pt.oU.FIVE_SEC_MS),this.labelTimeout=setTimeout((()=>{this.secondaryLabel="Hold tight... it's taking longer than expected"}),Pt.oU.THREE_SEC_MS)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("visibilitychange",this.onBuffering.bind(this)),clearTimeout(this.btnLabelTimeout),clearTimeout(this.labelTimeout)}onBuffering(){const t=a.w.isIos();"visible"===document?.visibilityState&&!this.error&&t&&(M.x.setBuffering(!0),setTimeout((()=>{M.x.setBuffering(!1)}),5e3))}onTryAgain(){this.buffering||(M.x.setWcError(!1),this.onConnect())}};zt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,c.EM)("w3m-connecting-wc-mobile")],zt);var Zt=i(66484);function Lt(t,e,i){return t!==e&&(t-e<0?e-t:t-e)<=i+.1}const Dt={generate({uri:t,size:e,logoSize:i,dotColor:r="#141414"}){const a=[],n=function(t){const e=Array.prototype.slice.call(Zt.create(t,{errorCorrectionLevel:"Q"}).modules.data,0),i=Math.sqrt(e.length);return e.reduce(((t,e,o)=>(o%i===0?t.push([e]):t[t.length-1].push(e))&&t),[])}(t),s=e/n.length,l=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];l.forEach((({x:t,y:e})=>{const i=(n.length-7)*s*t,c=(n.length-7)*s*e,d=.45;for(let t=0;t<l.length;t+=1){const e=s*(7-2*t);a.push(o.JW`
-            <rect
-              fill=${2===t?r:"transparent"}
-              width=${0===t?e-5:e}
-              rx= ${0===t?(e-5)*d:e*d}
-              ry= ${0===t?(e-5)*d:e*d}
-              stroke=${r}
-              stroke-width=${0===t?5:0}
-              height=${0===t?e-5:e}
-              x= ${0===t?c+s*t+2.5:c+s*t}
-              y= ${0===t?i+s*t+2.5:i+s*t}
-            />
-          `)}}));const c=Math.floor((i+25)/s),d=n.length/2-c/2,u=n.length/2+c/2-1,p=[];n.forEach(((t,e)=>{t.forEach(((t,i)=>{if(n[e][i]&&!(e<7&&i<7||e>n.length-8&&i<7||e<7&&i>n.length-8||e>d&&e<u&&i>d&&i<u)){const t=e*s+s/2,o=i*s+s/2;p.push([t,o])}}))}));const h={};return p.forEach((([t,e])=>{h[t]?h[t]?.push(e):h[t]=[e]})),Object.entries(h).map((([t,e])=>{const i=e.filter((t=>e.every((e=>!Lt(t,e,s)))));return[Number(t),i]})).forEach((([t,e])=>{e.forEach((e=>{a.push(o.JW`<circle cx=${t} cy=${e} fill=${r} r=${s/2.5} />`)}))})),Object.entries(h).filter((([t,e])=>e.length>1)).map((([t,e])=>{const i=e.filter((t=>e.some((e=>Lt(t,e,s)))));return[Number(t),i]})).map((([t,e])=>{e.sort(((t,e)=>t<e?-1:1));const i=[];for(const t of e){const e=i.find((e=>e.some((e=>Lt(t,e,s)))));e?e.push(t):i.push([t])}return[t,i.map((t=>[t[0],t[t.length-1]]))]})).forEach((([t,e])=>{e.forEach((([e,i])=>{a.push(o.JW`
-              <line
-                x1=${t}
-                x2=${t}
-                y1=${e}
-                y2=${i}
-                stroke=${r}
-                stroke-width=${s/1.25}
-                stroke-linecap="round"
-              />
-            `)}))})),a}},At=o.AH`
-  :host {
-    position: relative;
-    user-select: none;
-    display: block;
-    overflow: hidden;
-    aspect-ratio: 1 / 1;
-    width: var(--local-size);
-  }
-
-  :host([data-theme='dark']) {
-    border-radius: clamp(0px, var(--wui-border-radius-l), 40px);
-    background-color: var(--wui-color-inverse-100);
-    padding: var(--wui-spacing-l);
-  }
-
-  :host([data-theme='light']) {
-    box-shadow: 0 0 0 1px var(--wui-color-bg-125);
-    background-color: var(--wui-color-bg-125);
-  }
-
-  :host([data-clear='true']) > wui-icon {
-    display: none;
-  }
-
-  svg:first-child,
-  wui-image,
-  wui-icon {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translateY(-50%) translateX(-50%);
-  }
-
-  wui-image {
-    width: 25%;
-    height: 25%;
-    border-radius: var(--wui-border-radius-xs);
-  }
-
-  wui-icon {
-    width: 100%;
-    height: 100%;
-    color: var(--local-icon-color) !important;
-    transform: translateY(-50%) translateX(-50%) scale(0.25);
-  }
-`;var _t=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Bt=class extends o.WF{constructor(){super(...arguments),this.uri="",this.size=0,this.theme="dark",this.imageSrc=void 0,this.alt=void 0,this.arenaClear=void 0,this.farcaster=void 0}render(){return this.dataset.theme=this.theme,this.dataset.clear=String(this.arenaClear),this.style.cssText=`\n     --local-size: ${this.size}px;\n     --local-icon-color: ${this.color??"#3396ff"}\n    `,o.qy`${this.templateVisual()} ${this.templateSvg()}`}templateSvg(){const t="light"===this.theme?this.size:this.size-32;return o.JW`
-      <svg height=${t} width=${t}>
-        ${Dt.generate({uri:this.uri,size:t,logoSize:this.arenaClear?0:t/4,dotColor:this.color})}
-      </svg>
-    `}templateVisual(){return this.imageSrc?o.qy`<wui-image src=${this.imageSrc} alt=${this.alt??"logo"}></wui-image>`:this.farcaster?o.qy`<wui-icon
-        class="farcaster"
-        size="inherit"
-        color="inherit"
-        name="farcaster"
-      ></wui-icon>`:o.qy`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`}};Bt.styles=[w.W5,At],_t([(0,r.MZ)()],Bt.prototype,"uri",void 0),_t([(0,r.MZ)({type:Number})],Bt.prototype,"size",void 0),_t([(0,r.MZ)()],Bt.prototype,"theme",void 0),_t([(0,r.MZ)()],Bt.prototype,"imageSrc",void 0),_t([(0,r.MZ)()],Bt.prototype,"alt",void 0),_t([(0,r.MZ)()],Bt.prototype,"color",void 0),_t([(0,r.MZ)({type:Boolean})],Bt.prototype,"arenaClear",void 0),_t([(0,r.MZ)({type:Boolean})],Bt.prototype,"farcaster",void 0),Bt=_t([(0,g.E)("wui-qr-code")],Bt);const Nt=o.AH`
-  :host {
-    display: block;
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
-    background: linear-gradient(
-      120deg,
-      var(--wui-color-bg-200) 5%,
-      var(--wui-color-bg-200) 48%,
-      var(--wui-color-bg-300) 55%,
-      var(--wui-color-bg-300) 60%,
-      var(--wui-color-bg-300) calc(60% + 10px),
-      var(--wui-color-bg-200) calc(60% + 12px),
-      var(--wui-color-bg-200) 100%
-    );
-    background-size: 250%;
-    animation: shimmer 3s linear infinite reverse;
-  }
-
-  :host([variant='light']) {
-    background: linear-gradient(
-      120deg,
-      var(--wui-color-bg-150) 5%,
-      var(--wui-color-bg-150) 48%,
-      var(--wui-color-bg-200) 55%,
-      var(--wui-color-bg-200) 60%,
-      var(--wui-color-bg-200) calc(60% + 10px),
-      var(--wui-color-bg-150) calc(60% + 12px),
-      var(--wui-color-bg-150) 100%
-    );
-    background-size: 250%;
-  }
-
-  @keyframes shimmer {
-    from {
-      background-position: -250% 0;
-    }
-    to {
-      background-position: 250% 0;
-    }
-  }
-`;var Ht=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Jt=class extends o.WF{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=`\n      width: ${this.width};\n      height: ${this.height};\n      border-radius: clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px);\n    `,o.qy`<slot></slot>`}};Jt.styles=[Nt],Ht([(0,r.MZ)()],Jt.prototype,"width",void 0),Ht([(0,r.MZ)()],Jt.prototype,"height",void 0),Ht([(0,r.MZ)()],Jt.prototype,"borderRadius",void 0),Ht([(0,r.MZ)()],Jt.prototype,"variant",void 0),Jt=Ht([(0,g.E)("wui-shimmer")],Jt);const Ft=o.AH`
-  .reown-logo {
-    height: var(--wui-spacing-xxl);
-  }
-`;let Ut=class extends o.WF{render(){return o.qy`
-      <wui-flex
-        justifyContent="center"
-        alignItems="center"
-        gap="xs"
-        .padding=${["0","0","l","0"]}
-      >
-        <wui-text variant="small-500" color="fg-100"> UX by </wui-text>
-        <wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon>
-      </wui-flex>
-    `}};Ut.styles=[w.W5,w.fD,Ft],Ut=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,g.E)("wui-ux-by-reown")],Ut);const Vt=o.AH`
-  @keyframes fadein {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-
-  wui-shimmer {
-    width: 100%;
-    aspect-ratio: 1 / 1;
-    border-radius: clamp(0px, var(--wui-border-radius-l), 40px) !important;
-  }
-
-  wui-qr-code {
-    opacity: 0;
-    animation-duration: 200ms;
-    animation-timing-function: ease;
-    animation-name: fadein;
-    animation-fill-mode: forwards;
-  }
-`;let Kt=class extends qt{constructor(){super(),this.forceUpdate=()=>{this.requestUpdate()},window.addEventListener("resize",this.forceUpdate),p.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet?.name??"WalletConnect",platform:"qrcode"}})}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribe?.forEach((t=>t())),window.removeEventListener("resize",this.forceUpdate)}render(){return this.onRenderProxy(),o.qy`
-      <wui-flex
-        flexDirection="column"
-        alignItems="center"
-        .padding=${["0","xl","xl","xl"]}
-        gap="xl"
-      >
-        <wui-shimmer borderRadius="l" width="100%"> ${this.qrCodeTemplate()} </wui-shimmer>
-
-        <wui-text variant="paragraph-500" color="fg-100">
-          Scan this QR Code with your phone
-        </wui-text>
-        ${this.copyTemplate()}
-      </wui-flex>
-      <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
-    `}onRenderProxy(){!this.ready&&this.uri&&(this.timeout=setTimeout((()=>{this.ready=!0}),200))}qrCodeTemplate(){if(!this.uri||!this.ready)return null;const t=this.getBoundingClientRect().width-40,e=this.wallet?this.wallet.name:void 0;return M.x.setWcLinking(void 0),M.x.setRecentWallet(this.wallet),o.qy` <wui-qr-code
-      size=${t}
-      theme=${lt.W.state.themeMode}
-      uri=${this.uri}
-      imageSrc=${(0,d.J)(W.$.getWalletImage(this.wallet))}
-      color=${(0,d.J)(lt.W.state.themeVariables["--w3m-qr-color"])}
-      alt=${(0,d.J)(e)}
-      data-testid="wui-qr-code"
-    ></wui-qr-code>`}copyTemplate(){const t=!this.uri||!this.ready;return o.qy`<wui-link
-      .disabled=${t}
-      @click=${this.onCopyUri}
-      color="fg-200"
-      data-testid="copy-wc2-uri"
-    >
-      <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
-      Copy link
-    </wui-link>`}};Kt.styles=Vt,Kt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,c.EM)("w3m-connecting-wc-qrcode")],Kt);let Yt=class extends o.WF{constructor(){if(super(),this.wallet=h.I.state.data?.wallet,!this.wallet)throw new Error("w3m-connecting-wc-unsupported: No wallet provided");p.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}render(){return o.qy`
-      <wui-flex
-        flexDirection="column"
-        alignItems="center"
-        .padding=${["3xl","xl","xl","xl"]}
-        gap="xl"
-      >
-        <wui-wallet-image
-          size="lg"
-          imageSrc=${(0,d.J)(W.$.getWalletImage(this.wallet))}
-        ></wui-wallet-image>
-
-        <wui-text variant="paragraph-500" color="fg-100">Not Detected</wui-text>
-      </wui-flex>
-
-      <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
-    `}};Yt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,c.EM)("w3m-connecting-wc-unsupported")],Yt);var Gt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Xt=class extends qt{constructor(){if(super(),this.isLoading=!0,!this.wallet)throw new Error("w3m-connecting-wc-web: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.secondaryBtnLabel="Open",this.secondaryLabel="Open and continue in a new browser tab",this.secondaryBtnIcon="externalLink",this.updateLoadingState(),this.unsubscribe.push(M.x.subscribeKey("wcUri",(()=>{this.updateLoadingState()}))),p.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"web"}})}updateLoadingState(){this.isLoading=!this.uri}onConnectProxy(){if(this.wallet?.webapp_link&&this.uri)try{this.error=!1;const{webapp_link:t,name:e}=this.wallet,{redirect:i,href:o}=a.w.formatUniversalUrl(t,this.uri);M.x.setWcLinking({name:e,href:o}),M.x.setRecentWallet(this.wallet),a.w.openHref(i,"_blank")}catch{this.error=!0}}};Gt([(0,r.wk)()],Xt.prototype,"isLoading",void 0),Xt=Gt([(0,c.EM)("w3m-connecting-wc-web")],Xt);var Qt=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let te=class extends o.WF{constructor(){super(),this.wallet=h.I.state.data?.wallet,this.platform=void 0,this.platforms=[],this.isSiwxEnabled=Boolean(s.H.state.siwx),this.determinePlatforms(),this.initializeConnection()}render(){return o.qy`
-      ${this.headerTemplate()}
-      <div>${this.platformTemplate()}</div>
-      <wui-ux-by-reown></wui-ux-by-reown>
-    `}async initializeConnection(t=!1){if("browser"!==this.platform&&(!s.H.state.manualWCControl||t))try{const{wcPairingExpiry:e,status:i}=M.x.state;(t||a.w.isPairingExpired(e)||"connecting"===i)&&(await M.x.connectWalletConnect(),this.isSiwxEnabled||tt.W.close())}catch(t){p.E.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:t?.message??"Unknown"}}),M.x.setWcError(!0),et.P.showError(t.message??"Connection error"),M.x.resetWcConnection(),h.I.goBack()}}determinePlatforms(){if(!this.wallet)return this.platforms.push("qrcode"),void(this.platform="qrcode");if(this.platform)return;const{mobile_link:t,desktop_link:e,webapp_link:i,injected:o,rdns:r}=this.wallet,n=o?.map((({injected_id:t})=>t)).filter(Boolean),l=[...r?[r]:n??[]],c=!s.H.state.isUniversalProvider&&l.length,d=t,u=i,p=M.x.checkInstalled(l),h=c&&p,w=e&&!a.w.isMobile();h&&!it.W.state.noAdapters&&this.platforms.push("browser"),d&&this.platforms.push(a.w.isMobile()?"mobile":"qrcode"),u&&this.platforms.push("web"),w&&this.platforms.push("desktop"),h||!c||it.W.state.noAdapters||this.platforms.push("unsupported"),this.platform=this.platforms[0]}platformTemplate(){switch(this.platform){case"browser":return o.qy`<w3m-connecting-wc-browser></w3m-connecting-wc-browser>`;case"web":return o.qy`<w3m-connecting-wc-web></w3m-connecting-wc-web>`;case"desktop":return o.qy`
-          <w3m-connecting-wc-desktop .onRetry=${()=>this.initializeConnection(!0)}>
-          </w3m-connecting-wc-desktop>
-        `;case"mobile":return o.qy`
-          <w3m-connecting-wc-mobile isMobile .onRetry=${()=>this.initializeConnection(!0)}>
-          </w3m-connecting-wc-mobile>
-        `;case"qrcode":return o.qy`<w3m-connecting-wc-qrcode></w3m-connecting-wc-qrcode>`;default:return o.qy`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`}}headerTemplate(){return this.platforms.length>1?o.qy`
-      <w3m-connecting-header
-        .platforms=${this.platforms}
-        .onSelectPlatfrom=${this.onSelectPlatform.bind(this)}
-      >
-      </w3m-connecting-header>
-    `:null}async onSelectPlatform(t){const e=this.shadowRoot?.querySelector("div");e&&(await e.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.platform=t,e.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}};Qt([(0,r.wk)()],te.prototype,"platform",void 0),Qt([(0,r.wk)()],te.prototype,"platforms",void 0),Qt([(0,r.wk)()],te.prototype,"isSiwxEnabled",void 0),te=Qt([(0,c.EM)("w3m-connecting-wc-view")],te);var ee=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let ie=class extends o.WF{constructor(){super(...arguments),this.isMobile=a.w.isMobile()}render(){if(this.isMobile){const{featured:t,recommended:e}=n.N.state,{customWallets:i}=s.H.state,r=l.i.getRecentWallets(),a=t.length||e.length||i?.length||r.length;return o.qy`<wui-flex
-        flexDirection="column"
-        gap="xs"
-        .margin=${["3xs","s","s","s"]}
-      >
-        ${a?o.qy`<w3m-connector-list></w3m-connector-list>`:null}
-        <w3m-all-wallets-widget></w3m-all-wallets-widget>
-      </wui-flex>`}return o.qy`<wui-flex flexDirection="column" .padding=${["0","0","l","0"]}>
-      <w3m-connecting-wc-view></w3m-connecting-wc-view>
-      <wui-flex flexDirection="column" .padding=${["0","m","0","m"]}>
-        <w3m-all-wallets-widget></w3m-all-wallets-widget> </wui-flex
-    ></wui-flex>`}};ee([(0,r.wk)()],ie.prototype,"isMobile",void 0),ie=ee([(0,c.EM)("w3m-connecting-wc-basic-view")],ie);var oe=i(44392),re=i(71953),ae=i(48196);const ne=()=>new se;class se{}const le=new WeakMap,ce=(0,ae.u$)(class extends re.Kq{render(t){return oe.s6}update(t,[e]){const i=e!==this.Y;return i&&void 0!==this.Y&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.Y=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),oe.s6}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.Y){const e=this.ht??globalThis;let i=le.get(e);void 0===i&&(i=new WeakMap,le.set(e,i)),void 0!==i.get(this.Y)&&this.Y.call(this.ht,void 0),i.set(this.Y,t),void 0!==t&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){return"function"==typeof this.Y?le.get(this.ht??globalThis)?.get(this.Y):this.Y?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),de=o.AH`
-  :host {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  label {
-    position: relative;
-    display: inline-block;
-    width: 32px;
-    height: 22px;
-  }
-
-  input {
-    width: 0;
-    height: 0;
-    opacity: 0;
-  }
-
-  span {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: var(--wui-color-blue-100);
-    border-width: 1px;
-    border-style: solid;
-    border-color: var(--wui-color-gray-glass-002);
-    border-radius: 999px;
-    transition:
-      background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
-      border-color var(--wui-ease-inout-power-1) var(--wui-duration-md);
-    will-change: background-color, border-color;
-  }
-
-  span:before {
-    position: absolute;
-    content: '';
-    height: 16px;
-    width: 16px;
-    left: 3px;
-    top: 2px;
-    background-color: var(--wui-color-inverse-100);
-    transition: transform var(--wui-ease-inout-power-1) var(--wui-duration-lg);
-    will-change: transform;
-    border-radius: 50%;
-  }
-
-  input:checked + span {
-    border-color: var(--wui-color-gray-glass-005);
-    background-color: var(--wui-color-blue-100);
-  }
-
-  input:not(:checked) + span {
-    background-color: var(--wui-color-gray-glass-010);
-  }
-
-  input:checked + span:before {
-    transform: translateX(calc(100% - 7px));
-  }
-`;var ue=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let pe=class extends o.WF{constructor(){super(...arguments),this.inputElementRef=ne(),this.checked=void 0}render(){return o.qy`
-      <label>
-        <input
-          ${ce(this.inputElementRef)}
-          type="checkbox"
-          ?checked=${(0,d.J)(this.checked)}
-          @change=${this.dispatchChangeEvent.bind(this)}
-        />
-        <span></span>
-      </label>
-    `}dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("switchChange",{detail:this.inputElementRef.value?.checked,bubbles:!0,composed:!0}))}};pe.styles=[w.W5,w.fD,w.ck,de],ue([(0,r.MZ)({type:Boolean})],pe.prototype,"checked",void 0),pe=ue([(0,g.E)("wui-switch")],pe);const he=o.AH`
-  :host {
-    height: 100%;
-  }
-
-  button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    column-gap: var(--wui-spacing-1xs);
-    padding: var(--wui-spacing-xs) var(--wui-spacing-s);
-    background-color: var(--wui-color-gray-glass-002);
-    border-radius: var(--wui-border-radius-xs);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
-    transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
-    will-change: background-color;
-    cursor: pointer;
-  }
-
-  wui-switch {
-    pointer-events: none;
-  }
-`;var we=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let ge=class extends o.WF{constructor(){super(...arguments),this.checked=void 0}render(){return o.qy`
-      <button>
-        <wui-icon size="xl" name="walletConnectBrown"></wui-icon>
-        <wui-switch ?checked=${(0,d.J)(this.checked)}></wui-switch>
-      </button>
-    `}};ge.styles=[w.W5,w.fD,he],we([(0,r.MZ)({type:Boolean})],ge.prototype,"checked",void 0),ge=we([(0,g.E)("wui-certified-switch")],ge);const be=o.AH`
-  button {
-    background-color: var(--wui-color-fg-300);
-    border-radius: var(--wui-border-radius-4xs);
-    width: 16px;
-    height: 16px;
-  }
-
-  button:disabled {
-    background-color: var(--wui-color-bg-300);
-  }
-
-  wui-icon {
-    color: var(--wui-color-bg-200) !important;
-  }
-
-  button:focus-visible {
-    background-color: var(--wui-color-fg-250);
-    border: 1px solid var(--wui-color-accent-100);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    button:hover:enabled {
-      background-color: var(--wui-color-fg-250);
-    }
-
-    button:active:enabled {
-      background-color: var(--wui-color-fg-225);
-    }
-  }
-`;var fe=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let ve=class extends o.WF{constructor(){super(...arguments),this.icon="copy"}render(){return o.qy`
-      <button>
-        <wui-icon color="inherit" size="xxs" name=${this.icon}></wui-icon>
-      </button>
-    `}};ve.styles=[w.W5,w.fD,be],fe([(0,r.MZ)()],ve.prototype,"icon",void 0),ve=fe([(0,g.E)("wui-input-element")],ve);var me=i(17190);const ye=o.AH`
-  :host {
-    position: relative;
-    width: 100%;
-    display: inline-block;
-    color: var(--wui-color-fg-275);
-  }
-
-  input {
-    width: 100%;
-    border-radius: var(--wui-border-radius-xs);
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
-    background: var(--wui-color-gray-glass-002);
-    font-size: var(--wui-font-size-paragraph);
-    letter-spacing: var(--wui-letter-spacing-paragraph);
-    color: var(--wui-color-fg-100);
-    transition:
-      background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
-      border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
-      box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);
-    will-change: background-color, border-color, box-shadow;
-    caret-color: var(--wui-color-accent-100);
-  }
-
-  input:disabled {
-    cursor: not-allowed;
-    border: 1px solid var(--wui-color-gray-glass-010);
-  }
-
-  input:disabled::placeholder,
-  input:disabled + wui-icon {
-    color: var(--wui-color-fg-300);
-  }
-
-  input::placeholder {
-    color: var(--wui-color-fg-275);
-  }
-
-  input:focus:enabled {
-    background-color: var(--wui-color-gray-glass-005);
-    -webkit-box-shadow:
-      inset 0 0 0 1px var(--wui-color-accent-100),
-      0px 0px 0px 4px var(--wui-box-shadow-blue);
-    -moz-box-shadow:
-      inset 0 0 0 1px var(--wui-color-accent-100),
-      0px 0px 0px 4px var(--wui-box-shadow-blue);
-    box-shadow:
-      inset 0 0 0 1px var(--wui-color-accent-100),
-      0px 0px 0px 4px var(--wui-box-shadow-blue);
-  }
-
-  input:hover:enabled {
-    background-color: var(--wui-color-gray-glass-005);
-  }
-
-  wui-icon {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    pointer-events: none;
-  }
-
-  .wui-size-sm {
-    padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s);
-  }
-
-  wui-icon + .wui-size-sm {
-    padding: 9px var(--wui-spacing-m) 10px 36px;
-  }
-
-  wui-icon[data-input='sm'] {
-    left: var(--wui-spacing-s);
-  }
-
-  .wui-size-md {
-    padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m);
-  }
-
-  wui-icon + .wui-size-md,
-  wui-loading-spinner + .wui-size-md {
-    padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl);
-  }
-
-  wui-icon[data-input='md'] {
-    left: var(--wui-spacing-l);
-  }
-
-  .wui-size-lg {
-    padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l);
-    letter-spacing: var(--wui-letter-spacing-medium-title);
-    font-size: var(--wui-font-size-medium-title);
-    font-weight: var(--wui-font-weight-light);
-    line-height: 130%;
-    color: var(--wui-color-fg-100);
-    height: 64px;
-  }
-
-  .wui-padding-right-xs {
-    padding-right: var(--wui-spacing-xs);
-  }
-
-  .wui-padding-right-s {
-    padding-right: var(--wui-spacing-s);
-  }
-
-  .wui-padding-right-m {
-    padding-right: var(--wui-spacing-m);
-  }
-
-  .wui-padding-right-l {
-    padding-right: var(--wui-spacing-l);
-  }
-
-  .wui-padding-right-xl {
-    padding-right: var(--wui-spacing-xl);
-  }
-
-  .wui-padding-right-2xl {
-    padding-right: var(--wui-spacing-2xl);
-  }
-
-  .wui-padding-right-3xl {
-    padding-right: var(--wui-spacing-3xl);
-  }
-
-  .wui-padding-right-4xl {
-    padding-right: var(--wui-spacing-4xl);
-  }
-
-  .wui-padding-right-5xl {
-    padding-right: var(--wui-spacing-5xl);
-  }
-
-  wui-icon + .wui-size-lg,
-  wui-loading-spinner + .wui-size-lg {
-    padding-left: 50px;
-  }
-
-  wui-icon[data-input='lg'] {
-    left: var(--wui-spacing-l);
-  }
-
-  .wui-size-mdl {
-    padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m);
-  }
-  wui-icon + .wui-size-mdl,
-  wui-loading-spinner + .wui-size-mdl {
-    padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px;
-  }
-  wui-icon[data-input='mdl'] {
-    left: var(--wui-spacing-m);
-  }
-
-  input:placeholder-shown ~ ::slotted(wui-input-element),
-  input:placeholder-shown ~ ::slotted(wui-icon) {
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  input[type='number'] {
-    -moz-appearance: textfield;
-  }
-
-  ::slotted(wui-input-element),
-  ::slotted(wui-icon) {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  ::slotted(wui-input-element) {
-    right: var(--wui-spacing-m);
-  }
-
-  ::slotted(wui-icon) {
-    right: 0px;
-  }
-`;var xe=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let $e=class extends o.WF{constructor(){super(...arguments),this.inputElementRef=ne(),this.size="md",this.disabled=!1,this.placeholder="",this.type="text",this.value=""}render(){const t=`wui-padding-right-${this.inputRightPadding}`,e=`wui-size-${this.size}`,i={[e]:!0,[t]:Boolean(this.inputRightPadding)};return o.qy`${this.templateIcon()}
-      <input
-        data-testid="wui-input-text"
-        ${ce(this.inputElementRef)}
-        class=${(0,me.H)(i)}
-        type=${this.type}
-        enterkeyhint=${(0,d.J)(this.enterKeyHint)}
-        ?disabled=${this.disabled}
-        placeholder=${this.placeholder}
-        @input=${this.dispatchInputChangeEvent.bind(this)}
-        .value=${this.value||""}
-        tabindex=${(0,d.J)(this.tabIdx)}
-      />
-      <slot></slot>`}templateIcon(){return this.icon?o.qy`<wui-icon
-        data-input=${this.size}
-        size=${this.size}
-        color="inherit"
-        name=${this.icon}
-      ></wui-icon>`:null}dispatchInputChangeEvent(){this.dispatchEvent(new CustomEvent("inputChange",{detail:this.inputElementRef.value?.value,bubbles:!0,composed:!0}))}};$e.styles=[w.W5,w.fD,ye],xe([(0,r.MZ)()],$e.prototype,"size",void 0),xe([(0,r.MZ)()],$e.prototype,"icon",void 0),xe([(0,r.MZ)({type:Boolean})],$e.prototype,"disabled",void 0),xe([(0,r.MZ)()],$e.prototype,"placeholder",void 0),xe([(0,r.MZ)()],$e.prototype,"type",void 0),xe([(0,r.MZ)()],$e.prototype,"keyHint",void 0),xe([(0,r.MZ)()],$e.prototype,"value",void 0),xe([(0,r.MZ)()],$e.prototype,"inputRightPadding",void 0),xe([(0,r.MZ)()],$e.prototype,"tabIdx",void 0),$e=xe([(0,g.E)("wui-input-text")],$e);const ke=o.AH`
-  :host {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-  }
-`;let Ce=class extends o.WF{constructor(){super(...arguments),this.inputComponentRef=ne()}render(){return o.qy`
-      <wui-input-text
-        ${ce(this.inputComponentRef)}
-        placeholder="Search wallet"
-        icon="search"
-        type="search"
-        enterKeyHint="search"
-        size="sm"
-      >
-        <wui-input-element @click=${this.clearValue} icon="close"></wui-input-element>
-      </wui-input-text>
-    `}clearValue(){const t=this.inputComponentRef.value,e=t?.inputElementRef.value;e&&(e.value="",e.focus(),e.dispatchEvent(new Event("input")))}};Ce.styles=[w.W5,ke],Ce=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,g.E)("wui-search-bar")],Ce);const Re=o.JW`<svg  viewBox="0 0 48 54" fill="none">
-  <path
-    d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z"
-  />
-</svg>`,Ie=o.AH`
-  :host {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 104px;
-    row-gap: var(--wui-spacing-xs);
-    padding: var(--wui-spacing-xs) 10px;
-    background-color: var(--wui-color-gray-glass-002);
-    border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
-    position: relative;
-  }
-
-  wui-shimmer[data-type='network'] {
-    border: none;
-    -webkit-clip-path: var(--wui-path-network);
-    clip-path: var(--wui-path-network);
-  }
-
-  svg {
-    position: absolute;
-    width: 48px;
-    height: 54px;
-    z-index: 1;
-  }
-
-  svg > path {
-    stroke: var(--wui-color-gray-glass-010);
-    stroke-width: 1px;
-  }
-
-  @media (max-width: 350px) {
-    :host {
-      width: 100%;
-    }
-  }
-`;var We=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Ee=class extends o.WF{constructor(){super(...arguments),this.type="wallet"}render(){return o.qy`
-      ${this.shimmerTemplate()}
-      <wui-shimmer width="56px" height="20px" borderRadius="xs"></wui-shimmer>
-    `}shimmerTemplate(){return"network"===this.type?o.qy` <wui-shimmer
-          data-type=${this.type}
-          width="48px"
-          height="54px"
-          borderRadius="xs"
-        ></wui-shimmer>
-        ${Re}`:o.qy`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}};Ee.styles=[w.W5,w.fD,Ie],We([(0,r.MZ)()],Ee.prototype,"type",void 0),Ee=We([(0,g.E)("wui-card-select-loader")],Ee);var Oe=i(15179);const je=o.AH`
-  :host {
-    display: grid;
-    width: inherit;
-    height: inherit;
-  }
-`;var Me=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let qe=class extends o.WF{render(){return this.style.cssText=`\n      grid-template-rows: ${this.gridTemplateRows};\n      grid-template-columns: ${this.gridTemplateColumns};\n      justify-items: ${this.justifyItems};\n      align-items: ${this.alignItems};\n      justify-content: ${this.justifyContent};\n      align-content: ${this.alignContent};\n      column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`};\n      row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`};\n      gap: ${this.gap&&`var(--wui-spacing-${this.gap})`};\n      padding-top: ${this.padding&&Oe.Z.getSpacingStyles(this.padding,0)};\n      padding-right: ${this.padding&&Oe.Z.getSpacingStyles(this.padding,1)};\n      padding-bottom: ${this.padding&&Oe.Z.getSpacingStyles(this.padding,2)};\n      padding-left: ${this.padding&&Oe.Z.getSpacingStyles(this.padding,3)};\n      margin-top: ${this.margin&&Oe.Z.getSpacingStyles(this.margin,0)};\n      margin-right: ${this.margin&&Oe.Z.getSpacingStyles(this.margin,1)};\n      margin-bottom: ${this.margin&&Oe.Z.getSpacingStyles(this.margin,2)};\n      margin-left: ${this.margin&&Oe.Z.getSpacingStyles(this.margin,3)};\n    `,o.qy`<slot></slot>`}};qe.styles=[w.W5,je],Me([(0,r.MZ)()],qe.prototype,"gridTemplateRows",void 0),Me([(0,r.MZ)()],qe.prototype,"gridTemplateColumns",void 0),Me([(0,r.MZ)()],qe.prototype,"justifyItems",void 0),Me([(0,r.MZ)()],qe.prototype,"alignItems",void 0),Me([(0,r.MZ)()],qe.prototype,"justifyContent",void 0),Me([(0,r.MZ)()],qe.prototype,"alignContent",void 0),Me([(0,r.MZ)()],qe.prototype,"columnGap",void 0),Me([(0,r.MZ)()],qe.prototype,"rowGap",void 0),Me([(0,r.MZ)()],qe.prototype,"gap",void 0),Me([(0,r.MZ)()],qe.prototype,"padding",void 0),Me([(0,r.MZ)()],qe.prototype,"margin",void 0),qe=Me([(0,g.E)("wui-grid")],qe);const Se=o.AH`
-  button {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    width: 104px;
-    row-gap: var(--wui-spacing-xs);
-    padding: var(--wui-spacing-s) var(--wui-spacing-0);
-    background-color: var(--wui-color-gray-glass-002);
-    border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
-    transition:
-      color var(--wui-duration-lg) var(--wui-ease-out-power-1),
-      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1),
-      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1);
-    will-change: background-color, color, border-radius;
-    outline: none;
-    border: none;
-  }
-
-  button > wui-flex > wui-text {
-    color: var(--wui-color-fg-100);
-    max-width: 86px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    justify-content: center;
-  }
-
-  button > wui-flex > wui-text.certified {
-    max-width: 66px;
-  }
-
-  button:hover:enabled {
-    background-color: var(--wui-color-gray-glass-005);
-  }
-
-  button:disabled > wui-flex > wui-text {
-    color: var(--wui-color-gray-glass-015);
-  }
-
-  [data-selected='true'] {
-    background-color: var(--wui-color-accent-glass-020);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    [data-selected='true']:hover:enabled {
-      background-color: var(--wui-color-accent-glass-015);
-    }
-  }
-
-  [data-selected='true']:active:enabled {
-    background-color: var(--wui-color-accent-glass-010);
-  }
-
-  @media (max-width: 350px) {
-    button {
-      width: 100%;
-    }
-  }
-`;var Te=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Pe=class extends o.WF{constructor(){super(),this.observer=new IntersectionObserver((()=>{})),this.visible=!1,this.imageSrc=void 0,this.imageLoading=!1,this.wallet=void 0,this.observer=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting?(this.visible=!0,this.fetchImageSrc()):this.visible=!1}))}),{threshold:.01})}firstUpdated(){this.observer.observe(this)}disconnectedCallback(){this.observer.disconnect()}render(){const t="certified"===this.wallet?.badge_type;return o.qy`
-      <button>
-        ${this.imageTemplate()}
-        <wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="3xs">
-          <wui-text
-            variant="tiny-500"
-            color="inherit"
-            class=${(0,d.J)(t?"certified":void 0)}
-            >${this.wallet?.name}</wui-text
-          >
-          ${t?o.qy`<wui-icon size="sm" name="walletConnectBrown"></wui-icon>`:null}
-        </wui-flex>
-      </button>
-    `}imageTemplate(){return!this.visible&&!this.imageSrc||this.imageLoading?this.shimmerTemplate():o.qy`
-      <wui-wallet-image
-        size="md"
-        imageSrc=${(0,d.J)(this.imageSrc)}
-        name=${this.wallet?.name}
-        .installed=${this.wallet?.installed}
-        badgeSize="sm"
-      >
-      </wui-wallet-image>
-    `}shimmerTemplate(){return o.qy`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}async fetchImageSrc(){this.wallet&&(this.imageSrc=W.$.getWalletImage(this.wallet),this.imageSrc||(this.imageLoading=!0,this.imageSrc=await W.$.fetchWalletImage(this.wallet.image_id),this.imageLoading=!1))}};Pe.styles=Se,Te([(0,r.wk)()],Pe.prototype,"visible",void 0),Te([(0,r.wk)()],Pe.prototype,"imageSrc",void 0),Te([(0,r.wk)()],Pe.prototype,"imageLoading",void 0),Te([(0,r.MZ)()],Pe.prototype,"wallet",void 0),Pe=Te([(0,c.EM)("w3m-all-wallets-list-item")],Pe);const ze=o.AH`
-  wui-grid {
-    max-height: clamp(360px, 400px, 80vh);
-    overflow: scroll;
-    scrollbar-width: none;
-    grid-auto-rows: min-content;
-    grid-template-columns: repeat(auto-fill, 104px);
-  }
-
-  @media (max-width: 350px) {
-    wui-grid {
-      grid-template-columns: repeat(2, 1fr);
-    }
-  }
-
-  wui-grid[data-scroll='false'] {
-    overflow: hidden;
-  }
-
-  wui-grid::-webkit-scrollbar {
-    display: none;
-  }
-
-  wui-loading-spinner {
-    padding-top: var(--wui-spacing-l);
-    padding-bottom: var(--wui-spacing-l);
-    justify-content: center;
-    grid-column: 1 / span 4;
-  }
-`;var Ze=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};const Le="local-paginator";let De=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.loading=!n.N.state.wallets.length,this.wallets=n.N.state.wallets,this.recommended=n.N.state.recommended,this.featured=n.N.state.featured,this.unsubscribe.push(n.N.subscribeKey("wallets",(t=>this.wallets=t)),n.N.subscribeKey("recommended",(t=>this.recommended=t)),n.N.subscribeKey("featured",(t=>this.featured=t)))}firstUpdated(){this.initialFetch(),this.createPaginationObserver()}disconnectedCallback(){this.unsubscribe.forEach((t=>t())),this.paginationObserver?.disconnect()}render(){return o.qy`
-      <wui-grid
-        data-scroll=${!this.loading}
-        .padding=${["0","s","s","s"]}
-        columnGap="xxs"
-        rowGap="l"
-        justifyContent="space-between"
-      >
-        ${this.loading?this.shimmerTemplate(16):this.walletsTemplate()}
-        ${this.paginationLoaderTemplate()}
-      </wui-grid>
-    `}async initialFetch(){this.loading=!0;const t=this.shadowRoot?.querySelector("wui-grid");t&&(await n.N.fetchWallets({page:1}),await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.loading=!1,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}shimmerTemplate(t,e){return[...Array(t)].map((()=>o.qy`
-        <wui-card-select-loader type="wallet" id=${(0,d.J)(e)}></wui-card-select-loader>
-      `))}walletsTemplate(){const t=a.w.uniqueBy([...this.featured,...this.recommended,...this.wallets],"id");return J.A.markWalletsAsInstalled(t).map((t=>o.qy`
-        <w3m-all-wallets-list-item
-          @click=${()=>this.onConnectWallet(t)}
-          .wallet=${t}
-        ></w3m-all-wallets-list-item>
-      `))}paginationLoaderTemplate(){const{wallets:t,recommended:e,featured:i,count:o}=n.N.state,r=window.innerWidth<352?3:4,a=t.length+e.length;let s=Math.ceil(a/r)*r-a+r;return s-=t.length?i.length%r:0,0===o&&i.length>0?null:0===o||[...i,...t,...e].length<o?this.shimmerTemplate(s,Le):null}createPaginationObserver(){const t=this.shadowRoot?.querySelector(`#${Le}`);t&&(this.paginationObserver=new IntersectionObserver((([t])=>{if(t?.isIntersecting&&!this.loading){const{page:t,count:e,wallets:i}=n.N.state;i.length<e&&n.N.fetchWallets({page:t+1})}})),this.paginationObserver.observe(t))}onConnectWallet(t){u.a.selectWalletConnector(t)}};De.styles=ze,Ze([(0,r.wk)()],De.prototype,"loading",void 0),Ze([(0,r.wk)()],De.prototype,"wallets",void 0),Ze([(0,r.wk)()],De.prototype,"recommended",void 0),Ze([(0,r.wk)()],De.prototype,"featured",void 0),De=Ze([(0,c.EM)("w3m-all-wallets-list")],De);const Ae=o.AH`
-  wui-grid,
-  wui-loading-spinner,
-  wui-flex {
-    height: 360px;
-  }
-
-  wui-grid {
-    overflow: scroll;
-    scrollbar-width: none;
-    grid-auto-rows: min-content;
-    grid-template-columns: repeat(auto-fill, 104px);
-  }
-
-  wui-grid[data-scroll='false'] {
-    overflow: hidden;
-  }
-
-  wui-grid::-webkit-scrollbar {
-    display: none;
-  }
-
-  wui-loading-spinner {
-    justify-content: center;
-    align-items: center;
-  }
-
-  @media (max-width: 350px) {
-    wui-grid {
-      grid-template-columns: repeat(2, 1fr);
-    }
-  }
-`;var _e=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Be=class extends o.WF{constructor(){super(...arguments),this.prevQuery="",this.prevBadge=void 0,this.loading=!0,this.query=""}render(){return this.onSearch(),this.loading?o.qy`<wui-loading-spinner color="accent-100"></wui-loading-spinner>`:this.walletsTemplate()}async onSearch(){this.query.trim()===this.prevQuery.trim()&&this.badge===this.prevBadge||(this.prevQuery=this.query,this.prevBadge=this.badge,this.loading=!0,await n.N.searchWallet({search:this.query,badge:this.badge}),this.loading=!1)}walletsTemplate(){const{search:t}=n.N.state,e=J.A.markWalletsAsInstalled(t);return t.length?o.qy`
-      <wui-grid
-        data-testid="wallet-list"
-        .padding=${["0","s","s","s"]}
-        rowGap="l"
-        columnGap="xs"
-        justifyContent="space-between"
-      >
-        ${e.map((t=>o.qy`
-            <w3m-all-wallets-list-item
-              @click=${()=>this.onConnectWallet(t)}
-              .wallet=${t}
-              data-testid="wallet-search-item-${t.id}"
-            ></w3m-all-wallets-list-item>
-          `))}
-      </wui-grid>
-    `:o.qy`
-        <wui-flex
-          data-testid="no-wallet-found"
-          justifyContent="center"
-          alignItems="center"
-          gap="s"
-          flexDirection="column"
-        >
-          <wui-icon-box
-            size="lg"
-            iconColor="fg-200"
-            backgroundColor="fg-300"
-            icon="wallet"
-            background="transparent"
-          ></wui-icon-box>
-          <wui-text data-testid="no-wallet-found-text" color="fg-200" variant="paragraph-500">
-            No Wallet found
-          </wui-text>
-        </wui-flex>
-      `}onConnectWallet(t){u.a.selectWalletConnector(t)}};Be.styles=Ae,_e([(0,r.wk)()],Be.prototype,"loading",void 0),_e([(0,r.MZ)()],Be.prototype,"query",void 0),_e([(0,r.MZ)()],Be.prototype,"badge",void 0),Be=_e([(0,c.EM)("w3m-all-wallets-search")],Be);var Ne=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let He=class extends o.WF{constructor(){super(...arguments),this.search="",this.onDebouncedSearch=a.w.debounce((t=>{this.search=t}))}render(){const t=this.search.length>=2;return o.qy`
-      <wui-flex .padding=${["0","s","s","s"]} gap="xs">
-        <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar>
-        <wui-certified-switch
-          ?checked=${this.badge}
-          @click=${this.onClick.bind(this)}
-          data-testid="wui-certified-switch"
-        ></wui-certified-switch>
-        ${this.qrButtonTemplate()}
-      </wui-flex>
-      ${t||this.badge?o.qy`<w3m-all-wallets-search
-            query=${this.search}
-            badge=${(0,d.J)(this.badge)}
-          ></w3m-all-wallets-search>`:o.qy`<w3m-all-wallets-list badge=${(0,d.J)(this.badge)}></w3m-all-wallets-list>`}
-    `}onInputChange(t){this.onDebouncedSearch(t.detail)}onClick(){"certified"!==this.badge?(this.badge="certified",et.P.showSvg("Only WalletConnect certified",{icon:"walletConnectBrown",iconColor:"accent-100"})):this.badge=void 0}qrButtonTemplate(){return a.w.isMobile()?o.qy`
-        <wui-icon-box
-          size="lg"
-          iconSize="xl"
-          iconColor="accent-100"
-          backgroundColor="accent-100"
-          icon="qrCode"
-          background="transparent"
-          border
-          borderColor="wui-accent-glass-010"
-          @click=${this.onWalletConnectQr.bind(this)}
-        ></wui-icon-box>
-      `:null}onWalletConnectQr(){h.I.push("ConnectingWalletConnect")}};Ne([(0,r.wk)()],He.prototype,"search",void 0),Ne([(0,r.wk)()],He.prototype,"badge",void 0),He=Ne([(0,c.EM)("w3m-all-wallets-view")],He);const Je=o.AH`
-  button {
-    column-gap: var(--wui-spacing-s);
-    padding: 11px 18px 11px var(--wui-spacing-s);
-    width: 100%;
-    background-color: var(--wui-color-gray-glass-002);
-    border-radius: var(--wui-border-radius-xs);
-    color: var(--wui-color-fg-250);
-    transition:
-      color var(--wui-ease-out-power-1) var(--wui-duration-md),
-      background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
-    will-change: color, background-color;
-  }
-
-  button[data-iconvariant='square'],
-  button[data-iconvariant='square-blue'] {
-    padding: 6px 18px 6px 9px;
-  }
-
-  button > wui-flex {
-    flex: 1;
-  }
-
-  button > wui-image {
-    width: 32px;
-    height: 32px;
-    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
-    border-radius: var(--wui-border-radius-3xl);
-  }
-
-  button > wui-icon {
-    width: 36px;
-    height: 36px;
-    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
-    will-change: opacity;
-  }
-
-  button > wui-icon-box[data-variant='blue'] {
-    box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
-  }
-
-  button > wui-icon-box[data-variant='overlay'] {
-    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
-  }
-
-  button > wui-icon-box[data-variant='square-blue'] {
-    border-radius: var(--wui-border-radius-3xs);
-    position: relative;
-    border: none;
-    width: 36px;
-    height: 36px;
-  }
-
-  button > wui-icon-box[data-variant='square-blue']::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    border-radius: inherit;
-    border: 1px solid var(--wui-color-accent-glass-010);
-    pointer-events: none;
-  }
-
-  button > wui-icon:last-child {
-    width: 14px;
-    height: 14px;
-  }
-
-  button:disabled {
-    color: var(--wui-color-gray-glass-020);
-  }
-
-  button[data-loading='true'] > wui-icon {
-    opacity: 0;
-  }
-
-  wui-loading-spinner {
-    position: absolute;
-    right: 18px;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-`;var Fe=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Ue=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.variant="icon",this.disabled=!1,this.imageSrc=void 0,this.alt=void 0,this.chevron=!1,this.loading=!1}render(){return o.qy`
-      <button
-        ?disabled=${!!this.loading||Boolean(this.disabled)}
-        data-loading=${this.loading}
-        data-iconvariant=${(0,d.J)(this.iconVariant)}
-        tabindex=${(0,d.J)(this.tabIdx)}
-      >
-        ${this.loadingTemplate()} ${this.visualTemplate()}
-        <wui-flex gap="3xs">
-          <slot></slot>
-        </wui-flex>
-        ${this.chevronTemplate()}
-      </button>
-    `}visualTemplate(){if("image"===this.variant&&this.imageSrc)return o.qy`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if("square"===this.iconVariant&&this.icon&&"icon"===this.variant)return o.qy`<wui-icon name=${this.icon}></wui-icon>`;if("icon"===this.variant&&this.icon&&this.iconVariant){const t=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",e="square-blue"===this.iconVariant?"mdl":"md",i=this.iconSize?this.iconSize:e;return o.qy`
-        <wui-icon-box
-          data-variant=${this.iconVariant}
-          icon=${this.icon}
-          iconSize=${i}
-          background="transparent"
-          iconColor=${t}
-          backgroundColor=${t}
-          size=${e}
-        ></wui-icon-box>
-      `}return null}loadingTemplate(){return this.loading?o.qy`<wui-loading-spinner
-        data-testid="wui-list-item-loading-spinner"
-        color="fg-300"
-      ></wui-loading-spinner>`:o.qy``}chevronTemplate(){return this.chevron?o.qy`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};Ue.styles=[w.W5,w.fD,Je],Fe([(0,r.MZ)()],Ue.prototype,"icon",void 0),Fe([(0,r.MZ)()],Ue.prototype,"iconSize",void 0),Fe([(0,r.MZ)()],Ue.prototype,"tabIdx",void 0),Fe([(0,r.MZ)()],Ue.prototype,"variant",void 0),Fe([(0,r.MZ)()],Ue.prototype,"iconVariant",void 0),Fe([(0,r.MZ)({type:Boolean})],Ue.prototype,"disabled",void 0),Fe([(0,r.MZ)()],Ue.prototype,"imageSrc",void 0),Fe([(0,r.MZ)()],Ue.prototype,"alt",void 0),Fe([(0,r.MZ)({type:Boolean})],Ue.prototype,"chevron",void 0),Fe([(0,r.MZ)({type:Boolean})],Ue.prototype,"loading",void 0),Ue=Fe([(0,g.E)("wui-list-item")],Ue);let Ve=class extends o.WF{constructor(){super(...arguments),this.wallet=h.I.state.data?.wallet}render(){if(!this.wallet)throw new Error("w3m-downloads-view");return o.qy`
-      <wui-flex gap="xs" flexDirection="column" .padding=${["s","s","l","s"]}>
-        ${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()}
-        ${this.homepageTemplate()}
-      </wui-flex>
-    `}chromeTemplate(){return this.wallet?.chrome_store?o.qy`<wui-list-item
-      variant="icon"
-      icon="chromeStore"
-      iconVariant="square"
-      @click=${this.onChromeStore.bind(this)}
-      chevron
-    >
-      <wui-text variant="paragraph-500" color="fg-100">Chrome Extension</wui-text>
-    </wui-list-item>`:null}iosTemplate(){return this.wallet?.app_store?o.qy`<wui-list-item
-      variant="icon"
-      icon="appStore"
-      iconVariant="square"
-      @click=${this.onAppStore.bind(this)}
-      chevron
-    >
-      <wui-text variant="paragraph-500" color="fg-100">iOS App</wui-text>
-    </wui-list-item>`:null}androidTemplate(){return this.wallet?.play_store?o.qy`<wui-list-item
-      variant="icon"
-      icon="playStore"
-      iconVariant="square"
-      @click=${this.onPlayStore.bind(this)}
-      chevron
-    >
-      <wui-text variant="paragraph-500" color="fg-100">Android App</wui-text>
-    </wui-list-item>`:null}homepageTemplate(){return this.wallet?.homepage?o.qy`
-      <wui-list-item
-        variant="icon"
-        icon="browser"
-        iconVariant="square-blue"
-        @click=${this.onHomePage.bind(this)}
-        chevron
-      >
-        <wui-text variant="paragraph-500" color="fg-100">Website</wui-text>
-      </wui-list-item>
-    `:null}onChromeStore(){this.wallet?.chrome_store&&a.w.openHref(this.wallet.chrome_store,"_blank")}onAppStore(){this.wallet?.app_store&&a.w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){this.wallet?.play_store&&a.w.openHref(this.wallet.play_store,"_blank")}onHomePage(){this.wallet?.homepage&&a.w.openHref(this.wallet.homepage,"_blank")}};Ve=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,c.EM)("w3m-downloads-view")],Ve)}};