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

package/lib/commonjs/components/Participants/ParticipantsAccordian.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsAccordian = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ParticipantsGroupHeader = require("./ParticipantsGroupHeader");
+var _hooksUtil = require("../../hooks-util");
+var _ParticipantsGroupFooter = require("./ParticipantsGroupFooter");
+var _ParticipantsAccordianExpanded = require("./ParticipantsAccordianExpanded");
+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 ParticipantsAccordian = _ref => {
+  let {
+    open,
+    data,
+    showViewAll = false,
+    toggle,
+    onViewAllPress
+  } = _ref;
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      borderColor: theme.palette.border_bright
+    },
+    label: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    menu: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.border_bright
+    }
+  }));
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(_ParticipantsGroupHeader.ParticipantsGroupHeader, {
+    id: data.id,
+    label: data.label,
+    expanded: open,
+    toggleExpanded: toggle
+  }), open ? /*#__PURE__*/React.createElement(_ParticipantsAccordianExpanded.ParticipantsAccordianExpanded, {
+    id: data.id,
+    data: data.data
+  }) : null, open && showViewAll ? /*#__PURE__*/React.createElement(_ParticipantsGroupFooter.ParticipantsGroupFooter, {
+    groupId: data.id,
+    onViewAllPress: onViewAllPress
+  }) : null);
+};
+exports.ParticipantsAccordian = ParticipantsAccordian;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginTop: 16,
+    borderWidth: 1,
+    borderRadius: 8,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=ParticipantsAccordian.js.map

package/lib/commonjs/components/Participants/ParticipantsAccordian.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_ParticipantsGroupHeader","_hooksUtil","_ParticipantsGroupFooter","_ParticipantsAccordianExpanded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ParticipantsAccordian","_ref","open","data","showViewAll","toggle","onViewAllPress","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","container","borderColor","palette","border_bright","label","color","on_surface_medium","fontFamily","font_family","menu","backgroundColor","surface_default","createElement","View","style","styles","ParticipantsGroupHeader","id","expanded","toggleExpanded","ParticipantsAccordianExpanded","ParticipantsGroupFooter","groupId","exports","StyleSheet","create","marginTop","borderWidth","borderRadius","overflow"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsAccordian.tsx"],"mappings":"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"}

package/lib/commonjs/components/Participants/ParticipantsAccordianExpanded.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsAccordianExpanded = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _ParticipantsItem = require("./ParticipantsItem");
+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 ParticipantsAccordianExpanded = _ref => {
+  let {
+    id,
+    data
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(participant => {
+    return /*#__PURE__*/React.createElement(_ParticipantsItem.ParticipantsItem, {
+      key: participant.peerID,
+      groupId: id,
+      data: participant
+    });
+  }));
+};
+exports.ParticipantsAccordianExpanded = ParticipantsAccordianExpanded;
+//# sourceMappingURL=ParticipantsAccordianExpanded.js.map

package/lib/commonjs/components/Participants/ParticipantsAccordianExpanded.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_ParticipantsItem","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ParticipantsAccordianExpanded","_ref","id","data","createElement","Fragment","map","participant","ParticipantsItem","key","peerID","groupId","exports"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsAccordianExpanded.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAD,OAAA;AAAsD,SAAAE,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,SAAAJ,wBAAAI,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;AAO/C,MAAMY,6BAEZ,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC,EAAE;IAAEC;EAAK,CAAC,GAAAF,IAAA;EACf,oBACE1B,KAAA,CAAA6B,aAAA,CAAA7B,KAAA,CAAA8B,QAAA,QACGF,IAAI,CAACG,GAAG,CAAEC,WAAW,IAAK;IACzB,oBACEhC,KAAA,CAAA6B,aAAA,CAAC1B,iBAAA,CAAA8B,gBAAgB;MACfC,GAAG,EAAEF,WAAW,CAACG,MAAO;MACxBC,OAAO,EAAET,EAAG;MACZC,IAAI,EAAEI;IAAY,CACnB,CAAC;EAEN,CAAC,CACD,CAAC;AAEP,CAAC;AAACK,OAAA,CAAAZ,6BAAA,GAAAA,6BAAA"}

