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

package/lib/commonjs/components/HMSHLSMessage.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSHLSMessage = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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; }
+const _HMSHLSMessage = _ref => {
+  let {
+    message
+  } = _ref;
+  const messageSender = message.sender;
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((_theme, typography) => ({
+    senderName: {
+      color: '#ffffff',
+      fontFamily: `${typography.font_family}-SemiBold`,
+      textShadowColor: 'rgba(0, 0, 0, 0.5)'
+    },
+    message: {
+      color: '#ffffff',
+      fontFamily: `${typography.font_family}-Regular`,
+      textShadowColor: 'rgba(0, 0, 0, 0.5)'
+    }
+  }), []);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.senderName, hmsRoomStyles.senderName],
+    numberOfLines: 1
+  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.message, hmsRoomStyles.message]
+  }, message.message));
+};
+const HMSHLSMessage = /*#__PURE__*/React.memo(_HMSHLSMessage);
+exports.HMSHLSMessage = HMSHLSMessage;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginTop: 8,
+    width: '100%'
+  },
+  senderName: {
+    fontSize: 14,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.1,
+    textShadowOffset: {
+      height: 1,
+      width: 1
+    },
+    textShadowRadius: 2
+  },
+  message: {
+    fontSize: 14,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25,
+    marginTop: 2,
+    textShadowOffset: {
+      height: 0.5,
+      width: 0.5
+    },
+    textShadowRadius: 2
+  }
+});
+//# sourceMappingURL=HMSHLSMessage.js.map

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

@@ -0,0 +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","_HMSHLSMessage","_ref","message","messageSender","sender","hmsRoomStyles","useHMSRoomStyleSheet","_theme","typography","senderName","color","fontFamily","font_family","textShadowColor","createElement","View","style","styles","container","Text","numberOfLines","isLocal","name","HMSHLSMessage","memo","exports","StyleSheet","create","marginTop","width","fontSize","lineHeight","Platform","OS","undefined","letterSpacing","textShadowOffset","height","textShadowRadius"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessage.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSHLSMessageList.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSHLSMessageList = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _flashList = require("@shopify/flash-list");
+var _HMSHLSMessage = require("./HMSHLSMessage");
+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 HMSHLSMessageList = () => {
+  const {
+    height: windowHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const messages = (0, _reactRedux.useSelector)(state => state.messages.messages);
+  const _keyExtractor = React.useCallback(item => item.messageId, []);
+  const _renderItem = React.useCallback(data => {
+    return /*#__PURE__*/React.createElement(_HMSHLSMessage.HMSHLSMessage, {
+      message: data.item
+    });
+  }, []);
+  if (messages.length <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, {
+      maxHeight: windowHeight * 0.2,
+      height: messages.length > 3 ? windowHeight * 0.2 : messages.length * 54
+    }]
+  }, /*#__PURE__*/React.createElement(_flashList.FlashList, {
+    data: messages,
+    inverted: true,
+    estimatedItemSize: 62,
+    contentContainerStyle: {
+      paddingBottom: 30
+    }
+    // contentContainerStyle={styles.listContentContainer} // Bug: Android inverted flashlist will apply padding on left when `paddingRight: 12` is applied
+    ,
+    keyboardShouldPersistTaps: "always"
+    // ListEmptyComponent={ChatBanner}
+    // ItemSeparatorComponent={() => <View style={{ height: 16 }} />} // TODO: There is a bug related to this: https://github.com/Shopify/flash-list/issues/638
+    ,
+    renderItem: _renderItem,
+    keyExtractor: _keyExtractor
+  }));
+};
+exports.HMSHLSMessageList = HMSHLSMessageList;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'relative',
+    marginVertical: 8,
+    marginHorizontal: 16
+  }
+});
+//# sourceMappingURL=HMSHLSMessageList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_flashList","_HMSHLSMessage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSHLSMessageList","height","windowHeight","useWindowDimensions","messages","useSelector","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","HMSHLSMessage","message","length","View","style","styles","container","maxHeight","FlashList","inverted","estimatedItemSize","contentContainerStyle","paddingBottom","keyboardShouldPersistTaps","renderItem","keyExtractor","exports","StyleSheet","create","position","marginVertical","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessageList.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSHLSNotStarted.js

@@ -5,50 +5,53 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HMSHLSNotStarted = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _reactRedux = require("react-redux");
 var _reactNative = require("react-native");
