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

package/lib/module/components/MessageInput/ShowThreadMessageInChannelButton.js

@@ -1,29 +1,18 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ShowThreadMessageInChannelButtonWithContext = exports.ShowThreadMessageInChannelButton = 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 _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _icons = require("../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/ShowThreadMessageInChannelButton.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/ShowThreadMessageInChannelButton.tsx";
 var styles = _reactNative.StyleSheet.create({
   checkBox: {
     alignItems: 'center',
@@ -46,32 +35,28 @@ var styles = _reactNative.StyleSheet.create({
     marginLeft: 12
   }
 });
-
 var ShowThreadMessageInChannelButtonWithContext = function ShowThreadMessageInChannelButtonWithContext(props) {
   var allowThreadMessagesInChannel = props.allowThreadMessagesInChannel,
-      sendThreadMessageInChannel = props.sendThreadMessageInChannel,
-      setSendThreadMessageInChannel = props.setSendThreadMessageInChannel,
-      t = props.t,
-      threadList = props.threadList;
-
+    sendThreadMessageInChannel = props.sendThreadMessageInChannel,
+    setSendThreadMessageInChannel = props.setSendThreadMessageInChannel,
+    t = props.t,
+    threadList = props.threadList;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      grey = _useTheme$theme$color.grey,
-      white = _useTheme$theme$color.white,
-      _useTheme$theme$messa = _useTheme$theme.messageInput.showThreadMessageInChannelButton,
-      check = _useTheme$theme$messa.check,
-      checkBoxActive = _useTheme$theme$messa.checkBoxActive,
-      checkBoxInactive = _useTheme$theme$messa.checkBoxInactive,
-      container = _useTheme$theme$messa.container,
-      innerContainer = _useTheme$theme$messa.innerContainer,
-      text = _useTheme$theme$messa.text;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    grey = _useTheme$theme$color.grey,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$messa = _useTheme$theme.messageInput.showThreadMessageInChannelButton,
+    check = _useTheme$theme$messa.check,
+    checkBoxActive = _useTheme$theme$messa.checkBoxActive,
+    checkBoxInactive = _useTheme$theme$messa.checkBoxInactive,
+    container = _useTheme$theme$messa.container,
+    innerContainer = _useTheme$theme$messa.innerContainer,
+    text = _useTheme$theme$messa.text;
   if (!threadList || !allowThreadMessagesInChannel) {
     return null;
   }
-
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, container],
     testID: "show-thread-message-in-channel-button",
@@ -137,18 +122,16 @@ var ShowThreadMessageInChannelButtonWithContext = function ShowThreadMessageInCh
     }
   }, t('Also send to channel')))));
 };
-
 exports.ShowThreadMessageInChannelButtonWithContext = ShowThreadMessageInChannelButtonWithContext;
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevAllowThreadMessagesInChannel = prevProps.allowThreadMessagesInChannel,
-      prevSendThreadMessageInChannel = prevProps.sendThreadMessageInChannel,
-      prevT = prevProps.t,
-      prevThreadList = prevProps.threadList;
+    prevSendThreadMessageInChannel = prevProps.sendThreadMessageInChannel,
+    prevT = prevProps.t,
+    prevThreadList = prevProps.threadList;
   var nextAllowThreadMessagesInChannel = nextProps.allowThreadMessagesInChannel,
-      nexSendThreadMessageInChannel = nextProps.sendThreadMessageInChannel,
-      nextT = nextProps.t,
-      nextThreadList = nextProps.threadList;
+    nexSendThreadMessageInChannel = nextProps.sendThreadMessageInChannel,
+    nextT = nextProps.t,
+    nextThreadList = nextProps.threadList;
   var tEqual = prevT === nextT;
   if (!tEqual) return false;
   var sendThreadMessageInChannelEqual = prevSendThreadMessageInChannel === nexSendThreadMessageInChannel;
@@ -159,20 +142,15 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!allowThreadMessagesInChannelEqual) return false;
   return true;
 };
-
 var MemoizedShowThreadMessageInChannelButton = _react["default"].memo(ShowThreadMessageInChannelButtonWithContext, areEqual);
-
 var ShowThreadMessageInChannelButton = function ShowThreadMessageInChannelButton(props) {
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      allowThreadMessagesInChannel = _useThreadContext.allowThreadMessagesInChannel;
-
+    allowThreadMessagesInChannel = _useThreadContext.allowThreadMessagesInChannel;
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-      sendThreadMessageInChannel = _useMessageInputConte.sendThreadMessageInChannel,
-      setSendThreadMessageInChannel = _useMessageInputConte.setSendThreadMessageInChannel;
-
+    sendThreadMessageInChannel = _useMessageInputConte.sendThreadMessageInChannel,
+    setSendThreadMessageInChannel = _useMessageInputConte.setSendThreadMessageInChannel;
   return _react["default"].createElement(MemoizedShowThreadMessageInChannelButton, (0, _extends2["default"])({
     allowThreadMessagesInChannel: allowThreadMessagesInChannel,
     sendThreadMessageInChannel: sendThreadMessageInChannel,
@@ -187,7 +165,6 @@ var ShowThreadMessageInChannelButton = function ShowThreadMessageInChannelButton
     }
   }));
 };
-
 exports.ShowThreadMessageInChannelButton = ShowThreadMessageInChannelButton;
 ShowThreadMessageInChannelButton.displayName = 'ShowThreadMessageInChannelButton{messageInput{showThreadMessageInChannelButton}}';
 //# sourceMappingURL=ShowThreadMessageInChannelButton.js.map

