@picked/client 0.0.7 → 0.0.8-next.1

package/dist/esm/index.js

@@ -1,24 +1,24 @@
-var q = Object.defineProperty;
-var W = (t, e, s) => e in t ? q(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var m = (t, e, s) => W(t, typeof e != "symbol" ? e + "" : e, s);
-import { createDomain as x, createApi as b, createEffect as O, attach as G, sample as E, combine as R, createEvent as A } from "effector";
-import { createFactory as v, invoke as k } from "@withease/factories";
-import { g as z, t as J, c as Y, e as D, i as Q, a as X, b as Z, d as ee } from "../experience-instance-DYZovD6a.js";
-import { f as st } from "../experience-instance-DYZovD6a.js";
-import { l as w } from "../logger-C9a75KZn.js";
-import { c as j, s as B, l as C } from "../storage-D87xFySf.js";
-import { a as ot } from "../storage-D87xFySf.js";
-import { g as te } from "../id-BW-g3y32.js";
-import { i as re } from "../object-JwZ58NOH.js";
-import { s as _, a as se, b as ne } from "../supports-yKVnaaMQ.js";
-import { g as at, d as ct, i as ut, e as lt, c as dt, f as pt, h as gt, j as ft } from "../supports-yKVnaaMQ.js";
-const U = x("experience"), oe = v(
+var W = Object.defineProperty;
+var G = (t, e, s) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var y = (t, e, s) => G(t, typeof e != "symbol" ? e + "" : e, s);
+import { createDomain as F, createApi as b, createEffect as D, attach as J, sample as P, combine as A, createEvent as C } from "effector";
+import { createFactory as k, invoke as x } from "@withease/factories";
+import { g as z, t as Y, c as Q, e as R, i as X, a as Z, b as ee, d as te } from "../experience-instance-C1Ky25uw.js";
+import { f as it } from "../experience-instance-C1Ky25uw.js";
+import { l as v } from "../logger-C9a75KZn.js";
+import { c as B, s as j, l as O } from "../storage-D87xFySf.js";
+import { a as ct } from "../storage-D87xFySf.js";
+import { g as re } from "../id-BW-g3y32.js";
+import { i as se } from "../object-JwZ58NOH.js";
+import { s as _, a as ne, b as oe } from "../supports-yKVnaaMQ.js";
+import { g as lt, d as dt, i as pt, e as gt, c as ft, f as mt, h as yt, j as ht } from "../supports-yKVnaaMQ.js";
+const U = F("experience"), ie = k(
   ({ client: t, experience: e }) => {
     const s = U.store(e), o = b(s, {
-      merge(n, g) {
+      merge(n, d) {
         return {
           ...n,
-          ...g.experience
+          ...d.experience
         };
       }
     }), i = s.map((n) => ({
@@ -26,8 +26,8 @@ const U = x("experience"), oe = v(
       name: n.name,
       decisionLogic: n.decide,
       targetSelectors: n.targets
-    })), d = t.components.listStore.map(
-      (n) => n.find((g) => g.name === `experience:${e.id}`) || n.find((g) => g.name === "experience"),
+    })), l = t.components.listStore.map(
+      (n) => n.find((d) => d.name === `experience:${e.id}`) || n.find((d) => d.name === "experience"),
       { skipVoid: !1 }
     ), r = s.map((n) => ({
       steps: n.steps,
@@ -39,15 +39,15 @@ const U = x("experience"), oe = v(
       id: e.id,
       configStore: i,
       treeStore: r,
-      componentStore: d,
+      componentStore: l,
       merge: o.merge
     };
   }
 );
-function ie(t) {
-  return k(oe, t);
+function ae(t) {
+  return x(ie, t);
 }
-const ae = v(({ client: t }) => {
+const ce = k(({ client: t }) => {
   const e = U.store({}), s = b(e, {
     register(r, n) {
       return {
@@ -62,47 +62,47 @@ const ae = v(({ client: t }) => {
       n.merge({ experience: r, strategy: "override" });
       return;
     }
-    const g = ie({ client: t, experience: r });
-    s.register(g);
+    const d = ae({ client: t, experience: r });
+    s.register(d);
   }
   const i = e.map((r) => Object.values(r));
-  function d(r) {
+  function l(r) {
     return e.map((n) => n[r], { skipVoid: !1 });
   }
   return {
     register: o,
-    getById: d,
+    getById: l,
     listStore: i
   };
 });
-function ce(t) {
-  return k(ae, t);
+function ue(t) {
+  return x(ce, t);
 }
-const ue = (t, e) => {
+const le = (t, e) => {
   e.register(t);
 }, H = (t, e) => {
   const { targetSelectors: s } = e.configStore.getState(), o = z(s, e.id);
   o.forEach(
-    ({ elements: d }) => d.forEach((r) => J(r, e.id))
-  ), Y(o, e.id).forEach((d) => {
-    t.experienceInstances.spawn(e, d);
+    ({ elements: l }) => l.forEach((r) => Y(r, e.id))
+  ), Q(o, e.id).forEach((l) => {
+    t.experienceInstances.spawn(e, l);
   });
-}, V = async (t) => {
+}, T = async (t) => {
   await Promise.all(
     t.experiences.listStore.getState().map(async (e) => {
-      await le(t, e) && H(t, e);
+      await de(t, e) && H(t, e);
     })
   );
-}, le = async (t, e) => {
+}, de = async (t, e) => {
   const { type: s, decisionLogic: o, targetSelectors: i } = e.configStore.getState();
-  return z(i, e.id).length < 1 ? !1 : s === "funnel" ? o ? await D(t, o) === !0 : !1 : i.length === 0 ? !1 : Q(o) ? await D(t, o) === !0 : !0;
-}, de = (t, e, s) => {
+  return z(i, e.id).length < 1 ? !1 : s === "funnel" ? o ? await R(t, o) === !0 : !1 : i.length === 0 ? !1 : X(o) ? await R(t, o) === !0 : !0;
+}, pe = (t, e, s) => {
   const o = e.name, i = e.setup(t);
   if (i) {
-    const d = s[o] ?? {};
-    s[o] = Object.freeze({ ...d, ...i });
+    const l = s[o] ?? {};
+    s[o] = Object.freeze({ ...l, ...i });
   }
-}, pe = x("component"), ge = v(
+}, ge = F("component"), fe = k(
   ({ client: t, component: e, name: s }) => {
     const o = t.frameworks.getByName(e.frameworkName);
     return {
@@ -112,11 +112,11 @@ const ue = (t, e) => {
     };
   }
 );
-function fe(t) {
-  return k(ge, t);
+function me(t) {
+  return x(fe, t);
 }
-const me = v(({ client: t }) => {
-  const e = pe.store({}), s = b(e, {
+const ye = k(({ client: t }) => {
+  const e = ge.store({}), s = b(e, {
     register(r, n) {
       return {
         ...r,
@@ -125,30 +125,30 @@ const me = v(({ client: t }) => {
     }
   });
   function o(r, n) {
-    e.getState()[r] && w(
+    e.getState()[r] && v(
       "warn",
       `Component '${r}' already registered. Registering again will override the previous registration.`
     );
-    const h = fe({ client: t, name: r, component: n });
+    const h = me({ client: t, name: r, component: n });
     s.register(h);
   }
   const i = e.map((r) => Object.values(r));
-  function d(r) {
+  function l(r) {
     return e.map((n) => n[r], { skipVoid: !1 });
   }
   return {
     register: o,
-    getByName: d,
+    getByName: l,
     listStore: i
   };
 });
-function ye(t) {
-  return k(me, t);
+function he(t) {
+  return x(ye, t);
 }
-const M = (t, e, s) => {
+const V = (t, e, s) => {
   s.register(t, e);
-}, he = x("framework"), Se = v(({ client: t }) => {
-  const e = he.store({}), s = b(e, {
+}, Se = F("framework"), we = k(({ client: t }) => {
+  const e = Se.store({}), s = b(e, {
     register(r, n) {
       return {
         ...r,
@@ -157,49 +157,49 @@ const M = (t, e, s) => {
     }
   });
   function o(r, n) {
-    e.getState()[r] && w(
+    e.getState()[r] && v(
       "warn",
       `Framework '${r}' already registered. Registering again will override the previous registration.`
     ), s.register({ name: r, framework: n });
   }
   const i = e.map((r) => Object.values(r));
-  function d(r) {
+  function l(r) {
     return e.map((n) => n[r], { skipVoid: !1 });
   }
   return {
     register: o,
-    getByName: d,
+    getByName: l,
     listStore: i
   };
 });
-function we(t) {
-  return k(Se, t);
+function ve(t) {
+  return x(we, t);
 }
-const ve = (t, e) => {
+const ke = (t, e) => {
   e.register(t.name, t);
-}, ke = 6e3, N = j("last_ping", "global"), xe = (t) => `${t}/api/v1/ping`, be = async (t) => {
+}, xe = 6e3, M = B("last_ping", "global"), Fe = (t) => `${t}/api/v1/ping`, be = async (t) => {
   try {
-    const e = Date.now(), s = localStorage.getItem(N);
-    if (s && e - parseInt(s) < ke)
+    const e = Date.now(), s = localStorage.getItem(M);
+    if (s && e - parseInt(s) < xe)
       return !0;
-    const o = xe(t.apiUrl), i = {
+    const o = Fe(t.apiUrl), i = {
       projectId: t.projectId,
       path: window.location.pathname
-    }, d = JSON.stringify(i), r = {
+    }, l = JSON.stringify(i), r = {
       "Content-Type": "application/json"
-    }, n = document.getElementById("picked_script"), g = n == null ? void 0 : n.dataset.verceltoken;
-    g && (r["x-vercel-protection-bypass"] = g);
-    const u = (await fetch(o, {
+    }, n = document.getElementById("picked_script"), d = n == null ? void 0 : n.dataset.verceltoken;
+    d && (r["x-vercel-protection-bypass"] = d);
+    const c = (await fetch(o, {
       method: "POST",
       headers: r,
-      body: d
+      body: l
     })).ok;
-    return u && localStorage.setItem(N, e.toString()), u;
+    return c && localStorage.setItem(M, e.toString()), c;
   } catch (e) {
-    return w("error", e), !1;
+    return v("error", e), !1;
   }
 };
-function Fe(t) {
+function Ie(t) {
   const e = typeof window < "u", s = {
     client: t,
     responses: t.responses.listStore.getState(),
@@ -211,8 +211,8 @@ function Fe(t) {
   };
   return Object.freeze(s);
 }
-const Ie = x("predicate"), Ee = v(({ client: t }) => {
-  const e = Ie.store({}), s = b(e, {
+const Ee = F("predicate"), Pe = k(({ client: t }) => {
+  const e = Ee.store({}), s = b(e, {
     register(r, n) {
       return {
         ...r,
@@ -224,117 +224,117 @@ const Ie = x("predicate"), Ee = v(({ client: t }) => {
     }
   });
   function o(r, n) {
-    e.getState()[r] && w(
+    e.getState()[r] && v(
       "warn",
       `Predicate '${r}' already registered. Registering again will override the previous registration.`
     ), s.register(Object.freeze({ name: r, predicate: n }));
   }
   const i = e.map((r) => Object.values(r));
-  function d(r) {
+  function l(r) {
     return e.map((n) => n[r], { skipVoid: !1 });
   }
   return {
     register: o,
-    getByName: d,
+    getByName: l,
     listStore: i
   };
 });
-function Pe(t) {
-  return k(Ee, t);
+function Re(t) {
+  return x(Pe, t);
 }
-const je = (t, e, s) => {
+const Be = (t, e, s) => {
   s.register(t, e);
-}, T = x("feature"), Be = v(() => {
-  const t = T.store({}), e = T.store([]), s = b(t, {
-    register(u, c) {
+}, N = F("feature"), je = k(() => {
+  const t = N.store({}), e = N.store([]), s = b(t, {
+    register(c, f) {
       return {
-        ...u,
-        [c.id]: c.feature
+        ...c,
+        [f.id]: f.feature
       };
     }
   });
-  function o(u, c) {
-    t.getState()[u] && w(
+  function o(c, f) {
+    t.getState()[c] && v(
       "warn",
-      `Feature '${u}' already registered. Registering again will override the previous registration.`
+      `Feature '${c}' already registered. Registering again will override the previous registration.`
     );
     const p = {
-      id: u,
+      id: c,
       feature: {
-        ...c,
-        id: u
+        ...f,
+        id: c
       }
     };
     s.register(
       Object.freeze({
-        id: u,
+        id: c,
         feature: p
       })
     );
   }
-  const i = O(
+  const i = D(
     async ({
-      id: u,
-      key: c,
+      id: c,
+      key: f,
       storage: a = "local"
     }) => {
-      const p = j(`feature:${u}:${c}`, "global"), l = (a === "session" ? B : C).get(p).boolean();
-      if (l !== null)
-        return { id: u, bucket: l };
+      const p = B(`feature:${c}:${f}`, "global"), m = (a === "session" ? j : O).get(p).boolean();
+      if (m !== null)
+        return { id: c, bucket: m };
     }
-  ), d = O((u) => {
-    if (!u)
+  ), l = D((c) => {
+    if (!c)
       return null;
-    const c = j(`feature:${u.id}:${u.key}`, "global");
-    (u.storage === "session" ? B : C).set(c, u.bucket);
-  }), r = /* @__PURE__ */ new Map(), n = G({
+    const f = B(`feature:${c.id}:${c.key}`, "global");
+    (c.storage === "session" ? j : O).set(f, c.bucket);
+  }), r = /* @__PURE__ */ new Map(), n = J({
     source: { allFeaturesStore: t, resolvedFeaturesStore: e },
-    effect: async ({ allFeaturesStore: u, resolvedFeaturesStore: c }, { id: a, decide: p, key: f }) => {
-      const l = c.find(($) => $.id === a);
-      if (l)
-        return l;
-      const y = u[a];
-      if (!y)
+    effect: async ({ allFeaturesStore: c, resolvedFeaturesStore: f }, { id: a, decide: p, key: g }) => {
+      const m = f.find((I) => I.id === a);
+      if (m)
+        return m;
+      const u = c[a];
+      if (!u)
         throw new Error(`Feature with id '${a}' not found`);
-      const S = r.get(`${a}:${f}`);
+      const S = r.get(`${a}:${g}`);
       if (S) {
-        const $ = await S;
-        return { id: y.id, bucket: $, storage: y.feature.storage };
+        const I = await S;
+        return { id: u.id, bucket: I, storage: u.feature.storage };
       }
-      const P = p();
-      r.set(`${a}:${f}`, P);
-      const F = await P;
-      return { id: y.id, bucket: F, storage: y.feature.storage };
+      const w = p();
+      r.set(`${a}:${g}`, w);
+      const $ = await w;
+      return { id: u.id, bucket: $, storage: u.feature.storage };
     }
   });
-  E({
+  P({
     clock: s.register,
-    fn: (u) => {
-      const { id: c, feature: a } = u;
-      return { id: c, key: a.feature.key, storage: a.feature.storage };
+    fn: (c) => {
+      const { id: f, feature: a } = c;
+      return { id: f, key: a.feature.key, storage: a.feature.storage };
     },
     target: i
-  }), E({
+  }), P({
     source: e,
     clock: [i.doneData, n.doneData],
-    fn: (u, c) => !c || u.some((a) => a.id === c.id) ? u : [...u, c],
+    fn: (c, f) => !f || c.some((a) => a.id === f.id) ? c : [...c, f],
     target: e
-  }), E({
+  }), P({
     source: t,
     clock: n.doneData,
-    fn: (u, c) => {
-      var y;
-      const { id: a, bucket: p, storage: f } = c, l = (y = u[a]) == null ? void 0 : y.feature.key;
-      return l ? { key: l, id: a, bucket: p, storage: f } : null;
+    fn: (c, f) => {
+      var u;
+      const { id: a, bucket: p, storage: g } = f, m = (u = c[a]) == null ? void 0 : u.feature.key;
+      return m ? { key: m, id: a, bucket: p, storage: g } : null;
     },
-    target: d
+    target: l
   });
-  const g = R({ allFeaturesStore: t, resolvedFeaturesStore: e }).map(
+  const d = A({ allFeaturesStore: t, resolvedFeaturesStore: e }).map(
     ({
-      allFeaturesStore: u,
-      resolvedFeaturesStore: c
-    }) => Object.values(u).map((a) => {
-      const p = c.find((f) => f.id === a.id);
+      allFeaturesStore: c,
+      resolvedFeaturesStore: f
+    }) => Object.values(c).map((a) => {
+      const p = f.find((g) => g.id === a.id);
       return p ? {
         id: a.id,
         name: a.feature.name,
@@ -350,32 +350,32 @@ const je = (t, e, s) => {
       };
     })
   );
-  function h(u) {
-    return t.map((c) => c[u], { skipVoid: !1 });
+  function h(c) {
+    return t.map((f) => f[c], { skipVoid: !1 });
   }
   return {
     register: o,
     getByName: h,
-    listStore: g
+    listStore: d
   };
 });
 function $e() {
-  return k(Be);
+  return x(je);
 }
-const Re = (t, e, s) => {
+const Ae = (t, e, s) => {
   s.register(t, e);
-}, I = x("history");
+}, E = F("history");
 function L(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
-    id: te(`history-entry-${Date.now()}-${Math.random()}}`),
+    id: re(`history-entry-${Date.now()}-${Math.random()}}`),
     node: e,
     at: Date.now(),
     experienceId: t
   };
 }
-const Ae = v(() => {
-  const t = I.store({ entries: [] }), e = I.event(), s = I.event(), o = I.event(), i = I.event();
+const Ce = k(() => {
+  const t = E.store({ entries: [] }), e = E.event(), s = E.event(), o = E.event(), i = E.event();
   t.on(e, (r, n) => ({
     entries: [...r.entries, L(n.experienceId, n.node)]
   })), t.on(s, (r, n) => ({
@@ -384,22 +384,22 @@ const Ae = v(() => {
       L(n.experienceId, n.node)
     ]
   })), t.on(i, (r, n) => n);
-  function d(r, n) {
-    const g = { lastStepIndex: -1, secondLastStepIndex: -1 };
+  function l(r, n) {
+    const d = { lastStepIndex: -1, secondLastStepIndex: -1 };
     for (let h = r.length - 1; h >= 0; h--) {
-      const u = r[h], c = u == null ? void 0 : u.node;
-      if (!(!c || !X(c)) && !(n && (u == null ? void 0 : u.experienceId) !== n))
-        if (g.lastStepIndex === -1)
-          g.lastStepIndex = h;
+      const c = r[h], f = c == null ? void 0 : c.node;
+      if (!(!f || !Z(f)) && !(n && (c == null ? void 0 : c.experienceId) !== n))
+        if (d.lastStepIndex === -1)
+          d.lastStepIndex = h;
         else {
-          g.secondLastStepIndex = h;
+          d.secondLastStepIndex = h;
           break;
         }
     }
-    return g;
+    return d;
   }
   return t.on(o, (r, n) => {
-    const { secondLastStepIndex: g } = d(r.entries, n.experienceId), h = g !== -1 ? r.entries.slice(0, g + 1) : r.entries;
+    const { secondLastStepIndex: d } = l(r.entries, n.experienceId), h = d !== -1 ? r.entries.slice(0, d + 1) : r.entries;
     return {
       ...r,
       entries: h
@@ -413,10 +413,10 @@ const Ae = v(() => {
   };
 });
 function De() {
-  return k(Ae);
+  return x(Ce);
 }
-const Oe = () => A(), Ce = x("field"), Ve = v(() => {
-  const t = Ce.store({}), e = b(t, {
+const Oe = () => C(), Te = F("field"), Ve = k(() => {
+  const t = Te.store({}), e = b(t, {
     register(r, n) {
       return {
         ...r,
@@ -431,147 +431,156 @@ const Oe = () => A(), Ce = x("field"), Ve = v(() => {
   function i(r) {
     return t.map((n) => n[r] || null);
   }
-  function d(r) {
-    return t.map((n) => Object.values(n).find((g) => g.name === r) || null);
+  function l(r) {
+    return t.map((n) => Object.values(n).find((d) => d.name === r) || null);
   }
   return {
     register: s,
     getById: i,
     listStore: o,
-    getByName: d
+    getByName: l
   };
 });
 function Me() {
-  return k(Ve);
+  return x(Ve);
 }
 const Ne = (t, e) => {
   e.register(t);
-}, Te = x("response"), Le = v(({ client: t }) => {
-  const e = Te.store({}), s = A(), o = A(), i = b(e, {
-    register(c, a) {
+}, Le = F("response"), ze = k(({ client: t }) => {
+  const e = Le.store({}), s = C(), o = C(), i = b(e, {
+    register(a, p) {
       return {
-        ...c,
-        [a.fieldId]: a.response
+        ...a,
+        [p.fieldId]: p.response
       };
     },
-    clear(c, a) {
-      const { [a]: p, ...f } = c;
-      return f;
+    registerBatch(a, p) {
+      return {
+        ...a,
+        ...p
+      };
+    },
+    clear(a, p) {
+      const { [p]: g, ...m } = a;
+      return m;
     },
     clearAll() {
       return {};
     }
   });
-  function d(c, a) {
-    i.register({ fieldId: c, response: a });
+  function l(a, p) {
+    i.register({ fieldId: a, response: p });
   }
-  async function r(c) {
-    const a = [];
+  async function r(a) {
+    const p = [];
     return await Promise.allSettled(
-      Object.entries(c).map(async ([p, f]) => {
-        let l = f;
-        const y = t.fields.getById(p).getState();
-        if (!y) {
-          a.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: l
+      Object.entries(a).map(async ([g, m]) => {
+        let u = m;
+        const S = t.fields.getById(g).getState();
+        if (!S) {
+          p.push({
+            fieldId: g,
+            userMessage: `Field '${g}' not found`,
+            systemMessage: `No field with ID '${g}' exists. Available field IDs are: ${Object.keys(t.fields.listStore.getState()).join(",")}.`,
+            value: u
           });
           return;
         }
-        if (y.multiple && (typeof l == "string" || typeof l == "number" || typeof l == "boolean") && (l = [l]), !re(y.validation)) {
-          const S = await D(t, y.validation, {
-            $input: l
+        if (S.multiple && (typeof u == "string" || typeof u == "number" || typeof u == "boolean") && (u = [u]), S.validation && !se(S.validation)) {
+          const w = await R(t, S.validation, {
+            $input: u
           });
-          if (typeof S == "string") {
-            a.push({
-              fieldId: p,
-              userMessage: S,
-              systemMessage: `Field validation resulted in an error: ${S}.`,
-              value: l
+          if (typeof w == "string") {
+            p.push({
+              fieldId: g,
+              userMessage: w,
+              systemMessage: `Field validation resulted in an error: ${w}.`,
+              value: u
             });
             return;
           }
-          if (S === !1) {
-            a.push({
-              fieldId: p,
+          if (w === !1) {
+            p.push({
+              fieldId: g,
               userMessage: "This field is invalid",
               systemMessage: "Field validation resulted in an unspecified error.",
-              value: l
+              value: u
             });
             return;
           }
         }
-        if (y.required && (typeof l > "u" || l === null || l === "" || Array.isArray(l) && !l.length)) {
-          a.push({
-            fieldId: p,
+        if (S.required && (typeof u > "u" || u === null || u === "" || Array.isArray(u) && !u.length)) {
+          p.push({
+            fieldId: g,
             userMessage: "This field is required",
             systemMessage: "Field is required.",
-            value: l
+            value: u
           });
           return;
         }
-        if (!y.multiple && Array.isArray(l) && l.length > 1) {
-          a.push({
-            fieldId: p,
+        if (!S.multiple && Array.isArray(u) && u.length > 1) {
+          p.push({
+            fieldId: g,
             userMessage: "This field expects a single response",
             systemMessage: "Field expects a single response.",
-            value: l
+            value: u
           });
           return;
         }
-        if (y.options) {
-          const S = y.options.map((F) => F.value), P = Array.isArray(l) ? l : [l];
-          Array.isArray(l) && (P.every((F) => S.includes(F)) || a.push({
-            fieldId: p,
+        if (S.options) {
+          const w = S.options.map((I) => I.value), $ = Array.isArray(u) ? u : [u];
+          Array.isArray(u) && ($.every((I) => w.includes(I)) || p.push({
+            fieldId: g,
             userMessage: "This field expects a valid option",
-            systemMessage: `Field expects a valid option. Valid options are: ${S.join(", ")}`,
-            value: l
+            systemMessage: `Field expects a valid option. Valid options are: ${w.join(", ")}`,
+            value: u
           }));
         }
       })
-    ), a.length ? { errors: a } : (Object.entries(c).forEach(([p, f]) => {
-      d(p, f);
-    }), { errors: [] });
+    ), { responsesToCommit: a, validationErrors: p };
+  }
+  async function n(a) {
+    const { responsesToCommit: p, validationErrors: g } = await r(a);
+    return g.length ? { errors: g } : (i.registerBatch(p), { errors: [] });
   }
-  const n = e.map((c) => c), g = e.map((c) => Object.keys(c).map((p) => ({
-    fieldId: p,
-    value: c[p]
+  const d = e.map((a) => a), h = e.map((a) => Object.keys(a).map((g) => ({
+    fieldId: g,
+    value: a[g]
   })));
-  function h(c) {
-    const a = t.fields.getById(c), p = e.map((f) => f[c] || null);
-    return R({ f: a, r: p }, ({ f, r: l }) => l || (f != null && f.defaultValue ? f.defaultValue : null));
-  }
-  function u(c) {
-    const a = t.fields.getByName(c);
-    return R({ f: a, s: e }, ({ f: p, s: f }) => {
-      const l = p && f[p.id] || null;
-      return l || (p != null && p.defaultValue ? p.defaultValue : null);
+  function c(a) {
+    const p = t.fields.getById(a), g = e.map((m) => m[a] || null);
+    return A({ f: p, r: g }, ({ f: m, r: u }) => u || (m != null && m.defaultValue ? m.defaultValue : null));
+  }
+  function f(a) {
+    const p = t.fields.getByName(a);
+    return A({ f: p, s: e }, ({ f: g, s: m }) => {
+      const u = g && m[g.id] || null;
+      return u || (g != null && g.defaultValue ? g.defaultValue : null);
     });
   }
-  return E({
+  return P({
     clock: s,
     target: i.clearAll
-  }), E({
+  }), P({
     clock: o,
     target: i.clear
   }), {
-    register: d,
+    register: l,
     clearAll: s,
     clear: o,
-    commit: r,
-    listStore: g,
-    getAllStore: n,
-    getByFieldId: h,
-    getByFieldName: u
+    commit: n,
+    getResponsesToCommit: r,
+    listStore: h,
+    getAllStore: d,
+    getByFieldId: c,
+    getByFieldName: f
   };
 });
-function ze(t) {
-  return k(Le, t);
+function _e(t) {
+  return x(ze, t);
 }
-const _e = () => "0.0.7";
-function Ue() {
+const Ue = () => "0.0.8-next.1";
+function He() {
   if (_()) {
     const t = [
       document.currentScript,
@@ -586,21 +595,21 @@ function Ue() {
   }
   return "https://api.picked.app";
 }
-function He() {
-  if (!se())
+function Ke() {
+  if (!ne())
     return {};
   const t = new URLSearchParams(window.location.search), e = {}, s = /* @__PURE__ */ new Set();
   for (const [i] of t.entries())
     i.startsWith("picked-") && s.add(i);
   for (const i of s) {
-    const d = i.replace("picked-", "");
-    e[d] = t.getAll(i);
+    const l = i.replace("picked-", "");
+    e[l] = t.getAll(i);
   }
-  const o = j("s");
+  const o = B("s");
   if (s.size > 0)
-    B.set(o, e);
+    j.set(o, e);
   else {
-    const i = B.get(o);
+    const i = j.get(o);
     if (i)
       return i.json() || {};
   }
@@ -608,59 +617,59 @@ function He() {
 }
 class K {
   constructor(e) {
-    m(this, "options");
-    m(this, "isReady", !1);
-    m(this, "project");
-    m(this, "plugins", {});
-    m(this, "eventBus", Oe());
-    m(this, "organizationId");
-    m(this, "projectId");
-    m(this, "apiUrl");
-    m(this, "searchParams", He());
-    m(this, "history", De());
-    m(this, "components", ye({ client: this }));
-    m(this, "experienceInstances", Z({ client: this }));
-    m(this, "experiences", ce({ client: this }));
-    m(this, "frameworks", we({ client: this }));
-    m(this, "predicates", Pe({ client: this }));
-    m(this, "features", $e());
-    m(this, "fields", Me());
-    m(this, "responses", ze({ client: this }));
-    w("info", "Picked client initializing."), this.organizationId = e.organizationId, this.projectId = e.projectId, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || Ue(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.eventBus({ type: "initialized", version: _e() }), w("info", "Picked client initialized.");
+    y(this, "options");
+    y(this, "isReady", !1);
+    y(this, "project");
+    y(this, "plugins", {});
+    y(this, "eventBus", Oe());
+    y(this, "organizationId");
+    y(this, "projectId");
+    y(this, "apiUrl");
+    y(this, "searchParams", Ke());
+    y(this, "history", De());
+    y(this, "components", he({ client: this }));
+    y(this, "experienceInstances", ee({ client: this }));
+    y(this, "experiences", ue({ client: this }));
+    y(this, "frameworks", ve({ client: this }));
+    y(this, "predicates", Re({ client: this }));
+    y(this, "features", $e());
+    y(this, "responses", _e({ client: this }));
+    y(this, "fields", Me());
+    v("info", "Picked client initializing."), this.organizationId = e.organizationId, this.projectId = e.projectId, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || He(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.eventBus({ type: "initialized", version: Ue() }), v("info", "Picked client initialized.");
   }
   start() {
     be(this), (async () => {
-      _() && (document.body && await V(this), await ee(), await V(this), this.eventBus({ type: "ready" }), this.isReady = !0);
+      _() && (document.body && await T(this), await te(), await T(this), this.eventBus({ type: "ready" }), this.isReady = !0);
     })();
   }
   registerFramework(e) {
-    ve(e, this.frameworks);
+    ke(e, this.frameworks);
   }
   registerComponent(e, s) {
-    M(e, s, this.components);
+    V(e, s, this.components);
   }
   registerPlugin(e) {
-    de(this, e, this.plugins);
+    pe(this, e, this.plugins);
   }
   registerFeature(e, s) {
-    Re(e, s, this.features);
+    Ae(e, s, this.features);
   }
   registerPredicate(e, s) {
-    je(e, s, this.predicates);
+    Be(e, s, this.predicates);
   }
   registerField(e) {
     Ne(e, this.fields);
   }
   registerExperience(e) {
-    e.component && M(`experience:${e.id}`, e.component, this.components), ue(e, this.experiences);
+    e.component && V(`experience:${e.id}`, e.component, this.components), le(e, this.experiences);
   }
   getStateSnapshot() {
-    return Fe(this);
+    return Ie(this);
   }
   async launchExperienceById(e) {
     const s = this.experiences.getById(e).getState();
     if (!s) {
-      w("warn", `Experience with id '${e}' not found.`);
+      v("warn", `Experience with id '${e}' not found.`);
       return;
     }
     H(this, s);
@@ -701,13 +710,13 @@ class K {
         const [o, i] = s.split(":");
         if (!o || !i)
           return;
-        let d = i;
-        d === "true" && (d = !0), d === "false" && (d = !1), this.registerFeature(o, {
-          key: `${d}`,
+        let l = i;
+        l === "true" && (l = !0), l === "false" && (l = !1), this.registerFeature(o, {
+          key: `${l}`,
           // use the assigned bucket value as the key
           name: o,
           // eslint-disable-next-line sonarjs/function-return-type
-          decide: () => d,
+          decide: () => l,
           storage: "session"
         });
       } catch {
@@ -718,7 +727,7 @@ class K {
     const e = this.options.predicates;
     e && Object.entries(e).forEach(([s, o]) => {
       if (typeof o != "function") {
-        w("warn", `Predicate "${s}" is not a function.`);
+        v("warn", `Predicate "${s}" is not a function.`);
         return;
       }
       this.registerPredicate(s, o);
@@ -728,27 +737,50 @@ class K {
     return this.plugins[e] ?? {};
   }
 }
-m(K, "logger", w);
-const et = (t) => {
+y(K, "logger", v);
+function q(t) {
+  var e;
+  return ((e = t.options) == null ? void 0 : e.some((s) => "condition" in s)) ?? !1;
+}
+function qe(t) {
+  return t.some((e) => e.condition || q(e));
+}
+async function rt(t, e) {
+  return e.length === 0 || !qe(e) ? e : (await Promise.all(
+    e.map(async (o) => {
+      if (!(o.condition ? await R(t, o.condition) : !0))
+        return null;
+      if (!o.options || !q(o))
+        return o;
+      const r = (await Promise.all(
+        o.options.map(async (d) => d.condition ? await R(t, d.condition) ? d : null : d)
+      )).filter((d) => d !== null);
+      return r.length === o.options.length ? o : r.length === 0 ? null : { ...o, options: r };
+    })
+  )).filter((o) => o !== null);
+}
+const st = (t) => {
   const e = new K(t);
-  return ne(e), e;
+  return oe(e), e;
 };
 export {
   K as Picked,
-  et as createClient,
-  j as createStorageKey,
-  st as isPickedRoot,
-  C as localStore,
-  B as sessionStore,
-  ot as subscribe,
-  at as supportsCookies,
+  st as createClient,
+  B as createStorageKey,
+  R as evaluateRuleLogic,
+  rt as getStepFields,
+  it as isPickedRoot,
+  O as localStore,
+  j as sessionStore,
+  ct as subscribe,
+  lt as supportsCookies,
   _ as supportsDocument,
-  ct as supportsHistory,
-  ut as supportsIntersectionObserver,
-  lt as supportsLocalStorage,
-  dt as supportsLocation,
-  pt as supportsSessionStorage,
-  gt as supportsShadowRoot,
-  ft as supportsWebComponents,
-  se as supportsWindow
+  dt as supportsHistory,
+  pt as supportsIntersectionObserver,
+  gt as supportsLocalStorage,
+  ft as supportsLocation,
+  mt as supportsSessionStorage,
+  yt as supportsShadowRoot,
+  ht as supportsWebComponents,
+  ne as supportsWindow
 };