@picked/client 0.0.8-next.1 → 0.0.9-next.1

package/dist/esm/index.js

@@ -1,20 +1,20 @@
 var W = Object.defineProperty;
 var G = (t, e, s) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
 var y = (t, e, s) => G(t, typeof e != "symbol" ? e + "" : e, s);
-import { createDomain as F, createApi as b, createEffect as D, attach as J, sample as P, combine as A, createEvent as C } from "effector";
+import { createDomain as b, createApi as I, createEffect as O, attach as J, sample as P, combine as A, createEvent as C } from "effector";
 import { createFactory as k, invoke as x } from "@withease/factories";
-import { g as z, t as Y, c as Q, e as R, i as X, a as Z, b as ee, d as te } from "../experience-instance-C1Ky25uw.js";
-import { f as it } from "../experience-instance-C1Ky25uw.js";
+import { g as U, t as Y, c as Q, e as R, i as X, a as Z, b as ee, d as te } from "../experience-instance-BEKoIaYp.js";
+import { f as pt } from "../experience-instance-BEKoIaYp.js";
 import { l as v } from "../logger-C9a75KZn.js";
-import { c as B, s as j, l as O } from "../storage-D87xFySf.js";
-import { a as ct } from "../storage-D87xFySf.js";
+import { c as $, s as B, l as D } from "../storage-BxBBl9Bw.js";
+import { a as ft } from "../storage-BxBBl9Bw.js";
 import { g as re } from "../id-BW-g3y32.js";
 import { i as se } from "../object-JwZ58NOH.js";
