@telia-ace/widget-conversation 0.0.1

package/index.mjs

@@ -0,0 +1,1086 @@
+var B = Object.defineProperty;
+var L = (o, e, t) => e in o ? B(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var d = (o, e, t) => (L(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { ComponentPlatform as R } from "@telia-ace/widget-core";
+import { createStorageWriter as E, StorageCategory as I, readStorage as f, StorageMedium as y, StorageScope as z } from "@telia-ace/widget-services";
+import { uuid as $, lock as K } from "@telia-ace/widget-utilities";
+import { FormBuilder as Q } from "@telia-ace/widget-forms";
+import { closeAllModals as D } from "@telia-ace/widget-plugins";
+import { createReactComponent as H } from "@telia-ace/widget-ui";
+import { lazy as U } from "react";
+class q {
+  constructor(e) {
+    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) => {
+      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 = C(s), { key: n, content: a, type: i, sender: c, timestamp: h } = r.content, u = this.parseEntry(a, i, c, h);
+        return u && t.push(u), t;
+      },
+      []
+    );
+  }
+  parseEntry(e, t, s, r) {
+    const n = (h) => {
+      let u = [], l = [], v;
+      if (Array.isArray(h)) {
+        const [p, m] = h;
+        v = m;
+      } else
+        v = h;
+      return this.createMessageContent(v).length && (l = [
+        ...l,
+        this.createMessageContent(v)
+      ]), u = [...u, ...this.createMessageOptions(v)], {
+        messagesAsList: l,
+        options: u
+      };
+    };
+    let a = [], i = [];
+    if (Array.isArray(e.items)) {
+      const { items: h } = e;
+      h.forEach((u) => {
+        const l = n(u);
+        a = [...a, ...l.options], i = [...i, ...l.messagesAsList];
+      });
+    } else {
+      const h = n(e);
+      a = [...a, ...h.options], i = [...i, ...h.messagesAsList];
+    }
+    return {
+      options: a,
+      message: i.length ? i.join(`
+`) : void 0,
+      source: this.createMessageSource(t),
+      alias: this.createAlias(t, s),
+      timestamp: r
+    };
+  }
+  createMessageSource(e) {
+    return e;
+  }
+  createAlias(e, t) {
+    return e === w.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: n,
+      description: a,
+      text: i,
+      html: c,
+      body: h,
+      contactMethodId: u
+    } = e;
+    let l = "";
+    if (u) {
+      const v = this.handleContactMethod(u.toString());
+      v && (l = this.appendText(l, v, t));
+    }
+    return s && (l = this.appendText(l, s, t)), r && (l = this.appendText(l, r, t)), a && (l = this.appendText(l, a, t)), i && (l = this.appendText(l, i, 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 = [], 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}
+${t}` : e.length ? `${e} ${t}` : t;
+  }
+  dispose() {
+    this.subscriptions.forEach((e) => {
+      e();
+    });
+  }
+}
+class k {
+  constructor(e, t) {
+    d(this, "id");
+    d(this, "name");
+    d(this, "avatar");
+    d(this, "print", (e, t, s = null) => {
+      var i, c, h;
+      const r = {
+        name: this.name,
+        avatar: this.avatar,
+        id: this.id
+      }, n = C(e, t);
+      s = s ?? n.timestamp;
+      const a = (c = (i = this.provider) == null ? void 0 : i.controller) == null ? void 0 : c.container.get(
+        "$widget"
+      );
+      return (h = a == null ? void 0 : a.events) == null || h.dispatch("tracking:conversation-message", {
+        sender: "agent"
+      }), this.provider.createEntry(
+        n.key,
+        n.content,
+        w.Agent,
+        r,
+        s
+      );
+    });
+    d(this, "typing", () => this.provider.setTypingState({
+      name: this.name,
+      avatar: this.avatar
+    }));
+    this.provider = e, this.id = t.id || $(), 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 T {
+  constructor(e, t, s) {
+    d(this, "subscriptions", []);
+    d(this, "options");
+    d(this, "user");
+    this.name = e, this.container = t, this.controller = s, this.user = s == null ? void 0 : s.user, this.options = {
+      silent: !1
+    };
+  }
+  static create(e, t, s) {
+    return new T(e, t, s);
+  }
+  createAgent(e = {}) {
+    var t;
+    if (this.controller) {
+      const s = this.controller.getAgentById(e.id), r = s ? new k(this, { ...s, ...e }) : new k(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, n) {
+    var a;
+    return (a = this.controller) == null ? void 0 : a.createEntry(e, t, s, r, n);
+  }
+  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 _ = (o) => `conversation-${o}`;
+class j {
+  constructor() {
+    d(this, "_locking", Promise.resolve());
+    d(this, "_locks", 0);
+  }
+  isLocked() {
+    return this._locks > 0;
+  }
+  lock() {
+    this._locks += 1;
+    let e;
+    const t = new Promise(
+      (r) => e = () => {
+        this._locks -= 1, r();
+      }
+    ), s = this._locking.then(() => e);
+    return this._locking = this._locking.then(() => t), s;
+  }
+}
+function F(o) {
+  let e = 0;
+  if (o.length === 0)
+    return e.toString();
+  for (let t = 0; t < o.length; t++) {
+    const s = o.charCodeAt(t);
+    e = (e << 5) - e + s, e = e & e;
+  }
+  return e.toString();
+}
+class J {
+  constructor(e, t, s) {
+    d(this, "sessionStorageKey");
+    d(this, "locker", new j());
+    d(this, "initialStoredAgents", []);
+    this.container = e, this.conversation = t, this.enabled = s, this.sessionStorageKey = _(t.id), t.onStarted(async () => {
+      if (t.messages.length > 0)
+        return;
+      const { agents: r } = await this.read(), n = [];
+      r && r.forEach((i) => {
+        const c = t.providerIndex(i.providerName), h = c > -1 ? t.registeredProviders[c] : t.createProvider(i.providerName), u = new k(h, {
+          name: i.name,
+          avatar: i.avatar,
+          id: i.id
+        });
+        n.push(u);
+      });
+      const { messages: a } = await this.read();
+      a.filter((i) => (i == null ? void 0 : i.content) != null).filter(
+        (i) => !i.chat || !t.providers.includes("ace.chat")
+      ).forEach((i) => {
+        switch (i.type) {
+          case "agent": {
+            const c = n.find((h) => {
+              var u;
+              return h.id === ((u = i.sender) == null ? void 0 : u.id);
+            });
+            c && c.print(
+              i.content.items || i.content,
+              {
+                key: i.key
+              },
+              i.timestamp
+            );
+            return;
+          }
+          case "user": {
+            t.user.print(
+              i.content.items || i.content,
+              {
+                key: i.key
+              },
+              i.timestamp
+            );
+            return;
+          }
+          case "system":
+          default:
+            t.print(
+              i.content.items || i.content,
+              i.timestamp
+            );
+        }
+      });
+    }), t.onMessageCreated(async (r, n) => {
+      this.write(n.message, "messages");
+    }), t.events.subscribe(
+      "conversation:agent-created",
+      async (r, n) => {
+        const a = {
+          id: n.agent.id,
+          name: n.agent.name,
+          avatar: n.agent.avatar,
+          providerName: n.agent.provider.name
+        };
+        await this.write(a, "agents");
+      }
+    ), t.events.subscribe(
+      "conversation:agent-updated",
+      async (r, n) => {
+        const { agents: a } = await this.read();
+        await this.write(
+          [
+            ...a.map((i) => i.id === n.agent.id ? {
+              ...i,
+              name: n.agent.name,
+              avatar: n.agent.avatar
+            } : i)
+          ],
+          "agents",
+          "update"
+        );
+      }
+    );
+  }
+  setInitialData(e) {
+    this.initialStoredAgents = e.agents;
+  }
+  async isRehydrated() {
+    const { messages: e } = await this.read();
+    return e.length > 0;
+  }
+  getStoredAgent(e) {
+    if (this.enabled)
+      return this.initialStoredAgents.find((t) => t.id === e);
+  }
+  async write(e, t, s = "add") {
+    if (!this.enabled)
+      return;
+    const r = await this.locker.lock();
+    return E(
+      this.container,
+      this.sessionStorageKey,
+      I.Necessary
+    ).then(async (n) => {
+      if (s === "add") {
+        const a = await this.read();
+        if (t === "messages" && (e.chat = this.conversation.providers.includes("ace.chat"), e.hash = F(JSON.stringify(e.content) + e.timestamp)), t === "messages" && a.messages.findIndex(
+          (c) => c.key === e.key || c.hash === e.hash
+        ) > -1) {
+          r();
+          return;
+        }
+        const i = {
+          ...a
+        };
+        return t === "messages" ? i.messages = [...i.messages, e] : t === "agents" && (i.agents = [...i.agents, e]), n({
+          ...a,
+          ...i
+        }).then(() => {
+          r();
+        });
+      }
+      if (s === "update" && t === "agents") {
+        const a = await this.read();
+        return n({
+          ...a,
+          agents: e
+        }).then(() => {
+          r();
+        });
+      }
+      return n(e).then(() => {
+        r();
+      });
+    });
+  }
+  async read() {
+    return f(this.container, this.sessionStorageKey).then((e) => e || {
+      messages: [],
+      agents: []
+    });
+  }
+}
+class G {
+  constructor(e) {
+    d(this, "print", (e, t, s = null) => {
+      var a, i;
+      const r = C(e, t);
+      return s = s ?? r.timestamp, (i = ((a = this.controller) == null ? void 0 : a.container.get("$widget")).events) == null || i.dispatch("tracking:conversation-message", {
+        sender: "user"
+      }), this.controller.createEntry(
+        r.key,
+        r.content,
+        w.User,
+        void 0,
+        s
+      );
+    });
+    this.controller = e;
+  }
+}
+const x = async (o, e, t) => {
+  const s = await o.getAsync(
+    "conversation"
+  ), r = await o.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 i = r.components().ofType("conversation");
+    r.write({
+      key: "setConversationProvider",
+      attributes: {
+        properties: { providers: [t] }
+      },
+      target: i,
+      provider: "localStorage"
+    });
+  }
+};
+class V {
+  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 w = /* @__PURE__ */ ((o) => (o.User = "user", o.Agent = "agent", o.System = "system", o))(w || {});
+const C = (o, e) => {
+  let t, s = (e == null ? void 0 : e.key) || $(), r = Date.now();
+  if (Array.isArray(o) && o.length > -1)
+    typeof o[0] == "string" ? t = { items: [o] } : t = { items: o };
+  else if (typeof o == "string")
+    t = { body: o };
+  else if (o = o || {}, o.type)
+    t = {
+      ...o
+    };
+  else {
+    if (t = {
+      body: o.body,
+      actions: o.actions,
+      title: o.title
+    }, o.key && (s = o.key), o.timestamp && (r = o.timestamp), typeof o.form == "function") {
+      const n = Q.create(s);
+      o.form(n);
+      const a = n.get();
+      t.form = a;
+    }
+    o.timestamp === null && (r = null);
+  }
+  return { content: t, key: s, timestamp: r };
+}, M = (o, e) => {
+  if (!e)
+    return;
+  const t = JSON.stringify(e), s = o.findIndex((r) => t === JSON.stringify(r));
+  if (s > -1)
+    return o.splice(s, 1);
+};
+class Y {
+  constructor(e, t, s) {
+    d(this, "formHandlers", {});
+    /**
+     * Represents the current end user.
+     */
+    d(this, "user", new G(this));
+    d(this, "events");
+    d(this, "providers", []);
+    d(this, "active", !1);
+    d(this, "queuedProviders", []);
+    d(this, "registeredProviders", []);
+    d(this, "loaders", 0);
+    d(this, "componentMounted", !1);
+    d(this, "store");
+    d(this, "messages", []);
+    d(this, "typingActors", []);
+    d(this, "conversationHistory");
+    d(this, "print", (e, t = null) => {
+      const s = C(e);
+      t = t ?? s.timestamp;
+      const r = this.container.get("$widget");
+      return r == null || r.events.dispatch("tracking:conversation-message", {
+        sender: "system"
+      }), this.createEntry(
+        s.key,
+        s.content,
+        "system",
+        void 0,
+        t
+      );
+    });
+    this.container = e, this.id = t;
+    const r = e.get("$widget");
+    this.events = r.events.createChild(this), this.store = new J(e, this, s.rehydrate), this.conversationHistory = new q(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));
+    }), (s.length || t.length) && this.events.dispatch("conversation:providers-changed", {
+      added: s,
+      removed: t
+    });
+  }
+  createProvider(e) {
+    const t = this.providerIndex(e);
+    if (t > -1)
+      return this.registeredProviders[t];
+    const s = T.create(e, this.container, this);
+    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
+    ) && x(this.container, this.id, e);
+  }
+  queueProviders(e) {
+    this.queuedProviders = e;
+  }
+  onCompleteProvider() {
+    const e = this.queuedProviders.pop();
+    e && x(this.container, this.id, e);
+  }
+  getComponentMountedState() {
+    return this.componentMounted;
+  }
+  onUnreadMessage(e) {
+    return this.events.subscribe("conversation:unread-message", e);
+  }
+  createEntry(e, t, s, r, n) {
+    const a = {
+      key: e,
+      content: t,
+      type: s,
+      sender: r || null,
+      timestamp: n || n === null ? n : Date.now()
+    };
+    this.messages.push(a), a.type === "agent" && M(this.typingActors, r);
+    const i = new V((c) => {
+      if (c !== null) {
+        const { timestamp: h = void 0, ...u } = c;
+        a.content = u, h && (a.timestamp = h);
+      } else {
+        const h = this.messages.indexOf(a);
+        a.content = null, h > -1 && this.messages.splice(h, 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), i;
+  }
+  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()), () => {
+      M(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] = { ...this.formHandlers[e], submit: t };
+  }
+  validateForm(e, t) {
+    this.formHandlers[e] = { ...this.formHandlers[e], validate: t };
+  }
+  getHistory() {
+    return this.conversationHistory.getConversationLogs();
+  }
+}
+const X = (o, e) => {
+  const t = o.split("_contact");
+  return e.widgets.get(t[0]);
+}, N = (o) => {
+  const e = o.get("$widget"), { name: t, implementation: s } = o.get("$widget"), r = t.indexOf("_contact") > -1 ? X(t, s) : e, { data: n } = o.get("$settings"), { trigger: a } = r.container.get("$settings"), i = `${t.replace("_contact-method", "").replace("_contact", "")}_contact-method`, c = s.widgets.get(i);
+  return c && !a ? { chatWidget: c, mainWidget: r, data: n } : { mainWidget: r, data: n };
+}, Z = (o) => {
+  const { chatWidget: e } = N(o);
+  return !!e;
+}, O = (o, e, t) => {
+  const { mainWidget: s, data: r, chatWidget: n } = N(o);
+  return n ? n.state === "activated" ? n.invoke("open").then(() => {
+    n.container.getAsync("conversation").then((a) => {
+      a.navigateToConversationIfActive(e.id).then(() => D(o));
+    });
+  }) : n.activate().then(() => {
+    const { trigger: a } = n.container.get("$settings");
+    return a.action = "hide", n.invoke("setSettings", () => ({
+      data: r,
+      trigger: a,
+      activate: !0
+    })).then(() => n.container.getAsync("components").then((i) => {
+      const c = i.components().ofType("contact-method");
+      i.write({
+        key: "setContactMethodId",
+        attributes: {
+          properties: {
+            id: e.id,
+            guideId: e.guideId
+          }
+        },
+        target: c,
+        provider: "localStorage"
+      });
+      const h = i.components().ofType("conversation");
+      i.write({
+        key: "setConversationProvider",
+        attributes: {
+          properties: { providers: [e.clientName] }
+        },
+        target: h,
+        provider: "localStorage"
+      });
+    }));
+  }).then(() => n.invoke("attach", {
+    key: "contact-method",
+    triggerDOMElement: t,
+    withRenderState: "open"
+  })).then(() => (E(
+    n.container,
+    "activeStickyWidget",
+    I.Necessary,
+    {
+      medium: y.Local,
+      scope: z.Implementation
+    }
+  ).then((a) => a(n.name)), n.container.getAsync("conversation").then((a) => {
+    a.setConversationEndedBehavior(
+      S.Deactivate
+    );
+  }).then(() => D(o)).then(() => !1))) : (s.container.getAsync("conversation").then((a) => a.navigateToConversationIfActive(e.id).then(
+    () => a.setConversationEndedBehavior(
+      S.Navigate
+    )
+  )), !n);
+}, ee = (o, e, t = "conversation") => {
+  const { mainWidget: s, chatWidget: r } = N(o);
+  return r ? r.container.getAsync("router").then((n) => {
+    n.navigate(t, { id: e.id });
+  }) : s.container.getAsync("conversation").then((n) => {
+    var a;
+    (a = n.setConversationEndedBehavior(S.Navigate)) == null || a.then(() => {
+      s.container.getAsync("router").then((i) => {
+        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(() => {
+          i.navigate(t, { id: e.id });
+        });
+      });
+    });
+  });
+}, b = "conversations";
+var S = /* @__PURE__ */ ((o) => (o.Deactivate = "deactivate", o.Navigate = "navigate", o.None = "none", o))(S || {});
+class A {
+  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() {
+    E(
+      this.container,
+      b,
+      I.Necessary,
+      {
+        medium: y.Local
+      }
+    ).then((e) => this.storageWriter = e), f(
+      this.container,
+      b,
+      y.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;
+      switch ((s = this.sessionInfo) == null ? void 0 : s.conversationEndedBehavior) {
+        case "deactivate":
+          this.container.get("$widget").deactivate();
+          break;
+        case "navigate":
+          const i = (r = this.router) == null ? void 0 : r.getInitialRoute();
+          i && ((n = this.router) == null || n.navigate(i.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 K(e)(() => e.getAsync(t).then((s) => {
+      let r = s;
+      return r || R.getInstance(e).then((n) => (r = new A(e, n), r.initialize(), e.registerAsync(t, () => r), r));
+    }));
+  }
+  navigateToConversationIfActive(e) {
+    return f(
+      this.container,
+      b,
+      y.Local
+    ).then((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);
+      }
+    });
+  }
+  setConversationEndedBehavior(e) {
+    return f(
+      this.container,
+      b,
+      y.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();
+    });
+  }
+  async createController(e, t) {
+    const s = _(e), { agents: r } = await f(this.container, s) || { agents: [] }, n = this.controllers.findIndex((i) => i.conversation.id === e);
+    let a;
+    return n > -1 ? a = this.controllers[n].conversation : a = new Y(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(
+      (n) => n.conversation.id === e.id
+    );
+    let r;
+    if (s < 0) {
+      r = { conversation: e, component: t }, this.controllers.push(r);
+      const n = (a) => {
+        a && this.providers.filter((i) => a.indexOf(i.name) > -1).forEach((i) => {
+          this.invokeHandler(i, r);
+        });
+      };
+      return this.subscriptions.push(
+        e.onDispose((a, i) => {
+          const c = this.controllers.findIndex(
+            (h) => h.conversation === i
+          );
+          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, i) => {
+          const {
+            added: c,
+            removed: h = []
+          } = i;
+          h.forEach((u) => {
+            (this.disposeProviders[u] || []).forEach(
+              (l) => {
+                l();
+              }
+            );
+          }), n(c);
+        })
+      ), this.subscriptions.push(
+        e.onStarted((a, i) => {
+          var h, u;
+          const c = {
+            id: e.id,
+            route: (h = this.router) == null ? void 0 : h.getRouteData(),
+            conversationEndedBehavior: (u = this.sessionInfo) == null ? void 0 : u.conversationEndedBehavior
+          };
+          this.sessionInfo = c, this.storageWriter && this.storageWriter(c), this.writeToComponents({ active: i });
+        })
+      ), this.subscriptions.push(
+        e.onUnreadMessage((a, i) => {
+          this.events.dispatch("conversation:unread-message", i), this.writeToComponents({ alert: { show: i } });
+        })
+      ), n(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 f(
+      this.container,
+      b,
+      y.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 async handleContactMethodClick(e, t, s, r) {
+    if (Z(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)), O(t, s, n);
+    }
+    O(t, s);
+  }
+  static async handleContactMethodSubmit(e, t) {
+    var s, r;
+    return (r = (s = t == null ? void 0 : t.body.form.meta) == null ? void 0 : s.conversation) != null && r.id ? x(
+      e,
+      t.body.form.meta.conversation.id,
+      t.clientName
+    ) : ee(e, t);
+  }
+}
+const te = (o, e) => o.reduce((t, s, r) => {
+  var a, i;
+  const n = {
+    ...s,
+    content: [{ ...s.content, key: s.key }]
+  };
+  if (t.length > 0 && s.type !== w.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) === ((i = s.sender) == null ? void 0 : i.name) && c.type === s.type)
+      return c.timestamp = s.timestamp, c.content.push({ ...s.content, key: s.key }), t;
+  }
+  return t.push(n), t;
+}, []), le = (o) => Promise.all([
+  A.getInstance(o),
+  o.getAsync("router")
+]).then(([e, t]) => H(
+  o,
+  "conversation",
+  import("./conversation-3787f6ba.mjs"),
+  async (s) => {
+    const { rehydrate: r = !1 } = s.properties(), a = t.getRouteData().params.id || s.node.name || "component", i = await e.createController(a, {
+      rehydrate: r
+    }), c = e.registerController(
+      i,
+      s
+    ), h = 3 * 60 * 1e3, u = (g) => {
+      const { providers: p = [] } = g;
+      if (p) {
+        const m = Array.isArray(p) ? p : [p];
+        return i.setProviders(m), m;
+      }
+    };
+    u(
+      s.properties(u)
+    ), i.setComponentMountedState(!0);
+    const l = (g) => {
+      const { loading: p, typingActors: m, messages: P } = g;
+      s.writeProperties({
+        loading: p,
+        typingActors: m,
+        messages: te(P, h)
+      });
+    };
+    l(i.getMessageStream()), c && (s.writeProperties({
+      conversationControllerId: i.id
+    }), s.actions.create("user-submit", (g, p) => {
+      if (p) {
+        const { preventDefault: m, validationPromise: P } = p;
+        if (m) {
+          P && P().then((W) => {
+            W && i.user.print(W);
+          });
+          return;
+        }
+      }
+      i.user.print(g.text);
+    }), s.actions.create("user-typing", (g, p) => {
+    }), s.actions.create("form", (g, p) => {
+    }), s.actions.create("action", (g, p) => {
+    }), s.actions.create("overlay-mounted", (g, p) => {
+    }), s.actions.create("show-overlay", (g, p) => {
+      s.writeProperties({
+        overlay: { conversation: !1, secondary: !1 }
+      });
+    }), s.actions.create("hide-overlay", (g, p) => {
+      s.writeProperties({
+        overlay: null
+      });
+    }), s.actions.create(
+      "show-overlay-conversation",
+      (g, p) => {
+        s.writeProperties({
+          overlay: { conversation: !0, secondary: !1 }
+        });
+      }
+    ), s.actions.create(
+      "hide-overlay-conversation",
+      (g, p) => {
+        s.writeProperties({
+          overlay: { conversation: !1, secondary: !1 }
+        });
+      }
+    ));
+    const v = i.events.subscribe(
+      "conversation:updated",
+      (g, p) => {
+        l(p);
+      }
+    );
+    return () => {
+      i.setComponentMountedState(!1), v(), i.active || l({ messages: [], typingActors: [], loading: !1 });
+    };
+  },
+  { reuseController: !0 }
+)), ue = (o) => Promise.all([
+  R.getInstance(o),
+  A.getInstance(o),
+  o.getAsync("router")
+]).then(
+  ([e, t, s]) => H(
+    o,
+    "conversation-return-button",
+    import("./return-button-3e542ab7.mjs"),
+    (r) => {
+      r.actions.create("toggle", (n = {}) => {
+        var a;
+        (a = t.getComponentRoute()) == null || a.then((i) => {
+          i && s.navigate(i.name, i.params);
+        });
+      });
+    }
+  )
+);
+var se = /* @__PURE__ */ ((o) => (o.LinkList = "link-list", o.Separator = "separator", o.ButtonList = "button-list", o.ItemList = "item-list", o.Text = "text", o.HTML = "html", o.VideoRequest = "video-request", o))(se || {});
+const pe = (o, e, t) => o.getAsync("componentResolver").then(async (s) => {
+  (await A.getInstance(o)).addSubscription(
+    s.registerComponent(
+      e,
+      U(() => t)
+    )
+  );
+});
+export {
+  k as Agent,
+  le as ConversationComponent,
+  Y as ConversationController,
+  S as ConversationEndedBehavior,
+  V as ConversationEntry,
+  se as ConversationMessageListItemType,
+  w as ConversationMessageType,
+  A as ConversationPlatform,
+  T as ConversationProvider,
+  ue as ConversationReturnButtonComponent,
+  pe as registerCustomMessageComponent
+};