stream-chat-react-native-core 8.13.7 → 9.0.0-beta.1

package/lib/module/components/Poll/components/NameField.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.NameField = void 0;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
 var _contexts = require("../../../contexts");
 var _useMessageComposer = require("../../../contexts/messageInputContext/hooks/useMessageComposer");
+var _Input = require("../../ui/Input/Input");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Poll/components/NameField.tsx";
@@ -20,12 +20,6 @@ var NameField = exports.NameField = function NameField() {
   var pollComposer = messageComposer.pollComposer;
   var handleFieldBlur = pollComposer.handleFieldBlur,
     updateFields = pollComposer.updateFields;
-  var _useTheme = (0, _contexts.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    bg_user = _useTheme$theme$color.bg_user,
-    black = _useTheme$theme$color.black,
-    name = _useTheme$theme.poll.createContent.name;
   var onChangeText = (0, _react.useCallback)(function () {
     var _ref = (0, _asyncToGenerator2.default)(function* (newText) {
       yield updateFields({
@@ -39,35 +33,13 @@ var NameField = exports.NameField = function NameField() {
   var onBlur = (0, _react.useCallback)((0, _asyncToGenerator2.default)(function* () {
     yield handleFieldBlur('name');
   }), [handleFieldBlur]);
-  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-    children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: black
-      }, name.title],
-      children: t('Questions')
-    }), (0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      onBlur: onBlur,
-      onChangeText: onChangeText,
-      placeholder: t('Ask a question'),
-      style: [styles.textInputWrapper, styles.text, {
-        backgroundColor: bg_user,
-        color: black
-      }, name.input]
-    })]
+  return (0, _jsxRuntime.jsx)(_Input.Input, {
+    title: t('Questions'),
+    placeholder: t('Ask a question'),
+    variant: "outline",
+    onChangeText: onChangeText,
+    onBlur: onBlur,
+    helperText: false
   });
 };
-var styles = _reactNative.StyleSheet.create({
-  text: {
-    fontSize: 16
-  },
-  textInputWrapper: {
-    alignItems: 'center',
-    borderRadius: 12,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    marginTop: 16,
-    paddingHorizontal: 16,
-    paddingVertical: 18
-  }
-});
 //# sourceMappingURL=NameField.js.map

package/lib/module/components/Poll/components/NameField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_contexts","_useMessageComposer","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NameField","exports","_useTranslationContex","useTranslationContext","messageComposer","useMessageComposer","pollComposer","handleFieldBlur","updateFields","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","bg_user","black","name","poll","createContent","onChangeText","useCallback","_ref","_asyncToGenerator2","newText","_x","apply","arguments","onBlur","jsxs","View","children","jsx","Text","style","styles","text","color","title","TextInput","placeholder","textInputWrapper","backgroundColor","input","StyleSheet","create","fontSize","alignItems","borderRadius","flexDirection","justifyContent","marginTop","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../../src","sources":["components/Poll/components/NameField.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_contexts","_useMessageComposer","_Input","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NameField","exports","_useTranslationContex","useTranslationContext","messageComposer","useMessageComposer","pollComposer","handleFieldBlur","updateFields","onChangeText","useCallback","_ref","_asyncToGenerator2","newText","name","_x","apply","arguments","onBlur","jsx","Input","title","placeholder","variant","helperText"],"sourceRoot":"../../../../../src","sources":["components/Poll/components/NameField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Poll/components/PollAnswersList.js

@@ -9,8 +9,10 @@ var _reactNative = require("react-native");
 var _streamChat = require("stream-chat");
 var _PollInputDialog = require("./PollInputDialog");
 var _contexts = require("../../../contexts");
+var _theme = require("../../../theme");
 var _getDateString = require("../../../utils/i18n/getDateString");
-var _Avatar = require("../../Avatar/Avatar");
+var _ui = require("../../ui");
+var _UserAvatar = require("../../ui/Avatar/UserAvatar");
 var _usePollAnswersPagination = require("../hooks/usePollAnswersPagination");
 var _usePollState3 = require("../hooks/usePollState");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -43,31 +45,13 @@ var AnswerListAddCommentButton = exports.AnswerListAddCommentButton = function A
     }
     setShowAddCommentDialog(true);
   }, [message, onPress, poll]);
