@sisense/sdk-ui 1.10.0 → 1.10.1

package/dist/ai.js

@@ -9,7 +9,7 @@ var c1 = (e, t, n) => t in e ? ie(e, t, { enumerable: !0, configurable: !0, writ
     for (var n of t1(t))
       S1.call(t, n) && c1(e, n, t[n]);
   return e;
-}, N = (e, t) => ae(e, le(t));
+}, D = (e, t) => ae(e, le(t));
 var R1 = (e, t) => {
   var n = {};
   for (var o in e)
@@ -36,10 +36,10 @@ var k = (e, t, n) => new Promise((o, s) => {
   }, l = (c) => c.done ? o(c.value) : Promise.resolve(c.value).then(a, i);
   l((n = n.apply(e, t)).next());
 });
-import { cN as ce, cO as de, cP as B1, cQ as ue, cR as K, cS as he, cT as pe, cU as Ce, bL as ge, aJ as fe, bM as me, aK as be, b as xe, cD as Q, aH as I1, cV as ye, a7 as m, a8 as H, bv as v, b_ as ve, cW as ke, v as we, w as Le, x as o1, cX as Me, cY as Se, E as Z, n as q, cZ as F1, y as Re, c_ as Ee, _ as He, M as Te, z as d1, P as C, F as $e, c$ as Ne, Z as P1, bs as De, a9 as Oe, N as Be, $ as Ie, d0 as Fe, aP as Pe, ab as u1, as as E1, d1 as Ae, d2 as We, d3 as qe, d4 as je, d5 as Ve, d6 as Ze, d7 as Qe, bF as H1, bG as T1, c0 as ze, bq as Ge, br as Ue, bu as A1 } from "./debounce-2yQ2123W.js";
+import { cn as ce, co as de, cp as O1, cq as ue, cr as K, cs as he, ct as pe, cu as Ce, aZ as ge, V as fe, a_ as me, X as be, b as xe, cd as Q, S as I1, cv as ye, n as m, f as H, aJ as v, bA as ve, cw as ke, bd as we, bc as Le, be as o1, cx as Me, cy as Se, bn as Z, bg as W, cz as F1, bp as Re, cA as Ee, bi as He, cB as Te, bk as d1, bl as C, bo as $e, cC as De, cD as A1, aG as Ne, ba as Be, cE as Oe, by as Ie, cF as Fe, a1 as Ae, M as u1, B as E1, cG as Pe, cH as qe, cI as We, cJ as je, cK as Ve, cL as Ze, cM as Qe, aT as H1, aU as T1, bC as ze, aE as Ge, aF as Ue, aI as P1 } from "./debounce-CVvJ1016.js";
 import { jsx as r, jsxs as u, Fragment as T } from "react/jsx-runtime";
