@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.1 → 0.0.1-alpha.12

package/LICENSE.txt

@@ -1,6 +1,6 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
 http://www.humany.com/legal

package/README.md

@@ -1,12 +1,12 @@
-# `@telia-ace/knowledge-widget-bot-provider`
-
-Provider for the ACE Knowledge chat bot.
-
-For this provider to work, the "chat.bot" provider must be registered in the widget config file.
-
-In addition, these plugins are also required:
-WidgetHeaderComponent
-AreaComponent
-ConversationComponent
-DefaultContactMethodsPlugin
-ConversationPlugin
+# `@telia-ace/knowledge-widget-bot-provider`
+
+Provider for the ACE Knowledge chat bot.
+
+For this provider to work, the "chat.bot" provider must be registered in the widget config file.
+
+In addition, these plugins are also required:
+WidgetHeaderComponent
+AreaComponent
+ConversationComponent
+DefaultContactMethodsPlugin
+ConversationPlugin

package/lib/client/chat.client.d.ts

@@ -0,0 +1,15 @@
+import { Message } from '../contract/model/conversation-api-model/message.model';
+import EntryInterface from '../interface/entry.interface';
+export default class ChatClient {
+    entryInterface: EntryInterface;
+    constructor();
+    static initialize(user: any, agent: any): void;
+    processMessageArrayAndStoreIt(messages: Message[]): void;
+    updateMessageArrayAndStoreIt(messages: Message[]): void;
+    printUserMessageAndStoreIt(action: string): void;
+    private postUserMessage;
+    private postAgentMessage;
+    private getTitleFromEntry;
+    private getTitleFromText;
+    private getTitleFromList;
+}

package/lib/client/chat.client.js

@@ -0,0 +1,79 @@
+import { v4 as newGuid } from 'uuid';
+import { ServerEntryTypeEnum } from '../contract/enum/server-entry-type.enum';
+import { ChatHelper } from '../helper/chat.helper';
+import { StoreHelper } from '../helper/store.helper';
+import EntryInterface from '../interface/entry.interface';
+var ChatClient = /** @class */ (function () {
+    function ChatClient() {
+        this.entryInterface = new EntryInterface();
+    }
+    // Initialize from setting the user and agent for the Helper
+    ChatClient.initialize = function (user, agent) {
+        ChatHelper.setUser(user);
+        ChatHelper.setAgent(agent);
+    };
+    // function for posting the messages
+    ChatClient.prototype.processMessageArrayAndStoreIt = function (messages) {
+        var _this = this;
+        messages
+            .filter(function (o) { return o && o != null; })
+            .forEach(function (o) {
+            if (o.isUser)
+                _this.postUserMessage(o);
+            else
+                _this.postAgentMessage(o);
+        });
+        StoreHelper.insertOrUpdateMessageArrayStore(messages);
+    };
+    // function for updating current messages
+    ChatClient.prototype.updateMessageArrayAndStoreIt = function (messages) {
+        var conversationEntry = undefined;
+        messages.forEach(function (o) {
+            var message = StoreHelper.getMessage(o.id);
+            message === null || message === void 0 ? void 0 : message.conversationEntry.update(o.message);
+            conversationEntry = message === null || message === void 0 ? void 0 : message.conversationEntry;
+        });
+        StoreHelper.insertOrUpdateMessageArrayStore(messages, conversationEntry);
+    };
+    // function for posting a message for the user actions, such as button clicks
+    ChatClient.prototype.printUserMessageAndStoreIt = function (action) {
+        if (action == 'next' || action == 'help')
+            return;
+        var entry = StoreHelper.getEntry(action);
+        var message = {
+            id: newGuid(),
+            message: !entry ? action : this.getTitleFromEntry(entry, action),
+            isUser: true,
+        };
+        this.postUserMessage(message);
+        StoreHelper.insertOrUpdateMessageArrayStore([message]);
+    };
+    ChatClient.prototype.postUserMessage = function (message) {
+        ChatHelper.getUser().print(message.message);
+    };
+    ChatClient.prototype.postAgentMessage = function (message) {
+        message.conversationEntry = ChatHelper.getAgent().print(message.message);
+    };
+    ChatClient.prototype.getTitleFromEntry = function (entry, action) {
+        var entryType = ServerEntryTypeEnum[entry.type];
+        switch (entryType) {
+            case ServerEntryTypeEnum.List:
+                return this.getTitleFromList(entry, action);
+            case ServerEntryTypeEnum.Text:
+                return this.getTitleFromText(entry, action);
+            default:
+                return '';
+        }
+    };
+    ChatClient.prototype.getTitleFromText = function (entry, action) {
+        if (!!entry.content.items)
+            return this.getTitleFromList(entry, action);
+        else
+            return entry.content.html;
+    };
+    ChatClient.prototype.getTitleFromList = function (entry, action) {
+        return entry.content.items.find(function (o) { return o.actionKey == action; }).title;
+    };
+    return ChatClient;
+}());
+export default ChatClient;

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

