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

package/dist/index.a7a0d62d.js

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