stream-chat-react-native-core 4.2.0-beta.3 → 4.3.0-beta.1

package/lib/commonjs/components/Message/MessageSimple/MessageContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageContent.tsx"],"names":["styles","StyleSheet","create","containerInner","borderTopLeftRadius","borderTopRightRadius","borderWidth","overflow","leftAlignContent","justifyContent","leftAlignItems","alignItems","replyBorder","borderLeftWidth","bottom","position","replyContainer","flexDirection","paddingHorizontal","paddingTop","rightAlignContent","rightAlignItems","MessageContentWithContext","props","additionalTouchableProps","alignment","Attachment","disabled","FileAttachmentGroup","formatDate","Gallery","groupStyles","hasReactions","isMyMessage","lastGroupMessage","members","message","messageContentOrder","MessageDeleted","MessageFooter","MessageHeader","MessageReplies","MessageStatus","onLongPress","onlyEmojis","onPress","onPressIn","otherAttachments","preventPress","Reply","setMessageContentWidth","showMessageStatus","tDateTimeParser","threadList","theme","colors","accent_red","blue_alice","grey_gainsboro","grey_whisper","transparent","white","messageSimple","content","container","borderRadiusL","borderRadiusS","errorContainer","errorIcon","errorIconContainer","wrapper","reactionList","radius","reactionSize","getDateText","formatter","created_at","parserOutput","format","onLayout","width","nativeEvent","layout","error","type","status","MessageStatusTypes","FAILED","groupStyle","toLowerCase","hasThreadReplies","reply_count","noBorder","quoted_message","length","isMessageTypeDeleted","backgroundColor","repliesCurveColor","event","emitter","borderColor","height","left","undefined","right","borderBottomLeftRadius","borderBottomRightRadius","map","messageContentType","messageContentOrderIndex","messageContainer","maxWidth","attachment","attachmentIndex","id","actions","absoluteFill","areEqual","prevProps","nextProps","prevGoToMessage","goToMessage","prevGroupStyles","prevHasReactions","prevLastGroupMessage","prevMembers","prevMessage","prevMessageContentOrder","prevOnlyEmojis","prevOtherAttachments","prevT","t","prevTDateTimeParser","nextGoToMessage","nextGroupStyles","nextHasReactions","nextLastGroupMessage","nextMembers","nextMessage","nextMessageContentOrder","nextOnlyEmojis","nextOtherAttachments","nextT","nextTDateTimeParser","hasReactionsEqual","lastGroupMessageEqual","goToMessageChangedAndMatters","quoted_message_id","onlyEmojisEqual","otherAttachmentsEqual","membersEqual","Object","keys","groupStylesEqual","isPrevMessageTypeDeleted","isNextMessageTypeDeleted","messageEqual","text","pinned","isPrevQuotedMessageTypeDeleted","isNextQuotedMessageTypeDeleted","quotedMessageEqual","prevAttachments","attachments","nextAttachments","attachmentsEqual","Array","isArray","every","index","image_url","og_scrape_url","thumb_url","latestReactionsEqual","latest_reactions","messageContentOrderEqual","tEqual","tDateTimeParserEqual","MemoizedMessageContent","React","memo","MessageContent","lastReceivedId","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, StyleSheet, TouchableOpacity, View } from 'react-native';\n\nimport { MessageTextContainer } from './MessageTextContainer';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  TDateTimeParserInput,\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../../contexts/translationContext/TranslationContext';\n\nimport { Error } from '../../../icons';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { MessageStatusTypes, vw } from '../../../utils/utils';\n\nconst styles = StyleSheet.create({\n  containerInner: {\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    borderWidth: 1,\n    overflow: 'hidden',\n  },\n  leftAlignContent: {\n    justifyContent: 'flex-start',\n  },\n  leftAlignItems: {\n    alignItems: 'flex-start',\n  },\n  replyBorder: {\n    borderLeftWidth: 1,\n    bottom: 0,\n    position: 'absolute',\n  },\n  replyContainer: {\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n    paddingTop: 8,\n  },\n  rightAlignContent: {\n    justifyContent: 'flex-end',\n  },\n  rightAlignItems: {\n    alignItems: 'flex-end',\n  },\n});\n\nexport type MessageContentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  | 'alignment'\n  | 'disabled'\n  | 'goToMessage'\n  | 'groupStyles'\n  | 'hasReactions'\n  | 'isMyMessage'\n  | 'lastGroupMessage'\n  | 'members'\n  | 'message'\n  | 'messageContentOrder'\n  | 'onLongPress'\n  | 'onlyEmojis'\n  | 'onPress'\n  | 'onPressIn'\n  | 'otherAttachments'\n  | 'preventPress'\n  | 'showMessageStatus'\n  | 'threadList'\n> &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    | 'additionalTouchableProps'\n    | 'Attachment'\n    | 'FileAttachmentGroup'\n    | 'formatDate'\n    | 'Gallery'\n    | 'MessageFooter'\n    | 'MessageHeader'\n    | 'MessageDeleted'\n    | 'MessageReplies'\n    | 'MessageStatus'\n    | 'onPressInMessage'\n    | 'Reply'\n  > &\n  Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {\n    setMessageContentWidth: React.Dispatch<React.SetStateAction<number>>;\n  };\n\n/**\n * Child of MessageSimple that displays a message's content\n */\nconst MessageContentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageContentPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalTouchableProps,\n    alignment,\n    Attachment,\n    disabled,\n    FileAttachmentGroup,\n    formatDate,\n    Gallery,\n    groupStyles,\n    hasReactions,\n    isMyMessage,\n    lastGroupMessage,\n    members,\n    message,\n    messageContentOrder,\n    MessageDeleted,\n    MessageFooter,\n    MessageHeader,\n    MessageReplies,\n    MessageStatus,\n    onLongPress,\n    onlyEmojis,\n    onPress,\n    onPressIn,\n    otherAttachments,\n    preventPress,\n    Reply,\n    setMessageContentWidth,\n    showMessageStatus,\n    tDateTimeParser,\n    threadList,\n  } = props;\n\n  const {\n    theme: {\n      colors: { accent_red, blue_alice, grey_gainsboro, grey_whisper, transparent, white },\n      messageSimple: {\n        content: {\n          container: { borderRadiusL, borderRadiusS, ...container },\n          containerInner,\n          errorContainer,\n          errorIcon,\n          errorIconContainer,\n          replyBorder,\n          replyContainer,\n          wrapper,\n        },\n        reactionList: { radius, reactionSize },\n      },\n    },\n  } = useTheme();\n\n  const getDateText = (formatter?: (date: TDateTimeParserInput) => string) => {\n    if (!message.created_at) return '';\n\n    if (formatter) {\n      return formatter(message.created_at);\n    }\n\n    const parserOutput = tDateTimeParser(message.created_at);\n\n    if (isDayOrMoment(parserOutput)) {\n      return parserOutput.format('LT');\n    }\n    return message.created_at;\n  };\n\n  const onLayout: (event: LayoutChangeEvent) => void = ({\n    nativeEvent: {\n      layout: { width },\n    },\n  }) => {\n    setMessageContentWidth(width);\n  };\n\n  const error = message.type === 'error' || message.status === MessageStatusTypes.FAILED;\n\n  const groupStyle = `${alignment}_${groupStyles?.[0]?.toLowerCase?.()}`;\n\n  const hasThreadReplies = !!message?.reply_count;\n\n  let noBorder = onlyEmojis && !message.quoted_message;\n  if (otherAttachments.length) {\n    if (otherAttachments[0].type === 'giphy' && !isMyMessage) {\n      noBorder = false;\n    } else {\n      noBorder = true;\n    }\n  }\n\n  const isMessageTypeDeleted = message.type === 'deleted';\n\n  if (isMessageTypeDeleted) {\n    return (\n      <MessageDeleted\n        formattedDate={getDateText(formatDate)}\n        groupStyle={groupStyle}\n        noBorder={noBorder}\n        onLayout={onLayout}\n      />\n    );\n  }\n\n  let backgroundColor = grey_gainsboro;\n  if (onlyEmojis && !message.quoted_message) {\n    backgroundColor = transparent;\n  } else if (otherAttachments.length) {\n    if (otherAttachments[0].type === 'giphy') {\n      backgroundColor = message.quoted_message || isMyMessage ? grey_gainsboro : white;\n    } else {\n      backgroundColor = blue_alice;\n    }\n  } else if (alignment === 'left' || error) {\n    backgroundColor = white;\n  }\n\n  const repliesCurveColor = isMyMessage && !error ? backgroundColor : grey_whisper;\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      disabled={disabled || preventPress}\n      onLongPress={(event) => {\n        if (onLongPress) {\n          onLongPress({\n            emitter: 'messageContent',\n            event,\n          });\n        }\n      }}\n      onPress={(event) => {\n        if (onPress) {\n          onPress({\n            emitter: 'messageContent',\n            event,\n          });\n        }\n      }}\n      onPressIn={(event) => {\n        if (onPressIn) {\n          onPressIn({\n            emitter: 'messageContent',\n            event,\n          });\n        }\n      }}\n      testID='message-content'\n      {...additionalTouchableProps}\n      /**\n       * Border radii are useful for the case of error message types only.\n       * Otherwise background is transparent, so border radius is not really visible.\n       */\n      style={[\n        alignment === 'left' ? styles.leftAlignItems : styles.rightAlignItems,\n        { paddingTop: hasReactions ? reactionSize / 2 + radius : 2 },\n        error ? errorContainer : {},\n        container,\n      ]}\n    >\n      {MessageHeader && (\n        <MessageHeader\n          alignment={alignment}\n          formattedDate={getDateText(formatDate)}\n          isDeleted={!!isMessageTypeDeleted}\n          lastGroupMessage={lastGroupMessage}\n          members={members}\n          message={message}\n          MessageStatus={MessageStatus}\n          otherAttachments={otherAttachments}\n          showMessageStatus={showMessageStatus}\n        />\n      )}\n      <View onLayout={onLayout} style={wrapper}>\n        {hasThreadReplies && !threadList && !noBorder && (\n          <View\n            style={[\n              styles.replyBorder,\n              {\n                borderColor: repliesCurveColor,\n                height: borderRadiusL,\n                left: alignment === 'left' ? 0 : undefined,\n                right: alignment === 'right' ? 0 : undefined,\n              },\n              replyBorder,\n            ]}\n          />\n        )}\n        <View\n          style={[\n            styles.containerInner,\n            {\n              backgroundColor,\n              borderBottomLeftRadius:\n                (groupStyle === 'left_bottom' || groupStyle === 'left_single') &&\n                (!hasThreadReplies || threadList)\n                  ? borderRadiusS\n                  : borderRadiusL,\n              borderBottomRightRadius:\n                (groupStyle === 'right_bottom' || groupStyle === 'right_single') &&\n                (!hasThreadReplies || threadList)\n                  ? borderRadiusS\n                  : borderRadiusL,\n              borderColor: isMyMessage && !error ? backgroundColor : grey_whisper,\n            },\n            noBorder ? { borderWidth: 0 } : {},\n            containerInner,\n          ]}\n          testID='message-content-wrapper'\n        >\n          {messageContentOrder.map((messageContentType, messageContentOrderIndex) => {\n            switch (messageContentType) {\n              case 'quoted_reply':\n                return (\n                  message.quoted_message && (\n                    <View\n                      key={`quoted_reply_${messageContentOrderIndex}`}\n                      style={[styles.replyContainer, replyContainer]}\n                    >\n                      <Reply styles={{ messageContainer: { maxWidth: vw(60) } }} />\n                    </View>\n                  )\n                );\n              case 'attachments':\n                return otherAttachments.map((attachment, attachmentIndex) => (\n                  <Attachment attachment={attachment} key={`${message.id}-${attachmentIndex}`} />\n                ));\n              case 'files':\n                return (\n                  <FileAttachmentGroup\n                    key={`file_attachment_group_${messageContentOrderIndex}`}\n                    messageId={message.id}\n                  />\n                );\n              case 'gallery':\n                return <Gallery key={`gallery_${messageContentOrderIndex}`} />;\n              case 'text':\n              default:\n                return otherAttachments.length && otherAttachments[0].actions ? null : (\n                  <MessageTextContainer<StreamChatGenerics>\n                    key={`message_text_container_${messageContentOrderIndex}`}\n                  />\n                );\n            }\n          })}\n        </View>\n        {error && (\n          <View style={StyleSheet.absoluteFill} testID='message-error'>\n            <View style={errorIconContainer}>\n              <Error pathFill={accent_red} {...errorIcon} />\n            </View>\n          </View>\n        )}\n      </View>\n      <MessageReplies noBorder={noBorder} repliesCurveColor={repliesCurveColor} />\n      <MessageFooter formattedDate={getDateText(formatDate)} isDeleted={!!isMessageTypeDeleted} />\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageContentPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageContentPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    goToMessage: prevGoToMessage,\n    groupStyles: prevGroupStyles,\n    hasReactions: prevHasReactions,\n    lastGroupMessage: prevLastGroupMessage,\n    members: prevMembers,\n    message: prevMessage,\n    messageContentOrder: prevMessageContentOrder,\n    onlyEmojis: prevOnlyEmojis,\n    otherAttachments: prevOtherAttachments,\n    t: prevT,\n    tDateTimeParser: prevTDateTimeParser,\n  } = prevProps;\n  const {\n    goToMessage: nextGoToMessage,\n    groupStyles: nextGroupStyles,\n    hasReactions: nextHasReactions,\n    lastGroupMessage: nextLastGroupMessage,\n    members: nextMembers,\n    message: nextMessage,\n    messageContentOrder: nextMessageContentOrder,\n    onlyEmojis: nextOnlyEmojis,\n    otherAttachments: nextOtherAttachments,\n    t: nextT,\n    tDateTimeParser: nextTDateTimeParser,\n  } = nextProps;\n\n  const hasReactionsEqual = prevHasReactions === nextHasReactions;\n  if (!hasReactionsEqual) return false;\n\n  const lastGroupMessageEqual = prevLastGroupMessage === nextLastGroupMessage;\n  if (!lastGroupMessageEqual) return false;\n\n  const goToMessageChangedAndMatters =\n    nextMessage.quoted_message_id && prevGoToMessage !== nextGoToMessage;\n\n  if (goToMessageChangedAndMatters) return false;\n\n  const onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;\n  if (!onlyEmojisEqual) return false;\n\n  const otherAttachmentsEqual =\n    prevOtherAttachments.length === nextOtherAttachments.length &&\n    prevOtherAttachments?.[0]?.actions?.length === nextOtherAttachments?.[0]?.actions?.length;\n  if (!otherAttachmentsEqual) return false;\n\n  const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;\n  if (!membersEqual) return false;\n\n  const groupStylesEqual =\n    prevGroupStyles.length === nextGroupStyles.length &&\n    prevGroupStyles?.[0] === nextGroupStyles?.[0];\n  if (!groupStylesEqual) return false;\n\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.reply_count === nextMessage.reply_count &&\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    prevMessage.text === nextMessage.text &&\n    prevMessage.pinned === nextMessage.pinned;\n\n  if (!messageEqual) return false;\n\n  const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';\n  const isNextQuotedMessageTypeDeleted = nextMessage.quoted_message?.type === 'deleted';\n\n  const quotedMessageEqual =\n    prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&\n    isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;\n\n  if (!quotedMessageEqual) return false;\n\n  const prevAttachments = prevMessage.attachments;\n  const nextAttachments = nextMessage.attachments;\n  const attachmentsEqual =\n    Array.isArray(prevAttachments) && Array.isArray(nextAttachments)\n      ? prevAttachments.length === nextAttachments.length &&\n        prevAttachments.every(\n          (attachment, index) =>\n            attachment.image_url === nextAttachments[index].image_url &&\n            attachment.og_scrape_url === nextAttachments[index].og_scrape_url &&\n            attachment.thumb_url === nextAttachments[index].thumb_url,\n        )\n      : prevAttachments === nextAttachments;\n  if (!attachmentsEqual) return false;\n\n  const latestReactionsEqual =\n    Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)\n      ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length &&\n        prevMessage.latest_reactions.every(\n          ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,\n        )\n      : prevMessage.latest_reactions === nextMessage.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  const messageContentOrderEqual =\n    prevMessageContentOrder.length === nextMessageContentOrder.length &&\n    prevMessageContentOrder.every(\n      (messageContentType, index) => messageContentType === nextMessageContentOrder[index],\n    );\n  if (!messageContentOrderEqual) return false;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const tDateTimeParserEqual = prevTDateTimeParser === nextTDateTimeParser;\n  if (!tDateTimeParserEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageContent = React.memo(\n  MessageContentWithContext,\n  areEqual,\n) as typeof MessageContentWithContext;\n\nexport type MessageContentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<MessageContentPropsWithContext<StreamChatGenerics>, 'setMessageContentWidth'>> &\n  Pick<MessageContentPropsWithContext<StreamChatGenerics>, 'setMessageContentWidth'>;\n\n/**\n * Child of MessageSimple that displays a message's content\n */\nexport const MessageContent = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageContentProps<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    disabled,\n    goToMessage,\n    groupStyles,\n    hasReactions,\n    isMyMessage,\n    lastGroupMessage,\n    lastReceivedId,\n    members,\n    message,\n    messageContentOrder,\n    onLongPress,\n    onlyEmojis,\n    onPress,\n    onPressIn,\n    otherAttachments,\n    preventPress,\n    showMessageStatus,\n    threadList,\n  } = useMessageContext<StreamChatGenerics>();\n  const {\n    additionalTouchableProps,\n    Attachment,\n    FileAttachmentGroup,\n    formatDate,\n    Gallery,\n    MessageDeleted,\n    MessageFooter,\n    MessageHeader,\n    MessageReplies,\n    MessageStatus,\n    Reply,\n  } = useMessagesContext<StreamChatGenerics>();\n  const { t, tDateTimeParser } = useTranslationContext();\n\n  return (\n    <MemoizedMessageContent<StreamChatGenerics>\n      {...{\n        additionalTouchableProps,\n        alignment,\n        Attachment,\n        disabled,\n        FileAttachmentGroup,\n        formatDate,\n        Gallery,\n        goToMessage,\n        groupStyles,\n        hasReactions,\n        isMyMessage,\n        lastGroupMessage,\n        lastReceivedId,\n        members,\n        message,\n        messageContentOrder,\n        MessageDeleted,\n        MessageFooter,\n        MessageHeader,\n        MessageReplies,\n        MessageStatus,\n        onLongPress,\n        onlyEmojis,\n        onPress,\n        onPressIn,\n        otherAttachments,\n        preventPress,\n        Reply,\n        showMessageStatus,\n        t,\n        tDateTimeParser,\n        threadList,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageContent.displayName = 'MessageContent{messageSimple{content}}';\n"]}
+{"version":3,"sources":["MessageContent.tsx"],"names":["styles","StyleSheet","create","containerInner","borderTopLeftRadius","borderTopRightRadius","borderWidth","overflow","leftAlignContent","justifyContent","leftAlignItems","alignItems","replyBorder","borderLeftWidth","bottom","position","replyContainer","flexDirection","paddingHorizontal","paddingTop","rightAlignContent","rightAlignItems","MessageContentWithContext","props","additionalTouchableProps","alignment","Attachment","disabled","FileAttachmentGroup","formatDate","Gallery","groupStyles","hasReactions","isMyMessage","lastGroupMessage","members","message","messageContentOrder","MessageDeleted","MessageFooter","MessageHeader","MessageReplies","MessageStatus","onLongPress","onlyEmojis","onPress","onPressIn","otherAttachments","preventPress","Reply","setMessageContentWidth","showMessageStatus","tDateTimeParser","threadList","theme","colors","accent_red","blue_alice","grey_gainsboro","grey_whisper","transparent","white","messageSimple","content","container","borderRadiusL","borderRadiusS","errorContainer","errorIcon","errorIconContainer","wrapper","reactionList","radius","reactionSize","getDateText","formatter","created_at","parserOutput","format","onLayout","width","nativeEvent","layout","error","type","status","MessageStatusTypes","FAILED","groupStyle","toLowerCase","hasThreadReplies","reply_count","noBorder","quoted_message","length","isMessageTypeDeleted","backgroundColor","repliesCurveColor","event","emitter","borderColor","height","left","undefined","right","borderBottomLeftRadius","borderBottomRightRadius","map","messageContentType","messageContentOrderIndex","messageContainer","maxWidth","attachment","attachmentIndex","id","actions","absoluteFill","areEqual","prevProps","nextProps","prevGoToMessage","goToMessage","prevGroupStyles","prevHasReactions","prevLastGroupMessage","prevMembers","prevMessage","prevMessageContentOrder","prevOnlyEmojis","prevOtherAttachments","prevT","t","prevTDateTimeParser","nextGoToMessage","nextGroupStyles","nextHasReactions","nextLastGroupMessage","nextMembers","nextMessage","nextMessageContentOrder","nextOnlyEmojis","nextOtherAttachments","nextT","nextTDateTimeParser","hasReactionsEqual","lastGroupMessageEqual","goToMessageChangedAndMatters","quoted_message_id","onlyEmojisEqual","otherAttachmentsEqual","membersEqual","Object","keys","groupStylesEqual","isPrevMessageTypeDeleted","isNextMessageTypeDeleted","messageEqual","text","pinned","isPrevQuotedMessageTypeDeleted","isNextQuotedMessageTypeDeleted","quotedMessageEqual","prevAttachments","attachments","nextAttachments","attachmentsEqual","Array","isArray","every","index","image_url","og_scrape_url","thumb_url","latestReactionsEqual","latest_reactions","messageContentOrderEqual","tEqual","tDateTimeParserEqual","MemoizedMessageContent","React","memo","MessageContent","lastReceivedId","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, StyleSheet, TouchableOpacity, View } from 'react-native';\n\nimport { MessageTextContainer } from './MessageTextContainer';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  TDateTimeParserInput,\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../../contexts/translationContext/TranslationContext';\n\nimport { Error } from '../../../icons';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { MessageStatusTypes, vw } from '../../../utils/utils';\n\nconst styles = StyleSheet.create({\n  containerInner: {\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    borderWidth: 1,\n    overflow: 'hidden',\n  },\n  leftAlignContent: {\n    justifyContent: 'flex-start',\n  },\n  leftAlignItems: {\n    alignItems: 'flex-start',\n  },\n  replyBorder: {\n    borderLeftWidth: 1,\n    bottom: 0,\n    position: 'absolute',\n  },\n  replyContainer: {\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n    paddingTop: 8,\n  },\n  rightAlignContent: {\n    justifyContent: 'flex-end',\n  },\n  rightAlignItems: {\n    alignItems: 'flex-end',\n  },\n});\n\nexport type MessageContentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  | 'alignment'\n  | 'disabled'\n  | 'goToMessage'\n  | 'groupStyles'\n  | 'hasReactions'\n  | 'isMyMessage'\n  | 'lastGroupMessage'\n  | 'members'\n  | 'message'\n  | 'messageContentOrder'\n  | 'onLongPress'\n  | 'onlyEmojis'\n  | 'onPress'\n  | 'onPressIn'\n  | 'otherAttachments'\n  | 'preventPress'\n  | 'showMessageStatus'\n  | 'threadList'\n> &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    | 'additionalTouchableProps'\n    | 'Attachment'\n    | 'FileAttachmentGroup'\n    | 'formatDate'\n    | 'Gallery'\n    | 'MessageFooter'\n    | 'MessageHeader'\n    | 'MessageDeleted'\n    | 'MessageReplies'\n    | 'MessageStatus'\n    | 'onPressInMessage'\n    | 'Reply'\n  > &\n  Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {\n    setMessageContentWidth: React.Dispatch<React.SetStateAction<number>>;\n  };\n\n/**\n * Child of MessageSimple that displays a message's content\n */\nconst MessageContentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageContentPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalTouchableProps,\n    alignment,\n    Attachment,\n    disabled,\n    FileAttachmentGroup,\n    formatDate,\n    Gallery,\n    groupStyles,\n    hasReactions,\n    isMyMessage,\n    lastGroupMessage,\n    members,\n    message,\n    messageContentOrder,\n    MessageDeleted,\n    MessageFooter,\n    MessageHeader,\n    MessageReplies,\n    MessageStatus,\n    onLongPress,\n    onlyEmojis,\n    onPress,\n    onPressIn,\n    otherAttachments,\n    preventPress,\n    Reply,\n    setMessageContentWidth,\n    showMessageStatus,\n    tDateTimeParser,\n    threadList,\n  } = props;\n\n  const {\n    theme: {\n      colors: { accent_red, blue_alice, grey_gainsboro, grey_whisper, transparent, white },\n      messageSimple: {\n        content: {\n          container: { borderRadiusL, borderRadiusS, ...container },\n          containerInner,\n          errorContainer,\n          errorIcon,\n          errorIconContainer,\n          replyBorder,\n          replyContainer,\n          wrapper,\n        },\n        reactionList: { radius, reactionSize },\n      },\n    },\n  } = useTheme();\n\n  const getDateText = (formatter?: (date: TDateTimeParserInput) => string) => {\n    if (!message.created_at) return '';\n\n    if (formatter) {\n      return formatter(message.created_at);\n    }\n\n    const parserOutput = tDateTimeParser(message.created_at);\n\n    if (isDayOrMoment(parserOutput)) {\n      return parserOutput.format('LT');\n    }\n    return message.created_at;\n  };\n\n  const onLayout: (event: LayoutChangeEvent) => void = ({\n    nativeEvent: {\n      layout: { width },\n    },\n  }) => {\n    setMessageContentWidth(width);\n  };\n\n  const error = message.type === 'error' || message.status === MessageStatusTypes.FAILED;\n\n  const groupStyle = `${alignment}_${groupStyles?.[0]?.toLowerCase?.()}`;\n\n  const hasThreadReplies = !!message?.reply_count;\n\n  let noBorder = onlyEmojis && !message.quoted_message;\n  if (otherAttachments.length) {\n    if (otherAttachments[0].type === 'giphy' && !isMyMessage) {\n      noBorder = false;\n    } else {\n      noBorder = true;\n    }\n  }\n\n  const isMessageTypeDeleted = message.type === 'deleted';\n\n  if (isMessageTypeDeleted) {\n    return (\n      <MessageDeleted\n        formattedDate={getDateText(formatDate)}\n        groupStyle={groupStyle}\n        noBorder={noBorder}\n        onLayout={onLayout}\n      />\n    );\n  }\n\n  let backgroundColor = grey_gainsboro;\n  if (onlyEmojis && !message.quoted_message) {\n    backgroundColor = transparent;\n  } else if (otherAttachments.length) {\n    if (otherAttachments[0].type === 'giphy') {\n      backgroundColor = message.quoted_message ? grey_gainsboro : transparent;\n    } else {\n      backgroundColor = blue_alice;\n    }\n  } else if (alignment === 'left' || error) {\n    backgroundColor = white;\n  }\n\n  const repliesCurveColor = isMyMessage && !error ? backgroundColor : grey_whisper;\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      disabled={disabled || preventPress}\n      onLongPress={(event) => {\n        if (onLongPress) {\n          onLongPress({\n            emitter: 'messageContent',\n            event,\n          });\n        }\n      }}\n      onPress={(event) => {\n        if (onPress) {\n          onPress({\n            emitter: 'messageContent',\n            event,\n          });\n        }\n      }}\n      onPressIn={(event) => {\n        if (onPressIn) {\n          onPressIn({\n            emitter: 'messageContent',\n            event,\n          });\n        }\n      }}\n      testID='message-content'\n      {...additionalTouchableProps}\n      /**\n       * Border radii are useful for the case of error message types only.\n       * Otherwise background is transparent, so border radius is not really visible.\n       */\n      style={[\n        alignment === 'left' ? styles.leftAlignItems : styles.rightAlignItems,\n        { paddingTop: hasReactions ? reactionSize / 2 + radius : 2 },\n        error ? errorContainer : {},\n        container,\n      ]}\n    >\n      {MessageHeader && (\n        <MessageHeader\n          alignment={alignment}\n          formattedDate={getDateText(formatDate)}\n          isDeleted={!!isMessageTypeDeleted}\n          lastGroupMessage={lastGroupMessage}\n          members={members}\n          message={message}\n          MessageStatus={MessageStatus}\n          otherAttachments={otherAttachments}\n          showMessageStatus={showMessageStatus}\n        />\n      )}\n      <View onLayout={onLayout} style={wrapper}>\n        {hasThreadReplies && !threadList && !noBorder && (\n          <View\n            style={[\n              styles.replyBorder,\n              {\n                borderColor: repliesCurveColor,\n                height: borderRadiusL,\n                left: alignment === 'left' ? 0 : undefined,\n                right: alignment === 'right' ? 0 : undefined,\n              },\n              replyBorder,\n            ]}\n          />\n        )}\n        <View\n          style={[\n            styles.containerInner,\n            {\n              backgroundColor,\n              borderBottomLeftRadius:\n                (groupStyle === 'left_bottom' || groupStyle === 'left_single') &&\n                (!hasThreadReplies || threadList)\n                  ? borderRadiusS\n                  : borderRadiusL,\n              borderBottomRightRadius:\n                (groupStyle === 'right_bottom' || groupStyle === 'right_single') &&\n                (!hasThreadReplies || threadList)\n                  ? borderRadiusS\n                  : borderRadiusL,\n              borderColor: isMyMessage && !error ? backgroundColor : grey_whisper,\n            },\n            noBorder ? { borderWidth: 0 } : {},\n            containerInner,\n          ]}\n          testID='message-content-wrapper'\n        >\n          {messageContentOrder.map((messageContentType, messageContentOrderIndex) => {\n            switch (messageContentType) {\n              case 'quoted_reply':\n                return (\n                  message.quoted_message && (\n                    <View\n                      key={`quoted_reply_${messageContentOrderIndex}`}\n                      style={[styles.replyContainer, replyContainer]}\n                    >\n                      <Reply styles={{ messageContainer: { maxWidth: vw(60) } }} />\n                    </View>\n                  )\n                );\n              case 'attachments':\n                return otherAttachments.map((attachment, attachmentIndex) => (\n                  <Attachment attachment={attachment} key={`${message.id}-${attachmentIndex}`} />\n                ));\n              case 'files':\n                return (\n                  <FileAttachmentGroup\n                    key={`file_attachment_group_${messageContentOrderIndex}`}\n                    messageId={message.id}\n                  />\n                );\n              case 'gallery':\n                return <Gallery key={`gallery_${messageContentOrderIndex}`} />;\n              case 'text':\n              default:\n                return otherAttachments.length && otherAttachments[0].actions ? null : (\n                  <MessageTextContainer<StreamChatGenerics>\n                    key={`message_text_container_${messageContentOrderIndex}`}\n                  />\n                );\n            }\n          })}\n        </View>\n        {error && (\n          <View style={StyleSheet.absoluteFill} testID='message-error'>\n            <View style={errorIconContainer}>\n              <Error pathFill={accent_red} {...errorIcon} />\n            </View>\n          </View>\n        )}\n      </View>\n      <MessageReplies noBorder={noBorder} repliesCurveColor={repliesCurveColor} />\n      <MessageFooter formattedDate={getDateText(formatDate)} isDeleted={!!isMessageTypeDeleted} />\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageContentPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageContentPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    goToMessage: prevGoToMessage,\n    groupStyles: prevGroupStyles,\n    hasReactions: prevHasReactions,\n    lastGroupMessage: prevLastGroupMessage,\n    members: prevMembers,\n    message: prevMessage,\n    messageContentOrder: prevMessageContentOrder,\n    onlyEmojis: prevOnlyEmojis,\n    otherAttachments: prevOtherAttachments,\n    t: prevT,\n    tDateTimeParser: prevTDateTimeParser,\n  } = prevProps;\n  const {\n    goToMessage: nextGoToMessage,\n    groupStyles: nextGroupStyles,\n    hasReactions: nextHasReactions,\n    lastGroupMessage: nextLastGroupMessage,\n    members: nextMembers,\n    message: nextMessage,\n    messageContentOrder: nextMessageContentOrder,\n    onlyEmojis: nextOnlyEmojis,\n    otherAttachments: nextOtherAttachments,\n    t: nextT,\n    tDateTimeParser: nextTDateTimeParser,\n  } = nextProps;\n\n  const hasReactionsEqual = prevHasReactions === nextHasReactions;\n  if (!hasReactionsEqual) return false;\n\n  const lastGroupMessageEqual = prevLastGroupMessage === nextLastGroupMessage;\n  if (!lastGroupMessageEqual) return false;\n\n  const goToMessageChangedAndMatters =\n    nextMessage.quoted_message_id && prevGoToMessage !== nextGoToMessage;\n\n  if (goToMessageChangedAndMatters) return false;\n\n  const onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;\n  if (!onlyEmojisEqual) return false;\n\n  const otherAttachmentsEqual =\n    prevOtherAttachments.length === nextOtherAttachments.length &&\n    prevOtherAttachments?.[0]?.actions?.length === nextOtherAttachments?.[0]?.actions?.length;\n  if (!otherAttachmentsEqual) return false;\n\n  const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;\n  if (!membersEqual) return false;\n\n  const groupStylesEqual =\n    prevGroupStyles.length === nextGroupStyles.length &&\n    prevGroupStyles?.[0] === nextGroupStyles?.[0];\n  if (!groupStylesEqual) return false;\n\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.reply_count === nextMessage.reply_count &&\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    prevMessage.text === nextMessage.text &&\n    prevMessage.pinned === nextMessage.pinned;\n\n  if (!messageEqual) return false;\n\n  const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';\n  const isNextQuotedMessageTypeDeleted = nextMessage.quoted_message?.type === 'deleted';\n\n  const quotedMessageEqual =\n    prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&\n    isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;\n\n  if (!quotedMessageEqual) return false;\n\n  const prevAttachments = prevMessage.attachments;\n  const nextAttachments = nextMessage.attachments;\n  const attachmentsEqual =\n    Array.isArray(prevAttachments) && Array.isArray(nextAttachments)\n      ? prevAttachments.length === nextAttachments.length &&\n        prevAttachments.every(\n          (attachment, index) =>\n            attachment.image_url === nextAttachments[index].image_url &&\n            attachment.og_scrape_url === nextAttachments[index].og_scrape_url &&\n            attachment.thumb_url === nextAttachments[index].thumb_url,\n        )\n      : prevAttachments === nextAttachments;\n  if (!attachmentsEqual) return false;\n\n  const latestReactionsEqual =\n    Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)\n      ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length &&\n        prevMessage.latest_reactions.every(\n          ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,\n        )\n      : prevMessage.latest_reactions === nextMessage.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  const messageContentOrderEqual =\n    prevMessageContentOrder.length === nextMessageContentOrder.length &&\n    prevMessageContentOrder.every(\n      (messageContentType, index) => messageContentType === nextMessageContentOrder[index],\n    );\n  if (!messageContentOrderEqual) return false;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const tDateTimeParserEqual = prevTDateTimeParser === nextTDateTimeParser;\n  if (!tDateTimeParserEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageContent = React.memo(\n  MessageContentWithContext,\n  areEqual,\n) as typeof MessageContentWithContext;\n\nexport type MessageContentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<MessageContentPropsWithContext<StreamChatGenerics>, 'setMessageContentWidth'>> &\n  Pick<MessageContentPropsWithContext<StreamChatGenerics>, 'setMessageContentWidth'>;\n\n/**\n * Child of MessageSimple that displays a message's content\n */\nexport const MessageContent = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageContentProps<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    disabled,\n    goToMessage,\n    groupStyles,\n    hasReactions,\n    isMyMessage,\n    lastGroupMessage,\n    lastReceivedId,\n    members,\n    message,\n    messageContentOrder,\n    onLongPress,\n    onlyEmojis,\n    onPress,\n    onPressIn,\n    otherAttachments,\n    preventPress,\n    showMessageStatus,\n    threadList,\n  } = useMessageContext<StreamChatGenerics>();\n  const {\n    additionalTouchableProps,\n    Attachment,\n    FileAttachmentGroup,\n    formatDate,\n    Gallery,\n    MessageDeleted,\n    MessageFooter,\n    MessageHeader,\n    MessageReplies,\n    MessageStatus,\n    Reply,\n  } = useMessagesContext<StreamChatGenerics>();\n  const { t, tDateTimeParser } = useTranslationContext();\n\n  return (\n    <MemoizedMessageContent<StreamChatGenerics>\n      {...{\n        additionalTouchableProps,\n        alignment,\n        Attachment,\n        disabled,\n        FileAttachmentGroup,\n        formatDate,\n        Gallery,\n        goToMessage,\n        groupStyles,\n        hasReactions,\n        isMyMessage,\n        lastGroupMessage,\n        lastReceivedId,\n        members,\n        message,\n        messageContentOrder,\n        MessageDeleted,\n        MessageFooter,\n        MessageHeader,\n        MessageReplies,\n        MessageStatus,\n        onLongPress,\n        onlyEmojis,\n        onPress,\n        onPressIn,\n        otherAttachments,\n        preventPress,\n        Reply,\n        showMessageStatus,\n        t,\n        tDateTimeParser,\n        threadList,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageContent.displayName = 'MessageContent{messageSimple{content}}';\n"]}

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

@@ -37,8 +37,6 @@ var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
 
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
 
-var _icons = require("../../icons");
-
 var _AttachmentSelectionBar = require("../AttachmentPicker/components/AttachmentSelectionBar");
 
 var _AutoCompleteInput = require("../AutoCompleteInput/AutoCompleteInput");
@@ -63,7 +61,9 @@ var styles = _reactNative.StyleSheet.create({
   },
   autoCompleteInputContainer: {
     alignItems: 'center',
-    flexDirection: 'row'
+    flexDirection: 'row',
+    paddingLeft: 16,
+    paddingRight: 16
   },
   composerContainer: {
     alignItems: 'flex-end',
@@ -73,28 +73,6 @@ var styles = _reactNative.StyleSheet.create({
     borderTopWidth: 1,
     padding: 10
   },
-  editingBoxHeader: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    paddingBottom: 10
-  },
-  editingBoxHeaderTitle: {
-    fontSize: 14,
-    fontWeight: 'bold'
-  },
-  giphyContainer: {
-    alignItems: 'center',
-    borderRadius: 12,
-    flexDirection: 'row',
-    height: 24,
-    marginRight: 8,
-    paddingHorizontal: 8
-  },
-  giphyText: {
-    fontSize: 12,
-    fontWeight: 'bold'
-  },
   inputBoxContainer: {
     borderRadius: 20,
     borderWidth: 1,
@@ -132,8 +110,6 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       asyncIds = props.asyncIds,
       asyncUploads = props.asyncUploads,
       AutoCompleteSuggestionList = props.AutoCompleteSuggestionList,
-      clearEditingState = props.clearEditingState,
-      clearQuotedMessageState = props.clearQuotedMessageState,
       closeAttachmentPicker = props.closeAttachmentPicker,
       cooldownEndsAt = props.cooldownEndsAt,
       CooldownTimer = props.CooldownTimer,
@@ -147,6 +123,9 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       Input = props.Input,
       inputBoxRef = props.inputBoxRef,
       InputButtons = props.InputButtons,
+      InputEditingStateHeader = props.InputEditingStateHeader,
+      InputGiphySearch = props.InputGiphySearch,
+      InputReplyStateHeader = props.InputReplyStateHeader,
       isValidMessage = props.isValidMessage,
       maxNumberOfFiles = props.maxNumberOfFiles,
       members = props.members,
@@ -159,11 +138,8 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       SendButton = props.SendButton,
       sending = props.sending,
       sendMessageAsync = props.sendMessageAsync,
-      setGiphyActive = props.setGiphyActive,
-      setShowMoreOptions = props.setShowMoreOptions,
       ShowThreadMessageInChannelButton = props.ShowThreadMessageInChannelButton,
       suggestions = props.suggestions,
-      t = props.t,
       thread = props.thread,
       threadList = props.threadList,
       triggerType = props.triggerType,
@@ -178,11 +154,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
   var _useTheme = (0, _ThemeContext.useTheme)(),
       _useTheme$theme = _useTheme.theme,
       _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      black = _useTheme$theme$color.black,
       border = _useTheme$theme$color.border,
-      grey = _useTheme$theme$color.grey,
-      grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
       grey_whisper = _useTheme$theme$color.grey_whisper,
       white = _useTheme$theme$color.white,
       white_smoke = _useTheme$theme$color.white_smoke,
@@ -191,10 +163,6 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       autoCompleteInputContainer = _useTheme$theme$messa.autoCompleteInputContainer,
       composerContainer = _useTheme$theme$messa.composerContainer,
       container = _useTheme$theme$messa.container,
-      editingBoxHeader = _useTheme$theme$messa.editingBoxHeader,
-      editingBoxHeaderTitle = _useTheme$theme$messa.editingBoxHeaderTitle,
-      giphyContainer = _useTheme$theme$messa.giphyContainer,
-      giphyText = _useTheme$theme$messa.giphyText,
       inputBoxContainer = _useTheme$theme$messa.inputBoxContainer,
       optionsContainer = _useTheme$theme$messa.optionsContainer,
       replyContainer = _useTheme$theme$messa.replyContainer,
@@ -378,77 +346,29 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 429,
+      lineNumber: 396,
       columnNumber: 7
     }
-  }, (editing || quotedMessage) && _react["default"].createElement(_reactNative.View, {
-    style: [styles.editingBoxHeader, editingBoxHeader],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 438,
-      columnNumber: 11
-    }
-  }, editing ? _react["default"].createElement(_icons.Edit, {
-    pathFill: grey_gainsboro,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 440,
-      columnNumber: 15
-    }
-  }) : _react["default"].createElement(_icons.CurveLineLeftUp, {
-    pathFill: grey_gainsboro,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 442,
-      columnNumber: 15
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.editingBoxHeaderTitle, {
-      color: black
-    }, editingBoxHeaderTitle],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 444,
-      columnNumber: 13
-    }
-  }, editing ? t('Editing Message') : t('Reply to Message')), _react["default"].createElement(_reactNative.TouchableOpacity, {
-    disabled: disabled,
-    onPress: function onPress() {
-      resetInput();
-
-      if (editing) {
-        clearEditingState();
-      }
-
-      if (quotedMessage) {
-        clearQuotedMessageState();
-      }
-    },
-    testID: "close-button",
+  }, editing && _react["default"].createElement(InputEditingStateHeader, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 447,
-      columnNumber: 13
+      lineNumber: 404,
+      columnNumber: 21
     }
-  }, _react["default"].createElement(_icons.CircleClose, {
-    pathFill: grey,
+  }), quotedMessage && _react["default"].createElement(InputReplyStateHeader, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 460,
-      columnNumber: 15
+      lineNumber: 405,
+      columnNumber: 27
     }
-  }))), _react["default"].createElement(_reactNative.View, {
+  }), _react["default"].createElement(_reactNative.View, {
     style: [styles.composerContainer, composerContainer],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 464,
+      lineNumber: 406,
       columnNumber: 9
     }
   }, Input ? _react["default"].createElement(Input, {
@@ -457,7 +377,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 466,
+      lineNumber: 408,
       columnNumber: 13
     }
   }) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -465,14 +385,14 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 472,
