@24i/bigscreen-sdk 1.0.34-alpha.2571 → 1.0.34-beta.1

package/.vscode/settings.json

@@ -1,6 +1,5 @@
 {
     "cSpell.words": [
-        "MEDIAPAYLOAD",
         "Tealium"
     ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.34-alpha.2571",
+    "version": "1.0.34-beta.1",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {
@@ -37,7 +37,7 @@
     },
     "homepage": "https://github.com/24i/smartapps-bigscreen-sdk#readme",
     "dependencies": {
-        "@24i/appstage-shared-analytics": "1.0.20-alpha.70",
+        "@24i/appstage-shared-analytics": "1.0.19",
         "@24i/appstage-shared-events-manager": "1.0.11",
         "@24i/appstage-shared-perf-utils": "1.0.11",
         "@24i/bigscreen-players-engine-base": "3.0.2",

package/packages/analytics/src/clients/TealiumAnalytics/TealiumAnalytics.ts

@@ -14,12 +14,9 @@ import type { AnalyticsClient, AnyPayload } from '../../interface';
 import type {
     BaseResult,
     Payload,
-    TealiumAnalyticsOptions,
-    UtagWindow,
+    TealiumAnalyticsConfiguration,
 } from './types';
 
-declare const window: Window & UtagWindow;
-
 // eslint-disable-next-line no-magic-numbers
 const SESSION_TIMEOUT = 30 * MINUTE_IN_MS;
 
@@ -43,26 +40,28 @@ export class TealiumAnalytics implements AnalyticsClient {
 
     constantPayload: BaseResult = DEFAULT_PAYLOAD;
 
+    baseURL = '';
+
     sessionTimeout = createTimeout();
 
     isSessionActive = false;
 
     sessionStartSent = false;
 
-    constructor(private config: TealiumAnalyticsOptions, private appVersion: string = '') {
+    constructor(private config: TealiumAnalyticsConfiguration, private appVersion: string = '') {
         this.init();
     }
 
     async init() {
         // Typically set "noview" flag to true for Single Page Apps (SPAs)
-        window.utag_cfg_ovrd = { noview: true };
-        window.utag_data = {};
+        (window as any).utag_cfg_ovrd = { noview: true };
+        (window as any).utag_data = {};
         this.loadScript();
         this.prepareDatasetPayload();
     }
 
     prepareDatasetPayload() {
-        const { entity, language } = this.config;
+        const { entity, language } = this.config.options;
         this.constantPayload = {
             language,
             language_service: `${entity} ${language}`,
@@ -94,7 +93,7 @@ export class TealiumAnalytics implements AnalyticsClient {
     }
 
     loadScript() {
-        const { account, profile, environment } = this.config;
+        const { account, profile, environment } = this.config.options;
         const url = `//tags.tiqcdn.com/utag/${account}/${profile}/${environment}/utag.js`;
 
         const script = document.createElement('script');
@@ -105,22 +104,16 @@ export class TealiumAnalytics implements AnalyticsClient {
             console.log('Tealium was loaded.');
             await this.startSession();
         }, false);
-        const scriptElements = document.getElementsByTagName('script');
-        if (scriptElements.length > 0) {
-            const scriptElement = scriptElements[0];
-            scriptElement.parentNode!.insertBefore(script, scriptElement);
-        } else {
-            document.body.appendChild(script);
-        }
+        const t = document.getElementsByTagName('script')[0];
+        t.parentNode!.insertBefore(script, t);
     }
 
-    track(tealiumEvent: string, payload?: AnyPayload) {
-        if (window.utag === undefined) {
+    track(tealiumEvent: string, data?: any) {
+        if ((window as any).utag === undefined) {
             console.warn('Tealium is not available');
             return;
         }
-        window.utag_data = this.constantPayload;
-        window.utag!.track(tealiumEvent, payload);
+        (window as any).utag.track(tealiumEvent, data);
     }
 
     view(payload?: AnyPayload) {
@@ -147,10 +140,8 @@ export class TealiumAnalytics implements AnalyticsClient {
                         ...this.constantPayload,
                         ...payload,
                     } as unknown as Payload);
-                    if ((eventBody as unknown as AnyPayload).track_event_type === 'view') {
-                        this.view(eventBody as Payload);
-                    } else {
-                        this.link(eventBody as Payload);
+                    if (eventBody) {
+                        (window as any).utag.track(payload.app_events, eventBody);
                     }
                 } catch (e) {
                     console.warn(`[${this.name}] Error onEvent: `, e);

package/packages/analytics/src/clients/TealiumAnalytics/constants.ts

@@ -16,15 +16,15 @@ export const TEALIUM_TRIGGERS = [
     // Scenes
     AnalyticsTriggers.SCENE_VIEW,
 
-    // Search
-    AnalyticsTriggers.SEARCH,
+    // Data loading / Player buffering
+    AnalyticsTriggers.BUFFERING_START,
+    AnalyticsTriggers.BUFFERING_STOP,
 
     // Playback
     AnalyticsTriggers.PLAYBACK_10,
     AnalyticsTriggers.PLAYBACK_50,
     AnalyticsTriggers.PLAYBACK_90,
     AnalyticsTriggers.PLAYBACK_PAUSE,
-    AnalyticsTriggers.PLAYBACK_UNPAUSE,
     AnalyticsTriggers.PLAYBACK_START,
     AnalyticsTriggers.PLAYBACK_STOP,
 
@@ -32,22 +32,26 @@ export const TEALIUM_TRIGGERS = [
     AnalyticsTriggers.PLAYER_CLOSE,
     AnalyticsTriggers.PLAYER_OPEN,
 
+    // Scrolling in scene
+    AnalyticsTriggers.SCROLL_25,
+    AnalyticsTriggers.SCROLL_50,
+    AnalyticsTriggers.SCROLL_75,
+    AnalyticsTriggers.SCROLL_90,
+
     // Favorites
     AnalyticsTriggers.FAVORITE_ADD,
     AnalyticsTriggers.FAVORITE_REMOVE,
 
     AnalyticsTriggers.SELECT_CONTENT,
-    AnalyticsTriggers.SEARCH_SUCCESS,
-    AnalyticsTriggers.SEARCH_FAILED,
+    'playback_unpause',
 ];
 
-export const AppEvents: { [key: string]: string } = {
+export const AppEvents = {
     [AnalyticsTriggers.PLAYBACK_10]: 'media_milestone_10_video',
     [AnalyticsTriggers.PLAYBACK_50]: 'media_milestone_50_video',
     [AnalyticsTriggers.PLAYBACK_90]: 'media_milestone_90_video',
     [AnalyticsTriggers.PLAYBACK_STOP]: 'video_stop',
     [AnalyticsTriggers.PLAYBACK_PAUSE]: 'video_pause',
-    [AnalyticsTriggers.PLAYBACK_UNPAUSE]: 'video_resume',
     [AnalyticsTriggers.PLAYBACK_START]: 'video_play',
     [AnalyticsTriggers.PLAYER_OPEN]: 'player_x',
     [AnalyticsTriggers.PLAYER_CLOSE]: 'player_x',
@@ -55,9 +59,7 @@ export const AppEvents: { [key: string]: string } = {
     [AnalyticsTriggers.FAVORITE_REMOVE]: 'subscribe_to_fav',
     [AnalyticsTriggers.APP_ERROR]: 'app_events',
     [AnalyticsTriggers.SELECT_CONTENT]: 'app_events',
-    [AnalyticsTriggers.SEARCH_SUCCESS]: 'search_success',
-    [AnalyticsTriggers.SEARCH_FAILED]: 'search_fail',
-    unpause: 'video_resume',
+    [AnalyticsTriggers.SEARCH]: 'search_success',
 };
 
 export enum EVENTS {
@@ -73,7 +75,6 @@ export enum EVENTS {
     SEARCH_FAILED = 'search_failed',
     FAVORITE_ADD = 'favorite_add',
     FAVORITE_REMOVE = 'favorite_remove',
-    APP_ERROR = 'app_error',
 }
 
 export enum TrackEventType {
@@ -87,13 +88,11 @@ export const TRIGGER_NAME_TO_TEALIUM_EVENTS: { [K in AnalyticsTriggers]?: EVENTS
     [AnalyticsTriggers.PLAYBACK_50]: [EVENTS.VIDEO_PROGRESS],
     [AnalyticsTriggers.PLAYBACK_90]: [EVENTS.VIDEO_PROGRESS],
     [AnalyticsTriggers.PLAYBACK_PAUSE]: [EVENTS.VIDEO_PAUSE],
-    [AnalyticsTriggers.PLAYBACK_UNPAUSE]: [EVENTS.VIDEO_UNPAUSE],
     [AnalyticsTriggers.PLAYBACK_START]: [EVENTS.VIDEO_START],
     [AnalyticsTriggers.PLAYBACK_STOP]: [EVENTS.VIDEO_STOP],
     [AnalyticsTriggers.PLAYER_CLOSE]: [EVENTS.PLAYER_CLOSE],
     [AnalyticsTriggers.PLAYER_OPEN]: [EVENTS.PLAYER_OPEN],
     [AnalyticsTriggers.APP_CLOSE]: [EVENTS.VIDEO_STOP, EVENTS.PLAYER_CLOSE],
-    [AnalyticsTriggers.APP_ERROR]: [EVENTS.APP_ERROR],
     [AnalyticsTriggers.FAVORITE_ADD]: [EVENTS.FAVORITE_ADD],
     [AnalyticsTriggers.FAVORITE_REMOVE]: [EVENTS.FAVORITE_REMOVE],
     [AnalyticsTriggers.SEARCH]: [EVENTS.SEARCH_SUCCESS, EVENTS.SEARCH_FAILED],

package/packages/analytics/src/clients/TealiumAnalytics/index.ts

@@ -1,3 +1,2 @@
 export { TealiumAnalytics } from './TealiumAnalytics';
 export { TEALIUM_TRIGGERS } from './constants';
-export { TealiumAnalyticsOptions, TealiumAnalyticsConfiguration } from './types';

package/packages/analytics/src/clients/TealiumAnalytics/interface.ts

@@ -14,7 +14,6 @@ import { mapVideoResume } from './mappers/mapVideoResume';
 import { mapSearchSuccess } from './mappers/mapSearchSuccess';
 import { mapSearchFailed } from './mappers/mapSearchFailed';
 import { EventMappingFunction } from './types';
-import { mapAppError } from './mappers/mapAppError';
 
 export const EVENTS_MAPPING: Record<EVENTS, EventMappingFunction> = {
     [EVENTS.SCENE_VIEW]: mapSceneView,
@@ -29,5 +28,4 @@ export const EVENTS_MAPPING: Record<EVENTS, EventMappingFunction> = {
     [EVENTS.VIDEO_UNPAUSE]: mapVideoResume,
     [EVENTS.SEARCH_SUCCESS]: mapSearchSuccess,
     [EVENTS.SEARCH_FAILED]: mapSearchFailed,
-    [EVENTS.APP_ERROR]: mapAppError,
 };

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapBase.ts

@@ -0,0 +1 @@
+export const mapBase = () => ({});

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapPlayerClose.ts

@@ -1,15 +1,30 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { Payload, VideoResult } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-import { mapMediaPayload } from './helper';
+import { AppEvents, HUNDRED_PERCENT, TrackEventType } from '../constants';
 
 export const mapPlayerClose = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
-): VideoResult => ({
-    app_events: AppEvents.player_close,
-    event_trigger: triggerName,
-    track_event_type: TrackEventType.ACTIVITY,
-    video_event: AppEvents.player_close,
-    ...(mapMediaPayload(payload)),
-});
+): VideoResult => {
+    const { asset, duration = 0 } = payload;
+    const progressPercent = Number(triggerName.split('_')[1]);
+    const assetDuration = duration / SECOND_IN_MS || asset?.duration || 0;
+    const progressInSeconds = Math.round((assetDuration * progressPercent) / HUNDRED_PERCENT);
+    return {
+        app_events: AppEvents.player_close,
+        event_trigger: triggerName,
+        track_event_type: TrackEventType.ACTIVITY,
+        video_name: asset?.label || '',
+        video_length: assetDuration,
+        video_event: AppEvents.playback_start,
+        video_position: progressInSeconds,
+        media_type: 'vod',
+        canonical_url: '',
+        video_series_title: '',
+        byline: 'N/A',
+        pub_date: asset?.year || '',
+        article_uid: '',
+        tags: '',
+    };
+};

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapPlayerOpen.ts

@@ -1,15 +1,30 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { Payload, VideoResult } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-import { mapMediaPayload } from './helper';
+import { AppEvents, HUNDRED_PERCENT, TrackEventType } from '../constants';
 
 export const mapPlayerOpen = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
-): VideoResult => ({
-    app_events: AppEvents.player_open,
-    event_trigger: triggerName,
-    track_event_type: TrackEventType.ACTIVITY,
-    video_event: AppEvents.player_open,
-    ...(mapMediaPayload(payload)),
-});
+): VideoResult => {
+    const { asset, duration = 0 } = payload;
+    const progressPercent = Number(triggerName.split('_')[1]);
+    const assetDuration = duration / SECOND_IN_MS || asset?.duration || 0;
+    const progressInSeconds = Math.round((assetDuration * progressPercent) / HUNDRED_PERCENT);
+    return {
+        app_events: AppEvents.player_open,
+        event_trigger: triggerName,
+        track_event_type: TrackEventType.ACTIVITY,
+        video_name: asset?.label || '',
+        video_length: assetDuration,
+        video_event: AppEvents.playback_start,
+        video_position: progressInSeconds,
+        media_type: 'vod',
+        canonical_url: '',
+        video_series_title: '',
+        byline: 'N/A',
+        pub_date: asset?.year || '',
+        article_uid: '',
+        tags: '',
+    };
+};

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapSearchFailed.ts

@@ -1,8 +1,13 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
 import { Payload, SearchResult } from '../types';
-import { mapSearch } from './mapSearch';
+import { AppEvents, TrackEventType } from '../constants';
 
 export const mapSearchFailed = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
-): SearchResult => (mapSearch(triggerName, payload));
+): SearchResult => ({
+    app_events: AppEvents.search,
+    event_trigger: triggerName,
+    track_event_type: TrackEventType.ACTIVITY,
+    search_keyword: payload.search,
+});

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapSearchSuccess.ts

@@ -1,8 +1,13 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
 import { Payload, SearchResult } from '../types';
-import { mapSearch } from './mapSearch';
+import { AppEvents, TrackEventType } from '../constants';
 
 export const mapSearchSuccess = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
-): SearchResult => (mapSearch(triggerName, payload));
+): SearchResult => ({
+    app_events: AppEvents.search,
+    event_trigger: triggerName,
+    track_event_type: TrackEventType.ACTIVITY,
+    search_keyword: payload.search,
+});

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapVideoPause.ts

@@ -1,15 +1,30 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { Payload, VideoResult } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-import { mapMediaPayload } from './helper';
+import { AppEvents, HUNDRED_PERCENT, TrackEventType } from '../constants';
 
 export const mapVideoPause = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
-): VideoResult => ({
-    app_events: AppEvents.playback_pause,
-    event_trigger: triggerName,
-    track_event_type: TrackEventType.ACTIVITY,
-    video_event: AppEvents.playback_pause,
-    ...(mapMediaPayload(payload)),
-});
+): VideoResult => {
+    const { asset, duration = 0 } = payload;
+    const progressPercent = Number(triggerName.split('_')[1]);
+    const assetDuration = duration / SECOND_IN_MS || asset?.duration || 0;
+    const progressInSeconds = Math.round((assetDuration * progressPercent) / HUNDRED_PERCENT);
+    return {
+        app_events: AppEvents.playback_pause,
+        event_trigger: triggerName,
+        track_event_type: TrackEventType.ACTIVITY,
+        video_name: asset?.label || '',
+        video_length: assetDuration,
+        video_event: AppEvents.playback_pause,
+        video_position: progressInSeconds,
+        media_type: 'vod',
+        canonical_url: '',
+        video_series_title: '',
+        byline: 'N/A',
+        pub_date: asset?.year || '',
+        article_uid: '',
+        tags: '',
+    };
+};

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapVideoProgress.ts

@@ -1,18 +1,30 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { Payload, VideoResult } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-import { mapMediaPayload } from './helper';
+import { AppEvents, HUNDRED_PERCENT, TrackEventType } from '../constants';
 
 export const mapVideoProgress = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
 ): VideoResult => {
-    const appEvent = AppEvents[triggerName.toLowerCase()];
+    const { asset, duration = 0 } = payload;
+    const progressPercent = Number(triggerName.split('_')[1]);
+    const assetDuration = duration / SECOND_IN_MS || asset?.duration || 0;
+    const progressInSeconds = Math.round((assetDuration * progressPercent) / HUNDRED_PERCENT);
     return {
-        app_events: appEvent,
+        app_events: AppEvents.playback_10,
         event_trigger: triggerName,
         track_event_type: TrackEventType.ACTIVITY,
-        video_event: appEvent,
-        ...(mapMediaPayload(payload)),
+        video_name: asset?.label || '',
+        video_length: assetDuration,
+        video_event: AppEvents.playback_10,
+        video_position: progressInSeconds,
+        media_type: 'vod',
+        canonical_url: '',
+        video_series_title: '',
+        byline: 'N/A',
+        pub_date: asset?.year || '',
+        article_uid: '',
+        tags: '',
     };
 };

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapVideoResume.ts

@@ -1,15 +1,30 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { Payload, VideoResult } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-import { mapMediaPayload } from './helper';
+import { AppEvents, HUNDRED_PERCENT, TrackEventType } from '../constants';
 
 export const mapVideoResume = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
-): VideoResult => ({
-    app_events: AppEvents.unpause,
-    event_trigger: triggerName,
-    track_event_type: TrackEventType.ACTIVITY,
-    video_event: AppEvents.unpause,
-    ...(mapMediaPayload(payload)),
-});
+): VideoResult => {
+    const { asset, duration = 0 } = payload;
+    const progressPercent = Number(triggerName.split('_')[1]);
+    const assetDuration = duration / SECOND_IN_MS || asset?.duration || 0;
+    const progressInSeconds = Math.round((assetDuration * progressPercent) / HUNDRED_PERCENT);
+    return {
+        app_events: AppEvents.playback_pause,
+        event_trigger: triggerName,
+        track_event_type: TrackEventType.ACTIVITY,
+        video_name: asset?.label || '',
+        video_length: assetDuration,
+        video_event: AppEvents.playback_pause,
+        video_position: progressInSeconds,
+        media_type: 'vod',
+        canonical_url: '',
+        video_series_title: '',
+        byline: 'N/A',
+        pub_date: asset?.year || '',
+        article_uid: '',
+        tags: '',
+    };
+};

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapVideoStart.ts

@@ -1,15 +1,30 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { Payload, VideoResult } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-import { mapMediaPayload } from './helper';
+import { AppEvents, HUNDRED_PERCENT, TrackEventType } from '../constants';
 
 export const mapVideoStart = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
-): VideoResult => ({
-    app_events: AppEvents.playback_start,
-    event_trigger: triggerName,
-    track_event_type: TrackEventType.ACTIVITY,
-    video_event: AppEvents.playback_start,
-    ...(mapMediaPayload(payload)),
-});
+): VideoResult => {
+    const { asset, duration = 0 } = payload;
+    const progressPercent = Number(triggerName.split('_')[1]);
+    const assetDuration = duration / SECOND_IN_MS || asset?.duration || 0;
+    const progressInSeconds = Math.round((assetDuration * progressPercent) / HUNDRED_PERCENT);
+    return {
+        app_events: AppEvents.playback_start,
+        event_trigger: triggerName,
+        track_event_type: TrackEventType.ACTIVITY,
+        video_name: asset?.label || '',
+        video_length: assetDuration,
+        video_event: AppEvents.playback_start,
+        video_position: progressInSeconds,
+        media_type: 'vod',
+        canonical_url: '',
+        video_series_title: '',
+        byline: 'N/A',
+        pub_date: asset?.year || '',
+        article_uid: '',
+        tags: '',
+    };
+};

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapVideoStop.ts

@@ -1,15 +1,30 @@
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { Payload, VideoResult } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-import { mapMediaPayload } from './helper';
+import { AppEvents, HUNDRED_PERCENT, TrackEventType } from '../constants';
 
 export const mapVideoStop = (
     triggerName: AnalyticsTriggers,
     payload: Payload,
-): VideoResult => ({
-    app_events: AppEvents.playback_stop,
-    event_trigger: triggerName,
-    track_event_type: TrackEventType.ACTIVITY,
-    video_event: AppEvents.playback_stop,
-    ...(mapMediaPayload(payload)),
-});
+): VideoResult => {
+    const { asset, duration = 0 } = payload;
+    const progressPercent = Number(triggerName.split('_')[1]);
+    const assetDuration = duration / SECOND_IN_MS || asset?.duration || 0;
+    const progressInSeconds = Math.round((assetDuration * progressPercent) / HUNDRED_PERCENT);
+    return {
+        app_events: AppEvents.playback_stop,
+        event_trigger: triggerName,
+        track_event_type: TrackEventType.ACTIVITY,
+        video_name: asset?.label || '',
+        video_length: assetDuration,
+        video_event: AppEvents.playback_stop,
+        video_position: progressInSeconds,
+        media_type: 'vod',
+        canonical_url: '',
+        video_series_title: '',
+        byline: 'N/A',
+        pub_date: asset?.year || '',
+        article_uid: '',
+        tags: '',
+    };
+};

