@adyen/adyen-platform-experience-web 1.4.1 → 1.5.0

package/dist/es/components/external/TransactionDetails/components/refund/TransactionRefundAmount.js

@@ -1,12 +1,12 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TX_DATA_CONTAINER as U, TX_DATA_INPUT_HEAD as S, TX_DATA_INPUT_CONTAINER as $, TX_DATA_INPUT_CONTAINER_SHORT as B, TX_DATA_INPUT_CONTAINER_TEXT as q, TX_DATA_INPUT_CONTAINER_WITH_ERROR as H, TX_DATA_INPUT as L } from "../constants.js";
+import { TX_DATA_CONTAINER as U, TX_DATA_INPUT_HEAD as S, TX_DATA_INPUT as $, TX_DATA_INPUT_CONTAINER_WITH_ERROR as B, TX_DATA_INPUT_CONTAINER_TEXT as q, TX_DATA_INPUT_CONTAINER_SHORT as H, TX_DATA_INPUT_CONTAINER as L } from "../constants.js";
 import M from "classnames";
 import { useState as R, useMemo as V, useRef as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import C from "../../../../../core/Context/useCoreContext.js";
 import Y from "../../../../internal/SVGIcons/CloseCircle.js";
 import j from "../../../../internal/FormFields/InputBase.js";
 import h from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as b, TypographyVariant as D } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as b, TypographyElement as D } from "../../../../internal/Typography/types.js";
 import { getDecimalAmount as w, getDivider as W } from "../../../../../core/Localization/amount/amount-util.js";
 import { ARIA_ERROR_SUFFIX as k } from "../../../../../core/Errors/constants.js";
 import { TagVariant as z } from "../../../../internal/Tag/types.js";
