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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["InputReplyStateHeader.tsx"],"names":["styles","StyleSheet","create","replyBoxHeader","alignItems","flexDirection","justifyContent","paddingBottom","replyBoxHeaderTitle","fontSize","fontWeight","InputReplyStateHeaderWithContext","clearQuotedMessageState","disabled","resetInput","t","theme","colors","black","grey","grey_gainsboro","messageInput","editingStateHeader","editingBoxHeader","editingBoxHeaderTitle","color","areEqual","prevProps","nextProps","prevDisabled","nextDisabled","disabledEqual","MemoizedInputReplyStateHeader","React","memo","InputReplyStateHeader","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAGA;;AAIA;;AACA;;AAEA;;;;;AAGA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,cAAc,EAAE;AACdC,IAAAA,UAAU,EAAE,QADE;AAEdC,IAAAA,aAAa,EAAE,KAFD;AAGdC,IAAAA,cAAc,EAAE,eAHF;AAIdC,IAAAA,aAAa,EAAE;AAJD,GADe;AAO/BC,EAAAA,mBAAmB,EAAE;AACnBC,IAAAA,QAAQ,EAAE,EADS;AAEnBC,IAAAA,UAAU,EAAE;AAFO;AAPU,CAAlB,CAAf;;AAkBO,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,OAMiB;AAAA,MAH/DC,uBAG+D,QAH/DA,uBAG+D;AAAA,MAF/DC,QAE+D,QAF/DA,QAE+D;AAAA,MAD/DC,UAC+D,QAD/DA,UAC+D;;AAC/D,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AACA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,IAFrB,yBAEqBA,IAFrB;AAAA,MAE2BC,cAF3B,yBAE2BA,cAF3B;AAAA,8CAGIC,YAHJ,CAIMC,kBAJN;AAAA,MAI4BC,gBAJ5B,yBAI4BA,gBAJ5B;AAAA,MAI8CC,qBAJ9C,yBAI8CA,qBAJ9C;;AASA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACxB,MAAM,CAACG,cAAR,EAAwBoB,gBAAxB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,sBAAD;AAAiB,IAAA,QAAQ,EAAEH,cAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACpB,MAAM,CAACQ,mBAAR,EAA6B;AAAEiB,MAAAA,KAAK,EAAEP;AAAT,KAA7B,EAA+CM,qBAA/C,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGT,CAAC,CAAC,kBAAD,CADJ,CAFF,EAKE,gCAAC,6BAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,OAAO,EAAE,mBAAM;AACbC,MAAAA,UAAU;AACVF,MAAAA,uBAAuB;AACxB,KALH;AAME,IAAA,MAAM,EAAC,cANT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQE,gCAAC,kBAAD;AAAa,IAAA,QAAQ,EAAEO,IAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IARF,CALF,CADF;AAkBD,CAnCM;;;;AAqCP,IAAMO,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAAkBC,YAAlB,GAAmCF,SAAnC,CAAQd,QAAR;AACA,MAAkBiB,YAAlB,GAAmCF,SAAnC,CAAQf,QAAR;AAEA,MAAMkB,aAAa,GAAGF,YAAY,KAAKC,YAAvC;AACA,MAAI,CAACC,aAAL,EAAoB,OAAO,KAAP;AAEpB,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,6BAA6B,GAAGC,kBAAMC,IAAN,CACpCvB,gCADoC,EAEpCe,QAFoC,CAAtC;;AASO,IAAMS,qBAAqB,GAAG,SAAxBA,qBAAwB,CAGnCC,KAHmC,EAIhC;AACH,8BAAgD,kDAAhD;AAAA,MAAQxB,uBAAR,yBAAQA,uBAAR;AAAA,MAAiCE,UAAjC,yBAAiCA,UAAjC;;AAEA,SAAO,gCAAC,6BAAD;AAAqCF,IAAAA,uBAAuB,EAAvBA,uBAArC;AAA8DE,IAAAA,UAAU,EAAVA;AAA9D,KAAgFsB,KAAhF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CARM;;;AAUPD,qBAAqB,CAACE,WAAtB,GAAoC,gCAApC","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"]}
+{"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"}

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

