stream-chat-react-native-core 4.0.0 → 4.1.0

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

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

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

@@ -16,7 +16,7 @@ var _icons = require("../../icons");
 var _utils = require("../../utils/utils");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/UploadProgressIndicator.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/MessageInput/UploadProgressIndicator.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {

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

@@ -0,0 +1,63 @@
+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];
+
+  var _useChatContext = (0, _ChatContext.useChatContext)(),
+      client = _useChatContext.client;
+
+  var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
+      channel = _useChannelContext.channel;
+
+  var _ref = (channel == null ? void 0 : channel.data) || {},
+      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/commonjs/components/MessageInput/hooks/useCooldown.js.map

@@ -0,0 +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"]}

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

@@ -0,0 +1,57 @@
+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];
+
+  (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);
+      }
+    };
+  }, [end]);
+  return {
+    seconds: seconds
+  };
+};
+
+exports.useCountdown = useCountdown;
+//# sourceMappingURL=useCountdown.js.map

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

@@ -0,0 +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"]}

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

@@ -12,7 +12,7 @@ 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 = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/MessageList/DateHeader.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   container: {
@@ -37,7 +37,7 @@ var DateHeader = function DateHeader(_ref) {
   var _useTheme = (0, _ThemeContext.useTheme)(),
       _useTheme$theme = _useTheme.theme,
       _useTheme$theme$color = _useTheme$theme.colors,
-      overlay_dark = _useTheme$theme$color.overlay_dark,
+      overlay = _useTheme$theme$color.overlay,
       white = _useTheme$theme$color.white,
       _useTheme$theme$dateH = _useTheme$theme.dateHeader,
       container = _useTheme$theme$dateH.container,
@@ -45,7 +45,7 @@ var DateHeader = function DateHeader(_ref) {
 
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
-      backgroundColor: overlay_dark
+      backgroundColor: overlay
     }, container],
     __self: _this,
     __source: {

package/lib/commonjs/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_dark","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,YAFd,yBAEcA,YAFd;AAAA,MAE4BC,KAF5B,yBAE4BA,KAF5B;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,EAAsDhB,SAAtD,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_dark, white },\n      dateHeader: { container, text },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, { backgroundColor: overlay_dark }, container]}>\n      <Text style={[styles.text, { color: white }, text]}>{dateString}</Text>\n    </View>\n  );\n};\n"]}
+{"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"]}

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

@@ -14,7 +14,7 @@ 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 = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/MessageList/InlineDateSeparator.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   container: {
@@ -39,7 +39,7 @@ var InlineDateSeparator = function InlineDateSeparator(_ref) {
   var _useTheme = (0, _ThemeContext.useTheme)(),
       _useTheme$theme = _useTheme.theme,
       _useTheme$theme$color = _useTheme$theme.colors,
-      overlay_dark = _useTheme$theme$color.overlay_dark,
+      overlay = _useTheme$theme$color.overlay,
       white = _useTheme$theme$color.white,
       _useTheme$theme$inlin = _useTheme$theme.inlineDateSeparator,
       container = _useTheme$theme$inlin.container,
@@ -57,8 +57,9 @@ var InlineDateSeparator = function InlineDateSeparator(_ref) {
   var dateString = (0, _TranslationContext.isDayOrMoment)(tDate) ? tDate.format(dateFormat) : new Date(tDate).toDateString();
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
-      backgroundColor: overlay_dark
+      backgroundColor: overlay
     }, container],
+    testID: "date-separator",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
@@ -72,7 +73,7 @@ var InlineDateSeparator = function InlineDateSeparator(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 55,
       columnNumber: 7
     }
   }, dateString));

