fix: only allow poll creation when capability is there

Author: isekovanic

package/src/components/AttachmentPicker/components/AttachmentPickerSelectionBar.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
 
-import { useChannelContext } from '../../../contexts';
+import { useChannelContext, useOwnCapabilitiesContext } from '../../../contexts';
 import { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
@@ -38,7 +38,8 @@ export const AttachmentPickerSelectionBar = () => {
     sendMessage,
     takeAndUploadImage,
   } = useMessageInputContext();
-  const { threadList } = useChannelContext();
+  const { hasCreatePoll, threadList } = useChannelContext();
+  const ownCapabilities = useOwnCapabilitiesContext();
 
   const {
     theme: {
@@ -109,7 +110,7 @@ export const AttachmentPickerSelectionBar = () => {
           </View>
         </TouchableOpacity>
       ) : null}
-      {!threadList ? ( // do not allow poll creation in threads
+      {!threadList && hasCreatePoll && ownCapabilities.sendPoll ? ( // do not allow poll creation in threads
         <TouchableOpacity
           hitSlop={{ bottom: 15, top: 15 }}
           onPress={openPollCreationModal}

package/src/components/Channel/Channel.tsx

@@ -233,6 +233,7 @@ export type ChannelPropsWithContext<
       | 'Poll'
       | 'PollButtons'
       | 'PollHeader'
+      | 'hasCreatePoll'
     >
   > &
   Pick<ChatContextValue<StreamChatGenerics>, 'client' | 'enableOfflineSupport'> &
@@ -505,6 +506,7 @@ const ChannelWithContext = <
     hasCameraPicker = isImagePickerAvailable(),
     // If pickDocument isn't available, default to hiding the file picker
     hasCommands = true,
+    hasCreatePoll,
     hasFilePicker = pickDocument !== null,
     hasImagePicker = true,
     hideDateSeparators = false,
@@ -2238,6 +2240,7 @@ const ChannelWithContext = <
     giphyEnabled:
       giphyEnabled ??
       !!(clientChannelConfig?.commands || [])?.some((command) => command.name === 'giphy'),
+    hasCreatePoll: hasCreatePoll === undefined ? true : hasCreatePoll,
     hideDateSeparators,
     hideStickyDateHeader,
     isAdmin,

package/src/components/Channel/hooks/useCreateChannelContext.ts

@@ -13,6 +13,7 @@ export const useCreateChannelContext = <
   enforceUniqueReaction,
   error,
   giphyEnabled,
+  hasCreatePoll,
   hideDateSeparators,
   hideStickyDateHeader,
   isAdmin,
@@ -60,6 +61,7 @@ export const useCreateChannelContext = <
       enforceUniqueReaction,
       error,
       giphyEnabled,
+      hasCreatePoll,
       hideDateSeparators,
       hideStickyDateHeader,
       isAdmin,
@@ -104,6 +106,7 @@ export const useCreateChannelContext = <
       targetedMessage,
       threadList,
       watcherCount,
+      hasCreatePoll,
     ],
   );
 

package/src/components/MessageInput/components/NativeAttachmentPicker.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef } from 'react';
 import { Animated, Easing, LayoutRectangle, Pressable, StyleSheet } from 'react-native';
 
-import { useChannelContext } from '../../../contexts';
+import { useChannelContext, useOwnCapabilitiesContext } from '../../../contexts';
 import { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
@@ -46,7 +46,8 @@ export const NativeAttachmentPicker = ({
     sendMessage,
     takeAndUploadImage,
   } = useMessageInputContext();
-  const { threadList } = useChannelContext();
+  const { hasCreatePoll, threadList } = useChannelContext();
+  const ownCapabilities = useOwnCapabilitiesContext();
 
   const popupHeight =
     // the top padding
@@ -113,17 +114,18 @@ export const NativeAttachmentPicker = ({
   };
 
   // do not allow poll creation in threads
-  const buttons = threadList
-    ? []
-    : [
-        {
-          icon: <CreatePollIcon />,
-          id: 'Poll',
-          onPressHandler: () => {
-            openPollCreationDialog?.({ sendMessage });
+  const buttons =
+    threadList && hasCreatePoll && ownCapabilities.sendPoll
+      ? []
+      : [
+          {
+            icon: <CreatePollIcon />,
+            id: 'Poll',
+            onPressHandler: () => {
+              openPollCreationDialog?.({ sendMessage });
+            },
           },
-        },
-      ];
+        ];
 
   if (hasImagePicker) {
     buttons.push({

package/src/contexts/channelContext/ChannelContext.tsx

@@ -55,6 +55,7 @@ export type ChannelContextValue<
    * When set to false, it will disable giphy command on MessageInput component.
    */
   giphyEnabled: boolean;
+  hasCreatePoll: boolean;
   /**
    * Hide inline date separators on channel
    */

package/src/contexts/ownCapabilitiesContext/OwnCapabilitiesContext.tsx

@@ -6,14 +6,17 @@ import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export const allOwnCapabilities = {
   banChannelMembers: 'ban-channel-members',
+  castPollVote: 'cast-poll-vote',
   deleteAnyMessage: 'delete-any-message',
   deleteOwnMessage: 'delete-own-message',
   flagMessage: 'flag-message',
   pinMessage: 'pin-message',
+  queryPollVotes: 'query-poll-votes',
   quoteMessage: 'quote-message',
   readEvents: 'read-events',
   sendLinks: 'send-links',
   sendMessage: 'send-message',
+  sendPoll: 'send-poll',
   sendReaction: 'send-reaction',
   sendReply: 'send-reply',
   sendTypingEvents: 'send-typing-events',