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

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

@@ -1,147 +1,125 @@
-import { BASE_CLASS as H, EARLIEST_PAYOUT_SINCE_DATE as K, BASE_CLASS_DETAILS as Y } from "./constants.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { BASE_CLASS as G, EARLIEST_PAYOUT_SINCE_DATE as H, BASE_CLASS_DETAILS as Y } from "./constants.js";
 import { PayoutsTable as J } from "../PayoutsTable/PayoutsTable.js";
 import { LIMIT_OPTIONS as Q, DEFAULT_PAGE_LIMIT as V } from "../../../../internal/Pagination/constants.js";
-import W from "../../../../hooks/useBalanceAccountSelection.js";
+import W from "../../../../../hooks/useBalanceAccountSelection.js";
 import X from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
 import Z from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import $ from "../../../../hooks/useDefaultOverviewFilterParams.js";
+import $ from "../../../../../hooks/useDefaultOverviewFilterParams.js";
+import { DataOverviewHeader as v } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
 import { FilterParam as o } from "../../../../types.js";
-import { useCallback as T, useMemo as s, useEffect as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { DataDetailsModal as B } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { useCallback as D, useMemo as s, useEffect as B } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { DataDetailsModal as tt } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
 import "./PayoutsOverview.scss.js";
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import tt from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
 import et, { useFilterBarState as rt, FilterBarMobileSwitch as it } from "../../../../internal/FilterBar/FilterBar.js";
-import ot from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useAuthContext as st } from "../../../../../core/Auth/context.js";
-import { isFunction as at } from "../../../../../utils/value/is.js";
-import { DataOverviewHeader as lt } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
-const bt = ({
+import ot from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import st from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import { useAuthContext as at } from "../../../../../core/Auth/context.js";
+import { isFunction as lt } from "../../../../../utils/value/is.js";
+const Nt = ({
   onFiltersChanged: a,
   balanceAccounts: n,
   allowLimitSelection: p,
-  preferredLimit: F = V,
+  preferredLimit: y = V,
   onRecordSelection: u,
   showDetails: l,
-  isLoadingBalanceAccount: P,
+  isLoadingBalanceAccount: F,
   onContactSupport: f,
-  hideTitle: _
+  hideTitle: P
 }) => {
-  const {
-    getPayouts: m
-  } = st().endpoints, {
-    activeBalanceAccount: t,
-    balanceAccountSelectionOptions: y,
-    onBalanceAccountSelection: C
-  } = W(n), {
-    defaultParams: i,
-    nowTimestamp: I,
-    refreshNowTimestamp: d
-  } = $("payouts", t), A = T(async (r, G) => m({
-    signal: G,
-    errorLevel: "error"
-  }, {
-    query: {
-      ...r,
-      createdSince: r[o.CREATED_SINCE] ?? i.current.defaultFilterParams[o.CREATED_SINCE],
-      createdUntil: r[o.CREATED_UNTIL] ?? i.current.defaultFilterParams[o.CREATED_UNTIL],
-      balanceAccountId: (t == null ? void 0 : t.id) ?? ""
-    }
-  }), [t == null ? void 0 : t.id, i, m]), c = rt(), L = s(() => at(a) ? a : void 0, [a]), O = s(() => p ? Q : void 0, [p]), {
-    canResetFilters: b,
-    error: h,
-    fetching: N,
-    filters: E,
-    limit: w,
-    limitOptions: M,
-    records: R,
-    resetFilters: mt,
-    updateFilters: U,
-    updateLimit: g,
-    ...k
-  } = tt({
+  const { getPayouts: m } = at().endpoints, { activeBalanceAccount: t, balanceAccountSelectionOptions: C, onBalanceAccountSelection: I } = W(n), { defaultParams: i, nowTimestamp: _, refreshNowTimestamp: d } = $("payouts", t), A = D(
+    async (r, j) => m({ signal: j, errorLevel: "error" }, {
+      query: {
+        ...r,
+        createdSince: r[o.CREATED_SINCE] ?? i.current.defaultFilterParams[o.CREATED_SINCE],
+        createdUntil: r[o.CREATED_UNTIL] ?? i.current.defaultFilterParams[o.CREATED_UNTIL],
+        balanceAccountId: (t == null ? void 0 : t.id) ?? ""
+      }
+    }),
+    [t == null ? void 0 : t.id, i, m]
+  ), c = rt(), L = s(() => lt(a) ? a : void 0, [a]), O = s(() => p ? Q : void 0, [p]), { canResetFilters: N, error: b, fetching: h, filters: E, limit: w, limitOptions: M, records: R, resetFilters: mt, updateFilters: U, updateLimit: g, ...k } = ot({
     fetchRecords: A,
     dataField: "data",
     filterParams: i.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
     onFiltersChanged: L,
-    preferredLimit: F,
+    preferredLimit: y,
     preferredLimitOptions: O,
     enabled: !!(t != null && t.id) && !!m
   });
-  v(() => {
+  B(() => {
     d();
   }, [E, d]);
-  const S = s(() => ({
-    showDetails: l ?? !0,
-    callback: u
-  }), [l, u]), x = s(() => ({
-    payout: S
-  }), [S]), {
-    updateDetails: D,
-    resetDetails: q,
-    selectedDetail: z
-  } = Z(x), j = T((r) => {
-    D({
-      selection: {
-        type: "payout",
-        data: {
-          id: t == null ? void 0 : t.id,
-          balanceAccountDescription: (t == null ? void 0 : t.description) || "",
-          date: r.createdAt
+  const S = s(
+    () => ({
+      showDetails: l ?? !0,
+      callback: u
+    }),
+    [l, u]
+  ), x = s(() => ({ payout: S }), [S]), { updateDetails: T, resetDetails: q, selectedDetail: z } = Z(x), K = D(
+    (r) => {
+      T({
+        selection: {
+          type: "payout",
+          data: { id: t == null ? void 0 : t.id, balanceAccountDescription: (t == null ? void 0 : t.description) || "", date: r.createdAt }
+        },
+        modalSize: "small"
+      }).callback({ balanceAccountId: (t == null ? void 0 : t.id) || "", date: r.createdAt });
+    },
+    [T, t]
+  );
+  return /* @__PURE__ */ e("div", { className: G, children: [
+    /* @__PURE__ */ e(v, { hideTitle: P, titleKey: "payoutsTitle", descriptionKey: "payoutsNotice", children: /* @__PURE__ */ e(it, { ...c }) }),
+    /* @__PURE__ */ e(et, { ...c, children: [
+      /* @__PURE__ */ e(
+        st,
+        {
+          activeBalanceAccount: t,
+          balanceAccountSelectionOptions: C,
+          onBalanceAccountSelection: I
         }
-      },
-      modalSize: "small"
-    }).callback({
-      balanceAccountId: (t == null ? void 0 : t.id) || "",
-      date: r.createdAt
-    });
-  }, [D, t]);
-  return e("div", {
-    className: H,
-    children: [e(lt, {
-      hideTitle: _,
-      titleKey: "payoutsTitle",
-      children: e(it, {
-        ...c
-      })
-    }), e(et, {
-      ...c,
-      children: [e(ot, {
-        activeBalanceAccount: t,
-        balanceAccountSelectionOptions: y,
-        onBalanceAccountSelection: C
-      }), e(X, {
-        canResetFilters: b,
-        defaultParams: i,
-        filters: E,
-        nowTimestamp: I,
-        refreshNowTimestamp: d,
-        sinceDate: K,
-        timezone: "UTC",
-        updateFilters: U
-      })]
-    }), e(B, {
-      className: Y,
-      onContactSupport: f,
-      selectedDetail: z,
-      resetDetails: q,
-      children: e(J, {
-        loading: N || P || !n,
-        data: R,
-        showPagination: !0,
-        onRowClick: j,
-        showDetails: l,
-        limit: w,
-        limitOptions: M,
+      ),
+      /* @__PURE__ */ e(
+        X,
+        {
+          canResetFilters: N,
+          defaultParams: i,
+          filters: E,
+          nowTimestamp: _,
+          refreshNowTimestamp: d,
+          sinceDate: H,
+          timezone: "UTC",
+          updateFilters: U
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      tt,
+      {
+        className: Y,
         onContactSupport: f,
-        onLimitSelection: g,
-        error: h,
-        ...k
-      })
-    })]
-  });
+        selectedDetail: z,
+        resetDetails: q,
+        children: /* @__PURE__ */ e(
+          J,
+          {
+            loading: h || F || !n,
+            data: R,
+            showPagination: !0,
+            onRowClick: K,
+            showDetails: l,
+            limit: w,
+            limitOptions: M,
+            onContactSupport: f,
+            onLimitSelection: g,
+            error: b,
+            ...k
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  bt as PayoutsOverview
+  Nt as PayoutsOverview
 };

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

@@ -1,29 +1,21 @@
-import c from "../../../../hooks/useBalanceAccounts.js";
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "../../../../../hooks/useBalanceAccounts.js";
 import i from "../../../../internal/DataOverviewContainer/DataOverviewContainer.js";
 import { PayoutsOverview as u } from "../PayoutsOverview/PayoutsOverview.js";
 import { BASE_CLASS as s } from "./constants.js";
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-function f({
-  ...o
-}) {
-  const {
-    balanceAccounts: t,
-    isBalanceAccountIdWrong: a,
-    isFetching: e,
-    error: n
-  } = c(o.balanceAccountId);
-  return r(i, {
-    balanceAccountsError: n,
-    className: s,
-    errorMessage: "weCouldNotLoadThePayoutsOverview",
-    isBalanceAccountIdWrong: a,
-    onContactSupport: o.onContactSupport,
-    children: r(u, {
-      ...o,
-      balanceAccounts: t,
-      isLoadingBalanceAccount: e
-    })
-  });
+function f({ ...o }) {
+  const { balanceAccounts: t, isBalanceAccountIdWrong: a, isFetching: e, error: n } = c(o.balanceAccountId);
+  return /* @__PURE__ */ r(
+    i,
+    {
+      balanceAccountsError: n,
+      className: s,
+      errorMessage: "weCouldNotLoadThePayoutsOverview",
+      isBalanceAccountIdWrong: a,
+      onContactSupport: o.onContactSupport,
+      children: /* @__PURE__ */ r(u, { ...o, balanceAccounts: t, isLoadingBalanceAccount: e })
+    }
+  );
 }
 export {
   f as default

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

@@ -1,20 +1,20 @@
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import Y from "classnames";
 import L from "../../../../../core/Context/useCoreContext.js";
 import { getCurrencyCode as M } from "../../../../../core/Localization/amount/amount-util.js";
 import { useMemo as c, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import w from "../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { CellTextPosition as x } from "../../../../internal/DataGrid/types.js";
-import { DATE_FORMAT_PAYOUTS_MOBILE as B, DATE_FORMAT_PAYOUTS as R } from "../../../../internal/DataOverviewDisplay/constants.js";
-import U from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import w from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { CellTextPosition as B } from "../../../../internal/DataGrid/types.js";
+import x from "../../../../internal/DataOverviewError/DataOverviewError.js";
 import { TypographyVariant as s } from "../../../../internal/Typography/types.js";
 import u from "../../../../internal/Typography/Typography.js";
-import { getLabel as j } from "../../../../utils/getLabel.js";
-import { useResponsiveViewport as N, mediaQueries as v } from "../../../../hooks/useResponsiveViewport.js";
-import { BASE_CLASS as I, NET_PAYOUT_CLASS as G } from "./constants.js";
+import { getLabel as R } from "../../../../utils/getLabel.js";
+import { useResponsiveViewport as U, mediaQueries as j } from "../../../../../hooks/useResponsiveViewport.js";
+import { BASE_CLASS as N, NET_PAYOUT_CLASS as v } from "./constants.js";
 import "./PayoutsTable.scss.js";
-import { useTableColumns as V } from "../../../../hooks/useTableColumns.js";
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useTableColumns as I } from "../../../../../hooks/useTableColumns.js";
 import g from "../../../../internal/DataGrid/DataGrid.js";
+import { DATE_FORMAT_PAYOUTS_MOBILE as G, DATE_FORMAT_PAYOUTS as V } from "../../../../../constants/dateFormats.js";
 import $ from "../../../../internal/Pagination/Pagination.js";
 import { useAuthContext as W } from "../../../../../core/Auth/context.js";
 const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["createdAt", ...h], z = (n) => h.includes(n), Ar = ({
@@ -27,96 +27,54 @@ const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["cre
   data: t,
   ...E
 }) => {
-  const {
-    i18n: i
-  } = L(), {
-    dateFormat: p
-  } = w("UTC"), {
-    refreshing: A
-  } = W(), S = c(() => a || A, [a, A]), e = N(v.up.sm), m = P((r) => {
-    var d, y, C, T;
-    const f = i.get(j(r));
-    if (z(r))
-      return {
-        label: (y = (d = t == null ? void 0 : t[0]) == null ? void 0 : d[r]) != null && y.currency ? `${f} (${M((T = (C = t == null ? void 0 : t[0]) == null ? void 0 : C[r]) == null ? void 0 : T.currency)})` : f,
-        position: x.RIGHT
-      };
-  }, [t, i]), _ = V({
+  const { i18n: i } = L(), { dateFormat: p } = w("UTC"), { refreshing: A } = W(), S = c(() => a || A, [a, A]), e = U(j.up.sm), m = P(
+    (r) => {
+      var d, y, C, T;
+      const f = i.get(R(r));
+      if (z(r))
+        return {
+          label: (y = (d = t == null ? void 0 : t[0]) == null ? void 0 : d[r]) != null && y.currency ? `${f} (${M((T = (C = t == null ? void 0 : t[0]) == null ? void 0 : C[r]) == null ? void 0 : T.currency)})` : f,
+          position: B.RIGHT
+        };
+    },
+    [t, i]
+  ), _ = I({
     fields: q,
-    columnConfig: c(() => ({
-      fundsCapturedAmount: {
-        ...m("fundsCapturedAmount"),
-        visible: e
-      },
-      adjustmentAmount: {
-        ...m("adjustmentAmount"),
-        visible: e
-      },
-      payoutAmount: m("payoutAmount")
-    }), [m, e])
+    columnConfig: c(
+      () => ({
+        fundsCapturedAmount: { ...m("fundsCapturedAmount"), visible: e },
+        adjustmentAmount: { ...m("adjustmentAmount"), visible: e },
+        payoutAmount: m("payoutAmount")
+      }),
+      [m, e]
+    )
   }), F = {
     title: "noPayoutsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, b = c(() => () => o(U, {
-    error: n,
-    errorMessage: "weCouldNotLoadYourPayouts",
-    onContactSupport: l
-  }), [n, l]);
-  return o("div", {
-    className: I,
-    children: o(g, {
+  }, b = c(
+    () => () => /* @__PURE__ */ o(x, { error: n, errorMessage: "weCouldNotLoadYourPayouts", onContactSupport: l }),
+    [n, l]
+  );
+  return /* @__PURE__ */ o("div", { className: N, children: /* @__PURE__ */ o(
+    g,
+    {
       errorDisplay: b,
       error: n,
       columns: _,
       data: t,
       loading: S,
       outline: !1,
-      onRowClick: {
-        callback: D
-      },
+      onRowClick: { callback: D },
       emptyTableMessage: F,
       customCells: {
-        createdAt: ({
-          value: r
-        }) => r ? e ? r && o(u, {
-          variant: s.BODY,
-          children: p(r, R)
-        }) : p(r, B) : null,
-        fundsCapturedAmount: ({
-          value: r
-        }) => r && o(u, {
-          variant: s.BODY,
-          children: i.amount(r.value, r.currency, {
-            hideCurrency: !0
-          })
-        }),
-        adjustmentAmount: ({
-          value: r
-        }) => r && o(u, {
-          variant: s.BODY,
-          children: i.amount(r.value, r.currency, {
-            hideCurrency: !0
-          })
-        }),
-        payoutAmount: ({
-          value: r
-        }) => r && o(u, {
-          variant: s.BODY,
-          className: Y({
-            [`${G}--strong`]: !e
-          }),
-          children: i.amount(r.value, r.currency, {
-            hideCurrency: e
-          })
-        })
+        createdAt: ({ value: r }) => r ? e ? r && /* @__PURE__ */ o(u, { variant: s.BODY, children: p(r, V) }) : p(r, G) : null,
+        fundsCapturedAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, children: i.amount(r.value, r.currency, { hideCurrency: !0 }) }),
+        adjustmentAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, children: i.amount(r.value, r.currency, { hideCurrency: !0 }) }),
+        payoutAmount: ({ value: r }) => r && /* @__PURE__ */ o(u, { variant: s.BODY, className: Y({ [`${v}--strong`]: !e }), children: i.amount(r.value, r.currency, { hideCurrency: e }) })
       },
-      children: O && o(g.Footer, {
-        children: o($, {
-          ...E
-        })
-      })
-    })
-  });
+      children: O && /* @__PURE__ */ o(g.Footer, { children: /* @__PURE__ */ o($, { ...E }) })
+    }
+  ) });
 };
 export {
   Ar as PayoutsTable

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

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