@picked/client 0.0.1-dev.1772493269328 → 0.0.1-dev.1773364848747

package/dist/esm/index.js

@@ -1,16 +1,17 @@
 import { createDomain as x, createApi as j, attach as U, createStore as T, createEffect as R, sample as k, combine as D, createEvent as V } from "effector";
 import { createFactory as b, invoke as I } from "@withease/factories";
 import { g as W, t as te, c as re, i as se, e as P, a as ne, b as ie, d as oe } from "../experience-instance-fvSEb72i.js";
-import { f as zt } from "../experience-instance-fvSEb72i.js";
+import { f as Ot } from "../experience-instance-fvSEb72i.js";
 import { l as w } from "../logger-C9a75KZn.js";
-import { c as A, l as C, s as M } from "../storage-Co_LbKr_.js";
-import { a as Mt } from "../storage-Co_LbKr_.js";
-import { p as ae, g as ce } from "../api-Cn3XwsA6.js";
+import { c as A, l as C, s as O } from "../storage-Co_LbKr_.js";
+import { a as Ut } from "../storage-Co_LbKr_.js";
+import { p as ae, g as ce } from "../api-CMwQlyo0.js";
 import { g as ue } from "../id-BW-g3y32.js";
 import { i as de } from "../object-JwZ58NOH.js";
-import { s as L, a as _, b as le, c as pe, d as fe } from "../supports-8YT4QKI7.js";
-import { e as Ut, f as Dt, g as Vt, h as Nt, i as Tt, j as Lt, k as _t } from "../supports-8YT4QKI7.js";
-const Y = x("experience"), ge = b(
+import { t as le } from "../to-kebab-case-BPnCZjhB.js";
+import { s as L, a as _, b as pe, c as fe, d as ge } from "../supports-8YT4QKI7.js";
+import { e as Vt, f as Nt, g as Tt, h as Lt, i as _t, j as Ht, k as Kt } from "../supports-8YT4QKI7.js";
+const Y = x("experience"), me = b(
   ({ client: t, experience: e }) => {
     const r = Y.store(e), s = j(r, {
       merge(u, g) {
@@ -19,107 +20,107 @@ const Y = x("experience"), ge = b(
           ...g.experience
         };
       }
-    }), i = r.map((u) => ({
+    }), n = r.map((u) => ({
       name: u.name,
-      decisionLogic: u.condition ?? u.decide,
+      decisionLogic: u.condition,
       targetSelectors: u.targets,
       initializeOpenLogic: e.initializeOpen
-    })), l = t.components.listStore.map(
-      (u) => u.find((g) => g.name === `experience:${e.id}`) || u.find((g) => g.name === "experience"),
+    })), p = t.components.listStore.map(
+      (u) => (e.componentName ? u.find((g) => g.name === e.componentName) : void 0) || u.find((g) => g.name === `experience:${e.id}`) || u.find((g) => g.name === "experience"),
       { skipVoid: !1 }
-    ), a = r.map((u) => ({
+    ), o = r.map((u) => ({
       steps: u.steps,
       nodes: u.nodes,
       edges: u.edges,
       conditionals: u.conditionals
-    })), n = r.map((u) => u.fields), p = e.actions ?? [];
+    })), c = r.map((u) => u.fields), a = e.actions ?? [];
     return {
       id: e.id,
-      configStore: i,
-      treeStore: a,
-      fieldsStore: n,
-      componentStore: l,
-      actions: p,
+      configStore: n,
+      treeStore: o,
+      fieldsStore: c,
+      componentStore: p,
+      actions: a,
       merge: s.merge
     };
   }
 );
