@telia-ace/widget-conversation 1.1.5 → 1.1.6

package/index.mjs

@@ -1,34 +1,34 @@
 var B = Object.defineProperty;
 var L = (o, e, t) => e in o ? B(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var d = (o, e, t) => (L(o, typeof e != "symbol" ? e + "" : e, t), t);
+var c = (o, e, t) => (L(o, typeof e != "symbol" ? e + "" : e, t), t);
 import { ComponentPlatform as R } from "@telia-ace/widget-core";
 import { createStorageWriter as E, StorageCategory as I, readStorage as f, StorageMedium as y, StorageScope as z } from "@telia-ace/widget-services";
-import { uuid as H, lock as K } from "@telia-ace/widget-utilities";
+import { uuid as $, lock as K } from "@telia-ace/widget-utilities";
 import { FormBuilder as Q } from "@telia-ace/widget-forms";
 import { closeAllModals as M } from "@telia-ace/widget-plugins";
-import { createReactComponent as _ } from "@telia-ace/widget-ui";
+import { createReactComponent as H } from "@telia-ace/widget-ui";
 import { lazy as U } from "react";
 class q {
   constructor(e) {
-    d(this, "cache", /* @__PURE__ */ new Map());
-    d(this, "subscriptions", []);
+    c(this, "cache", /* @__PURE__ */ new Map());
+    c(this, "subscriptions", []);
     this.controller = e;
-    const { events: t } = e.container.get("$widget"), s = t.subscribe("data-client:fetched", (r, n) => {
-      n.type === "contact-method" && this.cache.set(n.response.id, n.response);
+    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 r = C(s), { key: n, content: a, type: i, sender: c, timestamp: h } = r.content, u = this.parseEntry(a, i, c, h);
+        const r = C(s), { key: i, content: a, type: n, sender: d, timestamp: h } = r.content, u = this.parseEntry(a, n, d, h);
         return u && t.push(u), t;
       },
       []
     );
   }
   parseEntry(e, t, s, r) {
-    const n = (h) => {
+    const i = (h) => {
       let u = [], l = [], v;
       if (Array.isArray(h)) {
         const [p, m] = h;
@@ -43,20 +43,20 @@ class q {
         options: u
       };
     };
-    let a = [], i = [];
+    let a = [], n = [];
     if (Array.isArray(e.items)) {
       const { items: h } = e;
       h.forEach((u) => {
-        const l = n(u);
-        a = [...a, ...l.options], i = [...i, ...l.messagesAsList];
+        const l = i(u);
+        a = [...a, ...l.options], n = [...n, ...l.messagesAsList];
       });
     } else {
-      const h = n(e);
-      a = [...a, ...h.options], i = [...i, ...h.messagesAsList];
+      const h = i(e);
+      a = [...a, ...h.options], n = [...n, ...h.messagesAsList];
     }
     return {
       options: a,
-      message: i.length ? i.join(`
+      message: n.length ? n.join(`
 `) : void 0,
       source: this.createMessageSource(t),
       alias: this.createAlias(t, s),
@@ -67,7 +67,7 @@ class q {
     return e;
   }
   createAlias(e, t) {
-    return e === w.System ? "system" : (t == null ? void 0 : t.name) || "Me";
+    return e === b.System ? "system" : (t == null ? void 0 : t.name) || "Me";
   }
   handleContactMethod(e) {
     if (!this.cache.has(e))
@@ -82,10 +82,10 @@ class q {
     const {
       header: s,
       title: r,
-      label: n,
+      label: i,
       description: a,
-      text: i,
-      html: c,
+      text: n,
+      html: d,
       body: h,
       contactMethodId: u
     } = e;
@@ -94,7 +94,7 @@ class q {
       const v = this.handleContactMethod(u.toString());
       v && (l = this.appendText(l, v, t));
     }
-    return s && (l = this.appendText(l, s, t)), r && (l = this.appendText(l, r, t)), a && (l = this.appendText(l, a, t)), i && (l = this.appendText(l, i, 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 && (l = this.appendText(l, s, t)), r && (l = this.appendText(l, r, t)), a && (l = this.appendText(l, a, t)), n && (l = this.appendText(l, n, t)), i && (l = this.appendText(l, i, t)), d && (l = this.appendText(l, d, t)), h && typeof h == "string" && (l = this.appendText(l, h, t)), l;
   }
   createMessageContent(e) {
     let t = "";
@@ -102,9 +102,9 @@ class q {
   }
   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(([r, n]) => ({
+    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: n
+      label: i
     }))), s.length && (t = s.map((r) => this.getDetails(r, !1))), t;
   }
   appendText(e, t, s = !0) {
@@ -119,28 +119,35 @@ ${t}` : e.length ? `${e} ${t}` : t;
 }
 class k {
   constructor(e, t) {
-    d(this, "id");
-    d(this, "name");
-    d(this, "avatar");
-    d(this, "print", (e, t, s = null) => {
+    c(this, "id");
+    c(this, "name");
+    c(this, "avatar");
+    c(this, "container");
+    c(this, "widget");
+    c(this, "print", (e, t, s = null) => {
       const r = {
         name: this.name,
         avatar: this.avatar,
         id: this.id
-      }, n = C(e, t);
-      return s = s ?? n.timestamp, this.provider.createEntry(
-        n.key,
-        n.content,
-        w.Agent,
+      }, i = C(e, t);
+      s = s ?? i.timestamp;
+      const { events: a } = this.widget;
+      return a == null || a.dispatch("tracking:conversation-message", {
+        sender: "agent"
+      }), this.provider.createEntry(
+        i.key,
+        i.content,
+        b.Agent,
         r,
         s
       );
     });
-    d(this, "typing", () => this.provider.setTypingState({
+    c(this, "typing", () => this.provider.setTypingState({
       name: this.name,
       avatar: this.avatar
     }));
-    this.provider = e, this.id = t.id || H(), this.name = t.name, this.avatar = t.avatar;
+    var s, r;
+    this.provider = e, this.id = t.id || $(), this.name = t.name, this.avatar = t.avatar, this.container = (s = e.controller) == null ? void 0 : s.container, this.widget = (r = this.container) == null ? void 0 : r.get("$widget");
   }
   update(e) {
     var r;
@@ -152,9 +159,9 @@ class k {
 }
 class T {
   constructor(e, t, s) {
-    d(this, "subscriptions", []);
-    d(this, "options");
-    d(this, "user");
+    c(this, "subscriptions", []);
+    c(this, "options");
+    c(this, "user");
     this.name = e, this.container = t, this.controller = s, this.user = s == null ? void 0 : s.user, this.options = {
       silent: !1
     };
@@ -183,9 +190,9 @@ class T {
     return this.controller ? this.controller.loader() : () => () => {
     };
   }
-  createEntry(e, t, s, r, n) {
+  createEntry(e, t, s, r, i) {
     var a;
-    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, n);
+    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, i);
   }
   dispose() {
     var e;
@@ -228,11 +235,11 @@ class T {
     }
   }
 }
-const $ = (o) => `conversation-${o}`;
+const _ = (o) => `conversation-${o}`;
 class j {
   constructor() {
-    d(this, "_locking", Promise.resolve());
-    d(this, "_locks", 0);
+    c(this, "_locking", Promise.resolve());
+    c(this, "_locks", 0);
   }
   isLocked() {
     return this._locks > 0;
@@ -250,80 +257,80 @@ class j {
 }
 class F {
   constructor(e, t, s) {
-    d(this, "sessionStorageKey");
-    d(this, "locker", new j());
-    d(this, "initialStoredAgents", []);
-    this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = $(t.id), t.onStarted(async () => {
+    c(this, "sessionStorageKey");
+    c(this, "locker", new j());
+    c(this, "initialStoredAgents", []);
+    this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = _(t.id), t.onStarted(async () => {
       if (t.messages.length > 0)
         return;
-      const { agents: r } = await this.read(), n = [];
-      r && r.forEach((i) => {
-        const c = t.providerIndex(i.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(i.providerName), u = new k(h, {
-          name: i.name,
-          avatar: i.avatar,
-          id: i.id
+      const { agents: r } = await this.read(), i = [];
+      r && r.forEach((n) => {
+        const d = t.providerIndex(n.providerName), h = d > -1 ? t.registeredProviders[d] : t.createProvider(n.providerName), u = new k(h, {
+          name: n.name,
+          avatar: n.avatar,
+          id: n.id
         });
-        n.push(u);
+        i.push(u);
       });
       const { messages: a } = await this.read();
-      a.forEach((i) => {
-        switch (i.type) {
+      a.forEach((n) => {
+        switch (n.type) {
           case "agent": {
-            const c = n.find((h) => {
+            const d = i.find((h) => {
               var u;
-              return h.id === ((u = i.sender) == null ? void 0 : u.id);
+              return h.id === ((u = n.sender) == null ? void 0 : u.id);
             });
-            c && c.print(
-              i.content.items || i.content,
+            d && d.print(
+              n.content.items || n.content,
               {
-                key: i.key
+                key: n.key
               },
-              i.timestamp
+              n.timestamp
             );
             return;
           }
           case "user": {
             t.user.print(
-              i.content.items || i.content,
+              n.content.items || n.content,
               {
-                key: i.key
+                key: n.key
               },
-              i.timestamp
+              n.timestamp
             );
             return;
           }
           case "system":
           default:
             t.print(
-              i.content.items || i.content,
-              i.timestamp
+              n.content.items || n.content,
+              n.timestamp
             );
         }
       });
-    }), t.onMessageCreated(async (r, n) => {
-      this.write(n.message, "messages");
+    }), t.onMessageCreated(async (r, i) => {
+      this.write(i.message, "messages");
     }), t.events.subscribe(
       "conversation:agent-created",
-      async (r, n) => {
+      async (r, i) => {
         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
         };
         await this.write(a, "agents");
       }
     ), t.events.subscribe(
       "conversation:agent-updated",
-      async (r, n) => {
+      async (r, i) => {
         const { agents: a } = await this.read();
         await this.write(
           [
-            ...a.map((i) => i.id === n.agent.id ? {
-              ...i,
-              name: n.agent.name,
-              avatar: n.agent.avatar
-            } : i)
+            ...a.map((n) => n.id === i.agent.id ? {
+              ...n,
+              name: i.agent.name,
+              avatar: i.agent.avatar
+            } : n)
           ],
           "agents",
           "update"
@@ -350,33 +357,33 @@ class F {
       this.container,
       this.sessionStorageKey,
       I.Necessary
-    ).then(async (n) => {
+    ).then(async (i) => {
       if (s === "add") {
         const a = await this.read();
-        if (t === "messages" && a.messages.findIndex((c) => c.key === e.key) > -1) {
+        if (t === "messages" && a.messages.findIndex((d) => d.key === e.key) > -1) {
           r();
           return;
         }
-        const i = {
+        const n = {
           ...a
         };
-        return t === "messages" ? i.messages = [...i.messages, e] : t === "agents" && (i.agents = [...i.agents, e]), n({
+        return t === "messages" ? n.messages = [...n.messages, e] : t === "agents" && (n.agents = [...n.agents, e]), i({
           ...a,
-          ...i
+          ...n
         }).then(() => {
           r();
         });
       }
       if (s === "update" && t === "agents") {
         const a = await this.read();
-        return n({
+        return i({
           ...a,
           agents: e
         }).then(() => {
           r();
         });
       }
-      return n(e).then(() => {
+      return i(e).then(() => {
         r();
       });
     });
@@ -390,35 +397,42 @@ class F {
 }
 class G {
   constructor(e) {
-    d(this, "print", (e, t, s = null) => {
+    c(this, "container");
+    c(this, "widget");
+    c(this, "print", (e, t, s = null) => {
       const r = C(e, t);
-      return s = s ?? r.timestamp, this.controller.createEntry(
+      s = s ?? r.timestamp;
+      const { events: i } = this.widget;
+      return i == null || i.dispatch("tracking:conversation-message", {
+        sender: "user"
+      }), this.controller.createEntry(
         r.key,
         r.content,
-        w.User,
+        b.User,
         void 0,
         s
       );
     });
-    this.controller = e;
+    var t;
+    this.controller = e, this.container = e == null ? void 0 : e.container, this.widget = (t = this.container) == null ? void 0 : t.get("$widget");
   }
 }
 const x = async (o, e, t) => {
   const s = await o.getAsync(
     "conversation"
-  ), r = await o.getAsync("components"), n = s.controllers.find((a) => a.conversation.id === e);
-  if (n) {
-    const a = [...n.conversation.providers];
-    a.forEach((c) => {
-      n.conversation.setProviderOptions(c, { silent: !0 });
-    }), n.conversation.queueProviders(a), n.conversation.setProviders([t]);
-    const i = r.components().ofType("conversation");
+  ), r = await o.getAsync("components"), i = s.controllers.find((a) => a.conversation.id === e);
+  if (i) {
+    const a = [...i.conversation.providers];
+    a.forEach((d) => {
+      i.conversation.setProviderOptions(d, { silent: !0 });
+    }), i.conversation.queueProviders(a), i.conversation.setProviders([t]);
+    const n = r.components().ofType("conversation");
     r.write({
       key: "setConversationProvider",
       attributes: {
         properties: { providers: [t] }
       },
-      target: i,
+      target: n,
       provider: "localStorage"
     });
   }
@@ -438,9 +452,9 @@ class J {
     return typeof e == "string" ? { body: e } : e.length > -1 && typeof e == "object" ? { items: e } : e;
   }
 }
-var w = /* @__PURE__ */ ((o) => (o.User = "user", o.Agent = "agent", o.System = "system", o))(w || {});
+var b = /* @__PURE__ */ ((o) => (o.User = "user", o.Agent = "agent", o.System = "system", o))(b || {});
 const C = (o, e) => {
-  let t, s = (e == null ? void 0 : e.key) || H(), r = Date.now();
+  let t, s = (e == null ? void 0 : e.key) || $(), r = Date.now();
   if (Array.isArray(o) && o.length > -1)
     typeof o[0] == "string" ? t = { items: [o] } : t = { items: o };
   else if (typeof o == "string")
@@ -455,9 +469,9 @@ const C = (o, e) => {
       actions: o.actions,
       title: o.title
     }, o.key && (s = o.key), o.timestamp && (r = o.timestamp), typeof o.form == "function") {
-      const n = Q.create(s);
-      o.form(n);
-      const a = n.get();
+      const i = Q.create(s);
+      o.form(i);
+      const a = i.get();
       t.form = a;
     }
     o.timestamp === null && (r = null);
@@ -472,25 +486,30 @@ const C = (o, e) => {
 };
 class V {
   constructor(e, t, s) {
-    d(this, "formHandlers", {});
+    c(this, "formHandlers", {});
     /**
      * Represents the current end user.
      */
-    d(this, "user", new G(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, t = null) => {
+    c(this, "user", new G(this));
+    c(this, "widget");
+    c(this, "events");
+    c(this, "providers", []);
+    c(this, "active", !1);
+    c(this, "queuedProviders", []);
+    c(this, "registeredProviders", []);
+    c(this, "loaders", 0);
+    c(this, "componentMounted", !1);
+    c(this, "store");
+    c(this, "messages", []);
+    c(this, "typingActors", []);
+    c(this, "conversationHistory");
+    c(this, "print", (e, t = null) => {
       const s = C(e);
-      return t = t ?? s.timestamp, this.createEntry(
+      t = t ?? s.timestamp;
+      const { events: r } = this.widget;
+      return r.dispatch("tracking:conversation-message", {
+        sender: "system"
+      }), this.createEntry(
         s.key,
         s.content,
         "system",
@@ -498,18 +517,16 @@ class V {
         t
       );
     });
-    this.container = e, this.id = t;
-    const r = e.get("$widget");
-    this.events = r.events.createChild(this), this.store = new F(e, this, s.rehydrate), this.conversationHistory = new q(this);
+    this.container = e, this.id = t, this.widget = e.get("$widget"), this.events = this.widget.events.createChild(this), this.store = new F(e, this, s.rehydrate), this.conversationHistory = new q(this);
   }
   setInitialStorage(e) {
     this.store.setInitialData(e);
   }
   setProviders(e) {
     const t = [], s = [];
-    this.providers.reduce((r, n) => (e.indexOf(n) === -1 && r.push(n), r), []).forEach((r) => {
-      const n = this.providers.indexOf(r);
-      n > -1 && (t.push(r), this.providers.splice(n, 1));
+    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", {
@@ -580,18 +597,18 @@ class V {
   onUnreadMessage(e) {
     return this.events.subscribe("conversation:unread-message", e);
   }
-  createEntry(e, t, s, r, n) {
+  createEntry(e, t, s, r, i) {
     const a = {
       key: e,
       content: t,
       type: s,
       sender: r || null,
-      timestamp: n || n === null ? n : Date.now()
+      timestamp: i || i === null ? i : Date.now()
     };
     this.messages.push(a), a.type === "agent" && N(this.typingActors, r);
-    const i = new J((c) => {
-      if (c !== null) {
-        const { timestamp: h = void 0, ...u } = c;
+    const n = new J((d) => {
+      if (d !== null) {
+        const { timestamp: h = void 0, ...u } = d;
         a.content = u, h && (a.timestamp = h);
       } else {
         const h = this.messages.indexOf(a);
@@ -599,7 +616,7 @@ class V {
       }
       this.events.dispatch("conversation:message-updated", { message: a }), this.update();
     });
-    return this.events.dispatch("conversation:message-created", { message: a }), this.update(), this.componentMounted || this.events.dispatch("conversation:unread-message", !0), i;
+    return this.events.dispatch("conversation:message-created", { message: a }), this.update(), this.componentMounted || this.events.dispatch("conversation:unread-message", !0), n;
   }
   update() {
     this.events.dispatch("conversation:updated", {
@@ -644,26 +661,26 @@ const Y = (o, e) => {
   const t = o.split("_contact");
   return e.widgets.get(t[0]);
 }, W = (o) => {
-  const e = o.get("$widget"), { name: t, implementation: s } = o.get("$widget"), r = t.indexOf("_contact") > -1 ? Y(t, s) : e, { data: n } = o.get("$settings"), { trigger: a } = r.container.get("$settings"), i = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(i);
-  return c && !a ? { chatWidget: c, mainWidget: r, data: n } : { mainWidget: r, data: n };
+  const e = o.get("$widget"), { name: t, implementation: s } = o.get("$widget"), r = t.indexOf("_contact") > -1 ? Y(t, s) : e, { data: i } = o.get("$settings"), { trigger: a } = r.container.get("$settings"), n = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, d = s.widgets.get(n);
+  return d && !a ? { chatWidget: d, mainWidget: r, data: i } : { mainWidget: r, data: i };
 }, X = (o) => {
   const { chatWidget: e } = W(o);
   return !!e;
 }, O = (o, e, t) => {
-  const { mainWidget: s, data: r, chatWidget: n } = W(o);
-  return n ? n.state === "activated" ? n.invoke("open").then(() => {
-    n.container.getAsync("conversation").then((a) => {
+  const { mainWidget: s, data: r, chatWidget: i } = W(o);
+  return i ? i.state === "activated" ? i.invoke("open").then(() => {
+    i.container.getAsync("conversation").then((a) => {
       a.navigateToConversationIfActive(e.id).then(() => M(o));
     });
-  }) : n.activate().then(() => {
-    const { trigger: a } = n.container.get("$settings");
-    return a.action = "hide", n.invoke("setSettings", () => ({
+  }) : 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((i) => {
-      const c = i.components().ofType("contact-method");
-      i.write({
+    })).then(() => i.container.getAsync("components").then((n) => {
+      const d = n.components().ofType("contact-method");
+      n.write({
         key: "setContactMethodId",
         attributes: {
           properties: {
@@ -671,11 +688,11 @@ const Y = (o, e) => {
             guideId: e.guideId
           }
         },
-        target: c,
+        target: d,
         provider: "localStorage"
       });
-      const h = i.components().ofType("conversation");
-      i.write({
+      const h = n.components().ofType("conversation");
+      n.write({
         key: "setConversationProvider",
         attributes: {
           properties: { providers: [e.clientName] }
@@ -684,19 +701,19 @@ const Y = (o, e) => {
         provider: "localStorage"
       });
     }));
-  }).then(() => n.invoke("attach", {
+  }).then(() => i.invoke("attach", {
     key: "contact-method",
     triggerDOMElement: t,
     withRenderState: "open"
   })).then(() => (E(
-    n.container,
+    i.container,
     "activeStickyWidget",
     I.Necessary,
     {
       medium: y.Local,
       scope: z.Implementation
     }
-  ).then((a) => a(n.name)), n.container.getAsync("conversation").then((a) => {
+  ).then((a) => a(i.name)), i.container.getAsync("conversation").then((a) => {
     a.setConversationEndedBehavior(
       S.Deactivate
     );
@@ -704,18 +721,18 @@ const Y = (o, e) => {
     () => a.setConversationEndedBehavior(
       S.Navigate
     )
-  )), !n);
+  )), !i);
 }, Z = (o, e, t = "conversation") => {
   const { mainWidget: s, chatWidget: r } = W(o);
-  return r ? r.container.getAsync("router").then((n) => {
-    n.navigate(t, { id: e.id });
-  }) : s.container.getAsync("conversation").then((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(S.Navigate)) == null || a.then(() => {
-      s.container.getAsync("router").then((i) => {
-        s.container.getAsync("components").then((c) => {
-          const h = c.components().ofType("conversation");
-          c.write({
+    (a = i.setConversationEndedBehavior(S.Navigate)) == null || a.then(() => {
+      s.container.getAsync("router").then((n) => {
+        s.container.getAsync("components").then((d) => {
+          const h = d.components().ofType("conversation");
+          d.write({
             key: "setConversationProvider",
             attributes: {
               properties: { providers: [e.clientName] }
@@ -724,24 +741,24 @@ const Y = (o, e) => {
             provider: "localStorage"
           });
         }).then(() => {
-          i.navigate(t, { id: e.id });
+          n.navigate(t, { id: e.id });
         });
       });
     });
   });
-}, b = "conversations";
+}, w = "conversations";
 var S = /* @__PURE__ */ ((o) => (o.Deactivate = "deactivate", o.Navigate = "navigate", o.None = "none", o))(S || {});
 class A {
   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);
+    c(this, "events");
+    c(this, "controllers", []);
+    c(this, "providers", []);
+    c(this, "disposeProviders", {});
+    c(this, "subscriptions", []);
+    c(this, "storageWriter", null);
+    c(this, "router", null);
+    c(this, "buttonQuery", null);
+    c(this, "sessionInfo", null);
     this.container = e, this.components = t;
     const s = e.get("$widget");
     this.events = s.events.createChild(this);
@@ -749,26 +766,26 @@ class A {
   initialize() {
     E(
       this.container,
-      b,
+      w,
       I.Necessary,
       {
         medium: y.Local
       }
     ).then((e) => this.storageWriter = e), f(
       this.container,
-      b,
+      w,
       y.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, r, 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 i = (r = this.router) == null ? void 0 : r.getInitialRoute();
-          i && ((n = this.router) == null || n.navigate(i.name));
+          const n = (r = this.router) == null ? void 0 : r.getInitialRoute();
+          n && ((i = this.router) == null || i.navigate(n.name));
           break;
       }
       this.writeToComponents({ active: !1 }), this.sessionInfo = null, this.storageWriter && this.storageWriter();
@@ -780,26 +797,26 @@ class A {
   static getInstance(e, t = "conversation") {
     return K(e)(() => e.getAsync(t).then((s) => {
       let r = s;
-      return r || R.getInstance(e).then((n) => (r = new A(e, n), r.initialize(), e.registerAsync(t, () => r), r));
+      return r || R.getInstance(e).then((i) => (r = new A(e, i), r.initialize(), e.registerAsync(t, () => r), r));
     }));
   }
   navigateToConversationIfActive(e) {
     return f(
       this.container,
-      b,
+      w,
       y.Local
     ).then((t) => {
       var s;
       if (t && t.id === e && t.route) {
-        const { name: r, params: n } = t.route;
-        (s = this.router) == null || s.navigate(r, n);
+        const { name: r, params: i } = t.route;
+        (s = this.router) == null || s.navigate(r, i);
       }
     });
   }
   setConversationEndedBehavior(e) {
     return f(
       this.container,
-      b,
+      w,
       y.Local
     ).then((t) => {
       let s = t;
@@ -807,9 +824,9 @@ class A {
     });
   }
   async createController(e, t) {
-    const s = $(e), { agents: r } = await f(this.container, s) || { agents: [] }, n = this.controllers.findIndex((i) => i.conversation.id === e);
+    const s = _(e), { agents: r } = await f(this.container, s) || { agents: [] }, i = this.controllers.findIndex((n) => n.conversation.id === e);
     let a;
-    return n > -1 ? a = this.controllers[n].conversation : a = new V(this.container, e, t), a.setInitialStorage({ agents: r || [] }), a;
+    return i > -1 ? a = this.controllers[i].conversation : a = new V(this.container, e, t), a.setInitialStorage({ agents: r || [] }), a;
   }
   registerProvider(e, t) {
     const s = {
@@ -824,52 +841,52 @@ class A {
   }
   registerController(e, t) {
     const s = this.controllers.findIndex(
-      (n) => n.conversation.id === e.id
+      (i) => i.conversation.id === e.id
     );
     let r;
     if (s < 0) {
       r = { conversation: e, component: t }, this.controllers.push(r);
-      const n = (a) => {
-        a && this.providers.filter((i) => a.indexOf(i.name) > -1).forEach((i) => {
-          this.invokeHandler(i, r);
+      const i = (a) => {
+        a && this.providers.filter((n) => a.indexOf(n.name) > -1).forEach((n) => {
+          this.invokeHandler(n, r);
         });
       };
       return this.subscriptions.push(
-        e.onDispose((a, i) => {
-          const c = this.controllers.findIndex(
-            (h) => h.conversation === i
+        e.onDispose((a, n) => {
+          const d = this.controllers.findIndex(
+            (h) => h.conversation === n
           );
-          c > -1 && this.controllers.splice(c, 1), this.components.components().ofType("conversation-return-button").select().writeProperties({ active: !1 }), this.events.dispatch("conversation:ended", {}, { bubbles: !0 });
+          d > -1 && this.controllers.splice(d, 1), this.components.components().ofType("conversation-return-button").select().writeProperties({ active: !1 }), this.events.dispatch("conversation:ended", {}, { bubbles: !0 });
         })
       ), this.subscriptions.push(
-        e.onProvidersChange((a, i) => {
+        e.onProvidersChange((a, n) => {
           const {
-            added: c,
+            added: d,
             removed: h = []
-          } = i;
+          } = n;
           h.forEach((u) => {
             (this.disposeProviders[u] || []).forEach(
               (l) => {
                 l();
               }
             );
-          }), n(c);
+          }), i(d);
         })
       ), this.subscriptions.push(
-        e.onStarted((a, i) => {
+        e.onStarted((a, n) => {
           var h, u;
-          const c = {
+          const d = {
             id: e.id,
             route: (h = this.router) == null ? void 0 : h.getRouteData(),
             conversationEndedBehavior: (u = this.sessionInfo) == null ? void 0 : u.conversationEndedBehavior
           };
-          this.sessionInfo = c, this.storageWriter && this.storageWriter(c), this.writeToComponents({ active: i });
+          this.sessionInfo = d, this.storageWriter && this.storageWriter(d), this.writeToComponents({ active: n });
         })
       ), this.subscriptions.push(
-        e.onUnreadMessage((a, i) => {
-          this.events.dispatch("conversation:unread-message", i), this.writeToComponents({ alert: { show: i } });
+        e.onUnreadMessage((a, n) => {
+          this.events.dispatch("conversation:unread-message", n), this.writeToComponents({ alert: { show: n } });
         })
-      ), n(e.providers), !0;
+      ), i(e.providers), !0;
     }
     return r = this.controllers[s], !1;
   }
@@ -891,7 +908,7 @@ class A {
   getComponentRoute() {
     return f(
       this.container,
-      b,
+      w,
       y.Local
     ).then((e) => e == null ? void 0 : e.route);
   }
@@ -907,8 +924,8 @@ class A {
   static async handleContactMethodClick(e, t, s, r) {
     if (X(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)), O(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)), O(t, s, i);
     }
     O(t, s);
   }
@@ -922,40 +939,40 @@ class A {
   }
 }
 const ee = (o, e) => o.reduce((t, s, r) => {
-  var a, i;
-  const n = {
+  var a, n;
+  const i = {
     ...s,
     content: [{ ...s.content, key: s.key }]
   };
-  if (t.length > 0 && s.type !== w.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) === ((i = s.sender) == null ? void 0 : i.name) && c.type === s.type)
-      return c.timestamp = s.timestamp, c.content.push({ ...s.content, key: s.key }), t;
+  if (t.length > 0 && s.type !== b.System) {
+    const d = t[t.length - 1];
+    if ((!e && e !== 0 || Math.abs(d.timestamp - s.timestamp) < e) && ((a = d.sender) == null ? void 0 : a.name) === ((n = s.sender) == null ? void 0 : n.name) && d.type === s.type)
+      return d.timestamp = s.timestamp, d.content.push({ ...s.content, key: s.key }), t;
   }
-  return t.push(n), t;
+  return t.push(i), t;
 }, []), he = (o) => Promise.all([
   A.getInstance(o),
   o.getAsync("router")
-]).then(([e, t]) => _(
+]).then(([e, t]) => H(
   o,
   "conversation",
-  import("./conversation-8fab4c79.mjs"),
+  import("./conversation-8295aeca.mjs"),
   async (s) => {
-    const { rehydrate: r = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", i = await e.createController(a, {
+    const { rehydrate: r = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", n = await e.createController(a, {
       rehydrate: r
-    }), c = e.registerController(
-      i,
+    }), d = e.registerController(
+      n,
       s
     ), h = 3 * 60 * 1e3, u = (g) => {
       const { providers: p = [] } = g;
       if (p) {
         const m = Array.isArray(p) ? p : [p];
-        return i.setProviders(m), m;
+        return n.setProviders(m), m;
       }
     };
     u(
       s.properties(u)
-    ), i.setComponentMountedState(!0);
+    ), n.setComponentMountedState(!0);
     const l = (g) => {
       const { loading: p, typingActors: m, messages: P } = g;
       s.writeProperties({
@@ -964,19 +981,19 @@ const ee = (o, e) => o.reduce((t, s, r) => {
         messages: ee(P, h)
       });
     };
-    l(i.getMessageStream()), c && (s.writeProperties({
-      conversationControllerId: i.id
+    l(n.getMessageStream()), d && (s.writeProperties({
+      conversationControllerId: n.id
     }), s.actions.create("user-submit", (g, p) => {
       if (p) {
         const { preventDefault: m, validationPromise: P } = p;
         if (m) {
           P && P().then((D) => {
-            D && i.user.print(D);
+            D && n.user.print(D);
           });
           return;
         }
       }
-      i.user.print(g.text);
+      n.user.print(g.text);
     }), s.actions.create("user-typing", (g, p) => {
     }), s.actions.create("form", (g, p) => {
     }), s.actions.create("action", (g, p) => {
@@ -1004,14 +1021,14 @@ const ee = (o, e) => o.reduce((t, s, r) => {
         });
       }
     ));
-    const v = i.events.subscribe(
+    const v = n.events.subscribe(
       "conversation:updated",
       (g, p) => {
         l(p);
       }
     );
     return () => {
-      i.setComponentMountedState(!1), v(), i.active || l({ messages: [], typingActors: [], loading: !1 });
+      n.setComponentMountedState(!1), v(), n.active || l({ messages: [], typingActors: [], loading: !1 });
     };
   },
   { reuseController: !0 }
@@ -1020,15 +1037,15 @@ const ee = (o, e) => o.reduce((t, s, r) => {
   A.getInstance(o),
   o.getAsync("router")
 ]).then(
-  ([e, t, s]) => _(
+  ([e, t, s]) => H(
     o,
     "conversation-return-button",
     import("./return-button-3e542ab7.mjs"),
     (r) => {
-      r.actions.create("toggle", (n = {}) => {
+      r.actions.create("toggle", (i = {}) => {
         var a;
-        (a = t.getComponentRoute()) == null || a.then((i) => {
-          i && s.navigate(i.name, i.params);
+        (a = t.getComponentRoute()) == null || a.then((n) => {
+          n && s.navigate(n.name, n.params);
         });
       });
     }
@@ -1050,7 +1067,7 @@ export {
   S as ConversationEndedBehavior,
   J as ConversationEntry,
   te as ConversationMessageListItemType,
-  w as ConversationMessageType,
+  b as ConversationMessageType,
   A as ConversationPlatform,
   T as ConversationProvider,
   le as ConversationReturnButtonComponent,