@100mslive/react-native-room-kit 1.1.0 → 1.1.1

package/lib/commonjs/components/PollQuestions.js

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PollQuestions = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _Icons = require("../Icons");
+var _hooksUtil = require("../hooks-util");
+var _HMSPrimaryButton = require("./HMSPrimaryButton");
+var _PollQuestion = require("./PollQuestion");
+var _reactRedux = require("react-redux");
+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 PollQuestions = ({}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
+  const reduxStore = (0, _reactRedux.useStore)();
+  const localPeerRole = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.role;
+  });
+  const launchingPoll = (0, _reactRedux.useSelector)(state => state.polls.launchingPoll);
+  const questions = (0, _reactRedux.useSelector)(state => state.polls.questions);
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    regularMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  const disableLaunchPoll = questions.length <= 0 || questions.some(question => !question.title || !question.saved || Array.isArray(question.options) && (question.options.length <= 1 || question.options.some(option => !option)));
+  const launchPoll = async () => {
+    try {
+      const pollsData = reduxStore.getState().polls;
+      if (!pollsData.pollName || pollsData.questions.some(question => !question.title || question.options && question.options.some(option => !option))) {
+        console.log('Incorrect data!');
+        return;
+      }
+      dispatch((0, _actions.setLaunchingPoll)(true));
+      const result = await hmsInstance.interactivityCenter.startPoll({
+        title: pollsData.pollName,
+        type: _reactNativeHms.HMSPollType.poll,
+        rolesThatCanViewResponses: pollsData.pollConfig.voteCountHidden && localPeerRole ? [localPeerRole] : undefined,
+        // mode: HMSPollUserTrackingMode.customerUserID, // mode: null, // `pollsData.pollConfig.resultsAnonymous` Make results anonymous set user tracking mode to none
+        questions: pollsData.questions.map(question => {
+          var _question$options;
+          return {
+            skippable: question.skippable,
+            once: !question.responseEditable,
+            text: question.title,
+            type: question.type,
+            options: (_question$options = question.options) === null || _question$options === void 0 ? void 0 : _question$options.map(option => ({
+              text: option
+            }))
+          };
+        })
+      });
+      console.log('quickStartPoll result > ', result);
+      dispatch((0, _actions.cleaPollFormState)());
+    } catch (error) {
+      dispatch((0, _actions.setLaunchingPoll)(false));
+      console.log('quickStartPoll error > ', error);
+    }
+  };
+  const addQuestion = () => {
+    dispatch((0, _actions.addPollQuestion)());
+  };
+  const deleteQuestion = React.useCallback(index => {
+    (0, _reactRedux.batch)(() => {
+      dispatch((0, _actions.setSelectedPollQuestionIndex)(index));
+      dispatch((0, _actions.setPollQDeleteConfirmationVisible)(true));
+    });
+  }, []);
+  const onQuestionFieldChange = React.useCallback((questionIndex, questionField, value) => {
+    switch (questionField) {
+      case 'responseEditable':
+        dispatch((0, _actions.setPollQuestionResponseEditable)(questionIndex, value));
+        break;
+      case 'saved':
+        dispatch((0, _actions.setPollQuestionSaved)(questionIndex, value));
+        break;
+      case 'skippable':
+        dispatch((0, _actions.setPollQuestionSkippable)(questionIndex, value));
+        break;
+      case 'title':
+        dispatch((0, _actions.setPollQuestionTitle)(questionIndex, value));
+        break;
+      case 'type':
+        dispatch((0, _actions.setPollQuestionType)(questionIndex, value));
+        break;
+    }
+  }, []);
+  const handleAddPollQuestionOption = React.useCallback(questionIndex => {
+    dispatch((0, _actions.addPollQuestionOption)(questionIndex));
+  }, []);
+  const handleDeletePollQuestionOption = React.useCallback((questionIndex, optionIndex) => {
+    dispatch((0, _actions.deletePollQuestionOption)(questionIndex, optionIndex));
+  }, []);
+  const handleEditPollQuestionOption = React.useCallback((questionIndex, optionIndex, option) => {
+    dispatch((0, _actions.editPollQuestionOption)(questionIndex, optionIndex, option));
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    style: styles.contentContainer,
+    contentContainerStyle: {
+      paddingTop: 24
+    }
+  }, questions.map((pollQuestion, idx, arr) => {
+    const isFirst = idx === 0;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: idx
+    }, isFirst ? null : /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: {
+        height: 16
+      }
+    }), /*#__PURE__*/React.createElement(_PollQuestion.PollQuestion, {
+      totalQuestions: arr.length,
+      currentQuestionIndex: idx,
+      pollQuestion: pollQuestion,
+      onAddPollQuestionOption: handleAddPollQuestionOption,
+      onDeletePollQuestionOption: handleDeletePollQuestionOption,
+      onEditPollQuestionOption: handleEditPollQuestionOption,
+      onQuestionFieldChange: onQuestionFieldChange,
+      onDelete: deleteQuestion
+    }));
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.addOptionWrapper, {
+      marginTop: 16
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: addQuestion,
+    disabled: launchingPoll,
+    style: [styles.addOptionContainer, launchingPoll ? {
+      opacity: 0.4
+    } : null]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.addOptionIconWrapper
+  }, /*#__PURE__*/React.createElement(_Icons.AddIcon, {
+    type: "circle"
+  })), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.smallText, hmsRoomStyles.regularMediumText]
+  }, "Add another question"))), /*#__PURE__*/React.createElement(_HMSPrimaryButton.HMSPrimaryButton, {
+    disabled: disableLaunchPoll || launchingPoll,
+    title: "Launch Poll",
+    loading: launchingPoll,
+    onPress: launchPoll,
+    style: {
+      marginTop: 16,
+      marginBottom: 56,
+      alignSelf: 'flex-end'
+    }
+  }));
+};
+exports.PollQuestions = PollQuestions;
+const styles = _reactNative.StyleSheet.create({
+  smallText: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  contentContainer: {
+    paddingHorizontal: 24
+  },
+  typeSelectionLabel: {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  pollNameLabel: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginBottom: 8
+  },
+  textInput: {
+    flex: undefined
+  },
+  addOptionWrapper: {
+    alignSelf: 'flex-start'
+  },
+  addOptionContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  addOptionIconWrapper: {
+    marginRight: 8,
+    padding: 8
+  }
+});
+//# sourceMappingURL=PollQuestions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHms","_Icons","_hooksUtil","_HMSPrimaryButton","_PollQuestion","_reactRedux","_actions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PollQuestions","dispatch","useDispatch","hmsInstance","useHMSInstance","reduxStore","useStore","localPeerRole","useSelector","state","_state$hmsStates$loca","hmsStates","localPeer","role","launchingPoll","polls","questions","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","regularMediumText","color","palette","on_surface_medium","fontFamily","font_family","disableLaunchPoll","length","some","question","title","saved","Array","isArray","options","option","launchPoll","pollsData","getState","pollName","console","log","setLaunchingPoll","result","interactivityCenter","startPoll","type","HMSPollType","poll","rolesThatCanViewResponses","pollConfig","voteCountHidden","undefined","map","_question$options","skippable","once","responseEditable","text","cleaPollFormState","error","addQuestion","addPollQuestion","deleteQuestion","useCallback","index","batch","setSelectedPollQuestionIndex","setPollQDeleteConfirmationVisible","onQuestionFieldChange","questionIndex","questionField","value","setPollQuestionResponseEditable","setPollQuestionSaved","setPollQuestionSkippable","setPollQuestionTitle","setPollQuestionType","handleAddPollQuestionOption","addPollQuestionOption","handleDeletePollQuestionOption","optionIndex","deletePollQuestionOption","handleEditPollQuestionOption","editPollQuestionOption","createElement","ScrollView","style","styles","contentContainer","contentContainerStyle","paddingTop","pollQuestion","idx","arr","isFirst","Fragment","key","View","height","PollQuestion","totalQuestions","currentQuestionIndex","onAddPollQuestionOption","onDeletePollQuestionOption","onEditPollQuestionOption","onDelete","addOptionWrapper","marginTop","TouchableOpacity","onPress","disabled","addOptionContainer","opacity","addOptionIconWrapper","AddIcon","Text","smallText","HMSPrimaryButton","loading","marginBottom","alignSelf","exports","StyleSheet","create","fontSize","lineHeight","paddingHorizontal","typeSelectionLabel","pollNameLabel","textInput","flex","flexDirection","alignItems","marginRight","padding"],"sourceRoot":"../../../src","sources":["components/PollQuestions.tsx"],"mappings":"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"}

