@picked/client 0.0.1-dev.1772073931707 → 0.0.1-dev.1772083499814

package/dist/esm/index.js

@@ -1,202 +1,233 @@
-import { createDomain as x, createApi as j, createStore as U, createEffect as C, sample as w, attach as te, combine as E, createEvent as R } from "effector";
-import { createFactory as I, invoke as F } from "@withease/factories";
-import { g as W, t as re, c as ne, i as se, e as A, a as ie, b as oe, d as ae } from "../experience-instance-CLR80xop.js";
-import { f as $t } from "../experience-instance-CLR80xop.js";
-import { l as b } from "../logger-C9a75KZn.js";
-import { c as B, l as O, s as D } from "../storage-Co_LbKr_.js";
-import { a as Ct } from "../storage-Co_LbKr_.js";
+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 { 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 } from "../api-CbXfbi_s.js";
 import { g as ce } from "../id-BW-g3y32.js";
 import { i as ue } from "../object-JwZ58NOH.js";
-import { s as _, a as L, b as le, c as de, d as pe } from "../supports-8YT4QKI7.js";
-import { e as Ot, f as Dt, g as Vt, h as Nt, i as Tt, j as Ut, k as _t } from "../supports-8YT4QKI7.js";
-const Y = x("experience"), fe = I(
+import { s as L, a as _, b as de, c as le, d as pe } 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"), fe = b(
   ({ client: t, experience: e }) => {
-    const r = Y.store(e), n = j(r, {
-      merge(p, y) {
+    const r = Y.store(e), s = j(r, {
+      merge(u, g) {
         return {
-          ...p,
-          ...y.experience
+          ...u,
+          ...g.experience
         };
       }
-    }), i = r.map((p) => ({
-      name: p.name,
-      decisionLogic: p.condition ?? p.decide,
-      targetSelectors: p.targets,
+    }), i = r.map((u) => ({
+      name: u.name,
+      decisionLogic: u.condition ?? u.decide,
+      targetSelectors: u.targets,
       initializeOpenLogic: e.initializeOpen
-    })), d = t.components.listStore.map(
-      (p) => p.find((y) => y.name === `experience:${e.id}`) || p.find((y) => y.name === "experience"),
+    })), l = t.components.listStore.map(
+      (u) => u.find((g) => g.name === `experience:${e.id}`) || u.find((g) => g.name === "experience"),
       { skipVoid: !1 }
-    ), l = r.map((p) => ({
-      steps: p.steps,
-      nodes: p.nodes,
-      edges: p.edges,
-      conditionals: p.conditionals
-    })), c = r.map((p) => p.fields), g = e.actions ?? [];
+    ), 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 ?? [];
     return {
       id: e.id,
       configStore: i,
-      treeStore: l,
-      fieldsStore: c,
-      componentStore: d,
-      actions: g,
-      merge: n.merge
+      treeStore: a,
+      fieldsStore: n,
+      componentStore: l,
+      actions: p,
+      merge: s.merge
     };
   }
 );
 function ge(t) {
-  return F(fe, t);
+  return I(fe, t);
 }
-const me = I(({ client: t }) => {
+const me = b(({ client: t }) => {
   const e = Y.store({}), r = j(e, {
-    register(l, c) {
+    register(u, g) {
       return {
-        ...l,
-        [c.id]: c
+        ...u,
+        [g.id]: g
       };
     }
   });
-  function n(l) {
-    const c = e.getState()[l.id];
-    if (c) {
-      c.merge({ experience: l, strategy: "override" });
+  function s(u) {
+    const g = e.getState()[u.id];
+    if (g) {
+      g.merge({ experience: u, strategy: "override" });
       return;
     }
-    const g = ge({ client: t, experience: l });
-    r.register(g);
+    const S = ge({ client: t, experience: u });
+    r.register(S);
   }
-  const i = e.map((l) => Object.values(l));
-  function d(l) {
-    return e.map((c) => c[l], { skipVoid: !1 });
+  const i = e.map((u) => Object.values(u));
+  function l(u) {
+    return e.map((g) => g[u], { skipVoid: !1 });
   }
+  const a = l, n = U({
+    source: e,
+    effect: async (u, { id: g, options: S }) => {
+      const m = u[g];
+      if (!m) {
+        w("warn", `Experience with id '${g}' not found.`);
+        return;
+      }
+      if (S?.bypassCondition) {
+        N(t, m, S);
+        return;
+      }
+      await Q(t, m) && N(t, m, S);
+    }
+  }), p = U({
+    source: t.experienceInstances.listStore,
+    effect: (u, g) => {
+      const S = u.filter((m) => m.experienceId === g);
+      if (S.length > 0)
+        for (const m of S)
+          m.open();
+      else
+        n({ id: g, options: { initialiseOpen: !0 } });
+    }
+  });
   return {
-    register: n,
-    getById: d,
+    /** 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,
+    /** @deprecated Use `experiences.get(id)` instead. */
+    getById: a,
+    /** Effector effect that launches an experience by ID, creating instances for each DOM target. */
+    launch: n,
+    /** Effector effect that opens an experience's existing instances, or launches it with `initialiseOpen` if none exist. */
+    open: p,
+    /** Derived store containing all registered experiences as an array. */
     listStore: i
   };
 });
-function ye(t) {
-  return F(me, t);
+function he(t) {
+  return I(me, t);
 }
-const he = (t, e) => {
+const ye = (t, e) => {
   e.register(t);
-}, Q = (t, e) => {
-  const { targetSelectors: r } = e.configStore.getState(), n = W(r, e.id);
-  n.forEach(
-    ({ elements: d }) => d.forEach((l) => re(l, e.id))
-  ), ne(n, e.id).forEach((d) => {
-    t.experienceInstances.spawn(e, d);
+}, 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);
   });
-}, J = async (t) => {
+}, H = async (t) => {
   await Promise.all(
     t.experiences.listStore.getState().map(async (e) => {
-      await ve(t, e) && Q(t, e);
+      await Q(t, e) && N(t, e);
     })
   );
-}, ve = async (t, e) => {
-  const { decisionLogic: r, targetSelectors: n } = e.configStore.getState();
-  return W(n, e.id).length < 1 || n.length === 0 ? !1 : r && se(r) ? await A(t, r) === !0 : !0;
+}, Q = async (t, e) => {
+  if (!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 && se(r) ? await P(t, r) === !0 : !0;
 }, Se = (t, e, r) => {
-  const n = e.name, i = e.setup(t);
+  const s = e.name, i = e.setup(t);
   if (i) {
-    const d = r[n] ?? {};
-    r[n] = Object.freeze({ ...d, ...i });
+    const l = r[s] ?? {};
+    r[s] = Object.freeze({ ...l, ...i });
   }
-}, ke = x("component"), we = I(
+}, ve = x("component"), ke = b(
   ({ client: t, component: e, name: r }) => {
-    const n = t.frameworks.getByName(e.frameworkName);
+    const s = t.frameworks.getByName(e.frameworkName);
     return {
       name: r,
       component: e,
-      frameworkStore: n
+      frameworkStore: s
     };
   }
 );
-function be(t) {
-  return F(we, t);
+function we(t) {
+  return I(ke, t);
 }
-const Ie = I(({ client: t }) => {
-  const e = ke.store({}), r = j(e, {
-    register(l, c) {
+const be = b(({ client: t }) => {
+  const e = ve.store({}), r = j(e, {
+    register(a, n) {
       return {
-        ...l,
-        [c.name]: c
+        ...a,
+        [n.name]: n
       };
     }
   });
-  function n(l, c) {
-    e.getState()[l] && b(
+  function s(a, n) {
+    e.getState()[a] && w(
       "warn",
-      `Component '${l}' already registered. Registering again will override the previous registration.`
+      `Component '${a}' already registered. Registering again will override the previous registration.`
     );
-    const p = be({ client: t, name: l, component: c });
-    r.register(p);
+    const u = we({ client: t, name: a, component: n });
+    r.register(u);
   }
-  const i = e.map((l) => Object.values(l));
-  function d(l) {
-    return e.map((c) => c[l], { skipVoid: !1 });
+  const i = e.map((a) => Object.values(a));
+  function l(a) {
+    return e.map((n) => n[a], { skipVoid: !1 });
   }
   return {
-    register: n,
-    getByName: d,
+    register: s,
+    getByName: l,
     listStore: i
   };
 });
-function Fe(t) {
-  return F(Ie, t);
+function Ie(t) {
+  return I(be, t);
 }
-const H = (t, e, r) => {
+const G = (t, e, r) => {
   r.register(t, e);
-}, xe = x("framework"), je = I(({ client: t }) => {
-  const e = xe.store({}), r = j(e, {
-    register(l, c) {
+}, Fe = x("framework"), xe = b(({ client: t }) => {
+  const e = Fe.store({}), r = j(e, {
+    register(a, n) {
       return {
-        ...l,
-        [c.name]: c.framework
+        ...a,
+        [n.name]: n.framework
       };
     }
   });
-  function n(l, c) {
-    e.getState()[l] && b(
+  function s(a, n) {
+    e.getState()[a] && w(
       "warn",
-      `Framework '${l}' already registered. Registering again will override the previous registration.`
-    ), r.register({ name: l, framework: c });
+      `Framework '${a}' already registered. Registering again will override the previous registration.`
+    ), r.register({ name: a, framework: n });
   }
-  const i = e.map((l) => Object.values(l));
-  function d(l) {
-    return e.map((c) => c[l], { skipVoid: !1 });
+  const i = e.map((a) => Object.values(a));
+  function l(a) {
+    return e.map((n) => n[a], { skipVoid: !1 });
   }
   return {
-    register: n,
-    getByName: d,
+    register: s,
+    getByName: l,
     listStore: i
   };
 });
-function Ae(t) {
-  return F(je, t);
+function je(t) {
+  return I(xe, t);
 }
 const Ee = (t, e) => {
   e.register(t.name, t);
-}, Pe = 6e3, Re = B("last_ping", "global"), Be = (t) => `${t}/api/v1/ping`, $e = async (t) => {
+}, Pe = 6e3, Ae = A("last_ping", "global"), $e = async (t) => {
   try {
-    const e = Date.now(), r = O.get(Re);
-    let n = 0;
-    if (r.isSet() && (n = r.json() ?? 0), n && e - n < Pe)
+    const e = Date.now(), r = C.get(Ae);
+    let s = 0;
+    if (r.isSet() && (s = r.json() ?? 0), s && e - s < Pe)
       return !0;
-    const i = Be(t.apiUrl), d = {
+    const i = {
       projectId: t.projectId,
       path: window.location.pathname
-    }, l = JSON.stringify(d), c = {
-      "Content-Type": "application/json"
-    }, p = document.getElementById("picked_script")?.dataset.verceltoken;
-    p && (c["x-vercel-protection-bypass"] = p);
-    const v = (await fetch(i, {
-      method: "POST",
-      headers: c,
-      body: l
-    })).ok;
-    return v && r.set(e), v;
+    }, 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;
   } catch (e) {
-    return b("error", e), !1;
+    return w("error", e), !1;
   }
 };
 function X(t) {
@@ -211,222 +242,222 @@ function X(t) {
   };
   return Object.freeze(r);
 }
-const ze = x("predicate"), Ce = I(({ client: t }) => {
-  const e = ze.store({}), r = j(e, {
-    register(c, g) {
+const Be = x("predicate"), Re = b(({ client: t }) => {
+  const e = Be.store({}), r = j(e, {
+    register(n, p) {
       return {
-        ...c,
-        [g.name]: {
-          name: g.name,
-          predicate: g.predicate
+        ...n,
+        [p.name]: {
+          name: p.name,
+          predicate: p.predicate
         }
       };
     }
   });
-  function n(c, g) {
-    e.getState()[c] && b(
+  function s(n, p) {
+    e.getState()[n] && w(
       "warn",
-      `Predicate '${c}' already registered. Registering again will override the previous registration.`
-    ), r.register(Object.freeze({ name: c, predicate: g }));
+      `Predicate '${n}' already registered. Registering again will override the previous registration.`
+    ), r.register(Object.freeze({ name: n, predicate: p }));
   }
-  const i = e.map((c) => Object.values(c));
-  function d(c) {
-    return e.map((g) => g[c]?.predicate, { skipVoid: !1 });
+  const i = e.map((n) => Object.values(n));
+  function l(n) {
+    return e.map((p) => p[n]?.predicate, { skipVoid: !1 });
   }
-  function l(c) {
-    const g = U(() => {
+  function a(n) {
+    const p = T(() => {
     }, {
       skipVoid: !1
-    }), p = C(async () => {
-      const y = d(c).getState();
-      if (!y)
+    }), u = R(async () => {
+      const g = l(n).getState();
+      if (!g)
         return;
-      const v = X(t);
-      return (...m) => y({ ...v, args: m });
+      const S = X(t);
+      return (...m) => g({ ...S, args: m });
     });
-    return w({
+    return k({
       source: { responses: t.responses.listStore, fields: t.fields.listStore },
+      target: u
+    }), k({
+      clock: u.doneData,
+      filter: (g) => g !== void 0,
       target: p
-    }), w({
-      clock: p.doneData,
-      filter: (y) => y !== void 0,
-      target: g
-    }), p(), g;
+    }), u(), p;
   }
   return {
-    register: n,
-    getByName: d,
+    register: s,
+    getByName: l,
     listStore: i,
-    getEvokablePredicate: l
+    getEvokablePredicate: a
   };
 });
-function Me(t) {
-  return F(Ce, t);
+function ze(t) {
+  return I(Re, t);
 }
-const Oe = (t, e, r) => {
+const Ce = (t, e, r) => {
   r.register(t, e);
-}, G = x("feature"), De = I(({ client: t }) => {
-  const e = G.store({}), r = G.store([]), n = j(e, {
-    register(u, s) {
+}, J = x("feature"), Me = b(({ client: t }) => {
+  const e = J.store({}), r = J.store([]), s = j(e, {
+    register(o, c) {
       return {
-        ...u,
-        [s.id]: s.feature
+        ...o,
+        [c.id]: c.feature
       };
     }
   });
-  function i(u, s) {
-    e.getState()[u] && b(
+  function i(o, c) {
+    e.getState()[o] && w(
       "warn",
-      `Feature '${u}' already registered. Registering again will override the previous registration.`
+      `Feature '${o}' already registered. Registering again will override the previous registration.`
     );
-    const a = {
-      id: u,
+    const d = {
+      id: o,
       feature: {
-        ...s,
-        id: u
+        ...c,
+        id: o
       }
     };
-    n.register(
+    s.register(
       Object.freeze({
-        id: u,
-        feature: a
+        id: o,
+        feature: d
       })
     );
   }
-  const d = C(
+  const l = R(
     async ({
-      id: u,
-      key: s,
-      storage: o = "local"
+      id: o,
+      key: c,
+      storage: f = "local"
     }) => {
-      const a = B(`feature:${u}:${s}`, "global"), h = (o === "session" ? D : O).get(a).boolean();
-      return h === null ? null : { id: u, key: s, bucket: h, storage: o };
+      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 };
     }
-  ), l = C((u) => {
-    if (!u)
+  ), a = R((o) => {
+    if (!o)
       return null;
-    const s = B(`feature:${u.id}:${u.key}`, "global");
-    (u.storage === "session" ? D : O).set(s, u.bucket);
-  }), c = /* @__PURE__ */ new Map(), g = te({
+    const c = A(`feature:${o.id}:${o.key}`, "global");
+    (o.storage === "session" ? M : C).set(c, o.bucket);
+  }), n = /* @__PURE__ */ new Map(), p = U({
     source: { allFeaturesStore: e, resolvedFeaturesStore: r },
-    effect: async ({ allFeaturesStore: u, resolvedFeaturesStore: s }, { id: o, decide: a, key: f }) => {
-      const h = s.find(
-        (z) => z.id === o && z.key === f
+    effect: async ({ allFeaturesStore: o, resolvedFeaturesStore: c }, { id: f, decide: d, key: h }) => {
+      const y = c.find(
+        (B) => B.id === f && B.key === h
       );
-      if (h)
-        return h;
-      const S = u[o];
-      if (!S)
-        throw new Error(`Feature with id '${o}' not found`);
-      const $ = c.get(`${o}:${f}`);
+      if (y)
+        return y;
+      const F = o[f];
+      if (!F)
+        throw new Error(`Feature with id '${f}' not found`);
+      const $ = n.get(`${f}:${h}`);
       if ($ !== void 0) {
-        const z = await $;
-        return { id: S.id, bucket: z, key: f, storage: S.feature.storage };
+        const B = await $;
+        return { id: F.id, bucket: B, key: h, storage: F.feature.storage };
       }
-      const k = a();
-      c.set(`${o}:${f}`, k);
-      const ee = await k;
-      return { id: S.id, bucket: ee, key: f, storage: S.feature.storage };
+      const v = d();
+      n.set(`${f}:${h}`, v);
+      const ee = await v;
+      return { id: F.id, bucket: ee, key: h, storage: F.feature.storage };
     }
   });
-  w({
-    clock: n.register,
-    fn: (u) => {
-      const { id: s, feature: o } = u;
-      return { id: s, key: o.feature.key, storage: o.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 };
     },
-    target: d
-  }), w({
+    target: l
+  }), k({
     source: e,
-    clock: g.doneData,
-    fn: (u, s) => {
-      const { id: o, bucket: a, storage: f } = s, h = u[o]?.feature.key;
-      return h ? { key: h, id: o, bucket: a, storage: f } : null;
+    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;
     },
-    target: l
+    target: a
   });
-  const p = E({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
+  const u = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
     ({
-      allFeaturesStore: u,
-      resolvedFeaturesStore: s
-    }) => Object.values(u).map((o) => {
-      const a = s.find(
-        (f) => f.id === o.id && f.key === o.feature.key
+      allFeaturesStore: o,
+      resolvedFeaturesStore: c
+    }) => Object.values(o).map((f) => {
+      const d = c.find(
+        (h) => h.id === f.id && h.key === f.feature.key
       );
-      return a ? {
-        id: o.id,
-        name: o.feature.name,
-        key: o.feature.key,
-        getBucket: () => ({ id: o.id, bucket: a.bucket }),
+      return d ? {
+        id: f.id,
+        name: f.feature.name,
+        key: f.feature.key,
+        getBucket: () => ({ id: f.id, bucket: d.bucket }),
         isResolved: !0
       } : {
-        id: o.id,
-        name: o.feature.name,
-        key: o.feature.key,
-        getBucket: async () => await g(o.feature),
+        id: f.id,
+        name: f.feature.name,
+        key: f.feature.key,
+        getBucket: async () => await p(f.feature),
         isResolved: !1
       };
     })
   );
-  w({
-    clock: g.doneData,
+  k({
+    clock: p.doneData,
     source: { resolvedFeatures: r },
-    filter: ({ resolvedFeatures: u }, { id: s, key: o }) => !u.some(
-      (f) => f.id === s && f.key === o
+    filter: ({ resolvedFeatures: o }, { id: c, key: f }) => !o.some(
+      (h) => h.id === c && h.key === f
     ),
-    fn: (u, s) => s,
-    target: t.eventBus.prepend((u) => ({
+    fn: (o, c) => c,
+    target: t.eventBus.prepend((o) => ({
       type: "feature_decide",
-      feature: u
+      feature: o
     }))
-  }), w({
-    clock: [d.doneData, g.doneData],
+  }), k({
+    clock: [l.doneData, p.doneData],
     source: r,
-    fn: (u, s) => !s || u.some(
-      (a) => a.id === s.id && a.key === s.key
-    ) ? u : [...u, s],
+    fn: (o, c) => !c || o.some(
+      (d) => d.id === c.id && d.key === c.key
+    ) ? o : [...o, c],
     target: r
   });
-  function y(u) {
-    return p.map((s) => s.find((o) => o.id === u));
+  function g(o) {
+    return u.map((c) => c.find((f) => f.id === o));
   }
-  function v(u) {
-    return e.map((s) => s[u], { skipVoid: !1 });
+  function S(o) {
+    return e.map((c) => c[o], { skipVoid: !1 });
   }
-  function m(u) {
-    const s = U(
+  function m(o) {
+    const c = T(
       async () => {
       },
       { skipVoid: !1 }
-    ), o = C(async () => {
-      const a = y(u).getState();
-      if (a)
-        return async () => (await a.getBucket()).bucket;
+    ), f = R(async () => {
+      const d = g(o).getState();
+      if (d)
+        return async () => (await d.getBucket()).bucket;
     });
-    return w({
+    return k({
       source: r,
-      filter: (a) => a.some((f) => f.id === u),
-      target: o
-    }), w({
-      clock: o.doneData,
-      filter: (a) => a !== void 0,
-      target: s
-    }), o(), s;
+      filter: (d) => d.some((h) => h.id === o),
+      target: f
+    }), k({
+      clock: f.doneData,
+      filter: (d) => d !== void 0,
+      target: c
+    }), f(), c;
   }
   return {
     register: i,
-    getById: y,
-    getByName: v,
-    listStore: p,
+    getById: g,
+    getByName: S,
+    listStore: u,
     getEvokableFeature: m
   };
 });
-function Ve(t) {
-  return F(De, t);
+function Oe(t) {
+  return I(Me, t);
 }
-const Ne = (t, e, r) => {
+const Ue = (t, e, r) => {
   r.register(t, e);
-}, P = x("history");
+}, E = x("history");
 function q(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
@@ -436,243 +467,149 @@ function q(t, e) {
     experienceId: t
   };
 }
-const Te = I(() => {
-  const t = P.store({ entries: [] }), e = P.event(), r = P.event(), n = P.event(), i = P.event();
-  t.on(e, (l, c) => ({
-    entries: [...l.entries, q(c.experienceId, c.node)]
-  })), t.on(r, (l, c) => ({
+const De = 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) => ({
     entries: [
-      ...l.entries.slice(0, -1),
-      q(c.experienceId, c.node)
+      ...a.entries.slice(0, -1),
+      q(n.experienceId, n.node)
     ]
-  })), t.on(i, (l, c) => c);
-  function d(l, c) {
-    const g = { lastStepIndex: -1, secondLastStepIndex: -1 };
-    for (let p = l.length - 1; p >= 0; p--) {
-      const y = l[p], v = y?.node;
-      if (!(!v || !ie(v)) && !(c && y?.experienceId !== c))
-        if (g.lastStepIndex === -1)
-          g.lastStepIndex = p;
+  })), 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;
         else {
-          g.secondLastStepIndex = p;
+          p.secondLastStepIndex = u;
           break;
         }
     }
-    return g;
+    return p;
   }
-  return t.on(n, (l, c) => {
-    const { secondLastStepIndex: g } = d(l.entries, c.experienceId), p = g !== -1 ? l.entries.slice(0, g + 1) : l.entries;
+  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 {
-      ...l,
-      entries: p
+      ...a,
+      entries: u
     };
   }), {
     push: e,
     replace: r,
-    back: n,
+    back: s,
     restore: i,
-    entriesStore: t.map((l) => l.entries)
+    entriesStore: t.map((a) => a.entries)
   };
 });
-function Ue() {
-  return F(Te);
+function Ve() {
+  return I(De);
 }
-let _e = 0;
-const Le = (t) => {
-  const e = U([]);
-  return w({
+let Ne = 0;
+const Te = (t) => {
+  const e = T([]);
+  return k({
     clock: t,
     source: e,
-    fn: (r, n) => [
+    fn: (r, s) => [
       ...r,
       {
-        id: _e++,
+        id: Ne++,
         at: /* @__PURE__ */ new Date(),
-        payload: n
+        payload: s
       }
     ],
     target: e
   }), e;
-}, V = x("field");
-function Je(t) {
-  return Array.isArray(t) && t.every(
-    (e) => typeof e == "object" && e !== null && "id" in e && "label" in e && "value" in e
-  );
-}
-function N(t, e) {
-  const r = e ?? {
-    status: "idle",
-    options: Array.isArray(t.options) ? t.options : null
-  };
-  return {
-    ...t,
-    ...r,
-    options: r.options ?? (Array.isArray(t.options) ? t.options : null)
-  };
-}
-const He = I(({ client: t }) => {
-  const e = V.store({}), r = j(e, {
-    register(s, o) {
+}, Le = x("field"), _e = b(() => {
+  const t = Le.store({}), e = j(t, {
+    register(n, p) {
       return {
-        ...s,
-        [o.field.id]: o.field
+        ...n,
+        [p.field.id]: p.field
       };
     }
   });
-  function n(s) {
-    r.register({ field: s });
+  function r(n) {
+    e.register({ field: n });
   }
-  function i(s, o) {
-    const a = e.getState()[s];
-    if (!a)
+  function s(n, p) {
+    const u = l(n).getState();
+    if (!u)
       return;
-    const f = Object.assign({}, a, {
-      ...o
+    const g = Object.assign({}, u, {
+      ...p
     });
-    r.register({ field: { ...f } });
+    e.register({ field: { ...g } });
   }
-  const d = V.store({}), l = E(
-    e,
-    d,
-    (s, o) => Object.values(s).map((a) => N(a, o[a.id]))
-  );
-  function c(s) {
-    return E(e, d, (o, a) => {
-      const f = o[s];
-      return f ? N(f, a[s]) : null;
-    });
-  }
-  function g(s) {
-    return E(e, d, (o, a) => {
-      const f = Object.values(o).find((h) => h.name === s);
-      return f ? N(f, a[f.id]) : null;
-    });
-  }
-  const p = V.effect(
-    async ({
-      fieldId: s,
-      fieldOptions: o,
-      context: a
-    }) => {
-      if (t && !Array.isArray(o) && o !== null) {
-        const f = await A(t, o, a);
-        return Je(f) ? { fieldId: s, options: f } : { fieldId: s, options: null };
-      }
-      return { fieldId: s, options: Array.isArray(o) ? o : null };
-    }
-  );
-  d.on(p, (s, { fieldId: o }) => {
-    const a = s[o];
-    return {
-      ...s,
-      [o]: {
-        status: "loading",
-        // Preserve stale options during re-fetch so the UI doesn't flash blank
-        options: a?.status === "resolved" ? a.options : null
-      }
-    };
-  }), d.on(p.doneData, (s, { fieldId: o, options: a }) => ({
-    ...s,
-    [o]: { status: "resolved", options: a }
-  })), d.on(p.fail, (s, { params: { fieldId: o } }) => ({
-    ...s,
-    [o]: { status: "error", options: null, error: "Failed to resolve field options" }
-  }));
-  const y = R();
-  d.on(y, (s, o) => ({
-    ...s,
-    [o]: { status: "waiting", options: null }
-  }));
-  const v = R();
-  t && w({
-    clock: v,
-    source: {
-      states: d,
-      fields: e
-    },
-    filter: ({ states: s }, { fieldId: o, force: a }) => {
-      if (a) return !0;
-      const f = s[o];
-      return !f || f.status === "idle";
-    },
-    fn: ({ fields: s }, { fieldId: o, context: a }) => {
-      const f = s[o] ?? null;
-      return {
-        fieldId: o,
-        fieldOptions: f?.options ?? null,
-        context: a
-      };
-    },
-    target: p
-  });
-  function m(s, o) {
-    v({ fieldId: s, force: o?.force, context: o?.context });
+  const i = t.map((n) => Object.values(n));
+  function l(n) {
+    return t.map((p) => p[n] || null);
   }
-  function u(s, o) {
-    for (const a of s)
-      v({ fieldId: a, force: o?.force, context: o?.context });
+  function a(n) {
+    return t.map((p) => Object.values(p).find((u) => u.name === n) || null);
   }
   return {
-    register: n,
-    update: i,
-    getById: c,
-    listStore: l,
-    getByName: g,
-    resolve: m,
-    resolveAll: u,
-    setWaiting: y
+    register: r,
+    update: s,
+    getById: l,
+    listStore: i,
+    getByName: a
   };
 });
-function Ge(t) {
-  return F(He, t ?? {});
+function He() {
+  return I(_e);
 }
-const qe = (t, e) => {
+const Ge = (t, e) => {
   e.register(t);
-}, Ke = x("action"), We = I(({ client: t }) => {
-  const e = Ke.store({}), r = j(e, {
-    register(c, g) {
+}, Je = x("action"), qe = b(() => {
+  const t = Je.store({}), e = j(t, {
+    register(a, n) {
       return {
-        ...c,
-        [g.name]: {
-          name: g.name,
-          action: g.action
+        ...a,
+        [n.name]: {
+          name: n.name,
+          action: n.action
         }
       };
     }
   });
-  function n(c, g) {
-    r.register({ name: c, action: g });
+  function r(a, n) {
+    e.register({ name: a, action: n });
   }
-  const i = e.map((c) => Object.values(c));
-  function d(c) {
-    return e.map((g) => g[c], { skipVoid: !1 });
+  const s = t.map((a) => Object.values(a));
+  function i(a) {
+    return t.map((n) => n[a], { skipVoid: !1 });
   }
-  function l(c) {
-    return e.map(
-      (g) => {
-        const p = g[c];
+  function l(a) {
+    return t.map(
+      (n) => {
+        const p = n[a];
         return p ? p.action : void 0;
       },
       { skipVoid: !1 }
     );
   }
   return {
-    register: n,
-    getByName: d,
-    listStore: i,
+    register: r,
+    getByName: i,
+    listStore: s,
     getEvokableAction: l
   };
 });
-function Ye(t) {
-  return F(We, t);
+function Ke() {
+  return I(qe);
 }
-const Qe = (t, e, r) => {
+const We = (t, e, r) => {
   r.register(t, e);
 };
-function T(t) {
+function O(t) {
   return typeof t > "u" || t === null || t === "" || Array.isArray(t) && !t.length;
 }
-function Xe(t) {
+function Ye(t) {
   return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null;
 }
 function K(t) {
@@ -682,219 +619,218 @@ function K(t) {
     return !1;
   }
 }
-const Ze = x("response"), et = I(({ client: t }) => {
-  const e = Ze.store({}), r = R(), n = R(), i = j(e, {
-    register(m, u) {
+const Qe = x("response"), Xe = b(({ client: t }) => {
+  const e = Qe.store({}), r = V(), s = V(), i = j(e, {
+    register(m, o) {
       return {
         ...m,
-        [u.fieldId]: u.response
+        [o.fieldId]: o.response
       };
     },
-    registerBatch(m, u) {
+    registerBatch(m, o) {
       return {
         ...m,
-        ...u
+        ...o
       };
     },
-    clear(m, u) {
-      const { [u]: s, ...o } = m;
-      return o;
+    clear(m, o) {
+      const { [o]: c, ...f } = m;
+      return f;
     },
     clearAll() {
       return {};
     }
   });
-  function d(m, u) {
+  function l(m, o) {
     if (typeof m == "string") {
-      if (u === void 0)
+      if (o === void 0)
         throw new Error("Response is required when registering a single field");
-      i.register({ fieldId: m, response: u });
+      i.register({ fieldId: m, response: o });
     } else
       i.registerBatch(m);
   }
-  async function l(m) {
-    const u = [];
+  async function a(m) {
+    const o = [];
     return await Promise.allSettled(
-      Object.entries(m).map(async ([s, o]) => {
-        let a = o;
-        const f = t.fields.getById(s).getState();
-        if (!f) {
-          u.push({
-            fieldId: s,
-            userMessage: `Field '${s}' not found`,
-            systemMessage: `No field with ID '${s}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,
-            value: a
+      Object.entries(m).map(async ([c, f]) => {
+        let d = f;
+        const h = t.fields.getById(c).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
           });
           return;
         }
-        if (f.multiple && (typeof a == "string" || typeof a == "number" || typeof a == "boolean") && (a = [a]), f.validation && !ue(f.validation) && !T(a)) {
-          const h = { ...e.getState(), ...m }, S = await A(t, f.validation, {
-            $input: a,
-            responses: h
+        if (h.multiple && (typeof d == "string" || typeof d == "number" || typeof d == "boolean") && (d = [d]), h.validation && !ue(h.validation) && !O(d)) {
+          const y = await P(t, h.validation, {
+            $input: d
           });
-          if (typeof S == "string") {
-            u.push({
-              fieldId: s,
-              userMessage: S,
-              systemMessage: `Field validation resulted in an error: ${S}.`,
-              value: a
+          if (typeof y == "string") {
+            o.push({
+              fieldId: c,
+              userMessage: y,
+              systemMessage: `Field validation resulted in an error: ${y}.`,
+              value: d
             });
             return;
           }
-          if (S === !1) {
-            u.push({
-              fieldId: s,
+          if (y === !1) {
+            o.push({
+              fieldId: c,
               userMessage: "This field is invalid",
               systemMessage: "Field validation resulted in an unspecified error.",
-              value: a
+              value: d
             });
             return;
           }
         }
-        if (f.required && T(a)) {
-          u.push({
-            fieldId: s,
+        if (h.required && O(d)) {
+          o.push({
+            fieldId: c,
             userMessage: "This field is required",
             systemMessage: "Field is required.",
-            value: a
+            value: d
           });
           return;
         }
-        if (!f.multiple && Array.isArray(a) && a.length > 1) {
-          u.push({
-            fieldId: s,
+        if (!h.multiple && Array.isArray(d) && d.length > 1) {
+          o.push({
+            fieldId: c,
             userMessage: "This field expects a single response",
             systemMessage: "Field expects a single response.",
-            value: a
+            value: d
           });
           return;
         }
-        if (f.type === "object" && !T(a))
-          if (f.multiple) {
-            if (!Array.isArray(a)) {
-              u.push({
-                fieldId: s,
+        if (h.type === "object" && !O(d))
+          if (h.multiple) {
+            if (!Array.isArray(d)) {
+              o.push({
+                fieldId: c,
                 userMessage: "This field expects multiple values",
                 systemMessage: "Field expects an array of objects.",
-                value: a
+                value: d
               });
               return;
             }
-            for (const h of a) {
-              if (typeof h != "object" || h === null) {
-                u.push({
-                  fieldId: s,
+            for (const y of d) {
+              if (typeof y != "object" || y === null) {
+                o.push({
+                  fieldId: c,
                   userMessage: "This field expects object values",
                   systemMessage: "Field expects an array of objects, but received non-object value.",
-                  value: a
+                  value: d
                 });
                 return;
               }
-              if (!K(h)) {
-                u.push({
-                  fieldId: s,
+              if (!K(y)) {
+                o.push({
+                  fieldId: c,
                   userMessage: "This field contains non-serializable data",
                   systemMessage: "Field value contains non-JSON-serializable data (functions, circular references, etc.).",
-                  value: a
+                  value: d
                 });
                 return;
               }
             }
           } else {
-            if (Array.isArray(a)) {
-              u.push({
-                fieldId: s,
+            if (Array.isArray(d)) {
+              o.push({
+                fieldId: c,
                 userMessage: "This field expects a single value",
                 systemMessage: "Field expects a single object, not an array.",
-                value: a
+                value: d
               });
               return;
             }
-            if (typeof a != "object" || a === null) {
-              u.push({
-                fieldId: s,
+            if (typeof d != "object" || d === null) {
+              o.push({
+                fieldId: c,
                 userMessage: "This field expects an object value",
                 systemMessage: "Field expects an object value.",
-                value: a
+                value: d
               });
               return;
             }
-            if (!K(a)) {
-              u.push({
-                fieldId: s,
+            if (!K(d)) {
+              o.push({
+                fieldId: c,
                 userMessage: "This field contains non-serializable data",
                 systemMessage: "Field value contains non-JSON-serializable data (functions, circular references, etc.).",
-                value: a
+                value: d
               });
               return;
             }
           }
-        if (Array.isArray(f.options) && f.options.length > 0) {
-          const h = Array.isArray(a) ? a : [a];
-          if (f.type === "object") {
-            const S = f.options.map((k) => JSON.stringify(k.value));
-            h.every((k) => S.includes(JSON.stringify(k))) || u.push({
-              fieldId: s,
+        if (h.options) {
+          const y = Array.isArray(d) ? d : [d];
+          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,
               userMessage: "This field expects a valid option",
               systemMessage: "Field expects a valid option from the defined choices.",
-              value: a
+              value: d
             });
           } else {
-            const S = f.options.map((k) => k.value);
-            h.every((k) => !Xe(k) || k === null ? !1 : S.includes(k)) || u.push({
-              fieldId: s,
+            const F = h.options.map((v) => v.value);
+            y.every((v) => !Ye(v) || v === null ? !1 : F.includes(v)) || o.push({
+              fieldId: c,
               userMessage: "This field expects a valid option",
-              systemMessage: `Field expects a valid option. Valid options are: ${S.join(", ")}`,
-              value: a
+              systemMessage: `Field expects a valid option. Valid options are: ${F.join(", ")}`,
+              value: d
             });
           }
         }
       })
-    ), { responsesToCommit: m, validationErrors: u };
+    ), { responsesToCommit: m, validationErrors: o };
   }
-  async function c(m) {
-    const { responsesToCommit: u, validationErrors: s } = await l(m);
-    return s.length ? { errors: s } : (i.registerBatch(u), { errors: [] });
+  async function n(m) {
+    const { responsesToCommit: o, validationErrors: c } = await a(m);
+    return c.length ? { errors: c } : (i.registerBatch(o), { errors: [] });
   }
-  const g = e.map((m) => m), p = e.map((m) => Object.keys(m).map((s) => ({
-    fieldId: s,
-    value: m[s]
+  const p = e.map((m) => m), u = e.map((m) => Object.keys(m).map((c) => ({
+    fieldId: c,
+    value: m[c]
   })));
-  function y(m) {
-    const u = t.fields.getById(m), s = e.map((o) => o[m] || null);
-    return E({ f: u, r: s }, ({ f: o, r: a }) => a || (o?.defaultValue ? o.defaultValue : null));
+  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));
   }
-  function v(m) {
-    const u = t.fields.getByName(m);
-    return E({ f: u, s: e }, ({ f: s, s: o }) => {
-      const a = s && o[s.id] || null;
-      return a || (s?.defaultValue ? s.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 w({
+  return k({
     clock: r,
     target: i.clearAll
-  }), w({
-    clock: n,
+  }), k({
+    clock: s,
     target: i.clear
   }), {
-    register: d,
+    register: l,
     clearAll: r,
-    clear: n,
-    commit: c,
-    getResponsesToCommit: l,
-    listStore: p,
-    getAllStore: g,
-    getByFieldId: y,
-    getByFieldName: v
+    clear: s,
+    commit: n,
+    getResponsesToCommit: a,
+    listStore: u,
+    getAllStore: p,
+    getByFieldId: g,
+    getByFieldName: S
   };
 });
-function tt(t) {
-  return F(et, t);
+function Ze(t) {
+  return I(Xe, t);
 }
-const rt = () => "0.0.1-dev.1772073931707";
-function nt() {
-  if (_()) {
+const et = () => "0.0.1-dev.1772083499814";
+function tt() {
+  if (L()) {
     const t = [
       document.currentScript,
       document.getElementById("picked_script"),
@@ -908,70 +844,70 @@ function nt() {
   }
   return "https://api.picked.app";
 }
-function st() {
-  if (!L())
+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 d = i.replace("picked-", "");
-    e[d] = t.getAll(i);
+    const l = i.replace("picked-", "");
+    e[l] = t.getAll(i);
   }
-  const n = B("s");
+  const s = A("s");
   if (r.size > 0)
-    D.set(n, e);
+    M.set(s, e);
   else {
-    const i = D.get(n);
+    const i = M.get(s);
     if (i)
       return i.json() || {};
   }
   return e;
 }
-function it() {
-  if (de())
+function st() {
+  if (le())
     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), n = Math.random().toString(36).substring(2, 15);
-  return `${t}-${e}-${r}-${n}`;
+  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 ot = B("session", "global"), at = () => {
-  const t = O.get(ot);
+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
-  }), n = {
-    id: e?.id ?? it(),
+  }), s = {
+    id: e?.id ?? st(),
     isUser: e?.isUser ?? void 0,
     identifiers: e?.identifiers ?? void 0,
     setIsUser(i) {
       this.isUser = i, r(this);
     },
-    setIdentifier(i, d) {
-      this.identifiers = { ...this.identifiers, [i]: d }, r(this);
+    setIdentifier(i, l) {
+      this.identifiers = { ...this.identifiers, [i]: l }, r(this);
     },
     removeIdentifier(i) {
       this.identifiers && (this.identifiers = Object.fromEntries(
-        Object.entries(this.identifiers).filter(([d]) => d !== i)
+        Object.entries(this.identifiers).filter(([l]) => l !== i)
       ), this.identifiers = Object.keys(this.identifiers).length ? this.identifiers : void 0, r(this));
     }
   };
-  return r(n), n;
-}, ct = () => le() ? at() : null;
-function ut() {
-  if (L())
+  return r(s), s;
+}, ot = () => de() ? it() : null;
+function at() {
+  if (_())
     return globalThis.window.pickedConfig;
 }
-function lt() {
-  if (!L())
+function ct() {
+  if (!_())
     return;
-  const t = ut(), e = t?.organizationId, r = t?.projectId;
+  const t = at(), e = t?.organizationId, r = t?.projectId;
   return e && r ? { organizationId: e, projectId: r } : void 0;
 }
-function dt() {
-  if (!_())
+function ut() {
+  if (!L())
     return;
   const t = document.getElementById("picked_script") || document.querySelector("script#picked") || // legacy support for 'cvly' script tag
   document.getElementById("cvly");
@@ -980,14 +916,14 @@ function dt() {
   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 pt(t) {
+function dt(t) {
   const { organizationId: e, projectId: r } = t;
   if (e && r)
     return { organizationId: e, projectId: r };
-  const n = lt();
-  if (n)
-    return n;
-  const i = dt();
+  const s = ct();
+  if (s)
+    return s;
+  const i = ut();
   if (i)
     return i;
   throw new Error(
@@ -997,13 +933,13 @@ function pt(t) {
       (3) a <script> tag with id 'picked_script', 'picked', or 'cvly' that includes data-organizationid/data-projectid (or organization-id/project-id) attributes.`
   );
 }
-function M(t) {
+function z(t) {
   return t == null || t === "" || Number.isNaN(t);
 }
-const ft = {
-  default: (t, e) => M(t) ? String(e ?? "") : String(t),
-  append: (t, e) => e && !M(t) ? `${t} ${e}` : t,
-  prepend: (t, e) => e && !M(t) ? `${e} ${t}` : t,
+const lt = {
+  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,
   upper: (t) => typeof t == "string" ? t.toUpperCase() : t,
   lower: (t) => typeof t == "string" ? t.toLowerCase() : t,
   capitalize: (t) => typeof t == "string" ? t.charAt(0).toUpperCase() + t.slice(1) : t,
@@ -1014,97 +950,100 @@ const ft = {
     if (Array.isArray(t))
       return e.format(t.map(String));
     if (t instanceof Map) {
-      const r = Array.from(t.entries()).map(([n, i]) => `${n}: ${i}`);
+      const r = Array.from(t.entries()).map(([s, i]) => `${s}: ${i}`);
       return e.format(r);
     }
     return t instanceof Set ? e.format(Array.from(t).map(String)) : t;
   }
 };
-function gt(t) {
+function pt(t) {
   return typeof t == "object" && t !== null;
 }
-function mt(t, e) {
+function ft(t, e) {
   let r = e;
-  for (const n of t.split("."))
-    if (gt(r) && n in r)
-      r = r[n];
+  for (const s of t.split("."))
+    if (pt(r) && s in r)
+      r = r[s];
     else
       return;
   return typeof r == "function" ? r() : r;
 }
-function yt(t, e) {
-  const r = t.split("|").map((d) => d.trim()), n = r.shift() ?? "";
-  let i = mt(n, e);
-  for (const d of r) {
-    const [l, ...c] = d.split(":"), g = l?.trim() ?? "", p = c.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), y = ft[g];
-    y && (i = y(i, p));
+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));
   }
-  return M(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
+  return z(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
 }
-function ht(t, e) {
-  let r = "", n = 0;
-  for (; n < t.length; )
-    if (t[n] === "{" && t[n + 1] === "{") {
-      n += 2;
+function mt(t, e) {
+  let r = "", s = 0;
+  for (; s < t.length; )
+    if (t[s] === "{" && t[s + 1] === "{") {
+      s += 2;
       let i = "";
-      for (; n < t.length; ) {
-        if (t[n] === "}" && t[n + 1] === "}") {
-          n += 2;
+      for (; s < t.length; ) {
+        if (t[s] === "}" && t[s + 1] === "}") {
+          s += 2;
           break;
         }
-        i += t[n++];
+        i += t[s++];
       }
-      r += yt(i.trim(), e);
+      r += gt(i.trim(), e);
     } else
-      r += t[n++];
+      r += t[s++];
   return r;
 }
-class vt {
-  static logger = b;
+class ht {
+  static logger = w;
   options;
   isReady = !1;
   project;
   plugins = {};
-  eventBus = R();
+  pluginStartHooks = [];
+  eventBus = V();
   events;
   organizationId;
   projectId;
   apiUrl;
+  dashboardUrl;
+  documentationSiteUrl;
   session;
   precondition;
   condition;
-  searchParams = st();
-  history = Ue();
-  components = Fe({ client: this });
-  experienceInstances = oe({ client: this });
-  experiences = ye({ client: this });
-  frameworks = Ae({ client: this });
-  predicates = Me({ client: this });
-  features = Ve({ client: this });
-  responses = tt({ client: this });
-  fields = Ge({ client: this });
-  actions = Ye({ client: this });
+  searchParams = rt();
+  history = Ve();
+  components = Ie({ client: this });
+  experienceInstances = ie({ client: this });
+  experiences = he({ client: this });
+  frameworks = je({ client: this });
+  predicates = ze({ client: this });
+  features = Oe({ client: this });
+  responses = Ze({ client: this });
+  fields = He();
+  actions = Ke();
   constructor(e) {
-    b("info", "Picked client initializing."), this.events = Le(this.eventBus);
-    const { organizationId: r, projectId: n } = pt(e);
-    this.organizationId = r, this.projectId = n, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || nt(), this.session = ct(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: rt() }), b("info", "Picked client initialized.");
+    w("info", "Picked client initializing."), this.events = Te(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: et() }), w("info", "Picked client initialized.");
   }
   start = () => {
     $e(this), (async () => {
-      if (!_())
+      if (!L())
         return;
-      let r;
-      typeof this.precondition > "u" ? r = !0 : typeof this.precondition == "boolean" ? r = this.precondition : r = await A(this, this.precondition) === !0;
-      let n;
-      r && (this.condition === void 0 ? n = !0 : typeof this.condition == "boolean" ? n = this.condition : n = await A(this, this.condition) === !0);
-      const i = r && n === !0;
-      if (typeof n == "boolean" && this.session) {
-        const d = n;
-        this.session.setIsUser(d), this.eventBus({ type: "user_decide", value: d });
+      await this.runPluginStartHooks();
+      const r = await this.evaluateGate(this.precondition);
+      let s;
+      r && (s = await this.evaluateGate(this.condition));
+      const i = r && s === !0;
+      if (typeof s == "boolean" && this.session) {
+        const l = s;
+        this.session.setIsUser(l), this.eventBus({ type: "user_decide", value: l });
       }
-      if (this.eventBus({ type: "initialize" }), document.body && i && J(this), await ae(), i && J(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session) {
-        const { id: d, isUser: l, identifiers: c } = this.session;
-        this.eventBus({ type: "session", id: d, isUser: l, identifiers: c });
+      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 });
       }
     })();
   };
@@ -1112,55 +1051,55 @@ class vt {
     Ee(e, this.frameworks);
   };
   registerComponent = (e, r) => {
-    H(e, r, this.components);
+    G(e, r, this.components);
   };
   registerPlugin = (e) => {
     Se(this, e, this.plugins);
+    const r = this.plugins[e.name];
+    r?.onStart && this.pluginStartHooks.push(r.onStart);
   };
   registerFeature = (e, r) => {
-    Ne(e, r, this.features);
+    Ue(e, r, this.features);
   };
   registerPredicate = (e, r) => {
-    Oe(e, r, this.predicates);
+    Ce(e, r, this.predicates);
   };
   registerField = (e) => {
-    qe(e, this.fields);
+    Ge(e, this.fields);
   };
   registerAction = (e, r) => {
-    Qe(e, r, this.actions);
+    We(e, r, this.actions);
   };
   registerExperience = (e) => {
-    e.component && H(`experience:${e.id}`, e.component, this.components), he(e, this.experiences);
+    e.component && G(`experience:${e.id}`, e.component, this.components), ye(e, this.experiences);
   };
   getStateSnapshot = () => X(this);
-  launchExperienceById = async (e) => {
-    const r = this.experiences.getById(e).getState();
-    if (!r) {
-      b("warn", `Experience with id '${e}' not found.`);
-      return;
-    }
-    Q(this, r);
+  /** @deprecated Use `client.experiences.launch({ id: experienceId })` instead. */
+  launchExperienceById = async (e, r) => {
+    this.experiences.launch({ id: e, options: r });
+  };
+  /** @deprecated Use `client.experiences.open(experienceId)` instead. */
+  openExperienceById = async (e) => {
+    this.experiences.open(e);
   };
-  // private async fetchProject() {
-  //   if (this.project) {
-  //     return
-  //   }
-  //
-  //   // todo: fetch project
-  //
-  //   this.project.experiences.forEach((experience) => setupExperience(experience, this.experiences))
-  // }
+  async runPluginStartHooks() {
+    for (const e of this.pluginStartHooks)
+      await e();
+  }
+  async evaluateGate(e) {
+    return e === void 0 ? !0 : typeof e == "boolean" ? e : await P(this, e) === !0;
+  }
   setupPlugins() {
     this.options.plugins?.forEach((e) => {
       if (Array.isArray(e)) {
-        e.forEach((n) => {
-          this.registerPlugin(n);
+        e.forEach((s) => {
+          this.registerPlugin(s);
         });
         return;
       }
       const r = typeof e == "function" ? e() : e;
       if (Array.isArray(r)) {
-        r.forEach((n) => this.registerPlugin(n));
+        r.forEach((s) => this.registerPlugin(s));
         return;
       }
       this.registerPlugin(r);
@@ -1168,21 +1107,21 @@ class vt {
   }
   setupFeatures() {
     const e = this.options.features;
-    e && (Object.entries(e).forEach(([r, n]) => {
-      const i = typeof n == "function" ? n() : n;
+    e && (Object.entries(e).forEach(([r, s]) => {
+      const i = typeof s == "function" ? s() : s;
       this.registerFeature(r, i);
     }), this.searchParams.feature && this.searchParams.feature.forEach((r) => {
       try {
-        const [n, i] = r.split(":");
-        if (!n || !i)
+        const [s, i] = r.split(":");
+        if (!s || !i)
           return;
-        let d = i;
-        d === "true" && (d = !0), d === "false" && (d = !1), this.registerFeature(n, {
-          key: `${d}`,
+        let l = i;
+        l === "true" && (l = !0), l === "false" && (l = !1), this.registerFeature(s, {
+          key: `${l}`,
           // use the assigned bucket value as the key
-          name: n,
+          name: s,
           // eslint-disable-next-line sonarjs/function-return-type
-          decide: () => d,
+          decide: () => l,
           storage: "session"
         });
       } catch {
@@ -1191,22 +1130,22 @@ class vt {
   }
   setupPredicates() {
     const e = this.options.predicates;
-    e && Object.entries(e).forEach(([r, n]) => {
-      if (typeof n != "function") {
-        b("warn", `Predicate "${r}" is not a function.`);
+    e && Object.entries(e).forEach(([r, s]) => {
+      if (typeof s != "function") {
+        w("warn", `Predicate "${r}" is not a function.`);
         return;
       }
-      this.registerPredicate(r, n);
+      this.registerPredicate(r, s);
     });
   }
   setupActions() {
     const e = this.options.actions;
-    e && Object.entries(e).forEach(([r, n]) => {
-      if (typeof n != "function") {
-        b("warn", `Action "${r}" is not a function.`);
+    e && Object.entries(e).forEach(([r, s]) => {
+      if (typeof s != "function") {
+        w("warn", `Action "${r}" is not a function.`);
         return;
       }
-      this.registerAction(r, n);
+      this.registerAction(r, s);
     });
   }
   getPluginConfig = (e) => this.plugins[e] ?? {};
@@ -1253,57 +1192,68 @@ class vt {
    * // => "Fruits: apple, banana, and cherry"
    */
   renderString = (e, r) => {
-    const n = this.responses.listStore.getState().reduce((i, d) => (i[d.fieldId] = d.value, i), {});
-    return ht(e, {
+    const s = this.responses.listStore.getState().reduce((i, l) => (i[l.fieldId] = l.value, i), {});
+    return mt(e, {
       ...r,
-      responses: n
+      responses: s
     });
   };
 }
 function Z(t) {
-  return Array.isArray(t.options) && t.options.some((e) => "condition" in e);
+  return t.options?.some((e) => "condition" in e) ?? !1;
 }
-function St(t) {
+function yt(t) {
   return t.some((e) => e.condition || Z(e));
 }
-async function Et(t, e, r) {
-  return e.length === 0 || !St(e) ? e : (await Promise.all(
-    e.map(async (i) => {
-      if (!(i.condition ? await A(t, i.condition, r) : !0))
+async function Et(t, e) {
+  return e.length === 0 || !yt(e) ? e : (await Promise.all(
+    e.map(async (s) => {
+      if (!(s.condition ? await P(t, s.condition) : !0))
         return null;
-      if (!Array.isArray(i.options) || !Z(i))
-        return i;
-      const c = (await Promise.all(
-        i.options.map(async (p) => p.condition ? await A(t, p.condition, r) ? p : null : p)
+      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 c.length === i.options.length ? i : c.length === 0 ? null : { ...i, options: c };
+      return a.length === s.options.length ? s : a.length === 0 ? null : { ...s, options: a };
     })
-  )).filter((i) => i !== null);
+  )).filter((s) => s !== null);
+}
+function Pt(t) {
+  return {
+    $$type: "lazy-component",
+    load: t
+  };
+}
+function At(t) {
+  return typeof t == "object" && t !== null && "$$type" in t && t.$$type === "lazy-component";
 }
-const Pt = (t) => {
-  const e = new vt(t);
+const $t = (t) => {
+  const e = new ht(t);
   return pe(e), e;
 };
 export {
-  vt as Picked,
-  Pt as createClient,
-  B as createStorageKey,
-  A as evaluateRuleLogic,
-  ut as getPickedConfig,
+  ht as Picked,
+  $t as createClient,
+  A as createStorageKey,
+  P as evaluateRuleLogic,
+  at as getPickedConfig,
   Et as getStepFields,
-  $t as isPickedRoot,
-  O as localStore,
-  D as sessionStore,
-  Ct as subscribe,
-  Ot as supportsCookies,
-  de as supportsCryptoRandomUUID,
-  _ as supportsDocument,
+  At as isLazyLoader,
+  zt as isPickedRoot,
+  Pt as lazyComponent,
+  C as localStore,
+  M as sessionStore,
+  Mt as subscribe,
+  Ut as supportsCookies,
+  le as supportsCryptoRandomUUID,
+  L as supportsDocument,
   Dt as supportsHistory,
   Vt as supportsIntersectionObserver,
-  le as supportsLocalStorage,
+  de as supportsLocalStorage,
   Nt as supportsLocation,
   Tt as supportsSessionStorage,
-  Ut as supportsShadowRoot,
+  Lt as supportsShadowRoot,
   _t as supportsWebComponents,
-  L as supportsWindow
+  _ as supportsWindow
 };