@telia-ace/widget-conversation 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/ui/conversation/conversation.js +1 -1
  2. package/lib/ui/conversation/message-types/agent.js +1 -1
  3. package/lib/ui/conversation/message-types/custom.js +1 -1
  4. package/lib-esm/ui/conversation/conversation.js +1 -1
  5. package/lib-esm/ui/conversation/message-types/agent.js +1 -1
  6. package/lib-esm/ui/conversation/message-types/custom.js +1 -1
  7. package/package.json +45 -42
package/lib/ui/conversation/conversation.js CHANGED
@@ -133,7 +133,7 @@ var Conversation = function (_a) {
133
133
  react_1.default.createElement(conversation_input_1.default, null)));
134
134
  };
135
135
  var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n right: 0;\n left: 0;\n bottom: 0;\n top: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"], ["\n position: absolute;\n right: 0;\n left: 0;\n bottom: 0;\n top: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])));
136
- var Scrollable = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 100%;\n padding: 0 ", ";\n ", ";\n &:focus {\n ", ";\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 100%;\n padding: 0 ", ";\n ", ";\n &:focus {\n ", ";\n }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { return !!p.scrollableCss && p.scrollableCss; }, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && widget_ui_1.borderTabStyle; });
136
+ var Scrollable = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 100%;\n padding: 0 ", ";\n ", ";\n &:focus {\n ", ";\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 100%;\n padding: 0 ", ";\n ", ";\n &:focus {\n ", ";\n }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { return !!p.scrollableCss && p.scrollableCss; }, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && widget_ui_1.borderTabStyle; });
137
137
  var MessageEntry = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0;\n margin-bottom: ", ";\n\n &:first-of-type {\n margin-top: ", ";\n }\n\n &:last-of-type {\n padding-bottom: ", ";\n }\n\n * {\n font-size: ", ";\n }\n\n & span,\n p,\n a,\n div {\n font-weight: 300;\n }\n\n & b,\n h1 {\n font-weight: normal;\n }\n\n ", "\n"], ["\n margin: 0;\n margin-bottom: ", ";\n\n &:first-of-type {\n margin-top: ", ";\n }\n\n &:last-of-type {\n padding-bottom: ", ";\n }\n\n * {\n font-size: ", ";\n }\n\n & span,\n p,\n a,\n div {\n font-weight: 300;\n }\n\n & b,\n h1 {\n font-weight: normal;\n }\n\n ", "\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, (0, widget_ui_1.headingElement)('h1', (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-weight: normal;\n "], ["\n font-weight: normal;\n "])))));
138
138
  exports.default = Conversation;
139
139
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/lib/ui/conversation/message-types/agent.js CHANGED
@@ -46,7 +46,7 @@ var AgentMessage = function (_a) {
46
46
  children,
47
47
  react_1.default.createElement(timestamp_1.default, { name: name, timestamp: timestamp })));
48
48
  };
49
- exports.StyledAgentMessage = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: grid;\n margin-right: 15%;\n width: 85%;\n ", ";\n"], ["\n display: grid;\n margin-right: 15%;\n width: 85%;\n ", ";\n"])), function (p) {
49
+ exports.StyledAgentMessage = styled_components_1.default.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) {
50
50
  return p.hasAvatar
51
51
  ? (0, styled_components_1.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 "]))) : (0, styled_components_1.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 "])));
52
52
  });
package/lib/ui/conversation/message-types/custom.js CHANGED
@@ -39,7 +39,7 @@ var react_1 = __importStar(require("react"));
39
39
  var conversation_styles_1 = require("../conversation-styles");
40
40
  var CustomMessage = function (props) {
41
41
  var CustomComponent = (0, widget_ui_1.useComponent)(props.type);
42
- if (typeof CustomComponent === 'undefined') {
42
+ if (!CustomComponent) {
43
43
  return null;
44
44
  }
45
45
  return (react_1.default.createElement(react_1.Suspense, { fallback: null },
package/lib-esm/ui/conversation/conversation.js CHANGED
@@ -105,7 +105,7 @@ var Conversation = function (_a) {
105
105
  React.createElement(ConversationInput, null)));
106
106
  };
107
107
  var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n right: 0;\n left: 0;\n bottom: 0;\n top: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"], ["\n position: absolute;\n right: 0;\n left: 0;\n bottom: 0;\n top: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])));
108
- var Scrollable = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 100%;\n padding: 0 ", ";\n ", ";\n &:focus {\n ", ";\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 100%;\n padding: 0 ", ";\n ", ";\n &:focus {\n ", ";\n }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { return !!p.scrollableCss && p.scrollableCss; }, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && borderTabStyle; });
108
+ var Scrollable = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 100%;\n padding: 0 ", ";\n ", ";\n &:focus {\n ", ";\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 100%;\n padding: 0 ", ";\n ", ";\n &:focus {\n ", ";\n }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { return !!p.scrollableCss && p.scrollableCss; }, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && borderTabStyle; });
109
109
  var MessageEntry = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0;\n margin-bottom: ", ";\n\n &:first-of-type {\n margin-top: ", ";\n }\n\n &:last-of-type {\n padding-bottom: ", ";\n }\n\n * {\n font-size: ", ";\n }\n\n & span,\n p,\n a,\n div {\n font-weight: 300;\n }\n\n & b,\n h1 {\n font-weight: normal;\n }\n\n ", "\n"], ["\n margin: 0;\n margin-bottom: ", ";\n\n &:first-of-type {\n margin-top: ", ";\n }\n\n &:last-of-type {\n padding-bottom: ", ";\n }\n\n * {\n font-size: ", ";\n }\n\n & span,\n p,\n a,\n div {\n font-weight: 300;\n }\n\n & b,\n h1 {\n font-weight: normal;\n }\n\n ", "\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, headingElement('h1', css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-weight: normal;\n "], ["\n font-weight: normal;\n "])))));
110
110
  export default Conversation;
111
111
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/lib-esm/ui/conversation/message-types/agent.js CHANGED
@@ -17,7 +17,7 @@ var AgentMessage = function (_a) {
17
17
  children,
18
18
  React.createElement(Timestamp, { name: name, timestamp: timestamp })));
