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

package/lib/module/components/PollAndQuizQuestionResponseCard.js

@@ -0,0 +1,176 @@
+import * as React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { HMSPollQuestionType, HMSPollState } 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';
+export const PollAndQuizQuestionResponseCard = ({
+  pollState,
+  totalQuestions,
+  pollId,
+  pollQuestion,
+  containerStyle,
+  onSubmit
+}) => {
+  var _pollQuestion$options, _pollQuestion$options2;
+  const {
+    primary_bright: primaryBrightColor,
+    on_surface_low: onSurfaceLowColor
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    surfaceLowSemiBoldText: {
+      color: theme.palette.on_surface_low,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    surfaceHighRegularText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    skipButton: {
+      borderColor: theme.palette.border_bright,
+      borderWidth: 1,
+      marginRight: 16
+    },
+    skipButtonText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  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 canViewPollResponse = useSelector(state => {
+    var _state$hmsStates$loca, _state$polls$polls$po;
+    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;
+    return Array.isArray(rolesThatCanViewResponses) && rolesThatCanViewResponses.length > 0 ? localPeerRole && rolesThatCanViewResponses.findIndex(role => role.name === localPeerRole.name) !== -1 : true;
+  });
+  const handleOptionSelection = (selected, option) => {
+    if (pollQuestion.type === HMSPollQuestionType.singleChoice) {
+      dispatch(setPollQuestionResponse(pollId, pollQuestion.index, option.index));
+    } else {
+      if (selected) {
+        dispatch(addPollQuestionResponse(pollId, pollQuestion.index, option.index));
+      } else {
+        dispatch(removePollQuestionResponse(pollId, pollQuestion.index, option.index));
+      }
+    }
+  };
+  const handleVotePress = async e => {
+    if (!selectedOptions) {
+      return;
+    }
+    onSubmit === null || onSubmit === void 0 || onSubmit(e);
+    const result = await hmsInstance.interactivityCenter.add({
+      pollId,
+      pollQuestionIndex: pollQuestion.index,
+      responses: {
+        options: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions]
+      }
+    });
+    console.log(JSON.stringify(result, null, 4));
+  };
+  const handleSkipPress = async e => {
+    onSubmit === null || onSubmit === void 0 || onSubmit(e);
+    // TODO: Implement skip API
+  };
+  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;
+  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.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) => {
+    return /*#__PURE__*/React.createElement(PollResponseProgressView, {
+      key: option.index,
+      option: option,
+      totalVotes: arr.reduce((acc, curr) => {
+        return 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;
+    return /*#__PURE__*/React.createElement(InputComponent, {
+      key: option.index,
+      disabled: isVoted,
+      selected: isSelected,
+      radioColor: isVoted ? isSelected ? primaryBrightColor : onSurfaceLowColor : undefined,
+      onChange: selected => handleOptionSelection(selected, option),
+      text: option.text,
+      containerStyle: {
+        marginBottom: 16
+      }
+    });
+  }))), isVoted ? /*#__PURE__*/React.createElement(Text, {
+    style: [styles.regularText, styles.votedLabel, hmsRoomStyles.surfaceLowSemiBoldText]
+  }, "Voted") : pollState === HMSPollState.started ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      alignSelf: 'flex-end',
+      flexDirection: 'row'
+    }
+  }, pollQuestion.skippable ? /*#__PURE__*/React.createElement(HMSBaseButton, {
+    loading: false,
+    onPress: handleSkipPress,
+    title: "Skip",
+    style: hmsRoomStyles.skipButton,
+    textStyle: hmsRoomStyles.skipButtonText,
+    useTouchableOpacity: true
+  }) : null, /*#__PURE__*/React.createElement(HMSPrimaryButton, {
+    loading: false,
+    disabled: !anyOptionSelected,
+    onPress: handleVotePress,
+    title: "Vote"
+  })) : null);
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 16,
+    borderRadius: 8
+  },
+  tinyText: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5
+  },
+  regularText: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  verticalNormalSpacer: {
+    marginVertical: 16
+  },
+  votedLabel: {
+    paddingVertical: 8,
+    alignSelf: 'flex-end'
+  },
+  uppercaseContent: {
+    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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","HMSPollQuestionType","HMSPollState","useHMSInstance","useHMSRoomColorPalette","useHMSRoomStyleSheet","RadioInputRow","HMSPrimaryButton","HMSBaseButton","useDispatch","useSelector","addPollQuestionResponse","removePollQuestionResponse","setPollQuestionResponse","PollResponseProgressView","CheckboxInputRow","PollAndQuizQuestionResponseCard","pollState","totalQuestions","pollId","pollQuestion","containerStyle","onSubmit","_pollQuestion$options","_pollQuestion$options2","primary_bright","primaryBrightColor","on_surface_low","onSurfaceLowColor","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","surfaceLowSemiBoldText","color","fontFamily","font_family","surfaceHighRegularText","on_surface_high","skipButton","borderColor","border_bright","borderWidth","marginRight","skipButtonText","hmsInstance","dispatch","selectedOptions","state","_state$polls$pollsRes","polls","pollsResponses","index","canViewPollResponse","_state$hmsStates$loca","_state$polls$polls$po","localPeerRole","hmsStates","localPeer","role","rolesThatCanViewResponses","Array","isArray","length","findIndex","name","handleOptionSelection","selected","option","type","singleChoice","handleVotePress","e","result","interactivityCenter","add","pollQuestionIndex","responses","options","console","log","JSON","stringify","handleSkipPress","anyOptionSelected","isVoted","myResponses","InputComponent","multipleChoice","createElement","style","styles","tinyText","uppercaseContent","getLabelFromPollQuestionType","regularText","verticalNormalSpacer","text","Fragment","stopped","sort","a","b","map","_","arr","key","totalVotes","reduce","acc","curr","voteCount","isSelected","find","r","includes","disabled","radioColor","undefined","onChange","marginBottom","votedLabel","started","alignSelf","flexDirection","skippable","loading","onPress","title","textStyle","useTouchableOpacity","create","padding","borderRadius","fontSize","lineHeight","letterSpacing","marginVertical","paddingVertical","textTransform","longAnswer","shortAnswer"],"sourceRoot":"../../../src","sources":["components/PollAndQuizQuestionResponseCard.tsx"],"mappings":"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"}

package/lib/module/components/PollAndQuizVoting.js

@@ -0,0 +1,127 @@
+import * as React from 'react';
+import { Text, StyleSheet, ScrollView, findNodeHandle, UIManager } from 'react-native';
+import { useSelector } from 'react-redux';
+import { HMSPollState } from '@100mslive/react-native-hms';
+import { useHMSInstance, useHMSRoomStyleSheet } from '../hooks-util';
+import { PollAndQuizQuestionResponseCard } from './PollAndQuizQuestionResponseCard';
+import { HMSDangerButton } from './HMSDangerButton';
+export const PollAndQuizVoting = () => {
+  var _selectedPoll$created, _selectedPoll$questio;
+  const scrollViewRef = React.useRef(null);
+  const hmsInstance = useHMSInstance();
+  const selectedPoll = useSelector(state => {
+    const pollsData = state.polls;
+    if (pollsData.selectedPollId !== null) {
+      return pollsData.polls[pollsData.selectedPollId] || null;
+    }
+    return null;
+  });
+  const canCreateOrEndPoll = useSelector(state => {
+    var _state$hmsStates$loca;
+    const permissions = (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.permissions;
+    return permissions === null || permissions === void 0 ? void 0 : permissions.pollWrite;
+  });
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    regularMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    semiBoldMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const endPoll = async () => {
+    if (!selectedPoll || !canCreateOrEndPoll) {
+      return;
+    }
+    const result = await hmsInstance.interactivityCenter.stop(selectedPoll.pollId);
+    console.log('Poll ended', result);
+  };
+  const handleVote = e => {
+    const handle = findNodeHandle(e.nativeEvent.target);
+    const scrollHandle = findNodeHandle(scrollViewRef.current);
+    if (!handle) {
+      return;
+    }
+    if (scrollHandle === null) {
+      return;
+    }
+    UIManager.measureLayout(handle, scrollHandle, () => {
+      console.log('Failed', e);
+    }, (_left, top, _width, _height) => {
+      var _scrollViewRef$curren;
+      (_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 || _scrollViewRef$curren.scrollTo({
+        y: top + 400,
+        animated: true
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    ref: scrollViewRef,
+    style: styles.contentContainer,
+    contentContainerStyle: {
+      paddingVertical: 24
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.normalText, hmsRoomStyles.semiBoldMediumText]
+  }, selectedPoll === null || selectedPoll === void 0 || (_selectedPoll$created = selectedPoll.createdBy) === null || _selectedPoll$created === void 0 ? void 0 : _selectedPoll$created.name, " started a Poll"), selectedPoll === null || selectedPoll === void 0 || (_selectedPoll$questio = selectedPoll.questions) === null || _selectedPoll$questio === void 0 ? void 0 : _selectedPoll$questio.sort((a, b) => a.index - b.index).map((question, _, arr) => /*#__PURE__*/React.createElement(PollAndQuizQuestionResponseCard, {
+    key: question.index,
+    pollState: selectedPoll.state,
+    pollId: selectedPoll.pollId,
+    totalQuestions: arr.length,
+    pollQuestion: question,
+    containerStyle: {
+      marginBottom: 16
+    },
+    onSubmit: handleVote
+  })), selectedPoll && selectedPoll.state === HMSPollState.started && canCreateOrEndPoll ? /*#__PURE__*/React.createElement(HMSDangerButton, {
+    disabled: !selectedPoll,
+    title: "End Poll",
+    loading: false,
+    onPress: endPoll,
+    style: {
+      marginTop: 16,
+      marginBottom: 16,
+      alignSelf: 'flex-end'
+    }
+  }) : null);
+};
+const styles = StyleSheet.create({
+  smallText: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  normalText: {
+    fontSize: 16,
+    lineHeight: 24,
+    marginBottom: 16
+  },
+  contentContainer: {
+    paddingHorizontal: 24
+  },
+  typeSelectionLabel: {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  pollNameLabel: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginBottom: 8
+  },
+  textInput: {
+    flex: undefined
+  },
+  addOptionWrapper: {
+    alignSelf: 'flex-start'
+  },
+  addOptionContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  addOptionIconWrapper: {
+    marginRight: 8,
+    padding: 8
+  }
+});
+//# sourceMappingURL=PollAndQuizVoting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","StyleSheet","ScrollView","findNodeHandle","UIManager","useSelector","HMSPollState","useHMSInstance","useHMSRoomStyleSheet","PollAndQuizQuestionResponseCard","HMSDangerButton","PollAndQuizVoting","_selectedPoll$created","_selectedPoll$questio","scrollViewRef","useRef","hmsInstance","selectedPoll","state","pollsData","polls","selectedPollId","canCreateOrEndPoll","_state$hmsStates$loca","permissions","hmsStates","localPeer","role","pollWrite","hmsRoomStyles","theme","typography","regularMediumText","color","palette","on_surface_medium","fontFamily","font_family","semiBoldMediumText","endPoll","result","interactivityCenter","stop","pollId","console","log","handleVote","e","handle","nativeEvent","target","scrollHandle","current","measureLayout","_left","top","_width","_height","_scrollViewRef$curren","scrollTo","y","animated","createElement","ref","style","styles","contentContainer","contentContainerStyle","paddingVertical","normalText","createdBy","name","questions","sort","a","b","index","map","question","_","arr","key","pollState","totalQuestions","length","pollQuestion","containerStyle","marginBottom","onSubmit","started","disabled","title","loading","onPress","marginTop","alignSelf","create","smallText","fontSize","lineHeight","paddingHorizontal","typeSelectionLabel","pollNameLabel","textInput","flex","undefined","addOptionWrapper","addOptionContainer","flexDirection","alignItems","addOptionIconWrapper","marginRight","padding"],"sourceRoot":"../../../src","sources":["components/PollAndQuizVoting.tsx"],"mappings":"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"}

package/lib/module/components/PollAndQuizzStateLabel.js

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { HMSPollState } from '@100mslive/react-native-hms';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+export const PollAndQuizzStateLabel = ({
+  state
+}) => {
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    surfaceHighSemiBoldText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    liveStateLabelWrapper: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    stateLabelWrapper: {
+      backgroundColor: theme.palette.surface_brighter
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.stateLabelWrapper, state === HMSPollState.started ? hmsRoomStyles.liveStateLabelWrapper : hmsRoomStyles.stateLabelWrapper]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.stateLabel, hmsRoomStyles.surfaceHighSemiBoldText]
+  }, state === HMSPollState.started ? 'LIVE' : state === HMSPollState.stopped ? 'ENDED' : 'DRAFT'));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 16,
+    borderRadius: 8,
+    marginBottom: 24
+  },
+  spacer: {
+    height: 16
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  rightRow: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end'
+  },
+  pollTitle: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.15
+  },
+  stateLabelWrapper: {
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    borderRadius: 4
+  },
+  stateLabel: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5
+  }
+});
+//# sourceMappingURL=PollAndQuizzStateLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","HMSPollState","useHMSRoomStyleSheet","PollAndQuizzStateLabel","state","hmsRoomStyles","theme","typography","surfaceHighSemiBoldText","color","palette","on_surface_high","fontFamily","font_family","container","backgroundColor","surface_default","liveStateLabelWrapper","alert_error_default","stateLabelWrapper","surface_brighter","createElement","style","styles","started","stateLabel","stopped","create","padding","borderRadius","marginBottom","spacer","height","row","flexDirection","alignItems","justifyContent","rightRow","pollTitle","fontSize","lineHeight","letterSpacing","paddingVertical","paddingHorizontal"],"sourceRoot":"../../../src","sources":["components/PollAndQuizzStateLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,YAAY,QAAQ,6BAA6B;AAE1D,SAASC,oBAAoB,QAAQ,eAAe;AAMpD,OAAO,MAAMC,sBAA6D,GAAGA,CAAC;EAC5EC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAACI,KAAK,EAAEC,UAAU,MAAM;IACjEC,uBAAuB,EAAE;MACvBC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,SAAS,EAAE;MACTC,eAAe,EAAET,KAAK,CAACI,OAAO,CAACM;IACjC,CAAC;IACDC,qBAAqB,EAAE;MACrBF,eAAe,EAAET,KAAK,CAACI,OAAO,CAACQ;IACjC,CAAC;IACDC,iBAAiB,EAAE;MACjBJ,eAAe,EAAET,KAAK,CAACI,OAAO,CAACU;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEvB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IACHsB,KAAK,EAAE,CACLC,MAAM,CAACJ,iBAAiB,EACxBf,KAAK,KAAKH,YAAY,CAACuB,OAAO,GAC1BnB,aAAa,CAACY,qBAAqB,GACnCZ,aAAa,CAACc,iBAAiB;EACnC,gBAEFtB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAE,CAACC,MAAM,CAACE,UAAU,EAAEpB,aAAa,CAACG,uBAAuB;EAAE,GACrEJ,KAAK,KAAKH,YAAY,CAACuB,OAAO,GAC3B,MAAM,GACNpB,KAAK,KAAKH,YAAY,CAACyB,OAAO,GAC5B,OAAO,GACP,OACF,CACF,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAGzB,UAAU,CAAC6B,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE;EAChB,CAAC;EACDC,MAAM,EAAE;IACNC,MAAM,EAAE;EACV,CAAC;EACDC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,QAAQ,EAAE;IACRH,aAAa,EAAE,KAAK;IACpBE,cAAc,EAAE;EAClB,CAAC;EACDE,SAAS,EAAE;IACTC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDtB,iBAAiB,EAAE;IACjBuB,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBd,YAAY,EAAE;EAChB,CAAC;EACDJ,UAAU,EAAE;IACVc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/PollQDeleteConfirmationSheetView.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import Animated, { SlideInDown, SlideOutDown } from 'react-native-reanimated';
+import { hexToRgbA } from '../utils/theme';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { setPollQDeleteConfirmationVisible } from '../redux/actions';
+import { PollQuestionDeleteConfirmation } from './PollQuestionDeleteConfirmation';
+const _PollQDeleteConfirmationSheetView = ({}) => {
+  const dispatch = useDispatch();
+  const deleteConfirmationVisible = useSelector(state => state.polls.deleteConfirmationVisible);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    backdrop: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.1)
+    },
+    contentContainer: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
+  const closeBottomSheet = () => {
+    dispatch(setPollQDeleteConfirmationVisible(false));
+  };
+  if (!deleteConfirmationVisible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: closeBottomSheet,
+    style: [styles.backdrop, hmsRoomStyles.backdrop]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    entering: SlideInDown,
+    exiting: SlideOutDown,
+    style: [styles.contentContainer, hmsRoomStyles.contentContainer]
+  }, /*#__PURE__*/React.createElement(PollQuestionDeleteConfirmation, {
+    dismissModal: closeBottomSheet
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    zIndex: 1,
+    justifyContent: 'flex-end',
+    alignSelf: 'center'
+  },
+  backdrop: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  },
+  contentContainer: {
+    width: '100%',
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16
+  }
+});
+export const PollQDeleteConfirmationSheetView = /*#__PURE__*/React.memo(_PollQDeleteConfirmationSheetView);
+//# sourceMappingURL=PollQDeleteConfirmationSheetView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","useDispatch","useSelector","Animated","SlideInDown","SlideOutDown","hexToRgbA","useHMSRoomStyleSheet","setPollQDeleteConfirmationVisible","PollQuestionDeleteConfirmation","_PollQDeleteConfirmationSheetView","dispatch","deleteConfirmationVisible","state","polls","hmsRoomStyles","theme","backdrop","backgroundColor","palette","background_dim","contentContainer","surface_dim","closeBottomSheet","createElement","style","styles","container","onPress","entering","exiting","dismissModal","create","position","width","height","zIndex","justifyContent","alignSelf","borderTopLeftRadius","borderTopRightRadius","PollQDeleteConfirmationSheetView","memo"],"sourceRoot":"../../../src","sources":["components/PollQDeleteConfirmationSheetView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,OAAOC,QAAQ,IAAIC,WAAW,EAAEC,YAAY,QAAQ,yBAAyB;AAE7E,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,oBAAoB,QAAQ,eAAe;AAEpD,SAASC,iCAAiC,QAAQ,kBAAkB;AACpE,SAASC,8BAA8B,QAAQ,kCAAkC;AAIjF,MAAMC,iCAEL,GAAGA,CAAC,CAAC,CAAC,KAAK;EACV,MAAMC,QAAQ,GAAGV,WAAW,CAAC,CAAC;EAC9B,MAAMW,yBAAyB,GAAGV,WAAW,CAC1CW,KAAgB,IAAKA,KAAK,CAACC,KAAK,CAACF,yBACpC,CAAC;EAED,MAAMG,aAAa,GAAGR,oBAAoB,CAAES,KAAK,KAAM;IACrDC,QAAQ,EAAE;MACRC,eAAe,EACbF,KAAK,CAACG,OAAO,CAACC,cAAc,IAC5Bd,SAAS,CAACU,KAAK,CAACG,OAAO,CAACC,cAAc,EAAE,GAAG;IAC/C,CAAC;IACDC,gBAAgB,EAAE;MAChBH,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACG;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BZ,QAAQ,CAACH,iCAAiC,CAAC,KAAK,CAAC,CAAC;EACpD,CAAC;EAED,IAAI,CAACI,yBAAyB,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,oBACEf,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B9B,KAAA,CAAA2B,aAAA,CAAC1B,SAAS;IACR8B,OAAO,EAAEL,gBAAiB;IAC1BE,KAAK,EAAE,CAACC,MAAM,CAACT,QAAQ,EAAEF,aAAa,CAACE,QAAQ;EAAE,CAClD,CAAC,eAEFpB,KAAA,CAAA2B,aAAA,CAACrB,QAAQ,CAACH,IAAI;IACZ6B,QAAQ,EAAEzB,WAAY;IACtB0B,OAAO,EAAEzB,YAAa;IACtBoB,KAAK,EAAE,CAACC,MAAM,CAACL,gBAAgB,EAAEN,aAAa,CAACM,gBAAgB;EAAE,gBAEjExB,KAAA,CAAA2B,aAAA,CAACf,8BAA8B;IAACsB,YAAY,EAAER;EAAiB,CAAE,CACpD,CACX,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAG3B,UAAU,CAACiC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE,UAAU;IAC1BC,SAAS,EAAE;EACb,CAAC;EACDrB,QAAQ,EAAE;IACRgB,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDd,gBAAgB,EAAE;IAChBa,KAAK,EAAE,MAAM;IACbK,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,gCAAgC,gBAAG5C,KAAK,CAAC6C,IAAI,CACxDhC,iCACF,CAAC"}