@24i/bigscreen-sdk 1.0.34-alpha.2563 → 1.0.34-alpha.2566

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.34-alpha.2563",
+    "version": "1.0.34-alpha.2566",
     "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.19",
+        "@24i/appstage-shared-analytics": "1.0.20-alpha.70",
         "@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,7 +14,7 @@ import type { AnalyticsClient, AnyPayload } from '../../interface';
 import type {
     BaseResult,
     Payload,
-    TealiumAnalyticsConfiguration,
+    TealiumAnalyticsOptions,
     UtagWindow,
 } from './types';
 
@@ -49,7 +49,7 @@ export class TealiumAnalytics implements AnalyticsClient {
 
     sessionStartSent = false;
 
-    constructor(private config: TealiumAnalyticsConfiguration, private appVersion: string = '') {
+    constructor(private config: TealiumAnalyticsOptions, private appVersion: string = '') {
         this.init();
     }
 
@@ -62,7 +62,7 @@ export class TealiumAnalytics implements AnalyticsClient {
     }
 
     prepareDatasetPayload() {
-        const { entity, language } = this.config.options;
+        const { entity, language } = this.config;
         this.constantPayload = {
             language,
             language_service: `${entity} ${language}`,
@@ -94,7 +94,7 @@ export class TealiumAnalytics implements AnalyticsClient {
     }
 
     loadScript() {
-        const { account, profile, environment } = this.config.options;
+        const { account, profile, environment } = this.config;
         const url = `//tags.tiqcdn.com/utag/${account}/${profile}/${environment}/utag.js`;
 
         const script = document.createElement('script');

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

@@ -24,6 +24,7 @@ export const TEALIUM_TRIGGERS = [
     AnalyticsTriggers.PLAYBACK_50,
     AnalyticsTriggers.PLAYBACK_90,
     AnalyticsTriggers.PLAYBACK_PAUSE,
+    AnalyticsTriggers.PLAYBACK_UNPAUSE,
     AnalyticsTriggers.PLAYBACK_START,
     AnalyticsTriggers.PLAYBACK_STOP,
 
@@ -36,7 +37,8 @@ export const TEALIUM_TRIGGERS = [
     AnalyticsTriggers.FAVORITE_REMOVE,
 
     AnalyticsTriggers.SELECT_CONTENT,
-    'playback_unpause',
+    AnalyticsTriggers.SEARCH_SUCCESS,
+    AnalyticsTriggers.SEARCH_FAILED,
 ];
 
 export const AppEvents: { [key: string]: string } = {
@@ -45,6 +47,7 @@ export const AppEvents: { [key: string]: string } = {
     [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',
@@ -52,7 +55,8 @@ export const AppEvents: { [key: string]: string } = {
     [AnalyticsTriggers.FAVORITE_REMOVE]: 'subscribe_to_fav',
     [AnalyticsTriggers.APP_ERROR]: 'app_events',
     [AnalyticsTriggers.SELECT_CONTENT]: 'app_events',
-    [AnalyticsTriggers.SEARCH]: 'search_success',
+    [AnalyticsTriggers.SEARCH_SUCCESS]: 'search_success',
+    [AnalyticsTriggers.SEARCH_FAILED]: 'search_fail',
     unpause: 'video_resume',
 };
 
@@ -69,6 +73,7 @@ export enum EVENTS {
     SEARCH_FAILED = 'search_failed',
     FAVORITE_ADD = 'favorite_add',
     FAVORITE_REMOVE = 'favorite_remove',
+    APP_ERROR = 'app_error',
 }
 
 export enum TrackEventType {
@@ -82,11 +87,13 @@ 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,2 +1,3 @@
 export { TealiumAnalytics } from './TealiumAnalytics';
 export { TEALIUM_TRIGGERS } from './constants';
+export { TealiumAnalyticsOptions, TealiumAnalyticsConfiguration } from './types';

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

@@ -14,6 +14,7 @@ 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,
@@ -28,4 +29,5 @@ 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/__mocks__/mediaPayload.ts

@@ -23,7 +23,7 @@ export const MEDIA_PAYLOAD: Payload = {
     appVersion: 'v1.0',
     deviceId: 'ott',
     deviceType: 'smarttv',
-    search: '',
+    searchTerm: '',
 };
 
 export const TEALIUM_MEDIA_PAYLOAD = {

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,18 @@
+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,
+    };
+};

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

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

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

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

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

@@ -32,6 +32,7 @@ export type TealiumAnalyticsConfiguration = {
 export interface CorePayload {
     app_id: string;
     app_type: string;
+    message?: string;
 }
 export interface MediaPayload {
     title: string;
@@ -65,7 +66,8 @@ export interface SceneInfo {
 }
 
 export interface SearchInfo {
-    search?: string,
+    searchTerm?: string,
+    searchSuccess?: boolean,
 }
 
 export type Payload = CorePayload &
@@ -101,6 +103,7 @@ export type CoreResult = {
     track_event_type: string,
     app_events?: string,
     video_event?: string,
+    message?: string,
 };
 
 export type SceneViewResult = CoreResult & {

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

@@ -8,6 +8,8 @@ type Props = PlayerUICommonProps;
 export class PauseButton extends Component<Props> implements IFocusable {
     button = createRef<PlayerInteractable>();
 
+    isPaused = false;
+
     static defaultProps = {
         className: '',
     };
@@ -31,10 +33,16 @@ 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) {