@picked/client 0.0.11 → 0.0.12-next.10

package/dist/esm/index.js

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