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

package/dist/es/hooks/form/useForm.js

@@ -0,0 +1,210 @@
+import { useRef as O, useCallback as y } from "../../external/preact/hooks/dist/hooks.module.js";
+function k(s, o) {
+  const u = o.split(".");
+  let i = s;
+  for (const t of u) {
+    if (i == null) return;
+    i = i[t];
+  }
+  return i;
+}
+function R(s, o, u) {
+  if (!o)
+    return;
+  const i = o.split("."), t = i.pop();
+  let n = s;
+  for (let d = 0; d < i.length; d++) {
+    const _ = i[d];
+    if (typeof n[_] != "object" || n[_] === null) {
+      const g = i[d + 1];
+      n[_] = g !== void 0 && /^\d+$/.test(g) ? [] : {};
+    }
+    n = n[_];
+  }
+  n[t] = u;
+}
+function E(s) {
+  if (s == null || typeof s != "object") return s;
+  if (Array.isArray(s)) return s.filter((u) => u !== "" && u !== null);
+  const o = {};
+  for (const [u, i] of Object.entries(s))
+    if (!(i === "" || i === null || i === void 0))
+      if (typeof i == "object" && !Array.isArray(i)) {
+        const t = E(i);
+        Object.keys(t).length > 0 && (o[u] = t);
+      } else
+        o[u] = i;
+  return o;
+}
+function V(s, o = "") {
+  const u = {};
+  for (const i in s)
+    if (Object.prototype.hasOwnProperty.call(s, i)) {
+      const t = s[i], n = o ? `${o}.${i}` : i;
+      t && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date) && !(t instanceof File) && !(t instanceof FileList) ? Object.assign(u, V(t, n)) : u[n] = t;
+    }
+  return u;
+}
+async function q(s, o, u) {
+  if (o) {
+    if (o.required && (s == null || s === "" || Array.isArray(s) && s.length === 0))
+      return { type: "required", message: typeof o.required == "string" ? o.required : u.get("common.errors.fieldRequired") };
+    if (o.validate)
+      try {
+        const i = await o.validate(s);
+        if (!i.valid)
+          return { message: i.message, type: "validation" };
+      } catch (i) {
+        return console.error("A custom validation function threw an error:", i), { type: "validation", message: "Validation error occurred" };
+      }
+  }
+}
+function j(s) {
+  const { defaultValues: o = {}, i18n: u } = s, i = O();
+  if (!i.current) {
+    const e = {
+      _values: /* @__PURE__ */ new Map(),
+      _errors: /* @__PURE__ */ new Map(),
+      _touched: /* @__PURE__ */ new Map(),
+      _dirty: /* @__PURE__ */ new Map(),
+      _subscribers: /* @__PURE__ */ new Set(),
+      _validationCounters: /* @__PURE__ */ new Map(),
+      _fieldRules: /* @__PURE__ */ new Map(),
+      _options: s,
+      _defaultValues: o,
+      _isSubmitting: !1,
+      _computedErrors: {},
+      _computedTouchedFields: {},
+      _computedDirtyFields: {},
+      subscribe: (r) => (e._subscribers.add(r), () => e._subscribers.delete(r)),
+      notify: () => {
+        e._subscribers.forEach((r) => r());
+      },
+      setValue: (r, l, c) => {
+        const v = k(e._defaultValues, r), b = l !== v;
+        e._values.set(r, l), (c == null ? void 0 : c.shouldDirty) !== !1 && (e._dirty.set(r, b), b ? e._computedDirtyFields[r] = !0 : delete e._computedDirtyFields[r]), c != null && c.shouldTouch && (e._touched.set(r, !0), e._computedTouchedFields[r] = !0);
+        const a = e._options.mode || "onBlur";
+        (c == null ? void 0 : c.shouldValidate) !== !1 && (a === "onInput" || a === "all" || c != null && c.shouldValidate) && F({ control: e, name: r, value: l, rules: e._fieldRules.get(r), i18n: u }), e.notify();
+      },
+      setTouched: (r, l) => {
+        e._touched.set(r, l), l ? e._computedTouchedFields[r] = !0 : delete e._computedTouchedFields[r], e.notify();
+      },
+      getValue: (r) => e._values.get(r),
+      getFieldState: (r) => ({
+        error: e._errors.get(r),
+        isTouched: e._touched.get(r) || !1,
+        isDirty: e._dirty.get(r) || !1
+      }),
+      getFormState: () => {
+        const l = !(Object.keys(e._computedErrors).length > 0) && !e._isSubmitting;
+        return {
+          dirtyFields: e._computedDirtyFields,
+          touchedFields: e._computedTouchedFields,
+          isSubmitting: e._isSubmitting,
+          isValid: l,
+          errors: e._computedErrors
+        };
+      },
+      register: (r, l) => (e._fieldRules.set(r, l), () => {
+        e._fieldRules.delete(r), e._validationCounters.delete(r);
+      }),
+      trigger: async (r) => {
+        const l = r ? Array.isArray(r) ? r : [r] : Array.from(e._values.keys());
+        let c = !1;
+        l.forEach((a) => {
+          e._touched.has(a) || (e._touched.set(a, !0), e._computedTouchedFields[a] = !0, c = !0);
+        }), c && e.notify();
+        const v = l.map(async (a) => {
+          const C = e._values.get(a), m = e._fieldRules.get(a);
+          return m && await F({ control: e, name: a, value: C, rules: m, i18n: u }), !e._errors.has(a);
+        });
+        return (await Promise.all(v)).every((a) => a);
+      }
+    }, f = V(o);
+    Object.entries(f).forEach(([r, l]) => {
+      e._values.set(r, l);
+    }), i.current = e;
+  }
+  const t = i.current, n = t._computedErrors, d = t._computedDirtyFields, _ = t._computedTouchedFields, w = !(Object.keys(n).length > 0) && !t._isSubmitting, S = {
+    dirtyFields: d,
+    touchedFields: _,
+    isSubmitting: t._isSubmitting,
+    isValid: w,
+    errors: n
+  }, T = y(
+    (e, f, r) => {
+      t.setValue(e, f, r);
+    },
+    [t]
+  ), h = y(
+    (e) => {
+      if (e)
+        return t._values.get(e);
+      const f = {};
+      return t._values.forEach((r, l) => {
+        R(f, l, r);
+      }), f;
+    },
+    [t]
+  ), A = y(
+    (e) => {
+      const f = e || t._defaultValues;
+      e && (t._defaultValues = e), t._values.clear(), t._errors.clear(), t._touched.clear(), t._dirty.clear(), t._validationCounters.clear(), t._computedErrors = {}, t._computedTouchedFields = {}, t._computedDirtyFields = {};
+      const r = V(f);
+      Object.entries(r).forEach(([l, c]) => {
+        t._values.set(l, c);
+      }), t._isSubmitting = !1, t.notify();
+    },
+    [t]
+  ), p = y(
+    async (e) => t.trigger(e),
+    [t]
+  ), D = y(
+    (e, f) => async (r) => {
+      r && r.preventDefault && r.preventDefault(), t._isSubmitting = !0, t.notify();
+      try {
+        if (await p()) {
+          const c = E(h());
+          await e(c);
+        } else f && f(t._computedErrors);
+      } finally {
+        t._isSubmitting = !1, t.notify();
+      }
+    },
+    [t, p, h]
+  );
+  return {
+    control: t,
+    handleSubmit: D,
+    setValue: T,
+    getValues: h,
+    reset: A,
+    formState: S,
+    trigger: p
+  };
+}
+async function F({
+  control: s,
+  i18n: o,
+  name: u,
+  value: i,
+  rules: t
+}) {
+  const n = (s._validationCounters.get(u) || 0) + 1;
+  s._validationCounters.set(u, n);
+  try {
+    const d = await q(i, t, o);
+    s._validationCounters.get(u) === n && (d ? (s._errors.set(u, d), s._computedErrors[u] = d) : (s._errors.delete(u), delete s._computedErrors[u]), s.notify());
+  } catch {
+    if (s._validationCounters.get(u) === n) {
+      const _ = { type: "validation", message: "Validation error" };
+      s._errors.set(u, _), s._computedErrors[u] = _, s.notify();
+    }
+  }
+}
+export {
+  k as getNestedValue,
+  R as setNestedValue,
+  j as useForm,
+  F as validateFieldWithRaceConditionHandling
+};

