@adyen/adyen-platform-experience-web 0.1.1

package/dist/es/components/external/Transactions/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js

@@ -0,0 +1,21 @@
+import { useMemo as O, useCallback as s } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { listFrom as v, selectionOptionsFor as x } from "./utils.js";
+const C = ({
+  filterParam: o,
+  filterValues: S,
+  filters: n,
+  defaultFilters: c,
+  updateFilters: M
+}) => {
+  const b = O(() => v((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), k = O(() => S && x(S), [S]), p = s(
+    ({ target: m }) => {
+      M == null || M({ [o]: (m == null ? void 0 : m.value) || "" });
+    },
+    [M, o]
+  );
+  return { selection: b, selectionOptions: k, updateSelection: p };
+}, h = C;
+export {
+  h as default,
+  C as useMultiSelectionFilter
+};

package/dist/es/components/external/Transactions/components/MultiSelectionFilter/useMultiSelectionFilter/utils.js

@@ -0,0 +1,9 @@
+import { EMPTY_ARRAY as o } from "../../../../../../utils/common/constants.js";
+const s = (e) => {
+  const t = `${e}`.trim();
+  return t ? t.split(/(?:\s*,\s*)+/).filter(Boolean) : o;
+}, n = (e) => Object.freeze(e.map((t) => ({ id: t, name: t })));
+export {
+  s as listFrom,
+  n as selectionOptionsFor
+};

package/dist/es/components/external/Transactions/components/SummaryItem/SummaryItem.js

@@ -0,0 +1,42 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import d from "../../../../../core/Context/useCoreContext.js";
+import l from "classnames";
+import S from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as m } from "../../../../internal/Typography/types.js";
+import "./SummaryItem.scss.js";
+import { AmountSkeleton as f } from "../AmountSkeleton/AmountSkeleton.js";
+import { useEffect as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { BASE_CLASS as h, BODY_CLASS as E, LABEL_CLASS as u, PLACEHOLDER_CLASS as N } from "./constants.js";
+const w = ({
+  columnConfigs: o,
+  isHeader: s = !1,
+  isSkeletonVisible: y = !1,
+  isLoading: L = !1,
+  widths: r,
+  onWidthsSet: p,
+  isEmpty: A
+}) => {
+  const { i18n: C } = d();
+  v(() => {
+    const e = o.map((a) => {
+      var i, n;
+      return ((n = (i = a.ref) == null ? void 0 : i.current) == null ? void 0 : n.getBoundingClientRect().width) ?? 0;
+    });
+    p(e);
+  }, [p]);
+  const c = (e) => ({ width: r && r[e] ? r[e] : "auto" });
+  return /* @__PURE__ */ t("div", { className: l(h, { [E]: !s }), children: o.map((e, a) => /* @__PURE__ */ t("div", { children: [
+    s && e.labelKey && /* @__PURE__ */ t(S, { variant: m.CAPTION, className: u, children: C.get(e.labelKey) }),
+    y ? /* @__PURE__ */ t(f, { isLoading: L, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : A ? /* @__PURE__ */ t("span", { className: l([h, N]) }) : /* @__PURE__ */ t("div", { ref: e.ref, style: c(a), children: /* @__PURE__ */ t(
+      S,
+      {
+        variant: e.valueHasLabelStyle ? m.CAPTION : m.TITLE,
+        className: l({ [u]: e.valueHasLabelStyle }),
+        children: e.getValue()
+      }
+    ) })
+  ] }, a)) });
+};
+export {
+  w as SummaryItem
+};

package/dist/es/components/external/Transactions/components/SummaryItem/SummaryItem.scss.js

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

package/dist/es/components/external/Transactions/components/SummaryItem/constants.js

@@ -0,0 +1,7 @@
+const S = "adyen-fp-summary-item", L = S + "--body", _ = S + "__label", o = S + "__placeholder";
+export {
+  S as BASE_CLASS,
+  L as BODY_CLASS,
+  _ as LABEL_CLASS,
+  o as PLACEHOLDER_CLASS
+};

package/dist/es/components/external/Transactions/components/TransactionList.js

@@ -0,0 +1,127 @@
+import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import L from "../../../internal/Modal/Modal.js";
+import N from "../../../internal/Spinner/Spinner.js";
+import x from "../../../../core/Context/useCoreContext.js";
+import P from "../../../../hooks/useModalDetails/useModalDetails.js";
+import z from "classnames";
+import { Suspense as D, lazy as I } from "../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as m, useCallback as $ } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getLabel as B, parsePaymentMethodType as G } from "./utils.js";
+import "./TransactionList.scss.js";
+import { Tag as p } from "../../../internal/Tag/Tag.js";
+import { TagVariant as i } from "../../../internal/Tag/types.js";
+import { CellTextPosition as O } from "../../../internal/DataGrid/types.js";
+import { Image as U } from "../../../internal/Image/Image.js";
+import H from "./TransactionListError/TransactionListError.js";
+import { getCurrencyCode as W } from "../../../../core/Localization/amount/amount-util.js";
+import h from "../../../internal/DataGrid/DataGrid.js";
+import j from "../../../internal/Pagination/Pagination.js";
+import { Fragment as M } from "preact";
+const q = I(() => import("./ModalContent.js")), V = ["creationDate", "status", "paymentMethod", "type", "currency", "amount"];
+function pt({
+  balanceAccountDescription: d,
+  loading: T,
+  transactions: b,
+  onTransactionSelected: u,
+  showPagination: E,
+  showDetails: e,
+  error: c,
+  onContactSupport: y,
+  availableCurrencies: s,
+  ...S
+}) {
+  const { i18n: n } = x(), l = s && s.length > 1, _ = m(
+    () => V.map((t) => {
+      const r = n.get(B(t));
+      return t === "amount" ? {
+        key: t,
+        label: l ? r : `${r} ${s && s[0] ? `(${W(s[0])})` : ""}`,
+        position: t === "amount" ? O.RIGHT : void 0
+      } : { key: t, label: r };
+    }),
+    [s, l, n]
+  ), f = m(
+    () => ({
+      showDetails: [e == null ? void 0 : e.transaction],
+      callback: u
+    }),
+    [e == null ? void 0 : e.transaction, u]
+  ), k = m(() => ({ transaction: f }), [f]), { updateDetails: g, resetDetails: C, selectedDetail: a } = P(k), F = $(
+    (t) => {
+      g({
+        selection: { type: "transaction", data: { ...t, balanceAccountDescription: d } },
+        modalSize: "small"
+      }).callback({ id: t.id });
+    },
+    [g, d]
+  ), R = {
+    title: "weDidNotFindAnyTransaction",
+    message: ["thereAreNoTransactionsForThisRequirements", "tryAgainPlease"]
+  }, A = m(() => () => /* @__PURE__ */ o(H, { error: c, onContactSupport: y }), [c, y]);
+  return /* @__PURE__ */ o(M, { children: [
+    /* @__PURE__ */ o(
+      h,
+      {
+        errorDisplay: A,
+        error: c,
+        columns: _,
+        data: b,
+        loading: T,
+        outline: !1,
+        onRowClick: { callback: F },
+        emptyTableMessage: R,
+        customCells: {
+          status: ({ value: t }) => /* @__PURE__ */ o(
+            p,
+            {
+              label: n.get(t),
+              variant: t === "Booked" ? i.SUCCESS : t === "Reversed" ? i.ERROR : i.DEFAULT
+            }
+          ),
+          type: ({ item: t }) => t.category ? n.get(`txType.${t.category}`) : null,
+          creationDate: ({ value: t }) => n.fullDate(t),
+          amount: ({ value: t }) => {
+            const r = n.amount(t.value, t.currency, {
+              showSign: t.value < 0,
+              hideSymbol: !l
+            });
+            return /* @__PURE__ */ o("span", { className: z("adyen-fp-transactions__amount"), children: r });
+          },
+          paymentMethod: ({ item: t }) => {
+            var r;
+            return /* @__PURE__ */ o(M, { children: t.paymentMethod || t.bankAccount ? /* @__PURE__ */ o("div", { className: "adyen-fp-transactions__payment-method", children: [
+              /* @__PURE__ */ o("div", { className: "adyen-fp-transactions__payment-method-logo-container", children: /* @__PURE__ */ o(
+                U,
+                {
+                  name: t.paymentMethod ? t.paymentMethod.type : "bankTransfer",
+                  alt: t.paymentMethod ? t.paymentMethod.type : "bankTransfer",
+                  folder: "logos/",
+                  className: "adyen-fp-transactions__payment-method-logo"
+                }
+              ) }),
+              t.paymentMethod ? G(t.paymentMethod) : (r = t.bankAccount) == null ? void 0 : r.accountNumberLastFourDigits
+            ] }) : /* @__PURE__ */ o(p, { label: n.get("noData"), variant: i.WHITE }) });
+          },
+          currency: ({ item: t }) => /* @__PURE__ */ o(p, { label: t.amount.currency })
+        },
+        children: E && /* @__PURE__ */ o(h.Footer, { children: /* @__PURE__ */ o(j, { ...S }) })
+      }
+    ),
+    /* @__PURE__ */ o(
+      L,
+      {
+        title: a != null && a.title ? n.get(a.title) : void 0,
+        isOpen: !!a,
+        "aria-label": n.get("transactionDetails"),
+        onClose: C,
+        isDismissible: !0,
+        headerWithBorder: !1,
+        size: (a == null ? void 0 : a.modalSize) ?? "large",
+        children: a && /* @__PURE__ */ o(D, { fallback: /* @__PURE__ */ o(N, {}), children: /* @__PURE__ */ o(q, { data: a.selection.data }) })
+      }
+    )
+  ] });
+}
+export {
+  pt as default
+};

package/dist/es/components/external/Transactions/components/TransactionList.scss.js

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

package/dist/es/components/external/Transactions/components/TransactionListError/TransactionListError.js

@@ -0,0 +1,20 @@
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ErrorMessageDisplay as i } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { getErrorMessage as m } from "../../../../utils/transactionResourceErrorCodes.js";
+const n = ({ error: e, onContactSupport: r }) => {
+  const { title: s, message: t, refreshComponent: o } = m(e, r);
+  return /* @__PURE__ */ a(
+    i,
+    {
+      title: s,
+      message: t,
+      withImage: !0,
+      centered: !0,
+      refreshComponent: o,
+      onContactSupport: r
+    }
+  );
+}, p = n;
+export {
+  p as default
+};

package/dist/es/components/external/Transactions/components/TransactionTotalItem/TransactionTotalItem.js

@@ -0,0 +1,48 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../../../../../core/Context/useCoreContext.js";
+import { useRef as n } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as y } from "../SummaryItem/SummaryItem.js";
+const C = ({
+  total: e,
+  isHeader: r = !1,
+  isSkeleton: o = !1,
+  isLoading: i = !1,
+  widths: c,
+  onWidthsSet: m
+}) => {
+  const { i18n: s } = p(), u = n(null), f = n(null), l = n(null);
+  return /* @__PURE__ */ t(
+    y,
+    {
+      isEmpty: !e,
+      columnConfigs: [
+        {
+          labelKey: "incoming",
+          ref: u,
+          skeletonWidth: 80,
+          getValue: () => e && s.amount(e.incomings, e.currency)
+        },
+        {
+          labelKey: "expense",
+          ref: f,
+          skeletonWidth: 80,
+          getValue: () => e && s.amount(e.expenses, e.currency)
+        },
+        {
+          ref: l,
+          skeletonWidth: 40,
+          valueHasLabelStyle: !0,
+          getValue: () => e == null ? void 0 : e.currency
+        }
+      ],
+      isHeader: r,
+      isSkeletonVisible: o,
+      isLoading: i,
+      widths: c,
+      onWidthsSet: m
+    }
+  );
+};
+export {
+  C as TransactionTotalItem
+};

package/dist/es/components/external/Transactions/components/TransactionTotals/TransactionTotals.js

@@ -0,0 +1,60 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useSetupEndpoint as W } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useCallback as g, useMemo as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as F } from "../../../../../hooks/useFetch/useFetch.js";
+import M from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { BASE_CLASS as k } from "./constants.js";
+import { memo as B } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { TransactionTotalItem as S } from "../TransactionTotalItem/TransactionTotalItem.js";
+import { BaseList as L } from "../../../../internal/BaseList/BaseList.js";
+import { useMaxWidthsState as O } from "../../hooks/useMaxWidths.js";
+import { EMPTY_OBJECT as q } from "../../../../../utils/common/constants.js";
+const K = B(
+  ({
+    balanceAccountId: r,
+    createdSince: s,
+    createdUntil: e,
+    categories: i,
+    statuses: a,
+    maxAmount: m,
+    minAmount: n,
+    currencies: l,
+    availableCurrencies: v
+  }) => {
+    const p = W("getTransactionTotals"), u = g(async () => p(q, {
+      query: {
+        createdSince: s,
+        createdUntil: e,
+        categories: i,
+        statuses: a,
+        maxAmount: m,
+        minAmount: n,
+        currencies: l,
+        balanceAccountId: r
+      }
+    }), [r, i, s, e, l, p, m, n, a]), { data: o, error: w, isFetching: x } = F({
+      fetchOptions: y(() => ({ enabled: !!r }), [r]),
+      queryFn: u
+    }), f = !r || x, C = o == null ? void 0 : o.totals, [E, ...h] = C ?? [], [d, T] = O();
+    return /* @__PURE__ */ t("div", { className: k, children: /* @__PURE__ */ t(
+      M,
+      {
+        renderHeader: /* @__PURE__ */ t(
+          S,
+          {
+            total: E,
+            widths: d,
+            isHeader: !0,
+            isSkeleton: f,
+            isLoading: f,
+            onWidthsSet: T
+          }
+        ),
+        children: h.length && /* @__PURE__ */ t(L, { children: h.map((c) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(S, { total: c, widths: d, onWidthsSet: T }) }, c.currency)) })
+      }
+    ) });
+  }
+);
+export {
+  K as default
+};

