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

package/lib/commonjs/components/HMSPreviewTitle.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.HMSPreviewTitle = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactRedux = require("react-redux");
 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; }
@@ -14,9 +13,8 @@ const HMSPreviewTitle = _ref => {
   let {
     title = 'Get Started'
   } = _ref;
-  const hmsRoomPreviewTitle = (0, _reactRedux.useSelector)(state => {
+  const hmsRoomPreviewTitle = (0, _hooksUtil.useHMSLayoutConfig)(layoutConfig => {
     var _layoutConfig$screens;
-    const layoutConfig = state.hmsStates.layoutConfig;
     const previewTitle = layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview) === 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 || (_layoutConfig$screens = _layoutConfig$screens.preview_header) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.title;
     return previewTitle || title;
   });

package/lib/commonjs/components/HMSPreviewTitle.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","HMSPreviewTitle","_ref","title","hmsRoomPreviewTitle","useSelector","state","_layoutConfig$screens","layoutConfig","hmsStates","previewTitle","screens","preview","elements","preview_header","titleStyles","useHMSRoomStyle","theme","typography","color","palette","on_surface_high","fontFamily","font_family","createElement","Text","style","styles","exports","StyleSheet","create","fontSize","lineHeight","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTitle.tsx"],"mappings":"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"}
+{"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","HMSPreviewTitle","_ref","title","hmsRoomPreviewTitle","useHMSLayoutConfig","layoutConfig","_layoutConfig$screens","previewTitle","screens","preview","elements","preview_header","titleStyles","useHMSRoomStyle","theme","typography","color","palette","on_surface_high","fontFamily","font_family","createElement","Text","style","styles","exports","StyleSheet","create","fontSize","lineHeight","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTitle.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSRecordingIndicator.js

@@ -26,12 +26,13 @@ const HMSRecordingIndicator = () => {
   if (startingOrStoppingRecording) {
     return /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
       size: 'small',
-      color: onSurfaceHighColor
+      color: onSurfaceHighColor,
+      style: styles.rightSpace
     });
   }
   if (isRecordingOn) {
     return /*#__PURE__*/React.createElement(_Icons.RecordingIcon, {
-      style: [styles.icon, iconStyles]
+      style: [styles.icon, styles.rightSpace, iconStyles]
     });
   }
   return null;
@@ -41,6 +42,9 @@ const styles = _reactNative.StyleSheet.create({
   icon: {
     width: 24,
     height: 24
+  },
+  rightSpace: {
+    marginRight: 8
   }
 });
 //# sourceMappingURL=HMSRecordingIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_Icons","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSRecordingIndicator","isRecordingOn","useSelector","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","app","on_surface_high","onSurfaceHighColor","useHMSRoomColorPalette","iconStyles","useHMSRoomStyle","theme","tintColor","palette","alert_error_default","createElement","ActivityIndicator","size","color","RecordingIcon","style","styles","icon","exports","StyleSheet","create","width","height"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_Icons","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSRecordingIndicator","isRecordingOn","useSelector","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","app","on_surface_high","onSurfaceHighColor","useHMSRoomColorPalette","iconStyles","useHMSRoomStyle","theme","tintColor","palette","alert_error_default","createElement","ActivityIndicator","size","color","style","styles","rightSpace","RecordingIcon","icon","exports","StyleSheet","create","width","height","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSRoleChangeDeclinedNotification.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSRoleChangeDeclinedNotification = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _HMSNotification = require("./HMSNotification");
+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 HMSRoleChangeDeclinedNotification = _ref => {
+  let {
+    peerName,
+    id,
+    autoDismiss,
+    dismissDelay
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_HMSNotification.HMSNotification, {
+    id: id,
+    text: `${peerName} declined the request to join the stage`,
+    icon: /*#__PURE__*/React.createElement(_Icons.PersonIcon, {
+      type: "off"
+    }),
+    autoDismiss: autoDismiss,
+    dismissDelay: dismissDelay
+  });
+};
+exports.HMSRoleChangeDeclinedNotification = HMSRoleChangeDeclinedNotification;
+//# sourceMappingURL=HMSRoleChangeDeclinedNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_HMSNotification","_Icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSRoleChangeDeclinedNotification","_ref","peerName","id","autoDismiss","dismissDelay","createElement","HMSNotification","text","icon","PersonIcon","type","exports"],"sourceRoot":"../../../src","sources":["components/HMSRoleChangeDeclinedNotification.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAsC,SAAAG,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,SAAAL,wBAAAS,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;AAS/B,MAAMW,iCAEZ,GAAGC,IAAA,IAAiD;EAAA,IAAhD;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAAAJ,IAAA;EAC9C,oBACE5B,KAAA,CAAAiC,aAAA,CAAC9B,gBAAA,CAAA+B,eAAe;IACdJ,EAAE,EAAEA,EAAG;IACPK,IAAI,EAAG,GAAEN,QAAS,yCAAyC;IAC3DO,IAAI,eAAEpC,KAAA,CAAAiC,aAAA,CAAC7B,MAAA,CAAAiC,UAAU;MAACC,IAAI,EAAC;IAAK,CAAE,CAAE;IAChCP,WAAW,EAAEA,WAAY;IACzBC,YAAY,EAAEA;EAAa,CAC5B,CAAC;AAEN,CAAC;AAACO,OAAA,CAAAZ,iCAAA,GAAAA,iCAAA"}

package/lib/commonjs/components/HMSSendMessageInput.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSSendMessageInput = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _HMSTextInput = require("./HMSTextInput");
+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 HMSSendMessageInput = _ref => {
+  let {
+    style,
+    containerStyle
+  } = _ref;
+  const {
+    message,
+    sendMessage,
+    setMessage
+  } = (0, _hooksUtil.useSendMessage)();
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    containerStyle: {
+      backgroundColor: theme.palette.surface_dim,
+      borderColor: theme.palette.surface_dim
+    }
+  }));
+  return /*#__PURE__*/React.createElement(_HMSTextInput.HMSTextInput, {
+    style: [styles.input, style],
+    value: message,
+    onChangeText: setMessage,
+    placeholder: "Send a message...",
+    autoCapitalize: "sentences",
+    autoCompleteType: "off",
+    containerStyle: [styles.inputContainer, hmsRoomStyles.containerStyle, containerStyle],
+    sendIcon: true,
+    onSendIconPress: sendMessage,
+    onSubmitEditing: sendMessage,
+    returnKeyType: "send"
+  });
+};
+exports.HMSSendMessageInput = HMSSendMessageInput;
+const styles = _reactNative.StyleSheet.create({
+  input: {
+    fontSize: 14,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25
+  },
+  inputContainer: {
+    height: 40,
+    marginHorizontal: 8,
+    marginTop: 4,
+    marginBottom: 8
+  }
+});
+//# sourceMappingURL=HMSSendMessageInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_HMSTextInput","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSSendMessageInput","_ref","style","containerStyle","message","sendMessage","setMessage","useSendMessage","hmsRoomStyles","useHMSRoomStyleSheet","theme","backgroundColor","palette","surface_dim","borderColor","createElement","HMSTextInput","styles","input","value","onChangeText","placeholder","autoCapitalize","autoCompleteType","inputContainer","sendIcon","onSendIconPress","onSubmitEditing","returnKeyType","exports","StyleSheet","create","fontSize","lineHeight","Platform","OS","undefined","letterSpacing","height","marginHorizontal","marginTop","marginBottom"],"sourceRoot":"../../../src","sources":["components/HMSSendMessageInput.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSTextInput.js