package/dist/es/hooks/form/useWatch.js

@@ -0,0 +1,14 @@
+import { useCallback as f, useState as i, useRef as p, useEffect as b } from "../../external/preact/hooks/dist/hooks.module.js";
+function l(e, t) {
+  const s = f(() => e.getValue(t), [e, t]), [r, n] = i(() => s()), a = p(r);
+  return b(() => {
+    const c = () => {
+      const u = s();
+      a.current !== u && (a.current = u, n(u));
+    };
+    return c(), e.subscribe(c);
+  }, [e, s, t]), r;
+}
+export {
+  l as useWatch
+};

package/dist/es/hooks/form/wizard/WizardFormContext.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { createContext as n } from "../../../external/preact/dist/preact.module.js";
+import { useContext as i } from "../../../external/preact/hooks/dist/hooks.module.js";
+const o = n(null);
+function s() {
+  const r = i(o);
+  if (!r)
+    throw new Error("useWizardFormContext must be used within a WizardFormProvider");
+  return r;
+}
+function d({ children: r, ...t }) {
+  return /* @__PURE__ */ e(o.Provider, { value: t, children: r });
+}
+export {
+  o as WizardFormContext,
+  d as WizardFormProvider,
+  s as useWizardFormContext
+};

package/dist/es/hooks/form/wizard/useWizardForm.js

