@100mslive/react-native-room-kit 0.0.1

package/lib/commonjs/components/DisplayView.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisplayView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactNative = require("react-native");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _styles = require("./styles");
+var _DefaultModal = require("./DefaultModal");
+var _types = require("../utils/types");
+var _functions = require("../utils/functions");
+var _Modals = require("./Modals");
+var _GridView = require("./GridView");
+var _HLSView = require("./HLSView");
+var _PIPView = _interopRequireDefault(require("./PIPView"));
+var _PeerSettingsModalContent = require("../components/PeerSettingsModalContent");
+var _StreamingQualityModalContent = require("../components/StreamingQualityModalContent");
+var _hooksUtil = require("../hooks-util");
+var _dimension = require("../utils/dimension");
+var _ParticipantsModal = require("./ParticipantsModal");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const DisplayView = _ref => {
+  let {
+    offset,
+    peerTrackNodes
+  } = _ref;
+  // --- 100ms SDK Instance ---
+  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
+  const isPortrait = (0, _dimension.useIsPortraitOrientation)();
+  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
+  const {
+    modalVisibleType: modalVisible,
+    handleModalVisibleType: setModalVisible
+  } = (0, _hooksUtil.useModalType)();
+
+  // --- Refs ---
+  const gridViewRef = (0, _react.useRef)(null);
+  const trackToChangeRef = (0, _react.useRef)(null);
+
+  //  --- Redux stores ---
+  const isPipModeActive = (0, _reactRedux.useSelector)(state => state.app.pipModeStatus === _types.PipModes.ACTIVE);
+  const spotlightTrackId = (0, _reactRedux.useSelector)(state => state.user.spotlightTrackId); // State to track active spotlight trackId
+
+  // --- Component Local States ---
+  const [selectedPeerTrackNode, setSelectedPeerTrackNode] = (0, _react.useState)(null);
+  const [capturedImagePath, setCapturedImagePath] = (0, _react.useState)(null);
+
+  // --- Constants ---
+  const pairedPeers = (0, _react.useMemo)(() => (0, _functions.pairData)(peerTrackNodes, isPortrait ? 4 : 2, spotlightTrackId), [peerTrackNodes, spotlightTrackId, isPortrait]);
+
+  // --- Listeners ---
+  (0, _hooksUtil.useHMSSessionStoreListeners)();
+  const trackStateChangeRequest = (0, _hooksUtil.useHMSChangeTrackStateRequest)(() => {
+    setModalVisible(_types.ModalTypes.CHANGE_TRACK, true);
+  });
+  const roleChangeRequest = (0, _hooksUtil.useHMSRoleChangeRequest)(() => {
+    setModalVisible(_types.ModalTypes.CHANGE_ROLE_ACCEPT, true);
+  });
+
+  // --- Effects ---
+  (0, _react.useEffect)(() => {
+    // Scroll to start of the list
+    if (spotlightTrackId) {
+      var _gridViewRef$current;
+      (_gridViewRef$current = gridViewRef.current) === null || _gridViewRef$current === void 0 || (_gridViewRef$current = _gridViewRef$current.getFlatlistRef().current) === null || _gridViewRef$current === void 0 ? void 0 : _gridViewRef$current.scrollToOffset({
+        animated: true,
+        offset: 0
+      });
+    }
+  }, [spotlightTrackId]);
+
+  // functions
+
+  const handlePeerTileMorePress = _react.default.useCallback(peerTrackNode => {
+    setSelectedPeerTrackNode(peerTrackNode);
+    setModalVisible(_types.ModalTypes.PEER_SETTINGS);
+  }, [setModalVisible]);
+  const handleCaptureScreenShotPress = node => {
+    setModalVisible(_types.ModalTypes.DEFAULT);
+    _reactNative.InteractionManager.runAfterInteractions(() => {
+      var _gridViewRef$current2;
+      (_gridViewRef$current2 = gridViewRef.current) === null || _gridViewRef$current2 === void 0 ? void 0 : _gridViewRef$current2.captureViewScreenshot(node);
+    });
+  };
+  const handleCaptureImageAtMaxSupportedResolutionPress = _node => {
+    setModalVisible(_types.ModalTypes.DEFAULT);
+    _reactNative.InteractionManager.runAfterInteractions(async () => {
+      const permission = await (0, _functions.requestExternalStoragePermission)();
+      if (hmsInstance && permission) {
+        _reactNativeHms.HMSCameraControl.captureImageAtMaxSupportedResolution(true).then(imagePath => {
+          console.log('captureImageAtMaxSupportedResolution result -> ', imagePath);
+          setModalVisible(_types.ModalTypes.DEFAULT);
+          setCapturedImagePath({
+            uri: `file://${imagePath}`
+          });
+        }).catch(error => {
+          console.warn('captureImageAtMaxSupportedResolution error -> ', error);
+        });
+      }
+    });
+  };
+  const handleStreamingQualityPress = track => {
+    trackToChangeRef.current = track;
+    setModalVisible(_types.ModalTypes.STREAMING_QUALITY_SETTING, true);
+  };
+  const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      transform: [{
+        translateY: (0, _reactNativeReanimated.interpolate)(offset.value, [0, 1], [4, 0])
+      }]
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [_styles.styles.container, animatedStyles]
+  }, isHLSViewer ? /*#__PURE__*/_react.default.createElement(_HLSView.HLSView, null) : pairedPeers.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isPipModeActive ? /*#__PURE__*/_react.default.createElement(_PIPView.default, {
+    pairedPeers: pairedPeers
+  }) : /*#__PURE__*/_react.default.createElement(_GridView.GridView, {
+    ref: gridViewRef,
+    onPeerTileMorePress: handlePeerTileMorePress,
+    pairedPeers: pairedPeers
+  })) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.styles.welcomeContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _styles.styles.welcomeHeading
+  }, "Welcome!"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _styles.styles.welcomeDescription
+  }, "You're the first one here."), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _styles.styles.welcomeDescription
+  }, "Sit back and relax till the others join.")), isPipModeActive ? null : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    backdrop: true,
+    modalPosiion: "center",
+    viewStyle: {
+      minWidth: '70%',
+      width: undefined
+    },
+    modalVisible: modalVisible === _types.ModalTypes.PEER_SETTINGS,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, selectedPeerTrackNode ? /*#__PURE__*/_react.default.createElement(_PeerSettingsModalContent.PeerSettingsModalContent, {
+    peerTrackNode: selectedPeerTrackNode,
+    cancelModal: () => setModalVisible(_types.ModalTypes.DEFAULT),
+    onCaptureScreenShotPress: handleCaptureScreenShotPress,
+    onCaptureImageAtMaxSupportedResolutionPress: handleCaptureImageAtMaxSupportedResolutionPress,
+    onStreamingQualityPress: handleStreamingQualityPress
+  }) : null), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.HLS_PLAYER_ASPECT_RATIO,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, /*#__PURE__*/_react.default.createElement(_Modals.ChangeAspectRatio, {
+    cancelModal: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  })), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: !!capturedImagePath,
+    setModalVisible: () => setCapturedImagePath(null)
+  }, capturedImagePath ? /*#__PURE__*/_react.default.createElement(_Modals.SaveScreenshot, {
+    imageSource: capturedImagePath,
+    cancelModal: () => setCapturedImagePath(null)
+  }) : null), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.STREAMING_QUALITY_SETTING,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, trackToChangeRef.current ? /*#__PURE__*/_react.default.createElement(_StreamingQualityModalContent.StreamingQualityModalContent, {
+    track: trackToChangeRef.current,
+    cancelModal: () => {
+      setModalVisible(_types.ModalTypes.DEFAULT);
+    }
+  }) : null), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.CHANGE_TRACK,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, trackStateChangeRequest ? /*#__PURE__*/_react.default.createElement(_Modals.ChangeTrackStateModal, {
+    roleChangeRequest: trackStateChangeRequest,
+    cancelModal: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }) : null), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.CHANGE_ROLE_ACCEPT,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, roleChangeRequest ? /*#__PURE__*/_react.default.createElement(_Modals.ChangeRoleAccepteModal, {
+    instance: hmsInstance,
+    roleChangeRequest: roleChangeRequest,
+    cancelModal: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }) : null), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    animationIn: 'slideInUp',
+    animationOut: 'slideOutDown',
+    modalVisible: modalVisible === _types.ModalTypes.PARTICIPANTS,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, /*#__PURE__*/_react.default.createElement(_ParticipantsModal.ParticipantsModal, null)), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.CHANGE_ROLE,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, /*#__PURE__*/_react.default.createElement(_Modals.ChangeRoleModal, {
+    cancelModal: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  })), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.VOLUME,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, /*#__PURE__*/_react.default.createElement(_Modals.ChangeVolumeModal, {
+    cancelModal: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  })), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.CHANGE_NAME,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, /*#__PURE__*/_react.default.createElement(_Modals.ChangeNameModal, {
+    cancelModal: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }))));
+};
+exports.DisplayView = DisplayView;
+//# sourceMappingURL=DisplayView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRedux","_reactNative","_reactNativeHms","_reactNativeReanimated","_styles","_DefaultModal","_types","_functions","_Modals","_GridView","_HLSView","_PIPView","_interopRequireDefault","_PeerSettingsModalContent","_StreamingQualityModalContent","_hooksUtil","_dimension","_ParticipantsModal","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DisplayView","_ref","offset","peerTrackNodes","hmsInstance","useHMSInstance","isPortrait","useIsPortraitOrientation","isHLSViewer","useIsHLSViewer","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","useModalType","gridViewRef","useRef","trackToChangeRef","isPipModeActive","useSelector","state","app","pipModeStatus","PipModes","ACTIVE","spotlightTrackId","user","selectedPeerTrackNode","setSelectedPeerTrackNode","useState","capturedImagePath","setCapturedImagePath","pairedPeers","useMemo","pairData","useHMSSessionStoreListeners","trackStateChangeRequest","useHMSChangeTrackStateRequest","ModalTypes","CHANGE_TRACK","roleChangeRequest","useHMSRoleChangeRequest","CHANGE_ROLE_ACCEPT","useEffect","_gridViewRef$current","current","getFlatlistRef","scrollToOffset","animated","handlePeerTileMorePress","React","useCallback","peerTrackNode","PEER_SETTINGS","handleCaptureScreenShotPress","node","DEFAULT","InteractionManager","runAfterInteractions","_gridViewRef$current2","captureViewScreenshot","handleCaptureImageAtMaxSupportedResolutionPress","_node","permission","requestExternalStoragePermission","HMSCameraControl","captureImageAtMaxSupportedResolution","then","imagePath","console","log","uri","catch","error","warn","handleStreamingQualityPress","track","STREAMING_QUALITY_SETTING","animatedStyles","useAnimatedStyle","transform","translateY","interpolate","value","createElement","View","style","styles","container","HLSView","length","Fragment","GridView","ref","onPeerTileMorePress","welcomeContainer","Text","welcomeHeading","welcomeDescription","DefaultModal","backdrop","modalPosiion","viewStyle","minWidth","width","undefined","PeerSettingsModalContent","cancelModal","onCaptureScreenShotPress","onCaptureImageAtMaxSupportedResolutionPress","onStreamingQualityPress","HLS_PLAYER_ASPECT_RATIO","ChangeAspectRatio","SaveScreenshot","imageSource","StreamingQualityModalContent","ChangeTrackStateModal","ChangeRoleAccepteModal","instance","animationIn","animationOut","PARTICIPANTS","ParticipantsModal","CHANGE_ROLE","ChangeRoleModal","VOLUME","ChangeVolumeModal","CHANGE_NAME","ChangeNameModal","exports"],"sourceRoot":"../../../src","sources":["components/DisplayView.tsx"],"mappings":"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"}

