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

package/lib/commonjs/components/Chat/PinnedMessage.js

@@ -7,15 +7,25 @@ exports.PinnedMessage = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactRedux = require("react-redux");
-var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
-var _theme = require("../../utils/theme");
-var _CustomButton = require("../CustomButton");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 PinnedMessage = () => {
   const pinnedMessage = (0, _reactRedux.useSelector)(state => state.messages.pinnedMessage);
   const hmsSessionStore = (0, _reactRedux.useSelector)(state => state.user.hmsSessionStore);
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    closeIcon: {
+      tintColor: theme.palette.on_surface_medium
+    },
+    text: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_high
+    }
+  }));
   const removePinnedMessage = React.useCallback(async () => {
     // If instance of HMSSessionStore is available
     if (hmsSessionStore) {
@@ -32,54 +42,40 @@ const PinnedMessage = () => {
     return null;
   }
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.pinnedMessage
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.bannerIconContainer
-  }, /*#__PURE__*/React.createElement(_MaterialCommunityIcons.default, {
-    style: styles.bannerIcon,
-    size: 16,
-    name: "pin-outline"
-  })), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.bannerTextContainer
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(_Icons.PinIcon, {
+    style: [styles.icon, hmsRoomStyles.closeIcon]
+  }), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    style: styles.textWrapper
   }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.bannerText
