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

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

@@ -1,9 +1,9 @@
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } 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 { BASE_CLASS as a, LOADING_CLASS as r, MARGIN_CLASS as S } 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;
+const l = ({ hasMargin: o = !1, isLoading: s = !1, width: t }) => /* @__PURE__ */ e("span", { className: m(a, { [r]: s, [S]: o }), style: { width: t } }), u = l;
 export {
-  n as AmountSkeleton,
-  c as default
+  l as AmountSkeleton,
+  u as default
 };

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

@@ -1,45 +1,53 @@
-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();
+import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as M, useMemo as p, useEffect as W } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as w } from "../../../../../hooks/useFetch/useFetch.js";
+import { memo as y } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { BASE_CLASS as g } from "./constants.js";
+import F from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { BaseList as L } from "../../../../internal/BaseList/BaseList.js";
+import { BalanceItem as u } from "../BalanceItem/BalanceItem.js";
+import { useMaxWidthsState as O } from "../../hooks/useMaxWidths.js";
+import { useAuthContext as _ } from "../../../../../core/Auth/context.js";
+import { EMPTY_OBJECT as q } from "../../../../../utils/value/constants.js";
+const G = y(({ balanceAccountId: o, defaultCurrencyCode: m, onCurrenciesChange: h, fullWidth: x }) => {
+  const { getBalances: s } = _().endpoints, S = M(async () => s == null ? void 0 : s(q, {
+    path: { balanceAccountId: o }
+  }), [o, s]), { data: t, error: B, isFetching: a } = w({
+    fetchOptions: p(() => ({ enabled: !!o && !!s }), [o, s]),
+    queryFn: S
+  }), f = !o || a, E = !!B || !(t != null && t.data.length), e = p(() => (t == null ? void 0 : t.data) && [...t.data].sort(({ currency: r }, { currency: n }) => {
+    if (m) {
+      if (r === m)
+        return -1;
+      if (n === m)
+        return 1;
+    }
+    return r.localeCompare(n);
+  }), [t == null ? void 0 : t.data, m]), [k, ...l] = p(() => (e == null ? void 0 : e.map((r) => (r.key = `${r.currency}-${Math.random()}`, r))) ?? [], [e]), [c, d] = O();
   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,
+    const r = new Set((e == null ? void 0 : e.map(({ currency: n }) => n)) || []);
+    h(Array.from(r), a);
+  }, [e, a, h]), /* @__PURE__ */ i("div", { className: g, children: /* @__PURE__ */ i(
+    F,
     {
-      renderHeader: /* @__PURE__ */ t(
-        h,
+      renderHeader: /* @__PURE__ */ i(
+        u,
         {
-          isEmpty: S,
-          balance: x,
-          widths: p,
+          isEmpty: E,
+          balance: k,
+          widths: c,
           isHeader: !0,
-          isSkeleton: c,
-          isLoading: c,
-          onWidthsSet: f
+          isSkeleton: f,
+          isLoading: f,
+          onWidthsSet: d
         }
       ),
       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)) })
+      fullWidth: x,
+      children: l.length && /* @__PURE__ */ i(L, { children: l.map((r) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(u, { balance: r, widths: c, onWidthsSet: d }) }, r.key)) })
     }
   ) });
 });
 export {
-  z as Balances
+  G as Balances
 };

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

@@ -1,8 +1,8 @@
-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 { jsx as u } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as a } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useResponsiveViewport as t, mediaQueries as o } from "../../hooks/useResponsiveViewport.js";
 import c from "../../../../internal/FormFields/Select/Select.js";
-const d = u(
+const f = a(
   ({
     placeholder: i,
     selection: l,
@@ -10,7 +10,7 @@ const d = u(
     updateSelection: r
   }) => {
     const s = t(o.down.xs), m = t(o.only.sm), n = t(o.only.md);
-    return e && e.length > 1 ? /* @__PURE__ */ a(
+    return e && e.length > 1 ? /* @__PURE__ */ u(
       c,
       {
         onChange: r,
@@ -25,7 +25,7 @@ const d = u(
       }
     ) : null;
   }
-), h = d;
+), y = f;
 export {
-  h as default
+  y as default
 };

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

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

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

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

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

@@ -1,9 +1,4 @@
-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 })));
+const t = (o) => Object.freeze(o.map((e) => ({ id: e, name: e })));
 export {
-  s as listFrom,
-  n as selectionOptionsFor
+  t as selectionOptionsFor
 };

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

