@tivio/sdk-react 4.3.0 → 4.4.1

package/dist/sdk-react.d.ts

@@ -189,7 +189,7 @@ export declare type BadRequestError = Error & {
 
 export declare enum BannerItemComponent {
     CLASSIC = "CLASSIC",
-    SPLITTED = "SPLITTED"
+    SPLIT = "SPLIT"
 }
 
 /**
@@ -407,6 +407,14 @@ export declare type Customizations = {
             fontSize: number;
         };
     };
+    SplitBanner: {
+        height: string;
+        Image: {
+            mobile: {
+                height: string;
+            };
+        };
+    };
     Row: {
         /**
          * Customizations of Banner component that is used as Row on Customer screen (e.g. WebBannerData)
@@ -443,7 +451,8 @@ export declare type Customizations = {
         };
         TagsRow: {
             /**
-             * Tags of this tag type is shown in tags row on video detail screen
+             * Tags of this tag type is shown in tags row on video detail screen.
+             * The same config is used for SplitBanner.
              */
             tagTypeId: string;
             /**
@@ -613,6 +622,13 @@ export declare interface GenericOnCallError {
  */
 export declare const getPubSub: () => PubSub;
 
+/**
+ * @public
+ */
+export declare type GetPurchasableMonetizationsOptions = {
+    includeMonetizationsWithPurchaseDisabled: boolean;
+};
+
 /**
  * Response from Tivio getPurchaseInfo HTTP endpoint.
  *
@@ -738,6 +754,11 @@ declare interface IntroMarker {
     skip: () => void;
 }
 
+/**
+ * @public
+ */
+export declare type ItemComponent = RowItemComponent | BannerItemComponent;
+
 /**
  * @public
  */
@@ -774,7 +795,8 @@ export declare enum LangCode {
     PL = "pl",
     PT = "pt",
     SK = "sk",
-    ES = "es"
+    ES = "es",
+    HU = "hu"
 }
 
 /**
@@ -907,9 +929,49 @@ export declare enum MONETIZATION_FREQUENCY {
     DAILY = "DAILY",
     WEEKLY = "WEEKLY",
     MONTHLY = "MONTHLY",
+    HALF_ANNUALLY = "HALF_ANNUALLY",
     ANNUALLY = "ANNUALLY"
 }
 
+/**
+ * @public
+ */
+export declare interface MonetizationCardProps {
+    subscription: PurchasableMonetization;
+    onClick: (subscription: PurchasableMonetization) => void;
+    buttonLabel: string;
+    purchased: boolean;
+    focused?: boolean;
+}
+
+/**
+ * @public
+ */
+export declare interface MonetizationsSelectOverlayData {
+    subscriptions?: PurchasableMonetization[];
+    /**
+     * Item from which monetization select was opened.
+     * Note: does not necessarily mean that result purchase will be transaction.
+     */
+    item?: Video | TvChannel;
+    /**
+     * If set to true, user is buying voucher.
+     * Otherwise, user is making a purchase for himself.
+     */
+    voucherPurchase?: boolean;
+    onPurchase?: () => void;
+    onClose?: () => void;
+}
+
+/**
+ * @public
+ */
+export declare type MonetizationsSelectOverlayState = {
+    data: MonetizationsSelectOverlayData | null;
+    closeMonetizationsSelectOverlay: () => void;
+    openMonetizationsSelectOverlay: (data: MonetizationsSelectOverlayData) => void;
+};
+
 /**
  * @public
  * @TODO change to enum
@@ -1293,7 +1355,15 @@ export declare interface PurchasableMonetization extends Monetization {
     price?: string | number;
     promotion: Promotion | null;
     frequency?: MONETIZATION_FREQUENCY;
-    isPurchased?: boolean;
+    /**
+     * Returns TRUE if subscription is purchased (and not expired) by user.
+     * Returns TRUE if transaction is purchased (and not expired) for transactionItemId.
+     * Returns FALSE otherwise.
+     *
+     * @param transactionItemId id of item for which transaction purchase is checked
+     * @param transactionField type of item (video or tvChannel)
+     */
+    isPurchased(transactionItemId?: string, transactionField?: 'videoId' | 'tvChannelId'): boolean;
     benefits?: Translation[];
     localizedBenefits?: string[];
     /**
@@ -1301,6 +1371,11 @@ export declare interface PurchasableMonetization extends Monetization {
      * still have bought but can't be purchased anymore.
      */
     purchaseDisabled?: boolean;
+    /**
+     * When set to true, users can buy this monetization as a voucher (e.g. to send it as a gift to a friend).
+     * If not set or set to false, users cannot buy it as a voucher.
+     */
+    isPurchasableAsVoucher?: boolean;
 }
 
 /**
@@ -1375,6 +1450,10 @@ export declare type PurchaseEndpointPayload = {
          * Timestamp of the last change of the purchase - in this case it is timestamp when it was paid.
          */
         updated: number;
