@opencx/widget 3.0.39 → 3.0.41

package/dist/{widget.ctx-BhkkDE2y.js → widget.ctx-u1FxRDij.js}

@@ -1,144 +1,137 @@
-var M = Object.defineProperty;
-var R = (o, t, s) => t in o ? M(o, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[t] = s;
-var e = (o, t, s) => R(o, typeof t != "symbol" ? t + "" : t, s);
+var R = Object.defineProperty;
+var M = (o, t, e) => t in o ? R(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var s = (o, t, e) => M(o, typeof t != "symbol" ? t + "" : t, e);
 import E from "axios";
 import T from "openapi-fetch";
 import F from "lodash.isequal";
-import { v4 as k } from "uuid";
+import { v4 as y } from "uuid";
 const O = (o) => {
   console.log(o.error);
 }, _ = (o) => {
   const t = T({
     baseUrl: o.baseUrl
-  }), s = {
+  }), e = {
     onRequest: o.onRequest,
     onResponse: o.onResponse,
     onError: o.onError || O
   };
-  return t.use(s), t;
+  return t.use(e), t;
 };
 class b {
   constructor({
     config: t
   }) {
-    e(this, "client");
-    e(this, "uploadFileClient");
-    e(this, "config");
-    e(this, "constructClientOptions", (t) => {
-      const s = this.config.apiUrl || "https://api.open.cx", i = {
+    s(this, "client");
+    s(this, "uploadFileClient");
+    s(this, "config");
+    s(this, "constructClientOptions", (t) => {
+      const e = this.config.apiUrl || "https://api.open.cx", i = {
         "X-Bot-Token": this.config.token,
         "Content-Type": "application/json",
         Accept: "application/json",
         Authorization: t ? `Bearer ${t}` : void 0
       };
-      return { baseUrl: s, headers: i };
+      return { baseUrl: e, headers: i };
     });
-    e(this, "createOpenAPIClient", ({
+    s(this, "createOpenAPIClient", ({
       baseUrl: t,
-      headers: s
+      headers: e
     }) => _({
       baseUrl: t,
       onRequest: ({ request: i }) => {
-        Object.entries(s).forEach(([a, n]) => {
+        Object.entries(e).forEach(([a, n]) => {
           n && i.headers.set(a, n);
         });
       }
     }));
-    e(this, "createAxiosUploadClient", ({
+    s(this, "createAxiosUploadClient", ({
       baseUrl: t,
-      headers: s
+      headers: e
     }) => E.create({
       baseURL: `${t}/backend/widget/v2/upload`,
-      headers: s
+      headers: e
     }));
-    e(this, "setAuthToken", (t) => {
-      const { baseUrl: s, headers: i } = this.constructClientOptions(t);
-      this.client = this.createOpenAPIClient({ baseUrl: s, headers: i }), this.uploadFileClient = this.createAxiosUploadClient({ baseUrl: s, headers: i });
+    s(this, "setAuthToken", (t) => {
+      const { baseUrl: e, headers: i } = this.constructClientOptions(t);
+      this.client = this.createOpenAPIClient({ baseUrl: e, headers: i }), this.uploadFileClient = this.createAxiosUploadClient({ baseUrl: e, headers: i });
     });
-    e(this, "getExternalWidgetConfig", async () => await this.client.GET("/backend/widget/v2/config", {
+    s(this, "getExternalWidgetConfig", async () => await this.client.GET("/backend/widget/v2/config", {
       params: { header: { "X-Bot-Token": this.config.token } }
     }));
-    e(this, "widgetPrelude", async () => await this.client.GET("/backend/widget/v2/prelude", {
+    s(this, "widgetPrelude", async () => await this.client.GET("/backend/widget/v2/prelude", {
       params: { header: { "X-Bot-Token": this.config.token } }
     }));
-    e(this, "sendMessage", async (t, s) => await this.client.POST("/backend/widget/v2/chat/send", {
+    s(this, "sendMessage", async (t, e) => await this.client.POST("/backend/widget/v2/chat/send", {
       body: t,
-      signal: s
+      signal: e
     }));
-    e(this, "getSessionHistory", async ({
-      sessionId: t,
-      lastMessageTimestamp: s,
-      abortSignal: i
-    }) => {
-      const a = s ? { lastMessageTimestamp: s } : void 0;
-      return await this.client.GET(
-        "/backend/widget/v2/session/history/{sessionId}",
-        { params: { path: { sessionId: t }, query: a }, signal: i }
-      );
-    });
-    e(this, "createUnverifiedContact", async (t) => await this.client.POST(
+    s(this, "createUnverifiedContact", async (t) => await this.client.POST(
       "/backend/widget/v2/contact/create-unverified",
       {
         params: { header: { "x-bot-token": this.config.token } },
         body: t
       }
     ));
-    e(this, "createSession", async (t) => await this.client.POST("/backend/widget/v2/create-session", {
+    s(this, "createSession", async (t) => await this.client.POST("/backend/widget/v2/create-session", {
       body: t
     }));
-    e(this, "getSession", async ({
+    s(this, "pollSessionAndHistory", async ({
       sessionId: t,
-      abortSignal: s
-    }) => await this.client.GET("/backend/widget/v2/session/{sessionId}", {
-      params: { path: { sessionId: t } },
-      signal: s
-    }));
-    e(this, "getSessions", async ({
+      lastMessageTimestamp: e,
+      abortSignal: i
+    }) => {
+      const a = e ? { lastMessageTimestamp: e } : void 0;
+      return await this.client.GET("/backend/widget/v2/poll/{sessionId}", {
+        params: { path: { sessionId: t }, query: a },
+        signal: i
+      });
+    });
+    s(this, "getSessions", async ({
       cursor: t,
-      filters: s,
+      filters: e,
       abortSignal: i
     }) => await this.client.GET("/backend/widget/v2/sessions", {
-      params: { query: { cursor: t, filters: JSON.stringify(s) } },
+      params: { query: { cursor: t, filters: JSON.stringify(e) } },
       signal: i
     }));
-    e(this, "uploadFile", async (t, s = {}) => {
+    s(this, "uploadFile", async (t, e = {}) => {
       const i = new FormData();
       i.append("file", t.file);
       const { data: a } = await this.uploadFileClient.post("", i, {
         headers: {
           "Content-Type": "multipart/form-data"
         },
-        ...s
+        ...e
       });
       return a;
     });
-    e(this, "vote", async (t) => await this.client.POST("/backend/widget/v2/chat/vote", { body: t }));
+    s(this, "vote", async (t) => await this.client.POST("/backend/widget/v2/chat/vote", { body: t }));
     var a;
     this.config = t;
-    const { baseUrl: s, headers: i } = this.constructClientOptions(
+    const { baseUrl: e, headers: i } = this.constructClientOptions(
       (a = t.user) == null ? void 0 : a.token
     );
-    this.client = this.createOpenAPIClient({ baseUrl: s, headers: i }), this.uploadFileClient = this.createAxiosUploadClient({ baseUrl: s, headers: i });
+    this.client = this.createOpenAPIClient({ baseUrl: e, headers: i }), this.uploadFileClient = this.createAxiosUploadClient({ baseUrl: e, headers: i });
   }
 }
 class C {
   constructor(t) {
-    e(this, "subscribers", /* @__PURE__ */ new Set());
-    e(this, "state");
-    e(this, "initialState");
-    e(this, "get", () => this.state);
-    e(this, "set", (t) => {
+    s(this, "subscribers", /* @__PURE__ */ new Set());
+    s(this, "state");
+    s(this, "initialState");
+    s(this, "get", () => this.state);
+    s(this, "set", (t) => {
       F(this.state, t) || (this.state = t, this.notifySubscribers(t));
     });
-    e(this, "setPartial", (t) => {
+    s(this, "setPartial", (t) => {
       if (t == null) return;
-      const s = { ...this.state, ...t };
-      this.set(s);
+      const e = { ...this.state, ...t };
+      this.set(e);
     });
-    e(this, "reset", () => {
+    s(this, "reset", () => {
       this.set(this.initialState);
     });
-    e(this, "notifySubscribers", (t) => {
+    s(this, "notifySubscribers", (t) => {
       Array.from(this.subscribers).forEach((i) => {
         try {
           i(t);
@@ -147,30 +140,151 @@ class C {
         }
       });
     });
-    e(this, "subscribe", (t) => (this.subscribers.add(t), () => {
+    s(this, "subscribe", (t) => (this.subscribers.add(t), () => {
       this.subscribers.delete(t);
     }));
     this.state = t, this.initialState = t;
   }
 }
+class k {
+  constructor() {
+    s(this, "state", new C({
+      isPolling: !1,
+      isError: !1
+    }));
+    s(this, "abortController", new AbortController());
+    s(this, "reset", () => {
+      var t;
+      this.abortController.abort("Resetting poller"), (t = this.stopPolling) == null || t.call(this), this.stopPolling = null;
+    });
+    s(this, "stopPolling", null);
+    s(this, "startPolling", (t, e) => {
+      if (this.stopPolling) return;
+      const i = [], a = async () => {
+        this.abortController = new AbortController(), this.state.setPartial({ isPolling: !0 });
+        try {
+          await t(this.abortController.signal);
+        } catch (n) {
+          if (this.abortController.signal.aborted)
+            return;
+          console.error("Failed to poll:", n), this.state.setPartial({ isError: !0 });
+        } finally {
+          this.state.setPartial({ isPolling: !1 });
+        }
+        this.abortController.signal.aborted ? console.log("Poller aborted, not scheduling anymore") : i.push(setTimeout(a, e));
+      };
+      a(), this.stopPolling = () => {
+        i.forEach(clearTimeout), this.state.reset();
+      };
+    });
+  }
+}
 class L {
+  constructor({
+    api: t,
+    config: e,
+    sessionCtx: i,
+    messageCtx: a,
+    sessionPollingIntervalSeconds: n
+  }) {
+    s(this, "api");
+    s(this, "config");
+    s(this, "sessionCtx");
+    s(this, "messageCtx");
+    s(this, "sessionPollingIntervalSeconds");
+    s(this, "poller", new k());
+    s(this, "registerPolling", () => {
+      this.sessionCtx.sessionState.subscribe(({ session: t }) => {
+        t != null && t.id ? this.poller.startPolling(async (e) => {
+          this.hackAndSlash(t.id, e);
+        }, this.sessionPollingIntervalSeconds * 1e3) : this.poller.reset();
+      });
+    });
+    s(this, "hackAndSlash", async (t, e) => {
+      var n;
+      this.messageCtx.state.get().messages.length === 0 && this.messageCtx.state.setPartial({ isInitialFetchLoading: !0 });
+      const i = (n = this.messageCtx.state.get().messages.at(-1)) == null ? void 0 : n.timestamp, { data: a } = await this.api.pollSessionAndHistory({
+        sessionId: t,
+        abortSignal: e,
+        lastMessageTimestamp: i
+      });
+      if (a != null && a.session && this.sessionCtx.sessionState.setPartial({ session: a.session }), a != null && a.history && a.history.length > 0) {
+        const r = this.messageCtx.state.get().messages, l = a.history.map(this.mapHistoryToMessage).filter(
+          (d) => !r.some((u) => u.id === d.id)
+        );
+        this.messageCtx.state.setPartial({
+          messages: [...r, ...l]
+        });
+      }
+      this.messageCtx.state.get().isInitialFetchLoading && this.messageCtx.state.setPartial({ isInitialFetchLoading: !1 });
+    });
+    s(this, "mapHistoryToMessage", (t) => {
+      var a, n, r;
+      const e = {
+        id: t.publicId,
+        timestamp: t.sentAt || "",
+        attachments: t.attachments || void 0
+      };
+      if (t.sender.kind === "user")
+        return {
+          ...e,
+          type: "FROM_USER",
+          content: t.content.text || "",
+          deliveredAt: t.sentAt || ""
+        };
+      if (t.sender.kind === "agent")
+        return {
+          ...e,
+          type: "FROM_AGENT",
+          component: "agent_message",
+          data: {
+            message: t.content.text || ""
+          },
+          agent: {
+            name: t.sender.name || "",
+            avatar: t.sender.avatar || "",
+            id: null,
+            isAi: !1
+          }
+        };
+      const i = (a = t.actionCalls) == null ? void 0 : a.at(-1);
+      return {
+        ...e,
+        type: "FROM_BOT",
+        component: "bot_message",
+        agent: {
+          id: null,
+          name: ((n = this.config.bot) == null ? void 0 : n.name) || "",
+          isAi: !0,
+          avatar: ((r = this.config.bot) == null ? void 0 : r.avatar) || ""
+        },
+        data: {
+          message: t.content.text || "",
+          action: i ? { name: i.actionName, data: i.result } : void 0
+        }
+      };
+    });
+    this.api = t, this.config = e, this.sessionCtx = i, this.messageCtx = a, this.sessionPollingIntervalSeconds = n, this.registerPolling();
+  }
+}
+class B {
   constructor({
     config: t,
-    api: s,
+    api: e,
     storageCtx: i
   }) {
-    e(this, "config");
-    e(this, "storageCtx");
-    e(this, "api");
-    e(this, "state");
-    e(this, "shouldCollectData", () => {
+    s(this, "config");
+    s(this, "storageCtx");
+    s(this, "api");
+    s(this, "state");
+    s(this, "shouldCollectData", () => {
       var t;
       return !!(!((t = this.state.get().contact) != null && t.token) && this.config.collectUserData);
     });
-    e(this, "autoCreateUnverifiedUserIfNotExists", async () => {
-      var t, s, i, a, n, r, l, d, u, S, p;
+    s(this, "autoCreateUnverifiedUserIfNotExists", async () => {
+      var t, e, i, a, n, r, l, d, u, p, S;
       if (!((t = this.config.user) != null && t.token)) {
-        if (this.config.collectUserData && !((i = (s = this.config.user) == null ? void 0 : s.data) != null && i.email)) {
+        if (this.config.collectUserData && !((i = (e = this.config.user) == null ? void 0 : e.data) != null && i.email)) {
           const g = await ((a = this.storageCtx) == null ? void 0 : a.getContactToken());
           g && await this.setUnverifiedContact(g);
           return;
@@ -184,29 +298,29 @@ class L {
         }
         await this.createUnverifiedContact({
           name: ((u = (d = this.config.user) == null ? void 0 : d.data) == null ? void 0 : u.name) || "Anonymous",
-          email: (p = (S = this.config.user) == null ? void 0 : S.data) == null ? void 0 : p.email
+          email: (S = (p = this.config.user) == null ? void 0 : p.data) == null ? void 0 : S.email
         });
       }
     });
-    e(this, "createUnverifiedContact", async (t) => {
+    s(this, "createUnverifiedContact", async (t) => {
       try {
         this.state.setPartial({
           isCreatingUnverifiedContact: !0,
           isErrorCreatingUnverifiedContact: !1
         });
-        const { data: s } = await this.api.createUnverifiedContact(t);
-        s != null && s.token ? await this.setUnverifiedContact(s.token) : this.state.setPartial({ isErrorCreatingUnverifiedContact: !0 });
+        const { data: e } = await this.api.createUnverifiedContact(t);
+        e != null && e.token ? await this.setUnverifiedContact(e.token) : this.state.setPartial({ isErrorCreatingUnverifiedContact: !0 });
       } finally {
         this.state.setPartial({ isCreatingUnverifiedContact: !1 });
       }
     });
-    e(this, "setUnverifiedContact", async (t) => {
+    s(this, "setUnverifiedContact", async (t) => {
       var a, n, r, l;
-      const s = await ((a = this.storageCtx) == null ? void 0 : a.getExternalContactId()), i = ((n = this.config.user) == null ? void 0 : n.externalId) || s || k();
+      const e = await ((a = this.storageCtx) == null ? void 0 : a.getExternalContactId()), i = ((n = this.config.user) == null ? void 0 : n.externalId) || e || y();
       this.api.setAuthToken(t), await ((r = this.storageCtx) == null ? void 0 : r.setContactToken(t)), await ((l = this.storageCtx) == null ? void 0 : l.setExternalContactId(i)), this.state.setPartial({ contact: { token: t, externalId: i } });
     });
     var a;
-    this.config = t, this.storageCtx = i, this.api = s, this.state = new C({
+    this.config = t, this.storageCtx = i, this.api = e, this.state = new C({
       contact: (a = t.user) != null && a.token ? {
         token: t.user.token,
         // Set optional externalId from config... not local storage
@@ -217,60 +331,24 @@ class L {
     }), this.autoCreateUnverifiedUserIfNotExists();
   }
 }
-class w {
-  constructor() {
-    e(this, "state", new C({
-      isPolling: !1,
-      isError: !1
-    }));
-    e(this, "abortController", new AbortController());
-    e(this, "reset", () => {
-      var t;
-      this.abortController.abort("Resetting poller"), (t = this.stopPolling) == null || t.call(this), this.stopPolling = null;
-    });
-    e(this, "stopPolling", null);
-    e(this, "startPolling", (t, s) => {
-      if (this.stopPolling) return;
-      const i = [], a = async () => {
-        this.abortController = new AbortController(), this.state.setPartial({ isPolling: !0 });
-        try {
-          await t(this.abortController.signal);
-        } catch (n) {
-          if (this.abortController.signal.aborted)
-            return;
-          console.error("Failed to poll:", n), this.state.setPartial({ isError: !0 });
-        } finally {
-          this.state.setPartial({ isPolling: !1 });
-        }
-        this.abortController.signal.aborted ? console.log("Poller aborted, not scheduling anymore") : i.push(setTimeout(a, s));
-      };
-      a(), this.stopPolling = () => {
-        i.forEach(clearTimeout), this.state.reset();
-      };
-    });
-  }
-}
-function x() {
-  return k();
+function v() {
+  return y();
 }
-class B {
+class D {
   constructor({
     api: t,
-    contactCtx: s,
-    sessionPollingIntervalSeconds: i,
-    sessionsPollingIntervalSeconds: a
+    contactCtx: e,
+    sessionsPollingIntervalSeconds: i
   }) {
-    e(this, "api");
-    e(this, "contactCtx");
-    e(this, "sessionPollingIntervalSeconds");
-    e(this, "sessionsPollingIntervalSeconds");
-    e(this, "activeSessionPoller", new w());
-    e(this, "sessionsRefresher", new w());
-    e(this, "sessionState", new C({
+    s(this, "api");
+    s(this, "contactCtx");
+    s(this, "sessionsPollingIntervalSeconds");
+    s(this, "sessionsRefresher", new k());
+    s(this, "sessionState", new C({
       session: null,
       isCreatingSession: !1
     }));
-    e(this, "sessionsState", new C({
+    s(this, "sessionsState", new C({
       data: [],
       cursor: void 0,
       isLastPage: !1,
@@ -281,49 +359,32 @@ class B {
       isInitialFetchLoading: !0
     }));
     /** Clears the session and stops polling */
-    e(this, "reset", async () => {
-      this.sessionState.reset(), this.activeSessionPoller.reset();
-    });
-    e(this, "registerActiveSessionPolling", () => {
-      this.sessionState.subscribe(({ session: t }) => {
-        t != null && t.id ? this.activeSessionPoller.startPolling(async (s) => {
-          const { data: i } = await this.api.getSession({
-            sessionId: t.id,
-            abortSignal: s
-          });
-          i && this.sessionState.setPartial({ session: i });
-        }, this.sessionPollingIntervalSeconds * 1e3) : this.activeSessionPoller.reset();
-      });
+    s(this, "reset", async () => {
+      this.sessionState.reset();
     });
-    e(this, "registerInitialSessionsFetch", () => {
+    s(this, "registerSessionsRefresherWrapper", () => {
       var t;
       // If the widget config was initially provided with a contact token, no state change would be triggered, so we just fetch
-      (t = this.contactCtx.state.get().contact) != null && t.token && !this.sessionsState.get().didStartInitialFetch ? this.registerSessionsRefresher() : this.contactCtx.state.subscribe(({ contact: s }) => {
-        s != null && s.token && !this.sessionsState.get().didStartInitialFetch && this.registerSessionsRefresher();
+      (t = this.contactCtx.state.get().contact) != null && t.token && !this.sessionsState.get().didStartInitialFetch ? this.registerSessionsRefresher() : this.contactCtx.state.subscribe(({ contact: e }) => {
+        e != null && e.token && !this.sessionsState.get().didStartInitialFetch && this.registerSessionsRefresher();
       });
     });
-    e(this, "registerSessionsRefresher", () => {
+    s(this, "registerSessionsRefresher", () => {
       this.sessionsRefresher.startPolling(async () => {
-        this.sessionsState.get().didStartInitialFetch === !1 && this.sessionsState.setPartial({ didStartInitialFetch: !0 });
-        const { data: t } = await this.getSessions({ cursor: void 0 });
-        if (!t) return;
-        const s = [...t.items, ...this.sessionsState.get().data].filter(
-          (i, a, n) => a === n.findIndex((r) => i.id === r.id)
-        );
-        this.sessionsState.setPartial({ data: s }), this.sessionsState.get().isInitialFetchLoading === !0 && this.sessionsState.setPartial({ isInitialFetchLoading: !1 });
+        this.sessionsState.get().didStartInitialFetch === !1 && this.sessionsState.setPartial({ didStartInitialFetch: !0 }), await this.refreshSessions(), this.sessionsState.get().isInitialFetchLoading === !0 && this.sessionsState.setPartial({ isInitialFetchLoading: !1 });
       }, this.sessionsPollingIntervalSeconds * 1e3);
     });
-    e(this, "createSession", async () => {
+    s(this, "createSession", async () => {
       var a;
       this.sessionState.setPartial({ session: null, isCreatingSession: !0 });
-      const t = (a = this.contactCtx.state.get().contact) == null ? void 0 : a.externalId, { data: s, error: i } = await this.api.createSession({
+      const t = (a = this.contactCtx.state.get().contact) == null ? void 0 : a.externalId, { data: e, error: i } = await this.api.createSession({
         customData: t ? {
           external_id: t
         } : void 0
       });
-      return s ? (this.sessionState.setPartial({ session: s, isCreatingSession: !1 }), s) : (console.error("Failed to create session:", i), null);
+      return e ? (this.sessionState.setPartial({ session: e, isCreatingSession: !1 }), e) : (console.error("Failed to create session:", i), null);
     });
-    e(this, "loadMoreSessions", async () => {
+    s(this, "loadMoreSessions", async () => {
       if (this.sessionsState.get().isLastPage) return;
       const { data: t } = await this.getSessions({
         cursor: this.sessionsState.get().cursor
@@ -339,57 +400,55 @@ class B {
         });
       }
     });
-    e(this, "getSessions", async ({ cursor: t }) => {
+    s(this, "getSessions", async ({ cursor: t }) => {
       var i, a;
       if (!((i = this.contactCtx.state.get().contact) != null && i.token)) return { data: null };
-      const s = (a = this.contactCtx.state.get().contact) == null ? void 0 : a.externalId;
+      const e = (a = this.contactCtx.state.get().contact) == null ? void 0 : a.externalId;
       return await this.api.getSessions({
         cursor: t,
-        filters: s ? {
-          external_id: s
+        filters: e ? {
+          external_id: e
         } : {}
       });
     });
-    this.api = t, this.contactCtx = s, this.sessionPollingIntervalSeconds = i, this.sessionsPollingIntervalSeconds = a, this.registerActiveSessionPolling(), this.registerInitialSessionsFetch();
+    s(this, "refreshSessions", async () => {
+      const { data: t } = await this.getSessions({ cursor: void 0 });
+      if (!t) return;
+      const e = [...t.items, ...this.sessionsState.get().data].filter(
+        (i, a, n) => a === n.findIndex((r) => i.id === r.id)
+      );
+      this.sessionsState.setPartial({ data: e });
+    });
+    this.api = t, this.contactCtx = e, this.sessionsPollingIntervalSeconds = i, this.registerSessionsRefresherWrapper();
   }
 }
-class D {
+class q {
   constructor({
     config: t,
-    api: s,
-    sessionCtx: i,
-    sessionPollingIntervalSeconds: a
+    api: e,
+    sessionCtx: i
   }) {
-    e(this, "config");
-    e(this, "api");
-    e(this, "sessionCtx");
-    e(this, "sessionPollingIntervalSeconds");
-    e(this, "poller", new w());
-    e(this, "state", new C({
+    s(this, "config");
+    s(this, "api");
+    s(this, "sessionCtx");
+    s(this, "state", new C({
       messages: [],
       isSendingMessage: !1,
       lastAIResMightSolveUserIssue: !1,
       isInitialFetchLoading: !1
     }));
-    e(this, "sendMessageAbortController", new AbortController());
-    e(this, "reset", () => {
-      this.sendMessageAbortController.abort("Resetting chat"), this.state.reset(), this.poller.reset();
+    s(this, "sendMessageAbortController", new AbortController());
+    s(this, "reset", () => {
+      this.sendMessageAbortController.abort("Resetting chat"), this.state.reset();
     });
-    e(this, "registerPolling", () => {
-      this.sessionCtx.sessionState.subscribe(({ session: t }) => {
-        t != null && t.id ? this.poller.startPolling(async (s) => {
-          await this.fetchAndSetHistory(t.id, s);
-        }, this.sessionPollingIntervalSeconds * 1e3) : this.poller.reset();
-      });
-    });
-    e(this, "sendMessage", async (t) => {
-      var n, r, l, d, u, S, p, g, P;
+    s(this, "sendMessage", async (t) => {
+      var n, r, l, d, u, p, S, g, w;
       if (!t.content.trim() && (!t.attachments || t.attachments.length === 0)) {
         console.warn("Cannot send an empty message of no content or attachments");
         return;
       }
-      const s = this.state.get().isSendingMessage, i = ((n = this.sessionCtx.sessionState.get().session) == null ? void 0 : n.assignee.kind) === "ai", a = this.state.get().messages.at(-1);
-      if (i && s || // If last message is from user, then bot response did not arrive yet
+      const e = this.state.get().isSendingMessage, i = ((n = this.sessionCtx.sessionState.get().session) == null ? void 0 : n.assignee.kind) === "ai", a = this.state.get().messages.at(-1);
+      if (i && e || // If last message is from user, then bot response did not arrive yet
       i && (a == null ? void 0 : a.type) === "FROM_USER") {
         console.warn("Cannot send messages while awaiting AI response");
         return;
@@ -407,15 +466,16 @@ class D {
           console.error("Failed to create session");
           return;
         }
-        const I = (l = this.sessionCtx.sessionState.get().session) == null ? void 0 : l.id;
-        if (!I) return;
+        const P = (l = this.sessionCtx.sessionState.get().session) == null ? void 0 : l.id;
+        if (!P) return;
+        this.sessionCtx.refreshSessions();
         const { data: c } = await this.api.sendMessage(
           {
             uuid: m.id,
             bot_token: this.config.token,
             headers: this.config.headers,
             query_params: this.config.queryParams,
-            session_id: I,
+            session_id: P,
             user: (d = this.config.user) == null ? void 0 : d.data,
             ...t
           },
@@ -424,26 +484,26 @@ class D {
         if (c != null && c.success) {
           const f = this.toBotMessage(c);
           if (f) {
-            const v = this.state.get().messages;
-            if (!!v.some(
+            const x = this.state.get().messages;
+            if (!!x.some(
               (U) => U.id === f.id
             )) {
               this.state.setPartial({
-                lastAIResMightSolveUserIssue: ((u = c.autopilotResponse) == null ? void 0 : u.mightSolveUserIssue) || ((S = c.uiResponse) == null ? void 0 : S.mightSolveUserIssue)
+                lastAIResMightSolveUserIssue: ((u = c.autopilotResponse) == null ? void 0 : u.mightSolveUserIssue) || ((p = c.uiResponse) == null ? void 0 : p.mightSolveUserIssue)
               });
               return;
             }
             this.state.setPartial({
-              messages: [...v, f],
-              lastAIResMightSolveUserIssue: ((p = c.autopilotResponse) == null ? void 0 : p.mightSolveUserIssue) || ((g = c.uiResponse) == null ? void 0 : g.mightSolveUserIssue)
+              messages: [...x, f],
+              lastAIResMightSolveUserIssue: ((S = c.autopilotResponse) == null ? void 0 : S.mightSolveUserIssue) || ((g = c.uiResponse) == null ? void 0 : g.mightSolveUserIssue)
             });
           }
         } else {
           const f = this.toBotErrorMessage(
-            ((P = c == null ? void 0 : c.error) == null ? void 0 : P.message) || "Unknown error occurred"
-          ), v = this.state.get().messages;
+            ((w = c == null ? void 0 : c.error) == null ? void 0 : w.message) || "Unknown error occurred"
+          ), x = this.state.get().messages;
           this.state.setPartial({
-            messages: [...v, f]
+            messages: [...x, f]
           });
         }
       } catch (m) {
@@ -452,84 +512,19 @@ class D {
         this.state.setPartial({ isSendingMessage: !1 });
       }
     });
-    e(this, "fetchAndSetHistory", async (t, s) => {
-      var n;
-      this.state.get().messages.length === 0 && this.state.setPartial({ isInitialFetchLoading: !0 });
-      const i = (n = this.state.get().messages.at(-1)) == null ? void 0 : n.timestamp, { data: a } = await this.api.getSessionHistory({
-        sessionId: t,
-        lastMessageTimestamp: i,
-        abortSignal: s
-      });
-      if (a && a.length > 0) {
-        const r = this.state.get().messages, l = a.map(this.mapHistoryToMessage).filter(
-          (d) => !r.some((u) => u.id === d.id)
-        );
-        this.state.setPartial({
-          messages: [...r, ...l]
-        });
-      }
-      this.state.get().isInitialFetchLoading && this.state.setPartial({ isInitialFetchLoading: !1 });
-    });
-    /** Not the best name but whatever */
-    e(this, "mapHistoryToMessage", (t) => {
-      var a, n, r;
-      const s = {
-        id: t.publicId,
-        timestamp: t.sentAt || "",
-        attachments: t.attachments || void 0
-      };
-      if (t.sender.kind === "user")
-        return {
-          ...s,
-          type: "FROM_USER",
-          content: t.content.text || "",
-          deliveredAt: t.sentAt || ""
-        };
-      if (t.sender.kind === "agent")
-        return {
-          ...s,
-          type: "FROM_AGENT",
-          component: "agent_message",
-          data: {
-            message: t.content.text || ""
-          },
-          agent: {
-            name: t.sender.name || "",
-            avatar: t.sender.avatar || "",
-            id: null,
-            isAi: !1
-          }
-        };
-      const i = (a = t.actionCalls) == null ? void 0 : a.at(-1);
-      return {
-        ...s,
-        type: "FROM_BOT",
-        component: "bot_message",
-        agent: {
-          id: null,
-          name: ((n = this.config.bot) == null ? void 0 : n.name) || "",
-          isAi: !0,
-          avatar: ((r = this.config.bot) == null ? void 0 : r.avatar) || ""
-        },
-        data: {
-          message: t.content.text || "",
-          action: i ? { name: i.actionName, data: i.result } : void 0
-        }
-      };
-    });
-    e(this, "toUserMessage", (t, s) => ({
-      id: x(),
+    s(this, "toUserMessage", (t, e) => ({
+      id: v(),
       type: "FROM_USER",
       content: t,
       deliveredAt: (/* @__PURE__ */ new Date()).toISOString(),
-      attachments: s,
+      attachments: e,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     }));
-    e(this, "toBotMessage", (t) => {
-      var s;
+    s(this, "toBotMessage", (t) => {
+      var e;
       return t.success && t.autopilotResponse ? {
         type: "FROM_BOT",
-        id: t.autopilotResponse.id || x(),
+        id: t.autopilotResponse.id || v(),
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         component: "bot_message",
         agent: this.config.bot ? {
@@ -540,16 +535,16 @@ class D {
         } : void 0,
         data: {
           message: t.autopilotResponse.value.content,
-          action: (s = t.uiResponse) != null && s.value.name ? {
+          action: (e = t.uiResponse) != null && e.value.name ? {
             name: t.uiResponse.value.name,
             data: t.uiResponse.value.request_response
           } : void 0
         }
       } : null;
     });
-    e(this, "toBotErrorMessage", (t) => ({
+    s(this, "toBotErrorMessage", (t) => ({
       type: "FROM_BOT",
-      id: x(),
+      id: v(),
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       component: "TEXT",
       data: {
@@ -558,104 +553,109 @@ class D {
         action: void 0
       }
     }));
-    this.config = t, this.api = s, this.sessionCtx = i, this.sessionPollingIntervalSeconds = a, this.registerPolling();
+    this.config = t, this.api = e, this.sessionCtx = i;
   }
 }
-class q {
+class G {
   constructor({
     contactCtx: t,
-    sessionCtx: s,
+    sessionCtx: e,
     resetChat: i
   }) {
-    e(this, "state");
-    e(this, "contactCtx");
-    e(this, "sessionCtx");
-    e(this, "resetChat");
-    e(this, "registerRoutingListener", () => {
+    s(this, "state");
+    s(this, "contactCtx");
+    s(this, "sessionCtx");
+    s(this, "resetChat");
+    s(this, "registerRoutingListener", () => {
       this.contactCtx.state.subscribe(({ contact: t }) => {
         t != null && t.token && this.state.get().screen === "welcome" && this.state.setPartial({ screen: "sessions" });
       });
     });
-    e(this, "toSessionsScreen", () => {
+    s(this, "toSessionsScreen", () => {
       this.resetChat(), this.state.setPartial({ screen: "sessions" });
     });
     /**
      * @param sessionId The ID of the session to open, or `undefined` if it is a new chat session
      */
-    e(this, "toChatScreen", (t) => {
+    s(this, "toChatScreen", (t) => {
       if (this.resetChat(), t) {
-        const s = this.sessionCtx.sessionsState.get().data.find((i) => i.id === t);
-        if (!s) return;
-        this.sessionCtx.sessionState.setPartial({ session: s });
+        const e = this.sessionCtx.sessionsState.get().data.find((i) => i.id === t);
+        if (!e) return;
+        this.sessionCtx.sessionState.setPartial({ session: e });
       }
       this.state.setPartial({ screen: "chat" });
     });
     this.state = new C({
       screen: t.shouldCollectData() ? "welcome" : "sessions"
-    }), this.contactCtx = t, this.sessionCtx = s, this.resetChat = i, this.registerRoutingListener();
+    }), this.contactCtx = t, this.sessionCtx = e, this.resetChat = i, this.registerRoutingListener();
   }
 }
-class G {
+class K {
   constructor({ storage: t }) {
-    e(this, "storage");
-    e(this, "KEYS", {
+    s(this, "storage");
+    s(this, "KEYS", {
       contactToken: "opencx__widget__contactToken",
       externalContactId: "opencx__widget__externalContactId"
     });
-    e(this, "setContactToken", async (t) => {
+    s(this, "setContactToken", async (t) => {
       await this.storage.set(this.KEYS.contactToken, t);
     });
-    e(this, "getContactToken", async () => this.storage.get(this.KEYS.contactToken));
-    e(this, "setExternalContactId", async (t) => {
+    s(this, "getContactToken", async () => this.storage.get(this.KEYS.contactToken));
+    s(this, "setExternalContactId", async (t) => {
       await this.storage.set(this.KEYS.externalContactId, t);
     });
-    e(this, "getExternalContactId", async () => this.storage.get(this.KEYS.externalContactId));
+    s(this, "getExternalContactId", async () => this.storage.get(this.KEYS.externalContactId));
     this.storage = t;
   }
 }
 const h = class h {
   constructor({
     config: t,
-    storage: s
+    storage: e
   }) {
-    e(this, "config");
-    e(this, "api");
-    e(this, "contactCtx");
-    e(this, "sessionCtx");
-    e(this, "messageCtx");
-    e(this, "routerCtx");
-    e(this, "storageCtx");
-    e(this, "resetChat", () => {
+    s(this, "config");
+    s(this, "api");
+    s(this, "contactCtx");
+    s(this, "sessionCtx");
+    s(this, "messageCtx");
+    s(this, "routerCtx");
+    s(this, "storageCtx");
+    s(this, "activeSessionPollingCtx");
+    s(this, "resetChat", () => {
       this.sessionCtx.reset(), this.messageCtx.reset();
     });
     if (!h.pollingIntervalsSeconds)
       throw Error(
         "Widget polling values are not defined, did you call WidgetCtx.initialize()"
       );
-    this.config = t, this.api = new b({ config: t }), this.storageCtx = s ? new G({ storage: s }) : void 0, this.contactCtx = new L({
+    this.config = t, this.api = new b({ config: t }), this.storageCtx = e ? new K({ storage: e }) : void 0, this.contactCtx = new B({
       api: this.api,
       config: this.config,
       storageCtx: this.storageCtx
-    }), this.sessionCtx = new B({
+    }), this.sessionCtx = new D({
       api: this.api,
       contactCtx: this.contactCtx,
-      sessionPollingIntervalSeconds: h.pollingIntervalsSeconds.session,
       sessionsPollingIntervalSeconds: h.pollingIntervalsSeconds.sessions
-    }), this.messageCtx = new D({
+    }), this.messageCtx = new q({
       config: this.config,
       api: this.api,
+      sessionCtx: this.sessionCtx
+    }), this.activeSessionPollingCtx = new L({
+      api: this.api,
+      config: this.config,
       sessionCtx: this.sessionCtx,
+      messageCtx: this.messageCtx,
       sessionPollingIntervalSeconds: h.pollingIntervalsSeconds.session
-    }), this.routerCtx = new q({
+    }), this.routerCtx = new G({
       contactCtx: this.contactCtx,
       sessionCtx: this.sessionCtx,
       resetChat: this.resetChat
     });
   }
 };
-e(h, "pollingIntervalsSeconds", null), e(h, "initialize", async ({
+s(h, "pollingIntervalsSeconds", null), s(h, "initialize", async ({
   config: t,
-  storage: s
+  storage: e
 }) => {
   var a, n;
   const i = await new b({
@@ -666,12 +666,12 @@ e(h, "pollingIntervalsSeconds", null), e(h, "initialize", async ({
     sessions: ((n = i.data) == null ? void 0 : n.sessionsPollingIntervalSeconds) || 60
   }, new h({
     config: t,
-    storage: s
+    storage: e
   });
 });
-let y = h;
+let I = h;
 export {
   C as P,
-  y as W
+  I as W
 };
-//# sourceMappingURL=widget.ctx-BhkkDE2y.js.map
+//# sourceMappingURL=widget.ctx-u1FxRDij.js.map