@tivio/sdk-react 3.1.3 → 3.2.1

package/dist/types/bundle.types.d.ts

@@ -1,4 +1,4 @@
-import { Currency, QerkoCancellationInfo, SubscribeToTaggedVideos, UseCancelSubscription } from '@tivio/common';
+import { Currency, QerkoCancellationInfo, ROW_ITEM_TYPES, SubscribeToTaggedVideos, TileProps, UseCancelSubscription } from '@tivio/common';
 import { ComponentType } from 'react';
 import { Logger } from '../services/logger';
 import { FetchPackage } from '../services/packageLoader';
@@ -25,6 +25,17 @@ declare type InternalConfig = {
     bundleUrlOverride?: string;
     currency: Currency;
     deviceCapabilities: PlayerCapability[];
+    /**
+     * Additional options for deviceCapabilities
+     */
+    capabilitiesOptions?: {
+        /**
+         * Should the player prefer HTTP sources instead HTTPs if they are available.
+         * This can be used on platforms that support mixed content but do not support
+         * specific HTTPS certificates. (e.g. certificates from Letsencrypt not supported on LG TVs)
+         */
+        preferHttp?: boolean;
+    };
     disableUnmounting?: boolean;
     enable?: boolean;
     enableSentry?: boolean;
@@ -32,7 +43,7 @@ declare type InternalConfig = {
         error: string | null;
     }>;
     fetchPackage: FetchPackage;
-    language?: string;
+    language?: Language;
     LoaderComponent?: ComponentType;
     logger?: Logger | null;
     pubSub: PubSub;
@@ -52,12 +63,11 @@ interface PubSub {
     publish: <K extends keyof Events>(triggerName: K, payload: Events[K]) => Empty;
     subscribe: <K extends keyof Events>(triggerName: K, onMessage: (data: Events[K]) => Empty) => Disposer;
 }
-declare type Config = Pick<InternalConfig, 'bundleUrlOverride' | 'currency' | 'disableUnmounting' | 'enable' | 'enableSentry' | 'ErrorComponent' | 'language' | 'LoaderComponent' | 'logger' | 'secret' | 'verbose'> & {
+declare type Config = Pick<InternalConfig, 'bundleUrlOverride' | 'currency' | 'disableUnmounting' | 'capabilitiesOptions' | 'enable' | 'enableSentry' | 'ErrorComponent' | 'language' | 'LoaderComponent' | 'logger' | 'secret' | 'verbose'> & {
     deviceCapabilities: PlayerCapability[] | 'auto';
     /**
      * @private
      * Run HTML, CSS and JS feature support check
-     * TODO TIV-1030 use this config in core-react-dom
      */
     runFeatureSupportCheck?: boolean;
 };
@@ -184,6 +194,10 @@ interface TivioAuth {
     signOut: () => Promise<void>;
     createFreePurchase: (monetizationId: string) => Promise<void>;
 }
+interface TileActionProps {
+    goToPlayer?: (videoId: string, type: ROW_ITEM_TYPES, rowId?: string) => void;
+    goToLoginScreen?: () => void;
+}
 declare type TivioComponents = {
     AdIndicationButtonWeb: React.ReactNode;
     Markers: React.ReactNode;
@@ -206,6 +220,12 @@ declare type TivioComponents = {
         onEnded?: () => any;
     }>;
     TvApp: React.ComponentType<TvAppProps>;
+    CustomerScreen: React.ComponentType<{
+        screenId: string;
+    } & TileActionProps>;
+    Row: React.ReactNode;
+    AppTile: React.ComponentType<TileProps>;
+    FeatureSupportCheck: React.ComponentType<{}>;
 };
 declare type AdSegment = {
     id: string;
@@ -256,14 +276,62 @@ declare type TivioBundle = {
     setUser: (userId: string, userPayload: UserPayload | null) => Promise<void>;
     sources: TivioSources;
     subscriptions: TivioSubscriptions;
+    internal: {
+        hooks: TivioInternalHooks;
+        providers: TivioInternalProviders;
+    };
+};
+declare type TivioInternalHooks = {
+    useSubscriptionsOverlay: () => SubscriptionOverlayState;
+    useQerkoOverlay: () => QerkoOverlayState;
+    usePurchasesWithVideos: () => {
+        purchases: Purchase[];
+    };
+    useOrganizationSubscriptions: () => {
+        subscriptions: Monetization[];
+    };
+    useUser: () => {
+        user: User | null;
+        error: string | null;
+    };
+};
+declare type TivioInternalProviders = {
+    AppThemeProvider: React.ComponentType;
+    CustomerProvider: React.ComponentType;
+    UserContextProvider: React.ComponentType;
+    SubscriptionOverlayContextProvider: React.ComponentType;
+    QerkoOverlayContextProvider: React.ComponentType;
+    PurchasesWithVideosContextProvider: React.ComponentType;
+    OrganizationSubscriptionsContextProvider: React.ComponentType;
 };
 declare type TivioBundleFile = {
     Tivio: TivioBundle;
 };
+interface SubscriptionOverlayData {
+    subscriptions?: Monetization[];
+    onPurchase?: () => void;
+    onClose?: () => void;
+}
+declare type SubscriptionOverlayState = {
+    data: SubscriptionOverlayData | null;
+    closeSubscriptionOverlay: () => void;
+    openSubscriptionOverlay: (data: SubscriptionOverlayData) => void;
+};
+interface QerkoData {
+    monetization: Monetization;
+    video?: Video;
+    onPurchase?: () => void;
+    onClose?: () => void;
+}
+interface QerkoOverlayState {
+    data: QerkoData | null;
+    openQerkoOverlay: ((data: QerkoData) => void);
+    closeQerkoOverlay: () => void;
+}
 declare type RemoteBundleState = {
     config: InternalConfig;
     error: string | null;
     settings: Settings;
     state: 'loading' | 'error' | 'ready';
 } & Nullable<TivioBundle>;
-export type { RemoteBundleState, Config, Settings, InternalConfig, TivioBundle, TivioBundleFile, TivioHooks, TivioComponents, TivioAuth, TivioGetters, TivioSubscriptions, Events, PubSub, PlayerCapability, Currency, };
+export type { RemoteBundleState, Config, Settings, InternalConfig, TivioBundle, TivioBundleFile, TivioHooks, TivioComponents, TivioAuth, TivioGetters, TivioSubscriptions, TivioInternalHooks, TivioInternalProviders, Events, PubSub, PlayerCapability, Currency, };

package/dist/types/types.d.ts

@@ -12,7 +12,15 @@ declare type RemoteProviderProps = {
     disableUnmounting?: boolean;
     language?: string;
 };
-declare type Language = 'cs' | 'en' | 'sk' | 'de' | 'pl';
+declare enum Language {
+    CS = "cs",
+    DE = "de",
+    EN = "en",
+    FR = "fr",
+    PL = "pl",
+    SK = "sk",
+    SP = "sp"
+}
 declare type User = {
     purchases: Purchase[];
     purchasedVods: Purchase[];
@@ -173,4 +181,5 @@ declare type TivioSources = {
     VodExternalSource: any;
     VodTivioSource: any;
 };
-export type { RemoteProviderProps, WebPlayerProps, Marker, BetOffer, Purchase, Chapter, Language, Widget, Channel, Section, Video, TivioSources, UserData, User, Monetization, VodTivioSourcePojo, ChannelSourcePojo, };
+export type { RemoteProviderProps, WebPlayerProps, Marker, BetOffer, Purchase, Chapter, Widget, Channel, Section, Video, TivioSources, UserData, User, Monetization, VodTivioSourcePojo, ChannelSourcePojo, };
+export { Language };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tivio/sdk-react",
-    "version": "3.1.3",
+    "version": "3.2.1",
     "main": "dist/index.js",
     "typings": "dist/index.d.ts",
     "source": "src/index.ts",
@@ -27,7 +27,7 @@
         "@material-ui/core": "^4.11.2",
         "@material-ui/icons": "^4.11.2",
         "@sentry/browser": "^6.1.0",
-        "@tivio/common": "1.1.75",
+        "@tivio/common": "1.1.77",
         "firebase": "^8.2.3",
         "formik": "^2.2.7",
         "i18next": "^19.8.4",

package/dist/components/context/OrganizationSubscriptionsContext.d.ts

@@ -1,9 +0,0 @@
-import { Monetization } from '@tivio/common';
-import React from 'react';
-interface OrganizationSubscriptionsContextState {
-    subscriptions: Monetization[];
-    setSubscriptions: (subscriptions: Monetization[]) => void;
-}
-declare const OrganizationSubscriptionsContext: React.Context<OrganizationSubscriptionsContextState>;
-declare const OrganizationSubscriptionsContextProvider: React.FC;
-export { OrganizationSubscriptionsContextProvider, OrganizationSubscriptionsContext, };

package/dist/components/context/PurchasesWithVideosContext.d.ts

@@ -1,9 +0,0 @@
-import { Purchase } from '@tivio/common';
-import React from 'react';
-interface PurchasesWithVideosContextState {
-    purchases: Purchase[];
-    setPurchases: (purchases: Purchase[]) => void;
-}
-declare const PurchasesWithVideosContext: React.Context<PurchasesWithVideosContextState>;
-declare const PurchasesWithVideosContextProvider: React.FC;
-export { PurchasesWithVideosContext, PurchasesWithVideosContextProvider, };

package/dist/components/context/UserContext.d.ts

@@ -1,9 +0,0 @@
-import { User } from '@tivio/common';
-import React from 'react';
-interface UserContextState {
-    user: User | null;
-    setUser: (user: User) => void;
-}
-declare const UserContext: React.Context<UserContextState>;
-declare const UserContextProvider: React.FC;
-export { UserContextProvider, UserContext, };