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

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

@@ -1,35 +1,29 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import { UIElement } from "../UIElement.js";
-import TransactionsOverviewContainer from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
-import "../../../../types-e4bbd37f.mjs";
-class TransactionsElement extends UIElement {
-  constructor(props) {
-    super(props);
-    __publicField(this, "componentToRender", () => {
-      return /* @__PURE__ */ o(
-        TransactionsOverviewContainer,
-        {
-          ...this.props,
-          balanceAccountId: this.props.core.options.balanceAccountId,
-          ref: (ref) => {
-            this.componentRef = ref;
-          },
-          elementRef: this.elementRef
-        }
-      );
-    });
-    this.elementRef = props && props.elementRef || this;
-    this.componentToRender = this.componentToRender.bind(this);
+var r = Object.defineProperty;
+var i = (n, t, e) => t in n ? r(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var o = (n, t, e) => (i(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "../UIElement.js";
+import m from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
+class s extends a {
+  constructor(e) {
+    super(e);
+    o(this, "componentToRender", () => /* @__PURE__ */ c(
+      m,
+      {
+        ...this.props,
+        balanceAccountId: this.props.core.options.balanceAccountId,
+        ref: (e) => {
+          this.componentRef = e;
+        },
+        elementRef: this.elementRef
+      }
+    ));
+    this.elementRef = e && e.elementRef || this, this.componentToRender = this.componentToRender.bind(this);
   }
 }
-__publicField(TransactionsElement, "type", "transactions");
+o(s, "type", "transactions");
+const d = s;
 export {
-  TransactionsElement,
-  TransactionsElement as default
+  s as TransactionsElement,
+  d as default
 };

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

@@ -1,12 +1,9 @@
-import '../../../../../../AmountSkeleton.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import cx from "classnames";
-import { BASE_CLASS, LOADING_CLASS, MARGIN_CLASS } from "./constants.js";
-const AmountSkeleton$1 = "";
-const AmountSkeleton = ({ hasMargin = false, isLoading = false, width }) => {
-  return /* @__PURE__ */ o("span", { className: cx(BASE_CLASS, { [LOADING_CLASS]: isLoading, [MARGIN_CLASS]: hasMargin }), style: { width } });
-};
+import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import m from "classnames";
+import { BASE_CLASS as r, LOADING_CLASS as S, MARGIN_CLASS as a } from "./constants.js";
+import "./AmountSkeleton.scss.js";
+const n = ({ hasMargin: o = !1, isLoading: t = !1, width: e }) => /* @__PURE__ */ s("span", { className: m(r, { [S]: t, [a]: o }), style: { width: e } }), c = n;
 export {
-  AmountSkeleton,
-  AmountSkeleton as default
+  n as AmountSkeleton,
+  c as default
 };

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

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

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

@@ -1,8 +1,6 @@
-const BASE_CLASS = "adyen-pe-amount-skeleton";
-const MARGIN_CLASS = BASE_CLASS + "--has-margin";
-const LOADING_CLASS = BASE_CLASS + "--loading";
+const n = "adyen-pe-amount-skeleton", o = n + "--has-margin", S = n + "--loading";
 export {
-  BASE_CLASS,
-  LOADING_CLASS,
-  MARGIN_CLASS
+  n as BASE_CLASS,
+  S as LOADING_CLASS,
+  o as MARGIN_CLASS
 };

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

@@ -1,31 +1,30 @@
-import '../../../../../../BalanceAccountSelector.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { x } from "../../../../../../compat.module-a4d537ff.mjs";
-import Select from "../../../../internal/FormFields/Select/Select.js";
-import { useMediaQuery, mediaQueries } from "../../hooks/useMediaQuery.js";
-const BalanceAccountSelector$1 = "";
-const BalanceAccountSelector = x(
+import { jsx as m } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as t } from "../../../../../external/preact/compat/dist/compat.module.js";
+import "./BalanceAccountSelector.scss.js";
+import { useMediaQuery as l, mediaQueries as i } from "../../hooks/useMediaQuery.js";
+import d from "../../../../internal/FormFields/Select/Select.js";
+const f = t(
   ({
-    activeBalanceAccount,
-    balanceAccountSelectionOptions,
-    onBalanceAccountSelection
+    activeBalanceAccount: e,
+    balanceAccountSelectionOptions: r,
+    onBalanceAccountSelection: o
   }) => {
-    const isSmViewport = useMediaQuery(mediaQueries.down.xs);
-    return balanceAccountSelectionOptions && balanceAccountSelectionOptions.length > 1 ? /* @__PURE__ */ o(
-      Select,
+    const s = l(i.down.xs);
+    return r && r.length > 1 ? /* @__PURE__ */ m(
+      d,
       {
         popoverClassNameModifiers: ["adyen-pe-balance-account-selector"],
-        onChange: onBalanceAccountSelection,
-        filterable: false,
-        multiSelect: false,
-        selected: activeBalanceAccount == null ? void 0 : activeBalanceAccount.id,
-        withoutCollapseIndicator: true,
-        items: balanceAccountSelectionOptions,
-        showOverlay: isSmViewport
+        onChange: o,
+        filterable: !1,
+        multiSelect: !1,
+        selected: e == null ? void 0 : e.id,
+        withoutCollapseIndicator: !0,
+        items: r,
+        showOverlay: s
       }
     ) : null;
   }
-);
+), x = f;
 export {
-  BalanceAccountSelector as default
+  x as default
 };

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

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

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

@@ -1,25 +1,17 @@
-import { h, T, F } from "../../../../../../hooks.module-8565d716.mjs";
-const useBalanceAccountSelection = (balanceAccounts) => {
-  const [selectedBalanceAccountIndex, setSelectedBalanceAccountIndex] = h(0);
-  const resetBalanceAccountSelection = T(() => setSelectedBalanceAccountIndex(0), [setSelectedBalanceAccountIndex]);
-  const activeBalanceAccount = F(() => {
-    return balanceAccounts == null ? void 0 : balanceAccounts[selectedBalanceAccountIndex];
-  }, [balanceAccounts, selectedBalanceAccountIndex]);
-  const balanceAccountSelectionOptions = F(
-    () => balanceAccounts && balanceAccounts.length > 1 ? Object.freeze(balanceAccounts.map(({ id }) => ({ id, name: id }))) : void 0,
-    [balanceAccounts]
-  );
-  const onBalanceAccountSelection = T(
-    ({ target }) => {
-      const balanceAccountId = target == null ? void 0 : target.value;
-      const index = balanceAccounts == null ? void 0 : balanceAccounts.findIndex(({ id }) => id === balanceAccountId);
-      if (index >= 0)
-        setSelectedBalanceAccountIndex(index);
+import { useState as x, useCallback as d, useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+const p = (e) => {
+  const [n, t] = x(0), B = d(() => t(0), [t]), S = s(() => e == null ? void 0 : e[n], [e, n]), l = s(
+    () => e && e.length > 1 ? Object.freeze(e.map(({ id: o }) => ({ id: o, name: o }))) : void 0,
+    [e]
+  ), f = d(
+    ({ target: o }) => {
+      const m = o == null ? void 0 : o.value, i = e == null ? void 0 : e.findIndex(({ id: r }) => r === m);
+      i >= 0 && t(i);
     },
-    [balanceAccounts, setSelectedBalanceAccountIndex]
+    [e, t]
   );
-  return { activeBalanceAccount, balanceAccountSelectionOptions, onBalanceAccountSelection, resetBalanceAccountSelection };
-};
+  return { activeBalanceAccount: S, balanceAccountSelectionOptions: l, onBalanceAccountSelection: f, resetBalanceAccountSelection: B };
+}, u = p;
 export {
-  useBalanceAccountSelection as default
+  u as default
 };

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

@@ -1,41 +1,38 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import useCoreContext from "../../../../../core/Context/useCoreContext.js";
-import { _, F } from "../../../../../../hooks.module-8565d716.mjs";
-import { SummaryItem } from "../SummaryItem/SummaryItem.js";
-const BalanceItem = ({ balance, isHeader = false, isSkeleton = false, isLoading = false, widths, onWidthsSet, isEmpty }) => {
-  const { i18n } = useCoreContext();
-  const amountRef = _(null);
-  const currencyRef = _(null);
-  const columnConfigs = F(
+import { jsx as y } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "../../../../../core/Context/useCoreContext.js";
+import { useRef as r, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as g } from "../SummaryItem/SummaryItem.js";
+const S = ({ balance: e, isHeader: s = !1, isSkeleton: u = !1, isLoading: m = !1, widths: n, onWidthsSet: l, isEmpty: f }) => {
+  const { i18n: t } = a(), o = r(null), i = r(null), c = p(
     () => [
       {
         labelKey: "accountBalance",
-        ref: amountRef,
+        ref: o,
         skeletonWidth: 80,
-        getValue: () => balance && i18n.amount(balance.value, balance.currency)
+        getValue: () => e && t.amount(e.value, e.currency)
       },
       {
-        ref: currencyRef,
+        ref: i,
         skeletonWidth: 40,
-        valueHasLabelStyle: true,
-        getValue: () => balance == null ? void 0 : balance.currency
+        valueHasLabelStyle: !0,
+        getValue: () => e == null ? void 0 : e.currency
       }
     ],
-    [balance, amountRef, i18n]
+    [e, o, t]
   );
-  return /* @__PURE__ */ o(
-    SummaryItem,
+  return /* @__PURE__ */ y(
+    g,
     {
-      isEmpty,
-      columnConfigs,
-      isHeader,
-      isSkeletonVisible: isSkeleton,
-      isLoading,
-      widths,
-      onWidthsSet
+      isEmpty: f,
+      columnConfigs: c,
+      isHeader: s,
+      isSkeletonVisible: u,
+      isLoading: m,
+      widths: n,
+      onWidthsSet: l
     }
   );
 };
 export {
-  BalanceItem
+  S as BalanceItem
 };

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

@@ -1,56 +1,45 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { useSetupEndpoint } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { T, F, p } from "../../../../../../hooks.module-8565d716.mjs";
-import "../../../../../utils/common/index.js";
-import { useFetch } from "../../../../../hooks/useFetch/useFetch.js";
-import { x } from "../../../../../../compat.module-a4d537ff.mjs";
-import { BASE_CLASS } from "./constants.js";
-import ExpandableCard from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { BaseList } from "../../../../internal/BaseList/BaseList.js";
-import { BalanceItem } from "../BalanceItem/BalanceItem.js";
-import { useMaxWidthsState } from "../../hooks/useMaxWidths.js";
-import { EMPTY_OBJECT } from "../../../../../utils/common/constants.js";
-const Balances = x(({ balanceAccountId, onCurrenciesChange, fullWidth }) => {
-  const getAccountsBalance = useSetupEndpoint("getBalances");
-  const fetchCallback = T(async () => {
-    return getAccountsBalance(EMPTY_OBJECT, {
-      path: { balanceAccountId }
-    });
-  }, [balanceAccountId, getAccountsBalance]);
-  const { data, error, isFetching } = useFetch({
-    fetchOptions: F(() => ({ enabled: !!balanceAccountId }), [balanceAccountId]),
-    queryFn: fetchCallback
-  });
-  const isLoading = !balanceAccountId || isFetching;
-  const isEmpty = !!error || !(data == null ? void 0 : data.balances.length);
-  const balances = data == null ? void 0 : data.balances.sort((a, b) => a.currency.localeCompare(b.currency));
-  const [firstBalance, ...restOfBalances] = balances ?? [];
-  const [maxWidths, setMaxWidths] = useMaxWidthsState();
-  p(() => {
-    const currencies = new Set((balances == null ? void 0 : balances.map(({ currency }) => currency)) || []);
-    onCurrenciesChange(Array.from(currencies), isFetching);
-  }, [balances, isFetching, onCurrenciesChange]);
-  return /* @__PURE__ */ o("div", { className: BASE_CLASS, children: /* @__PURE__ */ o(
-    ExpandableCard,
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useSetupEndpoint as y } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useCallback as E, useMemo as g, useEffect as W } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as C } from "../../../../../hooks/useFetch/useFetch.js";
+import { memo as F } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { BASE_CLASS as M } from "./constants.js";
+import k from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { BaseList as w } from "../../../../internal/BaseList/BaseList.js";
+import { BalanceItem as h } from "../BalanceItem/BalanceItem.js";
+import { useMaxWidthsState as L } from "../../hooks/useMaxWidths.js";
+import { EMPTY_OBJECT as O } from "../../../../../utils/common/constants.js";
+const z = F(({ balanceAccountId: s, onCurrenciesChange: n, fullWidth: d }) => {
+  const a = y("getBalances"), u = E(async () => a(O, {
+    path: { balanceAccountId: s }
+  }), [s, a]), { data: e, error: B, isFetching: i } = C({
+    fetchOptions: g(() => ({ enabled: !!s }), [s]),
+    queryFn: u
+  }), c = !s || i, S = !!B || !(e != null && e.balances.length), o = e == null ? void 0 : e.balances.sort((r, m) => r.currency.localeCompare(m.currency)), [x, ...l] = o ?? [], [p, f] = L();
+  return W(() => {
+    const r = new Set((o == null ? void 0 : o.map(({ currency: m }) => m)) || []);
+    n(Array.from(r), i);
+  }, [o, i, n]), /* @__PURE__ */ t("div", { className: M, children: /* @__PURE__ */ t(
+    k,
     {
-      renderHeader: /* @__PURE__ */ o(
-        BalanceItem,
+      renderHeader: /* @__PURE__ */ t(
+        h,
         {
-          isEmpty,
-          balance: firstBalance,
-          widths: maxWidths,
-          isHeader: true,
-          isSkeleton: isLoading,
-          isLoading,
-          onWidthsSet: setMaxWidths
+          isEmpty: S,
+          balance: x,
+          widths: p,
+          isHeader: !0,
+          isSkeleton: c,
+          isLoading: c,
+          onWidthsSet: f
         }
       ),
-      filled: true,
-      fullWidth,
-      children: restOfBalances.length && /* @__PURE__ */ o(BaseList, { children: restOfBalances.map((balance) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(BalanceItem, { balance, widths: maxWidths, onWidthsSet: setMaxWidths }) }, balance.currency)) })
+      filled: !0,
+      fullWidth: d,
+      children: l.length && /* @__PURE__ */ t(w, { children: l.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(h, { balance: r, widths: p, onWidthsSet: f }) }, r.currency)) })
     }
   ) });
 });
 export {
-  Balances
+  z as Balances
 };

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

@@ -1,4 +1,4 @@
-const BASE_CLASS = "adyen-pe-balances";
+const e = "adyen-pe-balances";
 export {
-  BASE_CLASS
+  e as BASE_CLASS
 };

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

@@ -1,12 +1,11 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { Tooltip } from "../../../../internal/Tooltip/Tooltip.js";
-import useCoreContext from "../../../../../core/Context/useCoreContext.js";
-import { k } from "../../../../../../preact.module-38e5a571.mjs";
-function Category({ value, isContainerHovered }) {
-  const { i18n } = useCoreContext();
-  const tooltipKey = `tooltip.${value}`;
-  return /* @__PURE__ */ o(k, { children: i18n.has(tooltipKey) && /* @__PURE__ */ o(Tooltip, { content: i18n.get(tooltipKey), isContainerHovered, children: /* @__PURE__ */ o("span", { children: value }) }) });
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { Tooltip as i } from "../../../../internal/Tooltip/Tooltip.js";
+import m from "../../../../../core/Context/useCoreContext.js";
+import { Fragment as p } from "../../../../../external/preact/dist/preact.module.js";
+function l({ value: t, isContainerHovered: e }) {
+  const { i18n: r } = m(), n = `tooltip.${t}`;
+  return /* @__PURE__ */ o(p, { children: r.has(n) && /* @__PURE__ */ o(i, { content: r.get(n), isContainerHovered: e, children: /* @__PURE__ */ o("span", { children: t }) }) });
 }
 export {
-  Category as default
+  l as default
 };

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

@@ -1,12 +1,12 @@
-import { o } from "../../../../../jsxRuntime.module-69493d81.mjs";
-import TransactionDetails from "../../TransactionDetails/components/TransactionDetails.js";
-import { hasOwnProperty } from "../../../../utils/common/index.js";
-import { k } from "../../../../../preact.module-38e5a571.mjs";
-const isTransactionWithoutId = (data) => hasOwnProperty(data, "id");
-function ModalContent({ data }) {
-  const transactionProps = isTransactionWithoutId(data) ? { transaction: data } : { transactionId: data };
-  return /* @__PURE__ */ o(k, { children: transactionProps && /* @__PURE__ */ o(TransactionDetails, { ...transactionProps }) });
+import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import n from "../../TransactionDetails/components/TransactionDetails.js";
+import { hasOwnProperty as i } from "../../../../utils/common/index.js";
+import { Fragment as s } from "../../../../external/preact/dist/preact.module.js";
+const a = (o) => i(o, "id");
+function f({ data: o }) {
+  const t = a(o) ? { transaction: o } : { transactionId: o };
+  return /* @__PURE__ */ r(s, { children: t && /* @__PURE__ */ r(n, { ...t }) });
 }
 export {
-  ModalContent as default
+  f as default
 };

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

@@ -1,33 +1,31 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { x } from "../../../../../../compat.module-a4d537ff.mjs";
-import Select from "../../../../internal/FormFields/Select/Select.js";
-import { useMediaQuery, mediaQueries } from "../../hooks/useMediaQuery.js";
-const MultiSelectionFilter = x(
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as u } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMediaQuery as t, mediaQueries as o } from "../../hooks/useMediaQuery.js";
+import c from "../../../../internal/FormFields/Select/Select.js";
+const d = u(
   ({
-    placeholder,
-    selection,
-    selectionOptions,
-    updateSelection
+    placeholder: i,
+    selection: l,
+    selectionOptions: e,
+    updateSelection: r
   }) => {
-    const isSmViewport = useMediaQuery(mediaQueries.down.xs);
-    const isOnlySmDevice = useMediaQuery(mediaQueries.only.sm);
-    const isOnlyMdDevice = useMediaQuery(mediaQueries.only.md);
-    return selectionOptions && selectionOptions.length > 1 ? /* @__PURE__ */ o(
-      Select,
+    const s = t(o.down.xs), m = t(o.only.sm), n = t(o.only.md);
+    return e && e.length > 1 ? /* @__PURE__ */ a(
+      c,
       {
-        onChange: updateSelection,
-        filterable: false,
-        multiSelect: true,
-        placeholder,
-        selected: selection,
-        withoutCollapseIndicator: true,
-        items: selectionOptions,
-        showOverlay: isSmViewport,
-        fitPosition: isOnlyMdDevice || isOnlySmDevice
+        onChange: r,
+        filterable: !1,
+        multiSelect: !0,
+        placeholder: i,
+        selected: l,
+        withoutCollapseIndicator: !0,
+        items: e,
+        showOverlay: s,
+        fitPosition: n || m
       }
     ) : null;
   }
-);
+), h = d;
 export {
-  MultiSelectionFilter as default
+  h as default
 };

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

@@ -1,13 +1,11 @@
-import { T as TransactionFilterParam } from "../../../../../../../types-e4bbd37f.mjs";
-const TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTERS = [
-  TransactionFilterParam.CURRENCIES,
-  TransactionFilterParam.CATEGORIES,
-  TransactionFilterParam.STATUSES
-];
-const DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS = Object.freeze(
-  Object.fromEntries(TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTERS.map((param) => [param, ""]))
-);
-const TRANSACTION_CATEGORIES = [
+import { TransactionFilterParam as T } from "../../../types.js";
+const E = [
+  T.CURRENCIES,
+  T.CATEGORIES,
+  T.STATUSES
+], r = Object.freeze(
+  Object.fromEntries(E.map((e) => [e, ""]))
+), A = [
   "ATM",
   "Capital",
   "Chargeback",
@@ -17,11 +15,10 @@ const TRANSACTION_CATEGORIES = [
   "Refund",
   "Transfer",
   "Other"
-];
-const TRANSACTION_STATUSES = ["Booked", "Pending", "Reversed"];
+], t = ["Booked", "Pending", "Reversed"];
 export {
-  DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
-  TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTERS,
-  TRANSACTION_CATEGORIES,
-  TRANSACTION_STATUSES
+  r as DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
+  E as TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTERS,
+  A as TRANSACTION_CATEGORIES,
+  t as TRANSACTION_STATUSES
 };

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

@@ -1,31 +1,21 @@
-import { F, T, h } from "../../../../../../../hooks.module-8565d716.mjs";
-import { listFrom, selectionOptionsFor } from "./utils.js";
-const useMultiSelectionFilter = ({
-  filterParam,
-  filterValues,
-  filters,
-  defaultFilters,
-  updateFilters
+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 selection = F(() => {
-    return listFrom((filters == null ? void 0 : filters[filterParam]) ?? (defaultFilters == null ? void 0 : defaultFilters[filterParam]) ?? "");
-  }, [defaultFilters, filters, filterParam]);
-  const selectionOptions = F(() => filterValues && selectionOptionsFor(filterValues), [filterValues]);
-  const updateSelection = T(
-    ({ target }) => {
-      updateFilters == null ? void 0 : updateFilters({ [filterParam]: (target == null ? void 0 : target.value) || "" });
+  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) || "" });
     },
-    [updateFilters, filterParam]
+    [M, o]
   );
-  return { selection, selectionOptions, updateSelection };
-};
-const useMultiSelectionFilterWithoutValues = (config) => {
-  const [filterValues, updateFilterValues] = h();
-  const useMultiSelectionFilterProperties = useMultiSelectionFilter({ ...config, filterValues });
-  return { ...useMultiSelectionFilterProperties, filterValues, updateFilterValues };
-};
+  return { selection: b, selectionOptions: k, updateSelection: p };
+}, h = C;
 export {
-  useMultiSelectionFilter as default,
-  useMultiSelectionFilter,
-  useMultiSelectionFilterWithoutValues
+  h as default,
+  C as useMultiSelectionFilter
 };

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

@@ -1,11 +1,9 @@
-import "../../../../../../utils/common/index.js";
-import { EMPTY_ARRAY } from "../../../../../../utils/common/constants.js";
-const listFrom = (value) => {
-  const stringedValue = `${value}`.trim();
-  return stringedValue ? stringedValue.split(/(?:\s*,\s*)+/).filter(Boolean) : EMPTY_ARRAY;
-};
-const selectionOptionsFor = (list) => Object.freeze(list.map((id) => ({ id, name: id })));
+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 {
-  listFrom,
-  selectionOptionsFor
+  s as listFrom,
+  n as selectionOptionsFor
 };