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

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

@@ -0,0 +1,328 @@
+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 as CommonConstantsUtil } from '@reown/appkit-common';
+import { ChainController, ConnectorController, ConnectorUtil, ConstantsUtil as CoreConstantsUtil, CoreHelperUtil, EventsController, ExchangeController, ModalController, OptionsController, RouterController, StorageUtil, getPreferredAccountType } from '@reown/appkit-controllers';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-balance';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-tabs';
+import '@reown/appkit-ui/wui-tooltip';
+import '@reown/appkit-ui/wui-wallet-switch';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+import { HelpersUtil } from '../../utils/HelpersUtil.js';
+import '../w3m-account-activity-widget/index.js';
+import '../w3m-account-tokens-widget/index.js';
+import '../w3m-tooltip-trigger/index.js';
+import '../w3m-tooltip/index.js';
+import styles from './styles.js';
+let W3mAccountWalletFeaturesWidget = class W3mAccountWalletFeaturesWidget extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.unsubscribe = [];
+        this.network = ChainController.state.activeCaipNetwork;
+        this.profileName = ChainController.getAccountData()?.profileName;
+        this.address = ChainController.getAccountData()?.address;
+        this.currentTab = ChainController.getAccountData()?.currentTab;
+        this.tokenBalance = ChainController.getAccountData()?.tokenBalance;
+        this.features = OptionsController.state.features;
+        this.namespace = ChainController.state.activeChain;
+        this.activeConnectorIds = ConnectorController.state.activeConnectorIds;
+        this.remoteFeatures = OptionsController.state.remoteFeatures;
+    }
+    firstUpdated() {
+        ChainController.fetchTokenBalance();
+        this.unsubscribe.push(...[
+            ChainController.subscribeChainProp('accountState', val => {
+                if (val?.address) {
+                    this.address = val.address;
+                    this.profileName = val.profileName;
+                    this.currentTab = val.currentTab;
+                    this.tokenBalance = val.tokenBalance;
+                }
+                else {
+                    ModalController.close();
+                }
+            })
+        ], ConnectorController.subscribeKey('activeConnectorIds', newActiveConnectorIds => {
+            this.activeConnectorIds = newActiveConnectorIds;
+        }), ChainController.subscribeKey('activeChain', val => (this.namespace = val)), ChainController.subscribeKey('activeCaipNetwork', val => (this.network = val)), OptionsController.subscribeKey('features', val => (this.features = val)), OptionsController.subscribeKey('remoteFeatures', val => (this.remoteFeatures = val)));
+        this.watchSwapValues();
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        clearInterval(this.watchTokenBalance);
+    }
+    render() {
+        if (!this.address) {
+            throw new Error('w3m-account-features-widget: No account provided');
+        }
+        if (!this.namespace) {
+            return null;
+        }
+        const connectorId = this.activeConnectorIds[this.namespace];
+        const connector = connectorId ? ConnectorController.getConnectorById(connectorId) : undefined;
+        const { icon, iconSize } = this.getAuthData();
+        return html `<wui-flex
+      flexDirection="column"
+      .padding=${['0', '3', '4', '3']}
+      alignItems="center"
+      gap="4"
+      data-testid="w3m-account-wallet-features-widget"
+    >
+      <wui-flex flexDirection="column" justifyContent="center" alignItems="center" gap="2">
+        <wui-wallet-switch
+          profileName=${this.profileName}
+          address=${this.address}
+          icon=${icon}
+          iconSize=${iconSize}
+          alt=${connector?.name}
+          @click=${this.onGoToProfileWalletsView.bind(this)}
+          data-testid="wui-wallet-switch"
+        ></wui-wallet-switch>
+
+        ${this.tokenBalanceTemplate()}
+      </wui-flex>
+      ${this.orderedWalletFeatures()} ${this.tabsTemplate()} ${this.listContentTemplate()}
+    </wui-flex>`;
+    }
+    orderedWalletFeatures() {
+        const walletFeaturesOrder = this.features?.walletFeaturesOrder || CoreConstantsUtil.DEFAULT_FEATURES.walletFeaturesOrder;
+        const isAllDisabled = walletFeaturesOrder.every(feature => {
+            if (feature === 'send' || feature === 'receive') {
+                return !this.features?.[feature];
+            }
+            if (feature === 'swaps' || feature === 'onramp') {
+                return !this.remoteFeatures?.[feature];
+            }
+            return true;
+        });
+        if (isAllDisabled) {
+            return null;
+        }
+        const mergedFeaturesOrder = walletFeaturesOrder.map(feature => {
+            if (feature === 'receive' || feature === 'onramp') {
+                return 'fund';
+            }
+            return feature;
+        });
+        const deduplicatedFeaturesOrder = [...new Set(mergedFeaturesOrder)];
+        return html `<wui-flex gap="2">
+      ${deduplicatedFeaturesOrder.map(feature => {
+            switch (feature) {
+                case 'fund':
+                    return this.fundWalletTemplate();
+                case 'swaps':
+                    return this.swapsTemplate();
+                case 'send':
+                    return this.sendTemplate();
+                default:
+                    return null;
+            }
+        })}
+    </wui-flex>`;
+    }
+    fundWalletTemplate() {
+        if (!this.namespace) {
+            return null;
+        }
+        const isOnrampSupported = CoreConstantsUtil.ONRAMP_SUPPORTED_CHAIN_NAMESPACES.includes(this.namespace);
+        const isReceiveEnabled = this.features?.receive;
+        const isOnrampEnabled = this.remoteFeatures?.onramp && isOnrampSupported;
+        const isPayWithExchangeEnabled = ExchangeController.isPayWithExchangeEnabled();
+        if (!isOnrampEnabled && !isReceiveEnabled && !isPayWithExchangeEnabled) {
+            return null;
+        }
+        return html `
+      <w3m-tooltip-trigger text="Fund wallet">
+        <wui-button
+          data-testid="wallet-features-fund-wallet-button"
+          @click=${this.onFundWalletClick.bind(this)}
+          variant="accent-secondary"
+          size="lg"
+          fullWidth
+        >
+          <wui-icon name="dollar"></wui-icon>
+        </wui-button>
+      </w3m-tooltip-trigger>
+    `;
+    }
+    swapsTemplate() {
+        const isSwapsEnabled = this.remoteFeatures?.swaps;
+        const isEvm = ChainController.state.activeChain === CommonConstantsUtil.CHAIN.EVM;
+        if (!isSwapsEnabled || !isEvm) {
+            return null;
+        }
+        return html `
+      <w3m-tooltip-trigger text="Swap">
+        <wui-button
+          fullWidth
+          data-testid="wallet-features-swaps-button"
+          @click=${this.onSwapClick.bind(this)}
+          variant="accent-secondary"
+          size="lg"
+        >
+          <wui-icon name="recycleHorizontal"></wui-icon>
+        </wui-button>
+      </w3m-tooltip-trigger>
+    `;
+    }
+    sendTemplate() {
+        const isSendEnabled = this.features?.send;
+        const activeNamespace = ChainController.state.activeChain;
+        const isSendSupported = CoreConstantsUtil.SEND_SUPPORTED_NAMESPACES.includes(activeNamespace);
+        if (!isSendEnabled || !isSendSupported) {
+            return null;
+        }
+        return html `
+      <w3m-tooltip-trigger text="Send">
+        <wui-button
+          fullWidth
+          data-testid="wallet-features-send-button"
+          @click=${this.onSendClick.bind(this)}
+          variant="accent-secondary"
+          size="lg"
+        >
+          <wui-icon name="send"></wui-icon>
+        </wui-button>
+      </w3m-tooltip-trigger>
+    `;
+    }
+    watchSwapValues() {
+        this.watchTokenBalance = setInterval(() => ChainController.fetchTokenBalance(error => this.onTokenBalanceError(error)), 10_000);
+    }
+    onTokenBalanceError(error) {
+        if (error instanceof Error && error.cause instanceof Response) {
+            const statusCode = error.cause.status;
+            if (statusCode === CommonConstantsUtil.HTTP_STATUS_CODES.SERVICE_UNAVAILABLE) {
+                clearInterval(this.watchTokenBalance);
+            }
+        }
+    }
+    listContentTemplate() {
+        if (this.currentTab === 0) {
+            return html `<w3m-account-tokens-widget></w3m-account-tokens-widget>`;
+        }
+        if (this.currentTab === 1) {
+            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>`;
+    }
+    tabsTemplate() {
+        const tabsByNamespace = HelpersUtil.getTabsByNamespace(ChainController.state.activeChain);
+        if (tabsByNamespace.length === 0) {
+            return null;
+        }
+        return html `<wui-tabs
+      .onTabChange=${this.onTabChange.bind(this)}
+      .activeTab=${this.currentTab}
+      .tabs=${tabsByNamespace}
+    ></wui-tabs>`;
+    }
+    onTabChange(index) {
+        ChainController.setAccountProp('currentTab', index, this.namespace);
+    }
+    onFundWalletClick() {
+        RouterController.push('FundWallet');
+    }
+    onSwapClick() {
+        if (this.network?.caipNetworkId &&
+            !CoreConstantsUtil.SWAP_SUPPORTED_NETWORKS.includes(this.network?.caipNetworkId)) {
+            RouterController.push('UnsupportedChain', {
+                swapUnsupportedChain: true
+            });
+        }
+        else {
+            EventsController.sendEvent({
+                type: 'track',
+                event: 'OPEN_SWAP',
+                properties: {
+                    network: this.network?.caipNetworkId || '',
+                    isSmartAccount: getPreferredAccountType(ChainController.state.activeChain) ===
+                        W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+                }
+            });
+            RouterController.push('Swap');
+        }
+    }
+    getAuthData() {
+        const socialProvider = StorageUtil.getConnectedSocialProvider();
+        const socialUsername = StorageUtil.getConnectedSocialUsername();
+        const authConnector = ConnectorController.getAuthConnector();
+        const email = authConnector?.provider.getEmail() ?? '';
+        return {
+            name: ConnectorUtil.getAuthName({
+                email,
+                socialUsername,
+                socialProvider
+            }),
+            icon: socialProvider ?? 'mail',
+            iconSize: socialProvider ? 'xl' : 'md'
+        };
+    }
+    onGoToProfileWalletsView() {
+        RouterController.push('ProfileWallets');
+    }
+    onSendClick() {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'OPEN_SEND',
+            properties: {
+                network: this.network?.caipNetworkId || '',
+                isSmartAccount: getPreferredAccountType(ChainController.state.activeChain) ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('WalletSend');
+    }
+};
+W3mAccountWalletFeaturesWidget.styles = styles;
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "watchTokenBalance", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "profileName", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "address", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "currentTab", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "tokenBalance", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "features", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "namespace", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "activeConnectorIds", void 0);
+__decorate([
+    state()
+], W3mAccountWalletFeaturesWidget.prototype, "remoteFeatures", 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 '@reown/appkit-ui';
+export default css `
+  wui-flex {
+    width: 100%;
+  }
+
+  wui-promo {
+    position: absolute;
+    top: -32px;
+  }
+
+  wui-profile-button {
+    margin-top: calc(-1 * ${({ spacing }) => spacing['4']});
+  }
+
+  wui-promo + wui-profile-button {
+    margin-top: ${({ spacing }) => spacing['4']};
+  }
+
+  wui-tabs {
+    width: 100%;
+  }
+
+  .contentContainer {
+    height: 280px;
+  }
+
+  .contentContainer > wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: ${({ borderRadius }) => borderRadius['3']};
+  }
+
+  .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,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;4BAWU,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;kBAIvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;qBAc1B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;;;;;;CAM3D,CAAA"}

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

@@ -0,0 +1,281 @@
+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 { property, state } from 'lit/decorators.js';
+import { DateUtil } from '@reown/appkit-common';
+import { ChainController, CoreHelperUtil, EventsController, OptionsController, RouterController, TransactionsController, getPreferredAccountType } from '@reown/appkit-controllers';
+import { TransactionUtil, customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-text';
+import '@reown/appkit-ui/wui-transaction-list-item';
+import '@reown/appkit-ui/wui-transaction-list-item-loader';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet/utils';
+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.caipAddress = ChainController.state.activeCaipAddress;
+        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(...[
+            ChainController.subscribeKey('activeCaipAddress', val => {
+                if (val) {
+                    if (this.caipAddress !== val) {
+                        TransactionsController.resetTransactions();
+                        TransactionsController.fetchTransactions(val);
+                    }
+                }
+                this.caipAddress = val;
+            }),
+            ChainController.subscribeKey('activeCaipNetwork', () => {
+                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() {
+        TransactionsController.resetTransactions();
+        if (this.caipAddress) {
+            TransactionsController.fetchTransactions(CoreHelperUtil.getPlainAddress(this.caipAddress));
+        }
+    }
+    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'}"
+            data-testid="month-indexes"
+          >
+            <wui-flex
+              alignItems="center"
+              flexDirection="row"
+              .padding=${['2', '3', '3', '3']}
+            >
+              <wui-text variant="md-medium" color="secondary" data-testid="group-title">
+                ${groupTitle}
+              </wui-text>
+            </wui-flex>
+            <wui-flex flexDirection="column" gap="2">
+              ${this.templateTransactions(transactions, isLastGroup)}
+            </wui-flex>
+          </wui-flex>
+        `;
+            });
+        });
+    }
+    templateRenderTransaction(transaction, isLastTransaction) {
+        const { date, descriptions, direction, images, status, type, transfers, isAllNFT } = this.getTransactionListItemProps(transaction);
+        return html `
+      <wui-transaction-list-item
+        date=${date}
+        .direction=${direction}
+        id=${isLastTransaction && this.next ? PAGINATOR_ID : ''}
+        status=${status}
+        type=${type}
+        .images=${images}
+        .onlyDirectionIcon=${isAllNFT || transfers.length === 1}
+        .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=${['10', '5', '10', '5']}
+      gap="5"
+      data-testid="empty-activity-state"
+    >
+      <wui-icon-box color="default" icon="wallet" size="xl"></wui-icon-box>
+      <wui-flex flexDirection="column" alignItems="center" gap="2">
+        <wui-text align="center" variant="lg-medium" color="primary">No Transactions yet</wui-text>
+        <wui-text align="center" variant="lg-regular" color="secondary"
+          >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="4"
+      data-testid="empty-account-state"
+    >
+      <wui-icon-box icon="swapHorizontal" size="lg" color="default"></wui-icon-box>
+      <wui-flex
+        class="textContent"
+        gap="2"
+        flexDirection="column"
+        justifyContent="center"
+        flexDirection="column"
+      >
+        <wui-text variant="md-regular" align="center" color="primary">No activity yet</wui-text>
+        <wui-text variant="sm-regular" align="center" color="secondary"
+          >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 html ` <wui-flex flexDirection="column" width="100%">
+        <wui-flex .padding=${['2', '3', '3', '3']}>
+          <wui-shimmer width="70px" height="16px" rounded></wui-shimmer>
+        </wui-flex>
+        <wui-flex flexDirection="column" gap="2" width="100%">
+          ${Array(LOADING_ITEM_COUNT)
+                .fill(html ` <wui-transaction-list-item-loader></wui-transaction-list-item-loader> `)
+                .map(item => item)}
+        </wui-flex>
+      </wui-flex>`;
+        }
+        return null;
+    }
+    onReceiveClick() {
+        RouterController.push('WalletReceive');
+    }
+    createPaginationObserver() {
+        const { projectId } = OptionsController.state;
+        this.paginationObserver = new IntersectionObserver(([element]) => {
+            if (element?.isIntersecting && !this.loading) {
+                TransactionsController.fetchTransactions(CoreHelperUtil.getPlainAddress(this.caipAddress));
+                EventsController.sendEvent({
+                    type: 'track',
+                    event: 'LOAD_MORE_TRANSACTIONS',
+                    properties: {
+                        address: CoreHelperUtil.getPlainAddress(this.caipAddress),
+                        projectId,
+                        cursor: this.next,
+                        isSmartAccount: getPreferredAccountType(ChainController.state.activeChain) ===
+                            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 transfers = TransactionUtil.mergeTransfers(transaction?.transfers || []);
+        const descriptions = TransactionUtil.getTransactionDescriptions(transaction, transfers);
+        const transfer = transfers?.[0];
+        const isAllNFT = Boolean(transfer) && 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, "caipAddress", 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