stream-chat-react-native-core 5.11.3-beta.1 → 5.11.3-beta.2

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_ThreadContext","_TranslationContext","_icons","_this","_jsxFileName","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","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey","white","_useTheme$theme$messa","messageInput","showThreadMessageInChannelButton","check","checkBoxActive","checkBoxInactive","createElement","View","style","testID","__self","__source","fileName","lineNumber","columnNumber","TouchableOpacity","onPress","prevSendInChannel","_extends2","backgroundColor","borderColor","Check","pathFill","Text","color","exports","areEqual","prevProps","nextProps","prevAllowThreadMessagesInChannel","prevSendThreadMessageInChannel","prevT","prevThreadList","nextAllowThreadMessagesInChannel","nexSendThreadMessageInChannel","nextT","nextThreadList","tEqual","sendThreadMessageInChannelEqual","threadListEqual","allowThreadMessagesInChannelEqual","MemoizedShowThreadMessageInChannelButton","React","memo","ShowThreadMessageInChannelButton","_useTranslationContex","useTranslationContext","_useThreadContext","useThreadContext","_useMessageInputConte","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.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_icons","_utils","_this","_jsxFileName","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","useTheme","_useTheme$theme","theme","overlayColor","colors","messageInput","uploadProgressIndicator","ProgressIndicatorTypes","INACTIVE","createElement","View","testID","__self","__source","fileName","lineNumber","columnNumber","NOT_SUPPORTED","backgroundColor","IN_PROGRESS","InProgressIndicator","RETRY","RetryIndicator","exports","_useTheme2","white_smoke","ActivityIndicator","color","_ref","_useTheme3","TouchableOpacity","onPress","Refresh","pathFill","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.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_TranslationContext","_icons","_this","_jsxFileName","styles","StyleSheet","create","editingBoxHeader","alignItems","flexDirection","justifyContent","paddingBottom","editingBoxHeaderTitle","fontSize","fontWeight","InputEditingStateHeaderWithContext","_ref","clearEditingState","disabled","resetInput","_useTranslationContex","useTranslationContext","t","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","grey","grey_gainsboro","_useTheme$theme$messa","messageInput","editingStateHeader","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","Edit","pathFill","Text","color","TouchableOpacity","onPress","testID","CircleClose","exports","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputEditingStateHeader","React","memo","InputEditingStateHeader","props","_useMessageInputConte","useMessageInputContext","_extends2","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":"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"}

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_icons","_AutoCompleteInput","_useCountdown2","_this","_jsxFileName","styles","StyleSheet","create","autoCompleteInputContainer","alignItems","flexDirection","paddingLeft","paddingRight","giphyContainer","borderRadius","height","marginRight","paddingHorizontal","giphyText","fontSize","fontWeight","InputGiphySearchWithContext","_ref","additionalTextInputProps","cooldownEndsAt","disabled","setGiphyActive","setShowMoreOptions","_useCountdown","useCountdown","cooldownRemainingSeconds","seconds","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey","white","_useTheme$theme$messa","messageInput","_useTheme$theme$messa2","giphyCommandInput","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","backgroundColor","Lightning","pathFill","width","Text","color","AutoCompleteInput","cooldownActive","TouchableOpacity","onPress","testID","CircleClose","exports","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputGiphySearch","React","memo","InputGiphySearch","props","_useMessageInputConte","useMessageInputContext","_extends2","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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"}

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

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","replyBoxHeader","alignItems","flexDirection","justifyContent","paddingBottom","replyBoxHeaderTitle","fontSize","fontWeight","InputReplyStateHeaderWithContext","clearQuotedMessageState","disabled","resetInput","useTranslationContext","t","useTheme","theme","colors","black","grey","grey_gainsboro","messageInput","editingStateHeader","editingBoxHeader","editingBoxHeaderTitle","color","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputReplyStateHeader","React","memo","InputReplyStateHeader","props","useMessageInputContext","displayName"],"sources":["InputReplyStateHeader.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, CurveLineLeftUp } from '../../../icons';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  replyBoxHeader: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingBottom: 10,\n  },\n  replyBoxHeaderTitle: {\n    fontSize: 14,\n    fontWeight: 'bold',\n  },\n});\n\nexport type InputReplyStateHeaderPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageInputContextValue<StreamChatGenerics>, 'clearQuotedMessageState' | 'resetInput'> &\n  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;\n\nexport const InputReplyStateHeaderWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  clearQuotedMessageState,\n  disabled,\n  resetInput,\n}: InputReplyStateHeaderPropsWithContext<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.replyBoxHeader, editingBoxHeader]}>\n      <CurveLineLeftUp pathFill={grey_gainsboro} />\n      <Text style={[styles.replyBoxHeaderTitle, { color: black }, editingBoxHeaderTitle]}>\n        {t('Reply to Message')}\n      </Text>\n      <TouchableOpacity\n        disabled={disabled}\n        onPress={() => {\n          resetInput();\n          clearQuotedMessageState();\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: InputReplyStateHeaderPropsWithContext<StreamChatGenerics>,\n  nextProps: InputReplyStateHeaderPropsWithContext<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 MemoizedInputReplyStateHeader = React.memo(\n  InputReplyStateHeaderWithContext,\n  areEqual,\n) as typeof InputReplyStateHeaderWithContext;\n\nexport type InputReplyStateHeaderProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputReplyStateHeaderPropsWithContext<StreamChatGenerics>>;\n\nexport const InputReplyStateHeader = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputReplyStateHeaderProps<StreamChatGenerics>,\n) => {\n  const { clearQuotedMessageState, resetInput } = useMessageInputContext<StreamChatGenerics>();\n\n  return <MemoizedInputReplyStateHeader {...{ clearQuotedMessageState, resetInput }} {...props} />;\n};\n\nInputReplyStateHeader.displayName = 'ReplyStateHeader{messageInput}';\n"],"mappings":";;;;;;AAAA;AACA;AAGA;AAIA;AACA;AAEA;AAA8D;EAAA;AAG9D,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,cAAc,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,aAAa,EAAE;EACjB,CAAC;EACDC,mBAAmB,EAAE;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAOK,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAgC,OAMoB;EAAA,IAH/DC,uBAAuB,QAAvBA,uBAAuB;IACvBC,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;IAAIC,gBAAgB,yBAAhBA,gBAAgB;IAAEC,qBAAqB,yBAArBA,qBAAqB;EAKnE,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAAC1B,MAAM,CAACG,cAAc,EAAEsB,gBAAgB,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACrD,gCAAC,sBAAe;IAAC,QAAQ,EAAEH,cAAe;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,EAC7C,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACtB,MAAM,CAACQ,mBAAmB,EAAE;MAAEmB,KAAK,EAAEP;IAAM,CAAC,EAAEM,qBAAqB,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAChFV,CAAC,CAAC,kBAAkB,CAAC,CACjB,EACP,gCAAC,6BAAgB;IACf,QAAQ,EAAEH,QAAS;IACnB,OAAO,EAAE,mBAAM;MACbC,UAAU,EAAE;MACZF,uBAAuB,EAAE;IAC3B,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,IAAMO,QAAQ,GAAG,SAAXA,QAAQ,CACZC,SAAoE,EACpEC,SAAoE,EACjE;EACH,IAAkBC,YAAY,GAAKF,SAAS,CAApChB,QAAQ;EAChB,IAAkBmB,YAAY,GAAKF,SAAS,CAApCjB,QAAQ;EAEhB,IAAMoB,aAAa,GAAGF,YAAY,KAAKC,YAAY;EACnD,IAAI,CAACC,aAAa,EAAE,OAAO,KAAK;EAEhC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,6BAA6B,GAAGC,iBAAK,CAACC,IAAI,CAC9CzB,gCAAgC,EAChCiB,QAAQ,CACkC;AAMrC,IAAMS,qBAAqB,GAAG,SAAxBA,qBAAqB,CAGhCC,KAAqD,EAClD;EACH,4BAAgD,IAAAC,2CAAsB,GAAsB;IAApF3B,uBAAuB,yBAAvBA,uBAAuB;IAAEE,UAAU,yBAAVA,UAAU;EAE3C,OAAO,gCAAC,6BAA6B;IAAOF,uBAAuB,EAAvBA,uBAAuB;IAAEE,UAAU,EAAVA;EAAU,GAAQwB,KAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAI;AAClG,CAAC;AAAC;AAEFD,qBAAqB,CAACG,WAAW,GAAG,gCAAgC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_TranslationContext","_icons","_this","_jsxFileName","styles","StyleSheet","create","replyBoxHeader","alignItems","flexDirection","justifyContent","paddingBottom","replyBoxHeaderTitle","fontSize","fontWeight","InputReplyStateHeaderWithContext","_ref","clearQuotedMessageState","disabled","resetInput","_useTranslationContex","useTranslationContext","t","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","grey","grey_gainsboro","_useTheme$theme$messa","messageInput","editingStateHeader","editingBoxHeader","editingBoxHeaderTitle","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","CurveLineLeftUp","pathFill","Text","color","TouchableOpacity","onPress","testID","CircleClose","exports","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputReplyStateHeader","React","memo","InputReplyStateHeader","props","_useMessageInputConte","useMessageInputContext","_extends2","displayName"],"sources":["InputReplyStateHeader.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, CurveLineLeftUp } from '../../../icons';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  replyBoxHeader: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingBottom: 10,\n  },\n  replyBoxHeaderTitle: {\n    fontSize: 14,\n    fontWeight: 'bold',\n  },\n});\n\nexport type InputReplyStateHeaderPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageInputContextValue<StreamChatGenerics>, 'clearQuotedMessageState' | 'resetInput'> &\n  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;\n\nexport const InputReplyStateHeaderWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  clearQuotedMessageState,\n  disabled,\n  resetInput,\n}: InputReplyStateHeaderPropsWithContext<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.replyBoxHeader, editingBoxHeader]}>\n      <CurveLineLeftUp pathFill={grey_gainsboro} />\n      <Text style={[styles.replyBoxHeaderTitle, { color: black }, editingBoxHeaderTitle]}>\n        {t('Reply to Message')}\n      </Text>\n      <TouchableOpacity\n        disabled={disabled}\n        onPress={() => {\n          resetInput();\n          clearQuotedMessageState();\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: InputReplyStateHeaderPropsWithContext<StreamChatGenerics>,\n  nextProps: InputReplyStateHeaderPropsWithContext<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 MemoizedInputReplyStateHeader = React.memo(\n  InputReplyStateHeaderWithContext,\n  areEqual,\n) as typeof InputReplyStateHeaderWithContext;\n\nexport type InputReplyStateHeaderProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputReplyStateHeaderPropsWithContext<StreamChatGenerics>>;\n\nexport const InputReplyStateHeader = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputReplyStateHeaderProps<StreamChatGenerics>,\n) => {\n  const { clearQuotedMessageState, resetInput } = useMessageInputContext<StreamChatGenerics>();\n\n  return <MemoizedInputReplyStateHeader {...{ clearQuotedMessageState, resetInput }} {...props} />;\n};\n\nInputReplyStateHeader.displayName = 'ReplyStateHeader{messageInput}';\n"],"mappings":"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"}

package/lib/module/components/MessageInput/hooks/useCooldown.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCooldown","useState","Date","endsAt","setEndsAt","useChatContext","client","useChannelContext","channel","data","cooldown","interval","disabledRoles","BuiltinRoles","Admin","ChannelModerator","userClientRole","user","role","userChannelRole","state","members","userID","disabledFor","roles","some","roleToSkip","includes","enabled","start","now","ONE_SECOND_IN_MS"],"sources":["useCooldown.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { BuiltinRoles, ChannelResponse, Role } from 'stream-chat';\n\nimport { useChannelContext } from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { ONE_SECOND_IN_MS } from '../../../utils/date';\n\ntype Roles = Array<Role>;\n\n/**\n * useCooldown can be used to start a cooldown defined\n * for a Channel by setting an end time for\n **/\nexport const useCooldown = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const [endsAt, setEndsAt] = useState(new Date());\n\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { channel } = useChannelContext<StreamChatGenerics>();\n  const { cooldown } = (channel?.data || {}) as ChannelResponse<StreamChatGenerics>;\n  const interval: number = cooldown ?? 0;\n\n  /**\n   * We get the roles a user has globally set on the Client, and the role\n   * they have locally within the chat. If any of the predefined\n   * `disabledRoles` are matched to either of the users roles, the user\n   * will not have a cooldown at all.\n   **/\n  const disabledRoles = [BuiltinRoles.Admin, BuiltinRoles.ChannelModerator];\n  const userClientRole = client?.user?.role || '';\n  const userChannelRole = channel?.state.members[client.userID || '']?.role || '';\n\n  const disabledFor = (roles: Roles) =>\n    disabledRoles.some((roleToSkip) => roles.includes(roleToSkip));\n\n  const enabled = interval > 0 && !disabledFor([userClientRole, userChannelRole]);\n\n  const start = () => {\n    if (enabled) {\n      setEndsAt(new Date(Date.now() + interval * ONE_SECOND_IN_MS));\n    }\n  };\n\n  return { endsAt, start };\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAEA;AACA;AAEA;AAQO,IAAMA,WAAW,GAAG,SAAdA,WAAW,GAEjB;EAAA;EACL,gBAA4B,IAAAC,eAAQ,EAAC,IAAIC,IAAI,EAAE,CAAC;IAAA;IAAzCC,MAAM;IAAEC,SAAS;EAExB,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EACd,yBAAoB,IAAAC,iCAAiB,GAAsB;IAAnDC,OAAO,sBAAPA,OAAO;EACf,WAAsB,CAAAA,OAAO,oBAAPA,OAAO,CAAEC,IAAI,KAAI,CAAC,CAAC;IAAjCC,QAAQ,QAARA,QAAQ;EAChB,IAAMC,QAAgB,GAAGD,QAAQ,WAARA,QAAQ,GAAI,CAAC;EAQtC,IAAME,aAAa,GAAG,CAACC,wBAAY,CAACC,KAAK,EAAED,wBAAY,CAACE,gBAAgB,CAAC;EACzE,IAAMC,cAAc,GAAG,CAAAV,MAAM,oCAANA,MAAM,CAAEW,IAAI,qBAAZ,aAAcC,IAAI,KAAI,EAAE;EAC/C,IAAMC,eAAe,GAAG,CAAAX,OAAO,6CAAPA,OAAO,CAAEY,KAAK,CAACC,OAAO,CAACf,MAAM,CAACgB,MAAM,IAAI,EAAE,CAAC,qBAA3C,sBAA6CJ,IAAI,KAAI,EAAE;EAE/E,IAAMK,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAY;IAAA,OAC/BZ,aAAa,CAACa,IAAI,CAAC,UAACC,UAAU;MAAA,OAAKF,KAAK,CAACG,QAAQ,CAACD,UAAU,CAAC;IAAA,EAAC;EAAA;EAEhE,IAAME,OAAO,GAAGjB,QAAQ,GAAG,CAAC,IAAI,CAACY,WAAW,CAAC,CAACP,cAAc,EAAEG,eAAe,CAAC,CAAC;EAE/E,IAAMU,KAAK,GAAG,SAARA,KAAK,GAAS;IAClB,IAAID,OAAO,EAAE;MACXxB,SAAS,CAAC,IAAIF,IAAI,CAACA,IAAI,CAAC4B,GAAG,EAAE,GAAGnB,QAAQ,GAAGoB,sBAAgB,CAAC,CAAC;IAC/D;EACF,CAAC;EAED,OAAO;IAAE5B,MAAM,EAANA,MAAM;IAAE0B,KAAK,EAALA;EAAM,CAAC;AAC1B,CAAC;AAAC"}
+{"version":3,"names":["_react","require","_streamChat","_ChannelContext","_ChatContext","_date","useCooldown","_client$user","_channel$state$member","_useState","useState","Date","_useState2","_slicedToArray2","endsAt","setEndsAt","_useChatContext","useChatContext","client","_useChannelContext","useChannelContext","channel","_ref","data","cooldown","interval","disabledRoles","BuiltinRoles","Admin","ChannelModerator","userClientRole","user","role","userChannelRole","state","members","userID","disabledFor","roles","some","roleToSkip","includes","enabled","start","now","ONE_SECOND_IN_MS","exports"],"sources":["useCooldown.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { BuiltinRoles, ChannelResponse, Role } from 'stream-chat';\n\nimport { useChannelContext } from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { ONE_SECOND_IN_MS } from '../../../utils/date';\n\ntype Roles = Array<Role>;\n\n/**\n * useCooldown can be used to start a cooldown defined\n * for a Channel by setting an end time for\n **/\nexport const useCooldown = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const [endsAt, setEndsAt] = useState(new Date());\n\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { channel } = useChannelContext<StreamChatGenerics>();\n  const { cooldown } = (channel?.data || {}) as ChannelResponse<StreamChatGenerics>;\n  const interval: number = cooldown ?? 0;\n\n  /**\n   * We get the roles a user has globally set on the Client, and the role\n   * they have locally within the chat. If any of the predefined\n   * `disabledRoles` are matched to either of the users roles, the user\n   * will not have a cooldown at all.\n   **/\n  const disabledRoles = [BuiltinRoles.Admin, BuiltinRoles.ChannelModerator];\n  const userClientRole = client?.user?.role || '';\n  const userChannelRole = channel?.state.members[client.userID || '']?.role || '';\n\n  const disabledFor = (roles: Roles) =>\n    disabledRoles.some((roleToSkip) => roles.includes(roleToSkip));\n\n  const enabled = interval > 0 && !disabledFor([userClientRole, userChannelRole]);\n\n  const start = () => {\n    if (enabled) {\n      setEndsAt(new Date(Date.now() + interval * ONE_SECOND_IN_MS));\n    }\n  };\n\n  return { endsAt, start };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAQO,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAEjB;EAAA,IAAAC,YAAA,EAAAC,qBAAA;EACL,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,IAAIC,IAAI,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAJ,SAAA;IAAzCK,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EAExB,IAAAI,eAAA,GAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,GAAAF,eAAA,CAANE,MAAM;EACd,IAAAC,kBAAA,GAAoB,IAAAC,iCAAiB,GAAsB;IAAnDC,OAAO,GAAAF,kBAAA,CAAPE,OAAO;EACf,IAAAC,IAAA,GAAsB,CAAAD,OAAO,oBAAPA,OAAO,CAAEE,IAAI,KAAI,CAAC,CAAC;IAAjCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAChB,IAAMC,QAAgB,GAAGD,QAAQ,WAARA,QAAQ,GAAI,CAAC;EAQtC,IAAME,aAAa,GAAG,CAACC,wBAAY,CAACC,KAAK,EAAED,wBAAY,CAACE,gBAAgB,CAAC;EACzE,IAAMC,cAAc,GAAG,CAAAZ,MAAM,qBAAAX,YAAA,GAANW,MAAM,CAAEa,IAAI,qBAAZxB,YAAA,CAAcyB,IAAI,KAAI,EAAE;EAC/C,IAAMC,eAAe,GAAG,CAAAZ,OAAO,qBAAAb,qBAAA,GAAPa,OAAO,CAAEa,KAAK,CAACC,OAAO,CAACjB,MAAM,CAACkB,MAAM,IAAI,EAAE,CAAC,qBAA3C5B,qBAAA,CAA6CwB,IAAI,KAAI,EAAE;EAE/E,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAY;IAAA,OAC/BZ,aAAa,CAACa,IAAI,CAAC,UAACC,UAAU;MAAA,OAAKF,KAAK,CAACG,QAAQ,CAACD,UAAU,CAAC;IAAA,EAAC;EAAA;EAEhE,IAAME,OAAO,GAAGjB,QAAQ,GAAG,CAAC,IAAI,CAACY,WAAW,CAAC,CAACP,cAAc,EAAEG,eAAe,CAAC,CAAC;EAE/E,IAAMU,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;IAClB,IAAID,OAAO,EAAE;MACX3B,SAAS,CAAC,IAAIJ,IAAI,CAACA,IAAI,CAACiC,GAAG,EAAE,GAAGnB,QAAQ,GAAGoB,sBAAgB,CAAC,CAAC;IAC/D;EACF,CAAC;EAED,OAAO;IAAE/B,MAAM,EAANA,MAAM;IAAE6B,KAAK,EAALA;EAAM,CAAC;AAC1B,CAAC;AAACG,OAAA,CAAAxC,WAAA,GAAAA,WAAA"}

package/lib/module/components/MessageInput/hooks/useCountdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCountdown","end","useState","seconds","setSeconds","useEffect","intervalId","startCountdown","setInterval","previous","next","clearInterval","ONE_SECOND_IN_MS","secondsUntilEnd","secondsUntil"],"sources":["useCountdown.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { ONE_SECOND_IN_MS, secondsUntil } from '../../../utils/date';\n\n/**\n * Start a countdown to a set date, in seconds.\n * The date passed in as an argument to useCountdown\n * will be rounded up to the nearest second.\n **/\nexport const useCountdown = (end: Date) => {\n  const [seconds, setSeconds] = useState(0);\n\n  /**\n   * When a new `end` is set for the countdown, start the counter if\n   * the `end` is in the future.\n   **/\n  useEffect(() => {\n    let intervalId: NodeJS.Timer;\n\n    const startCountdown = (seconds: number) => {\n      setSeconds(seconds);\n      intervalId = setInterval(() => {\n        setSeconds((previous: number) => {\n          const next = previous - 1;\n          if (next < 1) {\n            /* Don't trigger an unnecessary rerender when done */\n            clearInterval(intervalId);\n            return 0;\n          }\n          return next;\n        });\n      }, ONE_SECOND_IN_MS);\n    };\n\n    const secondsUntilEnd = secondsUntil(end);\n    if (secondsUntilEnd > 0) {\n      startCountdown(secondsUntilEnd);\n    }\n\n    return () => {\n      if (intervalId) {\n        clearInterval(intervalId);\n      }\n    };\n  }, [end]);\n\n  return { seconds };\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,GAAS,EAAK;EACzC,gBAA8B,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAA;IAAlCC,OAAO;IAAEC,UAAU;EAM1B,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIC,UAAwB;IAE5B,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIJ,OAAe,EAAK;MAC1CC,UAAU,CAACD,OAAO,CAAC;MACnBG,UAAU,GAAGE,WAAW,CAAC,YAAM;QAC7BJ,UAAU,CAAC,UAACK,QAAgB,EAAK;UAC/B,IAAMC,IAAI,GAAGD,QAAQ,GAAG,CAAC;UACzB,IAAIC,IAAI,GAAG,CAAC,EAAE;YAEZC,aAAa,CAACL,UAAU,CAAC;YACzB,OAAO,CAAC;UACV;UACA,OAAOI,IAAI;QACb,CAAC,CAAC;MACJ,CAAC,EAAEE,sBAAgB,CAAC;IACtB,CAAC;IAED,IAAMC,eAAe,GAAG,IAAAC,kBAAY,EAACb,GAAG,CAAC;IACzC,IAAIY,eAAe,GAAG,CAAC,EAAE;MACvBN,cAAc,CAACM,eAAe,CAAC;IACjC;IAEA,OAAO,YAAM;MACX,IAAIP,UAAU,EAAE;QACdK,aAAa,CAACL,UAAU,CAAC;MAC3B;IACF,CAAC;EACH,CAAC,EAAE,CAACL,GAAG,CAAC,CAAC;EAET,OAAO;IAAEE,OAAO,EAAPA;EAAQ,CAAC;AACpB,CAAC;AAAC"}
+{"version":3,"names":["_react","require","_date","useCountdown","end","_useState","useState","_useState2","_slicedToArray2","seconds","setSeconds","useEffect","intervalId","startCountdown","setInterval","previous","next","clearInterval","ONE_SECOND_IN_MS","secondsUntilEnd","secondsUntil","exports"],"sources":["useCountdown.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { ONE_SECOND_IN_MS, secondsUntil } from '../../../utils/date';\n\n/**\n * Start a countdown to a set date, in seconds.\n * The date passed in as an argument to useCountdown\n * will be rounded up to the nearest second.\n **/\nexport const useCountdown = (end: Date) => {\n  const [seconds, setSeconds] = useState(0);\n\n  /**\n   * When a new `end` is set for the countdown, start the counter if\n   * the `end` is in the future.\n   **/\n  useEffect(() => {\n    let intervalId: NodeJS.Timer;\n\n    const startCountdown = (seconds: number) => {\n      setSeconds(seconds);\n      intervalId = setInterval(() => {\n        setSeconds((previous: number) => {\n          const next = previous - 1;\n          if (next < 1) {\n            /* Don't trigger an unnecessary rerender when done */\n            clearInterval(intervalId);\n            return 0;\n          }\n          return next;\n        });\n      }, ONE_SECOND_IN_MS);\n    };\n\n    const secondsUntilEnd = secondsUntil(end);\n    if (secondsUntilEnd > 0) {\n      startCountdown(secondsUntilEnd);\n    }\n\n    return () => {\n      if (intervalId) {\n        clearInterval(intervalId);\n      }\n    };\n  }, [end]);\n\n  return { seconds };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAOO,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,GAAS,EAAK;EACzC,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAlCI,OAAO,GAAAF,UAAA;IAAEG,UAAU,GAAAH,UAAA;EAM1B,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAIC,UAAwB;IAE5B,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIJ,OAAe,EAAK;MAC1CC,UAAU,CAACD,OAAO,CAAC;MACnBG,UAAU,GAAGE,WAAW,CAAC,YAAM;QAC7BJ,UAAU,CAAC,UAACK,QAAgB,EAAK;UAC/B,IAAMC,IAAI,GAAGD,QAAQ,GAAG,CAAC;UACzB,IAAIC,IAAI,GAAG,CAAC,EAAE;YAEZC,aAAa,CAACL,UAAU,CAAC;YACzB,OAAO,CAAC;UACV;UACA,OAAOI,IAAI;QACb,CAAC,CAAC;MACJ,CAAC,EAAEE,sBAAgB,CAAC;IACtB,CAAC;IAED,IAAMC,eAAe,GAAG,IAAAC,kBAAY,EAAChB,GAAG,CAAC;IACzC,IAAIe,eAAe,GAAG,CAAC,EAAE;MACvBN,cAAc,CAACM,eAAe,CAAC;IACjC;IAEA,OAAO,YAAM;MACX,IAAIP,UAAU,EAAE;QACdK,aAAa,CAACL,UAAU,CAAC;MAC3B;IACF,CAAC;EACH,CAAC,EAAE,CAACR,GAAG,CAAC,CAAC;EAET,OAAO;IAAEK,OAAO,EAAPA;EAAQ,CAAC;AACpB,CAAC;AAACY,OAAA,CAAAlB,YAAA,GAAAA,YAAA"}

package/lib/module/components/MessageList/DateHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","container","alignItems","alignSelf","borderRadius","height","justifyContent","marginTop","paddingHorizontal","text","fontSize","textAlign","textAlignVertical","DateHeader","dateString","useTheme","theme","colors","overlay","white","dateHeader","backgroundColor","color"],"sources":["DateHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 8,\n    height: 16,\n    justifyContent: 'center',\n    marginTop: 8,\n    paddingHorizontal: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n    textAlignVertical: 'center',\n  },\n});\n\nexport type DateHeaderProps = {\n  dateString: string;\n};\n\nexport const DateHeader: React.FC<DateHeaderProps> = ({ dateString }) => {\n  const {\n    theme: {\n      colors: { overlay, white },\n      dateHeader: { container, text },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, { backgroundColor: overlay }, container]}>\n      <Text style={[styles.text, { color: white }, text]}>{dateString}</Text>\n    </View>\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAEA;AAAoE;EAAA;AAEpE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,QAAQ;IACnBC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE,CAAC;IACZC,iBAAiB,EAAE;EACrB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAMK,IAAMC,UAAqC,GAAG,SAAxCA,UAAqC,OAAuB;EAAA,IAAjBC,UAAU,QAAVA,UAAU;EAChE,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IAAA,wCACHC,MAAM;IAAIC,OAAO,yBAAPA,OAAO;IAAEC,KAAK,yBAALA,KAAK;IAAA,wCACxBC,UAAU;IAAInB,SAAS,yBAATA,SAAS;IAAEQ,IAAI,yBAAJA,IAAI;EAIjC,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACX,MAAM,CAACG,SAAS,EAAE;MAAEoB,eAAe,EAAEH;IAAQ,CAAC,EAAEjB,SAAS,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACH,MAAM,CAACW,IAAI,EAAE;MAAEa,KAAK,EAAEH;IAAM,CAAC,EAAEV,IAAI,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAEK,UAAU,CAAQ,CAClE;AAEX,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","alignSelf","borderRadius","height","justifyContent","marginTop","paddingHorizontal","text","fontSize","textAlign","textAlignVertical","DateHeader","_ref","dateString","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","overlay","white","_useTheme$theme$dateH","dateHeader","createElement","View","style","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","color","exports"],"sources":["DateHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 8,\n    height: 16,\n    justifyContent: 'center',\n    marginTop: 8,\n    paddingHorizontal: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n    textAlignVertical: 'center',\n  },\n});\n\nexport type DateHeaderProps = {\n  dateString: string;\n};\n\nexport const DateHeader: React.FC<DateHeaderProps> = ({ dateString }) => {\n  const {\n    theme: {\n      colors: { overlay, white },\n      dateHeader: { container, text },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, { backgroundColor: overlay }, container]}>\n      <Text style={[styles.text, { color: white }, text]}>{dateString}</Text>\n    </View>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAEpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,QAAQ;IACnBC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE,CAAC;IACZC,iBAAiB,EAAE;EACrB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAMK,IAAMC,UAAqC,GAAG,SAAxCA,UAAqCA,CAAAC,IAAA,EAAuB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAChE,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,GAAE;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,qBAAA,CAALG,KAAK;IAAAC,qBAAA,GAAAN,eAAA,CACxBO,UAAU;IAAIxB,SAAS,GAAAuB,qBAAA,CAATvB,SAAS;IAAEQ,IAAI,GAAAe,qBAAA,CAAJf,IAAI;EAIjC,OACElB,MAAA,YAAAmC,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IAACC,KAAK,EAAE,CAAC9B,MAAM,CAACG,SAAS,EAAE;MAAE4B,eAAe,EAAEP;IAAQ,CAAC,EAAErB,SAAS,CAAE;IAAA6B,MAAA,EAAAlC,KAAA;IAAAmC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvE3C,MAAA,YAAAmC,aAAA,CAAChC,YAAA,CAAAyC,IAAI;IAACP,KAAK,EAAE,CAAC9B,MAAM,CAACW,IAAI,EAAE;MAAE2B,KAAK,EAAEb;IAAM,CAAC,EAAEd,IAAI,CAAE;IAAAqB,MAAA,EAAAlC,KAAA;IAAAmC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEnB,UAAU,CAAQ,CAClE;AAEX,CAAC;AAACsB,OAAA,CAAAxB,UAAA,GAAAA,UAAA"}

package/lib/module/components/MessageList/InlineDateSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","container","alignItems","alignSelf","borderRadius","height","justifyContent","marginVertical","paddingHorizontal","text","fontSize","textAlign","textAlignVertical","InlineDateSeparator","date","useTheme","theme","colors","overlay","white","inlineDateSeparator","useTranslationContext","tDateTimeParser","dateFormat","getFullYear","Date","tDate","dateString","isDayOrMoment","format","toDateString","backgroundColor","color"],"sources":["InlineDateSeparator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 8,\n    height: 16,\n    justifyContent: 'center',\n    marginVertical: 4,\n    paddingHorizontal: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n    textAlignVertical: 'center',\n  },\n});\n\nexport type InlineDateSeparatorProps = {\n  date?: Date;\n};\n\nexport const InlineDateSeparator: React.FC<InlineDateSeparatorProps> = ({ date }) => {\n  const {\n    theme: {\n      colors: { overlay, white },\n      inlineDateSeparator: { container, text },\n    },\n  } = useTheme();\n  const { tDateTimeParser } = useTranslationContext();\n\n  if (!date) {\n    return null;\n  }\n\n  const dateFormat = date.getFullYear() === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';\n  const tDate = tDateTimeParser(date);\n  const dateString = isDayOrMoment(tDate)\n    ? tDate.format(dateFormat)\n    : new Date(tDate).toDateString();\n\n  return (\n    <View\n      style={[styles.container, { backgroundColor: overlay }, container]}\n      testID='date-separator'\n    >\n      <Text style={[styles.text, { color: white }, text]}>{dateString}</Text>\n    </View>\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAG8D;EAAA;AAE9D,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,QAAQ;IACnBC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,cAAc,EAAE,CAAC;IACjBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAMK,IAAMC,mBAAuD,GAAG,SAA1DA,mBAAuD,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAC5E,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IAAA,wCACHC,MAAM;IAAIC,OAAO,yBAAPA,OAAO;IAAEC,KAAK,yBAALA,KAAK;IAAA,wCACxBC,mBAAmB;IAAInB,SAAS,yBAATA,SAAS;IAAEQ,IAAI,yBAAJA,IAAI;EAG1C,4BAA4B,IAAAY,yCAAqB,GAAE;IAA3CC,eAAe,yBAAfA,eAAe;EAEvB,IAAI,CAACR,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,IAAMS,UAAU,GAAGT,IAAI,CAACU,WAAW,EAAE,KAAK,IAAIC,IAAI,EAAE,CAACD,WAAW,EAAE,GAAG,OAAO,GAAG,aAAa;EAC5F,IAAME,KAAK,GAAGJ,eAAe,CAACR,IAAI,CAAC;EACnC,IAAMa,UAAU,GAAG,IAAAC,iCAAa,EAACF,KAAK,CAAC,GACnCA,KAAK,CAACG,MAAM,CAACN,UAAU,CAAC,GACxB,IAAIE,IAAI,CAACC,KAAK,CAAC,CAACI,YAAY,EAAE;EAElC,OACE,gCAAC,iBAAI;IACH,KAAK,EAAE,CAAChC,MAAM,CAACG,SAAS,EAAE;MAAE8B,eAAe,EAAEb;IAAQ,CAAC,EAAEjB,SAAS,CAAE;IACnE,MAAM,EAAC,gBAAgB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAEvB,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACH,MAAM,CAACW,IAAI,EAAE;MAAEuB,KAAK,EAAEb;IAAM,CAAC,EAAEV,IAAI,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAEkB,UAAU,CAAQ,CAClE;AAEX,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","alignSelf","borderRadius","height","justifyContent","marginVertical","paddingHorizontal","text","fontSize","textAlign","textAlignVertical","InlineDateSeparator","_ref","date","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","overlay","white","_useTheme$theme$inlin","inlineDateSeparator","_useTranslationContex","useTranslationContext","tDateTimeParser","dateFormat","getFullYear","Date","tDate","dateString","isDayOrMoment","format","toDateString","createElement","View","style","backgroundColor","testID","__self","__source","fileName","lineNumber","columnNumber","Text","color","exports"],"sources":["InlineDateSeparator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    borderRadius: 8,\n    height: 16,\n    justifyContent: 'center',\n    marginVertical: 4,\n    paddingHorizontal: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n    textAlignVertical: 'center',\n  },\n});\n\nexport type InlineDateSeparatorProps = {\n  date?: Date;\n};\n\nexport const InlineDateSeparator: React.FC<InlineDateSeparatorProps> = ({ date }) => {\n  const {\n    theme: {\n      colors: { overlay, white },\n      inlineDateSeparator: { container, text },\n    },\n  } = useTheme();\n  const { tDateTimeParser } = useTranslationContext();\n\n  if (!date) {\n    return null;\n  }\n\n  const dateFormat = date.getFullYear() === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';\n  const tDate = tDateTimeParser(date);\n  const dateString = isDayOrMoment(tDate)\n    ? tDate.format(dateFormat)\n    : new Date(tDate).toDateString();\n\n  return (\n    <View\n      style={[styles.container, { backgroundColor: overlay }, container]}\n      testID='date-separator'\n    >\n      <Text style={[styles.text, { color: white }, text]}>{dateString}</Text>\n    </View>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAG8D,IAAAI,KAAA;EAAAC,YAAA;AAE9D,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,QAAQ;IACnBC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,cAAc,EAAE,CAAC;IACjBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAMK,IAAMC,mBAAuD,GAAG,SAA1DA,mBAAuDA,CAAAC,IAAA,EAAiB;EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC5E,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,GAAE;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,qBAAA,CAALG,KAAK;IAAAC,qBAAA,GAAAN,eAAA,CACxBO,mBAAmB;IAAIxB,SAAS,GAAAuB,qBAAA,CAATvB,SAAS;IAAEQ,IAAI,GAAAe,qBAAA,CAAJf,IAAI;EAG1C,IAAAiB,qBAAA,GAA4B,IAAAC,yCAAqB,GAAE;IAA3CC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EAEvB,IAAI,CAACb,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,IAAMc,UAAU,GAAGd,IAAI,CAACe,WAAW,EAAE,KAAK,IAAIC,IAAI,EAAE,CAACD,WAAW,EAAE,GAAG,OAAO,GAAG,aAAa;EAC5F,IAAME,KAAK,GAAGJ,eAAe,CAACb,IAAI,CAAC;EACnC,IAAMkB,UAAU,GAAG,IAAAC,iCAAa,EAACF,KAAK,CAAC,GACnCA,KAAK,CAACG,MAAM,CAACN,UAAU,CAAC,GACxB,IAAIE,IAAI,CAACC,KAAK,CAAC,CAACI,YAAY,EAAE;EAElC,OACE9C,MAAA,YAAA+C,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IACHC,KAAK,EAAE,CAACzC,MAAM,CAACG,SAAS,EAAE;MAAEuC,eAAe,EAAElB;IAAQ,CAAC,EAAErB,SAAS,CAAE;IACnEwC,MAAM,EAAC,gBAAgB;IAAAC,MAAA,EAAA9C,KAAA;IAAA+C,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBxD,MAAA,YAAA+C,aAAA,CAAC5C,YAAA,CAAAsD,IAAI;IAACR,KAAK,EAAE,CAACzC,MAAM,CAACW,IAAI,EAAE;MAAEuC,KAAK,EAAEzB;IAAM,CAAC,EAAEd,IAAI,CAAE;IAAAiC,MAAA,EAAA9C,KAAA;IAAA+C,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEb,UAAU,CAAQ,CAClE;AAEX,CAAC;AAACgB,OAAA,CAAApC,mBAAA,GAAAA,mBAAA"}

package/lib/module/components/MessageList/InlineLoadingMoreIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreIndicatorWithContext","loadingMore","useTheme","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMore","nextLoadingMore","loadingMoreEqual","MemoizedInlineLoadingMoreIndicator","React","memo","InlineLoadingMoreIndicator","usePaginatedMessageListContext"],"sources":["InlineLoadingMoreIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreIndicatorPropsWithContext = {\n  loadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreIndicatorWithContext: React.FC<InlineLoadingMoreIndicatorPropsWithContext> =\n  ({ loadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreIndicatorPropsWithContext,\n) => {\n  const { loadingMore: prevLoadingMore } = prevProps;\n  const { loadingMore: nextLoadingMore } = nextProps;\n\n  const loadingMoreEqual = prevLoadingMore === nextLoadingMore;\n  if (!loadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreIndicator = React.memo(\n  InlineLoadingMoreIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreIndicatorWithContext;\n\nexport const InlineLoadingMoreIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { loadingMore } = usePaginatedMessageListContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreIndicator loadingMore={loadingMore} />;\n};\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAAoE;EAAA;AAIpE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,qCAA2F,GACtG,SADWA,qCAA2F,OACjF;EAAA,IAAlBC,WAAW,QAAXA,WAAW;EACZ,gBAAkB,IAAAC,sBAAQ,GAAE;IAApBC,KAAK,aAALA,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACH,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAEP,MAAM,CAACG,0BAA2B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC7C,gCAAC,8BAAiB;IAAC,KAAK,EAAEO,WAAY;IAAC,IAAI,EAAC,OAAO;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CACjD;AAEX,CAAC;AAAC;AAEJ,IAAME,QAAQ,GAAG,SAAXA,QAAQ,CACZC,SAAqD,EACrDC,SAAqD,EAClD;EACH,IAAqBC,eAAe,GAAKF,SAAS,CAA1CN,WAAW;EACnB,IAAqBS,eAAe,GAAKF,SAAS,CAA1CP,WAAW;EAEnB,IAAMU,gBAAgB,GAAGF,eAAe,KAAKC,eAAe;EAC5D,IAAI,CAACC,gBAAgB,EAAE,OAAO,KAAK;EAEnC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,kCAAkC,GAAGC,iBAAK,CAACC,IAAI,CACnDd,qCAAqC,EACrCM,QAAQ,CACuC;AAE1C,IAAMS,0BAA0B,GAAG,SAA7BA,0BAA0B,GAEhC;EACL,4BAAwB,IAAAC,2DAA8B,GAAsB;IAApEf,WAAW,yBAAXA,WAAW;EAEnB,OAAO,gCAAC,kCAAkC;IAAC,WAAW,EAAEA,WAAY;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG;AACzE,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PaginatedMessageListContext","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreIndicatorWithContext","_ref","loadingMore","_useTheme","useTheme","theme","accent_blue","colors","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","ActivityIndicator","color","size","exports","areEqual","prevProps","nextProps","prevLoadingMore","nextLoadingMore","loadingMoreEqual","MemoizedInlineLoadingMoreIndicator","React","memo","InlineLoadingMoreIndicator","_usePaginatedMessageL","usePaginatedMessageListContext"],"sources":["InlineLoadingMoreIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreIndicatorPropsWithContext = {\n  loadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreIndicatorWithContext: React.FC<InlineLoadingMoreIndicatorPropsWithContext> =\n  ({ loadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreIndicatorPropsWithContext,\n) => {\n  const { loadingMore: prevLoadingMore } = prevProps;\n  const { loadingMore: nextLoadingMore } = nextProps;\n\n  const loadingMoreEqual = prevLoadingMore === nextLoadingMore;\n  if (!loadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreIndicator = React.memo(\n  InlineLoadingMoreIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreIndicatorWithContext;\n\nexport const InlineLoadingMoreIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { loadingMore } = usePaginatedMessageListContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreIndicator loadingMore={loadingMore} />;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAoE,IAAAI,KAAA;EAAAC,YAAA;AAIpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,qCAA2F,GACtG,SADWA,qCAA2FA,CAAAC,IAAA,EACjF;EAAA,IAAlBC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EACZ,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,GAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACJ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OACEhB,MAAA,YAAAsB,aAAA,CAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACG,0BAA2B;IAAAc,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7C7B,MAAA,YAAAsB,aAAA,CAACnB,YAAA,CAAA2B,iBAAiB;IAACC,KAAK,EAAEX,WAAY;IAACY,IAAI,EAAC,OAAO;IAAAP,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACjD;AAEX,CAAC;AAACI,OAAA,CAAAnB,qCAAA,GAAAA,qCAAA;AAEJ,IAAMoB,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAqD,EACrDC,SAAqD,EAClD;EACH,IAAqBC,eAAe,GAAKF,SAAS,CAA1CnB,WAAW;EACnB,IAAqBsB,eAAe,GAAKF,SAAS,CAA1CpB,WAAW;EAEnB,IAAMuB,gBAAgB,GAAGF,eAAe,KAAKC,eAAe;EAC5D,IAAI,CAACC,gBAAgB,EAAE,OAAO,KAAK;EAEnC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,kCAAkC,GAAGC,iBAAK,CAACC,IAAI,CACnD5B,qCAAqC,EACrCoB,QAAQ,CACuC;AAE1C,IAAMS,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAA,EAEhC;EACL,IAAAC,qBAAA,GAAwB,IAAAC,2DAA8B,GAAsB;IAApE7B,WAAW,GAAA4B,qBAAA,CAAX5B,WAAW;EAEnB,OAAOhB,MAAA,YAAAsB,aAAA,CAACkB,kCAAkC;IAACxB,WAAW,EAAEA,WAAY;IAAAS,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG;AACzE,CAAC;AAACI,OAAA,CAAAU,0BAAA,GAAAA,0BAAA"}

package/lib/module/components/MessageList/InlineLoadingMoreRecentIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","loadingMoreRecent","useTheme","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator","usePaginatedMessageListContext"],"sources":["InlineLoadingMoreRecentIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreRecentIndicatorPropsWithContext = {\n  loadingMoreRecent?: boolean;\n};\n\nexport const InlineLoadingMoreRecentIndicatorWithContext: React.FC<InlineLoadingMoreRecentIndicatorPropsWithContext> =\n  ({ loadingMoreRecent }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMoreRecent) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n) => {\n  const { loadingMoreRecent: prevLoadingMoreRecent } = prevProps;\n  const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;\n\n  const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;\n  if (!loadingMoreRecentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreRecentIndicator = React.memo(\n  InlineLoadingMoreRecentIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreRecentIndicatorWithContext;\n\nexport const InlineLoadingMoreRecentIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { loadingMoreRecent } = usePaginatedMessageListContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;\n};\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAAoE;EAAA;AAIpE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,2CAAuG,GAClH,SADWA,2CAAuG,OACvF;EAAA,IAAxBC,iBAAiB,QAAjBA,iBAAiB;EAClB,gBAAkB,IAAAC,sBAAQ,GAAE;IAApBC,KAAK,aAALA,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACH,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAEP,MAAM,CAACG,0BAA2B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC7C,gCAAC,8BAAiB;IAAC,KAAK,EAAEO,WAAY;IAAC,IAAI,EAAC,OAAO;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CACjD;AAEX,CAAC;AAAC;AAEJ,IAAME,QAAQ,GAAG,SAAXA,QAAQ,CACZC,SAA2D,EAC3DC,SAA2D,EACxD;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDN,iBAAiB;EACzB,IAA2BS,qBAAqB,GAAKF,SAAS,CAAtDP,iBAAiB;EAEzB,IAAMU,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAC9E,IAAI,CAACC,sBAAsB,EAAE,OAAO,KAAK;EAEzC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,wCAAwC,GAAGC,iBAAK,CAACC,IAAI,CACzDd,2CAA2C,EAC3CM,QAAQ,CAC6C;AAEhD,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAgC,GAEtC;EACL,4BAA8B,IAAAC,2DAA8B,GAAsB;IAA1Ef,iBAAiB,yBAAjBA,iBAAiB;EAEzB,OAAO,gCAAC,wCAAwC;IAAC,iBAAiB,EAAEA,iBAAkB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG;AAC3F,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PaginatedMessageListContext","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","_ref","loadingMoreRecent","_useTheme","useTheme","theme","accent_blue","colors","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","ActivityIndicator","color","size","exports","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator","_usePaginatedMessageL","usePaginatedMessageListContext"],"sources":["InlineLoadingMoreRecentIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreRecentIndicatorPropsWithContext = {\n  loadingMoreRecent?: boolean;\n};\n\nexport const InlineLoadingMoreRecentIndicatorWithContext: React.FC<InlineLoadingMoreRecentIndicatorPropsWithContext> =\n  ({ loadingMoreRecent }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMoreRecent) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n) => {\n  const { loadingMoreRecent: prevLoadingMoreRecent } = prevProps;\n  const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;\n\n  const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;\n  if (!loadingMoreRecentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreRecentIndicator = React.memo(\n  InlineLoadingMoreRecentIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreRecentIndicatorWithContext;\n\nexport const InlineLoadingMoreRecentIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { loadingMoreRecent } = usePaginatedMessageListContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAoE,IAAAI,KAAA;EAAAC,YAAA;AAIpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,2CAAuG,GAClH,SADWA,2CAAuGA,CAAAC,IAAA,EACvF;EAAA,IAAxBC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAClB,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,GAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACJ,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACEhB,MAAA,YAAAsB,aAAA,CAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACG,0BAA2B;IAAAc,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7C7B,MAAA,YAAAsB,aAAA,CAACnB,YAAA,CAAA2B,iBAAiB;IAACC,KAAK,EAAEX,WAAY;IAACY,IAAI,EAAC,OAAO;IAAAP,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACjD;AAEX,CAAC;AAACI,OAAA,CAAAnB,2CAAA,GAAAA,2CAAA;AAEJ,IAAMoB,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAA2D,EAC3DC,SAA2D,EACxD;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDnB,iBAAiB;EACzB,IAA2BsB,qBAAqB,GAAKF,SAAS,CAAtDpB,iBAAiB;EAEzB,IAAMuB,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAC9E,IAAI,CAACC,sBAAsB,EAAE,OAAO,KAAK;EAEzC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,wCAAwC,GAAGC,iBAAK,CAACC,IAAI,CACzD5B,2CAA2C,EAC3CoB,QAAQ,CAC6C;AAEhD,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAgCA,CAAA,EAEtC;EACL,IAAAC,qBAAA,GAA8B,IAAAC,2DAA8B,GAAsB;IAA1E7B,iBAAiB,GAAA4B,qBAAA,CAAjB5B,iBAAiB;EAEzB,OAAOhB,MAAA,YAAAsB,aAAA,CAACkB,wCAAwC;IAACxB,iBAAiB,EAAEA,iBAAkB;IAAAS,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG;AAC3F,CAAC;AAACI,OAAA,CAAAU,gCAAA,GAAAA,gCAAA"}

package/lib/module/components/MessageList/InlineLoadingMoreThreadIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreThreadIndicatorWithContext","threadLoadingMore","useTheme","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevThreadLoadingMore","nextThreadLoadingMore","threadLoadingMoreEqual","MemoizedInlineLoadingMoreThreadIndicator","React","memo","InlineLoadingMoreThreadIndicator","useThreadContext"],"sources":["InlineLoadingMoreThreadIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreThreadIndicatorPropsWithContext = {\n  threadLoadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreThreadIndicatorWithContext: React.FC<InlineLoadingMoreThreadIndicatorPropsWithContext> =\n  ({ threadLoadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!threadLoadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n) => {\n  const { threadLoadingMore: prevThreadLoadingMore } = prevProps;\n  const { threadLoadingMore: nextThreadLoadingMore } = nextProps;\n\n  const threadLoadingMoreEqual = prevThreadLoadingMore === nextThreadLoadingMore;\n  if (!threadLoadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreThreadIndicator = React.memo(\n  InlineLoadingMoreThreadIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreThreadIndicatorWithContext;\n\nexport const InlineLoadingMoreThreadIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { threadLoadingMore } = useThreadContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreThreadIndicator threadLoadingMore={threadLoadingMore} />;\n};\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAA8E;EAAA;AAI9E,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,2CAAuG,GAClH,SADWA,2CAAuG,OACvF;EAAA,IAAxBC,iBAAiB,QAAjBA,iBAAiB;EAClB,gBAAkB,IAAAC,sBAAQ,GAAE;IAApBC,KAAK,aAALA,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACH,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAEP,MAAM,CAACG,0BAA2B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC7C,gCAAC,8BAAiB;IAAC,KAAK,EAAEO,WAAY;IAAC,IAAI,EAAC,OAAO;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CACjD;AAEX,CAAC;AAAC;AAEJ,IAAME,QAAQ,GAAG,SAAXA,QAAQ,CACZC,SAA2D,EAC3DC,SAA2D,EACxD;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDN,iBAAiB;EACzB,IAA2BS,qBAAqB,GAAKF,SAAS,CAAtDP,iBAAiB;EAEzB,IAAMU,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAC9E,IAAI,CAACC,sBAAsB,EAAE,OAAO,KAAK;EAEzC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,wCAAwC,GAAGC,iBAAK,CAACC,IAAI,CACzDd,2CAA2C,EAC3CM,QAAQ,CAC6C;AAEhD,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAgC,GAEtC;EACL,wBAA8B,IAAAC,+BAAgB,GAAsB;IAA5Df,iBAAiB,qBAAjBA,iBAAiB;EAEzB,OAAO,gCAAC,wCAAwC;IAAC,iBAAiB,EAAEA,iBAAkB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG;AAC3F,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_ThreadContext","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreThreadIndicatorWithContext","_ref","threadLoadingMore","_useTheme","useTheme","theme","accent_blue","colors","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","ActivityIndicator","color","size","exports","areEqual","prevProps","nextProps","prevThreadLoadingMore","nextThreadLoadingMore","threadLoadingMoreEqual","MemoizedInlineLoadingMoreThreadIndicator","React","memo","InlineLoadingMoreThreadIndicator","_useThreadContext","useThreadContext"],"sources":["InlineLoadingMoreThreadIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreThreadIndicatorPropsWithContext = {\n  threadLoadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreThreadIndicatorWithContext: React.FC<InlineLoadingMoreThreadIndicatorPropsWithContext> =\n  ({ threadLoadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!threadLoadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n) => {\n  const { threadLoadingMore: prevThreadLoadingMore } = prevProps;\n  const { threadLoadingMore: nextThreadLoadingMore } = nextProps;\n\n  const threadLoadingMoreEqual = prevThreadLoadingMore === nextThreadLoadingMore;\n  if (!threadLoadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreThreadIndicator = React.memo(\n  InlineLoadingMoreThreadIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreThreadIndicatorWithContext;\n\nexport const InlineLoadingMoreThreadIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { threadLoadingMore } = useThreadContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreThreadIndicator threadLoadingMore={threadLoadingMore} />;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA8E,IAAAI,KAAA;EAAAC,YAAA;AAI9E,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,2CAAuG,GAClH,SADWA,2CAAuGA,CAAAC,IAAA,EACvF;EAAA,IAAxBC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAClB,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,GAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACJ,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACEhB,MAAA,YAAAsB,aAAA,CAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACG,0BAA2B;IAAAc,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7C7B,MAAA,YAAAsB,aAAA,CAACnB,YAAA,CAAA2B,iBAAiB;IAACC,KAAK,EAAEX,WAAY;IAACY,IAAI,EAAC,OAAO;IAAAP,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACjD;AAEX,CAAC;AAACI,OAAA,CAAAnB,2CAAA,GAAAA,2CAAA;AAEJ,IAAMoB,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAA2D,EAC3DC,SAA2D,EACxD;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDnB,iBAAiB;EACzB,IAA2BsB,qBAAqB,GAAKF,SAAS,CAAtDpB,iBAAiB;EAEzB,IAAMuB,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAC9E,IAAI,CAACC,sBAAsB,EAAE,OAAO,KAAK;EAEzC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,wCAAwC,GAAGC,iBAAK,CAACC,IAAI,CACzD5B,2CAA2C,EAC3CoB,QAAQ,CAC6C;AAEhD,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAgCA,CAAA,EAEtC;EACL,IAAAC,iBAAA,GAA8B,IAAAC,+BAAgB,GAAsB;IAA5D7B,iBAAiB,GAAA4B,iBAAA,CAAjB5B,iBAAiB;EAEzB,OAAOhB,MAAA,YAAAsB,aAAA,CAACkB,wCAAwC;IAACxB,iBAAiB,EAAEA,iBAAkB;IAAAS,MAAA,EAAAnB,KAAA;IAAAoB,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG;AAC3F,CAAC;AAACI,OAAA,CAAAU,gCAAA,GAAAA,gCAAA"}

package/lib/module/components/MessageList/InlineUnreadIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","container","alignItems","justifyContent","padding","width","text","fontSize","InlineUnreadIndicator","useTheme","theme","colors","bg_gradient_end","bg_gradient_start","grey","messageList","inlineUnreadIndicator","useTranslationContext","t","position","vw","color"],"sources":["InlineUnreadIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { vw } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 10,\n    width: '100%',\n  },\n  text: {\n    fontSize: 12,\n  },\n});\n\nexport const InlineUnreadIndicator: React.FC = () => {\n  const {\n    theme: {\n      colors: { bg_gradient_end, bg_gradient_start, grey },\n      messageList: {\n        inlineUnreadIndicator: { container, text },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Svg height={24} style={{ position: 'absolute' }} width={vw(100)}>\n        <Rect fill='url(#gradient)' height={24} width={vw(100)} x={0} y={0} />\n        <Defs>\n          <LinearGradient gradientUnits='userSpaceOnUse' id='gradient' x1={0} x2={0} y1={24} y2={0}>\n            <Stop offset={1} stopColor={bg_gradient_end} stopOpacity={1} />\n            <Stop offset={0} stopColor={bg_gradient_start} stopOpacity={1} />\n          </LinearGradient>\n        </Defs>\n      </Svg>\n      <Text style={[styles.text, { color: grey }, text]}>{t('Unread Messages')}</Text>\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAuC;EAAA;AAAA;AAAA;AAEvC,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEK,IAAMC,qBAA+B,GAAG,SAAlCA,qBAA+B,GAAS;EACnD,gBAOI,IAAAC,sBAAQ,GAAE;IAAA,4BANZC,KAAK;IAAA,wCACHC,MAAM;IAAIC,eAAe,yBAAfA,eAAe;IAAEC,iBAAiB,yBAAjBA,iBAAiB;IAAEC,IAAI,yBAAJA,IAAI;IAAA,wCAClDC,WAAW,CACTC,qBAAqB;IAAIf,SAAS,yBAATA,SAAS;IAAEK,IAAI,yBAAJA,IAAI;EAI9C,4BAAc,IAAAW,yCAAqB,GAAE;IAA7BC,CAAC,yBAADA,CAAC;EAET,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACpB,MAAM,CAACG,SAAS,EAAEA,SAAS,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACzC,gCAAC,0BAAG;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE;MAAEkB,QAAQ,EAAE;IAAW,CAAE;IAAC,KAAK,EAAE,IAAAC,SAAE,EAAC,GAAG,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC/D,gCAAC,oBAAI;IAAC,IAAI,EAAC,gBAAgB;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE,IAAAA,SAAE,EAAC,GAAG,CAAE;IAAC,CAAC,EAAE,CAAE;IAAC,CAAC,EAAE,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,EACtE,gCAAC,oBAAI;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACH,gCAAC,8BAAc;IAAC,aAAa,EAAC,gBAAgB;IAAC,EAAE,EAAC,UAAU;IAAC,EAAE,EAAE,CAAE;IAAC,EAAE,EAAE,CAAE;IAAC,EAAE,EAAE,EAAG;IAAC,EAAE,EAAE,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvF,gCAAC,oBAAI;IAAC,MAAM,EAAE,CAAE;IAAC,SAAS,EAAER,eAAgB;IAAC,WAAW,EAAE,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,EAC/D,gCAAC,oBAAI;IAAC,MAAM,EAAE,CAAE;IAAC,SAAS,EAAEC,iBAAkB;IAAC,WAAW,EAAE,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CAClD,CACZ,CACH,EACN,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACf,MAAM,CAACQ,IAAI,EAAE;MAAEe,KAAK,EAAEP;IAAK,CAAC,EAAER,IAAI,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAEY,CAAC,CAAC,iBAAiB,CAAC,CAAQ,CAC3E;AAEX,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_ThemeContext","_TranslationContext","_utils","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","container","alignItems","justifyContent","padding","width","text","fontSize","InlineUnreadIndicator","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","bg_gradient_end","bg_gradient_start","grey","_useTheme$theme$messa","messageList","inlineUnreadIndicator","_useTranslationContex","useTranslationContext","t","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","height","position","vw","Rect","fill","x","y","Defs","LinearGradient","gradientUnits","id","x1","x2","y1","y2","Stop","offset","stopColor","stopOpacity","Text","color","exports"],"sources":["InlineUnreadIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { vw } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 10,\n    width: '100%',\n  },\n  text: {\n    fontSize: 12,\n  },\n});\n\nexport const InlineUnreadIndicator: React.FC = () => {\n  const {\n    theme: {\n      colors: { bg_gradient_end, bg_gradient_start, grey },\n      messageList: {\n        inlineUnreadIndicator: { container, text },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Svg height={24} style={{ position: 'absolute' }} width={vw(100)}>\n        <Rect fill='url(#gradient)' height={24} width={vw(100)} x={0} y={0} />\n        <Defs>\n          <LinearGradient gradientUnits='userSpaceOnUse' id='gradient' x1={0} x2={0} y1={24} y2={0}>\n            <Stop offset={1} stopColor={bg_gradient_end} stopOpacity={1} />\n            <Stop offset={0} stopColor={bg_gradient_start} stopOpacity={1} />\n          </LinearGradient>\n        </Defs>\n      </Svg>\n      <Text style={[styles.text, { color: grey }, text]}>{t('Unread Messages')}</Text>\n    </View>\n  );\n};\n"],"mappings":"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"}

package/lib/module/components/MessageList/MessageList.js

@@ -289,13 +289,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     var showUnreadUnderlay = !!isUnreadMessageRef.current(message, lastRead) && scrollToBottomButtonVisible;
     var insertInlineUnreadIndicator = showUnreadUnderlay && !isUnreadMessageRef.current(lastMessage, lastRead);
     if (message.type === 'system') {
-      return _react["default"].createElement(_react["default"].Fragment, {
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 553,
-          columnNumber: 9
-        }
-      }, _react["default"].createElement(_reactNative.View, {
+      return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
         testID: "message-list-item-" + index,
         __self: _this,
         __source: {
@@ -322,13 +316,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       }));
     }
     var wrapMessageInTheme = client.userID === ((_message$user = message.user) == null ? void 0 : _message$user.id) && !!myMessageTheme;
-    return wrapMessageInTheme ? _react["default"].createElement(_react["default"].Fragment, {
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 564,
-        columnNumber: 7
-      }
-    }, shouldApplyAndroidWorkaround && (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
+    return wrapMessageInTheme ? _react["default"].createElement(_react["default"].Fragment, null, shouldApplyAndroidWorkaround && (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
       date: message.dateSeparator,
       __self: _this,
       __source: {
@@ -383,13 +371,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
         lineNumber: 589,
         columnNumber: 41
       }
-    })) : _react["default"].createElement(_react["default"].Fragment, {
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 592,
-        columnNumber: 7
-      }
-    }, _react["default"].createElement(_reactNative.View, {
+    })) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
       testID: "message-list-item-" + index,
       __self: _this,
       __source: {
@@ -866,13 +848,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       lineNumber: 1019,
       columnNumber: 7
     }
-  })), !loading && _react["default"].createElement(_react["default"].Fragment, {
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1058,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_reactNative.View, {
+  })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
     style: styles.stickyHeader,
     __self: _this,
     __source: {