@adyen/adyen-platform-experience-web 1.0.0 → 1.0.2

package/dist/es/components/internal/Calendar/components/CalendarGrid/CalendarGridDayOfWeek.js

@@ -1,44 +1,62 @@
-import { jsx as c } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as y } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { propsProperty as k, property as o } from "./utils.js";
 import { CalendarGridRenderToken as L } from "../../types.js";
+import { jsx as c } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memoComparator as t } from "../../../../../utils/preact/memoComparator/main.js";
 import { EMPTY_OBJECT as l } from "../../../../../utils/value/constants.js";
 import { getClassName as n } from "../../../../../utils/preact/className.js";
 const m = "adyen-pe-calendar__cell adyen-pe-calendar__cell--day-of-week", i = "adyen-pe-calendar__day-of-week", u = (a = l, e) => {
-  const s = k.unwrapped(
-    {
-      childClassName: o.mutable(i),
-      childProps: {
-        children: o.restricted(),
-        className: ""
-      },
-      className: o.mutable(m),
-      props: {
-        ...a,
-        children: o.restricted(),
-        className: ""
-      }
+  const s = k.unwrapped({
+    childClassName: o.mutable(i),
+    childProps: {
+      children: o.restricted(),
+      className: ""
     },
-    !0
-  );
+    className: o.mutable(m),
+    props: {
+      ...a,
+      children: o.restricted(),
+      className: ""
+    }
+  }, !0);
   return e == null || e(L.DAY_OF_WEEK, s), s;
-}, A = ({ prepare: a, flags: e, labels: { long: s, short: p } }) => {
+}, A = ({
+  prepare: a,
+  flags: e,
+  labels: {
+    long: s,
+    short: p
+  }
+}) => {
   const d = {
     "aria-label": s,
     "data-first-week-day": e.LINE_START,
     "data-last-week-day": e.LINE_END,
     "data-weekend": e.WEEKEND,
     scope: "col"
-  }, r = u(d, a), { children: P, className: _, ...N } = r.props || l, E = n(r.className, m, _), { children: D, className: h, ...C } = r.childProps || l, f = n(r.childClassName, i, h);
-  return /* @__PURE__ */ c("th", { ...N, ...d, className: E, children: /* @__PURE__ */ c("abbr", { ...C, className: f, children: p }) });
-}, G = y(
-  A,
-  t({
-    block: t.exclude,
-    flags: (a) => +a
-  })
-);
+  }, r = u(d, a), {
+    children: P,
+    className: _,
+    ...N
+  } = r.props || l, E = n(r.className, m, _), {
+    children: D,
+    className: h,
+    ...C
+  } = r.childProps || l, f = n(r.childClassName, i, h);
+  return c("th", {
+    ...N,
+    ...d,
+    className: E,
+    children: c("abbr", {
+      ...C,
+      className: f,
+      children: p
+    })
+  });
+}, G = y(A, t({
+  block: t.exclude,
+  flags: (a) => +a
+}));
 export {
   G as default
 };

package/dist/es/components/internal/Calendar/components/CalendarGrid/utils.js

