@reown/appkit-scaffold-ui 0.0.3

package/dist/esm/src/partials/w3m-account-wallet-features-widget/index.js

@@ -0,0 +1,248 @@
+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 { AccountController, ModalController, NetworkController, AssetUtil, RouterController, CoreHelperUtil, ConstantsUtil as CoreConstantsUtil, EventsController, OptionsController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import styles from './styles.js';
+import { ConstantsUtil } from '../../utils/ConstantsUtil.js';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+const TABS = 3;
+const TABS_PADDING = 48;
+const MODAL_MOBILE_VIEW_PX = 430;
+let W3mAccountWalletFeaturesWidget = class W3mAccountWalletFeaturesWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.address = AccountController.state.address;
+        this.profileImage = AccountController.state.profileImage;
+        this.profileName = AccountController.state.profileName;
+        this.smartAccountDeployed = AccountController.state.smartAccountDeployed;
+        this.network = NetworkController.state.caipNetwork;
+        this.currentTab = AccountController.state.currentTab;
+        this.tokenBalance = AccountController.state.tokenBalance;
+        this.preferredAccountType = AccountController.state.preferredAccountType;
+        this.unsubscribe.push(...[
+            AccountController.subscribe(val => {
+                if (val.address) {
+                    this.address = val.address;
+                    this.profileImage = val.profileImage;
+                    this.profileName = val.profileName;
+                    this.currentTab = val.currentTab;
+                    this.tokenBalance = val.tokenBalance;
+                    this.smartAccountDeployed = val.smartAccountDeployed;
+                    this.preferredAccountType = val.preferredAccountType;
+                }
+                else {
+                    ModalController.close();
+                }
+            })
+        ], NetworkController.subscribeKey('caipNetwork', val => {
+            this.network = val;
+        }));
+        this.watchSwapValues();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        clearInterval(this.watchTokenBalance);
+    }
+    firstUpdated() {
+        AccountController.fetchTokenBalance();
+    }
+    render() {
+        if (!this.address) {
+            throw new Error('w3m-account-view: No account provided');
+        }
+        const networkImage = AssetUtil.getNetworkImage(this.network);
+        return html `<wui-flex
+      flexDirection="column"
+      .padding=${['0', 'xl', 'm', 'xl']}
+      alignItems="center"
+      gap="m"
+    >
+      ${this.network && html `<wui-network-icon .network=${this.network}></wui-network-icon>`}
+      ${this.activateAccountTemplate()}
+      <wui-profile-button
+        @click=${this.onProfileButtonClick.bind(this)}
+        address=${ifDefined(this.address)}
+        networkSrc=${ifDefined(networkImage)}
+        icon="chevronBottom"
+        avatarSrc=${ifDefined(this.profileImage ? this.profileImage : undefined)}
+        profileName=${this.profileName}
+        data-testid="w3m-profile-button"
+      ></wui-profile-button>
+      ${this.tokenBalanceTemplate()}
+      <wui-flex gap="s">
+        <w3m-tooltip-trigger text="Buy">
+          <wui-icon-button
+            data-testid="wallet-features-onramp-button"
+            @click=${this.onBuyClick.bind(this)}
+            icon="card"
+          ></wui-icon-button>
+        </w3m-tooltip-trigger>
+        ${this.swapsTemplate()}
+        <w3m-tooltip-trigger text="Receive">
+          <wui-icon-button
+            data-testid="wallet-features-receive-button"
+            @click=${this.onReceiveClick.bind(this)}
+            icon="arrowBottomCircle"
+          >
+          </wui-icon-button>
+        </w3m-tooltip-trigger>
+        <w3m-tooltip-trigger text="Send">
+          <wui-icon-button
+            data-testid="wallet-features-send-button"
+            @click=${this.onSendClick.bind(this)}
+            icon="send"
+          ></wui-icon-button>
+        </w3m-tooltip-trigger>
+      </wui-flex>
+
+      <wui-tabs
+        .onTabChange=${this.onTabChange.bind(this)}
+        .activeTab=${this.currentTab}
+        localTabWidth=${CoreHelperUtil.isMobile() && window.innerWidth < MODAL_MOBILE_VIEW_PX
+            ? `${(window.innerWidth - TABS_PADDING) / TABS}px`
+            : '104px'}
+        .tabs=${ConstantsUtil.ACCOUNT_TABS}
+      ></wui-tabs>
+      ${this.listContentTemplate()}
+    </wui-flex>`;
+    }
+    swapsTemplate() {
+        const { swaps } = OptionsController.state.features;
+        if (!swaps) {
+            return null;
+        }
+        return html `
+      <w3m-tooltip-trigger text="Swap">
+        <wui-icon-button
+          data-testid="wallet-features-swap-button"
+          @click=${this.onSwapClick.bind(this)}
+          icon="recycleHorizontal"
+        >
+        </wui-icon-button>
+      </w3m-tooltip-trigger>
+    `;
+    }
+    watchSwapValues() {
+        this.watchTokenBalance = setInterval(() => AccountController.fetchTokenBalance(), 10000);
+    }
+    listContentTemplate() {
+        if (this.currentTab === 0) {
+            return html `<w3m-account-tokens-widget></w3m-account-tokens-widget>`;
+        }
+        if (this.currentTab === 1) {
+            return html `<w3m-account-nfts-widget></w3m-account-nfts-widget>`;
+        }
+        if (this.currentTab === 2) {
+            return html `<w3m-account-activity-widget></w3m-account-activity-widget>`;
+        }
+        return html `<w3m-account-tokens-widget></w3m-account-tokens-widget>`;
+    }
+    tokenBalanceTemplate() {
+        if (this.tokenBalance && this.tokenBalance?.length >= 0) {
+            const value = CoreHelperUtil.calculateBalance(this.tokenBalance);
+            const { dollars = '0', pennies = '00' } = CoreHelperUtil.formatTokenBalance(value);
+            return html `<wui-balance dollars=${dollars} pennies=${pennies}></wui-balance>`;
+        }
+        return html `<wui-balance dollars="0" pennies="00"></wui-balance>`;
+    }
+    activateAccountTemplate() {
+        const smartAccountEnabled = NetworkController.checkIfSmartAccountEnabled();
+        if (!smartAccountEnabled ||
+            this.preferredAccountType !== W3mFrameRpcConstants.ACCOUNT_TYPES.EOA ||
+            this.smartAccountDeployed) {
+            return null;
+        }
+        return html ` <wui-promo
+      text=${'Activate your account'}
+      @click=${this.onUpdateToSmartAccount.bind(this)}
+      data-testid="activate-smart-account-promo"
+    ></wui-promo>`;
+    }
+    onTabChange(index) {
+        AccountController.setCurrentTab(index);
+    }
+    onProfileButtonClick() {
+        RouterController.push('Profile');
+    }
+    onBuyClick() {
+        RouterController.push('OnRampProviders');
+    }
+    onSwapClick() {
+        if (this.network?.id && !CoreConstantsUtil.SWAP_SUPPORTED_NETWORKS.includes(this.network?.id)) {
+            RouterController.push('UnsupportedChain', {
+                swapUnsupportedChain: true
+            });
+        }
+        else {
+            EventsController.sendEvent({
+                type: 'track',
+                event: 'OPEN_SWAP',
+                properties: {
+                    network: this.network?.id || '',
+                    isSmartAccount: AccountController.state.preferredAccountType ===
+                        W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+                }
+            });
+            RouterController.push('Swap');
+        }
+    }
+    onReceiveClick() {
+        RouterController.push('WalletReceive');
+    }
+    onSendClick() {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'OPEN_SEND',
+            properties: {
+                network: this.network?.id || '',
+                isSmartAccount: AccountController.state.preferredAccountType ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('WalletSend');
+    }
+    onUpdateToSmartAccount() {
+        RouterController.push('UpgradeToSmartAccount');
+    }
+};
+W3mAccountWalletFeaturesWidget.styles = styles;
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "watchTokenBalance", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "address", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "profileImage", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "profileName", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "smartAccountDeployed", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "currentTab", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "tokenBalance", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "preferredAccountType", void 0);
+W3mAccountWalletFeaturesWidget = __decorate([
+    customElement('w3m-account-wallet-features-widget')
+], W3mAccountWalletFeaturesWidget);
+export { W3mAccountWalletFeaturesWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-account-wallet-features-widget/index.js.map

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

package/dist/esm/src/partials/w3m-account-wallet-features-widget/styles.js

@@ -0,0 +1,38 @@
+import { css } from 'lit';
+export default css `
+  wui-flex {
+    width: 100%;
+  }
+
+  wui-promo {
+    position: absolute;
+    top: -32px;
+  }
+
+  wui-profile-button {
+    margin-top: calc(-1 * var(--wui-spacing-2l));
+  }
+
+  wui-promo + wui-profile-button {
+    margin-top: var(--wui-spacing-2l);
+  }
+
+  wui-tabs {
+    width: 100%;
+  }
+
+  .contentContainer {
+    height: 280px;
+  }
+
+  .contentContainer > wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: var(--wui-border-radius-xxs);
+  }
+
+  .contentContainer > .textContent {
+    width: 65%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-account-wallet-features-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-account-wallet-features-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCjB,CAAA"}

package/dist/esm/src/partials/w3m-activity-list/index.js

@@ -0,0 +1,312 @@
+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 { DateUtil } from '@reown/appkit-common';
+import { AccountController, EventsController, NetworkController, OptionsController, RouterController, TransactionsController } from '@reown/appkit-core';
+import { TransactionUtil, customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+import styles from './styles.js';
+const PAGINATOR_ID = 'last-transaction';
+const LOADING_ITEM_COUNT = 7;
+let W3mActivityList = class W3mActivityList extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.paginationObserver = undefined;
+        this.page = 'activity';
+        this.address = AccountController.state.address;
+        this.transactionsByYear = TransactionsController.state.transactionsByYear;
+        this.loading = TransactionsController.state.loading;
+        this.empty = TransactionsController.state.empty;
+        this.next = TransactionsController.state.next;
+        TransactionsController.clearCursor();
+        this.unsubscribe.push(...[
+            AccountController.subscribe(val => {
+                if (val.isConnected) {
+                    if (this.address !== val.address) {
+                        this.address = val.address;
+                        TransactionsController.resetTransactions();
+                        TransactionsController.fetchTransactions(val.address);
+                    }
+                }
+            }),
+            NetworkController.subscribeKey('caipNetwork', () => {
+                this.updateTransactionView();
+            }),
+            TransactionsController.subscribe(val => {
+                this.transactionsByYear = val.transactionsByYear;
+                this.loading = val.loading;
+                this.empty = val.empty;
+                this.next = val.next;
+            })
+        ]);
+    }
+    firstUpdated() {
+        this.updateTransactionView();
+        this.createPaginationObserver();
+    }
+    updated() {
+        this.setPaginationObserver();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html ` ${this.empty ? null : this.templateTransactionsByYear()}
+    ${this.loading ? this.templateLoading() : null}
+    ${!this.loading && this.empty ? this.templateEmpty() : null}`;
+    }
+    updateTransactionView() {
+        const currentNetwork = NetworkController.state.caipNetwork?.id;
+        const lastNetworkInView = TransactionsController.state.lastNetworkInView;
+        if (lastNetworkInView !== currentNetwork) {
+            TransactionsController.resetTransactions();
+            TransactionsController.fetchTransactions(this.address);
+        }
+        TransactionsController.setLastNetworkInView(currentNetwork);
+    }
+    templateTransactionsByYear() {
+        const sortedYearKeys = Object.keys(this.transactionsByYear).sort().reverse();
+        return sortedYearKeys.map(year => {
+            const yearInt = parseInt(year, 10);
+            const sortedMonthIndexes = new Array(12)
+                .fill(null)
+                .map((_, idx) => {
+                const groupTitle = TransactionUtil.getTransactionGroupTitle(yearInt, idx);
+                const transactions = this.transactionsByYear[yearInt]?.[idx];
+                return {
+                    groupTitle,
+                    transactions
+                };
+            })
+                .filter(({ transactions }) => transactions)
+                .reverse();
+            return sortedMonthIndexes.map(({ groupTitle, transactions }, index) => {
+                const isLastGroup = index === sortedMonthIndexes.length - 1;
+                if (!transactions) {
+                    return null;
+                }
+                return html `
+          <wui-flex
+            flexDirection="column"
+            class="group-container"
+            last-group="${isLastGroup ? 'true' : 'false'}"
+          >
+            <wui-flex
+              alignItems="center"
+              flexDirection="row"
+              .padding=${['xs', 's', 's', 's']}
+            >
+              <wui-text variant="paragraph-500" color="fg-200">${groupTitle}</wui-text>
+            </wui-flex>
+            <wui-flex flexDirection="column" gap="xs">
+              ${this.templateTransactions(transactions, isLastGroup)}
+            </wui-flex>
+          </wui-flex>
+        `;
+            });
+        });
+    }
+    templateRenderTransaction(transaction, isLastTransaction) {
+        const { date, descriptions, direction, isAllNFT, images, status, transfers, type } = this.getTransactionListItemProps(transaction);
+        const haveMultipleTransfers = transfers?.length > 1;
+        const haveTwoTransfers = transfers?.length === 2;
+        if (haveTwoTransfers && !isAllNFT) {
+            return html `
+        <wui-transaction-list-item
+          date=${date}
+          .direction=${direction}
+          id=${isLastTransaction && this.next ? PAGINATOR_ID : ''}
+          status=${status}
+          type=${type}
+          .images=${images}
+          .descriptions=${descriptions}
+        ></wui-transaction-list-item>
+      `;
+        }
+        if (haveMultipleTransfers) {
+            return transfers.map((transfer, index) => {
+                const description = TransactionUtil.getTransferDescription(transfer);
+                const isLastTransfer = isLastTransaction && index === transfers.length - 1;
+                return html ` <wui-transaction-list-item
+          date=${date}
+          direction=${transfer.direction}
+          id=${isLastTransfer && this.next ? PAGINATOR_ID : ''}
+          status=${status}
+          type=${type}
+          .onlyDirectionIcon=${true}
+          .images=${[images[index]]}
+          .descriptions=${[description]}
+        ></wui-transaction-list-item>`;
+            });
+        }
+        return html `
+      <wui-transaction-list-item
+        date=${date}
+        .direction=${direction}
+        id=${isLastTransaction && this.next ? PAGINATOR_ID : ''}
+        status=${status}
+        type=${type}
+        .images=${images}
+        .descriptions=${descriptions}
+      ></wui-transaction-list-item>
+    `;
+    }
+    templateTransactions(transactions, isLastGroup) {
+        return transactions.map((transaction, index) => {
+            const isLastTransaction = isLastGroup && index === transactions.length - 1;
+            return html `${this.templateRenderTransaction(transaction, isLastTransaction)}`;
+        });
+    }
+    emptyStateActivity() {
+        return html `<wui-flex
+      class="emptyContainer"
+      flexGrow="1"
+      flexDirection="column"
+      justifyContent="center"
+      alignItems="center"
+      .padding=${['3xl', 'xl', '3xl', 'xl']}
+      gap="xl"
+    >
+      <wui-icon-box
+        backgroundColor="gray-glass-005"
+        background="gray"
+        iconColor="fg-200"
+        icon="wallet"
+        size="lg"
+        ?border=${true}
+        borderColor="wui-color-bg-125"
+      ></wui-icon-box>
+      <wui-flex flexDirection="column" alignItems="center" gap="xs">
+        <wui-text align="center" variant="paragraph-500" color="fg-100"
+          >No Transactions yet</wui-text
+        >
+        <wui-text align="center" variant="small-500" color="fg-200"
+          >Start trading on dApps <br />
+          to grow your wallet!</wui-text
+        >
+      </wui-flex>
+    </wui-flex>`;
+    }
+    emptyStateAccount() {
+        return html `<wui-flex
+      class="contentContainer"
+      alignItems="center"
+      justifyContent="center"
+      flexDirection="column"
+      gap="l"
+    >
+      <wui-icon-box
+        icon="swapHorizontal"
+        size="inherit"
+        iconColor="fg-200"
+        backgroundColor="fg-200"
+        iconSize="lg"
+      ></wui-icon-box>
+      <wui-flex
+        class="textContent"
+        gap="xs"
+        flexDirection="column"
+        justifyContent="center"
+        flexDirection="column"
+      >
+        <wui-text variant="paragraph-500" align="center" color="fg-100">No activity yet</wui-text>
+        <wui-text variant="small-400" align="center" color="fg-200"
+          >Your next transactions will appear here</wui-text
+        >
+      </wui-flex>
+      <wui-link @click=${this.onReceiveClick.bind(this)}>Trade</wui-link>
+    </wui-flex>`;
+    }
+    templateEmpty() {
+        if (this.page === 'account') {
+            return html `${this.emptyStateAccount()}`;
+        }
+        return html `${this.emptyStateActivity()}`;
+    }
+    templateLoading() {
+        if (this.page === 'activity') {
+            return Array(LOADING_ITEM_COUNT)
+                .fill(html ` <wui-transaction-list-item-loader></wui-transaction-list-item-loader> `)
+                .map(item => item);
+        }
+        return null;
+    }
+    onReceiveClick() {
+        RouterController.push('WalletReceive');
+    }
+    createPaginationObserver() {
+        const { projectId } = OptionsController.state;
+        this.paginationObserver = new IntersectionObserver(([element]) => {
+            if (element?.isIntersecting && !this.loading) {
+                TransactionsController.fetchTransactions(this.address);
+                EventsController.sendEvent({
+                    type: 'track',
+                    event: 'LOAD_MORE_TRANSACTIONS',
+                    properties: {
+                        address: this.address,
+                        projectId,
+                        cursor: this.next,
+                        isSmartAccount: AccountController.state.preferredAccountType ===
+                            W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+                    }
+                });
+            }
+        }, {});
+        this.setPaginationObserver();
+    }
+    setPaginationObserver() {
+        this.paginationObserver?.disconnect();
+        const lastItem = this.shadowRoot?.querySelector(`#${PAGINATOR_ID}`);
+        if (lastItem) {
+            this.paginationObserver?.observe(lastItem);
+        }
+    }
+    getTransactionListItemProps(transaction) {
+        const date = DateUtil.formatDate(transaction?.metadata?.minedAt);
+        const descriptions = TransactionUtil.getTransactionDescriptions(transaction);
+        const transfers = transaction?.transfers;
+        const transfer = transaction?.transfers?.[0];
+        const isAllNFT = Boolean(transfer) && transaction?.transfers?.every(item => Boolean(item.nft_info));
+        const images = TransactionUtil.getTransactionImages(transfers);
+        return {
+            date,
+            direction: transfer?.direction,
+            descriptions,
+            isAllNFT,
+            images,
+            status: transaction.metadata?.status,
+            transfers,
+            type: transaction.metadata?.operationType
+        };
+    }
+};
+W3mActivityList.styles = styles;
+__decorate([
+    property()
+], W3mActivityList.prototype, "page", void 0);
+__decorate([
+    state()
+], W3mActivityList.prototype, "address", void 0);
+__decorate([
+    state()
+], W3mActivityList.prototype, "transactionsByYear", void 0);
+__decorate([
+    state()
+], W3mActivityList.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mActivityList.prototype, "empty", void 0);
+__decorate([
+    state()
+], W3mActivityList.prototype, "next", void 0);
+W3mActivityList = __decorate([
+    customElement('w3m-activity-list')
+], W3mActivityList);
+export { W3mActivityList };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-activity-list/index.js.map

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

package/dist/esm/src/partials/w3m-activity-list/styles.js

@@ -0,0 +1,29 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    min-height: 100%;
+  }
+
+  .group-container[last-group='true'] {
+    padding-bottom: var(--wui-spacing-m);
+  }
+
+  .contentContainer {
+    height: 280px;
+  }
+
+  .contentContainer > wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: var(--wui-border-radius-xxs);
+  }
+
+  .contentContainer > .textContent {
+    width: 65%;
+  }
+
+  .emptyContainer {
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-activity-list/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-activity-list/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjB,CAAA"}