@picked/client 0.0.45-next.4 → 0.0.45-next.5

package/dist/esm/index.js

@@ -1,24 +1,25 @@
-import { createDomain as x, createApi as j, createStore as N, createEffect as $, sample as k, attach as Z, combine as D, createEvent as V } from "effector";
-import { createFactory as b, invoke as I } from "@withease/factories";
-import { g as q, t as ee, c as te, i as re, e as E, a as ne, b as se, d as ie } from "../experience-instance-CU_pYPyd.js";
-import { f as Bt } from "../experience-instance-CU_pYPyd.js";
-import { l as w } from "../logger-C9a75KZn.js";
-import { c as A, l as C, s as z } from "../storage-Co_LbKr_.js";
-import { a as $t } from "../storage-Co_LbKr_.js";
-import { g as oe } from "../id-BW-g3y32.js";
-import { i as ae } from "../object-JwZ58NOH.js";
-import { s as T, a as U, b as ce, c as ue, d as de } from "../supports-8YT4QKI7.js";
-import { e as Ct, f as zt, g as Mt, h as Dt, i as Vt, j as Nt, k as Tt } from "../supports-8YT4QKI7.js";
-const K = x("experience"), le = b(
+import { createDomain as F, createApi as x, createStore as V, createEffect as R, sample as v, attach as Z, combine as D, createEvent as U } from "effector";
+import { createFactory as w, invoke as b } from "@withease/factories";
+import { g as q, t as ee, c as te, i as re, e as P, a as ne, b as se, d as ie } from "../experience-instance-CU_pYPyd.js";
+import { f as zt } from "../experience-instance-CU_pYPyd.js";
+import { l as k } from "../logger-C9a75KZn.js";
+import { c as A, l as C, s as O } from "../storage-Co_LbKr_.js";
+import { a as Ot } from "../storage-Co_LbKr_.js";
+import { p as oe } from "../api-CbXfbi_s.js";
+import { g as ae } from "../id-BW-g3y32.js";
+import { i as ce } from "../object-JwZ58NOH.js";
+import { s as N, a as T, b as ue, c as de, d as le } from "../supports-8YT4QKI7.js";
+import { e as Dt, f as Ut, g as Vt, h as Nt, i as Tt, j as Lt, k as _t } from "../supports-8YT4QKI7.js";
+const K = F("experience"), pe = w(
   ({ client: t, experience: e }) => {
-    const r = K.store(e), n = j(r, {
+    const r = K.store(e), n = x(r, {
       merge(p, h) {
         return {
           ...p,
           ...h.experience
         };
       }
-    }), o = r.map((p) => ({
+    }), i = r.map((p) => ({
       name: p.name,
       decisionLogic: p.condition ?? p.decide,
       targetSelectors: p.targets,
@@ -26,7 +27,7 @@ const K = x("experience"), le = b(
     })), d = t.components.listStore.map(
       (p) => p.find((h) => h.name === `experience:${e.id}`) || p.find((h) => h.name === "experience"),
       { skipVoid: !1 }
-    ), i = r.map((p) => ({
+    ), o = r.map((p) => ({
       steps: p.steps,
       nodes: p.nodes,
       edges: p.edges,
@@ -34,8 +35,8 @@ const K = x("experience"), le = b(
     })), s = r.map((p) => p.fields), l = e.actions ?? [];
     return {
       id: e.id,
-      configStore: o,
-      treeStore: i,
+      configStore: i,
+      treeStore: o,
       fieldsStore: s,
       componentStore: d,
       actions: l,
@@ -43,65 +44,65 @@ const K = x("experience"), le = b(
     };
   }
 );
-function pe(t) {
-  return I(le, t);
+function fe(t) {
+  return b(pe, t);
 }
-const fe = b(({ client: t }) => {
-  const e = K.store({}), r = j(e, {
-    register(i, s) {
+const ge = w(({ client: t }) => {
+  const e = K.store({}), r = x(e, {
+    register(o, s) {
       return {
-        ...i,
+        ...o,
         [s.id]: s
       };
     }
   });
-  function n(i) {
-    const s = e.getState()[i.id];
+  function n(o) {
+    const s = e.getState()[o.id];
     if (s) {
-      s.merge({ experience: i, strategy: "override" });
+      s.merge({ experience: o, strategy: "override" });
       return;
     }
-    const l = pe({ client: t, experience: i });
+    const l = fe({ client: t, experience: o });
     r.register(l);
   }
-  const o = e.map((i) => Object.values(i));
-  function d(i) {
-    return e.map((s) => s[i], { skipVoid: !1 });
+  const i = e.map((o) => Object.values(o));
+  function d(o) {
+    return e.map((s) => s[o], { skipVoid: !1 });
   }
   return {
     register: n,
     getById: d,
-    listStore: o
+    listStore: i
   };
 });
-function ge(t) {
-  return I(fe, t);
+function me(t) {
+  return b(ge, t);
 }
-const me = (t, e) => {
+const he = (t, e) => {
   e.register(t);
 }, W = (t, e, r) => {
-  const { targetSelectors: n } = e.configStore.getState(), o = q(n, e.id);
-  o.forEach(
-    ({ elements: i }) => i.forEach((s) => ee(s, e.id))
-  ), te(o, e.id).forEach((i) => {
-    r ? t.experienceInstances.spawn(e, i, r) : t.experienceInstances.spawn(e, i);
+  const { targetSelectors: n } = e.configStore.getState(), i = q(n, e.id);
+  i.forEach(
+    ({ elements: o }) => o.forEach((s) => ee(s, e.id))
+  ), te(i, e.id).forEach((o) => {
+    r ? t.experienceInstances.spawn(e, o, r) : t.experienceInstances.spawn(e, o);
   });
-}, _ = async (t) => {
+}, L = async (t) => {
   await Promise.all(
     t.experiences.listStore.getState().map(async (e) => {
-      await he(t, e) && W(t, e);
+      await ye(t, e) && W(t, e);
     })
   );
-}, he = async (t, e) => {
+}, ye = async (t, e) => {
   const { decisionLogic: r, targetSelectors: n } = e.configStore.getState();
-  return q(n, e.id).length < 1 || n.length === 0 ? !1 : r && re(r) ? await E(t, r) === !0 : !0;
-}, ye = (t, e, r) => {
-  const n = e.name, o = e.setup(t);
-  if (o) {
+  return q(n, e.id).length < 1 || n.length === 0 ? !1 : r && re(r) ? await P(t, r) === !0 : !0;
+}, Se = (t, e, r) => {
+  const n = e.name, i = e.setup(t);
+  if (i) {
     const d = r[n] ?? {};
-    r[n] = Object.freeze({ ...d, ...o });
+    r[n] = Object.freeze({ ...d, ...i });
   }
-}, Se = x("component"), ve = b(
+}, ve = F("component"), ke = w(
   ({ client: t, component: e, name: r }) => {
     const n = t.frameworks.getByName(e.frameworkName);
     return {
@@ -111,92 +112,86 @@ const me = (t, e) => {
     };
   }
 );
-function ke(t) {
-  return I(ve, t);
+function we(t) {
+  return b(ke, t);
 }
-const we = b(({ client: t }) => {
-  const e = Se.store({}), r = j(e, {
-    register(i, s) {
+const be = w(({ client: t }) => {
+  const e = ve.store({}), r = x(e, {
+    register(o, s) {
       return {
-        ...i,
+        ...o,
         [s.name]: s
       };
     }
   });
-  function n(i, s) {
-    e.getState()[i] && w(
+  function n(o, s) {
+    e.getState()[o] && k(
       "warn",
-      `Component '${i}' already registered. Registering again will override the previous registration.`
+      `Component '${o}' already registered. Registering again will override the previous registration.`
     );
-    const p = ke({ client: t, name: i, component: s });
+    const p = we({ client: t, name: o, component: s });
     r.register(p);
   }
-  const o = e.map((i) => Object.values(i));
-  function d(i) {
-    return e.map((s) => s[i], { skipVoid: !1 });
+  const i = e.map((o) => Object.values(o));
+  function d(o) {
+    return e.map((s) => s[o], { skipVoid: !1 });
   }
   return {
     register: n,
     getByName: d,
-    listStore: o
+    listStore: i
   };
 });
-function be(t) {
-  return I(we, t);
+function Ie(t) {
+  return b(be, t);
 }
-const L = (t, e, r) => {
+const _ = (t, e, r) => {
   r.register(t, e);
-}, Ie = x("framework"), Fe = b(({ client: t }) => {
-  const e = Ie.store({}), r = j(e, {
-    register(i, s) {
+}, Fe = F("framework"), xe = w(({ client: t }) => {
+  const e = Fe.store({}), r = x(e, {
+    register(o, s) {
       return {
-        ...i,
+        ...o,
         [s.name]: s.framework
       };
     }
   });
-  function n(i, s) {
-    e.getState()[i] && w(
+  function n(o, s) {
+    e.getState()[o] && k(
       "warn",
-      `Framework '${i}' already registered. Registering again will override the previous registration.`
-    ), r.register({ name: i, framework: s });
+      `Framework '${o}' already registered. Registering again will override the previous registration.`
+    ), r.register({ name: o, framework: s });
   }
-  const o = e.map((i) => Object.values(i));
-  function d(i) {
-    return e.map((s) => s[i], { skipVoid: !1 });
+  const i = e.map((o) => Object.values(o));
+  function d(o) {
+    return e.map((s) => s[o], { skipVoid: !1 });
   }
   return {
     register: n,
     getByName: d,
-    listStore: o
+    listStore: i
   };
 });
-function xe(t) {
-  return I(Fe, t);
+function je(t) {
+  return b(xe, t);
 }
-const je = (t, e) => {
+const Ee = (t, e) => {
   e.register(t.name, t);
-}, Ee = 6e3, Pe = A("last_ping", "global"), Ae = (t) => `${t}/api/v1/ping`, Be = async (t) => {
+}, Pe = 6e3, Ae = A("last_ping", "global"), $e = async (t) => {
   try {
-    const e = Date.now(), r = C.get(Pe);
+    const e = Date.now(), r = C.get(Ae);
     let n = 0;
-    if (r.isSet() && (n = r.json() ?? 0), n && e - n < Ee)
+    if (r.isSet() && (n = r.json() ?? 0), n && e - n < Pe)
       return !0;
-    const o = Ae(t.apiUrl), d = {
+    const i = {
       projectId: t.projectId,
       path: window.location.pathname
-    }, i = JSON.stringify(d), s = {
-      "Content-Type": "application/json"
-    }, p = document.getElementById("picked_script")?.dataset.verceltoken;
-    p && (s["x-vercel-protection-bypass"] = p);
-    const v = (await fetch(o, {
-      method: "POST",
-      headers: s,
-      body: i
-    })).ok;
-    return v && r.set(e), v;
+    }, d = {}, s = document.getElementById("picked_script")?.dataset.verceltoken;
+    s && (d["x-vercel-protection-bypass"] = s);
+    const p = (await oe(t.apiUrl, "ping", i, d)).ok;
+    return p && r.set(e), p;
   } catch (e) {
-    return w("error", e), !1;
+    return k("error", e), !1;
   }
 };
 function Y(t) {
@@ -211,8 +206,8 @@ function Y(t) {
   };
   return Object.freeze(r);
 }
-const Re = x("predicate"), $e = b(({ client: t }) => {
-  const e = Re.store({}), r = j(e, {
+const Be = F("predicate"), Re = w(({ client: t }) => {
+  const e = Be.store({}), r = x(e, {
     register(s, l) {
       return {
         ...s,
@@ -224,30 +219,30 @@ const Re = x("predicate"), $e = b(({ client: t }) => {
     }
   });
   function n(s, l) {
-    e.getState()[s] && w(
+    e.getState()[s] && k(
       "warn",
       `Predicate '${s}' already registered. Registering again will override the previous registration.`
     ), r.register(Object.freeze({ name: s, predicate: l }));
   }
-  const o = e.map((s) => Object.values(s));
+  const i = e.map((s) => Object.values(s));
   function d(s) {
     return e.map((l) => l[s]?.predicate, { skipVoid: !1 });
   }
-  function i(s) {
-    const l = N(() => {
+  function o(s) {
+    const l = V(() => {
     }, {
       skipVoid: !1
-    }), p = $(async () => {
+    }), p = R(async () => {
       const h = d(s).getState();
       if (!h)
         return;
-      const v = Y(t);
-      return (...m) => h({ ...v, args: m });
+      const j = Y(t);
+      return (...m) => h({ ...j, args: m });
     });
-    return k({
+    return v({
       source: { responses: t.responses.listStore, fields: t.fields.listStore },
       target: p
-    }), k({
+    }), v({
       clock: p.doneData,
       filter: (h) => h !== void 0,
       target: l
@@ -256,17 +251,17 @@ const Re = x("predicate"), $e = b(({ client: t }) => {
   return {
     register: n,
     getByName: d,
-    listStore: o,
-    getEvokablePredicate: i
+    listStore: i,
+    getEvokablePredicate: o
   };
 });
-function Oe(t) {
-  return I($e, t);
+function ze(t) {
+  return b(Re, t);
 }
 const Ce = (t, e, r) => {
   r.register(t, e);
-}, J = x("feature"), ze = b(({ client: t }) => {
-  const e = J.store({}), r = J.store([]), n = j(e, {
+}, H = F("feature"), Oe = w(({ client: t }) => {
+  const e = H.store({}), r = H.store([]), n = x(e, {
     register(a, c) {
       return {
         ...a,
@@ -274,8 +269,8 @@ const Ce = (t, e, r) => {
       };
     }
   });
-  function o(a, c) {
-    e.getState()[a] && w(
+  function i(a, c) {
+    e.getState()[a] && k(
       "warn",
       `Feature '${a}' already registered. Registering again will override the previous registration.`
     );
@@ -293,57 +288,57 @@ const Ce = (t, e, r) => {
       })
     );
   }
-  const d = $(
+  const d = R(
     async ({
       id: a,
       key: c,
       storage: f = "local"
     }) => {
-      const u = A(`feature:${a}:${c}`, "global"), y = (f === "session" ? z : C).get(u).boolean();
+      const u = A(`feature:${a}:${c}`, "global"), y = (f === "session" ? O : C).get(u).boolean();
       return y === null ? null : { id: a, key: c, bucket: y, storage: f };
     }
-  ), i = $((a) => {
+  ), o = R((a) => {
     if (!a)
       return null;
     const c = A(`feature:${a.id}:${a.key}`, "global");
-    (a.storage === "session" ? z : C).set(c, a.bucket);
+    (a.storage === "session" ? O : C).set(c, a.bucket);
   }), s = /* @__PURE__ */ new Map(), l = Z({
     source: { allFeaturesStore: e, resolvedFeaturesStore: r },
     effect: async ({ allFeaturesStore: a, resolvedFeaturesStore: c }, { id: f, decide: u, key: g }) => {
       const y = c.find(
-        (R) => R.id === f && R.key === g
+        (B) => B.id === f && B.key === g
       );
       if (y)
         return y;
-      const F = a[f];
-      if (!F)
+      const I = a[f];
+      if (!I)
         throw new Error(`Feature with id '${f}' not found`);
-      const B = s.get(`${f}:${g}`);
-      if (B !== void 0) {
-        const R = await B;
-        return { id: F.id, bucket: R, key: g, storage: F.feature.storage };
+      const $ = s.get(`${f}:${g}`);
+      if ($ !== void 0) {
+        const B = await $;
+        return { id: I.id, bucket: B, key: g, storage: I.feature.storage };
       }
       const S = u();
       s.set(`${f}:${g}`, S);
       const X = await S;
-      return { id: F.id, bucket: X, key: g, storage: F.feature.storage };
+      return { id: I.id, bucket: X, key: g, storage: I.feature.storage };
     }
   });
-  k({
+  v({
     clock: n.register,
     fn: (a) => {
       const { id: c, feature: f } = a;
       return { id: c, key: f.feature.key, storage: f.feature.storage };
     },
     target: d
-  }), k({
+  }), v({
     source: e,
     clock: l.doneData,
     fn: (a, c) => {
       const { id: f, bucket: u, storage: g } = c, y = a[f]?.feature.key;
       return y ? { key: y, id: f, bucket: u, storage: g } : null;
     },
-    target: i
+    target: o
   });
   const p = D({ allFeaturesStore: e, resolvedFeaturesStore: r }).map(
     ({
@@ -368,7 +363,7 @@ const Ce = (t, e, r) => {
       };
     })
   );
-  k({
+  v({
     clock: l.doneData,
     source: { resolvedFeatures: r },
     filter: ({ resolvedFeatures: a }, { id: c, key: f }) => !a.some(
@@ -379,7 +374,7 @@ const Ce = (t, e, r) => {
       type: "feature_decide",
       feature: a
     }))
-  }), k({
+  }), v({
     clock: [d.doneData, l.doneData],
     source: r,
     fn: (a, c) => !c || a.some(
@@ -390,67 +385,67 @@ const Ce = (t, e, r) => {
   function h(a) {
     return p.map((c) => c.find((f) => f.id === a));
   }
-  function v(a) {
+  function j(a) {
     return e.map((c) => c[a], { skipVoid: !1 });
   }
   function m(a) {
-    const c = N(
+    const c = V(
       async () => {
       },
       { skipVoid: !1 }
-    ), f = $(async () => {
+    ), f = R(async () => {
       const u = h(a).getState();
       if (u)
         return async () => (await u.getBucket()).bucket;
     });
-    return k({
+    return v({
       source: r,
       filter: (u) => u.some((g) => g.id === a),
       target: f
-    }), k({
+    }), v({
       clock: f.doneData,
       filter: (u) => u !== void 0,
       target: c
     }), f(), c;
   }
   return {
-    register: o,
+    register: i,
     getById: h,
-    getByName: v,
+    getByName: j,
     listStore: p,
     getEvokableFeature: m
   };
 });
 function Me(t) {
-  return I(ze, t);
+  return b(Oe, t);
 }
 const De = (t, e, r) => {
   r.register(t, e);
-}, P = x("history");
-function H(t, e) {
+}, E = F("history");
+function G(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
-    id: oe(`history-entry-${Date.now()}-${Math.random()}}`),
+    id: ae(`history-entry-${Date.now()}-${Math.random()}}`),
     node: e,
     at: Date.now(),
     experienceId: t
   };
 }
-const Ve = b(() => {
-  const t = P.store({ entries: [] }), e = P.event(), r = P.event(), n = P.event(), o = P.event();
-  t.on(e, (i, s) => ({
-    entries: [...i.entries, H(s.experienceId, s.node)]
-  })), t.on(r, (i, s) => ({
+const Ue = w(() => {
+  const t = E.store({ entries: [] }), e = E.event(), r = E.event(), n = E.event(), i = E.event();
+  t.on(e, (o, s) => ({
+    entries: [...o.entries, G(s.experienceId, s.node)]
+  })), t.on(r, (o, s) => ({
     entries: [
-      ...i.entries.slice(0, -1),
-      H(s.experienceId, s.node)
+      ...o.entries.slice(0, -1),
+      G(s.experienceId, s.node)
     ]
-  })), t.on(o, (i, s) => s);
-  function d(i, s) {
+  })), t.on(i, (o, s) => s);
+  function d(o, s) {
     const l = { lastStepIndex: -1, secondLastStepIndex: -1 };
-    for (let p = i.length - 1; p >= 0; p--) {
-      const h = i[p], v = h?.node;
-      if (!(!v || !ne(v)) && !(s && h?.experienceId !== s))
+    for (let p = o.length - 1; p >= 0; p--) {
+      const h = o[p], j = h?.node;
+      if (!(!j || !ne(j)) && !(s && h?.experienceId !== s))
         if (l.lastStepIndex === -1)
           l.lastStepIndex = p;
         else {
@@ -460,41 +455,41 @@ const Ve = b(() => {
     }
     return l;
   }
-  return t.on(n, (i, s) => {
-    const { secondLastStepIndex: l } = d(i.entries, s.experienceId), p = l !== -1 ? i.entries.slice(0, l + 1) : i.entries;
+  return t.on(n, (o, s) => {
+    const { secondLastStepIndex: l } = d(o.entries, s.experienceId), p = l !== -1 ? o.entries.slice(0, l + 1) : o.entries;
     return {
-      ...i,
+      ...o,
       entries: p
     };
   }), {
     push: e,
     replace: r,
     back: n,
-    restore: o,
-    entriesStore: t.map((i) => i.entries)
+    restore: i,
+    entriesStore: t.map((o) => o.entries)
   };
 });
-function Ne() {
-  return I(Ve);
+function Ve() {
+  return b(Ue);
 }
-let Te = 0;
-const Ue = (t) => {
-  const e = N([]);
-  return k({
+let Ne = 0;
+const Te = (t) => {
+  const e = V([]);
+  return v({
     clock: t,
     source: e,
     fn: (r, n) => [
       ...r,
       {
-        id: Te++,
+        id: Ne++,
         at: /* @__PURE__ */ new Date(),
         payload: n
       }
     ],
     target: e
   }), e;
-}, _e = x("field"), Le = b(() => {
-  const t = _e.store({}), e = j(t, {
+}, Le = F("field"), _e = w(() => {
+  const t = Le.store({}), e = x(t, {
     register(s, l) {
       return {
         ...s,
@@ -514,31 +509,31 @@ const Ue = (t) => {
     });
     e.register({ field: { ...h } });
   }
-  const o = t.map((s) => Object.values(s));
+  const i = t.map((s) => Object.values(s));
   function d(s) {
     return t.map((l) => l[s] || null);
   }
-  function i(s) {
+  function o(s) {
     return t.map((l) => Object.values(l).find((p) => p.name === s) || null);
   }
   return {
     register: r,
     update: n,
     getById: d,
-    listStore: o,
-    getByName: i
+    listStore: i,
+    getByName: o
   };
 });
-function Je() {
-  return I(Le);
+function He() {
+  return b(_e);
 }
-const He = (t, e) => {
+const Ge = (t, e) => {
   e.register(t);
-}, Ge = x("action"), qe = b(() => {
-  const t = Ge.store({}), e = j(t, {
-    register(i, s) {
+}, Je = F("action"), qe = w(() => {
+  const t = Je.store({}), e = x(t, {
+    register(o, s) {
       return {
-        ...i,
+        ...o,
         [s.name]: {
           name: s.name,
           action: s.action
@@ -546,17 +541,17 @@ const He = (t, e) => {
       };
     }
   });
-  function r(i, s) {
-    e.register({ name: i, action: s });
+  function r(o, s) {
+    e.register({ name: o, action: s });
   }
-  const n = t.map((i) => Object.values(i));
-  function o(i) {
-    return t.map((s) => s[i], { skipVoid: !1 });
+  const n = t.map((o) => Object.values(o));
+  function i(o) {
+    return t.map((s) => s[o], { skipVoid: !1 });
   }
-  function d(i) {
+  function d(o) {
     return t.map(
       (s) => {
-        const l = s[i];
+        const l = s[o];
         return l ? l.action : void 0;
       },
       { skipVoid: !1 }
@@ -564,13 +559,13 @@ const He = (t, e) => {
   }
   return {
     register: r,
-    getByName: o,
+    getByName: i,
     listStore: n,
     getEvokableAction: d
   };
 });
 function Ke() {
-  return I(qe);
+  return b(qe);
 }
 const We = (t, e, r) => {
   r.register(t, e);
@@ -581,15 +576,15 @@ function M(t) {
 function Ye(t) {
   return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null;
 }
-function G(t) {
+function J(t) {
   try {
     return JSON.stringify(t), !0;
   } catch {
     return !1;
   }
 }
-const Qe = x("response"), Xe = b(({ client: t }) => {
-  const e = Qe.store({}), r = V(), n = V(), o = j(e, {
+const Qe = F("response"), Xe = w(({ client: t }) => {
+  const e = Qe.store({}), r = U(), n = U(), i = x(e, {
     register(m, a) {
       return {
         ...m,
@@ -614,11 +609,11 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
     if (typeof m == "string") {
       if (a === void 0)
         throw new Error("Response is required when registering a single field");
-      o.register({ fieldId: m, response: a });
+      i.register({ fieldId: m, response: a });
     } else
-      o.registerBatch(m);
+      i.registerBatch(m);
   }
-  async function i(m) {
+  async function o(m) {
     const a = [];
     return await Promise.allSettled(
       Object.entries(m).map(async ([c, f]) => {
@@ -633,8 +628,8 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
           });
           return;
         }
-        if (g.multiple && (typeof u == "string" || typeof u == "number" || typeof u == "boolean") && (u = [u]), g.validation && !ae(g.validation) && !M(u)) {
-          const y = await E(t, g.validation, {
+        if (g.multiple && (typeof u == "string" || typeof u == "number" || typeof u == "boolean") && (u = [u]), g.validation && !ce(g.validation) && !M(u)) {
+          const y = await P(t, g.validation, {
             $input: u
           });
           if (typeof y == "string") {
@@ -695,7 +690,7 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
                 });
                 return;
               }
-              if (!G(y)) {
+              if (!J(y)) {
                 a.push({
                   fieldId: c,
                   userMessage: "This field contains non-serializable data",
@@ -724,7 +719,7 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
               });
               return;
             }
-            if (!G(u)) {
+            if (!J(u)) {
               a.push({
                 fieldId: c,
                 userMessage: "This field contains non-serializable data",
@@ -737,19 +732,19 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
         if (g.options) {
           const y = Array.isArray(u) ? u : [u];
           if (g.type === "object") {
-            const F = g.options.map((S) => JSON.stringify(S.value));
-            y.every((S) => F.includes(JSON.stringify(S))) || a.push({
+            const I = g.options.map((S) => JSON.stringify(S.value));
+            y.every((S) => I.includes(JSON.stringify(S))) || a.push({
               fieldId: c,
               userMessage: "This field expects a valid option",
               systemMessage: "Field expects a valid option from the defined choices.",
               value: u
             });
           } else {
-            const F = g.options.map((S) => S.value);
-            y.every((S) => !Ye(S) || S === null ? !1 : F.includes(S)) || a.push({
+            const I = g.options.map((S) => S.value);
+            y.every((S) => !Ye(S) || S === null ? !1 : I.includes(S)) || a.push({
               fieldId: c,
               userMessage: "This field expects a valid option",
-              systemMessage: `Field expects a valid option. Valid options are: ${F.join(", ")}`,
+              systemMessage: `Field expects a valid option. Valid options are: ${I.join(", ")}`,
               value: u
             });
           }
@@ -758,8 +753,8 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
     ), { responsesToCommit: m, validationErrors: a };
   }
   async function s(m) {
-    const { responsesToCommit: a, validationErrors: c } = await i(m);
-    return c.length ? { errors: c } : (o.registerBatch(a), { errors: [] });
+    const { responsesToCommit: a, validationErrors: c } = await o(m);
+    return c.length ? { errors: c } : (i.registerBatch(a), { errors: [] });
   }
   const l = e.map((m) => m), p = e.map((m) => Object.keys(m).map((c) => ({
     fieldId: c,
@@ -769,37 +764,37 @@ const Qe = x("response"), Xe = b(({ client: t }) => {
     const a = t.fields.getById(m), c = e.map((f) => f[m] || null);
     return D({ f: a, r: c }, ({ f, r: u }) => u || (f?.defaultValue ? f.defaultValue : null));
   }
-  function v(m) {
+  function j(m) {
     const a = t.fields.getByName(m);
     return D({ f: a, s: e }, ({ f: c, s: f }) => {
       const u = c && f[c.id] || null;
       return u || (c?.defaultValue ? c.defaultValue : null);
     });
   }
-  return k({
+  return v({
     clock: r,
-    target: o.clearAll
-  }), k({
+    target: i.clearAll
+  }), v({
     clock: n,
-    target: o.clear
+    target: i.clear
   }), {
     register: d,
     clearAll: r,
     clear: n,
     commit: s,
-    getResponsesToCommit: i,
+    getResponsesToCommit: o,
     listStore: p,
     getAllStore: l,
     getByFieldId: h,
-    getByFieldName: v
+    getByFieldName: j
   };
 });
 function Ze(t) {
-  return I(Xe, t);
+  return b(Xe, t);
 }
-const et = () => "0.0.45-next.4";
+const et = () => "0.0.45-next.5";
 function tt() {
-  if (T()) {
+  if (N()) {
     const t = [
       document.currentScript,
       document.getElementById("picked_script"),
@@ -814,27 +809,27 @@ function tt() {
   return "https://api.picked.app";
 }
 function rt() {
-  if (!U())
+  if (!T())
     return {};
   const t = new URLSearchParams(window.location.search), e = {}, r = /* @__PURE__ */ new Set();
-  for (const [o] of t.entries())
-    o.startsWith("picked-") && r.add(o);
-  for (const o of r) {
-    const d = o.replace("picked-", "");
-    e[d] = t.getAll(o);
+  for (const [i] of t.entries())
+    i.startsWith("picked-") && r.add(i);
+  for (const i of r) {
+    const d = i.replace("picked-", "");
+    e[d] = t.getAll(i);
   }
   const n = A("s");
   if (r.size > 0)
-    z.set(n, e);
+    O.set(n, e);
   else {
-    const o = z.get(n);
-    if (o)
-      return o.json() || {};
+    const i = O.get(n);
+    if (i)
+      return i.json() || {};
   }
   return e;
 }
 function nt() {
-  if (ue())
+  if (de())
     return crypto.randomUUID();
   const t = Date.now().toString(36), e = Math.random().toString(36).substring(2, 15), r = Math.random().toString(36).substring(2, 15), n = Math.random().toString(36).substring(2, 15);
   return `${t}-${e}-${r}-${n}`;
@@ -843,40 +838,40 @@ const st = A("session", "global"), it = () => {
   const t = C.get(st);
   let e;
   t.isSet() && (e = t.json());
-  const r = (o) => t.set({
-    id: o.id,
-    isUser: o.isUser,
-    identifiers: o.identifiers
+  const r = (i) => t.set({
+    id: i.id,
+    isUser: i.isUser,
+    identifiers: i.identifiers
   }), n = {
     id: e?.id ?? nt(),
     isUser: e?.isUser ?? void 0,
     identifiers: e?.identifiers ?? void 0,
-    setIsUser(o) {
-      this.isUser = o, r(this);
+    setIsUser(i) {
+      this.isUser = i, r(this);
     },
-    setIdentifier(o, d) {
-      this.identifiers = { ...this.identifiers, [o]: d }, r(this);
+    setIdentifier(i, d) {
+      this.identifiers = { ...this.identifiers, [i]: d }, r(this);
     },
-    removeIdentifier(o) {
+    removeIdentifier(i) {
       this.identifiers && (this.identifiers = Object.fromEntries(
-        Object.entries(this.identifiers).filter(([d]) => d !== o)
+        Object.entries(this.identifiers).filter(([d]) => d !== i)
       ), this.identifiers = Object.keys(this.identifiers).length ? this.identifiers : void 0, r(this));
     }
   };
   return r(n), n;
-}, ot = () => ce() ? it() : null;
+}, ot = () => ue() ? it() : null;
 function at() {
-  if (U())
+  if (T())
     return globalThis.window.pickedConfig;
 }
 function ct() {
-  if (!U())
+  if (!T())
     return;
   const t = at(), e = t?.organizationId, r = t?.projectId;
   return e && r ? { organizationId: e, projectId: r } : void 0;
 }
 function ut() {
-  if (!T())
+  if (!N())
     return;
   const t = document.getElementById("picked_script") || document.querySelector("script#picked") || // legacy support for 'cvly' script tag
   document.getElementById("cvly");
@@ -892,9 +887,9 @@ function dt(t) {
   const n = ct();
   if (n)
     return n;
-  const o = ut();
-  if (o)
-    return o;
+  const i = ut();
+  if (i)
+    return i;
   throw new Error(
     `organizationId and projectId are required. You can provide them via one of:
       (1) createClient({ organizationId, projectId }) options;
@@ -902,13 +897,13 @@ function dt(t) {
       (3) a <script> tag with id 'picked_script', 'picked', or 'cvly' that includes data-organizationid/data-projectid (or organization-id/project-id) attributes.`
   );
 }
-function O(t) {
+function z(t) {
   return t == null || t === "" || Number.isNaN(t);
 }
 const lt = {
-  default: (t, e) => O(t) ? String(e ?? "") : String(t),
-  append: (t, e) => e && !O(t) ? `${t} ${e}` : t,
-  prepend: (t, e) => e && !O(t) ? `${e} ${t}` : t,
+  default: (t, e) => z(t) ? String(e ?? "") : String(t),
+  append: (t, e) => e && !z(t) ? `${t} ${e}` : t,
+  prepend: (t, e) => e && !z(t) ? `${e} ${t}` : t,
   upper: (t) => typeof t == "string" ? t.toUpperCase() : t,
   lower: (t) => typeof t == "string" ? t.toLowerCase() : t,
   capitalize: (t) => typeof t == "string" ? t.charAt(0).toUpperCase() + t.slice(1) : t,
@@ -919,7 +914,7 @@ const lt = {
     if (Array.isArray(t))
       return e.format(t.map(String));
     if (t instanceof Map) {
-      const r = Array.from(t.entries()).map(([n, o]) => `${n}: ${o}`);
+      const r = Array.from(t.entries()).map(([n, i]) => `${n}: ${i}`);
       return e.format(r);
     }
     return t instanceof Set ? e.format(Array.from(t).map(String)) : t;
@@ -939,88 +934,93 @@ function ft(t, e) {
 }
 function gt(t, e) {
   const r = t.split("|").map((d) => d.trim()), n = r.shift() ?? "";
-  let o = ft(n, e);
+  let i = ft(n, e);
   for (const d of r) {
-    const [i, ...s] = d.split(":"), l = i?.trim() ?? "", p = s.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), h = lt[l];
-    h && (o = h(o, p));
+    const [o, ...s] = d.split(":"), l = o?.trim() ?? "", p = s.join(":").trim().replaceAll(/(?:^['"]|['"]$)/g, ""), h = lt[l];
+    h && (i = h(i, p));
   }
-  return O(o) ? "" : typeof o == "object" ? JSON.stringify(o) : String(o);
+  return z(i) ? "" : typeof i == "object" ? JSON.stringify(i) : String(i);
 }
 function mt(t, e) {
   let r = "", n = 0;
   for (; n < t.length; )
     if (t[n] === "{" && t[n + 1] === "{") {
       n += 2;
-      let o = "";
+      let i = "";
       for (; n < t.length; ) {
         if (t[n] === "}" && t[n + 1] === "}") {
           n += 2;
           break;
         }
-        o += t[n++];
+        i += t[n++];
       }
-      r += gt(o.trim(), e);
+      r += gt(i.trim(), e);
     } else
       r += t[n++];
   return r;
 }
 class ht {
-  static logger = w;
+  static logger = k;
   options;
   isReady = !1;
   project;
   plugins = {};
-  eventBus = V();
+  pluginStartHooks = [];
+  eventBus = U();
   events;
   organizationId;
   projectId;
   apiUrl;
+  dashboardUrl;
+  documentationSiteUrl;
   session;
   precondition;
   condition;
   searchParams = rt();
-  history = Ne();
-  components = be({ client: this });
+  history = Ve();
+  components = Ie({ client: this });
   experienceInstances = se({ client: this });
-  experiences = ge({ client: this });
-  frameworks = xe({ client: this });
-  predicates = Oe({ client: this });
+  experiences = me({ client: this });
+  frameworks = je({ client: this });
+  predicates = ze({ client: this });
   features = Me({ client: this });
   responses = Ze({ client: this });
-  fields = Je();
+  fields = He();
   actions = Ke();
   constructor(e) {
-    w("info", "Picked client initializing."), this.events = Ue(this.eventBus);
+    k("info", "Picked client initializing."), this.events = Te(this.eventBus);
     const { organizationId: r, projectId: n } = dt(e);
-    this.organizationId = r, this.projectId = n, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || tt(), this.session = ot(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: et() }), w("info", "Picked client initialized.");
+    this.organizationId = r, this.projectId = n, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || tt(), this.dashboardUrl = e.dashboardUrl ?? "https://dashboard.picked.app", this.documentationSiteUrl = e.documentationSiteUrl ?? "https://docs.picked.app", this.session = ot(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.setupActions(), this.precondition = e.precondition, this.condition = e.condition, this.eventBus({ type: "load", version: et() }), k("info", "Picked client initialized.");
   }
   start = () => {
-    Be(this), (async () => {
-      if (!T())
+    $e(this), (async () => {
+      if (!N())
         return;
-      let r;
-      typeof this.precondition > "u" ? r = !0 : typeof this.precondition == "boolean" ? r = this.precondition : r = await E(this, this.precondition) === !0;
+      await this.runPluginStartHooks();
+      const r = await this.evaluateGate(this.precondition);
       let n;
-      r && (this.condition === void 0 ? n = !0 : typeof this.condition == "boolean" ? n = this.condition : n = await E(this, this.condition) === !0);
-      const o = r && n === !0;
+      r && (n = await this.evaluateGate(this.condition));
+      const i = r && n === !0;
       if (typeof n == "boolean" && this.session) {
         const d = n;
         this.session.setIsUser(d), this.eventBus({ type: "user_decide", value: d });
       }
-      if (this.eventBus({ type: "initialize" }), document.body && o && _(this), await ie(), o && _(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session) {
-        const { id: d, isUser: i, identifiers: s } = this.session;
-        this.eventBus({ type: "session", id: d, isUser: i, identifiers: s });
+      if (this.eventBus({ type: "initialize" }), i && L(this), await ie(), i && L(this), this.eventBus({ type: "ready" }), this.isReady = !0, this.session) {
+        const { id: d, isUser: o, identifiers: s } = this.session;
+        this.eventBus({ type: "session", id: d, isUser: o, identifiers: s });
       }
     })();
   };
   registerFramework = (e) => {
-    je(e, this.frameworks);
+    Ee(e, this.frameworks);
   };
   registerComponent = (e, r) => {
-    L(e, r, this.components);
+    _(e, r, this.components);
   };
   registerPlugin = (e) => {
-    ye(this, e, this.plugins);
+    Se(this, e, this.plugins);
+    const r = this.plugins[e.name];
+    r?.onStart && this.pluginStartHooks.push(r.onStart);
   };
   registerFeature = (e, r) => {
     De(e, r, this.features);
@@ -1029,19 +1029,19 @@ class ht {
     Ce(e, r, this.predicates);
   };
   registerField = (e) => {
-    He(e, this.fields);
+    Ge(e, this.fields);
   };
   registerAction = (e, r) => {
     We(e, r, this.actions);
   };
   registerExperience = (e) => {
-    e.component && L(`experience:${e.id}`, e.component, this.components), me(e, this.experiences);
+    e.component && _(`experience:${e.id}`, e.component, this.components), he(e, this.experiences);
   };
   getStateSnapshot = () => Y(this);
   launchExperienceById = async (e, r) => {
     const n = this.experiences.getById(e).getState();
     if (!n) {
-      w("warn", `Experience with id '${e}' not found.`);
+      k("warn", `Experience with id '${e}' not found.`);
       return;
     }
     W(this, n, r);
@@ -1054,15 +1054,13 @@ class ht {
     else
       return this.launchExperienceById(e, { initialiseOpen: !0 });
   };
-  // private async fetchProject() {
-  //   if (this.project) {
-  //     return
-  //   }
-  //
-  //   // todo: fetch project
-  //
-  //   this.project.experiences.forEach((experience) => setupExperience(experience, this.experiences))
-  // }
+  async runPluginStartHooks() {
+    for (const e of this.pluginStartHooks)
+      await e();
+  }
+  async evaluateGate(e) {
+    return e === void 0 ? !0 : typeof e == "boolean" ? e : await P(this, e) === !0;
+  }
   setupPlugins() {
     this.options.plugins?.forEach((e) => {
       if (Array.isArray(e)) {
@@ -1082,14 +1080,14 @@ class ht {
   setupFeatures() {
     const e = this.options.features;
     e && (Object.entries(e).forEach(([r, n]) => {
-      const o = typeof n == "function" ? n() : n;
-      this.registerFeature(r, o);
+      const i = typeof n == "function" ? n() : n;
+      this.registerFeature(r, i);
     }), this.searchParams.feature && this.searchParams.feature.forEach((r) => {
       try {
-        const [n, o] = r.split(":");
-        if (!n || !o)
+        const [n, i] = r.split(":");
+        if (!n || !i)
           return;
-        let d = o;
+        let d = i;
         d === "true" && (d = !0), d === "false" && (d = !1), this.registerFeature(n, {
           key: `${d}`,
           // use the assigned bucket value as the key
@@ -1106,7 +1104,7 @@ class ht {
     const e = this.options.predicates;
     e && Object.entries(e).forEach(([r, n]) => {
       if (typeof n != "function") {
-        w("warn", `Predicate "${r}" is not a function.`);
+        k("warn", `Predicate "${r}" is not a function.`);
         return;
       }
       this.registerPredicate(r, n);
@@ -1116,7 +1114,7 @@ class ht {
     const e = this.options.actions;
     e && Object.entries(e).forEach(([r, n]) => {
       if (typeof n != "function") {
-        w("warn", `Action "${r}" is not a function.`);
+        k("warn", `Action "${r}" is not a function.`);
         return;
       }
       this.registerAction(r, n);
@@ -1166,7 +1164,7 @@ class ht {
    * // => "Fruits: apple, banana, and cherry"
    */
   renderString = (e, r) => {
-    const n = this.responses.listStore.getState().reduce((o, d) => (o[d.fieldId] = d.value, o), {});
+    const n = this.responses.listStore.getState().reduce((i, d) => (i[d.fieldId] = d.value, i), {});
     return mt(e, {
       ...r,
       responses: n
@@ -1179,44 +1177,55 @@ function Q(t) {
 function yt(t) {
   return t.some((e) => e.condition || Q(e));
 }
-async function jt(t, e) {
+async function Et(t, e) {
   return e.length === 0 || !yt(e) ? e : (await Promise.all(
     e.map(async (n) => {
-      if (!(n.condition ? await E(t, n.condition) : !0))
+      if (!(n.condition ? await P(t, n.condition) : !0))
         return null;
       if (!n.options || !Q(n))
         return n;
-      const i = (await Promise.all(
-        n.options.map(async (l) => l.condition ? await E(t, l.condition) ? l : null : l)
+      const o = (await Promise.all(
+        n.options.map(async (l) => l.condition ? await P(t, l.condition) ? l : null : l)
       )).filter((l) => l !== null);
-      return i.length === n.options.length ? n : i.length === 0 ? null : { ...n, options: i };
+      return o.length === n.options.length ? n : o.length === 0 ? null : { ...n, options: o };
     })
   )).filter((n) => n !== null);
 }
-const Et = (t) => {
+function Pt(t) {
+  return {
+    $$type: "lazy-component",
+    load: t
+  };
+}
+function At(t) {
+  return typeof t == "object" && t !== null && "$$type" in t && t.$$type === "lazy-component";
+}
+const $t = (t) => {
   const e = new ht(t);
-  return de(e), e;
+  return le(e), e;
 };
 export {
   ht as Picked,
-  Et as createClient,
+  $t as createClient,
   A as createStorageKey,
-  E as evaluateRuleLogic,
+  P as evaluateRuleLogic,
   at as getPickedConfig,
-  jt as getStepFields,
-  Bt as isPickedRoot,
+  Et as getStepFields,
+  At as isLazyLoader,
+  zt as isPickedRoot,
+  Pt as lazyComponent,
   C as localStore,
-  z as sessionStore,
-  $t as subscribe,
-  Ct as supportsCookies,
-  ue as supportsCryptoRandomUUID,
-  T as supportsDocument,
-  zt as supportsHistory,
-  Mt as supportsIntersectionObserver,
-  ce as supportsLocalStorage,
-  Dt as supportsLocation,
-  Vt as supportsSessionStorage,
-  Nt as supportsShadowRoot,
-  Tt as supportsWebComponents,
-  U as supportsWindow
+  O as sessionStore,
+  Ot as subscribe,
+  Dt as supportsCookies,
+  de as supportsCryptoRandomUUID,
+  N as supportsDocument,
+  Ut as supportsHistory,
+  Vt as supportsIntersectionObserver,
+  ue as supportsLocalStorage,
+  Nt as supportsLocation,
+  Tt as supportsSessionStorage,
+  Lt as supportsShadowRoot,
+  _t as supportsWebComponents,
+  T as supportsWindow
 };