@npo/player 1.9.0

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+# Changelog
+
+For our changelog please refer to [our documentation site](https://docs.npoplayer.nl/changelog/)

package/LICENSE

@@ -0,0 +1,15 @@
+The ISC License
+
+Copyright (c) NPO
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR
+IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,281 @@
+[![NPO](https://objectstorage.nl-ams-1.scalia.io/npostart-npoplayer-test/assets/player/npo_player.png 'NPO Player Logo')](https://npo.nl)
+
+# Publieke Omroep Player
+
+The video player library for NPO and other broadcasters.
+
+# Documentation
+More extensive and up-to-date documentation is available at https://docs.npoplayer.nl
+
+# Installing using npm
+
+**If you are not using npm, skip to Import to use the js and css from the CDN.**
+
+The player is hosted on our private NPM registry, so in order to install it you must add this registry to the context of the package manager.
+In your project, add a file named '.npmrc' and add this line:
+
+```text
+always-auth=true
+@npoplayer:registry=https://pkgs.dev.azure.com/NPOplayer/_packaging/NPOplayer/npm/registry/
+```
+
+##### For Mac:
+
+Add this to your user's .npmrc file and replace the \[BASE64_ENCODED_ACCESS_KEY\] with the key you are provided.
+
+```text
+; begin auth token
+//pkgs.dev.azure.com/NPOplayer/_packaging/NPOplayer/npm/registry/:username=NPOplayer
+//pkgs.dev.azure.com/NPOplayer/_packaging/NPOplayer/npm/registry/:_password=[BASE64_ENCODED_ACCESS_KEY]
+//pkgs.dev.azure.com/NPOplayer/_packaging/NPOplayer/npm/registry/:email=npm requires email to be set but doesn't use the value
+//pkgs.dev.azure.com/NPOplayer/_packaging/NPOplayer/npm/:username=NPOplayer
+//pkgs.dev.azure.com/NPOplayer/_packaging/NPOplayer/npm/:_password=[BASE64_ENCODED_ACCESS_KEY]
+//pkgs.dev.azure.com/NPOplayer/_packaging/NPOplayer/npm/:email=npm requires email to be set but doesn't use the value
+; end auth token
+```
+
+##### For Windows:
+
+Run this command to add the token to your user's .npmrc file:
+
+```shell
+vsts-npm-auth -config .npmrc
+```
+
+##### Install from registry
+
+After adding the access token and the registry you can install the package:
+
+```shell
+npm install npoplayer
+```
+
+# Import
+
+## NPM
+
+```js
+import 'npoplayer/src/scss/npoplayer.scss';
+import NpoPlayer from 'npoplayer';
+window.npoplayer = NpoPlayer;
+```
+
+## CDN
+
+```js
+<script src="https://npoplayer-test.s3.eu-central-1.amazonaws.com/assets/build/npoplayer.js" type="text/javascript"></script>
+<link rel="stylesheet" href="https://npoplayer-test.s3.eu-central-1.amazonaws.com/assets/build/npoplayer.css"></style>
+```
+
+# Basic usage
+
+```js
+let player = new npoplayer(container, playerConfig, npotag?, npotaginstance?);
+player.loadStream(jwt);
+```
+
+The parameters `container`, `playerConfig`, `npotag` (optional), `npotag` (optional), `jwt` passed to the functions need to be defined as below.
+
+# JWT
+
+The player library makes use of the JSON Web Token (JWT) technology. More information about using JWT can be found at this website [JWT.IO - JSON Web Tokens Introduction]
+
+**Create your own unique JWT for each PRID**
+
+To be able to load your stream for any player you need to make use of a [self generated JWT].
+
+**JWT header:**
+
+```json
+{
+    "alg": "HS256",
+    "typ": "JWT"
+}
+```
+
+**Payload:**
+
+```js
+const timestamp = Math.floor(Date.now() / 1000);
+```
+
+```json
+{
+    "iat": timestamp,
+    "sub": "<< PRID >>",
+    "iss": "<< YOUR BROADCASTER NAME",
+    "cip": "<< IP FROM CLIENT >>",
+    "age": "26"
+}
+```
+
+**Sign JWT:**
+
+```js
+HMACSHA256(
+    base64UrlEncode(header) + '.' + base64UrlEncode(payload),
+    your - 256 - bit - secret
+);
+```
+
+**Example of generated JWT:**
+
+```text
+eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c
+```
+
+For every new request you make to the player library a new JWT needs to be sent to the NPO player library
+
+## Player Container
+
+The player SDK needs to know within which container it should render its video and UI components. In this example a `div`-element is used with a unique `id="my-player"`, which is the recommended approach in general.
+
+```html
+<div id="my-player"></div>
+```
+
+## Create a Player Configuration
+
+A minimal player configuration requires the `key` property to be present, which expects a Player License Key. When served on `localhost`, no valid player license key is required to simplify development efforts.
+
+```js
+let playerConfig = {
+    key: '<< KEY >>'
+};
+```
+
+You can however add optional values to customize the players' behaviour. For player events, (for now) you need to import it from the Bitmovin library with `import {PlayerEvent} from "bitmovin-player";`
+
+```js
+let playerConfig = {
+    key: '<< KEY >>',
+    analytics: {
+        key: '<< ANALYTICS KEY >>'
+    },
+    playback: {
+        muted: false,
+        autoplay: true
+    }
+};
+```
+
+## Create an NPO Tag instance
+
+For analytics purposes you can add and existing NPO Tag instance to the player or properties to create one.
+
+```js
+let npotag = {
+    brand: '[YOUR_COMPANY]',
+    brand_id: 1,
+    platform: '[web/ios/android]',
+    platform_version: '[YOUR_PLATFORM_VERSION]',
+    debug: false
+};
+```
+
+## Optional: Options
+
+There are several options you can use for the players behaviour.
+
+```js
+let options = {
+    //properties
+};
+
+player.loadStream(jwt, options);
+```
+
+**Available properties**
+`sourceConfig` - object: used for defining information about the source
+`fragments` - object: used for defining and playing fragments
+`endpoint` - string: the endpoint used to get the stream-link
+
+The following properties need to be added directly into the options object.
+
+**Source configuration**
+The source configuration is used for defining information about the source like title, description, dash streamurl, hls streamurl, drm, subtitles, thumbnails etc.
+The configuration is created by the library but you can overwrite this by adding a custom config to the `loadStream` function
+
+```js
+let options = {
+    /* ... */
+    sourceConfig: {
+        title: 'Video title',
+        description: 'Video description',
+        poster: '<POSTER IMAGE URL>',
+        thumbnailTrack: '<THUMBNAIL TRACK URL>',
+        subtitleTracks: [
+            {
+                url: '<SUBTITLE TRACK URL>'
+            }
+        ],
+        analytics: {
+            title: 'Program title - Episode title'
+        }
+    }
+};
+
+player.loadStream(jwt, options);
+```
+
+**Fragments**
+If you want to load a fragment of a video you can use the fragments property:
+(currently there is only support for one fragment)
+
+```js
+let options = {
+    /* ... */
+    fragments: {
+        sections: [{ time: 500, duration: 610, title: 'Section 1' }]
+    }
+};
+
+player.loadStream(jwt, options);
+```
+
+## Create a new Player Instance
+
+Initiate a new player instance by providing it with a reference to the DOM element of your player-div and the player configuration object you defined earlier.
+Then load a video or stream with the generated JWT and an optional sourceConfig.
+
+```js
+let container = document.getElementById('my-player');
+let jwt = '<< OWN CREATED JWT >>';
+
+let player = new npoplayer(container, options);
+player.loadStream(jwt);
+```
+
+## Customize the player colors
+
+The player colors can be edited by using the CSS variables that are exposed by the player. The variables are prefixed with `--npo-player-`.
+The variables can be used in the following way:
+
+```css
+#my-player {
+    --npo-player-white: #ffffff;
+    --npo-player-primarycolor: #ff6d00;
+    --npo-player-secondarycolor: #1f3353;
+    --npo-player-textcolor: #ffffff;
+    --npo-player-bottomcolor: linear-gradient(
+        180deg,
+        transparent,
+        rgba(30, 30, 30, 0.7)
+    ); //The gradient color "glow" at the bottom of the player
+    --npo-player-topcolor: linear-gradient(
+        0deg,
+        transparent,
+        rgba(0, 0, 0, 0.7)
+    ); //The gradient color "glow" at the top of the player
+    --npo-player-bufferingcolor: rgba(255, 109, 0, 0);
+}
+```
+
+Where `#my-player` is the container element that the player is initialized in.
+
+## License
+
+MIT
+
+[JWT.IO - JSON Web Tokens Introduction]: https://jwt.io/introduction
+[self generated JWT]: https://www.npmjs.com/package/jsonwebtoken

package/lib/js/ads/ster.d.ts

@@ -0,0 +1,4 @@
+import { PlayerAPI } from "bitmovin-player";
+import NpoPlayer from "npoplayer";
+import { StreamObject } from "types/interfaces";
+export declare function handlePreRolls(playerapi: PlayerAPI, streamObject: StreamObject, npoplayer: NpoPlayer): Promise<void>;

package/lib/js/ads/ster.js

@@ -0,0 +1,159 @@
+import { AdTagType, PlayerEvent } from "bitmovin-player";
+/*
+* @function handlePreRolls
+* @description Handles ster preroll ads for the player
+* @param {PlayerAPI} playerapi - The player api
+* @param {StreamObject} streamObject - The stream object
+* @param {NpoPlayer} npoplayer - The npoplayer
+* @returns {void}
+*/
+export async function handlePreRolls(playerapi, streamObject, npoplayer) {
+    console.warn('handlePreRolls ===========================');
+    if (streamObject.metadata.hasPreroll == "false" || streamObject.assets.preroll == null)
+        return;
+    let prerollUrl = streamObject.assets.preroll;
+    let adIndex = 0;
+    let totalAds = 0;
+    let currentClickListener = null;
+    let adUiSet = false;
+    /*
+    * @function handleSourceLoaded
+    * @description If we have a preroll, schedule it to play on source loaded
+    * @returns {void}
+    */
+    async function handleSourceLoaded() {
+        const advertConfig = {
+            tag: {
+                url: prerollUrl,
+                type: AdTagType.VAST
+            },
+            id: 'Ad',
+            position: 'pre',
+        };
+        await playerapi.ads.schedule(advertConfig);
+    }
+    playerapi.on(PlayerEvent.SourceLoaded, handleSourceLoaded);
+    async function handlePlay() {
+        attemptSetAdUi();
+    }
+    playerapi.on(PlayerEvent.Play, handlePlay);
+    /*
+    * @function setAdUi
+    * @description Sets the ad ui and initializes the ad button and label.
+    * @returns {boolean}
+    * @returns {void}
+    */
+    function setAdUi() {
+        let activeAdBreak = playerapi.ads.getActiveAdBreak();
+        if (!activeAdBreak || !activeAdBreak.ads)
+            return false;
+        npoplayer.uiManager?.release();
+        npoplayer.createUIManager(playerapi, 'ad');
+        adUiSet = true;
+        let currentAd = activeAdBreak.ads[0];
+        adIndex = 1;
+        totalAds = activeAdBreak.ads.length;
+        currentClickListener = () => {
+            window.open(currentAd.clickThroughUrl, '_blank');
+            playerapi.pause();
+        };
+        npoplayer.uiComponents.adbutton?.show();
+        npoplayer.uiComponents.adbutton?.onClick.subscribe(currentClickListener);
+        npoplayer.uiComponents.adlabel?.setText(`Advertentie 1 van ${activeAdBreak.ads.length}`);
+        return true;
+    }
+    /*
+    * @function attemptSetAdUi
+    * @description Attempts to set the ad ui. If it fails, it will try again 10 times.
+    * This is because if we set the ad ui after the adBreakStarted event, the ui will not function properly.
+    * We have to check if the UI is set because if the user has an adblocker, the scheduled ad will not resolve
+    * causing the UI to be set on regular content otherwise.
+    * @returns {void}
+    */
+    function attemptSetAdUi(attemptsLeft = 10) {
+        if (attemptsLeft <= 0)
+            return;
+        const isUiSet = setAdUi();
+        if (!isUiSet) {
+            setTimeout(() => {
+                console.log('attemptSetAdUi');
+                attemptSetAdUi(attemptsLeft - 1);
+            }, 200);
+        }
+    }
+    /*
+    * @function handleAdBreakStarted
+    * @description sets adBreakActive to true, in the case that the ad UI was not set, set it.
+    * @returns {void}
+    */
+    function handleAdBreakStarted() {
+        let activeAdBreak = playerapi.ads.getActiveAdBreak();
+        if (!activeAdBreak || !activeAdBreak.ads) {
+            console.error('No active ad break data found');
+            return;
+        }
+        if (!adUiSet)
+            setAdUi();
+        npoplayer.adBreakActive = true;
+    }
+    playerapi.on(PlayerEvent.AdBreakStarted, handleAdBreakStarted);
+    /*
+    * @function handleAdFinished
+    * @description When the ad finishes, check if there are more ads in the adBreak.
+    * If so, set the click listener for the ad button and set the label text.
+    * If not, handle the adBreakFinished event.
+    * @returns {void}
+    */
+    function handleAdFinished() {
+        let activeAdBreak = playerapi.ads.getActiveAdBreak();
+        if (!activeAdBreak || !activeAdBreak.ads) {
+            console.error('No active ad break data found');
+            return;
+        }
+        if (adIndex >= totalAds) {
+            handleAdBreakFinished();
+            return;
+        }
+        let nextAd = activeAdBreak.ads[adIndex];
+        adIndex++;
+        if (currentClickListener) {
+            npoplayer.uiComponents.adbutton?.onClick.unsubscribe(currentClickListener);
+        }
+        currentClickListener = () => {
+            window.open(nextAd.clickThroughUrl, '_blank');
+            playerapi.pause();
+        };
+        npoplayer.uiComponents.adbutton?.onClick.subscribe(currentClickListener);
+        npoplayer.uiComponents.adlabel?.setText(`Advertentie ${adIndex} van ${activeAdBreak.ads.length}`);
+    }
+    playerapi.on(PlayerEvent.AdFinished, handleAdFinished);
+    /*
+    * @function handleAdBreakFinished
+    * @description When the adBreak finishes, hide the ad button and label.
+    * Also release the ad uiManager, create a new default uiManager and remove the eventlisteners.
+    * @returns {void}
+    */
+    function handleAdBreakFinished() {
+        npoplayer.adBreakActive = false;
+        npoplayer.uiComponents.adbutton?.hide();
+        npoplayer.uiComponents.adlabel?.hide();
+        npoplayer.uiManager?.release();
+        npoplayer.createUIManager(playerapi, 'default');
+        adUiSet = false;
+        removeListeners();
+    }
+    playerapi.on(PlayerEvent.AdBreakFinished, handleAdBreakFinished);
+    /*
+    * @function removeListeners
+    * @description Removes the eventlisteners set in this file.
+    * @returns {void}
+    */
+    function removeListeners() {
+        playerapi.off(PlayerEvent.SourceLoaded, handleSourceLoaded);
+        playerapi.off(PlayerEvent.Play, handlePlay);
+        playerapi.off(PlayerEvent.AdBreakStarted, handleAdBreakStarted);
+        playerapi.off(PlayerEvent.AdFinished, handleAdFinished);
+        playerapi.off(PlayerEvent.AdBreakFinished, handleAdBreakFinished);
+    }
+}
+//# sourceMappingURL=ster.js.map

package/lib/js/ads/ster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ster.js","sourceRoot":"","sources":["../../../../src/js/ads/ster.ts"],"names":[],"mappings":"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"}

package/lib/js/ads/ster.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/js/ads/ster.test.js

@@ -0,0 +1,91 @@
+import { handlePreRolls } from './ster';
+import { PlayerEvent } from "bitmovin-player";
+jest.mock("bitmovin-player");
+jest.mock("../../npoplayer");
+describe("handlePreRolls", () => {
+    let mockPlayerAPI;
+    let mockNpoPlayer;
+    beforeEach(() => {
+        mockPlayerAPI = {
+            ads: {
+                schedule: jest.fn().mockResolvedValue(undefined),
+                getActiveAdBreak: jest.fn(),
+            },
+            on: jest.fn(),
+            off: jest.fn(),
+        };
+        mockNpoPlayer = {
+            uiManager: {
+                release: jest.fn(),
+            },
+            createUIManager: jest.fn(),
+            uiComponents: {
+                adbutton: {
+                    show: jest.fn(),
+                    hide: jest.fn(),
+                    onClick: {
+                        subscribe: jest.fn(),
+                        unsubscribe: jest.fn(),
+                    },
+                },
+                adlabel: {
+                    setText: jest.fn(),
+                    hide: jest.fn(),
+                },
+            },
+            adBreakActive: false,
+        };
+    });
+    it("should not schedule ads when hasPreroll is false", async () => {
+        const streamObject = {
+            metadata: {
+                hasPreroll: "false"
+            },
+            assets: {
+                preroll: "sample_url"
+            }
+        };
+        await handlePreRolls(mockPlayerAPI, streamObject, mockNpoPlayer);
+        expect(mockPlayerAPI.ads.schedule).not.toHaveBeenCalled();
+    });
+    it("should schedule ads on SourceLoaded when hasPreroll is true", async () => {
+        const streamObject = {
+            metadata: {
+                hasPreroll: "true"
+            },
+            assets: {
+                preroll: "sample_url"
+            }
+        };
+        await handlePreRolls(mockPlayerAPI, streamObject, mockNpoPlayer);
+        mockPlayerAPI.on.mock.calls.forEach(call => {
+            if (call[0] === PlayerEvent.SourceLoaded) {
+                const sourceLoadedCallback = call[1];
+                const mockEvent = {};
+                sourceLoadedCallback(mockEvent);
+            }
+        });
+        expect(mockPlayerAPI.ads.schedule).toHaveBeenCalledWith({
+            tag: {
+                url: "sample_url",
+                type: "vast" // based on the AdTagType enum
+            },
+            id: 'Ad',
+            position: 'pre',
+        });
+    });
+    it("should not schedule ads if preroll URL is missing", async () => {
+        const streamObject = {
+            metadata: {
+                hasPreroll: "true"
+            },
+            assets: {}
+        };
+        await handlePreRolls(mockPlayerAPI, streamObject, mockNpoPlayer);
+        expect(mockPlayerAPI.ads.schedule).not.toHaveBeenCalled();
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+});
+//# sourceMappingURL=ster.test.js.map

package/lib/js/ads/ster.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ster.test.js","sourceRoot":"","sources":["../../../../src/js/ads/ster.test.ts"],"names":[],"mappings":"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"}

package/lib/js/api/getstreamobject.d.ts

@@ -0,0 +1,3 @@
+import { type ApiPayload } from '../../types/interfaces';
+import type NpoPlayer from '../../npoplayer';
+export declare function getStreamObject(npoplayer: NpoPlayer, payload: ApiPayload): Promise<any>;

package/lib/js/api/getstreamobject.js

@@ -0,0 +1,19 @@
+import { noTrailingSlash } from '../utilities/utilities';
+export async function getStreamObject(npoplayer, payload) {
+    const response = await fetch(noTrailingSlash(payload.baseURL) + '/stream-link', {
+        method: 'post',
+        headers: {
+            Accept: '*/*',
+            Authorization: payload.jwt,
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(payload.data)
+    });
+    const streamApiResponse = await response.json();
+    if (!response.ok) {
+        npoplayer.doError('Het is niet gelukt de stream op te halen: \n' +
+            streamApiResponse.body);
+    }
+    return streamApiResponse;
+}
+//# sourceMappingURL=getstreamobject.js.map

package/lib/js/api/getstreamobject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getstreamobject.js","sourceRoot":"","sources":["../../../../src/js/api/getstreamobject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAIxD,MAAM,CAAC,KAAK,UAAU,eAAe,CAAE,SAAoB,EAAE,OAAmB;IAC5E,MAAM,QAAQ,GAAG,MAAM,KAAK,CACxB,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,cAAc,EACjD;QACI,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACL,MAAM,EAAE,KAAK;YACb,aAAa,EAAE,OAAO,CAAC,GAAG;YAC1B,cAAc,EAAE,kBAAkB;SACrC;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;KACrC,CACJ,CAAA;IAED,MAAM,iBAAiB,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;IAE/C,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;QACd,SAAS,CAAC,OAAO,CACb,8CAA8C;YAC1C,iBAAiB,CAAC,IAAI,CAC7B,CAAA;KACJ;IAED,OAAO,iBAAiB,CAAA;AAC5B,CAAC"}

package/lib/js/cdnproviders.d.ts

@@ -0,0 +1 @@
+export declare const npoCdnProviders: Map<any, any>;

package/lib/js/cdnproviders.js

@@ -0,0 +1,13 @@
+export const npoCdnProviders = new Map();
+npoCdnProviders.set('nep.global.ssl.fastly.net', 'NEP');
+npoCdnProviders.set('cdn.streamgate.nl', 'NEP');
+npoCdnProviders.set('npo-fsly.cdn.streamgate.io', 'FASTLY');
+npoCdnProviders.set('cdn.eurovisioncdn.net', 'EUROVISION');
+npoCdnProviders.set('npo.prd.cdn.bcms.kpn.com', 'KPN');
+npoCdnProviders.set('cdn.bcms.kpn.com', 'KPN');
+npoCdnProviders.set('Akamai', 'AKEMAI');
+npoCdnProviders.set('icecast.omroep.nl', 'NPO');
+npoCdnProviders.set('content.omroep.nl', 'NPO');
+npoCdnProviders.set('podcast.npo.nl', 'NPO');
+npoCdnProviders.set('video.omroep.nl', 'NPO');
+//# sourceMappingURL=cdnproviders.js.map

package/lib/js/cdnproviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdnproviders.js","sourceRoot":"","sources":["../../../src/js/cdnproviders.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,GAAG,EAAE,CAAA;AACxC,eAAe,CAAC,GAAG,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAA;AACvD,eAAe,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;AAC/C,eAAe,CAAC,GAAG,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAA;AAC3D,eAAe,CAAC,GAAG,CAAC,uBAAuB,EAAE,YAAY,CAAC,CAAA;AAC1D,eAAe,CAAC,GAAG,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAA;AACtD,eAAe,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;AAC9C,eAAe,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACvC,eAAe,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;AAC/C,eAAe,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;AAC/C,eAAe,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAA;AAC5C,eAAe,CAAC,GAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA"}

package/lib/js/checks/safari.d.ts

@@ -0,0 +1 @@
+export declare function isSafari(isFairPlayDrmSupported: boolean): boolean;

package/lib/js/checks/safari.js

@@ -0,0 +1,10 @@
+export function isSafari(isFairPlayDrmSupported) {
+    const isSafariUserAgent = navigator.userAgent.includes('Safari') &&
+        !navigator.userAgent.includes('Chrome') &&
+        !navigator.userAgent.includes('IEMobile') &&
+        !navigator.userAgent.includes('Edge') &&
+        !navigator.userAgent.includes('Chromium') &&
+        !navigator.userAgent.includes('Android');
+    return isSafariUserAgent || isFairPlayDrmSupported;
+}
+//# sourceMappingURL=safari.js.map

package/lib/js/checks/safari.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safari.js","sourceRoot":"","sources":["../../../../src/js/checks/safari.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CAAE,sBAA+B;IACrD,MAAM,iBAAiB,GACf,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACtC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACvC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;QACzC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;QACrC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;QACzC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IAEhD,OAAO,iBAAiB,IAAI,sBAAsB,CAAA;AACtD,CAAC"}

package/lib/js/checks/safari.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/js/checks/safari.test.js

@@ -0,0 +1,21 @@
+import { isSafari } from "./safari";
+describe("Test Safari check", () => {
+    it("should return true for Safari", () => {
+        jest.spyOn(global.navigator, "userAgent", "get").mockReturnValue("Safari");
+        const isFairPlayDrmSupported = false;
+        expect(isSafari(isFairPlayDrmSupported)).toBeTruthy();
+    });
+    it("should return true for isFairPlayDrmSupported", () => {
+        jest.spyOn(global.navigator, "userAgent", "get").mockReturnValue("Chrome");
+        const isFairPlayDrmSupported = true;
+        expect(isSafari(isFairPlayDrmSupported)).toBeTruthy();
+    });
+    it("should return false for any non-Safari userAgents", () => {
+        jest
+            .spyOn(global.navigator, "userAgent", "get")
+            .mockReturnValue("Safari Chrome IEMobile Edge Chromium Android");
+        const isFairPlayDrmSupported = false;
+        expect(isSafari(isFairPlayDrmSupported)).toBeFalsy();
+    });
+});
+//# sourceMappingURL=safari.test.js.map