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

package/lib/module/components/CreatePoll.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { View, Text, StyleSheet, Switch } from 'react-native';
+import { View, Text, StyleSheet, Switch, TouchableOpacity } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
+import { HMSPollType } from '@100mslive/react-native-hms';
 import { useHMSRoomStyleSheet } from '../hooks-util';
 import { BottomSheet } from './BottomSheet';
 import { HMSTextInput } from './HMSTextInput';
@@ -8,6 +9,7 @@ import { HMSPrimaryButton } from './HMSPrimaryButton';
 import { COLORS } from '../utils/theme';
 import { setPollConfig, setPollName, setPollStage } from '../redux/actions';
 import { CreatePollStages } from '../redux/actionTypes';
+import { PollIcon, QuizIcon } from '../Icons';
 export const CreatePoll = ({}) => {
   const dispatch = useDispatch();
   const pollName = useSelector(state => state.polls.pollName);
@@ -24,10 +26,17 @@ export const CreatePoll = ({}) => {
     typeLabelContainer: {
       borderColor: theme.palette.border_bright
     },
+    activeTypeLabelContainer: {
+      borderColor: theme.palette.primary_default
+    },
     typeLabelIconContainer: {
       borderColor: theme.palette.border_bright,
       backgroundColor: theme.palette.surface_bright
     },
+    activeTypeLabelIconContainer: {
+      borderColor: theme.palette.primary_default,
+      backgroundColor: theme.palette.surface_bright
+    },
     pollNameLabel: {
       color: theme.palette.on_surface_high,
       fontFamily: `${typography.font_family}-Regular`
@@ -41,6 +50,11 @@ export const CreatePoll = ({}) => {
       [configKey]: configValue
     }));
   };
+  const handlePollTypeChange = configValue => {
+    dispatch(setPollConfig({
+      type: configValue
+    }));
+  };
   const addQuestions = () => {
     if (pollName.trim().length > 0) {
       dispatch(setPollStage(CreatePollStages.POLL_QUESTION_CONFIG));
@@ -49,13 +63,52 @@ export const CreatePoll = ({}) => {
   return /*#__PURE__*/React.createElement(View, {
     style: styles.contentContainer
   }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.typeSelectionLabel, hmsRoomStyles.typeSelectionLabel]
+  }, "Select the type you want to continue with"), /*#__PURE__*/React.createElement(View, {
+    style: styles.typeContainer
+  }, [{
+    id: 'poll',
+    label: 'Poll',
+    icon: /*#__PURE__*/React.createElement(PollIcon, null),
+    pressHandler: () => handlePollTypeChange(HMSPollType.poll),
+    active: pollConfig.type === HMSPollType.poll
+  }, {
+    id: 'quiz',
+    label: 'Quiz',
+    icon: /*#__PURE__*/React.createElement(QuizIcon, null),
+    pressHandler: () => handlePollTypeChange(HMSPollType.quiz),
+    active: pollConfig.type === HMSPollType.quiz
+  }].map((item, idx) => {
+    const isFirst = idx === 0;
+    const isActive = item.active;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: item.id
+    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: 16
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexGrow: 1
+      }
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.7,
+      disabled: isActive,
+      onPress: item.pressHandler,
+      style: [styles.typeLabelContainer, isActive ? hmsRoomStyles.activeTypeLabelContainer : hmsRoomStyles.typeLabelContainer]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.typeLabelIconContainer, isActive ? hmsRoomStyles.activeTypeLabelIconContainer : hmsRoomStyles.typeLabelIconContainer]
+    }, item.icon), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.typeLabel, hmsRoomStyles.typeLabel]
+    }, item.label))));
+  })), /*#__PURE__*/React.createElement(Text, {
     style: [styles.pollNameLabel, hmsRoomStyles.pollNameLabel]
-  }, "Poll Name"), /*#__PURE__*/React.createElement(HMSTextInput, {
+  }, pollConfig.type === HMSPollType.quiz ? 'Quiz' : 'Poll', " Name"), /*#__PURE__*/React.createElement(HMSTextInput, {
     style: styles.textInput,
     value: pollName,
     autoFocus: false,
     onChangeText: handlePollNameChange,
-    placeholder: 'My Poll'
+    placeholder: `My ${pollConfig.type === HMSPollType.quiz ? 'Quiz' : 'Poll'}`
   }), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
     style: {
       marginVertical: 24
@@ -63,14 +116,19 @@ export const CreatePoll = ({}) => {
   }), [{
     id: 'voteCountHidden',
     label: 'Hide vote count',
-    enabled: pollConfig.voteCountHidden
-  }].map(item => {
+    enabled: pollConfig.voteCountHidden,
+    visible: pollConfig.type === HMSPollType.poll
+  }
+  // {
+  //   id: 'resultsAnonymous' as const,
+  //   label: 'Make results anonymous',
+  //   enabled: pollConfig.resultsAnonymous,
+  //   visible: true
+  // },
+  ].filter(item => item.visible).map(item => {
     return /*#__PURE__*/React.createElement(View, {
       key: item.id,
-      style: {
-        marginTop: 4,
-        flexDirection: 'row'
-      }
+      style: styles.switchWrapper
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.pollNameLabel, hmsRoomStyles.typeSelectionLabel, {
         flexGrow: 1
@@ -86,56 +144,43 @@ export const CreatePoll = ({}) => {
     }));
   }), /*#__PURE__*/React.createElement(HMSPrimaryButton, {
     disabled: !pollName.trim(),
-    title: "Create Poll",
+    title: `Create ${pollConfig.type === HMSPollType.quiz ? 'Quiz' : 'Poll'}`,
     onPress: addQuestions,
     loading: false,
-    style: {
-      marginTop: 24
-    }
+    style: styles.createPollBtn
   }));
 };
