@hachther/akilio-widget 0.6.1 → 0.6.2

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.
package/dist/types.d.ts CHANGED
@@ -316,7 +316,7 @@ export interface AkilioLauncherRenderProps {
316
316
  export type AkilioLauncher = 'default' | 'hidden' | ((controls: AkilioLauncherRenderProps) => ReactNode);
317
317
  export type AkilioStyleIsolation = 'shadow' | 'scoped' | 'none';
318
318
  export interface AkilioWidgetProps {
319
- apiBaseUrl: string;
319
+ apiBaseUrl?: string;
320
320
  projectKey: string;
321
321
  locale?: AkilioLocale;
322
322
  mode?: AkilioMode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hachther/akilio-widget",
3
- "version": "0.6.1",
3
+ "version": "0.6.2",
4
4
  "description": "Embeddable React AI assistant widget for Akilio backend.",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -32,7 +32,6 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "clsx": "^2.1.1",
35
- "driver.js": "^1.8.0",
36
35
  "react-markdown": "^10.1.0",
37
36
  "rehype-highlight": "^7.0.2",
38
37
  "remark-gfm": "^4.0.1"
@@ -1,534 +0,0 @@
1
- "use client";
2
- var $e = globalThis.process || { env: { NODE_ENV: "production" } };
3
- const N = ["pointerdown", "mousedown", "pointerup", "mouseup", "click"], B = /* @__PURE__ */ new WeakMap();
4
- function R(t, e, i) {
5
- P(t);
6
- let n = (o) => {
7
- let r = o.target;
8
- t.contains(r) && ((!i || i(r)) && (o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation()), o.type === "click" && e?.(o));
9
- };
10
- for (let o of N) document.addEventListener(o, n, !0);
11
- B.set(t, n);
12
- }
13
- function P(t) {
14
- let e = B.get(t);
15
- if (e) {
16
- for (let i of N) document.removeEventListener(i, e, !0);
17
- B.delete(t);
18
- }
19
- }
20
- function Q(t, e) {
21
- let i = t.wrapper.getBoundingClientRect();
22
- return { width: i.width + e, height: i.height + e, realWidth: i.width, realHeight: i.height };
23
- }
24
- function M(t, e) {
25
- let { elementDimensions: i, popoverDimensions: n, popoverPadding: o, popoverArrowDimensions: r } = e;
26
- return t === "start" ? Math.max(Math.min(i.top - o, window.innerHeight - n.realHeight - r.width), r.width) : t === "end" ? Math.max(Math.min(i.top - n?.realHeight + i.height + o, window.innerHeight - n?.realHeight - r.width), r.width) : t === "center" ? Math.max(Math.min(i.top + i.height / 2 - n?.realHeight / 2, window.innerHeight - n?.realHeight - r.width), r.width) : 0;
27
- }
28
- function T(t, e) {
29
- let { elementDimensions: i, popoverDimensions: n, popoverPadding: o, popoverArrowDimensions: r } = e;
30
- return t === "start" ? Math.max(Math.min(i.left - o, window.innerWidth - n.realWidth - r.width), r.width) : t === "end" ? Math.max(Math.min(i.left - n?.realWidth + i.width + o, window.innerWidth - n?.realWidth - r.width), r.width) : t === "center" ? Math.max(Math.min(i.left + i.width / 2 - n?.realWidth / 2, window.innerWidth - n?.realWidth - r.width), r.width) : 0;
31
- }
32
- function $(t, e, i) {
33
- let { align: n, side: o } = i, r = i.centered ? "over" : o, s = i.padding, p = Q(t, i.offset), v = t.arrow.getBoundingClientRect(), d = e.getBoundingClientRect(), S = d.top - p.height, y = S >= 0, f = window.innerHeight - (d.bottom + p.height), m = f >= 0, h = d.left - p.width, w = h >= 0, l = window.innerWidth - (d.right + p.width), a = l >= 0, c = !y && !m && !w && !a, g = r;
34
- if (r === "top" && y ? a = w = m = !1 : r === "bottom" && m ? a = w = y = !1 : r === "left" && w ? a = y = m = !1 : r === "right" && a && (w = y = m = !1), r === "over") {
35
- let u = window.innerWidth / 2 - p.realWidth / 2, C = window.innerHeight / 2 - p.realHeight / 2;
36
- t.wrapper.style.left = `${u}px`, t.wrapper.style.right = "auto", t.wrapper.style.top = `${C}px`, t.wrapper.style.bottom = "auto";
37
- } else if (c) {
38
- let u = window.innerWidth / 2 - p?.realWidth / 2;
39
- t.wrapper.style.left = `${u}px`, t.wrapper.style.right = "auto", t.wrapper.style.bottom = "10px", t.wrapper.style.top = "auto";
40
- } else if (w) {
41
- let u = Math.min(h, window.innerWidth - p?.realWidth - v.width), C = M(n, { elementDimensions: d, popoverDimensions: p, popoverPadding: s, popoverArrowDimensions: v });
42
- t.wrapper.style.left = `${u}px`, t.wrapper.style.top = `${C}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.right = "auto", g = "left";
43
- } else if (a) {
44
- let u = Math.min(l, window.innerWidth - p?.realWidth - v.width), C = M(n, { elementDimensions: d, popoverDimensions: p, popoverPadding: s, popoverArrowDimensions: v });
45
- t.wrapper.style.right = `${u}px`, t.wrapper.style.top = `${C}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.left = "auto", g = "right";
46
- } else if (y) {
47
- let u = Math.min(S, window.innerHeight - p.realHeight - v.width), C = T(n, { elementDimensions: d, popoverDimensions: p, popoverPadding: s, popoverArrowDimensions: v });
48
- t.wrapper.style.top = `${u}px`, t.wrapper.style.left = `${C}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.right = "auto", g = "top";
49
- } else if (m) {
50
- let u = Math.min(f, window.innerHeight - p?.realHeight - v.width), C = T(n, { elementDimensions: d, popoverDimensions: p, popoverPadding: s, popoverArrowDimensions: v });
51
- t.wrapper.style.left = `${C}px`, t.wrapper.style.bottom = `${u}px`, t.wrapper.style.top = "auto", t.wrapper.style.right = "auto", g = "bottom";
52
- }
53
- ee(t, c ? "over" : g, n, e), [...t.wrapper.classList].filter((u) => u.startsWith("driver-popover-side-") || u.startsWith("driver-popover-align-")).forEach((u) => t.wrapper.classList.remove(u)), t.wrapper.classList.add(`driver-popover-side-${g}`), t.wrapper.classList.add(`driver-popover-align-${n}`);
54
- }
55
- function D(t, e, i, n, o, r = 10) {
56
- let s = n - i;
57
- return t <= i && e >= n ? o === "start" ? 15 + r / 2 : o === "end" ? s - 15 - r / 2 : s / 2 : (Math.min(Math.max(t, i), n) + Math.min(Math.max(e, i), n)) / 2 - i;
58
- }
59
- function W(t, e, i = 10) {
60
- let n = e - 15 - i;
61
- if (n < 15) return Math.max(0, (e - i) / 2);
62
- let o = t - i / 2;
63
- return Math.min(Math.max(o, 15), n);
64
- }
65
- function U(t, e, i) {
66
- return t === "left" || t === "right" ? e.bottom > i.top && e.top < i.bottom ? t : e.bottom <= i.top ? "bottom" : "top" : e.right > i.left && e.left < i.right ? t : e.right <= i.left ? "right" : "left";
67
- }
68
- function ee(t, e, i, n) {
69
- let o = t.arrow;
70
- if (o.className = "driver-popover-arrow", o.style.top = "", o.style.right = "", o.style.bottom = "", o.style.left = "", e === "over") {
71
- o.classList.add("driver-popover-arrow-none");
72
- return;
73
- }
74
- let r = n.getBoundingClientRect(), s = t.wrapper.getBoundingClientRect(), p = U(e, r, s);
75
- o.classList.add(`driver-popover-arrow-side-${p}`);
76
- let v = o.getBoundingClientRect().width || 10;
77
- if (p === "left" || p === "right") {
78
- let d = D(r.top, r.bottom, s.top, s.bottom, i, v);
79
- o.style.top = `${W(d, s.height, v)}px`;
80
- } else {
81
- let d = D(r.left, r.right, s.left, s.right, i, v);
82
- o.style.left = `${W(d, s.width, v)}px`;
83
- }
84
- }
85
- function L(t) {
86
- return typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : t;
87
- }
88
- function te(t) {
89
- let e = window.getComputedStyle(t);
90
- return [e.overflow, e.overflowX, e.overflowY].some((i) => i === "auto" || i === "scroll");
91
- }
92
- function _(t, e, i, n) {
93
- return (t /= n / 2) < 1 ? i / 2 * t * t + e : -i / 2 * (--t * (t - 2) - 1) + e;
94
- }
95
- function z(t) {
96
- let e = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])';
97
- return t.flatMap((i) => {
98
- let n = i.matches(e), o = Array.from(i.querySelectorAll(e));
99
- return [...n ? [i] : [], ...o];
100
- }).filter((i) => getComputedStyle(i).pointerEvents !== "none" && ne(i));
101
- }
102
- function q(t, e) {
103
- if (!t || oe(t)) return;
104
- let i = t.offsetHeight > window.innerHeight;
105
- t.scrollIntoView({ behavior: !e || ie(t) ? "auto" : "smooth", inline: "center", block: i ? "start" : "center" });
106
- }
107
- function ie(t) {
108
- if (!t || !t.parentElement) return;
109
- let e = t.parentElement;
110
- return e.scrollHeight > e.clientHeight;
111
- }
112
- function oe(t) {
113
- let e = t.getBoundingClientRect();
114
- return e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth);
115
- }
116
- function ne(t) {
117
- return !!(t.offsetWidth || t.offsetHeight || t.getClientRects().length);
118
- }
119
- function re(t) {
120
- t && (t.wrapper.style.display = "none");
121
- }
122
- function le(t, e) {
123
- let i = ae();
124
- document.body.appendChild(i.wrapper);
125
- let { title: n, description: o, showButtons: r, disableButtons: s, showProgress: p, nextBtnText: v, prevBtnText: d, progressText: S } = e;
126
- i.nextButton.innerHTML = v, i.previousButton.innerHTML = d, i.progress.innerHTML = S, e.doneButton && i.nextButton.classList.add("driver-popover-done-btn"), n ? (i.title.innerHTML = n, i.title.style.display = "block") : i.title.style.display = "none", o ? (i.description.innerHTML = o, i.description.style.display = "block") : i.description.style.display = "none";
127
- let y = r.includes("next") || r.includes("previous") || p;
128
- i.closeButton.style.display = r.includes("close") ? "block" : "none", y ? (i.footer.style.display = "flex", i.progress.style.display = p ? "block" : "none", i.nextButton.style.display = r.includes("next") ? "block" : "none", i.previousButton.style.display = r.includes("previous") ? "block" : "none") : i.footer.style.display = "none", s.includes("next") && (i.nextButton.disabled = !0, i.nextButton.classList.add("driver-popover-btn-disabled")), s.includes("previous") && (i.previousButton.disabled = !0, i.previousButton.classList.add("driver-popover-btn-disabled")), s.includes("close") && (i.closeButton.disabled = !0, i.closeButton.classList.add("driver-popover-btn-disabled"));
129
- let f = i.wrapper;
130
- f.style.display = "block", f.style.left = "", f.style.top = "", f.style.bottom = "", f.style.right = "", f.id = "driver-popover-content", f.setAttribute("role", "dialog"), f.setAttribute("aria-labelledby", "driver-popover-title"), f.setAttribute("aria-describedby", "driver-popover-description");
131
- let m = i.arrow;
132
- m.className = "driver-popover-arrow", f.className = `driver-popover ${e.popoverClass || ""}`.trim(), R(i.wrapper, (w) => {
133
- let l = w.target;
134
- if (l.closest(".driver-popover-next-btn")) return e.onNextClick?.();
135
- if (l.closest(".driver-popover-prev-btn")) return e.onPrevClick?.();
136
- if (l.closest(".driver-popover-close-btn")) return e.onCloseClick?.();
137
- }, (w) => i.description.contains(w) || i.title.contains(w) ? !1 : !!w.closest(".driver-popover-prev-btn, .driver-popover-next-btn, .driver-popover-close-btn")), e.onRender?.(i), $(i, t, e.position), se(i, t, e.position), q(f, e.smoothScroll);
138
- let h = z([f, t]);
139
- return h.length > 0 && h[0].focus(), i;
140
- }
141
- function se(t, e, i) {
142
- t.wrapper.querySelectorAll("img").forEach((n) => {
143
- if (n.complete) return;
144
- let o = () => $(t, e, i);
145
- n.addEventListener("load", o, { once: !0 }), n.addEventListener("error", o, { once: !0 });
146
- });
147
- }
148
- function ae() {
149
- let t = document.createElement("div");
150
- t.classList.add("driver-popover");
151
- let e = document.createElement("div");
152
- e.classList.add("driver-popover-arrow");
153
- let i = document.createElement("header");
154
- i.id = "driver-popover-title", i.classList.add("driver-popover-title"), i.style.display = "none", i.innerText = "Popover Title";
155
- let n = document.createElement("div");
156
- n.id = "driver-popover-description", n.classList.add("driver-popover-description"), n.style.display = "none", n.innerText = "Popover description is here";
157
- let o = document.createElement("button");
158
- o.type = "button", o.classList.add("driver-popover-close-btn"), o.setAttribute("aria-label", "Close"), o.innerHTML = "&times;";
159
- let r = document.createElement("footer");
160
- r.classList.add("driver-popover-footer");
161
- let s = document.createElement("span");
162
- s.classList.add("driver-popover-progress-text"), s.innerText = "";
163
- let p = document.createElement("span");
164
- p.classList.add("driver-popover-navigation-btns");
165
- let v = document.createElement("button");
166
- v.type = "button", v.classList.add("driver-popover-prev-btn", "driver-popover-footer-btn"), v.innerHTML = "Previous";
167
- let d = document.createElement("button");
168
- return d.type = "button", d.classList.add("driver-popover-next-btn", "driver-popover-footer-btn"), d.innerHTML = "Next", p.appendChild(v), p.appendChild(d), r.appendChild(s), r.appendChild(p), t.appendChild(o), t.appendChild(e), t.appendChild(i), t.appendChild(n), t.appendChild(r), { wrapper: t, arrow: e, title: i, description: n, footer: r, previousButton: v, nextButton: d, closeButton: o, footerButtons: p, progress: s };
169
- }
170
- function F(t) {
171
- t && (P(t.wrapper), t.wrapper.parentElement?.removeChild(t.wrapper));
172
- }
173
- function K(t, e) {
174
- let i = window.innerWidth, n = window.innerHeight, o = e.padding, r = e.radius, s = t.width + o * 2, p = t.height + o * 2, v = Math.min(r, s / 2, p / 2), d = Math.floor(Math.max(v, 0)), S = t.x - o + d, y = t.y - o, f = s - d * 2, m = p - d * 2;
175
- return `M${i},0L0,0L0,${n}L${i},${n}L${i},0Z
176
- M${S},${y} h${f} a${d},${d} 0 0 1 ${d},${d} v${m} a${d},${d} 0 0 1 -${d},${d} h-${f} a${d},${d} 0 0 1 -${d},-${d} v-${m} a${d},${d} 0 0 1 ${d},-${d} z`;
177
- }
178
- function de(t, e, i, n, o) {
179
- let r = t.getState("__activeStagePosition"), s = r || n.getBoundingClientRect(), p = o.getBoundingClientRect();
180
- r = { x: _(e, s.x, p.x - s.x, i), y: _(e, s.y, p.y - s.y, i), width: _(e, s.width, p.width - s.width, i), height: _(e, s.height, p.height - s.height, i) }, X(t, r), t.setState("__activeStagePosition", r);
181
- }
182
- function V(t, e) {
183
- if (!e) return;
184
- let i = e.getBoundingClientRect(), n = { x: i.x, y: i.y, width: i.width, height: i.height };
185
- t.setState("__activeStagePosition", n), X(t, n);
186
- }
187
- function pe(t) {
188
- let e = t.getState("__activeStagePosition"), i = t.getState("__overlaySvg");
189
- if (!e) return;
190
- if (!i) {
191
- console.warn("No stage svg found.");
192
- return;
193
- }
194
- let n = window.innerWidth, o = window.innerHeight;
195
- i.setAttribute("viewBox", `0 0 ${n} ${o}`);
196
- }
197
- function ce(t, e) {
198
- let i = ge(t, e);
199
- document.body.appendChild(i), R(i, (n) => {
200
- n.target.tagName === "path" && t.emit("overlayClick");
201
- }), t.setState("__overlaySvg", i);
202
- }
203
- function X(t, e) {
204
- let i = t.getState("__overlaySvg");
205
- if (!i) {
206
- ce(t, e);
207
- return;
208
- }
209
- let n = i.firstElementChild;
210
- if (n?.tagName !== "path") throw Error("no path element found in stage svg");
211
- n.setAttribute("d", K(e, Y(t)));
212
- }
213
- function Y(t) {
214
- return { padding: t.getConfig("stagePadding") || 0, radius: t.getConfig("stageRadius") || 0 };
215
- }
216
- function ge(t, e) {
217
- let i = window.innerWidth, n = window.innerHeight, o = document.createElementNS("http://www.w3.org/2000/svg", "svg");
218
- o.classList.add("driver-overlay", "driver-overlay-animated"), o.setAttribute("viewBox", `0 0 ${i} ${n}`), o.setAttribute("xmlSpace", "preserve"), o.setAttribute("xmlnsXlink", "http://www.w3.org/1999/xlink"), o.setAttribute("version", "1.1"), o.setAttribute("preserveAspectRatio", "xMinYMin slice"), o.style.fillRule = "evenodd", o.style.clipRule = "evenodd", o.style.strokeLinejoin = "round", o.style.strokeMiterlimit = "2", o.style.zIndex = "10000", o.style.position = "fixed", o.style.top = "0", o.style.left = "0", o.style.width = "100%", o.style.height = "100%";
219
- let r = document.createElementNS("http://www.w3.org/2000/svg", "path");
220
- return r.setAttribute("d", K(e, Y(t))), r.style.fill = t.getConfig("overlayColor") || "rgb(0,0,0)", r.style.opacity = `${t.getConfig("overlayOpacity")}`, r.style.pointerEvents = "auto", r.style.cursor = "auto", o.appendChild(r), o;
221
- }
222
- function ve(t) {
223
- let e = t.getState("__overlaySvg");
224
- e && (P(e), e.remove());
225
- }
226
- const j = "{{current}} of {{total}}";
227
- function Z(t, e) {
228
- return !(e.skipMissingElement ?? t.getConfig("skipMissingElement")) || !e.element ? !1 : !L(e.element);
229
- }
230
- function b(t, e, i) {
231
- let n = t.getConfig("steps") || [];
232
- for (let o = e; o >= 0 && o < n.length; o += i) if (!Z(t, n[o])) return o;
233
- }
234
- function E(t, e) {
235
- let i = t.getState("activeIndex"), n = i !== void 0 && b(t, i + 1, 1) === void 0, o = e?.popover?.onDoneClick || t.getConfig("onDoneClick");
236
- return n && o ? o : e?.popover?.onNextClick || t.getConfig("onNextClick");
237
- }
238
- function G(t, e) {
239
- return e?.popover?.onPrevClick || t.getConfig("onPrevClick");
240
- }
241
- function ue(t, e) {
242
- return e?.popover?.onCloseClick || t.getConfig("onCloseClick");
243
- }
244
- function fe(t, e, i) {
245
- let n = t.getConfig("steps") || [], o = n[e], r = o.popover || {}, s = b(t, e + 1, 1) !== void 0, p = b(t, e - 1, -1) !== void 0, v = r.doneBtnText || t.getConfig("doneBtnText") || "Done", d = t.getConfig("allowClose"), S = r.showProgress === void 0 ? t.getConfig("showProgress") : r.showProgress, y = (r.progressText || t.getConfig("progressText") || j).replace("{{current}}", `${e + 1}`).replace("{{total}}", `${n.length}`), f = r.showButtons || t.getConfig("showButtons"), m = ["next", "previous", ...d ? ["close"] : []].filter((a) => !f?.length || f.includes(a)), h = r.onNextClick || t.getConfig("onNextClick"), w = r.onPrevClick || t.getConfig("onPrevClick"), l = r.onCloseClick || t.getConfig("onCloseClick");
246
- return { ...o, popover: { showButtons: m, nextBtnText: s ? void 0 : v, disableButtons: [...p ? [] : ["previous"]], showProgress: S, onNextClick: h || i.onNextClick, onPrevClick: w || i.onPrevClick, onCloseClick: l || i.onCloseClick, ...r, progressText: y } };
247
- }
248
- function J(t, e, i) {
249
- let n = t.getConfig("stagePadding") || 0;
250
- return { side: i.popover?.side || "bottom", align: i.popover?.align || "start", offset: n + (t.getConfig("popoverOffset") || 0), padding: n, centered: e.id === "driver-dummy-element" };
251
- }
252
- function me(t, e, i) {
253
- let n = i.popover || {}, o = t.getState("activeIndex"), r = o !== void 0 && b(t, o + 1, 1) === void 0;
254
- return { title: n.title, description: n.description, showButtons: n.showButtons || t.getConfig("showButtons"), disableButtons: n.disableButtons || t.getConfig("disableButtons") || [], showProgress: n.showProgress || t.getConfig("showProgress") || !1, progressText: n.progressText ?? (t.getConfig("progressText") || j), nextBtnText: n.nextBtnText ?? (t.getConfig("nextBtnText") || "Next"), prevBtnText: n.prevBtnText ?? (t.getConfig("prevBtnText") || "Previous"), doneButton: r, popoverClass: n.popoverClass || t.getConfig("popoverClass") || "", smoothScroll: t.getConfig("smoothScroll"), onNextClick: () => {
255
- let s = E(t, i);
256
- return s ? s(e, i, t.getHookOpts()) : t.emit("nextClick");
257
- }, onPrevClick: () => {
258
- let s = G(t, i);
259
- return s ? s(e, i, t.getHookOpts()) : t.emit("prevClick");
260
- }, onCloseClick: () => {
261
- let s = ue(t, i);
262
- return s ? s(e, i, t.getHookOpts()) : t.emit("closeClick");
263
- }, onRender: (s) => {
264
- t.setState("popover", s), (n.onPopoverRender || t.getConfig("onPopoverRender"))?.(s, t.getHookOpts());
265
- }, position: J(t, e, i) };
266
- }
267
- function I(t, e, i) {
268
- F(t.getState("popover")), le(e, me(t, e, i));
269
- }
270
- function he(t, e, i) {
271
- let n = t.getState("popover");
272
- n && $(n, e, J(t, e, i));
273
- }
274
- function we() {
275
- let t = document.getElementById("driver-dummy-element");
276
- if (t) return t;
277
- let e = document.createElement("div");
278
- return e.id = "driver-dummy-element", e.style.width = "0", e.style.height = "0", e.style.pointerEvents = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.top = "50%", e.style.left = "50%", document.body.appendChild(e), e;
279
- }
280
- function O(t, e) {
281
- let i = L(e.element);
282
- i || (i = we()), Ce(t, i, e);
283
- }
284
- function ye(t) {
285
- let e = t.getState("__activeElement"), i = t.getState("__activeStep");
286
- e && (V(t, e), pe(t), he(t, e, i));
287
- }
288
- function Ce(t, e, i) {
289
- let n = t.getConfig("duration") || 400, o = Date.now(), r = t.getState("__activeStep"), s = t.getState("__activeElement") || e, p = !s || s === e, v = e.id === "driver-dummy-element", d = s.id === "driver-dummy-element", S = t.getConfig("animate"), y = i.onHighlightStarted || t.getConfig("onHighlightStarted"), f = i?.onHighlighted || t.getConfig("onHighlighted"), m = r?.onDeselected || t.getConfig("onDeselected"), h = t.getHookOpts();
290
- !p && m && m(d ? void 0 : s, r, h), y && y(v ? void 0 : e, i, h);
291
- let w = !p && S, l = !1;
292
- re(t.getState("popover")), t.setState("previousStep", r), t.setState("previousElement", s), t.setState("activeStep", i), t.setState("activeElement", e);
293
- let a = () => {
294
- if (t.getState("__transitionCallback") !== a) return;
295
- let g = Date.now() - o, u = n - g <= n / 2;
296
- i.popover && u && !l && w && (I(t, e, i), l = !0), t.getConfig("animate") && g < n ? de(t, g, n, s, e) : (V(t, e), f && f(v ? void 0 : e, i, t.getHookOpts()), t.setState("__transitionCallback", void 0), t.setState("__previousStep", r), t.setState("__previousElement", s), t.setState("__activeStep", i), t.setState("__activeElement", e)), window.requestAnimationFrame(a);
297
- };
298
- t.setState("__transitionCallback", a), window.requestAnimationFrame(a), q(e, t.getConfig("smoothScroll")), !w && i.popover && I(t, e, i), document.querySelectorAll(".driver-active-element-parent").forEach((g) => {
299
- g.classList.remove("driver-active-element-parent", "driver-active-element-parent-no-scroll");
300
- }), s.classList.remove("driver-active-element", "driver-no-interaction"), s.removeAttribute("aria-haspopup"), s.removeAttribute("aria-expanded"), s.removeAttribute("aria-controls"), (i.disableActiveInteraction ?? t.getConfig("disableActiveInteraction")) && e.classList.add("driver-no-interaction");
301
- let c = e.parentElement;
302
- c && c !== document.body && (c.classList.add("driver-active-element-parent"), te(c) && c.classList.add("driver-active-element-parent-no-scroll")), e.classList.add("driver-active-element"), e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", "true"), e.setAttribute("aria-controls", "driver-popover-content");
303
- }
304
- function Se() {
305
- document.getElementById("driver-dummy-element")?.remove(), document.querySelectorAll(".driver-active-element").forEach((t) => {
306
- let e = t.parentElement;
307
- e && e !== document.body && e.classList.remove("driver-active-element-parent", "driver-active-element-parent-no-scroll"), t.classList.remove("driver-active-element", "driver-no-interaction"), t.removeAttribute("aria-haspopup"), t.removeAttribute("aria-expanded"), t.removeAttribute("aria-controls");
308
- });
309
- }
310
- function H(t) {
311
- let e = t.getState("__resizeTimeout");
312
- e && window.cancelAnimationFrame(e), t.setState("__resizeTimeout", window.requestAnimationFrame(() => ye(t)));
313
- }
314
- function be(t, e) {
315
- if (!t.getState("isInitialized") || !(e.key === "Tab" || e.keyCode === 9)) return;
316
- let i = t.getState("__activeElement"), n = t.getState("popover")?.wrapper, o = z([...n ? [n] : [], ...i ? [i] : []]), r = o[0], s = o[o.length - 1];
317
- e.preventDefault(), e.shiftKey ? (o[o.indexOf(document.activeElement) - 1] || s)?.focus() : (o[o.indexOf(document.activeElement) + 1] || r)?.focus();
318
- }
319
- function xe(t, e) {
320
- (t.getConfig("allowKeyboardControl") ?? !0) && (e.key === "Escape" ? t.emit("escapePress") : e.key === "ArrowRight" ? t.emit("arrowRightPress") : e.key === "ArrowLeft" && t.emit("arrowLeftPress"));
321
- }
322
- function ke(t, e) {
323
- let i = t.getState("__activeElement"), n = e.target;
324
- !i || !n || !i.contains(n) || t.emit("activeElementClick");
325
- }
326
- function _e(t) {
327
- let e = (s) => xe(t, s), i = (s) => be(t, s), n = () => H(t), o = () => H(t), r = (s) => ke(t, s);
328
- t.setState("__events", { onKeyup: e, onKeydown: i, onResize: n, onScroll: o, onClick: r }), window.addEventListener("keyup", e, !1), window.addEventListener("keydown", i, !1), window.addEventListener("resize", n), window.addEventListener("scroll", o), document.addEventListener("click", r, !1);
329
- }
330
- function Ee(t) {
331
- let e = t.getState("__events");
332
- e && (window.removeEventListener("keyup", e.onKeyup), window.removeEventListener("keydown", e.onKeydown), window.removeEventListener("resize", e.onResize), window.removeEventListener("scroll", e.onScroll), document.removeEventListener("click", e.onClick, !1));
333
- }
334
- function Le() {
335
- let t = {};
336
- function e(i = {}) {
337
- t = { animate: !0, duration: 400, allowClose: !0, allowScroll: !0, overlayClickBehavior: "close", overlayOpacity: 0.7, smoothScroll: !1, disableActiveInteraction: !1, advanceOnClick: !1, skipMissingElement: !1, waitForElement: 0, showProgress: !1, stagePadding: 10, stageRadius: 5, popoverOffset: 10, showButtons: ["next", "previous", "close"], disableButtons: [], overlayColor: "#000", ...i };
338
- }
339
- return e(), { getConfig: ((i) => i ? t[i] : t), configure: e };
340
- }
341
- function Be() {
342
- let t = {}, e = ((o) => o ? t[o] : t), i = (o, r) => {
343
- t[o] = r;
344
- };
345
- function n() {
346
- t = {};
347
- }
348
- return { getState: e, setState: i, resetState: n };
349
- }
350
- function He() {
351
- let t = {};
352
- function e(o, r) {
353
- t[o] = r;
354
- }
355
- function i(o) {
356
- t[o]?.();
357
- }
358
- function n() {
359
- t = {};
360
- }
361
- return { listen: e, emit: i, reset: n };
362
- }
363
- function Pe(t = {}) {
364
- let e = Le();
365
- e.configure(t);
366
- let i = Be(), n = He(), o;
367
- return { getConfig: e.getConfig, setConfig: e.configure, getState: i.getState, setState: i.setState, resetState: i.resetState, listen: n.listen, emit: n.emit, resetEmitter: n.reset, getDriver: () => o, setDriver: (r) => {
368
- o = r;
369
- }, getHookOpts: (r) => {
370
- let s = r || i.getState();
371
- return { config: e.getConfig(), state: s, driver: o, index: s.activeIndex };
372
- } };
373
- }
374
- function Ae(t = {}) {
375
- let e = Pe(t);
376
- function i() {
377
- e.getConfig("allowClose") && h();
378
- }
379
- function n() {
380
- let l = e.getConfig("overlayClickBehavior");
381
- if (e.getConfig("allowClose") && l === "close") {
382
- h();
383
- return;
384
- }
385
- if (typeof l == "function") {
386
- let a = e.getState("__activeStep");
387
- l(e.getState("__activeElement"), a, e.getHookOpts());
388
- return;
389
- }
390
- if (l === "nextStep") {
391
- let a = e.getState("activeStep"), c = e.getState("activeElement"), g = E(e, a);
392
- if (g) {
393
- g(c, a, e.getHookOpts());
394
- return;
395
- }
396
- o();
397
- }
398
- }
399
- function o() {
400
- let l = e.getState("activeIndex"), a = e.getConfig("steps") || [];
401
- if (l === void 0) return;
402
- let c = l + 1;
403
- a[c] ? m(c) : h();
404
- }
405
- function r() {
406
- let l = e.getState("activeIndex"), a = e.getConfig("steps") || [];
407
- if (l === void 0) return;
408
- let c = l - 1;
409
- a[c] ? m(c) : h();
410
- }
411
- function s(l) {
412
- (e.getConfig("steps") || [])[l] ? m(l) : h();
413
- }
414
- function p() {
415
- if (e.getState("__transitionCallback")) return;
416
- let l = e.getState("__activeStep");
417
- if (!l || !(l.advanceOnClick ?? e.getConfig("advanceOnClick"))) return;
418
- let a = e.getState("__activeElement"), c = E(e, l);
419
- if (c) {
420
- c(a, l, e.getHookOpts());
421
- return;
422
- }
423
- o();
424
- }
425
- function v() {
426
- if (e.getState("__transitionCallback")) return;
427
- let l = e.getState("activeIndex"), a = e.getState("__activeStep"), c = e.getState("__activeElement");
428
- if (l === void 0 || a === void 0 || !(e.getConfig("steps") || [])[l - 1]) return;
429
- let g = G(e, a);
430
- if (g) return g(c, a, e.getHookOpts());
431
- r();
432
- }
433
- function d() {
434
- if (e.getState("__transitionCallback")) return;
435
- let l = e.getState("activeIndex"), a = e.getState("__activeStep"), c = e.getState("__activeElement");
436
- if (l === void 0 || a === void 0) return;
437
- let g = E(e, a);
438
- if (g) return g(c, a, e.getHookOpts());
439
- o();
440
- }
441
- function S() {
442
- e.getState("isInitialized") || (e.setState("isInitialized", !0), document.body.classList.add("driver-active", e.getConfig("animate") ? "driver-fade" : "driver-simple"), e.getConfig("allowScroll") || document.body.classList.add("driver-no-scroll"), document.body.style.setProperty("--driver-animation-duration", `${e.getConfig("duration") || 400}ms`), _e(e), e.listen("overlayClick", n), e.listen("activeElementClick", p), e.listen("escapePress", i), e.listen("closeClick", i), e.listen("arrowLeftPress", v), e.listen("arrowRightPress", d));
443
- }
444
- function y() {
445
- let l = e.getState("__pendingWaitCancel");
446
- l && (e.setState("__pendingWaitCancel", void 0), l());
447
- }
448
- function f(l, a, c) {
449
- let g = () => {
450
- u.disconnect(), window.clearTimeout(C), e.setState("__pendingWaitCancel", void 0), c();
451
- }, u = new MutationObserver(() => {
452
- L(l.element) && g();
453
- }), C = window.setTimeout(g, a);
454
- e.setState("__pendingWaitCancel", () => {
455
- u.disconnect(), window.clearTimeout(C);
456
- }), u.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0 });
457
- }
458
- function m(l = 0, a = !1) {
459
- y();
460
- let c = e.getConfig("steps");
461
- if (!c) {
462
- console.error("No steps to drive through"), h();
463
- return;
464
- }
465
- if (!c[l]) {
466
- h();
467
- return;
468
- }
469
- let g = c[l], u = g.waitForElement ?? e.getConfig("waitForElement") ?? 0;
470
- if (!a && u > 0 && g.element && !L(g.element)) {
471
- f(g, u, () => m(l, !0));
472
- return;
473
- }
474
- if (Z(e, g)) {
475
- let k = e.getState("activeIndex"), x = typeof k == "number" && l < k ? -1 : 1;
476
- c[l + x] ? m(l + x) : x === 1 && h();
477
- return;
478
- }
479
- e.setState("__activeOnDestroyed", document.activeElement), e.setState("activeIndex", l);
480
- let C = c[l + 1];
481
- O(e, fe(e, l, { onNextClick: () => {
482
- C ? m(l + 1) : h();
483
- }, onPrevClick: () => {
484
- m(l - 1);
485
- }, onCloseClick: () => {
486
- h();
487
- } }));
488
- }
489
- function h(l = !0) {
490
- let a = e.getState("__activeElement"), c = e.getState("__activeStep"), g = e.getState("__activeOnDestroyed"), u = e.getConfig("onDestroyStarted");
491
- if (l && u) {
492
- u(!a || a?.id === "driver-dummy-element" ? void 0 : a, c, e.getHookOpts());
493
- return;
494
- }
495
- let C = c?.onDeselected || e.getConfig("onDeselected"), k = e.getConfig("onDestroyed");
496
- document.body.classList.remove("driver-active", "driver-fade", "driver-simple", "driver-no-scroll"), document.body.style.removeProperty("--driver-animation-duration"), y(), Ee(e), F(e.getState("popover")), Se(), ve(e), e.resetEmitter();
497
- let x = e.getState();
498
- if (e.resetState(), a && c) {
499
- let A = a.id === "driver-dummy-element";
500
- C && C(A ? void 0 : a, c, e.getHookOpts(x)), k && k(A ? void 0 : a, c, e.getHookOpts(x));
501
- }
502
- g && g.focus();
503
- }
504
- let w = { isActive: () => e.getState("isInitialized") || !1, refresh: () => H(e), drive: (l = 0) => {
505
- S(), m(l);
506
- }, setConfig: e.setConfig, setSteps: (l) => {
507
- y(), e.resetState(), e.setConfig({ ...e.getConfig(), steps: l });
508
- }, getConfig: e.getConfig, getState: e.getState, getActiveIndex: () => e.getState("activeIndex"), isFirstStep: () => {
509
- let l = e.getState("activeIndex");
510
- return l !== void 0 && b(e, l - 1, -1) === void 0;
511
- }, isLastStep: () => {
512
- let l = e.getState("activeIndex");
513
- return l !== void 0 && b(e, l + 1, 1) === void 0;
514
- }, getActiveStep: () => e.getState("activeStep"), getActiveElement: () => e.getState("activeElement"), getPreviousElement: () => e.getState("previousElement"), getPreviousStep: () => e.getState("previousStep"), getNextStep: () => {
515
- let l = e.getConfig("steps") || [], a = e.getState("activeIndex");
516
- if (a === void 0) return;
517
- let c = b(e, a + 1, 1);
518
- return c === void 0 ? void 0 : l[c];
519
- }, moveNext: o, movePrevious: r, moveTo: s, hasNextStep: () => {
520
- let l = e.getState("activeIndex");
521
- return l !== void 0 && b(e, l + 1, 1) !== void 0;
522
- }, hasPreviousStep: () => {
523
- let l = e.getState("activeIndex");
524
- return l !== void 0 && b(e, l - 1, -1) !== void 0;
525
- }, highlight: (l) => {
526
- S(), O(e, { ...l, popover: l.popover ? { showButtons: [], showProgress: !1, progressText: "", ...l.popover } : void 0 });
527
- }, destroy: () => {
528
- h(!1);
529
- } };
530
- return e.setDriver(w), w;
531
- }
532
- export {
533
- Ae as driver
534
- };