package/lib/commonjs/components/Participants/ParticipantsGroupFooter.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsGroupFooter = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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 _ParticipantsGroupFooter = _ref => {
+  let {
+    groupId,
+    onViewAllPress
+  } = _ref;
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      borderTopColor: theme.palette.border_bright
+    },
+    label: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  const handleViewAllPress = () => {
+    onViewAllPress(groupId);
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.viewAllAction],
+    onPress: handleViewAllPress
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.label, hmsRoomStyles.label]
+  }, "View All"), /*#__PURE__*/React.createElement(_Icons.ChevronIcon, {
+    direction: "right"
+  })));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderTopWidth: 1
+  },
+  label: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    marginRight: 4
+  },
+  viewAllAction: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+const ParticipantsGroupFooter = exports.ParticipantsGroupFooter = /*#__PURE__*/React.memo(_ParticipantsGroupFooter);
+//# sourceMappingURL=ParticipantsGroupFooter.js.map

package/lib/commonjs/components/Participants/ParticipantsGroupFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_Icons","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ParticipantsGroupFooter","_ref","groupId","onViewAllPress","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","container","borderTopColor","palette","border_bright","label","color","on_surface_high","fontFamily","font_family","handleViewAllPress","createElement","View","style","styles","TouchableOpacity","viewAllAction","onPress","Text","ChevronIcon","direction","StyleSheet","create","flexDirection","justifyContent","paddingVertical","paddingHorizontal","borderTopWidth","fontSize","lineHeight","letterSpacing","marginRight","alignItems","ParticipantsGroupFooter","exports","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsGroupFooter.tsx"],"mappings":"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"}

package/lib/commonjs/components/Participants/ParticipantsGroupHeader.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsGroupHeader = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+var _Icons = require("../../Icons");
+var _MenuModal = require("../MenuModal");
+var _ParticipantsGroupOptions = require("./ParticipantsGroupOptions");
+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; }
+// import { useSelector } from 'react-redux';
+
+// import type { HMSRole } from '@100mslive/react-native-hms';
+
+// import type { RootState } from '../../redux';
+// import { isParticipantHostOrBroadcaster } from '../../utils/functions';
+const _ParticipantsGroupHeader = _ref => {
+  let {
+    id,
+    label,
+    expanded,
+    onBackPress,
+    toggleExpanded
+  } = _ref;
+  // const selfHostOrBroadcaster = useSelector((state: RootState) => {
+  //   const selfRole = state.hmsStates.localPeer?.role;
+  //   return selfRole && isParticipantHostOrBroadcaster(selfRole);
+  // });
+
+  const [optionsVisible, setOptionsVisible] = React.useState(false);
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      borderColor: theme.palette.border_bright
+    },
+    label: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    menu: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.border_bright
+    }
+  }));
+  const show3Dots = false;
+  // const show3Dots =
+  //   selfHostOrBroadcaster &&
+  //   ('role' in data
+  //     ? !isParticipantHostOrBroadcaster(data.role)
+  //     : data.id === 'hand-raised');
+
+  const showOptions = () => setOptionsVisible(true);
+  const hideOptions = () => setOptionsVisible(false);
+  const toggleGroupExpand = toggleExpanded ? () => {
+    toggleExpanded(expanded ? null : id);
+  } : null;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, expanded ? styles.expandedContainer : null, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, onBackPress ? /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: {
+      marginRight: 8
+    },
+    onPress: onBackPress
+  }, /*#__PURE__*/React.createElement(_Icons.ChevronIcon, {
+    direction: "left"
+  })) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.label, hmsRoomStyles.label]
+  }, label)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.controls
+  }, show3Dots ? /*#__PURE__*/React.createElement(_MenuModal.Menu, {
+    visible: optionsVisible,
+    onRequestClose: hideOptions,
+    anchor: /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+      style: styles.control,
+      onPress: showOptions
+    }, /*#__PURE__*/React.createElement(_Icons.ThreeDotsIcon, {
+      stack: "vertical"
+    })),
+    style: {
+      ...styles.menu,
+      ...hmsRoomStyles.menu
+    }
+  }, /*#__PURE__*/React.createElement(_ParticipantsGroupOptions.ParticipantsGroupOptions, null)) : null, toggleGroupExpand ? /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.control, expanded ? styles.expandedArrowIcon : null],
+    onPress: toggleGroupExpand
+  }, /*#__PURE__*/React.createElement(_Icons.ChevronIcon, {
+    direction: "down"
+  })) : null));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    justifyContent: 'space-between'
+  },
+  label: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1
+  },
+  expandedContainer: {
+    borderBottomWidth: 1
+  },
+  controls: {
+    flexDirection: 'row'
+  },
+  control: {
+    marginLeft: 16
+  },
+  expandedArrowIcon: {
+    transform: [{
+      rotateZ: '180deg'
+    }]
+  },
+  menu: {
+    borderWidth: 1,
+    borderRadius: 8,
+    backgroundColor: 'transparent'
+  }
+});
+const ParticipantsGroupHeader = exports.ParticipantsGroupHeader = /*#__PURE__*/React.memo(_ParticipantsGroupHeader);
+//# sourceMappingURL=ParticipantsGroupHeader.js.map

