@telia-ace/widget-conversation 1.0.8 → 1.0.9

package/lib/ui/conversation/conversation-content.js

@@ -53,6 +53,9 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var widget_forms_1 = require("@telia-ace/widget-forms");
 var widget_ui_1 = require("@telia-ace/widget-ui");
@@ -62,6 +65,7 @@ var styled_components_1 = __importStar(require("styled-components"));
 var types_1 = require("../../types");
 var conversation_styles_1 = require("./conversation-styles");
 var message_types_1 = require("./message-types");
+var custom_message_list_item_1 = __importDefault(require("./message-types/custom-message-list-item"));
 var imageLightboxRenderer = function (attrs) { return react_1.default.createElement(widget_ui_1.Lightbox, { attrs: attrs }); };
 var htmlParseInstructions = {
     transform: {
@@ -184,8 +188,8 @@ var ConversationContent = function (_a) {
                                         } })));
                             }
                             default: {
-                                return (react_1.default.createElement(react_1.Fragment, null,
-                                    react_1.default.createElement("p", null, "Unknown message type")));
+                                return (react_1.default.createElement(ConversationListItem, { key: itemKey },
+                                    react_1.default.createElement(custom_message_list_item_1.default, { type: item.type, content: item.content })));
                             }
                         }
                     } }))))));

package/lib/ui/conversation/message-types/custom-message-list-item.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    type: string;
+    content?: {
+        [key: string]: any;
+    };
+};
+declare const CustomMessageListItem: React.FC<Props>;
+export default CustomMessageListItem;

package/lib/ui/conversation/message-types/custom-message-list-item.js

@@ -0,0 +1,27 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var widget_ui_1 = require("@telia-ace/widget-ui");
+var react_1 = __importDefault(require("react"));
+var CustomMessageListItem = function (_a) {
+    var type = _a.type, _b = _a.content, content = _b === void 0 ? {} : _b;
+    var Component = (0, widget_ui_1.useComponent)(type);
+    if (!Component || !type) {
+        return null;
+    }
+    return react_1.default.createElement(Component, __assign({}, content));
+};
+exports.default = CustomMessageListItem;

package/lib-esm/ui/conversation/conversation-content.js

@@ -37,6 +37,7 @@ import styled, { css } from 'styled-components';
 import { ConversationMessageListItemType, } from '../../types';
 import { MessageContent, MessageContentPart as Part, MessageTitle } from './conversation-styles';
 import { CustomMessage } from './message-types';
+import CustomMessageListItem from './message-types/custom-message-list-item';
 var imageLightboxRenderer = function (attrs) { return React.createElement(Lightbox, { attrs: attrs }); };
 var htmlParseInstructions = {
     transform: {
@@ -159,8 +160,8 @@ var ConversationContent = function (_a) {
                                         } })));
                             }
                             default: {
-                                return (React.createElement(Fragment, null,
-                                    React.createElement("p", null, "Unknown message type")));
+                                return (React.createElement(ConversationListItem, { key: itemKey },
+                                    React.createElement(CustomMessageListItem, { type: item.type, content: item.content })));
                             }
                         }
                     } }))))));

package/lib-esm/ui/conversation/message-types/custom-message-list-item.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    type: string;
+    content?: {
+        [key: string]: any;
+    };
+};
+declare const CustomMessageListItem: React.FC<Props>;
+export default CustomMessageListItem;

package/lib-esm/ui/conversation/message-types/custom-message-list-item.js

@@ -0,0 +1,22 @@
+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);
+};
+import { useComponent } from '@telia-ace/widget-ui';
+import React from 'react';
+var CustomMessageListItem = function (_a) {
+    var type = _a.type, _b = _a.content, content = _b === void 0 ? {} : _b;
+    var Component = useComponent(type);
+    if (!Component || !type) {
+        return null;
+    }
+    return React.createElement(Component, __assign({}, content));
+};
+export default CustomMessageListItem;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-conversation",
-    "version": "1.0.8",
+    "version": "1.0.9",
     "description": "ACE Widget Conversation Platform",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -41,5 +41,5 @@
     "devDependencies": {
         "@types/react": "^16.8.0"
     },
-    "gitHead": "3184f2cacc23be7615786ea65587f2102091ca9e"
+    "gitHead": "6a88a071c40e8196738a6a6a318d75233be83495"
 }