+      lineNumber: 414,
       columnNumber: 15
     }
   }, InputButtons && _react["default"].createElement(InputButtons, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 473,
+      lineNumber: 415,
       columnNumber: 34
     }
   })), _react["default"].createElement(_reactNative.View, {
@@ -483,7 +403,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 475,
+      lineNumber: 417,
       columnNumber: 15
     }
   }, (typeof editing !== 'boolean' && (editing == null ? void 0 : editing.quoted_message) || quotedMessage) && _react["default"].createElement(_reactNative.View, {
@@ -491,21 +411,21 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 486,
+      lineNumber: 428,
       columnNumber: 19
     }
   }, _react["default"].createElement(Reply, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 487,
+      lineNumber: 429,
       columnNumber: 21
     }
   })), imageUploads.length ? _react["default"].createElement(ImageUploadPreview, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 490,
+      lineNumber: 432,
       columnNumber: 40
     }
   }) : null, imageUploads.length && fileUploads.length ? _react["default"].createElement(_reactNative.View, {
@@ -516,95 +436,46 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 492,
+      lineNumber: 434,
       columnNumber: 19
     }
   }) : null, fileUploads.length ? _react["default"].createElement(FileUploadPreview, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 502,
+      lineNumber: 444,
       columnNumber: 39
     }
