@picked/client 0.0.45-next.1 → 0.0.45-next.3

package/dist/esm/index.js

@@ -1,90 +1,90 @@
 import { createDomain as x, createApi as j, createStore as N, createEffect as $, sample as k, attach as Z, combine as D, createEvent as V } from "effector";
 import { createFactory as b, invoke as I } from "@withease/factories";
-import { g as q, t as ee, c as te, i as re, e as E, a as se, b as ne, d as ie } from "../experience-instance-D0bQ9DzM.js";
-import { f as Bt } from "../experience-instance-D0bQ9DzM.js";
+import { g as q, t as ee, c as te, i as re, e as E, a as ne, b as se, d as ie } from "../experience-instance-CU_pYPyd.js";
+import { f as Bt } from "../experience-instance-CU_pYPyd.js";
 import { l as w } from "../logger-C9a75KZn.js";
-import { c as A, l as z, s as O } from "../storage-Co_LbKr_.js";
+import { c as A, l as C, s as z } from "../storage-Co_LbKr_.js";
 import { a as $t } from "../storage-Co_LbKr_.js";
 import { g as oe } from "../id-BW-g3y32.js";
 import { i as ae } from "../object-JwZ58NOH.js";
 import { s as T, a as U, b as ce, c as ue, d as de } from "../supports-8YT4QKI7.js";
