@adyen/adyen-platform-experience-web 0.1.1 → 1.0.0-beta

package/dist/es/components/external/TransactionsOverview/hooks/useDefaultTransactionsOverviewFilterParams.js

@@ -0,0 +1,41 @@
+import '../../../../../Select.css';
+import { h, _, T, p } from "../../../../../hooks.module-8565d716.mjs";
+import "../../../../../preact.module-38e5a571.mjs";
+import "classnames";
+import "../../../../utils/common/index.js";
+import "../../../../core/Context/CoreContext.js";
+import "../../../internal/Img/Img.js";
+import "../../../internal/Button/Button.js";
+import "../../../../../Typography-11b95870.mjs";
+import "../../../internal/SVGIcons/ChevronDown.js";
+import "../../../internal/FormFields/Select/constants.js";
+import "../../../internal/FormFields/Select/components/SelectList.js";
+/* empty css                               */import { getTimeRangeSelectionDefaultPresetOptions } from "../../../internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
+import "../components/MultiSelectionFilter/MultiSelectionFilter.js";
+import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+import { T as TransactionFilterParam } from "../../../../../types-e4bbd37f.mjs";
+const getDefaultTransactionsFilterParams = () => {
+  const timeRangeOptions = getTimeRangeSelectionDefaultPresetOptions();
+  const defaultTimeRange = "rangePreset.last7Days";
+  const { from, to } = timeRangeOptions[defaultTimeRange];
+  const defaultFilterParams = {
+    ...DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
+    [TransactionFilterParam.CREATED_SINCE]: new Date(from).toISOString(),
+    [TransactionFilterParam.CREATED_UNTIL]: new Date(to).toISOString(),
+    [TransactionFilterParam.MIN_AMOUNT]: void 0,
+    [TransactionFilterParam.MAX_AMOUNT]: void 0
+  };
+  return { defaultFilterParams, defaultTimeRange, timeRangeOptions };
+};
+const useDefaultTransactionsOverviewFilterParams = (balanceAccount) => {
+  const [nowTimestamp, setNowTimestamp] = h(Date.now());
+  const defaultParams = _(getDefaultTransactionsFilterParams());
+  const refreshNowTimestamp = T(() => setNowTimestamp(Date.now()), [setNowTimestamp]);
+  p(() => {
+    refreshNowTimestamp();
+  }, [balanceAccount, refreshNowTimestamp]);
+  return { defaultParams, nowTimestamp, refreshNowTimestamp };
+};
+export {
+  useDefaultTransactionsOverviewFilterParams as default
+};

package/dist/es/components/external/TransactionsOverview/hooks/useMaxWidths.js

@@ -0,0 +1,16 @@
+import { h, T } from "../../../../../hooks.module-8565d716.mjs";
+const useMaxWidthsState = () => {
+  const [maxWidths, setMaxWidths] = h([]);
+  const setMaxWidthsConditionally = T((widths) => {
+    setMaxWidths(
+      (currentMaxWidths) => widths.every((width) => !width) ? widths : widths.map((width, index) => {
+        const currentMaxWidth = currentMaxWidths[index];
+        return !currentMaxWidth || width > currentMaxWidth ? width : currentMaxWidth;
+      })
+    );
+  }, []);
+  return [maxWidths, setMaxWidthsConditionally];
+};
+export {
+  useMaxWidthsState
+};

package/dist/es/components/external/TransactionsOverview/hooks/useMediaQuery.js

