@adyen/adyen-platform-experience-web 1.0.0-beta → 1.0.0-beta.2

package/dist/es/components/internal/FilterBar/filters/DateFilter/DateFilter.js

@@ -1,12 +1,120 @@
-import "../../../../../../jsxRuntime.module-69493d81.mjs";
-import "../../../../../../hooks.module-8565d716.mjs";
-import "../../../../../utils/common/index.js";
-import "../../../../../../types-e6a6a3ff.mjs";
-import "../../../../../core/Context/useCoreContext.js";
-import "../../../DatePicker/DatePicker.js";
-import "../BaseFilter/BaseFilter.js";
-import { a } from "../../../../../../index-f5bc0382.mjs";
-import "../../../../../utils/common/constants.js";
+import { jsx as C } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as p, useCallback as M, useMemo as R, useEffect as y, useRef as x } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import k from "../../../../../core/Context/useCoreContext.js";
+import { DateRangeFilterParam as b } from "./types.js";
+import "./DateFilter.scss.js";
+import I from "../BaseFilter/BaseFilter.js";
+import V from "../../../DatePicker/DatePicker.js";
+import { EMPTY_OBJECT as A } from "../../../../../utils/common/constants.js";
+import { CommitAction as E } from "../../../../../hooks/useCommitAction/types.js";
+const v = {
+  month: "short",
+  day: "numeric",
+  year: "numeric"
+}, L = new Intl.DateTimeFormat("en-US", v), B = (n, t, r) => {
+  const e = t && n.fullDate(t), a = r && n.fullDate(r);
+  if (e && a)
+    return `${e} - ${a}`;
+  if (e)
+    return n.get("filter.date.since", { values: { date: e } });
+  if (a)
+    return n.get("filter.date.until", { values: { date: a } });
+}, o = (n) => {
+  try {
+    return new Date(n || "").toISOString();
+  } catch {
+    return "";
+  }
+}, Y = (() => {
+  const n = ({
+    editAction: t,
+    from: r,
+    to: e,
+    now: a,
+    onChange: s,
+    onValueUpdated: f,
+    showTimezoneInfo: F,
+    selectedPresetOption: i,
+    timeRangePresetOptions: g,
+    timezone: c,
+    sinceDate: w,
+    untilDate: T
+  }) => {
+    const { i18n: D } = k(), [d, O] = p(i), u = R(() => [new Date(r), new Date(e)], [r, e]), l = x(), P = M(
+      (m, h) => {
+        f(B(D, o(m), o(h)));
+      },
+      [D, f]
+    );
+    return y(() => {
+      var m, h, S;
+      switch (t) {
+        case E.APPLY:
+          s({
+            selectedPresetOption: d,
+            [b.FROM]: o((m = l.current) == null ? void 0 : m.from),
+            [b.TO]: o((h = l.current) == null ? void 0 : h.to)
+          });
+          break;
+        case E.CLEAR:
+          (S = l.current) == null || S.clear(), s();
+      }
+    }, [t, s, d]), /* @__PURE__ */ C(
+      V,
+      {
+        ref: l,
+        now: a,
+        originDate: u,
+        onHighlight: P,
+        onPresetOptionSelected: O,
+        selectedPresetOption: i,
+        timeRangePresetOptions: g,
+        timezone: c,
+        showTimezoneInfo: F,
+        sinceDate: o(w),
+        untilDate: o(T)
+      }
+    );
+  };
+  return (t) => /* @__PURE__ */ C(n, { ...t });
+})(), _ = (n, t, r) => n.formatRange(t, r);
+function Q({ title: n, from: t, to: r, selectedPresetOption: e, ...a }) {
+  const { i18n: s } = k(), [f, F] = p(), [i, g] = p(), [c, w] = p(), T = M(
+    (u) => {
+      const { from: l, to: P, selectedPresetOption: m } = u ?? A;
+      try {
+        F(f ?? m), g(o(i ?? l)), w(o(c ?? P));
+      } finally {
+        a.onChange({ from: l, to: P, selectedPresetOption: m });
+      }
+    },
+    [f, i, c, a]
+  ), [D, d] = R(() => {
+    let u = L;
+    try {
+      u = new Intl.DateTimeFormat(s.locale, v);
+    } catch {
+    }
+    return [s.get("rangePreset.custom"), u];
+  }, [s]);
+  y(() => F(e), [e]), y(() => g(o(t || Date.now())), [t]), y(() => w(o(r || Date.now())), [r]);
+  const O = R(() => e === D && i && c ? _(d, new Date(i), new Date(c)) : e ?? a.label, [D, d, i, c, e, a.label]);
+  return /* @__PURE__ */ C(
+    I,
+    {
+      ...a,
+      from: t,
+      to: r,
+      type: "date",
+      label: O,
+      onChange: T,
+      render: Y,
+      selectedPresetOption: e,
+      value: B(s, t, r),
+      withContentPadding: !1
+    }
+  );
+}
 export {
-  a as default
+  Q as default
 };

