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

package/lib/client/http.client.js

@@ -1,56 +1,137 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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());
+    });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HttpClient = void 0;
-var http_helper_1 = require("../helper/http.helper");
-var middleware_helper_1 = require("../helper/middleware.helper");
-var store_helper_1 = require("../helper/store.helper");
-var chat_client_1 = __importDefault(require("./chat.client"));
-var middleware_client_1 = __importDefault(require("./middleware.client"));
+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 { readStorage } from '@telia-ace/widget-services';
+import { v4 as newGuid } from 'uuid';
+import { ChatHelper } from '../helper/chat.helper';
+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) {
+    function HttpClient(endpoint, clientId, container) {
         this.options = {
-            credentials: http_helper_1.HttpHelper.getCredentials(),
-            clientId: '84d96a63-b8ba-33ec-22d5-515255f866f8',
+            credentials: HttpHelper.getCredentials(),
+            clientId: clientId,
         };
         this.apiEndpoint = endpoint;
         this.projectionPath = window.location.href;
-        this.endpointUrl = http_helper_1.HttpHelper.combineUrl(this.projectionPath, 'conversations');
+        this.endpointUrl = HttpHelper.combineUrl(this.projectionPath, 'conversations');
         this.clientId = this.options.clientId;
-        this.middlewareClient = new middleware_client_1.default();
-        this.chatClient = new chat_client_1.default();
+        this.middlewareClient = new MiddlewareClient(container);
+        this.chatClient = new ChatClient(container);
+        this.container = container;
     }
     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
-        middleware_helper_1.MiddlewareHelper.getEntrySessionStorage().then(function (o) {
-            if (o && o.length > 0)
-                _this.chatClient.processMessageArrayAndStoreIt(o);
-            else {
-                var envelope = _this.constructFirstHitEnvelope();
-                _this.postAndHandleTheData(envelope);
-            }
+        return __awaiter(this, void 0, void 0, function () {
+            var entries, meta, agent, envelope;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, MiddlewareHelper.getEntrySessionStorage()];
+                    case 1:
+                        entries = (_a.sent());
+                        if (!(entries && entries.length > 0)) return [3 /*break*/, 5];
+                        return [4 /*yield*/, StoreHelper.rehydrateState()];
+                    case 2:
+                        _a.sent();
+                        return [4 /*yield*/, readStorage(this.container, 'bot-provider-conversation-meta')];
+                    case 3:
+                        meta = _a.sent();
+                        if (meta === null || meta === void 0 ? void 0 : meta.agent) {
+                            agent = ChatHelper.getAgent();
+                            agent.update({
+                                name: meta.agent.name,
+                                avatar: meta.agent.avatar,
+                            });
+                        }
+                        return [4 /*yield*/, this.chatClient.processMessageArrayAndStoreIt(entries)];
+                    case 4:
+                        _a.sent();
+                        return [3 /*break*/, 7];
+                    case 5:
+                        envelope = this.constructFirstHitEnvelope();
+                        return [4 /*yield*/, this.postAndHandleTheData(envelope)];
+                    case 6:
+                        _a.sent();
+                        _a.label = 7;
+                    case 7: return [2 /*return*/];
+                }
+            });
         });
     };
     // for updates, such as paging changes
     HttpClient.prototype.handleUpdate = function (action) {
         var envelope = this.constructInputEnvelope(action);
-        return this.postAndReturnTheData(envelope, action).then(function (o) {
-            return o.entries;
-        });
+        return this.postAndHandleTheUpdateData(envelope, action);
     };
     // for action clicks
     HttpClient.prototype.handleInput = function (action) {
         var envelope = this.constructInputEnvelope(action);
-        this.postAndHandleTheData(envelope, action);
+        return this.postAndHandleTheData(envelope, action);
+    };
+    // for category burger
+    HttpClient.prototype.handleCategories = function () {
+        var envelope = this.constructCategoriesEnvelope();
+        return this.postAndHandleTheData(envelope);
     };
     // for text entries by user
     HttpClient.prototype.handlePhrase = function (phrase) {
         var envelope = this.constructPhraseEnvelope(phrase);
-        this.postAndHandleTheData(envelope);
+        var id = newGuid();
+        var entry = {
+            id: id,
+            type: 'Text',
+            timestamp: new Date(),
+            content: {
+                $type: 'Humany.Matching.Bots.Conversations.Content.Text, Humany.Matching',
+                html: "".concat(phrase),
+            },
+            actions: {},
+            tags: {},
+        };
+        var message = {
+            id: id,
+            message: ['html', { body: "<p>".concat(phrase, "</p>") }],
+            entry: entry,
+            isUser: true,
+            conversationEntry: {},
+        };
+        StoreHelper.insertMessageToStore(message);
+        return this.postAndHandleTheData(envelope);
     };
     HttpClient.prototype.postAndHandleTheData = function (envelope, action) {
         var _this = this;
@@ -65,7 +146,8 @@ var HttpClient = /** @class */ (function () {
         })
             .catch(function (err) { return console.log(err); });
     };