package/lib/module/components/MessageInput/ShowThreadMessageInChannelButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShowThreadMessageInChannelButton.tsx"],"names":["styles","StyleSheet","create","checkBox","alignItems","borderRadius","borderWidth","height","justifyContent","width","container","flexDirection","marginHorizontal","marginTop","innerContainer","text","fontSize","marginLeft","ShowThreadMessageInChannelButtonWithContext","props","allowThreadMessagesInChannel","sendThreadMessageInChannel","setSendThreadMessageInChannel","t","threadList","theme","colors","accent_blue","grey","white","messageInput","showThreadMessageInChannelButton","check","checkBoxActive","checkBoxInactive","prevSendInChannel","backgroundColor","borderColor","color","areEqual","prevProps","nextProps","prevAllowThreadMessagesInChannel","prevSendThreadMessageInChannel","prevT","prevThreadList","nextAllowThreadMessagesInChannel","nexSendThreadMessageInChannel","nextT","nextThreadList","tEqual","sendThreadMessageInChannelEqual","threadListEqual","allowThreadMessagesInChannelEqual","MemoizedShowThreadMessageInChannelButton","React","memo","ShowThreadMessageInChannelButton","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\nimport {\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\nimport { Check } from '../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  checkBox: {\n    alignItems: 'center',\n    borderRadius: 3,\n    borderWidth: 2,\n    height: 16,\n    justifyContent: 'center',\n    width: 16,\n  },\n  container: {\n    flexDirection: 'row',\n    marginHorizontal: 2,\n    marginTop: 8,\n  },\n  innerContainer: {\n    flexDirection: 'row',\n  },\n  text: {\n    fontSize: 13,\n    marginLeft: 12,\n  },\n});\n\nexport type ShowThreadMessageInChannelButtonWithContextProps = Pick<\n  MessageInputContextValue,\n  'sendThreadMessageInChannel' | 'setSendThreadMessageInChannel'\n> &\n  Pick<ThreadContextValue, 'allowThreadMessagesInChannel'> &\n  Pick<TranslationContextValue, 't'> & {\n    threadList?: boolean;\n  };\n\nexport const ShowThreadMessageInChannelButtonWithContext: React.FC<ShowThreadMessageInChannelButtonWithContextProps> =\n  (props) => {\n    const {\n      allowThreadMessagesInChannel,\n      sendThreadMessageInChannel,\n      setSendThreadMessageInChannel,\n      t,\n      threadList,\n    } = props;\n\n    const {\n      theme: {\n        colors: { accent_blue, grey, white },\n        messageInput: {\n          showThreadMessageInChannelButton: {\n            check,\n            checkBoxActive,\n            checkBoxInactive,\n            container,\n            innerContainer,\n            text,\n          },\n        },\n      },\n    } = useTheme();\n\n    if (!threadList || !allowThreadMessagesInChannel) {\n      return null;\n    }\n\n    return (\n      <View style={[styles.container, container]} testID='show-thread-message-in-channel-button'>\n        <TouchableOpacity\n          onPress={() => setSendThreadMessageInChannel((prevSendInChannel) => !prevSendInChannel)}\n        >\n          <View style={[styles.innerContainer, innerContainer]}>\n            <View\n              style={[\n                styles.checkBox,\n                sendThreadMessageInChannel\n                  ? {\n                      backgroundColor: accent_blue,\n                      borderColor: accent_blue,\n                      ...checkBoxActive,\n                    }\n                  : { borderColor: grey, ...checkBoxInactive },\n              ]}\n            >\n              {sendThreadMessageInChannel && (\n                <Check height={16} pathFill={white} width={16} {...check} />\n              )}\n            </View>\n            <Text style={[styles.text, { color: grey }, text]}>{t('Also send to channel')}</Text>\n          </View>\n        </TouchableOpacity>\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: ShowThreadMessageInChannelButtonWithContextProps,\n  nextProps: ShowThreadMessageInChannelButtonWithContextProps,\n) => {\n  const {\n    allowThreadMessagesInChannel: prevAllowThreadMessagesInChannel,\n    sendThreadMessageInChannel: prevSendThreadMessageInChannel,\n    t: prevT,\n    threadList: prevThreadList,\n  } = prevProps;\n  const {\n    allowThreadMessagesInChannel: nextAllowThreadMessagesInChannel,\n    sendThreadMessageInChannel: nexSendThreadMessageInChannel,\n    t: nextT,\n    threadList: nextThreadList,\n  } = nextProps;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const sendThreadMessageInChannelEqual =\n    prevSendThreadMessageInChannel === nexSendThreadMessageInChannel;\n  if (!sendThreadMessageInChannelEqual) return false;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const allowThreadMessagesInChannelEqual =\n    prevAllowThreadMessagesInChannel === nextAllowThreadMessagesInChannel;\n  if (!allowThreadMessagesInChannelEqual) return false;\n\n  return true;\n};\n\nconst MemoizedShowThreadMessageInChannelButton = React.memo(\n  ShowThreadMessageInChannelButtonWithContext,\n  areEqual,\n) as typeof ShowThreadMessageInChannelButtonWithContext;\n\nexport type ShowThreadMessageInChannelButtonProps =\n  Partial<ShowThreadMessageInChannelButtonWithContextProps>;\n\nexport const ShowThreadMessageInChannelButton = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ShowThreadMessageInChannelButtonProps,\n) => {\n  const { t } = useTranslationContext();\n  const { allowThreadMessagesInChannel } = useThreadContext<StreamChatGenerics>();\n  const { sendThreadMessageInChannel, setSendThreadMessageInChannel } =\n    useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedShowThreadMessageInChannelButton\n      {...{\n        allowThreadMessagesInChannel,\n        sendThreadMessageInChannel,\n        setSendThreadMessageInChannel,\n        t,\n      }}\n      {...props}\n    />\n  );\n};\n\nShowThreadMessageInChannelButton.displayName =\n  'ShowThreadMessageInChannelButton{messageInput{showThreadMessageInChannelButton}}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","checkBox","alignItems","borderRadius","borderWidth","height","justifyContent","width","container","flexDirection","marginHorizontal","marginTop","innerContainer","text","fontSize","marginLeft","ShowThreadMessageInChannelButtonWithContext","props","allowThreadMessagesInChannel","sendThreadMessageInChannel","setSendThreadMessageInChannel","t","threadList","useTheme","theme","colors","accent_blue","grey","white","messageInput","showThreadMessageInChannelButton","check","checkBoxActive","checkBoxInactive","prevSendInChannel","backgroundColor","borderColor","color","areEqual","prevProps","nextProps","prevAllowThreadMessagesInChannel","prevSendThreadMessageInChannel","prevT","prevThreadList","nextAllowThreadMessagesInChannel","nexSendThreadMessageInChannel","nextT","nextThreadList","tEqual","sendThreadMessageInChannelEqual","threadListEqual","allowThreadMessagesInChannelEqual","MemoizedShowThreadMessageInChannelButton","React","memo","ShowThreadMessageInChannelButton","useTranslationContext","useThreadContext","useMessageInputContext","displayName"],"sources":["ShowThreadMessageInChannelButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\nimport {\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\nimport { Check } from '../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  checkBox: {\n    alignItems: 'center',\n    borderRadius: 3,\n    borderWidth: 2,\n    height: 16,\n    justifyContent: 'center',\n    width: 16,\n  },\n  container: {\n    flexDirection: 'row',\n    marginHorizontal: 2,\n    marginTop: 8,\n  },\n  innerContainer: {\n    flexDirection: 'row',\n  },\n  text: {\n    fontSize: 13,\n    marginLeft: 12,\n  },\n});\n\nexport type ShowThreadMessageInChannelButtonWithContextProps = Pick<\n  MessageInputContextValue,\n  'sendThreadMessageInChannel' | 'setSendThreadMessageInChannel'\n> &\n  Pick<ThreadContextValue, 'allowThreadMessagesInChannel'> &\n  Pick<TranslationContextValue, 't'> & {\n    threadList?: boolean;\n  };\n\nexport const ShowThreadMessageInChannelButtonWithContext: React.FC<ShowThreadMessageInChannelButtonWithContextProps> =\n  (props) => {\n    const {\n      allowThreadMessagesInChannel,\n      sendThreadMessageInChannel,\n      setSendThreadMessageInChannel,\n      t,\n      threadList,\n    } = props;\n\n    const {\n      theme: {\n        colors: { accent_blue, grey, white },\n        messageInput: {\n          showThreadMessageInChannelButton: {\n            check,\n            checkBoxActive,\n            checkBoxInactive,\n            container,\n            innerContainer,\n            text,\n          },\n        },\n      },\n    } = useTheme();\n\n    if (!threadList || !allowThreadMessagesInChannel) {\n      return null;\n    }\n\n    return (\n      <View style={[styles.container, container]} testID='show-thread-message-in-channel-button'>\n        <TouchableOpacity\n          onPress={() => setSendThreadMessageInChannel((prevSendInChannel) => !prevSendInChannel)}\n        >\n          <View style={[styles.innerContainer, innerContainer]}>\n            <View\n              style={[\n                styles.checkBox,\n                sendThreadMessageInChannel\n                  ? {\n                      backgroundColor: accent_blue,\n                      borderColor: accent_blue,\n                      ...checkBoxActive,\n                    }\n                  : { borderColor: grey, ...checkBoxInactive },\n              ]}\n            >\n              {sendThreadMessageInChannel && (\n                <Check height={16} pathFill={white} width={16} {...check} />\n              )}\n            </View>\n            <Text style={[styles.text, { color: grey }, text]}>{t('Also send to channel')}</Text>\n          </View>\n        </TouchableOpacity>\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: ShowThreadMessageInChannelButtonWithContextProps,\n  nextProps: ShowThreadMessageInChannelButtonWithContextProps,\n) => {\n  const {\n    allowThreadMessagesInChannel: prevAllowThreadMessagesInChannel,\n    sendThreadMessageInChannel: prevSendThreadMessageInChannel,\n    t: prevT,\n    threadList: prevThreadList,\n  } = prevProps;\n  const {\n    allowThreadMessagesInChannel: nextAllowThreadMessagesInChannel,\n    sendThreadMessageInChannel: nexSendThreadMessageInChannel,\n    t: nextT,\n    threadList: nextThreadList,\n  } = nextProps;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const sendThreadMessageInChannelEqual =\n    prevSendThreadMessageInChannel === nexSendThreadMessageInChannel;\n  if (!sendThreadMessageInChannelEqual) return false;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const allowThreadMessagesInChannelEqual =\n    prevAllowThreadMessagesInChannel === nextAllowThreadMessagesInChannel;\n  if (!allowThreadMessagesInChannelEqual) return false;\n\n  return true;\n};\n\nconst MemoizedShowThreadMessageInChannelButton = React.memo(\n  ShowThreadMessageInChannelButtonWithContext,\n  areEqual,\n) as typeof ShowThreadMessageInChannelButtonWithContext;\n\nexport type ShowThreadMessageInChannelButtonProps =\n  Partial<ShowThreadMessageInChannelButtonWithContextProps>;\n\nexport const ShowThreadMessageInChannelButton = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ShowThreadMessageInChannelButtonProps,\n) => {\n  const { t } = useTranslationContext();\n  const { allowThreadMessagesInChannel } = useThreadContext<StreamChatGenerics>();\n  const { sendThreadMessageInChannel, setSendThreadMessageInChannel } =\n    useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedShowThreadMessageInChannelButton\n      {...{\n        allowThreadMessagesInChannel,\n        sendThreadMessageInChannel,\n        setSendThreadMessageInChannel,\n        t,\n      }}\n      {...props}\n    />\n  );\n};\n\nShowThreadMessageInChannelButton.displayName =\n  'ShowThreadMessageInChannelButton{messageInput{showThreadMessageInChannelButton}}';\n"],"mappings":"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"}

package/lib/module/components/MessageInput/UploadProgressIndicator.js

@@ -1,25 +1,16 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UploadProgressIndicator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../icons");
-
 var _utils = require("../../utils/utils");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/UploadProgressIndicator.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/UploadProgressIndicator.tsx";
 var REFRESH_ICON_SIZE = 18;
-
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
     alignItems: 'center',
@@ -58,18 +49,15 @@ var styles = _reactNative.StyleSheet.create({
     top: 0
   }
 });
-
 var UploadProgressIndicator = function UploadProgressIndicator(props) {
   var action = props.action,
-      children = props.children,
-      style = props.style,
-      type = props.type;
-
+    children = props.children,
+    style = props.style,
+    type = props.type;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      overlayColor = _useTheme$theme.colors.overlay,
-      container = _useTheme$theme.messageInput.uploadProgressIndicator.container;
-
+    _useTheme$theme = _useTheme.theme,
+    overlayColor = _useTheme$theme.colors.overlay,
+    container = _useTheme$theme.messageInput.uploadProgressIndicator.container;
   return type === _utils.ProgressIndicatorTypes.INACTIVE ? _react["default"].createElement(_reactNative.View, {
     style: [styles.overflowHidden, style],
     testID: "inactive-upload-progress-indicator",
@@ -116,13 +104,10 @@ var UploadProgressIndicator = function UploadProgressIndicator(props) {
     }
   })));
 };