-var _theme = require("../utils/theme");
 var _hooksUtil = require("../hooks-util");
 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 HMSHLSNotStarted = () => {
-  const portraitChatViewVisible = (0, _hooksUtil.usePortraitChatViewVisible)();
-  const hlsAspectRatio = (0, _reactRedux.useSelector)(state => state.app.hlsAspectRatio);
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    title: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    description: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.textContainer, portraitChatViewVisible ? styles.taleLessSpaceAsYouCan : null, portraitChatViewVisible ? {
-      aspectRatio: hlsAspectRatio.value
-    } : null]
-  }, /*#__PURE__*/React.createElement(_Icons.ClockIcon, null), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.title
-  }, "Class hasn't started yet"), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.description
-  }, "Please wait for the teacher to start the class."));
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_Icons.RadioIcon, {
+    size: "extra-large",
+    containerStyle: styles.icon
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.title, hmsRoomStyles.title]
+  }, "Stream yet to start"), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.description, hmsRoomStyles.description]
+  }, "Sit back and relax"));
 };
 exports.HMSHLSNotStarted = HMSHLSNotStarted;
 const styles = _reactNative.StyleSheet.create({
-  textContainer: {
+  container: {
     flex: 1,
     paddingHorizontal: 24,
     alignItems: 'center',
     justifyContent: 'center'
   },
+  icon: {
+    marginBottom: 24
+  },
   title: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontFamily: 'Inter',
-    fontSize: 28,
-    fontWeight: '600',
+    fontSize: 24,
     lineHeight: 32,
-    letterSpacing: 0.25,
     textAlign: 'center'
   },
   description: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.LOW,
-    fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    lineHeight: 20,
-    letterSpacing: 0.25,
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5,
     textAlign: 'center',
     marginTop: 8
   },

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_theme","_hooksUtil","_Icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSHLSNotStarted","portraitChatViewVisible","usePortraitChatViewVisible","hlsAspectRatio","useSelector","state","app","createElement","View","style","styles","textContainer","taleLessSpaceAsYouCan","aspectRatio","value","ClockIcon","Text","title","description","exports","StyleSheet","create","flex","paddingHorizontal","alignItems","justifyContent","color","COLORS","SURFACE","ON_SURFACE","HIGH","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","LOW","marginTop"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_Icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSHLSNotStarted","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","description","on_surface_medium","createElement","View","style","styles","container","RadioIcon","size","containerStyle","icon","Text","exports","StyleSheet","create","flex","paddingHorizontal","alignItems","justifyContent","marginBottom","fontSize","lineHeight","textAlign","letterSpacing","marginTop","taleLessSpaceAsYouCan"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSHandRaiseNotification.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSHandRaiseNotification = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Icons = require("../Icons");
+var _hooksUtil = require("../hooks-util");
+var _HMSNotification = require("./HMSNotification");
+var _reactRedux = require("react-redux");
+var _actions = require("../redux/actions");
+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 HMSHandRaiseNotification = _ref => {
+  let {
+    peer,
+    id,
+    dismissDelay = 5000,
+    autoDismiss
+  } = _ref;
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
+  const onStageExpData = (0, _hooksUtil.useHMSLayoutConfig)(layoutConfig => {
+    var _layoutConfig$screens;
+    return layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.conferencing) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.default) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.elements) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.on_stage_exp;
+  });
+  const onStageRole = (0, _reactRedux.useSelector)(state => {
+    const onStageRoleStr = onStageExpData === null || onStageExpData === void 0 ? void 0 : onStageExpData.on_stage_role;
+    if (!onStageRoleStr) {
+      return null;
+    }
+    return state.hmsStates.roles.find(role => role.name === onStageRoleStr) || null;
+  });
+  const {
+    secondary_dim: secondaryDimColor
+  } = (0, _hooksUtil.useHMSRoomColorPalette)();
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    button: {
+      backgroundColor: theme.palette.secondary_default
+    },
+    buttonText: {
+      color: theme.palette.on_secondary_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const bringPeerToStage = async () => {
+    if (!onStageRole) {
+      return Promise.reject(`${onStageExpData ? '"on_stage_role"' : '"on_stage_exp"'} data is not available`);
+    }
+    dispatch((0, _actions.removeNotification)(id));
+    await hmsInstance.changeRoleOfPeer(peer, onStageRole, false);
+  };
+  return /*#__PURE__*/React.createElement(_HMSNotification.HMSNotification, {
+    id: id,
+    icon: /*#__PURE__*/React.createElement(_Icons.HandIcon, null),
+    text: `${peer.name} raised hand`,
+    dismissDelay: dismissDelay,
+    autoDismiss: autoDismiss,
+    cta: /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
+      underlayColor: secondaryDimColor,
+      style: [styles.button, hmsRoomStyles.button],
+      onPress: bringPeerToStage
+    }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: [styles.buttonText, hmsRoomStyles.buttonText]
+    }, (onStageExpData === null || onStageExpData === void 0 ? void 0 : onStageExpData.bring_to_stage_label) || 'Bring to Stage'))
+  });
+};
+exports.HMSHandRaiseNotification = HMSHandRaiseNotification;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    marginRight: 16
+  },
+  buttonText: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=HMSHandRaiseNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_Icons","_hooksUtil","_HMSNotification","_reactRedux","_actions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSHandRaiseNotification","_ref","peer","id","dismissDelay","autoDismiss","dispatch","useDispatch","hmsInstance","useHMSInstance","onStageExpData","useHMSLayoutConfig","layoutConfig","_layoutConfig$screens","screens","conferencing","elements","on_stage_exp","onStageRole","useSelector","state","onStageRoleStr","on_stage_role","hmsStates","roles","find","role","name","secondary_dim","secondaryDimColor","useHMSRoomColorPalette","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","button","backgroundColor","palette","secondary_default","buttonText","color","on_secondary_high","fontFamily","font_family","bringPeerToStage","Promise","reject","removeNotification","changeRoleOfPeer","createElement","HMSNotification","icon","HandIcon","text","cta","TouchableHighlight","underlayColor","style","styles","onPress","Text","bring_to_stage_label","exports","StyleSheet","create","paddingVertical","paddingHorizontal","borderRadius","marginRight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSHandRaiseNotification.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSKeyboardAvoidingView.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSKeyboardAvoidingView = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeKeyboardController = require("react-native-keyboard-controller");
+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 HMSKeyboardAvoidingView = _ref => {
+  let {
+    children,
+    style
+  } = _ref;
+  const animatedViewRef = React.useRef(null);
+  const {
+    height: windowHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const animatedKeyboard = (0, _reactNativeKeyboardController.useReanimatedKeyboardAnimation)();
+  const initialPageY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const _handleViewOnLayout = React.useCallback(() => {
+    var _animatedViewRef$curr;
+    (_animatedViewRef$curr = animatedViewRef.current) === null || _animatedViewRef$curr === void 0 || _animatedViewRef$curr.measureInWindow((_fx, fy, _width, height) => {
+      if (height > 0) {
+        const finalWindowHeight = _reactNative.Platform.OS === 'android' && _reactNative.Platform.Version < 29 ? windowHeight - (_reactNative.StatusBar.currentHeight ?? 0) : windowHeight;
+        initialPageY.value = finalWindowHeight - (height + fy);
+      }
+    });
+  }, []);
+  const keyboardAvoidStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const keyboardHeight = -animatedKeyboard.height.value;
+    return {
+      transform: [{
+        translateY: keyboardHeight <= initialPageY.value ? 0 // Keep element at original `pageY` till and when keyboard height is less than `pageY`
+        : -(keyboardHeight - initialPageY.value)
+      }]
+    };
+  });
+  return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    ref: animatedViewRef,
+    onLayout: _handleViewOnLayout,
+    style: [style, keyboardAvoidStyle]
+  }, children);
+};
+exports.HMSKeyboardAvoidingView = HMSKeyboardAvoidingView;
+//# sourceMappingURL=HMSKeyboardAvoidingView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeKeyboardController","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSKeyboardAvoidingView","_ref","children","style","animatedViewRef","useRef","height","windowHeight","useWindowDimensions","animatedKeyboard","useReanimatedKeyboardAnimation","initialPageY","useSharedValue","_handleViewOnLayout","useCallback","_animatedViewRef$curr","current","measureInWindow","_fx","fy","_width","finalWindowHeight","Platform","OS","Version","StatusBar","currentHeight","value","keyboardAvoidStyle","useAnimatedStyle","keyboardHeight","transform","translateY","createElement","View","ref","onLayout","exports"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSLiveIndicator.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSLiveIndicator = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _hooksUtil = require("../hooks-util");
+var _Icons = require("../Icons");
+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; }
+const _HMSLiveIndicator = () => {
+  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
+  const previewPeerCount = (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.peerCount;
+  });
+  const live = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room2;
+    return !!((_state$hmsStates$room2 = state.hmsStates.room) !== null && _state$hmsStates$room2 !== void 0 && _state$hmsStates$room2.hlsStreamingState.running);
+  });
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typograhy) => ({
+    live: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    liveText: {
+      color: theme.palette.alert_error_brighter,
+      fontFamily: `${typograhy.font_family}-SemiBold`
+    },
+    viewers: {
+      backgroundColor: isHLSViewer ? theme.palette.background_dim && (0, _theme.hexToRgbA)(theme.palette.background_dim, 0.64) : undefined,
+      borderWidth: isHLSViewer ? 0 : 1,
+      borderColor: theme.palette.border_bright
+    },
+    count: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typograhy.font_family}-SemiBold`
+    }
+  }));
+  const {
+    canShowParticipants,
+    show
+  } = (0, _hooksUtil.useShowChatAndParticipants)();
+  const showParticipantsSheet = () => {
+    show('participants');
+  };
+  if (!live) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.live, hmsRoomStyles.live]
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.liveText, hmsRoomStyles.liveText]
+  }, "LIVE")), typeof previewPeerCount === 'number' ? /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.viewers, hmsRoomStyles.viewers],
+    onPress: showParticipantsSheet,
+    disabled: !canShowParticipants
+  }, /*#__PURE__*/React.createElement(_Icons.EyeIcon, null), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.count, hmsRoomStyles.count]
+  }, previewPeerCount)) : null);
+};
+const HMSLiveIndicator = /*#__PURE__*/React.memo(_HMSLiveIndicator);
+exports.HMSLiveIndicator = HMSLiveIndicator;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row'
+  },
+  live: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 4,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  liveText: {
+    fontSize: 10,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 16 : undefined,
+    letterSpacing: 1.5,
+    textAlign: 'center',
+    textAlignVertical: 'center'
+  },
+  viewers: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 4,
+    paddingRight: 8,
+    paddingLeft: 6,
+    marginLeft: 8,
+    borderRadius: 4
+  },
+  count: {
+    fontSize: 10,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 16 : undefined,
+    letterSpacing: 1.5,
+    textAlign: 'center',
+    textAlignVertical: 'center',
+    marginLeft: 4
+  }
+});
+//# sourceMappingURL=HMSLiveIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_hooksUtil","_Icons","_theme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_HMSLiveIndicator","isHLSViewer","useIsHLSViewer","previewPeerCount","useSelector","state","_state$hmsStates$room","hmsStates","room","peerCount","live","_state$hmsStates$room2","hlsStreamingState","running","hmsRoomStyles","useHMSRoomStyleSheet","theme","typograhy","backgroundColor","palette","alert_error_default","liveText","color","alert_error_brighter","fontFamily","font_family","viewers","background_dim","hexToRgbA","undefined","borderWidth","borderColor","border_bright","count","on_surface_high","canShowParticipants","show","useShowChatAndParticipants","showParticipantsSheet","createElement","View","style","styles","container","Text","TouchableOpacity","onPress","disabled","EyeIcon","HMSLiveIndicator","memo","exports","StyleSheet","create","flexDirection","paddingHorizontal","paddingVertical","borderRadius","alignItems","justifyContent","fontSize","lineHeight","Platform","OS","letterSpacing","textAlign","textAlignVertical","paddingRight","paddingLeft","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSLiveIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA2C,SAAAM,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,SAAAR,wBAAAY,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;AAG3C,MAAMW,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,WAAW,GAAG,IAAAC,yBAAc,EAAC,CAAC;EACpC,MAAMC,gBAAgB,GAAG,IAAAC,uBAAW,EACjCC,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GAAKD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,uBAApBA,qBAAA,CAAsBG,SAAS;EAAA,CACvD,CAAC;EACD,MAAMC,IAAI,GAAG,IAAAN,uBAAW,EACrBC,KAAgB;IAAA,IAAAM,sBAAA;IAAA,OAAK,CAAC,GAAAA,sBAAA,GAACN,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAG,sBAAA,eAApBA,sBAAA,CAAsBC,iBAAiB,CAACC,OAAO;EAAA,CACzE,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,+BAAoB,EAAC,CAACC,KAAK,EAAEC,SAAS,MAAM;IAChEP,IAAI,EAAE;MACJQ,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC,CAAC;IACDC,QAAQ,EAAE;MACRC,KAAK,EAAEN,KAAK,CAACG,OAAO,CAACI,oBAAoB;MACzCC,UAAU,EAAG,GAAEP,SAAS,CAACQ,WAAY;IACvC,CAAC;IACDC,OAAO,EAAE;MACPR,eAAe,EAAEjB,WAAW,GACxBe,KAAK,CAACG,OAAO,CAACQ,cAAc,IAC5B,IAAAC,gBAAS,EAACZ,KAAK,CAACG,OAAO,CAACQ,cAAc,EAAE,IAAI,CAAC,GAC7CE,SAAS;MACbC,WAAW,EAAE7B,WAAW,GAAG,CAAC,GAAG,CAAC;MAChC8B,WAAW,EAAEf,KAAK,CAACG,OAAO,CAACa;IAC7B,CAAC;IACDC,KAAK,EAAE;MACLX,KAAK,EAAEN,KAAK,CAACG,OAAO,CAACe,eAAe;MACpCV,UAAU,EAAG,GAAEP,SAAS,CAACQ,WAAY;IACvC;EACF,CAAC,CAAC,CAAC;EAEH,MAAM;IAAEU,mBAAmB;IAAEC;EAAK,CAAC,GAAG,IAAAC,qCAA0B,EAAC,CAAC;EAElE,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClCF,IAAI,CAAC,cAAc,CAAC;EACtB,CAAC;EAED,IAAI,CAAC1B,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBACExC,KAAA,CAAAqE,aAAA,CAAClE,YAAA,CAAAmE,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAE5BzE,KAAA,CAAAqE,aAAA,CAAClE,YAAA,CAAAmE,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAAChC,IAAI,EAAEI,aAAa,CAACJ,IAAI;EAAE,gBAC7CxC,KAAA,CAAAqE,aAAA,CAAClE,YAAA,CAAAuE,IAAI;IAACH,KAAK,EAAE,CAACC,MAAM,CAACrB,QAAQ,EAAEP,aAAa,CAACO,QAAQ;EAAE,GAAC,MAAU,CAC9D,CAAC,EAGN,OAAOlB,gBAAgB,KAAK,QAAQ,gBACnCjC,KAAA,CAAAqE,aAAA,CAAClE,YAAA,CAAAwE,gBAAgB;IACfJ,KAAK,EAAE,CAACC,MAAM,CAAChB,OAAO,EAAEZ,aAAa,CAACY,OAAO,CAAE;IAC/CoB,OAAO,EAAER,qBAAsB;IAC/BS,QAAQ,EAAE,CAACZ;EAAoB,gBAE/BjE,KAAA,CAAAqE,aAAA,CAAC/D,MAAA,CAAAwE,OAAO,MAAE,CAAC,eAEX9E,KAAA,CAAAqE,aAAA,CAAClE,YAAA,CAAAuE,IAAI;IAACH,KAAK,EAAE,CAACC,MAAM,CAACT,KAAK,EAAEnB,aAAa,CAACmB,KAAK;EAAE,GAC9C9B,gBACG,CACU,CAAC,GACjB,IACA,CAAC;AAEX,CAAC;AAEM,MAAM8C,gBAAgB,gBAAG/E,KAAK,CAACgF,IAAI,CAAClD,iBAAiB,CAAC;AAACmD,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAE9D,MAAMP,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,aAAa,EAAE;EACjB,CAAC;EACD5C,IAAI,EAAE;IACJ6C,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDtC,QAAQ,EAAE;IACRuC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEC,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGlC,SAAS;IACtDmC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDxC,OAAO,EAAE;IACP4B,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBF,eAAe,EAAE,CAAC;IAClBW,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,CAAC;IACbZ,YAAY,EAAE;EAChB,CAAC;EACDxB,KAAK,EAAE;IACL2B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEC,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGlC,SAAS;IACtDmC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE,QAAQ;IAE3BG,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/commonjs/components/HMSLocalScreenshareNotification.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSLocalScreenshareNotification = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _hooksSdk = require("../hooks-sdk");
+var _Icons = require("../Icons");
+var _HMSDangerButton = require("./HMSDangerButton");
+var _HMSNotification = require("./HMSNotification");
+var _hooksUtil = require("../hooks-util");
+var _utils = require("../utils");
+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 HMSLocalScreenshareNotification = () => {
+  const hmsActions = (0, _hooksSdk.useHMSActions)();
+  const notificationStyle = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    backgroundColor: theme.palette.surface_default
+  }));
+  const stopScreenshare = async () => {
+    await hmsActions.setScreenShareEnabled(false);
+  };
+  return /*#__PURE__*/React.createElement(_HMSNotification.HMSNotification, {
+    id: _utils.NotificationTypes.LOCAL_SCREENSHARE,
+    autoDismiss: false,
+    style: notificationStyle,
+    text: 'You are sharing your screen',
+    icon: /*#__PURE__*/React.createElement(_Icons.ScreenShareIcon, null),
+    cta: /*#__PURE__*/React.createElement(_HMSDangerButton.HMSDangerButton, {
+      loading: false,
+      onPress: stopScreenshare,
+      title: "Stop"
+    })
+  });
+};
+exports.HMSLocalScreenshareNotification = HMSLocalScreenshareNotification;
+//# sourceMappingURL=HMSLocalScreenshareNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_hooksSdk","_Icons","_HMSDangerButton","_HMSNotification","_hooksUtil","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSLocalScreenshareNotification","hmsActions","useHMSActions","notificationStyle","useHMSRoomStyle","theme","backgroundColor","palette","surface_default","stopScreenshare","setScreenShareEnabled","createElement","HMSNotification","id","NotificationTypes","LOCAL_SCREENSHARE","autoDismiss","style","text","icon","ScreenShareIcon","cta","HMSDangerButton","loading","onPress","title","exports"],"sourceRoot":"../../../src","sources":["components/HMSLocalScreenshareNotification.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA6C,SAAAO,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,SAAAT,wBAAAa,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;AAItC,MAAMW,+BAEZ,GAAGA,CAAA,KAAM;EACR,MAAMC,UAAU,GAAG,IAAAC,uBAAa,EAAC,CAAC;EAElC,MAAMC,iBAAiB,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IACpDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,MAAMC,eAAe,GAAG,MAAAA,CAAA,KAAY;IAClC,MAAMR,UAAU,CAACS,qBAAqB,CAAC,KAAK,CAAC;EAC/C,CAAC;EAED,oBACEzC,KAAA,CAAA0C,aAAA,CAACpC,gBAAA,CAAAqC,eAAe;IACdC,EAAE,EAAEC,wBAAiB,CAACC,iBAAkB;IACxCC,WAAW,EAAE,KAAM;IACnBC,KAAK,EAAEd,iBAAkB;IACzBe,IAAI,EAAE,6BAA8B;IACpCC,IAAI,eAAElD,KAAA,CAAA0C,aAAA,CAACtC,MAAA,CAAA+C,eAAe,MAAE,CAAE;IAC1BC,GAAG,eACDpD,KAAA,CAAA0C,aAAA,CAACrC,gBAAA,CAAAgD,eAAe;MACdC,OAAO,EAAE,KAAM;MACfC,OAAO,EAAEf,eAAgB;MACzBgB,KAAK,EAAC;IAAM,CACb;EACF,CACF,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA1B,+BAAA,GAAAA,+BAAA"}

package/lib/commonjs/components/HMSLocalVideoView.js

@@ -5,37 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HMSLocalVideoView = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
 var _reactRedux = require("react-redux");
-var _reactNativeHms = require("@100mslive/react-native-hms");
-var _hooksUtil = require("../hooks-util");
+var _HMSVideoView = require("./HMSVideoView");
 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 HMSLocalVideoView = () => {
-  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
-  const HmsView = hmsInstance.HmsView;
-  const mirrorCamera = (0, _reactRedux.useSelector)(state => state.app.joinConfig.mirrorCamera);
-  const autoSimulcast = (0, _reactRedux.useSelector)(state => state.app.joinConfig.autoSimulcast);
   const localVideoTrackId = (0, _reactRedux.useSelector)(state => {
     var _state$hmsStates$loca;
     return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.videoTrack) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.trackId;
   });
-  if (!localVideoTrackId) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(HmsView, {
-    trackId: localVideoTrackId,
-    key: localVideoTrackId,
-    mirror: mirrorCamera,
-    autoSimulcast: autoSimulcast,
-    scaleType: _reactNativeHms.HMSVideoViewMode.ASPECT_FILL,
-    style: styles.hmsView
-  });
+  return localVideoTrackId ? /*#__PURE__*/React.createElement(_HMSVideoView.HMSVideoView, {
+    trackId: localVideoTrackId
+  }) : null;
 };
 exports.HMSLocalVideoView = HMSLocalVideoView;
-const styles = _reactNative.StyleSheet.create({
-  hmsView: {
-    flex: 1
-  }
-});
 //# sourceMappingURL=HMSLocalVideoView.js.map