package/dist/es/components/internal/FilterBar/filters/DateFilter/DateFilter.scss.js

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

package/dist/es/components/internal/FilterBar/filters/DateFilter/types.js

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((o) => (o.FROM = "from", o.TO = "to", o))(r || {});
+export {
+  r as DateRangeFilterParam
+};

package/dist/es/components/internal/FormFields/FormFields.scss.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/es/components/internal/FormFields/InputBase.js

@@ -1,86 +1,73 @@
-import '../../../../InputBase.css';
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import { ARIA_ERROR_SUFFIX } from "../../../core/Errors/constants.js";
-import { hasOwnProperty } from "../../../utils/common/index.js";
-import cx from "classnames";
-import { k } from "../../../../compat.module-a4d537ff.mjs";
-import { T } from "../../../../hooks.module-8565d716.mjs";
-import { k as k$1 } from "../../../../preact.module-38e5a571.mjs";
-const FormFields = "";
-function InputBase({ onInput, onKeyUp, trimOnBlur, onBlurHandler, onBlur, onFocusHandler, errorMessage, ...props }, ref) {
-  const { autoCorrect, classNameModifiers, isInvalid, isValid, readonly = false, spellCheck, type, uniqueId, isCollatingErrors, disabled } = props;
-  if (hasOwnProperty(props, "onChange")) {
-    console.error("Error: Form fields that rely on InputBase may not have an onChange property");
-  }
-  const handleInput = T(
-    (event) => {
-      onInput == null ? void 0 : onInput(event);
+import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ARIA_ERROR_SUFFIX as h } from "../../../core/Errors/constants.js";
+import { hasOwnProperty as _ } from "../../../utils/common/index.js";
+import w from "classnames";
+import { forwardRef as P } from "../../../external/preact/compat/dist/compat.module.js";
+import { useCallback as r } from "../../../external/preact/hooks/dist/hooks.module.js";
+import "./FormFields.scss.js";
+import { Fragment as q } from "../../../external/preact/dist/preact.module.js";
+function u({ onInput: a, onKeyUp: d, trimOnBlur: l, onBlurHandler: e, onBlur: t, onFocusHandler: s, errorMessage: f, ...p }, v) {
+  const { autoCorrect: A, classNameModifiers: m, isInvalid: n, isValid: C, readonly: $ = !1, spellCheck: O, type: y, uniqueId: o, isCollatingErrors: I, disabled: g } = p;
+  _(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
+  const N = r(
+    (i) => {
+      a == null || a(i);
     },
-    [onInput]
-  );
-  const handleKeyUp = T(
-    (event) => {
-      if (onKeyUp)
-        onKeyUp(event);
+    [a]
+  ), R = r(
+    (i) => {
+      d && d(i);
     },
-    [onKeyUp]
-  );
-  const handleBlur = T(
-    (event) => {
-      onBlurHandler == null ? void 0 : onBlurHandler(event);
-      if (trimOnBlur) {
-        event.target.value = event.target.value.trim();
-      }
-      onBlur == null ? void 0 : onBlur(event);
+    [d]
+  ), b = r(
+    (i) => {
+      e == null || e(i), l && (i.target.value = i.target.value.trim()), t == null || t(i);
     },
-    [onBlur, onBlurHandler, trimOnBlur]
-  );
-  const handleFocus = T(
-    (event) => {
-      onFocusHandler == null ? void 0 : onFocusHandler(event);
+    [t, e, l]
+  ), k = r(
+    (i) => {
+      s == null || s(i);
     },
-    [onFocusHandler]
-  );
-  const inputClassNames = cx(
+    [s]
+  ), x = w(
     "adyen-pe-input",
-    [`adyen-pe-input--${type}`],
-    props.className,
+    [`adyen-pe-input--${y}`],
+    p.className,
     {
-      "adyen-pe-input--invalid": isInvalid,
-      "adyen-pe-input--valid": isValid
+      "adyen-pe-input--invalid": n,
+      "adyen-pe-input--valid": C
     },
-    classNameModifiers == null ? void 0 : classNameModifiers.map((m) => `adyen-pe-input--${m}`)
-  );
-  const { classNameModifiers: cnm, uniqueId: uid, isInvalid: iiv, isValid: iv, isCollatingErrors: ce, ...newProps } = props;
-  return /* @__PURE__ */ o(k$1, { children: [
-    /* @__PURE__ */ o(
+    m == null ? void 0 : m.map((i) => `adyen-pe-input--${i}`)
+  ), { classNameModifiers: V, uniqueId: j, isInvalid: F, isValid: S, isCollatingErrors: T, ...E } = p;
+  return /* @__PURE__ */ c(q, { children: [
+    /* @__PURE__ */ c(
       "input",
       {
-        id: uniqueId,
-        ...newProps,
-        type,
-        className: inputClassNames,
-        readOnly: readonly,
-        "aria-describedby": isCollatingErrors ? void 0 : `${uniqueId}${ARIA_ERROR_SUFFIX}`,
-        "aria-invalid": isInvalid,
-        onInput: handleInput,
-        onBlur: handleBlur,
-        onFocus: handleFocus,
-        onKeyUp: handleKeyUp,
-        disabled,
-        ref
+        id: o,
+        ...E,
+        type: y,
+        className: x,
+        readOnly: $,
+        "aria-describedby": I ? void 0 : `${o}${h}`,
+        "aria-invalid": n,
+        onInput: N,
+        onBlur: b,
+        onFocus: k,
+        onKeyUp: R,
+        disabled: g,
+        ref: v
       }
     ),
-    isInvalid && errorMessage && /* @__PURE__ */ o("span", { className: "adyen-pe-input__invalid-value", id: `${uniqueId}${ARIA_ERROR_SUFFIX}`, children: errorMessage })
+    n && f && /* @__PURE__ */ c("span", { className: "adyen-pe-input__invalid-value", id: `${o}${h}`, children: f })
   ] });
 }
-InputBase.defaultProps = {
+u.defaultProps = {
   type: "text",
   classNameModifiers: [],
   onInput: () => {
   }
 };
-const InputBase$1 = k(InputBase);
+const M = P(u);
 export {
-  InputBase$1 as default
+  M as default
 };

package/dist/es/components/internal/FormFields/InputText.js

@@ -1,9 +1,9 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import InputBase from "./InputBase.js";
-import { k } from "../../../../compat.module-a4d537ff.mjs";
-const InputText = k(function InputText2(props, ref) {
-  return /* @__PURE__ */ o(InputBase, { classNameModifiers: props.classNameModifiers, ...props, ref, "aria-required": props.required, type: "text" });
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "./InputBase.js";
+import { forwardRef as i } from "../../../external/preact/compat/dist/compat.module.js";
+const u = i(function(e, r) {
+  return /* @__PURE__ */ t(a, { classNameModifiers: e.classNameModifiers, ...e, ref: r, "aria-required": e.required, type: "text" });
 });
 export {
-  InputText as default
+  u as default
 };