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

package/.vscode/settings.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.33",
+    "version": "1.0.34-alpha.2563",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {
@@ -90,6 +90,7 @@
         "./analytics/interface": "./packages/analytics/src/interface.ts",
         "./analytics/ConsoleAnalytics": "./packages/analytics/src/clients/ConsoleAnalytics/index.ts",
         "./analytics/GoogleAnalytics": "./packages/analytics/src/clients/GoogleAnalytics/index.ts",
+        "./analytics/TealiumAnalytics": "./packages/analytics/src/clients/TealiumAnalytics/index.ts",
         "./analytics/TwentyFourIQ": "./packages/analytics/src/clients/TwentyFourIQ/index.ts",
         "./analytics": "./packages/analytics/src/index.ts",
         "./animations/mock": "./packages/animations/src/__mocks__/JSAnimations.ts",

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

@@ -9,7 +9,7 @@ import type { AnalyticsClient, AnalyticsEventsMap, SceneInfo } from '../../inter
 import { mapEventParamsToUrlParams, mapPayload } from './mapPayload';
 import { prepareBody } from './prepareBody';
 import { getUrl } from './getUrl';
-import { generateSessionId } from './generateSessionId';
+import { generateSessionId } from '../../utils/generateSessionId';
 import { GOOGLE_ANALYTICS_TRIGGERS, TRIGGER_NAME_TO_GA_EVENTS } from './constants';
 import {
     GAEventsNames,

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

@@ -0,0 +1,161 @@
+import { Storage } from '@24i/bigscreen-sdk/storage';
+import { MINUTE_IN_MS } from '@24i/bigscreen-sdk/utils/timeConstants';
+import { createTimeout } from '@24i/bigscreen-sdk/utils/timers';
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import {
+    BIGSCREEN_APP_TYPE,
+    BIGSCREEN_OTT_TYPE,
+    BIGSCREEN_PLATFORM_SHORT,
+    BIGSCREEN_PLATFORM_TYPE,
+    TRIGGER_NAME_TO_TEALIUM_EVENTS,
+} from './constants';
+import { EVENTS_MAPPING } from './interface';
+import type { AnalyticsClient, AnyPayload } from '../../interface';
+import type {
+    BaseResult,
+    Payload,
+    TealiumAnalyticsConfiguration,
+    UtagWindow,
+} from './types';
+
+declare const window: Window & UtagWindow;
+
+// eslint-disable-next-line no-magic-numbers
+const SESSION_TIMEOUT = 30 * MINUTE_IN_MS;
+
+const TEALIUM_SESSION_COUNTER = 'tealium_session_counter';
+
+const DEFAULT_PAYLOAD = {
+    language: '',
+    language_service: '',
+    entity: '',
+    property_id: '',
+    short_language_service: '',
+    platform_short: BIGSCREEN_PLATFORM_SHORT,
+    platform_type: BIGSCREEN_PLATFORM_TYPE,
+    app_type: BIGSCREEN_APP_TYPE,
+    ott_type: BIGSCREEN_OTT_TYPE,
+    app_id: '',
+};
+
+export class TealiumAnalytics implements AnalyticsClient {
+    name = 'TealiumAnalytics';
+
+    constantPayload: BaseResult = DEFAULT_PAYLOAD;
+
+    sessionTimeout = createTimeout();
+
+    isSessionActive = false;
+
+    sessionStartSent = false;
+
+    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 = {};
+        this.loadScript();
+        this.prepareDatasetPayload();
+    }
+
+    prepareDatasetPayload() {
+        const { entity, language } = this.config.options;
+        this.constantPayload = {
+            language,
+            language_service: `${entity} ${language}`,
+            entity,
+            property_id: '',
+            short_language_service: language,
+            platform_short: BIGSCREEN_PLATFORM_SHORT,
+            platform_type: BIGSCREEN_PLATFORM_TYPE,
+            app_type: BIGSCREEN_APP_TYPE,
+            ott_type: BIGSCREEN_OTT_TYPE,
+            app_id: `${entity} ${language} ${this.appVersion}`,
+        };
+    }
+
+    async startSession() {
+        const sessionNumber = parseInt(
+            await Storage.getItem(TEALIUM_SESSION_COUNTER) ?? '0', 10,
+        ) + 1;
+        await Storage.setItem(TEALIUM_SESSION_COUNTER, sessionNumber.toString());
+        this.isSessionActive = true;
+        this.setSessionTimeout();
+    }
+
+    setSessionTimeout() {
+        this.sessionTimeout.set(() => {
+            this.isSessionActive = false;
+            this.sessionStartSent = false;
+        }, SESSION_TIMEOUT);
+    }
+
+    loadScript() {
+        const { account, profile, environment } = this.config.options;
+        const url = `//tags.tiqcdn.com/utag/${account}/${profile}/${environment}/utag.js`;
+
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.async = true;
+        script.src = url;
+        script.addEventListener('load', async () => {
+            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);
+        }
+    }
+
+    track(tealiumEvent: string, payload?: AnyPayload) {
+        if (window.utag === undefined) {
+            console.warn('Tealium is not available');
+            return;
+        }
+        window.utag_data = this.constantPayload;
+        window.utag!.track(tealiumEvent, payload);
+    }
+
+    view(payload?: AnyPayload) {
+        this.track('view', payload);
+    }
+
+    link(payload?: AnyPayload) {
+        this.track('link', payload);
+    }
+
+    async onEvent(triggerName: AnalyticsTriggers, payload: AnyPayload): Promise<void> {
+        const events = TRIGGER_NAME_TO_TEALIUM_EVENTS[triggerName];
+        if (this.isSessionActive) {
+            this.setSessionTimeout();
+        } else {
+            await this.startSession();
+        }
+        if (!events) return;
+        await Promise.all(
+            events.map(async (event) => {
+                const mappingFunction = EVENTS_MAPPING[event];
+                try {
+                    const eventBody = mappingFunction?.(triggerName, {
+                        ...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);
+                    }
+                } catch (e) {
+                    console.warn(`[${this.name}] Error onEvent: `, e);
+                }
+            }),
+        );
+    }
+}

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

@@ -0,0 +1,95 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+
+export const BIGSCREEN_OTT_TYPE = 'SmartTV';
+
+export const BIGSCREEN_APP_TYPE = 'HTML5';
+
+export const BIGSCREEN_PLATFORM_SHORT = 'o';
+
+export const BIGSCREEN_PLATFORM_TYPE = 'ott';
+
+export const TEALIUM_TRIGGERS = [
+    // App
+    AnalyticsTriggers.APP_CLOSE,
+    AnalyticsTriggers.APP_ERROR,
+
+    // Scenes
+    AnalyticsTriggers.SCENE_VIEW,
+
+    // Search
+    AnalyticsTriggers.SEARCH,
+
+    // Playback
+    AnalyticsTriggers.PLAYBACK_10,
+    AnalyticsTriggers.PLAYBACK_50,
+    AnalyticsTriggers.PLAYBACK_90,
+    AnalyticsTriggers.PLAYBACK_PAUSE,
+    AnalyticsTriggers.PLAYBACK_START,
+    AnalyticsTriggers.PLAYBACK_STOP,
+
+    // Player
+    AnalyticsTriggers.PLAYER_CLOSE,
+    AnalyticsTriggers.PLAYER_OPEN,
+
+    // Favorites
+    AnalyticsTriggers.FAVORITE_ADD,
+    AnalyticsTriggers.FAVORITE_REMOVE,
+
+    AnalyticsTriggers.SELECT_CONTENT,
+    'playback_unpause',
+];
+
+export const AppEvents: { [key: string]: string } = {
+    [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_START]: 'video_play',
+    [AnalyticsTriggers.PLAYER_OPEN]: 'player_x',
+    [AnalyticsTriggers.PLAYER_CLOSE]: 'player_x',
+    [AnalyticsTriggers.FAVORITE_ADD]: 'subscribe_to_fav',
+    [AnalyticsTriggers.FAVORITE_REMOVE]: 'subscribe_to_fav',
+    [AnalyticsTriggers.APP_ERROR]: 'app_events',
+    [AnalyticsTriggers.SELECT_CONTENT]: 'app_events',
+    [AnalyticsTriggers.SEARCH]: 'search_success',
+    unpause: 'video_resume',
+};
+
+export enum EVENTS {
+    SCENE_VIEW = 'scene_view',
+    VIDEO_PROGRESS = 'video_progress',
+    VIDEO_START = 'video_start',
+    VIDEO_STOP = 'video_stop',
+    VIDEO_PAUSE = 'video_pause',
+    VIDEO_UNPAUSE = 'video_unpause',
+    PLAYER_CLOSE = 'player_close',
+    PLAYER_OPEN = 'player_open',
+    SEARCH_SUCCESS = 'search_success',
+    SEARCH_FAILED = 'search_failed',
+    FAVORITE_ADD = 'favorite_add',
+    FAVORITE_REMOVE = 'favorite_remove',
+}
+
+export enum TrackEventType {
+    VIEW = 'view',
+    ACTIVITY = 'activity',
+}
+
+export const TRIGGER_NAME_TO_TEALIUM_EVENTS: { [K in AnalyticsTriggers]?: EVENTS[]; } = {
+    [AnalyticsTriggers.SCENE_VIEW]: [EVENTS.SCENE_VIEW],
+    [AnalyticsTriggers.PLAYBACK_10]: [EVENTS.VIDEO_PROGRESS],
+    [AnalyticsTriggers.PLAYBACK_50]: [EVENTS.VIDEO_PROGRESS],
+    [AnalyticsTriggers.PLAYBACK_90]: [EVENTS.VIDEO_PROGRESS],
+    [AnalyticsTriggers.PLAYBACK_PAUSE]: [EVENTS.VIDEO_PAUSE],
+    [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.FAVORITE_ADD]: [EVENTS.FAVORITE_ADD],
+    [AnalyticsTriggers.FAVORITE_REMOVE]: [EVENTS.FAVORITE_REMOVE],
+    [AnalyticsTriggers.SEARCH]: [EVENTS.SEARCH_SUCCESS, EVENTS.SEARCH_FAILED],
+};
+
+export const HUNDRED_PERCENT = 100;

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

@@ -0,0 +1,2 @@
+export { TealiumAnalytics } from './TealiumAnalytics';
+export { TEALIUM_TRIGGERS } from './constants';

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

@@ -0,0 +1,31 @@
+import {
+    EVENTS,
+} from './constants';
+import { mapSceneView } from './mappers/mapSceneView';
+import { mapVideoProgress } from './mappers/mapVideoProgress';
+import { mapVideoStop } from './mappers/mapVideoStop';
+import { mapPlayerOpen } from './mappers/mapPlayerOpen';
+import { mapPlayerClose } from './mappers/mapPlayerClose';
+import { mapVideoStart } from './mappers/mapVideoStart';
+import { mapVideoPause } from './mappers/mapVideoPause';
+import { mapFavoriteAdd } from './mappers/mapFavoriteAdd';
+import { mapFavoriteRemove } from './mappers/mapFavoriteRemove';
+import { mapVideoResume } from './mappers/mapVideoResume';
+import { mapSearchSuccess } from './mappers/mapSearchSuccess';
+import { mapSearchFailed } from './mappers/mapSearchFailed';
+import { EventMappingFunction } from './types';
+
+export const EVENTS_MAPPING: Record<EVENTS, EventMappingFunction> = {
+    [EVENTS.SCENE_VIEW]: mapSceneView,
+    [EVENTS.PLAYER_OPEN]: mapPlayerOpen,
+    [EVENTS.PLAYER_CLOSE]: mapPlayerClose,
+    [EVENTS.VIDEO_START]: mapVideoStart,
+    [EVENTS.VIDEO_STOP]: mapVideoStop,
+    [EVENTS.VIDEO_PROGRESS]: mapVideoProgress,
+    [EVENTS.VIDEO_PAUSE]: mapVideoPause,
+    [EVENTS.FAVORITE_ADD]: mapFavoriteAdd,
+    [EVENTS.FAVORITE_REMOVE]: mapFavoriteRemove,
+    [EVENTS.VIDEO_UNPAUSE]: mapVideoResume,
+    [EVENTS.SEARCH_SUCCESS]: mapSearchSuccess,
+    [EVENTS.SEARCH_FAILED]: mapSearchFailed,
+};

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

@@ -0,0 +1,40 @@
+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',
+    search: '',
+};
+
+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

