fix(VIDEO-19832) - playlist and playlistByTag analytics

src/plugins/playlist/playlist.js

@@ -1,4 +1,3 @@
-import isPlainObject from 'lodash/isPlainObject';
 import { sliceProperties } from 'utils/slicing';
 import { PLAYER_EVENT } from 'utils/consts';
 import { getCloudinaryUrl } from 'plugins/cloudinary/common';
@@ -22,7 +21,7 @@ const playlist = (player, options = {}) => {
         playlistWidget.dispose();
       }
 
-      if (isPlainObject(options.playlistWidget)) {
+      if (options.playlistWidget?.show != false) {
         if (player.fluid_) {
           options.playlistWidget.fluid = true;
         }

src/plugins/playlist/ui/playlist.js

@@ -240,7 +240,13 @@ class Playlist {
       current.recommendations(this._defaultRecommendationsResolver(current));
     }
 
-    this._context.source(current, { recommendationOptions: { disableAutoShow: true, itemBuilder } });
+    // Extract source options for analytics
+    const sourceOptions = current.getInitOptions ? current.getInitOptions() : {};
+
+    this._context.source(current, { 
+      ...sourceOptions,
+      recommendationOptions: { disableAutoShow: true, itemBuilder } 
+    });
 
     const eventData = { playlist: this, current, next: this.next() };
 

src/utils/get-analytics-player-options.js

@@ -36,11 +36,16 @@ const getTranscriptOptions = (textTracks = {}) => {
 
 const getSourceOptions = (sourceOptions = {}) => ({
   sourceTypes: sourceOptions.sourceTypes,
-  chapters: sourceOptions.chapters && (sourceOptions.chapters.url ? 'url' : 'inline-chapters'),
-  visualSearch: hasConfig(sourceOptions.visualSearch),
+  chapters: (() => {
+    if (sourceOptions.chapters === true) return 'auto';
+    if (sourceOptions.chapters && sourceOptions.chapters.url) return 'url';
+    if (sourceOptions.chapters) return 'inline-chapters';
+    return undefined;
+  })(),
+  visualSearch: sourceOptions.visualSearch,
   download: hasConfig(sourceOptions.download),
   recommendations: sourceOptions.recommendations && sourceOptions.recommendations.length,
-  ...(sourceOptions.adaptiveStreaming ? {
+  ...(hasConfig(sourceOptions.adaptiveStreaming) ? {
     abrStrategy: sourceOptions?.adaptiveStreaming?.strategy,
   } : {}),
   shoppable: hasConfig(sourceOptions.shoppable),
@@ -74,7 +79,9 @@ const getAdsOptions = (adsOptions = {}) => ({
   adsAdsInPlaylist: adsOptions.adsInPlaylist
 });
 
-const getPlaylistWidgetOptions = (playlistWidgetOptions = {}) => ({
+const getPlaylistOptions = (playlistWidgetOptions = {}) => ({
+  playlist: playlistWidgetOptions.playlist,
+  playlistByTag: playlistWidgetOptions.playlistByTag,
   playlistWidgetDirection: playlistWidgetOptions.direction,
   playlistWidgetTotal: playlistWidgetOptions.total
 });
@@ -122,5 +129,5 @@ export const getAnalyticsFromPlayerOptions = (playerOptions) => filterDefaultsAn
   ...getCloudinaryOptions(playerOptions.cloudinary),
   ...getSourceOptions(playerOptions.sourceOptions),
   ...getAdsOptions(playerOptions.ads),
-  ...getPlaylistWidgetOptions(playerOptions.playlistWidget)
+  ...getPlaylistOptions(playerOptions.playlistWidget)
 });

src/video-player.js

@@ -629,6 +629,8 @@ class VideoPlayer extends Utils.mixin(Eventable) {
   }
 
   playlist(sources, options = {}) {
+    this.playerOptions.playlistWidget = { ...(this.playerOptions.playlistWidget || { show: false }), playlist: true };
+
     options = Object.assign({}, options, { playlistWidget: this.playerOptions.playlistWidget });
 
     this.videojs.one(PLAYER_EVENT.READY, async () => {
@@ -640,6 +642,8 @@ class VideoPlayer extends Utils.mixin(Eventable) {
   }
 
   playlistByTag(tag, options = {}) {
+    this.playerOptions.playlistWidget = { ...(this.playerOptions.playlistWidget || { show: false}), playlistByTag: true };
+
     options = Object.assign({}, options, { playlistWidget: this.playerOptions.playlistWidget });
 
     return new Promise((resolve) => {