@microsoft/omnichannel-chat-components 1.0.1 → 1.0.2-main.e39eb0f

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 (23) hide show
  1. package/lib/cjs/components/chatbutton/ChatButton.js +2 -4
  2. package/lib/cjs/components/chatbutton/common/defaultProps/defaultChatButtonControlProps.js +2 -3
  3. package/lib/cjs/components/common/commandbutton/CommandButton.js +2 -1
  4. package/lib/cjs/components/footer/common/defaultProps/customFooterControlProps.js +6 -3
  5. package/lib/cjs/components/footer/common/defaultProps/defaultFooterControlProps.js +6 -3
  6. package/lib/cjs/components/footer/subcomponents/AudioNotificationButton.js +2 -1
  7. package/lib/cjs/components/footer/subcomponents/DownloadTranscriptButton.js +2 -2
  8. package/lib/cjs/components/footer/subcomponents/EmailTranscriptButton.js +2 -2
  9. package/lib/cjs/components/header/common/defaultProps/customHeaderControlProps.js +4 -2
  10. package/lib/cjs/components/header/common/defaultProps/defaultHeaderControlProps.js +4 -2
  11. package/lib/cjs/components/header/subcomponents/MinimizeButton.js +2 -1
  12. package/lib/esm/components/chatbutton/ChatButton.js +2 -4
  13. package/lib/esm/components/chatbutton/common/defaultProps/defaultChatButtonControlProps.js +2 -3
  14. package/lib/esm/components/common/commandbutton/CommandButton.js +2 -1
  15. package/lib/esm/components/footer/common/defaultProps/customFooterControlProps.js +6 -3
  16. package/lib/esm/components/footer/common/defaultProps/defaultFooterControlProps.js +6 -3
  17. package/lib/esm/components/footer/subcomponents/AudioNotificationButton.js +2 -1
  18. package/lib/esm/components/footer/subcomponents/DownloadTranscriptButton.js +3 -3
  19. package/lib/esm/components/footer/subcomponents/EmailTranscriptButton.js +3 -3
  20. package/lib/esm/components/header/common/defaultProps/customHeaderControlProps.js +4 -2
  21. package/lib/esm/components/header/common/defaultProps/defaultHeaderControlProps.js +4 -2
  22. package/lib/esm/components/header/subcomponents/MinimizeButton.js +2 -1
  23. package/package.json +1 -1
@@ -97,14 +97,12 @@ function TextContainer(props, parentId) {
97
97
  styles: titleStyles,
98
98
  dir: titleDir,
99
99
  className: (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : (_props$styleProps9$cl = _props$styleProps9.classNames) === null || _props$styleProps9$cl === void 0 ? void 0 : _props$styleProps9$cl.titleClassName,
100
- id: parentId + "-title",
101
- title: titleText
100
+ id: parentId + "-title"
102
101
  }, titleText)), !hideChatSubtitle && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.subtitle) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
103
102
  styles: subtitleStyles,
104
103
  dir: subtitleDir,
105
104
  className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : (_props$styleProps10$c = _props$styleProps10.classNames) === null || _props$styleProps10$c === void 0 ? void 0 : _props$styleProps10$c.subtitleClassName,
106
- id: parentId + "-subtitle",
107
- title: subtitleText
105
+ id: parentId + "-subtitle"
108
106
  }, subtitleText)));
109
107
  }
110
108
 
