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

package/lib/module/components/Spinner/Spinner.js

@@ -1,27 +1,17 @@
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Spinner = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _Loading = require("../../icons/Loading");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Spinner/Spinner.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Spinner/Spinner.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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var styles = _reactNative.StyleSheet.create({
   spinner: {
     height: 16,
@@ -30,18 +20,15 @@ var styles = _reactNative.StyleSheet.create({
     width: 16
   }
 });
-
 var Spinner = function Spinner(props) {
   var rotation = (0, _reactNativeReanimated.useSharedValue)(0);
   var height = props.height,
-      style = props.style,
-      width = props.width;
-
+    style = props.style,
+    width = props.width;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      accent_blue = _useTheme$theme.colors.accent_blue,
-      spinner = _useTheme$theme.spinner;
-
+    _useTheme$theme = _useTheme.theme,
+    accent_blue = _useTheme$theme.colors.accent_blue,
+    spinner = _useTheme$theme.spinner;
   var animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
     return {
       transform: [{
@@ -78,7 +65,6 @@ var Spinner = function Spinner(props) {
     }
   }));
 };
-
 exports.Spinner = Spinner;
 Spinner.displayName = 'Spinner{spinner}';
 //# sourceMappingURL=Spinner.js.map

package/lib/module/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Spinner.tsx"],"names":["styles","StyleSheet","create","spinner","height","justifyContent","margin","width","Spinner","props","rotation","style","theme","accent_blue","colors","animatedStyle","transform","rotate","value","duration","easing","Easing","linear","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAQA;;AACA;;;;;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE,EADD;AAEPC,IAAAA,cAAc,EAAE,QAFT;AAGPC,IAAAA,MAAM,EAAE,CAHD;AAIPC,IAAAA,KAAK,EAAE;AAJA;AADsB,CAAlB,CAAf;;AAeO,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,CAACC,KAAD,EAAW;AACxD,MAAMC,QAAQ,GAAG,2CAAe,CAAf,CAAjB;AACA,MAAQN,MAAR,GAAiCK,KAAjC,CAAQL,MAAR;AAAA,MAAgBO,KAAhB,GAAiCF,KAAjC,CAAgBE,KAAhB;AAAA,MAAuBJ,KAAvB,GAAiCE,KAAjC,CAAuBF,KAAvB;;AAEA,kBAKI,6BALJ;AAAA,kCACEK,KADF;AAAA,MAEcC,WAFd,mBAEIC,MAFJ,CAEcD,WAFd;AAAA,MAGIV,OAHJ,mBAGIA,OAHJ;;AAOA,MAAMY,aAAa,GAAG,6CAA4B;AAAA,WAAO;AACvDC,MAAAA,SAAS,EAAE,CACT;AACEC,QAAAA,MAAM,EAAKP,QAAQ,CAACQ,KAAd;AADR,OADS;AAD4C,KAAP;AAAA,GAA5B,CAAtB;AAQA,wBAAU,YAAM;AACdR,IAAAA,QAAQ,CAACQ,KAAT,GAAiB,uCACf,uCAAW,GAAX,EAAgB;AACdC,MAAAA,QAAQ,EAAE,GADI;AAEdC,MAAAA,MAAM,EAAEC,8BAAOC;AAFD,KAAhB,CADe,EAKf,CAAC,CALc,CAAjB;AAOD,GARD,EAQG,EARH;AAUA,SACE,gCAAC,iCAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACX,KAAD,EAAQX,MAAM,CAACG,OAAf,EAAwBY,aAAxB,EAAuCZ,OAAvC,EAAgD;AAAEC,MAAAA,MAAM,EAANA,MAAF;AAAUG,MAAAA,KAAK,EAALA;AAAV,KAAhD,CAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,gBAAD;AAAS,IAAA,MAAM,EAAEH,MAAjB;AAAyB,IAAA,SAAS,EAAES,WAApC;AAAiD,IAAA,KAAK,EAAEN,KAAxD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAlCM;;;AAoCPC,OAAO,CAACe,WAAR,GAAsB,kBAAtB","sourcesContent":["import React, { useEffect } from 'react';\nimport { StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Loading } from '../../icons/Loading';\n\nconst styles = StyleSheet.create({\n  spinner: {\n    height: 16,\n    justifyContent: 'center',\n    margin: 5,\n    width: 16,\n  },\n});\n\nexport type SpinnerProps = {\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  width?: number;\n};\n\nexport const Spinner: React.FC<SpinnerProps> = (props) => {\n  const rotation = useSharedValue(0);\n  const { height, style, width } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue },\n      spinner,\n    },\n  } = useTheme();\n\n  const animatedStyle = useAnimatedStyle<ViewStyle>(() => ({\n    transform: [\n      {\n        rotate: `${rotation.value}deg`,\n      },\n    ],\n  }));\n\n  useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, {\n        duration: 800,\n        easing: Easing.linear,\n      }),\n      -1,\n    );\n  }, []);\n\n  return (\n    <Animated.View style={[style, styles.spinner, animatedStyle, spinner, { height, width }]}>\n      <Loading height={height} stopColor={accent_blue} width={width} />\n    </Animated.View>\n  );\n};\n\nSpinner.displayName = 'Spinner{spinner}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","spinner","height","justifyContent","margin","width","Spinner","props","rotation","useSharedValue","style","useTheme","theme","accent_blue","colors","animatedStyle","useAnimatedStyle","transform","rotate","value","useEffect","withRepeat","withTiming","duration","easing","Easing","linear","displayName"],"sources":["Spinner.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Loading } from '../../icons/Loading';\n\nconst styles = StyleSheet.create({\n  spinner: {\n    height: 16,\n    justifyContent: 'center',\n    margin: 5,\n    width: 16,\n  },\n});\n\nexport type SpinnerProps = {\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  width?: number;\n};\n\nexport const Spinner: React.FC<SpinnerProps> = (props) => {\n  const rotation = useSharedValue(0);\n  const { height, style, width } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue },\n      spinner,\n    },\n  } = useTheme();\n\n  const animatedStyle = useAnimatedStyle<ViewStyle>(() => ({\n    transform: [\n      {\n        rotate: `${rotation.value}deg`,\n      },\n    ],\n  }));\n\n  useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, {\n        duration: 800,\n        easing: Easing.linear,\n      }),\n      -1,\n    );\n  }, []);\n\n  return (\n    <Animated.View style={[style, styles.spinner, animatedStyle, spinner, { height, width }]}>\n      <Loading height={height} stopColor={accent_blue} width={width} />\n    </Animated.View>\n  );\n};\n\nSpinner.displayName = 'Spinner{spinner}';\n"],"mappings":";;;;;AAAA;AACA;AACA;AAQA;AACA;AAA8C;EAAA;AAAA;AAAA;AAE9C,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAQK,IAAMC,OAA+B,GAAG,SAAlCA,OAA+B,CAAIC,KAAK,EAAK;EACxD,IAAMC,QAAQ,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAClC,IAAQP,MAAM,GAAmBK,KAAK,CAA9BL,MAAM;IAAEQ,KAAK,GAAYH,KAAK,CAAtBG,KAAK;IAAEL,KAAK,GAAKE,KAAK,CAAfF,KAAK;EAE5B,gBAKI,IAAAM,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IACOC,WAAW,mBAArBC,MAAM,CAAID,WAAW;IACrBZ,OAAO,mBAAPA,OAAO;EAIX,IAAMc,aAAa,GAAG,IAAAC,uCAAgB,EAAY;IAAA,OAAO;MACvDC,SAAS,EAAE,CACT;QACEC,MAAM,EAAKV,QAAQ,CAACW,KAAK;MAC3B,CAAC;IAEL,CAAC;EAAA,CAAC,CAAC;EAEH,IAAAC,gBAAS,EAAC,YAAM;IACdZ,QAAQ,CAACW,KAAK,GAAG,IAAAE,iCAAU,EACzB,IAAAC,iCAAU,EAAC,GAAG,EAAE;MACdC,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEC,6BAAM,CAACC;IACjB,CAAC,CAAC,EACF,CAAC,CAAC,CACH;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OACE,gCAAC,iCAAQ,CAAC,IAAI;IAAC,KAAK,EAAE,CAAChB,KAAK,EAAEZ,MAAM,CAACG,OAAO,EAAEc,aAAa,EAAEd,OAAO,EAAE;MAAEC,MAAM,EAANA,MAAM;MAAEG,KAAK,EAALA;IAAM,CAAC,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvF,gCAAC,gBAAO;IAAC,MAAM,EAAEH,MAAO;IAAC,SAAS,EAAEW,WAAY;IAAC,KAAK,EAAER,KAAM;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CACnD;AAEpB,CAAC;AAAC;AAEFC,OAAO,CAACqB,WAAW,GAAG,kBAAkB"}