-import * as A from "react";
-import { createContext as f1, useMemo as O, useContext as W1, useEffect as Y, useCallback as E, useState as L, useRef as _, useLayoutEffect as m1, Component as _e, createElement as C1, isValidElement as Ke, Children as Ye, memo as Xe, forwardRef as Je } from "react";
+import * as P from "react";
+import { createContext as f1, useMemo as B, useContext as q1, useEffect as Y, useCallback as E, useState as L, useRef as _, useLayoutEffect as m1, Component as _e, createElement as C1, isValidElement as Ke, Children as Ye, memo as Je, forwardRef as Xe } from "react";
 class et extends ce {
   constructor(t, n) {
     super(), this.client = t, this.setOptions(n), this.bindMethods(), this.updateResult();
@@ -78,12 +78,12 @@ class et extends ce {
     });
   }
   mutate(t, n) {
-    return this.mutateOptions = n, this.currentMutation && this.currentMutation.removeObserver(this), this.currentMutation = this.client.getMutationCache().build(this.client, N(w({}, this.options), {
+    return this.mutateOptions = n, this.currentMutation && this.currentMutation.removeObserver(this), this.currentMutation = this.client.getMutationCache().build(this.client, D(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 : ue(), n = N(w({}, t), {
+    const t = this.currentMutation ? this.currentMutation.state : ue(), n = D(w({}, t), {
       isLoading: t.status === "loading",
       isSuccess: t.status === "success",
       isError: t.status === "error",
@@ -94,7 +94,7 @@ class et extends ce {
     this.currentResult = n;
   }
   notify(t) {
-    B1.batch(() => {
+    O1.batch(() => {
       if (this.mutateOptions && this.hasListeners()) {
         if (t.onSuccess) {
           var n, o, s, a;
@@ -115,16 +115,16 @@ class et extends ce {
 function b1(e, t, n) {
   const o = Ce(e, t), s = K({
     context: o.context
-  }), [a] = A.useState(() => new et(s, o));
-  A.useEffect(() => {
+  }), [a] = P.useState(() => new et(s, o));
+  P.useEffect(() => {
     a.setOptions(o);
   }, [a, o]);
-  const i = he(A.useCallback((c) => a.subscribe(B1.batchCalls(c)), [a]), () => a.getCurrentResult(), () => a.getCurrentResult()), l = A.useCallback((c, d) => {
+  const i = he(P.useCallback((c) => a.subscribe(O1.batchCalls(c)), [a]), () => a.getCurrentResult(), () => a.getCurrentResult()), l = P.useCallback((c, d) => {
     a.mutate(c, d).catch(tt);
   }, [a]);
   if (i.error && pe(a.options.useErrorBoundary, [i.error]))
     throw i.error;
-  return N(w({}, i), {
+  return D(w({}, i), {
     mutate: l,
     mutateAsync: i.mutate
   });
@@ -206,9 +206,9 @@ const rt = new ge({
       refetchOnMount: !1
     }
   }
-}), q1 = f1(void 0), B = () => W1(q1), ot = ({ children: e }) => {
-  const { app: t } = fe(), n = O(() => t ? new nt(t.httpClient) : void 0, [t]);
-  return /* @__PURE__ */ r(q1.Provider, { value: n, children: /* @__PURE__ */ r(me, { client: rt, children: e }) });
+}), W1 = f1(void 0), O = () => q1(W1), ot = ({ children: e }) => {
+  const { app: t } = fe(), n = B(() => t ? new nt(t.httpClient) : void 0, [t]);
+  return /* @__PURE__ */ r(W1.Provider, { value: n, children: /* @__PURE__ */ r(me, { client: rt, children: e }) });
 }, st = `
 =================================================================
 WARNING: You are importing a component from @sisense/sdk-ui/ai.
@@ -224,7 +224,7 @@ function Cn({ children: e }) {
   }, []), /* @__PURE__ */ r(ot, { children: e });
 }
 const x1 = (e, t = !0) => {
-  const n = O(() => {
+  const n = B(() => {
     var h, p;
     if ("jaql" in e)
       return e;
@@ -250,7 +250,7 @@ const x1 = (e, t = !0) => {
         }
       };
     }
-  }, [e]), o = B(), { data: s, error: a, isError: i, isLoading: l, isSuccess: c, refetch: d } = Q({
+  }, [e]), o = O(), { data: s, error: a, isError: i, isLoading: l, isSuccess: c, refetch: d } = Q({
     queryKey: ["getNlgQueryResult", n, o],
     queryFn: () => o == null ? void 0 : o.ai.getNlgQueryResult(n),
     select: (h) => {
@@ -281,14 +281,14 @@ const x1 = (e, t = !0) => {
   numOfRecommendations: 4,
   numOfRecentPrompts: 5,
   inputPromptText: "Ask a question"
-}), V1 = f1(w({}, j1)), W = () => W1(V1), at = ({ children: e, value: t }) => {
+}), V1 = f1(w({}, j1)), q = () => q1(V1), at = ({ children: e, value: t }) => {
   const n = Object.entries(t).reduce(
     (o, [s, a]) => (a !== void 0 && (o[s] = a), o),
     w({}, j1)
   );
   return /* @__PURE__ */ r(V1.Provider, { value: n, children: e });
 }, Z1 = (e) => {
-  const { contextTitle: t, count: n } = e, o = B(), { numOfRecommendations: s } = W(), a = n != null ? n : s, { isLoading: i, isError: l, isSuccess: c, data: d, error: h, refetch: p } = Q({
+  const { contextTitle: t, count: n } = e, o = O(), { numOfRecommendations: s } = q(), a = n != null ? n : s, { isLoading: i, isError: l, isSuccess: c, data: d, error: h, refetch: p } = Q({
     queryKey: ["getQueryRecommendations", t, a, o],
     queryFn: () => o == null ? void 0 : o.ai.getQueryRecommendations(t, {
       numOfRecommendations: a
@@ -308,7 +308,7 @@ const x1 = (e, t = !0) => {
 }, fn = I1("useGetQueryRecommendations")(
   Z1
 ), y1 = "Oh snap, something went wrong. Please try again later.", lt = "Oh snap, something went wrong. Please try again later or try asking a different question.", ct = "Something went wrong and we were unable to retrieve the chat thread. Let's start over!", Q1 = "Chat unavailable. Please try again later.", v1 = "chatHistory", dt = (e) => {
-  const t = B();
+  const t = O();
   return Q({
     queryKey: [v1, e, t],
     queryFn: () => k(void 0, null, function* () {
@@ -317,7 +317,7 @@ const x1 = (e, t = !0) => {
     enabled: !!t && !!e
   });
 }, z1 = (e) => {
-  const t = B(), n = K();
+  const t = O(), n = K();
   return b1({
     mutationFn: () => k(void 0, null, function* () {
       if (!(!t || !e))
@@ -340,7 +340,7 @@ const x1 = (e, t = !0) => {
     isError: o
   };
 }, k1 = () => {
-  const e = B(), { data: t, isLoading: n, fetchStatus: o } = Q({
+  const e = O(), { data: t, isLoading: n, fetchStatus: o } = Q({
     queryKey: ["getDataTopics", e],
     queryFn: () => k(void 0, null, function* () {
       if (!e)
@@ -368,7 +368,7 @@ const x1 = (e, t = !0) => {
   });
   return { data: t, isLoading: n, fetchStatus: o };
 }, ht = () => {
-  const e = B(), { data: t, isLoading: n } = Q({
+  const e = O(), { data: t, isLoading: n } = Q({
     queryKey: ["getAllChats", e],
     queryFn: () => e == null ? void 0 : e.ai.chat.getAll(),
     enabled: !!e
@@ -378,7 +378,7 @@ const x1 = (e, t = !0) => {
     isLoading: n
   };
 }, pt = (e, t) => {
-  const n = K(), o = B(), s = b1({
+  const n = K(), o = O(), s = b1({
     mutationFn: () => k(void 0, null, function* () {
       if (!(!o || !e))
         return o.ai.chat.create(e);
@@ -411,7 +411,7 @@ const x1 = (e, t = !0) => {
       e && t.setQueriesData([v1, e], (c) => c && [...c, l]);
     },
     [t, e]
-  ), { enableFollowupQuestions: o } = W(), s = B(), { mutate: a, isLoading: i } = b1({
+  ), { enableFollowupQuestions: o } = q(), s = O(), { mutate: a, isLoading: i } = b1({
     mutationFn: (l) => k(void 0, null, function* () {
       if (!(!s || !e))
         return s.ai.chat.post(e, {
@@ -437,15 +437,15 @@ const x1 = (e, t = !0) => {
   });
   return { mutate: a, isLoading: i };
 }, G1 = (e) => !!e && "type" in e && e.type === "nlq", ft = (e) => {
-  var $, D;
-  const { data: t, isLoading: n } = k1(), { data: o, isLoading: s } = ht(), a = ($ = t == null ? void 0 : t.find((M) => M.name === e)) == null ? void 0 : $.id, i = (D = o.find((M) => M.contextId === a)) == null ? void 0 : D.chatId, l = n || !!a, c = s || !!i, [d, h] = L(null), { isError: p } = pt(
+  var $, N;
+  const { data: t, isLoading: n } = k1(), { data: o, isLoading: s } = ht(), a = ($ = t == null ? void 0 : t.find((M) => M.name === e)) == null ? void 0 : $.id, i = (N = o.find((M) => M.contextId === a)) == null ? void 0 : N.chatId, l = n || !!a, c = s || !!i, [d, h] = L(null), { isError: p } = pt(
     a,
     l && !c
   ), { history: f, isLoading: b, isError: x } = ut(i);
   Y(() => {
     p ? h(new Error(Q1)) : x && h(new Error(ct));
   }, [p, x]);
-  const { mutate: g, isLoading: S } = gt(i), P = O(() => {
+  const { mutate: g, isLoading: S } = gt(i), A = B(() => {
     if (f != null && f.length) {
       const M = f[f.length - 1];
       if (G1(M))
@@ -456,14 +456,14 @@ const x1 = (e, t = !0) => {
   return {
     chatId: i,
     history: f != null ? f : [],
-    lastNlqResponse: P,
+    lastNlqResponse: A,
     sendMessage: g,
     isAwaitingResponse: S,
     isLoading: b,
     lastError: d
   };
 }, mn = (e) => {
-  const t = B(), { data: n, isLoading: o } = Q({
+  const t = O(), { data: n, isLoading: o } = Q({
     queryKey: ["getDataSourceFields", e, t],
     queryFn: () => e ? t == null ? void 0 : t.ai.getDataSourceFields(e) : void 0,
     select: (s) => s,
@@ -653,13 +653,13 @@ function Tt({
       ],
       children: /* @__PURE__ */ u(Ht, { style: { width: s == null ? void 0 : s.offsetWidth }, theme: c, children: [
         n && /* @__PURE__ */ r(s1, {}),
-        !n && l.map((h) => /* @__PURE__ */ r(Et, N(w({}, h), { alwaysExpanded: d }), h.title))
+        !n && l.map((h) => /* @__PURE__ */ r(Et, D(w({}, h), { alwaysExpanded: d }), h.title))
       ] })
     }
   );
 }
 const $t = 34;
-function Nt({
+function Dt({
   onSendMessage: e,
   onClearHistoryClick: t,
   disabled: n,
@@ -667,7 +667,7 @@ function Nt({
   suggestions: s,
   isLoading: a
 }) {
-  const [i, l] = L(""), { inputPromptText: c } = W(), d = E(() => {
+  const [i, l] = L(""), { inputPromptText: c } = q(), d = E(() => {
     if (n)
       return;
     if (g1(i)) {
@@ -697,7 +697,7 @@ function Nt({
     )}px`);
   }, [i]);
   const { themeSettings: x } = v();
-  return /* @__PURE__ */ u(Dt, { theme: x, children: [
+  return /* @__PURE__ */ u(Nt, { theme: x, children: [
     /* @__PURE__ */ r(
       Tt,
       {
@@ -709,9 +709,9 @@ function Nt({
         text: i
       }
     ),
-    t && /* @__PURE__ */ r(Ot, { "aria-label": "clear history", onClick: t, children: /* @__PURE__ */ r(Lt, { theme: x }) }),
+    t && /* @__PURE__ */ r(Bt, { "aria-label": "clear history", onClick: t, children: /* @__PURE__ */ r(Lt, { theme: x }) }),
     /* @__PURE__ */ r(
-      Bt,
+      Ot,
       {
         ref: b,
         rows: 1,
@@ -735,19 +735,19 @@ function Nt({
     )
   ] });
 }
-const Dt = m.div`
+const Nt = m.div`
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   justify-content: space-between;
 
   background-color: ${({ theme: e }) => e.aiChat.backgroundColor};
-`, Ot = m.button`
+`, Bt = m.button`
   height: 34px;
   background-color: inherit;
   cursor: pointer;
   border: none;
-`, Bt = m.textarea`
+`, Ot = m.textarea`
   font-size: inherit;
   line-height: inherit;
   resize: none;
@@ -797,7 +797,7 @@ const Dt = m.div`
         ` : H`
           justify-content: flex-start;
         `}
-`, Pt = m.div`
+`, At = m.div`
   font-size: inherit;
   line-height: inherit;
   padding-top: 8.5px;
@@ -824,10 +824,10 @@ const Dt = m.div`
   background-color: ${({ theme: e, align: t }) => t === "right" ? e.aiChat.userMessages.backgroundColor : e.aiChat.systemMessages.backgroundColor};
 `, F = ({ align: e, children: t }) => {
   const { themeSettings: n } = v();
-  return /* @__PURE__ */ r(Ft, { theme: n, align: e, children: /* @__PURE__ */ r(Pt, { theme: n, align: e, children: t }) });
+  return /* @__PURE__ */ r(Ft, { theme: n, align: e, children: /* @__PURE__ */ r(At, { theme: n, align: e, children: t }) });
 };
-function At() {
-  const { welcomeText: e } = W();
+function Pt() {
+  const { welcomeText: e } = q();
   return e === !1 ? null : /* @__PURE__ */ r(F, { align: "left", children: e != null ? e : /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r("div", { className: "csdk-font-semibold", children: "Welcome to the Query Assistant!" }),
     /* @__PURE__ */ r("br", {}),
@@ -893,7 +893,7 @@ function _1() {
     }
   );
 }
-const Wt = m.div`
+const qt = m.div`
   display: flex;
 
   ${({ align: e }) => e === "right" ? H`
@@ -901,7 +901,7 @@ const Wt = m.div`
         ` : H`
           justify-content: flex-start;
         `}
-`, qt = m.div`
+`, Wt = m.div`
   font-size: inherit;
   line-height: inherit;
   border: ${({ theme: e }) => e.aiChat.clickableMessages.border};
@@ -935,8 +935,8 @@ function r1({
   onMouseLeave: s
 }) {
   const { themeSettings: a } = v();
-  return /* @__PURE__ */ r(Wt, { align: t, children: /* @__PURE__ */ r(
-    qt,
+  return /* @__PURE__ */ r(qt, { align: t, children: /* @__PURE__ */ r(
+    Wt,
     {
       theme: a,
       onClick: n,
@@ -1043,7 +1043,7 @@ function zt() {
 function Gt(e) {
   return Le("MuiDialog", e);
 }
-const p1 = we("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), K1 = /* @__PURE__ */ A.createContext({});
+const p1 = we("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), K1 = /* @__PURE__ */ P.createContext({});
 process.env.NODE_ENV !== "production" && (K1.displayName = "DialogContext");
 const Ut = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], _t = o1(Me, {
   name: "MuiDialog",
@@ -1074,7 +1074,7 @@ const Ut = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     // Use !important to override the Modal inline-style.
     position: "absolute !important"
   }
-}), Xt = o1("div", {
+}), Jt = o1("div", {
   name: "MuiDialog",
   slot: "Container",
   overridesResolver: (e, t) => {
@@ -1085,7 +1085,7 @@ const Ut = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
   }
 })(({
   ownerState: e
-}) => q({
+}) => W({
   height: "100%",
   "@media print": {
     height: "auto"
@@ -1107,7 +1107,7 @@ const Ut = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     height: "100%",
     width: "0"
   }
-})), Jt = o1(F1, {
+})), Xt = o1(F1, {
   name: "MuiDialog",
   slot: "Paper",
   overridesResolver: (e, t) => {
@@ -1119,7 +1119,7 @@ const Ut = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
 })(({
   theme: e,
   ownerState: t
-}) => q({
+}) => W({
   margin: 32,
   position: "relative",
   overflowY: "auto",
@@ -1166,7 +1166,7 @@ const Ut = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     margin: 0,
     maxWidth: "100%"
   }
-})), Y1 = /* @__PURE__ */ A.forwardRef(function(t, n) {
+})), Y1 = /* @__PURE__ */ P.forwardRef(function(t, n) {
   const o = Re({
     props: t,
     name: "MuiDialog"
@@ -1185,65 +1185,65 @@ const Ut = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     fullWidth: x = !1,
     maxWidth: g = "sm",
     onBackdropClick: S,
-    onClick: P,
+    onClick: A,
     onClose: $,
-    open: D,
+    open: N,
     PaperComponent: M = F1,
-    PaperProps: X = {},
+    PaperProps: J = {},
     scroll: a1 = "paper",
-    TransitionComponent: J = Ne,
+    TransitionComponent: X = De,
     transitionDuration: z = a,
     TransitionProps: I
-  } = o, e1 = He(o, Ut), j = q({}, o, {
+  } = o, e1 = He(o, Ut), j = W({}, o, {
     disableEscapeKeyDown: f,
     fullScreen: b,
     fullWidth: x,
     maxWidth: g,
     scroll: a1
-  }), R = Kt(j), G = A.useRef(), re = (V) => {
+  }), R = Kt(j), G = P.useRef(), re = (V) => {
     G.current = V.target === V.currentTarget;
   }, oe = (V) => {
-    P && P(V), G.current && (G.current = null, S && S(V), $ && $(V, "backdropClick"));
-  }, l1 = Te(l), se = A.useMemo(() => ({
+    A && A(V), G.current && (G.current = null, S && S(V), $ && $(V, "backdropClick"));
+  }, l1 = Te(l), se = P.useMemo(() => ({
     titleId: l1
   }), [l1]);
-  return /* @__PURE__ */ r(Yt, q({
+  return /* @__PURE__ */ r(Yt, W({
     className: d1(R.root, p),
     closeAfterTransition: !0,
     components: {
       Backdrop: _t
     },
     componentsProps: {
-      backdrop: q({
+      backdrop: W({
         transitionDuration: z,
         as: c
       }, d)
     },
     disableEscapeKeyDown: f,
     onClose: $,
-    open: D,
+    open: N,
     ref: n,
     onClick: oe,
     ownerState: j
   }, e1, {
-    children: /* @__PURE__ */ r(J, q({
+    children: /* @__PURE__ */ r(X, W({
       appear: !0,
-      in: D,
+      in: N,
       timeout: z,
       role: "presentation"
     }, I, {
-      children: /* @__PURE__ */ r(Xt, {
+      children: /* @__PURE__ */ r(Jt, {
         className: d1(R.container),
         onMouseDown: re,
         ownerState: j,
-        children: /* @__PURE__ */ r(Jt, q({
+        children: /* @__PURE__ */ r(Xt, W({
           as: M,
           elevation: 24,
           role: "dialog",
           "aria-describedby": i,
           "aria-labelledby": l1
-        }, X, {
-          className: d1(R.paper, X.className),
+        }, J, {
+          className: d1(R.paper, J.className),
           ownerState: j,
           children: /* @__PURE__ */ r(K1.Provider, {
             value: se,
@@ -1488,17 +1488,17 @@ const U = {
 }, t2 = {
   shouldForwardProp: (e) => !e.startsWith("$")
 }, w1 = m(
-  P1,
+  A1,
   t2
 )(({ $themeSettings: e }) => ({
   padding: 2,
   "&.MuiIconButton-root:hover": {
-    backgroundColor: e ? De(e.chart.backgroundColor) : U.interaction.defaultHover
+    backgroundColor: e ? Ne(e.chart.backgroundColor) : U.interaction.defaultHover
   }
 }));
 function i1({ title: e, children: t }) {
   return /* @__PURE__ */ r(
-    Oe,
+    Be,
     {
       title: e,
       placement: "top",
@@ -1592,7 +1592,7 @@ const i2 = ({ title: e }) => {
       }
     ),
     /* @__PURE__ */ r(
-      Be,
+      Oe,
       {
         anchorEl: t,
         anchorOrigin: {
@@ -1640,7 +1640,7 @@ function d2({
   onRefresh: t,
   onExpand: n
 }) {
-  const o = O(
+  const o = B(
     () => [
       {
         title: "Refresh",
@@ -1669,7 +1669,7 @@ class u2 extends Fe {
     y(this, "aggregation");
     y(this, "formula");
     y(this, "sortType");
-    this.expression = n.jaql.dim || n.jaql.formula, this.metadataItem = n, n.jaql.agg ? this.aggregation = n.jaql.agg : delete this.aggregation, n.jaql.formula ? this.formula = n.jaql.formula : delete this.formula, n.jaql.sort ? this.sortType = Pe(n.jaql.sort) : delete this.sortType, this.skipValidation = !0;
+    this.expression = n.jaql.dim || n.jaql.formula, this.metadataItem = n, n.jaql.agg ? this.aggregation = n.jaql.agg : delete this.aggregation, n.jaql.formula ? this.formula = n.jaql.formula : delete this.formula, n.jaql.sort ? this.sortType = Ae(n.jaql.sort) : delete this.sortType, this.skipValidation = !0;
   }
   get id() {
     return this.expression;
@@ -1758,7 +1758,7 @@ const p2 = (e) => "chartType" in e.chartRecommendations ? e.chartRecommendations
     default:
       return a;
   }
-}, N1 = (e, t) => {
+}, D1 = (e, t) => {
   var n, o, s, a;
   return t === "x" ? (o = (n = e.axesMapping.category) != null ? n : e.axesMapping.x) == null ? void 0 : o.map((i) => i.name).join(", ") : (a = (s = e.axesMapping.value) != null ? s : e.axesMapping.y) == null ? void 0 : a.map((i) => i.name).join(", ");
 }, b2 = (e, t) => {
@@ -1772,13 +1772,13 @@ const p2 = (e) => "chartType" in e.chartRecommendations ? e.chartRecommendations
     yAxis: {
       title: {
         enabled: !0,
-        text: N1(t, "y")
+        text: D1(t, "y")
       }
     },
     xAxis: {
       title: {
         enabled: !0,
-        text: N1(t, "x")
+        text: D1(t, "x")
       }
     }
   });
@@ -1787,9 +1787,9 @@ const p2 = (e) => "chartType" in e.chartRecommendations ? e.chartRecommendations
     chartStyleOptions: o,
     expandedChartStyleOptions: s
   };
-}, bn = (e) => Ae(e) ? "cartesian" : We(e) ? "categorical" : qe(e) ? "scatter" : je(e) ? "scattermap" : Ve(e) ? "indicator" : Ze(e) ? "areamap" : Qe(e) ? "boxplot" : "table";
+}, bn = (e) => Pe(e) ? "cartesian" : qe(e) ? "categorical" : We(e) ? "scatter" : je(e) ? "scattermap" : Ve(e) ? "indicator" : Ze(e) ? "areamap" : Qe(e) ? "boxplot" : "table";
 function x2({ content: e, dataSource: t }) {
-  const [n, o] = L(!1), { chartElement: s, expandedElement: a } = O(() => {
+  const [n, o] = L(!1), { chartElement: s, expandedElement: a } = B(() => {
     const { detailedDescription: i, jaql: l } = e, c = p2(e), d = c.chartType.toLowerCase(), h = {
       cornerRadius: "Small",
       header: {
@@ -1810,22 +1810,22 @@ function x2({ content: e, dataSource: t }) {
         dataSource: t,
         filters: p
       };
-      b = /* @__PURE__ */ r("div", { className: "csdk-h-[245px]", children: /* @__PURE__ */ r(H1, N(w({}, S), { styleOptions: h })) }), x = /* @__PURE__ */ r(H1, N(w({}, S), { styleOptions: { header: { hidden: !0 } } }));
+      b = /* @__PURE__ */ r("div", { className: "csdk-h-[245px]", children: /* @__PURE__ */ r(H1, D(w({}, S), { styleOptions: h })) }), x = /* @__PURE__ */ r(H1, D(w({}, S), { styleOptions: { header: { hidden: !0 } } }));
     } else {
-      const { dataOptions: g, chartStyleOptions: S, expandedChartStyleOptions: P } = b2(
+      const { dataOptions: g, chartStyleOptions: S, expandedChartStyleOptions: A } = b2(
         f,
         c
-      ), $ = w(w({}, S), h), D = {
+      ), $ = w(w({}, S), h), N = {
         chartType: d,
         dataOptions: g,
         dataSource: t,
         filters: p
       };
-      b = /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(T1, N(w({}, D), { styleOptions: $ })) });
-      const M = N(w({}, P), {
+      b = /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(T1, D(w({}, N), { styleOptions: $ })) });
+      const M = D(w({}, A), {
         header: { hidden: !0 }
       });
-      x = /* @__PURE__ */ r(T1, N(w({}, D), { styleOptions: M }));
+      x = /* @__PURE__ */ r(T1, D(w({}, N), { styleOptions: M }));
     }
     return { chartElement: b, expandedElement: x };
   }, [e, t]);
@@ -1834,7 +1834,7 @@ function x2({ content: e, dataSource: t }) {
     /* @__PURE__ */ u(Y1, { open: n, onClose: () => o(!1), maxWidth: "xl", fullWidth: !0, children: [
       /* @__PURE__ */ u("div", { className: "csdk-flex csdk-items-center csdk-justify-between csdk-py-[30px] csdk-px-[40px]", children: [
         /* @__PURE__ */ r("div", { className: "csdk-text-ai-lg csdk-semibold csdk-text-text-active", children: e.queryTitle }),
-        /* @__PURE__ */ r(P1, { onClick: () => o(!1), "aria-label": "close expanded chart", children: /* @__PURE__ */ r(e2, {}) })
+        /* @__PURE__ */ r(A1, { onClick: () => o(!1), "aria-label": "close expanded chart", children: /* @__PURE__ */ r(e2, {}) })
       ] }),
       /* @__PURE__ */ r("div", { className: "csdk-h-screen", children: a })
     ] })
@@ -1871,7 +1871,7 @@ function y2({ theme: e }) {
     )
   ] });
 }
-function X1({ theme: e }) {
+function J1({ theme: e }) {
   return /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", width: "34", height: "35", viewBox: "0 0 34 35", fill: "none", children: /* @__PURE__ */ r(
     "path",
     {
@@ -1893,7 +1893,7 @@ function v2({ onClick: e }) {
       onMouseLeave: () => n(!1),
       onClick: e,
       children: [
-        !t && /* @__PURE__ */ r(X1, { theme: o }),
+        !t && /* @__PURE__ */ r(J1, { theme: o }),
         t && /* @__PURE__ */ r(y2, { theme: o })
       ]
     }
@@ -1930,7 +1930,7 @@ function k2({ theme: e }) {
     )
   ] });
 }
-function J1({ theme: e }) {
+function X1({ theme: e }) {
   return /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", width: "34", height: "35", viewBox: "0 0 34 35", fill: "none", children: /* @__PURE__ */ r(
     "path",
     {
@@ -1952,7 +1952,7 @@ function w2({ onClick: e }) {
       onMouseLeave: () => n(!1),
       onClick: e,
       children: [
-        !t && /* @__PURE__ */ r(J1, { theme: o }),
+        !t && /* @__PURE__ */ r(X1, { theme: o }),
         t && /* @__PURE__ */ r(k2, { theme: o })
       ]
     }
@@ -1985,8 +1985,8 @@ function S2({ visible: e, onSend: t }) {
   ), i = `csdk-transition-opacity csdk-delay-150 csdk-duration-500 ${n ? "csdk-opacity-0" : "csdk-opacity-100"}`;
   return e ? /* @__PURE__ */ u("div", { className: `csdk-flex ${i}`, children: [
     n && /* @__PURE__ */ u(T, { children: [
-      /* @__PURE__ */ r(J1, { theme: s }),
-      /* @__PURE__ */ r(X1, { theme: s })
+      /* @__PURE__ */ r(X1, { theme: s }),
+      /* @__PURE__ */ r(J1, { theme: s })
     ] }),
     !n && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(w2, { onClick: () => a("up") }),
@@ -1994,14 +1994,14 @@ function S2({ visible: e, onSend: t }) {
     ] })
   ] }) : null;
 }
-function D1({
+function N1({
   sourceId: e,
   data: t,
   type: n,
   buttonVisibility: o = "onHover",
   children: s
 }) {
-  const a = B(), i = ze(
+  const a = O(), i = ze(
     E(
       (p) => {
         a && a.ai.sendFeedback({
@@ -2014,7 +2014,7 @@ function D1({
       [a, e, t, n]
     ),
     200
-  ), [l, c] = L2(), d = O(() => o === "onHover" ? c : o !== "never", [c, o]), { themeSettings: h } = v();
+  ), [l, c] = L2(), d = B(() => o === "onHover" ? c : o !== "never", [c, o]), { themeSettings: h } = v();
   return /* @__PURE__ */ r(M2, { ref: l, theme: h, children: Ye.map(s, (p, f) => f === 0 ? /* @__PURE__ */ u("div", { className: "csdk-flex csdk-items-center csdk-gap-x-2.5", children: [
     p,
     /* @__PURE__ */ r(S2, { onSend: i, visible: d })
@@ -2079,13 +2079,13 @@ function $2({ onClick: e }) {
     }
   );
 }
-const N2 = (e) => !!e && "aeiou".includes(e[0]);
-function D2({ data: e, alwaysShowFeedback: t }) {
-  const { chatMode: n = "analyze", enableInsights: o } = W(), { queryTitle: s, chartRecommendations: a, jaql: i } = e;
+const D2 = (e) => !!e && "aeiou".includes(e[0]);
+function N2({ data: e, alwaysShowFeedback: t }) {
+  const { chatMode: n = "analyze", enableInsights: o } = q(), { queryTitle: s, chartRecommendations: a, jaql: i } = e;
   console.debug(`JAQL for ${s}`, i), console.debug(`chart recommendations for ${s}`, a);
   const l = "chartType" in a ? a.chartType : "table";
   let c;
-  N2(l) ? c = `an ${l}` : c = `a ${l}`, l !== "table" && (c += " chart");
+  D2(l) ? c = `an ${l}` : c = `a ${l}`, l !== "table" && (c += " chart");
   const d = i.datasource.title, [h, p] = L(!1), f = E(() => {
     p((g) => !g);
   }, []), b = {
@@ -2096,7 +2096,7 @@ function D2({ data: e, alwaysShowFeedback: t }) {
   }, x = n === "analyze";
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(
-      D1,
+      N1,
       {
         sourceId: d,
         data: e,
@@ -2109,7 +2109,7 @@ function D2({ data: e, alwaysShowFeedback: t }) {
       }
     ),
     o && /* @__PURE__ */ u(
-      D1,
+      N1,
       {
         sourceId: d,
         data: b,
@@ -2123,16 +2123,16 @@ function D2({ data: e, alwaysShowFeedback: t }) {
     )
   ] });
 }
-function O2({ message: e, isLastMessage: t }) {
+function B2({ message: e, isLastMessage: t }) {
   if (G1(e)) {
     const n = JSON.parse(e.content);
-    return /* @__PURE__ */ r(D2, { data: n, alwaysShowFeedback: t });
+    return /* @__PURE__ */ r(N2, { data: n, alwaysShowFeedback: t });
   }
   return /* @__PURE__ */ r(F, { align: e.role === "user" ? "right" : "left", children: e.content });
 }
-const B2 = Xe(O2), I2 = ({ error: e }) => (console.debug("Unexpected error occurred when resolving a chat message:", e), /* @__PURE__ */ r(F, { align: "left", children: y1 }));
+const O2 = Je(B2), I2 = ({ error: e }) => (console.debug("Unexpected error occurred when resolving a chat message:", e), /* @__PURE__ */ r(F, { align: "left", children: y1 }));
 function F2({ messages: e }) {
-  return /* @__PURE__ */ r(T, { children: e.map((t, n) => /* @__PURE__ */ r(Qt, { fallbackRender: I2, children: /* @__PURE__ */ r(B2, { message: t, isLastMessage: n === e.length - 1 }, n) }, n)) });
+  return /* @__PURE__ */ r(T, { children: e.map((t, n) => /* @__PURE__ */ r(Qt, { fallbackRender: I2, children: /* @__PURE__ */ r(O2, { message: t, isLastMessage: n === e.length - 1 }, n) }, n)) });
 }
 function te({ color: e }) {
   return /* @__PURE__ */ r(
@@ -2153,7 +2153,7 @@ function te({ color: e }) {
     }
   );
 }
-function P2({ onClick: e, color: t }) {
+function A2({ onClick: e, color: t }) {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2164,7 +2164,7 @@ function P2({ onClick: e, color: t }) {
     }
   );
 }
-const A2 = m.button`
+const P2 = m.button`
   font-size: inherit;
   line-height: inherit;
   box-sizing: border-box;
@@ -2212,21 +2212,21 @@ const A2 = m.button`
   return "";
 }}
 `;
-function O1({ question: e, onClick: t }) {
+function B1({ question: e, onClick: t }) {
   const { themeSettings: n } = v();
-  return /* @__PURE__ */ r(A2, { onClick: t, theme: n, children: e });
+  return /* @__PURE__ */ r(P2, { onClick: t, theme: n, children: e });
 }
-const W2 = m.div`
+const q2 = m.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   row-gap: ${({ theme: e }) => e.aiChat.suggestions.gap};
 `;
-function q2({ questions: e, onSelection: t }) {
-  const [n, o] = L(!0), s = O(() => n && e.length > 5 ? e.slice(0, 4) : e, [e, n]), { themeSettings: a } = v();
-  return /* @__PURE__ */ u(W2, { "aria-label": "list of suggested questions", theme: a, children: [
-    s.map((i) => /* @__PURE__ */ r(O1, { question: i, onClick: () => t(i) }, i)),
-    s.length < e.length && /* @__PURE__ */ r(O1, { question: "See more", onClick: () => o(!1) })
+function W2({ questions: e, onSelection: t }) {
+  const [n, o] = L(!0), s = B(() => n && e.length > 5 ? e.slice(0, 4) : e, [e, n]), { themeSettings: a } = v();
+  return /* @__PURE__ */ u(q2, { "aria-label": "list of suggested questions", theme: a, children: [
+    s.map((i) => /* @__PURE__ */ r(B1, { question: i, onClick: () => t(i) }, i)),
+    s.length < e.length && /* @__PURE__ */ r(B1, { question: "See more", onClick: () => o(!1) })
   ] });
 }
 const j2 = m.div`
@@ -2266,7 +2266,7 @@ function Q2({ questions: e, isLoading: t, onSelection: n }) {
   const o = e.length > 0;
   return t ? /* @__PURE__ */ r(Z2, {}) : o ? /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(F, { align: "left", children: "Some things to ask about this dataset:" }),
-    /* @__PURE__ */ r(q2, { onSelection: n, questions: e })
+    /* @__PURE__ */ r(W2, { onSelection: n, questions: e })
   ] }) : null;
 }
 const z2 = m.div`
@@ -2286,7 +2286,7 @@ const z2 = m.div`
   margin-left: 20px;
 
   color: ${({ style: e }) => e.textColor};
-`, ne = Je(function({ title: t, leftNav: n, rightNav: o, style: s }, a) {
+`, ne = Xe(function({ title: t, leftNav: n, rightNav: o, style: s }, a) {
   return /* @__PURE__ */ u(z2, { ref: a, style: s, children: [
     n,
     /* @__PURE__ */ r(G2, { style: s, children: t }),
@@ -2333,7 +2333,7 @@ const K2 = m.div`
   padding-bottom: ${({ theme: e }) => e.aiChat.body.paddingBottom};
   flex: initial;
   height: 100%;
-`, X2 = m.div`
+`, J2 = m.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};
@@ -2341,7 +2341,7 @@ const K2 = m.div`
   display: flex;
   flex-direction: column;
   row-gap: 6px;
-`, J2 = m.div`
+`, X2 = m.div`
   display: flex;
   flex-direction: column;
   row-gap: ${({ theme: e }) => e.aiChat.suggestions.gap};
@@ -2349,7 +2349,7 @@ const K2 = m.div`
 function en({ contextTitle: e, onGoBack: t }) {
   const { data: n, isLoading: o } = Z1({
     contextTitle: e
-  }), s = O(
+  }), s = B(
     () => n.map((R) => R.nlqPrompt),
     [n]
   ), {
@@ -2364,21 +2364,21 @@ function en({ contextTitle: e, onGoBack: t }) {
     mutate: f,
     isLoading: b,
     isSuccess: x
-  } = z1(h), [g, S] = L(!1), P = () => S(!0), $ = () => S(!1), D = () => {
+  } = z1(h), [g, S] = L(!1), A = () => S(!0), $ = () => S(!1), N = () => {
     f(), $();
   }, M = _(null);
   m1(() => {
     M.current && (M.current.scrollTop = M.current.scrollHeight);
   }, [a, g, l]);
-  const X = _(null), { enableFollowupQuestions: a1, enableHeader: J, numOfRecentPrompts: z } = W(), { themeSettings: I } = v(), e1 = J ? /* @__PURE__ */ r(
+  const J = _(null), { enableFollowupQuestions: a1, enableHeader: X, numOfRecentPrompts: z } = q(), { themeSettings: I } = v(), e1 = X ? /* @__PURE__ */ r(
     ne,
     {
-      ref: X,
+      ref: J,
       title: e,
-      leftNav: t && /* @__PURE__ */ r(P2, { onClick: t, color: I.aiChat.header.textColor }),
+      leftNav: t && /* @__PURE__ */ r(A2, { onClick: t, color: I.aiChat.header.textColor }),
       style: I.aiChat.header
     }
-  ) : null, j = O(
+  ) : null, j = B(
     () => [
       ...new Set(
         a.filter((R) => R.role === "user").filter((R) => !s.includes(R.content)).map((R) => R.content).reverse()
@@ -2387,13 +2387,13 @@ function en({ contextTitle: e, onGoBack: t }) {
     [a, z, s]
   );
   return (p == null ? void 0 : p.message) === Q1 ? /* @__PURE__ */ u(T, { children: [
-    J && e1,
+    X && e1,
     /* @__PURE__ */ r(U1, { text: p.message })
   ] }) : /* @__PURE__ */ u(T, { children: [
     e1,
     /* @__PURE__ */ u(K2, { theme: I, children: [
       /* @__PURE__ */ u(Y2, { ref: M, theme: I, children: [
-        /* @__PURE__ */ r(At, {}),
+        /* @__PURE__ */ r(Pt, {}),
         /* @__PURE__ */ r(
           Q2,
           {
@@ -2406,7 +2406,7 @@ function en({ contextTitle: e, onGoBack: t }) {
         x && /* @__PURE__ */ r(Vt, {}),
         d && /* @__PURE__ */ r(s1, {}),
         !d && /* @__PURE__ */ r(F2, { messages: a }),
-        a1 && i && /* @__PURE__ */ r(J2, { theme: I, children: i.followupQuestions.slice(0, 2).map((R, G) => /* @__PURE__ */ r(
+        a1 && i && /* @__PURE__ */ r(X2, { theme: I, children: i.followupQuestions.slice(0, 2).map((R, G) => /* @__PURE__ */ r(
           r1,
           {
             align: "left",
@@ -2422,17 +2422,17 @@ function en({ contextTitle: e, onGoBack: t }) {
           jt,
           {
             onCancel: $,
-            onConfirm: D
+            onConfirm: N
           }
         )
       ] }),
-      /* @__PURE__ */ u(X2, { theme: I, children: [
+      /* @__PURE__ */ u(J2, { theme: I, children: [
         /* @__PURE__ */ r(
-          Nt,
+          Dt,
           {
             onSendMessage: c,
             disabled: l || d,
-            onClearHistoryClick: P,
+            onClearHistoryClick: A,
             suggestions: s,
             recentPrompts: j,
             isLoading: o || d
@@ -2470,7 +2470,7 @@ function nn(e) {
       /* @__PURE__ */ r("br", {}),
       "Pick a topic you would like to explore:"
     ] }),
-    t.map((n) => /* @__PURE__ */ C1(tn, N(w({}, n), { key: n.title })))
+    t.map((n) => /* @__PURE__ */ C1(tn, D(w({}, n), { key: n.title })))
   ] });
 }
 const rn = "#FFCB05", on = "#000000", sn = "#FFFFFF";
@@ -2493,7 +2493,7 @@ function an({ colorSchema: e }) {
   ] });
 }
 function ln({ onDataTopicClick: e }) {
-  const { data: t } = k1(), n = W(), { themeSettings: o } = v(), s = O(
+  const { data: t } = k1(), n = q(), { themeSettings: o } = v(), s = B(
     () => t == null ? void 0 : t.map(
       (i) => ({
         title: i.name,
@@ -2519,7 +2519,7 @@ function ln({ onDataTopicClick: e }) {
   ] });
 }
 function cn() {
-  const [e, t] = L(), [n, o] = L(), { data: s, fetchStatus: a } = k1(), { defaultContextTitle: i } = W();
+  const [e, t] = L(), [n, o] = L(), { data: s, fetchStatus: a } = k1(), { defaultContextTitle: i } = q();
   Y(() => {
     if (i && s && a === "idle") {
       const d = s.find((h) => h.name === i);
@@ -2537,12 +2537,12 @@ function cn() {
     }
   ) : /* @__PURE__ */ r(ln, { onDataTopicClick: (d) => t(d) });
 }
-const xn = A1({
+const xn = P1({
   componentName: "Chatbot"
 })((e) => {
   const { width: t, height: n, config: o } = e, { themeSettings: s } = v();
   return /* @__PURE__ */ r(at, { value: o != null ? o : {}, children: /* @__PURE__ */ r(vt, { width: t, height: n, theme: s, children: /* @__PURE__ */ r(cn, {}) }) });
-}), yn = A1({
+}), yn = P1({
   componentName: "GetNlgQueryResult"
 })(function(t) {
   const { data: n, isLoading: o, isError: s } = x1(t);