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

package/lib/module/components/PollQuestionDeleteConfirmation.js

@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { useDispatch } from 'react-redux';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { AlertTriangleIcon, CloseIcon } from '../Icons';
+import { HMSDangerButton } from './HMSDangerButton';
+import { deletePollQuestion } from '../redux/actions';
+export const PollQuestionDeleteConfirmation = ({
+  dismissModal
+}) => {
+  const dispatch = useDispatch();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    headerText: {
+      color: theme.palette.alert_error_default,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    subtitle: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  const disabledButton = false;
+  const handleClosePress = () => dismissModal();
+  const handlePollQuestionDelete = () => {
+    dispatch(deletePollQuestion());
+    dismissModal();
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerControls
+  }, /*#__PURE__*/React.createElement(AlertTriangleIcon, {
+    style: styles.backIcon
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.headerText, hmsRoomStyles.headerText]
+  }, "Delete Question")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleClosePress,
+    hitSlop: styles.closeIconHitSlop
+  }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, hmsRoomStyles.subtitle]
+  }, "Are you sure you want to delete this question?", '\n', "You can't undo this action."), /*#__PURE__*/React.createElement(HMSDangerButton, {
+    loading: false,
+    onPress: handlePollQuestionDelete,
+    title: "Delete",
+    disabled: disabledButton,
+    style: styles.deleteButton
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 24,
+    paddingBottom: 32
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  headerControls: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  backIcon: {
+    marginRight: 8
+  },
+  headerText: {
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15
+  },
+  closeIconHitSlop: {
+    bottom: 16,
+    left: 16,
+    right: 16,
+    top: 16
+  },
+  subtitle: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginTop: 8
+  },
+  deleteButton: {
+    marginTop: 16
+  }
+});
+//# sourceMappingURL=PollQuestionDeleteConfirmation.js.map

package/lib/module/components/PollQuestionDeleteConfirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","useDispatch","useHMSRoomStyleSheet","AlertTriangleIcon","CloseIcon","HMSDangerButton","deletePollQuestion","PollQuestionDeleteConfirmation","dismissModal","dispatch","hmsRoomStyles","theme","typography","headerText","color","palette","alert_error_default","fontFamily","font_family","subtitle","on_surface_medium","disabledButton","handleClosePress","handlePollQuestionDelete","createElement","style","styles","container","header","headerControls","backIcon","onPress","hitSlop","closeIconHitSlop","loading","title","disabled","deleteButton","create","padding","paddingBottom","flexDirection","alignItems","justifyContent","marginRight","fontSize","lineHeight","letterSpacing","bottom","left","right","top","marginTop"],"sourceRoot":"../../../src","sources":["components/PollQuestionDeleteConfirmation.tsx"],"mappings":"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"}

package/lib/module/components/PollQuestions.js