-  var _useTheme = (0, _contexts.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    accent_dark_blue = _useTheme$theme$color.accent_dark_blue,
-    bg_user = _useTheme$theme$color.bg_user,
-    _useTheme$theme$poll = _useTheme$theme.poll,
-    buttonContainer = _useTheme$theme$poll.answersList.buttonContainer,
-    text = _useTheme$theme$poll.button.text;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      onPress: onPressHandler,
-      style: function style(_ref) {
-        var pressed = _ref.pressed;
-        return [{
-          opacity: pressed ? 0.5 : 1
-        }, styles.addCommentButtonContainer, {
-          backgroundColor: bg_user
-        }, buttonContainer];
-      },
-      children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.addCommentButtonText, {
-          color: accent_dark_blue
-        }, text],
-        children: ownAnswer ? t('Update your comment') : t('Add a comment')
-      })
+    children: [(0, _jsxRuntime.jsx)(_ui.Button, {
+      variant: 'secondary',
+      type: 'outline',
+      size: 'lg',
+      label: ownAnswer ? t('Update your comment') : t('Add a comment'),
+      onPress: onPressHandler
     }), showAddCommentDialog ? (0, _jsxRuntime.jsx)(_PollInputDialog.PollInputDialog, {
       closeDialog: function closeDialog() {
         return setShowAddCommentDialog(false);
@@ -79,20 +63,17 @@ var AnswerListAddCommentButton = exports.AnswerListAddCommentButton = function A
     }) : null]
   });
 };
-var PollAnswerListItem = exports.PollAnswerListItem = function PollAnswerListItem(_ref2) {
-  var _answer$user, _answer$user2, _answer$user3;
-  var answer = _ref2.answer;
+var PollAnswerListItem = exports.PollAnswerListItem = function PollAnswerListItem(_ref) {
+  var _answer$user, _answer$user2;
+  var answer = _ref.answer;
   var _useTranslationContex2 = (0, _contexts.useTranslationContext)(),
     t = _useTranslationContex2.t,
     tDateTimeParser = _useTranslationContex2.tDateTimeParser;
   var _usePollState2 = (0, _usePollState3.usePollState)(),
     votingVisibility = _usePollState2.votingVisibility;
-  var _useTheme2 = (0, _contexts.useTheme)(),
-    _useTheme2$theme = _useTheme2.theme,
-    _useTheme2$theme$colo = _useTheme2$theme.colors,
-    bg_user = _useTheme2$theme$colo.bg_user,
-    black = _useTheme2$theme$colo.black,
-    itemStyle = _useTheme2$theme.poll.answersList.item;
+  var _useTheme = (0, _contexts.useTheme)(),
+    itemStyle = _useTheme.theme.poll.answersList.item;
+  var styles = useStyles();
   var dateString = (0, _react.useMemo)(function () {
     return (0, _getDateString.getDateString)({
       date: answer.updated_at,
@@ -105,63 +86,54 @@ var PollAnswerListItem = exports.PollAnswerListItem = function PollAnswerListIte
     return votingVisibility === _streamChat.VotingVisibility.anonymous;
   }, [votingVisibility]);
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.listItemContainer, {
-      backgroundColor: bg_user
-    }, itemStyle.container],
+    style: [styles.listItemContainer, itemStyle.container],
     children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.listItemAnswerText, {
-        color: black
-      }, itemStyle.answerText],
+      style: [styles.listItemAnswerText, itemStyle.answerText],
       children: answer.answer_text
     }), (0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: [styles.listItemInfoContainer, itemStyle.infoContainer],
       children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.listItemUserInfoContainer, itemStyle.userInfoContainer],
-        children: [!isAnonymous && (_answer$user = answer.user) != null && _answer$user.image ? (0, _jsxRuntime.jsx)(_Avatar.Avatar, {
-          image: (_answer$user2 = answer.user) == null ? void 0 : _answer$user2.image,
-          size: 20
+        children: [!isAnonymous && (_answer$user = answer.user) != null && _answer$user.image ? (0, _jsxRuntime.jsx)(_UserAvatar.UserAvatar, {
+          user: answer.user,
+          size: "md",
+          showBorder: true
         }) : null, (0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: {
-            color: black,
-            fontSize: 14,
-            marginLeft: 2
-          },
-          children: isAnonymous ? t('Anonymous') : (_answer$user3 = answer.user) == null ? void 0 : _answer$user3.name
+          style: styles.listItemInfoUserName,
+          children: isAnonymous ? t('Anonymous') : (_answer$user2 = answer.user) == null ? void 0 : _answer$user2.name
         })]
       }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: {
-          color: black
-        },
+        style: styles.listItemInfoDate,
         children: dateString
       })]
     })]
   });
 };