package/lib/commonjs/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_dark","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,YAFd,yBAEcA,YAFd;AAAA,MAE4BC,KAF5B,yBAE4BA,KAF5B;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;AAAM,IAAA,KAAK,EAAE,CAAC7B,MAAM,CAACG,SAAR,EAAmB;AAAE2B,MAAAA,eAAe,EAAEX;AAAnB,KAAnB,EAAsDhB,SAAtD,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,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,CADF,CADF;AAKD,CAxBM","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_dark, 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 style={[styles.container, { backgroundColor: overlay_dark }, container]}>\n      <Text style={[styles.text, { color: white }, text]}>{dateString}</Text>\n    </View>\n  );\n};\n"]}
+{"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"]}

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

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineLoadingMoreIndicator = exports.InlineLoadingMoreIndicatorWithContext = void 0;
+exports.InlineLoadingMoreIndicatorWithContext = exports.InlineLoadingMoreIndicator = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -14,7 +14,7 @@ var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListC
 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 = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreIndicator.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
@@ -40,7 +40,7 @@ var InlineLoadingMoreIndicatorWithContext = function InlineLoadingMoreIndicatorW
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
@@ -49,7 +49,7 @@ var InlineLoadingMoreIndicatorWithContext = function InlineLoadingMoreIndicatorW
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 34,
       columnNumber: 9
     }
   }));
@@ -76,7 +76,7 @@ var InlineLoadingMoreIndicator = function InlineLoadingMoreIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 62,
       columnNumber: 10
     }
   });

package/lib/commonjs/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;;;;;AAaA,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,GAQnC;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,CAZM","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 {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} 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  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { loadingMore } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedInlineLoadingMoreIndicator loadingMore={loadingMore} />;\n};\n"]}
+{"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"]}

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

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineLoadingMoreRecentIndicator = exports.InlineLoadingMoreRecentIndicatorWithContext = void 0;
+exports.InlineLoadingMoreRecentIndicatorWithContext = exports.InlineLoadingMoreRecentIndicator = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -14,7 +14,7 @@ var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListC
 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 = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreRecentIndicator.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
@@ -40,7 +40,7 @@ var InlineLoadingMoreRecentIndicatorWithContext = function InlineLoadingMoreRece
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
@@ -49,7 +49,7 @@ var InlineLoadingMoreRecentIndicatorWithContext = function InlineLoadingMoreRece
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 34,
       columnNumber: 9
     }
   }));
@@ -76,7 +76,7 @@ var InlineLoadingMoreRecentIndicator = function InlineLoadingMoreRecentIndicator
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 62,
       columnNumber: 10
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["InlineLoadingMoreRecentIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","loadingMoreRecent","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAaA,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,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,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,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAQzC;AACL,8BAA8B,kEAA9B;AAAA,MAAQb,iBAAR,yBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CAZM","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 {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreRecentIndicatorPropsWithContext = {\n  loadingMoreRecent?: boolean;\n};\n\nexport const InlineLoadingMoreRecentIndicatorWithContext: React.FC<InlineLoadingMoreRecentIndicatorPropsWithContext> =\n  ({ loadingMoreRecent }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMoreRecent) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n) => {\n  const { loadingMoreRecent: prevLoadingMoreRecent } = prevProps;\n  const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;\n\n  const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;\n  if (!loadingMoreRecentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreRecentIndicator = React.memo(\n  InlineLoadingMoreRecentIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreRecentIndicatorWithContext;\n\nexport const InlineLoadingMoreRecentIndicator = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { loadingMoreRecent } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;\n};\n"]}
+{"version":3,"sources":["InlineLoadingMoreRecentIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","loadingMoreRecent","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator"],"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,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,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,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAEzC;AACL,8BAA8B,kEAA9B;AAAA,MAAQb,iBAAR,yBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;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 InlineLoadingMoreRecentIndicatorPropsWithContext = {\n  loadingMoreRecent?: boolean;\n};\n\nexport const InlineLoadingMoreRecentIndicatorWithContext: React.FC<InlineLoadingMoreRecentIndicatorPropsWithContext> =\n  ({ loadingMoreRecent }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMoreRecent) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n) => {\n  const { loadingMoreRecent: prevLoadingMoreRecent } = prevProps;\n  const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;\n\n  const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;\n  if (!loadingMoreRecentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreRecentIndicator = React.memo(\n  InlineLoadingMoreRecentIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreRecentIndicatorWithContext;\n\nexport const InlineLoadingMoreRecentIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { loadingMoreRecent } = usePaginatedMessageListContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;\n};\n"]}

