@reown/appkit-scaffold-ui 0.0.3

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

@@ -0,0 +1,97 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    --tokens-scroll--top-opacity: 0;
+    --tokens-scroll--bottom-opacity: 1;
+    --suggested-tokens-scroll--left-opacity: 0;
+    --suggested-tokens-scroll--right-opacity: 1;
+  }
+
+  :host > wui-flex:first-child {
+    overflow-y: hidden;
+    overflow-x: hidden;
+    scrollbar-width: none;
+    scrollbar-height: none;
+  }
+
+  :host > wui-flex:first-child::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-loading-hexagon {
+    position: absolute;
+  }
+
+  .suggested-tokens-container {
+    overflow-x: auto;
+    mask-image: linear-gradient(
+      to right,
+      rgba(0, 0, 0, calc(1 - var(--suggested-tokens-scroll--left-opacity))) 0px,
+      rgba(200, 200, 200, calc(1 - var(--suggested-tokens-scroll--left-opacity))) 1px,
+      black 50px,
+      black 90px,
+      black calc(100% - 90px),
+      black calc(100% - 50px),
+      rgba(155, 155, 155, calc(1 - var(--suggested-tokens-scroll--right-opacity))) calc(100% - 1px),
+      rgba(0, 0, 0, calc(1 - var(--suggested-tokens-scroll--right-opacity))) 100%
+    );
+  }
+
+  .suggested-tokens-container::-webkit-scrollbar {
+    display: none;
+  }
+
+  .tokens-container {
+    border-top: 1px solid var(--wui-color-gray-glass-005);
+    height: 100%;
+    max-height: 390px;
+  }
+
+  .tokens {
+    width: 100%;
+    overflow-y: auto;
+    mask-image: linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, calc(1 - var(--tokens-scroll--top-opacity))) 0px,
+      rgba(200, 200, 200, calc(1 - var(--tokens-scroll--top-opacity))) 1px,
+      black 50px,
+      black 90px,
+      black calc(100% - 90px),
+      black calc(100% - 50px),
+      rgba(155, 155, 155, calc(1 - var(--tokens-scroll--bottom-opacity))) calc(100% - 1px),
+      rgba(0, 0, 0, calc(1 - var(--tokens-scroll--bottom-opacity))) 100%
+    );
+  }
+
+  .network-search-input,
+  .select-network-button {
+    height: 40px;
+  }
+
+  .select-network-button {
+    border: none;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wui-spacing-xs);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+    background-color: transparent;
+    border-radius: var(--wui-border-radius-xxs);
+    padding: var(--wui-spacing-xs);
+    align-items: center;
+    transition: background-color 0.2s linear;
+  }
+
+  .select-network-button:hover {
+    background-color: var(--wui-color-gray-glass-002);
+  }
+
+  .select-network-button > wui-image {
+    width: 26px;
+    height: 26px;
+    border-radius: var(--wui-border-radius-xs);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,294 @@
+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 { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { SwapController, RouterController, CoreHelperUtil, NetworkController, ModalController, EventsController, AccountController } from '@reown/appkit-core';
+import { NumberUtil } from '@reown/appkit-common';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+let W3mSwapView = class W3mSwapView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.detailsOpen = false;
+        this.caipNetworkId = NetworkController.state.caipNetwork?.id;
+        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.gasPriceInUSD = SwapController.state.gasPriceInUSD;
+        this.fetchError = SwapController.state.fetchError;
+        this.onDebouncedGetSwapCalldata = CoreHelperUtil.debounce(async () => {
+            await SwapController.swapTokens();
+        }, 200);
+        NetworkController.subscribeKey('caipNetwork', newCaipNetwork => {
+            if (this.caipNetworkId !== newCaipNetwork?.id) {
+                this.caipNetworkId = newCaipNetwork?.id;
+                SwapController.resetState();
+                SwapController.initializeState();
+            }
+        });
+        this.unsubscribe.push(...[
+            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.gasPriceInUSD = newState.gasPriceInUSD;
+                this.fetchError = newState.fetchError;
+            })
+        ]);
+    }
+    firstUpdated() {
+        SwapController.initializeState();
+        this.watchTokensAndValues();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe?.());
+        clearInterval(this.interval);
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['0', 'l', 'l', 'l']} gap="s">
+        ${this.initialized ? this.templateSwap() : this.templateLoading()}
+      </wui-flex>
+    `;
+    }
+    watchTokensAndValues() {
+        this.interval = setInterval(() => {
+            SwapController.getNetworkTokenPrice();
+            SwapController.getMyTokensWithBalance();
+            SwapController.swapTokens();
+        }, 10000);
+    }
+    templateSwap() {
+        return html `
+      <wui-flex flexDirection="column" gap="s">
+        <wui-flex flexDirection="column" alignItems="center" gap="xs" 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() {
+        if (this.fetchError) {
+            return 'Swap';
+        }
+        if (!this.sourceToken || !this.toToken) {
+            return 'Select token';
+        }
+        if (!this.sourceTokenAmount) {
+            return 'Enter amount';
+        }
+        if (this.inputError) {
+            return this.inputError;
+        }
+        return 'Review swap';
+    }
+    templateReplaceTokensButton() {
+        return html `
+      <wui-flex class="replace-tokens-button-container">
+        <button @click=${this.onSwitchTokens.bind(this)}>
+          <wui-icon name="recycleHorizontal" color="fg-250" size="lg"></wui-icon>
+        </button>
+      </wui-flex>
+    `;
+    }
+    templateLoading() {
+        return html `
+      <wui-flex flexDirection="column" gap="l">
+        <wui-flex flexDirection="column" alignItems="center" gap="xs" 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;
+        let value = parseFloat(amount) * price;
+        if (target === 'toToken') {
+            value -= this.gasPriceInUSD || 0;
+        }
+        return html `<w3m-swap-input
+      .value=${target === 'toToken' ? this.toTokenAmount : this.sourceTokenAmount}
+      ?disabled=${this.loadingQuote && target === 'toToken'}
+      .onSetAmount=${this.handleChangeAmount.bind(this)}
+      target=${target}
+      .token=${token}
+      .balance=${myToken?.quantity?.numeric}
+      .price=${myToken?.price}
+      .marketValue=${value}
+      .onSetMaxValue=${this.onSetMaxValue.bind(this)}
+    ></w3m-swap-input>`;
+    }
+    onSetMaxValue(target, balance) {
+        const token = target === 'sourceToken' ? this.sourceToken : this.toToken;
+        const isNetworkToken = token?.address === NetworkController.getActiveNetworkTokenAddress();
+        let value = '0';
+        if (!balance) {
+            value = '0';
+            this.handleChangeAmount(target, value);
+            return;
+        }
+        if (!this.gasPriceInUSD) {
+            value = balance;
+            this.handleChangeAmount(target, value);
+            return;
+        }
+        const amountOfTokenGasRequires = NumberUtil.bigNumber(this.gasPriceInUSD.toFixed(5)).dividedBy(this.sourceTokenPriceInUSD);
+        const maxValue = isNetworkToken
+            ? NumberUtil.bigNumber(balance).minus(amountOfTokenGasRequires)
+            : NumberUtil.bigNumber(balance);
+        this.handleChangeAmount(target, maxValue.isGreaterThan(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;
+        const loading = this.loadingQuote || this.loadingPrices || this.loadingTransaction;
+        const disabled = loading || haveNoTokenSelected || haveNoAmount || this.inputError;
+        return html ` <wui-flex gap="xs">
+      <wui-button
+        data-testid="swap-action-button"
+        class="action-button"
+        fullWidth
+        size="lg"
+        borderRadius="xs"
+        variant=${haveNoTokenSelected ? 'neutral' : 'main'}
+        .loading=${loading}
+        .disabled=${disabled}
+        @click=${this.onSwapPreview.bind(this)}
+      >
+        ${this.actionButtonLabel()}
+      </wui-button>
+    </wui-flex>`;
+    }
+    onSwitchTokens() {
+        SwapController.switchTokens();
+    }
+    onSwapPreview() {
+        if (this.fetchError) {
+            SwapController.swapTokens();
+            return;
+        }
+        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: AccountController.state.preferredAccountType ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('SwapPreview');
+    }
+};
+W3mSwapView.styles = styles;
+__decorate([
+    state()
+], W3mSwapView.prototype, "interval", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "detailsOpen", 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, "gasPriceInUSD", void 0);
+__decorate([
+    state()
+], W3mSwapView.prototype, "fetchError", 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":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,eAAe,EAGf,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAGpD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAuCzC;QACE,KAAK,EAAE,CAAA;QArCD,gBAAW,GAAiC,EAAE,CAAA;QAKrC,gBAAW,GAAG,KAAK,CAAA;QAEnB,kBAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAA;QAEvD,gBAAW,GAAG,cAAc,CAAC,KAAK,CAAC,WAAW,CAAA;QAE9C,iBAAY,GAAG,cAAc,CAAC,KAAK,CAAC,YAAY,CAAA;QAEhD,kBAAa,GAAG,cAAc,CAAC,KAAK,CAAC,aAAa,CAAA;QAElD,uBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,kBAAkB,CAAA;QAE5D,gBAAW,GAAG,cAAc,CAAC,KAAK,CAAC,WAAW,CAAA;QAE9C,sBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAA;QAE1D,0BAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,qBAAqB,CAAA;QAElE,YAAO,GAAG,cAAc,CAAC,KAAK,CAAC,OAAO,CAAA;QAEtC,kBAAa,GAAG,cAAc,CAAC,KAAK,CAAC,aAAa,CAAA;QAElD,sBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAA;QAE1D,eAAU,GAAG,cAAc,CAAC,KAAK,CAAC,UAAU,CAAA;QAE5C,kBAAa,GAAG,cAAc,CAAC,KAAK,CAAC,aAAa,CAAA;QAElD,eAAU,GAAG,cAAc,CAAC,KAAK,CAAC,UAAU,CAAA;QA6NrD,+BAA0B,GAAG,cAAc,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE;YACtE,MAAM,cAAc,CAAC,UAAU,EAAE,CAAA;QACnC,CAAC,EAAE,GAAG,CAAC,CAAA;QA1NL,iBAAiB,CAAC,YAAY,CAAC,aAAa,EAAE,cAAc,CAAC,EAAE;YAC7D,IAAI,IAAI,CAAC,aAAa,KAAK,cAAc,EAAE,EAAE,EAAE,CAAC;gBAC9C,IAAI,CAAC,aAAa,GAAG,cAAc,EAAE,EAAE,CAAA;gBACvC,cAAc,CAAC,UAAU,EAAE,CAAA;gBAC3B,cAAc,CAAC,eAAe,EAAE,CAAA;YAClC,CAAC;QACH,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,eAAe,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE;gBAC5C,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,cAAc,CAAC,UAAU,EAAE,CAAA;gBAC7B,CAAC;YACH,CAAC,CAAC;YACF,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE;gBAC/C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC/B,cAAc,CAAC,WAAW,EAAE,CAAA;gBAC9B,CAAC;YACH,CAAC,CAAC;YACF,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;gBAClC,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAA;gBACvC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAA;gBACzC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAA;gBAC3C,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,kBAAkB,CAAA;gBACrD,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAA;gBACvC,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,iBAAiB,CAAA;gBACnD,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC,qBAAqB,CAAA;gBAC3D,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA;gBAC/B,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAA;gBAC3C,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,iBAAiB,CAAA;gBACnD,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAA;gBACrC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAA;gBAC3C,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAA;YACvC,CAAC,CAAC;SACH,CACF,CAAA;IACH,CAAC;IAEe,YAAY;QAC1B,cAAc,CAAC,eAAe,EAAE,CAAA;QAChC,IAAI,CAAC,oBAAoB,EAAE,CAAA;IAC7B,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;QACxD,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC9B,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA;kDACmC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;UAC5D,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;;KAEpE,CAAA;IACH,CAAC;IAGO,oBAAoB;QAC1B,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAC/B,cAAc,CAAC,oBAAoB,EAAE,CAAA;YACrC,cAAc,CAAC,sBAAsB,EAAE,CAAA;YACvC,cAAc,CAAC,UAAU,EAAE,CAAA;QAC7B,CAAC,EAAE,KAAM,CAAC,CAAA;IACZ,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC;YACxD,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,2BAA2B,EAAE;;UAExF,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,oBAAoB,EAAE;;KAE1D,CAAA;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,MAAM,CAAA;QACf,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,OAAO,cAAc,CAAA;QACvB,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5B,OAAO,cAAc,CAAA;QACvB,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,UAAU,CAAA;QACxB,CAAC;QAED,OAAO,aAAa,CAAA;IACtB,CAAC;IAEO,2BAA2B;QACjC,OAAO,IAAI,CAAA;;yBAEU,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;;;KAIlD,CAAA;IACH,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;;;;;YAKH,IAAI,CAAC,2BAA2B,EAAE;;UAEpC,IAAI,CAAC,oBAAoB,EAAE;;KAEhC,CAAA;IACH,CAAC;IAEO,kBAAkB,CAAC,MAAuB,EAAE,KAAiB;QACnE,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,mBAAmB,EAAE,IAAI,CAC5D,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,KAAK,EAAE,OAAO,CACrC,CAAA;QACD,MAAM,MAAM,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAA;QACjF,MAAM,KAAK,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAA;QACxF,IAAI,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;QAEtC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACzB,KAAK,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,CAAA;QAClC,CAAC;QAED,OAAO,IAAI,CAAA;eACA,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB;kBAC/D,IAAI,CAAC,YAAY,IAAI,MAAM,KAAK,SAAS;qBACtC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;eACxC,MAAM;eACN,KAAK;iBACH,OAAO,EAAE,QAAQ,EAAE,OAAO;eAC5B,OAAO,EAAE,KAAK;qBACR,KAAK;uBACH,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;uBAC7B,CAAA;IACrB,CAAC;IAEO,aAAa,CAAC,MAAuB,EAAE,OAA2B;QACxE,MAAM,KAAK,GAAG,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;QACxE,MAAM,cAAc,GAAG,KAAK,EAAE,OAAO,KAAK,iBAAiB,CAAC,4BAA4B,EAAE,CAAA;QAC1F,IAAI,KAAK,GAAG,GAAG,CAAA;QAEf,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,KAAK,GAAG,GAAG,CAAA;YACX,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;YAEtC,OAAM;QACR,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,KAAK,GAAG,OAAO,CAAA;YACf,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;YAEtC,OAAM;QACR,CAAC;QAED,MAAM,wBAAwB,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAC5F,IAAI,CAAC,qBAAqB,CAC3B,CAAA;QACD,MAAM,QAAQ,GAAG,cAAc;YAC7B,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC;YAC/D,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAEjC,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;IACzF,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC1D,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA,kCAAkC,IAAI,CAAC,WAAW,sBAAsB,CAAA;IACrF,CAAC;IAEO,kBAAkB,CAAC,MAAuB,EAAE,KAAa;QAC/D,cAAc,CAAC,UAAU,EAAE,CAAA;QAC3B,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;YAC7B,cAAc,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAA;QAC5C,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC;QACD,IAAI,CAAC,0BAA0B,EAAE,CAAA;IACnC,CAAC;IAEO,oBAAoB;QAC1B,MAAM,mBAAmB,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAA;QAC9D,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAA;QAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,kBAAkB,CAAA;QAClF,MAAM,QAAQ,GAAG,OAAO,IAAI,mBAAmB,IAAI,YAAY,IAAI,IAAI,CAAC,UAAU,CAAA;QAElF,OAAO,IAAI,CAAA;;;;;;;kBAOG,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;mBACvC,OAAO;oBACN,QAAQ;iBACX,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;UAEpC,IAAI,CAAC,iBAAiB,EAAE;;gBAElB,CAAA;IACd,CAAC;IAMO,cAAc;QACpB,cAAc,CAAC,YAAY,EAAE,CAAA;IAC/B,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,cAAc,CAAC,UAAU,EAAE,CAAA;YAE3B,OAAM;QACR,CAAC;QACD,gBAAgB,CAAC,SAAS,CAAC;YACzB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,eAAe;YACtB,UAAU,EAAE;gBACV,OAAO,EAAE,IAAI,CAAC,aAAa,IAAI,EAAE;gBACjC,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,IAAI,EAAE;gBAC7C,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE;gBACvC,cAAc,EAAE,IAAI,CAAC,iBAAiB,IAAI,EAAE;gBAC5C,YAAY,EAAE,IAAI,CAAC,aAAa,IAAI,EAAE;gBACtC,cAAc,EACZ,iBAAiB,CAAC,KAAK,CAAC,oBAAoB;oBAC5C,oBAAoB,CAAC,aAAa,CAAC,aAAa;aACnD;SACF,CAAC,CAAA;QACF,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IACtC,CAAC;;AA7RsB,kBAAM,GAAG,MAAM,AAAT,CAAS;AAKrB;IAAhB,KAAK,EAAE;6CAAkD;AAEzC;IAAhB,KAAK,EAAE;gDAA4B;AAEnB;IAAhB,KAAK,EAAE;kDAAgE;AAEvD;IAAhB,KAAK,EAAE;gDAAuD;AAE9C;IAAhB,KAAK,EAAE;iDAAyD;AAEhD;IAAhB,KAAK,EAAE;kDAA2D;AAElD;IAAhB,KAAK,EAAE;uDAAqE;AAE5D;IAAhB,KAAK,EAAE;gDAAuD;AAE9C;IAAhB,KAAK,EAAE;sDAAmE;AAE1D;IAAhB,KAAK,EAAE;0DAA2E;AAElE;IAAhB,KAAK,EAAE;4CAA+C;AAEtC;IAAhB,KAAK,EAAE;kDAA2D;AAElD;IAAhB,KAAK,EAAE;sDAAmE;AAE1D;IAAhB,KAAK,EAAE;+CAAqD;AAE5C;IAAhB,KAAK,EAAE;kDAA2D;AAElD;IAAhB,KAAK,EAAE;+CAAqD;AApClD,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CA+RvB"}

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

@@ -0,0 +1,99 @@
+import { css } from 'lit';
+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: var(--wui-border-radius-xs);
+  }
+
+  .action-button:disabled {
+    border-color: 1px solid var(--wui-color-gray-glass-005);
+  }
+
+  .swap-inputs-container {
+    position: relative;
+  }
+
+  .replace-tokens-button-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    gap: var(--wui-spacing-1xs);
+    border-radius: var(--wui-border-radius-xs);
+    background-color: var(--wui-color-modal-bg-base);
+    padding: var(--wui-spacing-xxs);
+  }
+
+  .replace-tokens-button-container > button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 40px;
+    width: 40px;
+    padding: var(--wui-spacing-xs);
+    border: none;
+    border-radius: var(--wui-border-radius-xxs);
+    background: var(--wui-color-gray-glass-002);
+    transition: background-color var(--wui-duration-md) var(--wui-ease-out-power-1);
+    will-change: background-color;
+    z-index: 20;
+  }
+
+  .replace-tokens-button-container > button:hover {
+    background: var(--wui-color-gray-glass-005);
+  }
+
+  .details-container > wui-flex {
+    background: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xxs);
+    width: 100%;
+  }
+
+  .details-container > wui-flex > button {
+    border: none;
+    background: none;
+    padding: var(--wui-spacing-s);
+    border-radius: var(--wui-border-radius-xxs);
+    transition: background 0.2s linear;
+  }
+
+  .details-container > wui-flex > button:hover {
+    background: var(--wui-color-gray-glass-002);
+  }
+
+  .details-content-container {
+    padding: var(--wui-spacing-1xs);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .details-content-container > wui-flex {
+    width: 100%;
+  }
+
+  .details-row {
+    width: 100%;
+    padding: var(--wui-spacing-s) var(--wui-spacing-xl);
+    border-radius: var(--wui-border-radius-xxs);
+    background: var(--wui-color-gray-glass-002);
+  }
+`;
+//# 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,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGjB,CAAA"}

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

@@ -0,0 +1,92 @@
+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, NetworkController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { ConstantsUtil } from '@reown/appkit-common';
+import { property } from 'lit/decorators.js';
+let W3mSwitchActiveChainView = class W3mSwitchActiveChainView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.unsubscribe = [];
+        this.switchToChain = RouterController.state.data?.switchToChain;
+        this.navigateTo = RouterController.state.data?.navigateTo;
+        this.navigateWithReplace = RouterController.state.data?.navigateWithReplace;
+        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 chainNameString = this.activeChain
+            ? ConstantsUtil.CHAIN_NAME_MAP[this.activeChain]
+            : 'current';
+        const switchedChainNameString = this.switchToChain
+            ? ConstantsUtil.CHAIN_NAME_MAP[this.switchToChain]
+            : 'supported';
+        if (!this.switchToChain) {
+            return null;
+        }
+        return html `
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['3xl', 'xl', 'xl', 'xl']}
+        gap="xl"
+      >
+        <wui-flex justifyContent="center" flexDirection="column" alignItems="center" gap="xl">
+          <wui-visual
+            name=${this.switchToChain === 'eip155' ? 'eth' : this.switchToChain}
+          ></wui-visual>
+          <wui-text variant="paragraph-500" color="fg-100" align="center"
+            >Switch to
+            <span class="capitalize">
+              ${this.switchToChain === 'eip155' ? 'EVM' : this.switchToChain}</span
+            ></wui-text
+          >
+          <wui-text variant="small-400" color="fg-200" align="center">
+            This request is not supported on the ${chainNameString} chain. Disconnect from the
+            ${chainNameString} session and switch to ${switchedChainNameString} chain to proceed
+            using it.
+          </wui-text>
+          <wui-button size="md" @click=${this.switchActiveChain.bind(this)}>Switch</wui-button>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    async switchActiveChain() {
+        if (!this.switchToChain) {
+            return;
+        }
+        await NetworkController.switchActiveNetwork(this.caipNetwork);
+        if (this.navigateTo) {
+            if (this.navigateWithReplace) {
+                RouterController.replace(this.navigateTo);
+            }
+            else {
+                RouterController.push(this.navigateTo);
+            }
+        }
+        else {
+            RouterController.goBack();
+        }
+    }
+};
+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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"}