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

package/lib/module/components/PollQuestion.js

@@ -0,0 +1,359 @@
+import * as React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { HMSPollQuestionType } from '@100mslive/react-native-hms';
+import { useSelector } from 'react-redux';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { BottomSheet } from './BottomSheet';
+import { AddIcon, ChevronIcon, TrashBinIcon } from '../Icons';
+import { HMSTextInput } from './HMSTextInput';
+import { HMSBaseButton } from './HMSBaseButton';
+import { PressableIcon } from './PressableIcon';
+const questionTypes = [{
+  label: getLabelFromPollQuestionType(HMSPollQuestionType.singleChoice),
+  value: HMSPollQuestionType.singleChoice,
+  id: 'single-choice'
+}, {
+  label: getLabelFromPollQuestionType(HMSPollQuestionType.multipleChoice),
+  value: HMSPollQuestionType.multipleChoice,
+  id: 'multiple-choice'
+}
+// {
+//   label: getLabelFromPollQuestionType(HMSPollQuestionType.shortAnswer),
+//   value: HMSPollQuestionType.shortAnswer,
+//   id: 'short-answer',
+// },
+// {
+//   label: getLabelFromPollQuestionType(HMSPollQuestionType.longAnswer),
+//   value: HMSPollQuestionType.longAnswer,
+//   id: 'long-answer',
+// },
+];
+export const PollQuestion = ({
+  totalQuestions,
+  currentQuestionIndex,
+  pollQuestion,
+  onAddPollQuestionOption,
+  onDeletePollQuestionOption,
+  onEditPollQuestionOption,
+  onQuestionFieldChange,
+  onDelete
+}) => {
+  const [questionTypesVisible, setQuestionTypesVisible] = React.useState(false);
+  const launchingPoll = useSelector(state => state.polls.launchingPoll);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    regularMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    regularHighText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    semiBoldLowText: {
+      color: theme.palette.on_surface_low,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    questionType: {
+      backgroundColor: theme.palette.surface_bright
+    },
+    floatingQuestionContainer: {
+      borderColor: theme.palette.border_default,
+      backgroundColor: theme.palette.surface_bright
+    },
+    saveButton: {
+      backgroundColor: theme.palette.secondary_default
+    },
+    saveButtonDisabled: {
+      backgroundColor: theme.palette.secondary_dim
+    },
+    saveText: {
+      color: theme.palette.on_secondary_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    saveTextDisabled: {
+      color: theme.palette.on_secondary_low,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    divider: {
+      backgroundColor: theme.palette.border_bright
+    },
+    dividerV2: {
+      backgroundColor: theme.palette.border_default
+    },
+    optionText: {
+      backgroundColor: theme.palette.surface_bright,
+      borderColor: theme.palette.surface_bright
+    },
+    optionDeleteIcon: {
+      tintColor: theme.palette.on_surface_low
+    }
+  }));
+  const saveButtonDisabled = !pollQuestion.title || (pollQuestion.type === HMSPollQuestionType.singleChoice || pollQuestion.type === HMSPollQuestionType.multipleChoice) && pollQuestion.options && (pollQuestion.options.length <= 1 || pollQuestion.options.some(option => !option));
+  if (pollQuestion.saved) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, hmsRoomStyles.container]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.tinyText, styles.questionLabel, hmsRoomStyles.semiBoldLowText]
+    }, "Question ", currentQuestionIndex + 1, " of ", totalQuestions, ":", ' ', getLabelFromPollQuestionType(pollQuestion.type).toUpperCase()), pollQuestion.type === HMSPollQuestionType.singleChoice || pollQuestion.type === HMSPollQuestionType.multipleChoice ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: 0.8,
+      onPress: () => setQuestionTypesVisible(prev => !prev),
+      style: [{
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+      }, {
+        marginBottom: 16
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.normalText, hmsRoomStyles.regularHighText]
+    }, pollQuestion.title), /*#__PURE__*/React.createElement(ChevronIcon, {
+      direction: questionTypesVisible ? 'top' : 'down'
+    })) : /*#__PURE__*/React.createElement(Text, {
+      style: [styles.normalText, hmsRoomStyles.regularHighText, {
+        marginBottom: 16
+      }]
+    }, pollQuestion.title), questionTypesVisible && pollQuestion.options ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        marginBottom: 8
+      }
+    }, pollQuestion.options.map((option, idx) => /*#__PURE__*/React.createElement(Text, {
+      key: idx,
+      style: [styles.smallText, {
+        marginBottom: 8
+      }, hmsRoomStyles.regularMediumText]
+    }, option))) : null, /*#__PURE__*/React.createElement(View, {
+      style: styles.saveContainer
+    }, /*#__PURE__*/React.createElement(PressableIcon, {
+      disabled: launchingPoll,
+      style: [styles.deleteIcon, launchingPoll ? {
+        opacity: 0.4
+      } : null],
+      onPress: () => onDelete(currentQuestionIndex)
+    }, /*#__PURE__*/React.createElement(TrashBinIcon, null)), /*#__PURE__*/React.createElement(HMSBaseButton, {
+      loading: false,
+      disabled: saveButtonDisabled || launchingPoll,
+      onPress: () => {
+        setQuestionTypesVisible(false);
+        onQuestionFieldChange(currentQuestionIndex, 'saved', !pollQuestion.saved);
+      },
+      title: pollQuestion.saved ? 'Edit' : 'Save',
+      underlayColor: hmsRoomStyles.saveButtonDisabled.backgroundColor,
+      style: saveButtonDisabled || launchingPoll ? hmsRoomStyles.saveButtonDisabled : hmsRoomStyles.saveButton,
+      textStyle: [styles.normalText, saveButtonDisabled || launchingPoll ? hmsRoomStyles.saveTextDisabled : hmsRoomStyles.saveText]
+    })));
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.tinyText, styles.questionLabel, hmsRoomStyles.semiBoldLowText]
+  }, "Question ", currentQuestionIndex + 1, " of ", totalQuestions), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, styles.bottomSpace, hmsRoomStyles.regularHighText]
+  }, "Question Type"), /*#__PURE__*/React.createElement(View, {
+    style: styles.questionTypeWrapper
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.8,
+    onPress: () => setQuestionTypesVisible(prev => !prev),
+    style: [styles.questionType, hmsRoomStyles.questionType]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.normalText, hmsRoomStyles.regularHighText]
+  }, getLabelFromPollQuestionType(pollQuestion.type)), /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: questionTypesVisible ? 'top' : 'down'
+  })), questionTypesVisible ? /*#__PURE__*/React.createElement(View, {
+    collapsable: false,
+    style: [styles.questionTypeOptions, {
+      height: 48 * questionTypes.length + 16
+    }, hmsRoomStyles.floatingQuestionContainer]
+  }, questionTypes.map((item, idx) => {
+    const isFirst = idx === 0;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: item.id
+    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
+      style: [styles.questionTypeDivider, hmsRoomStyles.dividerV2]
+    }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: item.id,
+      onPress: () => {
+        setQuestionTypesVisible(prev => !prev);
+        onQuestionFieldChange(currentQuestionIndex, 'type', item.value);
+      },
+      style: [styles.questionTypeOption, hmsRoomStyles.questionType]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.normalText, hmsRoomStyles.regularHighText]
+    }, item.label)));
+  })) : null), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, styles.bottomSpace, hmsRoomStyles.regularHighText]
+  }, "Question"), /*#__PURE__*/React.createElement(HMSTextInput, {
+    placeholder: "e.g. Who will win the match?",
+    style: hmsRoomStyles.optionText,
+    value: pollQuestion.title,
+    autoFocus: false,
+    autoCapitalize: "none",
+    autoCompleteType: "off",
+    onChangeText: value => onQuestionFieldChange(currentQuestionIndex, 'title', value)
+  }), pollQuestion.options ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+    style: hmsRoomStyles.divider
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, styles.bottomSpace, hmsRoomStyles.regularHighText]
+  }, "Options"), /*#__PURE__*/React.createElement(View, {
+    style: styles.optionsWrapper
+  }, pollQuestion.options.map((option, idx) => {
+    const isFirst = idx === 0;
+    return /*#__PURE__*/React.createElement(View, {
+      key: idx,
+      style: [styles.optionContainer, isFirst ? null : styles.topSpace]
+    }, /*#__PURE__*/React.createElement(HMSTextInput, {
+      placeholder: `Option ${idx + 1}`,
+      style: hmsRoomStyles.optionText,
+      value: option,
+      autoCapitalize: "none",
+      autoCompleteType: "off",
+      autoFocus: false,
+      onChangeText: value => onEditPollQuestionOption(currentQuestionIndex, idx, value)
+    }), /*#__PURE__*/React.createElement(PressableIcon, {
+      style: styles.optionDelete,
+      border: false,
+      onPress: () => onDeletePollQuestionOption(currentQuestionIndex, idx)
+    }, /*#__PURE__*/React.createElement(TrashBinIcon, {
+      style: hmsRoomStyles.optionDeleteIcon
+    })));
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.addOptionWrapper
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.addOptionContainer,
+    onPress: () => onAddPollQuestionOption(currentQuestionIndex)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.addOptionIconWrapper
+  }, /*#__PURE__*/React.createElement(AddIcon, {
+    type: "circle"
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, hmsRoomStyles.regularMediumText]
+  }, "Add an option")))) : null, /*#__PURE__*/React.createElement(BottomSheet.Divider, {
+    style: hmsRoomStyles.divider
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.saveContainer
+  }, /*#__PURE__*/React.createElement(PressableIcon, {
+    style: styles.deleteIcon,
+    onPress: () => onDelete(currentQuestionIndex)
+  }, /*#__PURE__*/React.createElement(TrashBinIcon, null)), /*#__PURE__*/React.createElement(HMSBaseButton, {
+    loading: false,
+    disabled: saveButtonDisabled,
+    onPress: () => {
+      setQuestionTypesVisible(false);
+      onQuestionFieldChange(currentQuestionIndex, 'saved', !pollQuestion.saved);
+    },
+    title: pollQuestion.saved ? 'Edit' : 'Save',
+    underlayColor: hmsRoomStyles.saveButtonDisabled.backgroundColor,
+    style: saveButtonDisabled ? hmsRoomStyles.saveButtonDisabled : hmsRoomStyles.saveButton,
+    textStyle: [styles.normalText, saveButtonDisabled ? hmsRoomStyles.saveTextDisabled : hmsRoomStyles.saveText]
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 16,
+    borderRadius: 8
+  },
+  tinyText: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5
+  },
+  smallText: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  normalText: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5
+  },
+  questionLabel: {
+    textTransform: 'uppercase',
+    marginBottom: 16
+  },
+  questionTypeWrapper: {
+    position: 'relative',
+    marginBottom: 16,
+    zIndex: 40
+  },
+  questionType: {
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderRadius: 8
+  },
+  questionTypeOptions: {
+    width: '100%',
+    paddingVertical: 8,
+    overflow: 'hidden',
+    position: 'absolute',
+    zIndex: 20,
+    top: 48 + 4,
+    borderWidth: 1,
+    borderRadius: 8
+  },
+  questionTypeDivider: {
+    height: 1,
+    width: '90%',
+    alignSelf: 'center'
+  },
+  questionTypeOption: {
+    paddingVertical: 12,
+    paddingHorizontal: 16
+  },
+  optionsWrapper: {
+    marginBottom: 16
+  },
+  optionContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  optionDelete: {
+    alignSelf: 'center',
+    marginLeft: 8
+  },
+  topSpace: {
+    marginTop: 8
+  },
+  bottomSpace: {
+    marginBottom: 8
+  },
+  addOptionWrapper: {
+    alignSelf: 'flex-start'
+  },
+  addOptionContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  addOptionIconWrapper: {
+    marginRight: 8,
+    padding: 8
+  },
+  config: {
+    marginBottom: 16
+  },
+  saveContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  deleteIcon: {
+    marginRight: 16
+  }
+});
+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=PollQuestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","HMSPollQuestionType","useSelector","useHMSRoomStyleSheet","BottomSheet","AddIcon","ChevronIcon","TrashBinIcon","HMSTextInput","HMSBaseButton","PressableIcon","questionTypes","label","getLabelFromPollQuestionType","singleChoice","value","id","multipleChoice","PollQuestion","totalQuestions","currentQuestionIndex","pollQuestion","onAddPollQuestionOption","onDeletePollQuestionOption","onEditPollQuestionOption","onQuestionFieldChange","onDelete","questionTypesVisible","setQuestionTypesVisible","useState","launchingPoll","state","polls","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","regularMediumText","color","on_surface_medium","fontFamily","font_family","regularHighText","on_surface_high","semiBoldLowText","on_surface_low","questionType","surface_bright","floatingQuestionContainer","borderColor","border_default","saveButton","secondary_default","saveButtonDisabled","secondary_dim","saveText","on_secondary_high","saveTextDisabled","on_secondary_low","divider","border_bright","dividerV2","optionText","optionDeleteIcon","tintColor","title","type","options","length","some","option","saved","createElement","style","styles","tinyText","questionLabel","toUpperCase","activeOpacity","onPress","prev","flexDirection","alignItems","justifyContent","marginBottom","normalText","direction","map","idx","key","smallText","saveContainer","disabled","deleteIcon","opacity","loading","underlayColor","textStyle","bottomSpace","questionTypeWrapper","collapsable","questionTypeOptions","height","item","isFirst","Fragment","questionTypeDivider","questionTypeOption","placeholder","autoFocus","autoCapitalize","autoCompleteType","onChangeText","Divider","optionsWrapper","optionContainer","topSpace","optionDelete","border","addOptionWrapper","addOptionContainer","addOptionIconWrapper","create","padding","borderRadius","fontSize","lineHeight","letterSpacing","textTransform","position","zIndex","paddingVertical","paddingHorizontal","width","overflow","top","borderWidth","alignSelf","marginLeft","marginTop","marginRight","config","longAnswer","shortAnswer"],"sourceRoot":"../../../src","sources":["components/PollQuestion.tsx"],"mappings":"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"}

