@adyen/adyen-platform-experience-web 1.0.1 → 1.0.3

package/dist/es/core/Localization/datetime/restamper/constants.js

@@ -1,4 +1,9 @@
-const A = new RegExp("(?<=GMT)(?:[-+](?:0?\\d|1[0-4])(?::?[0-5]\\d)?)?$"), { BASE_FORMAT_OPTIONS: I, BASE_LOCALE: N, SYSTEM_TIMEZONE: c, SYSTEM_TIMEZONE_FORMATTER: s } = (() => {
+const A = new RegExp("(?<=GMT)(?:[-+](?:0?\\d|1[0-4])(?::?[0-5]\\d)?)?$"), {
+  BASE_FORMAT_OPTIONS: I,
+  BASE_LOCALE: N,
+  SYSTEM_TIMEZONE: c,
+  SYSTEM_TIMEZONE_FORMATTER: s
+} = (() => {
   const S = "en-US", T = "2-digit", t = "numeric", _ = Object.freeze({
     year: t,
     month: "short",
@@ -16,7 +21,12 @@ const A = new RegExp("(?<=GMT)(?:[-+](?:0?\\d|1[0-4])(?::?[0-5]\\d)?)?$"), { BAS
   } catch {
     E = void 0;
   }
-  return { BASE_FORMAT_OPTIONS: _, BASE_LOCALE: S, SYSTEM_TIMEZONE: E, SYSTEM_TIMEZONE_FORMATTER: O };
+  return {
+    BASE_FORMAT_OPTIONS: _,
+    BASE_LOCALE: S,
+    SYSTEM_TIMEZONE: E,
+    SYSTEM_TIMEZONE_FORMATTER: O
+  };
 })();
 export {
   I as BASE_FORMAT_OPTIONS,

package/dist/es/core/Localization/datetime/restamper/restamper.js

@@ -11,7 +11,10 @@ const l = (() => {
       this.TIMEZONE = i, this.formatter = f;
     else
       try {
-        const e = new Intl.DateTimeFormat(c, { ...E, timeZone: t }), r = e.resolvedOptions().timeZone;
+        const e = new Intl.DateTimeFormat(c, {
+          ...E,
+          timeZone: t
+        }), r = e.resolvedOptions().timeZone;
         if (this.TIMEZONE === r)
           return;
         this.TIMEZONE = r, this.formatter = e;
@@ -29,12 +32,22 @@ const l = (() => {
     });
   }
   return () => {
-    const t = { TIMEZONE: i }, e = o == null ? void 0 : o.bind(t), r = O({
-      current: { get: n == null ? void 0 : n.bind(t), set: e },
-      system: { value: i }
+    const t = {
+      TIMEZONE: i
+    }, e = o == null ? void 0 : o.bind(t), r = O({
+      current: {
+        get: n == null ? void 0 : n.bind(t),
+        set: e
+      },
+      system: {
+        value: i
+      }
     });
     return Object.defineProperties(m.bind(t), {
-      tz: { get: () => r, set: e }
+      tz: {
+        get: () => r,
+        set: e
+      }
     });
   };
 })(), I = l;

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

@@ -1,30 +1,33 @@
-import { SYSTEM_TIMEZONE_FORMATTER as c, REGEX_TZ_OFFSET as r } from "./constants.js";
-import { EMPTY_ARRAY as i } from "../../../../utils/value/constants.js";
-import { mod as E } from "../../../../utils/value/number.js";
-const p = /\+(?=-)|([+-]00:00)/g, O = new RegExp("(?<=^\\D?)(\\d)$"), S = ([t, e]) => (Math.abs(t * 60) + e) * (t < 0 ? -1 : 1), _ = (t) => Object.freeze([
+import { SYSTEM_TIMEZONE_FORMATTER as n, REGEX_TZ_OFFSET as m } from "./constants.js";
+import { EMPTY_ARRAY as r } from "../../../../utils/value/constants.js";
+import { mod as i } from "../../../../utils/value/number.js";
+const E = /\+(?=-)|([+-]00:00)/g, p = new RegExp("(?<=^\\D?)(\\d)$"), O = ([t, s]) => (Math.abs(t * 60) + s) * (t < 0 ? -1 : 1), S = (t) => Object.freeze([
   Math.floor(t / 60),
   // offset hours
-  E(t, 60)
+  i(t, 60)
   // offset minutes
-]), M = (t) => parseInt(t, 10) || 0, g = (t) => `GMT+${_(t).map((o) => `${o}`.replace(O, "0$1")).join(":")}`.replace(p, ""), T = (t) => {
-  var s;
-  const e = ((s = t == null ? void 0 : t.match(r)) == null ? void 0 : s[0].split(":", 2).map(M)) ?? i;
-  return S(e.concat(0, 0).slice(0, 2));
-}, F = (t, e = c) => {
-  var n;
-  const s = T((n = c) == null ? void 0 : n.format(t));
-  return T(e == null ? void 0 : e.format(t)) - s;
-}, m = (t, e, s = 1) => {
-  const { offset: o, timestamp: n } = t(e), f = new Date(n);
-  return f.setMinutes(f.getMinutes() - o * s);
-}, R = (t, e) => m(t, e, 1), z = (t, e) => m(t, e, -1);
+]), _ = (t) => parseInt(t, 10) || 0, F = (t) => `GMT+${S(t).map((o) => `${o}`.replace(p, "0$1")).join(":")}`.replace(E, ""), c = (t) => {
+  var e;
+  const s = ((e = t == null ? void 0 : t.match(m)) == null ? void 0 : e[0].split(":", 2).map(_)) ?? r;
+  return O(s.concat(0, 0).slice(0, 2));
+}, R = (t, s = n) => {
+  var f;
+  const e = c((f = n) == null ? void 0 : f.format(t));
+  return c(s == null ? void 0 : s.format(t)) - e;
+}, T = (t, s, e = 1) => {
+  const {
+    offset: o,
+    timestamp: f
+  } = t(s);
+  return f - o * e * 6e4;
+}, g = (t, s) => T(t, s, 1), u = (t, s) => T(t, s, -1);
 export {
-  S as computeTimezoneOffsetInMinutes,
-  _ as computeTimezoneOffsetsFromMinutes,
-  g as getGMTSuffixForTimezoneOffset,
-  F as getTimezoneOffsetForTimestamp,
-  T as getTimezoneOffsetFromFormattedDateString,
-  M as parseTimezoneOffset,
-  R as systemToTimezone,
-  z as timezoneToSystem
+  O as computeTimezoneOffsetInMinutes,
+  S as computeTimezoneOffsetsFromMinutes,
+  F as getGMTSuffixForTimezoneOffset,
+  R as getTimezoneOffsetForTimestamp,
+  c as getTimezoneOffsetFromFormattedDateString,
+  _ as parseTimezoneOffset,
+  g as systemToTimezone,
+  u as timezoneToSystem
 };

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

@@ -1,34 +1,46 @@
 import { loadTranslations as i, formatLocale as a, parseLocale as l } from "./utils.js";
-import { FALLBACK_LOCALE as c } from "./constants/locale.js";
-import { EXCLUDE_PROPS as n } from "./constants/localization.js";
+import { FALLBACK_LOCALE as n } from "./constants/locale.js";
+import { EXCLUDE_PROPS as c } from "./constants/localization.js";
 import p from "./Localization.js";
 import { struct as f } from "../../utils/struct/main.js";
 import { isFunction as s } from "../../utils/value/is.js";
-function O() {
-  let e = this.locale, t = e, o = [...this.supportedLocales];
+function b() {
+  let o = this.locale, r = o, t = [...this.supportedLocales];
   return f({
-    load: { value: (r) => i(e, this.preferredTranslations, r) },
+    load: {
+      value: (e) => i(o, this.preferredTranslations, e)
+    },
     locale: {
-      get: () => e,
-      set: (r) => {
-        t = r, e = a(r) || l(r, o) || c;
+      get: () => o,
+      set: (e) => {
+        r = e, o = a(e) || l(e, t) || n;
       }
     },
     supportedLocales: {
-      get: () => o,
-      set(r) {
-        o = r, this.locale = t;
+      get: () => t,
+      set(e) {
+        t = e, this.locale = r;
       }
     }
   });
 }
-function _() {
-  const e = {};
-  for (const [t, o] of Object.entries(Object.getOwnPropertyDescriptors(p.prototype)))
-    n.includes(t) || (s(o.get) ? e[t] = { get: o.get.bind(this) } : s(o.value) ? e[t] = { value: o.value.bind(this) } : e[t] = { get: () => this[t] });
-  return e;
+function O() {
+  var r;
+  const o = {};
+  for (const [t, e] of Object.entries(Object.getOwnPropertyDescriptors(p.prototype)))
+    c.includes(t) || (s(e.get) ? o[t] = {
+      get: e.get.bind(this),
+      ...t === "timezone" && {
+        set: (r = e.set) == null ? void 0 : r.bind(this)
+      }
+    } : s(e.value) ? o[t] = {
+      value: e.value.bind(this)
+    } : o[t] = {
+      get: () => this[t]
+    });
+  return o;
 }
 export {
-  O as createTranslationsLoader,
-  _ as getLocalizationProxyDescriptors
+  b as createTranslationsLoader,
+  O as getLocalizationProxyDescriptors
 };

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

@@ -3,7 +3,12 @@ import { en_US as A } from "../../translations/index.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";
-const p = { values: u, count: 0 }, g = { "en-US": A.en_US }, _ = (e) => e.substring(0, 2).toLowerCase();
+const p = {
+  values: u,
+  count: 0
+}, g = {
+  "en-US": A.en_US
+}, _ = (e) => e.substring(0, 2).toLowerCase();
 function S(e, n) {
   if (!e)
     return null;

package/dist/es/core/core.js

@@ -1,6 +1,6 @@
 var r = Object.defineProperty;
-var a = (s, t, i) => t in s ? r(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
-var o = (s, t, i) => (a(s, typeof t != "symbol" ? t + "" : t, i), i);
+var a = (s, t, o) => t in s ? r(s, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[t] = o;
+var i = (s, t, o) => (a(s, typeof t != "symbol" ? t + "" : t, o), o);
 import { FALLBACK_ENV as h, resolveEnvironment as l } from "./utils.js";
 import { AuthSession as p } from "./Auth/session/AuthSession.js";
 import c from "./Localization/Localization.js";
@@ -8,30 +8,31 @@ import { EMPTY_OBJECT as m } from "../utils/value/constants.js";
 class e {
   // [TODO]: Change the error handling strategy.
   constructor(t) {
-    o(this, "components", []);
-    o(this, "options");
-    o(this, "localization");
-    o(this, "loadingContext");
-    o(this, "session", new p());
+    i(this, "components", []);
+    i(this, "options");
+    i(this, "localization");
+    i(this, "loadingContext");
+    i(this, "session", new p());
+    i(this, "onError");
     /**
      * Updates global configurations, resets the internal state and remounts each element.
      * @param options - props to update
      * @returns this - the element instance
      */
-    o(this, "update", async (t = m) => (this.setOptions(t), await this.initialize(), this.components.forEach((i) => {
-      i.props.core === this && i.update(this.getPropsForComponent(this.options));
+    i(this, "update", async (t = m) => (this.setOptions(t), await this.initialize(), this.components.forEach((o) => {
+      o.props.core === this && o.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
      */
-    o(this, "remove", (t) => (this.components = this.components.filter((i) => i._id !== t._id), t.unmount(), this));
+    i(this, "remove", (t) => (this.components = this.components.filter((o) => o._id !== t._id), t.unmount(), this));
     /**
      * @internal
      * Register components in core to be able to update them all at once
      */
-    o(this, "registerComponent", (t) => {
+    i(this, "registerComponent", (t) => {
       t.props.core === this && this.components.push(t);
     });
     /**
@@ -41,11 +42,17 @@ class e {
      * @param options - the config object passed when AdyenPlatformExperience is initialised
      * @returns this
      */
-    o(this, "setOptions", (t) => {
-      var i, n;
-      return this.options = { ...this.options, ...t }, this.localization.locale = (i = this.options) == null ? void 0 : i.locale, this.localization.customTranslations = (n = this.options) == null ? void 0 : n.translations, this.session.loadingContext = this.loadingContext, this.session.onSessionCreate = this.options.onSessionCreate, this;
+    i(this, "setOptions", (t) => {
+      var o, n;
+      return this.options = {
+        ...this.options,
+        ...t
+      }, this.localization.locale = (o = this.options) == null ? void 0 : o.locale, this.localization.customTranslations = (n = this.options) == null ? void 0 : n.translations, this.session.loadingContext = this.loadingContext, this.session.onSessionCreate = this.options.onSessionCreate, this;
     });
-    this.options = { environment: h, ...t }, this.localization = new c(t.locale, t.availableTranslations), this.loadingContext = l(this.options.environment), this.setOptions(t);
+    this.options = {
+      environment: h,
+      ...t
+    }, this.localization = new c(t.locale, t.availableTranslations), this.loadingContext = l(this.options.environment), this.setOptions(t);
   }
   async initialize() {
     return Promise.all([this.localization.ready]).then(() => this);
@@ -56,10 +63,12 @@ class e {
    * @returns props for a new UIElement
    */
   getPropsForComponent(t) {
-    return { ...t };
+    return {
+      ...t
+    };
   }
 }
-o(e, "version", "1.0.1");
+i(e, "version", "1.0.3");
 const g = e;
 export {
   g as default

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

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

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

@@ -2,16 +2,13 @@ import { createPortal as a } from "../../external/preact/compat/dist/compat.modu
 import { useState as i, useMemo as m } from "../../external/preact/hooks/dist/hooks.module.js";
 import f from "../useReflex/useReflex.js";
 const p = (r, o) => {
-  const [t, s] = i(), d = f(
-    m(() => {
-      const u = (e) => (...c) => {
-        const n = r(e, ...c);
-        return n && a(n, e);
-      };
-      return s(void 0), (e) => s(e instanceof Element ? () => u(e) : void 0);
-    }, [r, o]),
-    o
-  );
+  const [t, s] = i(), d = f(m(() => {
+    const u = (e) => (...c) => {
+      const n = r(e, ...c);
+      return n && a(n, e);
+    };
+    return s(void 0), (e) => s(e instanceof Element ? () => u(e) : void 0);
+  }, [r, o]), o);
   return [t, d];
 }, j = p;
 export {

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

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

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

@@ -52,12 +52,9 @@ const k = (R, f) => {
       t.code === r.TAB ? (t.preventDefault(), a.current = t.shiftKey ? -1 : 1) : t.code === r.ESCAPE && f(!0);
     };
   }, []);
-  return C(
-    l((e, t) => {
-      t instanceof Element && (t.removeEventListener("keydown", A, !0), t.removeEventListener("focusin", d, !0), t.removeEventListener("focusout", E, !0), e.removeEventListener("click", m, !0)), e instanceof Element ? (e.addEventListener("keydown", A, !0), e.addEventListener("focusin", d, !0), e.addEventListener("focusout", E, !0), e.addEventListener("click", m, !0), s.current = !1, a.root = e) : a.root = null;
-    }, []),
-    R
-  );
+  return C(l((e, t) => {
+    t instanceof Element && (t.removeEventListener("keydown", A, !0), t.removeEventListener("focusin", d, !0), t.removeEventListener("focusout", E, !0), e.removeEventListener("click", m, !0)), e instanceof Element ? (e.addEventListener("keydown", A, !0), e.addEventListener("focusin", d, !0), e.addEventListener("focusout", E, !0), e.addEventListener("click", m, !0), s.current = !1, a.root = e) : a.root = null;
+  }, []), R);
 }, y = k;
 export {
   y as default

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

@@ -33,74 +33,52 @@ const G = ({
   const b = [l, h, 0];
   return `position:absolute;inset:0 auto auto 0;margin: 0;transform: ${b.reduce((o, k, c) => c === 0 ? o + `${k}px,` : c === b.length - 1 ? o + ` ${k}px)` : o + ` ${k}px,`, "translate3d(")};visibility:hidden`;
 }, _ = (r, t, T, O, u, L, m, l, h) => {
-  const [e, B] = F(!0), [i, R] = F(l ? !l : !!O), [w, d] = F(O || s.TOP), [b, f] = F([]), o = W(
-    (c) => {
-      if (c.intersectionRatio === 1)
-        return R(!0);
-      if (!e && c.intersectionRatio !== 1) {
-        if (b && b.length === (l ? 5 : 4)) {
-          const n = b.reduce((a, C) => C[1] > a[1] ? C : a, b[0]);
-          d(n[0]), R(!0);
-          return;
-        }
-        switch (R(!1), w) {
-          case s.TOP:
-            f((n) => [...n, [s.TOP, c.intersectionRatio]]), d(s.BOTTOM);
-            break;
-          case s.BOTTOM:
-            f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), d(l ? s.BOTTOM_LEFT : s.RIGHT);
-            break;
-          case s.BOTTOM_LEFT:
-            f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), d(s.RIGHT);
-            break;
-          case s.RIGHT:
-            f((n) => [...n, [s.RIGHT, c.intersectionRatio]]), d(s.LEFT);
-            break;
-          case s.LEFT:
-            f((n) => [...n, [s.LEFT, c.intersectionRatio]]), d(s.TOP);
-            break;
-        }
+  const [e, B] = F(!0), [i, R] = F(l ? !l : !!O), [w, d] = F(O || s.TOP), [b, f] = F([]), o = W((c) => {
+    if (c.intersectionRatio === 1)
+      return R(!0);
+    if (!e && c.intersectionRatio !== 1) {
+      if (b && b.length === (l ? 5 : 4)) {
+        const n = b.reduce((a, C) => C[1] > a[1] ? C : a, b[0]);
+        d(n[0]), R(!0);
+        return;
       }
-    },
-    [e, b, w, l]
-  ), k = x(o);
+      switch (R(!1), w) {
+        case s.TOP:
+          f((n) => [...n, [s.TOP, c.intersectionRatio]]), d(s.BOTTOM);
+          break;
+        case s.BOTTOM:
+          f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), d(l ? s.BOTTOM_LEFT : s.RIGHT);
+          break;
+        case s.BOTTOM_LEFT:
+          f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), d(s.RIGHT);
+          break;
+        case s.RIGHT:
+          f((n) => [...n, [s.RIGHT, c.intersectionRatio]]), d(s.LEFT);
+          break;
+        case s.LEFT:
+          f((n) => [...n, [s.LEFT, c.intersectionRatio]]), d(s.TOP);
+          break;
+      }
+    }
+  }, [e, b, w, l]), k = x(o);
   return $(() => {
     Y(k.current).remove(), k.current = o;
-  }, [o]), v(
-    W(
-      (c, n) => {
-        var a, C;
-        if (n && (!O || l) && Y(o).observer.unobserve(n), c && t.current) {
-          if ((!O || l) && Y(o).observer.observe(c), !(c instanceof Element))
-            return;
-          const X = G({
-            popover: c,
-            offset: r,
-            targetElement: t,
-            position: w,
-            variant: T,
-            fullWidth: m ?? !1
-          }), M = i ? X + ";visibility:visible" : X, H = L ? M + ";min-width:fit-content;width:" + ((a = t.current) == null ? void 0 : a.clientWidth) + "px" : M;
-          c.setAttribute("style", `${H}`), e && B(!1), T && T === I.TOOLTIP && u && ((C = u.current) == null || C.setAttribute("data-popover-placement", w));
-        }
-      },
-      [
-        r,
-        t,
-        w,
-        O,
-        T,
-        o,
-        i,
-        e,
-        L,
-        u,
-        m,
-        l
-      ]
-    ),
-    h
-  );
+  }, [o]), v(W((c, n) => {
+    var a, C;
+    if (n && (!O || l) && Y(o).observer.unobserve(n), c && t.current) {
+      if ((!O || l) && Y(o).observer.observe(c), !(c instanceof Element))
+        return;
+      const X = G({
+        popover: c,
+        offset: r,
+        targetElement: t,
+        position: w,
+        variant: T,
+        fullWidth: m ?? !1
+      }), M = i ? X + ";visibility:visible" : X, H = L ? M + ";min-width:fit-content;width:" + ((a = t.current) == null ? void 0 : a.clientWidth) + "px" : M;
+      c.setAttribute("style", `${H}`), e && B(!1), T && T === I.TOOLTIP && u && ((C = u.current) == null || C.setAttribute("data-popover-placement", w));
+    }
+  }, [r, t, w, O, T, o, i, e, L, u, m, l]), h);
 }, j = _;
 export {
   j as default

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

@@ -3,15 +3,9 @@ import f from "../useReflex/useReflex.js";
 import { uniqueId as s } from "../../utils/random/uniqueId.js";
 const o = (t) => {
   const e = r();
-  return f(
-    u(
-      (i, n) => {
-        n instanceof Element && n.id === e.current && (n.id = ""), i instanceof Element && (i.id = e.current || (e.current = s()));
-      },
-      [t]
-    ),
-    t
-  );
+  return f(u((i, n) => {
+    n instanceof Element && n.id === e.current && (n.id = ""), i instanceof Element && (i.id = e.current || (e.current = s()));
+  }, [t]), t);
 }, m = o;
 export {
   m as default

package/dist/es/hooks/useCommitAction/useCommitAction.js

@@ -4,24 +4,25 @@ import { CommitAction as t } from "./types.js";
 import v from "../../core/Context/useCoreContext.js";
 import { boolOrFalse as B } from "../../utils/value/bool.js";
 import { EMPTY_OBJECT as L } from "../../utils/value/constants.js";
-const b = ({ applyDisabled: a, applyTitle: m, resetDisabled: e, resetTitle: c } = L) => {
-  const { i18n: s } = v(), [n, o] = O(t.NONE), [R, u] = O(n !== t.NONE), C = r(() => o(t.APPLY), [o]), E = r(() => o(t.CLEAR), [o]), i = r(() => o(t.NONE), [o]), f = A(
-    () => ({
-      disabled: B(a),
-      event: C,
-      title: (m == null ? void 0 : m.trim()) || s.get("apply"),
-      variant: P.PRIMARY
-    }),
-    [s, C, a, m]
-  ), N = A(
-    () => ({
-      disabled: B(e),
-      event: E,
-      title: (c == null ? void 0 : c.trim()) || s.get("reset"),
-      variant: P.SECONDARY
-    }),
-    [s, E, e, c]
-  ), Y = A(() => [f, N], [f, N]);
+const b = ({
+  applyDisabled: a,
+  applyTitle: m,
+  resetDisabled: e,
+  resetTitle: c
+} = L) => {
+  const {
+    i18n: s
+  } = v(), [n, o] = O(t.NONE), [R, u] = O(n !== t.NONE), C = r(() => o(t.APPLY), [o]), E = r(() => o(t.CLEAR), [o]), i = r(() => o(t.NONE), [o]), f = A(() => ({
+    disabled: B(a),
+    event: C,
+    title: (m == null ? void 0 : m.trim()) || s.get("apply"),
+    variant: P.PRIMARY
+  }), [s, C, a, m]), N = A(() => ({
+    disabled: B(e),
+    event: E,
+    title: (c == null ? void 0 : c.trim()) || s.get("reset"),
+    variant: P.SECONDARY
+  }), [s, E, e, c]), Y = A(() => [f, N], [f, N]);
   return g(() => {
     switch (u(n !== t.NONE), n) {
       case t.APPLY:
@@ -29,7 +30,12 @@ const b = ({ applyDisabled: a, applyTitle: m, resetDisabled: e, resetTitle: c }
         i();
         break;
     }
-  }, [n, u, i]), { commitAction: n, commitActionButtons: Y, committing: R, resetCommitAction: i };
+  }, [n, u, i]), {
+    commitAction: n,
+    commitActionButtons: Y,
+    committing: R,
+    resetCommitAction: i
+  };
 }, _ = b;
 export {
   _ as default