@24i/bigscreen-sdk 1.0.21-alpha.2355 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.21-alpha.2355",
+    "version": "1.0.21",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {
@@ -40,7 +40,7 @@
         "@24i/appstage-shared-analytics": "1.0.16-alpha.58",
         "@24i/appstage-shared-events-manager": "1.0.7",
         "@24i/appstage-shared-perf-utils": "1.0.5",
-        "@24i/player-base": "6.10.0",
+        "@24i/bigscreen-players-engine-base": "1.0.0",
         "@24i/smartapps-datalayer": "3.0.9-alpha.1010",
         "@sentry/browser": "7.35.0",
         "@sentry/types": "7.35.0",
@@ -62,7 +62,7 @@
         "@types/jest": "^29.5.2",
         "@types/minimist": "^1.2.2",
         "@types/node": "^18.7.18",
-        "@types/react": "^18.0.33",
+        "@types/react": "18.0.33",
         "babel-jest": "^29.4.3",
         "chalk": "^5.2.0",
         "coveralls": "^3.1.1",
@@ -118,9 +118,11 @@
         "./driver-base": "./packages/driver-base/src/index.ts",
         "./driver-browser": "./packages/driver-browser/src/index.ts",
         "./driver-entone": "./packages/driver-entone/src/index.ts",
+        "./driver-firetv": "./packages/driver-firetv/src/index.ts",
         "./driver-hbbtv": "./packages/driver-hbbtv/src/index.ts",
         "./driver-kreatv": "./packages/driver-kreatv/src/index.ts",
         "./driver-saphi": "./packages/driver-saphi/src/index.ts",
+        "./driver-smartcast": "./packages/driver-smartcast/src/index.ts",
         "./driver-tizen": "./packages/driver-tizen/src/index.ts",
         "./driver-vidaa": "./packages/driver-vidaa/src/index.ts",
         "./driver-webos/scripts/template": "./packages/driver-webos/scripts/template.ts",

package/packages/adobe-heartbeat/src/AdobeHeartbeat.ts

@@ -1,5 +1,5 @@
 /// <reference path='./__external__/Adobe/Adobe.d.ts' />
-import { IErrorEvent, PlayerBase } from '@24i/player-base';
+import { IErrorEvent, PlayerBase } from '@24i/bigscreen-players-engine-base';
 import { time } from '@24i/bigscreen-sdk/time';
 import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { va as Adobe } from './__external__/Adobe/MediaSDK.min';
@@ -15,7 +15,7 @@ import {
 export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = void> {
     static StreamType = Adobe.MediaHeartbeat.StreamType;
 
-    private player?: PlayerBase<any>;
+    private player?: PlayerBase;
 
     /**
      * Heartbeat configuration object
@@ -32,7 +32,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
      * @param config - Heartbeat configuration object
      * @param player - 24i universal player instance
      */
-    constructor(config: HeartbeatConfig, player?: PlayerBase<any>) {
+    constructor(config: HeartbeatConfig, player?: PlayerBase) {
         if (!window.s || !AppMeasurement) throw new Error('Missing Adobe Launch library!');
         this.config = config;
         this.player = player;
@@ -67,10 +67,10 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         return {
             getCurrentPlaybackTime: () => {
                 if (!this.player) return 0;
-                const { currentTime } = this.player.getMediaInfo() || {};
+                const { currentTime } = this.player.mediaInfo || {};
                 if (this.player.live) {
                     try {
-                        const { programEnd = NaN } = this.player.getMetadata();
+                        const { programEnd = NaN } = this.player.metadata;
                         return Math.floor((programEnd - currentTime) / SECOND_IN_MS)
                             || time.getCurrentUnixTime();
                     } catch (e) {
@@ -81,7 +81,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
             },
             getQoSObject: () => {
                 if (!this.player) return Adobe.MediaHeartbeat.createQoSObject();
-                const { bitrate, droppedVideoFrames } = this.player.getMediaInfo() || {};
+                const { bitrate, droppedVideoFrames } = this.player.mediaInfo || {};
                 return Adobe.MediaHeartbeat.createQoSObject(
                     bitrate, undefined, undefined, droppedVideoFrames,
                 );
@@ -89,7 +89,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         };
     }
 
-    private attachPlayerListeners(player: PlayerBase<any>) {
+    private attachPlayerListeners(player: PlayerBase) {
         player.addEventListener('play', this.onPlay);
         player.addEventListener('pause', this.onPause);
         player.addEventListener('ended', this.onEnded);
@@ -98,7 +98,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         player.addEventListener('error', this.onError);
     }
 
-    private dettachPlayerListeners(player: PlayerBase<any>) {
+    private dettachPlayerListeners(player: PlayerBase) {
         player.removeEventListener('play', this.onPlay);
         player.removeEventListener('pause', this.onPause);
         player.removeEventListener('ended', this.onEnded);
@@ -143,7 +143,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
      * this will replace the old one.
      * @param player - 24i universal player instance
      */
-    attachPlayer(player: PlayerBase<any>) {
+    attachPlayer(player: PlayerBase) {
         if (this.player) this.dettachPlayerListeners(this.player);
         this.player = player;
         if (this.player) this.attachPlayerListeners(this.player);

package/packages/developer-tools/PlayerDebugWindow/README.md

@@ -45,7 +45,7 @@ playerDebugWindowRef.current?.setPlayerInstance(playerInstance);
 
 ```ts
 type Props = {
-    playerInstance?: PlayerBase<any>;
+    playerInstance?: PlayerBase;
     updateInterval?: number;
     onClose?: () => void;
 };

package/packages/developer-tools/src/PlayerDebugWindow/PlayerDebugWindow.tsx

@@ -1,12 +1,12 @@
 import { Component, createRef, DeclareProps } from '@24i/bigscreen-sdk/jsx';
 import { DISPLAY_NONE, getDisplayToggler } from '@24i/bigscreen-sdk/utils';
 import { createInterval } from '@24i/bigscreen-sdk/utils/timers';
-import { IMediaInfo, PlayerBase } from '@24i/player-base';
+import { IMediaInfo, PlayerBase } from '@24i/bigscreen-players-engine-base';
 import { IDeveloperTool } from '../IDeveloperTool';
 import { MEDIA_INFO_DESCRIPTION, MediaInfo } from './constants';
 
 export type Props = {
-    playerInstance?: PlayerBase<any>;
+    playerInstance?: PlayerBase;
     updateInterval?: number;
     onClose?: () => void;
 };
@@ -16,7 +16,7 @@ export class PlayerDebugWindow extends Component<Props> implements IDeveloperToo
 
     div = createRef<HTMLDivElement>();
 
-    playerInstance: PlayerBase<any> | null = null;
+    playerInstance: PlayerBase | null = null;
 
     interval = createInterval();
 
@@ -34,12 +34,12 @@ export class PlayerDebugWindow extends Component<Props> implements IDeveloperToo
         if (playerInstance) this.setPlayerInstance(playerInstance);
     }
 
-    setPlayerInstance(playerInstance: PlayerBase<any>) {
+    setPlayerInstance(playerInstance: PlayerBase) {
         this.playerInstance = playerInstance;
     }
 
     getMediaInfo() {
-        return this.playerInstance?.getMediaInfo() || {};
+        return this.playerInstance?.mediaInfo || {};
     }
 
     getFormattedValue(item: MediaInfo, value: any) {

package/packages/developer-tools/src/TechnicalInfo/TechnicalInfoProvider.ts

@@ -4,7 +4,7 @@ import { IStorage } from '@24i/bigscreen-sdk/storage/interface';
 import { getUsedJSHeapSize, getTotalJSHeapSize } from '@24i/bigscreen-sdk/utils/memoryInfo';
 import { ipify } from '@24i/bigscreen-sdk/ipify';
 import { map } from '@24i/bigscreen-sdk/perf-utils/array';
-import { PlayerBase } from '@24i/player-base';
+import { PlayerBase } from '@24i/bigscreen-players-engine-base';
 import { hasEMESupport, getListOfSupportedDRM } from './utils/emeSupport';
 import {
     hasEMESupport as hasEMESupport01b,

package/packages/device/src/driver/index.firetv.ts

@@ -0,0 +1 @@
+export { DeviceFireTV as Device } from '@24i/bigscreen-sdk/driver-firetv';

package/packages/device/src/driver/index.smartcast.tv.ts

@@ -0,0 +1 @@
+export { DeviceSmartCast as Device } from '@24i/bigscreen-sdk/driver-smartcast';

package/packages/device/src/resolver/resolver.ts

@@ -2,11 +2,13 @@ import { KeycodeKeyMap, DeviceEventMap } from '@24i/bigscreen-sdk/driver-base';
 import { DeviceAndroidTV } from '@24i/bigscreen-sdk/driver-androidtv';
 import { DeviceBrowser } from '@24i/bigscreen-sdk/driver-browser';
 import { DeviceEntone } from '@24i/bigscreen-sdk/driver-entone';
+import { DeviceFireTV } from '@24i/bigscreen-sdk/driver-firetv';
 import { DeviceHbbTV } from '@24i/bigscreen-sdk/driver-hbbtv';
 import { DeviceKreaTV } from '@24i/bigscreen-sdk/driver-kreatv';
 import { DeviceSaphi } from '@24i/bigscreen-sdk/driver-saphi';
 import { DeviceTizen } from '@24i/bigscreen-sdk/driver-tizen';
 import { DeviceVidaa } from '@24i/bigscreen-sdk/driver-vidaa';
+import { DeviceSmartCast } from '@24i/bigscreen-sdk/driver-smartcast';
 import { DeviceWebos } from '@24i/bigscreen-sdk/driver-webos';
 import { DeviceXbox } from '@24i/bigscreen-sdk/driver-xbox';
 
@@ -21,6 +23,13 @@ const getDevice = () => {
         return new DeviceHbbTV();
     }
     // any because JavaScriptBridge property is defined on Android TV Bridge platform
+    if (typeof (window as any).JavaScriptBridge !== 'undefined'
+        && (userAgent.match(/AFT/) || userAgent.match('AmazonWebAppPlatform'))
+    ) {
+        info('FireTV');
+        return new DeviceFireTV();
+    }
+    // any because JavaScriptBridge property is defined on Android TV Bridge platform
     if (typeof (window as any).JavaScriptBridge !== 'undefined') {
         info('AndroidTV');
         return new DeviceAndroidTV();
@@ -29,6 +38,10 @@ const getDevice = () => {
         info('Tizen');
         return new DeviceTizen();
     }
+    if (userAgent.match(/Vizio/i)) {
+        info('SmartCast');
+        return new DeviceSmartCast();
+    }
     if (userAgent.match(/Web0S/)) { // Yes, it is Web ZERO S
         info('WebOS');
         return new DeviceWebos();

package/packages/driver-androidtv/src/DeviceAndroidTV.ts

@@ -46,10 +46,9 @@ export class DeviceAndroidTV extends DeviceBase {
     }
 
     /**
-     * Handles keydown/up events for the BACK, FF, REW, STOP, PLAY
-     * key which are dispatched on the document
-     * from the Android TV Bridge. We must catch them and re-emit them properly
-     * on the active (focused) element in the DOM tree.
+     * Handles keydown/up events for the BACK, FF, REW, STOP, PLAY key which are
+     * dispatched on the document from the Android TV Bridge. We must catch them
+     * and re-emit them properly on the active (focused) element in the DOM tree.
      * @param event keyboard event
      */
     // eslint-disable-next-line complexity

package/packages/driver-androidtv/src/__mocks__/javaScriptBridge.ts

@@ -14,5 +14,17 @@ export const mockJavaScriptBridge: IJavaScriptBridge = {
             })
         ),
         bridgeJavaScriptToAndroid_Back: () => {},
+        bridgeJavaScriptToAndroid_StopVideo: () => {},
+        bridgeJavaScriptToAndroid_FullScreenVideo: () => {},
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        bridgeJavaScriptToAndroid_SetVideoPath: (url: string) => {},
+        bridgeJavaScriptToAndroid_IsPlaying: () => true,
+        bridgeJavaScriptToAndroid_PauseVideo: () => {},
+        bridgeJavaScriptToAndroid_PlayVideo: () => {},
+        bridgeJavaScriptToAndroid_IsLive: () => false,
+        bridgeJavaScriptToAndroid_GetCurrentTime: () => Date.now(),
+        bridgeJavaScriptToAndroid_GetTotalTime: () => Date.now(),
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        bridgeJavaScriptToAndroid_SeekTo: (milliseconds: number) => {},
     },
 };

package/packages/driver-androidtv/src/types.ts

@@ -11,6 +11,46 @@ interface JavaScriptBridge {
      * It simulates a native Android back press.
      */
     bridgeJavaScriptToAndroid_Back: () => void,
+    /**
+     * It simulates a native Android stop button press.
+     */
+    bridgeJavaScriptToAndroid_StopVideo: () => void;
+    /**
+     * It sets the video to fullscreen mode
+     */
+    bridgeJavaScriptToAndroid_FullScreenVideo: () => void;
+    /**
+     * It sets the video url
+     */
+    bridgeJavaScriptToAndroid_SetVideoPath: (url: string) => void;
+    /**
+     * It returns whether the video is playing
+     */
+    bridgeJavaScriptToAndroid_IsPlaying: () => boolean;
+    /**
+     * It pauses the video
+     */
+    bridgeJavaScriptToAndroid_PauseVideo: () => void;
+    /**
+     * It plays the video
+     */
+    bridgeJavaScriptToAndroid_PlayVideo: () => void;
+    /**
+     * It returns whether the video is live
+     */
+    bridgeJavaScriptToAndroid_IsLive: () => boolean;
+    /**
+     * It returns current time of currently played video
+     */
+    bridgeJavaScriptToAndroid_GetCurrentTime: () => number;
+    /**
+     * It returns total duration of the video
+     */
+    bridgeJavaScriptToAndroid_GetTotalTime: () => number;
+    /**
+     * It seeks the video to specified milliseconds
+     */
+    bridgeJavaScriptToAndroid_SeekTo: (milliseconds: number) => void;
 }
 
 export type DeviceInfo = {

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

@@ -217,4 +217,8 @@ export abstract class DeviceBase<
     isMouseUsed() {
         return this.isMouseActive;
     }
+
+    getResolution() {
+        return { width: window.screen?.width, height: window.screen?.height };
+    }
 }

package/packages/driver-base/src/types/DeviceEvent.ts

@@ -1,9 +1,11 @@
 type NetworkChangeListener = (payload: { isConnected: boolean }) => void;
 type VisibilityChangeListener = (payload: { isVisible: boolean }) => void;
 type MouseActiveListener = (payload: { isMouseActive: boolean }) => void;
+type CCToggleListener = (payload: { isEnabled: boolean }) => void;
 
 export interface DeviceEventMap {
     'networkchange': NetworkChangeListener,
     'visibilitychange': VisibilityChangeListener,
     'mouseactive': MouseActiveListener,
+    'cctoggle': CCToggleListener,
 }

package/packages/driver-firetv/src/DeviceFireTV.ts

@@ -0,0 +1,18 @@
+import { DeviceAndroidTV } from '@24i/bigscreen-sdk/driver-androidtv';
+
+/**
+ * Fire TV driver implementing API of Android TV Bridge.
+ *
+ * See https://github.com/24i/prd-smart-ott-androidtv
+ */
+export class DeviceFireTV extends DeviceAndroidTV {
+    async getPlatformName(): Promise<string> {
+        return 'FireTV';
+    }
+
+    async getDeviceName(): Promise<string> {
+        const modelName = await this.getModelName();
+        const manufacturerName = await this.getManufacturerName();
+        return `FireTV ${manufacturerName} ${modelName}`.trim();
+    }
+}

package/packages/driver-firetv/src/__mocks__/javaScriptBridge.ts

@@ -0,0 +1,30 @@
+import { IJavaScriptBridge } from '../../../driver-androidtv/src/types';
+
+export const mockJavaScriptBridge: IJavaScriptBridge = {
+    JavaScriptBridge: {
+        bridgeJavaScriptToAndroid_GetDeviceInfo: () => (
+            JSON.stringify({
+                deviceBrand: 'Amazon',
+                deviceModel: 'AFTR',
+                osVersion: '8.0.0',
+                appVersion: '0.0.1',
+                appFlavor: 'appstage-bigscreen',
+                drmKeySystems: '["W3C Clear Key", "Google Widevine"]',
+                ipLocal: '127.0.0.1',
+            })
+        ),
+        bridgeJavaScriptToAndroid_Back: () => {},
+        bridgeJavaScriptToAndroid_StopVideo: () => {},
+        bridgeJavaScriptToAndroid_FullScreenVideo: () => {},
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        bridgeJavaScriptToAndroid_SetVideoPath: (url: string) => {},
+        bridgeJavaScriptToAndroid_IsPlaying: () => true,
+        bridgeJavaScriptToAndroid_PauseVideo: () => {},
+        bridgeJavaScriptToAndroid_PlayVideo: () => {},
+        bridgeJavaScriptToAndroid_IsLive: () => false,
+        bridgeJavaScriptToAndroid_GetCurrentTime: () => Date.now(),
+        bridgeJavaScriptToAndroid_GetTotalTime: () => Date.now(),
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        bridgeJavaScriptToAndroid_SeekTo: (milliseconds: number) => {},
+    },
+};

package/packages/driver-firetv/src/index.ts

@@ -0,0 +1 @@
+export { DeviceFireTV } from './DeviceFireTV';

package/packages/driver-smartcast/src/DeviceSmartCast.ts

@@ -0,0 +1,310 @@
+import {
+    DeviceBase, ConnectionType, ScreenSaverStatus, VolumeRange,
+} from '@24i/bigscreen-sdk/driver-base';
+import { runAsync } from '@24i/bigscreen-sdk/utils/timers';
+import { getKeyMap } from './keymap';
+import { ISmartCastApi, IFA, DEFAULT_TTS_TIMEOUT, DevicePlaybackQuality } from './types';
+
+declare const window: Window & { VIZIO: ISmartCastApi };
+
+export class DeviceSmartCast extends DeviceBase {
+    keyMap = getKeyMap();
+
+    deviceId = '';
+
+    deviceModel = '';
+
+    deviceFirmware = '';
+
+    readonly backAsBackspaceInSearch = true;
+
+    devicePlaybackQualities: DevicePlaybackQuality[] = [];
+
+    closedCaptionsStatus = false;
+
+    textToSpeechStatus = false;
+
+    textToSpeechTimeout?: null | number;
+
+    lastTextToSpeechItem?: { delay: number, text: string } | null;
+
+    API?: ISmartCastApi;
+
+    IFA?: IFA;
+
+    async initDevice() {
+        this.initNetworkChangeListener();
+        this.initVisibilityChangeListener();
+        this.initMouseActiveListener();
+        await this.initPlatformApiListeners();
+    }
+
+    async initPlatformApiListeners(): Promise<void> {
+        return new Promise((resolve) => {
+            document.addEventListener('VIZIO_LIBRARY_DID_LOAD', async () => {
+                const API = window.VIZIO;
+                this.API = window.VIZIO;
+                const promises = [];
+
+                API.setClosedCaptionHandler((isEnabled: boolean) => {
+                    this.closedCaptionsStatus = isEnabled;
+                    this.triggerEvent('cctoggle', { isEnabled });
+                });
+
+                promises.push(new Promise<void>((r) => {
+                    API.setAdvertiserIDListener((advertiserID: IFA) => {
+                        this.IFA = advertiserID;
+                        r();
+                    });
+                }));
+
+                promises.push(new Promise<void>((r) => {
+                    API.getDeviceId((id: string) => {
+                        this.deviceId = id;
+                        r();
+                    });
+                }));
+
+                this.deviceModel = API.deviceModel;
+
+                promises.push(new Promise<void>((r) => {
+                    API.getFirmwareVersion((version: string) => {
+                        this.deviceFirmware = version;
+                        r();
+                    });
+                }));
+
+                promises.push(new Promise<void>((r) => {
+                    API.getDevicePlaybackQualities((qualities: DevicePlaybackQuality[]) => {
+                        this.devicePlaybackQualities = qualities;
+                        r();
+                    });
+                }));
+
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                API.setContentChangeHandler(this.handleDeeplink);
+
+                await Promise.all(promises);
+
+                resolve();
+            });
+
+            document.addEventListener('VIZIO_TTS_ENABLED', () => {
+                this.textToSpeechStatus = true;
+            }, false);
+
+            document.addEventListener('VIZIO_TTS_DISABLED', () => {
+                this.lastTextToSpeechItem = null;
+                this.textToSpeechStatus = false;
+                window.clearTimeout(this.textToSpeechTimeout as any);
+                this.API?.Chromevox.cancel();
+            }, false);
+
+            const object = document.createElement('script');
+            object.src = 'http://127.0.0.1:12345/scfs/cl/js/vizio-companion-lib.js';
+            document.body.appendChild(object);
+        });
+    }
+
+    initNetworkChangeListener() {
+        window.addEventListener('online', () => {
+            this.triggerEvent('networkchange', { isConnected: true });
+        });
+        window.addEventListener('offline', () => {
+            this.triggerEvent('networkchange', { isConnected: false });
+        });
+    }
+
+    initVisibilityChangeListener() {
+        document.addEventListener('visibilitychange', () => {
+            this.triggerEvent('visibilitychange', {
+                isVisible: document.visibilityState === 'visible',
+            });
+        });
+    }
+
+    initMouseActiveListener() {
+        document.addEventListener('mousemove', this.onMouseActive);
+    }
+
+    onMouseActive = () => {
+        document.removeEventListener('mousemove', this.onMouseActive);
+        document.addEventListener('keydown', this.onMouseInactive, true);
+        this.isMouseActive = true;
+        this.triggerEvent('mouseactive', { isMouseActive: true });
+    };
+
+    onMouseInactive = (event: KeyboardEvent) => {
+        if (!this.isDirectionalArrow(event)) return;
+        document.removeEventListener('keydown', this.onMouseInactive);
+        this.initMouseActiveListener();
+
+        // to let other handlers to use this property before change
+        runAsync(() => {
+            this.isMouseActive = false;
+        });
+        this.triggerEvent('mouseactive', { isMouseActive: false });
+    };
+
+    handleDeeplink = (deeplinkUrl: string) => {
+        if (typeof deeplinkUrl !== 'string') return;
+        const newRoute = deeplinkUrl.split('#')[1];
+        if (newRoute) {
+            const currentUrl = window.location.href.split('#')[0];
+            window.location.href = `${currentUrl}#${newRoute}`;
+        }
+    };
+
+    /**
+     * Reads provided text by the device internal reader.
+     */
+    readText({ text, delay = DEFAULT_TTS_TIMEOUT }: {
+        text: string, delay?: number
+    }) {
+        if (this.textToSpeechStatus && text) {
+            if (this.textToSpeechTimeout) {
+                this.lastTextToSpeechItem = { text, delay };
+            } else {
+                this.API?.Chromevox.play(text);
+
+                this.textToSpeechTimeout = window.setTimeout(() => {
+                    this.textToSpeechTimeout = null;
+
+                    if (this.lastTextToSpeechItem) {
+                        const last = this.lastTextToSpeechItem;
+
+                        this.API?.Chromevox.play(last.text);
+                        this.lastTextToSpeechItem = null;
+                    }
+                }, delay);
+            }
+        }
+    }
+
+    exit() {
+        this.API?.exitApplication();
+    }
+
+    reboot() {
+        window.location.reload();
+    }
+
+    /**
+     * Returs the status of Closed Captions feature.
+     */
+    async getClosedCaptionsStatus() {
+        return this.closedCaptionsStatus;
+    }
+
+    /**
+     * Returs the status of Text to Speech Engine if it is available by the device.
+     */
+    async getTextToSpeechStatus() {
+        return this.textToSpeechStatus;
+    }
+
+    /**
+     * Returns filled in Vast Tag URL.
+     */
+    getVastTagUrl(template: string): null | string {
+        const IFAObject = this.IFA;
+        const resolution = this.getResolution();
+
+        if (!IFAObject) return null;
+
+        return template
+            .replace('{{width}}', String(resolution.width))
+            .replace('{{height}}', String(resolution.height))
+            .replace('{{cb}}', String(Date.now()))
+            .replace('{{user_agent}}', encodeURIComponent(window.navigator.userAgent))
+            .replace('{{ifa}}', IFAObject.IFA)
+            .replace('{{ifa_type}}', IFAObject.IFA_TYPE)
+            .replace('{{lmt}}', String(IFAObject.LMT));
+    }
+
+    async getManufacturerName() {
+        return 'VIZIO';
+    }
+
+    async getPlatformName() {
+        return 'SmartCast';
+    }
+
+    async getPlatformVersion() {
+        return '';
+    }
+
+    async getDeviceName() {
+        return 'VIZIO SmartCast';
+    }
+
+    async getModelName() {
+        return this.deviceModel;
+    }
+
+    async getFirmware() {
+        return this.deviceFirmware;
+    }
+
+    async is4KSupported() {
+        return this.devicePlaybackQualities.includes('UHD');
+    }
+
+    async is8KSupported() {
+        return false;
+    }
+
+    async getUuid() {
+        return this.deviceId;
+    }
+
+    async getVolume() {
+        return VolumeRange.UNSUPPORTED;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async setVolume(volumePercentage: number) {
+        // not supported on SmartCast platform
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async mute(mute: boolean) {
+        // not supported on SmartCast platform
+    }
+
+    async isMute() {
+        return false;
+    }
+
+    async getScreenSaver() {
+        return { enabled: false };
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async setScreenSaver(status: ScreenSaverStatus) {
+        // not supported on SmartCast platform
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async setUserAgent(userAgent: string) {
+        return false;
+    }
+
+    async getConnectionType() {
+        return 'unknown' as ConnectionType;
+    }
+
+    async isNetworkConnected() {
+        return window.navigator.onLine;
+    }
+
+    async getLocalIP() {
+        // not supported on SmartCast platform
+        return '';
+    }
+
+    async getMacAddress() {
+        // not supported on SmartCast platform
+        return '';
+    }
+}

package/packages/driver-smartcast/src/__mocks__/api.ts

@@ -0,0 +1,49 @@
+import { IFA, ISmartCastApi, DevicePlaybackQuality } from '../types';
+
+export const deviceId = '2bd671ef-02cd-445f-9295-b3565dbaf1e8';
+export const deviceModel = 'D24f4-J01';
+export const firmware = '3.520.28.1-2';
+export const playbackQualities = ['UHD', 'HD'] as DevicePlaybackQuality[];
+// eslint-disable-next-line max-len
+export const deeplinkUrl = 'https://smartapps-bigscreen.24i.com/#/detail/SERIES/FO03OogBXRsigNB1VRz_/undefined/undefined/';
+// eslint-disable-next-line max-len
+export const deeplinkUrl2 = 'https://smartapps-bigscreen.24i.com/#/detail/SERIES/Ge1sO4gBXRsigNB1TBwy/undefined/undefined/';
+// eslint-disable-next-line max-len
+export const vastTagTemplate = 'w={{width}}&h={{height}}&did={{ifa}}&ifa_type={{ifa_type}}&lmt={{lmt}}';
+
+export const SmartCastMockApi: ISmartCastApi = {
+    deviceModel,
+
+    getDeviceId: (callback: (id: string) => void): void => callback(deviceId),
+
+    getFirmwareVersion: (callback: (id: string) => void): void => callback(firmware),
+
+    getDevicePlaybackQualities: (
+        callback: (
+            qualities: DevicePlaybackQuality[]
+        ) => void,
+    ): void => callback(playbackQualities),
+
+    exitApplication: (): void => {},
+
+    setClosedCaptionHandler: (callback: (isEnabled: boolean) => void): void => callback(false),
+
+    setAdvertiserIDListener: (callback: (advertiserID: IFA) => void): void => callback({
+        IFA: deviceId,
+        IFA_TYPE: 'vida',
+        LMT: 0,
+    }),
+
+    setContentChangeHandler:
+        (callback: (contentUrl: string) => void): void => callback(deeplinkUrl),
+
+    Chromevox: {
+        cancel: (): void => {
+            throw new Error('Function not implemented.');
+        },
+        play: (text: string): void => {
+            // eslint-disable-next-line no-console
+            console.log(text);
+        },
+    },
+};

package/packages/driver-smartcast/src/index.ts

@@ -0,0 +1 @@
+export { DeviceSmartCast } from './DeviceSmartCast';

package/packages/driver-smartcast/src/keymap.ts

@@ -0,0 +1,9 @@
+import { generateKeyCodeKeyMap, overrideValues } from '@24i/bigscreen-sdk/driver-base/keymap';
+
+export const getKeyMap = () => {
+    overrideValues({
+        CHANNEL_PREVIOUS: { code: 'PrevCh', keyCode: 500 },
+        SUBTITLES: { keyCode: 204 },
+    });
+    return generateKeyCodeKeyMap();
+};

package/packages/driver-smartcast/src/types.ts

@@ -0,0 +1,65 @@
+export type ISmartCastApi = {
+    /**
+     * Sets the callback to receive the device UID in standard 32 digits.
+     */
+    getDeviceId: (callback: (id: string) => void) => void;
+
+    /**
+     * Sets the callback to receive the device firmware version.
+     */
+    getFirmwareVersion: (callback: (firmwareVersion: string) => void) => void;
+
+    /**
+     * Sets the callback to receive the device playback qualities.
+     */
+    getDevicePlaybackQualities: (callback: (qualities: DevicePlaybackQuality[]) => void) => void;
+
+    /**
+     * Exits the application.
+     */
+    exitApplication: () => void;
+
+    /**
+     * Sets the callback to receive the device CC toggle event.
+     */
+    setClosedCaptionHandler: (callback: (isEnabled: boolean) => void) => void;
+
+    /**
+     * Sets the callback to receive IFA object with the device ads related parameters.
+     */
+    setAdvertiserIDListener: (callback: (advertiserID: IFA) => void) => void;
+
+    /**
+     * Sets the callback to receive the device content change event.
+     */
+    setContentChangeHandler: (callback: (contentUrl: string) => void) => void;
+
+    /**
+     * Device model.
+     */
+    deviceModel: string;
+
+    /**
+     * Chromevox Text-to-Speech accessibility playback engine.
+     */
+    Chromevox: {
+        cancel: () => void,
+        play: (text: string) => void,
+    };
+};
+
+/**
+ * Identifier For Advertising (IFA) and Limited Tracking parameter object
+ */
+export type IFA = {
+    /** Unique identifier string for advertising */
+    IFA: string,
+    /** String value for IFA type ("vida") */
+    IFA_TYPE: string,
+    /** O or 1 (1=Limited tracking enabled, 0=Limited tracking disabled) */
+    LMT: 0 | 1
+};
+
+export type DevicePlaybackQuality = 'UHD' | 'HD' | 'SD';
+
+export const DEFAULT_TTS_TIMEOUT = 3000;

package/packages/gallup/src/Gallup.ts

@@ -1,4 +1,4 @@
-import { PlayerBase } from '@24i/player-base';
+import { PlayerBase } from '@24i/bigscreen-players-engine-base';
 import './__external__/SpringStreams';
 
 const SECOND_IN_MS = 1000;
@@ -16,7 +16,7 @@ export class Gallup {
      */
     constructor(
         siteCode: string,
-        private readonly player: PlayerBase<any>,
+        private readonly player: PlayerBase,
         private readonly playerName: string,
     ) {
         this.sensors = new SpringStreams(siteCode);
@@ -67,7 +67,7 @@ export class Gallup {
             getPosition: () => Math.floor(player.currentTime / SECOND_IN_MS),
             getMeta: () => {
                 const { width, height } = window.screen;
-                const { playerVersion } = player.getMediaInfo();
+                const { playerVersion } = player.mediaInfo;
                 return {
                     pl: playerName,
                     plv: playerVersion || '',

package/packages/keyboard/src/KeyboardBase.tsx

@@ -1,5 +1,5 @@
 import { Component, createRef, Reference } from '@24i/bigscreen-sdk/jsx';
-import { getKeyDigit } from '@24i/bigscreen-sdk/device';
+import { getKeyDigit, device } from '@24i/bigscreen-sdk/device';
 import { isRtl } from '@24i/bigscreen-sdk/i18n';
 import { EventsManager } from '@24i/bigscreen-sdk/events-manager';
 import {
@@ -121,8 +121,15 @@ export abstract class KeyboardBase<
      */
     onKeyDown(event: KeyboardEvent) {
         const { handleRemoteDigits, handleHWKeyboard } = this.props;
+        const preventBack = 'backAsBackspaceInSearch' in device && !!device.backAsBackspaceInSearch;
+        const inputLength = this.inputElement?.value?.length;
+
         if (BACK.is(event)) {
-            this.onCancel();
+            if (preventBack && inputLength) {
+                this.onBackspace();
+            } else {
+                this.onCancel();
+            }
         } else {
             let char: string | null = null;
             if (handleHWKeyboard) {

package/packages/list/src/CenteredList/controller.ts

@@ -30,7 +30,6 @@ export class CenteredListController<T> extends UnifiedListController<T, Props<an
         this.scrollListScroller(-this.topOffset);
         if (initialFocusIndex !== 0) {
             base.index = initialFocusIndex!;
-            this.focusCurrentItem();
             this.scroll(base.index, false);
         }
     }

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

@@ -1,5 +1,5 @@
 import { Component, createRef, DeclareProps } from '@24i/bigscreen-sdk/jsx';
-import { ITimeUpdateEvent } from '@24i/player-base';
+import { ITimeUpdateEvent } from '@24i/bigscreen-players-engine-base';
 import { PlayerTime } from './PlayerTime';
 import { PlayerUICommonProps, PlayerUITimeProps } from './types';
 
@@ -26,7 +26,7 @@ export class CurrentTime extends Component<Props> {
         const playerInstance = ui.getPlayer();
         this.isLive = playerInstance.live;
         playerInstance.addEventListener('timeupdate', this.onTimeUpdate);
-        const { programStart = 0 } = playerInstance.getMetadata() || {};
+        const { programStart = 0 } = playerInstance.metadata || {};
         this.liveStartTime = programStart || Date.now();
     }
 

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

@@ -1,5 +1,5 @@
 import { Component, createRef, DeclareProps } from '@24i/bigscreen-sdk/jsx';
-import { IDurationChangeEvent } from '@24i/player-base';
+import { IDurationChangeEvent } from '@24i/bigscreen-players-engine-base';
 import { PlayerTime } from './PlayerTime';
 import { PlayerUICommonProps, PlayerUITimeProps } from './types';
 
@@ -20,7 +20,7 @@ export class Duration extends Component<Props> {
     componentDidMount() {
         const { ui } = this.props;
         const playerInstance = ui.getPlayer();
-        const { programStart = 0, programEnd = 0 } = playerInstance.getMetadata() || {};
+        const { programStart = 0, programEnd = 0 } = playerInstance.metadata || {};
         const isLive = playerInstance.live;
         if (isLive && programStart < programEnd) {
             this.time.current!.updateTime(programEnd - programStart);

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

@@ -1,5 +1,5 @@
 import { Component, createRef, DeclareProps } from '@24i/bigscreen-sdk/jsx';
-import { PlayerBase } from '@24i/player-base';
+import { PlayerBase } from '@24i/bigscreen-players-engine-base';
 import { FF, REW, switchByKey } from '@24i/bigscreen-sdk/device/keymap';
 import { stopEvent } from '@24i/bigscreen-sdk/utils/stopEvent';
 import {
@@ -16,7 +16,7 @@ export type PlayerUIState = {
 
 type Props = {
     children: (state: PlayerUIState) => JSX.Element | JSX.Element[] | string | null | null[],
-    player: PlayerBase<any>,
+    player: PlayerBase,
     timeout?: number,
     className?: string,
     hidden?: boolean,
@@ -44,7 +44,7 @@ export class PlayerUI extends Component<Props>
     // eslint-disable-next-line react/destructuring-assignment
     divDisplay: IDisplayToggler = getDisplayToggler(this.div, this.props.hidden);
 
-    player: PlayerBase<any> | null = null;
+    player: PlayerBase | null = null;
 
     static defaultProps = {
         timeout: 5000,
@@ -175,7 +175,7 @@ export class PlayerUI extends Component<Props>
 
     getPlayer = () => this.player!;
 
-    setPlayer(player: PlayerBase<any>) {
+    setPlayer(player: PlayerBase) {
         this.player = player;
         if (this.seeking) this.seeking.setPlayer(player);
     }

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

@@ -1,5 +1,5 @@
 import { Component, createRef, DeclareProps } from '@24i/bigscreen-sdk/jsx';
-import { IDurationChangeEvent, ITimeUpdateEvent } from '@24i/player-base';
+import { IDurationChangeEvent, ITimeUpdateEvent } from '@24i/bigscreen-players-engine-base';
 import { PlayerTime } from './PlayerTime';
 import { PlayerUICommonProps, PlayerUITimeProps } from './types';
 
@@ -32,7 +32,7 @@ export class RemainingTime extends Component<Props> {
         this.duration = playerInstance.duration;
         playerInstance.addEventListener('timeupdate', this.onTimeUpdate);
         playerInstance.addEventListener('durationchange', this.onDurationChange);
-        const { programEnd = 0 } = playerInstance.getMetadata() || {};
+        const { programEnd = 0 } = playerInstance.metadata || {};
         this.liveEndTime = programEnd || Date.now();
     }
 

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

@@ -1,7 +1,7 @@
 import { Component, createRef } from '@24i/bigscreen-sdk/jsx';
 import { IFocusable } from '@24i/bigscreen-sdk/focus';
 import { stopEvent } from '@24i/bigscreen-sdk/utils/stopEvent';
-import { ITimeUpdateEvent, IDurationChangeEvent } from '@24i/player-base';
+import { ITimeUpdateEvent, IDurationChangeEvent } from '@24i/bigscreen-players-engine-base';
 import { createTimeout } from '@24i/bigscreen-sdk/utils/timers';
 import { switchByKey } from '@24i/bigscreen-sdk/device/keymap';
 import { getDisplayToggler } from '@24i/bigscreen-sdk/utils/displayToggler';
@@ -195,7 +195,7 @@ export class Seekbar extends Component<Props> implements IFocusable {
         const { ui } = this.props;
         const player = ui.getPlayer();
         if (player.live) {
-            const { programStart = 0, programEnd = 0 } = player.getMetadata();
+            const { programStart = 0, programEnd = 0 } = player.metadata;
             this.duration = programEnd - programStart || Date.now();
         } else {
             this.duration = duration;
@@ -207,7 +207,7 @@ export class Seekbar extends Component<Props> implements IFocusable {
         const { ui } = this.props;
         const player = ui.getPlayer();
         if (player.live) {
-            const { programStart = 0, programEnd = 0 } = player.getMetadata();
+            const { programStart = 0, programEnd = 0 } = player.metadata;
             const { start, end } = player.seekableRange;
             return getLiveProgressBasedOnCurrentTime(
                 programStart,

package/packages/player-ui/src/Seeking.ts

@@ -1,6 +1,6 @@
 import { IEvents, EventMapType, EventsManager } from '@24i/bigscreen-sdk/events-manager';
 import { createInterval, createTimeout } from '@24i/bigscreen-sdk/utils/timers';
-import { PlayerBase } from '@24i/player-base';
+import { PlayerBase } from '@24i/bigscreen-players-engine-base';
 
 const DEFAULT_SEEK_TIME = 10000;
 const FAST_SEEK_TIME = 30000;
@@ -26,7 +26,7 @@ export class Seeking implements IEvents<SeekingEventsMap> {
 
     automaticSeekInterval = createInterval();
 
-    player: PlayerBase<any> | null;
+    player: PlayerBase | null;
 
     isAutomaticallySeekingForward = false;
 
@@ -40,7 +40,7 @@ export class Seeking implements IEvents<SeekingEventsMap> {
 
     rewConsecutiveTimeout = createTimeout();
 
-    constructor(player: PlayerBase<any> | null = null) {
+    constructor(player: PlayerBase | null = null) {
         this.player = player;
     }
 
@@ -52,7 +52,7 @@ export class Seeking implements IEvents<SeekingEventsMap> {
         this.player!.removeEventListener('seeked', this.nullSeekTime);
     }
 
-    setPlayer(player: PlayerBase<any>) {
+    setPlayer(player: PlayerBase) {
         this.player = player;
     }
 

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

@@ -1,11 +1,11 @@
-import { PlayerBase, ITimeUpdateEvent } from '@24i/player-base';
+import { PlayerBase, ITimeUpdateEvent } from '@24i/bigscreen-players-engine-base';
 import { Component, createRef, DeclareProps, setText } from '@24i/bigscreen-sdk/jsx';
 import { getDisplayToggler } from '@24i/bigscreen-sdk/utils';
 import { SubtitlesType } from '@24i/smartapps-datalayer/src/models';
 import { timeToMs } from './timeUtils';
 
 type Props = {
-    player: PlayerBase<any>,
+    player: PlayerBase,
     className?: string,
 };
 

package/packages/player-ui/src/mocks.ts

@@ -1,4 +1,4 @@
-import { PlayerBase, PlayerBaseMock } from '@24i/player-base';
+import { IPlayerProperties, PlayerBase, PlayerBaseMock } from '@24i/bigscreen-players-engine-base';
 import { EventsManager } from '@24i/bigscreen-sdk/events-manager';
 import { IPlayerUIWithSeeking } from './types';
 
@@ -35,8 +35,16 @@ const getSeekingMock = (): jest.Mocked<IPlayerUIWithSeeking['seeking']> => ({
 
 const PLAYER_MOCK_DURATION = 60000;
 
-export const getPlayerMock = (): PlayerBase<any> => {
-    const playerMock = new PlayerBaseMock();
+export const getPlayerMock = (): PlayerBase => {
+    const initialConfig: IPlayerProperties = {
+        source: {
+            url: '',
+        },
+    };
+    const parentElement = document.createElement('div');
+
+    const playerMock = new PlayerBaseMock(initialConfig, parentElement);
+    playerMock.source = initialConfig.source;
     jest.spyOn(playerMock, 'duration', 'get').mockReturnValue(PLAYER_MOCK_DURATION);
 
     return playerMock;
@@ -44,7 +52,7 @@ export const getPlayerMock = (): PlayerBase<any> => {
 
 export const getUiMock = (): { ui: jest.Mocked<IPlayerUIWithSeeking> } => ({
     ui: {
-        getPlayer: jest.fn((): PlayerBase<any> => getPlayerMock()),
+        getPlayer: jest.fn((): PlayerBase => getPlayerMock()),
         heartbeat: jest.fn(),
         trigger: jest.fn(),
         isPlaying: jest.fn(),

package/packages/player-ui/src/types.ts

@@ -1,4 +1,4 @@
-import { PlayerBase } from '@24i/player-base';
+import { PlayerBase } from '@24i/bigscreen-players-engine-base';
 import { Seeking } from './Seeking';
 
 export enum PlayerAction {
@@ -21,7 +21,7 @@ export interface ActionsWithPayloadMap {
 
 export interface IPlayerUI {
     seeking?: Seeking;
-    getPlayer: () => PlayerBase<any>,
+    getPlayer: () => PlayerBase,
     disableHiding: () => void,
     enableHiding: () => void,
     disableSeeking: () => void,