@opencx/widget-core 4.0.9 → 4.0.11

package/dist/index.js

@@ -1,21 +1,21 @@
-import M from "openapi-fetch";
-import O from "lodash.isequal";
-import { v4 as U } from "uuid";
-const F = (d) => {
-  console.log(d.error);
-}, D = (d) => {
-  const n = M({
-    baseUrl: d.baseUrl
+import F from "openapi-fetch";
+import L from "lodash.isequal";
+import { v4 as O } from "uuid";
+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 || F
+    onRequest: g.onRequest,
+    onResponse: g.onResponse,
+    onError: g.onError || q
   };
-  return n.use(o), n;
+  return a.use(o), a;
 };
-class T {
-  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 T {
     }, this.createOpenAPIClient = ({
       baseUrl: t,
       headers: s
-    }) => D({
+    }) => 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,55 +74,58 @@ class T {
       file: t,
       abortSignal: s,
       onProgress: i
-    }) => new Promise((r, a) => {
-      var m;
-      const h = new FormData();
-      h.append("file", t);
+    }) => new Promise((r, n) => {
+      var b;
+      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", (u) => {
-        if (u.lengthComputable && i) {
-          const x = Math.round(u.loaded / u.total * 100);
-          i(x);
+      l.upload.addEventListener("progress", (f) => {
+        if (f.lengthComputable && i) {
+          const C = Math.round(f.loaded / f.total * 100);
+          i(C);
         }
       }), l.addEventListener("load", () => {
         if (l.status >= 200 && l.status < 300)
           try {
-            const u = JSON.parse(l.responseText);
-            r(u);
-          } catch (u) {
-            a(new Error(`Failed to parse response: ${u}`));
+            const f = JSON.parse(l.responseText);
+            r(f);
+          } catch (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: C } = this.constructClientOptions(this.userToken), S = `${C}/backend/widget/v2/upload`;
-      l.open("POST", S), l.setRequestHeader("X-Bot-Token", this.config.token), this.userToken ?? ((m = this.config.user) == null ? void 0 : m.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) => {
-      O(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 R {
+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 R {
         } 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 _(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 L {
+class Y {
   constructor({
-    api: n,
+    api: a,
     config: o,
     sessionCtx: c,
-    messageCtx: g,
+    messageCtx: h,
     sessionPollingIntervalSeconds: e
   }) {
-    this.poller = new R(), 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, C = a.history.map(this.mapHistoryToMessage).filter(
-          (p) => !l.some((S) => S.id === p.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, ...C]
+          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 L {
       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,67 +242,117 @@ class L {
             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 = _(() => 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 B {
+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, C, p, S, b, m, u;
+      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 x = await ((r = this.storageCtx) == null ? void 0 : r.getContactToken());
-          x && await this.setUnverifiedContact(x);
+          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 x = await ((l = this.storageCtx) == null ? void 0 : l.getContactToken());
-          if (x) {
-            await this.setUnverifiedContact(x);
+        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: (p = (C = this.config.user) == null ? void 0 : C.data) == null ? void 0 : p.email,
-          non_verified_name: ((b = (S = this.config.user) == null ? void 0 : S.data) == null ? void 0 : b.name) || "Anonymous",
-          non_verified_custom_data: (u = (m = this.config.user) == null ? void 0 : m.data) == null ? void 0 : u.customData
+          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
         });
       }
     }, this.createUnverifiedContact = async (e, t) => {
@@ -315,14 +368,14 @@ class B {
         this.state.setPartial({ isCreatingUnverifiedContact: !1 });
       }
     }, this.setUnverifiedContact = async (e) => {
-      var i, r, a, h;
-      const t = await ((i = this.storageCtx) == null ? void 0 : i.getExternalContactId()), s = ((r = this.config.user) == null ? void 0 : r.externalId) || t || U();
-      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,
+      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 ((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 B {
     }), this.autoCreateUnverifiedUserIfNotExists();
   }
 }
-function I() {
-  return U();
+function P() {
+  return O();
+}
+class X {
+  constructor({
+    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 $ {
+class G {
   constructor({
-    config: n,
+    config: a,
     api: o,
     contactCtx: c,
-    sessionsPollingIntervalSeconds: g
+    sessionsPollingIntervalSeconds: h
   }) {
-    this.sessionsRefresher = new R(), 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 $ {
       });
       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 $ {
       });
     }, 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 $ {
         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 q {
+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 q {
     }), 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, C;
+      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,37 +544,51 @@ class q {
           );
           return;
         }
-        const p = this.state.get().isSendingMessage, S = ((t = this.sessionCtx.sessionState.get().session) == null ? void 0 : t.assignee.kind) === "ai", b = this.state.get().messages, m = b.length > 0 ? b[b.length - 1] : void 0;
-        if (S && p || // If last message is from user, then bot response did not arrive yet
-        S && (m == null ? void 0 : m.type) === "FROM_USER") {
+        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 && (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 u = this.toUserMessage(
+        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: P(),
+            component: "bot_message",
+            type: "AI",
+            timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+            data: {
+              message: u.message
+            }
+          })
+        ) : [], k = this.toUserMessage(
           e.content.trim(),
           e.attachments || void 0
-        ), x = this.state.get().messages;
+        );
         if (this.state.setPartial({
-          messages: [...x, u]
-        }), !((s = this.sessionCtx.sessionState.get().session) != null && s.id)) {
+          messages: [
+            ...M,
+            ...A,
+            k
+          ]
+        }), !((r = this.sessionCtx.sessionState.get().session) != null && r.id)) {
           if (!await this.sessionCtx.createSession()) {
             console.error("Failed to create session");
             return;
           }
           this.sessionCtx.refreshSessions();
         }
-        const y = (i = this.sessionCtx.sessionState.get().session) == null ? void 0 : i.id;
-        if (!y) return;
-        const { data: f } = 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: u.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: y,
-            content: u.content,
+            session_id: T,
+            content: k.content,
             attachments: e.attachments,
             clientContext: this.config.context,
             custom_data: {
@@ -490,52 +596,56 @@ class q {
               ...e.customData || {}
             },
             language: this.config.language,
-            exit_mode_prompt: e.exitModePrompt
+            exit_mode_prompt: e.exitModePrompt,
+            initial_messages: E ? M.map((u) => ({
+              uuid: u.id,
+              content: u.data.message
+            })) : void 0
           },
           this.sendMessageAbortController.signal
         );
-        if (f != null && f.success) {
-          const w = this.toBotMessage(f);
-          if (w) {
-            const k = this.state.get().messages;
-            if (!!k.some(
-              (A) => A.id === w.id
+        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: ((r = f.autopilotResponse) == null ? void 0 : r.mightSolveUserIssue) || ((a = f.uiResponse) == null ? void 0 : a.mightSolveUserIssue)
+                lastAIResMightSolveUserIssue: ((d = p.autopilotResponse) == null ? void 0 : d.mightSolveUserIssue) || ((l = p.uiResponse) == null ? void 0 : l.mightSolveUserIssue)
               });
               return;
             }
             this.state.setPartial({
-              messages: [...k, w],
-              lastAIResMightSolveUserIssue: ((h = f.autopilotResponse) == null ? void 0 : h.mightSolveUserIssue) || ((l = f.uiResponse) == null ? void 0 : l.mightSolveUserIssue)
+              messages: [...I, u],
+              lastAIResMightSolveUserIssue: ((m = p.autopilotResponse) == null ? void 0 : m.mightSolveUserIssue) || ((S = p.uiResponse) == null ? void 0 : S.mightSolveUserIssue)
             });
           }
-          f.session && this.sessionCtx.sessionState.setPartial({ session: f.session });
+          p.session && this.sessionCtx.sessionState.setPartial({ session: p.session });
         } else {
-          const w = this.toBotErrorMessage(
-            ((C = f == null ? void 0 : f.error) == null ? void 0 : C.message) || "Unknown error occurred"
-          ), k = this.state.get().messages;
+          const u = this.toBotErrorMessage(
+            ((x = p == null ? void 0 : p.error) == null ? void 0 : x.message) || "Unknown error occurred"
+          ), I = this.state.get().messages;
           this.state.setPartial({
-            messages: [...k, w]
+            messages: [...I, u]
           });
         }
-      } catch (p) {
-        this.sendMessageAbortController.signal.aborted || console.error("Failed to send message:", p);
+      } catch (w) {
+        this.sendMessageAbortController.signal.aborted || console.error("Failed to send message:", w);
       } finally {
         this.state.setPartial({ isSendingMessage: !1 });
       }
     }, 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: I(),
-        type: "FROM_USER",
+        id: P(),
+        type: "USER",
         content: s,
         deliveredAt: (/* @__PURE__ */ new Date()).toISOString(),
         attachments: t,
@@ -544,8 +654,8 @@ ${e}` : e;
     }, this.toBotMessage = (e) => {
       var t;
       return e.success && e.autopilotResponse ? {
-        type: "FROM_BOT",
-        id: e.autopilotResponse.id || I(),
+        type: "AI",
+        id: e.autopilotResponse.id || P(),
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         component: "bot_message",
         agent: this.config.bot ? {
@@ -563,8 +673,8 @@ ${e}` : e;
         }
       } : null;
     }, this.toBotErrorMessage = (e) => ({
-      type: "FROM_BOT",
-      id: I(),
+      type: "AI",
+      id: P(),
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       component: "TEXT",
       data: {
@@ -572,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 N {
+class z {
   constructor({
-    config: n,
+    config: a,
     contactCtx: o,
     sessionCtx: c,
-    resetChat: g
+    resetChat: h
   }) {
     var e;
     this.registerRoutingListener = () => {
@@ -591,14 +701,14 @@ class N {
         });
       }), 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((C) => C.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 = () => {
@@ -610,14 +720,14 @@ class N {
         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 H {
+class j {
   constructor({
-    storage: n,
+    storage: a,
     config: o
   }) {
     this.KEYS = {
@@ -627,12 +737,12 @@ class H {
       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 v = class v {
   constructor({
-    config: n,
+    config: a,
     storage: o,
     modes: c
   }) {
@@ -642,27 +752,32 @@ const v = class v {
       throw Error(
         "Widget polling values are not defined, did you call WidgetCtx.initialize()"
       );
-    this.config = n, this.api = new T({ config: n }), this.storageCtx = o ? new H({ storage: o, config: n }) : void 0, this.modes = c, this.contactCtx = new B({
+    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 $({
+    }), this.sessionCtx = new G({
       config: this.config,
       api: this.api,
       contactCtx: this.contactCtx,
       sessionsPollingIntervalSeconds: v.pollingIntervalsSeconds.sessions
-    }), this.messageCtx = new q({
+    }), this.messageCtx = new K({
       config: this.config,
       api: this.api,
       sessionCtx: this.sessionCtx,
       contactCtx: this.contactCtx
-    }), this.activeSessionPollingCtx = new L({
+    }), 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: v.pollingIntervalsSeconds.session
-    }), this.routerCtx = new N({
+    }), this.routerCtx = new z({
       config: this.config,
       contactCtx: this.contactCtx,
       sessionCtx: this.sessionCtx,
@@ -671,29 +786,26 @@ const v = class v {
   }
 };
 v.pollingIntervalsSeconds = null, v.initialize = async ({
-  config: n,
+  config: a,
   storage: o
 }) => {
-  var g, e, t;
-  const c = await new T({
-    config: n
+  var h, e, t;
+  const c = await new U({
+    config: a
   }).getExternalWidgetConfig();
   return v.pollingIntervalsSeconds = {
-    session: ((g = c.data) == null ? void 0 : g.sessionPollingIntervalSeconds) || 10,
+    session: ((h = c.data) == null ? void 0 : h.sessionPollingIntervalSeconds) || 10,
     sessions: ((e = c.data) == null ? void 0 : e.sessionsPollingIntervalSeconds) || 60
   }, new v({
-    config: n,
+    config: a,
     storage: o,
     modes: ((t = c.data) == null ? void 0 : t.modes) || []
   });
 };
-let E = v;
-function z(d, n) {
-  console.error(`Missing case for ${d} in ${n}`);
-}
+let R = v;
 export {
-  P as PrimitiveState,
-  E as WidgetCtx,
-  z as isExhaustive
+  y as PrimitiveState,
+  R as WidgetCtx,
+  $ as isExhaustive
 };
 //# sourceMappingURL=index.js.map