@@ -0,0 +1,21 @@
+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/mapFavoriteAdd.ts

@@ -0,0 +1,11 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { CoreResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+
+export const mapFavoriteAdd = (
+    triggerName: AnalyticsTriggers,
+): CoreResult => ({
+    app_events: AppEvents.favorite_add,
+    event_trigger: triggerName,
+    track_event_type: TrackEventType.ACTIVITY,
+});

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

@@ -0,0 +1,11 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { CoreResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+
+export const mapFavoriteRemove = (
+    triggerName: AnalyticsTriggers,
+): CoreResult => ({
+    app_events: AppEvents.favorite_remove,
+    event_trigger: triggerName,
+    track_event_type: TrackEventType.ACTIVITY,
+});

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

@@ -0,0 +1,15 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, VideoResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+import { mapMediaPayload } from './helper';
+
+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)),
+});

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

@@ -0,0 +1,15 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, VideoResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+import { mapMediaPayload } from './helper';
+
+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)),
+});

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

@@ -0,0 +1,15 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, SceneViewResult } from '../types';
+import { TrackEventType } from '../constants';
+
+export const mapSceneView = (
+    triggerName: AnalyticsTriggers,
+    payload: Payload,
+): SceneViewResult | undefined => ({
+    event_trigger: AnalyticsTriggers.SCENE_VIEW,
+    track_event_type: TrackEventType.VIEW,
+    page_title: payload.sceneType || '',
+    content_type: payload.sceneType || '',
+    section: payload.sceneType || '',
+    categories: payload.sceneName,
+});

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

