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

package/dist/esm/src/views/w3m-siwx-sign-message-view/index.js

@@ -0,0 +1,98 @@
+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 { OptionsController, RouterController, SIWXUtil, SnackController } 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-text';
+import '../../partials/w3m-siwx-sign-message-thumbnails/index.js';
+let W3mSIWXSignMessageView = class W3mSIWXSignMessageView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.dappName = OptionsController.state.metadata?.name;
+        this.isCancelling = false;
+        this.isSigning = false;
+    }
+    render() {
+        return html `
+      <wui-flex justifyContent="center" .padding=${['8', '0', '6', '0']}>
+        <w3m-siwx-sign-message-thumbnails></w3m-siwx-sign-message-thumbnails>
+      </wui-flex>
+      <wui-flex .padding=${['0', '20', '5', '20']} gap="3" justifyContent="space-between">
+        <wui-text variant="lg-medium" align="center" color="primary"
+          >${this.dappName ?? 'Dapp'} needs to connect to your wallet</wui-text
+        >
+      </wui-flex>
+      <wui-flex .padding=${['0', '10', '4', '10']} gap="3" justifyContent="space-between">
+        <wui-text variant="md-regular" align="center" color="secondary"
+          >Sign this message to prove you own this wallet and proceed. Canceling will disconnect
+          you.</wui-text
+        >
+      </wui-flex>
+      <wui-flex .padding=${['4', '5', '5', '5']} gap="3" justifyContent="space-between">
+        <wui-button
+          size="lg"
+          borderRadius="xs"
+          fullWidth
+          variant="neutral-secondary"
+          ?loading=${this.isCancelling}
+          @click=${this.onCancel.bind(this)}
+          data-testid="w3m-connecting-siwe-cancel"
+        >
+          ${this.isCancelling ? 'Cancelling...' : 'Cancel'}
+        </wui-button>
+        <wui-button
+          size="lg"
+          borderRadius="xs"
+          fullWidth
+          variant="neutral-primary"
+          @click=${this.onSign.bind(this)}
+          ?loading=${this.isSigning}
+          data-testid="w3m-connecting-siwe-sign"
+        >
+          ${this.isSigning ? 'Signing...' : 'Sign'}
+        </wui-button>
+      </wui-flex>
+    `;
+    }
+    async onSign() {
+        this.isSigning = true;
+        try {
+            await SIWXUtil.requestSignMessage();
+        }
+        catch (error) {
+            if (error instanceof Error && error.message.includes('OTP is required')) {
+                SnackController.showError({
+                    message: 'Something went wrong. We need to verify your account again.'
+                });
+                RouterController.replace('DataCapture');
+                return;
+            }
+            throw error;
+        }
+        finally {
+            this.isSigning = false;
+        }
+    }
+    async onCancel() {
+        this.isCancelling = true;
+        await SIWXUtil.cancelSignMessage().finally(() => (this.isCancelling = false));
+    }
+};
+__decorate([
+    state()
+], W3mSIWXSignMessageView.prototype, "isCancelling", void 0);
+__decorate([
+    state()
+], W3mSIWXSignMessageView.prototype, "isSigning", void 0);
+W3mSIWXSignMessageView = __decorate([
+    customElement('w3m-siwx-sign-message-view')
+], W3mSIWXSignMessageView);
+export { W3mSIWXSignMessageView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-siwx-sign-message-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/w3m-siwx-sign-message-view/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,6BAA6B,CAAA;AACpC,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAElC,OAAO,0DAA0D,CAAA;AAG1D,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAEY,aAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAA;QAEjD,iBAAY,GAAG,KAAK,CAAA;QAEpB,cAAS,GAAG,KAAK,CAAA;IAuEpC,CAAC;IApEiB,MAAM;QACpB,OAAO,IAAI,CAAA;mDACoC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;2BAGrD,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAU;;aAE7C,IAAI,CAAC,QAAQ,IAAI,MAAM;;;2BAGT,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAU;;;;;;2BAM/B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU;;;;;;qBAMnC,IAAI,CAAC,YAAY;mBACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;YAG/B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ;;;;;;;mBAOvC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;qBACpB,IAAI,CAAC,SAAS;;;YAGvB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;;;KAG7C,CAAA;IACH,CAAC;IAGO,KAAK,CAAC,MAAM;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,IAAI,CAAC;YACH,MAAM,QAAQ,CAAC,kBAAkB,EAAE,CAAA;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBACxE,eAAe,CAAC,SAAS,CAAC;oBACxB,OAAO,EAAE,6DAA6D;iBACvE,CAAC,CAAA;gBACF,gBAAgB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;gBAEvC,OAAM;YACR,CAAC;YAED,MAAM,KAAK,CAAA;QACb,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;QACxB,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,QAAQ;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAA;QACxB,MAAM,QAAQ,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,CAAC,CAAA;IAC/E,CAAC;CACF,CAAA;AAzEkB;IAAhB,KAAK,EAAE;4DAA6B;AAEpB;IAAhB,KAAK,EAAE;yDAA0B;AANvB,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CA6ElC"}

package/dist/esm/src/views/w3m-smart-account-settings-view/index.js

@@ -0,0 +1,123 @@
+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 { ConstantsUtil } from '@reown/appkit-common';
+import { ChainController, ConnectionController, SendController, getPreferredAccountType } from '@reown/appkit-controllers';
+import { ConnectorController } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import { W3mFrameStorage } from '@reown/appkit-wallet';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+let W3mSmartAccountSettingsView = class W3mSmartAccountSettingsView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loading = false;
+        this.switched = false;
+        this.text = '';
+        this.network = ChainController.state.activeCaipNetwork;
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" gap="2" .padding=${['6', '4', '3', '4']}>
+        ${this.togglePreferredAccountTypeTemplate()} ${this.toggleSmartAccountVersionTemplate()}
+      </wui-flex>
+    `;
+    }
+    toggleSmartAccountVersionTemplate() {
+        return html `
+      <w3m-tooltip-trigger text="Changing the smart account version will reload the page">
+        <wui-list-item
+          icon=${this.isV6() ? 'arrowTop' : 'arrowBottom'}
+          ?rounded=${true}
+          ?chevron=${true}
+          data-testid="account-toggle-smart-account-version"
+          @click=${this.toggleSmartAccountVersion.bind(this)}
+        >
+          <wui-text variant="lg-regular" color="primary"
+            >Force Smart Account Version ${this.isV6() ? '7' : '6'}</wui-text
+          >
+        </wui-list-item>
+      </w3m-tooltip-trigger>
+    `;
+    }
+    isV6() {
+        const currentVersion = W3mFrameStorage.get('dapp_smart_account_version') || 'v6';
+        return currentVersion === 'v6';
+    }
+    toggleSmartAccountVersion() {
+        W3mFrameStorage.set('dapp_smart_account_version', this.isV6() ? 'v7' : 'v6');
+        if (typeof window !== 'undefined') {
+            window?.location?.reload();
+        }
+    }
+    togglePreferredAccountTypeTemplate() {
+        const namespace = this.network?.chainNamespace;
+        const isNetworkEnabled = ChainController.checkIfSmartAccountEnabled();
+        const connectorId = ConnectorController.getConnectorId(namespace);
+        const authConnector = ConnectorController.getAuthConnector();
+        if (!authConnector || connectorId !== ConstantsUtil.CONNECTOR_ID.AUTH || !isNetworkEnabled) {
+            return null;
+        }
+        if (!this.switched) {
+            this.text =
+                getPreferredAccountType(namespace) === W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+                    ? 'Switch to your EOA'
+                    : 'Switch to your Smart Account';
+        }
+        return html `
+      <wui-list-item
+        icon="swapHorizontal"
+        ?rounded=${true}
+        ?chevron=${true}
+        ?loading=${this.loading}
+        @click=${this.changePreferredAccountType.bind(this)}
+        data-testid="account-toggle-preferred-account-type"
+      >
+        <wui-text variant="lg-regular" color="primary">${this.text}</wui-text>
+      </wui-list-item>
+    `;
+    }
+    async changePreferredAccountType() {
+        const namespace = this.network?.chainNamespace;
+        const isSmartAccountEnabled = ChainController.checkIfSmartAccountEnabled();
+        const accountTypeTarget = getPreferredAccountType(namespace) === W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT ||
+            !isSmartAccountEnabled
+            ? W3mFrameRpcConstants.ACCOUNT_TYPES.EOA
+            : W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT;
+        const authConnector = ConnectorController.getAuthConnector();
+        if (!authConnector) {
+            return;
+        }
+        this.loading = true;
+        await ConnectionController.setPreferredAccountType(accountTypeTarget, namespace);
+        this.text =
+            accountTypeTarget === W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+                ? 'Switch to your EOA'
+                : 'Switch to your Smart Account';
+        this.switched = true;
+        SendController.resetSend();
+        this.loading = false;
+        this.requestUpdate();
+    }
+};
+__decorate([
+    state()
+], W3mSmartAccountSettingsView.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mSmartAccountSettingsView.prototype, "switched", void 0);
+__decorate([
+    state()
+], W3mSmartAccountSettingsView.prototype, "text", void 0);
+__decorate([
+    state()
+], W3mSmartAccountSettingsView.prototype, "network", void 0);
+W3mSmartAccountSettingsView = __decorate([
+    customElement('w3m-smart-account-settings-view')
+], W3mSmartAccountSettingsView);
+export { W3mSmartAccountSettingsView };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/views/w3m-smart-account-settings-view/index.js.map

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

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

@@ -0,0 +1,265 @@
+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 { NumberUtil } from '@reown/appkit-common';
+import { ChainController, RouterController, SwapController } 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-text';
+import '@reown/appkit-ui/wui-token-button';
+import '../../partials/w3m-swap-details/index.js';
+import styles from './styles.js';
+let W3mSwapPreviewView = class W3mSwapPreviewView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.detailsOpen = true;
+        this.approvalTransaction = SwapController.state.approvalTransaction;
+        this.swapTransaction = SwapController.state.swapTransaction;
+        this.sourceToken = SwapController.state.sourceToken;
+        this.sourceTokenAmount = SwapController.state.sourceTokenAmount ?? '';
+        this.sourceTokenPriceInUSD = SwapController.state.sourceTokenPriceInUSD;
+        this.balanceSymbol = ChainController.getAccountData()?.balanceSymbol;
+        this.toToken = SwapController.state.toToken;
+        this.toTokenAmount = SwapController.state.toTokenAmount ?? '';
+        this.toTokenPriceInUSD = SwapController.state.toTokenPriceInUSD;
+        this.caipNetwork = ChainController.state.activeCaipNetwork;
+        this.inputError = SwapController.state.inputError;
+        this.loadingQuote = SwapController.state.loadingQuote;
+        this.loadingApprovalTransaction = SwapController.state.loadingApprovalTransaction;
+        this.loadingBuildTransaction = SwapController.state.loadingBuildTransaction;
+        this.loadingTransaction = SwapController.state.loadingTransaction;
+        this.unsubscribe.push(...[
+            ChainController.subscribeChainProp('accountState', val => {
+                if (val?.balanceSymbol !== this.balanceSymbol) {
+                    RouterController.goBack();
+                }
+            }),
+            ChainController.subscribeKey('activeCaipNetwork', newCaipNetwork => {
+                if (this.caipNetwork !== newCaipNetwork) {
+                    this.caipNetwork = newCaipNetwork;
+                }
+            }),
+            SwapController.subscribe(newState => {
+                this.approvalTransaction = newState.approvalTransaction;
+                this.swapTransaction = newState.swapTransaction;
+                this.sourceToken = newState.sourceToken;
+                this.toToken = newState.toToken;
+                this.toTokenPriceInUSD = newState.toTokenPriceInUSD;
+                this.sourceTokenAmount = newState.sourceTokenAmount ?? '';
+                this.toTokenAmount = newState.toTokenAmount ?? '';
+                this.inputError = newState.inputError;
+                if (newState.inputError) {
+                    RouterController.goBack();
+                }
+                this.loadingQuote = newState.loadingQuote;
+                this.loadingApprovalTransaction = newState.loadingApprovalTransaction;
+                this.loadingBuildTransaction = newState.loadingBuildTransaction;
+                this.loadingTransaction = newState.loadingTransaction;
+            })
+        ]);
+    }
+    firstUpdated() {
+        SwapController.getTransaction();
+        this.refreshTransaction();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe?.());
+        clearInterval(this.interval);
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" .padding=${['0', '4', '4', '4']} gap="3">
+        ${this.templateSwap()}
+      </wui-flex>
+    `;
+    }
+    refreshTransaction() {
+        this.interval = setInterval(() => {
+            if (!SwapController.getApprovalLoadingState()) {
+                SwapController.getTransaction();
+            }
+        }, 10_000);
+    }
+    templateSwap() {
+        const sourceTokenText = `${NumberUtil.formatNumberToLocalString(parseFloat(this.sourceTokenAmount))} ${this.sourceToken?.symbol}`;
+        const toTokenText = `${NumberUtil.formatNumberToLocalString(parseFloat(this.toTokenAmount))} ${this.toToken?.symbol}`;
+        const sourceTokenValue = parseFloat(this.sourceTokenAmount) * this.sourceTokenPriceInUSD;
+        const toTokenValue = parseFloat(this.toTokenAmount) * this.toTokenPriceInUSD;
+        const sentPrice = NumberUtil.formatNumberToLocalString(sourceTokenValue);
+        const receivePrice = NumberUtil.formatNumberToLocalString(toTokenValue);
+        const loading = this.loadingQuote ||
+            this.loadingBuildTransaction ||
+            this.loadingTransaction ||
+            this.loadingApprovalTransaction;
+        return html `
+      <wui-flex flexDirection="column" alignItems="center" gap="4">
+        <wui-flex class="preview-container" flexDirection="column" alignItems="flex-start" gap="4">
+          <wui-flex
+            class="preview-token-details-container"
+            alignItems="center"
+            justifyContent="space-between"
+            gap="4"
+          >
+            <wui-flex flexDirection="column" alignItems="flex-start" gap="01">
+              <wui-text variant="sm-regular" color="secondary">Send</wui-text>
+              <wui-text variant="md-regular" color="primary">$${sentPrice}</wui-text>
+            </wui-flex>
+            <wui-token-button
+              flexDirection="row-reverse"
+              text=${sourceTokenText}
+              imageSrc=${this.sourceToken?.logoUri}
+            >
+            </wui-token-button>
+          </wui-flex>
+          <wui-icon name="recycleHorizontal" color="default" size="md"></wui-icon>
+          <wui-flex
+            class="preview-token-details-container"
+            alignItems="center"
+            justifyContent="space-between"
+            gap="4"
+          >
+            <wui-flex flexDirection="column" alignItems="flex-start" gap="01">
+              <wui-text variant="sm-regular" color="secondary">Receive</wui-text>
+              <wui-text variant="md-regular" color="primary">$${receivePrice}</wui-text>
+            </wui-flex>
+            <wui-token-button
+              flexDirection="row-reverse"
+              text=${toTokenText}
+              imageSrc=${this.toToken?.logoUri}
+            >
+            </wui-token-button>
+          </wui-flex>
+        </wui-flex>
+
+        ${this.templateDetails()}
+
+        <wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="2">
+          <wui-icon size="sm" color="default" name="info"></wui-icon>
+          <wui-text variant="sm-regular" color="secondary">Review transaction carefully</wui-text>
+        </wui-flex>
+
+        <wui-flex
+          class="action-buttons-container"
+          flexDirection="row"
+          alignItems="center"
+          justifyContent="space-between"
+          gap="2"
+        >
+          <wui-button
+            class="cancel-button"
+            fullWidth
+            size="lg"
+            borderRadius="xs"
+            variant="neutral-secondary"
+            @click=${this.onCancelTransaction.bind(this)}
+          >
+            <wui-text variant="md-medium" color="secondary">Cancel</wui-text>
+          </wui-button>
+          <wui-button
+            class="action-button"
+            fullWidth
+            size="lg"
+            borderRadius="xs"
+            variant="accent-primary"
+            ?loading=${loading}
+            ?disabled=${loading}
+            @click=${this.onSendTransaction.bind(this)}
+          >
+            <wui-text variant="md-medium" color="invert"> ${this.actionButtonLabel()} </wui-text>
+          </wui-button>
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    templateDetails() {
+        if (!this.sourceToken || !this.toToken || this.inputError) {
+            return null;
+        }
+        return html `<w3m-swap-details .detailsOpen=${this.detailsOpen}></w3m-swap-details>`;
+    }
+    actionButtonLabel() {
+        if (this.loadingApprovalTransaction) {
+            return 'Approving...';
+        }
+        if (this.approvalTransaction) {
+            return 'Approve';
+        }
+        return 'Swap';
+    }
+    onCancelTransaction() {
+        RouterController.goBack();
+    }
+    onSendTransaction() {
+        if (this.approvalTransaction) {
+            SwapController.sendTransactionForApproval(this.approvalTransaction);
+        }
+        else {
+            SwapController.sendTransactionForSwap(this.swapTransaction);
+        }
+    }
+};
+W3mSwapPreviewView.styles = styles;
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "interval", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "detailsOpen", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "approvalTransaction", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "swapTransaction", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "sourceToken", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "sourceTokenAmount", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "sourceTokenPriceInUSD", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "balanceSymbol", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "toToken", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "toTokenAmount", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "toTokenPriceInUSD", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "caipNetwork", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "inputError", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "loadingQuote", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "loadingApprovalTransaction", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "loadingBuildTransaction", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "loadingTransaction", void 0);
+W3mSwapPreviewView = __decorate([
+    customElement('w3m-swap-preview-view')
+], W3mSwapPreviewView);
+export { W3mSwapPreviewView };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,141 @@
+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;
+  }
+
+  .preview-container,
+  .details-container {
+    width: 100%;
+  }
+
+  .token-image {
+    width: 24px;
+    height: 24px;
+    box-shadow: 0 0 0 2px ${({ tokens }) => tokens.core.glass010};
+    border-radius: 12px;
+  }
+
+  wui-loading-hexagon {
+    position: absolute;
+  }
+
+  .token-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: ${({ spacing }) => spacing['2']};
+    padding: ${({ spacing }) => spacing['2']};
+    height: 40px;
+    border: none;
+    border-radius: 80px;
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.theme.foregroundPrimary};
+    cursor: pointer;
+    transition: background ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background;
+  }
+
+  .token-item:hover {
+    background: ${({ tokens }) => tokens.core.glass010};
+  }
+
+  .preview-token-details-container {
+    width: 100%;
+  }
+
+  .details-row {
+    width: 100%;
+    padding: ${({ spacing }) => spacing['3']} ${({ spacing }) => spacing['5']};
+    border-radius: ${({ borderRadius }) => borderRadius['3']};
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  .action-buttons-container {
+    width: 100%;
+    gap: ${({ spacing }) => spacing['2']};
+  }
+
+  .action-buttons-container > button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    height: 48px;
+    border-radius: ${({ borderRadius }) => borderRadius['4']};
+    border: none;
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.core.glass010};
+  }
+
+  .action-buttons-container > button:disabled {
+    opacity: 0.8;
+    cursor: not-allowed;
+  }
+
+  .action-button > wui-loading-spinner {
+    display: inline-block;
+  }
+
+  .cancel-button:hover,
+  .action-button:hover {
+    cursor: pointer;
+  }
+
+  .action-buttons-container > wui-button.cancel-button {
+    flex: 2;
+  }
+
+  .action-buttons-container > wui-button.action-button {
+    flex: 4;
+  }
+
+  .action-buttons-container > button.action-button > wui-text {
+    color: white;
+  }
+
+  .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-preview-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/views/w3m-swap-preview-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;4BAmBU,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;;;;;;;;WAYrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;eACzB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;kBAI1B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;kCAC9B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;6BAEnD,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,IAAI,CAAC,QAAQ;;;;;;;;;eASvC,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;;;;;WAKrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;qBASnB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;kCAE1B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA8BpD,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"}