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

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,23 +1,23 @@
+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 "./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 { 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";
+/* empty css                  */
+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 = ({
+import { useConfigContext as W } from "../../../../../core/ConfigContext/context.js";
+const h = ["fundsCapturedAmount", "adjustmentAmount", "payoutAmount"], q = ["createdAt", ...h], z = (n) => h.includes(n), fr = ({
   error: n,
   loading: a,
   onContactSupport: l,
@@ -27,97 +27,55 @@ 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: f } = W(), S = c(() => a || f, [a, f]), e = U(j.up.sm), m = P(
+    (r) => {
+      var d, C, y, T;
+      const A = i.get(R(r));
+      if (z(r))
+        return {
+          label: (C = (d = t == null ? void 0 : t[0]) == null ? void 0 : d[r]) != null && C.currency ? `${A} (${M((T = (y = t == null ? void 0 : t[0]) == null ? void 0 : y[r]) == null ? void 0 : T.currency)})` : A,
+          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
+  fr as PayoutsTable
 };

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

@@ -1,25 +1,27 @@
-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);
+var n = Object.defineProperty;
+var s = (o, e, t) => e in o ? n(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var r = (o, e, t) => s(o, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 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 {
-  constructor(e) {
-    super(e);
-    n(this, "componentToRender", () => m(c, {
-      ...this.props,
-      balanceAccountId: this.props.balanceAccountId,
-      ref: (e) => {
-        this.componentRef = e;
+import { UIElement as i } from "../UIElement/UIElement.js";
+class m extends i {
+  constructor(t) {
+    super(t);
+    r(this, "componentToRender", () => /* @__PURE__ */ p(
+      c,
+      {
+        ...this.props,
+        balanceAccountId: this.props.balanceAccountId,
+        ref: (t) => {
+          this.componentRef = t;
+        }
       }
-    }));
+    ));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }
-n(r, "type", "reports");
-const h = r;
+r(m, "type", "reports");
 export {
-  r as ReportsElement,
-  h as default
+  m as ReportsElement,
+  m as default
 };

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

@@ -1,111 +1,92 @@
-import { useCallback as U, useMemo as f, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../../hooks/useBalanceAccountSelection.js";
-import M from "../../../../hooks/useDefaultOverviewFilterParams.js";
-import v from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import { LIMIT_OPTIONS as q, DEFAULT_PAGE_LIMIT as K } from "../../../../internal/Pagination/constants.js";
-import { FilterParam as o } from "../../../../types.js";
-import { ReportsTable as j } from "../ReportsTable/ReportsTable.js";
-import { BASE_CLASS as k, EARLIEST_PAYOUT_SINCE_DATE as z } from "./constants.js";
-import "./ReportsOverview.scss.js";
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import B from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import G, { useFilterBarState as H, FilterBarMobileSwitch as Y } from "../../../../internal/FilterBar/FilterBar.js";
-import J from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useAuthContext as Q } from "../../../../../core/Auth/context.js";
-import { isFunction as V } from "../../../../../utils/value/is.js";
-import { DataOverviewHeader as W } from "../../../../internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js";
+import { useCallback as U, useMemo as f, useEffect as w } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import M from "../../../../../hooks/useBalanceAccountSelection.js";
+import x from "../../../../../hooks/useDefaultOverviewFilterParams.js";
+import q from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import { LIMIT_OPTIONS as K, DEFAULT_PAGE_LIMIT as j } from "../../../../internal/Pagination/constants.js";
+import { FilterParam as o } from "../../../../types.js";
+import { ReportsTable as k } from "../ReportsTable/ReportsTable.js";
+import { BASE_CLASS as z, EARLIEST_PAYOUT_SINCE_DATE as B } from "./constants.js";
+/* empty css                     */
+import G from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useFilterBarState as H, FilterBarMobileSwitch as Y, FilterBar as J } from "../../../../internal/FilterBar/FilterBar.js";
+import Q from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import { useConfigContext as V } from "../../../../../core/ConfigContext/context.js";
+import { isFunction as W } from "../../../../../utils/value/is.js";
+import { Header as X } from "../../../../internal/Header/Header.js";
 const Er = ({
   onFiltersChanged: i,
-  balanceAccounts: n,
+  balanceAccounts: a,
   allowLimitSelection: l,
-  preferredLimit: u = K,
+  preferredLimit: u = j,
   isLoadingBalanceAccount: c,
   onContactSupport: E,
   hideTitle: T
 }) => {
-  const {
-    getReports: s
-  } = Q().endpoints, {
-    activeBalanceAccount: r,
-    balanceAccountSelectionOptions: S,
-    onBalanceAccountSelection: F
-  } = x(n), {
-    defaultParams: t,
-    nowTimestamp: C,
-    refreshNowTimestamp: a
-  } = M("reports", r), I = U(async (m, y) => s({
-    signal: y,
-    errorLevel: "error"
-  }, {
-    query: {
-      ...m,
-      type: "payout",
-      createdSince: m[o.CREATED_SINCE] ?? t.current.defaultFilterParams[o.CREATED_SINCE],
-      createdUntil: m[o.CREATED_UNTIL] ?? t.current.defaultFilterParams[o.CREATED_UNTIL],
-      balanceAccountId: (r == null ? void 0 : r.id) ?? ""
-    }
-  }), [r == null ? void 0 : r.id, t, s]), p = H(), _ = f(() => V(i) ? i : void 0, [i]), A = f(() => l ? q : void 0, [l]), {
-    canResetFilters: D,
-    error: O,
-    fetching: P,
-    filters: d,
-    limit: L,
-    limitOptions: R,
-    records: h,
-    resetFilters: X,
-    updateFilters: N,
-    updateLimit: b,
-    ...w
-  } = B({
+  const { getReports: s } = V().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: S, onBalanceAccountSelection: F } = M(a), { defaultParams: t, nowTimestamp: C, refreshNowTimestamp: n } = x("reports", r), I = U(
+    async (m, g) => s({ signal: g, errorLevel: "error" }, {
+      query: {
+        ...m,
+        type: "payout",
+        createdSince: m[o.CREATED_SINCE] ?? t.current.defaultFilterParams[o.CREATED_SINCE],
+        createdUntil: m[o.CREATED_UNTIL] ?? t.current.defaultFilterParams[o.CREATED_UNTIL],
+        balanceAccountId: (r == null ? void 0 : r.id) ?? ""
+      }
+    }),
+    [r == null ? void 0 : r.id, t, s]
+  ), p = H(), _ = f(() => W(i) ? i : void 0, [i]), P = f(() => l ? K : void 0, [l]), { canResetFilters: A, error: D, fetching: L, filters: d, limit: O, limitOptions: R, records: N, resetFilters: Z, updateFilters: h, updateLimit: b, ...y } = G({
     fetchRecords: I,
     dataField: "data",
     filterParams: t.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
     onFiltersChanged: _,
     preferredLimit: u,
-    preferredLimitOptions: A,
+    preferredLimitOptions: P,
     enabled: !!(r != null && r.id) && !!s
   });
-  return g(() => {
-    a();
-  }, [d, a]), e("div", {
-    className: k,
-    children: [e(W, {
-      hideTitle: T,
-      titleKey: "reportsTitle",
-      descriptionKey: "reportsNotice",
-      children: e(Y, {
-        ...p
-      })
-    }), e(G, {
-      ...p,
-      children: [e(J, {
-        activeBalanceAccount: r,
-        balanceAccountSelectionOptions: S,
-        onBalanceAccountSelection: F
-      }), e(v, {
-        canResetFilters: D,
-        defaultParams: t,
-        filters: d,
-        nowTimestamp: C,
-        refreshNowTimestamp: a,
-        sinceDate: z,
-        timezone: "UTC",
-        updateFilters: N
-      })]
-    }), e(j, {
-      balanceAccountId: r == null ? void 0 : r.id,
-      loading: P || c || !n || !r,
-      data: h,
-      showPagination: !0,
-      limit: L,
-      limitOptions: R,
-      onContactSupport: E,
-      onLimitSelection: b,
-      error: O,
-      ...w
-    })]
-  });
+  return w(() => {
+    n();
+  }, [d, n]), /* @__PURE__ */ e("div", { className: z, children: [
+    /* @__PURE__ */ e(X, { hideTitle: T, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ e(Y, { ...p }) }),
+    /* @__PURE__ */ e(J, { ...p, children: [
+      /* @__PURE__ */ e(
+        Q,
+        {
+          activeBalanceAccount: r,
+          balanceAccountSelectionOptions: S,
+          onBalanceAccountSelection: F
+        }
+      ),
+      /* @__PURE__ */ e(
+        q,
+        {
+          canResetFilters: A,
+          defaultParams: t,
+          filters: d,
+          nowTimestamp: C,
+          refreshNowTimestamp: n,
+          sinceDate: B,
+          timezone: "UTC",
+          updateFilters: h
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      k,
+      {
+        balanceAccountId: r == null ? void 0 : r.id,
+        loading: L || c || !a || !r,
+        data: N,
+        showPagination: !0,
+        limit: O,
+        limitOptions: R,
+        onContactSupport: E,
+        onLimitSelection: b,
+        error: D,
+        ...y
+      }
+    )
+  ] });
 };
 export {
   Er as ReportsOverview

package/dist/es/components/external/ReportsOverview/components/ReportsOverviewContainer/ReportsOverviewContainer.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 { ReportsOverview as s } from "../ReportsOverview/ReportsOverview.js";
 import { BASE_CLASS as u } from "./constants.js";
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-function d({
-  ...o
-}) {
-  const {
-    balanceAccounts: e,
-    isBalanceAccountIdWrong: t,
-    isFetching: n,
-    error: a
-  } = c(o.balanceAccountId);
-  return r(i, {
-    balanceAccountsError: a,
-    className: u,
-    errorMessage: "weCouldNotLoadTheReportsOverview",
-    isBalanceAccountIdWrong: t,
-    onContactSupport: o.onContactSupport,
-    children: r(s, {
-      ...o,
-      balanceAccounts: e,
-      isLoadingBalanceAccount: n
-    })
-  });
+function d({ ...o }) {
+  const { balanceAccounts: e, isBalanceAccountIdWrong: t, isFetching: n, error: a } = c(o.balanceAccountId);
+  return /* @__PURE__ */ r(
+    i,
+    {
+      balanceAccountsError: a,
+      className: u,
+      errorMessage: "weCouldNotLoadTheReportsOverview",
+      isBalanceAccountIdWrong: t,
+      onContactSupport: o.onContactSupport,
+      children: /* @__PURE__ */ r(s, { ...o, balanceAccounts: e, isLoadingBalanceAccount: n })
+    }
+  );
 }
 export {
   d as default