@100mslive/react-native-room-kit 1.1.2 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/HMSRoomSetup.js +13 -1
- package/lib/commonjs/HMSRoomSetup.js.map +1 -1
- package/lib/commonjs/Icons/Clock/assets/clock-vector.png +0 -0
- package/lib/commonjs/Icons/Clock/assets/clock-vector@2x.png +0 -0
- package/lib/commonjs/Icons/Clock/assets/clock-vector@3x.png +0 -0
- package/lib/commonjs/Icons/Clock/assets/clock.png +0 -0
- package/lib/commonjs/Icons/Clock/assets/clock@2x.png +0 -0
- package/lib/commonjs/Icons/Clock/assets/clock@3x.png +0 -0
- package/lib/commonjs/Icons/Clock/index.js +7 -2
- package/lib/commonjs/Icons/Clock/index.js.map +1 -1
- package/lib/commonjs/components/CreatePoll.js +3 -2
- package/lib/commonjs/components/CreatePoll.js.map +1 -1
- package/lib/commonjs/components/HLSView.js +15 -1
- package/lib/commonjs/components/HLSView.js.map +1 -1
- package/lib/commonjs/components/HMSPollsQuizzesNotification.js +1 -1
- package/lib/commonjs/components/HMSPollsQuizzesNotification.js.map +1 -1
- package/lib/commonjs/components/LeaderboardEntry.js +135 -0
- package/lib/commonjs/components/LeaderboardEntry.js.map +1 -0
- package/lib/commonjs/components/PollAndQuizSheetScreen.js +69 -0
- package/lib/commonjs/components/PollAndQuizSheetScreen.js.map +1 -0
- package/lib/commonjs/components/PollAndQuizVoting.js +133 -4
- package/lib/commonjs/components/PollAndQuizVoting.js.map +1 -1
- package/lib/commonjs/components/PollQuestions.js +104 -4
- package/lib/commonjs/components/PollQuestions.js.map +1 -1
- package/lib/commonjs/components/PollsAndQuizBottomSheet.js +9 -11
- package/lib/commonjs/components/PollsAndQuizBottomSheet.js.map +1 -1
- package/lib/commonjs/components/PollsAndQuizzesCard.js +1 -1
- package/lib/commonjs/components/PollsAndQuizzesCard.js.map +1 -1
- package/lib/commonjs/components/PollsAndQuizzesModalContent.js +26 -120
- package/lib/commonjs/components/PollsAndQuizzesModalContent.js.map +1 -1
- package/lib/commonjs/components/PollsConfigAndList.js +81 -4
- package/lib/commonjs/components/PollsConfigAndList.js.map +1 -1
- package/lib/commonjs/components/PreviousPollsAndQuizzesList.js +7 -15
- package/lib/commonjs/components/PreviousPollsAndQuizzesList.js.map +1 -1
- package/lib/commonjs/components/QuizLeaderboardEntriesScreen.js +284 -0
- package/lib/commonjs/components/QuizLeaderboardEntriesScreen.js.map +1 -0
- package/lib/commonjs/components/QuizLeaderboardScreen.js +279 -0
- package/lib/commonjs/components/QuizLeaderboardScreen.js.map +1 -0
- package/lib/commonjs/components/QuizLeaderboardSummary.js +195 -0
- package/lib/commonjs/components/QuizLeaderboardSummary.js.map +1 -0
- package/lib/commonjs/components/VoterParticipationSummary.js +46 -0
- package/lib/commonjs/components/VoterParticipationSummary.js.map +1 -0
- package/lib/commonjs/redux/actionTypes.js +7 -1
- package/lib/commonjs/redux/actionTypes.js.map +1 -1
- package/lib/commonjs/redux/actions/index.js +25 -5
- package/lib/commonjs/redux/actions/index.js.map +1 -1
- package/lib/commonjs/redux/reducers/polls.js +65 -5
- package/lib/commonjs/redux/reducers/polls.js.map +1 -1
- package/lib/commonjs/utils/hooks.js +107 -2
- package/lib/commonjs/utils/hooks.js.map +1 -1
- package/lib/module/HMSRoomSetup.js +13 -1
- package/lib/module/HMSRoomSetup.js.map +1 -1
- package/lib/module/Icons/Clock/assets/clock-vector.png +0 -0
- package/lib/module/Icons/Clock/assets/clock-vector@2x.png +0 -0
- package/lib/module/Icons/Clock/assets/clock-vector@3x.png +0 -0
- package/lib/module/Icons/Clock/assets/clock.png +0 -0
- package/lib/module/Icons/Clock/assets/clock@2x.png +0 -0
- package/lib/module/Icons/Clock/assets/clock@3x.png +0 -0
- package/lib/module/Icons/Clock/index.js +7 -2
- package/lib/module/Icons/Clock/index.js.map +1 -1
- package/lib/module/components/CreatePoll.js +4 -3
- package/lib/module/components/CreatePoll.js.map +1 -1
- package/lib/module/components/HLSView.js +17 -3
- package/lib/module/components/HLSView.js.map +1 -1
- package/lib/module/components/HMSPollsQuizzesNotification.js +2 -2
- package/lib/module/components/HMSPollsQuizzesNotification.js.map +1 -1
- package/lib/module/components/LeaderboardEntry.js +126 -0
- package/lib/module/components/LeaderboardEntry.js.map +1 -0
- package/lib/module/components/PollAndQuizSheetScreen.js +60 -0
- package/lib/module/components/PollAndQuizSheetScreen.js.map +1 -0
- package/lib/module/components/PollAndQuizVoting.js +135 -6
- package/lib/module/components/PollAndQuizVoting.js.map +1 -1
- package/lib/module/components/PollQuestions.js +107 -7
- package/lib/module/components/PollQuestions.js.map +1 -1
- package/lib/module/components/PollsAndQuizBottomSheet.js +11 -13
- package/lib/module/components/PollsAndQuizBottomSheet.js.map +1 -1
- package/lib/module/components/PollsAndQuizzesCard.js +2 -2
- package/lib/module/components/PollsAndQuizzesCard.js.map +1 -1
- package/lib/module/components/PollsAndQuizzesModalContent.js +28 -122
- package/lib/module/components/PollsAndQuizzesModalContent.js.map +1 -1
- package/lib/module/components/PollsConfigAndList.js +82 -5
- package/lib/module/components/PollsConfigAndList.js.map +1 -1
- package/lib/module/components/PreviousPollsAndQuizzesList.js +7 -15
- package/lib/module/components/PreviousPollsAndQuizzesList.js.map +1 -1
- package/lib/module/components/QuizLeaderboardEntriesScreen.js +275 -0
- package/lib/module/components/QuizLeaderboardEntriesScreen.js.map +1 -0
- package/lib/module/components/QuizLeaderboardScreen.js +270 -0
- package/lib/module/components/QuizLeaderboardScreen.js.map +1 -0
- package/lib/module/components/QuizLeaderboardSummary.js +186 -0
- package/lib/module/components/QuizLeaderboardSummary.js.map +1 -0
- package/lib/module/components/VoterParticipationSummary.js +37 -0
- package/lib/module/components/VoterParticipationSummary.js.map +1 -0
- package/lib/module/redux/actionTypes.js +7 -1
- package/lib/module/redux/actionTypes.js.map +1 -1
- package/lib/module/redux/actions/index.js +18 -3
- package/lib/module/redux/actions/index.js.map +1 -1
- package/lib/module/redux/reducers/polls.js +65 -5
- package/lib/module/redux/reducers/polls.js.map +1 -1
- package/lib/module/utils/hooks.js +105 -2
- package/lib/module/utils/hooks.js.map +1 -1
- package/lib/typescript/HMSRoomSetup.d.ts.map +1 -1
- package/lib/typescript/Icons/Clock/index.d.ts +1 -0
- package/lib/typescript/Icons/Clock/index.d.ts.map +1 -1
- package/lib/typescript/components/CreatePoll.d.ts.map +1 -1
- package/lib/typescript/components/HLSView.d.ts.map +1 -1
- package/lib/typescript/components/LeaderboardEntry.d.ts +11 -0
- package/lib/typescript/components/LeaderboardEntry.d.ts.map +1 -0
- package/lib/typescript/components/PollAndQuizSheetScreen.d.ts +8 -0
- package/lib/typescript/components/PollAndQuizSheetScreen.d.ts.map +1 -0
- package/lib/typescript/components/PollAndQuizVoting.d.ts +2 -0
- package/lib/typescript/components/PollAndQuizVoting.d.ts.map +1 -1
- package/lib/typescript/components/PollQuestions.d.ts +2 -0
- package/lib/typescript/components/PollQuestions.d.ts.map +1 -1
- package/lib/typescript/components/PollsAndQuizBottomSheet.d.ts.map +1 -1
- package/lib/typescript/components/PollsAndQuizzesModalContent.d.ts +0 -1
- package/lib/typescript/components/PollsAndQuizzesModalContent.d.ts.map +1 -1
- package/lib/typescript/components/PollsConfigAndList.d.ts +1 -0
- package/lib/typescript/components/PollsConfigAndList.d.ts.map +1 -1
- package/lib/typescript/components/PreviousPollsAndQuizzesList.d.ts.map +1 -1
- package/lib/typescript/components/QuizLeaderboardEntriesScreen.d.ts +8 -0
- package/lib/typescript/components/QuizLeaderboardEntriesScreen.d.ts.map +1 -0
- package/lib/typescript/components/QuizLeaderboardScreen.d.ts +8 -0
- package/lib/typescript/components/QuizLeaderboardScreen.d.ts.map +1 -0
- package/lib/typescript/components/QuizLeaderboardSummary.d.ts +9 -0
- package/lib/typescript/components/QuizLeaderboardSummary.d.ts.map +1 -0
- package/lib/typescript/components/VoterParticipationSummary.d.ts +7 -0
- package/lib/typescript/components/VoterParticipationSummary.d.ts.map +1 -0
- package/lib/typescript/redux/actionTypes.d.ts +29 -8
- package/lib/typescript/redux/actionTypes.d.ts.map +1 -1
- package/lib/typescript/redux/actions/index.d.ts +6 -2
- package/lib/typescript/redux/actions/index.d.ts.map +1 -1
- package/lib/typescript/redux/index.d.ts +2 -1
- package/lib/typescript/redux/index.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/index.d.ts +2 -1
- package/lib/typescript/redux/reducers/index.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/polls.d.ts +3 -2
- package/lib/typescript/redux/reducers/polls.d.ts.map +1 -1
- package/lib/typescript/utils/hooks.d.ts +6 -0
- package/lib/typescript/utils/hooks.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/HMSRoomSetup.tsx +19 -1
- package/src/Icons/Clock/assets/clock-vector.png +0 -0
- package/src/Icons/Clock/assets/clock-vector@2x.png +0 -0
- package/src/Icons/Clock/assets/clock-vector@3x.png +0 -0
- package/src/Icons/Clock/assets/clock.png +0 -0
- package/src/Icons/Clock/assets/clock@2x.png +0 -0
- package/src/Icons/Clock/assets/clock@3x.png +0 -0
- package/src/Icons/Clock/index.tsx +16 -3
- package/src/components/CreatePoll.tsx +7 -2
- package/src/components/HLSView.tsx +27 -1
- package/src/components/HMSPollsQuizzesNotification.tsx +2 -2
- package/src/components/LeaderboardEntry.tsx +172 -0
- package/src/components/PollAndQuizSheetScreen.tsx +85 -0
- package/src/components/PollAndQuizVoting.tsx +181 -7
- package/src/components/PollQuestions.tsx +171 -49
- package/src/components/PollsAndQuizBottomSheet.tsx +20 -42
- package/src/components/PollsAndQuizzesCard.tsx +2 -2
- package/src/components/PollsAndQuizzesModalContent.tsx +40 -163
- package/src/components/PollsConfigAndList.tsx +107 -11
- package/src/components/PreviousPollsAndQuizzesList.tsx +33 -40
- package/src/components/QuizLeaderboardEntriesScreen.tsx +323 -0
- package/src/components/QuizLeaderboardScreen.tsx +342 -0
- package/src/components/QuizLeaderboardSummary.tsx +207 -0
- package/src/components/VoterParticipationSummary.tsx +67 -0
- package/src/redux/actionTypes.ts +35 -5
- package/src/redux/actions/index.ts +34 -6
- package/src/redux/reducers/polls.ts +84 -6
- package/src/utils/hooks.ts +190 -3
|
@@ -1,34 +1,33 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Platform, StyleSheet } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { useDispatch } from 'react-redux';
|
|
4
4
|
import { BottomSheet } from './BottomSheet';
|
|
5
|
-
import { useHMSRoomStyleSheet,
|
|
5
|
+
import { useHMSRoomStyleSheet, useModalType } from '../hooks-util';
|
|
6
6
|
import { useHeaderHeight } from './Header';
|
|
7
7
|
import { useIsLandscapeOrientation } from '../utils/dimension';
|
|
8
8
|
import { PollsAndQuizzesModalContent } from './PollsAndQuizzesModalContent';
|
|
9
9
|
import { ModalTypes } from '../utils/types';
|
|
10
|
-
import {
|
|
11
|
-
import { visiblePollsSelector } from '../utils/functions';
|
|
10
|
+
import { resetNavigationStack } from '../redux/actions';
|
|
12
11
|
export const PollsAndQuizBottomSheet = () => {
|
|
12
|
+
const dispatch = useDispatch();
|
|
13
13
|
const headerHeight = useHeaderHeight();
|
|
14
14
|
const isLandscapeOrientation = useIsLandscapeOrientation();
|
|
15
15
|
const {
|
|
16
16
|
modalVisibleType: modalVisible,
|
|
17
17
|
handleModalVisibleType: setModalVisible
|
|
18
18
|
} = useModalType();
|
|
19
|
-
const isPollQuestionStage = useSelector(state => state.polls.stage === CreatePollStages.POLL_QUESTION_CONFIG);
|
|
20
|
-
const isHLSViewer = useIsHLSViewer();
|
|
21
|
-
const havePolls = useSelector(state => visiblePollsSelector(Object.values(state.polls.polls), isHLSViewer, state.polls.cuedPollIds).length > 0);
|
|
22
19
|
const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
|
|
23
20
|
contentContainer: {
|
|
24
21
|
backgroundColor: theme.palette.surface_dim
|
|
25
22
|
}
|
|
26
23
|
}));
|
|
27
|
-
const dismissModal = () =>
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
const dismissModal = () => {
|
|
25
|
+
setModalVisible(ModalTypes.DEFAULT);
|
|
26
|
+
dispatch(resetNavigationStack());
|
|
27
|
+
};
|
|
28
|
+
const containerStyles = [styles.bottomSheet, {
|
|
30
29
|
marginTop: isLandscapeOrientation ? 0 : headerHeight + (Platform.OS === 'android' ? 24 : 0)
|
|
31
|
-
}, hmsRoomStyles.contentContainer]
|
|
30
|
+
}, hmsRoomStyles.contentContainer];
|
|
32
31
|
return /*#__PURE__*/React.createElement(BottomSheet
|
|
33
32
|
// fullWidth={true}
|
|
34
33
|
, {
|
|
@@ -36,9 +35,8 @@ export const PollsAndQuizBottomSheet = () => {
|
|
|
36
35
|
isVisible: modalVisible === ModalTypes.POLLS_AND_QUIZZES,
|
|
37
36
|
avoidKeyboard: true,
|
|
38
37
|
containerStyle: containerStyles,
|
|
39
|
-
bottomOffsetSpace:
|
|
38
|
+
bottomOffsetSpace: 0
|
|
40
39
|
}, /*#__PURE__*/React.createElement(PollsAndQuizzesModalContent, {
|
|
41
|
-
fullHeight: fullHeight,
|
|
42
40
|
dismissModal: dismissModal
|
|
43
41
|
}));
|
|
44
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","StyleSheet","
|
|
1
|
+
{"version":3,"names":["React","Platform","StyleSheet","useDispatch","BottomSheet","useHMSRoomStyleSheet","useModalType","useHeaderHeight","useIsLandscapeOrientation","PollsAndQuizzesModalContent","ModalTypes","resetNavigationStack","PollsAndQuizBottomSheet","dispatch","headerHeight","isLandscapeOrientation","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","dismissModal","DEFAULT","containerStyles","styles","bottomSheet","marginTop","OS","createElement","isVisible","POLLS_AND_QUIZZES","avoidKeyboard","containerStyle","bottomOffsetSpace","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,SAASC,oBAAoB,EAAEC,YAAY,QAAQ,eAAe;AAClE,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,QAAQ,GAAGV,WAAW,CAAC,CAAC;EAC9B,MAAMW,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,aAAa,GAAGf,oBAAoB,CAAEgB,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBP,eAAe,CAACT,UAAU,CAACiB,OAAO,CAAC;IACnCd,QAAQ,CAACF,oBAAoB,CAAC,CAAC,CAAC;EAClC,CAAC;EAED,MAAMiB,eAAe,GAAG,CACtBC,MAAM,CAACC,WAAW,EAClB;IACEC,SAAS,EAAEhB,sBAAsB,GAC7B,CAAC,GACDD,YAAY,IAAIb,QAAQ,CAAC+B,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC;EACxD,CAAC,EACDZ,aAAa,CAACE,gBAAgB,CAC/B;EAED,oBACEtB,KAAA,CAAAiC,aAAA,CAAC7B;EACC;EAAA;IACAsB,YAAY,EAAEA,YAAa;IAC3BQ,SAAS,EAAEjB,YAAY,KAAKP,UAAU,CAACyB,iBAAkB;IACzDC,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAET,eAAgB;IAChCU,iBAAiB,EAAE;EAAE,gBAErBtC,KAAA,CAAAiC,aAAA,CAACxB,2BAA2B;IAACiB,YAAY,EAAEA;EAAa,CAAE,CAC/C,CAAC;AAElB,CAAC;AAED,MAAMG,MAAM,GAAG3B,UAAU,CAACqC,MAAM,CAAC;EAC/BT,WAAW,EAAE;IACXU,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { View, Text, StyleSheet } from 'react-native';
|
|
|
3
3
|
import { batch, useDispatch } from 'react-redux';
|
|
4
4
|
import { useHMSRoomStyleSheet } from '../hooks-util';
|
|
5
5
|
import { HMSPrimaryButton } from './HMSPrimaryButton';
|
|
6
|
-
import {
|
|
6
|
+
import { pushToNavigationStack, setSelectedPollId } from '../redux/actions';
|
|
7
7
|
import { CreatePollStages } from '../redux/actionTypes';
|
|
8
8
|
import { PollAndQuizzStateLabel } from './PollAndQuizzStateLabel';
|
|
9
9
|
export const PollsAndQuizzesCard = ({
|
|
@@ -27,7 +27,7 @@ export const PollsAndQuizzesCard = ({
|
|
|
27
27
|
}));
|
|
28
28
|
const viewPoll = () => {
|
|
29
29
|
batch(() => {
|
|
30
|
-
dispatch(
|
|
30
|
+
dispatch(pushToNavigationStack(CreatePollStages.POLL_VOTING));
|
|
31
31
|
dispatch(setSelectedPollId(poll.pollId));
|
|
32
32
|
});
|
|
33
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","StyleSheet","batch","useDispatch","useHMSRoomStyleSheet","HMSPrimaryButton","
|
|
1
|
+
{"version":3,"names":["React","View","Text","StyleSheet","batch","useDispatch","useHMSRoomStyleSheet","HMSPrimaryButton","pushToNavigationStack","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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"}
|
|
@@ -1,42 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { View,
|
|
3
|
-
import {
|
|
4
|
-
import { useHMSRoomStyleSheet } from '../hooks-util';
|
|
5
|
-
import { BottomSheet } from './BottomSheet';
|
|
6
|
-
import { ChevronIcon, CloseIcon } from '../Icons';
|
|
7
|
-
import { TestIds } from '../utils/constants';
|
|
2
|
+
import { View, StyleSheet } from 'react-native';
|
|
3
|
+
import { useSelector } from 'react-redux';
|
|
8
4
|
import { PollQuestions } from './PollQuestions';
|
|
9
5
|
import { CreatePollStages } from '../redux/actionTypes';
|
|
10
|
-
import { setPollStage } from '../redux/actions';
|
|
11
|
-
import { PollQDeleteConfirmationSheetView } from './PollQDeleteConfirmationSheetView';
|
|
12
6
|
import { PollsConfigAndList } from './PollsConfigAndList';
|
|
13
7
|
import { PollAndQuizVoting } from './PollAndQuizVoting';
|
|
14
|
-
import {
|
|
8
|
+
import { PollAndQuizSheetScreen } from './PollAndQuizSheetScreen';
|
|
9
|
+
import { QuizLeaderboardScreen } from './QuizLeaderboardScreen';
|
|
10
|
+
import { QuizLeaderboardEntriesScreen } from './QuizLeaderboardEntriesScreen';
|
|
15
11
|
export const PollsAndQuizzesModalContent = ({
|
|
16
|
-
fullHeight,
|
|
17
12
|
dismissModal
|
|
18
13
|
}) => {
|
|
19
|
-
const
|
|
20
|
-
const headerTitle = useSelector(state => {
|
|
21
|
-
const pollsData = state.polls;
|
|
22
|
-
if (pollsData.stage === CreatePollStages.POLL_QUESTION_CONFIG) {
|
|
23
|
-
return pollsData.pollName;
|
|
24
|
-
}
|
|
25
|
-
if (pollsData.stage === CreatePollStages.POLL_VOTING && pollsData.selectedPollId !== null) {
|
|
26
|
-
var _pollsData$polls$poll;
|
|
27
|
-
return ((_pollsData$polls$poll = pollsData.polls[pollsData.selectedPollId]) === null || _pollsData$polls$poll === void 0 ? void 0 : _pollsData$polls$poll.title) || null;
|
|
28
|
-
}
|
|
29
|
-
return null;
|
|
30
|
-
});
|
|
31
|
-
const selectedPoll = useSelector(state => {
|
|
32
|
-
const pollsData = state.polls;
|
|
33
|
-
if (pollsData.stage === CreatePollStages.POLL_VOTING && pollsData.selectedPollId !== null) {
|
|
34
|
-
return pollsData.polls[pollsData.selectedPollId] || null;
|
|
35
|
-
}
|
|
36
|
-
return null;
|
|
37
|
-
});
|
|
38
|
-
const pollsStage = useSelector(state => state.polls.stage);
|
|
39
|
-
const launchingPoll = useSelector(state => state.polls.launchingPoll);
|
|
14
|
+
const pollsNavigationStack = useSelector(state => state.polls.navigationStack);
|
|
40
15
|
const canCreateOrEndPoll = useSelector(state => {
|
|
41
16
|
var _state$hmsStates$loca;
|
|
42
17
|
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;
|
|
@@ -47,104 +22,35 @@ export const PollsAndQuizzesModalContent = ({
|
|
|
47
22
|
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;
|
|
48
23
|
return permissions === null || permissions === void 0 ? void 0 : permissions.pollRead;
|
|
49
24
|
});
|
|
50
|
-
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
51
|
-
headerText: {
|
|
52
|
-
color: theme.palette.on_surface_high,
|
|
53
|
-
fontFamily: `${typography.font_family}-SemiBold`
|
|
54
|
-
}
|
|
55
|
-
}));
|
|
56
|
-
const handleBackPress = () => {
|
|
57
|
-
Keyboard.dismiss();
|
|
58
|
-
dispatch(setPollStage(CreatePollStages.POLL_CONFIG));
|
|
59
|
-
};
|
|
60
|
-
const handleClosePress = () => {
|
|
61
|
-
Keyboard.dismiss();
|
|
62
|
-
dismissModal();
|
|
63
|
-
};
|
|
64
25
|
return /*#__PURE__*/React.createElement(View, {
|
|
65
|
-
style:
|
|
66
|
-
}, /*#__PURE__*/React.createElement(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
},
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}, /*#__PURE__*/React.createElement(ChevronIcon, {
|
|
78
|
-
direction: "left"
|
|
79
|
-
})) : null, /*#__PURE__*/React.createElement(Text, {
|
|
80
|
-
testID: TestIds.change_name_modal_heading,
|
|
81
|
-
numberOfLines: 2,
|
|
82
|
-
style: [styles.headerText, {
|
|
83
|
-
flexShrink: 1
|
|
84
|
-
}, hmsRoomStyles.headerText]
|
|
85
|
-
}, headerTitle ?? 'Polls and Quizzes'), selectedPoll !== null && selectedPoll !== void 0 && selectedPoll.state ? /*#__PURE__*/React.createElement(PollAndQuizzStateLabel, {
|
|
86
|
-
state: selectedPoll === null || selectedPoll === void 0 ? void 0 : selectedPoll.state
|
|
87
|
-
}) : null), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
88
|
-
testID: TestIds.change_name_modal_close_btn,
|
|
89
|
-
onPress: handleClosePress,
|
|
90
|
-
hitSlop: styles.closeIconHitSlop,
|
|
91
|
-
style: {
|
|
92
|
-
marginLeft: 16
|
|
93
|
-
}
|
|
94
|
-
}, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
|
|
95
|
-
style: fullHeight ? styles.halfDivider : styles.divider
|
|
96
|
-
}), /*#__PURE__*/React.createElement(View, {
|
|
97
|
-
style: fullHeight ? styles.fullView : null
|
|
98
|
-
}, pollsStage === CreatePollStages.POLL_CONFIG ? /*#__PURE__*/React.createElement(PollsConfigAndList, null) : pollsStage === CreatePollStages.POLL_QUESTION_CONFIG && canCreateOrEndPoll ? /*#__PURE__*/React.createElement(PollQuestions, {
|
|
26
|
+
style: [styles.relative, styles.fullView]
|
|
27
|
+
}, pollsNavigationStack.map((stage, index) => /*#__PURE__*/React.createElement(PollAndQuizSheetScreen, {
|
|
28
|
+
key: stage,
|
|
29
|
+
zIndex: index,
|
|
30
|
+
disableAnimation: index === 0
|
|
31
|
+
}, stage === CreatePollStages.POLL_CONFIG ? /*#__PURE__*/React.createElement(PollsConfigAndList, {
|
|
32
|
+
dismissModal: dismissModal
|
|
33
|
+
}) : stage === CreatePollStages.POLL_QUESTION_CONFIG && canCreateOrEndPoll ? /*#__PURE__*/React.createElement(PollQuestions, {
|
|
34
|
+
currentIdx: index,
|
|
35
|
+
dismissModal: dismissModal
|
|
36
|
+
}) : stage === CreatePollStages.POLL_VOTING && (canVoteOnPoll || canCreateOrEndPoll) ? /*#__PURE__*/React.createElement(PollAndQuizVoting, {
|
|
37
|
+
currentIdx: index,
|
|
99
38
|
dismissModal: dismissModal
|
|
100
|
-
}) :
|
|
39
|
+
}) : stage === CreatePollStages.QUIZ_LEADERBOARD ? /*#__PURE__*/React.createElement(QuizLeaderboardScreen, {
|
|
40
|
+
currentIdx: index,
|
|
101
41
|
dismissModal: dismissModal
|
|
102
|
-
}) :
|
|
42
|
+
}) : stage === CreatePollStages.QUIZ_LEADERBOARD_ENTRIES ? /*#__PURE__*/React.createElement(QuizLeaderboardEntriesScreen, {
|
|
43
|
+
currentIdx: index,
|
|
44
|
+
dismissModal: dismissModal
|
|
45
|
+
}) : null)));
|
|
103
46
|
};
|
|
104
47
|
const styles = StyleSheet.create({
|
|
105
|
-
|
|
48
|
+
relative: {
|
|
49
|
+
position: 'relative',
|
|
50
|
+
overflow: 'hidden'
|
|
51
|
+
},
|
|
106
52
|
fullView: {
|
|
107
53
|
flex: 1
|
|
108
|
-
},
|
|
109
|
-
// Header
|
|
110
|
-
header: {
|
|
111
|
-
flexDirection: 'row',
|
|
112
|
-
alignItems: 'center',
|
|
113
|
-
justifyContent: 'space-between',
|
|
114
|
-
marginTop: 24,
|
|
115
|
-
marginHorizontal: 24
|
|
116
|
-
},
|
|
117
|
-
headerControls: {
|
|
118
|
-
flexDirection: 'row',
|
|
119
|
-
alignItems: 'center',
|
|
120
|
-
flexShrink: 1
|
|
121
|
-
},
|
|
122
|
-
headerText: {
|
|
123
|
-
fontSize: 20,
|
|
124
|
-
lineHeight: 24,
|
|
125
|
-
letterSpacing: 0.15,
|
|
126
|
-
marginRight: 12
|
|
127
|
-
},
|
|
128
|
-
closeIconHitSlop: {
|
|
129
|
-
bottom: 16,
|
|
130
|
-
left: 16,
|
|
131
|
-
right: 16,
|
|
132
|
-
top: 16
|
|
133
|
-
},
|
|
134
|
-
backIcon: {
|
|
135
|
-
marginRight: 8
|
|
136
|
-
},
|
|
137
|
-
// Divider
|
|
138
|
-
halfDivider: {
|
|
139
|
-
marginHorizontal: 24,
|
|
140
|
-
marginVertical: 0,
|
|
141
|
-
marginTop: 24,
|
|
142
|
-
width: undefined
|
|
143
|
-
},
|
|
144
|
-
divider: {
|
|
145
|
-
marginHorizontal: 24,
|
|
146
|
-
marginVertical: 24,
|
|
147
|
-
width: undefined
|
|
148
54
|
}
|
|
149
55
|
});
|
|
150
56
|
//# sourceMappingURL=PollsAndQuizzesModalContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","useSelector","PollQuestions","CreatePollStages","PollsConfigAndList","PollAndQuizVoting","PollAndQuizSheetScreen","QuizLeaderboardScreen","QuizLeaderboardEntriesScreen","PollsAndQuizzesModalContent","dismissModal","pollsNavigationStack","state","polls","navigationStack","canCreateOrEndPoll","_state$hmsStates$loca","permissions","hmsStates","localPeer","role","pollWrite","canVoteOnPoll","_state$hmsStates$loca2","pollRead","createElement","style","styles","relative","fullView","map","stage","index","key","zIndex","disableAnimation","POLL_CONFIG","POLL_QUESTION_CONFIG","currentIdx","POLL_VOTING","QUIZ_LEADERBOARD","QUIZ_LEADERBOARD_ENTRIES","create","position","overflow","flex"],"sourceRoot":"../../../src","sources":["components/PollsAndQuizzesModalContent.tsx"],"mappings":"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"}
|
|
@@ -1,9 +1,23 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ScrollView } from 'react-native';
|
|
2
|
+
import { Keyboard, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
3
|
+
import { useSelector } from 'react-redux';
|
|
3
4
|
import { CreatePoll } from './CreatePoll';
|
|
4
5
|
import { PreviousPollsAndQuizzesList } from './PreviousPollsAndQuizzesList';
|
|
5
|
-
import {
|
|
6
|
-
|
|
6
|
+
import { BottomSheet } from './BottomSheet';
|
|
7
|
+
import { CloseIcon } from '../Icons';
|
|
8
|
+
import { useHMSRoomStyleSheet } from '../hooks-util';
|
|
9
|
+
export const PollsConfigAndList = ({
|
|
10
|
+
dismissModal
|
|
11
|
+
}) => {
|
|
12
|
+
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
13
|
+
container: {
|
|
14
|
+
backgroundColor: theme.palette.surface_dim
|
|
15
|
+
},
|
|
16
|
+
headerText: {
|
|
17
|
+
color: theme.palette.on_surface_high,
|
|
18
|
+
fontFamily: `${typography.font_family}-SemiBold`
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
7
21
|
const canCreateOrEndPoll = useSelector(state => {
|
|
8
22
|
var _state$hmsStates$loca;
|
|
9
23
|
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;
|
|
@@ -14,10 +28,73 @@ export const PollsConfigAndList = ({}) => {
|
|
|
14
28
|
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;
|
|
15
29
|
return permissions === null || permissions === void 0 ? void 0 : permissions.pollRead;
|
|
16
30
|
});
|
|
17
|
-
|
|
31
|
+
const handleClosePress = () => {
|
|
32
|
+
Keyboard.dismiss();
|
|
33
|
+
dismissModal();
|
|
34
|
+
};
|
|
35
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
36
|
+
style: hmsRoomStyles.container
|
|
37
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
38
|
+
style: styles.header
|
|
39
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
40
|
+
style: [styles.headerText, hmsRoomStyles.headerText]
|
|
41
|
+
}, "Polls and Quizzes"), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
42
|
+
onPress: handleClosePress,
|
|
43
|
+
hitSlop: styles.closeIconHitSlop,
|
|
44
|
+
style: {
|
|
45
|
+
marginLeft: 16
|
|
46
|
+
}
|
|
47
|
+
}, /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement(BottomSheet.Divider, {
|
|
48
|
+
style: styles.halfDivider
|
|
49
|
+
}), /*#__PURE__*/React.createElement(ScrollView, {
|
|
18
50
|
contentContainerStyle: {
|
|
19
51
|
paddingBottom: 24
|
|
20
52
|
}
|
|
21
|
-
}, canCreateOrEndPoll ? /*#__PURE__*/React.createElement(CreatePoll, null) : null, canVoteOnPoll || canCreateOrEndPoll ? /*#__PURE__*/React.createElement(PreviousPollsAndQuizzesList, null) : null);
|
|
53
|
+
}, canCreateOrEndPoll ? /*#__PURE__*/React.createElement(CreatePoll, null) : null, canVoteOnPoll || canCreateOrEndPoll ? /*#__PURE__*/React.createElement(PreviousPollsAndQuizzesList, null) : null));
|
|
22
54
|
};
|
|
55
|
+
const styles = StyleSheet.create({
|
|
56
|
+
// Utilities
|
|
57
|
+
fullView: {
|
|
58
|
+
flex: 1
|
|
59
|
+
},
|
|
60
|
+
// Header
|
|
61
|
+
header: {
|
|
62
|
+
flexDirection: 'row',
|
|
63
|
+
alignItems: 'center',
|
|
64
|
+
justifyContent: 'space-between',
|
|
65
|
+
marginTop: 24,
|
|
66
|
+
marginHorizontal: 24
|
|
67
|
+
},
|
|
68
|
+
headerControls: {
|
|
69
|
+
flexDirection: 'row',
|
|
70
|
+
alignItems: 'center',
|
|
71
|
+
flexShrink: 1
|
|
72
|
+
},
|
|
73
|
+
headerText: {
|
|
74
|
+
fontSize: 20,
|
|
75
|
+
lineHeight: 24,
|
|
76
|
+
letterSpacing: 0.15
|
|
77
|
+
},
|
|
78
|
+
closeIconHitSlop: {
|
|
79
|
+
bottom: 16,
|
|
80
|
+
left: 16,
|
|
81
|
+
right: 16,
|
|
82
|
+
top: 16
|
|
83
|
+
},
|
|
84
|
+
backIcon: {
|
|
85
|
+
marginRight: 8
|
|
86
|
+
},
|
|
87
|
+
// Divider
|
|
88
|
+
halfDivider: {
|
|
89
|
+
marginHorizontal: 24,
|
|
90
|
+
// marginVertical: 0,
|
|
91
|
+
// marginTop: 24,
|
|
92
|
+
width: undefined
|
|
93
|
+
},
|
|
94
|
+
divider: {
|
|
95
|
+
marginHorizontal: 24,
|
|
96
|
+
marginVertical: 24,
|
|
97
|
+
width: undefined
|
|
98
|
+
}
|
|
99
|
+
});
|
|
23
100
|
//# sourceMappingURL=PollsConfigAndList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ScrollView","CreatePoll","PreviousPollsAndQuizzesList","
|
|
1
|
+
{"version":3,"names":["React","Keyboard","ScrollView","StyleSheet","Text","TouchableOpacity","View","useSelector","CreatePoll","PreviousPollsAndQuizzesList","BottomSheet","CloseIcon","useHMSRoomStyleSheet","PollsConfigAndList","dismissModal","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_dim","headerText","color","on_surface_high","fontFamily","font_family","canCreateOrEndPoll","state","_state$hmsStates$loca","permissions","hmsStates","localPeer","role","pollWrite","canVoteOnPoll","_state$hmsStates$loca2","pollRead","handleClosePress","dismiss","createElement","style","styles","header","onPress","hitSlop","closeIconHitSlop","marginLeft","Divider","halfDivider","contentContainerStyle","paddingBottom","create","fullView","flex","flexDirection","alignItems","justifyContent","marginTop","marginHorizontal","headerControls","flexShrink","fontSize","lineHeight","letterSpacing","bottom","left","right","top","backIcon","marginRight","width","undefined","divider","marginVertical"],"sourceRoot":"../../../src","sources":["components/PollsConfigAndList.tsx"],"mappings":"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"}
|
|
@@ -8,11 +8,6 @@ export const PreviousPollsAndQuizzesList = ({}) => {
|
|
|
8
8
|
const isHLSViewer = useIsHLSViewer();
|
|
9
9
|
const polls = useSelector(state => state.polls.polls);
|
|
10
10
|
const hlsCuedPollIds = useSelector(state => state.polls.cuedPollIds);
|
|
11
|
-
const canCreateOrEndPoll = useSelector(state => {
|
|
12
|
-
var _state$hmsStates$loca;
|
|
13
|
-
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;
|
|
14
|
-
return permissions === null || permissions === void 0 ? void 0 : permissions.pollWrite;
|
|
15
|
-
});
|
|
16
11
|
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
17
12
|
surfaceHighSemiBoldText: {
|
|
18
13
|
color: theme.palette.on_surface_high,
|
|
@@ -24,18 +19,15 @@ export const PreviousPollsAndQuizzesList = ({}) => {
|
|
|
24
19
|
}
|
|
25
20
|
}));
|
|
26
21
|
const pollsList = visiblePollsSelector(Object.values(polls), isHLSViewer, hlsCuedPollIds);
|
|
27
|
-
if (pollsList.length === 0 && !canCreateOrEndPoll) {
|
|
28
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
29
|
-
style: styles.contentContainer
|
|
30
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
31
|
-
style: [styles.subtitle, hmsRoomStyles.surfaceHighRegularText, styles.emptyList]
|
|
32
|
-
}, "No Polls or Quizzes to show"));
|
|
33
|
-
}
|
|
34
22
|
return /*#__PURE__*/React.createElement(View, {
|
|
35
23
|
style: styles.contentContainer
|
|
36
|
-
},
|
|
24
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
37
25
|
style: [styles.title, hmsRoomStyles.surfaceHighSemiBoldText]
|
|
38
|
-
}, "Previous Polls And Quizzes"), pollsList.
|
|
26
|
+
}, "Previous Polls And Quizzes"), pollsList.length <= 0 ? /*#__PURE__*/React.createElement(View, {
|
|
27
|
+
style: styles.contentContainer
|
|
28
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
29
|
+
style: [styles.subtitle, hmsRoomStyles.surfaceHighRegularText, styles.emptyList]
|
|
30
|
+
}, "No Polls or Quizzes to show")) : /*#__PURE__*/React.createElement(React.Fragment, null, pollsList.sort((a, b) => {
|
|
39
31
|
return a.state === b.state // If polls have same state, then sort as per startedAt
|
|
40
32
|
? a.startedAt !== undefined && b.startedAt !== undefined ? b.startedAt.getTime() - a.startedAt.getTime() : 0 :
|
|
41
33
|
// If polls have different state, then sort as per state
|
|
@@ -43,7 +35,7 @@ export const PreviousPollsAndQuizzesList = ({}) => {
|
|
|
43
35
|
}).map(poll => /*#__PURE__*/React.createElement(PollsAndQuizzesCard, {
|
|
44
36
|
key: poll.pollId,
|
|
45
37
|
poll: poll
|
|
46
|
-
})));
|
|
38
|
+
}))));
|
|
47
39
|
};
|
|
48
40
|
const styles = StyleSheet.create({
|
|
49
41
|
contentContainer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","StyleSheet","useSelector","useHMSRoomStyleSheet","useIsHLSViewer","PollsAndQuizzesCard","visiblePollsSelector","PreviousPollsAndQuizzesList","isHLSViewer","polls","state","hlsCuedPollIds","cuedPollIds","
|
|
1
|
+
{"version":3,"names":["React","View","Text","StyleSheet","useSelector","useHMSRoomStyleSheet","useIsHLSViewer","PollsAndQuizzesCard","visiblePollsSelector","PreviousPollsAndQuizzesList","isHLSViewer","polls","state","hlsCuedPollIds","cuedPollIds","hmsRoomStyles","theme","typography","surfaceHighSemiBoldText","color","palette","on_surface_high","fontFamily","font_family","surfaceHighRegularText","pollsList","Object","values","createElement","style","styles","contentContainer","title","length","subtitle","emptyList","Fragment","sort","a","b","startedAt","undefined","getTime","map","poll","key","pollId","create","marginHorizontal","fontSize","lineHeight","letterSpacing","marginVertical","textAlign"],"sourceRoot":"../../../src","sources":["components/PreviousPollsAndQuizzesList.tsx"],"mappings":"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"}
|