@adyen/adyen-platform-experience-web 0.1.1

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

@@ -0,0 +1,86 @@
+import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { toChildArray as u, Fragment as _ } from "preact";
+import l from "classnames";
+import "./DataGrid.scss.js";
+import { TableBody as h } from "./components/TableBody.js";
+import { InteractiveBody as b } from "./components/InteractiveBody.js";
+import { CellTextPosition as c } from "./types.js";
+import N from "./components/SkeletonBody.js";
+import { ErrorMessageDisplay as C } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { useMemo as m } from "../../../external/preact/hooks/dist/hooks.module.js";
+import T from "../../../images/no-data-female.svg.js";
+const S = Object.freeze({
+  activeIndex: -1,
+  index: -1
+});
+function g({ 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]);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: l("adyen-fp-data-grid", {
+        "adyen-fp-data-grid--condensed": a.condensed,
+        "adyen-fp-data-grid--outline": a.outline,
+        "adyen-fp-data-grid--scrollable": a.scrollable,
+        "adyen-fp-data-grid--loading": a.loading,
+        "adyen-fp-data-grid--empty": n || a.error
+      }),
+      children: /* @__PURE__ */ d(_, { children: [
+        /* @__PURE__ */ d("div", { className: "adyen-fp-data-grid__table-wrapper", children: [
+          /* @__PURE__ */ d("table", { className: "adyen-fp-data-grid__table", children: [
+            /* @__PURE__ */ d("thead", { className: "adyen-fp-data-grid__head", children: /* @__PURE__ */ d("tr", { role: "rowheader", className: "adyen-fp-data-grid__row", children: a.columns.map((t) => /* @__PURE__ */ d(
+              "th",
+              {
+                role: "columnheader",
+                id: String(t.key),
+                className: l("adyen-fp-data-grid__cell adyen-fp-data-grid__cell--heading", {
+                  "adyen-fp-data-grid__cell--right": t.position === c.RIGHT,
+                  "adyen-fp-data-grid__cell--center": t.position === c.CENTER
+                }),
+                children: t.label
+              },
+              t.key
+            )) }) }),
+            /* @__PURE__ */ d(k, { ...a, emptyBody: n })
+          ] }),
+          y && (a.error && e ? e() : /* @__PURE__ */ d(
+            C,
+            {
+              title: ((r = a.emptyTableMessage) == null ? void 0 : r.title) ?? "thereAreNoResults",
+              message: (i = a.emptyTableMessage) == null ? void 0 : i.message,
+              imageDesktop: T,
+              centered: !0
+            }
+          ))
+        ] }),
+        f
+      ] })
+    }
+  );
+}
+function k(e) {
+  const a = m(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
+  return /* @__PURE__ */ d("tbody", { className: l("adyen-fp-data-grid__body"), children: a ? /* @__PURE__ */ d(N, { columnsNumber: e.columns.length, loading: e.loading }) : e.onRowClick ? /* @__PURE__ */ d(
+    b,
+    {
+      data: e.data,
+      columns: e.columns,
+      onRowClick: e.onRowClick,
+      customCells: e.customCells
+    }
+  ) : /* @__PURE__ */ d(h, { data: e.data, customCells: e.customCells, columns: e.columns }) });
+}
+g.Footer = s;
+function s({ children: e }) {
+  return /* @__PURE__ */ d("div", { className: "adyen-fp-data-grid__footer", children: e });
+}
+g.defaultProps = {
+  condensed: !1,
+  outline: !0,
+  scrollable: !0
+};
+export {
+  S as INITIAL_STATE,
+  g as default
+};

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

@@ -0,0 +1,4 @@
+const a = "";
+export {
+  a as default
+};

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

@@ -0,0 +1,7 @@
+import { jsx as l } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+function t({ children: a, ...e }) {
+  return /* @__PURE__ */ l("td", { role: "cell", className: "adyen-fp-data-grid__cell", ...e, children: a });
+}
+export {
+  t as default
+};

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

@@ -0,0 +1,33 @@
+import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+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";
+const _ = ({
+  data: e,
+  columns: l,
+  onRowClick: r,
+  customCells: n
+}) => {
+  const m = o(
+    (t) => () => r == null ? void 0 : r.callback(r != null && r.retrievedField ? t[r.retrievedField] : t),
+    [r]
+  ), { currentIndex: u, listeners: p, ref: c } = d({ totalRows: (e == null ? void 0 : e.length) ?? 0 });
+  return /* @__PURE__ */ a(i, { children: e == null ? void 0 : e.map((t, s) => /* @__PURE__ */ a(
+    "tr",
+    {
+      ref: c,
+      "aria-selected": s === u,
+      "data-index": s,
+      className: "adyen-fp-data-grid__row adyen-fp-data-grid__row--clickable",
+      onClick: m(t),
+      onFocusCapture: p.onFocusCapture(s),
+      onKeyDownCapture: p.onKeyDownCapture,
+      children: /* @__PURE__ */ a(f, { columns: l, customCells: n, item: t })
+    },
+    t
+  )) });
+};
+export {
+  _ as InteractiveBody
+};

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

@@ -0,0 +1,22 @@
+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";
+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: [
+    l.map((d, e) => /* @__PURE__ */ a("tr", { className: "adyen-fp-data-grid__row", children: o.map((_, c) => /* @__PURE__ */ a("td", { className: "adyen-fp-data-grid__cell adyen-fp-data-grid__skeleton-cell", children: /* @__PURE__ */ a(
+      "span",
+      {
+        className: s({
+          "adyen-fp-data-grid__skeleton-cell-content adyen-fp-data-grid__skeleton-cell-content--loading": t,
+          "adyen-fp-data-grid__empty-cell": !t
+        })
+      }
+    ) }, `adyen-fp-data-grid-skeleton-cell-${c}`)) }, `adyen-fp-data-grid-skeleton-row-${e}`)),
+    !t && r && r
+  ] });
+};
+export {
+  g as default
+};

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

