@telia-ace/widget-conversation 1.0.37 → 1.0.38-next.1

package/dist/index.js

@@ -2,42 +2,42 @@ var F = Object.defineProperty, G = Object.defineProperties;
 var J = Object.getOwnPropertyDescriptors;
 var x = Object.getOwnPropertySymbols;
 var $ = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-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) => {
+var T = (r, e, t) => e in r ? F(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, m = (r, e) => {
   for (var t in e || (e = {}))
-    $.call(e, t) && T(i, t, e[t]);
+    $.call(e, t) && T(r, t, e[t]);
   if (x)
     for (var t of x(e))
-      _.call(e, t) && T(i, t, e[t]);
-  return i;
-}, b = (i, e) => G(i, J(e));
-var B = (i, e) => {
+      _.call(e, t) && T(r, t, e[t]);
+  return r;
+}, b = (r, e) => G(r, J(e));
+var B = (r, e) => {
   var t = {};
-  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]);
+  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]);
   return t;
 };
-var d = (i, e, t) => (T(i, typeof e != "symbol" ? e + "" : e, t), t);
-var v = (i, e, t) => new Promise((s, r) => {
+var d = (r, e, t) => (T(r, typeof e != "symbol" ? e + "" : e, t), t);
+var v = (r, e, t) => new Promise((s, i) => {
   var n = (c) => {
     try {
       o(t.next(c));
     } catch (h) {
-      r(h);
+      i(h);
     }
   }, a = (c) => {
     try {
       o(t.throw(c));
     } catch (h) {
-      r(h);
+      i(h);
     }
   }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(n, a);
-  o((t = t.apply(i, e)).next());
+  o((t = t.apply(r, e)).next());
 });
 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 { createStorageWriter as M, StorageCategory as N, readStorage as w, StorageMedium as A, StorageScope as V } from "@telia-ace/widget-services";
 import { uuid as U, lock as Y } from "@telia-ace/widget-utilities";
 import { FormBuilder as X } from "@telia-ace/widget-forms";
 import { closeAllModals as L } from "@telia-ace/widget-plugins";
@@ -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", (r, n) => {
+    const { events: t } = e.container.get("$widget"), s = t.subscribe("data-client:fetched", (i, n) => {
       n.type === "contact-method" && this.cache.set(n.response.id, n.response);
     });
     this.subscriptions.push(s);
   }
   getConversationLogs() {
     return this.controller.messages.reduce((t, s) => {
-      const r = I(s), { key: n, content: a, type: o, sender: c, timestamp: h } = r.content, u = this.parseEntry(a, o, c, h);
+      const i = I(s), { key: n, content: a, type: o, sender: c, timestamp: h } = i.content, u = this.parseEntry(a, o, c, h);
       return u && t.push(u), t;
     }, []);
   }
-  parseEntry(e, t, s, r) {
+  parseEntry(e, t, s, i) {
     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: r
+      timestamp: i
     };
   }
   createMessageSource(e) {
@@ -108,13 +108,13 @@ class ee {
   getDetails(e, t = !0) {
     if (!e)
       return "";
-    const { header: s, title: r, label: n, description: a, text: o, html: c, body: h, contactMethodId: u } = e;
+    const { header: s, title: i, label: n, description: a, text: o, html: c, body: h, contactMethodId: u } = e;
     let l = "";
     if (u) {
       const f = this.handleContactMethod(u.toString());
       f && (l = this.appendText(l, f, t));
     }
-    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;
+    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;
   }
   createMessageContent(e) {
     let t = "";
@@ -122,10 +122,10 @@ class ee {
   }
   createMessageOptions(e) {
     let t = [], s = [];
-    return Array.isArray(e == null ? void 0 : e.actions) ? s = e.actions : typeof (e == null ? void 0 : e.actions) == "object" && (s = Object.entries(e.actions).map(([r, n]) => ({
-      actionKey: r,
+    return Array.isArray(e == null ? void 0 : e.actions) ? s = e.actions : typeof (e == null ? void 0 : e.actions) == "object" && (s = Object.entries(e.actions).map(([i, n]) => ({
+      actionKey: i,
       label: n
-    }))), s.length && (t = s.map((r) => this.getDetails(r, !1))), t;
+    }))), s.length && (t = s.map((i) => this.getDetails(i, !1))), t;
   }
   appendText(e, t, s = !0) {
     return s && e.length ? `${e}
@@ -137,7 +137,7 @@ ${t}` : e.length ? `${e} ${t}` : t;
     });
   }
 }
-class M {
+class W {
   constructor(e, t) {
     d(this, "id");
     d(this, "name");
@@ -147,22 +147,22 @@ class M {
         name: this.name,
         avatar: this.avatar,
         id: this.id
-      }, r = I(e, t);
+      }, i = I(e, t);
       return this.provider.createEntry(
-        r.key,
-        r.content,
+        i.key,
+        i.content,
         S.Agent,
         s,
-        r.timestamp
+        i.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 r;
+    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), (r = this.provider.controller) == null || r.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
     });
   }