-var renderPollAnswerListItem = function renderPollAnswerListItem(_ref3) {
-  var item = _ref3.item;
+var renderPollAnswerListItem = function renderPollAnswerListItem(_ref2) {
+  var item = _ref2.item;
   return (0, _jsxRuntime.jsx)(PollAnswerListItem, {
     answer: item
   });
 };
-var PollAnswersListContent = exports.PollAnswersListContent = function PollAnswersListContent(_ref4) {
-  var additionalFlatListProps = _ref4.additionalFlatListProps;
+var PollAnswersListContent = exports.PollAnswersListContent = function PollAnswersListContent(_ref3) {
+  var additionalFlatListProps = _ref3.additionalFlatListProps;
   var _usePollAnswersPagina = (0, _usePollAnswersPagination.usePollAnswersPagination)(),
     hasNextPage = _usePollAnswersPagina.hasNextPage,
     loadMore = _usePollAnswersPagina.loadMore,
     pollAnswers = _usePollAnswersPagina.pollAnswers;
-  var _useTheme3 = (0, _contexts.useTheme)(),
-    _useTheme3$theme = _useTheme3.theme,
-    white = _useTheme3$theme.colors.white,
-    container = _useTheme3$theme.poll.answersList.container;
+  var _useTheme2 = (0, _contexts.useTheme)(),
+    _useTheme2$theme$poll = _useTheme2.theme.poll.answersList,
+    container = _useTheme2$theme$poll.container,
+    contentContainer = _useTheme2$theme$poll.contentContainer;
+  var styles = useStyles();
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: white
-    }, container],
+    style: [styles.container, container],
     children: [(0, _jsxRuntime.jsx)(_reactNative.FlatList, Object.assign({
       data: pollAnswers,
       keyExtractor: function keyExtractor(item) {
         return `poll_answer_${item.id}`;
       },
+      contentContainerStyle: [styles.contentContainer, contentContainer],
       onEndReached: function onEndReached() {
         return hasNextPage && loadMore();
       },
@@ -169,11 +141,11 @@ var PollAnswersListContent = exports.PollAnswersListContent = function PollAnswe
     }, additionalFlatListProps)), (0, _jsxRuntime.jsx)(AnswerListAddCommentButton, {})]
   });
 };
-var PollAnswersList = exports.PollAnswersList = function PollAnswersList(_ref5) {
-  var additionalFlatListProps = _ref5.additionalFlatListProps,
-    message = _ref5.message,
-    poll = _ref5.poll,
-    PollAnswersListOverride = _ref5.PollAnswersListContent;
+var PollAnswersList = exports.PollAnswersList = function PollAnswersList(_ref4) {
+  var additionalFlatListProps = _ref4.additionalFlatListProps,
+    message = _ref4.message,
+    poll = _ref4.poll,
+    PollAnswersListOverride = _ref4.PollAnswersListContent;
   return (0, _jsxRuntime.jsx)(_contexts.PollContextProvider, {
     value: {
       message: message,
@@ -184,39 +156,59 @@ var PollAnswersList = exports.PollAnswersList = function PollAnswersList(_ref5)
     })
   });
 };