package/lib/module/components/Thread/Thread.js

@@ -1,77 +1,56 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Thread = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ThreadFooterComponent = require("./components/ThreadFooterComponent");
-
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
-
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
-
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
-
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
-
 var _MessageInput = require("../MessageInput/MessageInput");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Thread/Thread.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Thread/Thread.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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ThreadWithContext = function ThreadWithContext(props) {
   var additionalMessageInputProps = props.additionalMessageInputProps,
-      additionalMessageListProps = props.additionalMessageListProps,
-      _props$autoFocus = props.autoFocus,
-      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
-      closeThread = props.closeThread,
-      _props$closeThreadOnD = props.closeThreadOnDismount,
-      closeThreadOnDismount = _props$closeThreadOnD === void 0 ? true : _props$closeThreadOnD,
-      disabled = props.disabled,
-      loadMoreThread = props.loadMoreThread,
-      _props$MessageInput = props.MessageInput,
-      MessageInput = _props$MessageInput === void 0 ? _MessageInput.MessageInput : _props$MessageInput,
-      MessageList = props.MessageList,
-      onThreadDismount = props.onThreadDismount,
-      thread = props.thread;
+    additionalMessageListProps = props.additionalMessageListProps,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
+    closeThread = props.closeThread,
+    _props$closeThreadOnD = props.closeThreadOnDismount,
+    closeThreadOnDismount = _props$closeThreadOnD === void 0 ? true : _props$closeThreadOnD,
+    disabled = props.disabled,
+    loadMoreThread = props.loadMoreThread,
+    _props$MessageInput = props.MessageInput,
+    MessageInput = _props$MessageInput === void 0 ? _MessageInput.MessageInput : _props$MessageInput,
+    MessageList = props.MessageList,
+    onThreadDismount = props.onThreadDismount,
+    thread = props.thread;
   (0, _react.useEffect)(function () {
     var loadMoreThreadAsync = function () {
       var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return loadMoreThread();
-
-              case 2:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return loadMoreThread();
+            case 2:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
-
       return function loadMoreThreadAsync() {
         return _ref.apply(this, arguments);
       };
     }();
-
     if (thread != null && thread.id && thread.reply_count) {
       loadMoreThreadAsync();
     }
@@ -81,7 +60,6 @@ var ThreadWithContext = function ThreadWithContext(props) {
       if (closeThreadOnDismount) {
         closeThread();
       }
-
       if (onThreadDismount) {
         onThreadDismount();
       }
@@ -121,27 +99,21 @@ var ThreadWithContext = function ThreadWithContext(props) {
     }
   })));
 };