@@ -182,10 +182,10 @@ class O {
   createAgent(e = {}) {
     var t;
     if (this.controller) {
-      const s = this.controller.getAgentById(e.id), r = s ? new M(this, m(m({}, s), e)) : new M(this, e);
+      const s = this.controller.getAgentById(e.id), i = s ? new W(this, m(m({}, s), e)) : new W(this, e);
       return s || (t = this.controller) == null || t.events.dispatch("conversation:agent-created", {
-        agent: r
-      }), r;
+        agent: i
+      }), i;
     }
   }
   print(e) {
@@ -200,9 +200,9 @@ class O {
     return this.controller ? this.controller.loader() : () => () => {
     };
   }
-  createEntry(e, t, s, r, n) {
+  createEntry(e, t, s, i, n) {
     var a;
-    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, n);
+    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, i, n);
   }
   dispose() {
     var e;
@@ -245,7 +245,7 @@ class O {
     }
   }
 }
-const j = (i) => `conversation-${i}`;
+const j = (r) => `conversation-${r}`;
 class te {
   constructor() {
     d(this, "_locking", Promise.resolve());
@@ -257,8 +257,8 @@ class te {
   lock() {
     this._locks += 1;
     let e, t = new Promise(
-      (r) => e = () => {
-        this._locks -= 1, r();
+      (i) => e = () => {
+        this._locks -= 1, i();
       }
     ), s = this._locking.then(() => e);
     return this._locking = this._locking.then(() => t), s;
@@ -272,9 +272,9 @@ class se {
     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: 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 });
+      const { agents: i } = yield this.read(), n = [];
+      i && i.forEach((o) => {
+        const c = t.providerIndex(o.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(o.providerName), u = new W(h, { name: o.name, avatar: o.avatar, id: o.id });
         n.push(u);
       });
       const { messages: a } = yield this.read();
@@ -301,9 +301,9 @@ class se {
             t.print(o.content.items || o.content);
         }
       });
-    })), t.onMessageCreated((r, n) => v(this, null, function* () {
+    })), t.onMessageCreated((i, n) => v(this, null, function* () {
       this.write(n.message, "messages");
-    })), t.events.subscribe("conversation:agent-created", (r, n) => v(this, null, function* () {
+    })), t.events.subscribe("conversation:agent-created", (i, n) => v(this, null, function* () {
       const a = {
         id: n.agent.id,
         name: n.agent.name,
@@ -311,7 +311,7 @@ class se {
         providerName: n.agent.provider.name
       };
       yield this.write(a, "agents");
-    })), t.events.subscribe("conversation:agent-updated", (r, n) => v(this, null, function* () {
+    })), t.events.subscribe("conversation:agent-updated", (i, n) => v(this, null, function* () {
       const { agents: a } = yield this.read();
       yield this.write(
         [
@@ -342,8 +342,8 @@ class se {
     return v(this, null, function* () {
       if (!this.enabled)
         return;
-      const r = yield this.locker.lock();
-      return D(
+      const i = yield this.locker.lock();
+      return M(
         this.container,
         this.sessionStorageKey,
         N.Necessary
@@ -351,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) {
-            r();
+            i();
             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(() => {
-            r();
+            i();
           });
         }
         if (s === "update" && t === "agents") {
@@ -364,11 +364,11 @@ class se {
           return n(b(m({}, a), {
             agents: e
           })).then(() => {
-            r();
+            i();
           });
         }
         return n(e).then(() => {
-          r();
+          i();
         });
       }));
     });
@@ -398,15 +398,15 @@ class ie {
     this.controller = 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);
+const D = (r, e, t) => v(void 0, null, function* () {
+  const s = yield r.getAsync("conversation"), i = yield r.getAsync("components"), n = s.controllers.find((a) => a.conversation.id === e);
   if (n) {
     const a = [...n.conversation.providers];
     a.forEach((c) => {
       n.conversation.setProviderOptions(c, { silent: !0 });
     }), n.conversation.queueProviders(a), n.conversation.setProviders([t]);
-    const o = r.components().ofType("conversation");
-    r.write({
+    const o = i.components().ofType("conversation");
+    i.write({
       key: "setConversationProvider",
       attributes: {
         properties: { providers: [t] }
@@ -431,35 +431,35 @@ class ne {
     return typeof e == "string" ? { body: e } : e.length > -1 && typeof e == "object" ? { items: e } : e;
   }
 }
-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);
+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);
   else {
     if (t = {
-      body: i.body,
-      actions: i.actions,
-      title: i.title
-    }, i.key && (s = i.key), i.timestamp && (r = i.timestamp), typeof i.form == "function") {
+      body: r.body,
+      actions: r.actions,
+      title: r.title
+    }, r.key && (s = r.key), r.timestamp && (i = r.timestamp), typeof r.form == "function") {
       const n = X.create(s);
-      i.form(n);
+      r.form(n);
       const a = n.get();
       t.form = a;
     }
-    i.timestamp === null && (r = null);
+    r.timestamp === null && (i = null);
   }
-  return { content: t, key: s, timestamp: r };
-}, z = (i, e) => {
+  return { content: t, key: s, timestamp: i };
+}, z = (r, e) => {
   if (!e)
     return;
-  const t = JSON.stringify(e), s = i.findIndex((r) => t === 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 oe {
   constructor(e, t, s) {
@@ -487,19 +487,19 @@ class oe {
       );
     });
     this.container = e, this.id = t;
-    const r = e.get("$widget");
-    this.events = r.events.createChild(this), this.store = new re(e, this, s.rehydrate), this.conversationHistory = new ee(this);
+    const i = e.get("$widget");
+    this.events = i.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((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));
+    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) {
@@ -546,14 +546,14 @@ class oe {
     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) && D(this.container, this.id, e);
   }
   queueProviders(e) {
     this.queuedProviders = e;
   }
   onCompleteProvider() {
     const e = this.queuedProviders.pop();
-    e && W(this.container, this.id, e);
+    e && D(this.container, this.id, e);
   }
   getComponentMountedState() {
     return this.componentMounted;
@@ -561,15 +561,15 @@ class oe {
   onUnreadMessage(e) {
     return this.events.subscribe("conversation:unread-message", e);
   }
-  createEntry(e, t, s, r, n) {
+  createEntry(e, t, s, i, n) {
     const a = {
       key: e,
       content: t,
       type: s,
-      sender: r || null,
+      sender: i || null,
       timestamp: n || n === null ? n : Date.now()
     };
-    this.messages.push(a), a.type === "agent" && z(this.typingActors, r);
+    this.messages.push(a), a.type === "agent" && z(this.typingActors, i);
     const o = new ne((c) => {
       if (c !== null) {
         const h = c, { timestamp: u = void 0 } = h, l = B(h, ["timestamp"]);
@@ -618,25 +618,25 @@ class oe {
     return this.conversationHistory.getConversationLogs();
   }
 }
-const ae = (i, e) => {
-  const t = i.split("_contact");
+const ae = (r, e) => {
+  const t = r.split("_contact");
   return e.widgets.get(t[0]);
-}, 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);
+}, R = (r) => {
+  const e = r.get("$widget"), { name: t, implementation: s } = r.get("$widget"), i = t.indexOf("_contact") > -1 ? ae(t, s) : e, { data: n } = r.get("$settings"), { trigger: a } = i.container.get("$settings"), o = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(o);
+  return c && !a ? { chatWidget: c, mainWidget: i, data: n } : { mainWidget: i, data: n };
+}, ce = (r) => {
+  const { chatWidget: e } = R(r);
   return !!e;
-}, K = (i, e, t) => {
-  const { mainWidget: s, data: r, chatWidget: n } = R(i);
+}, K = (r, e, t) => {
+  const { mainWidget: s, data: i, chatWidget: n } = R(r);
   return n ? n.state === "activated" ? n.invoke("open").then(() => {
     n.container.getAsync("conversation").then((a) => {
-      a.navigateToConversationIfActive(e.id).then(() => L(i));
+      a.navigateToConversationIfActive(e.id).then(() => L(r));
     });
   }) : n.activate().then(() => {
     const { trigger: a } = n.container.get("$settings");
     return a.action = "hide", n.invoke("setSettings", () => ({
-      data: r,
+      data: i,
       trigger: a,
       activate: !0
     })).then(() => n.container.getAsync("components").then((o) => {
@@ -666,7 +666,7 @@ const ae = (i, e) => {
     key: "contact-method",
     triggerDOMElement: t,
     withRenderState: "open"
-  })).then(() => (D(
+  })).then(() => (M(
     n.container,
     "activeStickyWidget",
     N.Necessary,
@@ -676,10 +676,10 @@ const ae = (i, e) => {
     }
   ).then((a) => a(n.name)), n.container.getAsync("conversation").then((a) => {
     a.setConversationEndedBehavior(E.Deactivate);
-  }).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) => {
+  }).then(() => L(r)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(E.Navigate))), !n);
+}, de = (r, e, t = "conversation") => {
+  const { mainWidget: s, chatWidget: i } = R(r);
+  return i ? i.container.getAsync("router").then((n) => {
     n.navigate(t, { id: e.id });
   }) : s.container.getAsync("conversation").then((n) => {
     var a;
@@ -700,7 +700,7 @@ const ae = (i, e) => {
     });
   });
 }, P = "conversations";
-var E = /* @__PURE__ */ ((i) => (i.Deactivate = "deactivate", i.Navigate = "navigate", i.None = "none", i))(E || {});
+var E = /* @__PURE__ */ ((r) => (r.Deactivate = "deactivate", r.Navigate = "navigate", r.None = "none", r))(E || {});
 class C {
   constructor(e, t) {
     d(this, "events");
@@ -717,20 +717,20 @@ class C {
     this.events = s.events.createChild(this);
   }
   initialize() {
-    D(this.container, P, N.Necessary, {
+    M(this.container, P, N.Necessary, {
       medium: A.Local
     }).then((e) => this.storageWriter = e), w(this.container, P, A.Local).then(
       (e) => {
         this.buttonQuery = this.components.components().ofType("conversation-return-button"), e && (this.sessionInfo = e, e.id && e.route && this.writeToComponents({ active: !0, alert: { show: !1 } }));
       }
     ), this.container.getAsync("router").then((e) => this.router = e), this.events.subscribe("conversation:ended", (e, t) => {
-      var s, r, n;
+      var s, i, n;
       switch ((s = this.sessionInfo) == null ? void 0 : s.conversationEndedBehavior) {
         case "deactivate":
           this.container.get("$widget").deactivate();
           break;
         case "navigate":
-          const o = (r = this.router) == null ? void 0 : r.getInitialRoute();
+          const o = (i = this.router) == null ? void 0 : i.getInitialRoute();
           o && ((n = this.router) == null || n.navigate(o.name));
           break;
       }
@@ -742,8 +742,8 @@ class C {
   }
   static getInstance(e, t = "conversation") {
     return Y(e)(() => e.getAsync(t).then((s) => {
-      let r = s;
-      return r || Q.getInstance(e).then((n) => (r = new C(e, n), r.initialize(), e.registerAsync(t, () => r), r));
+      let i = s;
+      return i || Q.getInstance(e).then((n) => (i = new C(e, n), i.initialize(), e.registerAsync(t, () => i), i));
     }));
   }
   navigateToConversationIfActive(e) {
@@ -751,8 +751,8 @@ class C {
       (t) => {
         var s;
         if (t && t.id === e && t.route) {
-          const { name: r, params: n } = t.route;
-          (s = this.router) == null || s.navigate(r, n);
+          const { name: i, params: n } = t.route;
+          (s = this.router) == null || s.navigate(i, n);
         }
       }
     );
@@ -767,12 +767,12 @@ class C {
   }
   createController(e, t) {
     return v(this, null, function* () {
-      const s = j(e), { agents: r } = (yield w(
+      const s = j(e), { agents: i } = (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: r || [] }), a;
+      return n > -1 ? a = this.controllers[n].conversation : a = new oe(this.container, e, t), a.setInitialStorage({ agents: i || [] }), a;
     });
   }
   registerProvider(e, t) {
@@ -780,18 +780,18 @@ class C {
       name: e,
       handler: t
     };
-    this.providers.push(s), this.controllers.filter((r) => r.conversation.providers.indexOf(e) > -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(e, t) {
     const s = this.controllers.findIndex((n) => n.conversation.id === e.id);
-    let r;
+    let i;
     if (s < 0) {
-      r = { conversation: e, component: t }, this.controllers.push(r);
+      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, r);
+          this.invokeHandler(o, i);
         });
       };
       return this.subscriptions.push(
@@ -824,7 +824,7 @@ class C {
         })
       ), n(e.providers), !0;
     }
-    return r = this.controllers[s], !1;
+    return i = this.controllers[s], !1;
   }
   writeToComponents(e, t = "conversationReturnButtonState") {
     this.buttonQuery && this.components.write({
@@ -855,7 +855,7 @@ class C {
       e();
     }), this.controllers = [], this.providers = [];
   }
-  static handleContactMethodClick(e, t, s, r) {
+  static handleContactMethodClick(e, t, s, i) {
     return v(this, null, function* () {
       if (ce(t)) {
         e.preventDefault();
@@ -867,8 +867,8 @@ class C {
   }
   static handleContactMethodSubmit(e, t) {
     return v(this, null, function* () {
-      var s, r;
-      return (r = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && r.id ? W(
+      var s, i;
+      return (i = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && i.id ? D(
         e,
         t.body.form.meta.conversation.id,
         t.clientName
@@ -876,7 +876,7 @@ class C {
     });
   }
 }
-const he = (i, e) => i.reduce((t, s, r) => {
+const he = (r, e) => r.reduce((t, s, i) => {
   var a, o;
   const n = b(m({}, s), {
     content: [b(m({}, s.content), { key: s.key })]
@@ -887,15 +887,15 @@ const he = (i, e) => i.reduce((t, s, r) => {
       return c.timestamp = s.timestamp, c.content.push(b(m({}, s.content), { key: s.key })), t;
   }
   return t.push(n), t;
-}, []), we = (i) => Promise.all([
-  C.getInstance(i),
-  i.getAsync("router")
+}, []), we = (r) => Promise.all([
+  C.getInstance(r),
+  r.getAsync("router")
 ]).then(([e, t]) => q(
-  i,
+  r,
   "conversation",
-  import("./conversation.f80bcb4a.js"),
+  import("./conversation.be64b43a.js"),
   (s) => v(void 0, null, function* () {
-    const { rehydrate: r = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", o = yield e.createController(a, { rehydrate: r }), c = e.registerController(o, s), h = 3 * 60 * 1e3, u = (g) => {
+    const { rehydrate: i = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", o = yield e.createController(a, { rehydrate: i }), c = e.registerController(o, s), h = 3 * 60 * 1e3, u = (g) => {
       const { providers: p = [] } = g;
       if (p) {
         const y = Array.isArray(p) ? p : [p];
@@ -954,17 +954,17 @@ const he = (i, e) => i.reduce((t, s, r) => {
     };
   }),
   { reuseController: !0 }
-)), Ae = (i) => Promise.all([
-  Q.getInstance(i),
-  C.getInstance(i),
-  i.getAsync("router")
+)), Ae = (r) => Promise.all([
+  Q.getInstance(r),
+  C.getInstance(r),
+  r.getAsync("router")
 ]).then(
   ([e, t, s]) => q(
-    i,
+    r,
     "conversation-return-button",
     import("./return-button.fb63a16e.js"),
-    (r) => {
-      r.actions.create("toggle", (n = {}) => {
+    (i) => {
+      i.actions.create("toggle", (n = {}) => {
         var a;
         (a = t.getComponentRoute()) == null || a.then((o) => {
           o && s.navigate(o.name, o.params);
@@ -973,9 +973,9 @@ const he = (i, e) => i.reduce((t, s, r) => {
     }
   )
 );
-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(
+var le = /* @__PURE__ */ ((r) => (r.LinkList = "link-list", r.Separator = "separator", r.ButtonList = "button-list", r.ItemList = "item-list", r.Text = "text", r.HTML = "html", r.VideoRequest = "video-request", r))(le || {});
+const Pe = (r, e, t) => r.getAsync("componentResolver").then((s) => v(void 0, null, function* () {
+  (yield C.getInstance(r)).addSubscription(
     s.registerComponent(
       e,
       Z(() => t)