-import { s as _, a as ne, b as oe } from "../supports-yKVnaaMQ.js";
-import { g as lt, d as dt, i as pt, e as gt, c as ft, f as mt, h as yt, j as ht } from "../supports-yKVnaaMQ.js";
-const U = F("experience"), ie = k(
+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 ht, j as St, e as wt, g as vt, i as kt, k as xt } from "../supports-BjhuLJ8z.js";
+const _ = b("experience"), ce = k(
   ({ client: t, experience: e }) => {
-    const s = U.store(e), o = b(s, {
+    const s = _.store(e), o = I(s, {
       merge(n, d) {
         return {
           ...n,
@@ -44,11 +44,11 @@ const U = F("experience"), ie = k(
     };
   }
 );
-function ae(t) {
-  return x(ie, t);
+function ue(t) {
+  return x(ce, t);
 }
-const ce = k(({ client: t }) => {
-  const e = U.store({}), s = b(e, {
+const le = k(({ client: t }) => {
+  const e = _.store({}), s = I(e, {
     register(r, n) {
       return {
         ...r,
@@ -62,7 +62,7 @@ const ce = k(({ client: t }) => {
       n.merge({ experience: r, strategy: "override" });
       return;
     }
-    const d = ae({ client: t, experience: r });
+    const d = ue({ client: t, experience: r });
     s.register(d);
   }
   const i = e.map((r) => Object.values(r));
@@ -75,34 +75,34 @@ const ce = k(({ client: t }) => {
     listStore: i
   };
 });
-function ue(t) {
-  return x(ce, t);
+function de(t) {
+  return x(le, t);
 }
-const le = (t, e) => {
+const pe = (t, e) => {
   e.register(t);
 }, H = (t, e) => {
-  const { targetSelectors: s } = e.configStore.getState(), o = z(s, e.id);
+  const { targetSelectors: s } = e.configStore.getState(), o = U(s, e.id);
   o.forEach(
     ({ elements: l }) => l.forEach((r) => Y(r, e.id))
   ), Q(o, e.id).forEach((l) => {
     t.experienceInstances.spawn(e, l);
   });
-}, T = async (t) => {
+}, M = async (t) => {
   await Promise.all(
     t.experiences.listStore.getState().map(async (e) => {
-      await de(t, e) && H(t, e);
+      await ge(t, e) && H(t, e);
     })
   );
-}, de = async (t, e) => {
+}, ge = async (t, e) => {
   const { type: s, decisionLogic: o, targetSelectors: i } = e.configStore.getState();
-  return z(i, e.id).length < 1 ? !1 : s === "funnel" ? o ? await R(t, o) === !0 : !1 : i.length === 0 ? !1 : X(o) ? await R(t, o) === !0 : !0;
-}, pe = (t, e, s) => {
+  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 });
   }
-}, ge = F("component"), fe = k(
+}, me = b("component"), ye = k(
   ({ client: t, component: e, name: s }) => {
     const o = t.frameworks.getByName(e.frameworkName);
     return {
@@ -112,11 +112,11 @@ const le = (t, e) => {
     };
   }
 );
-function me(t) {
-  return x(fe, t);
+function he(t) {
+  return x(ye, t);
 }
-const ye = k(({ client: t }) => {
-  const e = ge.store({}), s = b(e, {
+const Se = k(({ client: t }) => {
+  const e = me.store({}), s = I(e, {
     register(r, n) {
       return {
         ...r,
@@ -129,7 +129,7 @@ const ye = k(({ client: t }) => {
       "warn",
       `Component '${r}' already registered. Registering again will override the previous registration.`
     );
-    const h = me({ client: t, name: r, component: n });
+    const h = he({ client: t, name: r, component: n });
     s.register(h);
   }
   const i = e.map((r) => Object.values(r));
@@ -142,13 +142,13 @@ const ye = k(({ client: t }) => {
     listStore: i
   };
 });
-function he(t) {
-  return x(ye, t);
+function we(t) {
+  return x(Se, t);
 }
-const V = (t, e, s) => {
+const T = (t, e, s) => {
   s.register(t, e);
-}, Se = F("framework"), we = k(({ client: t }) => {
-  const e = Se.store({}), s = b(e, {
+}, ve = b("framework"), ke = k(({ client: t }) => {
+  const e = ve.store({}), s = I(e, {
     register(r, n) {
       return {
         ...r,
@@ -172,15 +172,15 @@ const V = (t, e, s) => {
     listStore: i
   };
 });
-function ve(t) {
-  return x(we, t);
+function xe(t) {
+  return x(ke, t);
 }
-const ke = (t, e) => {
+const be = (t, e) => {
   e.register(t.name, t);
-}, xe = 6e3, M = B("last_ping", "global"), Fe = (t) => `${t}/api/v1/ping`, be = async (t) => {
+}, Ie = 6e3, V = $("last_ping", "global"), Fe = (t) => `${t}/api/v1/ping`, Ee = async (t) => {
   try {
-    const e = Date.now(), s = localStorage.getItem(M);
-    if (s && e - parseInt(s) < xe)
+    const e = Date.now(), s = localStorage.getItem(V);
+    if (s && e - parseInt(s) < Ie)
       return !0;
     const o = Fe(t.apiUrl), i = {
       projectId: t.projectId,
@@ -194,12 +194,12 @@ const ke = (t, e) => {
       headers: r,
       body: l
     })).ok;
-    return c && localStorage.setItem(M, e.toString()), c;
+    return c && localStorage.setItem(V, e.toString()), c;
   } catch (e) {
     return v("error", e), !1;
   }
 };
-function Ie(t) {
+function Pe(t) {
   const e = typeof window < "u", s = {
     client: t,
     responses: t.responses.listStore.getState(),
@@ -211,8 +211,8 @@ function Ie(t) {
   };
   return Object.freeze(s);
 }
-const Ee = F("predicate"), Pe = k(({ client: t }) => {
-  const e = Ee.store({}), s = b(e, {
+const Re = b("predicate"), $e = k(({ client: t }) => {
+  const e = Re.store({}), s = I(e, {
     register(r, n) {
       return {
         ...r,
@@ -239,13 +239,13 @@ const Ee = F("predicate"), Pe = k(({ client: t }) => {
     listStore: i
   };
 });
-function Re(t) {
-  return x(Pe, t);
+function Be(t) {
+  return x($e, t);
 }
-const Be = (t, e, s) => {
+const je = (t, e, s) => {
   s.register(t, e);
-}, N = F("feature"), je = k(() => {
-  const t = N.store({}), e = N.store([]), s = b(t, {
+}, N = b("feature"), Ae = k(() => {
+  const t = N.store({}), e = N.store([]), s = I(t, {
     register(c, f) {
       return {
         ...c,
@@ -272,25 +272,25 @@ const Be = (t, e, s) => {
       })
     );
   }
-  const i = D(
+  const i = O(
     async ({
       id: c,
       key: f,
       storage: a = "local"
     }) => {
-      const p = B(`feature:${c}:${f}`, "global"), m = (a === "session" ? j : O).get(p).boolean();
+      const p = $(`feature:${c}:${f}`, "global"), m = (a === "session" ? B : D).get(p).boolean();
       if (m !== null)
         return { id: c, bucket: m };
     }
-  ), l = D((c) => {
+  ), l = O((c) => {
     if (!c)
       return null;
-    const f = B(`feature:${c.id}:${c.key}`, "global");
-    (c.storage === "session" ? j : O).set(f, c.bucket);
+    const f = $(`feature:${c.id}:${c.key}`, "global");
+    (c.storage === "session" ? B : D).set(f, c.bucket);
   }), r = /* @__PURE__ */ new Map(), n = J({
     source: { allFeaturesStore: t, resolvedFeaturesStore: e },
     effect: async ({ allFeaturesStore: c, resolvedFeaturesStore: f }, { id: a, decide: p, key: g }) => {
-      const m = f.find((I) => I.id === a);
+      const m = f.find((F) => F.id === a);
       if (m)
         return m;
       const u = c[a];
@@ -298,13 +298,13 @@ const Be = (t, e, s) => {
         throw new Error(`Feature with id '${a}' not found`);
       const S = r.get(`${a}:${g}`);
       if (S) {
-        const I = await S;
-        return { id: u.id, bucket: I, storage: u.feature.storage };
+        const F = await S;
+        return { id: u.id, bucket: F, storage: u.feature.storage };
       }
       const w = p();
       r.set(`${a}:${g}`, w);
-      const $ = await w;
-      return { id: u.id, bucket: $, storage: u.feature.storage };
+      const j = await w;
+      return { id: u.id, bucket: j, storage: u.feature.storage };
     }
   });
   P({
@@ -359,12 +359,12 @@ const Be = (t, e, s) => {
     listStore: d
   };
 });
-function $e() {
-  return x(je);
+function Ce() {
+  return x(Ae);
 }
-const Ae = (t, e, s) => {
+const De = (t, e, s) => {
   s.register(t, e);
-}, E = F("history");
+}, E = b("history");
 function L(t, e) {
   return {
     // eslint-disable-next-line sonarjs/pseudo-random
@@ -374,7 +374,7 @@ function L(t, e) {
     experienceId: t
   };
 }
-const Ce = k(() => {
+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)]
@@ -412,11 +412,11 @@ const Ce = k(() => {
     entriesStore: t.map((r) => r.entries)
   };
 });
-function De() {
-  return x(Ce);
+function Me() {
+  return x(Oe);
 }
-const Oe = () => C(), Te = F("field"), Ve = k(() => {
-  const t = Te.store({}), e = b(t, {
+const Te = () => C(), Ve = b("field"), Ne = k(() => {
+  const t = Ve.store({}), e = I(t, {
     register(r, n) {
       return {
         ...r,
@@ -441,13 +441,13 @@ const Oe = () => C(), Te = F("field"), Ve = k(() => {
     getByName: l
   };
 });
-function Me() {
-  return x(Ve);
+function Le() {
+  return x(Ne);
 }
-const Ne = (t, e) => {
+const Ue = (t, e) => {
   e.register(t);
-}, Le = F("response"), ze = k(({ client: t }) => {
-  const e = Le.store({}), s = C(), o = C(), i = b(e, {
+}, ze = b("response"), _e = k(({ client: t }) => {
+  const e = ze.store({}), s = C(), o = C(), i = I(e, {
     register(a, p) {
       return {
         ...a,
@@ -528,8 +528,8 @@ const Ne = (t, e) => {
           return;
         }
         if (S.options) {
-          const w = S.options.map((I) => I.value), $ = Array.isArray(u) ? u : [u];
-          Array.isArray(u) && ($.every((I) => w.includes(I)) || p.push({
+          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({
             fieldId: g,
             userMessage: "This field expects a valid option",
             systemMessage: `Field expects a valid option. Valid options are: ${w.join(", ")}`,
@@ -576,12 +576,12 @@ const Ne = (t, e) => {
     getByFieldName: f
   };
 });
-function _e(t) {
-  return x(ze, t);
+function He(t) {
+  return x(_e, t);
 }
-const Ue = () => "0.0.8-next.1";
-function He() {
-  if (_()) {
+const Ke = () => "0.0.9-next.1";
+function qe() {
+  if (z()) {
     const t = [
       document.currentScript,
       document.getElementById("picked_script"),
@@ -595,7 +595,7 @@ function He() {
   }
   return "https://api.picked.app";
 }
-function Ke() {
+function We() {
   if (!ne())
     return {};
   const t = new URLSearchParams(window.location.search), e = {}, s = /* @__PURE__ */ new Set();
@@ -605,66 +605,84 @@ function Ke() {
     const l = i.replace("picked-", "");
     e[l] = t.getAll(i);
   }
-  const o = B("s");
+  const o = $("s");
   if (s.size > 0)
-    j.set(o, e);
+    B.set(o, e);
   else {
-    const i = j.get(o);
+    const i = B.get(o);
     if (i)
       return i.json() || {};
   }
   return e;
 }
+function Ge() {
+  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 Je = () => ({
+  id: Ge()
+}), Ye = () => {
+  if (!oe()) return null;
+  const t = D.get("session");
+  let e = t.isSet() ? t.json() : null;
+  return e || (e = Je(), t.set(e)), e;
+}, Qe = (t) => {
+  const e = Ye();
+  return e && t.eventBus({ type: "session", ...e }), e;
+};
 class K {
   constructor(e) {
     y(this, "options");
     y(this, "isReady", !1);
     y(this, "project");
     y(this, "plugins", {});
-    y(this, "eventBus", Oe());
+    y(this, "eventBus", Te());
     y(this, "organizationId");
     y(this, "projectId");
     y(this, "apiUrl");
-    y(this, "searchParams", Ke());
-    y(this, "history", De());
-    y(this, "components", he({ client: this }));
+    y(this, "session");
+    y(this, "searchParams", We());
+    y(this, "history", Me());
+    y(this, "components", we({ client: this }));
     y(this, "experienceInstances", ee({ client: this }));
-    y(this, "experiences", ue({ client: this }));
-    y(this, "frameworks", ve({ client: this }));
-    y(this, "predicates", Re({ client: this }));
-    y(this, "features", $e());
-    y(this, "responses", _e({ client: this }));
-    y(this, "fields", Me());
-    v("info", "Picked client initializing."), this.organizationId = e.organizationId, this.projectId = e.projectId, this.options = Object.freeze(e), this.apiUrl = e.apiUrl || He(), this.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.eventBus({ type: "initialized", version: Ue() }), v("info", "Picked client initialized.");
+    y(this, "experiences", de({ client: this }));
+    y(this, "frameworks", xe({ client: this }));
+    y(this, "predicates", Be({ client: this }));
+    y(this, "features", Ce());
+    y(this, "responses", He({ client: this }));
+    y(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.setupPlugins(), this.setupFeatures(), this.setupPredicates(), this.session = Qe(this), this.eventBus({ type: "initialized", version: Ke() }), v("info", "Picked client initialized.");
   }
   start() {
-    be(this), (async () => {
-      _() && (document.body && await T(this), await te(), await T(this), this.eventBus({ type: "ready" }), this.isReady = !0);
+    Ee(this), (async () => {
+      z() && (document.body && await M(this), await te(), await M(this), this.eventBus({ type: "ready" }), this.isReady = !0);
     })();
   }
   registerFramework(e) {
-    ke(e, this.frameworks);
+    be(e, this.frameworks);
   }
   registerComponent(e, s) {
-    V(e, s, this.components);
+    T(e, s, this.components);
   }
   registerPlugin(e) {
-    pe(this, e, this.plugins);
+    fe(this, e, this.plugins);
   }
   registerFeature(e, s) {
-    Ae(e, s, this.features);
+    De(e, s, this.features);
   }
   registerPredicate(e, s) {
-    Be(e, s, this.predicates);
+    je(e, s, this.predicates);
   }
   registerField(e) {
-    Ne(e, this.fields);
+    Ue(e, this.fields);
   }
   registerExperience(e) {
-    e.component && V(`experience:${e.id}`, e.component, this.components), le(e, this.experiences);
+    e.component && T(`experience:${e.id}`, e.component, this.components), pe(e, this.experiences);
   }
   getStateSnapshot() {
-    return Ie(this);
+    return Pe(this);
   }
   async launchExperienceById(e) {
     const s = this.experiences.getById(e).getState();
@@ -742,11 +760,11 @@ function q(t) {
   var e;
   return ((e = t.options) == null ? void 0 : e.some((s) => "condition" in s)) ?? !1;
 }
-function qe(t) {
+function Xe(t) {
   return t.some((e) => e.condition || q(e));
 }
-async function rt(t, e) {
-  return e.length === 0 || !qe(e) ? e : (await Promise.all(
+async function ct(t, e) {
+  return e.length === 0 || !Xe(e) ? e : (await Promise.all(
     e.map(async (o) => {
       if (!(o.condition ? await R(t, o.condition) : !0))
         return null;
@@ -759,28 +777,29 @@ async function rt(t, e) {
     })
   )).filter((o) => o !== null);
 }
-const st = (t) => {
+const ut = (t) => {
   const e = new K(t);
-  return oe(e), e;
+  return ae(e), e;
 };
 export {
   K as Picked,
-  st as createClient,
-  B as createStorageKey,
+  ut as createClient,
+  $ as createStorageKey,
   R as evaluateRuleLogic,
-  rt as getStepFields,
-  it as isPickedRoot,
-  O as localStore,
-  j as sessionStore,
-  ct as subscribe,
-  lt as supportsCookies,
-  _ as supportsDocument,
-  dt as supportsHistory,
-  pt as supportsIntersectionObserver,
-  gt as supportsLocalStorage,
-  ft as supportsLocation,
-  mt as supportsSessionStorage,
-  yt as supportsShadowRoot,
-  ht as supportsWebComponents,
+  ct as getStepFields,
+  pt as isPickedRoot,
+  D as localStore,
+  B as sessionStore,
+  ft as subscribe,
+  yt as supportsCookies,
+  ie as supportsCryptoRandomUUID,
+  z as supportsDocument,
+  ht as supportsHistory,
+  St as supportsIntersectionObserver,
+  oe as supportsLocalStorage,
+  wt as supportsLocation,
+  vt as supportsSessionStorage,
+  kt as supportsShadowRoot,
+  xt as supportsWebComponents,
   ne as supportsWindow
 };

package/dist/esm/plugins/experience-browser-storage/index.js

@@ -1,35 +1,36 @@
-import { createEffect as n, sample as i } from "effector";
-import { c, l as x, s as S } from "../../../storage-D87xFySf.js";
+import { createEffect as r, sample as i } from "effector";
+import { c, l as g, s as S } from "../../../storage-BxBBl9Bw.js";
 import { l as f } from "../../../logger-C9a75KZn.js";
 const y = ({
   storage: a = "local"
 } = {}) => ({
   name: "experience-browser-storage-plugin",
-  setup: (s) => {
-    const r = a === "local" ? x : S, p = n(async (e) => {
+  setup: (n) => {
+    const o = a === "local" ? g : S, p = r(async (e) => {
       if (!e) {
         f("warn", "No experience instance provided to loadExperienceVisiblityFx.");
         return;
       }
-      const t = c("open-close", "experience", e), o = r.get(t).boolean();
-      e.setOpen(o ?? e.isOpenStore.getState());
+      const t = c("open-close", "experience", e), s = o.get(t).boolean();
+      e.setOpen(s ?? e.isOpenStore.getState());
     });
     i({
-      source: s.eventBus,
-      filter: (e) => e.type === "experience_initialized",
+      source: n.eventBus,
+      filter: (e) => e.type === "experience_initialized" && "experienceInstance" in e,
+      // @ts-ignore todo
       fn: (e) => e.experienceInstance,
       target: p
     });
-    const l = n(async (e) => {
-      const t = c("open-close", "experience", e), o = e.isOpenStore.getState();
-      r.set(t, o);
-    }), g = (e) => i({
+    const l = r(async (e) => {
+      const t = c("open-close", "experience", e), s = e.isOpenStore.getState();
+      o.set(t, s);
+    }), x = (e) => i({
       source: e.isOpenStore,
       fn: () => e,
       target: l
     });
-    s.experienceInstances.listStore.watch((e) => {
-      e.forEach((t) => g(t));
+    n.experienceInstances.listStore.watch((e) => {
+      e.forEach((t) => x(t));
     });
   }
 });

package/dist/esm/plugins/history-browser-storage/index.js

@@ -1,5 +1,5 @@
 import { createEffect as s, sample as r } from "effector";
-import { c as l, l as y, s as g } from "../../../storage-D87xFySf.js";
+import { c as l, l as y, s as g } from "../../../storage-BxBBl9Bw.js";
 const a = l("history", "global"), f = ({
   storage: i = "local"
 } = {}) => ({

package/dist/esm/plugins/responses-browser-storage/index.js

@@ -1,5 +1,5 @@
 import { createEffect as p, sample as i } from "effector";
-import { c as b, l as d, s as y } from "../../../storage-D87xFySf.js";
+import { c as b, l as d, s as y } from "../../../storage-BxBBl9Bw.js";
 const a = b("responses", "global"), R = ({
   storage: g = "local"
 } = {}) => ({