@picked/client 0.0.1-dev.1770256874555 → 0.0.1-dev.1770787109735

package/dist/esm/index.js

@@ -1,21 +1,21 @@
-import { createDomain as x, createApi as j, createStore as q, createEffect as $, sample as F, attach as Z, combine as D, createEvent as N } from "effector";
+import { createDomain as x, createApi as j, createStore as q, createEffect as $, sample as I, attach as ee, combine as V, createEvent as N } from "effector";
 import { createFactory as w, invoke as b } from "@withease/factories";
-import { g as K, t as ee, c as te, i as re, e as E, a as se, b as ne, d as ie } from "../experience-instance-D0bQ9DzM.js";
+import { g as K, t as te, c as re, i as se, e as E, a as ne, b as ie, d as oe } from "../experience-instance-D0bQ9DzM.js";
 import { f as At } from "../experience-instance-D0bQ9DzM.js";
 import { l as k } from "../logger-C9a75KZn.js";
-import { c as A, l as C, s as O } from "../storage-Co_LbKr_.js";
+import { c as A, l as z, s as C } from "../storage-Co_LbKr_.js";
 import { a as Rt } from "../storage-Co_LbKr_.js";
-import { g as oe } from "../id-BW-g3y32.js";
-import { i as ae } from "../object-JwZ58NOH.js";
-import { s as T, a as U, b as ce, c as ue, d as de } from "../supports-8YT4QKI7.js";
-import { e as zt, f as Ct, g as Ot, h as Mt, i as Vt, j as Dt, k as Nt } from "../supports-8YT4QKI7.js";
-const W = x("experience"), le = w(
+import { g as ae } from "../id-BW-g3y32.js";
+import { i as ce } from "../object-JwZ58NOH.js";
+import { s as T, a as U, b as ue, c as de, d as le } from "../supports-8YT4QKI7.js";
+import { e as Ot, f as zt, g as Ct, h as Mt, i as Dt, j as Vt, k as Nt } from "../supports-8YT4QKI7.js";
+const W = x("experience"), pe = w(
   ({ client: t, experience: e }) => {
     const r = W.store(e), s = j(r, {
-      merge(p, h) {
+      merge(p, y) {
         return {
           ...p,
-          ...h.experience
+          ...y.experience
         };
       }
     }), i = r.map((p) => ({
@@ -23,70 +23,70 @@ const W = x("experience"), le = w(
       decisionLogic: p.condition ?? p.decide,
       targetSelectors: p.targets,
       initializeOpenLogic: e.initializeOpen
-    })), d = t.components.listStore.map(
-      (p) => p.find((h) => h.name === `experience:${e.id}`) || p.find((h) => h.name === "experience"),
+    })), l = t.components.listStore.map(
+      (p) => p.find((y) => y.name === `experience:${e.id}`) || p.find((y) => y.name === "experience"),
       { skipVoid: !1 }
     ), o = r.map((p) => ({
       steps: p.steps,
       nodes: p.nodes,
       edges: p.edges,
       conditionals: p.conditionals
-    })), n = r.map((p) => p.fields), l = e.actions ?? [];
+    })), a = r.map((p) => p.fields), g = e.actions ?? [];
     return {
       id: e.id,
       configStore: i,
       treeStore: o,
-      fieldsStore: n,
-      componentStore: d,
-      actions: l,
+      fieldsStore: a,
+      componentStore: l,
+      actions: g,
       merge: s.merge
     };
   }
 );
