@telia-ace/widget-conversation 1.0.3 → 1.0.7

package/lib-esm/ui/conversation/message-types/agent.js

@@ -17,7 +17,7 @@ var AgentMessage = function (_a) {
         children,
         React.createElement(Timestamp, { name: name, timestamp: timestamp })));
 };
-export var StyledAgentMessage = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: grid;\n    margin-right: 0;\n    width: 100%;\n    ", ";\n"], ["\n    display: grid;\n    margin-right: 0;\n    width: 100%;\n    ", ";\n"])), function (p) {
+export var StyledAgentMessage = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: grid;\n    margin-right: 10%;\n    width: 90%;\n    ", ";\n"], ["\n    display: grid;\n    margin-right: 10%;\n    width: 90%;\n    ", ";\n"])), function (p) {
     return p.hasAvatar
         ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  grid-template-columns: auto 1fr;\n                  grid-template-rows: 1fr auto;\n                  grid-template-areas:\n                      'avatar content'\n                      '. info';\n              "], ["\n                  grid-template-columns: auto 1fr;\n                  grid-template-rows: 1fr auto;\n                  grid-template-areas:\n                      'avatar content'\n                      '. info';\n              "]))) : css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                  grid-template-columns: 1fr;\n                  grid-template-rows: 1fr auto;\n                  grid-template-areas:\n                      'content'\n                      'info';\n              "], ["\n                  grid-template-columns: 1fr;\n                  grid-template-rows: 1fr auto;\n                  grid-template-areas:\n                      'content'\n                      'info';\n              "])));
 });

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

@@ -14,12 +14,12 @@ import React, { Suspense } from 'react';
 import { MessageContent, MessageContentPart } from '../conversation-styles';
 var CustomMessage = function (props) {
     var CustomComponent = useComponent(props.type);
-    if (typeof CustomComponent === 'undefined') {
+    if (!CustomComponent) {
         return null;
     }
     return (React.createElement(Suspense, { fallback: null },
         React.createElement(MessageContent, { user: props.isUser, stacked: !!props.stacked && props.stacked, fullWidth: !!props.content.form || !!props.content.actions },
-            React.createElement(MessageContentPart, null,
+            React.createElement(MessageContentPart, { noPadding: !!props.content.noPadding && props.content.noPadding },
                 React.createElement(CustomComponent, __assign({}, props.content))))));
 };
 export default CustomMessage;

package/lib-esm/ui/conversation/message-types/timestamp.js

@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import React from 'react';
 import styled from 'styled-components';
-var StyledTimestamp = styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    && {\n        font-size: ", ";\n        font-weight: 300;\n    }\n    margin: 0;\n    line-height: 1.5em;\n    grid-area: info;\n    color: ", ";\n"], ["\n    && {\n        font-size: ", ";\n        font-weight: 300;\n    }\n    margin: 0;\n    line-height: 1.5em;\n    grid-area: info;\n    color: ", ";\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
+var StyledTimestamp = styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    && {\n        font-size: ", ";\n        font-weight: 300;\n    }\n    padding-top: ", ";\n    margin: 0;\n    line-height: 1.5em;\n    grid-area: info;\n    color: ", ";\n"], ["\n    && {\n        font-size: ", ";\n        font-weight: 300;\n    }\n    padding-top: ", ";\n    margin: 0;\n    line-height: 1.5em;\n    grid-area: info;\n    color: ", ";\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
 var getTimestamp = function (raw) {
     return new Date(raw).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
 };

package/lib-esm/ui/conversation/message-types/user.js

@@ -14,6 +14,6 @@ var UserMessage = function (_a) {
         children,
         React.createElement(Timestamp, { name: userLabel, timestamp: timestamp })));
 };
-var StyledUserMessage = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-left: 15%;\n    width: 85%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n"], ["\n    margin-left: 15%;\n    width: 85%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n"])));
+var StyledUserMessage = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-left: 10%;\n    width: 90%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n"], ["\n    margin-left: 10%;\n    width: 90%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n"])));
 export default UserMessage;
 var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-conversation",
-    "version": "1.0.3",
+    "version": "1.0.7",
     "description": "ACE Widget Conversation Platform",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -25,19 +25,21 @@
     "sideEffects": false,
     "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/widget-core": "^1.0.1",
-        "@telia-ace/widget-forms": "^1.0.3",
-        "@telia-ace/widget-plugins": "^1.0.2",
-        "@telia-ace/widget-routing": "^1.0.2",
-        "@telia-ace/widget-services": "^1.0.2",
-        "@telia-ace/widget-ui": "^1.0.3",
+        "@telia-ace/widget-core": "^1.0.4",
+        "@telia-ace/widget-forms": "^1.0.6",
+        "@telia-ace/widget-plugins": "^1.0.5",
+        "@telia-ace/widget-routing": "^1.0.5",
+        "@telia-ace/widget-services": "^1.0.4",
+        "@telia-ace/widget-ui": "^1.0.6",
         "@telia-ace/widget-utilities": "^1.0.1",
-        "@webprovisions/platform": "^1.1.2",
+        "@webprovisions/platform": "^1.1.2"
+    },
+    "peerDependencies": {
         "react": "^16.8.0",
         "styled-components": "^4.3.2"
     },
     "devDependencies": {
         "@types/react": "^16.8.0"
     },
-    "gitHead": "be897e98ff1107e9f7ccf62c3a79d331ad0a03a6"
+    "gitHead": "4b6dbb4cf3dc608287f2480eaea0eaafe174c290"
 }