stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.6

package/lib/commonjs/components/MessageInput/InputButtons.js

@@ -1,56 +1,42 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputButtonsWithContext = exports.InputButtons = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
-
 var _OwnCapabilitiesContext = require("../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/InputButtons.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/InputButtons.tsx";
 var styles = _reactNative.StyleSheet.create({
   attachButtonContainer: {
     paddingRight: 10
   }
 });
-
 var InputButtonsWithContext = function InputButtonsWithContext(props) {
   var AttachButton = props.AttachButton,
-      CommandsButton = props.CommandsButton,
-      giphyActive = props.giphyActive,
-      hasCommands = props.hasCommands,
-      hasFilePicker = props.hasFilePicker,
-      hasImagePicker = props.hasImagePicker,
-      MoreOptionsButton = props.MoreOptionsButton,
-      openCommandsPicker = props.openCommandsPicker,
-      setShowMoreOptions = props.setShowMoreOptions,
-      showMoreOptions = props.showMoreOptions,
-      text = props.text,
-      toggleAttachmentPicker = props.toggleAttachmentPicker;
-
+    CommandsButton = props.CommandsButton,
+    giphyActive = props.giphyActive,
+    hasCommands = props.hasCommands,
+    hasFilePicker = props.hasFilePicker,
+    hasImagePicker = props.hasImagePicker,
+    MoreOptionsButton = props.MoreOptionsButton,
+    openCommandsPicker = props.openCommandsPicker,
+    setShowMoreOptions = props.setShowMoreOptions,
+    showMoreOptions = props.showMoreOptions,
+    text = props.text,
+    toggleAttachmentPicker = props.toggleAttachmentPicker;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$messa = _useTheme.theme.messageInput,
-      attachButtonContainer = _useTheme$theme$messa.attachButtonContainer,
-      commandsButtonContainer = _useTheme$theme$messa.commandsButtonContainer;
-
+    _useTheme$theme$messa = _useTheme.theme.messageInput,
+    attachButtonContainer = _useTheme$theme$messa.attachButtonContainer,
+    commandsButtonContainer = _useTheme$theme$messa.commandsButtonContainer;
   var ownCapabilities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
-
   if (giphyActive) {
     return null;
   }
-
   return !showMoreOptions && (hasImagePicker || hasFilePicker) && hasCommands ? _react["default"].createElement(MoreOptionsButton, {
     handleOnPress: function handleOnPress() {
       return setShowMoreOptions(true);
@@ -61,7 +47,13 @@ var InputButtonsWithContext = function InputButtonsWithContext(props) {
       lineNumber: 73,
       columnNumber: 5
     }
-  }) : _react["default"].createElement(_react["default"].Fragment, null, (hasImagePicker || hasFilePicker) && ownCapabilities.uploadFile && _react["default"].createElement(_reactNative.View, {
+  }) : _react["default"].createElement(_react["default"].Fragment, {
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 5
+    }
+  }, (hasImagePicker || hasFilePicker) && ownCapabilities.uploadFile && _react["default"].createElement(_reactNative.View, {
     style: [hasCommands ? styles.attachButtonContainer : undefined, attachButtonContainer],
     __self: _this,
     __source: {
@@ -95,74 +87,61 @@ var InputButtonsWithContext = function InputButtonsWithContext(props) {
     }
   })));
 };
-
 exports.InputButtonsWithContext = InputButtonsWithContext;
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevGiphyActive = prevProps.giphyActive,
-      prevHasCommands = prevProps.hasCommands,
-      prevHasFilePicker = prevProps.hasFilePicker,
-      prevHasImagePicker = prevProps.hasImagePicker,
-      prevSelectedPicker = prevProps.selectedPicker,
-      prevShowMoreOptions = prevProps.showMoreOptions,
-      prevText = prevProps.text;
+    prevHasCommands = prevProps.hasCommands,
+    prevHasFilePicker = prevProps.hasFilePicker,
+    prevHasImagePicker = prevProps.hasImagePicker,
+    prevSelectedPicker = prevProps.selectedPicker,
+    prevShowMoreOptions = prevProps.showMoreOptions,
+    prevText = prevProps.text;
   var nextGiphyActive = nextProps.giphyActive,
-      nextHasCommands = nextProps.hasCommands,
-      nextHasFilePicker = nextProps.hasFilePicker,
-      nextHasImagePicker = nextProps.hasImagePicker,
-      nextSelectedPicker = nextProps.selectedPicker,
-      nextShowMoreOptions = nextProps.showMoreOptions,
-      nextText = nextProps.text;
-
+    nextHasCommands = nextProps.hasCommands,
+    nextHasFilePicker = nextProps.hasFilePicker,
+    nextHasImagePicker = nextProps.hasImagePicker,
+    nextSelectedPicker = nextProps.selectedPicker,
+    nextShowMoreOptions = nextProps.showMoreOptions,
+    nextText = nextProps.text;
   if (prevHasImagePicker !== nextHasImagePicker) {
     return false;
   }
-
   if (prevHasFilePicker !== nextHasFilePicker) {
     return false;
   }
-
   if (prevHasCommands !== nextHasCommands) {
     return false;
   }
-
   if (prevSelectedPicker !== nextSelectedPicker) {
     return false;
   }
-
   if (prevShowMoreOptions !== nextShowMoreOptions) {
     return false;
   }
-
   if (!prevProps.text && nextText || prevText && !nextText) {
     return false;
   }
-
   if (prevGiphyActive !== nextGiphyActive) {
     return false;
   }
-
   return true;
 };
-
 var MemoizedInputButtonsWithContext = _react["default"].memo(InputButtonsWithContext, areEqual);
-
 var InputButtons = function InputButtons(props) {
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-      AttachButton = _useMessageInputConte.AttachButton,
-      CommandsButton = _useMessageInputConte.CommandsButton,
-      giphyActive = _useMessageInputConte.giphyActive,
-      hasCommands = _useMessageInputConte.hasCommands,
-      hasFilePicker = _useMessageInputConte.hasFilePicker,
-      hasImagePicker = _useMessageInputConte.hasImagePicker,
-      MoreOptionsButton = _useMessageInputConte.MoreOptionsButton,
-      openCommandsPicker = _useMessageInputConte.openCommandsPicker,
-      selectedPicker = _useMessageInputConte.selectedPicker,
-      setShowMoreOptions = _useMessageInputConte.setShowMoreOptions,
-      showMoreOptions = _useMessageInputConte.showMoreOptions,
-      text = _useMessageInputConte.text,
-      toggleAttachmentPicker = _useMessageInputConte.toggleAttachmentPicker;
-
+    AttachButton = _useMessageInputConte.AttachButton,
+    CommandsButton = _useMessageInputConte.CommandsButton,
+    giphyActive = _useMessageInputConte.giphyActive,
+    hasCommands = _useMessageInputConte.hasCommands,
+    hasFilePicker = _useMessageInputConte.hasFilePicker,
+    hasImagePicker = _useMessageInputConte.hasImagePicker,
+    MoreOptionsButton = _useMessageInputConte.MoreOptionsButton,
+    openCommandsPicker = _useMessageInputConte.openCommandsPicker,
+    selectedPicker = _useMessageInputConte.selectedPicker,
+    setShowMoreOptions = _useMessageInputConte.setShowMoreOptions,
+    showMoreOptions = _useMessageInputConte.showMoreOptions,
+    text = _useMessageInputConte.text,
+    toggleAttachmentPicker = _useMessageInputConte.toggleAttachmentPicker;
   return _react["default"].createElement(MemoizedInputButtonsWithContext, (0, _extends2["default"])({
     AttachButton: AttachButton,
     CommandsButton: CommandsButton,
@@ -186,6 +165,5 @@ var InputButtons = function InputButtons(props) {
     }
   }));
 };
-
 exports.InputButtons = InputButtons;
 //# sourceMappingURL=InputButtons.js.map

package/lib/commonjs/components/MessageInput/InputButtons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputButtons.tsx"],"names":["styles","StyleSheet","create","attachButtonContainer","paddingRight","InputButtonsWithContext","props","AttachButton","CommandsButton","giphyActive","hasCommands","hasFilePicker","hasImagePicker","MoreOptionsButton","openCommandsPicker","setShowMoreOptions","showMoreOptions","text","toggleAttachmentPicker","theme","messageInput","commandsButtonContainer","ownCapabilities","uploadFile","undefined","areEqual","prevProps","nextProps","prevGiphyActive","prevHasCommands","prevHasFilePicker","prevHasImagePicker","prevSelectedPicker","selectedPicker","prevShowMoreOptions","prevText","nextGiphyActive","nextHasCommands","nextHasFilePicker","nextHasImagePicker","nextSelectedPicker","nextShowMoreOptions","nextText","MemoizedInputButtonsWithContext","React","memo","InputButtons"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useOwnCapabilitiesContext } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  attachButtonContainer: { paddingRight: 10 },\n});\n\nexport type InputButtonsProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputButtonsWithContextProps<StreamChatGenerics>>;\n\nexport type InputButtonsWithContextProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  | 'AttachButton'\n  | 'CommandsButton'\n  | 'giphyActive'\n  | 'hasCommands'\n  | 'hasFilePicker'\n  | 'hasImagePicker'\n  | 'MoreOptionsButton'\n  | 'openCommandsPicker'\n  | 'selectedPicker'\n  | 'setShowMoreOptions'\n  | 'showMoreOptions'\n  | 'text'\n  | 'toggleAttachmentPicker'\n>;\n\nexport const InputButtonsWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputButtonsWithContextProps<StreamChatGenerics>,\n) => {\n  const {\n    AttachButton,\n    CommandsButton,\n    giphyActive,\n    hasCommands,\n    hasFilePicker,\n    hasImagePicker,\n    MoreOptionsButton,\n    openCommandsPicker,\n    setShowMoreOptions,\n    showMoreOptions,\n    text,\n    toggleAttachmentPicker,\n  } = props;\n\n  const {\n    theme: {\n      messageInput: { attachButtonContainer, commandsButtonContainer },\n    },\n  } = useTheme();\n\n  const ownCapabilities = useOwnCapabilitiesContext();\n\n  if (giphyActive) {\n    return null;\n  }\n\n  return !showMoreOptions && (hasImagePicker || hasFilePicker) && hasCommands ? (\n    <MoreOptionsButton handleOnPress={() => setShowMoreOptions(true)} />\n  ) : (\n    <>\n      {(hasImagePicker || hasFilePicker) && ownCapabilities.uploadFile && (\n        <View\n          style={[hasCommands ? styles.attachButtonContainer : undefined, attachButtonContainer]}\n        >\n          <AttachButton handleOnPress={toggleAttachmentPicker} />\n        </View>\n      )}\n      {hasCommands && !text && (\n        <View style={commandsButtonContainer}>\n          <CommandsButton handleOnPress={openCommandsPicker} />\n        </View>\n      )}\n    </>\n  );\n};\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: InputButtonsWithContextProps<StreamChatGenerics>,\n  nextProps: InputButtonsWithContextProps<StreamChatGenerics>,\n) => {\n  const {\n    giphyActive: prevGiphyActive,\n    hasCommands: prevHasCommands,\n    hasFilePicker: prevHasFilePicker,\n    hasImagePicker: prevHasImagePicker,\n    selectedPicker: prevSelectedPicker,\n    showMoreOptions: prevShowMoreOptions,\n    text: prevText,\n  } = prevProps;\n\n  const {\n    giphyActive: nextGiphyActive,\n    hasCommands: nextHasCommands,\n    hasFilePicker: nextHasFilePicker,\n    hasImagePicker: nextHasImagePicker,\n    selectedPicker: nextSelectedPicker,\n    showMoreOptions: nextShowMoreOptions,\n    text: nextText,\n  } = nextProps;\n\n  if (prevHasImagePicker !== nextHasImagePicker) {\n    return false;\n  }\n\n  if (prevHasFilePicker !== nextHasFilePicker) {\n    return false;\n  }\n\n  if (prevHasCommands !== nextHasCommands) {\n    return false;\n  }\n\n  if (prevSelectedPicker !== nextSelectedPicker) {\n    return false;\n  }\n\n  if (prevShowMoreOptions !== nextShowMoreOptions) {\n    return false;\n  }\n\n  if ((!prevProps.text && nextText) || (prevText && !nextText)) {\n    return false;\n  }\n\n  if (prevGiphyActive !== nextGiphyActive) {\n    return false;\n  }\n\n  return true;\n};\n\nconst MemoizedInputButtonsWithContext = React.memo(\n  InputButtonsWithContext,\n  areEqual,\n) as typeof InputButtonsWithContext;\n\nexport const InputButtons = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputButtonsProps<StreamChatGenerics>,\n) => {\n  const {\n    AttachButton,\n    CommandsButton,\n    giphyActive,\n    hasCommands,\n    hasFilePicker,\n    hasImagePicker,\n    MoreOptionsButton,\n    openCommandsPicker,\n    selectedPicker,\n    setShowMoreOptions,\n    showMoreOptions,\n    text,\n    toggleAttachmentPicker,\n  } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedInputButtonsWithContext\n      {...{\n        AttachButton,\n        CommandsButton,\n        giphyActive,\n        hasCommands,\n        hasFilePicker,\n        hasImagePicker,\n        MoreOptionsButton,\n        openCommandsPicker,\n        selectedPicker,\n        setShowMoreOptions,\n        showMoreOptions,\n        text,\n        toggleAttachmentPicker,\n      }}\n      {...props}\n    />\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","attachButtonContainer","paddingRight","InputButtonsWithContext","props","AttachButton","CommandsButton","giphyActive","hasCommands","hasFilePicker","hasImagePicker","MoreOptionsButton","openCommandsPicker","setShowMoreOptions","showMoreOptions","text","toggleAttachmentPicker","useTheme","theme","messageInput","commandsButtonContainer","ownCapabilities","useOwnCapabilitiesContext","uploadFile","undefined","areEqual","prevProps","nextProps","prevGiphyActive","prevHasCommands","prevHasFilePicker","prevHasImagePicker","prevSelectedPicker","selectedPicker","prevShowMoreOptions","prevText","nextGiphyActive","nextHasCommands","nextHasFilePicker","nextHasImagePicker","nextSelectedPicker","nextShowMoreOptions","nextText","MemoizedInputButtonsWithContext","React","memo","InputButtons","useMessageInputContext"],"sources":["InputButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useOwnCapabilitiesContext } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  attachButtonContainer: { paddingRight: 10 },\n});\n\nexport type InputButtonsProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputButtonsWithContextProps<StreamChatGenerics>>;\n\nexport type InputButtonsWithContextProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  | 'AttachButton'\n  | 'CommandsButton'\n  | 'giphyActive'\n  | 'hasCommands'\n  | 'hasFilePicker'\n  | 'hasImagePicker'\n  | 'MoreOptionsButton'\n  | 'openCommandsPicker'\n  | 'selectedPicker'\n  | 'setShowMoreOptions'\n  | 'showMoreOptions'\n  | 'text'\n  | 'toggleAttachmentPicker'\n>;\n\nexport const InputButtonsWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputButtonsWithContextProps<StreamChatGenerics>,\n) => {\n  const {\n    AttachButton,\n    CommandsButton,\n    giphyActive,\n    hasCommands,\n    hasFilePicker,\n    hasImagePicker,\n    MoreOptionsButton,\n    openCommandsPicker,\n    setShowMoreOptions,\n    showMoreOptions,\n    text,\n    toggleAttachmentPicker,\n  } = props;\n\n  const {\n    theme: {\n      messageInput: { attachButtonContainer, commandsButtonContainer },\n    },\n  } = useTheme();\n\n  const ownCapabilities = useOwnCapabilitiesContext();\n\n  if (giphyActive) {\n    return null;\n  }\n\n  return !showMoreOptions && (hasImagePicker || hasFilePicker) && hasCommands ? (\n    <MoreOptionsButton handleOnPress={() => setShowMoreOptions(true)} />\n  ) : (\n    <>\n      {(hasImagePicker || hasFilePicker) && ownCapabilities.uploadFile && (\n        <View\n          style={[hasCommands ? styles.attachButtonContainer : undefined, attachButtonContainer]}\n        >\n          <AttachButton handleOnPress={toggleAttachmentPicker} />\n        </View>\n      )}\n      {hasCommands && !text && (\n        <View style={commandsButtonContainer}>\n          <CommandsButton handleOnPress={openCommandsPicker} />\n        </View>\n      )}\n    </>\n  );\n};\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: InputButtonsWithContextProps<StreamChatGenerics>,\n  nextProps: InputButtonsWithContextProps<StreamChatGenerics>,\n) => {\n  const {\n    giphyActive: prevGiphyActive,\n    hasCommands: prevHasCommands,\n    hasFilePicker: prevHasFilePicker,\n    hasImagePicker: prevHasImagePicker,\n    selectedPicker: prevSelectedPicker,\n    showMoreOptions: prevShowMoreOptions,\n    text: prevText,\n  } = prevProps;\n\n  const {\n    giphyActive: nextGiphyActive,\n    hasCommands: nextHasCommands,\n    hasFilePicker: nextHasFilePicker,\n    hasImagePicker: nextHasImagePicker,\n    selectedPicker: nextSelectedPicker,\n    showMoreOptions: nextShowMoreOptions,\n    text: nextText,\n  } = nextProps;\n\n  if (prevHasImagePicker !== nextHasImagePicker) {\n    return false;\n  }\n\n  if (prevHasFilePicker !== nextHasFilePicker) {\n    return false;\n  }\n\n  if (prevHasCommands !== nextHasCommands) {\n    return false;\n  }\n\n  if (prevSelectedPicker !== nextSelectedPicker) {\n    return false;\n  }\n\n  if (prevShowMoreOptions !== nextShowMoreOptions) {\n    return false;\n  }\n\n  if ((!prevProps.text && nextText) || (prevText && !nextText)) {\n    return false;\n  }\n\n  if (prevGiphyActive !== nextGiphyActive) {\n    return false;\n  }\n\n  return true;\n};\n\nconst MemoizedInputButtonsWithContext = React.memo(\n  InputButtonsWithContext,\n  areEqual,\n) as typeof InputButtonsWithContext;\n\nexport const InputButtons = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputButtonsProps<StreamChatGenerics>,\n) => {\n  const {\n    AttachButton,\n    CommandsButton,\n    giphyActive,\n    hasCommands,\n    hasFilePicker,\n    hasImagePicker,\n    MoreOptionsButton,\n    openCommandsPicker,\n    selectedPicker,\n    setShowMoreOptions,\n    showMoreOptions,\n    text,\n    toggleAttachmentPicker,\n  } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedInputButtonsWithContext\n      {...{\n        AttachButton,\n        CommandsButton,\n        giphyActive,\n        hasCommands,\n        hasFilePicker,\n        hasImagePicker,\n        MoreOptionsButton,\n        openCommandsPicker,\n        selectedPicker,\n        setShowMoreOptions,\n        showMoreOptions,\n        text,\n        toggleAttachmentPicker,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"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"}