package/lib/commonjs/components/Footer.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._Footer = exports.Footer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _theme = require("../utils/theme");
+var _hooksUtil = require("../hooks-util");
+var _Icons = require("../Icons");
+var _HMSManageLeave = require("./HMSManageLeave");
+var _HMSManageRaiseHand = require("./HMSManageRaiseHand");
+var _HMSManageLocalAudio = require("./HMSManageLocalAudio");
+var _HMSManageLocalVideo = require("./HMSManageLocalVideo");
+var _HMSChat = require("./HMSChat");
+var _HMSRoomOptions = require("./HMSRoomOptions");
+var _hooksSdk = require("../hooks-sdk");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const _Footer = _ref => {
+  let {
+    offset
+  } = _ref;
+  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
+  const canPublishAudio = (0, _hooksSdk.useCanPublishAudio)();
+  const canPublishVideo = (0, _hooksSdk.useCanPublishVideo)();
+  const footerActionButtons = (0, _react.useMemo)(() => {
+    const actions = ['chat'];
+    if (isHLSViewer) {
+      actions.unshift('leave');
+    }
+    if (canPublishVideo) {
+      actions.unshift('video');
+    }
+    if (canPublishAudio) {
+      actions.unshift('audio');
+    }
+    actions.push(isHLSViewer ? 'hand-raise' : 'options');
+    return actions;
+  }, [isHLSViewer, canPublishAudio, canPublishVideo]);
+  const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      opacity: (0, _reactNativeReanimated.interpolate)(offset.value, [0, 0.7, 1], [0, 0.5, 1]),
+      transform: [{
+        translateY: (0, _reactNativeReanimated.interpolate)(offset.value, [0, 1], [10, 0])
+      }]
+    };
+  }, []);
+  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    return {
+      pointerEvents: offset.value === 0 ? 'none' : 'auto'
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: animatedStyles,
+    animatedProps: animatedProps
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, footerActionButtons.map((actionType, index) => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: actionType,
+      style: index === 0 ? null : styles.iconWrapper
+    }, actionType === 'leave' ? /*#__PURE__*/_react.default.createElement(_HMSManageLeave.HMSManageLeave, {
+      leaveIconDelegate: /*#__PURE__*/_react.default.createElement(_Icons.EndIcon, null)
+    }) : actionType === 'audio' ? /*#__PURE__*/_react.default.createElement(_HMSManageLocalAudio.HMSManageLocalAudio, null) : actionType === 'video' ? /*#__PURE__*/_react.default.createElement(_HMSManageLocalVideo.HMSManageLocalVideo, null) : actionType === 'chat' ? /*#__PURE__*/_react.default.createElement(_HMSChat.HMSChat, null) : actionType === 'options' ? /*#__PURE__*/_react.default.createElement(_HMSRoomOptions.HMSRoomOptions, null) : actionType === 'hand-raise' ? /*#__PURE__*/_react.default.createElement(_HMSManageRaiseHand.HMSManageRaiseHand, null) : null);
+  })));
+};
+exports._Footer = _Footer;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    backgroundColor: _theme.COLORS.BACKGROUND.DIM,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconWrapper: {
+    marginLeft: 24
+  }
+});
+const Footer = /*#__PURE__*/(0, _react.memo)(_Footer);
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_theme","_hooksUtil","_Icons","_HMSManageLeave","_HMSManageRaiseHand","_HMSManageLocalAudio","_HMSManageLocalVideo","_HMSChat","_HMSRoomOptions","_hooksSdk","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_Footer","_ref","offset","isHLSViewer","useIsHLSViewer","canPublishAudio","useCanPublishAudio","canPublishVideo","useCanPublishVideo","footerActionButtons","useMemo","actions","unshift","push","animatedStyles","useAnimatedStyle","opacity","interpolate","value","transform","translateY","animatedProps","useAnimatedProps","pointerEvents","createElement","View","style","styles","container","map","actionType","index","iconWrapper","HMSManageLeave","leaveIconDelegate","EndIcon","HMSManageLocalAudio","HMSManageLocalVideo","HMSChat","HMSRoomOptions","HMSManageRaiseHand","exports","StyleSheet","create","paddingVertical","paddingHorizontal","backgroundColor","COLORS","BACKGROUND","DIM","flexDirection","alignItems","justifyContent","marginLeft","Footer","memo"],"sourceRoot":"../../../src","sources":["components/Footer.tsx"],"mappings":"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"}

