@adyen/adyen-platform-experience-web 1.2.0 → 1.3.0

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { AlertTypeOption as n } from "./types.js";
-import t from "../Icon/Icon.js";
+import { Icon as t } from "../Icon/Icon.js";
 const f = ({ className: r, type: i }) => {
   switch (i) {
     case n.WARNING:

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

@@ -0,0 +1,22 @@
+import { jsx as C } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import h from "../Button/hooks/useButton.js";
+import { DEFAULT_BUTTON_CLASSNAME as p } from "../Button/constants.js";
+import { ButtonVariant as A } from "../Button/types.js";
+import { useMemo as t } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { fixedForwardRef as B } from "../../../utils/preact/fixedForwardRef.js";
+import { parseClassName as N } from "../../../utils/preact/className.js";
+import { parseBooleanProp as k } from "../../../utils/preact/props.js";
+const M = (o, n) => {
+  const { variant: i = A.PRIMARY, disabled: a = !1, onClick: l, classNameModifiers: m = [], className: e } = o, c = t(() => N("", e) || "", [e]), f = t(() => k(a), [a]), { click: r, allChildren: u, allProps: s } = h(
+    c,
+    [...m, i],
+    p,
+    f,
+    o,
+    l
+  ), d = t(() => ({ ...s, ...o.onClick && r ? { onClick: r } : {} }), [r, s, o.onClick]);
+  return /* @__PURE__ */ C("a", { ...d, href: o.href, ref: n, children: u });
+}, L = B(M);
+export {
+  L as default
+};

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

@@ -1,22 +1,23 @@
-import { jsx as B } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import A from "../Button/hooks/useButton.js";
-import { DEFAULT_BASE_BUTTON_CLASSNAME as N } from "./constants.js";
-import { useMemo as r } from "../../../external/preact/hooks/dist/hooks.module.js";
-import "./BaseButton.scss.js";
-import { fixedForwardRef as T } from "../../../utils/preact/fixedForwardRef.js";
-import { parseClassName as x } from "../../../utils/preact/className.js";
-import { parseBooleanProp as C } from "../../../utils/preact/props.js";
-function E({ disabled: o = !1, onClick: s, classNameModifiers: e = [], type: m = "button", children: a, className: t, fullWidth: n, ...u }, f) {
-  const i = r(() => x("", t) || "", [t]), p = r(() => C(o), [o]), { classes: l, click: c } = A(
-    i,
-    [...e, ...n ? ["full-width"] : []],
-    N,
-    p,
-    s
+import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import r from "../Button/hooks/useButton.js";
+import { DEFAULT_BASE_BUTTON_CLASSNAME as n } from "./constants.js";
+import { useMemo as e } from "../../../external/preact/hooks/dist/hooks.module.js";
+/* empty css                */
+import { fixedForwardRef as c } from "../../../utils/preact/fixedForwardRef.js";
+import { parseClassName as f } from "../../../utils/preact/className.js";
+import { parseBooleanProp as u } from "../../../utils/preact/props.js";
+function d(t, a) {
+  const o = e(() => f("", t.className) || "", [t.className]), l = e(() => u(t.disabled || !1), [t.disabled]), { click: i, allProps: m } = r(
+    o,
+    [...t.classNameModifiers || [], ...t.fullWidth ? ["full-width"] : []],
+    n,
+    l,
+    t,
+    t.onClick
   );
-  return /* @__PURE__ */ B("button", { className: l, type: m, disabled: o, onClick: c, ref: f, ...u, children: a });
+  return /* @__PURE__ */ s("button", { type: t.type || "button", onClick: i, ref: a, ...m, children: t.children });
 }
-const U = T(E);
+const x = c(d);
 export {
-  U as default
+  x as default
 };

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

@@ -1,5 +1,5 @@
 import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "./BaseList.scss.js";
+/* empty css              */
 import { BASE_CLASS as t } from "./constants.js";
 import s from "classnames";
 const c = ({ children: r, classNames: o }) => /* @__PURE__ */ m("ul", { className: s(t, [o]), children: r });

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

@@ -1,59 +1,24 @@
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import U from "./hooks/useButton.js";
-import { ICON_BUTTON_CLASSNAME as S, BUTTON_CONDENSED_CLASSNAME as d, BUTTON_FULL_WIDTH_CLASSNAME as h, BUTTON_LOADING_CLASSNAME as y, ICON_BUTTON_CONTENT_CLASSNAME as H, BUTTON_ICON_LEFT_CLASSNAME as I, BUTTON_LABEL_CLASSNAME as D, BUTTON_ICON_RIGHT_CLASSNAME as g, DEFAULT_BUTTON_CLASSNAME as x } from "./constants.js";
-import { TypographyElement as F, TypographyVariant as P } from "../Typography/types.js";
-import R from "../Typography/Typography.js";
-import { useMemo as m } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as V } from "./types.js";
-import "./Button.scss.js";
-import $ from "classnames";
-import { fixedForwardRef as b } from "../../../utils/preact/fixedForwardRef.js";
-import { parseClassName as w } from "../../../utils/preact/className.js";
-import { parseBooleanProp as k } from "../../../utils/preact/props.js";
-import v from "../Spinner/Spinner.js";
-import { Fragment as G } from "../../../external/preact/dist/preact.module.js";
-const Y = (r) => r && r.current instanceof HTMLAnchorElement, j = (r) => r && r.current instanceof HTMLButtonElement;
-function z({
-  variant: r = V.PRIMARY,
-  disabled: t = !1,
-  onClick: f,
-  classNameModifiers: L = [],
-  iconLeft: s,
-  iconRight: l,
-  type: C = "button",
-  children: N,
-  className: p,
-  iconButton: a = !1,
-  fullWidth: i,
-  condensed: A,
-  href: c,
-  state: e = "default",
-  ...E
-}, n) {
-  const B = m(() => w("", p) || "", [p]), M = m(() => k(t), [t]), { classes: T, click: O } = U(B, [...L, r], x, M, f), _ = m(
-    () => ({
-      className: $(a ? `${S} ${T}` : T, {
-        [S]: a,
-        [d]: A,
-        [h]: i,
-        [y]: e === "loading"
-      }),
-      disabled: t || e === "loading",
-      ...E
-    }),
-    [T, A, t, i, a, E, e]
-  ), u = m(
-    () => a ? /* @__PURE__ */ o("div", { className: `${H}`, children: N }) : /* @__PURE__ */ o(G, { children: [
-      e === "loading" && /* @__PURE__ */ o(v, { size: "x-small" }),
-      s && /* @__PURE__ */ o("span", { className: I, children: s }),
-      /* @__PURE__ */ o(R, { className: D, el: F.SPAN, variant: P.BODY, children: N }),
-      l && /* @__PURE__ */ o("span", { className: g, children: l })
-    ] }),
-    [N, a, s, l, e]
+import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import s from "./hooks/useButton.js";
+import { DEFAULT_BUTTON_CLASSNAME as c } from "./constants.js";
+import { useMemo as a } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { ButtonVariant as f } from "./types.js";
+/* empty css            */
+import { fixedForwardRef as u } from "../../../utils/preact/fixedForwardRef.js";
+import { parseClassName as d } from "../../../utils/preact/className.js";
+import { parseBooleanProp as N } from "../../../utils/preact/props.js";
+function B(t, o) {
+  const e = a(() => d("", t.className) || "", [t.className]), i = a(() => N(t.disabled || !1), [t.disabled]), { click: m, allChildren: r, allProps: l } = s(
+    e,
+    [...t.classNameModifiers || [], t.variant || f.PRIMARY],
+    c,
+    i,
+    t,
+    t.onClick
   );
-  return c ? (n && j(n) && console.warn("Button ref should be of type HTMLAnchorElement"), /* @__PURE__ */ o("a", { ..._, href: c, ref: n, children: u })) : (n && Y(n) && console.warn("Button ref should be of type HTMLButtonElement"), /* @__PURE__ */ o("button", { ..._, ref: n, type: C, onClick: O, children: u }));
+  return /* @__PURE__ */ n("button", { ...l, ref: o, type: t.type || "button", onClick: m, children: r });
 }
-const so = b(z);
+const V = u(B);
 export {
-  so as default
+  V as default
 };

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

@@ -2,7 +2,7 @@ import { jsx as i } from "../../../../external/preact/jsx-runtime/dist/jsxRuntim
 import { ButtonActionsLayout as c } from "./types.js";
 import { BUTTON_ACTION_CLASSNAME as o, BUTTON_ACTION_CONTAINER_CLASSNAME as d } from "../constants.js";
 import { ButtonVariant as a } from "../types.js";
-import "./ButtonActions.scss.js";
+/* empty css                   */
 import { memo as A } from "../../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import T from "../Button.js";

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

@@ -7,7 +7,7 @@ import h from "../../SVGIcons/Download.js";
 import v from "../Button.js";
 import { ButtonVariant as b } from "../types.js";
 import C from "./useDownload.js";
-import "./DownloadButton.scss.js";
+/* empty css                    */
 import L from "../../Spinner/Spinner.js";
 function E({ blob: r, filename: c }) {
   const t = document.createElement("a"), n = URL.createObjectURL(r);

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

@@ -1,13 +1,13 @@
 import { useFetch as r } from "../../../../hooks/useFetch.js";
-import { useAuthContext as s } from "../../../../core/Auth/context.js";
-import { EMPTY_OBJECT as u } from "../../../../utils/value/constants.js";
-const a = (t, e, n) => {
-  const o = s().endpoints[t];
+import { useConfigContext as s } from "../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as a } from "../../../../utils/value/constants.js";
+const i = (o, t, n) => {
+  const e = s().endpoints[o];
   return r({
-    fetchOptions: { enabled: !!o && n, keepPrevData: !0 },
-    queryFn: async () => o(u, { ...e })
+    fetchOptions: { enabled: !!e && n, keepPrevData: !0 },
+    queryFn: async () => e(a, { ...t })
   });
-}, i = a;
+};
 export {
   i as default
 };

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as i, forwardRef as t } from "../../../external/preact/compat/dist/compat.module.js";
 import d from "./hooks/useCalendar.js";
-import "./Calendar.scss.js";
+/* empty css              */
 import l from "./components/CalendarControls/CalendarControls.js";
 import s from "./components/CalendarGrid/CalendarGrid.js";
 const m = t((o, a) => {