@adyen/adyen-platform-experience-web 1.1.0 → 1.2.0

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

@@ -1,40 +1,21 @@
-import { useCallback as M, useMemo as p, useEffect as W } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as w } from "../../../../../hooks/useFetch/useFetch.js";
-import { memo as y } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { BASE_CLASS as g } from "./constants.js";
+import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as y, useMemo as p, useEffect as M } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as W } from "../../../../../hooks/useFetch.js";
+import { memo as g } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { BASE_CLASS as w } from "./constants.js";
 import F from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { BaseList as L } from "../../../../internal/BaseList/BaseList.js";
 import { BalanceItem as u } from "../BalanceItem/BalanceItem.js";
 import { useMaxWidthsState as O } from "../../hooks/useMaxWidths.js";
-import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useAuthContext as _ } from "../../../../../core/Auth/context.js";
+import { useAuthContext as T } from "../../../../../core/Auth/context.js";
 import { EMPTY_OBJECT as q } from "../../../../../utils/value/constants.js";
-const G = y(({
-  balanceAccountId: o,
-  defaultCurrencyCode: m,
-  onCurrenciesChange: h,
-  fullWidth: x
-}) => {
-  const {
-    getBalances: s
-  } = _().endpoints, S = M(async () => s == null ? void 0 : s(q, {
-    path: {
-      balanceAccountId: o
-    }
-  }), [o, s]), {
-    data: t,
-    error: B,
-    isFetching: a
-  } = w({
-    fetchOptions: p(() => ({
-      enabled: !!o && !!s
-    }), [o, s]),
-    queryFn: S
-  }), f = !o || a, E = !!B || !(t != null && t.data.length), e = p(() => (t == null ? void 0 : t.data) && [...t.data].sort(({
-    currency: r
-  }, {
-    currency: n
-  }) => {
+const G = g(({ balanceAccountId: o, defaultCurrencyCode: m, onCurrenciesChange: h, fullWidth: S }) => {
+  const { getBalances: s } = T().endpoints, x = y(async () => s == null ? void 0 : s(q, {
+    path: { balanceAccountId: o }
+  }), [o, s]), { data: t, error: B, isFetching: a } = W({
+    fetchOptions: p(() => ({ enabled: !!o && !!s }), [o, s]),
+    queryFn: x
+  }), f = !o || a, E = !!B || !(t != null && t.data.length), e = p(() => (t == null ? void 0 : t.data) && [...t.data].sort(({ currency: r }, { currency: n }) => {
     if (m) {
       if (r === m)
         return -1;
@@ -43,36 +24,29 @@ const G = y(({
     }
     return r.localeCompare(n);
   }), [t == null ? void 0 : t.data, m]), [k, ...l] = p(() => (e == null ? void 0 : e.map((r) => (r.key = `${r.currency}-${Math.random()}`, r))) ?? [], [e]), [c, d] = O();
-  return W(() => {
-    const r = new Set((e == null ? void 0 : e.map(({
-      currency: n
-    }) => n)) || []);
+  return M(() => {
+    const r = new Set((e == null ? void 0 : e.map(({ currency: n }) => n)) || []);
     h(Array.from(r), a);
-  }, [e, a, h]), i("div", {
-    className: g,
-    children: i(F, {
-      renderHeader: i(u, {
-        isEmpty: E,
-        balance: k,
-        widths: c,
-        isHeader: !0,
-        isSkeleton: f,
-        isLoading: f,
-        onWidthsSet: d
-      }),
+  }, [e, a, h]), /* @__PURE__ */ i("div", { className: w, children: /* @__PURE__ */ i(
+    F,
+    {
+      renderHeader: /* @__PURE__ */ i(
+        u,
+        {
+          isEmpty: E,
+          balance: k,
+          widths: c,
+          isHeader: !0,
+          isSkeleton: f,
+          isLoading: f,
+          onWidthsSet: d
+        }
+      ),
       filled: !0,
-      fullWidth: x,
-      children: l.length && i(L, {
-        children: l.map((r) => i("li", {
-          children: i(u, {
-            balance: r,
-            widths: c,
-            onWidthsSet: d
-          })
-        }, r.key))
-      })
-    })
-  });
+      fullWidth: S,
+      children: l.length && /* @__PURE__ */ i(L, { children: l.map((r) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(u, { balance: r, widths: c, onWidthsSet: d }) }, r.key)) })
+    }
+  ) });
 });
 export {
   G as Balances

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

@@ -1,29 +1,13 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import p from "../../../../../core/Context/useCoreContext.js";
 import { Tooltip as e } from "../../../../internal/Tooltip/Tooltip.js";
-import { TypographyVariant as a } from "../../../../internal/Typography/types.js";
-import m from "../../../../internal/Typography/Typography.js";
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { TypographyVariant as m } from "../../../../internal/Typography/types.js";
+import a from "../../../../internal/Typography/Typography.js";
 import { Fragment as s } from "../../../../../external/preact/dist/preact.module.js";
-function g({
-  value: r,
-  isContainerHovered: n
-}) {
-  const {
-    i18n: t
-  } = p(), i = `tooltip.${r}`;
-  return o(s, {
-    children: t.has(i) && o(e, {
-      content: t.get(i),
-      isContainerHovered: n,
-      children: o("span", {
-        children: o(m, {
-          variant: a.BODY,
-          children: r
-        })
-      })
-    })
-  });
+function l({ value: t, isContainerHovered: n }) {
+  const { i18n: o } = p(), i = `tooltip.${t}`;
+  return /* @__PURE__ */ r(s, { children: o.has(i) && /* @__PURE__ */ r(e, { content: o.get(i), isContainerHovered: n, children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(a, { variant: m.BODY, children: o.has(`txType.${t}`) ? o.get(`txType.${t}`) : `${t}` }) }) }) });
 }
 export {
-  g as default
+  l as default
 };

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

@@ -1,26 +1,31 @@
-import { memo as u } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useResponsiveViewport as t, mediaQueries as o } from "../../../../hooks/useResponsiveViewport.js";
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.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 { useResponsiveViewport as t, mediaQueries as o } from "../../../../../hooks/useResponsiveViewport.js";
 import c from "../../../../internal/FormFields/Select/Select.js";
-const f = u(({
-  placeholder: i,
-  selection: l,
-  selectionOptions: e,
-  updateSelection: r
-}) => {
-  const s = t(o.down.xs), m = t(o.only.sm), n = t(o.only.md);
-  return e && e.length > 1 ? a(c, {
-    onChange: r,
-    filterable: !1,
-    multiSelect: !0,
+const f = a(
+  ({
     placeholder: i,
-    selected: l,
-    withoutCollapseIndicator: !0,
-    items: e,
-    showOverlay: s,
-    fitPosition: n || m
-  }) : null;
-}), y = f;
+    selection: l,
+    selectionOptions: e,
+    updateSelection: r
+  }) => {
+    const s = t(o.down.xs), m = t(o.only.sm), n = t(o.only.md);
+    return e && e.length > 1 ? /* @__PURE__ */ u(
+      c,
+      {
+        onChange: r,
+        filterable: !1,
+        multiSelect: !0,
+        placeholder: i,
+        selected: l,
+        withoutCollapseIndicator: !0,
+        items: e,
+        showOverlay: s,
+        fitPosition: n || m
+      }
+    ) : null;
+  }
+), y = f;
 export {
   y as default
 };

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

@@ -1,5 +1,17 @@
 import { FilterParam as T } from "../../../../../types.js";
-const E = [T.CURRENCIES, T.CATEGORIES, T.STATUSES], A = Object.freeze(Object.fromEntries(E.map((e) => [e, ""]))), r = ["ATM", "Capital", "Chargeback", "Correction", "Fee", "Payment", "Refund", "Transfer", "Other"], I = ["Booked", "Pending", "Reversed"];
+const E = [T.CURRENCIES, T.CATEGORIES, T.STATUSES], A = Object.freeze(
+  Object.fromEntries(E.map((e) => [e, ""]))
+), r = [
+  "ATM",
+  "Capital",
+  "Chargeback",
+  "Correction",
+  "Fee",
+  "Payment",
+  "Refund",
+  "Transfer",
+  "Other"
+], I = ["Booked", "Pending", "Reversed"];
 export {
   A as DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
   E as TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTERS,

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

@@ -1,27 +1,22 @@
-import { useMemo as p, useCallback as k } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { selectionOptionsFor as q } from "./utils.js";
-import { listFrom as s } from "../../../../../../utils/collection/main.js";
-const v = ({
+import { useMemo as p, useCallback as q } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { selectionOptionsFor as s } from "./utils.js";
+import { listFrom as v } from "../../../../../../utils/collection/main.js";
+const x = ({
   filterParam: o,
   filterValues: M,
   filters: n,
   defaultFilters: c,
   updateFilters: m
 }) => {
-  const x = p(() => s((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), O = p(() => M && q(M), [M]), b = k(({
-    target: S
-  }) => {
-    m == null || m({
-      [o]: (S == null ? void 0 : S.value) || ""
-    });
-  }, [m, o]);
-  return {
-    selection: x,
-    selectionOptions: O,
-    updateSelection: b
-  };
-}, j = v;
+  const O = p(() => v((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), b = p(() => M && s(M), [M]), k = q(
+    ({ target: S }) => {
+      m == null || m({ [o]: (S == null ? void 0 : S.value) || "" });
+    },
+    [m, o]
+  );
+  return { selection: O, selectionOptions: b, updateSelection: k };
+}, h = x;
 export {
-  j as default,
-  v as useMultiSelectionFilter
+  h as default,
+  x as useMultiSelectionFilter
 };

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

@@ -1,7 +1,4 @@
-const t = (o) => Object.freeze(o.map((e) => ({
-  id: e,
-  name: e
-})));
+const t = (o) => Object.freeze(o.map((e) => ({ id: e, name: e })));
 export {
   t as selectionOptionsFor
 };

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

@@ -1,16 +1,16 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import v from "../AmountSkeleton/AmountSkeleton.js";
-import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as _, AMOUNT_CLASS as b } from "./constants.js";
+import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as b, AMOUNT_CLASS as B } from "./constants.js";
 import { SummaryItemLabel as h } from "./SummaryItemLabel.js";
-import { Tooltip as x } from "../../../../internal/Tooltip/Tooltip.js";
+import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
 import { TypographyVariant as p } from "../../../../internal/Typography/types.js";
-import B from "../../../../internal/Typography/Typography.js";
-import N from "../../../../../core/Context/useCoreContext.js";
+import O from "../../../../internal/Typography/Typography.js";
+import _ from "../../../../../core/Context/useCoreContext.js";
 import n from "classnames";
-import { useEffect as O, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useEffect as x, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import "./SummaryItem.scss.js";
-import { useResponsiveViewport as I, mediaQueries as w } from "../../../../hooks/useResponsiveViewport.js";
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const X = ({
+import { useResponsiveViewport as I, mediaQueries as w } from "../../../../../hooks/useResponsiveViewport.js";
+const W = ({
   columnConfigs: i,
   isHeader: u = !1,
   isHovered: c = !1,
@@ -20,60 +20,33 @@ const X = ({
   onWidthsSet: L,
   isEmpty: A
 }) => {
-  const {
-    i18n: s
-  } = N();
-  O(() => {
+  const { i18n: s } = _();
+  x(() => {
     const e = i.map((r) => {
       var a, o;
       return ((o = (a = r.ref) == null ? void 0 : a.current) == null ? void 0 : o.getBoundingClientRect().width) ?? 0;
     });
     L(e);
   }, [L]);
-  const d = (e) => ({
-    width: m && m[e] ? m[e] : "auto"
-  }), S = I(w.only.xs), f = H((e, r) => e.valueHasLabelStyle ? p.CAPTION : r && !S ? p.BODY : p.TITLE, [S]);
-  return t("div", {
-    className: n(y, {
-      [T]: !u
-    }),
-    children: i.map((e, r) => {
-      const a = e.getValue(), o = !!a && a.length > 12;
-      return t("div", {
-        children: [u && (e.tooltipLabel ? t(x, {
-          content: s.get(`${e.tooltipLabel}`),
-          isContainerHovered: c,
-          children: t(h, {
-            config: e,
-            i18n: s,
-            isSkeletonVisible: l
-          })
-        }) : t(h, {
-          config: e,
-          i18n: s,
-          isSkeletonVisible: l
-        })), l ? t(v, {
-          isLoading: C,
-          hasMargin: e.hasSkeletonMargin,
-          width: e.skeletonWidth + "px"
-        }) : A ? t("span", {
-          className: n([y, E])
-        }) : t("div", {
-          ref: e.ref,
-          style: d(r),
-          children: t(B, {
-            variant: f(e, o),
-            className: n({
-              [_]: e.valueHasLabelStyle,
-              [b]: !e.valueHasLabelStyle
-            }),
-            children: a
-          })
-        })]
-      }, r);
-    })
-  });
+  const d = (e) => ({ width: m && m[e] ? m[e] : "auto" }), S = I(w.only.xs), f = H(
+    (e, r) => e.valueHasLabelStyle ? p.CAPTION : r && !S ? p.BODY : p.TITLE,
+    [S]
+  );
+  return /* @__PURE__ */ t("div", { className: n(y, { [T]: !u }), children: i.map((e, r) => {
+    const a = e.getValue(), o = !!a && a.length > 12;
+    return /* @__PURE__ */ t("div", { children: [
+      u && (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" }) : A ? /* @__PURE__ */ t("span", { className: n([y, E]) }) : /* @__PURE__ */ t("div", { ref: e.ref, style: d(r), children: /* @__PURE__ */ t(
+        O,
+        {
+          variant: f(e, o),
+          className: n({ [b]: e.valueHasLabelStyle, [B]: !e.valueHasLabelStyle }),
+          children: a
+        }
+      ) })
+    ] }, r);
+  }) });
 };
 export {
-  X as SummaryItem
+  W as SummaryItem
 };

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

@@ -1,30 +1,21 @@
+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 "classnames";
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as y } from "../../../../../utils/preact/fixedForwardRef.js";
-const d = y(({
-  config: r,
-  i18n: e,
-  isSkeletonVisible: m,
-  className: o,
-  ...t
-}, p) => a("span", {
-  className: f(l, o, {
-    [L]: m
-  }),
-  style: {
-    cursor: "default"
-  },
-  ref: p,
-  ...t,
-  children: r.labelKey && a(A, {
-    variant: s.CAPTION,
-    className: i,
-    children: e.get(r.labelKey)
-  })
-}));
+const d = y(
+  ({ config: r, i18n: e, isSkeletonVisible: m, className: o, ...t }, p) => /* @__PURE__ */ a(
+    "span",
+    {
+      className: f(l, o, { [L]: m }),
+      style: { cursor: "default" },
+      ref: p,
+      ...t,
+      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: i, children: e.get(r.labelKey) })
+    }
+  )
+);
 export {
   d as SummaryItemLabel
 };

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

@@ -1,7 +1,7 @@
-import x from "../../../../../core/Context/useCoreContext.js";
-import { useRef as s, useMemo as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { SummaryItem as C } from "../SummaryItem/SummaryItem.js";
-import { jsx as k } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+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,
@@ -12,9 +12,7 @@ const S = ({
   widths: u,
   onWidthsSet: l
 }) => {
-  const {
-    i18n: o
-  } = x(), m = s(null), f = s(null), g = s(null), a = b(() => {
+  const { i18n: o } = b(), m = s(null), f = s(null), g = s(null), a = C(() => {
     const p = {
       labelKey: "totalIncoming",
       ref: m,
@@ -28,23 +26,30 @@ const S = ({
       getValue: () => e && o.amount(e.expenses, e.currency),
       tooltipLabel: "tooltip.totalOutgoing"
     };
-    return [...n !== "incomings" ? [p] : [], ...n !== "expenses" ? [y] : [], {
-      ref: g,
-      skeletonWidth: 40,
-      valueHasLabelStyle: !0,
-      getValue: () => e == null ? void 0 : e.currency
-    }];
+    return [
+      ...n !== "incomings" ? [p] : [],
+      ...n !== "expenses" ? [y] : [],
+      {
+        ref: g,
+        skeletonWidth: 40,
+        valueHasLabelStyle: !0,
+        getValue: () => e == null ? void 0 : e.currency
+      }
+    ];
   }, [e, n, o]);
-  return k(C, {
-    isHovered: i,
-    isEmpty: !e,
-    columnConfigs: a,
-    isHeader: t,
-    isSkeletonVisible: r,
-    isLoading: c,
-    widths: u,
-    onWidthsSet: l
-  });
+  return /* @__PURE__ */ x(
+    k,
+    {
+      isHovered: i,
+      isEmpty: !e,
+      columnConfigs: a,
+      isHeader: t,
+      isSkeletonVisible: r,
+      isLoading: c,
+      widths: u,
+      onWidthsSet: l
+    }
+  );
 };
 export {
   S as TransactionTotalItem

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

@@ -1,47 +1,47 @@
-import { useState as f, useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import h from "../../../../internal/ExpandableCard/ExpandableCard.js";
+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 { memo as x } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { TransactionTotalItem as d } from "../TransactionTotalItem/TransactionTotalItem.js";
 import { BaseList as M } from "../../../../internal/BaseList/BaseList.js";
-import { useMaxWidthsState as S } from "../../hooks/useMaxWidths.js";
+import { useMaxWidthsState as T } from "../../hooks/useMaxWidths.js";
 import "./TransactionTotals.scss.js";
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const C = x(({
-  totals: s,
-  isLoading: o,
-  hiddenField: a,
-  fullWidth: l
-}) => {
-  const [m, n] = S(), [i, t] = f(!1), [p, ...u] = c(() => s.map((e) => (e.key = `${e.currency}-${Math.random()}`, e)), [s]);
-  return r(h, {
-    renderHeader: r(d, {
-      isHovered: i,
-      total: p,
-      hiddenField: a,
-      widths: m,
-      isHeader: !0,
-      isSkeleton: o,
-      isLoading: o,
-      onWidthsSet: n
-    }),
-    fullWidth: l,
-    onMouseEnter: () => t(!0),
-    onFocus: () => t(!0),
-    onMouseLeave: () => t(!1),
-    onBlur: () => t(!1),
-    children: !o && u.length && r(M, {
-      children: u.map((e) => r("li", {
-        children: r(d, {
+const B = x(({ 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]);
+  return /* @__PURE__ */ r(
+    c,
+    {
+      renderHeader: /* @__PURE__ */ r(
+        d,
+        {
+          isHovered: i,
+          total: f,
+          hiddenField: a,
+          widths: m,
+          isHeader: !0,
+          isSkeleton: o,
+          isLoading: o,
+          onWidthsSet: n
+        }
+      ),
+      fullWidth: l,
+      onMouseEnter: () => t(!0),
+      onFocus: () => t(!0),
+      onMouseLeave: () => t(!1),
+      onBlur: () => t(!1),
+      children: !o && u.length && /* @__PURE__ */ r(M, { children: u.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+        d,
+        {
           isHovered: i,
           total: e,
           hiddenField: a,
           widths: m,
           onWidthsSet: n
-        })
-      }, e.key))
-    })
-  });
+        }
+      ) }, e.key)) })
+    }
+  );
 });
 export {
-  C as TotalsCard
+  B as TotalsCard
 };