@microsoft/omnichannel-chat-components 1.0.8-main.8ab6082 → 1.0.8

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 (21) hide show
  1. package/lib/cjs/components/common/commandbutton/CommandButton.js +2 -2
  2. package/lib/cjs/components/common/subcomponents/CloseButton.js +1 -2
  3. package/lib/cjs/components/footer/common/defaultProps/customFooterControlProps.js +3 -6
  4. package/lib/cjs/components/footer/common/defaultProps/defaultFooterControlProps.js +3 -6
  5. package/lib/cjs/components/footer/subcomponents/AudioNotificationButton.js +1 -1
  6. package/lib/cjs/components/footer/subcomponents/DownloadTranscriptButton.js +1 -2
  7. package/lib/cjs/components/footer/subcomponents/EmailTranscriptButton.js +1 -2
  8. package/lib/cjs/components/header/common/defaultProps/customHeaderControlProps.js +2 -4
  9. package/lib/cjs/components/header/common/defaultProps/defaultHeaderControlProps.js +2 -4
  10. package/lib/cjs/components/header/subcomponents/MinimizeButton.js +1 -2
  11. package/lib/esm/components/common/commandbutton/CommandButton.js +2 -2
  12. package/lib/esm/components/common/subcomponents/CloseButton.js +1 -2
  13. package/lib/esm/components/footer/common/defaultProps/customFooterControlProps.js +3 -6
  14. package/lib/esm/components/footer/common/defaultProps/defaultFooterControlProps.js +3 -6
  15. package/lib/esm/components/footer/subcomponents/AudioNotificationButton.js +1 -1
  16. package/lib/esm/components/footer/subcomponents/DownloadTranscriptButton.js +1 -2
  17. package/lib/esm/components/footer/subcomponents/EmailTranscriptButton.js +1 -2
  18. package/lib/esm/components/header/common/defaultProps/customHeaderControlProps.js +2 -4
  19. package/lib/esm/components/header/common/defaultProps/defaultHeaderControlProps.js +2 -4
  20. package/lib/esm/components/header/subcomponents/MinimizeButton.js +1 -2
  21. package/package.json +1 -1
package/lib/cjs/components/common/commandbutton/CommandButton.js CHANGED
@@ -79,11 +79,11 @@ function CommandButton(props) {
79
79
  disabled: props.disabled,
80
80
  className: props.className,
81
81
  styles: buttonStyles,
82
- title: props.hideButtonTitle ? undefined : props.ariaLabel
82
+ title: props.ariaLabel
83
83
  }), props.type === _Constants.ButtonTypes.Icon && /*#__PURE__*/_react2.default.createElement(_react.IconButton, {
84
84
  id: props.id,
85
85
  iconProps: iconProp,
86
- title: props.hideButtonTitle ? undefined : props.ariaLabel,
86
+ title: props.ariaLabel,
87
87
  ariaLabel: props.ariaLabel,
88
88
  disabled: props.disabled,
89
89
  styles: buttonStyles,
package/lib/cjs/components/common/subcomponents/CloseButton.js CHANGED
@@ -34,8 +34,7 @@ function CloseButton(props) {
34
34
  onClick: props.onClick,
35
35
  ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.Close,
36
36
  className: props.className,
37
- customEvent: customEvent,
38
- hideButtonTitle: props.hideButtonTitle
37
+ customEvent: customEvent
39
38
  });
40
39
  }
41
40
 
package/lib/cjs/components/footer/common/defaultProps/customFooterControlProps.js CHANGED
@@ -38,8 +38,7 @@ const customFooterControlProps = {
38
38
  imageIconProps: {
39
39
  src: _Icons.TranscriptDownloadIconBase64
40
40
  },
41
- ariaLabel: _Constants.AriaLabels.DownloadChatTranscript,
42
- hideButtonTitle: true
41
+ ariaLabel: _Constants.AriaLabels.DownloadChatTranscript
43
42
  },
44
43
  emailTranscriptButtonProps: {
45
44
  id: _Constants.Ids.EmailTranscriptButtonId,
@@ -47,8 +46,7 @@ const customFooterControlProps = {
47
46
  imageIconProps: {
48
47
  src: _Icons.TranscriptEmailIconBase64
49
48
  },
50
- ariaLabel: _Constants.AriaLabels.EmailTranscript,
51
- hideButtonTitle: true
49
+ ariaLabel: _Constants.AriaLabels.EmailTranscript
52
50
  },
53
51
  audioNotificationButtonProps: {
54
52
  id: _Constants.Ids.AudioNotificationButtonId,
@@ -59,8 +57,7 @@ const customFooterControlProps = {
59
57
  },
60
58
  imageToggleIconProps: {
61
59
  src: _Icons.AudioNotificationOffIconBase64
62
- },
63
- hideButtonTitle: true
60
+ }
64
61
  }
