@adyen/adyen-platform-experience-web 0.1.1 → 0.1.2

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

@@ -1,42 +1,42 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import K from "../../../internal/FilterBar/FilterBar.js";
+import Z from "../../../internal/FilterBar/FilterBar.js";
 import { TransactionFilterParam as t } from "../types.js";
-import Q from "./TransactionList.js";
-import V from "../../../../core/Context/useCoreContext.js";
-import { useSetupEndpoint as W } from "../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { useCallback as Y, useMemo as f, useState as Z, useEffect as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import $ from "../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import { isFunction as _ } from "../../../../utils/common/index.js";
-import { LIMIT_OPTIONS as q, DEFAULT_PAGE_LIMIT as B } from "../../../internal/Pagination/constants.js";
-import rr from "./TransactionsOverviewDateFilter.js";
-import tr from "./TransactionTotals/TransactionTotals.js";
-import { Balances as er } from "./Balances/Balances.js";
-import or from "../hooks/useDefaultTransactionsOverviewFilterParams.js";
-import ir from "../hooks/useTransactionsOverviewMultiSelectionFilters.js";
-import { AmountFilter as nr } from "../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
-import sr from "./BalanceAccountSelector/useBalanceAccountSelection.js";
-import { listFrom as a } from "./MultiSelectionFilter/useMultiSelectionFilter/utils.js";
-import lr from "./BalanceAccountSelector/BalanceAccountSelector.js";
-import T from "./MultiSelectionFilter/MultiSelectionFilter.js";
-import { Fragment as mr } from "preact";
-const gr = ({
+import $ from "./TransactionList.js";
+import q from "../../../../core/Context/useCoreContext.js";
+import { useSetupEndpoint as B } from "../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
+import { useCallback as h, useMemo as T, useState as _, useEffect as O } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import rr from "../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { isFunction as M } from "../../../../utils/common/index.js";
+import { LIMIT_OPTIONS as tr, DEFAULT_PAGE_LIMIT as er } from "../../../internal/Pagination/constants.js";
+import ir from "./TransactionsOverviewDateFilter.js";
+import or from "./TransactionTotals/TransactionTotals.js";
+import { Balances as nr } from "./Balances/Balances.js";
+import sr from "../hooks/useDefaultTransactionsOverviewFilterParams.js";
+import lr from "../hooks/useTransactionsOverviewMultiSelectionFilters.js";
+import { AmountFilter as ar } from "../../../internal/FilterBar/filters/AmountFilter/AmountFilter.js";
+import mr from "./BalanceAccountSelector/useBalanceAccountSelection.js";
+import { listFrom as m } from "./MultiSelectionFilter/useMultiSelectionFilter/utils.js";
+import cr from "./BalanceAccountSelector/BalanceAccountSelector.js";
+import C from "./MultiSelectionFilter/MultiSelectionFilter.js";
+import { Fragment as dr } from "../../../../external/preact/dist/preact.module.js";
+const wr = ({
   onFiltersChanged: c,
   onLimitChanged: d,
   balanceAccounts: u,
   allowLimitSelection: E,
-  preferredLimit: O = B,
-  onTransactionSelected: M,
-  showDetails: U,
-  isLoadingBalanceAccount: h,
-  onContactSupport: D
+  preferredLimit: U = er,
+  onTransactionSelected: g,
+  showDetails: v,
+  isLoadingBalanceAccount: D,
+  onContactSupport: b
 }) => {
-  const { i18n: l } = V(), F = W("getTransactions"), { activeBalanceAccount: r, balanceAccountSelectionOptions: v, onBalanceAccountSelection: L } = sr(u), { defaultParams: s, nowTimestamp: b, refreshNowTimestamp: p } = or(r), g = Y(
-    async (i, J) => F({ signal: J, errorLevel: "error" }, {
+  const { i18n: l } = q(), F = B("getTransactions"), { activeBalanceAccount: r, balanceAccountSelectionOptions: L, onBalanceAccountSelection: x } = mr(u), { defaultParams: s, nowTimestamp: R, refreshNowTimestamp: f } = sr(r), w = h(
+    async (i, p) => F({ signal: p, errorLevel: "error" }, {
       query: {
         ...i,
-        statuses: a(i[t.STATUSES]),
-        categories: a(i[t.CATEGORIES]),
-        currencies: a(i[t.CURRENCIES]),
+        statuses: m(i[t.STATUSES]),
+        categories: m(i[t.CATEGORIES]),
+        currencies: m(i[t.CURRENCIES]),
         createdSince: i[t.CREATED_SINCE] ?? s.current.defaultFilterParams[t.CREATED_SINCE],
         createdUntil: i[t.CREATED_UNTIL] ?? s.current.defaultFilterParams[t.CREATED_UNTIL],
         sortDirection: "desc",
@@ -46,55 +46,57 @@ const gr = ({
       }
     }),
     [r == null ? void 0 : r.id, s, F]
-  ), x = f(() => _(c) ? c : void 0, [c]), R = f(() => _(d) ? d : void 0, [d]), w = f(() => E ? q : void 0, [E]), { canResetFilters: P, error: y, fetching: X, filters: e, limit: G, limitOptions: j, records: k, resetFilters: ar, updateFilters: n, updateLimit: z, ...H } = $({
-    fetchRecords: g,
+  ), P = T(() => M(c) ? c : void 0, [c]), y = T(() => M(d) ? d : void 0, [d]), X = T(() => E ? tr : void 0, [E]), { canResetFilters: k, error: G, fetching: j, filters: e, limit: z, limitOptions: H, records: J, resetFilters: ur, updateFilters: n, updateLimit: K, ...Q } = rr({
+    fetchRecords: w,
     dataField: "transactions",
     filterParams: s.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
-    onLimitChanged: R,
-    onFiltersChanged: x,
-    preferredLimit: O,
-    preferredLimitOptions: w,
+    onLimitChanged: y,
+    onFiltersChanged: P,
+    preferredLimit: U,
+    preferredLimitOptions: X,
     enabled: !!(r != null && r.id)
-  }), [m, A] = Z([]), { categoriesFilter: C, currenciesFilter: S, statusesFilter: I } = ir(
+  }), [a, A] = _([]), [V, W] = _(!1), Y = h((i, p) => {
+    A(i), W(p);
+  }, []), { categoriesFilter: I, currenciesFilter: S, statusesFilter: N } = lr(
     {
       filters: e,
       updateFilters: n
     },
-    m
+    a
   );
-  return N(() => {
+  return O(() => {
     A(void 0), n({ [t.CURRENCIES]: void 0 });
-  }, [n, r == null ? void 0 : r.id]), N(() => {
-    p();
-  }, [e, p]), /* @__PURE__ */ o(mr, { children: [
-    /* @__PURE__ */ o(K, { children: [
+  }, [n, r == null ? void 0 : r.id]), O(() => {
+    f();
+  }, [e, f]), /* @__PURE__ */ o(dr, { children: [
+    /* @__PURE__ */ o(Z, { children: [
       /* @__PURE__ */ o(
-        lr,
+        cr,
         {
           activeBalanceAccount: r,
-          balanceAccountSelectionOptions: v,
-          onBalanceAccountSelection: L
+          balanceAccountSelectionOptions: L,
+          onBalanceAccountSelection: x
         }
       ),
       /* @__PURE__ */ o(
-        rr,
+        ir,
         {
-          canResetFilters: P,
+          canResetFilters: k,
           defaultParams: s,
           filters: e,
-          nowTimestamp: b,
-          refreshNowTimestamp: p,
+          nowTimestamp: R,
+          refreshNowTimestamp: f,
           updateFilters: n
         }
       ),
-      /* @__PURE__ */ o(T, { ...I, placeholder: l.get("filterPlaceholder.status") }),
-      /* @__PURE__ */ o(T, { ...C, placeholder: l.get("filterPlaceholder.category") }),
+      /* @__PURE__ */ o(C, { ...N, placeholder: l.get("filterPlaceholder.status") }),
+      /* @__PURE__ */ o(C, { ...I, placeholder: l.get("filterPlaceholder.category") }),
       /* @__PURE__ */ o(
-        nr,
+        ar,
         {
-          availableCurrencies: m,
-          selectedCurrencies: a(e[t.CURRENCIES]),
+          availableCurrencies: a,
+          selectedCurrencies: m(e[t.CURRENCIES]),
           name: "range",
           label: l.get("amount"),
           minAmount: e[t.MIN_AMOUNT],
@@ -103,16 +105,17 @@ const gr = ({
           onChange: n
         }
       ),
-      /* @__PURE__ */ o(T, { ...S, placeholder: l.get("filterPlaceholder.currency") })
+      /* @__PURE__ */ o(C, { ...S, placeholder: l.get("filterPlaceholder.currency") })
     ] }),
     /* @__PURE__ */ o("div", { className: "adyen-fp-transactions__balance-totals", children: [
       /* @__PURE__ */ o(
-        tr,
+        or,
         {
-          availableCurrencies: m,
+          availableCurrencies: a,
+          isAvailableCurrenciesFetching: V,
           balanceAccountId: r == null ? void 0 : r.id,
-          statuses: I.selection,
-          categories: C.selection,
+          statuses: N.selection,
+          categories: I.selection,
           createdUntil: e[t.CREATED_UNTIL],
           createdSince: e[t.CREATED_SINCE],
           currencies: S.selection,
@@ -120,29 +123,29 @@ const gr = ({
           maxAmount: e[t.MAX_AMOUNT] ? parseFloat(e[t.MAX_AMOUNT]) : void 0
         }
       ),
-      /* @__PURE__ */ o(er, { balanceAccountId: r == null ? void 0 : r.id, updateBalanceAccountCurrencies: A })
+      /* @__PURE__ */ o(nr, { balanceAccountId: r == null ? void 0 : r.id, onCurrenciesChange: Y })
     ] }),
     /* @__PURE__ */ o(
-      Q,
+      $,
       {
         balanceAccounts: u,
-        availableCurrencies: m,
-        loading: X || h || !u,
-        transactions: k,
-        onTransactionSelected: M,
+        availableCurrencies: a,
+        loading: j || D || !u,
+        transactions: J,
+        onTransactionSelected: g,
         showPagination: !0,
-        showDetails: U,
+        showDetails: v,
         balanceAccountDescription: (r == null ? void 0 : r.description) || "",
-        limit: G,
-        limitOptions: j,
-        onContactSupport: D,
-        onLimitSelection: z,
-        error: y,
-        ...H
+        limit: z,
+        limitOptions: H,
+        onContactSupport: b,
+        onLimitSelection: K,
+        error: G,
+        ...Q
       }
     )
   ] });
 };
 export {
-  gr as TransactionsOverview
+  wr as TransactionsOverview
 };

package/dist/es/components/external/Transactions/hooks/useMaxWidths.js

@@ -1,15 +1,15 @@
-import { useState as c, useCallback as u } from "../../../../external/preact/hooks/dist/hooks.module.js";
-const d = () => {
-  const [a, e] = c([]), n = u((o) => {
-    e(
-      (r) => o.map((s, i) => {
-        const t = r[i];
-        return !t || s > t ? s : t;
+import { useState as u, useCallback as x } from "../../../../external/preact/hooks/dist/hooks.module.js";
+const W = () => {
+  const [s, r] = u([]), n = x((a) => {
+    r(
+      (o) => a.every((t) => !t) ? a : a.map((t, c) => {
+        const e = o[c];
+        return !e || t > e ? t : e;
       })
     );
   }, []);
-  return [a, n];
+  return [s, n];
 };
 export {
-  d as useMaxWidthsState
+  W as useMaxWidthsState
 };

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

@@ -6,8 +6,8 @@ import m from "../../core/Auth/AuthProvider.js";
 import u from "../../core/Context/CoreProvider.js";
 import c from "./BaseElement.js";
 import l from "../../utils/get-image.js";
-import { EMPTY_OBJECT as d } from "../../utils/common/constants.js";
-import { Fragment as f } from "preact";
+import { Fragment as d } from "../../external/preact/dist/preact.module.js";
+import { EMPTY_OBJECT as f } from "../../utils/common/constants.js";
 class S extends c {
   constructor(t) {
     super(t);
@@ -70,11 +70,11 @@ class S extends c {
     return /* @__PURE__ */ i(
       m,
       {
-        endpoints: ((r = (t = this.session) == null ? void 0 : t.configuration) == null ? void 0 : r.endpoints) || d,
+        endpoints: ((r = (t = this.session) == null ? void 0 : t.configuration) == null ? void 0 : r.endpoints) || f,
         token: ((n = this.session) == null ? void 0 : n.token) ?? "",
         updateCore: this.props.core.update.bind(this.props.core),
         sessionSetupError: this.sessionSetupError,
-        children: /* @__PURE__ */ i(u, { i18n: this.i18n, loadingContext: this.loadingContext, children: this.componentToRender && /* @__PURE__ */ i(f, { children: this.componentToRender() }) })
+        children: /* @__PURE__ */ i(u, { i18n: this.i18n, loadingContext: this.loadingContext, children: this.componentToRender && /* @__PURE__ */ i(d, { children: this.componentToRender() }) })
       }
     );
   }

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

@@ -4,26 +4,26 @@ import { ICON_BUTTON_CLASSNAME as S, ICON_BUTTON_CONTENT_CLASSNAME as B, BUTTON_
 import { TypographyElement as U, TypographyVariant as y } from "../Typography/types.js";
 import I from "../Typography/Typography.js";
 import { parseClassName as h } from "../../../utils/class-name-utils.js";
-import { parseBoolean as d } from "../../../utils/common/index.js";
-import { forwardRef as g } from "../../../external/preact/compat/dist/compat.module.js";
+import { parseBoolean as $ } from "../../../utils/common/index.js";
+import { forwardRef as d } from "../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as p } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as F } from "./types.js";
+import { ButtonVariant as g } from "./types.js";
 import "./Button.scss.js";
-import { Fragment as V } from "preact";
-function $({
-  variant: n = F.PRIMARY,
+import { Fragment as k } from "../../../external/preact/dist/preact.module.js";
+function F({
+  variant: n = g.PRIMARY,
   disabled: o = !1,
   onClick: T,
   classNameModifiers: l = [],
   iconLeft: a,
   iconRight: t,
   type: i = "button",
-  children: m,
-  className: s,
+  children: s,
+  className: m,
   iconButton: e = !1,
   ...f
 }, A) {
-  const _ = p(() => h("", s) || "", [s]), c = p(() => d(o), [o]), { classes: N, click: u } = C(_, [...l, n], M, c, T);
+  const _ = p(() => h("", m) || "", [m]), c = p(() => $(o), [o]), { classes: N, click: u } = C(_, [...l, n], M, c, T);
   return /* @__PURE__ */ r(
     "button",
     {
@@ -33,15 +33,15 @@ function $({
       onClick: u,
       ref: A,
       ...f,
-      children: e ? /* @__PURE__ */ r("div", { className: `${B}`, children: m }) : /* @__PURE__ */ r(V, { children: [
+      children: e ? /* @__PURE__ */ r("div", { className: `${B}`, children: s }) : /* @__PURE__ */ r(k, { children: [
         a && /* @__PURE__ */ r("span", { className: O, children: a }),
-        /* @__PURE__ */ r(I, { className: E, el: U.SPAN, variant: y.BODY, stronger: !0, children: m }),
+        /* @__PURE__ */ r(I, { className: E, el: U.SPAN, variant: y.BODY, stronger: !0, children: s }),
         t && /* @__PURE__ */ r("span", { className: L, children: t })
       ] })
     }
   );
 }
-const q = g($);
+const q = d(F);
 export {
   q as default
 };

package/dist/es/components/internal/Calendar/components/CalendarControls/CalendarControls.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as l } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { isFunction as s } from "../../../../../utils/common/index.js";
+import { memo as s } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { isFunction as l } from "../../../../../utils/common/index.js";
 import i from "../../calendar/facade/index.js";
-import { Fragment as c } from "preact";
-const e = ({ config: r, grid: { controls: t }, renderer: o }) => r.controls === i.controls.NONE || !s(o) ? null : /* @__PURE__ */ a(c, { children: t.map(([n, m]) => o(n, m)) }), x = l(e);
+import { Fragment as c } from "../../../../../external/preact/dist/preact.module.js";
+const e = ({ config: r, grid: { controls: t }, renderer: o }) => r.controls === i.controls.NONE || !l(o) ? null : /* @__PURE__ */ a(c, { children: t.map(([n, m]) => o(n, m)) }), x = s(e);
 export {
   x as default
 };

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

@@ -1,5 +1,5 @@
 import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { toChildArray as u, Fragment as _ } from "preact";
+import { toChildArray as u, Fragment as _ } from "../../../external/preact/dist/preact.module.js";
 import l from "classnames";
 import "./DataGrid.scss.js";
 import { TableBody as h } from "./components/TableBody.js";
@@ -13,9 +13,9 @@ const S = Object.freeze({
   activeIndex: -1,
   index: -1
 });
-function g({ errorDisplay: e, ...a }) {
+function s({ errorDisplay: e, ...a }) {
   var o, r, i;
-  const f = u(a.children).find((t) => (t == null ? void 0 : t.type) === s), n = !a.loading && ((o = a.data) == null ? void 0 : o.length) === 0 && !a.error, y = m(() => !a.loading && n || a.error, [n, a.error, a.loading]);
+  const f = u(a.children).find((t) => (t == null ? void 0 : t.type) === g), n = !a.loading && ((o = a.data) == null ? void 0 : o.length) === 0 && !a.error, y = m(() => !a.loading && n || a.error, [n, a.error, a.loading]);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -71,16 +71,16 @@ function k(e) {
     }
   ) : /* @__PURE__ */ d(h, { data: e.data, customCells: e.customCells, columns: e.columns }) });
 }
-g.Footer = s;
-function s({ children: e }) {
+s.Footer = g;
+function g({ children: e }) {
   return /* @__PURE__ */ d("div", { className: "adyen-fp-data-grid__footer", children: e });
 }
-g.defaultProps = {
+s.defaultProps = {
   condensed: !1,
   outline: !0,
   scrollable: !0
 };
 export {
   S as INITIAL_STATE,
-  g as default
+  s as default
 };

package/dist/es/components/internal/DataGrid/components/InteractiveBody.js

@@ -2,7 +2,7 @@ import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntim
 import { TableCells as f } from "./TableCells.js";
 import { useCallback as o } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import { useInteractiveDataGrid as d } from "../hooks/useInteractiveDataGrid.js";
-import { Fragment as i } from "preact";
+import { Fragment as i } from "../../../../external/preact/dist/preact.module.js";
 const _ = ({
   data: e,
   columns: l,

package/dist/es/components/internal/DataGrid/components/SkeletonBody.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import s from "classnames";
 import "../DataGrid.scss.js";
-import { Fragment as m } from "preact";
+import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
 const g = ({ columnsNumber: n, loading: t, emptyMessageDisplay: r }) => {
   const l = Array.from({ length: 10 }, (d, e) => e), o = Array.from({ length: n }, (d, e) => e);
   return /* @__PURE__ */ a(m, { children: [

package/dist/es/components/internal/DataGrid/components/TableBody.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TableCells as n } from "./TableCells.js";
-import { Fragment as p } from "preact";
+import { TableCells as s } from "./TableCells.js";
+import { Fragment as n } from "../../../../external/preact/dist/preact.module.js";
 const f = ({
   data: r,
   columns: m,
   customCells: l
-}) => /* @__PURE__ */ o(p, { children: r == null ? void 0 : r.map((e) => /* @__PURE__ */ o("tr", { className: "adyen-fp-data-grid__row", children: /* @__PURE__ */ o(n, { columns: m, customCells: l, item: e }) }, e)) });
+}) => /* @__PURE__ */ o(n, { children: r == null ? void 0 : r.map((e) => /* @__PURE__ */ o("tr", { className: "adyen-fp-data-grid__row", children: /* @__PURE__ */ o(s, { columns: m, customCells: l, item: e }) }, e)) });
 export {
   f as TableBody
 };

package/dist/es/components/internal/DataGrid/components/TableCells.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import d from "../DataGridCell.js";
-import { Fragment as l } from "preact";
+import { Fragment as l } from "../../../../external/preact/dist/preact.module.js";
 const o = ({
   columns: b,
   customCells: a,

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

@@ -7,11 +7,11 @@ import "./ErrorMessageDisplay.scss.js";
 import A from "../../../images/no-results.svg.js";
 import p from "../Button/Button.js";
 import E from "../../../core/Auth/useAuthContext.js";
-import { Fragment as _ } from "preact";
+import { Fragment as _ } from "../../../external/preact/dist/preact.module.js";
 const h = {
   md: 680,
   lg: 1024
-}, j = ({
+}, R = ({
   title: y,
   message: m,
   imageDesktop: i,
@@ -45,6 +45,6 @@ const h = {
   ] });
 };
 export {
-  j as ErrorMessageDisplay,
+  R as ErrorMessageDisplay,
   h as IMAGE_BREAKPOINT_SIZES
 };

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

@@ -4,13 +4,13 @@ import { useState as R, useCallback as E, useRef as l, useEffect as T } from "..
 import "./ExpandableCard.scss.js";
 import x from "../SVGIcons/ChevronUp.js";
 import v from "../SVGIcons/ChevronDown.js";
-import { BASE_CLASS as I, CONTAINER_CLASS as d, CONTAINER_BUTTON_CLASS as b, CONTAINER_FILLED_CLASS as m, CONTAINER_OVERLAY_ID as p, CONTENT_CLASS as N, CONTENT_EXPANDABLE_CLASS as _, CHEVRON_CLASS as h, CONTAINER_OVERLAY_CLASS as B, CONTAINER_HIDDEN_CLASS as D } from "./constants.js";
-import g from "../../../core/Context/useCoreContext.js";
-import { useClickOutside as k } from "../../../hooks/element/useClickOutside.js";
+import { BASE_CLASS as I, CONTAINER_CLASS as d, CONTAINER_BUTTON_CLASS as b, CONTAINER_FILLED_CLASS as m, CONTAINER_OVERLAY_ID as p, CONTENT_CLASS as N, CONTENT_EXPANDABLE_CLASS as _, CHEVRON_CLASS as h, CONTAINER_OVERLAY_CLASS as k, CONTAINER_HIDDEN_CLASS as B } from "./constants.js";
+import D from "../../../core/Context/useCoreContext.js";
+import { useClickOutside as g } from "../../../hooks/element/useClickOutside.js";
 import L from "../BaseButton/BaseButton.js";
-import { Fragment as y } from "preact";
+import { Fragment as y } from "../../../external/preact/dist/preact.module.js";
 const H = ({ renderHeader: t, children: C, filled: o }) => {
-  const { i18n: f } = g(), [a, u] = R(!1), r = E(() => u((n) => !n), [u]), A = l(null), i = l(!1), S = l(a), c = k(
+  const { i18n: f } = D(), [a, u] = R(!1), r = E(() => u((n) => !n), [u]), A = l(null), i = l(!1), S = l(a), c = g(
     void 0,
     E(() => {
       a && (r(), i.current = !0);
@@ -42,9 +42,9 @@ const H = ({ renderHeader: t, children: C, filled: o }) => {
       L,
       {
         id: p,
-        className: s(d, B, {
+        className: s(d, k, {
           [m]: o,
-          [D]: !a
+          [B]: !a
         }),
         disabled: !a,
         "aria-controls": p,

package/dist/es/components/internal/FilterBar/filters/BaseFilter/BaseFilter.js

@@ -12,7 +12,7 @@ import { useMemo as v, useCallback as D, useEffect as E, useState as L } from ".
 import f from "../../../../../hooks/useBooleanState/useBooleanState.js";
 import O from "../../../FormFields/InputText.js";
 import "./BaseFilter.scss.js";
-import { Fragment as j } from "preact";
+import { Fragment as j } from "../../../../../external/preact/dist/preact.module.js";
 const q = (d) => !d || z(d), R = (() => {
   const d = (e) => {
     const { editAction: t, name: y, onChange: c, onValueUpdated: l } = e, [a, o] = L(e.value), r = D(
@@ -39,7 +39,7 @@ const q = (d) => !d || z(d), R = (() => {
       r(m), g(n === null), h(s ? n !== e.value : !m);
     },
     [a, r, g, h, s, e.value]
-  ), { commitAction: x, commitActionButtons: k, committing: A, resetCommitAction: V } = Y({
+  ), { commitAction: k, commitActionButtons: x, committing: A, resetCommitAction: V } = Y({
     applyDisabled: P || !I,
     resetDisabled: o
   }), [p, M] = v(() => {
@@ -107,7 +107,7 @@ const q = (d) => !d || z(d), R = (() => {
     t && /* @__PURE__ */ i(
       U,
       {
-        actions: k,
+        actions: x,
         title: (C = e.title) == null ? void 0 : C.trim(),
         modifiers: ["filter"],
         open: t,
@@ -119,7 +119,7 @@ const q = (d) => !d || z(d), R = (() => {
         targetElement: b,
         disableFocusTrap: !1,
         containerSize: e.containerSize,
-        children: S({ ...e, editAction: x, onValueUpdated: T })
+        children: S({ ...e, editAction: k, onValueUpdated: T })
       }
     )
   ] });

package/dist/es/components/internal/FormFields/InputBase.js

@@ -1,14 +1,14 @@
 import { jsx as f } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ARIA_ERROR_SUFFIX as h } from "../../../core/Errors/constants.js";
-import { hasOwnProperty as k } from "../../../utils/common/index.js";
+import { hasOwnProperty as _ } from "../../../utils/common/index.js";
 import w from "classnames";
 import { forwardRef as P } from "../../../external/preact/compat/dist/compat.module.js";
 import { useCallback as r } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./FormFields.scss.js";
-import { Fragment as q } from "preact";
-function u({ onInput: a, onKeyUp: d, trimOnBlur: c, onBlurHandler: t, onBlur: e, onFocusHandler: s, errorMessage: l, ...p }, v) {
-  const { autoCorrect: A, classNameModifiers: m, isInvalid: n, isValid: C, readonly: I = !1, spellCheck: O, type: y, uniqueId: o, isCollatingErrors: $, disabled: g } = p;
-  k(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
+import { Fragment as q } from "../../../external/preact/dist/preact.module.js";
+function u({ onInput: a, onKeyUp: d, trimOnBlur: c, onBlurHandler: t, onBlur: s, onFocusHandler: e, errorMessage: l, ...p }, v) {
+  const { autoCorrect: A, classNameModifiers: m, isInvalid: n, isValid: C, readonly: $ = !1, spellCheck: O, type: y, uniqueId: o, isCollatingErrors: I, disabled: g } = p;
+  _(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
   const N = r(
     (i) => {
       a == null || a(i);
@@ -21,15 +21,15 @@ function u({ onInput: a, onKeyUp: d, trimOnBlur: c, onBlurHandler: t, onBlur: e,
     [d]
   ), b = r(
     (i) => {
-      t == null || t(i), c && (i.target.value = i.target.value.trim()), e == null || e(i);
+      t == null || t(i), c && (i.target.value = i.target.value.trim()), s == null || s(i);
     },
-    [e, t, c]
-  ), x = r(
+    [s, t, c]
+  ), k = r(
     (i) => {
-      s == null || s(i);
+      e == null || e(i);
     },
-    [s]
-  ), E = w(
+    [e]
+  ), x = w(
     "adyen-fp-input",
     [`adyen-fp-input--${y}`],
     p.className,
@@ -38,21 +38,21 @@ function u({ onInput: a, onKeyUp: d, trimOnBlur: c, onBlurHandler: t, onBlur: e,
       "adyen-fp-input--valid": C
     },
     m == null ? void 0 : m.map((i) => `adyen-fp-input--${i}`)
-  ), { classNameModifiers: V, uniqueId: j, isInvalid: F, isValid: S, isCollatingErrors: T, ..._ } = p;
+  ), { classNameModifiers: V, uniqueId: j, isInvalid: F, isValid: S, isCollatingErrors: T, ...E } = p;
   return /* @__PURE__ */ f(q, { children: [
     /* @__PURE__ */ f(
       "input",
       {
         id: o,
-        ..._,
+        ...E,
         type: y,
-        className: E,
-        readOnly: I,
-        "aria-describedby": $ ? void 0 : `${o}${h}`,
+        className: x,
+        readOnly: $,
+        "aria-describedby": I ? void 0 : `${o}${h}`,
         "aria-invalid": n,
         onInput: N,
         onBlur: b,
-        onFocus: x,
+        onFocus: k,
         onKeyUp: R,
         disabled: g,
         ref: v

package/dist/es/components/internal/FormFields/Select/components/SelectButton.js

@@ -9,7 +9,7 @@ import u from "../../../Typography/Typography.js";
 import B from "../../../SVGIcons/ChevronDown.js";
 import { TypographyElement as p, TypographyVariant as R } from "../../../Typography/types.js";
 import { DROPDOWN_BUTTON_CLASS as h, DROPDOWN_BUTTON_ACTIVE_CLASS as y, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as A, DROPDOWN_BUTTON_READONLY_CLASS as E, DROPDOWN_BUTTON_INVALID_CLASS as P, DROPDOWN_BUTTON_VALID_CLASS as U, DROPDOWN_BUTTON_ICON_CLASS as g, DROPDOWN_BUTTON_TEXT_CLASS as x, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as I, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as W, DROPDOWN_BUTTON_CLASSNAME as b } from "../constants.js";
-import { Fragment as w } from "preact";
+import { Fragment as w } from "../../../../../external/preact/dist/preact.module.js";
 const V = ({
   active: e,
   disabled: m,

package/dist/es/components/internal/FormFields/Select/components/SelectListItem.js

@@ -6,7 +6,7 @@ import N from "../../../SVGIcons/CheckedBox.js";
 import _ from "../../../SVGIcons/UncheckedBox.js";
 import C from "../../../SVGIcons/Checkmark.js";
 import { DROPDOWN_ELEMENT_CHECKBOX_CLASS as D, DROPDOWN_ELEMENT_CONTENT_CLASS as L, DROPDOWN_ELEMENT_CHECKMARK_CLASS as p, DROPDOWN_ELEMENT_CLASS as O, DROPDOWN_ELEMENT_ACTIVE_CLASS as S, DROPDOWN_ELEMENT_DISABLED_CLASS as f, DROPDOWN_ELEMENT_ICON_CLASS as A } from "../constants.js";
-import { Fragment as T } from "preact";
+import { Fragment as T } from "../../../../../external/preact/dist/preact.module.js";
 const B = ({
   iconClassName: e,
   item: o,