@adyen/adyen-platform-experience-web 1.10.0 → 1.10.2

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

@@ -1,226 +1,230 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import B from "classnames";
-import he from "../../../../internal/Popover/Popover.js";
-import K from "../../../../internal/Typography/Typography.js";
-import xe from "../../../../../core/Context/useCoreContext.js";
-import ge from "../../../../internal/Button/DownloadButton/useDownload.js";
-import Ce from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import Te from "../../../../internal/ToggleSwitch/ToggleSwitch.js";
-import we from "../../../../internal/Button/ButtonActions/ButtonActions.js";
-import Ae from "../../../../internal/FilterBar/components/FilterButton/FilterButton.js";
-import { ButtonActionsLayoutBasic as ye } from "../../../../internal/Button/ButtonActions/types.js";
-import { useResponsiveContainer as Se, containerQueries as be } from "../../../../../hooks/useResponsiveContainer.js";
-import { PopoverContainerVariant as Ne, PopoverContainerPosition as H } from "../../../../internal/Popover/types.js";
-import { TypographyVariant as W, TypographyElement as Z } from "../../../../internal/Typography/types.js";
-import { TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as Oe, TRANSACTION_ANALYTICS_CATEGORY as Ee, EXPORT_COLUMNS as g, DEFAULT_EXPORT_COLUMNS as j } from "../../constants.js";
-import { useState as O, useRef as E, useMemo as i, useCallback as T, useEffect as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as Q } from "../../../../internal/Button/types.js";
-import { getTransactionsFilterQueryParams as Re } from "../utils.js";
-import { classes as n } from "./constants.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import _ from "classnames";
+import { Alert as Q } from "../../../../internal/Alert/Alert.js";
+import Ce from "../../../../internal/Popover/Popover.js";
+import te from "../../../../internal/Typography/Typography.js";
+import { useUniqueId as Ae } from "../../../../../hooks/useUniqueId.js";
+import we from "../../../../../core/Context/useCoreContext.js";
+import ye from "../../../../internal/Button/DownloadButton/useDownload.js";
+import Ee from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import Se from "../../../../internal/ToggleSwitch/ToggleSwitch.js";
+import be from "../../../../internal/Button/ButtonActions/ButtonActions.js";
+import Ne from "../../../../internal/FilterBar/components/FilterButton/FilterButton.js";
+import { EXPORT_COLUMNS as h, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as Oe, TRANSACTION_ANALYTICS_CATEGORY as Pe, DEFAULT_EXPORT_COLUMNS as X } from "../../constants.js";
+import { ButtonActionsLayoutBasic as Re } from "../../../../internal/Button/ButtonActions/types.js";
+import { useResponsiveContainer as Ie, containerQueries as Be } from "../../../../../hooks/useResponsiveContainer.js";
+import { PopoverContainerVariant as Fe, PopoverContainerPosition as z } from "../../../../internal/Popover/types.js";
+import { TypographyVariant as oe, TypographyElement as re } from "../../../../internal/Typography/types.js";
+import { useState as y, useMemo as n, useRef as J, useCallback as x, useEffect as E } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { AlertTypeOption as K } from "../../../../internal/Alert/types.js";
+import { ButtonVariant as W } from "../../../../internal/Button/types.js";
+import { getTransactionsFilterQueryParams as _e } from "../utils.js";
+import { Tag as Le } from "../../../../internal/Tag/Tag.js";
+import { classes as r } from "./constants.js";
 /* empty css                        */
