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

package/dist/es/components/external/PayoutsOverview/components/PayoutsTable/PayoutsTable.js

@@ -1,95 +1,94 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import P from "classnames";
-import Y from "../../../../../core/Context/useCoreContext.js";
-import { getCurrencyCode as M } from "../../../../../core/Localization/amount/amount-util.js";
-import { useMemo as l, useCallback as B } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import N from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import U from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import { TypographyVariant as m, TypographyElement as u } from "../../../../internal/Typography/types.js";
-import a from "../../../../internal/Typography/Typography.js";
-import { useResponsiveContainer as j, containerQueries as x } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as K, NET_PAYOUT_CLASS as I } from "./constants.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import O from "classnames";
+import w from "../../../../../core/Context/useCoreContext.js";
+import { getCurrencyCode as F } from "../../../../../core/Localization/amount/amount-util.js";
+import { useMemo as l, useCallback as L } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import P from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import Y from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import { TypographyVariant as a, TypographyElement as m } from "../../../../internal/Typography/types.js";
+import u from "../../../../internal/Typography/Typography.js";
+import { useResponsiveContainer as M, containerQueries as B } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as N, NET_PAYOUT_CLASS as U } from "./constants.js";
 /* empty css                  */
-import { useTableColumns as R } from "../../../../../hooks/useTableColumns.js";
-import v from "../../../../internal/DataGrid/DataGrid.js";
-import $ from "../../../../internal/Pagination/Pagination.js";
-import { DATE_FORMAT_PAYOUTS_MOBILE as G, DATE_FORMAT_PAYOUTS as q } from "../../../../../constants/dateFormats.js";
-import { useConfigContext as z } from "../../../../../core/ConfigContext/context.js";
-const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], Q = ["createdAt", ...h], S = {
+import { useTableColumns as j } from "../../../../../hooks/useTableColumns.js";
+import y from "../../../../internal/DataGrid/DataGrid.js";
+import x from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_PAYOUTS_MOBILE as K, DATE_FORMAT_PAYOUTS as I } from "../../../../../constants/dateFormats.js";
+import { useConfigContext as R } from "../../../../../core/ConfigContext/context.js";
+const T = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], $ = ["createdAt", ...T], C = {
   adjustmentAmount: "payouts.overview.list.fields.adjustmentAmount",
   createdAt: "payouts.overview.list.fields.createdAt",
   fundsCapturedAmount: "payouts.overview.list.fields.fundsCapturedAmount",
   payoutAmount: "payouts.overview.list.fields.payoutAmount"
-}, V = (n) => h.includes(n), pe = ({
-  error: n,
+}, G = (o) => T.includes(o), mt = ({
+  error: o,
   loading: c,
   onContactSupport: p,
-  onRowClick: E,
-  showDetails: k,
-  showPagination: _,
-  data: r,
-  customColumns: b,
-  ...D
+  onRowClick: g,
+  showDetails: q,
+  showPagination: v,
+  data: i,
+  customColumns: S,
+  ...h
 }) => {
-  const { i18n: i } = Y(), { dateFormat: A } = N("UTC"), { refreshing: d } = z(), O = l(() => c || d, [c, d]), o = j(x.up.sm), s = B(
-    (e) => {
-      var y, C, T, g;
-      const f = i.get(S[e]);
-      if (V(e))
+  const { i18n: n } = w(), { dateFormat: d } = P("UTC"), { refreshing: A } = R(), E = l(() => c || A, [c, A]), r = M(B.up.sm), s = L(
+    (t) => {
+      const f = n.get(C[t]);
+      if (G(t))
         return {
-          label: (C = (y = r == null ? void 0 : r[0]) == null ? void 0 : y[e]) != null && C.currency ? `${f} (${M((g = (T = r == null ? void 0 : r[0]) == null ? void 0 : T[e]) == null ? void 0 : g.currency)})` : f,
+          label: i?.[0]?.[t]?.currency ? `${f} (${F(i?.[0]?.[t]?.currency)})` : f,
           position: "right"
         };
     },
-    [r, i]
-  ), w = R({
-    customColumns: b,
-    fields: Q,
-    fieldsKeys: S,
+    [i, n]
+  ), _ = j({
+    customColumns: S,
+    fields: $,
+    fieldsKeys: C,
     columnConfig: l(
       () => ({
-        fundsCapturedAmount: { ...s("fundsCapturedAmount"), visible: o },
-        adjustmentAmount: { ...s("adjustmentAmount"), visible: o },
+        fundsCapturedAmount: { ...s("fundsCapturedAmount"), visible: r },
+        adjustmentAmount: { ...s("adjustmentAmount"), visible: r },
         payoutAmount: s("payoutAmount")
       }),
-      [s, o]
+      [s, r]
     )
-  }), F = {
+  }), b = {
     title: "payouts.overview.errors.listEmpty",
     message: ["common.errors.updateFilters"]
-  }, L = l(
-    () => () => /* @__PURE__ */ t(U, { error: n, errorMessage: "payouts.overview.errors.listUnavailable", onContactSupport: p }),
-    [n, p]
+  }, D = l(
+    () => () => /* @__PURE__ */ e(Y, { error: o, errorMessage: "payouts.overview.errors.listUnavailable", onContactSupport: p }),
+    [o, p]
   );
-  return /* @__PURE__ */ t("div", { className: K, children: /* @__PURE__ */ t(
-    v,
+  return /* @__PURE__ */ e("div", { className: N, children: /* @__PURE__ */ e(
+    y,
     {
-      errorDisplay: L,
-      error: n,
-      columns: w,
-      data: r,
-      loading: O,
+      errorDisplay: D,
+      error: o,
+      columns: _,
+      data: i,
+      loading: E,
       outline: !1,
-      onRowClick: { callback: E },
-      emptyTableMessage: F,
+      onRowClick: { callback: g },
+      emptyTableMessage: b,
       customCells: {
-        createdAt: ({ value: e }) => e ? o ? e && /* @__PURE__ */ t("time", { dateTime: e, children: /* @__PURE__ */ t(a, { el: u.SPAN, variant: m.BODY, children: A(e, q) }) }) : /* @__PURE__ */ t("time", { dateTime: e, children: A(e, G) }) : null,
-        fundsCapturedAmount: ({ value: e }) => e && /* @__PURE__ */ t(a, { el: u.SPAN, variant: m.BODY, children: i.amount(e.value, e.currency, { hideCurrency: !0 }) }),
-        adjustmentAmount: ({ value: e }) => e && /* @__PURE__ */ t(a, { el: u.SPAN, variant: m.BODY, children: i.amount(e.value, e.currency, { hideCurrency: !0 }) }),
-        payoutAmount: ({ value: e }) => e && /* @__PURE__ */ t(
-          a,
+        createdAt: ({ value: t }) => t ? r ? t && /* @__PURE__ */ e("time", { dateTime: t, children: /* @__PURE__ */ e(u, { el: m.SPAN, variant: a.BODY, children: d(t, I) }) }) : /* @__PURE__ */ e("time", { dateTime: t, children: d(t, K) }) : null,
+        fundsCapturedAmount: ({ value: t }) => t && /* @__PURE__ */ e(u, { el: m.SPAN, variant: a.BODY, children: n.amount(t.value, t.currency, { hideCurrency: !0 }) }),
+        adjustmentAmount: ({ value: t }) => t && /* @__PURE__ */ e(u, { el: m.SPAN, variant: a.BODY, children: n.amount(t.value, t.currency, { hideCurrency: !0 }) }),
+        payoutAmount: ({ value: t }) => t && /* @__PURE__ */ e(
+          u,
           {
-            el: u.SPAN,
-            variant: m.BODY,
-            className: P({ [`${I}--strong`]: !o }),
-            children: i.amount(e.value, e.currency, { hideCurrency: o })
+            el: m.SPAN,
+            variant: a.BODY,
+            className: O({ [`${U}--strong`]: !r }),
+            children: n.amount(t.value, t.currency, { hideCurrency: r })
           }
         )
       },
-      children: _ && /* @__PURE__ */ t(v.Footer, { children: /* @__PURE__ */ t(
-        $,
+      children: v && /* @__PURE__ */ e(y.Footer, { children: /* @__PURE__ */ e(
+        x,
         {
-          ...D,
+          ...h,
           ariaLabelKey: "payouts.overview.pagination.label",
           limitSelectAriaLabelKey: "payouts.overview.pagination.controls.limitSelect.label"
         }
@@ -98,6 +97,6 @@ const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], Q = ["cre
   ) });
 };
 export {
-  Q as PAYOUT_TABLE_FIELDS,
-  pe as PayoutsTable
+  $ as PAYOUT_TABLE_FIELDS,
+  mt as PayoutsTable
 };

package/dist/es/components/external/ReportsOverview/ReportsOverviewElement.js

@@ -1,18 +1,14 @@
-var n = Object.defineProperty;
-var s = (t, e, o) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var r = (t, e, o) => s(t, typeof e != "symbol" ? e + "" : e, o);
-import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "./components/ReportsOverviewContainer/ReportsOverviewContainer.js";
-import { UIElement as m } from "../UIElement/UIElement.js";
-class c extends m {
-  constructor(o) {
-    super(o);
-    r(this, "componentToRender", () => /* @__PURE__ */ p(i, { ...this.props }));
-    this.componentToRender = this.componentToRender.bind(this);
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import o from "./components/ReportsOverviewContainer/ReportsOverviewContainer.js";
+import { UIElement as r } from "../UIElement/UIElement.js";
+class m extends r {
+  static type = "reports";
+  constructor(e) {
+    super(e), this.componentToRender = this.componentToRender.bind(this);
   }
+  componentToRender = () => /* @__PURE__ */ t(o, { ...this.props });
 }
-r(c, "type", "reports");
 export {
-  c as ReportsElement,
-  c as default
+  m as ReportsElement,
+  m as default
 };

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

@@ -1,110 +1,106 @@
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as A, useMemo as n, useEffect as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import V from "../../../../../hooks/useBalanceAccountSelection.js";
-import W from "../../../../../hooks/useDefaultOverviewFilterParams.js";
-import X from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import { LIMIT_OPTIONS as Z, DEFAULT_PAGE_LIMIT as $ } from "../../../../internal/Pagination/constants.js";
-import { FilterParam as l } from "../../../../types.js";
-import { ReportsTable as C, FIELDS as a } from "../ReportsTable/ReportsTable.js";
-import { BASE_CLASS as z, EARLIEST_PAYOUT_SINCE_DATE as ee } from "./constants.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as v, useMemo as m, useEffect as j } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import k from "../../../../../hooks/useBalanceAccountSelection.js";
+import G from "../../../../../hooks/useDefaultOverviewFilterParams.js";
+import H from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import { LIMIT_OPTIONS as Y, DEFAULT_PAGE_LIMIT as J } from "../../../../internal/Pagination/constants.js";
+import { FilterParam as s } from "../../../../types.js";
+import { ReportsTable as Q, FIELDS as V } from "../ReportsTable/ReportsTable.js";
+import { BASE_CLASS as W, EARLIEST_PAYOUT_SINCE_DATE as X } from "./constants.js";
 /* empty css                     */
-import { useCustomColumnsData as re } from "../../../../../hooks/useCustomColumnsData.js";
-import { hasCustomField as te } from "../../../../utils/customData/hasCustomField.js";
-import { mergeRecords as se } from "../../../../utils/customData/mergeRecords.js";
-import oe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import { useFilterBarState as le, FilterBarMobileSwitch as ie, FilterBar as pe } from "../../../../internal/FilterBar/FilterBar.js";
-import me from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useConfigContext as fe } from "../../../../../core/ConfigContext/context.js";
-import { isFunction as ne } from "../../../../../utils/value/is.js";
-import { Header as ce } from "../../../../internal/Header/Header.js";
-const Ne = ({
-  onFiltersChanged: i,
-  balanceAccounts: c,
-  allowLimitSelection: d = !0,
-  preferredLimit: L = $,
-  isLoadingBalanceAccount: _,
-  onContactSupport: P,
-  hideTitle: g,
-  dataCustomization: e
+import { useCustomColumnsData as Z } from "../../../../../hooks/useCustomColumnsData.js";
+import { hasCustomField as $ } from "../../../../utils/customData/hasCustomField.js";
+import { mergeRecords as z } from "../../../../utils/customData/mergeRecords.js";
+import ee from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useFilterBarState as te, FilterBarMobileSwitch as re, FilterBar as oe } from "../../../../internal/FilterBar/FilterBar.js";
+import ie from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import { useConfigContext as se } from "../../../../../core/ConfigContext/context.js";
+import { isFunction as ae } from "../../../../../utils/value/is.js";
+import { Header as ne } from "../../../../internal/Header/Header.js";
+const ge = ({
+  onFiltersChanged: a,
+  balanceAccounts: p,
+  allowLimitSelection: u = !0,
+  preferredLimit: C = J,
+  isLoadingBalanceAccount: F,
+  onContactSupport: S,
+  hideTitle: T,
+  dataCustomization: r
 }) => {
-  var T, D, R, u;
-  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: h, onBalanceAccountSelection: v } = V({ balanceAccounts: c }), { defaultParams: o, nowTimestamp: O, refreshNowTimestamp: m } = W("reports", r), b = A(
-    async (t, f) => p({ signal: f, errorLevel: "error" }, {
+  const { getReports: n } = se().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: D, onBalanceAccountSelection: R } = k({ balanceAccounts: p }), { defaultParams: o, nowTimestamp: I, refreshNowTimestamp: l } = G("reports", e), L = v(
+    async (i, c) => n({ signal: c, errorLevel: "error" }, {
       query: {
-        ...t,
+        ...i,
         type: "payout",
-        createdSince: t[l.CREATED_SINCE] ?? o.current.defaultFilterParams[l.CREATED_SINCE],
-        createdUntil: t[l.CREATED_UNTIL] ?? o.current.defaultFilterParams[l.CREATED_UNTIL],
-        balanceAccountId: (r == null ? void 0 : r.id) ?? ""
+        createdSince: i[s.CREATED_SINCE] ?? o.current.defaultFilterParams[s.CREATED_SINCE],
+        createdUntil: i[s.CREATED_UNTIL] ?? o.current.defaultFilterParams[s.CREATED_UNTIL],
+        balanceAccountId: e?.id ?? ""
       }
     }),
-    [r == null ? void 0 : r.id, o, p]
-  ), E = le(), w = n(() => ne(i) ? i : void 0, [i]), y = n(() => d ? Z : void 0, [d]), { canResetFilters: N, error: U, fetching: M, filters: F, limit: x, limitOptions: K, records: S, resetFilters: de, updateFilters: q, updateLimit: j, ...k } = oe({
-    fetchRecords: b,
+    [e?.id, o, n]
+  ), d = te(), _ = m(() => ae(a) ? a : void 0, [a]), P = m(() => u ? Y : void 0, [u]), { canResetFilters: g, error: h, fetching: O, filters: f, limit: b, limitOptions: B, records: A, resetFilters: le, updateFilters: w, updateLimit: y, ...N } = ee({
+    fetchRecords: L,
     dataField: "data",
     filterParams: o.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
-    onFiltersChanged: w,
-    preferredLimit: L,
-    preferredLimitOptions: y,
-    enabled: !!(r != null && r.id) && !!p
-  }), B = A(
-    ({ records: t, retrievedData: f }) => se(t, f, (I, J) => I.createdAt === J.createdAt),
+    onFiltersChanged: _,
+    preferredLimit: C,
+    preferredLimitOptions: P,
+    enabled: !!e?.id && !!n
+  }), U = v(
+    ({ records: i, retrievedData: c }) => z(i, c, (E, q) => E.createdAt === q.createdAt),
     []
-  ), G = n(() => {
-    var t;
-    return te((t = e == null ? void 0 : e.list) == null ? void 0 : t.fields, a);
-  }, [(T = e == null ? void 0 : e.list) == null ? void 0 : T.fields]), { customRecords: H, loadingCustomRecords: Y } = re({
-    records: S,
-    hasCustomColumn: G,
-    onDataRetrieve: (D = e == null ? void 0 : e.list) == null ? void 0 : D.onDataRetrieve,
-    mergeCustomData: B
+  ), M = m(() => $(r?.list?.fields, V), [r?.list?.fields]), { customRecords: x, loadingCustomRecords: K } = Z({
+    records: A,
+    hasCustomColumn: M,
+    onDataRetrieve: r?.list?.onDataRetrieve,
+    mergeCustomData: U
   });
-  return Q(() => {
-    m();
-  }, [F, m]), /* @__PURE__ */ s("div", { className: z, children: [
-    /* @__PURE__ */ s(ce, { hideTitle: g, titleKey: "reports.overview.title", subtitleKey: "reports.overview.generateInfo", children: /* @__PURE__ */ s(ie, { ...E }) }),
-    /* @__PURE__ */ s(pe, { ...E, ariaLabelKey: "reports.overview.filters.label", children: [
-      /* @__PURE__ */ s(
-        me,
+  return j(() => {
+    l();
+  }, [f, l]), /* @__PURE__ */ t("div", { className: W, children: [
+    /* @__PURE__ */ t(ne, { hideTitle: T, titleKey: "reports.overview.title", subtitleKey: "reports.overview.generateInfo", children: /* @__PURE__ */ t(re, { ...d }) }),
+    /* @__PURE__ */ t(oe, { ...d, ariaLabelKey: "reports.overview.filters.label", children: [
+      /* @__PURE__ */ t(
+        ie,
         {
-          activeBalanceAccount: r,
-          balanceAccountSelectionOptions: h,
-          onBalanceAccountSelection: v
+          activeBalanceAccount: e,
+          balanceAccountSelectionOptions: D,
+          onBalanceAccountSelection: R
         }
       ),
-      /* @__PURE__ */ s(
-        X,
+      /* @__PURE__ */ t(
+        H,
         {
-          canResetFilters: N,
+          canResetFilters: g,
           defaultParams: o,
-          filters: F,
-          nowTimestamp: O,
-          refreshNowTimestamp: m,
-          sinceDate: ee,
+          filters: f,
+          nowTimestamp: I,
+          refreshNowTimestamp: l,
+          sinceDate: X,
           timezone: "UTC",
-          updateFilters: q
+          updateFilters: w
         }
       )
     ] }),
-    /* @__PURE__ */ s(
-      C,
+    /* @__PURE__ */ t(
+      Q,
       {
-        balanceAccountId: r == null ? void 0 : r.id,
-        loading: M || _ || !c || !r || Y,
-        data: (R = e == null ? void 0 : e.list) != null && R.onDataRetrieve ? H : S,
+        balanceAccountId: e?.id,
+        loading: O || F || !p || !e || K,
+        data: r?.list?.onDataRetrieve ? x : A,
         showPagination: !0,
-        limit: x,
-        limitOptions: K,
-        onContactSupport: P,
-        onLimitSelection: j,
-        error: U,
-        customColumns: (u = e == null ? void 0 : e.list) == null ? void 0 : u.fields,
-        ...k
+        limit: b,
+        limitOptions: B,
+        onContactSupport: S,
+        onLimitSelection: y,
+        error: h,
+        customColumns: r?.list?.fields,
+        ...N
       }
     )
   ] });
 };
 export {
-  Ne as ReportsOverview
+  ge as ReportsOverview
 };

package/dist/es/components/external/ReportsOverview/components/ReportsTable/ReportsTable.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as M, useMemo as s, useCallback as Y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as M, useMemo as i, useCallback as Y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import q from "../../../../../core/Context/useCoreContext.js";
 import { useFreezePeriod as x } from "../../../../../hooks/useFreezePeriod.js";
 import U from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
@@ -7,7 +7,7 @@ import { Alert as z } from "../../../../internal/Alert/Alert.js";
 import { AlertTypeOption as K } from "../../../../internal/Alert/types.js";
 import k from "../../../../internal/Button/DownloadButton/DownloadButton.js";
 import G from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import { TypographyVariant as i, TypographyElement as a } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as s, TypographyElement as a } from "../../../../internal/Typography/types.js";
 import n from "../../../../internal/Typography/Typography.js";
 import { useResponsiveContainer as f, containerQueries as u } from "../../../../../hooks/useResponsiveContainer.js";
 import { BASE_CLASS as j, DATE_TYPE_CLASS as Q, DATE_TYPE_DATE_SECTION_CLASS as V, DISABLED_BUTTONS_TIMEOUT as W } from "./constants.js";
@@ -33,11 +33,11 @@ const $ = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ee = {
   customColumns: C,
   ..._
 }) => {
-  const { i18n: o } = q(), { dateFormat: v } = U("UTC"), { freeze: h, frozen: N } = x(W), [y, d] = M(null), { refreshing: T } = Z(), F = s(() => p || T, [p, T]), m = f(u.up.sm), c = f(u.down.xs), R = X({
+  const { i18n: o } = q(), { dateFormat: v } = U("UTC"), { freeze: h, frozen: N } = x(W), [y, d] = M(null), { refreshing: T } = Z(), F = i(() => p || T, [p, T]), m = f(u.up.sm), c = f(u.down.xs), R = X({
     customColumns: C,
     fields: $,
     fieldsKeys: ee,
-    columnConfig: s(
+    columnConfig: i(
       () => ({
         dateAndReportType: { visible: c },
         createdAt: { visible: m },
@@ -51,13 +51,13 @@ const $ = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ee = {
   }, []), O = {
     title: "reports.overview.errors.listEmpty",
     message: ["common.errors.updateFilters"]
-  }, L = s(
+  }, L = i(
     () => () => /* @__PURE__ */ r(G, { error: l, errorMessage: "reports.overview.errors.listUnavailable", onContactSupport: A }),
     [l, A]
-  ), B = s(() => /* @__PURE__ */ r(H, { name: "warning" }), []), I = s(
+  ), B = i(() => /* @__PURE__ */ r(H, { name: "warning" }), []), I = i(
     () => (e) => {
       const t = {};
-      switch (e == null ? void 0 : e.errorCode) {
+      switch (e?.errorCode) {
         case "999_429_001":
           t.title = o.get("reports.overview.errors.download"), t.description = o.get("reports.overview.errors.tooManyDownloads");
           break;
@@ -83,12 +83,12 @@ const $ = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ee = {
         outline: !1,
         emptyTableMessage: O,
         customCells: {
-          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r("time", { dateTime: e, children: /* @__PURE__ */ r(n, { el: a.SPAN, variant: i.BODY, children: v(e, E) }) }) : null,
+          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r("time", { dateTime: e, children: /* @__PURE__ */ r(n, { el: a.SPAN, variant: s.BODY, children: v(e, E) }) }) : null,
           dateAndReportType: ({ item: e }) => /* @__PURE__ */ r("div", { className: Q, children: [
-            (e == null ? void 0 : e.type) && /* @__PURE__ */ r(n, { el: a.SPAN, variant: i.BODY, stronger: !0, children: w(o, e.type) }),
-            /* @__PURE__ */ r("time", { dateTime: e.createdAt, children: /* @__PURE__ */ r(n, { className: V, el: a.SPAN, variant: i.BODY, children: v(e.createdAt, E) }) })
+            e?.type && /* @__PURE__ */ r(n, { el: a.SPAN, variant: s.BODY, stronger: !0, children: w(o, e.type) }),
+            /* @__PURE__ */ r("time", { dateTime: e.createdAt, children: /* @__PURE__ */ r(n, { className: V, el: a.SPAN, variant: s.BODY, children: v(e.createdAt, E) }) })
           ] }),
-          reportType: ({ item: e }) => (e == null ? void 0 : e.type) && /* @__PURE__ */ r(n, { el: a.SPAN, variant: i.BODY, children: w(o, e.type) }),
+          reportType: ({ item: e }) => e?.type && /* @__PURE__ */ r(n, { el: a.SPAN, variant: s.BODY, children: w(o, e.type) }),
           reportFile: ({ item: e }) => {
             const t = {
               query: { balanceAccountId: S, createdAt: e.createdAt, type: e.type }

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

@@ -1,17 +1,13 @@
-var r = Object.defineProperty;
-var s = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => s(o, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { UIElement as i } from "../UIElement/UIElement.js";
-import { TransactionData as p } from "./components/TransactionData/TransactionData.js";
-class m extends i {
-  constructor(e) {
-    super(e);
-    n(this, "componentToRender", () => /* @__PURE__ */ a(p, { ...this.props }));
-    this.componentToRender = this.componentToRender.bind(this);
+import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UIElement as e } from "../UIElement/UIElement.js";
+import { TransactionData as n } from "./components/TransactionData/TransactionData.js";
+class m extends e {
+  static type = "transactionDetails";
+  constructor(t) {
+    super(t), this.componentToRender = this.componentToRender.bind(this);
   }
+  componentToRender = () => /* @__PURE__ */ o(n, { ...this.props });
 }
-n(m, "type", "transactionDetails");
 export {
   m as TransactionElement,
   m as default

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

@@ -7,12 +7,12 @@ import R from "./PaymentDetailsStatusBox.js";
 import B from "./PaymentDetailsSummary.js";
 import X from "./PaymentDetailsTimeline.js";
 import w from "../../../../../core/Context/useCoreContext.js";
-import { DetailsTab as o } from "../../types.js";
+import { DetailsTab as m } from "../../types.js";
 import { TX_DETAILS_TABS as x, TX_DATA_CLASS as U, TX_DATA_CONTAINER as Y } from "../../constants.js";
 import { useState as j, useMemo as p, useEffect as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 const F = ({
   dataCustomization: i,
-  extraFields: s,
+  extraFields: r,
   fullRefundFailed: c,
   fullRefundInProgress: v,
   refundAmounts: D,
@@ -26,13 +26,13 @@ const F = ({
   transaction: e,
   transactionNavigator: E
 }) => {
-  const { i18n: P } = w(), [a, n] = j(), r = p(
-    () => x.filter(({ id: m }) => {
-      switch (m) {
-        case o.SUMMARY:
+  const { i18n: P } = w(), [s, n] = j(), o = p(
+    () => x.filter(({ id: a }) => {
+      switch (a) {
+        case m.SUMMARY:
           const { additions: u, deductions: f, originalAmount: T, amountBeforeDeductions: A, netAmount: M } = e;
           return u && u.length > 0 || f && f.length > 0 || T && T.value !== A.value || M.value !== A.value;
-        case o.TIMELINE:
+        case m.TIMELINE:
           return e.events && e.events.length > 0;
         default:
           return !0;
@@ -41,28 +41,25 @@ const F = ({
     [e]
   ), I = p(
     () => ({
-      [o.DETAILS]: /* @__PURE__ */ t(L, { dataCustomization: i, extraFields: s, transaction: e }),
-      [o.SUMMARY]: /* @__PURE__ */ t(B, { transaction: e }),
-      [o.TIMELINE]: /* @__PURE__ */ t(X, { transaction: e })
+      [m.DETAILS]: /* @__PURE__ */ t(L, { dataCustomization: i, extraFields: r, transaction: e }),
+      [m.SUMMARY]: /* @__PURE__ */ t(B, { transaction: e }),
+      [m.TIMELINE]: /* @__PURE__ */ t(X, { transaction: e })
     }),
-    [i, s, e]
+    [i, r, e]
   );
-  return O(() => {
-    var m;
-    return n((m = r[0]) == null ? void 0 : m.id);
-  }, [r]), /* @__PURE__ */ t("div", { className: U, children: [
+  return O(() => n(o[0]?.id), [o]), /* @__PURE__ */ t("div", { className: U, children: [
     /* @__PURE__ */ t(R, { refundedState: l, transaction: e }),
     /* @__PURE__ */ t("div", { className: Y, children: [
-      r.length > 1 && /* @__PURE__ */ t(
+      o.length > 1 && /* @__PURE__ */ t(
         N,
         {
           "aria-label": P.get("transactions.details.viewSelect.a11y.label"),
-          onChange: ({ id: m }) => n(m),
-          tabs: r,
-          activeTab: a
+          onChange: ({ id: a }) => n(a),
+          tabs: o,
+          activeTab: s
         }
       ),
-      a && I[a]
+      s && I[s]
     ] }),
     /* @__PURE__ */ t(
       _,
@@ -79,7 +76,7 @@ const F = ({
     /* @__PURE__ */ t(
       C,
       {
-        extraFields: s,
+        extraFields: r,
         refundAvailable: d,
         refundDisabled: S,
         setActiveView: h,