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

package/dist/es/core/core.js

@@ -1,61 +1,28 @@
-var r = Object.defineProperty;
-var h = (n, t, i) => t in n ? r(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
-var s = (n, t, i) => h(n, typeof t != "symbol" ? t + "" : t, i);
-import { FALLBACK_ENV as c, resolveEnvironment as m, getConfigFromCdn as d } from "./utils.js";
-import { AuthSession as u } from "./ConfigContext/session/AuthSession.js";
-import { Assets as p } from "./Assets/Assets.js";
-import { getCustomTranslationsAnalyticsPayload as y } from "./Analytics/analytics/customTranslations.js";
-import g from "./Localization/Localization.js";
-import { EMPTY_OBJECT as C } from "../utils/value/constants.js";
-class f {
+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 u());
-    s(this, "onError");
-    s(this, "getImageAsset");
-    s(this, "getCdnConfig");
-    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 = C) => (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, o;
-      return this.options = { ...this.options, ...t }, this.localization.locale = (i = this.options) == null ? void 0 : i.locale, this.localization.customTranslations = (o = this.options) == null ? void 0 : o.translations, this.session.loadingContext = this.loadingContext, this.session.onSessionCreate = this.options.onSessionCreate, this;
-    });
-    var e;
-    this.options = { environment: c, ...t };
-    const { cdnTranslationsUrl: i, cdnAssetsUrl: o, cdnConfigUrl: a, apiUrl: l } = m(this.options.environment);
-    this.localization = new g(t.locale, t.availableTranslations, i, a), this.loadingContext = t.loadingContext || null || l, this.getImageAsset = new p(o).getAsset({ extension: "svg", subFolder: "images" }), this.getCdnConfig = d({ url: a }), 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(() => {
@@ -66,8 +33,37 @@ class f {
       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 ? y(this.localization.i18n.customTranslations) : [];
+    return this.localization ? d(this.localization.i18n.customTranslations) : [];
   }
   /**
    * @internal
@@ -78,7 +74,6 @@ class f {
     return { ...t };
   }
 }
-s(f, "version", "1.9.0");
 export {
-  f as default
+  E as default
 };

package/dist/es/core/utils.js

@@ -1,42 +1,57 @@
-import { CDN_ENVIRONMENTS as i, API_ENVIRONMENTS as p } from "./constants.js";
-import { httpGet as $ } from "./Http/http.js";
-const o = "test", a = "live", m = (r) => {
-  var s;
-  return (s = r == null ? void 0 : r.replace) == null ? void 0 : s.call(r, /([^/])$/, "$1/");
-}, v = (r) => r == null ? void 0 : r.replace(/^([^/])/, "/$1"), l = /* @__PURE__ */ (() => {
-  const r = p, 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 = s[(t === "test" ? "live" : t) ?? a] || s[a];
+    const n = e[(t === "test" ? "live" : t) ?? a] || e[a];
     return {
-      apiUrl: r[t ?? o] || r[o],
+      apiUrl: r[t ?? c] || r[c],
       cdnTranslationsUrl: `${n}/assets/translations`,
       cdnAssetsUrl: `${n}/assets`,
       cdnConfigUrl: `${n}/config`
     };
   };
-})(), U = ({ url: r }) => async ({
-  name: s,
+})(), E = ({ url: r }) => async ({
+  name: e,
   extension: t = "json",
-  fallback: e,
+  fallback: o,
   subFolder: n = ""
 }) => {
   try {
-    return await $({
+    return await i({
       loadingContext: `${r}${n ? `/${n}` : ""}`,
-      path: `/${s}.${t}`,
+      path: `/${e}.${t}`,
       versionless: !0,
       skipContentType: !0,
       errorLevel: "error"
     });
-  } catch (c) {
-    return console.warn(c), e;
+  } catch (s) {
+    return console.warn(s), o;
+  }
+}, N = ({ url: r }) => async ({
+  name: e,
+  extension: t = "json",
+  fallback: o,
+  subFolder: n = ""
+}) => {
+  try {
+    return await i({
+      loadingContext: `${r}${n ? `/${n}` : ""}`,
+      path: `/${e}.${t}`,
+      versionless: !0,
+      skipContentType: !0,
+      errorLevel: "error"
+    });
+  } catch (s) {
+    return console.warn(s), o;
   }
 };
 export {
   a as FALLBACK_CDN_ENV,
-  o as FALLBACK_ENV,
-  U as getConfigFromCdn,
-  m as normalizeLoadingContext,
-  v as normalizeUrl,
-  l as resolveEnvironment
+  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,41 +1,55 @@
-import { useRef as p, useCallback as P, useEffect as d } from "../../external/preact/hooks/dist/hooks.module.js";
-import { popoverUtil as i } from "../../components/internal/Popover/utils/popoverUtil.js";
+import { useRef as O, useCallback as c, useEffect as L } from "../../external/preact/hooks/dist/hooks.module.js";
+import { popoverUtil as l } from "../../components/internal/Popover/utils/popoverUtil.js";
 import R from "../useReflex.js";
-const l = Symbol("__control.Elem.");
-var a = /* @__PURE__ */ ((o) => (o.POPOVER = "POPOVER", o.DEFAULT = "DEFAULT", o))(a || {});
-const O = (o) => o.stopImmediatePropagation(), T = (o, r, u, s) => {
-  const t = p(null), m = P(
-    (f) => {
-      if (!(t && t.current)) return;
-      const n = f.composedPath();
-      if (s === "POPOVER")
-        i.closePopoversOutsideOfClick(n);
+const p = Symbol("__control.Elem.");
+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 = t.composedPath();
+      if (u === "POPOVER")
+        l.closePopoversOutsideOfClick(r);
       else {
-        let E = 0, c = !1, e = n[E];
-        for (; e instanceof Element && !(c || (c = e == null ? void 0 : e.isSameNode(t.current))); )
-          e = n[++E] ?? e.parentElement, (e == null ? void 0 : e[l]) instanceof Element && (e = e[l], n.length = 0);
-        r && !c && r(!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);
       }
     },
-    [t, r, s]
+    [e, s, u]
+  ), i = c(
+    (t) => {
+      e && e.current && (m.current = e.current.contains(t.target));
+    },
+    [e]
+  ), E = c(
+    (t) => {
+      if (m.current) {
+        m.current = !1;
+        return;
+      }
+      d(t);
+    },
+    [d]
   );
-  return d(() => {
-    if (!u)
-      return document.addEventListener("click", m, !0), s === "POPOVER" && t.current instanceof Element && i.add(t.current, r), () => {
-        document.removeEventListener("click", m, !0), t.current && i.remove(t.current);
+  return L(() => {
+    if (!f)
+      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);
       };
-  }, [u, m, r, s, t]), R(
-    P(
-      (f, n) => {
-        n instanceof Element && n.removeEventListener("focusout", O, !1), f instanceof Element && (u || (f.addEventListener("focusout", O, !1), t.current = f));
+  }, [f, i, E, s, u, e]), R(
+    c(
+      (t, r) => {
+        r instanceof Element && r.removeEventListener("focusout", v, !1), t instanceof Element && (f || (t.addEventListener("focusout", v, !1), e.current = t));
       },
-      [u, s]
+      [f, u]
     ),
-    o
+    n
   );
 };
 export {
-  l as CONTROL_ELEMENT_PROPERTY,
-  a as ClickOutsideVariant,
-  T as useClickOutside
+  p as CONTROL_ELEMENT_PROPERTY,
+  h as ClickOutsideVariant,
+  _ as useClickOutside
 };

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,64 +1,82 @@
-import { useRef as i, useMemo as u, useCallback as l } from "../../external/preact/hooks/dist/hooks.module.js";
-import { InteractionKeyCode as r } from "../../components/types.js";
-import { withTabbableRoot as T, isFocusable as L, focusIsWithin as p } from "../../primitives/dom/tabbableRoot/tabbable.js";
-import C from "../useReflex.js";
-import { isUndefined as O } from "../../utils/value/is.js";
-const w = (R, f) => {
-  const s = i(!1), o = i(null), c = i(!1), a = u(T, []), m = u(() => {
+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 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();
+  }, []), F = b(() => {
     let e = null, t;
-    return (F) => {
-      O(t) || cancelAnimationFrame(t);
-      let n = F.target;
-      for (; n && n !== F.currentTarget; ) {
-        if (L(n)) {
-          e = n, t = requestAnimationFrame(() => {
+    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 b;
-              o.current !== e && e instanceof HTMLElement && ((b = o.current = e) == null || b.focus()), e = null, t = void 0;
+              u.current !== e && e instanceof HTMLElement && (u.current = e)?.focus(), e = null, t = void 0;
             });
           });
           return;
         }
-        n = n.parentNode;
+        s = s.parentNode;
       }
     };
-  }, []), d = l((e) => {
-    a.current = o.current = e.target;
-  }, []), E = l((e) => {
-    a.tabbables.includes(e.relatedTarget) || p(e.currentTarget, e.relatedTarget) || c.current || (s.current = !0, requestAnimationFrame(() => {
-      s.current && f(s.current = !1);
+  }, []), L = o((e) => {
+    r.current = u.current = e.target;
+  }, []), R = o((e) => {
+    const t = r.root;
+    if (!(t instanceof Element)) return;
+    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
+        T(t);
+    }
+  }, []), 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);
     }));
-  }, []), A = u(() => {
+  }, []), h = b(() => {
     let e;
     return (t) => {
-      switch (t.code) {
-        case r.ARROW_DOWN:
-        case r.ARROW_LEFT:
-        case r.ARROW_RIGHT:
-        case r.ARROW_UP:
-        case r.END:
-        case r.ESCAPE:
-        case r.HOME:
-        case r.PAGE_DOWN:
-        case r.PAGE_UP:
-        case r.TAB:
+      switch (A.current = t.code, t.code) {
+        case n.ARROW_DOWN:
+        case n.ARROW_LEFT:
+        case n.ARROW_RIGHT:
+        case n.ARROW_UP:
+        case n.END:
+        case n.ESCAPE:
+        case n.HOME:
+        case n.PAGE_DOWN:
+        case n.PAGE_UP:
+        case n.TAB:
           cancelAnimationFrame(e), e = requestAnimationFrame(() => {
             e = requestAnimationFrame(() => {
-              c.current = !1, e = void 0;
+              l.current = !1, e = void 0;
             });
-          }), c.current = !0;
+          }), l.current = !0;
           break;
       }
-      t.code === r.TAB ? (t.preventDefault(), a.current = t.shiftKey ? -1 : 1) : t.code === r.ESCAPE && f(!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 C(
-    l((e, t) => {
-      t instanceof Element && (t.removeEventListener("keydown", A, !0), t.removeEventListener("focusin", d, !0), t.removeEventListener("focusout", E, !1), e.removeEventListener("click", m, !0)), e instanceof Element ? (e.addEventListener("keydown", A, !0), e.addEventListener("focusin", d, !0), e.addEventListener("focusout", E, !1), e.addEventListener("click", m, !0), s.current = !1, a.root = e) : a.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;
     }, []),
-    R
+    C
   );
 };
 export {
-  w as default
+  W as default
 };