@@ -0,0 +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";
+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)) });
+export {
+  f as TableBody
+};

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

@@ -0,0 +1,19 @@
+import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import d from "../DataGridCell.js";
+import { Fragment as l } from "preact";
+const o = ({
+  columns: b,
+  customCells: a,
+  item: i
+}) => /* @__PURE__ */ n(l, { children: b.map(({ key: r }) => a != null && a[r] ? /* @__PURE__ */ n(d, {
+  "aria-labelledby": String(r),
+  // TODO create safeguard to remove "as any" assertion
+  children: a[r]({
+    key: r,
+    value: i[r],
+    item: i
+  })
+}, r) : /* @__PURE__ */ n(d, { "aria-labelledby": String(r), children: i[r] }, r)) });
+export {
+  o as TableCells
+};

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

@@ -0,0 +1,78 @@
+import { useReducer as I, useCallback as o } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import p from "../../../../hooks/useReflex/hooks/useReflex.js";
+import { InteractionKeyCode as s } from "../../../types.js";
+import { INITIAL_STATE as R } from "../DataGrid.js";
+const l = ({ totalRows: x }) => {
+  const [i, a] = I(
+    (e, t) => {
+      const n = x;
+      if (n > 1) {
+        const d = t.index;
+        if (d < n && d >= 0)
+          return t.type === "ACTIVE" ? Object.freeze({ ...e, index: t.index ?? 0, activeIndex: t.index }) : Object.freeze({ ...e, index: t.index ?? 0, activeIndex: -1 });
+      }
+      return e;
+    },
+    R
+  ), r = p(
+    o(
+      (e) => {
+        var n;
+        if (!(e instanceof Element))
+          return;
+        const t = Number((n = e.dataset) == null ? void 0 : n.index);
+        i.activeIndex === -1 && t === 0 || t === i.index ? e.setAttribute("tabindex", "0") : e.setAttribute("tabindex", "-1"), t === i.activeIndex && (e == null || e.focus());
+      },
+      [i.activeIndex, i.index]
+    )
+  ), c = o(
+    (e) => {
+      var n, d;
+      if (!(((n = e.target) == null ? void 0 : n.localName) === "tr")) {
+        e.code === s.ARROW_LEFT && a({
+          type: "ACTIVE",
+          index: i.index
+        });
+        return;
+      }
+      switch (e.code) {
+        case s.ARROW_DOWN:
+        case s.ARROW_UP:
+          a({
+            type: "ACTIVE",
+            index: e.code === s.ARROW_DOWN ? i.index + 1 : i.index - 1
+          });
+          break;
+        case s.HOME:
+          a({
+            type: "ACTIVE",
+            index: 0
+          });
+          break;
+        case s.END:
+          a({
+            type: "ACTIVE",
+            index: x - 1
+          });
+          break;
+        case s.ENTER:
+          (d = e.currentTarget) == null || d.click();
+          break;
+        default:
+          return;
+      }
+      e.stopPropagation();
+    },
+    [x, i.index]
+  ), f = o(
+    (e) => (t) => {
+      var d;
+      (!(((d = t.target) == null ? void 0 : d.localName) === "tr") || i.index === -1) && a({ type: "CURRENT", index: e });
+    },
+    [i.index]
+  );
+  return { listeners: { onKeyDownCapture: c, onFocusCapture: f }, ref: r, activeIndex: i.activeIndex, currentIndex: i.index };
+};
+export {
+  l as useInteractiveDataGrid
+};

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

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.CENTER = "center", r.RIGHT = "right", r))(e || {});
+export {
+  e as CellTextPosition
+};

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

