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

package/dist/es/components/external/TransactionsOverview/components/TransactionsTable/TransactionsTable.js

@@ -1,79 +1,91 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as I, useCallback as x, useMemo as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import U from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import K from "../../../../../core/Context/useCoreContext.js";
-import { getCurrencyCode as B } from "../../../../../core/Localization/amount/amount-util.js";
-import $ from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as x, useCallback as B, useMemo as $ } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import H from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import U from "../../../../../core/Context/useCoreContext.js";
+import { getCurrencyCode as E } from "../../../../../core/Localization/amount/amount-util.js";
+import K from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { Tooltip as G } from "../../../../internal/Tooltip/Tooltip.js";
-import { TypographyVariant as n, TypographyElement as a } from "../../../../internal/Typography/types.js";
-import i from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as m, TypographyElement as c } from "../../../../internal/Typography/types.js";
+import l from "../../../../internal/Typography/Typography.js";
 import { getTransactionCategory as V, getTransactionCategoryDescription as j } from "../../../../utils/translation/getters.js";
-import { useResponsiveContainer as c, containerQueries as d } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as q, DATE_AND_PAYMENT_METHOD_CLASS as z, DATE_METHOD_CLASS as Q, AMOUNT_CLASS as X } from "./constants.js";
+import { useResponsiveContainer as y, containerQueries as T } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as q, DATE_AND_PAYMENT_METHOD_CLASS as z, DATE_METHOD_CLASS as Q, AMOUNT_CLASS as N } from "./constants.js";
 /* empty css                      */
-import S from "./PaymentMethodCell.js";
-import { useTableColumns as Z } from "../../../../../hooks/useTableColumns.js";
-import g from "../../../../internal/DataGrid/DataGrid.js";
+import M from "./PaymentMethodCell.js";
+import { useTableColumns as X } from "../../../../../hooks/useTableColumns.js";
+import { Tag as Z } from "../../../../internal/Tag/Tag.js";
+import w from "../../../../internal/DataGrid/DataGrid.js";
 import J from "../../../../internal/Pagination/Pagination.js";
 import { DATE_FORMAT_TRANSACTIONS_MOBILE as W, DATE_FORMAT_TRANSACTIONS as tt } from "../../../../../constants/dateFormats.js";