-
-// {/* <Text style={[styles.typeSelectionLabel, hmsRoomStyles.typeSelectionLabel]}>
-//   Select the type you want to continue with
-// </Text>
-// <View style={{ flexDirection: 'row', marginTop: 8, marginBottom: 24, }}>
-//   {[
-//     {
-//       id: 'poll',
-//       label: 'Poll',
-//       icon: <PollIcon />,
-//       pressHandler: undefined,
-//       active: true,
-//     },
-//     {
-//       id: 'quiz',
-//       label: 'Quiz',
-//       icon: <QuizIcon />,
-//       pressHandler: undefined,
-//       active: false,
-//     },
-//   ].map((item, idx) => {
-//     const isFirst = idx === 0;
-//     const isActive = item.active;
-//     return (
-//       <React.Fragment key={item.id}>
-//         {isFirst ? null : <View style={{ width: 16 }} />}
-
-//         <View style={{ flexGrow: 1 }}>
-//           <TouchableOpacity
-//             onPress={item.pressHandler}
-//             style={[{ flexDirection: 'row', padding: 8, borderRadius: 8, borderWidth: 1, alignItems: 'center', }, hmsRoomStyles.typeLabelContainer]}
-//           >
-//             <View style={[{ padding: 8, borderRadius: 4, borderWidth: 1, marginRight: 16 }, hmsRoomStyles.typeLabelIconContainer]}>{item.icon}</View>
-//             <Text style={[{ fontSize: 16, lineHeight: 24, letterSpacing: 0.15 }, hmsRoomStyles.typeLabel]}>{item.label}</Text>
-//           </TouchableOpacity>
-//         </View>
-//       </React.Fragment>
-//     )
-//   })}
-// </View> */}
-
 const styles = StyleSheet.create({
+  typeContainer: {
+    flexDirection: 'row',
+    marginTop: 8,
+    marginBottom: 24
+  },
+  typeLabelContainer: {
+    flexDirection: 'row',
+    padding: 8,
+    borderRadius: 8,
+    borderWidth: 1,
+    alignItems: 'center'
+  },
+  typeLabelIconContainer: {
+    padding: 8,
+    borderRadius: 4,
+    borderWidth: 1,
+    marginRight: 16
+  },
+  typeLabel: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.15
+  },
+  switchWrapper: {
+    marginTop: 4,
+    flexDirection: 'row'
+  },
+  createPollBtn: {
+    marginTop: 24
+  },
   contentContainer: {
     marginHorizontal: 24
   },

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","Switch","useDispatch","useSelector","useHMSRoomStyleSheet","BottomSheet","HMSTextInput","HMSPrimaryButton","COLORS","setPollConfig","setPollName","setPollStage","CreatePollStages","CreatePoll","dispatch","pollName","state","polls","pollConfig","hmsRoomStyles","theme","typography","typeSelectionLabel","color","palette","on_surface_medium","fontFamily","font_family","typeLabel","on_surface_high","typeLabelContainer","borderColor","border_bright","typeLabelIconContainer","backgroundColor","surface_bright","pollNameLabel","handlePollNameChange","name","handleConfigChange","configKey","configValue","addQuestions","trim","length","POLL_QUESTION_CONFIG","createElement","style","styles","contentContainer","textInput","value","autoFocus","onChangeText","placeholder","Divider","marginVertical","id","label","enabled","voteCountHidden","map","item","key","marginTop","flexDirection","flexGrow","thumbColor","WHITE","trackColor","true","PRIMARY","DEFAULT","false","SECONDARY","DISABLED","onValueChange","disabled","title","onPress","loading","create","marginHorizontal","fontSize","lineHeight","flex","undefined"],"sourceRoot":"../../../src","sources":["components/CreatePoll.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","StyleSheet","Switch","TouchableOpacity","useDispatch","useSelector","HMSPollType","useHMSRoomStyleSheet","BottomSheet","HMSTextInput","HMSPrimaryButton","COLORS","setPollConfig","setPollName","setPollStage","CreatePollStages","PollIcon","QuizIcon","CreatePoll","dispatch","pollName","state","polls","pollConfig","hmsRoomStyles","theme","typography","typeSelectionLabel","color","palette","on_surface_medium","fontFamily","font_family","typeLabel","on_surface_high","typeLabelContainer","borderColor","border_bright","activeTypeLabelContainer","primary_default","typeLabelIconContainer","backgroundColor","surface_bright","activeTypeLabelIconContainer","pollNameLabel","handlePollNameChange","name","handleConfigChange","configKey","configValue","handlePollTypeChange","type","addQuestions","trim","length","POLL_QUESTION_CONFIG","createElement","style","styles","contentContainer","typeContainer","id","label","icon","pressHandler","poll","active","quiz","map","item","idx","isFirst","isActive","Fragment","key","width","flexGrow","activeOpacity","disabled","onPress","textInput","value","autoFocus","onChangeText","placeholder","Divider","marginVertical","enabled","voteCountHidden","visible","filter","switchWrapper","thumbColor","WHITE","trackColor","true","PRIMARY","DEFAULT","false","SECONDARY","DISABLED","onValueChange","title","loading","createPollBtn","create","flexDirection","marginTop","marginBottom","padding","borderRadius","borderWidth","alignItems","marginRight","fontSize","lineHeight","letterSpacing","marginHorizontal","flex","undefined"],"sourceRoot":"../../../src","sources":["components/CreatePoll.tsx"],"mappings":"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"}

package/lib/module/components/GridView.js

@@ -1,6 +1,7 @@
 import React, { useRef, useState, useImperativeHandle } from 'react';
-import { View, FlatList, StyleSheet, useWindowDimensions, Platform } from 'react-native';
+import { View, FlatList, StyleSheet, Platform } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
+import { useSafeAreaFrame } from 'react-native-safe-area-context';
 import { DefaultModal } from './DefaultModal';
 import { SaveScreenshot } from './Modals';
 import { TilesContainer } from './TilesContainer';
@@ -9,7 +10,6 @@ import { PaginationDots } from './PaginationDots';
 import { setGridViewActivePage } from '../redux/actions';
 import { Tile } from './Tile';
 import { useIsLandscapeOrientation } from '../utils/dimension';
-import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
 const FLATLIST_VIEWABILITY_CONFIG = {
   waitForInteraction: true,
   itemVisiblePercentThreshold: 80
@@ -201,12 +201,8 @@ const ScreenshareTiles = /*#__PURE__*/React.forwardRef(({
   setHmsViewRefs
 }, flatlistRef) => {
   const {
-    width
-  } = useWindowDimensions();
-  const {
-    left,
-    right
-  } = useSafeAreaInsets();
+    width: safeWidth
+  } = useSafeAreaFrame();
   const isLandscapeOrientation = useIsLandscapeOrientation();
   const [activePage, setActivePage] = useState(0);
   const screensharePeerTrackNodes = useSelector(state => state.app.screensharePeerTrackNodes);
@@ -217,7 +213,7 @@ const ScreenshareTiles = /*#__PURE__*/React.forwardRef(({
       setActivePage(firstViewable.index);
     }
   }, []);
-  const tileWidth = width + left + right;
+  const tileWidth = safeWidth;
   const _renderItem = React.useCallback(({
     item
   }) => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","StyleSheet","useWindowDimensions","Platform","useDispatch","useSelector","DefaultModal","SaveScreenshot","TilesContainer","MiniView","PaginationDots","setGridViewActivePage","Tile","useIsLandscapeOrientation","useSafeAreaFrame","useSafeAreaInsets","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","GridView","forwardRef","pairedPeers","onPeerTileMorePress","ref","screenshotData","setScreenshotData","hmsViewRefs","regularTilesFlatlistRef","screenshareTilesFlatlistRef","insetTileBoundingBox","setInsetTileBoundingBox","width","height","screenshareTilesAvailable","state","app","screensharePeerTrackNodes","length","regularTilesAvailable","isLandscapeOrientation","useEffect","_screenshareTilesFlat","current","scrollToOffset","offset","animated","_regularTilesFlatlist","miniviewPeerTrackNodeExists","miniviewPeerTrackNode","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","id","console","warn","capture","call","then","imageBase64","log","peer","source","uri","catch","error","getRegularTilesFlatlistRef","getScreenshareTilesFlatlistRef","setHmsViewRefs","useCallback","viewId","_handleLayoutChange","nativeEvent","layout","createElement","style","styles","container","onLayout","measureLayoutView","ScreenshareTiles","RegularTiles","boundingBoxWidth","boundingBoxHeight","onMoreOptionsPress","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName","create","flex","position","flatlistRef","dispatch","safeHeight","activeIndex","gridViewActivePage","_keyExtractor","item","_item$","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","_renderItem","peerTrackNodes","undefined","horizontal","OS","maxHeight","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","onViewableItemsChanged","viewabilityConfig","list","marginVertical","left","right","activePage","setActivePage","tileWidth","peerTrackNode","marginBottom"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","StyleSheet","Platform","useDispatch","useSelector","useSafeAreaFrame","DefaultModal","SaveScreenshot","TilesContainer","MiniView","PaginationDots","setGridViewActivePage","Tile","useIsLandscapeOrientation","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","GridView","forwardRef","pairedPeers","onPeerTileMorePress","ref","screenshotData","setScreenshotData","hmsViewRefs","regularTilesFlatlistRef","screenshareTilesFlatlistRef","insetTileBoundingBox","setInsetTileBoundingBox","width","height","screenshareTilesAvailable","state","app","screensharePeerTrackNodes","length","regularTilesAvailable","isLandscapeOrientation","useEffect","_screenshareTilesFlat","current","scrollToOffset","offset","animated","_regularTilesFlatlist","miniviewPeerTrackNodeExists","miniviewPeerTrackNode","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","id","console","warn","capture","call","then","imageBase64","log","peer","source","uri","catch","error","getRegularTilesFlatlistRef","getScreenshareTilesFlatlistRef","setHmsViewRefs","useCallback","viewId","_handleLayoutChange","nativeEvent","layout","createElement","style","styles","container","onLayout","measureLayoutView","ScreenshareTiles","RegularTiles","boundingBoxWidth","boundingBoxHeight","onMoreOptionsPress","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName","create","flex","position","flatlistRef","dispatch","safeHeight","activeIndex","gridViewActivePage","_keyExtractor","item","_item$","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","_renderItem","peerTrackNodes","undefined","horizontal","OS","maxHeight","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","onViewableItemsChanged","viewabilityConfig","list","marginVertical","safeWidth","activePage","setActivePage","tileWidth","peerTrackNode","marginBottom"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ,OAAO;AAEpE,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AACnE,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAGtD,SAASC,gBAAgB,QAAQ,gCAAgC;AAEjE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,qBAAqB,QAAQ,kBAAkB;AACxD,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,yBAAyB,QAAQ,oBAAoB;AAe9D,MAAMC,2BAA2B,GAAG;EAClCC,kBAAkB,EAAE,IAAI;EACxBC,2BAA2B,EAAE;AAC/B,CAAC;AAED,OAAO,MAAMC,QAAQ,gBAAGtB,KAAK,CAACuB,UAAU,CACtC,CAAC;EAAEC,WAAW;EAAEC;AAAoB,CAAC,EAAEC,GAAG,KAAK;EAC7C,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG1B,QAAQ,CAG1C,IAAI,CAAC;EACf,MAAM2B,WAAW,GAAG5B,MAAM,CAA6C,CAAC,CAAC,CAAC;EAC1E,MAAM6B,uBAAuB,GAAG7B,MAAM,CAA4B,IAAI,CAAC;EACvE,MAAM8B,2BAA2B,GAAG9B,MAAM,CAA0B,IAAI,CAAC;EACzE,MAAM,CAAC+B,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG/B,QAAQ,CAG7D;IAAEgC,KAAK,EAAE,IAAI;IAAEC,MAAM,EAAE;EAAK,CAAC,CAAC;EAEjC,MAAMC,yBAAyB,GAAG3B,WAAW,CAC1C4B,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,yBAAyB,CAACC,MAAM,GAAG,CACrE,CAAC;EACD,MAAMC,qBAAqB,GAAGjB,WAAW,CAACgB,MAAM,GAAG,CAAC;EAEpD,MAAME,sBAAsB,GAAGxB,yBAAyB,CAAC,CAAC;;EAE1D;EACAlB,KAAK,CAAC2C,SAAS,CAAC,MAAM;IACpB,IAAIP,yBAAyB,EAAE;MAAA,IAAAQ,qBAAA;MAC7B,CAAAA,qBAAA,GAAAb,2BAA2B,CAACc,OAAO,cAAAD,qBAAA,eAAnCA,qBAAA,CAAqCE,cAAc,CAAC;QAClDC,MAAM,EAAE,CAAC;QACTC,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACZ,yBAAyB,EAAEM,sBAAsB,CAAC,CAAC;;EAEvD;EACA1C,KAAK,CAAC2C,SAAS,CAAC,MAAM;IACpB,IAAIF,qBAAqB,EAAE;MAAA,IAAAQ,qBAAA;MACzB,CAAAA,qBAAA,GAAAnB,uBAAuB,CAACe,OAAO,cAAAI,qBAAA,eAA/BA,qBAAA,CAAiCH,cAAc,CAAC;QAC9CC,MAAM,EAAE,CAAC;QACTC,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACP,qBAAqB,EAAEC,sBAAsB,CAAC,CAAC;EAEnD,MAAMQ,2BAA2B,GAAGzC,WAAW,CAC5C4B,KAAgB,IAAK,CAAC,CAACA,KAAK,CAACC,GAAG,CAACa,qBACpC,CAAC;;EAED;EACA;EACAhD,mBAAmB,CACjBuB,GAAG,EACH,OAAO;IACL0B,qBAAqB,EAAGC,IAAmB,IAAK;MAAA,IAAAC,mBAAA;MAC9C;MACA,MAAMC,UAAU,GAAG1B,WAAW,CAACgB,OAAO,CAACQ,IAAI,CAACG,EAAE,CAAC;;MAE/C;MACA,IAAI,CAACD,UAAU,EAAE;QACfE,OAAO,CAACC,IAAI,CAAE,mBAAkBL,IAAI,CAACG,EAAG,qBAAoB,CAAC;QAC7D;MACF;;MAEA;MACA,CAAAF,mBAAA,GAAAC,UAAU,CACPI,OAAO,cAAAL,mBAAA,eADVA,mBAAA,CAAAM,IAAA,CAAAL,UACa,CAAC,CACXM,IAAI,CAAEC,WAAmB,IAAK;QAC7BL,OAAO,CAACM,GAAG,CAAC,yBAAyB,CAAC;QACtC;QACAnC,iBAAiB,CAAC;UAChBoC,IAAI,EAAEX,IAAI,CAACW,IAAI;UACfC,MAAM,EAAE;YAAEC,GAAG,EAAG,yBAAwBJ,WAAY;UAAE;QACxD,CAAC,CAAC;MACJ,CAAC,CAAC,CACDK,KAAK,CAAEC,KAAU,IAChBX,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAEU,KAAK,CAC/C,CAAC;IACL,CAAC;IACDC,0BAA0B,EAAEA,CAAA,KAAM;MAChC,OAAOvC,uBAAuB;IAChC,CAAC;IACDwC,8BAA8B,EAAEA,CAAA,KAAM;MACpC,OAAOvC,2BAA2B;IACpC;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMwC,cAAc,GAAGvE,KAAK,CAACwE,WAAW,CACtC,CAACC,MAAc,EAAE/C,GAA0B,KAAK;IAC9CG,WAAW,CAACgB,OAAO,CAAC4B,MAAM,CAAC,GAAG/C,GAAG;EACnC,CAAC,EACD,EACF,CAAC;EAED,MAAMgD,mBAAmB,GAAG1E,KAAK,CAACwE,WAAW,CAC3C,CAAC;IAAEG;EAA+B,CAAC,KAAK;IACtC1C,uBAAuB,CAAC;MACtBC,KAAK,EAAEyC,WAAW,CAACC,MAAM,CAAC1C,KAAK;MAC/BC,MAAM,EAAEwC,WAAW,CAACC,MAAM,CAACzC;IAC7B,CAAC,CAAC;EACJ,CAAC,EACD,EACF,CAAC;EAED,oBACEnC,KAAA,CAAA6E,aAAA,CAACzE,IAAI;IAAC0E,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS;EAAE,gBAC9BhF,KAAA,CAAA6E,aAAA,CAACzE,IAAI;IAAC6E,QAAQ,EAAEP,mBAAoB;IAACI,KAAK,EAAEC,MAAM,CAACG;EAAkB,CAAE,CAAC,EAEvE9C,yBAAyB,gBACxBpC,KAAA,CAAA6E,aAAA,CAACM,gBAAgB;IACfzD,GAAG,EAAEK,2BAA4B;IACjCwC,cAAc,EAAEA,cAAe;IAC/B9C,mBAAmB,EAAEA;EAAoB,CAC1C,CAAC,GACA,IAAI,EAEPW,yBAAyB,IAAIM,sBAAsB,GAAG,IAAI,gBACzD1C,KAAA,CAAA6E,aAAA,CAACO,YAAY;IACX1D,GAAG,EAAEI,uBAAwB;IAC7BN,WAAW,EAAEA,WAAY;IACzB+C,cAAc,EAAEA,cAAe;IAC/B9C,mBAAmB,EAAEA;EAAoB,CAC1C,CACF,EAEAD,WAAW,CAACgB,MAAM,GAAG,CAAC,IAAIU,2BAA2B,gBACpDlD,KAAA,CAAA6E,aAAA,CAAC/D,QAAQ;IACPuE,gBAAgB,EAAErD,oBAAoB,CAACE,KAAM;IAC7CoD,iBAAiB,EAAEtD,oBAAoB,CAACG,MAAO;IAC/CoD,kBAAkB,EAAE9D;EAAoB,CACzC,CAAC,GACA,IAAI,eAGRzB,KAAA,CAAA6E,aAAA,CAAClE,YAAY;IACX6E,YAAY,EAAC,QAAQ;IACrBC,YAAY,EAAE,CAAC,CAAC9D,cAAe;IAC/B+D,eAAe,EAAEA,CAAA,KAAM9D,iBAAiB,CAAC,IAAI;EAAE,gBAE/C5B,KAAA,CAAA6E,aAAA,CAACjE,cAAc;IACb+E,WAAW,EAAEhE,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsC,MAAO;IACpC2B,WAAW,EAAEA,CAAA,KAAMhE,iBAAiB,CAAC,IAAI;EAAE,CAC5C,CACW,CACV,CAAC;AAEX,CACF,CAAC;AAEDN,QAAQ,CAACuE,WAAW,GAAG,UAAU;AAEjC,MAAMd,MAAM,GAAGzE,UAAU,CAACwF,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDd,iBAAiB,EAAE;IACjBc,QAAQ,EAAE,UAAU;IACpB9D,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAQF,MAAMiD,YAAY,gBAAGpF,KAAK,CAACuB,UAAU,CAGnC,CAAC;EAAEC,WAAW;EAAEC,mBAAmB;EAAE8C;AAAe,CAAC,EAAE0B,WAAW,KAAK;EACvE,MAAMC,QAAQ,GAAG1F,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAE2B,MAAM,EAAEgE;EAAW,CAAC,GAAGzF,gBAAgB,CAAC,CAAC;EAEjD,MAAM0B,yBAAyB,GAAG3B,WAAW,CAC1C4B,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,yBAAyB,CAACC,MAAM,GAAG,CACrE,CAAC;EACD,MAAM4D,WAAW,GAAG3F,WAAW,CAC5B4B,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAAC+D,kBAClC,CAAC;EAED,MAAM3D,sBAAsB,GAAGxB,yBAAyB,CAAC,CAAC;EAE1D,MAAMoF,aAAa,GAAGtG,KAAK,CAACwE,WAAW,CAAE+B,IAAI;IAAA,IAAAC,MAAA;IAAA,QAAAA,MAAA,GAAKD,IAAI,CAAC,CAAC,CAAC,cAAAC,MAAA,uBAAPA,MAAA,CAAShD,EAAE;EAAA,GAAE,EAAE,CAAC;EAElE,MAAMiD,2BAA2B,GAAGzG,KAAK,CAACwE,WAAW,CAClDkC,IAA0D,IAAK;IAC9D,MAAMC,aAAa,GAAGD,IAAI,CAACE,aAAa,CAAC,CAAC,CAAC;IAE3C,IACED,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEE,UAAU,IACzB,OAAOF,aAAa,CAACG,KAAK,KAAK,QAAQ,EACvC;MACAZ,QAAQ,CAAClF,qBAAqB,CAAC2F,aAAa,CAACG,KAAK,CAAC,CAAC;IACtD;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMC,WAAW,GAAG/G,KAAK,CAACwE,WAAW,CACnC,CAAC;IAAE+B;EAAK,CAAC,KAAK;IACZ,oBACEvG,KAAA,CAAA6E,aAAA,CAAChE,cAAc;MACbY,mBAAmB,EAAEA,mBAAoB;MACzCuF,cAAc,EAAET,IAAK;MACrBhC,cAAc,EAAEA;IAAe,CAChC,CAAC;EAEN,CAAC,EACD,CAAC9C,mBAAmB,EAAE8C,cAAc,CACtC,CAAC;EAED,oBACEvE,KAAA,CAAA6E,aAAA,CAACzE,IAAI;IAAC0E,KAAK,EAAE;MAAEiB,IAAI,EAAE3D,yBAAyB,GAAG6E,SAAS,GAAG;IAAE;EAAE,gBAC/DjH,KAAA,CAAA6E,aAAA,CAACxE,QAAQ;IACPqB,GAAG,EAAEuE,WAAY;IACjBiB,UAAU,EAAE,IAAK;IACjBpC,KAAK,EACHvE,QAAQ,CAAC4G,EAAE,KAAK,KAAK,GACjB;MAAEC,SAAS,EAAEjB,UAAU,IAAIzD,sBAAsB,GAAG,CAAC,GAAG,EAAE;IAAE,CAAC,GAC7D,IACL;IACD2E,IAAI,EAAE7F,WAAY;IAClB8F,kBAAkB,EAAE,CAAE;IACtBC,mBAAmB,EAAE,CAAE;IACvBC,UAAU,EAAE,CAAE;IACdC,aAAa;IACbC,8BAA8B,EAAE,KAAM;IACtCC,UAAU,EAAEZ,WAAY;IACxBa,UAAU,EAAE,CAAE;IACdC,YAAY,EAAEvB,aAAc;IAC5BwB,sBAAsB,EAAErB,2BAA4B;IACpDsB,iBAAiB,EAAE5G;EAA4B,CAChD,CAAC,EAEDK,WAAW,CAACgB,MAAM,GAAG,CAAC,gBACrBxC,KAAA,CAAA6E,aAAA,CAAC9D,cAAc;IACbiH,IAAI,EAAExG,WAAY;IAClB4E,WAAW,EAAEA,WAAY;IACzBtB,KAAK,EACH1C,yBAAyB,IAAIM,sBAAsB,GAC/C;MAAEuF,cAAc,EAAEvF,sBAAsB,GAAG,CAAC,GAAG;IAAE,CAAC,GAClD;EACL,CACF,CAAC,GACA,IACA,CAAC;AAEX,CAAC,CAAC;AAOF,MAAMyC,gBAAgB,gBAAGnF,KAAK,CAACuB,UAAU,CAGvC,CAAC;EAAEE,mBAAmB;EAAE8C;AAAe,CAAC,EAAE0B,WAAW,KAAK;EAC1D,MAAM;IAAE/D,KAAK,EAAEgG;EAAU,CAAC,GAAGxH,gBAAgB,CAAC,CAAC;EAC/C,MAAMgC,sBAAsB,GAAGxB,yBAAyB,CAAC,CAAC;EAC1D,MAAM,CAACiH,UAAU,EAAEC,aAAa,CAAC,GAAGlI,QAAQ,CAAC,CAAC,CAAC;EAC/C,MAAMqC,yBAAyB,GAAG9B,WAAW,CAC1C4B,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,yBAClC,CAAC;EAED,MAAM+D,aAAa,GAAGtG,KAAK,CAACwE,WAAW,CAAE+B,IAAI,IAAKA,IAAI,CAAC/C,EAAE,EAAE,EAAE,CAAC;EAE9D,MAAMiD,2BAA2B,GAAGzG,KAAK,CAACwE,WAAW,CAClDkC,IAA0D,IAAK;IAC9D,MAAMC,aAAa,GAAGD,IAAI,CAACE,aAAa,CAAC,CAAC,CAAC;IAE3C,IACED,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEE,UAAU,IACzB,OAAOF,aAAa,CAACG,KAAK,KAAK,QAAQ,EACvC;MACAsB,aAAa,CAACzB,aAAa,CAACG,KAAK,CAAC;IACpC;EACF,CAAC,EACD,EACF,CAAC;EACD,MAAMuB,SAAS,GAAGH,SAAS;EAE3B,MAAMnB,WAAW,GAAG/G,KAAK,CAACwE,WAAW,CACnC,CAAC;IAAE+B;EAAK,CAAC,KAAK;IACZ,oBACEvG,KAAA,CAAA6E,aAAA,CAAC5D,IAAI;MACHkB,MAAM,EAAE,MAAO;MACfD,KAAK,EAAEmG,SAAU;MACjBC,aAAa,EAAE/B,IAAK;MACpB9E,mBAAmB,EAAEA,mBAAoB;MACzC8C,cAAc,EAAEA;IAAe,CAChC,CAAC;EAEN,CAAC,EACD,CAAC8D,SAAS,EAAE5G,mBAAmB,EAAE8C,cAAc,CACjD,CAAC;EAED,oBACEvE,KAAA,CAAA6E,aAAA,CAACzE,IAAI;IAAC0E,KAAK,EAAE;MAAEiB,IAAI,EAAE,CAAC;MAAEwC,YAAY,EAAE;IAAE;EAAE,gBACxCvI,KAAA,CAAA6E,aAAA,CAACxE,QAAQ;IACPqB,GAAG,EAAEuE,WAAY;IACjBiB,UAAU,EAAE,IAAK;IACjBG,IAAI,EAAE9E,yBAA0B;IAChC+E,kBAAkB,EAAE,CAAE;IACtBC,mBAAmB,EAAE,CAAE;IACvBC,UAAU,EAAE,CAAE;IACdC,aAAa;IACbC,8BAA8B,EAAE,KAAM;IACtCC,UAAU,EAAEZ,WAAY;IACxBa,UAAU,EAAE,CAAE;IACdC,YAAY,EAAEvB,aAAc;IAC5BwB,sBAAsB,EAAErB,2BAA4B;IACpDsB,iBAAiB,EAAE5G;EAA4B,CAChD,CAAC,EAEDoB,yBAAyB,CAACC,MAAM,GAAG,CAAC,gBACnCxC,KAAA,CAAA6E,aAAA,CAAC9D,cAAc;IACbiH,IAAI,EAAEzF,yBAA0B;IAChC6D,WAAW,EAAE+B,UAAW;IACxBrD,KAAK,EAAE;MAAEmD,cAAc,EAAEvF,sBAAsB,GAAG,CAAC,GAAG;IAAE;EAAE,CAC3D,CAAC,GACA,IACA,CAAC;AAEX,CAAC,CAAC"}

package/lib/module/components/HMSPollsQuizzesNotification.js

@@ -66,7 +66,7 @@ export const HMSPollsQuizzesNotification = ({
       onPress: handleVotePress
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.buttonText, hmsRoomStyles.buttonText]
-    }, "Vote")))
+    }, poll.type === HMSPollType.quiz ? 'Answer' : 'Vote')))
     // ) : undefined
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","batch","useDispatch","StyleSheet","Text","TouchableHighlight","GestureDetector","Gesture","HMSPollType","HMSPollUpdateType","PollVoteIcon","useHMSRoomColorPalette","useHMSRoomStyleSheet","useModalType","HMSNotification","ModalTypes","removeNotification","setPollStage","setSelectedPollId","CreatePollStages","HMSPollsQuizzesNotification","id","payload","poll","pollUpdateType","dispatch","handleModalVisibleType","secondary_dim","secondaryDimColor","hmsRoomStyles","theme","typography","button","backgroundColor","palette","secondary_default","buttonText","color","on_secondary_high","fontFamily","font_family","handleVotePress","POLL_VOTING","pollId","POLLS_AND_QUIZZES","createElement","icon","text","createdBy","name","started","type","autoDismiss","dismissable","cta","gesture","Tap","underlayColor","style","styles","onPress","create","paddingVertical","paddingHorizontal","borderRadius","marginRight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPollsQuizzesNotification.tsx"],"mappings":"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"}
+{"version":3,"names":["React","batch","useDispatch","StyleSheet","Text","TouchableHighlight","GestureDetector","Gesture","HMSPollType","HMSPollUpdateType","PollVoteIcon","useHMSRoomColorPalette","useHMSRoomStyleSheet","useModalType","HMSNotification","ModalTypes","removeNotification","setPollStage","setSelectedPollId","CreatePollStages","HMSPollsQuizzesNotification","id","payload","poll","pollUpdateType","dispatch","handleModalVisibleType","secondary_dim","secondaryDimColor","hmsRoomStyles","theme","typography","button","backgroundColor","palette","secondary_default","buttonText","color","on_secondary_high","fontFamily","font_family","handleVotePress","POLL_VOTING","pollId","POLLS_AND_QUIZZES","createElement","icon","text","createdBy","name","started","type","autoDismiss","dismissable","cta","gesture","Tap","underlayColor","style","styles","onPress","quiz","create","paddingVertical","paddingHorizontal","borderRadius","marginRight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPollsQuizzesNotification.tsx"],"mappings":"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"}