-  }, pinnedMessage)), /*#__PURE__*/React.createElement(_CustomButton.CustomButton, {
-    onPress: removePinnedMessage,
-    viewStyle: styles.bannerIconContainer,
-    LeftIcon: /*#__PURE__*/React.createElement(_MaterialCommunityIcons.default, {
-      style: styles.bannerIcon,
-      size: 24,
-      name: "close"
-    })
-  }));
+    style: [styles.text, hmsRoomStyles.text]
+  }, pinnedMessage)), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: removePinnedMessage
+  }, /*#__PURE__*/React.createElement(_Icons.CloseIcon, {
+    style: [styles.icon, hmsRoomStyles.closeIcon]
+  })));
 };
 exports.PinnedMessage = PinnedMessage;
 const styles = _reactNative.StyleSheet.create({
-  pinnedMessage: {
-    height: 80,
+  container: {
     flexDirection: 'row',
     alignItems: 'center',
-    backgroundColor: _theme.COLORS.SURFACE.LIGHT,
-    borderRadius: 8
+    borderRadius: 8,
+    padding: 8,
+    marginTop: 8
   },
-  bannerIcon: {
-    color: _theme.COLORS.TEXT.DISABLED
-  },
-  bannerIconContainer: {
-    width: 52,
-    height: '100%',
-    alignItems: 'center',
-    justifyContent: 'center'
+  textWrapper: {
+    maxHeight: 50,
+    marginHorizontal: 8
   },
-  bannerTextContainer: {
-    flex: 1
+  icon: {
+    width: 20,
+    height: 20
   },
-  bannerText: {
-    fontFamily: 'Inter-Regular',
-    fontSize: 12,
-    lineHeight: 16,
-    letterSpacing: 0.4,
-    color: _theme.COLORS.TEXT.MEDIUM_EMPHASIS
+  text: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
   }
 });
 //# sourceMappingURL=PinnedMessage.js.map

package/lib/commonjs/components/Chat/PinnedMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_MaterialCommunityIcons","_interopRequireDefault","_theme","_CustomButton","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PinnedMessage","pinnedMessage","useSelector","state","messages","hmsSessionStore","user","removePinnedMessage","useCallback","response","console","log","error","length","createElement","View","style","styles","bannerIconContainer","bannerIcon","size","name","bannerTextContainer","Text","bannerText","CustomButton","onPress","viewStyle","LeftIcon","exports","StyleSheet","create","height","flexDirection","alignItems","backgroundColor","COLORS","SURFACE","LIGHT","borderRadius","color","TEXT","DISABLED","width","justifyContent","flex","fontFamily","fontSize","lineHeight","letterSpacing","MEDIUM_EMPHASIS"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessage.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_hooksUtil","_Icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PinnedMessage","pinnedMessage","useSelector","state","messages","hmsSessionStore","user","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","container","backgroundColor","palette","surface_default","closeIcon","tintColor","on_surface_medium","text","fontFamily","font_family","color","on_surface_high","removePinnedMessage","useCallback","response","console","log","error","length","createElement","View","style","styles","PinIcon","icon","ScrollView","textWrapper","Text","TouchableOpacity","onPress","CloseIcon","exports","StyleSheet","create","flexDirection","alignItems","borderRadius","padding","marginTop","maxHeight","marginHorizontal","width","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessage.tsx"],"mappings":"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"}

package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatAndParticipantsBottomSheet = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _BottomSheet = require("../BottomSheet");
+var _hooksUtil = require("../../hooks-util");
+var _ChatAndParticipantsView = require("./ChatAndParticipantsView");
+var _Header = require("../Header");
+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 ChatAndParticipantsBottomSheet = () => {
+  const {
+    top: topSafeArea
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const {
+    modalVisible,
+    hide
+  } = (0, _hooksUtil.useShowChatAndParticipants)();
+  const closeChatWindow = () => hide('modal');
+  return /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet, {
+    dismissModal: closeChatWindow,
+    isVisible: modalVisible,
+    avoidKeyboard: true,
+    containerStyle: [styles.bottomSheet, {
+      marginTop: topSafeArea + _Header.HEADER_HEIGHT
+    }]
+  }, /*#__PURE__*/React.createElement(_ChatAndParticipantsView.ChatAndParticipantsView, null));
+};
+exports.ChatAndParticipantsBottomSheet = ChatAndParticipantsBottomSheet;
+const styles = _reactNative.StyleSheet.create({
+  bottomSheet: {
+    flex: 1,
+    backgroundColor: undefined,
+    paddingBottom: 0
+  }
+});
+//# sourceMappingURL=ChatAndParticipantsBottomSheet.js.map

package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_BottomSheet","_hooksUtil","_ChatAndParticipantsView","_Header","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ChatAndParticipantsBottomSheet","top","topSafeArea","useSafeAreaInsets","modalVisible","hide","useShowChatAndParticipants","closeChatWindow","createElement","BottomSheet","dismissModal","isVisible","avoidKeyboard","containerStyle","styles","bottomSheet","marginTop","HEADER_HEIGHT","ChatAndParticipantsView","exports","StyleSheet","create","flex","backgroundColor","undefined","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA0C,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;AAEnC,MAAMW,8BAA8B,GAAGA,CAAA,KAAM;EAClD,MAAM;IAAEC,GAAG,EAAEC;EAAY,CAAC,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAEhD,MAAM;IAAEC,YAAY;IAAEC;EAAK,CAAC,GAAG,IAAAC,qCAA0B,EAAC,CAAC;EAE3D,MAAMC,eAAe,GAAGA,CAAA,KAAMF,IAAI,CAAC,OAAO,CAAC;EAE3C,oBACEpC,KAAA,CAAAuC,aAAA,CAAClC,YAAA,CAAAmC,WAAW;IACVC,YAAY,EAAEH,eAAgB;IAC9BI,SAAS,EAAEP,YAAa;IACxBQ,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAE,CACdC,MAAM,CAACC,WAAW,EAClB;MAAEC,SAAS,EAAEd,WAAW,GAAGe;IAAc,CAAC;EAC1C,gBAEFhD,KAAA,CAAAuC,aAAA,CAAChC,wBAAA,CAAA0C,uBAAuB,MAAE,CACf,CAAC;AAElB,CAAC;AAACC,OAAA,CAAAnB,8BAAA,GAAAA,8BAAA;AAEF,MAAMc,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,WAAW,EAAE;IACXO,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,SAAS;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsHeader.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatAndParticipantsHeader = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _Icons = require("../../Icons");
+var _hooksUtil = require("../../hooks-util");
+var _theme = require("../../utils/theme");
+var _types = require("../../utils/types");
+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 _ChatAndParticipantsHeader = _ref => {
+  let {
+    onClosePress
+  } = _ref;
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const peersCount = (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 hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    tab: {
+      backgroundColor: theme.palette.surface_bright
+    },
+    headerTitle: {
+      color: theme.palette.on_surface_low,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    activeHeaderTitle: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const activeChatBottomSheetTab = (0, _reactRedux.useSelector)(state => state.app.activeChatBottomSheetTab);
+  const {
+    canShowParticipants,
+    canShowChat,
+    overlayChatLayout
+  } = (0, _hooksUtil.useShowChatAndParticipants)();
+  const visibleChatBottomSheetTabs = _types.ChatBottomSheetTabs.filter(tab => {
+    if (tab === 'Participants') return canShowParticipants;
+    if (tab === 'Chat') return canShowChat && !overlayChatLayout;
+    return true;
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: visibleChatBottomSheetTabs.length > 1 ? styles.tabsHeader : styles.header
+  }, visibleChatBottomSheetTabs.length === 1 ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.headerTitle, hmsRoomStyles.activeHeaderTitle]
+  }, visibleChatBottomSheetTabs[0], visibleChatBottomSheetTabs[0] === 'Participants' && typeof peersCount === 'number' ? ` (${peersCount})` : null) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.headerTitleWrapper
+  }, visibleChatBottomSheetTabs.map(tab => {
+    const isActive = activeChatBottomSheetTab === tab;
+    return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+      key: tab,
+      style: [styles.tab, isActive ? hmsRoomStyles.tab : null],
+      onPress: () => dispatch((0, _actions.setActiveChatBottomSheetTab)(tab))
+    }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: [styles.headerTitle, hmsRoomStyles.headerTitle, isActive ? hmsRoomStyles.activeHeaderTitle : null]
+    }, tab, tab === 'Participants' && typeof peersCount === 'number' ? ` (${peersCount})` : null));
+  })), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: onClosePress
+  }, /*#__PURE__*/React.createElement(_Icons.CloseIcon, null)));
+};
+const styles = _reactNative.StyleSheet.create({
+  tabsHeader: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginTop: 4
+  },
+  headerTitleWrapper: {
+    flex: 1,
+    flexDirection: 'row',
+    padding: 4,
+    borderRadius: 8,
+    backgroundColor: _theme.COLORS.SURFACE.DEFAULT,
+    marginRight: 16
+  },
+  tab: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 8,
+    borderRadius: 4
+  },
+  headerTitle: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    textAlign: 'center'
+  }
+});
+const ChatAndParticipantsHeader = /*#__PURE__*/React.memo(_ChatAndParticipantsHeader);
+exports.ChatAndParticipantsHeader = ChatAndParticipantsHeader;
+//# sourceMappingURL=ChatAndParticipantsHeader.js.map