package/lib/commonjs/components/PollResponseProgressView.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PollResponseProgressView = 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 PollResponseProgressView = ({
+  option,
+  totalVotes
+}) => {
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    surfaceHighRegularText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    progressContainer: {
+      backgroundColor: theme.palette.surface_bright
+    },
+    progress: {
+      backgroundColor: theme.palette.primary_default
+    }
+  }));
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.smallText, hmsRoomStyles.surfaceHighRegularText]
+  }, option.text), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.smallText, hmsRoomStyles.surfaceHighRegularText]
+  }, option.voteCount, " ", option.voteCount > 1 ? 'votes' : 'vote')), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [hmsRoomStyles.progressContainer, styles.progressContainer]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [hmsRoomStyles.progress, styles.progress, {
+      width: `${option.voteCount / totalVotes * 100}%`
+    }]
+  })));
+};
+exports.PollResponseProgressView = PollResponseProgressView;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginBottom: 16
+  },
+  smallText: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginBottom: 8
+  },
+  progressContainer: {
+    flex: 1,
+    height: 8,
+    borderRadius: 4,
+    overflow: 'hidden'
+  },
+  progress: {
+    height: '100%'
+  }
+});
+//# sourceMappingURL=PollResponseProgressView.js.map

package/lib/commonjs/components/PollResponseProgressView.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","PollResponseProgressView","option","totalVotes","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","surfaceHighRegularText","color","palette","on_surface_high","fontFamily","font_family","progressContainer","backgroundColor","surface_bright","progress","primary_default","createElement","View","style","styles","container","flexDirection","alignItems","justifyContent","Text","smallText","text","voteCount","width","exports","StyleSheet","create","marginBottom","fontSize","lineHeight","flex","height","borderRadius","overflow"],"sourceRoot":"../../../src","sources":["components/PollResponseProgressView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAAqD,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;AAO9C,MAAMY,wBAEZ,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAW,CAAC,KAAK;EAC9B,MAAMC,aAAa,GAAG,IAAAC,+BAAoB,EAAC,CAACC,KAAK,EAAEC,UAAU,MAAM;IACjEC,sBAAsB,EAAE;MACtBC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,iBAAiB,EAAE;MACjBC,eAAe,EAAET,KAAK,CAACI,OAAO,CAACM;IACjC,CAAC;IACDC,QAAQ,EAAE;MACRF,eAAe,EAAET,KAAK,CAACI,OAAO,CAACQ;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,oBACE3C,KAAA,CAAA4C,aAAA,CAACzC,YAAA,CAAA0C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BhD,KAAA,CAAA4C,aAAA,CAACzC,YAAA,CAAA0C,IAAI;IACHC,KAAK,EAAE;MACLG,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB;EAAE,gBAEFnD,KAAA,CAAA4C,aAAA,CAACzC,YAAA,CAAAiD,IAAI;IAACN,KAAK,EAAE,CAACC,MAAM,CAACM,SAAS,EAAExB,aAAa,CAACI,sBAAsB;EAAE,GACnEN,MAAM,CAAC2B,IACJ,CAAC,eAEPtD,KAAA,CAAA4C,aAAA,CAACzC,YAAA,CAAAiD,IAAI;IAACN,KAAK,EAAE,CAACC,MAAM,CAACM,SAAS,EAAExB,aAAa,CAACI,sBAAsB;EAAE,GACnEN,MAAM,CAAC4B,SAAS,EAAC,GAAC,EAAC5B,MAAM,CAAC4B,SAAS,GAAG,CAAC,GAAG,OAAO,GAAG,MACjD,CACF,CAAC,eAEPvD,KAAA,CAAA4C,aAAA,CAACzC,YAAA,CAAA0C,IAAI;IAACC,KAAK,EAAE,CAACjB,aAAa,CAACU,iBAAiB,EAAEQ,MAAM,CAACR,iBAAiB;EAAE,gBACvEvC,KAAA,CAAA4C,aAAA,CAACzC,YAAA,CAAA0C,IAAI;IACHC,KAAK,EAAE,CACLjB,aAAa,CAACa,QAAQ,EACtBK,MAAM,CAACL,QAAQ,EACf;MAAEc,KAAK,EAAG,GAAG7B,MAAM,CAAC4B,SAAS,GAAG3B,UAAU,GAAI,GAAI;IAAG,CAAC;EACtD,CACH,CACG,CACF,CAAC;AAEX,CAAC;AAAC6B,OAAA,CAAA/B,wBAAA,GAAAA,wBAAA;AAEF,MAAMqB,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,YAAY,EAAE;EAChB,CAAC;EACDP,SAAS,EAAE;IACTQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdF,YAAY,EAAE;EAChB,CAAC;EACDrB,iBAAiB,EAAE;IACjBwB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDxB,QAAQ,EAAE;IACRsB,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/commonjs/components/PollsAndQuizBottomSheet.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PollsAndQuizBottomSheet = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _BottomSheet = require("./BottomSheet");
+var _hooksUtil = require("../hooks-util");
+var _Header = require("./Header");
+var _dimension = require("../utils/dimension");
+var _PollsAndQuizzesModalContent = require("./PollsAndQuizzesModalContent");
+var _types = require("../utils/types");
+var _actionTypes = require("../redux/actionTypes");
+var _functions = require("../utils/functions");
+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 PollsAndQuizBottomSheet = () => {
+  const headerHeight = (0, _Header.useHeaderHeight)();
+  const isLandscapeOrientation = (0, _dimension.useIsLandscapeOrientation)();
+  const {
+    modalVisibleType: modalVisible,
+    handleModalVisibleType: setModalVisible
+  } = (0, _hooksUtil.useModalType)();
+  const isPollQuestionStage = (0, _reactRedux.useSelector)(state => state.polls.stage === _actionTypes.CreatePollStages.POLL_QUESTION_CONFIG);
+  const isHLSViewer = (0, _hooksUtil.useIsHLSViewer)();
+  const havePolls = (0, _reactRedux.useSelector)(state => (0, _functions.visiblePollsSelector)(Object.values(state.polls.polls), isHLSViewer, state.polls.cuedPollIds).length > 0);
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    contentContainer: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
+  const dismissModal = () => setModalVisible(_types.ModalTypes.DEFAULT);
+  const fullHeight = isPollQuestionStage || havePolls;
+  const containerStyles = fullHeight ? [styles.bottomSheet, {
+    marginTop: isLandscapeOrientation ? 0 : headerHeight + (_reactNative.Platform.OS === 'android' ? 24 : 0)
+  }, hmsRoomStyles.contentContainer] : [hmsRoomStyles.contentContainer];
+  return /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet
+  // fullWidth={true}
+  , {
+    dismissModal: dismissModal,
+    isVisible: modalVisible === _types.ModalTypes.POLLS_AND_QUIZZES,
+    avoidKeyboard: true,
+    containerStyle: containerStyles,
+    bottomOffsetSpace: fullHeight ? 0 : undefined
+  }, /*#__PURE__*/React.createElement(_PollsAndQuizzesModalContent.PollsAndQuizzesModalContent, {
+    fullHeight: fullHeight,
+    dismissModal: dismissModal
+  }));
+};
+exports.PollsAndQuizBottomSheet = PollsAndQuizBottomSheet;
+const styles = _reactNative.StyleSheet.create({
+  bottomSheet: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=PollsAndQuizBottomSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_BottomSheet","_hooksUtil","_Header","_dimension","_PollsAndQuizzesModalContent","_types","_actionTypes","_functions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PollsAndQuizBottomSheet","headerHeight","useHeaderHeight","isLandscapeOrientation","useIsLandscapeOrientation","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","useModalType","isPollQuestionStage","useSelector","state","polls","stage","CreatePollStages","POLL_QUESTION_CONFIG","isHLSViewer","useIsHLSViewer","havePolls","visiblePollsSelector","values","cuedPollIds","length","hmsRoomStyles","useHMSRoomStyleSheet","theme","contentContainer","backgroundColor","palette","surface_dim","dismissModal","ModalTypes","DEFAULT","fullHeight","containerStyles","styles","bottomSheet","marginTop","Platform","OS","createElement","BottomSheet","isVisible","POLLS_AND_QUIZZES","avoidKeyboard","containerStyle","bottomOffsetSpace","undefined","PollsAndQuizzesModalContent","exports","StyleSheet","create","flex"],"sourceRoot":"../../../src","sources":["components/PollsAndQuizBottomSheet.tsx"],"mappings":"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"}

package/lib/commonjs/components/PollsAndQuizzesCard.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PollsAndQuizzesCard = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _hooksUtil = require("../hooks-util");
+var _HMSPrimaryButton = require("./HMSPrimaryButton");
+var _actions = require("../redux/actions");
+var _actionTypes = require("../redux/actionTypes");
+var _PollAndQuizzStateLabel = require("./PollAndQuizzStateLabel");
+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 PollsAndQuizzesCard = ({
+  poll
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    surfaceHighSemiBoldText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    liveStateLabelWrapper: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    stateLabelWrapper: {
+      backgroundColor: theme.palette.surface_brighter
+    }
+  }));
+  const viewPoll = () => {
+    (0, _reactRedux.batch)(() => {
+      dispatch((0, _actions.setPollStage)(_actionTypes.CreatePollStages.POLL_VOTING));
+      dispatch((0, _actions.setSelectedPollId)(poll.pollId));
+    });
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [hmsRoomStyles.container, styles.container]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    numberOfLines: 4,
+    style: [styles.pollTitle, hmsRoomStyles.surfaceHighSemiBoldText]
+  }, poll.title), typeof poll.state === 'number' ? /*#__PURE__*/React.createElement(_PollAndQuizzStateLabel.PollAndQuizzStateLabel, {
+    state: poll.state
+  }) : null), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.spacer
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.rightRow
+  }, /*#__PURE__*/React.createElement(_HMSPrimaryButton.HMSPrimaryButton, {
+    loading: false,
+    onPress: viewPoll,
+    title: "View"
+  })));
+};
+exports.PollsAndQuizzesCard = PollsAndQuizzesCard;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    padding: 16,
+    borderRadius: 8,
+    marginBottom: 24
+  },
+  spacer: {
+    height: 16
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  rightRow: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end'
+  },
+  pollTitle: {
+    flexShrink: 1,
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.15
+  },
+  stateLabelWrapper: {
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    borderRadius: 4
+  },
+  stateLabel: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5
+  }
+});
+//# sourceMappingURL=PollsAndQuizzesCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_hooksUtil","_HMSPrimaryButton","_actions","_actionTypes","_PollAndQuizzStateLabel","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PollsAndQuizzesCard","poll","dispatch","useDispatch","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","surfaceHighSemiBoldText","color","palette","on_surface_high","fontFamily","font_family","container","backgroundColor","surface_default","liveStateLabelWrapper","alert_error_default","stateLabelWrapper","surface_brighter","viewPoll","batch","setPollStage","CreatePollStages","POLL_VOTING","setSelectedPollId","pollId","createElement","View","style","styles","row","Text","numberOfLines","pollTitle","title","state","PollAndQuizzStateLabel","spacer","rightRow","HMSPrimaryButton","loading","onPress","exports","StyleSheet","create","padding","borderRadius","marginBottom","height","flexDirection","alignItems","justifyContent","flexShrink","fontSize","lineHeight","letterSpacing","paddingVertical","paddingHorizontal","stateLabel"],"sourceRoot":"../../../src","sources":["components/PollsAndQuizzesCard.tsx"],"mappings":"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"}