package/lib/module/components/PollAndQuizQuestionResponseCard.js

@@ -1,14 +1,17 @@
 import * as React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
-import { HMSPollQuestionType, HMSPollState } from '@100mslive/react-native-hms';
+import { useDispatch, useSelector } from 'react-redux';
+import { HMSPollQuestionType, HMSPollState, HMSPollType } from '@100mslive/react-native-hms';
 import { useHMSInstance, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
 import { RadioInputRow } from './RadioInputRow';
 import { HMSPrimaryButton } from './HMSPrimaryButton';
 import { HMSBaseButton } from './HMSBaseButton';
-import { useDispatch, useSelector } from 'react-redux';
 import { addPollQuestionResponse, removePollQuestionResponse, setPollQuestionResponse } from '../redux/actions';
 import { PollResponseProgressView } from './PollResponseProgressView';
 import { CheckboxInputRow } from './CheckboxInputRow';
+import { checkIsCorrectAnswer, checkIsCorrectOption, checkIsSelected, getLabelFromPollQuestionType } from '../utils/functions';
+import { CheckIcon, CrossCircleIcon } from '../Icons';
+import { QuizEndOptionsView } from './QuizEndOptionsView';
 export const PollAndQuizQuestionResponseCard = ({
   pollState,
   totalQuestions,
@@ -17,14 +20,15 @@ export const PollAndQuizQuestionResponseCard = ({
   containerStyle,
   onSubmit
 }) => {
-  var _pollQuestion$options, _pollQuestion$options2;
+  var _pollQuestion$options, _pollQuestion$options2, _pollQuestion$options3;
   const {
     primary_bright: primaryBrightColor,
     on_surface_low: onSurfaceLowColor
   } = useHMSRoomColorPalette();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     container: {
-      backgroundColor: theme.palette.surface_default
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.surface_default
     },
     surfaceLowSemiBoldText: {
       color: theme.palette.on_surface_low,
@@ -34,6 +38,24 @@ export const PollAndQuizQuestionResponseCard = ({
       color: theme.palette.on_surface_high,
       fontFamily: `${typography.font_family}-Regular`
     },
+    wrongAnswer: {
+      borderColor: theme.palette.alert_error_default
+    },
+    correctAnswer: {
+      borderColor: theme.palette.alert_success
+    },
+    wrongAnswerText: {
+      color: theme.palette.alert_error_default
+    },
+    correctAnswerText: {
+      color: theme.palette.alert_success
+    },
+    wrongAnswerIcon: {
+      tintColor: theme.palette.alert_error_default
+    },
+    correctAnswerIcon: {
+      tintColor: theme.palette.alert_success
+    },
     skipButton: {
       borderColor: theme.palette.border_bright,
       borderWidth: 1,
@@ -44,16 +66,26 @@ export const PollAndQuizQuestionResponseCard = ({
       fontFamily: `${typography.font_family}-SemiBold`
     }
   }));
+
+  // variable to save timestamp when the question became visible to user
+  const startTime = React.useRef(null);
+  React.useEffect(() => {
+    startTime.current = Date.now();
+  }, [pollQuestion.index]);
   const hmsInstance = useHMSInstance();
   const dispatch = useDispatch();
   const selectedOptions = useSelector(state => {
     var _state$polls$pollsRes;
     return ((_state$polls$pollsRes = state.polls.pollsResponses[pollId]) === null || _state$polls$pollsRes === void 0 ? void 0 : _state$polls$pollsRes[pollQuestion.index]) ?? null;
   });
+  const pollType = useSelector(state => {
+    var _state$polls$polls$po;
+    return ((_state$polls$polls$po = state.polls.polls[pollId]) === null || _state$polls$polls$po === void 0 ? void 0 : _state$polls$polls$po.type) ?? HMSPollType.poll;
+  });
   const canViewPollResponse = useSelector(state => {
-    var _state$hmsStates$loca, _state$polls$polls$po;
+    var _state$hmsStates$loca, _state$polls$polls$po2;
     const localPeerRole = (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.role;
-    const rolesThatCanViewResponses = (_state$polls$polls$po = state.polls.polls[pollId]) === null || _state$polls$polls$po === void 0 ? void 0 : _state$polls$polls$po.rolesThatCanViewResponses;
+    const rolesThatCanViewResponses = (_state$polls$polls$po2 = state.polls.polls[pollId]) === null || _state$polls$polls$po2 === void 0 ? void 0 : _state$polls$polls$po2.rolesThatCanViewResponses;
     return Array.isArray(rolesThatCanViewResponses) && rolesThatCanViewResponses.length > 0 ? localPeerRole && rolesThatCanViewResponses.findIndex(role => role.name === localPeerRole.name) !== -1 : true;
   });
   const handleOptionSelection = (selected, option) => {
@@ -76,7 +108,8 @@ export const PollAndQuizQuestionResponseCard = ({
       pollId,
       pollQuestionIndex: pollQuestion.index,
       responses: {
-        options: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions]
+        options: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions],
+        duration: pollType === HMSPollType.quiz && startTime.current !== null ? Date.now() - startTime.current : undefined
       }
     });
     console.log(JSON.stringify(result, null, 4));
@@ -88,22 +121,48 @@ export const PollAndQuizQuestionResponseCard = ({
   const anyOptionSelected = Array.isArray(selectedOptions) ? selectedOptions.length > 0 : selectedOptions !== null;
   const isVoted = pollQuestion.myResponses.length > 0;
   const InputComponent = pollQuestion.type === HMSPollQuestionType.singleChoice ? RadioInputRow : pollQuestion.type === HMSPollQuestionType.multipleChoice ? CheckboxInputRow : null;
+  const isCorrectAnswer = checkIsCorrectAnswer(pollQuestion.type, pollQuestion.myResponses, pollQuestion.answer);
   return /*#__PURE__*/React.createElement(View, {
-    style: [hmsRoomStyles.container, styles.container, containerStyle]
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.tinyText, hmsRoomStyles.surfaceLowSemiBoldText, styles.uppercaseContent]
-  }, "Question ", pollQuestion.index, " of ", totalQuestions, ":", ' ', getLabelFromPollQuestionType(pollQuestion.type)), /*#__PURE__*/React.createElement(Text, {
+    style: [hmsRoomStyles.container, styles.container, pollType === HMSPollType.quiz && isVoted && pollState === HMSPollState.stopped ? isCorrectAnswer ? hmsRoomStyles.correctAnswer : hmsRoomStyles.wrongAnswer : null, containerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row'
+    }
+  }, pollType === HMSPollType.quiz && isVoted && pollState === HMSPollState.stopped ? isCorrectAnswer ? /*#__PURE__*/React.createElement(CheckIcon, {
+    type: "in-circle",
+    style: [hmsRoomStyles.correctAnswerIcon, {
+      marginRight: 8,
+      width: 16,
+      height: 16
+    }]
+  }) : /*#__PURE__*/React.createElement(CrossCircleIcon, {
+    style: [hmsRoomStyles.wrongAnswerIcon, {
+      marginRight: 8,
+      width: 16,
+      height: 16
+    }]
+  }) : null, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 2,
+    style: [styles.tinyText, hmsRoomStyles.surfaceLowSemiBoldText, styles.uppercaseContent, pollType === HMSPollType.quiz && isVoted && pollState === HMSPollState.stopped ? isCorrectAnswer ? hmsRoomStyles.correctAnswerText : hmsRoomStyles.wrongAnswerText : null]
+  }, "Question ", pollQuestion.index, " of ", totalQuestions, ":", ' ', getLabelFromPollQuestionType(pollQuestion.type))), /*#__PURE__*/React.createElement(Text, {
     style: [hmsRoomStyles.surfaceHighRegularText, styles.regularText, styles.verticalNormalSpacer]
-  }, pollQuestion.text), !InputComponent ? null : /*#__PURE__*/React.createElement(React.Fragment, null, canViewPollResponse && (pollQuestion.myResponses.length > 0 || pollState === HMSPollState.stopped) ? /*#__PURE__*/React.createElement(React.Fragment, null, (_pollQuestion$options = pollQuestion.options) === null || _pollQuestion$options === void 0 ? void 0 : _pollQuestion$options.sort((a, b) => a.index - b.index).map((option, _, arr) => {
+  }, pollQuestion.text), !InputComponent ? null : /*#__PURE__*/React.createElement(React.Fragment, null, pollType === HMSPollType.poll && canViewPollResponse && (pollQuestion.myResponses.length > 0 || pollState === HMSPollState.stopped) ? /*#__PURE__*/React.createElement(React.Fragment, null, (_pollQuestion$options = pollQuestion.options) === null || _pollQuestion$options === void 0 ? void 0 : _pollQuestion$options.sort((a, b) => a.index - b.index).map((option, _, arr) => {
     return /*#__PURE__*/React.createElement(PollResponseProgressView, {
       key: option.index,
       option: option,
-      totalVotes: arr.reduce((acc, curr) => {
-        return acc + curr.voteCount;
-      }, 0)
+      totalVotes: arr.reduce((acc, curr) => acc + curr.voteCount, 0)
     });
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, (_pollQuestion$options2 = pollQuestion.options) === null || _pollQuestion$options2 === void 0 ? void 0 : _pollQuestion$options2.sort((a, b) => a.index - b.index).map(option => {
-    const isSelected = pollQuestion.myResponses.length > 0 ? pollQuestion.type === HMSPollQuestionType.singleChoice ? !!pollQuestion.myResponses.find(r => r.option === option.index) : !!pollQuestion.myResponses.find(r => r.options ? r.options.includes(option.index) : false) : Array.isArray(selectedOptions) ? selectedOptions.includes(option.index) : selectedOptions === option.index;
+  })) : pollType === HMSPollType.quiz && pollState === HMSPollState.stopped ? /*#__PURE__*/React.createElement(React.Fragment, null, (_pollQuestion$options2 = pollQuestion.options) === null || _pollQuestion$options2 === void 0 ? void 0 : _pollQuestion$options2.sort((a, b) => a.index - b.index).map(option => {
+    const isSelected = checkIsSelected(pollQuestion, option, null);
+    const isCorrect = checkIsCorrectOption(pollQuestion.type, option, pollQuestion.answer);
+    return /*#__PURE__*/React.createElement(QuizEndOptionsView, {
+      key: option.index,
+      option: option,
+      isSelected: isSelected,
+      isCorrect: isCorrect
+    });
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, (_pollQuestion$options3 = pollQuestion.options) === null || _pollQuestion$options3 === void 0 ? void 0 : _pollQuestion$options3.sort((a, b) => a.index - b.index).map(option => {
+    const isSelected = checkIsSelected(pollQuestion, option, selectedOptions);
     return /*#__PURE__*/React.createElement(InputComponent, {
       key: option.index,
       disabled: isVoted,
@@ -115,9 +174,9 @@ export const PollAndQuizQuestionResponseCard = ({
         marginBottom: 16
       }
     });
-  }))), isVoted ? /*#__PURE__*/React.createElement(Text, {
+  }))), isVoted && (pollType === HMSPollType.poll || pollState === HMSPollState.started) ? /*#__PURE__*/React.createElement(Text, {
     style: [styles.regularText, styles.votedLabel, hmsRoomStyles.surfaceLowSemiBoldText]
-  }, "Voted") : pollState === HMSPollState.started ? /*#__PURE__*/React.createElement(View, {
+  }, pollType === HMSPollType.quiz ? 'Answered' : 'Voted') : pollState === HMSPollState.started ? /*#__PURE__*/React.createElement(View, {
     style: {
       alignSelf: 'flex-end',
       flexDirection: 'row'
@@ -133,13 +192,14 @@ export const PollAndQuizQuestionResponseCard = ({
     loading: false,
     disabled: !anyOptionSelected,
     onPress: handleVotePress,
-    title: "Vote"
+    title: pollType === HMSPollType.quiz ? 'Answer' : 'Vote'
   })) : null);
 };
 const styles = StyleSheet.create({
   container: {
     padding: 16,
-    borderRadius: 8
+    borderRadius: 8,
+    borderWidth: 1
   },
   tinyText: {
     fontSize: 10,
@@ -161,16 +221,4 @@ const styles = StyleSheet.create({
     textTransform: 'uppercase'
   }
 });
-function getLabelFromPollQuestionType(type) {
-  switch (type) {
-    case HMSPollQuestionType.singleChoice:
-      return 'Single Choice';
-    case HMSPollQuestionType.multipleChoice:
-      return 'Multiple Choice';
-    case HMSPollQuestionType.longAnswer:
-      return 'Long Answer';
-    case HMSPollQuestionType.shortAnswer:
-      return 'Short Answer';
-  }
-}
 //# sourceMappingURL=PollAndQuizQuestionResponseCard.js.map