@playkit-js/moderation 3.3.1 → 3.3.2-canary.0-28a35f0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@playkit-js/moderation",
3
- "version": "3.3.1",
3
+ "version": "3.3.2-canary.0-28a35f0",
4
4
  "main": "dist/playkit-moderation.js",
5
5
  "private": false,
6
6
  "bugs": {
@@ -17,7 +17,7 @@ interface PluginButtonProps {
17
17
 
18
18
  export const PluginButton = withText(translates)(({label, setRef}: PluginButtonProps) => {
19
19
  return (
20
- <Tooltip label={label} type="bottom">
20
+ <Tooltip label={label} type="bottom-left" strictPosition={true}>
21
21
  <button type="button" aria-label={label} className={ui.style.upperBarIcon} data-testid="moderationPluginButton" ref={setRef}>
22
22
  <Icon
23
23
  id={pluginName}
@@ -77,7 +77,11 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
77
77
  if (moderationFlag) {
78
78
  this.logger.debug('Moderation plugin submit OK');
79
79
  this._displayToast({
80
- text: (<Text id="moderation.send_success">The report was sent successfully</Text>) as any,
80
+ text: (
81
+ <span role='alert' aria-live="polite" aria-label="Report Content">
82
+ <Text id="moderation.send_success">The report was sent successfully</Text>
83
+ </span>
84
+ ) as any,
81
85
  icon: (
82
86
  <div className={styles.toastIcon}>
83
87
  <SuccessIcon />
@@ -94,7 +98,11 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
94
98
  .catch((e: any) => {
95
99
  this.logger.warn(e);
96
100
  this._displayToast({
97
- text: (<Text id="moderation.send_fail">The report failed to send</Text>) as any,
101
+ text: (
102
+ <span role='alert' aria-live="polite" aria-label="Report Content">
103
+ <Text id="moderation.send_fail">The report failed to send</Text>
104
+ </span>
105
+ ) as any,
98
106
  icon: (
99
107
  <div className={styles.toastIcon}>
100
108
  <ErrorIcon />