-import { Alert as X } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as $ } from "../../../../internal/Alert/types.js";
-import { Tag as Pe } from "../../../../internal/Tag/Tag.js";
-import { downloadBlob as Ie } from "../../../../../utils/file/download.js";
-import Be from "../../../../internal/Spinner/Spinner.js";
-import { Icon as _e } from "../../../../internal/Icon/Icon.js";
-import { fixedForwardRef as Le } from "../../../../../utils/preact/fixedForwardRef.js";
-import { EMPTY_ARRAY as C } from "../../../../../utils/value/constants.js";
-import { useConfigContext as De } from "../../../../../core/ConfigContext/context.js";
-import { uniqueId as P } from "../../../../../utils/random/uniqueId.js";
-import { isFunction as Fe } from "../../../../../utils/value/is.js";
-const I = {
-  category: Ee,
+import { Fragment as De } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import ke from "../../../../internal/Spinner/Spinner.js";
+import { Icon as Ye } from "../../../../internal/Icon/Icon.js";
+import { fixedForwardRef as Me } from "../../../../../utils/preact/fixedForwardRef.js";
+import { downloadBlob as Ue } from "../../../../../utils/file/download.js";
+import { EMPTY_ARRAY as g } from "../../../../../utils/value/constants.js";
+import { useConfigContext as qe } from "../../../../../core/ConfigContext/context.js";
+import { uniqueId as B } from "../../../../../utils/random/uniqueId.js";
+import { isFunction as Ge } from "../../../../../utils/value/is.js";
+const F = {
+  category: Pe,
   subCategory: Oe
-}, _ = ({
-  children: u,
-  el: l = Z.DIV,
-  variant: o = W.BODY,
-  ...r
-}) => /* @__PURE__ */ e(K, { ...r, el: l, variant: o, children: u }), z = Le(
-  ({ children: u, className: l, ...o }, r) => /* @__PURE__ */ e(Te, { ref: r, className: B([n.popoverColumn, l]), ...o, name: "columns", children: /* @__PURE__ */ e(_, { el: Z.SPAN, children: u }) })
-), J = ({ children: u, ...l }) => /* @__PURE__ */ e(_, { ...l, className: n.popoverSectionTitle, stronger: !0, children: u }), ft = ({ disabled: u, filters: l }) => {
-  const { i18n: o } = xe(), r = Ce(), w = Se(be.down.xs), [f, L] = O(!1), [A, D] = O(!1), [d, F] = O([]), k = E(f), [ee, te] = i(() => {
+}, L = ({
+  children: m,
+  el: c = re.DIV,
+  variant: u = oe.BODY,
+  ...o
+}) => /* @__PURE__ */ e(te, { ...o, el: c, variant: u, children: m }), Z = Me(
+  ({ children: m, className: c, ...u }, o) => /* @__PURE__ */ e(Se, { ref: o, className: _([r.popoverColumn, c]), ...u, name: "columns", children: /* @__PURE__ */ e(L, { el: re.SPAN, children: m }) })
+), ee = ({ children: m, ...c }) => /* @__PURE__ */ e(L, { ...c, className: r.popoverSectionTitle, stronger: !0, children: m }), wt = ({ disabled: m, filters: c, now: u }) => {
+  const { i18n: o } = we(), T = Ee(), S = Ie(Be.down.xs), [l, D] = y(!1), [ne, k] = y(), [b, Y] = y(!1), [p, M] = y([]), [se, ie] = n(() => {
     const {
       balanceAccount: t,
-      paymentPspReference: s,
-      createdDate: a,
-      categories: v,
-      currencies: x
+      paymentPspReference: i,
+      createdDate: s,
+      categories: d,
+      currencies: f
       /*, statuses*/
-    } = l, c = [
-      ...t != null && t.id ? ["transactions.overview.export.filters.types.account"] : C,
-      ...a ? ["transactions.overview.export.filters.types.date"] : C,
+    } = c, a = [
+      ...t?.id ? ["transactions.overview.export.filters.types.account"] : g,
+      ...s ? ["transactions.overview.export.filters.types.date"] : g,
       // ...(statuses.length ? (['transactions.overview.export.filters.types.status'] as const) : EMPTY_ARRAY),
-      ...v.length ? ["transactions.overview.export.filters.types.category"] : C,
-      ...x.length ? ["transactions.overview.export.filters.types.currency"] : C,
-      ...s ? ["transactions.overview.export.filters.types.paymentPspReference"] : C
-    ], m = {
-      ...Re(l),
+      ...d.length ? ["transactions.overview.export.filters.types.category"] : g,
+      ...f.length ? ["transactions.overview.export.filters.types.currency"] : g,
+      ...i ? ["transactions.overview.export.filters.types.paymentPspReference"] : g
+    ], v = {
+      ..._e(c, u),
       sortDirection: "desc"
     };
-    return [c, m];
-  }, [l]), { downloadTransactions: oe } = De().endpoints, Y = Fe(oe), re = Y && f && A && !!d.length, h = T(
-    (t = !0) => {
-      var s;
-      L(!1), t && ((s = r.addEvent) == null || s.call(r, "Cancelled export", I));
-    },
-    [r]
-  ), ne = T(
-    (t) => {
-      Ie(t), h(!1);
-    },
-    [h]
-  ), { error: se, isFetching: p } = ge(
+    return [a, v];
+  }, [c, u]), { downloadTransactions: ae } = qe().endpoints, U = Ge(ae), ce = U && l && b && !!p.length, { error: q, isFetching: N } = ye(
     "downloadTransactions",
-    { query: { ...te, columns: d } },
-    re,
-    ne
-  ), M = E(null), y = i(() => o.get("transactions.overview.export.button.label"), [o]), ie = i(() => o.get("transactions.overview.export.button.inProgress"), [o]), G = i(() => o.get("transactions.overview.export.actions.cancel"), [o]), U = i(() => o.get("transactions.overview.export.actions.download"), [o]), ae = i(() => o.get("transactions.overview.export.filters.title"), [o]), ce = i(() => o.get("transactions.overview.export.columns.title"), [o]), V = i(P, []), S = i(
-    () => g.map((t) => ({
+    { query: { ...ie, columns: p } },
+    ce,
+    Ue
+  ), le = `elem-${Ae()}`, G = J(null), O = n(() => o.get("transactions.overview.export.button.label"), [o]), pe = n(() => o.get("transactions.overview.export.button.inProgress"), [o]), V = n(() => o.get("transactions.overview.export.actions.cancel"), [o]), H = n(() => o.get("transactions.overview.export.actions.download"), [o]), me = n(() => o.get("transactions.overview.export.filters.title"), [o]), de = n(() => o.get("transactions.overview.export.columns.title"), [o]), $ = n(B, []), P = n(
+    () => h.map((t) => ({
       label: o.get(`transactions.overview.export.columns.types.${t}`),
-      id: P(),
+      id: B(),
       value: t
     })),
     [o]
-  ), le = i(() => o.get("transactions.overview.export.columns.types.all", {
-    values: { count: g.length }
-  }), [o]), b = i(P, []), N = E(null), pe = i(() => S.map(({ id: t }) => t).join(" "), [S]), me = d.length === g.length, q = T(
+  ), ue = n(() => o.get("transactions.overview.export.columns.types.all", {
+    values: { count: h.length }
+  }), [o]), R = n(B, []), I = J(null), fe = n(() => P.map(({ id: t }) => t).join(" "), [P]), ve = p.length === h.length, j = x(
     (t) => {
-      const s = t.currentTarget, a = s.value, v = s.checked, x = s.id === b;
-      F((c) => {
-        if (x) return v ? g : C;
-        if (g.includes(a)) {
-          const m = c.indexOf(a);
-          if (v) {
-            if (m < 0) return [...c, a];
-          } else if (m >= 0)
-            return [...c.slice(0, m), ...c.slice(m + 1)];
+      const i = t.currentTarget, s = i.value, d = i.checked, f = i.id === R;
+      M((a) => {
+        if (f) return d ? h : g;
+        if (h.includes(s)) {
+          const v = a.indexOf(s);
+          if (d) {
+            if (v < 0) return [...a, s];
+          } else if (v >= 0)
+            return [...a.slice(0, v), ...a.slice(v + 1)];
         }
-        return c;
+        return a;
       });
     },
-    [b]
-  ), de = T(() => {
-    var t;
-    k.current || (L(!0), (t = r.addEvent) == null || t.call(r, "Clicked button", { ...I, label: "Export" }));
-  }, [r]), ue = i(
+    [R]
+  ), A = x(
+    (t) => {
+      t ? T.addEvent?.("Cancelled export", F) : T.addEvent?.("Clicked button", { ...F, label: "Export" });
+    },
+    [T]
+  ), C = x(
+    (t = !0) => {
+      D(!1), t && A(!0);
+    },
+    [A]
+  ), he = x(() => {
+    D((t) => !t), A(l);
+  }, [l, A]), w = x(() => k(void 0), []), xe = n(
     () => ({
-      event: () => h(),
-      variant: Q.SECONDARY,
-      title: G
+      event: () => C(),
+      variant: W.SECONDARY,
+      title: V
     }),
-    [G, h]
-  ), fe = i(
+    [V, C]
+  ), ge = n(
     () => ({
-      disabled: !d.length,
-      event: () => D(!0),
-      variant: Q.PRIMARY,
-      title: U,
-      state: p ? "loading" : "default"
+      disabled: !p.length,
+      event: () => Y(!0),
+      variant: W.PRIMARY,
+      title: H
     }),
-    [U, d.length, p]
+    [H, p.length]
   );
-  R(() => {
-    (k.current = f) || F(j);
-  }, [f, r]), R(() => {
-    var t;
-    if (A && (D(!1), p)) {
-      let s = "Custom", a = !0, v = !0;
-      g.forEach((x) => {
-        const c = d.includes(x), m = j.includes(x);
-        a && (a = c ? m : !m), v && (v = c);
-      }), v ? s = "All" : a && (s = "Default"), (t = r.addEvent) == null || t.call(r, "Completed export", {
-        ...I,
-        exportedFields: s
+  E(() => {
+    k(q);
+  }, [q]), E(() => {
+    l ? w() : M(X);
+  }, [l, w]), E(() => {
+    if (b) {
+      Y(!1), C(!1);
+      let t = "Custom", i = !0, s = !0;
+      h.forEach((d) => {
+        const f = p.includes(d), a = X.includes(d);
+        i &&= f ? a : !a, s &&= f;
+      }), s ? t = "All" : i && (t = "Default"), T.addEvent?.("Completed export", {
+        ...F,
+        exportedFields: t
       });
     }
-  }, [d, A, h, p, r]), R(() => {
+  }, [p, b, C, T]), E(() => {
     (function t() {
-      N.current ? N.current.focus() : requestAnimationFrame(t);
+      I.current ? I.current.focus() : requestAnimationFrame(t);
     })();
   }, []);
-  const ve = T(
-    () => /* @__PURE__ */ e(X, { className: n.popoverActionsAlert, type: $.CRITICAL, children: /* @__PURE__ */ e(K, { variant: W.BODY, children: o.get("transactions.overview.export.actions.error") }) }),
-    [o]
+  const Te = x(
+    () => /* @__PURE__ */ e(Q, { onClose: w, className: r.errorAlert, type: K.CRITICAL, children: /* @__PURE__ */ e(te, { variant: oe.BODY, children: o.get("transactions.overview.export.actions.error") }) }),
+    [o, w]
   );
-  return Y ? /* @__PURE__ */ e("div", { className: n.root, children: [
-    /* @__PURE__ */ e(
-      Ae,
-      {
-        "aria-label": y,
-        ref: M,
-        className: n.button,
-        classNameModifiers: f ? ["active"] : void 0,
-        disabled: u || p,
-        onClick: de,
-        tabIndex: 0,
-        children: /* @__PURE__ */ e("div", { className: "adyen-pe-filter-button__default-container", children: /* @__PURE__ */ e(_, { className: "adyen-pe-filter-button__label", children: [
-          p ? /* @__PURE__ */ e(Be, { size: "x-small" }) : /* @__PURE__ */ e(_e, { name: "download" }),
-          !w && /* @__PURE__ */ e("span", { children: p ? ie : y })
-        ] }) })
-      }
-    ),
-    f && /* @__PURE__ */ e(
-      he,
+  return U ? /* @__PURE__ */ e("div", { className: r.root, children: [
+    /* @__PURE__ */ e(De, { children: [
+      /* @__PURE__ */ e(
+        Ne,
+        {
+          "aria-haspopup": "dialog",
+          "aria-expanded": l,
+          "aria-label": O,
+          ref: G,
+          id: le,
+          className: r.button,
+          classNameModifiers: l ? ["active"] : void 0,
+          disabled: m || N,
+          onClick: he,
+          tabIndex: 0,
+          children: /* @__PURE__ */ e("div", { className: "adyen-pe-filter-button__default-container", children: /* @__PURE__ */ e(L, { className: "adyen-pe-filter-button__label", children: [
+            N ? /* @__PURE__ */ e(ke, { size: "x-small" }) : /* @__PURE__ */ e(Ye, { name: "download" }),
+            !S && /* @__PURE__ */ e("span", { children: N ? pe : O })
+          ] }) })
+        }
+      ),
+      ne && Te()
+    ] }),
+    l && /* @__PURE__ */ e(
+      Ce,
       {
         disableFocusTrap: !1,
         dismissible: !1,
-        dismiss: h,
-        open: f,
-        position: w ? H.BOTTOM : H.BOTTOM_RIGHT,
-        variant: Ne.POPOVER,
-        showOverlay: w,
-        targetElement: M,
-        title: y,
-        children: /* @__PURE__ */ e("div", { className: n.popover, children: [
-          /* @__PURE__ */ e("div", { className: n.popoverSections, children: [
-            /* @__PURE__ */ e("div", { className: B(n.popoverSection, n.filtersSection), children: [
-              /* @__PURE__ */ e(J, { children: `${ae}:` }),
-              ee.map((t) => /* @__PURE__ */ e(Pe, { label: o.get(t) }, t))
+        dismiss: C,
+        open: l,
+        position: S ? z.BOTTOM : z.BOTTOM_RIGHT,
+        variant: Fe.POPOVER,
+        showOverlay: S,
+        targetElement: G,
+        title: O,
+        children: /* @__PURE__ */ e("div", { className: r.popover, children: [
+          /* @__PURE__ */ e("div", { className: r.popoverSections, children: [
+            /* @__PURE__ */ e("div", { className: _(r.popoverSection, r.filtersSection), children: [
+              /* @__PURE__ */ e(ee, { children: `${me}:` }),
+              se.map((t) => /* @__PURE__ */ e(Le, { label: o.get(t) }, t))
             ] }),
-            /* @__PURE__ */ e("div", { className: B(n.popoverSection, n.columnsSection), children: /* @__PURE__ */ e("div", { role: "group", "aria-labelledby": V, children: [
-              /* @__PURE__ */ e(J, { id: V, children: ce }),
-              /* @__PURE__ */ e("div", { className: n.popoverSectionContent, children: [
+            /* @__PURE__ */ e("div", { className: _(r.popoverSection, r.columnsSection), children: /* @__PURE__ */ e("div", { role: "group", "aria-labelledby": $, children: [
+              /* @__PURE__ */ e(ee, { id: $, children: de }),
+              /* @__PURE__ */ e("div", { className: r.popoverSectionContent, children: [
                 /* @__PURE__ */ e(
-                  z,
+                  Z,
                   {
-                    ref: N,
-                    className: n.popoverColumnAll,
-                    "aria-controls": pe,
-                    checked: me,
-                    onChange: q,
-                    id: b,
-                    disabled: p,
-                    children: le
+                    ref: I,
+                    className: r.popoverColumnAll,
+                    "aria-controls": fe,
+                    checked: ve,
+                    onChange: j,
+                    id: R,
+                    children: ue
                   }
                 ),
-                S.map(({ id: t, label: s, value: a }) => /* @__PURE__ */ e(
-                  z,
+                P.map(({ id: t, label: i, value: s }) => /* @__PURE__ */ e(
+                  Z,
                   {
-                    checked: d.includes(a),
-                    onChange: q,
-                    value: a,
+                    checked: p.includes(s),
+                    onChange: j,
+                    value: s,
                     id: t,
-                    disabled: p,
-                    children: s
+                    children: i
                   },
-                  a
+                  s
                 ))
               ] })
             ] }) })
           ] }),
-          /* @__PURE__ */ e("div", { className: n.popoverActions, children: [
+          /* @__PURE__ */ e("div", { className: r.popoverActions, children: [
             /* @__PURE__ */ e(
-              X,
+              Q,
               {
-                type: $.HIGHLIGHT,
-                className: n.popoverActionsAlert,
+                type: K.HIGHLIGHT,
+                className: r.popoverActionsAlert,
                 title: o.get("transactions.overview.export.actions.download.info")
               }
             ),
-            se && ve(),
-            /* @__PURE__ */ e(we, { actions: [fe, ue], layout: ye.BUTTONS_END })
+            /* @__PURE__ */ e(be, { actions: [ge, xe], layout: Re.BUTTONS_END })
           ] })
         ] })
       }
@@ -228,5 +232,5 @@ const I = {
   ] }) : null;
 };
 export {
-  ft as default
+  wt as default
 };

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

@@ -2,6 +2,7 @@ const t = "adyen-pe-transactions-export", o = t + "__popover", e = {
   root: t,
   popover: o,
   button: t + "__button",
+  errorAlert: t + "__error-alert",
   popoverActions: o + "-actions",
   popoverActionsAlert: o + "-actions-alert",
   popoverSections: o + "-sections",

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

@@ -1,5 +1,5 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useEffect as n } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useEffect as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { classes as m } from "../../constants.js";
 import { popoverUtil as p } from "../../../../internal/Popover/utils/popoverUtil.js";
 import d from "../../../../../core/Context/useCoreContext.js";

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

@@ -1,13 +1,13 @@
-import { jsx as l } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { TransactionDetailsModal as x } from "./TransactionDetailsModal.js";
-import { TransactionsTable as y } from "../TransactionsTable/TransactionsTable.js";
+import { jsx as n } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as E } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { TransactionDetailsModal as b } from "./TransactionDetailsModal.js";
+import { TransactionsTable as x } from "../TransactionsTable/TransactionsTable.js";
 import { sharedTransactionDetailsEventProperties as L } from "../../../TransactionDetails/constants.js";
-import P from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import E from "../../../../../hooks/useModalDetails/useModalDetails.js";
-const G = ({
-  accountBalancesResult: i,
-  balanceAccount: a,
+import M from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import P from "../../../../../hooks/useModalDetails/useModalDetails.js";
+const V = ({
+  balanceAccount: t,
+  currenciesLookupResult: l,
   dataCustomization: c,
   loadingBalanceAccounts: m,
   onContactSupport: s,
@@ -15,63 +15,62 @@ const G = ({
   showDetails: u,
   transactionsListResult: p
 }) => {
-  const t = P(), { currencies: f } = i, { updateDetails: r, resetDetails: C, selectedDetail: h } = E({
+  const a = M(), { sortedCurrencies: e } = l, { updateDetails: i, resetDetails: f, selectedDetail: h } = P({
     transaction: {
       showDetails: u ?? !0,
       callback: d
     }
-  }), D = v(
-    ({ id: o, category: e }) => {
-      var n;
-      e && ((n = t.addEvent) == null || n.call(t, "Viewed transaction details", {
+  }), C = E(
+    ({ id: o, category: r }) => {
+      r && a.addEvent?.("Viewed transaction details", {
         ...L,
-        transactionType: e
-      })), r({
+        transactionType: r
+      }), i({
         selection: {
           data: o,
           type: "transaction",
-          balanceAccount: a
+          balanceAccount: t
         },
         modalSize: "small"
       }).callback({ id: o });
     },
-    [a, r, t]
+    [t, i, a]
   ), {
-    error: T,
-    fetching: g,
-    fields: k,
-    records: w,
-    updateLimit: M,
-    hasCustomColumn: j,
-    ...b
+    error: D,
+    fetching: T,
+    fields: g,
+    records: v,
+    updateLimit: k,
+    hasCustomColumn: y,
+    ...w
   } = p;
-  return /* @__PURE__ */ l(
-    x,
+  return /* @__PURE__ */ n(
+    b,
     {
       dataCustomization: c,
       onContactSupport: s,
-      resetDetails: C,
+      resetDetails: f,
       selectedDetail: h,
-      children: /* @__PURE__ */ l(
-        y,
+      children: /* @__PURE__ */ n(
+        x,
         {
-          activeBalanceAccount: a,
-          availableCurrencies: f,
-          error: T,
-          hasMultipleCurrencies: i.isMultiCurrency,
-          loading: m || g,
+          activeBalanceAccount: t,
+          availableCurrencies: e,
+          error: D,
+          hasMultipleCurrencies: e.length > 1,
+          loading: m || T,
           onContactSupport: s,
-          onLimitSelection: M,
-          onRowClick: D,
+          onLimitSelection: k,
+          onRowClick: C,
           showPagination: !0,
-          transactions: w,
-          customColumns: k,
-          ...b
+          transactions: v,
+          customColumns: g,
+          ...w
         }
       )
     }
   );
 };
 export {
-  G as default
+  V as default
 };