@adyen/adyen-platform-experience-web 1.7.1 → 1.8.0

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

@@ -1,84 +1,109 @@
-var b = Object.defineProperty;
-var _ = (r) => {
-  throw TypeError(r);
+var $ = Object.defineProperty;
+var v = (s) => {
+  throw TypeError(s);
 };
-var j = (r, t, e) => t in r ? b(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var R = (r, t, e) => j(r, typeof t != "symbol" ? t + "" : t, e), z = (r, t, e) => t.has(r) || _("Cannot " + e);
-var s = (r, t, e) => (z(r, t, "read from private field"), e ? e.call(r) : t.get(r)), o = (r, t, e) => t.has(r) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), a = (r, t, e, i) => (z(r, t, "write to private field"), i ? i.call(r, e) : t.set(r, e), e), C = (r, t, e) => (z(r, t, "access private method"), e);
-import { FALLBACK_LOCALE as E, DEFAULT_TRANSLATIONS as x, getLocalesFromTranslationSourcesRecord as I, DEFAULT_DATETIME_FORMAT as M, SUPPORTED_LOCALES as W } from "./constants/localization.js";
-import { en_US as w } from "../../translations/index.js";
-import { getLocalisedAmount as k } from "./amount/amount-util.js";
-import { createTranslationsLoader as q, getLocalizationProxyDescriptors as v } from "./localization-utils.js";
-import { toTwoLetterCode as F, formatCustomTranslations as B, getTranslation as N } from "./utils.js";
-import { createWatchlist as K } from "../../primitives/reactive/watchlist/main.js";
-import V from "./datetime/restamper/restamper.js";
-import { isNullish as P, isUndefined as Y, isNull as Z } from "../../utils/value/is.js";
-import { ALREADY_RESOLVED_PROMISE as $ } from "../../utils/async/constants.js";
-import { struct as G } from "../../utils/struct/main.js";
-import { noop as H } from "../../utils/common.js";
-var h, g, u, T, f, p, c, A, l, m, d, L, D, S;
-class ct {
-  constructor(t = E, e) {
-    o(this, D);
-    o(this, h, E);
-    o(this, g, F(s(this, h)));
-    o(this, u, [E]);
-    o(this, T, s(this, u));
-    o(this, f);
-    o(this, p, x);
-    o(this, c, q.call(this));
-    o(this, A, $);
-    o(this, l);
-    o(this, m);
-    o(this, d, K({ timestamp: () => performance.now() }));
-    o(this, L, V());
-    R(this, "watch", s(this, d).subscribe.bind(void 0));
-    R(this, "i18n", G(v.call(this)));
+var I = (s, t, r) => t in s ? $(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r;
+var R = (s, t, r) => I(s, typeof t != "symbol" ? t + "" : t, r), b = (s, t, r) => t.has(s) || v("Cannot " + r);
+var e = (s, t, r) => (b(s, t, "read from private field"), r ? r.call(s) : t.get(s)), n = (s, t, r) => t.has(s) ? v("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, r), h = (s, t, r, i) => (b(s, t, "write to private field"), i ? i.call(s, r) : t.set(s, r), r), z = (s, t, r) => (b(s, t, "access private method"), r);
+import { FALLBACK_LOCALE as S, DEFAULT_TRANSLATIONS as M, getLocalesFromTranslationSourcesRecord as W, DEFAULT_DATETIME_FORMAT as q, SUPPORTED_LOCALES as B } from "./constants/localization.js";
+import { en_US as x } from "../../translations/index.js";
+import { getLocalisedAmount as G } from "./amount/amount-util.js";
+import { createTranslationsLoader as V, getLocalizationProxyDescriptors as Y } from "./localization-utils.js";
+import { toTwoLetterCode as N, formatCustomTranslations as Z, getTranslation as F } from "./utils.js";
+import { httpGet as j } from "../Http/http.js";
+import P from "../../config/translations/swapConfig.json.js";
+import { createWatchlist as H } from "../../primitives/reactive/watchlist/main.js";
+import J from "./datetime/restamper/restamper.js";
+import { isNullish as k, isUndefined as Q, isNull as K } from "../../utils/value/is.js";
+import { ALREADY_RESOLVED_PROMISE as X } from "../../utils/async/constants.js";
+import { struct as tt } from "../../utils/struct/main.js";
+import { noop as et } from "../../utils/common.js";
+var l, w, g, y, u, m, c, C, D, f, p, L, T, A, O, E, _;
+class gt {
+  constructor(t = S, r, i = "", o = "") {
+    n(this, E);
+    n(this, l, S);
+    n(this, w, N(e(this, l)));
+    n(this, g, [S]);
+    n(this, y, e(this, g));
+    n(this, u);
+    n(this, m, M);
+    n(this, c, V.call(this));
+    n(this, C);
+    n(this, D, X);
+    n(this, f);
+    n(this, p);
+    n(this, L, H({ timestamp: () => performance.now() }));
+    n(this, T, J());
+    n(this, A, P);
+    n(this, O, /* @__PURE__ */ new Set());
+    R(this, "watch", e(this, L).subscribe.bind(void 0));
+    R(this, "i18n", tt(Y.call(this)));
     R(this, "preferredTranslations");
-    this.watch(H), this.preferredTranslations = Object.freeze(
-      (e == null ? void 0 : e.reduce((i, n) => ({ ...i, ...n }), w)) ?? { ...w }
-    ), a(this, u, I(this.preferredTranslations)), this.locale = t;
+    this.watch(et), h(this, C, (a) => j({
+      loadingContext: i,
+      path: `/${a}.json`,
+      versionless: !0,
+      skipContentType: !0,
+      errorLevel: "info"
+    })), this.preferredTranslations = Object.freeze(
+      (r == null ? void 0 : r.reduce((a, d) => ({ ...a, ...d }), x)) ?? { ...x }
+    ), h(this, g, W(this.preferredTranslations)), this.locale = t, (async () => {
+      if (!o)
+        return P;
+      try {
+        return await j({
+          loadingContext: o,
+          path: "/translations/swapConfig.json",
+          versionless: !0,
+          skipContentType: !0,
+          errorLevel: "error"
+        });
+      } catch (a) {
+        return console.warn("Failed to load swapConfig from CDN, using local fallback", a), P;
+      }
+    })().then((a) => h(this, A, a));
   }
   get customTranslations() {
-    return s(this, f) ?? {};
+    return e(this, u) ?? {};
   }
   set customTranslations(t) {
-    let e, i = [...s(this, u)];
-    if (!P(t)) {
-      e = B(t, W);
-      const n = Object.keys(e);
-      i = [...i, ...n].sort().filter((y, O, U) => U.indexOf(y) === O);
+    let r, i = [...e(this, g)];
+    if (!k(t)) {
+      r = Z(t, B);
+      const o = Object.keys(r);
+      i = [...i, ...o].sort().filter((a, d, U) => U.indexOf(a) === d);
     }
-    s(this, c).supportedLocales = i, C(this, D, S).call(this, e);
+    e(this, c).supportedLocales = i, z(this, E, _).call(this, r);
   }
   get languageCode() {
-    return s(this, g);
+    return e(this, w);
   }
   get lastRefreshTimestamp() {
-    return s(this, d).snapshot.timestamp;
+    return e(this, L).snapshot.timestamp;
   }
   get locale() {
-    return s(this, h);
+    return e(this, l);
   }
   set locale(t) {
-    if (P(t))
-      this.locale = E;
+    if (k(t))
+      this.locale = S;
     else {
-      if (s(this, c).locale = t, s(this, h) === s(this, c).locale) return;
-      C(this, D, S).call(this, s(this, f));
+      if (e(this, c).locale = t, e(this, l) === e(this, c).locale) return;
+      z(this, E, _).call(this, e(this, u));
     }
   }
   get ready() {
-    return s(this, A);
+    return e(this, D);
   }
   get supportedLocales() {
-    return s(this, T);
+    return e(this, y);
   }
   get timezone() {
-    return s(this, L).tz.current;
+    return e(this, T).tz.current;
   }
   set timezone(t) {
-    s(this, L).tz = t;
+    e(this, T).tz = t;
   }
   /**
    * Returns a translated string from a key in the current {@link Localization.locale}
@@ -86,9 +111,19 @@ class ct {
    * @param options - Translation options
    * @returns Translated string
    */
-  get(t, e) {
-    const i = N(s(this, p), t, e);
-    return Z(i) ? t : i;
+  get(t, r) {
+    if (e(this, u)) {
+      const o = e(this, A)[t];
+      if (o && typeof o == "string" && o !== t) {
+        const a = F(e(this, m), o, r);
+        if (!K(a))
+          return e(this, O).has(o) || (console.warn(
+            `[Adyen Platform Experience Web] Deprecated translation key detected: "${o}". Please update to use the new key: "${t}". This backward compatibility will be removed in a future version.`
+          ), e(this, O).add(o)), a;
+      }
+    }
+    const i = F(e(this, m), t, r);
+    return K(i) ? t : i;
   }
   /**
    * Returns a boolean that checks if the translation key exists in the current {@link Localization.locale}
@@ -96,8 +131,8 @@ class ct {
    * @param options - Translation options
    * @returns boolean
    */
-  has(t, e) {
-    return !!N(s(this, p), t, e);
+  has(t, r) {
+    return !!F(e(this, m), t, r);
   }
   /**
    * Returns a localized string for an amount
@@ -105,22 +140,22 @@ class ct {
    * @param currencyCode - Currency code of the amount
    * @param options - Options for String.prototype.toLocaleString
    */
-  amount(t, e, i) {
-    const { hideCurrency: n, ...y } = i || {}, O = k(t, s(this, h), e, n, {
-      ...y,
+  amount(t, r, i) {
+    const { hideCurrency: o, ...a } = i || {}, d = G(t, e(this, l), r, o, {
+      ...a,
       currencyDisplay: "symbol",
       signDisplay: "never"
     });
-    return t < 0 ? `- ${O}` : O;
+    return t < 0 ? `- ${d}` : d;
   }
   /**
    * Returns a localized string for a date
    * @param date - Date to be localized
    * @param options - Options for {@link Date.toLocaleDateString}
    */
-  date(t, e = {}) {
-    const i = { ...M, timeZone: s(this, L).tz.current, ...e };
-    return new Date(t).toLocaleDateString(s(this, h), i);
+  date(t, r = {}) {
+    const i = { ...q, timeZone: e(this, T).tz.current, ...r };
+    return new Date(t).toLocaleDateString(e(this, l), i);
   }
   /**
    * Returns a localized string for a full date
@@ -136,22 +171,22 @@ class ct {
     });
   }
 }
-h = new WeakMap(), g = new WeakMap(), u = new WeakMap(), T = new WeakMap(), f = new WeakMap(), p = new WeakMap(), c = new WeakMap(), A = new WeakMap(), l = new WeakMap(), m = new WeakMap(), d = new WeakMap(), L = new WeakMap(), D = new WeakSet(), S = function(t) {
-  Y(s(this, m)) && a(this, A, new Promise((n) => {
-    a(this, m, () => {
-      n(s(this, l)), a(this, l, a(this, m, void 0));
+l = new WeakMap(), w = new WeakMap(), g = new WeakMap(), y = new WeakMap(), u = new WeakMap(), m = new WeakMap(), c = new WeakMap(), C = new WeakMap(), D = new WeakMap(), f = new WeakMap(), p = new WeakMap(), L = new WeakMap(), T = new WeakMap(), A = new WeakMap(), O = new WeakMap(), E = new WeakSet(), _ = function(t) {
+  Q(e(this, p)) && h(this, D, new Promise((o) => {
+    h(this, p, () => {
+      o(e(this, f)), h(this, f, h(this, p, void 0));
     });
   }));
-  const e = () => {
-    var n;
-    s(this, l) === i && ((n = s(this, m)) == null || n.call(this));
-  }, i = a(this, l, (async () => {
-    a(this, p, await s(this, c).load(t)), a(this, h, s(this, c).locale), a(this, T, Object.freeze(s(this, c).supportedLocales)), a(this, f, t), a(this, g, F(s(this, h))), s(this, d).requestNotification();
+  const r = () => {
+    var o;
+    e(this, f) === i && ((o = e(this, p)) == null || o.call(this));
+  }, i = h(this, f, (async () => {
+    h(this, m, await e(this, c).load(e(this, C), t)), h(this, l, e(this, c).locale), h(this, y, Object.freeze(e(this, c).supportedLocales)), h(this, u, t), h(this, w, N(e(this, l))), e(this, L).requestNotification();
   })());
-  i.then(e).catch((n) => {
-    e(), console.error(n);
+  i.then(r).catch((o) => {
+    r(), console.error(o);
   });
 };
 export {
-  ct as default
+  gt as default
 };

package/dist/es/core/Localization/constants/localization.js

@@ -1,14 +1,26 @@
-import { all_locales as o } from "../../../translations/index.js";
-const c = "en-US", s = o.en_US, a = { year: "numeric", month: "2-digit", day: "2-digit" }, L = ["constructor", "i18n", "watch", "preferredTranslations"], n = (t) => [
+import { en_US as n } from "../../../translations/index.js";
+const r = "en-US", s = n.en_US, c = { year: "numeric", month: "2-digit", day: "2-digit" }, S = ["constructor", "i18n", "watch", "preferredTranslations"], E = (e) => [
   ...new Set(
-    Object.keys(t).map((e) => e.replace(/_/g, "-")).sort()
+    Object.keys(e).map((t) => t.replace(/_/g, "-")).sort()
   )
-], A = n(o);
+], L = [
+  "da-DK",
+  "de-DE",
+  "en-US",
+  "es-ES",
+  "fi-FI",
+  "fr-FR",
+  "it-IT",
+  "nl-NL",
+  "no-NO",
+  "pt-BR",
+  "sv-SE"
+];
 export {
-  a as DEFAULT_DATETIME_FORMAT,
+  c as DEFAULT_DATETIME_FORMAT,
   s as DEFAULT_TRANSLATIONS,
-  L as EXCLUDE_PROPS,
-  c as FALLBACK_LOCALE,
-  A as SUPPORTED_LOCALES,
-  n as getLocalesFromTranslationSourcesRecord
+  S as EXCLUDE_PROPS,
+  r as FALLBACK_LOCALE,
+  L as SUPPORTED_LOCALES,
+  E as getLocalesFromTranslationSourcesRecord
 };

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

@@ -1,16 +1,18 @@
-import i from "./Localization.js";
-import { loadTranslations as a, formatLocale as l, parseLocale as n } from "./utils.js";
-import { FALLBACK_LOCALE as c, EXCLUDE_PROPS as p } from "./constants/localization.js";
+import a from "./Localization.js";
+import { loadTranslations as l, formatLocale as c, parseLocale as n } from "./utils.js";
+import { FALLBACK_LOCALE as p, EXCLUDE_PROPS as u } from "./constants/localization.js";
 import { struct as f } from "../../utils/struct/main.js";
 import { isFunction as s } from "../../utils/value/is.js";
-function h() {
+function b() {
   let o = this.locale, r = o, t = [...this.supportedLocales];
   return f({
-    load: { value: (e) => a(o, this.preferredTranslations, e) },
+    load: {
+      value: (e, i) => l(o, e, i)
+    },
     locale: {
       get: () => o,
       set: (e) => {
-        r = e, o = l(e) || n(e, t) || c;
+        r = e, o = c(e) || n(e, t) || p;
       }
     },
     supportedLocales: {
@@ -21,17 +23,17 @@ function h() {
     }
   });
 }
-function b() {
+function O() {
   var r;
   const o = {};
-  for (const [t, e] of Object.entries(Object.getOwnPropertyDescriptors(i.prototype)))
-    p.includes(t) || (s(e.get) ? o[t] = {
+  for (const [t, e] of Object.entries(Object.getOwnPropertyDescriptors(a.prototype)))
+    u.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 {
-  h as createTranslationsLoader,
-  b as getLocalizationProxyDescriptors
+  b as createTranslationsLoader,
+  O as getLocalizationProxyDescriptors
 };

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

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

package/dist/es/core/constants.js

@@ -0,0 +1,11 @@
+const t = {
+  test: "https://platform-components-external-test.adyen.com/platform-components-external/api/",
+  live: "https://platform-components-external-live.adyen.com/platform-components-external/api/"
+}, e = {
+  test: "https://18e8543875.cdn.adyen.com/platform-components/v1-cdn-test",
+  live: "https://bae81f955b.cdn.adyen.com/platform-components/v1-cdn-live"
+};
+export {
+  t as API_ENVIRONMENTS,
+  e as CDN_ENVIRONMENTS
+};

package/dist/es/core/core.js

@@ -1,25 +1,31 @@
-var e = Object.defineProperty;
-var r = (s, t, i) => t in s ? e(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
-var o = (s, t, i) => r(s, typeof t != "symbol" ? t + "" : t, i);
-import { FALLBACK_ENV as a, resolveEnvironment as h } from "./utils.js";
-import { AuthSession as l } from "./ConfigContext/session/AuthSession.js";
-import p from "./Localization/Localization.js";
-import { EMPTY_OBJECT as c } from "../utils/value/constants.js";
-class m {
+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 {
   // [TODO]: Change the error handling strategy.
   constructor(t) {
-    o(this, "components", []);
-    o(this, "options");
-    o(this, "localization");
-    o(this, "loadingContext");
-    o(this, "session", new l());
-    o(this, "onError");
+    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
      */
-    o(this, "update", async (t = c) => (this.setOptions(t), await this.initialize(), this.components.forEach((i) => {
+    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));
     /**
@@ -27,12 +33,12 @@ class m {
      * @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));
+    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
      */
-    o(this, "registerComponent", (t) => {
+    s(this, "registerComponent", (t) => {
       t.props.core === this && this.components.push(t);
     });
     /**
@@ -42,14 +48,26 @@ class m {
      * @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;
+    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;
     });
-    this.options = { environment: a, ...t }, this.localization = new p(t.locale, t.availableTranslations), this.loadingContext = h(this.options.environment), this.setOptions(t);
+    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);
   }
   async initialize() {
-    return Promise.all([this.localization.ready]).then(() => this);
+    return Promise.all([this.localization.ready]).then(() => {
+      if (!this.readyCustomTranslationsAnalytics && this.analyticsEnabled) {
+        const t = this.setTranslationsPayload();
+        t.length > 0 && (this.session.analyticsPayload = t, this.readyCustomTranslationsAnalytics = !0);
+      }
+      return this;
+    });
+  }
+  setTranslationsPayload() {
+    return this.localization ? y(this.localization.i18n.customTranslations) : [];
   }
   /**
    * @internal
@@ -60,7 +78,7 @@ class m {
     return { ...t };
   }
 }
-o(m, "version", "1.7.1");
+s(f, "version", "1.8.0");
 export {
-  m as default
+  f as default
 };

package/dist/es/core/utils.js

@@ -1,16 +1,42 @@
-const t = "test", p = (e) => {
+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 = e == null ? void 0 : e.replace) == null ? void 0 : s.call(e, /([^\/])$/, "$1/");
-}, r = (e) => e == null ? void 0 : e.replace(/^([^\/])/, "/$1"), c = /* @__PURE__ */ (() => {
-  const e = {
-    test: "https://platform-components-external-test.adyen.com/platform-components-external/api/",
-    live: "https://platform-components-external-live.adyen.com/platform-components-external/api/"
+  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;
+  return (t) => {
+    const n = s[(t === "test" ? "live" : t) ?? a] || s[a];
+    return {
+      apiUrl: r[t ?? o] || r[o],
+      cdnTranslationsUrl: `${n}/assets/translations`,
+      cdnAssetsUrl: `${n}/assets`,
+      cdnConfigUrl: `${n}/config`
+    };
   };
-  return (s) => e[s ?? t] || e[t];
-})();
+})(), U = ({ url: r }) => async ({
+  name: s,
+  extension: t = "json",
+  fallback: e,
+  subFolder: n = ""
+}) => {
+  try {
+    return await $({
+      loadingContext: `${r}${n ? `/${n}` : ""}`,
+      path: `/${s}.${t}`,
+      versionless: !0,
+      skipContentType: !0,
+      errorLevel: "error"
+    });
+  } catch (c) {
+    return console.warn(c), e;
+  }
+};
 export {
-  t as FALLBACK_ENV,
-  p as normalizeLoadingContext,
-  r as normalizeUrl,
-  c as resolveEnvironment
+  a as FALLBACK_CDN_ENV,
+  o as FALLBACK_ENV,
+  U as getConfigFromCdn,
+  m as normalizeLoadingContext,
+  v as normalizeUrl,
+  l as resolveEnvironment
 };