@@ -0,0 +1,22 @@
+import { ContactMethodPlatform } from '@humany/widget-adapters';
+import { DataClient } from '@humany/widget-types-grid';
+export declare class ContactMethodClient {
+    private static dataClient;
+    private static contactMethodPlatform;
+    private static contactMessageEntryArray;
+    private static agent;
+    private chatClient;
+    static initialize(dataClient: DataClient, contactMethodPlatform: ContactMethodPlatform, agent: any): void;
+    handleNewForm: (errors: any, entry: any) => Promise<void>;
+    handleContactMethod: (input?: string) => Promise<void>;
+    validate(form: any): void;
+    private handleContactCategoryList;
+    private handleForm;
+    private handleContactMethodList;
+    private handleSingleContactMethod;
+    private submit;
+    private removeForm;
+    private printMessage;
+    private loadContactMethods;
+    private updateForm;
+}

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

@@ -0,0 +1,273 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { FormBuilder, submitButton } from '@humany/widget-forms';
+import { DataType } from '@humany/widget-types-grid';
+import { v4 as uuidv4 } from 'uuid';
+import { StoreHelper } from '../helper/store.helper';
+import ChatClient from './chat.client';
+var ContactMethodClient = /** @class */ (function () {
+    function ContactMethodClient() {
+        var _this = this;
+        this.chatClient = new ChatClient();
+        // function for handling forms as contact methods
+        this.handleNewForm = function (errors, entry) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                this.updateForm(entry.contactMethods, {
+                    submit: 'Submit',
+                    errors: errors,
+                });
+                entry.entry.update({
+                    contactMethods: entry.contactMethods,
+                    type: 'ace-knowledge-contact-method',
+                    noPadding: true,
+                });
+                return [2 /*return*/];
+            });
+        }); };
+        // function for receiving the contact method based on the input
+        this.handleContactMethod = function (input) {
+            if (input === void 0) { input = ''; }
+            return __awaiter(_this, void 0, void 0, function () {
+                var contactMethods;
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!(input == 'contact')) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.handleContactCategoryList(input)];
+                        case 1:
+                            _b.sent();
+                            return [3 /*break*/, 4];
+                        case 2: return [4 /*yield*/, this.loadContactMethods(input.split('/')[1], // type
+                            input.split('/')[0] // id
+                            )];
+                        case 3:
+                            contactMethods = _b.sent();
+                            if (!!((_a = contactMethods.body) === null || _a === void 0 ? void 0 : _a.form)) {
+                                this.handleForm(input, contactMethods);
+                            }
+                            else if (!contactMethods.expanded && contactMethods.inline) {
+                                this.handleSingleContactMethod(contactMethods);
+                            }
+                            else if (!!contactMethods.contactMethods) {
+                                this.handleContactMethodList(input, contactMethods);
+                            }
+                            _b.label = 4;
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        this.handleContactCategoryList = function (input) { return __awaiter(_this, void 0, void 0, function () {
+            var newGuid, type, contactMethods;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        newGuid = uuidv4();
+                        type = DataType.ContactMethodCategories;
+                        return [4 /*yield*/, this.loadContactMethods(type)];
+                    case 1:
+                        contactMethods = _a.sent();
+                        this.chatClient.printUserMessageAndStoreIt(input);
+                        this.printMessage(newGuid, contactMethods);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        this.updateForm = function (contactMethod, properties) {
+            var _a;
+            if ((_a = contactMethod === null || contactMethod === void 0 ? void 0 : contactMethod.body) === null || _a === void 0 ? void 0 : _a.form) {
+                var body = contactMethod.body;
+                var builder = new FormBuilder(body.form);
+                if (!body.form.layout || !body.form.layout.submit) {
+                    builder.createComponent(submitButton(properties.submit, 'submit'));
+                }
+                if (properties.errors) {
+                    builder.setValidationErrors(properties.errors);
+                }
+                return __assign(__assign({}, body), { form: builder.get() });
+            }
+            return (contactMethod === null || contactMethod === void 0 ? void 0 : contactMethod.body) || {};
+        };
+    }
+    ContactMethodClient.initialize = function (dataClient, contactMethodPlatform, agent) {
+        this.dataClient = dataClient;
+        this.contactMethodPlatform = contactMethodPlatform;
+        this.agent = agent;
+    };
+    // validation of the form provided
+    ContactMethodClient.prototype.validate = function (form) {
+        var _this = this;
+        var entry = ContactMethodClient.contactMessageEntryArray.find(function (o) { return o.id == form.schema.id; });
+        ContactMethodClient.contactMethodPlatform.validate(entry.contactMethods).then(function (result) {
+            _this.handleNewForm(result.errors, entry);
+            if (result.valid) {
+                _this.submit(entry);
+                _this.removeForm(entry);
+            }
+        });
+    };
+    ContactMethodClient.prototype.handleForm = function (input, contactMethods) {
+        var title = input.split('/')[2];
+        contactMethods.expanded = true;
+        this.updateForm(contactMethods, {
+            submit: 'Submit',
+            errors: undefined,
+        });
+        this.printMessage(contactMethods.id, contactMethods, title);
+    };
+    ContactMethodClient.prototype.handleContactMethodList = function (input, contactMethods) {
+        var title = input.split('/')[2];
+        var newGuid = uuidv4();
+        this.printMessage(newGuid, contactMethods, title);
+    };
+    ContactMethodClient.prototype.handleSingleContactMethod = function (contactMethods) {
+        var entry = ContactMethodClient.contactMessageEntryArray.find(function (o) {
+            return o.contactMethods.contactMethods.find(function (t) { return t.id == contactMethods.id; });
+        });
+        var curCM = entry.contactMethods.contactMethods.find(function (t) { return t.id == contactMethods.id; });
+        curCM.expanded = true;
+        var message = {
+            contactMethods: entry.contactMethods,
+            type: 'ace-knowledge-contact-method',
+            noPadding: true,
+        };
+        StoreHelper.insertOrUpdateMessageArrayStore([
+            {
+                id: entry.id,
+                message: message,
+                isUser: false,
+            },
+        ]);
+        entry.entry.update(message);
+    };
+    ContactMethodClient.prototype.submit = function (entry) {
+        ContactMethodClient.contactMethodPlatform.submit(entry.contactMethods).then(function (result) {
+            if (!!result)
+                ContactMethodClient.agent.print(result);
+        });
+    };
+    ContactMethodClient.prototype.removeForm = function (entry) {
+        entry.entry.remove();
+        ContactMethodClient.contactMessageEntryArray.splice(ContactMethodClient.contactMessageEntryArray.indexOf(entry), 1);
+    };
+    ContactMethodClient.prototype.printMessage = function (newGuid, contactMethods, title) {
+        if (title === void 0) { title = undefined; }
+        if (ContactMethodClient.contactMessageEntryArray.find(function (o) { return o.id == contactMethods.id; })) {
+            var entry = ContactMethodClient.contactMessageEntryArray.find(function (o) { return o.id == contactMethods.id; });
+            var message = {
+                contactMethods: contactMethods,
+                type: 'ace-knowledge-contact-method',
+                noPadding: true,
+            };
+            entry.entry.update(message);
+            StoreHelper.insertOrUpdateMessageArrayStore([
+                {
+                    id: entry.guid,
+                    message: message,
+                    isUser: false,
+                },
+            ]);
+        }
+        else {
+            if (title)
+                this.chatClient.printUserMessageAndStoreIt(title);
+            var message = {
+                contactMethods: contactMethods,
+                type: 'ace-knowledge-contact-method',
+                noPadding: true,
+            };
+            var entry = ContactMethodClient.agent.print(message);
+            StoreHelper.insertOrUpdateMessageArrayStore([
+                {
+                    id: newGuid,
+                    message: message,
+                    isUser: false,
+                },
+            ]);
+            ContactMethodClient.contactMessageEntryArray.push({
+                id: newGuid,
+                contactMethods: contactMethods,
+                entry: entry,
+            });
+        }
+    };
+    ContactMethodClient.prototype.loadContactMethods = function (dataType, id) {
+        if (id === void 0) { id = undefined; }
+        switch (dataType) {
+            case DataType.ContactMethodCategories: {
+                return ContactMethodClient.dataClient
+                    .fetch(DataType.ContactMethods, { contactMethodCategoryId: id })
+                    .then(function (contactMethods) { return contactMethods; });
+            }
+            case DataType.ContactMethods: {
+                if (!!id) {
+                    return ContactMethodClient.dataClient
+                        .fetch(DataType.ContactMethod, { contactMethodId: id })
+                        .then(function (contactMethods) { return contactMethods; });
+                }
+                else {
+                    return ContactMethodClient.dataClient
+                        .fetch(DataType.ContactMethods, {})
+                        .then(function (contactMethods) { return contactMethods; });
+                }
+            }
+            case DataType.ContactMethodCategories: {
+                return ContactMethodClient.dataClient
+                    .fetch(DataType.ContactMethods, { contactMethodCategoryId: id })
+                    .then(function (contactMethods) { return contactMethods; });
+            }
+            default: {
+                return Promise.resolve(undefined);
+            }
+        }
+    };
+    ContactMethodClient.contactMessageEntryArray = [];
+    return ContactMethodClient;
+}());
+export { ContactMethodClient };

package/lib/client/http.client.d.ts

@@ -0,0 +1,22 @@
+export declare class HttpClient {
+    private endpointUrl;
+    private clientId;
+    private projectionPath;
+    private apiEndpoint;
+    private options;
+    private middlewareClient;
+    private chatClient;
+    constructor(endpoint: string, clientId: string);
+    firstHit(): void;
+    handleUpdate(action: string): void;
+    handleInput(action: string): void;
+    handlePhrase(phrase: string): void;
+    private postAndHandleTheData;
+    private postAndHandleTheUpdateData;
+    private getHttpOptions;
+    private constructInputEnvelope;
+    private constructPhraseEnvelope;
+    private constructFirstHitEnvelope;
+    private handleResponseData;
+    private handleUpdateResponseData;
+}

package/lib/client/http.client.js

@@ -0,0 +1,113 @@
+import { HttpHelper } from '../helper/http.helper';
+import { MiddlewareHelper } from '../helper/middleware.helper';
+import { StoreHelper } from '../helper/store.helper';
+import ChatClient from './chat.client';
+import MiddlewareClient from './middleware.client';
+var HttpClient = /** @class */ (function () {
+    function HttpClient(endpoint, clientId) {
+        this.options = {
+            credentials: HttpHelper.getCredentials(),
+            clientId: clientId,
+        };
+        this.apiEndpoint = endpoint;
+        this.projectionPath = window.location.href;
+        this.endpointUrl = HttpHelper.combineUrl(this.projectionPath, 'conversations');
+        this.clientId = this.options.clientId;
+        this.middlewareClient = new MiddlewareClient();
+        this.chatClient = new ChatClient();
+    }
+    HttpClient.prototype.firstHit = function () {
+        var _this = this;
+        // On first hit if there are entries stored in the storage, use them
+        // Otherwise start a new session
+        MiddlewareHelper.getEntrySessionStorage().then(function (o) {
+            if (o && o.length > 0)
+                _this.chatClient.processMessageArrayAndStoreIt(o);
+            else {
+                var envelope = _this.constructFirstHitEnvelope();
+                _this.postAndHandleTheData(envelope);
+            }
+        });
+    };
+    // for updates, such as paging changes
+    HttpClient.prototype.handleUpdate = function (action) {
+        var envelope = this.constructInputEnvelope(action);
+        this.postAndHandleTheUpdateData(envelope, action);
+        // return this.postAndReturnTheData(envelope, action).then((o) => {
+        //     return o.entries;
+        // });
+    };
+    // for action clicks
+    HttpClient.prototype.handleInput = function (action) {
+        var envelope = this.constructInputEnvelope(action);
+        this.postAndHandleTheData(envelope, action);
+    };
+    // for text entries by user
+    HttpClient.prototype.handlePhrase = function (phrase) {
+        var envelope = this.constructPhraseEnvelope(phrase);
+        this.postAndHandleTheData(envelope);
+    };
+    HttpClient.prototype.postAndHandleTheData = function (envelope, action) {
+        var _this = this;
+        return fetch(this.apiEndpoint, this.getHttpOptions(envelope))
+            .then(function (response) {
+            if (response.ok)
+                return response.json();
+            throw response;
+        })
+            .then(function (data) {
+            _this.handleResponseData(data, action);
+        })
+            .catch(function (err) { return console.log(err); });
+    };
+    HttpClient.prototype.postAndHandleTheUpdateData = function (envelope, action) {
+        var _this = this;
+        return fetch(this.apiEndpoint, this.getHttpOptions(envelope))
+            .then(function (response) {
+            if (response.ok)
+                return response.json();
+            throw response;
+        })
+            .then(function (data) {
+            _this.handleUpdateResponseData(data, action);
+        })
+            .catch(function (err) { return console.log(err); });
+    };
+    HttpClient.prototype.getHttpOptions = function (envelope) {
+        return Object.assign({}, HttpHelper.fetchOptions, {
+            body: JSON.stringify(envelope),
+            credentials: this.options.credentials,
+        });
+    };
+    HttpClient.prototype.constructInputEnvelope = function (action) {
+        return {
+            action: StoreHelper.getAction(action),
+            localState: StoreHelper.getLocalState(action),
+            globalState: StoreHelper.getGlobalState(),
+            clientId: this.clientId,
+        };
+    };
+    HttpClient.prototype.constructPhraseEnvelope = function (phrase) {
+        return {
+            command: { phrase: phrase },
+            globalState: StoreHelper.getGlobalState(),
+            clientId: this.clientId,
+        };
+    };
+    HttpClient.prototype.constructFirstHitEnvelope = function () {
+        return {
+            command: { site: this.endpointUrl },
+            clientId: this.clientId,
+            globalState: {},
+        };
+    };
+    HttpClient.prototype.handleResponseData = function (envelope, action) {
+        StoreHelper.setGlobalState(envelope.globalState);
+        this.middlewareClient.handleEntries(envelope.entries, action);
+    };
+    HttpClient.prototype.handleUpdateResponseData = function (envelope, action) {
+        this.middlewareClient.handleUpdate(envelope.entries, action);
+    };
+    return HttpClient;
+}());
+export { HttpClient };

package/lib/client/middleware.client.d.ts

@@ -0,0 +1,13 @@
+import { ServerEntry } from '../contract/model/http/server-entry.model';
+export default class MiddlewareClient {
+    private paging;
+    private processor;
+    private entryInterface;
+    private chatClient;
+    constructor();
+    static initialize(container: any, widget: any): void;
+    handleEntries(entries: ServerEntry[], action?: string): void;
+    handleUpdate(entries: ServerEntry[], action?: string): void;
+    checkForUpdate(input: string): boolean;
+    private executeMiddlewares;
+}

package/lib/client/middleware.client.js

@@ -0,0 +1,46 @@
+import { MiddlewareHelper } from '../helper/middleware.helper';
+import { StoreHelper } from '../helper/store.helper';
+import EntryInterface from '../interface/entry.interface';
+import PagingInterface from '../interface/middleware/paging.interface';
+import ProcessorInterface from '../interface/middleware/processor.interface';
+import ChatClient from './chat.client';
+var MiddlewareClient = /** @class */ (function () {
+    function MiddlewareClient() {
+        this.paging = new PagingInterface();
+        this.processor = new ProcessorInterface();
+        this.entryInterface = new EntryInterface();
+        this.chatClient = new ChatClient();
+    }
+    MiddlewareClient.initialize = function (container, widget) {
+        MiddlewareHelper.setContainer(container);
+        MiddlewareHelper.setWidget(widget);
+    };
+    // called on all standart 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);
+    };
+    // called on situations such as paging changes
+    // when no new entries will be printed
+    MiddlewareClient.prototype.handleUpdate = function (entries, action) {
+        var o = this.executeMiddlewares(entries, true, action);
+        var messageArray = this.entryInterface.transformArray(o);
+        this.chatClient.updateMessageArrayAndStoreIt(messageArray);
+    };
+    // checks whether the action was of an update type
+    MiddlewareClient.prototype.checkForUpdate = function (input) {
+        return input === 'next';
+    };
+    MiddlewareClient.prototype.executeMiddlewares = function (entries, isUpdate, action) {
+        if (isUpdate && action)
+            entries = this.processor.processUpdate(StoreHelper.getEntry(action), entries);
+        else {
+            entries = this.processor.process(entries);
+        }
+        entries = this.paging.process(entries);
+        return entries;
+    };
+    return MiddlewareClient;
+}());
+export default MiddlewareClient;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PropsType {
+    contactMethod: any;
+    type: any;
+    className?: any;
+}
+declare const ContactMethodItem: React.FC<PropsType>;
+export default ContactMethodItem;