package/lib/module/components/PollQuestionDeleteConfirmation.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","useDispatch","useHMSRoomStyleSheet","AlertTriangleIcon","CloseIcon","HMSDangerButton","deletePollQuestion","PollQuestionDeleteConfirmation","dismissModal","dispatch","hmsRoomStyles","theme","typography","headerText","color","palette","alert_error_default","fontFamily","font_family","subtitle","on_surface_medium","disabledButton","handleClosePress","handlePollQuestionDelete","createElement","style","styles","container","header","headerControls","backIcon","onPress","hitSlop","closeIconHitSlop","loading","title","disabled","deleteButton","create","padding","paddingBottom","flexDirection","alignItems","justifyContent","marginRight","fontSize","lineHeight","letterSpacing","bottom","left","right","top","marginTop"],"sourceRoot":"../../../src","sources":["components/PollQuestionDeleteConfirmation.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AACvE,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,iBAAiB,EAAEC,SAAS,QAAQ,UAAU;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,kBAAkB,QAAQ,kBAAkB;AAMrD,OAAO,MAAMC,8BAEZ,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EACxB,MAAMC,QAAQ,GAAGR,WAAW,CAAC,CAAC;EAE9B,MAAMS,aAAa,GAAGR,oBAAoB,CAAC,CAACS,KAAK,EAAEC,UAAU,MAAM;IACjEC,UAAU,EAAE;MACVC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,mBAAmB;MACxCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,QAAQ,EAAE;MACRL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMG,cAAc,GAAG,KAAK;EAE5B,MAAMC,gBAAgB,GAAGA,CAAA,KAAMd,YAAY,CAAC,CAAC;EAE7C,MAAMe,wBAAwB,GAAGA,CAAA,KAAM;IACrCd,QAAQ,CAACH,kBAAkB,CAAC,CAAC,CAAC;IAC9BE,YAAY,CAAC,CAAC;EAChB,CAAC;EAED,oBACEZ,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B/B,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAEC,MAAM,CAACE;EAAO,gBACzBhC,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAEC,MAAM,CAACG;EAAe,gBACjCjC,KAAA,CAAA4B,aAAA,CAACrB,iBAAiB;IAACsB,KAAK,EAAEC,MAAM,CAACI;EAAS,CAAE,CAAC,eAE7ClC,KAAA,CAAA4B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACb,UAAU,EAAEH,aAAa,CAACG,UAAU;EAAE,GAAC,iBAEtD,CACF,CAAC,eAEPjB,KAAA,CAAA4B,aAAA,CAACxB,gBAAgB;IACf+B,OAAO,EAAET,gBAAiB;IAC1BU,OAAO,EAAEN,MAAM,CAACO;EAAiB,gBAEjCrC,KAAA,CAAA4B,aAAA,CAACpB,SAAS,MAAE,CACI,CACd,CAAC,eAEPR,KAAA,CAAA4B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACP,QAAQ,EAAET,aAAa,CAACS,QAAQ;EAAE,GAAC,gDACR,EAAC,IAAI,EAAC,6BAEhD,CAAC,eAEPvB,KAAA,CAAA4B,aAAA,CAACnB,eAAe;IACd6B,OAAO,EAAE,KAAM;IACfH,OAAO,EAAER,wBAAyB;IAClCY,KAAK,EAAC,QAAQ;IACdC,QAAQ,EAAEf,cAAe;IACzBI,KAAK,EAAEC,MAAM,CAACW;EAAa,CAC5B,CACG,CAAC;AAEX,CAAC;AAED,MAAMX,MAAM,GAAG3B,UAAU,CAACuC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,OAAO,EAAE,EAAE;IACXC,aAAa,EAAE;EACjB,CAAC;EACDZ,MAAM,EAAE;IACNa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDd,cAAc,EAAE;IACdY,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDZ,QAAQ,EAAE;IACRc,WAAW,EAAE;EACf,CAAC;EACD/B,UAAU,EAAE;IACVgC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDd,gBAAgB,EAAE;IAChBe,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE;EACP,CAAC;EACDhC,QAAQ,EAAE;IACR0B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdM,SAAS,EAAE;EACb,CAAC;EACDf,YAAY,EAAE;IACZe,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/components/PollQuestions.js