package/packages/analytics/src/clients/TealiumAnalytics/types.ts

@@ -1,16 +1,7 @@
+import { Asset } from '@24i/smartapps-datalayer/models';
 import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
 import type { AnyPayload, UserInfo, AppInfo } from '../../interface';
 
-export interface UtagWindow {
-    utag_cfg_ovrd?: {
-        noview: boolean;
-    };
-    utag_data?: {};
-    utag?: {
-        track: (eventName: string, payload?: AnyPayload) => {};
-    }
-}
-
 export type TealiumAnalyticsOptions = {
     account: string, // e.g: 'bbg'
     profile: string, // e.g: 'main'
@@ -29,21 +20,20 @@ export type TealiumAnalyticsConfiguration = {
     options: TealiumAnalyticsOptions,
 };
 
-export interface CorePayload {
-    app_id: string;
-    app_type: string;
-    message?: string;
+interface ScreenParams {
+    screen: string;
+    screenName: string;
+    id: string;
+    asset: Asset;
 }
-export interface MediaPayload {
-    title: string;
-    externalId: string;
-    contentType: string;
-    currentTime: number;
-    duration: number;
-    percent: number;
-    assetId: string;
-    provider: string,
-    url: string;
+export interface CorePayload {
+    timestamp?: number;
+    params?: ScreenParams;
+    asset?: Asset;
+    source?: string;
+    duration?: number;
+    id?: string;
+    percentOfPlayback?: number;
 }
 
 export interface SessionInfo {
@@ -66,17 +56,10 @@ export interface SceneInfo {
 }
 
 export interface SearchInfo {
-    searchTerm?: string,
-    searchSuccess?: boolean,
+    search: string,
 }
 
-export type Payload = CorePayload &
-SceneInfo &
-SessionInfo &
-MediaPayload &
-UserInfo &
-AppInfo &
-SearchInfo;
+export type Payload = CorePayload & SceneInfo & SessionInfo & UserInfo & AppInfo & SearchInfo;
 
 export type EventBody = AnyPayload;
 
@@ -102,8 +85,6 @@ export type CoreResult = {
     event_trigger: string,
     track_event_type: string,
     app_events?: string,
-    video_event?: string,
-    message?: string,
 };
 
 export type SceneViewResult = CoreResult & {
@@ -113,21 +94,20 @@ export type SceneViewResult = CoreResult & {
     categories: string,
 };
 
-export type MediaResult = {
+export type VideoResult = CoreResult & {
     video_name: string,
     video_length: number,
+    video_event: string,
     video_position: number,
     media_type: string,
     canonical_url: string,
-    video_series_title?: string,
-    byline?: string,
-    pub_date?: string,
-    article_uid?: string,
-    tags?: string,
+    video_series_title: string,
+    byline: string,
+    pub_date: string,
+    article_uid: string,
+    tags: string,
 };
 
-export type VideoResult = CoreResult & MediaResult;
-
 export type PlayerOpenResult = CoreResult & {
     thing_id: string;
     source_page: string;
@@ -137,3 +117,6 @@ export type PlayerOpenResult = CoreResult & {
 export type SearchResult = CoreResult & {
     search_keyword?: string;
 };
+
+export type VideoStopResult = VideoResult;
+export type PlayerCloseResult = VideoResult;

package/packages/driver-base/src/DeviceBase.ts

@@ -1,5 +1,4 @@
 import { Storage } from '@24i/bigscreen-sdk/storage';
-import { config } from '@24i/bigscreen-sdk/runtime-config';
 import { generateUuid } from '@24i/bigscreen-sdk/utils/generateUuid';
 import { EventsManager, IEvents, EventMapType } from '@24i/bigscreen-sdk/events-manager';
 import { isRtl } from '@24i/bigscreen-sdk/i18n';
@@ -17,10 +16,6 @@ import { LEFT, RIGHT, UP, DOWN, ENTER, BACK, ESC } from './KeyMap';
 
 export const STORAGE_UUID_KEY = '__UUID__';
 
-const DEFAULT_POLLING_INTERVAL = 15000;
-
-const CHECKED_URL = '//www.google-analytics.com/__utm.gif';
-
 export abstract class DeviceBase<
     CustomEventMap extends EventMapType = {},
     EventMap extends EventMapType = DeviceEventMap & CustomEventMap,
@@ -46,10 +41,6 @@ export abstract class DeviceBase<
 
     screenSize: ScreenSize = 'unknown';
 
-    pollingInterval: number = DEFAULT_POLLING_INTERVAL;
-
-    isOffline: boolean = false;
-
     // MARK: Initialization
 
     /**
@@ -61,7 +52,6 @@ export abstract class DeviceBase<
         if (!this.isInitialized) {
             this.bindPreventDefaultEvents(rootElement);
             const initializer = await this.internalInit();
-            this.checkNetworkConnection();
             this.isInitialized = true;
             return initializer;
         }
@@ -81,40 +71,6 @@ export abstract class DeviceBase<
         return this.initializer;
     }
 
-    doOnlineCheck = () => {
-        const protocol = window.location.protocol === 'http:' ? 'http:' : 'https:';
-        const tester = new Image();
-        tester.onload = this.connectionFound;
-        tester.onerror = this.connectionNotFound;
-        tester.src = `${protocol}${CHECKED_URL}?ts=${Date.now()}`;
-    };
-
-    connectionFound = () => {
-        if (!this.isOffline) return;
-        this.triggerEvent('networkchange',
-            { isConnected: true } as any);
-        this.isOffline = false;
-    };
-
-    connectionNotFound = () => {
-        if (this.isOffline) return;
-        this.triggerEvent('networkchange',
-            { isConnected: false } as any);
-        this.isOffline = true;
-    };
-
-    checkNetworkConnection() {
-        const networkConfig: any = config.get('network.checkConnection');
-        this.pollingInterval = Number(networkConfig?.pollingInterval);
-        const enableCheckNetwork: any = Boolean(networkConfig?.enableCheckNetwork) ?? false;
-        if (enableCheckNetwork) {
-            window.setInterval(
-                this.doOnlineCheck,
-                this.pollingInterval || DEFAULT_POLLING_INTERVAL,
-            );
-        }
-    }
-
     // MARK: Interface implemented by individual platform-specific drivers
 
     abstract initDevice(): Promise<void>;

package/packages/player-ui/src/PauseButton.tsx

@@ -8,8 +8,6 @@ type Props = PlayerUICommonProps;
 export class PauseButton extends Component<Props> implements IFocusable {
     button = createRef<PlayerInteractable>();
 
-    isPaused = false;
-
     static defaultProps = {
         className: '',
     };
@@ -33,16 +31,10 @@ export class PauseButton extends Component<Props> implements IFocusable {
 
     onPlaying = () => {
         this.button.current!.show();
-        if (this.isPaused) {
-            const { ui } = this.props;
-            ui.getPlayer().triggerEvent('unpause');
-        }
-        this.isPaused = false;
     };
 
     onPause = () => {
         this.button.current!.hide();
-        this.isPaused = true;
     };
 
     focus(options?: FocusOptions) {

package/packages/router/src/utils.ts

@@ -6,7 +6,7 @@ export const isPathVisible = (hash: string, regexpPath?: RegExp) => (
 
 export const getCurrentHash = () => window.location.href.split('#')[1] || '';
 
-const PARAM = '([a-zA-Z0-9+-=.:%_()\\[\\]{}]+)';
+const PARAM = '([a-zA-Z0-9-=.:%_()\\[\\]{}]+)';
 
 export const pathToRegExp = (path: string) => {
     const regexpParts: string[] = [];

package/packages/analytics/src/clients/TealiumAnalytics/mappers/__mocks__/mediaPayload.ts

@@ -1,40 +0,0 @@
-import { Payload } from '../../types';
-
-export const MEDIA_PAYLOAD: Payload = {
-    duration: 120,
-    currentTime: 60,
-    title: 'Test Video',
-    url: 'https://example.com/video',
-    contentType: 'video/mp4',
-    externalId: '',
-    percent: 2,
-    provider: 'provider',
-    assetId: '12345',
-    app_id: 'app_id',
-    app_type: 'app_type',
-    sceneName: '',
-    sceneId: '',
-    sceneType: '',
-    sessionId: 1,
-    sessionNumber: 1,
-    userId: '10',
-    userProfileId: 'a1',
-    applicationId: 'app',
-    appVersion: 'v1.0',
-    deviceId: 'ott',
-    deviceType: 'smarttv',
-    searchTerm: '',
-};
-
-export const TEALIUM_MEDIA_PAYLOAD = {
-    article_uid: '12345',
-    byline: 'N/A',
-    canonical_url: 'https://example.com/video',
-    media_type: 'video/mp4',
-    pub_date: '',
-    tags: '',
-    video_length: 120,
-    video_name: 'Test Video',
-    video_position: 60,
-    video_series_title: '',
-};

package/packages/analytics/src/clients/TealiumAnalytics/mappers/helper.ts

@@ -1,21 +0,0 @@
-import { Payload, MediaResult } from '../types';
-
-export const mapMediaPayload = (
-    payload: Payload,
-): MediaResult => {
-    const {
-        duration, currentTime, title, url, contentType, assetId,
-    } = payload;
-    return {
-        video_name: title || '',
-        video_length: duration,
-        video_position: currentTime,
-        media_type: contentType,
-        canonical_url: url,
-        video_series_title: '',
-        byline: 'N/A',
-        pub_date: '',
-        article_uid: assetId,
-        tags: '',
-    };
-};

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapAppError.ts

@@ -1,14 +0,0 @@
-import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
-import { CoreResult, Payload } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-
-export const mapAppError = (
-    triggerName: AnalyticsTriggers,
-    payload: Payload,
-): CoreResult => ({
-    app_events: AppEvents.app_error,
-    event_trigger: triggerName,
-    track_event_type: TrackEventType.ACTIVITY,
-    video_event: AppEvents.app_error,
-    message: payload.message,
-});

package/packages/analytics/src/clients/TealiumAnalytics/mappers/mapSearch.ts

@@ -1,18 +0,0 @@
-import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
-import { Payload, SearchResult } from '../types';
-import { AppEvents, TrackEventType } from '../constants';
-
-export const mapSearch = (
-    triggerName: AnalyticsTriggers,
-    payload: Payload,
-): SearchResult => {
-    const searchEventName = payload.searchSuccess
-        ? AnalyticsTriggers.SEARCH_SUCCESS
-        : AnalyticsTriggers.SEARCH_FAILED;
-    return {
-        app_events: AppEvents[searchEventName],
-        event_trigger: searchEventName,
-        track_event_type: TrackEventType.ACTIVITY,
-        search_keyword: payload.searchTerm,
-    };
-};