@adyen/adyen-platform-experience-web 1.0.0-beta.3 → 1.0.1

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 { 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 C } 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 F } 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 A = C(({ 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 } = w({
-    fetchOptions: g(() => ({ enabled: !!s }), [s]),
-    queryFn: u
-  }), c = !s || i, S = !!B || !(e != null && e.data.length), o = e == null ? void 0 : e.data.sort((r, m) => r.currency.localeCompare(m.currency)), [x, ...p] = o ?? [], [l, f] = L();
+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: l,
+          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: p.length && /* @__PURE__ */ t(F, { children: p.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(h, { balance: r, widths: l, 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 {
-  A as Balances
+  G as Balances
 };

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

@@ -1,8 +1,8 @@
 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 { useMediaQuery as t, mediaQueries as o } from "../../hooks/useMediaQuery.js";
+import { useResponsiveViewport as t, mediaQueries as o } from "../../hooks/useResponsiveViewport.js";
 import c from "../../../../internal/FormFields/Select/Select.js";
-const d = a(
+const f = a(
   ({
     placeholder: i,
     selection: l,
@@ -25,7 +25,7 @@ const d = a(
       }
     ) : null;
   }
-), w = d;
+), y = f;
 export {
-  w 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 x, useCallback as p } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { listFrom as q, selectionOptionsFor as s } from "./utils.js";
+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 O = x(() => q((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), b = x(() => S && s(S), [S]), k = p(
-    ({ 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: O, selectionOptions: b, updateSelection: k };
-}, h = v;
+  return { selection: x, selectionOptions: O, updateSelection: b };
+}, j = v;
 export {
-  h as default,
+  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 _, 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 x } from "../../../../internal/Tooltip/Tooltip.js";
-import { TypographyVariant as n } from "../../../../internal/Typography/types.js";
+import { Tooltip as b } from "../../../../internal/Tooltip/Tooltip.js";
+import { TypographyVariant as p } from "../../../../internal/Typography/types.js";
 import B from "../../../../internal/Typography/Typography.js";
-import N from "../../../../../core/Context/useCoreContext.js";
-import p from "classnames";
-import { useEffect as O, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.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 } = N();
-  O(() => {
-    const e = u.map((r) => {
+  const { i18n: s } = O();
+  x(() => {
+    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(
-    (e, r) => e.valueHasLabelStyle ? n.CAPTION : r && !S ? n.BODY : n.TITLE,
+  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: p(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(x, { 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: p([y, E]) }) : /* @__PURE__ */ t("div", { ref: e.ref, style: A(r), children: /* @__PURE__ */ t(
+      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: p({ [_]: 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: e, isSkeletonVisible: m, className: o, ...t }, p) => /* @__PURE__ */ a(
+  ({ config: r, i18n: e, isSkeletonVisible: m, className: o, ...t }, s) => /* @__PURE__ */ a(
     "span",
     {
-      className: y(l, o, { [L]: m }),
+      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: e.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/TransactionTotals/TotalsCard.js

@@ -1,47 +1,47 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as u } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import c from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { memo as h } 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 = h(({ totals: d, isLoading: r, hiddenField: o, fullWidth: f }) => {
-  const [p, ...s] = d, [a, m] = S(), [i, e] = u(!1);
-  return /* @__PURE__ */ t(
-    c,
+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: p,
-          hiddenField: o,
-          widths: a,
+          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,52 +1,52 @@
 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 q } 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 C } from "./constants.js";
-import { memo as _ } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMediaQuery as k, mediaQueries as w } 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 B } from "../../../../../external/preact/dist/preact.module.js";
-import { EMPTY_OBJECT as Q } from "../../../../../utils/common/constants.js";
-const $ = _(
+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,
+    availableCurrencies: i,
     isAvailableCurrenciesFetching: F,
-    balanceAccountId: t,
-    createdSince: p,
-    createdUntil: c,
-    categories: l,
-    statuses: d,
-    maxAmount: f,
+    balanceAccountId: r,
+    createdSince: f,
+    createdUntil: d,
+    categories: c,
+    statuses: l,
+    maxAmount: h,
     minAmount: T,
-    currencies: g,
+    currencies: u,
     fullWidth: n
   }) => {
-    const h = O("getTransactionTotals"), S = y(async () => h(Q, {
+    const { getTransactionTotals: t } = v().endpoints, g = x(async () => t == null ? void 0 : t(B, {
       query: {
-        createdSince: p,
-        createdUntil: c,
-        categories: l,
-        statuses: d,
-        maxAmount: f,
+        createdSince: f,
+        createdUntil: d,
+        categories: c,
+        statuses: l,
+        maxAmount: h,
         minAmount: T,
-        currencies: g,
-        balanceAccountId: t
+        currencies: u,
+        balanceAccountId: r
       }
-    }), [t, l, p, c, g, h, f, T, d]), { data: o, isFetching: x } = L({
-      fetchOptions: q(() => ({ enabled: !!t }), [t]),
-      queryFn: S
-    }), i = !t || x || F, a = y(() => {
-      if (!e || !o)
+    }), [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 u = e.map((r) => o.data.find((M) => M.currency === r) || { currency: r, incomings: 0, expenses: 0 });
-      return u.concat(o.data.filter((r) => !u.includes(r)));
-    }, [e, o])() ?? [], E = k(w.only.xs);
-    return /* @__PURE__ */ s("div", { className: N, children: E ? /* @__PURE__ */ s(B, { children: [
-      /* @__PURE__ */ s("div", { className: C, children: /* @__PURE__ */ s(m, { totals: a, isLoading: i, hiddenField: "expenses", fullWidth: n }) }),
-      /* @__PURE__ */ s("div", { className: C, children: /* @__PURE__ */ s(m, { totals: a, isLoading: i, hiddenField: "incomings", fullWidth: n }) })
-    ] }) : /* @__PURE__ */ s(m, { totals: a, isLoading: i, fullWidth: n }) });
+      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 = $;
 export {