-var styles = _reactNative.StyleSheet.create({
-  addCommentButtonContainer: {
-    alignItems: 'center',
-    borderRadius: 12,
-    paddingHorizontal: 16,
-    paddingVertical: 18
-  },
-  addCommentButtonText: {
-    fontSize: 16
-  },
-  container: {
-    flex: 1,
-    margin: 16
-  },
-  listItemAnswerText: {
-    fontSize: 16,
-    fontWeight: '500'
-  },
-  listItemContainer: {
-    borderRadius: 12,
-    marginBottom: 8,
-    paddingBottom: 20,
-    paddingHorizontal: 16,
-    paddingTop: 12
-  },
-  listItemInfoContainer: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    marginTop: 24
-  },
-  listItemUserInfoContainer: {
-    alignItems: 'center',
-    flexDirection: 'row'
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme3 = (0, _contexts.useTheme)(),
+    semantics = _useTheme3.theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      addCommentButtonContainer: {
+        alignItems: 'center',
+        borderRadius: 12,
+        paddingHorizontal: 16,
+        paddingVertical: 18
+      },
+      contentContainer: {
+        gap: _theme.primitives.spacingMd
+      },
+      addCommentButtonText: {
+        fontSize: 16
+      },
+      container: {
+        flex: 1,
+        padding: _theme.primitives.spacingMd,
+        backgroundColor: semantics.backgroundCoreElevation1
+      },
+      listItemAnswerText: {
+        fontSize: _theme.primitives.typographyFontSizeMd,
+        lineHeight: _theme.primitives.typographyLineHeightRelaxed,
+        fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+        color: semantics.textPrimary
+      },
+      listItemContainer: {
+        borderRadius: _theme.primitives.radiusLg,
+        padding: _theme.primitives.spacingMd,
+        backgroundColor: semantics.backgroundCoreSurfaceCard
+      },
+      listItemInfoContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginTop: 24
+      },
+      listItemInfoUserName: {
+        color: semantics.textPrimary,
+        fontSize: _theme.primitives.typographyFontSizeSm,
+        marginLeft: _theme.primitives.spacingXxs
+      },
+      listItemInfoDate: {
+        fontSize: _theme.primitives.typographyFontSizeSm,
+        color: semantics.textTertiary
+      },
+      listItemUserInfoContainer: {
+        alignItems: 'center',
+        flexDirection: 'row'
+      }
+    });
+  }, [semantics]);
+};
 //# sourceMappingURL=PollAnswersList.js.map

package/lib/module/components/Poll/components/PollAnswersList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_streamChat","_PollInputDialog","_contexts","_getDateString","_Avatar","_usePollAnswersPagination","_usePollState3","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnswerListAddCommentButton","exports","props","_ownAnswer$answer_tex","_useTranslationContex","useTranslationContext","_usePollContext","usePollContext","message","poll","_usePollState","usePollState","addComment","ownAnswer","_useState","useState","_useState2","_slicedToArray2","showAddCommentDialog","setShowAddCommentDialog","onPress","onPressHandler","useCallback","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_dark_blue","bg_user","_useTheme$theme$poll","buttonContainer","answersList","text","button","jsxs","Fragment","children","jsx","Pressable","style","_ref","pressed","opacity","styles","addCommentButtonContainer","backgroundColor","Text","addCommentButtonText","color","PollInputDialog","closeDialog","initialValue","answer_text","onSubmit","title","visible","PollAnswerListItem","_ref2","_answer$user","_answer$user2","_answer$user3","answer","_useTranslationContex2","tDateTimeParser","_usePollState2","votingVisibility","_useTheme2","_useTheme2$theme","_useTheme2$theme$colo","black","itemStyle","item","dateString","useMemo","getDateString","date","updated_at","timestampTranslationKey","isAnonymous","VotingVisibility","anonymous","View","listItemContainer","container","listItemAnswerText","answerText","listItemInfoContainer","infoContainer","listItemUserInfoContainer","userInfoContainer","user","image","Avatar","size","fontSize","marginLeft","name","renderPollAnswerListItem","_ref3","PollAnswersListContent","_ref4","additionalFlatListProps","_usePollAnswersPagina","usePollAnswersPagination","hasNextPage","loadMore","pollAnswers","_useTheme3","_useTheme3$theme","white","FlatList","assign","data","keyExtractor","id","onEndReached","renderItem","PollAnswersList","_ref5","PollAnswersListOverride","PollContextProvider","value","StyleSheet","create","alignItems","borderRadius","paddingHorizontal","paddingVertical","flex","margin","fontWeight","marginBottom","paddingBottom","paddingTop","flexDirection","justifyContent","marginTop"],"sourceRoot":"../../../../../src","sources":["components/Poll/components/PollAnswersList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_streamChat","_PollInputDialog","_contexts","_theme","_getDateString","_ui","_UserAvatar","_usePollAnswersPagination","_usePollState3","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnswerListAddCommentButton","exports","props","_ownAnswer$answer_tex","_useTranslationContex","useTranslationContext","_usePollContext","usePollContext","message","poll","_usePollState","usePollState","addComment","ownAnswer","_useState","useState","_useState2","_slicedToArray2","showAddCommentDialog","setShowAddCommentDialog","onPress","onPressHandler","useCallback","jsxs","Fragment","children","jsx","Button","variant","type","size","label","PollInputDialog","closeDialog","initialValue","answer_text","onSubmit","title","visible","PollAnswerListItem","_ref","_answer$user","_answer$user2","answer","_useTranslationContex2","tDateTimeParser","_usePollState2","votingVisibility","_useTheme","useTheme","itemStyle","theme","answersList","item","styles","useStyles","dateString","useMemo","getDateString","date","updated_at","timestampTranslationKey","isAnonymous","VotingVisibility","anonymous","View","style","listItemContainer","container","Text","listItemAnswerText","answerText","listItemInfoContainer","infoContainer","listItemUserInfoContainer","userInfoContainer","user","image","UserAvatar","showBorder","listItemInfoUserName","name","listItemInfoDate","renderPollAnswerListItem","_ref2","PollAnswersListContent","_ref3","additionalFlatListProps","_usePollAnswersPagina","usePollAnswersPagination","hasNextPage","loadMore","pollAnswers","_useTheme2","_useTheme2$theme$poll","contentContainer","FlatList","assign","data","keyExtractor","id","contentContainerStyle","onEndReached","renderItem","PollAnswersList","_ref4","PollAnswersListOverride","PollContextProvider","value","_useTheme3","semantics","StyleSheet","create","addCommentButtonContainer","alignItems","borderRadius","paddingHorizontal","paddingVertical","gap","primitives","spacingMd","addCommentButtonText","fontSize","flex","padding","backgroundColor","backgroundCoreElevation1","typographyFontSizeMd","lineHeight","typographyLineHeightRelaxed","fontWeight","typographyFontWeightSemiBold","color","textPrimary","radiusLg","backgroundCoreSurfaceCard","flexDirection","justifyContent","marginTop","typographyFontSizeSm","marginLeft","spacingXxs","textTertiary"],"sourceRoot":"../../../../../src","sources":["components/Poll/components/PollAnswersList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Poll/components/PollButtons.js