@@ -1,46 +1,46 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import v from "../AmountSkeleton/AmountSkeleton.js";
-import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as b, AMOUNT_CLASS as B } from "./constants.js";
+import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as N, AMOUNT_CLASS as _ } from "./constants.js";
 import { SummaryItemLabel as h } from "./SummaryItemLabel.js";
-import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
+import { Tooltip as b } from "../../../../internal/Tooltip/Tooltip.js";
 import { TypographyVariant as p } from "../../../../internal/Typography/types.js";
-import O from "../../../../internal/Typography/Typography.js";
-import _ from "../../../../../core/Context/useCoreContext.js";
+import B from "../../../../internal/Typography/Typography.js";
+import O from "../../../../../core/Context/useCoreContext.js";
 import n from "classnames";
 import { useEffect as x, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import "./SummaryItem.scss.js";
-import { useMediaQuery as I, mediaQueries as M } from "../../hooks/useMediaQuery.js";
+import { useResponsiveViewport as I, mediaQueries as w } from "../../hooks/useResponsiveViewport.js";
 const X = ({
-  columnConfigs: u,
-  isHeader: i = !1,
+  columnConfigs: i,
+  isHeader: u = !1,
   isHovered: c = !1,
   isSkeletonVisible: l = !1,
   isLoading: C = !1,
   widths: m,
   onWidthsSet: L,
-  isEmpty: d
+  isEmpty: A
 }) => {
-  const { i18n: s } = _();
+  const { i18n: s } = O();
   x(() => {
-    const e = u.map((r) => {
+    const e = i.map((r) => {
       var a, o;
       return ((o = (a = r.ref) == null ? void 0 : a.current) == null ? void 0 : o.getBoundingClientRect().width) ?? 0;
     });
     L(e);
   }, [L]);
-  const A = (e) => ({ width: m && m[e] ? m[e] : "auto" }), S = I(M.only.xs), f = H(
+  const d = (e) => ({ width: m && m[e] ? m[e] : "auto" }), S = I(w.only.xs), f = H(
     (e, r) => e.valueHasLabelStyle ? p.CAPTION : r && !S ? p.BODY : p.TITLE,
     [S]
   );
-  return /* @__PURE__ */ t("div", { className: n(y, { [T]: !i }), children: u.map((e, r) => {
+  return /* @__PURE__ */ t("div", { className: n(y, { [T]: !u }), children: i.map((e, r) => {
     const a = e.getValue(), o = !!a && a.length > 12;
     return /* @__PURE__ */ t("div", { children: [
-      i && (e.tooltipLabel ? /* @__PURE__ */ t(N, { content: s.get(`${e.tooltipLabel}`), isContainerHovered: c, children: /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: l }) }) : /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: l })),
-      l ? /* @__PURE__ */ t(v, { isLoading: C, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : d ? /* @__PURE__ */ t("span", { className: n([y, E]) }) : /* @__PURE__ */ t("div", { ref: e.ref, style: A(r), children: /* @__PURE__ */ t(
-        O,
+      u && (e.tooltipLabel ? /* @__PURE__ */ t(b, { content: s.get(`${e.tooltipLabel}`), isContainerHovered: c, children: /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: l }) }) : /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: l })),
+      l ? /* @__PURE__ */ t(v, { isLoading: C, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : A ? /* @__PURE__ */ t("span", { className: n([y, E]) }) : /* @__PURE__ */ t("div", { ref: e.ref, style: d(r), children: /* @__PURE__ */ t(
+        B,
         {
           variant: f(e, o),
-          className: n({ [b]: e.valueHasLabelStyle, [B]: !e.valueHasLabelStyle }),
+          className: n({ [N]: e.valueHasLabelStyle, [_]: !e.valueHasLabelStyle }),
           children: a
         }
       ) })

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

@@ -1,18 +1,18 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { LABEL_CONTAINER_CLASS as l, LABEL_CONTAINER_CLASS_LOADING as L, LABEL_CLASS as i } from "./constants.js";
-import { TypographyVariant as s } from "../../../../internal/Typography/types.js";
+import { LABEL_CONTAINER_CLASS as l, LABEL_CONTAINER_CLASS_LOADING as p, LABEL_CLASS as L } from "./constants.js";
+import { TypographyVariant as i } from "../../../../internal/Typography/types.js";
 import A from "../../../../internal/Typography/Typography.js";
-import f from "../../../../../utils/fixedForwardRef.js";
-import y from "classnames";
+import N from "classnames";
+import { fixedForwardRef as f } from "../../../../../utils/preact/fixedForwardRef.js";
 const d = f(
-  ({ config: r, i18n: o, isSkeletonVisible: e, className: m, ...t }, p) => /* @__PURE__ */ a(
+  ({ config: r, i18n: e, isSkeletonVisible: m, className: o, ...t }, s) => /* @__PURE__ */ a(
     "span",
     {
-      className: y(l, m, { [L]: e }),
+      className: N(l, o, { [p]: m }),
       style: { cursor: "default" },
-      ref: p,
+      ref: s,
       ...t,
-      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: i, children: o.get(r.labelKey) })
+      children: r.labelKey && /* @__PURE__ */ a(A, { variant: i.CAPTION, className: L, children: e.get(r.labelKey) })
     }
   )
 );

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

@@ -9,13 +9,13 @@ const S = ({
   isHovered: i = !1,
   isSkeleton: r = !1,
   isLoading: c = !1,
-  widths: l,
-  onWidthsSet: m
+  widths: u,
+  onWidthsSet: l
 }) => {
-  const { i18n: o } = b(), u = s(null), f = s(null), g = s(null), a = C(() => {
+  const { i18n: o } = b(), m = s(null), f = s(null), g = s(null), a = C(() => {
     const p = {
       labelKey: "totalIncoming",
-      ref: u,
+      ref: m,
       skeletonWidth: 80,
       getValue: () => e && o.amount(e.incomings, e.currency),
       tooltipLabel: "tooltip.totalIncoming"
@@ -46,8 +46,8 @@ const S = ({
       isHeader: t,
       isSkeletonVisible: r,
       isLoading: c,
-      widths: l,
-      onWidthsSet: m
+      widths: u,
+      onWidthsSet: l
     }
   );
 };

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

@@ -1,47 +1,47 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import p from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { memo as u } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { TransactionTotalItem as l } from "../TransactionTotalItem/TransactionTotalItem.js";
-import { BaseList as x } from "../../../../internal/BaseList/BaseList.js";
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as f, useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import h from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { memo as x } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { TransactionTotalItem as d } from "../TransactionTotalItem/TransactionTotalItem.js";
+import { BaseList as M } from "../../../../internal/BaseList/BaseList.js";
 import { useMaxWidthsState as S } from "../../hooks/useMaxWidths.js";
 import "./TransactionTotals.scss.js";
-const E = u(({ totals: d, isLoading: r, hiddenField: o, fullWidth: f }) => {
-  const [c, ...s] = d, [a, m] = S(), [i, e] = h(!1);
-  return /* @__PURE__ */ t(
-    p,
+const C = x(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
+  const [m, n] = S(), [i, t] = f(!1), [p, ...u] = c(() => s.map((e) => (e.key = `${e.currency}-${Math.random()}`, e)), [s]);
+  return /* @__PURE__ */ r(
+    h,
     {
-      renderHeader: /* @__PURE__ */ t(
-        l,
+      renderHeader: /* @__PURE__ */ r(
+        d,
         {
           isHovered: i,
-          total: c,
-          hiddenField: o,
-          widths: a,
+          total: p,
+          hiddenField: a,
+          widths: m,
           isHeader: !0,
-          isSkeleton: r,
-          isLoading: r,
-          onWidthsSet: m
+          isSkeleton: o,
+          isLoading: o,
+          onWidthsSet: n
         }
       ),
-      fullWidth: f,
-      onMouseEnter: () => e(!0),
-      onFocus: () => e(!0),
-      onMouseLeave: () => e(!1),
-      onBlur: () => e(!1),
-      children: !r && s.length && /* @__PURE__ */ t(x, { children: s.map((n) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
-        l,
+      fullWidth: l,
+      onMouseEnter: () => t(!0),
+      onFocus: () => t(!0),
+      onMouseLeave: () => t(!1),
+      onBlur: () => t(!1),
+      children: !o && u.length && /* @__PURE__ */ r(M, { children: u.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+        d,
         {
           isHovered: i,
-          total: n,
-          hiddenField: o,
-          widths: a,
-          onWidthsSet: m
+          total: e,
+          hiddenField: a,
+          widths: m,
+          onWidthsSet: n
         }
-      ) }, n.currency)) })
+      ) }, e.key)) })
     }
   );
 });
 export {
-  E as TotalsCard
+  C as TotalsCard
 };

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

@@ -1,54 +1,54 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useSetupEndpoint as O } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { useCallback as y, useMemo as k } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as L } from "../../../../../hooks/useFetch/useFetch.js";
-import { BASE_CLASS as N, ITEM_CLASS as F } from "./constants.js";
-import { memo as _ } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMediaQuery as q, mediaQueries as B } from "../../hooks/useMediaQuery.js";
+import { useCallback as x, useMemo as q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as w } from "../../../../../hooks/useFetch/useFetch.js";
+import { BASE_CLASS as L, ITEM_CLASS as y } from "./constants.js";
+import { memo as M } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useResponsiveViewport as N, mediaQueries as _ } from "../../hooks/useResponsiveViewport.js";
 import "./TransactionTotals.scss.js";
-import { TotalsCard as m } from "./TotalsCard.js";
-import { Fragment as Q } from "../../../../../external/preact/dist/preact.module.js";
-import { EMPTY_OBJECT as j } from "../../../../../utils/common/constants.js";
-const v = _(
+import { TotalsCard as p } from "./TotalsCard.js";
+import { Fragment as k } from "../../../../../external/preact/dist/preact.module.js";
+import { useAuthContext as v } from "../../../../../core/Auth/context.js";
+import { EMPTY_OBJECT as B } from "../../../../../utils/value/constants.js";
+const $ = M(
   ({
-    availableCurrencies: e,
-    isAvailableCurrenciesFetching: C,
-    balanceAccountId: t,
-    createdSince: l,
-    createdUntil: p,
+    availableCurrencies: i,
+    isAvailableCurrenciesFetching: F,
+    balanceAccountId: r,
+    createdSince: f,
+    createdUntil: d,
     categories: c,
-    statuses: f,
-    maxAmount: T,
-    minAmount: d,
-    currencies: g,
+    statuses: l,
+    maxAmount: h,
+    minAmount: T,
+    currencies: u,
     fullWidth: n
   }) => {
-    const h = O("getTransactionTotals"), S = y(async () => h(j, {
+    const { getTransactionTotals: t } = v().endpoints, g = x(async () => t == null ? void 0 : t(B, {
       query: {
-        createdSince: l,
-        createdUntil: p,
+        createdSince: f,
+        createdUntil: d,
         categories: c,
-        statuses: f,
-        maxAmount: T,
-        minAmount: d,
-        currencies: g,
-        balanceAccountId: t
+        statuses: l,
+        maxAmount: h,
+        minAmount: T,
+        currencies: u,
+        balanceAccountId: r
       }
-    }), [t, c, l, p, g, h, T, d, f]), { data: o, isFetching: x } = L({
-      fetchOptions: k(() => ({ enabled: !!t }), [t]),
-      queryFn: S
-    }), i = !t || x || C, a = y(() => {
-      if (!e || !o)
-        return o == null ? void 0 : o.totals;
-      const u = e.map((r) => o.totals.find((M) => M.currency === r) || { currency: r, incomings: 0, expenses: 0 });
-      return u.concat(o.totals.filter((r) => !u.includes(r)));
-    }, [e, o])() ?? [], E = q(B.only.xs);
-    return /* @__PURE__ */ s("div", { className: N, children: E ? /* @__PURE__ */ s(Q, { children: [
-      /* @__PURE__ */ s("div", { className: F, children: /* @__PURE__ */ s(m, { totals: a, isLoading: i, hiddenField: "expenses", fullWidth: n }) }),
-      /* @__PURE__ */ s("div", { className: F, children: /* @__PURE__ */ s(m, { totals: a, isLoading: i, hiddenField: "incomings", fullWidth: n }) })
-    ] }) : /* @__PURE__ */ s(m, { totals: a, isLoading: i, fullWidth: n }) });
+    }), [r, c, f, d, u, t, h, T, l]), { data: o, isFetching: S } = w({
+      fetchOptions: q(() => ({ enabled: !!r && !!t }), [r, t]),
+      queryFn: g
+    }), m = !r || S || F, a = x(() => {
+      if (!i || !o)
+        return o == null ? void 0 : o.data;
+      const C = i.map((e) => o.data.find((O) => O.currency === e) || { currency: e, incomings: 0, expenses: 0 });
+      return C.concat(o.data.filter((e) => !C.includes(e)));
+    }, [i, o])() ?? [], E = N(_.only.xs);
+    return /* @__PURE__ */ s("div", { className: L, children: E ? /* @__PURE__ */ s(k, { children: [
+      /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(p, { totals: a, isLoading: m, hiddenField: "expenses", fullWidth: n }) }),
+      /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(p, { totals: a, isLoading: m, hiddenField: "incomings", fullWidth: n }) })
+    ] }) : /* @__PURE__ */ s(p, { totals: a, isLoading: m, fullWidth: n }) });
   }
-), Z = v;
+), Z = $;
 export {
   Z as default
 };