-    HttpClient.prototype.postAndReturnTheData = function (envelope, action) {
+    HttpClient.prototype.postAndHandleTheUpdateData = function (envelope, action) {
+        var _this = this;
         return fetch(this.apiEndpoint, this.getHttpOptions(envelope))
             .then(function (response) {
             if (response.ok)
@@ -73,28 +155,40 @@ var HttpClient = /** @class */ (function () {
             throw response;
         })
             .then(function (data) {
-            return data;
+            _this.handleUpdateResponseData(data, action);
         })
             .catch(function (err) { return console.log(err); });
     };
     HttpClient.prototype.getHttpOptions = function (envelope) {
-        return Object.assign({}, http_helper_1.HttpHelper.fetchOptions, {
+        return Object.assign({}, HttpHelper.fetchOptions, {
             body: JSON.stringify(envelope),
             credentials: this.options.credentials,
         });
     };
     HttpClient.prototype.constructInputEnvelope = function (action) {
         return {
-            action: store_helper_1.StoreHelper.getAction(action),
-            localState: store_helper_1.StoreHelper.getLocalState(action),
-            globalState: store_helper_1.StoreHelper.getGlobalState(),
+            action: StoreHelper.getAction(action),
+            localState: StoreHelper.getLocalState(action),
+            globalState: StoreHelper.getGlobalState(),
+            clientId: this.clientId,
+        };
+    };
+    HttpClient.prototype.constructCategoriesEnvelope = function () {
+        return {
+            action: {
+                content: {
+                    $type: 'Humany.Matching.Bots.Conversations.Actions.BrowseCategories, Humany.Matching',
+                },
+                key: 'browseCategories',
+            },
+            globalState: StoreHelper.getGlobalState(),
             clientId: this.clientId,
         };
     };
     HttpClient.prototype.constructPhraseEnvelope = function (phrase) {
         return {
             command: { phrase: phrase },
-            globalState: store_helper_1.StoreHelper.getGlobalState(),
+            globalState: StoreHelper.getGlobalState(),
             clientId: this.clientId,
         };
     };
@@ -106,9 +200,12 @@ var HttpClient = /** @class */ (function () {
         };
     };
     HttpClient.prototype.handleResponseData = function (envelope, action) {
-        store_helper_1.StoreHelper.setGlobalState(envelope.globalState);
-        this.middlewareClient.handleEntries(envelope.entries, action);
+        StoreHelper.setGlobalState(envelope.globalState);
+        return this.middlewareClient.handleEntries(envelope.entries, action);
+    };
+    HttpClient.prototype.handleUpdateResponseData = function (envelope, action) {
+        return this.middlewareClient.handleUpdate(envelope.entries, action);
     };
     return HttpClient;
 }());
-exports.HttpClient = HttpClient;
+export { HttpClient };

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

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

package/lib/client/middleware.client.js

@@ -1,45 +1,110 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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());
+    });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var middleware_helper_1 = require("../helper/middleware.helper");
-var store_helper_1 = require("../helper/store.helper");
-var entry_interface_1 = __importDefault(require("../interface/entry.interface"));
-// import ContactExpandedInterface from "../interface/middleware/contact-expanded.interface";
-// import ContactInterface from "../interface/middleware/legacy-contact-methods.interface";
-var paging_interface_1 = __importDefault(require("../interface/middleware/paging.interface"));
-var processor_interface_1 = __importDefault(require("../interface/middleware/processor.interface"));
-var chat_client_1 = __importDefault(require("./chat.client"));
-var http_client_1 = require("./http.client");
+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 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.contactExpanded = new ContactExpandedInterface();
-        // this.legacyContact = new ContactInterface();
-        this.paging = new paging_interface_1.default();
-        this.processor = new processor_interface_1.default();
-        this.entryInterface = new entry_interface_1.default();
-        this.chatClient = new chat_client_1.default();
+    function MiddlewareClient(container) {
+        this.paging = new PagingInterface();
+        this.processor = new ProcessorInterface();
+        this.entryInterface = new EntryInterface(container);
+        this.chatClient = new ChatClient(container);
     }
     MiddlewareClient.initialize = function (container, widget) {
-        middleware_helper_1.MiddlewareHelper.setContainer(container);
-        middleware_helper_1.MiddlewareHelper.setWidget(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 http_client_1.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
@@ -48,7 +113,7 @@ var MiddlewareClient = /** @class */ (function () {
     };
     MiddlewareClient.prototype.executeMiddlewares = function (entries, isUpdate, action) {
         if (isUpdate && action)
-            entries = this.processor.processUpdate(store_helper_1.StoreHelper.getEntry(action), entries);
+            entries = this.processor.processUpdate(StoreHelper.getEntry(action), entries);
         else {
             entries = this.processor.process(entries);
         }
@@ -57,4 +122,4 @@ var MiddlewareClient = /** @class */ (function () {
     };
     return MiddlewareClient;
 }());
-exports.default = MiddlewareClient;
+export default MiddlewareClient;

package/lib/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/contract/custom-component/contact-method-item.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,67 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+import { ContactMethod as GenericContactMethod } from '@telia-ace/knowledge-widget-adapters';
+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();
+    return (React.createElement(GenericContactMethod, __assign({ className: className, onClick: function () {
+            dispatch('action', "".concat(contactMethod.id, "/contact-methods/").concat(contactMethod.title));
+        }, dispatch: dispatch }, contactMethod)));
 };
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_adapters_1 = require("@telia-ace/knowledge-widget-adapters");
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var react_1 = __importStar(require("react"));
-var ContactMethodItem = function (props) {
-    var dispatch = (0, widget_ui_1.useDispatch)();
-    var container = (0, widget_ui_1.useContainer)();
-    var _a = __read((0, react_1.useState)(props.contactMethod.body), 2), body = _a[0], setBody = _a[1];
-    (0, react_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_1.default.createElement(knowledge_widget_adapters_1.ContactMethod, __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 })));
-};
-exports.default = ContactMethodItem;
+export default ContactMethodItem;

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

