@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-DyGir6_2.mjs

@@ -0,0 +1,675 @@
+import { i, f as i$1, x, c as resetStyles } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement, o, r } from "./if-defined-DjC5UMfF.mjs";
+import { T as TransactionUtil, D as DateUtil } from "./index-DLnxotbC.mjs";
+import "./index-42Rpweo5.mjs";
+import "./index-CcgeRPs2.mjs";
+import "./index--O5ypTeK.mjs";
+import { c as ChainController, o as TransactionsController, d as CoreHelperUtil, R as RouterController, O as OptionsController, E as EventsController, g as getPreferredAccountType, W as W3mFrameRpcConstants } from "./react-BWxe90Ar.mjs";
+var TransactionTypePastTense;
+(function(TransactionTypePastTense2) {
+  TransactionTypePastTense2["approve"] = "approved";
+  TransactionTypePastTense2["bought"] = "bought";
+  TransactionTypePastTense2["borrow"] = "borrowed";
+  TransactionTypePastTense2["burn"] = "burnt";
+  TransactionTypePastTense2["cancel"] = "canceled";
+  TransactionTypePastTense2["claim"] = "claimed";
+  TransactionTypePastTense2["deploy"] = "deployed";
+  TransactionTypePastTense2["deposit"] = "deposited";
+  TransactionTypePastTense2["execute"] = "executed";
+  TransactionTypePastTense2["mint"] = "minted";
+  TransactionTypePastTense2["receive"] = "received";
+  TransactionTypePastTense2["repay"] = "repaid";
+  TransactionTypePastTense2["send"] = "sent";
+  TransactionTypePastTense2["sell"] = "sold";
+  TransactionTypePastTense2["stake"] = "staked";
+  TransactionTypePastTense2["trade"] = "swapped";
+  TransactionTypePastTense2["unstake"] = "unstaked";
+  TransactionTypePastTense2["withdraw"] = "withdrawn";
+})(TransactionTypePastTense || (TransactionTypePastTense = {}));
+const styles$2 = i`
+  :host > wui-flex {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    width: 40px;
+    height: 40px;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  :host > wui-flex wui-image {
+    display: block;
+  }
+
+  :host > wui-flex,
+  :host > wui-flex wui-image,
+  .swap-images-container,
+  .swap-images-container.nft,
+  wui-image.nft {
+    border-top-left-radius: var(--local-left-border-radius);
+    border-top-right-radius: var(--local-right-border-radius);
+    border-bottom-left-radius: var(--local-left-border-radius);
+    border-bottom-right-radius: var(--local-right-border-radius);
+  }
+
+  wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    transform: translate(20%, 20%);
+  }
+
+  .swap-images-container {
+    position: relative;
+    width: 40px;
+    height: 40px;
+    overflow: hidden;
+  }
+
+  .swap-images-container wui-image:first-child {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    top: 0;
+    left: 0%;
+    clip-path: inset(0px calc(50% + 2px) 0px 0%);
+  }
+
+  .swap-images-container wui-image:last-child {
+    clip-path: inset(0px 0px 0px calc(50% + 2px));
+  }
+`;
+var __decorate$2 = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiTransactionVisual = class WuiTransactionVisual2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.images = [];
+    this.secondImage = {
+      type: void 0,
+      url: ""
+    };
+  }
+  render() {
+    const [firstImage, secondImage] = this.images;
+    const isLeftNFT = (firstImage == null ? void 0 : firstImage.type) === "NFT";
+    const isRightNFT = (secondImage == null ? void 0 : secondImage.url) ? secondImage.type === "NFT" : isLeftNFT;
+    const leftRadius = isLeftNFT ? "var(--wui-border-radius-xxs)" : "var(--wui-border-radius-s)";
+    const rightRadius = isRightNFT ? "var(--wui-border-radius-xxs)" : "var(--wui-border-radius-s)";
+    this.style.cssText = `
+    --local-left-border-radius: ${leftRadius};
+    --local-right-border-radius: ${rightRadius};
+    `;
+    return x`<wui-flex> ${this.templateVisual()} ${this.templateIcon()} </wui-flex>`;
+  }
+  templateVisual() {
+    const [firstImage, secondImage] = this.images;
+    const firstImageType = firstImage == null ? void 0 : firstImage.type;
+    const haveTwoImages = this.images.length === 2;
+    if (haveTwoImages && ((firstImage == null ? void 0 : firstImage.url) || (secondImage == null ? void 0 : secondImage.url))) {
+      return x`<div class="swap-images-container">
+        ${(firstImage == null ? void 0 : firstImage.url) ? x`<wui-image src=${firstImage.url} alt="Transaction image"></wui-image>` : null}
+        ${(secondImage == null ? void 0 : secondImage.url) ? x`<wui-image src=${secondImage.url} alt="Transaction image"></wui-image>` : null}
+      </div>`;
+    } else if (firstImage == null ? void 0 : firstImage.url) {
+      return x`<wui-image src=${firstImage.url} alt="Transaction image"></wui-image>`;
+    } else if (firstImageType === "NFT") {
+      return x`<wui-icon size="inherit" color="fg-200" name="nftPlaceholder"></wui-icon>`;
+    }
+    return x`<wui-icon size="inherit" color="fg-200" name="coinPlaceholder"></wui-icon>`;
+  }
+  templateIcon() {
+    let color = "accent-100";
+    let icon = void 0;
+    icon = this.getIcon();
+    if (this.status) {
+      color = this.getStatusColor();
+    }
+    if (!icon) {
+      return null;
+    }
+    return x`
+      <wui-icon-box
+        size="xxs"
+        iconColor=${color}
+        backgroundColor=${color}
+        background="opaque"
+        icon=${icon}
+        ?border=${true}
+        borderColor="wui-color-bg-125"
+      ></wui-icon-box>
+    `;
+  }
+  getDirectionIcon() {
+    switch (this.direction) {
+      case "in":
+        return "arrowBottom";
+      case "out":
+        return "arrowTop";
+      default:
+        return void 0;
+    }
+  }
+  getIcon() {
+    if (this.onlyDirectionIcon) {
+      return this.getDirectionIcon();
+    }
+    if (this.type === "trade") {
+      return "swapHorizontalBold";
+    } else if (this.type === "approve") {
+      return "checkmark";
+    } else if (this.type === "cancel") {
+      return "close";
+    }
+    return this.getDirectionIcon();
+  }
+  getStatusColor() {
+    switch (this.status) {
+      case "confirmed":
+        return "success-100";
+      case "failed":
+        return "error-100";
+      case "pending":
+        return "inverse-100";
+      default:
+        return "accent-100";
+    }
+  }
+};
+WuiTransactionVisual.styles = [styles$2];
+__decorate$2([
+  n()
+], WuiTransactionVisual.prototype, "type", void 0);
+__decorate$2([
+  n()
+], WuiTransactionVisual.prototype, "status", void 0);
+__decorate$2([
+  n()
+], WuiTransactionVisual.prototype, "direction", void 0);
+__decorate$2([
+  n({ type: Boolean })
+], WuiTransactionVisual.prototype, "onlyDirectionIcon", void 0);
+__decorate$2([
+  n({ type: Array })
+], WuiTransactionVisual.prototype, "images", void 0);
+__decorate$2([
+  n({ type: Object })
+], WuiTransactionVisual.prototype, "secondImage", void 0);
+WuiTransactionVisual = __decorate$2([
+  customElement("wui-transaction-visual")
+], WuiTransactionVisual);
+const styles$1 = i`
+  :host > wui-flex:first-child {
+    align-items: center;
+    column-gap: var(--wui-spacing-s);
+    padding: 6.5px var(--wui-spacing-xs) 6.5px var(--wui-spacing-xs);
+    width: 100%;
+  }
+
+  :host > wui-flex:first-child wui-text:nth-child(1) {
+    text-transform: capitalize;
+  }
+
+  wui-transaction-visual {
+    width: 40px;
+    height: 40px;
+  }
+
+  wui-flex {
+    flex: 1;
+  }
+
+  :host wui-flex wui-flex {
+    overflow: hidden;
+  }
+
+  :host .description-container wui-text span {
+    word-break: break-all;
+  }
+
+  :host .description-container wui-text {
+    overflow: hidden;
+  }
+
+  :host .description-separator-icon {
+    margin: 0px 6px;
+  }
+
+  :host wui-text > span {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+`;
+var __decorate$1 = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiTransactionListItem = class WuiTransactionListItem2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.type = "approve";
+    this.onlyDirectionIcon = false;
+    this.images = [];
+    this.price = [];
+    this.amount = [];
+    this.symbol = [];
+  }
+  render() {
+    return x`
+      <wui-flex>
+        <wui-transaction-visual
+          .status=${this.status}
+          direction=${o(this.direction)}
+          type=${this.type}
+          onlyDirectionIcon=${o(this.onlyDirectionIcon)}
+          .images=${this.images}
+        ></wui-transaction-visual>
+        <wui-flex flexDirection="column" gap="3xs">
+          <wui-text variant="paragraph-600" color="fg-100">
+            ${TransactionTypePastTense[this.type] || this.type}
+          </wui-text>
+          <wui-flex class="description-container">
+            ${this.templateDescription()} ${this.templateSecondDescription()}
+          </wui-flex>
+        </wui-flex>
+        <wui-text variant="micro-700" color="fg-300"><span>${this.date}</span></wui-text>
+      </wui-flex>
+    `;
+  }
+  templateDescription() {
+    var _a;
+    const description = (_a = this.descriptions) == null ? void 0 : _a[0];
+    return description ? x`
+          <wui-text variant="small-500" color="fg-200">
+            <span>${description}</span>
+          </wui-text>
+        ` : null;
+  }
+  templateSecondDescription() {
+    var _a;
+    const description = (_a = this.descriptions) == null ? void 0 : _a[1];
+    return description ? x`
+          <wui-icon class="description-separator-icon" size="xxs" name="arrowRight"></wui-icon>
+          <wui-text variant="small-400" color="fg-200">
+            <span>${description}</span>
+          </wui-text>
+        ` : null;
+  }
+};
+WuiTransactionListItem.styles = [resetStyles, styles$1];
+__decorate$1([
+  n()
+], WuiTransactionListItem.prototype, "type", void 0);
+__decorate$1([
+  n({ type: Array })
+], WuiTransactionListItem.prototype, "descriptions", void 0);
+__decorate$1([
+  n()
+], WuiTransactionListItem.prototype, "date", void 0);
+__decorate$1([
+  n({ type: Boolean })
+], WuiTransactionListItem.prototype, "onlyDirectionIcon", void 0);
+__decorate$1([
+  n()
+], WuiTransactionListItem.prototype, "status", void 0);
+__decorate$1([
+  n()
+], WuiTransactionListItem.prototype, "direction", void 0);
+__decorate$1([
+  n({ type: Array })
+], WuiTransactionListItem.prototype, "images", void 0);
+__decorate$1([
+  n({ type: Array })
+], WuiTransactionListItem.prototype, "price", void 0);
+__decorate$1([
+  n({ type: Array })
+], WuiTransactionListItem.prototype, "amount", void 0);
+__decorate$1([
+  n({ type: Array })
+], WuiTransactionListItem.prototype, "symbol", void 0);
+WuiTransactionListItem = __decorate$1([
+  customElement("wui-transaction-list-item")
+], WuiTransactionListItem);
+const styles = i`
+  :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%;
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+const PAGINATOR_ID = "last-transaction";
+const LOADING_ITEM_COUNT = 7;
+let W3mActivityList = class W3mActivityList2 extends i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.paginationObserver = void 0;
+    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 x` ${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) => {
+        var _a;
+        const groupTitle = TransactionUtil.getTransactionGroupTitle(yearInt, idx);
+        const transactions = (_a = this.transactionsByYear[yearInt]) == null ? void 0 : _a[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 x`
+          <wui-flex
+            flexDirection="column"
+            class="group-container"
+            last-group="${isLastGroup ? "true" : "false"}"
+            data-testid="month-indexes"
+          >
+            <wui-flex
+              alignItems="center"
+              flexDirection="row"
+              .padding=${["xs", "s", "s", "s"]}
+            >
+              <wui-text variant="paragraph-500" color="fg-200" data-testid="group-title"
+                >${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 == null ? void 0 : transfers.length) > 1;
+    const haveTwoTransfers = (transfers == null ? void 0 : transfers.length) === 2;
+    if (haveTwoTransfers && !isAllNFT) {
+      return x`
+        <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 x` <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 x`
+      <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 x`${this.templateRenderTransaction(transaction, isLastTransaction)}`;
+    });
+  }
+  emptyStateActivity() {
+    return x`<wui-flex
+      class="emptyContainer"
+      flexGrow="1"
+      flexDirection="column"
+      justifyContent="center"
+      alignItems="center"
+      .padding=${["3xl", "xl", "3xl", "xl"]}
+      gap="xl"
+      data-testid="empty-activity-state"
+    >
+      <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 x`<wui-flex
+      class="contentContainer"
+      alignItems="center"
+      justifyContent="center"
+      flexDirection="column"
+      gap="l"
+      data-testid="empty-account-state"
+    >
+      <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 x`${this.emptyStateAccount()}`;
+    }
+    return x`${this.emptyStateActivity()}`;
+  }
+  templateLoading() {
+    if (this.page === "activity") {
+      return Array(LOADING_ITEM_COUNT).fill(x` <wui-transaction-list-item-loader></wui-transaction-list-item-loader> `).map((item) => item);
+    }
+    return null;
+  }
+  onReceiveClick() {
+    RouterController.push("WalletReceive");
+  }
+  createPaginationObserver() {
+    const activeChainNamespace = ChainController.state.activeChain;
+    const { projectId } = OptionsController.state;
+    this.paginationObserver = new IntersectionObserver(([element]) => {
+      if ((element == null ? void 0 : 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(activeChainNamespace) === W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+          }
+        });
+      }
+    }, {});
+    this.setPaginationObserver();
+  }
+  setPaginationObserver() {
+    var _a, _b, _c;
+    (_a = this.paginationObserver) == null ? void 0 : _a.disconnect();
+    const lastItem = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(`#${PAGINATOR_ID}`);
+    if (lastItem) {
+      (_c = this.paginationObserver) == null ? void 0 : _c.observe(lastItem);
+    }
+  }
+  getTransactionListItemProps(transaction) {
+    var _a, _b, _c, _d, _e;
+    const date = DateUtil.formatDate((_a = transaction == null ? void 0 : transaction.metadata) == null ? void 0 : _a.minedAt);
+    const descriptions = TransactionUtil.getTransactionDescriptions(transaction);
+    const transfers = transaction == null ? void 0 : transaction.transfers;
+    const transfer = (_b = transaction == null ? void 0 : transaction.transfers) == null ? void 0 : _b[0];
+    const isAllNFT = Boolean(transfer) && ((_c = transaction == null ? void 0 : transaction.transfers) == null ? void 0 : _c.every((item) => Boolean(item.nft_info)));
+    const images = TransactionUtil.getTransactionImages(transfers);
+    return {
+      date,
+      direction: transfer == null ? void 0 : transfer.direction,
+      descriptions,
+      isAllNFT,
+      images,
+      status: (_d = transaction.metadata) == null ? void 0 : _d.status,
+      transfers,
+      type: (_e = transaction.metadata) == null ? void 0 : _e.operationType
+    };
+  }
+};
+W3mActivityList.styles = styles;
+__decorate([
+  n()
+], W3mActivityList.prototype, "page", void 0);
+__decorate([
+  r()
+], W3mActivityList.prototype, "caipAddress", void 0);
+__decorate([
+  r()
+], W3mActivityList.prototype, "transactionsByYear", void 0);
+__decorate([
+  r()
+], W3mActivityList.prototype, "loading", void 0);
+__decorate([
+  r()
+], W3mActivityList.prototype, "empty", void 0);
+__decorate([
+  r()
+], W3mActivityList.prototype, "next", void 0);
+W3mActivityList = __decorate([
+  customElement("w3m-activity-list")
+], W3mActivityList);