@@ -0,0 +1,13 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, SearchResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+
+export const mapSearchFailed = (
+    triggerName: AnalyticsTriggers,
+    payload: 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

@@ -0,0 +1,13 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, SearchResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+
+export const mapSearchSuccess = (
+    triggerName: AnalyticsTriggers,
+    payload: 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

@@ -0,0 +1,15 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, VideoResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+import { mapMediaPayload } from './helper';
+
+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)),
+});

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

@@ -0,0 +1,18 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, VideoResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+import { mapMediaPayload } from './helper';
+
+export const mapVideoProgress = (
+    triggerName: AnalyticsTriggers,
+    payload: Payload,
+): VideoResult => {
+    const appEvent = AppEvents[triggerName.toLowerCase()];
+    return {
+        app_events: appEvent,
+        event_trigger: triggerName,
+        track_event_type: TrackEventType.ACTIVITY,
+        video_event: appEvent,
+        ...(mapMediaPayload(payload)),
+    };
+};

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

@@ -0,0 +1,15 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, VideoResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+import { mapMediaPayload } from './helper';
+
+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)),
+});

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

@@ -0,0 +1,15 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, VideoResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+import { mapMediaPayload } from './helper';
+
+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)),
+});

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

@@ -0,0 +1,15 @@
+import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
+import { Payload, VideoResult } from '../types';
+import { AppEvents, TrackEventType } from '../constants';
+import { mapMediaPayload } from './helper';
+
+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)),
+});

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

