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

package/dist/ModalContent-387502da.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-8daceaea.js");require("classnames");const e=t=>n.hasOwnProperty(t,"id");function o({data:t}){const r=e(t)?{transaction:t}:{transactionId:t};return n.u(n.w,{children:r&&n.u(n.TransactionDetails,{...r})})}exports.default=o;
+//# sourceMappingURL=ModalContent-387502da.js.map

package/dist/{ModalContent-88fdb6f4.js.map → ModalContent-387502da.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ModalContent-88fdb6f4.js","sources":["../src/components/external/TransactionsOverview/components/ModalContent.tsx"],"sourcesContent":["import { SelectedDetail, TransactionDetailData } from '../../../../components';\nimport TransactionDetails from '../../TransactionDetails/components/TransactionDetails';\nimport { hasOwnProperty } from '../../../../utils/common';\n\nconst isTransactionWithoutId = (data: string | TransactionDetailData): data is TransactionDetailData => hasOwnProperty(data, 'id');\nfunction ModalContent({ data }: SelectedDetail) {\n    const transactionProps = isTransactionWithoutId(data) ? { transaction: data } : { transactionId: data };\n\n    return <>{transactionProps && <TransactionDetails {...transactionProps} />}</>;\n}\nexport default ModalContent;\n"],"names":["isTransactionWithoutId","data","hasOwnProperty","ModalContent","transactionProps","jsx","TransactionDetails"],"mappings":"6IAIA,MAAMA,EAA0BC,GAAwEC,EAAA,eAAeD,EAAM,IAAI,EACjI,SAASE,EAAa,CAAE,KAAAF,GAAwB,CACtC,MAAAG,EAAmBJ,EAAuBC,CAAI,EAAI,CAAE,YAAaA,GAAS,CAAE,cAAeA,GAEjG,gBAAU,SAAoBG,GAAAC,IAACC,EAAAA,mBAAoB,CAAA,GAAGF,CAAkB,CAAA,CAAG,CAAA,CAC/E"}
+{"version":3,"file":"ModalContent-387502da.js","sources":["../src/components/external/TransactionsOverview/components/ModalContent.tsx"],"sourcesContent":["import { SelectedDetail, TransactionDetailData } from '../../../../components';\nimport TransactionDetails from '../../TransactionDetails/components/TransactionDetails';\nimport { hasOwnProperty } from '../../../../utils/common';\n\nconst isTransactionWithoutId = (data: string | TransactionDetailData): data is TransactionDetailData => hasOwnProperty(data, 'id');\nfunction ModalContent({ data }: SelectedDetail) {\n    const transactionProps = isTransactionWithoutId(data) ? { transaction: data } : { transactionId: data };\n\n    return <>{transactionProps && <TransactionDetails {...transactionProps} />}</>;\n}\nexport default ModalContent;\n"],"names":["isTransactionWithoutId","data","hasOwnProperty","ModalContent","transactionProps","jsx","TransactionDetails"],"mappings":"6IAIA,MAAMA,EAA0BC,GAAwEC,EAAA,eAAeD,EAAM,IAAI,EACjI,SAASE,EAAa,CAAE,KAAAF,GAAwB,CACtC,MAAAG,EAAmBJ,EAAuBC,CAAI,EAAI,CAAE,YAAaA,GAAS,CAAE,cAAeA,GAEjG,gBAAU,SAAoBG,GAAAC,IAACC,EAAAA,mBAAoB,CAAA,GAAGF,CAAkB,CAAA,CAAG,CAAA,CAC/E"}

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../index-7e2df524.js");require("classnames");exports.AdyenPlatformExperience=_.AdyenPlatformExperience;exports.Core=_.Core;exports.TransactionFilterParam=_.TransactionFilterParam;exports.TransactionsDetails=_.TransactionsElement$1;exports.TransactionsOverview=_.TransactionsElement;exports.all_locales=_.all_locales;exports.ar=_.ar;exports.cs_CZ=_.cs_CZ;exports.da_DK=_.da_DK;exports.de_DE=_.de_DE;exports.el_GR=_.el_GR;exports.en_US=_.en_US;exports.es_ES=_.es_ES;exports.fi_FI=_.fi_FI;exports.fr_FR=_.fr_FR;exports.hr_HR=_.hr_HR;exports.hu_HU=_.hu_HU;exports.it_IT=_.it_IT;exports.ja_JP=_.ja_JP;exports.ko_KR=_.ko_KR;exports.nl_NL=_.nl_NL;exports.no_NO=_.no_NO;exports.pl_PL=_.pl_PL;exports.pt_BR=_.pt_BR;exports.pt_PT=_.pt_PT;exports.ro_RO=_.ro_RO;exports.ru_RU=_.ru_RU;exports.sk_SK=_.sk_SK;exports.sl_SI=_.sl_SI;exports.sv_SE=_.sv_SE;exports.zh_CN=_.zh_CN;exports.zh_TW=_.zh_TW;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../index-8daceaea.js");require("classnames");exports.AdyenPlatformExperience=_.AdyenPlatformExperience;exports.Core=_.Core;exports.TransactionFilterParam=_.TransactionFilterParam;exports.TransactionsDetails=_.TransactionsElement$1;exports.TransactionsOverview=_.TransactionsElement;exports.all_locales=_.all_locales;exports.ar=_.ar;exports.cs_CZ=_.cs_CZ;exports.da_DK=_.da_DK;exports.de_DE=_.de_DE;exports.el_GR=_.el_GR;exports.en_US=_.en_US;exports.es_ES=_.es_ES;exports.fi_FI=_.fi_FI;exports.fr_FR=_.fr_FR;exports.hr_HR=_.hr_HR;exports.hu_HU=_.hu_HU;exports.it_IT=_.it_IT;exports.ja_JP=_.ja_JP;exports.ko_KR=_.ko_KR;exports.nl_NL=_.nl_NL;exports.no_NO=_.no_NO;exports.pl_PL=_.pl_PL;exports.pt_BR=_.pt_BR;exports.pt_PT=_.pt_PT;exports.ro_RO=_.ro_RO;exports.ru_RU=_.ru_RU;exports.sk_SK=_.sk_SK;exports.sl_SI=_.sl_SI;exports.sv_SE=_.sv_SE;exports.zh_CN=_.zh_CN;exports.zh_TW=_.zh_TW;
 //# sourceMappingURL=index.js.map

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