@@ -7,14 +7,17 @@ exports.HMSTextInput = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 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; }
+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); }
 const HMSTextInput = _ref => {
   let {
     value,
     onChangeText,
     style,
-    autoFocus
+    focusedStyle,
+    ...resetProps
   } = _ref;
   const [inputFocused, setInputFocused] = React.useState(false);
   const handleInputFocus = () => setInputFocused(true);
@@ -23,34 +26,105 @@ const HMSTextInput = _ref => {
     on_surface_low: onSurfaceLowColor,
     on_surface_high: onSurfaceHighColor
   } = (0, _hooksUtil.useHMSRoomColorPalette)();
+  const containerExists = resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon;
   const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    // TEXT INPUT STYLES
     input: {
       backgroundColor: theme.palette.surface_default,
       color: theme.palette.on_surface_high,
       borderColor: theme.palette.surface_default,
       fontFamily: `${typography.font_family}-Regular`
     },
+    // when text input is inside container
+    childInput: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
     focusedInput: {
       borderColor: theme.palette.primary_default,
       borderWidth: 2
+    },
+    // when text input is inside container
+    focusedChildInput: {},
+    // CONTAINER STYLES
+    container: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.surface_default
+    },
+    focusedContainer: {
+      borderColor: theme.palette.primary_default,
+      borderWidth: 2
+    },
+    // ICON STYLES
+    sendIcon: {
+      tintColor: theme.palette.on_surface_low
+    },
+    focusedSendIcon: {
+      tintColor: theme.palette.on_surface_high
     }
   }));