package/dist/es/components/external/Transactions/components/TransactionTotals/constants.js

@@ -0,0 +1,4 @@
+const t = "adyen-fp-transactions-totals";
+export {
+  t as BASE_CLASS
+};

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

@@ -0,0 +1,148 @@
+import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import K from "../../../internal/FilterBar/FilterBar.js";
+import { TransactionFilterParam as t } from "../types.js";
+import Q from "./TransactionList.js";
+import V from "../../../../core/Context/useCoreContext.js";
+import { useSetupEndpoint as W } from "../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useCallback as Y, useMemo as f, useState as Z, useEffect as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import $ from "../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { isFunction as _ } from "../../../../utils/common/index.js";
+import { LIMIT_OPTIONS as q, DEFAULT_PAGE_LIMIT as B } from "../../../internal/Pagination/constants.js";
+import rr from "./TransactionsOverviewDateFilter.js";
+import tr from "./TransactionTotals/TransactionTotals.js";
+import { Balances as er } from "./Balances/Balances.js";
+import or from "../hooks/useDefaultTransactionsOverviewFilterParams.js";
+import ir from "../hooks/useTransactionsOverviewMultiSelectionFilters.js";
+import { AmountFilter as nr } from "../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
+import sr from "./BalanceAccountSelector/useBalanceAccountSelection.js";
+import { listFrom as a } from "./MultiSelectionFilter/useMultiSelectionFilter/utils.js";
+import lr from "./BalanceAccountSelector/BalanceAccountSelector.js";
+import T from "./MultiSelectionFilter/MultiSelectionFilter.js";
+import { Fragment as mr } from "preact";
+const gr = ({
+  onFiltersChanged: c,
+  onLimitChanged: d,
+  balanceAccounts: u,
+  allowLimitSelection: E,
+  preferredLimit: O = B,
+  onTransactionSelected: M,
+  showDetails: U,
+  isLoadingBalanceAccount: h,
+  onContactSupport: D
+}) => {
+  const { i18n: l } = V(), F = W("getTransactions"), { activeBalanceAccount: r, balanceAccountSelectionOptions: v, onBalanceAccountSelection: L } = sr(u), { defaultParams: s, nowTimestamp: b, refreshNowTimestamp: p } = or(r), g = Y(
+    async (i, J) => F({ signal: J, errorLevel: "error" }, {
+      query: {
+        ...i,
+        statuses: a(i[t.STATUSES]),
+        categories: a(i[t.CATEGORIES]),
+        currencies: a(i[t.CURRENCIES]),
+        createdSince: i[t.CREATED_SINCE] ?? s.current.defaultFilterParams[t.CREATED_SINCE],
+        createdUntil: i[t.CREATED_UNTIL] ?? s.current.defaultFilterParams[t.CREATED_UNTIL],
+        sortDirection: "desc",
+        balanceAccountId: (r == null ? void 0 : r.id) ?? "",
+        minAmount: i.minAmount !== void 0 ? parseFloat(i.minAmount) : void 0,
+        maxAmount: i.maxAmount !== void 0 ? parseFloat(i.maxAmount) : void 0
+      }
+    }),
+    [r == null ? void 0 : r.id, s, F]
+  ), x = f(() => _(c) ? c : void 0, [c]), R = f(() => _(d) ? d : void 0, [d]), w = f(() => E ? q : void 0, [E]), { canResetFilters: P, error: y, fetching: X, filters: e, limit: G, limitOptions: j, records: k, resetFilters: ar, updateFilters: n, updateLimit: z, ...H } = $({
+    fetchRecords: g,
+    dataField: "transactions",
+    filterParams: s.current.defaultFilterParams,
+    initialFiltersSameAsDefault: !0,
+    onLimitChanged: R,
+    onFiltersChanged: x,
+    preferredLimit: O,
+    preferredLimitOptions: w,
+    enabled: !!(r != null && r.id)
+  }), [m, A] = Z([]), { categoriesFilter: C, currenciesFilter: S, statusesFilter: I } = ir(
+    {
+      filters: e,
+      updateFilters: n
+    },
+    m
+  );
+  return N(() => {
+    A(void 0), n({ [t.CURRENCIES]: void 0 });
+  }, [n, r == null ? void 0 : r.id]), N(() => {
+    p();
+  }, [e, p]), /* @__PURE__ */ o(mr, { children: [
+    /* @__PURE__ */ o(K, { children: [
+      /* @__PURE__ */ o(
+        lr,
+        {
+          activeBalanceAccount: r,
+          balanceAccountSelectionOptions: v,
+          onBalanceAccountSelection: L
+        }
+      ),
+      /* @__PURE__ */ o(
+        rr,
+        {
+          canResetFilters: P,
+          defaultParams: s,
+          filters: e,
+          nowTimestamp: b,
+          refreshNowTimestamp: p,
+          updateFilters: n
+        }
+      ),
+      /* @__PURE__ */ o(T, { ...I, placeholder: l.get("filterPlaceholder.status") }),
+      /* @__PURE__ */ o(T, { ...C, placeholder: l.get("filterPlaceholder.category") }),
+      /* @__PURE__ */ o(
+        nr,
+        {
+          availableCurrencies: m,
+          selectedCurrencies: a(e[t.CURRENCIES]),
+          name: "range",
+          label: l.get("amount"),
+          minAmount: e[t.MIN_AMOUNT],
+          maxAmount: e[t.MAX_AMOUNT],
+          updateFilters: n,
+          onChange: n
+        }
+      ),
+      /* @__PURE__ */ o(T, { ...S, placeholder: l.get("filterPlaceholder.currency") })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "adyen-fp-transactions__balance-totals", children: [
+      /* @__PURE__ */ o(
+        tr,
+        {
+          availableCurrencies: m,
+          balanceAccountId: r == null ? void 0 : r.id,
+          statuses: I.selection,
+          categories: C.selection,
+          createdUntil: e[t.CREATED_UNTIL],
+          createdSince: e[t.CREATED_SINCE],
+          currencies: S.selection,
+          minAmount: e[t.MIN_AMOUNT] ? parseFloat(e[t.MIN_AMOUNT]) : void 0,
+          maxAmount: e[t.MAX_AMOUNT] ? parseFloat(e[t.MAX_AMOUNT]) : void 0
+        }
+      ),
+      /* @__PURE__ */ o(er, { balanceAccountId: r == null ? void 0 : r.id, updateBalanceAccountCurrencies: A })
+    ] }),
+    /* @__PURE__ */ o(
+      Q,
+      {
+        balanceAccounts: u,
+        availableCurrencies: m,
+        loading: X || h || !u,
+        transactions: k,
+        onTransactionSelected: M,
+        showPagination: !0,
+        showDetails: U,
+        balanceAccountDescription: (r == null ? void 0 : r.description) || "",
+        limit: G,
+        limitOptions: j,
+        onContactSupport: D,
+        onLimitSelection: z,
+        error: y,
+        ...H
+      }
+    )
+  ] });
+};
+export {
+  gr as TransactionsOverview
+};

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

@@ -0,0 +1,36 @@
+import { jsx as t } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import "./TransactionList.scss.js";
+import { useSetupEndpoint as i } from "../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useFetch as m } from "../../../../hooks/useFetch/useFetch.js";
+import { TransactionsOverview as u } from "./TransactionsOverview.js";
+import { useCallback as p, useMemo as l } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import f from "../../../../core/Auth/useAuthContext.js";
+import d from "classnames";
+import { ErrorMessageDisplay as h } from "../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { EMPTY_OBJECT as g } from "../../../../utils/common/constants.js";
+function _(r) {
+  const { sessionSetupError: n, endpoints: s } = f(), o = i("getBalanceAccounts"), { data: e, isFetching: a } = m({
+    fetchOptions: { enabled: !!s.getBalanceAccounts, keepPrevData: !0 },
+    queryFn: p(async () => o(g), [o])
+  }), c = l(() => e == null ? void 0 : e.balanceAccounts, [e == null ? void 0 : e.balanceAccounts]);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: d("adyen-fp-transactions", {
+        "adyen-fp-transactions__with-error": n
+      }),
+      children: n ? /* @__PURE__ */ t(
+        h,
+        {
+          withImage: !0,
+          centered: !0,
+          title: "somethingWentWrong",
+          message: ["weCouldNotLoadTheTransactionsOverview", "tryToRefreshThePageOrComeBackLater"]
+        }
+      ) : /* @__PURE__ */ t("div", { className: "adyen-fp-transactions__container", children: /* @__PURE__ */ t(u, { ...r, balanceAccounts: c, isLoadingBalanceAccount: a }) })
+    }
+  );
+}
+export {
+  _ as default
+};