@@ -1,63 +1,45 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCooldown = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _streamChat = require("stream-chat");
-
 var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var _date = require("../../../utils/date");
-
 var useCooldown = function useCooldown() {
   var _client$user, _channel$state$member;
-
   var _useState = (0, _react.useState)(new Date()),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      endsAt = _useState2[0],
-      setEndsAt = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    endsAt = _useState2[0],
+    setEndsAt = _useState2[1];
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-      channel = _useChannelContext.channel;
-
+    channel = _useChannelContext.channel;
   var _ref = (channel == null ? void 0 : channel.data) || {},
-      cooldown = _ref.cooldown;
-
+    cooldown = _ref.cooldown;
   var interval = cooldown != null ? cooldown : 0;
   var disabledRoles = [_streamChat.BuiltinRoles.Admin, _streamChat.BuiltinRoles.ChannelModerator];
   var userClientRole = (client == null ? void 0 : (_client$user = client.user) == null ? void 0 : _client$user.role) || '';
   var userChannelRole = (channel == null ? void 0 : (_channel$state$member = channel.state.members[client.userID || '']) == null ? void 0 : _channel$state$member.role) || '';
-
   var disabledFor = function disabledFor(roles) {
     return disabledRoles.some(function (roleToSkip) {
       return roles.includes(roleToSkip);
     });
   };
-
   var enabled = interval > 0 && !disabledFor([userClientRole, userChannelRole]);
-
   var start = function start() {
     if (enabled) {
       setEndsAt(new Date(Date.now() + interval * _date.ONE_SECOND_IN_MS));
     }
   };
-
   return {
     endsAt: endsAt,
     start: start
   };
 };
-
 exports.useCooldown = useCooldown;
 //# sourceMappingURL=useCooldown.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useCooldown.ts"],"names":["useCooldown","Date","endsAt","setEndsAt","client","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"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AAEA;;AAQO,IAAMA,WAAW,GAAG,SAAdA,WAAc,GAEpB;AAAA;;AACL,kBAA4B,qBAAS,IAAIC,IAAJ,EAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AAEA,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AACA,2BAAoB,wCAApB;AAAA,MAAQC,OAAR,sBAAQA,OAAR;;AACA,aAAsB,CAAAA,OAAO,QAAP,YAAAA,OAAO,CAAEC,IAAT,KAAiB,EAAvC;AAAA,MAAQC,QAAR,QAAQA,QAAR;;AACA,MAAMC,QAAgB,GAAGD,QAAH,WAAGA,QAAH,GAAe,CAArC;AAQA,MAAME,aAAa,GAAG,CAACC,yBAAaC,KAAd,EAAqBD,yBAAaE,gBAAlC,CAAtB;AACA,MAAMC,cAAc,GAAG,CAAAT,MAAM,QAAN,4BAAAA,MAAM,CAAEU,IAAR,kCAAcC,IAAd,KAAsB,EAA7C;AACA,MAAMC,eAAe,GAAG,CAAAX,OAAO,QAAP,qCAAAA,OAAO,CAAEY,KAAT,CAAeC,OAAf,CAAuBd,MAAM,CAACe,MAAP,IAAiB,EAAxC,4CAA6CJ,IAA7C,KAAqD,EAA7E;;AAEA,MAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,WAClBZ,aAAa,CAACa,IAAd,CAAmB,UAACC,UAAD;AAAA,aAAgBF,KAAK,CAACG,QAAN,CAAeD,UAAf,CAAhB;AAAA,KAAnB,CADkB;AAAA,GAApB;;AAGA,MAAME,OAAO,GAAGjB,QAAQ,GAAG,CAAX,IAAgB,CAACY,WAAW,CAAC,CAACP,cAAD,EAAiBG,eAAjB,CAAD,CAA5C;;AAEA,MAAMU,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClB,QAAID,OAAJ,EAAa;AACXtB,MAAAA,SAAS,CAAC,IAAIF,IAAJ,CAASA,IAAI,CAAC0B,GAAL,KAAanB,QAAQ,GAAGoB,sBAAjC,CAAD,CAAT;AACD;AACF,GAJD;;AAMA,SAAO;AAAE1B,IAAAA,MAAM,EAANA,MAAF;AAAUwB,IAAAA,KAAK,EAALA;AAAV,GAAP;AACD,CAhCM","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"]}
