@telia-ace/widget-conversation 1.0.34-experimental.2 → 1.0.34-experimental.21

package/dist/index.js

@@ -1,97 +1,88 @@
-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 K = Object.defineProperty, F = Object.defineProperties;
+var j = Object.getOwnPropertyDescriptors;
+var S = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var O = (r, e, t) => e in r ? K(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (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) && O(r, t, e[t]);
+  if (S)
+    for (var t of S(e))
+      B.call(e, t) && O(r, t, e[t]);
   return r;
-}, m = (r, e) => G(r, J(e));
-var $ = (r, e) => {
+}, g = (r, e) => F(r, j(e));
+var M = (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 && S)
+    for (var s of S(r))
+      e.indexOf(s) < 0 && B.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 u = (r, e, t) => new Promise((s, i) => {
+  var n = (c) => {
     try {
       o(t.next(c));
-    } catch (h) {
-      n(h);
+    } catch (d) {
+      i(d);
     }
   }, a = (c) => {
     try {
       o(t.throw(c));
-    } catch (h) {
-      n(h);
+    } catch (d) {
+      i(d);
     }
-  }, 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 { 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 { ComponentPlatform as Q } from "@telia-ace/widget-core";
+import { createStorageWriter as x, StorageCategory as W, readStorage as y, StorageMedium as b, StorageScope as G } from "@telia-ace/widget-services";
+import { uuid as L, lock as J } from "@telia-ace/widget-utilities";
+import { FormBuilder as V } from "@telia-ace/widget-forms";
+import { closeAllModals as $ } from "@telia-ace/widget-plugins";
+import { createWebComponent as Y, createReactComponent as X } from "@telia-ace/widget-ui";
 import { lazy as Z } from "react";
-class x {
+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, i) => {
+      const n = {
         name: this.name,
         avatar: this.avatar,
         id: this.id
-      }, n = D(e, t);
+      }, a = R(s, i);
       return this.provider.createEntry(
-        n.key,
-        n.content,
-        I.Agent,
-        s,
-        n.timestamp
+        a.key,
+        a.content,
+        C.Agent,
+        n,
+        a.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.typing = () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }), this.id = t.id || L(), 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 N {
   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 T(e, t, s);
+    return new N(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 I(this, p(p({}, s), e)) : new I(this, e);
       return s || (t = this.controller) == null || t.events.dispatch("conversation:agent-created", {
-        agent: n
-      }), n;
+        agent: i
+      }), i;
     }
   }
   print(e) {
@@ -106,9 +97,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;
@@ -147,11 +138,10 @@ class T {
     }
   }
 }
