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

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

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

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
 };