stream-chat-react-native-core 5.27.0-beta.9 → 5.27.1-beta.1

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputGiphySearchWithContext = exports.InputGiphySearch = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _MessageInputContext = require("../../../contexts/messageInputContext/MessageInputContext");
@@ -11,6 +10,7 @@ var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _icons = require("../../../icons");
 var _AutoCompleteInput = require("../../AutoCompleteInput/AutoCompleteInput");
 var _useCountdown2 = require("../hooks/useCountdown");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/components/InputGiphySearch.tsx";
 var styles = _reactNative.StyleSheet.create({
@@ -52,77 +52,39 @@ var InputGiphySearchWithContext = function InputGiphySearchWithContext(_ref) {
     _useTheme$theme$messa2 = _useTheme$theme$messa.giphyCommandInput,
     giphyContainer = _useTheme$theme$messa2.giphyContainer,
     giphyText = _useTheme$theme$messa2.giphyText;
-  return _react["default"].createElement(_reactNative.View, {
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.autoCompleteInputContainer, autoCompleteInputContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 67,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_reactNative.View, {
-    style: [styles.giphyContainer, {
-      backgroundColor: accent_blue
-    }, giphyContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 68,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_icons.Lightning, {
-    height: 16,
-    pathFill: white,
-    width: 16,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 69,
-      columnNumber: 9
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.giphyText, {
-      color: white
-    }, giphyText],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 70,
-      columnNumber: 9
-    }
-  }, "GIPHY")), _react["default"].createElement(_AutoCompleteInput.AutoCompleteInput, {
-    additionalTextInputProps: additionalTextInputProps,
-    cooldownActive: !!cooldownRemainingSeconds,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 73,
-      columnNumber: 7
-    }
-  }), _react["default"].createElement(_reactNative.TouchableOpacity, {
-    disabled: disabled,
-    onPress: function onPress() {
-      setGiphyActive(false);
-      setShowMoreOptions(true);
-    },
-    testID: "close-button",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 77,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_icons.CircleClose, {
-    height: 20,
-    pathFill: grey,
-    width: 20,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 85,
-      columnNumber: 9
-    }
-  })));
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.giphyContainer, {
+        backgroundColor: accent_blue
+      }, giphyContainer],
+      children: [(0, _jsxRuntime.jsx)(_icons.Lightning, {
+        height: 16,
+        pathFill: white,
+        width: 16
+      }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.giphyText, {
+          color: white
+        }, giphyText],
+        children: "GIPHY"
+      })]
+    }), (0, _jsxRuntime.jsx)(_AutoCompleteInput.AutoCompleteInput, {
+      additionalTextInputProps: additionalTextInputProps,
+      cooldownActive: !!cooldownRemainingSeconds
+    }), (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      disabled: disabled,
+      onPress: function onPress() {
+        setGiphyActive(false);
+        setShowMoreOptions(true);
+      },
+      testID: "close-button",
+      children: (0, _jsxRuntime.jsx)(_icons.CircleClose, {
+        height: 20,
+        pathFill: grey,
+        width: 20
+      })
+    })]
+  });
 };
 exports.InputGiphySearchWithContext = InputGiphySearchWithContext;
 var areEqual = function areEqual(prevProps, nextProps) {
@@ -139,19 +101,12 @@ var InputGiphySearch = function InputGiphySearch(props) {
     cooldownEndsAt = _useMessageInputConte.cooldownEndsAt,
     setGiphyActive = _useMessageInputConte.setGiphyActive,
     setShowMoreOptions = _useMessageInputConte.setShowMoreOptions;
-  return _react["default"].createElement(MemoizedInputGiphySearch, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(MemoizedInputGiphySearch, Object.assign({
     additionalTextInputProps: additionalTextInputProps,
     cooldownEndsAt: cooldownEndsAt,
     setGiphyActive: setGiphyActive,
     setShowMoreOptions: setShowMoreOptions
-  }, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 122,
-      columnNumber: 5
-    }
-  }));
+  }, props));
 };
 exports.InputGiphySearch = InputGiphySearch;
 InputGiphySearch.displayName = 'InputGiphySearch{messageInput}';

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_icons","_AutoCompleteInput","_useCountdown2","_jsxRuntime","_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","jsxs","View","style","children","backgroundColor","jsx","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","Object","assign","displayName"],"sourceRoot":"../../../../../src","sources":["components/MessageInput/components/InputGiphySearch.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputReplyStateHeaderWithContext = exports.InputReplyStateHeader = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _MessageInputContext = require("../../../contexts/messageInputContext/MessageInputContext");
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
 var _icons = require("../../../icons");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/components/InputReplyStateHeader.tsx";
 var styles = _reactNative.StyleSheet.create({
@@ -39,54 +39,27 @@ var InputReplyStateHeaderWithContext = function InputReplyStateHeaderWithContext
     _useTheme$theme$messa = _useTheme$theme.messageInput.editingStateHeader,
     editingBoxHeader = _useTheme$theme$messa.editingBoxHeader,
     editingBoxHeaderTitle = _useTheme$theme$messa.editingBoxHeaderTitle;
-  return _react["default"].createElement(_reactNative.View, {
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.replyBoxHeader, editingBoxHeader],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 51,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_icons.CurveLineLeftUp, {
-    pathFill: grey_gainsboro,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 52,
-      columnNumber: 7
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.replyBoxHeaderTitle, {
-      color: black
-    }, editingBoxHeaderTitle],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 53,
-      columnNumber: 7
-    }
-  }, t('Reply to Message')), _react["default"].createElement(_reactNative.TouchableOpacity, {
-    disabled: disabled,
-    onPress: function onPress() {
-      resetInput();
-      clearQuotedMessageState();
-    },
-    testID: "close-button",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 56,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_icons.CircleClose, {
-    pathFill: grey,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 64,
-      columnNumber: 9
-    }
-  })));
+    children: [(0, _jsxRuntime.jsx)(_icons.CurveLineLeftUp, {
+      pathFill: grey_gainsboro
+    }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.replyBoxHeaderTitle, {
+        color: black
+      }, editingBoxHeaderTitle],
+      children: t('Reply to Message')
+    }), (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      disabled: disabled,
+      onPress: function onPress() {
+        resetInput();
+        clearQuotedMessageState();
+      },
+      testID: "close-button",
+      children: (0, _jsxRuntime.jsx)(_icons.CircleClose, {
+        pathFill: grey
+      })
+    })]
+  });
 };
 exports.InputReplyStateHeaderWithContext = InputReplyStateHeaderWithContext;
 var areEqual = function areEqual(prevProps, nextProps) {
@@ -101,17 +74,10 @@ var InputReplyStateHeader = function InputReplyStateHeader(props) {
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
     clearQuotedMessageState = _useMessageInputConte.clearQuotedMessageState,
     resetInput = _useMessageInputConte.resetInput;
-  return _react["default"].createElement(MemoizedInputReplyStateHeader, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(MemoizedInputReplyStateHeader, Object.assign({
     clearQuotedMessageState: clearQuotedMessageState,
     resetInput: resetInput
-  }, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 99,
-      columnNumber: 10
-    }
-  }));
+  }, props));
 };
 exports.InputReplyStateHeader = InputReplyStateHeader;
 InputReplyStateHeader.displayName = 'ReplyStateHeader{messageInput}';

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_TranslationContext","_icons","_jsxRuntime","_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","jsxs","View","style","children","jsx","CurveLineLeftUp","pathFill","Text","color","TouchableOpacity","onPress","testID","CircleClose","exports","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputReplyStateHeader","React","memo","InputReplyStateHeader","props","_useMessageInputConte","useMessageInputContext","Object","assign","displayName"],"sourceRoot":"../../../../../src","sources":["components/MessageInput/components/InputReplyStateHeader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"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,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAJ,SAAA;IAAzCK,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EAExB,IAAAI,eAAA,GAAmB,IAAAC,2BAAc,EAAqB,CAAC;IAA/CC,MAAM,GAAAF,eAAA,CAANE,MAAM;EACd,IAAAC,kBAAA,GAAoB,IAAAC,iCAAiB,EAAqB,CAAC;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,CAAC,CAAC,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"}
+{"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"],"sourceRoot":"../../../../../src","sources":["components/MessageInput/hooks/useCooldown.ts"],"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,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAJ,SAAA;IAAzCK,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EAExB,IAAAI,eAAA,GAAmB,IAAAC,2BAAc,EAAqB,CAAC;IAA/CC,MAAM,GAAAF,eAAA,CAANE,MAAM;EACd,IAAAC,kBAAA,GAAoB,IAAAC,iCAAiB,EAAqB,CAAC;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,CAAC,CAAC,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","ignoreList":[]}

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

