@telia-ace/widget-conversation 1.0.37-next.2 → 1.0.37

package/dist/index.js

@@ -1,42 +1,42 @@
-var j = Object.defineProperty, G = Object.defineProperties;
+var F = Object.defineProperty, G = Object.defineProperties;
 var J = Object.getOwnPropertyDescriptors;
 var x = Object.getOwnPropertySymbols;
 var $ = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var T = (r, e, t) => e in r ? j(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, m = (r, e) => {
+var T = (i, e, t) => e in i ? F(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, m = (i, e) => {
   for (var t in e || (e = {}))
-    $.call(e, t) && T(r, t, e[t]);
+    $.call(e, t) && T(i, t, e[t]);
   if (x)
     for (var t of x(e))
-      _.call(e, t) && T(r, t, e[t]);
-  return r;
-}, b = (r, e) => G(r, J(e));
-var B = (r, e) => {
+      _.call(e, t) && T(i, t, e[t]);
+  return i;
+}, b = (i, e) => G(i, J(e));
+var B = (i, e) => {
   var t = {};
-  for (var s in r)
-    $.call(r, s) && e.indexOf(s) < 0 && (t[s] = r[s]);
-  if (r != null && x)
-    for (var s of x(r))
-      e.indexOf(s) < 0 && _.call(r, s) && (t[s] = r[s]);
+  for (var s in i)
+    $.call(i, s) && e.indexOf(s) < 0 && (t[s] = i[s]);
+  if (i != null && x)
+    for (var s of x(i))
+      e.indexOf(s) < 0 && _.call(i, s) && (t[s] = i[s]);
   return t;
 };
-var d = (r, e, t) => (T(r, typeof e != "symbol" ? e + "" : e, t), t);
-var v = (r, e, t) => new Promise((s, i) => {
+var d = (i, e, t) => (T(i, typeof e != "symbol" ? e + "" : e, t), t);
+var v = (i, e, t) => new Promise((s, r) => {
   var n = (c) => {
     try {
       o(t.next(c));
     } catch (h) {
-      i(h);
+      r(h);
     }
   }, a = (c) => {
     try {
       o(t.throw(c));
     } catch (h) {
-      i(h);
+      r(h);
     }
   }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, a);
-  o((t = t.apply(r, e)).next());
+  o((t = t.apply(i, e)).next());
 });
-import { ComponentPlatform as K } from "@telia-ace/widget-core";
+import { ComponentPlatform as Q } from "@telia-ace/widget-core";
 import { createStorageWriter as D, StorageCategory as N, readStorage as w, StorageMedium as A, StorageScope as V } from "@telia-ace/widget-services";
 import { uuid as U, lock as Y } from "@telia-ace/widget-utilities";
 import { FormBuilder as X } from "@telia-ace/widget-forms";
@@ -48,18 +48,18 @@ class ee {
     d(this, "cache", /* @__PURE__ */ new Map());
     d(this, "subscriptions", []);
     this.controller = e;
-    const { events: t } = e.container.get("$widget"), s = t.subscribe("data-client:fetched", (i, n) => {
+    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);
     });
     this.subscriptions.push(s);
   }
   getConversationLogs() {
     return this.controller.messages.reduce((t, s) => {
-      const i = I(s), { key: n, content: a, type: o, sender: c, timestamp: h } = i.content, u = this.parseEntry(a, o, c, h);
+      const r = I(s), { key: n, content: a, type: o, sender: c, timestamp: h } = r.content, u = this.parseEntry(a, o, c, h);
       return u && t.push(u), t;
     }, []);
   }
-  parseEntry(e, t, s, i) {
+  parseEntry(e, t, s, r) {
     const n = (h) => {
       let u = [], l = [], f;
       if (Array.isArray(h)) {
@@ -89,7 +89,7 @@ class ee {
 `) : void 0,
       source: this.createMessageSource(t),
       alias: this.createAlias(t, s),
-      timestamp: i
+      timestamp: r
     };
   }
   createMessageSource(e) {
@@ -108,21 +108,24 @@ class ee {
   getDetails(e, t = !0) {
     if (!e)
       return "";
-    const { header: s, title: i, label: n, description: a, text: o, html: c, body: h, contactMethodId: u } = e;
+    const { header: s, title: r, label: n, description: a, text: o, html: c, body: h, contactMethodId: u } = e;
     let l = "";
     if (u) {
       const f = this.handleContactMethod(u.toString());
       f && (l = this.appendText(l, f, t));
     }
-    return s && (l = this.appendText(l, s, t)), i && (l = this.appendText(l, i, t)), a && (l = this.appendText(l, a, t)), o && (l = this.appendText(l, o, t)), n && (l = this.appendText(l, n, t)), c && (l = this.appendText(l, c, t)), h && typeof h == "string" && (l = this.appendText(l, h, t)), l;
+    return s && (l = this.appendText(l, s, t)), r && (l = this.appendText(l, r, t)), a && (l = this.appendText(l, a, t)), o && (l = this.appendText(l, o, t)), n && (l = this.appendText(l, n, t)), c && (l = this.appendText(l, c, t)), h && typeof h == "string" && (l = this.appendText(l, h, t)), l;
   }
   createMessageContent(e) {
     let t = "";
     return t = this.getDetails(e), t;
   }
   createMessageOptions(e) {
-    let t = [];
-    return e != null && e.actions && (t = e.actions.map((s) => this.getDetails(s, !1))), t;
+    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]) => ({
+      actionKey: r,
+      label: n
+    }))), s.length && (t = s.map((r) => this.getDetails(r, !1))), t;
   }
   appendText(e, t, s = !0) {
     return s && e.length ? `${e}
@@ -144,27 +147,27 @@ class M {
         name: this.name,
         avatar: this.avatar,
         id: this.id
-      }, i = I(e, t);
+      }, r = I(e, t);
       return this.provider.createEntry(
-        i.key,
-        i.content,
+        r.key,
+        r.content,
         S.Agent,
         s,
-        i.timestamp
+        r.timestamp
       );
     });
     d(this, "typing", () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }));
     this.provider = e, this.id = t.id || U(), this.name = t.name, this.avatar = t.avatar;
   }
   update(e) {
-    var i;
+    var r;
     const { name: t, avatar: s } = e;
-    s === null ? this.avatar = void 0 : s && (this.avatar = s), t === null ? this.name = void 0 : t && (this.name = t), (i = this.provider.controller) == null || i.events.dispatch("conversation:agent-updated", {
+    s === null ? this.avatar = void 0 : s && (this.avatar = s), t === null ? this.name = void 0 : t && (this.name = t), (r = this.provider.controller) == null || r.events.dispatch("conversation:agent-updated", {
       agent: this
     });
   }
 }
-class R {
+class O {
   constructor(e, t, s) {
     d(this, "subscriptions", []);
     d(this, "options");
@@ -174,15 +177,15 @@ class R {
     };
   }
   static create(e, t, s) {
-    return new R(e, t, s);
+    return new O(e, t, s);
   }
   createAgent(e = {}) {
     var t;
     if (this.controller) {
-      const s = this.controller.getAgentById(e.id), i = s ? new M(this, m(m({}, s), e)) : new M(this, e);
+      const s = this.controller.getAgentById(e.id), r = s ? new M(this, m(m({}, s), e)) : new M(this, e);
       return s || (t = this.controller) == null || t.events.dispatch("conversation:agent-created", {
-        agent: i
-      }), i;
+        agent: r
+      }), r;
     }
   }
   print(e) {
@@ -197,9 +200,9 @@ class R {
     return this.controller ? this.controller.loader() : () => () => {
     };
   }
-  createEntry(e, t, s, i, n) {
+  createEntry(e, t, s, r, n) {
     var a;
-    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, i, n);
+    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, n);
   }
   dispose() {
     var e;
@@ -242,7 +245,7 @@ class R {
     }
   }
 }
-const F = (r) => `conversation-${r}`;
+const j = (i) => `conversation-${i}`;
 class te {
   constructor() {
     d(this, "_locking", Promise.resolve());
@@ -254,8 +257,8 @@ class te {
   lock() {
     this._locks += 1;
     let e, t = new Promise(
-      (i) => e = () => {
-        this._locks -= 1, i();
+      (r) => e = () => {
+        this._locks -= 1, r();
       }
     ), s = this._locking.then(() => e);
     return this._locking = this._locking.then(() => t), s;
@@ -266,11 +269,11 @@ class se {
     d(this, "sessionStorageKey");
     d(this, "locker", new te());
     d(this, "initialStoredAgents", []);
-    this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = F(t.id), t.onStarted(() => v(this, null, function* () {
+    this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = j(t.id), t.onStarted(() => v(this, null, function* () {
       if (t.messages.length > 0)
         return;
-      const { agents: i } = yield this.read(), n = [];
-      i && i.forEach((o) => {
+      const { agents: r } = yield this.read(), n = [];
+      r && r.forEach((o) => {
         const c = t.providerIndex(o.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(o.providerName), u = new M(h, { name: o.name, avatar: o.avatar, id: o.id });
         n.push(u);
       });
@@ -298,9 +301,9 @@ class se {
             t.print(o.content.items || o.content);
         }
       });
-    })), t.onMessageCreated((i, n) => v(this, null, function* () {
+    })), t.onMessageCreated((r, n) => v(this, null, function* () {
       this.write(n.message, "messages");
-    })), t.events.subscribe("conversation:agent-created", (i, n) => v(this, null, function* () {
+    })), t.events.subscribe("conversation:agent-created", (r, n) => v(this, null, function* () {
       const a = {
         id: n.agent.id,
         name: n.agent.name,
@@ -308,7 +311,7 @@ class se {
         providerName: n.agent.provider.name
       };
       yield this.write(a, "agents");
-    })), t.events.subscribe("conversation:agent-updated", (i, n) => v(this, null, function* () {
+    })), t.events.subscribe("conversation:agent-updated", (r, n) => v(this, null, function* () {
       const { agents: a } = yield this.read();
       yield this.write(
         [
@@ -339,7 +342,7 @@ class se {
     return v(this, null, function* () {
       if (!this.enabled)
         return;
-      const i = yield this.locker.lock();
+      const r = yield this.locker.lock();
       return D(
         this.container,
         this.sessionStorageKey,
@@ -348,12 +351,12 @@ class se {
         if (s === "add") {
           const a = yield this.read();
           if (t === "messages" && a.messages.findIndex((c) => c.key === e.key) > -1) {
-            i();
+            r();
             return;
           }
           let o = m({}, a);
           return t === "messages" ? o.messages = [...o.messages, e] : t === "agents" && (o.agents = [...o.agents, e]), n(m(m({}, a), o)).then(() => {
-            i();
+            r();
           });
         }
         if (s === "update" && t === "agents") {
@@ -361,11 +364,11 @@ class se {
           return n(b(m({}, a), {
             agents: e
           })).then(() => {
-            i();
+            r();
           });
         }
         return n(e).then(() => {
-          i();
+          r();
         });
       }));
     });
@@ -395,15 +398,15 @@ class ie {
     this.controller = e;
   }
 }
-const W = (r, e, t) => v(void 0, null, function* () {
-  const s = yield r.getAsync("conversation"), i = yield r.getAsync("components"), n = s.controllers.find((a) => a.conversation.id === e);
+const W = (i, e, t) => v(void 0, null, function* () {
+  const s = yield i.getAsync("conversation"), r = yield i.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 o = i.components().ofType("conversation");
-    i.write({
+    const o = r.components().ofType("conversation");
+    r.write({
       key: "setConversationProvider",
       attributes: {
         properties: { providers: [t] }
@@ -428,35 +431,35 @@ class ne {
     return typeof e == "string" ? { body: e } : e.length > -1 && typeof e == "object" ? { items: e } : e;
   }
 }
-var S = /* @__PURE__ */ ((r) => (r.User = "user", r.Agent = "agent", r.System = "system", r))(S || {});
-const I = (r, e) => {
-  let t, s = (e == null ? void 0 : e.key) || U(), i = Date.now();
-  if (Array.isArray(r) && r.length > -1)
-    typeof r[0] == "string" ? t = { items: [r] } : t = { items: r };
-  else if (typeof r == "string")
-    t = { body: r };
-  else if (r = r || {}, r.type)
-    t = m({}, r);
+var S = /* @__PURE__ */ ((i) => (i.User = "user", i.Agent = "agent", i.System = "system", i))(S || {});
+const I = (i, e) => {
+  let t, s = (e == null ? void 0 : e.key) || U(), r = Date.now();
+  if (Array.isArray(i) && i.length > -1)
+    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 = m({}, i);
   else {
     if (t = {
-      body: r.body,
-      actions: r.actions,
-      title: r.title
-    }, r.key && (s = r.key), r.timestamp && (i = r.timestamp), typeof r.form == "function") {
+      body: i.body,
+      actions: i.actions,
+      title: i.title
+    }, i.key && (s = i.key), i.timestamp && (r = i.timestamp), typeof i.form == "function") {
       const n = X.create(s);
-      r.form(n);
+      i.form(n);
       const a = n.get();
       t.form = a;
     }
-    r.timestamp === null && (i = null);
+    i.timestamp === null && (r = null);
   }
-  return { content: t, key: s, timestamp: i };
-}, z = (r, e) => {
+  return { content: t, key: s, timestamp: r };
+}, z = (i, e) => {
   if (!e)
     return;
-  const t = JSON.stringify(e), s = r.findIndex((i) => t === JSON.stringify(i));
+  const t = JSON.stringify(e), s = i.findIndex((r) => t === JSON.stringify(r));
   if (s > -1)
-    return r.splice(s, 1);
+    return i.splice(s, 1);
 };
 class oe {
   constructor(e, t, s) {
@@ -484,26 +487,26 @@ class oe {
       );
     });
     this.container = e, this.id = t;
-    const i = e.get("$widget");
-    this.events = i.events.createChild(this), this.store = new re(e, this, s.rehydrate), this.conversationHistory = new ee(this);
+    const r = e.get("$widget");
+    this.events = r.events.createChild(this), this.store = new re(e, this, s.rehydrate), this.conversationHistory = new ee(this);
   }
   setInitialStorage(e) {
     this.store.setInitialData(e);
   }
   setProviders(e) {
     const t = [], s = [];
-    this.providers.reduce((i, n) => (e.indexOf(n) === -1 && i.push(n), i), []).forEach((i) => {
-      const n = this.providers.indexOf(i);
-      n > -1 && (t.push(i), this.providers.splice(n, 1));
-    }), e.forEach((i) => {
-      this.providers.indexOf(i) === -1 && (s.push(i), this.providers.push(i));
+    this.providers.reduce((r, 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));
+    }), e.forEach((r) => {
+      this.providers.indexOf(r) === -1 && (s.push(r), this.providers.push(r));
     }), (s.length || t.length) && this.events.dispatch("conversation:providers-changed", { added: s, removed: t });
   }
   createProvider(e) {
     const t = this.providerIndex(e);
     if (t > -1)
       return this.registeredProviders[t];
-    const s = R.create(e, this.container, this);
+    const s = O.create(e, this.container, this);
     return this.registeredProviders.push(s), s;
   }
   providerIndex(e) {
@@ -558,15 +561,15 @@ class oe {
   onUnreadMessage(e) {
     return this.events.subscribe("conversation:unread-message", e);
   }
-  createEntry(e, t, s, i, n) {
+  createEntry(e, t, s, r, n) {
     const a = {
       key: e,
       content: t,
       type: s,
-      sender: i || null,
+      sender: r || null,
       timestamp: n || n === null ? n : Date.now()
     };
-    this.messages.push(a), a.type === "agent" && z(this.typingActors, i);
+    this.messages.push(a), a.type === "agent" && z(this.typingActors, r);
     const o = new ne((c) => {
       if (c !== null) {
         const h = c, { timestamp: u = void 0 } = h, l = B(h, ["timestamp"]);
@@ -615,25 +618,25 @@ class oe {
     return this.conversationHistory.getConversationLogs();
   }
 }
-const ae = (r, e) => {
-  const t = r.split("_contact");
+const ae = (i, e) => {
+  const t = i.split("_contact");
   return e.widgets.get(t[0]);
-}, O = (r) => {
-  const e = r.get("$widget"), { name: t, implementation: s } = r.get("$widget"), i = t.indexOf("_contact") > -1 ? ae(t, s) : e, { data: n } = r.get("$settings"), { trigger: a } = i.container.get("$settings"), o = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(o);
-  return c && !a ? { chatWidget: c, mainWidget: i, data: n } : { mainWidget: i, data: n };
-}, ce = (r) => {
-  const { chatWidget: e } = O(r);
+}, R = (i) => {
+  const e = i.get("$widget"), { name: t, implementation: s } = i.get("$widget"), r = t.indexOf("_contact") > -1 ? ae(t, s) : e, { data: n } = i.get("$settings"), { trigger: a } = r.container.get("$settings"), o = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(o);
+  return c && !a ? { chatWidget: c, mainWidget: r, data: n } : { mainWidget: r, data: n };
+}, ce = (i) => {
+  const { chatWidget: e } = R(i);
   return !!e;
-}, Q = (r, e, t) => {
-  const { mainWidget: s, data: i, chatWidget: n } = O(r);
+}, K = (i, e, t) => {
+  const { mainWidget: s, data: r, chatWidget: n } = R(i);
   return n ? n.state === "activated" ? n.invoke("open").then(() => {
     n.container.getAsync("conversation").then((a) => {
-      a.navigateToConversationIfActive(e.id).then(() => L(r));
+      a.navigateToConversationIfActive(e.id).then(() => L(i));
     });
   }) : n.activate().then(() => {
     const { trigger: a } = n.container.get("$settings");
     return a.action = "hide", n.invoke("setSettings", () => ({
-      data: i,
+      data: r,
       trigger: a,
       activate: !0
     })).then(() => n.container.getAsync("components").then((o) => {
@@ -673,10 +676,10 @@ const ae = (r, e) => {
     }
   ).then((a) => a(n.name)), n.container.getAsync("conversation").then((a) => {
     a.setConversationEndedBehavior(E.Deactivate);
-  }).then(() => L(r)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(E.Navigate))), !n);
-}, de = (r, e, t = "conversation") => {
-  const { mainWidget: s, chatWidget: i } = O(r);
-  return i ? i.container.getAsync("router").then((n) => {
+  }).then(() => L(i)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(E.Navigate))), !n);
+}, de = (i, e, t = "conversation") => {
+  const { mainWidget: s, chatWidget: r } = R(i);
+  return r ? r.container.getAsync("router").then((n) => {
     n.navigate(t, { id: e.id });
   }) : s.container.getAsync("conversation").then((n) => {
     var a;
@@ -697,7 +700,7 @@ const ae = (r, e) => {
     });
   });
 }, P = "conversations";
-var E = /* @__PURE__ */ ((r) => (r.Deactivate = "deactivate", r.Navigate = "navigate", r.None = "none", r))(E || {});
+var E = /* @__PURE__ */ ((i) => (i.Deactivate = "deactivate", i.Navigate = "navigate", i.None = "none", i))(E || {});
 class C {
   constructor(e, t) {
     d(this, "events");
@@ -721,13 +724,13 @@ class C {
         this.buttonQuery = this.components.components().ofType("conversation-return-button"), e && (this.sessionInfo = e, e.id && e.route && this.writeToComponents({ active: !0, alert: { show: !1 } }));
       }
     ), this.container.getAsync("router").then((e) => this.router = e), this.events.subscribe("conversation:ended", (e, t) => {
-      var s, i, n;
+      var s, r, n;
       switch ((s = this.sessionInfo) == null ? void 0 : s.conversationEndedBehavior) {
         case "deactivate":
           this.container.get("$widget").deactivate();
           break;
         case "navigate":
-          const o = (i = this.router) == null ? void 0 : i.getInitialRoute();
+          const o = (r = this.router) == null ? void 0 : r.getInitialRoute();
           o && ((n = this.router) == null || n.navigate(o.name));
           break;
       }
@@ -739,8 +742,8 @@ class C {
   }
   static getInstance(e, t = "conversation") {
     return Y(e)(() => e.getAsync(t).then((s) => {
-      let i = s;
-      return i || K.getInstance(e).then((n) => (i = new C(e, n), i.initialize(), e.registerAsync(t, () => i), i));
+      let r = s;
+      return r || Q.getInstance(e).then((n) => (r = new C(e, n), r.initialize(), e.registerAsync(t, () => r), r));
     }));
   }
   navigateToConversationIfActive(e) {
@@ -748,8 +751,8 @@ class C {
       (t) => {
         var s;
         if (t && t.id === e && t.route) {
-          const { name: i, params: n } = t.route;
-          (s = this.router) == null || s.navigate(i, n);
+          const { name: r, params: n } = t.route;
+          (s = this.router) == null || s.navigate(r, n);
         }
       }
     );
@@ -764,12 +767,12 @@ class C {
   }
   createController(e, t) {
     return v(this, null, function* () {
-      const s = F(e), { agents: i } = (yield w(
+      const s = j(e), { agents: r } = (yield w(
         this.container,
         s
       )) || { agents: [] }, n = this.controllers.findIndex((o) => o.conversation.id === e);
       let a;
-      return n > -1 ? a = this.controllers[n].conversation : a = new oe(this.container, e, t), a.setInitialStorage({ agents: i || [] }), a;
+      return n > -1 ? a = this.controllers[n].conversation : a = new oe(this.container, e, t), a.setInitialStorage({ agents: r || [] }), a;
     });
   }
   registerProvider(e, t) {
@@ -777,18 +780,18 @@ class C {
       name: e,
       handler: t
     };
-    this.providers.push(s), this.controllers.filter((i) => i.conversation.providers.indexOf(e) > -1).forEach((i) => {
-      this.invokeHandler(s, i);
+    this.providers.push(s), this.controllers.filter((r) => r.conversation.providers.indexOf(e) > -1).forEach((r) => {
+      this.invokeHandler(s, r);
     });
   }
   registerController(e, t) {
     const s = this.controllers.findIndex((n) => n.conversation.id === e.id);
-    let i;
+    let r;
     if (s < 0) {
-      i = { conversation: e, component: t }, this.controllers.push(i);
+      r = { conversation: e, component: t }, this.controllers.push(r);
       const n = (a) => {
         a && this.providers.filter((o) => a.indexOf(o.name) > -1).forEach((o) => {
-          this.invokeHandler(o, i);
+          this.invokeHandler(o, r);
         });
       };
       return this.subscriptions.push(
@@ -821,7 +824,7 @@ class C {
         })
       ), n(e.providers), !0;
     }
-    return i = this.controllers[s], !1;
+    return r = this.controllers[s], !1;
   }
   writeToComponents(e, t = "conversationReturnButtonState") {
     this.buttonQuery && this.components.write({
@@ -852,20 +855,20 @@ class C {
       e();
     }), this.controllers = [], this.providers = [];
   }
-  static handleContactMethodClick(e, t, s, i) {
+  static handleContactMethodClick(e, t, s, r) {
     return v(this, null, function* () {
       if (ce(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)), Q(t, s, n);
+        n || (n = document.createElement("a"), n.setAttribute("href", "#"), n.id = "humany-dynamic-anchor", document.body.appendChild(n)), K(t, s, n);
       }
-      Q(t, s);
+      K(t, s);
     });
   }
   static handleContactMethodSubmit(e, t) {
     return v(this, null, function* () {
-      var s, i;
-      return (i = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && i.id ? W(
+      var s, r;
+      return (r = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && r.id ? W(
         e,
         t.body.form.meta.conversation.id,
         t.clientName
@@ -873,7 +876,7 @@ class C {
     });
   }
 }
-const he = (r, e) => r.reduce((t, s, i) => {
+const he = (i, e) => i.reduce((t, s, r) => {
   var a, o;
   const n = b(m({}, s), {
     content: [b(m({}, s.content), { key: s.key })]
@@ -884,15 +887,15 @@ const he = (r, e) => r.reduce((t, s, i) => {
       return c.timestamp = s.timestamp, c.content.push(b(m({}, s.content), { key: s.key })), t;
   }
   return t.push(n), t;
-}, []), we = (r) => Promise.all([
-  C.getInstance(r),
-  r.getAsync("router")
+}, []), we = (i) => Promise.all([
+  C.getInstance(i),
+  i.getAsync("router")
 ]).then(([e, t]) => q(
-  r,
+  i,
   "conversation",
-  import("./conversation.d6cacfa5.js"),
+  import("./conversation.f80bcb4a.js"),
   (s) => v(void 0, null, function* () {
-    const { rehydrate: i = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", o = yield e.createController(a, { rehydrate: i }), c = e.registerController(o, s), h = 3 * 60 * 1e3, u = (g) => {
+    const { rehydrate: r = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", o = yield e.createController(a, { rehydrate: r }), c = e.registerController(o, s), h = 3 * 60 * 1e3, u = (g) => {
       const { providers: p = [] } = g;
       if (p) {
         const y = Array.isArray(p) ? p : [p];
@@ -951,17 +954,17 @@ const he = (r, e) => r.reduce((t, s, i) => {
     };
   }),
   { reuseController: !0 }
-)), Ae = (r) => Promise.all([
-  K.getInstance(r),
-  C.getInstance(r),
-  r.getAsync("router")
+)), Ae = (i) => Promise.all([
+  Q.getInstance(i),
+  C.getInstance(i),
+  i.getAsync("router")
 ]).then(
   ([e, t, s]) => q(
-    r,
+    i,
     "conversation-return-button",
     import("./return-button.fb63a16e.js"),
-    (i) => {
-      i.actions.create("toggle", (n = {}) => {
+    (r) => {
+      r.actions.create("toggle", (n = {}) => {
         var a;
         (a = t.getComponentRoute()) == null || a.then((o) => {
           o && s.navigate(o.name, o.params);
@@ -970,9 +973,9 @@ const he = (r, e) => r.reduce((t, s, i) => {
     }
   )
 );
-var le = /* @__PURE__ */ ((r) => (r.LinkList = "link-list", r.Separator = "separator", r.ButtonList = "button-list", r.Text = "text", r.HTML = "html", r.VideoRequest = "video-request", r))(le || {});
-const Pe = (r, e, t) => r.getAsync("componentResolver").then((s) => v(void 0, null, function* () {
-  (yield C.getInstance(r)).addSubscription(
+var le = /* @__PURE__ */ ((i) => (i.LinkList = "link-list", i.Separator = "separator", i.ButtonList = "button-list", i.Text = "text", i.HTML = "html", i.VideoRequest = "video-request", i))(le || {});
+const Pe = (i, e, t) => i.getAsync("componentResolver").then((s) => v(void 0, null, function* () {
+  (yield C.getInstance(i)).addSubscription(
     s.registerComponent(
       e,
       Z(() => t)