@picked/client 0.0.12-next.9 → 0.0.12

package/dist/experience-instance-XlIuqLrL.js

@@ -0,0 +1,716 @@
+import { createDomain as ft, createEvent as b, combine as F, createApi as J, sample as S, createEffect as _, attach as A, split as lt } from "effector";
+import { createFactory as Q, invoke as Y } from "@withease/factories";
+import { i as pt, s as Z, a as dt } from "./supports-BjhuLJ8z.js";
+import { l as D } from "./logger-C9a75KZn.js";
+import { i as gt } from "./object-JwZ58NOH.js";
+function mt(t) {
+  return typeof t == "number" && !isNaN(t);
+}
+function O(t) {
+  return typeof t == "string";
+}
+function w(t) {
+  return Array.isArray(t);
+}
+function tt(t) {
+  return t instanceof Promise;
+}
+function z(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t) && Object.keys(t).length === 1;
+}
+function d(t) {
+  if (mt(t)) return t;
+  const e = parseFloat(`${t}`);
+  return isNaN(e) ? 0 : e;
+}
+function M(t) {
+  return `${t}`;
+}
+const ht = {
+  // eslint-disable-next-line eqeqeq
+  "==": (t, e) => t == e,
+  "===": (t, e) => t === e,
+  // eslint-disable-next-line eqeqeq
+  "!=": (t, e) => t != e,
+  "!==": (t, e) => t !== e,
+  ">": (t, e) => d(t) > d(e),
+  ">=": (t, e) => d(t) >= d(e),
+  "<": (t, e, r) => {
+    const n = d(t), i = d(e);
+    if (r === void 0) return n < i;
+    const a = d(r);
+    return n < i && i < a;
+  },
+  "<=": (t, e, r) => {
+    const n = d(t), i = d(e);
+    if (r === void 0) return n <= i;
+    const a = d(r);
+    return n <= i && i <= a;
+  },
+  "!!": async (t) => await I(t),
+  "!": async (t) => !await I(t),
+  "%": (t, e) => d(t) % d(e),
+  // eslint-disable-next-line sonarjs/function-return-type
+  log: (t) => (console.log(t), t),
+  in: (t, e) => e ? O(e) ? e.indexOf(M(t)) !== -1 : w(e) ? e.includes(t) : !1 : !1,
+  cat: (...t) => t.map(M).join(""),
+  /* eslint-disable sonarjs/deprecation */
+  substr: (t, e, r) => {
+    const n = M(t), i = d(e);
+    if (r === void 0) return n.substr(i);
+    const a = d(r);
+    if (a < 0) {
+      const o = n.substr(i);
+      return o.substr(0, o.length + a);
+    }
+    return n.substr(i, a);
+  },
+  /* eslint-enable sonarjs/deprecation */
+  "+": (...t) => t.reduce((e, r) => d(e) + d(r), 0),
+  "*": (...t) => t.reduce((e, r) => d(e) * d(r), 1),
+  "-": (t, e) => {
+    const r = d(t);
+    return e === void 0 ? -r : r - d(e);
+  },
+  "/": (t, e) => d(t) / d(e),
+  min: (...t) => Math.min(...t.map(d)),
+  max: (...t) => Math.max(...t.map(d)),
+  merge: (...t) => t.reduce((e, r) => w(r) ? e.concat(r) : e.concat([r]), []),
+  var(t, e) {
+    const r = arguments.length > 1 ? e : null;
+    if (t === "" || t === "." || t === null || t === void 0)
+      return this;
+    if (typeof t == "number" && Array.isArray(this))
+      return t >= 0 && t < this.length ? this[t] : r;
+    const n = M(t);
+    if (n === "" || n === ".")
+      return this;
+    const i = n.split(".");
+    let a = this;
+    for (const o of i) {
+      if (a == null)
+        return r;
+      if (Array.isArray(a)) {
+        const c = parseInt(o, 10);
+        isNaN(c) ? a = a[o] : a = a[c];
+      } else
+        a = a[o];
+    }
+    return a !== void 0 ? a : r;
+  },
+  async missing(...t) {
+    const e = w(t[0]) ? t[0] : t, r = [];
+    for (const n of e) {
+      const i = await p({ var: n }, this);
+      (i === null || i === "") && r.push(`${n}`);
+    }
+    return r;
+  },
+  async missing_some(t, e) {
+    const r = await p({ missing: e }, this);
+    if (!w(r) || !w(e)) return [];
+    const n = r.filter(O);
+    return e.filter(O).length - n.length >= d(t) ? [] : n;
+  },
+  // eslint-disable-next-line sonarjs/function-return-type
+  invoke(t) {
+    return typeof t != "function" ? null : t();
+  },
+  regexp_matches(t, e) {
+    let r = t, n = "";
+    if (w(t)) {
+      const [a, o] = t;
+      r = a, n = o;
+    }
+    return !O(r) || !O(n) ? !1 : new RegExp(r, n).test(M(e));
+  },
+  throw(t) {
+    throw new Error(M(t));
+  }
+};
+async function p(t, e) {
+  if (!t) return t;
+  if (tt(t))
+    return p(await t, e);
+  if (w(t))
+    return Promise.all(t.map((o) => p(o, e)));
+  if (!z(t)) return t;
+  const r = St(t);
+  let n = r ? t[r] ?? [] : [];
+  switch (w(n) || (n = [n]), r) {
+    case "if":
+    case "?:":
+      for (let o = 0; o < n.length - 1; o += 2)
+        if (await I(await p(n[o], e)))
+          return p(n[o + 1], e);
+      return n.length % 2 === 1 ? p(n[n.length - 1], e) : null;
+    case "and": {
+      let o = null;
+      for (const c of n)
+        if (o = await p(c, e), !await I(o))
+          return o;
+      return o;
+    }
+    case "or": {
+      let o = null;
+      for (const c of n)
+        if (o = await p(c, e), await I(o)) return o;
+      return o;
+    }
+    case "map": {
+      const o = await p(n[0], e);
+      return w(o) ? await Promise.all(o.map((c) => p(n[1], c))) : [];
+    }
+    case "filter": {
+      const o = await p(n[0], e);
+      return w(o) ? (await Promise.all(
+        o.map(async (u) => {
+          const h = await I(await p(n[1], u));
+          return { item: u, shouldInclude: h };
+        })
+      )).filter(({ shouldInclude: u }) => u).map(({ item: u }) => u) : [];
+    }
+    case "reduce": {
+      const o = await p(n[0], e);
+      if (!w(o))
+        return n.length > 2 ? await p(n[2], e) : null;
+      const c = n[1];
+      let h = n.length > 2 ? await p(n[2], e) : null;
+      for (const E of o)
+        h = await p(c, { current: E, accumulator: h });
+      return h;
+    }
+    case "all": {
+      const o = await p(n[0], e);
+      if (!w(o) || o.length === 0) return !1;
+      for (const c of o)
+        if (!await I(await p(n[1], c))) return !1;
+      return !0;
+    }
+    case "some": {
+      const o = await p(n[0], e);
+      if (!w(o)) return !1;
+      for (const c of o)
+        if (await I(await p(n[1], c))) return !0;
+      return !1;
+    }
+    case "none": {
+      const o = await p(n[0], e);
+      if (!w(o)) return !0;
+      for (const c of o)
+        if (await I(await p(n[1], c))) return !1;
+      return !0;
+    }
+    case "catch":
+      try {
+        return await p(n[0], e);
+      } catch (o) {
+        return z(o) ? await p(o, e) : n[1] ? await p(n[1], o) : o instanceof Error ? o.message : o;
+      }
+  }
+  const i = await Promise.all(n.map((o) => p(o, e))), a = r ? ht[r] : void 0;
+  if (!a) throw new Error(`Unrecognized operation ${r}`);
+  return a.apply(e, i);
+}
+async function I(t) {
+  return tt(t) ? I(await t) : !(Array.isArray(t) && t.length === 0) && !!t;
+}
+function St(t) {
+  return Object.keys(t)[0];
+}
+function jt(t) {
+  return !gt(t);
+}
+async function yt(t, e, r) {
+  const n = t.getStateSnapshot(), i = t.predicates.listStore.getState().reduce((c, u) => ({
+    ...c,
+    [u.name]: () => u.predicate(n)
+  }), {}), a = t.features.listStore.getState().reduce((c, u) => ({
+    ...c,
+    [u.id]: async () => {
+      const { bucket: h } = await u.getBucket();
+      return h;
+    }
+  }), {}), o = {
+    ...r,
+    responses: t.responses.getAllStore.getState(),
+    location: typeof n.location == "object" ? {
+      hash: n.location.hash,
+      host: n.location.host,
+      hostname: n.location.hostname,
+      href: n.location.href,
+      origin: n.location.origin,
+      pathname: n.location.pathname,
+      port: n.location.port,
+      protocol: n.location.protocol,
+      search: n.location.search
+    } : void 0,
+    predicates: i,
+    features: a
+  };
+  return await p(e, o);
+}
+function wt(t) {
+  return !dt() || !Z() ? [] : Array.from(window.document.querySelectorAll(t)).filter(
+    (e) => e instanceof HTMLElement
+  );
+}
+function xt(t) {
+  if (!pt())
+    throw new Error("Shadow DOM is not supported in this environment");
+  return t.attachShadow({ mode: "closed" });
+}
+function Gt() {
+  return new Promise((t, e) => {
+    if (!Z()) {
+      e();
+      return;
+    }
+    document.readyState !== "loading" ? t() : document.addEventListener("readystatechange", () => t(), { once: !0 });
+  });
+}
+function Et(t, e) {
+  const r = new MutationObserver((n) => {
+    document.contains(t) || (r.disconnect(), e());
+  });
+  r.observe(document.body, { childList: !0, subtree: !0 });
+}
+const P = "picked-root", R = "picked-target", It = "picked-root";
+function Kt(t, e) {
+  return [
+    ...t,
+    // Target and replace picked-root web components
+    {
+      selector: `${It}[experience-id="${e}"]`,
+      placement: "replace"
+    }
+  ].flatMap((n) => {
+    const i = wt(n.selector).filter(
+      (a) => !kt(a, e) && !Nt(a, e)
+    );
+    return {
+      ...n,
+      elements: i
+    };
+  });
+}
+function Ut(t, e) {
+  return t.flatMap((r) => r.elements.map((n) => _t(n, r.placement, e)));
+}
+function Vt(t, e) {
+  t.classList.add(R), t.classList.add(`${R}-${e}`);
+}
+function kt(t, e) {
+  return e ? t.classList.contains(`${R}-${e}`) : t.classList.contains(`${R}`);
+}
+function Nt(t, e) {
+  return e ? t.classList.contains(`${P}-${e}`) : t.classList.contains(P);
+}
+function bt(t) {
+  const e = document.createElement("div");
+  return e.style.display = "block", e.classList.add(P), e.classList.add(`${P}-${t}`), e;
+}
+function _t(t, e, r) {
+  let n;
+  const i = bt(r);
+  if (t instanceof Document)
+    n = t.body.appendChild(i);
+  else {
+    switch (e) {
+      case "replace":
+        t.replaceWith(i);
+        break;
+      case "before":
+        t.before(i);
+        break;
+      case "after":
+        t.after(i);
+        break;
+      case "prepend":
+        t.prepend(i);
+        break;
+      default:
+        t.append(i);
+        break;
+    }
+    n = i;
+  }
+  return n;
+}
+function At(t) {
+  return t.type === "conditional";
+}
+function $(t) {
+  return t.type === "step";
+}
+function Bt(t) {
+  return t.type === "experience";
+}
+function X(t) {
+  return t.type === "origin";
+}
+const et = (t, e, r, n, i = /* @__PURE__ */ new Set()) => i.has(r.id) ? [] : (i.add(r.id), $(r) && !n ? [r] : e.filter((o) => o.sourceNodeId === r.id).flatMap((o) => {
+  const c = t.find((u) => u.id === o.destinationNodeId);
+  return c ? et(t, e, c, !1, i) : [];
+})), vt = (t, e, r) => et(t, e, r, !0, /* @__PURE__ */ new Set()), nt = (t, e, r, n, i = /* @__PURE__ */ new Set()) => {
+  if (i.has(r.id)) return [-1, -1];
+  i.add(r.id);
+  const a = e.filter((u) => u.sourceNodeId === r.id);
+  if (a.length === 0) return [0, 0];
+  let o = 1 / 0, c = -1 / 0;
+  for (const u of a) {
+    const h = t.find((k) => k.id === u.destinationNodeId);
+    if (!h) continue;
+    const [E, y] = nt(
+      t,
+      e,
+      h,
+      !1,
+      new Set(i)
+    );
+    E !== -1 && (o = Math.min(o, E + 1), c = Math.max(c, y + 1));
+  }
+  return o === 1 / 0 ? [-1, -1] : [o, c];
+}, Mt = (t, e, r) => nt(t, e, r, !0, /* @__PURE__ */ new Set()), rt = (t, e, r, n = /* @__PURE__ */ new Set()) => {
+  if (n.has(r.id)) return [-1, -1];
+  if (n.add(r.id), r.type === "origin") return [0, 0];
+  const i = e.filter((c) => c.destinationNodeId === r.id);
+  if (i.length === 0) return [-1, -1];
+  let a = 1 / 0, o = -1 / 0;
+  for (const c of i) {
+    const u = t.find((y) => y.id === c.sourceNodeId);
+    if (!u) continue;
+    const [h, E] = rt(
+      t,
+      e,
+      u,
+      new Set(n)
+    );
+    h !== -1 && (a = Math.min(a, h + 1), o = Math.max(o, E + 1));
+  }
+  return a === 1 / 0 ? [-1, -1] : [a, o];
+}, Lt = (t, e, r) => rt(t, e, r, /* @__PURE__ */ new Set()), ot = (t) => t.find((r) => r.type === "origin") || null, K = (t, e, r) => {
+  if (!t)
+    return ot(e);
+  const n = r.find((a) => a.sourceNodeId === t.id);
+  if (!n)
+    return null;
+  const i = e.find((a) => a.id === n.destinationNodeId);
+  return i || null;
+};
+async function Tt(t, e, r, n) {
+  const i = t ? "true" : "false", a = n.find(
+    (o) => o.sourceNodeHandle === i && o.sourceNodeId === e
+  );
+  return r.find((o) => o.id === (a == null ? void 0 : a.destinationNodeId));
+}
+const U = ft("experience-instance"), Ft = Q(
+  ({
+    client: t,
+    experience: e,
+    target: r
+  }) => {
+    const n = b(), i = b(), a = b(), o = b(), c = e.componentStore, u = U.store("transitioning"), h = t.history.entriesStore.map((s) => s.filter((l) => l.experienceId === e.id)), E = h.map((s) => s.filter((l) => $(l.node))), y = h.map((s) => {
+      var l;
+      return ((l = s[s.length - 1]) == null ? void 0 : l.node) || null;
+    }), k = F(
+      e.treeStore,
+      y,
+      ({ steps: s }, l) => s.find((g) => l && $(l) && g.id === l.stepId) || null
+    ), C = F(
+      e.treeStore,
+      y,
+      ({ nodes: s, edges: l }, g) => g ? vt(s, l, g) : []
+    ), f = F(
+      e.treeStore,
+      y,
+      ({ nodes: s, edges: l }, g) => g ? Lt(s, l, g) : [-1, -1]
+    ), m = F(
+      e.treeStore,
+      y,
+      ({ nodes: s, edges: l }, g) => g ? Mt(s, l, g) : [-1, -1]
+    ), x = U.store(!0), N = J(x, {
+      open: () => !0,
+      close: () => !1,
+      toggle: (s) => !s,
+      set: (s, l) => l
+    });
+    S({
+      source: x,
+      filter: Boolean,
+      target: t.eventBus.prepend(() => ({
+        type: "experience_open",
+        experience: e
+      }))
+    }), S({
+      source: x,
+      filter: (s) => !s,
+      target: t.eventBus.prepend(() => ({
+        type: "experience_close",
+        experience: e
+      }))
+    });
+    const B = _(async () => {
+      t.history.back({ experienceId: e.id });
+    }), L = A({
+      source: e.treeStore,
+      effect: async (s, l) => {
+        const g = s.nodes.find((v) => $(v) && v.stepId === l);
+        g && t.history.push({ experienceId: e.id, node: g });
+      }
+    }), V = A({
+      source: y,
+      effect: (s) => {
+      }
+    }), H = A({
+      source: e.treeStore,
+      effect: async ({ nodes: s }) => ot(s)
+    }), j = A({
+      source: e.treeStore,
+      effect: async ({ nodes: s, edges: l }, g) => K(g, s, l)
+    }), G = A({
+      source: e.treeStore,
+      effect: async ({ nodes: s, edges: l, conditionals: g }, v) => {
+        if (!v)
+          return;
+        const q = g.find((ut) => ut.id === v.conditionalId);
+        if (!q)
+          return;
+        const at = v.id, ct = await yt(t, q.condition);
+        return Tt(!!ct, at, s, l);
+      }
+    }), st = _((s) => {
+      if (s)
+        return t.launchExperienceById(s.experienceId);
+    }), W = A({
+      source: [y, e.treeStore],
+      effect: async ([s, { nodes: l, edges: g }]) => K(s, l, g)
+    }), T = A({
+      source: [y, e.treeStore],
+      effect: async ([s, { nodes: l, edges: g }]) => K(s, l, g)
+    }), it = _((s) => {
+      t.history.push({ experienceId: e.id, node: s });
+    });
+    return lt({
+      source: y,
+      match: (s) => s ? At(s) ? "condition" : $(s) ? "step" : Bt(s) ? "launchExperience" : X(s) ? "origin" : "other" : "none",
+      cases: {
+        none: H,
+        origin: j,
+        condition: G,
+        step: V,
+        launchExperience: st,
+        __: b()
+      }
+    }), S({
+      clock: [
+        G.doneData,
+        j.doneData,
+        H.doneData,
+        T.doneData,
+        W.doneData
+      ],
+      filter: Boolean,
+      target: it
+    }), S({
+      clock: i,
+      target: T
+    }), S({
+      clock: i,
+      source: k,
+      filter: Boolean,
+      target: t.eventBus.prepend((s) => ({
+        type: "step_submit",
+        step: s,
+        experience: e
+      }))
+    }), S({
+      clock: T.done,
+      source: k,
+      filter: Boolean,
+      target: t.eventBus.prepend((s) => ({
+        type: "step_submit_success",
+        step: s,
+        experience: e
+      }))
+    }), S({
+      clock: T.fail,
+      source: k,
+      filter: Boolean,
+      target: t.eventBus.prepend((s) => ({
+        type: "step_submit_error",
+        step: s,
+        experience: e
+      }))
+    }), S({
+      clock: a,
+      target: B
+    }), S({ clock: o, target: L }), S({
+      source: F([
+        G.pending,
+        j.pending,
+        H.pending,
+        T.pending
+      ]),
+      fn: (s) => s.some(Boolean) ? "transitioning" : "ready",
+      target: u
+    }), S({
+      clock: V.doneData,
+      source: k,
+      filter: Boolean,
+      target: t.eventBus.prepend((s) => ({
+        type: "step_enter",
+        step: s,
+        experience: e
+      }))
+    }), S({
+      source: y,
+      clock: n,
+      filter: (s) => s ? X(s) : !0,
+      target: W
+    }), n(), {
+      id: Math.random().toString(36).substring(7),
+      // config
+      experienceId: e.id,
+      configStore: e.configStore,
+      target: r,
+      componentStore: c,
+      // state
+      stateStore: u,
+      // open close
+      isOpenStore: x,
+      open: N.open,
+      close: N.close,
+      toggleOpen: N.toggle,
+      setOpen: N.set,
+      // nodes
+      treeStore: e.treeStore,
+      currentNodeStore: y,
+      currentStepStore: k,
+      nextReachableStepNodesStore: C,
+      stepsToOriginStore: f,
+      stepsToLeafStore: m,
+      // history
+      goToNextStep: i,
+      goToPreviousStep: a,
+      goToStepById: o,
+      stepsHistoryStore: E
+    };
+  }
+);
+function Ot(t) {
+  return Y(Ft, t);
+}
+const $t = Q(({ client: t }) => {
+  const e = U.store({}), r = b(), n = b(), i = b(), a = J(e, {
+    register(f, m) {
+      const x = [
+        ...f[m.experienceId] ?? []
+      ];
+      return x.push(m), {
+        ...f,
+        [m.experienceId]: x
+      };
+    },
+    unregister(f, m) {
+      var B;
+      const x = m.experienceId, N = (B = f[x]) == null ? void 0 : B.filter(
+        (L) => L !== m
+      );
+      return {
+        ...f,
+        [x]: N ?? []
+      };
+    }
+  }), o = _(
+    ({ experience: f, target: m }) => Ot({ client: t, experience: f, target: m })
+  ), c = _((f) => {
+    a.register(f);
+  }), u = _(
+    (f) => {
+      f.target && Et(f.target, () => {
+        i(f);
+      });
+    }
+  ), h = _((f) => {
+    a.unregister(f);
+  }), E = _((f) => {
+    const m = f.componentStore.getState();
+    if (!m) {
+      D("warn", "No app component registered. Skipping init.");
+      return;
+    }
+    const x = m.frameworkStore.getState();
+    if (!x) {
+      D(
+        "error",
+        `No framework registered for component '${m.name}'. Skipping rendering.`
+      );
+      return;
+    }
+    const N = f.target;
+    if (!N) {
+      D(
+        "error",
+        `No target element registered for experience '${f.experienceId}'. Skipping rendering.`
+      );
+      return;
+    }
+    const B = xt(N);
+    try {
+      x.render(B, m.component, t, f);
+    } catch (L) {
+      D("error", L);
+    }
+  });
+  S({
+    clock: r,
+    target: o
+  }), S({
+    clock: i,
+    target: h
+  }), S({
+    clock: o.doneData,
+    target: [
+      c,
+      u,
+      n
+    ]
+  }), S({
+    clock: o.doneData,
+    target: t.eventBus.prepend((f) => ({
+      type: "experience_initialized",
+      experienceInstance: f
+    }))
+  }), S({
+    clock: n,
+    target: E
+  });
+  function y(f, m) {
+    r({ experience: f, target: m });
+  }
+  const k = e.map((f) => Object.values(f).flat());
+  function C(f) {
+    return e.map((m) => m[f] || [], { skipVoid: !1 });
+  }
+  return {
+    spawn: y,
+    getByExperienceId: C,
+    listStore: k
+  };
+});
+function Wt(t) {
+  return Y($t, t);
+}
+export {
+  $ as a,
+  Wt as b,
+  Ut as c,
+  Gt as d,
+  yt as e,
+  Nt as f,
+  Kt as g,
+  Ot as h,
+  jt as i,
+  Vt as t
+};