@picked/client 0.0.48 → 0.0.49-next.1

package/dist/esm/index.js

@@ -3,9 +3,9 @@ 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 { 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-CTXU-Aoh.js";
+import { c as A, l as C, s as O } from "../storage-Co_LbKr_.js";
+import { a as Ot } from "../storage-Co_LbKr_.js";
+import { p as ae, g as ce } from "../api-DlWmrA8P.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";
@@ -13,33 +13,33 @@ import { e as Ut, f as Dt, g as Vt, h as Nt, i as Tt, j as Lt, k as _t } from ".
 const Y = x("experience"), ge = b(
   ({ client: t, experience: e }) => {
     const r = Y.store(e), s = j(r, {
-      merge(u, g) {
+      merge(d, g) {
         return {
-          ...u,
+          ...d,
           ...g.experience
         };
       }
-    }), i = r.map((u) => ({
-      name: u.name,
-      decisionLogic: u.condition ?? u.decide,
-      targetSelectors: u.targets,
+    }), n = r.map((d) => ({
+      name: d.name,
+      decisionLogic: d.condition ?? d.decide,
+      targetSelectors: d.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(
+      (d) => (e.componentName ? d.find((g) => g.name === e.componentName) : void 0) || d.find((g) => g.name === `experience:${e.id}`) || d.find((g) => g.name === "experience"),
       { skipVoid: !1 }
-    ), a = r.map((u) => ({
-      steps: u.steps,
-      nodes: u.nodes,
-      edges: u.edges,
-      conditionals: u.conditionals
-    })), n = r.map((u) => u.fields), p = e.actions ?? [];
+    ), a = r.map((d) => ({
+      steps: d.steps,
+      nodes: d.nodes,
+      edges: d.edges,
+      conditionals: d.conditionals
+    })), i = r.map((d) => d.fields), c = e.actions ?? [];
     return {
       id: e.id,
-      configStore: i,
+      configStore: n,
       treeStore: a,
-      fieldsStore: n,
-      componentStore: l,
-      actions: p,
+      fieldsStore: i,
+      componentStore: p,
+      actions: c,
       merge: s.merge
     };
   }
@@ -49,64 +49,64 @@ function me(t) {
 }
 const he = b(({ client: t }) => {
   const e = Y.store({}), r = j(e, {
-    register(u, g) {
+    register(c, d) {
       return {
-        ...u,
-        [g.id]: g
+        ...c,
+        [d.id]: d
       };
     }
   });
-  function s(u) {
-    const g = e.getState()[u.id];
-    if (g) {
-      g.merge({ experience: u, strategy: "override" });
+  function s(c) {
+    const d = e.getState()[c.id];
+    if (d) {
+      d.merge({ experience: c, strategy: "override" });
       return;
     }
-    const S = me({ client: t, experience: u });
-    r.register(S);
+    const g = me({ client: t, experience: c });
+    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((c) => Object.values(c));
+  function p(c) {
+    return e.map((d) => d[c], { skipVoid: !1 });
   }
-  const a = l, n = U({
+  const a = 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 (c, { id: d, options: g }) => {
+      const S = c[d];
+      if (!S) {
+        w("warn", `Experience with id '${d}' 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({
+  }), i = 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: (c, { id: d, options: g }) => {
+      const S = c.filter((m) => m.experienceId === d);
+      if (S.length > 0)
+        for (const m of S)
+          m.open();
       else
-        n({ id: g, options: { ...S, initialiseOpen: !0 } });
+        a({ id: d, 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: a,
     /** Effector effect that opens an experience's existing instances, or launches it with `initialiseOpen` if none exist. */
-    open: p,
+    open: i,
     /** Derived store containing all registered experiences as an array. */
-    listStore: i
+    listStore: n
   };
 });
 function ye(t) {
@@ -115,10 +115,10 @@ function ye(t) {
 const Se = (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) => {
+  const { targetSelectors: s } = e.configStore.getState(), n = W(s, e.id);
+  n.forEach(
+    ({ elements: a }) => a.forEach((i) => te(i, e.id))
+  ), re(n, e.id).forEach((a) => {
     r ? t.experienceInstances.spawn(e, a, r) : t.experienceInstances.spawn(e, a);
   });
 }, H = async (t) => {
@@ -128,15 +128,15 @@ 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 });
+  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(
   ({ client: t, component: e, name: r }) => {
@@ -153,29 +153,29 @@ function be(t) {
 }
 const Ie = b(({ client: t }) => {
   const e = ke.store({}), r = j(e, {
-    register(a, n) {
+    register(a, i) {
       return {
         ...a,
-        [n.name]: n
+        [i.name]: i
       };
     }
   });
-  function s(a, n) {
+  function s(a, i) {
     e.getState()[a] && w(
       "warn",
       `Component '${a}' already registered. Registering again will override the previous registration.`
     );
-    const u = be({ client: t, name: a, component: n });
-    r.register(u);
+    const d = be({ client: t, name: a, component: i });
+    r.register(d);
   }
-  const i = e.map((a) => Object.values(a));
-  function l(a) {
-    return e.map((n) => n[a], { skipVoid: !1 });
+  const n = e.map((a) => Object.values(a));
+  function p(a) {
+    return e.map((i) => i[a], { skipVoid: !1 });
   }
   return {
     register: s,
-    getByName: l,
-    listStore: i
+    getByName: p,
+    listStore: n
   };
 });
 function Fe(t) {
@@ -185,27 +185,27 @@ const G = (t, e, r) => {
   r.register(t, e);
 }, xe = x("framework"), je = b(({ client: t }) => {
   const e = xe.store({}), r = j(e, {
-    register(a, n) {
+    register(a, i) {
       return {
         ...a,
-        [n.name]: n.framework
+        [i.name]: i.framework
       };
     }
   });
-  function s(a, n) {
+  function s(a, i) {
     e.getState()[a] && w(
       "warn",
       `Framework '${a}' already registered. Registering again will override the previous registration.`
-    ), r.register({ name: a, framework: n });
+    ), r.register({ name: a, framework: i });
   }
-  const i = e.map((a) => Object.values(a));
-  function l(a) {
-    return e.map((n) => n[a], { skipVoid: !1 });
+  const n = e.map((a) => Object.values(a));
+  function p(a) {
+    return e.map((i) => i[a], { skipVoid: !1 });
   }
   return {
     register: s,
-    getByName: l,
-    listStore: i
+    getByName: p,
+    listStore: n
   };
 });
 function Ee(t) {
@@ -219,13 +219,13 @@ const Pe = (t, e) => {
     let s = 0;
     if (r.isSet() && (s = r.json() ?? 0), s && e - s < Ae)
       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;
-    return u && r.set(e), u;
+    }, p = {}, i = document.getElementById("picked_script")?.dataset.verceltoken;
+    i && (p["x-vercel-protection-bypass"] = i);
+    const d = (await ae(t.apiUrl, "ping", n, p)).ok;
+    return d && r.set(e), d;
   } catch (e) {
     return w("error", e), !1;
   }
@@ -244,32 +244,32 @@ function X(t) {
 }
 const Re = x("predicate"), ze = b(({ client: t }) => {
   const e = Re.store({}), r = j(e, {
-    register(n, p) {
+    register(i, c) {
       return {
-        ...n,
-        [p.name]: {
-          name: p.name,
-          predicate: p.predicate
+        ...i,
+        [c.name]: {
+          name: c.name,
+          predicate: c.predicate
         }
       };
     }
   });
-  function s(n, p) {
-    e.getState()[n] && w(
+  function s(i, c) {
+    e.getState()[i] && w(
       "warn",
-      `Predicate '${n}' already registered. Registering again will override the previous registration.`
-    ), r.register(Object.freeze({ name: n, predicate: p }));
+      `Predicate '${i}' already registered. Registering again will override the previous registration.`
+    ), r.register(Object.freeze({ name: i, predicate: c }));
   }
-  const i = e.map((n) => Object.values(n));
-  function l(n) {
-    return e.map((p) => p[n]?.predicate, { skipVoid: !1 });
+  const n = e.map((i) => Object.values(i));
+  function p(i) {
+    return e.map((c) => c[i]?.predicate, { skipVoid: !1 });
   }
-  function a(n) {
-    const p = T(() => {
+  function a(i) {
+    const c = T(() => {
     }, {
       skipVoid: !1
-    }), u = R(async () => {
-      const g = l(n).getState();
+    }), d = R(async () => {
+      const g = p(i).getState();
       if (!g)
         return;
       const S = X(t);
@@ -277,71 +277,71 @@ const Re = x("predicate"), ze = b(({ client: t }) => {
     });
     return k({
       source: { responses: t.responses.listStore, fields: t.fields.listStore },
-      target: u
+      target: d
     }), k({
-      clock: u.doneData,
+      clock: d.doneData,
       filter: (g) => g !== void 0,
-      target: p
-    }), u(), p;
+      target: c
+    }), d(), c;
   }
   return {
     register: s,
-    getByName: l,
-    listStore: i,
+    getByName: p,
+    listStore: n,
     getEvokablePredicate: a
   };
 });
 function Ce(t) {
   return I(ze, t);
 }
-const Me = (t, e, r) => {
+const Oe = (t, e, r) => {
   r.register(t, e);
-}, J = x("feature"), Oe = b(({ client: t }) => {
+}, J = x("feature"), Me = b(({ client: t }) => {
   const e = J.store({}), r = J.store([]), s = j(e, {
-    register(o, c) {
+    register(o, u) {
       return {
         ...o,
-        [c.id]: c.feature
+        [u.id]: u.feature
       };
     }
   });
-  function i(o, c) {
+  function n(o, u) {
     e.getState()[o] && w(
       "warn",
       `Feature '${o}' already registered. Registering again will override the previous registration.`
     );
-    const d = {
+    const l = {
       id: o,
       feature: {
-        ...c,
+        ...u,
         id: o
       }
     };
     s.register(
       Object.freeze({
         id: o,
-        feature: d
+        feature: l
       })
     );
   }
-  const l = R(
+  const p = R(
     async ({
       id: o,
-      key: c,
+      key: u,
       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:${o}:${u}`, "global"), y = (f === "session" ? O : C).get(l).boolean();
+      return y === null ? null : { id: o, key: u, bucket: y, storage: f };
     }
   ), a = R((o) => {
     if (!o)
       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 u = A(`feature:${o.id}:${o.key}`, "global");
+    (o.storage === "session" ? O : C).set(u, o.bucket);
+  }), i = /* @__PURE__ */ new Map(), c = 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: o, resolvedFeaturesStore: u }, { id: f, decide: l, key: h }) => {
+      const y = u.find(
         (B) => B.id === f && B.key === h
       );
       if (y)
@@ -349,13 +349,13 @@ const Me = (t, e, r) => {
       const F = o[f];
       if (!F)
         throw new Error(`Feature with id '${f}' not found`);
-      const $ = n.get(`${f}:${h}`);
+      const $ = i.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();
+      i.set(`${f}:${h}`, v);
       const ee = await v;
       return { id: F.id, bucket: ee, key: h, storage: F.feature.storage };
     }
@@ -363,97 +363,97 @@ const Me = (t, e, r) => {
   k({
     clock: s.register,
     fn: (o) => {
-      const { id: c, feature: f } = o;
-      return { id: c, key: f.feature.key, storage: f.feature.storage };
+      const { id: u, feature: f } = o;
+      return { id: u, 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: c.doneData,
+    fn: (o, u) => {
+      const { id: f, bucket: l, storage: h } = u, y = o[f]?.feature.key;
+      return y ? { key: y, id: f, bucket: l, storage: h } : null;
     },
     target: a
   });
-  const u = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
+  const d = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
     ({
       allFeaturesStore: o,
-      resolvedFeaturesStore: c
+      resolvedFeaturesStore: u
     }) => Object.values(o).map((f) => {
-      const d = c.find(
+      const l = u.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 c(f.feature),
         isResolved: !1
       };
     })
   );
   k({
-    clock: p.doneData,
+    clock: c.doneData,
     source: { resolvedFeatures: r },
-    filter: ({ resolvedFeatures: o }, { id: c, key: f }) => !o.some(
-      (h) => h.id === c && h.key === f
+    filter: ({ resolvedFeatures: o }, { id: u, key: f }) => !o.some(
+      (h) => h.id === u && h.key === f
     ),
-    fn: (o, c) => c,
+    fn: (o, u) => u,
     target: t.eventBus.prepend((o) => ({
       type: "feature_decide",
       feature: o
     }))
   }), k({
-    clock: [l.doneData, p.doneData],
+    clock: [p.doneData, c.doneData],
     source: r,
-    fn: (o, c) => !c || o.some(
-      (d) => d.id === c.id && d.key === c.key
-    ) ? o : [...o, c],
+    fn: (o, u) => !u || o.some(
+      (l) => l.id === u.id && l.key === u.key
+    ) ? o : [...o, u],
     target: r
   });
   function g(o) {
-    return u.map((c) => c.find((f) => f.id === o));
+    return d.map((u) => u.find((f) => f.id === o));
   }
   function S(o) {
-    return e.map((c) => c[o], { skipVoid: !1 });
+    return e.map((u) => u[o], { skipVoid: !1 });
   }
   function m(o) {
-    const c = T(
+    const u = T(
       async () => {
       },
       { skipVoid: !1 }
     ), f = R(async () => {
-      const d = g(o).getState();
-      if (d)
-        return async () => (await d.getBucket()).bucket;
+      const l = g(o).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 === o),
       target: f
     }), k({
       clock: f.doneData,
-      filter: (d) => d !== void 0,
-      target: c
-    }), f(), c;
+      filter: (l) => l !== void 0,
+      target: u
+    }), f(), u;
   }
   return {
-    register: i,
+    register: n,
     getById: g,
     getByName: S,
-    listStore: u,
+    listStore: d,
     getEvokableFeature: m
   };
 });
 function Ue(t) {
-  return I(Oe, t);
+  return I(Me, t);
 }
 const De = (t, e, r) => {
   r.register(t, e);
@@ -468,40 +468,40 @@ function q(t, e) {
   };
 }
 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 t = E.store({ entries: [] }), e = E.event(), r = E.event(), s = E.event(), n = E.event();
+  t.on(e, (a, i) => ({
+    entries: [...a.entries, q(i.experienceId, i.node)]
+  })), t.on(r, (a, i) => ({
     entries: [
       ...a.entries.slice(0, -1),
-      q(n.experienceId, n.node)
+      q(i.experienceId, i.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, (a, i) => i);
+  function p(a, i) {
+    const c = { lastStepIndex: -1, secondLastStepIndex: -1 };
+    for (let d = a.length - 1; d >= 0; d--) {
+      const g = a[d], S = g?.node;
+      if (!(!S || !ne(S)) && !(i && g?.experienceId !== i))
+        if (c.lastStepIndex === -1)
+          c.lastStepIndex = d;
         else {
-          p.secondLastStepIndex = u;
+          c.secondLastStepIndex = d;
           break;
         }
     }
-    return p;
+    return c;
   }
-  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, (a, i) => {
+    const { secondLastStepIndex: c } = p(a.entries, i.experienceId), d = c !== -1 ? a.entries.slice(0, c + 1) : a.entries;
     return {
       ...a,
-      entries: u
+      entries: d
     };
   }), {
     push: e,
     replace: r,
     back: s,
-    restore: i,
+    restore: n,
     entriesStore: t.map((a) => a.entries)
   };
 });
@@ -526,37 +526,37 @@ const Le = (t) => {
   }), e;
 }, _e = x("field"), He = b(() => {
   const t = _e.store({}), e = j(t, {
-    register(n, p) {
+    register(i, c) {
       return {
-        ...n,
-        [p.field.id]: p.field
+        ...i,
+        [c.field.id]: c.field
       };
     }
   });
-  function r(n) {
-    e.register({ field: n });
+  function r(i) {
+    e.register({ field: i });
   }
-  function s(n, p) {
-    const u = l(n).getState();
-    if (!u)
+  function s(i, c) {
+    const d = p(i).getState();
+    if (!d)
       return;
-    const g = Object.assign({}, u, {
-      ...p
+    const g = Object.assign({}, d, {
+      ...c
     });
     e.register({ field: { ...g } });
   }
-  const i = t.map((n) => Object.values(n));
-  function l(n) {
-    return t.map((p) => p[n] || null);
+  const n = t.map((i) => Object.values(i));
+  function p(i) {
+    return t.map((c) => c[i] || null);
   }
-  function a(n) {
-    return t.map((p) => Object.values(p).find((u) => u.name === n) || null);
+  function a(i) {
+    return t.map((c) => Object.values(c).find((d) => d.name === i) || null);
   }
   return {
     register: r,
     update: s,
-    getById: l,
-    listStore: i,
+    getById: p,
+    listStore: n,
     getByName: a
   };
 });
@@ -567,37 +567,37 @@ const Je = (t, e) => {
   e.register(t);
 }, qe = x("action"), Ke = b(() => {
   const t = qe.store({}), e = j(t, {
-    register(a, n) {
+    register(a, i) {
       return {
         ...a,
-        [n.name]: {
-          name: n.name,
-          action: n.action
+        [i.name]: {
+          name: i.name,
+          action: i.action
         }
       };
     }
   });
-  function r(a, n) {
-    e.register({ name: a, action: n });
+  function r(a, i) {
+    e.register({ name: a, action: i });
   }
   const s = t.map((a) => Object.values(a));
-  function i(a) {
-    return t.map((n) => n[a], { skipVoid: !1 });
+  function n(a) {
+    return t.map((i) => i[a], { skipVoid: !1 });
   }
-  function l(a) {
+  function p(a) {
     return t.map(
-      (n) => {
-        const p = n[a];
-        return p ? p.action : void 0;
+      (i) => {
+        const c = i[a];
+        return c ? c.action : void 0;
       },
       { skipVoid: !1 }
     );
   }
   return {
     register: r,
-    getByName: i,
+    getByName: n,
     listStore: s,
-    getEvokableAction: l
+    getEvokableAction: p
   };
 });
 function We() {
@@ -606,7 +606,7 @@ function We() {
 const Ye = (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) {
@@ -620,7 +620,7 @@ function K(t) {
   }
 }
 const Xe = x("response"), Ze = b(({ client: t }) => {
-  const e = Xe.store({}), r = V(), s = V(), i = j(e, {
+  const e = Xe.store({}), r = V(), s = V(), n = j(e, {
     register(m, o) {
       return {
         ...m,
@@ -634,193 +634,193 @@ const Xe = x("response"), Ze = b(({ client: t }) => {
       };
     },
     clear(m, o) {
-      const { [o]: c, ...f } = m;
+      const { [o]: u, ...f } = m;
       return f;
     },
     clearAll() {
       return {};
     }
   });
-  function l(m, o) {
+  function p(m, o) {
     if (typeof m == "string") {
       if (o === void 0)
         throw new Error("Response is required when registering a single field");
-      i.register({ fieldId: m, response: o });
+      n.register({ fieldId: m, response: o });
     } else
-      i.registerBatch(m);
+      n.registerBatch(m);
   }
   async function a(m) {
     const o = [];
     return await Promise.allSettled(
-      Object.entries(m).map(async ([c, f]) => {
-        let d = f;
-        const h = t.fields.getById(c).getState();
+      Object.entries(m).map(async ([u, f]) => {
+        let l = f;
+        const h = t.fields.getById(u).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
+            fieldId: u,
+            userMessage: `Field '${u}' not found`,
+            systemMessage: `No field with ID '${u}' 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,
+              fieldId: u,
               userMessage: y,
               systemMessage: `Field validation resulted in an error: ${y}.`,
-              value: d
+              value: l
             });
             return;
           }
           if (y === !1) {
             o.push({
-              fieldId: c,
+              fieldId: u,
               userMessage: "This field is invalid",
               systemMessage: "Field validation resulted in an unspecified error.",
-              value: d
+              value: l
             });
             return;
           }
         }
-        if (h.required && O(d)) {
+        if (h.required && M(l)) {
           o.push({
-            fieldId: c,
+            fieldId: u,
             userMessage: "This field is required",
             systemMessage: "Field is required.",
-            value: d
+            value: l
           });
           return;
         }
-        if (!h.multiple && Array.isArray(d) && d.length > 1) {
+        if (!h.multiple && Array.isArray(l) && l.length > 1) {
           o.push({
-            fieldId: c,
+            fieldId: u,
             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)) {
+            if (!Array.isArray(l)) {
               o.push({
-                fieldId: c,
+                fieldId: u,
                 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,
+                  fieldId: u,
                   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,
+                  fieldId: u,
                   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)) {
+            if (Array.isArray(l)) {
               o.push({
-                fieldId: c,
+                fieldId: u,
                 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) {
+            if (typeof l != "object" || l === null) {
               o.push({
-                fieldId: c,
+                fieldId: u,
                 userMessage: "This field expects an object value",
                 systemMessage: "Field expects an object value.",
-                value: d
+                value: l
               });
               return;
             }
-            if (!K(d)) {
+            if (!K(l)) {
               o.push({
-                fieldId: c,
+                fieldId: u,
                 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,
+              fieldId: u,
               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,
+              fieldId: u,
               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 };
   }
-  async function n(m) {
-    const { responsesToCommit: o, validationErrors: c } = await a(m);
-    return c.length ? { errors: c } : (i.registerBatch(o), { errors: [] });
+  async function i(m) {
+    const { responsesToCommit: o, validationErrors: u } = await a(m);
+    return u.length ? { errors: u } : (n.registerBatch(o), { errors: [] });
   }
-  const p = e.map((m) => m), u = e.map((m) => Object.keys(m).map((c) => ({
-    fieldId: c,
-    value: m[c]
+  const c = e.map((m) => m), d = e.map((m) => Object.keys(m).map((u) => ({
+    fieldId: u,
+    value: m[u]
   })));
   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 o = t.fields.getById(m), u = e.map((f) => f[m] || null);
+    return D({ f: o, r: u }, ({ 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);
+    return D({ f: o, s: e }, ({ f: u, s: f }) => {
+      const l = u && f[u.id] || null;
+      return l || (u?.defaultValue ? u.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,
+    commit: i,
     getResponsesToCommit: a,
-    listStore: u,
-    getAllStore: p,
+    listStore: d,
+    getAllStore: c,
     getByFieldId: g,
     getByFieldName: S
   };
@@ -847,19 +847,19 @@ function rt() {
   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;
 }
@@ -873,23 +873,23 @@ const nt = A("session", "global"), it = () => {
   const t = C.get(nt);
   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(),
     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));
     }
   };
@@ -922,9 +922,9 @@ function dt(t) {
   const s = ct();
   if (s)
     return s;
-  const i = ut();
-  if (i)
-    return i;
+  const n = ut();
+  if (n)
+    return n;
   throw new Error(
     `organizationId and projectId are required. You can provide them via one of:
       (1) createClient({ organizationId, projectId }) options;
@@ -949,7 +949,7 @@ 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;
@@ -968,28 +968,28 @@ function ft(t, e) {
   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));
+  const r = t.split("|").map((p) => p.trim()), s = r.shift() ?? "";
+  let n = ft(s, e);
+  for (const p of r) {
+    const [a, ...i] = p.split(":"), c = a?.trim() ?? "", d = i.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), g = lt[c];
+    g && (n = g(n, d));
   }
-  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) {
   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 += gt(n.trim(), e);
     } else
       r += t[s++];
   return r;
@@ -1011,6 +1011,7 @@ class ht {
   session;
   precondition;
   condition;
+  preconditionPassed;
   searchParams = rt();
   history = Ne();
   components = Fe({ client: this });
@@ -1025,7 +1026,7 @@ class ht {
   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.");
+    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.setupComponents(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: ce() }), w("info", "Picked client initialized.");
   }
   start = () => {
     Be(this), (async () => {
@@ -1033,16 +1034,17 @@ class ht {
         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: a, identifiers: i } = this.session;
+        this.eventBus({ type: "session", id: p, isUser: a, identifiers: i });
       }
     })();
   };
@@ -1061,7 +1063,7 @@ class ht {
     De(e, r, this.features);
   };
   registerPredicate = (e, r) => {
-    Me(e, r, this.predicates);
+    Oe(e, r, this.predicates);
   };
   registerField = (e) => {
     Je(e, this.fields);
@@ -1107,20 +1109,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 +1149,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,7 +1199,7 @@ 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), {});
+    const s = this.responses.listStore.getState().reduce((n, p) => (n[p.fieldId] = p.value, n), {});
     return mt(e, {
       ...r,
       responses: s
@@ -1212,8 +1220,8 @@ async function Et(t, e) {
       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);
+        s.options.map(async (c) => c.condition ? await P(t, c.condition) ? c : null : c)
+      )).filter((c) => c !== null);
       return a.length === s.options.length ? s : a.length === 0 ? null : { ...s, options: a };
     })
   )).filter((s) => s !== null);
@@ -1242,8 +1250,8 @@ export {
   zt as isPickedRoot,
   Pt as lazyComponent,
   C as localStore,
-  M as sessionStore,
-  Mt as subscribe,
+  O as sessionStore,
+  Ot as subscribe,
   Ut as supportsCookies,
   pe as supportsCryptoRandomUUID,
   L as supportsDocument,