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

package/lib/module/components/QuizLeaderboardEntriesScreen.js

@@ -0,0 +1,275 @@
+import * as React from 'react';
+import { Text, StyleSheet, View, Keyboard, TouchableOpacity, ActivityIndicator } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { FlashList } from '@shopify/flash-list';
+import { useHMSInstance, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
+import { popFromNavigationStack } from '../redux/actions';
+import { BottomSheet } from './BottomSheet';
+import { ChevronIcon, CloseIcon } from '../Icons';
+import { PollAndQuizzStateLabel } from './PollAndQuizzStateLabel';
+import { LeaderboardEntry } from './LeaderboardEntry';
+export const QuizLeaderboardEntriesScreen = ({
+  currentIdx,
+  dismissModal,
+  unmountScreenWithAnimation
+}) => {
+  var _selectedPoll$questio, _selectedPoll$questio2;
+  const hmsInstance = useHMSInstance();
+  const dispatch = useDispatch();
+  const selectedPoll = useSelector(state => {
+    const pollsData = state.polls;
+    if (pollsData.selectedPollId !== null) {
+      return pollsData.polls[pollsData.selectedPollId] || null;
+    }
+    return null;
+  });
+  const initialLeaderboardEntries = useSelector(state => {
+    var _state$polls$leaderbo;
+    return selectedPoll !== null && selectedPoll !== void 0 && selectedPoll.pollId ? (_state$polls$leaderbo = state.polls.leaderboards[selectedPoll.pollId]) === null || _state$polls$leaderbo === void 0 ? void 0 : _state$polls$leaderbo.entries : null;
+  });
+  const [leaderboardEntries, setLeaderboardEntries] = React.useState(initialLeaderboardEntries ? [...initialLeaderboardEntries] : []);
+  const startIndexRef = React.useRef(leaderboardEntries.length);
+  const {
+    primary_default: primaryDefaultColor
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    regularHighText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    regularMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    semiBoldMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    semiBoldHighText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    headerText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    container: {
+      backgroundColor: theme.palette.surface_dim
+    },
+    summaryContainer: {
+      backgroundColor: theme.palette.surface_default
+    },
+    entriesCard: {
+      backgroundColor: theme.palette.surface_default
+    },
+    divider: {
+      backgroundColor: theme.palette.border_bright
+    }
+  }));
+  const handleBackPress = () => {
+    Keyboard.dismiss();
+    if (typeof unmountScreenWithAnimation === 'function') {
+      unmountScreenWithAnimation(() => dispatch(popFromNavigationStack()));
+    } else {
+      dispatch(popFromNavigationStack());
+    }
+  };
+  const handleClosePress = () => {
+    Keyboard.dismiss();
+    dismissModal();
+  };
+  const [loading, setLoading] = React.useState(false);
+  const loadingRef = React.useRef(false);
+  const mounted = React.useRef(true);
+  const canFetchMore = React.useRef(true);
+  const fetchLeaderboard = React.useCallback(async () => {
+    if (selectedPoll !== null && selectedPoll !== void 0 && selectedPoll.pollId && canFetchMore.current && !loadingRef.current) {
+      setLoading(true);
+      loadingRef.current = true;
+      const response = await hmsInstance.interactivityCenter.fetchLeaderboard(selectedPoll.pollId, 50, startIndexRef.current + 1,
+      // Indexing starts from 1
+      false);
+      if (mounted) {
+        setLoading(false);
+        loadingRef.current = false;
+        if (Array.isArray(response.entries)) {
+          const entries = response.entries;
+          setLeaderboardEntries(prev => {
+            const list = [...prev, ...entries];
+            startIndexRef.current = list.length;
+            return list;
+          });
+          if (entries.length <= 0) {
+            canFetchMore.current = false;
+          }
+        }
+        if (response.hasNext === false) {
+          canFetchMore.current = false;
+        }
+      }
+    }
+  }, [selectedPoll === null || selectedPoll === void 0 ? void 0 : selectedPoll.pollId]);
+  const totalPoints = (selectedPoll === null || selectedPoll === void 0 || (_selectedPoll$questio = selectedPoll.questions) === null || _selectedPoll$questio === void 0 ? void 0 : _selectedPoll$questio.reduce((acc, curr) => {
+    acc += curr.weight;
+    return acc;
+  }, 0)) ?? 0;
+  const totalQuestions = (selectedPoll === null || selectedPoll === void 0 || (_selectedPoll$questio2 = selectedPoll.questions) === null || _selectedPoll$questio2 === void 0 ? void 0 : _selectedPoll$questio2.length) ?? 0;
+  const _keyExtractor = React.useCallback((item, index) => {
+    var _item$peer;
+    return ((_item$peer = item.peer) === null || _item$peer === void 0 ? void 0 : _item$peer.peerId) ?? index.toString();
+  }, []);
+  const _renderItem = React.useCallback(data => {
+    return /*#__PURE__*/React.createElement(LeaderboardEntry, {
+      totalPoints: totalPoints,
+      totalQuestions: totalQuestions,
+      entry: data.item,
+      style: {
+        marginBottom: 16
+      }
+    });
+  }, [totalPoints, totalQuestions]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.fullView, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerControls
+  }, currentIdx > 0 ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleBackPress,
+    hitSlop: styles.closeIconHitSlop,
+    style: styles.backIcon
+  }, /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "left"
+  })) : null, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 2,
+    style: [styles.headerText, {
+      flexShrink: 1
+    }, hmsRoomStyles.headerText]
+  }, selectedPoll === null || selectedPoll === void 0 ? void 0 : selectedPoll.title), selectedPoll !== null && selectedPoll !== void 0 && selectedPoll.state ? /*#__PURE__*/React.createElement(PollAndQuizzStateLabel, {
+    state: selectedPoll === null || selectedPoll === void 0 ? void 0 : selectedPoll.state
+  }) : null), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleClosePress,
+    hitSlop: styles.closeIconHitSlop,
+    style: {
+      marginLeft: 16
+    }
+  }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+    style: styles.halfDivider
+  }), /*#__PURE__*/React.createElement(FlashList, {
+    data: leaderboardEntries,
+    ListHeaderComponent: () => /*#__PURE__*/React.createElement(View, {
+      style: {
+        paddingTop: 24,
+        paddingBottom: 28
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.normalText, hmsRoomStyles.semiBoldHighText]
+    }, "Leaderboard"), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.smallerText, hmsRoomStyles.regularMediumText]
+    }, "Based on time taken to cast the correct answer")),
+    ListFooterComponent: () => loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "small",
+      color: primaryDefaultColor
+    }) : null,
+    estimatedItemSize: 56,
+    onEndReached: () => {
+      fetchLeaderboard();
+    }
+    // showsVerticalScrollIndicator={Platform.OS !== 'android'}
+    ,
+    contentContainerStyle: {
+      paddingHorizontal: 24
+    }
+    // keyboardShouldPersistTaps="always"
+    // ItemSeparatorComponent={() => <View style={{ height: 16 }} />} // TODO: There is a bug related to this: https://github.com/Shopify/flash-list/issues/638
+    ,
+    renderItem: _renderItem,
+    keyExtractor: _keyExtractor
+  }));
+};
+const styles = StyleSheet.create({
+  tinyText: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5
+  },
+  smallerText: {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  smallText: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  normalText: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  marginBottom16: {
+    marginBottom: 16
+  },
+  iconWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginLeft: 12
+  },
+  // 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: {
+    height: 1,
+    width: '100%'
+  },
+  viewAllBtn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    paddingVertical: 12,
+    paddingHorizontal: 16
+  },
+  leaderboardEntry: {
+    marginBottom: 16,
+    marginHorizontal: 16
+  },
+  entriesCard: {
+    paddingTop: 12,
+    borderRadius: 8
+  }
+});
+//# sourceMappingURL=QuizLeaderboardEntriesScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","StyleSheet","View","Keyboard","TouchableOpacity","ActivityIndicator","useDispatch","useSelector","FlashList","useHMSInstance","useHMSRoomColorPalette","useHMSRoomStyleSheet","popFromNavigationStack","BottomSheet","ChevronIcon","CloseIcon","PollAndQuizzStateLabel","LeaderboardEntry","QuizLeaderboardEntriesScreen","currentIdx","dismissModal","unmountScreenWithAnimation","_selectedPoll$questio","_selectedPoll$questio2","hmsInstance","dispatch","selectedPoll","state","pollsData","polls","selectedPollId","initialLeaderboardEntries","_state$polls$leaderbo","pollId","leaderboards","entries","leaderboardEntries","setLeaderboardEntries","useState","startIndexRef","useRef","length","primary_default","primaryDefaultColor","hmsRoomStyles","theme","typography","regularHighText","color","palette","on_surface_high","fontFamily","font_family","regularMediumText","on_surface_medium","semiBoldMediumText","semiBoldHighText","headerText","container","backgroundColor","surface_dim","summaryContainer","surface_default","entriesCard","divider","border_bright","handleBackPress","dismiss","handleClosePress","loading","setLoading","loadingRef","mounted","canFetchMore","fetchLeaderboard","useCallback","current","response","interactivityCenter","Array","isArray","prev","list","hasNext","totalPoints","questions","reduce","acc","curr","weight","totalQuestions","_keyExtractor","item","index","_item$peer","peer","peerId","toString","_renderItem","data","createElement","entry","style","marginBottom","styles","fullView","header","headerControls","onPress","hitSlop","closeIconHitSlop","backIcon","direction","numberOfLines","flexShrink","title","marginLeft","Divider","halfDivider","ListHeaderComponent","paddingTop","paddingBottom","normalText","smallerText","ListFooterComponent","size","estimatedItemSize","onEndReached","contentContainerStyle","paddingHorizontal","renderItem","keyExtractor","create","tinyText","fontSize","lineHeight","letterSpacing","smallText","marginBottom16","iconWrapper","flexDirection","alignItems","flex","justifyContent","marginTop","marginHorizontal","marginRight","bottom","left","right","top","marginVertical","width","undefined","height","viewAllBtn","paddingVertical","leaderboardEntry","borderRadius"],"sourceRoot":"../../../src","sources":["components/QuizLeaderboardEntriesScreen.tsx"],"mappings":"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"}

