@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.62 → 0.0.1-alpha.63

package/dist/index.76a36f22.js

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