@telia-ace/widget-conversation 1.0.36 → 1.0.37-next.1

package/dist/index.js

@@ -1,49 +1,140 @@
 var j = Object.defineProperty, G = Object.defineProperties;
 var J = Object.getOwnPropertyDescriptors;
-var A = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var E = (r, e, t) => e in r ? j(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, g = (r, e) => {
+var x = Object.getOwnPropertySymbols;
+var $ = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var T = (r, e, t) => e in r ? j(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, m = (r, e) => {
   for (var t in e || (e = {}))
-    B.call(e, t) && E(r, t, e[t]);
-  if (A)
-    for (var t of A(e))
-      M.call(e, t) && E(r, t, e[t]);
+    $.call(e, t) && T(r, t, e[t]);
+  if (x)
+    for (var t of x(e))
+      _.call(e, t) && T(r, t, e[t]);
   return r;
-}, m = (r, e) => G(r, J(e));
-var $ = (r, e) => {
+}, b = (r, e) => G(r, J(e));
+var B = (r, e) => {
   var t = {};
   for (var s in r)
-    B.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
-  if (r != null && A)
-    for (var s of A(r))
-      e.indexOf(s) < 0 && M.call(r, s) && (t[s] = r[s]);
+    $.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
+  if (r != null && x)
+    for (var s of x(r))
+      e.indexOf(s) < 0 && _.call(r, s) && (t[s] = r[s]);
   return t;
 };
-var d = (r, e, t) => (E(r, typeof e != "symbol" ? e + "" : e, t), t);
-var v = (r, e, t) => new Promise((s, n) => {
-  var i = (c) => {
+var d = (r, e, t) => (T(r, typeof e != "symbol" ? e + "" : e, t), t);
+var v = (r, e, t) => new Promise((s, i) => {
+  var n = (c) => {
     try {
       o(t.next(c));
     } catch (h) {
-      n(h);
+      i(h);
     }
   }, a = (c) => {
     try {
       o(t.throw(c));
     } catch (h) {
-      n(h);
+      i(h);
     }
-  }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(i, a);
+  }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, a);
   o((t = t.apply(r, e)).next());
 });
 import { ComponentPlatform as K } from "@telia-ace/widget-core";
-import { createStorageWriter as N, StorageCategory as R, readStorage as b, StorageMedium as w, StorageScope as V } from "@telia-ace/widget-services";
-import { uuid as L, lock as Y } from "@telia-ace/widget-utilities";
+import { createStorageWriter as D, StorageCategory as N, readStorage as w, StorageMedium as A, StorageScope as V } from "@telia-ace/widget-services";
+import { uuid as U, lock as Y } from "@telia-ace/widget-utilities";
 import { FormBuilder as X } from "@telia-ace/widget-forms";
-import { closeAllModals as z } from "@telia-ace/widget-plugins";
-import { createReactComponent as U } from "@telia-ace/widget-ui";
+import { closeAllModals as L } from "@telia-ace/widget-plugins";
+import { createReactComponent as q } from "@telia-ace/widget-ui";
 import { lazy as Z } from "react";
-class x {
+class ee {
+  constructor(e) {
+    d(this, "cache", /* @__PURE__ */ new Map());
+    d(this, "subscriptions", []);
+    this.controller = e;
+    const { events: t } = e.container.get("$widget"), s = t.subscribe("data-client:fetched", (i, n) => {
+      n.type === "contact-method" && this.cache.set(n.response.id, n.response);
+    });
+    this.subscriptions.push(s);
+  }
+  getConversationLogs() {
+    return this.controller.messages.reduce((t, s) => {
+      const i = I(s), { key: n, content: a, type: o, sender: c, timestamp: h } = i.content, u = this.parseEntry(a, o, c, h);
+      return u && t.push(u), t;
+    }, []);
+  }
+  parseEntry(e, t, s, i) {
+    const n = (h) => {
+      let u = [], l = [], f;
+      if (Array.isArray(h)) {
+        const [p, y] = h;
+        f = y;
+      } else
+        f = h;
+      return this.createMessageContent(f).length && (l = [...l, this.createMessageContent(f)]), u = [...u, ...this.createMessageOptions(f)], {
+        messagesAsList: l,
+        options: u
+      };
+    };
+    let a = [], o = [];
+    if (Array.isArray(e.items)) {
+      const { items: h } = e;
+      h.forEach((u) => {
+        const l = n(u);
+        a = [...a, ...l.options], o = [...o, ...l.messagesAsList];
+      });
+    } else {
+      const h = n(e);
+      a = [...a, ...h.options], o = [...o, ...h.messagesAsList];
+    }
+    return {
+      options: a,
+      message: o.length ? o.join(`
+`) : void 0,
+      source: this.createMessageSource(t),
+      alias: this.createAlias(t, s),
+      timestamp: i
+    };
+  }
+  createMessageSource(e) {
+    return e;
+  }
+  createAlias(e, t) {
+    return e === S.System ? "system" : (t == null ? void 0 : t.name) || "Me";
+  }
+  handleContactMethod(e) {
+    if (!this.cache.has(e))
+      return;
+    const t = this.cache.get(e);
+    let s = "";
+    return s = this.appendText(s, `${t.clientName}:`), s = this.appendText(s, t.title), t.description && (s = this.appendText(s, t.title)), s;
+  }
+  getDetails(e, t = !0) {
+    if (!e)
+      return "";
+    const { header: s, title: i, label: n, description: a, text: o, html: c, body: h, contactMethodId: u } = e;
+    let l = "";
+    if (u) {
+      const f = this.handleContactMethod(u.toString());
+      f && (l = this.appendText(l, f, t));
+    }
+    return s && (l = this.appendText(l, s, t)), i && (l = this.appendText(l, i, t)), a && (l = this.appendText(l, a, t)), o && (l = this.appendText(l, o, t)), n && (l = this.appendText(l, n, t)), c && (l = this.appendText(l, c, t)), h && typeof h == "string" && (l = this.appendText(l, h, t)), l;
+  }
+  createMessageContent(e) {
+    let t = "";
+    return t = this.getDetails(e), t;
+  }
+  createMessageOptions(e) {
+    let t = [];
+    return e != null && e.actions && (t = e.actions.map((s) => this.getDetails(s, !1))), t;
+  }
+  appendText(e, t, s = !0) {
+    return s && e.length ? `${e}
+${t}` : e.length ? `${e} ${t}` : t;
+  }
+  dispose() {
+    this.subscriptions.forEach((e) => {
+      e();
+    });
+  }
+}
+class M {
   constructor(e, t) {
     d(this, "id");
     d(this, "name");
@@ -53,27 +144,27 @@ class x {
         name: this.name,
         avatar: this.avatar,
         id: this.id
-      }, n = D(e, t);
+      }, i = I(e, t);
       return this.provider.createEntry(
-        n.key,
-        n.content,
-        I.Agent,
+        i.key,
+        i.content,
+        S.Agent,
         s,
-        n.timestamp
+        i.timestamp
       );
     });
     d(this, "typing", () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }));
-    this.provider = e, this.id = t.id || L(), this.name = t.name, this.avatar = t.avatar;
+    this.provider = e, this.id = t.id || U(), this.name = t.name, this.avatar = t.avatar;
   }
   update(e) {
-    var n;
+    var i;
     const { name: t, avatar: s } = e;
-    s === null ? this.avatar = void 0 : s && (this.avatar = s), t === null ? this.name = void 0 : t && (this.name = t), (n = this.provider.controller) == null || n.events.dispatch("conversation:agent-updated", {
+    s === null ? this.avatar = void 0 : s && (this.avatar = s), t === null ? this.name = void 0 : t && (this.name = t), (i = this.provider.controller) == null || i.events.dispatch("conversation:agent-updated", {
       agent: this
     });
   }
 }
-class T {
+class R {
   constructor(e, t, s) {
     d(this, "subscriptions", []);
     d(this, "options");
@@ -83,15 +174,15 @@ class T {
     };
   }
   static create(e, t, s) {
-    return new T(e, t, s);
+    return new R(e, t, s);
   }
   createAgent(e = {}) {
     var t;
     if (this.controller) {
-      const s = this.controller.getAgentById(e.id), n = s ? new x(this, g(g({}, s), e)) : new x(this, e);
+      const s = this.controller.getAgentById(e.id), i = s ? new M(this, m(m({}, s), e)) : new M(this, e);
       return s || (t = this.controller) == null || t.events.dispatch("conversation:agent-created", {
-        agent: n
-      }), n;
+        agent: i
+      }), i;
     }
   }
   print(e) {
@@ -106,9 +197,9 @@ class T {
     return this.controller ? this.controller.loader() : () => () => {
     };
   }
-  createEntry(e, t, s, n, i) {
+  createEntry(e, t, s, i, n) {
     var a;
-    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, n, i);
+    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, i, n);
   }
   dispose() {
     var e;
@@ -118,6 +209,10 @@ class T {
     var e;
     return ((e = this.controller) == null ? void 0 : e.isRehydrated()) || Promise.resolve(!1);
   }
+  getHistory() {
+    var e;
+    return ((e = this.controller) == null ? void 0 : e.getHistory()) || [];
+  }
   complete() {
     var e;
     (e = this.controller) == null || e.onCompleteProvider();
@@ -147,8 +242,8 @@ class T {
     }
   }
 }
-const q = (r) => `conversation-${r}`;
-class ee {
+const F = (r) => `conversation-${r}`;
+class te {
   constructor() {
     d(this, "_locking", Promise.resolve());
     d(this, "_locks", 0);
@@ -159,31 +254,31 @@ class ee {
   lock() {
     this._locks += 1;
     let e, t = new Promise(
-      (n) => e = () => {
-        this._locks -= 1, n();
+      (i) => e = () => {
+        this._locks -= 1, i();
       }
     ), s = this._locking.then(() => e);
     return this._locking = this._locking.then(() => t), s;
   }
 }
-class te {
+class se {
   constructor(e, t, s) {
     d(this, "sessionStorageKey");
-    d(this, "locker", new ee());
+    d(this, "locker", new te());
     d(this, "initialStoredAgents", []);
-    this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = q(t.id), t.onStarted(() => v(this, null, function* () {
+    this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = F(t.id), t.onStarted(() => v(this, null, function* () {
       if (t.messages.length > 0)
         return;
-      const { agents: n } = yield this.read(), i = [];
-      n && n.forEach((o) => {
-        const c = t.providerIndex(o.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(o.providerName), u = new x(h, { name: o.name, avatar: o.avatar, id: o.id });
-        i.push(u);
+      const { agents: i } = yield this.read(), n = [];
+      i && i.forEach((o) => {
+        const c = t.providerIndex(o.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(o.providerName), u = new M(h, { name: o.name, avatar: o.avatar, id: o.id });
+        n.push(u);
       });
       const { messages: a } = yield this.read();
       a.forEach((o) => {
         switch (o.type) {
           case "agent": {
-            const c = i.find((h) => {
+            const c = n.find((h) => {
               var u;
               return h.id === ((u = o.sender) == null ? void 0 : u.id);
             });
@@ -203,23 +298,23 @@ class te {
             t.print(o.content.items || o.content);
         }
       });
-    })), t.onMessageCreated((n, i) => v(this, null, function* () {
-      this.write(i.message, "messages");
-    })), t.events.subscribe("conversation:agent-created", (n, i) => v(this, null, function* () {
+    })), t.onMessageCreated((i, n) => v(this, null, function* () {
+      this.write(n.message, "messages");
+    })), t.events.subscribe("conversation:agent-created", (i, n) => v(this, null, function* () {
       const a = {
-        id: i.agent.id,
-        name: i.agent.name,
-        avatar: i.agent.avatar,
-        providerName: i.agent.provider.name
+        id: n.agent.id,
+        name: n.agent.name,
+        avatar: n.agent.avatar,
+        providerName: n.agent.provider.name
       };
       yield this.write(a, "agents");
-    })), t.events.subscribe("conversation:agent-updated", (n, i) => v(this, null, function* () {
+    })), t.events.subscribe("conversation:agent-updated", (i, n) => v(this, null, function* () {
       const { agents: a } = yield this.read();
       yield this.write(
         [
-          ...a.map((o) => o.id === i.agent.id ? m(g({}, o), {
-            name: i.agent.name,
-            avatar: i.agent.avatar
+          ...a.map((o) => o.id === n.agent.id ? b(m({}, o), {
+            name: n.agent.name,
+            avatar: n.agent.avatar
           }) : o)
         ],
         "agents",
@@ -244,55 +339,55 @@ class te {
     return v(this, null, function* () {
       if (!this.enabled)
         return;
-      const n = yield this.locker.lock();
-      return N(
+      const i = yield this.locker.lock();
+      return D(
         this.container,
         this.sessionStorageKey,
-        R.Necessary
-      ).then((i) => v(this, null, function* () {
+        N.Necessary
+      ).then((n) => v(this, null, function* () {
         if (s === "add") {
           const a = yield this.read();
           if (t === "messages" && a.messages.findIndex((c) => c.key === e.key) > -1) {
-            n();
+            i();
             return;
           }
-          let o = g({}, a);
-          return t === "messages" ? o.messages = [...o.messages, e] : t === "agents" && (o.agents = [...o.agents, e]), i(g(g({}, a), o)).then(() => {
-            n();
+          let o = m({}, a);
+          return t === "messages" ? o.messages = [...o.messages, e] : t === "agents" && (o.agents = [...o.agents, e]), n(m(m({}, a), o)).then(() => {
+            i();
           });
         }
         if (s === "update" && t === "agents") {
           const a = yield this.read();
-          return i(m(g({}, a), {
+          return n(b(m({}, a), {
             agents: e
           })).then(() => {
-            n();
+            i();
           });
         }
-        return i(e).then(() => {
-          n();
+        return n(e).then(() => {
+          i();
         });
       }));
     });
   }
   read() {
     return v(this, null, function* () {
-      return b(this.container, this.sessionStorageKey).then((e) => e || {
+      return w(this.container, this.sessionStorageKey).then((e) => e || {
         messages: [],
         agents: []
       });
     });
   }
 }
-const se = te;
-class re {
+const re = se;
+class ie {
   constructor(e) {
     d(this, "print", (e, t) => {
-      const s = D(e, t);
+      const s = I(e, t);
       return this.controller.createEntry(
         s.key,
         s.content,
-        I.User,
+        S.User,
         void 0,
         s.timestamp
       );
@@ -301,14 +396,14 @@ class re {
   }
 }
 const W = (r, e, t) => v(void 0, null, function* () {
-  const s = yield r.getAsync("conversation"), n = yield r.getAsync("components"), i = s.controllers.find((a) => a.conversation.id === e);
-  if (i) {
-    const a = [...i.conversation.providers];
+  const s = yield r.getAsync("conversation"), i = yield r.getAsync("components"), n = s.controllers.find((a) => a.conversation.id === e);
+  if (n) {
+    const a = [...n.conversation.providers];
     a.forEach((c) => {
-      i.conversation.setProviderOptions(c, { silent: !0 });
-    }), i.conversation.queueProviders(a), i.conversation.setProviders([t]);
-    const o = n.components().ofType("conversation");
-    n.write({
+      n.conversation.setProviderOptions(c, { silent: !0 });
+    }), n.conversation.queueProviders(a), n.conversation.setProviders([t]);
+    const o = i.components().ofType("conversation");
+    i.write({
       key: "setConversationProvider",
       attributes: {
         properties: { providers: [t] }
@@ -333,40 +428,40 @@ class ne {
     return typeof e == "string" ? { body: e } : e.length > -1 && typeof e == "object" ? { items: e } : e;
   }
 }
-var I = /* @__PURE__ */ ((r) => (r.User = "user", r.Agent = "agent", r.System = "system", r))(I || {});
-const D = (r, e) => {
-  let t, s = (e == null ? void 0 : e.key) || L(), n = Date.now();
+var S = /* @__PURE__ */ ((r) => (r.User = "user", r.Agent = "agent", r.System = "system", r))(S || {});
+const I = (r, e) => {
+  let t, s = (e == null ? void 0 : e.key) || U(), i = Date.now();
   if (Array.isArray(r) && r.length > -1)
     typeof r[0] == "string" ? t = { items: [r] } : t = { items: r };
   else if (typeof r == "string")
     t = { body: r };
   else if (r = r || {}, r.type)
-    t = g({}, r);
+    t = m({}, r);
   else {
     if (t = {
       body: r.body,
       actions: r.actions,
       title: r.title
-    }, r.key && (s = r.key), r.timestamp && (n = r.timestamp), typeof r.form == "function") {
-      const i = X.create(s);
-      r.form(i);
-      const a = i.get();
+    }, r.key && (s = r.key), r.timestamp && (i = r.timestamp), typeof r.form == "function") {
+      const n = X.create(s);
+      r.form(n);
+      const a = n.get();
       t.form = a;
     }
-    r.timestamp === null && (n = null);
+    r.timestamp === null && (i = null);
   }
-  return { content: t, key: s, timestamp: n };
-}, H = (r, e) => {
+  return { content: t, key: s, timestamp: i };
+}, z = (r, e) => {
   if (!e)
     return;
-  const t = JSON.stringify(e), s = r.findIndex((n) => t === JSON.stringify(n));
+  const t = JSON.stringify(e), s = r.findIndex((i) => t === JSON.stringify(i));
   if (s > -1)
     return r.splice(s, 1);
 };
-class ie {
+class oe {
   constructor(e, t, s) {
     d(this, "formHandlers", {});
-    d(this, "user", new re(this));
+    d(this, "user", new ie(this));
     d(this, "events");
     d(this, "providers", []);
     d(this, "active", !1);
@@ -377,8 +472,9 @@ class ie {
     d(this, "store");
     d(this, "messages", []);
     d(this, "typingActors", []);
+    d(this, "conversationHistory");
     d(this, "print", (e) => {
-      const t = D(e);
+      const t = I(e);
       return this.createEntry(
         t.key,
         t.content,
@@ -388,26 +484,26 @@ class ie {
       );
     });
     this.container = e, this.id = t;
-    const n = e.get("$widget");
-    this.events = n.events.createChild(this), this.store = new se(e, this, s.rehydrate);
+    const i = e.get("$widget");
+    this.events = i.events.createChild(this), this.store = new re(e, this, s.rehydrate), this.conversationHistory = new ee(this);
   }
   setInitialStorage(e) {
     this.store.setInitialData(e);
   }
   setProviders(e) {
     const t = [], s = [];
-    this.providers.reduce((n, i) => (e.indexOf(i) === -1 && n.push(i), n), []).forEach((n) => {
-      const i = this.providers.indexOf(n);
-      i > -1 && (t.push(n), this.providers.splice(i, 1));
-    }), e.forEach((n) => {
-      this.providers.indexOf(n) === -1 && (s.push(n), this.providers.push(n));
+    this.providers.reduce((i, n) => (e.indexOf(n) === -1 && i.push(n), i), []).forEach((i) => {
+      const n = this.providers.indexOf(i);
+      n > -1 && (t.push(i), this.providers.splice(n, 1));
+    }), e.forEach((i) => {
+      this.providers.indexOf(i) === -1 && (s.push(i), this.providers.push(i));
     }), (s.length || t.length) && this.events.dispatch("conversation:providers-changed", { added: s, removed: t });
   }
   createProvider(e) {
     const t = this.providerIndex(e);
     if (t > -1)
       return this.registeredProviders[t];
-    const s = T.create(e, this.container, this);
+    const s = R.create(e, this.container, this);
     return this.registeredProviders.push(s), s;
   }
   providerIndex(e) {
@@ -418,7 +514,7 @@ class ie {
       return this.store.getStoredAgent(e);
   }
   dispose() {
-    this.registeredProviders.forEach((e) => e.dispose()), this.messages = [], this.events.dispatch("conversation:controller-disposed", this), this.active = !1;
+    this.conversationHistory.dispose(), this.registeredProviders.forEach((e) => e.dispose()), this.messages = [], this.events.dispatch("conversation:controller-disposed", this), this.active = !1;
   }
   onDispose(e) {
     return this.events.subscribe("conversation:controller-disposed", e);
@@ -462,19 +558,19 @@ class ie {
   onUnreadMessage(e) {
     return this.events.subscribe("conversation:unread-message", e);
   }
-  createEntry(e, t, s, n, i) {
+  createEntry(e, t, s, i, n) {
     const a = {
       key: e,
       content: t,
       type: s,
-      sender: n || null,
-      timestamp: i || i === null ? i : Date.now()
+      sender: i || null,
+      timestamp: n || n === null ? n : Date.now()
     };
-    this.messages.push(a), a.type === "agent" && H(this.typingActors, n);
+    this.messages.push(a), a.type === "agent" && z(this.typingActors, i);
     const o = new ne((c) => {
       if (c !== null) {
-        const h = c, { timestamp: u = void 0 } = h, f = $(h, ["timestamp"]);
-        a.content = f, u && (a.timestamp = u);
+        const h = c, { timestamp: u = void 0 } = h, l = B(h, ["timestamp"]);
+        a.content = l, u && (a.timestamp = u);
       } else {
         const u = this.messages.indexOf(a);
         a.content = null, u > -1 && this.messages.splice(u, 1);
@@ -499,7 +595,7 @@ class ie {
   }
   setTypingState(e, t) {
     return this.typingActors.indexOf(e) === -1 && (this.typingActors.push(e), this.update()), () => {
-      H(this.typingActors, e), this.update();
+      z(this.typingActors, e), this.update();
     };
   }
   loader() {
@@ -510,34 +606,37 @@ class ie {
     };
   }
   submitForm(e, t) {
-    this.formHandlers[e] = m(g({}, this.formHandlers[e]), { submit: t });
+    this.formHandlers[e] = b(m({}, this.formHandlers[e]), { submit: t });
   }
   validateForm(e, t) {
-    this.formHandlers[e] = m(g({}, this.formHandlers[e]), { validate: t });
+    this.formHandlers[e] = b(m({}, this.formHandlers[e]), { validate: t });
+  }
+  getHistory() {
+    return this.conversationHistory.getConversationLogs();
   }
 }
-const oe = (r, e) => {
+const ae = (r, e) => {
   const t = r.split("_contact");
   return e.widgets.get(t[0]);
 }, O = (r) => {
-  const e = r.get("$widget"), { name: t, implementation: s } = r.get("$widget"), n = t.indexOf("_contact") > -1 ? oe(t, s) : e, { data: i } = r.get("$settings"), { trigger: a } = n.container.get("$settings"), o = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(o);
-  return c && !a ? { chatWidget: c, mainWidget: n, data: i } : { mainWidget: n, data: i };
-}, ae = (r) => {
+  const e = r.get("$widget"), { name: t, implementation: s } = r.get("$widget"), i = t.indexOf("_contact") > -1 ? ae(t, s) : e, { data: n } = r.get("$settings"), { trigger: a } = i.container.get("$settings"), o = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(o);
+  return c && !a ? { chatWidget: c, mainWidget: i, data: n } : { mainWidget: i, data: n };
+}, ce = (r) => {
   const { chatWidget: e } = O(r);
   return !!e;
 }, Q = (r, e, t) => {
-  const { mainWidget: s, data: n, chatWidget: i } = O(r);
-  return i ? i.state === "activated" ? i.invoke("open").then(() => {
-    i.container.getAsync("conversation").then((a) => {
-      a.navigateToConversationIfActive(e.id).then(() => z(r));
+  const { mainWidget: s, data: i, chatWidget: n } = O(r);
+  return n ? n.state === "activated" ? n.invoke("open").then(() => {
+    n.container.getAsync("conversation").then((a) => {
+      a.navigateToConversationIfActive(e.id).then(() => L(r));
     });
-  }) : i.activate().then(() => {
-    const { trigger: a } = i.container.get("$settings");
-    return a.action = "hide", i.invoke("setSettings", () => ({
-      data: n,
+  }) : n.activate().then(() => {
+    const { trigger: a } = n.container.get("$settings");
+    return a.action = "hide", n.invoke("setSettings", () => ({
+      data: i,
       trigger: a,
       activate: !0
-    })).then(() => i.container.getAsync("components").then((o) => {
+    })).then(() => n.container.getAsync("components").then((o) => {
       const c = o.components().ofType("contact-method");
       o.write({
         key: "setContactMethodId",
@@ -560,28 +659,28 @@ const oe = (r, e) => {
         provider: "localStorage"
       });
     }));
-  }).then(() => i.invoke("attach", {
+  }).then(() => n.invoke("attach", {
     key: "contact-method",
     triggerDOMElement: t,
     withRenderState: "open"
-  })).then(() => (N(
-    i.container,
+  })).then(() => (D(
+    n.container,
     "activeStickyWidget",
-    R.Necessary,
+    N.Necessary,
     {
-      medium: w.Local,
+      medium: A.Local,
       scope: V.Implementation
     }
-  ).then((a) => a(i.name)), i.container.getAsync("conversation").then((a) => {
-    a.setConversationEndedBehavior(C.Deactivate);
-  }).then(() => z(r)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(C.Navigate))), !i);
-}, ce = (r, e, t = "conversation") => {
-  const { mainWidget: s, chatWidget: n } = O(r);
-  return n ? n.container.getAsync("router").then((i) => {
-    i.navigate(t, { id: e.id });
-  }) : s.container.getAsync("conversation").then((i) => {
+  ).then((a) => a(n.name)), n.container.getAsync("conversation").then((a) => {
+    a.setConversationEndedBehavior(E.Deactivate);
+  }).then(() => L(r)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(E.Navigate))), !n);
+}, de = (r, e, t = "conversation") => {
+  const { mainWidget: s, chatWidget: i } = O(r);
+  return i ? i.container.getAsync("router").then((n) => {
+    n.navigate(t, { id: e.id });
+  }) : s.container.getAsync("conversation").then((n) => {
     var a;
-    (a = i.setConversationEndedBehavior(C.Navigate)) == null || a.then(() => {
+    (a = n.setConversationEndedBehavior(E.Navigate)) == null || a.then(() => {
       s.container.getAsync("router").then((o) => {
         s.container.getAsync("components").then((c) => {
           const h = c.components().ofType("conversation");
@@ -598,8 +697,8 @@ const oe = (r, e) => {
     });
   });
 }, P = "conversations";
-var C = /* @__PURE__ */ ((r) => (r.Deactivate = "deactivate", r.Navigate = "navigate", r.None = "none", r))(C || {});
-class k {
+var E = /* @__PURE__ */ ((r) => (r.Deactivate = "deactivate", r.Navigate = "navigate", r.None = "none", r))(E || {});
+class C {
   constructor(e, t) {
     d(this, "events");
     d(this, "controllers", []);
@@ -615,21 +714,21 @@ class k {
     this.events = s.events.createChild(this);
   }
   initialize() {
-    N(this.container, P, R.Necessary, {
-      medium: w.Local
-    }).then((e) => this.storageWriter = e), b(this.container, P, w.Local).then(
+    D(this.container, P, N.Necessary, {
+      medium: A.Local
+    }).then((e) => this.storageWriter = e), w(this.container, P, A.Local).then(
       (e) => {
         this.buttonQuery = this.components.components().ofType("conversation-return-button"), e && (this.sessionInfo = e, e.id && e.route && this.writeToComponents({ active: !0, alert: { show: !1 } }));
       }
     ), this.container.getAsync("router").then((e) => this.router = e), this.events.subscribe("conversation:ended", (e, t) => {
-      var s, n, i;
+      var s, i, n;
       switch ((s = this.sessionInfo) == null ? void 0 : s.conversationEndedBehavior) {
         case "deactivate":
           this.container.get("$widget").deactivate();
           break;
         case "navigate":
-          const o = (n = this.router) == null ? void 0 : n.getInitialRoute();
-          o && ((i = this.router) == null || i.navigate(o.name));
+          const o = (i = this.router) == null ? void 0 : i.getInitialRoute();
+          o && ((n = this.router) == null || n.navigate(o.name));
           break;
       }
       this.writeToComponents({ active: !1 }), this.sessionInfo = null, this.storageWriter && this.storageWriter();
@@ -640,23 +739,23 @@ class k {
   }
   static getInstance(e, t = "conversation") {
     return Y(e)(() => e.getAsync(t).then((s) => {
-      let n = s;
-      return n || K.getInstance(e).then((i) => (n = new k(e, i), n.initialize(), e.registerAsync(t, () => n), n));
+      let i = s;
+      return i || K.getInstance(e).then((n) => (i = new C(e, n), i.initialize(), e.registerAsync(t, () => i), i));
     }));
   }
   navigateToConversationIfActive(e) {
-    return b(this.container, P, w.Local).then(
+    return w(this.container, P, A.Local).then(
       (t) => {
         var s;
         if (t && t.id === e && t.route) {
-          const { name: n, params: i } = t.route;
-          (s = this.router) == null || s.navigate(n, i);
+          const { name: i, params: n } = t.route;
+          (s = this.router) == null || s.navigate(i, n);
         }
       }
     );
   }
   setConversationEndedBehavior(e) {
-    return b(this.container, P, w.Local).then(
+    return w(this.container, P, A.Local).then(
       (t) => {
         let s = t;
         return s ? s.conversationEndedBehavior = e : s = { conversationEndedBehavior: e }, this.sessionInfo = s, this.storageWriter && this.storageWriter(this.sessionInfo) || Promise.resolve();
@@ -665,12 +764,12 @@ class k {
   }
   createController(e, t) {
     return v(this, null, function* () {
-      const s = q(e), { agents: n } = (yield b(
+      const s = F(e), { agents: i } = (yield w(
         this.container,
         s
-      )) || { agents: [] }, i = this.controllers.findIndex((o) => o.conversation.id === e);
+      )) || { agents: [] }, n = this.controllers.findIndex((o) => o.conversation.id === e);
       let a;
-      return i > -1 ? a = this.controllers[i].conversation : a = new ie(this.container, e, t), a.setInitialStorage({ agents: n || [] }), a;
+      return n > -1 ? a = this.controllers[n].conversation : a = new oe(this.container, e, t), a.setInitialStorage({ agents: i || [] }), a;
     });
   }
   registerProvider(e, t) {
@@ -678,18 +777,18 @@ class k {
       name: e,
       handler: t
     };
-    this.providers.push(s), this.controllers.filter((n) => n.conversation.providers.indexOf(e) > -1).forEach((n) => {
-      this.invokeHandler(s, n);
+    this.providers.push(s), this.controllers.filter((i) => i.conversation.providers.indexOf(e) > -1).forEach((i) => {
+      this.invokeHandler(s, i);
     });
   }
   registerController(e, t) {
-    const s = this.controllers.findIndex((i) => i.conversation.id === e.id);
-    let n;
+    const s = this.controllers.findIndex((n) => n.conversation.id === e.id);
+    let i;
     if (s < 0) {
-      n = { conversation: e, component: t }, this.controllers.push(n);
-      const i = (a) => {
+      i = { conversation: e, component: t }, this.controllers.push(i);
+      const n = (a) => {
         a && this.providers.filter((o) => a.indexOf(o.name) > -1).forEach((o) => {
-          this.invokeHandler(o, n);
+          this.invokeHandler(o, i);
         });
       };
       return this.subscriptions.push(
@@ -701,10 +800,10 @@ class k {
         e.onProvidersChange((a, o) => {
           const { added: c, removed: h = [] } = o;
           h.forEach((u) => {
-            (this.disposeProviders[u] || []).forEach((f) => {
-              f();
+            (this.disposeProviders[u] || []).forEach((l) => {
+              l();
             });
-          }), i(c);
+          }), n(c);
         })
       ), this.subscriptions.push(
         e.onStarted((a, o) => {
@@ -720,9 +819,9 @@ class k {
         e.onUnreadMessage((a, o) => {
           this.events.dispatch("conversation:unread-message", o), this.writeToComponents({ alert: { show: o } });
         })
-      ), i(e.providers), !0;
+      ), n(e.providers), !0;
     }
-    return n = this.controllers[s], !1;
+    return i = this.controllers[s], !1;
   }
   writeToComponents(e, t = "conversationReturnButtonState") {
     this.buttonQuery && this.components.write({
@@ -740,7 +839,7 @@ class k {
     s && (this.disposeProviders[e.name] || (this.disposeProviders[e.name] = []), this.disposeProviders[e.name].push(s));
   }
   getComponentRoute() {
-    return b(this.container, P, w.Local).then(
+    return w(this.container, P, A.Local).then(
       (e) => e == null ? void 0 : e.route
     );
   }
@@ -753,116 +852,116 @@ class k {
       e();
     }), this.controllers = [], this.providers = [];
   }
-  static handleContactMethodClick(e, t, s, n) {
+  static handleContactMethodClick(e, t, s, i) {
     return v(this, null, function* () {
-      if (ae(t)) {
+      if (ce(t)) {
         e.preventDefault();
-        let i = document.getElementById("humany-dynamic-anchor");
-        i || (i = document.createElement("a"), i.setAttribute("href", "#"), i.id = "humany-dynamic-anchor", document.body.appendChild(i)), Q(t, s, i);
+        let n = document.getElementById("humany-dynamic-anchor");
+        n || (n = document.createElement("a"), n.setAttribute("href", "#"), n.id = "humany-dynamic-anchor", document.body.appendChild(n)), Q(t, s, n);
       }
       Q(t, s);
     });
   }
   static handleContactMethodSubmit(e, t) {
     return v(this, null, function* () {
-      var s, n;
-      return (n = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && n.id ? W(
+      var s, i;
+      return (i = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && i.id ? W(
         e,
         t.body.form.meta.conversation.id,
         t.clientName
-      ) : ce(e, t);
+      ) : de(e, t);
     });
   }
 }
-const de = (r, e) => r.reduce((t, s, n) => {
+const he = (r, e) => r.reduce((t, s, i) => {
   var a, o;
-  const i = m(g({}, s), {
-    content: [m(g({}, s.content), { key: s.key })]
+  const n = b(m({}, s), {
+    content: [b(m({}, s.content), { key: s.key })]
   });
-  if (t.length > 0 && s.type !== I.System) {
+  if (t.length > 0 && s.type !== S.System) {
     const c = t[t.length - 1];
     if ((!e && e !== 0 || Math.abs(c.timestamp - s.timestamp) < e) && ((a = c.sender) == null ? void 0 : a.name) === ((o = s.sender) == null ? void 0 : o.name) && c.type === s.type)
-      return c.timestamp = s.timestamp, c.content.push(m(g({}, s.content), { key: s.key })), t;
+      return c.timestamp = s.timestamp, c.content.push(b(m({}, s.content), { key: s.key })), t;
   }
-  return t.push(i), t;
-}, []), be = (r) => Promise.all([
-  k.getInstance(r),
+  return t.push(n), t;
+}, []), we = (r) => Promise.all([
+  C.getInstance(r),
   r.getAsync("router")
-]).then(([e, t]) => U(
+]).then(([e, t]) => q(
   r,
   "conversation",
-  import("./conversation.bc31361a.js"),
+  import("./conversation.d6cacfa5.js"),
   (s) => v(void 0, null, function* () {
-    const { rehydrate: n = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", o = yield e.createController(a, { rehydrate: n }), c = e.registerController(o, s), h = 3 * 60 * 1e3, u = (p) => {
-      const { providers: l = [] } = p;
-      if (l) {
-        const y = Array.isArray(l) ? l : [l];
+    const { rehydrate: i = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", o = yield e.createController(a, { rehydrate: i }), c = e.registerController(o, s), h = 3 * 60 * 1e3, u = (g) => {
+      const { providers: p = [] } = g;
+      if (p) {
+        const y = Array.isArray(p) ? p : [p];
         return o.setProviders(y), y;
       }
     };
     u(s.properties(u)), o.setComponentMountedState(!0);
-    const f = (p) => {
-      const { loading: l, typingActors: y, messages: S } = p;
+    const l = (g) => {
+      const { loading: p, typingActors: y, messages: k } = g;
       s.writeProperties({
-        loading: l,
+        loading: p,
         typingActors: y,
-        messages: de(S, h)
+        messages: he(k, h)
       });
     };
-    f(o.getMessageStream()), c && (s.writeProperties({ conversationControllerId: o.id }), s.actions.create("user-submit", (p, l) => {
-      if (l) {
-        const { preventDefault: y, validationPromise: S } = l;
+    l(o.getMessageStream()), c && (s.writeProperties({ conversationControllerId: o.id }), s.actions.create("user-submit", (g, p) => {
+      if (p) {
+        const { preventDefault: y, validationPromise: k } = p;
         if (y) {
-          S && S().then((_) => {
-            _ && o.user.print(_);
+          k && k().then((H) => {
+            H && o.user.print(H);
           });
           return;
         }
       }
-      o.user.print(p.text);
-    }), s.actions.create("user-typing", (p, l) => {
-    }), s.actions.create("form", (p, l) => {
-    }), s.actions.create("action", (p, l) => {
-    }), s.actions.create("overlay-mounted", (p, l) => {
-    }), s.actions.create("show-overlay", (p, l) => {
+      o.user.print(g.text);
+    }), s.actions.create("user-typing", (g, p) => {
+    }), s.actions.create("form", (g, p) => {
+    }), s.actions.create("action", (g, p) => {
+    }), s.actions.create("overlay-mounted", (g, p) => {
+    }), s.actions.create("show-overlay", (g, p) => {
       s.writeProperties({
         overlay: { conversation: !1, secondary: !1 }
       });
-    }), s.actions.create("hide-overlay", (p, l) => {
+    }), s.actions.create("hide-overlay", (g, p) => {
       s.writeProperties({
         overlay: null
       });
-    }), s.actions.create("show-overlay-conversation", (p, l) => {
+    }), s.actions.create("show-overlay-conversation", (g, p) => {
       s.writeProperties({
         overlay: { conversation: !0, secondary: !1 }
       });
-    }), s.actions.create("hide-overlay-conversation", (p, l) => {
+    }), s.actions.create("hide-overlay-conversation", (g, p) => {
       s.writeProperties({
         overlay: { conversation: !1, secondary: !1 }
       });
     }));
-    const F = o.events.subscribe(
+    const f = o.events.subscribe(
       "conversation:updated",
-      (p, l) => {
-        f(l);
+      (g, p) => {
+        l(p);
       }
     );
     return () => {
-      o.setComponentMountedState(!1), F(), o.active || f({ messages: [], typingActors: [], loading: !1 });
+      o.setComponentMountedState(!1), f(), o.active || l({ messages: [], typingActors: [], loading: !1 });
     };
   }),
   { reuseController: !0 }
-)), we = (r) => Promise.all([
+)), Ae = (r) => Promise.all([
   K.getInstance(r),
-  k.getInstance(r),
+  C.getInstance(r),
   r.getAsync("router")
 ]).then(
-  ([e, t, s]) => U(
+  ([e, t, s]) => q(
     r,
     "conversation-return-button",
     import("./return-button.fb63a16e.js"),
-    (n) => {
-      n.actions.create("toggle", (i = {}) => {
+    (i) => {
+      i.actions.create("toggle", (n = {}) => {
         var a;
         (a = t.getComponentRoute()) == null || a.then((o) => {
           o && s.navigate(o.name, o.params);
@@ -871,9 +970,9 @@ const de = (r, e) => r.reduce((t, s, n) => {
     }
   )
 );
-var he = /* @__PURE__ */ ((r) => (r.LinkList = "link-list", r.Separator = "separator", r.ButtonList = "button-list", r.Text = "text", r.HTML = "html", r.VideoRequest = "video-request", r))(he || {});
+var le = /* @__PURE__ */ ((r) => (r.LinkList = "link-list", r.Separator = "separator", r.ButtonList = "button-list", r.Text = "text", r.HTML = "html", r.VideoRequest = "video-request", r))(le || {});
 const Pe = (r, e, t) => r.getAsync("componentResolver").then((s) => v(void 0, null, function* () {
-  (yield k.getInstance(r)).addSubscription(
+  (yield C.getInstance(r)).addSubscription(
     s.registerComponent(
       e,
       Z(() => t)
@@ -881,14 +980,14 @@ const Pe = (r, e, t) => r.getAsync("componentResolver").then((s) => v(void 0, nu
   );
 }));
 export {
-  be as ConversationComponent,
-  ie as ConversationController,
-  C as ConversationEndedBehavior,
+  we as ConversationComponent,
+  oe as ConversationController,
+  E as ConversationEndedBehavior,
   ne as ConversationEntry,
-  he as ConversationMessageListItemType,
-  I as ConversationMessageType,
-  k as ConversationPlatform,
-  we as ConversationReturnButtonComponent,
+  le as ConversationMessageListItemType,
+  S as ConversationMessageType,
+  C as ConversationPlatform,
+  Ae as ConversationReturnButtonComponent,
   Pe as registerCustomMessageComponent
 };
 //# sourceMappingURL=index.js.map