@tivio/sdk-react 9.0.0 → 9.1.0

package/dist/sdk-react.d.ts

@@ -1,9 +1,26 @@
 import { ComponentType } from 'react';
+import { DocumentReference } from '@firebase/firestore-types';
+import firebase from '@firebase/app-types';
 import { FunctionComponentElement } from 'react';
 import { GeoPoint } from '@firebase/firestore-types';
 import { OperatingSystem } from 'detect-browser';
+import type { PaletteType } from '@material-ui/core';
 import { default as React_2 } from 'react';
 import { RecommendationsQuery } from '@algolia/recommend';
+import type { TagManagerArgs } from 'react-gtm-module';
+
+/**
+ * @public
+ */
+export declare interface AddCommentOptions {
+    parentCommentId?: string;
+    text: string;
+    videoTime?: number;
+}
+
+export declare type AddEditCommentResponse = {
+    id: string;
+};
 
 /**
  * @public
@@ -224,6 +241,10 @@ export declare enum ALGOLIA_INDEX_NAME {
     USERS = "users"
 }
 
+export declare interface AllStargazeCreatorsWithVoucherSubscriptionsResponse {
+    creators: CreatorsWithVoucherSubscriptions[];
+}
+
 /**
  * List of conversion types that we send to analytics.
  */