-  }) : null, _react["default"].createElement(_reactNative.View, {
-    style: [styles.autoCompleteInputContainer, {
-      paddingLeft: giphyActive ? 8 : 16,
-      paddingRight: giphyActive ? 10 : 16
-    }, autoCompleteInputContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 503,
-      columnNumber: 17
-    }
-  }, giphyActive && _react["default"].createElement(_reactNative.View, {
-    style: [styles.giphyContainer, {
-      backgroundColor: accent_blue
-    }, giphyContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 514,
-      columnNumber: 21
-    }
-  }, _react["default"].createElement(_icons.Lightning, {
-    height: 16,
-    pathFill: white,
-    width: 16,
+  }) : null, giphyActive ? _react["default"].createElement(InputGiphySearch, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 521,
-      columnNumber: 23
+      lineNumber: 446,
+      columnNumber: 19
     }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.giphyText, {
-      color: white
-    }, giphyText],
+  }) : _react["default"].createElement(_reactNative.View, {
+    style: [styles.autoCompleteInputContainer, autoCompleteInputContainer],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 522,
-      columnNumber: 23
+      lineNumber: 448,
+      columnNumber: 19
     }
-  }, "GIPHY")), _react["default"].createElement(_AutoCompleteInput.AutoCompleteInput, {
+  }, _react["default"].createElement(_AutoCompleteInput.AutoCompleteInput, {
     additionalTextInputProps: additionalTextInputProps,
     cooldownActive: !!cooldownRemainingSeconds,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 525,
-      columnNumber: 19
-    }
-  }), giphyActive && _react["default"].createElement(_reactNative.TouchableOpacity, {
-    disabled: disabled,
-    onPress: function onPress() {
-      setGiphyActive(false);
-      setShowMoreOptions(true);
-    },
-    testID: "close-button",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 530,
+      lineNumber: 449,
       columnNumber: 21
     }
-  }, _react["default"].createElement(_icons.CircleClose, {
-    height: 20,
-    pathFill: grey,
-    width: 20,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 538,
-      columnNumber: 23
-    }
-  })))), _react["default"].createElement(_reactNative.View, {
+  }))), _react["default"].createElement(_reactNative.View, {
     style: [styles.sendButtonContainer, sendButtonContainer],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 543,
+      lineNumber: 456,
       columnNumber: 15
     }
   }, cooldownRemainingSeconds ? _react["default"].createElement(CooldownTimer, {
@@ -612,7 +483,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 545,
+      lineNumber: 458,
       columnNumber: 19
     }
   }) : _react["default"].createElement(SendButton, {
@@ -620,7 +491,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 547,
+      lineNumber: 460,
       columnNumber: 19
     }
   })))), _react["default"].createElement(ShowThreadMessageInChannelButton, {
@@ -628,7 +499,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 553,
+      lineNumber: 466,
       columnNumber: 9
     }
   })), triggerType && suggestions ? _react["default"].createElement(_reactNative.View, {
@@ -639,7 +510,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 557,
+      lineNumber: 470,
       columnNumber: 9
     }
   }, _react["default"].createElement(AutoCompleteSuggestionList, {
@@ -651,7 +522,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 564,
+      lineNumber: 477,
       columnNumber: 11
     }
   })) : null, selectedPicker && _react["default"].createElement(_reactNative.View, {
@@ -662,14 +533,14 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 574,
+      lineNumber: 487,
       columnNumber: 9
     }
   }, _react["default"].createElement(_AttachmentSelectionBar.AttachmentSelectionBar, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 586,
+      lineNumber: 499,
       columnNumber: 11
     }
   })));
