@adyen/adyen-platform-experience-web 1.0.0-beta → 1.0.0-beta.2

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

@@ -1,92 +1,63 @@
-import { h, _, F, T } from "../../../../../../hooks.module-8565d716.mjs";
-import useCoreContext from "../../../../../core/Context/useCoreContext.js";
-import lastMonth from "../../../Calendar/calendar/timerange/presets/lastMonth.js";
-import lastNDays from "../../../Calendar/calendar/timerange/presets/lastNDays.js";
-import lastWeek from "../../../Calendar/calendar/timerange/presets/lastWeek.js";
-import thisMonth from "../../../Calendar/calendar/timerange/presets/thisMonth.js";
-import thisWeek from "../../../Calendar/calendar/timerange/presets/thisWeek.js";
-import yearToDate from "../../../Calendar/calendar/timerange/presets/yearToDate.js";
-const getTimeRangeSelectionDefaultPresetOptions = () => Object.freeze({
-  "rangePreset.last7Days": lastNDays(7),
-  "rangePreset.thisWeek": thisWeek(),
-  "rangePreset.lastWeek": lastWeek(),
-  "rangePreset.thisMonth": thisMonth(),
-  "rangePreset.lastMonth": lastMonth(),
-  "rangePreset.yearToDate": yearToDate()
-});
-const useTimeRangeSelection = ({
-  now = Date.now(),
-  options: presetOptions,
-  selectedOption: selectedPresetOption,
-  timezone
+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/lastNDays.js";
+import N from "../../../Calendar/calendar/timerange/presets/thisWeek.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/lastMonth.js";
+import _ from "../../../Calendar/calendar/timerange/presets/yearToDate.js";
+const V = () => Object.freeze({
+  "rangePreset.last7Days": I(7),
+  "rangePreset.thisWeek": N(),
+  "rangePreset.lastWeek": E(),
+  "rangePreset.thisMonth": K(),
+  "rangePreset.lastMonth": Z(),
+  "rangePreset.yearToDate": _()
+}), X = ({
+  now: a = Date.now(),
+  options: r,
+  selectedOption: u,
+  timezone: l
 }) => {
-  const { i18n } = useCoreContext();
-  const [from, setFrom] = h();
-  const [to, setTo] = h();
-  const [selectedOption, setSelectedOption] = h();
-  const NOW = _();
-  const TZ = _();
-  const [customOption, getRangesForOption, selectionOptions] = F(() => {
-    const customOption2 = i18n.get("rangePreset.custom");
-    const optionKeys = Object.keys(presetOptions);
-    const selectionOptions2 = Object.freeze(optionKeys.map((key) => i18n.get(key)));
-    const getRangesForOption2 = (option, options2 = selectionOptions2) => {
-      const optionIndex = options2.findIndex((currentOption) => currentOption === option);
-      return presetOptions[optionKeys[optionIndex]];
-    };
-    return [customOption2, getRangesForOption2, selectionOptions2];
-  }, [i18n, presetOptions]);
-  const [isCustomSelection, setIsCustomSelection] = h(selectedPresetOption === customOption);
-  const selectionOptionsWithCustomOption = F(() => Object.freeze([...selectionOptions, customOption]), [customOption, selectionOptions]);
-  const options = F(
-    () => isCustomSelection ? selectionOptionsWithCustomOption : selectionOptions,
-    [isCustomSelection, selectionOptions, selectionOptionsWithCustomOption]
-  );
-  const onSelection = T(
-    (option) => {
-      const ranges = getRangesForOption(option, selectionOptions);
-      if (!ranges)
-        return;
-      setFrom(i18n.fullDate(ranges.from));
-      setTo(i18n.fullDate(ranges.to));
-      setIsCustomSelection(false);
-      setSelectedOption(option);
+  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));
     },
-    [i18n, customOption, getRangesForOption, selectedOption, selectionOptions]
-  );
-  const customSelection = T(() => {
-    setFrom(void 0);
-    setTo(void 0);
-    setIsCustomSelection(true);
-    setSelectedOption(customOption);
-  }, [customOption]);
-  F(() => {
-    selectedPresetOption === customOption ? setSelectedOption(customOption) : onSelection(selectedPresetOption);
-  }, []);
-  F(() => {
-    var _a;
-    if (NOW.current !== now || TZ.current !== timezone) {
-      const options2 = Object.values(presetOptions);
-      options2.forEach((ranges) => {
-        ranges.now = now;
-        ranges.timezone = timezone;
-      });
-      NOW.current = now;
-      TZ.current = (_a = options2[0]) == null ? void 0 : _a.timezone;
-      onSelection(selectedOption);
+    [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);
     }
-  }, [now, timezone, presetOptions]);
-  return {
-    customSelection,
-    from,
-    onSelection,
-    options,
-    selectedOption,
-    to
+  }, [a, l, r]), {
+    customSelection: F,
+    from: R,
+    onSelection: p,
+    options: j,
+    selectedOption: f,
+    to: W
   };
 };
 export {
-  useTimeRangeSelection as default,
-  getTimeRangeSelectionDefaultPresetOptions,
-  useTimeRangeSelection
+  X as default,
+  V as getTimeRangeSelectionDefaultPresetOptions,
+  X as useTimeRangeSelection
 };

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

