@picked/client 0.0.1-dev.1765991816856 → 0.0.1-dev.1767591456821

package/dist/esm/index.js

@@ -1,39 +1,39 @@
-var Y = Object.defineProperty;
-var J = (t, e, r) => e in t ? Y(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var m = (t, e, r) => J(t, typeof e != "symbol" ? e + "" : e, r);
-import { createDomain as b, createApi as F, createEffect as M, attach as Q, sample as x, combine as z, createEvent as C } from "effector";
-import { createFactory as k, invoke as w } from "@withease/factories";
-import { g as G, t as X, c as Z, i as ee, e as E, a as te, b as re, d as ne } from "../experience-instance-C4INDX6a.js";
-import { f as It } from "../experience-instance-C4INDX6a.js";
-import { l as S } from "../logger-C9a75KZn.js";
-import { c as R, l as $, s as O } from "../storage-BLmAhfhl.js";
-import { a as Ft } from "../storage-BLmAhfhl.js";
-import { g as se } from "../id-BW-g3y32.js";
-import { i as ie } from "../object-JwZ58NOH.js";
-import { s as D, a as U, b as oe, c as ae, d as ce } from "../supports-BjhuLJ8z.js";
-import { h as Et, f as jt, j as Pt, e as Rt, g as Bt, i as At, k as $t } from "../supports-BjhuLJ8z.js";
-const H = b("experience"), ue = k(
+var J = Object.defineProperty;
+var Q = (t, e, r) => e in t ? J(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var h = (t, e, r) => Q(t, typeof e != "symbol" ? e + "" : e, r);
+import { createDomain as b, createApi as F, createEffect as N, attach as X, sample as x, combine as z, createEvent as D } from "effector";
+import { createFactory as w, invoke as I } from "@withease/factories";
+import { g as H, t as Z, c as ee, i as te, e as j, a as re, b as ne, d as se } from "../experience-instance-C4INDX6a.js";
+import { f as Pt } from "../experience-instance-C4INDX6a.js";
+import { l as k } from "../logger-C9a75KZn.js";
+import { c as A, l as O, s as C } from "../storage-BLmAhfhl.js";
+import { a as Rt } 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 M, b as ae, c as ce, d as ue } from "../supports-BjhuLJ8z.js";
+import { h as Bt, f as Ot, j as Ct, e as zt, g as Dt, i as Ut, k as Mt } from "../supports-BjhuLJ8z.js";
+const q = b("experience"), de = w(
   ({ client: t, experience: e }) => {
-    const r = H.store(e), n = F(r, {
-      merge(d, h) {
+    const r = q.store(e), n = F(r, {
+      merge(c, g) {
         return {
-          ...d,
-          ...h.experience
+          ...c,
+          ...g.experience
         };
       }
-    }), i = r.map((d) => ({
-      name: d.name,
-      decisionLogic: d.condition ?? d.decide,
-      targetSelectors: d.targets,
+    }), i = r.map((c) => ({
+      name: c.name,
+      decisionLogic: c.condition ?? c.decide,
+      targetSelectors: c.targets,
       initializeOpenLogic: e.initializeOpen
     })), a = t.components.listStore.map(
-      (d) => d.find((h) => h.name === `experience:${e.id}`) || d.find((h) => h.name === "experience"),
+      (c) => c.find((g) => g.name === `experience:${e.id}`) || c.find((g) => g.name === "experience"),
       { skipVoid: !1 }
-    ), s = r.map((d) => ({
-      steps: d.steps,
-      nodes: d.nodes,
-      edges: d.edges,
-      conditionals: d.conditionals
+    ), s = r.map((c) => ({
+      steps: c.steps,
+      nodes: c.nodes,
+      edges: c.edges,
+      conditionals: c.conditionals
     })), o = e.actions ?? [];
     return {
       id: e.id,
@@ -45,11 +45,11 @@ const H = b("experience"), ue = k(
     };
   }
 );
-function de(t) {
-  return w(ue, t);
+function le(t) {
+  return I(de, t);
 }
-const le = k(({ client: t }) => {
-  const e = H.store({}), r = F(e, {
+const pe = w(({ client: t }) => {
+  const e = q.store({}), r = F(e, {
     register(s, o) {
       return {
         ...s,
@@ -63,8 +63,8 @@ const le = k(({ client: t }) => {
       o.merge({ experience: s, strategy: "override" });
       return;
     }
-    const d = de({ client: t, experience: s });
-    r.register(d);
+    const c = le({ client: t, experience: s });
+    r.register(c);
   }
   const i = e.map((s) => Object.values(s));
   function a(s) {
@@ -76,34 +76,34 @@ const le = k(({ client: t }) => {
     listStore: i
   };
 });
-function pe(t) {
-  return w(le, t);
+function fe(t) {
+  return I(pe, t);
 }
 const ge = (t, e) => {
   e.register(t);
-}, q = (t, e) => {
-  const { targetSelectors: r } = e.configStore.getState(), n = G(r, e.id);
+}, K = (t, e) => {
+  const { targetSelectors: r } = e.configStore.getState(), n = H(r, e.id);
   n.forEach(
-    ({ elements: a }) => a.forEach((s) => X(s, e.id))
-  ), Z(n, e.id).forEach((a) => {
+    ({ elements: a }) => a.forEach((s) => Z(s, e.id))
+  ), ee(n, e.id).forEach((a) => {
     t.experienceInstances.spawn(e, a);
   });
-}, T = async (t) => {
+}, V = async (t) => {
   await Promise.all(
     t.experiences.listStore.getState().map(async (e) => {
-      await fe(t, e) && q(t, e);
+      await me(t, e) && K(t, e);
     })
   );
-}, fe = async (t, e) => {
+}, me = async (t, e) => {
   const { decisionLogic: r, targetSelectors: n } = e.configStore.getState();
-  return G(n, e.id).length < 1 || n.length === 0 ? !1 : r && ee(r) ? await E(t, r) === !0 : !0;
-}, me = (t, e, r) => {
+  return H(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 a = r[n] ?? {};
     r[n] = Object.freeze({ ...a, ...i });
   }
-}, he = b("component"), ye = k(
+}, ye = b("component"), Se = w(
   ({ client: t, component: e, name: r }) => {
     const n = t.frameworks.getByName(e.frameworkName);
     return {
@@ -113,11 +113,11 @@ const ge = (t, e) => {
     };
   }
 );
-function ve(t) {
-  return w(ye, t);
+function ke(t) {
+  return I(Se, t);
 }
-const Se = k(({ client: t }) => {
-  const e = he.store({}), r = F(e, {
+const we = w(({ client: t }) => {
+  const e = ye.store({}), r = F(e, {
     register(s, o) {
       return {
         ...s,
@@ -126,12 +126,12 @@ const Se = k(({ client: t }) => {
     }
   });
   function n(s, o) {
-    e.getState()[s] && S(
+    e.getState()[s] && k(
       "warn",
       `Component '${s}' already registered. Registering again will override the previous registration.`
     );
-    const h = ve({ client: t, name: s, component: o });
-    r.register(h);
+    const g = ke({ client: t, name: s, component: o });
+    r.register(g);
   }
   const i = e.map((s) => Object.values(s));
   function a(s) {
@@ -143,13 +143,13 @@ const Se = k(({ client: t }) => {
     listStore: i
   };
 });
-function ke(t) {
-  return w(Se, t);
+function Ie(t) {
+  return I(we, t);
 }
-const V = (t, e, r) => {
+const T = (t, e, r) => {
   r.register(t, e);
-}, we = b("framework"), Ie = k(({ client: t }) => {
-  const e = we.store({}), r = F(e, {
+}, ve = b("framework"), be = w(({ client: t }) => {
+  const e = ve.store({}), r = F(e, {
     register(s, o) {
       return {
         ...s,
@@ -158,7 +158,7 @@ const V = (t, e, r) => {
     }
   });
   function n(s, o) {
-    e.getState()[s] && S(
+    e.getState()[s] && k(
       "warn",
       `Framework '${s}' already registered. Registering again will override the previous registration.`
     ), r.register({ name: s, framework: o });
@@ -173,24 +173,24 @@ const V = (t, e, r) => {
     listStore: i
   };
 });
-function be(t) {
-  return w(Ie, t);
+function Fe(t) {
+  return I(be, t);
 }
-const Fe = (t, e) => {
+const xe = (t, e) => {
   e.register(t.name, t);
-}, xe = 6e3, Ee = R("last_ping", "global"), je = (t) => `${t}/api/v1/ping`, Pe = async (t) => {
+}, je = 6e3, Ee = A("last_ping", "global"), Pe = (t) => `${t}/api/v1/ping`, Ae = async (t) => {
   try {
-    const e = Date.now(), r = $.get(Ee);
+    const e = Date.now(), r = O.get(Ee);
     let n = 0;
-    if (r.isSet() && (n = r.json() ?? 0), n && e - n < xe)
+    if (r.isSet() && (n = r.json() ?? 0), n && e - n < je)
       return !0;
-    const i = je(t.apiUrl), a = {
+    const i = Pe(t.apiUrl), a = {
       projectId: t.projectId,
       path: window.location.pathname
     }, s = JSON.stringify(a), o = {
       "Content-Type": "application/json"
-    }, d = document.getElementById("picked_script"), h = d == null ? void 0 : d.dataset.verceltoken;
-    h && (o["x-vercel-protection-bypass"] = h);
+    }, c = document.getElementById("picked_script"), g = c == null ? void 0 : c.dataset.verceltoken;
+    g && (o["x-vercel-protection-bypass"] = g);
     const l = (await fetch(i, {
       method: "POST",
       headers: o,
@@ -198,7 +198,7 @@ const Fe = (t, e) => {
     })).ok;
     return l && r.set(e), l;
   } catch (e) {
-    return S("error", e), !1;
+    return k("error", e), !1;
   }
 };
 function Re(t) {
@@ -213,8 +213,8 @@ function Re(t) {
   };
   return Object.freeze(r);
 }
-const Be = b("predicate"), Ae = k(({ client: t }) => {
-  const e = Be.store({}), r = F(e, {
+const $e = b("predicate"), Be = w(({ client: t }) => {
+  const e = $e.store({}), r = F(e, {
     register(s, o) {
       return {
         ...s,
@@ -226,7 +226,7 @@ const Be = b("predicate"), Ae = k(({ client: t }) => {
     }
   });
   function n(s, o) {
-    e.getState()[s] && S(
+    e.getState()[s] && k(
       "warn",
       `Predicate '${s}' already registered. Registering again will override the previous registration.`
     ), r.register(Object.freeze({ name: s, predicate: o }));
@@ -241,29 +241,29 @@ const Be = b("predicate"), Ae = k(({ client: t }) => {
     listStore: i
   };
 });
-function $e(t) {
-  return w(Ae, t);
+function Oe(t) {
+  return I(Be, t);
 }
-const Oe = (t, e, r) => {
+const Ce = (t, e, r) => {
   r.register(t, e);
-}, N = b("feature"), ze = k(({ client: t }) => {
-  const e = N.store({}), r = N.store([]), n = F(e, {
-    register(l, u) {
+}, _ = b("feature"), ze = w(({ client: t }) => {
+  const e = _.store({}), r = _.store([]), n = F(e, {
+    register(l, d) {
       return {
         ...l,
-        [u.id]: u.feature
+        [d.id]: d.feature
       };
     }
   });
-  function i(l, u) {
-    e.getState()[l] && S(
+  function i(l, d) {
+    e.getState()[l] && k(
       "warn",
       `Feature '${l}' already registered. Registering again will override the previous registration.`
     );
     const p = {
       id: l,
       feature: {
-        ...u,
+        ...d,
         id: l
       }
     };
@@ -274,154 +274,154 @@ const Oe = (t, e, r) => {
       })
     );
   }
-  const a = M(
+  const a = N(
     async ({
       id: l,
-      key: u,
-      storage: c = "local"
+      key: d,
+      storage: u = "local"
     }) => {
-      const p = R(`feature:${l}:${u}`, "global"), g = (c === "session" ? O : $).get(p).boolean();
-      return g === null ? null : { id: l, key: u, bucket: g, storage: c };
+      const p = A(`feature:${l}:${d}`, "global"), f = (u === "session" ? C : O).get(p).boolean();
+      return f === null ? null : { id: l, key: d, bucket: f, storage: u };
     }
-  ), s = M((l) => {
+  ), s = N((l) => {
     if (!l)
       return null;
-    const u = R(`feature:${l.id}:${l.key}`, "global");
-    (l.storage === "session" ? O : $).set(u, l.bucket);
-  }), o = /* @__PURE__ */ new Map(), d = Q({
+    const d = A(`feature:${l.id}:${l.key}`, "global");
+    (l.storage === "session" ? C : O).set(d, l.bucket);
+  }), o = /* @__PURE__ */ new Map(), c = X({
     source: { allFeaturesStore: e, resolvedFeaturesStore: r },
-    effect: async ({ allFeaturesStore: l, resolvedFeaturesStore: u }, { id: c, decide: p, key: f }) => {
-      const g = u.find(
-        (A) => A.id === c && A.key === f
+    effect: async ({ allFeaturesStore: l, resolvedFeaturesStore: d }, { id: u, decide: p, key: m }) => {
+      const f = d.find(
+        ($) => $.id === u && $.key === m
       );
-      if (g)
-        return g;
-      const y = l[c];
+      if (f)
+        return f;
+      const y = l[u];
       if (!y)
-        throw new Error(`Feature with id '${c}' not found`);
-      const I = o.get(`${c}:${f}`);
-      if (I !== void 0) {
-        const A = await I;
-        return { id: y.id, bucket: A, key: f, storage: y.feature.storage };
+        throw new Error(`Feature with id '${u}' not found`);
+      const v = o.get(`${u}:${m}`);
+      if (v !== void 0) {
+        const $ = await v;
+        return { id: y.id, bucket: $, key: m, storage: y.feature.storage };
       }
-      const B = p();
-      o.set(`${c}:${f}`, B);
-      const j = await B;
-      return { id: y.id, bucket: j, key: f, storage: y.feature.storage };
+      const R = p();
+      o.set(`${u}:${m}`, R);
+      const E = await R;
+      return { id: y.id, bucket: E, key: m, storage: y.feature.storage };
     }
   });
   x({
     clock: n.register,
     fn: (l) => {
-      const { id: u, feature: c } = l;
-      return { id: u, key: c.feature.key, storage: c.feature.storage };
+      const { id: d, feature: u } = l;
+      return { id: d, key: u.feature.key, storage: u.feature.storage };
     },
     target: a
   }), x({
     source: e,
-    clock: d.doneData,
-    fn: (l, u) => {
+    clock: c.doneData,
+    fn: (l, d) => {
       var y;
-      const { id: c, bucket: p, storage: f } = u, g = (y = l[c]) == null ? void 0 : y.feature.key;
-      return g ? { key: g, id: c, bucket: p, storage: f } : null;
+      const { id: u, bucket: p, storage: m } = d, f = (y = l[u]) == null ? void 0 : y.feature.key;
+      return f ? { key: f, id: u, bucket: p, storage: m } : null;
     },
     target: s
   });
-  const h = z({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
+  const g = z({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
     ({
       allFeaturesStore: l,
-      resolvedFeaturesStore: u
-    }) => Object.values(l).map((c) => {
-      const p = u.find(
-        (f) => f.id === c.id && f.key === c.feature.key
+      resolvedFeaturesStore: d
+    }) => Object.values(l).map((u) => {
+      const p = d.find(
+        (m) => m.id === u.id && m.key === u.feature.key
       );
       return p ? {
-        id: c.id,
-        name: c.feature.name,
-        key: c.feature.key,
-        getBucket: () => ({ id: c.id, bucket: p.bucket }),
+        id: u.id,
+        name: u.feature.name,
+        key: u.feature.key,
+        getBucket: () => ({ id: u.id, bucket: p.bucket }),
         isResolved: !0
       } : {
-        id: c.id,
-        name: c.feature.name,
-        key: c.feature.key,
-        getBucket: async () => await d(c.feature),
+        id: u.id,
+        name: u.feature.name,
+        key: u.feature.key,
+        getBucket: async () => await c(u.feature),
         isResolved: !1
       };
     })
   );
   x({
-    clock: d.doneData,
+    clock: c.doneData,
     source: { resolvedFeatures: r },
-    filter: ({ resolvedFeatures: l }, { id: u, key: c }) => !l.some(
-      (f) => f.id === u && f.key === c
+    filter: ({ resolvedFeatures: l }, { id: d, key: u }) => !l.some(
+      (m) => m.id === d && m.key === u
     ),
-    fn: (l, u) => u,
+    fn: (l, d) => d,
     target: t.eventBus.prepend((l) => ({
       type: "feature_decide",
       feature: l
     }))
   }), x({
-    clock: [a.doneData, d.doneData],
+    clock: [a.doneData, c.doneData],
     source: r,
-    fn: (l, u) => !u || l.some(
-      (p) => p.id === u.id && p.key === u.key
-    ) ? l : [...l, u],
+    fn: (l, d) => !d || l.some(
+      (p) => p.id === d.id && p.key === d.key
+    ) ? l : [...l, d],
     target: r
   });
-  function v(l) {
-    return e.map((u) => u[l], { skipVoid: !1 });
+  function S(l) {
+    return e.map((d) => d[l], { skipVoid: !1 });
   }
   return {
     register: i,
-    getByName: v,
-    listStore: h
+    getByName: S,
+    listStore: g
   };
 });
-function Ce(t) {
-  return w(ze, t);
+function De(t) {
+  return I(ze, t);
 }
-const De = (t, e, r) => {
+const Ue = (t, e, r) => {
   r.register(t, e);
 }, P = b("history");
-function _(t, e) {
+function L(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
-    id: se(`history-entry-${Date.now()}-${Math.random()}}`),
+    id: ie(`history-entry-${Date.now()}-${Math.random()}}`),
     node: e,
     at: Date.now(),
     experienceId: t
   };
 }
-const Ue = k(() => {
+const Me = w(() => {
   const t = P.store({ entries: [] }), e = P.event(), r = P.event(), n = P.event(), i = P.event();
   t.on(e, (s, o) => ({
-    entries: [...s.entries, _(o.experienceId, o.node)]
+    entries: [...s.entries, L(o.experienceId, o.node)]
   })), t.on(r, (s, o) => ({
     entries: [
       ...s.entries.slice(0, -1),
-      _(o.experienceId, o.node)
+      L(o.experienceId, o.node)
     ]
   })), t.on(i, (s, o) => o);
   function a(s, o) {
-    const d = { lastStepIndex: -1, secondLastStepIndex: -1 };
-    for (let h = s.length - 1; h >= 0; h--) {
-      const v = s[h], l = v == null ? void 0 : v.node;
-      if (!(!l || !te(l)) && !(o && (v == null ? void 0 : v.experienceId) !== o))
-        if (d.lastStepIndex === -1)
-          d.lastStepIndex = h;
+    const c = { lastStepIndex: -1, secondLastStepIndex: -1 };
+    for (let g = s.length - 1; g >= 0; g--) {
+      const S = s[g], l = S == null ? void 0 : S.node;
+      if (!(!l || !re(l)) && !(o && (S == null ? void 0 : S.experienceId) !== o))
+        if (c.lastStepIndex === -1)
+          c.lastStepIndex = g;
         else {
-          d.secondLastStepIndex = h;
+          c.secondLastStepIndex = g;
           break;
         }
     }
-    return d;
+    return c;
   }
   return t.on(n, (s, o) => {
-    const { secondLastStepIndex: d } = a(s.entries, o.experienceId), h = d !== -1 ? s.entries.slice(0, d + 1) : s.entries;
+    const { secondLastStepIndex: c } = a(s.entries, o.experienceId), g = c !== -1 ? s.entries.slice(0, c + 1) : s.entries;
     return {
       ...s,
-      entries: h
+      entries: g
     };
   }), {
     push: e,
@@ -431,42 +431,52 @@ const Ue = k(() => {
     entriesStore: t.map((s) => s.entries)
   };
 });
-function Me() {
-  return w(Ue);
+function Ne() {
+  return I(Me);
 }
-const Te = () => C(), Ve = b("field"), Ne = k(() => {
-  const t = Ve.store({}), e = F(t, {
-    register(s, o) {
+const Ve = () => D(), Te = b("field"), _e = w(() => {
+  const t = Te.store({}), e = F(t, {
+    register(o, c) {
       return {
-        ...s,
-        [o.field.id]: o.field
+        ...o,
+        [c.field.id]: c.field
       };
     }
   });
-  function r(s) {
-    e.register({ field: s });
+  function r(o) {
+    e.register({ field: o });
+  }
+  function n(o, c) {
+    const g = a(o).getState();
+    if (!g)
+      return;
+    const S = Object.assign({}, g, {
+      ...c
+    });
+    e.register({ field: { ...S } });
   }
-  const n = t.map((s) => Object.values(s));
-  function i(s) {
-    return t.map((o) => o[s] || null);
+  const i = t.map((o) => Object.values(o));
+  function a(o) {
+    return t.map((c) => c[o] || null);
   }
-  function a(s) {
-    return t.map((o) => Object.values(o).find((d) => d.name === s) || null);
+  function s(o) {
+    return t.map((c) => Object.values(c).find((g) => g.name === o) || null);
   }
   return {
     register: r,
-    getById: i,
-    listStore: n,
-    getByName: a
+    update: n,
+    getById: a,
+    listStore: i,
+    getByName: s
   };
 });
-function _e() {
-  return w(Ne);
+function Le() {
+  return I(_e);
 }
-const Le = (t, e) => {
+const Ge = (t, e) => {
   e.register(t);
-}, Ge = b("action"), He = k(() => {
-  const t = Ge.store({}), e = F(t, {
+}, He = b("action"), qe = w(() => {
+  const t = He.store({}), e = F(t, {
     register(a, s) {
       return {
         ...a,
@@ -490,125 +500,125 @@ const Le = (t, e) => {
     listStore: n
   };
 });
-function qe() {
-  return w(He);
+function Ke() {
+  return I(qe);
 }
-const Ke = (t, e, r) => {
+const We = (t, e, r) => {
   r.register(t, e);
 };
-function L(t) {
+function G(t) {
   return typeof t > "u" || t === null || t === "" || Array.isArray(t) && !t.length;
 }
-const We = b("response"), Ye = k(({ client: t }) => {
-  const e = We.store({}), r = C(), n = C(), i = F(e, {
-    register(u, c) {
+const Ye = b("response"), Je = w(({ client: t }) => {
+  const e = Ye.store({}), r = D(), n = D(), i = F(e, {
+    register(d, u) {
       return {
-        ...u,
-        [c.fieldId]: c.response
+        ...d,
+        [u.fieldId]: u.response
       };
     },
-    registerBatch(u, c) {
+    registerBatch(d, u) {
       return {
-        ...u,
-        ...c
+        ...d,
+        ...u
       };
     },
-    clear(u, c) {
-      const { [c]: p, ...f } = u;
-      return f;
+    clear(d, u) {
+      const { [u]: p, ...m } = d;
+      return m;
     },
     clearAll() {
       return {};
     }
   });
-  function a(u, c) {
-    i.register({ fieldId: u, response: c });
+  function a(d, u) {
+    i.register({ fieldId: d, response: u });
   }
-  async function s(u) {
-    const c = [];
+  async function s(d) {
+    const u = [];
     return await Promise.allSettled(
-      Object.entries(u).map(async ([p, f]) => {
-        let g = f;
+      Object.entries(d).map(async ([p, m]) => {
+        let f = m;
         const y = t.fields.getById(p).getState();
         if (!y) {
-          c.push({
+          u.push({
             fieldId: p,
             userMessage: `Field '${p}' not found`,
             systemMessage: `No field with ID '${p}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,
-            value: g
+            value: f
           });
           return;
         }
-        if (y.multiple && (typeof g == "string" || typeof g == "number" || typeof g == "boolean") && (g = [g]), y.validation && !ie(y.validation) && !L(g)) {
-          const I = await E(t, y.validation, {
-            $input: g
+        if (y.multiple && (typeof f == "string" || typeof f == "number" || typeof f == "boolean") && (f = [f]), y.validation && !oe(y.validation) && !G(f)) {
+          const v = await j(t, y.validation, {
+            $input: f
           });
-          if (typeof I == "string") {
-            c.push({
+          if (typeof v == "string") {
+            u.push({
               fieldId: p,
-              userMessage: I,
-              systemMessage: `Field validation resulted in an error: ${I}.`,
-              value: g
+              userMessage: v,
+              systemMessage: `Field validation resulted in an error: ${v}.`,
+              value: f
             });
             return;
           }
-          if (I === !1) {
-            c.push({
+          if (v === !1) {
+            u.push({
               fieldId: p,
               userMessage: "This field is invalid",
               systemMessage: "Field validation resulted in an unspecified error.",
-              value: g
+              value: f
             });
             return;
           }
         }
-        if (y.required && L(g)) {
-          c.push({
+        if (y.required && G(f)) {
+          u.push({
             fieldId: p,
             userMessage: "This field is required",
             systemMessage: "Field is required.",
-            value: g
+            value: f
           });
           return;
         }
-        if (!y.multiple && Array.isArray(g) && g.length > 1) {
-          c.push({
+        if (!y.multiple && Array.isArray(f) && f.length > 1) {
+          u.push({
             fieldId: p,
             userMessage: "This field expects a single response",
             systemMessage: "Field expects a single response.",
-            value: g
+            value: f
           });
           return;
         }
         if (y.options) {
-          const I = y.options.map((j) => j.value), B = Array.isArray(g) ? g : [g];
-          Array.isArray(g) && (B.every((j) => I.includes(j)) || c.push({
+          const v = y.options.map((E) => E.value), R = Array.isArray(f) ? f : [f];
+          Array.isArray(f) && (R.every((E) => v.includes(E)) || u.push({
             fieldId: p,
             userMessage: "This field expects a valid option",
-            systemMessage: `Field expects a valid option. Valid options are: ${I.join(", ")}`,
-            value: g
+            systemMessage: `Field expects a valid option. Valid options are: ${v.join(", ")}`,
+            value: f
           }));
         }
       })
-    ), { responsesToCommit: u, validationErrors: c };
+    ), { responsesToCommit: d, validationErrors: u };
   }
-  async function o(u) {
-    const { responsesToCommit: c, validationErrors: p } = await s(u);
-    return p.length ? { errors: p } : (i.registerBatch(c), { errors: [] });
+  async function o(d) {
+    const { responsesToCommit: u, validationErrors: p } = await s(d);
+    return p.length ? { errors: p } : (i.registerBatch(u), { errors: [] });
   }
-  const d = e.map((u) => u), h = e.map((u) => Object.keys(u).map((p) => ({
+  const c = e.map((d) => d), g = e.map((d) => Object.keys(d).map((p) => ({
     fieldId: p,
-    value: u[p]
+    value: d[p]
   })));
-  function v(u) {
-    const c = t.fields.getById(u), p = e.map((f) => f[u] || null);
-    return z({ f: c, r: p }, ({ f, r: g }) => g || (f != null && f.defaultValue ? f.defaultValue : null));
-  }
-  function l(u) {
-    const c = t.fields.getByName(u);
-    return z({ f: c, s: e }, ({ f: p, s: f }) => {
-      const g = p && f[p.id] || null;
-      return g || (p != null && p.defaultValue ? p.defaultValue : null);
+  function S(d) {
+    const u = t.fields.getById(d), p = e.map((m) => m[d] || null);
+    return z({ f: u, r: p }, ({ f: m, r: f }) => f || (m != null && m.defaultValue ? m.defaultValue : null));
+  }
+  function l(d) {
+    const u = t.fields.getByName(d);
+    return z({ f: u, s: e }, ({ f: p, s: m }) => {
+      const f = p && m[p.id] || null;
+      return f || (p != null && p.defaultValue ? p.defaultValue : null);
     });
   }
   return x({
@@ -623,18 +633,18 @@ const We = b("response"), Ye = k(({ client: t }) => {
     clear: n,
     commit: o,
     getResponsesToCommit: s,
-    listStore: h,
-    getAllStore: d,
-    getByFieldId: v,
+    listStore: g,
+    getAllStore: c,
+    getByFieldId: S,
     getByFieldName: l
   };
 });
-function Je(t) {
-  return w(Ye, t);
+function Qe(t) {
+  return I(Je, t);
 }
-const Qe = () => "0.0.1-dev.1765991816856";
-function Xe() {
-  if (D()) {
+const Xe = () => "0.0.1-dev.1767591456821";
+function Ze() {
+  if (U()) {
     const t = [
       document.currentScript,
       document.getElementById("picked_script"),
@@ -648,8 +658,8 @@ function Xe() {
   }
   return "https://api.picked.app";
 }
-function Ze() {
-  if (!U())
+function et() {
+  if (!M())
     return {};
   const t = new URLSearchParams(window.location.search), e = {}, r = /* @__PURE__ */ new Set();
   for (const [i] of t.entries())
@@ -658,24 +668,24 @@ function Ze() {
     const a = i.replace("picked-", "");
     e[a] = t.getAll(i);
   }
-  const n = R("s");
+  const n = A("s");
   if (r.size > 0)
-    O.set(n, e);
+    C.set(n, e);
   else {
-    const i = O.get(n);
+    const i = C.get(n);
     if (i)
       return i.json() || {};
   }
   return e;
 }
-function et() {
-  if (ae())
+function tt() {
+  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 tt = R("session", "global"), rt = () => {
-  const t = $.get(tt);
+const rt = A("session", "global"), nt = () => {
+  const t = O.get(rt);
   let e;
   t.isSet() && (e = t.json());
   const r = (i) => t.set({
@@ -683,7 +693,7 @@ const tt = R("session", "global"), rt = () => {
     isUser: i.isUser,
     identifiers: i.identifiers
   }), n = {
-    id: (e == null ? void 0 : e.id) ?? et(),
+    id: (e == null ? void 0 : e.id) ?? tt(),
     isUser: (e == null ? void 0 : e.isUser) ?? void 0,
     identifiers: (e == null ? void 0 : e.identifiers) ?? void 0,
     setIsUser(i) {
@@ -699,19 +709,19 @@ const tt = R("session", "global"), rt = () => {
     }
   };
   return r(n), n;
-}, nt = () => oe() ? rt() : null;
-function st() {
-  if (U())
+}, st = () => ae() ? nt() : null;
+function it() {
+  if (M())
     return globalThis.window.pickedConfig;
 }
-function it() {
-  if (!U())
+function ot() {
+  if (!M())
     return;
-  const t = st(), e = t == null ? void 0 : t.organizationId, r = t == null ? void 0 : t.projectId;
+  const t = it(), e = t == null ? void 0 : t.organizationId, r = t == null ? void 0 : t.projectId;
   return e && r ? { organizationId: e, projectId: r } : void 0;
 }
-function ot() {
-  if (!D())
+function at() {
+  if (!U())
     return;
   const t = document.getElementById("picked_script") || document.querySelector("script#picked") || // legacy support for 'cvly' script tag
   document.getElementById("cvly");
@@ -720,14 +730,14 @@ function ot() {
   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 at(t) {
+function ct(t) {
   const { organizationId: e, projectId: r } = t;
   if (e && r)
     return { organizationId: e, projectId: r };
-  const n = it();
+  const n = ot();
   if (n)
     return n;
-  const i = ot();
+  const i = at();
   if (i)
     return i;
   throw new Error(
@@ -737,73 +747,184 @@ function at(t) {
       (3) a <script> tag with id 'picked_script', 'picked', or 'cvly' that includes data-organizationid/data-projectid (or organization-id/project-id) attributes.`
   );
 }
-class K {
+function B(t) {
+  return t == null || t === "" || Number.isNaN(t);
+}
+const ut = {
+  default: (t, e) => B(t) ? String(e ?? "") : String(t),
+  append: (t, e) => e && !B(t) ? `${t} ${e}` : t,
+  prepend: (t, e) => e && !B(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,
+  list: (t) => {
+    if (!t || typeof t != "object")
+      return t;
+    const e = new Intl.ListFormat("en", { style: "long", type: "conjunction" });
+    if (Array.isArray(t))
+      return e.format(t.map(String));
+    if (t instanceof Map) {
+      const r = Array.from(t.entries()).map(([n, i]) => `${n}: ${i}`);
+      return e.format(r);
+    }
+    return t instanceof Set ? e.format(Array.from(t).map(String)) : t;
+  }
+};
+function dt(t) {
+  return typeof t == "object" && t !== null;
+}
+function lt(t, e) {
+  let r = e;
+  for (const n of t.split("."))
+    if (dt(r) && n in r)
+      r = r[n];
+    else
+      return;
+  return typeof r == "function" ? r() : r;
+}
+function pt(t, e) {
+  const r = t.split("|").map((a) => a.trim()), n = r.shift() ?? "";
+  let i = lt(n, e);
+  for (const a of r) {
+    const [s, ...o] = a.split(":"), c = (s == null ? void 0 : s.trim()) ?? "", g = o.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), S = ut[c];
+    S && (i = S(i, g));
+  }
+  return B(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
+}
+function ft(t, e) {
+  let r = "", n = 0;
+  for (; n < t.length; )
+    if (t[n] === "{" && t[n + 1] === "{") {
+      n += 2;
+      let i = "";
+      for (; n < t.length; ) {
+        if (t[n] === "}" && t[n + 1] === "}") {
+          n += 2;
+          break;
+        }
+        i += t[n++];
+      }
+      r += pt(i.trim(), e);
+    } else
+      r += t[n++];
+  return r;
+}
+class W {
   constructor(e) {
-    m(this, "options");
-    m(this, "isReady", !1);
-    m(this, "project");
-    m(this, "plugins", {});
-    m(this, "eventBus", Te());
-    m(this, "organizationId");
-    m(this, "projectId");
-    m(this, "apiUrl");
-    m(this, "session");
-    m(this, "precondition");
-    m(this, "condition");
-    m(this, "searchParams", Ze());
-    m(this, "history", Me());
-    m(this, "components", ke({ client: this }));
-    m(this, "experienceInstances", re({ client: this }));
-    m(this, "experiences", pe({ client: this }));
-    m(this, "frameworks", be({ client: this }));
-    m(this, "predicates", $e({ client: this }));
-    m(this, "features", Ce({ client: this }));
-    m(this, "responses", Je({ client: this }));
-    m(this, "fields", _e());
-    m(this, "actions", qe());
-    S("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() }), S("info", "Picked client initialized.");
+    h(this, "options");
+    h(this, "isReady", !1);
+    h(this, "project");
+    h(this, "plugins", {});
+    h(this, "eventBus", Ve());
+    h(this, "organizationId");
+    h(this, "projectId");
+    h(this, "apiUrl");
+    h(this, "session");
+    h(this, "precondition");
+    h(this, "condition");
+    h(this, "searchParams", et());
+    h(this, "history", Ne());
+    h(this, "components", Ie({ client: this }));
+    h(this, "experienceInstances", ne({ client: this }));
+    h(this, "experiences", fe({ client: this }));
+    h(this, "frameworks", Fe({ client: this }));
+    h(this, "predicates", Oe({ client: this }));
+    h(this, "features", De({ client: this }));
+    h(this, "responses", Qe({ client: this }));
+    h(this, "fields", Le());
+    h(this, "actions", Ke());
+    /**
+     * 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((i, a) => (i[a.fieldId] = a.value, i), {});
+      return ft(e, {
+        ...r,
+        responses: n
+      });
+    });
+    k("info", "Picked client initializing.");
+    const { organizationId: r, projectId: n } = ct(e);
+    this.organizationId = r, this.projectId = n, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || Ze(), this.session = st(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: Xe() }), k("info", "Picked client initialized.");
   }
   start() {
-    Pe(this), (async () => {
-      if (!D())
+    Ae(this), (async () => {
+      if (!U())
         return;
       let r;
-      typeof this.precondition > "u" ? r = !0 : typeof this.precondition == "boolean" ? r = this.precondition : r = await E(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 E(this, this.condition) === !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 a = n;
         this.session.setIsUser(a), this.eventBus({ type: "user_decide", value: a });
       }
-      this.eventBus({ type: "initialize" }), document.body && i && T(this), await ne(), i && T(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session && this.eventBus({ type: "session", ...this.session });
+      this.eventBus({ type: "initialize" }), document.body && i && V(this), await se(), i && V(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session && this.eventBus({ type: "session", ...this.session });
     })();
   }
   registerFramework(e) {
-    Fe(e, this.frameworks);
+    xe(e, this.frameworks);
   }
   registerComponent(e, r) {
-    V(e, r, this.components);
+    T(e, r, this.components);
   }
   registerPlugin(e) {
-    me(this, e, this.plugins);
+    he(this, e, this.plugins);
   }
   registerFeature(e, r) {
-    De(e, r, this.features);
+    Ue(e, r, this.features);
   }
   registerPredicate(e, r) {
-    Oe(e, r, this.predicates);
+    Ce(e, r, this.predicates);
   }
   registerField(e) {
-    Le(e, this.fields);
+    Ge(e, this.fields);
   }
   registerAction(e, r) {
-    Ke(e, r, this.actions);
+    We(e, r, this.actions);
   }
   registerExperience(e) {
-    e.component && V(`experience:${e.id}`, e.component, this.components), ge(e, this.experiences);
+    e.component && T(`experience:${e.id}`, e.component, this.components), ge(e, this.experiences);
   }
   getStateSnapshot() {
     return Re(this);
@@ -811,10 +932,10 @@ class K {
   async launchExperienceById(e) {
     const r = this.experiences.getById(e).getState();
     if (!r) {
-      S("warn", `Experience with id '${e}' not found.`);
+      k("warn", `Experience with id '${e}' not found.`);
       return;
     }
-    q(this, r);
+    K(this, r);
   }
   // private async fetchProject() {
   //   if (this.project) {
@@ -869,7 +990,7 @@ class K {
     const e = this.options.predicates;
     e && Object.entries(e).forEach(([r, n]) => {
       if (typeof n != "function") {
-        S("warn", `Predicate "${r}" is not a function.`);
+        k("warn", `Predicate "${r}" is not a function.`);
         return;
       }
       this.registerPredicate(r, n);
@@ -879,7 +1000,7 @@ class K {
     const e = this.options.actions;
     e && Object.entries(e).forEach(([r, n]) => {
       if (typeof n != "function") {
-        S("warn", `Action "${r}" is not a function.`);
+        k("warn", `Action "${r}" is not a function.`);
         return;
       }
       this.registerAction(r, n);
@@ -889,52 +1010,52 @@ class K {
     return this.plugins[e] ?? {};
   }
 }
-m(K, "logger", S);
-function W(t) {
+h(W, "logger", k);
+function Y(t) {
   var e;
   return ((e = t.options) == null ? void 0 : e.some((r) => "condition" in r)) ?? !1;
 }
-function ct(t) {
-  return t.some((e) => e.condition || W(e));
+function gt(t) {
+  return t.some((e) => e.condition || Y(e));
 }
-async function vt(t, e) {
-  return e.length === 0 || !ct(e) ? e : (await Promise.all(
+async function Ft(t, e) {
+  return e.length === 0 || !gt(e) ? e : (await Promise.all(
     e.map(async (n) => {
-      if (!(n.condition ? await E(t, n.condition) : !0))
+      if (!(n.condition ? await j(t, n.condition) : !0))
         return null;
-      if (!n.options || !W(n))
+      if (!n.options || !Y(n))
         return n;
       const s = (await Promise.all(
-        n.options.map(async (d) => d.condition ? await E(t, d.condition) ? d : null : d)
-      )).filter((d) => d !== null);
+        n.options.map(async (c) => c.condition ? await j(t, c.condition) ? c : null : c)
+      )).filter((c) => c !== null);
       return s.length === n.options.length ? n : s.length === 0 ? null : { ...n, options: s };
     })
   )).filter((n) => n !== null);
 }
-const St = (t) => {
-  const e = new K(t);
-  return ce(e), e;
+const xt = (t) => {
+  const e = new W(t);
+  return ue(e), e;
 };
 export {
-  K as Picked,
-  St as createClient,
-  R as createStorageKey,
-  E as evaluateRuleLogic,
-  st as getPickedConfig,
-  vt as getStepFields,
-  It as isPickedRoot,
-  $ as localStore,
-  O as sessionStore,
-  Ft as subscribe,
-  Et as supportsCookies,
-  ae as supportsCryptoRandomUUID,
-  D as supportsDocument,
-  jt as supportsHistory,
-  Pt as supportsIntersectionObserver,
-  oe as supportsLocalStorage,
-  Rt as supportsLocation,
-  Bt as supportsSessionStorage,
-  At as supportsShadowRoot,
-  $t as supportsWebComponents,
-  U as supportsWindow
+  W as Picked,
+  xt as createClient,
+  A as createStorageKey,
+  j as evaluateRuleLogic,
+  it as getPickedConfig,
+  Ft as getStepFields,
+  Pt as isPickedRoot,
+  O as localStore,
+  C as sessionStore,
+  Rt as subscribe,
+  Bt as supportsCookies,
+  ce as supportsCryptoRandomUUID,
+  U as supportsDocument,
+  Ot as supportsHistory,
+  Ct as supportsIntersectionObserver,
+  ae as supportsLocalStorage,
+  zt as supportsLocation,
+  Dt as supportsSessionStorage,
+  Ut as supportsShadowRoot,
+  Mt as supportsWebComponents,
+  M as supportsWindow
 };