@100mslive/react-native-room-kit 0.1.0 → 1.0.0

package/lib/commonjs/components/PeerVideoTile/VideoView.js

@@ -7,7 +7,10 @@ exports.VideoView = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactRedux = require("react-redux");
+var _blur = require("@react-native-community/blur");
 var _hooksUtil = require("../../hooks-util");
+var _HMSPinchGesture = require("./HMSPinchGesture");
+var _Icons = require("../../Icons");
 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 _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
@@ -17,7 +20,8 @@ const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
     overlay,
     isDegraded,
     scaleType,
-    containerStyle
+    containerStyle,
+    zoomIn = false
   } = _ref;
   const HmsView = (0, _reactRedux.useSelector)(state => {
     var _state$user$hmsInstan;
@@ -31,13 +35,16 @@ const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
     },
     degradedText: {
       color: theme.palette.on_surface_high,
-      fontFamily: `${typography.font_family}-SemiBold`
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    icon: {
+      tintColor: theme.palette.on_surface_high
     }
   }));
   if (!HmsView) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
+  const videoView = /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.container, containerStyle]
   }, /*#__PURE__*/React.createElement(HmsView, {
     ref: hmsViewRef,
@@ -48,11 +55,24 @@ const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
     mirror: peer.isLocal ? mirrorCamera : false,
     scaleType: scaleType,
     style: styles.hmsView
-  }), isDegraded ? /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.degradedView, hmsRoomStyles.degradedView]
-  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+  }));
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, zoomIn ? /*#__PURE__*/React.createElement(_HMSPinchGesture.HMSPinchGesture, {
+    style: styles.container
+  }, videoView) : videoView, isDegraded ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.degradedView
+  }, /*#__PURE__*/React.createElement(_blur.BlurView, {
+    style: styles.blurView,
+    blurType: "dark",
+    blurAmount: 24
+  }), /*#__PURE__*/React.createElement(_Icons.AlertTriangleIcon, {
+    type: "fill",
+    style: [styles.icon, hmsRoomStyles.icon]
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    numberOfLines: 2,
     style: [styles.degradedText, hmsRoomStyles.degradedText]
-  }, "Degraded")) : null);
+  }, peer.isLocal ? 'Your' : `${peer.name}'s`, " network is unstable")) : null);
 });
 const styles = _reactNative.StyleSheet.create({
   container: {
@@ -73,10 +93,23 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center'
   },
+  blurView: {
+    flex: 1,
+    position: 'absolute',
+    height: '100%',
+    width: '100%'
+  },
   degradedText: {
-    fontSize: 15,
-    lineHeight: 20,
-    letterSpacing: 0.25
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    marginTop: 8,
+    textAlign: 'center',
+    paddingHorizontal: 8
+  },
+  icon: {
+    width: 32,
+    height: 32
   }
 });
 const VideoView = /*#__PURE__*/React.memo(_VideoView);

package/lib/commonjs/components/PeerVideoTile/VideoView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_VideoView","forwardRef","_ref","hmsViewRef","trackId","peer","overlay","isDegraded","scaleType","containerStyle","HmsView","useSelector","state","_state$user$hmsInstan","user","hmsInstance","mirrorCamera","app","joinConfig","autoSimulcast","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","degradedView","backgroundColor","palette","surface_default","degradedText","color","on_surface_high","fontFamily","font_family","createElement","View","style","styles","container","ref","setZOrderMediaOverlay","mirror","isLocal","hmsView","Text","StyleSheet","create","flex","position","height","width","zIndex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","VideoView","memo","exports"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/VideoView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_blur","_hooksUtil","_HMSPinchGesture","_Icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_VideoView","forwardRef","_ref","hmsViewRef","trackId","peer","overlay","isDegraded","scaleType","containerStyle","zoomIn","HmsView","useSelector","state","_state$user$hmsInstan","user","hmsInstance","mirrorCamera","app","joinConfig","autoSimulcast","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","degradedView","backgroundColor","palette","surface_default","degradedText","color","on_surface_high","fontFamily","font_family","icon","tintColor","videoView","createElement","View","style","styles","container","ref","setZOrderMediaOverlay","mirror","isLocal","hmsView","HMSPinchGesture","BlurView","blurView","blurType","blurAmount","AlertTriangleIcon","type","Text","numberOfLines","name","StyleSheet","create","flex","position","height","width","zIndex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","marginTop","textAlign","paddingHorizontal","VideoView","memo","exports"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/VideoView.tsx"],"mappings":"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"}

