@envive-ai/react-widgets 0.1.0 → 0.1.2-arthur-1

package/dist/SuggestionBar/index-DZU9kbWS.d.cts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
+import { TestProps } from "@envive-ai/react-hooks/types";
+import { Message } from "postcss";
+
+//#region src/SuggestionBar/types.d.ts
+declare enum SuggestionBarLocationForMetrics {
+  SUGGESTION_BAR_TOP = "top",
+  SUGGESTION_BAR_BOTTOM = "bottom",
+}
+//#endregion
+//#region src/SuggestionBar/SuggestionBar.d.ts
+interface SuggestionBarProps extends TestProps {
+  id: string;
+  locationForMetrics: SuggestionBarLocationForMetrics;
+  buttonTexts: string[];
+  buttonVariation: SuggestionButtonVariant;
+  hoverButtonVariation: SuggestionButtonVariant;
+  handleReply: (message: Message) => void;
+  boldFirstButton?: boolean | undefined;
+  twoRowsOnMobile?: boolean | undefined;
+  animationSpeed?: 'standard' | 'slow' | 'none';
+  buttonBorderRadius?: 'sm' | 'md' | 'lg';
+}
+declare function SuggestionBar({
+  id,
+  locationForMetrics,
+  buttonTexts,
+  buttonVariation,
+  hoverButtonVariation,
+  boldFirstButton,
+  twoRowsOnMobile,
+  animationSpeed,
+  buttonBorderRadius,
+  handleReply,
+  dataTestId
+}: Readonly<SuggestionBarProps>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuggestionBar, SuggestionBarLocationForMetrics };

package/dist/SuggestionBar/index-DyXd4-b7.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { TestProps } from "@envive-ai/react-hooks/types";
+import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
+import { Message } from "postcss";
+
+//#region src/SuggestionBar/types.d.ts
+declare enum SuggestionBarLocationForMetrics {
+  SUGGESTION_BAR_TOP = "top",
+  SUGGESTION_BAR_BOTTOM = "bottom",
+}
+//#endregion
+//#region src/SuggestionBar/SuggestionBar.d.ts
+interface SuggestionBarProps extends TestProps {
+  id: string;
+  locationForMetrics: SuggestionBarLocationForMetrics;
+  buttonTexts: string[];
+  buttonVariation: SuggestionButtonVariant;
+  hoverButtonVariation: SuggestionButtonVariant;
+  handleReply: (message: Message) => void;
+  boldFirstButton?: boolean | undefined;
+  twoRowsOnMobile?: boolean | undefined;
+  animationSpeed?: 'standard' | 'slow' | 'none';
+  buttonBorderRadius?: 'sm' | 'md' | 'lg';
+}
+declare function SuggestionBar({
+  id,
+  locationForMetrics,
+  buttonTexts,
+  buttonVariation,
+  hoverButtonVariation,
+  boldFirstButton,
+  twoRowsOnMobile,
+  animationSpeed,
+  buttonBorderRadius,
+  handleReply,
+  dataTestId
+}: Readonly<SuggestionBarProps>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SuggestionBar, SuggestionBarLocationForMetrics };

package/dist/SuggestionBar/index.cjs

@@ -0,0 +1,5 @@
+const require_SuggestionBar = require('../SuggestionBar-BOThXJvJ.cjs');
+require('../SuggestionButtonContainer-BeWPpeQk.cjs');
+
+exports.SuggestionBar = require_SuggestionBar.SuggestionBar;
+exports.SuggestionBarLocationForMetrics = require_SuggestionBar.SuggestionBarLocationForMetrics;

package/dist/SuggestionBar/index.js

@@ -0,0 +1,4 @@
+import { n as SuggestionBarLocationForMetrics, t as SuggestionBar } from "../SuggestionBar-DeMmAK4M.js";
+import "../SuggestionButtonContainer-CZhOkZaJ.js";
+
+export { SuggestionBar, SuggestionBarLocationForMetrics };

package/dist/SuggestionBar-BOThXJvJ.cjs