@@ -1 +1 @@
-{"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.Timeout;\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,UAA0B;IAE9B,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"}
+{"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"],"sourceRoot":"../../../../../src","sources":["components/MessageInput/hooks/useCountdown.ts"],"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,UAA0B;IAE9B,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","ignoreList":[]}

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

@@ -6,6 +6,7 @@ exports.DateHeader = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/DateHeader.tsx";
 var styles = _reactNative.StyleSheet.create({
@@ -34,27 +35,17 @@ var DateHeader = function DateHeader(_ref) {
     _useTheme$theme$dateH = _useTheme$theme.dateHeader,
     container = _useTheme$theme$dateH.container,
     text = _useTheme$theme$dateH.text;
-  return _react["default"].createElement(_reactNative.View, {
+  return (0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: overlay
     }, container],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 36,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_reactNative.Text, {
-    style: [styles.text, {
-      color: white
-    }, text],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 37,
-      columnNumber: 7
-    }
-  }, dateString));
+    children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, {
+        color: white
+      }, text],
+      children: dateString
+    })
+  });
 };
 exports.DateHeader = DateHeader;
 //# sourceMappingURL=DateHeader.js.map

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

@@ -1 +1 @@
-{"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,EAAC,CAAC;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,UAAiB,CAClE,CAAC;AAEX,CAAC;AAACsB,OAAA,CAAAxB,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_jsxRuntime","_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","jsx","View","style","backgroundColor","children","Text","color","exports"],"sourceRoot":"../../../../src","sources":["components/MessageList/DateHeader.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAAAI,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,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACrC,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;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,OACE,IAAAd,WAAA,CAAA+B,GAAA,EAACjC,YAAA,CAAAkC,IAAI;IAACC,KAAK,EAAE,CAAC9B,MAAM,CAACG,SAAS,EAAE;MAAE4B,eAAe,EAAEP;IAAQ,CAAC,EAAErB,SAAS,CAAE;IAAA6B,QAAA,EACvE,IAAAnC,WAAA,CAAA+B,GAAA,EAACjC,YAAA,CAAAsC,IAAI;MAACH,KAAK,EAAE,CAAC9B,MAAM,CAACW,IAAI,EAAE;QAAEuB,KAAK,EAAET;MAAM,CAAC,EAAEd,IAAI,CAAE;MAAAqB,QAAA,EAAEf;IAAU,CAAO;EAAC,CACnE,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAApB,UAAA,GAAAA,UAAA","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineDateSeparator.tsx";
 var styles = _reactNative.StyleSheet.create({
@@ -43,28 +44,18 @@ var InlineDateSeparator = function InlineDateSeparator(_ref) {
   var dateFormat = date.getFullYear() === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';
   var tDate = tDateTimeParser(date);
   var dateString = (0, _TranslationContext.isDayOrMoment)(tDate) ? tDate.format(dateFormat) : new Date(tDate).toDateString();
-  return _react["default"].createElement(_reactNative.View, {
+  return (0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: overlay
     }, container],
     testID: "date-separator",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 51,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_reactNative.Text, {
-    style: [styles.text, {
-      color: white
-    }, text],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 55,
-      columnNumber: 7
-    }
-  }, dateString));
+    children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, {
+        color: white
+      }, text],
+      children: dateString
+    })
+  });
 };
 exports.InlineDateSeparator = InlineDateSeparator;
 //# sourceMappingURL=InlineDateSeparator.js.map

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

