@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.48 → 0.0.1-alpha.50

package/dist/index.js

@@ -39,7 +39,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import { ContactMethodPlatform } from "@telia-ace/knowledge-widget-adapters";
 import { DataType, DataClient } from "@telia-ace/knowledge-widget-types-grid";
-import { ConversationMessageListItemType, ConversationPlatform, registerCustomMessageComponent } from "@telia-ace/widget-conversation";
+import { ConversationMessageListItemType, ConversationPlatform } from "@telia-ace/widget-conversation";
 import { v4 } from "uuid";
 import { createStorageWriter, StorageCategory, readStorage } from "@telia-ace/widget-services";
 import { FormBuilder, submitButton } from "@telia-ace/widget-forms";
@@ -173,6 +173,72 @@ const _StoreHelper = class {
 };
 let StoreHelper = _StoreHelper;
 StoreHelper.messageStore = [];
+class ChatClient {
+  constructor() {
+  }
+  static initialize(user, agent) {
+    ChatHelper.setUser(user);
+    ChatHelper.setAgent(agent);
+  }
+  processMessageArrayAndStoreIt(messages) {
+    return __async(this, null, function* () {
+      for (const message of messages.filter((o) => o && o != null && !!o.message)) {
+        if (message.isUser)
+          this.postUserMessage(message);
+        else
+          this.postAgentMessage(message);
+      }
+      yield StoreHelper.insertOrUpdateMessageArrayStore(messages);
+    });
+  }
+  updateMessageArrayAndStoreIt(messages) {
+    let conversationEntry = void 0;
+    messages.forEach((o) => {
+      let message = StoreHelper.getMessage(o.id);
+      message == null ? void 0 : message.conversationEntry.update(o.message);
+      conversationEntry = message == null ? void 0 : message.conversationEntry;
+    });
+    StoreHelper.insertOrUpdateMessageArrayStore(messages, conversationEntry);
+  }
+  printUserMessageAndStoreIt(action) {
+    if (action == "next" || action == "help")
+      return;
+    let entry = StoreHelper.getEntry(action);
+    let message = {
+      id: v4(),
+      message: !entry ? action : this.getTitleFromEntry(entry, action),
+      isUser: true
+    };
+    this.postUserMessage(message);
+    StoreHelper.insertOrUpdateMessageArrayStore([message]);
+  }
+  postUserMessage(message) {
+    ChatHelper.getUser().print(message.message);
+  }
+  postAgentMessage(message) {
+    message.conversationEntry = ChatHelper.getAgent().print(message.message);
+  }
+  getTitleFromEntry(entry, action) {
+    const entryType = ServerEntryTypeEnum[entry.type];
+    switch (entryType) {
+      case ServerEntryTypeEnum.List:
+        return this.getTitleFromList(entry, action);
+      case ServerEntryTypeEnum.Text:
+        return this.getTitleFromText(entry, action);
+      default:
+        return "";
+    }
+  }
+  getTitleFromText(entry, action) {
+    if (!!entry.content.items)
+      return this.getTitleFromList(entry, action);
+    else
+      return entry.content.html;
+  }
+  getTitleFromList(entry, action) {
+    return entry.content.items.find((o) => o.actionKey == action).title;
+  }
+}
 const _ContactMethodClient = class {
   constructor(container) {
     this.handleNewForm = (errors, entry) => __async(this, null, function* () {
@@ -225,7 +291,7 @@ const _ContactMethodClient = class {
       }
       return (contactMethod == null ? void 0 : contactMethod.body) || {};
     };
-    this.chatClient = new ChatClient(container);
+    this.chatClient = new ChatClient();
   }
   static initialize(container, dataClient, contactMethodPlatform, agent) {
     this.dataClient = dataClient;
@@ -267,10 +333,7 @@ const _ContactMethodClient = class {
       if (messageItemIndex > -1) {
         const [messageItemType, messageItemContent] = message.message[messageItemIndex];
         const updatedMessageItemContent = __spreadProps(__spreadValues({}, messageItemContent), {
-          contactMethods: messageItemContent.contactMethods.map((cm) => {
-            cm.expanded = true;
-            return cm;
-          })
+          contactMethods: this.getNewContactMethods(messageItemContent.contactMethods)
         });
         const updatedMessageItems = [
           ...message.message.slice(0, messageItemIndex),
@@ -281,6 +344,17 @@ const _ContactMethodClient = class {
       }
     }
   }
+  getNewContactMethods(contactMethods) {
+    if (Array.isArray(contactMethods)) {
+      return contactMethods.map((cm) => {
+        cm.expanded = true;
+        return cm;
+      });
+    } else {
+      contactMethods.expanded = true;
+      return contactMethods;
+    }
+  }
   handleContactMethodList(input, contactMethods) {
     let title = input.split("/")[2];
     let newGuid = v4();
@@ -355,7 +429,7 @@ const _ContactMethodClient = class {
       return message;
     }
   }
-  loadContactMethods(dataType, id = void 0) {
+  loadContactMethods(dataType, id = void 0, guideId = void 0) {
     switch (dataType) {
       case DataType.ContactMethodCategories: {
         return _ContactMethodClient.container.getAsync("matchingClient").then((matchingClient) => {
@@ -365,7 +439,9 @@ const _ContactMethodClient = class {
         });
       }
       case DataType.ContactMethods: {
-        if (!!id) {
+        if (!!id && !!guideId) {
+          return _ContactMethodClient.dataClient.fetch(DataType.ContactMethod, { contactMethodId: id, guideId }).then((contactMethods) => contactMethods);
+        } else if (!!id) {
           return _ContactMethodClient.dataClient.fetch(DataType.ContactMethod, { contactMethodId: id }).then((contactMethods) => contactMethods);
         } else {
           return _ContactMethodClient.dataClient.fetch(DataType.ContactMethods, {}).then((contactMethods) => contactMethods);
@@ -382,6 +458,31 @@ const _ContactMethodClient = class {
 };
 let ContactMethodClient = _ContactMethodClient;
 ContactMethodClient.contactMessageEntryArray = [];
+const _HttpHelper = class {
+  static combineUrl(basePath, path) {
+    return basePath + path;
+  }
+  static getCredentials() {
+    return "same-origin";
+  }
+};
+let HttpHelper = _HttpHelper;
+HttpHelper.fetchOptions = {
+  method: "POST",
+  headers: {
+    Accept: "application/json",
+    "Content-Type": "application/json"
+  }
+};
+HttpHelper.managedSubdomainSuffixes = ["stage", "alpha", "beta", "gamma"];
+HttpHelper.parseSubdomain = (input) => {
+  const index = input.lastIndexOf("-");
+  const lastPart = input.substr(index + 1);
+  if (_HttpHelper.managedSubdomainSuffixes.indexOf(lastPart) > -1) {
+    return input.substr(0, index);
+  }
+  return input;
+};
 const getContactMethodEntry = (contactMethodId) => {
   const entries = StoreHelper.getEntryStore();
   return entries.find((e) => e.content.id === +contactMethodId);
@@ -448,11 +549,13 @@ const contactMethodFromLegacy = ({
   }
   return settings;
 };
-class EntryInterface {
+const _EntryInterface = class {
   constructor(container) {
     this.container = container;
     this.helpActionKey = "help";
     this.nextActionKey = "next";
+    this.contactMethodClient = void 0;
+    this.contactMethodClient = new ContactMethodClient(container);
   }
   transform(entry, feedbackEntry) {
     return __async(this, null, function* () {
@@ -468,7 +571,7 @@ class EntryInterface {
         case ServerEntryTypeEnum.Text:
           return {
             id: entry.id,
-            message: this.textTransform(entry, feedbackEntry),
+            message: yield this.textTransform(entry, feedbackEntry),
             entry,
             isUser: false
           };
@@ -484,12 +587,12 @@ class EntryInterface {
   }
   transformContactMethod(entry) {
     return __async(this, null, function* () {
+      var _a;
       const dataClient = yield this.container.getAsync("dataClient");
       const contactMethod = yield dataClient.fetch(DataType.ContactMethod, {
         contactMethodId: entry.content.id
       });
-      const cmClient = new ContactMethodClient(this.container);
-      cmClient.addContactMethod(contactMethod);
+      (_a = this.contactMethodClient) == null ? void 0 : _a.addContactMethod(contactMethod);
     });
   }
   transformArray(entryArray) {
@@ -505,26 +608,17 @@ class EntryInterface {
     });
   }
   getUserMessage(action) {
-    let entry = StoreHelper.getEntry(action);
-    return this.getTitleFromEntry(entry, action);
+    return __async(this, null, function* () {
+      let entry = StoreHelper.getEntry(action);
+      return yield this.getTitleFromEntry(entry, action);
+    });
   }
   listTransform(entry, feedbackEntry) {
-    if (entry.type === "Contact") {
+    if (entry.type === "Contact" || !entry.content)
       return;
-    }
-    if (!entry.content)
-      return;
-    let object = this.getListActions(entry.content.items, this.getContentText(entry), entry.actions, entry.localState);
-    if (!!feedbackEntry) {
-      let feedbackObject = this.getListActions(feedbackEntry.content.items, this.getContentText(feedbackEntry), feedbackEntry.actions, feedbackEntry.localState);
-      StoreHelper.insertMessageToStore({
-        id: feedbackEntry.id,
-        message: void 0,
-        entry: feedbackEntry,
-        isUser: false
-      });
-      return object.concat(feedbackObject);
-    }
+    let object = this.getListActions(entry.content.items, this.getContentText(entry), entry.actions, entry.localState, entry.id);
+    if (!!feedbackEntry)
+      return this.addFeedbackToEntry(object, feedbackEntry);
     return object;
   }
   getContentText(entry) {
@@ -534,29 +628,39 @@ class EntryInterface {
       return { title: entry.content.header };
   }
   textTransform(entry, feedbackEntry) {
-    if (!!entry.content.items)
-      return this.listTransform(entry, feedbackEntry);
-    let returnObj = [
-      ConversationMessageListItemType.HTML,
-      { body: entry.content.html.replace("\n", "") }
-    ];
-    if (!!feedbackEntry) {
-      let feedbackObject = this.getListActions(feedbackEntry.content.items, this.getContentText(feedbackEntry), feedbackEntry.actions, feedbackEntry.localState);
-      StoreHelper.insertMessageToStore({
-        id: feedbackEntry.id,
-        message: void 0,
-        entry: feedbackEntry,
-        isUser: false
-      });
-      feedbackObject.unshift(returnObj);
-      return feedbackObject;
-    }
-    return returnObj;
+    return __async(this, null, function* () {
+      var _a;
+      if (!!entry.content.items)
+        return this.listTransform(entry, feedbackEntry);
+      let returnObj = [
+        [ConversationMessageListItemType.HTML, { body: entry.content.html.replace("\n", "") }]
+      ];
+      if (!!entry.actions.submitted) {
+        let contactMethod = yield (_a = this.contactMethodClient) == null ? void 0 : _a.loadContactMethods(DataType.ContactMethods, entry.actions.submitted.id.toString(), entry.actions.submitted.guideId.toString());
+        returnObj.push([
+          "ace-knowledge-contact-method",
+          {
+            contactMethods: contactMethod,
+            entry: { entryId: entry.id },
+            guideId: entry.actions.submitted.guideId
+          }
+        ]);
+      }
+      if (!!feedbackEntry)
+        return this.addFeedbackToEntry(returnObj, feedbackEntry);
+      return returnObj;
+    });
   }
-  getListActions(items, text, actions, state) {
+  getListActions(items, text, actions, state, id) {
     let list = [];
-    let mainListContent = {};
     const mainListType = this.getListType(state);
+    const createMainList = (type) => {
+      if (type === ConversationMessageListItemType.ButtonList) {
+        return [];
+      }
+      return {};
+    };
+    let mainListContent = createMainList(mainListType);
     let mainList = [mainListType, { actions: mainListContent }];
     if (mainListType === "ace-knowledge-contact-method") {
       mainList[1] = __spreadProps(__spreadValues({}, mainList[1]), {
@@ -565,7 +669,7 @@ class EntryInterface {
           return formatted;
         }),
         entry: {
-          entryId: state.entryId
+          entryId: id
         }
       });
     }
@@ -580,19 +684,34 @@ class EntryInterface {
       switch (o.actionKey) {
         case this.helpActionKey: {
           list.push([ConversationMessageListItemType.Separator, void 0]);
-          list.push([
-            ConversationMessageListItemType.NoGoodAlternative,
-            { body: o.title }
-          ]);
+          list.push(["no-good-alternative", { body: o.title }]);
           break;
         }
         case this.nextActionKey: {
-          if (!!actions["next"] && actions["next"].take === items.filter((o2) => o2.actionKey !== "help").length + 2)
-            mainListContent[o.actionKey] = o.title;
+          if (!_EntryInterface.pagingAmount)
+            _EntryInterface.pagingAmount = actions["next"].take - items.filter((o2) => o2.actionKey !== "help" && o2.actionKey !== "next").length;
+          if (!!actions["next"] && actions["next"].take === items.filter((o2) => o2.actionKey !== "help" && o2.actionKey !== "next").length + _EntryInterface.pagingAmount) {
+            if (Array.isArray(mainListContent)) {
+              mainListContent.push({
+                label: o.title,
+                actionKey: o.actionKey
+              });
+            } else {
+              mainListContent[o.actionKey] = o.title;
+            }
+          }
           break;
         }
         default: {
-          mainListContent[o.actionKey] = o.title;
+          if (Array.isArray(mainListContent)) {
+            mainListContent.push({
+              label: o.title,
+              actionKey: o.actionKey,
+              symbol: o.symbol
+            });
+          } else {
+            mainListContent[o.actionKey] = o.title;
+          }
         }
       }
     });
@@ -602,119 +721,41 @@ class EntryInterface {
     if ((state == null ? void 0 : state.$type) === "Humany.Matching.Bots.Conversations.GuideListState, Humany.Matching") {
       return ConversationMessageListItemType.LinkList;
     } else if ((state == null ? void 0 : state.$type) === "Humany.Matching.Bots.Conversations.States.GuideFeedbackState, Humany.Matching") {
-      return ConversationMessageListItemType.FeedbackList;
+      return "feedback-list";
     } else if ((state == null ? void 0 : state.$type) === "Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching") {
       return "ace-knowledge-contact-method";
     } else
       return ConversationMessageListItemType.ButtonList;
   }
   getTitleFromEntry(entry, action) {
-    if (!!entry) {
-      const entryType = ServerEntryTypeEnum[entry.type];
-      switch (entryType) {
-        case ServerEntryTypeEnum.List:
-          return this.getTitleFromList(entry, action);
-        case ServerEntryTypeEnum.Text:
-          return this.textTransform(entry);
-      }
-    }
-  }
-  getTitleFromList(entry, action) {
-    return entry.content.items.find((o) => o.actionKey == action).title;
-  }
-}
-class ChatClient {
-  constructor(container) {
-    this.entryInterface = new EntryInterface(container);
-  }
-  static initialize(user, agent) {
-    ChatHelper.setUser(user);
-    ChatHelper.setAgent(agent);
-  }
-  processMessageArrayAndStoreIt(messages) {
     return __async(this, null, function* () {
-      for (const message of messages.filter((o) => o && o != null && !!o.message)) {
-        if (message.isUser)
-          this.postUserMessage(message);
-        else
-          this.postAgentMessage(message);
+      if (!!entry) {
+        const entryType = ServerEntryTypeEnum[entry.type];
+        switch (entryType) {
+          case ServerEntryTypeEnum.List:
+            return this.getTitleFromList(entry, action);
+          case ServerEntryTypeEnum.Text:
+            return yield this.textTransform(entry);
+        }
       }
-      yield StoreHelper.insertOrUpdateMessageArrayStore(messages);
     });
   }
-  updateMessageArrayAndStoreIt(messages) {
-    let conversationEntry = void 0;
-    messages.forEach((o) => {
-      let message = StoreHelper.getMessage(o.id);
-      message == null ? void 0 : message.conversationEntry.update(o.message);
-      conversationEntry = message == null ? void 0 : message.conversationEntry;
-    });
-    StoreHelper.insertOrUpdateMessageArrayStore(messages, conversationEntry);
-  }
-  printUserMessageAndStoreIt(action) {
-    if (action == "next" || action == "help")
-      return;
-    let entry = StoreHelper.getEntry(action);
-    let message = {
-      id: v4(),
-      message: !entry ? action : this.getTitleFromEntry(entry, action),
-      isUser: true
-    };
-    this.postUserMessage(message);
-    StoreHelper.insertOrUpdateMessageArrayStore([message]);
-  }
-  postUserMessage(message) {
-    ChatHelper.getUser().print(message.message);
-  }
-  postAgentMessage(message) {
-    message.conversationEntry = ChatHelper.getAgent().print(message.message);
-  }
-  getTitleFromEntry(entry, action) {
-    const entryType = ServerEntryTypeEnum[entry.type];
-    switch (entryType) {
-      case ServerEntryTypeEnum.List:
-        return this.getTitleFromList(entry, action);
-      case ServerEntryTypeEnum.Text:
-        return this.getTitleFromText(entry, action);
-      default:
-        return "";
-    }
-  }
-  getTitleFromText(entry, action) {
-    if (!!entry.content.items)
-      return this.getTitleFromList(entry, action);
-    else
-      return entry.content.html;
-  }
   getTitleFromList(entry, action) {
     return entry.content.items.find((o) => o.actionKey == action).title;
   }
-}
-const _HttpHelper = class {
-  static combineUrl(basePath, path) {
-    return basePath + path;
-  }
-  static getCredentials() {
-    return "same-origin";
-  }
-};
-let HttpHelper = _HttpHelper;
-HttpHelper.fetchOptions = {
-  method: "POST",
-  headers: {
-    Accept: "application/json",
-    "Content-Type": "application/json"
-  }
-};
-HttpHelper.managedSubdomainSuffixes = ["stage", "alpha", "beta", "gamma"];
-HttpHelper.parseSubdomain = (input) => {
-  const index = input.lastIndexOf("-");
-  const lastPart = input.substr(index + 1);
-  if (_HttpHelper.managedSubdomainSuffixes.indexOf(lastPart) > -1) {
-    return input.substr(0, index);
+  addFeedbackToEntry(current, feedbackEntry) {
+    let feedbackObject = this.getListActions(feedbackEntry.content.items, this.getContentText(feedbackEntry), feedbackEntry.actions, feedbackEntry.localState, feedbackEntry.id);
+    StoreHelper.insertMessageToStore({
+      id: feedbackEntry.id,
+      message: void 0,
+      entry: feedbackEntry,
+      isUser: false
+    });
+    return current.concat(feedbackObject);
   }
-  return input;
 };
+let EntryInterface = _EntryInterface;
+EntryInterface.pagingAmount = void 0;
 class PagingInterface {
   process(entries) {
     const pagingEntry = entries.find((e) => e.tags.indexOf("paging") > -1);
@@ -857,7 +898,7 @@ class MiddlewareClient {
     this.paging = new PagingInterface();
     this.processor = new ProcessorInterface();
     this.entryInterface = new EntryInterface(container);
-    this.chatClient = new ChatClient(container);
+    this.chatClient = new ChatClient();
   }
   static initialize(container, widget) {
     MiddlewareHelper.setContainer(container);
@@ -918,7 +959,7 @@ class HttpClient {
     this.endpointUrl = HttpHelper.combineUrl(this.projectionPath, "conversations");
     this.clientId = this.options.clientId;
     this.middlewareClient = new MiddlewareClient(container);
-    this.chatClient = new ChatClient(container);
+    this.chatClient = new ChatClient();
     this.container = container;
   }
   firstHit() {
@@ -1057,7 +1098,9 @@ const KnowledgeBotProviderPlugin = (container) => __async(this, null, function*
   const dataClient = yield DataClient.getInstance(container);
   const platform = yield ConversationPlatform.getInstance(container);
   const contactMethodPlatform = yield ContactMethodPlatform.getInstance(container);
-  registerCustomMessageComponent(container, "ace-knowledge-contact-method", import("./contact-method.js"));
+  platform.registerConversationItem("ace-knowledge-contact-method", import("./contact-method.js"));
+  platform.registerConversationItem("no-good-alternative", import("./no-good-alternative.js"));
+  platform.registerConversationItem("feedback-list", import("./feedback-list.js"));
   platform.registerProvider("chat.bot", (conversation, component) => {
     const endpoint = getKnowledgeBotEndpoint(container, component);
     const clientId = v4();
@@ -1104,7 +1147,7 @@ const KnowledgeBotProviderPlugin = (container) => __async(this, null, function*
       return next(input);
     });
     component.actions.watch("conversation.action", (input, next) => {
-      const chatClient = new ChatClient(container);
+      const chatClient = new ChatClient();
       const cmClient = new ContactMethodClient(container);
       const loader = conversation.loading();
       if (input.split("/").length > 1) {