@@ -0,0 +1,198 @@
+import { useReducer as x, useMemo as Y, useCallback as l } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useForm as K, getNestedValue as R } from "../useForm.js";
+function k(a, p) {
+  switch (p.type) {
+    case "SET_STEP":
+      return {
+        ...a,
+        currentStep: p.payload.step,
+        visitedSteps: /* @__PURE__ */ new Set([...a.visitedSteps, p.payload.step])
+      };
+    case "NEXT_STEP": {
+      const r = a.currentStep + 1;
+      return {
+        ...a,
+        currentStep: r,
+        visitedSteps: /* @__PURE__ */ new Set([...a.visitedSteps, r]),
+        completedSteps: /* @__PURE__ */ new Set([...a.completedSteps, a.currentStep])
+      };
+    }
+    case "PREVIOUS_STEP":
+      return {
+        ...a,
+        currentStep: Math.max(0, a.currentStep - 1)
+      };
+    case "MARK_STEP_COMPLETED":
+      return {
+        ...a,
+        completedSteps: /* @__PURE__ */ new Set([...a.completedSteps, p.payload.step])
+      };
+    case "MARK_STEP_VISITED":
+      return {
+        ...a,
+        visitedSteps: /* @__PURE__ */ new Set([...a.visitedSteps, p.payload.step])
+      };
+    case "SET_STEP_VALIDATION": {
+      const r = new Map(a.stepValidation);
+      return r.set(p.payload.step, p.payload.isValid), {
+        ...a,
+        stepValidation: r
+      };
+    }
+    case "SET_TRANSITIONING":
+      return {
+        ...a,
+        isTransitioning: p.payload
+      };
+    case "RESET_WIZARD":
+      return {
+        currentStep: 0,
+        completedSteps: /* @__PURE__ */ new Set(),
+        visitedSteps: /* @__PURE__ */ new Set([0]),
+        stepValidation: /* @__PURE__ */ new Map(),
+        isTransitioning: !1,
+        displayValues: /* @__PURE__ */ new Map()
+      };
+    case "SET_DISPLAY_VALUE": {
+      const r = new Map(a.displayValues), { field: c, displayValue: T } = p.payload;
+      return T === void 0 ? r.delete(c) : r.set(c, T), { ...a, displayValues: r };
+    }
+    case "RESET_DISPLAY_VALUES":
+      return { ...a, displayValues: /* @__PURE__ */ new Map() };
+    default:
+      return a;
+  }
+}
+function Z(a) {
+  const { i18n: p, steps: r, defaultValues: c, mode: T = "onBlur", onStepChange: o, validateBeforeNext: y = !0 } = a, [t, i] = x(k, {
+    currentStep: 0,
+    completedSteps: /* @__PURE__ */ new Set(),
+    visitedSteps: /* @__PURE__ */ new Set([0]),
+    stepValidation: /* @__PURE__ */ new Map(),
+    isTransitioning: !1,
+    displayValues: /* @__PURE__ */ new Map()
+  }), v = K({
+    defaultValues: c,
+    i18n: p,
+    mode: T
+  }), { trigger: m, getValues: d } = v, E = r.length, g = r[t.currentStep], w = t.currentStep === 0, A = t.currentStep === E - 1, V = !w && !t.isTransitioning, N = !A && !t.isTransitioning, P = Y(() => r.flatMap((e) => e.fields).reduce(
+    (e, s) => ({ ...e, [s.fieldName]: s }),
+    {}
+  ), [r]), I = l(
+    async (e) => {
+      const s = r[e];
+      if (!s) return !1;
+      if (s.isOptional) {
+        const n = d();
+        if (!s.fields.some(({ fieldName: b }) => {
+          const _ = R(n, b);
+          return _ !== void 0 && _ !== "" && _ !== null;
+        })) return !0;
+      }
+      const u = s.fields.filter(({ visible: n }) => n).map(({ fieldName: n }) => n), S = await m(u);
+      if (S && s.validate) {
+        const n = d();
+        return await s.validate(n);
+      }
+      return S;
+    },
+    [r, d, m]
+  ), f = l(async () => {
+    const e = await I(t.currentStep);
+    return i({
+      type: "SET_STEP_VALIDATION",
+      payload: { step: t.currentStep, isValid: e }
+    }), e;
+  }, [t.currentStep, I]), O = l(
+    (e) => t.stepValidation.get(e) ?? !1,
+    [t.stepValidation]
+  ), D = l(
+    (e) => t.completedSteps.has(e),
+    [t.completedSteps]
+  ), M = l(
+    async (e, s) => {
+      if (e < 0 || e >= E)
+        throw new Error(`Invalid step index: ${e}`);
+      if (!(s != null && s.skipValidation) && y && e > t.currentStep) {
+        i({ type: "SET_TRANSITIONING", payload: !0 });
+        try {
+          if (!await f())
+            return i({ type: "SET_TRANSITIONING", payload: !1 }), !1;
+          i({ type: "MARK_STEP_COMPLETED", payload: { step: t.currentStep } });
+        } catch (S) {
+          return i({ type: "SET_TRANSITIONING", payload: !1 }), console.error("Wizard step validation failed:", S), !1;
+        }
+      }
+      const u = t.currentStep;
+      return i({ type: "SET_STEP", payload: { step: e } }), i({ type: "SET_TRANSITIONING", payload: !1 }), o && o(e, u), !0;
+    },
+    [E, y, t.currentStep, f, o]
+  ), h = l(async () => {
+    if (!N) return !1;
+    if (i({ type: "SET_TRANSITIONING", payload: !0 }), y)
+      try {
+        if (!await f())
+          return i({ type: "SET_TRANSITIONING", payload: !1 }), !1;
+      } catch (s) {
+        return console.error("Wizard step validation failed on nextStep:", s), i({ type: "SET_TRANSITIONING", payload: !1 }), !1;
+      }
+    const e = t.currentStep;
+    return i({ type: "NEXT_STEP" }), i({ type: "SET_TRANSITIONING", payload: !1 }), o && o(e + 1, e), !0;
+  }, [N, y, f, t.currentStep, o]), L = l(() => {
+    if (!V) return;
+    const e = t.currentStep;
+    i({ type: "PREVIOUS_STEP" }), o && o(e - 1, e);
+  }, [V, t.currentStep, o]), G = l(() => {
+    i({ type: "RESET_WIZARD" });
+  }, []), C = l((e, s) => {
+    i({ type: "SET_DISPLAY_VALUE", payload: { field: e, displayValue: s } });
+  }, []), F = l(() => {
+    i({ type: "RESET_DISPLAY_VALUES" });
+  }, []), z = l(() => {
+    const e = d(), s = {};
+    return r.forEach((u) => {
+      const S = u.fields.filter((n) => n.visible !== !1).map((n) => ({
+        label: n.label,
+        value: R(e, n.fieldName),
+        id: n.fieldName,
+        displayValue: t.displayValues.get(n.fieldName)
+      })).filter((n) => n.value !== void 0 && n.value !== null && n.value !== "");
+      S.length > 0 && (s[u.id] = {
+        title: u.title,
+        fields: S
+      });
+    }), s;
+  }, [r, d, t.displayValues]), U = l(
+    (e) => t.displayValues.get(e),
+    [t.displayValues]
+  );
+  return {
+    ...v,
+    // Wizard state
+    currentStep: t.currentStep,
+    currentStepConfig: g,
+    isFirstStep: w,
+    isLastStep: A,
+    canGoNext: N,
+    canGoPrevious: V,
+    fieldsConfig: P,
+    // Navigation methods
+    goToStep: M,
+    nextStep: h,
+    previousStep: L,
+    resetWizard: G,
+    // Validation methods
+    validateStep: I,
+    isStepValid: O,
+    isStepComplete: D,
+    // Summary data
+    getSummaryData: z,
+    // Display values
+    getDisplayValue: U,
+    setFieldDisplayValue: C,
+    resetFieldDisplayValues: F
+  };
+}
+export {
+  Z as useWizardForm
+};

