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

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

@@ -1,11 +1,11 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import I from "classnames";
-import { ButtonVariant as p } from "../Button/types.js";
+import { ButtonVariant as c } from "../Button/types.js";
 import N from "../../../core/Context/useCoreContext.js";
-import { TypographyVariant as l, TypographyElement as s } from "../Typography/types.js";
-import c from "../Typography/Typography.js";
+import { TypographyVariant as t, TypographyElement as d } from "../Typography/types.js";
+import p from "../Typography/Typography.js";
 import { AlertIcon as A } from "./AlertIcon.js";
-import { AlertVariantOption as t } from "./types.js";
+import { AlertVariantOption as a } from "./types.js";
 /* empty css           */
 import y from "../Button/Button.js";
 import { Icon as g } from "../Icon/Icon.js";
@@ -14,38 +14,38 @@ const Y = ({
   description: n,
   closeButton: h,
   title: o,
-  type: i,
+  type: l,
   children: u,
-  onClose: m,
-  actions: r,
-  variant: a = t.DEFAULT
+  onClose: i,
+  actions: m,
+  variant: r = a.DEFAULT
 }) => {
   const { i18n: T } = N();
-  return /* @__PURE__ */ e("div", { className: I("adyen-pe-alert", `adyen-pe-alert--${i}`, `adyen-pe-alert--${a}`, _), role: "alert", children: [
-    /* @__PURE__ */ e(A, { type: i, className: "adyen-pe-alert__icon" }),
+  return /* @__PURE__ */ e("div", { className: I("adyen-pe-alert", `adyen-pe-alert--${l}`, `adyen-pe-alert--${r}`, _), role: "alert", children: [
+    /* @__PURE__ */ e(A, { type: l, className: "adyen-pe-alert__icon" }),
     /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content-container", children: [
       /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content", children: [
-        o && a !== t.TIP && /* @__PURE__ */ e(c, { className: "adyen-pe-alert__title", el: s.DIV, variant: l.BODY, wide: !0, strongest: !0, children: o }),
+        o && r !== a.TIP && /* @__PURE__ */ e(p, { className: "adyen-pe-alert__title", el: d.DIV, variant: t.BODY, wide: !0, strongest: !0, children: o }),
         n && /* @__PURE__ */ e(
-          c,
+          p,
           {
             className: "adyen-pe-alert__description",
-            el: s.DIV,
-            variant: a === t.TIP ? l.CAPTION : l.BODY,
+            el: d.DIV,
+            variant: r === a.TIP ? t.CAPTION : t.BODY,
             wide: !0,
             children: n
           }
         ),
         u
       ] }),
-      (r == null ? void 0 : r.length) && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__actions", children: r == null ? void 0 : r.map((d, f) => /* @__PURE__ */ e(y, { onClick: d.onClick, variant: p.TERTIARY, children: d.label }, f)) })
+      !!m?.length && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__actions", children: m?.map((s, f) => /* @__PURE__ */ e(y, { onClick: s.onClick, variant: c.TERTIARY, children: s.label }, f)) })
     ] }),
-    m && (a !== t.TIP || h) && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(
+    i && (r !== a.TIP || h) && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(
       y,
       {
         iconButton: !0,
-        variant: p.TERTIARY,
-        onClick: m,
+        variant: c.TERTIARY,
+        onClick: i,
         "aria-label": T.get("common.actions.dismiss.labels.dismiss"),
         children: /* @__PURE__ */ e(g, { name: "cross" })
       }

package/dist/es/components/internal/Button/DownloadButton/DownloadButton.js

@@ -1,70 +1,70 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import h from "classnames";
-import { useState as N, useEffect as l, useMemo as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import S from "../../../../core/Context/useCoreContext.js";
-import { useResponsiveContainer as F, containerQueries as Y } from "../../../../hooks/useResponsiveContainer.js";
-import y from "../Button.js";
-import { ButtonVariant as c } from "../types.js";
-import k from "./useDownload.js";
+import b from "classnames";
+import { useState as D, useEffect as m, useMemo as h } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import I from "../../../../core/Context/useCoreContext.js";
+import { useResponsiveContainer as N, containerQueries as S } from "../../../../hooks/useResponsiveContainer.js";
+import _ from "../Button.js";
+import { ButtonVariant as l } from "../types.js";
+import F from "./useDownload.js";
 /* empty css                    */
-import A from "../../Spinner/Spinner.js";
-import { Icon as E } from "../../Icon/Icon.js";
-import { Fragment as L } from "../../../../external/preact/dist/preact.module.js";
-import { downloadBlob as R } from "../../../../utils/file/download.js";
-function P({
-  className: C,
-  disabled: g,
-  endpointName: v,
-  requestParams: x,
-  setError: r,
-  errorDisplay: f,
-  onDownloadRequested: i,
+import Y from "../../Spinner/Spinner.js";
+import { Icon as k } from "../../Icon/Icon.js";
+import { Fragment as A } from "../../../../external/preact/dist/preact.module.js";
+import { downloadBlob as E } from "../../../../utils/file/download.js";
+function M({
+  className: y,
+  disabled: C,
+  endpointName: R,
+  requestParams: g,
+  setError: d,
+  errorDisplay: c,
+  onDownloadRequested: v,
   iconButton: n = !1,
-  errorMessage: p,
-  ...u
+  errorMessage: f,
+  ...p
 }) {
-  const { i18n: m } = S(), [s, b] = N(!1), T = F(Y.down.xs), { data: d, error: t, isFetching: a } = k(v, x, s);
-  l(() => {
-    s && b(!1);
-  }, [s]), l(() => {
-    d && R(d);
-  }, [d]), l(() => {
-    r && t && r(t);
-  }, [t, r]);
+  const { i18n: r } = I(), [i, u] = D(!1), x = N(S.down.xs), { data: s, error: e, isFetching: t } = F(R, g, i);
+  m(() => {
+    i && u(!1);
+  }, [i]), m(() => {
+    s && E(s);
+  }, [s]), m(() => {
+    d && e && d(e);
+  }, [e, d]);
   const w = () => {
-    b(!0), i == null || i();
-  }, e = _(() => a ? /* @__PURE__ */ o(A, { size: "small" }) : /* @__PURE__ */ o(E, { name: "download" }), [a]), I = _(() => n ? e : a ? `${m.get("common.actions.download.labels.inProgress")}..` : m.get("common.actions.download.labels.default"), [e, m, a, n]);
-  return /* @__PURE__ */ o(L, { children: [
+    u(!0), v?.();
+  }, a = h(() => t ? /* @__PURE__ */ o(Y, { size: "small" }) : /* @__PURE__ */ o(k, { name: "download" }), [t]), T = h(() => n ? a : t ? `${r.get("common.actions.download.labels.inProgress")}..` : r.get("common.actions.download.labels.default"), [a, r, t, n]);
+  return /* @__PURE__ */ o(A, { children: [
     /* @__PURE__ */ o(
       "div",
       {
-        className: h("adyen-pe-download", {
+        className: b("adyen-pe-download", {
           "adyen-pe-download-icon-button-container": n
         }),
         children: [
-          T ? /* @__PURE__ */ o(y, { iconButton: !0, variant: c.TERTIARY, onClick: w, ...u, children: e }) : /* @__PURE__ */ o(
-            y,
+          x ? /* @__PURE__ */ o(_, { iconButton: !0, variant: l.TERTIARY, onClick: w, ...p, children: a }) : /* @__PURE__ */ o(
+            _,
             {
-              className: h(
+              className: b(
                 "adyen-pe-download__button",
-                { "adyen-pe-download__button--loading": a, "adyen-pe-download__button--icon": n },
-                C
+                { "adyen-pe-download__button--loading": t, "adyen-pe-download__button--icon": n },
+                y
               ),
-              disabled: g || a,
-              variant: n ? c.TERTIARY : c.SECONDARY,
+              disabled: C || t,
+              variant: n ? l.TERTIARY : l.SECONDARY,
               onClick: w,
-              ...!n && { iconLeft: e },
-              ...u,
-              children: I
+              ...!n && { iconLeft: a },
+              ...p,
+              children: T
             }
           ),
-          t && f && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: f })
+          e && c && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: c })
         ]
       }
     ),
-    t && p && p(t)
+    e && f && f(e)
   ] });
 }
 export {
-  P as default
+  M as default
 };

package/dist/es/components/internal/Button/hooks/useButton.js

@@ -1,54 +1,54 @@
-import { jsx as t } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as C, useMemo as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as p, useMemo as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import O from "classnames";
 import { BUTTON_LOADING_CLASSNAME as g, BUTTON_FULL_WIDTH_CLASSNAME as h, BUTTON_CONDENSED_CLASSNAME as u, ICON_BUTTON_CLASSNAME as M, ICON_BUTTON_CONTENT_CLASSNAME as U, BUTTON_ICON_LEFT_CLASSNAME as d, BUTTON_LABEL_CLASSNAME as D, BUTTON_LABEL_CENTERED_CLASSNAME as I, BUTTON_ICON_RIGHT_CLASSNAME as y } from "../constants.js";
 import x from "../../Typography/Typography.js";
 import { TypographyVariant as v, TypographyElement as F } from "../../Typography/types.js";
 import { getModifierClasses as R } from "../../../../utils/preact/className.js";
-import G from "../../Spinner/Spinner.js";
-import { Fragment as H } from "../../../../external/preact/dist/preact.module.js";
-const w = (A, l, T, o, r, S, N) => {
-  const { children: e, iconLeft: i, iconRight: s, iconButton: n = !1, fullWidth: E, condensed: c, state: a = "default" } = r, f = C(
+import k from "../../Spinner/Spinner.js";
+import { Fragment as G } from "../../../../external/preact/dist/preact.module.js";
+const b = (m, _, i, r, t, c, A) => {
+  const { children: N, iconLeft: T, iconRight: e, iconButton: a = !1, fullWidth: S, condensed: E, state: n = "default" } = t, C = p(
     (L) => {
-      S !== "submit" && L.preventDefault(), o || N == null || N(L);
+      c !== "submit" && L.preventDefault(), r || A?.(L);
     },
-    [o, N, S]
-  ), m = _(
-    () => R(T, l, [T, A]),
-    [T, l, A]
-  ), B = _(
+    [r, A, c]
+  ), l = s(
+    () => R(i, _, [i, m]),
+    [i, _, m]
+  ), f = s(
     () => ({
-      ...r,
-      className: O(m, {
-        [M]: n,
-        [u]: c,
-        [h]: E,
-        [g]: a === "loading"
+      ...t,
+      className: O(l, {
+        [M]: a,
+        [u]: E,
+        [h]: S,
+        [g]: n === "loading"
       }),
-      disabled: o || a === "loading"
+      disabled: r || n === "loading"
     }),
-    [m, c, o, E, n, r, a]
-  ), p = _(
-    () => n ? /* @__PURE__ */ t("div", { className: `${U}`, children: e }) : /* @__PURE__ */ t(H, { children: [
-      a === "loading" && /* @__PURE__ */ t(G, { size: "x-small" }),
-      i && /* @__PURE__ */ t("span", { className: d, children: i }),
-      /* @__PURE__ */ t(
+    [l, E, r, S, a, t, n]
+  ), B = s(
+    () => a ? /* @__PURE__ */ o("div", { className: `${U}`, children: N }) : /* @__PURE__ */ o(G, { children: [
+      n === "loading" && /* @__PURE__ */ o(k, { size: "x-small" }),
+      T && /* @__PURE__ */ o("span", { className: d, children: T }),
+      /* @__PURE__ */ o(
         x,
         {
           className: O(D, {
-            [I]: r.align === "center"
+            [I]: t.align === "center"
           }),
           el: F.SPAN,
           variant: v.BODY,
-          children: e
+          children: N
         }
       ),
-      s && /* @__PURE__ */ t("span", { className: y, children: s })
+      e && /* @__PURE__ */ o("span", { className: y, children: e })
     ] }),
-    [e, n, i, s, r.align, a]
+    [N, a, T, e, t.align, n]
   );
-  return { classes: m, click: f, allChildren: p, allProps: B };
+  return { classes: l, click: C, allChildren: B, allProps: f };
 };
 export {
-  w as default
+  b as default
 };