@reown/appkit-scaffold-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/esm/src/views/w3m-email-verify-otp-view/index.js

@@ -0,0 +1,64 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ChainController, ConnectionController, CoreHelperUtil, EventsController, ModalController, OptionsController, RouterController, SnackController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import { W3mEmailOtpWidget } from '../../utils/w3m-email-otp-widget/index.js';
+let W3mEmailVerifyOtpView = class W3mEmailVerifyOtpView extends W3mEmailOtpWidget {
+    constructor() {
+        super(...arguments);
+        this.onOtpSubmit = async (otp) => {
+            try {
+                if (this.authConnector) {
+                    const namespace = ChainController.state.activeChain;
+                    const connectionsByNamespace = ConnectionController.getConnections(namespace);
+                    const isMultiWalletEnabled = OptionsController.state.remoteFeatures?.multiWallet;
+                    const hasConnections = connectionsByNamespace.length > 0;
+                    await this.authConnector.provider.connectOtp({ otp });
+                    EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_PASS' });
+                    if (namespace) {
+                        await ConnectionController.connectExternal(this.authConnector, namespace);
+                    }
+                    else {
+                        throw new Error('Active chain is not set on ChainController');
+                    }
+                    if (OptionsController.state.remoteFeatures?.emailCapture) {
+                        return;
+                    }
+                    if (OptionsController.state.siwx) {
+                        ModalController.close();
+                        return;
+                    }
+                    if (hasConnections && isMultiWalletEnabled) {
+                        RouterController.replace('ProfileWallets');
+                        SnackController.showSuccess('New Wallet Added');
+                        return;
+                    }
+                    ModalController.close();
+                }
+            }
+            catch (error) {
+                EventsController.sendEvent({
+                    type: 'track',
+                    event: 'EMAIL_VERIFICATION_CODE_FAIL',
+                    properties: { message: CoreHelperUtil.parseError(error) }
+                });
+                throw error;
+            }
+        };
+        this.onOtpResend = async (email) => {
+            if (this.authConnector) {
+                await this.authConnector.provider.connectEmail({ email });
+                EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_SENT' });
+            }
+        };
+    }
+};
+W3mEmailVerifyOtpView = __decorate([
+    customElement('w3m-email-verify-otp-view')
+], W3mEmailVerifyOtpView);
+export { W3mEmailVerifyOtpView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-email-verify-otp-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-email-verify-otp-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAItE,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,iBAAiB;IAArD;;QAEI,gBAAW,GAAkB,KAAK,EAAC,GAAG,EAAC,EAAE;YAChD,IAAI,CAAC;gBACH,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAA;oBACnD,MAAM,sBAAsB,GAAG,oBAAoB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;oBAC7E,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,KAAK,CAAC,cAAc,EAAE,WAAW,CAAA;oBAChF,MAAM,cAAc,GAAG,sBAAsB,CAAC,MAAM,GAAG,CAAC,CAAA;oBAExD,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;oBAErD,gBAAgB,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,CAAA;oBAEpF,IAAI,SAAS,EAAE,CAAC;wBACd,MAAM,oBAAoB,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAA;oBAC3E,CAAC;yBAAM,CAAC;wBACN,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;oBAC/D,CAAC;oBAED,IAAI,iBAAiB,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,EAAE,CAAC;wBAEzD,OAAM;oBACR,CAAC;oBAED,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;wBACjC,eAAe,CAAC,KAAK,EAAE,CAAA;wBAEvB,OAAM;oBACR,CAAC;oBAED,IAAI,cAAc,IAAI,oBAAoB,EAAE,CAAC;wBAC3C,gBAAgB,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA;wBAC1C,eAAe,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAA;wBAE/C,OAAM;oBACR,CAAC;oBAED,eAAe,CAAC,KAAK,EAAE,CAAA;gBACzB,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,gBAAgB,CAAC,SAAS,CAAC;oBACzB,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,8BAA8B;oBACrC,UAAU,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;iBAC1D,CAAC,CAAA;gBACF,MAAM,KAAK,CAAA;YACb,CAAC;QACH,CAAC,CAAA;QAEQ,gBAAW,GAAkB,KAAK,EAAC,KAAK,EAAC,EAAE;YAClD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;gBACzD,gBAAgB,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,CAAA;YACtF,CAAC;QACH,CAAC,CAAA;IACH,CAAC;CAAA,CAAA;AAxDY,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAwDjC"}

package/dist/esm/src/views/w3m-fund-wallet-view/index.js

@@ -0,0 +1,147 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ChainController, ConstantsUtil as CoreConstantsUtil, ExchangeController, OptionsController, RouterController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-item';
+import '@reown/appkit-ui/wui-text';
+let W3mFundWalletView = class W3mFundWalletView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.activeCaipNetwork = ChainController.state.activeCaipNetwork;
+        this.features = OptionsController.state.features;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+        this.exchangesLoading = ExchangeController.state.isLoading;
+        this.exchanges = ExchangeController.state.exchanges;
+        this.unsubscribe.push(...[
+            OptionsController.subscribeKey('features', val => (this.features = val)),
+            OptionsController.subscribeKey('remoteFeatures', val => (this.remoteFeatures = val)),
+            ChainController.subscribeKey('activeCaipNetwork', val => {
+                this.activeCaipNetwork = val;
+                this.setDefaultPaymentAsset();
+            }),
+            ExchangeController.subscribeKey('isLoading', val => (this.exchangesLoading = val)),
+            ExchangeController.subscribeKey('exchanges', val => (this.exchanges = val))
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    async firstUpdated() {
+        const isPayWithExchangeSupported = ExchangeController.isPayWithExchangeSupported();
+        if (isPayWithExchangeSupported) {
+            await this.setDefaultPaymentAsset();
+            await ExchangeController.fetchExchanges();
+        }
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['1', '3', '3', '3']} gap="2">
+        ${this.onrampTemplate()} ${this.receiveTemplate()} ${this.depositFromExchangeTemplate()}
+      </wui-flex>
+    `;
+    }
+    async setDefaultPaymentAsset() {
+        if (!this.activeCaipNetwork) {
+            return;
+        }
+        const assets = await ExchangeController.getAssetsForNetwork(this.activeCaipNetwork.caipNetworkId);
+        const usdc = assets.find(asset => asset.metadata.symbol === 'USDC') || assets[0];
+        if (usdc) {
+            ExchangeController.setPaymentAsset(usdc);
+        }
+    }
+    onrampTemplate() {
+        if (!this.activeCaipNetwork) {
+            return null;
+        }
+        const isOnrampEnabled = this.remoteFeatures?.onramp;
+        const hasNetworkSupport = CoreConstantsUtil.ONRAMP_SUPPORTED_CHAIN_NAMESPACES.includes(this.activeCaipNetwork.chainNamespace);
+        if (!isOnrampEnabled || !hasNetworkSupport) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        @click=${this.onBuyCrypto.bind(this)}
+        icon="card"
+        data-testid="wallet-features-onramp-button"
+      >
+        <wui-text variant="lg-regular" color="primary">Buy crypto</wui-text>
+      </wui-list-item>
+    `;
+    }
+    depositFromExchangeTemplate() {
+        if (!this.activeCaipNetwork) {
+            return null;
+        }
+        const isPayWithExchangeSupported = ExchangeController.isPayWithExchangeSupported();
+        if (!isPayWithExchangeSupported) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        @click=${this.onDepositFromExchange.bind(this)}
+        icon="arrowBottomCircle"
+        data-testid="wallet-features-deposit-from-exchange-button"
+        ?loading=${this.exchangesLoading}
+        ?disabled=${this.exchangesLoading || !this.exchanges.length}
+      >
+        <wui-text variant="lg-regular" color="primary">Deposit from exchange</wui-text>
+      </wui-list-item>
+    `;
+    }
+    receiveTemplate() {
+        const isReceiveEnabled = Boolean(this.features?.receive);
+        if (!isReceiveEnabled) {
+            return null;
+        }
+        return html `
+      <wui-list-item
+        @click=${this.onReceive.bind(this)}
+        icon="qrCode"
+        data-testid="wallet-features-receive-button"
+      >
+        <wui-text variant="lg-regular" color="primary">Receive funds</wui-text>
+      </wui-list-item>
+    `;
+    }
+    onBuyCrypto() {
+        RouterController.push('OnRampProviders');
+    }
+    onReceive() {
+        RouterController.push('WalletReceive');
+    }
+    onDepositFromExchange() {
+        ExchangeController.reset();
+        RouterController.push('PayWithExchange', {
+            redirectView: RouterController.state.data?.redirectView
+        });
+    }
+};
+__decorate([
+    state()
+], W3mFundWalletView.prototype, "activeCaipNetwork", void 0);
+__decorate([
+    state()
+], W3mFundWalletView.prototype, "features", void 0);
+__decorate([
+    state()
+], W3mFundWalletView.prototype, "remoteFeatures", void 0);
+__decorate([
+    state()
+], W3mFundWalletView.prototype, "exchangesLoading", void 0);
+__decorate([
+    state()
+], W3mFundWalletView.prototype, "exchanges", void 0);
+W3mFundWalletView = __decorate([
+    customElement('w3m-fund-wallet-view')
+], W3mFundWalletView);
+export { W3mFundWalletView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-fund-wallet-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-fund-wallet-view/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/views/w3m-get-wallet-view/index.js

@@ -0,0 +1,67 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ApiController, AssetUtil, CoreHelperUtil, EventsController, OptionsController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-item';
+const EXPLORER = 'https://walletconnect.com/explorer';
+let W3mGetWalletView = class W3mGetWalletView extends LitElement {
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['0', '3', '3', '3']} gap="2">
+        ${this.recommendedWalletsTemplate()}
+        <w3m-list-wallet
+          name="Explore all"
+          showAllWallets
+          walletIcon="allWallets"
+          icon="externalLink"
+          size="sm"
+          @click=${() => {
+            CoreHelperUtil.openHref('https://walletconnect.com/explorer?type=wallet', '_blank');
+        }}
+        ></w3m-list-wallet>
+      </wui-flex>
+    `;
+    }
+    recommendedWalletsTemplate() {
+        const { recommended, featured } = ApiController.state;
+        const { customWallets } = OptionsController.state;
+        const wallets = [...featured, ...(customWallets ?? []), ...recommended].slice(0, 4);
+        return wallets.map((wallet, index) => html `
+        <w3m-list-wallet
+          displayIndex=${index}
+          name=${wallet.name ?? 'Unknown'}
+          tagVariant="accent"
+          size="sm"
+          imageSrc=${ifDefined(AssetUtil.getWalletImage(wallet))}
+          @click=${() => {
+            this.onWalletClick(wallet);
+        }}
+        ></w3m-list-wallet>
+      `);
+    }
+    onWalletClick(wallet) {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'GET_WALLET',
+            properties: {
+                name: wallet.name,
+                walletRank: undefined,
+                explorerId: wallet.id,
+                type: 'homepage'
+            }
+        });
+        CoreHelperUtil.openHref(wallet.homepage ?? EXPLORER, '_blank');
+    }
+};
+W3mGetWalletView = __decorate([
+    customElement('w3m-get-wallet-view')
+], W3mGetWalletView);
+export { W3mGetWalletView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-get-wallet-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-get-wallet-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EACL,aAAa,EACb,SAAS,EACT,cAAc,EAEd,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AAEvC,MAAM,QAAQ,GAAG,oCAAoC,CAAA;AAG9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAE9B,MAAM;QACpB,OAAO,IAAI,CAAA;kDACmC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;UACrE,IAAI,CAAC,0BAA0B,EAAE;;;;;;;mBAOxB,GAAG,EAAE;YACZ,cAAc,CAAC,QAAQ,CAAC,gDAAgD,EAAE,QAAQ,CAAC,CAAA;QACrF,CAAC;;;KAGN,CAAA;IACH,CAAC;IAGO,0BAA0B;QAChC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,KAAK,CAAA;QACrD,MAAM,EAAE,aAAa,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAA;QACjD,MAAM,OAAO,GAAG,CAAC,GAAG,QAAQ,EAAE,GAAG,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAEnF,OAAO,OAAO,CAAC,GAAG,CAChB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;yBAEJ,KAAK;iBACb,MAAM,CAAC,IAAI,IAAI,SAAS;;;qBAGpB,SAAS,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;mBAC7C,GAAG,EAAE;YACZ,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC5B,CAAC;;OAEJ,CACF,CAAA;IACH,CAAC;IAEO,aAAa,CAAC,MAAoB;QACxC,gBAAgB,CAAC,SAAS,CAAC;YACzB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,YAAY;YACnB,UAAU,EAAE;gBACV,IAAI,EAAE,MAAM,CAAC,IAAI;gBACjB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,MAAM,CAAC,EAAE;gBACrB,IAAI,EAAE,UAAU;aACjB;SACF,CAAC,CAAA;QACF,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,IAAI,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAChE,CAAC;CACF,CAAA;AAvDY,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAuD5B"}

package/dist/esm/src/views/w3m-network-switch-view/index.js

@@ -0,0 +1,137 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common';
+import { AssetUtil, ChainController, ConnectorController, RouterController, SIWXUtil } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-loading-hexagon';
+import '@reown/appkit-ui/wui-network-image';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mNetworkSwitchView = class W3mNetworkSwitchView extends LitElement {
+    constructor() {
+        super();
+        this.network = RouterController.state.data?.network;
+        this.unsubscribe = [];
+        this.showRetry = false;
+        this.error = false;
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    firstUpdated() {
+        this.onSwitchNetwork();
+    }
+    render() {
+        if (!this.network) {
+            throw new Error('w3m-network-switch-view: No network provided');
+        }
+        this.onShowRetry();
+        const label = this.getLabel();
+        const subLabel = this.getSubLabel();
+        return html `
+      <wui-flex
+        data-error=${this.error}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['10', '5', '10', '5']}
+        gap="7"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-network-image
+            size="lg"
+            imageSrc=${ifDefined(AssetUtil.getNetworkImage(this.network))}
+          ></wui-network-image>
+
+          ${this.error ? null : html `<wui-loading-hexagon></wui-loading-hexagon>`}
+
+          <wui-icon-box color="error" icon="close" size="sm"></wui-icon-box>
+        </wui-flex>
+
+        <wui-flex flexDirection="column" alignItems="center" gap="2">
+          <wui-text align="center" variant="h6-regular" color="primary">${label}</wui-text>
+          <wui-text align="center" variant="md-regular" color="secondary">${subLabel}</wui-text>
+        </wui-flex>
+
+        <wui-button
+          data-retry=${this.showRetry}
+          variant="accent-primary"
+          size="md"
+          .disabled=${!this.error}
+          @click=${this.onSwitchNetwork.bind(this)}
+        >
+          <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon>
+          Try again
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+    getSubLabel() {
+        const connectorId = ConnectorController.getConnectorId(ChainController.state.activeChain);
+        const authConnector = ConnectorController.getAuthConnector();
+        if (authConnector && connectorId === CommonConstantsUtil.CONNECTOR_ID.AUTH) {
+            return '';
+        }
+        return this.error
+            ? 'Switch can be declined if chain is not supported by a wallet or previous request is still active'
+            : 'Accept connection request in your wallet';
+    }
+    getLabel() {
+        const connectorId = ConnectorController.getConnectorId(ChainController.state.activeChain);
+        const authConnector = ConnectorController.getAuthConnector();
+        if (authConnector && connectorId === CommonConstantsUtil.CONNECTOR_ID.AUTH) {
+            return `Switching to ${this.network?.name ?? 'Unknown'} network...`;
+        }
+        return this.error ? 'Switch declined' : 'Approve in wallet';
+    }
+    onShowRetry() {
+        if (this.error && !this.showRetry) {
+            this.showRetry = true;
+            const retryButton = this.shadowRoot?.querySelector('wui-button');
+            retryButton?.animate([{ opacity: 0 }, { opacity: 1 }], {
+                fill: 'forwards',
+                easing: 'ease'
+            });
+        }
+    }
+    async onSwitchNetwork() {
+        try {
+            this.error = false;
+            if (ChainController.state.activeChain !== this.network?.chainNamespace) {
+                ChainController.setIsSwitchingNamespace(true);
+            }
+            if (this.network) {
+                await ChainController.switchActiveNetwork(this.network);
+                const isAuthenticated = await SIWXUtil.isAuthenticated();
+                if (isAuthenticated) {
+                    RouterController.goBack();
+                }
+            }
+        }
+        catch (error) {
+            this.error = true;
+        }
+    }
+};
+W3mNetworkSwitchView.styles = styles;
+__decorate([
+    state()
+], W3mNetworkSwitchView.prototype, "showRetry", void 0);
+__decorate([
+    state()
+], W3mNetworkSwitchView.prototype, "error", void 0);
+W3mNetworkSwitchView = __decorate([
+    customElement('w3m-network-switch-view')
+], W3mNetworkSwitchView);
+export { W3mNetworkSwitchView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-network-switch-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-network-switch-view/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/views/w3m-network-switch-view/styles.js

@@ -0,0 +1,56 @@
+import { css } from 'lit';
+export default css `
+  @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-hexagon {
+    position: absolute;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: 4px;
+    bottom: 0;
+    opacity: 0;
+    transform: scale(0.5);
+    z-index: 1;
+  }
+
+  wui-button {
+    display: none;
+  }
+
+  [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;
+  }
+
+  wui-button[data-retry='true'] {
+    display: block;
+    opacity: 1;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-network-switch-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-network-switch-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDjB,CAAA"}

package/dist/esm/src/views/w3m-networks-view/index.js

@@ -0,0 +1,107 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import {} from '@reown/appkit-common';
+import { AssetController, AssetUtil, ChainController, CoreHelperUtil, NetworkUtil } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-input-text';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-list-network';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mNetworksView = class W3mNetworksView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.network = ChainController.state.activeCaipNetwork;
+        this.requestedCaipNetworks = ChainController.getCaipNetworks();
+        this.search = '';
+        this.onDebouncedSearch = CoreHelperUtil.debounce((value) => {
+            this.search = value;
+        }, 100);
+        this.unsubscribe.push(AssetController.subscribeNetworkImages(() => this.requestUpdate()), ChainController.subscribeKey('activeCaipNetwork', val => (this.network = val)), ChainController.subscribe(() => {
+            this.requestedCaipNetworks = ChainController.getAllRequestedCaipNetworks();
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      ${this.templateSearchInput()}
+      <wui-flex
+        class="container"
+        .padding=${['0', '3', '3', '3']}
+        flexDirection="column"
+        gap="2"
+      >
+        ${this.networksTemplate()}
+      </wui-flex>
+    `;
+    }
+    templateSearchInput() {
+        return html `
+      <wui-flex gap="2" .padding=${['0', '3', '3', '3']}>
+        <wui-input-text
+          @inputChange=${this.onInputChange.bind(this)}
+          class="network-search-input"
+          size="md"
+          placeholder="Search network"
+          icon="search"
+        ></wui-input-text>
+      </wui-flex>
+    `;
+    }
+    onInputChange(event) {
+        this.onDebouncedSearch(event.detail);
+    }
+    networksTemplate() {
+        const approvedCaipNetworkIds = ChainController.getAllApprovedCaipNetworkIds();
+        const sortedNetworks = CoreHelperUtil.sortRequestedNetworks(approvedCaipNetworkIds, this.requestedCaipNetworks);
+        if (this.search) {
+            this.filteredNetworks = sortedNetworks?.filter(network => network?.name?.toLowerCase().includes(this.search.toLowerCase()));
+        }
+        else {
+            this.filteredNetworks = sortedNetworks;
+        }
+        return this.filteredNetworks?.map(network => html `
+        <wui-list-network
+          .selected=${this.network?.id === network.id}
+          imageSrc=${ifDefined(AssetUtil.getNetworkImage(network))}
+          type="network"
+          name=${network.name ?? network.id}
+          @click=${() => this.onSwitchNetwork(network)}
+          .disabled=${ChainController.isCaipNetworkDisabled(network)}
+          data-testid=${`w3m-network-switch-${network.name ?? network.id}`}
+        ></wui-list-network>
+      `);
+    }
+    onSwitchNetwork(network) {
+        NetworkUtil.onSwitchNetwork({ network });
+    }
+};
+W3mNetworksView.styles = styles;
+__decorate([
+    state()
+], W3mNetworksView.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mNetworksView.prototype, "requestedCaipNetworks", void 0);
+__decorate([
+    state()
+], W3mNetworksView.prototype, "filteredNetworks", void 0);
+__decorate([
+    state()
+], W3mNetworksView.prototype, "search", void 0);
+W3mNetworksView = __decorate([
+    customElement('w3m-networks-view')
+], W3mNetworksView);
+export { W3mNetworksView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-networks-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-networks-view/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/views/w3m-networks-view/styles.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export default css `
+  .container {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  .container::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/views/w3m-networks-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-networks-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;CASjB,CAAA"}