package/lib/commonjs/components/Participants/ParticipantsGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_Icons","_MenuModal","_ParticipantsGroupOptions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ParticipantsGroupHeader","_ref","id","label","expanded","onBackPress","toggleExpanded","optionsVisible","setOptionsVisible","useState","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","container","borderColor","palette","border_bright","color","on_surface_medium","fontFamily","font_family","menu","backgroundColor","surface_default","show3Dots","showOptions","hideOptions","toggleGroupExpand","createElement","View","style","styles","expandedContainer","flexDirection","alignItems","TouchableOpacity","marginRight","onPress","ChevronIcon","direction","Text","controls","Menu","visible","onRequestClose","anchor","control","ThreeDotsIcon","stack","ParticipantsGroupOptions","expandedArrowIcon","StyleSheet","create","paddingVertical","paddingHorizontal","justifyContent","fontSize","lineHeight","letterSpacing","borderBottomWidth","marginLeft","transform","rotateZ","borderWidth","borderRadius","ParticipantsGroupHeader","exports","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsGroupHeader.tsx"],"mappings":"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"}

package/lib/commonjs/components/Participants/ParticipantsGroupOptions.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsGroupOptions = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+var _Icons = require("../../Icons");
+var _ParticipantsItemOption = require("./ParticipantsItemOption");
+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 _ParticipantsGroupOptions = () => {
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    divider: {
+      backgroundColor: theme.palette.border_bright
+    }
+  }));
+  const handleBringOnStagePress = () => {};
+  const handleLowerHandPress = () => {};
+  const handleRemoveParticipantPress = () => {};
+  return /*#__PURE__*/React.createElement(React.Fragment, null, [{
+    id: 'bring-on-stage',
+    icon: /*#__PURE__*/React.createElement(_Icons.HandIcon, {
+      style: {
+        width: 20,
+        height: 20
+      }
+    }),
+    label: 'Bring on Stage',
+    pressHandler: handleBringOnStagePress,
+    isActive: false,
+    hide: false
+  }, {
+    id: 'lower-hand',
+    icon: /*#__PURE__*/React.createElement(_Icons.HandIcon, {
+      style: {
+        width: 20,
+        height: 20
+      }
+    }),
+    label: 'Lower Hand',
+    pressHandler: handleLowerHandPress,
+    isActive: false,
+    hide: false
+  }, {
+    id: 'remove-participant',
+    icon: /*#__PURE__*/React.createElement(_Icons.HandIcon, {
+      style: {
+        width: 20,
+        height: 20
+      }
+    }),
+    label: 'Remove Participant',
+    pressHandler: handleRemoveParticipantPress,
+    isActive: false,
+    hide: false
+  }].map((item, idx) => {
+    const isFirst = idx === 0;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: item.id
+    }, isFirst ? null : /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.divider, hmsRoomStyles.divider]
+    }), /*#__PURE__*/React.createElement(_ParticipantsItemOption.ParticipantsItemOption, {
+      label: item.label,
+      onPress: item.pressHandler,
+      icon: item.icon
+    }));
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  divider: {
+    height: 1,
+    width: '100%'
+  }
+});
+const ParticipantsGroupOptions = exports.ParticipantsGroupOptions = /*#__PURE__*/React.memo(_ParticipantsGroupOptions);
+//# sourceMappingURL=ParticipantsGroupOptions.js.map

