@adyen/adyen-platform-experience-web 1.12.0 → 1.12.2-beta.0

package/dist/es/packages/domains/transactions/preact/src/TransactionsOverview/components/TransactionFilters/TransactionFilters.js

@@ -1,75 +1,53 @@
-import { jsx as r } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { INITIAL_FILTERS as J, TRANSACTION_CATEGORIES as W, TRANSACTION_ANALYTICS_CATEGORY as X, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as $, TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS as ee } from "../../constants.js";
+import { jsx as r } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { INITIAL_FILTERS as J, TRANSACTION_CATEGORIES as W } from "../../constants.js";
 import { compareTransactionsFilters as D } from "../utils.js";
-import { FilterBar as te } from "../../../../../../../shared/ui-components-preact/src/FilterBar/FilterBar.js";
-import "../../../../../../../shared/ui-components-preact/src/MultiSelectionFilter/MultiSelectionFilter.js";
-import { useRef as p, useState as s, useMemo as i, useCallback as re, useEffect as y } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../../../shared/utils/src/common.js";
-import "../../../../../../../shared/utils/src/abort/internals.js";
-import "../../../../../../../shared/utils/src/async/constants.js";
-import "../../../../../../../shared/utils/src/collection/main.js";
-import "../../../../../../../shared/utils/src/value/constants.js";
-import "../../../../../../../shared/utils/src/datetime/formats.js";
-import "../../../../../../../shared/utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/restamper.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/constants.js";
-import "../../../../../../../shared/utils/src/struct/property.js";
-import "../../../../../../../shared/utils/src/struct/main.js";
-import "../../../../../../../shared/utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../../../shared/utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../../../shared/utils/src/primitives/time/clock/main.js";
-import "../../../../../../../shared/utils/src/primitives/time/today/main.js";
-import { selectionOptionsFor as U } from "../../../../../../../shared/ui-components-preact/src/MultiSelectionFilter/useMultiSelectionFilter/utils.js";
-import { useTransactionsOverviewContext as ne } from "../../context/TransactionsOverviewContext.js";
-import "../../../../../../../shared/core/src/preact/CoreContext.js";
-import { Fragment as Y } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../../../../../shared/core/src/Localization/constants/localization.js";
-import ce from "../../../../../../../shared/core/src/preact/useCoreContext.js";
-import "../../../../../../../shared/core/src/preact/ConfigContext.js";
-import "../../../../../../../shared/core/src/preact/EventDispatcherContext.js";
-import "classnames";
-/* empty css                                                         */
-import oe from "../../../../../../../shared/hooks-preact/src/useBalanceAccountSelection.js";
-import "../../../../../../../shared/hooks-preact/src/useDefaultOverviewFilterParams.js";
-import { useResponsiveContainer as se, containerQueries as ie } from "../../../../../../../shared/hooks-preact/src/useResponsiveContainer.js";
-import ae from "../../../../../../../shared/ui-components-preact/src/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import x from "./TransactionMultiSelectionFilter.js";
-import le from "./TransactionPspReferenceFilter.js";
-import ue from "../../hooks/useCurrencySelection.js";
-import pe from "./TransactionDateFilter.js";
+import { FilterBar as X } from "../../../../../../../shared/ui-components-preact/src/FilterBar/FilterBar.js";
+import { useRef as f, useState as s, useMemo as a, useCallback as $, useEffect as y } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useTransactionsOverviewContext as ee } from "../../context/TransactionsOverviewContext.js";
+import te from "../../../../../../../shared/hooks-preact/src/useBalanceAccountSelection.js";
+import re from "../../../../../../../shared/core/src/preact/useCoreContext.js";
+import { useResponsiveContainer as ne, containerQueries as ce } from "../../../../../../../shared/hooks-preact/src/useResponsiveContainer.js";
+import oe from "../../../../../../../shared/ui-components-preact/src/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import U from "./TransactionMultiSelectionFilter.js";
+import se from "./TransactionPspReferenceFilter.js";
+import ae from "../../hooks/useCurrencySelection.js";
+import ie from "./TransactionDateFilter.js";
+import { selectionOptionsFor as Y } from "../../../../../../../shared/ui-components-preact/src/MultiSelectionFilter/useMultiSelectionFilter/utils.js";
+import { TRANSACTION_ANALYTICS_CATEGORY as le, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as ue, TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS as fe } from "../../../../../domain/src/TransactionsOverview/analyticsConstants.js";
+import { Fragment as x } from "../../../../../../../../external/preact/dist/preact.module.js";
 import me from "../../../../../../../shared/ui-components-preact/src/FormFields/Select/Select.js";
