@playkit-js/moderation 3.2.12 → 3.2.13-canary.0-6ad36ae

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@playkit-js/moderation",
-  "version": "3.2.12",
+  "version": "3.2.13-canary.0-6ad36ae",
   "main": "dist/playkit-moderation.js",
   "private": false,
   "bugs": {
@@ -32,7 +32,9 @@
     "uglifyjs-webpack-plugin": "^2.2.0",
     "webpack": "^5.72.1",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.9.0"
+    "webpack-dev-server": "^4.9.0",
+    "@playkit-js/playkit-js-ui": "^0.77.3",
+    "@playkit-js/ui-managers": "1.4.3-canary.0-b33eab0"
   },
   "peerDependencies": {
     "@playkit-js/kaltura-player-js": "canary"
@@ -44,7 +46,8 @@
     "README.md",
     "CHANGELOG.md",
     "src",
-    "translations"
+    "translations",
+    "types"
   ],
   "scripts": {
     "clean": "rm -rf ./dist",
@@ -74,9 +77,7 @@
     "html5 player"
   ],
   "dependencies": {
-    "@playkit-js/common": "^1.2.10",
-    "@playkit-js/playkit-js-ui": "^0.77.3",
-    "@playkit-js/ui-managers": "^1.3.11"
+    "@playkit-js/common": "^1.2.10"
   },
   "kaltura": {
     "name": "playkit-js-moderation",

package/src/event/index.ts

@@ -0,0 +1,2 @@
+import {ModerationEvent} from './moderation-event';
+export {ModerationEvent};

package/src/event/moderation-event.d.ts

@@ -0,0 +1,4 @@
+export namespace ModerationEvent {
+  const REPORT_CLICKED: string;
+  const REPORT_SUBMITTED: string;
+}

package/src/event/moderation-event.js

@@ -0,0 +1,6 @@
+const ModerationEvent = {
+  REPORT_CLICKED: 'report_clicked',
+  REPORT_SUBMITTED: 'report_submitted'
+};
+
+export {ModerationEvent};

package/src/moderation-plugin.tsx

@@ -4,12 +4,14 @@ import {PluginButton} from './components/plugin-button';
 import * as styles from './moderation-plugin.scss';
 import {ui} from '@playkit-js/kaltura-player-js';
 import {icons} from './components/icons';
-import {ContribServices, ToastSeverity} from '@playkit-js/common/dist/ui-common';
 import {OnClickEvent} from '@playkit-js/common/dist/hoc/a11y-wrapper';
-import {UpperBarManager} from '@playkit-js/ui-managers';
+import {UpperBarManager, ToastManager, ToastSeverity} from '@playkit-js/ui-managers';
 import {ReportLoader, KalturaModerationFlag} from './providers';
 import {ErrorIcon} from './components/icons/error-icon';
 import {SuccessIcon} from './components/icons/success-icon';
+import {ModerationEvent} from './event';
+// @ts-ignore
+import {FakeEvent} from '@playkit-js/playkit-js';
 
 const {ReservedPresetAreas, ReservedPresetNames} = ui;
 const {Text} = ui.preacti18n;
@@ -39,17 +41,19 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
   private _wasPlayed = false; // keep state of the player so we can resume if needed
   private _removeActiveOverlay: null | Function = null;
   private _pluginIcon = -1;
-  private _contribServices: ContribServices;
 
   constructor(name: string, private _player: KalturaPlayerTypes.Player, config: ModerationPluginConfig) {
     super(name, _player, config);
-    this._contribServices = ContribServices.get({kalturaPlayer: _player});
   }
 
   get upperBarManager() {
     return this.player.getService('upperBarManager') as UpperBarManager | undefined;
   }
 
+  private get toastManager(): ToastManager {
+    return (this.player.getService('toastManager') as ToastManager) || {};
+  }
+
   loadMedia(): void {
     if (!this.upperBarManager) {
       this.logger.warn('upperBarManager service not registered');
@@ -58,12 +62,8 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
     this._addPluginIcon();
   }
 
-  // TODO: remove once contribServices migrated to BasePlugin
-  getUIComponents(): any[] {
-    return this._contribServices.register();
-  }
-
   private _sentReport = (contentType: number, content: string, callback?: () => void) => {
+    this.player.dispatchEvent(new FakeEvent(ModerationEvent.REPORT_SUBMITTED, {reportType: contentType}))
     const {sources} = this._player;
     return this._player.provider
       .doRequest([{loader: ReportLoader, params: {comments: content, flagType: contentType, flaggedEntryId: sources.id}}])
@@ -81,7 +81,7 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
                   <SuccessIcon />
                 </div>
               ),
-              severity: ToastSeverity.Success
+              severity: 'Success'
             });
             if (this._wasPlayed) {
               this._player.play();
@@ -102,14 +102,14 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
               <ErrorIcon />
             </div>
           ),
-          severity: ToastSeverity.Error
+          severity: 'Error'
         });
       });
   };
 
   private _displayToast = (options: {text: string; icon: ComponentChild; severity: ToastSeverity}): void => {
     const {notificatonDuration} = this.config;
-    this._contribServices.toastManager.add({
+    this.toastManager.add({
       title: (<Text id="moderation.report_content">Report Content</Text>) as any,
       text: options.text,
       icon: options.icon,
@@ -176,6 +176,8 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
         />
       )
     });
+
+    this.dispatchEvent(ModerationEvent.REPORT_CLICKED);
   };
 
   private _addPluginIcon(): void {
@@ -205,7 +207,6 @@ export class ModerationPlugin extends KalturaPlayer.core.BasePlugin {
 
   reset(): void {
     this._removeOverlay();
-    this._contribServices.reset();
   }
 
   destroy(): void {

package/types/index.js

@@ -0,0 +1 @@
+export {ModerationEvent} from '../src/event/moderation-event';