package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_Icons","_hooksUtil","_theme","_types","_actions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatAndParticipantsHeader","_ref","onClosePress","dispatch","useDispatch","peersCount","useSelector","state","_state$hmsStates$room","hmsStates","room","peerCount","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","tab","backgroundColor","palette","surface_bright","headerTitle","color","on_surface_low","fontFamily","font_family","activeHeaderTitle","on_surface_high","activeChatBottomSheetTab","app","canShowParticipants","canShowChat","overlayChatLayout","useShowChatAndParticipants","visibleChatBottomSheetTabs","ChatBottomSheetTabs","filter","createElement","View","style","length","styles","tabsHeader","header","Text","headerTitleWrapper","map","isActive","TouchableOpacity","onPress","setActiveChatBottomSheetTab","CloseIcon","StyleSheet","create","flexDirection","alignItems","justifyContent","marginTop","flex","padding","borderRadius","COLORS","SURFACE","DEFAULT","marginRight","fontSize","lineHeight","letterSpacing","textAlign","ChatAndParticipantsHeader","memo","exports"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsHeader.tsx"],"mappings":"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"}

package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsView.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatAndParticipantsView = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+var _ChatAndParticipantsHeader = require("./ChatAndParticipantsHeader");
+var _ChatFilterBottomSheetView = require("../Chat/ChatFilterBottomSheetView");
+var _ParticipantsView = require("./ParticipantsView");
+var _ChatView = require("./ChatView");
+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 _ChatAndParticipantsView = () => {
+  const activeChatBottomSheetTab = (0, _reactRedux.useSelector)(state => state.app.activeChatBottomSheetTab);
+  const {
+    hide,
+    canShowParticipants,
+    canShowChat,
+    overlayChatLayout
+  } = (0, _hooksUtil.useShowChatAndParticipants)();
+  const closeBottomSheet = () => hide('modal');
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    contentContainer: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
+  const showParticipants = activeChatBottomSheetTab === 'Participants' && canShowParticipants;
+  const showChat = activeChatBottomSheetTab === 'Chat' && canShowChat && !overlayChatLayout;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.contentContainer, hmsRoomStyles.contentContainer, showParticipants ? styles.participantsContainer : null]
+  }, /*#__PURE__*/React.createElement(_ChatAndParticipantsHeader.ChatAndParticipantsHeader, {
+    onClosePress: closeBottomSheet
+  }), showParticipants ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.participantsWrapper
+  }, /*#__PURE__*/React.createElement(_ParticipantsView.ParticipantsView, null)) : showChat ? /*#__PURE__*/React.createElement(_ChatView.ChatView, null) : null), /*#__PURE__*/React.createElement(_ChatFilterBottomSheetView.ChatFilterBottomSheetView, null));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    position: 'relative'
+  },
+  contentContainer: {
+    flex: 1,
+    paddingHorizontal: 16,
+    paddingTop: 12,
+    paddingBottom: 32,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16
+  },
+  participantsContainer: {
+    paddingBottom: 0
+  },
+  participantsWrapper: {
+    flex: 1,
+    marginTop: 16
+  }
+});
+const ChatAndParticipantsView = /*#__PURE__*/React.memo(_ChatAndParticipantsView);
+exports.ChatAndParticipantsView = ChatAndParticipantsView;
+//# sourceMappingURL=ChatAndParticipantsView.js.map

