@adyen/adyen-platform-experience-web 0.1.2 → 1.0.0-beta.1

package/dist/es/core/Session/Session.js

@@ -1,17 +1,27 @@
-var n = Object.defineProperty;
-var r = (e, s, t) => s in e ? n(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var i = (e, s, t) => (r(e, typeof s != "symbol" ? s + "" : s, t), t);
-import h from "../Services/sessions/setup-session.js";
-import a from "../../utils/Storage.js";
-import { sanitizeSession as g } from "./utils.js";
-class S {
-  constructor(s, t) {
-    i(this, "session");
-    i(this, "storage");
-    i(this, "loadingContext");
-    i(this, "configuration");
-    const o = g(s);
-    this.storage = new a("session"), this.loadingContext = t, this.session = o, this.session.token ? this.storeSession() : this.session = this.getStoredSession();
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import setupSession from "../Services/sessions/setup-session.js";
+import Storage from "../../utils/Storage.js";
+import { sanitizeSession } from "./utils.js";
+class Session {
+  constructor(rawSession, loadingContext) {
+    __publicField(this, "session");
+    __publicField(this, "storage");
+    __publicField(this, "loadingContext");
+    __publicField(this, "configuration");
+    const session = sanitizeSession(rawSession);
+    this.storage = new Storage("session");
+    this.loadingContext = loadingContext;
+    this.session = session;
+    if (!this.session.token) {
+      this.session = this.getStoredSession();
+    } else {
+      this.storeSession();
+    }
   }
   get id() {
     return this.session.id;
@@ -22,23 +32,29 @@ class S {
   /**
    * Updates the session.data with the latest data blob
    */
-  updateSessionData(s) {
-    this.session.token = s, this.storeSession();
+  updateSessionData(latestData) {
+    this.session.token = latestData;
+    this.storeSession();
   }
   /**
    * Fetches data from a session
    */
-  setupSession(s) {
-    return h(this, s).then((t) => (t.endpoints && (this.configuration = { ...t }), t)).catch((t) => {
-      throw t;
+  setupSession(options) {
+    return setupSession(this, options).then((response) => {
+      if (response.endpoints) {
+        this.configuration = { ...response };
+      }
+      return response;
+    }).catch((e) => {
+      throw e;
     });
   }
   /**
    * Gets the stored session but only if the current id and the stored id match
    */
   getStoredSession() {
-    const s = this.storage.get();
-    return this.id === (s == null ? void 0 : s.id) ? s : this.session;
+    const storedSession = this.storage.get();
+    return this.id === (storedSession == null ? void 0 : storedSession.id) ? storedSession : this.session;
   }
   /**
    * Stores the session
@@ -53,7 +69,6 @@ class S {
     this.storage.remove();
   }
 }
-const m = S;
 export {
-  m as default
+  Session as default
 };

package/dist/es/core/Session/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Session.js";
+export {
+  default2 as default
+};

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

@@ -1,11 +1,11 @@
-function n(t) {
-  if (!t || !t.id || !t.token)
+function sanitizeSession(session) {
+  if (!session || !session.id || !session.token)
     throw new Error("Invalid session");
   return {
-    id: t.id,
-    token: t.token
+    id: session.id,
+    token: session.token
   };
 }
 export {
-  n as sanitizeSession
+  sanitizeSession
 };

package/dist/es/core/config.js

@@ -1,4 +1,8 @@
-const t = "https://platform-components-external-test.adyen.com/platform-components-external/api/";
+const FALLBACK_CONTEXT = "https://platform-components-external-test.adyen.com/platform-components-external/api/";
+const config = {
+  FALLBACK_CONTEXT
+};
 export {
-  t as FALLBACK_CONTEXT
+  FALLBACK_CONTEXT,
+  config as default
 };

package/dist/es/core/core.js

@@ -1,29 +1,49 @@
-var r = Object.defineProperty;
-var h = (o, t, i) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
-var s = (o, t, i) => (h(o, typeof t != "symbol" ? t + "" : t, i), i);
-import { resolveEnvironment as l } from "./utils.js";
-import p from "./Localization/Localization.js";
-import c from "./Session/Session.js";
-import { EMPTY_OBJECT as u } from "../utils/common/constants.js";
-const m = "test";
-class a {
-  constructor(t) {
-    s(this, "session");
-    s(this, "modules");
-    s(this, "options");
-    s(this, "components", []);
-    s(this, "localization");
-    s(this, "loadingContext");
-    s(this, "onSessionCreate");
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { resolveEnvironment } from "./utils.js";
+import Session from "./Session/Session.js";
+import { L as Localization } from "../../index-c88cd37e.mjs";
+import "../utils/common/index.js";
+import { EMPTY_OBJECT } from "../utils/common/constants.js";
+import "./Localization/datetime/restamper/restamper.js";
+import "./Localization/datetime/restamper/constants.js";
+import "./Localization/translations/index.js";
+import "../utils/watchable/index.js";
+const FALLBACK_ENV = "test";
+class Core {
+  constructor(options) {
+    __publicField(this, "session");
+    __publicField(this, "modules");
+    __publicField(this, "options");
+    __publicField(this, "components", []);
+    __publicField(this, "localization");
+    __publicField(this, "loadingContext");
+    __publicField(this, "onSessionCreate");
     //TODO: Change the error handling strategy.
-    s(this, "sessionSetupError");
-    s(this, "updateSession", async () => {
-      var t;
+    __publicField(this, "sessionSetupError");
+    __publicField(this, "isUpdatingSessionToken");
+    __publicField(this, "updateSession", async () => {
+      var _a;
       try {
-        if (this.options.onSessionCreate)
-          return this.session = new c(await this.options.onSessionCreate(), this.loadingContext), await ((t = this.session) == null ? void 0 : t.setupSession(this.options)), await this.update({}), this;
-      } catch (i) {
-        return this.options.onError && this.options.onError(i), this.sessionSetupError = !0, await this.update(), this;
+        if (this.options.onSessionCreate && !this.isUpdatingSessionToken) {
+          this.isUpdatingSessionToken = true;
+          this.session = new Session(await this.options.onSessionCreate(), this.loadingContext);
+          await ((_a = this.session) == null ? void 0 : _a.setupSession(this.options));
+          await this.update({});
+          this.isUpdatingSessionToken = false;
+          return this;
+        }
+      } catch (error) {
+        if (this.options.onError)
+          this.options.onError(error);
+        this.sessionSetupError = true;
+        await this.update();
+        this.isUpdatingSessionToken = false;
+        return this;
       }
     });
     /**
@@ -32,47 +52,70 @@ class a {
      * @param initSession - should session be initiated again
      * @returns this - the element instance
      */
-    s(this, "update", (t = u, i = !1) => (this.setOptions(t), this.initialize(i).then(() => (this.components.forEach((n) => n.update(this.getPropsForComponent(this.options))), this))));
+    __publicField(this, "update", (options = EMPTY_OBJECT, initSession = false) => {
+      this.setOptions(options);
+      return this.initialize(initSession).then(() => {
+        this.components.forEach((c) => c.update(this.getPropsForComponent(this.options)));
+        return 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));
+    __publicField(this, "remove", (component) => {
+      this.components = this.components.filter((c) => c._id !== component._id);
+      component.unmount();
+      return this;
+    });
     /**
      * @internal
      * Register components in core to be able to update them all at once
      */
-    s(this, "registerComponent", (t) => {
-      this.components.push(t);
+    __publicField(this, "registerComponent", (component) => {
+      this.components.push(component);
     });
     /**
      * @internal
-     * Enhances the config object passed when AdyenFP is initialised (environment, clientKey, etc...)
+     * 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 AdyenFP is initialised
+     * @param options - the config object passed when AdyenPlatformExperience is initialised
      * @returns this
      */
-    s(this, "setOptions", (t) => {
-      var i, n, e;
-      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.localization.timezone = (e = this.options) == null ? void 0 : e.timezone, this.onSessionCreate = this.options.onSessionCreate, this.modules = {
+    __publicField(this, "setOptions", (options) => {
+      var _a, _b, _c;
+      this.options = { ...this.options, ...options };
+      this.localization.locale = (_a = this.options) == null ? void 0 : _a.locale;
+      this.localization.customTranslations = (_b = this.options) == null ? void 0 : _b.translations;
+      this.localization.timezone = (_c = this.options) == null ? void 0 : _c.timezone;
+      this.onSessionCreate = this.options.onSessionCreate;
+      this.modules = {
         // analytics: new Analytics(this.options),
         i18n: this.localization.i18n
-      }, this;
+      };
+      return this;
     });
-    this.options = { environment: m, ...t }, this.localization = new p(t.locale, t.availableTranslations), this.loadingContext = l(this.options.environment), this.setOptions(t);
+    this.options = { environment: FALLBACK_ENV, ...options };
+    this.isUpdatingSessionToken = false;
+    this.localization = new Localization(options.locale, options.availableTranslations);
+    this.loadingContext = resolveEnvironment(this.options.environment);
+    this.setOptions(options);
   }
-  async initialize(t = !1) {
-    return !this.sessionSetupError && (t || !this.session && this.onSessionCreate) && await this.updateSession(), Promise.all([this.localization.ready]).then(() => this);
+  async initialize(initSession = false) {
+    if (!this.sessionSetupError && (initSession || !this.session && this.onSessionCreate)) {
+      await this.updateSession();
+    }
+    return Promise.all([this.localization.ready]).then(() => this);
   }
   /**
    * @internal
    * @param options - options that will be merged to the global Checkout props
    * @returns props for a new UIElement
    */
-  getPropsForComponent(t) {
+  getPropsForComponent(options) {
     return {
-      ...t,
+      ...options,
       i18n: this.modules.i18n,
       modules: this.modules,
       session: this.session,
@@ -81,13 +124,12 @@ class a {
     };
   }
 }
-s(a, "version", {
-  version: "0.1.2",
-  revision: "dd1e06a",
+__publicField(Core, "version", {
+  version: "1.0.0-beta.1",
+  revision: "3e1cf88",
   branch: "main",
-  buildId: "@adyen/adyen-fp-web-0a8cca55-50c0-42f1-8c0c-a713f57c131e"
+  buildId: "@adyen/adyen-pe-web-d120bfcf-1593-456f-aff6-1aff0487b938"
 });
-const E = a;
 export {
-  E as default
+  Core as default
 };

package/dist/es/core/index.js

@@ -0,0 +1,36 @@
+import { default as default2 } from "./core.js";
+import "./Localization/datetime/restamper/restamper.js";
+import "./Localization/datetime/restamper/constants.js";
+import "../utils/common/index.js";
+import { all_locales, ar, cs_CZ, da_DK, de_DE, el_GR, en_US, es_ES, fi_FI, fr_FR, hr_HR, hu_HU, it_IT, ja_JP, ko_KR, nl_NL, no_NO, pl_PL, pt_BR, pt_PT, ro_RO, ru_RU, sk_SK, sl_SI, sv_SE, zh_CN, zh_TW } from "./Localization/translations/index.js";
+import "../utils/watchable/index.js";
+export {
+  default2 as Core,
+  all_locales,
+  ar,
+  cs_CZ,
+  da_DK,
+  de_DE,
+  el_GR,
+  en_US,
+  es_ES,
+  fi_FI,
+  fr_FR,
+  hr_HR,
+  hu_HU,
+  it_IT,
+  ja_JP,
+  ko_KR,
+  nl_NL,
+  no_NO,
+  pl_PL,
+  pt_BR,
+  pt_PT,
+  ro_RO,
+  ru_RU,
+  sk_SK,
+  sl_SI,
+  sv_SE,
+  zh_CN,
+  zh_TW
+};

package/dist/es/core/utils.js

@@ -1,13 +1,15 @@
-import { FALLBACK_CONTEXT as e } from "./config.js";
-function r(t) {
-  return t ? {
+import { FALLBACK_CONTEXT } from "./config.js";
+function resolveEnvironment(env) {
+  const envs = {
     test: "https://platform-components-external-test.adyen.com/platform-components-external/api/",
     live: "https://platform-components-external-live.adyen.com/platform-components-external/api/"
-  }[t] || e : e;
+  };
+  return env ? envs[env] || FALLBACK_CONTEXT : FALLBACK_CONTEXT;
 }
-const s = (t) => t.endsWith("/") ? t : `${t}/`, m = (t) => t.startsWith("/") ? t : `/${t}`;
+const normalizeLoadingContext = (loadingContext) => loadingContext.endsWith("/") ? loadingContext : `${loadingContext}/`;
+const normalizeUrl = (url) => url.startsWith("/") ? url : `/${url}`;
 export {
-  s as normalizeLoadingContext,
-  m as normalizeUrl,
-  r as resolveEnvironment
+  normalizeLoadingContext,
+  normalizeUrl,
+  resolveEnvironment
 };

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

@@ -1,25 +1,82 @@
-import a from "../useReflex/hooks/useReflex.js";
-import { useRef as i, useCallback as m, useEffect as l } from "../../external/preact/hooks/dist/hooks.module.js";
-const f = (s) => {
-  s.stopImmediatePropagation();
-}, k = (s, u) => {
-  const n = i(null), c = m(
+import { popoverUtil } from "../../components/internal/Popover/utils/popoverUtil.js";
+import useReflex from "../useReflex/hooks/useReflex.js";
+import { _, T, p } from "../../../hooks.module-8565d716.mjs";
+var ClickOutsideVariant = /* @__PURE__ */ ((ClickOutsideVariant2) => {
+  ClickOutsideVariant2["POPOVER"] = "POPOVER";
+  ClickOutsideVariant2["DEFAULT"] = "DEFAULT";
+  return ClickOutsideVariant2;
+})(ClickOutsideVariant || {});
+const onFocusoutCapture = (e) => {
+  e.stopImmediatePropagation();
+};
+const useClickOutside = (rootElementRef, callback, disableClickOutside, variant) => {
+  const ref = _(null);
+  const handleClickOutside = T(
     (e) => {
-      const t = e.composedPath();
-      if (n && n.current && t.length) {
-        const d = t.some((o) => (o == null ? void 0 : o.isSameNode) && o.isSameNode(n.current));
-        u && !d && u(!0);
+      const eventPath = e.composedPath();
+      if (!(ref && ref.current))
+        return;
+      if (variant === "POPOVER") {
+        popoverUtil.closePopoversOutsideOfClick(eventPath);
+      } else {
+        if (eventPath.length) {
+          const samePath = eventPath.some((path) => (path == null ? void 0 : path.isSameNode) && path.isSameNode(ref.current));
+          if (callback && !samePath) {
+            callback(true);
+          }
+        }
       }
     },
-    [u]
-  ), r = i(c);
-  return l(() => (document.removeEventListener("click", r.current, !0), r.current = c, document.addEventListener("click", r.current, !0), () => document.removeEventListener("click", r.current, !0)), [c]), a(
-    m((e, t) => {
-      t instanceof Element && t.removeEventListener("focusout", f, !0), e instanceof Element && e.addEventListener("focusout", f, !0), n.current = e;
-    }, []),
-    s
+    [ref, callback, variant]
+  );
+  const clickOutsideHandlerRef = _(handleClickOutside);
+  p(() => {
+    return () => {
+      if (ref.current)
+        popoverUtil.remove(ref.current);
+      document.removeEventListener("click", clickOutsideHandlerRef.current, true);
+    };
+  }, []);
+  p(() => {
+    document.removeEventListener("click", clickOutsideHandlerRef.current, true);
+    clickOutsideHandlerRef.current = handleClickOutside;
+    document.addEventListener("click", clickOutsideHandlerRef.current, true);
+    if (variant === "POPOVER") {
+      if (ref.current instanceof Element)
+        popoverUtil.add(ref.current, callback);
+    }
+    return () => {
+      if (ref.current)
+        popoverUtil.remove(ref.current);
+      document.removeEventListener("click", clickOutsideHandlerRef.current, true);
+    };
+  }, [handleClickOutside, callback, variant]);
+  p(() => {
+    if (disableClickOutside) {
+      document.removeEventListener("click", clickOutsideHandlerRef.current, true);
+    } else {
+      document.addEventListener("click", clickOutsideHandlerRef.current, true);
+    }
+  }, [disableClickOutside]);
+  return useReflex(
+    T(
+      (current, previous) => {
+        if (previous instanceof Element) {
+          previous.removeEventListener("focusout", onFocusoutCapture, true);
+        }
+        if (current instanceof Element) {
+          if (!disableClickOutside) {
+            current.addEventListener("focusout", onFocusoutCapture, true);
+            ref.current = current;
+          }
+        }
+      },
+      [disableClickOutside, variant]
+    ),
+    rootElementRef
   );
 };
 export {
-  k as useClickOutside
+  ClickOutsideVariant,
+  useClickOutside
 };

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

@@ -1,19 +1,21 @@
-import { createPortal as a } from "../../external/preact/compat/dist/compat.module.js";
-import { useState as i, useMemo as m } from "../../external/preact/hooks/dist/hooks.module.js";
-import f from "../useReflex/hooks/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);
+import { z } from "../../../compat.module-a4d537ff.mjs";
+import { h, F } from "../../../hooks.module-8565d716.mjs";
+import useReflex from "../useReflex/hooks/useReflex.js";
+const useDetachedRender = (callback, targetRef) => {
+  const [render, setRender] = h();
+  const renderTarget = useReflex(
+    F(() => {
+      const render2 = (targetElement) => (...args) => {
+        const jsx = callback(targetElement, ...args);
+        return jsx && z(jsx, targetElement);
       };
-      return s(void 0), (e) => s(e instanceof Element ? () => u(e) : void 0);
-    }, [r, o]),
-    o
+      setRender(void 0);
+      return (targetElement) => setRender(targetElement instanceof Element ? () => render2(targetElement) : void 0);
+    }, [callback, targetRef]),
+    targetRef
   );
-  return [t, d];
-}, v = p;
+  return [render, renderTarget];
+};
 export {
-  v as default
+  useDetachedRender as default
 };

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

@@ -1,25 +1,30 @@
-import { useCallback as o } from "../../external/preact/hooks/dist/hooks.module.js";
-import i from "../useReflex/hooks/useReflex.js";
-const x = (s) => {
-  const f = o(
-    (t, e) => {
-      e instanceof Element && e.setAttribute("tabindex", "-1"), t instanceof Element && (t.setAttribute("tabindex", "0"), Promise.resolve().then(() => t == null ? void 0 : t.focus()));
+import { T } from "../../../hooks.module-8565d716.mjs";
+import useReflex from "../useReflex/hooks/useReflex.js";
+const useFocusCursor = (callback) => {
+  const finallyCallback = T(
+    (current, previous) => {
+      if (previous instanceof Element)
+        previous.setAttribute("tabindex", "-1");
+      if (current instanceof Element) {
+        current.setAttribute("tabindex", "0");
+        Promise.resolve().then(() => current == null ? void 0 : current.focus());
+      }
     },
     []
   );
-  return i(
-    o(
-      (t, e) => {
+  return useReflex(
+    T(
+      (current, previous) => {
         try {
-          s == null || s(t, e);
+          callback == null ? void 0 : callback(current, previous);
         } finally {
-          f(t, e);
+          finallyCallback(current, previous);
         }
       },
-      [s]
+      [callback]
     )
   );
 };
 export {
-  x as default
+  useFocusCursor as default
 };