[DualScreen Plugin]: Add Events (used by kava analytics)

src/dualscreen.tsx

@@ -27,19 +27,20 @@ import {ImagePlayer, SlideItem, SlideThumbnail} from './image-player';
 import {core, ui, BasePlugin, IEngineDecoratorProvider, KalturaPlayer} from '@playkit-js/kaltura-player-js';
 import {OnClickEvent} from '@playkit-js/common/dist/hoc/a11y-wrapper';
 import './styles/global.scss';
+import {DualscreenEvents} from './events';
 
 const {
   reducers: {shell}
 } = ui;
-const {EventType} = core;
+const {EventType, FakeEvent} = core;
 
 const HAS_DUAL_SCREEN_PLUGIN_OVERLAY = 'has-dual-screen-plugin-overlay';
 const PRESETS = ['Playback', 'Live', 'Ads'];
 const IMAGE_PLAYER_ID = 'imagePlayer';
 const MAIN_PLAYER_ID = 'mainPlayer';
 
 export class DualScreen extends BasePlugin<DualScreenConfig> implements IEngineDecoratorProvider {
-  private _layout: Layout;
+  private layout!: Layout;
   private _externalLayout: ExternalLayout | null = null;
   private _pipPosition: Position = Position.BottomRight;
   private _removeActivesArr: Function[] = [];
@@ -85,6 +86,18 @@ export class DualScreen extends BasePlugin<DualScreenConfig> implements IEngineD
     return new DualScreenEngineDecorator(engine, this, dispatcher);
   }
 
+  set _layout(layout: Layout) {
+    if (layout !== this.layout) {
+      this.layout = layout;
+      // @ts-expect-error - TS2339: Property 'dispatchEvent' does not exist on type 'KalturaPlayer'
+      this.player.dispatchEvent(new FakeEvent(DualscreenEvents.CHANGE_LAYOUT, {layout}));
+    }
+  }
+
+  get _layout(): Layout {
+    return this.layout;
+  }
+
   get ready() {
     return this._readyPromise;
   }

src/events/events.ts

@@ -0,0 +1,9 @@
+/**
+ * dualscreen plugin event types.
+ */
+export const DualscreenEvents = {
+  /**
+   * Fired when dual-screen mode chances.
+   */
+  CHANGE_LAYOUT: 'dualscreen_change_layout',
+};

src/events/index.ts

@@ -0,0 +1,2 @@
+import {DualscreenEvents} from './events';
+export {DualscreenEvents};

src/index.ts

@@ -1,6 +1,7 @@
 /// <reference path="./global.d.ts" />
 
 import {DualScreen} from './dualscreen';
+import {DualscreenEvents} from './events';
 
 declare var __VERSION__: string;
 declare var __NAME__: string;
@@ -10,6 +11,7 @@ const NAME = __NAME__;
 
 export {DualScreen as Plugin};
 export {VERSION, NAME};
+export {DualscreenEvents};
 
 const pluginName: string = 'dualscreen';
 KalturaPlayer.core.registerPlugin(pluginName, DualScreen);