65
62
  };
66
63
  exports.customFooterControlProps = customFooterControlProps;
package/lib/cjs/components/footer/common/defaultProps/defaultFooterControlProps.js CHANGED
@@ -34,15 +34,13 @@ 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,
38
- hideButtonTitle: true
37
+ ariaLabel: _Constants.AriaLabels.DownloadChatTranscript
39
38
  },
40
39
  emailTranscriptButtonProps: {
41
40
  id: _Constants.Ids.EmailTranscriptButtonId,
42
41
  type: _Constants.ButtonTypes.Icon,
43
42
  iconName: _Constants.IconNames.Mail,
44
- ariaLabel: _Constants.AriaLabels.EmailTranscript,
45
- hideButtonTitle: true
43
+ ariaLabel: _Constants.AriaLabels.EmailTranscript
46
44
  },
47
45
  audioNotificationButtonProps: {
48
46
  id: _Constants.Ids.AudioNotificationButtonId,
@@ -50,8 +48,7 @@ const defaultFooterControlProps = {
50
48
  ariaLabel: _Constants.AriaLabels.TurnSoundOff,
51
49
  toggleAriaLabel: _Constants.AriaLabels.TurnSoundOn,
52
50
  iconName: _Constants.IconNames.Volume3,
53
- toggleIconName: _Constants.IconNames.Volume0,
54
- hideButtonTitle: true
51
+ toggleIconName: _Constants.IconNames.Volume0
55
52
  }
56
53
  };
57
54
  exports.defaultFooterControlProps = defaultFooterControlProps;
package/lib/cjs/components/footer/subcomponents/AudioNotificationButton.js CHANGED
@@ -88,7 +88,7 @@ function AudioNotificationButton(props) {
88
88
  disabled: disabled,
89
89
  styles: iconButtonStyles,
90
90
  className: props.className,
91
- title: undefined,
91
+ title: muted ? props.toggleAriaLabel ?? _Constants.AriaLabels.TurnSoundOn : props.ariaLabel ?? _Constants.AriaLabels.TurnSoundOff,
92
92
  ariaLabel: muted ? props.toggleAriaLabel ?? _Constants.AriaLabels.TurnSoundOn : props.ariaLabel ?? _Constants.AriaLabels.TurnSoundOff
93
93
  });
94
94
  }
package/lib/cjs/components/footer/subcomponents/DownloadTranscriptButton.js CHANGED
@@ -33,8 +33,7 @@ function DownloadTranscriptButton(props) {
33
33
  onClick: props.onClick,
34
34
  ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.DownloadChatTranscript,
35
35
  className: props.className,
36
- customEvent: customEvent,
37
- hideButtonTitle: props.hideButtonTitle
36
+ customEvent: customEvent
38
37
  });
39
38
  }
40
39
 
package/lib/cjs/components/footer/subcomponents/EmailTranscriptButton.js CHANGED
@@ -33,8 +33,7 @@ function EmailTranscriptButton(props) {
33
33
  onClick: props.onClick,
34
34
  ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.EmailTranscript,
35
35
  className: props.className,
36
- customEvent: customEvent,
37
- hideButtonTitle: props.hideButtonTitle
36
+ customEvent: customEvent
38
37
  });
39
38
  }
40
39
 
package/lib/cjs/components/header/common/defaultProps/customHeaderControlProps.js CHANGED
@@ -41,8 +41,7 @@ const customHeaderControlProps = {
41
41
  width: "16px"
42
42
  }
43
43
  }
44
- },
45
- hideButtonTitle: true
44
+ }
46
45
  },
47
46
  closeButtonProps: {
48
47
  id: "oc-lcw-header-closebutton",
@@ -55,8 +54,7 @@ const customHeaderControlProps = {
55
54
  width: "16px"
56
55
  }
57
56
  }
58
- },
59
- hideButtonTitle: true
57
+ }
60
58
  },