@@ -11,13 +11,12 @@ const defaultChatButtonControlProps = {
11
11
  id: _Constants.Ids.DefaultChatButtonId,
12
12
  dir: "ltr",
13
13
  role: "button",
14
- ariaLabel: _Constants.AriaLabels.LetsChatWeAreOnline,
15
14
  unreadMessageCount: "0",
16
- titleText: _Constants.Texts.ChatButtonTitle,
17
- subtitleText: _Constants.Texts.ChatButtonSubtitle,
18
15
  onClick: function () {
19
16
  console.log("initiate chat");
20
17
  },
18
+ titleText: _Constants.Texts.ChatButtonTitle,
19
+ subtitleText: _Constants.Texts.ChatButtonSubtitle,
21
20
  hideChatButton: false,
22
21
  hideChatIcon: false,
23
22
  hideChatTextContainer: false,
@@ -78,7 +78,8 @@ function CommandButton(props) {
78
78
  onClick: handleOnClick,
79
79
  disabled: props.disabled,
80
80
  className: props.className,
81
- styles: buttonStyles
81
+ styles: buttonStyles,
82
+ title: props.hideButtonTitle ? undefined : props.ariaLabel
82
83
  }), props.type === _Constants.ButtonTypes.Icon && /*#__PURE__*/_react2.default.createElement(_react.IconButton, {
83
84
  id: props.id,
84
85
  iconProps: iconProp,
@@ -38,7 +38,8 @@ const customFooterControlProps = {
38
38
  imageIconProps: {
39
39
  src: _Icons.TranscriptDownloadIconBase64
40
40
  },
41
- ariaLabel: _Constants.AriaLabels.DownloadChatTranscript
41
+ ariaLabel: _Constants.AriaLabels.DownloadChatTranscript,
42
+ hideButtonTitle: true
42
43
  },
43
44
  emailTranscriptButtonProps: {
44
45
  id: _Constants.Ids.EmailTranscriptButtonId,
@@ -46,7 +47,8 @@ const customFooterControlProps = {
46
47
  imageIconProps: {
47
48
  src: _Icons.TranscriptEmailIconBase64
48
49
  },
49
- ariaLabel: _Constants.AriaLabels.EmailTranscript
50
+ ariaLabel: _Constants.AriaLabels.EmailTranscript,
51
+ hideButtonTitle: true
50
52
  },
51
53
  audioNotificationButtonProps: {
52
54
  id: _Constants.Ids.AudioNotificationButtonId,
@@ -57,7 +59,8 @@ const customFooterControlProps = {
57
59
  },
58
60
  imageToggleIconProps: {
59
61
  src: _Icons.AudioNotificationOffIconBase64
60
- }
62
+ },
63
+ hideButtonTitle: true
61
64
  }
62
65
  };
63
66
  exports.customFooterControlProps = customFooterControlProps;
@@ -34,13 +34,15 @@ const defaultFooterControlProps = {
34
34
  id: _Constants.Ids.DownloadTranscriptButtonId,
35
35
  type: _Constants.ButtonTypes.Icon,
36
36
  iconName: _Constants.IconNames.Download,
37
- ariaLabel: _Constants.AriaLabels.DownloadChatTranscript
37
+ ariaLabel: _Constants.AriaLabels.DownloadChatTranscript,
38
+ hideButtonTitle: true
38
39
  },
39
40
  emailTranscriptButtonProps: {
40
41
  id: _Constants.Ids.EmailTranscriptButtonId,
41
42
  type: _Constants.ButtonTypes.Icon,
42
43
  iconName: _Constants.IconNames.Mail,
43
- ariaLabel: _Constants.AriaLabels.EmailTranscript
44
+ ariaLabel: _Constants.AriaLabels.EmailTranscript,
45
+ hideButtonTitle: true
44
46
  },
45
47
  audioNotificationButtonProps: {
46
48
  id: _Constants.Ids.AudioNotificationButtonId,
@@ -48,7 +50,8 @@ const defaultFooterControlProps = {
48
50
  ariaLabel: _Constants.AriaLabels.TurnSoundOff,
49
51
  toggleAriaLabel: _Constants.AriaLabels.TurnSoundOn,
50
52
  iconName: _Constants.IconNames.Volume3,
51
- toggleIconName: _Constants.IconNames.Volume0
53
+ toggleIconName: _Constants.IconNames.Volume0,
54
+ hideButtonTitle: true
52
55
  }
53
56
  };
54
57
  exports.defaultFooterControlProps = defaultFooterControlProps;
@@ -88,7 +88,8 @@ function AudioNotificationButton(props) {
88
88
  disabled: disabled,
89
89
  styles: iconButtonStyles,
90
90
  className: props.className,
91
- title: muted ? props.toggleAriaLabel ?? _Constants.AriaLabels.TurnSoundOn : props.ariaLabel ?? _Constants.AriaLabels.TurnSoundOff
91
+ title: undefined,
92
+ ariaLabel: muted ? props.toggleAriaLabel ?? _Constants.AriaLabels.TurnSoundOn : props.ariaLabel ?? _Constants.AriaLabels.TurnSoundOff
92
93
  });
93
94
  }
94
95
 