-
 exports.UploadProgressIndicator = UploadProgressIndicator;
-
 var InProgressIndicator = function InProgressIndicator() {
   var _useTheme2 = (0, _ThemeContext.useTheme)(),
-      white_smoke = _useTheme2.theme.colors.white_smoke;
-
+    white_smoke = _useTheme2.theme.colors.white_smoke;
   return _react["default"].createElement(_reactNative.View, {
     style: styles.activityIndicatorContainer,
     __self: _this,
@@ -142,13 +127,10 @@ var InProgressIndicator = function InProgressIndicator() {
     }
   }));
 };
-
 var RetryIndicator = function RetryIndicator(_ref) {
   var action = _ref.action;
-
   var _useTheme3 = (0, _ThemeContext.useTheme)(),
-      white_smoke = _useTheme3.theme.colors.white_smoke;
-
+    white_smoke = _useTheme3.theme.colors.white_smoke;
   return _react["default"].createElement(_reactNative.TouchableOpacity, {
     onPress: action,
     style: styles.retryButtonContainer,
@@ -171,6 +153,5 @@ var RetryIndicator = function RetryIndicator(_ref) {
     }
   }));
 };
-
 UploadProgressIndicator.displayName = 'UploadProgressIndicator{messageInput{uploadProgressIndicator}}';
 //# sourceMappingURL=UploadProgressIndicator.js.map

