@opencx/widget 3.0.18 → 3.0.20

package/dist/{widget.ctx-m7KQtnuH.js → widget.ctx-naCIXuET.js}

@@ -1,23 +1,23 @@
-var O = Object.defineProperty;
-var A = (a) => {
-  throw TypeError(a);
+var L = Object.defineProperty;
+var M = (n) => {
+  throw TypeError(n);
 };
-var L = (a, t, e) => t in a ? O(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var s = (a, t, e) => L(a, typeof t != "symbol" ? t + "" : t, e), M = (a, t, e) => t.has(a) || A("Cannot " + e);
-var h = (a, t, e) => (M(a, t, "read from private field"), e ? e.call(a) : t.get(a)), P = (a, t, e) => t.has(a) ? A("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, e), S = (a, t, e, i) => (M(a, t, "write to private field"), i ? i.call(a, e) : t.set(a, e), e);
+var O = (n, t, e) => t in n ? L(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var s = (n, t, e) => O(n, typeof t != "symbol" ? t + "" : t, e), R = (n, t, e) => t.has(n) || M("Cannot " + e);
+var h = (n, t, e) => (R(n, t, "read from private field"), e ? e.call(n) : t.get(n)), P = (n, t, e) => t.has(n) ? M("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), C = (n, t, e, i) => (R(n, t, "write to private field"), i ? i.call(n, e) : t.set(n, e), e);
 import T from "axios";
 import E from "openapi-fetch";
 import D from "lodash.isequal";
-import { v4 as _ } from "uuid";
-const q = (a) => {
-  console.log(a.error);
-}, B = (a) => {
+import { v4 as B } from "uuid";
+const q = (n) => {
+  console.log(n.error);
+}, _ = (n) => {
   const t = E({
-    baseUrl: a.baseUrl
+    baseUrl: n.baseUrl
   }), e = {
-    onRequest: a.onRequest,
-    onResponse: a.onResponse,
-    onError: a.onError || q
+    onRequest: n.onRequest,
+    onResponse: n.onResponse,
+    onError: n.onError || q
   };
   return t.use(e), t;
 };
@@ -40,11 +40,11 @@ class H {
     s(this, "createOpenAPIClient", ({
       baseUrl: t,
       headers: e
-    }) => B({
+    }) => _({
       baseUrl: t,
       onRequest: ({ request: i }) => {
-        Object.entries(e).forEach(([n, r]) => {
-          r && i.headers.set(n, r);
+        Object.entries(e).forEach(([a, r]) => {
+          r && i.headers.set(a, r);
         });
       }
     }));
@@ -71,10 +71,10 @@ class H {
       lastMessageTimestamp: e,
       abortSignal: i
     }) => {
-      const n = e ? { lastMessageTimestamp: e } : void 0;
+      const a = e ? { lastMessageTimestamp: e } : void 0;
       return await this.client.GET(
         "/backend/widget/v2/session/history/{sessionId}",
-        { params: { path: { sessionId: t }, query: n }, signal: i }
+        { params: { path: { sessionId: t }, query: a }, signal: i }
       );
     });
     s(this, "createUnverifiedContact", async (t) => await this.client.POST(
@@ -105,42 +105,42 @@ class H {
     s(this, "uploadFile", async (t, e = {}) => {
       const i = new FormData();
       i.append("file", t.file);
-      const { data: n } = await this.uploadFileClient.post("", i, {
+      const { data: a } = await this.uploadFileClient.post("", i, {
         headers: {
           "Content-Type": "multipart/form-data"
         },
         ...e
       });
-      return n;
+      return a;
     });
     s(this, "vote", async (t) => await this.client.POST("/backend/widget/v2/chat/vote", { body: t }));
-    var n;
+    var a;
     this.config = t;
     const { baseUrl: e, headers: i } = this.constructClientOptions(
-      (n = t.user) == null ? void 0 : n.token
+      (a = t.user) == null ? void 0 : a.token
     );
     this.client = this.createOpenAPIClient({ baseUrl: e, headers: i }), this.uploadFileClient = this.createAxiosUploadClient({ baseUrl: e, headers: i });
   }
 }
-var l, C;
-class m {
+var l, f;
+class p {
   constructor(t) {
     s(this, "subscribers", /* @__PURE__ */ new Set());
     P(this, l);
     s(this, "initialState");
-    P(this, C);
+    P(this, f);
     s(this, "lifecycleListeners", /* @__PURE__ */ new Map());
     s(this, "emitLifecycle", (t, e) => {
       const i = this.lifecycleListeners.get(t);
       if (i) {
-        const n = {
+        const a = {
           type: t,
           timestamp: Date.now(),
           data: e
         };
         i.forEach((r) => {
           try {
-            r(n);
+            r(a);
           } catch {
           }
         });
@@ -150,8 +150,8 @@ class m {
       Array.from(this.subscribers).forEach((i) => {
         try {
           i(t);
-        } catch (n) {
-          this.emitLifecycle("error", { error: n });
+        } catch (a) {
+          this.emitLifecycle("error", { error: a });
         }
       });
     });
@@ -181,7 +181,7 @@ class m {
       this.emitLifecycle("beforeUpdate", {
         previousState: h(this, l),
         nextState: t
-      }), D(h(this, l), t) || (S(this, l, t), S(this, C, Date.now()), this.emitLifecycle("stateChange", { state: t }), this.notifySubscribers(t)), this.emitLifecycle("afterUpdate", { state: t });
+      }), D(h(this, l), t) || (C(this, l, t), C(this, f, Date.now()), this.emitLifecycle("stateChange", { state: t }), this.notifySubscribers(t)), this.emitLifecycle("afterUpdate", { state: t });
     });
     // TODO make this provide prev state
     s(this, "setPartial", (t) => {
@@ -201,11 +201,11 @@ class m {
     s(this, "reset", () => {
       this.set(this.initialState);
     });
-    s(this, "lastUpdated", () => h(this, C));
-    S(this, l, t), this.initialState = t, S(this, C, Date.now()), this.emitLifecycle("init", { initialState: h(this, l) });
+    s(this, "lastUpdated", () => h(this, f));
+    C(this, l, t), this.initialState = t, C(this, f, Date.now()), this.emitLifecycle("init", { initialState: h(this, l) });
   }
 }
-l = new WeakMap(), C = new WeakMap();
+l = new WeakMap(), f = new WeakMap();
 class G {
   constructor({
     config: t,
@@ -219,10 +219,10 @@ class G {
       return !!(!((e = this.state.get().contact) != null && e.token) && this.config.collectUserData);
     });
     s(this, "autoCreateUnverifiedUser", async () => {
-      var t, e, i, n;
+      var t, e, i, a;
       await this.createUnverifiedContact({
         name: ((e = (t = this.config.user) == null ? void 0 : t.data) == null ? void 0 : e.name) || "Anonymous",
-        email: (n = (i = this.config.user) == null ? void 0 : i.data) == null ? void 0 : n.email
+        email: (a = (i = this.config.user) == null ? void 0 : i.data) == null ? void 0 : a.email
       });
     });
     s(this, "createUnverifiedContact", async (t) => {
@@ -237,17 +237,17 @@ class G {
         this.state.setPartial({ isCreatingUnverifiedContact: !1 });
       }
     });
-    var i, n, r;
-    this.config = t, this.api = e, this.state = new m({
-      contact: (i = t.user) != null && i.token ? { token: (n = t.user) == null ? void 0 : n.token } : null,
+    var i, a, r;
+    this.config = t, this.api = e, this.state = new p({
+      contact: (i = t.user) != null && i.token ? { token: (a = t.user) == null ? void 0 : a.token } : null,
       isCreatingUnverifiedContact: !1,
       isErrorCreatingUnverifiedContact: !1
     }), !((r = t.user) != null && r.token) && !t.collectUserData && this.autoCreateUnverifiedUser();
   }
 }
-class k {
+class v {
   constructor() {
-    s(this, "state", new m({
+    s(this, "state", new p({
       isPolling: !1,
       isError: !1
     }));
@@ -259,7 +259,7 @@ class k {
     s(this, "stopPolling", null);
     s(this, "startPolling", (t, e) => {
       if (this.stopPolling) return;
-      const i = [], n = async () => {
+      const i = [], a = async () => {
         this.abortController = new AbortController(), this.state.setPartial({ isPolling: !0 });
         try {
           await t(this.abortController.signal);
@@ -270,16 +270,16 @@ class k {
         } finally {
           this.state.setPartial({ isPolling: !1 });
         }
-        this.abortController.signal.aborted ? console.log("Poller aborted, not scheduling anymore") : i.push(setTimeout(n, e));
+        this.abortController.signal.aborted ? console.log("Poller aborted, not scheduling anymore") : i.push(setTimeout(a, e));
       };
-      n(), this.stopPolling = () => {
+      a(), this.stopPolling = () => {
         i.forEach(clearTimeout), this.state.reset();
       };
     });
   }
 }
 function y() {
-  return _();
+  return B();
 }
 class j {
   constructor({
@@ -290,12 +290,13 @@ class j {
     s(this, "config");
     s(this, "api");
     s(this, "contactCtx");
-    s(this, "poller", new k());
-    s(this, "sessionState", new m({
+    s(this, "activeSessionPoller", new v());
+    s(this, "sessionsRefresher", new v());
+    s(this, "sessionState", new p({
       session: null,
       isCreatingSession: !1
     }));
-    s(this, "sessionsState", new m({
+    s(this, "sessionsState", new p({
       data: [],
       cursor: void 0,
       isLastPage: !1,
@@ -307,17 +308,17 @@ class j {
     }));
     /** Clears the session and stops polling */
     s(this, "reset", async () => {
-      this.sessionState.reset(), this.poller.reset();
+      this.sessionState.reset(), this.activeSessionPoller.reset();
     });
-    s(this, "registerPolling", () => {
+    s(this, "registerActiveSessionPolling", () => {
       this.sessionState.subscribe(({ session: t }) => {
-        t != null && t.id ? this.poller.startPolling(async (e) => {
+        t != null && t.id ? this.activeSessionPoller.startPolling(async (e) => {
           const { data: i } = await this.api.getSession({
             sessionId: t.id,
             abortSignal: e
           });
           i && this.sessionState.setPartial({ session: i });
-        }, 1e3) : this.poller.reset();
+        }, 1e3) : this.activeSessionPoller.reset();
       });
     });
     s(this, "registerInitialSessionsFetch", () => {
@@ -325,44 +326,62 @@ class j {
       const t = async () => {
         this.sessionsState.setPartial({ didStartInitialFetch: !0 }), await this.loadMoreSessions(), this.sessionsState.setPartial({ isInitialFetchLoading: !1 });
       };
-      (e = this.contactCtx.state.get().contact) != null && e.token && !this.sessionsState.get().didStartInitialFetch && t(), this.contactCtx.state.subscribe(({ contact: i }) => {
-        i != null && i.token && !this.sessionsState.get().didStartInitialFetch && t();
+      (e = this.contactCtx.state.get().contact) != null && e.token && !this.sessionsState.get().didStartInitialFetch && (t(), this.registerSessionsRefresher()), this.contactCtx.state.subscribe(({ contact: i }) => {
+        i != null && i.token && !this.sessionsState.get().didStartInitialFetch && (t(), this.registerSessionsRefresher());
       });
     });
+    s(this, "registerSessionsRefresher", () => {
+      this.sessionsRefresher.startPolling(async () => {
+        const { data: t } = await this.getSessions({ cursor: void 0 });
+        if (!t) return;
+        const e = [...t.items, ...this.sessionsState.get().data].filter(
+          (i, a, r) => a === r.findIndex((c) => i.id === c.id)
+        );
+        this.sessionsState.setPartial({ data: e });
+      }, 1e4);
+    });
     s(this, "createSession", async () => {
-      var i, n;
+      var i, a;
       this.sessionState.setPartial({ session: null, isCreatingSession: !0 });
       const { data: t, error: e } = await this.api.createSession({
         customData: (i = this.config.user) != null && i.externalId ? {
-          external_id: (n = this.config.user) == null ? void 0 : n.externalId
+          external_id: (a = this.config.user) == null ? void 0 : a.externalId
         } : void 0
       });
       return t ? (this.sessionState.setPartial({ session: t, isCreatingSession: !1 }), t) : (console.error("Failed to create session:", e), null);
     });
+    /**
+     * Let's keep this private for now until we figure out how to do paginated fetching in tandem with the interval refreshing
+     */
     s(this, "loadMoreSessions", async () => {
-      var e, i;
-      if (this.sessionsState.get().isLastPage || !((e = this.contactCtx.state.get().contact) != null && e.token)) return;
-      const { data: t } = await this.api.getSessions({
-        cursor: this.sessionsState.get().cursor,
-        filters: (i = this.config.user) != null && i.externalId ? {
-          external_id: this.config.user.externalId
-        } : {}
+      if (this.sessionsState.get().isLastPage) return;
+      const { data: t } = await this.getSessions({
+        cursor: this.sessionsState.get().cursor
       });
       if (t) {
-        const r = [...this.sessionsState.get().data, ...t.items].filter(
-          (c, d, g) => d === g.findIndex((u) => c.id === u.id)
+        const i = [...this.sessionsState.get().data, ...t.items].filter(
+          (a, r, c) => r === c.findIndex((d) => a.id === d.id)
         );
         this.sessionsState.setPartial({
-          data: r,
+          data: i,
           cursor: t.next || void 0,
           isLastPage: t.next === null
         });
       }
     });
-    this.config = t, this.api = e, this.contactCtx = i, this.registerPolling(), this.registerInitialSessionsFetch();
+    s(this, "getSessions", async ({ cursor: t }) => {
+      var e, i;
+      return (e = this.contactCtx.state.get().contact) != null && e.token ? await this.api.getSessions({
+        cursor: t,
+        filters: (i = this.config.user) != null && i.externalId ? {
+          external_id: this.config.user.externalId
+        } : {}
+      }) : { data: null };
+    });
+    this.config = t, this.api = e, this.contactCtx = i, this.registerActiveSessionPolling(), this.registerInitialSessionsFetch();
   }
 }
-class p {
+class u {
   constructor({
     config: t,
     api: e,
@@ -371,8 +390,8 @@ class p {
     s(this, "config");
     s(this, "api");
     s(this, "sessionCtx");
-    s(this, "poller", new k());
-    s(this, "state", new m({
+    s(this, "poller", new v());
+    s(this, "state", new p({
       messages: [],
       isSendingMessage: !1,
       lastAIResMightSolveUserIssue: !1,
@@ -390,9 +409,9 @@ class p {
       });
     });
     s(this, "sendMessage", async (t) => {
-      var n, r, c, d, g, u, x, v, U;
+      var a, r, c, d, S, m, x, U, A;
       this.sendMessageAbortController = new AbortController();
-      const e = this.state.get().isSendingMessage, i = ((n = this.sessionCtx.sessionState.get().session) == null ? void 0 : n.assignee.kind) === "ai";
+      const e = this.state.get().isSendingMessage, i = ((a = this.sessionCtx.sessionState.get().session) == null ? void 0 : a.assignee.kind) === "ai";
       if (e && i) {
         console.warn("Cannot send messages while awaiting AI response");
         return;
@@ -400,12 +419,12 @@ class p {
       this.state.setPartial({ lastAIResMightSolveUserIssue: !1 });
       try {
         this.state.setPartial({ isSendingMessage: !0 });
-        const b = p.toUserMessage(
+        const b = u.toUserMessage(
           t.content,
           t.attachments || void 0
-        ), R = this.state.get().messages;
+        ), k = this.state.get().messages;
         if (this.state.setPartial({
-          messages: [...R, b]
+          messages: [...k, b]
         }), !((r = this.sessionCtx.sessionState.get().session) != null && r.id) && !await this.sessionCtx.createSession()) {
           console.error("Failed to create session");
           return;
@@ -425,28 +444,28 @@ class p {
           this.sendMessageAbortController.signal
         );
         if (o != null && o.success) {
-          const f = p.toBotMessage(o);
-          if (f) {
+          const g = u.toBotMessage(o);
+          if (g) {
             const w = this.state.get().messages;
             if (!!w.some(
-              (F) => F.id === f.id
+              (F) => F.id === g.id
             )) {
               this.state.setPartial({
-                lastAIResMightSolveUserIssue: ((g = o.autopilotResponse) == null ? void 0 : g.mightSolveUserIssue) || ((u = o.uiResponse) == null ? void 0 : u.mightSolveUserIssue)
+                lastAIResMightSolveUserIssue: ((S = o.autopilotResponse) == null ? void 0 : S.mightSolveUserIssue) || ((m = o.uiResponse) == null ? void 0 : m.mightSolveUserIssue)
               });
               return;
             }
             this.state.setPartial({
-              messages: [...w, f],
-              lastAIResMightSolveUserIssue: ((x = o.autopilotResponse) == null ? void 0 : x.mightSolveUserIssue) || ((v = o.uiResponse) == null ? void 0 : v.mightSolveUserIssue)
+              messages: [...w, g],
+              lastAIResMightSolveUserIssue: ((x = o.autopilotResponse) == null ? void 0 : x.mightSolveUserIssue) || ((U = o.uiResponse) == null ? void 0 : U.mightSolveUserIssue)
             });
           }
         } else {
-          const f = p.toErrorMessage(
-            ((U = o == null ? void 0 : o.error) == null ? void 0 : U.message) || "Unknown error occurred"
+          const g = u.toBotErrorMessage(
+            ((A = o == null ? void 0 : o.error) == null ? void 0 : A.message) || "Unknown error occurred"
           ), w = this.state.get().messages;
           this.state.setPartial({
-            messages: [...w, f]
+            messages: [...w, g]
           });
         }
       } catch (b) {
@@ -458,14 +477,14 @@ class p {
     s(this, "fetchAndSetHistory", async (t, e) => {
       var r;
       this.state.get().messages.length === 0 && this.state.setPartial({ isInitialFetchLoading: !0 });
-      const i = (r = this.state.get().messages.at(-1)) == null ? void 0 : r.timestamp, { data: n } = await this.api.getSessionHistory({
+      const i = (r = this.state.get().messages.at(-1)) == null ? void 0 : r.timestamp, { data: a } = await this.api.getSessionHistory({
         sessionId: t,
         lastMessageTimestamp: i,
         abortSignal: e
       });
-      if (n && n.length > 0) {
-        const c = this.state.get().messages, d = n.map(p.mapHistoryToMessage).filter(
-          (g) => !c.some((u) => u.id === g.id)
+      if (a && a.length > 0) {
+        const c = this.state.get().messages, d = a.map(u.mapHistoryToMessage).filter(
+          (S) => !c.some((m) => m.id === S.id)
         );
         this.state.setPartial({
           messages: [...c, ...d]
@@ -477,24 +496,30 @@ class p {
   }
   /** Not the best name but whatever */
   static mapHistoryToMessage(t) {
+    var a;
     const e = {
       id: t.publicId,
       timestamp: t.sentAt || "",
       attachments: t.attachments || void 0
     };
-    return t.sender.kind === "user" ? {
-      ...e,
-      type: "FROM_USER",
-      content: t.content.text || "",
-      deliveredAt: t.sentAt || ""
-    } : t.sender.kind === "agent" ? {
-      ...e,
-      type: "FROM_AGENT",
-      component: "agent_message",
-      data: {
-        message: t.content.text || ""
-      }
-    } : {
+    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 || ""
+        }
+      };
+    const i = (a = t.actionCalls) == null ? void 0 : a.at(-1);
+    return {
       ...e,
       type: "FROM_BOT",
       component: "bot_message",
@@ -505,7 +530,8 @@ class p {
         avatar: t.sender.avatar || null
       },
       data: {
-        message: t.content.text
+        message: t.content.text || "",
+        action: i ? { name: i.actionName, data: i.result } : void 0
       }
     };
   }
@@ -520,29 +546,22 @@ class p {
     };
   }
   static toBotMessage(t) {
-    if (t.success && t.autopilotResponse)
-      return {
-        type: "FROM_BOT",
-        id: t.autopilotResponse.id || y(),
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        component: "bot_message",
-        data: {
-          message: t.autopilotResponse.value.content
-        }
-      };
-    if (t.success && t.uiResponse) {
-      const e = t.uiResponse.value;
-      return {
-        type: "FROM_BOT",
-        id: y(),
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        component: e.name,
-        data: e.request_response
-      };
-    }
-    return null;
+    var e;
+    return t.success && t.autopilotResponse ? {
+      type: "FROM_BOT",
+      id: t.autopilotResponse.id || y(),
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      component: "bot_message",
+      data: {
+        message: t.autopilotResponse.value.content,
+        action: (e = t.uiResponse) != null && e.value.name ? {
+          name: t.uiResponse.value.name,
+          data: t.uiResponse.value.request_response
+        } : void 0
+      }
+    } : null;
   }
-  static toErrorMessage(t) {
+  static toBotErrorMessage(t) {
     return {
       type: "FROM_BOT",
       id: y(),
@@ -550,12 +569,13 @@ class p {
       component: "TEXT",
       data: {
         message: t,
-        variant: "error"
+        variant: "error",
+        action: void 0
       }
     };
   }
 }
-class X {
+class N {
   constructor({
     contactCtx: t,
     sessionCtx: e,
@@ -584,12 +604,12 @@ class X {
       }
       this.state.setPartial({ screen: "chat" });
     });
-    this.state = new m({
+    this.state = new p({
       screen: t.shouldCollectData() ? "welcome" : "sessions"
     }), this.contactCtx = t, this.sessionCtx = e, this.resetChat = i, this.registerRoutingListener();
   }
 }
-class K {
+class Q {
   constructor({ config: t }) {
     s(this, "config");
     s(this, "api");
@@ -607,11 +627,11 @@ class K {
       config: this.config,
       api: this.api,
       contactCtx: this.contactCtx
-    }), this.messageCtx = new p({
+    }), this.messageCtx = new u({
       config: this.config,
       api: this.api,
       sessionCtx: this.sessionCtx
-    }), this.routerCtx = new X({
+    }), this.routerCtx = new N({
       contactCtx: this.contactCtx,
       sessionCtx: this.sessionCtx,
       resetChat: this.resetChat
@@ -619,7 +639,7 @@ class K {
   }
 }
 export {
-  m as P,
-  K as W
+  p as P,
+  Q as W
 };
-//# sourceMappingURL=widget.ctx-m7KQtnuH.js.map
+//# sourceMappingURL=widget.ctx-naCIXuET.js.map