package/dist/es/hooks/useAccountBalances.js

@@ -0,0 +1,38 @@
+import { useRef as B, useCallback as A, useMemo as C } from "../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as F } from "./useFetch.js";
+import { createAbortable as k } from "../primitives/async/abortable/main.js";
+import { useConfigContext as O } from "../core/ConfigContext/context.js";
+import { isFunction as w } from "../utils/value/is.js";
+import { EMPTY_ARRAY as E } from "../utils/value/constants.js";
+const z = ({ balanceAccount: a }) => {
+  const { getBalances: n } = O().endpoints, f = B(k()).current, s = a == null ? void 0 : a.id, o = w(n), i = o && !!s, p = A(async () => {
+    if (i) {
+      const { signal: e } = f.refresh(!0);
+      try {
+        const t = await n({ signal: e }, { path: { balanceAccountId: s } });
+        if (!e.aborted) return t == null ? void 0 : t.data;
+      } catch (c) {
+        if (!e.aborted) throw c;
+      }
+    }
+  }, [f, s, i, n]), { data: u, error: m, isFetching: b } = F({
+    fetchOptions: { enabled: i },
+    queryFn: p
+  }), { balances: h, balancesLookup: y, currencies: l } = C(() => {
+    const e = [...Array.isArray(u) ? u : E], c = [...e].sort(({ currency: r }, { currency: g }) => r.localeCompare(g)), t = Object.freeze(Object.fromEntries(e.map((r) => [r.currency, r]))), d = Object.freeze([...new Set(c.map(({ currency: r }) => r))]);
+    return { balances: e, balancesLookup: t, currencies: d };
+  }, [u]);
+  return {
+    balances: h,
+    balancesLookup: y,
+    currencies: l,
+    error: m,
+    isAvailable: o,
+    isEmpty: !!m || !l.length,
+    isMultiCurrency: l.length > 1,
+    isWaiting: b || o && !s
+  };
+};
+export {
+  z as default
+};

