@picked/client 0.0.1-dev.1777602638912 → 0.0.1-dev.1777611471601

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/{api-AgvW9_WG.cjs → api-CP_eIRW2.cjs} +1 -1
  2. package/dist/{api-5yb5p-eh.js → api-UYfzBUGT.js} +1 -1
  3. package/dist/cjs/form/index.js +1 -1
  4. package/dist/cjs/index.js +2 -2
  5. package/dist/cjs/plugins/create-experience/index.js +1 -1
  6. package/dist/cjs/plugins/dom-observer/index.js +1 -0
  7. package/dist/cjs/plugins/dynamic-experiences/index.js +1 -1
  8. package/dist/cjs/plugins/experience-browser-storage/index.js +1 -1
  9. package/dist/cjs/plugins/history-browser-storage/index.js +1 -1
  10. package/dist/cjs/plugins/responses-browser-storage/index.js +1 -1
  11. package/dist/cjs/server/index.js +1 -1
  12. package/dist/esm/form/index.js +16 -31
  13. package/dist/esm/index.js +169 -294
  14. package/dist/esm/plugins/create-experience/index.js +1 -1
  15. package/dist/esm/plugins/dom-observer/index.js +58 -0
  16. package/dist/esm/plugins/dynamic-experiences/index.js +1 -1
  17. package/dist/esm/plugins/experience-browser-storage/index.js +1 -1
  18. package/dist/esm/plugins/history-browser-storage/index.js +1 -1
  19. package/dist/esm/plugins/responses-browser-storage/index.js +1 -1
  20. package/dist/esm/server/index.js +1 -1
  21. package/dist/experience-BhteyYBl.cjs +1 -0
  22. package/dist/experience-CoMdlvyn.js +136 -0
  23. package/dist/experience-instance-CZDcicPj.cjs +1 -0
  24. package/dist/experience-instance-IkIw31Cg.js +387 -0
  25. package/dist/nodes-ChVU1VZO.js +101 -0
  26. package/dist/nodes-DDDs-rC2.cjs +1 -0
  27. package/dist/types/form/create-form.d.ts +0 -32
  28. package/dist/types/form/create-form.d.ts.map +1 -1
  29. package/dist/types/plugins/dom-observer/index.d.ts +3 -0
  30. package/dist/types/plugins/dom-observer/index.d.ts.map +1 -0
  31. package/dist/types/plugins/dom-observer/plugin.d.ts +37 -0
  32. package/dist/types/plugins/dom-observer/plugin.d.ts.map +1 -0
  33. package/package.json +11 -1
  34. package/dist/experience-instance-DC2gKwA6.cjs +0 -1
  35. package/dist/experience-instance-DJaNc5Ob.js +0 -486
  36. /package/dist/{id-CRqy981z.js → id-B-N2zNbS.js} +0 -0
  37. /package/dist/{id-Bv44ilEo.cjs → id-Bbodazn8.cjs} +0 -0
  38. /package/dist/{storage-B6lQtc4-.cjs → storage-BXSlLTRa.cjs} +0 -0
  39. /package/dist/{storage-6Xk0uAxB.js → storage-hOHCCXvP.js} +0 -0