@@ -0,0 +1,194 @@
+import * as React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from 'react-native';
+import { HMSPollType } from '@100mslive/react-native-hms';
+import { AddIcon } from '../Icons';
+import { useHMSInstance, useHMSRoomStyleSheet } from '../hooks-util';
+import { HMSPrimaryButton } from './HMSPrimaryButton';
+import { PollQuestion } from './PollQuestion';
+import { batch, useDispatch, useSelector, useStore } from 'react-redux';
+import { addPollQuestion, addPollQuestionOption, cleaPollFormState, deletePollQuestionOption, editPollQuestionOption, setLaunchingPoll, setPollQDeleteConfirmationVisible, setPollQuestionCorrectOption, setPollQuestionPointWeightage, setPollQuestionResponseEditable, setPollQuestionSaved, setPollQuestionSkippable, setPollQuestionTitle, setPollQuestionType, setSelectedPollQuestionIndex } from '../redux/actions';
+export const PollQuestions = ({}) => {
+  const dispatch = useDispatch();
+  const hmsInstance = useHMSInstance();
+  const reduxStore = useStore();
+  const localPeerRole = 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 = useSelector(state => state.polls.launchingPoll);
+  const pollType = useSelector(state => state.polls.pollConfig.type);
+  const questions = useSelector(state => state.polls.questions);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    regularMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  const disableLaunchPoll = questions.length <= 0 || questions.some(question => !question.saved);
+  const launchPoll = async () => {
+    try {
+      const pollsData = reduxStore.getState().polls;
+      if (!pollsData.pollName || disableLaunchPoll) {
+        console.log('Incorrect data!');
+        return;
+      }
+      dispatch(setLaunchingPoll(true));
+      const result = await hmsInstance.interactivityCenter.startPoll({
+        title: pollsData.pollName,
+        type: pollType,
+        rolesThatCanViewResponses: pollType === HMSPollType.poll && 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;
+          const weight = parseInt(question.pointWeightage);
+          return {
+            skippable: question.skippable,
+            once: !question.responseEditable,
+            text: question.title,
+            type: question.type,
+            weight: pollType === HMSPollType.quiz && !isNaN(weight) ? weight : undefined,
+            options: (_question$options = question.options) === null || _question$options === void 0 ? void 0 : _question$options.map(option => pollType === HMSPollType.quiz ? {
+              text: option[1],
+              isCorrectAnswer: option[0]
+            } : {
+              text: option[1]
+            })
+          };
+        })
+      });
+      console.log('quickStartPoll result > ', result);
+      dispatch(cleaPollFormState());
+    } catch (error) {
+      dispatch(setLaunchingPoll(false));
+      console.log('quickStartPoll error > ', error);
+    }
+  };
+  const addQuestion = () => {
+    dispatch(addPollQuestion());
+  };
+  const deleteQuestion = React.useCallback(index => {
+    batch(() => {
+      dispatch(setSelectedPollQuestionIndex(index));
+      dispatch(setPollQDeleteConfirmationVisible(true));
+    });
+  }, []);
+  const onQuestionFieldChange = React.useCallback((questionIndex, questionField, value) => {
+    switch (questionField) {
+      case 'responseEditable':
+        dispatch(setPollQuestionResponseEditable(questionIndex, value));
+        break;
+      case 'saved':
+        dispatch(setPollQuestionSaved(questionIndex, value));
+        break;
+      case 'skippable':
+        dispatch(setPollQuestionSkippable(questionIndex, value));
+        break;
+      case 'title':
+        dispatch(setPollQuestionTitle(questionIndex, value));
+        break;
+      case 'type':
+        dispatch(setPollQuestionType(questionIndex, value));
+        break;
+      case 'pointWeightage':
+        const cleanNumber = value.replace(/[^0-9]/g, '');
+        dispatch(setPollQuestionPointWeightage(questionIndex, cleanNumber));
+        break;
+    }
+  }, []);
+  const handleAddPollQuestionOption = React.useCallback(questionIndex => {
+    dispatch(addPollQuestionOption(questionIndex));
+  }, []);
+  const handleDeletePollQuestionOption = React.useCallback((questionIndex, optionIndex) => {
+    dispatch(deletePollQuestionOption(questionIndex, optionIndex));
+  }, []);
+  const handleEditPollQuestionOption = React.useCallback((questionIndex, optionIndex, option) => {
+    dispatch(editPollQuestionOption(questionIndex, optionIndex, option));
+  }, []);
+  const handleSetPollQuestionCorrectOption = React.useCallback((questionIndex, optionIndex, corectOption) => {
+    dispatch(setPollQuestionCorrectOption(questionIndex, optionIndex, corectOption));
+  }, []);
+  return /*#__PURE__*/React.createElement(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(View, {
+      style: {
+        height: 16
+      }
+    }), /*#__PURE__*/React.createElement(PollQuestion, {
+      totalQuestions: arr.length,
+      currentQuestionIndex: idx,
+      pollQuestion: pollQuestion,
+      onAddPollQuestionOption: handleAddPollQuestionOption,
+      onDeletePollQuestionOption: handleDeletePollQuestionOption,
+      onEditPollQuestionOption: handleEditPollQuestionOption,
+      onSetPollQuestionCorrectOption: handleSetPollQuestionCorrectOption,
+      onQuestionFieldChange: onQuestionFieldChange,
+      onDelete: deleteQuestion
+    }));
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.addOptionWrapper, {
+      marginTop: 16
+    }]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: addQuestion,
+    disabled: launchingPoll,
+    style: [styles.addOptionContainer, launchingPoll ? {
+      opacity: 0.4
+    } : null]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.addOptionIconWrapper
+  }, /*#__PURE__*/React.createElement(AddIcon, {
+    type: "circle"
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, hmsRoomStyles.regularMediumText]
+  }, "Add another question"))), /*#__PURE__*/React.createElement(HMSPrimaryButton, {
+    disabled: disableLaunchPoll || launchingPoll,
+    title: `Launch ${pollType === HMSPollType.quiz ? 'Quiz' : 'Poll'}`,
+    loading: launchingPoll,
+    onPress: launchPoll,
+    style: {
+      marginTop: 16,
+      marginBottom: 56,
+      alignSelf: 'flex-end'
+    }
+  }));
+};
+const styles = 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/module/components/PollQuestions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","ScrollView","HMSPollType","AddIcon","useHMSInstance","useHMSRoomStyleSheet","HMSPrimaryButton","PollQuestion","batch","useDispatch","useSelector","useStore","addPollQuestion","addPollQuestionOption","cleaPollFormState","deletePollQuestionOption","editPollQuestionOption","setLaunchingPoll","setPollQDeleteConfirmationVisible","setPollQuestionCorrectOption","setPollQuestionPointWeightage","setPollQuestionResponseEditable","setPollQuestionSaved","setPollQuestionSkippable","setPollQuestionTitle","setPollQuestionType","setSelectedPollQuestionIndex","PollQuestions","dispatch","hmsInstance","reduxStore","localPeerRole","state","_state$hmsStates$loca","hmsStates","localPeer","role","launchingPoll","polls","pollType","pollConfig","type","questions","hmsRoomStyles","theme","typography","regularMediumText","color","palette","on_surface_medium","fontFamily","font_family","disableLaunchPoll","length","some","question","saved","launchPoll","pollsData","getState","pollName","console","log","result","interactivityCenter","startPoll","title","rolesThatCanViewResponses","poll","voteCountHidden","undefined","map","_question$options","weight","parseInt","pointWeightage","skippable","once","responseEditable","text","quiz","isNaN","options","option","isCorrectAnswer","error","addQuestion","deleteQuestion","useCallback","index","onQuestionFieldChange","questionIndex","questionField","value","cleanNumber","replace","handleAddPollQuestionOption","handleDeletePollQuestionOption","optionIndex","handleEditPollQuestionOption","handleSetPollQuestionCorrectOption","corectOption","createElement","style","styles","contentContainer","contentContainerStyle","paddingTop","pollQuestion","idx","arr","isFirst","Fragment","key","height","totalQuestions","currentQuestionIndex","onAddPollQuestionOption","onDeletePollQuestionOption","onEditPollQuestionOption","onSetPollQuestionCorrectOption","onDelete","addOptionWrapper","marginTop","onPress","disabled","addOptionContainer","opacity","addOptionIconWrapper","smallText","loading","marginBottom","alignSelf","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/module/components/PollResponseProgressView.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+export const PollResponseProgressView = ({
+  option,
+  totalVotes
+}) => {
+  const hmsRoomStyles = 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(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, hmsRoomStyles.surfaceHighRegularText]
+  }, option.text), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, hmsRoomStyles.surfaceHighRegularText]
+  }, option.voteCount, " ", option.voteCount > 1 ? 'votes' : 'vote')), /*#__PURE__*/React.createElement(View, {
+    style: [hmsRoomStyles.progressContainer, styles.progressContainer]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [hmsRoomStyles.progress, styles.progress, {
+      width: `${option.voteCount / totalVotes * 100}%`
+    }]
+  })));
+};
+const styles = 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/module/components/PollResponseProgressView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","useHMSRoomStyleSheet","PollResponseProgressView","option","totalVotes","hmsRoomStyles","theme","typography","surfaceHighRegularText","color","palette","on_surface_high","fontFamily","font_family","progressContainer","backgroundColor","surface_bright","progress","primary_default","createElement","style","styles","container","flexDirection","alignItems","justifyContent","smallText","text","voteCount","width","create","marginBottom","fontSize","lineHeight","flex","height","borderRadius","overflow"],"sourceRoot":"../../../src","sources":["components/PollResponseProgressView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,oBAAoB,QAAQ,eAAe;AAOpD,OAAO,MAAMC,wBAEZ,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAW,CAAC,KAAK;EAC9B,MAAMC,aAAa,GAAGJ,oBAAoB,CAAC,CAACK,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,oBACErB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BzB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACHoB,KAAK,EAAE;MACLG,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB;EAAE,gBAEF5B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACC,MAAM,CAACK,SAAS,EAAErB,aAAa,CAACG,sBAAsB;EAAE,GACnEL,MAAM,CAACwB,IACJ,CAAC,eAEP9B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACC,MAAM,CAACK,SAAS,EAAErB,aAAa,CAACG,sBAAsB;EAAE,GACnEL,MAAM,CAACyB,SAAS,EAAC,GAAC,EAACzB,MAAM,CAACyB,SAAS,GAAG,CAAC,GAAG,OAAO,GAAG,MACjD,CACF,CAAC,eAEP/B,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAE,CAACf,aAAa,CAACS,iBAAiB,EAAEO,MAAM,CAACP,iBAAiB;EAAE,gBACvEjB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACHoB,KAAK,EAAE,CACLf,aAAa,CAACY,QAAQ,EACtBI,MAAM,CAACJ,QAAQ,EACf;MAAEY,KAAK,EAAG,GAAG1B,MAAM,CAACyB,SAAS,GAAGxB,UAAU,GAAI,GAAI;IAAG,CAAC;EACtD,CACH,CACG,CACF,CAAC;AAEX,CAAC;AAED,MAAMiB,MAAM,GAAGvB,UAAU,CAACgC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,YAAY,EAAE;EAChB,CAAC;EACDL,SAAS,EAAE;IACTM,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdF,YAAY,EAAE;EAChB,CAAC;EACDjB,iBAAiB,EAAE;IACjBoB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDpB,QAAQ,EAAE;IACRkB,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/module/components/PollsAndQuizBottomSheet.js

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { BottomSheet } from './BottomSheet';
+import { useHMSRoomStyleSheet, useIsHLSViewer, useModalType } from '../hooks-util';
+import { useHeaderHeight } from './Header';
+import { useIsLandscapeOrientation } from '../utils/dimension';
+import { PollsAndQuizzesModalContent } from './PollsAndQuizzesModalContent';
+import { ModalTypes } from '../utils/types';
+import { CreatePollStages } from '../redux/actionTypes';
+import { visiblePollsSelector } from '../utils/functions';
+export const PollsAndQuizBottomSheet = () => {
+  const headerHeight = useHeaderHeight();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const {
+    modalVisibleType: modalVisible,
+    handleModalVisibleType: setModalVisible
+  } = useModalType();
+  const isPollQuestionStage = useSelector(state => state.polls.stage === CreatePollStages.POLL_QUESTION_CONFIG);
+  const isHLSViewer = useIsHLSViewer();
+  const havePolls = useSelector(state => visiblePollsSelector(Object.values(state.polls.polls), isHLSViewer, state.polls.cuedPollIds).length > 0);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    contentContainer: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
+  const dismissModal = () => setModalVisible(ModalTypes.DEFAULT);
+  const fullHeight = isPollQuestionStage || havePolls;
+  const containerStyles = fullHeight ? [styles.bottomSheet, {
+    marginTop: isLandscapeOrientation ? 0 : headerHeight + (Platform.OS === 'android' ? 24 : 0)
+  }, hmsRoomStyles.contentContainer] : [hmsRoomStyles.contentContainer];
+  return /*#__PURE__*/React.createElement(BottomSheet
+  // fullWidth={true}
+  , {
+    dismissModal: dismissModal,
+    isVisible: modalVisible === ModalTypes.POLLS_AND_QUIZZES,
+    avoidKeyboard: true,
+    containerStyle: containerStyles,
+    bottomOffsetSpace: fullHeight ? 0 : undefined
+  }, /*#__PURE__*/React.createElement(PollsAndQuizzesModalContent, {
+    fullHeight: fullHeight,
+    dismissModal: dismissModal
+  }));
+};
+const styles = StyleSheet.create({
+  bottomSheet: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=PollsAndQuizBottomSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StyleSheet","useSelector","BottomSheet","useHMSRoomStyleSheet","useIsHLSViewer","useModalType","useHeaderHeight","useIsLandscapeOrientation","PollsAndQuizzesModalContent","ModalTypes","CreatePollStages","visiblePollsSelector","PollsAndQuizBottomSheet","headerHeight","isLandscapeOrientation","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","isPollQuestionStage","state","polls","stage","POLL_QUESTION_CONFIG","isHLSViewer","havePolls","Object","values","cuedPollIds","length","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","dismissModal","DEFAULT","fullHeight","containerStyles","styles","bottomSheet","marginTop","OS","createElement","isVisible","POLLS_AND_QUIZZES","avoidKeyboard","containerStyle","bottomOffsetSpace","undefined","create","flex"],"sourceRoot":"../../../src","sources":["components/PollsAndQuizBottomSheet.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SACEC,oBAAoB,EACpBC,cAAc,EACdC,YAAY,QACP,eAAe;AACtB,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,oBAAoB,QAAQ,oBAAoB;AAEzD,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,YAAY,GAAGP,eAAe,CAAC,CAAC;EACtC,MAAMQ,sBAAsB,GAAGP,yBAAyB,CAAC,CAAC;EAC1D,MAAM;IACJQ,gBAAgB,EAAEC,YAAY;IAC9BC,sBAAsB,EAAEC;EAC1B,CAAC,GAAGb,YAAY,CAAC,CAAC;EAElB,MAAMc,mBAAmB,GAAGlB,WAAW,CACpCmB,KAAgB,IACfA,KAAK,CAACC,KAAK,CAACC,KAAK,KAAKZ,gBAAgB,CAACa,oBAC3C,CAAC;EACD,MAAMC,WAAW,GAAGpB,cAAc,CAAC,CAAC;EACpC,MAAMqB,SAAS,GAAGxB,WAAW,CAC1BmB,KAAgB,IACfT,oBAAoB,CAClBe,MAAM,CAACC,MAAM,CAACP,KAAK,CAACC,KAAK,CAACA,KAAK,CAAC,EAChCG,WAAW,EACXJ,KAAK,CAACC,KAAK,CAACO,WACd,CAAC,CAACC,MAAM,GAAG,CACf,CAAC;EAED,MAAMC,aAAa,GAAG3B,oBAAoB,CAAE4B,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,YAAY,GAAGA,CAAA,KAAMlB,eAAe,CAACT,UAAU,CAAC4B,OAAO,CAAC;EAE9D,MAAMC,UAAU,GAAGnB,mBAAmB,IAAIM,SAAS;EACnD,MAAMc,eAAe,GAAGD,UAAU,GAC9B,CACEE,MAAM,CAACC,WAAW,EAClB;IACEC,SAAS,EAAE5B,sBAAsB,GAC7B,CAAC,GACDD,YAAY,IAAId,QAAQ,CAAC4C,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC;EACxD,CAAC,EACDb,aAAa,CAACE,gBAAgB,CAC/B,GACD,CAACF,aAAa,CAACE,gBAAgB,CAAC;EAEpC,oBACElC,KAAA,CAAA8C,aAAA,CAAC1C;EACC;EAAA;IACAkC,YAAY,EAAEA,YAAa;IAC3BS,SAAS,EAAE7B,YAAY,KAAKP,UAAU,CAACqC,iBAAkB;IACzDC,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAET,eAAgB;IAChCU,iBAAiB,EAAEX,UAAU,GAAG,CAAC,GAAGY;EAAU,gBAE9CpD,KAAA,CAAA8C,aAAA,CAACpC,2BAA2B;IAC1B8B,UAAU,EAAEA,UAAW;IACvBF,YAAY,EAAEA;EAAa,CAC5B,CACU,CAAC;AAElB,CAAC;AAED,MAAMI,MAAM,GAAGxC,UAAU,CAACmD,MAAM,CAAC;EAC/BV,WAAW,EAAE;IACXW,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/PollsAndQuizzesCard.js

@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { batch, useDispatch } from 'react-redux';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { HMSPrimaryButton } from './HMSPrimaryButton';
+import { setPollStage, setSelectedPollId } from '../redux/actions';
+import { CreatePollStages } from '../redux/actionTypes';
+import { PollAndQuizzStateLabel } from './PollAndQuizzStateLabel';
+export const PollsAndQuizzesCard = ({
+  poll
+}) => {
+  const dispatch = useDispatch();
+  const hmsRoomStyles = 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 = () => {
+    batch(() => {
+      dispatch(setPollStage(CreatePollStages.POLL_VOTING));
+      dispatch(setSelectedPollId(poll.pollId));
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [hmsRoomStyles.container, styles.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 4,
+    style: [styles.pollTitle, hmsRoomStyles.surfaceHighSemiBoldText]
+  }, poll.title), typeof poll.state === 'number' ? /*#__PURE__*/React.createElement(PollAndQuizzStateLabel, {
+    state: poll.state
+  }) : null), /*#__PURE__*/React.createElement(View, {
+    style: styles.spacer
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.rightRow
+  }, /*#__PURE__*/React.createElement(HMSPrimaryButton, {
+    loading: false,
+    onPress: viewPoll,
+    title: "View"
+  })));
+};
+const styles = 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/module/components/PollsAndQuizzesCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","batch","useDispatch","useHMSRoomStyleSheet","HMSPrimaryButton","setPollStage","setSelectedPollId","CreatePollStages","PollAndQuizzStateLabel","PollsAndQuizzesCard","poll","dispatch","hmsRoomStyles","theme","typography","surfaceHighSemiBoldText","color","palette","on_surface_high","fontFamily","font_family","container","backgroundColor","surface_default","liveStateLabelWrapper","alert_error_default","stateLabelWrapper","surface_brighter","viewPoll","POLL_VOTING","pollId","createElement","style","styles","row","numberOfLines","pollTitle","title","state","spacer","rightRow","loading","onPress","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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"}