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

package/lib/commonjs/components/Header.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._Header = exports.Header = 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 _HMSManageLeave = require("./HMSManageLeave");
+var _HMSManageCameraRotation = require("./HMSManageCameraRotation");
+var _hooksUtil = require("../hooks-util");
+var _Icons = require("../Icons");
+var _reactRedux = require("react-redux");
+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 _Header = _ref => {
+  let {
+    offset
+  } = _ref;
+  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
+  const roomName = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room;
+    return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.name;
+  });
+  const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      opacity: offset.value
+      // transform: [{ translateY: 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
+  }, isHLSViewer ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.hlsContainer
+  }, /*#__PURE__*/_react.default.createElement(_Icons.HmsLogoIcon, null), roomName ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.roomName
+  }, roomName) : null) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_HMSManageLeave.HMSManageLeave, null), /*#__PURE__*/_react.default.createElement(_HMSManageCameraRotation.HMSManageCameraRotation, null)));
+};
+exports._Header = _Header;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    backgroundColor: _theme.COLORS.BACKGROUND.DIM,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  hlsContainer: {
+    padding: 16,
+    paddingTop: 8,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  roomName: {
+    flex: 1,
+    fontFamily: 'Inter',
+    fontSize: 15,
+    fontWeight: '500',
+    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    marginLeft: 24
+  }
+});
+const Header = /*#__PURE__*/(0, _react.memo)(_Header);
+
+// export const _Header2 = ({
+//   isLeaveMenuOpen,
+//   setModalVisible,
+// }: {
+//   isLeaveMenuOpen: boolean;
+//   setModalVisible(modalType: ModalTypes, delay?: any): void;
+// }) => {
+//   // hooks
+//   const hmsInstance = useSelector((state: RootState) => state.user.hmsInstance);
+//   const room = useSelector((state: RootState) => state.hmsStates.room);
+//   const localPeer = useSelector(
+//     (state: RootState) => state.hmsStates.localPeer,
+//   );
+//   const roomCode = useSelector((state: RootState) => state.user.roomCode);
+//   const isScreenShared = useSelector(
+//     (state: RootState) => state.hmsStates.isLocalScreenShared,
+//   );
+//   const showLandscapeLayout = useShowLandscapeLayout();
+
+//   // constants
+//   const iconSize = 20;
+
+//   // functions
+
+//   return (
+//     <View
+//       style={[
+//         styles.iconTopWrapper,
+//         showLandscapeLayout ? styles.iconTopWrapperLandscape : null,
+//       ]}
+//     >
+//       <View
+//         style={[
+//           styles.iconTopSubWrapper,
+//           showLandscapeLayout ? styles.iconTopSubWrapperLandscape : null,
+//         ]}
+//       >
+//         {room?.hlsStreamingState?.running ? (
+//           <View>
+//             <View style={styles.liveTextContainer}>
+//               <View style={styles.liveStatus} />
+//               <Text style={styles.liveTimeText}>Live</Text>
+//             </View>
+//             {Array.isArray(room?.hlsStreamingState?.variants) ? (
+//               <RealTime
+//                 startedAt={room?.hlsStreamingState?.variants[0]?.startedAt}
+//               />
+//             ) : null}
+//           </View>
+//         ) : (
+//           <Text style={styles.headerName}>{roomCode}</Text>
+//         )}
+//       </View>
+//       <View
+//         style={[
+//           styles.iconTopSubWrapper,
+//           showLandscapeLayout ? styles.iconTopSubWrapperLandscape : null,
+//         ]}
+//       >
+//         {(room?.browserRecordingState?.running ||
+//           room?.hlsRecordingState?.running) && (
+//           <MaterialCommunityIcons
+//             name="record-circle-outline"
+//             style={
+//               showLandscapeLayout
+//                 ? styles.roomStatusLandscape
+//                 : styles.roomStatus
+//             }
+//             size={iconSize}
+//           />
+//         )}
+//         {(room?.hlsStreamingState?.running ||
+//           room?.rtmpHMSRtmpStreamingState?.running) && (
+//           <Ionicons
+//             name="globe-outline"
+//             style={
+//               showLandscapeLayout
+//                 ? styles.roomStatusLandscape
+//                 : styles.roomStatus
+//             }
+//             size={iconSize}
+//           />
+//         )}
+//         {isScreenShared && (
+//           <Feather
+//             name="copy"
+//             style={
+//               showLandscapeLayout
+//                 ? styles.roomStatusLandscape
+//                 : styles.roomStatus
+//             }
+//             size={iconSize}
+//           />
+//         )}
+//       </View>
+//     </View>
+//   );
+// };
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_theme","_HMSManageLeave","_HMSManageCameraRotation","_hooksUtil","_Icons","_reactRedux","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_Header","_ref","offset","isHLSViewer","useIsHLSViewer","roomName","useSelector","state","_state$hmsStates$room","hmsStates","room","name","animatedStyles","useAnimatedStyle","opacity","value","animatedProps","useAnimatedProps","pointerEvents","createElement","View","style","styles","hlsContainer","HmsLogoIcon","Text","container","HMSManageLeave","HMSManageCameraRotation","exports","StyleSheet","create","paddingVertical","paddingHorizontal","backgroundColor","COLORS","BACKGROUND","DIM","flexDirection","alignItems","justifyContent","padding","paddingTop","flex","fontFamily","fontSize","fontWeight","color","SURFACE","ON_SURFACE","HIGH","lineHeight","letterSpacing","marginLeft","Header","memo"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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uBAAuB,MAAE,CACtB,CAEK,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAA7B,OAAA,GAAAA,OAAA;AAEF,MAAMsB,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAEC,aAAM,CAACC,UAAU,CAACC,GAAG;IACtCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDjB,YAAY,EAAE;IACZkB,OAAO,EAAE,EAAE;IACXC,UAAU,EAAE,CAAC;IACbJ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDlC,QAAQ,EAAE;IACRsC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEZ,aAAM,CAACa,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,MAAMC,MAAM,gBAAG,IAAAC,WAAI,EAACvD,OAAO,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA6B,OAAA,CAAAyB,MAAA,GAAAA,MAAA"}