package/dist/es/components/external/Transactions/components/TransactionsOverviewDateFilter.js

@@ -0,0 +1,61 @@
+import { jsx as p } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as R, useState as c, useCallback as O } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import d from "../../../../core/Context/useCoreContext.js";
+import I from "../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import { DateRangeFilterParam as D } from "../../../internal/FilterBar/filters/DateFilter/types.js";
+import { TransactionFilterParam as e } from "../types.js";
+import { EMPTY_OBJECT as P } from "../../../../utils/common/constants.js";
+const w = ({
+  balanceAccount: o,
+  canResetFilters: s,
+  defaultParams: r,
+  filters: m,
+  nowTimestamp: E,
+  refreshNowTimestamp: T,
+  updateFilters: a
+}) => {
+  const { i18n: n } = d(), t = R(() => n.get(r.current.defaultTimeRange), [n]), [f, C] = c(t), g = O(
+    (l = P) => {
+      for (const [u, i] of Object.entries(l)) {
+        switch (u) {
+          case "selectedPresetOption":
+            C(i || t);
+            break;
+          case D.FROM:
+            a({
+              [e.CREATED_SINCE]: i || r.current.defaultFilterParams[e.CREATED_SINCE]
+            });
+            break;
+          case D.TO:
+            a({
+              [e.CREATED_UNTIL]: i || r.current.defaultFilterParams[e.CREATED_UNTIL]
+            });
+            break;
+          default:
+            return;
+        }
+        T();
+      }
+    },
+    [t, T, a]
+  );
+  return R(() => !s && C(t), [s, t]), /* @__PURE__ */ p(
+    I,
+    {
+      label: n.get("dateRange"),
+      name: e.CREATED_SINCE,
+      untilDate: new Date(E).toString(),
+      from: m[e.CREATED_SINCE],
+      to: m[e.CREATED_UNTIL],
+      selectedPresetOption: f,
+      timeRangePresetOptions: r.current.timeRangeOptions,
+      timezone: o == null ? void 0 : o.timeZone,
+      onChange: g,
+      showTimezoneInfo: !0,
+      now: E
+    }
+  );
+};
+export {
+  w as default
+};

