@sisense/sdk-ui 1.28.0 → 1.29.0

package/dist/ai.js

@@ -1,10 +1,10 @@
 var ut = Object.defineProperty, ht = Object.defineProperties;
 var pt = Object.getOwnPropertyDescriptors;
 var ae = Object.getOwnPropertySymbols;
-var Be = Object.prototype.hasOwnProperty, De = Object.prototype.propertyIsEnumerable;
-var ye = (e, t, o) => t in e ? ut(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, M = (e, t) => {
+var Fe = Object.prototype.hasOwnProperty, De = Object.prototype.propertyIsEnumerable;
+var ye = (e, t, o) => t in e ? ut(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, w = (e, t) => {
   for (var o in t || (t = {}))
-    Be.call(t, o) && ye(e, o, t[o]);
+    Fe.call(t, o) && ye(e, o, t[o]);
   if (ae)
     for (var o of ae(t))
       De.call(t, o) && ye(e, o, t[o]);
@@ -13,61 +13,62 @@ var ye = (e, t, o) => t in e ? ut(e, t, { enumerable: !0, configurable: !0, writ
 var Pe = (e, t) => {
   var o = {};
   for (var r in e)
-    Be.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
+    Fe.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
   if (e != null && ae)
     for (var r of ae(e))
       t.indexOf(r) < 0 && De.call(e, r) && (o[r] = e[r]);
   return o;
 };
 var R = (e, t, o) => (ye(e, typeof t != "symbol" ? t + "" : t, o), o);
-var V = (e, t, o) => new Promise((r, i) => {
-  var a = (l) => {
+var G = (e, t, o) => new Promise((r, i) => {
+  var s = (l) => {
     try {
       c(o.next(l));
     } catch (d) {
       i(d);
     }
-  }, s = (l) => {
+  }, a = (l) => {
     try {
       c(o.throw(l));
     } catch (d) {
       i(d);
     }
-  }, c = (l) => l.done ? r(l.value) : Promise.resolve(l.value).then(a, s);
+  }, c = (l) => l.done ? r(l.value) : Promise.resolve(l.value).then(s, a);
   c((o = o.apply(e, t)).next());
 });
-import { k as gt, j as Ct, s as ue, be as ft, bf as mt, o as Y, _ as j, bg as Ae, D as bt, bh as xt, l as yt, bi as vt, m as ve, P as f, p as wt, bj as kt, bk as St, bl as Mt, bm as Ze, bn as Lt, bo as te, bp as $t, bq as Tt, br as Rt, aQ as Et, M as Nt, aR as Ht, g as It, b2 as Q, T as he, an as u, ax as E, Z as m, av as ze, ar as Ft, bs as Bt, ay as Ge, bt as Dt, at as Pt, aq as ee, aA as qt, bu as Wt, bv as Ot, Y as $e, bw as At, aM as Zt } from "./useQuery-CwqhrvKr.js";
-import { jsx as n, jsxs as g, Fragment as I } from "react/jsx-runtime";
+import { bO as gt, J as Ct, I as ft, K as ue, bP as mt, bQ as bt, Q as Y, q as j, bR as Ae, X as xt, bS as yt, _ as vt, bT as wt, G as ve, P as f, R as kt, bU as St, bV as Mt, bW as Lt, bX as Ze, bY as $t, bZ as te, b_ as Tt, b$ as Rt, c0 as Et, bp as Nt, ab as It, bq as Ht, d as Bt, bC as Q, ah as he, aS as h, b0 as E, an as b, a_ as ze, aW as Ft, c1 as Dt, b1 as Ve, c2 as Pt, aY as Ot, aV as ee, b3 as Wt, c3 as qt, am as $e, c4 as At, bj as Zt, c5 as zt } from "./useQuery-CdtycPOg.js";
+import { jsx as n, jsxs as g, Fragment as H } from "react/jsx-runtime";
 import * as Z from "react";
-import { createContext as Ve, useMemo as D, useContext as je, useCallback as T, useEffect as oe, useState as $, useRef as J, useLayoutEffect as ce, memo as zt, forwardRef as Gt, createElement as Vt } from "react";
-import { n as jt, bc as Qt, ad as w, T as ke, u as Qe, V as Se, Z as Ut, bd as _t, q as Kt, r as Yt, b1 as Jt } from "./derive-chart-family-BYdyoe8O.js";
-import { t as pe } from "./widget-composer-CAmaQCTo.js";
-function Xt(e) {
-  return Ct("MuiDialog", e);
+import { createContext as Ge, useMemo as D, useContext as je, useCallback as T, useEffect as oe, useState as $, useRef as J, useLayoutEffect as ce, memo as Vt, forwardRef as Gt, createElement as jt } from "react";
+import { x as Qt, a$ as Ut, v as k, T as ke, E as Qe, Y as Se, a0 as _t, b0 as Kt, B as Yt, D as Jt } from "./derive-chart-family-Cy3hlluo.js";
+import { t as pe } from "./widget-composer-G4mPX-JO.js";
+var Xt = gt("toLowerCase");
+function e1(e) {
+  return ft("MuiDialog", e);
 }
-const we = gt("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), Ue = /* @__PURE__ */ Z.createContext({});
+const we = Ct("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), Ue = /* @__PURE__ */ Z.createContext({});
 process.env.NODE_ENV !== "production" && (Ue.displayName = "DialogContext");
-const e1 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], t1 = ue(ft, {
+const t1 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], o1 = ue(mt, {
   name: "MuiDialog",
   slot: "Backdrop",
   overrides: (e, t) => t.backdrop
 })({
   // Improve scrollable dialog support.
   zIndex: -1
-}), o1 = (e) => {
+}), n1 = (e) => {
   const {
     classes: t,
     scroll: o,
     maxWidth: r,
     fullWidth: i,
-    fullScreen: a
-  } = e, s = {
+    fullScreen: s
+  } = e, a = {
     root: ["root"],
     container: ["container", `scroll${Y(o)}`],
-    paper: ["paper", `paperScroll${Y(o)}`, `paperWidth${Y(String(r))}`, i && "paperFullWidth", a && "paperFullScreen"]
+    paper: ["paper", `paperScroll${Y(o)}`, `paperWidth${Y(String(r))}`, i && "paperFullWidth", s && "paperFullScreen"]
   };
-  return wt(s, Xt, t);
-}, n1 = ue(mt, {
+  return kt(a, e1, t);
+}, r1 = ue(bt, {
   name: "MuiDialog",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -76,7 +77,7 @@ const e1 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     // Use !important to override the Modal inline-style.
     position: "absolute !important"
   }
-}), r1 = ue("div", {
+}), i1 = ue("div", {
   name: "MuiDialog",
   slot: "Container",
   overridesResolver: (e, t) => {
@@ -109,7 +110,7 @@ const e1 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     height: "100%",
     width: "0"
   }
-})), i1 = ue(Ae, {
+})), s1 = ue(Ae, {
   name: "MuiDialog",
   slot: "Paper",
   overridesResolver: (e, t) => {
@@ -169,51 +170,51 @@ const e1 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     maxWidth: "100%"
   }
 })), _e = /* @__PURE__ */ Z.forwardRef(function(t, o) {
-  const r = bt({
+  const r = xt({
     props: t,
     name: "MuiDialog"
-  }), i = xt(), a = {
+  }), i = yt(), s = {
     enter: i.transitions.duration.enteringScreen,
     exit: i.transitions.duration.leavingScreen
   }, {
-    "aria-describedby": s,
+    "aria-describedby": a,
     "aria-labelledby": c,
     BackdropComponent: l,
     BackdropProps: d,
-    children: p,
-    className: C,
-    disableEscapeKeyDown: h = !1,
-    fullScreen: b = !1,
-    fullWidth: v = !1,
-    maxWidth: S = "sm",
-    onBackdropClick: x,
-    onClick: O,
+    children: C,
+    className: u,
+    disableEscapeKeyDown: p = !1,
+    fullScreen: m = !1,
+    fullWidth: x = !1,
+    maxWidth: M = "sm",
+    onBackdropClick: y,
+    onClick: q,
     onClose: N,
-    open: k,
-    PaperComponent: q = Ae,
-    PaperProps: F = {},
-    scroll: B = "paper",
-    TransitionComponent: G = kt,
-    transitionDuration: se = a,
+    open: S,
+    PaperComponent: O = Ae,
+    PaperProps: B = {},
+    scroll: F = "paper",
+    TransitionComponent: V = St,
+    transitionDuration: se = s,
     TransitionProps: fe
-  } = r, X = yt(r, e1), U = j({}, r, {
-    disableEscapeKeyDown: h,
-    fullScreen: b,
-    fullWidth: v,
-    maxWidth: S,
-    scroll: B
-  }), H = o1(U), _ = Z.useRef(), me = (y) => {
-    _.current = y.target === y.currentTarget;
-  }, be = (y) => {
-    O && O(y), _.current && (_.current = null, x && x(y), N && N(y, "backdropClick"));
-  }, K = vt(c), xe = Z.useMemo(() => ({
+  } = r, X = vt(r, t1), U = j({}, r, {
+    disableEscapeKeyDown: p,
+    fullScreen: m,
+    fullWidth: x,
+    maxWidth: M,
+    scroll: F
+  }), I = n1(U), _ = Z.useRef(), me = (v) => {
+    _.current = v.target === v.currentTarget;
+  }, be = (v) => {
+    q && q(v), _.current && (_.current = null, y && y(v), N && N(v, "backdropClick"));
+  }, K = wt(c), xe = Z.useMemo(() => ({
     titleId: K
   }), [K]);
-  return /* @__PURE__ */ n(n1, j({
-    className: ve(H.root, C),
+  return /* @__PURE__ */ n(r1, j({
+    className: ve(I.root, u),
     closeAfterTransition: !0,
     components: {
-      Backdrop: t1
+      Backdrop: o1
     },
     componentsProps: {
       backdrop: j({
@@ -221,35 +222,35 @@ const e1 = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
         as: l
       }, d)
     },
-    disableEscapeKeyDown: h,
+    disableEscapeKeyDown: p,
     onClose: N,
-    open: k,
+    open: S,
     ref: o,
     onClick: be,
     ownerState: U
   }, X, {
-    children: /* @__PURE__ */ n(G, j({
+    children: /* @__PURE__ */ n(V, j({
       appear: !0,
-      in: k,
+      in: S,
       timeout: se,
       role: "presentation"
     }, fe, {
-      children: /* @__PURE__ */ n(r1, {
-        className: ve(H.container),
+      children: /* @__PURE__ */ n(i1, {
+        className: ve(I.container),
         onMouseDown: me,
         ownerState: U,
-        children: /* @__PURE__ */ n(i1, j({
-          as: q,
+        children: /* @__PURE__ */ n(s1, j({
+          as: O,
           elevation: 24,
           role: "dialog",
-          "aria-describedby": s,
+          "aria-describedby": a,
           "aria-labelledby": K
-        }, F, {
-          className: ve(H.paper, F.className),
+        }, B, {
+          className: ve(I.paper, B.className),
           ownerState: U,
           children: /* @__PURE__ */ n(Ue.Provider, {
             value: xe,
-            children: p
+            children: C
           })
         }))
       })
@@ -388,7 +389,7 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    */
   TransitionProps: f.object
 });
-class s1 extends St {
+class a1 extends Mt {
   constructor(t, o) {
     super(), this.client = t, this.setOptions(o), this.bindMethods(), this.updateResult();
   }
@@ -398,7 +399,7 @@ class s1 extends St {
   setOptions(t) {
     var o;
     const r = this.options;
-    this.options = this.client.defaultMutationOptions(t), Mt(r, this.options) || this.client.getMutationCache().notify({
+    this.options = this.client.defaultMutationOptions(t), Lt(r, this.options) || this.client.getMutationCache().notify({
       type: "observerOptionsUpdated",
       mutation: this.currentMutation,
       observer: this
@@ -426,12 +427,12 @@ class s1 extends St {
     });
   }
   mutate(t, o) {
-    return this.mutateOptions = o, this.currentMutation && this.currentMutation.removeObserver(this), this.currentMutation = this.client.getMutationCache().build(this.client, L(M({}, this.options), {
+    return this.mutateOptions = o, this.currentMutation && this.currentMutation.removeObserver(this), this.currentMutation = this.client.getMutationCache().build(this.client, L(w({}, this.options), {
       variables: typeof t != "undefined" ? t : this.options.variables
     })), this.currentMutation.addObserver(this), this.currentMutation.execute();
   }
   updateResult() {
-    const t = this.currentMutation ? this.currentMutation.state : Lt(), o = L(M({}, t), {
+    const t = this.currentMutation ? this.currentMutation.state : $t(), o = L(w({}, t), {
       isLoading: t.status === "loading",
       isSuccess: t.status === "success",
       isError: t.status === "error",
@@ -445,44 +446,44 @@ class s1 extends St {
     Ze.batch(() => {
       if (this.mutateOptions && this.hasListeners()) {
         if (t.onSuccess) {
-          var o, r, i, a;
-          (o = (r = this.mutateOptions).onSuccess) == null || o.call(r, this.currentResult.data, this.currentResult.variables, this.currentResult.context), (i = (a = this.mutateOptions).onSettled) == null || i.call(a, this.currentResult.data, null, this.currentResult.variables, this.currentResult.context);
+          var o, r, i, s;
+          (o = (r = this.mutateOptions).onSuccess) == null || o.call(r, this.currentResult.data, this.currentResult.variables, this.currentResult.context), (i = (s = this.mutateOptions).onSettled) == null || i.call(s, this.currentResult.data, null, this.currentResult.variables, this.currentResult.context);
         } else if (t.onError) {
-          var s, c, l, d;
-          (s = (c = this.mutateOptions).onError) == null || s.call(c, this.currentResult.error, this.currentResult.variables, this.currentResult.context), (l = (d = this.mutateOptions).onSettled) == null || l.call(d, void 0, this.currentResult.error, this.currentResult.variables, this.currentResult.context);
+          var a, c, l, d;
+          (a = (c = this.mutateOptions).onError) == null || a.call(c, this.currentResult.error, this.currentResult.variables, this.currentResult.context), (l = (d = this.mutateOptions).onSettled) == null || l.call(d, void 0, this.currentResult.error, this.currentResult.variables, this.currentResult.context);
         }
       }
       t.listeners && this.listeners.forEach(({
-        listener: p
+        listener: C
       }) => {
-        p(this.currentResult);
+        C(this.currentResult);
       });
     });
   }
 }
 function Te(e, t, o) {
-  const r = Rt(e, t), i = te({
+  const r = Et(e, t), i = te({
     context: r.context
-  }), [a] = Z.useState(() => new s1(i, r));
+  }), [s] = Z.useState(() => new a1(i, r));
   Z.useEffect(() => {
-    a.setOptions(r);
-  }, [a, r]);
-  const s = $t(Z.useCallback((l) => a.subscribe(Ze.batchCalls(l)), [a]), () => a.getCurrentResult(), () => a.getCurrentResult()), c = Z.useCallback((l, d) => {
-    a.mutate(l, d).catch(a1);
-  }, [a]);
-  if (s.error && Tt(a.options.useErrorBoundary, [s.error]))
-    throw s.error;
-  return L(M({}, s), {
+    s.setOptions(r);
+  }, [s, r]);
+  const a = Tt(Z.useCallback((l) => s.subscribe(Ze.batchCalls(l)), [s]), () => s.getCurrentResult(), () => s.getCurrentResult()), c = Z.useCallback((l, d) => {
+    s.mutate(l, d).catch(l1);
+  }, [s]);
+  if (a.error && Rt(s.options.useErrorBoundary, [a.error]))
+    throw a.error;
+  return L(w({}, a), {
     mutate: c,
-    mutateAsync: s.mutate
+    mutateAsync: a.mutate
   });
 }
-function a1() {
+function l1() {
 }
-class l1 {
+class c1 {
   constructor(t) {
     R(this, "httpClient");
-    R(this, "getChatContexts", () => V(this, null, function* () {
+    R(this, "getChatContexts", () => G(this, null, function* () {
       return (yield this.httpClient.get("api/datasources//")) || [];
     }));
     // ==== /v2/ai endpoints ====
@@ -527,60 +528,60 @@ class l1 {
     this.httpClient = t;
   }
 }
-const c1 = new Et({
+const d1 = new Nt({
   defaultOptions: {
     queries: {
       refetchOnWindowFocus: !1,
       refetchOnMount: !1
     }
   }
-}), Ke = Ve(void 0), P = () => je(Ke), d1 = ({ children: e }) => {
-  const { app: t } = Nt(), o = D(() => t ? new l1(t.httpClient) : void 0, [t]);
-  return /* @__PURE__ */ n(Ke.Provider, { value: o, children: /* @__PURE__ */ n(Ht, { client: c1, children: e }) });
+}), Ke = Ge(void 0), P = () => je(Ke), u1 = ({ children: e }) => {
+  const { app: t } = It(), o = D(() => t ? new c1(t.httpClient) : void 0, [t]);
+  return /* @__PURE__ */ n(Ke.Provider, { value: o, children: /* @__PURE__ */ n(Ht, { client: d1, children: e }) });
 };
 function kn({ children: e }) {
-  return /* @__PURE__ */ n(d1, { children: e });
+  return /* @__PURE__ */ n(u1, { children: e });
 }
 const ne = (e, t = !0) => {
   const o = D(() => {
-    var p, C;
+    var C, u;
     if ("jaql" in e)
       return e;
     {
-      const h = Qt(e.dataSource), { filters: b = [], relations: v } = jt(e.filters), { metadata: S, filterRelations: x } = It(
+      const p = Ut(e.dataSource), { filters: m = [], relations: x } = Qt(e.filters), { metadata: M, filterRelations: y } = Bt(
         {
           dataSource: e.dataSource,
-          attributes: (p = e.dimensions) != null ? p : [],
-          measures: (C = e.measures) != null ? C : [],
-          filters: b,
-          filterRelations: v,
+          attributes: (C = e.dimensions) != null ? C : [],
+          measures: (u = e.measures) != null ? u : [],
+          filters: m,
+          filterRelations: x,
           highlights: []
         },
         !0
       );
       return {
         jaql: {
-          datasource: h,
-          metadata: S,
-          filterRelations: x
+          datasource: p,
+          metadata: M,
+          filterRelations: y
         }
       };
     }
-  }, [e]), r = P(), { data: i, error: a, isError: s, isLoading: c, isSuccess: l, refetch: d } = Q({
+  }, [e]), r = P(), { data: i, error: s, isError: a, isLoading: c, isSuccess: l, refetch: d } = Q({
     queryKey: ["getNlgInsights", o, r],
     queryFn: () => r == null ? void 0 : r.ai.getNlgInsights(o),
-    select: (p) => {
-      var C;
-      return (C = p == null ? void 0 : p.data) == null ? void 0 : C.answer;
+    select: (C) => {
+      var u;
+      return (u = C == null ? void 0 : C.data) == null ? void 0 : u.answer;
     },
     enabled: !!r && t
   });
   return {
     isLoading: c,
-    isError: s,
+    isError: a,
     isSuccess: l,
     data: i,
-    error: a,
+    error: s,
     refetch: T(() => {
       d();
     }, [d])
@@ -592,57 +593,57 @@ const ne = (e, t = !0) => {
   Ye
 ), Mn = he("useGetNlgQueryResult")(
   Ye
-), u1 = [
+), h1 = [
   "indicator",
   "column",
   "line",
   "table",
   "pie",
   "bar"
-], h1 = (e) => {
-  const { dataSource: t, query: o, chartTypes: r } = e, i = typeof t == "string" ? t : t.title, a = P(), { isLoading: s, isError: c, isSuccess: l, data: d, error: p, refetch: C } = Q({
-    queryKey: ["getNlqResult", t, o, r, a],
-    queryFn: () => a == null ? void 0 : a.ai.getNlqResult(i, {
+], p1 = (e) => {
+  const { dataSource: t, query: o, chartTypes: r } = e, i = typeof t == "string" ? t : t.title, s = P(), { isLoading: a, isError: c, isSuccess: l, data: d, error: C, refetch: u } = Q({
+    queryKey: ["getNlqResult", t, o, r, s],
+    queryFn: () => s == null ? void 0 : s.ai.getNlqResult(i, {
       text: o,
       // Per @Einat Shusterman: Timezone is not used by AI API, but it is currently required by the endpoint
       timezone: "UTC",
-      chartTypes: r != null ? r : [...u1]
+      chartTypes: r != null ? r : [...h1]
     }),
-    enabled: !!a && e.enabled
-  }), h = d ? pe(d, {
+    enabled: !!s && e.enabled
+  }), p = d ? pe(d, {
     useCustomizedStyleOptions: e.enableAxisTitlesInWidgetProps || !1
   }) : void 0;
   return {
-    isLoading: s,
+    isLoading: a,
     isError: c,
     isSuccess: l,
-    data: h,
-    error: p,
+    data: p,
+    error: C,
     refetch: T(() => {
-      C();
-    }, [C])
+      u();
+    }, [u])
   };
-}, Ln = he("useGetNlqResult")(h1), Je = (e) => {
-  const { contextTitle: t, count: o, enableAxisTitlesInWidgetProps: r } = e, i = P(), a = o != null ? o : 4, s = a > 0, { isLoading: c, isError: l, isSuccess: d, data: p, error: C, refetch: h } = Q({
-    queryKey: ["getQueryRecommendations", t, a, i],
-    queryFn: () => i == null ? void 0 : i.ai.getQueryRecommendations(t, {
+}, Ln = he("useGetNlqResult")(p1), Je = (e) => {
+  const { contextTitle: t, count: o, enableAxisTitlesInWidgetProps: r, enabled: i } = e, s = P(), a = o != null ? o : 4, c = (i === void 0 || i === !0) && a > 0, { isLoading: l, isError: d, isSuccess: C, data: u, error: p, refetch: m } = Q({
+    queryKey: ["getQueryRecommendations", t, a, s],
+    queryFn: () => s == null ? void 0 : s.ai.getQueryRecommendations(t, {
       numOfRecommendations: a
     }),
-    enabled: !!i && s
+    enabled: !!s && c
   });
-  return p == null || p.map((b) => {
-    b.widgetProps = b.jaql ? pe(b, {
+  return u == null || u.map((x) => {
+    x.widgetProps = x.jaql ? pe(x, {
       useCustomizedStyleOptions: r
     }) : void 0;
   }), {
-    isLoading: s ? c : !1,
-    isError: s ? l : !1,
-    isSuccess: s ? d : !1,
-    data: s && p ? p : [],
-    error: s ? C : null,
+    isLoading: c ? l : !1,
+    isError: d,
+    isSuccess: C,
+    data: u != null ? u : void 0,
+    error: p,
     refetch: T(() => {
-      s && h();
-    }, [h, s])
+      m();
+    }, [m])
   };
 }, $n = he("useGetQueryRecommendations")(
   Je
@@ -652,21 +653,21 @@ const ne = (e, t = !0) => {
   enableInsights: !0,
   numOfRecommendations: 4,
   numOfRecentPrompts: 5
-}), et = Ve(M({}, Xe)), W = () => je(et), p1 = ({ children: e, value: t }) => {
-  const { t: o } = w(), r = Object.entries(t).reduce(
-    (i, [a, s]) => (s !== void 0 && (i[a] = s), i),
-    L(M({}, Xe), {
+}), et = Ge(w({}, Xe)), W = () => je(et), g1 = ({ children: e, value: t }) => {
+  const { t: o } = k(), r = Object.entries(t).reduce(
+    (i, [s, a]) => (a !== void 0 && (i[s] = a), i),
+    L(w({}, Xe), {
       inputPromptText: o("ai.config.inputPromptText"),
       welcomeText: o("ai.config.welcomeText"),
       suggestionsWelcomeText: o("ai.config.suggestionsWelcomeText")
     })
   );
   return /* @__PURE__ */ n(et.Provider, { value: r, children: e });
-}, Re = "chatHistory", g1 = (e) => {
+}, Re = "chatHistory", C1 = (e) => {
   const t = P(), { hideHistory: o } = W();
   return Q({
     queryKey: [Re, e, t],
-    queryFn: () => V(void 0, null, function* () {
+    queryFn: () => G(void 0, null, function* () {
       if (!t || !e)
         return;
       if (o)
@@ -679,7 +680,7 @@ const ne = (e, t = !0) => {
 }, tt = (e) => {
   const t = P(), o = te();
   return Te({
-    mutationFn: () => V(void 0, null, function* () {
+    mutationFn: () => G(void 0, null, function* () {
       if (!(!t || !e))
         return t.ai.chat.clearHistory(e);
     }),
@@ -691,7 +692,7 @@ const ne = (e, t = !0) => {
     }
   });
 }, ot = (e) => {
-  const { data: t, isLoading: o, isError: r } = g1(e), { mutate: i } = tt(e);
+  const { data: t, isLoading: o, isError: r } = C1(e), { mutate: i } = tt(e);
   return oe(() => {
     r && i();
   }, [r, i]), {
@@ -702,7 +703,7 @@ const ne = (e, t = !0) => {
 }, nt = () => {
   const e = P(), { data: t, isLoading: o, fetchStatus: r } = Q({
     queryKey: ["getDataTopics", e],
-    queryFn: () => V(void 0, null, function* () {
+    queryFn: () => G(void 0, null, function* () {
       if (e)
         return e.getChatContexts();
     }),
@@ -719,9 +720,9 @@ const ne = (e, t = !0) => {
     data: t != null ? t : [],
     isLoading: o
   };
-}, C1 = (e, t) => {
+}, f1 = (e, t) => {
   const o = te(), r = P(), i = Te({
-    mutationFn: () => V(void 0, null, function* () {
+    mutationFn: () => G(void 0, null, function* () {
       if (!(!r || !e))
         return r.ai.chat.create(e);
     }),
@@ -730,7 +731,7 @@ const ne = (e, t = !0) => {
   return oe(() => {
     t && i.isIdle && i.mutate();
   }, [t, i]), i;
-}, f1 = (e, t) => {
+}, m1 = (e, t) => {
   switch (e.responseType = e.responseType.toLowerCase(), e.responseType) {
     case "nlq":
       return {
@@ -747,16 +748,16 @@ const ne = (e, t = !0) => {
     default:
       throw Error(`${t}${JSON.stringify(e)}`);
   }
-}, m1 = (e, t) => {
+}, b1 = (e, t) => {
   const o = te(), r = T(
     (l) => {
       e && o.setQueriesData([Re, e], (d) => d && [...d, l]);
     },
     [o, e]
-  ), { t: i } = w(), a = P(), { mutate: s, isLoading: c } = Te({
-    mutationFn: (l) => V(void 0, null, function* () {
-      if (!(!a || !e))
-        return a.ai.chat.post(e, {
+  ), { t: i } = k(), s = P(), { mutate: a, isLoading: c } = Te({
+    mutationFn: (l) => G(void 0, null, function* () {
+      if (!(!s || !e))
+        return s.ai.chat.post(e, {
           text: l,
           options: { enableFollowup: t }
         });
@@ -769,7 +770,9 @@ const ne = (e, t = !0) => {
     },
     onError: (l) => {
       l instanceof Error && (console.error("Error when sending message:", l.message), r({
-        content: i("errors.unexpectedChatResponse"),
+        content: i(`ai.errors.${l.interpolationOptions.errorCode}`, {
+          defaultValue: i("ai.errors.unexpectedChatResponse")
+        }),
         role: "assistant"
       }));
     },
@@ -777,49 +780,49 @@ const ne = (e, t = !0) => {
       if (!l)
         return;
       const d = i("ai.errors.unknownResponse");
-      r(f1(l, d));
+      r(m1(l, d));
     }
   });
-  return { mutate: s, isLoading: c };
-}, Ee = (e) => !!e && "type" in e && e.type === "nlq", b1 = (e) => !!e && "type" in e && e.type === "text", x1 = (e) => {
-  var q, F;
-  const { t } = w(), { enableFollowupQuestions: o } = W(), { data: r, isLoading: i } = nt(), { data: a, isLoading: s } = rt(), c = (q = r == null ? void 0 : r.find((B) => B.title === e)) == null ? void 0 : q.title, l = (F = a.find((B) => B.contextTitle === c)) == null ? void 0 : F.chatId, d = i || !!c, p = s || !!l, [C, h] = $(null), { isError: b } = C1(
+  return { mutate: a, isLoading: c };
+}, Ee = (e) => !!e && "type" in e && e.type === "nlq", x1 = (e) => !!e && "type" in e && e.type === "text", y1 = (e) => {
+  var O, B;
+  const { t } = k(), { enableFollowupQuestions: o } = W(), { data: r, isLoading: i } = nt(), { data: s, isLoading: a } = rt(), c = (O = r == null ? void 0 : r.find((F) => F.title === e)) == null ? void 0 : O.title, l = (B = s.find((F) => F.contextTitle === c)) == null ? void 0 : B.chatId, d = i || !!c, C = a || !!l, [u, p] = $(null), { isError: m } = f1(
     c,
-    d && !p
-  ), { history: v, isLoading: S, isError: x } = ot(l);
+    d && !C
+  ), { history: x, isLoading: M, isError: y } = ot(l);
   oe(() => {
-    b ? h(new ke("ai.errors.chatUnavailable")) : x && h(new ke("ai.errors.fetchHistory"));
-  }, [b, x, t]);
-  const { mutate: O, isLoading: N } = m1(
+    m ? p(new ke("ai.errors.chatUnavailable")) : y && p(new ke("ai.errors.fetchHistory"));
+  }, [m, y, t]);
+  const { mutate: q, isLoading: N } = b1(
     l,
     o
-  ), k = D(() => {
-    if (v != null && v.length) {
-      const B = v[v.length - 1];
-      if (Ee(B))
-        return JSON.parse(B.content);
+  ), S = D(() => {
+    if (x != null && x.length) {
+      const F = x[x.length - 1];
+      if (Ee(F))
+        return JSON.parse(F.content);
     }
     return null;
-  }, [v]);
+  }, [x]);
   return {
     chatId: l,
-    history: v != null ? v : [],
-    lastNlqResponse: k,
-    sendMessage: O,
+    history: x != null ? x : [],
+    lastNlqResponse: S,
+    sendMessage: q,
     isAwaitingResponse: N,
-    isLoading: S,
-    lastError: C
+    isLoading: M,
+    lastError: u
   };
 }, Tn = ({
   contextTitle: e
 }) => {
   var i;
-  const { data: t } = rt(), o = (i = t.find((a) => a.contextTitle === e)) == null ? void 0 : i.chatId, { history: r } = ot(o);
+  const { data: t } = rt(), o = (i = t.find((s) => s.contextTitle === e)) == null ? void 0 : i.chatId, { history: r } = ot(o);
   return D(() => {
     if (r != null && r.length) {
-      const a = r[r.length - 1];
-      if (Ee(a))
-        return JSON.parse(a.content);
+      const s = r[r.length - 1];
+      if (Ee(s))
+        return JSON.parse(s.content);
     }
     return null;
   }, [r]);
@@ -834,7 +837,7 @@ const ne = (e, t = !0) => {
     data: o,
     isLoading: r
   };
-}, y1 = 500, v1 = 500, w1 = 500, k1 = 900, S1 = u.div`
+}, v1 = 500, w1 = 500, k1 = 500, S1 = 900, M1 = h.div`
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -844,10 +847,10 @@ const ne = (e, t = !0) => {
   background-color: ${({ theme: e }) => e.aiChat.backgroundColor};
   overflow: hidden;
 
-  min-width: ${y1}px;
-  min-height: ${v1}px;
-  width: ${({ width: e }) => e ? qe(e) : `${w1}px`};
-  height: ${({ height: e }) => e ? qe(e) : `${k1}px`};
+  min-width: ${v1}px;
+  min-height: ${w1}px;
+  width: ${({ width: e }) => e ? Oe(e) : `${k1}px`};
+  height: ${({ height: e }) => e ? Oe(e) : `${S1}px`};
 
   ${({ theme: e }) => E`
     font-size: ${e.aiChat.primaryFontSize[0]};
@@ -855,10 +858,10 @@ const ne = (e, t = !0) => {
   `}
   border: ${({ theme: e }) => e.aiChat.border === !1 ? "none" : e.aiChat.border};
 `;
-function qe(e) {
+function Oe(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function M1({ spin: e }) {
+function L1({ spin: e }) {
   return /* @__PURE__ */ g(
     "svg",
     {
@@ -893,9 +896,9 @@ function M1({ spin: e }) {
   );
 }
 function ge() {
-  return /* @__PURE__ */ n("div", { className: "csdk-m-auto", "aria-label": "loading spinner", children: /* @__PURE__ */ n(M1, { spin: !0 }) });
+  return /* @__PURE__ */ n("div", { className: "csdk-m-auto", "aria-label": "loading spinner", children: /* @__PURE__ */ n(L1, { spin: !0 }) });
 }
-function L1({ theme: e }) {
+function $1({ theme: e }) {
   return /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n(
     "path",
     {
@@ -904,7 +907,7 @@ function L1({ theme: e }) {
     }
   ) });
 }
-function $1({ theme: e }) {
+function T1({ theme: e }) {
   const t = e.aiChat.icons.color;
   return /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", children: [
     /* @__PURE__ */ n(
@@ -930,11 +933,11 @@ function $1({ theme: e }) {
     )
   ] });
 }
-const T1 = u.div`
+const R1 = h.div`
   display: flex;
   flex-direction: column;
   row-gap: 4px;
-`, R1 = u.div`
+`, E1 = h.div`
   font-size: 11px;
   line-height: 18px;
   font-weight: 300;
@@ -944,7 +947,7 @@ const T1 = u.div`
   &:hover {
     background-color: ${({ theme: e }) => e.aiChat.dropup.headers.hover.backgroundColor};
   }
-`, E1 = u.div`
+`, N1 = h.div`
   font-size: ${({ theme: e }) => e.aiChat.primaryFontSize[0]};
   line-height: ${({ theme: e }) => e.aiChat.primaryFontSize[1]};
   color: ${({ theme: e }) => e.aiChat.dropup.items.textColor};
@@ -954,19 +957,19 @@ const T1 = u.div`
     background-color: ${({ theme: e }) => e.aiChat.dropup.items.hover.backgroundColor};
   }
 `;
-function N1({
+function I1({
   title: e,
   items: t,
   onSelect: o,
   alwaysExpanded: r = !1
 }) {
-  const [i, a] = $(!1), { themeSettings: s } = m();
-  return /* @__PURE__ */ g(T1, { children: [
-    /* @__PURE__ */ n(R1, { onClick: () => a((c) => !c), theme: s, children: e.toUpperCase() }),
-    (i || r) && t.map((c, l) => /* @__PURE__ */ n(E1, { onClick: () => o(c), theme: s, children: c }, l))
+  const [i, s] = $(!1), { themeSettings: a } = b();
+  return /* @__PURE__ */ g(R1, { children: [
+    /* @__PURE__ */ n(E1, { onClick: () => s((c) => !c), theme: a, children: e.toUpperCase() }),
+    (i || r) && t.map((c, l) => /* @__PURE__ */ n(N1, { onClick: () => o(c), theme: a, children: c }, l))
   ] });
 }
-const H1 = u.div`
+const H1 = h.div`
   font-family: ${({ theme: e }) => e.typography.fontFamily};
   font-size: ${({ theme: e }) => e.aiChat.primaryFontSize[0]};
   line-height: ${({ theme: e }) => e.aiChat.primaryFontSize[1]};
@@ -978,7 +981,7 @@ const H1 = u.div`
   display: flex;
   flex-direction: column;
   row-gap: 4px;
-`, I1 = u.div`
+`, B1 = h.div`
   font-size: ${({ theme: e }) => e.aiChat.primaryFontSize[0]};
   line-height: ${({ theme: e }) => e.aiChat.primaryFontSize[1]};
   color: ${({ theme: e }) => e.aiChat.dropup.items.textColor};
@@ -990,8 +993,8 @@ function F1({
   isLoading: o,
   onSelection: r,
   anchorEl: i,
-  text: a,
-  recommendationsError: s
+  text: s,
+  recommendationsError: a
 }) {
   const l = [
     {
@@ -1005,12 +1008,12 @@ function F1({
       onSelect: r
     }
   ].filter(
-    (h) => h.title.slice(0, a.length) === a
-  ), { themeSettings: d } = m(), { t: p } = w(), C = l.length === 1;
+    (p) => p.title.slice(0, s.length) === s
+  ), { themeSettings: d } = b(), { t: C } = k(), u = l.length === 1;
   return /* @__PURE__ */ n(
     ze,
     {
-      open: Me(a) && l.length > 0,
+      open: Me(s) && l.length > 0,
       anchorEl: i,
       placement: "top-start",
       modifiers: [
@@ -1024,14 +1027,14 @@ function F1({
       sx: { zIndex: 3 },
       children: /* @__PURE__ */ g(H1, { style: { width: i == null ? void 0 : i.offsetWidth }, theme: d, children: [
         o && /* @__PURE__ */ n(ge, {}),
-        !o && !s && l.map((h) => /* @__PURE__ */ n(N1, L(M({}, h), { alwaysExpanded: C }), h.title)),
-        s && /* @__PURE__ */ n(I1, { theme: d, children: p("ai.errors.recommendationsNotAvailable") })
+        !o && !a && l.map((p) => /* @__PURE__ */ n(I1, L(w({}, p), { alwaysExpanded: u }), p.title)),
+        a && /* @__PURE__ */ n(B1, { theme: d, children: C("ai.errors.recommendationsNotAvailable") })
       ] })
     }
   );
 }
 function re({ title: e, placement: t = "top", children: o }) {
-  const { themeSettings: r } = m();
+  const { themeSettings: r } = b();
   return /* @__PURE__ */ n(
     Ft,
     {
@@ -1063,19 +1066,19 @@ function re({ title: e, placement: t = "top", children: o }) {
     }
   );
 }
-const B1 = 500, D1 = u.div`
+const D1 = 500, P1 = h.div`
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   justify-content: space-between;
 
   background-color: ${({ theme: e }) => e.aiChat.backgroundColor};
-`, P1 = u.button`
+`, O1 = h.button`
   height: 34px;
   background-color: inherit;
   cursor: pointer;
   border: none;
-`, q1 = u.textarea`
+`, W1 = h.textarea`
   font-size: inherit;
   line-height: inherit;
   resize: none;
@@ -1103,7 +1106,7 @@ const B1 = 500, D1 = u.div`
   color: ${({ theme: e }) => e.aiChat.primaryTextColor};
 
   background-color: ${({ theme: e }) => e.aiChat.input.backgroundColor};
-`, W1 = u.button`
+`, q1 = h.button`
   height: 34px;
   background-color: inherit;
   border-style: none;
@@ -1117,104 +1120,104 @@ const B1 = 500, D1 = u.div`
           opacity: 1;
           cursor: pointer;
         `}
-`, O1 = 34;
-function A1({
+`, A1 = 34;
+function Z1({
   onSendMessage: e,
   onClearHistoryClick: t,
   disabled: o,
   recentPrompts: r,
   suggestions: i,
-  isLoading: a,
-  recommendationsError: s,
+  isLoading: s,
+  recommendationsError: a,
   onChange: c
 }) {
-  const [l, d] = $(""), { inputPromptText: p } = W(), C = T(() => {
+  const [l, d] = $(""), { inputPromptText: C } = W(), u = T(() => {
     if (o)
       return;
     if (Me(l)) {
       d("");
       return;
     }
-    const k = l.trim();
-    k.length !== 0 && (e(k), d(""));
-  }, [o, e, l]), h = T(
-    (k) => {
-      e(k), d("");
+    const S = l.trim();
+    S.length !== 0 && (e(S), d(""));
+  }, [o, e, l]), p = T(
+    (S) => {
+      e(S), d("");
     },
     [e]
-  ), b = T(
-    (k) => {
-      k.key === "Enter" ? (k.preventDefault(), C()) : k.key === "Escape" && Me(l) && d("");
+  ), m = T(
+    (S) => {
+      S.key === "Enter" ? (S.preventDefault(), u()) : S.key === "Escape" && Me(l) && d("");
     },
-    [C, l]
-  ), v = T(
-    (k) => {
-      c == null || c(k.target.value), d(k.target.value);
+    [u, l]
+  ), x = T(
+    (S) => {
+      c == null || c(S.target.value), d(S.target.value);
     },
     [c]
-  ), S = J(null);
+  ), M = J(null);
   ce(() => {
-    S.current && (S.current.style.height = "inherit", S.current.style.height = `${Math.max(
-      S.current.scrollHeight + 2,
+    M.current && (M.current.style.height = "inherit", M.current.style.height = `${Math.max(
+      M.current.scrollHeight + 2,
       // account for 1px top/bottom border
-      O1
+      A1
     )}px`);
   }, [l]), ce(() => {
-    S.current && S.current.focus({ preventScroll: !0 });
+    M.current && M.current.focus({ preventScroll: !0 });
   }, []);
-  const { themeSettings: x } = m(), { t: O } = w(), N = T((k) => {
-    var q;
-    if ((q = document.getElementById("csdk-chatbot-frame")) != null && q.contains(k.relatedTarget)) {
-      const F = (B) => {
-        var G;
-        document.removeEventListener("mouseup", F), document.removeEventListener("keyup", F), B.type === "mouseup" && ((G = document.getSelection()) == null ? void 0 : G.type) !== "Range" && k.target.focus({ preventScroll: !0 });
+  const { themeSettings: y } = b(), { t: q } = k(), N = T((S) => {
+    var O;
+    if ((O = document.getElementById("csdk-chatbot-frame")) != null && O.contains(S.relatedTarget)) {
+      const B = (F) => {
+        var V;
+        document.removeEventListener("mouseup", B), document.removeEventListener("keyup", B), F.type === "mouseup" && ((V = document.getSelection()) == null ? void 0 : V.type) !== "Range" && S.target.focus({ preventScroll: !0 });
       };
-      document.addEventListener("mouseup", F), document.addEventListener("keyup", F);
+      document.addEventListener("mouseup", B), document.addEventListener("keyup", B);
     }
   }, []);
-  return /* @__PURE__ */ g(D1, { theme: x, children: [
+  return /* @__PURE__ */ g(P1, { theme: y, children: [
     /* @__PURE__ */ n(
       F1,
       {
         recentPrompts: r,
         suggestions: i,
-        isLoading: a,
-        onSelection: h,
-        anchorEl: S.current,
+        isLoading: s,
+        onSelection: p,
+        anchorEl: M.current,
         text: l,
-        recommendationsError: s
+        recommendationsError: a
       }
     ),
-    t && /* @__PURE__ */ n(re, { title: O("ai.buttons.clearChat"), placement: "bottom-start", children: /* @__PURE__ */ n(P1, { "aria-label": "clear history", onClick: t, children: /* @__PURE__ */ n($1, { theme: x }) }) }),
+    t && /* @__PURE__ */ n(re, { title: q("ai.buttons.clearChat"), placement: "bottom-start", children: /* @__PURE__ */ n(O1, { "aria-label": "clear history", onClick: t, children: /* @__PURE__ */ n(T1, { theme: y }) }) }),
     /* @__PURE__ */ n(
-      q1,
+      W1,
       {
         "aria-label": "chat input",
         onBlur: N,
-        maxLength: B1,
-        ref: S,
+        maxLength: D1,
+        ref: M,
         rows: 1,
-        onChange: v,
+        onChange: x,
         spellCheck: "true",
-        placeholder: p,
+        placeholder: C,
         value: l,
-        onKeyDown: b,
-        theme: x
+        onKeyDown: m,
+        theme: y
       }
     ),
     /* @__PURE__ */ n(
-      W1,
+      q1,
       {
         "aria-label": "send chat message",
         disabled: o || l.length === 0,
-        onClick: C,
-        theme: x,
-        children: /* @__PURE__ */ n("span", { "data-state": "closed", children: /* @__PURE__ */ n(L1, { theme: x }) })
+        onClick: u,
+        theme: y,
+        children: /* @__PURE__ */ n("span", { "data-state": "closed", children: /* @__PURE__ */ n($1, { theme: y }) })
       }
     )
   ] });
 }
-const Z1 = u.div`
+const z1 = h.div`
   display: flex;
 
   ${({ align: e }) => e === "right" ? E`
@@ -1222,7 +1225,7 @@ const Z1 = u.div`
         ` : E`
           justify-content: flex-start;
         `}
-`, it = u.div`
+`, it = h.div`
   font-size: inherit;
   line-height: inherit;
   padding-top: 8.5px;
@@ -1248,36 +1251,36 @@ const Z1 = u.div`
   color: ${({ theme: e }) => e.aiChat.primaryTextColor};
   background-color: ${({ theme: e, align: t }) => t === "right" ? e.aiChat.userMessages.backgroundColor : e.aiChat.systemMessages.backgroundColor};
 `, z = ({ align: e, children: t }) => {
-  const { themeSettings: o } = m();
-  return /* @__PURE__ */ n(Z1, { theme: o, align: e, children: /* @__PURE__ */ n(it, { theme: o, align: e, children: t }) });
+  const { themeSettings: o } = b();
+  return /* @__PURE__ */ n(z1, { theme: o, align: e, children: /* @__PURE__ */ n(it, { theme: o, align: e, children: t }) });
 };
-function z1() {
+function V1() {
   const { welcomeText: e } = W();
   return e === !1 ? null : /* @__PURE__ */ n(z, { align: "left", children: e });
 }
-const G1 = u.div`
+const G1 = h.div`
   margin: auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   row-gap: 21px;
-`, V1 = u.div`
+`, j1 = h.div`
   color: ${({ theme: e }) => e.aiChat.primaryTextColor};
   text-align: center;
   font-weight: 600;
-`, j1 = u.div`
+`, Q1 = h.div`
   color: rgba(54, 163, 217, 1);
   cursor: pointer;
 `;
 function st({ text: e, action: t }) {
-  const { themeSettings: o } = m();
+  const { themeSettings: o } = b();
   return /* @__PURE__ */ g(G1, { children: [
-    /* @__PURE__ */ n(V1, { theme: o, children: e }),
-    /* @__PURE__ */ n(Bt, {}),
-    t && /* @__PURE__ */ n(j1, { onClick: t.onClick, children: t.text })
+    /* @__PURE__ */ n(j1, { theme: o, children: e }),
+    /* @__PURE__ */ n(Dt, {}),
+    t && /* @__PURE__ */ n(Q1, { onClick: t.onClick, children: t.text })
   ] });
 }
-const le = u.div`
+const le = h.div`
   width: 5px;
   height: 5px;
   border-radius: 50%;
@@ -1307,7 +1310,7 @@ const le = u.div`
   }
 `;
 function Ne() {
-  const { themeSettings: e } = m(), t = e.aiChat.icons.color;
+  const { themeSettings: e } = b(), t = e.aiChat.icons.color;
   return /* @__PURE__ */ g(
     "div",
     {
@@ -1322,7 +1325,7 @@ function Ne() {
     }
   );
 }
-const Q1 = u.div`
+const U1 = h.div`
   display: flex;
 
   ${({ align: e }) => e === "right" ? E`
@@ -1330,7 +1333,7 @@ const Q1 = u.div`
         ` : E`
           justify-content: flex-start;
         `}
-`, U1 = u.button`
+`, _1 = h.button`
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
@@ -1389,14 +1392,14 @@ function de({
   onClick: o,
   onMouseEnter: r,
   onMouseLeave: i,
-  accessibleName: a
+  accessibleName: s
 }) {
-  const { themeSettings: s } = m();
-  return /* @__PURE__ */ n(Q1, { align: t, children: /* @__PURE__ */ n(
-    U1,
+  const { themeSettings: a } = b();
+  return /* @__PURE__ */ n(U1, { align: t, children: /* @__PURE__ */ n(
+    _1,
     {
-      "aria-label": a,
-      theme: s,
+      "aria-label": s,
+      theme: a,
       onClick: o,
       align: t,
       onMouseEnter: r,
@@ -1405,9 +1408,9 @@ function de({
     }
   ) });
 }
-function _1({ onCancel: e, onConfirm: t }) {
-  const { t: o } = w();
-  return /* @__PURE__ */ g(I, { children: [
+function K1({ onCancel: e, onConfirm: t }) {
+  const { t: o } = k();
+  return /* @__PURE__ */ g(H, { children: [
     /* @__PURE__ */ n(z, { align: "left", children: o("ai.clearHistoryPrompt") }),
     /* @__PURE__ */ g("div", { className: "csdk-flex csdk-gap-x-2", children: [
       /* @__PURE__ */ n(de, { align: "right", onClick: t, accessibleName: "confirm clear chat", children: /* @__PURE__ */ n("div", { className: "csdk-py-[6px] csdk-px-[20px]", children: o("ai.buttons.yes") }) }),
@@ -1415,7 +1418,7 @@ function _1({ onCancel: e, onConfirm: t }) {
     ] })
   ] });
 }
-function K1({ fillColor: e = "#262E3D" }) {
+function Y1({ fillColor: e = "#262E3D" }) {
   return /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", children: [
     /* @__PURE__ */ n("rect", { x: "1", y: "1", width: "28", height: "28", rx: "14", stroke: "#9EA2AB" }),
     /* @__PURE__ */ n(
@@ -1514,18 +1517,18 @@ const at = {
       errorBG: "rgba(231, 71, 39, 0.1)"
     }
   }
-}, Y1 = {
+}, J1 = {
   shouldForwardProp: (e) => !e.startsWith("$")
-}, ie = u(
-  Ge,
-  Y1
+}, ie = h(
+  Ve,
+  J1
 )(({ $hoverColor: e }) => ({
   padding: 2,
   "&.MuiIconButton-root:hover": {
     backgroundColor: e != null ? e : at.interaction.defaultHover
   }
 }));
-function J1({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
+function X1({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
   return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ n(
     "path",
     {
@@ -1536,7 +1539,7 @@ function J1({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
     }
   ) });
 }
-function X1({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
+function eo({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
   return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ n(
     "path",
     {
@@ -1547,7 +1550,7 @@ function X1({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
     }
   ) });
 }
-function eo() {
+function to() {
   return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ n(
     "path",
     {
@@ -1559,7 +1562,7 @@ function eo() {
     }
   ) });
 }
-function to({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
+function oo({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
   return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ n(
     "path",
     {
@@ -1570,27 +1573,27 @@ function to({ fill: e = "rgba(38, 46, 61, 0.67)" }) {
     }
   ) });
 }
-const He = (e) => Qe(e.chart.backgroundColor), oo = ({ title: e }) => {
-  const { themeSettings: t } = m();
-  return /* @__PURE__ */ n(re, { title: e, children: /* @__PURE__ */ n(ie, { disableTouchRipple: !0, $hoverColor: He(t), children: /* @__PURE__ */ n(X1, { fill: t.chart.textColor }) }) });
-}, no = ({ items: e }) => {
-  const [t, o] = $(null), r = (s) => {
-    o(s.currentTarget);
+const Ie = (e) => Qe(e.chart.backgroundColor), no = ({ title: e }) => {
+  const { themeSettings: t } = b();
+  return /* @__PURE__ */ n(re, { title: e, children: /* @__PURE__ */ n(ie, { disableTouchRipple: !0, $hoverColor: Ie(t), children: /* @__PURE__ */ n(eo, { fill: t.chart.textColor }) }) });
+}, ro = ({ items: e }) => {
+  const [t, o] = $(null), r = (a) => {
+    o(a.currentTarget);
   }, i = () => {
     o(null);
-  }, { themeSettings: a } = m();
-  return /* @__PURE__ */ g(I, { children: [
+  }, { themeSettings: s } = b();
+  return /* @__PURE__ */ g(H, { children: [
     /* @__PURE__ */ n(
       ie,
       {
         onClick: r,
-        $hoverColor: He(a),
+        $hoverColor: Ie(s),
         "aria-label": "three dots button",
-        children: /* @__PURE__ */ n(to, { fill: a.chart.textColor })
+        children: /* @__PURE__ */ n(oo, { fill: s.chart.textColor })
       }
     ),
     /* @__PURE__ */ n(
-      Dt,
+      Pt,
       {
         anchorEl: t,
         anchorOrigin: {
@@ -1603,37 +1606,37 @@ const He = (e) => Qe(e.chart.backgroundColor), oo = ({ title: e }) => {
         },
         open: !!t,
         onClose: i,
-        children: e.map((s) => /* @__PURE__ */ g(
-          Pt,
+        children: e.map((a) => /* @__PURE__ */ g(
+          Ot,
           {
             onClick: () => {
-              s.onClick(), i();
+              a.onClick(), i();
             },
             sx: {
               fontSize: "13px",
-              fontFamily: a.typography.fontFamily,
+              fontFamily: s.typography.fontFamily,
               color: at.text.content
             },
             disableRipple: !0,
             children: [
-              s.icon,
-              /* @__PURE__ */ n("div", { className: "csdk-ml-1", children: s.title })
+              a.icon,
+              /* @__PURE__ */ n("div", { className: "csdk-ml-1", children: a.title })
             ]
           },
-          s.title
+          a.title
         ))
       }
     )
   ] });
-}, ro = ({ onClick: e }) => {
-  const { themeSettings: t } = m(), { t: o } = w();
-  return /* @__PURE__ */ n(re, { title: o("ai.preview"), children: /* @__PURE__ */ n(ie, { onClick: e, $hoverColor: He(t), children: /* @__PURE__ */ n(J1, { fill: t.chart.textColor }) }) });
-}, io = u.div`
+}, io = ({ onClick: e }) => {
+  const { themeSettings: t } = b(), { t: o } = k();
+  return /* @__PURE__ */ n(re, { title: o("ai.preview"), children: /* @__PURE__ */ n(ie, { onClick: e, $hoverColor: Ie(t), children: /* @__PURE__ */ n(X1, { fill: t.chart.textColor }) }) });
+}, so = h.div`
   display: flex;
   padding-top: 6px;
   padding-bottom: 6px;
 `;
-function so({
+function ao({
   infoTooltipText: e,
   onRefresh: t,
   onExpand: o
@@ -1643,56 +1646,56 @@ function so({
       {
         title: "Refresh",
         onClick: t,
-        icon: /* @__PURE__ */ n(eo, {})
+        icon: /* @__PURE__ */ n(to, {})
       }
     ],
     [t]
   );
-  return /* @__PURE__ */ g(io, { "aria-label": "chatbot chart toolbar", children: [
-    /* @__PURE__ */ n(oo, { title: e != null ? e : "" }),
-    /* @__PURE__ */ n(no, { items: r }),
-    /* @__PURE__ */ n(ro, { onClick: o })
+  return /* @__PURE__ */ g(so, { "aria-label": "chatbot chart toolbar", children: [
+    /* @__PURE__ */ n(no, { title: e != null ? e : "" }),
+    /* @__PURE__ */ n(ro, { items: r }),
+    /* @__PURE__ */ n(io, { onClick: o })
   ] });
 }
-function ao({ content: e }) {
-  const [t, o] = $(!1), { themeSettings: r } = m(), { inlineElement: i, expandedElement: a } = D(() => {
-    const s = pe(e, { useCustomizedStyleOptions: !0 });
-    if (s === void 0 || !Se(s))
+function lo({ content: e }) {
+  const [t, o] = $(!1), { themeSettings: r } = b(), { inlineElement: i, expandedElement: s } = D(() => {
+    const a = pe(e, { useCustomizedStyleOptions: !0 });
+    if (a === void 0 || !Se(a))
       throw new ke("errors.otherWidgetTypesNotSupported");
-    const { detailedDescription: c } = e, { styleOptions: l } = s, d = {
+    const { detailedDescription: c } = e, { styleOptions: l } = a, d = {
       cornerRadius: "Small",
       header: {
-        renderToolbar: (h) => /* @__PURE__ */ n(
-          so,
+        renderToolbar: (p) => /* @__PURE__ */ n(
+          ao,
           {
             infoTooltipText: c,
-            onRefresh: h,
+            onRefresh: p,
             onExpand: () => o(!0)
           }
         )
       }
     };
-    let p, C;
-    if (Ut(s.chartType))
-      p = /* @__PURE__ */ n("div", { className: "csdk-h-[245px]", children: /* @__PURE__ */ n(ee, L(M({}, s), { styleOptions: d })) }), C = /* @__PURE__ */ n(ee, L(M({}, s), { styleOptions: { header: { hidden: !0 } } }));
+    let C, u;
+    if (_t(a.chartType))
+      C = /* @__PURE__ */ n("div", { className: "csdk-h-[245px]", children: /* @__PURE__ */ n(ee, L(w({}, a), { styleOptions: d })) }), u = /* @__PURE__ */ n(ee, L(w({}, a), { styleOptions: { header: { hidden: !0 } } }));
     else {
-      const h = L(M({}, l), {
+      const p = L(w({}, l), {
         header: { hidden: !0 }
-      }), b = M(L(M({}, l), {
+      }), m = w(L(w({}, l), {
         legend: void 0,
         xAxis: void 0,
         yAxis: void 0
       }), d);
-      delete b.legend, delete b.xAxis, delete b.yAxis, p = /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(ee, L(M({}, s), { styleOptions: b })) }), C = /* @__PURE__ */ n(
+      delete m.legend, delete m.xAxis, delete m.yAxis, C = /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(ee, L(w({}, a), { styleOptions: m })) }), u = /* @__PURE__ */ n(
         ee,
-        L(M({}, s), {
-          styleOptions: M({ cornerRadius: "None" }, h)
+        L(w({}, a), {
+          styleOptions: w({ cornerRadius: "None" }, p)
         })
       );
     }
-    return { inlineElement: p, expandedElement: C };
+    return { inlineElement: C, expandedElement: u };
   }, [e]);
-  return /* @__PURE__ */ g(I, { children: [
+  return /* @__PURE__ */ g(H, { children: [
     i,
     /* @__PURE__ */ g(
       _e,
@@ -1710,15 +1713,15 @@ function ao({ content: e }) {
         children: [
           /* @__PURE__ */ g("div", { className: "csdk-flex csdk-items-center csdk-justify-between csdk-mt-[16px] csdk-mx-[16px] csdk-pl-[20px]", children: [
             /* @__PURE__ */ n("div", { className: "csdk-text-ai-lg csdk-semibold", children: e.queryTitle }),
-            /* @__PURE__ */ n(Ge, { onClick: () => o(!1), "aria-label": "close expanded chart", children: /* @__PURE__ */ n(K1, { fillColor: r.aiChat.primaryTextColor }) })
+            /* @__PURE__ */ n(Ve, { onClick: () => o(!1), "aria-label": "close expanded chart", children: /* @__PURE__ */ n(Y1, { fillColor: r.aiChat.primaryTextColor }) })
           ] }),
-          /* @__PURE__ */ n("div", { className: "csdk-h-screen csdk-mt-[8px] csdk-mb-[24px] csdk-mx-[16px]", children: a })
+          /* @__PURE__ */ n("div", { className: "csdk-h-screen csdk-mt-[8px] csdk-mb-[24px] csdk-mx-[16px]", children: s })
         ]
       }
     )
   ] });
 }
-function lo({ theme: e }) {
+function co({ theme: e }) {
   return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ n(
     "path",
     {
@@ -1729,8 +1732,8 @@ function lo({ theme: e }) {
     }
   ) });
 }
-function co({ onClick: e, disabled: t }) {
-  const { themeSettings: o } = m(), { t: r } = w();
+function uo({ onClick: e, disabled: t }) {
+  const { themeSettings: o } = b(), { t: r } = k();
   return /* @__PURE__ */ n(re, { title: r("ai.buttons.incorrectResponse"), children: /* @__PURE__ */ n(
     ie,
     {
@@ -1738,11 +1741,11 @@ function co({ onClick: e, disabled: t }) {
       onClick: e,
       $hoverColor: o.aiChat.icons.feedbackIcons.hoverColor,
       disabled: t,
-      children: /* @__PURE__ */ n(lo, { theme: o })
+      children: /* @__PURE__ */ n(co, { theme: o })
     }
   ) });
 }
-function uo({ theme: e }) {
+function ho({ theme: e }) {
   return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ n(
     "path",
     {
@@ -1753,8 +1756,8 @@ function uo({ theme: e }) {
     }
   ) });
 }
-function ho({ onClick: e, disabled: t }) {
-  const { themeSettings: o } = m(), { t: r } = w();
+function po({ onClick: e, disabled: t }) {
+  const { themeSettings: o } = b(), { t: r } = k();
   return /* @__PURE__ */ n(re, { title: r("ai.buttons.correctResponse"), children: /* @__PURE__ */ n(
     ie,
     {
@@ -1762,38 +1765,38 @@ function ho({ onClick: e, disabled: t }) {
       onClick: e,
       $hoverColor: o.aiChat.icons.feedbackIcons.hoverColor,
       disabled: t,
-      children: /* @__PURE__ */ n(uo, { theme: o })
+      children: /* @__PURE__ */ n(ho, { theme: o })
     }
   ) });
 }
-const po = () => {
+const go = () => {
   const [e, t] = $(!1), o = J(null), r = T(() => {
     t(!0);
   }, []), i = T(() => {
     t(!1);
   }, []);
   return [T(
-    (s) => {
+    (a) => {
       var c;
-      ((c = o.current) == null ? void 0 : c.nodeType) === Node.ELEMENT_NODE && (o.current.removeEventListener("mouseenter", r), o.current.removeEventListener("mouseleave", i)), (s == null ? void 0 : s.nodeType) === Node.ELEMENT_NODE && (s.addEventListener("mouseenter", r), s.addEventListener("mouseleave", i)), o.current = s;
+      ((c = o.current) == null ? void 0 : c.nodeType) === Node.ELEMENT_NODE && (o.current.removeEventListener("mouseenter", r), o.current.removeEventListener("mouseleave", i)), (a == null ? void 0 : a.nodeType) === Node.ELEMENT_NODE && (a.addEventListener("mouseenter", r), a.addEventListener("mouseleave", i)), o.current = a;
     },
     [r, i]
   ), e];
-}, go = u.div`
+}, Co = h.div`
   display: flex;
   flex-direction: column;
   row-gap: ${({ theme: e }) => e.aiChat.body.gapBetweenMessages};
 `;
-function Co({ visible: e, onSend: t }) {
+function fo({ visible: e, onSend: t }) {
   const [o, r] = $(!1), i = T(
-    (s) => {
-      r(!0), t(s === "up" ? 1 : -1);
+    (a) => {
+      r(!0), t(a === "up" ? 1 : -1);
     },
     [t]
-  ), a = `csdk-transition-opacity csdk-delay-150 csdk-duration-500 ${o ? "csdk-opacity-0" : "csdk-opacity-100"}`;
-  return e ? /* @__PURE__ */ g("div", { className: `csdk-flex csdk-items-center ${a}`, children: [
-    /* @__PURE__ */ n(ho, { onClick: () => i("up"), disabled: o }),
-    /* @__PURE__ */ n(co, { onClick: () => i("down"), disabled: o })
+  ), s = `csdk-transition-opacity csdk-delay-150 csdk-duration-500 ${o ? "csdk-opacity-0" : "csdk-opacity-100"}`;
+  return e ? /* @__PURE__ */ g("div", { className: `csdk-flex csdk-items-center ${s}`, children: [
+    /* @__PURE__ */ n(po, { onClick: () => i("up"), disabled: o }),
+    /* @__PURE__ */ n(uo, { onClick: () => i("down"), disabled: o })
   ] }) : null;
 }
 function Le({
@@ -1803,45 +1806,45 @@ function Le({
   buttonVisibility: r = "onHover",
   renderContent: i
 }) {
-  const a = P(), s = qt(
+  const s = P(), a = Wt(
     T(
-      (C) => {
-        a && a.ai.sendFeedback({
+      (u) => {
+        s && s.ai.sendFeedback({
           sourceId: e,
           type: o,
           data: t,
-          rating: C
+          rating: u
         });
       },
-      [a, e, t, o]
+      [s, e, t, o]
     ),
     200
-  ), [c, l] = po(), d = D(() => r === "onHover" ? l : r !== "never", [l, r]), { themeSettings: p } = m();
-  return /* @__PURE__ */ n(go, { ref: c, theme: p, children: i(/* @__PURE__ */ n(Co, { onSend: s, visible: d })) });
+  ), [c, l] = go(), d = D(() => r === "onHover" ? l : r !== "never", [l, r]), { themeSettings: C } = b();
+  return /* @__PURE__ */ n(Co, { ref: c, theme: C, children: i(/* @__PURE__ */ n(fo, { onSend: a, visible: d })) });
 }
-const fo = 18 * 5;
+const mo = 18 * 5;
 function Ce({ text: e }) {
-  const [t, o] = $(!0), [r, i] = $(!1), { t: a } = w(), s = J(null);
+  const [t, o] = $(!0), [r, i] = $(!1), { t: s } = k(), a = J(null);
   return ce(() => {
-    s.current && s.current.scrollHeight > fo && i(!0);
+    a.current && a.current.scrollHeight > mo && i(!0);
   }, [e]), /* @__PURE__ */ g("div", { children: [
-    /* @__PURE__ */ n("div", { ref: s, className: `${t ? "csdk-line-clamp-5" : ""} csdk-whitespace-pre-wrap`, children: e }),
+    /* @__PURE__ */ n("div", { ref: a, className: `${t ? "csdk-line-clamp-5" : ""} csdk-whitespace-pre-wrap`, children: e }),
     r && /* @__PURE__ */ n("div", { className: "csdk-mt-3 csdk-flex csdk-justify-end", children: /* @__PURE__ */ n(
       "div",
       {
         className: "csdk-text-ai-xs csdk-text-text-link csdk-cursor-pointer",
         onClick: () => o((c) => !c),
-        children: a(t ? "ai.buttons.readMore" : "ai.buttons.collapse")
+        children: s(t ? "ai.buttons.readMore" : "ai.buttons.collapse")
       }
     ) })
   ] });
 }
-function mo({ nlgRequest: e }) {
-  const { data: t, isLoading: o, isError: r } = ne(e), { t: i } = w();
+function bo({ nlgRequest: e }) {
+  const { data: t, isLoading: o, isError: r } = ne(e), { t: i } = k();
   return o ? /* @__PURE__ */ n(Ne, {}) : r ? /* @__PURE__ */ n(z, { align: "left", children: i("ai.errors.unexpected") }) : /* @__PURE__ */ n(z, { align: "full", children: /* @__PURE__ */ n(Ce, { text: t != null ? t : i("ai.errors.insightsNotAvailable") }) });
 }
-function bo() {
-  const { themeSettings: e } = m();
+function xo() {
+  const { themeSettings: e } = b();
   return /* @__PURE__ */ n("svg", { width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n(
     "path",
     {
@@ -1852,69 +1855,68 @@ function bo() {
     }
   ) });
 }
-function xo({ onClick: e }) {
-  const { t } = w();
+function yo({ onClick: e }) {
+  const { t } = k();
   return /* @__PURE__ */ n(de, { align: "left", onClick: e, children: /* @__PURE__ */ g(
     "div",
     {
       className: "csdk-py-[5px] csdk-px-2 csdk-flex csdk-items-center csdk-gap-x-1 csdk-select-none",
       children: [
-        /* @__PURE__ */ n(bo, {}),
+        /* @__PURE__ */ n(xo, {}),
         t("ai.buttons.insights")
       ]
     }
   ) });
 }
-var yo = Wt("toLowerCase");
-const We = u.div`
+const We = h.div`
   display: flex;
   align-items: center;
   column-gap: 10px;
 `, vo = (e) => !!e && "aeiou".includes(e[0]);
 function wo({ data: e, alwaysShowFeedback: t }) {
-  const { chatMode: o = "analyze", enableInsights: r } = W(), { themeSettings: i } = m(), { queryTitle: a, chartRecommendations: s, jaql: c } = e;
-  console.debug(`JAQL for ${a}`, c), console.debug(`chart recommendations for ${a}`, s);
-  const l = "chartType" in s ? s.chartType : "table";
+  const { chatMode: o = "analyze", enableInsights: r } = W(), { themeSettings: i } = b(), { queryTitle: s, chartRecommendations: a, jaql: c } = e;
+  console.debug(`JAQL for ${s}`, c), console.debug(`chart recommendations for ${s}`, a);
+  const l = "chartType" in a ? a.chartType : "table";
   let d;
   vo(l) ? d = `an ${l}` : d = `a ${l}`, l !== "table" && (d += " chart");
-  const p = c.datasource.title, [C, h] = $(!1), b = T(() => {
-    h((x) => !x);
-  }, []), v = {
+  const C = c.datasource.title, [u, p] = $(!1), m = T(() => {
+    p((y) => !y);
+  }, []), x = {
     jaql: {
       datasource: c.datasource,
       metadata: c.metadata
     }
-  }, S = o === "analyze";
-  return /* @__PURE__ */ g(I, { children: [
+  }, M = o === "analyze";
+  return /* @__PURE__ */ g(H, { children: [
     /* @__PURE__ */ n(
       Le,
       {
-        sourceId: p,
+        sourceId: C,
         data: e,
         type: "chats/nlq",
         buttonVisibility: t ? "always" : "onHover",
-        renderContent: (x) => /* @__PURE__ */ g(I, { children: [
+        renderContent: (y) => /* @__PURE__ */ g(H, { children: [
           /* @__PURE__ */ g(We, { children: [
-            /* @__PURE__ */ n(it, { align: "left", theme: i, children: `Here's ${d} showing ${yo(a)}.` }),
-            x
+            /* @__PURE__ */ n(it, { align: "left", theme: i, children: `Here's ${d} showing ${Xt(s)}.` }),
+            y
           ] }),
-          S && /* @__PURE__ */ n(ao, { content: e })
+          M && /* @__PURE__ */ n(lo, { content: e })
         ] })
       }
     ),
     r && /* @__PURE__ */ n(
       Le,
       {
-        sourceId: p,
-        data: v,
+        sourceId: C,
+        data: x,
         type: "nlg/queryResult",
-        buttonVisibility: C ? "onHover" : "never",
-        renderContent: (x) => /* @__PURE__ */ g(I, { children: [
+        buttonVisibility: u ? "onHover" : "never",
+        renderContent: (y) => /* @__PURE__ */ g(H, { children: [
           /* @__PURE__ */ g(We, { children: [
-            /* @__PURE__ */ n(xo, { onClick: b }),
-            x
+            /* @__PURE__ */ n(yo, { onClick: m }),
+            y
           ] }),
-          C && /* @__PURE__ */ n(mo, { nlgRequest: v })
+          u && /* @__PURE__ */ n(bo, { nlgRequest: x })
         ] })
       }
     )
@@ -1925,19 +1927,19 @@ function ko({ message: e, isLastMessage: t }) {
     const r = JSON.parse(e.content);
     return /* @__PURE__ */ n(wo, { data: r, alwaysShowFeedback: t });
   }
-  const o = b1(e) ? JSON.parse(e.content).answer : e.content;
+  const o = x1(e) ? JSON.parse(e.content).answer : e.content;
   return /* @__PURE__ */ n(z, { align: e.role === "user" ? "right" : "left", children: o });
 }
-const So = zt(ko), Mo = ({
+const So = Vt(ko), Mo = ({
   error: e,
   displayMessage: t
 }) => (console.debug("Unexpected error occurred when resolving a chat message:", e), /* @__PURE__ */ n(z, { align: "left", children: t }));
 function Lo({ messages: e }) {
-  const { t } = w();
-  return /* @__PURE__ */ n(I, { children: e.map((o, r) => /* @__PURE__ */ n(
-    Ot,
+  const { t } = k();
+  return /* @__PURE__ */ n(H, { children: e.map((o, r) => /* @__PURE__ */ n(
+    qt,
     {
-      fallbackRender: (i) => Mo(L(M({}, i), {
+      fallbackRender: (i) => Mo(L(w({}, i), {
         displayMessage: t("ai.errors.unexpected")
       })),
       children: /* @__PURE__ */ n(So, { message: o, isLastMessage: r === e.length - 1 }, r)
@@ -1975,7 +1977,7 @@ function $o({ onClick: e, color: t }) {
     }
   );
 }
-const To = u.button`
+const To = h.button`
   font-size: inherit;
   line-height: inherit;
   box-sizing: border-box;
@@ -2025,24 +2027,24 @@ const To = u.button`
   return "";
 }}
 `;
-function Oe({ question: e, onClick: t }) {
-  const { themeSettings: o } = m();
+function qe({ question: e, onClick: t }) {
+  const { themeSettings: o } = b();
   return /* @__PURE__ */ n(To, { onClick: t, theme: o, children: e });
 }
-const Ro = u.div`
+const Ro = h.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   row-gap: ${({ theme: e }) => e.aiChat.suggestions.gap};
 `;
 function Eo({ questions: e, onSelection: t }) {
-  const { t: o } = w(), [r, i] = $(!0), a = D(() => r && e.length > 5 ? e.slice(0, 4) : e, [e, r]), { themeSettings: s } = m();
-  return /* @__PURE__ */ g(Ro, { "aria-label": "list of suggested questions", theme: s, children: [
-    a.map((c) => /* @__PURE__ */ n(Oe, { question: c, onClick: () => t(c) }, c)),
-    a.length < e.length && /* @__PURE__ */ n(Oe, { question: o("ai.buttons.seeMore"), onClick: () => i(!1) })
+  const { t: o } = k(), [r, i] = $(!0), s = D(() => r && e.length > 5 ? e.slice(0, 4) : e, [e, r]), { themeSettings: a } = b();
+  return /* @__PURE__ */ g(Ro, { "aria-label": "list of suggested questions", theme: a, children: [
+    s.map((c) => /* @__PURE__ */ n(qe, { question: c, onClick: () => t(c) }, c)),
+    s.length < e.length && /* @__PURE__ */ n(qe, { question: o("ai.buttons.seeMore"), onClick: () => i(!1) })
   ] });
 }
-const No = u.div`
+const No = h.div`
   width: 283px;
   height: 32px;
   border-radius: 10px;
@@ -2066,23 +2068,23 @@ const No = u.div`
       background-position: -200% 0;
     }
   }
-`, Ho = u.div`
+`, Io = h.div`
   display: flex;
   flex-direction: column;
   row-gap: 1rem;
 `;
-function Io() {
-  const { themeSettings: e } = m();
-  return /* @__PURE__ */ n(Ho, { children: Array.from({ length: 3 }, (t, o) => /* @__PURE__ */ n(No, { theme: e }, o)) });
+function Ho() {
+  const { themeSettings: e } = b();
+  return /* @__PURE__ */ n(Io, { children: Array.from({ length: 3 }, (t, o) => /* @__PURE__ */ n(No, { theme: e }, o)) });
 }
-function Fo({ questions: e, isLoading: t, onSelection: o }) {
+function Bo({ questions: e, isLoading: t, onSelection: o }) {
   const r = e.length > 0, { suggestionsWelcomeText: i } = W();
-  return t ? /* @__PURE__ */ n(Io, {}) : r ? /* @__PURE__ */ g(I, { children: [
+  return t ? /* @__PURE__ */ n(Ho, {}) : r ? /* @__PURE__ */ g(H, { children: [
     i && /* @__PURE__ */ n(z, { align: "left", children: i }),
     /* @__PURE__ */ n(Eo, { onSelection: o, questions: e })
   ] }) : null;
 }
-const Bo = u.div`
+const Fo = h.div`
   flex: 0 0 80px;
   padding-left: 14px;
   padding-right: 14px;
@@ -2091,20 +2093,20 @@ const Bo = u.div`
   position: relative;
 
   background-color: ${({ style: e }) => e.backgroundColor};
-`, Do = u.div`
+`, Do = h.div`
   font-size: 18px;
   line-height: 22px;
   font-weight: 600;
   margin-left: 20px;
 
   color: ${({ style: e }) => e.textColor};
-`, ct = Gt(function({ title: t, leftNav: o, rightNav: r, style: i }, a) {
-  return /* @__PURE__ */ g(Bo, { ref: a, style: i, children: [
+`, ct = Gt(function({ title: t, leftNav: o, rightNav: r, style: i }, s) {
+  return /* @__PURE__ */ g(Fo, { ref: s, style: i, children: [
     o,
     /* @__PURE__ */ n(Do, { style: i, children: t }),
     r && /* @__PURE__ */ n("div", { className: "csdk-ml-auto", children: r })
   ] });
-}), Po = u.div`
+}), Po = h.div`
   text-align: center;
   font-size: 11px;
   line-height: 18px;
@@ -2118,8 +2120,8 @@ const Bo = u.div`
 
   color: ${({ theme: e }) => e.aiChat.secondaryTextColor};
 `;
-function qo({ theme: e }) {
-  const { t } = w();
+function Oo({ theme: e }) {
+  const { t } = k();
   return /* @__PURE__ */ g(Po, { theme: e, children: [
     /* @__PURE__ */ n("div", { children: t("ai.disclaimer.poweredByAi") }),
     /* @__PURE__ */ g("div", { children: [
@@ -2128,7 +2130,7 @@ function qo({ theme: e }) {
     ] })
   ] });
 }
-const Wo = u.div`
+const Wo = h.div`
   font-size: inherit;
   line-height: inherit;
   padding-left: 16px;
@@ -2140,11 +2142,11 @@ const Wo = u.div`
   color: ${({ theme: e }) => e.aiChat.suggestions.textColor};
   background-color: ${({ theme: e }) => e.aiChat.suggestions.backgroundColor};
 `, dt = () => {
-  const { t: e } = w(), { themeSettings: t } = m();
+  const { t: e } = k(), { themeSettings: t } = b();
   return /* @__PURE__ */ n(Wo, { theme: t, children: e("ai.betaLabel") });
 };
-function Oo() {
-  const { themeSettings: e } = m();
+function qo() {
+  const { themeSettings: e } = b();
   return /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n(
     "path",
     {
@@ -2156,9 +2158,9 @@ function Oo() {
   ) });
 }
 const Ao = (e, t) => {
-  const o = new _t(e);
+  const o = new Kt(e);
   return o.alpha = t, o;
-}, Zo = u.div`
+}, Zo = h.div`
   font-size: inherit;
   line-height: inherit;
   padding-left: 8px;
@@ -2176,9 +2178,9 @@ const Ao = (e, t) => {
     background-color: ${({ theme: e }) => e.aiChat.clickableMessages.hover.backgroundColor};
     box-shadow: none;
 `, zo = ({ onClick: e }) => {
-  const { themeSettings: t } = m();
-  return /* @__PURE__ */ n(Zo, { theme: t, onClick: e, children: /* @__PURE__ */ n(Oo, {}) });
-}, Go = ({ isVisible: e, onClick: t, anchorElement: o }) => /* @__PURE__ */ n(ze, { anchorEl: o, open: e, placement: "top", sx: { zIndex: 2 }, children: /* @__PURE__ */ n(zo, { onClick: t }) }), Vo = u.div`
+  const { themeSettings: t } = b();
+  return /* @__PURE__ */ n(Zo, { theme: t, onClick: e, children: /* @__PURE__ */ n(qo, {}) });
+}, Vo = ({ isVisible: e, onClick: t, anchorElement: o }) => /* @__PURE__ */ n(ze, { anchorEl: o, open: e, placement: "top", sx: { zIndex: 2 }, children: /* @__PURE__ */ n(zo, { onClick: t }) }), Go = h.div`
   display: flex;
   flex-direction: column;
   row-gap: ${({ theme: e }) => e.aiChat.body.gapBetweenMessages};
@@ -2189,7 +2191,7 @@ const Ao = (e, t) => {
   padding-bottom: ${({ theme: e }) => e.aiChat.body.paddingBottom};
   flex: initial;
   height: 100%;
-`, jo = u.div`
+`, jo = h.div`
   padding-left: ${({ theme: e }) => e.aiChat.footer.paddingLeft};
   padding-right: ${({ theme: e }) => e.aiChat.footer.paddingRight};
   padding-top: ${({ theme: e }) => e.aiChat.footer.paddingTop};
@@ -2197,44 +2199,44 @@ const Ao = (e, t) => {
   display: flex;
   flex-direction: column;
   row-gap: 6px;
-`, Qo = u.div`
+`, Qo = h.div`
   display: flex;
   flex-direction: column;
   row-gap: ${({ theme: e }) => e.aiChat.suggestions.gap};
 `;
 function Uo({ contextTitle: e, onGoBack: t }) {
-  const { t: o } = w(), { enableFollowupQuestions: r, enableHeader: i, numOfRecentPrompts: a, numOfRecommendations: s } = W(), { themeSettings: c } = m(), {
+  const { t: o } = k(), { enableFollowupQuestions: r, enableHeader: i, numOfRecentPrompts: s, numOfRecommendations: a } = W(), { themeSettings: c } = b(), {
     data: l,
     isLoading: d,
-    isError: p
+    isError: C
   } = Je({
     contextTitle: e,
-    count: s
-  }), C = D(
-    () => l.map((y) => y.nlqPrompt),
+    count: a
+  }), u = D(
+    () => l == null ? void 0 : l.map((v) => v.nlqPrompt),
     [l]
   ), {
-    history: h,
-    lastNlqResponse: b,
-    isAwaitingResponse: v,
-    sendMessage: S,
-    isLoading: x,
-    chatId: O,
+    history: p,
+    lastNlqResponse: m,
+    isAwaitingResponse: x,
+    sendMessage: M,
+    isLoading: y,
+    chatId: q,
     lastError: N
-  } = x1(e), { mutate: k, isLoading: q } = tt(O), [F, B] = $(!1), [G, se] = $(!1), fe = () => B(!0), X = () => B(!1), U = () => {
-    k(), X();
-  }, H = J(null), _ = J(null), me = () => {
-    if (!(H != null && H.current))
+  } = y1(e), { mutate: S, isLoading: O } = tt(q), [B, F] = $(!1), [V, se] = $(!1), fe = () => F(!0), X = () => F(!1), U = () => {
+    S(), X();
+  }, I = J(null), _ = J(null), me = () => {
+    if (!(I != null && I.current))
       return;
-    const { scrollTop: y, clientHeight: A, scrollHeight: Ie } = H.current;
-    if (y === void 0 || A === void 0 || Ie === void 0)
+    const { scrollTop: v, clientHeight: A, scrollHeight: He } = I.current;
+    if (v === void 0 || A === void 0 || He === void 0)
       return;
-    const Fe = Ie - y - A > A / 2;
-    G !== Fe && se(Fe);
+    const Be = He - v - A > A / 2;
+    V !== Be && se(Be);
   };
   ce(() => {
-    H.current && (H.current.scrollTop = H.current.scrollHeight);
-  }, [h, F, v]);
+    I.current && (I.current.scrollTop = I.current.scrollHeight);
+  }, [p, B, x]);
   const be = J(null), K = i ? /* @__PURE__ */ n(
     ct,
     {
@@ -2247,56 +2249,56 @@ function Uo({ contextTitle: e, onGoBack: t }) {
   ) : null, xe = D(
     () => [
       ...new Set(
-        h.filter((y) => y.role === "user").filter((y) => !C.includes(y.content)).map((y) => y.content).reverse()
+        p.filter((v) => v.role === "user").filter((v) => !(u != null && u.includes(v.content))).map((v) => v.content).reverse()
       )
-    ].slice(0, a),
-    [h, a, C]
+    ].slice(0, s),
+    [p, s, u]
   );
-  return (N == null ? void 0 : N.message) === o("ai.errors.chatUnavailable") ? /* @__PURE__ */ g(I, { children: [
+  return (N == null ? void 0 : N.message) === o("ai.errors.chatUnavailable") ? /* @__PURE__ */ g(H, { children: [
     i && K,
     /* @__PURE__ */ n(st, { text: N.message })
-  ] }) : /* @__PURE__ */ g(I, { children: [
+  ] }) : /* @__PURE__ */ g(H, { children: [
     K,
-    /* @__PURE__ */ g(Vo, { ref: H, theme: c, onScroll: me, children: [
+    /* @__PURE__ */ g(Go, { ref: I, theme: c, onScroll: me, children: [
       /* @__PURE__ */ n(
-        Go,
+        Vo,
         {
-          isVisible: G,
+          isVisible: V,
           anchorElement: _.current,
           onClick: () => {
-            var y, A;
-            (A = H.current) == null || A.scroll({
-              top: (y = H.current) == null ? void 0 : y.scrollHeight,
+            var v, A;
+            (A = I.current) == null || A.scroll({
+              top: (v = I.current) == null ? void 0 : v.scrollHeight,
               behavior: "smooth"
             });
           }
         }
       ),
-      /* @__PURE__ */ n(z1, {}),
+      /* @__PURE__ */ n(V1, {}),
       /* @__PURE__ */ n(
-        Fo,
+        Bo,
         {
-          questions: C,
+          questions: u || [],
           isLoading: d,
-          onSelection: S
+          onSelection: M
         }
       ),
       N && /* @__PURE__ */ n(z, { align: "left", children: N.message }),
-      x ? /* @__PURE__ */ n(ge, {}) : /* @__PURE__ */ n(Lo, { messages: h }),
-      r && b && /* @__PURE__ */ n(Qo, { theme: c, children: b.followupQuestions.slice(0, 2).map((y, A) => /* @__PURE__ */ n(
+      y ? /* @__PURE__ */ n(ge, {}) : /* @__PURE__ */ n(Lo, { messages: p }),
+      r && m && /* @__PURE__ */ n(Qo, { theme: c, children: m.followupQuestions.slice(0, 2).map((v, A) => /* @__PURE__ */ n(
         de,
         {
           align: "left",
           onClick: () => {
-            S(y);
+            M(v);
           },
-          children: /* @__PURE__ */ n("div", { className: "csdk-py-[7px] csdk-px-4", children: y })
+          children: /* @__PURE__ */ n("div", { className: "csdk-py-[7px] csdk-px-4", children: v })
         },
         A
       )) }),
-      (v || q) && /* @__PURE__ */ n(Ne, {}),
-      F && /* @__PURE__ */ n(
-        _1,
+      (x || O) && /* @__PURE__ */ n(Ne, {}),
+      B && /* @__PURE__ */ n(
+        K1,
         {
           onCancel: X,
           onConfirm: U
@@ -2305,23 +2307,23 @@ function Uo({ contextTitle: e, onGoBack: t }) {
     ] }),
     /* @__PURE__ */ g(jo, { ref: _, theme: c, children: [
       /* @__PURE__ */ n(
-        A1,
+        Z1,
         {
-          onSendMessage: S,
-          disabled: v || x,
+          onSendMessage: M,
+          disabled: x || y,
           onClearHistoryClick: fe,
-          suggestions: C,
+          suggestions: u || [],
           recentPrompts: xe,
-          isLoading: d || x,
-          recommendationsError: p,
+          isLoading: d || y,
+          recommendationsError: C,
           onChange: X
         }
       ),
-      /* @__PURE__ */ n(qo, { theme: c })
+      /* @__PURE__ */ n(Oo, { theme: c })
     ] })
   ] });
 }
-const _o = u.button`
+const _o = h.button`
   font-family: ${({ theme: e }) => e.typography.fontFamily};
   padding: 20px;
   border: none;
@@ -2334,23 +2336,23 @@ const _o = u.button`
   cursor: pointer;
 
   background-color: ${({ theme: e }) => e.aiChat.dataTopics.items.backgroundColor};
-`, Ko = u.div`
+`, Ko = h.div`
   font-size: 1.05rem;
   line-height: 28px;
 
   color: ${({ theme: e }) => e.aiChat.dataTopics.items.textColor};
-`, Yo = u.div`
+`, Yo = h.div`
   font-size: ${({ theme: e }) => e.aiChat.primaryFontSize[0]};
   line-height: ${({ theme: e }) => e.aiChat.primaryFontSize[1]};
 
   color: ${({ theme: e }) => Qe(e.aiChat.dataTopics.items.textColor, 0, 0.5)};
-`, Jo = u.div`
+`, Jo = h.div`
   width: 16px;
   height: 16px;
   transform: rotate(180deg);
 `;
 function Xo(e) {
-  const { title: t, description: o, onClick: r } = e, { themeSettings: i } = m();
+  const { title: t, description: o, onClick: r } = e, { themeSettings: i } = b();
   return /* @__PURE__ */ g(_o, { onClick: r, theme: i, children: [
     /* @__PURE__ */ g("div", { children: [
       /* @__PURE__ */ n(Ko, { theme: i, children: t }),
@@ -2359,13 +2361,13 @@ function Xo(e) {
     /* @__PURE__ */ n(Jo, { children: /* @__PURE__ */ n(lt, { color: i.aiChat.icons.color }) })
   ] });
 }
-const en = u.div`
+const en = h.div`
   padding: 20px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   overflow: auto;
-`, tn = u.div`
+`, tn = h.div`
   font-size: 24px;
   line-height: 32px;
   font-weight: 600;
@@ -2373,14 +2375,14 @@ const en = u.div`
   padding-bottom: 4px;
 
   color: ${({ theme: e }) => e.aiChat.primaryTextColor};
-`, on = u.div`
+`, on = h.div`
   font-size: 15px;
   line-height: 22px;
 
   color: ${({ theme: e }) => e.aiChat.primaryTextColor};
 `;
 function nn(e) {
-  const { dataTopics: t } = e, { themeSettings: o } = m(), { t: r } = w();
+  const { dataTopics: t } = e, { themeSettings: o } = b(), { t: r } = k();
   return /* @__PURE__ */ g(en, { children: [
     /* @__PURE__ */ n(tn, { theme: o, children: r("ai.dataTopics") }),
     /* @__PURE__ */ g(on, { theme: o, children: [
@@ -2389,7 +2391,7 @@ function nn(e) {
       /* @__PURE__ */ n("br", {}),
       r("ai.topicSelectPrompt")
     ] }),
-    t.map((i) => /* @__PURE__ */ Vt(Xo, L(M({}, i), { key: i.title })))
+    t.map((i) => /* @__PURE__ */ jt(Xo, L(w({}, i), { key: i.title })))
   ] });
 }
 const rn = "#000000", sn = "#FFFFFF";
@@ -2520,10 +2522,10 @@ function an({ isDarkBackground: e = !1 }) {
     }
   );
 }
-const ln = u.div`
+const ln = h.div`
   margin-left: 14px;
   margin-top: 3px;
-`, cn = u.div`
+`, cn = h.div`
   display: flex;
   flex-direction: column;
   justify-content: top;
@@ -2533,42 +2535,42 @@ const ln = u.div`
   background-color: ${({ theme: e }) => e.aiChat.dataTopics.backgroundColor};
 `;
 function dn({ dataTopicsList: e, onDataTopicClick: t }) {
-  const { enableHeader: o } = W(), { themeSettings: r } = m(), { t: i } = w(), a = D(() => e == null ? void 0 : e.map((c) => ({
+  const { enableHeader: o } = W(), { themeSettings: r } = b(), { t: i } = k(), s = D(() => e == null ? void 0 : e.map((c) => ({
     title: c,
     onClick: () => t(c)
-  })), [e, t]), s = Kt(Yt(r.aiChat.header.backgroundColor)) > 0.5;
-  return /* @__PURE__ */ g(I, { children: [
+  })), [e, t]), a = Yt(Jt(r.aiChat.header.backgroundColor)) > 0.5;
+  return /* @__PURE__ */ g(H, { children: [
     o ? /* @__PURE__ */ n(
       ct,
       {
         title: i("ai.analyticsChatbot"),
-        leftNav: /* @__PURE__ */ n(ln, { children: /* @__PURE__ */ n(an, { isDarkBackground: s }) }),
+        leftNav: /* @__PURE__ */ n(ln, { children: /* @__PURE__ */ n(an, { isDarkBackground: a }) }),
         rightNav: /* @__PURE__ */ n(dt, {}),
         style: r.aiChat.header
       }
     ) : null,
     /* @__PURE__ */ g(cn, { theme: r, children: [
-      !a && /* @__PURE__ */ n(ge, {}),
-      a && /* @__PURE__ */ n(nn, { dataTopics: a })
+      !s && /* @__PURE__ */ n(ge, {}),
+      s && /* @__PURE__ */ n(nn, { dataTopics: s })
     ] })
   ] });
 }
 function un() {
-  const [e, t] = $([]), [o, r] = $(), [i, a] = $(), { data: s, fetchStatus: c } = nt(), { dataTopicsList: l } = W(), { t: d } = w();
+  const [e, t] = $([]), [o, r] = $(), [i, s] = $(), { data: a, fetchStatus: c } = nt(), { dataTopicsList: l } = W(), { t: d } = k();
   oe(() => {
-    if (s && c === "idle") {
-      let h = s;
-      l && l.length && (h = s == null ? void 0 : s.filter((b) => l == null ? void 0 : l.includes(b.title))), t(h.map((b) => b.title)), h.length ? h.length === 1 && (a(void 0), r(h[0].title)) : a(d("ai.errors.noAvailableDataTopics"));
+    if (a && c === "idle") {
+      let p = a;
+      l && l.length && (p = a == null ? void 0 : a.filter((m) => l == null ? void 0 : l.includes(m.title))), t(p.map((m) => m.title)), p.length ? p.length === 1 && (s(void 0), r(p[0].title)) : s(d("ai.errors.noAvailableDataTopics"));
     }
-  }, [s, l, c, d]);
-  const p = te(), C = T(() => {
-    a(void 0), p.invalidateQueries(["getDataTopics"]);
-  }, [p]);
+  }, [a, l, c, d]);
+  const C = te(), u = T(() => {
+    s(void 0), C.invalidateQueries(["getDataTopics"]);
+  }, [C]);
   return i ? /* @__PURE__ */ n(
     st,
     {
       text: i,
-      action: { text: d("ai.buttons.refresh"), onClick: C }
+      action: { text: d("ai.buttons.refresh"), onClick: u }
     }
   ) : e.length === 1 && !o ? /* @__PURE__ */ n(ge, {}) : o ? /* @__PURE__ */ n(
     Uo,
@@ -2580,16 +2582,16 @@ function un() {
     dn,
     {
       dataTopicsList: e,
-      onDataTopicClick: (h) => r(h)
+      onDataTopicClick: (p) => r(p)
     }
   );
 }
 const En = $e({
   componentName: "Chatbot"
 })((e) => {
-  const { width: t, height: o, config: r } = e, { themeSettings: i } = m();
-  return /* @__PURE__ */ n(p1, { value: r != null ? r : {}, children: /* @__PURE__ */ n(
-    S1,
+  const { width: t, height: o, config: r } = e, { themeSettings: i } = b();
+  return /* @__PURE__ */ n(g1, { value: r != null ? r : {}, children: /* @__PURE__ */ n(
+    M1,
     {
       id: "csdk-chatbot-frame",
       width: t,
@@ -2602,19 +2604,19 @@ const En = $e({
 }), Nn = $e({
   componentName: "GetNlgInsights"
 })(function(t) {
-  const { data: o, isLoading: r, isError: i } = ne(t), { t: a } = w();
+  const { data: o, isLoading: r, isError: i } = ne(t), { t: s } = k();
   if (i)
-    return /* @__PURE__ */ n(I, { children: a("ai.errors.unexpected") });
-  const s = o != null ? o : "Oops, no data came back for that.";
-  return /* @__PURE__ */ n(Ce, { text: r ? "Loading..." : s });
-}), Hn = $e({
+    return /* @__PURE__ */ n(H, { children: s("ai.errors.unexpected") });
+  const a = o != null ? o : "Oops, no data came back for that.";
+  return /* @__PURE__ */ n(Ce, { text: r ? "Loading..." : a });
+}), In = $e({
   componentName: "GetNlgQueryResult"
 })(function(t) {
-  const { data: o, isLoading: r, isError: i } = ne(t), { t: a } = w();
+  const { data: o, isLoading: r, isError: i } = ne(t), { t: s } = k();
   if (i)
-    return /* @__PURE__ */ n(I, { children: a("ai.errors.unexpected") });
-  const s = o != null ? o : "Oops, no data came back for that.";
-  return /* @__PURE__ */ n(Ce, { text: r ? "Loading..." : s });
+    return /* @__PURE__ */ n(H, { children: s("ai.errors.unexpected") });
+  const a = o != null ? o : "Oops, no data came back for that.";
+  return /* @__PURE__ */ n(Ce, { text: r ? "Loading..." : a });
 });
 function hn({ theme: e }) {
   const t = e.general.brandColor;
@@ -2658,17 +2660,17 @@ function hn({ theme: e }) {
     }
   );
 }
-const pn = u.div`
+const pn = h.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 10px;
   margin: 24px 0;
   max-width: 640px;
-`, gn = u.div`
+`, gn = h.div`
   align-self: flex-start;
 `, Cn = ({ summary: e, nlgRequest: t }) => {
-  const { themeSettings: o } = m();
+  const { themeSettings: o } = b();
   return /* @__PURE__ */ n(
     Le,
     {
@@ -2683,47 +2685,58 @@ const pn = u.div`
       ] })
     }
   );
-}, In = ({ nlqResponse: e, onDataReady: t, filters: o = [] }) => {
+}, Hn = ({
+  nlqResponse: e,
+  onDataReady: t,
+  filters: o = [],
+  enableHeader: r = !0
+}) => {
   e.queryTitle = At(e.queryTitle);
-  const { connectToWidgetProps: r } = Zt({
+  const { connectToWidgetProps: i } = Zt({
     initialFilters: o
-  }), [i, a] = $(null);
+  }), [s, a] = $(null);
   oe(() => {
-    const p = pe(e, {
+    var p;
+    const u = pe(e, {
       useCustomizedStyleOptions: !0
     });
-    if (!p)
+    if (!u)
       a(null);
     else {
-      const C = r(p, {
+      r || (u.styleOptions = L(w({}, u.styleOptions), {
+        header: L(w({}, (p = u.styleOptions) == null ? void 0 : p.header), {
+          hidden: !0
+        })
+      }));
+      const m = i(u, {
         shouldAffectFilters: !1,
         applyMode: "filter"
       });
-      a(C);
+      a(m);
     }
-  }, [e, r]);
-  const s = D(() => {
-    const p = i && Se(i) ? Jt(i == null ? void 0 : i.filters) : [], C = e.jaql.metadata.filter((h) => !h.jaql.filter).concat(
-      p.filter((h) => !h.config.disabled).map((h) => h.jaql())
+  }, [e, i, r]);
+  const c = D(() => {
+    const u = s && Se(s) ? zt(s == null ? void 0 : s.filters) : [], p = e.jaql.metadata.filter((m) => !m.jaql.filter).concat(
+      u.filter((m) => !m.config.disabled).map((m) => m.jaql())
     );
-    return L(M({}, e), { jaql: L(M({}, e.jaql), { metadata: C }) });
-  }, [e, i]), { data: c, isLoading: l, isError: d } = ne(s);
-  return l || !i ? /* @__PURE__ */ n(Ne, {}) : Se(i) ? /* @__PURE__ */ n(
+    return L(w({}, e), { jaql: L(w({}, e.jaql), { metadata: p }) });
+  }, [e, s]), { data: l, isLoading: d, isError: C } = ne(c);
+  return d || !s ? /* @__PURE__ */ n(Ne, {}) : Se(s) ? /* @__PURE__ */ n(
     ee,
-    L(M({}, i), {
+    L(w({}, s), {
       highlightSelectionDisabled: !0,
       onDataReady: t,
-      topSlot: c && !d && /* @__PURE__ */ n(Cn, { nlgRequest: s, summary: c })
+      topSlot: l && !C && /* @__PURE__ */ n(Cn, { nlgRequest: c, summary: l })
     })
-  ) : /* @__PURE__ */ n(I, {});
+  ) : /* @__PURE__ */ n(H, {});
 };
 export {
   kn as AiContextProvider,
   En as Chatbot,
   Nn as GetNlgInsights,
-  Hn as GetNlgQueryResult,
-  In as NlqChartWidget,
-  x1 as useChatSession,
+  In as GetNlgQueryResult,
+  Hn as NlqChartWidget,
+  y1 as useChatSession,
   Rn as useGetDataSourceFields,
   Sn as useGetNlgInsights,
   Mn as useGetNlgQueryResult,