@@ -1 +1 @@
-{"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,EAAC,CAAC;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,EAAC,CAAC;IAA3CC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EAEvB,IAAI,CAACb,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,IAAMc,UAAU,GAAGd,IAAI,CAACe,WAAW,CAAC,CAAC,KAAK,IAAIC,IAAI,CAAC,CAAC,CAACD,WAAW,CAAC,CAAC,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,CAAC,CAAC;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,UAAiB,CAClE,CAAC;AAEX,CAAC;AAACgB,OAAA,CAAApC,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_jsxRuntime","_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","jsx","View","style","backgroundColor","testID","children","Text","color","exports"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineDateSeparator.tsx"],"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,WAAA,GAAAJ,OAAA;AAAA,IAAAK,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,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA2C;EAAA,IAArCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACxC,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;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,EAAC,CAAC;IAA3CC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EAEvB,IAAI,CAACb,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,IAAMc,UAAU,GAAGd,IAAI,CAACe,WAAW,CAAC,CAAC,KAAK,IAAIC,IAAI,CAAC,CAAC,CAACD,WAAW,CAAC,CAAC,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,CAAC,CAAC;EAElC,OACE,IAAAzC,WAAA,CAAA0C,GAAA,EAAC7C,YAAA,CAAA8C,IAAI;IACHC,KAAK,EAAE,CAACzC,MAAM,CAACG,SAAS,EAAE;MAAEuC,eAAe,EAAElB;IAAQ,CAAC,EAAErB,SAAS,CAAE;IACnEwC,MAAM,EAAC,gBAAgB;IAAAC,QAAA,EAEvB,IAAA/C,WAAA,CAAA0C,GAAA,EAAC7C,YAAA,CAAAmD,IAAI;MAACJ,KAAK,EAAE,CAACzC,MAAM,CAACW,IAAI,EAAE;QAAEmC,KAAK,EAAErB;MAAM,CAAC,EAAEd,IAAI,CAAE;MAAAiC,QAAA,EAAET;IAAU,CAAO;EAAC,CACnE,CAAC;AAEX,CAAC;AAACY,OAAA,CAAAhC,mBAAA,GAAAA,mBAAA","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
@@ -23,24 +24,13 @@ var InlineLoadingMoreIndicatorWithContext = function InlineLoadingMoreIndicatorW
   if (!loadingMore) {
     return null;
   }
-  return _react["default"].createElement(_reactNative.View, {
+  return (0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.activityIndicatorContainer,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 33,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_reactNative.ActivityIndicator, {
-    color: accent_blue,
-    size: "small",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 34,
-      columnNumber: 9
-    }
-  }));
+    children: (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      color: accent_blue,
+      size: "small"
+    })
+  });
 };
 exports.InlineLoadingMoreIndicatorWithContext = InlineLoadingMoreIndicatorWithContext;
 var areEqual = function areEqual(prevProps, nextProps) {
@@ -54,14 +44,8 @@ var MemoizedInlineLoadingMoreIndicator = _react["default"].memo(InlineLoadingMor
 var InlineLoadingMoreIndicator = function InlineLoadingMoreIndicator() {
   var _usePaginatedMessageL = (0, _PaginatedMessageListContext.usePaginatedMessageListContext)(),
     loadingMore = _usePaginatedMessageL.loadingMore;
-  return _react["default"].createElement(MemoizedInlineLoadingMoreIndicator, {
-    loadingMore: loadingMore,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 62,
-      columnNumber: 10
-    }
+  return (0, _jsxRuntime.jsx)(MemoizedInlineLoadingMoreIndicator, {
+    loadingMore: loadingMore
   });
 };
 exports.InlineLoadingMoreIndicator = InlineLoadingMoreIndicator;

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

@@ -1 +1 @@
-{"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,EAAC,CAAC;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,CAAE,CACjD,CAAC;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,QACF,CAAiD;AAE1C,IAAMS,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAA,EAEhC;EACL,IAAAC,qBAAA,GAAwB,IAAAC,2DAA8B,EAAqB,CAAC;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,CAAE,CAAC;AACzE,CAAC;AAACI,OAAA,CAAAU,0BAAA,GAAAA,0BAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PaginatedMessageListContext","_ThemeContext","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreIndicatorWithContext","_ref","loadingMore","_useTheme","useTheme","theme","accent_blue","colors","jsx","View","style","children","ActivityIndicator","color","size","exports","areEqual","prevProps","nextProps","prevLoadingMore","nextLoadingMore","loadingMoreEqual","MemoizedInlineLoadingMoreIndicator","React","memo","InlineLoadingMoreIndicator","_usePaginatedMessageL","usePaginatedMessageListContext"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineLoadingMoreIndicator.tsx"],"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,WAAA,GAAAJ,OAAA;AAAA,IAAAK,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,qCAAqC,GAAG,SAAxCA,qCAAqCA,CAAAC,IAAA,EAEA;EAAA,IADhDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAEX,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,EAAC,CAAC;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,OACE,IAAAX,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACG,0BAA2B;IAAAc,QAAA,EAC7C,IAAApB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAwB,iBAAiB;MAACC,KAAK,EAAEP,WAAY;MAACQ,IAAI,EAAC;IAAO,CAAE;EAAC,CAClD,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAf,qCAAA,GAAAA,qCAAA;AAEF,IAAMgB,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAqD,EACrDC,SAAqD,EAClD;EACH,IAAqBC,eAAe,GAAKF,SAAS,CAA1Cf,WAAW;EACnB,IAAqBkB,eAAe,GAAKF,SAAS,CAA1ChB,WAAW;EAEnB,IAAMmB,gBAAgB,GAAGF,eAAe,KAAKC,eAAe;EAC5D,IAAI,CAACC,gBAAgB,EAAE,OAAO,KAAK;EAEnC,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,kCAAkC,GAAGC,iBAAK,CAACC,IAAI,CACnDxB,qCAAqC,EACrCgB,QACF,CAAiD;AAE1C,IAAMS,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAA,EAEhC;EACL,IAAAC,qBAAA,GAAwB,IAAAC,2DAA8B,EAAqB,CAAC;IAApEzB,WAAW,GAAAwB,qBAAA,CAAXxB,WAAW;EAEnB,OAAO,IAAAX,WAAA,CAAAiB,GAAA,EAACc,kCAAkC;IAACpB,WAAW,EAAEA;EAAY,CAAE,CAAC;AACzE,CAAC;AAACa,OAAA,CAAAU,0BAAA,GAAAA,0BAAA","ignoreList":[]}