package/lib/commonjs/components/MessageList/InlineLoadingMoreThreadIndicator.js

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineLoadingMoreThreadIndicator = exports.InlineLoadingMoreThreadIndicatorWithContext = void 0;
+exports.InlineLoadingMoreThreadIndicatorWithContext = exports.InlineLoadingMoreThreadIndicator = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -14,7 +14,7 @@ var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreThreadIndicator.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreThreadIndicator.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
@@ -40,7 +40,7 @@ var InlineLoadingMoreThreadIndicatorWithContext = function InlineLoadingMoreThre
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
@@ -49,7 +49,7 @@ var InlineLoadingMoreThreadIndicatorWithContext = function InlineLoadingMoreThre
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 34,
       columnNumber: 9
     }
   }));
@@ -76,7 +76,7 @@ var InlineLoadingMoreThreadIndicator = function InlineLoadingMoreThreadIndicator
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 62,
       columnNumber: 10
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["InlineLoadingMoreThreadIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreThreadIndicatorWithContext","threadLoadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevThreadLoadingMore","nextThreadLoadingMore","threadLoadingMoreEqual","MemoizedInlineLoadingMoreThreadIndicator","React","memo","InlineLoadingMoreThreadIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAaA,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,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,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,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAQzC;AACL,0BAA8B,sCAA9B;AAAA,MAAQb,iBAAR,qBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CAZM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreThreadIndicatorPropsWithContext = {\n  threadLoadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreThreadIndicatorWithContext: React.FC<InlineLoadingMoreThreadIndicatorPropsWithContext> =\n  ({ threadLoadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!threadLoadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n) => {\n  const { threadLoadingMore: prevThreadLoadingMore } = prevProps;\n  const { threadLoadingMore: nextThreadLoadingMore } = nextProps;\n\n  const threadLoadingMoreEqual = prevThreadLoadingMore === nextThreadLoadingMore;\n  if (!threadLoadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreThreadIndicator = React.memo(\n  InlineLoadingMoreThreadIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreThreadIndicatorWithContext;\n\nexport const InlineLoadingMoreThreadIndicator = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { threadLoadingMore } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedInlineLoadingMoreThreadIndicator threadLoadingMore={threadLoadingMore} />;\n};\n"]}
+{"version":3,"sources":["InlineLoadingMoreThreadIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreThreadIndicatorWithContext","threadLoadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevThreadLoadingMore","nextThreadLoadingMore","threadLoadingMoreEqual","MemoizedInlineLoadingMoreThreadIndicator","React","memo","InlineLoadingMoreThreadIndicator"],"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,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,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,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAEzC;AACL,0BAA8B,sCAA9B;AAAA,MAAQb,iBAAR,qBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CANM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreThreadIndicatorPropsWithContext = {\n  threadLoadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreThreadIndicatorWithContext: React.FC<InlineLoadingMoreThreadIndicatorPropsWithContext> =\n  ({ threadLoadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!threadLoadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n) => {\n  const { threadLoadingMore: prevThreadLoadingMore } = prevProps;\n  const { threadLoadingMore: nextThreadLoadingMore } = nextProps;\n\n  const threadLoadingMoreEqual = prevThreadLoadingMore === nextThreadLoadingMore;\n  if (!threadLoadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreThreadIndicator = React.memo(\n  InlineLoadingMoreThreadIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreThreadIndicatorWithContext;\n\nexport const InlineLoadingMoreThreadIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { threadLoadingMore } = useThreadContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreThreadIndicator threadLoadingMore={threadLoadingMore} />;\n};\n"]}

package/lib/commonjs/components/MessageList/InlineUnreadIndicator.js

@@ -20,7 +20,7 @@ var _TranslationContext = require("../../contexts/translationContext/Translation
 var _utils = require("../../utils/utils");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineUnreadIndicator.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/MessageList/InlineUnreadIndicator.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }