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

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 { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as g, 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 j } from "../ReportsTable/ReportsTable.js";
-import { BASE_CLASS as k, EARLIEST_PAYOUT_SINCE_DATE as z } from "./constants.js";
+import { ReportsTable as k } from "../ReportsTable/ReportsTable.js";
+import { BASE_CLASS as v, 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 { Header as W } 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 } = Q().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: S, onBalanceAccountSelection: F } = M(a), { defaultParams: e, nowTimestamp: C, refreshNowTimestamp: m } = x("reports", r), I = g(
+    async (n, U) => s({ signal: U, errorLevel: "error" }, {
+      query: {
+        ...n,
+        type: "payout",
+        createdSince: n[o.CREATED_SINCE] ?? e.current.defaultFilterParams[o.CREATED_SINCE],
+        createdUntil: n[o.CREATED_UNTIL] ?? e.current.defaultFilterParams[o.CREATED_UNTIL],
+        balanceAccountId: (r == null ? void 0 : r.id) ?? ""
+      }
+    }),
+    [r == null ? void 0 : r.id, e, s]
+  ), p = H(), _ = f(() => V(i) ? i : void 0, [i]), A = f(() => l ? K : void 0, [l]), { canResetFilters: P, error: D, fetching: L, filters: d, limit: O, limitOptions: R, records: h, resetFilters: X, updateFilters: N, updateLimit: b, ...y } = B({
     fetchRecords: I,
     dataField: "data",
-    filterParams: t.current.defaultFilterParams,
+    filterParams: e.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
     onFiltersChanged: _,
     preferredLimit: u,
     preferredLimitOptions: A,
     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(() => {
+    m();
+  }, [d, m]), /* @__PURE__ */ t("div", { className: v, children: [
+    /* @__PURE__ */ t(W, { hideTitle: T, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ t(Y, { ...p }) }),
+    /* @__PURE__ */ t(G, { ...p, children: [
+      /* @__PURE__ */ t(
+        J,
+        {
+          activeBalanceAccount: r,
+          balanceAccountSelectionOptions: S,
+          onBalanceAccountSelection: F
+        }
+      ),
+      /* @__PURE__ */ t(
+        q,
+        {
+          canResetFilters: P,
+          defaultParams: e,
+          filters: d,
+          nowTimestamp: C,
+          refreshNowTimestamp: m,
+          sinceDate: z,
+          timezone: "UTC",
+          updateFilters: N
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      k,
+      {
+        balanceAccountId: r == null ? void 0 : r.id,
+        loading: L || c || !a || !r,
+        data: h,
+        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

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

@@ -1,22 +1,22 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useState as B, useMemo as n, useCallback as Y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import M from "../../../../../core/Context/useCoreContext.js";
-import P from "../../../../hooks/useFreezePeriod.js";
-import x from "../../../../hooks/useTimezoneAwareDateFormatting.js";
-import I from "../../../../internal/Alert/Alert.js";
+import P from "../../../../../hooks/useFreezePeriod.js";
+import I from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import x from "../../../../internal/Alert/Alert.js";
 import { AlertTypeOption as V } from "../../../../internal/Alert/types.js";
 import q from "../../../../internal/Button/DownloadButton/DownloadButton.js";
 import { CellTextPosition as z } from "../../../../internal/DataGrid/types.js";
-import { DATE_FORMAT_REPORTS as D } from "../../../../internal/DataOverviewDisplay/constants.js";
 import G from "../../../../internal/DataOverviewError/DataOverviewError.js";
 import U from "../../../../internal/SVGIcons/Warning.js";
 import { TypographyVariant as a } from "../../../../internal/Typography/types.js";
 import i from "../../../../internal/Typography/Typography.js";
 import { getLabel as $ } from "../../../../utils/getLabel.js";
-import { useResponsiveViewport as g, mediaQueries as E } from "../../../../hooks/useResponsiveViewport.js";
+import { useResponsiveViewport as D, mediaQueries as g } from "../../../../../hooks/useResponsiveViewport.js";
 import { BASE_CLASS as j, DATE_TYPE_CLASS as H, DATE_TYPE_DATE_SECTION_CLASS as Q, DISABLED_BUTTONS_TIMEOUT as X } from "./constants.js";
 import "./ReportsTable.scss.js";
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import h from "../../../../internal/DataGrid/DataGrid.js";
+import E from "../../../../internal/DataGrid/DataGrid.js";
+import { DATE_FORMAT_REPORTS as h } from "../../../../../constants/dateFormats.js";
 import k from "../../../../internal/Pagination/Pagination.js";
 import { useAuthContext as J } from "../../../../../core/Auth/context.js";
 const K = ["createdAt", "dateAndReportType", "reportType", "reportFile"], Ee = ({
@@ -28,121 +28,90 @@ const K = ["createdAt", "dateAndReportType", "reportType", "reportFile"], Ee = (
   data: T,
   ...R
 }) => {
-  const {
-    i18n: t
-  } = M(), {
-    dateFormat: u
-  } = x("UTC"), {
-    freeze: S,
-    frozen: O
-  } = P(X), [d, m] = B(null), {
-    refreshing: f
-  } = J(), b = n(() => p || f, [p, f]), c = g(E.up.sm), A = g(E.down.xs), y = n(() => ({
-    dateAndReportType: A,
-    createdAt: c,
-    reportType: c,
-    reportFile: !0
-  }), [A, c]), C = n(() => K.map((e) => {
-    const o = t.get($(e));
-    return {
-      key: e,
-      label: o,
-      position: A && e === "reportFile" ? z.RIGHT : void 0,
-      visible: y[e]
-    };
-  }), [t, T, y]), F = Y(() => {
-    m(null);
+  const { i18n: t } = M(), { dateFormat: A } = I("UTC"), { freeze: S, frozen: b } = P(X), [u, d] = B(null), { refreshing: f } = J(), C = n(() => p || f, [p, f]), m = D(g.up.sm), c = D(g.down.xs), y = n(
+    () => ({
+      dateAndReportType: c,
+      createdAt: m,
+      reportType: m,
+      reportFile: !0
+    }),
+    [c, m]
+  ), F = n(
+    () => K.map((e) => {
+      const o = t.get($(e));
+      return {
+        key: e,
+        label: o,
+        position: c && e === "reportFile" ? z.RIGHT : void 0,
+        visible: y[e]
+      };
+    }),
+    [t, T, y]
+  ), O = Y(() => {
+    d(null);
   }, []), N = {
     title: "noReportsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, v = n(() => () => r(G, {
-    error: s,
-    errorMessage: "weCouldNotLoadYourReports",
-    onContactSupport: l
-  }), [s, l]), L = n(() => r(U, {}), []), W = n(() => (e) => {
-    const o = {};
-    switch (e == null ? void 0 : e.errorCode) {
-      case "999_429_001":
-        o.title = t.get("error.somethingWentWrongWithDownload"), o.description = t.get("reportsError.tooManyDownloads");
-        break;
-      case "00_500":
-      default:
-        o.title = t.get("error.somethingWentWrongWithDownload"), o.description = t.get("error.pleaseTryAgainLater");
-        break;
-    }
-    m(o);
-  }, [s, l]);
-  return p && m(null), r("div", {
-    className: j,
-    children: [d && r(I, {
-      isOpen: !!d,
-      onClose: F,
-      type: V.WARNING,
-      className: "adyen-pe-reports-table-alert",
-      ...d
-    }), r(h, {
-      errorDisplay: v,
-      error: s,
-      columns: C,
-      data: T,
-      loading: b,
-      outline: !1,
-      emptyTableMessage: N,
-      customCells: {
-        createdAt: ({
-          value: e
-        }) => e ? e && r(i, {
-          variant: a.BODY,
-          children: u(e, D)
-        }) : null,
-        dateAndReportType: ({
-          item: e
-        }) => r("div", {
-          className: H,
-          children: [r(i, {
-            variant: a.BODY,
-            stronger: !0,
-            children: t.get(`reportType.${e == null ? void 0 : e.type}`)
-          }), r(i, {
-            className: Q,
-            variant: a.BODY,
-            children: u(e.createdAt, D)
-          })]
-        }),
-        reportType: ({
-          item: e
-        }) => (e == null ? void 0 : e.type) && r(i, {
-          variant: a.BODY,
-          children: t.get(`reportType.${e == null ? void 0 : e.type}`)
-        }),
-        reportFile: ({
-          item: e
-        }) => {
-          const o = {
-            query: {
-              balanceAccountId: w,
-              createdAt: e.createdAt,
-              type: e.type
-            }
-          };
-          return r(q, {
-            className: "adyen-pe-reports-table--download",
-            endpointName: "downloadReport",
-            disabled: O,
-            params: o,
-            onDownloadRequested: S,
-            setError: W,
-            errorDisplay: L
-          });
-        }
-      },
-      children: _ && r(h.Footer, {
-        children: r(k, {
-          ...R
-        })
-      })
-    })]
-  });
+  }, v = n(
+    () => () => /* @__PURE__ */ r(G, { error: s, errorMessage: "weCouldNotLoadYourReports", onContactSupport: l }),
+    [s, l]
+  ), L = n(() => /* @__PURE__ */ r(U, {}), []), W = n(
+    () => (e) => {
+      const o = {};
+      switch (e == null ? void 0 : e.errorCode) {
+        case "999_429_001":
+          o.title = t.get("error.somethingWentWrongWithDownload"), o.description = t.get("reportsError.tooManyDownloads");
+          break;
+        case "00_500":
+        default:
+          o.title = t.get("error.somethingWentWrongWithDownload"), o.description = t.get("error.pleaseTryAgainLater");
+          break;
+      }
+      d(o);
+    },
+    [s, l]
+  );
+  return p && d(null), /* @__PURE__ */ r("div", { className: j, children: [
+    u && /* @__PURE__ */ r(x, { onClose: O, type: V.WARNING, className: "adyen-pe-reports-table-alert", ...u }),
+    /* @__PURE__ */ r(
+      E,
+      {
+        errorDisplay: v,
+        error: s,
+        columns: F,
+        data: T,
+        loading: C,
+        outline: !1,
+        emptyTableMessage: N,
+        customCells: {
+          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r(i, { variant: a.BODY, children: A(e, h) }) : null,
+          dateAndReportType: ({ item: e }) => /* @__PURE__ */ r("div", { className: H, children: [
+            /* @__PURE__ */ r(i, { variant: a.BODY, stronger: !0, children: t.get(`reportType.${e == null ? void 0 : e.type}`) }),
+            /* @__PURE__ */ r(i, { className: Q, variant: a.BODY, children: A(e.createdAt, h) })
+          ] }),
+          reportType: ({ item: e }) => (e == null ? void 0 : e.type) && /* @__PURE__ */ r(i, { variant: a.BODY, children: t.get(`reportType.${e == null ? void 0 : e.type}`) }),
+          reportFile: ({ item: e }) => {
+            const o = {
+              query: { balanceAccountId: w, createdAt: e.createdAt, type: e.type }
+            };
+            return /* @__PURE__ */ r(
+              q,
+              {
+                className: "adyen-pe-reports-table--download",
+                endpointName: "downloadReport",
+                disabled: b,
+                params: o,
+                onDownloadRequested: S,
+                setError: W,
+                errorDisplay: L
+              }
+            );
+          }
+        },
+        children: _ && /* @__PURE__ */ r(E.Footer, { children: /* @__PURE__ */ r(k, { ...R }) })
+      }
+    )
+  ] });
 };
 export {
   Ee as ReportsTable

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import e from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
+import a from "./TransactionDataContent.js";
+import { boolOrFalse as s } from "../../../../../utils/value/bool.js";
+const g = ({ error: n, isFetching: i, transaction: o, extraFields: r }) => s(i) || !(o || n) ? /* @__PURE__ */ t(e, { skeletonRowNumber: 5 }) : o ? /* @__PURE__ */ t(a, { transaction: o, extraFields: r }) : null;
+export {
+  g as TransactionData
+};

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

@@ -0,0 +1,4 @@
+const a = "";
+export {
+  a as default
+};