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

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

@@ -1,28 +1,29 @@
-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 = {
+import { TransactionsView as o } from "./types.js";
+import A from "../../internal/Calendar/calendar/timerange/presets/yearToDate.js";
+import T from "../../internal/Calendar/calendar/timerange/presets/lastMonth.js";
+import a from "../../internal/Calendar/calendar/timerange/presets/thisMonth.js";
+import r from "../../internal/Calendar/calendar/timerange/presets/lastWeek.js";
+import c from "../../internal/Calendar/calendar/timerange/presets/thisWeek.js";
+import e from "../../internal/Calendar/calendar/timerange/presets/lastNDays.js";
+const s = "adyen-pe-transactions", t = s + "-overview", _ = s + "-details", G = {
   root: t,
   rootSmall: t + "--xs",
   summary: t + "__summary",
   summaryItem: t + "__summary-item",
   toolbar: t + "__toolbar",
-  details: i,
+  details: _,
   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 = [
+}, g = "common.filters.types.date.rangeSelect.options.custom", S = "common.filters.types.date.rangeSelect.options.last7Days", i = "common.filters.types.date.rangeSelect.options.last30Days", n = "common.filters.types.date.rangeSelect.options.last180Days", N = "common.filters.types.date.rangeSelect.options.thisWeek", m = "common.filters.types.date.rangeSelect.options.lastWeek", l = "common.filters.types.date.rangeSelect.options.thisMonth", E = "common.filters.types.date.rangeSelect.options.lastMonth", R = "common.filters.types.date.rangeSelect.options.yearToDate", I = n, C = Object.freeze({
+  [S]: e(7),
+  [i]: e(30),
+  [n]: e(180),
+  [N]: c(),
+  [m]: r(),
+  [l]: a(),
+  [E]: T(),
+  [R]: A()
+}), O = C[I], M = 2, h = [
   "ATM",
   "Capital",
   "Chargeback",
@@ -31,17 +32,17 @@ const s = "adyen-pe-transactions", t = s + "-overview", i = s + "-details", y =
   "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 = {
+], Y = [
+  { id: o.TRANSACTIONS, label: "transactions.overview.views.transactions", content: null },
+  { id: o.INSIGHTS, label: "transactions.overview.views.insights", content: null }
+], v = {
   balanceAccount: void 0,
   categories: [],
-  createdDate: S,
+  createdDate: O,
   currencies: [],
   paymentPspReference: void 0,
   statuses: ["Booked"]
-}, D = [
+}, b = [
   "id",
   "balanceAccountId",
   "createdAt",
@@ -52,30 +53,38 @@ const s = "adyen-pe-transactions", t = s + "-overview", i = s + "-details", y =
   "currency",
   "netAmount",
   "amountBeforeDeductions"
-], L = [
+], B = [
   "createdAt",
   "paymentMethod",
   "category",
   "currency",
   "netAmount",
   "amountBeforeDeductions"
-], g = "Transaction component", h = "Transaction details", M = "Transactions insights", G = "Transactions list";
+], U = "Transaction component", W = "Transaction details", k = "Transactions insights", w = "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
+  B as DEFAULT_EXPORT_COLUMNS,
+  _ as DETAILS_CLASS,
+  b as EXPORT_COLUMNS,
+  v as INITIAL_FILTERS,
+  Y as TRANSACTIONS_VIEW_TABS,
+  U as TRANSACTION_ANALYTICS_CATEGORY,
+  W as TRANSACTION_ANALYTICS_SUBCATEGORY_DETAILS,
+  k as TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS,
+  w as TRANSACTION_ANALYTICS_SUBCATEGORY_LIST,
+  h as TRANSACTION_CATEGORIES,
+  C as TRANSACTION_DATE_RANGES,
+  g as TRANSACTION_DATE_RANGE_CUSTOM,
+  I as TRANSACTION_DATE_RANGE_DEFAULT,
+  O as TRANSACTION_DATE_RANGE_DEFAULT_TIMESTAMPS,
+  n as TRANSACTION_DATE_RANGE_LAST_180_DAYS,
+  i as TRANSACTION_DATE_RANGE_LAST_30_DAYS,
+  S as TRANSACTION_DATE_RANGE_LAST_7_DAYS,
+  E as TRANSACTION_DATE_RANGE_LAST_MONTH,
+  m as TRANSACTION_DATE_RANGE_LAST_WEEK,
+  M as TRANSACTION_DATE_RANGE_MAX_YEARS,
+  l as TRANSACTION_DATE_RANGE_THIS_MONTH,
+  N as TRANSACTION_DATE_RANGE_THIS_WEEK,
+  R as TRANSACTION_DATE_RANGE_YEAR_TO_DATE,
+  G as classes
 };

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

