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

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

@@ -1,71 +1,67 @@
-import { o } from "../../../../../jsxRuntime.module-69493d81.mjs";
-import { F, h, T } from "../../../../../hooks.module-8565d716.mjs";
-import useCoreContext from "../../../../core/Context/useCoreContext.js";
-import { D as DateRangeFilterParam, a as DateFilter } from "../../../../../index-f5bc0382.mjs";
-import { T as TransactionFilterParam } from "../../../../../types-e4bbd37f.mjs";
-import "../../../../utils/common/index.js";
-import { EMPTY_OBJECT } from "../../../../utils/common/constants.js";
-const TransactionsOverviewDateFilter = ({
-  balanceAccount,
-  canResetFilters,
-  defaultParams,
-  filters,
-  nowTimestamp,
-  refreshNowTimestamp,
-  updateFilters
+import { jsx as O } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as E, useState as d, useCallback as p } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import I from "../../../../core/Context/useCoreContext.js";
+import { DateRangeFilterParam as c } from "../../../internal/FilterBar/filters/DateFilter/types.js";
+import { TransactionFilterParam as e } from "../types.js";
+import P from "../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import { EMPTY_OBJECT as S } from "../../../../utils/common/constants.js";
+const _ = ({
+  balanceAccount: a,
+  canResetFilters: T,
+  defaultParams: o,
+  filters: C,
+  nowTimestamp: n,
+  refreshNowTimestamp: D,
+  updateFilters: s
 }) => {
-  const { i18n } = useCoreContext();
-  const defaultTimeRangePreset = F(() => i18n.get(defaultParams.current.defaultTimeRange), [i18n]);
-  const [selectedTimeRangePreset, setSelectedTimeRangePreset] = h(defaultTimeRangePreset);
-  const updateCreatedDateFilter = T(
-    (params = EMPTY_OBJECT) => {
-      for (const [param, value] of Object.entries(params)) {
-        switch (param) {
+  const { i18n: i } = I(), t = E(() => i.get(o.current.defaultTimeRange), [i]), [g, R] = d(t), l = p(
+    (r = S) => {
+      for (const [u, m] of Object.entries(r)) {
+        switch (u) {
           case "selectedPresetOption":
-            setSelectedTimeRangePreset(value || defaultTimeRangePreset);
+            R(m || t);
             break;
-          case DateRangeFilterParam.FROM:
-            updateFilters({
-              [TransactionFilterParam.CREATED_SINCE]: value || defaultParams.current.defaultFilterParams[TransactionFilterParam.CREATED_SINCE]
+          case c.FROM:
+            s({
+              [e.CREATED_SINCE]: m || o.current.defaultFilterParams[e.CREATED_SINCE]
             });
             break;
-          case DateRangeFilterParam.TO:
-            updateFilters({
-              [TransactionFilterParam.CREATED_UNTIL]: value || defaultParams.current.defaultFilterParams[TransactionFilterParam.CREATED_UNTIL]
+          case c.TO:
+            s({
+              [e.CREATED_UNTIL]: m || o.current.defaultFilterParams[e.CREATED_UNTIL]
             });
             break;
           default:
             return;
         }
-        refreshNowTimestamp();
+        D();
       }
     },
-    [defaultTimeRangePreset, refreshNowTimestamp, updateFilters]
+    [t, D, s]
   );
-  F(() => !canResetFilters && setSelectedTimeRangePreset(defaultTimeRangePreset), [canResetFilters, defaultTimeRangePreset]);
-  const sinceDate = F(() => {
-    const date = new Date(nowTimestamp);
-    date.setMonth(date.getMonth() - 24);
-    return date.toString();
-  }, [nowTimestamp]);
-  return /* @__PURE__ */ o(
-    DateFilter,
+  E(() => !T && R(t), [T, t]);
+  const f = E(() => {
+    const r = new Date(n);
+    return r.setMonth(r.getMonth() - 24), r.toString();
+  }, [n]);
+  return /* @__PURE__ */ O(
+    P,
     {
-      label: i18n.get("dateRange"),
-      name: TransactionFilterParam.CREATED_SINCE,
-      sinceDate,
-      untilDate: new Date(nowTimestamp).toString(),
-      from: filters[TransactionFilterParam.CREATED_SINCE],
-      to: filters[TransactionFilterParam.CREATED_UNTIL],
-      selectedPresetOption: selectedTimeRangePreset,
-      timeRangePresetOptions: defaultParams.current.timeRangeOptions,
-      timezone: balanceAccount == null ? void 0 : balanceAccount.timeZone,
-      onChange: updateCreatedDateFilter,
-      showTimezoneInfo: true,
-      now: nowTimestamp
+      label: i.get("dateRange"),
+      name: e.CREATED_SINCE,
+      sinceDate: f,
+      untilDate: new Date(n).toString(),
+      from: C[e.CREATED_SINCE],
+      to: C[e.CREATED_UNTIL],
+      selectedPresetOption: g,
+      timeRangePresetOptions: o.current.timeRangeOptions,
+      timezone: a == null ? void 0 : a.timeZone,
+      onChange: l,
+      showTimezoneInfo: !0,
+      now: n
     }
   );
-};
+}, x = _;
 export {
-  TransactionsOverviewDateFilter as default
+  x as default
 };

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

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

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

@@ -1,73 +1,64 @@
-import '../../../../../../TransactionsTable.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import Category from "../Category/Category.js";
-import useCoreContext from "../../../../../core/Context/useCoreContext.js";
-import { h, F, T } from "../../../../../../hooks.module-8565d716.mjs";
-import { C as CellTextPosition, D as DataGrid } from "../../../../../../index-6e47f755.mjs";
-import Pagination from "../../../../internal/Pagination/Pagination.js";
-import { getLabel, parsePaymentMethodType } from "../utils.js";
-import { T as Tag, a as TagVariant } from "../../../../../../Tag-6d02fd64.mjs";
-import { Image } from "../../../../internal/Image/Image.js";
-import TransactionListError from "../TransactionListError/TransactionListError.js";
-import { getCurrencyCode } from "../../../../../core/Localization/amount/amount-util.js";
-import { BASE_CLASS, AMOUNT_CLASS, PAYMENT_METHOD_CLASS, PAYMENT_METHOD_LOGO_CONTAINER_CLASS, PAYMENT_METHOD_LOGO_CLASS } from "./constants.js";
-import { useMediaQuery, mediaQueries } from "../../hooks/useMediaQuery.js";
-import { k } from "../../../../../../preact.module-38e5a571.mjs";
-const TransactionTable = "";
-const FIELDS = ["creationDate", "paymentMethod", "transactionType", "amount"];
-const TransactionsTable = ({
-  availableCurrencies,
-  error,
-  hasMultipleCurrencies,
-  loading,
-  onContactSupport,
-  onRowClick,
-  onTransactionSelected,
-  showDetails,
-  showPagination,
-  transactions,
-  ...paginationProps
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import D from "../Category/Category.js";
+import _ from "../../../../../core/Context/useCoreContext.js";
+import { useState as L, useMemo as l, useCallback as N } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { getLabel as C, parsePaymentMethodType as b } from "../utils.js";
+import { Tag as O } from "../../../../internal/Tag/Tag.js";
+import { TagVariant as v } from "../../../../internal/Tag/types.js";
+import { CellTextPosition as H } from "../../../../internal/DataGrid/types.js";
+import { Image as w } from "../../../../internal/Image/Image.js";
+import F from "../TransactionListError/TransactionListError.js";
+import { getCurrencyCode as P } from "../../../../../core/Localization/amount/amount-util.js";
+import { BASE_CLASS as R, AMOUNT_CLASS as k, PAYMENT_METHOD_CLASS as G, PAYMENT_METHOD_LOGO_CONTAINER_CLASS as I, PAYMENT_METHOD_LOGO_CLASS as Y } from "./constants.js";
+import "./TransactionTable.scss.js";
+import { useMediaQuery as x, mediaQueries as $ } from "../../hooks/useMediaQuery.js";
+import p from "../../../../internal/DataGrid/DataGrid.js";
+import { Fragment as W } from "../../../../../external/preact/dist/preact.module.js";
+import B from "../../../../internal/Pagination/Pagination.js";
+const Q = ["creationDate", "paymentMethod", "transactionType", "amount"], lo = ({
+  availableCurrencies: r,
+  error: n,
+  hasMultipleCurrencies: s,
+  loading: d,
+  onContactSupport: m,
+  onRowClick: u,
+  onTransactionSelected: V,
+  showDetails: j,
+  showPagination: T,
+  transactions: y,
+  ...f
 }) => {
-  const { i18n } = useCoreContext();
-  const [hoveredRow, setHoveredRow] = h();
-  const isSmViewport = useMediaQuery(mediaQueries.down.sm);
-  const columns = F(
-    () => FIELDS.map((key) => {
-      const label = i18n.get(getLabel(key));
-      if (key === "amount") {
-        return {
-          key,
-          label: hasMultipleCurrencies ? label : `${label} ${availableCurrencies && availableCurrencies[0] ? `(${getCurrencyCode(availableCurrencies[0])})` : ""}`,
-          position: key === "amount" ? CellTextPosition.RIGHT : void 0
-        };
-      }
-      return { key, label };
-    }).filter((column) => !(isSmViewport && ["status", "type"].includes(column.key))),
-    [availableCurrencies, hasMultipleCurrencies, i18n, isSmViewport]
-  );
-  const EMPTY_TABLE_MESSAGE = {
+  const { i18n: a } = _(), [h, i] = L(), c = x($.down.sm), M = l(
+    () => Q.map((o) => {
+      const e = a.get(C(o));
+      return o === "amount" ? {
+        key: o,
+        label: s ? e : `${e} ${r && r[0] ? `(${P(r[0])})` : ""}`,
+        position: o === "amount" ? H.RIGHT : void 0
+      } : { key: o, label: e };
+    }).filter((o) => !(c && ["status", "type"].includes(o.key))),
+    [r, s, a, c]
+  ), g = {
     title: "noTransactionsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  };
-  const onHover = T(
-    (index) => {
-      setHoveredRow(index ?? void 0);
+  }, A = N(
+    (o) => {
+      i(o ?? void 0);
     },
-    [setHoveredRow]
-  );
-  const errorDisplay = F(() => () => /* @__PURE__ */ o(TransactionListError, { error, onContactSupport }), [error, onContactSupport]);
-  return /* @__PURE__ */ o("div", { className: BASE_CLASS, children: /* @__PURE__ */ o(
-    DataGrid,
+    [i]
+  ), S = l(() => () => /* @__PURE__ */ t(F, { error: n, onContactSupport: m }), [n, m]);
+  return /* @__PURE__ */ t("div", { className: R, children: /* @__PURE__ */ t(
+    p,
     {
-      errorDisplay,
-      error,
-      columns,
-      data: transactions,
-      loading,
-      outline: false,
-      onRowClick: { callback: onRowClick },
-      onRowHover: onHover,
-      emptyTableMessage: EMPTY_TABLE_MESSAGE,
+      errorDisplay: S,
+      error: n,
+      columns: M,
+      data: y,
+      loading: d,
+      outline: !1,
+      onRowClick: { callback: u },
+      onRowHover: A,
+      emptyTableMessage: g,
       customCells: {
         // Remove status column temporarily
         /* status: ({ value }) => {
@@ -78,35 +69,35 @@ const TransactionsTable = ({
                 />
             );
         },*/
-        transactionType: ({ item, rowIndex }) => {
-          const tooltipKey = `tooltip.${item.category}`;
-          return item.category ? i18n.has(tooltipKey) ? /* @__PURE__ */ o(Category, { value: item.category, isContainerHovered: rowIndex === hoveredRow }) : /* @__PURE__ */ o("span", { children: item.category }) : null;
+        transactionType: ({ item: o, rowIndex: e }) => {
+          const E = `tooltip.${o.category}`;
+          return o.category ? a.has(E) ? /* @__PURE__ */ t(D, { value: o.category, isContainerHovered: e === h }) : /* @__PURE__ */ t("span", { children: o.category }) : null;
         },
-        creationDate: ({ value }) => i18n.fullDate(value),
-        amount: ({ value }) => {
-          const amount = i18n.amount(value.value, value.currency, { hideCurrency: !hasMultipleCurrencies });
-          return /* @__PURE__ */ o("span", { className: AMOUNT_CLASS, children: amount });
+        creationDate: ({ value: o }) => a.fullDate(o),
+        amount: ({ value: o }) => {
+          const e = a.amount(o.value, o.currency, { hideCurrency: !s });
+          return /* @__PURE__ */ t("span", { className: k, children: e });
         },
-        paymentMethod: ({ item }) => {
-          var _a;
-          return /* @__PURE__ */ o(k, { children: item.paymentMethod || item.bankAccount ? /* @__PURE__ */ o("div", { className: PAYMENT_METHOD_CLASS, children: [
-            /* @__PURE__ */ o("div", { className: PAYMENT_METHOD_LOGO_CONTAINER_CLASS, children: /* @__PURE__ */ o(
-              Image,
+        paymentMethod: ({ item: o }) => {
+          var e;
+          return /* @__PURE__ */ t(W, { children: o.paymentMethod || o.bankAccount ? /* @__PURE__ */ t("div", { className: G, children: [
+            /* @__PURE__ */ t("div", { className: I, children: /* @__PURE__ */ t(
+              w,
               {
-                name: item.paymentMethod ? item.paymentMethod.type : "bankTransfer",
-                alt: item.paymentMethod ? item.paymentMethod.type : "bankTransfer",
+                name: o.paymentMethod ? o.paymentMethod.type : "bankTransfer",
+                alt: o.paymentMethod ? o.paymentMethod.type : "bankTransfer",
                 folder: "logos/",
-                className: PAYMENT_METHOD_LOGO_CLASS
+                className: Y
               }
             ) }),
-            item.paymentMethod ? parsePaymentMethodType(item.paymentMethod) : (_a = item.bankAccount) == null ? void 0 : _a.accountNumberLastFourDigits
-          ] }) : /* @__PURE__ */ o(Tag, { label: i18n.get("noData"), variant: TagVariant.WHITE }) });
+            o.paymentMethod ? b(o.paymentMethod) : (e = o.bankAccount) == null ? void 0 : e.accountNumberLastFourDigits
+          ] }) : /* @__PURE__ */ t(O, { label: a.get("noData"), variant: v.WHITE }) });
         }
       },
-      children: showPagination && /* @__PURE__ */ o(DataGrid.Footer, { children: /* @__PURE__ */ o(Pagination, { ...paginationProps }) })
+      children: T && /* @__PURE__ */ t(p.Footer, { children: /* @__PURE__ */ t(B, { ...f }) })
     }
   ) });
 };
 export {
-  TransactionsTable
+  lo as TransactionsTable
 };

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

@@ -1,12 +1,8 @@
-const BASE_CLASS = "adyen-pe-transactions-table";
-const AMOUNT_CLASS = BASE_CLASS + "__amount";
-const PAYMENT_METHOD_CLASS = BASE_CLASS + "__payment-method";
-const PAYMENT_METHOD_LOGO_CONTAINER_CLASS = BASE_CLASS + "__payment-method-logo-container";
-const PAYMENT_METHOD_LOGO_CLASS = BASE_CLASS + "__payment-method-logo";
+const _ = "adyen-pe-transactions-table", t = _ + "__amount", o = _ + "__payment-method", n = _ + "__payment-method-logo-container", e = _ + "__payment-method-logo";
 export {
-  AMOUNT_CLASS,
-  BASE_CLASS,
-  PAYMENT_METHOD_CLASS,
-  PAYMENT_METHOD_LOGO_CLASS,
-  PAYMENT_METHOD_LOGO_CONTAINER_CLASS
+  t as AMOUNT_CLASS,
+  _ as BASE_CLASS,
+  o as PAYMENT_METHOD_CLASS,
+  e as PAYMENT_METHOD_LOGO_CLASS,
+  n as PAYMENT_METHOD_LOGO_CONTAINER_CLASS
 };

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

@@ -1,4 +1,4 @@
-const labels = {
+const a = {
   id: "paymentId",
   transactionType: "transactionType",
   creationDate: "date",
@@ -16,20 +16,14 @@ const labels = {
   category: "category",
   paymentMethod: "paymentMethod",
   currency: "currency"
-};
-const getLabel = (key) => {
-  return labels[key] || key;
-};
-const PAYMENT_METHODS = Object.freeze({
+}, r = (t) => a[t] || t, n = Object.freeze({
   klarna: "Klarna",
   paypal: "PayPal"
 });
-function parsePaymentMethodType(paymentMethod, format) {
-  if (paymentMethod.lastFourDigits)
-    return format === "detail" ? "•••• •••• •••• " + paymentMethod.lastFourDigits : paymentMethod.lastFourDigits;
-  return PAYMENT_METHODS[paymentMethod.type] || paymentMethod.type;
+function c(t, e) {
+  return t.lastFourDigits ? e === "detail" ? "•••• •••• •••• " + t.lastFourDigits : t.lastFourDigits : n[t.type] || t.type;
 }
 export {
-  getLabel,
-  parsePaymentMethodType
+  r as getLabel,
+  c as parsePaymentMethodType
 };

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

@@ -1,41 +1,23 @@
-import '../../../../../Select.css';
-import { h, _, T, p } from "../../../../../hooks.module-8565d716.mjs";
-import "../../../../../preact.module-38e5a571.mjs";
-import "classnames";
-import "../../../../utils/common/index.js";
-import "../../../../core/Context/CoreContext.js";
-import "../../../internal/Img/Img.js";
-import "../../../internal/Button/Button.js";
-import "../../../../../Typography-11b95870.mjs";
-import "../../../internal/SVGIcons/ChevronDown.js";
-import "../../../internal/FormFields/Select/constants.js";
-import "../../../internal/FormFields/Select/components/SelectList.js";
-/* empty css                               */import { getTimeRangeSelectionDefaultPresetOptions } from "../../../internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
-import "../components/MultiSelectionFilter/MultiSelectionFilter.js";
-import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
-import { T as TransactionFilterParam } from "../../../../../types-e4bbd37f.mjs";
-const getDefaultTransactionsFilterParams = () => {
-  const timeRangeOptions = getTimeRangeSelectionDefaultPresetOptions();
-  const defaultTimeRange = "rangePreset.last7Days";
-  const { from, to } = timeRangeOptions[defaultTimeRange];
-  const defaultFilterParams = {
-    ...DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
-    [TransactionFilterParam.CREATED_SINCE]: new Date(from).toISOString(),
-    [TransactionFilterParam.CREATED_UNTIL]: new Date(to).toISOString(),
-    [TransactionFilterParam.MIN_AMOUNT]: void 0,
-    [TransactionFilterParam.MAX_AMOUNT]: void 0
-  };
-  return { defaultFilterParams, defaultTimeRange, timeRangeOptions };
-};
-const useDefaultTransactionsOverviewFilterParams = (balanceAccount) => {
-  const [nowTimestamp, setNowTimestamp] = h(Date.now());
-  const defaultParams = _(getDefaultTransactionsFilterParams());
-  const refreshNowTimestamp = T(() => setNowTimestamp(Date.now()), [setNowTimestamp]);
-  p(() => {
-    refreshNowTimestamp();
-  }, [balanceAccount, refreshNowTimestamp]);
-  return { defaultParams, nowTimestamp, refreshNowTimestamp };
-};
+import { useState as i, useRef as m, useCallback as n, useEffect as T } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { TransactionFilterParam as a } from "../types.js";
+import { getTimeRangeSelectionDefaultPresetOptions as f } from "../../../internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
+import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as l } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+const E = (t) => {
+  const r = f(), e = "rangePreset.last7Days", { from: o, to: s } = r[e];
+  return { defaultFilterParams: {
+    ...l,
+    [a.BALANCE_ACCOUNT]: t == null ? void 0 : t.id,
+    [a.CREATED_SINCE]: new Date(o).toISOString(),
+    [a.CREATED_UNTIL]: new Date(s).toISOString(),
+    [a.MIN_AMOUNT]: void 0,
+    [a.MAX_AMOUNT]: void 0
+  }, defaultTimeRange: e, timeRangeOptions: r };
+}, u = (t) => {
+  const [r, e] = i(Date.now()), o = m(E(t)), s = n(() => e(Date.now()), [e]);
+  return T(() => {
+    s();
+  }, [t, s]), { defaultParams: o, nowTimestamp: r, refreshNowTimestamp: s };
+}, S = u;
 export {
-  useDefaultTransactionsOverviewFilterParams as default
+  S as default
 };

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

@@ -1,16 +1,15 @@
-import { h, T } from "../../../../../hooks.module-8565d716.mjs";
-const useMaxWidthsState = () => {
-  const [maxWidths, setMaxWidths] = h([]);
-  const setMaxWidthsConditionally = T((widths) => {
-    setMaxWidths(
-      (currentMaxWidths) => widths.every((width) => !width) ? widths : widths.map((width, index) => {
-        const currentMaxWidth = currentMaxWidths[index];
-        return !currentMaxWidth || width > currentMaxWidth ? width : currentMaxWidth;
+import { useState as u, useCallback as x } from "../../../../external/preact/hooks/dist/hooks.module.js";
+const W = () => {
+  const [s, r] = u([]), n = x((a) => {
+    r(
+      (o) => a.every((t) => !t) ? a : a.map((t, c) => {
+        const e = o[c];
+        return !e || t > e ? t : e;
       })
     );
   }, []);
-  return [maxWidths, setMaxWidthsConditionally];
+  return [s, n];
 };
 export {
-  useMaxWidthsState
+  W as useMaxWidthsState
 };

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

@@ -1,37 +1,32 @@
-import { F, h, p } from "../../../../../hooks.module-8565d716.mjs";
-import { BREAKPOINTS } from "../../../../constants.js";
-const mediaQueries = {
+import { useMemo as h, useState as x, useEffect as i } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { BREAKPOINTS as m } from "../../../../constants.js";
+const w = {
   up: {
-    sm: `(min-width: ${BREAKPOINTS.sm}px)`,
-    md: `(min-width: ${BREAKPOINTS.md}px)`,
-    lg: `(min-width: ${BREAKPOINTS.lg}px)`
+    sm: `(min-width: ${m.sm}px)`,
+    md: `(min-width: ${m.md}px)`,
+    lg: `(min-width: ${m.lg}px)`
   },
   down: {
-    xs: `(max-width: ${BREAKPOINTS.sm - 1}px)`,
-    sm: `(max-width: ${BREAKPOINTS.md - 1}px)`,
-    md: `(max-width: ${BREAKPOINTS.lg - 1}px)`
+    xs: `(max-width: ${m.sm - 1}px)`,
+    sm: `(max-width: ${m.md - 1}px)`,
+    md: `(max-width: ${m.lg - 1}px)`
   },
   only: {
-    xs: `(max-width: ${BREAKPOINTS.sm - 1}px)`,
-    sm: `(min-width: ${BREAKPOINTS.sm}px) and (max-width: ${BREAKPOINTS.md - 1}px)`,
-    md: `(min-width: ${BREAKPOINTS.md}px) and (max-width: ${BREAKPOINTS.lg - 1}px)`,
-    lg: `(min-width: ${BREAKPOINTS.lg}px)`
+    xs: `(max-width: ${m.sm - 1}px)`,
+    sm: `(min-width: ${m.sm}px) and (max-width: ${m.md - 1}px)`,
+    md: `(min-width: ${m.md}px) and (max-width: ${m.lg - 1}px)`,
+    lg: `(min-width: ${m.lg}px)`
   }
-};
-const useMediaQuery = (query) => {
-  const list = F(() => window.matchMedia(query), [query]);
-  const [matches, setMatches] = h(list.matches);
-  p(() => {
-    const handleChange = (event) => setMatches(event.matches);
-    list.addEventListener("change", handleChange);
-    return () => list.removeEventListener("change", handleChange);
-  }, [list]);
-  p(() => {
-    setMatches(list.matches);
-  }, [list]);
-  return matches;
+}, c = (e) => {
+  const t = h(() => window.matchMedia(e), [e]), [a, s] = x(t.matches);
+  return i(() => {
+    const d = (n) => s(n.matches);
+    return t.addEventListener("change", d), () => t.removeEventListener("change", d);
+  }, [t]), i(() => {
+    s(t.matches);
+  }, [t]), a;
 };
 export {
-  mediaQueries,
-  useMediaQuery
+  w as mediaQueries,
+  c as useMediaQuery
 };

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

@@ -1,33 +1,29 @@
-import { T as TransactionFilterParam } from "../../../../../types-e4bbd37f.mjs";
-import "../components/MultiSelectionFilter/MultiSelectionFilter.js";
-import { useMultiSelectionFilter } from "../components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
-import { TRANSACTION_CATEGORIES, DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS, TRANSACTION_STATUSES } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
-import "../../../../utils/common/index.js";
-const useTransactionsOverviewMultiSelectionFilters = (filtersConfig, currencies) => {
-  const categoriesFilter = useMultiSelectionFilter({
-    filterParam: TransactionFilterParam.CATEGORIES,
-    filterValues: TRANSACTION_CATEGORIES,
-    defaultFilters: DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
-    ...filtersConfig
-  });
-  const statusesFilter = useMultiSelectionFilter({
-    filterParam: TransactionFilterParam.STATUSES,
-    filterValues: TRANSACTION_STATUSES,
-    defaultFilters: DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
-    ...filtersConfig
-  });
-  const currenciesFilter = useMultiSelectionFilter({
-    filterParam: TransactionFilterParam.CURRENCIES,
-    filterValues: currencies,
-    defaultFilters: DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
-    ...filtersConfig
+import { TransactionFilterParam as t } from "../types.js";
+import r from "../components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
+import { TRANSACTION_CATEGORIES as S, DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as i, TRANSACTION_STATUSES as o } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+const u = (e, l) => {
+  const s = r({
+    filterParam: t.CATEGORIES,
+    filterValues: S,
+    defaultFilters: i,
+    ...e
+  }), a = r({
+    filterParam: t.STATUSES,
+    filterValues: o,
+    defaultFilters: i,
+    ...e
+  }), T = r({
+    filterParam: t.CURRENCIES,
+    filterValues: l,
+    defaultFilters: i,
+    ...e
   });
   return {
-    categoriesFilter,
-    currenciesFilter,
-    statusesFilter
+    categoriesFilter: s,
+    currenciesFilter: T,
+    statusesFilter: a
   };
-};
+}, A = u;
 export {
-  useTransactionsOverviewMultiSelectionFilters as default
+  A as default
 };

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

@@ -0,0 +1,4 @@
+var E = /* @__PURE__ */ ((A) => (A.BALANCE_ACCOUNT = "balanceAccount", A.CATEGORIES = "categories", A.CURRENCIES = "currencies", A.STATUSES = "statuses", A.CREATED_SINCE = "createdSince", A.CREATED_UNTIL = "createdUntil", A.MIN_AMOUNT = "minAmount", A.MAX_AMOUNT = "maxAmount", A))(E || {});
+export {
+  E as TransactionFilterParam
+};