Merge branch 'master' into devops-deployment

* master:
  SUP-37601: Social Highlights - Shares analytics not working on V7 (#25)

src/components/share-overlay/share-overlay.js

@@ -5,6 +5,8 @@
  */
 import {ui} from '@playkit-js/kaltura-player-js';
 import shareStyle from './style.scss';
+import {FakeEvent} from '@playkit-js/playkit-js';
+import {ShareEvent} from '../../event';
 
 const {preact, preacti18n, Components, Event, Utils, style, redux, Reducers, preactHooks} = ui;
 const {h, Component} = preact;
@@ -61,6 +63,7 @@ const ShareButton = (props: Object): React$Element<any> => {
         window.open(href, '_blank', 'width=580,height=580');
         break;
     }
+    props.player.dispatchEvent(new FakeEvent(ShareEvent.SHARE_NETWORK, {shareNetworkName: buttonType}));
   };
 
   return (
@@ -411,6 +414,7 @@ class ShareOverlay extends Component {
           config={shareButtonConfig}
           addAccessibleChild={this.props.addAccessibleChild}
           updateShareOverlay={this._updateOverlay}
+          player={this.props.player}
         />
       );
     });

src/event/index.js

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

src/event/share-event.js

@@ -0,0 +1,15 @@
+/**
+ * Share plugin event types.
+ */
+const ShareEvent = {
+  /**
+   * Fired when the user clicks on share icon.
+   */
+  SHARE_CLICKED: 'share_clicked',
+  /**
+   * Fired when the user clicks on specific social network.
+   */
+  SHARE_NETWORK: 'share_network'
+};
+
+export {ShareEvent};

src/share.js

@@ -8,6 +8,7 @@ import {KalturaPlayer, BasePlugin, core, ui} from '@playkit-js/kaltura-player-js
 import {ICON_PATH, Share as ShareComponent} from './components/share/share';
 import {defaultShareOptionsConfig} from './default-share-options-config';
 import {ShareButton} from './components/plugin-button/plugin-button';
+import {ShareEvent} from './event';
 const {ReservedPresetNames} = ui;
 const {Utils} = core;
 
@@ -78,6 +79,7 @@ class Share extends BasePlugin {
       this.player.pause();
       this._wasPlayed = true;
     }
+    this.dispatchEvent(ShareEvent.SHARE_CLICKED);
     if (this.config.useNative && navigator.share) {
       const videoDesc = this._getVideoDesc();
       navigator

types/index.js

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