@@ -1,63 +1,55 @@
-import '../../../../ErrorMessageDisplay.css';
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import { T as Typography, b as TypographyVariant } from "../../../../Typography-11b95870.mjs";
-import { T } from "../../../../hooks.module-8565d716.mjs";
-import useCoreContext from "../../../core/Context/useCoreContext.js";
-import Button from "../Button/Button.js";
-import useAuthContext from "../../../core/Auth/useAuthContext.js";
-import { k } from "../../../../preact.module-38e5a571.mjs";
-const ErrorMessageDisplay$1 = "";
-const noResults = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjMiIGhlaWdodD0iMTY5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjIzIDE2OSI+CiAgICA8cGF0aCBmaWxsPSIjRUFCMUEwIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNMzYuNiAxMTIuMmMuNi0uMSAxLS43IDEtMS4zbC0uOS04LjcgMi4xIDYuNmMuMi42LjguOCAxLjQuNy42LS4xIDEtLjcuOC0xLjJsLTEuMy02LjggMi45LTQuOC01LjktNS41LTcuNiA5IDUgNC43IDEgNi4yYzAgLjcuNyAxLjIgMS41IDFaIi8+CiAgICA8cGF0aCBmaWxsPSIjRUFCMUEwIiBkPSJNMzEuNyAxMDMuNmMuMy40IDEuMiA2LjYgMS41IDkgMCAuNS42IDEgMS4xIDFoLjNjLjcgMCAxLjItLjYgMS4xLTEuM2wtLjctOS4xIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNMzEuNyAxMDMuNmMuMy40IDEuMiA2LjYgMS41IDkgMCAuNS42IDEgMS4xIDFoLjNjLjcgMCAxLjItLjYgMS4xLTEuM2wtLjctOS4xIi8+CiAgICA8cGF0aCBmaWxsPSIjRUFCMUEwIiBkPSJNMzAuNCA5OS4zdjEzLjFjMCAuNi41IDEuMSAxLjIgMS4xLjUgMCAxLS40IDEtMWwxLjItOS4zIi8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNMzAuNCA5OS4zdjEzLjFjMCAuNi41IDEuMSAxLjIgMS4xLjUgMCAxLS40IDEtMWwxLjItOS4zIi8+CiAgICA8cGF0aCBmaWxsPSIjRUFCMUEwIiBkPSJNMzUuOCA5MnMtNi41IDQuOC02LjYgNi4yYTk5NSA5OTUgMCAwIDAtLjkgMTAuM2MxLjUgMCAyLjgtMSAzLjItMi4zLjYtMi4xIDEuMi00LjkgMS01LjEtLjEtLjMgNS0uNyA1LjgtMy44Ii8+CiAgICA8cGF0aCBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNMzUuOCA5MnMtNi41IDQuOC02LjYgNi4yYTk5NSA5OTUgMCAwIDAtLjkgMTAuM2MxLjUgMCAyLjgtMSAzLjItMi4zLjYtMi4xIDEuMi00LjkgMS01LjEtLjEtLjMgNS0uNyA1LjgtMy44Ii8+CiAgICA8cGF0aCBmaWxsPSIjMzMwMEMyIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNOTUuMyA0Ni43Uzc4IDUzIDcwLjUgNTkuNGMtNy42IDYuNC0zNi4xIDMxLjItMzYuMSAzMS4ybDExLjIgMTEgMzgtMjcuM2MzLjUtMi42IDExLjctMjcuNiAxMS43LTI3LjZaIi8+CiAgICA8cGF0aCBmaWxsPSIjMDAxMTJDIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJtNDUuNiAxMDEuNy0xMS4yLTExIDI5LjgtMi41LTE4LjYgMTMuNVpNMTg2LjQgOTAuNGgtNy4xdjI1LjNoNy4xVjkwLjRaTTIxNS42IDY2LjdoLTcuMlY5Mmg3LjJWNjYuN1pNMTczLjcgMTY3LjhoLTdsOC4zLTQ0aDdsLTguMyA0NFpNMjYuMyAxNjcuOGgtN2w4LjMtNDRoN2wtOC4zIDQ0Wk0yMDkuMiAxNjcuOGgtN2wtOC4zLTQ0aDdsOC4zIDQ0Wk02OCA5MS4xaC03djI1aDdWOTFaIi8+CiAgICA8cGF0aCBmaWxsPSIjRjNGNkY5IiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNMjA4LjQgNjYuN0gzOVY5MmgxNjkuM1Y2Ni43WiIvPgogICAgPHBhdGggZmlsbD0iIzAwMTEyQyIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0iTTIwOC40IDEyMy40di03LjZIMzl2Ny42aDE2OS41WiIvPgogICAgPHBhdGggZmlsbD0iI0YzRjZGOSIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0iTTE5My43IDEyMy40VjExNkgxNS4zdjcuNWgxNzguNFoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDExMkMiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjYiIGQ9Ik03Ny40IDE2Ny44aC03bC04LjMtNDRoN2w4LjMgNDRaTTQyLjIgMTUwLjRsLS44IDNoMTYuMmwuNy0zLjFoLTE2Wk04MC4xIDE1MC4zbDEuNCAzaDE1LjFsLTEtM0g4MFoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDExMkMiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjYiIGQ9Im05Ny44IDExNS45LTI4LjQuMS03LjcgMzQuN2gtMjNsOS41LTQwLjZhMTggMTggMCAwIDEgMTYuNy0xMmw1NC0uNS0uNSAyLjZjLTIgOS4xLTEwLjYgMTUuNi0yMC42IDE1LjdaIi8+CiAgICA8cGF0aCBmaWxsPSIjMDAxMTJDIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNMTEwLjcgMTE1LjlIODUuNUw5OSAxNTAuM2gtMjVMNjIuOSAxMTdjLTMtOSAzLjYtMTguNiAxMy42LTE5LjRoLjhsNTQuNS0xLjMtLjYgMy45YTIwLjcgMjAuNyAwIDAgMS0yMC40IDE1LjdaIi8+CiAgICA8cGF0aCBmaWxsPSIjRjNGNkY5IiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNNTcuNiAxNTMuNEg0MS40bC0uOCAyLjctMTYuOCA0LjJjLTIgLjctMy43IDIuMS00LjcgMy45SDU1bDIuNi0xMC44Wk05Ni42IDE1My40SDgxLjVsMS4zIDIuOS0xNS4yIDRjLTIgLjctMy42IDIuMS00LjYgMy44aDM3LjNsLTMuNy0xMC43WiIvPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0ibTU0IDE2OCAxLTMuOEgxOWE4IDggMCAwIDAtMSAzLjhoMzZaTTEwMS43IDE2OGwtMS4zLTMuOEg2M2E4IDggMCAwIDAtMSAzLjhoMzkuNloiLz4KICAgIDxwYXRoIGZpbGw9IiMzMzAwQzIiIGQ9Ik04Ni45IDU5LjZjLjMgMjAtNS40IDM3LjctNS40IDM3LjdsNTAuMy0uMXM0LjctMTguNyAyLTMxYy0yLjYtMTIuMy0xNi4yLTIxLjgtMjIuNS0yMi4zLTYuMi0uNi0yMC42IDQuNi0yMC42IDQuNiIvPgogICAgPHBhdGggc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0iTTg2LjkgNTkuNmMuMyAyMC01LjQgMzcuNy01LjQgMzcuN2w1MC4zLS4xczQuNy0xOC43IDItMzFjLTIuNi0xMi4zLTE2LjItMjEuOC0yMi41LTIyLjMtNi4yLS42LTIwLjYgNC42LTIwLjYgNC42Ii8+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNOTYuNyA0Ny4xcy42IDUuNSAyIDljMS4yIDMuNiAyIDcuMyAyIDcuM3M2LjgtMTcuNSA4LjMtMTkuNmMwIDAtOCA2LjUtMTIuMyAzLjNaIi8+CiAgICA8cGF0aCBmaWxsPSIjRUFCMUEwIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJtMTA1LjggMzguMyAzLjEgNS41cy00IDYuOC04LjYgNi43Yy00LjcgMC0zLjUtNS42LTMuNS01LjZsOS02LjZaIi8+CiAgICA8cGF0aCBmaWxsPSIjMDAxMTJDIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJtMTAxLjggNDQuNy00IDQuOS0xLTIuNSA1LTIuNFpNOTcgODMuMUg4NS42bC0zLjMtMTcuOWgxMS4xbDMuNCAxNy45WiIvPgogICAgPHBhdGggZmlsbD0iI0VBQjFBMCIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0iTTEwMS42IDgyLjZjLTEtMS42LTIuMy0zLTMuMi00LjUtMS4yLTItMS43LTQuNS0yLjMtNi44LTIuNS0uNy0yLjYgNC0yLjQgNiAuMyAxLjggMSAzLjcgMSAzLjctMi0uNC0xMC40LTQuNy0xMC40LTQuNy4zIDAtMS40IDIuMy0uNyAzLjNsMSAxLjNzLS43IDEuMy0uNyAyYy0uMSAxLjIgMS4xIDIuMiAxLjEgMi4ybC4xIDIuM2MuMi44IDEuNSAxLjUgMS41IDEuNXMwIDEuNC43IDEuOGMuNy4zIDExLjIgMS4yIDE1LjggMS40IDAtMS42LjUtMy40LjMtNSAwLTEuNS0xLTMuMi0xLjgtNC41WiIvPgogICAgPHBhdGggZmlsbD0iIzAwMTEyQyIgc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0iTTExMS43IDIxLjljLjQuOC0uMiAxLjgtMSAyLjQtLjcuNS0xLjcuNy0yLjYgMSAxLjItLjQgMi42LS4yIDMuOC4yLjQuMi44LjQgMSAuNy4zLjUuMSAxLjItLjIgMS42LS4zLjQtLjguOC0xLjMgMS0xLjQuNy0zIDEuMi00LjUgMS4zIDEgMCAxLjUgMS4xIDEuMSAxLjktLjQuOC0xLjMgMS4yLTIuMiAxLjQtMS41LjQtMy4zLjQtNC41LS40LS43LS40LTEuMS0xLTEuNS0xLjVhNyA3IDAgMCAxLS4yLTcuNCA5IDkgMCAwIDEgNS43LTMuOGMxLjctLjMgNS42LS4zIDYuNCAxLjZaIi8+CiAgICA8cGF0aCBmaWxsPSIjMDAxMTJDIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNNjguNyAyNWMuNSAxLjcgMyAyIDQuNiAxLjMtMS4yLjItMi40LjQtMy4zIDEuMi0xIC45LTEuMSAyLjQtLjEgMyAuMy4zLjguNCAxLjMuNGE5IDkgMCAwIDAgNC42LTFjLTEgLjYtMiAxLjktMS4zIDMgLjYuOSAyLjIuOCAzLjIuMiAxLS42IDItMS41IDMtMS44LS42LjQtMS4zLjgtMS41IDEuNS0uMy42IDAgMS42LjYgMS43LjUuMSAxIDAgMS40LS4yIDEuMS0uNiAyLjItMS4zIDMtMi4zLTEgLjMtLjggMS45LjEgMi4zIDEgLjQgMiAwIDMtLjZhOC41IDguNSAwIDAgMCAyLjgtM2MtLjMuNCAwIDEuMS42IDEuNSAxIC42IDIuNC43IDMuNS4zYTkgOSAwIDAgMCAzLTIgNyA3IDAgMCAwIDItMi40Yy42LTEuNC4yLTMtLjctNC4yQTEwIDEwIDAgMCAwIDk1IDIxYy00LjMtMi4zLTkuOC0zLTE0LjYtMS43YTYuNiA2LjYgMCAwIDAtNi44LTJjLS43LjMtMS41LjctMS44IDEuNC0uNSAxLjIuNSAyLjMgMS42IDIuOC0yIDAtNS40IDEtNC42IDMuNVoiLz4KICAgIDxwYXRoIGZpbGw9IiNFQUIxQTAiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjYiIGQ9Ik04MC42IDI3LjdjLjctLjcgMTAuNi02LjggMTAuNi02LjhsMTAuMiAzLjggNC44IDkuMXYuMmMuOSA3LjQtMy4xIDEwLjUtOC44IDEzLjItNSAyLjQtMTYtMS42LTE2LjktMTkuNCAwIDAgMCAwIDAgMFoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDExMkMiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjYiIGQ9Ik03MC4zIDE3LjNjLS4zLS45LS4zLTEuOC4yLTIuNC41LS41IDEuMi0uNyAxLjktLjYuNyAwIDEuMy40IDEuOS43LS45LS44LS4zLTIuMy44LTIuNyAxLjEtLjMgMi40LjEgMy4yIDEgLjUuNCAxIDQuMyAxLjUgNC40LjYuMSAxIDAgMS41LS4yIDIuNC0uOSA1LTEuNSA3LjQtMS44IDEuOS0uMyAzLjgtLjQgNS42LS4yIDIuMS4zIDQuMiAxIDYuMiAxLjl2MGMzLjQuMiA3LjQgMTAuNSA2LjQgMTAuOC0uOS4yLjIgMC0uMS4xLTIuMS43LTYuNC0uNy03LjYtMS4xYTEyIDEyIDAgMCAxLTMuMS0yLjFjLTEuOC0xLjQtNC0yLjItNi4yLTIuNmwtMS40LS4yYy0xLjguNy0zLjggMS01LjguNy0uNyAwLTEuNS0uMy0yLS44LS4zLS40LS4zLTEuMi4yLTEuNS0xIC41LTIuMS43LTMuMy43LS43IDAtMS42IDAtMi4yLS43LS42LS41LS41LTEuNi4zLTEuOC0xLjMuMy0yLjguNy00IDAtLjctLjUtMS4yLS43LTEuNC0xLjZaIi8+CiAgICA8cGF0aCBmaWxsPSIjRUFCMUEwIiBkPSJNMTAwIDI3LjhjLS42LTEuNy43LTQuMyAyLjQtNC42IDIuNi0uNSA0IDIgNC41IDQgLjUgMS44LjYgMy44LS4yIDUuNi0uMy41LS42IDEtMS4yIDEuNCIvPgogICAgPHBhdGggc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0iTTEwMCAyNy44Yy0uNi0xLjcuNy00LjMgMi40LTQuNiAyLjYtLjUgNCAyIDQuNSA0IC41IDEuOC42IDMuOC0uMiA1LjYtLjMuNS0uNiAxLTEuMiAxLjQiLz4KICAgIDxwYXRoIGZpbGw9IiNGM0Y2RjkiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjYiIGQ9Ik05Ni44IDcuN2MyIDAgMy42LTEuNSAzLjYtMy40IDAtMS44LTEuNi0zLjMtMy42LTMuM3MtMy42IDEuNS0zLjYgMy4zYzAgMS45IDEuNiAzLjQgMy42IDMuNFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGM0Y2RjkiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjYiIGQ9Ik0xMDcuNCAyMi4xYzAtLjEgMC0zLjMtMS41LTcuNS0xLjYtNC00LjktOS4xLTExLjYtMTAuNC04LjItMS4yLTEzLjIgNC0xNS40IDcuMy0yLjMgMy4yLTIuNCA1LjMtMi40IDUuM2E2NyA2NyAwIDAgMSAzMC45IDUuM1oiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDExMkMiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjYiIGQ9Ik05My4zIDE3LjljLjctLjkuNC0yLjItLjYtMi43LTEtLjQtMi40LjItMi43IDEuMi43LS45LjQtMi4yLS41LTIuOS0uOS0uNy0yLjMtLjctMy4yIDAtMSAuNi0xLjMgMS45LTEgMi45IDAtLjcgMC0xLjUtLjItMi4xLS4zLS43LTEtMS4zLTEuNy0xLjMtLjUgMC0xIC4yLTEuNC41YTMgMyAwIDAgMC0xIDNjLS4zLTEtLjUtMi4xLTEuMi0zLS43LTEtMS44LTEuNi0zLTEuNC0xIC4yLTIgMS4zLTIgMi4zIDAgMSAuNyAyIDEuNSAyLjcuMSAwIDE0LjYgNCAxNyAuOFoiLz4KICAgIDxwYXRoIGZpbGw9IiMzMzAwQzIiIGQ9Ik0xMjggNTQuOHMyMiAyNi41IDE4LjkgMzcuOGMtMiA2LjctNDcgNC45LTQ3IDQuOWwyLjUtMTQuMyAyMy43LTEuNS05LjctMTIuNSIvPgogICAgPHBhdGggc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0iTTEyOCA1NC44czIyIDI2LjUgMTguOSAzNy44Yy0yIDYuNy00NyA0LjktNDcgNC45bDIuNS0xNC4zIDIzLjctMS41LTkuNy0xMi41Ii8+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDExMkMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9Ii42IiBkPSJNNTcuNCAxLjRIMXYyOS40aDMzLjJMNDguOSA0NWwtLjItMTQuMmg4LjdWMS40WiIvPgogICAgPHBhdGggc3Ryb2tlPSIjMDAxMTJDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0iTTIuMyAxNjhoMjE5LjQiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDExMkMiIHN0cm9rZT0iIzAwMTEyQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iLjYiIGQ9Ik0yOS4yIDI2LjNjNi4yIDAgMTEuMy00LjcgMTEuMy0xMC41UzM1LjQgNS4yIDI5LjIgNS4yQzIzIDUuMiAxNy45IDEwIDE3LjkgMTUuOHM1IDEwLjUgMTEuMyAxMC41WiIvPgogICAgPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0ibTI1LjIgMTIgOCA3LjVNMzMuMiAxMmwtOCA3LjUiLz4KPC9zdmc+";
-const IMAGE_BREAKPOINT_SIZES = {
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import l from "../Typography/Typography.js";
+import { TypographyVariant as s } from "../Typography/types.js";
+import { useCallback as A } from "../../../external/preact/hooks/dist/hooks.module.js";
+import E from "../../../core/Context/useCoreContext.js";
+import "./ErrorMessageDisplay.scss.js";
+import _ from "../../../images/no-results.svg.js";
+import I from "../../../core/Auth/useAuthContext.js";
+import { Fragment as m } from "../../../external/preact/dist/preact.module.js";
+import y from "../Button/Button.js";
+const a = {
   md: 680,
   lg: 1024
-};
-const ErrorMessageDisplay = ({
-  title,
-  message,
-  imageDesktop,
-  imageMobile,
-  withImage,
-  centered,
-  refreshComponent,
-  onContactSupport,
-  translationValues
+}, j = ({
+  title: g,
+  message: p,
+  imageDesktop: c,
+  imageMobile: n,
+  withImage: f,
+  centered: x,
+  refreshComponent: h,
+  onContactSupport: t,
+  translationValues: i
 }) => {
-  const { i18n } = useCoreContext();
-  const { updateCore } = useAuthContext();
-  const renderMessage = T(
-    (errorMessage) => {
-      if (Array.isArray(errorMessage)) {
-        return errorMessage.map(
-          (message2, i) => i === 0 ? /* @__PURE__ */ o(k, { children: [
-            i18n.get(message2),
-            translationValues && translationValues[message2] && /* @__PURE__ */ o(k, { children: translationValues[message2] })
-          ] }) : /* @__PURE__ */ o(k, { children: [
-            /* @__PURE__ */ o("br", {}),
-            i18n.get(message2),
-            translationValues && translationValues[message2] && /* @__PURE__ */ o(k, { children: translationValues[message2] })
-          ] })
-        );
-      }
-      return i18n.get(errorMessage);
-    },
-    [i18n, translationValues]
+  const { i18n: e } = E(), { updateCore: u } = I(), v = A(
+    (o) => Array.isArray(o) ? o.map(
+      (d, T) => T === 0 ? /* @__PURE__ */ r(m, { children: [
+        e.get(d),
+        i && i[d] && /* @__PURE__ */ r(m, { children: i[d] })
+      ] }) : /* @__PURE__ */ r(m, { children: [
+        /* @__PURE__ */ r("br", {}),
+        e.get(d),
+        i && i[d] && /* @__PURE__ */ r(m, { children: i[d] })
+      ] })
+    ) : e.get(o),
+    [e, i]
   );
-  return /* @__PURE__ */ o("div", { className: `adyen-pe-error-message-display ${centered ? "adyen-pe-error-message-display--centered" : ""}`, children: [
-    (imageDesktop || imageMobile || withImage) && /* @__PURE__ */ o("div", { className: "adyen-pe-error-message-display__illustration", children: /* @__PURE__ */ o("picture", { children: [
-      /* @__PURE__ */ o("source", { type: "image/svg+xml", media: `(min-width: ${IMAGE_BREAKPOINT_SIZES.md}px)`, srcSet: imageDesktop }),
-      /* @__PURE__ */ o("source", { type: "image/svg+xml", media: `(max-width: ${IMAGE_BREAKPOINT_SIZES.md}px)`, srcSet: imageMobile }),
-      /* @__PURE__ */ o("img", { srcSet: imageDesktop ?? noResults, alt: i18n.get("thereWasAnUnexpectedError") })
+  return /* @__PURE__ */ r("div", { className: `adyen-pe-error-message-display ${x ? "adyen-pe-error-message-display--centered" : ""}`, children: [
+    (c || n || f) && /* @__PURE__ */ r("div", { className: "adyen-pe-error-message-display__illustration", children: /* @__PURE__ */ r("picture", { children: [
+      /* @__PURE__ */ r("source", { type: "image/svg+xml", media: `(min-width: ${a.md}px)`, srcSet: c }),
+      /* @__PURE__ */ r("source", { type: "image/svg+xml", media: `(max-width: ${a.md}px)`, srcSet: n }),
+      /* @__PURE__ */ r("img", { srcSet: c ?? _, alt: e.get("thereWasAnUnexpectedError") })
     ] }) }),
-    /* @__PURE__ */ o(Typography, { variant: TypographyVariant.TITLE, children: i18n.get(title) }),
-    message && /* @__PURE__ */ o(Typography, { variant: TypographyVariant.BODY, children: renderMessage(message) }),
-    (onContactSupport || refreshComponent) && /* @__PURE__ */ o("div", { className: "adyen-pe-error-message-display__button", children: [
-      onContactSupport && /* @__PURE__ */ o(Button, { onClick: onContactSupport, children: i18n.get("reachOutToSupport") }),
-      !onContactSupport && refreshComponent && /* @__PURE__ */ o(Button, { onClick: updateCore, children: i18n.get("refresh") })
+    /* @__PURE__ */ r(l, { variant: s.TITLE, children: e.get(g) }),
+    p && /* @__PURE__ */ r(l, { variant: s.BODY, children: v(p) }),
+    (t || h) && /* @__PURE__ */ r("div", { className: "adyen-pe-error-message-display__button", children: [
+      t && /* @__PURE__ */ r(y, { onClick: t, children: e.get("reachOutToSupport") }),
+      !t && h && /* @__PURE__ */ r(y, { onClick: u, children: e.get("refresh") })
     ] })
   ] });
 };
 export {
-  ErrorMessageDisplay,
-  IMAGE_BREAKPOINT_SIZES
+  j as ErrorMessageDisplay,
+  a 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

@@ -1,93 +1,74 @@
-import '../../../../ExpandableCard.css';
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import cx from "classnames";
-import { h, T, _, p } from "../../../../hooks.module-8565d716.mjs";
-import ChevronUp from "../SVGIcons/ChevronUp.js";
-import ChevronDown from "../SVGIcons/ChevronDown.js";
-import { BASE_CLASS, CONTAINER_CLASS, CONTAINER_BUTTON_CLASS, CONTAINER_FILLED_CLASS, CONTAINER_OVERLAY_ID, CONTENT_CLASS, CONTENT_EXPANDABLE_CLASS, CHEVRON_CLASS, CONTAINER_OVERLAY_CLASS, CONTAINER_HIDDEN_CLASS } from "./constants.js";
-import useCoreContext from "../../../core/Context/useCoreContext.js";
-import { useClickOutside } from "../../../hooks/element/useClickOutside.js";
-import BaseButton from "../BaseButton/BaseButton.js";
-import { k } from "../../../../preact.module-38e5a571.mjs";
-const ExpandableCard$1 = "";
-const ExpandableCard = ({ renderHeader, children, filled, fullWidth, ...listeners }) => {
-  const { i18n } = useCoreContext();
-  const [isOpen, setIsOpen] = h(false);
-  const toggleIsOpen = T(() => setIsOpen((isOpen2) => !isOpen2), [setIsOpen]);
-  const expandButtonRef = _(null);
-  const isClosedFromOutside = _(false);
-  const isOpenRef = _(isOpen);
-  const clickOutsideRef = useClickOutside(
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import s from "classnames";
+import { useState as v, useCallback as h, useRef as l, useEffect as I } from "../../../external/preact/hooks/dist/hooks.module.js";
+import "./ExpandableCard.scss.js";
+import b from "../SVGIcons/ChevronUp.js";
+import k from "../SVGIcons/ChevronDown.js";
+import { BASE_CLASS as B, CONTAINER_CLASS as p, CONTAINER_BUTTON_CLASS as L, CONTAINER_FILLED_CLASS as m, CONTAINER_OVERLAY_ID as C, CONTENT_CLASS as N, CONTENT_EXPANDABLE_CLASS as x, CHEVRON_CLASS as R, CONTAINER_OVERLAY_CLASS as D, CONTAINER_HIDDEN_CLASS as g } from "./constants.js";
+import y from "../../../core/Context/useCoreContext.js";
+import { useClickOutside as F } from "../../../hooks/element/useClickOutside.js";
+import { Fragment as V } from "../../../external/preact/dist/preact.module.js";
+import T from "../BaseButton/BaseButton.js";
+const U = ({ renderHeader: o, children: u, filled: t, fullWidth: f, ...i }) => {
+  const { i18n: A } = y(), [a, S] = v(!1), r = h(() => S((n) => !n), [S]), E = l(null), c = l(!1), O = l(a), d = F(
     void 0,
-    T(() => {
-      if (isOpen) {
-        toggleIsOpen();
-        isClosedFromOutside.current = true;
-      }
-    }, [isOpen, toggleIsOpen])
+    h(() => {
+      a && (r(), c.current = !0);
+    }, [a, r])
   );
-  p(() => {
-    var _a, _b;
-    if (isOpen) {
-      (_a = clickOutsideRef.current) == null ? void 0 : _a.focus();
-    } else {
-      if (isOpenRef.current !== isOpen && !isClosedFromOutside.current) {
-        (_b = expandButtonRef.current) == null ? void 0 : _b.focus();
-      }
-      isClosedFromOutside.current = false;
-    }
-    isOpenRef.current = isOpen;
-  }, [isOpen, clickOutsideRef]);
-  return /* @__PURE__ */ o("div", { className: BASE_CLASS, children: children ? /* @__PURE__ */ o(k, { children: [
-    /* @__PURE__ */ o(
-      BaseButton,
+  return I(() => {
+    var n, _;
+    a ? (n = d.current) == null || n.focus() : (O.current !== a && !c.current && ((_ = E.current) == null || _.focus()), c.current = !1), O.current = a;
+  }, [a, d]), /* @__PURE__ */ e("div", { className: B, children: u ? /* @__PURE__ */ e(V, { children: [
+    /* @__PURE__ */ e(
+      T,
       {
-        className: cx(CONTAINER_CLASS, CONTAINER_BUTTON_CLASS, { [CONTAINER_FILLED_CLASS]: filled }),
-        disabled: isOpen,
-        fullWidth,
-        "aria-controls": CONTAINER_OVERLAY_ID,
-        "aria-expanded": isOpen,
-        "aria-hidden": isOpen,
-        onClick: toggleIsOpen,
-        ref: expandButtonRef,
+        className: s(p, L, { [m]: t }),
+        disabled: a,
+        fullWidth: f,
+        "aria-controls": C,
+        "aria-expanded": a,
+        "aria-hidden": a,
+        onClick: r,
+        ref: E,
         "data-testid": "expand-button",
-        ...listeners,
+        ...i,
         children: [
-          /* @__PURE__ */ o("span", { className: "adyen-pe-sr-only", children: i18n.get("expandableCard.expand") }),
-          /* @__PURE__ */ o("div", { className: cx(CONTENT_CLASS, CONTENT_EXPANDABLE_CLASS), children: renderHeader }),
-          /* @__PURE__ */ o("div", { className: CHEVRON_CLASS, children: /* @__PURE__ */ o(ChevronDown, { role: "presentation" }) })
+          /* @__PURE__ */ e("span", { className: "adyen-pe-sr-only", children: A.get("expandableCard.expand") }),
+          /* @__PURE__ */ e("div", { className: s(N, x), children: o }),
+          /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ e(k, { role: "presentation" }) })
         ]
       }
     ),
-    /* @__PURE__ */ o(
-      BaseButton,
+    /* @__PURE__ */ e(
+      T,
       {
-        id: CONTAINER_OVERLAY_ID,
-        className: cx(CONTAINER_CLASS, CONTAINER_BUTTON_CLASS, CONTAINER_OVERLAY_CLASS, {
-          [CONTAINER_FILLED_CLASS]: filled,
-          [CONTAINER_HIDDEN_CLASS]: !isOpen
+        id: C,
+        className: s(p, L, D, {
+          [m]: t,
+          [g]: !a
         }),
-        disabled: !isOpen,
-        fullWidth,
-        "aria-controls": CONTAINER_OVERLAY_ID,
-        "aria-expanded": isOpen,
-        "aria-hidden": !isOpen,
-        onClick: toggleIsOpen,
-        ref: clickOutsideRef,
+        disabled: !a,
+        fullWidth: f,
+        "aria-controls": C,
+        "aria-expanded": a,
+        "aria-hidden": !a,
+        onClick: r,
+        ref: d,
         "data-testid": "collapse-button",
-        ...listeners,
+        ...i,
         children: [
-          /* @__PURE__ */ o("span", { className: "adyen-pe-sr-only", children: i18n.get("expandableCard.collapse") }),
-          /* @__PURE__ */ o("div", { className: cx(CONTENT_CLASS, CONTENT_EXPANDABLE_CLASS), children: [
-            renderHeader,
-            /* @__PURE__ */ o("div", { children })
+          /* @__PURE__ */ e("span", { className: "adyen-pe-sr-only", children: A.get("expandableCard.collapse") }),
+          /* @__PURE__ */ e("div", { className: s(N, x), children: [
+            o,
+            /* @__PURE__ */ e("div", { children: u })
           ] }),
-          /* @__PURE__ */ o("div", { className: CHEVRON_CLASS, children: /* @__PURE__ */ o(ChevronUp, { role: "presentation" }) })
+          /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ e(b, { role: "presentation" }) })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ o("div", { className: cx(CONTAINER_CLASS, { [CONTAINER_FILLED_CLASS]: filled }), ...listeners, children: /* @__PURE__ */ o("div", { className: CONTENT_CLASS, children: renderHeader }) }) });
-};
+  ] }) : /* @__PURE__ */ e("div", { className: s(p, { [m]: t }), ...i, children: /* @__PURE__ */ e("div", { className: N, children: o }) }) });
+}, K = U;
 export {
-  ExpandableCard as default
+  K 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

@@ -1,22 +1,13 @@
-const BASE_CLASS = "adyen-pe-expandable-card";
-const CONTAINER_CLASS = BASE_CLASS + "__container";
-const CONTAINER_BUTTON_CLASS = CONTAINER_CLASS + "--button";
-const CONTAINER_FILLED_CLASS = CONTAINER_CLASS + "--filled";
-const CONTAINER_HIDDEN_CLASS = CONTAINER_CLASS + "--hidden";
-const CONTAINER_OVERLAY_CLASS = CONTAINER_CLASS + "--overlay";
-const CONTAINER_OVERLAY_ID = CONTAINER_OVERLAY_CLASS;
-const CONTENT_CLASS = BASE_CLASS + "__content";
-const CONTENT_EXPANDABLE_CLASS = CONTENT_CLASS + "--expandable";
-const CHEVRON_CLASS = BASE_CLASS + "__chevron";
+const n = "adyen-pe-expandable-card", _ = n + "__container", S = _ + "--button", C = _ + "--filled", o = _ + "--hidden", A = _ + "--overlay", t = A, N = n + "__content", E = N + "--expandable", c = n + "__chevron";
 export {
-  BASE_CLASS,
-  CHEVRON_CLASS,
-  CONTAINER_BUTTON_CLASS,
-  CONTAINER_CLASS,
-  CONTAINER_FILLED_CLASS,
-  CONTAINER_HIDDEN_CLASS,
-  CONTAINER_OVERLAY_CLASS,
-  CONTAINER_OVERLAY_ID,
-  CONTENT_CLASS,
-  CONTENT_EXPANDABLE_CLASS
+  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

@@ -1,50 +1,47 @@
-import '../../../../FilterBar.css';
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import { useMediaQuery, mediaQueries } from "../../external/TransactionsOverview/hooks/useMediaQuery.js";
-import { B as ButtonVariant } from "../../../../types-7ad6576a.mjs";
-import Close from "../SVGIcons/Close.js";
-import Filter from "../SVGIcons/Filter.js";
-import { T as Typography, b as TypographyVariant } from "../../../../Typography-11b95870.mjs";
-import useCoreContext from "../../../core/Context/useCoreContext.js";
-import cx from "classnames";
-import { h, p } from "../../../../hooks.module-8565d716.mjs";
-import Button from "../Button/Button.js";
-import { k } from "../../../../preact.module-38e5a571.mjs";
-const FilterBar$1 = "";
-function FilterBar(props) {
-  const { i18n } = useCoreContext();
-  const isSmViewport = useMediaQuery(mediaQueries.down.xs);
-  const [showFilters, setShowFilters] = h(!isSmViewport);
-  p(() => {
-    setShowFilters(!isSmViewport);
-  }, [isSmViewport]);
-  return /* @__PURE__ */ o(k, { children: [
-    isSmViewport && /* @__PURE__ */ o("div", { className: "adyen-pe-filter-bar__header", children: [
-      /* @__PURE__ */ o(Typography, { variant: TypographyVariant.SUBTITLE, children: i18n.get("transactions") }),
-      /* @__PURE__ */ o(
-        Button,
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMediaQuery as s, mediaQueries as c } from "../../external/TransactionsOverview/hooks/useMediaQuery.js";
+import { ButtonVariant as n } from "../Button/types.js";
+import f from "../SVGIcons/Close.js";
+import d from "../SVGIcons/Filter.js";
+import { TypographyVariant as p } from "../Typography/types.js";
+import h from "../Typography/Typography.js";
+import u from "../../../core/Context/useCoreContext.js";
+import y from "classnames";
+import { useState as F, useEffect as b } from "../../../external/preact/hooks/dist/hooks.module.js";
+import "./FilterBar.scss.js";
+import l from "../Button/Button.js";
+import { Fragment as g } from "../../../external/preact/dist/preact.module.js";
+function V(t) {
+  const { i18n: i } = u(), e = s(c.down.xs), [o, a] = F(!e);
+  return b(() => {
+    a(!e);
+  }, [e]), /* @__PURE__ */ r(g, { children: [
+    e && /* @__PURE__ */ r("div", { className: "adyen-pe-filter-bar__header", children: [
+      /* @__PURE__ */ r(h, { variant: p.SUBTITLE, children: i.get("transactions") }),
+      /* @__PURE__ */ r(
+        l,
         {
           className: "adyen-pe-filter-bar__header-icon",
-          variant: ButtonVariant.SECONDARY,
-          iconButton: true,
-          onClick: () => setShowFilters((prevState) => !prevState),
-          children: showFilters ? /* @__PURE__ */ o(Close, {}) : /* @__PURE__ */ o(Filter, {})
+          variant: n.SECONDARY,
+          iconButton: !0,
+          onClick: () => a((m) => !m),
+          children: o ? /* @__PURE__ */ r(f, {}) : /* @__PURE__ */ r(d, {})
         }
       )
     ] }),
-    showFilters && /* @__PURE__ */ o(
+    o && /* @__PURE__ */ r(
       "div",
       {
-        "aria-label": i18n.get("filterBar"),
-        className: cx("adyen-pe-filter-bar", { "adyen-pe-filter-bar__content--mobile": isSmViewport }),
+        "aria-label": i.get("filterBar"),
+        className: y("adyen-pe-filter-bar", { "adyen-pe-filter-bar__content--mobile": e }),
         children: [
-          props.children,
-          props.canResetFilters && !!props.resetFilters && /* @__PURE__ */ o(Button, { variant: ButtonVariant.TERTIARY, onClick: props.resetFilters, children: i18n.get("button.clearAll") })
+          t.children,
+          t.canResetFilters && !!t.resetFilters && /* @__PURE__ */ r(l, { variant: n.TERTIARY, onClick: t.resetFilters, children: i.get("button.clearAll") })
         ]
       }
     )
   ] });
 }
 export {
-  FilterBar as default
+  V 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

@@ -1,20 +1,18 @@
-import '../../../../../../FilterButton.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import useButton from "../../../Button/hooks/useButton.js";
-import { T as Typography, a as TypographyElement, b as TypographyVariant } from "../../../../../../Typography-11b95870.mjs";
-import { parseClassName } from "../../../../../utils/class-name-utils.js";
-import { parseBoolean } from "../../../../../utils/common/index.js";
-import { k } from "../../../../../../compat.module-a4d537ff.mjs";
-import { F } from "../../../../../../hooks.module-8565d716.mjs";
-const FilterButton$2 = "";
-const DEFAULT_FILTER_BUTTON_CLASSNAME = "adyen-pe-filter-button";
-function FilterButton({ className, classNameModifiers = [], children, disabled, onClick, ...restAttributes }, ref) {
-  const classNameValue = F(() => parseClassName("", className) || "", [className]);
-  const disabledValue = F(() => parseBoolean(disabled), [disabled]);
-  const { classes, click } = useButton(classNameValue, classNameModifiers, DEFAULT_FILTER_BUTTON_CLASSNAME, disabledValue, onClick);
-  return /* @__PURE__ */ o("button", { className: classes, ref, onClick: click, ...restAttributes, children: /* @__PURE__ */ o(Typography, { el: TypographyElement.SPAN, variant: TypographyVariant.BODY, stronger: true, children }) });
+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-pe-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 FilterButton$1 = k(FilterButton);
+const x = d(h);
 export {
-  FilterButton$1 as default
+  x as default
 };