package/lib/commonjs/components/Participants/ParticipantsGroupOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_Icons","_ParticipantsItemOption","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ParticipantsGroupOptions","hmsRoomStyles","useHMSRoomStyleSheet","theme","divider","backgroundColor","palette","border_bright","handleBringOnStagePress","handleLowerHandPress","handleRemoveParticipantPress","createElement","Fragment","id","icon","HandIcon","style","width","height","label","pressHandler","isActive","hide","map","item","idx","isFirst","key","View","styles","ParticipantsItemOption","onPress","StyleSheet","create","ParticipantsGroupOptions","exports","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsGroupOptions.tsx"],"mappings":"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"}

package/lib/commonjs/components/Participants/ParticipantsItem.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsItem = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactNative = require("react-native");
+var _functions = require("../../utils/functions");
+var _hooksUtil = require("../../hooks-util");
+var _Icons = require("../../Icons");
+var _MenuModal = require("../MenuModal");
+var _ParticipantsItemOptions = require("./ParticipantsItemOptions");
+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 _ParticipantsItem = _ref => {
+  var _peer$networkQuality;
+  let {
+    data: peer,
+    groupId
+  } = _ref;
+  const selfHostOrBroadcaster = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca;
+    const selfRole = (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.role;
+    return selfRole && (0, _functions.isParticipantHostOrBroadcaster)(selfRole);
+  });
+  const [optionsVisible, setOptionsVisible] = React.useState(false);
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      borderColor: theme.palette.border_bright
+    },
+    label: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    iconWrapper: {
+      backgroundColor: theme.palette.surface_bright
+    },
+    menu: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.border_bright
+    }
+  }));
+  const show3Dots = selfHostOrBroadcaster && !peer.isLocal;
+  const showOptions = () => setOptionsVisible(true);
+  const hideOptions = () => setOptionsVisible(false);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.label, hmsRoomStyles.label]
+  }, peer.name, peer.isLocal ? ' (You)' : null), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.controls
+  }, peer.isHandRaised ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.control, styles.iconWrapper, hmsRoomStyles.iconWrapper]
+  }, /*#__PURE__*/React.createElement(_Icons.HandIcon, {
+    style: styles.handIcon
+  })) : null, peer.networkQuality && peer.networkQuality.downlinkQuality >= 0 && peer.networkQuality.downlinkQuality < 4 ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.control, styles.iconWrapper, hmsRoomStyles.iconWrapper]
+  }, /*#__PURE__*/React.createElement(_Icons.NetworkQualityIcon, {
+    quality: (_peer$networkQuality = peer.networkQuality) === null || _peer$networkQuality === void 0 ? void 0 : _peer$networkQuality.downlinkQuality,
+    style: styles.networkIcon
+  })) : null, show3Dots ? /*#__PURE__*/React.createElement(_MenuModal.Menu, {
+    visible: optionsVisible,
+    onRequestClose: hideOptions,
+    anchor: /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+      style: styles.control,
+      onPress: showOptions
+    }, /*#__PURE__*/React.createElement(_Icons.ThreeDotsIcon, {
+      stack: "vertical"
+    })),
+    style: {
+      ...styles.menu,
+      ...hmsRoomStyles.menu
+    }
+  }, /*#__PURE__*/React.createElement(_ParticipantsItemOptions.ParticipantsItemOptions, {
+    peer: peer,
+    onItemPress: hideOptions,
+    insideHandRaiseGroup: groupId === 'hand-raised'
+  })) : null));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    // borderLeftWidth: 1,
+    // borderRightWidth: 1,
+    padding: 16,
+    justifyContent: 'space-between'
+  },
+  label: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1
+  },
+  controls: {
+    flexDirection: 'row'
+  },
+  control: {
+    marginLeft: 16
+  },
+  iconWrapper: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  handIcon: {
+    width: 18.75,
+    height: 18.75
+  },
+  networkIcon: {
+    width: 16,
+    height: 16
+  },
+  menu: {
+    borderWidth: 1,
+    borderRadius: 8,
+    backgroundColor: 'transparent'
+  }
+});
+const ParticipantsItem = exports.ParticipantsItem = /*#__PURE__*/React.memo(_ParticipantsItem);
+//# sourceMappingURL=ParticipantsItem.js.map