@@ -6,6 +6,7 @@ exports.ViewResultsButton = exports.SuggestOptionButton = exports.ShowAllOptions
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _Button = require("./Button");
 var _PollAnswersList = require("./PollAnswersList");
 var _PollInputDialog = require("./PollInputDialog");
@@ -13,7 +14,10 @@ var _PollModalHeader = require("./PollModalHeader");
 var _PollOption = require("./PollOption");
 var _PollResults = require("./PollResults");
 var _contexts = require("../../../contexts");
+var _theme = require("../../../theme");
+var _constants = require("../../../utils/constants");
 var _SafeAreaViewWrapper = require("../../UIComponents/SafeAreaViewWrapper");
+var _useIsPollCreatedByCurrentUser = require("../hook/useIsPollCreatedByCurrentUser");
 var _usePollState6 = require("../hooks/usePollState");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
@@ -41,31 +45,32 @@ var ViewResultsButton = exports.ViewResultsButton = function ViewResultsButton(p
     }
     setShowResults(true);
   }, [message, onPress, poll]);
-  var _useTheme = (0, _contexts.useTheme)(),
-    white = _useTheme.theme.colors.white;
+  var styles = useStyles();
   var onRequestClose = (0, _react.useCallback)(function () {
     setShowResults(false);
   }, []);
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [(0, _jsxRuntime.jsx)(_Button.GenericPollButton, {
+      label: t('View Results'),
       onPress: onPressHandler,
-      title: t('View Results')
+      style: styles.viewResultsButton,
+      type: "outline"
     }), showResults ? (0, _jsxRuntime.jsx)(_reactNative.Modal, {
       animationType: "slide",
       onRequestClose: onRequestClose,
       visible: showResults,
-      children: (0, _jsxRuntime.jsxs)(_SafeAreaViewWrapper.SafeAreaViewWrapper, {
-        style: {
-          backgroundColor: white,
-          flex: 1
-        },
-        children: [(0, _jsxRuntime.jsx)(_PollModalHeader.PollModalHeader, {
-          onPress: onRequestClose,
-          title: t('Poll Results')
-        }), (0, _jsxRuntime.jsx)(_PollResults.PollResults, {
-          message: message,
-          poll: poll
-        })]
+      children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
+        style: styles.modalRoot,
+        children: (0, _jsxRuntime.jsxs)(_SafeAreaViewWrapper.SafeAreaViewWrapper, {
+          style: styles.safeArea,
+          children: [(0, _jsxRuntime.jsx)(_PollModalHeader.PollModalHeader, {
+            onPress: onRequestClose,
+            title: t('Poll Results')
+          }), (0, _jsxRuntime.jsx)(_PollResults.PollResults, {
+            message: message,
+            poll: poll
+          })]
+        })
       })
     }) : null]
   });
