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

package/dist/es/components/internal/FormWrappers/FormSelect.js

@@ -1,69 +1,70 @@
-import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as T, useEffect as g } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { useWizardFormContext as E } from "../../../hooks/form/wizard/WizardFormContext.js";
-import b from "./FormField.js";
-import { VisibleField as j } from "./VisibleField.js";
-import { FieldError as w } from "../FormFields/FieldError/FieldError.js";
-import { Controller as y } from "../../../hooks/form/Controller.js";
+import { jsx as s } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as p, useEffect as m } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useWizardFormContext as O } from "../../../hooks/form/wizard/WizardFormContext.js";
+import R from "./FormField.js";
+import { VisibleField as b } from "./VisibleField.js";
+import { FieldError as j } from "../FormFields/FieldError/FieldError.js";
+import { Controller as w } from "../../../hooks/form/Controller.js";
 import z from "../FormFields/Select/Select.js";
-function J({
-  className: p,
-  clearable: h,
+function K({
+  className: d,
+  clearable: v,
   fieldName: r,
-  filterable: d,
-  hideOptionalLabel: v,
+  filterable: F,
+  hideOptionalLabel: C,
   isRequired: i,
+  isReadOnly: c,
   items: o,
-  label: F,
-  onChange: f,
-  preventInvalidState: C,
-  readonly: V,
-  validate: q
+  label: V,
+  onChange: y,
+  preventInvalidState: q,
+  readonly: x,
+  validate: I
 }) {
-  const { control: x, fieldsConfig: u, getValues: c, setValue: t } = E(), l = T(() => i ?? u[r]?.required, [u, i]);
-  return g(() => {
+  const { control: M, fieldsConfig: t, getValues: l, setValue: u } = O(), a = p(() => i ?? t[r]?.required, [t, r, i]), T = p(() => c ?? t[r]?.readOnly, [t, r, c]);
+  return m(() => {
     if (!o.length) return;
-    const n = c(r);
-    n && !o.some((e) => e.id === n) && t(r, "");
-  }, [c, t, o]), g(() => {
-    o && o.length === 1 && t(r, o[0]?.id);
-  }, [o, t, r]), /* @__PURE__ */ s(j, { name: r, children: /* @__PURE__ */ s(b, { label: F, optional: !l && !v, className: p, children: /* @__PURE__ */ s(
-    y,
+    const e = l(r);
+    e && !o.some((n) => n.id === e) && u(r, "");
+  }, [l, u, o]), m(() => {
+    o && o.length === 1 && u(r, o[0]?.id);
+  }, [o, u, r]), /* @__PURE__ */ s(b, { name: r, children: /* @__PURE__ */ s(R, { label: V, optional: !a && !C, className: d, children: /* @__PURE__ */ s(
+    w,
     {
       name: r,
-      control: x,
+      control: M,
       rules: {
-        required: l,
-        validate: q
+        required: a,
+        validate: I
       },
-      render: ({ field: n, fieldState: e }) => {
-        const I = (m) => {
-          const M = m.target.value;
-          n.onInput(M), f?.(m);
-        }, a = !!e.error && e.isTouched;
+      render: ({ field: e, fieldState: n }) => {
+        const f = (h) => {
+          const E = h.target.value;
+          e.onInput(E), y?.(h);
+        }, g = !!n.error && n.isTouched;
         return /* @__PURE__ */ s("div", { children: [
           /* @__PURE__ */ s(
             z,
             {
-              ...n,
-              isInvalid: C ? !1 : a,
-              isValid: !e.error,
+              ...e,
+              isInvalid: q ? !1 : g,
+              isValid: !n.error,
               items: o,
-              filterable: d,
-              clearable: h,
+              filterable: F,
+              clearable: v,
               name: r,
-              onChange: I,
-              readonly: V,
-              selected: n.value,
+              onChange: f,
+              readonly: x || T,
+              selected: e.value,
               fitPosition: !0
             }
           ),
-          a && e.error?.message && /* @__PURE__ */ s(w, { errorMessage: e.error?.message, withTopMargin: !0 })
+          g && n.error?.message && /* @__PURE__ */ s(j, { errorMessage: n.error?.message, withTopMargin: !0 })
         ] });
       }
     }
   ) }) });
 }
 export {
-  J as FormSelect
+  K as FormSelect
 };

package/dist/es/components/internal/FormWrappers/FormTextInput.js

@@ -1,70 +1,72 @@
-import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as w, useCallback as d } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { useWizardFormContext as B } from "../../../hooks/form/wizard/WizardFormContext.js";
-import j from "./FormField.js";
-import k from "../FormFields/InputBase.js";
-import { VisibleField as z } from "./VisibleField.js";
-import D from "../../../core/Context/useCoreContext.js";
-import { Controller as R } from "../../../hooks/form/Controller.js";
-function O({
-  className: g,
-  dropdown: f,
+import { jsx as i } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as g, useCallback as v } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useWizardFormContext as O } from "../../../hooks/form/wizard/WizardFormContext.js";
+import R from "./FormField.js";
+import j from "../FormFields/InputBase.js";
+import { VisibleField as k } from "./VisibleField.js";
+import z from "../../../core/Context/useCoreContext.js";
+import { Controller as D } from "../../../hooks/form/Controller.js";
+function U({
+  className: C,
+  dropdown: I,
   fieldName: n,
-  isRequired: u,
-  label: v,
-  onDropdownInput: C,
-  onInput: a,
-  supportText: I,
-  type: x,
-  validate: m,
-  min: F,
-  maxLength: h,
+  isRequired: a,
+  isReadOnly: l,
+  label: x,
+  onDropdownInput: F,
+  onInput: m,
+  supportText: h,
+  type: q,
+  validate: c,
+  min: T,
+  maxLength: V,
   minLength: e,
-  dropdownPosition: q,
-  hideOptionalLabel: T
+  dropdownPosition: f,
+  hideOptionalLabel: y
 }) {
-  const { control: V, fieldsConfig: l } = B(), { i18n: c } = D(), t = w(() => u ?? l[n]?.required, [l, u]), M = d(
+  const { control: M, fieldsConfig: t } = O(), { i18n: p } = z(), s = g(() => a ?? t[n]?.required, [t, n, a]), b = g(() => l ?? t[n]?.readOnly, [t, n, l]), w = v(
     (r, o) => {
-      a?.(r), o(r.currentTarget.value);
+      m?.(r), o(r.currentTarget.value);
     },
-    [a]
-  ), b = d(
+    [m]
+  ), B = v(
     (r) => {
       const o = e && r?.length < e;
-      return !r && !t ? { valid: !0 } : o ? { valid: !1, message: c.get("common.errors.minLength", { values: { minLength: e } }) } : m?.(r) ?? { valid: !0 };
+      return !r && !s ? { valid: !0 } : o ? { valid: !1, message: p.get("common.errors.minLength", { values: { minLength: e } }) } : c?.(r) ?? { valid: !0 };
     },
-    [c, t, e, m]
+    [p, s, e, c]
   );
-  return /* @__PURE__ */ s(z, { name: n, children: /* @__PURE__ */ s(j, { label: v, optional: !t && !T, supportText: I, className: g, children: /* @__PURE__ */ s(
-    R,
+  return /* @__PURE__ */ i(k, { name: n, children: /* @__PURE__ */ i(R, { label: x, optional: !s && !y, supportText: h, className: C, children: /* @__PURE__ */ i(
+    D,
     {
       name: n,
-      control: V,
+      control: M,
       rules: {
-        validate: b,
-        required: t
+        validate: B,
+        required: s
       },
       render: ({ field: r, fieldState: o }) => {
-        const p = !!o.error && o.isTouched;
-        return /* @__PURE__ */ s(
-          k,
+        const d = !!o.error && o.isTouched;
+        return /* @__PURE__ */ i(
+          j,
           {
             ...r,
             value: r.value,
-            maxLength: h,
+            maxLength: V,
             minLength: e,
             name: n,
             isValid: !o.error,
-            isInvalid: p,
+            isInvalid: d,
             errorMessage: o.error?.message,
-            onDropdownInput: (...i) => {
-              C?.(...i), p && r.triggerValidation();
+            onDropdownInput: (...u) => {
+              F?.(...u), d && r.triggerValidation();
             },
-            onInput: (i) => M(i, r.onInput),
-            type: x,
-            min: F,
-            dropdown: f,
-            dropdownPosition: q
+            onInput: (u) => w(u, r.onInput),
+            type: q,
+            min: T,
+            dropdown: I,
+            dropdownPosition: f,
+            readonly: b
           }
         );
       }
@@ -72,5 +74,5 @@ function O({
   ) }) });
 }
 export {
-  O as FormTextInput
+  U as FormTextInput
 };

package/dist/es/components/internal/FormWrappers/VisibleField.js

@@ -1,6 +1,6 @@
-import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useWizardFormContext as e } from "../../../hooks/form/wizard/WizardFormContext.js";
-import { Fragment as m } from "../../../external/preact/dist/preact.module.js";
+import { Fragment as m } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 function l({ name: i, children: o }) {
   const { fieldsConfig: r } = e();
   return r[i]?.visible ? /* @__PURE__ */ t(m, { children: o }) : null;

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

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import p from "classnames";
 import a from "../Typography/Typography.js";
 import S from "../../../core/Context/useCoreContext.js";

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

@@ -1,7 +1,7 @@
-import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css          */
 import c from "classnames";
-import { useState as l, useEffect as s } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as l, useEffect as s } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const e = {
   "angle-right": () => import("../../../images/icons/angle-right.svg.js"),
   "arrow-right": () => import("../../../images/icons/arrow-right.svg.js"),

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

@@ -1,7 +1,7 @@
-import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import i from "classnames";
 import { useImageUrl as p } from "../../../hooks/useImageUrl.js";
-import { useMemo as c } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as c } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 const l = ({ folder: m = "components/", className: r, alt: e, name: s, extension: o }) => {
   const a = p({
     options: c(() => ({ imageFolder: m, extension: o }), [o, m]),

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

@@ -1,5 +1,5 @@
-import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as p, useRef as y, useEffect as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as n } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as p, useRef as y, useEffect as N } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import E from "classnames";
 /* empty css         */
 function L(s) {

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

@@ -1,4 +1,4 @@
-import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as m } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import r from "classnames";
 /* empty css             */
 const i = ({ className: o, el: a = "div", children: e }) => /* @__PURE__ */ m(a, { className: r("adyen-pe-info-box", o), children: e });

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

@@ -1,8 +1,8 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import s from "../Typography/Typography.js";
 import { TypographyVariant as c, TypographyElement as k } from "../Typography/types.js";
 import y from "classnames";
-import { useCallback as u } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as u } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css          */
 import { Icon as d } from "../Icon/Icon.js";
 function C({

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

@@ -1,45 +1,45 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonVariant as b } from "../Button/types.js";
 import { useClickOutside as C } from "../../../hooks/element/useClickOutside.js";
-import { useResponsiveContainer as w, containerQueries as N } from "../../../hooks/useResponsiveContainer.js";
-import { withTabbableRoot as g } from "../../../primitives/dom/tabbableRoot/tabbable.js";
-import R from "../../../hooks/element/useFocusTrap.js";
-import E from "../../../core/Context/useCoreContext.js";
-import { useContext as M, useRef as u, useCallback as k, useEffect as T } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { createContext as B, Fragment as I } from "../../../external/preact/dist/preact.module.js";
-import c from "classnames";
+import { useResponsiveContainer as w, containerQueries as g } from "../../../hooks/useResponsiveContainer.js";
+import { getDeepActiveElement as N, withTabbableRoot as R } from "../../../primitives/dom/tabbableRoot/tabbable.js";
+import E from "../../../hooks/element/useFocusTrap.js";
+import M from "../../../core/Context/useCoreContext.js";
+import { useContext as k, useRef as u, useCallback as T, useEffect as A } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { createContext as B, Fragment as I } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import s from "classnames";
 /* empty css           */
-import A from "../Button/Button.js";
-import { Icon as F } from "../Icon/Icon.js";
-const p = B({ withinModal: !1 }), U = () => M(p);
-function W({
+import F from "../Button/Button.js";
+import { Icon as Q } from "../Icon/Icon.js";
+const p = B({ withinModal: !1 }), W = () => k(p);
+function X({
   title: l,
   children: f,
   classNameModifiers: h = [],
   isOpen: a,
-  onClose: s,
+  onClose: c,
   isDismissible: t = !0,
   headerWithBorder: y = !0,
-  size: r = "fluid",
+  size: o = "fluid",
   ...v
 }) {
-  const { i18n: x } = E(), _ = w(N.down.xs), n = u(null), i = u(null), d = k(() => {
-    a && t && (i.current?.focus(), s());
-  }, [a, t, s]), m = R(C(null, d), d);
-  return T(() => {
+  const { i18n: x } = M(), _ = w(g.down.xs), n = u(null), i = u(null), d = T(() => {
+    a && t && (i.current?.focus(), c());
+  }, [a, t, c]), m = E(C(null, d), d);
+  return A(() => {
     if (a && m.current) {
-      i.current = document.activeElement;
-      let o = g();
-      return n.current?.focus(), o.root = m.current, o.current = 1, n.current?.remove(), () => {
-        o.root = null, o = null;
+      i.current = N();
+      let r = R();
+      return n.current?.focus(), r.root = m.current, r.current = 1, n.current?.remove(), () => {
+        r.root = null, r = null;
       };
     }
   }, [a]), /* @__PURE__ */ e(I, { children: a && /* @__PURE__ */ e(
     "div",
     {
-      className: c(
+      className: s(
         "adyen-pe-modal-wrapper",
-        h.map((o) => `adyen-pe-modal-wrapper--${o}`),
+        h.map((r) => `adyen-pe-modal-wrapper--${r}`),
         { "adyen-pe-modal-wrapper--open": a, "adyen-pe-modal-wrapper--dismissible": t }
       ),
       role: "dialog",
@@ -49,12 +49,12 @@ function W({
       children: /* @__PURE__ */ e(p.Provider, { value: { withinModal: !0 }, children: /* @__PURE__ */ e(
         "div",
         {
-          className: c("adyen-pe-modal", {
-            "adyen-pe-modal--fluid": r === "fluid",
-            "adyen-pe-modal--small": r === "small",
-            "adyen-pe-modal--large": r === "large",
-            "adyen-pe-modal--extra-large": r === "extra-large",
-            "adyen-pe-modal--full-screen": r === "full-screen" || _
+          className: s("adyen-pe-modal", {
+            "adyen-pe-modal--fluid": o === "fluid",
+            "adyen-pe-modal--small": o === "small",
+            "adyen-pe-modal--large": o === "large",
+            "adyen-pe-modal--extra-large": o === "extra-large",
+            "adyen-pe-modal--full-screen": o === "full-screen" || _
           }),
           ref: m,
           children: [
@@ -62,14 +62,14 @@ function W({
             /* @__PURE__ */ e(
               "div",
               {
-                className: c("adyen-pe-modal__header", {
+                className: s("adyen-pe-modal__header", {
                   "adyen-pe-modal__header--with-title": l,
                   "adyen-pe-modal__header--with-border-bottom": y
                 }),
                 children: [
                   l && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header-title", children: l }),
                   t && /* @__PURE__ */ e(
-                    A,
+                    F,
                     {
                       onClick: d,
                       variant: b.TERTIARY,
@@ -77,7 +77,7 @@ function W({
                       classNameModifiers: ["circle"],
                       className: "adyen-pe-modal__dismiss-button",
                       "aria-label": x.get("common.modal.controls.dismiss.label"),
-                      children: /* @__PURE__ */ e(F, { name: "cross" })
+                      children: /* @__PURE__ */ e(Q, { name: "cross" })
                     }
                   )
                 ]
@@ -91,6 +91,6 @@ function W({
   ) });
 }
 export {
-  W as default,
-  U as useModalContext
+  X as default,
+  W as useModalContext
 };

package/dist/es/components/internal/Modal/ModalContent/ModalContent.js

@@ -1,5 +1,5 @@
-import { jsx as i } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as i } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as a } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import m from "../../DataOverviewDetails/DataOverviewDetails.js";
 function c({ type: o, data: r, dataCustomization: s, ...t }) {
   const e = a(() => {

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

@@ -1,6 +1,6 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import S from "../../../core/Context/useCoreContext.js";
-import { useMemo as T, useCallback as C } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as T, useCallback as C } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { ButtonVariant as m } from "../Button/types.js";
 /* empty css                */
 import { Translation as N } from "../Translation/Translation.js";

package/dist/es/components/internal/Pagination/hooks/useCursorPagination.js

@@ -1,4 +1,4 @@
-import { useMemo as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as a } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import d from "./usePagination.js";
 import { isString as i, isUndefined as f } from "../../../../utils/value/is.js";
 const C = (n) => i(n.next), h = (n) => i(n.prev), S = (n, u) => {

package/dist/es/components/internal/Pagination/hooks/useOffsetPagination.js

@@ -1,4 +1,4 @@
-import { useMemo as r } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import i from "./usePagination.js";
 const u = (e) => e.next, C = (e, s) => {
   const g = r(() => {

package/dist/es/components/internal/Pagination/hooks/usePageLimit.js

@@ -1,4 +1,4 @@
-import { useRef as f, useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as f, useMemo as m } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { DEFAULT_PAGE_LIMIT as l } from "../constants.js";
 import { getClampedPageLimit as a } from "../utils.js";
 import { mid as d } from "../../../../utils/value/number.js";

package/dist/es/components/internal/Pagination/hooks/usePaginatedRecords.js

@@ -1,4 +1,4 @@
-import { useState as l, useRef as F, useMemo as R, useCallback as y, useEffect as L } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as l, useRef as F, useMemo as R, useCallback as y, useEffect as L } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import H from "./usePageLimit.js";
 import K from "./useCursorPagination.js";
 import Q from "./useOffsetPagination.js";

package/dist/es/components/internal/Pagination/hooks/usePagination.js

@@ -1,4 +1,4 @@
-import { useRef as p, useCallback as P, useState as G, useMemo as a, useEffect as T } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as p, useCallback as P, useState as G, useMemo as a, useEffect as T } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import j from "../../../../hooks/useBooleanState.js";
 import F from "../../../../hooks/useMounted.js";
 import { getClampedPageLimit as H } from "../utils.js";