+{"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"}

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

@@ -1,47 +1,35 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCountdown = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _date = require("../../../utils/date");
-
 var useCountdown = function useCountdown(end) {
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      seconds = _useState2[0],
-      setSeconds = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    seconds = _useState2[0],
+    setSeconds = _useState2[1];
   (0, _react.useEffect)(function () {
     var intervalId;
-
     var startCountdown = function startCountdown(seconds) {
       setSeconds(seconds);
       intervalId = setInterval(function () {
         setSeconds(function (previous) {
           var next = previous - 1;
-
           if (next < 1) {
             clearInterval(intervalId);
             return 0;
           }
-
           return next;
         });
       }, _date.ONE_SECOND_IN_MS);
     };
-
     var secondsUntilEnd = (0, _date.secondsUntil)(end);
-
     if (secondsUntilEnd > 0) {
       startCountdown(secondsUntilEnd);
     }
-
     return function () {
       if (intervalId) {
         clearInterval(intervalId);
@@ -52,6 +40,5 @@ var useCountdown = function useCountdown(end) {
     seconds: seconds
   };
 };
-
 exports.useCountdown = useCountdown;
 //# sourceMappingURL=useCountdown.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useCountdown.ts"],"names":["useCountdown","end","seconds","setSeconds","intervalId","startCountdown","setInterval","previous","next","clearInterval","ONE_SECOND_IN_MS","secondsUntilEnd"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAe;AACzC,kBAA8B,qBAAS,CAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAMA,wBAAU,YAAM;AACd,QAAIC,UAAJ;;AAEA,QAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACH,OAAD,EAAqB;AAC1CC,MAAAA,UAAU,CAACD,OAAD,CAAV;AACAE,MAAAA,UAAU,GAAGE,WAAW,CAAC,YAAM;AAC7BH,QAAAA,UAAU,CAAC,UAACI,QAAD,EAAsB;AAC/B,cAAMC,IAAI,GAAGD,QAAQ,GAAG,CAAxB;;AACA,cAAIC,IAAI,GAAG,CAAX,EAAc;AAEZC,YAAAA,aAAa,CAACL,UAAD,CAAb;AACA,mBAAO,CAAP;AACD;;AACD,iBAAOI,IAAP;AACD,SARS,CAAV;AASD,OAVuB,EAUrBE,sBAVqB,CAAxB;AAWD,KAbD;;AAeA,QAAMC,eAAe,GAAG,wBAAaV,GAAb,CAAxB;;AACA,QAAIU,eAAe,GAAG,CAAtB,EAAyB;AACvBN,MAAAA,cAAc,CAACM,eAAD,CAAd;AACD;;AAED,WAAO,YAAM;AACX,UAAIP,UAAJ,EAAgB;AACdK,QAAAA,aAAa,CAACL,UAAD,CAAb;AACD;AACF,KAJD;AAKD,GA5BD,EA4BG,CAACH,GAAD,CA5BH;AA8BA,SAAO;AAAEC,IAAAA,OAAO,EAAPA;AAAF,GAAP;AACD,CAtCM","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"]}
+{"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"}

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

@@ -1,19 +1,13 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateHeader = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/DateHeader.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/DateHeader.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -30,19 +24,16 @@ var styles = _reactNative.StyleSheet.create({
     textAlignVertical: 'center'
   }
 });
-
 var DateHeader = function DateHeader(_ref) {
   var dateString = _ref.dateString;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      overlay = _useTheme$theme$color.overlay,
-      white = _useTheme$theme$color.white,
-      _useTheme$theme$dateH = _useTheme$theme.dateHeader,
-      container = _useTheme$theme$dateH.container,
-      text = _useTheme$theme$dateH.text;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    overlay = _useTheme$theme$color.overlay,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$dateH = _useTheme$theme.dateHeader,
+    container = _useTheme$theme$dateH.container,
+    text = _useTheme$theme$dateH.text;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: overlay
@@ -65,6 +56,5 @@ var DateHeader = function DateHeader(_ref) {
     }
   }, dateString));
 };
