@picked/client 0.0.35 → 0.0.36-next.1

package/dist/esm/index.js

@@ -1,32 +1,29 @@
-var ee = Object.defineProperty;
-var te = (t, e, r) => e in t ? ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var h = (t, e, r) => te(t, typeof e != "symbol" ? e + "" : e, r);
-import { createDomain as E, createApi as x, createStore as q, createEffect as $, sample as F, attach as re, combine as D, createEvent as U } from "effector";
-import { createFactory as w, invoke as I } from "@withease/factories";
-import { g as K, t as ne, c as se, i as ie, e as P, a as oe, b as ae, d as ce } from "../experience-instance-BstMURAM.js";
-import { f as Rt } from "../experience-instance-BstMURAM.js";
-import { l as v } from "../logger-C9a75KZn.js";
-import { c as B, l as z, s as O } from "../storage-BLmAhfhl.js";
-import { a as Ct } from "../storage-BLmAhfhl.js";
-import { g as ue } from "../id-BW-g3y32.js";
-import { i as de } from "../object-JwZ58NOH.js";
-import { s as V, a as M, b as le, c as pe, d as fe } from "../supports-BjhuLJ8z.js";
-import { h as Ot, f as Dt, j as Ut, e as Vt, g as Mt, i as Nt, k as Tt } from "../supports-BjhuLJ8z.js";
-const W = E("experience"), ge = w(
+import { createDomain as b, createApi as F, createStore as H, createEffect as R, sample as I, attach as X, combine as O, createEvent as D } from "effector";
+import { createFactory as w, invoke as v } from "@withease/factories";
+import { g as q, t as Z, c as ee, i as te, e as j, a as re, b as ne, d as se } from "../experience-instance-CwXYJkRx.js";
+import { f as jt } from "../experience-instance-CwXYJkRx.js";
+import { l as k } from "../logger-C9a75KZn.js";
+import { c as A, l as C, s as z } from "../storage-BLmAhfhl.js";
+import { a as At } from "../storage-BLmAhfhl.js";
+import { g as ie } from "../id-BW-g3y32.js";
+import { i as oe } from "../object-JwZ58NOH.js";
+import { s as U, a as V, b as ae, c as ce, d as ue } from "../supports-COb-sl36.js";
+import { h as Rt, f as $t, j as Ct, e as zt, g as Ot, i as Dt, k as Ut } from "../supports-COb-sl36.js";
+const K = b("experience"), de = w(
   ({ client: t, experience: e }) => {
-    const r = W.store(e), n = x(r, {
+    const r = K.store(e), n = F(r, {
       merge(a, f) {
         return {
           ...a,
           ...f.experience
         };
       }
-    }), s = r.map((a) => ({
+    }), i = r.map((a) => ({
       name: a.name,
       decisionLogic: a.condition ?? a.decide,
       targetSelectors: a.targets,
       initializeOpenLogic: e.initializeOpen
-    })), d = t.components.listStore.map(
+    })), u = t.components.listStore.map(
       (a) => a.find((f) => f.name === `experience:${e.id}`) || a.find((f) => f.name === "experience"),
       { skipVoid: !1 }
     ), o = r.map((a) => ({
@@ -34,76 +31,76 @@ const W = E("experience"), ge = w(
       nodes: a.nodes,
       edges: a.edges,
       conditionals: a.conditionals
-    })), i = e.actions ?? [];
+    })), s = e.actions ?? [];
     return {
       id: e.id,
-      configStore: s,
+      configStore: i,
       treeStore: o,
-      componentStore: d,
-      actions: i,
+      componentStore: u,
+      actions: s,
       merge: n.merge
     };
   }
 );