61
59
  headerIconProps: {
62
60
  id: _Constants.Ids.HeaderIconId,
package/lib/cjs/components/header/common/defaultProps/defaultHeaderControlProps.js CHANGED
@@ -33,14 +33,12 @@ const defaultHeaderControlProps = {
33
33
  minimizeButtonProps: {
34
34
  id: _Constants.Ids.MinimizeButtonId,
35
35
  type: _Constants.ButtonTypes.Icon,
36
- iconName: _Constants.IconNames.ChromeMinimize,
37
- hideButtonTitle: true
36
+ iconName: _Constants.IconNames.ChromeMinimize
38
37
  },
39
38
  closeButtonProps: {
40
39
  id: _Constants.Ids.CloseButtonId,
41
40
  type: _Constants.ButtonTypes.Icon,
42
- iconName: _Constants.IconNames.ChromeClose,
43
- hideButtonTitle: true
41
+ iconName: _Constants.IconNames.ChromeClose
44
42
  },
45
43
  headerIconProps: {
46
44
  id: _Constants.Ids.HeaderIconId,
package/lib/cjs/components/header/subcomponents/MinimizeButton.js CHANGED
@@ -34,8 +34,7 @@ function MinimizeButton(props) {
34
34
  onClick: props.onClick,
35
35
  ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.Minimize,
36
36
  className: props.className,
37
- customEvent: customEvent,
38
- hideButtonTitle: props.hideButtonTitle
37
+ customEvent: customEvent
39
38
  });
40
39
  }
41
40
 
package/lib/esm/components/common/commandbutton/CommandButton.js CHANGED
@@ -63,11 +63,11 @@ function CommandButton(props) {
63
63
  disabled: props.disabled,
64
64
  className: props.className,
65
65
  styles: buttonStyles,
66
- title: props.hideButtonTitle ? undefined : props.ariaLabel
66
+ title: props.ariaLabel
67
67
  }), props.type === ButtonTypes.Icon && /*#__PURE__*/React.createElement(IconButton, {
68
68
  id: props.id,
69
69
  iconProps: iconProp,
70
- title: props.hideButtonTitle ? undefined : props.ariaLabel,
70
+ title: props.ariaLabel,
71
71
  ariaLabel: props.ariaLabel,
72
72
  disabled: props.disabled,
73
73
  styles: buttonStyles,
package/lib/esm/components/common/subcomponents/CloseButton.js CHANGED
@@ -23,8 +23,7 @@ function CloseButton(props) {
23
23
  onClick: props.onClick,
24
24
  ariaLabel: props.ariaLabel ?? AriaLabels.Close,
25
25
  className: props.className,
26
- customEvent: customEvent,
27
- hideButtonTitle: props.hideButtonTitle
26
+ customEvent: customEvent
28
27
  });
29
28
  }
30
29
 
package/lib/esm/components/footer/common/defaultProps/customFooterControlProps.js CHANGED
@@ -29,8 +29,7 @@ export const customFooterControlProps = {
29
29
  imageIconProps: {
30
30
  src: TranscriptDownloadIconBase64
31
31
  },
32
- ariaLabel: AriaLabels.DownloadChatTranscript,
33
- hideButtonTitle: true
32
+ ariaLabel: AriaLabels.DownloadChatTranscript
34
33
  },
35
34
  emailTranscriptButtonProps: {
36
35
  id: Ids.EmailTranscriptButtonId,
@@ -38,8 +37,7 @@ export const customFooterControlProps = {
38
37
  imageIconProps: {
39
38
  src: TranscriptEmailIconBase64
40
39
  },
41
- ariaLabel: AriaLabels.EmailTranscript,
42
- hideButtonTitle: true
40
+ ariaLabel: AriaLabels.EmailTranscript
43
41
  },
44
42
  audioNotificationButtonProps: {
45
43
  id: Ids.AudioNotificationButtonId,
@@ -50,7 +48,6 @@ export const customFooterControlProps = {
50
48
  },
51
49
  imageToggleIconProps: {
52
50
  src: AudioNotificationOffIconBase64
53
- },
54
- hideButtonTitle: true
51
+ }
55
52
  }
56
53
  };
package/lib/esm/components/footer/common/defaultProps/defaultFooterControlProps.js CHANGED
@@ -26,15 +26,13 @@ export const defaultFooterControlProps = {
26
26
  id: Ids.DownloadTranscriptButtonId,
27
27
  type: ButtonTypes.Icon,
28
28
  iconName: IconNames.Download,
29
- ariaLabel: AriaLabels.DownloadChatTranscript,
30
- hideButtonTitle: true
29
+ ariaLabel: AriaLabels.DownloadChatTranscript
31
30
  },
32
31
  emailTranscriptButtonProps: {
33
32
  id: Ids.EmailTranscriptButtonId,
34
33
  type: ButtonTypes.Icon,
35
34
  iconName: IconNames.Mail,
36
- ariaLabel: AriaLabels.EmailTranscript,
37
- hideButtonTitle: true
35
+ ariaLabel: AriaLabels.EmailTranscript
38
36
  },
