@tivio/sdk-react 2.1.1 → 2.1.5

package/dist/services/sentry.d.ts

@@ -1,5 +1,5 @@
 import * as _Sentry from '@sentry/browser';
-export declare const Sentry: typeof _Sentry;
+export declare const Sentry: null | typeof _Sentry;
 export declare const initSentry: () => void;
 /**
  * Inject Sentry to window in order to use it inside core-js, core-react, etc.

package/dist/types.d.ts

@@ -5,11 +5,11 @@
 /**
  * Export public client side API
  */
-import type { Monetization, Screen, SubscribeToItemsInRow, SubscribeToRowsInScreen, SubscribeToScreen, Video } from '@tivio/common';
+import type { Monetization, QerkoPaymentInfo, Screen, SubscribeToItemsInRow, SubscribeToRowsInScreen, SubscribeToScreen, Video } from '@tivio/common';
 import { USER_TYPE } from '@tivio/common';
 import type React from 'react';
 import { InternalConf } from './conf';
-import { PlayerWrapper } from './customPlayer.types';
+import { AdSource, PlayerWrapper } from './customPlayer.types';
 declare type RemoteProviderProps = {
     disableUnmounting?: boolean;
     language?: string;
@@ -117,14 +117,6 @@ export interface TivioWidgetRef {
         x: number;
     });
 }
-declare type QerkoPaymentInfo = {
-    webPaymentGatewayLink: string;
-    gatewayUri: string;
-    paymentQRCodeUri: string;
-    purchaseId: string;
-    currency: string;
-    amount: number;
-};
 declare type TivioSubscriptions = {
     subscribeToUser: (cb: (error: string | null, user: User | null) => void) => void;
     /**
@@ -325,6 +317,9 @@ interface WebPlayerProps {
      * default true
      */
     enableKeyboardShortcuts?: boolean;
+    onProgress?: (event: React.ChangeEvent<HTMLVideoElement>) => void;
+    onLoadedMetadata?: (event: React.ChangeEvent<HTMLVideoElement>) => void;
+    onPlayerControllerCreated?: (playerController: any) => void;
 }
 declare type TivioComponents = {
     AdIndicationButtonWeb: React.ReactNode;
@@ -335,6 +330,20 @@ declare type TivioComponents = {
     VideoAdBanner: React.ReactNode;
     WebPlayer: React.ComponentType<WebPlayerProps>;
     Widget: React.ComponentType<TivioWidgetProps>;
+    TvPlayer: React.ComponentType<WebPlayerProps>;
+    PlayerDataContextProvider: React.ComponentType<{
+        id: string;
+    }>;
+    SkipButtonTv: React.ComponentType<{
+        Button: React.ComponentType;
+        Label: React.ComponentType;
+        Container: React.ComponentType;
+        onStarted?: () => any;
+        onEnded?: () => any;
+    }>;
+};
+declare type TivioHooks = {
+    useAd: () => [(AdSource | null)];
 };
 declare type TivioSources = {
     AdSource: any;
@@ -346,6 +355,7 @@ declare type TivioBundle = {
     components: TivioComponents;
     getters: TivioGetters;
     auth: TivioAuth;
+    hooks: TivioHooks;
     init: (config: Conf) => void | Promise<void>;
     purchaseVideoWithQerko: (videoId: string, monetizationId: string) => Promise<QerkoPaymentInfo>;
     purchaseSubscriptionWithQerko: (monetizationId: string) => Promise<QerkoPaymentInfo>;
@@ -354,4 +364,4 @@ declare type TivioBundle = {
     sources: TivioSources;
     subscriptions: TivioSubscriptions;
 };
-export type { RemoteProviderProps, WebPlayerProps, Conf, Nullable, Empty, Disposer, Marker, BetOffer, QerkoPaymentInfo, Purchase, Chapter, Language, Widget, Channel, Section, Video, TivioAuth, TivioSubscriptions, TivioGetters, TivioBundle, TivioComponents, TivioSources, UserData, User, Monetization, VodTivioSource, };
+export type { RemoteProviderProps, WebPlayerProps, Conf, Nullable, Empty, Disposer, Marker, BetOffer, Purchase, Chapter, Language, Widget, Channel, Section, Video, TivioAuth, TivioSubscriptions, TivioGetters, TivioBundle, TivioHooks, TivioComponents, TivioSources, UserData, User, Monetization, VodTivioSource, };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tivio/sdk-react",
-    "version": "2.1.1",
+    "version": "2.1.5",
     "main": "dist/index.js",
     "typings": "dist/index.d.ts",
     "source": "src/index.ts",
@@ -9,12 +9,12 @@
         "access": "public"
     },
     "scripts": {
-        "build": "echo 'TODO We need a build script dev vs. prod 🔥' && yarn run clean && webpack --config=webpack.config.prod.js",
-        "dev": "yarn run clean && webpack --config=webpack.config.dev.js",
-        "start": "yarn run clean && webpack -w --config=webpack.config.dev.js",
+        "build": "bash ./scripts/build_prod.sh",
+        "build:dev": "bash ./scripts/build_dev.sh",
+        "start": "bash ./scripts/start.sh",
         "test": "jest --config=./jest.config.js --coverage",
         "clean": "rm -rf dist",
-        "prepublishOnly": "yarn && rm -rf ./dist && yarn run build"
+        "publish:alpha": "npm publish --tag alpha"
     },
     "peerDependencies": {
         "firebase": "^8.2.3",
@@ -24,6 +24,7 @@
         "styled-components": "^5.2.1"
     },
     "dependencies": {
+        "@tivio/common": "1.1.22",
         "@sentry/browser": "^6.1.0",
         "mobx-react": "^7.1.0"
     },
@@ -51,11 +52,9 @@
         "styled-components": "^5.2.1",
         "timers-browserify": "^2.0.12",
         "ts-jest": "^26.4.4",
-        "ts-loader": "^8.0.14",
         "typescript": "^4.1.3",
         "webpack": "^5.15.0",
         "webpack-cli": "^4.4.0",
-        "webpack-merge": "^5.7.3",
-        "@tivio/common": "*"
+        "webpack-merge": "^5.7.3"
     }
 }

package/scripts/build_dev.sh

@@ -0,0 +1,3 @@
+cat ./.env.dev > ./.env;
+yarn run clean;
+yarn webpack --config=webpack.config.dev.js;

package/scripts/build_prod.sh

@@ -0,0 +1,3 @@
+cat ./.env.prod > ./.env;
+yarn run clean;
+yarn webpack --config=webpack.config.prod.js;

package/scripts/prepublish.ts

@@ -0,0 +1,16 @@
+import {
+    execCommand,
+} from '@tivio/build-utils'
+
+console.info('Publishing latest @tivio/common...')
+
+execCommand('yarn --cwd ../common pub;')
+
+console.info('Updating version of @tivio/common dependency in package.json...')
+
+const tivioCommonPackageJson = require('../../common/package.json')
+
+// Using sed instead of fs.write because it does not change the order
+// of the other line
+// eslint-disable-next-line no-useless-escape
+execCommand(`sed -i 's#"@tivio/common":.*#"@tivio/common": "${tivioCommonPackageJson.version}",#g' package.json`)

package/scripts/start.sh

@@ -0,0 +1,3 @@
+cat ./.env.dev > ./.env;
+yarn run clean;
+yarn webpack -w --config=webpack.config.dev.js;

package/coverage/clover.xml

@@ -1,113 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1620299977616" clover="3.2.0">
-  <project timestamp="1620299977616" name="All files">
-    <metrics statements="89" coveredstatements="57" conditionals="22" coveredconditionals="5" methods="14" coveredmethods="8" elements="125" coveredelements="70" complexity="0" loc="89" ncloc="89" packages="2" files="4" classes="4"/>
-    <package name="src">
-      <metrics statements="8" coveredstatements="8" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
-      <file name="setupTests.ts" path="/home/artur/Desktop/git/tivio/libs/sdk-react/src/setupTests.ts">
-        <metrics statements="8" coveredstatements="8" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
-        <line num="1" count="1" type="stmt"/>
-        <line num="4" count="1" type="stmt"/>
-        <line num="5" count="1" type="stmt"/>
-        <line num="6" count="1" type="stmt"/>
-        <line num="7" count="1" type="stmt"/>
-        <line num="9" count="1" type="stmt"/>
-        <line num="11" count="1" type="stmt"/>
-        <line num="23" count="1" type="stmt"/>
-      </file>
-    </package>
-    <package name="src.services">
-      <metrics statements="81" coveredstatements="49" conditionals="22" coveredconditionals="5" methods="14" coveredmethods="8"/>
-      <file name="bundleLoader.ts" path="/home/artur/Desktop/git/tivio/libs/sdk-react/src/services/bundleLoader.ts">
-        <metrics statements="55" coveredstatements="35" conditionals="14" coveredconditionals="5" methods="10" coveredmethods="7"/>
-        <line num="12" count="1" type="stmt"/>
-        <line num="15" count="1" type="stmt"/>
-        <line num="16" count="1" type="stmt"/>
-        <line num="49" count="1" type="stmt"/>
-        <line num="50" count="12" type="stmt"/>
-        <line num="51" count="12" type="stmt"/>
-        <line num="53" count="12" type="stmt"/>
-        <line num="59" count="12" type="stmt"/>
-        <line num="60" count="12" type="stmt"/>
-        <line num="62" count="12" type="stmt"/>
-        <line num="63" count="12" type="stmt"/>
-        <line num="64" count="10" type="stmt"/>
-        <line num="66" count="2" type="stmt"/>
-        <line num="69" count="10" type="cond" truecount="2" falsecount="0"/>
-        <line num="70" count="2" type="stmt"/>
-        <line num="73" count="8" type="stmt"/>
-        <line num="80" count="1" type="stmt"/>
-        <line num="81" count="14" type="stmt"/>
-        <line num="82" count="8" type="stmt"/>
-        <line num="84" count="7" type="stmt"/>
-        <line num="85" count="7" type="stmt"/>
-        <line num="87" count="7" type="stmt"/>
-        <line num="88" count="7" type="stmt"/>
-        <line num="89" count="6" type="stmt"/>
-        <line num="91" count="1" type="stmt"/>
-        <line num="94" count="6" type="cond" truecount="2" falsecount="0"/>
-        <line num="95" count="1" type="stmt"/>
-        <line num="98" count="5" type="cond" truecount="1" falsecount="1"/>
-        <line num="99" count="5" type="stmt"/>
-        <line num="102" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="103" count="0" type="stmt"/>
-        <line num="106" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="107" count="0" type="stmt"/>
-        <line num="112" count="0" type="stmt"/>
-        <line num="117" count="1" type="stmt"/>
-        <line num="118" count="7" type="stmt"/>
-        <line num="119" count="7" type="stmt"/>
-        <line num="121" count="7" type="stmt"/>
-        <line num="122" count="14" type="stmt"/>
-        <line num="135" count="14" type="stmt"/>
-        <line num="147" count="0" type="stmt"/>
-        <line num="148" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="149" count="0" type="stmt"/>
-        <line num="152" count="0" type="stmt"/>
-        <line num="154" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="155" count="0" type="stmt"/>
-        <line num="156" count="0" type="stmt"/>
-        <line num="159" count="0" type="stmt"/>
-        <line num="161" count="0" type="stmt"/>
-        <line num="173" count="0" type="stmt"/>
-        <line num="174" count="0" type="stmt"/>
-        <line num="177" count="0" type="stmt"/>
-        <line num="179" count="0" type="stmt"/>
-        <line num="190" count="0" type="stmt"/>
-        <line num="194" count="0" type="stmt"/>
-      </file>
-      <file name="dependencyResolver.ts" path="/home/artur/Desktop/git/tivio/libs/sdk-react/src/services/dependencyResolver.ts">
-        <metrics statements="13" coveredstatements="10" conditionals="2" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="12" count="1" type="stmt"/>
-        <line num="13" count="1" type="stmt"/>
-        <line num="14" count="1" type="stmt"/>
-        <line num="15" count="1" type="stmt"/>
-        <line num="16" count="1" type="stmt"/>
-        <line num="17" count="1" type="stmt"/>
-        <line num="18" count="1" type="stmt"/>
-        <line num="19" count="1" type="stmt"/>
-        <line num="28" count="1" type="stmt"/>
-        <line num="38" count="1" type="stmt"/>
-        <line num="39" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="40" count="0" type="stmt"/>
-        <line num="43" count="0" type="stmt"/>
-      </file>
-      <file name="settings.ts" path="/home/artur/Desktop/git/tivio/libs/sdk-react/src/services/settings.ts">
-        <metrics statements="13" coveredstatements="4" conditionals="6" coveredconditionals="0" methods="3" coveredmethods="1"/>
-        <line num="18" count="1" type="stmt"/>
-        <line num="19" count="12" type="stmt"/>
-        <line num="23" count="12" type="stmt"/>
-        <line num="25" count="12" type="stmt"/>
-        <line num="27" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="28" count="0" type="stmt"/>
-        <line num="30" count="0" type="stmt"/>
-        <line num="32" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="33" count="0" type="stmt"/>
-        <line num="38" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="39" count="0" type="stmt"/>
-        <line num="40" count="0" type="stmt"/>
-        <line num="42" count="0" type="stmt"/>
-      </file>
-    </package>
-  </project>
-</coverage>