@@ -1,19 +1,19 @@
 var r = Object.defineProperty;
 var i = (n, e, t) => e in n ? r(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var o = (n, e, t) => (i(n, typeof e != "symbol" ? e + "" : e, t), t);
+var s = (n, e, t) => (i(n, typeof e != "symbol" ? e + "" : e, t), t);
 import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import m from "../UIElement.js";
 import c from "./components/TransactionDetails.js";
-class s extends m {
+class o extends m {
   constructor(t) {
     super(t);
-    o(this, "componentToRender", () => /* @__PURE__ */ a(c, { ...this.props }));
+    s(this, "componentToRender", () => /* @__PURE__ */ a(c, { ...this.props }));
     this.elementRef = t && t.elementRef || this, this.componentToRender = this.componentToRender.bind(this);
   }
 }
-o(s, "type", "transactionsDetails");
-const h = s;
+s(o, "type", "transactionsDetails");
+const h = o;
 export {
-  s as TransactionsElement,
+  o as TransactionsElement,
   h as default
 };

package/dist/es/components/external/TransactionDetails/components/TransactionData.js

@@ -7,10 +7,10 @@ import { TagVariant as a } from "../../../internal/Tag/types.js";
 import r from "../../../../core/Context/useCoreContext.js";
 import { useMemo as g } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import { Fragment as i } from "../../../../external/preact/dist/preact.module.js";
-const T = ({ transaction: e, isFetching: y }) => {
+const M = ({ transaction: e, isFetching: y }) => {
   var l;
   const { i18n: m } = r(), o = g(
-    () => e ? m.date(new Date(e.creationDate), {
+    () => e ? m.date(new Date(e.createdAt), {
       weekday: "long",
       month: "long",
       year: "numeric",
@@ -66,5 +66,5 @@ const T = ({ transaction: e, isFetching: y }) => {
   ] }) : /* @__PURE__ */ d(_, { isLoading: y, skeletonRowNumber: 6 }) });
 };
 export {
-  T as TransactionData
+  M as TransactionData
 };

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

@@ -1,16 +1,16 @@
 import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { TransactionData as h } from "./TransactionData.js";
 import { ErrorMessageDisplay as g } from "../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { getErrorMessage as T } from "../../../utils/transactionResourceErrorCodes.js";
-import C from "../../../../core/Context/useCoreContext.js";
+import { getErrorMessage as C } from "../../../utils/transactionResourceErrorCodes.js";
+import T from "../../../../core/Context/useCoreContext.js";
 import { useFetch as p } from "../../../../hooks/useFetch/useFetch.js";
 import { useSetupEndpoint as y } from "../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
 import { useMemo as e, useCallback as D } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import "./TransactionDetails.scss.js";
 import { EMPTY_OBJECT as E } from "../../../../utils/common/constants.js";
 const c = (t) => "transaction" in t;
-function P(t) {
-  const s = e(() => c(t) ? t.transaction : null, [t]), n = e(() => c(t) ? null : t.transactionId, [t]), { i18n: m } = C(), o = y("getTransaction"), l = D(async () => {
+function O(t) {
+  const s = e(() => c(t) ? t.transaction : null, [t]), n = e(() => c(t) ? null : t.transactionId, [t]), { i18n: m } = T(), o = y("getTransaction"), l = D(async () => {
     if (n)
       return o(E, {
         path: { transactionId: n }
@@ -20,7 +20,7 @@ function P(t) {
     queryFn: l
   }), i = e(() => {
     if (r)
-      return T(r, t.onContactSupport);
+      return C(r, t.onContactSupport);
   }, [r, t.onContactSupport]), f = s ?? u;
   return /* @__PURE__ */ a("div", { className: "adyen-pe-transaction", children: [
     t.title && /* @__PURE__ */ a("div", { className: "adyen-pe-title", children: m.get(t.title) }),
@@ -29,5 +29,5 @@ function P(t) {
   ] });
 }
 export {
-  P as default
+  O as default
 };

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

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

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

@@ -1,17 +1,17 @@
-import { useState as x, useCallback as d, useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-const p = (e) => {
-  const [n, t] = x(0), B = d(() => t(0), [t]), S = s(() => e == null ? void 0 : e[n], [e, n]), l = s(
+import { useState as p, useCallback as d, useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+const r = (e) => {
+  const [n, t] = p(0), B = d(() => t(0), [t]), S = s(() => e == null ? void 0 : e[n], [e, n]), l = s(
     () => e && e.length > 1 ? Object.freeze(e.map(({ id: o }) => ({ id: o, name: o }))) : void 0,
     [e]
-  ), f = d(
+  ), x = d(
     ({ target: o }) => {
-      const m = o == null ? void 0 : o.value, i = e == null ? void 0 : e.findIndex(({ id: r }) => r === m);
+      const f = o == null ? void 0 : o.value, i = e == null ? void 0 : e.findIndex(({ id: m }) => m === f);
       i >= 0 && t(i);
     },
     [e, t]
   );
-  return { activeBalanceAccount: S, balanceAccountSelectionOptions: l, onBalanceAccountSelection: f, resetBalanceAccountSelection: B };
-}, u = p;
+  return { activeBalanceAccount: S, balanceAccountSelectionOptions: l, onBalanceAccountSelection: x, resetBalanceAccountSelection: B };
+}, u = r;
 export {
   u as default
 };

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

@@ -1,21 +1,21 @@
 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 { 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 w } from "../../../../internal/BaseList/BaseList.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 z = F(({ balanceAccountId: s, onCurrenciesChange: n, fullWidth: d }) => {
+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 } = C({
+  }), [s, a]), { data: e, error: B, isFetching: i } = w({
     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();
+  }), 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();
   return W(() => {
     const r = new Set((o == null ? void 0 : o.map(({ currency: m }) => m)) || []);
     n(Array.from(r), i);
@@ -27,7 +27,7 @@ const z = F(({ balanceAccountId: s, onCurrenciesChange: n, fullWidth: d }) => {
         {
           isEmpty: S,
           balance: x,
-          widths: p,
+          widths: l,
           isHeader: !0,
           isSkeleton: c,
           isLoading: c,
@@ -36,10 +36,10 @@ const z = F(({ balanceAccountId: s, onCurrenciesChange: n, fullWidth: 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)) })
+      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)) })
     }
   ) });
 });
 export {
-  z as Balances
+  A as Balances
 };

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

@@ -2,10 +2,10 @@ import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntim
 import n from "../../TransactionDetails/components/TransactionDetails.js";
 import { hasOwnProperty as i } from "../../../../utils/common/index.js";
 import { Fragment as s } from "../../../../external/preact/dist/preact.module.js";
-const a = (o) => i(o, "id");
-function f({ data: o }) {
-  const t = a(o) ? { transaction: o } : { transactionId: o };
-  return /* @__PURE__ */ r(s, { children: t && /* @__PURE__ */ r(n, { ...t }) });
+const a = (t) => i(t, "id");
+function f({ data: t }) {
+  const o = a(t) ? { transaction: t } : { transactionId: t };
+  return /* @__PURE__ */ r(s, { children: o && /* @__PURE__ */ r(n, { ...o }) });
 }
 export {
   f as default

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 { 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 c from "../../../../internal/FormFields/Select/Select.js";
-const d = u(
+const d = 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;
+), w = d;
 export {
-  h as default
+  w as default
 };

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

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

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

@@ -1,13 +1,13 @@
 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 _, AMOUNT_CLASS as b } from "./constants.js";
 import { SummaryItemLabel as h } from "./SummaryItemLabel.js";
-import { Tooltip as N } 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 n from "classnames";
-import { useEffect as x, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { Tooltip as x } from "../../../../internal/Tooltip/Tooltip.js";
+import { TypographyVariant as n } 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 "./SummaryItem.scss.js";
 import { useMediaQuery as I, mediaQueries as M } from "../../hooks/useMediaQuery.js";
 const X = ({
@@ -20,8 +20,8 @@ const X = ({
   onWidthsSet: L,
   isEmpty: d
 }) => {
-  const { i18n: s } = _();
-  x(() => {
+  const { i18n: s } = N();
+  O(() => {
     const e = u.map((r) => {
       var a, o;
       return ((o = (a = r.ref) == null ? void 0 : a.current) == null ? void 0 : o.getBoundingClientRect().width) ?? 0;
@@ -29,18 +29,18 @@ const X = ({
     L(e);
   }, [L]);
   const A = (e) => ({ width: m && m[e] ? m[e] : "auto" }), S = I(M.only.xs), f = H(
-    (e, r) => e.valueHasLabelStyle ? p.CAPTION : r && !S ? p.BODY : p.TITLE,
+    (e, r) => e.valueHasLabelStyle ? n.CAPTION : r && !S ? n.BODY : n.TITLE,
     [S]
   );
-  return /* @__PURE__ */ t("div", { className: n(y, { [T]: !i }), children: u.map((e, r) => {
+  return /* @__PURE__ */ t("div", { className: p(y, { [T]: !i }), children: u.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,
+      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(
+        B,
         {
           variant: f(e, o),
-          className: n({ [b]: e.valueHasLabelStyle, [B]: !e.valueHasLabelStyle }),
+          className: p({ [_]: e.valueHasLabelStyle, [b]: !e.valueHasLabelStyle }),
           children: a
         }
       ) })

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

@@ -5,14 +5,14 @@ import A from "../../../../internal/Typography/Typography.js";
 import f from "../../../../../utils/fixedForwardRef.js";
 import y from "classnames";
 const d = f(
-  ({ config: r, i18n: o, isSkeletonVisible: e, className: m, ...t }, p) => /* @__PURE__ */ a(
+  ({ config: r, i18n: e, isSkeletonVisible: m, className: o, ...t }, p) => /* @__PURE__ */ a(
     "span",
     {
-      className: y(l, m, { [L]: e }),
+      className: y(l, o, { [L]: m }),
       style: { cursor: "default" },
       ref: p,
       ...t,
-      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: i, children: o.get(r.labelKey) })
+      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: i, 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,21 +1,21 @@
 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 { 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 { 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);
+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(
-    p,
+    c,
     {
       renderHeader: /* @__PURE__ */ t(
         l,
         {
           isHovered: i,
-          total: c,
+          total: p,
           hiddenField: o,
           widths: a,
           isHeader: !0,

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 { 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 F } from "./constants.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 q, mediaQueries as B } from "../../hooks/useMediaQuery.js";
+import { useMediaQuery as k, mediaQueries as w } from "../../hooks/useMediaQuery.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 { Fragment as B } from "../../../../../external/preact/dist/preact.module.js";
+import { EMPTY_OBJECT as Q } from "../../../../../utils/common/constants.js";
+const $ = _(
   ({
     availableCurrencies: e,
-    isAvailableCurrenciesFetching: C,
+    isAvailableCurrenciesFetching: F,
     balanceAccountId: t,
-    createdSince: l,
-    createdUntil: p,
-    categories: c,
-    statuses: f,
-    maxAmount: T,
-    minAmount: d,
+    createdSince: p,
+    createdUntil: c,
+    categories: l,
+    statuses: d,
+    maxAmount: f,
+    minAmount: T,
     currencies: g,
     fullWidth: n
   }) => {
-    const h = O("getTransactionTotals"), S = y(async () => h(j, {
+    const h = O("getTransactionTotals"), S = y(async () => h(Q, {
       query: {
-        createdSince: l,
-        createdUntil: p,
-        categories: c,
-        statuses: f,
-        maxAmount: T,
-        minAmount: d,
+        createdSince: p,
+        createdUntil: c,
+        categories: l,
+        statuses: d,
+        maxAmount: f,
+        minAmount: T,
         currencies: g,
         balanceAccountId: t
       }
-    }), [t, c, l, p, g, h, T, d, f]), { data: o, isFetching: x } = L({
-      fetchOptions: k(() => ({ enabled: !!t }), [t]),
+    }), [t, l, p, c, g, h, f, T, d]), { data: o, isFetching: x } = L({
+      fetchOptions: q(() => ({ enabled: !!t }), [t]),
       queryFn: S
-    }), i = !t || x || C, a = y(() => {
+    }), i = !t || x || F, 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 }) })
+        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 }) });
   }
-), Z = v;
+), Z = $;
 export {
   Z as default
 };

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

@@ -1,15 +1,15 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { popoverUtil as b } from "../../../../internal/Popover/utils/popoverUtil.js";
 import g from "../../../../../core/Context/useCoreContext.js";
-import A from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import { Suspense as E, lazy as O } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as c, useCallback as x, useEffect as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { BASE_CLASS as D, SPINNER_CONTAINER_CLASS as R } from "./constants.js";
+import x from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import { Suspense as A, lazy as E } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as c, useCallback as O, useEffect as _ } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { BASE_CLASS as y, SPINNER_CONTAINER_CLASS as D } from "./constants.js";
 import "./TransactionsDisplay.scss.js";
-import { TransactionsTable as T } from "../TransactionsTable/TransactionsTable.js";
-import _ from "../../../../internal/Modal/Modal.js";
+import { TransactionsTable as I } from "../TransactionsTable/TransactionsTable.js";
+import R from "../../../../internal/Modal/Modal.js";
 import B from "../../../../internal/Spinner/Spinner.js";
-const I = O(() => import("../ModalContent.js")), J = ({
+const L = E(() => import("../ModalContent.js")), J = ({
   availableCurrencies: s,
   balanceAccountDescription: a,
   error: d,
@@ -27,7 +27,7 @@ const I = O(() => import("../ModalContent.js")), J = ({
       callback: i
     }),
     [r, i]
-  ), N = c(() => ({ transaction: l }), [l]), { updateDetails: m, resetDetails: k, selectedDetail: o } = A(N), z = x(
+  ), N = c(() => ({ transaction: l }), [l]), { updateDetails: m, resetDetails: k, selectedDetail: o } = x(N), z = O(
     (p) => {
       m({
         selection: { type: "transaction", data: { ...p, balanceAccountDescription: a } },
@@ -36,11 +36,11 @@ const I = O(() => import("../ModalContent.js")), J = ({
     },
     [m, a]
   ), n = !!o;
-  return y(() => {
+  return _(() => {
     n && b.closeAll();
-  }, [n]), /* @__PURE__ */ t("div", { className: D, children: [
+  }, [n]), /* @__PURE__ */ t("div", { className: y, children: [
     /* @__PURE__ */ t(
-      T,
+      I,
       {
         availableCurrencies: s,
         error: d,
@@ -55,7 +55,7 @@ const I = O(() => import("../ModalContent.js")), J = ({
       }
     ),
     /* @__PURE__ */ t(
-      _,
+      R,
       {
         title: o != null && o.title ? e.get(o.title) : void 0,
         isOpen: !!o,
@@ -65,10 +65,10 @@ const I = O(() => import("../ModalContent.js")), J = ({
         headerWithBorder: !1,
         size: (o == null ? void 0 : o.modalSize) ?? "large",
         children: o && /* @__PURE__ */ t(
-          E,
+          A,
           {
-            fallback: /* @__PURE__ */ t("span", { className: R, children: /* @__PURE__ */ t(B, { size: "medium" }) }),
-            children: /* @__PURE__ */ t(I, { data: o.selection.data })
+            fallback: /* @__PURE__ */ t("span", { className: D, children: /* @__PURE__ */ t(B, { size: "medium" }) }),
+            children: /* @__PURE__ */ t(L, { data: o.selection.data })
           }
         )
       }

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

@@ -3,7 +3,7 @@ import { TransactionFilterParam as e } from "../../types.js";
 import { TransactionsDisplay as B } from "../TransactionsDisplay/TransactionsDisplay.js";
 import rr from "../../../../../core/Context/useCoreContext.js";
 import { useSetupEndpoint as er } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { useCallback as h, useMemo as C, useState as _, useEffect as T } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as _, useMemo as C, useState as h, useEffect as T } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { isFunction as O } from "../../../../../utils/common/index.js";
 import { LIMIT_OPTIONS as tr, DEFAULT_PAGE_LIMIT as ir } from "../../../../internal/Pagination/constants.js";
 import or from "../TransactionsOverviewDateFilter.js";
@@ -32,7 +32,7 @@ const Yr = ({
   isLoadingBalanceAccount: b,
   onContactSupport: w
 }) => {
-  const { i18n: u } = rr(), E = er("getTransactions"), { activeBalanceAccount: r, balanceAccountSelectionOptions: R, onBalanceAccountSelection: x } = fr(c), { defaultParams: n, nowTimestamp: y, refreshNowTimestamp: p } = lr(r), P = h(
+  const { i18n: u } = rr(), E = er("getTransactions"), { activeBalanceAccount: r, balanceAccountSelectionOptions: x, onBalanceAccountSelection: R } = fr(c), { defaultParams: n, nowTimestamp: y, refreshNowTimestamp: p } = lr(r), P = _(
     async ({ balanceAccount: M, ...o }, q) => E({ signal: q, errorLevel: "error" }, {
       query: {
         ...o,
@@ -50,7 +50,7 @@ const Yr = ({
     [r == null ? void 0 : r.id, n, E]
   ), X = C(() => O(a) ? a : void 0, [a]), k = C(() => O(d) ? d : void 0, [d]), G = C(() => A ? tr : void 0, [A]), { canResetFilters: Q, error: W, fetching: Y, filters: i, limit: j, limitOptions: V, records: z, resetFilters: Er, updateFilters: s, updateLimit: H, ...J } = Cr({
     fetchRecords: P,
-    dataField: "transactions",
+    dataField: "data",
     filterParams: n.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
     onLimitChanged: k,
@@ -58,7 +58,7 @@ const Yr = ({
     preferredLimit: D,
     preferredLimitOptions: G,
     enabled: !!(r != null && r.id)
-  }), [l, S] = _([]), [K, Z] = _(!1), $ = h((M, o) => {
+  }), [l, S] = h([]), [K, Z] = h(!1), $ = _((M, o) => {
     S(M), Z(o);
   }, []), { categoriesFilter: F, currenciesFilter: N, statusesFilter: f } = mr(
     {
@@ -84,8 +84,8 @@ const Yr = ({
         Ar,
         {
           activeBalanceAccount: r,
-          balanceAccountSelectionOptions: R,
-          onBalanceAccountSelection: x
+          balanceAccountSelectionOptions: x,
+          onBalanceAccountSelection: R
         }
       ),
       /* @__PURE__ */ t(