package/lib/module/components/MessageInput/UploadProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["UploadProgressIndicator.tsx"],"names":["REFRESH_ICON_SIZE","styles","StyleSheet","create","activityIndicatorContainer","alignItems","bottom","justifyContent","left","position","right","top","container","height","width","overflowHidden","overflow","overlay","opacity","retryButtonContainer","UploadProgressIndicator","props","action","children","style","type","theme","overlayColor","colors","messageInput","uploadProgressIndicator","ProgressIndicatorTypes","INACTIVE","NOT_SUPPORTED","backgroundColor","IN_PROGRESS","RETRY","InProgressIndicator","white_smoke","RetryIndicator","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  ActivityIndicator,\n  GestureResponderEvent,\n  StyleProp,\n  StyleSheet,\n  TouchableOpacity,\n  View,\n  ViewStyle,\n} from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Refresh } from '../../icons';\nimport { ProgressIndicatorTypes } from '../../utils/utils';\n\nconst REFRESH_ICON_SIZE = 18;\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    justifyContent: 'center',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  container: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    position: 'absolute',\n    width: '100%',\n  },\n  overflowHidden: {\n    overflow: 'hidden',\n  },\n  overlay: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    opacity: 0,\n    position: 'absolute',\n    width: '100%',\n  },\n  retryButtonContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    justifyContent: 'center',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\nexport type UploadProgressIndicatorProps = {\n  /** Action triggered when clicked indicator */\n  action?: (event: GestureResponderEvent) => void;\n  /** style */\n  style?: StyleProp<ViewStyle>;\n  /** Type of active indicator */\n  type?: 'in_progress' | 'retry' | 'not_supported' | 'inactive' | null;\n};\n\nexport const UploadProgressIndicator: React.FC<UploadProgressIndicatorProps> = (props) => {\n  const { action, children, style, type } = props;\n\n  const {\n    theme: {\n      colors: { overlay: overlayColor },\n      messageInput: {\n        uploadProgressIndicator: { container },\n      },\n    },\n  } = useTheme();\n\n  return type === ProgressIndicatorTypes.INACTIVE ? (\n    <View style={[styles.overflowHidden, style]} testID='inactive-upload-progress-indicator'>\n      {children}\n    </View>\n  ) : (\n    <View style={[styles.overflowHidden, style]} testID='active-upload-progress-indicator'>\n      {children}\n      <View\n        style={[\n          type === ProgressIndicatorTypes.NOT_SUPPORTED ? styles.overflowHidden : styles.container,\n          { backgroundColor: overlayColor },\n          container,\n        ]}\n        testID='not-supported-upload-progress-indicator'\n      >\n        {type === ProgressIndicatorTypes.IN_PROGRESS && <InProgressIndicator />}\n        {type === ProgressIndicatorTypes.RETRY && <RetryIndicator action={action} />}\n      </View>\n    </View>\n  );\n};\n\nconst InProgressIndicator = () => {\n  const {\n    theme: {\n      colors: { white_smoke },\n    },\n  } = useTheme();\n\n  return (\n    <View style={styles.activityIndicatorContainer}>\n      <ActivityIndicator color={white_smoke} testID='upload-progress-indicator' />\n    </View>\n  );\n};\n\nconst RetryIndicator = ({ action }: Pick<UploadProgressIndicatorProps, 'action'>) => {\n  const {\n    theme: {\n      colors: { white_smoke },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity onPress={action} style={styles.retryButtonContainer}>\n      <Refresh\n        height={REFRESH_ICON_SIZE}\n        pathFill={white_smoke}\n        testID='retry-upload-progress-indicator'\n        width={REFRESH_ICON_SIZE}\n      />\n    </TouchableOpacity>\n  );\n};\n\nUploadProgressIndicator.displayName =\n  'UploadProgressIndicator{messageInput{uploadProgressIndicator}}';\n"]}
+{"version":3,"names":["REFRESH_ICON_SIZE","styles","StyleSheet","create","activityIndicatorContainer","alignItems","bottom","justifyContent","left","position","right","top","container","height","width","overflowHidden","overflow","overlay","opacity","retryButtonContainer","UploadProgressIndicator","props","action","children","style","type","useTheme","theme","overlayColor","colors","messageInput","uploadProgressIndicator","ProgressIndicatorTypes","INACTIVE","NOT_SUPPORTED","backgroundColor","IN_PROGRESS","RETRY","InProgressIndicator","white_smoke","RetryIndicator","displayName"],"sources":["UploadProgressIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ActivityIndicator,\n  GestureResponderEvent,\n  StyleProp,\n  StyleSheet,\n  TouchableOpacity,\n  View,\n  ViewStyle,\n} from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Refresh } from '../../icons';\nimport { ProgressIndicatorTypes } from '../../utils/utils';\n\nconst REFRESH_ICON_SIZE = 18;\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    justifyContent: 'center',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  container: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    position: 'absolute',\n    width: '100%',\n  },\n  overflowHidden: {\n    overflow: 'hidden',\n  },\n  overlay: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    opacity: 0,\n    position: 'absolute',\n    width: '100%',\n  },\n  retryButtonContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    justifyContent: 'center',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\nexport type UploadProgressIndicatorProps = {\n  /** Action triggered when clicked indicator */\n  action?: (event: GestureResponderEvent) => void;\n  /** style */\n  style?: StyleProp<ViewStyle>;\n  /** Type of active indicator */\n  type?: 'in_progress' | 'retry' | 'not_supported' | 'inactive' | null;\n};\n\nexport const UploadProgressIndicator: React.FC<UploadProgressIndicatorProps> = (props) => {\n  const { action, children, style, type } = props;\n\n  const {\n    theme: {\n      colors: { overlay: overlayColor },\n      messageInput: {\n        uploadProgressIndicator: { container },\n      },\n    },\n  } = useTheme();\n\n  return type === ProgressIndicatorTypes.INACTIVE ? (\n    <View style={[styles.overflowHidden, style]} testID='inactive-upload-progress-indicator'>\n      {children}\n    </View>\n  ) : (\n    <View style={[styles.overflowHidden, style]} testID='active-upload-progress-indicator'>\n      {children}\n      <View\n        style={[\n          type === ProgressIndicatorTypes.NOT_SUPPORTED ? styles.overflowHidden : styles.container,\n          { backgroundColor: overlayColor },\n          container,\n        ]}\n        testID='not-supported-upload-progress-indicator'\n      >\n        {type === ProgressIndicatorTypes.IN_PROGRESS && <InProgressIndicator />}\n        {type === ProgressIndicatorTypes.RETRY && <RetryIndicator action={action} />}\n      </View>\n    </View>\n  );\n};\n\nconst InProgressIndicator = () => {\n  const {\n    theme: {\n      colors: { white_smoke },\n    },\n  } = useTheme();\n\n  return (\n    <View style={styles.activityIndicatorContainer}>\n      <ActivityIndicator color={white_smoke} testID='upload-progress-indicator' />\n    </View>\n  );\n};\n\nconst RetryIndicator = ({ action }: Pick<UploadProgressIndicatorProps, 'action'>) => {\n  const {\n    theme: {\n      colors: { white_smoke },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity onPress={action} style={styles.retryButtonContainer}>\n      <Refresh\n        height={REFRESH_ICON_SIZE}\n        pathFill={white_smoke}\n        testID='retry-upload-progress-indicator'\n        width={REFRESH_ICON_SIZE}\n      />\n    </TouchableOpacity>\n  );\n};\n\nUploadProgressIndicator.displayName =\n  'UploadProgressIndicator{messageInput{uploadProgressIndicator}}';\n"],"mappings":"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"}

