@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.41 → 0.0.1-alpha.44

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

@@ -20,6 +20,10 @@ export declare class ContactMethodClient {
         type: string;
         noPadding: boolean;
     };
+    expandContactMethod(input: {
+        entryId: string;
+        contactMethodId: string;
+    }): void;
     private handleContactMethodList;
     private handleSingleContactMethod;
     private submit;

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

@@ -45,6 +45,31 @@ 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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { DataType } from '@telia-ace/knowledge-widget-types-grid';
 import { FormBuilder, submitButton } from '@telia-ace/widget-forms';
 import { v4 as uuidv4 } from 'uuid';
@@ -170,6 +195,26 @@ var ContactMethodClient = /** @class */ (function () {
         });
         return this.printMessage(contactMethod.id, contactMethod);
     };
+    ContactMethodClient.prototype.expandContactMethod = function (input) {
+        var message = StoreHelper.getMessage(input.entryId);
+        if ((message === null || message === void 0 ? void 0 : message.conversationEntry) && Array.isArray(message.message)) {
+            var messageItemIndex = message.message.findIndex(function (_a) {
+                var _b = __read(_a, 1), listType = _b[0];
+                return listType === 'ace-knowledge-contact-method';
+            });
+            if (messageItemIndex > -1) {
+                var _a = __read(message.message[messageItemIndex], 2), messageItemType = _a[0], messageItemContent = _a[1];
+                var updatedMessageItemContent = __assign(__assign({}, messageItemContent), { contactMethods: messageItemContent.contactMethods.map(function (cm) {
+                        cm.expanded = true;
+                        return cm;
+                    }) });
+                var updatedMessageItems = __spreadArray(__spreadArray(__spreadArray([], __read(message.message.slice(0, messageItemIndex)), false), [
+                    [messageItemType, updatedMessageItemContent]
+                ], false), __read(message.message.slice(messageItemIndex + 1)), false);
+                message.conversationEntry.writer({ items: updatedMessageItems });
+            }
+        }
+    };
     ContactMethodClient.prototype.handleContactMethodList = function (input, contactMethods) {
         var title = input.split('/')[2];
         var newGuid = uuidv4();

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

@@ -9,46 +9,26 @@ 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/knowledge-widget-ui';
-import React, { useEffect, useState } from 'react';
-var ContactMethodItem = function (props) {
+import { useDispatch } from '@telia-ace/knowledge-widget-ui';
+import React, { useContext } from 'react';
+import { EntryContext } from './entry-context';
+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 () {
-        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
-            // 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 })));
+    var entryId = useContext(EntryContext).entryId;
+    return (React.createElement(GenericContactMethod, __assign({ className: className, onClick: function (event) {
+            if (contactMethod.inline) {
+                // preventing default to use a custom expand action
+                event.preventDefault();
+                dispatch('expand', {
+                    entryId: entryId,
+                    contactMethodId: contactMethod.id,
+                });
+            }
+            else {
+                dispatch('action', "".concat(contactMethod.id, "/contact-methods/").concat(contactMethod.title));
+            }
+        }, dispatch: dispatch }, contactMethod)));
 };
 export default ContactMethodItem;

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

@@ -7,6 +7,7 @@ import React from 'react';
 import styled from 'styled-components';
 import ContactMethodItem from './contact-method-item';
 import ContactMethodList from './contact-method-list';
+import { EntryContext } from './entry-context';
 var ContactMethod = function (props) {
     var _a, _b;
     var type;
@@ -26,7 +27,8 @@ var ContactMethod = function (props) {
     if (!methodList.length) {
         return React.createElement(StyledContactMethodItem, { type: type, contactMethod: methodList });
     }
-    return React.createElement(ContactMethodList, { type: type, contactMethodList: methodList });
+    return (React.createElement(EntryContext.Provider, { value: props.entry },
+        React.createElement(ContactMethodList, { type: type, contactMethodList: methodList })));
 };
 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;

package/lib/contract/custom-component/entry-context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type IEntryContext = {
+    entryId: string | null;
+};
+export declare const EntryContext: import("react").Context<IEntryContext>;

package/lib/contract/custom-component/entry-context.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+export var EntryContext = createContext({
+    entryId: null,
+});

package/lib/interface/entry.interface.js

@@ -1,3 +1,14 @@
+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) {
@@ -50,6 +61,7 @@ import { ConversationMessageListItemType, } from '@telia-ace/widget-conversation
 import { ContactMethodClient } from '../client/contact-method.client';
 import { ServerEntryTypeEnum } from '../contract/enum/server-entry-type.enum';
 import { StoreHelper } from '../helper/store.helper';
+import { contactMethodFromLegacy } from '../utils';
 var EntryInterface = /** @class */ (function () {
     function EntryInterface(container) {
         this.container = container;
@@ -190,16 +202,31 @@ var EntryInterface = /** @class */ (function () {
     EntryInterface.prototype.textTransform = function (entry, feedbackEntry) {
         if (!!entry.content.items)
             return this.listTransform(entry, feedbackEntry);
-        return [
+        var returnObj = [
             ConversationMessageListItemType.HTML,
             { body: entry.content.html.replace('\n', '') },
         ];
+        if (!!feedbackEntry) {
+            var feedbackObject = this.getListActions(feedbackEntry.content.items, this.getContentText(feedbackEntry), feedbackEntry.actions, feedbackEntry.localState);
+            feedbackObject.unshift(returnObj);
+            return feedbackObject;
+        }
+        return returnObj;
     };
     EntryInterface.prototype.getListActions = function (items, text, actions, state) {
         var _this = this;
         var list = [];
         var mainListContent = {};
-        var mainList = [this.getListType(state), { actions: mainListContent }];
+        var mainListType = this.getListType(state);
+        var mainList = [mainListType, { actions: mainListContent }];
+        if (mainListType === 'ace-knowledge-contact-method') {
+            mainList[1] = __assign(__assign({}, mainList[1]), { contactMethods: items.map(function (item) {
+                    var formatted = contactMethodFromLegacy(item.data);
+                    return formatted;
+                }), entry: {
+                    entryId: state.entryId,
+                } });
+        }
         if (text && text.title) {
             list.push([ConversationMessageListItemType.Header, text.title]);
         }
@@ -230,11 +257,17 @@ var EntryInterface = /** @class */ (function () {
         return list;
     };
     EntryInterface.prototype.getListType = function (state) {
-        if ((state === null || state === void 0 ? void 0 : state.$type) === 'Humany.Matching.Bots.Conversations.GuideListState, Humany.Matching')
+        if ((state === null || state === void 0 ? void 0 : state.$type) === 'Humany.Matching.Bots.Conversations.GuideListState, Humany.Matching') {
             return ConversationMessageListItemType.LinkList;
+        }
         else if ((state === null || state === void 0 ? void 0 : state.$type) ===
-            'Humany.Matching.Bots.Conversations.States.GuideFeedbackState, Humany.Matching')
+            'Humany.Matching.Bots.Conversations.States.GuideFeedbackState, Humany.Matching') {
             return ConversationMessageListItemType.FeedbackList;
+        }
+        else if ((state === null || state === void 0 ? void 0 : state.$type) ===
+            'Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching') {
+            return 'ace-knowledge-contact-method';
+        }
         else
             return ConversationMessageListItemType.ButtonList;
     };

package/lib/plugin.js

@@ -86,6 +86,10 @@ var KnowledgeBotProviderPlugin = function (container) { return __awaiter(void 0,
                     var httpClient = new HttpClient(endpoint, clientId, container);
                     var firstLoader = conversation.loading();
                     httpClient.firstHit().then(firstLoader);
+                    component.actions.create('expand', function (input) {
+                        var cmClient = new ContactMethodClient(container);
+                        cmClient.expandContactMethod(input);
+                    });
                     component.actions.create('evaluate', function (input) {
                         var cmClient = new ContactMethodClient(container);
                         cmClient.handleNewForm(input.form, input.form.id);
@@ -98,8 +102,6 @@ var KnowledgeBotProviderPlugin = function (container) { return __awaiter(void 0,
                         var _a;
                         if ((_a = input === null || input === void 0 ? void 0 : input.form) === null || _a === void 0 ? void 0 : _a.schema.id) {
                             var contactMethodEntry = getContactMethodEntry(input.form.schema.id);
-                            if (contactMethodEntry) {
-                            }
                         }
                         var cmClient = new ContactMethodClient(container);
                         cmClient.validate(input.form);

package/lib/utils.d.ts

@@ -1 +1,2 @@
 export declare const getContactMethodEntry: (contactMethodId: string) => import("./contract/model/http/server-entry.model").ServerEntry | undefined;
+export declare const contactMethodFromLegacy: ({ id, title, defaultIcon, exits: [exit], exitType, confirmationText, expandFormAutomatically, form, description, }: any, validation?: any) => any;

package/lib/utils.js

@@ -1,5 +1,79 @@
+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 { FormBuilder } from '@telia-ace/widget-forms';
 import { StoreHelper } from './helper/store.helper';
 export var getContactMethodEntry = function (contactMethodId) {
     var entries = StoreHelper.getEntryStore();
     return entries.find(function (e) { return e.content.id === +contactMethodId; });
 };
+var convertLegacySymbol = function (symbol) {
+    if (symbol) {
+        var type = symbol.type, content = symbol.content;
+        if (type && content) {
+            return { type: type, content: content };
+        }
+    }
+};
+export var contactMethodFromLegacy = function (_a, validation) {
+    var id = _a.id, title = _a.title, defaultIcon = _a.defaultIcon, _b = __read(_a.exits, 1), exit = _b[0], exitType = _a.exitType, confirmationText = _a.confirmationText, expandFormAutomatically = _a.expandFormAutomatically, form = _a.form, description = _a.description;
+    var adapter = (exit || { Adapter: {} }).adapter;
+    var _c = adapter.clientName, clientName = _c === void 0 ? '' : _c, _d = adapter.settings, adapterSettings = _d === void 0 ? {} : _d, _e = adapter.customClientName, customClientName = _e === void 0 ? '' : _e;
+    var settings = {
+        id: id.toString(),
+        title: title,
+        description: description,
+        symbol: convertLegacySymbol(defaultIcon),
+        clientName: clientName === 'custom.adapter' ? customClientName : clientName,
+        expanded: true,
+        inline: true,
+        body: {},
+    };
+    if (clientName.indexOf('phone') > -1 || clientName.indexOf('freetext') > -1) {
+        var displayTextBeforeClick = adapterSettings.displayTextBeforeClick, textBeforeClick = adapterSettings.textBeforeClick;
+        if (displayTextBeforeClick === 'true') {
+            settings.expanded = false;
+            settings.title = textBeforeClick;
+        }
+        if (clientName.indexOf('phone.text') > -1) {
+            settings.body.phoneNumber = adapterSettings.phoneNumber;
+        }
+        else {
+            settings.body.freetext = adapterSettings.freetext;
+        }
+    }
+    if (clientName.indexOf('chat.popup') > -1 ||
+        clientName.indexOf('link') > -1 ||
+        (clientName === 'custom.adapter' && exitType === 'custom')) {
+        settings.body = adapterSettings;
+        settings.body.confirmationFallback = confirmationText;
+    }
+    if (clientName.indexOf('ace') > -1) {
+        settings.body = adapterSettings;
+    }
+    if (form && form.hasValueComponents) {
+        if (validation) {
+            settings.body.form = FormBuilder.fromLegacyForm(id.toString(), form, validation).get();
+        }
+        else {
+            settings.body.form = FormBuilder.fromLegacyForm(id.toString(), form).get();
+        }
+        if (!expandFormAutomatically) {
+            settings.expanded = settings.inline = false;
+        }
+    }
+    return settings;
+};

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

@@ -20,6 +20,10 @@ export declare class ContactMethodClient {
         type: string;
         noPadding: boolean;
     };
+    expandContactMethod(input: {
+        entryId: string;
+        contactMethodId: string;
+    }): void;
     private handleContactMethodList;
     private handleSingleContactMethod;
     private submit;

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

@@ -45,6 +45,31 @@ 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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { DataType } from '@telia-ace/knowledge-widget-types-grid';
 import { FormBuilder, submitButton } from '@telia-ace/widget-forms';
 import { v4 as uuidv4 } from 'uuid';
@@ -170,6 +195,26 @@ var ContactMethodClient = /** @class */ (function () {
         });
         return this.printMessage(contactMethod.id, contactMethod);
     };
+    ContactMethodClient.prototype.expandContactMethod = function (input) {
+        var message = StoreHelper.getMessage(input.entryId);
+        if ((message === null || message === void 0 ? void 0 : message.conversationEntry) && Array.isArray(message.message)) {
+            var messageItemIndex = message.message.findIndex(function (_a) {
+                var _b = __read(_a, 1), listType = _b[0];
+                return listType === 'ace-knowledge-contact-method';
+            });
+            if (messageItemIndex > -1) {
+                var _a = __read(message.message[messageItemIndex], 2), messageItemType = _a[0], messageItemContent = _a[1];
+                var updatedMessageItemContent = __assign(__assign({}, messageItemContent), { contactMethods: messageItemContent.contactMethods.map(function (cm) {
+                        cm.expanded = true;
+                        return cm;
+                    }) });
+                var updatedMessageItems = __spreadArray(__spreadArray(__spreadArray([], __read(message.message.slice(0, messageItemIndex)), false), [
+                    [messageItemType, updatedMessageItemContent]
+                ], false), __read(message.message.slice(messageItemIndex + 1)), false);
+                message.conversationEntry.writer({ items: updatedMessageItems });
+            }
+        }
+    };
     ContactMethodClient.prototype.handleContactMethodList = function (input, contactMethods) {
         var title = input.split('/')[2];
         var newGuid = uuidv4();

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,46 +9,26 @@ 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/knowledge-widget-ui';
-import React, { useEffect, useState } from 'react';
-var ContactMethodItem = function (props) {
+import { useDispatch } from '@telia-ace/knowledge-widget-ui';
+import React, { useContext } from 'react';
+import { EntryContext } from './entry-context';
+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 () {
-        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
-            // 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 })));
+    var entryId = useContext(EntryContext).entryId;
+    return (React.createElement(GenericContactMethod, __assign({ className: className, onClick: function (event) {
+            if (contactMethod.inline) {
+                // preventing default to use a custom expand action
+                event.preventDefault();
+                dispatch('expand', {
+                    entryId: entryId,
+                    contactMethodId: contactMethod.id,
+                });
+            }
+            else {
+                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/custom-component/contact-method.js

@@ -7,6 +7,7 @@ import React from 'react';
 import styled from 'styled-components';
 import ContactMethodItem from './contact-method-item';
 import ContactMethodList from './contact-method-list';
+import { EntryContext } from './entry-context';
 var ContactMethod = function (props) {
     var _a, _b;
     var type;
@@ -26,7 +27,8 @@ var ContactMethod = function (props) {
     if (!methodList.length) {
         return React.createElement(StyledContactMethodItem, { type: type, contactMethod: methodList });
     }
-    return React.createElement(ContactMethodList, { type: type, contactMethodList: methodList });
+    return (React.createElement(EntryContext.Provider, { value: props.entry },
+        React.createElement(ContactMethodList, { type: type, contactMethodList: methodList })));
 };
 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;

package/lib-esm/contract/custom-component/entry-context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type IEntryContext = {
+    entryId: string | null;
+};
+export declare const EntryContext: import("react").Context<IEntryContext>;

package/lib-esm/contract/custom-component/entry-context.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+export var EntryContext = createContext({
+    entryId: null,
+});

package/lib-esm/interface/entry.interface.js

@@ -1,3 +1,14 @@
+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) {
@@ -50,6 +61,7 @@ import { ConversationMessageListItemType, } from '@telia-ace/widget-conversation
 import { ContactMethodClient } from '../client/contact-method.client';
 import { ServerEntryTypeEnum } from '../contract/enum/server-entry-type.enum';
 import { StoreHelper } from '../helper/store.helper';
+import { contactMethodFromLegacy } from '../utils';
 var EntryInterface = /** @class */ (function () {
     function EntryInterface(container) {
         this.container = container;
@@ -190,16 +202,31 @@ var EntryInterface = /** @class */ (function () {
     EntryInterface.prototype.textTransform = function (entry, feedbackEntry) {
         if (!!entry.content.items)
             return this.listTransform(entry, feedbackEntry);
-        return [
+        var returnObj = [
             ConversationMessageListItemType.HTML,
             { body: entry.content.html.replace('\n', '') },
         ];
+        if (!!feedbackEntry) {
+            var feedbackObject = this.getListActions(feedbackEntry.content.items, this.getContentText(feedbackEntry), feedbackEntry.actions, feedbackEntry.localState);
+            feedbackObject.unshift(returnObj);
+            return feedbackObject;
+        }
+        return returnObj;
     };
     EntryInterface.prototype.getListActions = function (items, text, actions, state) {
         var _this = this;
         var list = [];
         var mainListContent = {};
-        var mainList = [this.getListType(state), { actions: mainListContent }];
+        var mainListType = this.getListType(state);
+        var mainList = [mainListType, { actions: mainListContent }];
+        if (mainListType === 'ace-knowledge-contact-method') {
+            mainList[1] = __assign(__assign({}, mainList[1]), { contactMethods: items.map(function (item) {
+                    var formatted = contactMethodFromLegacy(item.data);
+                    return formatted;
+                }), entry: {
+                    entryId: state.entryId,
+                } });
+        }
         if (text && text.title) {
             list.push([ConversationMessageListItemType.Header, text.title]);
         }
@@ -230,11 +257,17 @@ var EntryInterface = /** @class */ (function () {
         return list;
     };
     EntryInterface.prototype.getListType = function (state) {
-        if ((state === null || state === void 0 ? void 0 : state.$type) === 'Humany.Matching.Bots.Conversations.GuideListState, Humany.Matching')
+        if ((state === null || state === void 0 ? void 0 : state.$type) === 'Humany.Matching.Bots.Conversations.GuideListState, Humany.Matching') {
             return ConversationMessageListItemType.LinkList;
+        }
         else if ((state === null || state === void 0 ? void 0 : state.$type) ===
-            'Humany.Matching.Bots.Conversations.States.GuideFeedbackState, Humany.Matching')
+            'Humany.Matching.Bots.Conversations.States.GuideFeedbackState, Humany.Matching') {
             return ConversationMessageListItemType.FeedbackList;
+        }
+        else if ((state === null || state === void 0 ? void 0 : state.$type) ===
+            'Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching') {
+            return 'ace-knowledge-contact-method';
+        }
         else
             return ConversationMessageListItemType.ButtonList;
     };

package/lib-esm/plugin.js

@@ -86,6 +86,10 @@ var KnowledgeBotProviderPlugin = function (container) { return __awaiter(void 0,
                     var httpClient = new HttpClient(endpoint, clientId, container);
                     var firstLoader = conversation.loading();
                     httpClient.firstHit().then(firstLoader);
+                    component.actions.create('expand', function (input) {
+                        var cmClient = new ContactMethodClient(container);
+                        cmClient.expandContactMethod(input);
+                    });
                     component.actions.create('evaluate', function (input) {
                         var cmClient = new ContactMethodClient(container);
                         cmClient.handleNewForm(input.form, input.form.id);
@@ -98,8 +102,6 @@ var KnowledgeBotProviderPlugin = function (container) { return __awaiter(void 0,
                         var _a;
                         if ((_a = input === null || input === void 0 ? void 0 : input.form) === null || _a === void 0 ? void 0 : _a.schema.id) {
                             var contactMethodEntry = getContactMethodEntry(input.form.schema.id);
-                            if (contactMethodEntry) {
-                            }
                         }
                         var cmClient = new ContactMethodClient(container);
                         cmClient.validate(input.form);

package/lib-esm/utils.d.ts

@@ -1 +1,2 @@
 export declare const getContactMethodEntry: (contactMethodId: string) => import("./contract/model/http/server-entry.model").ServerEntry | undefined;
+export declare const contactMethodFromLegacy: ({ id, title, defaultIcon, exits: [exit], exitType, confirmationText, expandFormAutomatically, form, description, }: any, validation?: any) => any;

package/lib-esm/utils.js

@@ -1,5 +1,79 @@
+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 { FormBuilder } from '@telia-ace/widget-forms';
 import { StoreHelper } from './helper/store.helper';
 export var getContactMethodEntry = function (contactMethodId) {
     var entries = StoreHelper.getEntryStore();
     return entries.find(function (e) { return e.content.id === +contactMethodId; });
 };
+var convertLegacySymbol = function (symbol) {
+    if (symbol) {
+        var type = symbol.type, content = symbol.content;
+        if (type && content) {
+            return { type: type, content: content };
+        }
+    }
+};
+export var contactMethodFromLegacy = function (_a, validation) {
+    var id = _a.id, title = _a.title, defaultIcon = _a.defaultIcon, _b = __read(_a.exits, 1), exit = _b[0], exitType = _a.exitType, confirmationText = _a.confirmationText, expandFormAutomatically = _a.expandFormAutomatically, form = _a.form, description = _a.description;
+    var adapter = (exit || { Adapter: {} }).adapter;
+    var _c = adapter.clientName, clientName = _c === void 0 ? '' : _c, _d = adapter.settings, adapterSettings = _d === void 0 ? {} : _d, _e = adapter.customClientName, customClientName = _e === void 0 ? '' : _e;
+    var settings = {
+        id: id.toString(),
+        title: title,
+        description: description,
+        symbol: convertLegacySymbol(defaultIcon),
+        clientName: clientName === 'custom.adapter' ? customClientName : clientName,
+        expanded: true,
+        inline: true,
+        body: {},
+    };
+    if (clientName.indexOf('phone') > -1 || clientName.indexOf('freetext') > -1) {
+        var displayTextBeforeClick = adapterSettings.displayTextBeforeClick, textBeforeClick = adapterSettings.textBeforeClick;
+        if (displayTextBeforeClick === 'true') {
+            settings.expanded = false;
+            settings.title = textBeforeClick;
+        }
+        if (clientName.indexOf('phone.text') > -1) {
+            settings.body.phoneNumber = adapterSettings.phoneNumber;
+        }
+        else {
+            settings.body.freetext = adapterSettings.freetext;
+        }
+    }
+    if (clientName.indexOf('chat.popup') > -1 ||
+        clientName.indexOf('link') > -1 ||
+        (clientName === 'custom.adapter' && exitType === 'custom')) {
+        settings.body = adapterSettings;
+        settings.body.confirmationFallback = confirmationText;
+    }
+    if (clientName.indexOf('ace') > -1) {
+        settings.body = adapterSettings;
+    }
+    if (form && form.hasValueComponents) {
+        if (validation) {
+            settings.body.form = FormBuilder.fromLegacyForm(id.toString(), form, validation).get();
+        }
+        else {
+            settings.body.form = FormBuilder.fromLegacyForm(id.toString(), form).get();
+        }
+        if (!expandFormAutomatically) {
+            settings.expanded = settings.inline = false;
+        }
+    }
+    return settings;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-bot-provider",
-    "version": "0.0.1-alpha.41",
+    "version": "0.0.1-alpha.44",
     "description": "Bot Provider Plugin ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -25,11 +25,11 @@
     "sideEffects": false,
     "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/knowledge-widget-adapters": "^1.0.10",
-        "@telia-ace/knowledge-widget-types-grid": "^1.0.10",
-        "@telia-ace/knowledge-widget-ui": "^1.0.7",
-        "@telia-ace/widget-conversation": "^1.0.9",
-        "@telia-ace/widget-forms": "^1.0.6",
+        "@telia-ace/knowledge-widget-adapters": "^1.0.11",
+        "@telia-ace/knowledge-widget-types-grid": "^1.0.11",
+        "@telia-ace/knowledge-widget-ui": "^1.0.8",
+        "@telia-ace/widget-conversation": "^1.0.11",
+        "@telia-ace/widget-forms": "^1.0.7",
         "@telia-ace/widget-services": "^1.0.4",
         "@webprovisions/bootstrapping": "^1.0.12",
         "uuid": "^8.3.2"
@@ -41,5 +41,5 @@
     "devDependencies": {
         "@types/uuid": "^8.3.4"
     },
-    "gitHead": "733b97495cbc823d594ae31e687aeb05a660f195"
+    "gitHead": "5c7beb5d15b048dfc70489486ae597f891f1d691"
 }