@100mslive/react-native-room-kit 1.1.6 → 1.1.8

package/src/components/WhiteboardFullScreenButton.tsx

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { PressableIcon } from './PressableIcon';
+import { MaximizeIcon, MinimizeIcon } from '../Icons';
+import { useHMSRoomStyle } from '../hooks-util';
+import { hexToRgbA } from '../utils/theme';
+import type { RootState } from '../redux';
+import { setFullScreenWhiteboard } from '../redux/actions';
+
+export interface WhiteboardFullScreenButtonProps {}
+
+export const WhiteboardFullScreenButton: React.FC<
+  WhiteboardFullScreenButtonProps
+> = () => {
+  const dispatch = useDispatch();
+  const fullScreenWhiteboard = useSelector(
+    (state: RootState) => state.app.fullScreenWhiteboard
+  );
+
+  const buttonStyles = useHMSRoomStyle((theme) => ({
+    backgroundColor:
+      theme.palette.background_dim &&
+      hexToRgbA(theme.palette.background_dim, 0.64),
+  }));
+
+  const maximizeAction = !fullScreenWhiteboard;
+
+  const handleFullScreenPress = () => {
+    dispatch(setFullScreenWhiteboard(!fullScreenWhiteboard));
+  };
+
+  return (
+    <PressableIcon
+      border={false}
+      onPress={handleFullScreenPress}
+      style={[styles.container, buttonStyles]}
+    >
+      {maximizeAction ? <MaximizeIcon /> : <MinimizeIcon />}
+    </PressableIcon>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    padding: 8,
+  },
+});

package/src/hooks-util.ts