-function me(t) {
-  return I(ge, t);
+function le(t) {
+  return v(de, t);
 }
-const he = w(({ client: t }) => {
-  const e = W.store({}), r = x(e, {
-    register(o, i) {
+const pe = w(({ client: t }) => {
+  const e = K.store({}), r = F(e, {
+    register(o, s) {
       return {
         ...o,
-        [i.id]: i
+        [s.id]: s
       };
     }
   });
   function n(o) {
-    const i = e.getState()[o.id];
-    if (i) {
-      i.merge({ experience: o, strategy: "override" });
+    const s = e.getState()[o.id];
+    if (s) {
+      s.merge({ experience: o, strategy: "override" });
       return;
     }
-    const a = me({ client: t, experience: o });
+    const a = le({ client: t, experience: o });
     r.register(a);
   }
-  const s = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((i) => i[o], { skipVoid: !1 });
+  const i = e.map((o) => Object.values(o));
+  function u(o) {
+    return e.map((s) => s[o], { skipVoid: !1 });
   }
   return {
     register: n,
-    getById: d,
-    listStore: s
+    getById: u,
+    listStore: i
   };
 });
-function ye(t) {
-  return I(he, t);
+function fe(t) {
+  return v(pe, t);
 }
-const Se = (t, e) => {
+const ge = (t, e) => {
   e.register(t);
-}, Y = (t, e) => {
-  const { targetSelectors: r } = e.configStore.getState(), n = K(r, e.id);
+}, W = (t, e) => {
+  const { targetSelectors: r } = e.configStore.getState(), n = q(r, e.id);
   n.forEach(
-    ({ elements: d }) => d.forEach((o) => ne(o, e.id))
-  ), se(n, e.id).forEach((d) => {
-    t.experienceInstances.spawn(e, d);
+    ({ elements: u }) => u.forEach((o) => Z(o, e.id))
+  ), ee(n, e.id).forEach((u) => {
+    t.experienceInstances.spawn(e, u);
   });
-}, T = async (t) => {
+}, M = async (t) => {
   await Promise.all(
     t.experiences.listStore.getState().map(async (e) => {
-      await ke(t, e) && Y(t, e);
+      await me(t, e) && W(t, e);
     })
   );
-}, ke = async (t, e) => {
+}, me = async (t, e) => {
   const { decisionLogic: r, targetSelectors: n } = e.configStore.getState();
-  return K(n, e.id).length < 1 || n.length === 0 ? !1 : r && ie(r) ? await P(t, r) === !0 : !0;
-}, ve = (t, e, r) => {
-  const n = e.name, s = e.setup(t);
-  if (s) {
-    const d = r[n] ?? {};
-    r[n] = Object.freeze({ ...d, ...s });
+  return q(n, e.id).length < 1 || n.length === 0 ? !1 : r && te(r) ? await j(t, r) === !0 : !0;
+}, he = (t, e, r) => {
+  const n = e.name, i = e.setup(t);
+  if (i) {
+    const u = r[n] ?? {};
+    r[n] = Object.freeze({ ...u, ...i });
   }
-}, we = E("component"), Ie = w(
+}, ye = b("component"), Se = w(
   ({ client: t, component: e, name: r }) => {
     const n = t.frameworks.getByName(e.frameworkName);
     return {
@@ -113,95 +110,95 @@ const Se = (t, e) => {
     };
   }
 );
-function be(t) {
-  return I(Ie, t);
+function ke(t) {
+  return v(Se, t);
 }
-const Fe = w(({ client: t }) => {
-  const e = we.store({}), r = x(e, {
-    register(o, i) {
+const we = w(({ client: t }) => {
+  const e = ye.store({}), r = F(e, {
+    register(o, s) {
       return {
         ...o,
-        [i.name]: i
+        [s.name]: s
       };
     }
   });
-  function n(o, i) {
-    e.getState()[o] && v(
+  function n(o, s) {
+    e.getState()[o] && k(
       "warn",
       `Component '${o}' already registered. Registering again will override the previous registration.`
     );
-    const f = be({ client: t, name: o, component: i });
+    const f = ke({ client: t, name: o, component: s });
     r.register(f);
   }
-  const s = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((i) => i[o], { skipVoid: !1 });
+  const i = e.map((o) => Object.values(o));
+  function u(o) {
+    return e.map((s) => s[o], { skipVoid: !1 });
   }
   return {
     register: n,
-    getByName: d,
-    listStore: s
+    getByName: u,
+    listStore: i
   };
 });
-function Ee(t) {
-  return I(Fe, t);
+function ve(t) {
+  return v(we, t);
 }
-const _ = (t, e, r) => {
+const T = (t, e, r) => {
   r.register(t, e);
-}, xe = E("framework"), je = w(({ client: t }) => {
-  const e = xe.store({}), r = x(e, {
-    register(o, i) {
+}, Ie = b("framework"), be = w(({ client: t }) => {
+  const e = Ie.store({}), r = F(e, {
+    register(o, s) {
       return {
         ...o,
-        [i.name]: i.framework
+        [s.name]: s.framework
       };
     }
   });
-  function n(o, i) {
-    e.getState()[o] && v(
+  function n(o, s) {
+    e.getState()[o] && k(
       "warn",
       `Framework '${o}' already registered. Registering again will override the previous registration.`
-    ), r.register({ name: o, framework: i });
+    ), r.register({ name: o, framework: s });
   }
-  const s = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((i) => i[o], { skipVoid: !1 });
+  const i = e.map((o) => Object.values(o));
+  function u(o) {
+    return e.map((s) => s[o], { skipVoid: !1 });
   }
   return {
     register: n,
-    getByName: d,
-    listStore: s
+    getByName: u,
+    listStore: i
   };
 });
-function Pe(t) {
-  return I(je, t);
+function Fe(t) {
+  return v(be, t);
 }
-const Ae = (t, e) => {
+const Ee = (t, e) => {
   e.register(t.name, t);
-}, Be = 6e3, Re = B("last_ping", "global"), $e = (t) => `${t}/api/v1/ping`, Ce = async (t) => {
+}, xe = 6e3, je = A("last_ping", "global"), Pe = (t) => `${t}/api/v1/ping`, Ae = async (t) => {
   try {
-    const e = Date.now(), r = z.get(Re);
+    const e = Date.now(), r = C.get(je);
     let n = 0;
-    if (r.isSet() && (n = r.json() ?? 0), n && e - n < Be)
+    if (r.isSet() && (n = r.json() ?? 0), n && e - n < xe)
       return !0;
-    const s = $e(t.apiUrl), d = {
+    const i = Pe(t.apiUrl), u = {
       projectId: t.projectId,
       path: window.location.pathname
-    }, o = JSON.stringify(d), i = {
+    }, o = JSON.stringify(u), s = {
       "Content-Type": "application/json"
-    }, a = document.getElementById("picked_script"), f = a == null ? void 0 : a.dataset.verceltoken;
-    f && (i["x-vercel-protection-bypass"] = f);
-    const k = (await fetch(s, {
+    }, f = document.getElementById("picked_script")?.dataset.verceltoken;
+    f && (s["x-vercel-protection-bypass"] = f);
+    const S = (await fetch(i, {
       method: "POST",
-      headers: i,
+      headers: s,
       body: o
     })).ok;
-    return k && r.set(e), k;
+    return S && r.set(e), S;
   } catch (e) {
-    return v("error", e), !1;
+    return k("error", e), !1;
   }
 };
-function J(t) {
+function Y(t) {
   const e = typeof window < "u", r = {
     client: t,
     responses: t.responses.listStore.getState(),
@@ -213,11 +210,11 @@ function J(t) {
   };
   return Object.freeze(r);
 }
-const ze = E("predicate"), Oe = w(({ client: t }) => {
-  const e = ze.store({}), r = x(e, {
-    register(i, a) {
+const Be = b("predicate"), Re = w(({ client: t }) => {
+  const e = Be.store({}), r = F(e, {
+    register(s, a) {
       return {
-        ...i,
+        ...s,
         [a.name]: {
           name: a.name,
           predicate: a.predicate
@@ -225,238 +222,234 @@ const ze = E("predicate"), Oe = w(({ client: t }) => {
       };
     }
   });
-  function n(i, a) {
-    e.getState()[i] && v(
+  function n(s, a) {
+    e.getState()[s] && k(
       "warn",
-      `Predicate '${i}' already registered. Registering again will override the previous registration.`
-    ), r.register(Object.freeze({ name: i, predicate: a }));
+      `Predicate '${s}' already registered. Registering again will override the previous registration.`
+    ), r.register(Object.freeze({ name: s, predicate: a }));
   }
-  const s = e.map((i) => Object.values(i));
-  function d(i) {
-    return e.map((a) => {
-      var f;
-      return (f = a[i]) == null ? void 0 : f.predicate;
-    }, { skipVoid: !1 });
+  const i = e.map((s) => Object.values(s));
+  function u(s) {
+    return e.map((a) => a[s]?.predicate, { skipVoid: !1 });
   }
-  function o(i) {
-    const a = q(() => {
+  function o(s) {
+    const a = H(() => {
     }, {
       skipVoid: !1
-    }), f = $(async () => {
-      const y = d(i).getState();
-      if (!y)
+    }), f = R(async () => {
+      const h = u(s).getState();
+      if (!h)
         return;
-      const k = J(t);
-      return (...g) => y({ ...k, args: g });
+      const S = Y(t);
+      return (...g) => h({ ...S, args: g });
     });
-    return F({
+    return I({
       source: { responses: t.responses.listStore, fields: t.fields.listStore },
       target: f
-    }), F({
+    }), I({
       clock: f.doneData,
-      filter: (y) => y !== void 0,
+      filter: (h) => h !== void 0,
       target: a
     }), f(), a;
   }
   return {
     register: n,
-    getByName: d,
-    listStore: s,
+    getByName: u,
+    listStore: i,
     getEvokablePredicate: o
   };
 });
-function De(t) {
-  return I(Oe, t);
+function $e(t) {
+  return v(Re, t);
 }
-const Ue = (t, e, r) => {
+const Ce = (t, e, r) => {
   r.register(t, e);
-}, L = E("feature"), Ve = w(({ client: t }) => {
-  const e = L.store({}), r = L.store([]), n = x(e, {
-    register(c, u) {
+}, _ = b("feature"), ze = w(({ client: t }) => {
+  const e = _.store({}), r = _.store([]), n = F(e, {
+    register(c, d) {
       return {
         ...c,
-        [u.id]: u.feature
+        [d.id]: d.feature
       };
     }
   });
-  function s(c, u) {
-    e.getState()[c] && v(
+  function i(c, d) {
+    e.getState()[c] && k(
       "warn",
       `Feature '${c}' already registered. Registering again will override the previous registration.`
     );
-    const p = {
+    const l = {
       id: c,
       feature: {
-        ...u,
+        ...d,
         id: c
       }
     };
     n.register(
       Object.freeze({
         id: c,
-        feature: p
+        feature: l
       })
     );
   }
-  const d = $(
+  const u = R(
     async ({
       id: c,
-      key: u,
-      storage: l = "local"
+      key: d,
+      storage: p = "local"
     }) => {
-      const p = B(`feature:${c}:${u}`, "global"), S = (l === "session" ? O : z).get(p).boolean();
-      return S === null ? null : { id: c, key: u, bucket: S, storage: l };
+      const l = A(`feature:${c}:${d}`, "global"), y = (p === "session" ? z : C).get(l).boolean();
+      return y === null ? null : { id: c, key: d, bucket: y, storage: p };
     }
-  ), o = $((c) => {
+  ), o = R((c) => {
     if (!c)
       return null;
-    const u = B(`feature:${c.id}:${c.key}`, "global");
-    (c.storage === "session" ? O : z).set(u, c.bucket);
-  }), i = /* @__PURE__ */ new Map(), a = re({
+    const d = A(`feature:${c.id}:${c.key}`, "global");
+    (c.storage === "session" ? z : C).set(d, c.bucket);
+  }), s = /* @__PURE__ */ new Map(), a = X({
     source: { allFeaturesStore: e, resolvedFeaturesStore: r },
-    effect: async ({ allFeaturesStore: c, resolvedFeaturesStore: u }, { id: l, decide: p, key: m }) => {
-      const S = u.find(
-        (R) => R.id === l && R.key === m
+    effect: async ({ allFeaturesStore: c, resolvedFeaturesStore: d }, { id: p, decide: l, key: m }) => {
+      const y = d.find(
+        (B) => B.id === p && B.key === m
       );
-      if (S)
-        return S;
-      const b = c[l];
-      if (!b)
-        throw new Error(`Feature with id '${l}' not found`);
-      const j = i.get(`${l}:${m}`);
-      if (j !== void 0) {
-        const R = await j;
-        return { id: b.id, bucket: R, key: m, storage: b.feature.storage };
+      if (y)
+        return y;
+      const E = c[p];
+      if (!E)
+        throw new Error(`Feature with id '${p}' not found`);
+      const x = s.get(`${p}:${m}`);
+      if (x !== void 0) {
+        const B = await x;
+        return { id: E.id, bucket: B, key: m, storage: E.feature.storage };
       }
-      const N = p();
-      i.set(`${l}:${m}`, N);
-      const Z = await N;
-      return { id: b.id, bucket: Z, key: m, storage: b.feature.storage };
+      const N = l();
+      s.set(`${p}:${m}`, N);
+      const Q = await N;
+      return { id: E.id, bucket: Q, key: m, storage: E.feature.storage };
     }
   });
-  F({
+  I({
     clock: n.register,
     fn: (c) => {
-      const { id: u, feature: l } = c;
-      return { id: u, key: l.feature.key, storage: l.feature.storage };
+      const { id: d, feature: p } = c;
+      return { id: d, key: p.feature.key, storage: p.feature.storage };
     },
-    target: d
-  }), F({
+    target: u
+  }), I({
     source: e,
     clock: a.doneData,
-    fn: (c, u) => {
-      var b;
-      const { id: l, bucket: p, storage: m } = u, S = (b = c[l]) == null ? void 0 : b.feature.key;
-      return S ? { key: S, id: l, bucket: p, storage: m } : null;
+    fn: (c, d) => {
+      const { id: p, bucket: l, storage: m } = d, y = c[p]?.feature.key;
+      return y ? { key: y, id: p, bucket: l, storage: m } : null;
     },
     target: o
   });
-  const f = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
+  const f = O({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
     ({
       allFeaturesStore: c,
-      resolvedFeaturesStore: u
-    }) => Object.values(c).map((l) => {
-      const p = u.find(
-        (m) => m.id === l.id && m.key === l.feature.key
+      resolvedFeaturesStore: d
+    }) => Object.values(c).map((p) => {
+      const l = d.find(
+        (m) => m.id === p.id && m.key === p.feature.key
       );
-      return p ? {
-        id: l.id,
-        name: l.feature.name,
-        key: l.feature.key,
-        getBucket: () => ({ id: l.id, bucket: p.bucket }),
+      return l ? {
+        id: p.id,
+        name: p.feature.name,
+        key: p.feature.key,
+        getBucket: () => ({ id: p.id, bucket: l.bucket }),
         isResolved: !0
       } : {
-        id: l.id,
-        name: l.feature.name,
-        key: l.feature.key,
-        getBucket: async () => await a(l.feature),
+        id: p.id,
+        name: p.feature.name,
+        key: p.feature.key,
+        getBucket: async () => await a(p.feature),
         isResolved: !1
       };
     })
   );
-  F({
+  I({
     clock: a.doneData,
     source: { resolvedFeatures: r },
-    filter: ({ resolvedFeatures: c }, { id: u, key: l }) => !c.some(
-      (m) => m.id === u && m.key === l
+    filter: ({ resolvedFeatures: c }, { id: d, key: p }) => !c.some(
+      (m) => m.id === d && m.key === p
     ),
-    fn: (c, u) => u,
+    fn: (c, d) => d,
     target: t.eventBus.prepend((c) => ({
       type: "feature_decide",
       feature: c
     }))
-  }), F({
-    clock: [d.doneData, a.doneData],
+  }), I({
+    clock: [u.doneData, a.doneData],
     source: r,
-    fn: (c, u) => !u || c.some(
-      (p) => p.id === u.id && p.key === u.key
-    ) ? c : [...c, u],
+    fn: (c, d) => !d || c.some(
+      (l) => l.id === d.id && l.key === d.key
+    ) ? c : [...c, d],
     target: r
   });
-  function y(c) {
-    return f.map((u) => u.find((l) => l.id === c));
+  function h(c) {
+    return f.map((d) => d.find((p) => p.id === c));
   }
-  function k(c) {
-    return e.map((u) => u[c], { skipVoid: !1 });
+  function S(c) {
+    return e.map((d) => d[c], { skipVoid: !1 });
   }
   function g(c) {
-    const u = q(
+    const d = H(
       async () => {
       },
       { skipVoid: !1 }
-    ), l = $(async () => {
-      const p = y(c).getState();
-      if (p)
-        return async () => (await p.getBucket()).bucket;
+    ), p = R(async () => {
+      const l = h(c).getState();
+      if (l)
+        return async () => (await l.getBucket()).bucket;
     });
-    return F({
+    return I({
       source: r,
-      filter: (p) => p.some((m) => m.id === c),
-      target: l
-    }), F({
-      clock: l.doneData,
-      filter: (p) => p !== void 0,
-      target: u
-    }), l(), u;
+      filter: (l) => l.some((m) => m.id === c),
+      target: p
+    }), I({
+      clock: p.doneData,
+      filter: (l) => l !== void 0,
+      target: d
+    }), p(), d;
   }
   return {
-    register: s,
-    getById: y,
-    getByName: k,
+    register: i,
+    getById: h,
+    getByName: S,
     listStore: f,
     getEvokableFeature: g
   };
 });
-function Me(t) {
-  return I(Ve, t);
+function Oe(t) {
+  return v(ze, t);
 }
-const Ne = (t, e, r) => {
+const De = (t, e, r) => {
   r.register(t, e);
-}, A = E("history");
-function G(t, e) {
+}, P = b("history");
+function L(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
-    id: ue(`history-entry-${Date.now()}-${Math.random()}}`),
+    id: ie(`history-entry-${Date.now()}-${Math.random()}}`),
     node: e,
     at: Date.now(),
     experienceId: t
   };
 }
-const Te = w(() => {
-  const t = A.store({ entries: [] }), e = A.event(), r = A.event(), n = A.event(), s = A.event();
-  t.on(e, (o, i) => ({
-    entries: [...o.entries, G(i.experienceId, i.node)]
-  })), t.on(r, (o, i) => ({
+const Ue = w(() => {
+  const t = P.store({ entries: [] }), e = P.event(), r = P.event(), n = P.event(), i = P.event();
+  t.on(e, (o, s) => ({
+    entries: [...o.entries, L(s.experienceId, s.node)]
+  })), t.on(r, (o, s) => ({
     entries: [
       ...o.entries.slice(0, -1),
-      G(i.experienceId, i.node)
+      L(s.experienceId, s.node)
     ]
-  })), t.on(s, (o, i) => i);
-  function d(o, i) {
+  })), t.on(i, (o, s) => s);
+  function u(o, s) {
     const a = { lastStepIndex: -1, secondLastStepIndex: -1 };
     for (let f = o.length - 1; f >= 0; f--) {
-      const y = o[f], k = y == null ? void 0 : y.node;
-      if (!(!k || !oe(k)) && !(i && (y == null ? void 0 : y.experienceId) !== i))
+      const h = o[f], S = h?.node;
+      if (!(!S || !re(S)) && !(s && h?.experienceId !== s))
         if (a.lastStepIndex === -1)
           a.lastStepIndex = f;
         else {
@@ -466,8 +459,8 @@ const Te = w(() => {
     }
     return a;
   }
-  return t.on(n, (o, i) => {
-    const { secondLastStepIndex: a } = d(o.entries, i.experienceId), f = a !== -1 ? o.entries.slice(0, a + 1) : o.entries;
+  return t.on(n, (o, s) => {
+    const { secondLastStepIndex: a } = u(o.entries, s.experienceId), f = a !== -1 ? o.entries.slice(0, a + 1) : o.entries;
     return {
       ...o,
       entries: f
@@ -476,77 +469,77 @@ const Te = w(() => {
     push: e,
     replace: r,
     back: n,
-    restore: s,
+    restore: i,
     entriesStore: t.map((o) => o.entries)
   };
 });
-function _e() {
-  return I(Te);
+function Ve() {
+  return v(Ue);
 }
-const Le = () => U(), Ge = E("field"), He = w(() => {
-  const t = Ge.store({}), e = x(t, {
-    register(i, a) {
+const Ne = () => D(), Me = b("field"), Te = w(() => {
+  const t = Me.store({}), e = F(t, {
+    register(s, a) {
       return {
-        ...i,
+        ...s,
         [a.field.id]: a.field
       };
     }
   });
-  function r(i) {
-    e.register({ field: i });
+  function r(s) {
+    e.register({ field: s });
   }
-  function n(i, a) {
-    const f = d(i).getState();
+  function n(s, a) {
+    const f = u(s).getState();
     if (!f)
       return;
-    const y = Object.assign({}, f, {
+    const h = Object.assign({}, f, {
       ...a
     });
-    e.register({ field: { ...y } });
+    e.register({ field: { ...h } });
   }
-  const s = t.map((i) => Object.values(i));
-  function d(i) {
-    return t.map((a) => a[i] || null);
+  const i = t.map((s) => Object.values(s));
+  function u(s) {
+    return t.map((a) => a[s] || null);
   }
-  function o(i) {
-    return t.map((a) => Object.values(a).find((f) => f.name === i) || null);
+  function o(s) {
+    return t.map((a) => Object.values(a).find((f) => f.name === s) || null);
   }
   return {
     register: r,
     update: n,
-    getById: d,
-    listStore: s,
+    getById: u,
+    listStore: i,
     getByName: o
   };
 });
-function qe() {
-  return I(He);
+function _e() {
+  return v(Te);
 }
-const Ke = (t, e) => {
+const Le = (t, e) => {
   e.register(t);
-}, We = E("action"), Ye = w(() => {
-  const t = We.store({}), e = x(t, {
-    register(o, i) {
+}, Ge = b("action"), He = w(() => {
+  const t = Ge.store({}), e = F(t, {
+    register(o, s) {
       return {
         ...o,
-        [i.name]: {
-          name: i.name,
-          action: i.action
+        [s.name]: {
+          name: s.name,
+          action: s.action
         }
       };
     }
   });
-  function r(o, i) {
-    e.register({ name: o, action: i });
+  function r(o, s) {
+    e.register({ name: o, action: s });
   }
   const n = t.map((o) => Object.values(o));
-  function s(o) {
-    return t.map((i) => i[o], { skipVoid: !1 });
+  function i(o) {
+    return t.map((s) => s[o], { skipVoid: !1 });
   }
-  function d(o) {
+  function u(o) {
     return t.map(
-      (i) => {
-        const a = i[o];
+      (s) => {
+        const a = s[o];
         return a ? a.action : void 0;
       },
       { skipVoid: !1 }
@@ -554,22 +547,22 @@ const Ke = (t, e) => {
   }
   return {
     register: r,
-    getByName: s,
+    getByName: i,
     listStore: n,
-    getEvokableAction: d
+    getEvokableAction: u
   };
 });
-function Je() {
-  return I(Ye);
+function qe() {
+  return v(He);
 }
-const Qe = (t, e, r) => {
+const Ke = (t, e, r) => {
   r.register(t, e);
 };
-function H(t) {
+function G(t) {
   return typeof t > "u" || t === null || t === "" || Array.isArray(t) && !t.length;
 }
-const Xe = E("response"), Ze = w(({ client: t }) => {
-  const e = Xe.store({}), r = U(), n = U(), s = x(e, {
+const We = b("response"), Ye = w(({ client: t }) => {
+  const e = We.store({}), r = D(), n = D(), i = F(e, {
     register(g, c) {
       return {
         ...g,
@@ -583,132 +576,132 @@ const Xe = E("response"), Ze = w(({ client: t }) => {
       };
     },
     clear(g, c) {
-      const { [c]: u, ...l } = g;
-      return l;
+      const { [c]: d, ...p } = g;
+      return p;
     },
     clearAll() {
       return {};
     }
   });
-  function d(g, c) {
+  function u(g, c) {
     if (typeof g == "string") {
       if (c === void 0)
         throw new Error("Response is required when registering a single field");
-      s.register({ fieldId: g, response: c });
+      i.register({ fieldId: g, response: c });
     } else
-      s.registerBatch(g);
+      i.registerBatch(g);
   }
   async function o(g) {
     const c = [];
     return await Promise.allSettled(
-      Object.entries(g).map(async ([u, l]) => {
-        let p = l;
-        const m = t.fields.getById(u).getState();
+      Object.entries(g).map(async ([d, p]) => {
+        let l = p;
+        const m = t.fields.getById(d).getState();
         if (!m) {
           c.push({
-            fieldId: u,
-            userMessage: `Field '${u}' not found`,
-            systemMessage: `No field with ID '${u}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,
-            value: p
+            fieldId: d,
+            userMessage: `Field '${d}' not found`,
+            systemMessage: `No field with ID '${d}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,
+            value: l
           });
           return;
         }
-        if (m.multiple && (typeof p == "string" || typeof p == "number" || typeof p == "boolean") && (p = [p]), m.validation && !de(m.validation) && !H(p)) {
-          const S = await P(t, m.validation, {
-            $input: p
+        if (m.multiple && (typeof l == "string" || typeof l == "number" || typeof l == "boolean") && (l = [l]), m.validation && !oe(m.validation) && !G(l)) {
+          const y = await j(t, m.validation, {
+            $input: l
           });
-          if (typeof S == "string") {
+          if (typeof y == "string") {
             c.push({
-              fieldId: u,
-              userMessage: S,
-              systemMessage: `Field validation resulted in an error: ${S}.`,
-              value: p
+              fieldId: d,
+              userMessage: y,
+              systemMessage: `Field validation resulted in an error: ${y}.`,
+              value: l
             });
             return;
           }
-          if (S === !1) {
+          if (y === !1) {
             c.push({
-              fieldId: u,
+              fieldId: d,
               userMessage: "This field is invalid",
               systemMessage: "Field validation resulted in an unspecified error.",
-              value: p
+              value: l
             });
             return;
           }
         }
-        if (m.required && H(p)) {
+        if (m.required && G(l)) {
           c.push({
-            fieldId: u,
+            fieldId: d,
             userMessage: "This field is required",
             systemMessage: "Field is required.",
-            value: p
+            value: l
           });
           return;
         }
-        if (!m.multiple && Array.isArray(p) && p.length > 1) {
+        if (!m.multiple && Array.isArray(l) && l.length > 1) {
           c.push({
-            fieldId: u,
+            fieldId: d,
             userMessage: "This field expects a single response",
             systemMessage: "Field expects a single response.",
-            value: p
+            value: l
           });
           return;
         }
         if (m.options) {
-          const S = m.options.map((j) => j.value), b = Array.isArray(p) ? p : [p];
-          Array.isArray(p) && (b.every((j) => S.includes(j)) || c.push({
-            fieldId: u,
+          const y = m.options.map((x) => x.value), E = Array.isArray(l) ? l : [l];
+          Array.isArray(l) && (E.every((x) => y.includes(x)) || c.push({
+            fieldId: d,
             userMessage: "This field expects a valid option",
-            systemMessage: `Field expects a valid option. Valid options are: ${S.join(", ")}`,
-            value: p
+            systemMessage: `Field expects a valid option. Valid options are: ${y.join(", ")}`,
+            value: l
           }));
         }
       })
     ), { responsesToCommit: g, validationErrors: c };
   }
-  async function i(g) {
-    const { responsesToCommit: c, validationErrors: u } = await o(g);
-    return u.length ? { errors: u } : (s.registerBatch(c), { errors: [] });
+  async function s(g) {
+    const { responsesToCommit: c, validationErrors: d } = await o(g);
+    return d.length ? { errors: d } : (i.registerBatch(c), { errors: [] });
   }
-  const a = e.map((g) => g), f = e.map((g) => Object.keys(g).map((u) => ({
-    fieldId: u,
-    value: g[u]
+  const a = e.map((g) => g), f = e.map((g) => Object.keys(g).map((d) => ({
+    fieldId: d,
+    value: g[d]
   })));
-  function y(g) {
-    const c = t.fields.getById(g), u = e.map((l) => l[g] || null);
-    return D({ f: c, r: u }, ({ f: l, r: p }) => p || (l != null && l.defaultValue ? l.defaultValue : null));
+  function h(g) {
+    const c = t.fields.getById(g), d = e.map((p) => p[g] || null);
+    return O({ f: c, r: d }, ({ f: p, r: l }) => l || (p?.defaultValue ? p.defaultValue : null));
   }
-  function k(g) {
+  function S(g) {
     const c = t.fields.getByName(g);
-    return D({ f: c, s: e }, ({ f: u, s: l }) => {
-      const p = u && l[u.id] || null;
-      return p || (u != null && u.defaultValue ? u.defaultValue : null);
+    return O({ f: c, s: e }, ({ f: d, s: p }) => {
+      const l = d && p[d.id] || null;
+      return l || (d?.defaultValue ? d.defaultValue : null);
     });
   }
-  return F({
+  return I({
     clock: r,
-    target: s.clearAll
-  }), F({
+    target: i.clearAll
+  }), I({
     clock: n,
-    target: s.clear
+    target: i.clear
   }), {
-    register: d,
+    register: u,
     clearAll: r,
     clear: n,
-    commit: i,
+    commit: s,
     getResponsesToCommit: o,
     listStore: f,
     getAllStore: a,
-    getByFieldId: y,
-    getByFieldName: k
+    getByFieldId: h,
+    getByFieldName: S
   };
 });
-function et(t) {
-  return I(Ze, t);
+function Je(t) {
+  return v(Ye, t);
 }
-const tt = () => "0.0.35";
-function rt() {
-  if (V()) {
+const Qe = () => "0.0.36-next.1";
+function Xe() {
+  if (U()) {
     const t = [
       document.currentScript,
       document.getElementById("picked_script"),
@@ -717,75 +710,75 @@ function rt() {
       document.getElementById("cvly-x")
     ];
     for (const e of t)
-      if (e != null && e.dataset.api)
+      if (e?.dataset.api)
         return e.dataset.api;
   }
   return "https://api.picked.app";
 }
-function nt() {
-  if (!M())
+function Ze() {
+  if (!V())
     return {};
   const t = new URLSearchParams(window.location.search), e = {}, r = /* @__PURE__ */ new Set();
-  for (const [s] of t.entries())
-    s.startsWith("picked-") && r.add(s);
-  for (const s of r) {
-    const d = s.replace("picked-", "");
-    e[d] = t.getAll(s);
+  for (const [i] of t.entries())
+    i.startsWith("picked-") && r.add(i);
+  for (const i of r) {
+    const u = i.replace("picked-", "");
+    e[u] = t.getAll(i);
   }
-  const n = B("s");
+  const n = A("s");
   if (r.size > 0)
-    O.set(n, e);
+    z.set(n, e);
   else {
-    const s = O.get(n);
-    if (s)
-      return s.json() || {};
+    const i = z.get(n);
+    if (i)
+      return i.json() || {};
   }
   return e;
 }
-function st() {
-  if (pe())
+function et() {
+  if (ce())
     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 it = B("session", "global"), ot = () => {
-  const t = z.get(it);
+const tt = A("session", "global"), rt = () => {
+  const t = C.get(tt);
   let e;
   t.isSet() && (e = t.json());
-  const r = (s) => t.set({
-    id: s.id,
-    isUser: s.isUser,
-    identifiers: s.identifiers
+  const r = (i) => t.set({
+    id: i.id,
+    isUser: i.isUser,
+    identifiers: i.identifiers
   }), n = {
-    id: (e == null ? void 0 : e.id) ?? st(),
-    isUser: (e == null ? void 0 : e.isUser) ?? void 0,
-    identifiers: (e == null ? void 0 : e.identifiers) ?? void 0,
-    setIsUser(s) {
-      this.isUser = s, r(this);
+    id: e?.id ?? et(),
+    isUser: e?.isUser ?? void 0,
+    identifiers: e?.identifiers ?? void 0,
+    setIsUser(i) {
+      this.isUser = i, r(this);
     },
-    setIdentifier(s, d) {
-      this.identifiers = { ...this.identifiers, [s]: d }, r(this);
+    setIdentifier(i, u) {
+      this.identifiers = { ...this.identifiers, [i]: u }, r(this);
     },
-    removeIdentifier(s) {
+    removeIdentifier(i) {
       this.identifiers && (this.identifiers = Object.fromEntries(
-        Object.entries(this.identifiers).filter(([d]) => d !== s)
+        Object.entries(this.identifiers).filter(([u]) => u !== i)
       ), this.identifiers = Object.keys(this.identifiers).length ? this.identifiers : void 0, r(this));
     }
   };
   return r(n), n;
-}, at = () => le() ? ot() : null;
-function ct() {
-  if (M())
+}, nt = () => ae() ? rt() : null;
+function st() {
+  if (V())
     return globalThis.window.pickedConfig;
 }
-function ut() {
-  if (!M())
+function it() {
+  if (!V())
     return;
-  const t = ct(), e = t == null ? void 0 : t.organizationId, r = t == null ? void 0 : t.projectId;
+  const t = st(), e = t?.organizationId, r = t?.projectId;
   return e && r ? { organizationId: e, projectId: r } : void 0;
 }
-function dt() {
-  if (!V())
+function ot() {
+  if (!U())
     return;
   const t = document.getElementById("picked_script") || document.querySelector("script#picked") || // legacy support for 'cvly' script tag
   document.getElementById("cvly");
@@ -794,16 +787,16 @@ 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 lt(t) {
+function at(t) {
   const { organizationId: e, projectId: r } = t;
   if (e && r)
     return { organizationId: e, projectId: r };
-  const n = ut();
+  const n = it();
   if (n)
     return n;
-  const s = dt();
-  if (s)
-    return s;
+  const i = ot();
+  if (i)
+    return i;
   throw new Error(
     `organizationId and projectId are required. You can provide them via one of:
       (1) createClient({ organizationId, projectId }) options;
@@ -811,13 +804,13 @@ function lt(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 $(t) {
   return t == null || t === "" || Number.isNaN(t);
 }
-const pt = {
-  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,
+const ct = {
+  default: (t, e) => $(t) ? String(e ?? "") : String(t),
+  append: (t, e) => e && !$(t) ? `${t} ${e}` : t,
+  prepend: (t, e) => e && !$(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,
@@ -828,178 +821,130 @@ const pt = {
     if (Array.isArray(t))
       return e.format(t.map(String));
     if (t instanceof Map) {
-      const r = Array.from(t.entries()).map(([n, s]) => `${n}: ${s}`);
+      const r = Array.from(t.entries()).map(([n, i]) => `${n}: ${i}`);
       return e.format(r);
     }
     return t instanceof Set ? e.format(Array.from(t).map(String)) : t;
   }
 };
-function ft(t) {
+function ut(t) {
   return typeof t == "object" && t !== null;
 }
-function gt(t, e) {
+function dt(t, e) {
   let r = e;
   for (const n of t.split("."))
-    if (ft(r) && n in r)
+    if (ut(r) && n in r)
       r = r[n];
     else
       return;
   return typeof r == "function" ? r() : r;
 }
-function mt(t, e) {
-  const r = t.split("|").map((d) => d.trim()), n = r.shift() ?? "";
-  let s = gt(n, e);
-  for (const d of r) {
-    const [o, ...i] = d.split(":"), a = (o == null ? void 0 : o.trim()) ?? "", f = i.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), y = pt[a];
-    y && (s = y(s, f));
+function lt(t, e) {
+  const r = t.split("|").map((u) => u.trim()), n = r.shift() ?? "";
+  let i = dt(n, e);
+  for (const u of r) {
+    const [o, ...s] = u.split(":"), a = o?.trim() ?? "", f = s.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), h = ct[a];
+    h && (i = h(i, f));
   }
-  return C(s) ? "" : typeof s == "object" ? JSON.stringify(s) : String(s);
+  return $(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
 }
-function ht(t, e) {
+function pt(t, e) {
   let r = "", n = 0;
   for (; n < t.length; )
     if (t[n] === "{" && t[n + 1] === "{") {
       n += 2;
-      let s = "";
+      let i = "";
       for (; n < t.length; ) {
         if (t[n] === "}" && t[n + 1] === "}") {
           n += 2;
           break;
         }
-        s += t[n++];
+        i += t[n++];
       }
-      r += mt(s.trim(), e);
+      r += lt(i.trim(), e);
     } else
       r += t[n++];
   return r;
 }
-class Q {
+class ft {
+  static logger = k;
+  options;
+  isReady = !1;
+  project;
+  plugins = {};
+  eventBus = Ne();
+  organizationId;
+  projectId;
+  apiUrl;
+  session;
+  precondition;
+  condition;
+  searchParams = Ze();
+  history = Ve();
+  components = ve({ client: this });
+  experienceInstances = ne({ client: this });
+  experiences = fe({ client: this });
+  frameworks = Fe({ client: this });
+  predicates = $e({ client: this });
+  features = Oe({ client: this });
+  responses = Je({ client: this });
+  fields = _e();
+  actions = qe();
   constructor(e) {
-    h(this, "options");
-    h(this, "isReady", !1);
-    h(this, "project");
-    h(this, "plugins", {});
-    h(this, "eventBus", Le());
-    h(this, "organizationId");
-    h(this, "projectId");
-    h(this, "apiUrl");
-    h(this, "session");
-    h(this, "precondition");
-    h(this, "condition");
-    h(this, "searchParams", nt());
-    h(this, "history", _e());
-    h(this, "components", Ee({ client: this }));
-    h(this, "experienceInstances", ae({ client: this }));
-    h(this, "experiences", ye({ client: this }));
-    h(this, "frameworks", Pe({ client: this }));
-    h(this, "predicates", De({ client: this }));
-    h(this, "features", Me({ client: this }));
-    h(this, "responses", et({ client: this }));
-    h(this, "fields", qe());
-    h(this, "actions", Je());
-    /**
-     * Interpolates a template string using values from the client's response store and/or a provided context.
-     * Supports dot-notation, modifiers, and executing functions found in the context.
-     *
-     * Sources:
-     * - responses.*: Loaded automatically from the client's internal response store by fieldId (e.g. {{ responses.email }}).
-     * - Context: Any non-responses.* key must be supplied in the context; nested dot-notation is supported.
-     * - Functions: If a context value is a function, it is invoked and its result is rendered.
-     *
-     * Placeholders:
-     * - {{ key | modifier: arg | modifier2: arg2 }} with modifiers applied left-to-right.
-     *
-     * Modifiers:
-     * - default: Use the argument when the value is null, undefined, NaN, or empty string; otherwise return the value as a string.
-     * - append: Append the argument (space-separated) when the value is non-empty.
-     * - prepend: Prepend the argument (space-separated) when the value is non-empty.
-     * - upper: Uppercase string values.
-     * - lower: Lowercase string values.
-     * - capitalize: Capitalize the first letter of string values.
-     * - list: Format Arrays, Maps, and Sets via Intl.ListFormat (Maps render as key: value pairs).
-     *
-     * Behavior:
-     * - Empty values (null, undefined, empty string, NaN) render as empty. Numeric 0 renders as "0", boolean false renders as "false", and boolean true renders as "true".
-     * - Objects and arrays are JSON-stringified; Maps/Sets serialize to {} unless the list modifier is used.
-     * - Unknown modifiers are ignored.
-     *
-     * @param template Template containing placeholders.
-     * @param context Optional data for interpolation. Non-responses.* keys belong here; function values are executed.
-     * @returns Interpolated string.
-     *
-     * @example
-     * renderString("Hello {{ name | default: 'Guest' | capitalize }}! Email: {{ responses.email | lower }}.", { name: "ALICE" })
-     * // => "Hello Alice! Email: alice@example.com."
-     *
-     * @example
-     * renderString("User: {{ getName | capitalize }}", { getName: () => "alice" })
-     * // => "User: Alice"
-     *
-     * @example
-     * renderString("Fruits: {{ fruits | list }}", { fruits: ["apple", "banana", "cherry"] })
-     * // => "Fruits: apple, banana, and cherry"
-     */
-    h(this, "renderString", (e, r) => {
-      const n = this.responses.listStore.getState().reduce((s, d) => (s[d.fieldId] = d.value, s), {});
-      return ht(e, {
-        ...r,
-        responses: n
-      });
-    });
-    v("info", "Picked client initializing.");
-    const { organizationId: r, projectId: n } = lt(e);
-    this.organizationId = r, this.projectId = n, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || rt(), this.session = at(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: tt() }), v("info", "Picked client initialized.");
+    k("info", "Picked client initializing.");
+    const { organizationId: r, projectId: n } = at(e);
+    this.organizationId = r, this.projectId = n, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || Xe(), this.session = nt(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: Qe() }), k("info", "Picked client initialized.");
   }
   start() {
-    Ce(this), (async () => {
-      if (!V())
+    Ae(this), (async () => {
+      if (!U())
         return;
       let r;
-      typeof this.precondition > "u" ? r = !0 : typeof this.precondition == "boolean" ? r = this.precondition : r = await P(this, this.precondition) === !0;
+      typeof this.precondition > "u" ? r = !0 : typeof this.precondition == "boolean" ? r = this.precondition : r = await j(this, this.precondition) === !0;
       let n;
-      r && (this.condition === void 0 ? n = !0 : typeof this.condition == "boolean" ? n = this.condition : n = await P(this, this.condition) === !0);
-      const s = r && n === !0;
+      r && (this.condition === void 0 ? n = !0 : typeof this.condition == "boolean" ? n = this.condition : n = await j(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 });
+        const u = n;
+        this.session.setIsUser(u), this.eventBus({ type: "user_decide", value: u });
       }
-      this.eventBus({ type: "initialize" }), document.body && s && T(this), await ce(), s && T(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session && this.eventBus({ type: "session", ...this.session });
+      this.eventBus({ type: "initialize" }), document.body && i && M(this), await se(), i && M(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session && this.eventBus({ type: "session", ...this.session });
     })();
   }
   registerFramework(e) {
-    Ae(e, this.frameworks);
+    Ee(e, this.frameworks);
   }
   registerComponent(e, r) {
-    _(e, r, this.components);
+    T(e, r, this.components);
   }
   registerPlugin(e) {
-    ve(this, e, this.plugins);
+    he(this, e, this.plugins);
   }
   registerFeature(e, r) {
-    Ne(e, r, this.features);
+    De(e, r, this.features);
   }
   registerPredicate(e, r) {
-    Ue(e, r, this.predicates);
+    Ce(e, r, this.predicates);
   }
   registerField(e) {
-    Ke(e, this.fields);
+    Le(e, this.fields);
   }
   registerAction(e, r) {
-    Qe(e, r, this.actions);
+    Ke(e, r, this.actions);
   }
   registerExperience(e) {
-    e.component && _(`experience:${e.id}`, e.component, this.components), Se(e, this.experiences);
+    e.component && T(`experience:${e.id}`, e.component, this.components), ge(e, this.experiences);
   }
   getStateSnapshot() {
-    return J(this);
+    return Y(this);
   }
   async launchExperienceById(e) {
     const r = this.experiences.getById(e).getState();
     if (!r) {
-      v("warn", `Experience with id '${e}' not found.`);
+      k("warn", `Experience with id '${e}' not found.`);
       return;
     }
-    Y(this, r);
+    W(this, r);
   }
   // private async fetchProject() {
   //   if (this.project) {
@@ -1011,39 +956,38 @@ class Q {
   //   this.project.experiences.forEach((experience) => setupExperience(experience, this.experiences))
   // }
   setupPlugins() {
-    var e;
-    (e = this.options.plugins) == null || e.forEach((r) => {
-      if (Array.isArray(r)) {
-        r.forEach((s) => {
-          this.registerPlugin(s);
+    this.options.plugins?.forEach((e) => {
+      if (Array.isArray(e)) {
+        e.forEach((n) => {
+          this.registerPlugin(n);
         });
         return;
       }
-      const n = typeof r == "function" ? r() : r;
-      if (Array.isArray(n)) {
-        n.forEach((s) => this.registerPlugin(s));
+      const r = typeof e == "function" ? e() : e;
+      if (Array.isArray(r)) {
+        r.forEach((n) => this.registerPlugin(n));
         return;
       }
-      this.registerPlugin(n);
+      this.registerPlugin(r);
     });
   }
   setupFeatures() {
     const e = this.options.features;
     e && (Object.entries(e).forEach(([r, n]) => {
-      const s = typeof n == "function" ? n() : n;
-      this.registerFeature(r, s);
+      const i = typeof n == "function" ? n() : n;
+      this.registerFeature(r, i);
     }), this.searchParams.feature && this.searchParams.feature.forEach((r) => {
       try {
-        const [n, s] = r.split(":");
-        if (!n || !s)
+        const [n, i] = r.split(":");
+        if (!n || !i)
           return;
-        let d = s;
-        d === "true" && (d = !0), d === "false" && (d = !1), this.registerFeature(n, {
-          key: `${d}`,
+        let u = i;
+        u === "true" && (u = !0), u === "false" && (u = !1), this.registerFeature(n, {
+          key: `${u}`,
           // use the assigned bucket value as the key
           name: n,
           // eslint-disable-next-line sonarjs/function-return-type
-          decide: () => d,
+          decide: () => u,
           storage: "session"
         });
       } catch {
@@ -1054,7 +998,7 @@ class Q {
     const e = this.options.predicates;
     e && Object.entries(e).forEach(([r, n]) => {
       if (typeof n != "function") {
-        v("warn", `Predicate "${r}" is not a function.`);
+        k("warn", `Predicate "${r}" is not a function.`);
         return;
       }
       this.registerPredicate(r, n);
@@ -1064,7 +1008,7 @@ class Q {
     const e = this.options.actions;
     e && Object.entries(e).forEach(([r, n]) => {
       if (typeof n != "function") {
-        v("warn", `Action "${r}" is not a function.`);
+        k("warn", `Action "${r}" is not a function.`);
         return;
       }
       this.registerAction(r, n);
@@ -1073,53 +1017,100 @@ class Q {
   getPluginConfig(e) {
     return this.plugins[e] ?? {};
   }
+  /**
+   * Interpolates a template string using values from the client's response store and/or a provided context.
+   * Supports dot-notation, modifiers, and executing functions found in the context.
+   *
+   * Sources:
+   * - responses.*: Loaded automatically from the client's internal response store by fieldId (e.g. {{ responses.email }}).
+   * - Context: Any non-responses.* key must be supplied in the context; nested dot-notation is supported.
+   * - Functions: If a context value is a function, it is invoked and its result is rendered.
+   *
+   * Placeholders:
+   * - {{ key | modifier: arg | modifier2: arg2 }} with modifiers applied left-to-right.
+   *
+   * Modifiers:
+   * - default: Use the argument when the value is null, undefined, NaN, or empty string; otherwise return the value as a string.
+   * - append: Append the argument (space-separated) when the value is non-empty.
+   * - prepend: Prepend the argument (space-separated) when the value is non-empty.
+   * - upper: Uppercase string values.
+   * - lower: Lowercase string values.
+   * - capitalize: Capitalize the first letter of string values.
+   * - list: Format Arrays, Maps, and Sets via Intl.ListFormat (Maps render as key: value pairs).
+   *
+   * Behavior:
+   * - Empty values (null, undefined, empty string, NaN) render as empty. Numeric 0 renders as "0", boolean false renders as "false", and boolean true renders as "true".
+   * - Objects and arrays are JSON-stringified; Maps/Sets serialize to {} unless the list modifier is used.
+   * - Unknown modifiers are ignored.
+   *
+   * @param template Template containing placeholders.
+   * @param context Optional data for interpolation. Non-responses.* keys belong here; function values are executed.
+   * @returns Interpolated string.
+   *
+   * @example
+   * renderString("Hello {{ name | default: 'Guest' | capitalize }}! Email: {{ responses.email | lower }}.", { name: "ALICE" })
+   * // => "Hello Alice! Email: alice@example.com."
+   *
+   * @example
+   * renderString("User: {{ getName | capitalize }}", { getName: () => "alice" })
+   * // => "User: Alice"
+   *
+   * @example
+   * renderString("Fruits: {{ fruits | list }}", { fruits: ["apple", "banana", "cherry"] })
+   * // => "Fruits: apple, banana, and cherry"
+   */
+  renderString = (e, r) => {
+    const n = this.responses.listStore.getState().reduce((i, u) => (i[u.fieldId] = u.value, i), {});
+    return pt(e, {
+      ...r,
+      responses: n
+    });
+  };
 }
-h(Q, "logger", v);
-function X(t) {
-  var e;
-  return ((e = t.options) == null ? void 0 : e.some((r) => "condition" in r)) ?? !1;
+function J(t) {
+  return t.options?.some((e) => "condition" in e) ?? !1;
 }
-function yt(t) {
-  return t.some((e) => e.condition || X(e));
+function gt(t) {
+  return t.some((e) => e.condition || J(e));
 }
-async function jt(t, e) {
-  return e.length === 0 || !yt(e) ? e : (await Promise.all(
+async function bt(t, e) {
+  return e.length === 0 || !gt(e) ? e : (await Promise.all(
     e.map(async (n) => {
-      if (!(n.condition ? await P(t, n.condition) : !0))
+      if (!(n.condition ? await j(t, n.condition) : !0))
         return null;
-      if (!n.options || !X(n))
+      if (!n.options || !J(n))
         return n;
       const o = (await Promise.all(
-        n.options.map(async (a) => a.condition ? await P(t, a.condition) ? a : null : a)
+        n.options.map(async (a) => a.condition ? await j(t, a.condition) ? a : null : a)
       )).filter((a) => a !== null);
       return o.length === n.options.length ? n : o.length === 0 ? null : { ...n, options: o };
     })
   )).filter((n) => n !== null);
 }
-const Pt = (t) => {
-  const e = new Q(t);
-  return fe(e), e;
+const Ft = (t) => {
+  const e = new ft(t);
+  return ue(e), e;
 };
 export {
-  Q as Picked,
-  Pt as createClient,
-  B as createStorageKey,
-  P as evaluateRuleLogic,
-  ct as getPickedConfig,
-  jt as getStepFields,
-  Rt as isPickedRoot,
-  z as localStore,
-  O as sessionStore,
-  Ct as subscribe,
-  Ot as supportsCookies,
-  pe as supportsCryptoRandomUUID,
-  V as supportsDocument,
-  Dt as supportsHistory,
-  Ut as supportsIntersectionObserver,
-  le as supportsLocalStorage,
-  Vt as supportsLocation,
-  Mt as supportsSessionStorage,
-  Nt as supportsShadowRoot,
-  Tt as supportsWebComponents,
-  M as supportsWindow
+  ft as Picked,
+  Ft as createClient,
+  A as createStorageKey,
+  j as evaluateRuleLogic,
+  st as getPickedConfig,
+  bt as getStepFields,
+  jt as isPickedRoot,
+  C as localStore,
+  z as sessionStore,
+  At as subscribe,
+  Rt as supportsCookies,
+  ce as supportsCryptoRandomUUID,
+  U as supportsDocument,
+  $t as supportsHistory,
+  Ct as supportsIntersectionObserver,
+  ae as supportsLocalStorage,
+  zt as supportsLocation,
+  Ot as supportsSessionStorage,
+  Dt as supportsShadowRoot,
+  Ut as supportsWebComponents,
+  V as supportsWindow
 };