@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.22 → 0.0.1-alpha.25

package/lib/plugin.js

@@ -34,162 +34,103 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 import { ContactMethodPlatform } from '@humany/widget-adapters';
 import { ConversationPlatform, registerCustomMessageComponent } from '@humany/widget-conversation';
-import { ComponentPlatform } from '@humany/widget-core';
 import { DataClient } from '@humany/widget-types-grid';
 import { v4 } from 'uuid';
 import ChatClient from './client/chat.client';
 import { ContactMethodClient } from './client/contact-method.client';
 import { HttpClient } from './client/http.client';
 import MiddlewareClient from './client/middleware.client';
+var getKnowledgeBotEndpoint = function (container, component /*: ComponentNodeController */
+// ComponentNodeController type differs from component passed into registerProvider
+) {
+    var knowledgeBotEndpoint = component.properties().knowledgeBotEndpoint;
+    if (knowledgeBotEndpoint) {
+        return knowledgeBotEndpoint + "/conversations";
+    }
+    var data = container.get('$settings').data;
+    if (!data || !data.projection)
+        throw new Error('Missing Knowledge Bot endpoint');
+    return data.projection + "/conversations";
+};
 var KnowledgeBotProviderPlugin = function (container) { return __awaiter(void 0, void 0, void 0, function () {
-    var providerRegistered, componentPlatform, getConversationComponent, execute;
+    var dataClient, platform, contactMethodPlatform;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0:
-                providerRegistered = false;
-                return [4 /*yield*/, ComponentPlatform.getInstance(container)];
+            case 0: return [4 /*yield*/, DataClient.getInstance(container)];
             case 1:
-                componentPlatform = _a.sent();
-                getConversationComponent = function () { return __awaiter(void 0, void 0, void 0, function () {
-                    var platform, _a, component;
-                    var _b, _c;
-                    return __generator(this, function (_d) {
-                        switch (_d.label) {
-                            case 0: return [4 /*yield*/, ComponentPlatform.getInstance(container)];
-                            case 1:
-                                platform = _d.sent();
-                                _a = __read(platform.nodes.query({ type: 'conversation' }), 1), component = _a[0];
-                                if (!component || !((_c = (_b = component === null || component === void 0 ? void 0 : component.attributes) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.knowledgeBotEndpoint)) {
-                                    return [2 /*return*/];
-                                }
-                                return [2 /*return*/, component];
-                        }
+                dataClient = _a.sent();
+                return [4 /*yield*/, ConversationPlatform.getInstance(container)];
+            case 2:
+                platform = _a.sent();
+                return [4 /*yield*/, ContactMethodPlatform.getInstance(container)];
+            case 3:
+                contactMethodPlatform = _a.sent();
+                registerCustomMessageComponent(container, 'ace-knowledge-contact-method', import('./contract/custom-component/contact-method'));
+                platform.registerProvider('chat.bot', function (conversation, component) {
+                    var endpoint = getKnowledgeBotEndpoint(container, component);
+                    var clientId = v4();
+                    var agent = conversation.createAgent({
+                        // TODO: needs to be fixed asap
+                        name: 'John Doe',
+                        avatar: 'https://www.site.com/avatar.jpg',
                     });
-                }); };
-                execute = function (endpoint) { return __awaiter(void 0, void 0, void 0, function () {
-                    var dataClient, platform, contactMethodPlatform;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                providerRegistered = true;
-                                return [4 /*yield*/, DataClient.getInstance(container)];
-                            case 1:
-                                dataClient = _a.sent();
-                                return [4 /*yield*/, ConversationPlatform.getInstance(container)];
-                            case 2:
-                                platform = _a.sent();
-                                return [4 /*yield*/, ContactMethodPlatform.getInstance(container)];
-                            case 3:
-                                contactMethodPlatform = _a.sent();
-                                platform.registerProvider('chat.bot', function (conversation, component) {
-                                    var clientId = v4();
-                                    registerCustomMessageComponent(container, 'ace-knowledge-contact-method', import('./contract/custom-component/contact-method'));
-                                    var agent = conversation.createAgent({
-                                        // TODO: needs to be fixed asap
-                                        name: 'John Doe',
-                                        avatar: 'https://www.site.com/avatar.jpg',
-                                    });
-                                    // passes the user and the agent to the Chat Helper
-                                    ChatClient.initialize(conversation.user, agent);
-                                    // passes the conversation provider to the Contact Method Client
-                                    ContactMethodClient.initialize(dataClient, contactMethodPlatform, agent);
-                                    // passes the container and the widget to the Middleware Store
-                                    MiddlewareClient.initialize(container, container.get('$widget'));
-                                    // executes to decide on what to do on first load
-                                    var httpClient = new HttpClient(endpoint, clientId);
-                                    httpClient.firstHit();
-                                    component.actions.create('evaluate', function (input) {
-                                        var cmClient = new ContactMethodClient();
-                                        cmClient.handleNewForm(input.form, input.form.id);
-                                    });
-                                    component.actions.create('validate', function (input) {
-                                        var cmClient = new ContactMethodClient();
-                                        cmClient.validate(input.form);
-                                    });
-                                    component.actions.create('submit', function (input) {
-                                        var cmClient = new ContactMethodClient();
-                                        cmClient.validate(input.form);
-                                    });
-                                    component.actions.watch('conversation.user-typing', function (input, next) {
-                                        return next(input);
-                                    });
-                                    component.actions.watch('conversation.user-submit', function (input, next) {
-                                        var httpClient = new HttpClient(endpoint, clientId);
-                                        httpClient.handlePhrase(input.text);
-                                        return next(input);
-                                    });
-                                    component.actions.watch('conversation.form', function (input, next) {
-                                        return next(input);
-                                    });
-                                    component.actions.watch('conversation.action', function (input, next) {
-                                        var chatClient = new ChatClient();
-                                        var cmClient = new ContactMethodClient();
-                                        if (input === 'contact' || input.split('/').length > 1) {
-                                            cmClient.handleContactMethod(input);
-                                            return next(input);
-                                        }
-                                        var middlewareClient = new MiddlewareClient();
-                                        var httpClient = new HttpClient(endpoint, clientId);
-                                        // this is an update check, as it requires
-                                        // a lot different logic and no user message
-                                        if (middlewareClient.checkForUpdate(input)) {
-                                            httpClient.handleUpdate(input);
-                                            return next(input);
-                                        }
-                                        chatClient.printUserMessageAndStoreIt(input);
-                                        httpClient.handleInput(input);
-                                        return next(input);
-                                    });
-                                });
-                                return [2 /*return*/];
+                    // passes the user and the agent to the Chat Helper
+                    ChatClient.initialize(conversation.user, agent);
+                    // passes the conversation provider to the Contact Method Client
+                    ContactMethodClient.initialize(container, dataClient, contactMethodPlatform, agent);
+                    // passes the container and the widget to the Middleware Store
+                    MiddlewareClient.initialize(container, container.get('$widget'));
+                    // executes to decide on what to do on first load
+                    var httpClient = new HttpClient(endpoint, clientId);
+                    httpClient.firstHit();
+                    component.actions.create('evaluate', function (input) {
+                        var cmClient = new ContactMethodClient();
+                        cmClient.handleNewForm(input.form, input.form.id);
+                    });
+                    component.actions.create('validate', function (input) {
+                        var cmClient = new ContactMethodClient();
+                        cmClient.validate(input.form);
+                    });
+                    component.actions.create('submit', function (input) {
+                        var cmClient = new ContactMethodClient();
+                        cmClient.validate(input.form);
+                    });
+                    component.actions.watch('conversation.user-typing', function (input, next) {
+                        return next(input);
+                    });
+                    component.actions.watch('conversation.user-submit', function (input, next) {
+                        var httpClient = new HttpClient(endpoint, clientId);
+                        httpClient.handlePhrase(input.text);
+                        return next(input);
+                    });
+                    component.actions.watch('conversation.form', function (input, next) {
+                        return next(input);
+                    });
+                    component.actions.watch('conversation.action', function (input, next) {
+                        var chatClient = new ChatClient();
+                        var cmClient = new ContactMethodClient();
+                        // if (input === 'contact' || input.split('/').length > 1) {
+                        //     cmClient.handleContactMethod(input);
+                        //     return next(input);
+                        // }
+                        if (input.split('/').length > 1) {
+                            cmClient.handleContactMethod(input);
+                            return next(input);
+                        }
+                        var middlewareClient = new MiddlewareClient();
+                        var httpClient = new HttpClient(endpoint, clientId);
+                        // this is an update check, as it requires
+                        // a lot different logic and no user message
+                        if (middlewareClient.checkForUpdate(input)) {
+                            httpClient.handleUpdate(input);
+                            return next(input);
                         }
+                        chatClient.printUserMessageAndStoreIt(input);
+                        httpClient.handleInput(input);
+                        return next(input);
                     });
-                }); };
-                getConversationComponent().then(function (conversationComp) {
-                    if (conversationComp && (conversationComp === null || conversationComp === void 0 ? void 0 : conversationComp.attributes.properties.knowledgeBotEndpoint)) {
-                        execute(conversationComp === null || conversationComp === void 0 ? void 0 : conversationComp.attributes.properties.knowledgeBotEndpoint);
-                    }
-                    else {
-                        // const { events } = container.get('$widget') as Widget;
-                        // events.subscribe('components:node-mounted', (event, data) => {
-                        //     if (providerRegistered) {
-                        //         return;
-                        //     }
-                        //     if (
-                        //         data.node?.type === 'conversation' &&
-                        //         data.node?.attributes.properties.knowledgeBotEndpoint
-                        //     ) {
-                        //         execute(data.node.attributes.properties.knowledgeBotEndpoint);
-                        //     }
-                        // });
-                        componentPlatform.events.subscribe('components:properties-changed', function (event, data) {
-                            var _a, _b;
-                            if (providerRegistered) {
-                                return;
-                            }
-                            if (((_a = data.node) === null || _a === void 0 ? void 0 : _a.type) === 'conversation' && ((_b = data.node) === null || _b === void 0 ? void 0 : _b.attributes.properties.knowledgeBotEndpoint)) {
-                                execute(data.node.attributes.properties.knowledgeBotEndpoint);
-                            }
-                        });
-                    }
                 });
                 return [2 /*return*/];
         }

package/lib-esm/client/contact-method.client.d.ts

@@ -6,7 +6,8 @@ export declare class ContactMethodClient {
     private static contactMessageEntryArray;
     private static agent;
     private chatClient;
-    static initialize(dataClient: DataClient, contactMethodPlatform: ContactMethodPlatform, agent: any): void;
+    private static container;
+    static initialize(container: any, dataClient: DataClient, contactMethodPlatform: ContactMethodPlatform, agent: any): void;
     handleNewForm: (errors: any, entry: any) => Promise<void>;
     handleContactMethod: (input?: string) => Promise<void>;
     validate(form: any): void;

package/lib-esm/client/contact-method.client.js

@@ -135,10 +135,11 @@ var ContactMethodClient = /** @class */ (function () {
             return (contactMethod === null || contactMethod === void 0 ? void 0 : contactMethod.body) || {};
         };
     }
-    ContactMethodClient.initialize = function (dataClient, contactMethodPlatform, agent) {
+    ContactMethodClient.initialize = function (container, dataClient, contactMethodPlatform, agent) {
         this.dataClient = dataClient;
         this.contactMethodPlatform = contactMethodPlatform;
         this.agent = agent;
+        this.container = container;
     };
     // validation of the form provided
     ContactMethodClient.prototype.validate = function (form) {
@@ -241,9 +242,18 @@ var ContactMethodClient = /** @class */ (function () {
         if (id === void 0) { id = undefined; }
         switch (dataType) {
             case DataType.ContactMethodCategories: {
-                return ContactMethodClient.dataClient
-                    .fetch(DataType.ContactMethods, { contactMethodCategoryId: id })
-                    .then(function (contactMethods) { return contactMethods; });
+                return ContactMethodClient.container
+                    .getAsync('matchingClient')
+                    .then(function (matchingClient) {
+                    return matchingClient.customRequest('/contactmethods', 'GET', {});
+                })
+                    .then(function (contactMethods) {
+                    console.log('contactmethodsxxx', contactMethods);
+                    return contactMethods;
+                });
+                // return ContactMethodClient.dataClient
+                //     .fetch(DataType.ContactMethods, { contactMethodCategoryId: id })
+                //     .then((contactMethods) => contactMethods);
             }
             case DataType.ContactMethods: {
                 if (!!id) {

package/lib-esm/contract/custom-component/contact-method-item.js

@@ -33,6 +33,9 @@ var ContactMethodItem = function (props) {
     var container = useContainer();
     var _a = __read(useState(props.contactMethod.body), 2), body = _a[0], setBody = _a[1];
     useEffect(function () {
+        if (!container || !container.get('$widget')) {
+            return;
+        }
         var events = container.get('$widget').events;
         events.subscribe('form:validated', function (_event, _data) {
             // TODO: this is a due to props not being updated when props.contactMethod.body changes

package/lib-esm/contract/custom-component/contact-method.js

@@ -23,6 +23,7 @@ var ContactMethod = function (props) {
         type = DataType.ContactMethod;
         methodList = props.contactMethods;
     }
+    // TODO: ContactMethodItem should not be passed a list as contact method?
     if (!methodList.length) {
         return React.createElement(StyledContactMethodItem, { type: type, contactMethod: methodList });
     }

package/lib-esm/contract/enum/server-entry-type.enum.d.ts

@@ -1,6 +1,7 @@
 export declare enum ServerEntryTypeEnum {
     Widget = 0,
     Text = 1,
-    List = 2,
-    Error = 3
+    Contact = 2,
+    List = 3,
+    Error = 4
 }

package/lib-esm/contract/enum/server-entry-type.enum.js

@@ -2,6 +2,7 @@ export var ServerEntryTypeEnum;
 (function (ServerEntryTypeEnum) {
     ServerEntryTypeEnum[ServerEntryTypeEnum["Widget"] = 0] = "Widget";
     ServerEntryTypeEnum[ServerEntryTypeEnum["Text"] = 1] = "Text";
-    ServerEntryTypeEnum[ServerEntryTypeEnum["List"] = 2] = "List";
-    ServerEntryTypeEnum[ServerEntryTypeEnum["Error"] = 3] = "Error";
+    ServerEntryTypeEnum[ServerEntryTypeEnum["Contact"] = 2] = "Contact";
+    ServerEntryTypeEnum[ServerEntryTypeEnum["List"] = 3] = "List";
+    ServerEntryTypeEnum[ServerEntryTypeEnum["Error"] = 4] = "Error";
 })(ServerEntryTypeEnum || (ServerEntryTypeEnum = {}));