@@ -4,9 +4,9 @@ import { struct as a, structFrom as l } from "../../../../../utils/struct/main.j
 import { enumerable as m } from "../../../../../utils/struct/property.js";
 import { boolOrTrue as O } from "../../../../../utils/value/bool.js";
 const n = (() => {
-  const c = (e) => Object.freeze(
-    l(u, Object.fromEntries(Object.entries(e).map(([r, t]) => [r, { value: t }])))
-  ), i = (e) => {
+  const c = (e) => Object.freeze(l(u, Object.fromEntries(Object.entries(e).map(([r, t]) => [r, {
+    value: t
+  }])))), i = (e) => {
     try {
       return Object.getPrototypeOf(e) === u;
     } catch {
@@ -25,11 +25,21 @@ const n = (() => {
     });
   };
   return Object.defineProperties(o, {
-    is: { value: i },
-    isObject: { value: b },
-    immutable: { value: (e) => o(!1, e) },
-    mutable: { value: (e) => o(void 0, e) },
-    restricted: { value: () => o(!1) }
+    is: {
+      value: i
+    },
+    isObject: {
+      value: b
+    },
+    immutable: {
+      value: (e) => o(!1, e)
+    },
+    mutable: {
+      value: (e) => o(void 0, e)
+    },
+    restricted: {
+      value: () => o(!1)
+    }
   });
 })(), g = (() => {
   const c = (o = {}, e = !1) => {
@@ -51,10 +61,14 @@ const n = (() => {
     return n((t = {}) => Object.assign(r, t), r);
   };
   return Object.defineProperties(c, {
-    unwrapped: { value: (o = {}, e = !1) => {
-      const r = c(o, e);
-      return a({ P: r }).P;
-    } }
+    unwrapped: {
+      value: (o = {}, e = !1) => {
+        const r = c(o, e);
+        return a({
+          P: r
+        }).P;
+      }
+    }
   });
 })();
 export {

package/dist/es/components/internal/Calendar/hooks/useCalendar.js

@@ -20,17 +20,22 @@ const Q = ({
   untilDate: T,
   useYearView: d
 }, w) => {
-  const { i18n: b } = z(), [B, R] = q(performance.now()), O = l(() => n.slice(E, T), [E, T]), x = J(u), F = l(
-    () => f ?? (K(N) ? n.controls.MINIMAL : n.controls.NONE),
-    [f, N]
-  ), I = l(
-    () => p ?? (K(s) ? n.highlight.ONE : n.highlight.NONE),
-    [p, s]
-  ), { grid: t, kill: S } = l(() => {
-    const { grid: e, kill: r } = n(function() {
+  const {
+    i18n: b
+  } = z(), [B, R] = q(performance.now()), O = l(() => n.slice(E, T), [E, T]), x = J(u), F = l(() => f ?? (K(N) ? n.controls.MINIMAL : n.controls.NONE), [f, N]), I = l(() => p ?? (K(s) ? n.highlight.ONE : n.highlight.NONE), [p, s]), {
+    grid: t,
+    kill: S
+  } = l(() => {
+    const {
+      grid: e,
+      kill: r
+    } = n(function() {
       R(performance.now()), x.current = this, !(o === e.highlight.from && h === e.highlight.to) && (o = e.highlight.from, h = e.highlight.to, s == null || s(o, h));
     });
-    let { from: o, to: h } = e.highlight;
+    let {
+      from: o,
+      to: h
+    } = e.highlight;
     return e.config.cursorIndex = (i) => {
       let c = i.target;
       for (; c && c !== i.currentTarget; ) {
@@ -42,7 +47,10 @@ const Q = ({
     }, e.config.shiftFactor = function(i) {
       if (this.controls === n.controls.MINIMAL)
         return i != null && i.shiftKey ? 12 : i != null && i.altKey ? this.blocks : 1;
-    }, { grid: e, kill: r };
+    }, {
+      grid: e,
+      kill: r
+    };
   }, []), _ = l(() => {
     const e = (r) => {
       t.cursor(r);
@@ -55,41 +63,37 @@ const Q = ({
         t.cursor(r) && r.preventDefault();
       }
     };
-  }, [t]), j = G(
-    $(
-      (e, r) => {
-        r instanceof Element && r.removeAttribute("aria-selected"), e instanceof Element && e.setAttribute("aria-selected", "true");
+  }, [t]), j = G($((e, r) => {
+    r instanceof Element && r.removeAttribute("aria-selected"), e instanceof Element && e.setAttribute("aria-selected", "true");
+  }, []));
+  return y(w, () => {
+    const {
+      from: e,
+      to: r
+    } = (t == null ? void 0 : t.highlight) || u;
+    return {
+      clear: () => {
+        t != null && t.highlight && (t.highlight.from = void 0);
+      },
+      get config() {
+        return {
+          ...x.current ?? u
+        };
+      },
+      get from() {
+        return P(e);
       },
-      []
-    )
-  );
-  return y(
-    w,
-    () => {
-      const { from: e, to: r } = (t == null ? void 0 : t.highlight) || u;
-      return {
-        clear: () => {
-          t != null && t.highlight && (t.highlight.from = void 0);
-        },
-        get config() {
-          return { ...x.current ?? u };
-        },
-        get from() {
-          return P(e);
-        },
-        set from(o) {
-          t != null && t.highlight && o && (t.highlight.from = o.getTime());
-        },
-        get to() {
-          return P(r);
-        },
-        set to(o) {
-          t != null && t.highlight && o && (t.highlight.to = o.getTime());
-        }
-      };
-    },
-    [t, B]
-  ), A(() => {
+      set from(o) {
+        t != null && t.highlight && o && (t.highlight.from = o.getTime());
+      },
+      get to() {
+        return P(r);
+      },
+      set to(o) {
+        t != null && t.highlight && o && (t.highlight.to = o.getTime());
+      }
+    };
+  }, [t, B]), A(() => {
     t.config({
       blocks: a,
       controls: F,
@@ -104,7 +108,11 @@ const Q = ({
   }, [F, I, a, m, g, t, b, C, O, M, d]), A(() => {
     const e = [].concat(L).slice(0, 2).map(Number).filter(Boolean);
     return e[0] && (t.highlight.from = +e[0]), e[1] && (t.highlight.to = +e[1]), S;
-  }, []), { cursorElementRef: j, cursorRootProps: _, grid: t };
+  }, []), {
+    cursorElementRef: j,
+    cursorRootProps: _,
+    grid: t
+  };
 }, H = Q;
 export {
   H as default

package/dist/es/components/internal/Calendar/hooks/useCalendarControlsRendering.js

@@ -1,50 +1,45 @@
-import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonVariant as m } from "../../Button/types.js";
 import { useCallback as c } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import f from "../../SVGIcons/ChevronDown.js";
 import d from "../../SVGIcons/ChevronUp.js";
 import p from "../../../../core/Context/useCoreContext.js";
 import C from "../../../../hooks/element/useDetachedRender.js";
+import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import R from "../../Button/Button.js";
 import { isFunction as b } from "../../../../utils/value/is.js";
 const h = (e) => {
-  const { i18n: a } = p();
-  return C(
-    c(
-      (u, r, t) => {
-        if (!(u instanceof HTMLElement))
-          return null;
-        if (b(e))
-          return e(r, t);
-        let o, n, i;
-        switch (r) {
-          case "PREV":
-            o = "prev", n = "previous", i = d;
-            break;
-          case "NEXT":
-            o = n = "next", i = f;
-            break;
-          default:
-            return null;
-        }
-        const s = t();
-        return s ? /* @__PURE__ */ l(
-          R,
-          {
-            "aria-label": a.get(`calendar.${n}Month`),
-            variant: m.TERTIARY,
-            disabled: !s,
-            classNameModifiers: ["circle", o],
-            iconButton: !0,
-            onClick: t,
-            children: /* @__PURE__ */ l(i, { role: "presentation" })
-          },
-          r
-        ) : null;
-      },
-      [a, e]
-    )
-  );
+  const {
+    i18n: a
+  } = p();
+  return C(c((u, r, t) => {
+    if (!(u instanceof HTMLElement))
+      return null;
+    if (b(e))
+      return e(r, t);
+    let o, n, i;
+    switch (r) {
+      case "PREV":
+        o = "prev", n = "previous", i = d;
+        break;
+      case "NEXT":
+        o = n = "next", i = f;
+        break;
+      default:
+        return null;
+    }
+    const s = t();
+    return s ? l(R, {
+      "aria-label": a.get(`calendar.${n}Month`),
+      variant: m.TERTIARY,
+      disabled: !s,
+      classNameModifiers: ["circle", o],
+      iconButton: !0,
+      onClick: t,
+      children: l(i, {
+        role: "presentation"
+      })
+    }, r) : null;
+  }, [a, e]));
 }, D = h;
 export {
   D as default

package/dist/es/components/internal/Calendar/hooks/useTimezone.js

@@ -6,20 +6,36 @@ import { isWatchlistUnsubscribeToken as G } from "../../../../primitives/reactiv
 import { boolOrFalse as O } from "../../../../utils/value/bool.js";
 import { noop as a } from "../../../../utils/common.js";
 import { EMPTY_OBJECT as S, EMPTY_ARRAY as F } from "../../../../utils/value/constants.js";
-const { getTimezoneTime: R, getUsedTimezone: U } = (() => {
+const {
+  getTimezoneTime: R,
+  getUsedTimezone: U
+} = (() => {
   const n = /(\d{2}):(\d{2})(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, m = /^GMT|0(?=\d:00)|:00/g, e = M();
-  return { getTimezoneTime: (t, i = Date.now()) => {
-    e.tz = t;
-    const { formatted: o } = e(i), [f = "", , , s = ""] = (o == null ? void 0 : o.match(n)) ?? F, u = l(o), z = `${f}${s && ` ${s}`}`, p = E(u).replace(m, "");
-    return [z, p];
-  }, getUsedTimezone: (t) => (e.tz = t, e.tz.current) };
-})(), $ = ({ timezone: n, withClock: m = !1 } = S) => {
+  return {
+    getTimezoneTime: (t, i = Date.now()) => {
+      e.tz = t;
+      const {
+        formatted: o
+      } = e(i), [f = "", , , s = ""] = (o == null ? void 0 : o.match(n)) ?? F, u = l(o), z = `${f}${s && ` ${s}`}`, p = E(u).replace(m, "");
+      return [z, p];
+    },
+    getUsedTimezone: (t) => (e.tz = t, e.tz.current)
+  };
+})(), $ = ({
+  timezone: n,
+  withClock: m = !1
+} = S) => {
   const e = c(() => O(m), [m]), r = c(() => U(n), [n]), T = g(a), [t, i] = d(Date.now()), [o, f] = c(() => R(r, t), [t, r]);
   return c(() => {
     T.current(), T.current = e ? _.subscribe((s) => {
       G(s) || i(s.now);
     }) : a;
-  }, [i, e]), { clockTime: o, GMTOffset: f, timestamp: t, timezone: r };
+  }, [i, e]), {
+    clockTime: o,
+    GMTOffset: f,
+    timestamp: t,
+    timezone: r
+  };
 }, P = $;
 export {
   P as default,

package/dist/es/components/internal/Card/Card.js

@@ -1,7 +1,7 @@
-import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { CARD_BASE_CLASS as i, CARD_FILLED as o, CARD_NO_OUTLINE as h, CARD_HEADER as L, CARD_HEADER_CONTENT as O, CARD_TITLE as n, CARD_SUBTITLE as p, CARD_BODY as I, CARD_BODY_WITH_TITLE as f, CARD_FOOTER as B } from "./constants.js";
 import A from "classnames";
 import "./Card.scss.js";
+import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 const S = ({
   title: c,
   subTitle: D,
@@ -15,22 +15,33 @@ const S = ({
   classNameModifiers: l
 }) => {
   const T = R || "header";
-  return /* @__PURE__ */ s("section", { className: A(i, { [o]: E, [h]: N }, l), children: [
-    (c || a) && /* @__PURE__ */ s(T, { className: L, children: (c || a) && /* @__PURE__ */ s("div", { className: O, children: [
-      a || /* @__PURE__ */ s("span", { className: n, children: c }),
-      D && /* @__PURE__ */ s("div", { className: p, children: D })
-    ] }) }),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: A(I, {
-          [f]: c || a
-        }),
-        children: C
-      }
-    ),
-    (_ || m) && /* @__PURE__ */ s("footer", { className: B, children: m || _ })
-  ] });
+  return s("section", {
+    className: A(i, {
+      [o]: E,
+      [h]: N
+    }, l),
+    children: [(c || a) && s(T, {
+      className: L,
+      children: (c || a) && s("div", {
+        className: O,
+        children: [a || s("span", {
+          className: n,
+          children: c
+        }), D && s("div", {
+          className: p,
+          children: D
+        })]
+      })
+    }), s("div", {
+      className: A(I, {
+        [f]: c || a
+      }),
+      children: C
+    }), (_ || m) && s("footer", {
+      className: B,
+      children: m || _
+    })]
+  });
 }, x = S;
 export {
   x as default

package/dist/es/components/internal/CopyText/CopyText.js

@@ -1,11 +1,13 @@
-import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonVariant as l } from "../Button/types.js";
 import { useState as s, useCallback as r } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { Tooltip as c } from "../Tooltip/Tooltip.js";
 import m from "../SVGIcons/Copy.js";
 import "./CopyText.scss.js";
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import f from "../Button/Button.js";
-const u = ({ text: o }) => {
+const u = ({
+  text: o
+}) => {
   const [i, a] = s(o), n = r(async () => {
     if (o)
       try {
@@ -16,20 +18,22 @@ const u = ({ text: o }) => {
   }, [o]), e = r(() => {
     a(o);
   }, [a, o]);
-  return /* @__PURE__ */ t(c, { content: i, children: /* @__PURE__ */ t(
-    f,
-    {
+  return t(c, {
+    content: i,
+    children: t(f, {
       variant: l.TERTIARY,
       className: "adyen-pe-copy-text",
       onClick: n,
       onBlur: e,
       onMouseLeaveCapture: e,
-      children: [
-        /* @__PURE__ */ t("span", { className: "adyen-pe-copy-text__information", children: o }),
-        /* @__PURE__ */ t(m, { fill: "#0070f5" })
-      ]
-    }
-  ) });
+      children: [t("span", {
+        className: "adyen-pe-copy-text__information",
+        children: o
+      }), t(m, {
+        fill: "#0070f5"
+      })]
+    })
+  });
 }, v = u;
 export {
   v as default