@adyen/adyen-platform-experience-web 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/es/components/external/TransactionsOverview/components/TransactionsDisplay/TransactionsDisplay.js

@@ -1,85 +1,74 @@
-import '../../../../../../TransactionsDisplay.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import Modal from "../../../../internal/Modal/Modal.js";
-import { popoverUtil } from "../../../../internal/Popover/utils/popoverUtil.js";
-import Spinner from "../../../../internal/Spinner/Spinner.js";
-import useCoreContext from "../../../../../core/Context/useCoreContext.js";
-import useModalDetails from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import { U, M } from "../../../../../../compat.module-a4d537ff.mjs";
-import { F, T, p } from "../../../../../../hooks.module-8565d716.mjs";
-import { BASE_CLASS, SPINNER_CONTAINER_CLASS } from "./constants.js";
-import { TransactionsTable } from "../TransactionsTable/TransactionsTable.js";
-const TransactionsDisplay$1 = "";
-const ModalContent = M(() => import("../ModalContent.js"));
-const TransactionsDisplay = ({
-  availableCurrencies,
-  balanceAccountDescription,
-  error,
-  loading,
-  onContactSupport,
-  onTransactionSelected,
-  showDetails,
-  showPagination,
-  transactions,
-  ...paginationProps
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { popoverUtil as b } from "../../../../internal/Popover/utils/popoverUtil.js";
+import g from "../../../../../core/Context/useCoreContext.js";
+import A from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import { Suspense as E, lazy as O } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as c, useCallback as x, useEffect as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { BASE_CLASS as D, SPINNER_CONTAINER_CLASS as R } from "./constants.js";
+import "./TransactionsDisplay.scss.js";
+import { TransactionsTable as T } from "../TransactionsTable/TransactionsTable.js";
+import _ from "../../../../internal/Modal/Modal.js";
+import B from "../../../../internal/Spinner/Spinner.js";
+const I = O(() => import("../ModalContent.js")), J = ({
+  availableCurrencies: s,
+  balanceAccountDescription: a,
+  error: d,
+  loading: f,
+  onContactSupport: u,
+  onTransactionSelected: i,
+  showDetails: r,
+  showPagination: h,
+  transactions: C,
+  ...S
 }) => {
-  const { i18n } = useCoreContext();
-  const hasMultipleCurrencies = !!availableCurrencies && availableCurrencies.length > 1;
-  const transactionDetails = F(
+  const { i18n: e } = g(), M = !!s && s.length > 1, l = c(
     () => ({
-      showDetails: showDetails ?? true,
-      callback: onTransactionSelected
+      showDetails: r ?? !0,
+      callback: i
     }),
-    [showDetails, onTransactionSelected]
-  );
-  const modalOptions = F(() => ({ transaction: transactionDetails }), [transactionDetails]);
-  const { updateDetails, resetDetails, selectedDetail } = useModalDetails(modalOptions);
-  const onRowClick = T(
-    (value) => {
-      updateDetails({
-        selection: { type: "transaction", data: { ...value, balanceAccountDescription } },
+    [r, i]
+  ), N = c(() => ({ transaction: l }), [l]), { updateDetails: m, resetDetails: k, selectedDetail: o } = A(N), z = x(
+    (p) => {
+      m({
+        selection: { type: "transaction", data: { ...p, balanceAccountDescription: a } },
         modalSize: "small"
-      }).callback({ id: value.id });
+      }).callback({ id: p.id });
     },
-    [updateDetails, balanceAccountDescription]
-  );
-  const isModalOpen = !!selectedDetail;
-  p(() => {
-    if (isModalOpen) {
-      popoverUtil.closeAll();
-    }
-  }, [isModalOpen]);
-  return /* @__PURE__ */ o("div", { className: BASE_CLASS, children: [
-    /* @__PURE__ */ o(
-      TransactionsTable,
+    [m, a]
+  ), n = !!o;
+  return y(() => {
+    n && b.closeAll();
+  }, [n]), /* @__PURE__ */ t("div", { className: D, children: [
+    /* @__PURE__ */ t(
+      T,
       {
-        availableCurrencies,
-        error,
-        hasMultipleCurrencies,
-        loading,
-        onContactSupport,
-        onRowClick,
-        onTransactionSelected,
-        showPagination,
-        transactions,
-        ...paginationProps
+        availableCurrencies: s,
+        error: d,
+        hasMultipleCurrencies: M,
+        loading: f,
+        onContactSupport: u,
+        onRowClick: z,
+        onTransactionSelected: i,
+        showPagination: h,
+        transactions: C,
+        ...S
       }
     ),
-    /* @__PURE__ */ o(
-      Modal,
+    /* @__PURE__ */ t(
+      _,
       {
-        title: (selectedDetail == null ? void 0 : selectedDetail.title) ? i18n.get(selectedDetail.title) : void 0,
-        isOpen: !!selectedDetail,
-        "aria-label": i18n.get("transactionDetails"),
-        onClose: resetDetails,
-        isDismissible: true,
-        headerWithBorder: false,
-        size: (selectedDetail == null ? void 0 : selectedDetail.modalSize) ?? "large",
-        children: selectedDetail && /* @__PURE__ */ o(
-          U,
+        title: o != null && o.title ? e.get(o.title) : void 0,
+        isOpen: !!o,
+        "aria-label": e.get("transactionDetails"),
+        onClose: k,
+        isDismissible: !0,
+        headerWithBorder: !1,
+        size: (o == null ? void 0 : o.modalSize) ?? "large",
+        children: o && /* @__PURE__ */ t(
+          E,
           {
-            fallback: /* @__PURE__ */ o("span", { className: SPINNER_CONTAINER_CLASS, children: /* @__PURE__ */ o(Spinner, { size: "medium" }) }),
-            children: /* @__PURE__ */ o(ModalContent, { data: selectedDetail.selection.data })
+            fallback: /* @__PURE__ */ t("span", { className: R, children: /* @__PURE__ */ t(B, { size: "medium" }) }),
+            children: /* @__PURE__ */ t(I, { data: o.selection.data })
           }
         )
       }
@@ -87,5 +76,5 @@ const TransactionsDisplay = ({
   ] });
 };
 export {
-  TransactionsDisplay
+  J as TransactionsDisplay
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsDisplay/TransactionsDisplay.scss.js

@@ -0,0 +1,4 @@
+const a = "";
+export {
+  a as default
+};

package/dist/es/components/external/TransactionsOverview/components/TransactionsDisplay/constants.js

@@ -1,6 +1,5 @@
-const BASE_CLASS = "adyen-pe-transactions-display";
-const SPINNER_CONTAINER_CLASS = BASE_CLASS + "__spinner-container";
+const n = "adyen-pe-transactions-display", s = n + "__spinner-container";
 export {
-  BASE_CLASS,
-  SPINNER_CONTAINER_CLASS
+  n as BASE_CLASS,
+  s as SPINNER_CONTAINER_CLASS
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsOverview/TransactionsOverview.js

@@ -1,182 +1,160 @@
-import '../../../../../../TransactionsOverview.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import FilterBar from "../../../../internal/FilterBar/FilterBar.js";
-import { T as TransactionFilterParam } from "../../../../../../types-deec0d78.mjs";
-import { TransactionsDisplay } from "../TransactionsDisplay/TransactionsDisplay.js";
-import useCoreContext from "../../../../../core/Context/useCoreContext.js";
-import { useSetupEndpoint } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { T, F, h, p } from "../../../../../../hooks.module-8565d716.mjs";
-import useCursorPaginatedRecords from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import "../../../../../../usePaginatedRecords-63a69bf1.mjs";
-import { isFunction } from "../../../../../utils/common/index.js";
-import { LIMIT_OPTIONS, DEFAULT_PAGE_LIMIT } from "../../../../internal/Pagination/constants.js";
-import TransactionsOverviewDateFilter from "../TransactionsOverviewDateFilter.js";
-import TransactionTotals from "../TransactionTotals/TransactionTotals.js";
-import { Balances } from "../Balances/Balances.js";
-import BalanceAccountSelector from "../BalanceAccountSelector/BalanceAccountSelector.js";
-import useBalanceAccountSelection from "../BalanceAccountSelector/useBalanceAccountSelection.js";
-import MultiSelectionFilter from "../MultiSelectionFilter/MultiSelectionFilter.js";
-import { listFrom } from "../MultiSelectionFilter/useMultiSelectionFilter/utils.js";
-import "../MultiSelectionFilter/useMultiSelectionFilter/constants.js";
-import useDefaultTransactionsOverviewFilterParams from "../../hooks/useDefaultTransactionsOverviewFilterParams.js";
-import useTransactionsOverviewMultiSelectionFilters from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
-import { AmountFilter } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
-import { BASE_CLASS, SUMMARY_CLASS, SUMMARY_ITEM_CLASS } from "./constants.js";
-import { useMediaQuery, mediaQueries } from "../../hooks/useMediaQuery.js";
-const TransactionsOverview$1 = "";
-const TransactionsOverview = ({
-  onFiltersChanged,
-  onLimitChanged,
-  balanceAccounts,
-  allowLimitSelection,
-  preferredLimit = DEFAULT_PAGE_LIMIT,
-  onTransactionSelected,
-  showDetails,
-  isLoadingBalanceAccount,
-  onContactSupport
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { TransactionFilterParam as e } from "../../types.js";
+import { TransactionsDisplay as B } from "../TransactionsDisplay/TransactionsDisplay.js";
+import rr from "../../../../../core/Context/useCoreContext.js";
+import { useSetupEndpoint as er } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useCallback as h, useMemo as C, useState as _, useEffect as T } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { isFunction as O } from "../../../../../utils/common/index.js";
+import { LIMIT_OPTIONS as tr, DEFAULT_PAGE_LIMIT as ir } from "../../../../internal/Pagination/constants.js";
+import or from "../TransactionsOverviewDateFilter.js";
+import sr from "../TransactionTotals/TransactionTotals.js";
+import { Balances as nr } from "../Balances/Balances.js";
+import lr from "../../hooks/useDefaultTransactionsOverviewFilterParams.js";
+import mr from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
+import { AmountFilter as ar } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
+import { BASE_CLASS as dr, SUMMARY_CLASS as cr, SUMMARY_ITEM_CLASS as U } from "./constants.js";
+import "./TransactionsOverview.scss.js";
+import { useMediaQuery as ur, mediaQueries as pr } from "../../hooks/useMediaQuery.js";
+import fr from "../BalanceAccountSelector/useBalanceAccountSelection.js";
+import { listFrom as m } from "../MultiSelectionFilter/useMultiSelectionFilter/utils.js";
+import Cr from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import Tr from "../../../../internal/FilterBar/FilterBar.js";
+import Ar from "../BalanceAccountSelector/BalanceAccountSelector.js";
+import v from "../MultiSelectionFilter/MultiSelectionFilter.js";
+const Yr = ({
+  onFiltersChanged: a,
+  onLimitChanged: d,
+  balanceAccounts: c,
+  allowLimitSelection: A,
+  preferredLimit: D = ir,
+  onTransactionSelected: L,
+  showDetails: g,
+  isLoadingBalanceAccount: b,
+  onContactSupport: w
 }) => {
-  const { i18n } = useCoreContext();
-  const transactionsEndpointCall = useSetupEndpoint("getTransactions");
-  const { activeBalanceAccount, balanceAccountSelectionOptions, onBalanceAccountSelection } = useBalanceAccountSelection(balanceAccounts);
-  const { defaultParams, nowTimestamp, refreshNowTimestamp } = useDefaultTransactionsOverviewFilterParams(activeBalanceAccount);
-  const getTransactions = T(
-    async ({ balanceAccount, ...pageRequestParams }, signal) => {
-      const requestOptions = { signal, errorLevel: "error" };
-      return transactionsEndpointCall(requestOptions, {
-        query: {
-          ...pageRequestParams,
-          statuses: listFrom(pageRequestParams[TransactionFilterParam.STATUSES]),
-          categories: listFrom(pageRequestParams[TransactionFilterParam.CATEGORIES]),
-          currencies: listFrom(pageRequestParams[TransactionFilterParam.CURRENCIES]),
-          createdSince: pageRequestParams[TransactionFilterParam.CREATED_SINCE] ?? defaultParams.current.defaultFilterParams[TransactionFilterParam.CREATED_SINCE],
-          createdUntil: pageRequestParams[TransactionFilterParam.CREATED_UNTIL] ?? defaultParams.current.defaultFilterParams[TransactionFilterParam.CREATED_UNTIL],
-          sortDirection: "desc",
-          balanceAccountId: (activeBalanceAccount == null ? void 0 : activeBalanceAccount.id) ?? "",
-          minAmount: pageRequestParams.minAmount !== void 0 ? parseFloat(pageRequestParams.minAmount) : void 0,
-          maxAmount: pageRequestParams.maxAmount !== void 0 ? parseFloat(pageRequestParams.maxAmount) : void 0
-        }
-      });
-    },
-    [activeBalanceAccount == null ? void 0 : activeBalanceAccount.id, defaultParams, transactionsEndpointCall]
-  );
-  const _onFiltersChanged = F(() => isFunction(onFiltersChanged) ? onFiltersChanged : void 0, [onFiltersChanged]);
-  const _onLimitChanged = F(() => isFunction(onLimitChanged) ? onLimitChanged : void 0, [onLimitChanged]);
-  const preferredLimitOptions = F(() => allowLimitSelection ? LIMIT_OPTIONS : void 0, [allowLimitSelection]);
-  const { canResetFilters, error, fetching, filters, limit, limitOptions, records, resetFilters, updateFilters, updateLimit, ...paginationProps } = useCursorPaginatedRecords({
-    fetchRecords: getTransactions,
+  const { i18n: u } = rr(), E = er("getTransactions"), { activeBalanceAccount: r, balanceAccountSelectionOptions: R, onBalanceAccountSelection: x } = fr(c), { defaultParams: n, nowTimestamp: y, refreshNowTimestamp: p } = lr(r), P = h(
+    async ({ balanceAccount: M, ...o }, q) => E({ signal: q, errorLevel: "error" }, {
+      query: {
+        ...o,
+        statuses: m(o[e.STATUSES]),
+        categories: m(o[e.CATEGORIES]),
+        currencies: m(o[e.CURRENCIES]),
+        createdSince: o[e.CREATED_SINCE] ?? n.current.defaultFilterParams[e.CREATED_SINCE],
+        createdUntil: o[e.CREATED_UNTIL] ?? n.current.defaultFilterParams[e.CREATED_UNTIL],
+        sortDirection: "desc",
+        balanceAccountId: (r == null ? void 0 : r.id) ?? "",
+        minAmount: o.minAmount !== void 0 ? parseFloat(o.minAmount) : void 0,
+        maxAmount: o.maxAmount !== void 0 ? parseFloat(o.maxAmount) : void 0
+      }
+    }),
+    [r == null ? void 0 : r.id, n, E]
+  ), X = C(() => O(a) ? a : void 0, [a]), k = C(() => O(d) ? d : void 0, [d]), G = C(() => A ? tr : void 0, [A]), { canResetFilters: Q, error: W, fetching: Y, filters: i, limit: j, limitOptions: V, records: z, resetFilters: Er, updateFilters: s, updateLimit: H, ...J } = Cr({
+    fetchRecords: P,
     dataField: "transactions",
-    filterParams: defaultParams.current.defaultFilterParams,
-    initialFiltersSameAsDefault: true,
-    onLimitChanged: _onLimitChanged,
-    onFiltersChanged: _onFiltersChanged,
-    preferredLimit,
-    preferredLimitOptions,
-    enabled: !!(activeBalanceAccount == null ? void 0 : activeBalanceAccount.id)
-  });
-  const [availableCurrencies, setAvailableCurrencies] = h([]);
-  const [isAvailableCurrenciesFetching, setIsAvailableCurrenciesFetching] = h(false);
-  const handleCurrenciesChange = T((currencies, isFetching) => {
-    setAvailableCurrencies(currencies);
-    setIsAvailableCurrenciesFetching(isFetching);
-  }, []);
-  const { categoriesFilter, currenciesFilter, statusesFilter } = useTransactionsOverviewMultiSelectionFilters(
+    filterParams: n.current.defaultFilterParams,
+    initialFiltersSameAsDefault: !0,
+    onLimitChanged: k,
+    onFiltersChanged: X,
+    preferredLimit: D,
+    preferredLimitOptions: G,
+    enabled: !!(r != null && r.id)
+  }), [l, S] = _([]), [K, Z] = _(!1), $ = h((M, o) => {
+    S(M), Z(o);
+  }, []), { categoriesFilter: F, currenciesFilter: N, statusesFilter: f } = mr(
     {
-      filters,
-      updateFilters
+      filters: i,
+      updateFilters: s
     },
-    availableCurrencies
+    l
   );
-  p(() => {
-    setAvailableCurrencies(void 0);
-    updateFilters({
-      [TransactionFilterParam.BALANCE_ACCOUNT]: activeBalanceAccount == null ? void 0 : activeBalanceAccount.id,
-      [TransactionFilterParam.CURRENCIES]: void 0
+  T(() => {
+    S(void 0), s({
+      [e.BALANCE_ACCOUNT]: r == null ? void 0 : r.id,
+      [e.CURRENCIES]: void 0
     });
-  }, [updateFilters, activeBalanceAccount == null ? void 0 : activeBalanceAccount.id]);
-  p(() => {
-    refreshNowTimestamp();
-  }, [filters, refreshNowTimestamp]);
-  p(() => {
-    statusesFilter.updateSelection({ target: { value: "Booked", name: "status" } });
-  }, [statusesFilter]);
-  const isNarrowViewport = useMediaQuery(mediaQueries.down.sm);
-  return /* @__PURE__ */ o("div", { className: BASE_CLASS, children: [
-    /* @__PURE__ */ o(FilterBar, { children: [
-      /* @__PURE__ */ o(
-        BalanceAccountSelector,
+  }, [s, r == null ? void 0 : r.id]), T(() => {
+    p();
+  }, [i, p]), T(() => {
+    f.updateSelection({ target: { value: "Booked", name: "status" } });
+  }, [f]);
+  const I = ur(pr.down.sm);
+  return /* @__PURE__ */ t("div", { className: dr, children: [
+    /* @__PURE__ */ t(Tr, { children: [
+      /* @__PURE__ */ t(
+        Ar,
         {
-          activeBalanceAccount,
-          balanceAccountSelectionOptions,
-          onBalanceAccountSelection
+          activeBalanceAccount: r,
+          balanceAccountSelectionOptions: R,
+          onBalanceAccountSelection: x
         }
       ),
-      /* @__PURE__ */ o(
-        TransactionsOverviewDateFilter,
+      /* @__PURE__ */ t(
+        or,
         {
-          canResetFilters,
-          defaultParams,
-          filters,
-          nowTimestamp,
-          refreshNowTimestamp,
-          updateFilters
+          canResetFilters: Q,
+          defaultParams: n,
+          filters: i,
+          nowTimestamp: y,
+          refreshNowTimestamp: p,
+          updateFilters: s
         }
       ),
-      /* @__PURE__ */ o(MultiSelectionFilter, { ...categoriesFilter, placeholder: i18n.get("filterPlaceholder.category") }),
-      /* @__PURE__ */ o(
-        AmountFilter,
+      /* @__PURE__ */ t(v, { ...F, placeholder: u.get("filterPlaceholder.category") }),
+      /* @__PURE__ */ t(
+        ar,
         {
-          availableCurrencies,
-          selectedCurrencies: listFrom(filters[TransactionFilterParam.CURRENCIES]),
+          availableCurrencies: l,
+          selectedCurrencies: m(i[e.CURRENCIES]),
           name: "range",
-          label: i18n.get("amount"),
-          minAmount: filters[TransactionFilterParam.MIN_AMOUNT],
-          maxAmount: filters[TransactionFilterParam.MAX_AMOUNT],
-          updateFilters,
-          onChange: updateFilters
+          label: u.get("amount"),
+          minAmount: i[e.MIN_AMOUNT],
+          maxAmount: i[e.MAX_AMOUNT],
+          updateFilters: s,
+          onChange: s
         }
       ),
-      /* @__PURE__ */ o(MultiSelectionFilter, { ...currenciesFilter, placeholder: i18n.get("filterPlaceholder.currency") })
+      /* @__PURE__ */ t(v, { ...N, placeholder: u.get("filterPlaceholder.currency") })
     ] }),
-    /* @__PURE__ */ o("div", { className: SUMMARY_CLASS, children: [
-      /* @__PURE__ */ o("div", { className: SUMMARY_ITEM_CLASS, children: /* @__PURE__ */ o(
-        TransactionTotals,
+    /* @__PURE__ */ t("div", { className: cr, children: [
+      /* @__PURE__ */ t("div", { className: U, children: /* @__PURE__ */ t(
+        sr,
         {
-          availableCurrencies,
-          isAvailableCurrenciesFetching,
-          balanceAccountId: activeBalanceAccount == null ? void 0 : activeBalanceAccount.id,
-          statuses: statusesFilter.selection,
-          categories: categoriesFilter.selection,
-          createdUntil: filters[TransactionFilterParam.CREATED_UNTIL],
-          createdSince: filters[TransactionFilterParam.CREATED_SINCE],
-          currencies: currenciesFilter.selection,
-          minAmount: filters[TransactionFilterParam.MIN_AMOUNT] ? parseFloat(filters[TransactionFilterParam.MIN_AMOUNT]) : void 0,
-          maxAmount: filters[TransactionFilterParam.MAX_AMOUNT] ? parseFloat(filters[TransactionFilterParam.MAX_AMOUNT]) : void 0,
-          fullWidth: isNarrowViewport
+          availableCurrencies: l,
+          isAvailableCurrenciesFetching: K,
+          balanceAccountId: r == null ? void 0 : r.id,
+          statuses: f.selection,
+          categories: F.selection,
+          createdUntil: i[e.CREATED_UNTIL],
+          createdSince: i[e.CREATED_SINCE],
+          currencies: N.selection,
+          minAmount: i[e.MIN_AMOUNT] ? parseFloat(i[e.MIN_AMOUNT]) : void 0,
+          maxAmount: i[e.MAX_AMOUNT] ? parseFloat(i[e.MAX_AMOUNT]) : void 0,
+          fullWidth: I
         }
       ) }),
-      /* @__PURE__ */ o("div", { className: SUMMARY_ITEM_CLASS, children: /* @__PURE__ */ o(Balances, { balanceAccountId: activeBalanceAccount == null ? void 0 : activeBalanceAccount.id, onCurrenciesChange: handleCurrenciesChange, fullWidth: isNarrowViewport }) })
+      /* @__PURE__ */ t("div", { className: U, children: /* @__PURE__ */ t(nr, { balanceAccountId: r == null ? void 0 : r.id, onCurrenciesChange: $, fullWidth: I }) })
     ] }),
-    /* @__PURE__ */ o(
-      TransactionsDisplay,
+    /* @__PURE__ */ t(
+      B,
       {
-        balanceAccounts,
-        availableCurrencies,
-        loading: fetching || isLoadingBalanceAccount || !balanceAccounts,
-        transactions: records,
-        onTransactionSelected,
-        showPagination: true,
-        showDetails,
-        balanceAccountDescription: (activeBalanceAccount == null ? void 0 : activeBalanceAccount.description) || "",
-        limit,
-        limitOptions,
-        onContactSupport,
-        onLimitSelection: updateLimit,
-        error,
-        ...paginationProps
+        balanceAccounts: c,
+        availableCurrencies: l,
+        loading: Y || b || !c,
+        transactions: z,
+        onTransactionSelected: L,
+        showPagination: !0,
+        showDetails: g,
+        balanceAccountDescription: (r == null ? void 0 : r.description) || "",
+        limit: j,
+        limitOptions: V,
+        onContactSupport: w,
+        onLimitSelection: H,
+        error: W,
+        ...J
       }
     )
   ] });
 };
 export {
-  TransactionsOverview
+  Yr as TransactionsOverview
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsOverview/TransactionsOverview.scss.js

@@ -0,0 +1,4 @@
+const a = "";
+export {
+  a as default
+};

package/dist/es/components/external/TransactionsOverview/components/TransactionsOverview/constants.js

@@ -1,8 +1,6 @@
-const BASE_CLASS = "adyen-pe-transactions-overview";
-const SUMMARY_CLASS = BASE_CLASS + "__summary";
-const SUMMARY_ITEM_CLASS = BASE_CLASS + "__summary-item";
+const S = "adyen-pe-transactions-overview", _ = S + "__summary", s = S + "__summary-item";
 export {
-  BASE_CLASS,
-  SUMMARY_CLASS,
-  SUMMARY_ITEM_CLASS
+  S as BASE_CLASS,
+  _ as SUMMARY_CLASS,
+  s as SUMMARY_ITEM_CLASS
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsOverviewContainer/TransactionsOverviewContainer.js

@@ -1,52 +1,44 @@
-import '../../../../../../TransactionsOverviewContainer.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { useSetupEndpoint } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { useFetch } from "../../../../../hooks/useFetch/useFetch.js";
-import { TransactionsOverview } from "../TransactionsOverview/TransactionsOverview.js";
-import { T, F } from "../../../../../../hooks.module-8565d716.mjs";
-import "../../../../../utils/common/index.js";
-import useAuthContext from "../../../../../core/Auth/useAuthContext.js";
-import cx from "classnames";
-import { ErrorMessageDisplay } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { BASE_CLASS, WITH_ERROR_CLASS } from "./constants.js";
-import { EMPTY_OBJECT } from "../../../../../utils/common/constants.js";
-const TransactionsOverviewContainer$1 = "";
-function TransactionsOverviewContainer(props) {
-  const { sessionSetupError, endpoints } = useAuthContext();
-  const balanceAccountEndpointCall = useSetupEndpoint("getBalanceAccounts");
-  const { data, isFetching } = useFetch({
-    fetchOptions: { enabled: !!endpoints.getBalanceAccounts, keepPrevData: true },
-    queryFn: T(async () => {
-      return balanceAccountEndpointCall(EMPTY_OBJECT);
-    }, [balanceAccountEndpointCall])
-  });
-  const balanceAccounts = F(
-    () => data == null ? void 0 : data.balanceAccounts.filter((account) => props.balanceAccountId ? account.id === props.balanceAccountId : true),
-    [data == null ? void 0 : data.balanceAccounts, props.balanceAccountId]
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useSetupEndpoint as g } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useFetch as h } from "../../../../../hooks/useFetch/useFetch.js";
+import { TransactionsOverview as f } from "../TransactionsOverview/TransactionsOverview.js";
+import { useCallback as A, useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import d from "../../../../../core/Auth/useAuthContext.js";
+import p from "classnames";
+import { ErrorMessageDisplay as s } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { BASE_CLASS as C, WITH_ERROR_CLASS as I } from "./constants.js";
+import "./TransactionsOverviewContainer.scss.js";
+import { EMPTY_OBJECT as T } from "../../../../../utils/common/constants.js";
+function F(n) {
+  const { sessionSetupError: c, endpoints: i } = d(), r = g("getBalanceAccounts"), { data: e, isFetching: u } = h({
+    fetchOptions: { enabled: !!i.getBalanceAccounts, keepPrevData: !0 },
+    queryFn: A(async () => r(T), [r])
+  }), t = a(
+    () => e == null ? void 0 : e.balanceAccounts.filter((m) => n.balanceAccountId ? m.id === n.balanceAccountId : !0),
+    [e == null ? void 0 : e.balanceAccounts, n.balanceAccountId]
+  ), l = a(
+    () => !!n.balanceAccountId && !!(e != null && e.balanceAccounts.length) && (t == null ? void 0 : t.length) === 0,
+    [t == null ? void 0 : t.length, e == null ? void 0 : e.balanceAccounts.length, n.balanceAccountId]
   );
-  const wrongBalanceAccountId = F(
-    () => !!props.balanceAccountId && !!(data == null ? void 0 : data.balanceAccounts.length) && (balanceAccounts == null ? void 0 : balanceAccounts.length) === 0,
-    [balanceAccounts == null ? void 0 : balanceAccounts.length, data == null ? void 0 : data.balanceAccounts.length, props.balanceAccountId]
-  );
-  return /* @__PURE__ */ o("div", { className: cx(BASE_CLASS, { [WITH_ERROR_CLASS]: sessionSetupError }), children: sessionSetupError ? /* @__PURE__ */ o(
-    ErrorMessageDisplay,
+  return /* @__PURE__ */ o("div", { className: p(C, { [I]: c }), children: c ? /* @__PURE__ */ o(
+    s,
     {
-      withImage: true,
-      centered: true,
+      withImage: !0,
+      centered: !0,
       title: "somethingWentWrong",
       message: ["weCouldNotLoadTheTransactionsOverview", "tryRefreshingThePageOrComeBackLater"],
-      refreshComponent: true
+      refreshComponent: !0
     }
-  ) : wrongBalanceAccountId ? /* @__PURE__ */ o(
-    ErrorMessageDisplay,
+  ) : l ? /* @__PURE__ */ o(
+    s,
     {
-      withImage: true,
-      centered: true,
+      withImage: !0,
+      centered: !0,
       title: "somethingWentWrong",
       message: ["weCouldNotLoadTheTransactionsOverview", "theSelectedBalanceAccountIsIncorrect"]
     }
-  ) : /* @__PURE__ */ o(TransactionsOverview, { ...props, balanceAccounts, isLoadingBalanceAccount: isFetching }) });
+  ) : /* @__PURE__ */ o(f, { ...n, balanceAccounts: t, isLoadingBalanceAccount: u }) });
 }
 export {
-  TransactionsOverviewContainer as default
+  F as default
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsOverviewContainer/TransactionsOverviewContainer.scss.js

@@ -0,0 +1,4 @@
+const a = "";
+export {
+  a as default
+};

package/dist/es/components/external/TransactionsOverview/components/TransactionsOverviewContainer/constants.js

@@ -1,6 +1,5 @@
-const BASE_CLASS = "adyen-pe-transactions-overview-container";
-const WITH_ERROR_CLASS = BASE_CLASS + "--with-error";
+const e = "adyen-pe-transactions-overview-container", n = e + "--with-error";
 export {
-  BASE_CLASS,
-  WITH_ERROR_CLASS
+  e as BASE_CLASS,
+  n as WITH_ERROR_CLASS
 };