-  return /*#__PURE__*/React.createElement(_reactNative.TextInput, {
-    style: [styles.input, hmsRoomStyles.input, inputFocused ? hmsRoomStyles.focusedInput : null, style],
+  const textInputStyles = [
+  // regular styles
+  containerExists ? styles.childInput : styles.input, containerExists ? hmsRoomStyles.childInput : hmsRoomStyles.input,
+  // theme regular styles
+  style,
+  // user provided regular styles
+
+  // focused styles
+  inputFocused ? containerExists ? hmsRoomStyles.focusedChildInput : hmsRoomStyles.focusedInput : null,
+  // theme focused styles
+  inputFocused ? focusedStyle : null // user provided focused styles
+  ];
+
+  const textInputComp = /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({}, resetProps, {
+    style: textInputStyles,
     value: value,
     onChangeText: onChangeText,
-    placeholder: "Enter Name...",
-    autoCapitalize: "words",
-    autoCompleteType: "name",
-    placeholderTextColor: onSurfaceLowColor,
-    selectionColor: onSurfaceHighColor,
-    onFocus: handleInputFocus,
-    onBlur: handleInputBlur,
-    autoFocus: autoFocus
-  });
+    placeholder: resetProps.placeholder ?? 'Enter Name...',
+    autoCapitalize: resetProps.autoCapitalize ?? 'words',
+    autoCompleteType: resetProps.autoCompleteType ?? 'name',
+    placeholderTextColor: resetProps.placeholderTextColor ?? onSurfaceLowColor,
+    selectionColor: resetProps.selectionColor ?? onSurfaceHighColor,
+    onFocus: resetProps.onFocus ?? handleInputFocus,
+    onBlur: resetProps.onBlur ?? handleInputBlur
+  }));
+  if (!containerExists) {
+    return textInputComp;
+  }
+  const containerStyles = [
+  // regular styles
+  styles.container, hmsRoomStyles.container,
+  // theme regular styles
+  resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon ? resetProps.containerStyle : null,
+  // user provided regular styles
+
+  // focused styles
+  inputFocused ? hmsRoomStyles.focusedContainer : null,
+  // theme focused styles
+  inputFocused && (resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon) ? resetProps.focusedContainerStyle : null // user provided focused styles
+  ];
+
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: containerStyles
+  }, resetProps.leftIcon, textInputComp, resetProps.rightIcon || (resetProps.sendIcon ? /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.sendIconButton,
+    onPress: resetProps.onSendIconPress
+  }, /*#__PURE__*/React.createElement(_Icons.SendIcon, {
+    style: [hmsRoomStyles.sendIcon, inputFocused ? hmsRoomStyles.focusedSendIcon : null]
+  })) : null));
 };
 exports.HMSTextInput = HMSTextInput;
 const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    height: 50,
+    overflow: 'hidden',
+    paddingLeft: 16,
+    paddingRight: 8,
+    borderRadius: 8,
+    borderWidth: 2,
+    flexDirection: 'row'
+  },
   input: {
     flex: 1,
     height: 50,
@@ -61,6 +135,18 @@ const styles = _reactNative.StyleSheet.create({
     lineHeight: _reactNative.Platform.OS === 'android' ? 24 : undefined,
     letterSpacing: 0.5,
     borderWidth: 2
+  },
+  childInput: {
+    flex: 1,
+    textAlignVertical: 'center',
+    fontSize: 16,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 24 : undefined,
+    letterSpacing: 0.5
+  },
+  sendIconButton: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginLeft: 8
   }
 });
 //# sourceMappingURL=HMSTextInput.js.map