@@ -0,0 +1,136 @@
+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'
+    environment: string, // e.g: 'dev'
+    app_type: string, // e.g. 'HTML5' for bigscreen
+    entity: string, // e.g: 'rfe'
+    language: string, // e.g: 'russian'
+    short_language_service: string, // e.g: 'rus'
+    property_id: number, // e.g: 414
+};
+
+export type TealiumAnalyticsConfiguration = {
+    name: string, // Telium
+    baseURL: string, // e.g: 'https://collect.tealiumiq.com/event',
+    enabled: boolean,
+    options: TealiumAnalyticsOptions,
+};
+
+export interface CorePayload {
+    app_id: string;
+    app_type: string;
+}
+export interface MediaPayload {
+    title: string;
+    externalId: string;
+    contentType: string;
+    currentTime: number;
+    duration: number;
+    percent: number;
+    assetId: string;
+    provider: string,
+    url: string;
+}
+
+export interface SessionInfo {
+    sessionId: number;
+    sessionNumber: number;
+}
+
+export interface DeviceInfo {
+    appVersion: string,
+    manufacturer: string,
+    platform: string,
+    platformVersion: string,
+    deviceId: string,
+}
+
+export interface SceneInfo {
+    sceneName: string,
+    sceneId: string,
+    sceneType?: string,
+}
+
+export interface SearchInfo {
+    search?: string,
+}
+
+export type Payload = CorePayload &
+SceneInfo &
+SessionInfo &
+MediaPayload &
+UserInfo &
+AppInfo &
+SearchInfo;
+
+export type EventBody = AnyPayload;
+
+export type EventMappingFunction = (
+    triggerName: AnalyticsTriggers,
+    payload: Payload
+) => AnyPayload | void;
+
+export type BaseResult = {
+    language: string;
+    language_service: string;
+    entity: string;
+    property_id: string;
+    short_language_service: string;
+    platform_short: string;
+    platform_type: string;
+    app_type: string;
+    ott_type: string;
+    app_id: string;
+};
+
+export type CoreResult = {
+    event_trigger: string,
+    track_event_type: string,
+    app_events?: string,
+    video_event?: string,
+};
+
+export type SceneViewResult = CoreResult & {
+    page_title: string,
+    content_type: string,
+    section: string,
+    categories: string,
+};
+
+export type MediaResult = {
+    video_name: string,
+    video_length: number,
+    video_position: number,
+    media_type: string,
+    canonical_url: 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;
+    source_rail?: string | null;
+};
+
+export type SearchResult = CoreResult & {
+    search_keyword?: string;
+};