package/lib/commonjs/components/FullScreenIndicator.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FullScreenIndicator = 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 FullScreenIndicator = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: 'large',
+    color: _theme.COLORS.PRIMARY.DEFAULT,
+    style: styles.indicator
+  });
+};
+exports.FullScreenIndicator = FullScreenIndicator;
+const styles = _reactNative.StyleSheet.create({
+  indicator: {
+    flex: 1,
+    backgroundColor: _theme.COLORS.BACKGROUND.DIM
+  }
+});
+//# sourceMappingURL=FullScreenIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","obj","__esModule","default","FullScreenIndicator","createElement","ActivityIndicator","size","color","COLORS","PRIMARY","DEFAULT","style","styles","indicator","exports","StyleSheet","create","flex","backgroundColor","BACKGROUND","DIM"],"sourceRoot":"../../../src","sources":["components/FullScreenIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAwC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjC,MAAMG,mBAA6B,GAAGA,CAAA,KAAM;EACjD,oBACER,MAAA,CAAAO,OAAA,CAAAE,aAAA,CAACN,YAAA,CAAAO,iBAAiB;IAChBC,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAEC,aAAM,CAACC,OAAO,CAACC,OAAQ;IAC9BC,KAAK,EAAEC,MAAM,CAACC;EAAU,CACzB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAX,mBAAA,GAAAA,mBAAA;AAEF,MAAMS,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEV,aAAM,CAACW,UAAU,CAACC;EACrC;AACF,CAAC,CAAC"}

