@telia-ace/widget-conversation 1.0.27 → 1.0.28

package/dist/index.js

@@ -1,231 +1,271 @@
-var U = Object.defineProperty, F = Object.defineProperties;
-var _ = Object.getOwnPropertyDescriptors;
-var C = Object.getOwnPropertySymbols;
-var T = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
-var N = (i, t, e) => t in i ? U(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, p = (i, t) => {
-  for (var e in t || (t = {}))
-    T.call(t, e) && N(i, e, t[e]);
-  if (C)
-    for (var e of C(t))
-      D.call(t, e) && N(i, e, t[e]);
-  return i;
-}, g = (i, t) => F(i, _(t));
-var R = (i, t) => {
-  var e = {};
-  for (var s in i)
-    T.call(i, s) && t.indexOf(s) < 0 && (e[s] = i[s]);
-  if (i != null && C)
-    for (var s of C(i))
-      t.indexOf(s) < 0 && D.call(i, s) && (e[s] = i[s]);
-  return e;
+var L = Object.defineProperty, _ = Object.defineProperties;
+var F = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var x = (r, e, t) => e in r ? L(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, v = (r, e) => {
+  for (var t in e || (e = {}))
+    M.call(e, t) && x(r, t, e[t]);
+  if (P)
+    for (var t of P(e))
+      R.call(e, t) && x(r, t, e[t]);
+  return r;
+}, m = (r, e) => _(r, F(e));
+var D = (r, e) => {
+  var t = {};
+  for (var s in r)
+    M.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
+  if (r != null && P)
+    for (var s of P(r))
+      e.indexOf(s) < 0 && R.call(r, s) && (t[s] = r[s]);
+  return t;
 };
-var S = (i, t, e) => new Promise((s, r) => {
+var d = (r, e, t) => (x(r, typeof e != "symbol" ? e + "" : e, t), t);
+var A = (r, e, t) => new Promise((s, i) => {
   var n = (c) => {
     try {
-      a(e.next(c));
+      a(t.next(c));
     } catch (h) {
-      r(h);
+      i(h);
     }
   }, o = (c) => {
     try {
-      a(e.throw(c));
+      a(t.throw(c));
     } catch (h) {
-      r(h);
+      i(h);
     }
   }, a = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, o);
-  a((e = e.apply(i, t)).next());
+  a((t = t.apply(r, e)).next());
 });
 import { ComponentPlatform as H } from "@telia-ace/widget-core";
-import { createStorageWriter as z, StorageCategory as $, StorageMedium as m, StorageScope as L, readStorage as A } from "@telia-ace/widget-services";
-import { uuid as j, lock as G } from "@telia-ace/widget-utilities";
+import { createStorageWriter as $, StorageCategory as Q, StorageMedium as f, StorageScope as j, readStorage as S } from "@telia-ace/widget-services";
+import { uuid as q, lock as G } from "@telia-ace/widget-utilities";
 import { FormBuilder as J } from "@telia-ace/widget-forms";
-import { closeAllModals as M } from "@telia-ace/widget-plugins";
-import { createReactComponent as Q } from "@telia-ace/widget-ui";
+import { closeAllModals as O } from "@telia-ace/widget-plugins";
+import { createReactComponent as U } from "@telia-ace/widget-ui";
 import { lazy as K } from "react";
 class V {
-  constructor(t, e) {
-    this.provider = t, this.print = (s) => {
-      const r = { name: this.name, avatar: this.avatar }, n = x(s);
-      return this.provider.createEntry(n.key, n.content, E.Agent, r, n.timestamp);
-    }, this.typing = () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }), this.name = e.name, this.avatar = e.avatar;
+  constructor(e, t) {
+    d(this, "name");
+    d(this, "avatar");
+    d(this, "print", (e) => {
+      const t = { name: this.name, avatar: this.avatar }, s = W(e);
+      return this.provider.createEntry(
+        s.key,
+        s.content,
+        k.Agent,
+        t,
+        s.timestamp
+      );
+    });
+    d(this, "typing", () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }));
+    this.provider = e, this.name = t.name, this.avatar = t.avatar;
   }
-  update(t) {
-    const { name: e, avatar: s } = t;
-    s === null ? this.avatar = void 0 : s && (this.avatar = s), e === null ? this.name = void 0 : e && (this.name = e);
+  update(e) {
+    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);
   }
 }
-class k {
-  constructor(t, e, s) {
-    this.name = t, this.container = e, this.controller = s, this.subscriptions = [], this.user = s == null ? void 0 : s.user;
+class I {
+  constructor(e, t, s) {
+    d(this, "subscriptions", []);
+    d(this, "user");
+    this.name = e, this.container = t, this.controller = s, this.user = s == null ? void 0 : s.user;
   }
-  static create(t, e, s) {
-    return new k(t, e, s);
+  static create(e, t, s) {
+    return new I(e, t, s);
   }
-  createAgent(t = {}) {
+  createAgent(e = {}) {
     if (this.controller)
-      return new V(this, t);
+      return new V(this, e);
   }
-  print(t) {
-    var e;
-    return (e = this.controller) == null ? void 0 : e.print(t);
+  print(e) {
+    var t;
+    return (t = this.controller) == null ? void 0 : t.print(e);
   }
-  setTypingState(t, e) {
+  setTypingState(e, t) {
     var s;
-    return (s = this.controller) == null ? void 0 : s.setTypingState(t, e);
+    return (s = this.controller) == null ? void 0 : s.setTypingState(e, t);
   }
   loading() {
     return this.controller ? this.controller.loader() : () => () => {
     };
   }
-  createEntry(t, e, s, r, n) {
+  createEntry(e, t, s, i, n) {
     var o;
-    return (o = this.controller) == null ? void 0 : o.createEntry(t, e, s, r, n);
+    return (o = this.controller) == null ? void 0 : o.createEntry(e, t, s, i, n);
   }
   dispose() {
-    var t;
-    process.env.NODE_ENV !== "production" && console.log(`conversation-provider: dispose (${this.name})`), (t = this.controller) == null || t.disposeProvider(this), this.controller = null, this.subscriptions.forEach((e) => e());
-  }
-  onUnreadMessage(t) {
     var e;
+    process.env.NODE_ENV !== "production" && console.log(`conversation-provider: dispose (${this.name})`), (e = this.controller) == null || e.disposeProvider(this), this.controller = null, this.subscriptions.forEach((t) => t());
+  }
+  onUnreadMessage(e) {
+    var t;
     if (this.controller) {
-      const s = (e = this.controller) == null ? void 0 : e.onUnreadMessage(t);
+      const s = (t = this.controller) == null ? void 0 : t.onUnreadMessage(e);
       return this.subscriptions.push(s), () => {
         s();
       };
     }
   }
-  onMounted(t) {
-    var e;
+  onMounted(e) {
+    var t;
     if (this.controller) {
-      const s = (e = this.controller) == null ? void 0 : e.events.subscribe("conversation:component-mount-changed", t);
-      return this.subscriptions.push(s), t({}, this.controller.getComponentMountedState()), () => {
+      const s = (t = this.controller) == null ? void 0 : t.events.subscribe(
+        "conversation:component-mount-changed",
+        e
+      );
+      return this.subscriptions.push(s), e({}, this.controller.getComponentMountedState()), () => {
         s();
       };
     }
   }
 }
 class Y {
-  constructor(t) {
-    this.controller = t, this.print = (e) => {
-      const s = x(e);
-      return this.controller.createEntry(s.key, s.content, E.User, void 0, s.timestamp);
-    };
+  constructor(e) {
+    d(this, "print", (e) => {
+      const t = W(e);
+      return this.controller.createEntry(
+        t.key,
+        t.content,
+        k.User,
+        void 0,
+        t.timestamp
+      );
+    });
+    this.controller = e;
   }
 }
-class q {
-  constructor(t) {
-    this.writer = t;
+class X {
+  constructor(e) {
+    this.writer = e;
   }
-  update(t) {
-    const e = this.getNormalizedSettings(t);
-    this.writer(e);
+  update(e) {
+    const t = this.getNormalizedSettings(e);
+    this.writer(t);
   }
   remove() {
     this.writer(null);
   }
-  getNormalizedSettings(t) {
-    return typeof t == "string" ? { body: t } : t.length > -1 && typeof t == "object" ? { items: t } : t;
+  getNormalizedSettings(e) {
+    return typeof e == "string" ? { body: e } : e.length > -1 && typeof e == "object" ? { items: e } : e;
   }
 }
-var E = /* @__PURE__ */ ((i) => (i.User = "user", i.Agent = "agent", i.System = "system", i))(E || {});
-const x = (i) => {
-  let t, e = j(), s = Date.now();
-  if (i.length > -1 && typeof i == "object")
-    typeof i[0] == "string" ? t = { items: [i] } : t = { items: i };
-  else if (typeof i == "string")
-    t = { body: i };
-  else if (i = i, i.type)
-    t = p({}, i);
+var k = /* @__PURE__ */ ((r) => (r.User = "user", r.Agent = "agent", r.System = "system", r))(k || {});
+const W = (r) => {
+  let e, t = q(), s = Date.now();
+  if (Array.isArray(r) && r.length > -1)
+    typeof r[0] == "string" ? e = { items: [r] } : e = { items: r };
+  else if (typeof r == "string")
+    e = { body: r };
+  else if (r = r || {}, r.type)
+    e = v({}, r);
   else {
-    if (t = {
-      body: i.body,
-      actions: i.actions,
-      title: i.title
-    }, i.key && (e = i.key), i.timestamp && (s = i.timestamp), i.form) {
-      const r = J.create(e);
-      i.form(r);
-      const n = r.get();
-      t.form = n;
+    if (e = {
+      body: r.body,
+      actions: r.actions,
+      title: r.title
+    }, r.key && (t = r.key), r.timestamp && (s = r.timestamp), r.form) {
+      const i = J.create(t);
+      r.form(i);
+      const n = i.get();
+      e.form = n;
     }
-    i.timestamp === null && (s = null);
+    r.timestamp === null && (s = null);
   }
-  return { content: t, key: e, timestamp: s };
-}, O = (i, t) => {
-  if (!t)
+  return { content: e, key: t, timestamp: s };
+}, B = (r, e) => {
+  if (!e)
     return;
-  const e = JSON.stringify(t), s = i.findIndex((r) => e === JSON.stringify(r));
+  const t = JSON.stringify(e), s = r.findIndex((i) => t === JSON.stringify(i));
   if (s > -1)
-    return i.splice(s, 1);
+    return r.splice(s, 1);
 };
-class X {
-  constructor(t, e) {
-    this.container = t, this.id = e, this.formHandlers = {}, this.user = new Y(this), this.providers = [], this.active = !1, this.registeredProviders = [], this.loaders = 0, this.componentMounted = !1, this.messages = [], this.typingActors = [], this.print = (r) => {
-      const n = x(r);
-      return this.createEntry(n.key, n.content, "system", void 0, n.timestamp);
-    };
-    const s = t.get("$widget");
+class Z {
+  constructor(e, t) {
+    d(this, "formHandlers", {});
+    d(this, "user", new Y(this));
+    d(this, "events");
+    d(this, "providers", []);
+    d(this, "active", !1);
+    d(this, "registeredProviders", []);
+    d(this, "loaders", 0);
+    d(this, "componentMounted", !1);
+    d(this, "messages", []);
+    d(this, "typingActors", []);
+    d(this, "print", (e) => {
+      const t = W(e);
+      return this.createEntry(
+        t.key,
+        t.content,
+        "system",
+        void 0,
+        t.timestamp
+      );
+    });
+    this.container = e, this.id = t;
+    const s = e.get("$widget");
     this.events = s.events.createChild(this);
   }
-  setProviders(t) {
-    const e = [], s = [];
-    this.providers.reduce((r, n) => (t.indexOf(n) === -1 && r.push(n), r), []).forEach((r) => {
-      const n = this.providers.indexOf(r);
-      n > -1 && (e.push(r), this.providers.splice(n, 1));
-    }), t.forEach((r) => {
-      this.providers.indexOf(r) === -1 && (s.push(r), this.providers.push(r));
-    }), (s.length || e.length) && this.events.dispatch("conversation:providers-changed", { added: s, removed: e });
-  }
-  createProvider(t) {
-    const e = this.providerIndex(t);
-    if (e > -1)
-      return this.registeredProviders[e];
-    const s = k.create(t, this.container, this);
+  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));
+    }), (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 = I.create(e, this.container, this);
     return this.registeredProviders.push(s), s;
   }
-  providerIndex(t) {
-    return this.registeredProviders.findIndex((e) => e.name === t);
+  providerIndex(e) {
+    return this.registeredProviders.findIndex((t) => t.name === e);
   }
   dispose() {
-    this.registeredProviders.forEach((t) => t.dispose()), this.messages = [], this.events.dispatch("conversation:controller-disposed", this), this.active = !1;
+    this.registeredProviders.forEach((e) => e.dispose()), this.messages = [], this.events.dispatch("conversation:controller-disposed", this), this.active = !1;
   }
-  onDispose(t) {
-    return this.events.subscribe("conversation:controller-disposed", t);
+  onDispose(e) {
+    return this.events.subscribe("conversation:controller-disposed", e);
   }
-  onStarted(t) {
-    return this.events.subscribe("conversation:started", t);
+  onStarted(e) {
+    return this.events.subscribe("conversation:started", e);
   }
-  disposeProvider(t) {
-    const e = this.providerIndex(t.name);
-    e > -1 && this.registeredProviders.splice(e, 1), this.events.dispatch("conversation:providers-changed", { removed: [t.name] }), this.registeredProviders.length || this.dispose();
+  disposeProvider(e) {
+    const t = this.providerIndex(e.name);
+    t > -1 && this.registeredProviders.splice(t, 1), this.events.dispatch("conversation:providers-changed", { removed: [e.name] }), this.registeredProviders.length || this.dispose();
   }
-  onProvidersChange(t) {
-    return this.events.subscribe("conversation:providers-changed", t);
+  onProvidersChange(e) {
+    return this.events.subscribe("conversation:providers-changed", e);
   }
-  setComponentMountedState(t) {
-    this.componentMounted !== t && (this.componentMounted = t, t && (this.events.dispatch("conversation:unread-message", !1), this.events.dispatch("conversation:started", !0), this.active = !0), this.events.dispatch("conversation:component-mount-changed", t));
+  setComponentMountedState(e) {
+    this.componentMounted !== e && (this.componentMounted = e, e && (this.events.dispatch("conversation:unread-message", !1), this.events.dispatch("conversation:started", !0), this.active = !0), this.events.dispatch("conversation:component-mount-changed", e));
   }
   getComponentMountedState() {
     return this.componentMounted;
   }
-  onUnreadMessage(t) {
-    return this.events.subscribe("conversation:unread-message", t);
+  onUnreadMessage(e) {
+    return this.events.subscribe("conversation:unread-message", e);
   }
-  createEntry(t, e, s, r, n) {
+  createEntry(e, t, s, i, n) {
     const o = {
-      key: t,
-      content: e,
+      key: e,
+      content: t,
       type: s,
-      sender: r || null,
+      sender: i || null,
       timestamp: n || n === null ? n : Date.now()
     };
-    this.messages.push(o), o.type === "agent" && O(this.typingActors, r);
-    const a = new q((c) => {
+    this.messages.push(o), o.type === "agent" && B(this.typingActors, i);
+    const a = new X((c) => {
       if (c !== null) {
-        const h = c, { timestamp: d = void 0 } = h, f = R(h, ["timestamp"]);
-        o.content = f, d && (o.timestamp = d);
+        const h = c, { timestamp: l = void 0 } = h, y = D(h, ["timestamp"]);
+        o.content = y, l && (o.timestamp = l);
       } else {
-        const d = this.messages.indexOf(o);
-        o.content = null, d > -1 && this.messages.splice(d, 1);
+        const l = this.messages.indexOf(o);
+        o.content = null, l > -1 && this.messages.splice(l, 1);
       }
       this.events.dispatch("conversation:message-updated", { message: o }), this.update();
     });
@@ -245,44 +285,44 @@ class X {
       typingActors: this.typingActors
     };
   }
-  setTypingState(t, e) {
-    return this.typingActors.indexOf(t) === -1 && (this.typingActors.push(t), this.update()), () => {
-      O(this.typingActors, t), this.update();
+  setTypingState(e, t) {
+    return this.typingActors.indexOf(e) === -1 && (this.typingActors.push(e), this.update()), () => {
+      B(this.typingActors, e), this.update();
     };
   }
   loader() {
     this.loaders = this.loaders + 1;
-    let t = !1;
+    let e = !1;
     return this.loaders === 1 && this.update(), () => {
-      t || (t = !0, this.loaders = this.loaders - 1, this.loaders === 0 && this.update());
+      e || (e = !0, this.loaders = this.loaders - 1, this.loaders === 0 && this.update());
     };
   }
-  submitForm(t, e) {
-    this.formHandlers[t] = g(p({}, this.formHandlers[t]), { submit: e });
+  submitForm(e, t) {
+    this.formHandlers[e] = m(v({}, this.formHandlers[e]), { submit: t });
   }
-  validateForm(t, e) {
-    this.formHandlers[t] = g(p({}, this.formHandlers[t]), { validate: e });
+  validateForm(e, t) {
+    this.formHandlers[e] = m(v({}, this.formHandlers[e]), { validate: t });
   }
 }
-const Z = (i, t) => {
-  const e = i.split("_contact");
-  return t.widgets.get(e[0]);
-}, I = (i) => {
-  const t = i.get("$widget"), { name: e, implementation: s } = i.get("$widget"), r = e.indexOf("_contact") > -1 ? Z(e, s) : t, { data: n } = i.get("$settings"), { trigger: o } = r.container.get("$settings"), a = `${e.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(a);
-  return c && !o ? { chatWidget: c, mainWidget: r, data: n } : { mainWidget: r, data: n };
-}, tt = (i) => {
-  const { chatWidget: t } = I(i);
-  return !!t;
-}, B = (i, t, e) => {
-  const { mainWidget: s, data: r, chatWidget: n } = I(i);
+const ee = (r, e) => {
+  const t = r.split("_contact");
+  return e.widgets.get(t[0]);
+}, T = (r) => {
+  const e = r.get("$widget"), { name: t, implementation: s } = r.get("$widget"), i = t.indexOf("_contact") > -1 ? ee(t, s) : e, { data: n } = r.get("$settings"), { trigger: o } = i.container.get("$settings"), a = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(a);
+  return c && !o ? { chatWidget: c, mainWidget: i, data: n } : { mainWidget: i, data: n };
+}, te = (r) => {
+  const { chatWidget: e } = T(r);
+  return !!e;
+}, z = (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((o) => {
-      o.navigateToConversationIfActive(t.id).then(() => M(i));
+      o.navigateToConversationIfActive(e.id).then(() => O(r));
     });
   }) : n.activate().then(() => {
     const { trigger: o } = n.container.get("$settings");
     return o.action = "hide", n.invoke("setSettings", () => ({
-      data: r,
+      data: i,
       trigger: o,
       activate: !0
     })).then(() => n.container.getAsync("components").then((a) => {
@@ -291,8 +331,8 @@ const Z = (i, t) => {
         key: "setContactMethodId",
         attributes: {
           properties: {
-            id: t.id,
-            guideId: t.guideId
+            id: e.id,
+            guideId: e.guideId
           }
         },
         target: c,
@@ -302,7 +342,7 @@ const Z = (i, t) => {
       a.write({
         key: "setConversationProvider",
         attributes: {
-          properties: { providers: [t.clientName] }
+          properties: { providers: [e.clientName] }
         },
         target: h,
         provider: "localStorage"
@@ -310,250 +350,322 @@ const Z = (i, t) => {
     }));
   }).then(() => n.invoke("attach", {
     key: "contact-method",
-    triggerDOMElement: e,
+    triggerDOMElement: t,
     withRenderState: "open"
-  })).then(() => (z(n.container, "activeStickyWidget", $.Necessary, {
-    medium: m.Local,
-    scope: L.Implementation
-  }).then((o) => o(n.name)), n.container.getAsync("conversation").then((o) => {
-    o.setConversationEndedBehavior(P.Deactivate);
-  }).then(() => M(i)).then(() => !1))) : (s.container.getAsync("conversation").then((o) => o.navigateToConversationIfActive(t.id).then(() => o.setConversationEndedBehavior(P.Navigate))), !n);
-}, et = (i, t, e = "conversation") => {
-  const { mainWidget: s, chatWidget: r } = I(i);
-  return r ? r.container.getAsync("router").then((n) => {
-    n.navigate(e, { id: t.id });
+  })).then(() => ($(
+    n.container,
+    "activeStickyWidget",
+    Q.Necessary,
+    {
+      medium: f.Local,
+      scope: j.Implementation
+    }
+  ).then((o) => o(n.name)), n.container.getAsync("conversation").then((o) => {
+    o.setConversationEndedBehavior(E.Deactivate);
+  }).then(() => O(r)).then(() => !1))) : (s.container.getAsync("conversation").then((o) => o.navigateToConversationIfActive(e.id).then(() => o.setConversationEndedBehavior(E.Navigate))), !n);
+}, se = (r, e, t = "conversation") => {
+  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 o;
-    (o = n.setConversationEndedBehavior(P.Navigate)) == null || o.then(() => {
+    (o = n.setConversationEndedBehavior(E.Navigate)) == null || o.then(() => {
       s.container.getAsync("router").then((a) => {
         s.container.getAsync("components").then((c) => {
           const h = c.components().ofType("conversation");
           c.write({
             key: "setConversationProvider",
-            attributes: { properties: { providers: [t.clientName] } },
+            attributes: { properties: { providers: [e.clientName] } },
             target: h,
             provider: "localStorage"
           });
         }).then(() => {
-          a.navigate(e, { id: t.id });
+          a.navigate(t, { id: e.id });
         });
       });
     });
   });
-}, y = "conversations";
-var P = /* @__PURE__ */ ((i) => (i.Deactivate = "deactivate", i.Navigate = "navigate", i.None = "none", i))(P || {});
-class b {
-  constructor(t, e) {
-    this.container = t, this.components = e, this.controllers = [], this.providers = [], this.disposeProviders = {}, this.subscriptions = [], this.storageWriter = null, this.router = null, this.buttonQuery = null, this.sessionInfo = null;
-    const s = t.get("$widget");
+}, b = "conversations";
+var E = /* @__PURE__ */ ((r) => (r.Deactivate = "deactivate", r.Navigate = "navigate", r.None = "none", r))(E || {});
+class w {
+  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;
+    const s = e.get("$widget");
     this.events = s.events.createChild(this);
   }
   initialize() {
-    z(this.container, y, $.Necessary, {
-      medium: m.Local
-    }).then((t) => this.storageWriter = t), A(this.container, y, m.Local).then((t) => {
-      this.buttonQuery = this.components.components().ofType("conversation-return-button"), t && (this.sessionInfo = t, t.id && t.route && this.writeToComponents({ active: !0, alert: { show: !1 } }));
-    }), this.container.getAsync("router").then((t) => this.router = t), this.events.subscribe("conversation:ended", (t, e) => {
-      var s, r, n;
+    $(this.container, b, Q.Necessary, {
+      medium: f.Local
+    }).then((e) => this.storageWriter = e), S(this.container, b, f.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;
       switch ((s = this.sessionInfo) == null ? void 0 : s.conversationEndedBehavior) {
         case "deactivate":
           this.container.get("$widget").deactivate();
           break;
         case "navigate":
-          const a = (r = this.router) == null ? void 0 : r.getInitialRoute();
+          const a = (i = this.router) == null ? void 0 : i.getInitialRoute();
           a && ((n = this.router) == null || n.navigate(a.name));
           break;
       }
       this.writeToComponents({ active: !1 }), this.sessionInfo = null, this.storageWriter && this.storageWriter();
     });
   }
-  addSubscription(t) {
-    this.subscriptions.push(t);
+  addSubscription(e) {
+    this.subscriptions.push(e);
   }
-  static getInstance(t, e = "conversation") {
-    return G(t)(() => t.getAsync(e).then((s) => {
-      let r = s;
-      return r || H.getInstance(t).then((n) => (r = new b(t, n), r.initialize(), t.registerAsync(e, () => r), r));
+  static getInstance(e, t = "conversation") {
+    return G(e)(() => e.getAsync(t).then((s) => {
+      let i = s;
+      return i || H.getInstance(e).then((n) => (i = new w(e, n), i.initialize(), e.registerAsync(t, () => i), i));
     }));
   }
-  navigateToConversationIfActive(t) {
-    return A(this.container, y, m.Local).then((e) => {
-      var s;
-      if (e && e.id === t && e.route) {
-        const { name: r, params: n } = e.route;
-        (s = this.router) == null || s.navigate(r, n);
+  navigateToConversationIfActive(e) {
+    return S(this.container, b, f.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);
+        }
       }
-    });
+    );
   }
-  setConversationEndedBehavior(t) {
-    return A(this.container, y, m.Local).then((e) => {
-      let s = e;
-      return s ? s.conversationEndedBehavior = t : s = { conversationEndedBehavior: t }, this.sessionInfo = s, this.storageWriter && this.storageWriter(this.sessionInfo) || Promise.resolve();
-    });
+  setConversationEndedBehavior(e) {
+    return S(this.container, b, f.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();
+      }
+    );
   }
-  createController(t) {
-    const e = this.controllers.findIndex((s) => s.conversation.id === t);
-    return e > -1 ? this.controllers[e].conversation : new X(this.container, t);
+  createController(e) {
+    const t = this.controllers.findIndex((s) => s.conversation.id === e);
+    return t > -1 ? this.controllers[t].conversation : new Z(this.container, e);
   }
-  registerProvider(t, e) {
+  registerProvider(e, t) {
     const s = {
-      name: t,
-      handler: e
+      name: e,
+      handler: t
     };
-    this.providers.push(s), this.controllers.filter((r) => r.conversation.providers.indexOf(t) > -1).forEach((r) => {
-      this.invokeHandler(s, r);
+    this.providers.push(s), this.controllers.filter((i) => i.conversation.providers.indexOf(e) > -1).forEach((i) => {
+      this.invokeHandler(s, i);
     });
   }
-  registerController(t, e) {
-    const s = this.controllers.findIndex((n) => n.conversation.id === t.id);
-    let r;
+  registerController(e, t) {
+    const s = this.controllers.findIndex((n) => n.conversation.id === e.id);
+    let i;
     if (s < 0) {
-      r = { conversation: t, component: e }, this.controllers.push(r);
+      i = { conversation: e, component: t }, this.controllers.push(i);
       const n = (o) => {
         o && this.providers.filter((a) => o.indexOf(a.name) > -1).forEach((a) => {
-          this.invokeHandler(a, r);
+          this.invokeHandler(a, i);
         });
       };
-      return this.subscriptions.push(t.onDispose((o, a) => {
-        const c = this.controllers.findIndex((h) => h.conversation === a);
-        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(t.onProvidersChange((o, a) => {
-        const { added: c, removed: h } = a;
-        h.forEach((d) => {
-          this.disposeProviders[d].forEach((f) => {
-            f();
-          });
-        }), n(c);
-      })), this.subscriptions.push(t.onStarted((o, a) => {
-        var h, d;
-        const c = {
-          id: t.id,
-          route: (h = this.router) == null ? void 0 : h.getRouteData(),
-          conversationEndedBehavior: (d = this.sessionInfo) == null ? void 0 : d.conversationEndedBehavior
-        };
-        this.sessionInfo = c, this.storageWriter && this.storageWriter(c), this.writeToComponents({ active: a });
-      })), this.subscriptions.push(t.onUnreadMessage((o, a) => {
-        this.events.dispatch("conversation:unread-message", a), this.writeToComponents({ alert: { show: a } });
-      })), n(t.providers), !0;
+      return this.subscriptions.push(
+        e.onDispose((o, a) => {
+          const c = this.controllers.findIndex((h) => h.conversation === a);
+          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((o, a) => {
+          const { added: c, removed: h } = a;
+          h.forEach((l) => {
+            this.disposeProviders[l].forEach((y) => {
+              y();
+            });
+          }), n(c);
+        })
+      ), this.subscriptions.push(
+        e.onStarted((o, a) => {
+          var h, l;
+          const c = {
+            id: e.id,
+            route: (h = this.router) == null ? void 0 : h.getRouteData(),
+            conversationEndedBehavior: (l = this.sessionInfo) == null ? void 0 : l.conversationEndedBehavior
+          };
+          this.sessionInfo = c, this.storageWriter && this.storageWriter(c), this.writeToComponents({ active: a });
+        })
+      ), this.subscriptions.push(
+        e.onUnreadMessage((o, a) => {
+          this.events.dispatch("conversation:unread-message", a), this.writeToComponents({ alert: { show: a } });
+        })
+      ), n(e.providers), !0;
     }
-    return r = this.controllers[s], !1;
+    return i = this.controllers[s], !1;
   }
-  writeToComponents(t, e = "conversationReturnButtonState") {
+  writeToComponents(e, t = "conversationReturnButtonState") {
     this.buttonQuery && this.components.write({
       key: "conversationReturnButtonState",
-      attributes: { properties: t },
+      attributes: { properties: e },
       target: this.buttonQuery,
       provider: "localStorage"
     });
   }
-  invokeHandler(t, e) {
-    const s = t.handler(e.conversation.createProvider(t.name), e.component);
-    s && (this.disposeProviders[t.name] || (this.disposeProviders[t.name] = []), this.disposeProviders[t.name].push(s));
+  invokeHandler(e, t) {
+    const s = e.handler(
+      t.conversation.createProvider(e.name),
+      t.component
+    );
+    s && (this.disposeProviders[e.name] || (this.disposeProviders[e.name] = []), this.disposeProviders[e.name].push(s));
   }
   getComponentRoute() {
-    return A(this.container, y, m.Local).then((t) => t == null ? void 0 : t.route);
+    return S(this.container, b, f.Local).then(
+      (e) => e == null ? void 0 : e.route
+    );
   }
   dispose() {
-    Object.keys(this.disposeProviders).forEach((t) => {
-      this.disposeProviders[t].forEach((e) => {
-        e();
+    Object.keys(this.disposeProviders).forEach((e) => {
+      this.disposeProviders[e].forEach((t) => {
+        t();
       });
-    }), this.subscriptions.forEach((t) => {
-      t();
+    }), this.subscriptions.forEach((e) => {
+      e();
     }), this.controllers = [], this.providers = [];
   }
-  static handleContactMethodClick(t, e, s, r) {
-    return S(this, null, function* () {
-      if (tt(e)) {
-        t.preventDefault();
+  static handleContactMethodClick(e, t, s, i) {
+    return A(this, null, function* () {
+      if (te(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)), B(e, s, n);
+        n || (n = document.createElement("a"), n.setAttribute("href", "#"), n.id = "humany-dynamic-anchor", document.body.appendChild(n)), z(t, s, n);
       }
-      B(e, s);
+      z(t, s);
     });
   }
-  static handleContactMethodSubmit(t, e) {
-    return S(this, null, function* () {
-      return et(t, e);
+  static handleContactMethodSubmit(e, t) {
+    return A(this, null, function* () {
+      return se(e, t);
     });
   }
 }
-var st = /* @__PURE__ */ ((i) => (i.Header = "header", i.LinkList = "link-list", i.Separator = "separator", i.NoGoodAlternative = "no-good-alternative", i.ButtonList = "button-list", i.Text = "text", i.HTML = "html", i.FeedbackList = "feedback-list", i))(st || {});
-const it = (i, t) => i.reduce((e, s, r) => {
+const re = (r, e) => r.reduce((t, s, i) => {
   var o, a;
-  const n = g(p({}, s), {
-    content: [g(p({}, s.content), { key: s.key })]
+  const n = m(v({}, s), {
+    content: [m(v({}, s.content), { key: s.key })]
   });
-  if (e.length > 0 && s.type !== E.System) {
-    const c = e[e.length - 1];
-    if ((!t && t !== 0 || Math.abs(c.timestamp - s.timestamp) < t) && ((o = c.sender) == null ? void 0 : o.name) === ((a = s.sender) == null ? void 0 : a.name) && c.type === s.type)
-      return c.timestamp = s.timestamp, c.content.push(g(p({}, s.content), { key: s.key })), e;
-  }
-  return e.push(n), e;
-}, []), lt = (i) => Promise.all([
-  b.getInstance(i),
-  i.getAsync("router")
-]).then(([t, e]) => Q(i, "conversation", import("./conversation.70c6987f.js"), (s) => {
-  const n = e.getRouteData().params.id || s.node.name || "component", o = t.createController(n), a = t.registerController(o, s), c = 3 * 60 * 1e3, h = (l) => {
-    const { providers: u = [] } = l;
-    if (u) {
-      const v = Array.isArray(u) ? u : [u];
-      return o.setProviders(v), v;
-    }
-  };
-  h(s.properties(h)), o.setComponentMountedState(!0);
-  const d = (l) => {
-    const { loading: u, typingActors: v, messages: w } = l;
-    s.writeProperties({
-      loading: u,
-      typingActors: v,
-      messages: it(w, c)
-    });
-  };
-  d(o.getMessageStream()), a && (s.actions.create("user-submit", (l, u) => {
-    if (u) {
-      const { preventDefault: v, validationPromise: w } = u;
-      if (v) {
-        w && w().then((W) => {
-          W && o.user.print(W);
-        });
-        return;
+  if (t.length > 0 && s.type !== k.System) {
+    const c = t[t.length - 1];
+    if ((!e && e !== 0 || Math.abs(c.timestamp - s.timestamp) < e) && ((o = c.sender) == null ? void 0 : o.name) === ((a = s.sender) == null ? void 0 : a.name) && c.type === s.type)
+      return c.timestamp = s.timestamp, c.content.push(m(v({}, s.content), { key: s.key })), t;
+  }
+  return t.push(n), t;
+}, []), pe = (r) => Promise.all([
+  w.getInstance(r),
+  r.getAsync("router")
+]).then(([e, t]) => U(
+  r,
+  "conversation",
+  import("./conversation.d7aad569.js"),
+  (s) => {
+    const n = t.getRouteData().params.id || s.node.name || "component", o = e.createController(n), a = e.registerController(o, s), c = 3 * 60 * 1e3, h = (p) => {
+      const { providers: u = [] } = p;
+      if (u) {
+        const g = Array.isArray(u) ? u : [u];
+        return o.setProviders(g), g;
       }
+    };
+    h(s.properties(h)), o.setComponentMountedState(!0);
+    const l = (p) => {
+      const { loading: u, typingActors: g, messages: C } = p;
+      s.writeProperties({
+        loading: u,
+        typingActors: g,
+        messages: re(C, c)
+      });
+    };
+    l(o.getMessageStream()), a && (s.actions.create("user-submit", (p, u) => {
+      if (u) {
+        const { preventDefault: g, validationPromise: C } = u;
+        if (g) {
+          C && C().then((N) => {
+            N && o.user.print(N);
+          });
+          return;
+        }
+      }
+      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", (p, u) => {
+      s.writeProperties({
+        overlay: null
+      });
+    }), s.actions.create("show-overlay-conversation", (p, u) => {
+      s.writeProperties({
+        overlay: { conversation: !0, secondary: !1 }
+      });
+    }), s.actions.create("hide-overlay-conversation", (p, u) => {
+      s.writeProperties({
+        overlay: { conversation: !1, secondary: !1 }
+      });
+    }));
+    const y = o.events.subscribe(
+      "conversation:updated",
+      (p, u) => {
+        l(u);
+      }
+    );
+    return () => {
+      o.setComponentMountedState(!1), y(), o.active || l({ messages: [], typingActors: [], loading: !1 });
+    };
+  },
+  { reuseController: !0 }
+)), ve = (r) => Promise.all([
+  H.getInstance(r),
+  w.getInstance(r),
+  r.getAsync("router")
+]).then(
+  ([e, t, s]) => U(
+    r,
+    "conversation-return-button",
+    import("./return-button.9c517bbe.js"),
+    (i) => {
+      i.actions.create("toggle", (n = {}) => {
+        var o;
+        (o = t.getComponentRoute()) == null || o.then((a) => {
+          a && s.navigate(a.name, a.params);
+        });
+      });
     }
-    o.user.print(l.text);
-  }), s.actions.create("user-typing", (l, u) => {
-  }), s.actions.create("form", (l, u) => {
-  }), s.actions.create("action", (l, u) => {
-  }));
-  const f = o.events.subscribe("conversation:updated", (l, u) => {
-    d(u);
-  });
-  return () => {
-    o.setComponentMountedState(!1), f(), o.active || d({ messages: [], typingActors: [], loading: !1 });
-  };
-}, { reuseController: !0 })), pt = (i) => Promise.all([
-  H.getInstance(i),
-  b.getInstance(i),
-  i.getAsync("router")
-]).then(([t, e, s]) => Q(i, "conversation-return-button", import("./return-button.8773c0de.js"), (r) => {
-  r.actions.create("toggle", (n = {}) => {
-    var o;
-    (o = e.getComponentRoute()) == null || o.then((a) => {
-      a && s.navigate(a.name, a.params);
-    });
-  });
-})), vt = (i, t, e) => i.getAsync("componentResolver").then((s) => S(void 0, null, function* () {
-  (yield b.getInstance(i)).addSubscription(s.registerComponent(t, K(() => e)));
+  )
+);
+var ne = /* @__PURE__ */ ((r) => (r.LinkList = "link-list", r.Separator = "separator", r.ButtonList = "button-list", r.Text = "text", r.HTML = "html", r.VideoRequest = "video-request", r))(ne || {});
+const ge = (r, e, t) => r.getAsync("componentResolver").then((s) => A(void 0, null, function* () {
+  (yield w.getInstance(r)).addSubscription(
+    s.registerComponent(
+      e,
+      K(() => t)
+    )
+  );
 }));
 export {
-  lt as ConversationComponent,
-  X as ConversationController,
-  P as ConversationEndedBehavior,
-  q as ConversationEntry,
-  st as ConversationMessageListItemType,
-  E as ConversationMessageType,
-  b as ConversationPlatform,
-  pt as ConversationReturnButtonComponent,
-  vt as registerCustomMessageComponent
+  pe as ConversationComponent,
+  Z as ConversationController,
+  E as ConversationEndedBehavior,
+  X as ConversationEntry,
+  ne as ConversationMessageListItemType,
+  k as ConversationMessageType,
+  w as ConversationPlatform,
+  ve as ConversationReturnButtonComponent,
+  ge as registerCustomMessageComponent
 };
 //# sourceMappingURL=index.js.map