-
 var Thread = function Thread(props) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-      threadList = _useChannelContext.threadList;
-
+    threadList = _useChannelContext.threadList;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      MessageList = _useMessagesContext.MessageList;
-
+    MessageList = _useMessagesContext.MessageList;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      closeThread = _useThreadContext.closeThread,
-      loadMoreThread = _useThreadContext.loadMoreThread,
-      reloadThread = _useThreadContext.reloadThread,
-      thread = _useThreadContext.thread;
-
+    closeThread = _useThreadContext.closeThread,
+    loadMoreThread = _useThreadContext.loadMoreThread,
+    reloadThread = _useThreadContext.reloadThread,
+    thread = _useThreadContext.thread;
   if (thread != null && thread.id && !threadList) {
     throw new Error('Please add a threadList prop to your Channel component when rendering a thread list. Check our Channel documentation for more info: https://getstream.io/chat/docs/sdk/reactnative/core-components/channel/#threadlist');
   }
-
   return _react["default"].createElement(ThreadWithContext, (0, _extends2["default"])({
     client: client,
     closeThread: closeThread,
@@ -158,6 +130,5 @@ var Thread = function Thread(props) {
     }
   }));
 };
-
 exports.Thread = Thread;
 //# sourceMappingURL=Thread.js.map

package/lib/module/components/Thread/Thread.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Thread.tsx"],"names":["ThreadWithContext","props","additionalMessageInputProps","additionalMessageListProps","autoFocus","closeThread","closeThreadOnDismount","disabled","loadMoreThread","MessageInput","DefaultMessageInput","MessageList","onThreadDismount","thread","loadMoreThreadAsync","id","reply_count","ThreadFooterComponent","editable","Thread","client","threadList","reloadThread","Error"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\n\nimport { ThreadFooterComponent } from './components/ThreadFooterComponent';\n\nimport { useChannelContext } from '../../contexts/channelContext/ChannelContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport {\n  MessageInput as DefaultMessageInput,\n  MessageInputProps,\n} from '../MessageInput/MessageInput';\nimport type { MessageListProps } from '../MessageList/MessageList';\n\ntype ThreadPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageList'> &\n  Pick<\n    ThreadContextValue<StreamChatGenerics>,\n    'closeThread' | 'loadMoreThread' | 'reloadThread' | 'thread'\n  > & {\n    /**\n     * Additional props for underlying MessageInput component.\n     * Available props - https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-input/#props\n     * */\n    additionalMessageInputProps?: Partial<MessageInputProps<StreamChatGenerics>>;\n    /**\n     * Additional props for underlying MessageList component.\n     * Available props - https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-list/#props\n     * */\n    additionalMessageListProps?: Partial<MessageListProps<StreamChatGenerics>>;\n    /** Make input focus on mounting thread */\n    autoFocus?: boolean;\n    /** Closes thread on dismount, defaults to true */\n    closeThreadOnDismount?: boolean;\n    /** Disables the thread UI. So MessageInput and MessageList will be disabled. */\n    disabled?: boolean;\n    /**\n     * **Customized MessageInput component to used within Thread instead of default MessageInput\n     * **Available from [MessageInput](https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-input)**\n     */\n    MessageInput?: React.ComponentType<MessageInputProps<StreamChatGenerics>>;\n    /**\n     * Call custom function on closing thread if handling thread state elsewhere\n     */\n    onThreadDismount?: () => void;\n  };\n\nconst ThreadWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ThreadPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalMessageInputProps,\n    additionalMessageListProps,\n    autoFocus = true,\n    closeThread,\n    closeThreadOnDismount = true,\n    disabled,\n    loadMoreThread,\n    MessageInput = DefaultMessageInput,\n    MessageList,\n    onThreadDismount,\n    thread,\n  } = props;\n\n  useEffect(() => {\n    const loadMoreThreadAsync = async () => {\n      await loadMoreThread();\n    };\n\n    if (thread?.id && thread.reply_count) {\n      loadMoreThreadAsync();\n    }\n  }, []);\n\n  useEffect(\n    () => () => {\n      if (closeThreadOnDismount) {\n        closeThread();\n      }\n      if (onThreadDismount) {\n        onThreadDismount();\n      }\n    },\n    [],\n  );\n\n  if (!thread) return null;\n\n  return (\n    <React.Fragment key={`thread-${thread.id}`}>\n      <MessageList\n        FooterComponent={ThreadFooterComponent}\n        threadList\n        {...additionalMessageListProps}\n      />\n      <MessageInput<StreamChatGenerics>\n        additionalTextInputProps={{ autoFocus, editable: !disabled }}\n        threadList\n        {...additionalMessageInputProps}\n      />\n    </React.Fragment>\n  );\n};\n\nexport type ThreadProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<ThreadPropsWithContext<StreamChatGenerics>>;\n\n/**\n * Thread - The Thread renders a parent message with a list of replies. Use the standard message list of the main channel's messages.\n * The thread is only used for the list of replies to a message.\n *\n * Thread is a consumer of [channel context](https://getstream.io/chat/docs/sdk/reactnative/contexts/channel-context/)\n * Underlying MessageList, MessageInput and Message components can be customized using props:\n * - additionalMessageListProps\n * - additionalMessageInputProps\n */\nexport const Thread = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ThreadProps<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { threadList } = useChannelContext<StreamChatGenerics>();\n  const { MessageList } = useMessagesContext<StreamChatGenerics>();\n  const { closeThread, loadMoreThread, reloadThread, thread } =\n    useThreadContext<StreamChatGenerics>();\n\n  if (thread?.id && !threadList) {\n    throw new Error(\n      'Please add a threadList prop to your Channel component when rendering a thread list. Check our Channel documentation for more info: https://getstream.io/chat/docs/sdk/reactnative/core-components/channel/#threadlist',\n    );\n  }\n\n  return (\n    <ThreadWithContext<StreamChatGenerics>\n      {...{\n        client,\n        closeThread,\n        loadMoreThread,\n        MessageList,\n        reloadThread,\n        thread,\n      }}\n      {...props}\n    />\n  );\n};\n"]}
+{"version":3,"names":["ThreadWithContext","props","additionalMessageInputProps","additionalMessageListProps","autoFocus","closeThread","closeThreadOnDismount","disabled","loadMoreThread","MessageInput","DefaultMessageInput","MessageList","onThreadDismount","thread","useEffect","loadMoreThreadAsync","id","reply_count","ThreadFooterComponent","editable","Thread","useChatContext","client","useChannelContext","threadList","useMessagesContext","useThreadContext","reloadThread","Error"],"sources":["Thread.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { ThreadFooterComponent } from './components/ThreadFooterComponent';\n\nimport { useChannelContext } from '../../contexts/channelContext/ChannelContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport {\n  MessageInput as DefaultMessageInput,\n  MessageInputProps,\n} from '../MessageInput/MessageInput';\nimport type { MessageListProps } from '../MessageList/MessageList';\n\ntype ThreadPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageList'> &\n  Pick<\n    ThreadContextValue<StreamChatGenerics>,\n    'closeThread' | 'loadMoreThread' | 'reloadThread' | 'thread'\n  > & {\n    /**\n     * Additional props for underlying MessageInput component.\n     * Available props - https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-input/#props\n     * */\n    additionalMessageInputProps?: Partial<MessageInputProps<StreamChatGenerics>>;\n    /**\n     * Additional props for underlying MessageList component.\n     * Available props - https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-list/#props\n     * */\n    additionalMessageListProps?: Partial<MessageListProps<StreamChatGenerics>>;\n    /** Make input focus on mounting thread */\n    autoFocus?: boolean;\n    /** Closes thread on dismount, defaults to true */\n    closeThreadOnDismount?: boolean;\n    /** Disables the thread UI. So MessageInput and MessageList will be disabled. */\n    disabled?: boolean;\n    /**\n     * **Customized MessageInput component to used within Thread instead of default MessageInput\n     * **Available from [MessageInput](https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-input)**\n     */\n    MessageInput?: React.ComponentType<MessageInputProps<StreamChatGenerics>>;\n    /**\n     * Call custom function on closing thread if handling thread state elsewhere\n     */\n    onThreadDismount?: () => void;\n  };\n\nconst ThreadWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ThreadPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalMessageInputProps,\n    additionalMessageListProps,\n    autoFocus = true,\n    closeThread,\n    closeThreadOnDismount = true,\n    disabled,\n    loadMoreThread,\n    MessageInput = DefaultMessageInput,\n    MessageList,\n    onThreadDismount,\n    thread,\n  } = props;\n\n  useEffect(() => {\n    const loadMoreThreadAsync = async () => {\n      await loadMoreThread();\n    };\n\n    if (thread?.id && thread.reply_count) {\n      loadMoreThreadAsync();\n    }\n  }, []);\n\n  useEffect(\n    () => () => {\n      if (closeThreadOnDismount) {\n        closeThread();\n      }\n      if (onThreadDismount) {\n        onThreadDismount();\n      }\n    },\n    [],\n  );\n\n  if (!thread) return null;\n\n  return (\n    <React.Fragment key={`thread-${thread.id}`}>\n      <MessageList\n        FooterComponent={ThreadFooterComponent}\n        threadList\n        {...additionalMessageListProps}\n      />\n      <MessageInput<StreamChatGenerics>\n        additionalTextInputProps={{ autoFocus, editable: !disabled }}\n        threadList\n        {...additionalMessageInputProps}\n      />\n    </React.Fragment>\n  );\n};\n\nexport type ThreadProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<ThreadPropsWithContext<StreamChatGenerics>>;\n\n/**\n * Thread - The Thread renders a parent message with a list of replies. Use the standard message list of the main channel's messages.\n * The thread is only used for the list of replies to a message.\n *\n * Thread is a consumer of [channel context](https://getstream.io/chat/docs/sdk/reactnative/contexts/channel-context/)\n * Underlying MessageList, MessageInput and Message components can be customized using props:\n * - additionalMessageListProps\n * - additionalMessageInputProps\n */\nexport const Thread = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ThreadProps<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { threadList } = useChannelContext<StreamChatGenerics>();\n  const { MessageList } = useMessagesContext<StreamChatGenerics>();\n  const { closeThread, loadMoreThread, reloadThread, thread } =\n    useThreadContext<StreamChatGenerics>();\n\n  if (thread?.id && !threadList) {\n    throw new Error(\n      'Please add a threadList prop to your Channel component when rendering a thread list. Check our Channel documentation for more info: https://getstream.io/chat/docs/sdk/reactnative/core-components/channel/#threadlist',\n    );\n  }\n\n  return (\n    <ThreadWithContext<StreamChatGenerics>\n      {...{\n        client,\n        closeThread,\n        loadMoreThread,\n        MessageList,\n        reloadThread,\n        thread,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"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"}

package/lib/module/components/Thread/components/ThreadFooterComponent.js

@@ -1,39 +1,23 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ThreadFooterComponent = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
-
 var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _ThreadContext = require("../../../contexts/threadContext/ThreadContext");
-
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-
 var _utils = require("../../../utils/utils");
-
 var _excluded = ["backgroundGradientStart", "backgroundGradientStop", "text"];
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Thread/components/ThreadFooterComponent.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Thread/components/ThreadFooterComponent.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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var styles = _reactNative.StyleSheet.create({
   absolute: {
     position: 'absolute'
@@ -55,28 +39,23 @@ var styles = _reactNative.StyleSheet.create({
     marginVertical: 8
   }
 });
-
 var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext(props) {
   var _newThread$height, _newThread$height2, _newThread$height3;
-
   var Message = props.Message,
-      thread = props.thread;
-
+    thread = props.thread;
   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,
-      bg_gradient_end = _useTheme$theme$color.bg_gradient_end,
-      bg_gradient_start = _useTheme$theme$color.bg_gradient_start,
-      grey = _useTheme$theme$color.grey,
-      _useTheme$theme$threa = _useTheme$theme.thread.newThread,
-      backgroundGradientStart = _useTheme$theme$threa.backgroundGradientStart,
-      backgroundGradientStop = _useTheme$theme$threa.backgroundGradientStop,
-      text = _useTheme$theme$threa.text,
-      newThread = (0, _objectWithoutProperties2["default"])(_useTheme$theme$threa, _excluded);
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    bg_gradient_end = _useTheme$theme$color.bg_gradient_end,
+    bg_gradient_start = _useTheme$theme$color.bg_gradient_start,
+    grey = _useTheme$theme$color.grey,
+    _useTheme$theme$threa = _useTheme$theme.thread.newThread,
+    backgroundGradientStart = _useTheme$theme$threa.backgroundGradientStart,
+    backgroundGradientStop = _useTheme$theme$threa.backgroundGradientStop,
+    text = _useTheme$theme$threa.text,
+    newThread = (0, _objectWithoutProperties2["default"])(_useTheme$theme$threa, _excluded);
   if (!thread) return null;
   var replyCount = thread.reply_count;
   return _react["default"].createElement(_reactNative.View, {
@@ -191,7 +170,6 @@ var ThreadFooterComponentWithContext = function ThreadFooterComponentWithContext
     replyCount: replyCount
   }))));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevThread = prevProps.thread;
   var nextThread = nextProps.thread;
@@ -199,23 +177,18 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!threadEqual) return false;
   var latestReactionsEqual = prevThread && nextThread && Array.isArray(prevThread.latest_reactions) && Array.isArray(nextThread.latest_reactions) ? prevThread.latest_reactions.length === nextThread.latest_reactions.length && prevThread.latest_reactions.every(function (_ref, index) {
     var _nextThread$latest_re;
-
     var type = _ref.type;
     return type === ((_nextThread$latest_re = nextThread.latest_reactions) == null ? void 0 : _nextThread$latest_re[index].type);
   }) : (prevThread == null ? void 0 : prevThread.latest_reactions) === (nextThread == null ? void 0 : nextThread.latest_reactions);
   if (!latestReactionsEqual) return false;
   return true;
 };
