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

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

@@ -1,60 +1,52 @@
-import '../../../../../../SummaryItem.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { AmountSkeleton } from "../AmountSkeleton/AmountSkeleton.js";
-import { BASE_CLASS, BODY_CLASS, PLACEHOLDER_CLASS, LABEL_CLASS, AMOUNT_CLASS } from "./constants.js";
-import { SummaryItemLabel } from "./SummaryItemLabel.js";
-import { Tooltip } from "../../../../internal/Tooltip/Tooltip.js";
-import { b as TypographyVariant, T as Typography } from "../../../../../../Typography-11b95870.mjs";
-import useCoreContext from "../../../../../core/Context/useCoreContext.js";
-import cx from "classnames";
-import { p, T } from "../../../../../../hooks.module-8565d716.mjs";
-import { useMediaQuery, mediaQueries } from "../../hooks/useMediaQuery.js";
-const SummaryItem$1 = "";
-const SummaryItem = ({
-  columnConfigs,
-  isHeader = false,
-  isHovered = false,
-  isSkeletonVisible = false,
-  isLoading = false,
-  widths,
-  onWidthsSet,
-  isEmpty
+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 { 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 "./SummaryItem.scss.js";
+import { useMediaQuery as I, mediaQueries as M } from "../../hooks/useMediaQuery.js";
+const X = ({
+  columnConfigs: u,
+  isHeader: i = !1,
+  isHovered: c = !1,
+  isSkeletonVisible: l = !1,
+  isLoading: C = !1,
+  widths: m,
+  onWidthsSet: L,
+  isEmpty: d
 }) => {
-  const { i18n } = useCoreContext();
-  p(() => {
-    const newWidths = columnConfigs.map((config) => {
-      var _a, _b;
-      return ((_b = (_a = config.ref) == null ? void 0 : _a.current) == null ? void 0 : _b.getBoundingClientRect().width) ?? 0;
+  const { i18n: s } = _();
+  x(() => {
+    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;
     });
-    onWidthsSet(newWidths);
-  }, [onWidthsSet]);
-  const getColumnStyle = (index) => ({ width: widths && widths[index] ? widths[index] : "auto" });
-  const isXsScreen = useMediaQuery(mediaQueries.only.xs);
-  const typographyVariant = T(
-    (config, isLongValue) => {
-      if (config.valueHasLabelStyle) {
-        return TypographyVariant.CAPTION;
-      }
-      return isLongValue && !isXsScreen ? TypographyVariant.BODY : TypographyVariant.TITLE;
-    },
-    [isXsScreen]
+    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,
+    [S]
   );
-  return /* @__PURE__ */ o("div", { className: cx(BASE_CLASS, { [BODY_CLASS]: !isHeader }), children: columnConfigs.map((config, index) => {
-    const value = config.getValue();
-    const isLongValue = !!value && value.length > 12;
-    return /* @__PURE__ */ o("div", { children: [
-      isHeader && (config.tooltipLabel ? /* @__PURE__ */ o(Tooltip, { content: i18n.get(`${config.tooltipLabel}`), isContainerHovered: isHovered, children: /* @__PURE__ */ o(SummaryItemLabel, { config, i18n, isSkeletonVisible }) }) : /* @__PURE__ */ o(SummaryItemLabel, { config, i18n, isSkeletonVisible })),
-      isSkeletonVisible ? /* @__PURE__ */ o(AmountSkeleton, { isLoading, hasMargin: config.hasSkeletonMargin, width: config.skeletonWidth + "px" }) : isEmpty ? /* @__PURE__ */ o("span", { className: cx([BASE_CLASS, PLACEHOLDER_CLASS]) }) : /* @__PURE__ */ o("div", { ref: config.ref, style: getColumnStyle(index), children: /* @__PURE__ */ o(
-        Typography,
+  return /* @__PURE__ */ t("div", { className: n(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,
         {
-          variant: typographyVariant(config, isLongValue),
-          className: cx({ [LABEL_CLASS]: config.valueHasLabelStyle, [AMOUNT_CLASS]: !config.valueHasLabelStyle }),
-          children: value
+          variant: f(e, o),
+          className: n({ [b]: e.valueHasLabelStyle, [B]: !e.valueHasLabelStyle }),
+          children: a
         }
       ) })
-    ] }, index);
+    ] }, r);
   }) });
 };
 export {
-  SummaryItem
+  X as SummaryItem
 };

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

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

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

@@ -1,22 +1,21 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { LABEL_CONTAINER_CLASS, LABEL_CONTAINER_CLASS_LOADING, LABEL_CLASS } from "./constants.js";
-import { T as Typography, b as TypographyVariant } from "../../../../../../Typography-11b95870.mjs";
-import fixedForwardRef from "../../../../../utils/fixedForwardRef.js";
-import cx from "classnames";
-const SummaryItemLabel = fixedForwardRef(
-  ({ config, i18n, isSkeletonVisible, className, ...restArgs }, ref) => {
-    return /* @__PURE__ */ o(
-      "span",
-      {
-        className: cx(LABEL_CONTAINER_CLASS, className, { [LABEL_CONTAINER_CLASS_LOADING]: isSkeletonVisible }),
-        style: { cursor: "default" },
-        ref,
-        ...restArgs,
-        children: config.labelKey && /* @__PURE__ */ o(Typography, { variant: TypographyVariant.CAPTION, className: LABEL_CLASS, children: i18n.get(config.labelKey) })
-      }
-    );
-  }
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { LABEL_CONTAINER_CLASS as l, LABEL_CONTAINER_CLASS_LOADING as L, LABEL_CLASS as i } from "./constants.js";
+import { TypographyVariant as s } from "../../../../internal/Typography/types.js";
+import 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(
+    "span",
+    {
+      className: y(l, m, { [L]: e }),
+      style: { cursor: "default" },
+      ref: p,
+      ...t,
+      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: i, children: o.get(r.labelKey) })
+    }
+  )
 );
 export {
-  SummaryItemLabel
+  d as SummaryItemLabel
 };

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

@@ -1,16 +1,10 @@
-const BASE_CLASS = "adyen-pe-summary-item";
-const LABEL_CONTAINER_CLASS = BASE_CLASS + "__label-container";
-const LABEL_CONTAINER_CLASS_LOADING = LABEL_CONTAINER_CLASS + "--loading";
-const BODY_CLASS = BASE_CLASS + "--body";
-const LABEL_CLASS = BASE_CLASS + "__label";
-const PLACEHOLDER_CLASS = BASE_CLASS + "__placeholder";
-const AMOUNT_CLASS = BASE_CLASS + "__amount";
+const _ = "adyen-pe-summary-item", A = _ + "__label-container", L = A + "--loading", S = _ + "--body", o = _ + "__label", n = _ + "__placeholder", t = _ + "__amount";
 export {
-  AMOUNT_CLASS,
-  BASE_CLASS,
-  BODY_CLASS,
-  LABEL_CLASS,
-  LABEL_CONTAINER_CLASS,
-  LABEL_CONTAINER_CLASS_LOADING,
-  PLACEHOLDER_CLASS
+  t as AMOUNT_CLASS,
+  _ as BASE_CLASS,
+  S as BODY_CLASS,
+  o as LABEL_CLASS,
+  A as LABEL_CONTAINER_CLASS,
+  L as LABEL_CONTAINER_CLASS_LOADING,
+  n as PLACEHOLDER_CLASS
 };

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

@@ -1,21 +1,21 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { ErrorMessageDisplay } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { getErrorMessage } from "../../../../utils/transactionResourceErrorCodes.js";
-const TransactionListError = ({ error, onContactSupport }) => {
-  const { title, message, refreshComponent, translationValues, onContactSupport: ContactSupport } = getErrorMessage(error, onContactSupport);
-  return /* @__PURE__ */ o(
-    ErrorMessageDisplay,
+import { jsx as p } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ErrorMessageDisplay as i } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { getErrorMessage as c } from "../../../../utils/transactionResourceErrorCodes.js";
+const m = ({ error: r, onContactSupport: t }) => {
+  const { title: o, message: e, refreshComponent: s, translationValues: a, onContactSupport: n } = c(r, t);
+  return /* @__PURE__ */ p(
+    i,
     {
-      title,
-      message,
-      translationValues,
-      withImage: true,
-      centered: true,
-      refreshComponent,
-      onContactSupport: ContactSupport
+      title: o,
+      message: e,
+      translationValues: a,
+      withImage: !0,
+      centered: !0,
+      refreshComponent: s,
+      onContactSupport: n
     }
   );
-};
+}, l = m;
 export {
-  TransactionListError as default
+  l as default
 };

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

@@ -1,61 +1,56 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import useCoreContext from "../../../../../core/Context/useCoreContext.js";
-import { _, F } from "../../../../../../hooks.module-8565d716.mjs";
-import { SummaryItem } from "../SummaryItem/SummaryItem.js";
-const TransactionTotalItem = ({
-  total,
-  hiddenField,
-  isHeader = false,
-  isHovered = false,
-  isSkeleton = false,
-  isLoading = false,
-  widths,
-  onWidthsSet
+import { jsx as x } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import b from "../../../../../core/Context/useCoreContext.js";
+import { useRef as s, useMemo as C } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as k } from "../SummaryItem/SummaryItem.js";
+const S = ({
+  total: e,
+  hiddenField: n,
+  isHeader: t = !1,
+  isHovered: i = !1,
+  isSkeleton: r = !1,
+  isLoading: c = !1,
+  widths: l,
+  onWidthsSet: m
 }) => {
-  const { i18n } = useCoreContext();
-  const incomingRef = _(null);
-  const expenseRef = _(null);
-  const currencyRef = _(null);
-  const columnConfigs = F(() => {
-    const incomingsConfig = {
+  const { i18n: o } = b(), u = s(null), f = s(null), g = s(null), a = C(() => {
+    const p = {
       labelKey: "totalIncoming",
-      ref: incomingRef,
+      ref: u,
       skeletonWidth: 80,
-      getValue: () => total && i18n.amount(total.incomings, total.currency),
+      getValue: () => e && o.amount(e.incomings, e.currency),
       tooltipLabel: "tooltip.totalIncoming"
-    };
-    const expensesConfig = {
+    }, y = {
       labelKey: "totalOutgoing",
-      ref: expenseRef,
+      ref: f,
       skeletonWidth: 80,
-      getValue: () => total && i18n.amount(total.expenses, total.currency),
+      getValue: () => e && o.amount(e.expenses, e.currency),
       tooltipLabel: "tooltip.totalOutgoing"
     };
     return [
-      ...hiddenField !== "incomings" ? [incomingsConfig] : [],
-      ...hiddenField !== "expenses" ? [expensesConfig] : [],
+      ...n !== "incomings" ? [p] : [],
+      ...n !== "expenses" ? [y] : [],
       {
-        ref: currencyRef,
+        ref: g,
         skeletonWidth: 40,
-        valueHasLabelStyle: true,
-        getValue: () => total == null ? void 0 : total.currency
+        valueHasLabelStyle: !0,
+        getValue: () => e == null ? void 0 : e.currency
       }
     ];
-  }, [total, hiddenField, i18n]);
-  return /* @__PURE__ */ o(
-    SummaryItem,
+  }, [e, n, o]);
+  return /* @__PURE__ */ x(
+    k,
     {
-      isHovered,
-      isEmpty: !total,
-      columnConfigs,
-      isHeader,
-      isSkeletonVisible: isSkeleton,
-      isLoading,
-      widths,
-      onWidthsSet
+      isHovered: i,
+      isEmpty: !e,
+      columnConfigs: a,
+      isHeader: t,
+      isSkeletonVisible: r,
+      isLoading: c,
+      widths: l,
+      onWidthsSet: m
     }
   );
 };
 export {
-  TransactionTotalItem
+  S as TransactionTotalItem
 };

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

@@ -1,50 +1,47 @@
-import '../../../../../../TotalsCard.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { h } from "../../../../../../hooks.module-8565d716.mjs";
-import ExpandableCard from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { x } from "../../../../../../compat.module-a4d537ff.mjs";
-import { TransactionTotalItem } from "../TransactionTotalItem/TransactionTotalItem.js";
-import { BaseList } from "../../../../internal/BaseList/BaseList.js";
-import { useMaxWidthsState } from "../../hooks/useMaxWidths.js";
-const TransactionTotals = "";
-const TotalsCard = x(({ totals, isLoading, hiddenField, fullWidth }) => {
-  const [firstTotal, ...restOfTotals] = totals;
-  const [maxWidths, setMaxWidths] = useMaxWidthsState();
-  const [isHovered, setIsHovered] = h(false);
-  return /* @__PURE__ */ o(
-    ExpandableCard,
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import p from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { memo as u } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { TransactionTotalItem as l } from "../TransactionTotalItem/TransactionTotalItem.js";
+import { BaseList as x } from "../../../../internal/BaseList/BaseList.js";
+import { useMaxWidthsState as S } from "../../hooks/useMaxWidths.js";
+import "./TransactionTotals.scss.js";
+const E = u(({ totals: d, isLoading: r, hiddenField: o, fullWidth: f }) => {
+  const [c, ...s] = d, [a, m] = S(), [i, e] = h(!1);
+  return /* @__PURE__ */ t(
+    p,
     {
-      renderHeader: /* @__PURE__ */ o(
-        TransactionTotalItem,
+      renderHeader: /* @__PURE__ */ t(
+        l,
         {
-          isHovered,
-          total: firstTotal,
-          hiddenField,
-          widths: maxWidths,
-          isHeader: true,
-          isSkeleton: isLoading,
-          isLoading,
-          onWidthsSet: setMaxWidths
+          isHovered: i,
+          total: c,
+          hiddenField: o,
+          widths: a,
+          isHeader: !0,
+          isSkeleton: r,
+          isLoading: r,
+          onWidthsSet: m
         }
       ),
-      fullWidth,
-      onMouseEnter: () => setIsHovered(true),
-      onFocus: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      onBlur: () => setIsHovered(false),
-      children: !isLoading && restOfTotals.length && /* @__PURE__ */ o(BaseList, { children: restOfTotals.map((total) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-        TransactionTotalItem,
+      fullWidth: f,
+      onMouseEnter: () => e(!0),
+      onFocus: () => e(!0),
+      onMouseLeave: () => e(!1),
+      onBlur: () => e(!1),
+      children: !r && s.length && /* @__PURE__ */ t(x, { children: s.map((n) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+        l,
         {
-          isHovered,
-          total,
-          hiddenField,
-          widths: maxWidths,
-          onWidthsSet: setMaxWidths
+          isHovered: i,
+          total: n,
+          hiddenField: o,
+          widths: a,
+          onWidthsSet: m
         }
-      ) }, total.currency)) })
+      ) }, n.currency)) })
     }
   );
 });
 export {
-  TotalsCard
+  E as TotalsCard
 };

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

@@ -1,66 +1,54 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { useSetupEndpoint } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { T, F } from "../../../../../../hooks.module-8565d716.mjs";
-import "../../../../../utils/common/index.js";
-import { useFetch } from "../../../../../hooks/useFetch/useFetch.js";
-import { BASE_CLASS, ITEM_CLASS } from "./constants.js";
-import { x } from "../../../../../../compat.module-a4d537ff.mjs";
-import { useMediaQuery, mediaQueries } from "../../hooks/useMediaQuery.js";
-import { TotalsCard } from "./TotalsCard.js";
-import { k } from "../../../../../../preact.module-38e5a571.mjs";
-import { EMPTY_OBJECT } from "../../../../../utils/common/constants.js";
-const TransactionTotals = x(
+import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useSetupEndpoint as O } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useCallback as y, useMemo as k } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as L } from "../../../../../hooks/useFetch/useFetch.js";
+import { BASE_CLASS as N, ITEM_CLASS as F } from "./constants.js";
+import { memo as _ } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMediaQuery as q, mediaQueries as B } from "../../hooks/useMediaQuery.js";
+import "./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 = _(
   ({
-    availableCurrencies,
-    isAvailableCurrenciesFetching,
-    balanceAccountId,
-    createdSince,
-    createdUntil,
-    categories,
-    statuses,
-    maxAmount,
-    minAmount,
-    currencies,
-    fullWidth
+    availableCurrencies: e,
+    isAvailableCurrenciesFetching: C,
+    balanceAccountId: t,
+    createdSince: l,
+    createdUntil: p,
+    categories: c,
+    statuses: f,
+    maxAmount: T,
+    minAmount: d,
+    currencies: g,
+    fullWidth: n
   }) => {
-    const getTransactionTotals = useSetupEndpoint("getTransactionTotals");
-    const fetchCallback = T(async () => {
-      return getTransactionTotals(EMPTY_OBJECT, {
-        query: {
-          createdSince,
-          createdUntil,
-          categories,
-          statuses,
-          maxAmount,
-          minAmount,
-          currencies,
-          balanceAccountId
-        }
-      });
-    }, [balanceAccountId, categories, createdSince, createdUntil, currencies, getTransactionTotals, maxAmount, minAmount, statuses]);
-    const { data, isFetching } = useFetch({
-      fetchOptions: F(() => ({ enabled: !!balanceAccountId }), [balanceAccountId]),
-      queryFn: fetchCallback
-    });
-    const isLoading = !balanceAccountId || isFetching || isAvailableCurrenciesFetching;
-    const getTotals = T(() => {
-      if (!availableCurrencies || !data) {
-        return data == null ? void 0 : data.totals;
+    const h = O("getTransactionTotals"), S = y(async () => h(j, {
+      query: {
+        createdSince: l,
+        createdUntil: p,
+        categories: c,
+        statuses: f,
+        maxAmount: T,
+        minAmount: d,
+        currencies: g,
+        balanceAccountId: t
       }
-      const partialTotals = availableCurrencies.map((currency) => {
-        const totalOfCurrency = data.totals.find((total) => total.currency === currency);
-        return totalOfCurrency || { currency, incomings: 0, expenses: 0 };
-      });
-      return partialTotals.concat(data.totals.filter((total) => !partialTotals.includes(total)));
-    }, [availableCurrencies, data]);
-    const totals = getTotals() ?? [];
-    const isXsScreen = useMediaQuery(mediaQueries.only.xs);
-    return /* @__PURE__ */ o("div", { className: BASE_CLASS, children: isXsScreen ? /* @__PURE__ */ o(k, { children: [
-      /* @__PURE__ */ o("div", { className: ITEM_CLASS, children: /* @__PURE__ */ o(TotalsCard, { totals, isLoading, hiddenField: "expenses", fullWidth }) }),
-      /* @__PURE__ */ o("div", { className: ITEM_CLASS, children: /* @__PURE__ */ o(TotalsCard, { totals, isLoading, hiddenField: "incomings", fullWidth }) })
-    ] }) : /* @__PURE__ */ o(TotalsCard, { totals, isLoading, fullWidth }) });
+    }), [t, c, l, p, g, h, T, d, f]), { data: o, isFetching: x } = L({
+      fetchOptions: k(() => ({ enabled: !!t }), [t]),
+      queryFn: S
+    }), i = !t || x || C, a = y(() => {
+      if (!e || !o)
+        return o == null ? void 0 : o.totals;
+      const u = e.map((r) => o.totals.find((M) => M.currency === r) || { currency: r, incomings: 0, expenses: 0 });
+      return u.concat(o.totals.filter((r) => !u.includes(r)));
+    }, [e, o])() ?? [], E = q(B.only.xs);
+    return /* @__PURE__ */ s("div", { className: N, children: E ? /* @__PURE__ */ s(Q, { children: [
+      /* @__PURE__ */ s("div", { className: F, children: /* @__PURE__ */ s(m, { totals: a, isLoading: i, hiddenField: "expenses", fullWidth: n }) }),
+      /* @__PURE__ */ s("div", { className: F, children: /* @__PURE__ */ s(m, { totals: a, isLoading: i, hiddenField: "incomings", fullWidth: n }) })
+    ] }) : /* @__PURE__ */ s(m, { totals: a, isLoading: i, fullWidth: n }) });
   }
-);
+), Z = v;
 export {
-  TransactionTotals as default
+  Z as default
 };

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

@@ -0,0 +1,4 @@
+const a = "";
+export {
+  a as default
+};

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

@@ -1,6 +1,5 @@
-const BASE_CLASS = "adyen-pe-transaction-totals";
-const ITEM_CLASS = "adyen-pe-transaction-totals__item";
+const t = "adyen-pe-transaction-totals", a = "adyen-pe-transaction-totals__item";
 export {
-  BASE_CLASS,
-  ITEM_CLASS
+  t as BASE_CLASS,
+  a as ITEM_CLASS
 };