-
 exports.DateHeader = DateHeader;
 //# sourceMappingURL=DateHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["DateHeader.tsx"],"names":["styles","StyleSheet","create","container","alignItems","alignSelf","borderRadius","height","justifyContent","marginTop","paddingHorizontal","text","fontSize","textAlign","textAlignVertical","DateHeader","dateString","theme","colors","overlay","white","dateHeader","backgroundColor","color"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,SAAS,EAAE,QAFF;AAGTC,IAAAA,YAAY,EAAE,CAHL;AAITC,IAAAA,MAAM,EAAE,EAJC;AAKTC,IAAAA,cAAc,EAAE,QALP;AAMTC,IAAAA,SAAS,EAAE,CANF;AAOTC,IAAAA,iBAAiB,EAAE;AAPV,GADoB;AAU/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,SAAS,EAAE,QAFP;AAGJC,IAAAA,iBAAiB,EAAE;AAHf;AAVyB,CAAlB,CAAf;;AAqBO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAAoB;AAAA,MAAjBC,UAAiB,QAAjBA,UAAiB;;AACvE,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,OAFd,yBAEcA,OAFd;AAAA,MAEuBC,KAFvB,yBAEuBA,KAFvB;AAAA,8CAGIC,UAHJ;AAAA,MAGkBlB,SAHlB,yBAGkBA,SAHlB;AAAA,MAG6BQ,IAH7B,yBAG6BA,IAH7B;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACX,MAAM,CAACG,SAAR,EAAmB;AAAEmB,MAAAA,eAAe,EAAEH;AAAnB,KAAnB,EAAiDhB,SAAjD,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACW,IAAR,EAAc;AAAEY,MAAAA,KAAK,EAAEH;AAAT,KAAd,EAAgCT,IAAhC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAqDK,UAArD,CADF,CADF;AAKD,CAbM","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"]}
+{"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"}

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

@@ -1,21 +1,14 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineDateSeparator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineDateSeparator.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineDateSeparator.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -32,26 +25,21 @@ var styles = _reactNative.StyleSheet.create({
     textAlignVertical: 'center'
   }
 });
-
 var InlineDateSeparator = function InlineDateSeparator(_ref) {
   var date = _ref.date;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      overlay = _useTheme$theme$color.overlay,
-      white = _useTheme$theme$color.white,
-      _useTheme$theme$inlin = _useTheme$theme.inlineDateSeparator,
-      container = _useTheme$theme$inlin.container,
-      text = _useTheme$theme$inlin.text;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    overlay = _useTheme$theme$color.overlay,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$inlin = _useTheme$theme.inlineDateSeparator,
+    container = _useTheme$theme$inlin.container,
+    text = _useTheme$theme$inlin.text;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      tDateTimeParser = _useTranslationContex.tDateTimeParser;
-
+    tDateTimeParser = _useTranslationContex.tDateTimeParser;
   if (!date) {
     return null;
   }
-
   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();
@@ -78,6 +66,5 @@ var InlineDateSeparator = function InlineDateSeparator(_ref) {
     }
   }, dateString));
 };