@@ -0,0 +1,50 @@
+import { useMemo as p } from "../../../../external/preact/hooks/dist/hooks.module.js";
+const u = (e, r) => {
+  let o = r?.get(e);
+  return o === void 0 && (o = {
+    balances: { currency: e, reservedValue: 0, value: 0 },
+    totals: {
+      currency: e,
+      expenses: 0,
+      incomings: 0,
+      total: 0,
+      breakdown: {
+        expenses: [],
+        incomings: []
+      }
+    }
+  }, r?.set(e, o)), o;
+}, k = ({ defaultCurrency: e, balances: r, totals: o }) => {
+  const c = p(() => {
+    const t = new Map(
+      e ? [[e, u(e)]] : []
+    );
+    for (const s of r) {
+      const n = u(s.currency, t);
+      n.balances = s;
+    }
+    for (const s of o) {
+      const n = u(s.currency, t);
+      n.totals = s;
+    }
+    const a = [...t.entries()].sort(
+      ([s], [n]) => s.localeCompare(n)
+    );
+    return Object.freeze(Object.fromEntries(a));
+  }, [e, r, o]), i = p(() => Object.freeze(Object.keys(c)), [c]), b = p(
+    () => Object.freeze(
+      [...i].sort((t, a) => {
+        if (e) {
+          if (t === e) return -1;
+          if (a === e) return 1;
+        }
+        return 0;
+      })
+    ),
+    [i]
+  );
+  return { currenciesDictionary: c, defaultCurrency: e, defaultCurrencySortedCurrencies: b, sortedCurrencies: i };
+};
+export {
+  k as default
+};

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

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

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

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

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

@@ -1,44 +1,42 @@
-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);
+import { useFetch as E } from "../../../../hooks/useFetch.js";
+import { useState as R, useRef as s, useCallback as w, useMemo as G, useEffect as l } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getTransactionsFilterQueryParams as I, compareTransactionsFilters as M } from "../components/utils.js";
+import { createAbortable as O } from "../../../../primitives/async/abortable/main.js";
+import { useConfigContext as P } from "../../../../core/ConfigContext/context.js";
+import { isFunction as S } from "../../../../utils/value/is.js";
+const L = ({ applicableFilters: p, fetchEnabled: q, filters: t, getQueryParams: T, now: d }) => {
+  const [F, b] = R(!1), [a, g] = R(performance.now()), y = s(), A = s(O()).current, o = s(t), { getTransactionTotals: c } = P().endpoints, i = S(c), f = i && q, u = f && y.current !== a, x = w(async () => {
+    if (u) {
+      const { signal: r } = A.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;
+        const h = T(I(t, d)), v = await c({ signal: r }, { query: h });
+        if (!r.aborted) return v?.data;
+      } catch (h) {
+        if (!r.aborted) throw h;
       }
     }
-  }, [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
+  }, [A, t, T, c, d, u]), { data: n, error: D, isFetching: e } = E({
+    fetchOptions: { enabled: u },
+    queryFn: x
+  }), C = s(e), m = !e && f, j = G(() => Array.isArray(n) ? n : [], [n]), k = w(() => {
+    m && b(!0);
+  }, [m, e]);
+  return l(() => {
+    if (o.current === t) return;
+    M(t, o.current, p) && (g(performance.now()), o.current = t);
+  }, [t, p]), l(() => {
+    F && (b(!1), g(performance.now()));
+  }, [F]), l(() => {
+    C.current && !e && (y.current = a), C.current = e;
+  }, [e, a]), {
+    totals: j,
+    error: D,
+    canRefresh: m,
+    refresh: k,
+    isAvailable: i,
+    isWaiting: e || i && !f && !n
   };
 };
 export {
-  G as default
+  L as default
 };

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