package/dist/es/hooks/useAnalytics/useDurationEvent.js

@@ -0,0 +1,18 @@
+import { useRef as a, useEffect as i } from "../../external/preact/hooks/dist/hooks.module.js";
+import c from "../../core/Context/analytics/useAnalyticsContext.js";
+import e from "../useComponentTiming.js";
+const d = (o) => {
+  const { duration: n } = e(), t = c(), r = a(o);
+  i(() => {
+    r.current = o;
+  }, [o]), i(() => () => {
+    var u;
+    n.current !== void 0 && ((u = t.addEvent) == null || u.call(t, "Duration", {
+      ...r.current,
+      duration: Math.floor(n.current)
+    }));
+  }, [n, t]);
+};
+export {
+  d as useDurationEvent
+};

package/dist/es/hooks/useAnalytics/useFilterAnalyticsEvent.js

@@ -0,0 +1,29 @@
+import { useMemo as f } from "../../external/preact/hooks/dist/hooks.module.js";
+import u from "../../core/Context/analytics/useAnalyticsContext.js";
+const v = ({ category: e, label: o, subCategory: r }) => {
+  const t = u();
+  return { logEvent: f(() => {
+    if (e && o) {
+      const d = {
+        ...r && { subCategory: r },
+        actionType: "reset",
+        category: e,
+        label: o
+      };
+      return (n, i) => {
+        var s;
+        try {
+          (s = t.addModifyFilterEvent) == null || s.call(t, {
+            ...d,
+            ...n === "update" ? { actionType: n, value: i } : {}
+          });
+        } catch (c) {
+          console.error(c);
+        }
+      };
+    }
+  }, [t, e, o, r]) };
+};
+export {
+  v as default
+};

