@microsoft/omnichannel-chat-components 1.0.1-main.57b83f8 → 1.0.1

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 (5) hide show
  1. package/lib/cjs/components/footer/Footer.js +6 -15
  2. package/lib/cjs/components/footer/common/defaultStyles/defaultFooterStyleProps.js +1 -1
  3. package/lib/esm/components/footer/Footer.js +6 -15
  4. package/lib/esm/components/footer/common/defaultStyles/defaultFooterStyleProps.js +1 -1
  5. package/package.json +1 -1
package/lib/cjs/components/footer/Footer.js CHANGED
@@ -55,6 +55,7 @@ function Footer(props) {
55
55
  horizontal: true,
56
56
  className: props.className,
57
57
  horizontalAlign: "space-between",
58
+ verticalAlign: "center",
58
59
  styles: stackStyles,
59
60
  dir: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) ?? "ltr",
60
61
  role: "region"
@@ -62,9 +63,6 @@ function Footer(props) {
62
63
  horizontal: true,
63
64
  id: _Constants.Ids.FooterLeftGroupId,
64
65
  verticalAlign: "center"
65
- }, /*#__PURE__*/React.createElement(_react2.Stack, {
66
- horizontal: true,
67
- verticalAlign: "center"
68
66
  }, !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hideDownloadTranscriptButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.DownloadTranscriptButton) || /*#__PURE__*/React.createElement(_DownloadTranscriptButton.default, _extends({}, downloadTranscriptButtonProps, {
69
67
  onClick: (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.onDownloadTranscriptClick,
70
68
  styles: downloadTranscriptButtonStyles,
@@ -75,27 +73,20 @@ function Footer(props) {
75
73
  styles: emailTranscriptButtonStyles,
76
74
  hoverStyles: emailTranscriptButtonHoverStyles,
77
75
  focusStyles: footerItemFocusStyles
78
- }))), (0, _utils.processCustomComponents)((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : (_props$controlProps11 = _props$controlProps10.leftGroup) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.children))), /*#__PURE__*/React.createElement(_react2.Stack, {
79
- horizontal: true,
80
- id: _Constants.Ids.FooterMiddleGroupId
81
- }, /*#__PURE__*/React.createElement(_react2.Stack, {
76
+ }))), (0, _utils.processCustomComponents)((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : (_props$controlProps11 = _props$controlProps10.leftGroup) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.children)), /*#__PURE__*/React.createElement(_react2.Stack, {
82
77
  horizontal: true,
83
- verticalAlign: "start"
84
- }, /*#__PURE__*/React.createElement(_react2.Stack.Item, {
85
- align: "start"
86
- }, (0, _utils.processCustomComponents)((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : (_props$controlProps13 = _props$controlProps12.middleGroup) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.children)))), /*#__PURE__*/React.createElement(_react2.Stack, {
78
+ id: _Constants.Ids.FooterMiddleGroupId,
79
+ verticalAlign: "center"
80
+ }, (0, _utils.processCustomComponents)((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : (_props$controlProps13 = _props$controlProps12.middleGroup) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.children)), /*#__PURE__*/React.createElement(_react2.Stack, {
87
81
  horizontal: true,
88
82
  id: _Constants.Ids.FooterRightGroupId,
89
- verticalAlign: "start"
90
- }, /*#__PURE__*/React.createElement(_react2.Stack, {
91
- horizontal: true,
92
83
  verticalAlign: "center"
93
84
  }, (0, _utils.processCustomComponents)((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : (_props$controlProps15 = _props$controlProps14.rightGroup) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.children), !((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.hideAudioNotificationButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.AudioNotificationButton) || /*#__PURE__*/React.createElement(_AudioNotificationButton.default, _extends({}, audioNotificationButtonProps, {
94
85
  onClick: (_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.onAudioNotificationClick,
95
86
  styles: audioNotificationButtonStyles,
96
87
  hoverStyles: audioNotificationButtonHoverStyles,
97
88
  focusStyles: footerItemFocusStyles
98
- }))))));
89
+ })))));
99
90
  }
100
91
 
101
92
  var _default = Footer;
package/lib/cjs/components/footer/common/defaultStyles/defaultFooterStyleProps.js CHANGED
@@ -11,7 +11,7 @@ const defaultFooterStyleProps = {
11
11
  minHeight: "25px",
12
12
  width: "100%",
13
13
  minWidth: "250px",
14
- padding: "0 10px 5px 10px"
14
+ padding: "5px"
15
15
  },
