@opencx/widget-core 4.0.32 → 4.0.35

package/dist/index.js

@@ -30,8 +30,8 @@ class M {
     }) => B({
       baseUrl: e,
       onRequest: ({ request: n }) => {
-        Object.entries(t).forEach(([o, r]) => {
-          r && n.headers.set(o, r);
+        Object.entries(t).forEach(([o, l]) => {
+          l && n.headers.set(o, l);
         });
       }
     }), this.setAuthToken = (e) => {
@@ -72,15 +72,15 @@ class M {
       file: e,
       abortSignal: t,
       onProgress: n
-    }) => new Promise((o, r) => {
+    }) => new Promise((o, l) => {
       var S;
       const c = new FormData();
       c.append("file", e);
       const u = new XMLHttpRequest();
       if (t && (t.addEventListener("abort", () => {
-        u.abort(), r(new DOMException("Aborted", "AbortError"));
+        u.abort(), l(new DOMException("Aborted", "AbortError"));
       }), t.aborted)) {
-        r(new DOMException("Aborted", "AbortError"));
+        l(new DOMException("Aborted", "AbortError"));
         return;
       }
       u.upload.addEventListener("progress", (f) => {
@@ -94,14 +94,14 @@ class M {
             const f = JSON.parse(u.responseText);
             o(f);
           } catch (f) {
-            r(new Error(`Failed to parse response: ${f}`));
+            l(new Error(`Failed to parse response: ${f}`));
           }
         else
-          r(new Error(`Upload failed with status: ${u.status}`));
+          l(new Error(`Upload failed with status: ${u.status}`));
       }), u.addEventListener("error", () => {
-        r(new Error("Network error occurred"));
+        l(new Error("Network error occurred"));
       }), u.addEventListener("timeout", () => {
-        r(new Error("Upload timed out"));
+        l(new Error("Upload timed out"));
       });
       const { baseUrl: p } = this.constructClientOptions(this.userToken), g = `${p}/backend/widget/v2/upload`;
       u.open("POST", g), u.setRequestHeader("X-Bot-Token", this.config.token), this.userToken ?? ((S = this.config.user) == null ? void 0 : S.token) ? u.setRequestHeader("Authorization", `Bearer ${this.userToken}`) : console.error("User token not set"), u.send(c);
@@ -111,10 +111,10 @@ class M {
     }), this.createStateCheckpoint = async (e) => await this.client.POST("/backend/widget/v2/checkpoint", {
       body: e
     }), this.submitCsat = async (e) => await this.client.POST("/backend/widget/v2/submit-csat", { body: e }), this.config = i, this.userToken = ((d = i.user) == null ? void 0 : d.token) || null;
-    const { baseUrl: a, headers: l } = this.constructClientOptions(
+    const { baseUrl: a, headers: r } = this.constructClientOptions(
       (s = i.user) == null ? void 0 : s.token
     );
-    this.client = this.createOpenAPIClient({ baseUrl: a, headers: l });
+    this.client = this.createOpenAPIClient({ baseUrl: a, headers: r });
   }
 }
 function H(h, i) {
@@ -126,8 +126,8 @@ class y {
       N(this.state, a) || (this.state = a, this.notifySubscribers(a));
     }, this.setPartial = (a) => {
       if (a == null) return;
-      const l = { ...this.state, ...a };
-      this.set(l);
+      const r = { ...this.state, ...a };
+      this.set(r);
     }, this.reset = () => {
       this.set(this.initialState);
     }, this.notifySubscribers = (a) => {
@@ -153,7 +153,7 @@ class O {
       this.abortController.abort("Resetting poller"), (i = this.stopPolling) == null || i.call(this), this.stopPolling = null;
     }, this.stopPolling = null, this.startPolling = (i, a) => {
       if (this.stopPolling) return;
-      const l = [], d = async () => {
+      const r = [], d = async () => {
         this.abortController = new AbortController(), this.state.setPartial({ isPolling: !0 });
         try {
           await i(this.abortController.signal);
@@ -164,10 +164,10 @@ class O {
         } finally {
           this.state.setPartial({ isPolling: !1 });
         }
-        this.abortController.signal.aborted ? console.log("Poller aborted, not scheduling anymore") : l.push(setTimeout(d, a));
+        this.abortController.signal.aborted ? console.log("Poller aborted, not scheduling anymore") : r.push(setTimeout(d, a));
       };
       d(), this.stopPolling = () => {
-        l.forEach(clearTimeout), this.state.reset();
+        r.forEach(clearTimeout), this.state.reset();
       };
     };
   }
@@ -184,7 +184,7 @@ class q {
   constructor({
     api: i,
     config: a,
-    sessionCtx: l,
+    sessionCtx: r,
     messageCtx: d,
     sessionPollingIntervalSeconds: s
   }) {
@@ -214,10 +214,10 @@ class q {
     }) => {
       var u;
       this.messageCtx.state.get().messages.length === 0 && this.messageCtx.state.setPartial({ isInitialFetchLoading: !0 });
-      const o = this.messageCtx.state.get().messages, r = o.length > 0 ? ((u = o[o.length - 1]) == null ? void 0 : u.timestamp) ?? void 0 : void 0, { data: c } = await this.api.pollSessionAndHistory({
+      const o = this.messageCtx.state.get().messages, l = o.length > 0 ? ((u = o[o.length - 1]) == null ? void 0 : u.timestamp) ?? void 0 : void 0, { data: c } = await this.api.pollSessionAndHistory({
         sessionId: e,
         abortSignal: t,
-        lastMessageTimestamp: n ? void 0 : r
+        lastMessageTimestamp: n ? void 0 : l
       });
       if (c != null && c.session && (this.sessionCtx.sessionState.setPartial({ session: c.session }), this.sessionCtx.setSessions([c.session])), c != null && c.history && c.history.length > 0) {
         const p = this.messageCtx.state.get().messages, w = c.history.map(this.mapHistoryToMessage).filter((g) => g !== null).filter(
@@ -229,7 +229,7 @@ class q {
       }
       this.messageCtx.state.get().isInitialFetchLoading && this.messageCtx.state.setPartial({ isInitialFetchLoading: !1 });
     }, this.mapHistoryToMessage = (e) => {
-      var n, o;
+      var n;
       const t = {
         id: e.publicId,
         timestamp: e.sentAt || "",
@@ -252,13 +252,16 @@ class q {
           },
           agent: {
             name: e.sender.name || "",
-            avatar: e.sender.avatar || "",
+            // Do not set avatarUrl from config here... let it be taken from the config at render time
+            // Only set avatar url from the backend's response
+            avatarUrl: e.sender.avatar || null,
+            avatar: e.sender.avatar || null,
             id: null,
             isAi: !1
           }
         };
       if (e.sender.kind === "ai") {
-        const r = e.actionCalls && e.actionCalls.length > 0 ? e.actionCalls[e.actionCalls.length - 1] : void 0;
+        const o = e.actionCalls && e.actionCalls.length > 0 ? e.actionCalls[e.actionCalls.length - 1] : void 0;
         return {
           ...t,
           type: "AI",
@@ -267,20 +270,22 @@ class q {
             id: null,
             name: ((n = this.config.bot) == null ? void 0 : n.name) || "",
             isAi: !0,
-            avatar: ((o = this.config.bot) == null ? void 0 : o.avatar) || ""
+            // Do not set avatarUrl from config here... let it be taken from the config at render time
+            avatarUrl: null,
+            avatar: null
           },
           data: {
             message: e.content.text || "",
-            action: r ? {
-              name: r.actionName,
-              data: this.extractActionResult(r)
+            action: o ? {
+              name: o.actionName,
+              data: this.extractActionResult(o)
             } : void 0
           }
         };
       }
       if (e.sender.kind === "system") {
-        const r = this.constructSystemMessage(e);
-        return r === null ? null : { ...r };
+        const o = this.constructSystemMessage(e);
+        return o === null ? null : { ...o };
       }
       return null;
     }, this.constructSystemMessage = (e) => {
@@ -334,21 +339,21 @@ class q {
         if (o) return o;
       }
       return e.result;
-    }, this.api = i, this.config = a, this.sessionCtx = l, this.messageCtx = d, this.sessionPollingIntervalSeconds = s, this.registerPolling();
+    }, this.api = i, this.config = a, this.sessionCtx = r, this.messageCtx = d, this.sessionPollingIntervalSeconds = s, this.registerPolling();
   }
 }
 class V {
   constructor({
     config: i,
     api: a,
-    storageCtx: l
+    storageCtx: r
   }) {
     var d;
     this.shouldCollectData = () => {
       var s;
       return !!(!((s = this.state.get().contact) != null && s.token) && this.config.collectUserData);
     }, this.autoCreateUnverifiedUserIfNotExists = async () => {
-      var s, e, t, n, o, r, c, u, p, w, g, C, S, f;
+      var s, e, t, n, o, l, c, u, p, w, g, C, S, f;
       if (!((s = this.config.user) != null && s.token)) {
         if (this.config.collectUserData && !((t = (e = this.config.user) == null ? void 0 : e.data) != null && t.email)) {
           if ((n = this.config.extraDataCollectionFields) != null && n.length)
@@ -357,7 +362,7 @@ class V {
           v && await this.setUnverifiedContact(v);
           return;
         }
-        if (!((c = (r = this.config.user) == null ? void 0 : r.data) != null && c.email)) {
+        if (!((c = (l = this.config.user) == null ? void 0 : l.data) != null && c.email)) {
           const v = await ((u = this.storageCtx) == null ? void 0 : u.getContactToken());
           if (v) {
             await this.setUnverifiedContact(v);
@@ -383,10 +388,10 @@ class V {
         this.state.setPartial({ isCreatingUnverifiedContact: !1 });
       }
     }, this.setUnverifiedContact = async (s) => {
-      var n, o, r, c;
+      var n, o, l, c;
       const e = await ((n = this.storageCtx) == null ? void 0 : n.getExternalContactId()), t = ((o = this.config.user) == null ? void 0 : o.externalId) || e || z();
-      this.api.setAuthToken(s), await ((r = this.storageCtx) == null ? void 0 : r.setContactToken(s)), await ((c = this.storageCtx) == null ? void 0 : c.setExternalContactId(t)), this.state.setPartial({ contact: { token: s, externalId: t } });
-    }, this.config = i, this.storageCtx = l, this.api = a, this.state = new y({
+      this.api.setAuthToken(s), await ((l = this.storageCtx) == null ? void 0 : l.setContactToken(s)), await ((c = this.storageCtx) == null ? void 0 : c.setExternalContactId(t)), this.state.setPartial({ contact: { token: s, externalId: t } });
+    }, this.config = i, this.storageCtx = r, this.api = a, this.state = new y({
       contact: (d = i.user) != null && d.token ? {
         token: i.user.token,
         // Set optional externalId from config... not local storage
@@ -405,12 +410,12 @@ class Y {
   constructor({
     config: i,
     api: a,
-    sessionCtx: l,
+    sessionCtx: r,
     messageCtx: d
   }) {
     this.submitCsat = async (s) => {
-      var r;
-      const e = (r = this.sessionCtx.sessionState.get().session) == null ? void 0 : r.id;
+      var l;
+      const e = (l = this.sessionCtx.sessionState.get().session) == null ? void 0 : l.id;
       if (!e)
         return { data: null, error: "No session id found" };
       const t = k();
@@ -437,14 +442,14 @@ class Y {
         session_id: e
       });
       return { data: n, error: o };
-    }, this.config = i, this.api = a, this.sessionCtx = l, this.messageCtx = d;
+    }, this.config = i, this.api = a, this.sessionCtx = r, this.messageCtx = d;
   }
 }
 class $ {
   constructor({
     config: i,
     api: a,
-    contactCtx: l,
+    contactCtx: r,
     sessionsPollingIntervalSeconds: d
   }) {
     this.sessionsRefresher = new O(), this.sessionState = new y({
@@ -496,7 +501,7 @@ class $ {
       });
       if (s) {
         const t = [...this.sessionsState.get().data, ...s.items].filter(
-          (n, o, r) => o === r.findIndex((c) => n.id === c.id)
+          (n, o, l) => o === l.findIndex((c) => n.id === c.id)
         );
         this.sessionsState.setPartial({
           data: t,
@@ -516,7 +521,7 @@ class $ {
       });
     }, this.setSessions = (s) => {
       const e = [...s, ...this.sessionsState.get().data].filter(
-        (t, n, o) => n === o.findIndex((r) => t.id === r.id)
+        (t, n, o) => n === o.findIndex((l) => t.id === l.id)
       );
       this.sessionsState.setPartial({ data: e });
     }, this.refreshSessions = async () => {
@@ -540,14 +545,14 @@ class $ {
         payload: s
       });
       return t != null && t.success ? { success: !0 } : { success: !1 };
-    }, this.config = i, this.api = a, this.contactCtx = l, this.sessionsPollingIntervalSeconds = d, this.registerSessionsRefresherWrapper();
+    }, this.config = i, this.api = a, this.contactCtx = r, this.sessionsPollingIntervalSeconds = d, this.registerSessionsRefresherWrapper();
   }
 }
 class K {
   constructor({
     config: i,
     api: a,
-    sessionCtx: l,
+    sessionCtx: r,
     contactCtx: d
   }) {
     this.state = new y({
@@ -559,7 +564,7 @@ class K {
     }), this.sendMessageAbortController = new AbortController(), this.reset = () => {
       this.sendMessageAbortController.abort("Resetting chat"), this.state.reset();
     }, this.sendMessage = async (s) => {
-      var e, t, n, o, r, c, u, p, w;
+      var e, t, n, o, l, c, u, p, w;
       try {
         if (!s.content.trim() && (!s.attachments || s.attachments.length === 0)) {
           console.warn(
@@ -640,7 +645,7 @@ class K {
               (j) => j.id === _.id
             )) {
               this.state.setPartial({
-                lastAIResMightSolveUserIssue: ((r = m.autopilotResponse) == null ? void 0 : r.mightSolveUserIssue) || ((c = m.uiResponse) == null ? void 0 : c.mightSolveUserIssue)
+                lastAIResMightSolveUserIssue: ((l = m.autopilotResponse) == null ? void 0 : l.mightSolveUserIssue) || ((c = m.uiResponse) == null ? void 0 : c.mightSolveUserIssue)
               });
               return;
             }
@@ -669,7 +674,7 @@ class K {
     }, this.toUserMessage = (s, e) => {
       const t = (() => {
         const n = this.contactCtx.state.get().extraCollectedData;
-        return this.state.get().messages.length === 0 && n && Object.keys(n).length > 0 ? `${Object.entries(n).filter(([r, c]) => !!c).map(([r, c]) => `${r}: ${c}`).join(` 
+        return this.state.get().messages.length === 0 && n && Object.keys(n).length > 0 ? `${Object.entries(n).filter(([l, c]) => !!c).map(([l, c]) => `${l}: ${c}`).join(` 
 `)} 
 
 ${s}` : s;
@@ -692,7 +697,9 @@ ${s}` : s;
         agent: this.config.bot ? {
           name: this.config.bot.name || "",
           isAi: !0,
-          avatar: this.config.bot.avatar || "",
+          // Do not set avatarUrl here... let it be taken from the config at render time
+          avatarUrl: null,
+          avatar: null,
           id: null
         } : void 0,
         data: {
@@ -713,14 +720,14 @@ ${s}` : s;
         variant: "error",
         action: void 0
       }
-    }), this.config = i, this.api = a, this.sessionCtx = l, this.contactCtx = d;
+    }), this.config = i, this.api = a, this.sessionCtx = r, this.contactCtx = d;
   }
 }
 class G {
   constructor({
     config: i,
     contactCtx: a,
-    sessionCtx: l,
+    sessionCtx: r,
     resetChat: d
   }) {
     var s;
@@ -732,11 +739,11 @@ class G {
         });
       }), this.sessionCtx.sessionsState.subscribe(
         ({ isInitialFetchLoading: e, data: t }) => {
-          var n, o, r, c;
+          var n, o, l, c;
           if ((n = this.config.router) != null && n.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`
           !((o = this.sessionCtx.sessionState.get().session) != null && o.id)) {
-            const u = (r = t.find((p) => p.isOpened)) == null ? void 0 : r.id;
+            const u = (l = t.find((p) => p.isOpened)) == null ? void 0 : l.id;
             return u ? this.toChatScreen(u) : void 0;
           }
           t.length || ((c = this.config.router) == null ? void 0 : c.goToChatIfNoSessions) !== !1 && !e && this.state.get().screen !== "chat" && this.toChatScreen();
@@ -751,7 +758,7 @@ class G {
         this.sessionCtx.sessionState.setPartial({ session: t });
       }
       this.state.setPartial({ screen: "chat" });
-    }, this.config = i, this.contactCtx = a, this.sessionCtx = l, this.resetChat = d, this.state = new y({
+    }, this.config = i, this.contactCtx = a, this.sessionCtx = r, this.resetChat = d, this.state = new y({
       screen: this.contactCtx.shouldCollectData() ? "welcome" : (s = this.config.router) != null && s.chatScreenOnly ? "chat" : "sessions"
     }), this.registerRoutingListener();
   }
@@ -762,12 +769,12 @@ class J {
     config: a
   }) {
     this.KEYS = {
-      contactToken: (l) => `opencx-widget:org-token-${l}:contact-token`,
-      externalContactId: (l) => `opencx-widget:org-token-${l}:external-contact-id`
-    }, this.setContactToken = async (l) => {
-      await this.storage.set(this.KEYS.contactToken(this.config.token), l);
-    }, this.getContactToken = async () => this.storage.get(this.KEYS.contactToken(this.config.token)), this.setExternalContactId = async (l) => {
-      await this.storage.set(this.KEYS.externalContactId(this.config.token), l);
+      contactToken: (r) => `opencx-widget:org-token-${r}:contact-token`,
+      externalContactId: (r) => `opencx-widget:org-token-${r}:external-contact-id`
+    }, this.setContactToken = async (r) => {
+      await this.storage.set(this.KEYS.contactToken(this.config.token), r);
+    }, this.getContactToken = async () => this.storage.get(this.KEYS.contactToken(this.config.token)), this.setExternalContactId = async (r) => {
+      await this.storage.set(this.KEYS.externalContactId(this.config.token), r);
     }, this.getExternalContactId = async () => this.storage.get(this.KEYS.externalContactId(this.config.token)), this.storage = i, this.config = a;
   }
 }
@@ -775,7 +782,7 @@ const b = class b {
   constructor({
     config: i,
     storage: a,
-    modes: l,
+    modes: r,
     org: d
   }) {
     if (this.modes = [], this.resetChat = () => {
@@ -784,7 +791,7 @@ const b = class b {
       throw Error(
         "Widget polling values are not defined, did you call WidgetCtx.initialize()"
       );
-    this.config = i, this.org = d, this.api = new M({ config: i }), this.storageCtx = a ? new J({ storage: a, config: i }) : void 0, this.modes = l, this.contactCtx = new V({
+    this.config = i, this.org = d, this.api = new M({ config: i }), this.storageCtx = a ? new J({ storage: a, config: i }) : void 0, this.modes = r, this.contactCtx = new V({
       api: this.api,
       config: this.config,
       storageCtx: this.storageCtx
@@ -822,21 +829,21 @@ b.pollingIntervalsSeconds = null, b.initialize = async ({
   storage: a
 }) => {
   var d, s, e;
-  const l = await new M({
+  const r = await new M({
     config: i
   }).getExternalWidgetConfig();
-  if (!l.data)
+  if (!r.data)
     throw new Error("Failed to fetch widget config");
   return b.pollingIntervalsSeconds = {
-    session: ((d = l.data) == null ? void 0 : d.sessionPollingIntervalSeconds) || 10,
-    sessions: ((s = l.data) == null ? void 0 : s.sessionsPollingIntervalSeconds) || 60
+    session: ((d = r.data) == null ? void 0 : d.sessionPollingIntervalSeconds) || 10,
+    sessions: ((s = r.data) == null ? void 0 : s.sessionsPollingIntervalSeconds) || 60
   }, new b({
     config: i,
     storage: a,
-    modes: ((e = l.data) == null ? void 0 : e.modes) || [],
+    modes: ((e = r.data) == null ? void 0 : e.modes) || [],
     org: {
-      id: l.data.org.id,
-      name: l.data.org.name
+      id: r.data.org.id,
+      name: r.data.org.name
     }
   });
 };
@@ -1102,8 +1109,8 @@ function pe(h) {
   return de.includes(h);
 }
 function fe(h, i, a) {
-  var l;
-  return ((l = a == null ? void 0 : a[i]) == null ? void 0 : l[h]) || D[i][h] || "";
+  var r;
+  return ((r = a == null ? void 0 : a[i]) == null ? void 0 : r[h]) || D[i][h] || "";
 }
 export {
   y as PrimitiveState,