package/dist/es/components/external/Transactions/components/utils.js

@@ -0,0 +1,29 @@
+const a = {
+  id: "paymentId",
+  type: "type",
+  creationDate: "date",
+  balanceAccountId: "balanceAccount",
+  accountHolderId: "account",
+  fee: "txType.Fee",
+  capture: "txType.capture",
+  leftover: "txType.leftover",
+  manualCorrection: "txType.manualCorrection",
+  internalTransfer: "txType.internalTransfer",
+  balanceAdjustment: "txType.balanceAdjustment",
+  amount: "txAmount",
+  description: "description",
+  status: "status",
+  category: "category",
+  paymentMethod: "paymentMethod",
+  currency: "currency"
+}, n = (t) => a[t] || t, r = Object.freeze({
+  klarna: "Klarna",
+  paypal: "PayPal"
+});
+function c(t, e) {
+  return t.lastFourDigits ? e === "detail" ? "•••• •••• •••• " + t.lastFourDigits : t.lastFourDigits : r[t.type] || t.type;
+}
+export {
+  n as getLabel,
+  c as parsePaymentMethodType
+};

package/dist/es/components/external/Transactions/hooks/useDefaultTransactionsOverviewFilterParams.js

@@ -0,0 +1,22 @@
+import { useState as n, useRef as i, useCallback as m, useEffect as T } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getTimeRangeSelectionDefaultPresetOptions as l } from "../../../internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
+import { TransactionFilterParam as r } from "../types.js";
+import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as f } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+const c = () => {
+  const t = l(), e = "rangePreset.last7Days", { from: a, to: o } = t[e];
+  return { defaultFilterParams: {
+    ...f,
+    [r.CREATED_SINCE]: new Date(a).toISOString(),
+    [r.CREATED_UNTIL]: new Date(o).toISOString(),
+    [r.MIN_AMOUNT]: void 0,
+    [r.MAX_AMOUNT]: void 0
+  }, defaultTimeRange: e, timeRangeOptions: t };
+}, u = (t) => {
+  const [e, a] = n(Date.now()), o = i(c()), s = m(() => a(Date.now()), [a]);
+  return T(() => {
+    s();
+  }, [t, s]), { defaultParams: o, nowTimestamp: e, refreshNowTimestamp: s };
+}, S = u;
+export {
+  S as default
+};