@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.4 → 0.0.1-alpha.42

package/lib-esm/client/middleware.client.js

@@ -1,40 +1,110 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { createStorageWriter, StorageCategory } from '@telia-ace/widget-services';
+import { ChatHelper } from '../helper/chat.helper';
 import { MiddlewareHelper } from '../helper/middleware.helper';
 import { StoreHelper } from '../helper/store.helper';
 import EntryInterface from '../interface/entry.interface';
-// import ContactExpandedInterface from "../interface/middleware/contact-expanded.interface";
-// import ContactInterface from "../interface/middleware/legacy-contact-methods.interface";
 import PagingInterface from '../interface/middleware/paging.interface';
 import ProcessorInterface from '../interface/middleware/processor.interface';
 import ChatClient from './chat.client';
-import { HttpClient } from './http.client';
 var MiddlewareClient = /** @class */ (function () {
-    function MiddlewareClient() {
-        // this.contactExpanded = new ContactExpandedInterface();
-        // this.legacyContact = new ContactInterface();
+    function MiddlewareClient(container) {
         this.paging = new PagingInterface();
         this.processor = new ProcessorInterface();
-        this.entryInterface = new EntryInterface();
-        this.chatClient = new ChatClient();
+        this.entryInterface = new EntryInterface(container);
+        this.chatClient = new ChatClient(container);
     }
     MiddlewareClient.initialize = function (container, widget) {
         MiddlewareHelper.setContainer(container);
         MiddlewareHelper.setWidget(widget);
     };
-    // called on all standart scenarios like actions and user messages
+    // called on all standard scenarios like actions and user messages
     MiddlewareClient.prototype.handleEntries = function (entries, action) {
-        var o = this.executeMiddlewares(entries, false, action);
-        var messageArray = this.entryInterface.transformArray(o);
-        this.chatClient.processMessageArrayAndStoreIt(messageArray);
+        return __awaiter(this, void 0, void 0, function () {
+            var widgetEntry, agent, write, o, messageArray;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        widgetEntry = (entries || []).find(function (e) { return e.type === 'Widget'; });
+                        if (!widgetEntry) return [3 /*break*/, 2];
+                        agent = ChatHelper.getAgent();
+                        if (!agent) return [3 /*break*/, 2];
+                        agent.update({
+                            name: widgetEntry.content.agent.name,
+                            avatar: widgetEntry.content.agent.avatar,
+                        });
+                        return [4 /*yield*/, createStorageWriter(MiddlewareHelper.getContainer(), 'bot-provider-conversation-meta', StorageCategory.Necessary)];
+                    case 1:
+                        write = _a.sent();
+                        write({
+                            agent: {
+                                name: widgetEntry.content.agent.name,
+                                avatar: widgetEntry.content.agent.avatar,
+                            },
+                        });
+                        _a.label = 2;
+                    case 2:
+                        o = this.executeMiddlewares(entries, false, action);
+                        return [4 /*yield*/, this.entryInterface.transformArray(o)];
+                    case 3:
+                        messageArray = _a.sent();
+                        this.chatClient.processMessageArrayAndStoreIt(messageArray);
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
     // called on situations such as paging changes
     // when no new entries will be printed
-    MiddlewareClient.prototype.handleUpdate = function (input, endpoint) {
-        var _this = this;
-        var httpClient = new HttpClient(endpoint);
-        httpClient.handleUpdate(input).then(function (entries) {
-            var o = _this.executeMiddlewares(entries, true, input);
-            var messageArray = _this.entryInterface.transformArray(o);
-            _this.chatClient.updateMessageArrayAndStoreIt(messageArray);
+    MiddlewareClient.prototype.handleUpdate = function (entries, action) {
+        return __awaiter(this, void 0, void 0, function () {
+            var o, messageArray;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        o = this.executeMiddlewares(entries, true, action);
+                        return [4 /*yield*/, this.entryInterface.transformArray(o)];
+                    case 1:
+                        messageArray = _a.sent();
+                        this.chatClient.updateMessageArrayAndStoreIt(messageArray);
+                        return [2 /*return*/];
+                }
+            });
         });
     };
     // checks whether the action was of an update type

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

@@ -2,6 +2,7 @@ import React from 'react';
 interface PropsType {
     contactMethod: any;
     type: any;
+    expanded?: boolean;
     className?: any;
 }
 declare const ContactMethodItem: React.FC<PropsType>;

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

@@ -9,43 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 { ContactMethod as GenericContactMethod } from '@telia-ace/knowledge-widget-adapters';
-import { useContainer, useDispatch } from '@telia-ace/widget-ui';
-import React, { useEffect, useState } from 'react';
-var ContactMethodItem = function (props) {
+import { useDispatch } from '@telia-ace/knowledge-widget-ui';
+import React from 'react';
+var ContactMethodItem = function (_a) {
+    var contactMethod = _a.contactMethod, className = _a.className;
     var dispatch = useDispatch();
-    var container = useContainer();
-    var _a = __read(useState(props.contactMethod.body), 2), body = _a[0], setBody = _a[1];
-    useEffect(function () {
-        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
-            // perhaps there is a cleaner way of doing this
-            setBody(props.contactMethod.body);
-        });
-    }, [container]);
-    return (React.createElement(GenericContactMethod, __assign({ className: props.className, onClick: function () {
-            dispatch('action', "".concat(props.contactMethod.id, "/").concat(props.type.toString(), "/").concat(props.contactMethod.title));
-            // dispatch(
-            //   "expand",
-            //   `${props.contactMethod.id}/${props.type.toString()}`
-            // );
-        }, dispatch: dispatch }, props.contactMethod, { body: body, expanded: props.contactMethod.expanded })));
+    return (React.createElement(GenericContactMethod, __assign({ className: className, onClick: function () {
+            dispatch('action', "".concat(contactMethod.id, "/contact-methods/").concat(contactMethod.title));
+        }, dispatch: dispatch }, contactMethod)));
 };
 export default ContactMethodItem;

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

@@ -6,7 +6,7 @@ import React, { Fragment } from 'react';
 import styled from 'styled-components';
 import ContactMethodItem from './contact-method-item';
 var ContactMethodList = function (props) {
-    return (React.createElement(Fragment, null, props.contactMethodList.map(function (contactMethod) { return (React.createElement(StyledContactMethod, { key: contactMethod.id, type: props.type, contactMethod: contactMethod })); })));
+    return (React.createElement(Fragment, null, props.contactMethodList.map(function (contactMethod) { return (React.createElement(StyledContactMethod, { key: contactMethod.id, type: props.type, contactMethod: contactMethod, expanded: !!contactMethod.executeImmediately || undefined })); })));
 };
 var StyledContactMethod = styled(ContactMethodItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-bottom: 1px solid rgb(239, 239, 239);\n    padding: ", ";\n"], ["\n    border-bottom: 1px solid rgb(239, 239, 239);\n    padding: ", ";\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; });
 export default ContactMethodList;

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 = {}));

package/lib-esm/helper/http.helper.d.ts

@@ -3,7 +3,7 @@ export declare class HttpHelper {
         method: string;
         headers: {
             Accept: string;
-            "Content-Type": string;
+            'Content-Type': string;
         };
     };
     static combineUrl(basePath: string, path: string): string;

package/lib-esm/helper/http.helper.js

@@ -5,22 +5,20 @@ var HttpHelper = /** @class */ (function () {
         return basePath + path;
     };
     HttpHelper.getCredentials = function () {
-        return "same-origin";
+        return 'same-origin';
     };
-    var _a;
-    _a = HttpHelper;
     HttpHelper.fetchOptions = {
-        method: "POST",
+        method: 'POST',
         headers: {
-            Accept: "application/json",
-            "Content-Type": "application/json",
+            Accept: 'application/json',
+            'Content-Type': 'application/json',
         },
     };
-    HttpHelper.managedSubdomainSuffixes = ["stage", "alpha", "beta", "gamma"];
+    HttpHelper.managedSubdomainSuffixes = ['stage', 'alpha', 'beta', 'gamma'];
     HttpHelper.parseSubdomain = function (input) {
-        var index = input.lastIndexOf("-");
+        var index = input.lastIndexOf('-');
         var lastPart = input.substr(index + 1);
-        if (_a.managedSubdomainSuffixes.indexOf(lastPart) > -1) {
+        if (HttpHelper.managedSubdomainSuffixes.indexOf(lastPart) > -1) {
             return input.substr(0, index);
         }
         return input;

package/lib-esm/helper/middleware.helper.d.ts

@@ -1,4 +1,4 @@
-import { Message } from "../contract/model/conversation-api-model/message.model";
+import { Message } from '../contract/model/conversation-api-model/message.model';
 export declare class MiddlewareHelper {
     private static sessionMessageStorageVariable;
     private static container;

package/lib-esm/helper/middleware.helper.js

@@ -34,12 +34,12 @@ 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 };
     }
 };
-import { createStorageWriter, readStorage, StorageCategory } from "@telia-ace/widget-services";
+import { createStorageWriter, readStorage, StorageCategory } from '@telia-ace/widget-services';
 var MiddlewareHelper = /** @class */ (function () {
     function MiddlewareHelper() {
     }
     MiddlewareHelper.setContainer = function (container) {
-        this.container = container;
+        MiddlewareHelper.container = container;
     };
     MiddlewareHelper.setWidget = function (widget) {
         this.widget = widget;
@@ -58,10 +58,9 @@ var MiddlewareHelper = /** @class */ (function () {
     MiddlewareHelper.sessionMessageStorageVariable = 'conversation-plugin-messages';
     MiddlewareHelper.setEntrySessionStorage = function (messages) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(_a, function (_b) {
-            createStorageWriter(this.container, this.sessionMessageStorageVariable, StorageCategory.Necessary).then(function (write) {
-                return write(messages);
-            });
-            return [2 /*return*/];
+            return [2 /*return*/, createStorageWriter(MiddlewareHelper.container, MiddlewareHelper.sessionMessageStorageVariable, StorageCategory.Necessary).then(function (write) {
+                    return write(messages);
+                })];
         });
     }); };
     return MiddlewareHelper;

package/lib-esm/helper/store.helper.d.ts

@@ -7,16 +7,17 @@ export declare class StoreHelper {
     private static messageStore;
     private static globalState;
     constructor();
-    static insertOrUpdateMessageArrayStore(messageArray: Message[], entry?: any): void;
-    private static insertMessageToStore;
+    static insertOrUpdateMessageArrayStore(messageArray: Message[], entry?: any): Promise<void>;
+    static insertMessageToStore(message: Message): void;
     private static updateMessageInStore;
     static checkIdInMessageStore(id: string): boolean;
     static getLocalState(action: string): LooseObject | undefined;
     static getGlobalState(): GlobalState;
-    static setGlobalState(state: GlobalState): void;
+    static setGlobalState(state: GlobalState): Promise<void>;
     static getAction(action: string): ClientAction;
     static getCommand(text: string): LooseObject;
     static getEntry(action: string): ServerEntry | undefined;
     static getMessage(id: string): Message | undefined;
     static getEntryStore(): ServerEntry[];
+    static rehydrateState(): Promise<void>;
 }

package/lib-esm/helper/store.helper.js

@@ -1,25 +1,98 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+import { createStorageWriter, readStorage, StorageCategory } from '@telia-ace/widget-services';
 import { MiddlewareHelper } from './middleware.helper';
+var botProviderGlobalStateSessionKey = 'bot-provider-global-state';
 var StoreHelper = /** @class */ (function () {
     function StoreHelper() {
         StoreHelper.globalState = {
             completedInteractionsCount: 0,
             lastBotGuide: 0,
-            site: 'https://localhost:8080/',
+            site: '',
             invincibleParameters: {},
         };
     }
     StoreHelper.insertOrUpdateMessageArrayStore = function (messageArray, entry) {
-        var _this = this;
-        messageArray
-            .filter(function (o) { return !!o; })
-            .forEach(function (t) {
-            if (!_this.messageStore.find(function (o) { return o.id == t.id; }))
-                _this.insertMessageToStore(t);
-            else {
-                _this.updateMessageInStore(t, entry);
-            }
+        return __awaiter(this, void 0, void 0, function () {
+            var _loop_1, this_1, _a, _b, message;
+            var e_1, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _loop_1 = function (message) {
+                            if (!this_1.messageStore.find(function (o) { return o.id == message.id; })) {
+                                this_1.insertMessageToStore(message);
+                            }
+                            else {
+                                this_1.updateMessageInStore(message, entry);
+                            }
+                        };
+                        this_1 = this;
+                        try {
+                            for (_a = __values(messageArray.filter(function (o) { return !!o; })), _b = _a.next(); !_b.done; _b = _a.next()) {
+                                message = _b.value;
+                                _loop_1(message);
+                            }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                        }
+                        return [4 /*yield*/, MiddlewareHelper.setEntrySessionStorage(this.messageStore)];
+                    case 1:
+                        _d.sent();
+                        return [2 /*return*/];
+                }
+            });
         });
-        MiddlewareHelper.setEntrySessionStorage(this.messageStore);
     };
     StoreHelper.insertMessageToStore = function (message) {
         this.messageStore.push(message);
@@ -41,6 +114,9 @@ var StoreHelper = /** @class */ (function () {
     };
     StoreHelper.setGlobalState = function (state) {
         StoreHelper.globalState = state;
+        return createStorageWriter(MiddlewareHelper.getContainer(), botProviderGlobalStateSessionKey, StorageCategory.Necessary).then(function (write) {
+            return write(state);
+        });
     };
     StoreHelper.getAction = function (action) {
         var entry = this.getEntry(action);
@@ -71,6 +147,22 @@ var StoreHelper = /** @class */ (function () {
             return o.entry;
         });
     };
+    StoreHelper.rehydrateState = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var state;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, readStorage(MiddlewareHelper.getContainer(), botProviderGlobalStateSessionKey)];
+                    case 1:
+                        state = _a.sent();
+                        if (state) {
+                            this.setGlobalState(state);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     StoreHelper.messageStore = [];
     return StoreHelper;
 }());

package/lib-esm/interface/entry.interface.d.ts

@@ -1,11 +1,14 @@
+import { Container } from '@webprovisions/platform';
 import { Message } from '../contract/model/conversation-api-model/message.model';
 import { ServerEntry } from '../contract/model/http/server-entry.model';
 export default class EntryInterface {
+    private container;
     private helpActionKey;
     private nextActionKey;
-    constructor();
-    transform(entry: ServerEntry): Message | undefined;
-    transformArray(entryArray: ServerEntry[]): Message[];
+    constructor(container: Container);
+    transform(entry: ServerEntry, feedbackEntry?: ServerEntry): Promise<Message | undefined>;
+    transformContactMethod(entry: ServerEntry): Promise<any>;
+    transformArray(entryArray: ServerEntry[]): Promise<Message[]>;
     getUserMessage(action: string): string | undefined;
     private listTransform;
     private getContentText;