@reown/appkit-scaffold-ui 1.8.15-viem-upgrade.0 → 1.8.15-viem-upgrade-2.0

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

@@ -0,0 +1,418 @@
+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 { property, state } from 'lit/decorators.js';
+import { NumberUtil } from '@reown/appkit-common';
+import { ChainController, CoreHelperUtil, EventsController, ModalController, RouterController, SwapController, getPreferredAccountType } 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-text';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import '../../partials/w3m-swap-details/index.js';
+import '../../partials/w3m-swap-input-skeleton/index.js';
+import '../../partials/w3m-swap-input/index.js';
+import styles from './styles.js';
+let W3mSwapView = class W3mSwapView extends LitElement {
+    subscribe({ resetSwapState, initializeSwapState }) {
+        return () => {
+            ChainController.subscribeKey('activeCaipNetwork', newCaipNetwork => this.onCaipNetworkChange({
+                newCaipNetwork,
+                resetSwapState,
+                initializeSwapState
+            }));
+            ChainController.subscribeChainProp('accountState', val => {
+                this.onCaipAddressChange({
+                    newCaipAddress: val?.caipAddress,
+                    resetSwapState,
+                    initializeSwapState
+                });
+            });
+        };
+    }
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.initialParams = RouterController.state.data?.swap;
+        this.detailsOpen = false;
+        this.caipAddress = ChainController.getAccountData()?.caipAddress;
+        this.caipNetworkId = ChainController.state.activeCaipNetwork?.caipNetworkId;
+        this.initialized = SwapController.state.initialized;
+        this.loadingQuote = SwapController.state.loadingQuote;
+        this.loadingPrices = SwapController.state.loadingPrices;
+        this.loadingTransaction = SwapController.state.loadingTransaction;
+        this.sourceToken = SwapController.state.sourceToken;
+        this.sourceTokenAmount = SwapController.state.sourceTokenAmount;
+        this.sourceTokenPriceInUSD = SwapController.state.sourceTokenPriceInUSD;
+        this.toToken = SwapController.state.toToken;
+        this.toTokenAmount = SwapController.state.toTokenAmount;
+        this.toTokenPriceInUSD = SwapController.state.toTokenPriceInUSD;
+        this.inputError = SwapController.state.inputError;
+        this.fetchError = SwapController.state.fetchError;
+        this.lastTokenPriceUpdate = 0;
+        this.minTokenPriceUpdateInterval = 10_000;
+        this.visibilityChangeHandler = () => {
+            if (document?.hidden) {
+                clearInterval(this.interval);
+                this.interval = undefined;
+            }
+            else {
+                this.startTokenPriceInterval();
+            }
+        };
+        this.startTokenPriceInterval = () => {
+            if (this.interval &&
+                Date.now() - this.lastTokenPriceUpdate < this.minTokenPriceUpdateInterval) {
+                return;
+            }
+            if (this.lastTokenPriceUpdate &&
+                Date.now() - this.lastTokenPriceUpdate > this.minTokenPriceUpdateInterval) {
+                this.fetchTokensAndValues();
+            }
+            clearInterval(this.interval);
+            this.interval = setInterval(() => {
+                this.fetchTokensAndValues();
+            }, this.minTokenPriceUpdateInterval);
+        };
+        this.watchTokensAndValues = () => {
+            if (!this.sourceToken || !this.toToken) {
+                return;
+            }
+            this.subscribeToVisibilityChange();
+            this.startTokenPriceInterval();
+        };
+        this.onDebouncedGetSwapCalldata = CoreHelperUtil.debounce(async () => {
+            await SwapController.swapTokens();
+        }, 200);
+        this.subscribe({ resetSwapState: true, initializeSwapState: false })();
+        this.unsubscribe.push(...[
+            this.subscribe({ resetSwapState: false, initializeSwapState: true }),
+            ModalController.subscribeKey('open', isOpen => {
+                if (!isOpen) {
+                    SwapController.resetState();
+                }
+            }),
+            RouterController.subscribeKey('view', newRoute => {
+                if (!newRoute.includes('Swap')) {
+                    SwapController.resetValues();
+                }
+            }),
+            SwapController.subscribe(newState => {
+                this.initialized = newState.initialized;
+                this.loadingQuote = newState.loadingQuote;
+                this.loadingPrices = newState.loadingPrices;
+                this.loadingTransaction = newState.loadingTransaction;
+                this.sourceToken = newState.sourceToken;
+                this.sourceTokenAmount = newState.sourceTokenAmount;
+                this.sourceTokenPriceInUSD = newState.sourceTokenPriceInUSD;
+                this.toToken = newState.toToken;
+                this.toTokenAmount = newState.toTokenAmount;
+                this.toTokenPriceInUSD = newState.toTokenPriceInUSD;
+                this.inputError = newState.inputError;
+                this.fetchError = newState.fetchError;
+                if (newState.sourceToken && newState.toToken) {
+                    this.watchTokensAndValues();
+                }
+            })
+        ]);
+    }
+    async firstUpdated() {
+        SwapController.initializeState();
+        this.watchTokensAndValues();
+        await this.handleSwapParameters();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe?.());
+        clearInterval(this.interval);
+        document?.removeEventListener('visibilitychange', this.visibilityChangeHandler);
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['0', '4', '4', '4']} gap="3">
+        ${this.initialized ? this.templateSwap() : this.templateLoading()}
+      </wui-flex>
+    `;
+    }
+    subscribeToVisibilityChange() {
+        document?.removeEventListener('visibilitychange', this.visibilityChangeHandler);
+        document?.addEventListener('visibilitychange', this.visibilityChangeHandler);
+    }
+    fetchTokensAndValues() {
+        SwapController.getNetworkTokenPrice();
+        SwapController.getMyTokensWithBalance();
+        SwapController.swapTokens();
+        this.lastTokenPriceUpdate = Date.now();
+    }
+    templateSwap() {
+        return html `
+      <wui-flex flexDirection="column" gap="3">
+        <wui-flex flexDirection="column" alignItems="center" gap="2" class="swap-inputs-container">
+          ${this.templateTokenInput('sourceToken', this.sourceToken)}
+          ${this.templateTokenInput('toToken', this.toToken)} ${this.templateReplaceTokensButton()}
+        </wui-flex>
+        ${this.templateDetails()} ${this.templateActionButton()}
+      </wui-flex>
+    `;
+    }
+    actionButtonLabel() {
+        const haveNoAmount = !this.sourceTokenAmount || this.sourceTokenAmount === '0';
+        if (this.fetchError) {
+            return 'Swap';
+        }
+        if (!this.sourceToken || !this.toToken) {
+            return 'Select token';
+        }
+        if (haveNoAmount) {
+            return 'Enter amount';
+        }
+        if (this.inputError) {
+            return this.inputError;
+        }
+        return 'Review swap';
+    }
+    templateReplaceTokensButton() {
+        return html `
+      <wui-flex class="replace-tokens-button-container">
+        <wui-icon-box
+          @click=${this.onSwitchTokens.bind(this)}
+          icon="recycleHorizontal"
+          size="md"
+          variant="default"
+        ></wui-icon-box>
+      </wui-flex>
+    `;
+    }
+    templateLoading() {
+        return html `
+      <wui-flex flexDirection="column" gap="4">
+        <wui-flex flexDirection="column" alignItems="center" gap="2" class="swap-inputs-container">
+          <w3m-swap-input-skeleton target="sourceToken"></w3m-swap-input-skeleton>
+          <w3m-swap-input-skeleton target="toToken"></w3m-swap-input-skeleton>
+          ${this.templateReplaceTokensButton()}
+        </wui-flex>
+        ${this.templateActionButton()}
+      </wui-flex>
+    `;
+    }
+    templateTokenInput(target, token) {
+        const myToken = SwapController.state.myTokensWithBalance?.find(ct => ct?.address === token?.address);
+        const amount = target === 'toToken' ? this.toTokenAmount : this.sourceTokenAmount;
+        const price = target === 'toToken' ? this.toTokenPriceInUSD : this.sourceTokenPriceInUSD;
+        const marketValue = NumberUtil.parseLocalStringToNumber(amount) * price;
+        return html `<w3m-swap-input
+      .value=${target === 'toToken' ? this.toTokenAmount : this.sourceTokenAmount}
+      .disabled=${target === 'toToken'}
+      .onSetAmount=${this.handleChangeAmount.bind(this)}
+      target=${target}
+      .token=${token}
+      .balance=${myToken?.quantity?.numeric}
+      .price=${myToken?.price}
+      .marketValue=${marketValue}
+      .onSetMaxValue=${this.onSetMaxValue.bind(this)}
+    ></w3m-swap-input>`;
+    }
+    onSetMaxValue(target, balance) {
+        const maxValue = NumberUtil.bigNumber(balance || '0');
+        this.handleChangeAmount(target, maxValue.gt(0) ? maxValue.toFixed(20) : '0');
+    }
+    templateDetails() {
+        if (!this.sourceToken || !this.toToken || this.inputError) {
+            return null;
+        }
+        return html `<w3m-swap-details .detailsOpen=${this.detailsOpen}></w3m-swap-details>`;
+    }
+    handleChangeAmount(target, value) {
+        SwapController.clearError();
+        if (target === 'sourceToken') {
+            SwapController.setSourceTokenAmount(value);
+        }
+        else {
+            SwapController.setToTokenAmount(value);
+        }
+        this.onDebouncedGetSwapCalldata();
+    }
+    templateActionButton() {
+        const haveNoTokenSelected = !this.toToken || !this.sourceToken;
+        const haveNoAmount = !this.sourceTokenAmount || this.sourceTokenAmount === '0';
+        const loading = this.loadingQuote || this.loadingPrices || this.loadingTransaction;
+        const disabled = loading || haveNoTokenSelected || haveNoAmount || this.inputError;
+        return html ` <wui-flex gap="2">
+      <wui-button
+        data-testid="swap-action-button"
+        class="action-button"
+        fullWidth
+        size="lg"
+        borderRadius="xs"
+        variant="accent-primary"
+        ?loading=${Boolean(loading)}
+        ?disabled=${Boolean(disabled)}
+        @click=${this.onSwapPreview.bind(this)}
+      >
+        ${this.actionButtonLabel()}
+      </wui-button>
+    </wui-flex>`;
+    }
+    async onSwitchTokens() {
+        await SwapController.switchTokens();
+    }
+    async onSwapPreview() {
+        if (this.fetchError) {
+            await SwapController.swapTokens();
+        }
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'INITIATE_SWAP',
+            properties: {
+                network: this.caipNetworkId || '',
+                swapFromToken: this.sourceToken?.symbol || '',
+                swapToToken: this.toToken?.symbol || '',
+                swapFromAmount: this.sourceTokenAmount || '',
+                swapToAmount: this.toTokenAmount || '',
+                isSmartAccount: getPreferredAccountType(ChainController.state.activeChain) ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('SwapPreview');
+    }
+    async handleSwapParameters() {
+        if (!this.initialParams) {
+            return;
+        }
+        if (!SwapController.state.initialized) {
+            const waitForInitialization = new Promise(resolve => {
+                const unsubscribe = SwapController.subscribeKey('initialized', initialized => {
+                    if (initialized) {
+                        unsubscribe?.();
+                        resolve();
+                    }
+                });
+            });
+            await waitForInitialization;
+        }
+        await this.setSwapParameters(this.initialParams);
+    }
+    async setSwapParameters({ amount, fromToken, toToken }) {
+        if (!SwapController.state.tokens || !SwapController.state.myTokensWithBalance) {
+            const waitForTokens = new Promise(resolve => {
+                const unsubscribe = SwapController.subscribeKey('myTokensWithBalance', tokens => {
+                    if (tokens && tokens.length > 0) {
+                        unsubscribe?.();
+                        resolve();
+                    }
+                });
+                setTimeout(() => {
+                    unsubscribe?.();
+                    resolve();
+                }, 5000);
+            });
+            await waitForTokens;
+        }
+        const allTokens = [
+            ...(SwapController.state.tokens || []),
+            ...(SwapController.state.myTokensWithBalance || [])
+        ];
+        if (fromToken) {
+            const token = allTokens.find(t => t.symbol.toLowerCase() === fromToken.toLowerCase());
+            if (token) {
+                SwapController.setSourceToken(token);
+            }
+        }
+        if (toToken) {
+            const token = allTokens.find(t => t.symbol.toLowerCase() === toToken.toLowerCase());
+            if (token) {
+                SwapController.setToToken(token);
+            }
+        }
+        if (amount && !isNaN(Number(amount))) {
+            SwapController.setSourceTokenAmount(amount);
+        }
+    }
+    onCaipAddressChange({ newCaipAddress, resetSwapState, initializeSwapState }) {
+        if (this.caipAddress !== newCaipAddress) {
+            this.caipAddress = newCaipAddress;
+            if (resetSwapState) {
+                SwapController.resetState();
+            }
+            if (initializeSwapState) {
+                SwapController.initializeState();
+            }
+        }
+    }
+    onCaipNetworkChange({ newCaipNetwork, resetSwapState, initializeSwapState }) {
+        if (this.caipNetworkId !== newCaipNetwork?.caipNetworkId) {
+            this.caipNetworkId = newCaipNetwork?.caipNetworkId;
+            if (resetSwapState) {
+                SwapController.resetState();
+            }
+            if (initializeSwapState) {
+                SwapController.initializeState();
+            }
+        }
+    }
+};
+W3mSwapView.styles = styles;
+__decorate([
+    property({ type: Object })
+], W3mSwapView.prototype, "initialParams", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "interval", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "detailsOpen", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "caipAddress", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "caipNetworkId", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "initialized", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "loadingQuote", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "loadingPrices", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "loadingTransaction", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "sourceToken", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "sourceTokenAmount", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "sourceTokenPriceInUSD", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "toToken", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "toTokenAmount", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "toTokenPriceInUSD", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "inputError", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "fetchError", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "lastTokenPriceUpdate", void 0);
+W3mSwapView = __decorate([
+    customElement('w3m-swap-view')
+], W3mSwapView);
+export { W3mSwapView };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,95 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host > wui-flex:first-child {
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+  }
+
+  :host > wui-flex:first-child::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-loading-hexagon {
+    position: absolute;
+  }
+
+  .action-button {
+    width: 100%;
+    border-radius: ${({ borderRadius }) => borderRadius['4']};
+  }
+
+  .action-button:disabled {
+    border-color: 1px solid ${({ tokens }) => tokens.core.glass010};
+  }
+
+  .swap-inputs-container {
+    position: relative;
+  }
+
+  wui-icon-box {
+    width: 32px;
+    height: 32px;
+    border-radius: ${({ borderRadius }) => borderRadius['10']} !important;
+    border: 4px solid ${({ tokens }) => tokens.theme.backgroundPrimary};
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 3;
+  }
+
+  .replace-tokens-button-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    gap: ${({ spacing }) => spacing['2']};
+    border-radius: ${({ borderRadius }) => borderRadius['4']};
+    background-color: ${({ tokens }) => tokens.theme.backgroundPrimary};
+    padding: ${({ spacing }) => spacing['2']};
+  }
+
+  .details-container > wui-flex {
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius }) => borderRadius['3']};
+    width: 100%;
+  }
+
+  .details-container > wui-flex > button {
+    border: none;
+    background: none;
+    padding: ${({ spacing }) => spacing['3']};
+    border-radius: ${({ borderRadius }) => borderRadius['3']};
+    transition: background ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background;
+  }
+
+  .details-container > wui-flex > button:hover {
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  .details-content-container {
+    padding: ${({ spacing }) => spacing['2']};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .details-content-container > wui-flex {
+    width: 100%;
+  }
+
+  .details-row {
+    width: 100%;
+    padding: ${({ spacing }) => spacing['3']} ${({ spacing }) => spacing['5']};
+    border-radius: ${({ borderRadius }) => borderRadius['3']};
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-swap-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;qBAiBG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;8BAI9B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;;;;;;qBAU7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC;wBACrC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;kBACpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;;;;;;;;;WAgBrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACnB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;wBACpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;eACvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;kBAI1B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;qBAC3C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;;;eAO7C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACvB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;6BAC/B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QACvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;kBAKlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;eAIjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;eAY7B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;kBAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;CAE/D,CAAA"}

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

@@ -0,0 +1,100 @@
+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 { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ConstantsUtil } from '@reown/appkit-common';
+import { ChainController, ConnectorController, RouterController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import styles from './styles.js';
+const chainIconNameMap = {
+    eip155: 'eth',
+    solana: 'solana',
+    bip122: 'bitcoin',
+    polkadot: undefined
+};
+let W3mSwitchActiveChainView = class W3mSwitchActiveChainView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.unsubscribe = [];
+        this.switchToChain = RouterController.state.data?.switchToChain;
+        this.caipNetwork = RouterController.state.data?.network;
+        this.activeChain = ChainController.state.activeChain;
+    }
+    firstUpdated() {
+        this.unsubscribe.push(ChainController.subscribeKey('activeChain', val => (this.activeChain = val)));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        const switchedChainNameString = this.switchToChain
+            ? ConstantsUtil.CHAIN_NAME_MAP[this.switchToChain]
+            : 'supported';
+        if (!this.switchToChain) {
+            return null;
+        }
+        const nextChainName = ConstantsUtil.CHAIN_NAME_MAP[this.switchToChain];
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['4', '2', '2', '2']}
+        gap="4"
+      >
+        <wui-flex justifyContent="center" flexDirection="column" alignItems="center" gap="2">
+          <wui-visual
+            size="md"
+            name=${ifDefined(chainIconNameMap[this.switchToChain])}
+          ></wui-visual>
+          <wui-flex gap="2" flexDirection="column" alignItems="center">
+            <wui-text
+              data-testid=${`w3m-switch-active-chain-to-${nextChainName}`}
+              variant="lg-regular"
+              color="primary"
+              align="center"
+              >Switch to <span class="capitalize">${nextChainName}</span></wui-text
+            >
+            <wui-text variant="md-regular" color="secondary" align="center">
+              Connected wallet doesn't support connecting to ${switchedChainNameString} chain. You
+              need to connect with a different wallet.
+            </wui-text>
+          </wui-flex>
+          <wui-button
+            data-testid="w3m-switch-active-chain-button"
+            size="md"
+            @click=${this.switchActiveChain.bind(this)}
+            >Switch</wui-button
+          >
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    async switchActiveChain() {
+        if (!this.switchToChain) {
+            return;
+        }
+        ChainController.setIsSwitchingNamespace(true);
+        ConnectorController.setFilterByNamespace(this.switchToChain);
+        if (this.caipNetwork) {
+            await ChainController.switchActiveNetwork(this.caipNetwork);
+        }
+        else {
+            ChainController.setActiveNamespace(this.switchToChain);
+        }
+        RouterController.reset('Connect');
+    }
+};
+W3mSwitchActiveChainView.styles = styles;
+__decorate([
+    property()
+], W3mSwitchActiveChainView.prototype, "activeChain", void 0);
+W3mSwitchActiveChainView = __decorate([
+    customElement('w3m-switch-active-chain-view')
+], W3mSwitchActiveChainView);
+export { W3mSwitchActiveChainView };
+//# sourceMappingURL=index.js.map

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

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