package/lib/commonjs/components/Participants/ParticipantsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_functions","_hooksUtil","_Icons","_MenuModal","_ParticipantsItemOptions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ParticipantsItem","_ref","_peer$networkQuality","data","peer","groupId","selfHostOrBroadcaster","useSelector","state","_state$hmsStates$loca","selfRole","hmsStates","localPeer","role","isParticipantHostOrBroadcaster","optionsVisible","setOptionsVisible","useState","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","container","borderColor","palette","border_bright","label","color","on_surface_high","fontFamily","font_family","iconWrapper","backgroundColor","surface_bright","menu","surface_default","show3Dots","isLocal","showOptions","hideOptions","createElement","View","style","styles","Text","name","controls","isHandRaised","control","HandIcon","handIcon","networkQuality","downlinkQuality","NetworkQualityIcon","quality","networkIcon","Menu","visible","onRequestClose","anchor","TouchableOpacity","onPress","ThreeDotsIcon","stack","ParticipantsItemOptions","onItemPress","insideHandRaiseGroup","StyleSheet","create","flexDirection","padding","justifyContent","fontSize","lineHeight","letterSpacing","marginLeft","width","height","borderRadius","alignItems","borderWidth","ParticipantsItem","exports","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsItem.tsx"],"mappings":"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"}

package/lib/commonjs/components/Participants/ParticipantsItemOption.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsItemOption = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+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 _ParticipantsItemOption = _ref => {
+  let {
+    icon = null,
+    label,
+    onPress,
+    style,
+    labelStyle
+  } = _ref;
+  const textStyle = (0, _hooksUtil.useHMSRoomStyle)((theme, typography) => ({
+    color: theme.palette.on_surface_high,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.container, style],
+    onPress: onPress
+  }, icon, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.text, textStyle, labelStyle]
+  }, label));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    padding: 16,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    marginLeft: 8
+  }
+});
+const ParticipantsItemOption = exports.ParticipantsItemOption = /*#__PURE__*/React.memo(_ParticipantsItemOption);
+//# sourceMappingURL=ParticipantsItemOption.js.map

package/lib/commonjs/components/Participants/ParticipantsItemOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ParticipantsItemOption","_ref","icon","label","onPress","style","labelStyle","textStyle","useHMSRoomStyle","theme","typography","color","palette","on_surface_high","fontFamily","font_family","createElement","TouchableOpacity","styles","container","Text","text","StyleSheet","create","padding","flexDirection","alignItems","fontSize","lineHeight","letterSpacing","marginLeft","ParticipantsItemOption","exports","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsItemOption.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAAmD,SAAAG,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,SAAAL,wBAAAK,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;AAYnD,MAAMY,uBAA8D,GAAGC,IAAA,IAMjE;EAAA,IANkE;IACtEC,IAAI,GAAG,IAAI;IACXC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC;EACF,CAAC,GAAAL,IAAA;EACC,MAAMM,SAAS,GAAG,IAAAC,0BAAe,EAAC,CAACC,KAAK,EAAEC,UAAU,MAAM;IACxDC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,eAAe;IACpCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,oBACEzC,KAAA,CAAA0C,aAAA,CAACvC,YAAA,CAAAwC,gBAAgB;IAACZ,KAAK,EAAE,CAACa,MAAM,CAACC,SAAS,EAAEd,KAAK,CAAE;IAACD,OAAO,EAAEA;EAAQ,GAClEF,IAAI,eAEL5B,KAAA,CAAA0C,aAAA,CAACvC,YAAA,CAAA2C,IAAI;IAACf,KAAK,EAAE,CAACa,MAAM,CAACG,IAAI,EAAEd,SAAS,EAAED,UAAU;EAAE,GAAEH,KAAY,CAChD,CAAC;AAEvB,CAAC;AAED,MAAMe,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,OAAO,EAAE,EAAE;IACXC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDL,IAAI,EAAE;IACJM,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAGzD,KAAK,CAAC2D,IAAI,CAACjC,uBAAuB,CAAC"}