package/lib/commonjs/components/GridView.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _DefaultModal = require("./DefaultModal");
+var _Modals = require("./Modals");
+var _TilesContainer = require("./TilesContainer");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const GridView = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    pairedPeers,
+    onPeerTileMorePress
+  } = _ref;
+  // hooks
+  const [screenshotData, setScreenshotData] = (0, _react.useState)(null);
+  const hmsViewRefs = (0, _react.useRef)({});
+  const flatlistRef = (0, _react.useRef)(null);
+
+  // We are setting `captureViewScreenshot` method on ref passed to GridView component
+  // `captureViewScreenshot` method can be called to with PeerTrackNode to capture the HmsView Snapshot
+  (0, _react.useImperativeHandle)(ref, () => ({
+    captureViewScreenshot: node => {
+      var _hmsViewRef$capture;
+      // getting HmsView ref for the passed PeerTrackNode
+      const hmsViewRef = hmsViewRefs.current[node.id];
+
+      // If HmsView is not rendered on Tile, then HmsView ref will be `undefined`
+      if (!hmsViewRef) {
+        console.warn(`HmsViewRef for "${node.id}" is not available!`);
+        return;
+      }
+
+      // Calling `capture` method on HmsView ref
+      (_hmsViewRef$capture = hmsViewRef.capture) === null || _hmsViewRef$capture === void 0 ? void 0 : _hmsViewRef$capture.call(hmsViewRef).then(imageBase64 => {
+        console.log('HmsView Capture Success');
+        // Saving data needed to show captured snapshot in "Save Snapshot" Modal
+        setScreenshotData({
+          peer: node.peer,
+          source: {
+            uri: `data:image/png;base64,${imageBase64}`
+          }
+        });
+      }).catch(error => console.warn('HmsView Capture Error: ', error));
+    },
+    getFlatlistRef: () => {
+      return flatlistRef;
+    }
+  }), []);
+  const setHmsViewRefs = _react.default.useCallback((viewId, ref) => {
+    hmsViewRefs.current[viewId] = ref;
+  }, []);
+  const _renderItem = _react.default.useCallback(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_TilesContainer.TilesContainer, {
+      onPeerTileMorePress: onPeerTileMorePress,
+      peerTrackNodes: item,
+      setHmsViewRefs: setHmsViewRefs
+    });
+  }, [onPeerTileMorePress, setHmsViewRefs]);
+  const _keyExtractor = _react.default.useCallback(item => {
+    var _item$;
+    return (_item$ = item[0]) === null || _item$ === void 0 ? void 0 : _item$.id;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    ref: flatlistRef,
+    horizontal: true,
+    data: pairedPeers,
+    initialNumToRender: 1,
+    maxToRenderPerBatch: 1,
+    windowSize: 2,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    renderItem: _renderItem,
+    numColumns: 1,
+    keyExtractor: _keyExtractor
+  }), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: !!screenshotData,
+    setModalVisible: () => setScreenshotData(null)
+  }, /*#__PURE__*/_react.default.createElement(_Modals.SaveScreenshot, {
+    imageSource: screenshotData === null || screenshotData === void 0 ? void 0 : screenshotData.source,
+    cancelModal: () => setScreenshotData(null)
+  })));
+});
+exports.GridView = GridView;
+GridView.displayName = 'GridView';
+//# sourceMappingURL=GridView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_DefaultModal","_Modals","_TilesContainer","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GridView","React","forwardRef","_ref","ref","pairedPeers","onPeerTileMorePress","screenshotData","setScreenshotData","useState","hmsViewRefs","useRef","flatlistRef","useImperativeHandle","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","current","id","console","warn","capture","then","imageBase64","log","peer","source","uri","catch","error","getFlatlistRef","setHmsViewRefs","useCallback","viewId","_renderItem","_ref2","item","createElement","TilesContainer","peerTrackNodes","_keyExtractor","_item$","View","style","flex","FlatList","horizontal","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","DefaultModal","modalPosiion","modalVisible","setModalVisible","SaveScreenshot","imageSource","cancelModal","exports","displayName"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}