package/packages/analytics/src/clients/TwentyFourIQ/TwentyFourIQClient.ts

@@ -8,7 +8,7 @@ import {
 } from './constants';
 import { EVENTS_MAPPING } from './interface';
 import type { AnalyticsClient, AnyPayload } from '../../interface';
-import { generateSessionId } from './generateSessionId';
+import { generateSessionId } from '../../utils/generateSessionId';
 import { CorePayload, DeviceInfo, EventBody, Payload, SessionInfo } from './types';
 
 // eslint-disable-next-line no-magic-numbers

package/packages/create-package/dist/createPackage.js

@@ -0,0 +1,66 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.main = void 0;
+const path = require("path");
+const fs = require("fs");
+const fse = require("fs-extra");
+const chalk = require("chalk");
+const minimist = require("minimist");
+const questions_1 = require("./questionnaire/questions");
+const Settings_1 = require("./settings/Settings");
+async function isDirectoryEmpty(dirPath) {
+    const files = await fs.promises.readdir(dirPath);
+    return !files.length;
+}
+async function copyTemplateFiles(templateDir, targetDir) {
+    return fse.copy(templateDir, targetDir);
+}
+function updatePackageJsonFile(filePath, options) {
+    let data = fs.readFileSync(filePath, 'utf8');
+    const keywords = options.keywords.map((word) => `"${word}"`).join(', ');
+    data = data.replace(/("name": ")(.*)(")/, `$1${options.name}$3`);
+    data = data.replace(/("version": ")(.*)(")/, `$1${options.version}$3`);
+    data = data.replace(/("description": ")(.*)(")/, `$1${options.description}$3`);
+    data = data.replace(/("keywords": \[)(.*)(\])/, `$1${keywords}$3`);
+    data = data.replace(/("author": ")(.*)(")/, `$1${options.author}$3`);
+    fs.writeFileSync(filePath, data);
+}
+function parseArguments(rawArgv) {
+    const argv = minimist(rawArgv.slice(2));
+    const dirName = argv._[0];
+    if (!dirName) {
+        console.error('Error: Missing package name');
+        process.exit(1);
+    }
+    return {
+        dirName,
+    };
+}
+async function main() {
+    const { dirName: destDirName } = parseArguments(process.argv);
+    const destDir = path.join(process.cwd(), 'packages/', destDirName);
+    if (fs.existsSync(destDir)) {
+        console.error(`Error: Target directory "${destDir}" already exists`);
+        process.exit(1);
+    }
+    fs.mkdirSync(destDir, { recursive: true });
+    const isDirEmpty = await isDirectoryEmpty(destDir);
+    if (!isDirEmpty) {
+        console.error(`Error: Target directory "${destDir}" is not empty.`);
+        process.exit(1);
+    }
+    const settings = Object.assign({}, Settings_1.Settings);
+    settings.name = `${Settings_1.Settings.name}${destDirName}`.toLowerCase();
+    const details = await (0, questions_1.promptPackageDetails)(settings);
+    const templateDir = path.join(__dirname, '..', 'templates/typescript');
+    await copyTemplateFiles(templateDir, destDir);
+    const packageJsonFile = path.join(destDir, 'package.json');
+    updatePackageJsonFile(packageJsonFile, details);
+    const docsSymlinkTarget = path.join('../../../packages/', destDirName, '/README.md');
+    const docsSymlinkPath = path.join(process.cwd(), 'docs/packages/', destDirName, '/README.md');
+    await fse.ensureSymlink(docsSymlinkTarget, docsSymlinkPath);
+    console.log(`${chalk.green('Success')}, package has been initialized!`);
+}
+exports.main = main;
+//# sourceMappingURL=createPackage.js.map

