@adyen/adyen-platform-experience-web 1.2.0 → 1.3.0

package/dist/es/components/internal/FilterBar/filters/AmountFilter/RangeSelection.js

@@ -1,71 +1,71 @@
-import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import g from "../../../FormFields/InputBase.js";
-import "./AmountFilter.scss.js";
-import { useState as p, useCallback as x, useEffect as T, useMemo as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../../../FormFields/InputBase.js";
+/* empty css                  */
+import { useState as v, useCallback as x, useEffect as T, useMemo as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import N from "../../../../../core/Context/useCoreContext.js";
 import { AMOUNT_MULTIPLIER as b } from "./constants.js";
 import { isUndefined as m } from "../../../../../utils/value/is.js";
 import { CommitAction as F } from "../../../../../hooks/useCommitAction/types.js";
 const S = ({
   onChange: i,
-  editAction: o,
-  onValueUpdated: u,
+  editAction: l,
+  onValueUpdated: o,
   selectedCurrencies: y,
   availableCurrencies: I,
   value: M,
-  ...l
+  ...u
 }) => {
-  const { i18n: r } = N(), [t, c] = p(
-    m(l.minAmount) ? void 0 : parseFloat(l.minAmount) / b
-  ), [a, d] = p(
-    m(l.maxAmount) ? void 0 : parseFloat(l.maxAmount) / b
-  ), v = x(() => {
-    i({ minAmount: t, maxAmount: a });
-  }, [a, t, i]), f = x(() => {
+  const { i18n: r } = N(), [n, c] = v(
+    m(u.minAmount) ? void 0 : parseFloat(u.minAmount) / b
+  ), [t, d] = v(
+    m(u.maxAmount) ? void 0 : parseFloat(u.maxAmount) / b
+  ), f = x(() => {
+    i({ minAmount: n, maxAmount: t });
+  }, [t, n, i]), A = x(() => {
     i({ minAmount: void 0, maxAmount: void 0 }), d(void 0), c(void 0);
   }, [i]);
   T(() => {
-    o === F.APPLY && v(), o === F.CLEAR && f();
-  }, [v, f, o]);
-  const A = h(() => ({ minAmount: Number(t), maxAmount: Number(a) }), [a, t]);
+    l === F.APPLY && f(), l === F.CLEAR && A();
+  }, [f, A, l]);
+  const g = h(() => ({ minAmount: Number(n), maxAmount: Number(t) }), [t, n]);
   return T(() => {
-    const { maxAmount: e, minAmount: s } = A;
-    m(e) && m(s) || s > e ? u(null) : u(`${s}-${e}`);
-  }, [A, u]), /* @__PURE__ */ n("div", { className: "adyen-pe-range-selection-filter", children: [
-    /* @__PURE__ */ n("div", { className: "adyen-pe-range-selection-filter__input", children: [
-      /* @__PURE__ */ n("label", { htmlFor: "minValue", children: `${r.get("from")}:` }),
-      /* @__PURE__ */ n(
-        g,
+    const { maxAmount: e, minAmount: s } = g;
+    m(e) && m(s) || s > e ? o(null) : o(`${s}-${e}`);
+  }, [g, o]), /* @__PURE__ */ a("div", { className: "adyen-pe-range-selection-filter", children: [
+    /* @__PURE__ */ a("div", { className: "adyen-pe-range-selection-filter__input", children: [
+      /* @__PURE__ */ a("label", { htmlFor: "minValue", children: `${r.get("from")}:` }),
+      /* @__PURE__ */ a(
+        p,
         {
           "data-testid": "minValueFilter",
           lang: r.locale,
           name: "minValue",
           type: "number",
-          value: t,
+          value: n,
           onInput: (e) => {
             e.currentTarget && c(e.currentTarget.value !== "" ? e.currentTarget.value : void 0);
           },
           min: 0,
-          isInvalid: t ? t < 0 : !1,
+          isInvalid: n ? n < 0 : !1,
           errorMessage: r.get("noNegativeNumbersAllowed")
         }
       )
     ] }),
-    /* @__PURE__ */ n("div", { className: "adyen-pe-range-selection-filter__input", children: [
-      /* @__PURE__ */ n("label", { htmlFor: "maxValue", children: `${r.get("to")}:` }),
-      /* @__PURE__ */ n(
-        g,
+    /* @__PURE__ */ a("div", { className: "adyen-pe-range-selection-filter__input", children: [
+      /* @__PURE__ */ a("label", { htmlFor: "maxValue", children: `${r.get("to")}:` }),
+      /* @__PURE__ */ a(
+        p,
         {
           "data-testid": "maxValueFilter",
           lang: r.locale,
           name: "maxValue",
           type: "number",
-          value: a,
+          value: t,
           onInput: (e) => {
             e.currentTarget && d(e.currentTarget.value !== "" ? e.currentTarget.value : void 0);
           },
-          min: t,
-          isInvalid: !m(a) && !m(t) && a < t,
+          min: n,
+          isInvalid: !m(t) && !m(n) && t < n,
           errorMessage: r.get("toValueShouldBeGreaterThanTheFromValue")
         }
       )

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

@@ -7,7 +7,7 @@ import { TypographyElement as B, TypographyVariant as D } from "../../../Typogra
 import O from "../../../Typography/Typography.js";
 import L from "../../../../../hooks/element/useUniqueIdentifier.js";
 import { memo as j } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as b, useCallback as _, useEffect as A, useState as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as E, useCallback as _, useEffect as A, useState as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import c from "../../../../../hooks/useBooleanState.js";
 import G from "../../../FormFields/InputText.js";
 import J from "../../../../../hooks/useCommitAction/useCommitAction.js";
@@ -15,7 +15,7 @@ import { Fragment as K } from "../../../../../external/preact/dist/preact.module
 import { isNull as W } from "../../../../../utils/value/is.js";
 import { isEmptyString as X } from "../../../../../utils/value/string.js";
 import { CommitAction as S } from "../../../../../hooks/useCommitAction/types.js";
-const Z = (s) => !s || X(s), ee = (() => {
+const Z = (s) => !s || X(s), ee = /* @__PURE__ */ (() => {
   const s = (e) => {
     const { editAction: f, name: a, onChange: u, onValueUpdated: r } = e, [l, n] = Q(e.value), m = _(
       (t) => {
@@ -35,16 +35,16 @@ const Z = (s) => !s || X(s), ee = (() => {
   return (e) => /* @__PURE__ */ i(s, { ...e });
 })(), te = ({ render: s, ...e }) => {
   var N;
-  const f = g(V.down.xs), [a, u] = c(!1), [r, l] = c(!1), n = b(() => e.isValueEmpty ?? Z, [e.isValueEmpty]), [m, t] = c(n(e.value)), [p, v] = c(!1), [w, h] = c(!1), [T, C] = c(n(e.value)), E = L(), I = b(() => s ?? ee, [s]), x = _(
+  const f = g(V.down.xs), [a, u] = c(!1), [r, l] = c(!1), n = E(() => e.isValueEmpty ?? Z, [e.isValueEmpty]), [m, t] = c(n(e.value)), [p, v] = c(!1), [w, h] = c(!1), [T, M] = c(n(e.value)), b = L(), I = E(() => s ?? ee, [s]), k = _(
     (o) => {
       const d = n(o ?? void 0);
-      t(d), C(W(o)), h(p ? o !== e.value : !d);
+      t(d), M(W(o)), h(p ? o !== e.value : !d);
     },
-    [n, t, C, h, p, e.value]
-  ), { commitAction: k, commitActionButtons: R, committing: M, resetCommitAction: P } = J({
+    [n, t, M, h, p, e.value]
+  ), { commitAction: x, commitActionButtons: R, committing: C, resetCommitAction: P } = J({
     applyDisabled: T || !w,
     resetDisabled: m
-  }), [y, F] = b(() => {
+  }), [y, F] = E(() => {
     const o = (d) => () => {
       d !== a && (d && (P(), h(!1), v(!1)), u(d), l(d));
     };
@@ -56,11 +56,11 @@ const Z = (s) => !s || X(s), ee = (() => {
       l(!1), t(o), v(!o);
     }
   }, [e.value, r, n, l, t, v]), A(() => {
-    M && y(), t(m);
-  }, [M, y, t, m]);
+    C && y(), t(m);
+  }, [C, y, t, m]);
   const U = g(V.only.sm), Y = g(V.only.md);
   return /* @__PURE__ */ i(K, { children: [
-    /* @__PURE__ */ i("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: b(
+    /* @__PURE__ */ i("div", { className: `adyen-pe-filter adyen-pe-filter--${e.type}`, children: E(
       () => /* @__PURE__ */ i(
         $,
         {
@@ -72,7 +72,7 @@ const Z = (s) => !s || X(s), ee = (() => {
           ],
           onClick: a ? y : F,
           tabIndex: 0,
-          ref: E,
+          ref: b,
           children: /* @__PURE__ */ i("div", { className: "adyen-pe-filter-button__default-container", children: [
             /* @__PURE__ */ i(
               O,
@@ -105,7 +105,7 @@ const Z = (s) => !s || X(s), ee = (() => {
         m,
         y,
         F,
-        E
+        b
       ]
     ) }),
     a && /* @__PURE__ */ i(
@@ -121,17 +121,17 @@ const Z = (s) => !s || X(s), ee = (() => {
         dismissible: !1,
         withContentPadding: e.withContentPadding ?? !0,
         divider: !0,
-        targetElement: E,
+        targetElement: b,
         disableFocusTrap: !1,
         position: H.BOTTOM,
         containerSize: e.containerSize,
         showOverlay: f,
         fitPosition: U || Y,
-        children: I({ ...e, editAction: k, onValueUpdated: x })
+        children: I({ ...e, editAction: x, onValueUpdated: k })
       }
     )
   ] });
-}, Ee = j(te);
+}, be = j(te);
 export {
-  Ee as default
+  be as default
 };

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

@@ -3,32 +3,32 @@ import I from "./DateFilterCore.js";
 import { FilterParam as e } from "../../../../types.js";
 import { useMemo as C, useState as O, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import _ from "../../../../../core/Context/useCoreContext.js";
-import { DateRangeFilterParam as l } from "./types.js";
+import { DateRangeFilterParam as T } from "./types.js";
 import { EMPTY_OBJECT as A } from "../../../../../utils/value/constants.js";
-const S = ({
-  timezone: T,
+const L = ({
+  timezone: l,
   canResetFilters: s,
   defaultParams: r,
   filters: i,
   nowTimestamp: m,
-  refreshNowTimestamp: c,
+  refreshNowTimestamp: E,
   sinceDate: u,
   untilDate: R,
   updateFilters: a
 }) => {
-  const { i18n: o } = _(), t = C(() => o.get(r.current.defaultTimeRange), [o]), [D, E] = O(t), f = P(
+  const { i18n: o } = _(), t = C(() => o.get(r.current.defaultTimeRange), [o]), [D, c] = O(t), f = P(
     (g = A) => {
       for (const [p, n] of Object.entries(g)) {
         switch (p) {
           case "selectedPresetOption":
-            E(n || t);
+            c(n || t);
             break;
-          case l.FROM:
+          case T.FROM:
             a({
               [e.CREATED_SINCE]: n || r.current.defaultFilterParams[e.CREATED_SINCE]
             });
             break;
-          case l.TO:
+          case T.TO:
             a({
               [e.CREATED_UNTIL]: n || r.current.defaultFilterParams[e.CREATED_UNTIL]
             });
@@ -36,12 +36,12 @@ const S = ({
           default:
             return;
         }
-        c();
+        E();
       }
     },
-    [t, c, a]
+    [t, E, a]
   );
-  return C(() => !s && E(t), [s, t]), /* @__PURE__ */ d(
+  return C(() => !s && c(t), [s, t]), /* @__PURE__ */ d(
     I,
     {
       label: o.get("dateRange"),
@@ -52,13 +52,13 @@ const S = ({
       to: i[e.CREATED_UNTIL],
       selectedPresetOption: D,
       timeRangePresetOptions: r.current.timeRangeOptions,
-      timezone: T,
+      timezone: l,
       onChange: f,
       showTimezoneInfo: !0,
       now: m
     }
   );
-}, M = S;
+};
 export {
-  M as default
+  L as default
 };

package/dist/es/components/internal/FilterBar/filters/DateFilter/DateFilterCore.js

@@ -4,7 +4,7 @@ import { useState as C, useCallback as M, useMemo as T, useEffect as E, useRef a
 import { BASE_LOCALE as x } from "../../../../../core/Localization/datetime/restamper/constants.js";
 import k from "../../../../../core/Context/useCoreContext.js";
 import { DateRangeFilterParam as b } from "./types.js";
-import "./DateFilterCore.scss.js";
+/* empty css                    */
 import z from "../BaseFilter/BaseFilter.js";
 import I from "../../../DatePicker/DatePicker.js";
 import { EMPTY_OBJECT as V } from "../../../../../utils/value/constants.js";
@@ -15,19 +15,16 @@ const _ = {
   year: "numeric"
 }, v = (s, e, n, o) => {
   const t = n && e(n), r = o && e(o);
-  if (t && r)
-    return `${t} - ${r}`;
-  if (t)
-    return s.get("filter.date.since", { values: { date: t } });
-  if (r)
-    return s.get("filter.date.until", { values: { date: r } });
+  if (t && r) return `${t} - ${r}`;
+  if (t) return s.get("filter.date.since", { values: { date: t } });
+  if (r) return s.get("filter.date.until", { values: { date: r } });
 }, i = (s) => {
   try {
     return new Date(s || "").toISOString();
   } catch {
     return "";
   }
-}, Y = (() => {
+}, Y = /* @__PURE__ */ (() => {
   const s = ({
     editAction: e,
     from: n,

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

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

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

@@ -1,43 +1,43 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as n } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useCallback as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useResponsiveViewport as C, mediaQueries as p } from "../../../../../hooks/useResponsiveViewport.js";
-import { renderDefaultSingleSelectionCheckedness as c } from "../components/SelectListItem.js";
-import "./BalanceAccountSelector.scss.js";
-import { Fragment as d } from "../../../../../external/preact/dist/preact.module.js";
-import S from "../Select.js";
-const m = "adyen-pe-balance-account-selector", _ = `${m}__account-id`, f = `${m}__account-label`, u = n(
+import { useResponsiveViewport as p, mediaQueries as C } from "../../../../../hooks/useResponsiveViewport.js";
+import { renderDefaultSingleSelectionCheckedness as d } from "../components/SelectListItem.js";
+/* empty css                            */
+import { Fragment as _ } from "../../../../../external/preact/dist/preact.module.js";
+import f from "../Select.js";
+const o = "adyen-pe-balance-account-selector", S = `${o}__account-id`, c = `${o}__account-label`, A = n(
   ({
     activeBalanceAccount: r,
-    balanceAccountSelectionOptions: o,
+    balanceAccountSelectionOptions: m,
     onBalanceAccountSelection: t
   }) => {
-    const l = C(p.down.xs), i = a(
-      (e) => /* @__PURE__ */ s(d, { children: [
+    const i = p(C.down.xs), l = a(
+      (e) => /* @__PURE__ */ s(_, { children: [
         /* @__PURE__ */ s("div", { className: e.contentClassName, children: [
-          e.item.name && /* @__PURE__ */ s("span", { className: f, children: e.item.name }),
-          /* @__PURE__ */ s("span", { className: _, children: e.item.id })
+          e.item.name && /* @__PURE__ */ s("span", { className: c, children: e.item.name }),
+          /* @__PURE__ */ s("span", { className: S, children: e.item.id })
         ] }),
-        c(e)
+        d(e)
       ] }),
       []
     );
-    return o && o.length > 1 ? /* @__PURE__ */ s(
-      S,
+    return m && m.length > 1 ? /* @__PURE__ */ s(
+      f,
       {
-        popoverClassNameModifiers: [m],
+        popoverClassNameModifiers: [o],
         onChange: t,
         filterable: !1,
         multiSelect: !1,
         selected: r == null ? void 0 : r.id,
         withoutCollapseIndicator: !0,
-        items: o,
-        renderListItem: i,
-        showOverlay: l
+        items: m,
+        renderListItem: l,
+        showOverlay: i
       }
     ) : null;
   }
-), O = u;
+);
 export {
-  O as default
+  A as default
 };

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

@@ -7,14 +7,14 @@ import Ae from "./components/SelectButton.js";
 import be from "./components/SelectList.js";
 import ge from "./hooks/useSelect.js";
 import { DROPDOWN_BASE_CLASS as K, DROPDOWN_MULTI_SELECT_CLASS as Ee } from "./constants.js";
-import "./Select.scss.js";
-import Se from "../../../../hooks/useCommitAction/useCommitAction.js";
+/* empty css            */
+import Re from "../../../../hooks/useCommitAction/useCommitAction.js";
 import { CommitAction as U } from "../../../../hooks/useCommitAction/types.js";
-import { uuid as Re } from "../../../../utils/random/uuid.js";
+import { uuid as Se } from "../../../../utils/random/uuid.js";
 import { boolOrFalse as he } from "../../../../utils/value/bool.js";
 import { EMPTY_ARRAY as Y } from "../../../../utils/value/constants.js";
 import { noop as De } from "../../../../utils/common.js";
-const ke = ({
+const $e = ({
   className: O,
   classNameModifiers: P = Y,
   popoverClassNameModifiers: M,
@@ -36,8 +36,8 @@ const ke = ({
   showOverlay: Z = !1,
   fitPosition: ee
 }) => {
-  const { resetSelection: f, select: I, selection: n } = ge({ items: g, multiSelect: m, selected: H }), [o, i] = w(!1), [D, d] = w(""), E = a(null), p = a(null), k = a(null), v = a(`select-${Re()}`), [te, B] = w(0), x = a(), S = a(!0), C = a(!1), L = a(n), y = a(n), re = l(() => {
-    d(""), i(!1), o && (f(L.current), S.current = !0);
+  const { resetSelection: f, select: I, selection: n } = ge({ items: g, multiSelect: m, selected: H }), [o, i] = w(!1), [D, d] = w(""), E = a(null), p = a(null), k = a(null), B = a(`select-${Se()}`), [te, v] = w(0), x = a(), R = a(!0), C = a(!1), L = a(n), y = a(n), re = l(() => {
+    d(""), i(!1), o && (f(L.current), R.current = !0);
   }, [f, i, d, o]), se = de(
     () => fe([
       K,
@@ -46,12 +46,12 @@ const ke = ({
       O
     ]),
     [O, P, m]
-  ), { commitAction: N, commitActionButtons: ne, committing: W, resetCommitAction: $ } = Se({
+  ), { commitAction: N, commitActionButtons: ne, committing: W, resetCommitAction: $ } = Re({
     resetDisabled: !n.length
   }), c = l(() => {
     var e;
-    d(""), i(!1), $(), S.current ? S.current = !1 : (e = k.current) == null || e.focus();
-  }, [$, i, d]), R = l(() => {
+    d(""), i(!1), $(), R.current ? R.current = !1 : (e = k.current) == null || e.focus();
+  }, [$, i, d]), S = l(() => {
     L.current = n;
     const e = `${n.map(({ id: t }) => t)}`;
     F({ target: { value: e, name: _ } });
@@ -59,13 +59,13 @@ const ke = ({
   b(() => {
     switch (N) {
       case U.APPLY:
-        R();
+        S();
         break;
       case U.CLEAR:
         f(), C.current = !0;
         break;
     }
-  }, [N, R, f]);
+  }, [N, S, f]);
   const A = l(
     (e) => {
       var r;
@@ -79,25 +79,23 @@ const ke = ({
     [g, I]
   );
   b(() => {
-    y.current !== n && (y.current = n, (!m || C.current) && (R(), c())), C.current = !1;
-  }, [c, R, m, n]), b(() => {
-    W && (B(n.length), c());
-  }, [W, c, B, n.length]);
+    y.current !== n && (y.current = n, (!m || C.current) && (S(), c())), C.current = !1;
+  }, [c, S, m, n]), b(() => {
+    W && (v(n.length), c());
+  }, [W, c, v, n.length]);
   const oe = l(
     (e) => {
       switch (e.code) {
         case s.ESCAPE:
         case s.TAB:
-          o && c(), S.current = e.key === s.TAB;
+          o && c(), R.current = e.key === s.TAB;
           return;
         case s.ENTER:
         case s.SPACE:
           if (u && o) {
             if (e.key === s.ENTER)
-              if (D)
-                A(e);
-              else
-                break;
+              if (D) A(e);
+              else break;
             return;
           }
           break;
@@ -205,7 +203,7 @@ const ke = ({
         multiSelect: m,
         placeholder: z,
         readonly: j,
-        selectListId: v.current,
+        selectListId: B.current,
         showList: o,
         toggleButtonRef: k,
         toggleList: ie,
@@ -225,7 +223,7 @@ const ke = ({
         multiSelect: m,
         onKeyDown: ce,
         onSelect: A,
-        selectListId: v.current,
+        selectListId: B.current,
         ref: p,
         toggleButtonRef: k,
         renderListItem: G,
@@ -236,7 +234,7 @@ const ke = ({
       }
     )
   ] });
-}, Ke = ke;
+};
 export {
-  Ke as default
+  $e as default
 };