package/lib/commonjs/components/PressableIcon.js

@@ -7,6 +7,7 @@ exports.PressableIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _hooksUtil = require("../hooks-util");
+var _theme = require("../utils/theme");
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -19,7 +20,11 @@ const PressableIcon = _ref => {
     border = true,
     ...restProps
   } = _ref;
+  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
   const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    pressable: {
+      backgroundColor: isHLSViewer ? theme.palette.background_dim && (0, _theme.hexToRgbA)(theme.palette.background_dim, 0.64) : undefined
+    },
     border: {
       borderColor: theme.palette.border_bright
     },
@@ -27,11 +32,11 @@ const PressableIcon = _ref => {
       backgroundColor: theme.palette.surface_brighter,
       borderColor: theme.palette.surface_brighter
     }
-  }));
+  }), [isHLSViewer]);
   return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, _extends({
-    style: [styles.pressable, {
-      borderRadius: rounded ? 20 : undefined,
-      ...(border ? {
+    style: [styles.pressable, hmsRoomStyles.pressable, {
+      borderRadius: rounded ? 20 : 8,
+      ...(border && !isHLSViewer ? {
         ...styles.withBorder,
         ...hmsRoomStyles.border
       } : undefined),
@@ -42,11 +47,11 @@ const PressableIcon = _ref => {
 exports.PressableIcon = PressableIcon;
 const styles = _reactNative.StyleSheet.create({
   pressable: {
+    borderRadius: 8,
     padding: 8,
     alignSelf: 'flex-start'
   },
   withBorder: {
-    borderRadius: 8,
     borderWidth: 1
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PressableIcon","_ref","children","style","active","rounded","border","restProps","hmsRoomStyles","useHMSRoomStyleSheet","theme","borderColor","palette","border_bright","backgroundColor","surface_brighter","createElement","TouchableOpacity","styles","pressable","borderRadius","undefined","withBorder","exports","StyleSheet","create","padding","alignSelf","borderWidth"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_theme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PressableIcon","_ref","children","style","active","rounded","border","restProps","isHLSViewer","useIsHLSViewer","hmsRoomStyles","useHMSRoomStyleSheet","theme","pressable","backgroundColor","palette","background_dim","hexToRgbA","undefined","borderColor","border_bright","surface_brighter","createElement","TouchableOpacity","styles","borderRadius","withBorder","exports","StyleSheet","create","padding","alignSelf","borderWidth"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA2C,SAAAI,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,SAAAN,wBAAAU,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;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AASpC,MAAMI,aAA2C,GAAGC,IAAA,IAOrD;EAAA,IAPsD;IAC1DC,QAAQ;IACRC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdC,OAAO,GAAG,KAAK;IACfC,MAAM,GAAG,IAAI;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,MAAMO,WAAW,GAAG,IAAAC,yBAAc,EAAC,CAAC;EAEpC,MAAMC,aAAa,GAAG,IAAAC,+BAAoB,EACvCC,KAAK,KAAM;IACVC,SAAS,EAAE;MACTC,eAAe,EAAEN,WAAW,GACxBI,KAAK,CAACG,OAAO,CAACC,cAAc,IAC5B,IAAAC,gBAAS,EAACL,KAAK,CAACG,OAAO,CAACC,cAAc,EAAE,IAAI,CAAC,GAC7CE;IACN,CAAC;IACDZ,MAAM,EAAE;MACNa,WAAW,EAAEP,KAAK,CAACG,OAAO,CAACK;IAC7B,CAAC;IACDhB,MAAM,EAAE;MACNU,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACM,gBAAgB;MAC/CF,WAAW,EAAEP,KAAK,CAACG,OAAO,CAACM;IAC7B;EACF,CAAC,CAAC,EACF,CAACb,WAAW,CACd,CAAC;EAED,oBACE7C,KAAA,CAAA2D,aAAA,CAACxD,YAAA,CAAAyD,gBAAgB,EAAAhC,QAAA;IACfY,KAAK,EAAE,CACLqB,MAAM,CAACX,SAAS,EAChBH,aAAa,CAACG,SAAS,EACvB;MACEY,YAAY,EAAEpB,OAAO,GAAG,EAAE,GAAG,CAAC;MAC9B,IAAIC,MAAM,IAAI,CAACE,WAAW,GACtB;QAAE,GAAGgB,MAAM,CAACE,UAAU;QAAE,GAAGhB,aAAa,CAACJ;MAAO,CAAC,GACjDY,SAAS,CAAC;MACd,IAAId,MAAM,GAAGM,aAAa,CAACN,MAAM,GAAGc,SAAS;IAC/C,CAAC,EACDf,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CAAC;AAEvB,CAAC;AAACyB,OAAA,CAAA3B,aAAA,GAAAA,aAAA;AAEF,MAAMwB,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTY,YAAY,EAAE,CAAC;IACfK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDL,UAAU,EAAE;IACVM,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/commonjs/components/Preview.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Preview = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
 var _BackButton = require("./BackButton");
@@ -25,8 +24,7 @@ var _hooksSdk = require("../hooks-sdk");
 var _HMSPreviewHLSLiveIndicator = require("./HMSPreviewHLSLiveIndicator");
 var _CompanyLogo = require("./CompanyLogo");
 var _hooksUtil = require("../hooks-util");
-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; }
+var _HMSKeyboardAvoidingView = require("./HMSKeyboardAvoidingView");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const backButtonEdges = ['top'];
 const headerEdges = ['top', 'left', 'right'];
@@ -38,14 +36,7 @@ const Preview = _ref => {
     loadingButtonState
   } = _ref;
   const canPublishVideo = (0, _hooksSdk.useCanPublishVideo)();
-  const animatedKeyboard = (0, _reactNativeReanimated.useAnimatedKeyboard)();
-  const keyboardAvoidStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    return {
-      transform: [{
-        translateY: -animatedKeyboard.height.value
-      }]
-    };
-  });
+  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
   const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
     container: {
       backgroundColor: theme.palette.background_dim
@@ -76,9 +67,9 @@ const Preview = _ref => {
     mode: "margin"
   }, /*#__PURE__*/_react.default.createElement(_BackButton.BackButton, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.footerWrapper
-  }, /*#__PURE__*/_react.default.createElement(_HMSPreviewNetworkQuality.HMSPreviewNetworkQuality, null), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.footer, hmsRoomStyles.footer, keyboardAvoidStyle]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_HMSPreviewNetworkQuality.HMSPreviewNetworkQuality, null), /*#__PURE__*/_react.default.createElement(_HMSKeyboardAvoidingView.HMSKeyboardAvoidingView, {
+    style: [styles.footer, hmsRoomStyles.footer]
+  }, isHLSViewer ? null : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.controlsContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.micAndCameraControls

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSafeAreaContext","_reactNativeLinearGradient","_BackButton","_HMSManageCameraRotation","_HMSManageLocalAudio","_HMSManageLocalVideo","_HMSPreviewEditName","_HMSPreviewJoinButton","_HMSPreviewPeersList","_HMSPreviewSubtitle","_HMSPreviewTile","_HMSPreviewTitle","_HMSManageAudioOutput","_HMSPreviewNetworkQuality","_hooksSdk","_HMSPreviewHLSLiveIndicator","_CompanyLogo","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","backButtonEdges","headerEdges","gradientColorShades","gradientColorShadeLocations","Preview","_ref","join","loadingButtonState","canPublishVideo","useCanPublishVideo","animatedKeyboard","useAnimatedKeyboard","keyboardAvoidStyle","useAnimatedStyle","transform","translateY","height","value","hmsRoomStyles","useHMSRoomStyleSheet","theme","container","backgroundColor","palette","background_dim","footer","background_default","createElement","TouchableWithoutFeedback","onPress","Keyboard","dismiss","View","style","styles","HMSPreviewTile","colors","locations","headerGradient","SafeAreaView","header","edges","mode","CompanyLogo","logo","HMSPreviewTitle","HMSPreviewSubtitle","peerListWrapper","HMSPreviewHLSLiveIndicator","HMSPreviewPeersList","backButtonContainer","BackButton","footerWrapper","HMSPreviewNetworkQuality","controlsContainer","micAndCameraControls","HMSManageLocalAudio","manageLocalVideoWrapper","HMSManageLocalVideo","HMSManageCameraRotation","HMSManageAudioOutput","joinButtonRow","HMSPreviewEditName","HMSPreviewJoinButton","onJoin","loading","exports","StyleSheet","create","flex","position","justifyContent","top","width","marginTop","zIndex","alignItems","alignSelf","marginBottom","flexDirection","marginHorizontal","marginVertical","bottom","borderTopLeftRadius","borderTopRightRadius","padding"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_reactNativeLinearGradient","_BackButton","_HMSManageCameraRotation","_HMSManageLocalAudio","_HMSManageLocalVideo","_HMSPreviewEditName","_HMSPreviewJoinButton","_HMSPreviewPeersList","_HMSPreviewSubtitle","_HMSPreviewTile","_HMSPreviewTitle","_HMSManageAudioOutput","_HMSPreviewNetworkQuality","_hooksSdk","_HMSPreviewHLSLiveIndicator","_CompanyLogo","_hooksUtil","_HMSKeyboardAvoidingView","obj","__esModule","default","backButtonEdges","headerEdges","gradientColorShades","gradientColorShadeLocations","Preview","_ref","join","loadingButtonState","canPublishVideo","useCanPublishVideo","isHLSViewer","useIsHLSViewer","hmsRoomStyles","useHMSRoomStyleSheet","theme","container","backgroundColor","palette","background_dim","footer","background_default","createElement","TouchableWithoutFeedback","onPress","Keyboard","dismiss","View","style","styles","HMSPreviewTile","colors","locations","headerGradient","SafeAreaView","header","edges","mode","CompanyLogo","logo","HMSPreviewTitle","HMSPreviewSubtitle","peerListWrapper","HMSPreviewHLSLiveIndicator","HMSPreviewPeersList","backButtonContainer","BackButton","footerWrapper","HMSPreviewNetworkQuality","HMSKeyboardAvoidingView","controlsContainer","micAndCameraControls","HMSManageLocalAudio","manageLocalVideoWrapper","HMSManageLocalVideo","HMSManageCameraRotation","HMSManageAudioOutput","joinButtonRow","HMSPreviewEditName","HMSPreviewJoinButton","onJoin","loading","exports","StyleSheet","create","flex","position","justifyContent","top","width","marginTop","zIndex","alignItems","height","alignSelf","marginBottom","flexDirection","marginHorizontal","marginVertical","bottom","borderTopLeftRadius","borderTopRightRadius","padding"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}

package/lib/commonjs/components/PreviewForRoleChangeModal.js

@@ -0,0 +1,332 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviewForRoleChangeModal = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _hooksUtil = require("../hooks-util");
+var _actions = require("../redux/actions");
+var _hooksSdk = require("../hooks-sdk");
+var _functions = require("../utils/functions");
+var _utils = require("../utils");
+var _Header = require("./Header");
+var _hooksSdkSelectors = require("../hooks-sdk-selectors");
+var _HMSPrimaryButton = require("./HMSPrimaryButton");
+var _Icons = require("../Icons");
+var _PressableIcon = require("./PressableIcon");
+var _AvatarView = require("./PeerVideoTile/AvatarView");
+var _HMSVideoView = require("./HMSVideoView");
+var _hooksUtilSelectors = require("../hooks-util-selectors");
+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 _PreviewForRoleChangeModal = () => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
+  const hmsActions = (0, _hooksSdk.useHMSActions)();
+  const roleChangeRequest = (0, _reactRedux.useSelector)(state => state.hmsStates.roleChangeRequest);
+  const localPeerName = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca;
+    return ((_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.name) || '';
+  });
+  const localPeerRoleName = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca2;
+    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.name;
+  });
+  const localPeerMetadata = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca3;
+    return (0, _functions.parseMetadata)((_state$hmsStates$loca3 = state.hmsStates.localPeer) === null || _state$hmsStates$loca3 === void 0 ? void 0 : _state$hmsStates$loca3.metadata);
+  }, _reactRedux.shallowEqual);
+  const becomeHLSViewer = (0, _reactRedux.useSelector)(state => {
+    const layoutConfig = (0, _hooksUtilSelectors.selectLayoutConfigForRole)(state.hmsStates.layoutConfig, (roleChangeRequest === null || roleChangeRequest === void 0 ? void 0 : roleChangeRequest.suggestedRole) || null);
+    return (0, _hooksUtilSelectors.selectIsHLSViewer)(roleChangeRequest === null || roleChangeRequest === void 0 ? void 0 : roleChangeRequest.suggestedRole, layoutConfig);
+  });
+  const [localVideoTrack, setLocalVideoTrack] = React.useState(null);
+  const [localAudioTrack, setLocalAudioTrack] = React.useState(null);
+  const [isLocalAudioMuted, setIsLocalAudioMuted] = React.useState();
+  const [isLocalVideoMuted, setIsLocalVideoMuted] = React.useState();
+  const {
+    background_dim: backgroundDimColor
+  } = (0, _hooksUtil.useHMSRoomColorPalette)();
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.background_dim
+    },
+    footer: {
+      backgroundColor: theme.palette.background_default
+    },
+    heading: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    subheading: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    cameraRotation: {
+      tintColor: isLocalVideoMuted ? theme.palette.on_surface_low : theme.palette.on_surface_high
+    },
+    pressableIcon: {
+      borderColor: theme.palette.border_bright
+    },
+    activePressableIcon: {
+      backgroundColor: theme.palette.surface_brighter,
+      borderColor: theme.palette.surface_brighter
+    },
+    declineButton: {
+      borderColor: theme.palette.secondary_default
+    },
+    declineButtonText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }), [isLocalVideoMuted]);
+  const onModalShow = async () => {
+    if (roleChangeRequest && roleChangeRequest.suggestedRole && roleChangeRequest.suggestedRole.name) {
+      // get preview tracks
+      const previewForRoleTracks = await hmsInstance.previewForRole(roleChangeRequest.suggestedRole.name);
+      const localVideoTrack = previewForRoleTracks.find(track => track.type === _reactNativeHms.HMSTrackType.VIDEO);
+      if (localVideoTrack) {
+        setLocalVideoTrack(localVideoTrack);
+        setIsLocalVideoMuted(localVideoTrack.isMute());
+      }
+      const localAudioTrack = previewForRoleTracks.find(track => track.type === _reactNativeHms.HMSTrackType.AUDIO);
+      if (localAudioTrack) {
+        setLocalAudioTrack(localAudioTrack);
+        setIsLocalAudioMuted(localAudioTrack.isMute());
+      }
+
+      // lower hand
+      const newMetadata = {
+        ...localPeerMetadata,
+        isHandRaised: false,
+        isBRBOn: localPeerMetadata.isBRBOn
+      };
+      await hmsActions.changeMetadata(newMetadata);
+    }
+  };
+  const handleRequestAccept = async () => {
+    dispatch((0, _actions.setRoleChangeRequest)(null));
+    // saving current role in peer metadata,
+    // so that when peer is removed from stage, we can assign previous role to it.
+    if (localPeerRoleName) {
+      const newMetadata = {
+        ...localPeerMetadata,
+        prevRole: localPeerRoleName
+      };
+      await hmsActions.changeMetadata(newMetadata);
+    }
+    await hmsInstance.acceptRoleChange();
+  };
+  const handleRequestDecline = async () => {
+    await hmsInstance.cancelPreview();
+    if (roleChangeRequest !== null && roleChangeRequest !== void 0 && roleChangeRequest.requestedBy) {
+      await hmsInstance.sendDirectMessage('', roleChangeRequest.requestedBy, _utils.NotificationTypes.ROLE_CHANGE_DECLINED);
+    }
+    dispatch((0, _actions.setRoleChangeRequest)(null));
+  };
+  const handleAudioMuteTogglePress = async () => {
+    if (!localAudioTrack) {
+      return;
+    }
+    const enable = !isLocalAudioMuted;
+    try {
+      setIsLocalAudioMuted(enable);
+      localAudioTrack.setMute(enable);
+    } catch (error) {
+      setIsLocalAudioMuted(!enable);
+      return Promise.reject(error);
+    }
+  };
+  const handleVideoMuteTogglePress = async () => {
+    if (!localVideoTrack) {
+      return;
+    }
+    const enable = !isLocalVideoMuted;
+    try {
+      setIsLocalVideoMuted(enable);
+      localVideoTrack.setMute(enable);
+    } catch (error) {
+      setIsLocalVideoMuted(!enable);
+      return Promise.reject(error);
+    }
+  };
+  const handleSwitchCameraPress = async () => {
+    if (isLocalVideoMuted) {
+      return;
+    }
+    if (!localVideoTrack) {
+      return;
+    }
+    localVideoTrack.switchCamera();
+  };
+  const canPublishAudio = (0, _hooksSdkSelectors.selectCanPublishTrackForRole)(roleChangeRequest === null || roleChangeRequest === void 0 ? void 0 : roleChangeRequest.suggestedRole, 'audio');
+  const canPublishVideo = (0, _hooksSdkSelectors.selectCanPublishTrackForRole)(roleChangeRequest === null || roleChangeRequest === void 0 ? void 0 : roleChangeRequest.suggestedRole, 'video');
+  const heading = becomeHLSViewer ? "You're invited to view the live stream" : "You're invited to join the stage";
+  const subheading = getSubheading(canPublishAudio, canPublishVideo);
+  return /*#__PURE__*/React.createElement(_reactNativeModal.default, {
+    isVisible: roleChangeRequest !== null,
+    animationIn: 'fadeInUp',
+    animationInTiming: 100,
+    animationOutTiming: 100,
+    animationOut: 'fadeOutDown',
+    backdropColor: backgroundDimColor,
+    backdropOpacity: 0.3,
+    onBackButtonPress: handleRequestDecline,
+    onBackdropPress: handleRequestDecline,
+    onModalShow: onModalShow,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    hideModalContentWhileAnimating: true,
+    style: styles.modal,
+    supportedOrientations: ['portrait', 'landscape']
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(_AvatarView.AvatarView, {
+    name: localPeerName,
+    avatarStyles: styles.avatar,
+    videoView: localVideoTrack && localVideoTrack.trackId && !isLocalVideoMuted ?
+    /*#__PURE__*/
+    // && localVideoTrack.isMute() === false // can't rely on `isMute()` result, because we are not receiving ON_TRACK_UPDATES for `previewForRole` tracks
+    React.createElement(_HMSVideoView.HMSVideoView, {
+      trackId: localVideoTrack.trackId
+    }) : null
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_Header.Header, {
+    showControls: false,
+    transparent: true
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.footerWrapper
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.footer, hmsRoomStyles.footer]
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.heading, hmsRoomStyles.heading]
+  }, heading), subheading ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.subheading, hmsRoomStyles.subheading]
+  }, subheading) : null, canPublishAudio || canPublishVideo ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.micAndCameraControls
+  }, canPublishAudio && localAudioTrack ? /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+    onPress: handleAudioMuteTogglePress,
+    active: isLocalAudioMuted,
+    style: [styles.pressableIcon, hmsRoomStyles.pressableIcon, !!isLocalAudioMuted ? hmsRoomStyles.activePressableIcon : null]
+  }, /*#__PURE__*/React.createElement(_Icons.MicIcon, {
+    muted: !!isLocalAudioMuted
+  })) : null, canPublishVideo && localVideoTrack ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.manageLocalVideoWrapper
+  }, /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+    onPress: handleVideoMuteTogglePress,
+    active: isLocalVideoMuted,
+    style: [styles.pressableIcon, hmsRoomStyles.pressableIcon, !!isLocalVideoMuted ? hmsRoomStyles.activePressableIcon : null]
+  }, /*#__PURE__*/React.createElement(_Icons.CameraIcon, {
+    muted: !!isLocalVideoMuted
+  }))), /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+    onPress: handleSwitchCameraPress,
+    disabled: isLocalVideoMuted,
+    style: [styles.pressableIcon, hmsRoomStyles.pressableIcon]
+  }, /*#__PURE__*/React.createElement(_Icons.RotateCameraIcon, {
+    style: hmsRoomStyles.cameraRotation
+  }))) : null) : null, /*#__PURE__*/React.createElement(_HMSPrimaryButton.HMSPrimaryButton, {
+    loading: false,
+    onPress: handleRequestAccept,
+    title: "Join Now",
+    style: styles.joinButton
+  }), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.declineButton, hmsRoomStyles.declineButton],
+    onPress: handleRequestDecline
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.declineButtonText, hmsRoomStyles.declineButtonText]
+  }, "Decline"))))));
+};
+const PreviewForRoleChangeModal = /*#__PURE__*/React.memo(_PreviewForRoleChangeModal);
+exports.PreviewForRoleChangeModal = PreviewForRoleChangeModal;
+const styles = _reactNative.StyleSheet.create({
+  modal: {
+    margin: 0
+  },
+  container: {
+    flex: 1,
+    position: 'relative',
+    backgroundColor: 'silver'
+  },
+  header: {
+    position: 'absolute',
+    width: '100%'
+  },
+  micAndCameraControls: {
+    flexDirection: 'row'
+  },
+  manageLocalVideoWrapper: {
+    marginHorizontal: 16
+  },
+  footerWrapper: {
+    position: 'absolute',
+    bottom: 0,
+    width: '100%',
+    zIndex: 30
+  },
+  footer: {
+    flex: 1,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    paddingHorizontal: 16,
+    paddingTop: 24,
+    paddingBottom: 32
+  },
+  heading: {
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    marginBottom: 8
+  },
+  subheading: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    marginBottom: 24
+  },
+  pressableIcon: {
+    backgroundColor: undefined,
+    borderWidth: 1
+  },
+  avatar: {
+    marginBottom: 200
+  },
+  joinButton: {
+    marginTop: 16
+  },
+  declineButton: {
+    flex: 1,
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    borderWidth: 1,
+    marginTop: 16
+  },
+  declineButtonText: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5,
+    textAlign: 'center'
+  }
+});
+const getSubheading = (canPublishAudio, canPublishVideo) => {
+  if (canPublishAudio && canPublishVideo) {
+    return 'Setup your audio and video before joining';
+  }
+  if (canPublishAudio) {
+    return 'Setup your audio before joining';
+  }
+  if (canPublishVideo) {
+    return 'Setup your video before joining';
+  }
+  return '';
+};
+//# sourceMappingURL=PreviewForRoleChangeModal.js.map