package/lib/module/components/QuizLeaderboardScreen.js

@@ -0,0 +1,270 @@
+import * as React from 'react';
+import { Text, StyleSheet, ScrollView, View, Keyboard, TouchableOpacity } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { popFromNavigationStack, pushToNavigationStack } from '../redux/actions';
+import { BottomSheet } from './BottomSheet';
+import { ChevronIcon, CloseIcon } from '../Icons';
+import { PollAndQuizzStateLabel } from './PollAndQuizzStateLabel';
+import { LeaderboardEntry } from './LeaderboardEntry';
+import { CreatePollStages } from '../redux/actionTypes';
+import { QuizLeaderboardSummary } from './QuizLeaderboardSummary';
+import { useFetchLeaderboardResponse, useLeaderboardSummaryData } from '../utils/hooks';
+export const QuizLeaderboardScreen = ({
+  currentIdx,
+  dismissModal,
+  unmountScreenWithAnimation
+}) => {
+  var _selectedPoll$questio;
+  const dispatch = useDispatch();
+  const selectedPoll = useSelector(state => {
+    const pollsData = state.polls;
+    if (pollsData.selectedPollId !== null) {
+      return pollsData.polls[pollsData.selectedPollId] || null;
+    }
+    return null;
+  });
+  const headerTitle = useSelector(state => {
+    const pollsData = state.polls;
+    if (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 hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    regularHighText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    regularMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    semiBoldMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    semiBoldHighText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    headerText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    container: {
+      backgroundColor: theme.palette.surface_dim
+    },
+    summaryContainer: {
+      backgroundColor: theme.palette.surface_default
+    },
+    entriesCard: {
+      backgroundColor: theme.palette.surface_default
+    },
+    divider: {
+      backgroundColor: theme.palette.border_bright
+    }
+  }));
+  const handleBackPress = () => {
+    Keyboard.dismiss();
+    if (typeof unmountScreenWithAnimation === 'function') {
+      unmountScreenWithAnimation(() => dispatch(popFromNavigationStack()));
+    } else {
+      dispatch(popFromNavigationStack());
+    }
+  };
+  const handleClosePress = () => {
+    Keyboard.dismiss();
+    dismissModal();
+  };
+  const viewAllLeaderboardEntries = () => {
+    dispatch(pushToNavigationStack(CreatePollStages.QUIZ_LEADERBOARD_ENTRIES));
+  };
+  const leaderboardData = useFetchLeaderboardResponse(selectedPoll === null || selectedPoll === void 0 ? void 0 : selectedPoll.pollId);
+  const leaderboardEntries = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.entries;
+  const summaryData = useLeaderboardSummaryData(selectedPoll === null || selectedPoll === void 0 ? void 0 : selectedPoll.pollId);
+  const totalPoints = (selectedPoll === null || selectedPoll === void 0 || (_selectedPoll$questio = selectedPoll.questions) === null || _selectedPoll$questio === void 0 ? void 0 : _selectedPoll$questio.reduce((acc, curr) => {
+    acc += curr.weight;
+    return acc;
+  }, 0)) ?? 0;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.fullView, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerControls
+  }, currentIdx > 0 ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleBackPress,
+    hitSlop: styles.closeIconHitSlop,
+    style: styles.backIcon
+  }, /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "left"
+  })) : null, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 2,
+    style: [styles.headerText, {
+      flexShrink: 1
+    }, hmsRoomStyles.headerText]
+  }, headerTitle), selectedPoll !== null && selectedPoll !== void 0 && selectedPoll.state ? /*#__PURE__*/React.createElement(PollAndQuizzStateLabel, {
+    state: selectedPoll === null || selectedPoll === void 0 ? void 0 : selectedPoll.state
+  }) : null), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleClosePress,
+    hitSlop: styles.closeIconHitSlop,
+    style: {
+      marginLeft: 16
+    }
+  }, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+    style: styles.halfDivider
+  }), /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.contentContainer,
+    contentContainerStyle: styles.scrollViewContentContainer
+  }, summaryData ? /*#__PURE__*/React.createElement(QuizLeaderboardSummary, {
+    data: summaryData
+  }) : null, selectedPoll && Array.isArray(selectedPoll.questions) && Array.isArray(leaderboardEntries) && leaderboardEntries.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.normalText, hmsRoomStyles.semiBoldHighText]
+  }, "Leaderboard"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallerText, hmsRoomStyles.regularMediumText, styles.marginBottom16]
+  }, "Based on time taken to cast the correct answer"), /*#__PURE__*/React.createElement(View, {
+    style: [styles.entriesCard, hmsRoomStyles.entriesCard]
+  }, leaderboardEntries.map((entry, index) => {
+    var _selectedPoll$questio2;
+    return /*#__PURE__*/React.createElement(LeaderboardEntry, {
+      key: index,
+      entry: entry,
+      totalPoints: totalPoints,
+      totalQuestions: ((_selectedPoll$questio2 = selectedPoll.questions) === null || _selectedPoll$questio2 === void 0 ? void 0 : _selectedPoll$questio2.length) ?? 0,
+      style: styles.leaderboardEntry
+    });
+  }), leaderboardData !== null && leaderboardData !== void 0 && leaderboardData.hasNext && leaderboardEntries.length <= 5 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [styles.divider, hmsRoomStyles.divider]
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: viewAllLeaderboardEntries,
+    style: styles.viewAllBtn
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, hmsRoomStyles.regularHighText, {
+      marginRight: 4
+    }]
+  }, "View All"), /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "right"
+  }))) : null)) : null));
+};
+const styles = StyleSheet.create({
+  tinyText: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5
+  },
+  smallerText: {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  smallText: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  normalText: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  marginBottom8: {
+    marginBottom: 8
+  },
+  marginBottom16: {
+    marginBottom: 16
+  },
+  contentContainer: {
+    paddingHorizontal: 24
+  },
+  scrollViewContentContainer: {
+    flexGrow: 1,
+    paddingVertical: 24
+  },
+  summaryWrapper: {
+    flexBasis: '50%',
+    flexGrow: 1,
+    flexShrink: 1,
+    padding: 16,
+    borderRadius: 12
+  },
+  position: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    textAlign: 'center',
+    textAlignVertical: 'center',
+    marginRight: 12
+  },
+  firstPosition: {
+    backgroundColor: '#D69516' // '#FFD700'
+  },
+  secondPosition: {
+    backgroundColor: '#3E3E3E' // '#C0C0C0'
+  },
+  thirdPosition: {
+    backgroundColor: '#583B0F' // '#CD7F32'
+  },
+  iconWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginLeft: 12
+  },
+  // 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: {
+    height: 1,
+    width: '100%'
+  },
+  viewAllBtn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    paddingVertical: 12,
+    paddingHorizontal: 16
+  },
+  leaderboardEntry: {
+    marginBottom: 16,
+    marginHorizontal: 16
+  },
+  entriesCard: {
+    paddingTop: 12,
+    borderRadius: 8
+  }
+});
+//# sourceMappingURL=QuizLeaderboardScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","StyleSheet","ScrollView","View","Keyboard","TouchableOpacity","useDispatch","useSelector","useHMSRoomStyleSheet","popFromNavigationStack","pushToNavigationStack","BottomSheet","ChevronIcon","CloseIcon","PollAndQuizzStateLabel","LeaderboardEntry","CreatePollStages","QuizLeaderboardSummary","useFetchLeaderboardResponse","useLeaderboardSummaryData","QuizLeaderboardScreen","currentIdx","dismissModal","unmountScreenWithAnimation","_selectedPoll$questio","dispatch","selectedPoll","state","pollsData","polls","selectedPollId","headerTitle","_pollsData$polls$poll","title","hmsRoomStyles","theme","typography","regularHighText","color","palette","on_surface_high","fontFamily","font_family","regularMediumText","on_surface_medium","semiBoldMediumText","semiBoldHighText","headerText","container","backgroundColor","surface_dim","summaryContainer","surface_default","entriesCard","divider","border_bright","handleBackPress","dismiss","handleClosePress","viewAllLeaderboardEntries","QUIZ_LEADERBOARD_ENTRIES","leaderboardData","pollId","leaderboardEntries","entries","summaryData","totalPoints","questions","reduce","acc","curr","weight","createElement","style","styles","fullView","header","headerControls","onPress","hitSlop","closeIconHitSlop","backIcon","direction","numberOfLines","flexShrink","marginLeft","Divider","halfDivider","contentContainer","contentContainerStyle","scrollViewContentContainer","data","Array","isArray","length","Fragment","normalText","smallerText","marginBottom16","map","entry","index","_selectedPoll$questio2","key","totalQuestions","leaderboardEntry","hasNext","viewAllBtn","smallText","marginRight","create","tinyText","fontSize","lineHeight","letterSpacing","marginBottom8","marginBottom","paddingHorizontal","flexGrow","paddingVertical","summaryWrapper","flexBasis","padding","borderRadius","position","width","height","textAlign","textAlignVertical","firstPosition","secondPosition","thirdPosition","iconWrapper","flexDirection","alignItems","flex","justifyContent","marginTop","marginHorizontal","bottom","left","right","top","marginVertical","undefined","paddingTop"],"sourceRoot":"../../../src","sources":["components/QuizLeaderboardScreen.tsx"],"mappings":"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"}