package/lib/commonjs/components/LiveButton.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LiveStates = 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 }; }
+let LiveStates = /*#__PURE__*/function (LiveStates) {
+  LiveStates[LiveStates["LIVE"] = 10] = "LIVE";
+  LiveStates[LiveStates["BEHIND_LIVE"] = 20] = "BEHIND_LIVE";
+  LiveStates[LiveStates["LOADING_LIVE"] = 30] = "LOADING_LIVE";
+  return LiveStates;
+}({});
+exports.LiveStates = LiveStates;
+const LiveButton = _ref => {
+  let {
+    containerStyle,
+    isLive,
+    onPress,
+    disabled,
+    size = 'normal'
+  } = _ref;
+  const textStyle = size !== 'normal' ? {
+    fontSize: 10
+  } : null;
+  const indicatorStyle = size !== 'normal' ? {
+    width: 4,
+    height: 4,
+    borderRadius: 2
+  } : null;
+  const pressableStyle = size !== 'normal' ? {
+    padding: 4
+  } : null;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: containerStyle
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onPress,
+    style: [styles.touchable, pressableStyle],
+    disabled: disabled
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.liveIndicator, indicatorStyle, {
+      backgroundColor: isLive ? _theme.COLORS.TWIN.RED : _theme.COLORS.SECONDARY.DEFAULT
+    }]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.liveText, textStyle]
+  }, "LIVE")));
+};
+var _default = LiveButton;
+exports.default = _default;
+const styles = _reactNative.StyleSheet.create({
+  touchable: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16
+  },
+  liveText: {
+    color: _theme.COLORS.TEXT.HIGH_EMPHASIS
+  },
+  liveIndicator: {
+    width: 8,
+    height: 8,
+    backgroundColor: _theme.COLORS.TWIN.RED,
+    borderRadius: 4,
+    marginRight: 4
+  }
+});
+//# sourceMappingURL=LiveButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","obj","__esModule","default","LiveStates","exports","LiveButton","_ref","containerStyle","isLive","onPress","disabled","size","textStyle","fontSize","indicatorStyle","width","height","borderRadius","pressableStyle","padding","createElement","View","style","TouchableOpacity","styles","touchable","liveIndicator","backgroundColor","COLORS","TWIN","RED","SECONDARY","DEFAULT","Text","liveText","_default","StyleSheet","create","flexDirection","alignItems","color","TEXT","HIGH_EMPHASIS","marginRight"],"sourceRoot":"../../../src","sources":["components/LiveButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAAwC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAE5BG,UAAU,0BAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;AAAAC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AActB,MAAME,UAAqC,GAAGC,IAAA,IAMxC;EAAA,IANyC;IAC7CC,cAAc;IACdC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,IAAI,GAAG;EACT,CAAC,GAAAL,IAAA;EACC,MAAMM,SAA+B,GACnCD,IAAI,KAAK,QAAQ,GAAG;IAAEE,QAAQ,EAAE;EAAG,CAAC,GAAG,IAAI;EAC7C,MAAMC,cAAoC,GACxCH,IAAI,KAAK,QAAQ,GAAG;IAAEI,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE,CAAC;IAAEC,YAAY,EAAE;EAAE,CAAC,GAAG,IAAI;EACrE,MAAMC,cAAoC,GACxCP,IAAI,KAAK,QAAQ,GAAG;IAAEQ,OAAO,EAAE;EAAE,CAAC,GAAG,IAAI;EAE3C,oBACExB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,YAAA,CAAAuB,IAAI;IAACC,KAAK,EAAEf;EAAe,gBAC1BZ,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,YAAA,CAAAyB,gBAAgB;IACfd,OAAO,EAAEA,OAAQ;IACjBa,KAAK,EAAE,CAACE,MAAM,CAACC,SAAS,EAAEP,cAAc,CAAE;IAC1CR,QAAQ,EAAEA;EAAS,gBAEnBf,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,YAAA,CAAAuB,IAAI;IACHC,KAAK,EAAE,CACLE,MAAM,CAACE,aAAa,EACpBZ,cAAc,EACd;MACEa,eAAe,EAAEnB,MAAM,GACnBoB,aAAM,CAACC,IAAI,CAACC,GAAG,GACfF,aAAM,CAACG,SAAS,CAACC;IACvB,CAAC;EACD,CACH,CAAC,eACFrC,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,YAAA,CAAAmC,IAAI;IAACX,KAAK,EAAE,CAACE,MAAM,CAACU,QAAQ,EAAEtB,SAAS;EAAE,GAAC,MAAU,CACrC,CACd,CAAC;AAEX,CAAC;AAAC,IAAAuB,QAAA,GAEa9B,UAAU;AAAAD,OAAA,CAAAF,OAAA,GAAAiC,QAAA;AAEzB,MAAMX,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBpB,OAAO,EAAE;EACX,CAAC;EACDe,QAAQ,EAAE;IACRM,KAAK,EAAEZ,aAAM,CAACa,IAAI,CAACC;EACrB,CAAC;EACDhB,aAAa,EAAE;IACbX,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTW,eAAe,EAAEC,aAAM,CAACC,IAAI,CAACC,GAAG;IAChCb,YAAY,EAAE,CAAC;IACf0B,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/commonjs/components/Meeting.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Meeting = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _hooks = require("../utils/hooks");
+var _theme = require("../utils/theme");
+var _hooksUtil = require("../hooks-util");
+var _ChatWindow = require("./ChatWindow");
+var _MeetingScreenContent = require("./MeetingScreenContent");
+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 Meeting = _ref => {
+  let {
+    peerTrackNodes
+  } = _ref;
+  // TODO: Fetch latest Room and localPeer on mount of this component?
+
+  (0, _hooksUtil.useFetchHMSRoles)();
+  (0, _hooksUtil.useHMSMessages)();
+  (0, _hooksUtil.useHMSRemovedFromRoomUpdate)();
+
+  // Handle when user press leave button visible on PIP Window
+  (0, _hooksUtil.useHMSPIPRoomLeave)();
+
+  // Handle state change to reset layout when App is focused from PIP Window
+  (0, _hooksUtil.usePIPListener)();
+
+  // Handle rendering RTC stats on Tiles and inside RTC stats modal
+  (0, _hooks.useRTCStatsListeners)();
+  const landscapeChatViewVisible = (0, _hooksUtil.useLandscapeChatViewVisible)();
+
+  // Clearing any pending modal opening tasks
+  React.useEffect(() => {
+    return () => {
+      (0, _hooksUtil.clearPendingModalTasks)();
+    };
+  }, []);
+
+  /**
+   * TODO: disbaled Expended View animation in Webrtc flow
+   *
+   * Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
+   * Solution: Try using Tab Gesture detector instead on Pressable component
+   */
+  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_MeetingScreenContent.MeetingScreenContent, {
+    peerTrackNodes: peerTrackNodes
+  }), landscapeChatViewVisible ? /*#__PURE__*/React.createElement(_ChatWindow.ChatView, null) : null);
+};
+exports.Meeting = Meeting;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: _theme.COLORS.BACKGROUND.DIM,
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=Meeting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_hooks","_theme","_hooksUtil","_ChatWindow","_MeetingScreenContent","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Meeting","_ref","peerTrackNodes","useFetchHMSRoles","useHMSMessages","useHMSRemovedFromRoomUpdate","useHMSPIPRoomLeave","usePIPListener","useRTCStatsListeners","landscapeChatViewVisible","useLandscapeChatViewVisible","useEffect","clearPendingModalTasks","createElement","SafeAreaView","style","styles","container","MeetingScreenContent","ChatView","exports","StyleSheet","create","flex","backgroundColor","COLORS","BACKGROUND","DIM","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"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"}

