@adyen/adyen-platform-experience-web 1.10.2 → 1.11.0

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

@@ -1,123 +1,124 @@
 import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { INITIAL_FILTERS as Z, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as J, TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS as W, TRANSACTION_ANALYTICS_CATEGORY as X, TRANSACTION_CATEGORIES as $ } from "../../constants.js";
+import { INITIAL_FILTERS as J, TRANSACTION_CATEGORIES as W, TRANSACTION_ANALYTICS_CATEGORY as X, TRANSACTION_ANALYTICS_SUBCATEGORY_LIST as $, TRANSACTION_ANALYTICS_SUBCATEGORY_INSIGHTS as ee } from "../../constants.js";
 import { compareTransactionsFilters as D } from "../utils.js";
-import { useRef as p, useState as s, useMemo as a, useCallback as V, useEffect as y } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { useResponsiveContainer as ee, containerQueries as te } from "../../../../../hooks/useResponsiveContainer.js";
-import re from "../../../../../hooks/useBalanceAccountSelection.js";
-import w from "./TransactionMultiSelectionFilter.js";
-import ce from "./TransactionPspReferenceFilter.js";
-import ne from "../../../../../core/Context/useCoreContext.js";
-import oe from "../../hooks/useCurrencySelection.js";
-import se from "./TransactionDateFilter.js";
-import { selectionOptionsFor as U } from "../MultiSelectionFilter/useMultiSelectionFilter/utils.js";
-import ae from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { Fragment as Y } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-import le from "../../../../internal/FormFields/Select/Select.js";
-import { FilterBar as ie } from "../../../../internal/FilterBar/FilterBar.js";
-const l = X, ue = /* @__PURE__ */ (() => {
-  const c = /* @__PURE__ */ new Set(["balanceAccount"]);
+import { useRef as f, useState as s, useMemo as a, useCallback as te, useEffect as y } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useTransactionsOverviewContext as re } from "../../context/TransactionsOverviewContext.js";
+import { useResponsiveContainer as ne, containerQueries as ce } from "../../../../../hooks/useResponsiveContainer.js";
+import oe from "../../../../../hooks/useBalanceAccountSelection.js";
+import U from "./TransactionMultiSelectionFilter.js";
+import se from "./TransactionPspReferenceFilter.js";
+import ae from "../../hooks/useCurrencySelection.js";
+import ie from "./TransactionDateFilter.js";
+import le from "../../../../../core/Context/preact/useCoreContext.js";
+import { selectionOptionsFor as Y } from "../MultiSelectionFilter/useMultiSelectionFilter/utils.js";
+import ue from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import { Fragment as x } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import fe from "../../../../internal/FormFields/Select/Select.js";
+import { FilterBar as pe } from "../../../../internal/FilterBar/FilterBar.js";
+const i = X, me = /* @__PURE__ */ (() => {
+  const p = /* @__PURE__ */ new Set(["balanceAccount"]);
   return () => {
-    let i = {};
-    return (u) => D(i, i = u, c);
+    let l = {};
+    return (m) => D(l, l = m, p);
   };
-})(), Ne = ({
-  availableCurrencies: c,
-  balanceAccounts: i,
-  isTransactionsView: u,
-  onChange: b,
-  insightsCurrency: G,
-  setInsightsCurrency: f,
-  ...x
-}) => {
-  const { i18n: m } = ne(), n = u ? J : W, e = p({ ...Z }), k = ee(te.down.xs), [R, M] = s(e.current.statuses), [A, g] = s(e.current.categories), [S, d] = s(e.current.currencies), [C, h] = s(e.current.createdDate), [F, O] = s(e.current.paymentPspReference), [o, I] = s(e.current.balanceAccount), t = a(
-    () => ({ balanceAccount: o, categories: A, createdDate: C, currencies: S, paymentPspReference: F, statuses: R }),
-    [o, A, C, S, F, R]
-  ), v = p(), N = p(), j = a(() => D(t, e.current), [t]), q = V(() => {
-    M(e.current.statuses), g(e.current.categories), d(e.current.currencies), h(e.current.createdDate), O(e.current.paymentPspReference), I(e.current.balanceAccount);
-  }, []), z = a(() => U($), []), H = a(() => m.get("transactions.overview.filters.types.category.label"), [m]), K = a(() => U(c ?? []), [c]), T = a(() => m.get("transactions.overview.filters.types.currency.label"), [m]), L = "Currency filter", _ = p(ue()).current, { resetBalanceAccountSelection: me, ...P } = re({
+})(), _e = () => {
+  const {
+    filterBarState: p,
+    isTransactionsView: l,
+    balanceAccounts: m,
+    currenciesLookupResult: G,
+    insightsCurrency: k,
+    onFiltersChange: g,
+    setInsightsCurrency: C
+  } = re(), { i18n: u } = le(), { setShowingFilters: Ce, ...M } = p, n = G.sortedCurrencies, c = l ? $ : ee, e = f({ ...J }), j = ne(ce.down.xs), [h, q] = s(() => e.current.statuses), [A, R] = s(() => e.current.categories), [S, d] = s(() => e.current.currencies), [F, v] = s(() => e.current.createdDate), [T, I] = s(() => e.current.paymentPspReference), [o, O] = s(() => e.current.balanceAccount), t = a(
+    () => ({ balanceAccount: o, categories: A, createdDate: F, currencies: S, paymentPspReference: T, statuses: h }),
+    [o, A, F, S, T, h]
+  ), N = f(), L = f(), z = a(() => D(t, e.current), [t]), H = te(() => {
+    q(e.current.statuses), R(e.current.categories), d(e.current.currencies), v(e.current.createdDate), I(e.current.paymentPspReference), O(e.current.balanceAccount);
+  }, []), K = a(() => Y(W), []), Q = a(() => u.get("transactions.overview.filters.types.category.label"), [u]), V = a(() => Y(n ?? []), [n]), b = a(() => u.get("transactions.overview.filters.types.currency.label"), [u]), w = "Currency filter", B = f(me()).current, { resetBalanceAccountSelection: Ae, ...P } = oe({
     allowAllSelection: !1,
-    onUpdateSelection: I,
-    balanceAccounts: i,
-    eventCategory: l,
-    eventSubCategory: n
-  }), { activeCurrency: B, currencySelectionOptions: E, onCurrencySelection: Q } = oe({
-    eventLabel: L,
-    onUpdateSelection: f,
-    selectedCurrency: G ?? o?.defaultCurrencyCode,
-    availableCurrencies: c,
-    eventCategory: l,
-    eventSubCategory: n
+    onUpdateSelection: O,
+    balanceAccounts: m,
+    eventCategory: i,
+    eventSubCategory: c
+  }), { activeCurrency: _, currencySelectionOptions: E, onCurrencySelection: Z } = ae({
+    eventLabel: w,
+    onUpdateSelection: C,
+    selectedCurrency: k ?? o?.defaultCurrencyCode,
+    availableCurrencies: n,
+    eventCategory: i,
+    eventSubCategory: c
   });
   return y(() => {
-    v.current !== c && (_(t) && (d(e.current.currencies), f?.(t.balanceAccount?.defaultCurrencyCode)), v.current = c);
-  }, [c, t, _, f]), y(() => {
-    N.current !== t && (N.current = t, b?.(t));
-  }, [b, t]), y(() => {
+    N.current !== n && (B(t) && (d(e.current.currencies), C?.(t.balanceAccount?.defaultCurrencyCode)), N.current = n);
+  }, [n, t, B, C]), y(() => {
+    L.current !== t && (L.current = t, g?.(t));
+  }, [g, t]), y(() => {
     !e.current.balanceAccount && o && (e.current.balanceAccount = o);
   }, [o]), /* @__PURE__ */ r(
-    ie,
+    pe,
     {
-      ...x,
+      ...M,
       ariaLabelKey: "transactions.overview.filters.label",
-      canResetFilters: j && !1,
-      resetFilters: q,
+      canResetFilters: z && !1,
+      resetFilters: H,
       children: [
-        /* @__PURE__ */ r(ae, { ...P }),
+        /* @__PURE__ */ r(ue, { ...P }),
         /* @__PURE__ */ r(
-          se,
+          ie,
           {
-            createdDate: C,
-            eventCategory: l,
-            eventSubCategory: n,
-            setCreatedDate: h,
+            createdDate: F,
+            eventCategory: i,
+            eventSubCategory: c,
+            setCreatedDate: v,
             timezone: P.activeBalanceAccount?.timeZone
           }
         ),
-        u ? /* @__PURE__ */ r(Y, { children: [
+        l ? /* @__PURE__ */ r(x, { children: [
           /* @__PURE__ */ r(
-            w,
+            U,
             {
               eventLabel: "Category filter",
-              eventCategory: l,
-              eventSubCategory: n,
-              placeholder: H,
-              selectionOptions: z,
+              eventCategory: i,
+              eventSubCategory: c,
+              placeholder: Q,
+              selectionOptions: K,
               selection: A,
-              onUpdateFilter: g
+              onUpdateFilter: R
             }
           ),
           /* @__PURE__ */ r(
-            w,
+            U,
             {
-              eventCategory: l,
-              eventSubCategory: n,
-              eventLabel: L,
-              placeholder: T,
-              selectionOptions: K,
+              eventCategory: i,
+              eventSubCategory: c,
+              eventLabel: w,
+              placeholder: b,
+              selectionOptions: V,
               selection: S,
               onUpdateFilter: d
             }
           ),
           /* @__PURE__ */ r(
-            ce,
+            se,
             {
-              eventCategory: l,
-              eventSubCategory: n,
-              onChange: O,
-              value: F
+              eventCategory: i,
+              eventSubCategory: c,
+              onChange: I,
+              value: T
             }
           )
-        ] }) : /* @__PURE__ */ r(Y, { children: E.length > 1 ? /* @__PURE__ */ r(
-          le,
+        ] }) : /* @__PURE__ */ r(x, { children: E.length > 1 ? /* @__PURE__ */ r(
+          fe,
           {
             filterable: !1,
             multiSelect: !1,
             items: E,
-            onChange: Q,
-            selected: B,
-            "aria-label": T,
-            placeholder: B || T,
-            showOverlay: k,
+            onChange: Z,
+            selected: _,
+            "aria-label": b,
+            placeholder: _ || b,
+            showOverlay: j,
             withoutCollapseIndicator: !0
           }
         ) : null })
@@ -126,5 +127,5 @@ const l = X, ue = /* @__PURE__ */ (() => {
   );
 };
 export {
-  Ne as default
+  _e as default
 };

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

@@ -1,16 +1,16 @@
 import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import M from "classnames";
+import D from "classnames";
 import { ARIA_ERROR_SUFFIX as k } from "../../../../../core/Errors/constants.js";
-import { useState as w, useMemo as a, useRef as L, useCallback as _, useEffect as y } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { TypographyVariant as C, TypographyElement as P } from "../../../../internal/Typography/types.js";
+import { useState as w, useMemo as c, useRef as L, useCallback as _, useEffect as E } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { TypographyVariant as P, TypographyElement as C } from "../../../../internal/Typography/types.js";
 import q from "../../../../../hooks/useAnalytics/useFilterAnalyticsEvent.js";
-import N from "../../../../../core/Context/useCoreContext.js";
-import S from "../../../../internal/Typography/Typography.js";
-import O from "../../../../internal/FormFields/InputBase.js";
+import T from "../../../../internal/Typography/Typography.js";
+import M from "../../../../internal/FormFields/InputBase.js";
 /* empty css                                   */
-import Y from "../../../../internal/FilterBar/filters/TextFilter/TextFilter.js";
-import { Icon as H } from "../../../../internal/Icon/Icon.js";
-import { uniqueId as T } from "../../../../../utils/random/uniqueId.js";
+import N from "../../../../../core/Context/preact/useCoreContext.js";
+import O from "../../../../internal/FilterBar/filters/TextFilter/TextFilter.js";
+import { Icon as Y } from "../../../../internal/Icon/Icon.js";
+import S from "../../../../../utils/random/uniqueId.js";
 import { CommitAction as F } from "../../../../../hooks/useCommitAction/types.js";
 const f = "adyen-pe-psp-reference-filter", b = 16, m = {
   root: f,
@@ -18,78 +18,77 @@ const f = "adyen-pe-psp-reference-filter", b = 16, m = {
   inputError: f + "__input-error",
   inputWithError: f + "__input--with-error",
   title: f + "__title"
-}, x = ({ eventCategory: d, eventSubCategory: c, onChange: l, value: n }) => {
-  const { i18n: h } = N(), { logEvent: o } = q({ category: d, subCategory: c, label: "PSP reference filter" }), [r, e] = w(!1), E = a(() => h.get("transactions.overview.filters.types.paymentPspReference.label"), [h]), s = L(n), p = _(
+}, ne = ({ eventCategory: d, eventSubCategory: a, onChange: l, value: n }) => {
+  const { i18n: h } = N(), { logEvent: o } = q({ category: d, subCategory: a, label: "PSP reference filter" }), [r, e] = w(!1), R = c(() => h.get("transactions.overview.filters.types.paymentPspReference.label"), [h]), s = L(n), p = _(
     (i) => {
       s.current !== i && (s.current = i, o?.("update", null), l?.(i));
     },
     [o, l]
-  ), R = _(() => e(!0), []);
-  return y(() => {
+  ), y = _(() => e(!0), []);
+  return E(() => {
     r && (e(!1), s.current !== n && o?.("reset"));
   }, [r, n, o]), /* @__PURE__ */ t(
-    Y,
+    O,
     {
-      "aria-label": E,
-      label: n ?? E,
+      "aria-label": R,
+      label: n ?? R,
       onChange: p,
-      onResetAction: R,
+      onResetAction: y,
       value: n,
-      render: (i) => /* @__PURE__ */ t(x.EditModal, { ...i }),
+      render: (i) => /* @__PURE__ */ t(H, { ...i }),
       name: "pspReference"
     }
   );
-};
-x.EditModal = ({
+}, H = ({
   editAction: d,
-  onChange: c,
+  onChange: a,
   onValueUpdated: l,
   name: n,
   type: h,
   value: o
 }) => {
-  const { i18n: r } = N(), [e, E] = w(o), s = L(null), p = a(T, []), R = a(T, []), i = a(() => {
+  const { i18n: r } = N(), [e, R] = w(o), s = L(null), p = c(S, []), y = c(S, []), i = c(() => {
     const v = { length: b };
     return r.get("transactions.overview.filters.types.paymentPspReference.errors.invalidLength", { values: v });
-  }, [r]), u = e && e.length < b ? i : void 0, V = a(() => r.get("transactions.overview.filters.types.paymentPspReference.label"), [r]), B = a(() => r.get("transactions.overview.filters.types.paymentPspReference.placeholder"), [r]), D = (v) => {
+  }, [r]), u = e && e.length < b ? i : void 0, x = c(() => r.get("transactions.overview.filters.types.paymentPspReference.label"), [r]), V = c(() => r.get("transactions.overview.filters.types.paymentPspReference.placeholder"), [r]), B = (v) => {
     const g = v.currentTarget, I = g.selectionEnd, A = g.value.replace(/[^a-z\d]/gi, "").slice(0, b).toUpperCase();
-    g.value = A, g.setSelectionRange(I, I), A !== e && E(A || void 0);
+    g.value = A, g.setSelectionRange(I, I), A !== e && R(A || void 0);
   };
-  return y(() => {
+  return E(() => {
     l(u ? o || void 0 : e);
-  }, [e, u, l, o]), y(() => {
+  }, [e, u, l, o]), E(() => {
     switch (d) {
       case F.APPLY:
-        c(e);
+        a(e);
         break;
       case F.CLEAR:
-        c();
+        a();
         break;
     }
-  }, [d, c, e]), y(() => {
+  }, [d, a, e]), E(() => {
     s.current && s.current.focus();
   }, []), /* @__PURE__ */ t("div", { className: m.root, children: [
-    /* @__PURE__ */ t("div", { className: m.title, children: /* @__PURE__ */ t("label", { id: R, htmlFor: p, children: /* @__PURE__ */ t(S, { el: P.DIV, variant: C.BODY, strongest: !0, children: V }) }) }),
-    /* @__PURE__ */ t("div", { className: M(m.input, { [m.inputWithError]: u }), children: /* @__PURE__ */ t(
-      O,
+    /* @__PURE__ */ t("div", { className: m.title, children: /* @__PURE__ */ t("label", { id: y, htmlFor: p, children: /* @__PURE__ */ t(T, { el: C.DIV, variant: P.BODY, strongest: !0, children: x }) }) }),
+    /* @__PURE__ */ t("div", { className: D(m.input, { [m.inputWithError]: u }), children: /* @__PURE__ */ t(
+      M,
       {
         autoComplete: "off",
         uniqueId: p,
         ref: s,
-        placeholder: B,
+        placeholder: V,
         "data-testid": n,
         name: n,
         type: h,
         value: e,
-        onInput: D
+        onInput: B
       }
     ) }),
     u && /* @__PURE__ */ t("div", { className: m.inputError, id: `${p}${k}`, children: [
-      /* @__PURE__ */ t(H, { name: "cross-circle-fill" }),
-      /* @__PURE__ */ t(S, { el: P.SPAN, variant: C.BODY, children: u })
+      /* @__PURE__ */ t(Y, { name: "cross-circle-fill" }),
+      /* @__PURE__ */ t(T, { el: C.SPAN, variant: P.BODY, children: u })
     ] })
   ] });
 };
 export {
-  x as default
+  ne as default
 };

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

@@ -1,7 +1,7 @@
 import { jsx as x } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import V from "../../../../../core/Context/useCoreContext.js";
-import { useRef as n, useMemo as h } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { SummaryItem as C } from "../SummaryItem/SummaryItem.js";
+import { useRef as n, useMemo as V } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as h } from "../SummaryItem/SummaryItem.js";
+import C from "../../../../../core/Context/preact/useCoreContext.js";
 const R = ({
   total: e,
   hiddenField: s,
@@ -14,7 +14,7 @@ const R = ({
   expensesElemId: o,
   incomingsElemId: i
 }) => {
-  const { i18n: t } = V(), m = n(null), f = n(null), p = n(null), y = h(() => {
+  const { i18n: t } = C(), m = n(null), f = n(null), p = n(null), y = V(() => {
     const b = {
       elemId: i,
       labelKey: "transactions.overview.totals.tags.incoming",
@@ -48,7 +48,7 @@ const R = ({
     ];
   }, [i, o, s, e, t]);
   return /* @__PURE__ */ x(
-    C,
+    h,
     {
       showLabelUnderline: a,
       isEmpty: !e,

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

@@ -1,14 +1,14 @@
 import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as h } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import { useState as w, useMemo as i } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import y from "../../../../../core/Context/useCoreContext.js";
-import T from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import y from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { TransactionTotalItem as f } from "../TransactionTotalItem/TransactionTotalItem.js";
-import { useMaxWidthsState as $ } from "../../hooks/useMaxWidths.js";
+import { useMaxWidthsState as T } from "../../hooks/useMaxWidths.js";
+import $ from "../../../../../core/Context/preact/useCoreContext.js";
 import { Fragment as C } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-import { uniqueId as v } from "../../../../../utils/random/uniqueId.js";
+import v from "../../../../../utils/random/uniqueId.js";
 const z = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: I, ...x }) => {
-  const { i18n: n } = y(), [a, l] = $(), [m, c] = w(!1), d = i(() => n.get("transactions.overview.totals.currency.label"), [n]), [s, ...u] = i(() => p.map((e) => ({
+  const { i18n: n } = $(), [a, l] = T(), [m, c] = w(!1), d = i(() => n.get("transactions.overview.totals.currency.label"), [n]), [s, ...u] = i(() => p.map((e) => ({
     ...e,
     key: e.currency,
     expensesElemId: v("elem"),
@@ -69,7 +69,7 @@ const z = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: I, ...x }) =>
     e.key
   )) }) : void 0, [o, u, m, t, a, l, d]);
   return /* @__PURE__ */ r(
-    T,
+    y,
     {
       renderContent: ({ collapsibleContent: e }) => /* @__PURE__ */ r("div", { role: "list", "aria-label": E, children: [
         g,

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

@@ -3,8 +3,8 @@ import { memo as d } from "../../../../../external/.pnpm/preact@10.28.2/node_mod
 import { TotalsCard as a } from "./TotalsCard.js";
 import { BASE_CLASS as c, ITEM_CLASS as n } from "./constants.js";
 import { useResponsiveContainer as t, containerQueries as l } from "../../../../../hooks/useResponsiveContainer.js";
-import f from "../../../../../core/Context/useCoreContext.js";
 /* empty css                       */
+import f from "../../../../../core/Context/preact/useCoreContext.js";
 import { Fragment as p } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 const L = d(({ loadingTotals: e, totals: o }) => {
   const { i18n: r } = f(), m = t(l.only.xs), s = t(l.down.sm);