package/lib/commonjs/components/PollsAndQuizzesModalContent.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PollsAndQuizzesModalContent = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _hooksUtil = require("../hooks-util");
+var _BottomSheet = require("./BottomSheet");
+var _Icons = require("../Icons");
+var _constants = require("../utils/constants");
+var _PollQuestions = require("./PollQuestions");
+var _actionTypes = require("../redux/actionTypes");
+var _actions = require("../redux/actions");
+var _PollQDeleteConfirmationSheetView = require("./PollQDeleteConfirmationSheetView");
+var _PollsConfigAndList = require("./PollsConfigAndList");
+var _PollAndQuizVoting = require("./PollAndQuizVoting");
+var _PollAndQuizzStateLabel = require("./PollAndQuizzStateLabel");
+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 PollsAndQuizzesModalContent = ({
+  fullHeight,
+  dismissModal
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const headerTitle = (0, _reactRedux.useSelector)(state => {
+    const pollsData = state.polls;
+    if (pollsData.stage === _actionTypes.CreatePollStages.POLL_QUESTION_CONFIG) {
+      return pollsData.pollName;
+    }
+    if (pollsData.stage === _actionTypes.CreatePollStages.POLL_VOTING && pollsData.selectedPollId !== null) {
+      var _pollsData$polls$poll;
+      return ((_pollsData$polls$poll = pollsData.polls[pollsData.selectedPollId]) === null || _pollsData$polls$poll === void 0 ? void 0 : _pollsData$polls$poll.title) || null;
+    }
+    return null;
+  });
+  const selectedPoll = (0, _reactRedux.useSelector)(state => {
+    const pollsData = state.polls;
+    if (pollsData.stage === _actionTypes.CreatePollStages.POLL_VOTING && pollsData.selectedPollId !== null) {
+      return pollsData.polls[pollsData.selectedPollId] || null;
+    }
+    return null;
+  });
+  const pollsStage = (0, _reactRedux.useSelector)(state => state.polls.stage);
+  const launchingPoll = (0, _reactRedux.useSelector)(state => state.polls.launchingPoll);
+  const canCreateOrEndPoll = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca;
+    const permissions = (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.permissions;
+    return permissions === null || permissions === void 0 ? void 0 : permissions.pollWrite;
+  });
+  const canVoteOnPoll = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca2;
+    const permissions = (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.permissions;
+    return permissions === null || permissions === void 0 ? void 0 : permissions.pollRead;
+  });
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    headerText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const handleBackPress = () => {
+    _reactNative.Keyboard.dismiss();
+    dispatch((0, _actions.setPollStage)(_actionTypes.CreatePollStages.POLL_CONFIG));
+  };
+  const handleClosePress = () => {
+    _reactNative.Keyboard.dismiss();
+    dismissModal();
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: fullHeight ? styles.fullView : null
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.headerControls
+  }, headerTitle ? /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: handleBackPress,
+    disabled: launchingPoll,
+    hitSlop: styles.closeIconHitSlop,
+    style: [styles.backIcon, launchingPoll ? {
+      opacity: 0.4
+    } : null]
+  }, /*#__PURE__*/React.createElement(_Icons.ChevronIcon, {
+    direction: "left"
+  })) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    testID: _constants.TestIds.change_name_modal_heading,
+    numberOfLines: 2,
+    style: [styles.headerText, {
+      flexShrink: 1
+    }, hmsRoomStyles.headerText]
+  }, headerTitle ?? ('Polls' || 'Polls and Quizzes')), selectedPoll !== null && selectedPoll !== void 0 && selectedPoll.state ? /*#__PURE__*/React.createElement(_PollAndQuizzStateLabel.PollAndQuizzStateLabel, {
+    state: selectedPoll === null || selectedPoll === void 0 ? void 0 : selectedPoll.state
+  }) : null), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    testID: _constants.TestIds.change_name_modal_close_btn,
+    onPress: handleClosePress,
+    hitSlop: styles.closeIconHitSlop,
+    style: {
+      marginLeft: 16
+    }
+  }, /*#__PURE__*/React.createElement(_Icons.CloseIcon, null))), /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet.Divider, {
+    style: fullHeight ? styles.halfDivider : styles.divider
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: fullHeight ? styles.fullView : null
+  }, pollsStage === _actionTypes.CreatePollStages.POLL_CONFIG ? /*#__PURE__*/React.createElement(_PollsConfigAndList.PollsConfigAndList, null) : pollsStage === _actionTypes.CreatePollStages.POLL_QUESTION_CONFIG && canCreateOrEndPoll ? /*#__PURE__*/React.createElement(_PollQuestions.PollQuestions, {
+    dismissModal: dismissModal
+  }) : pollsStage === _actionTypes.CreatePollStages.POLL_VOTING && (canVoteOnPoll || canCreateOrEndPoll) ? /*#__PURE__*/React.createElement(_PollAndQuizVoting.PollAndQuizVoting, {
+    dismissModal: dismissModal
+  }) : null), /*#__PURE__*/React.createElement(_PollQDeleteConfirmationSheetView.PollQDeleteConfirmationSheetView, null));
+};
+exports.PollsAndQuizzesModalContent = PollsAndQuizzesModalContent;
+const styles = _reactNative.StyleSheet.create({
+  // Utilities
+  fullView: {
+    flex: 1
+  },
+  // Header
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginTop: 24,
+    marginHorizontal: 24
+  },
+  headerControls: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexShrink: 1
+  },
+  headerText: {
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    marginRight: 12
+  },
+  closeIconHitSlop: {
+    bottom: 16,
+    left: 16,
+    right: 16,
+    top: 16
+  },
+  backIcon: {
+    marginRight: 8
+  },
+  // Divider
+  halfDivider: {
+    marginHorizontal: 24,
+    marginVertical: 0,
+    marginTop: 24,
+    width: undefined
+  },
+  divider: {
+    marginHorizontal: 24,
+    marginVertical: 24,
+    width: undefined
+  }
+});
+//# sourceMappingURL=PollsAndQuizzesModalContent.js.map