-
 exports.InlineDateSeparator = InlineDateSeparator;
 //# sourceMappingURL=InlineDateSeparator.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["InlineDateSeparator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","alignSelf","borderRadius","height","justifyContent","marginVertical","paddingHorizontal","text","fontSize","textAlign","textAlignVertical","InlineDateSeparator","date","theme","colors","overlay","white","inlineDateSeparator","tDateTimeParser","dateFormat","getFullYear","Date","tDate","dateString","format","toDateString","backgroundColor","color"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAKA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,SAAS,EAAE,QAFF;AAGTC,IAAAA,YAAY,EAAE,CAHL;AAITC,IAAAA,MAAM,EAAE,EAJC;AAKTC,IAAAA,cAAc,EAAE,QALP;AAMTC,IAAAA,cAAc,EAAE,CANP;AAOTC,IAAAA,iBAAiB,EAAE;AAPV,GADoB;AAU/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,SAAS,EAAE,QAFP;AAGJC,IAAAA,iBAAiB,EAAE;AAHf;AAVyB,CAAlB,CAAf;;AAqBO,IAAMC,mBAAuD,GAAG,SAA1DA,mBAA0D,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AACnF,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,OAFd,yBAEcA,OAFd;AAAA,MAEuBC,KAFvB,yBAEuBA,KAFvB;AAAA,8CAGIC,mBAHJ;AAAA,MAG2BlB,SAH3B,yBAG2BA,SAH3B;AAAA,MAGsCQ,IAHtC,yBAGsCA,IAHtC;;AAMA,8BAA4B,gDAA5B;AAAA,MAAQW,eAAR,yBAAQA,eAAR;;AAEA,MAAI,CAACN,IAAL,EAAW;AACT,WAAO,IAAP;AACD;;AAED,MAAMO,UAAU,GAAGP,IAAI,CAACQ,WAAL,OAAuB,IAAIC,IAAJ,GAAWD,WAAX,EAAvB,GAAkD,OAAlD,GAA4D,aAA/E;AACA,MAAME,KAAK,GAAGJ,eAAe,CAACN,IAAD,CAA7B;AACA,MAAMW,UAAU,GAAG,uCAAcD,KAAd,IACfA,KAAK,CAACE,MAAN,CAAaL,UAAb,CADe,GAEf,IAAIE,IAAJ,CAASC,KAAT,EAAgBG,YAAhB,EAFJ;AAIA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAAC7B,MAAM,CAACG,SAAR,EAAmB;AAAE2B,MAAAA,eAAe,EAAEX;AAAnB,KAAnB,EAAiDhB,SAAjD,CADT;AAEE,IAAA,MAAM,EAAC,gBAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACW,IAAR,EAAc;AAAEoB,MAAAA,KAAK,EAAEX;AAAT,KAAd,EAAgCT,IAAhC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAqDgB,UAArD,CAJF,CADF;AAQD,CA3BM","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"]}
+{"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"}

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

@@ -1,40 +1,28 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineLoadingMoreIndicatorWithContext = exports.InlineLoadingMoreIndicator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreIndicator.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
     padding: 10,
     width: '100%'
   }
 });
-
 var InlineLoadingMoreIndicatorWithContext = function InlineLoadingMoreIndicatorWithContext(_ref) {
   var loadingMore = _ref.loadingMore;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      theme = _useTheme.theme;
-
+    theme = _useTheme.theme;
   var accent_blue = theme.colors.accent_blue;
-
   if (!loadingMore) {
     return null;
   }
-
   return _react["default"].createElement(_reactNative.View, {
     style: styles.activityIndicatorContainer,
     __self: _this,
@@ -54,9 +42,7 @@ var InlineLoadingMoreIndicatorWithContext = function InlineLoadingMoreIndicatorW
     }
   }));
 };
-
 exports.InlineLoadingMoreIndicatorWithContext = InlineLoadingMoreIndicatorWithContext;
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevLoadingMore = prevProps.loadingMore;
   var nextLoadingMore = nextProps.loadingMore;
@@ -64,13 +50,10 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!loadingMoreEqual) return false;
   return true;
 };
-
 var MemoizedInlineLoadingMoreIndicator = _react["default"].memo(InlineLoadingMoreIndicatorWithContext, areEqual);
-
 var InlineLoadingMoreIndicator = function InlineLoadingMoreIndicator() {
   var _usePaginatedMessageL = (0, _PaginatedMessageListContext.usePaginatedMessageListContext)(),
-      loadingMore = _usePaginatedMessageL.loadingMore;
-
+    loadingMore = _usePaginatedMessageL.loadingMore;
   return _react["default"].createElement(MemoizedInlineLoadingMoreIndicator, {
     loadingMore: loadingMore,
     __self: _this,
@@ -81,6 +64,5 @@ var InlineLoadingMoreIndicator = function InlineLoadingMoreIndicator() {
     }
   });
 };