@@ -96,30 +101,29 @@ var ShowAllOptionsButton = exports.ShowAllOptionsButton = function ShowAllOption
   var onRequestClose = (0, _react.useCallback)(function () {
     setShowAllOptions(false);
   }, []);
-  var _useTheme2 = (0, _contexts.useTheme)(),
-    white = _useTheme2.theme.colors.white;
+  var styles = useStyles();
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [options && options.length > 10 ? (0, _jsxRuntime.jsx)(_Button.GenericPollButton, {
+    children: [options && options.length > _constants.defaultPollOptionCount ? (0, _jsxRuntime.jsx)(_Button.GenericPollButton, {
       onPress: onPressHandler,
-      title: t('See all {{count}} options', {
-        count: options.length
+      label: t('+{{count}} More Options', {
+        count: options.length - _constants.defaultPollOptionCount
       })
     }) : null, showAllOptions ? (0, _jsxRuntime.jsx)(_reactNative.Modal, {
       animationType: "slide",
       onRequestClose: onRequestClose,
       visible: showAllOptions,
-      children: (0, _jsxRuntime.jsxs)(_SafeAreaViewWrapper.SafeAreaViewWrapper, {
-        style: {
-          backgroundColor: white,
-          flex: 1
-        },
-        children: [(0, _jsxRuntime.jsx)(_PollModalHeader.PollModalHeader, {
-          onPress: onRequestClose,
-          title: t('Poll Options')
-        }), (0, _jsxRuntime.jsx)(_PollOption.PollAllOptions, {
-          message: message,
-          poll: poll
-        })]
+      children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
+        style: styles.modalRoot,
+        children: (0, _jsxRuntime.jsxs)(_SafeAreaViewWrapper.SafeAreaViewWrapper, {
+          style: styles.safeArea,
+          children: [(0, _jsxRuntime.jsx)(_PollModalHeader.PollModalHeader, {
+            onPress: onRequestClose,
+            title: t('Poll Options')
+          }), (0, _jsxRuntime.jsx)(_PollOption.PollAllOptions, {
+            message: message,
+            poll: poll
+          })]
+        })
       })
     }) : null]
   });
@@ -147,33 +151,32 @@ var ShowAllCommentsButton = exports.ShowAllCommentsButton = function ShowAllComm
     }
     setShowAnswers(true);
   }, [message, onPress, poll]);
