@opencx/widget-core 4.0.25 → 4.0.28

package/dist/index.js

@@ -1,10 +1,10 @@
-import j from "openapi-fetch";
-import L from "lodash.isequal";
+import L from "openapi-fetch";
+import N from "lodash.isequal";
 import { v4 as z } from "uuid";
 const F = (h) => {
   console.log(h.error);
-}, N = (h) => {
-  const i = j({
+}, B = (h) => {
+  const i = L({
     baseUrl: h.baseUrl
   }), a = {
     onRequest: h.onRequest,
@@ -27,7 +27,7 @@ class M {
     }, this.createOpenAPIClient = ({
       baseUrl: e,
       headers: t
-    }) => N({
+    }) => B({
       baseUrl: e,
       onRequest: ({ request: n }) => {
         Object.entries(t).forEach(([o, r]) => {
@@ -73,7 +73,7 @@ class M {
       abortSignal: t,
       onProgress: n
     }) => new Promise((o, r) => {
-      var C;
+      var S;
       const c = new FormData();
       c.append("file", e);
       const u = new XMLHttpRequest();
@@ -83,18 +83,18 @@ class M {
         r(new DOMException("Aborted", "AbortError"));
         return;
       }
-      u.upload.addEventListener("progress", (_) => {
-        if (_.lengthComputable && n) {
-          const v = Math.round(_.loaded / _.total * 100);
+      u.upload.addEventListener("progress", (f) => {
+        if (f.lengthComputable && n) {
+          const v = Math.round(f.loaded / f.total * 100);
           n(v);
         }
       }), u.addEventListener("load", () => {
         if (u.status >= 200 && u.status < 300)
           try {
-            const _ = JSON.parse(u.responseText);
-            o(_);
-          } catch (_) {
-            r(new Error(`Failed to parse response: ${_}`));
+            const f = JSON.parse(u.responseText);
+            o(f);
+          } catch (f) {
+            r(new Error(`Failed to parse response: ${f}`));
           }
         else
           r(new Error(`Upload failed with status: ${u.status}`));
@@ -103,8 +103,8 @@ class M {
       }), u.addEventListener("timeout", () => {
         r(new Error("Upload timed out"));
       });
-      const { baseUrl: p } = this.constructClientOptions(this.userToken), f = `${p}/backend/widget/v2/upload`;
-      u.open("POST", f), u.setRequestHeader("X-Bot-Token", this.config.token), this.userToken ?? ((C = this.config.user) == null ? void 0 : C.token) ? u.setRequestHeader("Authorization", `Bearer ${this.userToken}`) : console.error("User token not set"), u.send(c);
+      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);
     }), this.vote = async (e) => await this.client.POST("/backend/widget/v2/chat/vote", { body: e }), this.resolveSession = async (e, t) => await this.client.POST("/backend/widget/v2/session/resolve", {
       body: e,
       signal: t
@@ -117,13 +117,13 @@ class M {
     this.client = this.createOpenAPIClient({ baseUrl: a, headers: l });
   }
 }
-function B(h, i) {
+function H(h, i) {
   console.error(`Missing case for ${h} in ${i}`);
 }
 class y {
   constructor(i) {
     this.subscribers = /* @__PURE__ */ new Set(), this.get = () => this.state, this.set = (a) => {
-      L(this.state, a) || (this.state = a, this.notifySubscribers(a));
+      N(this.state, a) || (this.state = a, this.notifySubscribers(a));
     }, this.setPartial = (a) => {
       if (a == null) return;
       const l = { ...this.state, ...a };
@@ -172,7 +172,7 @@ class O {
     };
   }
 }
-function H(h) {
+function R(h) {
   try {
     const i = h();
     return i instanceof Promise ? i.then((a) => ({ data: a })).catch((a) => ({ error: a })) : { data: i };
@@ -220,11 +220,11 @@ class q {
         lastMessageTimestamp: n ? void 0 : r
       });
       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, S = c.history.map(this.mapHistoryToMessage).filter((f) => f !== null).filter(
-          (f) => !p.some((b) => b.id === f.id)
+        const p = this.messageCtx.state.get().messages, w = c.history.map(this.mapHistoryToMessage).filter((g) => g !== null).filter(
+          (g) => !p.some((C) => C.id === g.id)
         );
         this.messageCtx.state.setPartial({
-          messages: [...p, ...S]
+          messages: [...p, ...w]
         });
       }
       this.messageCtx.state.get().isInitialFetchLoading && this.messageCtx.state.setPartial({ isInitialFetchLoading: !1 });
@@ -321,7 +321,7 @@ class q {
         case "none":
           return null;
         default:
-          return B(
+          return H(
             e.systemMessagePayload,
             this.constructSystemMessage.name
           ), null;
@@ -330,7 +330,7 @@ class q {
       const t = e.result;
       if (t === null || typeof t != "object") return t;
       if ("responseBodyText" in t && typeof t.responseBodyText == "string") {
-        const n = t.responseBodyText, o = H(() => JSON.parse(n)).data;
+        const n = t.responseBodyText, o = R(() => JSON.parse(n)).data;
         if (o) return o;
       }
       return e.result;
@@ -348,7 +348,7 @@ class V {
       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, S, f, b, C, _;
+      var s, e, t, n, o, r, 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)
@@ -365,9 +365,9 @@ class V {
           }
         }
         await this.createUnverifiedContact({
-          email: (S = (p = this.config.user) == null ? void 0 : p.data) == null ? void 0 : S.email,
-          non_verified_name: (b = (f = this.config.user) == null ? void 0 : f.data) == null ? void 0 : b.name,
-          non_verified_custom_data: (_ = (C = this.config.user) == null ? void 0 : C.data) == null ? void 0 : _.customData
+          email: (w = (p = this.config.user) == null ? void 0 : p.data) == null ? void 0 : w.email,
+          non_verified_name: (C = (g = this.config.user) == null ? void 0 : g.data) == null ? void 0 : C.name,
+          non_verified_custom_data: (f = (S = this.config.user) == null ? void 0 : S.data) == null ? void 0 : f.customData
         });
       }
     }, this.createUnverifiedContact = async (s, e) => {
@@ -472,11 +472,18 @@ class $ {
       this.sessionsRefresher.startPolling(async () => {
         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);
-    }, this.createSession = async () => {
+    }, this.getParsedCustomData = () => Object.fromEntries(
+      Object.entries(this.config.sessionCustomData || {}).map(
+        ([s, e]) => {
+          var t;
+          return typeof e == "string" ? [s, e] : typeof e == "boolean" ? [s, e] : typeof e == "number" ? [s, e] : [s, ((t = R(() => JSON.stringify(e))) == null ? void 0 : t.data) || ""];
+        }
+      )
+    ), this.createSession = async () => {
       var o;
       this.sessionState.setPartial({ session: null, isCreatingSession: !0 });
       const s = (o = this.contactCtx.state.get().contact) == null ? void 0 : o.externalId, e = {
-        ...this.config.sessionCustomData,
+        ...this.getParsedCustomData(),
         ...s ? { external_id: s } : {}
       }, { data: t, error: n } = await this.api.createSession({
         customData: Object.keys(e).length > 0 ? e : void 0
@@ -546,12 +553,13 @@ class K {
     this.state = new y({
       messages: [],
       isSendingMessage: !1,
+      isSendingMessageToAI: !1,
       lastAIResMightSolveUserIssue: !1,
       isInitialFetchLoading: !1
     }), 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, S, f;
+      var e, t, n, o, r, c, u, p, w;
       try {
         if (!s.content.trim() && (!s.attachments || s.attachments.length === 0)) {
           console.warn(
@@ -559,21 +567,25 @@ class K {
           );
           return;
         }
-        const b = this.state.get().isSendingMessage, C = ((e = this.sessionCtx.sessionState.get().session) == null ? void 0 : e.assignee.kind) === "ai", _ = this.state.get().messages, v = _.length > 0 ? _[_.length - 1] : void 0;
-        if (C && b || // If last message is from user, then bot response did not arrive yet
-        C && (v == null ? void 0 : v.type) === "USER") {
+        const g = this.sessionCtx.sessionState.get().session, S = (g == null ? void 0 : g.assignee.kind) === "ai", f = this.state.get().isSendingMessageToAI, v = this.state.get().messages.at(-1);
+        if (f || // If last message is from user, then bot response did not arrive yet
+        S && (v == null ? void 0 : v.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 P = this.state.get().messages, A = !((t = this.sessionCtx.sessionState.get().session) != null && t.id) && P.length === 0 && ((n = this.config.advancedInitialMessages) == null ? void 0 : n.some((g) => g.persistent)), T = A ? (this.config.advancedInitialMessages || []).filter((g) => g.persistent).map(
-          (g) => ({
+        this.sendMessageAbortController = new AbortController(), this.state.setPartial({
+          lastAIResMightSolveUserIssue: !1,
+          isSendingMessage: !0,
+          isSendingMessageToAI: !!S || !g
+        });
+        const P = this.state.get().messages, A = !((e = this.sessionCtx.sessionState.get().session) != null && e.id) && P.length === 0 && ((t = this.config.advancedInitialMessages) == null ? void 0 : t.some((_) => _.persistent)), T = A ? (this.config.advancedInitialMessages || []).filter((_) => _.persistent).map(
+          (_) => ({
             id: k(),
             component: "bot_message",
             type: "AI",
             timestamp: (/* @__PURE__ */ new Date()).toISOString(),
             data: {
-              message: g.message
+              message: _.message
             }
           })
         ) : [], I = this.toUserMessage(
@@ -586,14 +598,14 @@ class K {
             ...P,
             I
           ]
-        }), !((o = this.sessionCtx.sessionState.get().session) != null && o.id)) {
+        }), !((n = this.sessionCtx.sessionState.get().session) != null && n.id)) {
           if (!await this.sessionCtx.createSession()) {
             console.error("Failed to create session");
             return;
           }
           this.sessionCtx.refreshSessions();
         }
-        const E = (r = this.sessionCtx.sessionState.get().session) == null ? void 0 : r.id;
+        const E = (o = this.sessionCtx.sessionState.get().session) == null ? void 0 : o.id;
         if (!E) return;
         const { data: m } = await this.api.sendMessage(
           {
@@ -612,43 +624,46 @@ class K {
             },
             language: this.config.language,
             exit_mode_prompt: s.exitModePrompt,
-            initial_messages: A ? T.map((g) => ({
-              uuid: g.id,
-              content: g.data.message
+            initial_messages: A ? T.map((_) => ({
+              uuid: _.id,
+              content: _.data.message
             })) : void 0
           },
           this.sendMessageAbortController.signal
         );
         if (m != null && m.success) {
-          const g = this.toBotMessage(m);
-          if (g) {
+          const _ = this.toBotMessage(m);
+          if (_) {
             const x = this.state.get().messages;
             if (!!x.some(
-              (D) => D.id === g.id
+              (j) => j.id === _.id
             )) {
               this.state.setPartial({
-                lastAIResMightSolveUserIssue: ((c = m.autopilotResponse) == null ? void 0 : c.mightSolveUserIssue) || ((u = m.uiResponse) == null ? void 0 : u.mightSolveUserIssue)
+                lastAIResMightSolveUserIssue: ((r = m.autopilotResponse) == null ? void 0 : r.mightSolveUserIssue) || ((c = m.uiResponse) == null ? void 0 : c.mightSolveUserIssue)
               });
               return;
             }
             this.state.setPartial({
-              messages: [...x, g],
-              lastAIResMightSolveUserIssue: ((p = m.autopilotResponse) == null ? void 0 : p.mightSolveUserIssue) || ((S = m.uiResponse) == null ? void 0 : S.mightSolveUserIssue)
+              messages: [...x, _],
+              lastAIResMightSolveUserIssue: ((u = m.autopilotResponse) == null ? void 0 : u.mightSolveUserIssue) || ((p = m.uiResponse) == null ? void 0 : p.mightSolveUserIssue)
             });
           }
           m.session && this.sessionCtx.sessionState.setPartial({ session: m.session });
         } else {
-          const g = this.toBotErrorMessage(
-            ((f = m == null ? void 0 : m.error) == null ? void 0 : f.message) || "Unknown error occurred"
+          const _ = this.toBotErrorMessage(
+            ((w = m == null ? void 0 : m.error) == null ? void 0 : w.message) || "Something went wrong. Please refresh the page or try again."
           ), x = this.state.get().messages;
           this.state.setPartial({
-            messages: [...x, g]
+            messages: [...x, _]
           });
         }
-      } catch (b) {
-        this.sendMessageAbortController.signal.aborted || console.error("Failed to send message:", b);
+      } catch (g) {
+        this.sendMessageAbortController.signal.aborted || console.error("Failed to send message:", g);
       } finally {
-        this.state.setPartial({ isSendingMessage: !1 });
+        this.state.setPartial({
+          isSendingMessage: !1,
+          isSendingMessageToAI: !1
+        });
       }
     }, this.toUserMessage = (s, e) => {
       const t = (() => {
@@ -691,7 +706,7 @@ ${s}` : s;
       type: "AI",
       id: k(),
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      component: "TEXT",
+      component: "bot_message",
       data: {
         message: s,
         variant: "error",
@@ -740,7 +755,7 @@ class G {
     }), this.registerRoutingListener();
   }
 }
-class W {
+class J {
   constructor({
     storage: i,
     config: a
@@ -755,7 +770,7 @@ class W {
     }, this.getExternalContactId = async () => this.storage.get(this.KEYS.externalContactId(this.config.token)), this.storage = i, this.config = a;
   }
 }
-const w = class w {
+const b = class b {
   constructor({
     config: i,
     storage: a,
@@ -764,11 +779,11 @@ const w = class w {
   }) {
     if (this.modes = [], this.resetChat = () => {
       this.sessionCtx.reset(), this.messageCtx.reset();
-    }, !w.pollingIntervalsSeconds)
+    }, !b.pollingIntervalsSeconds)
       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 W({ 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 = l, this.contactCtx = new V({
       api: this.api,
       config: this.config,
       storageCtx: this.storageCtx
@@ -776,7 +791,7 @@ const w = class w {
       config: this.config,
       api: this.api,
       contactCtx: this.contactCtx,
-      sessionsPollingIntervalSeconds: w.pollingIntervalsSeconds.sessions
+      sessionsPollingIntervalSeconds: b.pollingIntervalsSeconds.sessions
     }), this.messageCtx = new K({
       config: this.config,
       api: this.api,
@@ -792,7 +807,7 @@ const w = class w {
       config: this.config,
       sessionCtx: this.sessionCtx,
       messageCtx: this.messageCtx,
-      sessionPollingIntervalSeconds: w.pollingIntervalsSeconds.session
+      sessionPollingIntervalSeconds: b.pollingIntervalsSeconds.session
     }), this.routerCtx = new G({
       config: this.config,
       contactCtx: this.contactCtx,
@@ -801,7 +816,7 @@ const w = class w {
     });
   }
 };
-w.pollingIntervalsSeconds = null, w.initialize = async ({
+b.pollingIntervalsSeconds = null, b.initialize = async ({
   config: i,
   storage: a
 }) => {
@@ -811,10 +826,10 @@ w.pollingIntervalsSeconds = null, w.initialize = async ({
   }).getExternalWidgetConfig();
   if (!l.data)
     throw new Error("Failed to fetch widget config");
-  return w.pollingIntervalsSeconds = {
+  return b.pollingIntervalsSeconds = {
     session: ((d = l.data) == null ? void 0 : d.sessionPollingIntervalSeconds) || 10,
     sessions: ((s = l.data) == null ? void 0 : s.sessionsPollingIntervalSeconds) || 60
-  }, new w({
+  }, new b({
     config: i,
     storage: a,
     modes: ((e = l.data) == null ? void 0 : e.modes) || [],
@@ -824,8 +839,8 @@ w.pollingIntervalsSeconds = null, w.initialize = async ({
     }
   });
 };
-let U = w;
-const J = {
+let U = b;
+const W = {
   write_a_message_placeholder: "اكتب رسالة...",
   your_issue_has_been_resolved: "تم حل مشكلتك!",
   new_conversation: "محادثة جديدة",
@@ -1065,9 +1080,9 @@ const J = {
   no_conversations_yet: "Henüz konuşma yok",
   back_to_conversations: "Konuşmalara geri dön",
   closed_conversations: "Kapatılan konuşmalar"
-}, R = {
+}, D = {
   en: Q,
-  ar: J,
+  ar: W,
   nl: ne,
   fr: se,
   de: Z,
@@ -1081,19 +1096,19 @@ const J = {
   ro: le,
   da: X,
   sv: ce
-}, de = Object.keys(R);
+}, de = Object.keys(D);
 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]) || R[i][h] || "";
+  return ((l = a == null ? void 0 : a[i]) == null ? void 0 : l[h]) || D[i][h] || "";
 }
 export {
   y as PrimitiveState,
   U as WidgetCtx,
   fe as getTranslation,
-  B as isExhaustive,
+  H as isExhaustive,
   pe as isSupportedLanguage
 };
 //# sourceMappingURL=index.js.map