@@ -25,7 +25,6 @@ function DownloadTranscriptButton(props) {
25
25
  return /*#__PURE__*/_react.default.createElement(_CommandButton.default, {
26
26
  id: props === null || props === void 0 ? void 0 : props.id,
27
27
  type: type,
28
- text: props.text ?? _Constants.Texts.DownloadChatTranscriptText,
29
28
  styles: props.styles,
30
29
  hoverStyles: props.hoverStyles,
31
30
  focusStyles: props.focusStyles,
@@ -34,7 +33,8 @@ function DownloadTranscriptButton(props) {
34
33
  onClick: props.onClick,
35
34
  ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.DownloadChatTranscript,
36
35
  className: props.className,
37
- customEvent: customEvent
36
+ customEvent: customEvent,
37
+ hideButtonTitle: props.hideButtonTitle
38
38
  });
39
39
  }
40
40
 
@@ -25,7 +25,6 @@ function EmailTranscriptButton(props) {
25
25
  return /*#__PURE__*/_react.default.createElement(_CommandButton.default, {
26
26
  id: props === null || props === void 0 ? void 0 : props.id,
27
27
  type: type,
28
- text: props.text ?? _Constants.Texts.EmailTranscriptText,
29
28
  styles: props.styles,
30
29
  hoverStyles: props.hoverStyles,
31
30
  focusStyles: props.focusStyles,
@@ -34,7 +33,8 @@ function EmailTranscriptButton(props) {
34
33
  onClick: props.onClick,
35
34
  ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.EmailTranscript,
36
35
  className: props.className,
37
- customEvent: customEvent
36
+ customEvent: customEvent,
37
+ hideButtonTitle: props.hideButtonTitle
38
38
  });
39
39
  }
40
40
 
@@ -41,7 +41,8 @@ const customHeaderControlProps = {
41
41
  width: "16px"
42
42
  }
43
43
  }
44
- }
44
+ },
45
+ hideButtonTitle: true
45
46
  },
46
47
  closeButtonProps: {
47
48
  id: "oc-lcw-header-closebutton",
@@ -54,7 +55,8 @@ const customHeaderControlProps = {
54
55
  width: "16px"
55
56
  }
56
57
  }
57
- }
58
+ },
59
+ hideButtonTitle: true
58
60
  },
59
61
  headerIconProps: {
60
62
  id: _Constants.Ids.HeaderIconId,
@@ -33,12 +33,14 @@ const defaultHeaderControlProps = {
33
33
  minimizeButtonProps: {
34
34
  id: _Constants.Ids.MinimizeButtonId,
35
35
  type: _Constants.ButtonTypes.Icon,
36
- iconName: _Constants.IconNames.ChromeMinimize
36
+ iconName: _Constants.IconNames.ChromeMinimize,
37
+ hideButtonTitle: true
37
38
  },
38
39
  closeButtonProps: {
39
40
  id: _Constants.Ids.CloseButtonId,
40
41
  type: _Constants.ButtonTypes.Icon,
41
- iconName: _Constants.IconNames.ChromeClose
42
+ iconName: _Constants.IconNames.ChromeClose,
43
+ hideButtonTitle: true
42
44
  },
43
45
  headerIconProps: {
44
46
  id: _Constants.Ids.HeaderIconId,
@@ -34,7 +34,8 @@ function MinimizeButton(props) {
34
34
  onClick: props.onClick,
35
35
  ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.Minimize,
36
36
  className: props.className,
37
- customEvent: customEvent
37
+ customEvent: customEvent,
38
+ hideButtonTitle: props.hideButtonTitle
38
39
  });
39
40
  }
40
41
 
@@ -75,14 +75,12 @@ function TextContainer(props, parentId) {
75
75
  styles: titleStyles,
76
76
  dir: titleDir,
77
77
  className: (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : (_props$styleProps9$cl = _props$styleProps9.classNames) === null || _props$styleProps9$cl === void 0 ? void 0 : _props$styleProps9$cl.titleClassName,
78
- id: parentId + "-title",
79
- title: titleText
78
+ id: parentId + "-title"
80
79
  }, titleText)), !hideChatSubtitle && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.subtitle) || /*#__PURE__*/React.createElement(Label, {
81
80
  styles: subtitleStyles,
82
81
  dir: subtitleDir,
83
82
  className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : (_props$styleProps10$c = _props$styleProps10.classNames) === null || _props$styleProps10$c === void 0 ? void 0 : _props$styleProps10$c.subtitleClassName,
84
- id: parentId + "-subtitle",
85
- title: subtitleText
83
+ id: parentId + "-subtitle"
86
84
  }, subtitleText)));
87
85
  }
88
86
 