package/lib/commonjs/components/MeetingScreenContent.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MeetingScreenContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _types = require("../utils/types");
+var _Footer = require("./Footer");
+var _DisplayView = require("./DisplayView");
+var _Header = require("./Header");
+var _hooksUtil = require("../hooks-util");
+var _StatusBar = require("./StatusBar");
+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 MeetingScreenContent = _ref => {
+  let {
+    peerTrackNodes
+  } = _ref;
+  const offset = (0, _reactNativeReanimated.useSharedValue)(1);
+  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
+  const timerIdRef = (0, _react.useRef)(null);
+  const [controlsHidden, setControlsHidden] = (0, _react.useState)(false);
+  const isPipModeActive = (0, _reactRedux.useSelector)(state => state.app.pipModeStatus === _types.PipModes.ACTIVE);
+  const toggleControls = (0, _react.useCallback)(() => {
+    'worklet';
+
+    if (timerIdRef.current) {
+      clearTimeout(timerIdRef.current);
+      timerIdRef.current = null;
+    }
+    (0, _reactNativeReanimated.cancelAnimation)(offset);
+    offset.value = (0, _reactNativeReanimated.withTiming)(offset.value === 1 ? 0 : 1, {
+      duration: 200,
+      easing: _reactNativeReanimated.Easing.ease
+    }, finished => {
+      if (finished) {
+        (0, _reactNativeReanimated.runOnJS)(setControlsHidden)(offset.value === 0);
+      }
+    });
+  }, []);
+
+  // Handles Auto hiding the controls for the first time
+  // to make this feature discoverable
+  // useEffect(() => {
+  //   if (false && !isHLSViewer) {
+  //     if (timerIdRef.current) {
+  //       clearTimeout(timerIdRef.current);
+  //     }
+  //     timerIdRef.current = setTimeout(() => {
+  //       timerIdRef.current = null;
+  //       toggleControls();
+  //     }, 3000); d
+
+  //     return () => {
+  //       if (timerIdRef.current) {
+  //         clearTimeout(timerIdRef.current);
+  //       }
+  //     };
+  //   }
+  // }, [isHLSViewer]);
+
+  const landscapeChatViewVisible = (0, _hooksUtil.useLandscapeChatViewVisible)();
+
+  /**
+   * TODO: disbaled Expended View animation in Webrtc flow
+   *
+   * Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
+   * Solution: Try using Tab Gesture detector instead on Pressable component
+   */
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: toggleControls,
+    style: [styles.container, landscapeChatViewVisible ? styles.takeLessSpaceAsItCan : null],
+    disabled: isHLSViewer || true
+  }, /*#__PURE__*/_react.default.createElement(_StatusBar.HMSStatusBar, {
+    hidden: controlsHidden
+  }), isPipModeActive ? null : /*#__PURE__*/_react.default.createElement(_Header.Header, {
+    offset: offset
+  }), /*#__PURE__*/_react.default.createElement(_DisplayView.DisplayView, {
+    offset: offset,
+    peerTrackNodes: peerTrackNodes
+  }), isPipModeActive ? null : /*#__PURE__*/_react.default.createElement(_Footer.Footer, {
+    offset: offset
+  }));
+};
+exports.MeetingScreenContent = MeetingScreenContent;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  takeLessSpaceAsItCan: {
+    flex: 0
+  }
+});
+//# sourceMappingURL=MeetingScreenContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeReanimated","_types","_Footer","_DisplayView","_Header","_hooksUtil","_StatusBar","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MeetingScreenContent","_ref","peerTrackNodes","offset","useSharedValue","isHLSViewer","useIsHLSViewer","timerIdRef","useRef","controlsHidden","setControlsHidden","useState","isPipModeActive","useSelector","state","app","pipModeStatus","PipModes","ACTIVE","toggleControls","useCallback","current","clearTimeout","cancelAnimation","value","withTiming","duration","easing","Easing","ease","finished","runOnJS","landscapeChatViewVisible","useLandscapeChatViewVisible","createElement","Pressable","onPress","style","styles","container","takeLessSpaceAsItCan","disabled","HMSStatusBar","hidden","Header","DisplayView","Footer","exports","StyleSheet","create","flex"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAQA,IAAAI,MAAA,GAAAJ,OAAA;AAGA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAA2C,SAAAU,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAZ,wBAAAgB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAMpC,MAAMW,oBAAyD,GAAGC,IAAA,IAEnE;EAAA,IAFoE;IACxEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAME,MAAM,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAChC,MAAMC,WAAW,GAAG,IAAAC,yBAAc,EAAC,CAAC;EACpC,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACtD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAMC,eAAe,GAAG,IAAAC,uBAAW,EAChCC,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,aAAa,KAAKC,eAAQ,CAACC,MAC7D,CAAC;EAED,MAAMC,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC,SAAS;;IACT,IAAIb,UAAU,CAACc,OAAO,EAAE;MACtBC,YAAY,CAACf,UAAU,CAACc,OAAO,CAAC;MAChCd,UAAU,CAACc,OAAO,GAAG,IAAI;IAC3B;IACA,IAAAE,sCAAe,EAACpB,MAAM,CAAC;IACvBA,MAAM,CAACqB,KAAK,GAAG,IAAAC,iCAAU,EACvBtB,MAAM,CAACqB,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAC1B;MAAEE,QAAQ,EAAE,GAAG;MAAEC,MAAM,EAAEC,6BAAM,CAACC;IAAK,CAAC,EACrCC,QAAQ,IAAK;MACZ,IAAIA,QAAQ,EAAE;QACZ,IAAAC,8BAAO,EAACrB,iBAAiB,CAAC,CAACP,MAAM,CAACqB,KAAK,KAAK,CAAC,CAAC;MAChD;IACF,CACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,MAAMQ,wBAAwB,GAAG,IAAAC,sCAA2B,EAAC,CAAC;;EAE9D;AACF;AACA;AACA;AACA;AACA;EACE,oBACEnE,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACjE,YAAA,CAAAkE,SAAS;IACRC,OAAO,EAAEjB,cAAe;IACxBkB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBP,wBAAwB,GAAGM,MAAM,CAACE,oBAAoB,GAAG,IAAI,CAC7D;IACFC,QAAQ,EAAEpC,WAAW,IAAI;EAAK,gBAE9BvC,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACzD,UAAA,CAAAiE,YAAY;IAACC,MAAM,EAAElC;EAAe,CAAE,CAAC,EAEvCG,eAAe,GAAG,IAAI,gBAAG9C,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC3D,OAAA,CAAAqE,MAAM;IAACzC,MAAM,EAAEA;EAAO,CAAE,CAAC,eAEpDrC,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC5D,YAAA,CAAAuE,WAAW;IAAC1C,MAAM,EAAEA,MAAO;IAACD,cAAc,EAAEA;EAAe,CAAE,CAAC,EAE9DU,eAAe,GAAG,IAAI,gBAAG9C,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC7D,OAAA,CAAAyE,MAAM;IAAC3C,MAAM,EAAEA;EAAO,CAAE,CAC1C,CAAC;AAEhB,CAAC;AAAC4C,OAAA,CAAA/C,oBAAA,GAAAA,oBAAA;AAEF,MAAMsC,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,IAAI,EAAE;EACR,CAAC;EACDV,oBAAoB,EAAE;IACpBU,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}