@telia-ace/widget-conversation 1.0.39-next.4 → 1.0.39-next.6

package/dist/index.js

@@ -1,86 +1,83 @@
-var F = Object.defineProperty, G = Object.defineProperties;
-var J = Object.getOwnPropertyDescriptors;
-var x = Object.getOwnPropertySymbols;
-var $ = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var T = (r, e, t) => e in r ? F(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, m = (r, e) => {
+var j = Object.defineProperty, F = Object.defineProperties;
+var G = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var $ = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var R = (n, e, t) => e in n ? j(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, v = (n, e) => {
   for (var t in e || (e = {}))
-    $.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;
-}, b = (r, e) => G(r, J(e));
-var B = (r, e) => {
+    $.call(e, t) && R(n, t, e[t]);
+  if (k)
+    for (var t of k(e))
+      H.call(e, t) && R(n, t, e[t]);
+  return n;
+}, y = (n, e) => F(n, G(e));
+var _ = (n, e) => {
   var t = {};
-  for (var s in r)
-    $.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]);
+  for (var s in n)
+    $.call(n, s) && e.indexOf(s) < 0 && (t[s] = n[s]);
+  if (n != null && k)
+    for (var s of k(n))
+      e.indexOf(s) < 0 && H.call(n, s) && (t[s] = n[s]);
   return t;
 };
-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) => {
+var g = (n, e, t) => new Promise((s, r) => {
+  var i = (c) => {
     try {
       o(t.next(c));
     } catch (h) {
-      i(h);
+      r(h);
     }
   }, a = (c) => {
     try {
       o(t.throw(c));
     } catch (h) {
-      i(h);
+      r(h);
     }
-  }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, a);
-  o((t = t.apply(r, e)).next());
+  }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(i, a);
+  o((t = t.apply(n, e)).next());
 });
 import { ComponentPlatform as Q } from "@telia-ace/widget-core";