package/dist/es/hooks/useAnalytics/useLandedPageEvent.js

@@ -0,0 +1,12 @@
+import { useRef as a, useEffect as r } from "../../external/preact/hooks/dist/hooks.module.js";
+import s from "../../core/Context/analytics/useAnalyticsContext.js";
+const u = (t) => {
+  const e = s(), n = a(!0);
+  r(() => {
+    var o;
+    n.current && (n.current = !1, (o = e.addEvent) == null || o.call(e, "Landed on page", t));
+  }, [e, t]);
+};
+export {
+  u as useLandedPageEvent
+};

package/dist/es/hooks/useAnalytics/usePushAnalyticEvent.js

@@ -6,16 +6,17 @@ import { EMPTY_OBJECT as s } from "../../utils/value/constants.js";
 const E = () => {
   const { sendTrackEvent: m } = p().endpoints, { mutate: t } = a({
     queryFn: m
-  }), e = c(
-    (o, n) => t == null ? void 0 : t(
+  }), n = c(
+    (o, e) => t == null ? void 0 : t(
       {
         body: o.toString(),
-        contentType: "application/x-www-form-urlencoded"
+        contentType: "application/x-www-form-urlencoded",
+        keepalive: !0
       },
       {
-        ...n ? {
+        ...e ? {
           query: {
-            component: n
+            component: e
           }
         } : s
       }
@@ -24,10 +25,10 @@ const E = () => {
   );
   return c(
     (o) => {
-      const n = o.properties.componentName, r = i(o);
-      r && e(r, n);
+      const e = o.properties.componentName, r = i(o);
+      r && n(r, e);
     },
-    [e]
+    [n]
   );
 };
 export {

package/dist/es/hooks/useBalanceAccountSelection.js

@@ -1,45 +1,49 @@
-import y from "../core/Context/analytics/useAnalyticsContext.js";
-import { useRef as T, useState as L, useCallback as p, useMemo as s } from "../external/preact/hooks/dist/hooks.module.js";
-import O from "../core/Context/useCoreContext.js";
-import { capitalize as _ } from "../utils/value/string.js";
-import { uniqueId as B } from "../utils/random/uniqueId.js";
-const l = B(), D = (t, d = !1) => {
-  const { i18n: u } = O(), a = T(!1), [c, f] = L(0), C = p(() => f(0), []), r = y(), e = s(
-    () => t && [
-      ...t,
-      ...d ? [
+import { useState as h, useMemo as f, useRef as v, useCallback as C, useEffect as N } from "../external/preact/hooks/dist/hooks.module.js";
+import T from "../core/Context/useCoreContext.js";
+import b from "./useAnalytics/useFilterAnalyticsEvent.js";
+import { capitalize as q } from "../utils/value/string.js";
+import { uniqueId as z } from "../utils/random/uniqueId.js";
+const x = z(), D = ({
+  allowAllSelection: d = !1,
+  balanceAccounts: o,
+  eventCategory: y,
+  eventSubCategory: A,
+  eventLabel: B = "Balance account filter",
+  onUpdateSelection: r
+}) => {
+  const { i18n: m } = T(), { logEvent: i } = b({ category: y, subCategory: A, label: B }), [a, I] = h(0), e = f(
+    () => o && [
+      ...o,
+      ...d && o.length > 1 ? [
         {
-          ...t[0] ?? {},
-          id: l,
+          ...o[0] ?? {},
+          id: x,
           description: void 0
         }
       ] : []
     ],
-    [d, t]
-  ), S = s(() => e == null ? void 0 : e[c], [e, c]), x = s(
-    () => t && t.length > 1 ? Object.freeze(
-      e == null ? void 0 : e.map(({ description: o, id: n }) => {
-        const i = n === l ? u.get("common.filters.types.account.options.all") : _(o);
-        return { id: n, name: i };
-      })
-    ) : void 0,
-    [e, t, u]
-  ), I = p(
-    ({ target: o }) => {
-      var m;
-      const n = o == null ? void 0 : o.value, i = e == null ? void 0 : e.findIndex(({ id: v }) => v === n);
-      i >= 0 && (a.current && i !== c && ((m = r.addModifyFilterEvent) == null || m.call(r, {
-        actionType: "update",
-        label: "Balance account filter",
-        category: "Transaction component",
-        value: n
-      })), a.current = !0, f(i));
+    [d, o]
+  ), c = f(() => e == null ? void 0 : e[a], [e, a]), n = c == null ? void 0 : c.id, p = v(), E = f(
+    () => Object.freeze(
+      (e == null ? void 0 : e.map(({ description: t, id: u }) => {
+        const s = u === x ? m.get("common.filters.types.account.options.all") : q(t);
+        return { id: u, name: s };
+      })) ?? []
+    ),
+    [e, m]
+  ), L = C(
+    ({ target: t }) => {
+      const u = t == null ? void 0 : t.value, s = e == null ? void 0 : e.findIndex(({ id: _ }) => _ === u);
+      s !== void 0 && s >= 0 && I(s);
     },
-    [e, r, c]
-  );
-  return { activeBalanceAccount: S, balanceAccountSelectionOptions: x, onBalanceAccountSelection: I, resetBalanceAccountSelection: C };
+    [e]
+  ), O = C(() => I(0), []);
+  return N(() => {
+    const t = p.current;
+    t !== n && (p.current = n, t && n && (i == null || i("update", n)), r == null || r(c));
+  }, [c, n, i, r]), { activeBalanceAccount: c, balanceAccountSelectionOptions: E, onBalanceAccountSelection: L, resetBalanceAccountSelection: O };
 };
 export {
-  l as ALL_BALANCE_ACCOUNTS_SELECTION_ID,
+  x as ALL_BALANCE_ACCOUNTS_SELECTION_ID,
   D as default
 };