39
37
  audioNotificationButtonProps: {
40
38
  id: Ids.AudioNotificationButtonId,
@@ -42,7 +40,6 @@ export const defaultFooterControlProps = {
42
40
  ariaLabel: AriaLabels.TurnSoundOff,
43
41
  toggleAriaLabel: AriaLabels.TurnSoundOn,
44
42
  iconName: IconNames.Volume3,
45
- toggleIconName: IconNames.Volume0,
46
- hideButtonTitle: true
43
+ toggleIconName: IconNames.Volume0
47
44
  }
48
45
  };
package/lib/esm/components/footer/subcomponents/AudioNotificationButton.js CHANGED
@@ -72,7 +72,7 @@ function AudioNotificationButton(props) {
72
72
  disabled: disabled,
73
73
  styles: iconButtonStyles,
74
74
  className: props.className,
75
- title: undefined,
75
+ title: muted ? props.toggleAriaLabel ?? AriaLabels.TurnSoundOn : props.ariaLabel ?? AriaLabels.TurnSoundOff,
76
76
  ariaLabel: muted ? props.toggleAriaLabel ?? AriaLabels.TurnSoundOn : props.ariaLabel ?? AriaLabels.TurnSoundOff
77
77
  });
78
78
  }
package/lib/esm/components/footer/subcomponents/DownloadTranscriptButton.js CHANGED
@@ -22,8 +22,7 @@ function DownloadTranscriptButton(props) {
22
22
  onClick: props.onClick,
23
23
  ariaLabel: props.ariaLabel ?? AriaLabels.DownloadChatTranscript,
24
24
  className: props.className,
25
- customEvent: customEvent,
26
- hideButtonTitle: props.hideButtonTitle
25
+ customEvent: customEvent
27
26
  });
28
27
  }
29
28
 
package/lib/esm/components/footer/subcomponents/EmailTranscriptButton.js CHANGED
@@ -22,8 +22,7 @@ function EmailTranscriptButton(props) {
22
22
  onClick: props.onClick,
23
23
  ariaLabel: props.ariaLabel ?? AriaLabels.EmailTranscript,
24
24
  className: props.className,
25
- customEvent: customEvent,
26
- hideButtonTitle: props.hideButtonTitle
25
+ customEvent: customEvent
27
26
  });
28
27
  }
29
28
 
package/lib/esm/components/header/common/defaultProps/customHeaderControlProps.js CHANGED
@@ -32,8 +32,7 @@ export const customHeaderControlProps = {
32
32
  width: "16px"
33
33
  }
34
34
  }
35
- },
36
- hideButtonTitle: true
35
+ }
37
36
  },
38
37
  closeButtonProps: {
39
38
  id: "oc-lcw-header-closebutton",
@@ -46,8 +45,7 @@ export const customHeaderControlProps = {
46
45
  width: "16px"
47
46
  }
48
47
  }
49
- },
50
- hideButtonTitle: true
48
+ }
51
49
  },
52
50
  headerIconProps: {
53
51
  id: Ids.HeaderIconId,
package/lib/esm/components/header/common/defaultProps/defaultHeaderControlProps.js CHANGED
@@ -24,14 +24,12 @@ export const defaultHeaderControlProps = {
24
24
  minimizeButtonProps: {
25
25
  id: Ids.MinimizeButtonId,
26
26
  type: ButtonTypes.Icon,
27
- iconName: IconNames.ChromeMinimize,
28
- hideButtonTitle: true
27
+ iconName: IconNames.ChromeMinimize
29
28
  },
30
29
  closeButtonProps: {
31
30
  id: Ids.CloseButtonId,
32
31
  type: ButtonTypes.Icon,
33
- iconName: IconNames.ChromeClose,
34
- hideButtonTitle: true
32
+ iconName: IconNames.ChromeClose
35
33
  },
36
34
  headerIconProps: {
37
35
  id: Ids.HeaderIconId,
package/lib/esm/components/header/subcomponents/MinimizeButton.js CHANGED
@@ -23,8 +23,7 @@ function MinimizeButton(props) {
23
23
  onClick: props.onClick,
24
24
  ariaLabel: props.ariaLabel ?? AriaLabels.Minimize,
25
25
  className: props.className,
26
- customEvent: customEvent,
27
- hideButtonTitle: props.hideButtonTitle
26
+ customEvent: customEvent
28
27
  });
29
28
  }
30
29
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@microsoft/omnichannel-chat-components",
3
- "version": "1.0.8-main.8ab6082",
3
+ "version": "1.0.8",
4
4
  "description": "Microsoft Omnichannel Chat Components",
5
5
  "main": "lib/cjs/index.js",
6
6
  "types": "lib/types/index.d.ts",