-const a = X, fe = /* @__PURE__ */ (() => {
+const i = le, pe = /* @__PURE__ */ (() => {
   const m = /* @__PURE__ */ new Set(["balanceAccount"]);
   return () => {
     let l = {};
-    return (f) => D(l, l = f, m);
+    return (p) => D(l, l = p, m);
   };
-})(), rt = () => {
+})(), Ee = () => {
   const {
     filterBarState: m,
     isTransactionsView: l,
-    balanceAccounts: f,
+    balanceAccounts: p,
     currenciesLookupResult: G,
     insightsCurrency: k,
     onFiltersChange: g,
     setInsightsCurrency: C
-  } = ne(), { i18n: u } = ce(), { setShowingFilters: Ce, ...M } = m, n = G.sortedCurrencies, c = l ? $ : ee, e = p({ ...J }), j = se(ie.down.xs), [h, q] = s(() => e.current.statuses), [A, R] = s(() => e.current.categories), [S, d] = s(() => e.current.currencies), [F, v] = s(() => e.current.createdDate), [T, I] = s(() => e.current.paymentPspReference), [o, O] = s(() => e.current.balanceAccount), t = i(
+  } = ee(), { i18n: u } = re(), { setShowingFilters: Ce, ...M } = m, n = G.sortedCurrencies, c = l ? ue : fe, e = f({ ...J }), j = ne(ce.down.xs), [h, q] = s(() => e.current.statuses), [A, R] = s(() => e.current.categories), [S, d] = s(() => e.current.currencies), [F, v] = s(() => e.current.createdDate), [T, I] = s(() => e.current.paymentPspReference), [o, O] = s(() => e.current.balanceAccount), t = a(
     () => ({ balanceAccount: o, categories: A, createdDate: F, currencies: S, paymentPspReference: T, statuses: h }),
     [o, A, F, S, T, h]
-  ), N = p(), L = p(), z = i(() => D(t, e.current), [t]), H = re(() => {
+  ), N = f(), L = f(), z = a(() => D(t, e.current), [t]), H = $(() => {
     q(e.current.statuses), R(e.current.categories), d(e.current.currencies), v(e.current.createdDate), I(e.current.paymentPspReference), O(e.current.balanceAccount);
-  }, []), K = i(() => U(W), []), Q = i(() => u.get("transactions.overview.filters.types.category.label"), [u]), V = i(() => U(n ?? []), [n]), b = i(() => u.get("transactions.overview.filters.types.currency.label"), [u]), w = "Currency filter", B = p(fe()).current, { resetBalanceAccountSelection: Ae, ...P } = oe({
+  }, []), K = a(() => Y(W), []), Q = a(() => u.get("transactions.overview.filters.types.category.label"), [u]), V = a(() => Y(n ?? []), [n]), b = a(() => u.get("transactions.overview.filters.types.currency.label"), [u]), w = "Currency filter", B = f(pe()).current, { resetBalanceAccountSelection: Ae, ...P } = te({
     allowAllSelection: !1,
     onUpdateSelection: O,
-    balanceAccounts: f,
-    eventCategory: a,
+    balanceAccounts: p,
+    eventCategory: i,
     eventSubCategory: c
-  }), { activeCurrency: _, currencySelectionOptions: E, onCurrencySelection: Z } = ue({
+  }), { activeCurrency: _, currencySelectionOptions: E, onCurrencySelection: Z } = ae({
     eventLabel: w,
     onUpdateSelection: C,
     selectedCurrency: k ?? o?.defaultCurrencyCode,
     availableCurrencies: n,
-    eventCategory: a,
+    eventCategory: i,
     eventSubCategory: c
   });
   return y(() => {
@@ -79,30 +57,30 @@ const a = X, fe = /* @__PURE__ */ (() => {
   }, [g, t]), y(() => {
     !e.current.balanceAccount && o && (e.current.balanceAccount = o);
   }, [o]), /* @__PURE__ */ r(
-    te,
+    X,
     {
       ...M,
       ariaLabelKey: "transactions.overview.filters.label",
       canResetFilters: z && !1,
       resetFilters: H,
       children: [
-        /* @__PURE__ */ r(ae, { ...P }),
+        /* @__PURE__ */ r(oe, { ...P }),
         /* @__PURE__ */ r(
-          pe,
+          ie,
           {
             createdDate: F,
-            eventCategory: a,
+            eventCategory: i,
             eventSubCategory: c,
             setCreatedDate: v,
             timezone: P.activeBalanceAccount?.timeZone
           }
         ),
-        l ? /* @__PURE__ */ r(Y, { children: [
+        l ? /* @__PURE__ */ r(x, { children: [
           /* @__PURE__ */ r(
-            x,
+            U,
             {
               eventLabel: "Category filter",
-              eventCategory: a,
+              eventCategory: i,
               eventSubCategory: c,
               placeholder: Q,
               selectionOptions: K,
@@ -111,9 +89,9 @@ const a = X, fe = /* @__PURE__ */ (() => {
             }
           ),
           /* @__PURE__ */ r(
-            x,
+            U,
             {
-              eventCategory: a,
+              eventCategory: i,
               eventSubCategory: c,
               eventLabel: w,
               placeholder: b,
@@ -123,15 +101,15 @@ const a = X, fe = /* @__PURE__ */ (() => {
             }
           ),
           /* @__PURE__ */ r(
-            le,
+            se,
             {
-              eventCategory: a,
+              eventCategory: i,
               eventSubCategory: c,
               onChange: I,
               value: T
             }
           )
-        ] }) : /* @__PURE__ */ r(Y, { children: E.length > 1 ? /* @__PURE__ */ r(
+        ] }) : /* @__PURE__ */ r(x, { children: E.length > 1 ? /* @__PURE__ */ r(
           me,
           {
             filterable: !1,
@@ -150,5 +128,5 @@ const a = X, fe = /* @__PURE__ */ (() => {
   );
 };
 export {
-  rt as default
+  Ee as default
 };

package/dist/es/packages/domains/transactions/preact/src/TransactionsOverview/components/TransactionFilters/TransactionMultiSelectionFilter.js

@@ -1,38 +1,14 @@
-import { jsx as m } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import p from "../../../../../../../shared/ui-components-preact/src/MultiSelectionFilter/MultiSelectionFilter.js";
-import "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../../../shared/utils/src/common.js";
-import "../../../../../../../shared/utils/src/abort/internals.js";
-import "../../../../../../../shared/utils/src/async/constants.js";
-import "../../../../../../../shared/utils/src/collection/main.js";
-import "../../../../../../../shared/utils/src/value/constants.js";
-import "../../../../../../../shared/utils/src/datetime/formats.js";
-import "../../../../../../../shared/utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/restamper.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/constants.js";
-import "../../../../../../../shared/utils/src/struct/property.js";
-import "../../../../../../../shared/utils/src/struct/main.js";
-import "../../../../../../../shared/utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../../../shared/utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../../../shared/utils/src/primitives/time/clock/main.js";
-import "../../../../../../../shared/utils/src/primitives/time/today/main.js";
-import "../../../../../../../shared/core/src/preact/CoreContext.js";
-import "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../../../../../shared/core/src/Localization/constants/localization.js";
-import "../../../../../../../shared/core/src/preact/ConfigContext.js";
-import "../../../../../../../shared/core/src/preact/EventDispatcherContext.js";
-import "classnames";
-/* empty css                                                         */
-import "../../../../../../../shared/hooks-preact/src/useBalanceAccountSelection.js";
-import "../../../../../../../shared/hooks-preact/src/useDefaultOverviewFilterParams.js";
-import e from "../../../../../../../shared/hooks-preact/src/useMultiSelectionFilterProps.js";
-const E = ({
+import { jsx as i } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import l from "../../../../../../../shared/ui-components-preact/src/MultiSelectionFilter/MultiSelectionFilter.js";
+import "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import s from "../../../../../../../shared/hooks-preact/src/useMultiSelectionFilterProps.js";
+const u = ({
   placeholder: t,
   ...o
 }) => {
-  const { selection: r, ...i } = e(o);
-  return /* @__PURE__ */ m(p, { ...i, placeholder: t, selection: r });
+  const { selection: r, ...e } = s(o);
+  return /* @__PURE__ */ i(l, { ...e, placeholder: t, selection: r });
 };
 export {
-  E as default
+  u as default
 };

package/dist/es/packages/domains/transactions/preact/src/TransactionsOverview/components/TransactionFilters/TransactionPspReferenceFilter.js

@@ -1,116 +1,94 @@
-import { jsx as t } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import D from "classnames";
-import "../../../../../../../shared/utils/src/common.js";
-import "../../../../../../../shared/utils/src/abort/internals.js";
-import "../../../../../../../shared/utils/src/async/constants.js";
-import "../../../../../../../shared/utils/src/collection/main.js";
-import "../../../../../../../shared/utils/src/value/constants.js";
-import "../../../../../../../shared/utils/src/datetime/formats.js";
-import "../../../../../../../shared/utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/restamper.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/constants.js";
-import "../../../../../../../shared/utils/src/struct/property.js";
-import "../../../../../../../shared/utils/src/struct/main.js";
-import "../../../../../../../shared/utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../../../shared/utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../../../shared/utils/src/primitives/time/clock/main.js";
-import "../../../../../../../shared/utils/src/primitives/time/today/main.js";
-import _ from "../../../../../../../shared/utils/src/random/uniqueId.js";
+import { jsx as t } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import D from "../../../../../../../../_virtual/index.js";
+import { uniqueId as _ } from "../../../../../../../shared/utils/src/random/uniqueId.js";
 import { ARIA_ERROR_SUFFIX as k } from "../../../../../../../shared/core/src/Errors/constants.js";
-import { useState as w, useMemo as c, useRef as L, useCallback as P, useEffect as E } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../../../shared/types/src/uiComponents/buttonActions.js";
+import { useState as w, useMemo as c, useRef as L, useCallback as P, useEffect as E } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
 import { CommitAction as C } from "../../../../../../../shared/hooks-preact/src/useCommitAction/types.js";
 import { TypographyVariant as T, TypographyElement as S } from "../../../../../../../shared/ui-components-preact/src/Typography/types.js";
 import q from "../../../../../../../shared/hooks-preact/src/useEventDispatcher/useFilterAnalyticsEvent.js";
-import "../../../../../../../shared/core/src/preact/CoreContext.js";
-import "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../../../../../shared/core/src/Localization/constants/localization.js";
 import N from "../../../../../../../shared/core/src/preact/useCoreContext.js";
-import "../../../../../../../shared/core/src/preact/ConfigContext.js";
-import "../../../../../../../shared/core/src/preact/EventDispatcherContext.js";
-/* empty css                                                         */
 import M from "../../../../../../../shared/ui-components-preact/src/FilterBar/filters/TextFilter/TextFilter.js";
 import F from "../../../../../../../shared/ui-components-preact/src/Typography/Typography.js";
 import O from "../../../../../../../shared/ui-components-preact/src/FormFields/InputBase.js";
 import { Icon as Y } from "../../../../../../../shared/ui-components-preact/src/Icon/Icon.js";
 /* empty css                                   */
-const u = "adyen-pe-psp-reference-filter", b = 16, f = {
-  root: u,
-  input: u + "__input",
-  inputError: u + "__input-error",
-  inputWithError: u + "__input--with-error",
-  title: u + "__title"
-}, Pe = ({ eventCategory: d, eventSubCategory: p, onChange: a, value: o }) => {
-  const { i18n: h } = N(), { logEvent: n } = q({ category: d, subCategory: p, label: "PSP reference filter" }), [r, e] = w(!1), R = c(() => h.get("transactions.overview.filters.types.paymentPspReference.label"), [h]), i = L(o), l = P(
-    (s) => {
-      i.current !== s && (i.current = s, n?.("update", null), a?.(s));
+const f = "adyen-pe-psp-reference-filter", b = 16, m = {
+  root: f,
+  input: f + "__input",
+  inputError: f + "__input-error",
+  inputWithError: f + "__input--with-error",
+  title: f + "__title"
+}, ne = ({ eventCategory: d, eventSubCategory: a, onChange: l, value: n }) => {
+  const { i18n: h } = N(), { logEvent: o } = q({ category: d, subCategory: a, label: "PSP reference filter" }), [r, e] = w(!1), R = c(() => h.get("transactions.overview.filters.types.paymentPspReference.label"), [h]), s = L(n), p = P(
+    (i) => {
+      s.current !== i && (s.current = i, o?.("update", null), l?.(i));
     },
-    [n, a]
+    [o, l]
   ), y = P(() => e(!0), []);
   return E(() => {
-    r && (e(!1), i.current !== o && n?.("reset"));
-  }, [r, o, n]), /* @__PURE__ */ t(
+    r && (e(!1), s.current !== n && o?.("reset"));
+  }, [r, n, o]), /* @__PURE__ */ t(
     M,
     {
       "aria-label": R,
-      label: o ?? R,
-      onChange: l,
+      label: n ?? R,
+      onChange: p,
       onResetAction: y,
-      value: o,
-      render: (s) => /* @__PURE__ */ t(H, { ...s }),
+      value: n,
+      render: (i) => /* @__PURE__ */ t(H, { ...i }),
       name: "pspReference"
     }
   );
 }, H = ({
   editAction: d,
-  onChange: p,
-  onValueUpdated: a,
-  name: o,
+  onChange: a,
+  onValueUpdated: l,
+  name: n,
   type: h,
-  value: n
+  value: o
 }) => {
-  const { i18n: r } = N(), [e, R] = w(n), i = L(null), l = c(_, []), y = c(_, []), s = c(() => {
+  const { i18n: r } = N(), [e, R] = w(o), s = L(null), p = c(_, []), y = c(_, []), i = c(() => {
     const v = { length: b };
     return r.get("transactions.overview.filters.types.paymentPspReference.errors.invalidLength", { values: v });
-  }, [r]), m = e && e.length < b ? s : void 0, x = c(() => r.get("transactions.overview.filters.types.paymentPspReference.label"), [r]), V = c(() => r.get("transactions.overview.filters.types.paymentPspReference.placeholder"), [r]), B = (v) => {
+  }, [r]), u = e && e.length < b ? i : void 0, x = c(() => r.get("transactions.overview.filters.types.paymentPspReference.label"), [r]), V = c(() => r.get("transactions.overview.filters.types.paymentPspReference.placeholder"), [r]), B = (v) => {
     const g = v.currentTarget, I = g.selectionEnd, A = g.value.replace(/[^a-z\d]/gi, "").slice(0, b).toUpperCase();
     g.value = A, g.setSelectionRange(I, I), A !== e && R(A || void 0);
   };
   return E(() => {
-    a(m ? n || void 0 : e);
-  }, [e, m, a, n]), E(() => {
+    l(u ? o || void 0 : e);
+  }, [e, u, l, o]), E(() => {
     switch (d) {
       case C.APPLY:
-        p(e);
+        a(e);
         break;
       case C.CLEAR:
-        p();
+        a();
         break;
     }
-  }, [d, p, e]), E(() => {
-    i.current && i.current.focus();
-  }, []), /* @__PURE__ */ t("div", { className: f.root, children: [
-    /* @__PURE__ */ t("div", { className: f.title, children: /* @__PURE__ */ t("label", { id: y, htmlFor: l, children: /* @__PURE__ */ t(F, { el: S.DIV, variant: T.BODY, strongest: !0, children: x }) }) }),
-    /* @__PURE__ */ t("div", { className: D(f.input, { [f.inputWithError]: m }), children: /* @__PURE__ */ t(
+  }, [d, a, e]), E(() => {
+    s.current && s.current.focus();
+  }, []), /* @__PURE__ */ t("div", { className: m.root, children: [
+    /* @__PURE__ */ t("div", { className: m.title, children: /* @__PURE__ */ t("label", { id: y, htmlFor: p, children: /* @__PURE__ */ t(F, { el: S.DIV, variant: T.BODY, strongest: !0, children: x }) }) }),
+    /* @__PURE__ */ t("div", { className: D(m.input, { [m.inputWithError]: u }), children: /* @__PURE__ */ t(
       O,
       {
         autoComplete: "off",
-        uniqueId: l,
-        ref: i,
+        uniqueId: p,
+        ref: s,
         placeholder: V,
-        "data-testid": o,
-        name: o,
+        "data-testid": n,
+        name: n,
         type: h,
         value: e,
         onInput: B
       }
     ) }),
-    m && /* @__PURE__ */ t("div", { className: f.inputError, id: `${l}${k}`, children: [
+    u && /* @__PURE__ */ t("div", { className: m.inputError, id: `${p}${k}`, children: [
       /* @__PURE__ */ t(Y, { name: "cross-circle-fill" }),
-      /* @__PURE__ */ t(F, { el: S.SPAN, variant: T.BODY, children: m })
+      /* @__PURE__ */ t(F, { el: S.SPAN, variant: T.BODY, children: u })
     ] })
   ] });
 };
 export {
-  Pe as default
+  ne as default
 };

package/dist/es/packages/domains/transactions/preact/src/TransactionsOverview/components/TransactionTotalItem/TransactionTotalItem.js

@@ -1,46 +1,24 @@
-import { jsx as x } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "../../../../../../../shared/core/src/preact/CoreContext.js";
-import "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import { useRef as i, useMemo as V } from "../../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../../../shared/core/src/Localization/constants/localization.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/restamper.js";
-import "../../../../../../../shared/utils/src/datetime/restamper/constants.js";
-import "../../../../../../../shared/utils/src/value/constants.js";
-import "../../../../../../../shared/utils/src/common.js";
-import "../../../../../../../shared/utils/src/abort/internals.js";
-import "../../../../../../../shared/utils/src/async/constants.js";
-import "../../../../../../../shared/utils/src/collection/main.js";
-import "../../../../../../../shared/utils/src/datetime/formats.js";
-import "../../../../../../../shared/utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../../../shared/utils/src/struct/property.js";
-import "../../../../../../../shared/utils/src/struct/main.js";
-import "../../../../../../../shared/utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../../../shared/utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../../../shared/utils/src/primitives/time/clock/main.js";
-import "../../../../../../../shared/utils/src/primitives/time/today/main.js";
-import h from "../../../../../../../shared/core/src/preact/useCoreContext.js";
-import "../../../../../../../shared/core/src/preact/ConfigContext.js";
-import "../../../../../../../shared/core/src/preact/EventDispatcherContext.js";
-import "classnames";
-/* empty css                                                         */
+import { jsx as x } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import V from "../../../../../../../shared/core/src/preact/useCoreContext.js";
+import { useRef as n, useMemo as h } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
 import { SummaryItem as C } from "../SummaryItem/SummaryItem.js";
-const Y = ({
+const R = ({
   total: e,
-  hiddenField: o,
-  isHeader: n = !1,
-  showLabelUnderline: m = !1,
-  isSkeleton: a = !1,
-  isLoading: p = !1,
-  widths: l,
-  onWidthsSet: c,
-  expensesElemId: r,
-  incomingsElemId: s
+  hiddenField: s,
+  isHeader: r = !1,
+  showLabelUnderline: a = !1,
+  isSkeleton: l = !1,
+  isLoading: c = !1,
+  widths: u,
+  onWidthsSet: g,
+  expensesElemId: o,
+  incomingsElemId: i
 }) => {
-  const { i18n: t } = h(), u = i(null), g = i(null), f = i(null), y = V(() => {
+  const { i18n: t } = V(), m = n(null), f = n(null), p = n(null), y = h(() => {
     const b = {
-      elemId: s,
+      elemId: i,
       labelKey: "transactions.overview.totals.tags.incoming",
-      ref: u,
+      ref: m,
       skeletonWidth: 80,
       getValue: () => e && t.amount(e.incomings, e.currency),
       tooltipLabel: "transactions.overview.totals.tags.incoming.description",
@@ -48,9 +26,9 @@ const Y = ({
         return `${t.get(this.labelKey)}: ${this.getValue()}`;
       }
     }, v = {
-      elemId: r,
+      elemId: o,
       labelKey: "transactions.overview.totals.tags.outgoing",
-      ref: g,
+      ref: f,
       skeletonWidth: 80,
       getValue: () => e && t.amount(e.expenses, e.currency),
       tooltipLabel: "transactions.overview.totals.tags.outgoing.description",
@@ -59,30 +37,30 @@ const Y = ({
       }
     };
     return [
-      ...o !== "incomings" ? [b] : [],
-      ...o !== "expenses" ? [v] : [],
+      ...s !== "incomings" ? [b] : [],
+      ...s !== "expenses" ? [v] : [],
       {
-        ref: f,
+        ref: p,
         skeletonWidth: 40,
         valueHasLabelStyle: !0,
         getValue: () => e?.currency
       }
     ];
-  }, [s, r, o, e, t]);
+  }, [i, o, s, e, t]);
   return /* @__PURE__ */ x(
     C,
     {
-      showLabelUnderline: m,
+      showLabelUnderline: a,
       isEmpty: !e,
       columnConfigs: y,
-      isHeader: n,
-      isSkeletonVisible: a,
-      isLoading: p,
-      widths: l,
-      onWidthsSet: c
+      isHeader: r,
+      isSkeletonVisible: l,
+      isLoading: c,
+      widths: u,
+      onWidthsSet: g
     }
   );
 };
 export {
-  Y as TransactionTotalItem
+  R as TransactionTotalItem
 };