package/lib/commonjs/components/HMSTextInput.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","HMSTextInput","_ref","value","onChangeText","style","autoFocus","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_low","onSurfaceLowColor","on_surface_high","onSurfaceHighColor","useHMSRoomColorPalette","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","focusedInput","primary_default","borderWidth","createElement","TextInput","styles","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","exports","StyleSheet","create","flex","height","textAlignVertical","paddingHorizontal","borderRadius","fontSize","lineHeight","Platform","OS","undefined","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.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","_extends","assign","bind","target","i","arguments","length","source","apply","HMSTextInput","_ref","value","onChangeText","style","focusedStyle","resetProps","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_low","onSurfaceLowColor","on_surface_high","onSurfaceHighColor","useHMSRoomColorPalette","containerExists","leftIcon","rightIcon","sendIcon","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","childInput","focusedInput","primary_default","borderWidth","focusedChildInput","container","focusedContainer","tintColor","focusedSendIcon","textInputStyles","styles","textInputComp","createElement","TextInput","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","containerStyles","containerStyle","focusedContainerStyle","View","TouchableOpacity","sendIconButton","onPress","onSendIconPress","SendIcon","exports","StyleSheet","create","flex","height","overflow","paddingLeft","paddingRight","borderRadius","flexDirection","textAlignVertical","paddingHorizontal","fontSize","lineHeight","Platform","OS","undefined","letterSpacing","alignItems","justifyContent","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSVideoView.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSVideoView = 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");
+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); }
+const HMSVideoView = _ref => {
+  let {
+    trackId,
+    style,
+    ...restProps
+  } = _ref;
+  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);
+  return /*#__PURE__*/React.createElement(HmsView, _extends({}, restProps, {
+    trackId: trackId,
+    key: trackId,
+    mirror: restProps.mirror ?? mirrorCamera,
+    autoSimulcast: restProps.autoSimulcast ?? autoSimulcast,
+    scaleType: restProps.scaleType ?? _reactNativeHms.HMSVideoViewMode.ASPECT_FILL,
+    style: {
+      ...styles.hmsView,
+      ...style
+    }
+  }));
+};
+exports.HMSVideoView = HMSVideoView;
+const styles = _reactNative.StyleSheet.create({
+  hmsView: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=HMSVideoView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeHms","_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","HMSVideoView","_ref","trackId","style","restProps","hmsInstance","useHMSInstance","HmsView","mirrorCamera","useSelector","state","app","joinConfig","autoSimulcast","createElement","mirror","scaleType","HMSVideoViewMode","ASPECT_FILL","styles","hmsView","exports","StyleSheet","create","flex"],"sourceRoot":"../../../src","sources":["components/HMSVideoView.tsx"],"mappings":"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"}

package/lib/commonjs/components/Header.js

@@ -3,56 +3,51 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports._Header = exports.Header = void 0;
+exports._Header = exports.Header = exports.HEADER_HEIGHT = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _HMSManageCameraRotation = require("./HMSManageCameraRotation");
 var _hooksUtil = require("../hooks-util");
 var _HMSManageAudioOutput = require("./HMSManageAudioOutput");
 var _HMSRecordingIndicator = require("./HMSRecordingIndicator");
 var _CompanyLogo = require("./CompanyLogo");
+var _HMSLiveIndicator = require("./HMSLiveIndicator");
 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 TOP_PADDING = 8;
+const BOTTOM_PADDING = 16;
+const CONTENT_HEIGHT = 42;
+const HEADER_HEIGHT = TOP_PADDING + CONTENT_HEIGHT + BOTTOM_PADDING;
+exports.HEADER_HEIGHT = HEADER_HEIGHT;
 const _Header = _ref => {
   let {
-    offset
+    transparent = false,
+    showControls = true
   } = _ref;
-  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
-  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'
-    };
-  }, []);
   const containerStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
     backgroundColor: theme.palette.background_dim
   }));
-  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: animatedStyles,
-    animatedProps: animatedProps
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    style: transparent ? null : containerStyles,
+    edges: ['top']
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, containerStyles]
+    style: [styles.container, transparent ? null : containerStyles]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.logoContainer
   }, /*#__PURE__*/_react.default.createElement(_CompanyLogo.CompanyLogo, {
     style: styles.logo
-  }), /*#__PURE__*/_react.default.createElement(_HMSRecordingIndicator.HMSRecordingIndicator, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_HMSRecordingIndicator.HMSRecordingIndicator, null), /*#__PURE__*/_react.default.createElement(_HMSLiveIndicator.HMSLiveIndicator, null)), showControls ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.controls
-  }, isHLSViewer ? null : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.cameraRotationWrapper
-  }, /*#__PURE__*/_react.default.createElement(_HMSManageCameraRotation.HMSManageCameraRotation, null)), /*#__PURE__*/_react.default.createElement(_HMSManageAudioOutput.HMSManageAudioOutput, null))));
+  }, /*#__PURE__*/_react.default.createElement(_HMSManageCameraRotation.HMSManageCameraRotation, null)), /*#__PURE__*/_react.default.createElement(_HMSManageAudioOutput.HMSManageAudioOutput, null)) : null));
 };
 exports._Header = _Header;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    paddingTop: 8,
-    paddingBottom: 16,
+    paddingTop: TOP_PADDING,
+    paddingBottom: BOTTOM_PADDING,
     paddingHorizontal: 16,
     flexDirection: 'row',
     alignItems: 'center',
@@ -75,104 +70,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 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