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

package/dist/index.a7a0d62d.js

@@ -1,787 +0,0 @@
-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