@@ -0,0 +1,180 @@
+import * as React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from 'react-native';
+import { HMSPollType } from '@100mslive/react-native-hms';
+import { AddIcon } from '../Icons';
+import { useHMSInstance, useHMSRoomStyleSheet } from '../hooks-util';
+import { HMSPrimaryButton } from './HMSPrimaryButton';
+import { PollQuestion } from './PollQuestion';
+import { batch, useDispatch, useSelector, useStore } from 'react-redux';
+import { addPollQuestion, addPollQuestionOption, cleaPollFormState, deletePollQuestionOption, editPollQuestionOption, setLaunchingPoll, setPollQDeleteConfirmationVisible, setPollQuestionResponseEditable, setPollQuestionSaved, setPollQuestionSkippable, setPollQuestionTitle, setPollQuestionType, setSelectedPollQuestionIndex } from '../redux/actions';
+export const PollQuestions = ({}) => {
+  const dispatch = useDispatch();
+  const hmsInstance = useHMSInstance();
+  const reduxStore = useStore();
+  const localPeerRole = useSelector(state => {
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.role;
+  });
+  const launchingPoll = useSelector(state => state.polls.launchingPoll);
+  const questions = useSelector(state => state.polls.questions);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    regularMediumText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  const disableLaunchPoll = questions.length <= 0 || questions.some(question => !question.title || !question.saved || Array.isArray(question.options) && (question.options.length <= 1 || question.options.some(option => !option)));
+  const launchPoll = async () => {
+    try {
+      const pollsData = reduxStore.getState().polls;
+      if (!pollsData.pollName || pollsData.questions.some(question => !question.title || question.options && question.options.some(option => !option))) {
+        console.log('Incorrect data!');
+        return;
+      }
+      dispatch(setLaunchingPoll(true));
+      const result = await hmsInstance.interactivityCenter.startPoll({
+        title: pollsData.pollName,
+        type: HMSPollType.poll,
+        rolesThatCanViewResponses: pollsData.pollConfig.voteCountHidden && localPeerRole ? [localPeerRole] : undefined,
+        // mode: HMSPollUserTrackingMode.customerUserID, // mode: null, // `pollsData.pollConfig.resultsAnonymous` Make results anonymous set user tracking mode to none
+        questions: pollsData.questions.map(question => {
+          var _question$options;
+          return {
+            skippable: question.skippable,
+            once: !question.responseEditable,
+            text: question.title,
+            type: question.type,
+            options: (_question$options = question.options) === null || _question$options === void 0 ? void 0 : _question$options.map(option => ({
+              text: option
+            }))
+          };
+        })
+      });
+      console.log('quickStartPoll result > ', result);
+      dispatch(cleaPollFormState());
+    } catch (error) {
+      dispatch(setLaunchingPoll(false));
+      console.log('quickStartPoll error > ', error);
+    }
+  };
+  const addQuestion = () => {
+    dispatch(addPollQuestion());
+  };
+  const deleteQuestion = React.useCallback(index => {
+    batch(() => {
+      dispatch(setSelectedPollQuestionIndex(index));
+      dispatch(setPollQDeleteConfirmationVisible(true));
+    });
+  }, []);
+  const onQuestionFieldChange = React.useCallback((questionIndex, questionField, value) => {
+    switch (questionField) {
+      case 'responseEditable':
+        dispatch(setPollQuestionResponseEditable(questionIndex, value));
+        break;
+      case 'saved':
+        dispatch(setPollQuestionSaved(questionIndex, value));
+        break;
+      case 'skippable':
+        dispatch(setPollQuestionSkippable(questionIndex, value));
+        break;
+      case 'title':
+        dispatch(setPollQuestionTitle(questionIndex, value));
+        break;
+      case 'type':
+        dispatch(setPollQuestionType(questionIndex, value));
+        break;
+    }
+  }, []);
+  const handleAddPollQuestionOption = React.useCallback(questionIndex => {
+    dispatch(addPollQuestionOption(questionIndex));
+  }, []);
+  const handleDeletePollQuestionOption = React.useCallback((questionIndex, optionIndex) => {
+    dispatch(deletePollQuestionOption(questionIndex, optionIndex));
+  }, []);
+  const handleEditPollQuestionOption = React.useCallback((questionIndex, optionIndex, option) => {
+    dispatch(editPollQuestionOption(questionIndex, optionIndex, option));
+  }, []);
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.contentContainer,
+    contentContainerStyle: {
+      paddingTop: 24
+    }
+  }, questions.map((pollQuestion, idx, arr) => {
+    const isFirst = idx === 0;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: idx
+    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: 16
+      }
+    }), /*#__PURE__*/React.createElement(PollQuestion, {
+      totalQuestions: arr.length,
+      currentQuestionIndex: idx,
+      pollQuestion: pollQuestion,
+      onAddPollQuestionOption: handleAddPollQuestionOption,
+      onDeletePollQuestionOption: handleDeletePollQuestionOption,
+      onEditPollQuestionOption: handleEditPollQuestionOption,
+      onQuestionFieldChange: onQuestionFieldChange,
+      onDelete: deleteQuestion
+    }));
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.addOptionWrapper, {
+      marginTop: 16
+    }]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: addQuestion,
+    disabled: launchingPoll,
+    style: [styles.addOptionContainer, launchingPoll ? {
+      opacity: 0.4
+    } : null]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.addOptionIconWrapper
+  }, /*#__PURE__*/React.createElement(AddIcon, {
+    type: "circle"
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.smallText, hmsRoomStyles.regularMediumText]
+  }, "Add another question"))), /*#__PURE__*/React.createElement(HMSPrimaryButton, {
+    disabled: disableLaunchPoll || launchingPoll,
+    title: "Launch Poll",
+    loading: launchingPoll,
+    onPress: launchPoll,
+    style: {
+      marginTop: 16,
+      marginBottom: 56,
+      alignSelf: 'flex-end'
+    }
+  }));
+};
+const styles = StyleSheet.create({
+  smallText: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  contentContainer: {
+    paddingHorizontal: 24
+  },
+  typeSelectionLabel: {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  pollNameLabel: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginBottom: 8
+  },
+  textInput: {
+    flex: undefined
+  },
+  addOptionWrapper: {
+    alignSelf: 'flex-start'
+  },
+  addOptionContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  addOptionIconWrapper: {
+    marginRight: 8,
+    padding: 8
+  }
+});
+//# sourceMappingURL=PollQuestions.js.map