@@ -24,10 +24,13 @@ import {
   WindowController,
   useHMSHLSPlayerCue,
   HMSPollUpdateType,
+  useHMSHLSPlayerPlaybackState,
+  HMSHLSPlayerPlaybackState,
 } from '@100mslive/react-native-hms';
 import type { Chat as ChatConfig } from '@100mslive/types-prebuilt/elements/chat';
 import { SoftInputModes } from '@100mslive/react-native-hms';
 import type {
+  HMSHLSPlayer,
   HMSPIPConfig,
   HMSRole,
   HMSSessionStore,
@@ -93,6 +96,7 @@ import {
   saveUserData,
   setActiveChatBottomSheetTab,
   setActiveSpeakers,
+  setAndroidHLSStreamPaused,
   setAutoEnterPipMode,
   setChatPeerBlacklist,
   setChatState,
@@ -597,9 +601,11 @@ const useHMSTrackUpdate = (
       const miniviewPeerTrackNode = reduxState.app.miniviewPeerTrackNode;
       const localPeerTrackNode = reduxState.app.localPeerTrackNode;
 
+      const localPeerRole = reduxState.hmsStates.localPeer?.role ?? null;
+
       const currentLayoutConfig = selectLayoutConfigForRole(
         reduxState.hmsStates.layoutConfig,
-        reduxState.hmsStates.localPeer?.role ?? null
+        localPeerRole
       );
 
       const localTileInsetEnabled =
@@ -613,6 +619,26 @@ const useHMSTrackUpdate = (
           if (!peer.isLocal && track.type === HMSTrackType.VIDEO) {
             dispatch(addScreenshareTile(newPeerTrackNode));
           }
+          if (track.type === HMSTrackType.VIDEO) {
+            const whiteboard = reduxState.hmsStates.whiteboard;
+            // If white board is open and local peer is owner, close whiteboard
+            if (
+              whiteboard &&
+              // Is local peer has whiteboard admin permission
+              !!localPeerRole?.permissions?.whiteboard?.admin &&
+              // Is local peer owner of whiteboard
+              whiteboard.isOwner
+            ) {
+              hmsInstance.interactivityCenter
+                .stopWhiteboard()
+                .then((success) => {
+                  console.log('StopWhiteboard on Screenshare: ', success);
+                })
+                .catch((error) => {
+                  console.log('StopWhiteboard error: ', error);
+                });
+            }
+          }
         } else {
           setPeerTrackNodes((prevPeerTrackNodes) => {
             if (
@@ -3096,6 +3122,11 @@ export const useCanShowRoomOptionsButton = () => {
     return permissions?.pollRead || permissions?.pollWrite;
   });
 
+  const canStartStopWhiteboard = useSelector((state: RootState) => {
+    const permissions = state.hmsStates.localPeer?.role?.permissions;
+    return permissions?.whiteboard?.admin;
+  });
+
   const { canShowParticipants } = useShowChatAndParticipants();
 
   const canEditUsernameFromRoomModal = isViewer && !editUsernameDisabled;
@@ -3107,15 +3138,18 @@ export const useCanShowRoomOptionsButton = () => {
     canStartRecording ||
     canEditUsernameFromRoomModal ||
     canReadOrWritePoll ||
+    canStartStopWhiteboard ||
     isNoiseCancellationAvailable;
 
   return canShowOptions;
 };
 
 export const useHLSViewsConstraints = () => {
-  const hlsFullScreen = useSelector(
-    (state: RootState) => state.app.hlsFullScreen
-  );
+  const fullScreenMode = useSelector((state: RootState) => {
+    const hlsFullScreen = state.app.hlsFullScreen;
+    const isPipModeActive = state.app.pipModeStatus === PipModes.ACTIVE;
+    return hlsFullScreen || isPipModeActive;
+  });
   const isLandscapeOrientation = useIsLandscapeOrientation();
   const { width: safeAreaWidthFrame, height: safeAreaHeightFrame } =
     useSafeAreaFrame();
@@ -3126,7 +3160,7 @@ export const useHLSViewsConstraints = () => {
     right: rightInset,
   } = useSafeAreaInsets();
 
-  const playerWrapperConstraints = hlsFullScreen
+  const playerWrapperConstraints = fullScreenMode
     ? {
         width: safeAreaWidthFrame - leftInset - rightInset,
         height: isLandscapeOrientation
@@ -3161,9 +3195,11 @@ export const useHLSViewsConstraints = () => {
 };
 
 export const useHLSPlayerConstraints = () => {
-  const hlsFullScreen = useSelector(
-    (state: RootState) => state.app.hlsFullScreen
-  );
+  const fullScreenMode = useSelector((state: RootState) => {
+    const hlsFullScreen = state.app.hlsFullScreen;
+    const isPipModeActive = state.app.pipModeStatus === PipModes.ACTIVE;
+    return hlsFullScreen || isPipModeActive;
+  });
   const isLandscapeOrientation = useIsLandscapeOrientation();
 
   const resolution = useHMSHLSPlayerResolution();
@@ -3187,7 +3223,7 @@ export const useHLSPlayerConstraints = () => {
    * Handling Landscape Orientation for both Full and Normal screen
    */
   if (isLandscapeOrientation) {
-    return sr > 1 || sr > wr
+    return sr > wr
       ? {
           width: wrapperWidth,
           height: wrapperWidth / sr,
@@ -3201,7 +3237,7 @@ export const useHLSPlayerConstraints = () => {
   /**
    * Handling Portrait Orientation
    */
-  if (hlsFullScreen) {
+  if (fullScreenMode) {
     return {
       width: sr > wr ? wrapperWidth : wrapperHeight * sr,
       height: sr > wr ? wrapperWidth / sr : wrapperHeight,
@@ -3213,3 +3249,37 @@ export const useHLSPlayerConstraints = () => {
     height: wrapperHeight,
   };
 };
+
+export const useHLSStreamResumePause = (
+  playerRef: React.RefObject<React.ComponentRef<typeof HMSHLSPlayer>>
+) => {
+  const dispatch = useDispatch();
+
+  const isPaused = Platform.select({
+    android: useSelector(
+      (state: RootState) => state.app.hlsStreamPaused_android
+    ),
+    ios: useHMSHLSPlayerPlaybackState() === HMSHLSPlayerPlaybackState.PAUSED,
+    default: false,
+  });
+
+  const resumeStream = useCallback(() => {
+    playerRef.current?.resume();
+    if (Platform.OS === 'android') {
+      dispatch(setAndroidHLSStreamPaused(false));
+    }
+  }, []);
+
+  const pauseStream = useCallback(() => {
+    playerRef.current?.pause();
+    if (Platform.OS === 'android') {
+      dispatch(setAndroidHLSStreamPaused(true));
+    }
+  }, []);
+
+  return {
+    isPaused,
+    resumeStream,
+    pauseStream,
+  };
+};

package/src/redux/actionTypes.ts

@@ -66,6 +66,8 @@ const UPDATE_MINI_VIEW_PEERTRACKNODE = 'UPDATE_MINI_VIEW_PEERTRACKNODE';
 
 const SET_FULLSCREEN_PEERTRACKNODE = 'SET_FULLSCREEN_PEERTRACKNODE';
 
+const SET_FULLSCREEN_WHITEBOARD = 'SET_FULLSCREEN_WHITEBOARD';
+
 const UPDATE_FULLSCREEN_PEERTRACKNODE = 'UPDATE_FULLSCREEN_PEERTRACKNODE';
 
 const SET_LOCAL_PEERTRACKNODE = 'SET_LOCAL_PEERTRACKNODE';
@@ -113,6 +115,8 @@ const SET_HLS_DESC_PANE_VISIBLE = 'SET_HLS_DESC_PANE_VISIBLE';
 
 const SET_HLS_FULL_SCREEN = 'SET_HLS_FULL_SCREEN';
 
+const SET_ANDROID_HLS_STREAM_PAUSED = 'SET_ANDROID_HLS_STREAM_PAUSED';
+
 const FILTER_OUT_BLOCKED_MSGS = 'FILTER_OUT_BLOCKED_MSGS';
 
 export default {
@@ -141,6 +145,7 @@ export default {
   SET_MINI_VIEW_PEERTRACKNODE,
   UPDATE_MINI_VIEW_PEERTRACKNODE,
   SET_FULLSCREEN_PEERTRACKNODE,
+  SET_FULLSCREEN_WHITEBOARD,
   UPDATE_FULLSCREEN_PEERTRACKNODE,
   SET_LOCAL_PEERTRACKNODE,
   UPDATE_LOCAL_PEERTRACKNODE,
@@ -164,6 +169,7 @@ export default {
   SET_CHAT_PEER_BLACKLIST,
   SET_HLS_DESC_PANE_VISIBLE,
   SET_HLS_FULL_SCREEN,
+  SET_ANDROID_HLS_STREAM_PAUSED,
   FILTER_OUT_BLOCKED_MSGS,
 };
 
@@ -192,6 +198,7 @@ export enum HmsStateActionTypes {
   SET_ACTIVE_SPEAKERS = 'SET_ACTIVE_SPEAKERS',
   SET_RECONNECTING = 'SET_RECONNECTING',
   SET_NOISE_CANCELLATION_PLUGIN = 'SET_NOISE_CANCELLATION_PLUGIN',
+  SET_WHITEBOARD = 'SET_WHITEBOARD',
   SET_INITIAL_ROLE = 'SET_INITIAL_ROLE',
 }
 

package/src/redux/actions/index.ts

@@ -14,6 +14,7 @@ import type {
   HMSSDK,
   HMSSessionStore,
   HMSSpeaker,
+  HMSWhiteboard,
 } from '@100mslive/react-native-hms';
 import type { Layout } from '@100mslive/types-prebuilt';
 
@@ -285,6 +286,11 @@ export const setFullScreenPeerTrackNode = (
   payload: { fullScreenPeerTrackNode },
 });
 
+export const setFullScreenWhiteboard = (fullScreenWhiteboard: boolean) => ({
+  type: actionTypes.SET_FULLSCREEN_WHITEBOARD,
+  payload: { fullScreenWhiteboard },
+});
+
 export const updateFullScreenPeerTrackNode = (
   data: Partial<Omit<PeerTrackNode, 'id'>>
 ) => ({
@@ -439,6 +445,11 @@ export const setNoiseCancellationPlugin = (
   noiseCancellationPlugin,
 });
 
+export const setWhiteboard = (whiteboard: HMSWhiteboard | null) => ({
+  type: HmsStateActionTypes.SET_WHITEBOARD,
+  whiteboard,
+});
+
 export const setHandleBackButton = (handleBackButton?: boolean) => ({
   type: actionTypes.SET_HANDLE_BACK_BUTTON,
   payload: { handleBackButton },
@@ -486,6 +497,11 @@ export const setHlsFullScreen = (fullScreen: boolean) => ({
   payload: { fullScreen },
 });
 
+export const setAndroidHLSStreamPaused = (paused: boolean) => ({
+  type: actionTypes.SET_ANDROID_HLS_STREAM_PAUSED,
+  payload: { hlsStreamPaused_android: paused },
+});
+
 /**
  * POLLS
  */

package/src/redux/reducers/appState.ts

@@ -50,6 +50,7 @@ type IntialStateType = {
   gridViewActivePage: number;
   startingOrStoppingRecording: boolean;
   fullScreenPeerTrackNode: null | PeerTrackNode;
+  fullScreenWhiteboard: boolean;
   screensharePeerTrackNodes: PeerTrackNode[];
   notifications: Notification[];
   activeChatBottomSheetTab: (typeof ChatBottomSheetTabs)[number];
@@ -64,6 +65,7 @@ type IntialStateType = {
   chatPeerBlacklist: string[]; // list of userIds
   hlsDescriptionPaneVisible: boolean;
   hlsFullScreen: boolean;
+  hlsStreamPaused_android: boolean;
 };
 
 const INITIAL_STATE: IntialStateType = {
@@ -89,6 +91,7 @@ const INITIAL_STATE: IntialStateType = {
   gridViewActivePage: 0,
   startingOrStoppingRecording: false,
   fullScreenPeerTrackNode: null,
+  fullScreenWhiteboard: false,
   screensharePeerTrackNodes: [],
   notifications: [],
   activeChatBottomSheetTab: ChatBottomSheetTabs[0],
@@ -103,6 +106,7 @@ const INITIAL_STATE: IntialStateType = {
   chatPeerBlacklist: [],
   hlsDescriptionPaneVisible: false,
   hlsFullScreen: false,
+  hlsStreamPaused_android: false,
 };
 
 const appReducer = (
@@ -240,6 +244,12 @@ const appReducer = (
         },
       };
     }
+    case ActionTypes.SET_FULLSCREEN_WHITEBOARD: {
+      return {
+        ...state,
+        fullScreenWhiteboard: action.payload.fullScreenWhiteboard,
+      };
+    }
     case ActionTypes.SET_STARTING_HLS_STREAM:
       return { ...state, startingHLSStream: action.payload.startingHLSStream };
     case ActionTypes.SET_GRID_VIEW_ACTIVE_PAGE:
@@ -373,6 +383,12 @@ const appReducer = (
         hlsFullScreen: action.payload.fullScreen,
       };
     }
+    case ActionTypes.SET_ANDROID_HLS_STREAM_PAUSED: {
+      return {
+        ...state,
+        hlsStreamPaused_android: action.payload.hlsStreamPaused_android,
+      };
+    }
     case HmsStateActionTypes.CLEAR_STATES:
       return INITIAL_STATE;
     default:

package/src/redux/reducers/hmsStates.ts

@@ -6,6 +6,7 @@ import type {
   HMSRoleChangeRequest,
   HMSRoom,
   HMSSpeaker,
+  HMSWhiteboard,
 } from '@100mslive/react-native-hms';
 import type { Layout } from '@100mslive/types-prebuilt';
 import { HmsStateActionTypes } from '../actionTypes';
@@ -31,7 +32,8 @@ type ActionType =
   | ReplaceParticipantsList
   | SetActiveSpeakers
   | SetReconnecting
-  | SetNoiseCancellationPlugin;
+  | SetNoiseCancellationPlugin
+  | SetWhiteboard;
 
 type SetRoomAction = {
   type: HmsStateActionTypes.SET_ROOM_STATE;
@@ -138,6 +140,11 @@ type SetNoiseCancellationPlugin = {
   noiseCancellationPlugin: HMSNoiseCancellationPlugin;
 };
 
+type SetWhiteboard = {
+  type: HmsStateActionTypes.SET_WHITEBOARD;
+  whiteboard: HMSWhiteboard | null;
+};
+
 type IntialStateType = {
   isLocalAudioMuted: boolean | undefined;
   isLocalVideoMuted: boolean | undefined;
@@ -153,6 +160,7 @@ type IntialStateType = {
   layoutConfig: Layout[] | null;
   roleChangeRequest: HMSRoleChangeRequest | null;
   noiseCancellationPlugin: HMSNoiseCancellationPlugin | null;
+  whiteboard: HMSWhiteboard | null;
 };
 
 const INITIAL_STATE: IntialStateType = {
@@ -170,6 +178,7 @@ const INITIAL_STATE: IntialStateType = {
   layoutConfig: null,
   roleChangeRequest: null,
   noiseCancellationPlugin: null,
+  whiteboard: null,
 };
 
 const hmsStatesReducer = (
@@ -571,6 +580,11 @@ const hmsStatesReducer = (
         ...state,
         noiseCancellationPlugin: action.noiseCancellationPlugin,
       };
+    case HmsStateActionTypes.SET_WHITEBOARD:
+      return {
+        ...state,
+        whiteboard: action.whiteboard,
+      };
     case HmsStateActionTypes.CLEAR_STATES:
       return INITIAL_STATE;
     default:

package/lib/commonjs/components/CustomHLSPlayerControls.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomControls = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _theme = require("../utils/theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const CustomControls = ({
-  handleControlPress
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.wrapper
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('play')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Play")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('stop')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Stop")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('pause')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Pause")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('resume')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Resume"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.spacedWrapper
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekForward', 5)
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Forward 5 sec")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekBackward', 5)
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Backward 5 sec"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.spacedWrapper
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekToLive')
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Go to Live")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('setVolume', 50)
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.text
-  }, "Low Volume to `50`"))));
-};
-exports.CustomControls = CustomControls;
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    flexDirection: 'row',
-    justifyContent: 'space-evenly'
-  },
-  spacedWrapper: {
-    flexDirection: 'row',
-    justifyContent: 'space-evenly',
-    marginVertical: 8
-  },
-  button: {
-    padding: 12
-  },
-  text: {
-    color: _theme.COLORS.PRIMARY.LIGHT
-  }
-});
-//# sourceMappingURL=CustomHLSPlayerControls.js.map

package/lib/commonjs/components/CustomHLSPlayerControls.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","obj","__esModule","default","CustomControls","handleControlPress","createElement","View","style","styles","wrapper","TouchableOpacity","button","onPress","Text","text","spacedWrapper","exports","StyleSheet","create","flexDirection","justifyContent","marginVertical","padding","color","COLORS","PRIMARY","LIGHT"],"sourceRoot":"../../../src","sources":["components/CustomHLSPlayerControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CustomHLSPlayerControls.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
-import { COLORS } from '../utils/theme';
-export const CustomControls = ({
-  handleControlPress
-}) => {
-  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
-    style: styles.wrapper
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('play')
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "Play")), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('stop')
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "Stop")), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('pause')
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "Pause")), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('resume')
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "Resume"))), /*#__PURE__*/React.createElement(View, {
-    style: styles.spacedWrapper
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekForward', 5)
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "Forward 5 sec")), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekBackward', 5)
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "Backward 5 sec"))), /*#__PURE__*/React.createElement(View, {
-    style: styles.spacedWrapper
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('seekToLive')
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "Go to Live")), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.button,
-    onPress: () => handleControlPress('setVolume', 50)
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
-  }, "Low Volume to `50`"))));
-};
-const styles = StyleSheet.create({
-  wrapper: {
-    flexDirection: 'row',
-    justifyContent: 'space-evenly'
-  },
-  spacedWrapper: {
-    flexDirection: 'row',
-    justifyContent: 'space-evenly',
-    marginVertical: 8
-  },
-  button: {
-    padding: 12
-  },
-  text: {
-    color: COLORS.PRIMARY.LIGHT
-  }
-});
-//# sourceMappingURL=CustomHLSPlayerControls.js.map

package/lib/module/components/CustomHLSPlayerControls.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","COLORS","CustomControls","handleControlPress","createElement","style","styles","wrapper","button","onPress","text","spacedWrapper","create","flexDirection","justifyContent","marginVertical","padding","color","PRIMARY","LIGHT"],"sourceRoot":"../../../src","sources":["components/CustomHLSPlayerControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/CustomHLSPlayerControls.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type ControlType = 'play' | 'stop' | 'pause' | 'resume' | 'seekForward' | 'seekBackward' | 'seekToLive' | 'setVolume';
-export interface CustomControlsProps {
-    handleControlPress(action: ControlType, data?: any): void;
-}
-export declare const CustomControls: React.FC<CustomControlsProps>;
-//# sourceMappingURL=CustomHLSPlayerControls.d.ts.map

package/lib/typescript/components/CustomHLSPlayerControls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomHLSPlayerControls.d.ts","sourceRoot":"","sources":["../../../src/components/CustomHLSPlayerControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,CAAC;AAEhB,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6DxD,CAAC"}