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

package/dist/es/components/external/TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js

@@ -1,22 +1,22 @@
-import { useMemo as p, useCallback as q } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { selectionOptionsFor as s } from "./utils.js";
-import { listFrom as v } from "../../../../../../utils/collection/main.js";
-const x = ({
+import { useMemo as O, useCallback as q } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { selectionOptionsFor as v } from "./utils.js";
+import { listFrom as x } from "../../../../../../utils/collection/main.js";
+const j = ({
   filterParam: o,
-  filterValues: M,
+  filterValues: p,
   filters: n,
   defaultFilters: c,
   updateFilters: m
 }) => {
-  const O = p(() => v((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), b = p(() => M && s(M), [M]), k = q(
-    ({ target: S }) => {
-      m == null || m({ [o]: (S == null ? void 0 : S.value) || "" });
+  const S = O(() => x((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), b = O(() => p && v(p), [p]), k = q(
+    ({ target: M }) => {
+      m == null || m({ [o]: (M == null ? void 0 : M.value) || "" });
     },
     [m, o]
   );
-  return { selection: O, selectionOptions: b, updateSelection: k };
-}, h = x;
+  return { selection: S, selectionOptions: b, updateSelection: k };
+};
 export {
-  h as default,
-  x as useMultiSelectionFilter
+  j as default,
+  j as useMultiSelectionFilter
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import v from "../AmountSkeleton/AmountSkeleton.js";
+import { AmountSkeleton as v } from "../AmountSkeleton/AmountSkeleton.js";
 import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as b, AMOUNT_CLASS as B } from "./constants.js";
 import { SummaryItemLabel as h } from "./SummaryItemLabel.js";
 import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
@@ -8,7 +8,7 @@ import O from "../../../../internal/Typography/Typography.js";
 import _ from "../../../../../core/Context/useCoreContext.js";
 import n from "classnames";
 import { useEffect as x, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import "./SummaryItem.scss.js";
+/* empty css                 */
 import { useResponsiveViewport as I, mediaQueries as w } from "../../../../../hooks/useResponsiveViewport.js";
 const W = ({
   columnConfigs: i,

package/dist/es/components/external/TransactionsOverview/components/TransactionTotals/TotalsCard.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useState as h, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import c from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { memo as x } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { memo as M } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { TransactionTotalItem as d } from "../TransactionTotalItem/TransactionTotalItem.js";
-import { BaseList as M } from "../../../../internal/BaseList/BaseList.js";
+import { BaseList as x } from "../../../../internal/BaseList/BaseList.js";
 import { useMaxWidthsState as T } from "../../hooks/useMaxWidths.js";
-import "./TransactionTotals.scss.js";
-const B = x(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
+/* empty css                       */
+const C = M(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
   const [m, n] = T(), [i, t] = h(!1), [f, ...u] = p(() => s.map((e) => (e.key = `${e.currency}-${Math.random()}`, e)), [s]);
   return /* @__PURE__ */ r(
     c,
@@ -29,7 +29,7 @@ const B = x(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
       onFocus: () => t(!0),
       onMouseLeave: () => t(!1),
       onBlur: () => t(!1),
-      children: !o && u.length && /* @__PURE__ */ r(M, { children: u.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+      children: !o && u.length && /* @__PURE__ */ r(x, { children: u.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
         d,
         {
           isHovered: i,
@@ -43,5 +43,5 @@ const B = x(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
   );
 });
 export {
-  B as TotalsCard
+  C as TotalsCard
 };

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

@@ -1,54 +1,54 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as y, useMemo as q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as L } from "../../../../../hooks/useFetch.js";
-import { BASE_CLASS as M, ITEM_CLASS as F } from "./constants.js";
-import { memo as N } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useResponsiveViewport as _, mediaQueries as k } from "../../../../../hooks/useResponsiveViewport.js";
-import "./TransactionTotals.scss.js";
-import { TotalsCard as p } from "./TotalsCard.js";
+import { useCallback as u, useMemo as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as k } from "../../../../../hooks/useFetch.js";
+import { BASE_CLASS as q, ITEM_CLASS as y } from "./constants.js";
+import { memo as L } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useResponsiveViewport as N, mediaQueries as _ } from "../../../../../hooks/useResponsiveViewport.js";
+/* empty css                       */
+import { TotalsCard as a } from "./TotalsCard.js";
 import { Fragment as v } from "../../../../../external/preact/dist/preact.module.js";
-import { useAuthContext as B } from "../../../../../core/Auth/context.js";
+import { useConfigContext as B } from "../../../../../core/ConfigContext/context.js";
 import { EMPTY_OBJECT as j } from "../../../../../utils/value/constants.js";
-const w = N(
+const Z = L(
   ({
     availableCurrencies: i,
-    isAvailableCurrenciesFetching: g,
-    balanceAccountId: r,
+    isAvailableCurrenciesFetching: F,
+    balanceAccountId: t,
     createdSince: f,
     createdUntil: d,
-    categories: c,
-    statuses: l,
-    maxAmount: T,
-    minAmount: h,
-    currencies: C,
+    categories: l,
+    statuses: c,
+    maxAmount: h,
+    minAmount: C,
+    currencies: T,
     fullWidth: n
   }) => {
-    const { getTransactionTotals: t } = B().endpoints, x = y(async () => t == null ? void 0 : t(j, {
+    const { getTransactionTotals: r } = B().endpoints, x = u(async () => r == null ? void 0 : r(j, {
       query: {
         createdSince: f,
         createdUntil: d,
-        categories: c,
-        statuses: l,
-        maxAmount: T,
-        minAmount: h,
-        currencies: C,
-        balanceAccountId: r
+        categories: l,
+        statuses: c,
+        maxAmount: h,
+        minAmount: C,
+        currencies: T,
+        balanceAccountId: t
       }
-    }), [r, c, f, d, C, t, T, h, l]), { data: o, isFetching: S } = L({
-      fetchOptions: q(() => ({ enabled: !!r && !!t }), [r, t]),
+    }), [t, l, f, d, T, r, h, C, c]), { data: o, isFetching: S } = k({
+      fetchOptions: O(() => ({ enabled: !!t && !!r }), [t, r]),
       queryFn: x
-    }), m = !r || S || g, a = y(() => {
+    }), m = !t || S || F, p = u(() => {
       if (!i || !o)
         return o == null ? void 0 : o.data;
-      const u = i.map((e) => o.data.find((O) => O.currency === e) || { currency: e, incomings: 0, expenses: 0 });
-      return u.concat(o.data.filter((e) => !u.includes(e)));
-    }, [i, o])() ?? [], E = _(k.only.xs);
-    return /* @__PURE__ */ s("div", { className: M, children: E ? /* @__PURE__ */ s(v, { children: [
-      /* @__PURE__ */ s("div", { className: F, children: /* @__PURE__ */ s(p, { totals: a, isLoading: m, hiddenField: "expenses", fullWidth: n }) }),
-      /* @__PURE__ */ s("div", { className: F, children: /* @__PURE__ */ s(p, { totals: a, isLoading: m, hiddenField: "incomings", fullWidth: n }) })
-    ] }) : /* @__PURE__ */ s(p, { totals: a, isLoading: m, fullWidth: n }) });
+      const g = i.map((e) => o.data.find((M) => M.currency === e) || { currency: e, incomings: 0, expenses: 0 });
+      return g.concat(o.data.filter((e) => !g.includes(e)));
+    }, [i, o])() ?? [], E = N(_.only.xs);
+    return /* @__PURE__ */ s("div", { className: q, children: E ? /* @__PURE__ */ s(v, { children: [
+      /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(a, { totals: p, isLoading: m, hiddenField: "expenses", fullWidth: n }) }),
+      /* @__PURE__ */ s("div", { className: y, children: /* @__PURE__ */ s(a, { totals: p, isLoading: m, hiddenField: "incomings", fullWidth: n }) })
+    ] }) : /* @__PURE__ */ s(a, { totals: p, isLoading: m, fullWidth: n }) });
   }
-), Z = w;
+);
 export {
   Z as default
 };

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

@@ -1,12 +1,12 @@
 import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { DataDetailsModal as Ae } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
-import { TransactionsTable as Te } from "../TransactionsTable/TransactionsTable.js";
+import { DataDetailsModal as Te } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { TransactionsTable as Ae } from "../TransactionsTable/TransactionsTable.js";
 import Se from "../../../../../hooks/useBalanceAccountSelection.js";
 import Ee from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
 import { FilterParam as t } from "../../../../types.js";
 import Fe from "../../../../../hooks/useModalDetails/useModalDetails.js";
 import Ne from "../../../../../core/Context/useCoreContext.js";
-import { useCallback as c, useMemo as u, useState as k, useEffect as I } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as c, useMemo as u, useState as v, useEffect as I } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { LIMIT_OPTIONS as Me, DEFAULT_PAGE_LIMIT as he } from "../../../../internal/Pagination/constants.js";
 import Ie from "../TransactionTotals/TransactionTotals.js";
 import { Balances as _e } from "../Balances/Balances.js";
@@ -15,19 +15,19 @@ import Oe from "../../hooks/useTransactionsOverviewMultiSelectionFilters.js";
 import { AmountFilter as Ue } from "../../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
 import { MAX_TRANSACTIONS_DATE_RANGE_MONTHS as ge, BASE_CLASS as be, SUMMARY_CLASS as Le, SUMMARY_ITEM_CLASS as X, BASE_CLASS_DETAILS as we } from "./constants.js";
 import { useResponsiveViewport as xe, mediaQueries as Re } from "../../../../../hooks/useResponsiveViewport.js";
-import { useCustomColumnsData as ve } from "../../../../../hooks/useCustomColumnsData.js";
-import "./TransactionsOverview.scss.js";
-import ye from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import { Header as Pe } from "../../../../internal/Header/Header.js";
-import ke, { useFilterBarState as Xe, FilterBarMobileSwitch as Ge } from "../../../../internal/FilterBar/FilterBar.js";
+import { useCustomColumnsData as ye } from "../../../../../hooks/useCustomColumnsData.js";
+/* empty css                          */
+import Pe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { Header as ke } from "../../../../internal/Header/Header.js";
+import { useFilterBarState as ve, FilterBarMobileSwitch as Xe, FilterBar as Ge } from "../../../../internal/FilterBar/FilterBar.js";
 import Ye from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
 import G from "../MultiSelectionFilter/MultiSelectionFilter.js";
-import { useAuthContext as je } from "../../../../../core/Auth/context.js";
+import { useConfigContext as je } from "../../../../../core/ConfigContext/context.js";
 import { listFrom as p } from "../../../../../utils/collection/main.js";
 import { isUndefined as Y, isFunction as ze } from "../../../../../utils/value/is.js";
 import { EMPTY_OBJECT as He } from "../../../../../utils/value/constants.js";
 const Ft = ({
-  onFiltersChanged: A,
+  onFiltersChanged: T,
   balanceAccounts: _,
   allowLimitSelection: D,
   preferredLimit: j = he,
@@ -39,8 +39,8 @@ const Ft = ({
   columns: W,
   onDataRetrieved: g
 }) => {
-  const { i18n: T } = Ne(), { getTransactions: S } = je().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: J, onBalanceAccountSelection: K } = Se(_), { defaultParams: d, nowTimestamp: E, refreshNowTimestamp: F } = De("transactions", e), Q = c(
-    async ({ balanceAccount: o, ...r }, n) => S({ signal: n, errorLevel: "error" }, {
+  const { i18n: A } = Ne(), { getTransactions: S } = je().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: J, onBalanceAccountSelection: K } = Se(_), { defaultParams: d, nowTimestamp: E, refreshNowTimestamp: F } = De("transactions", e), Q = c(
+    async ({ balanceAccount: o, ...r }, s) => S({ signal: s, errorLevel: "error" }, {
       query: {
         ...r,
         statuses: p(r[t.STATUSES]),
@@ -55,7 +55,7 @@ const Ft = ({
       }
     }),
     [e == null ? void 0 : e.id, d, S]
-  ), b = Xe(), Z = u(() => ze(A) ? A : void 0, [A]), $ = u(() => D ? Me : void 0, [D]), { canResetFilters: B, error: q, fetching: ee, filters: s, limit: te, limitOptions: re, records: f, resetFilters: Ve, updateFilters: l, updateLimit: ie, ...oe } = ye({
+  ), b = ve(), Z = u(() => ze(T) ? T : void 0, [T]), $ = u(() => D ? Me : void 0, [D]), { canResetFilters: B, error: q, fetching: ee, filters: n, limit: te, limitOptions: re, records: f, resetFilters: Ve, updateFilters: l, updateLimit: ie, ...oe } = Pe({
     fetchRecords: Q,
     dataField: "data",
     filterParams: d.current.defaultFilterParams,
@@ -64,11 +64,11 @@ const Ft = ({
     preferredLimit: j,
     preferredLimitOptions: $,
     enabled: !!(e != null && e.id) && !!S
-  }), [a, L] = k([]), [se, ne] = k(!1), le = c((o, r) => {
-    L(o), ne(r);
+  }), [a, L] = v([]), [ne, se] = v(!1), le = c((o, r) => {
+    L(o), se(r);
   }, []), { categoriesFilter: w, currenciesFilter: x, statusesFilter: N } = Oe(
     {
-      filters: s,
+      filters: n,
       updateFilters: l
     },
     a
@@ -80,44 +80,44 @@ const Ft = ({
     });
   }, [l, e == null ? void 0 : e.id]), I(() => {
     F();
-  }, [s, F]), I(() => {
+  }, [n, F]), I(() => {
     N.updateSelection({ target: { value: "Booked", name: "status" } });
   }, [N]);
-  const R = xe(Re.down.sm), ae = !!a && a.length > 1, v = u(
+  const R = xe(Re.down.sm), ae = !!a && a.length > 1, y = u(
     () => ({
       showDetails: U ?? !0,
       callback: O
     }),
     [U, O]
-  ), me = u(() => ({ transaction: v }), [v]), de = c(
-    ({ records: o, retrievedData: r }) => o.map((n) => ({ ...r.find((C) => C.id === n.id), ...n })),
+  ), me = u(() => ({ transaction: y }), [y]), de = c(
+    ({ records: o, retrievedData: r }) => o.map((s) => ({ ...r.find((C) => C.id === s.id), ...s })),
     []
-  ), { customRecords: M, loadingCustomRecords: ce } = ve({ records: f, onDataRetrieved: g, mergeCustomData: de }), { updateDetails: y, resetDetails: ue, selectedDetail: fe } = Fe(me), P = c(
+  ), { customRecords: M, loadingCustomRecords: ce } = ye({ records: f, onDataRetrieved: g, mergeCustomData: de }), { updateDetails: P, resetDetails: ue, selectedDetail: fe } = Fe(me), k = c(
     ({ id: o }) => {
-      const r = f.find((m) => m.id === o), n = M.find((m) => m.id === o);
-      return r && n ? Object.keys(n).reduce((C, h) => (h in r || (C[h] = n[h]), C), {}) : null;
+      const r = f.find((m) => m.id === o), s = M.find((m) => m.id === o);
+      return r && s ? Object.keys(s).reduce((C, h) => (h in r || (C[h] = s[h]), C), {}) : null;
     },
     [f, M]
   ), Ce = c(
     ({ id: o }) => {
-      y({
+      P({
         selection: {
           type: "transaction",
           data: o,
           balanceAccount: e || "",
-          extraDetails: P({ id: o }) ?? He
+          extraDetails: k({ id: o }) ?? He
         },
         modalSize: "small"
       }).callback({ id: o });
     },
-    [e, y, P]
+    [e, P, k]
   ), pe = u(() => {
     const o = new Date(E);
     return o.setMonth(o.getMonth() - ge), o.toString();
   }, [E]);
   return /* @__PURE__ */ i("div", { className: be, children: [
-    /* @__PURE__ */ i(Pe, { hideTitle: V, titleKey: "transactionsOverviewTitle", children: /* @__PURE__ */ i(Ge, { ...b }) }),
-    /* @__PURE__ */ i(ke, { ...b, children: [
+    /* @__PURE__ */ i(ke, { hideTitle: V, titleKey: "transactionsOverviewTitle", children: /* @__PURE__ */ i(Xe, { ...b }) }),
+    /* @__PURE__ */ i(Ge, { ...b, children: [
       /* @__PURE__ */ i(
         Ye,
         {
@@ -131,7 +131,7 @@ const Ft = ({
         {
           canResetFilters: B,
           defaultParams: d,
-          filters: s,
+          filters: n,
           nowTimestamp: E,
           refreshNowTimestamp: F,
           sinceDate: pe,
@@ -139,36 +139,36 @@ const Ft = ({
           updateFilters: l
         }
       ),
-      /* @__PURE__ */ i(G, { ...w, placeholder: T.get("filterPlaceholder.category") }),
+      /* @__PURE__ */ i(G, { ...w, placeholder: A.get("filterPlaceholder.category") }),
       /* @__PURE__ */ i(
         Ue,
         {
           availableCurrencies: a,
-          selectedCurrencies: p(s[t.CURRENCIES]),
+          selectedCurrencies: p(n[t.CURRENCIES]),
           name: "range",
-          label: T.get("amount"),
-          minAmount: s[t.MIN_AMOUNT],
-          maxAmount: s[t.MAX_AMOUNT],
+          label: A.get("amount"),
+          minAmount: n[t.MIN_AMOUNT],
+          maxAmount: n[t.MAX_AMOUNT],
           updateFilters: l,
           onChange: l
         }
       ),
-      /* @__PURE__ */ i(G, { ...x, placeholder: T.get("filterPlaceholder.currency") })
+      /* @__PURE__ */ i(G, { ...x, placeholder: A.get("filterPlaceholder.currency") })
     ] }),
     /* @__PURE__ */ i("div", { className: Le, children: [
       /* @__PURE__ */ i("div", { className: X, children: /* @__PURE__ */ i(
         Ie,
         {
           availableCurrencies: a,
-          isAvailableCurrenciesFetching: se,
+          isAvailableCurrenciesFetching: ne,
           balanceAccountId: e == null ? void 0 : e.id,
           statuses: N.selection,
           categories: w.selection,
-          createdUntil: s[t.CREATED_UNTIL],
-          createdSince: s[t.CREATED_SINCE],
+          createdUntil: n[t.CREATED_UNTIL],
+          createdSince: n[t.CREATED_SINCE],
           currencies: x.selection,
-          minAmount: s[t.MIN_AMOUNT] ? parseFloat(s[t.MIN_AMOUNT]) : void 0,
-          maxAmount: s[t.MAX_AMOUNT] ? parseFloat(s[t.MAX_AMOUNT]) : void 0,
+          minAmount: n[t.MIN_AMOUNT] ? parseFloat(n[t.MIN_AMOUNT]) : void 0,
+          maxAmount: n[t.MAX_AMOUNT] ? parseFloat(n[t.MAX_AMOUNT]) : void 0,
           fullWidth: R
         }
       ) }),
@@ -183,13 +183,13 @@ const Ft = ({
       ) })
     ] }),
     /* @__PURE__ */ i(
-      Ae,
+      Te,
       {
         selectedDetail: fe,
         resetDetails: ue,
         className: we,
         children: /* @__PURE__ */ i(
-          Te,
+          Ae,
           {
             activeBalanceAccount: e,
             availableCurrencies: a,

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

@@ -2,19 +2,19 @@ import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import m from "../../../../../core/Context/useCoreContext.js";
 import { Image as s } from "../../../../internal/Image/Image.js";
 import { Tag as t } from "../../../../internal/Tag/Tag.js";
-import { TagVariant as l } from "../../../../internal/Tag/types.js";
-import { TypographyVariant as p } from "../../../../internal/Typography/types.js";
-import T from "../../../../internal/Typography/Typography.js";
-import { useResponsiveViewport as f, mediaQueries as n } from "../../../../../hooks/useResponsiveViewport.js";
+import { TagVariant as p } from "../../../../internal/Tag/types.js";
+import { TypographyVariant as T } from "../../../../internal/Typography/types.js";
+import f from "../../../../internal/Typography/Typography.js";
+import { useResponsiveViewport as l, mediaQueries as n } from "../../../../../hooks/useResponsiveViewport.js";
 import { parsePaymentMethodType as _ } from "../utils.js";
 import { PAYMENT_METHOD_CLASS as g, PAYMENT_METHOD_LOGO_CONTAINER_CLASS as N, PAYMENT_METHOD_LOGO_CLASS as O } from "./constants.js";
-import { Fragment as C } from "../../../../../external/preact/dist/preact.module.js";
-const E = ({
+import { Fragment as E } from "../../../../../external/preact/dist/preact.module.js";
+const V = ({
   paymentMethod: r,
-  bankAccount: e
+  bankAccount: i
 }) => {
-  const { i18n: i } = m(), a = f(n.down.xs);
-  return /* @__PURE__ */ o("div", { className: g, children: r || e ? /* @__PURE__ */ o(C, { children: [
+  const { i18n: a } = m(), e = l(n.down.xs);
+  return /* @__PURE__ */ o("div", { className: g, children: r || i ? /* @__PURE__ */ o(E, { children: [
     /* @__PURE__ */ o("div", { className: N, children: /* @__PURE__ */ o(
       s,
       {
@@ -24,9 +24,9 @@ const E = ({
         className: O
       }
     ) }),
-    /* @__PURE__ */ o(T, { variant: p.BODY, stronger: a, children: r ? _(r) : e == null ? void 0 : e.accountNumberLastFourDigits })
-  ] }) : /* @__PURE__ */ o(t, { label: i.get("noData"), variant: l.LIGHT_WITH_OUTLINE }) });
-}, V = E;
+    /* @__PURE__ */ o(f, { variant: T.BODY, stronger: e, children: r ? _(r) : i == null ? void 0 : i.accountNumberLastFourDigits })
+  ] }) : /* @__PURE__ */ o(t, { label: a.get("noData"), variant: p.LIGHT_WITH_OUTLINE }) });
+};
 export {
   V as default
 };

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

@@ -8,9 +8,9 @@ import P from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { CellTextPosition as V } from "../../../../internal/DataGrid/types.js";
 import { TypographyVariant as n } from "../../../../internal/Typography/types.js";
 import a from "../../../../internal/Typography/Typography.js";
-import { useResponsiveViewport as p, mediaQueries as d } from "../../../../../hooks/useResponsiveViewport.js";
+import { useResponsiveViewport as d, mediaQueries as p } from "../../../../../hooks/useResponsiveViewport.js";
 import { BASE_CLASS as B, AMOUNT_CLASS as G, DATE_AND_PAYMENT_METHOD_CLASS as U, DATE_METHOD_CLASS as W } from "./constants.js";
-import "./TransactionTable.scss.js";
+/* empty css                      */
 import A from "./PaymentMethodCell.js";
 import { useTableColumns as j } from "../../../../../hooks/useTableColumns.js";
 import f from "../../../../internal/DataGrid/DataGrid.js";
@@ -30,42 +30,42 @@ const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], fo = ({
   customColumns: S,
   ...C
 }) => {
-  const { i18n: e } = $(), { dateFormat: T } = P(s == null ? void 0 : s.timeZone), [_, u] = x(), y = p(d.up.sm), E = p(d.up.md), O = p(d.down.xs), v = e.get("amount"), w = j({
+  const { i18n: e } = $(), { dateFormat: T } = P(s == null ? void 0 : s.timeZone), [_, u] = x(), y = d(p.up.sm), E = d(p.up.md), O = d(p.down.xs), w = e.get("amount"), N = j({
     fields: Q,
     customColumns: S,
     columnConfig: {
       amount: {
-        label: c ? void 0 : `${v} ${i && i[0] ? `(${I(i[0])})` : ""}`,
+        label: c ? void 0 : `${w} ${i && i[0] ? `(${I(i[0])})` : ""}`,
         position: V.RIGHT,
         flex: y ? 1.5 : void 0
       },
       transactionType: { visible: E },
       paymentMethod: { visible: y }
     }
-  }), N = {
+  }), R = {
     title: "noTransactionsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, R = F(
+  }, b = F(
     (o) => {
       u(o ?? void 0);
     },
     [u]
-  ), b = Y(
+  ), v = Y(
     () => () => /* @__PURE__ */ t(H, { error: m, onContactSupport: l, errorMessage: "weCouldNotLoadYourTransactions" }),
     [m, l]
   );
   return /* @__PURE__ */ t("div", { className: B, children: /* @__PURE__ */ t(
     f,
     {
-      errorDisplay: b,
+      errorDisplay: v,
       error: m,
-      columns: w,
+      columns: N,
       data: D,
       loading: h,
       outline: !1,
       onRowClick: { callback: M },
-      onRowHover: R,
-      emptyTableMessage: N,
+      onRowHover: b,
+      emptyTableMessage: R,
       customCells: {
         // Remove status column temporarily
         /* status: ({ value }) => {

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

@@ -1,10 +1,10 @@
-const i = Object.freeze({
+const a = Object.freeze({
   klarna: "Klarna",
   paypal: "PayPal"
 });
-function t(r, a) {
-  return r.lastFourDigits ? a === "detail" ? "•••• •••• •••• " + r.lastFourDigits : r.lastFourDigits : i[r.type] || r.type;
+function s(r, i) {
+  return r.lastFourDigits ? i === "detail" ? "•••• •••• •••• " + r.lastFourDigits : r.lastFourDigits : r.description || a[r.type] || r.type;
 }
 export {
-  t as parsePaymentMethodType
+  s as parsePaymentMethodType
 };

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

@@ -1,29 +1,29 @@
 import { FilterParam as t } from "../../../types.js";
-import r from "../components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
-import { TRANSACTION_CATEGORIES as T, DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as i, TRANSACTION_STATUSES as o } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
-const u = (e, l) => {
-  const s = r({
+import { useMultiSelectionFilter as r } from "../components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
+import { TRANSACTION_CATEGORIES as T, DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as l, TRANSACTION_STATUSES as u } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+const F = (e, i) => {
+  const a = r({
     filterParam: t.CATEGORIES,
     filterValues: T,
-    defaultFilters: i,
+    defaultFilters: l,
     ...e
-  }), a = r({
+  }), s = r({
     filterParam: t.STATUSES,
-    filterValues: o,
-    defaultFilters: i,
+    filterValues: u,
+    defaultFilters: l,
     ...e
   }), S = r({
     filterParam: t.CURRENCIES,
-    filterValues: l,
-    defaultFilters: i,
+    filterValues: i,
+    defaultFilters: l,
     ...e
   });
   return {
-    categoriesFilter: s,
+    categoriesFilter: a,
     currenciesFilter: S,
-    statusesFilter: a
+    statusesFilter: s
   };
-}, n = u;
+};
 export {
-  n as default
+  F as default
 };

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

@@ -1,13 +1,13 @@
 var m = Object.defineProperty;
 var p = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var s = (o, e, t) => (p(o, typeof e != "symbol" ? e + "" : e, t), t);
+var s = (o, e, t) => p(o, typeof e != "symbol" ? e + "" : e, t);
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import l from "../../../core/Context/CoreProvider.js";
 import c from "../BaseElement.js";
-import "./UIElement.scss.js";
+/* empty css               */
 import u from "classnames";
-import { AuthProvider as h } from "../../../core/Auth/context.js";
-class d extends c {
+import { ConfigProvider as h } from "../../../core/ConfigContext/context.js";
+class x extends c {
   constructor(t) {
     super(t);
     s(this, "componentRef", null);
@@ -72,8 +72,7 @@ class d extends c {
     ) }, performance.now());
   }
 }
-const g = d;
 export {
-  d as UIElement,
-  g as default
+  x as UIElement,
+  x as default
 };

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

@@ -4,7 +4,7 @@ import { useState as C, useRef as m, useCallback as h } from "../../../external/
 import A from "../SVGIcons/ChevronDown.js";
 import N from "../SVGIcons/ChevronUp.js";
 import { ACCORDION_BASE_CLASS as O, ACCORDION_HEADER_CLASS as p, ACCORDION_HEADER_CONTAINER_CLASS as E, ACCORDION_HEADER_CONTROLLER_CLASS as S, ACCORDION_CONTENT_CLASS as _ } from "./constants.js";
-import "./Accordion.scss.js";
+/* empty css               */
 function L({ children: a, classNames: c, header: n, headerInformation: i }) {
   var t;
   const [o, l] = C(!1), r = m(null), s = h(() => {

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

@@ -1,14 +1,14 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import d from "classnames";
+import s from "classnames";
 import { ButtonVariant as y } from "../Button/types.js";
 import { TypographyElement as m, TypographyVariant as a } from "../Typography/types.js";
 import p from "../Typography/Typography.js";
 import { AlertIcon as f } from "./AlertIcon.js";
 import { AlertVariantOption as t } from "./types.js";
-import "./Alert.scss.js";
+/* empty css           */
 import u from "../Button/Button.js";
-import T from "../Icon/Icon.js";
-const _ = ({ className: c, description: o, title: n, type: l, children: s, onClose: i, variant: r = t.DEFAULT }) => /* @__PURE__ */ e("div", { className: d("adyen-pe-alert", `adyen-pe-alert--${l}`, `adyen-pe-alert--${r}`, c), role: "alert", children: [
+import { Icon as T } from "../Icon/Icon.js";
+const P = ({ className: c, description: o, title: n, type: l, children: d, onClose: i, variant: r = t.DEFAULT }) => /* @__PURE__ */ e("div", { className: s("adyen-pe-alert", `adyen-pe-alert--${l}`, `adyen-pe-alert--${r}`, c), role: "alert", children: [
   /* @__PURE__ */ e(f, { type: l, className: "adyen-pe-alert__icon" }),
   /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content", children: [
     n && r !== t.TIP && /* @__PURE__ */ e(p, { className: "adyen-pe-alert__title", el: m.DIV, variant: a.BODY, wide: !0, strongest: !0, children: n }),
@@ -22,11 +22,11 @@ const _ = ({ className: c, description: o, title: n, type: l, children: s, onClo
         children: o
       }
     ),
-    s
+    d
   ] }),
   i && r !== t.TIP && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(u, { iconButton: !0, variant: y.TERTIARY, onClick: i, children: /* @__PURE__ */ e(T, { name: "cross" }) }) })
-] }), v = _;
+] });
 export {
-  _ as Alert,
-  v as default
+  P as Alert,
+  P as default
 };