@@ -777,6 +648,9 @@ var MessageInput = function MessageInput(props) {
       Input = _useMessageInputConte.Input,
       inputBoxRef = _useMessageInputConte.inputBoxRef,
       InputButtons = _useMessageInputConte.InputButtons,
+      InputEditingStateHeader = _useMessageInputConte.InputEditingStateHeader,
+      InputGiphySearch = _useMessageInputConte.InputGiphySearch,
+      InputReplyStateHeader = _useMessageInputConte.InputReplyStateHeader,
       isValidMessage = _useMessageInputConte.isValidMessage,
       maxNumberOfFiles = _useMessageInputConte.maxNumberOfFiles,
       mentionedUsers = _useMessageInputConte.mentionedUsers,
@@ -815,7 +689,7 @@ var MessageInput = function MessageInput(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 781,
+        lineNumber: 697,
         columnNumber: 12
       }
     });
@@ -843,6 +717,9 @@ var MessageInput = function MessageInput(props) {
     Input: Input,
     inputBoxRef: inputBoxRef,
     InputButtons: InputButtons,
+    InputEditingStateHeader: InputEditingStateHeader,
+    InputGiphySearch: InputGiphySearch,
+    InputReplyStateHeader: InputReplyStateHeader,
     isValidMessage: isValidMessage,
     maxNumberOfFiles: maxNumberOfFiles,
     members: members,
@@ -869,7 +746,7 @@ var MessageInput = function MessageInput(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 785,
+      lineNumber: 701,
       columnNumber: 5
     }
   }));