@tivio/sdk-react 2.4.2-beta1 → 2.4.3-alpha

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

@@ -1,4 +1,4 @@
-import { SubscribeToTaggedVideos, UseCancelSubscription } from '@tivio/common';
+import { SubscribeToTaggedVideos, TileProps, UseCancelSubscription } from '@tivio/common';
 import { ComponentType } from 'react';
 import { Logger } from '../services/logger';
 import { FetchPackage } from '../services/packageLoader';
@@ -167,6 +167,10 @@ interface TivioAuth {
     signOut: () => Promise<void>;
     createFreePurchase: (monetizationId: string) => Promise<void>;
 }
+interface TileActionProps {
+    goToPlayer?: (videoId: string, rowId?: string) => void;
+    goToLoginScreen?: () => void;
+}
 declare type TivioComponents = {
     AdIndicationButtonWeb: React.ReactNode;
     Markers: React.ReactNode;
@@ -189,6 +193,11 @@ declare type TivioComponents = {
         onEnded?: () => any;
     }>;
     TvApp: React.ComponentType<TvAppProps>;
+    CustomerScreen: React.ComponentType<{
+        screenId: string;
+    } & TileActionProps>;
+    Row: React.ReactNode;
+    AppTile: React.ComponentType<TileProps>;
 };
 declare type TivioHooks = {
     useAd: () => [(AdSource | null)];
@@ -207,14 +216,62 @@ declare type TivioBundle = {
     setUser: (userId: string, userPayload?: unknown) => 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, };
+export type { RemoteBundleState, Config, Settings, InternalConfig, TivioBundle, TivioBundleFile, TivioHooks, TivioComponents, TivioAuth, TivioGetters, TivioSubscriptions, TivioInternalHooks, TivioInternalProviders, Events, PubSub, };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tivio/sdk-react",
-    "version": "2.4.2-beta1",
+    "version": "2.4.3-alpha",
     "main": "dist/index.js",
     "typings": "dist/index.d.ts",
     "source": "src/index.ts",
@@ -14,10 +14,9 @@
         "start": "yarn ts-node ./scripts/start.ts",
         "test": "jest --config=./jest.config.js --coverage",
         "clean": "rm -rf dist",
-        "prepublishOnly": "yarn && yarn ts-node ./scripts/prepublish.ts && yarn run build",
         "postpublish": "yarn ts-node ./scripts/postpublish.ts",
         "publish:alpha": "npm publish --tag alpha",
-        "check:cycles": "npx madge --circular src/**/*"
+        "check:cycles   ": "npx madge --circular src/**/*"
     },
     "peerDependencies": {
         "react": "^17.0.0",
@@ -27,16 +26,18 @@
         "@material-ui/core": "^4.11.2",
         "@material-ui/icons": "^4.11.2",
         "@sentry/browser": "^6.1.0",
-        "@tivio/common": "1.1.64",
+        "@tivio/common": "1.1.65",
         "firebase": "^8.2.3",
         "formik": "^2.2.7",
         "i18next": "^19.8.4",
         "mobx-react": "^7.1.0",
         "mobx": "^6.0.4",
+        "react-dom": "^17.0.2",
         "react-i18next": "^9.0.10",
         "react-router-dom": "^5.2.0",
         "react-spring": "^9.2.4",
         "react-virtualized": "^9.22.3",
+        "react": "^17.0.2",
         "styled-components": "^5.2.1",
         "yup": "^0.32.9"
     },
@@ -70,8 +71,6 @@
         "webpack": "^5.15.0",
         "webpack-cli": "^4.4.0",
         "webpack-merge": "^5.7.3",
-        "yargs": "17",
-        "react-dom": "^17.0.2",
-        "react": "^17.0.2"
+        "yargs": "17"
     }
 }

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, };