@tivio/sdk-react 9.5.0 → 9.7.0

package/dist/sdk-react.d.ts

@@ -7,6 +7,7 @@ import type { default as firebase_2 } from '@firebase/app-types';
 import type { default as firebase_3 } from 'firebase';
 import { FunctionComponentElement } from 'react';
 import type { GeoPoint } from '@firebase/firestore-types';
+import type { google } from '@alugha/ima';
 import { OperatingSystem } from 'detect-browser';
 import type { PaletteType } from '@material-ui/core';
 import { default as React_2 } from 'react';
@@ -429,6 +430,8 @@ export declare interface Article extends RowItem, MonetizableItem, ReactableCont
     detailBanner?: string;
     episodeNumber?: number;
     seasonNumber?: number;
+    urlNames?: string[];
+    urlName?: string;
 }
 
 /**
@@ -440,10 +443,13 @@ export declare interface ArticleBlock {
     type: ArticleBlockType;
     htmlContent?: string;
     imageUrl?: string;
+    imageUrlOriginal?: string;
+    imageUrlContain?: string;
     textContent?: string;
     videoId?: string;
     isOverflowImage?: boolean;
     imageDescription?: string;
+    use16By9Container?: boolean;
 }
 
 export declare interface ArticleBlockField extends Omit<ArticleBlock, 'textContent' | 'htmlContent'> {
@@ -462,6 +468,7 @@ export declare type ArticleBlockType = 'PARAGRAPH' | 'IMAGE' | 'VIDEO' | 'HEADIN
  */
 declare interface ArticleDocumentSerialized {
     type: 'ARTICLE';
+    id: string;
     name: Translation;
     description?: Translation;
     metadata?: ArticleMetadata;
@@ -503,6 +510,7 @@ export declare interface ArticleTileSpecificData {
     description?: Translation;
     monetizations?: TileMonetizationData[];
     externalUrl?: string;
+    urlName?: UrlNamesType;
 }
 
 /**
@@ -835,6 +843,12 @@ export declare interface CommonSourceParams<T extends SourceType = SourceType> {
     videoPath?: string;
 }
 
+/**
+ * @public
+ * Re-export of Google IMA CompanionAd type for use throughout the SDK
+ */
+export declare type CompanionAd = google.ima.CompanionAd;
+
 /**
  * TODO it's the same as Customizations, not?
  * @internal
@@ -1112,6 +1126,9 @@ export declare const CountryToLangCodeMap: {
     CZ: LangCode;
     PL: LangCode;
     SK: LangCode;
+    DE: LangCode;
+    AT: LangCode;
+    CH: LangCode;
 };
 
 /**
@@ -1251,6 +1268,7 @@ export declare enum CustomerId {
     MIRA_BOSAK = "MIRA_BOSAK",
     KOVACIC_360 = "KOVACIC_360",
     SIFRA_TV = "SIFRA_TV",
+    TBL = "TBL",
     BLESK = "BLESK",
     NERUDA_TV = "NERUDA_TV",
     DAVID_FRANK_TV = "DAVID_FRANK_TV",
@@ -1492,6 +1510,7 @@ export declare interface CustomScript {
     src: string;
     event?: EventName;
     isAsync?: boolean;
+    defer?: boolean;
 }
 
 /**
@@ -1794,6 +1813,7 @@ export declare interface EmitterInterface {
     isSupported: (even: string) => boolean;
     addListener: <T = unknown>(event: string, cb: (value: T) => Empty_2) => void;
     removeListener: <T = unknown>(event: string, cb: (value: T) => Empty_2) => void;
+    emitEvent: (event: string, value?: unknown) => void;
 }
 
 /**
@@ -1860,6 +1880,15 @@ export declare const fetchBundle: (secret: string, conf: InternalConfig, checkBu
  */
 declare type FetchPackage = (url: string) => Promise<string>;
 
+export declare interface FinishSignUpRequest {
+    token: string;
+    fName: string;
+    lName: string;
+    email: string;
+    password: string;
+    langCode?: LangCode;
+}
+
 /**
  * @public
  */
@@ -1887,6 +1916,7 @@ export declare interface ForbiddenOnCallError extends GenericOnCallError {
 }
 
 export declare enum ForbiddenReason {
+    AD_BLOCKING = "AD_BLOCKING",
     MONETIZATION = "MONETIZATION",
     GEO_BLOCKING = "GEO_BLOCKING",
     EMAIL_ALREADY_EXISTS = "EMAIL_ALREADY_EXISTS",
@@ -1949,9 +1979,13 @@ export declare type GeoBlocking = {
     blacklist: Array<any>;
 };
 
-export declare interface GetArticleRequest {
+export declare type GetArticleRequest = {
     id: string;
-}
+} | {
+    idOrUrlName: string;
+    organizationId: string;
+    language: LangCode;
+};
 
 export declare interface GetArticleResponse {
     article: ArticleDocumentSerialized;
@@ -2574,12 +2608,16 @@ export declare enum LangCode {
     HU = "hu"
 }
 
+export declare const LangCodeToTitle: Partial<Record<LangCode, string>>;
+
 /**
  * All supported languages codes as in ISO 639-1
  * @public
  */
 export declare const languages: LangCode[];
 
+export declare type LanguageSelector = 'application' | 'content';
+
 /**
  * Possible language key of all supported language mutations.
  * @public
@@ -2628,7 +2666,13 @@ export declare interface LeaderboardsRequest {
  */
 export declare interface LinkedVideo {
     video: Video;
-    type: 'CUT' | 'TRAILER' | 'BONUS' | 'CHILD' | 'TEASER' | 'TASTING' | 'VIRTUAL_PROGRAM' | 'LANGUAGE'
+    type: 'CUT' | 'TRAILER' | 'BONUS' | 'CHILD'
+    /**
+    * Recommendation for the video that appears ahead of
+    * algorithmic recommendations on the detail page. Works one-way: if A
+    * links to B, B is recommended for A only (unless B links back).
+    */
+    | 'RECOMMENDED' | 'TEASER' | 'TASTING' | 'VIRTUAL_PROGRAM' | 'LANGUAGE'
     /**
     * Will render separate mini-player on top of the main one, playing given video.
     */
@@ -3168,11 +3212,6 @@ export declare type Nullable<T> = {
     [P in keyof T]: T[P] | null;
 };
 
-/**
- * @public
- */
-export declare type ObjectType = Record<string, any>;
-
 /**
  * @public
  */
@@ -3928,6 +3967,7 @@ export declare interface PlayerWrapper {
     isPaused: boolean;
     isPlaying: boolean;
     isIdle: boolean;
+    isFullscreen: boolean;
     language: LangCode | null;
     nextRecommendedVideo: Video | null;
     prerollCheck: PrerollCheck;
@@ -4013,11 +4053,15 @@ export declare enum PlayerWrapperEvents {
     /**
      * Triggered when an ad starts playing
      */
-    'ad_started' = "ad_started",
+    'ad-started' = "ad-started",
     /**
      * Triggered when an ad finishes playing
      */
-    'ad_ended' = "ad_ended"
+    'ad-ended' = "ad-ended",
+    /**
+     * Triggered when companion ads are available for the current ad
+     */
+    'companion-ads' = "companion-ads"
 }
 
 /**
@@ -5410,6 +5454,14 @@ export declare type SdkReactConfig = Omit<TivioConfig, 'language'> & {
     language?: LangCode;
 };
 
+/**
+ * @public
+ */
+export declare interface SDKUserAuthCallbacks {
+    onGoToLogin?: () => void;
+    onGoToRegistration?: () => void;
+}
+
 /**
  * @public
  * @deprecated sections are no longer used.
@@ -5715,19 +5767,25 @@ export declare interface SimplifiedVideoController {
     }) => void): void;
     /**
      * Add an event listener for ad started events
-     * @param event - Must be 'ad_started'
+     * @param event - Must be 'ad-started'
      * @param callback - Function called when an ad starts playing
      */
-    addEventListener(event: 'ad_started', callback: (adMetadata: AdMetadata & {
+    addEventListener(event: 'ad-started', callback: (adMetadata: AdMetadata & {
         customAdMetadata?: Record<string, unknown> | null;
         ctaElement: HTMLElement | null;
     }) => void): void;
     /**
      * Add an event listener for ad ended events
-     * @param event - Must be 'ad_ended'
+     * @param event - Must be 'ad-ended'
      * @param callback - Function called when an ad finishes playing
      */
-    addEventListener(event: 'ad_ended', callback: () => void): void;
+    addEventListener(event: 'ad-ended', callback: () => void): void;
+    /**
+     * Add an event listener for companion ads events
+     * @param event - Must be 'companion-ads'
+     * @param callback - Function called when companion ads are available
+     */
+    addEventListener(event: 'companion-ads', callback: (companionAds: CompanionAd[]) => void): void;
     /**
      * Remove an event listener
      * @param event - The event name to stop listening for
@@ -6374,6 +6432,10 @@ export declare interface TivioComponents {
     ContentSortPicker: React_2.ComponentType<ContentSortPickerProps>;
     WebTivioProVideoScreen: React_2.ComponentType<WebTivioProVideoScreenProps>;
     RemoteController: React_2.ComponentType<RemoteControllerProps>;
+    MonetizationsSelectOverlay: React_2.ComponentType;
+    MonetizationsSelectOverlayContextProvider: React_2.ComponentType<{
+        children: React_2.ReactNode;
+    }>;
 }
 
 /**
@@ -6398,7 +6460,7 @@ export declare interface TivioConfig {
     };
     secret: string;
     /**
-     * Language used when isLanguageSelectionEnabled is false | undefined or when not possible to load language from local storage or localization worker
+     * Language used when no languageSelector is set or when not possible to load language from local storage or localization worker
      */
     language: LangCode;
     debug?: boolean;
@@ -6406,15 +6468,16 @@ export declare interface TivioConfig {
     firebaseApp?: any | null;
     firebaseFactory?: (config: object, appName?: string) => firebase_2.FirebaseApp;
     authDomainOverride?: string;
+    /**
+     * @deprecated this field is no longer in use and has no impact when set.
+     */
     firestore?: any | null;
     currency: Currency;
     /**
-     * A flag that indicates whether the language selection feature is enabled.
-     * Language is then stored to local storage 'tivio-user-language'.
-     * If nothing is stored in local storage, then language is set according to location
-     * When set to `true`, users are allowed to choose their preferred language
+     * Represents an optional array of LanguageSelector objects.
+     * Used to define and manage a list of supported languages for different language-usages (user, content,...).
      */
-    isLanguageSelectionEnabled?: boolean;
+    languageSelectors?: Partial<Record<LanguageSelector, LangCode[]>>;
     applicationId?: string;
     isTivioProApp?: boolean;
     lockApplicationHandle?: string;
@@ -6441,6 +6504,7 @@ export declare interface TivioConfig {
      * customTokenCookiesDomain: 'example.com'
      */
     customTokenCookiesDomain?: string;
+    enableGtmPlayerEvents?: boolean;
 }
 
 /**
@@ -6644,7 +6708,9 @@ export declare type TivioInternalProviders = {
     UserContextProvider: React_2.ComponentType<{
         children?: React_2.ReactNode;
     }>;
-    MonetizationsSelectOverlayContextProvider: React_2.ComponentType;
+    MonetizationsSelectOverlayContextProvider: React_2.ComponentType<{
+        children: React_2.ReactNode;
+    }>;
     QerkoOverlayContextProvider: React_2.ComponentType;
     /**
      * @deprecated do not use, this provider will be removed in the future
@@ -6692,12 +6758,18 @@ export declare type TivioJsBundleExposedApi = {
     /**
      * Get tag by its id.
      * @param tagId - tag id
-     * @returns {Promise<Tag | null>} widget or null if tag does not exists
+     * @returns {Promise<Tag | null>} tag or null if tag does not exists
      */
     getTagById: (tagId: string) => Promise<Tag | null>;
+    /**
+     * Get tags by their ids.
+     * @param tagIds - tag ids
+     * @returns {Promise<Tag[]} list of tags for given ids
+     */
+    getTagsByIds: (tagIds: string[]) => Promise<Tag[]>;
     createPlayerWrapper: (playerImplementation: PlayerInterfaceForPlayerWrapper) => TivioPlayerWrapper;
     destroy: () => Promise<void>;
-} & Pick<TivioGetters, 'getVideoById' | 'getScreenById' | 'organization' | 'getUser'> & Pick<TivioSubscriptions, 'subscribeToVideo' | 'subscribeToItemsInRow' | 'subscribeToRowsInScreen'> & Pick<TivioAuth, 'createUserWithEmailAndPassword' | 'signInWithEmailAndPassword' | 'resetPassword' | 'signOut'> & Pick<TivioSetters, 'setBundleVersion' | 'setUser' | 'setLanguage' | 'setStorageManager'>;
+} & Pick<TivioGetters, 'getVideoById' | 'getScreenById' | 'organization' | 'getUser'> & Pick<TivioSubscriptions, 'subscribeToVideo' | 'subscribeToItemsInRow' | 'subscribeToRowsInScreen'> & Pick<TivioAuth, 'createUserWithEmailAndPassword' | 'signInWithEmailAndPassword' | 'resetPassword' | 'signOut'> & Pick<TivioSetters, 'setBundleVersion' | 'setUser' | 'setLanguage' | 'setContentLanguage' | 'setStorageManager'>;
 
 /**
  * @public
@@ -6769,6 +6841,7 @@ export declare type TivioSetters = {
      * @param language
      */
     setLanguage: (language: LangCode) => void;
+    setContentLanguage: (language: LangCode) => void;
     setStorageManager: (storageManager: StorageManager_2) => void;
     setUser: (userId: string | null, userPayload?: UserPayload) => Promise<void>;
 };
@@ -6797,10 +6870,6 @@ export declare type TivioSubscriptions = {
     subscribeToItemsInRow: SubscribeToItemsInRow;
     subscribeToRowsInScreen: SubscribeToRowsInScreen;
     subscribeToTaggedVideos: SubscribeToTaggedVideos;
-    registerOverlayCallbacks: (callbacks: {
-        onShow: () => void;
-        onHide: () => void;
-    }) => void;
 };
 
 /**
@@ -6887,7 +6956,7 @@ export declare interface TvAppProps {
 /**
  * @public
  */
-export declare interface TvChannel extends RowItem {
+export declare interface TvChannel extends RowItem, MonetizableItem {
     id: string;
     itemType: ROW_ITEM_TYPES.TV_CHANNEL;
     name: string;
@@ -6898,17 +6967,11 @@ export declare interface TvChannel extends RowItem {
     logoPendingOverlayWidth?: string;
     hls: string;
     dash: string;
-    /**
-     * Returns all transactions and subscriptions applied to this tv channel.
-     * Transactions before subscriptions, sorted by price ascending.
-     */
-    getPurchasableMonetizations(options?: GetPurchasableMonetizationsOptions): PurchasableMonetization[];
     getSourceUrl(options?: {
         language?: LangCode;
     }): Promise<GetSourceUrlResponse & {
         language?: LangCode;
     }>;
-    purchasableMonetization: any | null;
     price: number;
     cover: string;
     isPlayable: boolean;
@@ -7022,6 +7085,10 @@ export declare type UpdateNotificationSettingsResponse = Promise<boolean>;
 
 export declare type UpsertCommentResponse = AddEditCommentResponse | DeleteCommentResponse;
 
+export declare type UrlNamesType = {
+    [key in LangCode]?: string[];
+};
+
 /**
  * @public
  */
@@ -7651,23 +7718,18 @@ export declare type VastApiFramework = string | 'VPAID' | null;
  * @public
  */
 export declare enum VastProvider {
-    CNC_PREBID = "cnc-prebid",
     CNC_STARGAZE_PREROLL_1 = "cnc-stargaze-preroll-1",
     CNC_STARGAZE_PREROLL_2 = "cnc-stargaze-preroll-2",
     CNC_STARGAZE_MIDROLL = "cnc-stargaze-midroll",
-    ETARGET_PREBID = "etarget-prebid",
     FALLBACK_HLS = "fallback-hls",
     FALLBACK_MP4 = "fallback",
     GARAZ_TV = "garaz.tv",
     GARAZ_TV_DEV = "garaz.tv.dev",
-    IMPRESSION_MEDIA_PREBID = "impressionMedia-prebid",
     JOJ_ADFORM = "joj",
     JOJ_SMART = "joj-smart",
     JOJ_AD_MANAGER_VOD_PREROLL = "joj-ad-manager-vod-preroll",
     JOJ_AD_MANAGER_VOD_MIDROLL = "joj-ad-manager-vod-midroll",
     JOJ_AD_MANAGER_LIVE_PREROLL = "joj-ad-manager-live-preroll",
-    MALL_TV = "malltv",
-    MALL_TV_PREBID = "malltv-prebid",
     PRIMA = "prima",
     TEST = "test",
     TEST_VPAID = "test-vpaid",
@@ -7779,6 +7841,7 @@ export declare interface Video extends RowItem, MonetizableItem, ReactableConten
     forcedCapabilities: PlayerCapability[] | null;
     mainLinkedVideoId?: string;
     getLinkedVideoIdByLanguage: (lang: LangCode) => string | undefined;
+    externals?: VideoExternals;
 }
 
 /**
@@ -7814,9 +7877,10 @@ export declare interface VideoController {
         muted: boolean;
         volume: number;
     }) => void): void;
-    addEventListener(event: 'ad_started', callback: (value: AdMetadata & {
+    addEventListener(event: 'ad-started', callback: (value: AdMetadata & {
         adCtaElement: HTMLElement | null;
     }) => void): void;
+    addEventListener(event: 'companion-ads', callback: (value: CompanionAd[]) => void): void;
     /**
      * Remove an event listener
      * @param event - The event name to stop listening for
@@ -8072,7 +8136,7 @@ export declare interface VideoTileSpecificData {
     assets?: AssetsField;
     episodeNumber?: number;
     seasonNumber?: number;
-    urlName?: VideoUrlNames;
+    urlName?: UrlNamesType;
     monetizations?: VideoTileMonetizationData[];
     description?: Translation;
 }
@@ -8141,13 +8205,6 @@ export declare enum VideoType {
     CHILD = "CHILD"
 }
 
-/**
- * @public
- */
-export declare type VideoUrlNames = {
-    [key in LangCode]?: string[];
-};
-
 export declare interface ViewCountItem {
     /**
      * Unix timestamp
@@ -8318,6 +8375,7 @@ export declare interface Watermark {
 
 export declare interface WebConfig {
     customer: CustomerId;
+    customerName?: string;
     title?: string;
     description?: string;
     logo: string;
@@ -8333,16 +8391,35 @@ export declare interface WebConfig {
          * Text on buy voucher button, if not provided the default text will be used.
          */
         buyVoucherButtonText?: string;
+        /**
+         * If true, the voucher button will be shown in the header.
+         */
+        showVoucherButton?: boolean;
         allowSearch?: boolean;
         logoHeight?: string;
         mobileLogoHeight?: string;
         buySubscriptionButtonText?: string;
+        isHidden?: boolean;
+        /**
+         * Additional menu items to be shown in the rounded menu in the header (external or internal)
+         */
+        additionalMenuItems?: {
+            name: string;
+            href: string;
+            newTab?: boolean;
+        }[];
     };
     footer?: {
+        isHidden?: boolean;
         /**
          * If logo is different from logo in header
          */
         logo?: string;
+        /**
+         * @fixme https://app.clickup.com/t/90151157205/TIV-1515
+         * If multiple logos are provided, the multiple logos are prioritized over the single logo.
+         */
+        multipleLogos?: string[];
         showLogo?: boolean;
         /**
          * right panel - various type of contacts to owners of website
@@ -8385,6 +8462,19 @@ export declare interface WebConfig {
             email?: string;
         };
         cookieSettingsLabel?: string;
+        disclaimer?: string;
+        showDivider?: boolean;
+        /**
+         * Additional links to be shown in the footer
+         */
+        additionalLinks?: {
+            name: string;
+            href: string;
+        }[];
+        /**
+         * Hide footer on these paths
+         */
+        hideFooter?: string[];
         partners?: {
             name: string;
             logo: string;
@@ -8400,6 +8490,14 @@ export declare interface WebConfig {
      * so app requires authorization to see them.
      */
     securedContent?: boolean;
+    /**
+     * If true, then auth is required for all pages.
+     */
+    isAuthRequired?: boolean;
+    /**
+     * If true, then buy subscription button is hidden.
+     */
+    hideBuySubscriptionButton?: boolean;
     /**
      * CSS styles for application background.
      */
@@ -8418,6 +8516,10 @@ export declare interface WebConfig {
          * Default is TRUE (see {@link AppLoadingOverlay}
          */
         showProgressBar?: boolean;
+        /**
+         * URL to background image shown on loading screen.
+         */
+        backgroundUrl?: string;
     };
     /**
      * Slug of all pages where user will be forced to fill login form if he's not logged in.
@@ -8445,6 +8547,7 @@ export declare interface WebConfig {
      */
     showChooseSubscription?: boolean;
     registration?: {
+        logoMarginTop?: string;
         /**
          * Customization of auth form
          */
@@ -8464,6 +8567,7 @@ export declare interface WebConfig {
             showAcceptanceOfTermsAndConditions?: boolean;
         };
         registrationConsent?: string;
+        socialRegistrationConsent?: string;
     };
     payment?: {
         paymentConsent?: string;
@@ -8474,9 +8578,11 @@ export declare interface WebConfig {
      */
     supportVouchers?: boolean;
     /**
-     * Config for Google Tag Manager
+     * Config for Google Tag Manager with optional shouldWaitForDidomi flag
      */
-    googleTagManagerConfig?: TagManagerArgs;
+    googleTagManagerConfig?: TagManagerArgs & {
+        shouldWaitForDidomi?: boolean;
+    };
     customScripts?: CustomScript[];
     /**
      * Favicons config
@@ -8495,6 +8601,8 @@ export declare interface WebConfig {
     };
     monetizationSelectOverlay?: {
         title?: string;
+        benefitLeftIcon?: string;
+        showFullMonetizationOnMobile?: boolean;
     };
     /**
      * Google Analytics ID. If provided, Google Analytics will be enabled.
@@ -8506,6 +8614,7 @@ export declare interface WebConfig {
     centeredMenu?: boolean;
     /**
      * All values are considered as false if not provided.
+     * @deprecated - use settings.allowedSignInProviders inside OrganizationDocument
      */
     socialLogins?: {
         showAppleLogin?: boolean;
@@ -8520,15 +8629,32 @@ export declare interface WebConfig {
      * If true, robots.txt will prevent crawling of the website.
      */
     norobots?: boolean;
-    customTranslations?: {
-        [key: string]: {
-            [key: string]: string;
-        };
+    voucher?: {
+        voucherConsent: string;
+    };
+    customTranslations?: Record<string, Record<string, string>>;
+    onPurchase?: (monetization: Purchase) => void;
+    facebookPixelConfig?: {
+        pixelId: string;
+        shouldWaitForDidomi?: boolean;
     };
+    /**
+     * If true, the app will be locked in the "remote controller" mode.
+     * This means that the app will not be able to navigate to other pages and will only show the remote controller.
+     */
+    isRemoteControllerApp?: boolean;
+    /**
+     * Determines if application should check allowed URL handles when switching applications.
+     */
+    disableUrlHandleCheck?: boolean;
     /**
      * Map for all handlers
      */
     handlers?: PurchaseEventHandlers;
+    homeScreen?: {
+        useFullHeight?: boolean;
+    };
+    disableModalSwitcher?: boolean;
 }
 
 /**
@@ -8634,6 +8760,7 @@ export declare interface WebPlayerProps {
     hideOverlay?: boolean;
     sourcePlayMode?: SourcePlayMode;
     adsConfig?: StaticAdsBreak[];
+    userAuthCallbacks?: SDKUserAuthCallbacks;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tivio/sdk-react",
-    "version": "9.5.0",
+    "version": "9.7.0",
     "main": "dist/index.js",
     "typings": "dist/index.d.ts",
     "source": "src/index.ts",
@@ -38,7 +38,7 @@
         "@material-ui/core": "^4.11.2",
         "@material-ui/icons": "^4.11.2",
         "@sentry/browser": "^6.1.0",
-        "@tivio/common": "1.1.135",
+        "@tivio/common": "1.1.138",
         "dayjs": "^1.11.0",
         "es7-object-polyfill": "^1.0.1",
         "firebase": "8.10.1",