@@ -3,13 +3,12 @@ export const defaultChatButtonControlProps = {
3
3
  id: Ids.DefaultChatButtonId,
4
4
  dir: "ltr",
5
5
  role: "button",
6
- ariaLabel: AriaLabels.LetsChatWeAreOnline,
7
6
  unreadMessageCount: "0",
8
- titleText: Texts.ChatButtonTitle,
9
- subtitleText: Texts.ChatButtonSubtitle,
10
7
  onClick: function () {
11
8
  console.log("initiate chat");
12
9
  },
10
+ titleText: Texts.ChatButtonTitle,
11
+ subtitleText: Texts.ChatButtonSubtitle,
13
12
  hideChatButton: false,
14
13
  hideChatIcon: false,
15
14
  hideChatTextContainer: false,
@@ -62,7 +62,8 @@ function CommandButton(props) {
62
62
  onClick: handleOnClick,
63
63
  disabled: props.disabled,
64
64
  className: props.className,
65
- styles: buttonStyles
65
+ styles: buttonStyles,
66
+ title: props.hideButtonTitle ? undefined : props.ariaLabel
66
67
  }), props.type === ButtonTypes.Icon && /*#__PURE__*/React.createElement(IconButton, {
67
68
  id: props.id,
68
69
  iconProps: iconProp,
@@ -29,7 +29,8 @@ export const customFooterControlProps = {
29
29
  imageIconProps: {
30
30
  src: TranscriptDownloadIconBase64
31
31
  },
32
- ariaLabel: AriaLabels.DownloadChatTranscript
32
+ ariaLabel: AriaLabels.DownloadChatTranscript,
33
+ hideButtonTitle: true
33
34
  },
34
35
  emailTranscriptButtonProps: {
35
36
  id: Ids.EmailTranscriptButtonId,
@@ -37,7 +38,8 @@ export const customFooterControlProps = {
37
38
  imageIconProps: {
38
39
  src: TranscriptEmailIconBase64
39
40
  },
40
- ariaLabel: AriaLabels.EmailTranscript
41
+ ariaLabel: AriaLabels.EmailTranscript,
42
+ hideButtonTitle: true
41
43
  },
42
44
  audioNotificationButtonProps: {
43
45
  id: Ids.AudioNotificationButtonId,
@@ -48,6 +50,7 @@ export const customFooterControlProps = {
48
50
  },
49
51
  imageToggleIconProps: {
50
52
  src: AudioNotificationOffIconBase64
51
- }
53
+ },
54
+ hideButtonTitle: true
52
55
  }
53
56
  };
@@ -26,13 +26,15 @@ export const defaultFooterControlProps = {
26
26
  id: Ids.DownloadTranscriptButtonId,
27
27
  type: ButtonTypes.Icon,
28
28
  iconName: IconNames.Download,
29
- ariaLabel: AriaLabels.DownloadChatTranscript
29
+ ariaLabel: AriaLabels.DownloadChatTranscript,
30
+ hideButtonTitle: true
30
31
  },
31
32
  emailTranscriptButtonProps: {
32
33
  id: Ids.EmailTranscriptButtonId,
33
34
  type: ButtonTypes.Icon,
34
35
  iconName: IconNames.Mail,
35
- ariaLabel: AriaLabels.EmailTranscript
36
+ ariaLabel: AriaLabels.EmailTranscript,
37
+ hideButtonTitle: true
36
38
  },
37
39
  audioNotificationButtonProps: {
38
40
  id: Ids.AudioNotificationButtonId,
@@ -40,6 +42,7 @@ export const defaultFooterControlProps = {
40
42
  ariaLabel: AriaLabels.TurnSoundOff,
41
43
  toggleAriaLabel: AriaLabels.TurnSoundOn,
42
44
  iconName: IconNames.Volume3,
43
- toggleIconName: IconNames.Volume0
45
+ toggleIconName: IconNames.Volume0,
46
+ hideButtonTitle: true
44
47
  }
45
48
  };
@@ -72,7 +72,8 @@ function AudioNotificationButton(props) {
72
72
  disabled: disabled,
73
73
  styles: iconButtonStyles,
74
74
  className: props.className,
75
- title: muted ? props.toggleAriaLabel ?? AriaLabels.TurnSoundOn : props.ariaLabel ?? AriaLabels.TurnSoundOff
75
+ title: undefined,
76
+ ariaLabel: muted ? props.toggleAriaLabel ?? AriaLabels.TurnSoundOn : props.ariaLabel ?? AriaLabels.TurnSoundOff
76
77
  });
77
78
  }
78
79
 
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { AriaLabels, ElementType, EventNames, IconNames, Texts } from "../../../common/Constants";
2
+ import { AriaLabels, ElementType, EventNames, IconNames } from "../../../common/Constants";
3
3
  import CommandButton from "../../common/commandbutton/CommandButton";