-function pe(t) {
-  return b(le, t);
+function fe(t) {
+  return b(pe, t);
 }
-const fe = w(({ client: t }) => {
+const ge = w(({ client: t }) => {
   const e = W.store({}), r = j(e, {
-    register(o, n) {
+    register(o, a) {
       return {
         ...o,
-        [n.id]: n
+        [a.id]: a
       };
     }
   });
   function s(o) {
-    const n = e.getState()[o.id];
-    if (n) {
-      n.merge({ experience: o, strategy: "override" });
+    const a = e.getState()[o.id];
+    if (a) {
+      a.merge({ experience: o, strategy: "override" });
       return;
     }
-    const l = pe({ client: t, experience: o });
-    r.register(l);
+    const g = fe({ client: t, experience: o });
+    r.register(g);
   }
   const i = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((n) => n[o], { skipVoid: !1 });
+  function l(o) {
+    return e.map((a) => a[o], { skipVoid: !1 });
   }
   return {
     register: s,
-    getById: d,
+    getById: l,
     listStore: i
   };
 });
-function ge(t) {
-  return b(fe, t);
+function me(t) {
+  return b(ge, t);
 }
-const me = (t, e) => {
+const ye = (t, e) => {
   e.register(t);
 }, Y = (t, e) => {
   const { targetSelectors: r } = e.configStore.getState(), s = K(r, e.id);
   s.forEach(
-    ({ elements: d }) => d.forEach((o) => ee(o, e.id))
-  ), te(s, e.id).forEach((d) => {
-    t.experienceInstances.spawn(e, d);
+    ({ elements: l }) => l.forEach((o) => te(o, e.id))
+  ), re(s, e.id).forEach((l) => {
+    t.experienceInstances.spawn(e, l);
   });
-}, _ = async (t) => {
+}, L = async (t) => {
   await Promise.all(
     t.experiences.listStore.getState().map(async (e) => {
       await he(t, e) && Y(t, e);
@@ -94,14 +94,14 @@ const me = (t, e) => {
   );
 }, he = async (t, e) => {
   const { decisionLogic: r, targetSelectors: s } = e.configStore.getState();
-  return K(s, e.id).length < 1 || s.length === 0 ? !1 : r && re(r) ? await E(t, r) === !0 : !0;
-}, ye = (t, e, r) => {
+  return K(s, e.id).length < 1 || s.length === 0 ? !1 : r && se(r) ? await E(t, r) === !0 : !0;
+}, Se = (t, e, r) => {
   const s = e.name, i = e.setup(t);
   if (i) {
-    const d = r[s] ?? {};
-    r[s] = Object.freeze({ ...d, ...i });
+    const l = r[s] ?? {};
+    r[s] = Object.freeze({ ...l, ...i });
   }
-}, Se = x("component"), ve = w(
+}, ve = x("component"), ke = w(
   ({ client: t, component: e, name: r }) => {
     const s = t.frameworks.getByName(e.frameworkName);
     return {
@@ -111,87 +111,87 @@ const me = (t, e) => {
     };
   }
 );
-function ke(t) {
-  return b(ve, t);
+function we(t) {
+  return b(ke, t);
 }
-const we = w(({ client: t }) => {
-  const e = Se.store({}), r = j(e, {
-    register(o, n) {
+const be = w(({ client: t }) => {
+  const e = ve.store({}), r = j(e, {
+    register(o, a) {
       return {
         ...o,
-        [n.name]: n
+        [a.name]: a
       };
     }
   });
-  function s(o, n) {
+  function s(o, a) {
     e.getState()[o] && k(
       "warn",
       `Component '${o}' already registered. Registering again will override the previous registration.`
     );
-    const p = ke({ client: t, name: o, component: n });
+    const p = we({ client: t, name: o, component: a });
     r.register(p);
   }
   const i = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((n) => n[o], { skipVoid: !1 });
+  function l(o) {
+    return e.map((a) => a[o], { skipVoid: !1 });
   }
   return {
     register: s,
-    getByName: d,
+    getByName: l,
     listStore: i
   };
 });
-function be(t) {
-  return b(we, t);
+function Fe(t) {
+  return b(be, t);
 }
-const L = (t, e, r) => {
+const _ = (t, e, r) => {
   r.register(t, e);
-}, Ie = x("framework"), Fe = w(({ client: t }) => {
+}, Ie = x("framework"), xe = w(({ client: t }) => {
   const e = Ie.store({}), r = j(e, {
-    register(o, n) {
+    register(o, a) {
       return {
         ...o,
-        [n.name]: n.framework
+        [a.name]: a.framework
       };
     }
   });
-  function s(o, n) {
+  function s(o, a) {
     e.getState()[o] && k(
       "warn",
       `Framework '${o}' already registered. Registering again will override the previous registration.`
-    ), r.register({ name: o, framework: n });
+    ), r.register({ name: o, framework: a });
   }
   const i = e.map((o) => Object.values(o));
-  function d(o) {
-    return e.map((n) => n[o], { skipVoid: !1 });
+  function l(o) {
+    return e.map((a) => a[o], { skipVoid: !1 });
   }
   return {
     register: s,
-    getByName: d,
+    getByName: l,
     listStore: i
   };
 });
-function xe(t) {
-  return b(Fe, t);
+function je(t) {
+  return b(xe, t);
 }
-const je = (t, e) => {
+const Ee = (t, e) => {
   e.register(t.name, t);
-}, Ee = 6e3, Pe = A("last_ping", "global"), Ae = (t) => `${t}/api/v1/ping`, Be = async (t) => {
+}, Pe = 6e3, Ae = A("last_ping", "global"), Be = (t) => `${t}/api/v1/ping`, Re = async (t) => {
   try {
-    const e = Date.now(), r = C.get(Pe);
+    const e = Date.now(), r = z.get(Ae);
     let s = 0;
-    if (r.isSet() && (s = r.json() ?? 0), s && e - s < Ee)
+    if (r.isSet() && (s = r.json() ?? 0), s && e - s < Pe)
       return !0;
-    const i = Ae(t.apiUrl), d = {
+    const i = Be(t.apiUrl), l = {
       projectId: t.projectId,
       path: window.location.pathname
-    }, o = JSON.stringify(d), n = {
+    }, o = JSON.stringify(l), a = {
       "Content-Type": "application/json"
     }, p = document.getElementById("picked_script")?.dataset.verceltoken;
-    p && (n["x-vercel-protection-bypass"] = p);
+    p && (a["x-vercel-protection-bypass"] = p);
     const S = (await fetch(i, {
       method: "POST",
-      headers: n,
+      headers: a,
       body: o
     })).ok;
     return S && r.set(e), S;
@@ -211,147 +211,147 @@ function Q(t) {
   };
   return Object.freeze(r);
 }
-const Re = x("predicate"), $e = w(({ client: t }) => {
-  const e = Re.store({}), r = j(e, {
-    register(n, l) {
+const $e = x("predicate"), Oe = w(({ client: t }) => {
+  const e = $e.store({}), r = j(e, {
+    register(a, g) {
       return {
-        ...n,
-        [l.name]: {
-          name: l.name,
-          predicate: l.predicate
+        ...a,
+        [g.name]: {
+          name: g.name,
+          predicate: g.predicate
         }
       };
     }
   });
-  function s(n, l) {
-    e.getState()[n] && k(
+  function s(a, g) {
+    e.getState()[a] && k(
       "warn",
-      `Predicate '${n}' already registered. Registering again will override the previous registration.`
-    ), r.register(Object.freeze({ name: n, predicate: l }));
+      `Predicate '${a}' already registered. Registering again will override the previous registration.`
+    ), r.register(Object.freeze({ name: a, predicate: g }));
   }
-  const i = e.map((n) => Object.values(n));
-  function d(n) {
-    return e.map((l) => l[n]?.predicate, { skipVoid: !1 });
+  const i = e.map((a) => Object.values(a));
+  function l(a) {
+    return e.map((g) => g[a]?.predicate, { skipVoid: !1 });
   }
-  function o(n) {
-    const l = q(() => {
+  function o(a) {
+    const g = q(() => {
     }, {
       skipVoid: !1
     }), p = $(async () => {
-      const h = d(n).getState();
-      if (!h)
+      const y = l(a).getState();
+      if (!y)
         return;
       const S = Q(t);
-      return (...m) => h({ ...S, args: m });
+      return (...d) => y({ ...S, args: d });
     });
-    return F({
+    return I({
       source: { responses: t.responses.listStore, fields: t.fields.listStore },
       target: p
-    }), F({
+    }), I({
       clock: p.doneData,
-      filter: (h) => h !== void 0,
-      target: l
-    }), p(), l;
+      filter: (y) => y !== void 0,
+      target: g
+    }), p(), g;
   }
   return {
     register: s,
-    getByName: d,
+    getByName: l,
     listStore: i,
     getEvokablePredicate: o
   };
 });
 function ze(t) {
-  return b($e, t);
+  return b(Oe, t);
 }
 const Ce = (t, e, r) => {
   r.register(t, e);
-}, J = x("feature"), Oe = w(({ client: t }) => {
+}, J = x("feature"), Me = w(({ client: t }) => {
   const e = J.store({}), r = J.store([]), s = j(e, {
-    register(a, c) {
+    register(n, c) {
       return {
-        ...a,
+        ...n,
         [c.id]: c.feature
       };
     }
   });
-  function i(a, c) {
-    e.getState()[a] && k(
+  function i(n, c) {
+    e.getState()[n] && k(
       "warn",
-      `Feature '${a}' already registered. Registering again will override the previous registration.`
+      `Feature '${n}' already registered. Registering again will override the previous registration.`
     );
     const u = {
-      id: a,
+      id: n,
       feature: {
         ...c,
-        id: a
+        id: n
       }
     };
     s.register(
       Object.freeze({
-        id: a,
+        id: n,
         feature: u
       })
     );
   }
-  const d = $(
+  const l = $(
     async ({
-      id: a,
+      id: n,
       key: c,
       storage: f = "local"
     }) => {
-      const u = A(`feature:${a}:${c}`, "global"), y = (f === "session" ? O : C).get(u).boolean();
-      return y === null ? null : { id: a, key: c, bucket: y, storage: f };
+      const u = A(`feature:${n}:${c}`, "global"), h = (f === "session" ? C : z).get(u).boolean();
+      return h === null ? null : { id: n, key: c, bucket: h, storage: f };
     }
-  ), o = $((a) => {
-    if (!a)
+  ), o = $((n) => {
+    if (!n)
       return null;
-    const c = A(`feature:${a.id}:${a.key}`, "global");
-    (a.storage === "session" ? O : C).set(c, a.bucket);
-  }), n = /* @__PURE__ */ new Map(), l = Z({
+    const c = A(`feature:${n.id}:${n.key}`, "global");
+    (n.storage === "session" ? C : z).set(c, n.bucket);
+  }), a = /* @__PURE__ */ new Map(), g = ee({
     source: { allFeaturesStore: e, resolvedFeaturesStore: r },
-    effect: async ({ allFeaturesStore: a, resolvedFeaturesStore: c }, { id: f, decide: u, key: g }) => {
-      const y = c.find(
-        (R) => R.id === f && R.key === g
+    effect: async ({ allFeaturesStore: n, resolvedFeaturesStore: c }, { id: f, decide: u, key: m }) => {
+      const h = c.find(
+        (R) => R.id === f && R.key === m
       );
-      if (y)
-        return y;
-      const I = a[f];
-      if (!I)
+      if (h)
+        return h;
+      const F = n[f];
+      if (!F)
         throw new Error(`Feature with id '${f}' not found`);
-      const B = n.get(`${f}:${g}`);
+      const B = a.get(`${f}:${m}`);
       if (B !== void 0) {
         const R = await B;
-        return { id: I.id, bucket: R, key: g, storage: I.feature.storage };
+        return { id: F.id, bucket: R, key: m, storage: F.feature.storage };
       }
       const v = u();
-      n.set(`${f}:${g}`, v);
-      const M = await v;
-      return { id: I.id, bucket: M, key: g, storage: I.feature.storage };
+      a.set(`${f}:${m}`, v);
+      const Z = await v;
+      return { id: F.id, bucket: Z, key: m, storage: F.feature.storage };
     }
   });
-  F({
+  I({
     clock: s.register,
-    fn: (a) => {
-      const { id: c, feature: f } = a;
+    fn: (n) => {
+      const { id: c, feature: f } = n;
       return { id: c, key: f.feature.key, storage: f.feature.storage };
     },
-    target: d
-  }), F({
+    target: l
+  }), I({
     source: e,
-    clock: l.doneData,
-    fn: (a, c) => {
-      const { id: f, bucket: u, storage: g } = c, y = a[f]?.feature.key;
-      return y ? { key: y, id: f, bucket: u, storage: g } : null;
+    clock: g.doneData,
+    fn: (n, c) => {
+      const { id: f, bucket: u, storage: m } = c, h = n[f]?.feature.key;
+      return h ? { key: h, id: f, bucket: u, storage: m } : null;
     },
     target: o
   });
-  const p = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
+  const p = V({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
     ({
-      allFeaturesStore: a,
+      allFeaturesStore: n,
       resolvedFeaturesStore: c
-    }) => Object.values(a).map((f) => {
+    }) => Object.values(n).map((f) => {
       const u = c.find(
-        (g) => g.id === f.id && g.key === f.feature.key
+        (m) => m.id === f.id && m.key === f.feature.key
       );
       return u ? {
         id: f.id,
@@ -363,51 +363,51 @@ const Ce = (t, e, r) => {
         id: f.id,
         name: f.feature.name,
         key: f.feature.key,
-        getBucket: async () => await l(f.feature),
+        getBucket: async () => await g(f.feature),
         isResolved: !1
       };
     })
   );
-  F({
-    clock: l.doneData,
+  I({
+    clock: g.doneData,
     source: { resolvedFeatures: r },
-    filter: ({ resolvedFeatures: a }, { id: c, key: f }) => !a.some(
-      (g) => g.id === c && g.key === f
+    filter: ({ resolvedFeatures: n }, { id: c, key: f }) => !n.some(
+      (m) => m.id === c && m.key === f
     ),
-    fn: (a, c) => c,
-    target: t.eventBus.prepend((a) => ({
+    fn: (n, c) => c,
+    target: t.eventBus.prepend((n) => ({
       type: "feature_decide",
-      feature: a
+      feature: n
     }))
-  }), F({
-    clock: [d.doneData, l.doneData],
+  }), I({
+    clock: [l.doneData, g.doneData],
     source: r,
-    fn: (a, c) => !c || a.some(
+    fn: (n, c) => !c || n.some(
       (u) => u.id === c.id && u.key === c.key
-    ) ? a : [...a, c],
+    ) ? n : [...n, c],
     target: r
   });
-  function h(a) {
-    return p.map((c) => c.find((f) => f.id === a));
+  function y(n) {
+    return p.map((c) => c.find((f) => f.id === n));
   }
-  function S(a) {
-    return e.map((c) => c[a], { skipVoid: !1 });
+  function S(n) {
+    return e.map((c) => c[n], { skipVoid: !1 });
   }
-  function m(a) {
+  function d(n) {
     const c = q(
       async () => {
       },
       { skipVoid: !1 }
     ), f = $(async () => {
-      const u = h(a).getState();
+      const u = y(n).getState();
       if (u)
         return async () => (await u.getBucket()).bucket;
     });
-    return F({
+    return I({
       source: r,
-      filter: (u) => u.some((g) => g.id === a),
+      filter: (u) => u.some((m) => m.id === n),
       target: f
-    }), F({
+    }), I({
       clock: f.doneData,
       filter: (u) => u !== void 0,
       target: c
@@ -415,14 +415,14 @@ const Ce = (t, e, r) => {
   }
   return {
     register: i,
-    getById: h,
+    getById: y,
     getByName: S,
     listStore: p,
-    getEvokableFeature: m
+    getEvokableFeature: d
   };
 });
-function Me(t) {
-  return b(Oe, t);
+function De(t) {
+  return b(Me, t);
 }
 const Ve = (t, e, r) => {
   r.register(t, e);
@@ -430,38 +430,38 @@ const Ve = (t, e, r) => {
 function G(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
-    id: oe(`history-entry-${Date.now()}-${Math.random()}}`),
+    id: ae(`history-entry-${Date.now()}-${Math.random()}}`),
     node: e,
     at: Date.now(),
     experienceId: t
   };
 }
-const De = w(() => {
+const Ne = w(() => {
   const t = P.store({ entries: [] }), e = P.event(), r = P.event(), s = P.event(), i = P.event();
-  t.on(e, (o, n) => ({
-    entries: [...o.entries, G(n.experienceId, n.node)]
-  })), t.on(r, (o, n) => ({
+  t.on(e, (o, a) => ({
+    entries: [...o.entries, G(a.experienceId, a.node)]
+  })), t.on(r, (o, a) => ({
     entries: [
       ...o.entries.slice(0, -1),
-      G(n.experienceId, n.node)
+      G(a.experienceId, a.node)
     ]
-  })), t.on(i, (o, n) => n);
-  function d(o, n) {
-    const l = { lastStepIndex: -1, secondLastStepIndex: -1 };
+  })), t.on(i, (o, a) => a);
+  function l(o, a) {
+    const g = { lastStepIndex: -1, secondLastStepIndex: -1 };
     for (let p = o.length - 1; p >= 0; p--) {
-      const h = o[p], S = h?.node;
-      if (!(!S || !se(S)) && !(n && h?.experienceId !== n))
-        if (l.lastStepIndex === -1)
-          l.lastStepIndex = p;
+      const y = o[p], S = y?.node;
+      if (!(!S || !ne(S)) && !(a && y?.experienceId !== a))
+        if (g.lastStepIndex === -1)
+          g.lastStepIndex = p;
         else {
-          l.secondLastStepIndex = p;
+          g.secondLastStepIndex = p;
           break;
         }
     }
-    return l;
+    return g;
   }
-  return t.on(s, (o, n) => {
-    const { secondLastStepIndex: l } = d(o.entries, n.experienceId), p = l !== -1 ? o.entries.slice(0, l + 1) : o.entries;
+  return t.on(s, (o, a) => {
+    const { secondLastStepIndex: g } = l(o.entries, a.experienceId), p = g !== -1 ? o.entries.slice(0, g + 1) : o.entries;
     return {
       ...o,
       entries: p
@@ -474,74 +474,109 @@ const De = w(() => {
     entriesStore: t.map((o) => o.entries)
   };
 });
-function Ne() {
-  return b(De);
+function Te() {
+  return b(Ne);
 }
-const Te = () => N(), Ue = x("field"), _e = w(() => {
-  const t = Ue.store({}), e = j(t, {
-    register(n, l) {
+const Ue = () => N(), M = x("field"), Le = w(({ client: t }) => {
+  const e = M.store({}), r = j(e, {
+    register(d, n) {
       return {
-        ...n,
-        [l.field.id]: l.field
+        ...d,
+        [n.field.id]: n.field
       };
     }
   });
-  function r(n) {
-    e.register({ field: n });
+  function s(d) {
+    r.register({ field: d });
   }
-  function s(n, l) {
-    const p = d(n).getState();
-    if (!p)
+  function i(d, n) {
+    const c = o(d).getState();
+    if (!c)
       return;
-    const h = Object.assign({}, p, {
-      ...l
+    const f = Object.assign({}, c, {
+      ...n
     });
-    e.register({ field: { ...h } });
+    r.register({ field: { ...f } });
   }
-  const i = t.map((n) => Object.values(n));
-  function d(n) {
-    return t.map((l) => l[n] || null);
+  const l = e.map((d) => Object.values(d));
+  function o(d) {
+    return e.map((n) => n[d] || null);
   }
-  function o(n) {
-    return t.map((l) => Object.values(l).find((p) => p.name === n) || null);
+  function a(d) {
+    return e.map((n) => Object.values(n).find((c) => c.name === d) || null);
+  }
+  const g = M.store({}), p = M.effect(
+    async (d) => {
+      const n = o(d).getState();
+      if (!n || n.options == null)
+        return { fieldId: d, options: null };
+      if (typeof n.options != "function")
+        return { fieldId: d, options: n.options };
+      if (!t)
+        return { fieldId: d, options: null };
+      const c = t.responses.listStore.getState(), f = {};
+      for (const m of c)
+        m.value !== void 0 && (f[m.fieldId] = m.value);
+      const u = await Promise.resolve(n.options({ responses: f }));
+      return { fieldId: d, options: u };
+    }
+  );
+  g.on(p, (d, n) => ({
+    ...d,
+    [n]: { status: "loading", options: null }
+  })), g.on(p.doneData, (d, { fieldId: n, options: c }) => ({
+    ...d,
+    [n]: { status: "resolved", options: c }
+  })), g.on(p.fail, (d, { params: n }) => ({
+    ...d,
+    [n]: { status: "error", options: null, error: "Failed to resolve field options" }
+  }));
+  function y(d) {
+    const n = g.getState()[d];
+    n && n.status !== "idle" || p(d);
+  }
+  function S(d) {
+    return g.map((n) => n[d] ?? { status: "idle", options: null });
   }
   return {
-    register: r,
-    update: s,
-    getById: d,
-    listStore: i,
-    getByName: o
+    register: s,
+    update: i,
+    getById: o,
+    listStore: l,
+    getByName: a,
+    resolve: y,
+    getByFieldId: S
   };
 });
-function Le() {
-  return b(_e);
+function _e(t) {
+  return b(Le, t);
 }
 const Je = (t, e) => {
   e.register(t);
 }, Ge = x("action"), He = w(() => {
   const t = Ge.store({}), e = j(t, {
-    register(o, n) {
+    register(o, a) {
       return {
         ...o,
-        [n.name]: {
-          name: n.name,
-          action: n.action
+        [a.name]: {
+          name: a.name,
+          action: a.action
         }
       };
     }
   });
-  function r(o, n) {
-    e.register({ name: o, action: n });
+  function r(o, a) {
+    e.register({ name: o, action: a });
   }
   const s = t.map((o) => Object.values(o));
   function i(o) {
-    return t.map((n) => n[o], { skipVoid: !1 });
+    return t.map((a) => a[o], { skipVoid: !1 });
   }
-  function d(o) {
+  function l(o) {
     return t.map(
-      (n) => {
-        const l = n[o];
-        return l ? l.action : void 0;
+      (a) => {
+        const g = a[o];
+        return g ? g.action : void 0;
       },
       { skipVoid: !1 }
     );
@@ -550,7 +585,7 @@ const Je = (t, e) => {
     register: r,
     getByName: i,
     listStore: s,
-    getEvokableAction: d
+    getEvokableAction: l
   };
 });
 function qe() {
@@ -559,7 +594,7 @@ function qe() {
 const Ke = (t, e, r) => {
   r.register(t, e);
 };
-function V(t) {
+function D(t) {
   return typeof t > "u" || t === null || t === "" || Array.isArray(t) && !t.length;
 }
 function We(t) {
@@ -574,42 +609,42 @@ function H(t) {
 }
 const Ye = x("response"), Qe = w(({ client: t }) => {
   const e = Ye.store({}), r = N(), s = N(), i = j(e, {
-    register(m, a) {
+    register(d, n) {
       return {
-        ...m,
-        [a.fieldId]: a.response
+        ...d,
+        [n.fieldId]: n.response
       };
     },
-    registerBatch(m, a) {
+    registerBatch(d, n) {
       return {
-        ...m,
-        ...a
+        ...d,
+        ...n
       };
     },
-    clear(m, a) {
-      const { [a]: c, ...f } = m;
+    clear(d, n) {
+      const { [n]: c, ...f } = d;
       return f;
     },
     clearAll() {
       return {};
     }
   });
-  function d(m, a) {
-    if (typeof m == "string") {
-      if (a === void 0)
+  function l(d, n) {
+    if (typeof d == "string") {
+      if (n === void 0)
         throw new Error("Response is required when registering a single field");
-      i.register({ fieldId: m, response: a });
+      i.register({ fieldId: d, response: n });
     } else
-      i.registerBatch(m);
+      i.registerBatch(d);
   }
-  async function o(m) {
-    const a = [];
+  async function o(d) {
+    const n = [];
     return await Promise.allSettled(
-      Object.entries(m).map(async ([c, f]) => {
+      Object.entries(d).map(async ([c, f]) => {
         let u = f;
-        const g = t.fields.getById(c).getState();
-        if (!g) {
-          a.push({
+        const m = t.fields.getById(c).getState();
+        if (!m) {
+          n.push({
             fieldId: c,
             userMessage: `Field '${c}' not found`,
             systemMessage: `No field with ID '${c}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,
@@ -617,21 +652,21 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
           });
           return;
         }
-        if (g.multiple && (typeof u == "string" || typeof u == "number" || typeof u == "boolean") && (u = [u]), g.validation && !ae(g.validation) && !V(u)) {
-          const y = await E(t, g.validation, {
+        if (m.multiple && (typeof u == "string" || typeof u == "number" || typeof u == "boolean") && (u = [u]), m.validation && !ce(m.validation) && !D(u)) {
+          const h = await E(t, m.validation, {
             $input: u
           });
-          if (typeof y == "string") {
-            a.push({
+          if (typeof h == "string") {
+            n.push({
               fieldId: c,
-              userMessage: y,
-              systemMessage: `Field validation resulted in an error: ${y}.`,
+              userMessage: h,
+              systemMessage: `Field validation resulted in an error: ${h}.`,
               value: u
             });
             return;
           }
-          if (y === !1) {
-            a.push({
+          if (h === !1) {
+            n.push({
               fieldId: c,
               userMessage: "This field is invalid",
               systemMessage: "Field validation resulted in an unspecified error.",
@@ -640,8 +675,8 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
             return;
           }
         }
-        if (g.required && V(u)) {
-          a.push({
+        if (m.required && D(u)) {
+          n.push({
             fieldId: c,
             userMessage: "This field is required",
             systemMessage: "Field is required.",
@@ -649,8 +684,8 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
           });
           return;
         }
-        if (!g.multiple && Array.isArray(u) && u.length > 1) {
-          a.push({
+        if (!m.multiple && Array.isArray(u) && u.length > 1) {
+          n.push({
             fieldId: c,
             userMessage: "This field expects a single response",
             systemMessage: "Field expects a single response.",
@@ -658,10 +693,10 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
           });
           return;
         }
-        if (g.type === "object" && !V(u))
-          if (g.multiple) {
+        if (m.type === "object" && !D(u))
+          if (m.multiple) {
             if (!Array.isArray(u)) {
-              a.push({
+              n.push({
                 fieldId: c,
                 userMessage: "This field expects multiple values",
                 systemMessage: "Field expects an array of objects.",
@@ -669,9 +704,9 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
               });
               return;
             }
-            for (const y of u) {
-              if (typeof y != "object" || y === null) {
-                a.push({
+            for (const h of u) {
+              if (typeof h != "object" || h === null) {
+                n.push({
                   fieldId: c,
                   userMessage: "This field expects object values",
                   systemMessage: "Field expects an array of objects, but received non-object value.",
@@ -679,8 +714,8 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
                 });
                 return;
               }
-              if (!H(y)) {
-                a.push({
+              if (!H(h)) {
+                n.push({
                   fieldId: c,
                   userMessage: "This field contains non-serializable data",
                   systemMessage: "Field value contains non-JSON-serializable data (functions, circular references, etc.).",
@@ -691,7 +726,7 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
             }
           } else {
             if (Array.isArray(u)) {
-              a.push({
+              n.push({
                 fieldId: c,
                 userMessage: "This field expects a single value",
                 systemMessage: "Field expects a single object, not an array.",
@@ -700,7 +735,7 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
               return;
             }
             if (typeof u != "object" || u === null) {
-              a.push({
+              n.push({
                 fieldId: c,
                 userMessage: "This field expects an object value",
                 systemMessage: "Field expects an object value.",
@@ -709,7 +744,7 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
               return;
             }
             if (!H(u)) {
-              a.push({
+              n.push({
                 fieldId: c,
                 userMessage: "This field contains non-serializable data",
                 systemMessage: "Field value contains non-JSON-serializable data (functions, circular references, etc.).",
@@ -718,70 +753,70 @@ const Ye = x("response"), Qe = w(({ client: t }) => {
               return;
             }
           }
-        if (g.options) {
-          const y = Array.isArray(u) ? u : [u];
-          if (g.type === "object") {
-            const I = g.options.map((v) => JSON.stringify(v.value));
-            y.every((v) => I.includes(JSON.stringify(v))) || a.push({
+        if (m.options && typeof m.options != "function") {
+          const h = Array.isArray(u) ? u : [u];
+          if (m.type === "object") {
+            const F = m.options.map((v) => JSON.stringify(v.value));
+            h.every((v) => F.includes(JSON.stringify(v))) || n.push({
               fieldId: c,
               userMessage: "This field expects a valid option",
               systemMessage: "Field expects a valid option from the defined choices.",
               value: u
             });
           } else {
-            const I = g.options.map((v) => v.value);
-            y.every((v) => We(v) ? I.some((M) => M === v) : !1) || a.push({
+            const F = m.options.map((v) => v.value);
+            h.every((v) => !We(v) || v === null ? !1 : F.includes(v)) || n.push({
               fieldId: c,
               userMessage: "This field expects a valid option",
-              systemMessage: `Field expects a valid option. Valid options are: ${I.join(", ")}`,
+              systemMessage: `Field expects a valid option. Valid options are: ${F.join(", ")}`,
               value: u
             });
           }
         }
       })
-    ), { responsesToCommit: m, validationErrors: a };
+    ), { responsesToCommit: d, validationErrors: n };
   }
-  async function n(m) {
-    const { responsesToCommit: a, validationErrors: c } = await o(m);
-    return c.length ? { errors: c } : (i.registerBatch(a), { errors: [] });
+  async function a(d) {
+    const { responsesToCommit: n, validationErrors: c } = await o(d);
+    return c.length ? { errors: c } : (i.registerBatch(n), { errors: [] });
   }
-  const l = e.map((m) => m), p = e.map((m) => Object.keys(m).map((c) => ({
+  const g = e.map((d) => d), p = e.map((d) => Object.keys(d).map((c) => ({
     fieldId: c,
-    value: m[c]
+    value: d[c]
   })));
-  function h(m) {
-    const a = t.fields.getById(m), c = e.map((f) => f[m] || null);
-    return D({ f: a, r: c }, ({ f, r: u }) => u || (f?.defaultValue ? f.defaultValue : null));
+  function y(d) {
+    const n = t.fields.getById(d), c = e.map((f) => f[d] || null);
+    return V({ f: n, r: c }, ({ f, r: u }) => u || (f?.defaultValue ? f.defaultValue : null));
   }
-  function S(m) {
-    const a = t.fields.getByName(m);
-    return D({ f: a, s: e }, ({ f: c, s: f }) => {
+  function S(d) {
+    const n = t.fields.getByName(d);
+    return V({ f: n, s: e }, ({ f: c, s: f }) => {
       const u = c && f[c.id] || null;
       return u || (c?.defaultValue ? c.defaultValue : null);
     });
   }
-  return F({
+  return I({
     clock: r,
     target: i.clearAll
-  }), F({
+  }), I({
     clock: s,
     target: i.clear
   }), {
-    register: d,
+    register: l,
     clearAll: r,
     clear: s,
-    commit: n,
+    commit: a,
     getResponsesToCommit: o,
     listStore: p,
-    getAllStore: l,
-    getByFieldId: h,
+    getAllStore: g,
+    getByFieldId: y,
     getByFieldName: S
   };
 });
 function Xe(t) {
   return b(Qe, t);
 }
-const Ze = () => "0.0.1-dev.1770256874555";
+const Ze = () => "0.0.1-dev.1770787109735";
 function et() {
   if (T()) {
     const t = [
@@ -804,27 +839,27 @@ function tt() {
   for (const [i] of t.entries())
     i.startsWith("picked-") && r.add(i);
   for (const i of r) {
-    const d = i.replace("picked-", "");
-    e[d] = t.getAll(i);
+    const l = i.replace("picked-", "");
+    e[l] = t.getAll(i);
   }
   const s = A("s");
   if (r.size > 0)
-    O.set(s, e);
+    C.set(s, e);
   else {
-    const i = O.get(s);
+    const i = C.get(s);
     if (i)
       return i.json() || {};
   }
   return e;
 }
 function rt() {
-  if (ue())
+  if (de())
     return crypto.randomUUID();
   const t = Date.now().toString(36), e = Math.random().toString(36).substring(2, 15), r = Math.random().toString(36).substring(2, 15), s = Math.random().toString(36).substring(2, 15);
   return `${t}-${e}-${r}-${s}`;
 }
 const st = A("session", "global"), nt = () => {
-  const t = C.get(st);
+  const t = z.get(st);
   let e;
   t.isSet() && (e = t.json());
   const r = (i) => t.set({
@@ -838,17 +873,17 @@ const st = A("session", "global"), nt = () => {
     setIsUser(i) {
       this.isUser = i, r(this);
     },
-    setIdentifier(i, d) {
-      this.identifiers = { ...this.identifiers, [i]: d }, r(this);
+    setIdentifier(i, l) {
+      this.identifiers = { ...this.identifiers, [i]: l }, r(this);
     },
     removeIdentifier(i) {
       this.identifiers && (this.identifiers = Object.fromEntries(
-        Object.entries(this.identifiers).filter(([d]) => d !== i)
+        Object.entries(this.identifiers).filter(([l]) => l !== i)
       ), this.identifiers = Object.keys(this.identifiers).length ? this.identifiers : void 0, r(this));
     }
   };
   return r(s), s;
-}, it = () => ce() ? nt() : null;
+}, it = () => ue() ? nt() : null;
 function ot() {
   if (U())
     return globalThis.window.pickedConfig;
@@ -886,13 +921,13 @@ function ut(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 z(t) {
+function O(t) {
   return t == null || t === "" || Number.isNaN(t);
 }
 const dt = {
-  default: (t, e) => z(t) ? String(e ?? "") : String(t),
-  append: (t, e) => e && !z(t) ? `${t} ${e}` : t,
-  prepend: (t, e) => e && !z(t) ? `${e} ${t}` : t,
+  default: (t, e) => O(t) ? String(e ?? "") : String(t),
+  append: (t, e) => e && !O(t) ? `${t} ${e}` : t,
+  prepend: (t, e) => e && !O(t) ? `${e} ${t}` : t,
   upper: (t) => typeof t == "string" ? t.toUpperCase() : t,
   lower: (t) => typeof t == "string" ? t.toLowerCase() : t,
   capitalize: (t) => typeof t == "string" ? t.charAt(0).toUpperCase() + t.slice(1) : t,
@@ -922,13 +957,13 @@ function pt(t, e) {
   return typeof r == "function" ? r() : r;
 }
 function ft(t, e) {
-  const r = t.split("|").map((d) => d.trim()), s = r.shift() ?? "";
+  const r = t.split("|").map((l) => l.trim()), s = r.shift() ?? "";
   let i = pt(s, e);
-  for (const d of r) {
-    const [o, ...n] = d.split(":"), l = o?.trim() ?? "", p = n.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), h = dt[l];
-    h && (i = h(i, p));
+  for (const l of r) {
+    const [o, ...a] = l.split(":"), g = o?.trim() ?? "", p = a.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), y = dt[g];
+    y && (i = y(i, p));
   }
-  return z(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
+  return O(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
 }
 function gt(t, e) {
   let r = "", s = 0;
@@ -954,7 +989,7 @@ class mt {
   isReady = !1;
   project;
   plugins = {};
-  eventBus = Te();
+  eventBus = Ue();
   organizationId;
   projectId;
   apiUrl;
@@ -962,23 +997,23 @@ class mt {
   precondition;
   condition;
   searchParams = tt();
-  history = Ne();
-  components = be({ client: this });
-  experienceInstances = ne({ client: this });
-  experiences = ge({ client: this });
-  frameworks = xe({ client: this });
+  history = Te();
+  components = Fe({ client: this });
+  experienceInstances = ie({ client: this });
+  experiences = me({ client: this });
+  frameworks = je({ client: this });
   predicates = ze({ client: this });
-  features = Me({ client: this });
+  features = De({ client: this });
   responses = Xe({ client: this });
-  fields = Le();
+  fields = _e({ client: this });
   actions = qe();
   constructor(e) {
     k("info", "Picked client initializing.");
     const { organizationId: r, projectId: s } = ut(e);
     this.organizationId = r, this.projectId = s, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || et(), this.session = it(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: Ze() }), k("info", "Picked client initialized.");
   }
-  start() {
-    Be(this), (async () => {
+  start = () => {
+    Re(this), (async () => {
       if (!T())
         return;
       let r;
@@ -987,47 +1022,45 @@ class mt {
       r && (this.condition === void 0 ? s = !0 : typeof this.condition == "boolean" ? s = this.condition : s = await E(this, this.condition) === !0);
       const i = r && s === !0;
       if (typeof s == "boolean" && this.session) {
-        const d = s;
-        this.session.setIsUser(d), this.eventBus({ type: "user_decide", value: d });
+        const l = s;
+        this.session.setIsUser(l), this.eventBus({ type: "user_decide", value: l });
       }
-      this.eventBus({ type: "initialize" }), document.body && i && _(this), await ie(), i && _(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session && this.eventBus({ type: "session", ...this.session });
+      this.eventBus({ type: "initialize" }), document.body && i && L(this), await oe(), i && L(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session && this.eventBus({ type: "session", ...this.session });
     })();
-  }
-  registerFramework(e) {
-    je(e, this.frameworks);
-  }
-  registerComponent(e, r) {
-    L(e, r, this.components);
-  }
-  registerPlugin(e) {
-    ye(this, e, this.plugins);
-  }
-  registerFeature(e, r) {
+  };
+  registerFramework = (e) => {
+    Ee(e, this.frameworks);
+  };
+  registerComponent = (e, r) => {
+    _(e, r, this.components);
+  };
+  registerPlugin = (e) => {
+    Se(this, e, this.plugins);
+  };
+  registerFeature = (e, r) => {
     Ve(e, r, this.features);
-  }
-  registerPredicate(e, r) {
+  };
+  registerPredicate = (e, r) => {
     Ce(e, r, this.predicates);
-  }
-  registerField(e) {
+  };
+  registerField = (e) => {
     Je(e, this.fields);
-  }
-  registerAction(e, r) {
+  };
+  registerAction = (e, r) => {
     Ke(e, r, this.actions);
-  }
-  registerExperience(e) {
-    e.component && L(`experience:${e.id}`, e.component, this.components), me(e, this.experiences);
-  }
-  getStateSnapshot() {
-    return Q(this);
-  }
-  async launchExperienceById(e) {
+  };
+  registerExperience = (e) => {
+    e.component && _(`experience:${e.id}`, e.component, this.components), ye(e, this.experiences);
+  };
+  getStateSnapshot = () => Q(this);
+  launchExperienceById = async (e) => {
     const r = this.experiences.getById(e).getState();
     if (!r) {
       k("warn", `Experience with id '${e}' not found.`);
       return;
     }
     Y(this, r);
-  }
+  };
   // private async fetchProject() {
   //   if (this.project) {
   //     return
@@ -1063,13 +1096,13 @@ class mt {
         const [s, i] = r.split(":");
         if (!s || !i)
           return;
-        let d = i;
-        d === "true" && (d = !0), d === "false" && (d = !1), this.registerFeature(s, {
-          key: `${d}`,
+        let l = i;
+        l === "true" && (l = !0), l === "false" && (l = !1), this.registerFeature(s, {
+          key: `${l}`,
           // use the assigned bucket value as the key
           name: s,
           // eslint-disable-next-line sonarjs/function-return-type
-          decide: () => d,
+          decide: () => l,
           storage: "session"
         });
       } catch {
@@ -1096,9 +1129,7 @@ class mt {
       this.registerAction(r, s);
     });
   }
-  getPluginConfig(e) {
-    return this.plugins[e] ?? {};
-  }
+  getPluginConfig = (e) => 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.
@@ -1142,7 +1173,7 @@ class mt {
    * // => "Fruits: apple, banana, and cherry"
    */
   renderString = (e, r) => {
-    const s = this.responses.listStore.getState().reduce((i, d) => (i[d.fieldId] = d.value, i), {});
+    const s = this.responses.listStore.getState().reduce((i, l) => (i[l.fieldId] = l.value, i), {});
     return gt(e, {
       ...r,
       responses: s
@@ -1150,28 +1181,38 @@ class mt {
   };
 }
 function X(t) {
-  return t.options?.some((e) => "condition" in e) ?? !1;
+  return Array.isArray(t.options) && t.options.some((e) => "condition" in e);
 }
-function ht(t) {
+function yt(t) {
   return t.some((e) => e.condition || X(e));
 }
 async function xt(t, e) {
-  return e.length === 0 || !ht(e) ? e : (await Promise.all(
+  return e.length === 0 ? e : (await Promise.all(
     e.map(async (s) => {
-      if (!(s.condition ? await E(t, s.condition) : !0))
+      let i = s;
+      if (s.options && typeof s.options == "function")
+        try {
+          const p = s.options, y = await Promise.resolve(p());
+          i = { ...s, options: y };
+        } catch {
+          i = { ...s, options: null };
+        }
+      if (!yt([i]))
+        return i;
+      if (!(i.condition ? await E(t, i.condition) : !0))
         return null;
-      if (!s.options || !X(s))
-        return s;
-      const o = (await Promise.all(
-        s.options.map(async (l) => l.condition ? await E(t, l.condition) ? l : null : l)
-      )).filter((l) => l !== null);
-      return o.length === s.options.length ? s : o.length === 0 ? null : { ...s, options: o };
+      if (!i.options || !X(i) || !Array.isArray(i.options))
+        return i;
+      const a = (await Promise.all(
+        i.options.map(async (p) => p.condition ? await E(t, p.condition) ? p : null : p)
+      )).filter((p) => p !== null);
+      return a.length === i.options.length ? i : a.length === 0 ? null : { ...i, options: a };
     })
   )).filter((s) => s !== null);
 }
 const jt = (t) => {
   const e = new mt(t);
-  return de(e), e;
+  return le(e), e;
 };
 export {
   mt as Picked,
@@ -1181,18 +1222,18 @@ export {
   ot as getPickedConfig,
   xt as getStepFields,
   At as isPickedRoot,
-  C as localStore,
-  O as sessionStore,
+  z as localStore,
+  C as sessionStore,
   Rt as subscribe,
-  zt as supportsCookies,
-  ue as supportsCryptoRandomUUID,
+  Ot as supportsCookies,
+  de as supportsCryptoRandomUUID,
   T as supportsDocument,
-  Ct as supportsHistory,
-  Ot as supportsIntersectionObserver,
-  ce as supportsLocalStorage,
+  zt as supportsHistory,
+  Ct as supportsIntersectionObserver,
+  ue as supportsLocalStorage,
   Mt as supportsLocation,
-  Vt as supportsSessionStorage,
-  Dt as supportsShadowRoot,
+  Dt as supportsSessionStorage,
+  Vt as supportsShadowRoot,
   Nt as supportsWebComponents,
   U as supportsWindow
 };