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

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.js

@@ -11,12 +11,24 @@ var __assign = (this && this.__assign) || function () {
 };
 import { ContactMethod as GenericContactMethod } from '@telia-ace/knowledge-widget-adapters';
 import { useDispatch } from '@telia-ace/knowledge-widget-ui';
-import React from 'react';
+import React, { useContext } from 'react';
+import { EntryContext } from './entry-context';
 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 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, { inline: true })));
 };
 export default ContactMethodItem;

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

@@ -8,6 +8,6 @@ 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, 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; });
+var StyledContactMethod = styled(ContactMethodItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-bottom: 1px solid rgb(239, 239, 239);\n    padding: ", ";\n\n    &:last-child {\n        border-bottom: none;\n    }\n"], ["\n    border-bottom: 1px solid rgb(239, 239, 239);\n    padding: ", ";\n\n    &:last-child {\n        border-bottom: none;\n    }\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

@@ -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

@@ -202,10 +202,16 @@ 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;
@@ -217,7 +223,9 @@ var EntryInterface = /** @class */ (function () {
             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]);

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-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.js

@@ -11,12 +11,24 @@ var __assign = (this && this.__assign) || function () {
 };
 import { ContactMethod as GenericContactMethod } from '@telia-ace/knowledge-widget-adapters';
 import { useDispatch } from '@telia-ace/knowledge-widget-ui';
-import React from 'react';
+import React, { useContext } from 'react';
+import { EntryContext } from './entry-context';
 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 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, { inline: true })));
 };
 export default ContactMethodItem;

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

@@ -8,6 +8,6 @@ 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, 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; });
+var StyledContactMethod = styled(ContactMethodItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-bottom: 1px solid rgb(239, 239, 239);\n    padding: ", ";\n\n    &:last-child {\n        border-bottom: none;\n    }\n"], ["\n    border-bottom: 1px solid rgb(239, 239, 239);\n    padding: ", ";\n\n    &:last-child {\n        border-bottom: none;\n    }\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-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

@@ -202,10 +202,16 @@ 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;
@@ -217,7 +223,9 @@ var EntryInterface = /** @class */ (function () {
             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]);

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-bot-provider",
-    "version": "0.0.1-alpha.42",
+    "version": "0.0.1-alpha.45",
     "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.12",
+        "@telia-ace/knowledge-widget-types-grid": "^1.0.12",
+        "@telia-ace/knowledge-widget-ui": "^1.0.9",
+        "@telia-ace/widget-conversation": "^1.0.12",
+        "@telia-ace/widget-forms": "^1.0.8",
         "@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": "7cffe3a572ab9968a9d9f4d9e2035accdf79e608"
+    "gitHead": "367472dfe2a286f0ac8d4073b31ac07c74fe0b18"
 }