@@ -292,11 +313,20 @@ export declare interface AnalyticsInterface {
 /**
  * @public
  */
-export declare interface Application {
-    name: Translation;
+export declare interface Application extends RowItem {
+    id: string;
+    organizationId?: string;
+    itemType: ROW_ITEM_TYPES.APPLICATION;
+    name: string;
     type: ApplicationType;
     urlHandle: string;
-    screens: ApplicationScreenConfig[] | null;
+    applicationScreens: ApplicationScreenConfig[] | null;
+    screenConfigs: ScreenConfig[] | null;
+    logo: string | null;
+    cover: string | null;
+    videosCount: number | null;
+    organization?: Organization;
+    isEnabled: boolean;
 }
 
 /**
@@ -314,6 +344,16 @@ export declare enum ApplicationType {
     ORGANIZATION = "ORGANIZATION"
 }
 
+/**
+ * @public
+ */
+export declare interface ApplyScreenConditionPayload {
+    embedUrl?: string;
+    userPurchases?: Purchase[];
+    isSignedIn?: boolean;
+    condition: RenderCondition;
+}
+
 /**
  * @public
  */
@@ -322,6 +362,45 @@ export declare type ArrisDeviceInfo = {
     model?: 'VIP1003' | 'VIP1113' | 'VIP5305';
 };
 
+/**
+ * @public
+ */
+export declare interface Article extends RowItem, MonetizableItem, ReactableContent {
+    id: string;
+    itemType: ROW_ITEM_TYPES.ARTICLE;
+    blocks: ArticleBlock[];
+    cover: string;
+    organizationId?: string;
+}
+
+/**
+ * @public
+ */
+export declare interface ArticleBlock {
+    id: string;
+    type: ArticleBlockType;
+    htmlContent?: string;
+    imageUrl?: string;
+    textContent?: string;
+    videoId?: string;
+}
+
+export declare interface ArticleBlockField extends Omit<ArticleBlock, 'textContent' | 'htmlContent'> {
+    textContent?: Translation;
+    htmlContent?: Translation;
+}
+
+/**
+ * @public
+ */
+export declare type ArticleBlockType = 'PARAGRAPH' | 'IMAGE' | 'VIDEO' | 'HEADING' | 'PAYWALL';
+
+export declare interface ArticleTileSpecificData {
+    organizationId: string;
+    blocks: ArticleBlockField[];
+    assets?: AssetsField;
+}
+
 /**
  * @public
  */
@@ -339,7 +418,14 @@ export declare type Assets = {
 /**
  * @public
  */
-export declare type AssetType = 'circled' | 'landscape' | 'portrait';
+export declare interface AssetsField<TAsset extends ScalableAsset = ScalableAsset> {
+    [assetName: string]: TAsset;
+}
+
+/**
+ * @public
+ */
+export declare type AssetType = 'circled' | 'landscape' | 'portrait' | 'square';
 
 declare type Attributes = {
     created: string;
@@ -354,36 +440,45 @@ declare type Attributes = {
  */
 export declare interface AvailableSeason {
     seasonNumber: number;
+    seasonName?: string;
+}
+
+export declare interface AvailableSeasonField {
+    seasonNumber: number;
+    seasonName?: Translation;
 }
 
 /**
  * @public
  */
-export declare type AvatarProps = {
+export declare interface AvatarProps {
     cover?: string;
     isLoading?: boolean;
     size?: number;
-};
+}
 
 /**
  * @public
  */
 export declare type BadRequestError = Error & {
     details?: {
-        reason?: 'DOES_NOT_EXIST' | 'EXPIRED' | 'ALREADY_USED';
+        reason?: 'DOES_NOT_EXIST' | 'EXPIRED' | 'ALREADY_USED' | 'ALREADY_USED_BY_CURRENT_USER';
     };
 };
 
 export declare enum BannerItemComponent {
     CLASSIC = "CLASSIC",
     SPLIT = "SPLIT",
-    BACKGROUND = "BACKGROUND"
+    BACKGROUND = "BACKGROUND",
+    BACKGROUND_BLUR = "BACKGROUND_BLUR",
+    ORGANIZATION_BANNER = "ORGANIZATION_BANNER",
+    CAROUSEL = "CAROUSEL"
 }
 
 /**
  * @public
  */
-export declare type BannerProps = {
+export declare interface BannerProps {
     isLoading: boolean;
     text: string;
     description?: string;
@@ -391,7 +486,7 @@ export declare type BannerProps = {
     onClick?: () => void;
     hoverable: boolean;
     height: number;
-    cover: string;
+    cover?: string | null;
     overlay: boolean;
     price: string;
     borderRadius?: string | number;
@@ -399,7 +494,13 @@ export declare type BannerProps = {
     onButtonClick?: () => void;
     buttonHref?: string;
     numberOfLines?: number;
-};
+    organizationId?: string;
+    organizationName?: string;
+    organizationLogo?: string;
+    organizationLogoLandscape?: string;
+    organizationHandle?: string;
+    organizationProfilePhoto?: string;
+}
 
 /**
  * @public
@@ -447,11 +548,11 @@ export declare const bundlePromise: Promise<RemoteBundleState>;
 /**
  * @internal
  */
-export declare type ButtonOptions = {
+export declare interface ButtonOptions {
     backgroundImage: string;
     borderRadius: string | number;
     color?: string;
-};
+}
 
 /**
  * @public
@@ -509,6 +610,31 @@ export declare type Chapter = any;
  */
 export declare type CmpConfig = 'default' | 'debug' | 'none';
 
+/**
+ * @public
+ */
+declare interface Comment_2 {
+    id: string;
+    text: string;
+    videoTime: number | null;
+    createdAt: Date;
+    editedAt: Date | null;
+    user: CommentUser | null;
+    reactions: Record<string, number> | null;
+    repliesCount: number | null;
+    isReady: boolean;
+    updateRepliesCount: (increment: boolean) => void;
+}
+export { Comment_2 as Comment }
+
+/**
+ * @public
+ */
+export declare interface CommentUser {
+    name: string;
+    avatarUrl: string | null;
+}
+
 /**
  * TODO same name as core-js entity, not convenient
  * @public
@@ -555,7 +681,7 @@ export declare interface CommonSourceParams<T extends SourceType = SourceType> {
  * TODO it's the same as Customizations, not?
  * @internal
  */
-export declare type Components = {
+export declare interface Components {
     menu: {
         height: number;
     };
@@ -566,7 +692,7 @@ export declare type Components = {
     banner: {
         height: number;
     };
-};
+}
 
 /**
  * Just another alias. Reexported for backward compatibility.
@@ -618,6 +744,15 @@ export declare interface ConsumedAds {
     preroll: boolean;
 }
 
+/**
+ * @public
+ */
+export declare interface ContentAvailability {
+    from: Date;
+    to: Date | null;
+    manual: boolean;
+}
+
 /**
  * @public
  */
@@ -633,11 +768,11 @@ export declare enum ContentSortEnum {
 /**
  * @public
  */
-export declare type ContentSortPickerProps = {
+export declare interface ContentSortPickerProps {
     value: ContentSortEnum;
     isSeries?: boolean;
     onChange: (value: ContentSortEnum) => void;
-};
+}
 
 /**
  * @public
@@ -720,12 +855,12 @@ export declare interface ConversionsTargetItem {
  * @public
  * @TODO move somewhere else
  */
-export declare type CoverPadding = {
+export declare interface CoverPadding {
     top?: number;
     bottom?: number;
     left?: number;
     right?: number;
-};
+}
 
 /**
  * @public
@@ -751,6 +886,8 @@ export declare interface CreateUserPayload {
     referralToken?: string;
     username?: string;
     phoneNumber?: string;
+    authUserId?: string;
+    isAnonymous?: boolean;
 }
 
 /**
@@ -758,6 +895,12 @@ export declare interface CreateUserPayload {
  */
 export declare type CreateUserWithEmailAndPassword = (email: string, password: string, username?: string, phoneNumber?: string, referralToken?: string) => Promise<string | null>;
 
+export declare interface CreatorsWithVoucherSubscriptions {
+    id: string;
+    logo: string;
+    name: string;
+}
+
 /**
  * @public
  */
@@ -769,10 +912,17 @@ export declare const CURRENCIES: string[];
  */
 export declare type Currency = 'CZK' | 'EUR' | 'USD';
 
+/**
+ * Necessary because keys in cloud function config cannot contain upper-case letters.
+ * Has to be in sync with {@link Currency}.
+ */
+export declare type CurrencyLowerCase = 'czk' | 'eur' | 'usd';
+
 /**
  * @public
  */
 export declare enum CustomerId {
+    CESTMIR_STRAKATY = "CESTMIR_STRAKATY",
     CNC = "CNC",
     DVTV = "DVTV",
     DVTV_DEV = "DVTV_DEV",
@@ -782,23 +932,31 @@ export declare enum CustomerId {
     INVESTICNI_PRUVODCE = "INVESTICNI_PRUVODCE",
     INVESTOREES = "INVESTOREES",
     JOJ = "JOJ",
+    KLUCI_Z_PRAHY = "KLUCI_Z_PRAHY",
     MALL = "MALL",
     MEDIAR = "MEDIAR",
     NANGU_DEV = "NANGU_DEV",
     O2 = "O2",
     OKTAGON = "OKTAGON",
+    ONDREJ_AUST = "ONDREJ_AUST",
     ONDREJ_KOBERSKY = "ONDREJ_KOBERSKY",
+    REALTALK = "REALTALK",
     STARMAX = "STARMAX",
-    STORYBOOK = "STORYBOOK",
+    STARGAZE = "STARGAZE",
+    STORYBOOK = "STORYBOOK",// dev
     TIVIO = "TIVIO",
+    TIVIO_PRO = "TIVIO_PRO",
     U_KULATEHO_STOLU = "U_KULATEHO_STOLU",
-    STARME = "STARME"
+    VIRTUAL_CHANNEL_VIDEOS = "VIRTUAL_CHANNEL_VIDEOS",
+    VOJTA_ZIZKA = "VOJTA_ZIZKA",
+    LIGA_NARUBY = "LIGA_NARUBY",
+    VIC_NEZ_SI_MYSLITE = "VIC_NEZ_SI_MYSLITE"
 }
 
 /**
  * @internal
  */
-export declare type Customizations = {
+export declare interface Customizations {
     Tile: TileOptions;
     Button: ButtonOptions;
     Banner: {
@@ -823,6 +981,11 @@ export declare type Customizations = {
         };
         borderRadius: string | number;
     };
+    Monetization?: {
+        borderRadius?: number;
+        backgroundColor?: string;
+        color?: string;
+    };
     SplitBanner: {
         height: string;
         Image: {
@@ -831,6 +994,16 @@ export declare type Customizations = {
             };
         };
     };
+    OrganizationBanner?: {
+        logo?: {
+            height: string;
+            width: string;
+        };
+        primaryButton?: {
+            backgroundColor: string;
+            color: string;
+        };
+    };
     Row: {
         /**
          * Customizations of Banner component that is used as Row on Customer screen (e.g. WebBannerData)
@@ -839,18 +1012,28 @@ export declare type Customizations = {
             borderRadius: string | number;
         };
         header: {
-            opacity: number;
+            opacity?: number;
         };
     };
+    ProgressBar?: {
+        color: string;
+        showDot: boolean;
+    };
     Header: {
         backgroundColor: string;
         activeLinkUnderlineColor: string;
         logoHeight: string;
+        mobileLogoHeight?: string;
         borderBottom: string;
         color?: string;
     };
+    CenteredMenu?: {
+        backgroundColor: string;
+        menuLinkColor: string;
+    };
     Footer: {
         backgroundColor: string;
+        color: string;
     };
     VideoDetail: {
         Banner: {
@@ -869,12 +1052,12 @@ export declare type Customizations = {
                 };
             };
         };
-        TagsRow: {
+        TagsRow?: {
             /**
              * Tags of this tag type is shown in tags row on video detail screen.
              * The same config is used for SplitBanner.
              */
-            tagTypeId: string;
+            tagTypeId?: string;
             /**
              * Row title
              */
@@ -886,6 +1069,16 @@ export declare type Customizations = {
         AttributeTexts?: {
             color: string;
             mobileColor?: string;
+            display?: 'none' | 'block';
+        };
+        OverlayControls?: {
+            size?: number;
+            sizeMobile?: number;
+            backgroundColor?: string;
+            hoverBackgroundColor?: string;
+            borderColor?: string | null;
+            scaleUp?: boolean;
+            lowerOpacityMobile?: boolean;
         };
     };
     Input: InputOptions;
@@ -916,7 +1109,13 @@ export declare type Customizations = {
         backgroundColor: string;
         color: string;
     };
-};
+}
+
+export declare interface CustomScript {
+    src: string;
+    event?: EventName;
+    isAsync?: boolean;
+}
 
 /**
  * @internal
@@ -969,14 +1168,19 @@ export declare const DEFAULT_ORDER_BY: {
  */
 export declare type DefaultOrderByField = 'created';
 
+export declare type DeleteCommentResponse = {
+    deleted: boolean;
+};
+
 /**
  * @public
  */
-export declare type DetailedPrice = {
+export declare interface DetailedPrice {
     amount: number;
     currency: Currency;
     frequency?: MONETIZATION_FREQUENCY;
-};
+    durationDays?: number;
+}
 
 /**
  * @public
@@ -1001,10 +1205,10 @@ declare type Disposer_2 = () => void;
 /**
  * @public
  */
-export declare type DividerProps = {
+export declare interface DividerProps {
     verticalSpacing?: number;
     horizontalSpacing?: number;
-};
+}
 
 /**
  * @public
@@ -1065,6 +1269,15 @@ export declare enum DurationUnits {
     MONTH = "month"
 }
 
+/**
+ * @public
+ */
+export declare interface EditCommentOptions extends Omit<AddCommentOptions, 'parentCommentId'> {
+    commentId: string;
+    text: string;
+    videoTime?: number;
+}
+
 /**
  * Represents a SendGrid transactional template.
  */
@@ -1174,6 +1387,10 @@ export declare type Empty = void | Promise<void> | undefined | Promise<undefined
  */
 declare type Empty_2 = void | Promise<void> | undefined | Promise<undefined>;
 
+export declare enum EventName {
+    REGISTRATION_DONE = "REGISTRATION_DONE"
+}
+
 /**
  * @public
  */
@@ -1202,6 +1419,21 @@ export declare const fetchBundle: (secret: string, conf: InternalConfig) => Prom
  */
 declare type FetchPackage = (url: string) => Promise<string>;
 
+/**
+ * @public
+ */
+export declare type FollowedOrganizationData = {
+    id: string;
+    name: string;
+    application: {
+        id: string;
+        urlHandle: string;
+        logo?: string;
+        logoLandscape?: string;
+        profilePhoto?: string;
+    };
+};
+
 /**
  * Counterpart for {@link ForbiddenError} from @tivio/api.
  * @public
@@ -1231,6 +1463,15 @@ export declare interface GenericOnCallError extends Error {
     details?: Record<string, string>;
 }
 
+/**
+ * @public
+ */
+export declare type GeoBlocking = {
+    whitelist: Array<any>;
+} | {
+    blacklist: Array<any>;
+};
+
 export declare interface GetBaseAnalyticsRequest {
     /**
      * Id of organization to return analytics data.
@@ -1254,6 +1495,12 @@ export declare interface GetMonetizationsAnalyticsResponse {
     monetizationsAnalytics: MonetizationSummaryItem[];
 }
 
+export declare type GetMonetizationsCountsAnalyticsRequest = GetBaseAnalyticsRequest;
+
+export declare interface GetMonetizationsCountsAnalyticsResponse {
+    monetizationsCountsAnalytics: MonetizationsCountsSummaryItem[];
+}
+
 /**
  * Share singleton instance
  * @public
@@ -1263,9 +1510,9 @@ export declare const getPubSub: () => PubSub;
 /**
  * @public
  */
-export declare type GetPurchasableMonetizationsOptions = {
+export declare interface GetPurchasableMonetizationsOptions {
     includeMonetizationsWithPurchaseDisabled: boolean;
-};
+}
 
 /**
  * Response from Tivio getPurchaseInfo HTTP endpoint.
@@ -1282,6 +1529,8 @@ export declare type GetPurchaseInfoResponse = {
     };
 };
 
+export declare type GetRowsInScreenResponse = PaginatedResponse<RowInScreen, 'screenId'>;
+
 export declare interface GetSourceUrlRequest {
     /**
      * Id of the document to return source for.
@@ -1353,6 +1602,8 @@ export declare interface GetSourceUrlResponse {
     audioOnly?: boolean;
 }
 
+export declare type GetTilesInRowResponse<U extends NextPageParamType = NextPageParamType> = PaginatedResponse<TileData, U>;
+
 export declare interface GetVideoAnalyticsErrorItem {
     count: number;
     timestamp: number;
@@ -1421,19 +1672,26 @@ export declare enum GRID_TYPES {
     SERIES = "SERIES"
 }
 
-declare type IncludedItem = {
+/**
+ * @public
+ */
+export declare interface HistoryContextData {
+    history: string[];
+    backOrRedirectToRoot: () => void;
+}
+
+export declare type IncludedItem = {
     attributes: {
         next_charge_date: string;
-        /**
-         * A null value indicates the member has never pledged. Can be null.
-         */
-        patron_status: 'active_patron' | 'declined_patron' | 'former_patron' | null;
+        patron_status: PatreonStatus;
         /**
          * The only successful status is Paid. null if never charged. Can be null.
          * One of Paid Declined Deleted Pending Refunded Fraud Other.
          */
         last_charge_status: 'Paid' | 'Declined' | 'Deleted' | 'Pending' | 'Refunded' | 'Fraud' | 'Other';
         last_charge_date: string;
+        pledge_relationship_start: string;
+        campaign_lifetime_support_cents: number;
     };
     id: string;
     type: string;
@@ -1494,7 +1752,16 @@ export declare interface IndexedVideo extends IndexedObject {
     sharedOrganizationPaths?: string[];
     tagPaths?: string[];
     created: Date | string;
+    /**
+     * Is evaluated on publishedStatus and transcodingStatus fields.
+     * TODO this will be true for videos with UNLISTED status, which is unintuitive for 'isDraft', we need to rename this
+     */
     isDraft: boolean;
+    /**
+     * TODO: Remove optional once we have all videos with transcodingStatus and publishedStatus set in algolia
+     */
+    transcodingStatus?: VideoTranscodingStatus;
+    publishedStatus?: PublishedStatus;
     type: VideoType;
     contentType?: VideoContentType;
     name: string | Translation;
@@ -1510,14 +1777,25 @@ export declare interface IndexedVideo extends IndexedObject {
      * True if the video is available in Tivio Pro (StarMe)
      */
     isTivioPro: boolean;
+    /**
+     * See {@link VideoDocument.monetizationAccessRefs}.
+     * We need explicitly set to false when there are no access monetizations set,
+     * because algolia can't filter based on absence of attribute,
+     * see https://www.algolia.com/doc/guides/managing-results/refine-results/filtering/how-to/filter-by-attributes/#filter-by-null-or-missing-attributes.
+     */
+    monetizationAccessIds: string[] | false;
 }
 
 /**
  * @internal
  */
-export declare type InputOptions = {
+export declare interface InputOptions {
     borderRadius: string;
-};
+    backgroundColor?: string;
+    color?: string;
+}
+
+export declare type IntegrationType = 'discord' | 'patreon';
 
 /**
  * @public
@@ -1597,7 +1875,7 @@ export declare type ItemComponent = RowItemComponent | BannerItemComponent;
 /**
  * @public
  */
-export declare type ItemsInRow = Tag | Video | TvChannel | Advertisement;
+export declare type ItemInRow = Tag | Video | TvChannel | Advertisement | Application | Article;
 
 /**
  * @public
@@ -1607,6 +1885,11 @@ export declare interface JojExternals {
     tvProfiContentId?: string;
     tvProfiSerialId?: string;
     contentId?: string;
+    /**
+     * Temporary contentId used only for live channel. The video is already encoded and stored in our storage
+     * but is also stored on nangu platform to be used for live channel.
+     */
+    dvtvExtraContentId?: string;
     provysId?: string;
     tvProfiProvysId?: string;
     tvProfiHouseId?: string;
@@ -1649,10 +1932,18 @@ export declare type LanguageType = `${LangCode}`;
 /**
  * @public
  */
-export declare type LinkedVideo = {
+export declare interface LinkedVideo {
     video: Video;
-    type: 'CUT' | 'TRAILER' | 'BONUS' | 'CHILD';
-};
+    type: 'CUT' | 'TRAILER' | 'BONUS' | 'CHILD' | 'TEASER' | 'TASTING' | 'VIRTUAL_PROGRAM' | 'PIP';
+}
+
+/**
+ * @public
+ */
+export declare interface LinkedVideoRaw {
+    videoRef: any;
+    type: LinkedVideo['type'];
+}
 
 declare type Links = {
     self: string;
@@ -1757,7 +2048,9 @@ declare type LoggerArgs = any[];
 
 export declare enum LoginRedirect {
     PAYMENT = "payment",
-    VOUCHER = "voucher"
+    VOUCHER = "voucher",
+    VOUCHER_PURCHASE = "voucherPurchase",
+    MAGENTA_MOMENTS = "magenta_moments"
 }
 
 /**
@@ -1785,10 +2078,10 @@ export declare interface Marker {
 /**
  * @public
  */
-export declare type MarkersProps = {
+export declare interface MarkersProps {
     color?: string;
     className?: string;
-};
+}
 
 declare type Membership = {
     id: string;
@@ -1801,7 +2094,23 @@ declare type Membership = {
  */
 export declare interface MigratedVideoExternals {
     externalVideoId: string;
-    additionalData: any;
+    additionalData?: any;
+}
+
+export declare interface MonetizableItem {
+    /**
+     * Returns true if content is purchased (via transaction or subscription) or free.
+     */
+    isPaid: boolean;
+    /**
+     * Gets the most relevant monetization for this content.
+     */
+    purchasableMonetization: PurchasableMonetization | null;
+    /**
+     * Returns all transactions and subscriptions applied to this video.
+     * Transactions before subscriptions, sorted by price ascending.
+     */
+    getPurchasableMonetizations(options?: GetPurchasableMonetizationsOptions): PurchasableMonetization[];
 }
 
 /**
@@ -1812,6 +2121,7 @@ export declare interface Monetization {
     type?: MonetizationType;
     name?: string;
     description?: string;
+    organizationId?: string;
 }
 
 /**
@@ -1857,6 +2167,21 @@ export declare interface MonetizationCardProps {
     focused?: boolean;
 }
 
+export declare interface MonetizationsCountsSummaryItem {
+    /**
+     * Unix timestamp at which the data is aggregated
+     */
+    date: number;
+    /**
+     * ID of monetization
+     */
+    monetizationId: string;
+    /**
+     * Count of active purchases for that date
+     */
+    count: number;
+}
+
 /**
  * @public
  */
@@ -1873,8 +2198,15 @@ export declare interface MonetizationsSelectOverlayData {
      */
     voucherPurchase?: boolean;
     registrationRedirect?: boolean;
+    organizationId?: string;
     onPurchase?: () => void;
     onClose?: () => void;
+    hideActivateVoucherButton?: boolean;
+    showHeaderBackButton?: boolean;
+    /**
+     * Applies only if {@link subscriptions} are passed.
+     */
+    doNotFilterPassedSubscriptions?: boolean;
 }
 
 /**
@@ -1883,7 +2215,7 @@ export declare interface MonetizationsSelectOverlayData {
 export declare type MonetizationsSelectOverlayState = {
     isOpen: boolean;
     data: MonetizationsSelectOverlayData | null;
-    openMonetizationsSelectOverlay: (data: MonetizationsSelectOverlayData) => void;
+    openMonetizationsSelectOverlay: (data?: MonetizationsSelectOverlayData) => void;
     closeMonetizationsSelectOverlay: () => void;
 };
 
@@ -1943,6 +2275,8 @@ export declare type NewVoucher = {
     expirationDate: Date | number;
 };
 
+declare type NextPageParamType = 'screenId' | 'rowId' | 'filter';
+
 /**
  * @public
  */
@@ -2017,8 +2351,13 @@ declare type OrderByDirection = 'desc' | 'asc';
  * @public
  */
 export declare interface Organization {
+    id: string;
     userProfileConfiguration: any;
     screenConfigs: ScreenConfig[];
+    logo: string | null;
+    logoLandscape: string | null;
+    organizationBanner: string | null;
+    profilePhoto: string | null;
 }
 
 /**
@@ -2031,6 +2370,23 @@ export declare type OtherSource = SourceBase & StartAndContinuePosition & {
     type: 'other';
 };
 
+export declare interface PaginatedResponse<T = unknown, U extends NextPageParamType = NextPageParamType> {
+    items: T[];
+    nextPageParams: {
+        offset: number;
+        limit: number;
+    } & (U extends 'screenId' ? {
+        organizationId: string;
+        screenId: string;
+        initialTilesCount: number;
+    } : U extends 'rowId' ? {
+        organizationId: string;
+        rowId: string;
+    } : U extends 'filter' ? {
+        filter: Omit<RowFilterField, 'limit'>;
+    } : {}) | null;
+}
+
 /**
  * @public
  */
@@ -2050,6 +2406,18 @@ export declare type PaginationOptions = Partial<{
     noAutoFetch: boolean;
 }>;
 
+/**
+ * @public
+ */
+export declare interface PartialRegistrationOverlayContextState {
+    isOpen: boolean;
+    openOverlay: (onEmailSent?: () => void, origin?: RegistrationRedirect, voucher?: string) => void;
+    closeOverlay: () => void;
+    onEmailSent?: () => void;
+    origin?: RegistrationRedirect;
+    voucher?: string;
+}
+
 export declare type PatreonCreatorData = {
     campaign: string;
     tiers: Tier[];
@@ -2065,6 +2433,11 @@ declare type PatreonError = {
     title?: string;
 };
 
+/**
+ * A null value indicates the member has never pledged. Can be null.
+ */
+export declare type PatreonStatus = 'active_patron' | 'declined_patron' | 'former_patron' | null;
+
 export declare type PatreonUserAuth = {
     access_token: string;
     refresh_token: string;
@@ -2074,9 +2447,16 @@ export declare type PatreonUserAuth = {
     version?: string;
 };
 
+export declare interface PatreonUserAuthWithCreated extends PatreonUserAuth {
+    /**
+     * unix timestamp in ms
+     */
+    created: number;
+}
+
 export declare type PatreonUserResponse = {
     data: Data;
-    included: IncludedItem[];
+    included?: IncludedItem[];
     links: Links;
     errors?: PatreonError[];
 };
@@ -2134,6 +2514,7 @@ export declare interface PlayerCapability {
  * @public
  */
 export declare type PlayerConfig = {
+    enabled?: boolean;
     /**
      * Some devices do not seek exactly
      *
@@ -2310,6 +2691,7 @@ export declare interface PlayerEngineInterface {
      * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#playsinline
      */
     setPlaysInline(value: boolean): void;
+    setControlsList(value: string[]): void;
 }
 
 /**
@@ -2389,6 +2771,7 @@ export declare interface PlayerInterface {
      * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#playsinline
      */
     setPlaysInline?: (value: boolean) => void;
+    setControlsList?: (value: string[]) => void;
 }
 
 /**
@@ -2568,6 +2951,8 @@ export declare type PlayerWrapperEventTypeType = `${PlayerWrapperEventType}`;
 export declare interface Promotion {
     duration?: Duration;
     price?: number;
+    requiresPaymentAuthorization?: boolean;
+    hideOtherSubscriptions?: boolean;
 }
 
 /**
@@ -2575,6 +2960,25 @@ export declare interface Promotion {
  */
 export declare type PromotionType = 'CLASSIC' | 'PATREON';
 
+/**
+ * @public
+ */
+export declare enum PublishedStatus {
+    /**
+     * Content is not published, is not shown in any application and cannot be played,
+     * even if user enters url directly into browser.
+     */
+    DRAFT = "DRAFT",
+    /**
+     * Content is published and can be accessed and played freely in any application.
+     */
+    PUBLISHED = "PUBLISHED",
+    /**
+     * Content is not visible in the application (e.g. rows, search), but if user has direct url to it, they can play it.
+     */
+    UNLISTED = "UNLISTED"
+}
+
 /**
  * @public
  */
@@ -2597,6 +3001,7 @@ export declare interface PurchasableMonetization extends Monetization {
     price?: string | number;
     promotion: Promotion | null;
     frequency?: MONETIZATION_FREQUENCY;
+    durationDays?: number;
     /**
      * Returns TRUE if subscription is purchased (and not expired) by user.
      * Returns TRUE if transaction is purchased (and not expired) for transactionItemId.
@@ -2622,6 +3027,10 @@ export declare interface PurchasableMonetization extends Monetization {
      * Returns array of tag ids of monetization placements
      */
     tagIds: string[];
+    /**
+     * When set to true, subscription is hidden in UI (e.g. in MonetizationSelectOverlay).
+     */
+    subscriptionIsHidden?: boolean;
 }
 
 /**
@@ -2637,6 +3046,7 @@ export declare type Purchase = {
      */
     createdBy?: string;
     expirationDate: Date | null;
+    gateway: PurchaseDocumentGateway | null;
     id: string;
     isExpired: boolean;
     /**
@@ -2656,6 +3066,8 @@ export declare type Purchase = {
     videoId: string | null;
     videoRef: any | null;
     voucherId: string | null;
+    isVoucherActivation?: boolean;
+    rebalancingVideoRef?: any;
 };
 
 /**
@@ -2667,7 +3079,8 @@ export declare enum PurchaseDocumentGateway {
     'voucher' = "voucher",
     'comgate' = "comgate",
     'tivio' = "tivio",
-    'patreon' = "patreon"
+    'patreon' = "patreon",
+    'paypal' = "paypal"
 }
 
 /**
@@ -2694,6 +3107,10 @@ export declare type PurchaseEndpointPayload = {
          * really expire at this timestamp - additional payment of this subscription can occur so expiration timestamp may be increased.
          */
         expiration?: number;
+        /**
+         * If purchase was made outside of standard Tivio payment method (e.g PayPal), this is its ID.
+         */
+        externalId?: string;
         /**
          * Gateway name or "voucher".
          */
@@ -2715,9 +3132,10 @@ export declare type PurchaseEndpointPayload = {
          */
         originalPurchaseId?: string;
         /**
-         * Purchase status before change.
+         * Purchase status before change. Not present for new documents - e.g. for reoccurring payment (old document is
+         * set to RENEWED, new document is created with PAID status).
          */
-        previousStatus: PurchaseStatus;
+        previousStatus?: PurchaseStatus;
         /**
          * Timestamp of the last change of the purchase - in this case it is timestamp when it was paid.
          */
@@ -2810,8 +3228,8 @@ export declare type PurchaseEndpointPayload = {
  * @public
  */
 export declare type PurchaseMonetization = {
+    durationDays?: MONETIZATION_DURATION | number;
     currency?: Currency;
-    period?: number;
     price?: number;
     /**
      * Here are only transaction and subscription because purchasing of advertisement monetization doesn't make sense.
@@ -2877,6 +3295,7 @@ export declare interface QerkoCancellationInfo {
 export declare interface QerkoData {
     monetization: PurchasableMonetization;
     item?: Video | TvChannel;
+    isMagentaMoments?: boolean;
     /**
      * If set to true, user is buying voucher.
      * Otherwise, user is making a purchase for himself.
@@ -2914,6 +3333,7 @@ export declare interface QerkoPaymentInfo {
     monetizationType: MonetizationType;
     recovery?: boolean;
     monetizationFrequency: MONETIZATION_FREQUENCY;
+    customToken?: string;
 }
 
 /**
@@ -2929,6 +3349,38 @@ export declare interface QerkoPaymentProps {
     masterCardLogoUrl?: string;
 }
 
+/**
+ * Request body which is accepted by qerkoPaymentWebhookByApiKey endpoint.
+ *
+ * @public
+ */
+export declare interface QerkoPaymentWebhookByApiKeyRequest {
+    /**
+     * Payment state.
+     */
+    state: 'PAID' | 'CANCELLED';
+    /**
+     * Tivio purchase ID.
+     */
+    idOrder: string;
+    payment: {
+        additionalData: {
+            /**
+             * Tivio user ID.
+             */
+            userId: string;
+        };
+    };
+    /**
+     * Gateway where payment was made.
+     */
+    gateway?: PurchaseDocumentGateway;
+    /**
+     * If purchase was made outside of standard Tivio payment method (e.g PayPal), this is its ID.
+     */
+    externalPurchaseId?: string;
+}
+
 /**
  * @public
  */
@@ -2940,6 +3392,39 @@ export declare interface QerkoTransaction {
     voucherId?: string;
 }
 
+/**
+ * @public
+ */
+export declare interface ReactableContent {
+    path: string;
+    reactions: {
+        [key in ReactionEnum]?: number;
+    } | null;
+    updateReactionCount: (reaction: ReactionEnum, newCount: number) => void;
+}
+
+/**
+ * @public
+ */
+export declare enum ReactionEnum {
+    LIKE = "LIKE",
+    DISLIKE = "DISLIKE",
+    LOVE = "LOVE",
+    HAHA = "HAHA",
+    WOW = "WOW",
+    SAD = "SAD",
+    ANGRY = "ANGRY",
+    CARE = "CARE",
+    SUPPORT = "SUPPORT",
+    PRAY = "PRAY",
+    THINK = "THINK",
+    CELEBRATE = "CELEBRATE",
+    THANKFUL = "THANKFUL",
+    LAUGH = "LAUGH",
+    INSPIRED = "INSPIRED",
+    AWW = "AWW"
+}
+
 /**
  * @public
  */
@@ -2955,7 +3440,10 @@ export declare type ReactNativeDeviceInfo = {
 };
 
 export declare enum RegistrationRedirect {
-    PAYMENT = "payment"
+    PAYMENT = "payment",
+    VOUCHER_PURCHASE = "voucherPurchase",
+    VOUCHER = "voucher",
+    MAGENTA_MOMENTS = "magenta_moments"
 }
 
 declare type Relationship = {
@@ -2979,11 +3467,11 @@ export declare type RemoteBundleState = {
 /**
  * @public
  */
-export declare type RemoteProviderProps = {
+export declare interface RemoteProviderProps {
     disableUnmounting?: boolean;
     language?: LangCode;
     children: React_2.ReactNode;
-};
+}
 
 /**
  * Conditions that are dynamically applied to screens before they are rendered.
@@ -2992,20 +3480,33 @@ export declare type RemoteProviderProps = {
  * 'else' indicates what should happen if the conditions are not met.
  * 'elseValue' is a payload.
  */
-export declare type RenderCondition = {
+export declare interface RenderCondition {
     type: ScreenConditionType;
+    value?: RenderConditionValue[];
     else: ScreenConditionElse;
     elseValue: RenderConditionElseValue[];
-};
+}
 
-export declare type RenderConditionElseValue = {
+export declare interface RenderConditionElseValue {
     key: string;
     value: string;
+}
+
+export declare interface RenderConditionValue {
+    subscriptionRefs?: any[];
+}
+
+/**
+ * Make all attributes in given type required, non-nullable and defined.
+ * e.g. will make `{ attribute?: string | null }` to be `{ attribute: string }`
+ */
+export declare type RequiredNonNullable<T> = {
+    [P in keyof T]-?: NonNullable<T[P]>;
 };
 
 /**
  * Makes optional attributes in given type to be required and nullable.
- * e.g. will make `attribute?: string` to be `attribute: string | null`
+ * e.g. will make `{ attribute?: string }` to be `{ attribute: string | null }`
  * @internal
  */
 export declare type RequiredNullable<T> = {
@@ -3016,29 +3517,51 @@ export declare type RequiredNullable<T> = {
  * @public
  */
 export declare interface RouterOverrides {
-    getVideoDetailPath: (videoIdOrUrlName: string) => string;
-    getSeriesDetailPath: (tagId: string) => string;
+    getVideoDetailPath: (videoIdOrUrlName: string, item?: ItemInRow) => string;
+    getSeriesDetailPath: (tagId: string, item?: ItemInRow) => string;
     getTagPath: (tagId: string) => string;
     getLoginPath: () => string;
     getRegistrationPath: () => string;
     getLivePlayerPath: (tvChannelId: string) => string;
     getVodPlayerPath: (videoIdOrUrlName: string) => string;
     getHomePath: (screens: ScreenConfig[]) => string;
-    goToVideoDetailPage: (videoIdOrUrlName: string) => void;
+    getArticlePath: (articleId: string) => string;
+    getApplicationPath: (applicationUrlHandle: string) => string;
+    getGridPath: (options: {
+        gridType: GRID_TYPES.SERIES;
+        seriesTagId: string;
+        season?: number;
+    } | {
+        gridType: GRID_TYPES.ROW;
+        rowId: string;
+    } | {
+        gridType: GRID_TYPES.VIDEO;
+        videoId: string;
+    }) => string;
+    goToVideoDetailPage: (videoIdOrUrlName: string, item?: ItemInRow) => void;
     goToSeriesDetailPage: (tagId: string) => void;
     goToTagPage: (tagId: string) => void;
     goToLoginPage: (options?: {
         manual?: boolean;
         origin?: LoginRedirect;
+        email?: string;
+        urlHandle?: string;
+        replace?: boolean;
     }) => void;
     goToRegistrationPage: (options?: {
         origin?: RegistrationRedirect;
+        email?: string;
     }) => void;
     goBack: () => void;
     goLivePlayer: (tvChannelId: string) => void;
     goVodPlayer: (videoIdOrUrlName: string) => void;
     goToHome: (user?: any, activeUserProfileId?: string) => void;
     goToRoute: (route: string) => void;
+    goToArticle: (id: string, applicationUrlHandle?: string) => void;
+    goToRecommendedFromOrganization: (screenId: string, organizationId: string) => void;
+    goToRecommendedFromOrganizationRow: (screenId: string, rowId: string) => void;
+    goToMagentaMomentsPage: (voucher?: string) => void;
+    goToVoucherRedeemPage: () => void;
 }
 
 /**
@@ -3055,43 +3578,44 @@ export declare interface RouterOverridesContextState {
 /**
  * @public
  */
-export declare type Row = RowStandard | RowBanner;
+export declare interface Row {
+    id: string;
+    rowId: string;
+    name: string;
+    description?: string;
+    assets: AssetsField;
+    type: ScreenRowType;
+    isLiveRow: boolean;
+    tiles: PaginationInterface<ItemInRow>;
+    numberOfLines?: number;
+    monetizations?: {
+        monetizationRef: any;
+    }[];
+    rowComponent: RowComponent.ROW | RowComponent.BANNER;
+    itemComponent: RowItemComponent | BannerItemComponent;
+    organizationId?: string;
+}
 
 /**
  * @public
  */
 export declare enum ROW_ITEM_TYPES {
+    APPLICATION = "APPLICATION",
     VIDEO = "VIDEO",
     TAG = "TAG",
     TV_CHANNEL = "TV_CHANNEL",
-    ADVERTISEMENT = "ADVERTISEMENT"
+    ADVERTISEMENT = "ADVERTISEMENT",
+    ARTICLE = "ARTICLE"
 }
 
 /**
- * @private
+ * @public
  */
-export declare interface RowBanner extends RowBase {
+export declare interface RowBanner extends Row {
     rowComponent: RowComponent.BANNER;
     itemComponent: BannerItemComponent;
 }
 
-/**
- * @private
- */
-declare interface RowBase {
-    id: string;
-    rowId: string;
-    name: string;
-    description?: string;
-    assets: Assets;
-    type: ScreenRowType;
-    isLiveRow: boolean;
-    numberOfLines?: number;
-    monetizations?: {
-        monetizationRef: any;
-    }[];
-}
-
 /**
  * @public
  */
@@ -3100,13 +3624,14 @@ export declare enum RowComponent {
     BANNER = "BANNER"
 }
 
-declare enum RowFilterCollection {
+export declare enum RowFilterCollection {
     VIDEOS = "videos",
     /**
      * This is not real collection path. Path always should be ${organizationId}/tags
      */
     TAGS = "tags",
-    TV_CHANNELS = "tvChannels"
+    TV_CHANNELS = "tvChannels",
+    CONTENTS = "contents"
 }
 
 /**
@@ -3116,19 +3641,66 @@ declare enum RowFilterCollection {
 export declare interface RowFilterField {
     collection: RowFilterCollection;
     limit?: number;
-    orderBy: {
+    orderBy?: {
         fieldPath: RowOrderByFieldPath;
-        directionStr: OrderByDirection;
+        directionStr?: OrderByDirection;
     };
-    where: RowFilterWhereField[];
+    where?: RowFilterWhereField[];
 }
 
-declare interface RowFilterWhereField {
+export declare interface RowFilterWhereField {
     fieldPath: RowWhereFilterFieldPath;
     opStr: WhereFilterOp;
     value: any;
 }
 
+export declare type RowInScreen = {
+    /**
+     * Firebase document path. If not provided, the row is not defined in db and is dynamically generated (e.g. recommendation row).
+     */
+    path?: string;
+    /**
+     * Tivio row ID.
+     */
+    rowId: string;
+    /**
+     * If all items are from the same organization this will be set.
+     */
+    organizationId?: string;
+    /**
+     * Row name.
+     */
+    name: Translation;
+    /**
+     * Row filter based on which to pick tiles.
+     */
+    filter?: RowFilterField;
+    /**
+     * Row order in the screen.
+     */
+    order?: number;
+    /**
+     * Number of lines of the title.
+     */
+    numberOfLines?: number;
+    /**
+     * Standard row or a Banner.
+     */
+    rowComponent: RowComponent;
+    /**
+     * Component to use to render the tiles in the row.
+     */
+    itemComponent: RowItemComponent | BannerItemComponent;
+    /**
+     * Type of the row (continue to watch, custom, filter, ...).
+     */
+    type: ScreenRowType;
+    /**
+     * Items to display in the row.
+     */
+    tiles: GetTilesInRowResponse;
+};
+
 /**
  * @public
  */
@@ -3137,7 +3709,21 @@ export declare interface RowItem extends RowItemAssets {
     itemType: ROW_ITEM_TYPES;
     name?: string;
     description?: string;
-    assets: Assets | null;
+    assets: AssetsField | null;
+    application: RowItemApplicationData | null;
+    feedVisible?: boolean;
+}
+
+/**
+ * @public
+ */
+export declare interface RowItemApplicationData {
+    name: string;
+    logo?: string | null;
+    logoLandscape?: string | null;
+    profilePhoto?: string | null;
+    urlHandle: string;
+    organizationId?: string | null;
 }
 
 /**
@@ -3147,6 +3733,7 @@ export declare interface RowItemAssets {
     landscape?: string | null;
     portrait?: string | null;
     circled?: string | null;
+    square?: string | null;
     banner?: string | null;
     bannerMobile?: string | null;
 }
@@ -3157,7 +3744,12 @@ export declare interface RowItemAssets {
 export declare enum RowItemComponent {
     ROW_ITEM_PORTRAIT = "ROW_ITEM_PORTRAIT",
     ROW_ITEM_LANDSCAPE = "ROW_ITEM_LANDSCAPE",
-    ROW_ITEM_CIRCLED = "ROW_ITEM_CIRCLED"
+    ROW_ITEM_SQUARE = "ROW_ITEM_SQUARE",
+    ROW_ITEM_CREATORS_SQUARE = "ROW_ITEM_CREATORS_SQUARE",
+    ROW_ITEM_CREATORS_LANDSCAPE = "ROW_ITEM_CREATORS_LANDSCAPE",
+    ROW_ITEM_CIRCLED = "ROW_ITEM_CIRCLED",
+    ROW_ITEM_HIGHLIGHTED = "ROW_ITEM_HIGHLIGHTED",
+    ROW_ITEM_PLAIN = "ROW_ITEM_PLAIN"
 }
 
 /**
@@ -3184,9 +3776,9 @@ export declare enum RowOrderByFieldPath {
 }
 
 /**
- * @private
+ * @public
  */
-export declare interface RowStandard extends RowBase {
+export declare interface RowStandard extends Row {
     rowComponent: RowComponent.ROW;
     itemComponent: RowItemComponent;
 }
@@ -3197,7 +3789,10 @@ export declare enum RowWhereFilterFieldPath {
     TAG_TYPE_REF = "tagTypeRef",
     TYPE = "type",
     CONTENT_TYPE = "contentType",
-    CHANNEL_KEY = "channelKey"
+    CHANNEL_KEY = "channelKey",
+    PUBLISHED_STATUS = "publishedStatus",
+    ORGANIZATION_REF = "organizationRef",
+    TRANSCODING_STATUS = "transcodingStatus"
 }
 
 /**
@@ -3221,20 +3816,35 @@ declare interface Screen_2 {
     id: string;
     name: string | null;
     description?: string | null;
-    assets: Assets;
-    rows: Row[];
+    assets: AssetsField;
+    rows: PaginatedResponse<Row>;
     type?: ScreenType;
     filter?: RowFilterField | null;
-    embedUrl?: string | null;
+    embedUrl?: string;
+    screenId: string;
+    renderConditions: RenderCondition[];
+    getRenderCondition: (context: {
+        purchasedSubscriptions: Purchase[];
+    }) => RenderCondition | undefined;
+    applyRenderCondition: (payload: ApplyScreenConditionPayload) => {
+        isSignInRequired?: boolean;
+        isPurchaseRequired?: boolean;
+        embedUrl?: string;
+    };
+    fetchMoreRows: () => Promise<void>;
+    hasNextPage: boolean;
+    refetchIfNeeded: () => Promise<void>;
 }
 export { Screen_2 as Screen }
 
 export declare enum ScreenConditionElse {
-    SET_QUERY_PARAMS = "setQueryParams"
+    SET_QUERY_PARAMS = "setQueryParams",
+    SHOW_PURCHASE_MODAL = "showPurchaseModal"
 }
 
 export declare enum ScreenConditionType {
-    SUBSCRIBED = "subscribed"
+    SUBSCRIBED = "subscribed",
+    SIGNED_IN = "signedIn"
 }
 
 /**
@@ -3244,24 +3854,18 @@ export declare type ScreenConfig = {
     id: string;
     name: string;
     route?: string;
+    isHiddenFromMenu?: boolean;
     showForUserProfileType?: {
         kids: boolean;
         adults: boolean;
     };
+    monetizationAccessIds?: string[];
 };
 
 /**
  * @public
  */
-export declare type ScreenOptions = Partial<{
-    language: LangCode;
-    initRows: boolean;
-}> & DocumentOptions;
-
-/**
- * @public
- */
-export declare type ScreenRowType = 'filter' | 'custom' | 'continueToWatch' | 'favourites' | 'topWatched';
+export declare type ScreenRowType = 'filter' | 'custom' | 'continueToWatch' | 'favourites' | 'topWatched' | 'applications';
 
 /**
  * Listen to screen data
@@ -3275,7 +3879,9 @@ export declare type ScreenSubscription = (screenId: string, cb: (error: Error |
 export declare enum ScreenType {
     DEFAULT = "default",
     GRID = "grid",
-    EMBED = "embed"
+    EMBED = "embed",
+    RECOMMENDATION = "recommendation",
+    FEED = "feed"
 }
 
 /**
@@ -3316,6 +3922,12 @@ export declare enum SemanticDate {
     TOMORROW = "Tomorrow"
 }
 
+export declare interface SendFinalizeRegistrationEmailPayload {
+    email: string;
+    userId: string;
+    authUserId: string;
+}
+
 /**
  * Used for entities, that can be global (e.g. asset presets, tag types).
  * Non-global is stored under organizations (in sub-collection), and shown for organization's users and super-admin.
@@ -3341,6 +3953,15 @@ export declare const setUser: (userId: string | null, payload?: UserPayload) =>
  */
 export declare const showGdprConsentPreferences: () => Promise<void>;
 
+export declare enum SocialNetworks {
+    FACEBOOK = 0,
+    INSTAGRAM = 1,
+    TWITTER = 2,
+    LINKED_IN = 3,
+    EMAIL = 4,
+    YOUTUBE = 5
+}
+
 /**
  * @public
  */
@@ -3426,13 +4047,18 @@ export declare type StartAndContinuePosition = {
 declare interface StorageManager_2 {
     getItem(key: string): string | null | Promise<string | null>;
     setItem(key: string, value: string): void | Promise<void>;
+    removeItem(key: string): void | Promise<void>;
 }
 export { StorageManager_2 as StorageManager }
 
+export declare interface StoreBadgeConfig {
+    appId: string;
+}
+
 /**
  * @public
  */
-export declare type SubscribeToItemsInRow = (rowId: string, cb: (error: Error | null, data: PaginationInterface<ItemsInRow> | null) => void, options?: SubscribeToItemsInRowOptions) => Disposer_2;
+export declare type SubscribeToItemsInRow = (rowId: string, cb: (error: Error | null, data: PaginationInterface<ItemInRow> | null) => void, options?: SubscribeToItemsInRowOptions) => Disposer_2;
 
 /**
  * @public
@@ -3448,11 +4074,6 @@ export declare type SubscribeToItemsInRowOptions = Partial<{
  */
 export declare type SubscribeToRowsInScreen = (screenId: string, cb: (error: Error | null, data: PaginationInterface<Row> | null) => void, options?: PaginationOptions) => Disposer_2;
 
-/**
- * @public
- */
-export declare type SubscribeToScreen = (screenId: string, cb: (error: Error | null, data: Screen_2 | null) => void, options?: ScreenOptions) => Disposer_2;
-
 /**
  * @public
  */
@@ -3480,7 +4101,7 @@ export declare interface SuccessConfirmationOverlayPayload extends ConfirmationO
     confirmButtonText?: string;
 }
 
-export declare type SynchronizeUserTypeFunction = (payload: CreateUserPayload, tenantId: string, tenantUserId: string) => Promise<string>;
+export declare type SynchronizeUserTypeFunction = (payload: CreateUserPayload, tenantId: string, tenantUserId: string, organizationId?: string) => Promise<string>;
 
 /**
  * @public
@@ -3490,7 +4111,7 @@ export declare interface Tag extends RowItem {
     itemType: ROW_ITEM_TYPES.TAG;
     tagId: string;
     type?: string | null;
-    metadata?: any[];
+    metadata?: TagMetadataField[];
     color?: string;
     detailBanner?: string;
     availableSeasons?: AvailableSeason[];
@@ -3498,6 +4119,17 @@ export declare interface Tag extends RowItem {
     addToFavorites: () => void;
     removeFromFavorites: () => void;
     cover: string;
+    getApplicationName: () => string | undefined;
+}
+
+export declare interface TagAvailableSeasonsFieldType extends TagMetadataFieldDefinition {
+    type: TagMetadataFieldType.AVAILABLE_SEASONS;
+    value: AvailableSeasonField[];
+}
+
+export declare interface TagBooleanFieldType extends TagMetadataFieldDefinition {
+    type: TagMetadataFieldType.BOOLEAN;
+    value: boolean;
 }
 
 /**
@@ -3505,6 +4137,61 @@ export declare interface Tag extends RowItem {
  */
 export declare type TaggedVideosOrderByField = 'seasonNumber' | 'episodeNumber' | 'contentType' | DefaultOrderByField;
 
+export declare type TagMetadataField = TagStringFieldType | TagNumberFieldType | TagBooleanFieldType | TagTranslationFieldType | TagAvailableSeasonsFieldType | TagOrganizationRefFieldType;
+
+export declare interface TagMetadataFieldDefinition {
+    key: string;
+    type: TagMetadataFieldType;
+}
+
+export declare enum TagMetadataFieldType {
+    STRING = "STRING",
+    TRANSLATION = "TRANSLATION",
+    NUMBER = "NUMBER",
+    BOOLEAN = "BOOLEAN",
+    AVAILABLE_SEASONS = "AVAILABLE_SEASONS",
+    ORGANIZATION_REF = "ORGANIZATION_REF"
+}
+
+export declare interface TagNumberFieldType extends TagMetadataFieldDefinition {
+    type: TagMetadataFieldType.NUMBER;
+    value: number;
+}
+
+export declare interface TagOrganizationRefFieldType extends TagMetadataFieldDefinition {
+    type: TagMetadataFieldType.ORGANIZATION_REF;
+    value: DocumentReference<any>;
+}
+
+export declare enum TagSimplicityType {
+    /**
+     * Simple tags
+     */
+    SIMPLE = "SIMPLE",
+    /**
+     * Composed of simple tags. Used for filtering by tagA AND tagB by using one composed tag tagA__tagB
+     */
+    COMPOSED = "COMPOSED"
+}
+
+export declare interface TagStringFieldType extends TagMetadataFieldDefinition {
+    type: TagMetadataFieldType.STRING;
+    value: string;
+}
+
+export declare interface TagTileSpecificData {
+    assets?: AssetsField;
+    tagId: string;
+    metadata: TagMetadataField[];
+    simplicity: TagSimplicityType;
+    tagTypePath?: string;
+}
+
+export declare interface TagTranslationFieldType extends TagMetadataFieldDefinition {
+    type: TagMetadataFieldType.TRANSLATION;
+    value: Translation;
+}
+
 export declare type Tier = {
     attributes: {
         amount_cents: number;
@@ -3523,15 +4210,48 @@ export declare interface TileApplicationData {
     name: Translation;
     description?: string;
     logo: string;
+    organizationBanner?: string;
     urlHandle: string;
     organizationId: string;
     type: ApplicationType;
+    profilePhoto?: string;
+}
+
+export declare interface TileData<ItemSpecificData = VideoTileSpecificData | TvChannelTileSpecificData | TagTileSpecificData | ArticleTileSpecificData> {
+    /**
+     * Tile item ID.
+     */
+    id: string;
+    /**
+     * Timestamp of the item creation.
+     */
+    created: number;
+    /**
+     * Type of the tile. VIDEO, TV_CHANNEL, TAG, ...
+     */
+    itemType: ROW_ITEM_TYPES;
+    /**
+     * Tile item name translation.
+     */
+    name: Translation;
+    /**
+     * Firestore path to the item.
+     */
+    path: string;
+    /**
+     * Application info including logo, name and number of videos.
+     */
+    application?: TileApplicationData;
+    /**
+     * Specific data for an item type (e.g. video, tv channel, tag, ...).
+     */
+    itemSpecificData: ItemSpecificData;
 }
 
 /**
  * @internal
  */
-export declare type TileOptions = {
+export declare interface TileOptions {
     focusedShadowColor?: string;
     borderColor: string;
     /**
@@ -3540,6 +4260,14 @@ export declare type TileOptions = {
     borderRadius: string | number;
     innerContainer: {
         margin: string;
+        /**
+         * Position at which the video price and (or) duration is shown.
+         */
+        badgesContainerPlacement?: 'top' | 'bottom';
+        /**
+         * Bold variant uses bold font weight, uppercase text transform and custom padding.
+         */
+        durationVariant?: 'normal' | 'bold';
     };
     innerLabel: {
         /**
@@ -3565,16 +4293,18 @@ export declare type TileOptions = {
         fontSize: number;
     };
     color?: string;
-};
+    fullWidthProgress?: boolean;
+}
 
 /**
  * @public
  */
-export declare type TileProps = {
+export declare interface TileProps {
     children?: React_2.ReactNode;
-    cover: string;
+    cover?: string;
     bottomLabel: string;
     bottomLabelAreaHeight: number;
+    bottomComponent?: React_2.ReactNode;
     innerLabel: string;
     duration: string;
     price: string | null;
@@ -3587,7 +4317,9 @@ export declare type TileProps = {
     progress?: number;
     time?: string;
     logo?: string;
+    bigLogo?: string;
     coverHeight: number;
+    aspectRatio?: number;
     /**
      * Margin of inner TileContainer.
      * Now used for backward compatibility for WebTileGrid. Consider to use it other way.
@@ -3595,7 +4327,12 @@ export declare type TileProps = {
     containerMargin?: number | string;
     created?: Date;
     numberOfLines?: number;
-};
+    applicationName?: string;
+    applicationLogo?: string;
+    hasBranding?: boolean;
+    applicationHandle?: string;
+    fullWidth?: boolean;
+}
 
 /**
  * @public
@@ -3605,7 +4342,7 @@ export declare type TilePropsPartial = Partial<TileProps>;
 /**
  * @internal
  */
-export declare type TileSizes = {
+export declare interface TileSizes {
     coverPaddingTop: number;
     coverPaddingBottom: number;
     coverWidth: number;
@@ -3616,7 +4353,7 @@ export declare type TileSizes = {
      * Now only bottom label supports multiline text.
      */
     labelLinesCount: number;
-};
+}
 
 /**
  * Tile sizes by Tile variant (row item component)
@@ -3679,7 +4416,7 @@ export declare type TivioBundleFile = {
 /**
  * @public
  */
-export declare type TivioComponents = {
+export declare interface TivioComponents {
     Markers: React_2.ComponentType<MarkersProps>;
     PlayerDataContext: React_2.Context<{
         player: any | null;
@@ -3701,6 +4438,7 @@ export declare type TivioComponents = {
     FeatureSupportCheck: React_2.ComponentType;
     CustomerScreen: React_2.ComponentType<{
         screenId: string;
+        screen: Screen_2;
     }>;
     WebTagScreen: React_2.ComponentType<{
         tagId: string;
@@ -3712,11 +4450,13 @@ export declare type TivioComponents = {
     }>;
     WebRow: React_2.ComponentType<WebRowProps>;
     WebTile: React_2.ComponentType<{
-        item?: ItemsInRow;
+        item?: ItemInRow;
     } & TilePropsPartial>;
     ChannelContext: React_2.Context<TvChannel | undefined>;
     ContentSortPicker: React_2.ComponentType<ContentSortPickerProps>;
-};
+    WebProfileScreen: React_2.ComponentType<WebProfileScreenProps>;
+    WebTivioProVideoScreen: React_2.ComponentType<WebTivioProVideoScreenProps>;
+}
 
 /**
  * @public
@@ -3743,10 +4483,13 @@ export declare interface TivioConfig {
     debug?: boolean;
     verbose?: boolean;
     firebaseApp?: any | null;
+    firebaseFactory?: (config: Object, appName?: string) => firebase.FirebaseApp;
+    authDomainOverride?: string;
     firestore?: any | null;
     currency: Currency;
     applicationId?: string;
     isTivioProApp?: boolean;
+    lockApplicationHandle?: string;
     /**
      * Configuration for GDPR consent collection (CMP)
      */
@@ -3807,7 +4550,7 @@ export declare type TivioHooks = {
     useAdSegment: () => AdSegment_2 | null;
     useCancelSubscription: UseCancelSubscription;
     useItemsInRow: (rowId?: string, options?: PaginationOptions) => {
-        pagination: PaginationInterface<ItemsInRow> | null;
+        pagination: PaginationInterface<ItemInRow> | null;
         error: Error | null;
     };
     usePurchaseRecovery: () => {
@@ -3872,6 +4615,7 @@ export declare type TivioInternalComponents = {
         onClose: (selectedProfileId: string) => void;
     }>;
     Banner: React_2.ComponentType<BannerPropsPartial>;
+    CustomAppHistoryContext: React_2.Context<HistoryContextData | undefined>;
 };
 
 /**
@@ -3888,7 +4632,7 @@ export declare type TivioInternalHooks = {
         pagination: PaginationInterface<Video> | null;
         error: Error | null;
     };
-    useSimilars: () => {
+    useSimilars: (shouldLoadApplicationsOfOrganizations?: boolean) => {
         getSimilars: ({ videoId, similarsQuery }: {
             videoId: string;
             similarsQuery?: RecommendationsQuery | undefined;
@@ -3902,9 +4646,12 @@ export declare type TivioInternalHooks = {
     useCurrentApplication: () => {
         screenConfigs: ScreenConfig[] | undefined;
         isLoading: boolean;
-        switchApplicationByHandle: (handle?: string) => (Promise<void> | undefined);
         isDefaultOrganization: boolean;
     };
+    useDefaultApplication: () => {
+        isLoading: boolean;
+        screenConfigs: ScreenConfig[] | undefined;
+    };
     useIsMonetizationPurchased: () => {
         isOneOfSubscriptionPurchased: (subscriptionIds: string[]) => boolean;
     };
@@ -3929,6 +4676,7 @@ export declare type TivioInternalHooks = {
     useOrganization: () => Organization | null;
     useRow: UseRow;
     useScreen: (screenId: string | null) => Screen_2 | null;
+    useCustomAppHistory: () => HistoryContextData;
 };
 
 /**
@@ -4217,9 +4965,9 @@ export declare type TriggerType = 'scheduled' | 'manual';
 /**
  * @public
  */
-export declare type TvAppProps = {
+export declare interface TvAppProps {
     customer: CustomerId;
-};
+}
 
 /**
  * @public
@@ -4253,6 +5001,19 @@ export declare interface TvChannel extends RowItem {
     type?: TvChannelType;
 }
 
+export declare interface TvChannelAssetValue extends ScalableAsset {
+    pendingOverlayWidth: string;
+}
+
+export declare interface TvChannelTileSpecificData {
+    type: TvChannelType;
+    channelKey: string;
+    filters: string[];
+    sources: VideoSourceField[];
+    organizationId: string;
+    assets?: AssetsField<TvChannelAssetValue>;
+}
+
 export declare enum TvChannelType {
     /**
      * Classic live tv channel
@@ -4322,6 +5083,8 @@ export declare enum TvStreamType {
  */
 export declare const TvTivioProvider: React_2.FC<TivioProviderProps>;
 
+export declare type UpsertCommentResponse = AddEditCommentResponse | DeleteCommentResponse;
+
 /**
  * @public
  */
@@ -4406,6 +5169,41 @@ export declare const useChannelSource: (tvChannelId: string) => {
     source: null;
 };
 
+/**
+ * @public
+ */
+export declare type UseComments = (options: UseCommentsOptions) => {
+    pagination: PaginationInterface<Comment_2>;
+    addComment: (options: AddCommentOptions) => Promise<UseCommentsAddEditCommentResponse>;
+    editComment: (options: EditCommentOptions) => Promise<UseCommentsAddEditCommentResponse>;
+    deleteComment: (commentId: string) => Promise<UseCommentsDeleteCommentResponse>;
+};
+
+/**
+ * @public
+ */
+export declare interface UseCommentsAddEditCommentResponse {
+    id?: string;
+    error?: string;
+}
+
+/**
+ * @public
+ */
+export declare interface UseCommentsDeleteCommentResponse {
+    deleted?: boolean;
+    error?: string;
+}
+
+/**
+ * @public
+ */
+export declare interface UseCommentsOptions {
+    videoId: string;
+    mainParentId?: string;
+    autoInit?: boolean;
+}
+
 /**
  * @public
  */
@@ -4468,7 +5266,7 @@ export declare const useIsMonetizationPurchased: () => {
  * @public
  */
 export declare const useItemsInRow: (rowId?: string, options?: SubscribeToItemsInRowOptions) => {
-    pagination: PaginationInterface<ItemsInRow> | null;
+    pagination: PaginationInterface<ItemInRow> | null;
     error: Error | null;
 };
 
@@ -4528,6 +5326,7 @@ export declare type User = {
      * Returns all PAID or CANCELLED user purchases (expired and non-expired)
      */
     allPurchases: Purchase[];
+    availablePromotionsIds: string[];
     /**
      * Returns "active" (not CANCELLED) VoD purchases ("transaction" type)
      */
@@ -4541,6 +5340,7 @@ export declare type User = {
      */
     extendableSubscription?: Purchase;
     getPurchasedVideos: () => Video[];
+    getOneTimePurchases: () => Purchase[];
     isPurchasesInitialized: boolean;
     isSignedIn: boolean;
     isReady: boolean;
@@ -4554,14 +5354,41 @@ export declare type User = {
     authUserId?: string;
     favorites: any[];
     watchedPositions: any[];
+    watchHistory: any[];
     profiles: any[];
     activeUserProfileId: string | null;
     patreon?: PatreonUserAuth;
+    subscriptionIdsToShow: string[] | null;
+    followedOrganizationIds: string[];
+    isAnonymous: boolean;
+    isDiscordConnected: boolean;
     createUserProfile: (request: any) => Promise<void>;
     deleteUserProfile: (profileId: string) => Promise<void>;
     setActiveUserProfileId: (id: string) => void;
+    getFollowedOrganizations: () => Promise<Array<FollowedOrganizationData | undefined>>;
+    sendFinalizeRegistrationEmail: (email: string) => Promise<void>;
+    isUserAlreadyRegisteredByTenant: (email: string, tenantId: string) => Promise<boolean>;
+};
+
+/**
+ * @public
+ */
+export declare type UseReactions = (options: UseReactionsOptions) => {
+    react: () => void;
+    count: number;
+    hasReacted: boolean;
 };
 
+/**
+ * @public
+ */
+export declare interface UseReactionsOptions {
+    content: ReactableContent;
+    reactionType: ReactionEnum;
+    onUnauthorized?: () => void;
+    onError?: (error: Error) => void;
+}
+
 export declare enum UserGroup {
     ALL = "all",
     FREE = "free",
@@ -4718,7 +5545,7 @@ export declare const useVoucher: (voucherId: string) => {
     voucher: Voucher | null;
     /**
      * You can check error.details if you need to know error type when you want your own error messages
-     * (can be one of "DOES_NOT_EXIST", "EXPIRED" and "ALREADY_USED").
+     * (can be one of "DOES_NOT_EXIST", "EXPIRED", "ALREADY_USED_BY_CURRENT_USER" and "ALREADY_USED").
      */
     error: Error | BadRequestError | null;
     /**
@@ -4782,7 +5609,7 @@ export declare interface verifyCustomTokenProps {
 /**
  * @public
  */
-export declare interface Video extends RowItem {
+export declare interface Video extends RowItem, MonetizableItem, ReactableContent {
     id: string;
     itemType: ROW_ITEM_TYPES.VIDEO;
     /**
@@ -4791,35 +5618,31 @@ export declare interface Video extends RowItem {
     cover: string | null;
     sectionId: string | null;
     channelId: string | null;
-    /**
-     * seconds
-     */
     duration: number;
     path: string;
     tags: Tag[];
     image: string | null;
     isPlayable: boolean;
     monetizations: Monetization[];
-    /**
-     * Returns all transactions and subscriptions applied to this video.
-     * Transactions before subscriptions, sorted by price ascending.
-     */
-    getPurchasableMonetizations(options?: GetPurchasableMonetizationsOptions): PurchasableMonetization[];
     getSourceUrl(options?: {
         language?: LangCode;
     }): Promise<GetSourceUrlResponse & {
         language?: LangCode;
     }>;
-    getSeekingMatrixPreviewByTime(timeMs: number, offsetIndex: number): {
+    getSeekingMatrixPreviewByTime(timeMs: number, offsetIndex?: number): {
         url: string;
         x: number;
         y: number;
+        width: number;
+        height: number;
+        interval: number;
         timeMs: number;
     } | null;
     purchasableMonetization: any | null;
     transaction: PurchasableMonetization | undefined;
     subscriptions: PurchasableMonetization[];
     sources?: any[];
+    allSources?: any[];
     isPlaylist: boolean;
     name: string;
     urlNames?: string[];
@@ -4831,34 +5654,38 @@ export declare interface Video extends RowItem {
     from?: Date;
     to?: Date;
     detailBanner?: string;
-    linkedVideosRaw: any[];
-    linkedVideos: LinkedVideo[];
+    descriptionRich?: string;
+    organizationId?: string;
+    linkedVideosRaw: LinkedVideoRaw[] | undefined;
+    linkedVideos: LinkedVideo[] | undefined;
+    pipPaths?: string[];
     contentType: VideoContentType | null;
     year?: number;
     episodeNumber?: number;
     seasonNumber?: number;
     getTagsOfType: (type: string) => Tag[];
+    geoBlocking: GeoBlocking | undefined;
     loadLinkedVideos: () => any;
     getLinkedVideos: (type: any) => any;
     trailer: Video | null;
+    teaser: Video | null;
+    hasTasting: boolean;
+    isTastingValid: () => boolean;
+    tasting: Video | null;
     watchPosition: number | null;
     isFavorite: boolean;
     addToFavorites: () => void;
     removeFromFavorites: () => void;
-    availability: VideoAvailability | null;
+    availability: ContentAvailability | null;
     sourceLanguages: LangCode[];
     urlByLanguage: (lang: LangCode) => string | undefined;
+    getApplicationName: () => string | undefined;
+    getApplicationLogo: () => string | undefined;
+    setApplicationData: (applicationData: RowItemApplicationData) => void;
+    linkedVideosInNotLoaded: () => boolean | undefined;
+    initApplication: () => Promise<void>;
 }
 
-/**
- * @public
- */
-export declare type VideoAvailability = {
-    from: Date;
-    to: Date | null;
-    manual: boolean;
-};
-
 /**
  * @public
  */
@@ -4892,6 +5719,25 @@ export declare enum VideoSourceEncryption {
     PLAYREADY = "playready"
 }
 
+export declare interface VideoSourceField {
+    codec: VideoSourceCodec;
+    /**
+     * DRM provider for given encrypted source.
+     *
+     * If encryption is {@link VideoSourceEncryption.NONE}, DRM provider should not be set.
+     * If encryption is set to anything other than {@link VideoSourceEncryption.NONE} and DRM provider is not set, we pick the default one.
+     */
+    drmProvider?: DrmProvider;
+    encryption: VideoSourceEncryption;
+    /**
+     * Lower number = higher priority (so 1 equals highest priority)
+     */
+    priority: VideoSourcePriority;
+    protocol: VideoSourceProtocol;
+    url: string;
+    languages?: LangCode[];
+}
+
 /**
  * Lower number = higher priority.
  */
@@ -4903,6 +5749,37 @@ export declare enum VideoSourceProtocol {
     MP4 = "mp4"
 }
 
+export declare interface VideoTileSpecificData {
+    cover?: string;
+    assets?: AssetsField;
+    episodeNumber?: number;
+    seasonNumber?: number;
+    urlName?: VideoUrlNames;
+}
+
+/**
+ * Transcoding status of uploaded video.
+ * @public
+ */
+export declare enum VideoTranscodingStatus {
+    /**
+     * Video is not transcoded yet. It's in the queue, though.
+     */
+    ON_HOLD = "CREATED",
+    /**
+     * Video is being transcoded.
+     */
+    IN_PROGRESS = "ENCODING",
+    /**
+     * Video has been transcoded.
+     */
+    DONE = "ENCODING_DONE",
+    /**
+     * An error occured during transcoding.
+     */
+    ERROR = "ERROR"
+}
+
 /**
  * Video type.
  * @public
@@ -4924,11 +5801,20 @@ export declare enum VideoType {
      * Part of video original video like TRAILER.
      */
     TRAILER = "TRAILER",
+    /**
+     * Timeshift.
+     */
     TV_PROGRAM = "TV_PROGRAM",
     /**
      * Video object represents whole series, e.g. tv show.
      */
-    SERIES = "SERIES"
+    SERIES = "SERIES",
+    TEASER = "TEASER",
+    TASTING = "TASTING",
+    /**
+     * Video that is in locked state and is used in virtual channel EPG.
+     */
+    VIRTUAL_PROGRAM = "VIRTUAL_PROGRAM"
 }
 
 /**
@@ -5017,7 +5903,7 @@ export declare interface VodTivioSourceInterface extends PlayerSourceInterface<S
     watermark: Watermark | null;
     canWatchOnDevice: boolean;
     isAvailable: boolean;
-    availability: VideoAvailability | null;
+    availability: ContentAvailability | null;
     video: Video;
     clone: (params?: Partial<VodTivioSourceParams>) => VodTivioSourceInterface;
 }
@@ -5030,6 +5916,7 @@ export declare interface VodTivioSourceParams extends PlayerSourceParams<SourceT
     adMonetizationId?: string;
     language?: LangCode;
     drm?: Drm;
+    ignoreWatchPosition?: boolean;
 }
 
 /**
@@ -5050,6 +5937,7 @@ export declare interface WarningConfirmationOverlayPayload extends ConfirmationO
     type: 'warning';
     confirmButtonText?: string;
     closeButtonText?: string;
+    subscriptionExpirationText?: string;
 }
 
 /**
@@ -5060,16 +5948,216 @@ export declare interface Watermark {
     size: 'large' | 'medium';
 }
 
+export declare interface WebConfig {
+    customer: CustomerId;
+    title?: string;
+    description?: string;
+    logo: string;
+    mobileLogo?: string;
+    /**
+     * Logo for loading overlay, if not present, logo is used.
+     */
+    logoLoadingOverlay?: string;
+    tivio: WebTivioConfig;
+    appColorMode?: 'light' | 'dark';
+    header?: {
+        /**
+         * Text on buy voucher button, if not provided the default text will be used.
+         */
+        buyVoucherButtonText?: string;
+        allowSearch?: boolean;
+        logoHeight?: string;
+        mobileLogoHeight?: string;
+        buySubscriptionButtonText?: string;
+    };
+    footer?: {
+        /**
+         * If logo is different from logo in header
+         */
+        logo?: string;
+        showLogo?: boolean;
+        /**
+         * right panel - various type of contacts to owners of website
+         */
+        contacts?: {
+            name: string;
+            contact: string;
+        }[];
+        /**
+         * right panel - important documents for viewer of website that should know about it
+         */
+        documents?: {
+            name: string;
+            href: string;
+        }[];
+        /**
+         * right panel - hyperlinks to social networks
+         */
+        socialNetworks?: {
+            type: SocialNetworks;
+            url: string;
+        }[];
+        /**
+         * right panel - some short common description of website
+         */
+        description?: string;
+        /**
+         * left panel - hyperlinks to stores for downloading native app
+         * if our client has some native app
+         */
+        storeBadges?: {
+            ios?: StoreBadgeConfig;
+            android?: StoreBadgeConfig;
+        };
+        isCentered?: boolean;
+        legalInfo?: {
+            name?: string;
+            address?: string;
+            cin?: string;
+            email?: string;
+        };
+        cookieSettingsLabel?: string;
+    };
+    theme?: {
+        headerType?: PaletteType;
+    };
+    screens?: ScreenConfig[];
+    /**
+     * If content is secured, then landing page is shown to hide content (customer screens, videos etc.),
+     * so app requires authorization to see them.
+     */
+    securedContent?: boolean;
+    /**
+     * CSS styles for application background.
+     */
+    appBackground?: string;
+    /**
+     * CSS styles for application color.
+     */
+    appColor?: string;
+    loader?: {
+        /**
+         * URL to animated image shown on splash screen.
+         */
+        animatedLogo?: string;
+        /**
+         * Defines if progress bar should be shown on loading screen.
+         * Default is TRUE (see {@link AppLoadingOverlay}
+         */
+        showProgressBar?: boolean;
+    };
+    /**
+     * Slug of all pages where user will be forced to fill login form if he's not logged in.
+     */
+    forceLogin?: string[];
+    /**
+     * Hides registration button from the menu and from the login form. Direct access to /registration URL will still work.
+     *
+     * Useful when customer is going to quit a business or leaves Tivio platform - so he doesn't want to allow
+     * a creation of new users anymore.
+     */
+    hideRegistrationButton?: boolean;
+    /**
+     * Hides registration button from the login form.
+     */
+    allowRegistrationFromLoginForm?: boolean;
+    /**
+     * Customization of auth process
+     */
+    /**
+     * When enabled choose subscription button will be shown in the header. After choosing a subscription user will be
+     * redirected to registration form.
+     *
+     * This will also hide registration button from the header
+     */
+    showChooseSubscription?: boolean;
+    registration?: {
+        /**
+         * Customization of auth form
+         */
+        form?: {
+            subtitle?: string;
+            /**
+             * Optional phoneNumber form field
+             */
+            showPhoneNumberField?: boolean;
+            /**
+             * Optional bottomText (e.g. terms & conditions agreement)
+             */
+            bottomText?: string;
+            /**
+             * Toggle for showing acceptance of terms & conditions text
+             */
+            showAcceptanceOfTermsAndConditions?: boolean;
+        };
+        registrationConsent?: string;
+    };
+    payment?: {
+        paymentConsent?: string;
+    };
+    /**
+     * If web supports entering vouchers
+     */
+    supportVouchers?: boolean;
+    /**
+     * Config for Google Tag Manager
+     */
+    googleTagManagerConfig?: TagManagerArgs;
+    customScripts?: CustomScript[];
+    /**
+     * Favicons config
+     */
+    favicons?: {
+        /**
+         * Path to folder with favicons in format generated by https://realfavicongenerator.net
+         */
+        folderPath: string;
+        safariFavicon: {
+            color: string;
+        };
+        msFaviconApplication: {
+            color: string;
+        };
+    };
+    monetizationSelectOverlay?: {
+        title?: string;
+    };
+    /**
+     * Google Analytics ID. If provided, Google Analytics will be enabled.
+     */
+    googleAnalyticsId?: string;
+    /**
+     * If enabled, header menu will be centered.
+     */
+    centeredMenu?: boolean;
+    /**
+     * All values are considered as false if not provided.
+     */
+    socialLogins?: {
+        showAppleLogin?: boolean;
+        showGoogleLogin?: boolean;
+        showPatreonLogin?: boolean;
+    };
+    /**
+     * If the monetizations are filled in, the MonetizationSelectOverlay displays the monetizations from that configuration.
+     */
+    monetizationOverride?: string[];
+    /**
+     * If true, robots.txt will prevent crawling of the website.
+     */
+    norobots?: boolean;
+}
+
 /**
  * @public
  */
-export declare type WebGridScreenProps = {
+export declare interface WebGridScreenProps {
     screen?: Screen_2;
     seriesId?: string;
     season?: number;
     rowId?: string;
     videoId?: string;
-};
+}
 
 /**
  * @public
@@ -5078,6 +6166,10 @@ export declare interface WebPlayerProps {
     id: string;
     source?: SourceParams | VideoPath | ChannelPath | null;
     onEnded?: () => any;
+    /**
+     * If true, the player will inherit the width and height of its parent element.
+     */
+    isSameSizeAsParent?: boolean;
     /**
      * If this function is specified, then "Back" button is shown in top right corner.
      */
@@ -5158,25 +6250,58 @@ export declare interface WebPlayerProps {
      * If true, it does not play the next video when the current video reaches the end.
      */
     disablePlayNext?: boolean;
+    setPaymentOverlayVisible?: React_2.Dispatch<React_2.SetStateAction<boolean>>;
 }
 
 /**
  * @public
  */
-export declare type WebRowProps = {
-    items?: ItemsInRow[];
+export declare interface WebProfileScreenProps {
+    onLogout: () => void;
+}
+
+/**
+ * @public
+ */
+export declare interface WebRowProps {
+    items?: ItemInRow[];
     variant?: RowItemComponent;
     rowName?: string | any;
     fetchMore?: () => void;
-    onTileClick?: (item?: ItemsInRow | null) => void;
-};
+    onTileClick?: (item?: ItemInRow | null) => void;
+}
 
 /**
  * @public
  */
-export declare type WebSeriesDetailScreenProps = {
+export declare interface WebSeriesDetailScreenProps {
     tagId: string;
-};
+}
+
+/**
+ * Previously SdkReactConfig.
+ */
+export declare interface WebTivioConfig extends Omit<TivioConfig, 'language'> {
+    disableUnmounting?: boolean;
+    enable?: boolean;
+    enableSentry?: boolean;
+    ErrorComponent?: any;
+    LoaderComponent?: any;
+    logger?: any | null;
+    language?: LangCode;
+    overrideLanguage?: LangCode;
+    lockApplicationHandle?: string;
+    applicationId?: string;
+}
+
+/**
+ * @public
+ */
+export declare interface WebTivioProVideoScreenProps {
+    video: Video;
+    seriesTag?: Tag;
+    autoplay: boolean;
+}
 
 /**
  * @public