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

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

@@ -6,170 +6,69 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChatMessage = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeHms = require("@100mslive/react-native-hms");
-var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
-var _reactRedux = require("react-redux");
-var _CustomButton = require("../CustomButton");
-var _AvatarView = require("../AvatarView");
-var _theme = require("../../utils/theme");
+var _hooksUtil = require("../../hooks-util");
 var _functions = require("../../utils/functions");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const _ChatMessage = _ref => {
-  var _messageRecipient$rec;
   let {
     message
   } = _ref;
-  const hmsSessionStore = (0, _reactRedux.useSelector)(state => state.user.hmsSessionStore);
-  const pinMessage = async () => {
-    // If instance of HMSSessionStore is available
-    if (hmsSessionStore) {
-      try {
-        var _message$sender;
-        const formattedMessage = `${((_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.name) || 'Anonymous'}: ${message.message}`;
-
-        // set `formattedMessage` on `session` with key 'pinnedMessage'
-        const response = await hmsSessionStore.set(formattedMessage, 'pinnedMessage');
-        console.log('setSessionMetaData Response -> ', response);
-      } catch (error) {
-        console.log('setSessionMetaData Error -> ', error);
-      }
-    }
-  };
   const messageSender = message.sender;
-  const isMessageSenderLocal = messageSender === null || messageSender === void 0 ? void 0 : messageSender.isLocal;
-  const messageRecipient = message.recipient;
-  const isBroadcastMessage = messageRecipient.recipientType === _reactNativeHms.HMSMessageRecipientType.BROADCAST;
-  const isPrivatePeerMessage = messageRecipient.recipientType === _reactNativeHms.HMSMessageRecipientType.PEER;
-  const isPrivateRoleMessage = messageRecipient.recipientType === _reactNativeHms.HMSMessageRecipientType.ROLES;
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    senderName: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    message: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    time: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }), []);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.message, isBroadcastMessage ? null : styles.privateMessage]
+    style: styles.container
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.messageHeader, isMessageSenderLocal ? styles.localMessageHeader : null]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.headingLeftContainer
-  }, /*#__PURE__*/React.createElement(_AvatarView.AvatarView, {
-    userName: (messageSender === null || messageSender === void 0 ? void 0 : messageSender.name) || '',
-    style: styles.messageAvatar,
-    initialsStyle: styles.messageAvatarText
-  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.senderName,
-    numberOfLines: 1,
-    ellipsizeMode: "middle"
-  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.messageTime
-  }, (0, _functions.getTimeStringin12HourFormat)(message.time))), isBroadcastMessage ? /*#__PURE__*/React.createElement(_CustomButton.CustomButton, {
-    onPress: pinMessage,
-    viewStyle: [styles.pinIconContainer, isMessageSenderLocal ? styles.localMsgPinIconContainer : null],
-    LeftIcon: /*#__PURE__*/React.createElement(_MaterialCommunityIcons.default, {
-      style: styles.pinIcon,
-      size: 24,
-      name: "pin-outline"
-    })
-  }) : /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.privateRecipientTypeContainer
+    style: [styles.nameWrapper]
   }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.private,
-    numberOfLines: 1,
-    ellipsizeMode: "middle"
-  }, isPrivatePeerMessage ? `${isMessageSenderLocal ? 'TO ' + ((_messageRecipient$rec = messageRecipient.recipientPeer) === null || _messageRecipient$rec === void 0 ? void 0 : _messageRecipient$rec.name) : 'TO YOU'} | PRIVATE` : null, isPrivateRoleMessage && messageRecipient.recipientRoles.length > 0 ? messageRecipient.recipientRoles[0].name : null))), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.messageText, isMessageSenderLocal ? styles.messageTextRightAlign : null],
-    numberOfLines: 3
+    style: [styles.senderName, hmsRoomStyles.senderName],
+    numberOfLines: 1
+  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.time, hmsRoomStyles.time]
+  }, (0, _functions.getTimeStringin12HourFormat)(message.time))), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.message, hmsRoomStyles.message]
   }, message.message));
 };
