@opencx/widget-core 4.0.10 → 4.0.11

package/dist/index.js

@@ -1,21 +1,21 @@
-import _ from "openapi-fetch";
-import B from "lodash.isequal";
+import F from "openapi-fetch";
+import L from "lodash.isequal";
 import { v4 as O } from "uuid";
-const L = (d) => {
-  console.log(d.error);
-}, $ = (d) => {
-  const n = _({
-    baseUrl: d.baseUrl
+const q = (g) => {
+  console.log(g.error);
+}, B = (g) => {
+  const a = F({
+    baseUrl: g.baseUrl
   }), o = {
-    onRequest: d.onRequest,
-    onResponse: d.onResponse,
-    onError: d.onError || L
+    onRequest: g.onRequest,
+    onResponse: g.onResponse,
+    onError: g.onError || q
   };
-  return n.use(o), n;
+  return a.use(o), a;
 };
-class M {
-  constructor({ config: n }) {
-    var g, e;
+class U {
+  constructor({ config: a }) {
+    var h, e;
     this.userToken = null, this.constructClientOptions = (t) => {
       const s = this.config.apiUrl || "https://api.open.cx", i = {
         "X-Bot-Token": this.config.token,
@@ -27,11 +27,11 @@ class M {
     }, this.createOpenAPIClient = ({
       baseUrl: t,
       headers: s
-    }) => $({
+    }) => B({
       baseUrl: t,
       onRequest: ({ request: i }) => {
-        Object.entries(s).forEach(([r, a]) => {
-          a && i.headers.set(r, a);
+        Object.entries(s).forEach(([r, n]) => {
+          n && i.headers.set(r, n);
         });
       }
     }), this.setAuthToken = (t) => {
@@ -74,21 +74,21 @@ class M {
       file: t,
       abortSignal: s,
       onProgress: i
-    }) => new Promise((r, a) => {
+    }) => new Promise((r, n) => {
       var b;
-      const h = new FormData();
-      h.append("file", t);
+      const d = new FormData();
+      d.append("file", t);
       const l = new XMLHttpRequest();
       if (s && (s.addEventListener("abort", () => {
-        l.abort(), a(new DOMException("Aborted", "AbortError"));
+        l.abort(), n(new DOMException("Aborted", "AbortError"));
       }), s.aborted)) {
-        a(new DOMException("Aborted", "AbortError"));
+        n(new DOMException("Aborted", "AbortError"));
         return;
       }
       l.upload.addEventListener("progress", (f) => {
         if (f.lengthComputable && i) {
-          const S = Math.round(f.loaded / f.total * 100);
-          i(S);
+          const C = Math.round(f.loaded / f.total * 100);
+          i(C);
         }
       }), l.addEventListener("load", () => {
         if (l.status >= 200 && l.status < 300)
@@ -96,33 +96,36 @@ class M {
             const f = JSON.parse(l.responseText);
             r(f);
           } catch (f) {
-            a(new Error(`Failed to parse response: ${f}`));
+            n(new Error(`Failed to parse response: ${f}`));
           }
         else
-          a(new Error(`Upload failed with status: ${l.status}`));
+          n(new Error(`Upload failed with status: ${l.status}`));
       }), l.addEventListener("error", () => {
-        a(new Error("Network error occurred"));
+        n(new Error("Network error occurred"));
       }), l.addEventListener("timeout", () => {
-        a(new Error("Upload timed out"));
+        n(new Error("Upload timed out"));
       });
-      const { baseUrl: p } = this.constructClientOptions(this.userToken), m = `${p}/backend/widget/v2/upload`;
-      l.open("POST", m), l.setRequestHeader("X-Bot-Token", this.config.token), this.userToken ?? ((b = this.config.user) == null ? void 0 : b.token) ? l.setRequestHeader("Authorization", `Bearer ${this.userToken}`) : console.error("User token not set"), l.send(h);
+      const { baseUrl: m } = this.constructClientOptions(this.userToken), x = `${m}/backend/widget/v2/upload`;
+      l.open("POST", x), l.setRequestHeader("X-Bot-Token", this.config.token), this.userToken ?? ((b = this.config.user) == null ? void 0 : b.token) ? l.setRequestHeader("Authorization", `Bearer ${this.userToken}`) : console.error("User token not set"), l.send(d);
     }), this.vote = async (t) => await this.client.POST("/backend/widget/v2/chat/vote", { body: t }), this.resolveSession = async (t, s) => await this.client.POST("/backend/widget/v2/session/resolve", {
       body: t,
       signal: s
     }), this.createStateCheckpoint = async (t) => await this.client.POST("/backend/widget/v2/checkpoint", {
       body: t
-    }), this.config = n, this.userToken = ((g = n.user) == null ? void 0 : g.token) || null;
+    }), this.submitCsat = async (t) => await this.client.POST("/backend/widget/v2/submit-csat", { body: t }), this.config = a, this.userToken = ((h = a.user) == null ? void 0 : h.token) || null;
     const { baseUrl: o, headers: c } = this.constructClientOptions(
-      (e = n.user) == null ? void 0 : e.token
+      (e = a.user) == null ? void 0 : e.token
     );
     this.client = this.createOpenAPIClient({ baseUrl: o, headers: c });
   }
 }
-class P {
-  constructor(n) {
+function $(g, a) {
+  console.error(`Missing case for ${g} in ${a}`);
+}
+class y {
+  constructor(a) {
     this.subscribers = /* @__PURE__ */ new Set(), this.get = () => this.state, this.set = (o) => {
-      B(this.state, o) || (this.state = o, this.notifySubscribers(o));
+      L(this.state, o) || (this.state = o, this.notifySubscribers(o));
     }, this.setPartial = (o) => {
       if (o == null) return;
       const c = { ...this.state, ...o };
@@ -130,32 +133,32 @@ class P {
     }, this.reset = () => {
       this.set(this.initialState);
     }, this.notifySubscribers = (o) => {
-      Array.from(this.subscribers).forEach((g) => {
+      Array.from(this.subscribers).forEach((h) => {
         try {
-          g(o);
+          h(o);
         } catch (e) {
           console.error(e);
         }
       });
     }, this.subscribe = (o) => (this.subscribers.add(o), () => {
       this.subscribers.delete(o);
-    }), this.state = n, this.initialState = n;
+    }), this.state = a, this.initialState = a;
   }
 }
-class F {
+class _ {
   constructor() {
-    this.state = new P({
+    this.state = new y({
       isPolling: !1,
       isError: !1
     }), this.abortController = new AbortController(), this.reset = () => {
-      var n;
-      this.abortController.abort("Resetting poller"), (n = this.stopPolling) == null || n.call(this), this.stopPolling = null;
-    }, this.stopPolling = null, this.startPolling = (n, o) => {
+      var a;
+      this.abortController.abort("Resetting poller"), (a = this.stopPolling) == null || a.call(this), this.stopPolling = null;
+    }, this.stopPolling = null, this.startPolling = (a, o) => {
       if (this.stopPolling) return;
-      const c = [], g = async () => {
+      const c = [], h = async () => {
         this.abortController = new AbortController(), this.state.setPartial({ isPolling: !0 });
         try {
-          await n(this.abortController.signal);
+          await a(this.abortController.signal);
         } catch (e) {
           if (this.abortController.signal.aborted)
             return;
@@ -163,55 +166,55 @@ class F {
         } finally {
           this.state.setPartial({ isPolling: !1 });
         }
-        this.abortController.signal.aborted ? console.log("Poller aborted, not scheduling anymore") : c.push(setTimeout(g, o));
+        this.abortController.signal.aborted ? console.log("Poller aborted, not scheduling anymore") : c.push(setTimeout(h, o));
       };
-      g(), this.stopPolling = () => {
+      h(), this.stopPolling = () => {
         c.forEach(clearTimeout), this.state.reset();
       };
     };
   }
 }
-function q(d) {
+function N(g) {
   try {
-    const n = d();
-    return n instanceof Promise ? n.then((o) => ({ data: o })).catch((o) => ({ error: o })) : { data: n };
-  } catch (n) {
-    return { error: n };
+    const a = g();
+    return a instanceof Promise ? a.then((o) => ({ data: o })).catch((o) => ({ error: o })) : { data: a };
+  } catch (a) {
+    return { error: a };
   }
 }
-class N {
+class Y {
   constructor({
-    api: n,
+    api: a,
     config: o,
     sessionCtx: c,
-    messageCtx: g,
+    messageCtx: h,
     sessionPollingIntervalSeconds: e
   }) {
-    this.poller = new F(), this.registerPolling = () => {
+    this.poller = new _(), this.registerPolling = () => {
       this.sessionCtx.sessionState.subscribe(({ session: t }) => {
         t != null && t.id ? this.poller.startPolling(async (s) => {
           this.hackAndSlash(t.id, s);
         }, this.sessionPollingIntervalSeconds * 1e3) : this.poller.reset();
       });
     }, this.hackAndSlash = async (t, s) => {
-      var h;
+      var d;
       this.messageCtx.state.get().messages.length === 0 && this.messageCtx.state.setPartial({ isInitialFetchLoading: !0 });
-      const i = this.messageCtx.state.get().messages, r = i.length > 0 ? ((h = i[i.length - 1]) == null ? void 0 : h.timestamp) ?? void 0 : void 0, { data: a } = await this.api.pollSessionAndHistory({
+      const i = this.messageCtx.state.get().messages, r = i.length > 0 ? ((d = i[i.length - 1]) == null ? void 0 : d.timestamp) ?? void 0 : void 0, { data: n } = await this.api.pollSessionAndHistory({
         sessionId: t,
         abortSignal: s,
         lastMessageTimestamp: r
       });
-      if (a != null && a.session && (this.sessionCtx.sessionState.setPartial({ session: a.session }), this.sessionCtx.setSessions([a.session])), a != null && a.history && a.history.length > 0) {
-        const l = this.messageCtx.state.get().messages, p = a.history.map(this.mapHistoryToMessage).filter(
-          (v) => !l.some((m) => m.id === v.id)
+      if (n != null && n.session && (this.sessionCtx.sessionState.setPartial({ session: n.session }), this.sessionCtx.setSessions([n.session])), n != null && n.history && n.history.length > 0) {
+        const l = this.messageCtx.state.get().messages, m = n.history.map(this.mapHistoryToMessage).filter((S) => S !== null).filter(
+          (S) => !l.some((x) => x.id === S.id)
         );
         this.messageCtx.state.setPartial({
-          messages: [...l, ...p]
+          messages: [...l, ...m]
         });
       }
       this.messageCtx.state.get().isInitialFetchLoading && this.messageCtx.state.setPartial({ isInitialFetchLoading: !1 });
     }, this.mapHistoryToMessage = (t) => {
-      var r, a;
+      var i, r;
       const s = {
         id: t.publicId,
         timestamp: t.sentAt || "",
@@ -220,14 +223,14 @@ class N {
       if (t.sender.kind === "user")
         return {
           ...s,
-          type: "FROM_USER",
+          type: "USER",
           content: t.content.text || "",
           deliveredAt: t.sentAt || ""
         };
       if (t.sender.kind === "agent")
         return {
           ...s,
-          type: "FROM_AGENT",
+          type: "AGENT",
           component: "agent_message",
           data: {
             message: t.content.text || ""
@@ -239,66 +242,116 @@ class N {
             isAi: !1
           }
         };
-      const i = t.actionCalls && t.actionCalls.length > 0 ? t.actionCalls[t.actionCalls.length - 1] : void 0;
-      return {
-        ...s,
-        type: "FROM_BOT",
-        component: "bot_message",
-        agent: {
-          id: null,
-          name: ((r = this.config.bot) == null ? void 0 : r.name) || "",
-          isAi: !0,
-          avatar: ((a = this.config.bot) == null ? void 0 : a.avatar) || ""
-        },
-        data: {
-          message: t.content.text || "",
-          action: i ? {
-            name: i.actionName,
-            data: this.extractActionResult(i)
-          } : void 0
-        }
-      };
+      if (t.sender.kind === "ai") {
+        const n = t.actionCalls && t.actionCalls.length > 0 ? t.actionCalls[t.actionCalls.length - 1] : void 0;
+        return {
+          ...s,
+          type: "AI",
+          component: "bot_message",
+          agent: {
+            id: null,
+            name: ((i = this.config.bot) == null ? void 0 : i.name) || "",
+            isAi: !0,
+            avatar: ((r = this.config.bot) == null ? void 0 : r.avatar) || ""
+          },
+          data: {
+            message: t.content.text || "",
+            action: n ? {
+              name: n.actionName,
+              data: this.extractActionResult(n)
+            } : void 0
+          }
+        };
+      }
+      if (t.sender.kind === "system") {
+        const n = this.constructSystemMessage(t);
+        return n === null ? null : { ...n };
+      }
+      return null;
+    }, this.constructSystemMessage = (t) => {
+      if (!t || !t.systemMessagePayload) return null;
+      switch (t.systemMessagePayload.type) {
+        case "state_checkpoint":
+          return {
+            id: t.publicId,
+            type: "SYSTEM",
+            subtype: "state_checkpoint",
+            data: { payload: t.systemMessagePayload.payload },
+            timestamp: t.sentAt || "",
+            attachments: void 0
+          };
+        case "csat_requested":
+          return {
+            id: t.publicId,
+            type: "SYSTEM",
+            subtype: "csat_requested",
+            data: { payload: void 0 },
+            timestamp: t.sentAt || "",
+            attachments: void 0
+          };
+        case "csat_submitted":
+          return {
+            id: t.publicId,
+            type: "SYSTEM",
+            subtype: "csat_submitted",
+            data: {
+              payload: {
+                score: t.systemMessagePayload.payload.score ?? void 0,
+                feedback: t.systemMessagePayload.payload.feedback ?? void 0
+              }
+            },
+            timestamp: t.sentAt || "",
+            attachments: void 0
+          };
+        case "none":
+          return null;
+        default:
+          return $(
+            t.systemMessagePayload,
+            this.constructSystemMessage.name
+          ), null;
+      }
     }, this.extractActionResult = (t) => {
       const s = t.result;
       if (s === null || typeof s != "object") return s;
       if ("responseBodyText" in s && typeof s.responseBodyText == "string") {
-        const i = s.responseBodyText, r = q(() => JSON.parse(i)).data;
+        const i = s.responseBodyText, r = N(() => JSON.parse(i)).data;
         if (r) return r;
       }
       return t.result;
-    }, this.api = n, this.config = o, this.sessionCtx = c, this.messageCtx = g, this.sessionPollingIntervalSeconds = e, this.registerPolling();
+    }, this.api = a, this.config = o, this.sessionCtx = c, this.messageCtx = h, this.sessionPollingIntervalSeconds = e, this.registerPolling();
   }
 }
 class H {
   constructor({
-    config: n,
+    config: a,
     api: o,
     storageCtx: c
   }) {
-    var g;
+    var h;
     this.shouldCollectData = () => {
       var e;
       return !!(!((e = this.state.get().contact) != null && e.token) && this.config.collectUserData);
     }, this.autoCreateUnverifiedUserIfNotExists = async () => {
-      var e, t, s, i, r, a, h, l, p, v, m, w, b, f;
+      var e, t, s, i, r, n, d, l, m, S, x, w, b, f;
       if (!((e = this.config.user) != null && e.token)) {
         if (this.config.collectUserData && !((s = (t = this.config.user) == null ? void 0 : t.data) != null && s.email)) {
           if ((i = this.config.extraDataCollectionFields) != null && i.length)
             return;
-          const S = await ((r = this.storageCtx) == null ? void 0 : r.getContactToken());
-          S && await this.setUnverifiedContact(S);
+          const C = await ((r = this.storageCtx) == null ? void 0 : r.getContactToken());
+          C && await this.setUnverifiedContact(C);
           return;
         }
-        if (!((h = (a = this.config.user) == null ? void 0 : a.data) != null && h.email)) {
-          const S = await ((l = this.storageCtx) == null ? void 0 : l.getContactToken());
-          if (S) {
-            await this.setUnverifiedContact(S);
+        if (!((d = (n = this.config.user) == null ? void 0 : n.data) != null && d.email)) {
+          const C = await ((l = this.storageCtx) == null ? void 0 : l.getContactToken());
+          if (C) {
+            await this.setUnverifiedContact(C);
             return;
           }
         }
         await this.createUnverifiedContact({
-          email: (v = (p = this.config.user) == null ? void 0 : p.data) == null ? void 0 : v.email,
-          non_verified_name: ((w = (m = this.config.user) == null ? void 0 : m.data) == null ? void 0 : w.name) || "Anonymous",
+          email: (S = (m = this.config.user) == null ? void 0 : m.data) == null ? void 0 : S.email,
+          non_verified_name: ((w = (x = this.config.user) == null ? void 0 : x.data) == null ? void 0 : w.name) || "Anonymous",
           non_verified_custom_data: (f = (b = this.config.user) == null ? void 0 : b.data) == null ? void 0 : f.customData
         });
       }
@@ -315,14 +368,14 @@ class H {
         this.state.setPartial({ isCreatingUnverifiedContact: !1 });
       }
     }, this.setUnverifiedContact = async (e) => {
-      var i, r, a, h;
+      var i, r, n, d;
       const t = await ((i = this.storageCtx) == null ? void 0 : i.getExternalContactId()), s = ((r = this.config.user) == null ? void 0 : r.externalId) || t || O();
-      this.api.setAuthToken(e), await ((a = this.storageCtx) == null ? void 0 : a.setContactToken(e)), await ((h = this.storageCtx) == null ? void 0 : h.setExternalContactId(s)), this.state.setPartial({ contact: { token: e, externalId: s } });
-    }, this.config = n, this.storageCtx = c, this.api = o, this.state = new P({
-      contact: (g = n.user) != null && g.token ? {
-        token: n.user.token,
+      this.api.setAuthToken(e), await ((n = this.storageCtx) == null ? void 0 : n.setContactToken(e)), await ((d = this.storageCtx) == null ? void 0 : d.setExternalContactId(s)), this.state.setPartial({ contact: { token: e, externalId: s } });
+    }, this.config = a, this.storageCtx = c, this.api = o, this.state = new y({
+      contact: (h = a.user) != null && h.token ? {
+        token: a.user.token,
         // Set optional externalId from config... not local storage
-        externalId: n.user.externalId
+        externalId: a.user.externalId
       } : null,
       extraCollectedData: void 0,
       isCreatingUnverifiedContact: !1,
@@ -330,21 +383,60 @@ class H {
     }), this.autoCreateUnverifiedUserIfNotExists();
   }
 }
-function k() {
+function P() {
   return O();
 }
 class X {
   constructor({
-    config: n,
+    config: a,
+    api: o,
+    sessionCtx: c,
+    messageCtx: h
+  }) {
+    this.submitCsat = async (e) => {
+      var n;
+      const t = (n = this.sessionCtx.sessionState.get().session) == null ? void 0 : n.id;
+      if (!t)
+        return { data: null, error: "No session id found" };
+      const s = P();
+      this.messageCtx.state.setPartial({
+        messages: [
+          ...this.messageCtx.state.get().messages,
+          {
+            id: s,
+            type: "SYSTEM",
+            subtype: "csat_submitted",
+            timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+            data: {
+              payload: {
+                score: e.score,
+                feedback: e.feedback
+              }
+            }
+          }
+        ]
+      });
+      const { data: i, error: r } = await this.api.submitCsat({
+        ...e,
+        system_message_uuid: s,
+        session_id: t
+      });
+      return { data: i, error: r };
+    }, this.config = a, this.api = o, this.sessionCtx = c, this.messageCtx = h;
+  }
+}
+class G {
+  constructor({
+    config: a,
     api: o,
     contactCtx: c,
-    sessionsPollingIntervalSeconds: g
+    sessionsPollingIntervalSeconds: h
   }) {
-    this.sessionsRefresher = new F(), this.sessionState = new P({
+    this.sessionsRefresher = new _(), this.sessionState = new y({
       session: null,
       isCreatingSession: !1,
       isResolvingSession: !1
-    }), this.sessionsState = new P({
+    }), this.sessionsState = new y({
       data: [],
       cursor: void 0,
       isLastPage: !1,
@@ -382,7 +474,7 @@ class X {
       });
       if (e) {
         const s = [...this.sessionsState.get().data, ...e.items].filter(
-          (i, r, a) => r === a.findIndex((h) => i.id === h.id)
+          (i, r, n) => r === n.findIndex((d) => i.id === d.id)
         );
         this.sessionsState.setPartial({
           data: s,
@@ -402,7 +494,7 @@ class X {
       });
     }, this.setSessions = (e) => {
       const t = [...e, ...this.sessionsState.get().data].filter(
-        (s, i, r) => i === r.findIndex((a) => s.id === a.id)
+        (s, i, r) => i === r.findIndex((n) => s.id === n.id)
       );
       this.sessionsState.setPartial({ data: t });
     }, this.refreshSessions = async () => {
@@ -426,17 +518,17 @@ class X {
         payload: e
       });
       return s ? { data: s } : { success: !1, error: i };
-    }, this.config = n, this.api = o, this.contactCtx = c, this.sessionsPollingIntervalSeconds = g, this.registerSessionsRefresherWrapper();
+    }, this.config = a, this.api = o, this.contactCtx = c, this.sessionsPollingIntervalSeconds = h, this.registerSessionsRefresherWrapper();
   }
 }
-class G {
+class K {
   constructor({
-    config: n,
+    config: a,
     api: o,
     sessionCtx: c,
-    contactCtx: g
+    contactCtx: h
   }) {
-    this.state = new P({
+    this.state = new y({
       messages: [],
       isSendingMessage: !1,
       lastAIResMightSolveUserIssue: !1,
@@ -444,7 +536,7 @@ class G {
     }), this.sendMessageAbortController = new AbortController(), this.reset = () => {
       this.sendMessageAbortController.abort("Resetting chat"), this.state.reset();
     }, this.sendMessage = async (e) => {
-      var t, s, i, r, a, h, l, p, v, m;
+      var t, s, i, r, n, d, l, m, S, x;
       try {
         if (!e.content.trim() && (!e.attachments || e.attachments.length === 0)) {
           console.warn(
@@ -452,32 +544,32 @@ class G {
           );
           return;
         }
-        const w = this.state.get().isSendingMessage, b = ((t = this.sessionCtx.sessionState.get().session) == null ? void 0 : t.assignee.kind) === "ai", f = this.state.get().messages, S = f.length > 0 ? f[f.length - 1] : void 0;
+        const w = this.state.get().isSendingMessage, b = ((t = this.sessionCtx.sessionState.get().session) == null ? void 0 : t.assignee.kind) === "ai", f = this.state.get().messages, C = f.length > 0 ? f[f.length - 1] : void 0;
         if (b && w || // If last message is from user, then bot response did not arrive yet
-        b && (S == null ? void 0 : S.type) === "FROM_USER") {
+        b && (C == null ? void 0 : C.type) === "USER") {
           console.warn("Cannot send messages while awaiting AI response");
           return;
         }
         this.sendMessageAbortController = new AbortController(), this.state.setPartial({ lastAIResMightSolveUserIssue: !1 }), this.state.setPartial({ isSendingMessage: !0 });
-        const T = this.state.get().messages, E = !((s = this.sessionCtx.sessionState.get().session) != null && s.id) && T.length === 0 && ((i = this.config.advancedInitialMessages) == null ? void 0 : i.some((u) => u.persistent)), R = E ? (this.config.advancedInitialMessages || []).filter((u) => u.persistent).map(
+        const A = this.state.get().messages, E = !((s = this.sessionCtx.sessionState.get().session) != null && s.id) && A.length === 0 && ((i = this.config.advancedInitialMessages) == null ? void 0 : i.some((u) => u.persistent)), M = E ? (this.config.advancedInitialMessages || []).filter((u) => u.persistent).map(
           (u) => ({
-            id: k(),
+            id: P(),
             component: "bot_message",
-            type: "FROM_BOT",
+            type: "AI",
             timestamp: (/* @__PURE__ */ new Date()).toISOString(),
             data: {
               message: u.message
             }
           })
-        ) : [], y = this.toUserMessage(
+        ) : [], k = this.toUserMessage(
           e.content.trim(),
           e.attachments || void 0
         );
         if (this.state.setPartial({
           messages: [
-            ...R,
-            ...T,
-            y
+            ...M,
+            ...A,
+            k
           ]
         }), !((r = this.sessionCtx.sessionState.get().session) != null && r.id)) {
           if (!await this.sessionCtx.createSession()) {
@@ -486,17 +578,17 @@ class G {
           }
           this.sessionCtx.refreshSessions();
         }
-        const U = (a = this.sessionCtx.sessionState.get().session) == null ? void 0 : a.id;
-        if (!U) return;
-        const { data: C } = await this.api.sendMessage(
+        const T = (n = this.sessionCtx.sessionState.get().session) == null ? void 0 : n.id;
+        if (!T) return;
+        const { data: p } = await this.api.sendMessage(
           {
-            uuid: y.id,
+            uuid: k.id,
             bot_token: this.config.token,
             headers: this.config.headers,
             query_params: this.config.queryParams,
             body_properties: this.config.bodyProperties,
-            session_id: U,
-            content: y.content,
+            session_id: T,
+            content: k.content,
             attachments: e.attachments,
             clientContext: this.config.context,
             custom_data: {
@@ -505,34 +597,34 @@ class G {
             },
             language: this.config.language,
             exit_mode_prompt: e.exitModePrompt,
-            initial_messages: E ? R.map((u) => ({
+            initial_messages: E ? M.map((u) => ({
               uuid: u.id,
               content: u.data.message
             })) : void 0
           },
           this.sendMessageAbortController.signal
         );
-        if (C != null && C.success) {
-          const u = this.toBotMessage(C);
+        if (p != null && p.success) {
+          const u = this.toBotMessage(p);
           if (u) {
             const I = this.state.get().messages;
             if (!!I.some(
               (D) => D.id === u.id
             )) {
               this.state.setPartial({
-                lastAIResMightSolveUserIssue: ((h = C.autopilotResponse) == null ? void 0 : h.mightSolveUserIssue) || ((l = C.uiResponse) == null ? void 0 : l.mightSolveUserIssue)
+                lastAIResMightSolveUserIssue: ((d = p.autopilotResponse) == null ? void 0 : d.mightSolveUserIssue) || ((l = p.uiResponse) == null ? void 0 : l.mightSolveUserIssue)
               });
               return;
             }
             this.state.setPartial({
               messages: [...I, u],
-              lastAIResMightSolveUserIssue: ((p = C.autopilotResponse) == null ? void 0 : p.mightSolveUserIssue) || ((v = C.uiResponse) == null ? void 0 : v.mightSolveUserIssue)
+              lastAIResMightSolveUserIssue: ((m = p.autopilotResponse) == null ? void 0 : m.mightSolveUserIssue) || ((S = p.uiResponse) == null ? void 0 : S.mightSolveUserIssue)
             });
           }
-          C.session && this.sessionCtx.sessionState.setPartial({ session: C.session });
+          p.session && this.sessionCtx.sessionState.setPartial({ session: p.session });
         } else {
           const u = this.toBotErrorMessage(
-            ((m = C == null ? void 0 : C.error) == null ? void 0 : m.message) || "Unknown error occurred"
+            ((x = p == null ? void 0 : p.error) == null ? void 0 : x.message) || "Unknown error occurred"
           ), I = this.state.get().messages;
           this.state.setPartial({
             messages: [...I, u]
@@ -546,14 +638,14 @@ class G {
     }, this.toUserMessage = (e, t) => {
       const s = (() => {
         const i = this.contactCtx.state.get().extraCollectedData;
-        return this.state.get().messages.length === 0 && i && Object.keys(i).length > 0 ? `${Object.entries(i).filter(([a, h]) => !!h).map(([a, h]) => `${a}: ${h}`).join(` 
+        return this.state.get().messages.length === 0 && i && Object.keys(i).length > 0 ? `${Object.entries(i).filter(([n, d]) => !!d).map(([n, d]) => `${n}: ${d}`).join(` 
 `)} 
 
 ${e}` : e;
       })();
       return {
-        id: k(),
-        type: "FROM_USER",
+        id: P(),
+        type: "USER",
         content: s,
         deliveredAt: (/* @__PURE__ */ new Date()).toISOString(),
         attachments: t,
@@ -562,8 +654,8 @@ ${e}` : e;
     }, this.toBotMessage = (e) => {
       var t;
       return e.success && e.autopilotResponse ? {
-        type: "FROM_BOT",
-        id: e.autopilotResponse.id || k(),
+        type: "AI",
+        id: e.autopilotResponse.id || P(),
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         component: "bot_message",
         agent: this.config.bot ? {
@@ -581,8 +673,8 @@ ${e}` : e;
         }
       } : null;
     }, this.toBotErrorMessage = (e) => ({
-      type: "FROM_BOT",
-      id: k(),
+      type: "AI",
+      id: P(),
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       component: "TEXT",
       data: {
@@ -590,15 +682,15 @@ ${e}` : e;
         variant: "error",
         action: void 0
       }
-    }), this.config = n, this.api = o, this.sessionCtx = c, this.contactCtx = g;
+    }), this.config = a, this.api = o, this.sessionCtx = c, this.contactCtx = h;
   }
 }
-class K {
+class z {
   constructor({
-    config: n,
+    config: a,
     contactCtx: o,
     sessionCtx: c,
-    resetChat: g
+    resetChat: h
   }) {
     var e;
     this.registerRoutingListener = () => {
@@ -609,14 +701,14 @@ class K {
         });
       }), this.sessionCtx.sessionsState.subscribe(
         ({ isInitialFetchLoading: t, data: s }) => {
-          var i, r, a, h;
+          var i, r, n, d;
           if ((i = this.config.router) != null && i.chatScreenOnly && // Do not route to a chat if we are currently inside one already
           // This also applies to newly created sessions; the new session will be in `sessionState` before it is refreshed and included in `sessionsState`
           !((r = this.sessionCtx.sessionState.get().session) != null && r.id)) {
-            const l = (a = s.find((p) => p.isOpened)) == null ? void 0 : a.id;
+            const l = (n = s.find((m) => m.isOpened)) == null ? void 0 : n.id;
             return l ? this.toChatScreen(l) : void 0;
           }
-          s.length || ((h = this.config.router) == null ? void 0 : h.goToChatIfNoSessions) !== !1 && !t && this.state.get().screen !== "chat" && this.toChatScreen();
+          s.length || ((d = this.config.router) == null ? void 0 : d.goToChatIfNoSessions) !== !1 && !t && this.state.get().screen !== "chat" && this.toChatScreen();
         }
       );
     }, this.toSessionsScreen = () => {
@@ -628,14 +720,14 @@ class K {
         this.sessionCtx.sessionState.setPartial({ session: s });
       }
       this.state.setPartial({ screen: "chat" });
-    }, this.config = n, this.contactCtx = o, this.sessionCtx = c, this.resetChat = g, this.state = new P({
+    }, this.config = a, this.contactCtx = o, this.sessionCtx = c, this.resetChat = h, this.state = new y({
       screen: this.contactCtx.shouldCollectData() ? "welcome" : (e = this.config.router) != null && e.chatScreenOnly ? "chat" : "sessions"
     }), this.registerRoutingListener();
   }
 }
-class Y {
+class j {
   constructor({
-    storage: n,
+    storage: a,
     config: o
   }) {
     this.KEYS = {
@@ -645,42 +737,47 @@ class Y {
       await this.storage.set(this.KEYS.contactToken(this.config.token), c);
     }, this.getContactToken = async () => this.storage.get(this.KEYS.contactToken(this.config.token)), this.setExternalContactId = async (c) => {
       await this.storage.set(this.KEYS.externalContactId(this.config.token), c);
-    }, this.getExternalContactId = async () => this.storage.get(this.KEYS.externalContactId(this.config.token)), this.storage = n, this.config = o;
+    }, this.getExternalContactId = async () => this.storage.get(this.KEYS.externalContactId(this.config.token)), this.storage = a, this.config = o;
   }
 }
-const x = class x {
+const v = class v {
   constructor({
-    config: n,
+    config: a,
     storage: o,
     modes: c
   }) {
     if (this.modes = [], this.resetChat = () => {
       this.sessionCtx.reset(), this.messageCtx.reset();
-    }, !x.pollingIntervalsSeconds)
+    }, !v.pollingIntervalsSeconds)
       throw Error(
         "Widget polling values are not defined, did you call WidgetCtx.initialize()"
       );
-    this.config = n, this.api = new M({ config: n }), this.storageCtx = o ? new Y({ storage: o, config: n }) : void 0, this.modes = c, this.contactCtx = new H({
+    this.config = a, this.api = new U({ config: a }), this.storageCtx = o ? new j({ storage: o, config: a }) : void 0, this.modes = c, this.contactCtx = new H({
       api: this.api,
       config: this.config,
       storageCtx: this.storageCtx
-    }), this.sessionCtx = new X({
+    }), this.sessionCtx = new G({
       config: this.config,
       api: this.api,
       contactCtx: this.contactCtx,
-      sessionsPollingIntervalSeconds: x.pollingIntervalsSeconds.sessions
-    }), this.messageCtx = new G({
+      sessionsPollingIntervalSeconds: v.pollingIntervalsSeconds.sessions
+    }), this.messageCtx = new K({
       config: this.config,
       api: this.api,
       sessionCtx: this.sessionCtx,
       contactCtx: this.contactCtx
-    }), this.activeSessionPollingCtx = new N({
+    }), this.csatCtx = new X({
+      config: this.config,
+      api: this.api,
+      sessionCtx: this.sessionCtx,
+      messageCtx: this.messageCtx
+    }), this.activeSessionPollingCtx = new Y({
       api: this.api,
       config: this.config,
       sessionCtx: this.sessionCtx,
       messageCtx: this.messageCtx,
-      sessionPollingIntervalSeconds: x.pollingIntervalsSeconds.session
-    }), this.routerCtx = new K({
+      sessionPollingIntervalSeconds: v.pollingIntervalsSeconds.session
+    }), this.routerCtx = new z({
       config: this.config,
       contactCtx: this.contactCtx,
       sessionCtx: this.sessionCtx,
@@ -688,30 +785,27 @@ const x = class x {
     });
   }
 };
-x.pollingIntervalsSeconds = null, x.initialize = async ({
-  config: n,
+v.pollingIntervalsSeconds = null, v.initialize = async ({
+  config: a,
   storage: o
 }) => {
-  var g, e, t;
-  const c = await new M({
-    config: n
+  var h, e, t;
+  const c = await new U({
+    config: a
   }).getExternalWidgetConfig();
-  return x.pollingIntervalsSeconds = {
-    session: ((g = c.data) == null ? void 0 : g.sessionPollingIntervalSeconds) || 10,
+  return v.pollingIntervalsSeconds = {
+    session: ((h = c.data) == null ? void 0 : h.sessionPollingIntervalSeconds) || 10,
     sessions: ((e = c.data) == null ? void 0 : e.sessionsPollingIntervalSeconds) || 60
-  }, new x({
-    config: n,
+  }, new v({
+    config: a,
     storage: o,
     modes: ((t = c.data) == null ? void 0 : t.modes) || []
   });
 };
-let A = x;
-function Q(d, n) {
-  console.error(`Missing case for ${d} in ${n}`);
-}
+let R = v;
 export {
-  P as PrimitiveState,
-  A as WidgetCtx,
-  Q as isExhaustive
+  y as PrimitiveState,
+  R as WidgetCtx,
+  $ as isExhaustive
 };
 //# sourceMappingURL=index.js.map