19
19
  };
20
- export var StyledAgentMessage = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: grid;\n margin-right: 15%;\n width: 85%;\n ", ";\n"], ["\n display: grid;\n margin-right: 15%;\n width: 85%;\n ", ";\n"])), function (p) {
20
+ 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) {
21
21
  return p.hasAvatar
22
22
  ? 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 "])));
23
23
  });
package/lib-esm/ui/conversation/message-types/custom.js CHANGED
@@ -14,7 +14,7 @@ import React, { Suspense } from 'react';
14
14
  import { MessageContent, MessageContentPart } from '../conversation-styles';
15
15
  var CustomMessage = function (props) {
16
16
  var CustomComponent = useComponent(props.type);
17
- if (typeof CustomComponent === 'undefined') {
17
+ if (!CustomComponent) {
18
18
  return null;
19
19
  }
20
20
  return (React.createElement(Suspense, { fallback: null },
package/package.json CHANGED
@@ -1,42 +1,45 @@
1
- {
2
- "name": "@telia-ace/widget-conversation",
3
- "version": "1.0.4",
4
- "description": "ACE Widget Conversation Platform",
5
- "license": "SEE LICENSE IN LICENSE.txt",
6
- "author": "Telia Company AB",
7
- "keywords": [
8
- "telia"
9
- ],
10
- "main": "lib/index.js",
11
- "module": "lib-esm/index.js",
12
- "files": [
13
- "LICENSE.txt",
14
- "README.md",
15
- "lib/",
16
- "lib-esm/"
17
- ],
18
- "publishConfig": {
19
- "access": "public"
20
- },
21
- "scripts": {
22
- "clean": "cleandir lib && cleandir lib-esm",
23
- "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
24
- },
25
- "sideEffects": false,
26
- "typings": "lib/index.d.ts",
27
- "dependencies": {
28
- "@telia-ace/widget-core": "^1.0.1",
29
- "@telia-ace/widget-forms": "^1.0.3",
30
- "@telia-ace/widget-plugins": "^1.0.2",
31
- "@telia-ace/widget-routing": "^1.0.2",
32
- "@telia-ace/widget-services": "^1.0.2",
33
- "@telia-ace/widget-ui": "^1.0.3",
34
- "@telia-ace/widget-utilities": "^1.0.1",
35
- "@webprovisions/platform": "^1.1.2",
36
- "react": "^16.8.0",
37
- "styled-components": "^4.3.2"
38
- },
39
- "devDependencies": {
40
- "@types/react": "^16.8.0"
41
- }
42
- }
1
+ {
2
+ "name": "@telia-ace/widget-conversation",
3
+ "version": "1.0.6",
4
+ "description": "ACE Widget Conversation Platform",
5
+ "license": "SEE LICENSE IN LICENSE.txt",
6
+ "author": "Telia Company AB",
7
+ "keywords": [
8
+ "telia"
9
+ ],
10
+ "main": "lib/index.js",
11
+ "module": "lib-esm/index.js",
12
+ "files": [
13
+ "LICENSE.txt",
14
+ "README.md",
15
+ "lib/",
16
+ "lib-esm/"
17
+ ],
18
+ "publishConfig": {
19
+ "access": "public"
20
+ },
21
+ "scripts": {
22
+ "clean": "cleandir lib && cleandir lib-esm",
23
+ "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
24
+ },
25
+ "sideEffects": false,
26
+ "typings": "lib/index.d.ts",
27
+ "dependencies": {
28
+ "@telia-ace/widget-core": "^1.0.4",
29
+ "@telia-ace/widget-forms": "^1.0.6",
30
+ "@telia-ace/widget-plugins": "^1.0.5",
31
+ "@telia-ace/widget-routing": "^1.0.5",
32
+ "@telia-ace/widget-services": "^1.0.4",
33
+ "@telia-ace/widget-ui": "^1.0.6",
34
+ "@telia-ace/widget-utilities": "^1.0.1",
35
+ "@webprovisions/platform": "^1.1.2"
36
+ },
37
+ "peerDependencies": {
38
+ "react": "^16.8.0",
39
+ "styled-components": "^4.3.2"
40
+ },
41
+ "devDependencies": {
42
+ "@types/react": "^16.8.0"
43
+ },
44
+ "gitHead": "34cb85e421c0c4a5bd08ccd899291683a11b3cf9"
45
+ }