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

package/dist/es/hooks/element/useUniqueIdentifier.js

@@ -1,22 +1,18 @@
-import { _, T } from "../../../hooks.module-8565d716.mjs";
-import useReflex from "../useReflex/hooks/useReflex.js";
-import { getUniqueId } from "../../utils/idGenerator.js";
-const useUniqueIdentifier = (ref) => {
-  const id = _();
-  return useReflex(
-    T(
-      (current, previous) => {
-        if (previous instanceof Element && previous.id === id.current)
-          previous.id = "";
-        if (!(current instanceof Element))
-          return;
-        current.id = id.current || (id.current = getUniqueId("adyen-pe"));
+import { useRef as r, useCallback as f } from "../../external/preact/hooks/dist/hooks.module.js";
+import { getUniqueId as s } from "../../utils/idGenerator.js";
+import u from "../useReflex/hooks/useReflex.js";
+const o = (t) => {
+  const e = r();
+  return u(
+    f(
+      (i, n) => {
+        n instanceof Element && n.id === e.current && (n.id = ""), i instanceof Element && (i.id = e.current || (e.current = s("adyen-pe")));
       },
-      [ref]
+      [t]
     ),
-    ref
+    t
   );
-};
+}, m = o;
 export {
-  useUniqueIdentifier as default
+  m as default
 };

package/dist/es/hooks/useBooleanState/useBooleanState.js

@@ -1,10 +1,8 @@
-import { h, T } from "../../../hooks.module-8565d716.mjs";
-const useBooleanState = (initialState = false) => {
-  const [state, setState] = h(initialState);
-  const updateState = T((state2) => setState(state2), []);
-  const toggleState = T(() => setState((state2) => !state2), []);
-  return [state, updateState, toggleState];
-};
+import { useState as u, useCallback as a } from "../../external/preact/hooks/dist/hooks.module.js";
+const c = (s = !1) => {
+  const [o, e] = u(s), n = a((t) => e(t), []), l = a(() => e((t) => !t), []);
+  return [o, n, l];
+}, r = c;
 export {
-  useBooleanState as default
+  r as default
 };

package/dist/es/hooks/useCommitAction/types.js

@@ -0,0 +1,4 @@
+var E = /* @__PURE__ */ ((r) => (r[r.NONE = 0] = "NONE", r[r.APPLY = 1] = "APPLY", r[r.CLEAR = 2] = "CLEAR", r))(E || {});
+export {
+  E as CommitAction
+};

package/dist/es/hooks/useCommitAction/useCommitAction.js

@@ -1,46 +1,35 @@
-import { h, T, F, p } from "../../../hooks.module-8565d716.mjs";
-import { B as ButtonVariant } from "../../../types-7ad6576a.mjs";
-import { C as CommitAction } from "../../../types-e6a6a3ff.mjs";
-import useCoreContext from "../../core/Context/useCoreContext.js";
-import "../../utils/common/index.js";
-import { EMPTY_OBJECT } from "../../utils/common/constants.js";
-const useCommitAction = ({ applyDisabled, applyTitle, resetDisabled, resetTitle } = EMPTY_OBJECT) => {
-  const { i18n } = useCoreContext();
-  const [commitAction, setCommitAction] = h(CommitAction.NONE);
-  const [committing, setCommitting] = h(commitAction !== CommitAction.NONE);
-  const applyAction = T(() => setCommitAction(CommitAction.APPLY), [setCommitAction]);
-  const resetAction = T(() => setCommitAction(CommitAction.CLEAR), [setCommitAction]);
-  const resetCommitAction = T(() => setCommitAction(CommitAction.NONE), [setCommitAction]);
-  const applyButtonAction = F(
+import { useState as O, useCallback as r, useMemo as A, useEffect as Y } from "../../external/preact/hooks/dist/hooks.module.js";
+import { ButtonVariant as P } from "../../components/internal/Button/types.js";
+import { CommitAction as t } from "./types.js";
+import g from "../../core/Context/useCoreContext.js";
+import { EMPTY_OBJECT as v } from "../../utils/common/constants.js";
+const L = ({ applyDisabled: e, applyTitle: m, resetDisabled: a, resetTitle: c } = v) => {
+  const { i18n: s } = g(), [n, o] = O(t.NONE), [B, u] = O(n !== t.NONE), C = r(() => o(t.APPLY), [o]), E = r(() => o(t.CLEAR), [o]), i = r(() => o(t.NONE), [o]), N = A(
     () => ({
-      disabled: applyDisabled === true,
-      event: applyAction,
-      title: (applyTitle == null ? void 0 : applyTitle.trim()) || i18n.get("apply"),
-      variant: ButtonVariant.PRIMARY
+      disabled: e === !0,
+      event: C,
+      title: (m == null ? void 0 : m.trim()) || s.get("apply"),
+      variant: P.PRIMARY
     }),
-    [i18n, applyAction, applyDisabled, applyTitle]
-  );
-  const resetButtonAction = F(
+    [s, C, e, m]
+  ), f = A(
     () => ({
-      disabled: resetDisabled === true,
-      event: resetAction,
-      title: (resetTitle == null ? void 0 : resetTitle.trim()) || i18n.get("reset"),
-      variant: ButtonVariant.SECONDARY
+      disabled: a === !0,
+      event: E,
+      title: (c == null ? void 0 : c.trim()) || s.get("reset"),
+      variant: P.SECONDARY
     }),
-    [i18n, resetAction, resetDisabled, resetTitle]
-  );
-  const commitActionButtons = F(() => [applyButtonAction, resetButtonAction], [applyButtonAction, resetButtonAction]);
-  p(() => {
-    setCommitting(commitAction !== CommitAction.NONE);
-    switch (commitAction) {
-      case CommitAction.APPLY:
-      case CommitAction.CLEAR:
-        resetCommitAction();
+    [s, E, a, c]
+  ), R = A(() => [N, f], [N, f]);
+  return Y(() => {
+    switch (u(n !== t.NONE), n) {
+      case t.APPLY:
+      case t.CLEAR:
+        i();
         break;
     }
-  }, [commitAction, setCommitting, resetCommitAction]);
-  return { commitAction, commitActionButtons, committing, resetCommitAction };
-};
+  }, [n, u, i]), { commitAction: n, commitActionButtons: R, committing: B, resetCommitAction: i };
+}, x = L;
 export {
-  useCommitAction as default
+  x as default
 };

package/dist/es/hooks/useFetch/useFetch.js

@@ -1,52 +1,42 @@
-import { _, s, T, p } from "../../../hooks.module-8565d716.mjs";
-function useFetch({
-  fetchOptions = { keepPrevData: true },
-  queryFn,
-  params
+import { useRef as u, useReducer as o, useCallback as f, useEffect as p } from "../../external/preact/hooks/dist/hooks.module.js";
+function g({
+  fetchOptions: a = { keepPrevData: !0 },
+  queryFn: n,
+  params: h
 }) {
-  _(/* @__PURE__ */ new Map());
-  const cancelRequest = _(false);
-  const initialState = {
+  u(/* @__PURE__ */ new Map());
+  const r = u(!1), t = {
     error: void 0,
     data: void 0,
-    isFetching: fetchOptions.enabled !== false
-  };
-  const fetchReducer = (state2, action) => {
-    switch (action.type) {
+    isFetching: a.enabled !== !1
+  }, i = (e, c) => {
+    switch (c.type) {
       case "loading":
-        return { ...initialState, isFetching: true, data: fetchOptions.keepPrevData ? state2.data : void 0 };
+        return { ...t, isFetching: !0, data: a.keepPrevData ? e.data : void 0 };
       case "fetched":
-        return { ...initialState, data: action.payload, isFetching: false };
+        return { ...t, data: c.payload, isFetching: !1 };
       case "error":
-        return { ...initialState, error: action.payload, isFetching: false };
+        return { ...t, error: c.payload, isFetching: !1 };
       default:
-        return state2;
+        return e;
     }
-  };
-  const [state, dispatch] = s(fetchReducer, initialState);
-  const fetchData = T(async () => {
-    dispatch({ type: "loading" });
+  }, [l, s] = o(i, t), d = f(async () => {
+    s({ type: "loading" });
     try {
-      if (cancelRequest.current)
+      if (r.current)
         return;
-      const data = await queryFn();
-      dispatch({ type: "fetched", payload: data });
-    } catch (error) {
-      if (cancelRequest.current)
+      const e = await n();
+      s({ type: "fetched", payload: e });
+    } catch (e) {
+      if (r.current)
         return;
-      dispatch({ type: "error", payload: error });
+      s({ type: "error", payload: e });
     }
-  }, [dispatch, queryFn]);
-  p(() => {
-    cancelRequest.current = false;
-    if (fetchOptions.enabled !== false)
-      void fetchData();
-    return () => {
-      cancelRequest.current = true;
-    };
-  }, [fetchOptions.enabled, fetchData]);
-  return state;
+  }, [s, n]);
+  return p(() => (r.current = !1, a.enabled !== !1 && d(), () => {
+    r.current = !0;
+  }), [a.enabled, d]), l;
 }
 export {
-  useFetch
+  g as useFetch
 };

package/dist/es/hooks/useImageUrl/useImageUrl.js

@@ -1,32 +1,28 @@
-import useCoreContext from "../../core/Context/useCoreContext.js";
-import "../../utils/common/index.js";
-import { F } from "../../../hooks.module-8565d716.mjs";
-import { EMPTY_OBJECT } from "../../utils/common/constants.js";
-const FALLBACK_CDN_CONTEXT = "https://cdf6519016.cdn.adyen.com/checkoutshopper/";
-const returnImage = ({
-  name,
-  resourceContext,
-  imageFolder = "logos/",
-  parentFolder = "",
-  extension = "svg",
-  size = "",
-  subFolder = ""
+import a from "../../core/Context/useCoreContext.js";
+import { useMemo as g } from "../../external/preact/hooks/dist/hooks.module.js";
+import { EMPTY_OBJECT as p } from "../../utils/common/constants.js";
+const u = "https://cdf6519016.cdn.adyen.com/checkoutshopper/", C = ({
+  name: e,
+  resourceContext: o,
+  imageFolder: t = "logos/",
+  parentFolder: r = "",
+  extension: s = "svg",
+  size: c = "",
+  subFolder: n = ""
 }) => {
-  const path = `/images/${imageFolder}/${subFolder}/${parentFolder}/${name}${size}.${extension}`.replace(/\/+/g, "/");
-  return `${resourceContext}${path}`;
-};
-const useImageUrl = ({ options = EMPTY_OBJECT, name }) => {
-  const { loadingContext } = useCoreContext();
-  const image = F(
-    () => returnImage({
-      resourceContext: FALLBACK_CDN_CONTEXT,
-      name,
-      ...options
+  const m = `/images/${t}/${n}/${r}/${e}${c}.${s}`.replace(/\/+/g, "/");
+  return `${o}${m}`;
+}, f = ({ options: e = p, name: o }) => {
+  const { loadingContext: t } = a();
+  return g(
+    () => C({
+      resourceContext: u,
+      name: o,
+      ...e
     }),
-    [loadingContext, name, options]
+    [t, o, e]
   );
-  return image;
 };
 export {
-  useImageUrl
+  f as useImageUrl
 };

package/dist/es/hooks/useModalDetails/types.js

@@ -0,0 +1,6 @@
+function c(a) {
+  return "callback" in a;
+}
+export {
+  c as hasCallback
+};

package/dist/es/hooks/useModalDetails/useModalDetails.js

@@ -1,44 +1,35 @@
-import { h, T, F } from "../../../hooks.module-8565d716.mjs";
-function hasCallback(options) {
-  return "callback" in options;
-}
-function useModalDetails(options) {
-  const [selectedDetail, setSelectedDetail] = h(null);
-  const updateDetails = T(
-    (state) => {
-      var _a;
-      if (state && hasCallback(options[state.selection.type])) {
-        return {
-          callback: ((_a = options == null ? void 0 : options[state.selection.type]) == null ? void 0 : _a.callback) ? (args) => {
-            var _a2, _b;
-            return (_b = (_a2 = options[state.selection.type]) == null ? void 0 : _a2.callback) == null ? void 0 : _b.call(_a2, { showModal: () => setSelectedDetail(state), ...args });
-          } : () => {
-            var _a2;
-            return ((_a2 = options[state.selection.type]) == null ? void 0 : _a2.showDetails) && setSelectedDetail(state);
-          }
-        };
-      }
-      setSelectedDetail(state);
-      return {};
+import { useState as f, useCallback as u, useMemo as h } from "../../external/preact/hooks/dist/hooks.module.js";
+import { hasCallback as k } from "./types.js";
+function o(l) {
+  const [n, r] = f(null), d = u(
+    (e) => {
+      var c;
+      return e && k(l[e.selection.type]) ? {
+        callback: (c = l == null ? void 0 : l[e.selection.type]) != null && c.callback ? (a) => {
+          var s, t;
+          return (t = (s = l[e.selection.type]) == null ? void 0 : s.callback) == null ? void 0 : t.call(s, { showModal: () => r(e), ...a });
+        } : () => {
+          var a;
+          return ((a = l[e.selection.type]) == null ? void 0 : a.showDetails) && r(e);
+        }
+      } : (r(e), {});
     },
-    [options]
-  );
-  const resetDetails = T(() => setSelectedDetail(null), []);
-  const detailsToShow = F(() => {
-    const details = {};
-    for (const detail in options) {
-      const selectedDetail2 = options[detail];
-      details[detail] = !(selectedDetail2 == null ? void 0 : selectedDetail2.showDetails) || !!selectedDetail2.callback;
+    [l]
+  ), i = u(() => r(null), []), b = h(() => {
+    const e = {};
+    for (const c in l) {
+      const a = l[c];
+      e[c] = !(a != null && a.showDetails) || !!a.callback;
     }
-    return details;
-  }, [options]);
+    return e;
+  }, [l]);
   return {
-    selectedDetail,
-    updateDetails,
-    detailsToShow,
-    resetDetails
+    selectedDetail: n,
+    updateDetails: d,
+    detailsToShow: b,
+    resetDetails: i
   };
 }
 export {
-  useModalDetails as default
+  o as default
 };

package/dist/es/hooks/useMounted/useMounted.js

@@ -1,16 +1,10 @@
-import { _, F, p } from "../../../hooks.module-8565d716.mjs";
-const useMounted = (beforeUnmount) => {
-  const $mounted = _(false);
-  const unmount = F(() => beforeUnmount, [beforeUnmount]);
-  p(() => {
-    $mounted.current = true;
-    return () => {
-      $mounted.current = false;
-      unmount && unmount();
-    };
-  }, [unmount]);
-  return $mounted;
-};
+import { useRef as u, useMemo as n, useEffect as r } from "../../external/preact/hooks/dist/hooks.module.js";
+const o = (s) => {
+  const e = u(!1), t = n(() => s, [s]);
+  return r(() => (e.current = !0, () => {
+    e.current = !1, t && t();
+  }), [t]), e;
+}, c = o;
 export {
-  useMounted as default
+  c as default
 };

package/dist/es/hooks/useReactiveState/useReactiveState.js

@@ -1,61 +1,35 @@
-import { _, F, s, p } from "../../../hooks.module-8565d716.mjs";
-import "../../utils/common/index.js";
-import useMounted from "../useMounted/useMounted.js";
-import { EMPTY_OBJECT } from "../../utils/common/constants.js";
-const useReactiveState = (params = EMPTY_OBJECT, initialStateSameAsDefault = true) => {
-  const $hasDefaultState = _(initialStateSameAsDefault);
-  const $defaultState = _(Object.freeze({ ...params }));
-  const $stateParams = _(new Set(Object.keys($defaultState.current)));
-  const $changedParams = _(/* @__PURE__ */ new Set());
-  const $mounted = useMounted();
-  const [resetState, updateState] = F(() => {
-    const requestStateUpdate = (stateUpdateRequest) => {
-      if (!$mounted.current)
-        return;
-      dispatch(stateUpdateRequest);
+import { useRef as o, useMemo as h, useReducer as R, useEffect as T } from "../../external/preact/hooks/dist/hooks.module.js";
+import w from "../useMounted/useMounted.js";
+import { EMPTY_OBJECT as F } from "../../utils/common/constants.js";
+const P = (a = F, f = !0) => {
+  const n = o(f), e = o(Object.freeze({ ...a })), p = o(new Set(Object.keys(e.current))), u = o(/* @__PURE__ */ new Set()), S = w(), [d, j] = h(() => {
+    const r = (c) => {
+      S.current && z(c);
     };
     return [
-      () => requestStateUpdate("reset"),
-      (stateUpdateRequest) => requestStateUpdate(stateUpdateRequest)
+      () => r("reset"),
+      (c) => r(c)
     ];
-  }, [$mounted]);
-  const [state, dispatch] = s((state2, stateUpdateRequest) => {
-    if (stateUpdateRequest === "reset") {
-      $changedParams.current.clear();
-      return $defaultState.current;
-    }
-    const stateUpdate = { ...stateUpdateRequest };
-    const stateUpdateFlags = [0];
-    Object.keys(stateUpdate).forEach((key, index) => {
-      if (!$stateParams.current.has(key))
+  }, [S]), [$, z] = R((r, c) => {
+    if (c === "reset")
+      return u.current.clear(), e.current;
+    const s = { ...c }, i = [0];
+    Object.keys(s).forEach((t, O) => {
+      if (!p.current.has(t))
         return;
-      const currentValue = state2[key] ?? void 0;
-      const defaultValue = $defaultState.current[key] ?? void 0;
-      const updateValue = stateUpdate[key] ?? defaultValue;
-      if (updateValue === currentValue)
+      const g = r[t] ?? void 0, b = e.current[t] ?? void 0, l = s[t] ?? b;
+      if (l === g)
         return;
-      const flagIndex = Math.floor(index / 32);
-      const updateFlag = 1 << index % 32;
-      stateUpdate[key] = updateValue;
-      stateUpdateFlags[flagIndex] |= updateFlag;
-      $changedParams.current[updateValue === defaultValue ? "delete" : "add"](key);
+      const v = Math.floor(O / 32), M = 1 << O % 32;
+      s[t] = l, i[v] |= M, u.current[l === b ? "delete" : "add"](t);
     });
-    const STATE = stateUpdateFlags.some((flag) => flag) ? $hasDefaultState.current && $changedParams.current.size === 0 ? $defaultState.current : Object.freeze({ ...state2, ...stateUpdate }) : state2;
-    if (!$hasDefaultState.current) {
-      $defaultState.current = STATE;
-      $hasDefaultState.current = true;
-    }
-    return STATE;
-  }, $defaultState.current);
-  const canResetState = F(() => !!$changedParams.current.size, []);
-  p(() => {
-    $defaultState.current = Object.freeze({ ...params });
-    $stateParams.current = new Set(Object.keys($defaultState.current));
-    $hasDefaultState.current = initialStateSameAsDefault;
-    resetState();
-  }, [initialStateSameAsDefault, params, resetState]);
-  return { canResetState, defaultState: $defaultState.current, resetState, state, updateState };
-};
+    const m = i.some((t) => t) ? n.current && u.current.size === 0 ? e.current : Object.freeze({ ...r, ...s }) : r;
+    return n.current || (e.current = m, n.current = !0), m;
+  }, e.current), E = h(() => !!u.current.size, []);
+  return T(() => {
+    e.current = Object.freeze({ ...a }), p.current = new Set(Object.keys(e.current)), n.current = f, d();
+  }, [f, a, d]), { canResetState: E, defaultState: e.current, resetState: d, state: $, updateState: j };
+}, x = P;
 export {
-  useReactiveState as default
+  x as default
 };

package/dist/es/hooks/useReflex/constants.js

@@ -1,4 +1,4 @@
-const REF = Symbol("_ref");
+const o = Symbol("_ref");
 export {
-  REF
+  o as REF
 };

package/dist/es/hooks/useReflex/core/reflex.js

@@ -1,85 +1,66 @@
-import { REF } from "../constants.js";
-import $registry from "./registry.js";
-import { assertReflexAction, unwrap } from "./utils.js";
-import { struct, sameValue } from "../../../utils/common/index.js";
-const createIsolatedFauxReflex = (action) => {
-  assertReflexAction(action);
-  const $actions = new WeakMap([[action, 1]]);
-  const reflex = (instance) => {
-    if (sameValue(_current, instance))
+import { REF as _ } from "../constants.js";
+import i from "./registry.js";
+import { assertReflexAction as d, unwrap as c } from "./utils.js";
+import { struct as p, sameValue as x } from "../../../utils/common/index.js";
+const m = (r) => {
+  d(r);
+  const e = new WeakMap([[r, 1]]), t = (u) => {
+    if (x(n, u))
       return;
-    const previous = _current;
-    action(_current = instance, previous);
+    const s = n;
+    r(n = u, s);
   };
-  let _current = null;
-  return Object.defineProperties(reflex, {
-    [REF]: { value: reflex },
+  let n = null;
+  return Object.defineProperties(t, {
+    [_]: { value: t },
     actions: {
-      value: struct({
-        get: { value: $actions.get.bind($actions) },
+      value: p({
+        get: { value: e.get.bind(e) },
         size: { value: 1 }
       })
     },
     current: {
-      get: () => _current,
-      set: reflex
+      get: () => n,
+      set: t
     }
   });
-};
-const createReflexContainer = () => {
-  let _reflex;
-  let _reflexable = null;
-  let _reflexAction;
-  let _released = false;
-  const _refreshContainer = (action) => {
-    _reflex = void 0;
-    _reflexable = null;
-    _reflexAction = action;
-    _released = false;
-  };
-  const _releaseContainer = () => {
-    if (!_released) {
-      _unbindReflexAction();
-      _released = true;
-    }
-  };
-  const _unbindReflexAction = () => {
+}, A = () => {
+  let r, e = null, t, n = !1;
+  const u = (l) => {
+    r = void 0, e = null, t = l, n = !1;
+  }, s = () => {
+    n || (a(), n = !0);
+  }, a = () => {
     try {
-      if (!_reflexable)
+      if (!e)
         return;
-      $registry.unbind(_reflexable, _reflexAction);
+      i.unbind(e, t);
     } catch {
     }
   };
-  const _updateContainer = (action, reflexable) => {
-    assertReflexAction(action);
-    if (_released)
-      _refreshContainer(action);
-    const currentReflexable = reflexable == void 0 ? null : reflexable;
-    if (_reflexAction === action && _reflexable === currentReflexable) {
-      if (_reflex)
-        return;
-    } else if (_reflexable) {
-      if (sameValue(unwrap(_reflexable), unwrap(currentReflexable))) {
-        _reflex = $registry.bind(_reflexable, action);
-        _unbindReflexAction();
-        _reflexAction = action;
-        return;
+  return p({
+    action: { get: () => t },
+    reflex: { get: () => r },
+    release: { value: s },
+    update: { value: (l, f) => {
+      d(l), n && u(l);
+      const o = f ?? null;
+      if (t === l && e === o) {
+        if (r)
+          return;
+      } else if (e) {
+        if (x(c(e), c(o))) {
+          r = i.bind(e, l), a(), t = l;
+          return;
+        }
+        a();
       }
-      _unbindReflexAction();
-    }
-    _reflexAction = action;
-    _reflex = (_reflexable = currentReflexable) ? $registry.bind(_reflexable, _reflexAction) : createIsolatedFauxReflex(_reflexAction);
-  };
-  return struct({
-    action: { get: () => _reflexAction },
-    reflex: { get: () => _reflex },
-    release: { value: _releaseContainer },
-    update: { value: _updateContainer }
+      t = l, r = (e = o) ? i.bind(e, t) : m(t);
+    } }
   });
 };
 export {
-  createIsolatedFauxReflex,
-  createReflexContainer,
-  createReflexContainer as default
+  m as createIsolatedFauxReflex,
+  A as createReflexContainer,
+  A as default
 };