package/lib/commonjs/components/HLSPlayerEmoticons.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HLSPlayerEmoticons = void 0;
+var _reactRedux = require("react-redux");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _reactNativeSimpleToast = _interopRequireDefault(require("react-native-simple-toast"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const HLSPlayerEmoticons = () => {
+  const hmsInstance = (0, _reactRedux.useSelector)(state => state.user.hmsInstance);
+  (0, _reactNativeHms.useHMSHLSPlayerCue)(cue => {
+    if (!hmsInstance) {
+      return;
+    }
+    const payloadStr = cue.payloadval;
+    if (typeof payloadStr === 'string') {
+      try {
+        const emoticonMessage = JSON.parse(payloadStr);
+        if (emoticonMessage.type === 'EMOJI_REACTION') {
+          const peer = hmsInstance.getPeerFromPeerId(emoticonMessage.senderId);
+          _reactNativeSimpleToast.default.showWithGravity(`${peer === null || peer === void 0 ? void 0 : peer.name} ${getEmojiByString(emoticonMessage.emojiId)}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
+        }
+      } catch (error) {
+        const message = `HLS Cue Payload is not JSON: ${error}`;
+        console.warn(message);
+        _reactNativeSimpleToast.default.showWithGravity(message, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
+      }
+    }
+  }, []);
+  return null;
+};
+exports.HLSPlayerEmoticons = HLSPlayerEmoticons;
+const emojiMap = {
+  '+1': '👍',
+  '-1': '👎',
+  'wave': '👋',
+  'clap': '👏',
+  'fire': '🔥',
+  'tada': '🎉',
+  'heart_eyes': '😍',
+  'joy': '😂',
+  'open_mouth': '😮',
+  'sob': '😭'
+};
+const getEmojiByString = emojiCode => emojiMap[emojiCode] || '👍';
+//# sourceMappingURL=HLSPlayerEmoticons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactRedux","require","_reactNativeHms","_reactNativeSimpleToast","_interopRequireDefault","obj","__esModule","default","HLSPlayerEmoticons","hmsInstance","useSelector","state","user","useHMSHLSPlayerCue","cue","payloadStr","payloadval","emoticonMessage","JSON","parse","type","peer","getPeerFromPeerId","senderId","Toast","showWithGravity","name","getEmojiByString","emojiId","LONG","TOP","error","message","console","warn","exports","emojiMap","emojiCode"],"sourceRoot":"../../../src","sources":["components/HLSPlayerEmoticons.tsx"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA8C,SAAAG,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAWvC,MAAMG,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,WAAW,GAAG,IAAAC,uBAAW,EAAEC,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACH,WAAW,CAAC;EAE7E,IAAAI,kCAAkB,EAAEC,GAAG,IAAK;IAC1B,IAAI,CAACL,WAAW,EAAE;MAChB;IACF;IAEA,MAAMM,UAAU,GAAGD,GAAG,CAACE,UAAU;IAEjC,IAAI,OAAOD,UAAU,KAAK,QAAQ,EAAE;MAClC,IAAI;QACF,MAAME,eAAgC,GAAGC,IAAI,CAACC,KAAK,CAACJ,UAAU,CAAC;QAC/D,IAAIE,eAAe,CAACG,IAAI,KAAK,gBAAgB,EAAE;UAC7C,MAAMC,IAAI,GAAGZ,WAAW,CAACa,iBAAiB,CAACL,eAAe,CAACM,QAAQ,CAAC;UACpEC,+BAAK,CAACC,eAAe,CAClB,GAAEJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,IAAK,IAAGC,gBAAgB,CAACV,eAAe,CAACW,OAAO,CAAE,EAAC,EAC5DJ,+BAAK,CAACK,IAAI,EACVL,+BAAK,CAACM,GACR,CAAC;QACH;MACF,CAAC,CAAC,OAAOC,KAAK,EAAE;QACd,MAAMC,OAAO,GAAI,gCAA+BD,KAAM,EAAC;QACvDE,OAAO,CAACC,IAAI,CAACF,OAAO,CAAC;QACrBR,+BAAK,CAACC,eAAe,CAACO,OAAO,EAAER,+BAAK,CAACK,IAAI,EAAEL,+BAAK,CAACM,GAAG,CAAC;MACvD;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACb,CAAC;AAACK,OAAA,CAAA3B,kBAAA,GAAAA,kBAAA;AAEF,MAAM4B,QAAgC,GAAG;EACvC,IAAI,EAAE,IAAI;EACV,IAAI,EAAE,IAAI;EACV,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,YAAY,EAAE,IAAI;EAClB,KAAK,EAAE,IAAI;EACX,YAAY,EAAE,IAAI;EAClB,KAAK,EAAE;AACT,CAAC;AAED,MAAMT,gBAAgB,GAAIU,SAAiB,IAAKD,QAAQ,CAACC,SAAS,CAAC,IAAI,IAAI"}

package/lib/commonjs/components/HLSPlayerStatsView.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HLSPlayerStatsView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _theme = require("../utils/theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const HLSPlayerStatsView = _ref => {
+  let {
+    onClosePress
+  } = _ref;
+  const {
+    stats
+  } = (0, _reactNativeHms.useHMSHLSPlayerStats)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => onClosePress === null || onClosePress === void 0 ? void 0 : onClosePress(),
+    style: styles.closeButton
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "close")), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "Bandwidth Estimate: ", stats.bandWidthEstimate), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "Total Bytes Loaded: ", stats.totalBytesLoaded), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "Buffered Duration: ", stats.bufferedDuration), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "Distance From Live: ", stats.distanceFromLive), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "Dropped Frame Count: ", stats.droppedFrameCount), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "Average Bitrate: ", stats.averageBitrate), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "Video Height: ", stats.videoHeight), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "Video Width: ", stats.videoWidth));
+};
+exports.HLSPlayerStatsView = HLSPlayerStatsView;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 8,
+    left: 8,
+    backgroundColor: _theme.COLORS.OVERLAY,
+    borderRadius: 12,
+    padding: 8,
+    minWidth: '50%'
+  },
+  closeButton: {
+    padding: 12
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 14 * 1.3,
+    color: _theme.COLORS.TEXT.HIGH_EMPHASIS
+  }
+});
+//# sourceMappingURL=HLSPlayerStatsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeHms","_theme","obj","__esModule","default","HLSPlayerStatsView","_ref","onClosePress","stats","useHMSHLSPlayerStats","createElement","View","style","styles","container","TouchableOpacity","onPress","closeButton","Text","text","bandWidthEstimate","totalBytesLoaded","bufferedDuration","distanceFromLive","droppedFrameCount","averageBitrate","videoHeight","videoWidth","exports","StyleSheet","create","position","top","left","backgroundColor","COLORS","OVERLAY","borderRadius","padding","minWidth","fontSize","lineHeight","color","TEXT","HIGH_EMPHASIS"],"sourceRoot":"../../../src","sources":["components/HLSPlayerStatsView.tsx"],"mappings":"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"}