+        /**
+         * True if delayed payment is confirmed but not charged yet, undefined in all other cases.
+         */
+        isDelayedPayment?: boolean;
     };
     /**
      * Information about the monetization which has been bought by this purchase. Monetization definition may change in time so information provided here
@@ -1387,7 +1466,6 @@ export declare type PurchaseEndpointPayload = {
         currency?: Currency;
         /**
          * Frequency in which the user will be charged.
-         * One of "ONE_TIME_PAYMENT", "DAILY", "WEEKLY", "MONTHLY" and "ANNUALLY.
          */
         frequency?: MONETIZATION_FREQUENCY | null;
         /**
@@ -1515,6 +1593,11 @@ export declare interface QerkoCancellationInfo {
 export declare interface QerkoData {
     monetization: PurchasableMonetization;
     item?: Video | TvChannel;
+    /**
+     * If set to true, user is buying voucher.
+     * Otherwise, user is making a purchase for himself.
+     */
+    voucherPurchase?: boolean;
     onPurchase?: () => void;
     onClose?: () => void;
 }
@@ -1523,8 +1606,14 @@ export declare interface QerkoData {
  * @public
  */
 export declare interface QerkoOverlayState {
+    isOpen: boolean;
     data: QerkoData | null;
-    openQerkoOverlay: ((data: QerkoData) => void);
+    /**
+     * Prepares data for
+     * Use this in case when you need to split actions
+     */
+    setData: (data: QerkoData) => void;
+    openQerkoOverlay: (data?: QerkoData) => void;
     closeQerkoOverlay: () => void;
 }
 
@@ -1632,17 +1721,7 @@ export declare interface RouterOverridesContextState {
 /**
  * @public
  */
-export declare interface Row {
-    id: string;
-    rowId: string;
-    name: string;
-    description?: string;
-    itemComponent: RowItemComponent;
-    rowComponent: RowComponent;
-    assets: Assets;
-    type: ScreenRowType;
-    isLiveRow: boolean;
-}
+export declare type Row = RowStandard | RowBanner;
 
 /**
  * @public
@@ -1653,6 +1732,27 @@ export declare enum ROW_ITEM_TYPES {
     TV_CHANNEL = "TV_CHANNEL"
 }
 
+/**
+ * @private
+ */
+export declare interface RowBanner extends RowBase {
+    rowComponent: RowComponent.BANNER;
+    itemComponent: BannerItemComponent;
+}
+
+/**
+ * @private
+ */
+declare interface RowBase {
+    id: string;
+    rowId: string;
+    name: string;
+    description?: string;
+    assets: Assets;
+    type: ScreenRowType;
+    isLiveRow: boolean;
+}
+
 /**
  * @public
  */
@@ -1665,6 +1765,7 @@ export declare enum RowComponent {
  * @public
  */
 export declare interface RowItem extends RowItemAssets {
+    created?: Date;
     itemType: ROW_ITEM_TYPES;
     name?: string;
     description?: string;
@@ -1705,6 +1806,14 @@ export declare type RowItemsSubscription = (rowId: string, cb: (error: Error | n
     hasNextPage: boolean;
 } | null, fetchMore: null | ((count?: number) => void), isLoading: boolean) => void, limit?: number) => Disposer_2;
 
+/**
+ * @private
+ */
+export declare interface RowStandard extends RowBase {
+    rowComponent: RowComponent.ROW;
+    itemComponent: RowItemComponent;
+}
+
 /**
  * @public
  */
@@ -1792,6 +1901,12 @@ export declare interface Section {
     videos: Video[];
 }
 
+export declare enum SemanticDate {
+    YESTERDAY = "Yesterday",
+    TODAY = "Today",
+    TOMORROW = "Tomorrow"
+}
+
 /**
  * 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.
@@ -1911,17 +2026,6 @@ export declare type SubscribeToTaggedVideosOptions = SubscribeToItemsInRowOption
     where?: WhereFilter[];
 };
 
-/**
- * @public
- */
-export declare interface SubscriptionCardProps {
-    subscription: PurchasableMonetization;
-    onClick: (subscription: PurchasableMonetization) => void;
-    buttonLabel: string;
-    purchased: boolean;
-    focused?: boolean;
-}
-
 declare type SubscriptionInfo = {
     type: 'subscription';
     name: string;
@@ -1929,24 +2033,6 @@ declare type SubscriptionInfo = {
     frequency: string;
 };
 
-/**
- * @public
- */
-export declare interface SubscriptionOverlayData {
-    subscriptions?: PurchasableMonetization[];
-    onPurchase?: () => void;
-    onClose?: () => void;
-}
-
-/**
- * @public
- */
-export declare type SubscriptionOverlayState = {
-    data: SubscriptionOverlayData | null;
-    closeSubscriptionOverlay: () => void;
-    openSubscriptionOverlay: (data: SubscriptionOverlayData) => void;
-};
-
 /**
  * @public
  */
@@ -1961,6 +2047,7 @@ export declare interface Tag extends RowItem {
     isFavorite: boolean;
     addToFavorites: () => void;
     removeFromFavorites: () => void;
+    cover: string;
 }
 
 /**
@@ -2032,6 +2119,7 @@ export declare type TileProps = {
      * Now used for backward compatibility for WebTileGrid. Consider to use it other way.
      */
     containerMargin?: number | string;
+    created?: Date;
 };
 
 /**
@@ -2273,7 +2361,7 @@ export declare type TivioInternalBundle = {
  * @public
  */
 export declare type TivioInternalComponents = {
-    PrimaryButton: React_2.ComponentType;
+    PrimaryButton: React_2.ComponentType<any>;
     WebLandingScreen: React_2.ComponentType<{
         logo?: string;
     }>;
@@ -2287,7 +2375,7 @@ export declare type TivioInternalComponents = {
  * @public
  */
 export declare type TivioInternalHooks = {
-    useSubscriptionsOverlay: () => SubscriptionOverlayState;
+    useMonetizationsSelectOverlay: () => MonetizationsSelectOverlayState;
     useQerkoOverlay: () => QerkoOverlayState;
     usePurchasesWithVideos: () => {
         purchases: Purchase[];
@@ -2310,15 +2398,12 @@ export declare type TivioInternalHooks = {
         loading: boolean;
     });
     useTvChannel: UseTvChannel;
-    usePaymentOverlay: () => {
-        videoIdOrUrlName: string | null;
-        setVideoIdOrUrlName: (videoIdOrUrlName: string | null) => void;
-    };
     useChannelSource: UseChannelSource;
     useUser: () => {
         user: User | null;
         error: string | null;
         isInitialized: boolean;
+        isSignedIn: boolean;
     };
 };
 
@@ -2334,10 +2419,9 @@ export declare type TivioInternalProviders = {
     }>;
     ConfigProvider: React_2.ComponentType;
     UserContextProvider: React_2.ComponentType;
-    SubscriptionOverlayContextProvider: React_2.ComponentType;
+    MonetizationsSelectOverlayContextProvider: React_2.ComponentType;
     QerkoOverlayContextProvider: React_2.ComponentType;
     PurchasesWithVideosContextProvider: React_2.ComponentType;
-    PaymentOverlayContextProvider: React_2.ComponentType;
     /**
      * @deprecated not used in our app, can be removed when no sdk in production uses it
      */
@@ -2582,8 +2666,14 @@ export declare interface TvChannel extends RowItem {
     logo?: string;
     hls: string;
     dash: string;
+    /**
+     * Returns all transactions and subscriptions applied to this tv channel.
+     * Transactions before subscriptions, sorted by price ascending.
+     */
+    getPurchasableMonetizations(options?: GetPurchasableMonetizationsOptions): PurchasableMonetization[];
     purchasableMonetization: any | null;
     price: number;
+    cover: string;
 }
 
 /**
@@ -2793,6 +2883,10 @@ export declare type User = {
      * Returns "active" (non-expired) subscription purchases
      */
     purchasedSubscriptions: Purchase[];
+    /**
+     * Returns last expired subscription which user can renew or undefined
+     */
+    extendableSubscription?: Purchase;
     isPurchasesInitialized: boolean;
     isSignedIn: boolean;
     email?: string;
@@ -2828,7 +2922,7 @@ export declare enum UserType {
 /**
  * @public
  */
-export declare type UseSearch = <T extends ALGOLIA_INDEX_NAME>(indexName: T, options?: UseSearchOptions) => {
+export declare type UseSearch = <T extends ALGOLIA_INDEX_NAME>(indexName: T, options?: UseSearchOptions<T>) => {
     search: (query: string) => void;
     pagination: Omit<PaginationInterface<UseSearchResult<T>>, 'loading'> | null;
     error: Error | null;
@@ -2847,15 +2941,26 @@ export declare const useSearch: UseSearch;
 /**
  * @public
  */
-export declare type UseSearchOptions = PaginationOptions & Partial<{
-    minQueryLength: number;
-}>;
+export declare type UseSearchOptions<T extends ALGOLIA_INDEX_NAME = any> = PaginationOptions & {
+    minQueryLength?: number;
+} & (T extends ALGOLIA_INDEX_NAME.VIDEOS ? UseSearchVideoOptions : {});
 
 /**
  * @public
  */
 export declare type UseSearchResult<T extends ALGOLIA_INDEX_NAME> = T extends ALGOLIA_INDEX_NAME.VIDEOS ? Video : T extends ALGOLIA_INDEX_NAME.TAGS ? Tag : T extends ALGOLIA_INDEX_NAME.TV_CHANNELS ? TvChannel : unknown;
 
+/**
+ * @public
+ */
+export declare type UseSearchVideoOptions = {
+    /**
+     * If true video tags are awaited before loading is over.
+     * Otherwise, only videos are awaited.
+     */
+    waitForTags?: boolean;
+};
+
 /**
  * @public
  */
@@ -2903,6 +3008,7 @@ export declare const useUser: () => {
     user: User | null;
     error: string | null;
     isInitialized: boolean;
+    isSignedIn: boolean;
 };
 
 /**
@@ -2972,7 +3078,10 @@ export declare enum VastProvider {
     MALL_TV_PREBID = "malltv-prebid",
     PRIMA = "prima",
     TEST = "test",
-    TEST_VPAID = "test-vpaid"
+    TEST_VPAID = "test-vpaid",
+    JOJ_TEST_AD_FORM_PROGRAMMATIC = "joj-test-ad-form-programmatic",
+    JOJ_TEST_TESTER_VASTERIX = "joj-test-tester-vasterix",
+    JOJ_TEST_TESTER_ADFORM_30 = "joj-test-tester-adform-30"
 }
 
 /**
@@ -2984,7 +3093,6 @@ export declare interface Video extends RowItem {
      * @deprecated use assets instead
      */
     cover: string | null;
-    created: Date;
     sectionId: string | null;
     channelId: string | null;
     /**
@@ -2996,11 +3104,15 @@ export declare interface Video extends RowItem {
     image: string | null;
     isPlayable: boolean;
     monetizations: Monetization[];
-    transactionId?: string;
-    sources?: any[];
+    /**
+     * Returns all transactions and subscriptions applied to this video.
+     * Transactions before subscriptions, sorted by price ascending.
+     */
+    getPurchasableMonetizations(options?: GetPurchasableMonetizationsOptions): PurchasableMonetization[];
+    purchasableMonetization: any | null;
     transaction: PurchasableMonetization | undefined;
     subscriptions: PurchasableMonetization[];
-    subscriptionIds: string[];
+    sources?: any[];
     isPlaylist: boolean;
     name: string;
     urlNames?: string[];
@@ -3015,7 +3127,6 @@ export declare interface Video extends RowItem {
     detailBanner?: string;
     linkedVideosRaw: any[];
     linkedVideos: LinkedVideo[];
-    purchasableMonetization: any | null;
     contentType: VideoContentType | null;
     year?: number;
     episodeNumber?: number;
@@ -3072,6 +3183,14 @@ export declare enum VideoType {
      * Video is a standard single video.
      */
     VIDEO = "VIDEO",
+    /**
+     * Part of video original video like CUT.
+     */
+    CUT = "CUT",
+    /**
+     * Part of video original video like TRAILER.
+     */
+    TRAILER = "TRAILER",
     TV_PROGRAM = "TV_PROGRAM",
     /**
      * Video object represents whole series, e.g. tv show.

package/package.json

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