package/lib/module/components/MessageInput/components/InputEditingStateHeader.js

@@ -1,27 +1,17 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputEditingStateHeaderWithContext = exports.InputEditingStateHeader = 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 _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-
 var _icons = require("../../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/components/InputEditingStateHeader.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/components/InputEditingStateHeader.tsx";
 var styles = _reactNative.StyleSheet.create({
   editingBoxHeader: {
     alignItems: 'center',
@@ -34,25 +24,21 @@ var styles = _reactNative.StyleSheet.create({
     fontWeight: 'bold'
   }
 });
-
 var InputEditingStateHeaderWithContext = function InputEditingStateHeaderWithContext(_ref) {
   var clearEditingState = _ref.clearEditingState,
-      disabled = _ref.disabled,
-      resetInput = _ref.resetInput;
-
+    disabled = _ref.disabled,
+    resetInput = _ref.resetInput;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      black = _useTheme$theme$color.black,
-      grey = _useTheme$theme$color.grey,
-      grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
-      _useTheme$theme$messa = _useTheme$theme.messageInput.editingStateHeader,
-      editingBoxHeader = _useTheme$theme$messa.editingBoxHeader,
-      editingBoxHeaderTitle = _useTheme$theme$messa.editingBoxHeaderTitle;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    black = _useTheme$theme$color.black,
+    grey = _useTheme$theme$color.grey,
+    grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
+    _useTheme$theme$messa = _useTheme$theme.messageInput.editingStateHeader,
+    editingBoxHeader = _useTheme$theme$messa.editingBoxHeader,
+    editingBoxHeaderTitle = _useTheme$theme$messa.editingBoxHeaderTitle;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.editingBoxHeader, editingBoxHeader],
     __self: _this,
@@ -102,9 +88,7 @@ var InputEditingStateHeaderWithContext = function InputEditingStateHeaderWithCon
     }
   })));
 };
-
 exports.InputEditingStateHeaderWithContext = InputEditingStateHeaderWithContext;
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevDisabled = prevProps.disabled;
   var nextDisabled = nextProps.disabled;
@@ -112,14 +96,11 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!disabledEqual) return false;
   return true;
 };
-
 var MemoizedInputEditingStateHeader = _react["default"].memo(InputEditingStateHeaderWithContext, areEqual);
-
 var InputEditingStateHeader = function InputEditingStateHeader(props) {
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-      clearEditingState = _useMessageInputConte.clearEditingState,
-      resetInput = _useMessageInputConte.resetInput;
-
+    clearEditingState = _useMessageInputConte.clearEditingState,
+    resetInput = _useMessageInputConte.resetInput;
   return _react["default"].createElement(MemoizedInputEditingStateHeader, (0, _extends2["default"])({
     clearEditingState: clearEditingState,
     resetInput: resetInput
@@ -132,7 +113,6 @@ var InputEditingStateHeader = function InputEditingStateHeader(props) {
     }
   }));
 };
-
 exports.InputEditingStateHeader = InputEditingStateHeader;
 InputEditingStateHeader.displayName = 'EditingStateHeader{messageInput}';
 //# sourceMappingURL=InputEditingStateHeader.js.map

