@tivio/sdk-react 3.2.1 → 3.2.4

package/dist/info.d.ts

@@ -0,0 +1,2 @@
+declare const logInfo: () => void;
+export { logInfo };

package/dist/services/bundleLoader.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2021, nangu.TV, a.s. All rights reserved.
  * nangu.TV, a.s PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
  */
-import { InternalConfig, RemoteBundleState, TivioBundle } from 'src/types/bundle.types';
+import { InternalConfig, RemoteBundleState, TivioBundle } from '../types/bundle.types';
 /**
  * @throws if fetch fails
  */

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

@@ -1,4 +1,4 @@
-import { Currency, QerkoCancellationInfo, ROW_ITEM_TYPES, SubscribeToTaggedVideos, TileProps, UseCancelSubscription } from '@tivio/common';
+import { Currency, ItemsInRow, PaginationInterface, PaginationOptions, QerkoCancellationInfo, Row, ROW_ITEM_TYPES, SubscribeToItemsInRowOptions, SubscribeToTaggedVideos, Tag, TilePropsPartial, UseCancelSubscription } from '@tivio/common';
 import { ComponentType } from 'react';
 import { Logger } from '../services/logger';
 import { FetchPackage } from '../services/packageLoader';
@@ -24,6 +24,10 @@ declare type InternalConfig = {
      */
     bundleUrlOverride?: string;
     currency: Currency;
+    /**
+     * Tells Tivio which technologies/protocols etc. is the device capable to play.
+     * If not provided, Tivio will try to guess it (based on the browser).
+     */
     deviceCapabilities: PlayerCapability[];
     /**
      * Additional options for deviceCapabilities
@@ -54,6 +58,10 @@ declare type InternalConfig = {
     sdkVersion: string;
     secret: string | null;
     verbose?: boolean;
+    /**
+     * @private
+     */
+    forceCloudFnResolver?: boolean;
 };
 declare type Events = {
     'on-ready': RemoteBundleState;
@@ -63,7 +71,7 @@ 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' | 'capabilitiesOptions' | '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' | 'forceCloudFnResolver'> & {
     deviceCapabilities: PlayerCapability[] | 'auto';
     /**
      * @private
@@ -194,9 +202,14 @@ interface TivioAuth {
     signOut: () => Promise<void>;
     createFreePurchase: (monetizationId: string) => Promise<void>;
 }
-interface TileActionProps {
-    goToPlayer?: (videoId: string, type: ROW_ITEM_TYPES, rowId?: string) => void;
-    goToLoginScreen?: () => void;
+export interface RouterOverrides {
+    goToPlayer: (videoId: string, type: ROW_ITEM_TYPES, rowId?: string) => void;
+    goToTagPage: (tagId: string) => void;
+    goToLoginScreen: () => void;
+    goBack: () => void;
+}
+export interface RouterOverridesContextState {
+    routerOverrides: RouterOverrides;
 }
 declare type TivioComponents = {
     AdIndicationButtonWeb: React.ReactNode;
@@ -205,6 +218,9 @@ declare type TivioComponents = {
     Provider: React.ComponentType<RemoteProviderProps>;
     Recommendation: React.ReactNode;
     SkipButtonWeb: React.ReactNode;
+    /**
+     * @deprecated will be removed in in @tivio/sdk-react@4
+     */
     VideoAdBanner: React.ReactNode;
     WebPlayer: React.ComponentType<WebPlayerProps>;
     Widget: React.ComponentType<TivioWidgetProps>;
@@ -222,9 +238,15 @@ declare type TivioComponents = {
     TvApp: React.ComponentType<TvAppProps>;
     CustomerScreen: React.ComponentType<{
         screenId: string;
-    } & TileActionProps>;
-    Row: React.ReactNode;
-    AppTile: React.ComponentType<TileProps>;
+    }>;
+    WebTagScreen: React.ComponentType<{
+        tagId: string;
+        onError?: (error: Error) => void;
+    }>;
+    WebRow: React.ReactNode;
+    WebTile: React.ComponentType<{
+        item?: Video | Tag;
+    } & TilePropsPartial>;
     FeatureSupportCheck: React.ComponentType<{}>;
 };
 declare type AdSegment = {
@@ -250,13 +272,40 @@ declare type TivioHooks = {
     useAd: () => [(AdSource | null)];
     useAdSegment: () => AdSegment | null;
     useCancelSubscription: UseCancelSubscription;
+    useItemsInRow: (rowId: string, options: PaginationOptions) => {
+        pagination: PaginationInterface<ItemsInRow> | null;
+        error: Error | null;
+    };
+    usePurchaseRecovery: () => {
+        purchaseRecoveryResult?: string;
+        loading: boolean;
+        error?: any;
+        purchaseRecovery: (monetizationId: string) => void;
+    };
+    useRowsInScreen: (screenId: string, options: PaginationOptions) => {
+        pagination: PaginationInterface<Row> | null;
+        error: Error | null;
+    };
+    useTaggedVideos: (tagIds: string[], options: SubscribeToItemsInRowOptions) => {
+        pagination: PaginationInterface<Video> | null;
+        error: Error | null;
+    };
     useSearch: UseSearch;
     useVoucher: (voucherId: string) => any;
+    /**
+     * @deprecated will be removed in version
+     */
     useLastVideoByWidgetId: (widgetId: string) => Video | null;
     useWatchWithoutAdsOffer: () => {
         canPurchaseWatchWithoutAds: boolean;
         showPurchaseDialog: () => void;
     };
+    useApplyInviteCode: () => {
+        applyInviteCodeResult?: boolean;
+        loading: boolean;
+        error?: any;
+        applyInviteCode: (code: string) => void;
+    };
 };
 export declare type UserPayload = Record<string, any>;
 declare type TivioBundle = {
@@ -277,11 +326,17 @@ declare type TivioBundle = {
     sources: TivioSources;
     subscriptions: TivioSubscriptions;
     internal: {
+        components: TivioInternalComponents;
         hooks: TivioInternalHooks;
         providers: TivioInternalProviders;
     };
 };
+declare type TivioInternalComponents = {
+    CustomButton: React.ComponentType;
+    WebLandingScreen: React.ComponentType;
+};
 declare type TivioInternalHooks = {
+    useAuthOverlay: () => AuthOverlayState;
     useSubscriptionsOverlay: () => SubscriptionOverlayState;
     useQerkoOverlay: () => QerkoOverlayState;
     usePurchasesWithVideos: () => {
@@ -297,16 +352,25 @@ declare type TivioInternalHooks = {
 };
 declare type TivioInternalProviders = {
     AppThemeProvider: React.ComponentType;
+    AuthOverlayContextProvider: React.ComponentType;
     CustomerProvider: React.ComponentType;
+    ConfigProvider: React.ComponentType;
     UserContextProvider: React.ComponentType;
     SubscriptionOverlayContextProvider: React.ComponentType;
     QerkoOverlayContextProvider: React.ComponentType;
     PurchasesWithVideosContextProvider: React.ComponentType;
     OrganizationSubscriptionsContextProvider: React.ComponentType;
+    RouterOverridesContextProvider: React.ComponentType<RouterOverridesContextState>;
 };
 declare type TivioBundleFile = {
     Tivio: TivioBundle;
 };
+declare type AuthOverlayType = 'login' | 'registration' | 'closed';
+interface AuthOverlayState {
+    type: AuthOverlayType;
+    closeAuthOverlay: () => void;
+    openAuthOverlay: (type: AuthOverlayType) => void;
+}
 interface SubscriptionOverlayData {
     subscriptions?: Monetization[];
     onPurchase?: () => void;
@@ -334,4 +398,4 @@ declare type RemoteBundleState = {
     settings: Settings;
     state: 'loading' | 'error' | 'ready';
 } & Nullable<TivioBundle>;
-export type { RemoteBundleState, Config, Settings, InternalConfig, TivioBundle, TivioBundleFile, TivioHooks, TivioComponents, TivioAuth, TivioGetters, TivioSubscriptions, TivioInternalHooks, TivioInternalProviders, Events, PubSub, PlayerCapability, Currency, };
+export type { RemoteBundleState, Config, Settings, InternalConfig, TivioBundle, TivioBundleFile, TivioHooks, TivioComponents, TivioAuth, TivioGetters, TivioSubscriptions, TivioInternalComponents, TivioInternalHooks, TivioInternalProviders, Events, PubSub, PlayerCapability, Currency, };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tivio/sdk-react",
-    "version": "3.2.1",
+    "version": "3.2.4",
     "main": "dist/index.js",
     "typings": "dist/index.d.ts",
     "source": "src/index.ts",
@@ -11,6 +11,7 @@
     "scripts": {
         "build": "bash ./scripts/build_prod.sh",
         "build:dev": "bash ./scripts/build_dev.sh",
+        "build:local": "bash ./scripts/build_with_local_bundle.sh",
         "start": "yarn ts-node ./scripts/start.ts",
         "test": "jest --config=./jest.config.js --coverage",
         "clean": "rm -rf dist",
@@ -27,7 +28,8 @@
         "@material-ui/core": "^4.11.2",
         "@material-ui/icons": "^4.11.2",
         "@sentry/browser": "^6.1.0",
-        "@tivio/common": "1.1.77",
+        "@tivio/common": "1.1.80",
+        "es7-object-polyfill": "^1.0.1",
         "firebase": "^8.2.3",
         "formik": "^2.2.7",
         "i18next": "^19.8.4",
@@ -38,6 +40,7 @@
         "react-spring": "^9.2.4",
         "react-virtualized": "^9.22.3",
         "styled-components": "^5.2.1",
+        "whatwg-fetch": "^3.6.2",
         "yup": "^0.32.9"
     },
     "devDependencies": {
@@ -57,6 +60,7 @@
         "@typescript-eslint/parser": "^4.14.2",
         "dotenv": "^8.2.0",
         "eslint": "^7.19.0",
+        "fork-ts-checker-webpack-plugin": "^7.0.0",
         "jest": "^27.0.1",
         "jest-cli": "^26.6.3",
         "jest-fetch-mock": "^3.0.3",