@@ -0,0 +1,37 @@
+import { F, h, p } from "../../../../../hooks.module-8565d716.mjs";
+import { BREAKPOINTS } from "../../../../constants.js";
+const mediaQueries = {
+  up: {
+    sm: `(min-width: ${BREAKPOINTS.sm}px)`,
+    md: `(min-width: ${BREAKPOINTS.md}px)`,
+    lg: `(min-width: ${BREAKPOINTS.lg}px)`
+  },
+  down: {
+    xs: `(max-width: ${BREAKPOINTS.sm - 1}px)`,
+    sm: `(max-width: ${BREAKPOINTS.md - 1}px)`,
+    md: `(max-width: ${BREAKPOINTS.lg - 1}px)`
+  },
+  only: {
+    xs: `(max-width: ${BREAKPOINTS.sm - 1}px)`,
+    sm: `(min-width: ${BREAKPOINTS.sm}px) and (max-width: ${BREAKPOINTS.md - 1}px)`,
+    md: `(min-width: ${BREAKPOINTS.md}px) and (max-width: ${BREAKPOINTS.lg - 1}px)`,
+    lg: `(min-width: ${BREAKPOINTS.lg}px)`
+  }
+};
+const useMediaQuery = (query) => {
+  const list = F(() => window.matchMedia(query), [query]);
+  const [matches, setMatches] = h(list.matches);
+  p(() => {
+    const handleChange = (event) => setMatches(event.matches);
+    list.addEventListener("change", handleChange);
+    return () => list.removeEventListener("change", handleChange);
+  }, [list]);
+  p(() => {
+    setMatches(list.matches);
+  }, [list]);
+  return matches;
+};
+export {
+  mediaQueries,
+  useMediaQuery
+};

package/dist/es/components/external/TransactionsOverview/hooks/useTransactionsOverviewMultiSelectionFilters.js

@@ -0,0 +1,33 @@
+import { T as TransactionFilterParam } from "../../../../../types-e4bbd37f.mjs";
+import "../components/MultiSelectionFilter/MultiSelectionFilter.js";
+import { useMultiSelectionFilter } from "../components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
+import { TRANSACTION_CATEGORIES, DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS, TRANSACTION_STATUSES } from "../components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+import "../../../../utils/common/index.js";
+const useTransactionsOverviewMultiSelectionFilters = (filtersConfig, currencies) => {
+  const categoriesFilter = useMultiSelectionFilter({
+    filterParam: TransactionFilterParam.CATEGORIES,
+    filterValues: TRANSACTION_CATEGORIES,
+    defaultFilters: DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
+    ...filtersConfig
+  });
+  const statusesFilter = useMultiSelectionFilter({
+    filterParam: TransactionFilterParam.STATUSES,
+    filterValues: TRANSACTION_STATUSES,
+    defaultFilters: DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
+    ...filtersConfig
+  });
+  const currenciesFilter = useMultiSelectionFilter({
+    filterParam: TransactionFilterParam.CURRENCIES,
+    filterValues: currencies,
+    defaultFilters: DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS,
+    ...filtersConfig
+  });
+  return {
+    categoriesFilter,
+    currenciesFilter,
+    statusesFilter
+  };
+};
+export {
+  useTransactionsOverviewMultiSelectionFilters as default
+};

package/dist/es/components/external/TransactionsOverview/index.js

@@ -0,0 +1,6 @@
+import { TransactionsElement } from "./TransactionsOverviewElement.js";
+import { T } from "../../../../types-e4bbd37f.mjs";
+export {
+  T as TransactionFilterParam,
+  TransactionsElement as TransactionsOverview
+};

package/dist/es/components/external/UIElement.js

