@hachther/akilio-widget 0.5.0

package/dist/components/BrandLogo.d.ts

@@ -0,0 +1,6 @@
+interface BrandLogoProps {
+    variant?: 'mark' | 'wordmark';
+    className?: string;
+}
+export declare function BrandLogo({ variant, className }: BrandLogoProps): import("react").JSX.Element;
+export {};

package/dist/components/ChatPanel.d.ts

@@ -0,0 +1,28 @@
+import type { AkilioResolvedCopy } from '../lib/copy';
+import type { AkilioChatMessage, AkilioFeedbackRating, AkilioProduct, AkilioProductVariant } from '../types';
+interface ChatPanelProps {
+    open: boolean;
+    isDesktop: boolean;
+    inline: boolean;
+    colorMode: 'light' | 'dark';
+    allowColorModeToggle: boolean;
+    copy: AkilioResolvedCopy;
+    locale: string;
+    messages: AkilioChatMessage[];
+    loading: boolean;
+    consentDecision: 'pending' | 'accepted' | 'rejected';
+    consentGranted: boolean;
+    requireConsent: boolean;
+    privacyNotice: string;
+    privacyNoticeUrl?: string;
+    onConsentDecision: (decision: 'pending' | 'accepted' | 'rejected') => void;
+    onClose: () => void;
+    onToggleColorMode: () => void;
+    onClear: () => void;
+    onSubmit: (query: string) => void;
+    onFeedback: (message: AkilioChatMessage, rating: AkilioFeedbackRating) => void;
+    onSuggestion: (suggestion: string) => void;
+    onProductClick: (message: AkilioChatMessage, product: AkilioProduct, variant?: AkilioProductVariant) => void;
+}
+export declare function ChatPanel(props: ChatPanelProps): import("react").JSX.Element;
+export {};

package/dist/components/Icons.d.ts

@@ -0,0 +1,9 @@
+import type { SVGProps } from 'react';
+export declare function SparklesIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function SendIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function CloseIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TrashIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function ThumbsUpIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function ThumbsDownIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function SunIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MoonIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/components/Launcher.d.ts

@@ -0,0 +1,4 @@
+export declare function Launcher({ label, onClick, }: {
+    label: string;
+    onClick: () => void;
+}): import("react").JSX.Element;

package/dist/components/MarkdownAnswer.d.ts

@@ -0,0 +1,3 @@
+export declare const MarkdownAnswer: import("react").NamedExoticComponent<{
+    content: string;
+}>;

package/dist/components/MessageBubble.d.ts

@@ -0,0 +1,12 @@
+import type { AkilioResolvedCopy } from '../lib/copy';
+import type { AkilioChatMessage, AkilioFeedbackRating, AkilioProduct, AkilioProductVariant } from '../types';
+interface MessageBubbleProps {
+    message: AkilioChatMessage;
+    copy: AkilioResolvedCopy;
+    locale: string;
+    onFeedback?: (message: AkilioChatMessage, rating: AkilioFeedbackRating) => void;
+    onSuggestion?: (suggestion: string) => void;
+    onProductClick?: (message: AkilioChatMessage, product: AkilioProduct, variant?: AkilioProductVariant) => void;
+}
+export declare const MessageBubble: import("react").NamedExoticComponent<MessageBubbleProps>;
+export {};

package/dist/components/ProductCards.d.ts

@@ -0,0 +1,10 @@
+import type { AkilioResolvedCopy } from '../lib/copy';
+import type { AkilioCommerceCapability, AkilioProduct, AkilioProductVariant } from '../types';
+interface ProductCardsProps {
+    commerce: AkilioCommerceCapability;
+    copy: AkilioResolvedCopy;
+    locale: string;
+    onProductClick?: (product: AkilioProduct, variant?: AkilioProductVariant) => void;
+}
+export declare const ProductCards: import("react").NamedExoticComponent<ProductCardsProps>;
+export {};

package/dist/driver.js-CVJgNCO-.js

