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

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

@@ -0,0 +1,267 @@
+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 { RouterController, SwapController } from '@reown/appkit-controllers';
+import { MathUtil, 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-input-text';
+import '@reown/appkit-ui/wui-text';
+import '@reown/appkit-ui/wui-token-button';
+import '@reown/appkit-ui/wui-token-list-item';
+import '@reown/appkit-ui/wui-token-list-item-loader';
+import styles from './styles.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.suggestedTokens = SwapController.state.suggestedTokens;
+        this.tokensLoading = SwapController.state.tokensLoading;
+        this.searchValue = '';
+        this.unsubscribe.push(SwapController.subscribe(newState => {
+            this.sourceToken = newState.sourceToken;
+            this.toToken = newState.toToken;
+            this.myTokensWithBalance = newState.myTokensWithBalance;
+            this.popularTokens = newState.popularTokens;
+            this.suggestedTokens = newState.suggestedTokens;
+            this.tokensLoading = newState.tokensLoading;
+        }));
+    }
+    async firstUpdated() {
+        await SwapController.getTokenList();
+    }
+    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="3">
+        ${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=${['1', '3', '0', '3']} gap="2">
+        <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>
+    `;
+    }
+    templateMyTokens() {
+        const yourTokens = this.myTokensWithBalance ? Object.values(this.myTokensWithBalance) : [];
+        const filteredYourTokens = this.filterTokensWithText(yourTokens, this.searchValue);
+        if (filteredYourTokens?.length > 0) {
+            return html `<wui-flex justifyContent="flex-start" padding="2">
+          <wui-text variant="md-medium" color="secondary">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>
+          `;
+            })}`;
+        }
+        return null;
+    }
+    templateAllTokens() {
+        const tokens = this.popularTokens ? this.popularTokens : [];
+        const filteredTokens = this.filterTokensWithText(tokens, this.searchValue);
+        if (this.tokensLoading) {
+            return html `
+        <wui-token-list-item-loader></wui-token-list-item-loader>
+        <wui-token-list-item-loader></wui-token-list-item-loader>
+        <wui-token-list-item-loader></wui-token-list-item-loader>
+        <wui-token-list-item-loader></wui-token-list-item-loader>
+        <wui-token-list-item-loader></wui-token-list-item-loader>
+      `;
+        }
+        if (filteredTokens?.length > 0) {
+            return html `
+        ${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>
+          `)}
+      `;
+        }
+        return null;
+    }
+    templateTokens() {
+        return html `
+      <wui-flex class="tokens-container">
+        <wui-flex class="tokens" .padding=${['0', '2', '2', '2']} flexDirection="column">
+          ${this.templateMyTokens()}
+          <wui-flex justifyContent="flex-start" padding="3">
+            <wui-text variant="md-medium" color="secondary">Tokens</wui-text>
+          </wui-flex>
+          ${this.templateAllTokens()}
+        </wui-flex>
+      </wui-flex>
+    `;
+    }
+    templateSuggestedTokens() {
+        const tokens = this.suggestedTokens ? this.suggestedTokens.slice(0, 8) : null;
+        if (this.tokensLoading) {
+            return html `
+        <wui-flex
+          class="suggested-tokens-container"
+          .padding=${['0', '3', '0', '3']}
+          gap="2"
+        >
+          <wui-token-button loading></wui-token-button>
+          <wui-token-button loading></wui-token-button>
+          <wui-token-button loading></wui-token-button>
+          <wui-token-button loading></wui-token-button>
+          <wui-token-button loading></wui-token-button>
+        </wui-flex>
+      `;
+        }
+        if (!tokens) {
+            return null;
+        }
+        return html `
+      <wui-flex
+        class="suggested-tokens-container"
+        .padding=${['0', '3', '0', '3']}
+        gap="2"
+      >
+        ${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()))
+            .sort((a, b) => {
+            const aText = `${a.symbol} ${a.name} ${a.address}`.toLowerCase();
+            const bText = `${b.symbol} ${b.name} ${b.address}`.toLowerCase();
+            const aIndex = aText.indexOf(text.toLowerCase());
+            const bIndex = bText.indexOf(text.toLowerCase());
+            return aIndex - bIndex;
+        });
+    }
+};
+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, "suggestedTokens", void 0);
+__decorate([
+    state()
+], W3mSwapSelectTokenView.prototype, "tokensLoading", 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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"}

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

@@ -0,0 +1,99 @@
+import { css } from '@reown/appkit-ui';
+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 ${({ tokens }) => tokens.core.glass010};
+    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: ${({ spacing }) => spacing['2']};
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.core.glass010};
+    background-color: transparent;
+    border-radius: ${({ borderRadius }) => borderRadius['3']};
+    padding: ${({ spacing }) => spacing['2']};
+    align-items: center;
+    transition: background-color ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color;
+  }
+
+  .select-network-button:hover {
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  .select-network-button > wui-image {
+    width: 26px;
+    height: 26px;
+    border-radius: ${({ borderRadius }) => borderRadius['4']};
+    box-shadow: inset 0 0 0 1px ${({ tokens }) => tokens.core.glass010};
+  }
+`;
+//# 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,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA2CU,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAgCrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;kCACN,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;qBAEjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;eAC7C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;mCAET,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;wBAK5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;qBAMjD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;kCAC1B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;CAErE,CAAA"}