@opencx/widget 3.0.32 → 3.0.33

package/dist/{widget.ctx-OHYgtVi5.js → widget.ctx-D0ExFLNH.js}

@@ -1,27 +1,23 @@
-var L = Object.defineProperty;
-var M = (n) => {
-  throw TypeError(n);
-};
-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)), w = (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), p = (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 B = (n) => {
-  console.log(n.error);
-}, q = (n) => {
-  const t = E({
-    baseUrl: n.baseUrl
+var y = Object.defineProperty;
+var A = (o, t, e) => t in o ? y(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var s = (o, t, e) => A(o, typeof t != "symbol" ? t + "" : t, e);
+import k from "axios";
+import U from "openapi-fetch";
+import M from "lodash.isequal";
+import { v4 as R } from "uuid";
+const E = (o) => {
+  console.log(o.error);
+}, F = (o) => {
+  const t = U({
+    baseUrl: o.baseUrl
   }), e = {
-    onRequest: n.onRequest,
-    onResponse: n.onResponse,
-    onError: n.onError || B
+    onRequest: o.onRequest,
+    onResponse: o.onResponse,
+    onError: o.onError || E
   };
   return t.use(e), t;
 };
-class H {
+class T {
   constructor({
     config: t
   }) {
@@ -40,18 +36,18 @@ class H {
     s(this, "createOpenAPIClient", ({
       baseUrl: t,
       headers: e
-    }) => q({
+    }) => F({
       baseUrl: t,
       onRequest: ({ request: i }) => {
-        Object.entries(e).forEach(([a, r]) => {
-          r && i.headers.set(a, r);
+        Object.entries(e).forEach(([a, n]) => {
+          n && i.headers.set(a, n);
         });
       }
     }));
     s(this, "createAxiosUploadClient", ({
       baseUrl: t,
       headers: e
-    }) => T.create({
+    }) => k.create({
       baseURL: `${t}/backend/widget/v2/upload`,
       headers: e
     }));
@@ -122,107 +118,57 @@ class H {
     this.client = this.createOpenAPIClient({ baseUrl: e, headers: i }), this.uploadFileClient = this.createAxiosUploadClient({ baseUrl: e, headers: i });
   }
 }
-var c, u;
-class f {
+class g {
   constructor(t) {
     s(this, "subscribers", /* @__PURE__ */ new Set());
-    w(this, c);
+    s(this, "state");
     s(this, "initialState");
-    w(this, u);
-    s(this, "lifecycleListeners", /* @__PURE__ */ new Map());
-    s(this, "emitLifecycle", (t, e) => {
-      const i = this.lifecycleListeners.get(t);
-      if (i) {
-        const a = {
-          type: t,
-          timestamp: Date.now(),
-          data: e
-        };
-        i.forEach((r) => {
-          try {
-            r(a);
-          } catch {
-          }
-        });
-      }
+    s(this, "get", () => this.state);
+    s(this, "set", (t) => {
+      M(this.state, t) || (this.state = t, this.notifySubscribers(t));
+    });
+    s(this, "setPartial", (t) => {
+      if (t == null) return;
+      const e = { ...this.state, ...t };
+      this.set(e);
+    });
+    s(this, "reset", () => {
+      this.set(this.initialState);
     });
     s(this, "notifySubscribers", (t) => {
       Array.from(this.subscribers).forEach((i) => {
         try {
           i(t);
         } catch (a) {
-          this.emitLifecycle("error", { error: a });
+          console.error(a);
         }
       });
     });
-    /**
-     * Subscribe to state changes
-     * @param callback Function to call when state changes
-     * @returns Unsubscribe function
-     */
     s(this, "subscribe", (t) => (this.subscribers.add(t), () => {
       this.subscribers.delete(t);
     }));
-    s(this, "onLifecycle", (t, e) => {
-      this.lifecycleListeners.has(t) || this.lifecycleListeners.set(t, /* @__PURE__ */ new Set());
-      const i = this.lifecycleListeners.get(t);
-      return i.add(e), () => {
-        i.delete(e), i.size === 0 && this.lifecycleListeners.delete(t);
-      };
-    });
-    /** Get the current state */
-    s(this, "get", () => h(this, c));
-    // TODO make this provide prev state
-    /**
-     * Set the state and notify subscribers if the state changes
-     * @param newState The new state to set
-     */
-    s(this, "set", (t) => {
-      this.emitLifecycle("beforeUpdate", {
-        previousState: h(this, c),
-        nextState: t
-      }), D(h(this, c), t) || (p(this, c, t), p(this, u, 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) => {
-      if (t == null) return;
-      const e = { ...h(this, c), ...t };
-      this.set(e);
-    });
-    /**
-     * Clear all subscriptions
-     */
-    s(this, "clear", () => {
-      this.emitLifecycle(
-        "destroy"
-        /* DESTROY */
-      ), this.subscribers = /* @__PURE__ */ new Set(), this.lifecycleListeners = /* @__PURE__ */ new Map();
-    });
-    s(this, "reset", () => {
-      this.set(this.initialState);
-    });
-    s(this, "lastUpdated", () => h(this, u));
-    p(this, c, t), this.initialState = t, p(this, u, Date.now()), this.emitLifecycle("init", { initialState: h(this, c) });
+    this.state = t, this.initialState = t;
   }
 }
-c = new WeakMap(), u = new WeakMap();
-class G {
+class O {
   constructor({
     config: t,
-    api: e
+    api: e,
+    storageCtx: i
   }) {
     s(this, "config");
+    s(this, "storageCtx");
     s(this, "api");
     s(this, "state");
     s(this, "shouldCollectData", () => {
       var e;
       return !!(!((e = this.state.get().contact) != null && e.token) && this.config.collectUserData);
     });
-    s(this, "autoCreateUnverifiedUser", async () => {
-      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: (a = (i = this.config.user) == null ? void 0 : i.data) == null ? void 0 : a.email
+    s(this, "autoCreateUnverifiedUserIfNotExists", async () => {
+      var t, e, i, a, n;
+      (t = this.config.user) != null && t.token || this.config.collectUserData || await this.createUnverifiedContact({
+        name: ((i = (e = this.config.user) == null ? void 0 : e.data) == null ? void 0 : i.name) || "Anonymous",
+        email: (n = (a = this.config.user) == null ? void 0 : a.data) == null ? void 0 : n.email
       });
     });
     s(this, "createUnverifiedContact", async (t) => {
@@ -237,17 +183,17 @@ class G {
         this.state.setPartial({ isCreatingUnverifiedContact: !1 });
       }
     });
-    var i, a, r;
-    this.config = t, this.api = e, this.state = new f({
-      contact: (i = t.user) != null && i.token ? { token: (a = t.user) == null ? void 0 : a.token } : null,
+    var a, n;
+    this.config = t, this.storageCtx = i, this.api = e, this.state = new g({
+      contact: (a = t.user) != null && a.token ? { token: (n = t.user) == null ? void 0 : n.token } : null,
       isCreatingUnverifiedContact: !1,
       isErrorCreatingUnverifiedContact: !1
-    }), !((r = t.user) != null && r.token) && !t.collectUserData && this.autoCreateUnverifiedUser();
+    }), this.autoCreateUnverifiedUserIfNotExists();
   }
 }
-class v {
+class S {
   constructor() {
-    s(this, "state", new f({
+    s(this, "state", new g({
       isPolling: !1,
       isError: !1
     }));
@@ -263,10 +209,10 @@ class v {
         this.abortController = new AbortController(), this.state.setPartial({ isPolling: !0 });
         try {
           await t(this.abortController.signal);
-        } catch (r) {
+        } catch (n) {
           if (this.abortController.signal.aborted)
             return;
-          console.error("Failed to poll:", r), this.state.setPartial({ isError: !0 });
+          console.error("Failed to poll:", n), this.state.setPartial({ isError: !0 });
         } finally {
           this.state.setPartial({ isPolling: !1 });
         }
@@ -278,10 +224,10 @@ class v {
     });
   }
 }
-function P() {
-  return _();
+function p() {
+  return R();
 }
-class j {
+class _ {
   constructor({
     config: t,
     api: e,
@@ -290,13 +236,13 @@ class j {
     s(this, "config");
     s(this, "api");
     s(this, "contactCtx");
-    s(this, "activeSessionPoller", new v());
-    s(this, "sessionsRefresher", new v());
-    s(this, "sessionState", new f({
+    s(this, "activeSessionPoller", new S());
+    s(this, "sessionsRefresher", new S());
+    s(this, "sessionState", new g({
       session: null,
       isCreatingSession: !1
     }));
-    s(this, "sessionsState", new f({
+    s(this, "sessionsState", new g({
       data: [],
       cursor: void 0,
       isLastPage: !1,
@@ -322,22 +268,21 @@ class j {
       });
     });
     s(this, "registerInitialSessionsFetch", () => {
-      var e;
-      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.registerSessionsRefresher()), this.contactCtx.state.subscribe(({ contact: i }) => {
-        i != null && i.token && !this.sessionsState.get().didStartInitialFetch && (t(), this.registerSessionsRefresher());
+      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: e }) => {
+        e != null && e.token && !this.sessionsState.get().didStartInitialFetch && 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 e = [...t.items, ...this.sessionsState.get().data].filter(
-          (i, a, r) => a === r.findIndex((o) => i.id === o.id)
+          (i, a, n) => a === n.findIndex((r) => i.id === r.id)
         );
-        this.sessionsState.setPartial({ data: e });
+        this.sessionsState.setPartial({ data: e }), this.sessionsState.get().isInitialFetchLoading === !0 && this.sessionsState.setPartial({ isInitialFetchLoading: !1 });
       }, 1e4);
     });
     s(this, "createSession", async () => {
@@ -350,9 +295,6 @@ class j {
       });
       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 () => {
       if (this.sessionsState.get().isLastPage) return;
       const { data: t } = await this.getSessions({
@@ -360,7 +302,7 @@ class j {
       });
       if (t) {
         const i = [...this.sessionsState.get().data, ...t.items].filter(
-          (a, r, o) => r === o.findIndex((g) => a.id === g.id)
+          (a, n, r) => n === r.findIndex((c) => a.id === c.id)
         );
         this.sessionsState.setPartial({
           data: i,
@@ -381,7 +323,7 @@ class j {
     this.config = t, this.api = e, this.contactCtx = i, this.registerActiveSessionPolling(), this.registerInitialSessionsFetch();
   }
 }
-class N {
+class L {
   constructor({
     config: t,
     api: e,
@@ -390,8 +332,8 @@ class N {
     s(this, "config");
     s(this, "api");
     s(this, "sessionCtx");
-    s(this, "poller", new v());
-    s(this, "state", new f({
+    s(this, "poller", new S());
+    s(this, "state", new g({
       messages: [],
       isSendingMessage: !1,
       lastAIResMightSolveUserIssue: !1,
@@ -409,12 +351,12 @@ class N {
       });
     });
     s(this, "sendMessage", async (t) => {
-      var r, o, g, m, C, y, x, A, U;
+      var n, r, c, d, u, m, x, b, v;
       if (!t.content.trim() && (!t.attachments || t.attachments.length === 0)) {
         console.warn("Cannot send an empty message of no content or attachments");
         return;
       }
-      const e = this.state.get().isSendingMessage, i = ((r = this.sessionCtx.sessionState.get().session) == null ? void 0 : r.assignee.kind) === "ai", a = this.state.get().messages.at(-1);
+      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");
@@ -423,82 +365,82 @@ class N {
       this.sendMessageAbortController = new AbortController(), this.state.setPartial({ lastAIResMightSolveUserIssue: !1 });
       try {
         this.state.setPartial({ isSendingMessage: !0 });
-        const S = this.toUserMessage(
+        const f = this.toUserMessage(
           t.content.trim(),
           t.attachments || void 0
-        ), k = this.state.get().messages;
+        ), P = this.state.get().messages;
         if (this.state.setPartial({
-          messages: [...k, S]
-        }), !((o = this.sessionCtx.sessionState.get().session) != null && o.id) && !await this.sessionCtx.createSession()) {
+          messages: [...P, f]
+        }), !((r = this.sessionCtx.sessionState.get().session) != null && r.id) && !await this.sessionCtx.createSession()) {
           console.error("Failed to create session");
           return;
         }
-        const I = (g = this.sessionCtx.sessionState.get().session) == null ? void 0 : g.id;
-        if (!I) return;
+        const w = (c = this.sessionCtx.sessionState.get().session) == null ? void 0 : c.id;
+        if (!w) return;
         const { data: l } = await this.api.sendMessage(
           {
-            uuid: S.id,
+            uuid: f.id,
             bot_token: this.config.token,
             headers: this.config.headers,
             query_params: this.config.queryParams,
-            session_id: I,
-            user: (m = this.config.user) == null ? void 0 : m.data,
+            session_id: w,
+            user: (d = this.config.user) == null ? void 0 : d.data,
             ...t
           },
           this.sendMessageAbortController.signal
         );
         if (l != null && l.success) {
-          const d = this.toBotMessage(l);
-          if (d) {
-            const b = this.state.get().messages;
-            if (!!b.some(
-              (F) => F.id === d.id
+          const h = this.toBotMessage(l);
+          if (h) {
+            const C = this.state.get().messages;
+            if (!!C.some(
+              (I) => I.id === h.id
             )) {
               this.state.setPartial({
-                lastAIResMightSolveUserIssue: ((C = l.autopilotResponse) == null ? void 0 : C.mightSolveUserIssue) || ((y = l.uiResponse) == null ? void 0 : y.mightSolveUserIssue)
+                lastAIResMightSolveUserIssue: ((u = l.autopilotResponse) == null ? void 0 : u.mightSolveUserIssue) || ((m = l.uiResponse) == null ? void 0 : m.mightSolveUserIssue)
               });
               return;
             }
             this.state.setPartial({
-              messages: [...b, d],
-              lastAIResMightSolveUserIssue: ((x = l.autopilotResponse) == null ? void 0 : x.mightSolveUserIssue) || ((A = l.uiResponse) == null ? void 0 : A.mightSolveUserIssue)
+              messages: [...C, h],
+              lastAIResMightSolveUserIssue: ((x = l.autopilotResponse) == null ? void 0 : x.mightSolveUserIssue) || ((b = l.uiResponse) == null ? void 0 : b.mightSolveUserIssue)
             });
           }
         } else {
-          const d = this.toBotErrorMessage(
-            ((U = l == null ? void 0 : l.error) == null ? void 0 : U.message) || "Unknown error occurred"
-          ), b = this.state.get().messages;
+          const h = this.toBotErrorMessage(
+            ((v = l == null ? void 0 : l.error) == null ? void 0 : v.message) || "Unknown error occurred"
+          ), C = this.state.get().messages;
           this.state.setPartial({
-            messages: [...b, d]
+            messages: [...C, h]
           });
         }
-      } catch (S) {
-        this.sendMessageAbortController.signal.aborted || console.error("Failed to send message:", S);
+      } catch (f) {
+        this.sendMessageAbortController.signal.aborted || console.error("Failed to send message:", f);
       } finally {
         this.state.setPartial({ isSendingMessage: !1 });
       }
     });
     s(this, "fetchAndSetHistory", async (t, e) => {
-      var r;
+      var n;
       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: a } = await this.api.getSessionHistory({
+      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: e
       });
       if (a && a.length > 0) {
-        const o = this.state.get().messages, g = a.map(this.mapHistoryToMessage).filter(
-          (m) => !o.some((C) => C.id === m.id)
+        const r = this.state.get().messages, c = a.map(this.mapHistoryToMessage).filter(
+          (d) => !r.some((u) => u.id === d.id)
         );
         this.state.setPartial({
-          messages: [...o, ...g]
+          messages: [...r, ...c]
         });
       }
       this.state.get().isInitialFetchLoading && this.state.setPartial({ isInitialFetchLoading: !1 });
     });
     /** Not the best name but whatever */
     s(this, "mapHistoryToMessage", (t) => {
-      var a, r, o;
+      var a, n, r;
       const e = {
         id: t.publicId,
         timestamp: t.sentAt || "",
@@ -533,9 +475,9 @@ class N {
         component: "bot_message",
         agent: {
           id: null,
-          name: ((r = this.config.bot) == null ? void 0 : r.name) || "",
+          name: ((n = this.config.bot) == null ? void 0 : n.name) || "",
           isAi: !0,
-          avatar: ((o = this.config.bot) == null ? void 0 : o.avatar) || ""
+          avatar: ((r = this.config.bot) == null ? void 0 : r.avatar) || ""
         },
         data: {
           message: t.content.text || "",
@@ -544,7 +486,7 @@ class N {
       };
     });
     s(this, "toUserMessage", (t, e) => ({
-      id: P(),
+      id: p(),
       type: "FROM_USER",
       content: t,
       deliveredAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -555,7 +497,7 @@ class N {
       var e;
       return t.success && t.autopilotResponse ? {
         type: "FROM_BOT",
-        id: t.autopilotResponse.id || P(),
+        id: t.autopilotResponse.id || p(),
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         component: "bot_message",
         agent: this.config.bot ? {
@@ -575,7 +517,7 @@ class N {
     });
     s(this, "toBotErrorMessage", (t) => ({
       type: "FROM_BOT",
-      id: P(),
+      id: p(),
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       component: "TEXT",
       data: {
@@ -587,7 +529,7 @@ class N {
     this.config = t, this.api = e, this.sessionCtx = i, this.registerPolling();
   }
 }
-class X {
+class D {
   constructor({
     contactCtx: t,
     sessionCtx: e,
@@ -616,34 +558,57 @@ class X {
       }
       this.state.setPartial({ screen: "chat" });
     });
-    this.state = new f({
+    this.state = new g({
       screen: t.shouldCollectData() ? "welcome" : "sessions"
     }), this.contactCtx = t, this.sessionCtx = e, this.resetChat = i, this.registerRoutingListener();
   }
 }
-class V {
-  constructor({ config: t }) {
+class B {
+  constructor({ storage: t }) {
+    s(this, "storage");
+    s(this, "KEYS", {
+      contactToken: "opencx__widget__contactToken",
+      externalContactId: "opencx__widget__externalContactId"
+    });
+    s(this, "setContactToken", async (t) => {
+      await this.storage.set(this.KEYS.contactToken, t);
+    });
+    s(this, "getContactToken", async () => this.storage.get(this.KEYS.contactToken));
+    s(this, "setExternalContactId", async (t) => {
+      await this.storage.set(this.KEYS.externalContactId, t);
+    });
+    s(this, "getExternalContactId", async () => this.storage.get(this.KEYS.externalContactId));
+    this.storage = t;
+  }
+}
+class j {
+  constructor({
+    config: t,
+    storage: e
+  }) {
     s(this, "config");
     s(this, "api");
     s(this, "contactCtx");
     s(this, "sessionCtx");
     s(this, "messageCtx");
     s(this, "routerCtx");
+    s(this, "storageCtx");
     s(this, "resetChat", () => {
       this.sessionCtx.reset(), this.messageCtx.reset();
     });
-    this.config = t, this.api = new H({ config: t }), this.contactCtx = new G({
+    this.config = t, this.api = new T({ config: t }), this.storageCtx = e ? new B({ storage: e }) : void 0, this.contactCtx = new O({
       api: this.api,
-      config: this.config
-    }), this.sessionCtx = new j({
+      config: this.config,
+      storageCtx: this.storageCtx
+    }), this.sessionCtx = new _({
       config: this.config,
       api: this.api,
       contactCtx: this.contactCtx
-    }), this.messageCtx = new N({
+    }), this.messageCtx = new L({
       config: this.config,
       api: this.api,
       sessionCtx: this.sessionCtx
-    }), this.routerCtx = new X({
+    }), this.routerCtx = new D({
       contactCtx: this.contactCtx,
       sessionCtx: this.sessionCtx,
       resetChat: this.resetChat
@@ -651,7 +616,7 @@ class V {
   }
 }
 export {
-  f as P,
-  V as W
+  g as P,
+  j as W
 };
-//# sourceMappingURL=widget.ctx-OHYgtVi5.js.map
+//# sourceMappingURL=widget.ctx-D0ExFLNH.js.map