@@ -0,0 +1,534 @@
+"use client";
+var $e = globalThis.process || { env: { NODE_ENV: "production" } };
+const N = ["pointerdown", "mousedown", "pointerup", "mouseup", "click"], B = /* @__PURE__ */ new WeakMap();
+function R(t, e, i) {
+  P(t);
+  let n = (o) => {
+    let r = o.target;
+    t.contains(r) && ((!i || i(r)) && (o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation()), o.type === "click" && e?.(o));
+  };
+  for (let o of N) document.addEventListener(o, n, !0);
+  B.set(t, n);
+}
+function P(t) {
+  let e = B.get(t);
+  if (e) {
+    for (let i of N) document.removeEventListener(i, e, !0);
+    B.delete(t);
+  }
+}
+function Q(t, e) {
+  let i = t.wrapper.getBoundingClientRect();
+  return { width: i.width + e, height: i.height + e, realWidth: i.width, realHeight: i.height };
+}
+function M(t, e) {
+  let { elementDimensions: i, popoverDimensions: n, popoverPadding: o, popoverArrowDimensions: r } = e;
+  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;
+}
+function T(t, e) {
+  let { elementDimensions: i, popoverDimensions: n, popoverPadding: o, popoverArrowDimensions: r } = e;
+  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;
+}
+function $(t, e, i) {
+  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;
+  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") {
+    let u = window.innerWidth / 2 - p.realWidth / 2, C = window.innerHeight / 2 - p.realHeight / 2;
+    t.wrapper.style.left = `${u}px`, t.wrapper.style.right = "auto", t.wrapper.style.top = `${C}px`, t.wrapper.style.bottom = "auto";
+  } else if (c) {
+    let u = window.innerWidth / 2 - p?.realWidth / 2;
+    t.wrapper.style.left = `${u}px`, t.wrapper.style.right = "auto", t.wrapper.style.bottom = "10px", t.wrapper.style.top = "auto";
+  } else if (w) {
+    let u = Math.min(h, window.innerWidth - p?.realWidth - v.width), C = M(n, { elementDimensions: d, popoverDimensions: p, popoverPadding: s, popoverArrowDimensions: v });
+    t.wrapper.style.left = `${u}px`, t.wrapper.style.top = `${C}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.right = "auto", g = "left";
+  } else if (a) {
+    let u = Math.min(l, window.innerWidth - p?.realWidth - v.width), C = M(n, { elementDimensions: d, popoverDimensions: p, popoverPadding: s, popoverArrowDimensions: v });
+    t.wrapper.style.right = `${u}px`, t.wrapper.style.top = `${C}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.left = "auto", g = "right";
+  } else if (y) {
+    let u = Math.min(S, window.innerHeight - p.realHeight - v.width), C = T(n, { elementDimensions: d, popoverDimensions: p, popoverPadding: s, popoverArrowDimensions: v });
+    t.wrapper.style.top = `${u}px`, t.wrapper.style.left = `${C}px`, t.wrapper.style.bottom = "auto", t.wrapper.style.right = "auto", g = "top";
+  } else if (m) {
+    let u = Math.min(f, window.innerHeight - p?.realHeight - v.width), C = T(n, { elementDimensions: d, popoverDimensions: p, popoverPadding: s, popoverArrowDimensions: v });
+    t.wrapper.style.left = `${C}px`, t.wrapper.style.bottom = `${u}px`, t.wrapper.style.top = "auto", t.wrapper.style.right = "auto", g = "bottom";
+  }
+  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}`);
+}
+function D(t, e, i, n, o, r = 10) {
+  let s = n - i;
+  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;
+}
+function W(t, e, i = 10) {
+  let n = e - 15 - i;
+  if (n < 15) return Math.max(0, (e - i) / 2);
+  let o = t - i / 2;
+  return Math.min(Math.max(o, 15), n);
+}
+function U(t, e, i) {
+  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";
+}
+function ee(t, e, i, n) {
+  let o = t.arrow;
+  if (o.className = "driver-popover-arrow", o.style.top = "", o.style.right = "", o.style.bottom = "", o.style.left = "", e === "over") {
+    o.classList.add("driver-popover-arrow-none");
+    return;
+  }
+  let r = n.getBoundingClientRect(), s = t.wrapper.getBoundingClientRect(), p = U(e, r, s);
+  o.classList.add(`driver-popover-arrow-side-${p}`);
+  let v = o.getBoundingClientRect().width || 10;
+  if (p === "left" || p === "right") {
+    let d = D(r.top, r.bottom, s.top, s.bottom, i, v);
+    o.style.top = `${W(d, s.height, v)}px`;
+  } else {
+    let d = D(r.left, r.right, s.left, s.right, i, v);
+    o.style.left = `${W(d, s.width, v)}px`;
+  }
+}
+function L(t) {
+  return typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : t;
+}
+function te(t) {
+  let e = window.getComputedStyle(t);
+  return [e.overflow, e.overflowX, e.overflowY].some((i) => i === "auto" || i === "scroll");
+}
+function _(t, e, i, n) {
+  return (t /= n / 2) < 1 ? i / 2 * t * t + e : -i / 2 * (--t * (t - 2) - 1) + e;
+}
+function z(t) {
+  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])';
+  return t.flatMap((i) => {
+    let n = i.matches(e), o = Array.from(i.querySelectorAll(e));
+    return [...n ? [i] : [], ...o];
+  }).filter((i) => getComputedStyle(i).pointerEvents !== "none" && ne(i));
+}
+function q(t, e) {
+  if (!t || oe(t)) return;
+  let i = t.offsetHeight > window.innerHeight;
+  t.scrollIntoView({ behavior: !e || ie(t) ? "auto" : "smooth", inline: "center", block: i ? "start" : "center" });
+}
+function ie(t) {
+  if (!t || !t.parentElement) return;
+  let e = t.parentElement;
+  return e.scrollHeight > e.clientHeight;
+}
+function oe(t) {
+  let e = t.getBoundingClientRect();
+  return e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth);
+}
+function ne(t) {
+  return !!(t.offsetWidth || t.offsetHeight || t.getClientRects().length);
+}
+function re(t) {
+  t && (t.wrapper.style.display = "none");
+}
+function le(t, e) {
+  let i = ae();
+  document.body.appendChild(i.wrapper);
+  let { title: n, description: o, showButtons: r, disableButtons: s, showProgress: p, nextBtnText: v, prevBtnText: d, progressText: S } = e;
+  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";
+  let y = r.includes("next") || r.includes("previous") || p;
+  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"));
+  let f = i.wrapper;
+  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");
+  let m = i.arrow;
+  m.className = "driver-popover-arrow", f.className = `driver-popover ${e.popoverClass || ""}`.trim(), R(i.wrapper, (w) => {
+    let l = w.target;
+    if (l.closest(".driver-popover-next-btn")) return e.onNextClick?.();
+    if (l.closest(".driver-popover-prev-btn")) return e.onPrevClick?.();
+    if (l.closest(".driver-popover-close-btn")) return e.onCloseClick?.();
+  }, (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);
+  let h = z([f, t]);
+  return h.length > 0 && h[0].focus(), i;
+}
+function se(t, e, i) {
+  t.wrapper.querySelectorAll("img").forEach((n) => {
+    if (n.complete) return;
+    let o = () => $(t, e, i);
+    n.addEventListener("load", o, { once: !0 }), n.addEventListener("error", o, { once: !0 });
+  });
+}
+function ae() {
+  let t = document.createElement("div");
+  t.classList.add("driver-popover");
+  let e = document.createElement("div");
+  e.classList.add("driver-popover-arrow");
+  let i = document.createElement("header");
+  i.id = "driver-popover-title", i.classList.add("driver-popover-title"), i.style.display = "none", i.innerText = "Popover Title";
+  let n = document.createElement("div");
+  n.id = "driver-popover-description", n.classList.add("driver-popover-description"), n.style.display = "none", n.innerText = "Popover description is here";
+  let o = document.createElement("button");
+  o.type = "button", o.classList.add("driver-popover-close-btn"), o.setAttribute("aria-label", "Close"), o.innerHTML = "&times;";
+  let r = document.createElement("footer");
+  r.classList.add("driver-popover-footer");
+  let s = document.createElement("span");
+  s.classList.add("driver-popover-progress-text"), s.innerText = "";
+  let p = document.createElement("span");
+  p.classList.add("driver-popover-navigation-btns");
+  let v = document.createElement("button");
+  v.type = "button", v.classList.add("driver-popover-prev-btn", "driver-popover-footer-btn"), v.innerHTML = "Previous";
+  let d = document.createElement("button");
+  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 };
+}
+function F(t) {
+  t && (P(t.wrapper), t.wrapper.parentElement?.removeChild(t.wrapper));
+}
+function K(t, e) {
+  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;
+  return `M${i},0L0,0L0,${n}L${i},${n}L${i},0Z
+    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`;
+}
+function de(t, e, i, n, o) {
+  let r = t.getState("__activeStagePosition"), s = r || n.getBoundingClientRect(), p = o.getBoundingClientRect();
+  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);
+}
+function V(t, e) {
+  if (!e) return;
+  let i = e.getBoundingClientRect(), n = { x: i.x, y: i.y, width: i.width, height: i.height };
+  t.setState("__activeStagePosition", n), X(t, n);
+}
+function pe(t) {
+  let e = t.getState("__activeStagePosition"), i = t.getState("__overlaySvg");
+  if (!e) return;
+  if (!i) {
+    console.warn("No stage svg found.");
+    return;
+  }
+  let n = window.innerWidth, o = window.innerHeight;
+  i.setAttribute("viewBox", `0 0 ${n} ${o}`);
+}
+function ce(t, e) {
+  let i = ge(t, e);
+  document.body.appendChild(i), R(i, (n) => {
+    n.target.tagName === "path" && t.emit("overlayClick");
+  }), t.setState("__overlaySvg", i);
+}
+function X(t, e) {
+  let i = t.getState("__overlaySvg");
+  if (!i) {
+    ce(t, e);
+    return;
+  }
+  let n = i.firstElementChild;
+  if (n?.tagName !== "path") throw Error("no path element found in stage svg");
+  n.setAttribute("d", K(e, Y(t)));
+}
+function Y(t) {
+  return { padding: t.getConfig("stagePadding") || 0, radius: t.getConfig("stageRadius") || 0 };
+}
+function ge(t, e) {
+  let i = window.innerWidth, n = window.innerHeight, o = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  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%";
+  let r = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  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;
+}
+function ve(t) {
+  let e = t.getState("__overlaySvg");
+  e && (P(e), e.remove());
+}
+const j = "{{current}} of {{total}}";
+function Z(t, e) {
+  return !(e.skipMissingElement ?? t.getConfig("skipMissingElement")) || !e.element ? !1 : !L(e.element);
+}
+function b(t, e, i) {
+  let n = t.getConfig("steps") || [];
+  for (let o = e; o >= 0 && o < n.length; o += i) if (!Z(t, n[o])) return o;
+}
+function E(t, e) {
+  let i = t.getState("activeIndex"), n = i !== void 0 && b(t, i + 1, 1) === void 0, o = e?.popover?.onDoneClick || t.getConfig("onDoneClick");
+  return n && o ? o : e?.popover?.onNextClick || t.getConfig("onNextClick");
+}
+function G(t, e) {
+  return e?.popover?.onPrevClick || t.getConfig("onPrevClick");
+}
+function ue(t, e) {
+  return e?.popover?.onCloseClick || t.getConfig("onCloseClick");
+}
+function fe(t, e, i) {
+  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");
+  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 } };
+}
+function J(t, e, i) {
+  let n = t.getConfig("stagePadding") || 0;
+  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" };
+}
+function me(t, e, i) {
+  let n = i.popover || {}, o = t.getState("activeIndex"), r = o !== void 0 && b(t, o + 1, 1) === void 0;
+  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: () => {
+    let s = E(t, i);
+    return s ? s(e, i, t.getHookOpts()) : t.emit("nextClick");
+  }, onPrevClick: () => {
+    let s = G(t, i);
+    return s ? s(e, i, t.getHookOpts()) : t.emit("prevClick");
+  }, onCloseClick: () => {
+    let s = ue(t, i);
+    return s ? s(e, i, t.getHookOpts()) : t.emit("closeClick");
+  }, onRender: (s) => {
+    t.setState("popover", s), (n.onPopoverRender || t.getConfig("onPopoverRender"))?.(s, t.getHookOpts());
+  }, position: J(t, e, i) };
+}
+function I(t, e, i) {
+  F(t.getState("popover")), le(e, me(t, e, i));
+}
+function he(t, e, i) {
+  let n = t.getState("popover");
+  n && $(n, e, J(t, e, i));
+}
+function we() {
+  let t = document.getElementById("driver-dummy-element");
+  if (t) return t;
+  let e = document.createElement("div");
+  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;
+}
+function O(t, e) {
+  let i = L(e.element);
+  i || (i = we()), Ce(t, i, e);
+}
+function ye(t) {
+  let e = t.getState("__activeElement"), i = t.getState("__activeStep");
+  e && (V(t, e), pe(t), he(t, e, i));
+}
+function Ce(t, e, i) {
+  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();
+  !p && m && m(d ? void 0 : s, r, h), y && y(v ? void 0 : e, i, h);
+  let w = !p && S, l = !1;
+  re(t.getState("popover")), t.setState("previousStep", r), t.setState("previousElement", s), t.setState("activeStep", i), t.setState("activeElement", e);
+  let a = () => {
+    if (t.getState("__transitionCallback") !== a) return;
+    let g = Date.now() - o, u = n - g <= n / 2;
+    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);
+  };
+  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) => {
+    g.classList.remove("driver-active-element-parent", "driver-active-element-parent-no-scroll");
+  }), 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");
+  let c = e.parentElement;
+  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");
+}
+function Se() {
+  document.getElementById("driver-dummy-element")?.remove(), document.querySelectorAll(".driver-active-element").forEach((t) => {
+    let e = t.parentElement;
+    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");
+  });
+}
+function H(t) {
+  let e = t.getState("__resizeTimeout");
+  e && window.cancelAnimationFrame(e), t.setState("__resizeTimeout", window.requestAnimationFrame(() => ye(t)));
+}
+function be(t, e) {
+  if (!t.getState("isInitialized") || !(e.key === "Tab" || e.keyCode === 9)) return;
+  let i = t.getState("__activeElement"), n = t.getState("popover")?.wrapper, o = z([...n ? [n] : [], ...i ? [i] : []]), r = o[0], s = o[o.length - 1];
+  e.preventDefault(), e.shiftKey ? (o[o.indexOf(document.activeElement) - 1] || s)?.focus() : (o[o.indexOf(document.activeElement) + 1] || r)?.focus();
+}
+function xe(t, e) {
+  (t.getConfig("allowKeyboardControl") ?? !0) && (e.key === "Escape" ? t.emit("escapePress") : e.key === "ArrowRight" ? t.emit("arrowRightPress") : e.key === "ArrowLeft" && t.emit("arrowLeftPress"));
+}
+function ke(t, e) {
+  let i = t.getState("__activeElement"), n = e.target;
+  !i || !n || !i.contains(n) || t.emit("activeElementClick");
+}
+function _e(t) {
+  let e = (s) => xe(t, s), i = (s) => be(t, s), n = () => H(t), o = () => H(t), r = (s) => ke(t, s);
+  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);
+}
+function Ee(t) {
+  let e = t.getState("__events");
+  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));
+}
+function Le() {
+  let t = {};
+  function e(i = {}) {
+    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 };
+  }
+  return e(), { getConfig: ((i) => i ? t[i] : t), configure: e };
+}
+function Be() {
+  let t = {}, e = ((o) => o ? t[o] : t), i = (o, r) => {
+    t[o] = r;
+  };
+  function n() {
+    t = {};
+  }
+  return { getState: e, setState: i, resetState: n };
+}
+function He() {
+  let t = {};
+  function e(o, r) {
+    t[o] = r;
+  }
+  function i(o) {
+    t[o]?.();
+  }
+  function n() {
+    t = {};
+  }
+  return { listen: e, emit: i, reset: n };
+}
+function Pe(t = {}) {
+  let e = Le();
+  e.configure(t);
+  let i = Be(), n = He(), o;
+  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) => {
+    o = r;
+  }, getHookOpts: (r) => {
+    let s = r || i.getState();
+    return { config: e.getConfig(), state: s, driver: o, index: s.activeIndex };
+  } };
+}
+function Ae(t = {}) {
+  let e = Pe(t);
+  function i() {
+    e.getConfig("allowClose") && h();
+  }
+  function n() {
+    let l = e.getConfig("overlayClickBehavior");
+    if (e.getConfig("allowClose") && l === "close") {
+      h();
+      return;
+    }
+    if (typeof l == "function") {
+      let a = e.getState("__activeStep");
+      l(e.getState("__activeElement"), a, e.getHookOpts());
+      return;
+    }
+    if (l === "nextStep") {
+      let a = e.getState("activeStep"), c = e.getState("activeElement"), g = E(e, a);
+      if (g) {
+        g(c, a, e.getHookOpts());
+        return;
+      }
+      o();
+    }
+  }
+  function o() {
+    let l = e.getState("activeIndex"), a = e.getConfig("steps") || [];
+    if (l === void 0) return;
+    let c = l + 1;
+    a[c] ? m(c) : h();
+  }
+  function r() {
+    let l = e.getState("activeIndex"), a = e.getConfig("steps") || [];
+    if (l === void 0) return;
+    let c = l - 1;
+    a[c] ? m(c) : h();
+  }
+  function s(l) {
+    (e.getConfig("steps") || [])[l] ? m(l) : h();
+  }
+  function p() {
+    if (e.getState("__transitionCallback")) return;
+    let l = e.getState("__activeStep");
+    if (!l || !(l.advanceOnClick ?? e.getConfig("advanceOnClick"))) return;
+    let a = e.getState("__activeElement"), c = E(e, l);
+    if (c) {
+      c(a, l, e.getHookOpts());
+      return;
+    }
+    o();
+  }
+  function v() {
+    if (e.getState("__transitionCallback")) return;
+    let l = e.getState("activeIndex"), a = e.getState("__activeStep"), c = e.getState("__activeElement");
+    if (l === void 0 || a === void 0 || !(e.getConfig("steps") || [])[l - 1]) return;
+    let g = G(e, a);
+    if (g) return g(c, a, e.getHookOpts());
+    r();
+  }
+  function d() {
+    if (e.getState("__transitionCallback")) return;
+    let l = e.getState("activeIndex"), a = e.getState("__activeStep"), c = e.getState("__activeElement");
+    if (l === void 0 || a === void 0) return;
+    let g = E(e, a);
+    if (g) return g(c, a, e.getHookOpts());
+    o();
+  }
+  function S() {
+    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));
+  }
+  function y() {
+    let l = e.getState("__pendingWaitCancel");
+    l && (e.setState("__pendingWaitCancel", void 0), l());
+  }
+  function f(l, a, c) {
+    let g = () => {
+      u.disconnect(), window.clearTimeout(C), e.setState("__pendingWaitCancel", void 0), c();
+    }, u = new MutationObserver(() => {
+      L(l.element) && g();
+    }), C = window.setTimeout(g, a);
+    e.setState("__pendingWaitCancel", () => {
+      u.disconnect(), window.clearTimeout(C);
+    }), u.observe(document.documentElement, { childList: !0, subtree: !0, attributes: !0 });
+  }
+  function m(l = 0, a = !1) {
+    y();
+    let c = e.getConfig("steps");
+    if (!c) {
+      console.error("No steps to drive through"), h();
+      return;
+    }
+    if (!c[l]) {
+      h();
+      return;
+    }
+    let g = c[l], u = g.waitForElement ?? e.getConfig("waitForElement") ?? 0;
+    if (!a && u > 0 && g.element && !L(g.element)) {
+      f(g, u, () => m(l, !0));
+      return;
+    }
+    if (Z(e, g)) {
+      let k = e.getState("activeIndex"), x = typeof k == "number" && l < k ? -1 : 1;
+      c[l + x] ? m(l + x) : x === 1 && h();
+      return;
+    }
+    e.setState("__activeOnDestroyed", document.activeElement), e.setState("activeIndex", l);
+    let C = c[l + 1];
+    O(e, fe(e, l, { onNextClick: () => {
+      C ? m(l + 1) : h();
+    }, onPrevClick: () => {
+      m(l - 1);
+    }, onCloseClick: () => {
+      h();
+    } }));
+  }
+  function h(l = !0) {
+    let a = e.getState("__activeElement"), c = e.getState("__activeStep"), g = e.getState("__activeOnDestroyed"), u = e.getConfig("onDestroyStarted");
+    if (l && u) {
+      u(!a || a?.id === "driver-dummy-element" ? void 0 : a, c, e.getHookOpts());
+      return;
+    }
+    let C = c?.onDeselected || e.getConfig("onDeselected"), k = e.getConfig("onDestroyed");
+    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();
+    let x = e.getState();
+    if (e.resetState(), a && c) {
+      let A = a.id === "driver-dummy-element";
+      C && C(A ? void 0 : a, c, e.getHookOpts(x)), k && k(A ? void 0 : a, c, e.getHookOpts(x));
+    }
+    g && g.focus();
+  }
+  let w = { isActive: () => e.getState("isInitialized") || !1, refresh: () => H(e), drive: (l = 0) => {
+    S(), m(l);
+  }, setConfig: e.setConfig, setSteps: (l) => {
+    y(), e.resetState(), e.setConfig({ ...e.getConfig(), steps: l });
+  }, getConfig: e.getConfig, getState: e.getState, getActiveIndex: () => e.getState("activeIndex"), isFirstStep: () => {
+    let l = e.getState("activeIndex");
+    return l !== void 0 && b(e, l - 1, -1) === void 0;
+  }, isLastStep: () => {
+    let l = e.getState("activeIndex");
+    return l !== void 0 && b(e, l + 1, 1) === void 0;
+  }, getActiveStep: () => e.getState("activeStep"), getActiveElement: () => e.getState("activeElement"), getPreviousElement: () => e.getState("previousElement"), getPreviousStep: () => e.getState("previousStep"), getNextStep: () => {
+    let l = e.getConfig("steps") || [], a = e.getState("activeIndex");
+    if (a === void 0) return;
+    let c = b(e, a + 1, 1);
+    return c === void 0 ? void 0 : l[c];
+  }, moveNext: o, movePrevious: r, moveTo: s, hasNextStep: () => {
+    let l = e.getState("activeIndex");
+    return l !== void 0 && b(e, l + 1, 1) !== void 0;
+  }, hasPreviousStep: () => {
+    let l = e.getState("activeIndex");
+    return l !== void 0 && b(e, l - 1, -1) !== void 0;
+  }, highlight: (l) => {
+    S(), O(e, { ...l, popover: l.popover ? { showButtons: [], showProgress: !1, progressText: "", ...l.popover } : void 0 });
+  }, destroy: () => {
+    h(!1);
+  } };
+  return e.setDriver(w), w;
+}
+export {
+  Ae as driver
+};

package/dist/hooks/responsive.d.ts

@@ -0,0 +1,2 @@
+export declare const AKILIO_DESKTOP_QUERY = "(min-width: 1280px)";
+export declare function useIsDesktop(query?: string): boolean;

package/dist/hooks/storage.d.ts

@@ -0,0 +1,18 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { AkilioChatMessage } from '../types';
+export declare const MAX_AKILIO_HISTORY_MESSAGES = 60;
+export declare function safeJsonParse<T>(raw: string | null, fallback: T): T;
+export declare function useLocalMessages(options: {
+    enabled: boolean;
+    projectKey: string;
+    locale: string;
+}): [
+    AkilioChatMessage[],
+    Dispatch<SetStateAction<AkilioChatMessage[]>>,
+    string
+];
+export declare function useLocalString(options: {
+    enabled: boolean;
+    key: string;
+    initialValue?: string;
+}): [string, Dispatch<SetStateAction<string>>];

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { AkilioWidget, AkilioWidget as EjibuWidget } from './AkilioWidget';
+export { AkilioClient } from './lib/client';
+export type * from './types';