-const ChatMessage = /*#__PURE__*/React.memo(_ChatMessage);
-exports.ChatMessage = ChatMessage;
+const ChatMessage = exports.ChatMessage = /*#__PURE__*/React.memo(_ChatMessage);
 const styles = _reactNative.StyleSheet.create({
-  message: {
-    padding: 8,
-    borderRadius: 8,
+  container: {
     marginTop: 16,
+    padding: 8,
     width: '100%'
   },
-  privateMessage: {
-    backgroundColor: _theme.COLORS.SURFACE.LIGHT
-  },
-  messageHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 8,
-    justifyContent: 'space-between'
-  },
-  localMessageHeader: {
-    flexDirection: 'row-reverse'
-  },
-  headingLeftContainer: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  messageAvatar: {
-    width: 24,
-    height: 24,
-    borderRadius: 12
-  },
-  messageAvatarText: {
-    fontSize: 10,
-    lineHeight: undefined
-  },
-  privateRecipientTypeContainer: {
+  nameWrapper: {
     flexDirection: 'row',
-    alignItems: 'center',
-    borderWidth: 1,
-    borderRadius: 4,
-    borderColor: _theme.COLORS.BORDER.LIGHT,
-    justifyContent: 'center',
-    padding: 4,
-    flexShrink: 1,
-    marginLeft: 8
-  },
-  private: {
-    fontFamily: 'Inter-Medium',
-    fontSize: 10,
-    lineHeight: 16,
-    letterSpacing: 1.5,
-    color: _theme.COLORS.TEXT.HIGH_EMPHASIS,
-    textTransform: 'uppercase'
+    alignItems: 'flex-end'
   },
   senderName: {
-    fontFamily: 'Inter',
-    fontWeight: '600',
     fontSize: 14,
-    lineHeight: 20,
-    letterSpacing: 0.1,
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
-    textTransform: 'capitalize',
-    marginHorizontal: 8
+    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.1
   },
-  messageTime: {
-    fontFamily: 'Inter',
-    fontWeight: '400',
+  time: {
     fontSize: 12,
     lineHeight: 16,
     letterSpacing: 0.4,
-    color: _theme.COLORS.SURFACE.ON_SURFACE.LOW
+    marginLeft: 4
   },
-  messageText: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+  message: {
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    lineHeight: 20,
-    letterSpacing: 0.25
-  },
-  messageTextRightAlign: {
-    textAlign: 'right'
-  },
-  pinIcon: {
-    color: _theme.COLORS.WHITE
-  },
-  pinIconContainer: {
-    flex: 1,
-    height: '100%',
-    justifyContent: 'flex-end'
-  },
-  localMsgPinIconContainer: {
-    justifyContent: 'flex-start'
+    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25,
+    marginTop: 8
   }
 });
 //# sourceMappingURL=ChatMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHms","_MaterialCommunityIcons","_interopRequireDefault","_reactRedux","_CustomButton","_AvatarView","_theme","_functions","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_ChatMessage","_ref","_messageRecipient$rec","message","hmsSessionStore","useSelector","state","user","pinMessage","_message$sender","formattedMessage","sender","name","response","console","log","error","messageSender","isMessageSenderLocal","isLocal","messageRecipient","recipient","isBroadcastMessage","recipientType","HMSMessageRecipientType","BROADCAST","isPrivatePeerMessage","PEER","isPrivateRoleMessage","ROLES","createElement","View","style","styles","privateMessage","messageHeader","localMessageHeader","headingLeftContainer","AvatarView","userName","messageAvatar","initialsStyle","messageAvatarText","Text","senderName","numberOfLines","ellipsizeMode","messageTime","getTimeStringin12HourFormat","time","CustomButton","onPress","viewStyle","pinIconContainer","localMsgPinIconContainer","LeftIcon","pinIcon","size","privateRecipientTypeContainer","private","recipientPeer","recipientRoles","length","messageText","messageTextRightAlign","ChatMessage","memo","exports","StyleSheet","create","padding","borderRadius","marginTop","width","backgroundColor","COLORS","SURFACE","LIGHT","flexDirection","alignItems","marginBottom","justifyContent","height","fontSize","lineHeight","undefined","borderWidth","borderColor","BORDER","flexShrink","marginLeft","fontFamily","letterSpacing","color","TEXT","HIGH_EMPHASIS","textTransform","fontWeight","ON_SURFACE","HIGH","marginHorizontal","LOW","textAlign","WHITE","flex"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_functions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ChatMessage","_ref","message","messageSender","sender","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","senderName","color","palette","on_surface_high","fontFamily","font_family","time","on_surface_medium","createElement","View","style","styles","container","nameWrapper","Text","numberOfLines","isLocal","name","getTimeStringin12HourFormat","ChatMessage","exports","memo","StyleSheet","create","marginTop","padding","width","flexDirection","alignItems","fontSize","lineHeight","Platform","OS","undefined","letterSpacing","marginLeft"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"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"}

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 }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _hooksUtil = require("../../hooks-util");
+var _Icons = require("../../Icons");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AAA+C,SAAAI,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,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,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,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,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAExC,MAAMW,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAMC,aAAa,GAAG,IAAAC,uBAAW,EAC9BC,KAAgB,IAAKA,KAAK,CAACC,QAAQ,CAACH,aACvC,CAAC;EACD,MAAMI,eAAe,GAAG,IAAAH,uBAAW,EAChCC,KAAgB,IAAKA,KAAK,CAACG,IAAI,CAACD,eACnC,CAAC;EAED,MAAME,mBAAmB,GAAGtC,KAAK,CAACuC,WAAW,CAAC,YAAY;IACxD;IACA,IAAIH,eAAe,EAAE;MACnB,IAAI;QACF;QACA,MAAMI,QAAQ,GAAG,MAAMJ,eAAe,CAACN,GAAG,CAAC,IAAI,EAAE,eAAe,CAAC;QACjEW,OAAO,CAACC,GAAG,CAAC,iCAAiC,EAAEF,QAAQ,CAAC;MAC1D,CAAC,CAAC,OAAOG,KAAK,EAAE;QACdF,OAAO,CAACC,GAAG,CAAC,8BAA8B,EAAEC,KAAK,CAAC;MACpD;IACF;EACF,CAAC,EAAE,CAACP,eAAe,CAAC,CAAC;EAErB,IAAI,CAACJ,aAAa,IAAIA,aAAa,CAACY,MAAM,IAAI,CAAC,EAAE;IAC/C,OAAO,IAAI;EACb;EAEA,oBACE5C,KAAA,CAAA6C,aAAA,CAAC1C,YAAA,CAAA2C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAAChB;EAAc,gBAChChC,KAAA,CAAA6C,aAAA,CAAC1C,YAAA,CAAA2C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAoB,gBACtCjD,KAAA,CAAA6C,aAAA,CAACxC,uBAAA,CAAAM,OAAsB;IACrBoC,KAAK,EAAEC,MAAM,CAACE,UAAW;IACzBC,IAAI,EAAE,EAAG;IACTC,IAAI,EAAC;EAAa,CACnB,CACG,CAAC,eACPpD,KAAA,CAAA6C,aAAA,CAAC1C,YAAA,CAAA2C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACK;EAAoB,gBACtCrD,KAAA,CAAA6C,aAAA,CAAC1C,YAAA,CAAAmD,IAAI;IAACP,KAAK,EAAEC,MAAM,CAACO;EAAW,GAAEvB,aAAoB,CACjD,CAAC,eACPhC,KAAA,CAAA6C,aAAA,CAACrC,aAAA,CAAAgD,YAAY;IACXC,OAAO,EAAEnB,mBAAoB;IAC7BoB,SAAS,EAAEV,MAAM,CAACC,mBAAoB;IACtCU,QAAQ,eACN3D,KAAA,CAAA6C,aAAA,CAACxC,uBAAA,CAAAM,OAAsB;MACrBoC,KAAK,EAAEC,MAAM,CAACE,UAAW;MACzBC,IAAI,EAAE,EAAG;MACTC,IAAI,EAAC;IAAO,CACb;EACF,CACF,CACG,CAAC;AAEX,CAAC;AAACQ,OAAA,CAAA7B,aAAA,GAAAA,aAAA;AAEF,MAAMiB,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/B9B,aAAa,EAAE;IACb+B,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEC,aAAM,CAACC,OAAO,CAACC,KAAK;IACrCC,YAAY,EAAE;EAChB,CAAC;EACDpB,UAAU,EAAE;IACVqB,KAAK,EAAEJ,aAAM,CAACK,IAAI,CAACC;EACrB,CAAC;EACDxB,mBAAmB,EAAE;IACnByB,KAAK,EAAE,EAAE;IACTX,MAAM,EAAE,MAAM;IACdE,UAAU,EAAE,QAAQ;IACpBU,cAAc,EAAE;EAClB,CAAC;EACDtB,mBAAmB,EAAE;IACnBuB,IAAI,EAAE;EACR,CAAC;EACDrB,UAAU,EAAE;IACVsB,UAAU,EAAE,eAAe;IAC3BC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBT,KAAK,EAAEJ,aAAM,CAACK,IAAI,CAACS;EACrB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_hooksUtil","_Icons","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","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,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEnC,MAAMY,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,oBACEnC,KAAA,CAAAsC,aAAA,CAACjC,YAAA,CAAAkC,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,gBAEF/C,KAAA,CAAAsC,aAAA,CAAC/B,wBAAA,CAAAyC,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 _types = require("../../utils/types");
+var _actions = require("../../redux/actions");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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) => ({
+    headerTitleWrapper: {
+      backgroundColor: theme.palette.surface_default
+    },
+    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, hmsRoomStyles.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,
+    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 = exports.ChatAndParticipantsHeader = /*#__PURE__*/React.memo(_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","_types","_actions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ChatAndParticipantsHeader","_ref","onClosePress","dispatch","useDispatch","peersCount","useSelector","state","_state$hmsStates$room","hmsStates","room","peerCount","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","headerTitleWrapper","backgroundColor","palette","surface_default","tab","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","map","isActive","TouchableOpacity","key","onPress","setActiveChatBottomSheetTab","CloseIcon","StyleSheet","create","flexDirection","alignItems","justifyContent","marginTop","flex","padding","borderRadius","marginRight","fontSize","lineHeight","letterSpacing","textAlign","ChatAndParticipantsHeader","exports","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsHeader.tsx"],"mappings":"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"}