-
 exports.InlineLoadingMoreIndicator = InlineLoadingMoreIndicator;
 //# sourceMappingURL=InlineLoadingMoreIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["InlineLoadingMoreIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreIndicatorWithContext","loadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMore","nextLoadingMore","loadingMoreEqual","MemoizedInlineLoadingMoreIndicator","React","memo","InlineLoadingMoreIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,qCAA2F,GACtG,SADWA,qCACX,OAAqB;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;;AACnB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,WAAL,EAAkB;AAChB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAAqBC,eAArB,GAAyCF,SAAzC,CAAQL,WAAR;AACA,MAAqBQ,eAArB,GAAyCF,SAAzC,CAAQN,WAAR;AAEA,MAAMS,gBAAgB,GAAGF,eAAe,KAAKC,eAA7C;AACA,MAAI,CAACC,gBAAL,EAAuB,OAAO,KAAP;AAEvB,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,kCAAkC,GAAGC,kBAAMC,IAAN,CACzCb,qCADyC,EAEzCK,QAFyC,CAA3C;;AAKO,IAAMS,0BAA0B,GAAG,SAA7BA,0BAA6B,GAEnC;AACL,8BAAwB,kEAAxB;AAAA,MAAQb,WAAR,yBAAQA,WAAR;;AAEA,SAAO,gCAAC,kCAAD;AAAoC,IAAA,WAAW,EAAEA,WAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CANM","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"]}
+{"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"}

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

@@ -1,40 +1,28 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineLoadingMoreRecentIndicatorWithContext = exports.InlineLoadingMoreRecentIndicator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreRecentIndicator.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreRecentIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
     padding: 10,
     width: '100%'
   }
 });
-
 var InlineLoadingMoreRecentIndicatorWithContext = function InlineLoadingMoreRecentIndicatorWithContext(_ref) {
   var loadingMoreRecent = _ref.loadingMoreRecent;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      theme = _useTheme.theme;
-
+    theme = _useTheme.theme;
   var accent_blue = theme.colors.accent_blue;
-
   if (!loadingMoreRecent) {
     return null;
   }
-
   return _react["default"].createElement(_reactNative.View, {
     style: styles.activityIndicatorContainer,
     __self: _this,
@@ -54,9 +42,7 @@ var InlineLoadingMoreRecentIndicatorWithContext = function InlineLoadingMoreRece
     }
   }));
 };
-
 exports.InlineLoadingMoreRecentIndicatorWithContext = InlineLoadingMoreRecentIndicatorWithContext;
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevLoadingMoreRecent = prevProps.loadingMoreRecent;
   var nextLoadingMoreRecent = nextProps.loadingMoreRecent;
@@ -64,13 +50,10 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!loadingMoreRecentEqual) return false;
   return true;
 };
-
 var MemoizedInlineLoadingMoreRecentIndicator = _react["default"].memo(InlineLoadingMoreRecentIndicatorWithContext, areEqual);
-
 var InlineLoadingMoreRecentIndicator = function InlineLoadingMoreRecentIndicator() {
   var _usePaginatedMessageL = (0, _PaginatedMessageListContext.usePaginatedMessageListContext)(),
-      loadingMoreRecent = _usePaginatedMessageL.loadingMoreRecent;
-
+    loadingMoreRecent = _usePaginatedMessageL.loadingMoreRecent;
   return _react["default"].createElement(MemoizedInlineLoadingMoreRecentIndicator, {
     loadingMoreRecent: loadingMoreRecent,
     __self: _this,
@@ -81,6 +64,5 @@ var InlineLoadingMoreRecentIndicator = function InlineLoadingMoreRecentIndicator
     }
   });
 };
-
 exports.InlineLoadingMoreRecentIndicator = InlineLoadingMoreRecentIndicator;
 //# sourceMappingURL=InlineLoadingMoreRecentIndicator.js.map