package/packages/create-package/dist/createPackage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPackage.js","sourceRoot":"","sources":["../src/createPackage.ts"],"names":[],"mappings":"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"}

package/packages/create-package/dist/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const createPackage_1 = require("./createPackage");
+(0, createPackage_1.main)();
+//# sourceMappingURL=index.js.map

package/packages/create-package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,mDAAuC;AAEvC,IAAA,oBAAI,GAAE,CAAC"}

package/packages/create-package/dist/questionnaire/questions.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.promptPackageDetails = void 0;
+const inquirer = require("inquirer");
+async function promptPackageDetails(defaultValues) {
+    return inquirer.prompt([
+        {
+            type: 'input',
+            name: 'name',
+            message: 'Package name:',
+            default: defaultValues.name,
+        }, {
+            type: 'input',
+            name: 'version',
+            message: 'Version:',
+            default: defaultValues.version,
+        }, {
+            type: 'input',
+            name: 'description',
+            message: 'Description:',
+        }, {
+            type: 'input',
+            name: 'keywords',
+            message: 'Keywords:',
+            filter: (ans) => ans.split(/[\s,]+/),
+        }, {
+            type: 'input',
+            name: 'author',
+            message: 'Author:',
+            default: defaultValues.author,
+        },
+    ]);
+}
+exports.promptPackageDetails = promptPackageDetails;
+//# sourceMappingURL=questions.js.map

package/packages/create-package/dist/questionnaire/questions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questions.js","sourceRoot":"","sources":["../../src/questionnaire/questions.ts"],"names":[],"mappings":";;;AAAA,qCAAqC;AAWrC,KAAK,UAAU,oBAAoB,CAAC,aAA4C;IAC5E,OAAO,QAAQ,CAAC,MAAM,CAAC;QACnB;YACI,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,aAAa,CAAC,IAAI;SAC9B,EAAE;YACC,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,aAAa,CAAC,OAAO;SACjC,EAAE;YACC,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,cAAc;SAC1B,EAAE;YACC,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;SACvC,EAAE;YACC,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,aAAa,CAAC,MAAM;SAChC;KACJ,CAAC,CAAC;AACP,CAAC;AAEQ,oDAAoB"}

package/packages/create-package/dist/settings/Settings.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Settings = void 0;
+const Settings = {
+    name: '@24i/smartapps-bigscreen-',
+    version: '0.0.1',
+    author: '24i',
+};
+exports.Settings = Settings;
+//# sourceMappingURL=Settings.js.map

package/packages/create-package/dist/settings/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../src/settings/Settings.ts"],"names":[],"mappings":";;;AAAA,MAAM,QAAQ,GAAG;IACb,IAAI,EAAE,2BAA2B;IACjC,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,KAAK;CAChB,CAAC;AAEO,4BAAQ"}

package/packages/create-package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/packages/create-package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/packages/keyboard/src/WhitelabelKeyboard/layouts/arabic.ts