4
4
 
5
5
  function DownloadTranscriptButton(props) {
@@ -14,7 +14,6 @@ function DownloadTranscriptButton(props) {
14
14
  return /*#__PURE__*/React.createElement(CommandButton, {
15
15
  id: props === null || props === void 0 ? void 0 : props.id,
16
16
  type: type,
17
- text: props.text ?? Texts.DownloadChatTranscriptText,
18
17
  styles: props.styles,
19
18
  hoverStyles: props.hoverStyles,
20
19
  focusStyles: props.focusStyles,
@@ -23,7 +22,8 @@ function DownloadTranscriptButton(props) {
23
22
  onClick: props.onClick,
24
23
  ariaLabel: props.ariaLabel ?? AriaLabels.DownloadChatTranscript,
25
24
  className: props.className,
26
- customEvent: customEvent
25
+ customEvent: customEvent,
26
+ hideButtonTitle: props.hideButtonTitle
27
27
  });
28
28
  }
29
29
 
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { AriaLabels, ElementType, EventNames, IconNames, Texts } from "../../../common/Constants";
2
+ import { AriaLabels, ElementType, EventNames, IconNames } from "../../../common/Constants";
3
3
  import CommandButton from "../../common/commandbutton/CommandButton";
4
4
 
5
5
  function EmailTranscriptButton(props) {
@@ -14,7 +14,6 @@ function EmailTranscriptButton(props) {
14
14
  return /*#__PURE__*/React.createElement(CommandButton, {
15
15
  id: props === null || props === void 0 ? void 0 : props.id,
16
16
  type: type,
17
- text: props.text ?? Texts.EmailTranscriptText,
18
17
  styles: props.styles,
19
18
  hoverStyles: props.hoverStyles,
20
19
  focusStyles: props.focusStyles,
@@ -23,7 +22,8 @@ function EmailTranscriptButton(props) {
23
22
  onClick: props.onClick,
24
23
  ariaLabel: props.ariaLabel ?? AriaLabels.EmailTranscript,
25
24
  className: props.className,
26
- customEvent: customEvent
25
+ customEvent: customEvent,
26
+ hideButtonTitle: props.hideButtonTitle
27
27
  });
28
28
  }
29
29
 
@@ -32,7 +32,8 @@ export const customHeaderControlProps = {
32
32
  width: "16px"
33
33
  }
34
34
  }
35
- }
35
+ },
36
+ hideButtonTitle: true
36
37
  },
37
38
  closeButtonProps: {
38
39
  id: "oc-lcw-header-closebutton",
@@ -45,7 +46,8 @@ export const customHeaderControlProps = {
45
46
  width: "16px"
46
47
  }
47
48
  }
48
- }
49
+ },
50
+ hideButtonTitle: true
49
51
  },
50
52
  headerIconProps: {
51
53
  id: Ids.HeaderIconId,
@@ -24,12 +24,14 @@ export const defaultHeaderControlProps = {
24
24
  minimizeButtonProps: {
25
25
  id: Ids.MinimizeButtonId,
26
26
  type: ButtonTypes.Icon,
27
- iconName: IconNames.ChromeMinimize
27
+ iconName: IconNames.ChromeMinimize,
28
+ hideButtonTitle: true
28
29
  },
29
30
  closeButtonProps: {
30
31
  id: Ids.CloseButtonId,
31
32
  type: ButtonTypes.Icon,
32
- iconName: IconNames.ChromeClose
33
+ iconName: IconNames.ChromeClose,
34
+ hideButtonTitle: true
33
35
  },
34
36
  headerIconProps: {
35
37
  id: Ids.HeaderIconId,
@@ -23,7 +23,8 @@ function MinimizeButton(props) {
23
23
  onClick: props.onClick,
24
24
  ariaLabel: props.ariaLabel ?? AriaLabels.Minimize,
25
25
  className: props.className,
26
- customEvent: customEvent
26
+ customEvent: customEvent,
27
+ hideButtonTitle: props.hideButtonTitle
27
28
  });
28
29
  }
29
30
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@microsoft/omnichannel-chat-components",
3
- "version": "1.0.1",
3
+ "version": "1.0.2-main.e39eb0f",
4
4
  "description": "Microsoft Omnichannel Chat Components",
5
5
  "main": "lib/cjs/index.js",
6
6
  "types": "lib/types/index.d.ts",