@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.55 → 0.0.1-alpha.56

package/dist/index.1161f855.js

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