@@ -0,0 +1,54 @@
+import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import _ from "classnames";
+import { forwardRef as y } from "../../../external/preact/compat/dist/compat.module.js";
+import { useState as p, useMemo as i, useCallback as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import O from "../../../core/Context/useCoreContext.js";
+import { noop as P } from "../../../utils/common/index.js";
+import I from "../../../hooks/useReflex/hooks/useReflex.js";
+import M from "../Calendar/hooks/useTimezone.js";
+import { DEFAULT_FIRST_WEEK_DAY as v } from "../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
+import x from "./components/TimeRangeSelector/TimeRangeSelector.js";
+import D from "../Calendar/hooks/useCalendarControlsRendering.js";
+import "./DatePicker.scss.js";
+import E from "../Calendar/Calendar.js";
+import g from "../Calendar/calendar/facade/index.js";
+import { EMPTY_OBJECT as S } from "../../../utils/common/constants.js";
+const A = y((e, u) => {
+  const { i18n: r } = O(), [T, k] = D(e.renderControl), [C, a] = p(performance.now()), t = i(() => e.showTimezoneInfo !== !1, [e.showTimezoneInfo]), { clockTime: m, GMTOffset: c } = M({ timezone: e.timezone, withClock: t }), z = i(() => _([{ "adyen-fp-datepicker--with-timezone": t }, "adyen-fp-datepicker"]), [t]), w = i(() => t ? { values: { offset: c, time: m } } : S, [c, m, t]), o = I(P, u), R = N(() => {
+    var l, s, f, d, h;
+    a(performance.now()), (l = o.current) != null && l.from && ((s = o.current) != null && s.to) && ((h = e.onHighlight) == null || h.call(e, +((f = o.current) == null ? void 0 : f.from), +((d = o.current) == null ? void 0 : d.to)));
+  }, [a, e.onHighlight]);
+  return /* @__PURE__ */ n("div", { className: z, children: [
+    /* @__PURE__ */ n("div", { className: "adyen-fp-datepicker__selector-container", children: /* @__PURE__ */ n(
+      x,
+      {
+        now: e.now,
+        calendarRef: o,
+        onTimeRangeSelected: e.onPresetOptionSelected,
+        options: e.timeRangePresetOptions,
+        selectedOption: e.selectedPresetOption,
+        timestamp: C,
+        timezone: e.timezone
+      }
+    ) }),
+    /* @__PURE__ */ n("div", { ref: k, role: "group", className: "adyen-fp-datepicker__controls", "aria-label": r.get("calendar.controls") }),
+    /* @__PURE__ */ n(
+      E,
+      {
+        ...e,
+        ref: o,
+        firstWeekDay: v,
+        dynamicBlockRows: !0,
+        onlyCellsWithin: !0,
+        controls: e.controls ?? g.controls.MINIMAL,
+        highlight: e.highlight ?? g.highlight.MANY,
+        onHighlight: R,
+        renderControl: T
+      }
+    ),
+    t && /* @__PURE__ */ n("div", { className: "adyen-fp-datepicker__timezone", children: r.get("calendar.timezone", w) })
+  ] });
+}), V = A;
+export {
+  V as default
+};

package/dist/es/components/internal/DatePicker/DatePicker.scss.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/es/components/internal/DatePicker/components/TimeRangeSelector/TimeRangeSelector.js

@@ -0,0 +1,22 @@
+import { jsx as C } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as j, useCallback as w, useRef as O, useEffect as i } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import x from "../../../FormFields/Select/Select.js";
+import { useTimeRangeSelection as D } from "./useTimeRangeSelection.js";
+const k = ({
+  calendarRef: o,
+  onTimeRangeSelected: t,
+  timestamp: s,
+  ...S
+}) => {
+  const { customSelection: f, from: c, onSelection: l, options: m, selectedOption: r, to: n } = D(S), b = j(() => Object.freeze(m.map((e) => ({ id: e, name: e }))), [m]), h = w(({ target: e }) => l(e == null ? void 0 : e.value), [l]), u = O(!0), p = O(s);
+  return i(() => {
+    o != null && o.current && c && n && (u.current = !0, o.current.from = new Date(c), o.current.to = new Date(n));
+  }, [o, c, n]), i(() => {
+    p.current !== s && (p.current = s, u.current ? u.current = !1 : f());
+  }, [f, s]), i(() => {
+    r && (t == null || t(r));
+  }, [r, t]), /* @__PURE__ */ C(x, { items: b, filterable: !1, multiSelect: !1, onChange: h, selected: r });
+}, I = k;
+export {
+  I as default
+};