-import { e as zt, f as Ot, g as Mt, h as Dt, i as Vt, j as Nt, k as Tt } from "../supports-8YT4QKI7.js";
+import { e as Ct, f as zt, g as Mt, h as Dt, i as Vt, j as Nt, k as Tt } from "../supports-8YT4QKI7.js";
 const K = x("experience"), le = b(
   ({ client: t, experience: e }) => {
-    const r = K.store(e), s = j(r, {
-      merge(f, h) {
+    const r = K.store(e), n = j(r, {
+      merge(p, h) {
         return {
-          ...f,
+          ...p,
           ...h.experience
         };
       }
-    }), i = r.map((f) => ({
-      name: f.name,
-      decisionLogic: f.condition ?? f.decide,
-      targetSelectors: f.targets,
+    }), o = r.map((p) => ({
+      name: p.name,
+      decisionLogic: p.condition ?? p.decide,
+      targetSelectors: p.targets,
       initializeOpenLogic: e.initializeOpen
     })), d = t.components.listStore.map(
-      (f) => f.find((h) => h.name === `experience:${e.id}`) || f.find((h) => h.name === "experience"),
+      (p) => p.find((h) => h.name === `experience:${e.id}`) || p.find((h) => h.name === "experience"),
       { skipVoid: !1 }
-    ), o = r.map((f) => ({
-      steps: f.steps,
-      nodes: f.nodes,
-      edges: f.edges,
-      conditionals: f.conditionals
-    })), n = r.map((f) => f.fields), l = e.actions ?? [];
+    ), i = r.map((p) => ({
+      steps: p.steps,
+      nodes: p.nodes,
+      edges: p.edges,
+      conditionals: p.conditionals
+    })), s = r.map((p) => p.fields), l = e.actions ?? [];
     return {
       id: e.id,
-      configStore: i,
-      treeStore: o,
-      fieldsStore: n,
+      configStore: o,
+      treeStore: i,
+      fieldsStore: s,
       componentStore: d,
       actions: l,
-      merge: s.merge
+      merge: n.merge
     };
   }
 );
-function fe(t) {
+function pe(t) {
   return I(le, t);
 }
-const pe = b(({ client: t }) => {
+const fe = b(({ client: t }) => {
   const e = K.store({}), r = j(e, {
-    register(o, n) {
+    register(i, s) {
       return {
-        ...o,
-        [n.id]: n
+        ...i,
+        [s.id]: s
       };
     }
   });
-  function s(o) {
-    const n = e.getState()[o.id];
-    if (n) {
-      n.merge({ experience: o, strategy: "override" });
+  function n(i) {
+    const s = e.getState()[i.id];
+    if (s) {
+      s.merge({ experience: i, strategy: "override" });
       return;
     }
-    const l = fe({ client: t, experience: o });
+    const l = pe({ client: t, experience: i });
     r.register(l);
   }
-  const i = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((n) => n[o], { skipVoid: !1 });
+  const o = e.map((i) => Object.values(i));
+  function d(i) {
+    return e.map((s) => s[i], { skipVoid: !1 });
   }
   return {
-    register: s,
+    register: n,
     getById: d,
-    listStore: i
+    listStore: o
   };
 });
 function ge(t) {
-  return I(pe, t);
+  return I(fe, t);
 }
 const me = (t, e) => {
   e.register(t);
-}, W = (t, e) => {
-  const { targetSelectors: r } = e.configStore.getState(), s = q(r, e.id);
-  s.forEach(
-    ({ elements: d }) => d.forEach((o) => ee(o, e.id))
-  ), te(s, e.id).forEach((d) => {
-    t.experienceInstances.spawn(e, d);
+}, W = (t, e, r) => {
+  const { targetSelectors: n } = e.configStore.getState(), o = q(n, e.id);
+  o.forEach(
+    ({ elements: i }) => i.forEach((s) => ee(s, e.id))
+  ), te(o, e.id).forEach((i) => {
+    r ? t.experienceInstances.spawn(e, i, r) : t.experienceInstances.spawn(e, i);
   });
 }, _ = async (t) => {
   await Promise.all(
@@ -93,21 +93,21 @@ const me = (t, e) => {
     })
   );
 }, he = async (t, e) => {
-  const { decisionLogic: r, targetSelectors: s } = e.configStore.getState();
-  return q(s, e.id).length < 1 || s.length === 0 ? !1 : r && re(r) ? await E(t, r) === !0 : !0;
+  const { decisionLogic: r, targetSelectors: n } = e.configStore.getState();
+  return q(n, e.id).length < 1 || n.length === 0 ? !1 : r && re(r) ? await E(t, r) === !0 : !0;
 }, ye = (t, e, r) => {
-  const s = e.name, i = e.setup(t);
-  if (i) {
-    const d = r[s] ?? {};
-    r[s] = Object.freeze({ ...d, ...i });
+  const n = e.name, o = e.setup(t);
+  if (o) {
+    const d = r[n] ?? {};
+    r[n] = Object.freeze({ ...d, ...o });
   }
 }, Se = x("component"), ve = b(
   ({ client: t, component: e, name: r }) => {
-    const s = t.frameworks.getByName(e.frameworkName);
+    const n = t.frameworks.getByName(e.frameworkName);
     return {
       name: r,
       component: e,
-      frameworkStore: s
+      frameworkStore: n
     };
   }
 );
@@ -116,29 +116,29 @@ function ke(t) {
 }
 const we = b(({ client: t }) => {
   const e = Se.store({}), r = j(e, {
-    register(o, n) {
+    register(i, s) {
       return {
-        ...o,
-        [n.name]: n
+        ...i,
+        [s.name]: s
       };
     }
   });
-  function s(o, n) {
-    e.getState()[o] && w(
+  function n(i, s) {
+    e.getState()[i] && w(
       "warn",
-      `Component '${o}' already registered. Registering again will override the previous registration.`
+      `Component '${i}' already registered. Registering again will override the previous registration.`
     );
-    const f = ke({ client: t, name: o, component: n });
-    r.register(f);
+    const p = ke({ client: t, name: i, component: s });
+    r.register(p);
   }
-  const i = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((n) => n[o], { skipVoid: !1 });
+  const o = e.map((i) => Object.values(i));
+  function d(i) {
+    return e.map((s) => s[i], { skipVoid: !1 });
   }
   return {
-    register: s,
+    register: n,
     getByName: d,
-    listStore: i
+    listStore: o
   };
 });
 function be(t) {
@@ -148,27 +148,27 @@ const L = (t, e, r) => {
   r.register(t, e);
 }, Ie = x("framework"), Fe = b(({ client: t }) => {
   const e = Ie.store({}), r = j(e, {
-    register(o, n) {
+    register(i, s) {
       return {
-        ...o,
-        [n.name]: n.framework
+        ...i,
+        [s.name]: s.framework
       };
     }
   });
-  function s(o, n) {
-    e.getState()[o] && w(
+  function n(i, s) {
+    e.getState()[i] && w(
       "warn",
-      `Framework '${o}' already registered. Registering again will override the previous registration.`
-    ), r.register({ name: o, framework: n });
+      `Framework '${i}' already registered. Registering again will override the previous registration.`
+    ), r.register({ name: i, framework: s });
   }
-  const i = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((n) => n[o], { skipVoid: !1 });
+  const o = e.map((i) => Object.values(i));
+  function d(i) {
+    return e.map((s) => s[i], { skipVoid: !1 });
   }
   return {
-    register: s,
+    register: n,
     getByName: d,
-    listStore: i
+    listStore: o
   };
 });
 function xe(t) {
@@ -178,21 +178,21 @@ const je = (t, e) => {
   e.register(t.name, t);
 }, Ee = 6e3, Pe = A("last_ping", "global"), Ae = (t) => `${t}/api/v1/ping`, Be = async (t) => {
   try {
-    const e = Date.now(), r = z.get(Pe);
-    let s = 0;
-    if (r.isSet() && (s = r.json() ?? 0), s && e - s < Ee)
+    const e = Date.now(), r = C.get(Pe);
+    let n = 0;
+    if (r.isSet() && (n = r.json() ?? 0), n && e - n < Ee)
       return !0;
-    const i = Ae(t.apiUrl), d = {
+    const o = Ae(t.apiUrl), d = {
       projectId: t.projectId,
       path: window.location.pathname
-    }, o = JSON.stringify(d), n = {
+    }, i = JSON.stringify(d), s = {
       "Content-Type": "application/json"
-    }, f = document.getElementById("picked_script")?.dataset.verceltoken;
-    f && (n["x-vercel-protection-bypass"] = f);
-    const v = (await fetch(i, {
+    }, p = document.getElementById("picked_script")?.dataset.verceltoken;
+    p && (s["x-vercel-protection-bypass"] = p);
+    const v = (await fetch(o, {
       method: "POST",
-      headers: n,
-      body: o
+      headers: s,
+      body: i
     })).ok;
     return v && r.set(e), v;
   } catch (e) {
@@ -213,9 +213,9 @@ function Y(t) {
 }
 const Re = x("predicate"), $e = b(({ client: t }) => {
   const e = Re.store({}), r = j(e, {
-    register(n, l) {
+    register(s, l) {
       return {
-        ...n,
+        ...s,
         [l.name]: {
           name: l.name,
           predicate: l.predicate
@@ -223,22 +223,22 @@ const Re = x("predicate"), $e = b(({ client: t }) => {
       };
     }
   });
-  function s(n, l) {
-    e.getState()[n] && w(
+  function n(s, l) {
+    e.getState()[s] && w(
       "warn",
-      `Predicate '${n}' already registered. Registering again will override the previous registration.`
-    ), r.register(Object.freeze({ name: n, predicate: l }));
+      `Predicate '${s}' already registered. Registering again will override the previous registration.`
+    ), r.register(Object.freeze({ name: s, predicate: l }));
   }
-  const i = e.map((n) => Object.values(n));
-  function d(n) {
-    return e.map((l) => l[n]?.predicate, { skipVoid: !1 });
+  const o = e.map((s) => Object.values(s));
+  function d(s) {
+    return e.map((l) => l[s]?.predicate, { skipVoid: !1 });
   }
-  function o(n) {
+  function i(s) {
     const l = N(() => {
     }, {
       skipVoid: !1
-    }), f = $(async () => {
-      const h = d(n).getState();
+    }), p = $(async () => {
+      const h = d(s).getState();
       if (!h)
         return;
       const v = Y(t);
@@ -246,27 +246,27 @@ const Re = x("predicate"), $e = b(({ client: t }) => {
     });
     return k({
       source: { responses: t.responses.listStore, fields: t.fields.listStore },
-      target: f
+      target: p
     }), k({
-      clock: f.doneData,
+      clock: p.doneData,
       filter: (h) => h !== void 0,
       target: l
-    }), f(), l;
+    }), p(), l;
   }
   return {
-    register: s,
+    register: n,
     getByName: d,
-    listStore: i,
-    getEvokablePredicate: o
+    listStore: o,
+    getEvokablePredicate: i
   };
 });
-function Ce(t) {
+function Oe(t) {
   return I($e, t);
 }
-const ze = (t, e, r) => {
+const Ce = (t, e, r) => {
   r.register(t, e);
-}, J = x("feature"), Oe = b(({ client: t }) => {
-  const e = J.store({}), r = J.store([]), s = j(e, {
+}, J = x("feature"), ze = b(({ client: t }) => {
+  const e = J.store({}), r = J.store([]), n = j(e, {
     register(a, c) {
       return {
         ...a,
@@ -274,7 +274,7 @@ const ze = (t, e, r) => {
       };
     }
   });
-  function i(a, c) {
+  function o(a, c) {
     e.getState()[a] && w(
       "warn",
       `Feature '${a}' already registered. Registering again will override the previous registration.`
@@ -286,7 +286,7 @@ const ze = (t, e, r) => {
         id: a
       }
     };
-    s.register(
+    n.register(
       Object.freeze({
         id: a,
         feature: u
@@ -297,73 +297,73 @@ const ze = (t, e, r) => {
     async ({
       id: a,
       key: c,
-      storage: p = "local"
+      storage: f = "local"
     }) => {
-      const u = A(`feature:${a}:${c}`, "global"), y = (p === "session" ? O : z).get(u).boolean();
-      return y === null ? null : { id: a, key: c, bucket: y, storage: p };
+      const u = A(`feature:${a}:${c}`, "global"), y = (f === "session" ? z : C).get(u).boolean();
+      return y === null ? null : { id: a, key: c, bucket: y, storage: f };
     }
-  ), o = $((a) => {
+  ), i = $((a) => {
     if (!a)
       return null;
     const c = A(`feature:${a.id}:${a.key}`, "global");
-    (a.storage === "session" ? O : z).set(c, a.bucket);
-  }), n = /* @__PURE__ */ new Map(), l = Z({
+    (a.storage === "session" ? z : C).set(c, a.bucket);
+  }), s = /* @__PURE__ */ new Map(), l = Z({
     source: { allFeaturesStore: e, resolvedFeaturesStore: r },
-    effect: async ({ allFeaturesStore: a, resolvedFeaturesStore: c }, { id: p, decide: u, key: g }) => {
+    effect: async ({ allFeaturesStore: a, resolvedFeaturesStore: c }, { id: f, decide: u, key: g }) => {
       const y = c.find(
-        (R) => R.id === p && R.key === g
+        (R) => R.id === f && R.key === g
       );
       if (y)
         return y;
-      const F = a[p];
+      const F = a[f];
       if (!F)
-        throw new Error(`Feature with id '${p}' not found`);
-      const B = n.get(`${p}:${g}`);
+        throw new Error(`Feature with id '${f}' not found`);
+      const B = s.get(`${f}:${g}`);
       if (B !== void 0) {
         const R = await B;
         return { id: F.id, bucket: R, key: g, storage: F.feature.storage };
       }
       const S = u();
-      n.set(`${p}:${g}`, S);
+      s.set(`${f}:${g}`, S);
       const X = await S;
       return { id: F.id, bucket: X, key: g, storage: F.feature.storage };
     }
   });
   k({
-    clock: s.register,
+    clock: n.register,
     fn: (a) => {
-      const { id: c, feature: p } = a;
-      return { id: c, key: p.feature.key, storage: p.feature.storage };
+      const { id: c, feature: f } = a;
+      return { id: c, key: f.feature.key, storage: f.feature.storage };
     },
     target: d
   }), k({
     source: e,
     clock: l.doneData,
     fn: (a, c) => {
-      const { id: p, bucket: u, storage: g } = c, y = a[p]?.feature.key;
-      return y ? { key: y, id: p, bucket: u, storage: g } : null;
+      const { id: f, bucket: u, storage: g } = c, y = a[f]?.feature.key;
+      return y ? { key: y, id: f, bucket: u, storage: g } : null;
     },
-    target: o
+    target: i
   });
-  const f = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
+  const p = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
     ({
       allFeaturesStore: a,
       resolvedFeaturesStore: c
-    }) => Object.values(a).map((p) => {
+    }) => Object.values(a).map((f) => {
       const u = c.find(
-        (g) => g.id === p.id && g.key === p.feature.key
+        (g) => g.id === f.id && g.key === f.feature.key
       );
       return u ? {
-        id: p.id,
-        name: p.feature.name,
-        key: p.feature.key,
-        getBucket: () => ({ id: p.id, bucket: u.bucket }),
+        id: f.id,
+        name: f.feature.name,
+        key: f.feature.key,
+        getBucket: () => ({ id: f.id, bucket: u.bucket }),
         isResolved: !0
       } : {
-        id: p.id,
-        name: p.feature.name,
-        key: p.feature.key,
-        getBucket: async () => await l(p.feature),
+        id: f.id,
+        name: f.feature.name,
+        key: f.feature.key,
+        getBucket: async () => await l(f.feature),
         isResolved: !1
       };
     })
@@ -371,8 +371,8 @@ const ze = (t, e, r) => {
   k({
     clock: l.doneData,
     source: { resolvedFeatures: r },
-    filter: ({ resolvedFeatures: a }, { id: c, key: p }) => !a.some(
-      (g) => g.id === c && g.key === p
+    filter: ({ resolvedFeatures: a }, { id: c, key: f }) => !a.some(
+      (g) => g.id === c && g.key === f
     ),
     fn: (a, c) => c,
     target: t.eventBus.prepend((a) => ({
@@ -388,7 +388,7 @@ const ze = (t, e, r) => {
     target: r
   });
   function h(a) {
-    return f.map((c) => c.find((p) => p.id === a));
+    return p.map((c) => c.find((f) => f.id === a));
   }
   function v(a) {
     return e.map((c) => c[a], { skipVoid: !1 });
@@ -398,7 +398,7 @@ const ze = (t, e, r) => {
       async () => {
       },
       { skipVoid: !1 }
-    ), p = $(async () => {
+    ), f = $(async () => {
       const u = h(a).getState();
       if (u)
         return async () => (await u.getBucket()).bucket;
@@ -406,23 +406,23 @@ const ze = (t, e, r) => {
     return k({
       source: r,
       filter: (u) => u.some((g) => g.id === a),
-      target: p
+      target: f
     }), k({
-      clock: p.doneData,
+      clock: f.doneData,
       filter: (u) => u !== void 0,
       target: c
-    }), p(), c;
+    }), f(), c;
   }
   return {
-    register: i,
+    register: o,
     getById: h,
     getByName: v,
-    listStore: f,
+    listStore: p,
     getEvokableFeature: m
   };
 });
 function Me(t) {
-  return I(Oe, t);
+  return I(ze, t);
 }
 const De = (t, e, r) => {
   r.register(t, e);
@@ -437,41 +437,41 @@ function H(t, e) {
   };
 }
 const Ve = b(() => {
-  const t = P.store({ entries: [] }), e = P.event(), r = P.event(), s = P.event(), i = P.event();
-  t.on(e, (o, n) => ({
-    entries: [...o.entries, H(n.experienceId, n.node)]
-  })), t.on(r, (o, n) => ({
+  const t = P.store({ entries: [] }), e = P.event(), r = P.event(), n = P.event(), o = P.event();
+  t.on(e, (i, s) => ({
+    entries: [...i.entries, H(s.experienceId, s.node)]
+  })), t.on(r, (i, s) => ({
     entries: [
-      ...o.entries.slice(0, -1),
-      H(n.experienceId, n.node)
+      ...i.entries.slice(0, -1),
+      H(s.experienceId, s.node)
     ]
-  })), t.on(i, (o, n) => n);
-  function d(o, n) {
+  })), t.on(o, (i, s) => s);
+  function d(i, s) {
     const l = { lastStepIndex: -1, secondLastStepIndex: -1 };
-    for (let f = o.length - 1; f >= 0; f--) {
-      const h = o[f], v = h?.node;
-      if (!(!v || !se(v)) && !(n && h?.experienceId !== n))
+    for (let p = i.length - 1; p >= 0; p--) {
+      const h = i[p], v = h?.node;
+      if (!(!v || !ne(v)) && !(s && h?.experienceId !== s))
         if (l.lastStepIndex === -1)
-          l.lastStepIndex = f;
+          l.lastStepIndex = p;
         else {
-          l.secondLastStepIndex = f;
+          l.secondLastStepIndex = p;
           break;
         }
     }
     return l;
   }
-  return t.on(s, (o, n) => {
-    const { secondLastStepIndex: l } = d(o.entries, n.experienceId), f = l !== -1 ? o.entries.slice(0, l + 1) : o.entries;
+  return t.on(n, (i, s) => {
+    const { secondLastStepIndex: l } = d(i.entries, s.experienceId), p = l !== -1 ? i.entries.slice(0, l + 1) : i.entries;
     return {
-      ...o,
-      entries: f
+      ...i,
+      entries: p
     };
   }), {
     push: e,
     replace: r,
-    back: s,
-    restore: i,
-    entriesStore: t.map((o) => o.entries)
+    back: n,
+    restore: o,
+    entriesStore: t.map((i) => i.entries)
   };
 });
 function Ne() {
@@ -483,50 +483,50 @@ const Ue = (t) => {
   return k({
     clock: t,
     source: e,
-    fn: (r, s) => [
+    fn: (r, n) => [
       ...r,
       {
         id: Te++,
         at: /* @__PURE__ */ new Date(),
-        payload: s
+        payload: n
       }
     ],
     target: e
   }), e;
 }, _e = x("field"), Le = b(() => {
   const t = _e.store({}), e = j(t, {
-    register(n, l) {
+    register(s, l) {
       return {
-        ...n,
+        ...s,
         [l.field.id]: l.field
       };
     }
   });
-  function r(n) {
-    e.register({ field: n });
+  function r(s) {
+    e.register({ field: s });
   }
-  function s(n, l) {
-    const f = d(n).getState();
-    if (!f)
+  function n(s, l) {
+    const p = d(s).getState();
+    if (!p)
       return;
-    const h = Object.assign({}, f, {
+    const h = Object.assign({}, p, {
       ...l
     });
     e.register({ field: { ...h } });
   }
-  const i = t.map((n) => Object.values(n));
-  function d(n) {
-    return t.map((l) => l[n] || null);
+  const o = t.map((s) => Object.values(s));
+  function d(s) {
+    return t.map((l) => l[s] || null);
   }
-  function o(n) {
-    return t.map((l) => Object.values(l).find((f) => f.name === n) || null);
+  function i(s) {
+    return t.map((l) => Object.values(l).find((p) => p.name === s) || null);
   }
   return {
     register: r,
-    update: s,
+    update: n,
     getById: d,
-    listStore: i,
-    getByName: o
+    listStore: o,
+    getByName: i
   };
 });
 function Je() {
@@ -536,27 +536,27 @@ const He = (t, e) => {
   e.register(t);
 }, Ge = x("action"), qe = b(() => {
   const t = Ge.store({}), e = j(t, {
-    register(o, n) {
+    register(i, s) {
       return {
-        ...o,
-        [n.name]: {
-          name: n.name,
-          action: n.action
+        ...i,
+        [s.name]: {
+          name: s.name,
+          action: s.action
         }
       };
     }
   });
-  function r(o, n) {
-    e.register({ name: o, action: n });
+  function r(i, s) {
+    e.register({ name: i, action: s });
   }
-  const s = t.map((o) => Object.values(o));
-  function i(o) {
-    return t.map((n) => n[o], { skipVoid: !1 });
+  const n = t.map((i) => Object.values(i));
+  function o(i) {
+    return t.map((s) => s[i], { skipVoid: !1 });
   }
-  function d(o) {
+  function d(i) {
     return t.map(
-      (n) => {
-        const l = n[o];
+      (s) => {
+        const l = s[i];
         return l ? l.action : void 0;
       },
       { skipVoid: !1 }
@@ -564,8 +564,8 @@ const He = (t, e) => {
   }
   return {
     register: r,
-    getByName: i,
-    listStore: s,
+    getByName: o,
+    listStore: n,
     getEvokableAction: d
   };
 });
@@ -589,7 +589,7 @@ function G(t) {
   }
 }
 const Qe = x("response"), Xe = b(({ client: t }) => {
-  const e = Qe.store({}), r = V(), s = V(), i = j(e, {
+  const e = Qe.store({}), r = V(), n = V(), o = j(e, {
     register(m, a) {
       return {
         ...m,
@@ -603,8 +603,8 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
       };
     },
     clear(m, a) {
-      const { [a]: c, ...p } = m;
-      return p;
+      const { [a]: c, ...f } = m;
+      return f;
     },
     clearAll() {
       return {};
@@ -614,15 +614,15 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
     if (typeof m == "string") {
       if (a === void 0)
         throw new Error("Response is required when registering a single field");
-      i.register({ fieldId: m, response: a });
+      o.register({ fieldId: m, response: a });
     } else
-      i.registerBatch(m);
+      o.registerBatch(m);
   }
-  async function o(m) {
+  async function i(m) {
     const a = [];
     return await Promise.allSettled(
-      Object.entries(m).map(async ([c, p]) => {
-        let u = p;
+      Object.entries(m).map(async ([c, f]) => {
+        let u = f;
         const g = t.fields.getById(c).getState();
         if (!g) {
           a.push({
@@ -757,38 +757,38 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
       })
     ), { responsesToCommit: m, validationErrors: a };
   }
-  async function n(m) {
-    const { responsesToCommit: a, validationErrors: c } = await o(m);
-    return c.length ? { errors: c } : (i.registerBatch(a), { errors: [] });
+  async function s(m) {
+    const { responsesToCommit: a, validationErrors: c } = await i(m);
+    return c.length ? { errors: c } : (o.registerBatch(a), { errors: [] });
   }
-  const l = e.map((m) => m), f = e.map((m) => Object.keys(m).map((c) => ({
+  const l = e.map((m) => m), p = e.map((m) => Object.keys(m).map((c) => ({
     fieldId: c,
     value: m[c]
   })));
   function h(m) {
-    const a = t.fields.getById(m), c = e.map((p) => p[m] || null);
-    return D({ f: a, r: c }, ({ f: p, r: u }) => u || (p?.defaultValue ? p.defaultValue : null));
+    const a = t.fields.getById(m), c = e.map((f) => f[m] || null);
+    return D({ f: a, r: c }, ({ f, r: u }) => u || (f?.defaultValue ? f.defaultValue : null));
   }
   function v(m) {
     const a = t.fields.getByName(m);
-    return D({ f: a, s: e }, ({ f: c, s: p }) => {
-      const u = c && p[c.id] || null;
+    return D({ f: a, s: e }, ({ f: c, s: f }) => {
+      const u = c && f[c.id] || null;
       return u || (c?.defaultValue ? c.defaultValue : null);
     });
   }
   return k({
     clock: r,
-    target: i.clearAll
+    target: o.clearAll
   }), k({
-    clock: s,
-    target: i.clear
+    clock: n,
+    target: o.clear
   }), {
     register: d,
     clearAll: r,
-    clear: s,
-    commit: n,
-    getResponsesToCommit: o,
-    listStore: f,
+    clear: n,
+    commit: s,
+    getResponsesToCommit: i,
+    listStore: p,
     getAllStore: l,
     getByFieldId: h,
     getByFieldName: v
@@ -797,7 +797,7 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
 function Ze(t) {
   return I(Xe, t);
 }
-const et = () => "0.0.45-next.1";
+const et = () => "0.0.45-next.3";
 function tt() {
   if (T()) {
     const t = [
@@ -817,53 +817,53 @@ function rt() {
   if (!U())
     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);
+  for (const [o] of t.entries())
+    o.startsWith("picked-") && r.add(o);
+  for (const o of r) {
+    const d = o.replace("picked-", "");
+    e[d] = t.getAll(o);
   }
-  const s = A("s");
+  const n = A("s");
   if (r.size > 0)
-    O.set(s, e);
+    z.set(n, e);
   else {
-    const i = O.get(s);
-    if (i)
-      return i.json() || {};
+    const o = z.get(n);
+    if (o)
+      return o.json() || {};
   }
   return e;
 }
-function st() {
+function nt() {
   if (ue())
     return crypto.randomUUID();
-  const t = Date.now().toString(36), e = Math.random().toString(36).substring(2, 15), r = Math.random().toString(36).substring(2, 15), s = Math.random().toString(36).substring(2, 15);
-  return `${t}-${e}-${r}-${s}`;
+  const 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 nt = A("session", "global"), it = () => {
-  const t = z.get(nt);
+const st = A("session", "global"), it = () => {
+  const t = C.get(st);
   let e;
   t.isSet() && (e = t.json());
-  const r = (i) => t.set({
-    id: i.id,
-    isUser: i.isUser,
-    identifiers: i.identifiers
-  }), s = {
-    id: e?.id ?? st(),
+  const r = (o) => t.set({
+    id: o.id,
+    isUser: o.isUser,
+    identifiers: o.identifiers
+  }), n = {
+    id: e?.id ?? nt(),
     isUser: e?.isUser ?? void 0,
     identifiers: e?.identifiers ?? void 0,
-    setIsUser(i) {
-      this.isUser = i, r(this);
+    setIsUser(o) {
+      this.isUser = o, r(this);
     },
-    setIdentifier(i, d) {
-      this.identifiers = { ...this.identifiers, [i]: d }, r(this);
+    setIdentifier(o, d) {
+      this.identifiers = { ...this.identifiers, [o]: d }, r(this);
     },
-    removeIdentifier(i) {
+    removeIdentifier(o) {
       this.identifiers && (this.identifiers = Object.fromEntries(
-        Object.entries(this.identifiers).filter(([d]) => d !== i)
+        Object.entries(this.identifiers).filter(([d]) => d !== o)
       ), this.identifiers = Object.keys(this.identifiers).length ? this.identifiers : void 0, r(this));
     }
   };
-  return r(s), s;
+  return r(n), n;
 }, ot = () => ce() ? it() : null;
 function at() {
   if (U())
@@ -889,12 +889,12 @@ function dt(t) {
   const { organizationId: e, projectId: r } = t;
   if (e && r)
     return { organizationId: e, projectId: r };
-  const s = ct();
-  if (s)
-    return s;
-  const i = ut();
-  if (i)
-    return i;
+  const n = ct();
+  if (n)
+    return n;
+  const o = ut();
+  if (o)
+    return o;
   throw new Error(
     `organizationId and projectId are required. You can provide them via one of:
       (1) createClient({ organizationId, projectId }) options;
@@ -902,13 +902,13 @@ function dt(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 C(t) {
+function O(t) {
   return t == null || t === "" || Number.isNaN(t);
 }
 const lt = {
-  default: (t, e) => C(t) ? String(e ?? "") : String(t),
-  append: (t, e) => e && !C(t) ? `${t} ${e}` : t,
-  prepend: (t, e) => e && !C(t) ? `${e} ${t}` : t,
+  default: (t, e) => O(t) ? String(e ?? "") : String(t),
+  append: (t, e) => e && !O(t) ? `${t} ${e}` : t,
+  prepend: (t, e) => e && !O(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,
@@ -919,49 +919,49 @@ 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(([n, o]) => `${n}: ${o}`);
       return e.format(r);
     }
     return t instanceof Set ? e.format(Array.from(t).map(String)) : t;
   }
 };
-function ft(t) {
+function pt(t) {
   return typeof t == "object" && t !== null;
 }
-function pt(t, e) {
+function ft(t, e) {
   let r = e;
-  for (const s of t.split("."))
-    if (ft(r) && s in r)
-      r = r[s];
+  for (const n of t.split("."))
+    if (pt(r) && n in r)
+      r = r[n];
     else
       return;
   return typeof r == "function" ? r() : r;
 }
 function gt(t, e) {
-  const r = t.split("|").map((d) => d.trim()), s = r.shift() ?? "";
-  let i = pt(s, e);
+  const r = t.split("|").map((d) => d.trim()), n = r.shift() ?? "";
+  let o = ft(n, e);
   for (const d of r) {
-    const [o, ...n] = d.split(":"), l = o?.trim() ?? "", f = n.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), h = lt[l];
-    h && (i = h(i, f));
+    const [i, ...s] = d.split(":"), l = i?.trim() ?? "", p = s.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), h = lt[l];
+    h && (o = h(o, p));
   }
-  return C(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
+  return O(o) ? "" : typeof o == "object" ? JSON.stringify(o) : String(o);
 }
 function mt(t, e) {
-  let r = "", s = 0;
-  for (; s < t.length; )
-    if (t[s] === "{" && t[s + 1] === "{") {
-      s += 2;
-      let i = "";
-      for (; s < t.length; ) {
-        if (t[s] === "}" && t[s + 1] === "}") {
-          s += 2;
+  let r = "", n = 0;
+  for (; n < t.length; )
+    if (t[n] === "{" && t[n + 1] === "{") {
+      n += 2;
+      let o = "";
+      for (; n < t.length; ) {
+        if (t[n] === "}" && t[n + 1] === "}") {
+          n += 2;
           break;
         }
-        i += t[s++];
+        o += t[n++];
       }
-      r += gt(i.trim(), e);
+      r += gt(o.trim(), e);
     } else
-      r += t[s++];
+      r += t[n++];
   return r;
 }
 class ht {
@@ -981,18 +981,18 @@ class ht {
   searchParams = rt();
   history = Ne();
   components = be({ client: this });
-  experienceInstances = ne({ client: this });
+  experienceInstances = se({ client: this });
   experiences = ge({ client: this });
   frameworks = xe({ client: this });
-  predicates = Ce({ client: this });
+  predicates = Oe({ client: this });
   features = Me({ client: this });
   responses = Ze({ client: this });
   fields = Je();
   actions = Ke();
   constructor(e) {
     w("info", "Picked client initializing."), this.events = Ue(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.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.");
+    const { organizationId: r, projectId: n } = dt(e);
+    this.organizationId = r, this.projectId = n, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || tt(), 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 = () => {
     Be(this), (async () => {
@@ -1000,16 +1000,16 @@ class ht {
         return;
       let r;
       typeof this.precondition > "u" ? r = !0 : typeof this.precondition == "boolean" ? r = this.precondition : r = await E(this, this.precondition) === !0;
-      let s;
-      r && (this.condition === void 0 ? s = !0 : typeof this.condition == "boolean" ? s = this.condition : s = await E(this, this.condition) === !0);
-      const i = r && s === !0;
-      if (typeof s == "boolean" && this.session) {
-        const d = s;
+      let n;
+      r && (this.condition === void 0 ? n = !0 : typeof this.condition == "boolean" ? n = this.condition : n = await E(this, this.condition) === !0);
+      const o = r && n === !0;
+      if (typeof n == "boolean" && this.session) {
+        const d = n;
         this.session.setIsUser(d), this.eventBus({ type: "user_decide", value: d });
       }
-      if (this.eventBus({ type: "initialize" }), document.body && i && _(this), await ie(), i && _(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session) {
-        const { id: d, isUser: o, identifiers: n } = this.session;
-        this.eventBus({ type: "session", id: d, isUser: o, identifiers: n });
+      if (this.eventBus({ type: "initialize" }), document.body && o && _(this), await ie(), o && _(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session) {
+        const { id: d, isUser: i, identifiers: s } = this.session;
+        this.eventBus({ type: "session", id: d, isUser: i, identifiers: s });
       }
     })();
   };
@@ -1026,7 +1026,7 @@ class ht {
     De(e, r, this.features);
   };
   registerPredicate = (e, r) => {
-    ze(e, r, this.predicates);
+    Ce(e, r, this.predicates);
   };
   registerField = (e) => {
     He(e, this.fields);
@@ -1038,13 +1038,21 @@ class ht {
     e.component && L(`experience:${e.id}`, e.component, this.components), me(e, this.experiences);
   };
   getStateSnapshot = () => Y(this);
-  launchExperienceById = async (e) => {
-    const r = this.experiences.getById(e).getState();
-    if (!r) {
+  launchExperienceById = async (e, r) => {
+    const n = this.experiences.getById(e).getState();
+    if (!n) {
       w("warn", `Experience with id '${e}' not found.`);
       return;
     }
-    W(this, r);
+    W(this, n, r);
+  };
+  openExperienceById = async (e) => {
+    const r = this.experienceInstances.getByExperienceId(e).getState();
+    if (r.length > 0)
+      for (const n of r)
+        n.toggleOpen();
+    else
+      return this.launchExperienceById(e, { initialiseOpen: !0 });
   };
   // private async fetchProject() {
   //   if (this.project) {
@@ -1058,14 +1066,14 @@ class ht {
   setupPlugins() {
     this.options.plugins?.forEach((e) => {
       if (Array.isArray(e)) {
-        e.forEach((s) => {
-          this.registerPlugin(s);
+        e.forEach((n) => {
+          this.registerPlugin(n);
         });
         return;
       }
       const r = typeof e == "function" ? e() : e;
       if (Array.isArray(r)) {
-        r.forEach((s) => this.registerPlugin(s));
+        r.forEach((n) => this.registerPlugin(n));
         return;
       }
       this.registerPlugin(r);
@@ -1073,19 +1081,19 @@ 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);
+    e && (Object.entries(e).forEach(([r, n]) => {
+      const o = typeof n == "function" ? n() : n;
+      this.registerFeature(r, o);
     }), this.searchParams.feature && this.searchParams.feature.forEach((r) => {
       try {
-        const [s, i] = r.split(":");
-        if (!s || !i)
+        const [n, o] = r.split(":");
+        if (!n || !o)
           return;
-        let d = i;
-        d === "true" && (d = !0), d === "false" && (d = !1), this.registerFeature(s, {
+        let d = o;
+        d === "true" && (d = !0), d === "false" && (d = !1), this.registerFeature(n, {
           key: `${d}`,
           // use the assigned bucket value as the key
-          name: s,
+          name: n,
           // eslint-disable-next-line sonarjs/function-return-type
           decide: () => d,
           storage: "session"
@@ -1096,22 +1104,22 @@ class ht {
   }
   setupPredicates() {
     const e = this.options.predicates;
-    e && Object.entries(e).forEach(([r, s]) => {
-      if (typeof s != "function") {
+    e && Object.entries(e).forEach(([r, n]) => {
+      if (typeof n != "function") {
         w("warn", `Predicate "${r}" is not a function.`);
         return;
       }
-      this.registerPredicate(r, s);
+      this.registerPredicate(r, n);
     });
   }
   setupActions() {
     const e = this.options.actions;
-    e && Object.entries(e).forEach(([r, s]) => {
-      if (typeof s != "function") {
+    e && Object.entries(e).forEach(([r, n]) => {
+      if (typeof n != "function") {
         w("warn", `Action "${r}" is not a function.`);
         return;
       }
-      this.registerAction(r, s);
+      this.registerAction(r, n);
     });
   }
   getPluginConfig = (e) => this.plugins[e] ?? {};
@@ -1158,10 +1166,10 @@ class ht {
    * // => "Fruits: apple, banana, and cherry"
    */
   renderString = (e, r) => {
-    const s = this.responses.listStore.getState().reduce((i, d) => (i[d.fieldId] = d.value, i), {});
+    const n = this.responses.listStore.getState().reduce((o, d) => (o[d.fieldId] = d.value, o), {});
     return mt(e, {
       ...r,
-      responses: s
+      responses: n
     });
   };
 }
@@ -1173,17 +1181,17 @@ function yt(t) {
 }
 async function jt(t, e) {
   return e.length === 0 || !yt(e) ? e : (await Promise.all(
-    e.map(async (s) => {
-      if (!(s.condition ? await E(t, s.condition) : !0))
+    e.map(async (n) => {
+      if (!(n.condition ? await E(t, n.condition) : !0))
         return null;
-      if (!s.options || !Q(s))
-        return s;
-      const o = (await Promise.all(
-        s.options.map(async (l) => l.condition ? await E(t, l.condition) ? l : null : l)
+      if (!n.options || !Q(n))
+        return n;
+      const i = (await Promise.all(
+        n.options.map(async (l) => l.condition ? await E(t, l.condition) ? l : null : l)
       )).filter((l) => l !== null);
-      return o.length === s.options.length ? s : o.length === 0 ? null : { ...s, options: o };
+      return i.length === n.options.length ? n : i.length === 0 ? null : { ...n, options: i };
     })
-  )).filter((s) => s !== null);
+  )).filter((n) => n !== null);
 }
 const Et = (t) => {
   const e = new ht(t);
@@ -1197,13 +1205,13 @@ export {
   at as getPickedConfig,
   jt as getStepFields,
   Bt as isPickedRoot,
-  z as localStore,
-  O as sessionStore,
+  C as localStore,
+  z as sessionStore,
   $t as subscribe,
-  zt as supportsCookies,
+  Ct as supportsCookies,
   ue as supportsCryptoRandomUUID,
   T as supportsDocument,
-  Ot as supportsHistory,
+  zt as supportsHistory,
   Mt as supportsIntersectionObserver,
   ce as supportsLocalStorage,
   Dt as supportsLocation,