package/lib/module/components/MessageInput/components/InputEditingStateHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputEditingStateHeader.tsx"],"names":["styles","StyleSheet","create","editingBoxHeader","alignItems","flexDirection","justifyContent","paddingBottom","editingBoxHeaderTitle","fontSize","fontWeight","InputEditingStateHeaderWithContext","clearEditingState","disabled","resetInput","t","theme","colors","black","grey","grey_gainsboro","messageInput","editingStateHeader","color","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputEditingStateHeader","React","memo","InputEditingStateHeader","props","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\n\nimport { CircleClose, Edit } from '../../../icons';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  editingBoxHeader: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingBottom: 10,\n  },\n  editingBoxHeaderTitle: {\n    fontSize: 14,\n    fontWeight: 'bold',\n  },\n});\n\nexport type InputEditingStateHeaderPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageInputContextValue<StreamChatGenerics>, 'clearEditingState' | 'resetInput'> &\n  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;\n\nexport const InputEditingStateHeaderWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  clearEditingState,\n  disabled,\n  resetInput,\n}: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>) => {\n  const { t } = useTranslationContext();\n  const {\n    theme: {\n      colors: { black, grey, grey_gainsboro },\n      messageInput: {\n        editingStateHeader: { editingBoxHeader, editingBoxHeaderTitle },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.editingBoxHeader, editingBoxHeader]}>\n      <Edit pathFill={grey_gainsboro} />\n      <Text style={[styles.editingBoxHeaderTitle, { color: black }, editingBoxHeaderTitle]}>\n        {t('Editing Message')}\n      </Text>\n      <TouchableOpacity\n        disabled={disabled}\n        onPress={() => {\n          resetInput();\n          clearEditingState();\n        }}\n        testID='close-button'\n      >\n        <CircleClose pathFill={grey} />\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>,\n  nextProps: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled: prevDisabled } = prevProps;\n  const { disabled: nextDisabled } = nextProps;\n\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInputEditingStateHeader = React.memo(\n  InputEditingStateHeaderWithContext,\n  areEqual,\n) as typeof InputEditingStateHeaderWithContext;\n\nexport type InputEditingStateHeaderProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputEditingStateHeaderPropsWithContext<StreamChatGenerics>>;\n\nexport const InputEditingStateHeader = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputEditingStateHeaderProps<StreamChatGenerics>,\n) => {\n  const { clearEditingState, resetInput } = useMessageInputContext<StreamChatGenerics>();\n\n  return <MemoizedInputEditingStateHeader {...{ clearEditingState, resetInput }} {...props} />;\n};\n\nInputEditingStateHeader.displayName = 'EditingStateHeader{messageInput}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","editingBoxHeader","alignItems","flexDirection","justifyContent","paddingBottom","editingBoxHeaderTitle","fontSize","fontWeight","InputEditingStateHeaderWithContext","clearEditingState","disabled","resetInput","useTranslationContext","t","useTheme","theme","colors","black","grey","grey_gainsboro","messageInput","editingStateHeader","color","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputEditingStateHeader","React","memo","InputEditingStateHeader","props","useMessageInputContext","displayName"],"sources":["InputEditingStateHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\n\nimport { CircleClose, Edit } from '../../../icons';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  editingBoxHeader: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingBottom: 10,\n  },\n  editingBoxHeaderTitle: {\n    fontSize: 14,\n    fontWeight: 'bold',\n  },\n});\n\nexport type InputEditingStateHeaderPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageInputContextValue<StreamChatGenerics>, 'clearEditingState' | 'resetInput'> &\n  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;\n\nexport const InputEditingStateHeaderWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  clearEditingState,\n  disabled,\n  resetInput,\n}: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>) => {\n  const { t } = useTranslationContext();\n  const {\n    theme: {\n      colors: { black, grey, grey_gainsboro },\n      messageInput: {\n        editingStateHeader: { editingBoxHeader, editingBoxHeaderTitle },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.editingBoxHeader, editingBoxHeader]}>\n      <Edit pathFill={grey_gainsboro} />\n      <Text style={[styles.editingBoxHeaderTitle, { color: black }, editingBoxHeaderTitle]}>\n        {t('Editing Message')}\n      </Text>\n      <TouchableOpacity\n        disabled={disabled}\n        onPress={() => {\n          resetInput();\n          clearEditingState();\n        }}\n        testID='close-button'\n      >\n        <CircleClose pathFill={grey} />\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>,\n  nextProps: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled: prevDisabled } = prevProps;\n  const { disabled: nextDisabled } = nextProps;\n\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInputEditingStateHeader = React.memo(\n  InputEditingStateHeaderWithContext,\n  areEqual,\n) as typeof InputEditingStateHeaderWithContext;\n\nexport type InputEditingStateHeaderProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputEditingStateHeaderPropsWithContext<StreamChatGenerics>>;\n\nexport const InputEditingStateHeader = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputEditingStateHeaderProps<StreamChatGenerics>,\n) => {\n  const { clearEditingState, resetInput } = useMessageInputContext<StreamChatGenerics>();\n\n  return <MemoizedInputEditingStateHeader {...{ clearEditingState, resetInput }} {...props} />;\n};\n\nInputEditingStateHeader.displayName = 'EditingStateHeader{messageInput}';\n"],"mappings":";;;;;;AAAA;AACA;AAGA;AAIA;AACA;AAEA;AAAmD;EAAA;AAGnD,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,gBAAgB,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,aAAa,EAAE;EACjB,CAAC;EACDC,qBAAqB,EAAE;IACrBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAOK,IAAMC,kCAAkC,GAAG,SAArCA,kCAAkC,OAMoB;EAAA,IAHjEC,iBAAiB,QAAjBA,iBAAiB;IACjBC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;EAEV,4BAAc,IAAAC,yCAAqB,GAAE;IAA7BC,CAAC,yBAADA,CAAC;EACT,gBAOI,IAAAC,sBAAQ,GAAE;IAAA,4BANZC,KAAK;IAAA,wCACHC,MAAM;IAAIC,KAAK,yBAALA,KAAK;IAAEC,IAAI,yBAAJA,IAAI;IAAEC,cAAc,yBAAdA,cAAc;IAAA,wCACrCC,YAAY,CACVC,kBAAkB;IAAIrB,gBAAgB,yBAAhBA,gBAAgB;IAAEK,qBAAqB,yBAArBA,qBAAqB;EAKnE,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACR,MAAM,CAACG,gBAAgB,EAAEA,gBAAgB,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvD,gCAAC,WAAI;IAAC,QAAQ,EAAEmB,cAAe;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,EAClC,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACtB,MAAM,CAACQ,qBAAqB,EAAE;MAAEiB,KAAK,EAAEL;IAAM,CAAC,EAAEZ,qBAAqB,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAClFQ,CAAC,CAAC,iBAAiB,CAAC,CAChB,EACP,gCAAC,6BAAgB;IACf,QAAQ,EAAEH,QAAS;IACnB,OAAO,EAAE,mBAAM;MACbC,UAAU,EAAE;MACZF,iBAAiB,EAAE;IACrB,CAAE;IACF,MAAM,EAAC,cAAc;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAErB,gCAAC,kBAAW;IAAC,QAAQ,EAAES,IAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CACd,CACd;AAEX,CAAC;AAAC;AAEF,IAAMK,QAAQ,GAAG,SAAXA,QAAQ,CACZC,SAAsE,EACtEC,SAAsE,EACnE;EACH,IAAkBC,YAAY,GAAKF,SAAS,CAApCd,QAAQ;EAChB,IAAkBiB,YAAY,GAAKF,SAAS,CAApCf,QAAQ;EAEhB,IAAMkB,aAAa,GAAGF,YAAY,KAAKC,YAAY;EACnD,IAAI,CAACC,aAAa,EAAE,OAAO,KAAK;EAEhC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,+BAA+B,GAAGC,iBAAK,CAACC,IAAI,CAChDvB,kCAAkC,EAClCe,QAAQ,CACoC;AAMvC,IAAMS,uBAAuB,GAAG,SAA1BA,uBAAuB,CAGlCC,KAAuD,EACpD;EACH,4BAA0C,IAAAC,2CAAsB,GAAsB;IAA9EzB,iBAAiB,yBAAjBA,iBAAiB;IAAEE,UAAU,yBAAVA,UAAU;EAErC,OAAO,gCAAC,+BAA+B;IAAOF,iBAAiB,EAAjBA,iBAAiB;IAAEE,UAAU,EAAVA;EAAU,GAAQsB,KAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAI;AAC9F,CAAC;AAAC;AAEFD,uBAAuB,CAACG,WAAW,GAAG,kCAAkC"}

package/lib/module/components/MessageInput/components/InputGiphySearch.js

@@ -1,29 +1,18 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputGiphySearchWithContext = exports.InputGiphySearch = 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 _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../../icons");
-
 var _AutoCompleteInput = require("../../AutoCompleteInput/AutoCompleteInput");
-
 var _useCountdown2 = require("../hooks/useCountdown");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/components/InputGiphySearch.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/components/InputGiphySearch.tsx";
 var styles = _reactNative.StyleSheet.create({
   autoCompleteInputContainer: {
     alignItems: 'center',
@@ -44,29 +33,25 @@ var styles = _reactNative.StyleSheet.create({
     fontWeight: 'bold'
   }
 });
-
 var InputGiphySearchWithContext = function InputGiphySearchWithContext(_ref) {
   var additionalTextInputProps = _ref.additionalTextInputProps,
-      cooldownEndsAt = _ref.cooldownEndsAt,
-      disabled = _ref.disabled,
-      setGiphyActive = _ref.setGiphyActive,
-      setShowMoreOptions = _ref.setShowMoreOptions;
-
+    cooldownEndsAt = _ref.cooldownEndsAt,
+    disabled = _ref.disabled,
+    setGiphyActive = _ref.setGiphyActive,
+    setShowMoreOptions = _ref.setShowMoreOptions;
   var _useCountdown = (0, _useCountdown2.useCountdown)(cooldownEndsAt),
-      cooldownRemainingSeconds = _useCountdown.seconds;
-
+    cooldownRemainingSeconds = _useCountdown.seconds;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      grey = _useTheme$theme$color.grey,
-      white = _useTheme$theme$color.white,
-      _useTheme$theme$messa = _useTheme$theme.messageInput,
-      autoCompleteInputContainer = _useTheme$theme$messa.autoCompleteInputContainer,
-      _useTheme$theme$messa2 = _useTheme$theme$messa.giphyCommandInput,
-      giphyContainer = _useTheme$theme$messa2.giphyContainer,
-      giphyText = _useTheme$theme$messa2.giphyText;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    grey = _useTheme$theme$color.grey,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$messa = _useTheme$theme.messageInput,
+    autoCompleteInputContainer = _useTheme$theme$messa.autoCompleteInputContainer,
+    _useTheme$theme$messa2 = _useTheme$theme$messa.giphyCommandInput,
+    giphyContainer = _useTheme$theme$messa2.giphyContainer,
+    giphyText = _useTheme$theme$messa2.giphyText;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.autoCompleteInputContainer, autoCompleteInputContainer],
     __self: _this,
@@ -139,9 +124,7 @@ var InputGiphySearchWithContext = function InputGiphySearchWithContext(_ref) {
     }
   })));
 };
-
 exports.InputGiphySearchWithContext = InputGiphySearchWithContext;
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevDisabled = prevProps.disabled;
   var nextDisabled = nextProps.disabled;
@@ -149,16 +132,13 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!disabledEqual) return false;
   return true;
 };
-
 var MemoizedInputGiphySearch = _react["default"].memo(InputGiphySearchWithContext, areEqual);
-
 var InputGiphySearch = function InputGiphySearch(props) {
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-      additionalTextInputProps = _useMessageInputConte.additionalTextInputProps,
-      cooldownEndsAt = _useMessageInputConte.cooldownEndsAt,
-      setGiphyActive = _useMessageInputConte.setGiphyActive,
-      setShowMoreOptions = _useMessageInputConte.setShowMoreOptions;
-
+    additionalTextInputProps = _useMessageInputConte.additionalTextInputProps,
+    cooldownEndsAt = _useMessageInputConte.cooldownEndsAt,
+    setGiphyActive = _useMessageInputConte.setGiphyActive,
+    setShowMoreOptions = _useMessageInputConte.setShowMoreOptions;
   return _react["default"].createElement(MemoizedInputGiphySearch, (0, _extends2["default"])({
     additionalTextInputProps: additionalTextInputProps,
     cooldownEndsAt: cooldownEndsAt,
@@ -173,7 +153,6 @@ var InputGiphySearch = function InputGiphySearch(props) {
     }
   }));
 };
-
 exports.InputGiphySearch = InputGiphySearch;
 InputGiphySearch.displayName = 'InputGiphySearch{messageInput}';
 //# sourceMappingURL=InputGiphySearch.js.map

package/lib/module/components/MessageInput/components/InputGiphySearch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputGiphySearch.tsx"],"names":["styles","StyleSheet","create","autoCompleteInputContainer","alignItems","flexDirection","paddingLeft","paddingRight","giphyContainer","borderRadius","height","marginRight","paddingHorizontal","giphyText","fontSize","fontWeight","InputGiphySearchWithContext","additionalTextInputProps","cooldownEndsAt","disabled","setGiphyActive","setShowMoreOptions","cooldownRemainingSeconds","seconds","theme","colors","accent_blue","grey","white","messageInput","giphyCommandInput","backgroundColor","color","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputGiphySearch","React","memo","InputGiphySearch","props","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { CircleClose, Lightning } from '../../../icons';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { AutoCompleteInput } from '../../AutoCompleteInput/AutoCompleteInput';\nimport { useCountdown } from '../hooks/useCountdown';\n\nconst styles = StyleSheet.create({\n  autoCompleteInputContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingLeft: 8,\n    paddingRight: 10,\n  },\n  giphyContainer: {\n    alignItems: 'center',\n    borderRadius: 12,\n    flexDirection: 'row',\n    height: 24,\n    marginRight: 8,\n    paddingHorizontal: 8,\n  },\n  giphyText: {\n    fontSize: 12,\n    fontWeight: 'bold',\n  },\n});\n\nexport type InputGiphySearchPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'additionalTextInputProps' | 'cooldownEndsAt' | 'setGiphyActive' | 'setShowMoreOptions'\n> &\n  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;\n\nexport const InputGiphySearchWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  additionalTextInputProps,\n  cooldownEndsAt,\n  disabled,\n  setGiphyActive,\n  setShowMoreOptions,\n}: InputGiphySearchPropsWithContext<StreamChatGenerics>) => {\n  const { seconds: cooldownRemainingSeconds } = useCountdown(cooldownEndsAt);\n\n  const {\n    theme: {\n      colors: { accent_blue, grey, white },\n      messageInput: {\n        autoCompleteInputContainer,\n        giphyCommandInput: { giphyContainer, giphyText },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.autoCompleteInputContainer, autoCompleteInputContainer]}>\n      <View style={[styles.giphyContainer, { backgroundColor: accent_blue }, giphyContainer]}>\n        <Lightning height={16} pathFill={white} width={16} />\n        <Text style={[styles.giphyText, { color: white }, giphyText]}>GIPHY</Text>\n      </View>\n\n      <AutoCompleteInput<StreamChatGenerics>\n        additionalTextInputProps={additionalTextInputProps}\n        cooldownActive={!!cooldownRemainingSeconds}\n      />\n      <TouchableOpacity\n        disabled={disabled}\n        onPress={() => {\n          setGiphyActive(false);\n          setShowMoreOptions(true);\n        }}\n        testID='close-button'\n      >\n        <CircleClose height={20} pathFill={grey} width={20} />\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: InputGiphySearchPropsWithContext<StreamChatGenerics>,\n  nextProps: InputGiphySearchPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled: prevDisabled } = prevProps;\n  const { disabled: nextDisabled } = nextProps;\n\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInputGiphySearch = React.memo(\n  InputGiphySearchWithContext,\n  areEqual,\n) as typeof InputGiphySearchWithContext;\n\nexport type InputGiphySearchProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputGiphySearchPropsWithContext<StreamChatGenerics>>;\n\nexport const InputGiphySearch = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputGiphySearchProps<StreamChatGenerics>,\n) => {\n  const { additionalTextInputProps, cooldownEndsAt, setGiphyActive, setShowMoreOptions } =\n    useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedInputGiphySearch\n      {...{ additionalTextInputProps, cooldownEndsAt, setGiphyActive, setShowMoreOptions }}\n      {...props}\n    />\n  );\n};\n\nInputGiphySearch.displayName = 'InputGiphySearch{messageInput}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","autoCompleteInputContainer","alignItems","flexDirection","paddingLeft","paddingRight","giphyContainer","borderRadius","height","marginRight","paddingHorizontal","giphyText","fontSize","fontWeight","InputGiphySearchWithContext","additionalTextInputProps","cooldownEndsAt","disabled","setGiphyActive","setShowMoreOptions","useCountdown","cooldownRemainingSeconds","seconds","useTheme","theme","colors","accent_blue","grey","white","messageInput","giphyCommandInput","backgroundColor","color","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputGiphySearch","React","memo","InputGiphySearch","props","useMessageInputContext","displayName"],"sources":["InputGiphySearch.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { CircleClose, Lightning } from '../../../icons';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { AutoCompleteInput } from '../../AutoCompleteInput/AutoCompleteInput';\nimport { useCountdown } from '../hooks/useCountdown';\n\nconst styles = StyleSheet.create({\n  autoCompleteInputContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingLeft: 8,\n    paddingRight: 10,\n  },\n  giphyContainer: {\n    alignItems: 'center',\n    borderRadius: 12,\n    flexDirection: 'row',\n    height: 24,\n    marginRight: 8,\n    paddingHorizontal: 8,\n  },\n  giphyText: {\n    fontSize: 12,\n    fontWeight: 'bold',\n  },\n});\n\nexport type InputGiphySearchPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'additionalTextInputProps' | 'cooldownEndsAt' | 'setGiphyActive' | 'setShowMoreOptions'\n> &\n  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;\n\nexport const InputGiphySearchWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  additionalTextInputProps,\n  cooldownEndsAt,\n  disabled,\n  setGiphyActive,\n  setShowMoreOptions,\n}: InputGiphySearchPropsWithContext<StreamChatGenerics>) => {\n  const { seconds: cooldownRemainingSeconds } = useCountdown(cooldownEndsAt);\n\n  const {\n    theme: {\n      colors: { accent_blue, grey, white },\n      messageInput: {\n        autoCompleteInputContainer,\n        giphyCommandInput: { giphyContainer, giphyText },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.autoCompleteInputContainer, autoCompleteInputContainer]}>\n      <View style={[styles.giphyContainer, { backgroundColor: accent_blue }, giphyContainer]}>\n        <Lightning height={16} pathFill={white} width={16} />\n        <Text style={[styles.giphyText, { color: white }, giphyText]}>GIPHY</Text>\n      </View>\n\n      <AutoCompleteInput<StreamChatGenerics>\n        additionalTextInputProps={additionalTextInputProps}\n        cooldownActive={!!cooldownRemainingSeconds}\n      />\n      <TouchableOpacity\n        disabled={disabled}\n        onPress={() => {\n          setGiphyActive(false);\n          setShowMoreOptions(true);\n        }}\n        testID='close-button'\n      >\n        <CircleClose height={20} pathFill={grey} width={20} />\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: InputGiphySearchPropsWithContext<StreamChatGenerics>,\n  nextProps: InputGiphySearchPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled: prevDisabled } = prevProps;\n  const { disabled: nextDisabled } = nextProps;\n\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInputGiphySearch = React.memo(\n  InputGiphySearchWithContext,\n  areEqual,\n) as typeof InputGiphySearchWithContext;\n\nexport type InputGiphySearchProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputGiphySearchPropsWithContext<StreamChatGenerics>>;\n\nexport const InputGiphySearch = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputGiphySearchProps<StreamChatGenerics>,\n) => {\n  const { additionalTextInputProps, cooldownEndsAt, setGiphyActive, setShowMoreOptions } =\n    useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedInputGiphySearch\n      {...{ additionalTextInputProps, cooldownEndsAt, setGiphyActive, setShowMoreOptions }}\n      {...props}\n    />\n  );\n};\n\nInputGiphySearch.displayName = 'InputGiphySearch{messageInput}';\n"],"mappings":"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"}