-
 var MemoizedThreadFooter = _react["default"].memo(ThreadFooterComponentWithContext, areEqual);
-
 var ThreadFooterComponent = function ThreadFooterComponent() {
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      Message = _useMessagesContext.Message;
-
+    Message = _useMessagesContext.Message;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      thread = _useThreadContext.thread;
-
+    thread = _useThreadContext.thread;
   return _react["default"].createElement(MemoizedThreadFooter, {
     Message: Message,
     thread: thread,
@@ -227,6 +200,5 @@ var ThreadFooterComponent = function ThreadFooterComponent() {
     }
   });
 };
-
 exports.ThreadFooterComponent = ThreadFooterComponent;
 //# sourceMappingURL=ThreadFooterComponent.js.map

package/lib/module/components/Thread/components/ThreadFooterComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThreadFooterComponent.tsx"],"names":["styles","StyleSheet","create","absolute","position","messagePadding","paddingHorizontal","newThread","alignItems","height","justifyContent","marginTop","text","fontSize","textAlign","threadHeaderContainer","marginVertical","ThreadFooterComponentWithContext","props","Message","thread","t","theme","colors","bg_gradient_end","bg_gradient_start","grey","backgroundGradientStart","backgroundGradientStop","replyCount","reply_count","color","areEqual","prevProps","nextProps","prevThread","nextThread","threadEqual","id","latestReactionsEqual","Array","isArray","latest_reactions","length","every","index","type","MemoizedThreadFooter","React","memo","ThreadFooterComponent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\n\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  ThreadContextValue,\n  useThreadContext,\n} from '../../../contexts/threadContext/ThreadContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\nconst styles = StyleSheet.create({\n  absolute: { position: 'absolute' },\n  messagePadding: {\n    paddingHorizontal: 8,\n  },\n  newThread: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    marginTop: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n  },\n  threadHeaderContainer: {\n    marginVertical: 8,\n  },\n});\n\ntype ThreadFooterComponentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessagesContextValue<StreamChatGenerics>, 'Message'> &\n  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>;\n\nconst ThreadFooterComponentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { Message, thread } = props;\n  const { t } = useTranslationContext();\n\n  const {\n    theme: {\n      colors: { bg_gradient_end, bg_gradient_start, grey },\n      thread: {\n        newThread: { backgroundGradientStart, backgroundGradientStop, text, ...newThread },\n      },\n    },\n  } = useTheme();\n\n  if (!thread) return null;\n\n  const replyCount = thread.reply_count;\n\n  return (\n    <View style={styles.threadHeaderContainer} testID='thread-footer-component'>\n      <View style={styles.messagePadding}>\n        <Message groupStyles={['single']} message={thread} preventPress threadList />\n      </View>\n      <View style={[styles.newThread, newThread]}>\n        <Svg height={newThread.height ?? 24} style={styles.absolute} width={vw(100)}>\n          <Rect fill='url(#gradient)' height={newThread.height ?? 24} width={vw(100)} x={0} y={0} />\n          <Defs>\n            <LinearGradient\n              gradientUnits='userSpaceOnUse'\n              id='gradient'\n              x1={0}\n              x2={0}\n              y1={0}\n              y2={newThread.height ?? 24}\n            >\n              <Stop\n                offset={1}\n                stopColor={backgroundGradientStart || bg_gradient_end}\n                stopOpacity={1}\n              />\n              <Stop\n                offset={0}\n                stopColor={backgroundGradientStop || bg_gradient_start}\n                stopOpacity={1}\n              />\n            </LinearGradient>\n          </Defs>\n        </Svg>\n        <Text style={[styles.text, { color: grey }, text]}>\n          {replyCount === 1\n            ? t('1 Reply')\n            : t('{{ replyCount }} Replies', {\n                replyCount,\n              })}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n  nextProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { thread: prevThread } = prevProps;\n  const { thread: nextThread } = nextProps;\n\n  const threadEqual =\n    prevThread?.id === nextThread?.id &&\n    prevThread?.text === nextThread?.text &&\n    prevThread?.reply_count === nextThread?.reply_count;\n  if (!threadEqual) return false;\n\n  const latestReactionsEqual =\n    prevThread &&\n    nextThread &&\n    Array.isArray(prevThread.latest_reactions) &&\n    Array.isArray(nextThread.latest_reactions)\n      ? prevThread.latest_reactions.length === nextThread.latest_reactions.length &&\n        prevThread.latest_reactions.every(\n          ({ type }, index) => type === nextThread.latest_reactions?.[index].type,\n        )\n      : prevThread?.latest_reactions === nextThread?.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedThreadFooter = React.memo(\n  ThreadFooterComponentWithContext,\n  areEqual,\n) as typeof ThreadFooterComponentWithContext;\n\nexport const ThreadFooterComponent = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { Message } = useMessagesContext<StreamChatGenerics>();\n  const { thread } = useThreadContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedThreadFooter\n      {...{\n        Message,\n        thread,\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","absolute","position","messagePadding","paddingHorizontal","newThread","alignItems","height","justifyContent","marginTop","text","fontSize","textAlign","threadHeaderContainer","marginVertical","ThreadFooterComponentWithContext","props","Message","thread","useTranslationContext","t","useTheme","theme","colors","bg_gradient_end","bg_gradient_start","grey","backgroundGradientStart","backgroundGradientStop","replyCount","reply_count","vw","color","areEqual","prevProps","nextProps","prevThread","nextThread","threadEqual","id","latestReactionsEqual","Array","isArray","latest_reactions","length","every","index","type","MemoizedThreadFooter","React","memo","ThreadFooterComponent","useMessagesContext","useThreadContext"],"sources":["ThreadFooterComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';\n\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  ThreadContextValue,\n  useThreadContext,\n} from '../../../contexts/threadContext/ThreadContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\nconst styles = StyleSheet.create({\n  absolute: { position: 'absolute' },\n  messagePadding: {\n    paddingHorizontal: 8,\n  },\n  newThread: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    marginTop: 8,\n  },\n  text: {\n    fontSize: 12,\n    textAlign: 'center',\n  },\n  threadHeaderContainer: {\n    marginVertical: 8,\n  },\n});\n\ntype ThreadFooterComponentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessagesContextValue<StreamChatGenerics>, 'Message'> &\n  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'>;\n\nconst ThreadFooterComponentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { Message, thread } = props;\n  const { t } = useTranslationContext();\n\n  const {\n    theme: {\n      colors: { bg_gradient_end, bg_gradient_start, grey },\n      thread: {\n        newThread: { backgroundGradientStart, backgroundGradientStop, text, ...newThread },\n      },\n    },\n  } = useTheme();\n\n  if (!thread) return null;\n\n  const replyCount = thread.reply_count;\n\n  return (\n    <View style={styles.threadHeaderContainer} testID='thread-footer-component'>\n      <View style={styles.messagePadding}>\n        <Message groupStyles={['single']} message={thread} preventPress threadList />\n      </View>\n      <View style={[styles.newThread, newThread]}>\n        <Svg height={newThread.height ?? 24} style={styles.absolute} width={vw(100)}>\n          <Rect fill='url(#gradient)' height={newThread.height ?? 24} width={vw(100)} x={0} y={0} />\n          <Defs>\n            <LinearGradient\n              gradientUnits='userSpaceOnUse'\n              id='gradient'\n              x1={0}\n              x2={0}\n              y1={0}\n              y2={newThread.height ?? 24}\n            >\n              <Stop\n                offset={1}\n                stopColor={backgroundGradientStart || bg_gradient_end}\n                stopOpacity={1}\n              />\n              <Stop\n                offset={0}\n                stopColor={backgroundGradientStop || bg_gradient_start}\n                stopOpacity={1}\n              />\n            </LinearGradient>\n          </Defs>\n        </Svg>\n        <Text style={[styles.text, { color: grey }, text]}>\n          {replyCount === 1\n            ? t('1 Reply')\n            : t('{{ replyCount }} Replies', {\n                replyCount,\n              })}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n  nextProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { thread: prevThread } = prevProps;\n  const { thread: nextThread } = nextProps;\n\n  const threadEqual =\n    prevThread?.id === nextThread?.id &&\n    prevThread?.text === nextThread?.text &&\n    prevThread?.reply_count === nextThread?.reply_count;\n  if (!threadEqual) return false;\n\n  const latestReactionsEqual =\n    prevThread &&\n    nextThread &&\n    Array.isArray(prevThread.latest_reactions) &&\n    Array.isArray(nextThread.latest_reactions)\n      ? prevThread.latest_reactions.length === nextThread.latest_reactions.length &&\n        prevThread.latest_reactions.every(\n          ({ type }, index) => type === nextThread.latest_reactions?.[index].type,\n        )\n      : prevThread?.latest_reactions === nextThread?.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedThreadFooter = React.memo(\n  ThreadFooterComponentWithContext,\n  areEqual,\n) as typeof ThreadFooterComponentWithContext;\n\nexport const ThreadFooterComponent = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { Message } = useMessagesContext<StreamChatGenerics>();\n  const { thread } = useThreadContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedThreadFooter\n      {...{\n        Message,\n        thread,\n      }}\n    />\n  );\n};\n"],"mappings":"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"}

package/lib/module/components/docs/data.js

@@ -2,11 +2,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.users = exports.translationContext = exports.threadMessages = exports.thread = exports.suggestionsContext = exports.messages = exports.messageWithUrlPreview = exports.messageWithImages = exports.message = exports.client = exports.channels = exports.channelContext = exports.channel = exports.MessageMock = void 0;
-
 var Dayjs = require('dayjs');
-
 var StreamChat = require('stream-chat').StreamChat;
-
 var client = new StreamChat('qk4nn7rpcn75');
 exports.client = client;
 client.connectUser({
@@ -478,20 +475,16 @@ var MessageMock = {
   handleMute: console.log
 };
 exports.MessageMock = MessageMock;
-
 function dynamicallyLoadScript(url) {
   return new Promise(function (resolve, reject) {
     var script = document.createElement('script');
     script.src = url;
     script.onload = resolve;
-
     script.onerror = function () {
       return reject(new Error("Error when loading " + url + "!"));
     };
-
     document.body.appendChild(script);
   });
 }
-
 dynamicallyLoadScript('https://snack.expo.io/embed.js');
 //# sourceMappingURL=data.js.map