@adyen/adyen-platform-experience-web 1.12.0 → 1.12.2-beta.0

package/dist/es/packages/shared/ui-components-preact/src/ExpandableCard/ExpandableCard.js

@@ -1,48 +1,33 @@
-import { jsx as t } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import o from "classnames";
+import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import n from "../../../../../_virtual/index.js";
 import { isFunction as z } from "../../../utils/src/value/is.js";
-import "../../../utils/src/abort/internals.js";
-import "../../../utils/src/async/constants.js";
-import "../../../utils/src/collection/main.js";
-import "../../../utils/src/common.js";
-import "../../../utils/src/value/constants.js";
-import "../../../utils/src/datetime/formats.js";
-import "../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../utils/src/datetime/restamper/restamper.js";
-import "../../../utils/src/datetime/restamper/constants.js";
-import "../../../utils/src/struct/property.js";
-import "../../../utils/src/struct/main.js";
-import "../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../utils/src/primitives/time/clock/main.js";
-import "../../../utils/src/primitives/time/today/main.js";
-import { useState as T, useMemo as x, useCallback as b, useRef as a, useLayoutEffect as U, useEffect as g } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
+import { useState as T, useMemo as x, useCallback as b, useRef as i, useLayoutEffect as U, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { useClickOutside as V } from "../../../hooks-preact/src/element/useClickOutside.js";
 import Y from "../../../hooks-preact/src/useUniqueId.js";
-import y from "../BaseButton/BaseButton.js";
-import { Icon as H } from "../Icon/Icon.js";
+import { Icon as y } from "../Icon/Icon.js";
 /* empty css                    */
-import { CARD_HEIGHT_PROPERTY as B, BASE_CLASS as $, CONTENT_CLASS as C, CONTENT_EXPANDABLE_CLASS as k, CHEVRON_CLASS as D, CONTAINER_CLASS as E, CONTAINER_BUTTON_CLASS as F, CONTAINER_FILLED_CLASS as S, CONTAINER_OVERLAY_CLASS as j, CONTAINER_IN_FLOW_CLASS as G, CONTAINER_HIDDEN_CLASS as M } from "./constants.js";
-import { Fragment as P } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-const Oe = ({ renderContent: i, children: A, filled: c, fullWidth: O, inFlow: _, ...d }) => {
-  const [e, R] = T(!1), [v, h] = T(0), s = x(() => _ === !0, [_]), n = b(() => R((r) => !r), [R]), L = a(null), m = a(null), l = `elem-${Y()}`, p = a(!1), I = a(e), u = V(
+import { CARD_HEIGHT_PROPERTY as H, BASE_CLASS as $, CONTENT_CLASS as C, CONTENT_EXPANDABLE_CLASS as B, CHEVRON_CLASS as k, CONTAINER_CLASS as E, CONTAINER_BUTTON_CLASS as D, CONTAINER_FILLED_CLASS as S, CONTAINER_OVERLAY_CLASS as j, CONTAINER_IN_FLOW_CLASS as G, CONTAINER_HIDDEN_CLASS as M } from "./constants.js";
+import { Fragment as F } from "../../../../../external/preact/dist/preact.module.js";
+import P from "../BaseButton/BaseButton.js";
+const ae = ({ renderContent: a, children: A, filled: c, fullWidth: O, inFlow: _, ...d }) => {
+  const [e, R] = T(!1), [v, h] = T(0), t = x(() => _ === !0, [_]), o = b(() => R((r) => !r), [R]), L = i(null), l = i(null), u = `elem-${Y()}`, f = i(!1), I = i(e), m = V(
     void 0,
     b(() => {
-      e && (n(), p.current = !0);
-    }, [e, n])
-  ), f = x(
-    () => z(i) ? i : ({ collapsibleContent: r }) => /* @__PURE__ */ t(P, { children: [
-      i,
-      r && /* @__PURE__ */ t("div", { children: r })
+      e && (o(), f.current = !0);
+    }, [e, o])
+  ), p = x(
+    () => z(a) ? a : ({ collapsibleContent: r }) => /* @__PURE__ */ s(F, { children: [
+      a,
+      r && /* @__PURE__ */ s("div", { children: r })
     ] }),
-    [i]
+    [a]
   );
   return U(() => {
     const r = L.current;
-    r && (s ? r.style.setProperty(B, `${v}px`) : e || r.style.removeProperty(B));
-  }, [v, s, e]), g(() => {
-    if (!s) return void h(0);
-    const r = m.current;
+    r && (t ? r.style.setProperty(H, `${v}px`) : e || r.style.removeProperty(H));
+  }, [v, t, e]), g(() => {
+    if (!t) return void h(0);
+    const r = l.current;
     if (!r) return;
     const N = new ResizeObserver((q) => {
       for (const w of q)
@@ -51,50 +36,50 @@ const Oe = ({ renderContent: i, children: A, filled: c, fullWidth: O, inFlow: _,
     return N.observe(r), () => {
       N.unobserve(r), N.disconnect();
     };
-  }, [s]), g(() => {
-    e ? u.current?.focus() : (I.current !== e && !p.current && m.current?.focus(), p.current = !1), I.current = e;
-  }, [e, u]), /* @__PURE__ */ t("div", { ref: L, className: $, children: A ? /* @__PURE__ */ t(P, { children: [
-    /* @__PURE__ */ t(
-      y,
+  }, [t]), g(() => {
+    e ? m.current?.focus() : (I.current !== e && !f.current && l.current?.focus(), f.current = !1), I.current = e;
+  }, [e, m]), /* @__PURE__ */ s("div", { ref: L, className: $, children: A ? /* @__PURE__ */ s(F, { children: [
+    /* @__PURE__ */ s(
+      P,
       {
-        className: o(E, F, { [S]: c }),
+        className: n(E, D, { [S]: c }),
         disabled: e,
         fullWidth: O,
-        onClick: n,
-        ref: m,
+        onClick: o,
+        ref: l,
         "data-testid": "expand-button",
-        ...e ? { "aria-hidden": !0 } : { "aria-controls": l, "aria-expanded": !1 },
+        ...e ? { "aria-hidden": !0 } : { "aria-controls": u, "aria-expanded": !1 },
         ...d,
         children: [
-          /* @__PURE__ */ t("div", { className: o(C, k), children: f({ isExpanded: e }) }),
-          /* @__PURE__ */ t("div", { className: D, children: /* @__PURE__ */ t(H, { name: "chevron-down" }) })
+          /* @__PURE__ */ s("div", { className: n(C, B), children: p({ isExpanded: e }) }),
+          /* @__PURE__ */ s("div", { className: k, children: /* @__PURE__ */ s(y, { name: "chevron-down" }) })
         ]
       }
     ),
-    /* @__PURE__ */ t(
-      y,
+    /* @__PURE__ */ s(
+      P,
       {
-        id: l,
-        className: o(E, F, j, {
+        id: u,
+        className: n(E, D, j, {
           [S]: c,
           [M]: !e,
-          [G]: s
+          [G]: t
         }),
         disabled: !e,
         fullWidth: O,
-        onClick: n,
-        ref: u,
+        onClick: o,
+        ref: m,
         "data-testid": "collapse-button",
-        ...e ? { "aria-controls": l, "aria-expanded": !0 } : { role: "presentation" },
+        ...e ? { "aria-controls": u, "aria-expanded": !0 } : { role: "presentation" },
         ...d,
         children: [
-          /* @__PURE__ */ t("div", { className: o(C, k), children: f({ isExpanded: e, collapsibleContent: A }) }),
-          /* @__PURE__ */ t("div", { className: D, children: /* @__PURE__ */ t(H, { name: "chevron-up" }) })
+          /* @__PURE__ */ s("div", { className: n(C, B), children: p({ isExpanded: e, collapsibleContent: A }) }),
+          /* @__PURE__ */ s("div", { className: k, children: /* @__PURE__ */ s(y, { name: "chevron-up" }) })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ t("div", { className: o(E, { [S]: c }), ...d, children: /* @__PURE__ */ t("div", { className: C, children: f({ isExpanded: !1 }) }) }) });
+  ] }) : /* @__PURE__ */ s("div", { className: n(E, { [S]: c }), ...d, children: /* @__PURE__ */ s("div", { className: C, children: p({ isExpanded: !1 }) }) }) });
 };
 export {
-  Oe as default
+  ae as default
 };

package/dist/es/packages/shared/ui-components-preact/src/FilterBar/FilterBar.js

@@ -1,83 +1,61 @@
-import { jsx as i } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import u from "classnames";
-import s from "../Button/Button.js";
-import { Icon as b } from "../Icon/Icon.js";
-import { isFunction as C } from "../../../utils/src/value/is.js";
-import "../../../utils/src/abort/internals.js";
-import "../../../utils/src/async/constants.js";
-import "../../../utils/src/collection/main.js";
-import "../../../utils/src/common.js";
-import "../../../utils/src/value/constants.js";
-import "../../../utils/src/datetime/formats.js";
-import "../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../utils/src/datetime/restamper/restamper.js";
-import "../../../utils/src/datetime/restamper/constants.js";
-import "../../../utils/src/struct/property.js";
-import "../../../utils/src/struct/main.js";
-import "../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../utils/src/primitives/time/clock/main.js";
-import "../../../utils/src/primitives/time/today/main.js";
-import { ButtonVariant as c } from "../../../types/src/uiComponents/button.js";
-import "../../../types/src/uiComponents/buttonActions.js";
-import { useState as B, useEffect as h, useMemo as x } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../core/src/preact/CoreContext.js";
-import "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../core/src/Localization/constants/localization.js";
-import p from "../../../core/src/preact/useCoreContext.js";
-import "../../../core/src/preact/ConfigContext.js";
-import "../../../core/src/preact/EventDispatcherContext.js";
-/* empty css                                      */
-import { useResponsiveContainer as F, containerQueries as I } from "../../../hooks-preact/src/useResponsiveContainer.js";
+import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import b from "../../../../../_virtual/index.js";
+import c from "../Button/Button.js";
+import { Icon as C } from "../Icon/Icon.js";
+import { isFunction as B } from "../../../utils/src/value/is.js";
+import { useState as h, useEffect as x, useMemo as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import m from "../../../core/src/preact/useCoreContext.js";
+import { useResponsiveContainer as I, containerQueries as S } from "../../../hooks-preact/src/useResponsiveContainer.js";
 /* empty css               */
-import S from "../../../hooks-preact/src/useUniqueId.js";
-const l = "adyen-pe-filter-bar-mobile-switch", et = () => {
-  const t = F(I.down.xs), [r, o] = B(!t), e = `filters-${S()}`;
-  return h(() => {
-    o(!t);
-  }, [t]), { filterBarElementId: e, isMobileContainer: t, showingFilters: r, setShowingFilters: o };
-}, it = ({
-  ariaLabelKey: t,
-  filterBarElementId: r,
+import E from "../../../hooks-preact/src/useUniqueId.js";
+import { ButtonVariant as d } from "../../../types/src/uiComponents/button.js";
+const s = "adyen-pe-filter-bar-mobile-switch", L = () => {
+  const e = I(S.down.xs), [t, o] = h(!e), r = `filters-${E()}`;
+  return x(() => {
+    o(!e);
+  }, [e]), { filterBarElementId: r, isMobileContainer: e, showingFilters: t, setShowingFilters: o };
+}, k = ({
+  ariaLabelKey: e,
+  filterBarElementId: t,
   isMobileContainer: o,
-  showingFilters: e,
+  showingFilters: r,
   setShowingFilters: n
 }) => {
-  const { i18n: a } = p(), d = x(() => a.get(t ?? "common.filters.mobile.label"), [a, t]), m = !C(n), f = !m && !!e;
-  return o ? /* @__PURE__ */ i("div", { className: l, children: /* @__PURE__ */ i(
-    s,
+  const { i18n: a } = m(), f = F(() => a.get(e ?? "common.filters.mobile.label"), [a, e]), l = !B(n), u = !l && !!r;
+  return o ? /* @__PURE__ */ i("div", { className: s, children: /* @__PURE__ */ i(
+    c,
     {
       iconButton: !0,
-      className: `${l}__button`,
-      disabled: m,
-      "aria-label": d,
-      "aria-expanded": f,
-      "aria-controls": r,
-      onClick: () => n?.(!e),
-      variant: c.SECONDARY,
-      children: /* @__PURE__ */ i(b, { name: e ? "cross" : "filter" })
+      className: `${s}__button`,
+      disabled: l,
+      "aria-label": f,
+      "aria-expanded": u,
+      "aria-controls": t,
+      onClick: () => n?.(!r),
+      variant: d.SECONDARY,
+      children: /* @__PURE__ */ i(C, { name: r ? "cross" : "filter" })
     }
   ) }) : null;
-}, ot = (t) => {
-  const { i18n: r } = p();
-  return t.showingFilters ? /* @__PURE__ */ i(
+}, O = (e) => {
+  const { i18n: t } = m();
+  return e.showingFilters ? /* @__PURE__ */ i(
     "div",
     {
       role: "group",
       "data-testid": "filter-bar",
-      "aria-label": r.get(t.ariaLabelKey ?? "common.filters.label"),
-      className: u("adyen-pe-filter-bar", { "adyen-pe-filter-bar--mobile": t.isMobileContainer }),
-      id: t.filterBarElementId,
+      "aria-label": t.get(e.ariaLabelKey ?? "common.filters.label"),
+      className: b("adyen-pe-filter-bar", { "adyen-pe-filter-bar--mobile": e.isMobileContainer }),
+      id: e.filterBarElementId,
       children: [
-        t.children,
-        t.canResetFilters && !!t.resetFilters && /* @__PURE__ */ i(s, { variant: c.TERTIARY, onClick: t.resetFilters, children: r.get("common.filters.controls.resetAll.label") })
+        e.children,
+        e.canResetFilters && !!e.resetFilters && /* @__PURE__ */ i(c, { variant: d.TERTIARY, onClick: e.resetFilters, children: t.get("common.filters.controls.resetAll.label") })
       ]
     }
   ) : null;
 };
 export {
-  ot as FilterBar,
-  it as FilterBarMobileSwitch,
-  ot as default,
-  et as useFilterBarState
+  O as FilterBar,
+  k as FilterBarMobileSwitch,
+  O as default,
+  L as useFilterBarState
 };

package/dist/es/packages/shared/ui-components-preact/src/FilterBar/components/FilterButton/FilterButton.js

@@ -1,12 +1,11 @@
-import { jsx as e } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import u from "../../../Button/hooks/useButton.js";
 import { TypographyVariant as d, TypographyElement as y } from "../../../Typography/types.js";
 import T from "../../../Typography/Typography.js";
 import { fixedForwardRef as h } from "../../../../../utils/src/preact/fixedForwardRef.js";
-import "../../../../../utils/src/preact/memoComparator/main.js";
 import { parseClassName as B } from "../../../../../utils/src/preact/className.js";
 import { parseBooleanProp as N } from "../../../../../utils/src/preact/props.js";
-import { useMemo as a } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
+import { useMemo as a } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css                  */
 const C = "adyen-pe-filter-button";
 function F(o, i) {
@@ -21,7 +20,7 @@ function F(o, i) {
   );
   return /* @__PURE__ */ e("button", { ref: i, onClick: f, ...c, children: /* @__PURE__ */ e(T, { el: y.DIV, variant: d.BODY, stronger: !0, children: p }) });
 }
-const _ = h(F);
+const M = h(F);
 export {
-  _ as default
+  M as default
 };

package/dist/es/packages/shared/ui-components-preact/src/FilterBar/filters/BaseFilter/BaseFilter.js

@@ -1,134 +1,105 @@
-import { jsx as a } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as i } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useResponsiveContainer as b, containerQueries as M } from "../../../../../hooks-preact/src/useResponsiveContainer.js";
 import H from "../../components/FilterButton/FilterButton.js";
 import j from "../../../Popover/Popover.js";
-import "../../../../../types/src/uiComponents/buttonActions.js";
-import { PopoverContainerPosition as L, PopoverContainerVariant as Q } from "../../../../../types/src/uiComponents/popover.js";
 import { TypographyVariant as _, TypographyElement as D } from "../../../Typography/types.js";
 import I from "../../../Typography/Typography.js";
-import G from "../../../../../hooks-preact/src/useCommitAction/useCommitAction.js";
+import L from "../../../../../hooks-preact/src/useCommitAction/useCommitAction.js";
 import { CommitAction as T } from "../../../../../hooks-preact/src/useCommitAction/types.js";
-import { isNull as J } from "../../../../../utils/src/value/is.js";
-import "../../../../../utils/src/abort/internals.js";
-import "../../../../../utils/src/async/constants.js";
-import "../../../../../utils/src/collection/main.js";
-import "../../../../../utils/src/common.js";
-import "../../../../../utils/src/value/constants.js";
-import "../../../../../utils/src/datetime/formats.js";
-import "../../../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../utils/src/datetime/restamper/restamper.js";
-import "../../../../../utils/src/datetime/restamper/constants.js";
-import "../../../../../utils/src/struct/property.js";
-import "../../../../../utils/src/struct/main.js";
-import "../../../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../utils/src/primitives/time/clock/main.js";
-import "../../../../../utils/src/primitives/time/today/main.js";
-import { isEmptyString as K } from "../../../../../utils/src/value/string.js";
-import { memo as W } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/compat/dist/compat.module.js";
-import { useMemo as E, useRef as V, useCallback as R, useEffect as v, useState as X } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import c from "../../../../../hooks-preact/src/useBooleanState.js";
-import Z from "../../../../../hooks-preact/src/useUniqueId.js";
-import tt from "../../../FormFields/InputText.js";
-import "classnames";
-import "../../../../../core/src/preact/CoreContext.js";
-import { Fragment as et } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../../../core/src/Localization/constants/localization.js";
-import "../../../../../core/src/preact/ConfigContext.js";
-import "../../../../../core/src/preact/EventDispatcherContext.js";
-/* empty css                                            */
-/* empty css                    */
-/* empty css                      */
-import "../../../Button/Button.js";
-import "../../../../../utils/src/preact/memoComparator/main.js";
-import "../../../FormFields/Select/components/SelectList.js";
-/* empty css                                     */
-/* empty css                                  */
-const it = (l) => !l || K(l), at = /* @__PURE__ */ (() => {
-  const l = (s) => {
-    const { editAction: t, name: g, onChange: e, onValueUpdated: m } = s, [d, u] = X(s.value), i = V(null), p = R(
-      (o) => {
-        const f = o.target.value.trim();
-        u(f), m(f);
+import { isNull as Q } from "../../../../../utils/src/value/is.js";
+import { isEmptyString as G } from "../../../../../utils/src/value/string.js";
+import { memo as J } from "../../../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as E, useRef as V, useCallback as R, useEffect as v, useState as K } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import m from "../../../../../hooks-preact/src/useBooleanState.js";
+import W from "../../../../../hooks-preact/src/useUniqueId.js";
+import X from "../../../FormFields/InputText.js";
+import { Fragment as Z } from "../../../../../../../external/preact/dist/preact.module.js";
+import { PopoverContainerPosition as ee, PopoverContainerVariant as te } from "../../../../../types/src/uiComponents/popover.js";
+const ae = (r) => !r || G(r), ie = /* @__PURE__ */ (() => {
+  const r = (s) => {
+    const { editAction: e, name: g, onChange: t, onValueUpdated: u } = s, [c, d] = K(s.value), a = V(null), f = R(
+      (n) => {
+        const p = n.target.value.trim();
+        d(p), u(p);
       },
-      [m]
+      [u]
     );
     return v(() => {
-      (function o() {
-        i.current ? i.current.focus() : requestAnimationFrame(o);
+      (function n() {
+        a.current ? a.current.focus() : requestAnimationFrame(n);
       })();
-    }, [i]), v(() => {
-      t === T.CLEAR && (u(""), m(""), e("")), t === T.APPLY && e(d ?? "");
-    }, [d, t, e, m]), /* @__PURE__ */ a(tt, { ref: i, name: g, value: d, onInput: p });
+    }, [a]), v(() => {
+      e === T.CLEAR && (d(""), u(""), t("")), e === T.APPLY && t(c ?? "");
+    }, [c, e, t, u]), /* @__PURE__ */ i(X, { ref: a, name: g, value: c, onInput: f });
   };
-  return (s) => /* @__PURE__ */ a(l, { ...s });
-})(), ot = ({ render: l, ["aria-label"]: s, ...t }) => {
-  const g = b(M.down.xs), [e, m] = c(!1), [d, u] = c(!1), i = E(() => t.isValueEmpty ?? it, [t.isValueEmpty]), [p, o] = c(i(t.value)), [f, h] = c(!1), [w, A] = c(!1), [x, F] = c(i(t.value)), C = V(null), P = `elem-${Z()}`, k = E(() => l ?? at, [l]), q = R(
-    (n) => {
-      const r = i(n ?? void 0);
-      o(r), F(J(n)), A(f ? n !== t.value : !r);
+  return (s) => /* @__PURE__ */ i(r, { ...s });
+})(), ne = ({ render: r, ["aria-label"]: s, ...e }) => {
+  const g = b(M.down.xs), [t, u] = m(!1), [c, d] = m(!1), a = E(() => e.isValueEmpty ?? ae, [e.isValueEmpty]), [f, n] = m(a(e.value)), [p, h] = m(!1), [w, A] = m(!1), [x, F] = m(a(e.value)), C = V(null), P = `elem-${W()}`, k = E(() => r ?? ie, [r]), q = R(
+    (o) => {
+      const l = a(o ?? void 0);
+      n(l), F(Q(o)), A(p ? o !== e.value : !l);
     },
-    [i, o, F, A, f, t.value]
-  ), { commitAction: U, commitActionButtons: Y, committing: N, resetCommitAction: B } = G({
+    [a, n, F, A, p, e.value]
+  ), { commitAction: U, commitActionButtons: Y, committing: N, resetCommitAction: B } = L({
     applyDisabled: x || !w,
-    resetDisabled: p,
-    onResetAction: t?.onResetAction
+    resetDisabled: f,
+    onResetAction: e?.onResetAction
   }), S = V(!1), [y, O] = E(() => {
-    const n = (r) => () => {
-      r === e || r && S.current || (r && (B(), A(!1), h(!1)), m(r), u(r));
+    const o = (l) => () => {
+      l === t || l && S.current || (l && (B(), A(!1), h(!1)), u(l), d(l));
     };
-    return [n(!1), n(!0)];
-  }, [m, e, B, u, h, A]);
+    return [o(!1), o(!0)];
+  }, [u, t, B, d, h, A]);
   v(() => {
-    if (d) {
-      const n = i(t.value);
-      u(!1), o(n), h(!n);
+    if (c) {
+      const o = a(e.value);
+      d(!1), n(o), h(!o);
     }
-  }, [t.value, d, i, u, o, h]), v(() => {
+  }, [e.value, c, a, d, n, h]), v(() => {
     N && y();
   }, [N, y]), v(() => {
-    S.current = e;
-  }, [e]);
+    S.current = t;
+  }, [t]);
   const $ = b(M.only.sm), z = b(M.only.md);
-  return /* @__PURE__ */ a(et, { children: [
-    /* @__PURE__ */ a("div", { className: `adyen-pe-filter adyen-pe-filter--${t.type}`, children: E(
-      () => /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(Z, { children: [
+    /* @__PURE__ */ i("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: E(
+      () => /* @__PURE__ */ i(
         H,
         {
           classNameModifiers: [
-            ...t.appliedFilterAmount ? ["with-counter"] : [],
-            ...t.classNameModifiers ?? [],
-            ...e ? ["active"] : [],
-            ...p ? [] : ["has-selection"]
+            ...e.appliedFilterAmount ? ["with-counter"] : [],
+            ...e.classNameModifiers ?? [],
+            ...t ? ["active"] : [],
+            ...f ? [] : ["has-selection"]
           ],
           "aria-haspopup": "dialog",
-          "aria-expanded": e,
+          "aria-expanded": t,
           "aria-label": s,
           id: P,
-          onClick: e ? y : O,
+          onClick: t ? y : O,
           ref: C,
           tabIndex: 0,
-          children: /* @__PURE__ */ a("div", { className: "adyen-pe-filter-button__default-container", children: [
-            /* @__PURE__ */ a(I, { el: D.SPAN, variant: _.BODY, className: "adyen-pe-filter-button__label", children: t.label }),
-            !!t.appliedFilterAmount && /* @__PURE__ */ a("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ a(
+          children: /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__default-container", children: [
+            /* @__PURE__ */ i(I, { el: D.SPAN, variant: _.BODY, className: "adyen-pe-filter-button__label", children: e.label }),
+            !!e.appliedFilterAmount && /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__counter-wrapper", children: /* @__PURE__ */ i(
               I,
               {
                 el: D.SPAN,
                 variant: _.BODY,
                 stronger: !0,
                 className: "adyen-pe-filter-button__counter",
-                children: t.appliedFilterAmount
+                children: e.appliedFilterAmount
               }
             ) })
           ] })
         }
       ),
       [
-        t.appliedFilterAmount,
-        t.classNameModifiers,
-        t.label,
-        e,
-        p,
+        e.appliedFilterAmount,
+        e.classNameModifiers,
+        e.label,
+        t,
+        f,
         y,
         O,
         C,
@@ -136,29 +107,29 @@ const it = (l) => !l || K(l), at = /* @__PURE__ */ (() => {
         P
       ]
     ) }),
-    e && /* @__PURE__ */ a(
+    t && /* @__PURE__ */ i(
       j,
       {
         actions: Y,
-        title: t.title?.trim(),
-        variant: Q.POPOVER,
+        title: e.title?.trim(),
+        variant: te.POPOVER,
         modifiers: ["filter"],
-        open: e,
+        open: t,
         dismiss: y,
         dismissible: !1,
-        withContentPadding: t.withContentPadding ?? !0,
+        withContentPadding: e.withContentPadding ?? !0,
         divider: !0,
         targetElement: C,
         disableFocusTrap: !1,
-        position: L.BOTTOM,
-        containerSize: t.containerSize,
+        position: ee.BOTTOM,
+        containerSize: e.containerSize,
         showOverlay: g,
         fitPosition: $ || z,
-        children: k({ ...t, editAction: U, onValueUpdated: q })
+        children: k({ ...e, editAction: U, onValueUpdated: q })
       }
     )
   ] });
-}, Wt = W(ot);
+}, be = J(ne);
 export {
-  Wt as default
+  be as default
 };