@@ -1,22 +1,30 @@
-var a = Object.defineProperty;
-var h = (s, e, t) => e in s ? a(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => (h(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { jsx as i } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import m from "../../core/Auth/AuthProvider.js";
-import u from "../../core/Context/CoreProvider.js";
-import c from "./BaseElement.js";
-import l from "../../utils/get-image.js";
-import { EMPTY_OBJECT as d } from "../../utils/common/constants.js";
-import { Fragment as f } from "preact";
-class S extends c {
-  constructor(t) {
-    super(t);
-    o(this, "componentRef");
-    o(this, "elementRef");
-    o(this, "onContactSupport");
-    o(this, "componentToRender");
-    o(this, "setUIElementStatus");
-    this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.componentRef = null, this.elementRef = this.props && this.props.elementRef || this, this.componentToRender = null, this.sessionSetupError = this.props.core.sessionSetupError;
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { o } from "../../../jsxRuntime.module-69493d81.mjs";
+import AuthProvider from "../../core/Auth/AuthProvider.js";
+import CoreProvider from "../../core/Context/CoreProvider.js";
+import BaseElement from "./BaseElement.js";
+import { getImageUrl } from "../../utils/get-image.js";
+import "../../utils/common/index.js";
+import { EMPTY_OBJECT } from "../../utils/common/constants.js";
+class UIElement extends BaseElement {
+  constructor(props) {
+    super(props);
+    __publicField(this, "componentRef");
+    __publicField(this, "elementRef");
+    __publicField(this, "onContactSupport");
+    __publicField(this, "componentToRender");
+    __publicField(this, "setUIElementStatus");
+    this.setState = this.setState.bind(this);
+    this.onContactSupport = props.onContactSupport;
+    this.componentRef = null;
+    this.elementRef = this.props && this.props.elementRef || this;
+    this.componentToRender = null;
+    this.sessionSetupError = this.props.core.sessionSetupError;
   }
   get isValid() {
     return !!this.state.isValid;
@@ -25,15 +33,15 @@ class S extends c {
    * Get the element icon URL for the current environment
    */
   get icon() {
-    var t;
-    return l({ loadingContext: this.loadingContext })((t = this.constructor) == null ? void 0 : t.type);
+    var _a;
+    return getImageUrl({ loadingContext: this.loadingContext })((_a = this.constructor) == null ? void 0 : _a.type);
   }
   /**
    * Get the element's displayable name
    */
   get displayName() {
-    var t;
-    return this.props.name || ((t = this.constructor) == null ? void 0 : t.type);
+    var _a;
+    return this.props.name || ((_a = this.constructor) == null ? void 0 : _a.type);
   }
   /**
    * Get the element accessible name, used in the aria-label of the button that controls selected component
@@ -47,8 +55,8 @@ class S extends c {
   get type() {
     return this.type;
   }
-  formatProps(t) {
-    return t;
+  formatProps(props) {
+    return props;
   }
   /**
    * Formats the component data output
@@ -58,29 +66,33 @@ class S extends c {
       ...this.state
     };
   }
-  setState(t) {
-    this.state = { ...this.state, ...t };
+  setState(newState) {
+    this.state = { ...this.state, ...newState };
   }
-  setStatus(t, r) {
-    var n, p;
-    return (n = this.componentRef) != null && n.setStatus ? this.componentRef.setStatus(t, r) : (p = this.setUIElementStatus) == null || p.call(this, t), this;
+  setStatus(status, props) {
+    var _a, _b;
+    if ((_a = this.componentRef) == null ? void 0 : _a.setStatus) {
+      this.componentRef.setStatus(status, props);
+    } else {
+      (_b = this.setUIElementStatus) == null ? void 0 : _b.call(this, status);
+    }
+    return this;
   }
   render() {
-    var t, r, n;
-    return /* @__PURE__ */ i(
-      m,
+    var _a, _b, _c;
+    return /* @__PURE__ */ o(
+      AuthProvider,
       {
-        endpoints: ((r = (t = this.session) == null ? void 0 : t.configuration) == null ? void 0 : r.endpoints) || d,
-        token: ((n = this.session) == null ? void 0 : n.token) ?? "",
+        endpoints: ((_b = (_a = this.session) == null ? void 0 : _a.configuration) == null ? void 0 : _b.endpoints) || EMPTY_OBJECT,
+        token: ((_c = this.session) == null ? void 0 : _c.token) ?? "",
         updateCore: this.props.core.update.bind(this.props.core),
         sessionSetupError: this.sessionSetupError,
-        children: /* @__PURE__ */ i(u, { i18n: this.i18n, loadingContext: this.loadingContext, children: this.componentToRender && /* @__PURE__ */ i(f, { children: this.componentToRender() }) })
+        children: /* @__PURE__ */ o(CoreProvider, { i18n: this.i18n, loadingContext: this.loadingContext, children: this.componentToRender && /* @__PURE__ */ o("div", { className: "adyen-pe-component", children: this.componentToRender() }) })
       }
     );
   }
 }
-const P = S;
 export {
-  S as UIElement,
-  P as default
+  UIElement,
+  UIElement as default
 };

package/dist/es/components/external/index.js

@@ -0,0 +1,8 @@
+import { TransactionsElement } from "./TransactionsOverview/TransactionsOverviewElement.js";
+import { T } from "../../../types-e4bbd37f.mjs";
+import { TransactionsElement as TransactionsElement2 } from "./TransactionDetails/TransactionDetails.js";
+export {
+  T as TransactionFilterParam,
+  TransactionsElement2 as TransactionsDetails,
+  TransactionsElement as TransactionsOverview
+};

package/dist/es/components/index.js

@@ -0,0 +1,11 @@
+import '../../index.css';
+import { TransactionsElement } from "./external/TransactionsOverview/TransactionsOverviewElement.js";
+import { T } from "../../types-e4bbd37f.mjs";
+import { TransactionsElement as TransactionsElement2 } from "./external/TransactionDetails/TransactionDetails.js";
+const index = "";
+const shared = "";
+export {
+  T as TransactionFilterParam,
+  TransactionsElement2 as TransactionsDetails,
+  TransactionsElement as TransactionsOverview
+};

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

@@ -1,16 +1,25 @@
-import { jsx as l } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import B from "../Button/hooks/useButton.js";
-import { DEFAULT_BASE_BUTTON_CLASSNAME as A } from "./constants.js";
-import { parseClassName as N } from "../../../utils/class-name-utils.js";
-import { parseBoolean as k } from "../../../utils/common/index.js";
-import { forwardRef as C } from "../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as r } from "../../../external/preact/hooks/dist/hooks.module.js";
-import "./BaseButton.scss.js";
-function E({ disabled: o = !1, onClick: s, classNameModifiers: a = [], type: m = "button", children: e, className: t, ...n }, f) {
-  const u = r(() => N("", t) || "", [t]), p = r(() => k(o), [o]), { classes: c, click: i } = B(u, [...a], A, p, s);
-  return /* @__PURE__ */ l("button", { className: c, type: m, disabled: o, onClick: i, ref: f, ...n, children: e });
+import '../../../../BaseButton.css';
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import useButton from "../Button/hooks/useButton.js";
+import { DEFAULT_BASE_BUTTON_CLASSNAME } from "./constants.js";
+import { parseClassName } from "../../../utils/class-name-utils.js";
+import { parseBoolean } from "../../../utils/common/index.js";
+import { k } from "../../../../compat.module-a4d537ff.mjs";
+import { F } from "../../../../hooks.module-8565d716.mjs";
+const BaseButton$2 = "";
+function BaseButton({ disabled = false, onClick, classNameModifiers = [], type = "button", children, className, fullWidth, ...restAttributes }, ref) {
+  const classNameValue = F(() => parseClassName("", className) || "", [className]);
+  const disabledValue = F(() => parseBoolean(disabled), [disabled]);
+  const { classes, click } = useButton(
+    classNameValue,
+    [...classNameModifiers, ...fullWidth ? ["full-width"] : []],
+    DEFAULT_BASE_BUTTON_CLASSNAME,
+    disabledValue,
+    onClick
+  );
+  return /* @__PURE__ */ o("button", { className: classes, type, disabled, onClick: click, ref, ...restAttributes, children });
 }
-const V = C(E);
+const BaseButton$1 = k(BaseButton);
 export {
-  V as default
+  BaseButton$1 as default
 };

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

@@ -1,4 +1,4 @@
-const t = "adyen-fp-base-button";
+const DEFAULT_BASE_BUTTON_CLASSNAME = "adyen-pe-base-button";
 export {
-  t as DEFAULT_BASE_BUTTON_CLASSNAME
+  DEFAULT_BASE_BUTTON_CLASSNAME
 };

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

@@ -0,0 +1,4 @@
+import { default as default2 } from "./BaseButton.js";
+export {
+  default2 as default
+};

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

@@ -1,7 +1,10 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "./BaseList.scss.js";
-import { BASE_CLASS as s } from "./constants.js";
-const e = ({ children: o }) => /* @__PURE__ */ r("ul", { className: s, children: o });
+import '../../../../BaseList.css';
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import { BASE_CLASS } from "./constants.js";
+const BaseList$1 = "";
+const BaseList = ({ children }) => {
+  return /* @__PURE__ */ o("ul", { className: BASE_CLASS, children });
+};
 export {
-  e as BaseList
+  BaseList
 };

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

@@ -1,4 +1,4 @@
-const e = "adyen-fp-base-list";
+const BASE_CLASS = "adyen-pe-base-list";
 export {
-  e as BASE_CLASS
+  BASE_CLASS
 };

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

@@ -1,47 +1,49 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import C from "./hooks/useButton.js";
-import { ICON_BUTTON_CLASSNAME as S, ICON_BUTTON_CONTENT_CLASSNAME as B, BUTTON_ICON_LEFT_CLASSNAME as O, BUTTON_LABEL_CLASSNAME as E, BUTTON_ICON_RIGHT_CLASSNAME as L, DEFAULT_BUTTON_CLASSNAME as M } from "./constants.js";
-import { TypographyElement as U, TypographyVariant as y } from "../Typography/types.js";
-import I from "../Typography/Typography.js";
-import { parseClassName as h } from "../../../utils/class-name-utils.js";
-import { parseBoolean as d } from "../../../utils/common/index.js";
-import { forwardRef as g } from "../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as p } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as F } from "./types.js";
-import "./Button.scss.js";
-import { Fragment as V } from "preact";
-function $({
-  variant: n = F.PRIMARY,
-  disabled: o = !1,
-  onClick: T,
-  classNameModifiers: l = [],
-  iconLeft: a,
-  iconRight: t,
-  type: i = "button",
-  children: m,
-  className: s,
-  iconButton: e = !1,
-  ...f
-}, A) {
-  const _ = p(() => h("", s) || "", [s]), c = p(() => d(o), [o]), { classes: N, click: u } = C(_, [...l, n], M, c, T);
-  return /* @__PURE__ */ r(
+import '../../../../Button.css';
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import useButton from "./hooks/useButton.js";
+import { DEFAULT_BUTTON_CLASSNAME, ICON_BUTTON_CLASSNAME, ICON_BUTTON_CONTENT_CLASSNAME, BUTTON_ICON_LEFT_CLASSNAME, BUTTON_LABEL_CLASSNAME, BUTTON_ICON_RIGHT_CLASSNAME } from "./constants.js";
+import { T as Typography, a as TypographyElement, b as TypographyVariant } from "../../../../Typography-11b95870.mjs";
+import { parseClassName } from "../../../utils/class-name-utils.js";
+import { parseBoolean } from "../../../utils/common/index.js";
+import { k } from "../../../../compat.module-a4d537ff.mjs";
+import { F } from "../../../../hooks.module-8565d716.mjs";
+import { B as ButtonVariant } from "../../../../types-7ad6576a.mjs";
+import { k as k$1 } from "../../../../preact.module-38e5a571.mjs";
+const Button$2 = "";
+function Button({
+  variant = ButtonVariant.PRIMARY,
+  disabled = false,
+  onClick,
+  classNameModifiers = [],
+  iconLeft,
+  iconRight,
+  type = "button",
+  children,
+  className,
+  iconButton = false,
+  ...restAttributes
+}, ref) {
+  const classNameValue = F(() => parseClassName("", className) || "", [className]);
+  const disabledValue = F(() => parseBoolean(disabled), [disabled]);
+  const { classes, click } = useButton(classNameValue, [...classNameModifiers, variant], DEFAULT_BUTTON_CLASSNAME, disabledValue, onClick);
+  return /* @__PURE__ */ o(
     "button",
     {
-      className: e ? `${S} ${N}` : N,
-      type: i,
-      disabled: o,
-      onClick: u,
-      ref: A,
-      ...f,
-      children: e ? /* @__PURE__ */ r("div", { className: `${B}`, children: m }) : /* @__PURE__ */ r(V, { children: [
-        a && /* @__PURE__ */ r("span", { className: O, children: a }),
-        /* @__PURE__ */ r(I, { className: E, el: U.SPAN, variant: y.BODY, stronger: !0, children: m }),
-        t && /* @__PURE__ */ r("span", { className: L, children: t })
+      className: iconButton ? `${ICON_BUTTON_CLASSNAME} ${classes}` : classes,
+      type,
+      disabled,
+      onClick: click,
+      ref,
+      ...restAttributes,
+      children: iconButton ? /* @__PURE__ */ o("div", { className: `${ICON_BUTTON_CONTENT_CLASSNAME}`, children }) : /* @__PURE__ */ o(k$1, { children: [
+        iconLeft && /* @__PURE__ */ o("span", { className: BUTTON_ICON_LEFT_CLASSNAME, children: iconLeft }),
+        /* @__PURE__ */ o(Typography, { className: BUTTON_LABEL_CLASSNAME, el: TypographyElement.SPAN, variant: TypographyVariant.BODY, stronger: true, children }),
+        iconRight && /* @__PURE__ */ o("span", { className: BUTTON_ICON_RIGHT_CLASSNAME, children: iconRight })
       ] })
     }
   );
 }
-const q = g($);
+const Button$1 = k(Button);
 export {
-  q as default
+  Button$1 as default
 };

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

@@ -1,29 +1,10 @@
-import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "../Button.js";
-import { ButtonActionsLayout as A } from "./types.js";
-import { BUTTON_ACTION_CLASSNAME as n, BUTTON_ACTION_CONTAINER_CLASSNAME as d } from "../constants.js";
-import { ButtonVariant as i } from "../types.js";
-import "./ButtonActions.scss.js";
-import { memo as N } from "../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as p } from "../../../../external/preact/hooks/dist/hooks.module.js";
-function u({ actions: o, layout: a = A.BUTTONS_END }) {
-  const s = () => `${n}--${a}`, m = (t) => {
-    const r = o.length - 1;
-    return t === r ? i.PRIMARY : i.SECONDARY;
-  }, l = p(() => [...o].reverse(), [o]);
-  return /* @__PURE__ */ e("div", { className: n, children: /* @__PURE__ */ e("div", { className: `${d} ${s()}`, role: "group", children: l.map((t, r) => /* @__PURE__ */ e(
-    c,
-    {
-      "aria-label": t.title,
-      disabled: t.disabled,
-      variant: t.variant || m(r),
-      onClick: t.event,
-      children: t.title
-    },
-    r
-  )) }) });
-}
-const _ = N(u);
+import "../../../../../jsxRuntime.module-69493d81.mjs";
+import "../Button.js";
+import { B } from "../../../../../ButtonActions-eb064f69.mjs";
+import "../constants.js";
+import "../../../../../types-7ad6576a.mjs";
+import "../../../../../compat.module-a4d537ff.mjs";
+import "../../../../../hooks.module-8565d716.mjs";
 export {
-  _ as default
+  B as default
 };

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

@@ -1,11 +1,18 @@
-const _ = "adyen-fp-button", N = `${_}-actions`, T = `${_}--icon`, A = `${_}--icon-content`, n = `${N}__container-wrapper`, o = `${_}__label`, t = `${_}__icon-right`, C = `${_}__icon-left`;
+const DEFAULT_BUTTON_CLASSNAME = "adyen-pe-button";
+const BUTTON_ACTION_CLASSNAME = `${DEFAULT_BUTTON_CLASSNAME}-actions`;
+const ICON_BUTTON_CLASSNAME = `${DEFAULT_BUTTON_CLASSNAME}--icon`;
+const ICON_BUTTON_CONTENT_CLASSNAME = `${DEFAULT_BUTTON_CLASSNAME}--icon-content`;
+const BUTTON_ACTION_CONTAINER_CLASSNAME = `${BUTTON_ACTION_CLASSNAME}__container-wrapper`;
+const BUTTON_LABEL_CLASSNAME = `${DEFAULT_BUTTON_CLASSNAME}__label`;
+const BUTTON_ICON_RIGHT_CLASSNAME = `${DEFAULT_BUTTON_CLASSNAME}__icon-right`;
+const BUTTON_ICON_LEFT_CLASSNAME = `${DEFAULT_BUTTON_CLASSNAME}__icon-left`;
 export {
-  N as BUTTON_ACTION_CLASSNAME,
-  n as BUTTON_ACTION_CONTAINER_CLASSNAME,
-  C as BUTTON_ICON_LEFT_CLASSNAME,
-  t as BUTTON_ICON_RIGHT_CLASSNAME,
-  o as BUTTON_LABEL_CLASSNAME,
-  _ as DEFAULT_BUTTON_CLASSNAME,
-  T as ICON_BUTTON_CLASSNAME,
-  A as ICON_BUTTON_CONTENT_CLASSNAME
+  BUTTON_ACTION_CLASSNAME,
+  BUTTON_ACTION_CONTAINER_CLASSNAME,
+  BUTTON_ICON_LEFT_CLASSNAME,
+  BUTTON_ICON_RIGHT_CLASSNAME,
+  BUTTON_LABEL_CLASSNAME,
+  DEFAULT_BUTTON_CLASSNAME,
+  ICON_BUTTON_CLASSNAME,
+  ICON_BUTTON_CONTENT_CLASSNAME
 };

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

@@ -1,17 +1,21 @@
-import { getModifierClasses as p } from "../../../../utils/class-name-utils.js";
-import { useCallback as a, useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-const v = (s, e, r, u, t) => {
-  const f = a(
-    (o) => {
-      o.preventDefault(), u || t == null || t(o);
+import { getModifierClasses } from "../../../../utils/class-name-utils.js";
+import { T, F } from "../../../../../hooks.module-8565d716.mjs";
+const useButton = (className, classNameModifiers, defaultClassName, disabled, onClick) => {
+  const click = T(
+    (e) => {
+      e.preventDefault();
+      if (!disabled) {
+        onClick == null ? void 0 : onClick(e);
+      }
     },
-    [u, t]
+    [disabled, onClick]
   );
-  return { classes: m(
-    () => p(r, e, [r, s]),
-    [e, s]
-  ), click: f };
+  const classes = F(
+    () => getModifierClasses(defaultClassName, classNameModifiers, [defaultClassName, className]),
+    [classNameModifiers, className]
+  );
+  return { classes, click };
 };
 export {
-  v as default
+  useButton as default
 };

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

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Button.js";
+export {
+  default2 as default
+};

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

@@ -1,26 +1,27 @@
-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";
-import l from "./components/CalendarControls/CalendarControls.js";
-import s from "./components/CalendarGrid/CalendarGrid.js";
-const m = t((o, a) => {
-  const r = d(o, a), n = r.grid.config();
-  return /* @__PURE__ */ e("div", { role: "none", children: [
-    /* @__PURE__ */ e(l, { config: n, grid: r.grid, renderer: o.renderControl }),
-    /* @__PURE__ */ e(
-      s,
+import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
+import { k, x } from "../../../../compat.module-a4d537ff.mjs";
+import CalendarGrid from "./components/CalendarGrid/CalendarGrid.js";
+import CalendarControls from "./components/CalendarControls/CalendarControls.js";
+import useCalendar from "./hooks/useCalendar.js";
+const Calendar = k((props, ref) => {
+  const calendar = useCalendar(props, ref);
+  const config = calendar.grid.config();
+  return /* @__PURE__ */ o("div", { role: "none", children: [
+    /* @__PURE__ */ o(CalendarControls, { config, grid: calendar.grid, renderer: props.renderControl }),
+    /* @__PURE__ */ o(
+      CalendarGrid,
       {
-        ref: r.cursorElementRef,
-        config: n,
-        cursorRootProps: r.cursorRootProps,
-        grid: r.grid,
-        onlyCellsWithin: o.onlyCellsWithin,
-        prepare: o.prepare
+        ref: calendar.cursorElementRef,
+        config,
+        cursorRootProps: calendar.cursorRootProps,
+        grid: calendar.grid,
+        onlyCellsWithin: props.onlyCellsWithin,
+        prepare: props.prepare
       }
     )
   ] });
-}), R = i(m);
+});
+const Calendar$1 = x(Calendar);
 export {
-  R as default
+  Calendar$1 as default
 };