@adyen/adyen-platform-experience-web 1.10.0 → 1.10.1

package/dist/es/core/Localization/utils.js

@@ -1,68 +1,68 @@
-import { FALLBACK_LOCALE as p, DEFAULT_TRANSLATIONS as C, SUPPORTED_LOCALES as O } from "./constants/localization.js";
+import { FALLBACK_LOCALE as a, DEFAULT_TRANSLATIONS as d, SUPPORTED_LOCALES as A } from "./constants/localization.js";
 import { hasOwnProperty as f } from "../../utils/struct/property.js";
-import { EMPTY_OBJECT as u } from "../../utils/value/constants.js";
-import { asPlainObject as m } from "../../utils/struct/main.js";
-import { isFunction as g } from "../../utils/value/is.js";
-const E = { values: u, count: 0 }, w = /^[a-z]{2}-[A-Z]{2}$/, l = (e) => e.substring(0, 2).toLowerCase();
-function T(e, t) {
+import { EMPTY_OBJECT as c } from "../../utils/value/constants.js";
+import { asPlainObject as C } from "../../utils/struct/main.js";
+import { isFunction as O } from "../../utils/value/is.js";
+const T = { values: c, count: 0 }, g = /^[a-z]{2}-[A-Z]{2}$/, i = (e) => e.substring(0, 2).toLowerCase();
+function s(e, n) {
   if (!e) return null;
-  const r = l(e);
-  return t.find((n) => l(n) === r) || null;
+  const t = i(e);
+  return n.find((r) => i(r) === t) || null;
 }
-function _(e) {
-  const t = e.replace("_", "-");
-  if (w.test(t)) return t;
-  const [r, n] = t.split("-");
-  if (!r || !n) return null;
-  const o = `${r.toLowerCase()}-${n.toUpperCase()}`;
+function m(e) {
+  const n = e.replace("_", "-");
+  if (g.test(n)) return n;
+  const [t, r] = n.split("-");
+  if (!t || !r) return null;
+  const o = `${t.toLowerCase()}-${r.toUpperCase()}`;
   return o.length === 5 ? o : null;
 }
-function d(e, t) {
-  const r = e.trim();
-  if (!r || r.length < 1 || r.length > 5) return p;
-  const n = _(r);
-  return n && t.includes(n) ? n : T(n ?? r, t);
+function p(e, n) {
+  const t = e.trim();
+  if (!t || t.length < 1 || t.length > 5) return a;
+  const r = m(t);
+  return r && n.includes(r) ? r : s(r ?? t, n);
 }
-function N(e = u, t) {
-  return e === u ? e : Object.keys(e).reduce((r, n) => {
-    const o = _(n) || d(n, t);
-    return o && e[n] && (r[o] = e[n]), r;
+function F(e = c, n) {
+  return e === c ? e : Object.keys(e).reduce((t, r) => {
+    const o = m(r) || p(r, n);
+    return o && e[r] && (t[o] = e[r]), t;
   }, {});
 }
-const L = (e, t) => {
-  if (g(t)) {
-    const r = /* @__PURE__ */ new Map();
-    let n = -1;
-    return e.replace(/%{(\w+)}/g, (o, c) => {
-      let i = r.get(c) ?? -1;
-      const A = t(c, ++n, ++i) ?? "";
-      return r.set(c, i), A;
+const l = (e, n) => {
+  if (O(n)) {
+    const t = /* @__PURE__ */ new Map();
+    let r = -1;
+    return e.replace(/%{(\w+)}/g, (o, u) => {
+      let L = t.get(u) ?? -1;
+      const _ = n(u, ++r, ++L) ?? "";
+      return t.set(u, L), _;
     });
   }
-  return e.replace(/%{(\w+)}/g, (r, n) => (t == null ? void 0 : t[n]) ?? "");
-}, R = (e, t, r = E) => {
-  const n = r.count ?? 0, o = `${t}__${n}`;
+  return e.replace(/%{(\w+)}/g, (t, r) => n?.[r] ?? "");
+}, I = (e, n, t = T) => {
+  const r = t.count ?? 0, o = `${n}__${r}`;
   if (f(e, o) && e[o])
-    return L(e[o], r.values);
-  const c = `${t}__plural`;
-  return f(e, c) && n > 1 && e[c] ? L(e[c], r.values) : f(e, t) && e[t] ? L(e[t], r.values) : null;
-}, a = async (e, t, r = u) => {
-  const n = d(e, O) || p, o = t(n);
+    return l(e[o], t.values);
+  const u = `${n}__plural`;
+  return f(e, u) && r > 1 && e[u] ? l(e[u], t.values) : f(e, n) && e[n] ? l(e[n], t.values) : null;
+}, N = async (e, n, t = c) => {
+  const r = p(e, A) || a, o = n(r);
   return {
-    ...C,
+    ...d,
     // Default en-US translations (in case any other translation file is missing any key)
-    ...await o ?? u,
+    ...await o ?? c,
     // Merge with our locale file of the locale they are loading
-    ...m(r == null ? void 0 : r[e])
+    ...C(t?.[e])
     // Merge with their custom locales if available
   };
 };
 export {
-  N as formatCustomTranslations,
-  _ as formatLocale,
-  R as getTranslation,
-  a as loadTranslations,
-  T as matchLocale,
-  d as parseLocale,
-  l as toTwoLetterCode
+  F as formatCustomTranslations,
+  m as formatLocale,
+  I as getTranslation,
+  N as loadTranslations,
+  s as matchLocale,
+  p as parseLocale,
+  i as toTwoLetterCode
 };

package/dist/es/core/core.js

@@ -1,63 +1,28 @@
-var h = Object.defineProperty;
-var c = (n, t, i) => t in n ? h(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
-var s = (n, t, i) => c(n, typeof t != "symbol" ? t + "" : t, i);
-import { FALLBACK_ENV as d, resolveEnvironment as m, getConfigFromCdn as g, getDatasetFromCdn as u } from "./utils.js";
-import { AuthSession as C } from "./ConfigContext/session/AuthSession.js";
-import { Assets as l } from "./Assets/Assets.js";
-import { getCustomTranslationsAnalyticsPayload as p } from "./Analytics/analytics/customTranslations.js";
-import y from "./Localization/Localization.js";
-import { EMPTY_OBJECT as f } from "../utils/value/constants.js";
-class A {
+import { FALLBACK_ENV as e, resolveEnvironment as r, getConfigFromCdn as l, getDatasetFromCdn as h } from "./utils.js";
+import { AuthSession as c } from "./ConfigContext/session/AuthSession.js";
+import { Assets as o } from "./Assets/Assets.js";
+import { getCustomTranslationsAnalyticsPayload as d } from "./Analytics/analytics/customTranslations.js";
+import m from "./Localization/Localization.js";
+import { EMPTY_OBJECT as g } from "../utils/value/constants.js";
+class E {
+  static version = "1.10.1";
+  components = [];
+  options;
+  localization;
+  loadingContext;
+  analyticsEnabled;
+  session = new c();
+  onError;
+  getImageAsset;
+  getDatasetAsset;
+  getCdnConfig;
+  getCdnDataset;
+  readyCustomTranslationsAnalytics;
   // [TODO]: Change the error handling strategy.
   constructor(t) {
-    s(this, "components", []);
-    s(this, "options");
-    s(this, "localization");
-    s(this, "loadingContext");
-    s(this, "analyticsEnabled");
-    s(this, "session", new C());
-    s(this, "onError");
-    s(this, "getImageAsset");
-    s(this, "getDatasetAsset");
-    s(this, "getCdnConfig");
-    s(this, "getCdnDataset");
-    s(this, "readyCustomTranslationsAnalytics");
-    /**
-     * Updates global configurations, resets the internal state and remounts each element.
-     * @param options - props to update
-     * @returns this - the element instance
-     */
-    s(this, "update", async (t = f) => (this.setOptions(t), await this.initialize(), this.components.forEach((i) => {
-      i.props.core === this && i.update(this.getPropsForComponent(this.options));
-    }), this));
-    /**
-     * Remove the reference of a component
-     * @param component - reference to the component to be removed
-     * @returns this - the element instance
-     */
-    s(this, "remove", (t) => (this.components = this.components.filter((i) => i._id !== t._id), t.unmount(), this));
-    /**
-     * @internal
-     * Register components in core to be able to update them all at once
-     */
-    s(this, "registerComponent", (t) => {
-      t.props.core === this && this.components.push(t);
-    });
-    /**
-     * @internal
-     * Enhances the config object passed when AdyenPlatformExperience is initialised (environment, clientKey, etc...)
-     * (Re)Initializes core properties & processes (i18n, etc...)
-     * @param options - the config object passed when AdyenPlatformExperience is initialised
-     * @returns this
-     */
-    s(this, "setOptions", (t) => {
-      var i, a;
-      return this.options = { ...this.options, ...t }, this.localization.locale = (i = this.options) == null ? void 0 : i.locale, this.localization.customTranslations = (a = this.options) == null ? void 0 : a.translations, this.session.loadingContext = this.loadingContext, this.session.onSessionCreate = this.options.onSessionCreate, this;
-    });
-    var e;
-    this.options = { environment: d, ...t };
-    const { cdnTranslationsUrl: i, cdnAssetsUrl: a, cdnConfigUrl: o, apiUrl: r } = m(this.options.environment);
-    this.localization = new y(t.locale, t.availableTranslations, i, o), this.loadingContext = t.loadingContext || null || r, this.getImageAsset = new l(a).getAsset({ extension: "svg", subFolder: "images" }), this.getDatasetAsset = new l(a).getAsset({ extension: "json", mainFolder: "datasets" }), this.getCdnConfig = g({ url: o }), this.getCdnDataset = u({ url: `${a}/datasets` }), this.readyCustomTranslationsAnalytics = !1, this.analyticsEnabled = ((e = t == null ? void 0 : t.analytics) == null ? void 0 : e.enabled) ?? !0, this.session.analyticsEnabled = this.analyticsEnabled, this.setOptions(t);
+    this.options = { environment: e, ...t };
+    const { cdnTranslationsUrl: s, cdnAssetsUrl: i, cdnConfigUrl: n, apiUrl: a } = r(this.options.environment);
+    this.localization = new m(t.locale, t.availableTranslations, s, n), this.loadingContext = t.loadingContext || null || a, this.getImageAsset = new o(i).getAsset({ extension: "svg", subFolder: "images" }), this.getDatasetAsset = new o(i).getAsset({ extension: "json", mainFolder: "datasets" }), this.getCdnConfig = l({ url: n }), this.getCdnDataset = h({ url: `${i}/datasets` }), this.readyCustomTranslationsAnalytics = !1, this.analyticsEnabled = t?.analytics?.enabled ?? !0, this.session.analyticsEnabled = this.analyticsEnabled, this.setOptions(t);
   }
   async initialize() {
     return Promise.all([this.localization.ready]).then(() => {
@@ -68,8 +33,37 @@ class A {
       return this;
     });
   }
+  /**
+   * Updates global configurations, resets the internal state and remounts each element.
+   * @param options - props to update
+   * @returns this - the element instance
+   */
+  update = async (t = g) => (this.setOptions(t), await this.initialize(), this.components.forEach((s) => {
+    s.props.core === this && s.update(this.getPropsForComponent(this.options));
+  }), this);
+  /**
+   * Remove the reference of a component
+   * @param component - reference to the component to be removed
+   * @returns this - the element instance
+   */
+  remove = (t) => (this.components = this.components.filter((s) => s._id !== t._id), t.unmount(), this);
+  /**
+   * @internal
+   * Register components in core to be able to update them all at once
+   */
+  registerComponent = (t) => {
+    t.props.core === this && this.components.push(t);
+  };
+  /**
+   * @internal
+   * Enhances the config object passed when AdyenPlatformExperience is initialised (environment, clientKey, etc...)
+   * (Re)Initializes core properties & processes (i18n, etc...)
+   * @param options - the config object passed when AdyenPlatformExperience is initialised
+   * @returns this
+   */
+  setOptions = (t) => (this.options = { ...this.options, ...t }, this.localization.locale = this.options?.locale, this.localization.customTranslations = this.options?.translations, this.session.loadingContext = this.loadingContext, this.session.onSessionCreate = this.options.onSessionCreate, this);
   setTranslationsPayload() {
-    return this.localization ? p(this.localization.i18n.customTranslations) : [];
+    return this.localization ? d(this.localization.i18n.customTranslations) : [];
   }
   /**
    * @internal
@@ -80,7 +74,6 @@ class A {
     return { ...t };
   }
 }
-s(A, "version", "1.10.0");
 export {
-  A as default
+  E as default
 };

package/dist/es/core/utils.js

@@ -1,66 +1,57 @@
-import { CDN_ENVIRONMENTS as l, API_ENVIRONMENTS as E } from "./constants.js";
-import { httpGet as p } from "./Http/http.js";
-const $ = "test", i = "live", N = (r) => {
-  var s;
-  return (s = r == null ? void 0 : r.replace) == null ? void 0 : s.call(r, /([^/])$/, "$1/");
-}, h = (r) => r == null ? void 0 : r.replace(/^([^/])/, "/$1"), u = /* @__PURE__ */ (() => {
-  const r = E, s = l;
-  return (n) => {
-    const t = s[(n === "test" ? "live" : n) ?? i] || s[i];
+import { CDN_ENVIRONMENTS as l, API_ENVIRONMENTS as $ } from "./constants.js";
+import { httpGet as i } from "./Http/http.js";
+const c = "test", a = "live", d = (r) => r?.replace?.(/([^/])$/, "$1/"), u = (r) => r?.replace(/^([^/])/, "/$1"), v = /* @__PURE__ */ (() => {
+  const r = $, e = l;
+  return (t) => {
+    const n = e[(t === "test" ? "live" : t) ?? a] || e[a];
     return {
-      apiUrl: r[n ?? $] || r[$],
-      cdnTranslationsUrl: `${t}/assets/translations`,
-      cdnAssetsUrl: `${t}/assets`,
-      cdnConfigUrl: `${t}/config`
+      apiUrl: r[t ?? c] || r[c],
+      cdnTranslationsUrl: `${n}/assets/translations`,
+      cdnAssetsUrl: `${n}/assets`,
+      cdnConfigUrl: `${n}/config`
     };
   };
-})(), y = ({ url: r }) => async ({
-  name: s,
-  extension: n = "json",
-  fallback: e,
-  subFolder: t = ""
+})(), E = ({ url: r }) => async ({
+  name: e,
+  extension: t = "json",
+  fallback: o,
+  subFolder: n = ""
 }) => {
   try {
-    return await p({
-      loadingContext: `${r}${t ? `/${t}` : ""}`,
-      path: `/${s}.${n}`,
+    return await i({
+      loadingContext: `${r}${n ? `/${n}` : ""}`,
+      path: `/${e}.${t}`,
       versionless: !0,
       skipContentType: !0,
       errorLevel: "error"
     });
-  } catch (o) {
-    return console.warn(o), e;
+  } catch (s) {
+    return console.warn(s), o;
   }
-}, L = ({ url: r }) => async ({
-  name: s,
-  extension: n = "json",
-  fallback: e,
-  subFolder: t = ""
+}, N = ({ url: r }) => async ({
+  name: e,
+  extension: t = "json",
+  fallback: o,
+  subFolder: n = ""
 }) => {
   try {
-    return await p({
-      loadingContext: `${r}${t ? `/${t}` : ""}`,
-      path: `/${s}.${n}`,
+    return await i({
+      loadingContext: `${r}${n ? `/${n}` : ""}`,
+      path: `/${e}.${t}`,
       versionless: !0,
       skipContentType: !0,
       errorLevel: "error"
     });
-  } catch (o) {
-    console.warn(o);
-    try {
-      const a = await import(`../assets/datasets${t ? `/${t}` : ""}/${s}.${n}`);
-      return a.default || a;
-    } catch (c) {
-      return console.warn(c), e;
-    }
+  } catch (s) {
+    return console.warn(s), o;
   }
 };
 export {
-  i as FALLBACK_CDN_ENV,
-  $ as FALLBACK_ENV,
-  y as getConfigFromCdn,
-  L as getDatasetFromCdn,
-  N as normalizeLoadingContext,
-  h as normalizeUrl,
-  u as resolveEnvironment
+  a as FALLBACK_CDN_ENV,
+  c as FALLBACK_ENV,
+  E as getConfigFromCdn,
+  N as getDatasetFromCdn,
+  d as normalizeLoadingContext,
+  u as normalizeUrl,
+  v as resolveEnvironment
 };

package/dist/es/hooks/element/useClickOutside.js

@@ -1,51 +1,51 @@
 import { useRef as O, useCallback as c, useEffect as L } from "../../external/preact/hooks/dist/hooks.module.js";
-import { popoverUtil as d } from "../../components/internal/Popover/utils/popoverUtil.js";
+import { popoverUtil as l } from "../../components/internal/Popover/utils/popoverUtil.js";
 import R from "../useReflex.js";
 const p = Symbol("__control.Elem.");
-var h = /* @__PURE__ */ ((o) => (o.POPOVER = "POPOVER", o.DEFAULT = "DEFAULT", o))(h || {});
-const v = (o) => o.stopImmediatePropagation(), _ = (o, s, f, u) => {
-  const e = O(null), m = O(!1), l = c(
-    (n) => {
+var h = /* @__PURE__ */ ((n) => (n.POPOVER = "POPOVER", n.DEFAULT = "DEFAULT", n))(h || {});
+const v = (n) => n.stopImmediatePropagation(), _ = (n, s, f, u) => {
+  const e = O(null), m = O(!1), d = c(
+    (t) => {
       if (!(e && e.current)) return;
-      const r = n.composedPath();
+      const r = t.composedPath();
       if (u === "POPOVER")
-        d.closePopoversOutsideOfClick(r);
+        l.closePopoversOutsideOfClick(r);
       else {
-        let P = 0, a = !1, t = r[P];
-        for (; t instanceof Element && !(a || (a = t == null ? void 0 : t.isSameNode(e.current))); )
-          t = r[++P] ?? t.parentElement, (t == null ? void 0 : t[p]) instanceof Element && (t = t[p], r.length = 0);
+        let P = 0, a = !1, o = r[P];
+        for (; o instanceof Element && !(a ||= o?.isSameNode(e.current)); )
+          o = r[++P] ?? o.parentElement, o?.[p] instanceof Element && (o = o[p], r.length = 0);
         s && !a && s(!0);
       }
     },
     [e, s, u]
   ), i = c(
-    (n) => {
-      e && e.current && (m.current = e.current.contains(n.target));
+    (t) => {
+      e && e.current && (m.current = e.current.contains(t.target));
     },
     [e]
   ), E = c(
-    (n) => {
+    (t) => {
       if (m.current) {
         m.current = !1;
         return;
       }
-      l(n);
+      d(t);
     },
-    [l]
+    [d]
   );
   return L(() => {
     if (!f)
-      return document.addEventListener("mousedown", i, !0), document.addEventListener("click", E, !0), u === "POPOVER" && e.current instanceof Element && d.add(e.current, s), () => {
-        document.removeEventListener("mousedown", i, !0), document.removeEventListener("click", E, !0), e.current && d.remove(e.current);
+      return document.addEventListener("mousedown", i, !0), document.addEventListener("click", E, !0), u === "POPOVER" && e.current instanceof Element && l.add(e.current, s), () => {
+        document.removeEventListener("mousedown", i, !0), document.removeEventListener("click", E, !0), e.current && l.remove(e.current);
       };
   }, [f, i, E, s, u, e]), R(
     c(
-      (n, r) => {
-        r instanceof Element && r.removeEventListener("focusout", v, !1), n instanceof Element && (f || (n.addEventListener("focusout", v, !1), e.current = n));
+      (t, r) => {
+        r instanceof Element && r.removeEventListener("focusout", v, !1), t instanceof Element && (f || (t.addEventListener("focusout", v, !1), e.current = t));
       },
       [f, u]
     ),
-    o
+    n
   );
 };
 export {

package/dist/es/hooks/element/useFocusCursor.js

@@ -1,18 +1,18 @@
 import { useCallback as o } from "../../external/preact/hooks/dist/hooks.module.js";
-import i from "../useReflex.js";
-import { ALREADY_RESOLVED_PROMISE as m } from "../../utils/async/constants.js";
-const A = (f) => {
+import a from "../useReflex.js";
+import { ALREADY_RESOLVED_PROMISE as i } from "../../utils/async/constants.js";
+const r = (f) => {
   const s = o(
     (t, e) => {
-      e instanceof Element && e.setAttribute("tabindex", "-1"), t instanceof Element && (t.setAttribute("tabindex", "0"), m.then(() => t == null ? void 0 : t.focus()));
+      e instanceof Element && e.setAttribute("tabindex", "-1"), t instanceof Element && (t.setAttribute("tabindex", "0"), i.then(() => t?.focus()));
     },
     []
   );
-  return i(
+  return a(
     o(
       (t, e) => {
         try {
-          f == null || f(t, e);
+          f?.(t, e);
         } finally {
           s(t, e);
         }
@@ -22,5 +22,5 @@ const A = (f) => {
   );
 };
 export {
-  A as default
+  r as default
 };

package/dist/es/hooks/element/useFocusTrap.js

@@ -1,27 +1,26 @@
-import { useRef as o, useMemo as E, useCallback as c } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as a, useMemo as b, useCallback as o } from "../../external/preact/hooks/dist/hooks.module.js";
 import { InteractionKeyCode as n } from "../../components/types.js";
-import { withTabbableRoot as H, focusIsWithin as i, isFocusable as I } from "../../primitives/dom/tabbableRoot/tabbable.js";
-import M from "../useReflex.js";
-import { isUndefined as O } from "../../utils/value/is.js";
-const q = (k, A) => {
-  const u = o(!1), l = o(null), f = o(!1), T = o(null), d = o(1), b = o(!1), r = E(H, []), F = c((e) => {
-    const t = l.current;
-    if (t instanceof HTMLElement && i(e, t)) {
+import { withTabbableRoot as x, focusIsWithin as c, isFocusable as H } from "../../primitives/dom/tabbableRoot/tabbable.js";
+import I from "../useReflex.js";
+import { isUndefined as M } from "../../utils/value/is.js";
+const W = (C, E) => {
+  const i = a(!1), u = a(null), l = a(!1), A = a(null), m = a(1), d = a(!1), r = b(x, []), T = o((e) => {
+    const t = u.current;
+    if (t instanceof HTMLElement && c(e, t)) {
       t.focus();
       return;
     }
     e instanceof HTMLElement && e.focus();
-  }, []), L = E(() => {
+  }, []), F = b(() => {
     let e = null, t;
-    return (m) => {
-      O(t) || cancelAnimationFrame(t);
-      let s = m.target;
-      for (; s && s !== m.currentTarget; ) {
-        if (I(s)) {
+    return (f) => {
+      M(t) || cancelAnimationFrame(t);
+      let s = f.target;
+      for (; s && s !== f.currentTarget; ) {
+        if (H(s)) {
           e = s, t = requestAnimationFrame(() => {
             t = requestAnimationFrame(() => {
-              var a;
-              l.current !== e && e instanceof HTMLElement && ((a = l.current = e) == null || a.focus()), e = null, t = void 0;
+              u.current !== e && e instanceof HTMLElement && (u.current = e)?.focus(), e = null, t = void 0;
             });
           });
           return;
@@ -29,29 +28,28 @@ const q = (k, A) => {
         s = s.parentNode;
       }
     };
-  }, []), R = c((e) => {
-    r.current = l.current = e.target;
-  }, []), g = c((e) => {
-    var s;
+  }, []), L = o((e) => {
+    r.current = u.current = e.target;
+  }, []), R = o((e) => {
     const t = r.root;
     if (!(t instanceof Element)) return;
-    const m = e.target;
-    if (!i(t, m) && i(t, e.relatedTarget) && f.current && T.current === n.TAB) {
-      const a = r.tabbables;
-      if (a.length) {
-        const x = d.current === -1 ? a.length - 1 : 0;
-        (s = a[x]) == null || s.focus();
+    const f = e.target;
+    if (!c(t, f) && c(t, e.relatedTarget) && l.current && A.current === n.TAB) {
+      const s = r.tabbables;
+      if (s.length) {
+        const k = m.current === -1 ? s.length - 1 : 0;
+        s[k]?.focus();
       } else
-        F(t);
+        T(t);
     }
-  }, []), h = c((e) => {
-    r.tabbables.includes(e.relatedTarget) || i(e.currentTarget, e.relatedTarget) || f.current || (u.current = !0, requestAnimationFrame(() => {
-      u.current && A(u.current = !1);
+  }, []), g = o((e) => {
+    r.tabbables.includes(e.relatedTarget) || c(e.currentTarget, e.relatedTarget) || l.current || (i.current = !0, requestAnimationFrame(() => {
+      i.current && E(i.current = !1);
     }));
-  }, []), C = E(() => {
+  }, []), h = b(() => {
     let e;
     return (t) => {
-      switch (T.current = t.code, t.code) {
+      switch (A.current = t.code, t.code) {
         case n.ARROW_DOWN:
         case n.ARROW_LEFT:
         case n.ARROW_RIGHT:
@@ -64,21 +62,21 @@ const q = (k, A) => {
         case n.TAB:
           cancelAnimationFrame(e), e = requestAnimationFrame(() => {
             e = requestAnimationFrame(() => {
-              f.current = !1, e = void 0;
+              l.current = !1, e = void 0;
             });
-          }), f.current = !0;
+          }), l.current = !0;
           break;
       }
-      t.code === n.TAB ? (t.preventDefault(), d.current = t.shiftKey ? -1 : 1, r.tabbables.length ? r.current = d.current : r.root instanceof Element && F(r.root)) : t.code === n.ESCAPE && A(!0);
+      t.code === n.TAB ? (t.preventDefault(), m.current = t.shiftKey ? -1 : 1, r.tabbables.length ? r.current = m.current : r.root instanceof Element && T(r.root)) : t.code === n.ESCAPE && E(!0);
     };
   }, []);
-  return M(
-    c((e, t) => {
-      t instanceof Element && (t.removeEventListener("keydown", C, !0), t.removeEventListener("focusin", R, !0), t.removeEventListener("focusout", h, !1), t.removeEventListener("click", L, !0), document.removeEventListener("focusin", g, !0), b.current && t instanceof HTMLElement && (t.removeAttribute("tabindex"), b.current = !1)), e instanceof Element ? (e.addEventListener("keydown", C, !0), e.addEventListener("focusin", R, !0), e.addEventListener("focusout", h, !1), e.addEventListener("click", L, !0), document.addEventListener("focusin", g, !0), u.current = !1, r.root = e, e instanceof HTMLElement && !e.hasAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), b.current = !0), i(e, document.activeElement) || e instanceof HTMLElement && e.focus()) : r.root = null;
+  return I(
+    o((e, t) => {
+      t instanceof Element && (t.removeEventListener("keydown", h, !0), t.removeEventListener("focusin", L, !0), t.removeEventListener("focusout", g, !1), t.removeEventListener("click", F, !0), document.removeEventListener("focusin", R, !0), d.current && t instanceof HTMLElement && (t.removeAttribute("tabindex"), d.current = !1)), e instanceof Element ? (e.addEventListener("keydown", h, !0), e.addEventListener("focusin", L, !0), e.addEventListener("focusout", g, !1), e.addEventListener("click", F, !0), document.addEventListener("focusin", R, !0), i.current = !1, r.root = e, e instanceof HTMLElement && !e.hasAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), d.current = !0), c(e, document.activeElement) || e instanceof HTMLElement && e.focus()) : r.root = null;
     }, []),
-    k
+    C
   );
 };
 export {
-  q as default
+  W as default
 };