-const et = ["createdAt", "paymentMethod", "transactionType", "amount"], M = {
-  amount: "transactions.overview.list.fields.amount",
+const ot = ["createdAt", "paymentMethod", "transactionType", "currency", "netAmount", "grossAmount"], Dt = {
+  amount: "netAmount"
+}, v = {
   createdAt: "transactions.overview.list.fields.createdAt",
-  // currency: 'transactions.overview.list.fields.currency',
+  currency: "transactions.overview.list.fields.currency",
+  grossAmount: "transactions.overview.list.fields.grossAmount",
+  netAmount: "transactions.overview.list.fields.netAmount",
   paymentMethod: "transactions.overview.list.fields.paymentMethod",
   // status: 'transactions.overview.list.fields.status',
   transactionType: "transactions.overview.list.fields.transactionType"
-}, gt = ({
-  activeBalanceAccount: s,
-  availableCurrencies: m,
-  error: l,
-  hasMultipleCurrencies: p,
-  loading: C,
-  onContactSupport: A,
-  onRowClick: D,
-  showDetails: ot,
-  showPagination: E,
-  transactions: b,
-  customColumns: w,
-  ...N
+}, Et = ({
+  activeBalanceAccount: d,
+  availableCurrencies: n,
+  error: A,
+  hasMultipleCurrencies: a,
+  loading: _,
+  onContactSupport: f,
+  onRowClick: C,
+  showDetails: et,
+  showPagination: b,
+  transactions: O,
+  customColumns: R,
+  ...L
 }) => {
-  const { i18n: r } = K(), { dateFormat: T } = $(s == null ? void 0 : s.timeZone), [_, y] = I(), u = c(d.up.sm), O = c(d.up.md), L = c(d.down.xs), R = r.get(M.amount), F = Z({
-    customColumns: w,
-    fields: et,
-    fieldsKeys: M,
+  const { i18n: r } = U(), { dateFormat: g } = K(d == null ? void 0 : d.timeZone), [F, S] = x(), p = y(T.up.sm), u = y(T.up.md), h = y(T.down.xs), P = X({
+    customColumns: R,
+    fields: ot,
+    fieldsKeys: v,
     columnConfig: {
-      amount: {
-        label: p ? void 0 : `${R} ${m && m[0] ? `(${B(m[0])})` : ""}`,
+      netAmount: {
+        label: a ? void 0 : `${r.get(v.netAmount)} ${n && n[0] ? `(${E(n[0])})` : ""}`,
         position: "right",
-        flex: u ? 1.5 : void 0
+        flex: p ? 1.5 : void 0
       },
-      transactionType: { visible: O },
-      paymentMethod: { visible: u }
+      grossAmount: {
+        label: a ? void 0 : `${r.get(v.grossAmount)} ${n && n[0] ? `(${E(n[0])})` : ""}`,
+        position: "right",
+        flex: p ? 1.5 : void 0,
+        visible: u
+      },
+      currency: { visible: u && a },
+      transactionType: { visible: u },
+      paymentMethod: { visible: p }
     }
-  }), P = {
+  }), I = {
     title: "transactions.overview.errors.listEmpty",
     message: ["common.errors.updateFilters"]
-  }, k = x(
-    (e) => {
-      y(e ?? void 0);
+  }, Y = B(
+    (t) => {
+      S(t ?? void 0);
     },
-    [y]
-  ), Y = H(
-    () => () => /* @__PURE__ */ t(U, { error: l, onContactSupport: A, errorMessage: "transactions.overview.errors.listUnavailable" }),
-    [l, A]
+    [S]
+  ), k = $(
+    () => () => /* @__PURE__ */ o(H, { error: A, onContactSupport: f, errorMessage: "transactions.overview.errors.listUnavailable" }),
+    [A, f]
   );
-  return /* @__PURE__ */ t("div", { className: q, children: /* @__PURE__ */ t(
-    g,
+  return /* @__PURE__ */ o("div", { className: q, children: /* @__PURE__ */ o(
+    w,
     {
-      errorDisplay: Y,
-      error: l,
-      columns: F,
-      data: b,
-      loading: C,
+      autoFitColumns: h,
+      errorDisplay: k,
+      error: A,
+      columns: P,
+      data: O,
+      loading: _,
       outline: !1,
-      onRowClick: { callback: D },
-      onRowHover: k,
-      emptyTableMessage: P,
+      onRowClick: { callback: C },
+      onRowHover: Y,
+      emptyTableMessage: I,
       customCells: {
         // Remove status column temporarily
         // status: ({ item }) => {
@@ -84,28 +96,33 @@ const et = ["createdAt", "paymentMethod", "transactionType", "amount"], M = {
         //         />
         //     );
         // },
-        transactionType: ({ item: e, rowIndex: o }) => {
-          const f = V(r, e.category);
-          if (f) {
-            const h = j(r, e.category), v = () => /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: f });
-            return h ? /* @__PURE__ */ t(G, { content: h, isUnderlineVisible: o === _, children: /* @__PURE__ */ t("span", { children: v() }) }) : v();
+        transactionType: ({ item: t, rowIndex: e }) => {
+          const i = V(r, t.category);
+          if (i) {
+            const s = j(r, t.category), D = () => /* @__PURE__ */ o(l, { el: c.SPAN, variant: m.BODY, children: i });
+            return s ? /* @__PURE__ */ o(G, { content: s, isUnderlineVisible: e === F, children: /* @__PURE__ */ o("span", { children: D() }) }) : D();
           }
           return null;
         },
-        amount: ({ value: e }) => {
-          const o = r.amount(e.value, e.currency, { hideCurrency: !p });
-          return /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, className: X, children: o });
+        currency: ({ item: t }) => /* @__PURE__ */ o(Z, { children: t.amountBeforeDeductions.currency }),
+        netAmount: ({ value: t }) => {
+          const { value: e, currency: i } = t, s = r.amount(e, i, { hideCurrency: !a });
+          return /* @__PURE__ */ o(l, { el: c.SPAN, variant: m.BODY, className: N, children: s });
+        },
+        grossAmount: ({ item: t }) => {
+          const { value: e, currency: i } = t.amountBeforeDeductions, s = r.amount(e, i, { hideCurrency: !a });
+          return /* @__PURE__ */ o(l, { el: c.SPAN, variant: m.BODY, className: N, children: s });
         },
-        createdAt: ({ item: e, value: o }) => L ? /* @__PURE__ */ t("div", { className: z, children: [
-          /* @__PURE__ */ t(S, { paymentMethod: e.paymentMethod, bankAccount: e.bankAccount }),
-          /* @__PURE__ */ t("time", { dateTime: e.createdAt, className: Q, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(e.createdAt, W) }) })
-        ] }) : /* @__PURE__ */ t("time", { dateTime: o, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(o, tt) }) }),
-        paymentMethod: ({ item: e }) => /* @__PURE__ */ t(S, { paymentMethod: e.paymentMethod, bankAccount: e.bankAccount })
+        createdAt: ({ item: t, value: e }) => h ? /* @__PURE__ */ o("div", { className: z, children: [
+          /* @__PURE__ */ o(M, { paymentMethod: t.paymentMethod, bankAccount: t.bankAccount }),
+          /* @__PURE__ */ o("time", { dateTime: t.createdAt, className: Q, children: /* @__PURE__ */ o(l, { el: c.SPAN, variant: m.BODY, children: g(t.createdAt, W) }) })
+        ] }) : /* @__PURE__ */ o("time", { dateTime: e, children: /* @__PURE__ */ o(l, { el: c.SPAN, variant: m.BODY, children: g(e, tt) }) }),
+        paymentMethod: ({ item: t }) => /* @__PURE__ */ o(M, { paymentMethod: t.paymentMethod, bankAccount: t.bankAccount })
       },
-      children: E && /* @__PURE__ */ t(g.Footer, { children: /* @__PURE__ */ t(
+      children: b && /* @__PURE__ */ o(w.Footer, { children: /* @__PURE__ */ o(
         J,
         {
-          ...N,
+          ...L,
           ariaLabelKey: "transactions.overview.pagination.label",
           limitSelectAriaLabelKey: "transactions.overview.pagination.controls.limitSelect.label"
         }
@@ -114,6 +131,7 @@ const et = ["createdAt", "paymentMethod", "transactionType", "amount"], M = {
   ) });
 };
 export {
-  et as TRANSACTION_FIELDS,
-  gt as TransactionsTable
+  ot as TRANSACTION_FIELDS,
+  Dt as TRANSACTION_FIELDS_REMAPS,
+  Et as TransactionsTable
 };

package/dist/es/components/external/TransactionsOverview/components/utils.js

@@ -1,11 +1,47 @@
-const i = Object.freeze({
+import { INITIAL_FILTERS as s } from "../constants.js";
+import { EMPTY_OBJECT as o } from "../../../../utils/value/constants.js";
+const i = Object.keys(s), u = Object.freeze({
   klarna: "Klarna",
   paypal: "PayPal",
   klarna_paynow: "Klarna Pay Now"
+}), p = (e, a) => {
+  const { lastFourDigits: t, description: n, type: r } = e ?? o;
+  return t ? a === "detail" ? `•••• •••• •••• ${t}` : t : n || u[r] || r;
+}, l = (e) => {
+  var a;
+  return {
+    balanceAccountId: (a = e.balanceAccount) == null ? void 0 : a.id,
+    // using null assertion to ensure correct type inference
+    categories: e.categories,
+    createdSince: new Date(e.createdDate.from).toISOString(),
+    createdUntil: new Date(e.createdDate.to).toISOString(),
+    currencies: e.currencies,
+    paymentPspReference: e.paymentPspReference,
+    statuses: e.statuses
+  };
+}, S = (e) => {
+  const { balanceAccountId: a, categories: t, currencies: n, statuses: r, ...c } = l(e);
+  return {
+    ...c,
+    balanceAccountId: a || void 0,
+    categories: String(t) || void 0,
+    currencies: String(n) || void 0,
+    statuses: String(r) || void 0
+  };
+}, m = (e, a) => i.some((t) => {
+  const n = e[t], r = a[t];
+  switch (t) {
+    case "categories":
+    case "currencies":
+    case "statuses":
+      return String(n) !== String(r);
+    default:
+      return n !== r;
+  }
 });
-function l(a, r) {
-  return a.lastFourDigits ? r === "detail" ? "•••• •••• •••• " + a.lastFourDigits : a.lastFourDigits : a.description || i[a.type] || a.type;
-}
 export {
-  l as parsePaymentMethodType
+  m as compareTransactionsFilters,
+  S as getTransactionsFilterParams,
+  l as getTransactionsFilterQueryParams,
+  p as parsePaymentMethodType
 };

package/dist/es/components/external/TransactionsOverview/constants.js

@@ -0,0 +1,81 @@
+import { TransactionsView as e } from "./types.js";
+import n from "../../internal/Calendar/calendar/timerange/presets/yearToDate.js";
+import a from "../../internal/Calendar/calendar/timerange/presets/lastMonth.js";
+import r from "../../internal/Calendar/calendar/timerange/presets/thisMonth.js";
+import c from "../../internal/Calendar/calendar/timerange/presets/lastWeek.js";
+import A from "../../internal/Calendar/calendar/timerange/presets/thisWeek.js";
+import o from "../../internal/Calendar/calendar/timerange/presets/lastNDays.js";
+const s = "adyen-pe-transactions", t = s + "-overview", i = s + "-details", y = {
+  root: t,
+  rootSmall: t + "--xs",
+  summary: t + "__summary",
+  summaryItem: t + "__summary-item",
+  toolbar: t + "__toolbar",
+  details: i,
+  filterBarSmall: t + "__filter-bar-small",
+  totalsError: t + "__totals-error"
+}, T = Object.freeze({
+  "common.filters.types.date.rangeSelect.options.last7Days": o(7),
+  "common.filters.types.date.rangeSelect.options.last30Days": o(30),
+  "common.filters.types.date.rangeSelect.options.thisWeek": A(),
+  "common.filters.types.date.rangeSelect.options.lastWeek": c(),
+  "common.filters.types.date.rangeSelect.options.thisMonth": r(),
+  "common.filters.types.date.rangeSelect.options.lastMonth": a(),
+  "common.filters.types.date.rangeSelect.options.yearToDate": n()
+}), E = "common.filters.types.date.rangeSelect.options.custom", m = "common.filters.types.date.rangeSelect.options.last30Days", S = T[m], d = 2, O = [
+  "ATM",
+  "Capital",
+  "Chargeback",
+  "Correction",
+  "Payment",
+  "Refund",
+  "Transfer",
+  "Other"
+], f = [
+  { id: e.TRANSACTIONS, label: "transactions.overview.views.transactions", content: null },
+  { id: e.INSIGHTS, label: "transactions.overview.views.insights", content: null }
+], u = {
+  balanceAccount: void 0,
+  categories: [],
+  createdDate: S,
+  currencies: [],
+  paymentPspReference: void 0,
+  statuses: ["Booked"]
+}, D = [
+  "id",
+  "balanceAccountId",
+  "createdAt",
+  "status",
+  "paymentMethod",
+  "category",
+  "paymentPspReference",
+  "currency",
+  "netAmount",
+  "amountBeforeDeductions"
+], L = [
+  "createdAt",
+  "paymentMethod",
+  "category",
+  "currency",
+  "netAmount",
+  "amountBeforeDeductions"
+], g = "Transaction component", h = "Transaction details", M = "Transactions insights", G = "Transactions list";
+export {
+  t as BASE_CLASS,
+  L as DEFAULT_EXPORT_COLUMNS,
+  i as DETAILS_CLASS,
+  D as EXPORT_COLUMNS,
+  u as INITIAL_FILTERS,
+  f as TRANSACTIONS_VIEW_TABS,
+  g as TRANSACTION_ANALYTICS_CATEGORY,
+  h as TRANSACTION_ANALYTICS_SUBCATEGORY_DETAILS,
+  M as TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS,
+  G as TRANSACTION_ANALYTICS_SUBCATEGORY_LIST,
+  O as TRANSACTION_CATEGORIES,
+  T as TRANSACTION_DATE_RANGES,
+  E as TRANSACTION_DATE_RANGE_CUSTOM,
+  m as TRANSACTION_DATE_RANGE_DEFAULT,
+  S as TRANSACTION_DATE_RANGE_DEFAULT_TIMESTAMPS,
+  d as TRANSACTION_DATE_RANGE_MAX_YEARS,
+  y as classes
+};

package/dist/es/components/external/TransactionsOverview/hooks/useCurrencySelection.js

@@ -0,0 +1,33 @@
+import F from "../../../../hooks/useAnalytics/useFilterAnalyticsEvent.js";
+import { useMemo as O, useCallback as R, useState as M, useRef as x, useEffect as j } from "../../../../external/preact/hooks/dist/hooks.module.js";
+const w = ({
+  availableCurrencies: t,
+  eventCategory: k,
+  eventSubCategory: p,
+  eventLabel: q,
+  onUpdateSelection: m,
+  selectedCurrency: f
+}) => {
+  const { logEvent: n } = F({ category: k, subCategory: p, label: q }), z = O(
+    () => Object.freeze((t == null ? void 0 : t.map((c) => ({ id: c, name: c }))) ?? []),
+    [t]
+  ), d = R(
+    (c) => c ? (t == null ? void 0 : t.findIndex((s) => s === c)) ?? -1 : -1,
+    [t]
+  ), E = R(
+    ({ target: c }) => {
+      const s = d(c == null ? void 0 : c.value);
+      s >= 0 && I(s);
+    },
+    [d]
+  ), [A, I] = M(() => d(f)), o = O(() => t == null ? void 0 : t[A], [t, A]), y = x(), h = x(t), u = x(f);
+  return j(() => {
+    (h.current !== t || u.current !== f) && (h.current = t, u.current = f, y.current = void 0, I(d(f)));
+  }, [d, f]), j(() => {
+    const c = y.current;
+    c !== o && (y.current = o, c && o && (n == null || n("update", o)), m == null || m(o));
+  }, [o, n, m]), { activeCurrency: o, currencySelectionOptions: z, onCurrencySelection: E };
+};
+export {
+  w as default
+};

package/dist/es/components/external/TransactionsOverview/hooks/useTransactionsList.js

@@ -0,0 +1,71 @@
+import { DEFAULT_PAGE_LIMIT as q, LIMIT_OPTIONS as x } from "../../../internal/Pagination/constants.js";
+import { TRANSACTION_FIELDS_REMAPS as k, TRANSACTION_FIELDS as G } from "../components/TransactionsTable/TransactionsTable.js";
+import { getTransactionsFilterParams as Q, getTransactionsFilterQueryParams as U } from "../components/utils.js";
+import { useCustomColumnsData as j } from "../../../../hooks/useCustomColumnsData.js";
+import { useMemo as m, useRef as F, useCallback as T, useEffect as w } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { normalizeCustomFields as B } from "../../../utils/customData/normalizeCustomFields.js";
+import { hasCustomField as H } from "../../../utils/customData/hasCustomField.js";
+import { mergeRecords as J } from "../../../utils/customData/mergeRecords.js";
+import K from "../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useConfigContext as V } from "../../../../core/ConfigContext/context.js";
+import { isFunction as g } from "../../../../utils/value/is.js";
+const cr = ({
+  allowLimitSelection: P = !0,
+  preferredLimit: R = q,
+  dataCustomization: t,
+  fetchEnabled: C,
+  filters: e,
+  onFiltersChanged: l
+}) => {
+  const { getTransactions: o } = V().endpoints, r = m(() => Q(e), [e]), u = F(r).current, d = F(u), A = g(o) && C, I = T(
+    async (n, a) => {
+      const c = {
+        ...n,
+        ...U(e),
+        sortDirection: "desc"
+      };
+      return o({ signal: a }, { query: c });
+    },
+    [e, o]
+  ), {
+    canResetFilters: W,
+    error: h,
+    fetching: D,
+    filters: X,
+    limit: L,
+    limitOptions: S,
+    records: _,
+    resetFilters: Y,
+    updateFilters: s,
+    updateLimit: E,
+    ...O
+  } = K({
+    dataField: "data",
+    fetchRecords: I,
+    enabled: A,
+    filterParams: u,
+    initialFiltersSameAsDefault: !0,
+    onFiltersChanged: g(l) ? l : void 0,
+    preferredLimitOptions: P ? x : void 0,
+    preferredLimit: R
+  }), N = T(
+    ({ records: n, retrievedData: a }) => J(n, a, (c, b) => c.id === b.id),
+    []
+  ), { fields: f, onDataRetrieve: y } = (t == null ? void 0 : t.list) ?? {}, i = m(() => B(f, k), [f]), p = m(() => H(i, G), [i]), { customRecords: M, loadingCustomRecords: v } = j({ hasCustomColumn: p, mergeCustomData: N, onDataRetrieve: y, records: _ });
+  return w(() => {
+    d.current !== r && (d.current = r, s == null || s(r));
+  }, [r, s]), {
+    ...O,
+    error: h,
+    fields: i,
+    fetching: D || v,
+    records: M,
+    hasCustomColumn: p,
+    limit: L,
+    limitOptions: S,
+    updateLimit: E
+  };
+};
+export {
+  cr as default
+};

package/dist/es/components/external/TransactionsOverview/hooks/useTransactionsTotals.js

@@ -0,0 +1,44 @@
+import { useFetch as h } from "../../../../hooks/useFetch.js";
+import { useRef as F, useCallback as k, useMemo as q } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getTransactionsFilterQueryParams as x } from "../components/utils.js";
+import { createAbortable as L } from "../../../../primitives/async/abortable/main.js";
+import { useConfigContext as O } from "../../../../core/ConfigContext/context.js";
+import { isFunction as R } from "../../../../utils/value/is.js";
+import { EMPTY_ARRAY as w } from "../../../../utils/value/constants.js";
+const C = {
+  expenses: 0,
+  incomings: 0,
+  total: 0,
+  breakdown: {
+    expenses: [],
+    incomings: []
+  }
+}, G = ({ currencies: l, fetchEnabled: m, filters: u, loadingBalances: f }) => {
+  const { getTransactionTotals: s } = O().endpoints, p = F(L()).current, n = R(s), e = n && m, T = k(async () => {
+    if (e) {
+      const { signal: r } = p.refresh(!0);
+      try {
+        const { balanceAccountId: o, createdSince: i, createdUntil: t } = x(u), a = await s({ signal: r }, { query: { balanceAccountId: o, createdSince: i, createdUntil: t } });
+        if (!r.aborted) return a == null ? void 0 : a.data;
+      } catch (o) {
+        if (!r.aborted) throw o;
+      }
+    }
+  }, [p, e, u, s]), { data: c, error: d, isFetching: b } = h({
+    fetchOptions: { enabled: e },
+    queryFn: T
+  }), { totals: y, totalsLookup: A } = q(() => {
+    const r = Array.isArray(c) ? c : w, o = l.map((t) => r.find(({ currency: a }) => a === t) ?? { ...C, currency: t }), i = Object.fromEntries(o.map((t) => [t.currency, t]));
+    return { totals: o, totalsLookup: i };
+  }, [c, l]);
+  return {
+    totals: y,
+    totalsLookup: A,
+    error: d,
+    isAvailable: n,
+    isWaiting: b || f || n && !m
+  };
+};
+export {
+  G as default
+};

package/dist/es/components/external/TransactionsOverview/types.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.TRANSACTIONS = "transactions", r.INSIGHTS = "insights", r))(t || {});
+export {
+  t as TransactionsView
+};

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

@@ -9,7 +9,7 @@ import h from "../../../core/Context/CoreProvider.js";
 import u from "../BaseElement.js";
 /* empty css               */
 import { ConfigProvider as f } from "../../../core/ConfigContext/context.js";
-class I extends u {
+class A extends u {
   constructor(t) {
     super(t);
     s(this, "componentRef", null);
@@ -58,11 +58,11 @@ class I extends u {
     this.state = { ...this.state, ...t };
   }
   setStatus(t, r) {
-    var i, a;
-    return (i = this.componentRef) != null && i.setStatus ? this.componentRef.setStatus(t, r) : (a = this.setUIElementStatus) == null || a.call(this, t), this;
+    var a, i;
+    return (a = this.componentRef) != null && a.setStatus ? this.componentRef.setStatus(t, r) : (i = this.setUIElementStatus) == null || i.call(this, t), this;
   }
   render() {
-    const t = this.props.core, r = this.props.onError || t.onError || null, i = t.update.bind(t);
+    const t = this.props.core, r = this.props.onError || t.onError || null, a = t.update.bind(t);
     return t.session.errorHandler = r, /* @__PURE__ */ o(f, { type: this.type, session: t.session, children: /* @__PURE__ */ o(
       h,
       {
@@ -70,15 +70,17 @@ class I extends u {
         i18n: t.localization.i18n,
         getCdnConfig: t.getCdnConfig,
         getImageAsset: t.getImageAsset,
+        getDatasetAsset: t.getDatasetAsset,
+        getCdnDataset: t.getCdnDataset,
         loadingContext: t.loadingContext,
         externalErrorHandler: r,
-        updateCore: i,
+        updateCore: a,
         children: /* @__PURE__ */ o(d, { componentName: this.displayName, analyticsEnabled: (t == null ? void 0 : t.analyticsEnabled) ?? !0, children: this.componentToRender && /* @__PURE__ */ o("section", { ref: this.compRef, className: c("adyen-pe-component", this.customClassNames), children: /* @__PURE__ */ o("div", { className: "adyen-pe-component__container", children: this.componentToRender() }) }) })
       }
     ) }, performance.now());
   }
 }
 export {
-  I as UIElement,
-  I as default
+  A as UIElement,
+  A as default
 };

package/dist/es/components/internal/Alert/Alert.js

@@ -1,45 +1,58 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import y from "classnames";
-import { ButtonVariant as u } from "../Button/types.js";
-import f from "../../../core/Context/useCoreContext.js";
-import { TypographyVariant as a, TypographyElement as m } from "../Typography/types.js";
-import s from "../Typography/Typography.js";
-import { AlertIcon as T } from "./AlertIcon.js";
+import I from "classnames";
+import { ButtonVariant as p } from "../Button/types.js";
+import N from "../../../core/Context/useCoreContext.js";
+import { TypographyVariant as l, TypographyElement as s } from "../Typography/types.js";
+import c from "../Typography/Typography.js";
+import { AlertIcon as A } from "./AlertIcon.js";
 import { AlertVariantOption as t } from "./types.js";
 /* empty css           */
-import _ from "../Button/Button.js";
-import { Icon as h } from "../Icon/Icon.js";
-const v = ({ className: p, description: o, title: n, type: i, children: c, onClose: l, variant: r = t.DEFAULT }) => {
-  const { i18n: d } = f();
-  return /* @__PURE__ */ e("div", { className: y("adyen-pe-alert", `adyen-pe-alert--${i}`, `adyen-pe-alert--${r}`, p), role: "alert", children: [
-    /* @__PURE__ */ e(T, { type: i, className: "adyen-pe-alert__icon" }),
-    /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content", children: [
-      n && r !== t.TIP && /* @__PURE__ */ e(s, { className: "adyen-pe-alert__title", el: m.DIV, variant: a.BODY, wide: !0, strongest: !0, children: n }),
-      o && /* @__PURE__ */ e(
-        s,
-        {
-          className: "adyen-pe-alert__description",
-          el: m.DIV,
-          variant: r !== t.TIP ? a.CAPTION : a.BODY,
-          wide: !0,
-          children: o
-        }
-      ),
-      c
+import y from "../Button/Button.js";
+import { Icon as g } from "../Icon/Icon.js";
+const Y = ({
+  className: _,
+  description: n,
+  closeButton: h,
+  title: o,
+  type: i,
+  children: u,
+  onClose: m,
+  actions: r,
+  variant: a = t.DEFAULT
+}) => {
+  const { i18n: T } = N();
+  return /* @__PURE__ */ e("div", { className: I("adyen-pe-alert", `adyen-pe-alert--${i}`, `adyen-pe-alert--${a}`, _), role: "alert", children: [
+    /* @__PURE__ */ e(A, { type: i, className: "adyen-pe-alert__icon" }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content-container", children: [
+      /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content", children: [
+        o && a !== t.TIP && /* @__PURE__ */ e(c, { className: "adyen-pe-alert__title", el: s.DIV, variant: l.BODY, wide: !0, strongest: !0, children: o }),
+        n && /* @__PURE__ */ e(
+          c,
+          {
+            className: "adyen-pe-alert__description",
+            el: s.DIV,
+            variant: a === t.TIP ? l.CAPTION : l.BODY,
+            wide: !0,
+            children: n
+          }
+        ),
+        u
+      ] }),
+      (r == null ? void 0 : r.length) && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__actions", children: r == null ? void 0 : r.map((d, f) => /* @__PURE__ */ e(y, { onClick: d.onClick, variant: p.TERTIARY, children: d.label }, f)) })
     ] }),
-    l && r !== t.TIP && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(
-      _,
+    m && (a !== t.TIP || h) && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(
+      y,
       {
         iconButton: !0,
-        variant: u.TERTIARY,
-        onClick: l,
-        "aria-label": d.get("common.actions.dismiss.labels.dismiss"),
-        children: /* @__PURE__ */ e(h, { name: "cross" })
+        variant: p.TERTIARY,
+        onClick: m,
+        "aria-label": T.get("common.actions.dismiss.labels.dismiss"),
+        children: /* @__PURE__ */ e(g, { name: "cross" })
       }
     ) })
   ] });
 };
 export {
-  v as Alert,
-  v as default
+  Y as Alert,
+  Y as default
 };