@telia-ace/widget-conversation 1.0.41 → 1.1.1-rc.0

package/dist/index.js

@@ -1,960 +0,0 @@
-var j = Object.defineProperty, F = Object.defineProperties;
-var G = Object.getOwnPropertyDescriptors;
-var k = Object.getOwnPropertySymbols;
-var $ = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
-var R = (n, e, t) => e in n ? j(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, v = (n, e) => {
-  for (var t in e || (e = {}))
-    $.call(e, t) && R(n, t, e[t]);
-  if (k)
-    for (var t of k(e))
-      H.call(e, t) && R(n, t, e[t]);
-  return n;
-}, y = (n, e) => F(n, G(e));
-var _ = (n, e) => {
-  var t = {};
-  for (var s in n)
-    $.call(n, s) && e.indexOf(s) < 0 && (t[s] = n[s]);
-  if (n != null && k)
-    for (var s of k(n))
-      e.indexOf(s) < 0 && H.call(n, s) && (t[s] = n[s]);
-  return t;
-};
-var g = (n, e, t) => new Promise((s, r) => {
-  var i = (c) => {
-    try {
-      o(t.next(c));
-    } catch (h) {
-      r(h);
-    }
-  }, a = (c) => {
-    try {
-      o(t.throw(c));
-    } catch (h) {
-      r(h);
-    }
-  }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(i, a);
-  o((t = t.apply(n, e)).next());
-});
-import { ComponentPlatform as Q } from "@telia-ace/widget-core";
-import { createStorageWriter as W, StorageCategory as D, readStorage as b, StorageMedium as w, StorageScope as J } from "@telia-ace/widget-services";
-import { uuid as K, lock as V } from "@telia-ace/widget-utilities";
-import { FormBuilder as Y } from "@telia-ace/widget-forms";
-import { closeAllModals as B } from "@telia-ace/widget-plugins";
-import { createReactComponent as U } from "@telia-ace/widget-ui";
-import { lazy as X } from "react";
-class Z {
-  constructor(e) {
-    this.controller = e, this.cache = /* @__PURE__ */ new Map(), this.subscriptions = [];
-    const { events: t } = e.container.get("$widget"), s = t.subscribe("data-client:fetched", (r, i) => {
-      i.type === "contact-method" && this.cache.set(i.response.id, i.response);
-    });
-    this.subscriptions.push(s);
-  }
-  getConversationLogs() {
-    return this.controller.messages.reduce((t, s) => {
-      const r = E(s), { key: i, content: a, type: o, sender: c, timestamp: h } = r.content, l = this.parseEntry(a, o, c, h);
-      return l && t.push(l), t;
-    }, []);
-  }
-  parseEntry(e, t, s, r) {
-    const i = (h) => {
-      let l = [], d = [], m;
-      if (Array.isArray(h)) {
-        const [u, f] = h;
-        m = f;
-      } else
-        m = h;
-      return this.createMessageContent(m).length && (d = [...d, this.createMessageContent(m)]), l = [...l, ...this.createMessageOptions(m)], {
-        messagesAsList: d,
-        options: l
-      };
-    };
-    let a = [], o = [];
-    if (Array.isArray(e.items)) {
-      const { items: h } = e;
-      h.forEach((l) => {
-        const d = i(l);
-        a = [...a, ...d.options], o = [...o, ...d.messagesAsList];
-      });
-    } else {
-      const h = i(e);
-      a = [...a, ...h.options], o = [...o, ...h.messagesAsList];
-    }
-    return {
-      options: a,
-      message: o.length ? o.join(`
-`) : void 0,
-      source: this.createMessageSource(t),
-      alias: this.createAlias(t, s),
-      timestamp: r
-    };
-  }
-  createMessageSource(e) {
-    return e;
-  }
-  createAlias(e, t) {
-    return e === P.System ? "system" : (t == null ? void 0 : t.name) || "Me";
-  }
-  handleContactMethod(e) {
-    if (!this.cache.has(e))
-      return;
-    const t = this.cache.get(e);
-    let s = "";
-    return s = this.appendText(s, `${t.clientName}:`), s = this.appendText(s, t.title), t.description && (s = this.appendText(s, t.title)), s;
-  }
-  getDetails(e, t = !0) {
-    if (!e)
-      return "";
-    const { header: s, title: r, label: i, description: a, text: o, html: c, body: h, contactMethodId: l } = e;
-    let d = "";
-    if (l) {
-      const m = this.handleContactMethod(l.toString());
-      m && (d = this.appendText(d, m, t));
-    }
-    return s && (d = this.appendText(d, s, t)), r && (d = this.appendText(d, r, t)), a && (d = this.appendText(d, a, t)), o && (d = this.appendText(d, o, t)), i && (d = this.appendText(d, i, t)), c && (d = this.appendText(d, c, t)), h && typeof h == "string" && (d = this.appendText(d, h, t)), d;
-  }
-  createMessageContent(e) {
-    let t = "";
-    return t = this.getDetails(e), t;
-  }
-  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, i]) => ({
-      actionKey: r,
-      label: i
-    }))), s.length && (t = s.map((r) => this.getDetails(r, !1))), t;
-  }
-  appendText(e, t, s = !0) {
-    return s && e.length ? `${e}
-${t}` : e.length ? `${e} ${t}` : t;
-  }
-  dispose() {
-    this.subscriptions.forEach((e) => {
-      e();
-    });
-  }
-}
-class I {
-  constructor(e, t) {
-    this.provider = e, this.print = (s, r) => {
-      const i = {
-        name: this.name,
-        avatar: this.avatar,
-        id: this.id
-      }, a = E(s, r);
-      return this.provider.createEntry(
-        a.key,
-        a.content,
-        P.Agent,
-        i,
-        a.timestamp
-      );
-    }, this.typing = () => this.provider.setTypingState({ name: this.name, avatar: this.avatar }), this.id = t.id || K(), this.name = t.name, this.avatar = t.avatar;
-  }
-  update(e) {
-    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), (r = this.provider.controller) == null || r.events.dispatch("conversation:agent-updated", {
-      agent: this
-    });
-  }
-}
-class M {
-  constructor(e, t, s) {
-    this.name = e, this.container = t, this.controller = s, this.subscriptions = [], this.user = s == null ? void 0 : s.user, this.options = {
-      silent: !1
-    };
-  }
-  static create(e, t, s) {
-    return new M(e, t, s);
-  }
-  createAgent(e = {}) {
-    var t;
-    if (this.controller) {
-      const s = this.controller.getAgentById(e.id), r = s ? new I(this, v(v({}, s), e)) : new I(this, e);
-      return s || (t = this.controller) == null || t.events.dispatch("conversation:agent-created", {
-        agent: r
-      }), r;
-    }
-  }
-  print(e) {
-    var t;
-    return (t = this.controller) == null ? void 0 : t.print(e);
-  }
-  setTypingState(e, t) {
-    var s;
-    return (s = this.controller) == null ? void 0 : s.setTypingState(e, t);
-  }
-  loading() {
-    return this.controller ? this.controller.loader() : () => () => {
-    };
-  }
-  createEntry(e, t, s, r, i) {
-    var a;
-    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, i);
-  }
-  dispose() {
-    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());
-  }
-  isRehydrated() {
-    var e;
-    return ((e = this.controller) == null ? void 0 : e.isRehydrated()) || Promise.resolve(!1);
-  }
-  getHistory() {
-    var e;
-    return ((e = this.controller) == null ? void 0 : e.getHistory()) || [];
-  }
-  complete() {
-    var e;
-    (e = this.controller) == null || e.onCompleteProvider();
-  }
-  setOptions(e = { silent: !1 }) {
-    this.options = e;
-  }
-  onUnreadMessage(e) {
-    var t;
-    if (this.controller) {
-      const s = (t = this.controller) == null ? void 0 : t.onUnreadMessage(e);
-      return this.subscriptions.push(s), () => {
-        s();
-      };
-    }
-  }
-  onMounted(e) {
-    var t;
-    if (this.controller) {
-      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();
-      };
-    }
-  }
-}
-const q = (n) => `conversation-${n}`;
-class ee {
-  constructor() {
-    this._locking = Promise.resolve(), this._locks = 0;
-  }
-  isLocked() {
-    return this._locks > 0;
-  }
-  lock() {
-    this._locks += 1;
-    let e, t = new Promise(
-      (r) => e = () => {
-        this._locks -= 1, r();
-      }
-    ), s = this._locking.then(() => e);
-    return this._locking = this._locking.then(() => t), s;
-  }
-}
-class te {
-  constructor(e, t, s) {
-    this.container = e, this.conversation = t, this.enabled = s, this.locker = new ee(), this.initialStoredAgents = [], this.sessionStorageKey = q(t.id), t.onStarted(() => g(this, null, function* () {
-      if (t.messages.length > 0)
-        return;
-      const { agents: r } = yield this.read(), i = [];
-      r && r.forEach((o) => {
-        const c = t.providerIndex(o.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(o.providerName), l = new I(h, { name: o.name, avatar: o.avatar, id: o.id });
-        i.push(l);
-      });
-      const { messages: a } = yield this.read();
-      a.forEach((o) => {
-        switch (o.type) {
-          case "agent": {
-            const c = i.find((h) => {
-              var l;
-              return h.id === ((l = o.sender) == null ? void 0 : l.id);
-            });
-            c && c.print(o.content.items || o.content, {
-              key: o.key
-            });
-            return;
-          }
-          case "user": {
-            t.user.print(o.content.items || o.content, {
-              key: o.key
-            });
-            return;
-          }
-          case "system":
-          default:
-            t.print(o.content.items || o.content);
-        }
-      });
-    })), t.onMessageCreated((r, i) => g(this, null, function* () {
-      this.write(i.message, "messages");
-    })), t.events.subscribe("conversation:agent-created", (r, i) => g(this, null, function* () {
-      const a = {
-        id: i.agent.id,
-        name: i.agent.name,
-        avatar: i.agent.avatar,
-        providerName: i.agent.provider.name
-      };
-      yield this.write(a, "agents");
-    })), t.events.subscribe("conversation:agent-updated", (r, i) => g(this, null, function* () {
-      const { agents: a } = yield this.read();
-      yield this.write(
-        [
-          ...a.map((o) => o.id === i.agent.id ? y(v({}, o), {
-            name: i.agent.name,
-            avatar: i.agent.avatar
-          }) : o)
-        ],
-        "agents",
-        "update"
-      );
-    }));
-  }
-  setInitialData(e) {
-    this.initialStoredAgents = e.agents;
-  }
-  isRehydrated() {
-    return g(this, null, function* () {
-      const { messages: e } = yield this.read();
-      return e.length > 0;
-    });
-  }
-  getStoredAgent(e) {
-    if (this.enabled)
-      return this.initialStoredAgents.find((t) => t.id === e);
-  }
-  write(e, t, s = "add") {
-    return g(this, null, function* () {
-      if (!this.enabled)
-        return;
-      const r = yield this.locker.lock();
-      return W(
-        this.container,
-        this.sessionStorageKey,
-        D.Necessary
-      ).then((i) => g(this, null, function* () {
-        if (s === "add") {
-          const a = yield this.read();
-          if (t === "messages" && a.messages.findIndex((c) => c.key === e.key) > -1) {
-            r();
-            return;
-          }
-          let o = v({}, a);
-          return t === "messages" ? o.messages = [...o.messages, e] : t === "agents" && (o.agents = [...o.agents, e]), i(v(v({}, a), o)).then(() => {
-            r();
-          });
-        }
-        if (s === "update" && t === "agents") {
-          const a = yield this.read();
-          return i(y(v({}, a), {
-            agents: e
-          })).then(() => {
-            r();
-          });
-        }
-        return i(e).then(() => {
-          r();
-        });
-      }));
-    });
-  }
-  read() {
-    return g(this, null, function* () {
-      return b(this.container, this.sessionStorageKey).then((e) => e || {
-        messages: [],
-        agents: []
-      });
-    });
-  }
-}
-const se = te;
-class re {
-  constructor(e) {
-    this.controller = e, this.print = (t, s) => {
-      const r = E(t, s);
-      return this.controller.createEntry(
-        r.key,
-        r.content,
-        P.User,
-        void 0,
-        r.timestamp
-      );
-    };
-  }
-}
-const T = (n, e, t) => g(void 0, null, function* () {
-  const s = yield n.getAsync("conversation"), r = yield n.getAsync("components"), i = s.controllers.find((a) => a.conversation.id === e);
-  if (i) {
-    const a = [...i.conversation.providers];
-    a.forEach((c) => {
-      i.conversation.setProviderOptions(c, { silent: !0 });
-    }), i.conversation.queueProviders(a), i.conversation.setProviders([t]);
-    const o = r.components().ofType("conversation");
-    r.write({
-      key: "setConversationProvider",
-      attributes: {
-        properties: { providers: [t] }
-      },
-      target: o,
-      provider: "localStorage"
-    });
-  }
-});
-class ie {
-  constructor(e) {
-    this.writer = e;
-  }
-  update(e) {
-    const t = this.getNormalizedSettings(e);
-    this.writer(t);
-  }
-  remove() {
-    this.writer(null);
-  }
-  getNormalizedSettings(e) {
-    return typeof e == "string" ? { body: e } : e.length > -1 && typeof e == "object" ? { items: e } : e;
-  }
-}
-var P = /* @__PURE__ */ ((n) => (n.User = "user", n.Agent = "agent", n.System = "system", n))(P || {});
-const E = (n, e) => {
-  let t, s = (e == null ? void 0 : e.key) || K(), r = Date.now();
-  if (Array.isArray(n) && n.length > -1)
-    typeof n[0] == "string" ? t = { items: [n] } : t = { items: n };
-  else if (typeof n == "string")
-    t = { body: n };
-  else if (n = n || {}, n.type)
-    t = v({}, n);
-  else {
-    if (t = {
-      body: n.body,
-      actions: n.actions,
-      title: n.title
-    }, n.key && (s = n.key), n.timestamp && (r = n.timestamp), typeof n.form == "function") {
-      const i = Y.create(s);
-      n.form(i);
-      const a = i.get();
-      t.form = a;
-    }
-    n.timestamp === null && (r = null);
-  }
-  return { content: t, key: s, timestamp: r };
-}, L = (n, e) => {
-  if (!e)
-    return;
-  const t = JSON.stringify(e), s = n.findIndex((r) => t === JSON.stringify(r));
-  if (s > -1)
-    return n.splice(s, 1);
-};
-class ne {
-  constructor(e, t, s) {
-    this.container = e, this.id = t, this.formHandlers = {}, this.user = new re(this), this.providers = [], this.active = !1, this.queuedProviders = [], this.registeredProviders = [], this.loaders = 0, this.componentMounted = !1, this.messages = [], this.typingActors = [], this.print = (i) => {
-      const a = E(i);
-      return this.createEntry(
-        a.key,
-        a.content,
-        "system",
-        void 0,
-        a.timestamp
-      );
-    };
-    const r = e.get("$widget");
-    this.events = r.events.createChild(this), this.store = new se(e, this, s.rehydrate), this.conversationHistory = new Z(this);
-  }
-  setInitialStorage(e) {
-    this.store.setInitialData(e);
-  }
-  setProviders(e) {
-    const t = [], s = [];
-    this.providers.reduce((r, i) => (e.indexOf(i) === -1 && r.push(i), r), []).forEach((r) => {
-      const i = this.providers.indexOf(r);
-      i > -1 && (t.push(r), this.providers.splice(i, 1));
-    }), e.forEach((r) => {
-      this.providers.indexOf(r) === -1 && (s.push(r), this.providers.push(r));
-    }), (s.length || t.length) && this.events.dispatch("conversation:providers-changed", { added: s, removed: t });
-  }
-  createProvider(e) {
-    const t = this.providerIndex(e);
-    if (t > -1)
-      return this.registeredProviders[t];
-    const s = M.create(e, this.container, this);
-    return this.registeredProviders.push(s), s;
-  }
-  providerIndex(e) {
-    return this.registeredProviders.findIndex((t) => t.name === e);
-  }
-  getAgentById(e) {
-    if (e)
-      return this.store.getStoredAgent(e);
-  }
-  dispose() {
-    this.conversationHistory.dispose(), this.registeredProviders.forEach((e) => e.dispose()), this.messages = [], this.events.dispatch("conversation:controller-disposed", this), this.active = !1;
-  }
-  onDispose(e) {
-    return this.events.subscribe("conversation:controller-disposed", e);
-  }
-  onStarted(e) {
-    return this.events.subscribe("conversation:started", e);
-  }
-  onMessageCreated(e) {
-    return this.events.subscribe("conversation:message-created", e);
-  }
-  isRehydrated() {
-    return this.store.isRehydrated();
-  }
-  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(e) {
-    return this.events.subscribe("conversation:providers-changed", e);
-  }
-  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));
-  }
-  setProviderOptions(e, t) {
-    const s = this.providerIndex(e);
-    s > -1 && this.registeredProviders[s].setOptions(t);
-  }
-  changeProvider(e) {
-    this.registeredProviders.find((s) => s.name === e) && T(this.container, this.id, e);
-  }
-  queueProviders(e) {
-    this.queuedProviders = e;
-  }
-  onCompleteProvider() {
-    const e = this.queuedProviders.pop();
-    e && T(this.container, this.id, e);
-  }
-  getComponentMountedState() {
-    return this.componentMounted;
-  }
-  onUnreadMessage(e) {
-    return this.events.subscribe("conversation:unread-message", e);
-  }
-  createEntry(e, t, s, r, i) {
-    const a = {
-      key: e,
-      content: t,
-      type: s,
-      sender: r || null,
-      timestamp: i || i === null ? i : Date.now()
-    };
-    this.messages.push(a), a.type === "agent" && L(this.typingActors, r);
-    const o = new ie((c) => {
-      if (c !== null) {
-        const h = c, { timestamp: l = void 0 } = h, d = _(h, ["timestamp"]);
-        a.content = d, l && (a.timestamp = l);
-      } else {
-        const l = this.messages.indexOf(a);
-        a.content = null, l > -1 && this.messages.splice(l, 1);
-      }
-      this.events.dispatch("conversation:message-updated", { message: a }), this.update();
-    });
-    return this.events.dispatch("conversation:message-created", { message: a }), this.update(), this.componentMounted || this.events.dispatch("conversation:unread-message", !0), o;
-  }
-  update() {
-    this.events.dispatch("conversation:updated", {
-      messages: this.messages,
-      loading: this.loaders > 0,
-      typingActors: this.typingActors
-    });
-  }
-  getMessageStream() {
-    return {
-      messages: this.messages,
-      loading: this.loaders > 0,
-      typingActors: this.typingActors
-    };
-  }
-  setTypingState(e, t) {
-    return this.typingActors.indexOf(e) === -1 && (this.typingActors.push(e), this.update()), () => {
-      L(this.typingActors, e), this.update();
-    };
-  }
-  /**
-   * Displays a loader in the conversation.
-   */
-  loader() {
-    this.loaders = this.loaders + 1;
-    let e = !1;
-    return this.loaders === 1 && this.update(), () => {
-      e || (e = !0, this.loaders = this.loaders - 1, this.loaders === 0 && this.update());
-    };
-  }
-  submitForm(e, t) {
-    this.formHandlers[e] = y(v({}, this.formHandlers[e]), { submit: t });
-  }
-  validateForm(e, t) {
-    this.formHandlers[e] = y(v({}, this.formHandlers[e]), { validate: t });
-  }
-  getHistory() {
-    return this.conversationHistory.getConversationLogs();
-  }
-}
-const oe = (n, e) => {
-  const t = n.split("_contact");
-  return e.widgets.get(t[0]);
-}, N = (n) => {
-  const e = n.get("$widget"), { name: t, implementation: s } = n.get("$widget"), r = t.indexOf("_contact") > -1 ? oe(t, s) : e, { data: i } = n.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: i } : { mainWidget: r, data: i };
-}, ae = (n) => {
-  const { chatWidget: e } = N(n);
-  return !!e;
-}, z = (n, e, t) => {
-  const { mainWidget: s, data: r, chatWidget: i } = N(n);
-  return i ? i.state === "activated" ? i.invoke("open").then(() => {
-    i.container.getAsync("conversation").then((a) => {
-      a.navigateToConversationIfActive(e.id).then(() => B(n));
-    });
-  }) : i.activate().then(() => {
-    const { trigger: a } = i.container.get("$settings");
-    return a.action = "hide", i.invoke("setSettings", () => ({
-      data: r,
-      trigger: a,
-      activate: !0
-    })).then(() => i.container.getAsync("components").then((o) => {
-      const c = o.components().ofType("contact-method");
-      o.write({
-        key: "setContactMethodId",
-        attributes: {
-          properties: {
-            id: e.id,
-            guideId: e.guideId
-          }
-        },
-        target: c,
-        provider: "localStorage"
-      });
-      const h = o.components().ofType("conversation");
-      o.write({
-        key: "setConversationProvider",
-        attributes: {
-          properties: { providers: [e.clientName] }
-        },
-        target: h,
-        provider: "localStorage"
-      });
-    }));
-  }).then(() => i.invoke("attach", {
-    key: "contact-method",
-    triggerDOMElement: t,
-    withRenderState: "open"
-  })).then(() => (W(
-    i.container,
-    "activeStickyWidget",
-    D.Necessary,
-    {
-      medium: w.Local,
-      scope: J.Implementation
-    }
-  ).then((a) => a(i.name)), i.container.getAsync("conversation").then((a) => {
-    a.setConversationEndedBehavior(x.Deactivate);
-  }).then(() => B(n)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(() => a.setConversationEndedBehavior(x.Navigate))), !i);
-}, ce = (n, e, t = "conversation") => {
-  const { mainWidget: s, chatWidget: r } = N(n);
-  return r ? r.container.getAsync("router").then((i) => {
-    i.navigate(t, { id: e.id });
-  }) : s.container.getAsync("conversation").then((i) => {
-    var a;
-    (a = i.setConversationEndedBehavior(x.Navigate)) == null || a.then(() => {
-      s.container.getAsync("router").then((o) => {
-        s.container.getAsync("components").then((c) => {
-          const h = c.components().ofType("conversation");
-          c.write({
-            key: "setConversationProvider",
-            attributes: { properties: { providers: [e.clientName] } },
-            target: h,
-            provider: "localStorage"
-          });
-        }).then(() => {
-          o.navigate(t, { id: e.id });
-        });
-      });
-    });
-  });
-}, A = "conversations";
-var x = /* @__PURE__ */ ((n) => (n.Deactivate = "deactivate", n.Navigate = "navigate", n.None = "none", n))(x || {});
-class S {
-  constructor(e, t) {
-    this.container = e, this.components = t, this.controllers = [], this.providers = [], this.disposeProviders = {}, this.subscriptions = [], this.storageWriter = null, this.router = null, this.buttonQuery = null, this.sessionInfo = null;
-    const s = e.get("$widget");
-    this.events = s.events.createChild(this);
-  }
-  initialize() {
-    W(this.container, A, D.Necessary, {
-      medium: w.Local
-    }).then((e) => this.storageWriter = e), b(this.container, A, w.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, i;
-      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();
-          o && ((i = this.router) == null || i.navigate(o.name));
-          break;
-      }
-      this.writeToComponents({ active: !1 }), this.sessionInfo = null, this.storageWriter && this.storageWriter();
-    });
-  }
-  addSubscription(e) {
-    this.subscriptions.push(e);
-  }
-  static getInstance(e, t = "conversation") {
-    return V(e)(() => e.getAsync(t).then((s) => {
-      let r = s;
-      return r || Q.getInstance(e).then((i) => (r = new S(e, i), r.initialize(), e.registerAsync(t, () => r), r));
-    }));
-  }
-  navigateToConversationIfActive(e) {
-    return b(this.container, A, w.Local).then(
-      (t) => {
-        var s;
-        if (t && t.id === e && t.route) {
-          const { name: r, params: i } = t.route;
-          (s = this.router) == null || s.navigate(r, i);
-        }
-      }
-    );
-  }
-  setConversationEndedBehavior(e) {
-    return b(this.container, A, w.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(e, t) {
-    return g(this, null, function* () {
-      const s = q(e), { agents: r } = (yield b(
-        this.container,
-        s
-      )) || { agents: [] }, i = this.controllers.findIndex((o) => o.conversation.id === e);
-      let a;
-      return i > -1 ? a = this.controllers[i].conversation : a = new ne(this.container, e, t), a.setInitialStorage({ agents: r || [] }), a;
-    });
-  }
-  registerProvider(e, t) {
-    const s = {
-      name: e,
-      handler: t
-    };
-    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((i) => i.conversation.id === e.id);
-    let r;
-    if (s < 0) {
-      r = { conversation: e, component: t }, this.controllers.push(r);
-      const i = (a) => {
-        a && this.providers.filter((o) => a.indexOf(o.name) > -1).forEach((o) => {
-          this.invokeHandler(o, r);
-        });
-      };
-      return this.subscriptions.push(
-        e.onDispose((a, o) => {
-          const c = this.controllers.findIndex((h) => h.conversation === o);
-          c > -1 && this.controllers.splice(c, 1), this.components.components().ofType("conversation-return-button").select().writeProperties({ active: !1 }), this.events.dispatch("conversation:ended", {}, { bubbles: !0 });
-        })
-      ), this.subscriptions.push(
-        e.onProvidersChange((a, o) => {
-          const { added: c, removed: h = [] } = o;
-          h.forEach((l) => {
-            (this.disposeProviders[l] || []).forEach((d) => {
-              d();
-            });
-          }), i(c);
-        })
-      ), this.subscriptions.push(
-        e.onStarted((a, o) => {
-          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: o });
-        })
-      ), this.subscriptions.push(
-        e.onUnreadMessage((a, o) => {
-          this.events.dispatch("conversation:unread-message", o), this.writeToComponents({ alert: { show: o } });
-        })
-      ), i(e.providers), !0;
-    }
-    return r = this.controllers[s], !1;
-  }
-  writeToComponents(e, t = "conversationReturnButtonState") {
-    this.buttonQuery && this.components.write({
-      key: "conversationReturnButtonState",
-      attributes: { properties: e },
-      target: this.buttonQuery,
-      provider: "localStorage"
-    });
-  }
-  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 b(this.container, A, w.Local).then(
-      (e) => e == null ? void 0 : e.route
-    );
-  }
-  dispose() {
-    Object.keys(this.disposeProviders).forEach((e) => {
-      this.disposeProviders[e].forEach((t) => {
-        t();
-      });
-    }), this.subscriptions.forEach((e) => {
-      e();
-    }), this.controllers = [], this.providers = [];
-  }
-  static handleContactMethodClick(e, t, s, r) {
-    return g(this, null, function* () {
-      if (ae(t)) {
-        e.preventDefault();
-        let i = document.getElementById("humany-dynamic-anchor");
-        i || (i = document.createElement("a"), i.setAttribute("href", "#"), i.id = "humany-dynamic-anchor", document.body.appendChild(i)), z(t, s, i);
-      }
-      z(t, s);
-    });
-  }
-  static handleContactMethodSubmit(e, t) {
-    return g(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 ? T(
-        e,
-        t.body.form.meta.conversation.id,
-        t.clientName
-      ) : ce(e, t);
-    });
-  }
-}
-const he = (n, e) => n.reduce((t, s, r) => {
-  var a, o;
-  const i = y(v({}, s), {
-    content: [y(v({}, s.content), { key: s.key })]
-  });
-  if (t.length > 0 && s.type !== P.System) {
-    const c = t[t.length - 1];
-    if ((!e && e !== 0 || Math.abs(c.timestamp - s.timestamp) < e) && ((a = c.sender) == null ? void 0 : a.name) === ((o = s.sender) == null ? void 0 : o.name) && c.type === s.type)
-      return c.timestamp = s.timestamp, c.content.push(y(v({}, s.content), { key: s.key })), t;
-  }
-  return t.push(i), t;
-}, []), be = (n) => Promise.all([
-  S.getInstance(n),
-  n.getAsync("router")
-]).then(([e, t]) => U(
-  n,
-  "conversation",
-  import("./conversation-5f8374bf.js"),
-  (s) => g(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, l = (p) => {
-      const { providers: u = [] } = p;
-      if (u) {
-        const f = Array.isArray(u) ? u : [u];
-        return o.setProviders(f), f;
-      }
-    };
-    l(s.properties(l)), o.setComponentMountedState(!0);
-    const d = (p) => {
-      const { loading: u, typingActors: f, messages: C } = p;
-      s.writeProperties({
-        loading: u,
-        typingActors: f,
-        messages: he(C, h)
-      });
-    };
-    d(o.getMessageStream()), c && (s.writeProperties({ conversationControllerId: o.id }), s.actions.create("user-submit", (p, u) => {
-      if (u) {
-        const { preventDefault: f, validationPromise: C } = u;
-        if (f) {
-          C && C().then((O) => {
-            O && o.user.print(O);
-          });
-          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 m = o.events.subscribe(
-      "conversation:updated",
-      (p, u) => {
-        d(u);
-      }
-    );
-    return () => {
-      o.setComponentMountedState(!1), m(), o.active || d({ messages: [], typingActors: [], loading: !1 });
-    };
-  }),
-  { reuseController: !0 }
-)), we = (n) => Promise.all([
-  Q.getInstance(n),
-  S.getInstance(n),
-  n.getAsync("router")
-]).then(
-  ([e, t, s]) => U(
-    n,
-    "conversation-return-button",
-    import("./return-button-17ecf4af.js"),
-    (r) => {
-      r.actions.create("toggle", (i = {}) => {
-        var a;
-        (a = t.getComponentRoute()) == null || a.then((o) => {
-          o && s.navigate(o.name, o.params);
-        });
-      });
-    }
-  )
-);
-var de = /* @__PURE__ */ ((n) => (n.LinkList = "link-list", n.Separator = "separator", n.ButtonList = "button-list", n.ItemList = "item-list", n.Text = "text", n.HTML = "html", n.VideoRequest = "video-request", n))(de || {});
-const Ae = (n, e, t) => n.getAsync("componentResolver").then((s) => g(void 0, null, function* () {
-  (yield S.getInstance(n)).addSubscription(
-    s.registerComponent(
-      e,
-      X(() => t)
-    )
-  );
-}));
-export {
-  be as ConversationComponent,
-  ne as ConversationController,
-  x as ConversationEndedBehavior,
-  ie as ConversationEntry,
-  de as ConversationMessageListItemType,
-  P as ConversationMessageType,
-  S as ConversationPlatform,
-  we as ConversationReturnButtonComponent,
-  Ae as registerCustomMessageComponent
-};
-//# sourceMappingURL=index.js.map