-const q = (r) => `conversation-${r}`;
+const U = (r) => `conversation-${r}`;
 class ee {
   constructor() {
-    d(this, "_locking", Promise.resolve());
-    d(this, "_locks", 0);
+    this._locking = Promise.resolve(), this._locks = 0;
   }
   isLocked() {
     return this._locks > 0;
@@ -159,8 +149,8 @@ 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;
@@ -168,24 +158,21 @@ class ee {
 }
 class te {
   constructor(e, t, s) {
-    d(this, "sessionStorageKey");
-    d(this, "locker", new ee());
-    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.locker = new ee(), this.initialStoredAgents = [], this.sessionStorageKey = U(t.id), t.onStarted(() => u(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), d = c > -1 ? t.registeredProviders[c] : t.createProvider(o.providerName), l = new I(d, { name: o.name, avatar: o.avatar, id: o.id });
+        n.push(l);
       });
       const { messages: a } = yield this.read();
       a.forEach((o) => {
         switch (o.type) {
           case "agent": {
-            const c = i.find((h) => {
-              var u;
-              return h.id === ((u = o.sender) == null ? void 0 : u.id);
+            const c = n.find((d) => {
+              var l;
+              return d.id === ((l = o.sender) == null ? void 0 : l.id);
             });
             c && c.print(o.content.items || o.content, {
               key: o.key
@@ -203,23 +190,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) => u(this, null, function* () {
+      this.write(n.message, "messages");
+    })), t.events.subscribe("conversation:agent-created", (i, n) => u(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) => u(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 ? g(p({}, o), {
+            name: n.agent.name,
+            avatar: n.agent.avatar
           }) : o)
         ],
         "agents",
@@ -231,7 +218,7 @@ class te {
     this.initialStoredAgents = e.agents;
   }
   isRehydrated() {
-    return v(this, null, function* () {
+    return u(this, null, function* () {
       const { messages: e } = yield this.read();
       return e.length > 0;
     });
@@ -241,43 +228,43 @@ class te {
       return this.initialStoredAgents.find((t) => t.id === e);
   }
   write(e, t, s = "add") {
-    return v(this, null, function* () {
+    return u(this, null, function* () {
       if (!this.enabled)
         return;
-      const n = yield this.locker.lock();
-      return N(
+      const i = yield this.locker.lock();
+      return x(
         this.container,
         this.sessionStorageKey,
-        R.Necessary
-      ).then((i) => v(this, null, function* () {
+        W.Necessary
+      ).then((n) => u(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 = p({}, a);
+          return t === "messages" ? o.messages = [...o.messages, e] : t === "agents" && (o.agents = [...o.agents, e]), n(p(p({}, a), o)).then(() => {
+            i();
           });
         }
         if (s === "update" && t === "agents") {
           const a = yield this.read();
-          return i(m(g({}, a), {
+          return n(g(p({}, 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 u(this, null, function* () {
+      return y(this.container, this.sessionStorageKey).then((e) => e || {
         messages: [],
         agents: []
       });
@@ -287,28 +274,27 @@ class te {
 const se = te;
 class re {
   constructor(e) {
-    d(this, "print", (e, t) => {
-      const s = D(e, t);
+    this.controller = e, this.print = (t, s) => {
+      const i = R(t, s);
       return this.controller.createEntry(
-        s.key,
-        s.content,
-        I.User,
+        i.key,
+        i.content,
+        C.User,
         void 0,
-        s.timestamp
+        i.timestamp
       );
-    });
-    this.controller = e;
+    };
   }
 }
-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 E = (r, e, t) => u(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];
     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] }
@@ -318,7 +304,7 @@ const W = (r, e, t) => v(void 0, null, function* () {
     });
   }
 });
-class ne {
+class ie {
   constructor(e) {
     this.writer = e;
   }
@@ -333,81 +319,68 @@ 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 C = /* @__PURE__ */ ((r) => (r.User = "user", r.Agent = "agent", r.System = "system", r))(C || {});
+const R = (r, e) => {
+  let t, s = (e == null ? void 0 : e.key) || L(), 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 = p({}, 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 = V.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 ne {
   constructor(e, t, s) {
-    d(this, "formHandlers", {});
-    d(this, "user", new re(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, "print", (e) => {
-      const t = D(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 = (n) => {
+      const a = R(n);
       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 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 se(e, this, s.rehydrate);
   }
   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 = N.create(e, this.container, this);
     return this.registeredProviders.push(s), s;
   }
   providerIndex(e) {
@@ -447,14 +420,14 @@ class ie {
     s > -1 && this.registeredProviders[s].setOptions(t);
   }
   changeProvider(e) {
-    this.registeredProviders.find((s) => s.name === e) && W(this.container, this.id, e);
+    this.registeredProviders.find((s) => s.name === e) && E(this.container, this.id, e);
   }
   queueProviders(e) {
     this.queuedProviders = e;
   }
   onCompleteProvider() {
     const e = this.queuedProviders.pop();
-    e && W(this.container, this.id, e);
+    e && E(this.container, this.id, e);
   }
   getComponentMountedState() {
     return this.componentMounted;
@@ -462,22 +435,22 @@ 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);
-    const o = new ne((c) => {
+    this.messages.push(a), a.type === "agent" && z(this.typingActors, i);
+    const o = new ie((c) => {
       if (c !== null) {
-        const h = c, { timestamp: u = void 0 } = h, f = $(h, ["timestamp"]);
-        a.content = f, u && (a.timestamp = u);
+        const d = c, { timestamp: l = void 0 } = d, m = M(d, ["timestamp"]);
+        a.content = m, 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();
     });
@@ -499,7 +472,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 +483,34 @@ class ie {
     };
   }
   submitForm(e, t) {
-    this.formHandlers[e] = m(g({}, this.formHandlers[e]), { submit: t });
+    this.formHandlers[e] = g(p({}, this.formHandlers[e]), { submit: t });
   }
   validateForm(e, t) {
-    this.formHandlers[e] = m(g({}, this.formHandlers[e]), { validate: t });
+    this.formHandlers[e] = g(p({}, this.formHandlers[e]), { validate: t });
   }
 }
 const oe = (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 };
+}, T = (r) => {
+  const e = r.get("$widget"), { name: t, implementation: s } = r.get("$widget"), i = t.indexOf("_contact") > -1 ? oe(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 };
 }, ae = (r) => {
-  const { chatWidget: e } = O(r);
+  const { chatWidget: e } = T(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));
+}, H = (r, e, t) => {
+  const { mainWidget: s, data: i, chatWidget: n } = T(r);
+  return n ? n.state === "activated" ? n.invoke("open").then(() => {
+    n.container.getAsync("conversation").then((a) => {
+      a.navigateToConversationIfActive(e.id).then(() => $(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",
@@ -550,45 +523,45 @@ const oe = (r, e) => {
         target: c,
         provider: "localStorage"
       });
-      const h = o.components().ofType("conversation");
+      const d = o.components().ofType("conversation");
       o.write({
         key: "setConversationProvider",
         attributes: {
           properties: { providers: [e.clientName] }
         },
-        target: h,
+        target: d,
         provider: "localStorage"
       });
     }));
-  }).then(() => i.invoke("attach", {
+  }).then(() => n.invoke("attach", {
     key: "contact-method",
     triggerDOMElement: t,
     withRenderState: "open"
-  })).then(() => (N(
-    i.container,
+  })).then(() => (x(
+    n.container,
     "activeStickyWidget",
-    R.Necessary,
+    W.Necessary,
     {
-      medium: w.Local,
-      scope: V.Implementation
+      medium: b.Local,
+      scope: G.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);
+  ).then((a) => a(n.name)), n.container.getAsync("conversation").then((a) => {
+    a.setConversationEndedBehavior(A.Deactivate);
+  }).then(() => $(r)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(A.Navigate))), !n);
 }, 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) => {
+  const { mainWidget: s, chatWidget: i } = T(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(A.Navigate)) == null || a.then(() => {
       s.container.getAsync("router").then((o) => {
         s.container.getAsync("components").then((c) => {
-          const h = c.components().ofType("conversation");
+          const d = c.components().ofType("conversation");
           c.write({
             key: "setConversationProvider",
             attributes: { properties: { providers: [e.clientName] } },
-            target: h,
+            target: d,
             provider: "localStorage"
           });
         }).then(() => {
@@ -597,39 +570,30 @@ const oe = (r, e) => {
       });
     });
   });
-}, P = "conversations";
-var C = /* @__PURE__ */ ((r) => (r.Deactivate = "deactivate", r.Navigate = "navigate", r.None = "none", r))(C || {});
-class k {
+}, w = "conversations";
+var A = /* @__PURE__ */ ((r) => (r.Deactivate = "deactivate", r.Navigate = "navigate", r.None = "none", r))(A || {});
+class P {
   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() {
-    N(this.container, P, R.Necessary, {
-      medium: w.Local
-    }).then((e) => this.storageWriter = e), b(this.container, P, w.Local).then(
+    x(this.container, w, W.Necessary, {
+      medium: b.Local
+    }).then((e) => this.storageWriter = e), y(this.container, w, b.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();
@@ -639,24 +603,24 @@ class k {
     this.subscriptions.push(e);
   }
   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));
+    return J(e)(() => e.getAsync(t).then((s) => {
+      let i = s;
+      return i || Q.getInstance(e).then((n) => (i = new P(e, n), i.initialize(), e.registerAsync(t, () => i), i));
     }));
   }
   navigateToConversationIfActive(e) {
-    return b(this.container, P, w.Local).then(
+    return y(this.container, w, b.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 y(this.container, w, b.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();
@@ -664,13 +628,13 @@ class k {
     );
   }
   createController(e, t) {
-    return v(this, null, function* () {
-      const s = q(e), { agents: n } = (yield b(
+    return u(this, null, function* () {
+      const s = U(e), { agents: i } = (yield y(
         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 ne(this.container, e, t), a.setInitialStorage({ agents: i || [] }), a;
     });
   }
   registerProvider(e, t) {
@@ -678,41 +642,41 @@ 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(
         e.onDispose((a, o) => {
-          const c = this.controllers.findIndex((h) => h.conversation === o);
+          const c = this.controllers.findIndex((d) => d.conversation === o);
           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 });
         })
       ), this.subscriptions.push(
         e.onProvidersChange((a, o) => {
-          const { added: c, removed: h = [] } = o;
-          h.forEach((u) => {
-            (this.disposeProviders[u] || []).forEach((f) => {
-              f();
+          const { added: c, removed: d = [] } = o;
+          d.forEach((l) => {
+            (this.disposeProviders[l] || []).forEach((m) => {
+              m();
             });
-          }), i(c);
+          }), n(c);
         })
       ), this.subscriptions.push(
         e.onStarted((a, o) => {
-          var h, u;
+          var d, l;
           const c = {
             id: e.id,
-            route: (h = this.router) == null ? void 0 : h.getRouteData(),
-            conversationEndedBehavior: (u = this.sessionInfo) == null ? void 0 : u.conversationEndedBehavior
+            route: (d = this.router) == null ? void 0 : d.getRouteData(),
+            conversationEndedBehavior: (l = this.sessionInfo) == null ? void 0 : l.conversationEndedBehavior
           };
           this.sessionInfo = c, this.storageWriter && this.storageWriter(c), this.writeToComponents({ active: o });
         })
@@ -720,9 +684,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 +704,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 y(this.container, w, b.Local).then(
       (e) => e == null ? void 0 : e.route
     );
   }
@@ -753,20 +717,20 @@ class k {
       e();
     }), this.controllers = [], this.providers = [];
   }
-  static handleContactMethodClick(e, t, s, n) {
-    return v(this, null, function* () {
+  static handleContactMethodClick(e, t, s, i) {
+    return u(this, null, function* () {
       if (ae(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)), H(t, s, n);
       }
-      Q(t, s);
+      H(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(
+    return u(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 ? E(
         e,
         t.body.form.meta.conversation.id,
         t.clientName
@@ -774,95 +738,95 @@ class k {
     });
   }
 }
-const de = (r, e) => r.reduce((t, s, n) => {
+const de = (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 = g(p({}, s), {
+    content: [g(p({}, s.content), { key: s.key })]
   });
-  if (t.length > 0 && s.type !== I.System) {
+  if (t.length > 0 && s.type !== C.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(g(p({}, s.content), { key: s.key })), t;
   }
-  return t.push(i), t;
+  return t.push(n), t;
 }, []), be = (r) => Promise.all([
-  k.getInstance(r),
+  P.getInstance(r),
   r.getAsync("router")
-]).then(([e, t]) => U(
+]).then(([e, t]) => Y(
   r,
   "conversation",
-  import("./conversation.bc31361a.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];
-        return o.setProviders(y), y;
+  import("./conversation-wrapper.bfcf4c5c.js"),
+  (s) => u(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), d = 3 * 60 * 1e3, l = (v) => {
+      const { providers: h = [] } = v;
+      if (h) {
+        const f = Array.isArray(h) ? h : [h];
+        return o.setProviders(f), f;
       }
     };
-    u(s.properties(u)), o.setComponentMountedState(!0);
-    const f = (p) => {
-      const { loading: l, typingActors: y, messages: S } = p;
+    l(s.properties(l)), o.setComponentMountedState(!0);
+    const m = (v) => {
+      const { loading: h, typingActors: f, messages: k } = v;
       s.writeProperties({
-        loading: l,
-        typingActors: y,
-        messages: de(S, h)
+        loading: h,
+        typingActors: f,
+        messages: de(k, d)
       });
     };
-    f(o.getMessageStream()), c && (s.writeProperties({ conversationControllerId: o.id }), s.actions.create("user-submit", (p, l) => {
-      if (l) {
-        const { preventDefault: y, validationPromise: S } = l;
-        if (y) {
-          S && S().then((_) => {
-            _ && o.user.print(_);
+    m(o.getMessageStream()), c && (s.writeProperties({ conversationControllerId: o.id }), s.actions.create("user-submit", (v, h) => {
+      if (h) {
+        const { preventDefault: f, validationPromise: k } = h;
+        if (f) {
+          k && k().then((D) => {
+            D && o.user.print(D);
           });
           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(v.text);
+    }), s.actions.create("user-typing", (v, h) => {
+    }), s.actions.create("form", (v, h) => {
+    }), s.actions.create("action", (v, h) => {
+    }), s.actions.create("overlay-mounted", (v, h) => {
+    }), s.actions.create("show-overlay", (v, h) => {
       s.writeProperties({
         overlay: { conversation: !1, secondary: !1 }
       });
-    }), s.actions.create("hide-overlay", (p, l) => {
+    }), s.actions.create("hide-overlay", (v, h) => {
       s.writeProperties({
         overlay: null
       });
-    }), s.actions.create("show-overlay-conversation", (p, l) => {
+    }), s.actions.create("show-overlay-conversation", (v, h) => {
       s.writeProperties({
         overlay: { conversation: !0, secondary: !1 }
       });
-    }), s.actions.create("hide-overlay-conversation", (p, l) => {
+    }), s.actions.create("hide-overlay-conversation", (v, h) => {
       s.writeProperties({
         overlay: { conversation: !1, secondary: !1 }
       });
     }));
-    const F = o.events.subscribe(
+    const q = o.events.subscribe(
       "conversation:updated",
-      (p, l) => {
-        f(l);
+      (v, h) => {
+        m(h);
       }
     );
     return () => {
-      o.setComponentMountedState(!1), F(), o.active || f({ messages: [], typingActors: [], loading: !1 });
+      o.setComponentMountedState(!1), q(), o.active || m({ messages: [], typingActors: [], loading: !1 });
     };
   }),
   { reuseController: !0 }
 )), we = (r) => Promise.all([
-  K.getInstance(r),
-  k.getInstance(r),
+  Q.getInstance(r),
+  P.getInstance(r),
   r.getAsync("router")
 ]).then(
-  ([e, t, s]) => U(
+  ([e, t, s]) => X(
     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);
@@ -872,8 +836,8 @@ 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 || {});
-const Pe = (r, e, t) => r.getAsync("componentResolver").then((s) => v(void 0, null, function* () {
-  (yield k.getInstance(r)).addSubscription(
+const Pe = (r, e, t) => r.getAsync("componentResolver").then((s) => u(void 0, null, function* () {
+  (yield P.getInstance(r)).addSubscription(
     s.registerComponent(
       e,
       Z(() => t)
@@ -882,12 +846,12 @@ const Pe = (r, e, t) => r.getAsync("componentResolver").then((s) => v(void 0, nu
 }));
 export {
   be as ConversationComponent,
-  ie as ConversationController,
-  C as ConversationEndedBehavior,
-  ne as ConversationEntry,
+  ne as ConversationController,
+  A as ConversationEndedBehavior,
+  ie as ConversationEntry,
   he as ConversationMessageListItemType,
-  I as ConversationMessageType,
-  k as ConversationPlatform,
+  C as ConversationMessageType,
+  P as ConversationPlatform,
   we as ConversationReturnButtonComponent,
   Pe as registerCustomMessageComponent
 };