package/coverage/lcov-report/base.css

@@ -1,224 +0,0 @@
-body, html {
-  margin:0; padding: 0;
-  height: 100%;
-}
-body {
-    font-family: Helvetica Neue, Helvetica, Arial;
-    font-size: 14px;
-    color:#333;
-}
-.small { font-size: 12px; }
-*, *:after, *:before {
-  -webkit-box-sizing:border-box;
-     -moz-box-sizing:border-box;
-          box-sizing:border-box;
-  }
-h1 { font-size: 20px; margin: 0;}
-h2 { font-size: 14px; }
-pre {
-    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    margin: 0;
-    padding: 0;
-    -moz-tab-size: 2;
-    -o-tab-size:  2;
-    tab-size: 2;
-}
-a { color:#0074D9; text-decoration:none; }
-a:hover { text-decoration:underline; }
-.strong { font-weight: bold; }
-.space-top1 { padding: 10px 0 0 0; }
-.pad2y { padding: 20px 0; }
-.pad1y { padding: 10px 0; }
-.pad2x { padding: 0 20px; }
-.pad2 { padding: 20px; }
-.pad1 { padding: 10px; }
-.space-left2 { padding-left:55px; }
-.space-right2 { padding-right:20px; }
-.center { text-align:center; }
-.clearfix { display:block; }
-.clearfix:after {
-  content:'';
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-  }
-.fl { float: left; }
-@media only screen and (max-width:640px) {
-  .col3 { width:100%; max-width:100%; }
-  .hide-mobile { display:none!important; }
-}
-
-.quiet {
-  color: #7f7f7f;
-  color: rgba(0,0,0,0.5);
-}
-.quiet a { opacity: 0.7; }
-
-.fraction {
-  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 10px;
-  color: #555;
-  background: #E8E8E8;
-  padding: 4px 5px;
-  border-radius: 3px;
-  vertical-align: middle;
-}
-
-div.path a:link, div.path a:visited { color: #333; }
-table.coverage {
-  border-collapse: collapse;
-  margin: 10px 0 0 0;
-  padding: 0;
-}
-
-table.coverage td {
-  margin: 0;
-  padding: 0;
-  vertical-align: top;
-}
-table.coverage td.line-count {
-    text-align: right;
-    padding: 0 5px 0 20px;
-}
-table.coverage td.line-coverage {
-    text-align: right;
-    padding-right: 10px;
-    min-width:20px;
-}
-
-table.coverage td span.cline-any {
-    display: inline-block;
-    padding: 0 5px;
-    width: 100%;
-}
-.missing-if-branch {
-    display: inline-block;
-    margin-right: 5px;
-    border-radius: 3px;
-    position: relative;
-    padding: 0 4px;
-    background: #333;
-    color: yellow;
-}
-
-.skip-if-branch {
-    display: none;
-    margin-right: 10px;
-    position: relative;
-    padding: 0 4px;
-    background: #ccc;
-    color: white;
-}
-.missing-if-branch .typ, .skip-if-branch .typ {
-    color: inherit !important;
-}
-.coverage-summary {
-  border-collapse: collapse;
-  width: 100%;
-}
-.coverage-summary tr { border-bottom: 1px solid #bbb; }
-.keyline-all { border: 1px solid #ddd; }
-.coverage-summary td, .coverage-summary th { padding: 10px; }
-.coverage-summary tbody { border: 1px solid #bbb; }
-.coverage-summary td { border-right: 1px solid #bbb; }
-.coverage-summary td:last-child { border-right: none; }
-.coverage-summary th {
-  text-align: left;
-  font-weight: normal;
-  white-space: nowrap;
-}
-.coverage-summary th.file { border-right: none !important; }
-.coverage-summary th.pct { }
-.coverage-summary th.pic,
-.coverage-summary th.abs,
-.coverage-summary td.pct,
-.coverage-summary td.abs { text-align: right; }
-.coverage-summary td.file { white-space: nowrap;  }
-.coverage-summary td.pic { min-width: 120px !important;  }
-.coverage-summary tfoot td { }
-
-.coverage-summary .sorter {
-    height: 10px;
-    width: 7px;
-    display: inline-block;
-    margin-left: 0.5em;
-    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
-}
-.coverage-summary .sorted .sorter {
-    background-position: 0 -20px;
-}
-.coverage-summary .sorted-desc .sorter {
-    background-position: 0 -10px;
-}
-.status-line {  height: 10px; }
-/* yellow */
-.cbranch-no { background: yellow !important; color: #111; }
-/* dark red */
-.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
-.low .chart { border:1px solid #C21F39 }
-.highlighted,
-.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
-  background: #C21F39 !important;
-}
-/* medium red */
-.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
-/* light red */
-.low, .cline-no { background:#FCE1E5 }
-/* light green */
-.high, .cline-yes { background:rgb(230,245,208) }
-/* medium green */
-.cstat-yes { background:rgb(161,215,106) }
-/* dark green */
-.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
-.high .chart { border:1px solid rgb(77,146,33) }
-/* dark yellow (gold) */
-.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
-.medium .chart { border:1px solid #f9cd0b; }
-/* light yellow */
-.medium { background: #fff4c2; }
-
-.cstat-skip { background: #ddd; color: #111; }
-.fstat-skip { background: #ddd; color: #111 !important; }
-.cbranch-skip { background: #ddd !important; color: #111; }
-
-span.cline-neutral { background: #eaeaea; }
-
-.coverage-summary td.empty {
-    opacity: .5;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    line-height: 1;
-    color: #888;
-}
-
-.cover-fill, .cover-empty {
-  display:inline-block;
-  height: 12px;
-}
-.chart {
-  line-height: 0;
-}
-.cover-empty {
-    background: white;
-}
-.cover-full {
-    border-right: none !important;
-}
-pre.prettyprint {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.com { color: #999 !important; }
-.ignore-none { color: #999; font-weight: normal; }
-
-.wrapper {
-  min-height: 100%;
-  height: auto !important;
-  height: 100%;
-  margin: 0 auto -48px;
-}
-.footer, .push {
-  height: 48px;
-}

package/coverage/lcov-report/block-navigation.js

@@ -1,79 +0,0 @@
-/* eslint-disable */
-var jumpToCode = (function init() {
-    // Classes of code we would like to highlight in the file view
-    var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
-
-    // Elements to highlight in the file listing view
-    var fileListingElements = ['td.pct.low'];
-
-    // We don't want to select elements that are direct descendants of another match
-    var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
-
-    // Selecter that finds elements on the page to which we can jump
-    var selector =
-        fileListingElements.join(', ') +
-        ', ' +
-        notSelector +
-        missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
-
-    // The NodeList of matching elements
-    var missingCoverageElements = document.querySelectorAll(selector);
-
-    var currentIndex;
-
-    function toggleClass(index) {
-        missingCoverageElements
-            .item(currentIndex)
-            .classList.remove('highlighted');
-        missingCoverageElements.item(index).classList.add('highlighted');
-    }
-
-    function makeCurrent(index) {
-        toggleClass(index);
-        currentIndex = index;
-        missingCoverageElements.item(index).scrollIntoView({
-            behavior: 'smooth',
-            block: 'center',
-            inline: 'center'
-        });
-    }
-
-    function goToPrevious() {
-        var nextIndex = 0;
-        if (typeof currentIndex !== 'number' || currentIndex === 0) {
-            nextIndex = missingCoverageElements.length - 1;
-        } else if (missingCoverageElements.length > 1) {
-            nextIndex = currentIndex - 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    function goToNext() {
-        var nextIndex = 0;
-
-        if (
-            typeof currentIndex === 'number' &&
-            currentIndex < missingCoverageElements.length - 1
-        ) {
-            nextIndex = currentIndex + 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    return function jump(event) {
-        switch (event.which) {
-            case 78: // n
-            case 74: // j
-                goToNext();
-                break;
-            case 66: // b
-            case 75: // k
-            case 80: // p
-                goToPrevious();
-                break;
-        }
-    };
-})();
-window.addEventListener('keydown', jumpToCode);