@picked/client 0.0.11-next.1 → 0.0.12-next.1

package/dist/esm/index.js

@@ -1,91 +1,92 @@
 var G = Object.defineProperty;
 var W = (t, e, s) => e in t ? G(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var h = (t, e, s) => W(t, typeof e != "symbol" ? e + "" : e, s);
-import { createDomain as x, createApi as I, createEffect as O, attach as Y, sample as P, combine as A, createEvent as C } from "effector";
-import { createFactory as k, invoke as b } from "@withease/factories";
-import { g as U, t as J, c as Q, e as R, i as X, a as Z, b as ee, d as te } from "../experience-instance-XlIuqLrL.js";
-import { f as gt } from "../experience-instance-XlIuqLrL.js";
-import { l as v } from "../logger-C9a75KZn.js";
-import { c as $, s as B, l as D } from "../storage-Cb_71y48.js";
-import { a as mt } from "../storage-Cb_71y48.js";
+var m = (t, e, s) => W(t, typeof e != "symbol" ? e + "" : e, s);
+import { createDomain as I, createApi as x, createEffect as O, attach as Y, sample as P, combine as j, createEvent as C } from "effector";
+import { createFactory as v, invoke as k } from "@withease/factories";
+import { g as U, t as J, c as Q, e as R, i as X, a as Z, b as ee, d as te } from "../experience-instance-BBz99AXU.js";
+import { f as yt } from "../experience-instance-BBz99AXU.js";
+import { l as w } from "../logger-C9a75KZn.js";
+import { c as A, s as $, l as D } from "../storage-Cb_71y48.js";
+import { a as wt } from "../storage-Cb_71y48.js";
 import { g as re } from "../id-BW-g3y32.js";
 import { i as se } from "../object-JwZ58NOH.js";
 import { s as z, a as ne, b as oe, c as ie, d as ae } from "../supports-BjhuLJ8z.js";
-import { h as yt, f as St, j as wt, e as vt, g as kt, i as bt, k as xt } from "../supports-BjhuLJ8z.js";
-const _ = x("experience"), ce = k(
+import { h as kt, f as bt, j as It, e as xt, g as Ft, i as Et, k as Pt } from "../supports-BjhuLJ8z.js";
+const _ = I("experience"), ce = v(
   ({ client: t, experience: e }) => {
-    const s = _.store(e), o = I(s, {
-      merge(n, d) {
+    const s = _.store(e), n = x(s, {
+      merge(u, h) {
         return {
-          ...n,
-          ...d.experience
+          ...u,
+          ...h.experience
         };
       }
-    }), i = s.map((n) => ({
-      type: n.type,
-      name: n.name,
-      decisionLogic: n.decide,
-      targetSelectors: n.targets
-    })), l = t.components.listStore.map(
-      (n) => n.find((d) => d.name === `experience:${e.id}`) || n.find((d) => d.name === "experience"),
+    }), i = s.map((u) => ({
+      type: u.type,
+      name: u.name,
+      decisionLogic: u.decide,
+      targetSelectors: u.targets
+    })), c = t.components.listStore.map(
+      (u) => u.find((h) => h.name === `experience:${e.id}`) || u.find((h) => h.name === "experience"),
       { skipVoid: !1 }
-    ), r = s.map((n) => ({
-      steps: n.steps,
-      nodes: n.nodes,
-      edges: n.edges,
-      conditionals: n.conditionals
-    }));
+    ), r = s.map((u) => ({
+      steps: u.steps,
+      nodes: u.nodes,
+      edges: u.edges,
+      conditionals: u.conditionals
+    })), o = e.actions ?? [];
     return {
       id: e.id,
       configStore: i,
       treeStore: r,
-      componentStore: l,
-      merge: o.merge
+      componentStore: c,
+      actions: o,
+      merge: n.merge
     };
   }
 );
 function ue(t) {
-  return b(ce, t);
+  return k(ce, t);
 }
-const le = k(({ client: t }) => {
-  const e = _.store({}), s = I(e, {
-    register(r, n) {
+const le = v(({ client: t }) => {
+  const e = _.store({}), s = x(e, {
+    register(r, o) {
       return {
         ...r,
-        [n.id]: n
+        [o.id]: o
       };
     }
   });
-  function o(r) {
-    const n = e.getState()[r.id];
-    if (n) {
-      n.merge({ experience: r, strategy: "override" });
+  function n(r) {
+    const o = e.getState()[r.id];
+    if (o) {
+      o.merge({ experience: r, strategy: "override" });
       return;
     }
-    const d = ue({ client: t, experience: r });
-    s.register(d);
+    const u = ue({ client: t, experience: r });
+    s.register(u);
   }
   const i = e.map((r) => Object.values(r));
-  function l(r) {
-    return e.map((n) => n[r], { skipVoid: !1 });
+  function c(r) {
+    return e.map((o) => o[r], { skipVoid: !1 });
   }
   return {
-    register: o,
-    getById: l,
+    register: n,
+    getById: c,
     listStore: i
   };
 });
 function de(t) {
-  return b(le, t);
+  return k(le, t);
 }
 const pe = (t, e) => {
   e.register(t);
 }, H = (t, e) => {
-  const { targetSelectors: s } = e.configStore.getState(), o = U(s, e.id);
-  o.forEach(
-    ({ elements: l }) => l.forEach((r) => J(r, e.id))
-  ), Q(o, e.id).forEach((l) => {
-    t.experienceInstances.spawn(e, l);
+  const { targetSelectors: s } = e.configStore.getState(), n = U(s, e.id);
+  n.forEach(
+    ({ elements: c }) => c.forEach((r) => J(r, e.id))
+  ), Q(n, e.id).forEach((c) => {
+    t.experienceInstances.spawn(e, c);
   });
 }, M = async (t) => {
   await Promise.all(
@@ -94,109 +95,109 @@ const pe = (t, e) => {
     })
   );
 }, ge = async (t, e) => {
-  const { type: s, decisionLogic: o, targetSelectors: i } = e.configStore.getState();
-  return U(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;
+  const { type: s, decisionLogic: n, targetSelectors: i } = e.configStore.getState();
+  return U(i, e.id).length < 1 ? !1 : s === "funnel" ? n ? await R(t, n) === !0 : !1 : i.length === 0 ? !1 : X(n) ? await R(t, n) === !0 : !0;
 }, fe = (t, e, s) => {
-  const o = e.name, i = e.setup(t);
+  const n = e.name, i = e.setup(t);
   if (i) {
-    const l = s[o] ?? {};
-    s[o] = Object.freeze({ ...l, ...i });
+    const c = s[n] ?? {};
+    s[n] = Object.freeze({ ...c, ...i });
   }
-}, me = x("component"), he = k(
+}, me = I("component"), he = v(
   ({ client: t, component: e, name: s }) => {
-    const o = t.frameworks.getByName(e.frameworkName);
+    const n = t.frameworks.getByName(e.frameworkName);
     return {
       name: s,
       component: e,
-      frameworkStore: o
+      frameworkStore: n
     };
   }
 );
 function ye(t) {
-  return b(he, t);
+  return k(he, t);
 }
-const Se = k(({ client: t }) => {
-  const e = me.store({}), s = I(e, {
-    register(r, n) {
+const Se = v(({ client: t }) => {
+  const e = me.store({}), s = x(e, {
+    register(r, o) {
       return {
         ...r,
-        [n.name]: n
+        [o.name]: o
       };
     }
   });
-  function o(r, n) {
-    e.getState()[r] && v(
+  function n(r, o) {
+    e.getState()[r] && w(
       "warn",
       `Component '${r}' already registered. Registering again will override the previous registration.`
     );
-    const y = ye({ client: t, name: r, component: n });
-    s.register(y);
+    const h = ye({ client: t, name: r, component: o });
+    s.register(h);
   }
   const i = e.map((r) => Object.values(r));
-  function l(r) {
-    return e.map((n) => n[r], { skipVoid: !1 });
+  function c(r) {
+    return e.map((o) => o[r], { skipVoid: !1 });
   }
   return {
-    register: o,
-    getByName: l,
+    register: n,
+    getByName: c,
     listStore: i
   };
 });
 function we(t) {
-  return b(Se, t);
+  return k(Se, t);
 }
 const T = (t, e, s) => {
   s.register(t, e);
-}, ve = x("framework"), ke = k(({ client: t }) => {
-  const e = ve.store({}), s = I(e, {
-    register(r, n) {
+}, ve = I("framework"), ke = v(({ client: t }) => {
+  const e = ve.store({}), s = x(e, {
+    register(r, o) {
       return {
         ...r,
-        [n.name]: n.framework
+        [o.name]: o.framework
       };
     }
   });
-  function o(r, n) {
-    e.getState()[r] && v(
+  function n(r, o) {
+    e.getState()[r] && w(
       "warn",
       `Framework '${r}' already registered. Registering again will override the previous registration.`
-    ), s.register({ name: r, framework: n });
+    ), s.register({ name: r, framework: o });
   }
   const i = e.map((r) => Object.values(r));
-  function l(r) {
-    return e.map((n) => n[r], { skipVoid: !1 });
+  function c(r) {
+    return e.map((o) => o[r], { skipVoid: !1 });
   }
   return {
-    register: o,
-    getByName: l,
+    register: n,
+    getByName: c,
     listStore: i
   };
 });
 function be(t) {
-  return b(ke, t);
+  return k(ke, t);
 }
-const xe = (t, e) => {
+const Ie = (t, e) => {
   e.register(t.name, t);
-}, Ie = 6e3, V = $("last_ping", "global"), Fe = (t) => `${t}/api/v1/ping`, Ee = async (t) => {
+}, xe = 6e3, V = A("last_ping", "global"), Fe = (t) => `${t}/api/v1/ping`, Ee = async (t) => {
   try {
     const e = Date.now(), s = localStorage.getItem(V);
-    if (s && e - parseInt(s) < Ie)
+    if (s && e - parseInt(s) < xe)
       return !0;
-    const o = Fe(t.apiUrl), i = {
+    const n = Fe(t.apiUrl), i = {
       projectId: t.projectId,
       path: window.location.pathname
-    }, l = JSON.stringify(i), r = {
+    }, c = JSON.stringify(i), r = {
       "Content-Type": "application/json"
-    }, 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, {
+    }, o = document.getElementById("picked_script"), u = o == null ? void 0 : o.dataset.verceltoken;
+    u && (r["x-vercel-protection-bypass"] = u);
+    const l = (await fetch(n, {
       method: "POST",
       headers: r,
-      body: l
+      body: c
     })).ok;
-    return c && localStorage.setItem(V, e.toString()), c;
+    return l && localStorage.setItem(V, e.toString()), l;
   } catch (e) {
-    return v("error", e), !1;
+    return w("error", e), !1;
   }
 };
 function Pe(t) {
@@ -211,129 +212,129 @@ function Pe(t) {
   };
   return Object.freeze(s);
 }
-const Re = x("predicate"), $e = k(({ client: t }) => {
-  const e = Re.store({}), s = I(e, {
-    register(r, n) {
+const Re = I("predicate"), Ae = v(({ client: t }) => {
+  const e = Re.store({}), s = x(e, {
+    register(r, o) {
       return {
         ...r,
-        [n.name]: {
-          name: n.name,
-          predicate: n.predicate
+        [o.name]: {
+          name: o.name,
+          predicate: o.predicate
         }
       };
     }
   });
-  function o(r, n) {
-    e.getState()[r] && v(
+  function n(r, o) {
+    e.getState()[r] && w(
       "warn",
       `Predicate '${r}' already registered. Registering again will override the previous registration.`
-    ), s.register(Object.freeze({ name: r, predicate: n }));
+    ), s.register(Object.freeze({ name: r, predicate: o }));
   }
   const i = e.map((r) => Object.values(r));
-  function l(r) {
-    return e.map((n) => n[r], { skipVoid: !1 });
+  function c(r) {
+    return e.map((o) => o[r], { skipVoid: !1 });
   }
   return {
-    register: o,
-    getByName: l,
+    register: n,
+    getByName: c,
     listStore: i
   };
 });
-function Be(t) {
-  return b($e, t);
+function $e(t) {
+  return k(Ae, t);
 }
-const je = (t, e, s) => {
+const Be = (t, e, s) => {
   s.register(t, e);
-}, N = x("feature"), Ae = k(() => {
-  const t = N.store({}), e = N.store([]), s = I(t, {
-    register(c, f) {
+}, N = I("feature"), je = v(() => {
+  const t = N.store({}), e = N.store([]), s = x(t, {
+    register(l, f) {
       return {
-        ...c,
+        ...l,
         [f.id]: f.feature
       };
     }
   });
-  function o(c, f) {
-    t.getState()[c] && v(
+  function n(l, f) {
+    t.getState()[l] && w(
       "warn",
-      `Feature '${c}' already registered. Registering again will override the previous registration.`
+      `Feature '${l}' already registered. Registering again will override the previous registration.`
     );
     const p = {
-      id: c,
+      id: l,
       feature: {
         ...f,
-        id: c
+        id: l
       }
     };
     s.register(
       Object.freeze({
-        id: c,
+        id: l,
         feature: p
       })
     );
   }
   const i = O(
     async ({
-      id: c,
+      id: l,
       key: f,
       storage: a = "local"
     }) => {
-      const p = $(`feature:${c}:${f}`, "global"), m = (a === "session" ? B : D).get(p).boolean();
-      if (m !== null)
-        return { id: c, bucket: m };
+      const p = A(`feature:${l}:${f}`, "global"), y = (a === "session" ? $ : D).get(p).boolean();
+      if (y !== null)
+        return { id: l, bucket: y };
     }
-  ), l = O((c) => {
-    if (!c)
+  ), c = O((l) => {
+    if (!l)
       return null;
-    const f = $(`feature:${c.id}:${c.key}`, "global");
-    (c.storage === "session" ? B : D).set(f, c.bucket);
-  }), r = /* @__PURE__ */ new Map(), n = Y({
+    const f = A(`feature:${l.id}:${l.key}`, "global");
+    (l.storage === "session" ? $ : D).set(f, l.bucket);
+  }), r = /* @__PURE__ */ new Map(), o = Y({
     source: { allFeaturesStore: t, resolvedFeaturesStore: e },
-    effect: async ({ allFeaturesStore: c, resolvedFeaturesStore: f }, { id: a, decide: p, key: g }) => {
-      const m = f.find((F) => F.id === a);
-      if (m)
-        return m;
-      const u = c[a];
-      if (!u)
+    effect: async ({ allFeaturesStore: l, resolvedFeaturesStore: f }, { id: a, decide: p, key: g }) => {
+      const y = f.find((F) => F.id === a);
+      if (y)
+        return y;
+      const d = l[a];
+      if (!d)
         throw new Error(`Feature with id '${a}' not found`);
       const S = r.get(`${a}:${g}`);
       if (S !== void 0) {
         const F = await S;
-        return { id: u.id, bucket: F, storage: u.feature.storage };
+        return { id: d.id, bucket: F, storage: d.feature.storage };
       }
-      const w = p();
-      r.set(`${a}:${g}`, w);
-      const j = await w;
-      return { id: u.id, bucket: j, storage: u.feature.storage };
+      const b = p();
+      r.set(`${a}:${g}`, b);
+      const B = await b;
+      return { id: d.id, bucket: B, storage: d.feature.storage };
     }
   });
   P({
     clock: s.register,
-    fn: (c) => {
-      const { id: f, feature: a } = c;
+    fn: (l) => {
+      const { id: f, feature: a } = l;
       return { id: f, key: a.feature.key, storage: a.feature.storage };
     },
     target: i
   }), P({
     source: e,
-    clock: [i.doneData, n.doneData],
-    fn: (c, f) => !f || c.some((a) => a.id === f.id) ? c : [...c, f],
+    clock: [i.doneData, o.doneData],
+    fn: (l, f) => !f || l.some((a) => a.id === f.id) ? l : [...l, f],
     target: e
   }), P({
     source: t,
-    clock: n.doneData,
-    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;
+    clock: o.doneData,
+    fn: (l, f) => {
+      var d;
+      const { id: a, bucket: p, storage: g } = f, y = (d = l[a]) == null ? void 0 : d.feature.key;
+      return y ? { key: y, id: a, bucket: p, storage: g } : null;
     },
-    target: l
+    target: c
   });
-  const d = A({ allFeaturesStore: t, resolvedFeaturesStore: e }).map(
+  const u = j({ allFeaturesStore: t, resolvedFeaturesStore: e }).map(
     ({
-      allFeaturesStore: c,
+      allFeaturesStore: l,
       resolvedFeaturesStore: f
-    }) => Object.values(c).map((a) => {
+    }) => Object.values(l).map((a) => {
       const p = f.find((g) => g.id === a.id);
       return p ? {
         id: a.id,
@@ -345,26 +346,26 @@ const je = (t, e, s) => {
         id: a.id,
         name: a.feature.name,
         key: a.feature.key,
-        getBucket: async () => await n(a.feature),
+        getBucket: async () => await o(a.feature),
         isResolved: !1
       };
     })
   );
-  function y(c) {
-    return t.map((f) => f[c], { skipVoid: !1 });
+  function h(l) {
+    return t.map((f) => f[l], { skipVoid: !1 });
   }
   return {
-    register: o,
-    getByName: y,
-    listStore: d
+    register: n,
+    getByName: h,
+    listStore: u
   };
 });
 function Ce() {
-  return b(Ae);
+  return k(je);
 }
 const De = (t, e, s) => {
   s.register(t, e);
-}, E = x("history");
+}, E = I("history");
 function L(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
@@ -374,80 +375,110 @@ function L(t, e) {
     experienceId: t
   };
 }
-const Oe = 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) => ({
+const Oe = v(() => {
+  const t = E.store({ entries: [] }), e = E.event(), s = E.event(), n = E.event(), i = E.event();
+  t.on(e, (r, o) => ({
+    entries: [...r.entries, L(o.experienceId, o.node)]
+  })), t.on(s, (r, o) => ({
     entries: [
       ...r.entries.slice(0, -1),
-      L(n.experienceId, n.node)
+      L(o.experienceId, o.node)
     ]
-  })), t.on(i, (r, n) => n);
-  function l(r, n) {
-    const d = { lastStepIndex: -1, secondLastStepIndex: -1 };
-    for (let y = r.length - 1; y >= 0; y--) {
-      const c = r[y], 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 = y;
+  })), t.on(i, (r, o) => o);
+  function c(r, o) {
+    const u = { lastStepIndex: -1, secondLastStepIndex: -1 };
+    for (let h = r.length - 1; h >= 0; h--) {
+      const l = r[h], f = l == null ? void 0 : l.node;
+      if (!(!f || !Z(f)) && !(o && (l == null ? void 0 : l.experienceId) !== o))
+        if (u.lastStepIndex === -1)
+          u.lastStepIndex = h;
         else {
-          d.secondLastStepIndex = y;
+          u.secondLastStepIndex = h;
           break;
         }
     }
-    return d;
+    return u;
   }
-  return t.on(o, (r, n) => {
-    const { secondLastStepIndex: d } = l(r.entries, n.experienceId), y = d !== -1 ? r.entries.slice(0, d + 1) : r.entries;
+  return t.on(n, (r, o) => {
+    const { secondLastStepIndex: u } = c(r.entries, o.experienceId), h = u !== -1 ? r.entries.slice(0, u + 1) : r.entries;
     return {
       ...r,
-      entries: y
+      entries: h
     };
   }), {
     push: e,
     replace: s,
-    back: o,
+    back: n,
     restore: i,
     entriesStore: t.map((r) => r.entries)
   };
 });
 function Me() {
-  return b(Oe);
+  return k(Oe);
 }
-const Te = () => C(), Ve = x("field"), Ne = k(() => {
-  const t = Ve.store({}), e = I(t, {
-    register(r, n) {
+const Te = () => C(), Ve = I("field"), Ne = v(() => {
+  const t = Ve.store({}), e = x(t, {
+    register(r, o) {
       return {
         ...r,
-        [n.field.id]: n.field
+        [o.field.id]: o.field
       };
     }
   });
   function s(r) {
     e.register({ field: r });
   }
-  const o = t.map((r) => Object.values(r));
+  const n = t.map((r) => Object.values(r));
   function i(r) {
-    return t.map((n) => n[r] || null);
+    return t.map((o) => o[r] || null);
   }
-  function l(r) {
-    return t.map((n) => Object.values(n).find((d) => d.name === r) || null);
+  function c(r) {
+    return t.map((o) => Object.values(o).find((u) => u.name === r) || null);
   }
   return {
     register: s,
     getById: i,
-    listStore: o,
-    getByName: l
+    listStore: n,
+    getByName: c
   };
 });
 function Le() {
-  return b(Ne);
+  return k(Ne);
 }
 const Ue = (t, e) => {
   e.register(t);
-}, ze = x("response"), _e = k(({ client: t }) => {
-  const e = ze.store({}), s = C(), o = C(), i = I(e, {
+}, ze = I("action"), _e = v(() => {
+  const t = ze.store({}), e = x(t, {
+    register(c, r) {
+      return {
+        ...c,
+        [r.name]: {
+          name: r.name,
+          action: r.action
+        }
+      };
+    }
+  });
+  function s(c, r) {
+    e.register({ name: c, action: r });
+  }
+  const n = t.map((c) => Object.values(c));
+  function i(c) {
+    return t.map((r) => r[c], { skipVoid: !1 });
+  }
+  return {
+    register: s,
+    getByName: i,
+    listStore: n
+  };
+});
+function He() {
+  return k(_e);
+}
+const Ke = (t, e, s) => {
+  s.register(t, e);
+}, qe = I("response"), Ge = v(({ client: t }) => {
+  const e = qe.store({}), s = C(), n = C(), i = x(e, {
     register(a, p) {
       return {
         ...a,
@@ -461,126 +492,126 @@ const Ue = (t, e) => {
       };
     },
     clear(a, p) {
-      const { [p]: g, ...m } = a;
-      return m;
+      const { [p]: g, ...y } = a;
+      return y;
     },
     clearAll() {
       return {};
     }
   });
-  function l(a, p) {
+  function c(a, p) {
     i.register({ fieldId: a, response: p });
   }
   async function r(a) {
     const p = [];
     return await Promise.allSettled(
-      Object.entries(a).map(async ([g, m]) => {
-        let u = m;
+      Object.entries(a).map(async ([g, y]) => {
+        let d = y;
         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
+            value: d
           });
           return;
         }
-        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 (S.multiple && (typeof d == "string" || typeof d == "number" || typeof d == "boolean") && (d = [d]), S.validation && !se(S.validation)) {
+          const b = await R(t, S.validation, {
+            $input: d
           });
-          if (typeof w == "string") {
+          if (typeof b == "string") {
             p.push({
               fieldId: g,
-              userMessage: w,
-              systemMessage: `Field validation resulted in an error: ${w}.`,
-              value: u
+              userMessage: b,
+              systemMessage: `Field validation resulted in an error: ${b}.`,
+              value: d
             });
             return;
           }
-          if (w === !1) {
+          if (b === !1) {
             p.push({
               fieldId: g,
               userMessage: "This field is invalid",
               systemMessage: "Field validation resulted in an unspecified error.",
-              value: u
+              value: d
             });
             return;
           }
         }
-        if (S.required && (typeof u > "u" || u === null || u === "" || Array.isArray(u) && !u.length)) {
+        if (S.required && (typeof d > "u" || d === null || d === "" || Array.isArray(d) && !d.length)) {
           p.push({
             fieldId: g,
             userMessage: "This field is required",
             systemMessage: "Field is required.",
-            value: u
+            value: d
           });
           return;
         }
-        if (!S.multiple && Array.isArray(u) && u.length > 1) {
+        if (!S.multiple && Array.isArray(d) && d.length > 1) {
           p.push({
             fieldId: g,
             userMessage: "This field expects a single response",
             systemMessage: "Field expects a single response.",
-            value: u
+            value: d
           });
           return;
         }
         if (S.options) {
-          const w = S.options.map((F) => F.value), j = Array.isArray(u) ? u : [u];
-          Array.isArray(u) && (j.every((F) => w.includes(F)) || p.push({
+          const b = S.options.map((F) => F.value), B = Array.isArray(d) ? d : [d];
+          Array.isArray(d) && (B.every((F) => b.includes(F)) || p.push({
             fieldId: g,
             userMessage: "This field expects a valid option",
-            systemMessage: `Field expects a valid option. Valid options are: ${w.join(", ")}`,
-            value: u
+            systemMessage: `Field expects a valid option. Valid options are: ${b.join(", ")}`,
+            value: d
           }));
         }
       })
     ), { responsesToCommit: a, validationErrors: p };
   }
-  async function n(a) {
+  async function o(a) {
     const { responsesToCommit: p, validationErrors: g } = await r(a);
     return g.length ? { errors: g } : (i.registerBatch(p), { errors: [] });
   }
-  const d = e.map((a) => a), y = e.map((a) => Object.keys(a).map((g) => ({
+  const u = e.map((a) => a), h = e.map((a) => Object.keys(a).map((g) => ({
     fieldId: g,
     value: a[g]
   })));
-  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 l(a) {
+    const p = t.fields.getById(a), g = e.map((y) => y[a] || null);
+    return j({ f: p, r: g }, ({ f: y, r: d }) => d || (y != null && y.defaultValue ? y.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 j({ f: p, s: e }, ({ f: g, s: y }) => {
+      const d = g && y[g.id] || null;
+      return d || (g != null && g.defaultValue ? g.defaultValue : null);
     });
   }
   return P({
     clock: s,
     target: i.clearAll
   }), P({
-    clock: o,
+    clock: n,
     target: i.clear
   }), {
-    register: l,
+    register: c,
     clearAll: s,
-    clear: o,
-    commit: n,
+    clear: n,
+    commit: o,
     getResponsesToCommit: r,
-    listStore: y,
-    getAllStore: d,
-    getByFieldId: c,
+    listStore: h,
+    getAllStore: u,
+    getByFieldId: l,
     getByFieldName: f
   };
 });
-function He(t) {
-  return b(_e, t);
+function We(t) {
+  return k(Ge, t);
 }
-const Ke = () => "0.0.11-next.1";
-function qe() {
+const Ye = () => "0.0.12-next.1";
+function Je() {
   if (z()) {
     const t = [
       document.currentScript,
@@ -595,62 +626,63 @@ function qe() {
   }
   return "https://api.picked.app";
 }
-function Ge() {
+function Qe() {
   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 l = i.replace("picked-", "");
-    e[l] = t.getAll(i);
+    const c = i.replace("picked-", "");
+    e[c] = t.getAll(i);
   }
-  const o = $("s");
+  const n = A("s");
   if (s.size > 0)
-    B.set(o, e);
+    $.set(n, e);
   else {
-    const i = B.get(o);
+    const i = $.get(n);
     if (i)
       return i.json() || {};
   }
   return e;
 }
-function We() {
+function Xe() {
   if (ie())
     return crypto.randomUUID();
-  const t = Date.now().toString(36), e = Math.random().toString(36).substring(2, 15), s = Math.random().toString(36).substring(2, 15), o = Math.random().toString(36).substring(2, 15);
-  return `${t}-${e}-${s}-${o}`;
+  const t = Date.now().toString(36), e = Math.random().toString(36).substring(2, 15), s = Math.random().toString(36).substring(2, 15), n = Math.random().toString(36).substring(2, 15);
+  return `${t}-${e}-${s}-${n}`;
 }
-const Ye = () => ({
-  id: We()
-}), Je = $("session", "global"), Qe = () => {
+const Ze = () => ({
+  id: Xe()
+}), et = A("session", "global"), tt = () => {
   if (!oe()) return null;
-  const t = D.get(Je);
+  const t = D.get(et);
   let e = t.isSet() ? t.json() : null;
-  return e || (e = Ye(), t.set(e)), e;
-}, Xe = () => Qe();
+  return e || (e = Ze(), t.set(e)), e;
+}, rt = () => tt();
 class K {
   constructor(e) {
-    h(this, "options");
-    h(this, "isReady", !1);
-    h(this, "project");
-    h(this, "plugins", {});
-    h(this, "eventBus", Te());
-    h(this, "organizationId");
-    h(this, "projectId");
-    h(this, "apiUrl");
-    h(this, "session");
-    h(this, "searchParams", Ge());
-    h(this, "history", Me());
-    h(this, "components", we({ client: this }));
-    h(this, "experienceInstances", ee({ client: this }));
-    h(this, "experiences", de({ client: this }));
-    h(this, "frameworks", be({ client: this }));
-    h(this, "predicates", Be({ client: this }));
-    h(this, "features", Ce());
-    h(this, "responses", He({ client: this }));
-    h(this, "fields", Le());
-    v("info", "Picked client initializing."), this.organizationId = e.organizationId, this.projectId = e.projectId, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || qe(), this.session = Xe(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.eventBus({ type: "initialized", version: Ke() }), v("info", "Picked client initialized.");
+    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, "searchParams", Qe());
+    m(this, "history", Me());
+    m(this, "components", we({ client: this }));
+    m(this, "experienceInstances", ee({ client: this }));
+    m(this, "experiences", de({ client: this }));
+    m(this, "frameworks", be({ client: this }));
+    m(this, "predicates", $e({ client: this }));
+    m(this, "features", Ce());
+    m(this, "responses", We({ client: this }));
+    m(this, "fields", Le());
+    m(this, "actions", He());
+    w("info", "Picked client initializing."), this.organizationId = e.organizationId, this.projectId = e.projectId, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || Je(), this.session = rt(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.eventBus({ type: "initialized", version: Ye() }), w("info", "Picked client initialized.");
   }
   start() {
     Ee(this), (async () => {
@@ -658,7 +690,7 @@ class K {
     })();
   }
   registerFramework(e) {
-    xe(e, this.frameworks);
+    Ie(e, this.frameworks);
   }
   registerComponent(e, s) {
     T(e, s, this.components);
@@ -670,11 +702,14 @@ class K {
     De(e, s, this.features);
   }
   registerPredicate(e, s) {
-    je(e, s, this.predicates);
+    Be(e, s, this.predicates);
   }
   registerField(e) {
     Ue(e, this.fields);
   }
+  registerAction(e, s) {
+    Ke(e, s, this.actions);
+  }
   registerExperience(e) {
     e.component && T(`experience:${e.id}`, e.component, this.components), pe(e, this.experiences);
   }
@@ -684,7 +719,7 @@ class K {
   async launchExperienceById(e) {
     const s = this.experiences.getById(e).getState();
     if (!s) {
-      v("warn", `Experience with id '${e}' not found.`);
+      w("warn", `Experience with id '${e}' not found.`);
       return;
     }
     H(this, s);
@@ -707,31 +742,31 @@ class K {
         });
         return;
       }
-      const o = typeof s == "function" ? s() : s;
-      if (Array.isArray(o)) {
-        o.forEach((i) => this.registerPlugin(i));
+      const n = typeof s == "function" ? s() : s;
+      if (Array.isArray(n)) {
+        n.forEach((i) => this.registerPlugin(i));
         return;
       }
-      this.registerPlugin(o);
+      this.registerPlugin(n);
     });
   }
   setupFeatures() {
     const e = this.options.features;
-    e && (Object.entries(e).forEach(([s, o]) => {
-      const i = typeof o == "function" ? o() : o;
+    e && (Object.entries(e).forEach(([s, n]) => {
+      const i = typeof n == "function" ? n() : n;
       this.registerFeature(s, i);
     }), this.searchParams.feature && this.searchParams.feature.forEach((s) => {
       try {
-        const [o, i] = s.split(":");
-        if (!o || !i)
+        const [n, i] = s.split(":");
+        if (!n || !i)
           return;
-        let l = i;
-        l === "true" && (l = !0), l === "false" && (l = !1), this.registerFeature(o, {
-          key: `${l}`,
+        let c = i;
+        c === "true" && (c = !0), c === "false" && (c = !1), this.registerFeature(n, {
+          key: `${c}`,
           // use the assigned bucket value as the key
-          name: o,
+          name: n,
           // eslint-disable-next-line sonarjs/function-return-type
-          decide: () => l,
+          decide: () => c,
           storage: "session"
         });
       } catch {
@@ -740,63 +775,73 @@ class K {
   }
   setupPredicates() {
     const e = this.options.predicates;
-    e && Object.entries(e).forEach(([s, o]) => {
-      if (typeof o != "function") {
-        v("warn", `Predicate "${s}" is not a function.`);
+    e && Object.entries(e).forEach(([s, n]) => {
+      if (typeof n != "function") {
+        w("warn", `Predicate "${s}" is not a function.`);
+        return;
+      }
+      this.registerPredicate(s, n);
+    });
+  }
+  setupActions() {
+    const e = this.options.actions;
+    e && Object.entries(e).forEach(([s, n]) => {
+      if (typeof n != "function") {
+        w("warn", `Action "${s}" is not a function.`);
         return;
       }
-      this.registerPredicate(s, o);
+      this.registerAction(s, n);
     });
   }
   getPluginConfig(e) {
     return this.plugins[e] ?? {};
   }
 }
-h(K, "logger", v);
+m(K, "logger", w);
 function q(t) {
   var e;
   return ((e = t.options) == null ? void 0 : e.some((s) => "condition" in s)) ?? !1;
 }
-function Ze(t) {
+function st(t) {
   return t.some((e) => e.condition || q(e));
 }
-async function ut(t, e) {
-  return e.length === 0 || !Ze(e) ? e : (await Promise.all(
-    e.map(async (o) => {
-      if (!(o.condition ? await R(t, o.condition) : !0))
+async function gt(t, e) {
+  return e.length === 0 || !st(e) ? e : (await Promise.all(
+    e.map(async (n) => {
+      if (!(n.condition ? await R(t, n.condition) : !0))
         return null;
-      if (!o.options || !q(o))
-        return o;
+      if (!n.options || !q(n))
+        return n;
       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 };
+        n.options.map(async (u) => u.condition ? await R(t, u.condition) ? u : null : u)
+      )).filter((u) => u !== null);
+      return r.length === n.options.length ? n : r.length === 0 ? null : { ...n, options: r };
     })
-  )).filter((o) => o !== null);
+  )).filter((n) => n !== null);
 }
-const lt = (t) => {
+const ft = (t) => {
   const e = new K(t);
   return ae(e), e;
 };
 export {
   K as Picked,
-  lt as createClient,
-  $ as createStorageKey,
+  ft as createClient,
+  A as createStorageKey,
   R as evaluateRuleLogic,
-  ut as getStepFields,
-  gt as isPickedRoot,
+  gt as getStepFields,
+  yt as isPickedRoot,
   D as localStore,
-  B as sessionStore,
-  mt as subscribe,
-  yt as supportsCookies,
+  $ as sessionStore,
+  wt as subscribe,
+  kt as supportsCookies,
   ie as supportsCryptoRandomUUID,
   z as supportsDocument,
-  St as supportsHistory,
-  wt as supportsIntersectionObserver,
+  bt as supportsHistory,
+  It as supportsIntersectionObserver,
   oe as supportsLocalStorage,
-  vt as supportsLocation,
-  kt as supportsSessionStorage,
-  bt as supportsShadowRoot,
-  xt as supportsWebComponents,
+  xt as supportsLocation,
+  Ft as supportsSessionStorage,
+  Et as supportsShadowRoot,
+  Pt as supportsWebComponents,
   ne as supportsWindow
 };