-  var _useTheme3 = (0, _contexts.useTheme)(),
-    white = _useTheme3.theme.colors.white;
+  var styles = useStyles();
   var onRequestClose = (0, _react.useCallback)(function () {
     setShowAnswers(false);
   }, []);
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [answersCount && answersCount > 0 ? (0, _jsxRuntime.jsx)(_Button.GenericPollButton, {
       onPress: onPressHandler,
-      title: t('View {{count}} comments', {
+      label: t('View {{count}} comments', {
         count: answersCount
       })
     }) : null, showAnswers ? (0, _jsxRuntime.jsx)(_reactNative.Modal, {
       animationType: "slide",
       onRequestClose: onRequestClose,
       visible: showAnswers,
-      children: (0, _jsxRuntime.jsxs)(_SafeAreaViewWrapper.SafeAreaViewWrapper, {
-        style: {
-          backgroundColor: white,
-          flex: 1
-        },
-        children: [(0, _jsxRuntime.jsx)(_PollModalHeader.PollModalHeader, {
-          onPress: onRequestClose,
-          title: t('Poll Comments')
-        }), (0, _jsxRuntime.jsx)(_PollAnswersList.PollAnswersList, {
-          message: message,
-          poll: poll
-        })]
+      children: (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
+        style: styles.modalRoot,
+        children: (0, _jsxRuntime.jsxs)(_SafeAreaViewWrapper.SafeAreaViewWrapper, {
+          style: styles.safeArea,
+          children: [(0, _jsxRuntime.jsx)(_PollModalHeader.PollModalHeader, {
+            onPress: onRequestClose,
+            title: t('Poll Comments')
+          }), (0, _jsxRuntime.jsx)(_PollAnswersList.PollAnswersList, {
+            message: message,
+            poll: poll
+          })]
+        })
       })
     }) : null]
   });
@@ -209,7 +212,7 @@ var SuggestOptionButton = exports.SuggestOptionButton = function SuggestOptionBu
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [!isClosed && allowUserSuggestedOptions ? (0, _jsxRuntime.jsx)(_Button.GenericPollButton, {
       onPress: onPressHandler,
-      title: t('Suggest an option')
+      label: t('Suggest an option')
     }) : null, showAddOptionDialog ? (0, _jsxRuntime.jsx)(_PollInputDialog.PollInputDialog, {
       closeDialog: onRequestClose,
       onSubmit: addOption,
@@ -251,7 +254,7 @@ var AddCommentButton = exports.AddCommentButton = function AddCommentButton(prop
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [!isClosed && allowAnswers ? (0, _jsxRuntime.jsx)(_Button.GenericPollButton, {
       onPress: onPressHandler,
-      title: t('Add a comment')
+      label: t('Add a comment')
     }) : null, showAddCommentDialog ? (0, _jsxRuntime.jsx)(_PollInputDialog.PollInputDialog, {
       closeDialog: onRequestClose,
       initialValue: (_ownAnswer$answer_tex = ownAnswer == null ? void 0 : ownAnswer.answer_text) != null ? _ownAnswer$answer_tex : '',
@@ -270,14 +273,44 @@ var EndVoteButton = exports.EndVoteButton = function EndVoteButton() {
     isClosed = _usePollState5.isClosed;
   var _useChatContext = (0, _contexts.useChatContext)(),
     client = _useChatContext.client;
+  var styles = useStyles();
   return !isClosed && (createdBy == null ? void 0 : createdBy.id) === client.userID ? (0, _jsxRuntime.jsx)(_Button.GenericPollButton, {
+    label: t('End Vote'),
     onPress: endVote,
-    title: t('End Vote')
+    style: styles.endVoteButton,
+    type: "outline"
   }) : null;
 };
 var PollButtons = exports.PollButtons = function PollButtons() {
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(ShowAllOptionsButton, {}), (0, _jsxRuntime.jsx)(ShowAllCommentsButton, {}), (0, _jsxRuntime.jsx)(SuggestOptionButton, {}), (0, _jsxRuntime.jsx)(AddCommentButton, {}), (0, _jsxRuntime.jsx)(ViewResultsButton, {}), (0, _jsxRuntime.jsx)(EndVoteButton, {})]
+  var styles = useStyles();
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.buttonsContainer,
+    children: [(0, _jsxRuntime.jsx)(ViewResultsButton, {}), (0, _jsxRuntime.jsx)(EndVoteButton, {}), (0, _jsxRuntime.jsx)(SuggestOptionButton, {}), (0, _jsxRuntime.jsx)(AddCommentButton, {}), (0, _jsxRuntime.jsx)(ShowAllCommentsButton, {})]
   });
 };
+var useStyles = function useStyles() {
+  var _useTheme = (0, _contexts.useTheme)(),
+    semantics = _useTheme.theme.semantics;
+  var isPollCreatedByClient = (0, _useIsPollCreatedByCurrentUser.useIsPollCreatedByCurrentUser)();
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      buttonsContainer: {
+        gap: _theme.primitives.spacingXs
+      },
+      modalRoot: {
+        flex: 1
+      },
+      endVoteButton: {
+        borderColor: isPollCreatedByClient ? semantics.chatBorderOnChatOutgoing : semantics.chatBorderOnChatIncoming
+      },
+      viewResultsButton: {
+        borderColor: isPollCreatedByClient ? semantics.chatBorderOnChatOutgoing : semantics.chatBorderOnChatIncoming
+      },
+      safeArea: {
+        backgroundColor: semantics.backgroundCoreElevation1,
+        flex: 1
+      }
+    });
+  }, [semantics, isPollCreatedByClient]);
+};
 //# sourceMappingURL=PollButtons.js.map