-import { createStorageWriter as M, 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 L } from "@telia-ace/widget-plugins";
-import { createReactComponent as q } from "@telia-ace/widget-ui";
-import { lazy as Z } from "react";
-class ee {
+import { createStorageWriter as W, StorageCategory as D, readStorage as b, StorageMedium as w, StorageScope as J } from "@telia-ace/widget-services";
+import { uuid as K, lock as V } from "@telia-ace/widget-utilities";
+import { FormBuilder as Y } from "@telia-ace/widget-forms";
+import { closeAllModals as B } from "@telia-ace/widget-plugins";
+import { createReactComponent as U } from "@telia-ace/widget-ui";
+import { lazy as X } from "react";
+class Z {
   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.controller = e, this.cache = /* @__PURE__ */ new Map(), this.subscriptions = [];
+    const { events: t } = e.container.get("$widget"), s = t.subscribe("data-client:fetched", (r, i) => {
+      i.type === "contact-method" && this.cache.set(i.response.id, i.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;
+      const r = E(s), { key: i, content: a, type: o, sender: c, timestamp: h } = r.content, l = this.parseEntry(a, o, c, h);
+      return l && t.push(l), t;
     }, []);
   }
-  parseEntry(e, t, s, i) {
-    const n = (h) => {
-      let u = [], l = [], f;
+  parseEntry(e, t, s, r) {
+    const i = (h) => {
+      let l = [], d = [], m;
       if (Array.isArray(h)) {
-        const [p, y] = h;
-        f = y;
+        const [u, f] = h;
+        m = f;
       } else
-        f = h;
-      return this.createMessageContent(f).length && (l = [...l, this.createMessageContent(f)]), u = [...u, ...this.createMessageOptions(f)], {
-        messagesAsList: l,
-        options: u
+        m = h;
+      return this.createMessageContent(m).length && (d = [...d, this.createMessageContent(m)]), l = [...l, ...this.createMessageOptions(m)], {
+        messagesAsList: d,
+        options: l
       };
     };
     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];
+      h.forEach((l) => {
+        const d = i(l);
+        a = [...a, ...d.options], o = [...o, ...d.messagesAsList];
       });
     } else {
-      const h = n(e);
+      const h = i(e);
       a = [...a, ...h.options], o = [...o, ...h.messagesAsList];
     }
     return {
@@ -89,14 +86,14 @@ class ee {
 `) : void 0,
       source: this.createMessageSource(t),
       alias: this.createAlias(t, s),
-      timestamp: i
+      timestamp: r
     };
   }
   createMessageSource(e) {
     return e;
   }
   createAlias(e, t) {
-    return e === S.System ? "system" : (t == null ? void 0 : t.name) || "Me";
+    return e === P.System ? "system" : (t == null ? void 0 : t.name) || "Me";
   }
   handleContactMethod(e) {
     if (!this.cache.has(e))
@@ -108,13 +105,13 @@ class ee {
   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));
+    const { header: s, title: r, label: i, description: a, text: o, html: c, body: h, contactMethodId: l } = e;
+    let d = "";
+    if (l) {
+      const m = this.handleContactMethod(l.toString());
+      m && (d = this.appendText(d, m, 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;
+    return s && (d = this.appendText(d, s, t)), r && (d = this.appendText(d, r, t)), a && (d = this.appendText(d, a, t)), o && (d = this.appendText(d, o, t)), i && (d = this.appendText(d, i, t)), c && (d = this.appendText(d, c, t)), h && typeof h == "string" && (d = this.appendText(d, h, t)), d;
   }
   createMessageContent(e) {
     let t = "";
@@ -122,10 +119,10 @@ class ee {
   }
   createMessageOptions(e) {
     let t = [], s = [];
-    return Array.isArray(e == null ? void 0 : e.actions) ? s = e.actions : typeof (e == null ? void 0 : e.actions) == "object" && (s = Object.entries(e.actions).map(([i, n]) => ({
-      actionKey: i,
-      label: n
-    }))), s.length && (t = s.map((i) => this.getDetails(i, !1))), t;
+    return Array.isArray(e == null ? void 0 : e.actions) ? s = e.actions : typeof (e == null ? void 0 : e.actions) == "object" && (s = Object.entries(e.actions).map(([r, i]) => ({
+      actionKey: r,
+      label: i
+    }))), s.length && (t = s.map((r) => this.getDetails(r, !1))), t;
   }
   appendText(e, t, s = !0) {
     return s && e.length ? `${e}
@@ -137,55 +134,47 @@ ${t}` : e.length ? `${e} ${t}` : t;
     });
   }
 }
-class W {
+class I {
   constructor(e, t) {
-    d(this, "id");
-    d(this, "name");
-    d(this, "avatar");
-    d(this, "print", (e, t) => {
-      const s = {
+    this.provider = e, this.print = (s, r) => {
+      const i = {
         name: this.name,
         avatar: this.avatar,
         id: this.id
-      }, i = I(e, t);
+      }, a = E(s, r);
       return this.provider.createEntry(
-        i.key,
-        i.content,
-        S.Agent,
-        s,
-        i.timestamp
+        a.key,
+        a.content,
+        P.Agent,
+        i,
+        a.timestamp
       );
-    });
-    d(this, "typing", () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }));
-    this.provider = e, this.id = t.id || U(), this.name = t.name, this.avatar = t.avatar;
+    }, this.typing = () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }), this.id = t.id || K(), this.name = t.name, this.avatar = t.avatar;
   }
   update(e) {
-    var i;
+    var r;
     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), (i = this.provider.controller) == null || i.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), (r = this.provider.controller) == null || r.events.dispatch("conversation:agent-updated", {
       agent: this
     });
   }
 }
-class O {
+class M {
   constructor(e, t, s) {
-    d(this, "subscriptions", []);
-    d(this, "options");
-    d(this, "user");
-    this.name = e, this.container = t, this.controller = s, this.user = s == null ? void 0 : s.user, this.options = {
+    this.name = e, this.container = t, this.controller = s, this.subscriptions = [], this.user = s == null ? void 0 : s.user, this.options = {
       silent: !1
     };
   }
   static create(e, t, s) {
-    return new O(e, t, s);
+    return new M(e, t, s);
   }
   createAgent(e = {}) {
     var t;
     if (this.controller) {
-      const s = this.controller.getAgentById(e.id), i = s ? new W(this, m(m({}, s), e)) : new W(this, e);
+      const s = this.controller.getAgentById(e.id), r = s ? new I(this, v(v({}, s), e)) : new I(this, e);
       return s || (t = this.controller) == null || t.events.dispatch("conversation:agent-created", {
-        agent: i
-      }), i;
+        agent: r
+      }), r;
     }
   }
   print(e) {
@@ -200,9 +189,9 @@ class O {
     return this.controller ? this.controller.loader() : () => () => {
     };
   }
-  createEntry(e, t, s, i, n) {
+  createEntry(e, t, s, r, i) {
     var a;
-    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, i, n);
+    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, i);
   }
   dispose() {
     var e;
@@ -245,11 +234,10 @@ class O {
     }
   }
 }
-const j = (r) => `conversation-${r}`;
-class te {
+const q = (n) => `conversation-${n}`;
+class ee {
   constructor() {
-    d(this, "_locking", Promise.resolve());
-    d(this, "_locks", 0);
+    this._locking = Promise.resolve(), this._locks = 0;
   }
   isLocked() {
     return this._locks > 0;
@@ -257,33 +245,30 @@ class te {
   lock() {
     this._locks += 1;
     let e, t = new Promise(
-      (i) => e = () => {
-        this._locks -= 1, i();
+      (r) => e = () => {
+        this._locks -= 1, r();
       }
     ), s = this._locking.then(() => e);
     return this._locking = this._locking.then(() => t), s;
   }
 }
-class se {
+class te {
   constructor(e, t, s) {
-    d(this, "sessionStorageKey");
-    d(this, "locker", new te());
-    d(this, "initialStoredAgents", []);
-    this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = j(t.id), t.onStarted(() => v(this, null, function* () {
+    this.container = e, this.conversation = t, this.enabled = s, this.locker = new ee(), this.initialStoredAgents = [], this.sessionStorageKey = q(t.id), t.onStarted(() => g(this, null, function* () {
       if (t.messages.length > 0)
         return;
-      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 W(h, { name: o.name, avatar: o.avatar, id: o.id });
-        n.push(u);
+      const { agents: r } = yield this.read(), i = [];
+      r && r.forEach((o) => {
+        const c = t.providerIndex(o.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(o.providerName), l = new I(h, { name: o.name, avatar: o.avatar, id: o.id });
+        i.push(l);
       });
       const { messages: a } = yield this.read();
       a.forEach((o) => {
         switch (o.type) {
           case "agent": {
-            const c = n.find((h) => {
-              var u;
-              return h.id === ((u = o.sender) == null ? void 0 : u.id);
+            const c = i.find((h) => {
+              var l;
+              return h.id === ((l = o.sender) == null ? void 0 : l.id);
             });
             c && c.print(o.content.items || o.content, {
               key: o.key
@@ -301,23 +286,23 @@ class se {
             t.print(o.content.items || o.content);
         }
       });
-    })), 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* () {
+    })), t.onMessageCreated((r, i) => g(this, null, function* () {
+      this.write(i.message, "messages");
+    })), t.events.subscribe("conversation:agent-created", (r, i) => g(this, null, function* () {
       const a = {
-        id: n.agent.id,
-        name: n.agent.name,
-        avatar: n.agent.avatar,
-        providerName: n.agent.provider.name
+        id: i.agent.id,
+        name: i.agent.name,
+        avatar: i.agent.avatar,
+        providerName: i.agent.provider.name
       };
       yield this.write(a, "agents");
-    })), t.events.subscribe("conversation:agent-updated", (i, n) => v(this, null, function* () {
+    })), t.events.subscribe("conversation:agent-updated", (r, i) => g(this, null, function* () {
       const { agents: a } = yield this.read();
       yield this.write(
         [
-          ...a.map((o) => o.id === n.agent.id ? b(m({}, o), {
-            name: n.agent.name,
-            avatar: n.agent.avatar
+          ...a.map((o) => o.id === i.agent.id ? y(v({}, o), {
+            name: i.agent.name,
+            avatar: i.agent.avatar
           }) : o)
         ],
         "agents",
@@ -329,84 +314,83 @@ class se {
     this.initialStoredAgents = e.agents;
   }
   isRehydrated() {
-    return v(this, null, function* () {
+    return g(this, null, function* () {
       const { messages: e } = yield this.read();
       return e.length > 0;
     });
   }
   getStoredAgent(e) {
-    if (!!this.enabled)
+    if (this.enabled)
       return this.initialStoredAgents.find((t) => t.id === e);
   }
   write(e, t, s = "add") {
-    return v(this, null, function* () {
+    return g(this, null, function* () {
       if (!this.enabled)
         return;
-      const i = yield this.locker.lock();
-      return M(
+      const r = yield this.locker.lock();
+      return W(
         this.container,
         this.sessionStorageKey,
-        N.Necessary
-      ).then((n) => v(this, null, function* () {
+        D.Necessary
+      ).then((i) => g(this, null, function* () {
         if (s === "add") {
           const a = yield this.read();
           if (t === "messages" && a.messages.findIndex((c) => c.key === e.key) > -1) {
-            i();
+            r();
             return;
           }
-          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();
+          let o = v({}, a);
+          return t === "messages" ? o.messages = [...o.messages, e] : t === "agents" && (o.agents = [...o.agents, e]), i(v(v({}, a), o)).then(() => {
+            r();
           });
         }
         if (s === "update" && t === "agents") {
           const a = yield this.read();
-          return n(b(m({}, a), {
+          return i(y(v({}, a), {
             agents: e
           })).then(() => {
-            i();
+            r();
           });
         }
-        return n(e).then(() => {
-          i();
+        return i(e).then(() => {
+          r();
         });
       }));
     });
   }
   read() {
-    return v(this, null, function* () {
-      return w(this.container, this.sessionStorageKey).then((e) => e || {
+    return g(this, null, function* () {
+      return b(this.container, this.sessionStorageKey).then((e) => e || {
         messages: [],
         agents: []
       });
     });
   }
 }
-const re = se;
-class ie {
+const se = te;
+class re {
   constructor(e) {
-    d(this, "print", (e, t) => {
-      const s = I(e, t);
+    this.controller = e, this.print = (t, s) => {
+      const r = E(t, s);
       return this.controller.createEntry(
-        s.key,
-        s.content,
-        S.User,
+        r.key,
+        r.content,
+        P.User,
         void 0,
-        s.timestamp
+        r.timestamp
       );
-    });
-    this.controller = e;
+    };
   }
 }
-const D = (r, e, t) => v(void 0, null, function* () {
-  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];
+const T = (n, e, t) => g(void 0, null, function* () {
+  const s = yield n.getAsync("conversation"), r = yield n.getAsync("components"), i = s.controllers.find((a) => a.conversation.id === e);
+  if (i) {
+    const a = [...i.conversation.providers];
     a.forEach((c) => {
-      n.conversation.setProviderOptions(c, { silent: !0 });
-    }), n.conversation.queueProviders(a), n.conversation.setProviders([t]);
-    const o = i.components().ofType("conversation");
-    i.write({
+      i.conversation.setProviderOptions(c, { silent: !0 });
+    }), i.conversation.queueProviders(a), i.conversation.setProviders([t]);
+    const o = r.components().ofType("conversation");
+    r.write({
       key: "setConversationProvider",
       attributes: {
         properties: { providers: [t] }
@@ -416,7 +400,7 @@ const D = (r, e, t) => v(void 0, null, function* () {
     });
   }
 });
-class ne {
+class ie {
   constructor(e) {
     this.writer = e;
   }
@@ -431,89 +415,75 @@ class ne {
     return typeof e == "string" ? { body: e } : e.length > -1 && typeof e == "object" ? { items: e } : e;
   }
 }
-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 = m({}, r);
+var P = /* @__PURE__ */ ((n) => (n.User = "user", n.Agent = "agent", n.System = "system", n))(P || {});
+const E = (n, e) => {
+  let t, s = (e == null ? void 0 : e.key) || K(), r = Date.now();
+  if (Array.isArray(n) && n.length > -1)
+    typeof n[0] == "string" ? t = { items: [n] } : t = { items: n };
+  else if (typeof n == "string")
+    t = { body: n };
+  else if (n = n || {}, n.type)
+    t = v({}, n);
   else {
     if (t = {
-      body: r.body,
-      actions: r.actions,
-      title: r.title
-    }, 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();
+      body: n.body,
+      actions: n.actions,
+      title: n.title
+    }, n.key && (s = n.key), n.timestamp && (r = n.timestamp), typeof n.form == "function") {
+      const i = Y.create(s);
+      n.form(i);
+      const a = i.get();
       t.form = a;
     }
-    r.timestamp === null && (i = null);
+    n.timestamp === null && (r = null);
   }
-  return { content: t, key: s, timestamp: i };
-}, z = (r, e) => {
+  return { content: t, key: s, timestamp: r };
+}, L = (n, e) => {
   if (!e)
     return;
-  const t = JSON.stringify(e), s = r.findIndex((i) => t === JSON.stringify(i));
+  const t = JSON.stringify(e), s = n.findIndex((r) => t === JSON.stringify(r));
   if (s > -1)
-    return r.splice(s, 1);
+    return n.splice(s, 1);
 };
-class oe {
+class ne {
   constructor(e, t, s) {
-    d(this, "formHandlers", {});
-    d(this, "user", new ie(this));
-    d(this, "events");
-    d(this, "providers", []);
-    d(this, "active", !1);
-    d(this, "queuedProviders", []);
-    d(this, "registeredProviders", []);
-    d(this, "loaders", 0);
-    d(this, "componentMounted", !1);
-    d(this, "store");
-    d(this, "messages", []);
-    d(this, "typingActors", []);
-    d(this, "conversationHistory");
-    d(this, "print", (e) => {
-      const t = I(e);
+    this.container = e, this.id = t, this.formHandlers = {}, this.user = new re(this), this.providers = [], this.active = !1, this.queuedProviders = [], this.registeredProviders = [], this.loaders = 0, this.componentMounted = !1, this.messages = [], this.typingActors = [], this.print = (i) => {
+      const a = E(i);
       return this.createEntry(
-        t.key,
-        t.content,
+        a.key,
+        a.content,
         "system",
         void 0,
-        t.timestamp
+        a.timestamp
       );
-    });
-    this.container = e, this.id = t;
-    const i = e.get("$widget");
-    this.events = i.events.createChild(this), this.store = new re(e, this, s.rehydrate), this.conversationHistory = new ee(this);
+    };
+    const r = e.get("$widget");
+    this.events = r.events.createChild(this), this.store = new se(e, this, s.rehydrate), this.conversationHistory = new Z(this);
   }
   setInitialStorage(e) {
     this.store.setInitialData(e);
   }
   setProviders(e) {
     const t = [], s = [];
-    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));
+    this.providers.reduce((r, i) => (e.indexOf(i) === -1 && r.push(i), r), []).forEach((r) => {
+      const i = this.providers.indexOf(r);
+      i > -1 && (t.push(r), this.providers.splice(i, 1));
+    }), e.forEach((r) => {
+      this.providers.indexOf(r) === -1 && (s.push(r), this.providers.push(r));
     }), (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 = O.create(e, this.container, this);
+    const s = M.create(e, this.container, this);
     return this.registeredProviders.push(s), s;
   }
   providerIndex(e) {
     return this.registeredProviders.findIndex((t) => t.name === e);
   }
   getAgentById(e) {
-    if (!!e)
+    if (e)
       return this.store.getStoredAgent(e);
   }
   dispose() {
@@ -546,14 +516,14 @@ class oe {
     s > -1 && this.registeredProviders[s].setOptions(t);
   }
   changeProvider(e) {
-    this.registeredProviders.find((s) => s.name === e) && D(this.container, this.id, e);
+    this.registeredProviders.find((s) => s.name === e) && T(this.container, this.id, e);
   }
   queueProviders(e) {
     this.queuedProviders = e;
   }
   onCompleteProvider() {
     const e = this.queuedProviders.pop();
-    e && D(this.container, this.id, e);
+    e && T(this.container, this.id, e);
   }
   getComponentMountedState() {
     return this.componentMounted;
@@ -561,22 +531,22 @@ class oe {
   onUnreadMessage(e) {
     return this.events.subscribe("conversation:unread-message", e);
   }
-  createEntry(e, t, s, i, n) {
+  createEntry(e, t, s, r, i) {
     const a = {
       key: e,
       content: t,
       type: s,
-      sender: i || null,
-      timestamp: n || n === null ? n : Date.now()
+      sender: r || null,
+      timestamp: i || i === null ? i : Date.now()
     };
-    this.messages.push(a), a.type === "agent" && z(this.typingActors, i);
-    const o = new ne((c) => {
+    this.messages.push(a), a.type === "agent" && L(this.typingActors, r);
+    const o = new ie((c) => {
       if (c !== null) {
-        const h = c, { timestamp: u = void 0 } = h, l = B(h, ["timestamp"]);
-        a.content = l, u && (a.timestamp = u);
+        const h = c, { timestamp: l = void 0 } = h, d = _(h, ["timestamp"]);
+        a.content = d, l && (a.timestamp = l);
       } else {
-        const u = this.messages.indexOf(a);
-        a.content = null, u > -1 && this.messages.splice(u, 1);
+        const l = this.messages.indexOf(a);
+        a.content = null, l > -1 && this.messages.splice(l, 1);
       }
       this.events.dispatch("conversation:message-updated", { message: a }), this.update();
     });
@@ -598,9 +568,12 @@ class oe {
   }
   setTypingState(e, t) {
     return this.typingActors.indexOf(e) === -1 && (this.typingActors.push(e), this.update()), () => {
-      z(this.typingActors, e), this.update();
+      L(this.typingActors, e), this.update();
     };
   }
+  /**
+   * Displays a loader in the conversation.
+   */
   loader() {
     this.loaders = this.loaders + 1;
     let e = !1;
@@ -609,37 +582,37 @@ class oe {
     };
   }
   submitForm(e, t) {
-    this.formHandlers[e] = b(m({}, this.formHandlers[e]), { submit: t });
+    this.formHandlers[e] = y(v({}, this.formHandlers[e]), { submit: t });
   }
   validateForm(e, t) {
-    this.formHandlers[e] = b(m({}, this.formHandlers[e]), { validate: t });
+    this.formHandlers[e] = y(v({}, this.formHandlers[e]), { validate: t });
   }
   getHistory() {
     return this.conversationHistory.getConversationLogs();
   }
 }
-const ae = (r, e) => {
-  const t = r.split("_contact");
+const oe = (n, e) => {
+  const t = n.split("_contact");
   return e.widgets.get(t[0]);
-}, R = (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 } = R(r);
+}, N = (n) => {
+  const e = n.get("$widget"), { name: t, implementation: s } = n.get("$widget"), r = t.indexOf("_contact") > -1 ? oe(t, s) : e, { data: i } = n.get("$settings"), { trigger: a } = r.container.get("$settings"), o = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(o);
+  return c && !a ? { chatWidget: c, mainWidget: r, data: i } : { mainWidget: r, data: i };
+}, ae = (n) => {
+  const { chatWidget: e } = N(n);
   return !!e;
-}, K = (r, e, t) => {
-  const { mainWidget: s, data: i, chatWidget: n } = R(r);
-  return n ? n.state === "activated" ? n.invoke("open").then(() => {
-    n.container.getAsync("conversation").then((a) => {
-      a.navigateToConversationIfActive(e.id).then(() => L(r));
+}, z = (n, e, t) => {
+  const { mainWidget: s, data: r, chatWidget: i } = N(n);
+  return i ? i.state === "activated" ? i.invoke("open").then(() => {
+    i.container.getAsync("conversation").then((a) => {
+      a.navigateToConversationIfActive(e.id).then(() => B(n));
     });
-  }) : n.activate().then(() => {
-    const { trigger: a } = n.container.get("$settings");
-    return a.action = "hide", n.invoke("setSettings", () => ({
-      data: i,
+  }) : i.activate().then(() => {
+    const { trigger: a } = i.container.get("$settings");
+    return a.action = "hide", i.invoke("setSettings", () => ({
+      data: r,
       trigger: a,
       activate: !0
-    })).then(() => n.container.getAsync("components").then((o) => {
+    })).then(() => i.container.getAsync("components").then((o) => {
       const c = o.components().ofType("contact-method");
       o.write({
         key: "setContactMethodId",
@@ -662,28 +635,28 @@ const ae = (r, e) => {
         provider: "localStorage"
       });
     }));
-  }).then(() => n.invoke("attach", {
+  }).then(() => i.invoke("attach", {
     key: "contact-method",
     triggerDOMElement: t,
     withRenderState: "open"
-  })).then(() => (M(
-    n.container,
+  })).then(() => (W(
+    i.container,
     "activeStickyWidget",
-    N.Necessary,
+    D.Necessary,
     {
-      medium: A.Local,
-      scope: V.Implementation
+      medium: w.Local,
+      scope: J.Implementation
     }
-  ).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 } = R(r);
-  return i ? i.container.getAsync("router").then((n) => {
-    n.navigate(t, { id: e.id });
-  }) : s.container.getAsync("conversation").then((n) => {
+  ).then((a) => a(i.name)), i.container.getAsync("conversation").then((a) => {
+    a.setConversationEndedBehavior(x.Deactivate);
+  }).then(() => B(n)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(x.Navigate))), !i);
+}, ce = (n, e, t = "conversation") => {
+  const { mainWidget: s, chatWidget: r } = N(n);
+  return r ? r.container.getAsync("router").then((i) => {
+    i.navigate(t, { id: e.id });
+  }) : s.container.getAsync("conversation").then((i) => {
     var a;
-    (a = n.setConversationEndedBehavior(E.Navigate)) == null || a.then(() => {
+    (a = i.setConversationEndedBehavior(x.Navigate)) == null || a.then(() => {
       s.container.getAsync("router").then((o) => {
         s.container.getAsync("components").then((c) => {
           const h = c.components().ofType("conversation");
@@ -699,39 +672,30 @@ const ae = (r, e) => {
       });
     });
   });
-}, P = "conversations";
-var E = /* @__PURE__ */ ((r) => (r.Deactivate = "deactivate", r.Navigate = "navigate", r.None = "none", r))(E || {});
-class C {
+}, A = "conversations";
+var x = /* @__PURE__ */ ((n) => (n.Deactivate = "deactivate", n.Navigate = "navigate", n.None = "none", n))(x || {});
+class S {
   constructor(e, t) {
-    d(this, "events");
-    d(this, "controllers", []);
-    d(this, "providers", []);
-    d(this, "disposeProviders", {});
-    d(this, "subscriptions", []);
-    d(this, "storageWriter", null);
-    d(this, "router", null);
-    d(this, "buttonQuery", null);
-    d(this, "sessionInfo", null);
-    this.container = e, this.components = t;
+    this.container = e, this.components = t, this.controllers = [], this.providers = [], this.disposeProviders = {}, this.subscriptions = [], this.storageWriter = null, this.router = null, this.buttonQuery = null, this.sessionInfo = null;
     const s = e.get("$widget");
     this.events = s.events.createChild(this);
   }
   initialize() {
-    M(this.container, P, N.Necessary, {
-      medium: A.Local
-    }).then((e) => this.storageWriter = e), w(this.container, P, A.Local).then(
+    W(this.container, A, D.Necessary, {
+      medium: w.Local
+    }).then((e) => this.storageWriter = e), b(this.container, A, w.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, i, n;
+      var s, r, i;
       switch ((s = this.sessionInfo) == null ? void 0 : s.conversationEndedBehavior) {
         case "deactivate":
           this.container.get("$widget").deactivate();
           break;
         case "navigate":
-          const o = (i = this.router) == null ? void 0 : i.getInitialRoute();
-          o && ((n = this.router) == null || n.navigate(o.name));
+          const o = (r = this.router) == null ? void 0 : r.getInitialRoute();
+          o && ((i = this.router) == null || i.navigate(o.name));
           break;
       }
       this.writeToComponents({ active: !1 }), this.sessionInfo = null, this.storageWriter && this.storageWriter();
@@ -741,24 +705,24 @@ class C {
     this.subscriptions.push(e);
   }
   static getInstance(e, t = "conversation") {
-    return Y(e)(() => e.getAsync(t).then((s) => {
-      let i = s;
-      return i || Q.getInstance(e).then((n) => (i = new C(e, n), i.initialize(), e.registerAsync(t, () => i), i));
+    return V(e)(() => e.getAsync(t).then((s) => {
+      let r = s;
+      return r || Q.getInstance(e).then((i) => (r = new S(e, i), r.initialize(), e.registerAsync(t, () => r), r));
     }));
   }
   navigateToConversationIfActive(e) {
-    return w(this.container, P, A.Local).then(
+    return b(this.container, A, w.Local).then(
       (t) => {
         var s;
         if (t && t.id === e && t.route) {
-          const { name: i, params: n } = t.route;
-          (s = this.router) == null || s.navigate(i, n);
+          const { name: r, params: i } = t.route;
+          (s = this.router) == null || s.navigate(r, i);
         }
       }
     );
   }
   setConversationEndedBehavior(e) {
-    return w(this.container, P, A.Local).then(
+    return b(this.container, A, w.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();
@@ -766,13 +730,13 @@ class C {
     );
   }
   createController(e, t) {
-    return v(this, null, function* () {
-      const s = j(e), { agents: i } = (yield w(
+    return g(this, null, function* () {
+      const s = q(e), { agents: r } = (yield b(
         this.container,
         s
-      )) || { agents: [] }, n = this.controllers.findIndex((o) => o.conversation.id === e);
+      )) || { agents: [] }, i = this.controllers.findIndex((o) => o.conversation.id === e);
       let a;
-      return n > -1 ? a = this.controllers[n].conversation : a = new oe(this.container, e, t), a.setInitialStorage({ agents: i || [] }), a;
+      return i > -1 ? a = this.controllers[i].conversation : a = new ne(this.container, e, t), a.setInitialStorage({ agents: r || [] }), a;
     });
   }
   registerProvider(e, t) {
@@ -780,18 +744,18 @@ class C {
       name: e,
       handler: t
     };
-    this.providers.push(s), this.controllers.filter((i) => i.conversation.providers.indexOf(e) > -1).forEach((i) => {
-      this.invokeHandler(s, i);
+    this.providers.push(s), this.controllers.filter((r) => r.conversation.providers.indexOf(e) > -1).forEach((r) => {
+      this.invokeHandler(s, r);
     });
   }
   registerController(e, t) {
-    const s = this.controllers.findIndex((n) => n.conversation.id === e.id);
-    let i;
+    const s = this.controllers.findIndex((i) => i.conversation.id === e.id);
+    let r;
     if (s < 0) {
-      i = { conversation: e, component: t }, this.controllers.push(i);
-      const n = (a) => {
+      r = { conversation: e, component: t }, this.controllers.push(r);
+      const i = (a) => {
         a && this.providers.filter((o) => a.indexOf(o.name) > -1).forEach((o) => {
-          this.invokeHandler(o, i);
+          this.invokeHandler(o, r);
         });
       };
       return this.subscriptions.push(
@@ -802,19 +766,19 @@ class C {
       ), this.subscriptions.push(
         e.onProvidersChange((a, o) => {
           const { added: c, removed: h = [] } = o;
-          h.forEach((u) => {
-            (this.disposeProviders[u] || []).forEach((l) => {
-              l();
+          h.forEach((l) => {
+            (this.disposeProviders[l] || []).forEach((d) => {
+              d();
             });
-          }), n(c);
+          }), i(c);
         })
       ), this.subscriptions.push(
         e.onStarted((a, o) => {
-          var h, u;
+          var h, l;
           const c = {
             id: e.id,
             route: (h = this.router) == null ? void 0 : h.getRouteData(),
-            conversationEndedBehavior: (u = this.sessionInfo) == null ? void 0 : u.conversationEndedBehavior
+            conversationEndedBehavior: (l = this.sessionInfo) == null ? void 0 : l.conversationEndedBehavior
           };
           this.sessionInfo = c, this.storageWriter && this.storageWriter(c), this.writeToComponents({ active: o });
         })
@@ -822,9 +786,9 @@ class C {
         e.onUnreadMessage((a, o) => {
           this.events.dispatch("conversation:unread-message", o), this.writeToComponents({ alert: { show: o } });
         })
-      ), n(e.providers), !0;
+      ), i(e.providers), !0;
     }
-    return i = this.controllers[s], !1;
+    return r = this.controllers[s], !1;
   }
   writeToComponents(e, t = "conversationReturnButtonState") {
     this.buttonQuery && this.components.write({
@@ -842,7 +806,7 @@ class C {
     s && (this.disposeProviders[e.name] || (this.disposeProviders[e.name] = []), this.disposeProviders[e.name].push(s));
   }
   getComponentRoute() {
-    return w(this.container, P, A.Local).then(
+    return b(this.container, A, w.Local).then(
       (e) => e == null ? void 0 : e.route
     );
   }
@@ -855,116 +819,116 @@ class C {
       e();
     }), this.controllers = [], this.providers = [];
   }
-  static handleContactMethodClick(e, t, s, i) {
-    return v(this, null, function* () {
-      if (ce(t)) {
+  static handleContactMethodClick(e, t, s, r) {
+    return g(this, null, function* () {
+      if (ae(t)) {
         e.preventDefault();
-        let n = document.getElementById("humany-dynamic-anchor");
-        n || (n = document.createElement("a"), n.setAttribute("href", "#"), n.id = "humany-dynamic-anchor", document.body.appendChild(n)), K(t, s, n);
+        let i = document.getElementById("humany-dynamic-anchor");
+        i || (i = document.createElement("a"), i.setAttribute("href", "#"), i.id = "humany-dynamic-anchor", document.body.appendChild(i)), z(t, s, i);
       }
-      K(t, s);
+      z(t, s);
     });
   }
   static handleContactMethodSubmit(e, t) {
-    return v(this, null, function* () {
-      var s, i;
-      return (i = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && i.id ? D(
+    return g(this, null, function* () {
+      var s, r;
+      return (r = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && r.id ? T(
         e,
         t.body.form.meta.conversation.id,
         t.clientName
-      ) : de(e, t);
+      ) : ce(e, t);
     });
   }
 }
-const he = (r, e) => r.reduce((t, s, i) => {
+const he = (n, e) => n.reduce((t, s, r) => {
   var a, o;
-  const n = b(m({}, s), {
-    content: [b(m({}, s.content), { key: s.key })]
+  const i = y(v({}, s), {
+    content: [y(v({}, s.content), { key: s.key })]
   });
-  if (t.length > 0 && s.type !== S.System) {
+  if (t.length > 0 && s.type !== P.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(b(m({}, s.content), { key: s.key })), t;
-  }
-  return t.push(n), t;
-}, []), we = (r) => Promise.all([
-  C.getInstance(r),
-  r.getAsync("router")
-]).then(([e, t]) => q(
-  r,
+      return c.timestamp = s.timestamp, c.content.push(y(v({}, s.content), { key: s.key })), t;
+  }
+  return t.push(i), t;
+}, []), be = (n) => Promise.all([
+  S.getInstance(n),
+  n.getAsync("router")
+]).then(([e, t]) => U(
+  n,
   "conversation",
-  import("./conversation.be64b43a.js"),
-  (s) => v(void 0, null, function* () {
-    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;
+  import("./conversation-23bae0c6.js"),
+  (s) => g(void 0, null, function* () {
+    const { rehydrate: r = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", o = yield e.createController(a, { rehydrate: r }), c = e.registerController(o, s), h = 3 * 60 * 1e3, l = (p) => {
+      const { providers: u = [] } = p;
+      if (u) {
+        const f = Array.isArray(u) ? u : [u];
+        return o.setProviders(f), f;
       }
     };
-    u(s.properties(u)), o.setComponentMountedState(!0);
-    const l = (g) => {
-      const { loading: p, typingActors: y, messages: k } = g;
+    l(s.properties(l)), o.setComponentMountedState(!0);
+    const d = (p) => {
+      const { loading: u, typingActors: f, messages: C } = p;
       s.writeProperties({
-        loading: p,
-        typingActors: y,
-        messages: he(k, h)
+        loading: u,
+        typingActors: f,
+        messages: he(C, h)
       });
     };
-    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) {
-          k && k().then((H) => {
-            H && o.user.print(H);
+    d(o.getMessageStream()), c && (s.writeProperties({ conversationControllerId: o.id }), s.actions.create("user-submit", (p, u) => {
+      if (u) {
+        const { preventDefault: f, validationPromise: C } = u;
+        if (f) {
+          C && C().then((O) => {
+            O && o.user.print(O);
           });
           return;
         }
       }
-      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) => {
+      o.user.print(p.text);
+    }), s.actions.create("user-typing", (p, u) => {
+    }), s.actions.create("form", (p, u) => {
+    }), s.actions.create("action", (p, u) => {
+    }), s.actions.create("overlay-mounted", (p, u) => {
+    }), s.actions.create("show-overlay", (p, u) => {
       s.writeProperties({
         overlay: { conversation: !1, secondary: !1 }
       });
-    }), s.actions.create("hide-overlay", (g, p) => {
+    }), s.actions.create("hide-overlay", (p, u) => {
       s.writeProperties({
         overlay: null
       });
-    }), s.actions.create("show-overlay-conversation", (g, p) => {
+    }), s.actions.create("show-overlay-conversation", (p, u) => {
       s.writeProperties({
         overlay: { conversation: !0, secondary: !1 }
       });
-    }), s.actions.create("hide-overlay-conversation", (g, p) => {
+    }), s.actions.create("hide-overlay-conversation", (p, u) => {
       s.writeProperties({
         overlay: { conversation: !1, secondary: !1 }
       });
     }));
-    const f = o.events.subscribe(
+    const m = o.events.subscribe(
       "conversation:updated",
-      (g, p) => {
-        l(p);
+      (p, u) => {
+        d(u);
       }
     );
     return () => {
-      o.setComponentMountedState(!1), f(), o.active || l({ messages: [], typingActors: [], loading: !1 });
+      o.setComponentMountedState(!1), m(), o.active || d({ messages: [], typingActors: [], loading: !1 });
     };
   }),
   { reuseController: !0 }
-)), Ae = (r) => Promise.all([
-  Q.getInstance(r),
-  C.getInstance(r),
-  r.getAsync("router")
+)), we = (n) => Promise.all([
+  Q.getInstance(n),
+  S.getInstance(n),
+  n.getAsync("router")
 ]).then(
-  ([e, t, s]) => q(
-    r,
+  ([e, t, s]) => U(
+    n,
     "conversation-return-button",
-    import("./return-button.fb63a16e.js"),
-    (i) => {
-      i.actions.create("toggle", (n = {}) => {
+    import("./return-button-17ecf4af.js"),
+    (r) => {
+      r.actions.create("toggle", (i = {}) => {
         var a;
         (a = t.getComponentRoute()) == null || a.then((o) => {
           o && s.navigate(o.name, o.params);
@@ -973,24 +937,24 @@ const he = (r, e) => r.reduce((t, s, i) => {
     }
   )
 );
-var le = /* @__PURE__ */ ((r) => (r.LinkList = "link-list", r.Separator = "separator", r.ButtonList = "button-list", r.ItemList = "item-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 C.getInstance(r)).addSubscription(
+var de = /* @__PURE__ */ ((n) => (n.LinkList = "link-list", n.Separator = "separator", n.ButtonList = "button-list", n.ItemList = "item-list", n.Text = "text", n.HTML = "html", n.VideoRequest = "video-request", n))(de || {});
+const Ae = (n, e, t) => n.getAsync("componentResolver").then((s) => g(void 0, null, function* () {
+  (yield S.getInstance(n)).addSubscription(
     s.registerComponent(
       e,
-      Z(() => t)
+      X(() => t)
     )
   );
 }));
 export {
-  we as ConversationComponent,
-  oe as ConversationController,
-  E as ConversationEndedBehavior,
-  ne as ConversationEntry,
-  le as ConversationMessageListItemType,
-  S as ConversationMessageType,
-  C as ConversationPlatform,
-  Ae as ConversationReturnButtonComponent,
-  Pe as registerCustomMessageComponent
+  be as ConversationComponent,
+  ne as ConversationController,
+  x as ConversationEndedBehavior,
+  ie as ConversationEntry,
+  de as ConversationMessageListItemType,
+  P as ConversationMessageType,
+  S as ConversationPlatform,
+  we as ConversationReturnButtonComponent,
+  Ae as registerCustomMessageComponent
 };
 //# sourceMappingURL=index.js.map