@@ -1,486 +0,0 @@
1
- import { n as e, t } from "./rules-logic-BTIxfrJJ.js";
2
- import "./logger-6z_gb4rA.js";
3
- import { d as n, l as r, r as i } from "./supports-0XIfd4-R.js";
4
- import { attach as a, combine as o, createApi as s, createDomain as c, createEffect as l, createEvent as u, sample as d, split as f } from "effector";
5
- import { createFactory as p, invoke as m } from "@withease/factories";
6
- //#region src/utils/dom.ts
7
- function h(e) {
8
- return !n() || !i() ? [] : Array.from(window.document.querySelectorAll(e)).filter((e) => e instanceof HTMLElement);
9
- }
10
- var g = "open";
11
- function _(e) {
12
- if (!r()) throw Error("Shadow DOM is not supported in this environment");
13
- return e.attachShadow({ mode: g });
14
- }
15
- function v() {
16
- return new Promise((e, t) => {
17
- if (!i()) {
18
- t();
19
- return;
20
- }
21
- document.readyState === "loading" ? document.addEventListener("readystatechange", () => e(), { once: !0 }) : e();
22
- });
23
- }
24
- function y(e, t) {
25
- let n = new MutationObserver((r) => {
26
- document.contains(e) || (n.disconnect(), t());
27
- });
28
- n.observe(document.body, {
29
- childList: !0,
30
- subtree: !0
31
- });
32
- }
33
- var b = "picked-root", x = "picked-target", S = "picked-root";
34
- function C(e, t) {
35
- return [...e, {
36
- selector: `${S}[experience-id="${t}"]`,
37
- placement: "replace"
38
- }].flatMap((e) => {
39
- let n = h(e.selector).filter((e) => !E(e, t) && !D(e, t));
40
- return {
41
- ...e,
42
- elements: n
43
- };
44
- });
45
- }
46
- function w(e, t, n) {
47
- return e.flatMap((e) => e.elements.map((r) => k(r, e.placement, t, n)));
48
- }
49
- function T(e, t) {
50
- e.classList.add(x), e.classList.add(`${x}-${t}`);
51
- }
52
- function E(e, t) {
53
- return t ? e.classList.contains(`${x}-${t}`) : e.classList.contains(`${x}`);
54
- }
55
- function D(e, t) {
56
- return t ? e.classList.contains(`${b}-${t}`) : e.classList.contains(b);
57
- }
58
- function O(e, t) {
59
- let n = document.createElement("div");
60
- return n.style.display = "block", n.classList.add(b), n.classList.add(`${b}-${e}`), n.classList.add(`${b}-${t}`), n;
61
- }
62
- function k(e, t, n, r) {
63
- let i, a = O(n, r);
64
- if (e instanceof Document) i = e.body.appendChild(a);
65
- else {
66
- switch (t) {
67
- case "replace":
68
- e.replaceWith(a);
69
- break;
70
- case "before":
71
- e.before(a);
72
- break;
73
- case "after":
74
- e.after(a);
75
- break;
76
- case "prepend":
77
- e.prepend(a);
78
- break;
79
- case "append":
80
- e.append(a);
81
- break;
82
- }
83
- i = a;
84
- }
85
- return i;
86
- }
87
- //#endregion
88
- //#region src/utils/nodes.ts
89
- function A(e) {
90
- return e.type === "condition";
91
- }
92
- function j(e) {
93
- return e.type === "step";
94
- }
95
- function M(e) {
96
- return e.type === "experience";
97
- }
98
- function N(e) {
99
- return e.type === "origin";
100
- }
101
- function P(e) {
102
- return e.type === "action";
103
- }
104
- //#endregion
105
- //#region src/utils/node-tree/next-reachable-step-nodes.ts
106
- var F = (e, t, n, r, i = /* @__PURE__ */ new Set()) => i.has(n.id) ? [] : (i.add(n.id), j(n) && !r ? [n] : t.filter((e) => e.sourceNodeId === n.id).flatMap((n) => {
107
- let r = e.find((e) => e.id === n.destinationNodeId);
108
- return r ? F(e, t, r, !1, i) : [];
109
- })), I = (e, t, n) => F(e, t, n, !0, /* @__PURE__ */ new Set()), L = (e, t, n, r, i = /* @__PURE__ */ new Set()) => {
110
- if (i.has(n.id)) return [-1, -1];
111
- i.add(n.id);
112
- let a = t.filter((e) => e.sourceNodeId === n.id);
113
- if (a.length === 0) return [0, 0];
114
- let o = Infinity, s = -Infinity;
115
- for (let n of a) {
116
- let r = e.find((e) => e.id === n.destinationNodeId);
117
- if (!r) continue;
118
- let [a, c] = L(e, t, r, !1, new Set(i));
119
- a !== -1 && (o = Math.min(o, a + 1), s = Math.max(s, c + 1));
120
- }
121
- return o === Infinity ? [-1, -1] : [o, s];
122
- }, ee = (e, t, n) => L(e, t, n, !0, /* @__PURE__ */ new Set()), R = (e, t, n, r = /* @__PURE__ */ new Set()) => {
123
- if (r.has(n.id)) return [-1, -1];
124
- if (r.add(n.id), n.type === "origin") return [0, 0];
125
- let i = t.filter((e) => e.destinationNodeId === n.id);
126
- if (i.length === 0) return [-1, -1];
127
- let a = Infinity, o = -Infinity;
128
- for (let n of i) {
129
- let i = e.find((e) => e.id === n.sourceNodeId);
130
- if (!i) continue;
131
- let [s, c] = R(e, t, i, new Set(r));
132
- s !== -1 && (a = Math.min(a, s + 1), o = Math.max(o, c + 1));
133
- }
134
- return a === Infinity ? [-1, -1] : [a, o];
135
- }, te = (e, t, n) => R(e, t, n, /* @__PURE__ */ new Set()), z = (e) => e.find((e) => e.type === "origin") || null, B = (e, t, n) => {
136
- if (!e) return z(t);
137
- let r = n.find((t) => t.sourceNodeId === e.id);
138
- return r && t.find((e) => e.id === r.destinationNodeId) || null;
139
- };
140
- //#endregion
141
- //#region src/utils/node-tree/get-next-node-from-condition.ts
142
- async function V(e, t, n, r) {
143
- let i = e ? "true" : "false", a = r.find((e) => e.sourceHandle === i && e.sourceNodeId === t);
144
- return n.find((e) => e.id === a?.destinationNodeId);
145
- }
146
- //#endregion
147
- //#region src/entities/experience-instance/experience-instance.ts
148
- var H = c("experience-instance"), U = p(({ client: n, experience: r, target: i, options: c }) => {
149
- let p = u(), m = u(), h = u(), g = u(), _ = u(), v = u(), y = r.componentStore, b = H.store("transitioning"), x = n.history.entriesStore.map((e) => e.filter((e) => e.experienceId === r.id)), S = x.map((e) => e.filter((e) => j(e.node))), C = x.map((e) => e.at(-1)?.node || null), w = o(n.steps.listStore, C, (e, t) => e.find((e) => t && j(t) && e.id === t.stepId) || null), T = o(n.steps.listStore, S, (e, t) => {
150
- let n = t.at(-2);
151
- if (!n || !j(n.node)) return null;
152
- let r = n.node;
153
- return e.find((e) => e.id === r.stepId) || null;
154
- }), E = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? I(e, t, n) : []), D = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? te(e, t, n) : [-1, -1]), O = o(r.treeStore, C, ({ nodes: e, edges: t }, n) => n ? ee(e, t, n) : [-1, -1]), k = H.store(!1), F = s(k, {
155
- open: () => !0,
156
- close: () => !1,
157
- toggle: (e) => !e,
158
- set: (e, t) => t
159
- }), L = l(async () => {
160
- n.history.back({ experienceId: r.id });
161
- }), R = a({
162
- source: r.treeStore,
163
- effect: async (e, t) => {
164
- let i = e.nodes.find((e) => j(e) && e.stepId === t);
165
- i && n.history.push({
166
- experienceId: r.id,
167
- node: i
168
- });
169
- }
170
- }), U = a({
171
- source: C,
172
- effect: (e) => {}
173
- }), W = a({
174
- source: r.treeStore,
175
- effect: async ({ nodes: e }) => z(e)
176
- }), G = a({
177
- source: r.treeStore,
178
- effect: async ({ nodes: e, edges: t }, n) => {
179
- if (N(n)) return B(n, e, t);
180
- }
181
- }), K = a({
182
- source: r.treeStore,
183
- effect: async ({ nodes: e, edges: r, conditions: i }, a) => {
184
- if (!A(a)) return;
185
- let o = i.find((e) => e.id === a.conditionId)?.logic;
186
- return o ? V(!!await t(n, o), a.id, e, r) : void 0;
187
- }
188
- }), q = a({
189
- source: r.treeStore,
190
- effect: async ({ nodes: e, edges: t }, r) => {
191
- if (!P(r)) return;
192
- let i = r.actionKey;
193
- if (!i) {
194
- `${r.id}`;
195
- return;
196
- }
197
- let a = n.actions.getByKey(i).getState();
198
- if (!a) {
199
- `${i}`;
200
- let n = t.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
201
- return n ? e.find((e) => e.id === n.destinationNodeId) : null;
202
- }
203
- if (typeof a != "function") {
204
- `${i}`;
205
- let n = t.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
206
- return n ? e.find((e) => e.id === n.destinationNodeId) : null;
207
- }
208
- try {
209
- `${i}`, await a({
210
- ...n.getStateSnapshot(),
211
- args: []
212
- }, { experience: Z });
213
- let o = t.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "true");
214
- if (!o) return `${r.id}`, null;
215
- let s = e.find((e) => e.id === o.destinationNodeId);
216
- return `${i}${s?.id}`, s || null;
217
- } catch {
218
- `${i}`;
219
- let n = t.find((e) => e.sourceNodeId === r.id && e.sourceHandle === "false");
220
- if (!n) return `${r.id}`, null;
221
- let a = e.find((e) => e.id === n.destinationNodeId);
222
- return `${i}${a?.id}`, a || null;
223
- }
224
- }
225
- }), ne = l((e) => {
226
- M(e) && n.experiences.launch({ key: e.experienceKey });
227
- }), J = a({
228
- source: [C, r.treeStore],
229
- effect: async ([e, { nodes: t, edges: n }]) => B(e, t, n)
230
- }), Y = a({
231
- source: [C, r.treeStore],
232
- effect: async ([e, { nodes: t, edges: n }]) => B(e, t, n)
233
- }), re = l((e) => {
234
- n.history.push({
235
- experienceId: r.id,
236
- node: e
237
- });
238
- }), X = a({
239
- source: r.configStore,
240
- effect: async ({ initializeOpenLogic: r }) => c?.initialiseOpen === void 0 ? e(r) ? !!await t(n, r) : r ?? !1 : c.initialiseOpen
241
- }), Z = Object.freeze({
242
- id: Math.random().toString(36).substring(7),
243
- experienceKey: r.key,
244
- experienceId: r.id,
245
- configStore: r.configStore,
246
- target: i,
247
- componentStore: y,
248
- stateStore: b,
249
- isOpenStore: k,
250
- open: F.open,
251
- close: F.close,
252
- toggleOpen: F.toggle,
253
- setOpen: F.set,
254
- treeStore: r.treeStore,
255
- currentNodeStore: C,
256
- currentStepStore: w,
257
- previousStepStore: T,
258
- nextReachableStepNodesStore: E,
259
- stepsToOriginStore: D,
260
- stepsToLeafStore: O,
261
- goToNextStep: m,
262
- goToPreviousStep: h,
263
- goToStepById: g,
264
- stepsHistoryStore: S
265
- }), Q = u(), $ = u();
266
- return d({
267
- clock: C,
268
- target: Q
269
- }), d({
270
- clock: Q,
271
- filter: (e) => e === null,
272
- target: W
273
- }), d({
274
- clock: Q,
275
- filter: (e) => e !== null,
276
- target: $
277
- }), f({
278
- source: $,
279
- match: (e) => A(e) ? "condition" : j(e) ? "step" : M(e) ? "launchExperience" : N(e) ? "origin" : P(e) ? "action" : "other",
280
- cases: {
281
- origin: G,
282
- condition: K,
283
- step: U,
284
- launchExperience: ne,
285
- action: q,
286
- __: u()
287
- }
288
- }), d({
289
- clock: [
290
- K.doneData,
291
- G.doneData,
292
- W.doneData,
293
- Y.doneData,
294
- J.doneData,
295
- q.doneData
296
- ],
297
- filter: Boolean,
298
- target: re
299
- }), d({
300
- clock: m,
301
- target: Y
302
- }), d({
303
- clock: m,
304
- source: w,
305
- filter: Boolean,
306
- target: n.eventBus.prepend((e) => ({
307
- type: "step_submit",
308
- step: e,
309
- experience: Z
310
- }))
311
- }), d({
312
- clock: Y.done,
313
- source: w,
314
- filter: Boolean,
315
- target: n.eventBus.prepend((e) => ({
316
- type: "step_submit_success",
317
- step: e,
318
- experience: Z
319
- }))
320
- }), d({
321
- clock: Y.fail,
322
- source: w,
323
- filter: Boolean,
324
- target: n.eventBus.prepend((e) => ({
325
- type: "step_submit_error",
326
- step: e,
327
- experience: Z
328
- }))
329
- }), d({
330
- clock: h,
331
- target: L
332
- }), d({
333
- clock: g,
334
- target: R
335
- }), d({
336
- source: o([
337
- K.pending,
338
- G.pending,
339
- W.pending,
340
- Y.pending
341
- ]),
342
- fn: (e) => e.some(Boolean) ? "transitioning" : "ready",
343
- target: b
344
- }), d({
345
- clock: U.doneData,
346
- source: w,
347
- filter: Boolean,
348
- target: n.eventBus.prepend((e) => ({
349
- type: "step_enter",
350
- step: e,
351
- experience: Z
352
- }))
353
- }), d({
354
- clock: v,
355
- target: X
356
- }), d({
357
- source: X.doneData,
358
- fn: Boolean,
359
- target: k
360
- }), d({
361
- source: C,
362
- clock: p,
363
- filter: (e) => e ? N(e) : !0,
364
- target: J
365
- }), d({
366
- source: k,
367
- filter: Boolean,
368
- target: p
369
- }), d({
370
- source: k,
371
- filter: Boolean,
372
- target: n.eventBus.prepend(() => ({
373
- type: "experience_open",
374
- experience: Z
375
- }))
376
- }), d({
377
- source: k,
378
- filter: (e) => !e,
379
- target: n.eventBus.prepend(() => ({
380
- type: "experience_close",
381
- experience: Z
382
- }))
383
- }), d({
384
- clock: _,
385
- target: [v]
386
- }), _(), Z;
387
- });
388
- function W(e) {
389
- return m(U, e);
390
- }
391
- var G = p(({ client: e }) => {
392
- let t = H.store({}), n = u(), r = u(), i = u(), a = s(t, {
393
- register(e, t) {
394
- let n = [...e[t.experienceId] ?? []];
395
- return n.push(t), {
396
- ...e,
397
- [t.experienceId]: n
398
- };
399
- },
400
- unregister(e, t) {
401
- let n = t.experienceId, r = e[n]?.filter((e) => e !== t);
402
- return {
403
- ...e,
404
- [n]: r ?? []
405
- };
406
- }
407
- }), o = l(({ experience: t, target: n, options: r }) => W({
408
- client: e,
409
- experience: t,
410
- target: n,
411
- options: r
412
- })), c = l((e) => {
413
- a.register(e);
414
- }), f = l((e) => {
415
- e.target && y(e.target, () => {
416
- i(e);
417
- });
418
- }), p = l((e) => {
419
- a.unregister(e);
420
- }), m = l((t) => {
421
- let n = t.componentStore.getState();
422
- if (!n) return;
423
- let r = n.frameworkStore.getState();
424
- if (!r) {
425
- `${n.name}`;
426
- return;
427
- }
428
- let i = t.target;
429
- if (!i) {
430
- `${t.experienceId}`;
431
- return;
432
- }
433
- let a = _(i);
434
- try {
435
- r.render(a, n.component, e, t);
436
- } catch {}
437
- });
438
- d({
439
- clock: n,
440
- target: o
441
- }), d({
442
- clock: i,
443
- target: p
444
- }), d({
445
- clock: o.doneData,
446
- target: [
447
- c,
448
- f,
449
- r
450
- ]
451
- }), d({
452
- clock: o.doneData,
453
- target: e.eventBus.prepend((e) => ({
454
- type: "experience_initialize",
455
- experience: e
456
- }))
457
- }), d({
458
- clock: r,
459
- target: m
460
- });
461
- function h(e, t, r) {
462
- n({
463
- experience: e,
464
- target: t,
465
- options: r
466
- });
467
- }
468
- let g = t.map((e) => Object.values(e).flat());
469
- function v(e) {
470
- return g.map((t) => t.filter((t) => t.experienceKey === e), { skipVoid: !1 });
471
- }
472
- function b(e) {
473
- return t.map((t) => t[e] || [], { skipVoid: !1 });
474
- }
475
- return {
476
- spawn: h,
477
- getByExperienceKey: v,
478
- getByExperienceId: b,
479
- listStore: g
480
- };
481
- });
482
- function K(e) {
483
- return m(G, e);
484
- }
485
- //#endregion
486
- export { w as a, D as c, j as i, T as l, K as n, v as o, A as r, C as s, W as t };
File without changes
File without changes