@reown/appkit-scaffold-ui 0.0.3

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

@@ -0,0 +1,266 @@
+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 { UiHelperUtil, customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { AccountController, NetworkController, RouterController, SwapController } from '@reown/appkit-core';
+import { state } from 'lit/decorators.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.toToken = SwapController.state.toToken;
+        this.toTokenAmount = SwapController.state.toTokenAmount ?? '';
+        this.toTokenPriceInUSD = SwapController.state.toTokenPriceInUSD;
+        this.caipNetwork = NetworkController.state.caipNetwork;
+        this.balanceSymbol = AccountController.state.balanceSymbol;
+        this.gasPriceInUSD = SwapController.state.gasPriceInUSD;
+        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(...[
+            AccountController.subscribeKey('balanceSymbol', newBalanceSymbol => {
+                if (this.balanceSymbol !== newBalanceSymbol) {
+                    RouterController.goBack();
+                }
+            }),
+            NetworkController.subscribeKey('caipNetwork', newCaipNetwork => {
+                if (this.caipNetwork !== newCaipNetwork) {
+                    this.caipNetwork = newCaipNetwork;
+                }
+            }),
+            SwapController.subscribe(newState => {
+                this.approvalTransaction = newState.approvalTransaction;
+                this.swapTransaction = newState.swapTransaction;
+                this.sourceToken = newState.sourceToken;
+                this.gasPriceInUSD = newState.gasPriceInUSD;
+                this.toToken = newState.toToken;
+                this.gasPriceInUSD = newState.gasPriceInUSD;
+                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', 'l', 'l', 'l']} gap="s">
+        ${this.templateSwap()}
+      </wui-flex>
+    `;
+    }
+    refreshTransaction() {
+        this.interval = setInterval(() => {
+            if (!SwapController.getApprovalLoadingState()) {
+                SwapController.getTransaction();
+            }
+        }, 10000);
+    }
+    templateSwap() {
+        const sourceTokenText = `${UiHelperUtil.formatNumberToLocalString(parseFloat(this.sourceTokenAmount))} ${this.sourceToken?.symbol}`;
+        const toTokenText = `${UiHelperUtil.formatNumberToLocalString(parseFloat(this.toTokenAmount))} ${this.toToken?.symbol}`;
+        const sourceTokenValue = parseFloat(this.sourceTokenAmount) * this.sourceTokenPriceInUSD;
+        const toTokenValue = parseFloat(this.toTokenAmount) * this.toTokenPriceInUSD - (this.gasPriceInUSD || 0);
+        const sentPrice = UiHelperUtil.formatNumberToLocalString(sourceTokenValue);
+        const receivePrice = UiHelperUtil.formatNumberToLocalString(toTokenValue);
+        const loading = this.loadingQuote ||
+            this.loadingBuildTransaction ||
+            this.loadingTransaction ||
+            this.loadingApprovalTransaction;
+        return html `
+      <wui-flex flexDirection="column" alignItems="center" gap="l">
+        <wui-flex class="preview-container" flexDirection="column" alignItems="flex-start" gap="l">
+          <wui-flex
+            class="preview-token-details-container"
+            alignItems="center"
+            justifyContent="space-between"
+            gap="l"
+          >
+            <wui-flex flexDirection="column" alignItems="flex-start" gap="4xs">
+              <wui-text variant="small-400" color="fg-150">Send</wui-text>
+              <wui-text variant="paragraph-400" color="fg-100">$${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="fg-200" size="md"></wui-icon>
+          <wui-flex
+            class="preview-token-details-container"
+            alignItems="center"
+            justifyContent="space-between"
+            gap="l"
+          >
+            <wui-flex flexDirection="column" alignItems="flex-start" gap="4xs">
+              <wui-text variant="small-400" color="fg-150">Receive</wui-text>
+              <wui-text variant="paragraph-400" color="fg-100">$${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="xs">
+          <wui-icon size="sm" color="fg-200" name="infoCircle"></wui-icon>
+          <wui-text variant="small-400" color="fg-200">Review transaction carefully</wui-text>
+        </wui-flex>
+
+        <wui-flex
+          class="action-buttons-container"
+          flexDirection="row"
+          alignItems="center"
+          justifyContent="space-between"
+          gap="xs"
+        >
+          <wui-button
+            class="cancel-button"
+            fullWidth
+            size="lg"
+            borderRadius="xs"
+            variant="neutral"
+            @click=${this.onCancelTransaction.bind(this)}
+          >
+            <wui-text variant="paragraph-600" color="fg-200">Cancel</wui-text>
+          </wui-button>
+          <wui-button
+            class="action-button"
+            fullWidth
+            size="lg"
+            borderRadius="xs"
+            variant="main"
+            ?loading=${loading}
+            ?disabled=${loading}
+            @click=${this.onSendTransaction.bind(this)}
+          >
+            <wui-text variant="paragraph-600" color="inverse-100">
+              ${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, "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, "balanceSymbol", void 0);
+__decorate([
+    state()
+], W3mSwapPreviewView.prototype, "gasPriceInUSD", 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,137 @@
+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;
+  }
+
+  .preview-container,
+  .details-container {
+    width: 100%;
+  }
+
+  .token-image {
+    width: 24px;
+    height: 24px;
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+    border-radius: 12px;
+  }
+
+  wui-loading-hexagon {
+    position: absolute;
+  }
+
+  .token-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--wui-spacing-xxs);
+    padding: var(--wui-spacing-xs);
+    height: 40px;
+    border: none;
+    border-radius: 80px;
+    background: var(--wui-color-gray-glass-002);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    cursor: pointer;
+    transition: background 0.2s linear;
+  }
+
+  .token-item:hover {
+    background: var(--wui-color-gray-glass-005);
+  }
+
+  .preview-token-details-container {
+    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);
+  }
+
+  .action-buttons-container {
+    width: 100%;
+    gap: var(--wui-spacing-xs);
+  }
+
+  .action-buttons-container > button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    height: 48px;
+    border-radius: var(--wui-border-radius-xs);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  .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: 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-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,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsIjB,CAAA"}

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

@@ -0,0 +1,207 @@
+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, MathUtil } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { RouterController, SwapController } from '@reown/appkit-core';
+import { state } from 'lit/decorators.js';
+let W3mSwapSelectTokenView = class W3mSwapSelectTokenView extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.targetToken = RouterController.state.data?.target;
+        this.sourceToken = SwapController.state.sourceToken;
+        this.sourceTokenAmount = SwapController.state.sourceTokenAmount;
+        this.toToken = SwapController.state.toToken;
+        this.myTokensWithBalance = SwapController.state.myTokensWithBalance;
+        this.popularTokens = SwapController.state.popularTokens;
+        this.searchValue = '';
+        this.unsubscribe.push(...[
+            SwapController.subscribe(newState => {
+                this.sourceToken = newState.sourceToken;
+                this.toToken = newState.toToken;
+                this.myTokensWithBalance = newState.myTokensWithBalance;
+            })
+        ]);
+    }
+    updated() {
+        const suggestedTokensContainer = this.renderRoot?.querySelector('.suggested-tokens-container');
+        suggestedTokensContainer?.addEventListener('scroll', this.handleSuggestedTokensScroll.bind(this));
+        const tokensList = this.renderRoot?.querySelector('.tokens');
+        tokensList?.addEventListener('scroll', this.handleTokenListScroll.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        const suggestedTokensContainer = this.renderRoot?.querySelector('.suggested-tokens-container');
+        const tokensList = this.renderRoot?.querySelector('.tokens');
+        suggestedTokensContainer?.removeEventListener('scroll', this.handleSuggestedTokensScroll.bind(this));
+        tokensList?.removeEventListener('scroll', this.handleTokenListScroll.bind(this));
+        clearInterval(this.interval);
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" gap="s">
+        ${this.templateSearchInput()} ${this.templateSuggestedTokens()} ${this.templateTokens()}
+      </wui-flex>
+    `;
+    }
+    onSelectToken(token) {
+        if (this.targetToken === 'sourceToken') {
+            SwapController.setSourceToken(token);
+        }
+        else {
+            SwapController.setToToken(token);
+            if (this.sourceToken && this.sourceTokenAmount) {
+                SwapController.swapTokens();
+            }
+        }
+        RouterController.goBack();
+    }
+    templateSearchInput() {
+        return html `
+      <wui-flex .padding=${['3xs', 's', '0', 's']} gap="xs">
+        <wui-input-text
+          data-testid="swap-select-token-search-input"
+          class="network-search-input"
+          size="sm"
+          placeholder="Search token"
+          icon="search"
+          .value=${this.searchValue}
+          @inputChange=${this.onSearchInputChange.bind(this)}
+        ></wui-input-text>
+      </wui-flex>
+    `;
+    }
+    templateTokens() {
+        const yourTokens = this.myTokensWithBalance ? Object.values(this.myTokensWithBalance) : [];
+        const tokens = this.popularTokens ? this.popularTokens : [];
+        const filteredYourTokens = this.filterTokensWithText(yourTokens, this.searchValue);
+        const filteredTokens = this.filterTokensWithText(tokens, this.searchValue);
+        return html `
+      <wui-flex class="tokens-container">
+        <wui-flex class="tokens" .padding=${['0', 's', 's', 's']} flexDirection="column">
+          ${filteredYourTokens?.length > 0
+            ? html `
+                <wui-flex justifyContent="flex-start" padding="s">
+                  <wui-text variant="paragraph-500" color="fg-200">Your tokens</wui-text>
+                </wui-flex>
+                ${filteredYourTokens.map(token => {
+                const selected = token.symbol === this.sourceToken?.symbol ||
+                    token.symbol === this.toToken?.symbol;
+                return html `
+                    <wui-token-list-item
+                      data-testid="swap-select-token-item-${token.symbol}"
+                      name=${token.name}
+                      ?disabled=${selected}
+                      symbol=${token.symbol}
+                      price=${token?.price}
+                      amount=${token?.quantity?.numeric}
+                      imageSrc=${token.logoUri}
+                      @click=${() => {
+                    if (!selected) {
+                        this.onSelectToken(token);
+                    }
+                }}
+                    >
+                    </wui-token-list-item>
+                  `;
+            })}
+              `
+            : null}
+
+          <wui-flex justifyContent="flex-start" padding="s">
+            <wui-text variant="paragraph-500" color="fg-200">Tokens</wui-text>
+          </wui-flex>
+          ${filteredTokens?.length > 0
+            ? filteredTokens.map(token => html `
+                  <wui-token-list-item
+                    data-testid="swap-select-token-item-${token.symbol}"
+                    name=${token.name}
+                    symbol=${token.symbol}
+                    imageSrc=${token.logoUri}
+                    @click=${() => this.onSelectToken(token)}
+                  >
+                  </wui-token-list-item>
+                `)
+            : null}
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    templateSuggestedTokens() {
+        const tokens = SwapController.state.suggestedTokens
+            ? SwapController.state.suggestedTokens.slice(0, 8)
+            : null;
+        if (!tokens) {
+            return null;
+        }
+        return html `
+      <wui-flex class="suggested-tokens-container" .padding=${['0', 's', '0', 's']} gap="xs">
+        ${tokens.map(token => html `
+            <wui-token-button
+              text=${token.symbol}
+              imageSrc=${token.logoUri}
+              @click=${() => this.onSelectToken(token)}
+            >
+            </wui-token-button>
+          `)}
+      </wui-flex>
+    `;
+    }
+    onSearchInputChange(event) {
+        this.searchValue = event.detail;
+    }
+    handleSuggestedTokensScroll() {
+        const container = this.renderRoot?.querySelector('.suggested-tokens-container');
+        if (!container) {
+            return;
+        }
+        container.style.setProperty('--suggested-tokens-scroll--left-opacity', MathUtil.interpolate([0, 100], [0, 1], container.scrollLeft).toString());
+        container.style.setProperty('--suggested-tokens-scroll--right-opacity', MathUtil.interpolate([0, 100], [0, 1], container.scrollWidth - container.scrollLeft - container.offsetWidth).toString());
+    }
+    handleTokenListScroll() {
+        const container = this.renderRoot?.querySelector('.tokens');
+        if (!container) {
+            return;
+        }
+        container.style.setProperty('--tokens-scroll--top-opacity', MathUtil.interpolate([0, 100], [0, 1], container.scrollTop).toString());
+        container.style.setProperty('--tokens-scroll--bottom-opacity', MathUtil.interpolate([0, 100], [0, 1], container.scrollHeight - container.scrollTop - container.offsetHeight).toString());
+    }
+    filterTokensWithText(tokens, text) {
+        return tokens.filter(token => `${token.symbol} ${token.name} ${token.address}`.toLowerCase().includes(text.toLowerCase()));
+    }
+};
+W3mSwapSelectTokenView.styles = styles;
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "interval", void 0);
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "targetToken", void 0);
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "sourceToken", void 0);
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "sourceTokenAmount", void 0);
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "toToken", void 0);
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "myTokensWithBalance", void 0);
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "popularTokens", void 0);
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "searchValue", void 0);
+W3mSwapSelectTokenView = __decorate([
+    customElement('w3m-swap-select-token-view')
+], W3mSwapSelectTokenView);
+export { W3mSwapSelectTokenView };
+//# sourceMappingURL=index.js.map

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

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