@telia-ace/knowledge-widget-bot-provider 0.0.14 → 0.0.15-experimental.1

package/dist/index.js

@@ -1,9 +1,770 @@
-import { K as n } from "./index.a7a0d62d.js";
-import "@telia-ace/widget-conversation";
-import "@telia-ace/widget-services";
-import "@telia-ace/widget-utilities";
-import "@telia-ace/widget-forms";
+var U = Object.defineProperty, V = Object.defineProperties;
+var j = Object.getOwnPropertyDescriptors;
+var A = Object.getOwnPropertySymbols;
+var z = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var O = (i, t, e) => t in i ? U(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, M = (i, t) => {
+  for (var e in t || (t = {}))
+    z.call(t, e) && O(i, e, t[e]);
+  if (A)
+    for (var e of A(t))
+      W.call(t, e) && O(i, e, t[e]);
+  return i;
+}, H = (i, t) => V(i, j(t));
+var m = (i, t, e) => new Promise((n, s) => {
+  var a = (v) => {
+    try {
+      d(e.next(v));
+    } catch (o) {
+      s(o);
+    }
+  }, c = (v) => {
+    try {
+      d(e.throw(v));
+    } catch (o) {
+      s(o);
+    }
+  }, d = (v) => v.done ? n(v.value) : Promise.resolve(v.value).then(a, c);
+  d((e = e.apply(i, t)).next());
+});
+import { ConversationMessageListItemType as w, ConversationPlatform as _, registerCustomMessageComponent as P } from "@telia-ace/widget-conversation";
+import { readStorage as D, createStorageWriter as R, StorageCategory as F } from "@telia-ace/widget-services";
+import { uuid as x } from "@telia-ace/widget-utilities";
+import { FormBuilder as $, submitButton as J } from "@telia-ace/widget-forms";
+var f = /* @__PURE__ */ ((i) => (i.ContactMethod = "ace-knowledge-bot-contact-method", i.ContactList = "ace-knowledge-bot-contact-list", i.FeedbackList = "ace-knowledge-bot-feedback-list", i.NotificationList = "ace-knowledge-bot-notification-list", i.NoGoodAlternative = "ace-knowledge-bot-no-good-alternative", i))(f || {});
+const q = (i) => {
+  if (i) {
+    const { type: t, content: e } = i;
+    if (t && e)
+      return { type: t, content: e };
+  }
+}, T = ({
+  isUser: i,
+  items: t = [],
+  meta: e = {}
+}) => {
+  const n = x();
+  return {
+    id: n,
+    isUser: i,
+    items: t.map((a) => ({
+      id: a.id || x(),
+      isUser: i,
+      groupId: n,
+      message: a.message || []
+    })),
+    meta: e
+  };
+}, Q = ({
+  id: i,
+  title: t,
+  defaultIcon: e,
+  exits: [n],
+  exitType: s,
+  confirmationText: a,
+  expandFormAutomatically: c,
+  form: d,
+  description: v
+}, o = {}) => {
+  const { adapter: r } = n || { Adapter: {} }, { clientName: l = "", settings: y = {}, customClientName: I = "" } = r, { validation: S } = o, p = {
+    id: i.toString(),
+    title: t,
+    description: v,
+    symbol: q(e),
+    clientName: l === "custom.adapter" ? I : l,
+    expanded: !0,
+    inline: !0,
+    body: {}
+  };
+  if (l.indexOf("phone") > -1 || l.indexOf("freetext") > -1) {
+    const { displayTextBeforeClick: h, textBeforeClick: g } = y;
+    h === "true" && (p.expanded = !1, p.title = g), l.indexOf("phone.text") > -1 ? p.body.phoneNumber = y.phoneNumber : p.body.freetext = y.freetext;
+  }
+  return (l.indexOf("chat.popup") > -1 || l.indexOf("link") > -1 || l === "custom.adapter" && s === "custom") && (p.body = y, p.body.confirmationFallback = a), l.indexOf("ace") > -1 && (p.body = y), d && d.hasValueComponents && (S ? p.body.form = $.fromLegacyForm(i.toString(), d, S).get() : p.body.form = $.fromLegacyForm(i.toString(), d).get(), c || (p.expanded = p.inline = !1), p.body = Z(p, { submit: "Submit" })), o.guideId && (p.body.guideId = o.guideId), p;
+}, X = (i) => (i == null ? void 0 : i.$type) === "Humany.Matching.Bots.Conversations.GuideListState, Humany.Matching" ? w.LinkList : (i == null ? void 0 : i.$type) === "Humany.Matching.Bots.Conversations.States.GuideFeedbackState, Humany.Matching" ? f.FeedbackList : (i == null ? void 0 : i.$type) === "Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching" ? f.ContactList : w.ButtonList, Y = (i, t) => {
+  const { knowledgeBotEndpoint: e } = t.properties();
+  if (e)
+    return `${e}/conversations`;
+  const { data: n } = i.get("$settings");
+  if (!n || !n.projection)
+    throw new Error("Missing Knowledge Bot endpoint");
+  return `${n.projection}/conversations`;
+}, Z = (i, {
+  submit: t,
+  errors: e,
+  meta: n
+}) => {
+  var s;
+  if ((s = i == null ? void 0 : i.body) != null && s.form) {
+    const { body: a } = i, c = new $(a.form);
+    return a.form.layout.submit || c.createComponent(J(t, "submit")), e && c.setValidationErrors(e), n && c.setMeta(n), H(M({}, a), {
+      form: c.get()
+    });
+  }
+  return (i == null ? void 0 : i.body) || {};
+}, b = ({
+  messageId: i,
+  message: t,
+  group: e
+}) => ({
+  id: i,
+  message: t,
+  groupId: e.id,
+  isUser: e.isUser
+}), tt = (i, t) => m(void 0, null, function* () {
+  const e = (o, r, l, y = {
+    actions: [],
+    entryId: r.id,
+    groupId: l
+  }) => {
+    const I = [];
+    return y.actions = r.content.items.map((S) => {
+      var h;
+      const p = {
+        label: S.title,
+        actionKey: S.actionKey,
+        symbol: S.symbol ? S.symbol : void 0
+      };
+      if (S.data) {
+        const g = r.actions[S.actionKey];
+        o === f.ContactList ? (I.push(S.data.id), p.data = Q(S.data, {
+          guideId: (h = g == null ? void 0 : g.guideId) == null ? void 0 : h.toString()
+        })) : p.data = S.data;
+      }
+      return p;
+    }), o === f.ContactList && (y.contactMethodIds = I), y;
+  }, n = (I, S, ...p) => m(void 0, [I, S, ...p], function* (o, r, l = [], y) {
+    const h = x();
+    switch (o.type) {
+      case "List": {
+        const { header: g, items: K, html: N } = o.content, L = [];
+        let k = {
+          actions: [],
+          entryId: o.id,
+          groupId: r.id
+        };
+        if (g && (k.header = g), (K == null ? void 0 : K.length) > 0) {
+          const u = X(o.localState);
+          if (k = e(u, o, r.id, k), l.length) {
+            const C = l.find((E) => E.tags.includes("paging")), B = l.find((E) => E.tags.includes("fallback"));
+            if (C != null && C.content && (r.meta.paging = {
+              actions: C.actions,
+              items: C.content.items,
+              localState: C.localState
+            }, C.content.items.forEach((E) => {
+              k.actions.push({
+                label: E.title,
+                actionKey: E.actionKey,
+                data: {
+                  groupId: y ? y.id : r.id
+                }
+              });
+            })), B) {
+              const E = B.content.items.find(
+                (G) => G.actionKey === "help"
+              );
+              E && (L.push(
+                b({
+                  messageId: h,
+                  message: [
+                    w.Separator,
+                    void 0
+                  ],
+                  group: r
+                })
+              ), L.push(
+                b({
+                  messageId: h,
+                  message: [
+                    f.NoGoodAlternative,
+                    { body: E.title }
+                  ],
+                  group: r
+                })
+              ));
+            }
+          }
+          L.unshift(
+            b({
+              messageId: h,
+              message: [u, k],
+              group: r
+            })
+          );
+        }
+        return N && L.unshift(
+          b({
+            messageId: h,
+            message: [w.HTML, { body: N }],
+            group: r
+          })
+        ), L;
+      }
+      case "Text": {
+        const g = [];
+        if (g.push(
+          b({
+            messageId: h,
+            message: [
+              w.HTML,
+              { body: o.content.html }
+            ],
+            group: r
+          })
+        ), l.length) {
+          const K = l.find(
+            (u) => {
+              var C;
+              return u.type === "List" && ((C = u.localState) == null ? void 0 : C.$type) === "Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching";
+            }
+          ), N = l.find((u) => u.tags.includes("dialog")), L = l.find((u) => u.tags.includes("feedback")), k = l.find(
+            (u) => u.tags.includes("contact") && u.type === "Contact"
+          );
+          if (k && g.push(
+            b({
+              messageId: h,
+              message: [
+                f.ContactMethod,
+                {
+                  contactMethodId: k.content.id,
+                  groupId: r.id,
+                  guideId: k.content.guideId
+                }
+              ],
+              group: r
+            })
+          ), N && g.push(
+            b({
+              messageId: h,
+              message: [
+                w.ButtonList,
+                {
+                  actions: N.content.items.map((u) => ({
+                    label: u.title,
+                    actionKey: u.actionKey
+                  }))
+                }
+              ],
+              group: r
+            })
+          ), K) {
+            const u = e(
+              f.ContactList,
+              K,
+              r.id
+            );
+            g.push(
+              b({
+                messageId: h,
+                message: [w.Separator, void 0],
+                group: r
+              })
+            ), g.push(
+              b({
+                messageId: h,
+                message: [f.ContactList, u],
+                group: r
+              })
+            );
+          }
+          L && (L.content.html && g.push(
+            b({
+              messageId: h,
+              group: r,
+              message: [
+                w.HTML,
+                {
+                  body: L.content.html
+                }
+              ]
+            })
+          ), g.push(
+            b({
+              messageId: h,
+              group: r,
+              message: [
+                f.FeedbackList,
+                {
+                  actions: L.content.items.map((u) => ({
+                    actionKey: u.actionKey,
+                    label: u.title
+                  }))
+                }
+              ]
+            })
+          ));
+        }
+        return g;
+      }
+      case "Contact":
+        return [
+          b({
+            messageId: h,
+            message: [
+              f.ContactMethod,
+              {
+                contactMethodId: o.content.id,
+                groupId: r.id,
+                guideId: o.content.guideId
+              }
+            ],
+            group: r
+          })
+        ];
+      case "CategorizedNoticeList": {
+        const g = [
+          b({
+            messageId: h,
+            message: [
+              f.NotificationList,
+              {
+                id: o.content.item.id.toString(),
+                header: o.content.item.title,
+                items: o.content.item.listNotices,
+                symbol: o.content.item.defaultIcon
+              }
+            ],
+            group: r
+          })
+        ];
+        return (o.content.notices || []).forEach((K) => {
+          g.push(
+            b({
+              messageId: h,
+              message: [
+                w.HTML,
+                {
+                  body: K.body
+                }
+              ],
+              group: r
+            })
+          );
+        }), g;
+      }
+      case "footerNotice":
+        return [
+          b({
+            messageId: h,
+            message: [
+              w.HTML,
+              {
+                body: o.content.item.body
+              }
+            ],
+            group: r
+          })
+        ];
+      case "Error":
+        return [
+          b({
+            messageId: h,
+            message: [
+              w.HTML,
+              {
+                body: o.content.message || "Something went wrong."
+              }
+            ],
+            group: r
+          })
+        ];
+      default:
+        return [];
+    }
+  }), s = (o) => ["CategorizedNoticeList", "NoticeList"].includes(o.type) ? (o.content.items || []).reduce((r, l) => (o.content.isInitialNotices && r.push(H(M({}, o), {
+    id: x(),
+    type: l.type || o.type,
+    content: {
+      $type: o.content.$type,
+      isInitialNotices: o.content.isInitialNotices,
+      notices: l.notices,
+      item: l
+    }
+  })), r), []) : o, a = /* @__PURE__ */ new Map([
+    ["Text", 1],
+    ["List", 2],
+    ["Contact", 3],
+    ["CategorizedNoticeList", 10]
+  ]), c = [], d = i.sort((o, r) => {
+    var y = a.get(o.type) || 20, I = a.get(r.type) || 20;
+    return y - I;
+  }).filter((o) => !o.relation).reduce((o, r) => o.concat(s(r)), []), v = (o) => typeof o.actions.selector != "undefined";
+  for (const o of d) {
+    const r = i.filter(
+      (I) => I.relation === o.id && !v(I)
+    ), l = T({ isUser: !1 });
+    (yield n(o, l, r, t)).forEach((I) => {
+      l.items.push(I);
+    }), l.items.length && c.push(l);
+  }
+  return c;
+});
+class et {
+  constructor(t, e, n, s) {
+    this.endpoint = t, this.events = e, this.store = n, this.container = s, this.clientId = x(), this.entries = [];
+  }
+  start(e) {
+    return m(this, arguments, function* ({ silent: t }) {
+      const n = yield this.store.read("globalState"), s = yield this.store.read("localState"), a = yield this.store.read("entries");
+      if (this.globalState = n || this.globalState, this.localState = s || this.localState, this.entries = a || this.entries, t)
+        return;
+      const c = this.createInitialEnvelope();
+      return yield this.postEnvelope(c);
+    });
+  }
+  sendMessage(t) {
+    return m(this, null, function* () {
+      const e = {
+        command: { phrase: t },
+        globalState: this.globalState,
+        clientId: this.clientId
+      };
+      return yield this.postEnvelope(e);
+    });
+  }
+  helpAction() {
+    return m(this, null, function* () {
+      return this.postEnvelope({
+        action: {
+          key: "help",
+          content: {
+            $type: "Humany.Matching.Bots.Conversations.Actions.Help, Humany.Matching"
+          }
+        },
+        globalState: this.globalState,
+        clientId: this.clientId
+      });
+    });
+  }
+  nextAction(t) {
+    return m(this, null, function* () {
+      var n;
+      const { paging: e } = t.meta;
+      if (!!((n = e.actions) != null && n.next))
+        return this.postEnvelope(
+          {
+            action: {
+              key: "next",
+              content: e.actions.next
+            },
+            localState: e.localState,
+            globalState: this.globalState,
+            clientId: this.clientId
+          },
+          t
+        ).then((s) => {
+          const a = t.items.findIndex((c) => c.message[0] === "link-list");
+          return a === -1 || !s ? t : H(M({}, t), {
+            meta: M(M({}, t.meta), s[0].meta),
+            items: [
+              ...t.items.slice(0, a),
+              H(M({}, t.items[a]), {
+                message: [
+                  s[0].items[0].message[0],
+                  M(M({}, t.items[a].message[1]), s[0].items[0].message[1])
+                ]
+              }),
+              ...t.items.slice(a + 1)
+            ]
+          });
+        });
+    });
+  }
+  showContactMethodAction(t) {
+    return m(this, null, function* () {
+      const e = this.entries.find((s) => s.id === t.entryId), n = e == null ? void 0 : e.actions[t.actionKey];
+      if (!!n)
+        return this.postEnvelope({
+          action: {
+            key: t.actionKey,
+            content: n
+          },
+          localState: e.localState,
+          globalState: this.globalState,
+          clientId: this.clientId
+        });
+    });
+  }
+  defaultAction(t) {
+    return m(this, null, function* () {
+      const e = this.getEntryOfAction(t);
+      if (!!e)
+        return this.postEnvelope({
+          action: {
+            key: t,
+            content: e.actions[t]
+          },
+          localState: e.localState,
+          globalState: this.globalState,
+          clientId: this.clientId
+        });
+    });
+  }
+  createInitialEnvelope() {
+    return {
+      command: { site: this.endpoint },
+      clientId: this.clientId,
+      globalState: {},
+      funnel: this.container.get("$widget").name
+    };
+  }
+  postEnvelope(t, e) {
+    return m(this, null, function* () {
+      try {
+        const n = yield fetch(this.endpoint, this.getHttpOptions(t));
+        if (!n.ok)
+          throw n;
+        const s = yield n.json();
+        return this.handleResponse(s, e);
+      } catch (n) {
+        process.env.NODE_ENV !== "production" && console.warn("Something went wrong when posting the envelope.");
+        let s = "Something went wrong";
+        return (n.message === "Failed to fetch" || n.message === "NetworkError when attempting to fetch resource.") && (s = "Lost connection... Please try again."), this.handleResponse({
+          entries: [
+            {
+              id: x(),
+              type: "Error",
+              timestamp: new Date().toISOString(),
+              content: {
+                message: s
+              },
+              actions: {},
+              tags: []
+            }
+          ]
+        });
+      }
+    });
+  }
+  handleResponse(t, e) {
+    return m(this, null, function* () {
+      this.entries = this.entries.concat(t.entries), this.store.write(this.entries, "entries");
+      const n = t.entries.find((a) => a.type === "Widget");
+      return n && this.events.dispatch("provider:widget-entry", n.content), t.globalState && (this.globalState = t.globalState, this.store.write(t.globalState, "globalState")), this.localState = t.entries.reduce((a, c) => c.localState ? c.localState : a, void 0), this.store.write(this.localState, "localState"), yield tt(t.entries, e);
+    });
+  }
+  getHttpOptions(t) {
+    const e = {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json"
+      }
+    };
+    return t.funnel = this.container.get("$widget").name, t.localState = t.localState || this.localState, Object.assign({}, e, {
+      body: JSON.stringify(t),
+      credentials: "same-origin"
+    });
+  }
+  getEntryOfAction(t) {
+    return this.entries.find((e) => !!e.actions[t]);
+  }
+}
+const it = et;
+class nt {
+  constructor(t) {
+    this.container = t, this.enabled = !0, this.botProviderGlobalStateKey = "bot-provider-global-state", this.botProviderLocalStateKey = "bot-provider-local-state", this.botProviderEntriesKey = "bot-provider-entries", this.botProviderMetaStateKey = "bot-provider-conversation-meta";
+  }
+  getKey(t) {
+    let e;
+    switch (t) {
+      case "localState":
+        e = this.botProviderLocalStateKey;
+        break;
+      case "globalState":
+        e = this.botProviderGlobalStateKey;
+        break;
+      case "entries":
+        e = this.botProviderEntriesKey;
+        break;
+      case "meta":
+        e = this.botProviderMetaStateKey;
+        break;
+    }
+    return e;
+  }
+  read(t) {
+    return m(this, null, function* () {
+      const e = this.getKey(t);
+      if (!(!this.enabled || !e))
+        return D(this.container, e);
+    });
+  }
+  write(t, e) {
+    return m(this, null, function* () {
+      const n = this.getKey(e);
+      if (!this.enabled || !n)
+        return;
+      (yield R(this.container, n, F.Necessary))(t);
+    });
+  }
+}
+const st = nt;
+class ot {
+  constructor(t, e, n) {
+    this.container = t, this.conversation = e, this.groups = [];
+    const { events: s } = this.container.get("$widget");
+    this.events = s, this.store = new st(t), this.agent = e.createAgent({
+      id: "knowledge-bot-agent",
+      name: "",
+      avatar: void 0
+    }), this.user = e.user;
+    const a = Y(t, n);
+    this.httpClient = new it(a, s, this.store, this.container), this.events.subscribe("provider:widget-entry", (c, d) => {
+      this.onWidgetEntryReceived(d);
+    }), this.events.subscribe(
+      "provider:open-contact-method",
+      (c, d) => m(this, null, function* () {
+        const v = yield this.httpClient.showContactMethodAction(d);
+        v && (d.contactMethod.title && this.printUserMessage(d.contactMethod.title), this.onMessagesReceived(v));
+      })
+    );
+  }
+  initialize() {
+    return m(this, null, function* () {
+      var a;
+      const t = this.conversation.loading(), e = yield this.store.read("meta");
+      e != null && e.agent && this.agent.update({
+        name: e.agent.name,
+        avatar: e.agent.avatar
+      });
+      const n = yield this.conversation.isRehydrated(), s = yield this.httpClient.start({
+        silent: ((a = this.conversation.options) == null ? void 0 : a.silent) || n
+      });
+      s && this.onMessagesReceived(s), t();
+    });
+  }
+  onMessagesReceived(t) {
+    return m(this, null, function* () {
+      this.groups = this.groups.concat(t), t.forEach((e) => {
+        const n = e.items.map((s) => s.message);
+        e.isUser ? e.writer = this.user.print(n) : e.writer = this.agent.print(n);
+      });
+    });
+  }
+  onInput(t) {
+    return m(this, null, function* () {
+      const e = typeof t == "string" ? t : t.actionKey;
+      switch (e) {
+        case "next":
+          {
+            if (typeof t == "string")
+              return;
+            const n = this.groups.find((s) => {
+              var a;
+              return s.id === ((a = t.data) == null ? void 0 : a.groupId);
+            });
+            if (n) {
+              const s = yield this.httpClient.nextAction(n);
+              if (s) {
+                const a = s.items.map((c) => c.message);
+                n.meta.paging = s == null ? void 0 : s.meta.paging, n.writer.update(a);
+              }
+            }
+          }
+          break;
+        case "help":
+          {
+            const n = this.conversation.loading(), s = yield this.httpClient.helpAction();
+            n(), s && this.onMessagesReceived(s);
+          }
+          break;
+        default:
+          {
+            typeof t != "string" && t.label && this.printUserMessage(t.label);
+            const n = this.conversation.loading(), s = yield this.httpClient.defaultAction(e);
+            s && this.onMessagesReceived(s), n();
+          }
+          break;
+      }
+    });
+  }
+  printUserMessage(t) {
+    const e = T({
+      isUser: !0,
+      items: [
+        {
+          id: x(),
+          isUser: !0,
+          message: [w.HTML, { body: t }]
+        }
+      ]
+    });
+    return this.onMessagesReceived([e]), e;
+  }
+  onMessageSend(t) {
+    return m(this, null, function* () {
+      const e = this.conversation.loading(), n = yield this.httpClient.sendMessage(t);
+      this.printUserMessage(t), n && this.onMessagesReceived(n), e();
+    });
+  }
+  onWidgetEntryReceived(t) {
+    return m(this, null, function* () {
+      if (t.agent) {
+        const e = {
+          name: t.agent.name,
+          avatar: t.agent.avatar
+        };
+        this.agent.update(e), (yield R(
+          this.container,
+          "bot-provider-conversation-meta",
+          F.Necessary
+        ))({
+          agent: e
+        });
+      }
+    });
+  }
+}
+const at = ot, rt = (i) => m(void 0, null, function* () {
+  const t = yield _.getInstance(i);
+  P(
+    i,
+    f.ContactList,
+    import("./contact-method-list.2b3b6ea5.js")
+  ), P(
+    i,
+    f.ContactMethod,
+    import("./contact-method.016a8ec5.js")
+  ), P(
+    i,
+    f.NotificationList,
+    import("./notification-list.399e34ff.js")
+  ), P(
+    i,
+    f.NoGoodAlternative,
+    import("./no-good-alternative.4e277f5b.js")
+  ), P(
+    i,
+    f.FeedbackList,
+    import("./feedback-list.042775aa.js")
+  ), t.registerProvider("ace-knowledge-bot", (e, n) => {
+    const s = new at(i, e, n);
+    s.initialize();
+    const a = [];
+    return a.push(
+      n.actions.watch("conversation.user-submit", (c, d) => {
+        s.onMessageSend(c.text);
+      })
+    ), a.push(
+      n.actions.watch("conversation.action", (c, d) => (s.onInput(c), d(c)))
+    ), a.push(
+      n.actions.create("evaluate", (c) => {
+        const { events: d } = i.get("$widget");
+        d.dispatch("bot-provider:evaluate", c);
+      })
+    ), a.push(
+      n.actions.create("submit", (c) => {
+        const { events: d } = i.get("$widget");
+        d.dispatch("bot-provider:form-submitted", c);
+      })
+    ), () => {
+      a.forEach((c) => {
+        c();
+      });
+    };
+  });
+}), ut = rt;
 export {
-  n as ConversationPlugin
+  ut as ConversationPlugin
 };
 //# sourceMappingURL=index.js.map