package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_hooksUtil","_ChatAndParticipantsHeader","_ChatFilterBottomSheetView","_ParticipantsView","_ChatView","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatAndParticipantsView","activeChatBottomSheetTab","useSelector","state","app","hide","canShowParticipants","canShowChat","overlayChatLayout","useShowChatAndParticipants","closeBottomSheet","hmsRoomStyles","useHMSRoomStyleSheet","theme","contentContainer","backgroundColor","palette","surface_dim","showParticipants","showChat","createElement","View","style","styles","container","participantsContainer","ChatAndParticipantsHeader","onClosePress","participantsWrapper","ParticipantsView","ChatView","ChatFilterBottomSheetView","StyleSheet","create","flex","position","paddingHorizontal","paddingTop","paddingBottom","borderTopLeftRadius","borderTopRightRadius","marginTop","ChatAndParticipantsView","memo","exports"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsView.tsx"],"mappings":"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"}

package/lib/commonjs/components/ChatAndParticipants/ChatView.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatView = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+var _ChatList = require("../Chat/ChatList");
+var _HMSSendMessageInput = require("../HMSSendMessageInput");
+var _ChatFilterBottomSheetOpener = require("../Chat/ChatFilterBottomSheetOpener");
+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 _ChatView = () => {
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    input: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.surface_default
+    }
+  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ChatList.ChatList, null), /*#__PURE__*/React.createElement(_ChatFilterBottomSheetOpener.ChatFilterBottomSheetOpener, null), /*#__PURE__*/React.createElement(_HMSSendMessageInput.HMSSendMessageInput, {
+    containerStyle: [styles.input, hmsRoomStyles.input]
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  input: {
+    flex: 0,
+    height: 40,
+    marginHorizontal: 0,
+    marginTop: 0,
+    marginBottom: 0
+  }
+});
+const ChatView = /*#__PURE__*/React.memo(_ChatView);
+exports.ChatView = ChatView;
+//# sourceMappingURL=ChatView.js.map

package/lib/commonjs/components/ChatAndParticipants/ChatView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_ChatList","_HMSSendMessageInput","_ChatFilterBottomSheetOpener","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatView","hmsRoomStyles","useHMSRoomStyleSheet","theme","input","backgroundColor","palette","surface_default","borderColor","createElement","Fragment","ChatList","ChatFilterBottomSheetOpener","HMSSendMessageInput","containerStyle","styles","StyleSheet","create","flex","height","marginHorizontal","marginTop","marginBottom","ChatView","memo","exports"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAL,OAAA;AAAkF,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;AAIlF,MAAMW,SAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,aAAa,GAAG,IAAAC,+BAAoB,EAAEC,KAAK,KAAM;IACrDC,KAAK,EAAE;MACLC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC,eAAe;MAC9CC,WAAW,EAAEL,KAAK,CAACG,OAAO,CAACC;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACErC,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAAwC,QAAA,qBACExC,KAAA,CAAAuC,aAAA,CAAClC,SAAA,CAAAoC,QAAQ,MAAE,CAAC,eAEZzC,KAAA,CAAAuC,aAAA,CAAChC,4BAAA,CAAAmC,2BAA2B,MAAE,CAAC,eAE/B1C,KAAA,CAAAuC,aAAA,CAACjC,oBAAA,CAAAqC,mBAAmB;IAClBC,cAAc,EAAE,CAACC,MAAM,CAACX,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,CACrD,CACD,CAAC;AAEP,CAAC;AAED,MAAMW,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,KAAK,EAAE;IACLc,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,CAAC;IACnBC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEK,MAAMC,QAAQ,gBAAGrD,KAAK,CAACsD,IAAI,CAACxB,SAAS,CAAC;AAACyB,OAAA,CAAAF,QAAA,GAAAA,QAAA"}