@@ -0,0 +1,453 @@
+const require_chunk = require('./chunk-DWy1uDak.cjs');
+const require_SuggestionButtonContainer = require('./SuggestionButtonContainer-BeWPpeQk.cjs');
+let react = require("react");
+let jotai = require("jotai");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let node_crypto = require("node:crypto");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_hooks_config = require("@envive-ai/react-hooks/config");
+let __envive_ai_react_hooks_hooks_IsSmallScreen = require("@envive-ai/react-hooks/hooks/IsSmallScreen");
+let __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent = require("@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent");
+
+//#region ../../node_modules/react-indiana-drag-scroll/dist/index.js
+var require_dist = /* @__PURE__ */ require_chunk.__commonJS({ "../../node_modules/react-indiana-drag-scroll/dist/index.js": ((exports) => {
+	Object.defineProperty(exports, "__esModule", { value: !0 });
+	var e = require("react");
+	function t(e$1) {
+		return e$1 && "object" == typeof e$1 && "default" in e$1 ? e$1 : { default: e$1 };
+	}
+	var r = t(e), n = function() {
+		return (n = Object.assign || function(e$1) {
+			for (var t$1, r$1 = 1, n$1 = arguments.length; r$1 < n$1; r$1++) for (var o$1 in t$1 = arguments[r$1]) Object.prototype.hasOwnProperty.call(t$1, o$1) && (e$1[o$1] = t$1[o$1]);
+			return e$1;
+		}).apply(this, arguments);
+	};
+	function o(e$1, t$1, r$1, n$1, o$1) {
+		var c$1 = r$1 > 0 ? Math.max(0, Math.min(r$1, -t$1)) : Math.min(0, Math.max(r$1, -t$1)), l$1 = Math.min(Math.max(e$1 + r$1 - c$1, n$1), o$1) - Math.min(Math.max(e$1, n$1), o$1);
+		return [l$1, r$1 - l$1];
+	}
+	function c(e$1, t$1, r$1) {
+		return 0 === Math.abs(t$1) && Math.abs(r$1) > 0 || Math.sign(t$1) === Math.sign(r$1) ? .3 * e$1 * Math.sign(r$1) * Math.log10(1 + .5 * Math.abs(r$1) / e$1) : r$1;
+	}
+	function l(e$1) {
+		return !!e$1 && e$1.scrollWidth > e$1.clientWidth;
+	}
+	function i(e$1) {
+		return !!e$1 && e$1.scrollHeight > e$1.clientHeight;
+	}
+	var u;
+	function s(e$1) {
+		return "function" == typeof e$1;
+	}
+	function a(e$1, t$1) {
+		var r$1, n$1, o$1 = function() {
+			for (var c$2 = [], l$1 = 0; l$1 < arguments.length; l$1++) c$2[l$1] = arguments[l$1];
+			var i$1 = Date.now() - r$1, u$1 = s(t$1) ? t$1() : t$1 || 0;
+			i$1 < u$1 && i$1 >= 0 ? n$1 = setTimeout((function() {
+				return o$1.apply(void 0, c$2);
+			}), u$1 - i$1) : e$1.apply(void 0, c$2);
+		}, c$1 = function() {
+			for (var e$2 = [], c$2 = 0; c$2 < arguments.length; c$2++) e$2[c$2] = arguments[c$2];
+			r$1 = Date.now(), n$1 = setTimeout((function() {
+				return o$1.apply(void 0, e$2);
+			}), s(t$1) ? t$1() : t$1 || 0);
+		};
+		return c$1.clear = function() {
+			clearTimeout(n$1);
+		}, c$1;
+	}
+	function f(t$1) {
+		var r$1 = e.useRef(t$1);
+		return e.useEffect((function() {
+			r$1.current = t$1;
+		}), [t$1]), r$1;
+	}
+	exports.MouseButton = void 0, (u = exports.MouseButton || (exports.MouseButton = {}))[u.Left = 1] = "Left", u[u.Middle = 4] = "Middle", u[u.Right = 2] = "Right";
+	var p = function() {
+		function e$1(e$2, t$1) {
+			var r$1, n$1, o$1, c$1, l$1 = this;
+			this.getScrollMode = function(e$3) {
+				if (l$1.getOptions().overscroll && l$1.reference.current && e$3) {
+					var t$2 = l$1.reference.current, r$2 = t$2.scrollLeft, n$2 = t$2.scrollTop, o$2 = t$2.clientHeight, c$2 = t$2.clientWidth, i$1 = t$2.scrollHeight, u$1 = t$2.scrollWidth;
+					return e$3.left < 0 && r$2 > 0 || e$3.left > 0 && r$2 < u$1 - c$2 || e$3.top < 0 && n$2 > 0 || e$3.top > 0 && n$2 < i$1 - o$2 ? "local" : "global";
+				}
+				return "local";
+			}, this.clearStyles = function() {
+				l$1.reference.current && l$1.reference.current.childNodes.forEach((function(e$3, t$2) {
+					e$3.style.transition = l$1.originalStyles.transition[t$2], e$3.style.transform = l$1.originalStyles.transform[t$2], e$3.style.pointerEvents = l$1.originalStyles.pointerEvents[t$2];
+				})), l$1.overflow.left = 0, l$1.overflow.top = 0, l$1.overflow.prevent = !1;
+			}, this.inertia = function(e$3, t$2) {
+				var r$2 = l$1.calculateScroll({
+					left: l$1.inertiaSpeed.left * e$3,
+					top: l$1.inertiaSpeed.top * e$3
+				});
+				l$1.inertiaSpeed.left = (r$2.left.local + r$2.left.overflow) / e$3 * .95, l$1.inertiaSpeed.top = (r$2.top.local + r$2.top.overflow) / e$3 * .95, l$1.applyScroll(r$2), Math.abs(l$1.inertiaSpeed.left) < .05 && Math.abs(l$1.inertiaSpeed.top) < .05 && t$2?.();
+			}, this.reference = e$2, this.options = t$1, this.originalStyles = {
+				transform: [],
+				transition: [],
+				pointerEvents: []
+			}, this.overflow = {
+				left: 0,
+				top: 0,
+				prevent: !1
+			}, this.inertiaSpeed = {
+				left: 0,
+				top: 0
+			}, this.mode = null, this.active = !1, this.loopedInertia = (r$1 = this.inertia, o$1 = !1, c$1 = {
+				run: function(e$3) {
+					o$1 = !1;
+					var t$2 = performance.now(), l$2 = function() {
+						c$1.cancel(), e$3?.();
+					}, i$1 = function(e$4) {
+						o$1 || (r$1(e$4 - t$2, l$2), t$2 = e$4, n$1 = window.requestAnimationFrame((function(e$5) {
+							return i$1(e$5);
+						})));
+					};
+					n$1 = window.requestAnimationFrame((function(e$4) {
+						return i$1(e$4);
+					}));
+				},
+				cancel: function() {
+					o$1 = !0, window.cancelAnimationFrame(n$1);
+				}
+			}), this.debouncedClearStyles = a(this.clearStyles, 300);
+		}
+		return e$1.prototype.getOptions = function() {
+			return n({
+				inertia: !0,
+				rubberBand: !0
+			}, this.options.current);
+		}, e$1.prototype.start = function(e$2) {
+			var t$1 = this;
+			this.active && this.cancel(), this.mode = this.getScrollMode(e$2), this.reference.current && this.reference.current.childNodes.forEach((function(e$3) {
+				e$3.addEventListener("click", t$1.preventEvent);
+				var r$1 = window.getComputedStyle(e$3), n$1 = r$1.transform, o$1 = r$1.transition, c$1 = r$1.pointerEvents;
+				t$1.originalStyles.transition.push(o$1), t$1.originalStyles.transform.push(n$1), t$1.originalStyles.pointerEvents.push(c$1), e$3.style.pointerEvents = "none";
+			})), this.active = !0;
+		}, e$1.prototype.scroll = function(e$2) {
+			this.applyScroll(this.calculateScroll(e$2));
+		}, e$1.prototype.end = function(e$2, t$1) {
+			var r$1 = this, n$1 = this.getOptions().inertia, o$1 = function() {
+				r$1.cancel(), t$1?.();
+			};
+			this.inertiaSpeed.left = e$2 ? e$2.left : 0, this.inertiaSpeed.top = e$2 ? e$2.top : 0, n$1 ? this.loopedInertia.run(o$1) : o$1();
+		}, e$1.prototype.cancel = function() {
+			var e$2, t$1 = this;
+			null === (e$2 = this.reference.current) || void 0 === e$2 || e$2.childNodes.forEach((function(e$3) {
+				e$3.removeEventListener("click", t$1.preventEvent);
+			})), this.resetOverflow(), this.loopedInertia.cancel(), this.mode = null, this.active = !1;
+		}, e$1.prototype.resetOverflow = function() {
+			var e$2, t$1 = this.overflow.left || this.overflow.top;
+			t$1 && (this.overflow.prevent = !0, (null === (e$2 = this.reference.current) || void 0 === e$2 ? void 0 : e$2.childNodes).forEach((function(e$3) {
+				e$3.style.transform = "translate3d(0px, 0px, 0px)", e$3.style.transition = "300ms";
+			}))), t$1 ? this.debouncedClearStyles() : this.clearStyles();
+		}, e$1.prototype.preventEvent = function(e$2) {
+			e$2.preventDefault(), e$2.stopImmediatePropagation();
+		}, e$1.prototype.applyScroll = function(e$2) {
+			var t$1 = this, r$1 = e$2.left, n$1 = e$2.top;
+			(r$1.global || n$1.global) && window.scrollTo({
+				left: window.scrollX + r$1.global,
+				top: window.scrollY + n$1.global,
+				behavior: "auto"
+			}), this.reference.current && (this.reference.current.scrollLeft += r$1.local, this.reference.current.scrollTop += n$1.local, this.overflow.prevent || !r$1.overflow && !n$1.overflow || (this.overflow.left += r$1.overflow, this.overflow.top += n$1.overflow, this.reference.current.childNodes.forEach((function(e$3) {
+				e$3.style.transform = "translate3d(" + -t$1.overflow.left + "px, " + -t$1.overflow.top + "px, 0px)", e$3.style.transition = "0ms";
+			}))));
+		}, e$1.prototype.calculateScroll = function(e$2) {
+			var t$1 = this.getOptions().rubberBand, r$1 = {
+				local: 0,
+				global: 0,
+				overflow: 0
+			}, n$1 = {
+				local: 0,
+				global: 0,
+				overflow: 0
+			};
+			if ("global" === this.mode) r$1.global = e$2.left, n$1.global = e$2.top;
+			else if (this.reference.current) {
+				var u$1 = this.reference.current, s$1 = u$1.scrollLeft, a$1 = u$1.scrollTop, f$1 = u$1.scrollWidth, p$1 = u$1.clientWidth, d$1 = u$1.scrollHeight, v$1 = u$1.clientHeight;
+				if (l(this.reference.current)) {
+					var h = o(s$1, this.overflow.left, e$2.left, 0, f$1 - p$1), m = h[0], S = h[1];
+					r$1.local = m, t$1 && (r$1.overflow = c(p$1, this.overflow.left, S));
+				}
+				if (i(this.reference.current)) {
+					var w = o(a$1, this.overflow.top, e$2.top, 0, d$1 - v$1);
+					m = w[0], S = w[1];
+					n$1.local = m, t$1 && (n$1.overflow = c(p$1, this.overflow.top, S));
+				}
+			}
+			return {
+				left: r$1,
+				top: n$1
+			};
+		}, e$1;
+	}();
+	function d(t$1) {
+		void 0 === t$1 && (t$1 = { mouseScroll: !0 });
+		var r$1, o$1, c$1, u$1, s$1 = e.useRef(null), d$1 = 1 / 60 * 1e3, v$1 = e.useRef({
+			scrolling: !1,
+			started: !1,
+			pressed: !1,
+			artificial: !1,
+			mouse: !1
+		}), h = e.useRef({
+			active: {
+				left: !1,
+				top: !1
+			},
+			initialClick: {
+				left: 0,
+				top: 0
+			},
+			speedX: 0,
+			speedY: 0,
+			clientX: 0,
+			clientY: 0
+		}), m = e.useRef({
+			body: {},
+			reference: {}
+		}), S = f(t$1), w = f(n({
+			activationDistance: 20,
+			cursor: !0,
+			buttons: [exports.MouseButton.Left]
+		}, null !== (r$1 = S.current.mouseScroll) && "object" == typeof r$1 ? S.current.mouseScroll : {})), y = e.useState("mouseScrollImplementation" in t$1 && t$1.mouseScrollImplementation ? t$1.mouseScrollImplementation(s$1, w) : function(e$1, t$2) {
+			return new p(e$1, t$2);
+		}(s$1, w))[0], g = function() {
+			var e$1 = function() {
+				window.requestAnimationFrame((function() {
+					var e$2, t$2;
+					null === (t$2 = (e$2 = S.current).onEndScroll) || void 0 === t$2 || t$2.call(e$2), v$1.current.started = !1, v$1.current.scrolling = !1, v$1.current.artificial = !1;
+				}));
+			};
+			v$1.current.artificial ? y.end({
+				left: h.current.speedX,
+				top: h.current.speedY
+			}, e$1) : e$1();
+		}, b = function(e$1) {
+			var t$2, r$2, n$1 = w.current.ignoreElements;
+			S.current.mouseScroll && function(e$2, t$3, r$3) {
+				if (r$3 && e$2 && t$3) {
+					var n$2 = e$2.closest(r$3);
+					return null === n$2 || n$2.contains(t$3);
+				}
+				return Boolean(e$2 && t$3);
+			}(e$1.target, s$1.current, n$1) && (l(s$1.current) || i(s$1.current)) && -1 !== w.current.buttons.indexOf(e$1.buttons) && (t$2 = e$1.clientX, r$2 = e$1.clientY, h.current.speedY = 0, h.current.speedX = 0, h.current.clientX = t$2, h.current.clientY = r$2, h.current.active.left = !1, h.current.active.top = !1, h.current.initialClick.top = r$2, h.current.initialClick.left = t$2, v$1.current.mouse = !0, v$1.current.pressed = !0, y.cancel());
+		}, E = function(e$1) {
+			S.current.mouseScroll && v$1.current.pressed && v$1.current.mouse && (function(e$2, t$2) {
+				var r$2 = w.current, n$1 = r$2.activationDistance, o$2 = r$2.cursor;
+				Math.abs(e$2 - h.current.initialClick.left) > n$1 && (h.current.active.left = !0), Math.abs(t$2 - h.current.initialClick.top) > n$1 && (h.current.active.top = !0);
+				var c$2 = {
+					left: h.current.active.left ? h.current.clientX - e$2 : 0,
+					top: h.current.active.top ? h.current.clientY - t$2 : 0
+				};
+				y.active ? v$1.current.pressed && (h.current.speedX = c$2.left / d$1, h.current.speedY = c$2.top / d$1, h.current.clientX = e$2, h.current.clientY = t$2, y.scroll(c$2), window.requestAnimationFrame((function() {
+					h.current.speedX = 0, h.current.speedY = 0;
+				}))) : (h.current.active.top || h.current.active.left) && (y.start(c$2), h.current.clientX = e$2, h.current.clientY = t$2, v$1.current.artificial = !0, o$2 && (m.current.body.cursor = document.body.style.cursor, document.body.style.cursor = "grabbing", s$1.current && (m.current.reference.cursor = s$1.current.style.cursor, s$1.current.style.cursor = "grabbing")), s$1.current && (m.current.reference.userSelect = s$1.current.style.userSelect, s$1.current.style.userSelect = "none"));
+			}(e$1.clientX, e$1.clientY), e$1.preventDefault(), e$1.stopPropagation());
+		}, M = function() {
+			v$1.current.pressed && (y.active && g(), v$1.current.pressed = !1, v$1.current.mouse = !1, x());
+		}, x = function() {
+			w.current.cursor && (document.body.style.cursor = m.current.body.cursor || "", s$1.current && (s$1.current.style.cursor = m.current.reference.cursor || "")), s$1.current && (s$1.current.style.userSelect = m.current.reference.userSelect || "");
+		}, L = function() {
+			v$1.current.artificial = !1, v$1.current.pressed = !0;
+		}, O = function() {
+			v$1.current.pressed && (v$1.current.started && !v$1.current.scrolling && g(), v$1.current.pressed = !1);
+		}, X = function() {
+			var e$1, t$2;
+			v$1.current.scrolling = !0, v$1.current.started ? null === (t$2 = (e$1 = S.current).onScroll) || void 0 === t$2 || t$2.call(e$1) : function() {
+				var e$2, t$3;
+				v$1.current.started = !0, null === (t$3 = (e$2 = S.current).onStartScroll) || void 0 === t$3 || t$3.call(e$2);
+			}(), Y();
+		}, Y = (o$1 = 250, c$1 = f((function() {
+			var e$1 = v$1.current, t$2 = e$1.pressed, r$2 = e$1.started, n$1 = e$1.artificial;
+			t$2 || !r$2 || n$1 || g(), v$1.current.scrolling = !1;
+		})), u$1 = f(o$1), e.useRef(a((function() {
+			var e$1;
+			null === (e$1 = c$1.current) || void 0 === e$1 || e$1.call(c$1);
+		}), (function() {
+			return u$1.current;
+		}))).current), I = e.useCallback((function(e$1) {
+			s$1.current !== e$1 && (s$1.current && (s$1.current.removeEventListener("mousedown", b), s$1.current.removeEventListener("scroll", X), s$1.current.removeEventListener("touchstart", L)), s$1.current = e$1, s$1.current && (s$1.current.addEventListener("mousedown", b, { passive: !1 }), s$1.current.addEventListener("scroll", X, { passive: !1 }), s$1.current.addEventListener("touchstart", L)));
+		}), []);
+		return e.useEffect((function() {
+			return window.addEventListener("mouseup", M), window.addEventListener("mousemove", E), window.addEventListener("touchend", O), function() {
+				window.removeEventListener("mouseup", M), window.removeEventListener("mousemove", E), window.removeEventListener("touchend", O), x();
+			};
+		}), []), { ref: I };
+	}
+	var v = e.forwardRef((function(e$1, t$1) {
+		var o$1, c$1, l$1 = n({ mouseScrollImplementation: void 0 }, e$1), i$1 = l$1.children, u$1 = l$1.className, s$1 = l$1.component, a$1 = l$1.hideScrollbars, f$1 = void 0 === a$1 || a$1, p$1 = l$1.mouseScroll, v$1 = void 0 === p$1 || p$1, h = l$1.mouseScrollImplementation, m = l$1.onStartScroll, S = l$1.onEndScroll, w = l$1.onScroll, y = function(e$2, t$2) {
+			var r$1 = {};
+			for (var n$1 in e$2) Object.prototype.hasOwnProperty.call(e$2, n$1) && t$2.indexOf(n$1) < 0 && (r$1[n$1] = e$2[n$1]);
+			if (null != e$2 && "function" == typeof Object.getOwnPropertySymbols) {
+				var o$2 = 0;
+				for (n$1 = Object.getOwnPropertySymbols(e$2); o$2 < n$1.length; o$2++) t$2.indexOf(n$1[o$2]) < 0 && Object.prototype.propertyIsEnumerable.call(e$2, n$1[o$2]) && (r$1[n$1[o$2]] = e$2[n$1[o$2]]);
+			}
+			return r$1;
+		}(l$1, [
+			"children",
+			"className",
+			"component",
+			"hideScrollbars",
+			"mouseScroll",
+			"mouseScrollImplementation",
+			"onStartScroll",
+			"onEndScroll",
+			"onScroll"
+		]), g = s$1 || "div", b = d({
+			mouseScroll: v$1,
+			mouseScrollImplementation: h,
+			onStartScroll: m,
+			onEndScroll: S,
+			onScroll: w
+		});
+		return r.default.createElement(g, n({
+			className: (c$1 = [
+				u$1,
+				"indiana-scroll-container",
+				f$1 && "indiana-scroll-container--hide-scrollbars"
+			], c$1.filter((function(e$2) {
+				return e$2;
+			})).join(" ")),
+			ref: (o$1 = [t$1, b.ref], function(e$2) {
+				o$1.forEach((function(t$2) {
+					"function" == typeof t$2 ? t$2(e$2) : null != t$2 && (t$2.current = e$2);
+				}));
+			})
+		}, y), i$1);
+	}));
+	exports.ScrollContainer = v, exports.default = v, exports.useScrollContainer = d;
+}) });
+
+//#endregion
+//#region ../../node_modules/uuid/dist-node/stringify.js
+const byteToHex = [];
+for (let i$1 = 0; i$1 < 256; ++i$1) byteToHex.push((i$1 + 256).toString(16).slice(1));
+function unsafeStringify(arr, offset = 0) {
+	return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+//#endregion
+//#region ../../node_modules/uuid/dist-node/rng.js
+const rnds8Pool = new Uint8Array(256);
+let poolPtr = rnds8Pool.length;
+function rng() {
+	if (poolPtr > rnds8Pool.length - 16) {
+		(0, node_crypto.randomFillSync)(rnds8Pool);
+		poolPtr = 0;
+	}
+	return rnds8Pool.slice(poolPtr, poolPtr += 16);
+}
+
+//#endregion
+//#region ../../node_modules/uuid/dist-node/native.js
+var native_default = { randomUUID: node_crypto.randomUUID };
+
+//#endregion
+//#region ../../node_modules/uuid/dist-node/v4.js
+function _v4(options, buf, offset) {
+	options = options || {};
+	const rnds = options.random ?? options.rng?.() ?? rng();
+	if (rnds.length < 16) throw new Error("Random bytes length must be >= 16");
+	rnds[6] = rnds[6] & 15 | 64;
+	rnds[8] = rnds[8] & 63 | 128;
+	if (buf) {
+		offset = offset || 0;
+		if (offset < 0 || offset + 16 > buf.length) throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);
+		for (let i$1 = 0; i$1 < 16; ++i$1) buf[offset + i$1] = rnds[i$1];
+		return buf;
+	}
+	return unsafeStringify(rnds);
+}
+function v4(options, buf, offset) {
+	if (native_default.randomUUID && !buf && !options) return native_default.randomUUID();
+	return _v4(options, buf, offset);
+}
+var v4_default = v4;
+
+//#endregion
+//#region src/SuggestionBar/types.ts
+let SuggestionBarLocationForMetrics = /* @__PURE__ */ function(SuggestionBarLocationForMetrics$1) {
+	SuggestionBarLocationForMetrics$1["SUGGESTION_BAR_TOP"] = "top";
+	SuggestionBarLocationForMetrics$1["SUGGESTION_BAR_BOTTOM"] = "bottom";
+	return SuggestionBarLocationForMetrics$1;
+}({});
+
+//#endregion
+//#region src/SuggestionBar/SuggestionBar.tsx
+var import_dist = require_dist();
+function SuggestionBar({ id, locationForMetrics, buttonTexts, buttonVariation, hoverButtonVariation, boldFirstButton = false, twoRowsOnMobile = false, animationSpeed = "none", buttonBorderRadius = "lg", handleReply, dataTestId }) {
+	const componentVisibleTriggerRef = (0, react.useRef)(null);
+	const containerRef = (0, react.useRef)(null);
+	const { ref } = (0, import_dist.useScrollContainer)();
+	const isSmallScreen = (0, __envive_ai_react_hooks_hooks_IsSmallScreen.useIsSmallScreen)();
+	const logPerfMetric = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_chat.logPerfMetricAtom);
+	const isAnimated = animationSpeed !== "none";
+	(0, __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent.useTrackComponentVisibleEvent)(__envive_ai_react_hooks_application_models.SpiffyWidgets.SuggestionBar, componentVisibleTriggerRef, { animated: isAnimated });
+	const handleClickSuggestion = (0, react.useCallback)((buttonText) => {
+		handleReply({
+			id: v4_default(),
+			role: __envive_ai_react_hooks_application_models.MessageRole.User,
+			type: __envive_ai_react_hooks_application_models.MessageType.QueryTyped,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+			metadata: { content: buttonText }
+		});
+	}, [handleReply]);
+	const setRefs = (0, react.useCallback)((el) => {
+		if (typeof ref === "function") ref(el);
+		containerRef.current = el;
+	}, [ref]);
+	const handleContainerRef = (0, react.useCallback)((el) => {
+		if (el) logPerfMetric(locationForMetrics === SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP ? __envive_ai_react_hooks_atoms_chat.PerfMetricsEvents.TopSuggestionsBarRendered : __envive_ai_react_hooks_atoms_chat.PerfMetricsEvents.BottomSuggestionsBarRendered);
+		setRefs(el);
+	}, [
+		locationForMetrics,
+		logPerfMetric,
+		setRefs
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		id,
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `
+          spiffy-tw-relative 
+          spiffy-tw-w-full 
+          spiffy-tw-overflow-x-scroll 
+          spiffy-tw-overflow-y-hidden 
+          spiffy-tw-no-scrollbar
+          ${twoRowsOnMobile && isSmallScreen ? "spiffy-tw-h-20" : "spiffy-tw-h-9"}
+        `,
+			ref: handleContainerRef,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "spiffy-tw-relative spiffy-tw-inline-block spiffy-tw-whitespace-nowrap",
+				ref: componentVisibleTriggerRef,
+				"data-testid": dataTestId || __envive_ai_react_hooks_config.SUGGESTION_BAR_TESTID,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionButtonContainer.SuggestionButtonContainer, {
+					buttonVariation,
+					hoverButtonVariation,
+					buttonTexts,
+					onButtonClick: handleClickSuggestion,
+					scrollContainerRef: containerRef,
+					boldFirstButton,
+					twoRowsOnMobile,
+					animationSpeed,
+					buttonBorderRadius
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+Object.defineProperty(exports, 'SuggestionBar', {
+  enumerable: true,
+  get: function () {
+    return SuggestionBar;
+  }
+});
+Object.defineProperty(exports, 'SuggestionBarLocationForMetrics', {
+  enumerable: true,
+  get: function () {
+    return SuggestionBarLocationForMetrics;
+  }
+});

package/dist/SuggestionBar-DeMmAK4M.js

@@ -0,0 +1,131 @@
+import { t as SuggestionButtonContainer } from "./SuggestionButtonContainer-CZhOkZaJ.js";
+import { useCallback, useRef } from "react";
+import { useSetAtom } from "jotai";
+import { jsx } from "react/jsx-runtime";
+import { MessageRole, MessageType, SpiffyWidgets } from "@envive-ai/react-hooks/application/models";
+import { useScrollContainer } from "react-indiana-drag-scroll";
+import { PerfMetricsEvents, logPerfMetricAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { SUGGESTION_BAR_TESTID } from "@envive-ai/react-hooks/config";
+import { useIsSmallScreen } from "@envive-ai/react-hooks/hooks/IsSmallScreen";
+import { useTrackComponentVisibleEvent } from "@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent";
+
+//#region ../../node_modules/uuid/dist/stringify.js
+const byteToHex = [];
+for (let i = 0; i < 256; ++i) byteToHex.push((i + 256).toString(16).slice(1));
+function unsafeStringify(arr, offset = 0) {
+	return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+//#endregion
+//#region ../../node_modules/uuid/dist/rng.js
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+	if (!getRandomValues) {
+		if (typeof crypto === "undefined" || !crypto.getRandomValues) throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+		getRandomValues = crypto.getRandomValues.bind(crypto);
+	}
+	return getRandomValues(rnds8);
+}
+
+//#endregion
+//#region ../../node_modules/uuid/dist/native.js
+const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native_default = { randomUUID };
+
+//#endregion
+//#region ../../node_modules/uuid/dist/v4.js
+function _v4(options, buf, offset) {
+	options = options || {};
+	const rnds = options.random ?? options.rng?.() ?? rng();
+	if (rnds.length < 16) throw new Error("Random bytes length must be >= 16");
+	rnds[6] = rnds[6] & 15 | 64;
+	rnds[8] = rnds[8] & 63 | 128;
+	if (buf) {
+		offset = offset || 0;
+		if (offset < 0 || offset + 16 > buf.length) throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);
+		for (let i = 0; i < 16; ++i) buf[offset + i] = rnds[i];
+		return buf;
+	}
+	return unsafeStringify(rnds);
+}
+function v4(options, buf, offset) {
+	if (native_default.randomUUID && !buf && !options) return native_default.randomUUID();
+	return _v4(options, buf, offset);
+}
+var v4_default = v4;
+
+//#endregion
+//#region src/SuggestionBar/types.ts
+let SuggestionBarLocationForMetrics = /* @__PURE__ */ function(SuggestionBarLocationForMetrics$1) {
+	SuggestionBarLocationForMetrics$1["SUGGESTION_BAR_TOP"] = "top";
+	SuggestionBarLocationForMetrics$1["SUGGESTION_BAR_BOTTOM"] = "bottom";
+	return SuggestionBarLocationForMetrics$1;
+}({});
+
+//#endregion
+//#region src/SuggestionBar/SuggestionBar.tsx
+function SuggestionBar({ id, locationForMetrics, buttonTexts, buttonVariation, hoverButtonVariation, boldFirstButton = false, twoRowsOnMobile = false, animationSpeed = "none", buttonBorderRadius = "lg", handleReply, dataTestId }) {
+	const componentVisibleTriggerRef = useRef(null);
+	const containerRef = useRef(null);
+	const { ref } = useScrollContainer();
+	const isSmallScreen = useIsSmallScreen();
+	const logPerfMetric = useSetAtom(logPerfMetricAtom);
+	const isAnimated = animationSpeed !== "none";
+	useTrackComponentVisibleEvent(SpiffyWidgets.SuggestionBar, componentVisibleTriggerRef, { animated: isAnimated });
+	const handleClickSuggestion = useCallback((buttonText) => {
+		handleReply({
+			id: v4_default(),
+			role: MessageRole.User,
+			type: MessageType.QueryTyped,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+			metadata: { content: buttonText }
+		});
+	}, [handleReply]);
+	const setRefs = useCallback((el) => {
+		if (typeof ref === "function") ref(el);
+		containerRef.current = el;
+	}, [ref]);
+	const handleContainerRef = useCallback((el) => {
+		if (el) logPerfMetric(locationForMetrics === SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP ? PerfMetricsEvents.TopSuggestionsBarRendered : PerfMetricsEvents.BottomSuggestionsBarRendered);
+		setRefs(el);
+	}, [
+		locationForMetrics,
+		logPerfMetric,
+		setRefs
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		id,
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		children: /* @__PURE__ */ jsx("div", {
+			className: `
+          spiffy-tw-relative 
+          spiffy-tw-w-full 
+          spiffy-tw-overflow-x-scroll 
+          spiffy-tw-overflow-y-hidden 
+          spiffy-tw-no-scrollbar
+          ${twoRowsOnMobile && isSmallScreen ? "spiffy-tw-h-20" : "spiffy-tw-h-9"}
+        `,
+			ref: handleContainerRef,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "spiffy-tw-relative spiffy-tw-inline-block spiffy-tw-whitespace-nowrap",
+				ref: componentVisibleTriggerRef,
+				"data-testid": dataTestId || SUGGESTION_BAR_TESTID,
+				children: /* @__PURE__ */ jsx(SuggestionButtonContainer, {
+					buttonVariation,
+					hoverButtonVariation,
+					buttonTexts,
+					onButtonClick: handleClickSuggestion,
+					scrollContainerRef: containerRef,
+					boldFirstButton,
+					twoRowsOnMobile,
+					animationSpeed,
+					buttonBorderRadius
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+export { SuggestionBarLocationForMetrics as n, SuggestionBar as t };