@@ -24,15 +24,15 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
 }) => {
   const { i18n: a } = C(), i = v(E()), m = v(E()), p = e ? l ? a.get(e, { values: { amount: l } }) : a.get(e) : "";
   return /* @__PURE__ */ t("div", { className: U, children: [
-    /* @__PURE__ */ t("div", { className: S, children: /* @__PURE__ */ t("div", { id: m.current, children: /* @__PURE__ */ t(h, { el: b.SPAN, variant: D.BODY, stronger: !0, children: a.get("refundAmount") }) }) }),
+    /* @__PURE__ */ t("div", { className: S, children: /* @__PURE__ */ t("div", { id: m.current, children: /* @__PURE__ */ t(h, { el: D.SPAN, variant: b.BODY, stronger: !0, children: a.get("refundAmount") }) }) }),
     /* @__PURE__ */ t(
       "div",
       {
         className: M({
-          [$]: !0,
-          [B]: !0,
+          [L]: !0,
+          [H]: !0,
           [q]: !0,
-          [H]: !!e
+          [B]: !!e
         }),
         children: [
           /* @__PURE__ */ t("label", { htmlFor: i.current, "aria-labelledby": m.current, children: [
@@ -42,7 +42,7 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
               {
                 min: 0,
                 type: "number",
-                className: L,
+                className: $,
                 disabled: J(n),
                 lang: a.locale,
                 onInput: A,
@@ -53,7 +53,7 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
           ] }),
           e && /* @__PURE__ */ t("div", { className: "adyen-pe-input__refund-invalid-value", id: `${i.current}${k}`, children: [
             /* @__PURE__ */ t(Y, {}),
-            /* @__PURE__ */ t(h, { el: b.SPAN, variant: D.BODY, children: p })
+            /* @__PURE__ */ t(h, { el: D.SPAN, variant: b.BODY, children: p })
           ] })
         ]
       }

package/dist/es/components/external/TransactionDetails/components/refund/TransactionRefundNotice.js

@@ -3,7 +3,7 @@ import { useMemo as n } from "../../../../../external/preact/hooks/dist/hooks.mo
 import { TX_DATA_CONTAINER as i, TX_DATA_HEAD_CONTAINER as a } from "../constants.js";
 import m from "../../../../../core/Context/useCoreContext.js";
 import t from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as p, TypographyVariant as e } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as e, TypographyElement as p } from "../../../../internal/Typography/types.js";
 const A = () => {
   const { i18n: r } = m();
   return n(

package/dist/es/components/external/TransactionDetails/components/refund/TransactionRefundReason.js

@@ -4,7 +4,7 @@ import { TX_DATA_CONTAINER as d, TX_DATA_INPUT_HEAD as T, TX_DATA_INPUT_CONTAINE
 import { REFUND_REASONS as R } from "../../context/constants.js";
 import N from "../../../../../core/Context/useCoreContext.js";
 import A from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as _, TypographyVariant as h } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as _, TypographyElement as h } from "../../../../internal/Typography/types.js";
 import { useTransactionRefundContext as g } from "../../context/refund/context.js";
 import C from "../../../../internal/FormFields/Select/Select.js";
 const P = () => {
@@ -22,7 +22,7 @@ const P = () => {
     [r]
   );
   return /* @__PURE__ */ o("div", { className: d, children: [
-    /* @__PURE__ */ o("div", { className: T, children: /* @__PURE__ */ o(A, { el: _.SPAN, variant: h.BODY, stronger: !0, children: n.get("refundReason") }) }),
+    /* @__PURE__ */ o("div", { className: T, children: /* @__PURE__ */ o(A, { el: h.SPAN, variant: _.BODY, stronger: !0, children: n.get("refundReason") }) }),
     /* @__PURE__ */ o("div", { className: `${u} ${p}`, children: /* @__PURE__ */ o(
       C,
       {

package/dist/es/components/external/TransactionDetails/context/details/context.js

@@ -1,27 +1,27 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as N } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { createContext as O, Fragment as R } from "../../../../../external/preact/dist/preact.module.js";
+import { Fragment as R, createContext as O } from "../../../../../external/preact/dist/preact.module.js";
 import { useMemo as o, useCallback as w, useEffect as y, useContext as j } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import z from "../../../../../core/Context/useCoreContext.js";
 import { ButtonVariant as A } from "../../../../internal/Button/types.js";
 import { ActiveView as B } from "../types.js";
 import { Icon as E } from "../../../../internal/Icon/Icon.js";
-import { EMPTY_ARRAY as _, EMPTY_OBJECT as f } from "../../../../../utils/value/constants.js";
+import { EMPTY_OBJECT as l, EMPTY_ARRAY as _ } from "../../../../../utils/value/constants.js";
 import { noop as D } from "../../../../../utils/common.js";
 const M = O({
   availableItems: _,
   primaryAction: D,
   secondaryAction: D,
-  transaction: f,
-  extraFields: f,
-  dataCustomization: f
+  transaction: l,
+  extraFields: l,
+  dataCustomization: l
 }), S = N(
   ({
     children: P,
     lineItems: Y,
     refundAvailable: n,
-    refundDisabled: u,
-    setActiveView: l,
+    refundDisabled: f,
+    setActiveView: u,
     setPrimaryAction: p,
     setSecondaryAction: v,
     transaction: i,
@@ -29,9 +29,9 @@ const M = O({
     extraFields: F,
     dataCustomization: I
   }) => {
-    const { i18n: r } = z(), { currentTransaction: T, canNavigateBackward: g, canNavigateForward: C, backward: x, forward: b } = k, h = o(() => ({ title: r.get("refundAction") }), [r]), a = o(() => !n || u, [n, u]), s = w(
-      () => void (!a && l(B.REFUND)),
-      [a, l]
+    const { i18n: r } = z(), { currentTransaction: T, canNavigateBackward: g, canNavigateForward: C, backward: x, forward: b } = k, h = o(() => ({ title: r.get("refundAction") }), [r]), a = o(() => !n || f, [n, f]), s = w(
+      () => void (!a && u(B.REFUND)),
+      [a, u]
     ), t = o(() => {
       if (T === i.id) {
         if (g) return 2;

package/dist/es/components/external/TransactionDetails/context/refund/context.js

@@ -10,8 +10,8 @@ import { useRefundContextReason as S } from "./hooks/useRefundContextReason.js";
 import Y from "../../../../../hooks/useMutation/useMutation.js";
 import { RefundMode as j } from "../types.js";
 import { useConfigContext as q } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_ARRAY as f } from "../../../../../utils/value/constants.js";
 import { noop as t } from "../../../../../utils/common.js";
+import { EMPTY_ARRAY as f } from "../../../../../utils/value/constants.js";
 const d = E({
   amount: 0,
   availableAmount: 0,

package/dist/es/components/external/TransactionDetails/context/refund/hooks/useRefundContextLineItems.js

@@ -24,8 +24,8 @@ const T = ({ currency: c, lineItems: n }) => {
   ), i = b(
     function(a) {
       m((t) => {
-        const g = [...arguments.length === 0 ? new Map(t.map(({ id: r }) => [r, 0])) : new Map((a == null ? void 0 : a.map((r) => [r, 0])) ?? o)].map(([r, h]) => ({ id: r, quantity: h }));
-        return p(u, t, g);
+        const d = [...arguments.length === 0 ? new Map(t.map(({ id: r }) => [r, 0])) : new Map((a == null ? void 0 : a.map((r) => [r, 0])) ?? o)].map(([r, g]) => ({ id: r, quantity: g }));
+        return p(u, t, d);
       });
     },
     [u]

package/dist/es/components/external/TransactionDetails/hooks/useTransaction/transactionNavigator/createDuplexTransactionNavigator.js

@@ -1,36 +1,36 @@
 import { isEmptyString as l } from "../../../../../../utils/value/string.js";
-import { struct as g } from "../../../../../../utils/struct/main.js";
-import { enumerable as d, getter as i } from "../../../../../../utils/struct/property.js";
 import { EMPTY_ARRAY as T } from "../../../../../../utils/value/constants.js";
+import { struct as g } from "../../../../../../utils/struct/main.js";
+import { enumerable as d, getter as e } from "../../../../../../utils/struct/property.js";
 import { isNullish as k, isFunction as b } from "../../../../../../utils/value/is.js";
 const A = () => {
-  let [t, e, a, n] = T;
-  const u = () => !!(t && t === n && a), m = () => !!(t && t === a && n);
-  let o = null;
-  const p = () => {
-    u() && (e = t, t = a, c());
-  }, v = () => {
-    m() && (e = t, t = n, c());
+  let [t, i, a, o] = T;
+  const m = () => !!(t && t === o && a), u = () => !!(t && t === a && o);
+  let n = null;
+  const v = () => {
+    m() && (i = t, t = a, c());
+  }, p = () => {
+    u() && (i = t, t = o, c());
   }, w = (r, s) => {
     const f = t;
-    t = e = a = n = void 0, !l(r) && !l(s) && (a = r, n = s, t = f === a || f === n ? f : a, f !== t && c());
+    t = i = a = o = void 0, !l(r) && !l(s) && (a = r, o = s, t = f === a || f === o ? f : a, f !== t && c());
   }, N = (r) => {
-    k(r) ? o = null : b(r) && o !== (o = r) && c();
+    k(r) ? n = null : b(r) && n !== (n = r) && c();
   }, c = () => {
-    const r = e, s = t;
-    e = void 0, o == null || o(
+    const r = i, s = t;
+    i = void 0, n == null || n(
       g({
-        from: i(() => r),
-        to: i(() => s)
+        from: e(() => r),
+        to: e(() => s)
       })
     );
   };
   return g({
-    backward: d(p),
-    forward: d(v),
-    canNavigateBackward: i(u),
-    canNavigateForward: i(m),
-    currentTransaction: i(() => t),
+    backward: d(v),
+    forward: d(p),
+    canNavigateBackward: e(m),
+    canNavigateForward: e(u),
+    currentTransaction: e(() => t),
     onNavigation: { set: N },
     reset: d(w)
   });

package/dist/es/components/external/TransactionDetails/hooks/useTransaction/useTransaction.js

@@ -20,10 +20,10 @@ const J = (s) => {
   return m(() => {
     t || r(i.id);
   }, [t, i]), m(() => {
-    var F;
+    var v;
     const n = h.current, f = g.current;
-    return f.category === "Refund" && (n.reset(f.id, (F = f.refundMetadata) == null ? void 0 : F.originalPaymentId), n.onNavigation = ({ to: v }) => {
-      u.current = !0, E(performance.now()), v && r(v);
+    return f.category === "Refund" && (n.reset(f.id, (v = f.refundMetadata) == null ? void 0 : v.originalPaymentId), n.onNavigation = ({ to: F }) => {
+      u.current = !0, E(performance.now()), F && r(F);
     }), () => {
       u.current = !1, n.onNavigation = null, n.reset();
     };

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { AmountSkeleton as d } 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, PLACEHOLDER_CLASS as T, AMOUNT_CLASS as E, LABEL_CLASS as b, BODY_CLASS as B } from "./constants.js";
 import { SummaryItemLabel as C } from "./SummaryItemLabel.js";
 import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
 import { TypographyVariant as n } from "../../../../internal/Typography/types.js";
@@ -32,15 +32,15 @@ const W = ({
     (t, r) => t.valueHasLabelStyle ? n.CAPTION : r && !S ? n.BODY : n.TITLE,
     [S]
   );
-  return /* @__PURE__ */ e("div", { className: p(y, { [T]: !u }), children: i.map((t, r) => {
+  return /* @__PURE__ */ e("div", { className: p(y, { [B]: !u }), children: i.map((t, r) => {
     const a = t.getValue(), o = !!a && a.length > 12;
     return /* @__PURE__ */ e("div", { children: [
       u && (t.tooltipLabel ? /* @__PURE__ */ e(N, { content: s.get(`${t.tooltipLabel}`), isContainerHovered: h, children: /* @__PURE__ */ e(C, { config: t, i18n: s, isSkeletonVisible: l }) }) : /* @__PURE__ */ e(C, { config: t, i18n: s, isSkeletonVisible: l })),
-      l ? /* @__PURE__ */ e(d, { isLoading: c, hasMargin: t.hasSkeletonMargin, width: t.skeletonWidth + "px" }) : A ? /* @__PURE__ */ e("span", { className: p([y, E]) }) : /* @__PURE__ */ e("div", { ref: t.ref, style: f(r), children: /* @__PURE__ */ e(
+      l ? /* @__PURE__ */ e(d, { isLoading: c, hasMargin: t.hasSkeletonMargin, width: t.skeletonWidth + "px" }) : A ? /* @__PURE__ */ e("span", { className: p([y, T]) }) : /* @__PURE__ */ e("div", { ref: t.ref, style: f(r), children: /* @__PURE__ */ e(
         O,
         {
           variant: v(t, o),
-          className: p({ [b]: t.valueHasLabelStyle, [B]: !t.valueHasLabelStyle }),
+          className: p({ [b]: t.valueHasLabelStyle, [E]: !t.valueHasLabelStyle }),
           children: a
         }
       ) })

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

@@ -1,5 +1,5 @@
 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 { LABEL_CLASS as l, LABEL_CONTAINER_CLASS as L, LABEL_CONTAINER_CLASS_LOADING as i } from "./constants.js";
 import { TypographyVariant as s } from "../../../../internal/Typography/types.js";
 import A from "../../../../internal/Typography/Typography.js";
 import f from "classnames";
@@ -8,11 +8,11 @@ const d = y(
   ({ config: r, i18n: e, isSkeletonVisible: m, className: o, ...t }, p) => /* @__PURE__ */ a(
     "span",
     {
-      className: f(l, o, { [L]: m }),
+      className: f(L, o, { [i]: m }),
       style: { cursor: "default" },
       ref: p,
       ...t,
-      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: i, children: e.get(r.labelKey) })
+      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: l, children: e.get(r.labelKey) })
     }
   )
 );

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

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

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

@@ -1,21 +1,21 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { DataDetailsModal as Te } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { DataDetailsModal as ue } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
 import { TransactionsTable as Ee, TRANSACTION_FIELDS as Ne } from "../TransactionsTable/TransactionsTable.js";
-import he from "../../../../../hooks/useBalanceAccountSelection.js";
-import Fe from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import Fe from "../../../../../hooks/useBalanceAccountSelection.js";
+import he from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
 import { FilterParam as t } from "../../../../types.js";
 import Ce from "../../../../../hooks/useModalDetails/useModalDetails.js";
 import Me from "../../../../../core/Context/useCoreContext.js";
-import { useCallback as f, useMemo as c, useState as P, useEffect as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as f, useMemo as c, useState as P, useEffect as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { LIMIT_OPTIONS as De, DEFAULT_PAGE_LIMIT as _e } from "../../../../internal/Pagination/constants.js";
 import Ie from "../TransactionTotals/TransactionTotals.js";
 import { Balances as Oe } from "../Balances/Balances.js";
 import Ue from "../../../../../hooks/useDefaultOverviewFilterParams.js";
 import ge from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
 import { AmountFilter as Re } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
-import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as be, BASE_CLASS as Le, SUMMARY_CLASS as we, SUMMARY_ITEM_CLASS as X, BASE_CLASS_DETAILS as xe } from "./constants.js";
-import { useResponsiveContainer as ye, containerQueries as ke } from "../../../../../hooks/useResponsiveContainer.js";
-import { useCustomColumnsData as ve } from "../../../../../hooks/useCustomColumnsData.js";
+import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as be, BASE_CLASS as Le, SUMMARY_CLASS as ve, SUMMARY_ITEM_CLASS as X, BASE_CLASS_DETAILS as we } from "./constants.js";
+import { useResponsiveContainer as xe, containerQueries as ye } from "../../../../../hooks/useResponsiveContainer.js";
+import { useCustomColumnsData as ke } from "../../../../../hooks/useCustomColumnsData.js";
 import { hasCustomField as Pe } from "../../../../utils/customData/hasCustomField.js";
 import { mergeRecords as Xe } from "../../../../utils/customData/mergeRecords.js";
 /* empty css                          */
@@ -25,11 +25,11 @@ import { useFilterBarState as We, FilterBarMobileSwitch as Ye, FilterBar as je }
 import Ke from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
 import G from "../MultiSelectionFilter/MultiSelectionFilter.js";
 import { useConfigContext as Qe } from "../../../../../core/ConfigContext/context.js";
-import { listFrom as u } from "../../../../../utils/collection/main.js";
+import { listFrom as a } from "../../../../../utils/collection/main.js";
 import { isUndefined as H, isFunction as Ze } from "../../../../../utils/value/is.js";
 const Dr = ({
-  onFiltersChanged: a,
-  balanceAccounts: F,
+  onFiltersChanged: p,
+  balanceAccounts: h,
   allowLimitSelection: C,
   preferredLimit: W = _e,
   onRecordSelection: M,
@@ -39,14 +39,14 @@ const Dr = ({
   hideTitle: K,
   dataCustomization: r
 }) => {
-  var w, x, y, k;
-  const { i18n: p } = Me(), { getTransactions: A } = Qe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: Q, onBalanceAccountSelection: Z } = he(F), { defaultParams: d, nowTimestamp: S, refreshNowTimestamp: T } = Ue("transactions", e), J = f(
-    async ({ balanceAccount: n, ...i }, N) => A({ signal: N, errorLevel: "error" }, {
+  var v, w, x, y;
+  const { i18n: A } = Me(), { getTransactions: S } = Qe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: Q, onBalanceAccountSelection: Z } = Fe(h), { defaultParams: d, nowTimestamp: T, refreshNowTimestamp: u } = Ue("transactions", e), J = f(
+    async ({ balanceAccount: o, ...i }, N) => S({ signal: N, errorLevel: "error" }, {
       query: {
         ...i,
-        statuses: u(i[t.STATUSES]),
-        categories: u(i[t.CATEGORIES]),
-        currencies: u(i[t.CURRENCIES]),
+        statuses: a(i[t.STATUSES]),
+        categories: a(i[t.CATEGORIES]),
+        currencies: a(i[t.CURRENCIES]),
         createdSince: i[t.CREATED_SINCE] ?? d.current.defaultFilterParams[t.CREATED_SINCE],
         createdUntil: i[t.CREATED_UNTIL] ?? d.current.defaultFilterParams[t.CREATED_UNTIL],
         sortDirection: "desc",
@@ -55,8 +55,8 @@ const Dr = ({
         maxAmount: H(i.maxAmount) ? void 0 : parseFloat(i.maxAmount)
       }
     }),
-    [e == null ? void 0 : e.id, d, A]
-  ), _ = We(), V = c(() => Ze(a) ? a : void 0, [a]), $ = c(() => C ? De : void 0, [C]), { canResetFilters: q, error: B, fetching: z, filters: o, limit: ee, limitOptions: re, records: I, resetFilters: Je, updateFilters: l, updateLimit: te, ...se } = Ge({
+    [e == null ? void 0 : e.id, d, S]
+  ), _ = We(), V = c(() => Ze(p) ? p : void 0, [p]), $ = c(() => C ? De : void 0, [C]), { canResetFilters: q, error: B, fetching: z, filters: n, limit: ee, limitOptions: re, records: I, resetFilters: Je, updateFilters: l, updateLimit: te, ...se } = Ge({
     fetchRecords: J,
     dataField: "data",
     filterParams: d.current.defaultFilterParams,
@@ -64,59 +64,59 @@ const Dr = ({
     onFiltersChanged: V,
     preferredLimit: W,
     preferredLimitOptions: $,
-    enabled: !!(e != null && e.id) && !!A
-  }), [m, O] = P([]), [ne, ie] = P(!1), oe = f((n, i) => {
-    O(n), ie(i);
+    enabled: !!(e != null && e.id) && !!S
+  }), [m, O] = P([]), [oe, ie] = P(!1), ne = f((o, i) => {
+    O(o), ie(i);
   }, []), { categoriesFilter: U, currenciesFilter: g, statusesFilter: E } = ge(
     {
-      filters: o,
+      filters: n,
       updateFilters: l
     },
     m
   );
-  h(() => {
+  F(() => {
     O(void 0), l({
       [t.BALANCE_ACCOUNT]: e == null ? void 0 : e.id,
       [t.CURRENCIES]: void 0
     });
-  }, [l, e == null ? void 0 : e.id]), h(() => {
-    T();
-  }, [o, T]), h(() => {
+  }, [l, e == null ? void 0 : e.id]), F(() => {
+    u();
+  }, [n, u]), F(() => {
     E.updateSelection({ target: { value: "Booked", name: "status" } });
   }, [E]);
-  const R = ye(ke.down.sm), le = !!m && m.length > 1, b = c(
+  const R = xe(ye.down.sm), le = !!m && m.length > 1, b = c(
     () => ({
       showDetails: D ?? !0,
       callback: M
     }),
     [D, M]
   ), me = c(() => ({ transaction: b }), [b]), ce = f(
-    ({ records: n, retrievedData: i }) => Xe(n, i, (N, v) => N.id === v.id),
+    ({ records: o, retrievedData: i }) => Xe(o, i, (N, k) => N.id === k.id),
     []
   ), de = c(() => {
-    var n;
-    return Pe((n = r == null ? void 0 : r.list) == null ? void 0 : n.fields, Ne);
-  }, [(w = r == null ? void 0 : r.list) == null ? void 0 : w.fields]), { customRecords: fe, loadingCustomRecords: ue } = ve({
+    var o;
+    return Pe((o = r == null ? void 0 : r.list) == null ? void 0 : o.fields, Ne);
+  }, [(v = r == null ? void 0 : r.list) == null ? void 0 : v.fields]), { customRecords: fe, loadingCustomRecords: ae } = ke({
     records: I,
     hasCustomColumn: de,
-    onDataRetrieve: (x = r == null ? void 0 : r.list) == null ? void 0 : x.onDataRetrieve,
+    onDataRetrieve: (w = r == null ? void 0 : r.list) == null ? void 0 : w.onDataRetrieve,
     mergeCustomData: ce
-  }), { updateDetails: L, resetDetails: ae, selectedDetail: pe } = Ce(me), Ae = f(
-    ({ id: n }) => {
+  }), { updateDetails: L, resetDetails: pe, selectedDetail: Ae } = Ce(me), Se = f(
+    ({ id: o }) => {
       L({
         selection: {
           type: "transaction",
-          data: n,
+          data: o,
           balanceAccount: e || ""
         },
         modalSize: "small"
-      }).callback({ id: n });
+      }).callback({ id: o });
     },
     [e, L]
-  ), Se = c(() => {
-    const n = new Date(S);
-    return n.setMonth(n.getMonth() - be), n.toString();
-  }, [S]);
+  ), Te = c(() => {
+    const o = new Date(T);
+    return o.setMonth(o.getMonth() - be), o.toString();
+  }, [T]);
   return /* @__PURE__ */ s("div", { className: Le, children: [
     /* @__PURE__ */ s(He, { hideTitle: K, titleKey: "transactionsOverviewTitle", children: /* @__PURE__ */ s(Ye, { ..._ }) }),
     /* @__PURE__ */ s(je, { ..._, children: [
@@ -129,48 +129,48 @@ const Dr = ({
         }
       ),
       /* @__PURE__ */ s(
-        Fe,
+        he,
         {
           canResetFilters: q,
           defaultParams: d,
-          filters: o,
-          nowTimestamp: S,
-          refreshNowTimestamp: T,
-          sinceDate: Se,
+          filters: n,
+          nowTimestamp: T,
+          refreshNowTimestamp: u,
+          sinceDate: Te,
           timezone: e == null ? void 0 : e.timeZone,
           updateFilters: l
         }
       ),
-      /* @__PURE__ */ s(G, { ...U, placeholder: p.get("filterPlaceholder.category") }),
+      /* @__PURE__ */ s(G, { ...U, placeholder: A.get("filterPlaceholder.category") }),
       /* @__PURE__ */ s(
         Re,
         {
           availableCurrencies: m,
-          selectedCurrencies: u(o[t.CURRENCIES]),
+          selectedCurrencies: a(n[t.CURRENCIES]),
           name: "range",
-          label: p.get("amount"),
-          minAmount: o[t.MIN_AMOUNT],
-          maxAmount: o[t.MAX_AMOUNT],
+          label: A.get("amount"),
+          minAmount: n[t.MIN_AMOUNT],
+          maxAmount: n[t.MAX_AMOUNT],
           updateFilters: l,
           onChange: l
         }
       ),
-      /* @__PURE__ */ s(G, { ...g, placeholder: p.get("filterPlaceholder.currency") })
+      /* @__PURE__ */ s(G, { ...g, placeholder: A.get("filterPlaceholder.currency") })
     ] }),
-    /* @__PURE__ */ s("div", { className: we, children: [
+    /* @__PURE__ */ s("div", { className: ve, children: [
       /* @__PURE__ */ s("div", { className: X, children: /* @__PURE__ */ s(
         Ie,
         {
           availableCurrencies: m,
-          isAvailableCurrenciesFetching: ne,
+          isAvailableCurrenciesFetching: oe,
           balanceAccountId: e == null ? void 0 : e.id,
           statuses: E.selection,
           categories: U.selection,
-          createdUntil: o[t.CREATED_UNTIL],
-          createdSince: o[t.CREATED_SINCE],
+          createdUntil: n[t.CREATED_UNTIL],
+          createdSince: n[t.CREATED_SINCE],
           currencies: g.selection,
-          minAmount: o[t.MIN_AMOUNT] ? parseFloat(o[t.MIN_AMOUNT]) : void 0,
-          maxAmount: o[t.MAX_AMOUNT] ? parseFloat(o[t.MAX_AMOUNT]) : void 0,
+          minAmount: n[t.MIN_AMOUNT] ? parseFloat(n[t.MIN_AMOUNT]) : void 0,
+          maxAmount: n[t.MAX_AMOUNT] ? parseFloat(n[t.MAX_AMOUNT]) : void 0,
           fullWidth: R
         }
       ) }),
@@ -178,19 +178,19 @@ const Dr = ({
         Oe,
         {
           balanceAccountId: e == null ? void 0 : e.id,
-          onCurrenciesChange: oe,
+          onCurrenciesChange: ne,
           defaultCurrencyCode: e == null ? void 0 : e.defaultCurrencyCode,
           fullWidth: R
         }
       ) })
     ] }),
     /* @__PURE__ */ s(
-      Te,
+      ue,
       {
         dataCustomization: r == null ? void 0 : r.details,
-        selectedDetail: pe,
-        resetDetails: ae,
-        className: xe,
+        selectedDetail: Ae,
+        resetDetails: pe,
+        className: we,
         children: /* @__PURE__ */ s(
           Ee,
           {
@@ -200,13 +200,13 @@ const Dr = ({
             hasMultipleCurrencies: le,
             limit: ee,
             limitOptions: re,
-            loading: z || Y || !F || ue,
+            loading: z || Y || !h || ae,
             onContactSupport: j,
             onLimitSelection: te,
-            onRowClick: Ae,
+            onRowClick: Se,
             showPagination: !0,
-            transactions: (y = r == null ? void 0 : r.list) != null && y.onDataRetrieve ? fe : I,
-            customColumns: (k = r == null ? void 0 : r.list) == null ? void 0 : k.fields,
+            transactions: (x = r == null ? void 0 : r.list) != null && x.onDataRetrieve ? fe : I,
+            customColumns: (y = r == null ? void 0 : r.list) == null ? void 0 : y.fields,
             ...se
           }
         )