package/dist/es/components/internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js

@@ -0,0 +1,63 @@
+import { useState as m, useRef as C, useMemo as i, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import z from "../../../../../core/Context/useCoreContext.js";
+import I from "../../../Calendar/calendar/timerange/presets/lastMonth.js";
+import N from "../../../Calendar/calendar/timerange/presets/lastNDays.js";
+import E from "../../../Calendar/calendar/timerange/presets/lastWeek.js";
+import K from "../../../Calendar/calendar/timerange/presets/thisMonth.js";
+import Z from "../../../Calendar/calendar/timerange/presets/thisWeek.js";
+import _ from "../../../Calendar/calendar/timerange/presets/yearToDate.js";
+const V = () => Object.freeze({
+  "rangePreset.last7Days": N(7),
+  "rangePreset.thisWeek": Z(),
+  "rangePreset.lastWeek": E(),
+  "rangePreset.thisMonth": K(),
+  "rangePreset.lastMonth": I(),
+  "rangePreset.yearToDate": _()
+}), X = ({
+  now: a = Date.now(),
+  options: r,
+  selectedOption: u,
+  timezone: l
+}) => {
+  const { i18n: s } = z(), [R, h] = m(), [W, D] = m(), [f, g] = m(), S = C(), d = C(), [e, T, n] = i(() => {
+    const o = s.get("rangePreset.custom"), t = Object.keys(r), c = Object.freeze(t.map((O) => s.get(O)));
+    return [o, (O, M = c) => {
+      const x = M.findIndex((v) => v === O);
+      return r[t[x]];
+    }, c];
+  }, [s, r]), [b, k] = m(u === e), y = i(() => Object.freeze([...n, e]), [e, n]), j = i(
+    () => b ? y : n,
+    [b, n, y]
+  ), p = P(
+    (o) => {
+      const t = T(o, n);
+      t && (h(s.fullDate(t.from)), D(s.fullDate(t.to)), k(!1), g(o));
+    },
+    [s, e, T, f, n]
+  ), F = P(() => {
+    h(void 0), D(void 0), k(!0), g(e);
+  }, [e]);
+  return i(() => {
+    u === e ? g(e) : p(u);
+  }, []), i(() => {
+    var o;
+    if (S.current !== a || d.current !== l) {
+      const t = Object.values(r);
+      t.forEach((c) => {
+        c.now = a, c.timezone = l;
+      }), S.current = a, d.current = (o = t[0]) == null ? void 0 : o.timezone, p(f);
+    }
+  }, [a, l, r]), {
+    customSelection: F,
+    from: R,
+    onSelection: p,
+    options: j,
+    selectedOption: f,
+    to: W
+  };
+};
+export {
+  X as default,
+  V as getTimeRangeSelectionDefaultPresetOptions,
+  X as useTimeRangeSelection
+};

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

@@ -0,0 +1,50 @@
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import l from "../Typography/Typography.js";
+import { TypographyVariant as c } from "../Typography/types.js";
+import { useCallback as T } from "../../../external/preact/hooks/dist/hooks.module.js";
+import v from "../../../core/Context/useCoreContext.js";
+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";
+const h = {
+  md: 680,
+  lg: 1024
+}, j = ({
+  title: y,
+  message: m,
+  imageDesktop: i,
+  imageMobile: n,
+  withImage: g,
+  centered: f,
+  refreshComponent: o,
+  onContactSupport: t
+}) => {
+  const { i18n: e } = v(), { updateCore: a } = E(), u = T(
+    (s) => Array.isArray(s) ? s.map(
+      (d, x) => x === 0 ? e.get(d) : /* @__PURE__ */ r(_, { children: [
+        /* @__PURE__ */ r("br", {}),
+        e.get(d)
+      ] })
+    ) : e.get(s),
+    [e]
+  );
+  return /* @__PURE__ */ r("div", { className: `adyen-fp-error-message-display ${f ? "adyen-fp-error-message-display--centered" : ""}`, children: [
+    (i || n || g) && /* @__PURE__ */ r("div", { className: "adyen-fp-error-message-display__illustration", children: /* @__PURE__ */ r("picture", { children: [
+      /* @__PURE__ */ r("source", { type: "image/svg+xml", media: `(min-width: ${h.md}px)`, srcSet: i }),
+      /* @__PURE__ */ r("source", { type: "image/svg+xml", media: `(max-width: ${h.md}px)`, srcSet: n }),
+      /* @__PURE__ */ r("img", { srcSet: i ?? A, alt: e.get("thereWasAnUnexpectedError") })
+    ] }) }),
+    /* @__PURE__ */ r(l, { variant: c.TITLE, children: e.get(y) }),
+    m && /* @__PURE__ */ r(l, { variant: c.BODY, children: u(m) }),
+    (t || o) && /* @__PURE__ */ r("div", { className: "adyen-fp-error-message-display__button", children: [
+      t && /* @__PURE__ */ r(p, { onClick: t, children: e.get("reachOutToSupport") }),
+      !t && o && /* @__PURE__ */ r(p, { onClick: () => a == null ? void 0 : a(), children: e.get("refreshThePage") })
+    ] })
+  ] });
+};
+export {
+  j as ErrorMessageDisplay,
+  h as IMAGE_BREAKPOINT_SIZES
+};

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

@@ -0,0 +1,4 @@
+const s = "";
+export {
+  s as default
+};

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

@@ -0,0 +1,70 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import s from "classnames";
+import { useState as R, useCallback as E, useRef as l, useEffect as T } from "../../../external/preact/hooks/dist/hooks.module.js";
+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 L from "../BaseButton/BaseButton.js";
+import { Fragment as y } from "preact";
+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(
+    void 0,
+    E(() => {
+      a && (r(), i.current = !0);
+    }, [a, r])
+  );
+  return T(() => {
+    var n, O;
+    a ? (n = c.current) == null || n.focus() : (S.current !== a && !i.current && ((O = A.current) == null || O.focus()), i.current = !1), S.current = a;
+  }, [a, c]), /* @__PURE__ */ e("div", { className: I, children: C ? /* @__PURE__ */ e(y, { children: [
+    /* @__PURE__ */ e(
+      L,
+      {
+        className: s(d, b, { [m]: o }),
+        disabled: a,
+        "aria-controls": p,
+        "aria-expanded": a,
+        "aria-hidden": a,
+        onClick: r,
+        ref: A,
+        "data-testid": "expand-button",
+        children: [
+          /* @__PURE__ */ e("span", { className: "adyen-fp-sr-only", children: f.get("expandableCard.expand") }),
+          /* @__PURE__ */ e("div", { className: s(N, _), children: t }),
+          /* @__PURE__ */ e("div", { className: h, children: /* @__PURE__ */ e(v, { role: "presentation" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      L,
+      {
+        id: p,
+        className: s(d, B, {
+          [m]: o,
+          [D]: !a
+        }),
+        disabled: !a,
+        "aria-controls": p,
+        "aria-expanded": a,
+        "aria-hidden": !a,
+        onClick: r,
+        ref: c,
+        "data-testid": "collapse-button",
+        children: [
+          /* @__PURE__ */ e("span", { className: "adyen-fp-sr-only", children: f.get("expandableCard.collapse") }),
+          /* @__PURE__ */ e("div", { className: s(N, _), children: [
+            t,
+            /* @__PURE__ */ e("div", { children: C })
+          ] }),
+          /* @__PURE__ */ e("div", { className: h, children: /* @__PURE__ */ e(x, { role: "presentation" }) })
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ e("div", { className: s(d, { [m]: o }), children: /* @__PURE__ */ e("div", { className: N, children: t }) }) });
+};
+export {
+  H as default
+};

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

@@ -0,0 +1,4 @@
+const a = "";
+export {
+  a as default
+};

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

@@ -0,0 +1,13 @@
+const n = "adyen-fp-expandable-card", _ = n + "__container", S = _ + "--button", C = _ + "--filled", o = _ + "--hidden", A = _ + "--overlay", t = A, N = n + "__content", E = N + "--expandable", c = n + "__chevron";
+export {
+  n as BASE_CLASS,
+  c as CHEVRON_CLASS,
+  S as CONTAINER_BUTTON_CLASS,
+  _ as CONTAINER_CLASS,
+  C as CONTAINER_FILLED_CLASS,
+  o as CONTAINER_HIDDEN_CLASS,
+  A as CONTAINER_OVERLAY_CLASS,
+  t as CONTAINER_OVERLAY_ID,
+  N as CONTENT_CLASS,
+  E as CONTENT_EXPANDABLE_CLASS
+};

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

@@ -0,0 +1,15 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ButtonVariant as i } from "../Button/types.js";
+import a from "../../../core/Context/useCoreContext.js";
+import l from "../Button/Button.js";
+import "./FilterBar.scss.js";
+function f(t) {
+  const { i18n: r } = a();
+  return /* @__PURE__ */ e("div", { "aria-label": r.get("filterBar"), className: "adyen-fp-filter-bar", children: [
+    t.children,
+    t.canResetFilters && !!t.resetFilters && /* @__PURE__ */ e(l, { variant: i.TERTIARY, onClick: t.resetFilters, children: r.get("button.clearAll") })
+  ] });
+}
+export {
+  f as default
+};

package/dist/es/components/internal/FilterBar/FilterBar.scss.js

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

package/dist/es/components/internal/FilterBar/components/FilterButton/FilterButton.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "../../../Button/hooks/useButton.js";
+import { TypographyElement as y, TypographyVariant as T } from "../../../Typography/types.js";
+import B from "../../../Typography/Typography.js";
+import { parseClassName as F } from "../../../../../utils/class-name-utils.js";
+import { parseBoolean as N } from "../../../../../utils/common/index.js";
+import { forwardRef as d } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as e } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import "./FilterButton.scss.js";
+const g = "adyen-fp-filter-button";
+function h({ className: o, classNameModifiers: a = [], children: s, disabled: r, onClick: m, ...n }, p) {
+  const i = e(() => F("", o) || "", [o]), l = e(() => N(r), [r]), { classes: f, click: u } = c(i, a, g, l, m);
+  return /* @__PURE__ */ t("button", { className: f, ref: p, onClick: u, ...n, children: /* @__PURE__ */ t(B, { el: y.SPAN, variant: T.BODY, stronger: !0, children: s }) });
+}
+const x = d(h);
+export {
+  x as default
+};

package/dist/es/components/internal/FilterBar/components/FilterButton/FilterButton.scss.js

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};