package/lib/commonjs/components/{Participants/SearchableParticipantsView.js → ChatAndParticipants/ParticipantsView.js}

@@ -3,25 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SearchableParticipantsView = void 0;
+exports.ParticipantsView = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
 var _hooksUtil = require("../../hooks-util");
-var _ParticipantsList = require("./ParticipantsList");
-var _ParticipantsSeachInput = require("./ParticipantsSeachInput");
+var _Participants = require("../Participants");
 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 SearchableParticipantsView = () => {
+const ParticipantsView = () => {
   const {
-    filteredParticipants,
+    data,
     searchText,
-    setSearchText
+    formattedSearchText,
+    setSearchText,
+    setExpandedGroups
   } = (0, _hooksUtil.useFilteredParticipants)();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ParticipantsSeachInput.ParticipantsSearchInput, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Participants.ParticipantsSearchInput, {
     searchText: searchText,
     setSearchText: setSearchText
-  }), /*#__PURE__*/React.createElement(_ParticipantsList.ParticipantsList, {
-    data: filteredParticipants
-  }));
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.listWrapper
+  }, /*#__PURE__*/React.createElement(_Participants.ParticipantsList, {
+    data: data,
+    setExpandedGroups: setExpandedGroups,
+    searchTextExists: formattedSearchText.length > 0
+  })));
 };
-exports.SearchableParticipantsView = SearchableParticipantsView;
-//# sourceMappingURL=SearchableParticipantsView.js.map
+exports.ParticipantsView = ParticipantsView;
+const styles = _reactNative.StyleSheet.create({
+  listWrapper: {
+    flex: 1,
+    marginTop: 8
+  }
+});
+//# sourceMappingURL=ParticipantsView.js.map