@@ -0,0 +1,18 @@
+import { useMemo as a, useState as w, useCallback as V, useEffect as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { TRANSACTIONS_VIEW_TABS as c } from "../constants.js";
+import { TransactionsView as u } from "../types.js";
+const C = ({ view: o } = {}) => {
+  const e = a(() => c.find(({ id: i }) => i === o), [o]), s = a(() => e?.id ?? u.TRANSACTIONS, [e]), t = a(() => e ? [e] : c, [e]), [f, r] = w(s), T = V(
+    ({ id: i }) => {
+      const n = t.find((d) => d.id === i)?.id;
+      n && r(n);
+    },
+    [t]
+  );
+  return m(() => {
+    r(s);
+  }, [s]), { activeView: f, onViewChange: T, viewTabs: t };
+};
+export {
+  C as default
+};

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

@@ -1,25 +1,20 @@
-var m = Object.defineProperty;
-var p = (n, e, t) => e in n ? m(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var s = (n, e, t) => p(n, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "classnames";
-import { createRef as l } from "../../../external/preact/dist/preact.module.js";
-import { AnalyticsProvider as d } from "../../../core/Context/analytics/AnalyticsProvider.js";
-import h from "../../../core/Context/CoreProvider.js";
-import u from "../BaseElement.js";
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import o from "classnames";
+import { createRef as r } from "../../../external/preact/dist/preact.module.js";
+import { AnalyticsProvider as a } from "../../../core/Context/analytics/AnalyticsProvider.js";
+import i from "../../../core/Context/CoreProvider.js";
+import m from "../BaseElement.js";
 /* empty css               */
-import { ConfigProvider as f } from "../../../core/ConfigContext/context.js";
-class A extends u {
+import { ConfigProvider as c } from "../../../core/ConfigContext/context.js";
+class y extends m {
+  componentRef = null;
+  componentToRender = null;
+  compRef;
+  customClassNames;
+  elementRef;
+  onContactSupport;
   constructor(t) {
-    super(t);
-    s(this, "componentRef", null);
-    s(this, "componentToRender", null);
-    s(this, "compRef");
-    s(this, "customClassNames");
-    s(this, "elementRef");
-    s(this, "onContactSupport");
-    s(this, "setUIElementStatus");
-    this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this, this.compRef = l();
+    super(t), this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this, this.compRef = r();
   }
   get isValid() {
     return !!this.state.isValid;
@@ -40,8 +35,7 @@ class A extends u {
    * Return the type of an element
    */
   get type() {
-    var t;
-    return (t = this.constructor) == null ? void 0 : t.type;
+    return this.constructor?.type;
   }
   formatProps(t) {
     return t;
@@ -57,14 +51,14 @@ class A extends u {
   setState(t) {
     this.state = { ...this.state, ...t };
   }
-  setStatus(t, r) {
-    var a, i;
-    return (a = this.componentRef) != null && a.setStatus ? this.componentRef.setStatus(t, r) : (i = this.setUIElementStatus) == null || i.call(this, t), this;
+  setUIElementStatus;
+  setStatus(t, s) {
+    return this.componentRef?.setStatus ? this.componentRef.setStatus(t, s) : this.setUIElementStatus?.(t), this;
   }
   render() {
-    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,
+    const t = this.props.core, s = this.props.onError || t.onError || null, n = t.update.bind(t);
+    return t.session.errorHandler = s, /* @__PURE__ */ e(c, { type: this.type, session: t.session, children: /* @__PURE__ */ e(
+      i,
       {
         componentRef: this.compRef,
         i18n: t.localization.i18n,
@@ -73,14 +67,14 @@ class A extends u {
         getDatasetAsset: t.getDatasetAsset,
         getCdnDataset: t.getCdnDataset,
         loadingContext: t.loadingContext,
-        externalErrorHandler: r,
-        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() }) }) })
+        externalErrorHandler: s,
+        updateCore: n,
+        children: /* @__PURE__ */ e(a, { componentName: this.displayName, analyticsEnabled: t?.analyticsEnabled ?? !0, children: this.componentToRender && /* @__PURE__ */ e("section", { ref: this.compRef, className: o("adyen-pe-component", this.customClassNames), children: /* @__PURE__ */ e("div", { className: "adyen-pe-component__container", children: this.componentToRender() }) }) })
       }
     ) }, performance.now());
   }
 }
 export {
-  A as UIElement,
-  A as default
+  y as UIElement,
+  y as default
 };

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

@@ -1,30 +1,29 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import N from "classnames";
-import { useState as E, useRef as O, useCallback as p } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { useUniqueId as S } from "../../../hooks/useUniqueId.js";
-import { ACCORDION_HEADER_CLASS as _, ACCORDION_HEADER_CONTAINER_CLASS as f, ACCORDION_HEADER_CONTROLLER_CLASS as I, ACCORDION_CONTENT_CLASS as R, ACCORDION_BASE_CLASS as h } from "./constants.js";
+import u from "classnames";
+import { useState as N, useRef as E, useCallback as O } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useUniqueId as f } from "../../../hooks/useUniqueId.js";
+import { ACCORDION_HEADER_CLASS as R, ACCORDION_HEADER_CONTAINER_CLASS as p, ACCORDION_HEADER_CONTROLLER_CLASS as S, ACCORDION_CONTENT_CLASS as _, ACCORDION_BASE_CLASS as I } from "./constants.js";
 /* empty css               */
 import { Icon as a } from "../Icon/Icon.js";
-function T({ children: l, classNames: d, header: m, headerInformation: r }) {
-  var s;
-  const [n, C] = E(!1), o = O(null), A = p(() => C((u) => !u), []), c = S(), t = `accordion-content-${c}`, i = `accordion-controller-${c}`;
-  return /* @__PURE__ */ e("div", { className: N(h, d), children: [
-    /* @__PURE__ */ e("div", { className: _, children: [
+function b({ children: s, classNames: d, header: l, headerInformation: n }) {
+  const [o, m] = N(!1), r = E(null), C = O(() => m((A) => !A), []), c = f(), t = `accordion-content-${c}`, i = `accordion-controller-${c}`;
+  return /* @__PURE__ */ e("div", { className: u(I, d), children: [
+    /* @__PURE__ */ e("div", { className: R, children: [
       /* @__PURE__ */ e(
         "button",
         {
           id: i,
           "aria-controls": t,
-          className: f,
-          onClick: A,
-          "aria-expanded": n,
-          children: /* @__PURE__ */ e("div", { className: I, children: [
-            m,
-            n ? /* @__PURE__ */ e(a, { name: "chevron-up" }) : /* @__PURE__ */ e(a, { name: "chevron-down" })
+          className: p,
+          onClick: C,
+          "aria-expanded": o,
+          children: /* @__PURE__ */ e("div", { className: S, children: [
+            l,
+            o ? /* @__PURE__ */ e(a, { name: "chevron-up" }) : /* @__PURE__ */ e(a, { name: "chevron-down" })
           ] })
         }
       ),
-      r && /* @__PURE__ */ e("div", { children: r })
+      n && /* @__PURE__ */ e("div", { children: n })
     ] }),
     /* @__PURE__ */ e(
       "div",
@@ -32,13 +31,13 @@ function T({ children: l, classNames: d, header: m, headerInformation: r }) {
         role: "region",
         id: t,
         "aria-labelledby": i,
-        style: { maxHeight: n ? (s = o == null ? void 0 : o.current) == null ? void 0 : s.offsetHeight : 0 },
-        className: R,
-        children: /* @__PURE__ */ e("div", { ref: o, children: l })
+        style: { maxHeight: o ? r?.current?.offsetHeight : 0 },
+        className: _,
+        children: /* @__PURE__ */ e("div", { ref: r, children: s })
       }
     )
   ] });
 }
 export {
-  T as default
+  b as default
 };