-function me(t) {
-  return I(ge, t);
+function he(t) {
+  return I(me, t);
 }
-const he = b(({ client: t }) => {
+const ye = b(({ client: t }) => {
   const e = Y.store({}), r = j(e, {
-    register(u, g) {
+    register(a, u) {
       return {
-        ...u,
-        [g.id]: g
+        ...a,
+        [u.id]: u
       };
     }
   });
-  function s(u) {
-    const g = e.getState()[u.id];
-    if (g) {
-      g.merge({ experience: u, strategy: "override" });
+  function s(a) {
+    const u = e.getState()[a.id];
+    if (u) {
+      u.merge({ experience: a, strategy: "override" });
       return;
     }
-    const S = me({ client: t, experience: u });
-    r.register(S);
+    const g = he({ client: t, experience: a });
+    r.register(g);
   }
-  const i = e.map((u) => Object.values(u));
-  function l(u) {
-    return e.map((g) => g[u], { skipVoid: !1 });
+  const n = e.map((a) => Object.values(a));
+  function p(a) {
+    return e.map((u) => u[a], { skipVoid: !1 });
   }
-  const a = l, n = U({
+  const o = U({
     source: e,
-    effect: async (u, { id: g, options: S }) => {
-      const m = u[g];
-      if (!m) {
-        w("warn", `Experience with id '${g}' not found.`);
+    effect: async (a, { id: u, options: g }) => {
+      const S = a[u];
+      if (!S) {
+        w("warn", `Experience with id '${u}' not found.`);
         return;
       }
-      if (S?.bypassCondition) {
-        N(t, m, S);
+      if (g?.bypassCondition) {
+        N(t, S, g);
         return;
       }
-      await Q(t, m) && N(t, m, S);
+      await Q(t, S) && N(t, S, g);
     }
-  }), p = U({
+  }), c = U({
     source: t.experienceInstances.listStore,
-    effect: (u, { id: g, options: S }) => {
-      const m = u.filter((o) => o.experienceId === g);
-      if (m.length > 0)
-        for (const o of m)
-          o.open();
+    effect: (a, { id: u, options: g }) => {
+      const S = a.filter((m) => m.experienceId === u);
+      if (S.length > 0)
+        for (const m of S)
+          m.open();
       else
-        n({ id: g, options: { ...S, initialiseOpen: !0 } });
+        o({ id: u, options: { ...g, initialiseOpen: !0 } });
     }
   });
   return {
     /** Registers an experience in the index. If an experience with the same ID already exists, it is merged. */
     register: s,
     /** Returns a derived store for an experience by its ID. The store value is `undefined` when no match exists. */
-    get: l,
+    get: p,
     /** @deprecated Use `experiences.get(id)` instead. */
-    getById: a,
+    getById: p,
     /** Effector effect that launches an experience by ID, creating instances for each DOM target. */
-    launch: n,
+    launch: o,
     /** Effector effect that opens an experience's existing instances, or launches it with `initialiseOpen` if none exist. */
-    open: p,
+    open: c,
     /** Derived store containing all registered experiences as an array. */
-    listStore: i
+    listStore: n
   };
 });
-function ye(t) {
-  return I(he, t);
+function Se(t) {
+  return I(ye, t);
 }
-const Se = (t, e) => {
+const ve = (t, e) => {
   e.register(t);
 }, N = (t, e, r) => {
-  const { targetSelectors: s } = e.configStore.getState(), i = W(s, e.id);
-  i.forEach(
-    ({ elements: a }) => a.forEach((n) => te(n, e.id))
-  ), re(i, e.id).forEach((a) => {
-    r ? t.experienceInstances.spawn(e, a, r) : t.experienceInstances.spawn(e, a);
+  const { targetSelectors: s } = e.configStore.getState(), n = W(s, e.id);
+  n.forEach(
+    ({ elements: o }) => o.forEach((c) => te(c, e.id))
+  ), re(n, e.id).forEach((o) => {
+    r ? t.experienceInstances.spawn(e, o, r) : t.experienceInstances.spawn(e, o);
   });
 }, H = async (t) => {
   await Promise.all(
@@ -128,17 +129,17 @@ const Se = (t, e) => {
     })
   );
 }, Q = async (t, e) => {
-  if (!t.session?.isUser)
+  if (!t.preconditionPassed || !t.session?.isUser)
     return !1;
   const { decisionLogic: r, targetSelectors: s } = e.configStore.getState();
   return W(s, e.id).length < 1 || s.length === 0 ? !1 : r === void 0 ? !0 : se(r) ? await P(t, r) === !0 : !0;
-}, ve = (t, e, r) => {
-  const s = e.name, i = e.setup(t);
-  if (i) {
-    const l = r[s] ?? {};
-    r[s] = Object.freeze({ ...l, ...i });
+}, ke = (t, e, r) => {
+  const s = e.name, n = e.setup(t);
+  if (n) {
+    const p = r[s] ?? {};
+    r[s] = Object.freeze({ ...p, ...n });
   }
-}, ke = x("component"), we = b(
+}, we = x("component"), be = b(
   ({ client: t, component: e, name: r }) => {
     const s = t.frameworks.getByName(e.frameworkName);
     return {
@@ -148,83 +149,83 @@ const Se = (t, e) => {
     };
   }
 );
-function be(t) {
-  return I(we, t);
+function Ie(t) {
+  return I(be, t);
 }
-const Ie = b(({ client: t }) => {
-  const e = ke.store({}), r = j(e, {
-    register(a, n) {
+const Fe = b(({ client: t }) => {
+  const e = we.store({}), r = j(e, {
+    register(o, c) {
       return {
-        ...a,
-        [n.name]: n
+        ...o,
+        [c.name]: c
       };
     }
   });
-  function s(a, n) {
-    e.getState()[a] && w(
+  function s(o, c) {
+    e.getState()[o] && w(
       "warn",
-      `Component '${a}' already registered. Registering again will override the previous registration.`
+      `Component '${o}' already registered. Registering again will override the previous registration.`
     );
-    const u = be({ client: t, name: a, component: n });
+    const u = Ie({ client: t, name: o, component: c });
     r.register(u);
   }
-  const i = e.map((a) => Object.values(a));
-  function l(a) {
-    return e.map((n) => n[a], { skipVoid: !1 });
+  const n = e.map((o) => Object.values(o));
+  function p(o) {
+    return e.map((c) => c[o], { skipVoid: !1 });
   }
   return {
     register: s,
-    getByName: l,
-    listStore: i
+    getByName: p,
+    listStore: n
   };
 });
-function Fe(t) {
-  return I(Ie, t);
+function xe(t) {
+  return I(Fe, t);
 }
-const G = (t, e, r) => {
+const K = (t, e, r) => {
   r.register(t, e);
-}, xe = x("framework"), je = b(({ client: t }) => {
-  const e = xe.store({}), r = j(e, {
-    register(a, n) {
+}, je = x("framework"), Ee = b(({ client: t }) => {
+  const e = je.store({}), r = j(e, {
+    register(o, c) {
       return {
-        ...a,
-        [n.name]: n.framework
+        ...o,
+        [c.name]: c.framework
       };
     }
   });
-  function s(a, n) {
-    e.getState()[a] && w(
+  function s(o, c) {
+    e.getState()[o] && w(
       "warn",
-      `Framework '${a}' already registered. Registering again will override the previous registration.`
-    ), r.register({ name: a, framework: n });
+      `Framework '${o}' already registered. Registering again will override the previous registration.`
+    ), r.register({ name: o, framework: c });
   }
-  const i = e.map((a) => Object.values(a));
-  function l(a) {
-    return e.map((n) => n[a], { skipVoid: !1 });
+  const n = e.map((o) => Object.values(o));
+  function p(o) {
+    return e.map((c) => c[o], { skipVoid: !1 });
   }
   return {
     register: s,
-    getByName: l,
-    listStore: i
+    getByName: p,
+    listStore: n
   };
 });
-function Ee(t) {
-  return I(je, t);
+function Pe(t) {
+  return I(Ee, t);
 }
-const Pe = (t, e) => {
+const Ae = (t, e) => {
   e.register(t.name, t);
-}, Ae = 6e3, $e = A("last_ping", "global"), Be = async (t) => {
+}, $e = 6e3, Be = A("last_ping", "global"), Re = async (t) => {
   try {
-    const e = Date.now(), r = C.get($e);
+    const e = Date.now(), r = C.get(Be);
     let s = 0;
-    if (r.isSet() && (s = r.json() ?? 0), s && e - s < Ae)
+    if (r.isSet() && (s = r.json() ?? 0), s && e - s < $e)
       return !0;
-    const i = {
+    const n = {
       projectId: t.projectId,
       path: window.location.pathname
-    }, l = {}, n = document.getElementById("picked_script")?.dataset.verceltoken;
-    n && (l["x-vercel-protection-bypass"] = n);
-    const u = (await ae(t.apiUrl, "ping", i, l)).ok;
+    }, p = {}, c = document.getElementById("picked_script")?.dataset.verceltoken;
+    c && (p["x-vercel-protection-bypass"] = c);
+    const u = (await ae(t.apiUrl, "ping", n, p)).ok;
     return u && r.set(e), u;
   } catch (e) {
     return w("error", e), !1;
@@ -242,34 +243,34 @@ function X(t) {
   };
   return Object.freeze(r);
 }
-const Re = x("predicate"), ze = b(({ client: t }) => {
-  const e = Re.store({}), r = j(e, {
-    register(n, p) {
+const ze = x("predicate"), Ce = b(({ client: t }) => {
+  const e = ze.store({}), r = j(e, {
+    register(c, a) {
       return {
-        ...n,
-        [p.name]: {
-          name: p.name,
-          predicate: p.predicate
+        ...c,
+        [a.name]: {
+          name: a.name,
+          predicate: a.predicate
         }
       };
     }
   });
-  function s(n, p) {
-    e.getState()[n] && w(
+  function s(c, a) {
+    e.getState()[c] && w(
       "warn",
-      `Predicate '${n}' already registered. Registering again will override the previous registration.`
-    ), r.register(Object.freeze({ name: n, predicate: p }));
+      `Predicate '${c}' already registered. Registering again will override the previous registration.`
+    ), r.register(Object.freeze({ name: c, predicate: a }));
   }
-  const i = e.map((n) => Object.values(n));
-  function l(n) {
-    return e.map((p) => p[n]?.predicate, { skipVoid: !1 });
+  const n = e.map((c) => Object.values(c));
+  function p(c) {
+    return e.map((a) => a[c]?.predicate, { skipVoid: !1 });
   }
-  function a(n) {
-    const p = T(() => {
+  function o(c) {
+    const a = T(() => {
     }, {
       skipVoid: !1
     }), u = R(async () => {
-      const g = l(n).getState();
+      const g = p(c).getState();
       if (!g)
         return;
       const S = X(t);
@@ -281,184 +282,184 @@ const Re = x("predicate"), ze = b(({ client: t }) => {
     }), k({
       clock: u.doneData,
       filter: (g) => g !== void 0,
-      target: p
-    }), u(), p;
+      target: a
+    }), u(), a;
   }
   return {
     register: s,
-    getByName: l,
-    listStore: i,
-    getEvokablePredicate: a
+    getByName: p,
+    listStore: n,
+    getEvokablePredicate: o
   };
 });
-function Ce(t) {
-  return I(ze, t);
+function Oe(t) {
+  return I(Ce, t);
 }
 const Me = (t, e, r) => {
   r.register(t, e);
-}, J = x("feature"), Oe = b(({ client: t }) => {
-  const e = J.store({}), r = J.store([]), s = j(e, {
-    register(o, c) {
+}, G = x("feature"), Ue = b(({ client: t }) => {
+  const e = G.store({}), r = G.store([]), s = j(e, {
+    register(i, d) {
       return {
-        ...o,
-        [c.id]: c.feature
+        ...i,
+        [d.id]: d.feature
       };
     }
   });
-  function i(o, c) {
-    e.getState()[o] && w(
+  function n(i, d) {
+    e.getState()[i] && w(
       "warn",
-      `Feature '${o}' already registered. Registering again will override the previous registration.`
+      `Feature '${i}' already registered. Registering again will override the previous registration.`
     );
-    const d = {
-      id: o,
+    const l = {
+      id: i,
       feature: {
-        ...c,
-        id: o
+        ...d,
+        id: i
       }
     };
     s.register(
       Object.freeze({
-        id: o,
-        feature: d
+        id: i,
+        feature: l
       })
     );
   }
-  const l = R(
+  const p = R(
     async ({
-      id: o,
-      key: c,
+      id: i,
+      key: d,
       storage: f = "local"
     }) => {
-      const d = A(`feature:${o}:${c}`, "global"), y = (f === "session" ? M : C).get(d).boolean();
-      return y === null ? null : { id: o, key: c, bucket: y, storage: f };
+      const l = A(`feature:${i}:${d}`, "global"), y = (f === "session" ? O : C).get(l).boolean();
+      return y === null ? null : { id: i, key: d, bucket: y, storage: f };
     }
-  ), a = R((o) => {
-    if (!o)
+  ), o = R((i) => {
+    if (!i)
       return null;
-    const c = A(`feature:${o.id}:${o.key}`, "global");
-    (o.storage === "session" ? M : C).set(c, o.bucket);
-  }), n = /* @__PURE__ */ new Map(), p = U({
+    const d = A(`feature:${i.id}:${i.key}`, "global");
+    (i.storage === "session" ? O : C).set(d, i.bucket);
+  }), c = /* @__PURE__ */ new Map(), a = U({
     source: { allFeaturesStore: e, resolvedFeaturesStore: r },
-    effect: async ({ allFeaturesStore: o, resolvedFeaturesStore: c }, { id: f, decide: d, key: h }) => {
-      const y = c.find(
+    effect: async ({ allFeaturesStore: i, resolvedFeaturesStore: d }, { id: f, decide: l, key: h }) => {
+      const y = d.find(
         (B) => B.id === f && B.key === h
       );
       if (y)
         return y;
-      const F = o[f];
+      const F = i[f];
       if (!F)
         throw new Error(`Feature with id '${f}' not found`);
-      const $ = n.get(`${f}:${h}`);
+      const $ = c.get(`${f}:${h}`);
       if ($ !== void 0) {
         const B = await $;
         return { id: F.id, bucket: B, key: h, storage: F.feature.storage };
       }
-      const v = d();
-      n.set(`${f}:${h}`, v);
+      const v = l();
+      c.set(`${f}:${h}`, v);
       const ee = await v;
       return { id: F.id, bucket: ee, key: h, storage: F.feature.storage };
     }
   });
   k({
     clock: s.register,
-    fn: (o) => {
-      const { id: c, feature: f } = o;
-      return { id: c, key: f.feature.key, storage: f.feature.storage };
+    fn: (i) => {
+      const { id: d, feature: f } = i;
+      return { id: d, key: f.feature.key, storage: f.feature.storage };
     },
-    target: l
+    target: p
   }), k({
     source: e,
-    clock: p.doneData,
-    fn: (o, c) => {
-      const { id: f, bucket: d, storage: h } = c, y = o[f]?.feature.key;
-      return y ? { key: y, id: f, bucket: d, storage: h } : null;
+    clock: a.doneData,
+    fn: (i, d) => {
+      const { id: f, bucket: l, storage: h } = d, y = i[f]?.feature.key;
+      return y ? { key: y, id: f, bucket: l, storage: h } : null;
     },
-    target: a
+    target: o
   });
   const u = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
     ({
-      allFeaturesStore: o,
-      resolvedFeaturesStore: c
-    }) => Object.values(o).map((f) => {
-      const d = c.find(
+      allFeaturesStore: i,
+      resolvedFeaturesStore: d
+    }) => Object.values(i).map((f) => {
+      const l = d.find(
         (h) => h.id === f.id && h.key === f.feature.key
       );
-      return d ? {
+      return l ? {
         id: f.id,
         name: f.feature.name,
         key: f.feature.key,
-        getBucket: () => ({ id: f.id, bucket: d.bucket }),
+        getBucket: () => ({ id: f.id, bucket: l.bucket }),
         isResolved: !0
       } : {
         id: f.id,
         name: f.feature.name,
         key: f.feature.key,
-        getBucket: async () => await p(f.feature),
+        getBucket: async () => await a(f.feature),
         isResolved: !1
       };
     })
   );
   k({
-    clock: p.doneData,
+    clock: a.doneData,
     source: { resolvedFeatures: r },
-    filter: ({ resolvedFeatures: o }, { id: c, key: f }) => !o.some(
-      (h) => h.id === c && h.key === f
+    filter: ({ resolvedFeatures: i }, { id: d, key: f }) => !i.some(
+      (h) => h.id === d && h.key === f
     ),
-    fn: (o, c) => c,
-    target: t.eventBus.prepend((o) => ({
+    fn: (i, d) => d,
+    target: t.eventBus.prepend((i) => ({
       type: "feature_decide",
-      feature: o
+      feature: i
     }))
   }), k({
-    clock: [l.doneData, p.doneData],
+    clock: [p.doneData, a.doneData],
     source: r,
-    fn: (o, c) => !c || o.some(
-      (d) => d.id === c.id && d.key === c.key
-    ) ? o : [...o, c],
+    fn: (i, d) => !d || i.some(
+      (l) => l.id === d.id && l.key === d.key
+    ) ? i : [...i, d],
     target: r
   });
-  function g(o) {
-    return u.map((c) => c.find((f) => f.id === o));
+  function g(i) {
+    return u.map((d) => d.find((f) => f.id === i));
   }
-  function S(o) {
-    return e.map((c) => c[o], { skipVoid: !1 });
+  function S(i) {
+    return e.map((d) => d[i], { skipVoid: !1 });
   }
-  function m(o) {
-    const c = T(
+  function m(i) {
+    const d = T(
       async () => {
       },
       { skipVoid: !1 }
     ), f = R(async () => {
-      const d = g(o).getState();
-      if (d)
-        return async () => (await d.getBucket()).bucket;
+      const l = g(i).getState();
+      if (l)
+        return async () => (await l.getBucket()).bucket;
     });
     return k({
       source: r,
-      filter: (d) => d.some((h) => h.id === o),
+      filter: (l) => l.some((h) => h.id === i),
       target: f
     }), k({
       clock: f.doneData,
-      filter: (d) => d !== void 0,
-      target: c
-    }), f(), c;
+      filter: (l) => l !== void 0,
+      target: d
+    }), f(), d;
   }
   return {
-    register: i,
+    register: n,
     getById: g,
     getByName: S,
     listStore: u,
     getEvokableFeature: m
   };
 });
-function Ue(t) {
-  return I(Oe, t);
+function De(t) {
+  return I(Ue, t);
 }
-const De = (t, e, r) => {
+const Ve = (t, e, r) => {
   r.register(t, e);
 }, E = x("history");
-function q(t, e) {
+function J(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
     id: ue(`history-entry-${Date.now()}-${Math.random()}}`),
@@ -467,49 +468,49 @@ function q(t, e) {
     experienceId: t
   };
 }
-const Ve = b(() => {
-  const t = E.store({ entries: [] }), e = E.event(), r = E.event(), s = E.event(), i = E.event();
-  t.on(e, (a, n) => ({
-    entries: [...a.entries, q(n.experienceId, n.node)]
-  })), t.on(r, (a, n) => ({
+const Ne = b(() => {
+  const t = E.store({ entries: [] }), e = E.event(), r = E.event(), s = E.event(), n = E.event();
+  t.on(e, (o, c) => ({
+    entries: [...o.entries, J(c.experienceId, c.node)]
+  })), t.on(r, (o, c) => ({
     entries: [
-      ...a.entries.slice(0, -1),
-      q(n.experienceId, n.node)
+      ...o.entries.slice(0, -1),
+      J(c.experienceId, c.node)
     ]
-  })), t.on(i, (a, n) => n);
-  function l(a, n) {
-    const p = { lastStepIndex: -1, secondLastStepIndex: -1 };
-    for (let u = a.length - 1; u >= 0; u--) {
-      const g = a[u], S = g?.node;
-      if (!(!S || !ne(S)) && !(n && g?.experienceId !== n))
-        if (p.lastStepIndex === -1)
-          p.lastStepIndex = u;
+  })), t.on(n, (o, c) => c);
+  function p(o, c) {
+    const a = { lastStepIndex: -1, secondLastStepIndex: -1 };
+    for (let u = o.length - 1; u >= 0; u--) {
+      const g = o[u], S = g?.node;
+      if (!(!S || !ne(S)) && !(c && g?.experienceId !== c))
+        if (a.lastStepIndex === -1)
+          a.lastStepIndex = u;
         else {
-          p.secondLastStepIndex = u;
+          a.secondLastStepIndex = u;
           break;
         }
     }
-    return p;
+    return a;
   }
-  return t.on(s, (a, n) => {
-    const { secondLastStepIndex: p } = l(a.entries, n.experienceId), u = p !== -1 ? a.entries.slice(0, p + 1) : a.entries;
+  return t.on(s, (o, c) => {
+    const { secondLastStepIndex: a } = p(o.entries, c.experienceId), u = a !== -1 ? o.entries.slice(0, a + 1) : o.entries;
     return {
-      ...a,
+      ...o,
       entries: u
     };
   }), {
     push: e,
     replace: r,
     back: s,
-    restore: i,
-    entriesStore: t.map((a) => a.entries)
+    restore: n,
+    entriesStore: t.map((o) => o.entries)
   };
 });
-function Ne() {
-  return I(Ve);
+function Te() {
+  return I(Ne);
 }
-let Te = 0;
-const Le = (t) => {
+let Le = 0;
+const _e = (t) => {
   const e = T([]);
   return k({
     clock: t,
@@ -517,318 +518,323 @@ const Le = (t) => {
     fn: (r, s) => [
       ...r,
       {
-        id: Te++,
+        id: Le++,
         at: /* @__PURE__ */ new Date(),
         payload: s
       }
     ],
     target: e
   }), e;
-}, _e = x("field"), He = b(() => {
-  const t = _e.store({}), e = j(t, {
-    register(n, p) {
+}, He = x("field"), Ke = b(() => {
+  const t = He.store({}), e = j(t, {
+    register(a, u) {
       return {
-        ...n,
-        [p.field.id]: p.field
+        ...a,
+        [u.resolvedKey]: { ...u.field, key: u.resolvedKey }
       };
     }
   });
-  function r(n) {
-    e.register({ field: n });
+  function r(a) {
+    e.register({ field: a, resolvedKey: a.key });
   }
-  function s(n, p) {
-    const u = l(n).getState();
-    if (!u)
+  function s(a, u) {
+    const g = p(a).getState();
+    if (!g)
       return;
-    const g = Object.assign({}, u, {
-      ...p
+    const S = Object.assign({}, g, {
+      ...u
     });
-    e.register({ field: { ...g } });
+    e.register({ field: { ...S }, resolvedKey: a });
   }
-  const i = t.map((n) => Object.values(n));
-  function l(n) {
-    return t.map((p) => p[n] || null);
+  const n = t.map((a) => Object.values(a));
+  function p(a) {
+    return t.map((u) => u[a] || null);
   }
-  function a(n) {
-    return t.map((p) => Object.values(p).find((u) => u.name === n) || null);
+  function o(a) {
+    return t.map((u) => Object.values(u).find((g) => g.id === a) || null);
+  }
+  function c(a) {
+    return t.map((u) => Object.values(u).find((g) => g.name === a) || null);
   }
   return {
     register: r,
     update: s,
-    getById: l,
-    listStore: i,
-    getByName: a
+    getByKey: p,
+    getById: o,
+    listStore: n,
+    getByName: c
   };
 });
 function Ge() {
-  return I(He);
+  return I(Ke);
 }
 const Je = (t, e) => {
   e.register(t);
-}, qe = x("action"), Ke = b(() => {
+}, qe = x("action"), We = b(() => {
   const t = qe.store({}), e = j(t, {
-    register(a, n) {
+    register(o, c) {
       return {
-        ...a,
-        [n.name]: {
-          name: n.name,
-          action: n.action
+        ...o,
+        [c.name]: {
+          name: c.name,
+          action: c.action
         }
       };
     }
   });
-  function r(a, n) {
-    e.register({ name: a, action: n });
+  function r(o, c) {
+    e.register({ name: o, action: c });
   }
-  const s = t.map((a) => Object.values(a));
-  function i(a) {
-    return t.map((n) => n[a], { skipVoid: !1 });
+  const s = t.map((o) => Object.values(o));
+  function n(o) {
+    return t.map((c) => c[o], { skipVoid: !1 });
   }
-  function l(a) {
+  function p(o) {
     return t.map(
-      (n) => {
-        const p = n[a];
-        return p ? p.action : void 0;
+      (c) => {
+        const a = c[o];
+        return a ? a.action : void 0;
       },
       { skipVoid: !1 }
     );
   }
   return {
     register: r,
-    getByName: i,
+    getByName: n,
     listStore: s,
-    getEvokableAction: l
+    getEvokableAction: p
   };
 });
-function We() {
-  return I(Ke);
+function Ye() {
+  return I(We);
 }
-const Ye = (t, e, r) => {
+const Qe = (t, e, r) => {
   r.register(t, e);
 };
-function O(t) {
+function M(t) {
   return typeof t > "u" || t === null || t === "" || Array.isArray(t) && !t.length;
 }
-function Qe(t) {
+function Xe(t) {
   return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null;
 }
-function K(t) {
+function q(t) {
   try {
     return JSON.stringify(t), !0;
   } catch {
     return !1;
   }
 }
-const Xe = x("response"), Ze = b(({ client: t }) => {
-  const e = Xe.store({}), r = V(), s = V(), i = j(e, {
-    register(m, o) {
+const Ze = x("response"), et = b(({ client: t }) => {
+  const e = Ze.store({}), r = V(), s = V(), n = j(e, {
+    register(m, i) {
       return {
         ...m,
-        [o.fieldId]: o.response
+        [i.fieldId]: i.response
       };
     },
-    registerBatch(m, o) {
+    registerBatch(m, i) {
       return {
         ...m,
-        ...o
+        ...i
       };
     },
-    clear(m, o) {
-      const { [o]: c, ...f } = m;
+    clear(m, i) {
+      const { [i]: d, ...f } = m;
       return f;
     },
     clearAll() {
       return {};
     }
   });
-  function l(m, o) {
+  function p(m, i) {
     if (typeof m == "string") {
-      if (o === void 0)
+      if (i === void 0)
         throw new Error("Response is required when registering a single field");
-      i.register({ fieldId: m, response: o });
+      n.register({ fieldId: m, response: i });
     } else
-      i.registerBatch(m);
+      n.registerBatch(m);
   }
-  async function a(m) {
-    const o = [];
+  async function o(m) {
+    const i = [];
     return await Promise.allSettled(
-      Object.entries(m).map(async ([c, f]) => {
-        let d = f;
-        const h = t.fields.getById(c).getState();
+      // eslint-disable-next-line sonarjs/cognitive-complexity -- validation covers all field types, options, and JSON-serializability; splitting would obscure intent
+      Object.entries(m).map(async ([d, f]) => {
+        let l = f;
+        const h = t.fields.getByKey(d).getState();
         if (!h) {
-          o.push({
-            fieldId: c,
-            userMessage: `Field '${c}' not found`,
-            systemMessage: `No field with ID '${c}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,
-            value: d
+          i.push({
+            fieldId: d,
+            userMessage: `Field '${d}' not found`,
+            systemMessage: `No field with ID '${d}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,
+            value: l
           });
           return;
         }
-        if (h.multiple && (typeof d == "string" || typeof d == "number" || typeof d == "boolean") && (d = [d]), h.validation && !de(h.validation) && !O(d)) {
+        if (h.multiple && (typeof l == "string" || typeof l == "number" || typeof l == "boolean") && (l = [l]), h.validation && !de(h.validation) && !M(l)) {
           const y = await P(t, h.validation, {
-            $input: d
+            $input: l
           });
           if (typeof y == "string") {
-            o.push({
-              fieldId: c,
+            i.push({
+              fieldId: d,
               userMessage: y,
               systemMessage: `Field validation resulted in an error: ${y}.`,
-              value: d
+              value: l
             });
             return;
           }
           if (y === !1) {
-            o.push({
-              fieldId: c,
+            i.push({
+              fieldId: d,
               userMessage: "This field is invalid",
               systemMessage: "Field validation resulted in an unspecified error.",
-              value: d
+              value: l
             });
             return;
           }
         }
-        if (h.required && O(d)) {
-          o.push({
-            fieldId: c,
+        if (h.required && M(l)) {
+          i.push({
+            fieldId: d,
             userMessage: "This field is required",
             systemMessage: "Field is required.",
-            value: d
+            value: l
           });
           return;
         }
-        if (!h.multiple && Array.isArray(d) && d.length > 1) {
-          o.push({
-            fieldId: c,
+        if (!h.multiple && Array.isArray(l) && l.length > 1) {
+          i.push({
+            fieldId: d,
             userMessage: "This field expects a single response",
             systemMessage: "Field expects a single response.",
-            value: d
+            value: l
           });
           return;
         }
-        if (h.type === "object" && !O(d))
+        if (h.type === "object" && !M(l))
           if (h.multiple) {
-            if (!Array.isArray(d)) {
-              o.push({
-                fieldId: c,
+            if (!Array.isArray(l)) {
+              i.push({
+                fieldId: d,
                 userMessage: "This field expects multiple values",
                 systemMessage: "Field expects an array of objects.",
-                value: d
+                value: l
               });
               return;
             }
-            for (const y of d) {
+            for (const y of l) {
               if (typeof y != "object" || y === null) {
-                o.push({
-                  fieldId: c,
+                i.push({
+                  fieldId: d,
                   userMessage: "This field expects object values",
                   systemMessage: "Field expects an array of objects, but received non-object value.",
-                  value: d
+                  value: l
                 });
                 return;
               }
-              if (!K(y)) {
-                o.push({
-                  fieldId: c,
+              if (!q(y)) {
+                i.push({
+                  fieldId: d,
                   userMessage: "This field contains non-serializable data",
                   systemMessage: "Field value contains non-JSON-serializable data (functions, circular references, etc.).",
-                  value: d
+                  value: l
                 });
                 return;
               }
             }
           } else {
-            if (Array.isArray(d)) {
-              o.push({
-                fieldId: c,
+            if (Array.isArray(l)) {
+              i.push({
+                fieldId: d,
                 userMessage: "This field expects a single value",
                 systemMessage: "Field expects a single object, not an array.",
-                value: d
+                value: l
               });
               return;
             }
-            if (typeof d != "object" || d === null) {
-              o.push({
-                fieldId: c,
+            if (typeof l != "object" || l === null) {
+              i.push({
+                fieldId: d,
                 userMessage: "This field expects an object value",
                 systemMessage: "Field expects an object value.",
-                value: d
+                value: l
               });
               return;
             }
-            if (!K(d)) {
-              o.push({
-                fieldId: c,
+            if (!q(l)) {
+              i.push({
+                fieldId: d,
                 userMessage: "This field contains non-serializable data",
                 systemMessage: "Field value contains non-JSON-serializable data (functions, circular references, etc.).",
-                value: d
+                value: l
               });
               return;
             }
           }
         if (Array.isArray(h.options) && h.options.length > 0) {
-          const y = Array.isArray(d) ? d : [d];
+          const y = Array.isArray(l) ? l : [l];
           if (h.type === "object") {
             const F = h.options.map((v) => JSON.stringify(v.value));
-            y.every((v) => F.includes(JSON.stringify(v))) || o.push({
-              fieldId: c,
+            y.every((v) => F.includes(JSON.stringify(v))) || i.push({
+              fieldId: d,
               userMessage: "This field expects a valid option",
               systemMessage: "Field expects a valid option from the defined choices.",
-              value: d
+              value: l
             });
           } else {
             const F = h.options.map((v) => v.value);
-            y.every((v) => !Qe(v) || v === null ? !1 : F.includes(v)) || o.push({
-              fieldId: c,
+            y.every((v) => !Xe(v) || v === null ? !1 : F.includes(v)) || i.push({
+              fieldId: d,
               userMessage: "This field expects a valid option",
               systemMessage: `Field expects a valid option. Valid options are: ${F.join(", ")}`,
-              value: d
+              value: l
             });
           }
         }
       })
-    ), { responsesToCommit: m, validationErrors: o };
+    ), { responsesToCommit: m, validationErrors: i };
   }
-  async function n(m) {
-    const { responsesToCommit: o, validationErrors: c } = await a(m);
-    return c.length ? { errors: c } : (i.registerBatch(o), { errors: [] });
+  async function c(m) {
+    const { responsesToCommit: i, validationErrors: d } = await o(m);
+    return d.length ? { errors: d } : (n.registerBatch(i), { errors: [] });
   }
-  const p = e.map((m) => m), u = e.map((m) => Object.keys(m).map((c) => ({
-    fieldId: c,
-    value: m[c]
+  const a = e.map((m) => m), u = e.map((m) => Object.keys(m).map((d) => ({
+    fieldId: d,
+    value: m[d]
   })));
   function g(m) {
-    const o = t.fields.getById(m), c = e.map((f) => f[m] || null);
-    return D({ f: o, r: c }, ({ f, r: d }) => d || (f?.defaultValue ? f.defaultValue : null));
+    const i = t.fields.getByKey(m), d = e.map((f) => f[m] || null);
+    return D({ f: i, r: d }, ({ f, r: l }) => l || (f?.defaultValue ? f.defaultValue : null));
   }
   function S(m) {
-    const o = t.fields.getByName(m);
-    return D({ f: o, s: e }, ({ f: c, s: f }) => {
-      const d = c && f[c.id] || null;
-      return d || (c?.defaultValue ? c.defaultValue : null);
+    const i = t.fields.getByName(m);
+    return D({ f: i, s: e }, ({ f: d, s: f }) => {
+      const l = d && f[d.key ?? le(d.name)] || null;
+      return l || (d?.defaultValue ? d.defaultValue : null);
     });
   }
   return k({
     clock: r,
-    target: i.clearAll
+    target: n.clearAll
   }), k({
     clock: s,
-    target: i.clear
+    target: n.clear
   }), {
-    register: l,
+    register: p,
     clearAll: r,
     clear: s,
-    commit: n,
-    getResponsesToCommit: a,
+    commit: c,
+    getResponsesToCommit: o,
     listStore: u,
-    getAllStore: p,
+    getAllStore: a,
     getByFieldId: g,
     getByFieldName: S
   };
 });
-function et(t) {
-  return I(Ze, t);
+function tt(t) {
+  return I(et, t);
 }
-function tt() {
+function rt() {
   if (L()) {
     const t = [
       document.currentScript,
@@ -843,69 +849,69 @@ function tt() {
   }
   return "https://api.picked.app";
 }
-function rt() {
+function st() {
   if (!_())
     return {};
   const t = new URLSearchParams(window.location.search), e = {}, r = /* @__PURE__ */ new Set();
-  for (const [i] of t.entries())
-    i.startsWith("picked-") && r.add(i);
-  for (const i of r) {
-    const l = i.replace("picked-", "");
-    e[l] = t.getAll(i);
+  for (const [n] of t.entries())
+    n.startsWith("picked-") && r.add(n);
+  for (const n of r) {
+    const p = n.replace("picked-", "");
+    e[p] = t.getAll(n);
   }
   const s = A("s");
   if (r.size > 0)
-    M.set(s, e);
+    O.set(s, e);
   else {
-    const i = M.get(s);
-    if (i)
-      return i.json() || {};
+    const n = O.get(s);
+    if (n)
+      return n.json() || {};
   }
   return e;
 }
-function st() {
-  if (pe())
+function nt() {
+  if (fe())
     return crypto.randomUUID();
   const t = Date.now().toString(36), e = Math.random().toString(36).substring(2, 15), r = Math.random().toString(36).substring(2, 15), s = Math.random().toString(36).substring(2, 15);
   return `${t}-${e}-${r}-${s}`;
 }
-const nt = A("session", "global"), it = () => {
-  const t = C.get(nt);
+const it = A("session", "global"), ot = () => {
+  const t = C.get(it);
   let e;
   t.isSet() && (e = t.json());
-  const r = (i) => t.set({
-    id: i.id,
-    isUser: i.isUser,
-    identifiers: i.identifiers
+  const r = (n) => t.set({
+    id: n.id,
+    isUser: n.isUser,
+    identifiers: n.identifiers
   }), s = {
-    id: e?.id ?? st(),
+    id: e?.id ?? nt(),
     isUser: e?.isUser ?? void 0,
     identifiers: e?.identifiers ?? void 0,
-    setIsUser(i) {
-      this.isUser = i, r(this);
+    setIsUser(n) {
+      this.isUser = n, r(this);
     },
-    setIdentifier(i, l) {
-      this.identifiers = { ...this.identifiers, [i]: l }, r(this);
+    setIdentifier(n, p) {
+      this.identifiers = { ...this.identifiers, [n]: p }, r(this);
     },
-    removeIdentifier(i) {
+    removeIdentifier(n) {
       this.identifiers && (this.identifiers = Object.fromEntries(
-        Object.entries(this.identifiers).filter(([l]) => l !== i)
+        Object.entries(this.identifiers).filter(([p]) => p !== n)
       ), this.identifiers = Object.keys(this.identifiers).length ? this.identifiers : void 0, r(this));
     }
   };
   return r(s), s;
-}, ot = () => le() ? it() : null;
-function at() {
+}, at = () => pe() ? ot() : null;
+function ct() {
   if (_())
     return globalThis.window.pickedConfig;
 }
-function ct() {
+function ut() {
   if (!_())
     return;
-  const t = at(), e = t?.organizationId, r = t?.projectId;
+  const t = ct(), e = t?.organizationId, r = t?.projectId;
   return e && r ? { organizationId: e, projectId: r } : void 0;
 }
-function ut() {
+function dt() {
   if (!L())
     return;
   const t = document.getElementById("picked_script") || document.querySelector("script#picked") || // legacy support for 'cvly' script tag
@@ -915,16 +921,16 @@ function ut() {
   const e = t.dataset.organizationid || t.getAttribute("organization-id"), r = t.dataset.projectid || t.getAttribute("project-id");
   return e && r ? { organizationId: e, projectId: r } : void 0;
 }
-function dt(t) {
+function lt(t) {
   const { organizationId: e, projectId: r } = t;
   if (e && r)
     return { organizationId: e, projectId: r };
-  const s = ct();
+  const s = ut();
   if (s)
     return s;
-  const i = ut();
-  if (i)
-    return i;
+  const n = dt();
+  if (n)
+    return n;
   throw new Error(
     `organizationId and projectId are required. You can provide them via one of:
       (1) createClient({ organizationId, projectId }) options;
@@ -935,7 +941,7 @@ function dt(t) {
 function z(t) {
   return t == null || t === "" || Number.isNaN(t);
 }
-const lt = {
+const pt = {
   default: (t, e) => z(t) ? String(e ?? "") : String(t),
   append: (t, e) => e && !z(t) ? `${t} ${e}` : t,
   prepend: (t, e) => e && !z(t) ? `${e} ${t}` : t,
@@ -949,52 +955,52 @@ const lt = {
     if (Array.isArray(t))
       return e.format(t.map(String));
     if (t instanceof Map) {
-      const r = Array.from(t.entries()).map(([s, i]) => `${s}: ${i}`);
+      const r = Array.from(t.entries()).map(([s, n]) => `${s}: ${n}`);
       return e.format(r);
     }
     return t instanceof Set ? e.format(Array.from(t).map(String)) : t;
   }
 };
-function pt(t) {
+function ft(t) {
   return typeof t == "object" && t !== null;
 }
-function ft(t, e) {
+function gt(t, e) {
   let r = e;
   for (const s of t.split("."))
-    if (pt(r) && s in r)
+    if (ft(r) && s in r)
       r = r[s];
     else
       return;
   return typeof r == "function" ? r() : r;
 }
-function gt(t, e) {
-  const r = t.split("|").map((l) => l.trim()), s = r.shift() ?? "";
-  let i = ft(s, e);
-  for (const l of r) {
-    const [a, ...n] = l.split(":"), p = a?.trim() ?? "", u = n.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), g = lt[p];
-    g && (i = g(i, u));
+function mt(t, e) {
+  const r = t.split("|").map((p) => p.trim()), s = r.shift() ?? "";
+  let n = gt(s, e);
+  for (const p of r) {
+    const [o, ...c] = p.split(":"), a = o?.trim() ?? "", u = c.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), g = pt[a];
+    g && (n = g(n, u));
   }
-  return z(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
+  return z(n) ? "" : typeof n == "object" ? JSON.stringify(n) : String(n);
 }
-function mt(t, e) {
+function ht(t, e) {
   let r = "", s = 0;
   for (; s < t.length; )
     if (t[s] === "{" && t[s + 1] === "{") {
       s += 2;
-      let i = "";
+      let n = "";
       for (; s < t.length; ) {
         if (t[s] === "}" && t[s + 1] === "}") {
           s += 2;
           break;
         }
-        i += t[s++];
+        n += t[s++];
       }
-      r += gt(i.trim(), e);
+      r += mt(n.trim(), e);
     } else
       r += t[s++];
   return r;
 }
-class ht {
+class yt {
   static logger = w;
   options;
   isReady = !1;
@@ -1011,54 +1017,56 @@ class ht {
   session;
   precondition;
   condition;
-  searchParams = rt();
-  history = Ne();
-  components = Fe({ client: this });
+  preconditionPassed;
+  searchParams = st();
+  history = Te();
+  components = xe({ client: this });
   experienceInstances = ie({ client: this });
-  experiences = ye({ client: this });
-  frameworks = Ee({ client: this });
-  predicates = Ce({ client: this });
-  features = Ue({ client: this });
-  responses = et({ client: this });
+  experiences = Se({ client: this });
+  frameworks = Pe({ client: this });
+  predicates = Oe({ client: this });
+  features = De({ client: this });
+  responses = tt({ client: this });
   fields = Ge();
-  actions = We();
+  actions = Ye();
   constructor(e) {
-    w("info", "Picked client initializing."), this.events = Le(this.eventBus);
-    const { organizationId: r, projectId: s } = dt(e);
-    this.organizationId = r, this.projectId = s, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || tt(), this.dashboardUrl = e.dashboardUrl ?? "https://dashboard.picked.app", this.documentationSiteUrl = e.documentationSiteUrl ?? "https://docs.picked.app", this.session = ot(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: ce() }), w("info", "Picked client initialized.");
+    w("info", "Picked client initializing."), this.events = _e(this.eventBus);
+    const { organizationId: r, projectId: s } = lt(e);
+    this.organizationId = r, this.projectId = s, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || rt(), this.dashboardUrl = e.dashboardUrl ?? "https://dashboard.picked.app", this.documentationSiteUrl = e.documentationSiteUrl ?? "https://docs.picked.app", this.session = at(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.setupComponents(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: ce() }), w("info", "Picked client initialized.");
   }
   start = () => {
-    Be(this), (async () => {
+    Re(this), (async () => {
       if (!L())
         return;
       await this.runPluginStartHooks();
       const r = await this.evaluateGate(this.precondition);
+      this.preconditionPassed = r;
       let s;
       r && (s = await this.evaluateGate(this.condition));
-      const i = r && s === !0;
+      const n = r && s === !0;
       if (typeof s == "boolean" && this.session) {
-        const l = s;
-        this.session.setIsUser(l), this.eventBus({ type: "user_decide", value: l });
+        const p = s;
+        this.session.setIsUser(p), this.eventBus({ type: "user_decide", value: p });
       }
-      if (this.eventBus({ type: "initialize" }), i && H(this), await oe(), i && H(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session) {
-        const { id: l, isUser: a, identifiers: n } = this.session;
-        this.eventBus({ type: "session", id: l, isUser: a, identifiers: n });
+      if (this.eventBus({ type: "initialize" }), n && H(this), await oe(), n && H(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session) {
+        const { id: p, isUser: o, identifiers: c } = this.session;
+        this.eventBus({ type: "session", id: p, isUser: o, identifiers: c });
       }
     })();
   };
   registerFramework = (e) => {
-    Pe(e, this.frameworks);
+    Ae(e, this.frameworks);
   };
   registerComponent = (e, r) => {
-    G(e, r, this.components);
+    K(e, r, this.components);
   };
   registerPlugin = (e) => {
-    ve(this, e, this.plugins);
+    ke(this, e, this.plugins);
     const r = this.plugins[e.name];
     r?.onStart && this.pluginStartHooks.push(r.onStart);
   };
   registerFeature = (e, r) => {
-    De(e, r, this.features);
+    Ve(e, r, this.features);
   };
   registerPredicate = (e, r) => {
     Me(e, r, this.predicates);
@@ -1067,10 +1075,10 @@ class ht {
     Je(e, this.fields);
   };
   registerAction = (e, r) => {
-    Ye(e, r, this.actions);
+    Qe(e, r, this.actions);
   };
   registerExperience = (e) => {
-    e.component && G(`experience:${e.id}`, e.component, this.components), Se(e, this.experiences);
+    e.component && K(`experience:${e.id}`, e.component, this.components), ve(e, this.experiences);
   };
   getStateSnapshot = () => X(this);
   /** @deprecated Use `client.experiences.launch({ id: experienceId })` instead. */
@@ -1107,20 +1115,20 @@ class ht {
   setupFeatures() {
     const e = this.options.features;
     e && (Object.entries(e).forEach(([r, s]) => {
-      const i = typeof s == "function" ? s() : s;
-      this.registerFeature(r, i);
+      const n = typeof s == "function" ? s() : s;
+      this.registerFeature(r, n);
     }), this.searchParams.feature && this.searchParams.feature.forEach((r) => {
       try {
-        const [s, i] = r.split(":");
-        if (!s || !i)
+        const [s, n] = r.split(":");
+        if (!s || !n)
           return;
-        let l = i;
-        l === "true" && (l = !0), l === "false" && (l = !1), this.registerFeature(s, {
-          key: `${l}`,
+        let p = n;
+        p === "true" && (p = !0), p === "false" && (p = !1), this.registerFeature(s, {
+          key: `${p}`,
           // use the assigned bucket value as the key
           name: s,
           // eslint-disable-next-line sonarjs/function-return-type
-          decide: () => l,
+          decide: () => p,
           storage: "session"
         });
       } catch {
@@ -1147,6 +1155,12 @@ class ht {
       this.registerAction(r, s);
     });
   }
+  setupComponents() {
+    const e = this.options.components;
+    e && Object.entries(e).forEach(([r, s]) => {
+      this.registerComponent(r, s);
+    });
+  }
   getPluginConfig = (e) => this.plugins[e] ?? {};
   /**
    * Interpolates a template string using values from the client's response store and/or a provided context.
@@ -1191,8 +1205,8 @@ class ht {
    * // => "Fruits: apple, banana, and cherry"
    */
   renderString = (e, r) => {
-    const s = this.responses.listStore.getState().reduce((i, l) => (i[l.fieldId] = l.value, i), {});
-    return mt(e, {
+    const s = this.responses.listStore.getState().reduce((n, p) => (n[p.fieldId] = p.value, n), {});
+    return ht(e, {
       ...r,
       responses: s
     });
@@ -1201,58 +1215,58 @@ class ht {
 function Z(t) {
   return t.options?.some((e) => "condition" in e) ?? !1;
 }
-function yt(t) {
+function St(t) {
   return t.some((e) => e.condition || Z(e));
 }
-async function Et(t, e) {
-  return e.length === 0 || !yt(e) ? e : (await Promise.all(
+async function At(t, e) {
+  return e.length === 0 || !St(e) ? e : (await Promise.all(
     e.map(async (s) => {
       if (!(s.condition ? await P(t, s.condition) : !0))
         return null;
       if (!s.options || !Z(s))
         return s;
-      const a = (await Promise.all(
-        s.options.map(async (p) => p.condition ? await P(t, p.condition) ? p : null : p)
-      )).filter((p) => p !== null);
-      return a.length === s.options.length ? s : a.length === 0 ? null : { ...s, options: a };
+      const o = (await Promise.all(
+        s.options.map(async (a) => a.condition ? await P(t, a.condition) ? a : null : a)
+      )).filter((a) => a !== null);
+      return o.length === s.options.length ? s : o.length === 0 ? null : { ...s, options: o };
     })
   )).filter((s) => s !== null);
 }
-function Pt(t) {
+function $t(t) {
   return {
     $$type: "lazy-component",
     load: t
   };
 }
-function At(t) {
+function Bt(t) {
   return typeof t == "object" && t !== null && "$$type" in t && t.$$type === "lazy-component";
 }
-const $t = (t) => {
-  const e = new ht(t);
-  return fe(e), e;
+const Rt = (t) => {
+  const e = new yt(t);
+  return ge(e), e;
 };
 export {
-  ht as Picked,
-  $t as createClient,
+  yt as Picked,
+  Rt as createClient,
   A as createStorageKey,
   P as evaluateRuleLogic,
-  at as getPickedConfig,
-  Et as getStepFields,
-  At as isLazyLoader,
-  zt as isPickedRoot,
-  Pt as lazyComponent,
+  ct as getPickedConfig,
+  At as getStepFields,
+  Bt as isLazyLoader,
+  Ot as isPickedRoot,
+  $t as lazyComponent,
   C as localStore,
-  M as sessionStore,
-  Mt as subscribe,
-  Ut as supportsCookies,
-  pe as supportsCryptoRandomUUID,
+  O as sessionStore,
+  Ut as subscribe,
+  Vt as supportsCookies,
+  fe as supportsCryptoRandomUUID,
   L as supportsDocument,
-  Dt as supportsHistory,
-  Vt as supportsIntersectionObserver,
-  le as supportsLocalStorage,
-  Nt as supportsLocation,
-  Tt as supportsSessionStorage,
-  Lt as supportsShadowRoot,
-  _t as supportsWebComponents,
+  Nt as supportsHistory,
+  Tt as supportsIntersectionObserver,
+  pe as supportsLocalStorage,
+  Lt as supportsLocation,
+  _t as supportsSessionStorage,
+  Ht as supportsShadowRoot,
+  Kt as supportsWebComponents,
   _ as supportsWindow
 };