package/lib/commonjs/components/ChatAndParticipants/ParticipantsView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_Participants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ParticipantsView","data","searchText","formattedSearchText","setSearchText","setExpandedGroups","useFilteredParticipants","createElement","Fragment","ParticipantsSearchInput","View","style","styles","listWrapper","ParticipantsList","searchTextExists","length","exports","StyleSheet","create","flex","marginTop"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ParticipantsView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAA4E,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;AAIrE,MAAMW,gBAAiD,GAAGA,CAAA,KAAM;EACrE,MAAM;IACJC,IAAI;IACJC,UAAU;IACVC,mBAAmB;IACnBC,aAAa;IACbC;EACF,CAAC,GAAG,IAAAC,kCAAuB,EAAC,CAAC;EAE7B,oBACElC,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,qBACEpC,KAAA,CAAAmC,aAAA,CAAC9B,aAAA,CAAAgC,uBAAuB;IACtBP,UAAU,EAAEA,UAAW;IACvBE,aAAa,EAAEA;EAAc,CAC9B,CAAC,eAEFhC,KAAA,CAAAmC,aAAA,CAAChC,YAAA,CAAAmC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAY,gBAC9BzC,KAAA,CAAAmC,aAAA,CAAC9B,aAAA,CAAAqC,gBAAgB;IACfb,IAAI,EAAEA,IAAK;IACXI,iBAAiB,EAAEA,iBAAkB;IACrCU,gBAAgB,EAAEZ,mBAAmB,CAACa,MAAM,GAAG;EAAE,CAClD,CACG,CACN,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA;AAEF,MAAMY,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,WAAW,EAAE;IACXO,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/commonjs/components/ChatAndParticipants/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChatAndParticipantsBottomSheet = require("./ChatAndParticipantsBottomSheet");
+Object.keys(_ChatAndParticipantsBottomSheet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChatAndParticipantsBottomSheet[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChatAndParticipantsBottomSheet[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/ChatAndParticipants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ChatAndParticipantsBottomSheet","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/index.ts"],"mappings":";;;;;AAAA,IAAAA,+BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,+BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,+BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,+BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/components/CompanyLogo.js

@@ -10,13 +10,14 @@ var _hooksUtil = require("../hooks-util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 CompanyLogo = _ref => {
-  var _layoutConfig$logo;
   let {
     style,
     ...restProps
   } = _ref;
-  const layoutConfig = (0, _hooksUtil.useHMSLayoutConfig)();
-  const logoSource = layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$logo = layoutConfig.logo) === null || _layoutConfig$logo === void 0 ? void 0 : _layoutConfig$logo.url;
+  const logoSource = (0, _hooksUtil.useHMSLayoutConfig)(layoutConfig => {
+    var _layoutConfig$logo;
+    return layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$logo = layoutConfig.logo) === null || _layoutConfig$logo === void 0 ? void 0 : _layoutConfig$logo.url;
+  });
   if (!logoSource) {
     return null;
   }
@@ -30,7 +31,7 @@ const CompanyLogo = _ref => {
 exports.CompanyLogo = CompanyLogo;
 const styles = _reactNative.StyleSheet.create({
   icon: {
-    width: '100%',
+    aspectRatio: 1,
     height: 32,
     resizeMode: 'contain'
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CompanyLogo","_ref","_layoutConfig$logo","style","restProps","layoutConfig","useHMSLayoutConfig","logoSource","logo","url","createElement","Image","uri","styles","icon","exports","StyleSheet","create","width","height","resizeMode"],"sourceRoot":"../../../src","sources":["components/CompanyLogo.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,WAAuC,GAAGC,IAAA,IAGjD;EAAA,IAAAC,kBAAA;EAAA,IAHkD;IACtDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAMI,YAAY,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAEzC,MAAMC,UAAU,GAAGF,YAAY,aAAZA,YAAY,gBAAAH,kBAAA,GAAZG,YAAY,CAAEG,IAAI,cAAAN,kBAAA,uBAAlBA,kBAAA,CAAoBO,GAAG;EAC1C,IAAI,CAACF,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE7B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAE;MAAEkB,GAAG,EAAEL;IAAW,CAAE;IAC5BJ,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAEX,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAf,WAAA,GAAAA,WAAA;AAEF,MAAMa,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CompanyLogo","_ref","style","restProps","logoSource","useHMSLayoutConfig","layoutConfig","_layoutConfig$logo","logo","url","createElement","Image","uri","styles","icon","exports","StyleSheet","create","aspectRatio","height","resizeMode"],"sourceRoot":"../../../src","sources":["components/CompanyLogo.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAI5C,MAAMQ,WAAuC,GAAGC,IAAA,IAGjD;EAAA,IAHkD;IACtDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAG,IAAAC,6BAAkB,EAClCC,YAAY;IAAA,IAAAC,kBAAA;IAAA,OAAKD,YAAY,aAAZA,YAAY,gBAAAC,kBAAA,GAAZD,YAAY,CAAEE,IAAI,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAoBE,GAAG;EAAA,CAC3C,CAAC;EAED,IAAI,CAACL,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE1B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAA8B,KAAK,EAAAzB,QAAA;IACJQ,MAAM,EAAE;MAAEkB,GAAG,EAAER;IAAW,CAAE;IAC5BF,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEZ,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAACY,OAAA,CAAAf,WAAA,GAAAA,WAAA;AAEF,MAAMa,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/commonjs/components/DefaultModal.js

@@ -7,10 +7,10 @@ exports.DefaultModal = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
-var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _theme = require("../utils/theme");
 var _CustomButton = require("./CustomButton");
+var _Icons = require("../Icons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const DefaultModal = _ref => {
   let {
@@ -54,11 +54,7 @@ const DefaultModal = _ref => {
   }, modalPosiion === 'flex-end' && /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
     onPress: setModalVisible,
     viewStyle: styles.crossButton,
-    LeftIcon: /*#__PURE__*/_react.default.createElement(_MaterialCommunityIcons.default, {
-      name: "close",
-      style: styles.crossButtonIcon,
-      size: 24
-    })
+    LeftIcon: /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, null))
   }), children));
 };
 exports.DefaultModal = DefaultModal;