@@ -0,0 +1,27 @@
+/* eslint-disable no-magic-numbers */
+import { KeyMatrixCell } from '../../types';
+
+const keyboardLayout = [
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', ',', '.'],
+    ['ا', 'ب', 'ت', 'ث', 'ج', 'ح', 'خ', 'د', 'ذ', 'ر', 'ز', 'س'],
+    ['ش', 'ص', 'ض', 'ط', 'ظ', 'ع', 'غ', 'ف', 'ق', 'ك', 'ل', 'م'],
+    ['ن', 'ه', 'و', 'ي', 'ء', 'آ', 'إ', 'ة', 'ؤ', 'ئ', 'ى', 'أ'],
+];
+
+/* eslint-disable max-len */
+const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
+    ['', '', ...layout[0], 'backspace', 'backspace'],
+    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
+    ['special', 'special', ...layout[2], 'left', 'right'],
+    ['', '', ...layout[3], '', ''],
+    [
+        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
+        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
+];
+
+export const arabic = {
+    className: 'wide',
+    keyText: 'ابت',
+    layout: keyboardLayout,
+    makeFocusStrings,
+};

package/packages/keyboard/src/WhitelabelKeyboard/layouts/burmese.ts

@@ -0,0 +1,27 @@
+/* eslint-disable no-magic-numbers */
+import { KeyMatrixCell } from '../../types';
+
+const keyboardLayout = [
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '.'],
+    ['က', 'ခ', 'ဂ', 'ဃ', 'င', 'စ', 'ဆ', 'ဇ', 'စ်', 'ည', 'ဋ'],
+    ['႒', 'ဍ', 'ဏ', 'တ', 'ထ', 'ဒ', 'ဓ', 'န', 'ပ', 'ဖ', 'ဗ'],
+    ['ဘ', 'မ', 'ယ', 'ရ', 'လ', 'ဝ', 'သ', 'ဟ', 'ဠ', 'အ', '-'],
+];
+
+/* eslint-disable max-len */
+const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
+    ['', '', ...layout[0], 'backspace', 'backspace'],
+    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
+    ['special', 'special', ...layout[2], 'left', 'right'],
+    ['', '', ...layout[3], '', ''],
+    [
+        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
+        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
+];
+
+export const burmese = {
+    className: 'wide',
+    keyText: 'ကခဂ',
+    layout: keyboardLayout,
+    makeFocusStrings,
+};

package/packages/keyboard/src/WhitelabelKeyboard/layouts/dari.ts

@@ -0,0 +1,28 @@
+/* eslint-disable no-magic-numbers */
+import { KeyMatrixCell } from '../../types';
+
+const keyboardLayout = [
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '.'],
+    ['ا', 'ب', 'پ', 'ت', 'ث', 'ج', 'چ', 'ح', 'خ', 'د', 'ذ'],
+    ['ر', 'ز', 'ژ', 'س', 'ش', 'ص', 'ض', 'ط', 'ظ', 'ع', 'غ'],
+    ['ف', 'ق', 'ک', 'گ', 'ل', 'م', 'ن', 'و', 'ه', 'ی', '-'],
+
+];
+
+/* eslint-disable max-len */
+const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
+    ['', '', ...layout[0], 'backspace', 'backspace'],
+    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
+    ['special', 'special', ...layout[2], 'left', 'right'],
+    ['', '', ...layout[3], '', ''],
+    [
+        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
+        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
+];
+
+export const dari = {
+    className: 'wide',
+    keyText: 'ابپ',
+    layout: keyboardLayout,
+    makeFocusStrings,
+};

package/packages/keyboard/src/WhitelabelKeyboard/layouts/index.ts

@@ -1,8 +1,14 @@
+export { arabic } from './arabic';
+export { burmese } from './burmese';
+export { dari } from './dari';
 export { hebrew } from './hebrew';
 export { korean } from './korean';
 export { latin } from './latin';
+export { pashto } from './pashto';
+export { persian } from './persian';
 export { russian } from './russian';
 export { special } from './special';
 export { tibetan } from './tibetan';
 export { turkish } from './turkish';
+export { ukrainian } from './ukrainian';
 export { urdu } from './urdu';

package/packages/keyboard/src/WhitelabelKeyboard/layouts/pashto.ts

