@adyen/adyen-platform-experience-web 1.3.1 → 1.4.1

package/dist/es/core/Context/CoreProvider.js

@@ -1,24 +1,25 @@
-import { jsx as l } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { toChildArray as u } from "../../external/preact/dist/preact.module.js";
-import { useMemo as e, useEffect as d } from "../../external/preact/hooks/dist/hooks.module.js";
-import { CoreContext as p } from "./CoreContext.js";
-import y from "../../hooks/useBooleanState.js";
-import C from "../Localization/Localization.js";
-const j = ({
-  i18n: o = new C().i18n,
+import { jsx as u } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { toChildArray as d } from "../../external/preact/dist/preact.module.js";
+import { useMemo as e, useEffect as p } from "../../external/preact/hooks/dist/hooks.module.js";
+import { CoreContext as y } from "./CoreContext.js";
+import C from "../../hooks/useBooleanState.js";
+import x from "../Localization/Localization.js";
+const z = ({
+  i18n: o = new x().i18n,
   children: a,
   commonProps: r,
   loadingContext: t,
   updateCore: s,
-  externalErrorHandler: m
+  externalErrorHandler: m,
+  componentRef: n
 }) => {
-  const [n, c] = y(!1), f = e(() => r || {}, [r]), i = e(() => t ?? "", [t]);
-  return d(() => {
+  const [c, f] = C(!1), i = e(() => r || {}, [r]), l = e(() => t ?? "", [t]);
+  return p(() => {
     (async () => {
-      await (o == null ? void 0 : o.ready), c(!0);
+      await (o == null ? void 0 : o.ready), f(!0);
     })().catch();
-  }, []), n ? /* @__PURE__ */ l(p.Provider, { value: { i18n: o, commonProps: f, loadingContext: i, updateCore: s, externalErrorHandler: m }, children: u(a) }) : null;
+  }, []), c ? /* @__PURE__ */ u(y.Provider, { value: { i18n: o, commonProps: i, loadingContext: l, updateCore: s, externalErrorHandler: m, componentRef: n }, children: d(a) }) : null;
 };
 export {
-  j as default
+  z as default
 };

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

@@ -26,7 +26,7 @@ const l = (e) => {
       Accept: "application/json, text/plain, */*",
       "Content-Type": e.contentType ?? "application/json",
       ...n,
-      "SDK-Version": "1.3.1"
+      "SDK-Version": "1.4.1"
     },
     redirect: "follow",
     signal: e.signal,

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

@@ -1,4 +1,4 @@
-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 = /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", e = Object.freeze({
     year: t,
     month: "short",

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

@@ -1,23 +1,23 @@
 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([
+const p = /\+(?=-)|([+-]00:00)/g, E = /(^\D?)(\d)$/, O = ([t, e]) => (Math.abs(t * 60) + e) * (t < 0 ? -1 : 1), S = (t) => Object.freeze([
   Math.floor(t / 60),
   // offset hours
   i(t, 60)
   // offset minutes
-]), _ = (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) => {
+]), _ = (t) => parseInt(t, 10) || 0, F = (t) => `GMT+${S(t).map((o) => `${o}`.replace(E, "$10$2")).join(":")}`.replace(p, ""), c = (t) => {
+  var s;
+  const e = ((s = t == null ? void 0 : t.match(m)) == null ? void 0 : s[0].replace("GMT", "").split(":", 2).map(_)) ?? r;
+  return O(e.concat(0, 0).slice(0, 2));
+}, R = (t, e = 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);
+  const s = c((f = n) == null ? void 0 : f.format(t));
+  return c(e == null ? void 0 : e.format(t)) - s;
+}, T = (t, e, s = 1) => {
+  const { offset: o, timestamp: f } = t(e);
+  return f - o * s * 6e4;
+}, g = (t, e) => T(t, e, 1), u = (t, e) => T(t, e, -1);
 export {
   O as computeTimezoneOffsetInMinutes,
   S as computeTimezoneOffsetsFromMinutes,

package/dist/es/core/core.js

@@ -60,7 +60,7 @@ class m {
     return { ...t };
   }
 }
-o(m, "version", "1.3.1");
+o(m, "version", "1.4.1");
 export {
   m as default
 };

package/dist/es/external/preact/compat/dist/compat.module.js

@@ -1,7 +1,7 @@
 import { Component as c, options as _, createElement as f, Fragment as m, toChildArray as h, render as y } from "../../dist/preact.module.js";
-import { createContext as Q } from "../../dist/preact.module.js";
-import { useCallback as Y, useContext as ee, useEffect as te, useImperativeHandle as re, useLayoutEffect as oe, useMemo as ne, useReducer as ue, useRef as ae, useState as le } from "../../hooks/dist/hooks.module.js";
-function O(e, t) {
+import { createContext as Q, createRef as X } from "../../dist/preact.module.js";
+import { useCallback as ee, useContext as te, useEffect as re, useImperativeHandle as oe, useLayoutEffect as ne, useMemo as ue, useReducer as ae, useRef as le, useState as _e } from "../../hooks/dist/hooks.module.js";
+function R(e, t) {
   for (var r in t) e[r] = t[r];
   return e;
 }
@@ -33,7 +33,7 @@ _.__b = function(e) {
 var U = typeof Symbol < "u" && Symbol.for && Symbol.for("react.forward_ref") || 3911;
 function q(e) {
   function t(r) {
-    var o = O({}, r);
+    var o = R({}, r);
     return delete o.ref, e(o, r.ref || null);
   }
   return t.$$typeof = U, t.render = t, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
@@ -46,11 +46,11 @@ _.__e = function(e, t, r, o) {
   $(e, t, r, o);
 };
 var g = _.unmount;
-function R(e, t, r) {
+function O(e, t, r) {
   return e && (e.__c && e.__c.__H && (e.__c.__H.__.forEach(function(o) {
     typeof o.__c == "function" && o.__c();
-  }), e.__c.__H = null), (e = O({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c = null), e.__k = e.__k && e.__k.map(function(o) {
-    return R(o, t, r);
+  }), e.__c.__H = null), (e = R({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c = null), e.__k = e.__k && e.__k.map(function(o) {
+    return O(o, t, r);
   })), e;
 }
 function w(e, t, r) {
@@ -95,7 +95,7 @@ _.unmount = function(e) {
   if (this.__b) {
     if (this.__v.__k) {
       var r = document.createElement("div"), o = this.__v.__k[0].__c;
-      this.__v.__k[0] = R(this.__b, r, o.__O = o.__P);
+      this.__v.__k[0] = O(this.__b, r, o.__O = o.__P);
     }
     this.__b = null;
   }
@@ -213,15 +213,16 @@ export {
   Q as createContext,
   f as createElement,
   G as createPortal,
+  X as createRef,
   q as forwardRef,
   z as memo,
-  Y as useCallback,
-  ee as useContext,
-  te as useEffect,
-  re as useImperativeHandle,
-  oe as useLayoutEffect,
-  ne as useMemo,
-  ue as useReducer,
-  ae as useRef,
-  le as useState
+  ee as useCallback,
+  te as useContext,
+  re as useEffect,
+  oe as useImperativeHandle,
+  ne as useLayoutEffect,
+  ue as useMemo,
+  ae as useReducer,
+  le as useRef,
+  _e as useState
 };

package/dist/es/external/preact/dist/preact.module.js

@@ -16,6 +16,9 @@ function T(t, e, n, l, o) {
   var r = { type: t, props: e, key: n, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: o ?? ++Y, __i: -1, __u: 0 };
   return o == null && h.vnode != null && h.vnode(r), r;
 }
+function me() {
+  return { current: null };
+}
 function H(t) {
   return t.children;
 }
@@ -222,16 +225,16 @@ function ie(t, e, n) {
 function he(t, e, n) {
   return this.constructor(t, n);
 }
-function me(t, e, n) {
+function ve(t, e, n) {
   var l, o, r, i;
   e == document && (e = document.documentElement), h.__ && h.__(t, e), o = (l = !1) ? null : e.__k, r = [], i = [], q(e, t = e.__k = fe(H, null, [t]), o || M, M, e.namespaceURI, o ? null : e.firstChild ? D.call(e.childNodes) : null, r, o ? o.__e : e.firstChild, l, i), le(r, t, i);
 }
-function ve(t, e, n) {
+function ye(t, e, n) {
   var l, o, r, i, s = k({}, t.props);
   for (r in t.type && t.type.defaultProps && (i = t.type.defaultProps), e) r == "key" ? l = e[r] : r == "ref" ? o = e[r] : s[r] = e[r] === void 0 && i !== void 0 ? i[r] : e[r];
   return arguments.length > 2 && (s.children = arguments.length > 3 ? D.call(arguments, 2) : n), T(t.type, s, l || t.key, o || t.ref, null);
 }
-function ye(t, e) {
+function ge(t, e) {
   var n = { __c: e = "__cC" + te++, __: t, Consumer: function(l, o) {
     return l.children(o);
   }, Provider: function(l) {
@@ -274,12 +277,13 @@ D = ne.slice, h = { __e: function(t, e, n, l) {
 export {
   W as Component,
   H as Fragment,
-  ve as cloneElement,
-  ye as createContext,
+  ye as cloneElement,
+  ge as createContext,
   fe as createElement,
+  me as createRef,
   fe as h,
   se as isValidElement,
   h as options,
-  me as render,
+  ve as render,
   pe as toChildArray
 };

package/dist/es/hooks/useContainerQuery.js

@@ -0,0 +1,37 @@
+import { useState as d, useEffect as h } from "../external/preact/hooks/dist/hooks.module.js";
+import l from "../core/Context/useCoreContext.js";
+const k = (i) => {
+  var c;
+  const { componentRef: n } = l(), [r, f] = d(((c = n.current) == null ? void 0 : c.offsetWidth) || 0), [u, o, a] = i;
+  let s = !1;
+  switch (u) {
+    case "up":
+      s = r >= o;
+      break;
+    case "down":
+      s = r <= o;
+      break;
+    case "only":
+      if (a) {
+        const { min: e, max: t } = a;
+        s = t ? r <= t : e ? r >= e : !1;
+      } else
+        s = r === o;
+      break;
+  }
+  return h(() => {
+    const e = n.current;
+    if (!e) return;
+    const t = new ResizeObserver((m) => {
+      for (const b of m)
+        b.target === e && f(e.offsetWidth);
+    });
+    return t.observe(e), () => {
+      t.unobserve(e), t.disconnect();
+    };
+  }, [n]), s;
+};
+export {
+  k as default,
+  k as useContainerQuery
+};

package/dist/es/hooks/useCustomColumnsData.js

@@ -1,26 +1,29 @@
-import { useState as n, useCallback as C, useEffect as r } from "../external/preact/hooks/dist/hooks.module.js";
-const g = ({
+import { useState as i, useCallback as u, useEffect as m } from "../external/preact/hooks/dist/hooks.module.js";
+import { isFunction as y } from "../utils/value/is.js";
+const R = ({
   records: s,
-  onDataRetrieved: t,
-  mergeCustomData: c
+  hasCustomColumn: a = !1,
+  onDataRetrieve: o,
+  mergeCustomData: r
 }) => {
-  const [e, u] = n(s), [f, l] = n(!1), a = C(
-    (m) => async () => {
-      try {
-        const o = t ? await t(m) : [];
-        u(c({ records: s, retrievedData: o }));
-      } catch (o) {
-        u(s), console.error(o);
-      } finally {
-        l(!1);
-      }
-    },
-    [t, s, c]
-  );
-  return r(() => {
-    t && s.length && (l(!0), a(s)());
-  }, [t, a, s]), { customRecords: e, loadingCustomRecords: f };
+  const [f, e] = i(s), [c, l] = i(!1), n = u(async () => {
+    try {
+      if (a && y(o)) {
+        const t = await o(s);
+        if (Array.isArray(t)) e(r({ records: s, retrievedData: (t == null ? void 0 : t.filter(Boolean)) || [] }));
+        else throw new Error("Retrieved data should be an array");
+      } else
+        e(s);
+    } catch (t) {
+      e(s), console.error(t);
+    } finally {
+      l(!1);
+    }
+  }, [a, o, r, s]);
+  return m(() => {
+    s.length && (l(!0), n());
+  }, [n, s]), { customRecords: f, loadingCustomRecords: c };
 };
 export {
-  g as useCustomColumnsData
+  R as useCustomColumnsData
 };

package/dist/es/hooks/useResponsiveContainer.js

@@ -0,0 +1,24 @@
+import { BREAKPOINTS as m } from "../constants/index.js";
+import { useContainerQuery as o } from "./useContainerQuery.js";
+const l = {
+  up: {
+    sm: ["up", m.sm],
+    md: ["up", m.md],
+    lg: ["up", m.lg]
+  },
+  down: {
+    xs: ["down", m.sm - 1],
+    sm: ["down", m.md - 1],
+    md: ["down", m.lg - 1]
+  },
+  only: {
+    xs: ["only", m.sm - 1, { max: m.sm - 1 }],
+    sm: ["only", m.sm, { max: m.md - 1 }],
+    md: ["only", m.md, { max: m.lg - 1 }],
+    lg: ["only", m.lg, { min: m.lg }]
+  }
+}, d = o;
+export {
+  l as containerQueries,
+  d as useResponsiveContainer
+};

package/dist/es/hooks/useTableColumns.js

@@ -1,28 +1,48 @@
-import { useMemo as p } from "../external/preact/hooks/dist/hooks.module.js";
-import { getLabel as c } from "../components/utils/getLabel.js";
-import b from "../core/Context/useCoreContext.js";
-import { EMPTY_OBJECT as a } from "../utils/value/constants.js";
-import { isUndefined as l, isString as u } from "../utils/value/is.js";
-function y(r) {
-  let e = {};
-  for (const t of Object.keys(r))
-    l(r[t]) || (e = { ...e, [t]: r[t] });
-  return e;
+import { useMemo as f } from "../external/preact/hooks/dist/hooks.module.js";
+import { getLabel as g } from "../components/utils/getLabel.js";
+import h from "../core/Context/useCoreContext.js";
+import { useResponsiveContainer as E, containerQueries as U } from "./useResponsiveContainer.js";
+import { EMPTY_OBJECT as w } from "../utils/value/constants.js";
+import { isUndefined as A } from "../utils/value/is.js";
+function O(t) {
+  let i = {};
+  for (const r of Object.keys(t))
+    A(t[r]) || (i = { ...i, [r]: t[r] });
+  return i;
 }
-function T(r) {
-  return r.every(u);
-}
-const P = ({
-  fields: r,
-  customColumns: e,
-  columnConfig: t
+const S = ({
+  fields: t,
+  customColumns: i,
+  columnConfig: r
 }) => {
-  const { i18n: s } = b(), i = p(() => r.map((o) => ({ key: o })), [r]);
-  return p(() => ((e ? T(e) ? e.map((n) => ({ key: n })) : e : void 0) || i).map(({ key: n, flex: f }) => {
-    const d = s.get(c(n)), m = y((t == null ? void 0 : t[n]) || a);
-    return { key: n, label: d, visible: !0, flex: f, ...m || a };
-  }), [t, e, s, i]);
+  const { i18n: s } = h(), k = f(() => t.map((y) => ({ key: y })), [t]), o = E(U.up.sm);
+  return f(() => {
+    const y = (i == null ? void 0 : i.filter((e) => !(t != null && t.some((n) => n === e.key))).map((e) => e.key)) || [], b = [...k, ...(i == null ? void 0 : i.filter((e) => e == null ? void 0 : e.key)) || []], v = (i == null ? void 0 : i.reduce((e, n) => (e[n.key] = n, e), {})) || {}, a = /* @__PURE__ */ new Map();
+    return b.forEach((e) => {
+      const n = v[e.key];
+      if ((n == null ? void 0 : n.visibility) !== "hidden")
+        if (a.has(e.key)) {
+          const p = a.get(e.key);
+          a.set(e.key, {
+            ...p,
+            ...e,
+            visible: e.visibility !== "hidden",
+            position: e.align || p.position
+          });
+        } else {
+          const { key: p, flex: M, align: d } = e, x = s.get(g(p)), T = O((r == null ? void 0 : r[p]) || w);
+          a.set(e.key, {
+            key: p,
+            label: x,
+            visible: y.includes(e.key) ? o : !0,
+            flex: M,
+            position: d,
+            ...T
+          });
+        }
+    }), Array.from(a.values());
+  }, [r, i, t, s, o, k]);
 };
 export {
-  P as useTableColumns
+  S as useTableColumns
 };

package/dist/es/images/icons/external-link.svg.js

@@ -0,0 +1,6 @@
+import "../../external/preact/compat/dist/compat.module.js";
+import { jsx as t } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const e = (i) => /* @__PURE__ */ t("svg", { width: 11, height: 11, viewBox: "0 0 11 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i, children: /* @__PURE__ */ t("path", { d: "M0.939453 9L8.18945 1.75H3.25011V0.25H10.7501V7.75H9.25011V2.81066L2.00011 10.0607L0.939453 9Z", fill: "#00112C" }) });
+export {
+  e as default
+};