@@ -1,41 +1,13 @@
-"use strict";
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var contact_method_item_1 = __importDefault(require("./contact-method-item"));
+import React, { Fragment } from 'react';
+import styled from 'styled-components';
+import ContactMethodItem from './contact-method-item';
 var ContactMethodList = function (props) {
-    return (react_1.default.createElement(react_1.Fragment, null, props.contactMethodList.map(function (contactMethod) { return (react_1.default.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 = (0, styled_components_1.default)(contact_method_item_1.default)(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; });
-exports.default = ContactMethodList;
+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;
 var templateObject_1;

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

@@ -1,38 +1,33 @@
-"use strict";
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_types_grid_1 = require("@telia-ace/knowledge-widget-types-grid");
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var contact_method_item_1 = __importDefault(require("./contact-method-item"));
-var contact_method_list_1 = __importDefault(require("./contact-method-list"));
+import { DataType } from '@telia-ace/knowledge-widget-types-grid';
+import React from 'react';
+import styled from 'styled-components';
+import ContactMethodItem from './contact-method-item';
+import ContactMethodList from './contact-method-list';
 var ContactMethod = function (props) {
     var _a, _b;
     var type;
     var methodList;
     if (props.contactMethods && ((_a = props.contactMethods.contactMethods) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-        type = knowledge_widget_types_grid_1.DataType.ContactMethods;
+        type = DataType.ContactMethods;
         methodList = props.contactMethods.contactMethods;
     }
     else if (props.contactMethods.categories && ((_b = props.contactMethods.categories) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-        type = knowledge_widget_types_grid_1.DataType.ContactMethodCategories;
+        type = DataType.ContactMethodCategories;
         methodList = props.contactMethods.categories.filter(function (o) { return o.matches > 0; });
     }
     else {
-        type = knowledge_widget_types_grid_1.DataType.ContactMethod;
+        type = DataType.ContactMethod;
         methodList = props.contactMethods;
     }
     if (!methodList.length) {
-        return react_1.default.createElement(StyledContactMethodItem, { type: type, contactMethod: methodList });
+        return React.createElement(StyledContactMethodItem, { type: type, contactMethod: methodList });
     }
-    return react_1.default.createElement(contact_method_list_1.default, { type: type, contactMethodList: methodList });
+    return React.createElement(ContactMethodList, { type: type, contactMethodList: methodList });
 };
-var StyledContactMethodItem = (0, styled_components_1.default)(contact_method_item_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: ", ";\n"], ["\n    padding: ", ";\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; });
-exports.default = ContactMethod;
+var StyledContactMethodItem = styled(ContactMethodItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: ", ";\n"], ["\n    padding: ", ";\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; });
+export default ContactMethod;
 var templateObject_1;

package/lib/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
 }