16
16
  downloadTranscriptButtonStyleProps: {
17
17
  icon: {
package/lib/esm/components/footer/Footer.js CHANGED
@@ -33,6 +33,7 @@ function Footer(props) {
33
33
  horizontal: true,
34
34
  className: props.className,
35
35
  horizontalAlign: "space-between",
36
+ verticalAlign: "center",
36
37
  styles: stackStyles,
37
38
  dir: ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) ?? "ltr",
38
39
  role: "region"
@@ -40,9 +41,6 @@ function Footer(props) {
40
41
  horizontal: true,
41
42
  id: Ids.FooterLeftGroupId,
42
43
  verticalAlign: "center"
43
- }, /*#__PURE__*/React.createElement(Stack, {
44
- horizontal: true,
45
- verticalAlign: "center"
46
44
  }, !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hideDownloadTranscriptButton) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.DownloadTranscriptButton) || /*#__PURE__*/React.createElement(DownloadTranscriptButton, _extends({}, downloadTranscriptButtonProps, {
47
45
  onClick: (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.onDownloadTranscriptClick,
48
46
  styles: downloadTranscriptButtonStyles,
@@ -53,27 +51,20 @@ function Footer(props) {
53
51
  styles: emailTranscriptButtonStyles,
54
52
  hoverStyles: emailTranscriptButtonHoverStyles,
55
53
  focusStyles: footerItemFocusStyles
56
- }))), processCustomComponents((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : (_props$controlProps11 = _props$controlProps10.leftGroup) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.children))), /*#__PURE__*/React.createElement(Stack, {
57
- horizontal: true,
58
- id: Ids.FooterMiddleGroupId
59
- }, /*#__PURE__*/React.createElement(Stack, {
54
+ }))), processCustomComponents((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : (_props$controlProps11 = _props$controlProps10.leftGroup) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.children)), /*#__PURE__*/React.createElement(Stack, {
60
55
  horizontal: true,
61
- verticalAlign: "start"
62
- }, /*#__PURE__*/React.createElement(Stack.Item, {
63
- align: "start"
64
- }, processCustomComponents((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : (_props$controlProps13 = _props$controlProps12.middleGroup) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.children)))), /*#__PURE__*/React.createElement(Stack, {
56
+ id: Ids.FooterMiddleGroupId,
57
+ verticalAlign: "center"
58
+ }, processCustomComponents((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : (_props$controlProps13 = _props$controlProps12.middleGroup) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.children)), /*#__PURE__*/React.createElement(Stack, {
65
59
  horizontal: true,
66
60
  id: Ids.FooterRightGroupId,
67
- verticalAlign: "start"
68
- }, /*#__PURE__*/React.createElement(Stack, {
69
- horizontal: true,
70
61
  verticalAlign: "center"
71
62
  }, processCustomComponents((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : (_props$controlProps15 = _props$controlProps14.rightGroup) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.children), !((_props$controlProps16 = props.controlProps) !== null && _props$controlProps16 !== void 0 && _props$controlProps16.hideAudioNotificationButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.AudioNotificationButton) || /*#__PURE__*/React.createElement(AudioNotificationButton, _extends({}, audioNotificationButtonProps, {
72
63
  onClick: (_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.onAudioNotificationClick,
73
64
  styles: audioNotificationButtonStyles,
74
65
  hoverStyles: audioNotificationButtonHoverStyles,
75
66
  focusStyles: footerItemFocusStyles
76
- }))))));
67
+ })))));
77
68
  }
78
69
 
79
70
  export default Footer;
package/lib/esm/components/footer/common/defaultStyles/defaultFooterStyleProps.js CHANGED
@@ -5,7 +5,7 @@ export const defaultFooterStyleProps = {
5
5
  minHeight: "25px",
6
6
  width: "100%",
7
7
  minWidth: "250px",
8
- padding: "0 10px 5px 10px"
8
+ padding: "5px"
9
9
  },
10
10
  downloadTranscriptButtonStyleProps: {
11
11
  icon: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@microsoft/omnichannel-chat-components",
3
- "version": "1.0.1-main.57b83f8",
3
+ "version": "1.0.1",
4
4
  "description": "Microsoft Omnichannel Chat Components",
5
5
  "main": "lib/cjs/index.js",
6
6
  "types": "lib/types/index.d.ts",