@@ -0,0 +1,27 @@
+/* eslint-disable no-magic-numbers */
+import { KeyMatrixCell } from '../../types';
+
+const keyboardLayout = [
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '.'],
+    ['ا', 'ب', 'پ', 'ت', 'ث', 'ج', 'چ', 'ح', 'خ', 'د', 'ذ'],
+    ['ر', 'ز', 'ژ', 'س', 'ش', 'ص', 'ض', 'ط', 'ظ', 'ع', 'غ'],
+    ['ف', 'ق', 'ک', 'گ', 'ل', 'م', 'ن', 'و', 'ه', 'ی', '-'],
+];
+
+/* eslint-disable max-len */
+const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
+    ['', '', ...layout[0], 'backspace', 'backspace'],
+    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
+    ['special', 'special', ...layout[2], 'left', 'right'],
+    ['', '', ...layout[3], '', ''],
+    [
+        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
+        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
+];
+
+export const pashto = {
+    className: 'wide',
+    keyText: 'ابپ',
+    layout: keyboardLayout,
+    makeFocusStrings,
+};

package/packages/keyboard/src/WhitelabelKeyboard/layouts/persian.ts

@@ -0,0 +1,27 @@
+/* eslint-disable no-magic-numbers */
+import { KeyMatrixCell } from '../../types';
+
+const keyboardLayout = [
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', ',', '.'],
+    ['ا', 'ب', 'ت', 'ث', 'ج', 'ح', 'خ', 'د', 'ذ', 'ر', 'ز', 'س'],
+    ['ش', 'ص', 'ض', 'ط', 'ظ', 'ع', 'غ', 'ف', 'ق', 'ك', 'ل', 'م'],
+    ['ن', 'ه', 'و', 'ي', 'ء', 'آ', 'إ', 'ة', 'ؤ', 'ئ', 'ى', 'أ'],
+];
+
+/* eslint-disable max-len */
+const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
+    ['', '', ...layout[0], 'backspace', 'backspace'],
+    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
+    ['special', 'special', ...layout[2], 'left', 'right'],
+    ['', '', ...layout[3], '', ''],
+    [
+        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
+        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
+];
+
+export const persian = {
+    className: 'wide',
+    keyText: 'ابپ',
+    layout: keyboardLayout,
+    makeFocusStrings,
+};

package/packages/keyboard/src/WhitelabelKeyboard/layouts/ukrainian.ts

@@ -0,0 +1,27 @@
+/* eslint-disable no-magic-numbers */
+import { KeyMatrixCell } from '../../types';
+
+const keyboardLayout = [
+    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '.'],
+    ['а', 'б', 'в', 'г', 'ґ', 'д', 'е', 'є', 'ж', 'з', 'и'],
+    ['і', 'ї', 'й', 'к', 'л', 'м', 'н', 'о', 'п', 'р', 'с'],
+    ['т', 'у', 'ф', 'х', 'ц', 'ч', 'ш', 'щ', 'ь', 'ю', 'я'],
+];
+
+/* eslint-disable max-len */
+const makeFocusStrings = (layout: KeyMatrixCell[][], hasLanguageLayout: boolean) => [
+    ['', '', ...layout[0], 'backspace', 'backspace'],
+    ['abc', 'abc', ...layout[1], 'clear', 'clear'],
+    ['special', 'special', ...layout[2], 'left', 'right'],
+    ['', '', ...layout[3], '', ''],
+    [
+        ...(hasLanguageLayout ? ['language', 'language'] : ['', '']),
+        'shift', 'shift', 'space', 'space', 'space', 'space', 'space', 'space', 'space', 'domain', 'domain', 'continue', 'continue'],
+];
+
+export const ukrainian = {
+    className: 'wide',
+    keyText: 'абв',
+    layout: keyboardLayout,
+    makeFocusStrings,
+};

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/TwentyFourIQ/generateSessionId.ts

@@ -1,8 +0,0 @@
-/* eslint-disable no-magic-numbers */
-/**
- * Recommended way to generate session id by Google.
- * Blackbox
- */
-export const generateSessionId = () => (
-    Math.floor(Math.random() * (2147483647 - 0 + 1) + 0)
-);