stream-chat-react-native-core 5.25.0-beta.6 → 5.25.0

package/lib/commonjs/components/Channel/hooks/useCreateInputMessageInputContext.js

@@ -14,6 +14,7 @@ var useCreateInputMessageInputContext = function useCreateInputMessageInputConte
     CommandsButton = _ref.CommandsButton,
     compressImageQuality = _ref.compressImageQuality,
     CooldownTimer = _ref.CooldownTimer,
+    disabled = _ref.disabled,
     doDocUploadRequest = _ref.doDocUploadRequest,
     doImageUploadRequest = _ref.doImageUploadRequest,
     editing = _ref.editing,
@@ -59,6 +60,7 @@ var useCreateInputMessageInputContext = function useCreateInputMessageInputConte
       CommandsButton: CommandsButton,
       compressImageQuality: compressImageQuality,
       CooldownTimer: CooldownTimer,
+      disabled: disabled,
       doDocUploadRequest: doDocUploadRequest,
       doImageUploadRequest: doImageUploadRequest,
       editing: editing,
@@ -92,7 +94,7 @@ var useCreateInputMessageInputContext = function useCreateInputMessageInputConte
       ShowThreadMessageInChannelButton: ShowThreadMessageInChannelButton,
       UploadProgressIndicator: UploadProgressIndicator
     };
-  }, [compressImageQuality, channelId, editingDep, initialValue, maxMessageLength, quotedMessageId]);
+  }, [compressImageQuality, channelId, disabled, editingDep, initialValue, maxMessageLength, quotedMessageId]);
   return inputMessageInputContext;
 };
 exports.useCreateInputMessageInputContext = useCreateInputMessageInputContext;

package/lib/commonjs/components/Channel/hooks/useCreateInputMessageInputContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useCreateInputMessageInputContext","_ref","additionalTextInputProps","AttachButton","autoCompleteSuggestionsLimit","autoCompleteTriggerSettings","channelId","clearEditingState","clearQuotedMessageState","CommandsButton","compressImageQuality","CooldownTimer","doDocUploadRequest","doImageUploadRequest","editing","editMessage","emojiSearchIndex","FileUploadPreview","hasCommands","hasFilePicker","hasImagePicker","ImageUploadPreview","initialValue","Input","InputButtons","InputEditingStateHeader","InputGiphySearch","InputReplyStateHeader","maxMessageLength","maxNumberOfFiles","mentionAllAppUsersEnabled","mentionAllAppUsersQuery","MoreOptionsButton","numberOfLines","onChangeText","quotedMessage","SendButton","sendImageAsync","sendMessage","SendMessageDisallowedIndicator","setInputRef","setQuotedMessageState","ShowThreadMessageInChannelButton","UploadProgressIndicator","editingDep","id","quotedMessageId","inputMessageInputContext","useMemo","exports"],"sources":["useCreateInputMessageInputContext.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { InputMessageInputContextValue } from '../../../contexts/messageInputContext/MessageInputContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useCreateInputMessageInputContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  additionalTextInputProps,\n  AttachButton,\n  autoCompleteSuggestionsLimit,\n  autoCompleteTriggerSettings,\n  channelId,\n  clearEditingState,\n  clearQuotedMessageState,\n  CommandsButton,\n  compressImageQuality,\n  CooldownTimer,\n  doDocUploadRequest,\n  doImageUploadRequest,\n  editing,\n  editMessage,\n  emojiSearchIndex,\n  FileUploadPreview,\n  hasCommands,\n  hasFilePicker,\n  hasImagePicker,\n  ImageUploadPreview,\n  initialValue,\n  Input,\n  InputButtons,\n  InputEditingStateHeader,\n  InputGiphySearch,\n  InputReplyStateHeader,\n  maxMessageLength,\n  maxNumberOfFiles,\n  mentionAllAppUsersEnabled,\n  mentionAllAppUsersQuery,\n  MoreOptionsButton,\n  numberOfLines,\n  onChangeText,\n  quotedMessage,\n  SendButton,\n  sendImageAsync,\n  sendMessage,\n  SendMessageDisallowedIndicator,\n  setInputRef,\n  setQuotedMessageState,\n  ShowThreadMessageInChannelButton,\n  UploadProgressIndicator,\n}: InputMessageInputContextValue<StreamChatGenerics> & {\n  /**\n   * To ensure we allow re-render, when channel is changed\n   */\n  channelId?: string;\n}) => {\n  const editingDep = typeof editing === 'boolean' ? editing : editing?.id;\n  const quotedMessageId = quotedMessage\n    ? typeof quotedMessage === 'boolean'\n      ? ''\n      : quotedMessage.id\n    : '';\n\n  const inputMessageInputContext: InputMessageInputContextValue<StreamChatGenerics> = useMemo(\n    () => ({\n      additionalTextInputProps,\n      AttachButton,\n      autoCompleteSuggestionsLimit,\n      autoCompleteTriggerSettings,\n      clearEditingState,\n      clearQuotedMessageState,\n      CommandsButton,\n      compressImageQuality,\n      CooldownTimer,\n      doDocUploadRequest,\n      doImageUploadRequest,\n      editing,\n      editMessage,\n      emojiSearchIndex,\n      FileUploadPreview,\n      hasCommands,\n      hasFilePicker,\n      hasImagePicker,\n      ImageUploadPreview,\n      initialValue,\n      Input,\n      InputButtons,\n      InputEditingStateHeader,\n      InputGiphySearch,\n      InputReplyStateHeader,\n      maxMessageLength,\n      maxNumberOfFiles,\n      mentionAllAppUsersEnabled,\n      mentionAllAppUsersQuery,\n      MoreOptionsButton,\n      numberOfLines,\n      onChangeText,\n      quotedMessage,\n      SendButton,\n      sendImageAsync,\n      sendMessage,\n      SendMessageDisallowedIndicator,\n      setInputRef,\n      setQuotedMessageState,\n      ShowThreadMessageInChannelButton,\n      UploadProgressIndicator,\n    }),\n    [compressImageQuality, channelId, editingDep, initialValue, maxMessageLength, quotedMessageId],\n  );\n\n  return inputMessageInputContext;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","require","useCreateInputMessageInputContext","_ref","additionalTextInputProps","AttachButton","autoCompleteSuggestionsLimit","autoCompleteTriggerSettings","channelId","clearEditingState","clearQuotedMessageState","CommandsButton","compressImageQuality","CooldownTimer","disabled","doDocUploadRequest","doImageUploadRequest","editing","editMessage","emojiSearchIndex","FileUploadPreview","hasCommands","hasFilePicker","hasImagePicker","ImageUploadPreview","initialValue","Input","InputButtons","InputEditingStateHeader","InputGiphySearch","InputReplyStateHeader","maxMessageLength","maxNumberOfFiles","mentionAllAppUsersEnabled","mentionAllAppUsersQuery","MoreOptionsButton","numberOfLines","onChangeText","quotedMessage","SendButton","sendImageAsync","sendMessage","SendMessageDisallowedIndicator","setInputRef","setQuotedMessageState","ShowThreadMessageInChannelButton","UploadProgressIndicator","editingDep","id","quotedMessageId","inputMessageInputContext","useMemo","exports"],"sources":["useCreateInputMessageInputContext.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { InputMessageInputContextValue } from '../../../contexts/messageInputContext/MessageInputContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useCreateInputMessageInputContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  additionalTextInputProps,\n  AttachButton,\n  autoCompleteSuggestionsLimit,\n  autoCompleteTriggerSettings,\n  channelId,\n  clearEditingState,\n  clearQuotedMessageState,\n  CommandsButton,\n  compressImageQuality,\n  CooldownTimer,\n  disabled,\n  doDocUploadRequest,\n  doImageUploadRequest,\n  editing,\n  editMessage,\n  emojiSearchIndex,\n  FileUploadPreview,\n  hasCommands,\n  hasFilePicker,\n  hasImagePicker,\n  ImageUploadPreview,\n  initialValue,\n  Input,\n  InputButtons,\n  InputEditingStateHeader,\n  InputGiphySearch,\n  InputReplyStateHeader,\n  maxMessageLength,\n  maxNumberOfFiles,\n  mentionAllAppUsersEnabled,\n  mentionAllAppUsersQuery,\n  MoreOptionsButton,\n  numberOfLines,\n  onChangeText,\n  quotedMessage,\n  SendButton,\n  sendImageAsync,\n  sendMessage,\n  SendMessageDisallowedIndicator,\n  setInputRef,\n  setQuotedMessageState,\n  ShowThreadMessageInChannelButton,\n  UploadProgressIndicator,\n}: InputMessageInputContextValue<StreamChatGenerics> & {\n  /**\n   * To ensure we allow re-render, when channel is changed\n   */\n  channelId?: string;\n}) => {\n  const editingDep = typeof editing === 'boolean' ? editing : editing?.id;\n  const quotedMessageId = quotedMessage\n    ? typeof quotedMessage === 'boolean'\n      ? ''\n      : quotedMessage.id\n    : '';\n\n  const inputMessageInputContext: InputMessageInputContextValue<StreamChatGenerics> = useMemo(\n    () => ({\n      additionalTextInputProps,\n      AttachButton,\n      autoCompleteSuggestionsLimit,\n      autoCompleteTriggerSettings,\n      clearEditingState,\n      clearQuotedMessageState,\n      CommandsButton,\n      compressImageQuality,\n      CooldownTimer,\n      disabled,\n      doDocUploadRequest,\n      doImageUploadRequest,\n      editing,\n      editMessage,\n      emojiSearchIndex,\n      FileUploadPreview,\n      hasCommands,\n      hasFilePicker,\n      hasImagePicker,\n      ImageUploadPreview,\n      initialValue,\n      Input,\n      InputButtons,\n      InputEditingStateHeader,\n      InputGiphySearch,\n      InputReplyStateHeader,\n      maxMessageLength,\n      maxNumberOfFiles,\n      mentionAllAppUsersEnabled,\n      mentionAllAppUsersQuery,\n      MoreOptionsButton,\n      numberOfLines,\n      onChangeText,\n      quotedMessage,\n      SendButton,\n      sendImageAsync,\n      sendMessage,\n      SendMessageDisallowedIndicator,\n      setInputRef,\n      setQuotedMessageState,\n      ShowThreadMessageInChannelButton,\n      UploadProgressIndicator,\n    }),\n    [\n      compressImageQuality,\n      channelId,\n      disabled,\n      editingDep,\n      initialValue,\n      maxMessageLength,\n      quotedMessageId,\n    ],\n  );\n\n  return inputMessageInputContext;\n};\n"],"mappings":"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"}

package/lib/commonjs/components/Channel/hooks/useCreateOwnCapabilitiesContext.js

@@ -5,23 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCreateOwnCapabilitiesContext = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _OwnCapabilitiesContext = require("../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
 var useCreateOwnCapabilitiesContext = function useCreateOwnCapabilitiesContext(_ref) {
-  var _channel$data, _channel$data2;
+  var _channel$data, _channel$data3;
   var channel = _ref.channel,
     overrideCapabilities = _ref.overrideCapabilities;
+  var _useState = (0, _react.useState)(JSON.stringify((_channel$data = channel.data) == null ? void 0 : _channel$data.own_capabilities)),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    own_capabilities = _useState2[0],
+    setOwnCapabilites = _useState2[1];
   var overrideCapabilitiesStr = overrideCapabilities ? JSON.stringify(Object.values(overrideCapabilities)) : null;
-  var ownCapabilitiesStr = channel != null && (_channel$data = channel.data) != null && _channel$data.own_capabilities ? JSON.stringify(Object.values(channel == null ? void 0 : (_channel$data2 = channel.data) == null ? void 0 : _channel$data2.own_capabilities)) : null;
+  (0, _react.useEffect)(function () {
+    var _channel$data2;
+    setOwnCapabilites(JSON.stringify((_channel$data2 = channel.data) == null ? void 0 : _channel$data2.own_capabilities));
+  }, [(_channel$data3 = channel.data) == null ? void 0 : _channel$data3.own_capabilities]);
+  (0, _react.useEffect)(function () {
+    var listener = channel.on('capabilities.changed', function (event) {
+      if (event.own_capabilities) {
+        setOwnCapabilites(JSON.stringify(event.own_capabilities));
+      }
+    });
+    return function () {
+      listener.unsubscribe();
+    };
+  }, []);
   var ownCapabilitiesContext = (0, _react.useMemo)(function () {
-    var _channel$data3;
-    var capabilities = (channel == null ? void 0 : (_channel$data3 = channel.data) == null ? void 0 : _channel$data3.own_capabilities) || [];
+    var capabilities = own_capabilities || [];
     var ownCapabilitiesContext = Object.keys(_OwnCapabilitiesContext.allOwnCapabilities).reduce(function (result, capability) {
       var _overrideCapabilities;
       return (0, _extends3["default"])({}, result, (0, _defineProperty2["default"])({}, capability, (_overrideCapabilities = overrideCapabilities == null ? void 0 : overrideCapabilities[capability]) != null ? _overrideCapabilities : !!capabilities.includes(_OwnCapabilitiesContext.allOwnCapabilities[capability])));
     }, {});
     return ownCapabilitiesContext;
-  }, [channel.id, overrideCapabilitiesStr, ownCapabilitiesStr]);
+  }, [channel.id, overrideCapabilitiesStr, own_capabilities]);
   return ownCapabilitiesContext;
 };
 exports.useCreateOwnCapabilitiesContext = useCreateOwnCapabilitiesContext;

package/lib/commonjs/components/Channel/hooks/useCreateOwnCapabilitiesContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_OwnCapabilitiesContext","useCreateOwnCapabilitiesContext","_ref","_channel$data","_channel$data2","channel","overrideCapabilities","overrideCapabilitiesStr","JSON","stringify","Object","values","ownCapabilitiesStr","data","own_capabilities","ownCapabilitiesContext","useMemo","_channel$data3","capabilities","keys","allOwnCapabilities","reduce","result","capability","_overrideCapabilities","_extends3","_defineProperty2","includes","id","exports"],"sources":["useCreateOwnCapabilitiesContext.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { Channel } from 'stream-chat';\n\nimport {\n  allOwnCapabilities,\n  OwnCapabilitiesContextValue,\n  OwnCapability,\n} from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useCreateOwnCapabilitiesContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  channel,\n  overrideCapabilities,\n}: {\n  channel: Channel<StreamChatGenerics>;\n  overrideCapabilities?: Partial<OwnCapabilitiesContextValue>;\n}) => {\n  const overrideCapabilitiesStr = overrideCapabilities\n    ? JSON.stringify(Object.values(overrideCapabilities))\n    : null;\n  const ownCapabilitiesStr = channel?.data?.own_capabilities\n    ? JSON.stringify(Object.values(channel?.data?.own_capabilities as Array<string>))\n    : null;\n\n  const ownCapabilitiesContext: OwnCapabilitiesContextValue = useMemo(() => {\n    const capabilities = (channel?.data?.own_capabilities || []) as Array<string>;\n    const ownCapabilitiesContext = Object.keys(allOwnCapabilities).reduce(\n      (result, capability) => ({\n        ...result,\n        [capability]:\n          overrideCapabilities?.[capability as OwnCapability] ??\n          !!capabilities.includes(allOwnCapabilities[capability as OwnCapability]),\n      }),\n      {} as OwnCapabilitiesContextValue,\n    );\n\n    return ownCapabilitiesContext;\n  }, [channel.id, overrideCapabilitiesStr, ownCapabilitiesStr]);\n\n  return ownCapabilitiesContext;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,uBAAA,GAAAD,OAAA;AAOO,IAAME,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAAC,IAAA,EAQtC;EAAA,IAAAC,aAAA,EAAAC,cAAA;EAAA,IALJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,oBAAoB,GAAAJ,IAAA,CAApBI,oBAAoB;EAKpB,IAAMC,uBAAuB,GAAGD,oBAAoB,GAChDE,IAAI,CAACC,SAAS,CAACC,MAAM,CAACC,MAAM,CAACL,oBAAoB,CAAC,CAAC,GACnD,IAAI;EACR,IAAMM,kBAAkB,GAAGP,OAAO,aAAAF,aAAA,GAAPE,OAAO,CAAEQ,IAAI,aAAbV,aAAA,CAAeW,gBAAgB,GACtDN,IAAI,CAACC,SAAS,CAACC,MAAM,CAACC,MAAM,CAACN,OAAO,qBAAAD,cAAA,GAAPC,OAAO,CAAEQ,IAAI,qBAAbT,cAAA,CAAeU,gBAAiC,CAAC,CAAC,GAC/E,IAAI;EAER,IAAMC,sBAAmD,GAAG,IAAAC,cAAO,EAAC,YAAM;IAAA,IAAAC,cAAA;IACxE,IAAMC,YAAY,GAAI,CAAAb,OAAO,qBAAAY,cAAA,GAAPZ,OAAO,CAAEQ,IAAI,qBAAbI,cAAA,CAAeH,gBAAgB,KAAI,EAAoB;IAC7E,IAAMC,sBAAsB,GAAGL,MAAM,CAACS,IAAI,CAACC,0CAAkB,CAAC,CAACC,MAAM,CACnE,UAACC,MAAM,EAAEC,UAAU;MAAA,IAAAC,qBAAA;MAAA,WAAAC,SAAA,iBACdH,MAAM,MAAAI,gBAAA,iBACRH,UAAU,GAAAC,qBAAA,GACTlB,oBAAoB,oBAApBA,oBAAoB,CAAGiB,UAAU,CAAkB,YAAAC,qBAAA,GACnD,CAAC,CAACN,YAAY,CAACS,QAAQ,CAACP,0CAAkB,CAACG,UAAU,CAAkB,CAAC;IAAA,CAC1E,EACF,CAAC,CACH,CAAC;IAED,OAAOR,sBAAsB;EAC/B,CAAC,EAAE,CAACV,OAAO,CAACuB,EAAE,EAAErB,uBAAuB,EAAEK,kBAAkB,CAAC,CAAC;EAE7D,OAAOG,sBAAsB;AAC/B,CAAC;AAACc,OAAA,CAAA5B,+BAAA,GAAAA,+BAAA"}
+{"version":3,"names":["_react","require","_OwnCapabilitiesContext","useCreateOwnCapabilitiesContext","_ref","_channel$data","_channel$data3","channel","overrideCapabilities","_useState","useState","JSON","stringify","data","own_capabilities","_useState2","_slicedToArray2","setOwnCapabilites","overrideCapabilitiesStr","Object","values","useEffect","_channel$data2","listener","on","event","unsubscribe","ownCapabilitiesContext","useMemo","capabilities","keys","allOwnCapabilities","reduce","result","capability","_overrideCapabilities","_extends3","_defineProperty2","includes","id","exports"],"sources":["useCreateOwnCapabilitiesContext.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport type { Channel } from 'stream-chat';\n\nimport {\n  allOwnCapabilities,\n  OwnCapabilitiesContextValue,\n  OwnCapability,\n} from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useCreateOwnCapabilitiesContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  channel,\n  overrideCapabilities,\n}: {\n  channel: Channel<StreamChatGenerics>;\n  overrideCapabilities?: Partial<OwnCapabilitiesContextValue>;\n}) => {\n  const [own_capabilities, setOwnCapabilites] = useState(\n    JSON.stringify(channel.data?.own_capabilities as Array<string>),\n  );\n  const overrideCapabilitiesStr = overrideCapabilities\n    ? JSON.stringify(Object.values(overrideCapabilities))\n    : null;\n\n  // Effect to watch for changes in channel.data?.own_capabilities and update the own_capabilties state accordingly.\n  useEffect(() => {\n    setOwnCapabilites(JSON.stringify(channel.data?.own_capabilities as Array<string>));\n  }, [channel.data?.own_capabilities]);\n\n  // Effect to listen to the `capabilities.changed` event.\n  useEffect(() => {\n    const listener = channel.on('capabilities.changed', (event) => {\n      if (event.own_capabilities) {\n        setOwnCapabilites(JSON.stringify(event.own_capabilities as Array<string>));\n      }\n    });\n\n    return () => {\n      listener.unsubscribe();\n    };\n  }, []);\n\n  const ownCapabilitiesContext: OwnCapabilitiesContextValue = useMemo(() => {\n    const capabilities = (own_capabilities || []) as Array<string>;\n    const ownCapabilitiesContext = Object.keys(allOwnCapabilities).reduce(\n      (result, capability) => ({\n        ...result,\n        [capability]:\n          overrideCapabilities?.[capability as OwnCapability] ??\n          !!capabilities.includes(allOwnCapabilities[capability as OwnCapability]),\n      }),\n      {} as OwnCapabilitiesContextValue,\n    );\n\n    return ownCapabilitiesContext;\n  }, [channel.id, overrideCapabilitiesStr, own_capabilities]);\n\n  return ownCapabilitiesContext;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,uBAAA,GAAAD,OAAA;AAOO,IAAME,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAAC,IAAA,EAQtC;EAAA,IAAAC,aAAA,EAAAC,cAAA;EAAA,IALJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,oBAAoB,GAAAJ,IAAA,CAApBI,oBAAoB;EAKpB,IAAAC,SAAA,GAA8C,IAAAC,eAAQ,EACpDC,IAAI,CAACC,SAAS,EAAAP,aAAA,GAACE,OAAO,CAACM,IAAI,qBAAZR,aAAA,CAAcS,gBAAiC,CAChE,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAP,SAAA;IAFMK,gBAAgB,GAAAC,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EAG1C,IAAMG,uBAAuB,GAAGV,oBAAoB,GAChDG,IAAI,CAACC,SAAS,CAACO,MAAM,CAACC,MAAM,CAACZ,oBAAoB,CAAC,CAAC,GACnD,IAAI;EAGR,IAAAa,gBAAS,EAAC,YAAM;IAAA,IAAAC,cAAA;IACdL,iBAAiB,CAACN,IAAI,CAACC,SAAS,EAAAU,cAAA,GAACf,OAAO,CAACM,IAAI,qBAAZS,cAAA,CAAcR,gBAAiC,CAAC,CAAC;EACpF,CAAC,EAAE,EAAAR,cAAA,GAACC,OAAO,CAACM,IAAI,qBAAZP,cAAA,CAAcQ,gBAAgB,CAAC,CAAC;EAGpC,IAAAO,gBAAS,EAAC,YAAM;IACd,IAAME,QAAQ,GAAGhB,OAAO,CAACiB,EAAE,CAAC,sBAAsB,EAAE,UAACC,KAAK,EAAK;MAC7D,IAAIA,KAAK,CAACX,gBAAgB,EAAE;QAC1BG,iBAAiB,CAACN,IAAI,CAACC,SAAS,CAACa,KAAK,CAACX,gBAAiC,CAAC,CAAC;MAC5E;IACF,CAAC,CAAC;IAEF,OAAO,YAAM;MACXS,QAAQ,CAACG,WAAW,CAAC,CAAC;IACxB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,sBAAmD,GAAG,IAAAC,cAAO,EAAC,YAAM;IACxE,IAAMC,YAAY,GAAIf,gBAAgB,IAAI,EAAoB;IAC9D,IAAMa,sBAAsB,GAAGR,MAAM,CAACW,IAAI,CAACC,0CAAkB,CAAC,CAACC,MAAM,CACnE,UAACC,MAAM,EAAEC,UAAU;MAAA,IAAAC,qBAAA;MAAA,WAAAC,SAAA,iBACdH,MAAM,MAAAI,gBAAA,iBACRH,UAAU,GAAAC,qBAAA,GACT3B,oBAAoB,oBAApBA,oBAAoB,CAAG0B,UAAU,CAAkB,YAAAC,qBAAA,GACnD,CAAC,CAACN,YAAY,CAACS,QAAQ,CAACP,0CAAkB,CAACG,UAAU,CAAkB,CAAC;IAAA,CAC1E,EACF,CAAC,CACH,CAAC;IAED,OAAOP,sBAAsB;EAC/B,CAAC,EAAE,CAACpB,OAAO,CAACgC,EAAE,EAAErB,uBAAuB,EAAEJ,gBAAgB,CAAC,CAAC;EAE3D,OAAOa,sBAAsB;AAC/B,CAAC;AAACa,OAAA,CAAArC,+BAAA,GAAAA,+BAAA"}

package/lib/commonjs/components/ChannelPreview/ChannelPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useLatestMessagePreview","_ChannelsContext","_ChatContext","_useTranslatedMessage","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ChannelPreviewWithContext","props","channel","client","channelListForceUpdate","forceUpdate","Preview","_useState","useState","state","messages","length","_useState2","_slicedToArray2","lastMessage","setLastMessage","translatedLastMessage","useTranslatedMessage","_useState3","_useState4","setForceUpdate","_useState5","countUnread","_useState6","unread","setUnread","latestMessagePreview","useLatestMessagePreview","channelLastMessage","channelLastMessageString","id","updated_at","useEffect","_client$on","on","unsubscribe","newUnreadCount","handleNewMessageEvent","event","message","parent_id","show_in_channel","handleUpdatedOrDeletedMessage","prevLastMessage","_event$message","listeners","forEach","l","handleReadEvent","_event$user","_event$user2","user","userID","prev","listener","createElement","__self","__source","fileName","lineNumber","columnNumber","ChannelPreview","_useChatContext","useChatContext","_useChannelsContext","useChannelsContext","_extends2","exports"],"sources":["ChannelPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelState, Event, MessageResponse } from 'stream-chat';\n\nimport { useLatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport { useTranslatedMessage } from '../../hooks/useTranslatedMessage';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<ChannelsContextValue<StreamChatGenerics>, 'Preview' | 'forceUpdate'> & {\n    /**\n     * The previewed channel\n     */\n    channel: Channel<StreamChatGenerics>;\n  };\n\n/**\n * This component manages state for the ChannelPreviewMessenger UI component and receives\n * all props from the ChannelListMessenger component.\n */\nconst ChannelPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { channel, client, forceUpdate: channelListForceUpdate, Preview } = props;\n\n  const [lastMessage, setLastMessage] = useState<\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>\n    | undefined\n  >(channel.state.messages[channel.state.messages.length - 1]);\n\n  const translatedLastMessage = useTranslatedMessage<StreamChatGenerics>(\n    lastMessage || ({} as MessageResponse<StreamChatGenerics>),\n  );\n\n  const [forceUpdate, setForceUpdate] = useState(0);\n  const [unread, setUnread] = useState(channel.countUnread());\n\n  const latestMessagePreview = useLatestMessagePreview(channel, forceUpdate, translatedLastMessage);\n\n  const channelLastMessage = channel.lastMessage();\n  const channelLastMessageString = `${channelLastMessage?.id}${channelLastMessage?.updated_at}`;\n\n  useEffect(() => {\n    const { unsubscribe } = client.on('notification.mark_read', () => {\n      setUnread(channel.countUnread());\n    });\n    return unsubscribe;\n  }, []);\n\n  useEffect(() => {\n    if (\n      channelLastMessage &&\n      (channelLastMessage.id !== lastMessage?.id ||\n        channelLastMessage.updated_at !== lastMessage?.updated_at)\n    ) {\n      setLastMessage(channelLastMessage);\n    }\n\n    const newUnreadCount = channel.countUnread();\n    setUnread(newUnreadCount);\n  }, [channelLastMessageString, channelListForceUpdate]);\n\n  useEffect(() => {\n    const handleNewMessageEvent = (event: Event<StreamChatGenerics>) => {\n      const message = event.message;\n      if (message && (!message.parent_id || message.show_in_channel)) {\n        setLastMessage(event.message);\n        setUnread(channel.countUnread());\n      }\n    };\n\n    const handleUpdatedOrDeletedMessage = (event: Event<StreamChatGenerics>) => {\n      setLastMessage((prevLastMessage) => {\n        if (prevLastMessage?.id === event.message?.id) {\n          return event.message;\n        }\n        return prevLastMessage;\n      });\n    };\n\n    const listeners = [\n      channel.on('message.new', handleNewMessageEvent),\n      channel.on('message.updated', handleUpdatedOrDeletedMessage),\n      channel.on('message.deleted', handleUpdatedOrDeletedMessage),\n    ];\n\n    return () => listeners.forEach((l) => l.unsubscribe());\n  }, []);\n\n  useEffect(() => {\n    const handleReadEvent = (event: Event<StreamChatGenerics>) => {\n      if (event.user?.id === client.userID) {\n        setUnread(0);\n      } else if (event.user?.id) {\n        setForceUpdate((prev) => prev + 1);\n      }\n    };\n\n    const listener = channel.on('message.read', handleReadEvent);\n    return () => listener.unsubscribe();\n  }, []);\n\n  return <Preview channel={channel} latestMessagePreview={latestMessagePreview} unread={unread} />;\n};\n\nexport type ChannelPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>> &\n  Pick<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewProps<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { forceUpdate, Preview } = useChannelsContext<StreamChatGenerics>();\n\n  return <ChannelPreviewWithContext {...{ client, forceUpdate, Preview }} {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useLatestMessagePreview","_ChannelsContext","_ChatContext","_useTranslatedMessage","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ChannelPreviewWithContext","props","channel","client","channelListForceUpdate","forceUpdate","Preview","_useState","useState","state","messages","length","_useState2","_slicedToArray2","lastMessage","setLastMessage","translatedLastMessage","useTranslatedMessage","_useState3","_useState4","setForceUpdate","_useState5","countUnread","_useState6","unread","setUnread","latestMessagePreview","useLatestMessagePreview","channelLastMessage","channelLastMessageString","id","updated_at","useEffect","_client$on","on","unsubscribe","newUnreadCount","handleNewMessageEvent","event","message","parent_id","show_in_channel","handleUpdatedOrDeletedMessage","prevLastMessage","_event$message","listeners","forEach","l","handleReadEvent","_event$user","_event$user2","user","userID","prev","listener","createElement","__self","__source","fileName","lineNumber","columnNumber","ChannelPreview","_useChatContext","useChatContext","_useChannelsContext","useChannelsContext","_extends2","exports"],"sources":["ChannelPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelState, Event, MessageResponse } from 'stream-chat';\n\nimport { useLatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport { useTranslatedMessage } from '../../hooks/useTranslatedMessage';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<ChannelsContextValue<StreamChatGenerics>, 'Preview' | 'forceUpdate'> & {\n    /**\n     * Instance of Channel from stream-chat package.\n     */\n    channel: Channel<StreamChatGenerics>;\n  };\n\n/**\n * This component manages state for the ChannelPreviewMessenger UI component and receives\n * all props from the ChannelListMessenger component.\n */\nconst ChannelPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { channel, client, forceUpdate: channelListForceUpdate, Preview } = props;\n\n  const [lastMessage, setLastMessage] = useState<\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>\n    | undefined\n  >(channel.state.messages[channel.state.messages.length - 1]);\n\n  const translatedLastMessage = useTranslatedMessage<StreamChatGenerics>(\n    lastMessage || ({} as MessageResponse<StreamChatGenerics>),\n  );\n\n  const [forceUpdate, setForceUpdate] = useState(0);\n  const [unread, setUnread] = useState(channel.countUnread());\n\n  const latestMessagePreview = useLatestMessagePreview(channel, forceUpdate, translatedLastMessage);\n\n  const channelLastMessage = channel.lastMessage();\n  const channelLastMessageString = `${channelLastMessage?.id}${channelLastMessage?.updated_at}`;\n\n  useEffect(() => {\n    const { unsubscribe } = client.on('notification.mark_read', () => {\n      setUnread(channel.countUnread());\n    });\n    return unsubscribe;\n  }, []);\n\n  useEffect(() => {\n    if (\n      channelLastMessage &&\n      (channelLastMessage.id !== lastMessage?.id ||\n        channelLastMessage.updated_at !== lastMessage?.updated_at)\n    ) {\n      setLastMessage(channelLastMessage);\n    }\n\n    const newUnreadCount = channel.countUnread();\n    setUnread(newUnreadCount);\n  }, [channelLastMessageString, channelListForceUpdate]);\n\n  useEffect(() => {\n    const handleNewMessageEvent = (event: Event<StreamChatGenerics>) => {\n      const message = event.message;\n      if (message && (!message.parent_id || message.show_in_channel)) {\n        setLastMessage(event.message);\n        setUnread(channel.countUnread());\n      }\n    };\n\n    const handleUpdatedOrDeletedMessage = (event: Event<StreamChatGenerics>) => {\n      setLastMessage((prevLastMessage) => {\n        if (prevLastMessage?.id === event.message?.id) {\n          return event.message;\n        }\n        return prevLastMessage;\n      });\n    };\n\n    const listeners = [\n      channel.on('message.new', handleNewMessageEvent),\n      channel.on('message.updated', handleUpdatedOrDeletedMessage),\n      channel.on('message.deleted', handleUpdatedOrDeletedMessage),\n    ];\n\n    return () => listeners.forEach((l) => l.unsubscribe());\n  }, []);\n\n  useEffect(() => {\n    const handleReadEvent = (event: Event<StreamChatGenerics>) => {\n      if (event.user?.id === client.userID) {\n        setUnread(0);\n      } else if (event.user?.id) {\n        setForceUpdate((prev) => prev + 1);\n      }\n    };\n\n    const listener = channel.on('message.read', handleReadEvent);\n    return () => listener.unsubscribe();\n  }, []);\n\n  return <Preview channel={channel} latestMessagePreview={latestMessagePreview} unread={unread} />;\n};\n\nexport type ChannelPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>> &\n  Pick<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewProps<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { forceUpdate, Preview } = useChannelsContext<StreamChatGenerics>();\n\n  return <ChannelPreviewWithContext {...{ client, forceUpdate, Preview }} {...props} />;\n};\n"],"mappings":"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"}

package/lib/commonjs/components/ChannelPreview/ChannelPreviewMessage.js

@@ -32,7 +32,7 @@ var ChannelPreviewMessage = function ChannelPreviewMessage(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 42,
       columnNumber: 5
     }
   }, latestMessagePreview == null ? void 0 : (_latestMessagePreview = latestMessagePreview.previews) == null ? void 0 : _latestMessagePreview.map(function (preview, index) {
@@ -44,7 +44,7 @@ var ChannelPreviewMessage = function ChannelPreviewMessage(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 46,
         columnNumber: 13
       }
     }, preview.text);

package/lib/commonjs/components/ChannelPreview/ChannelPreviewMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","bold","fontWeight","message","flexShrink","fontSize","ChannelPreviewMessage","props","_latestMessagePreview","latestMessagePreview","_useTheme","useTheme","_useTheme$theme","theme","channelPreview","grey","colors","createElement","Text","numberOfLines","style","color","__self","__source","fileName","lineNumber","columnNumber","previews","map","preview","index","text","key","exports"],"sources":["ChannelPreviewMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport type { LatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  bold: { fontWeight: '600' },\n  message: {\n    flexShrink: 1,\n    fontSize: 12,\n  },\n});\n\nexport type ChannelPreviewMessageProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;\n};\n\nexport const ChannelPreviewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessageProps<StreamChatGenerics>,\n) => {\n  const { latestMessagePreview } = props;\n\n  const {\n    theme: {\n      channelPreview: { message },\n      colors: { grey },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.message, { color: grey }, message]}>\n      {latestMessagePreview?.previews?.map(\n        (preview, index) =>\n          preview.text && (\n            <Text\n              key={`${preview.text}_${index}`}\n              style={[{ color: grey }, preview.bold ? styles.bold : {}, message]}\n            >\n              {preview.text}\n            </Text>\n          ),\n      )}\n    </Text>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAIpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EAC3BC,OAAO,EAAE;IACPC,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAQK,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAGhCC,KAAqD,EAClD;EAAA,IAAAC,qBAAA;EACH,IAAQC,oBAAoB,GAAKF,KAAK,CAA9BE,oBAAoB;EAE5B,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IACeV,OAAO,GAAAS,eAAA,CAAzBE,cAAc,CAAIX,OAAO;IACfY,IAAI,GAAAH,eAAA,CAAdI,MAAM,CAAID,IAAI;EAIlB,OACExB,MAAA,YAAA0B,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IAACC,aAAa,EAAE,CAAE;IAACC,KAAK,EAAE,CAACtB,MAAM,CAACK,OAAO,EAAE;MAAEkB,KAAK,EAAEN;IAAK,CAAC,EAAEZ,OAAO,CAAE;IAAAmB,MAAA,EAAA1B,KAAA;IAAA2B,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvEjB,oBAAoB,qBAAAD,qBAAA,GAApBC,oBAAoB,CAAEkB,QAAQ,qBAA9BnB,qBAAA,CAAgCoB,GAAG,CAClC,UAACC,OAAO,EAAEC,KAAK;IAAA,OACbD,OAAO,CAACE,IAAI,IACVxC,MAAA,YAAA0B,aAAA,CAACvB,YAAA,CAAAwB,IAAI;MACHc,GAAG,EAAKH,OAAO,CAACE,IAAI,SAAID,KAAQ;MAChCV,KAAK,EAAE,CAAC;QAAEC,KAAK,EAAEN;MAAK,CAAC,EAAEc,OAAO,CAAC5B,IAAI,GAAGH,MAAM,CAACG,IAAI,GAAG,CAAC,CAAC,EAAEE,OAAO,CAAE;MAAAmB,MAAA,EAAA1B,KAAA;MAAA2B,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAElEG,OAAO,CAACE,IACL,CACP;EAAA,CACL,CACI,CAAC;AAEX,CAAC;AAACE,OAAA,CAAA3B,qBAAA,GAAAA,qBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","bold","fontWeight","message","flexShrink","fontSize","ChannelPreviewMessage","props","_latestMessagePreview","latestMessagePreview","_useTheme","useTheme","_useTheme$theme","theme","channelPreview","grey","colors","createElement","Text","numberOfLines","style","color","__self","__source","fileName","lineNumber","columnNumber","previews","map","preview","index","text","key","exports"],"sources":["ChannelPreviewMessage.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport type { LatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  bold: { fontWeight: '600' },\n  message: {\n    flexShrink: 1,\n    fontSize: 12,\n  },\n});\n\nexport type ChannelPreviewMessageProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Latest message on a channel, formatted for preview.\n   */\n  latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;\n};\n\nexport const ChannelPreviewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessageProps<StreamChatGenerics>,\n) => {\n  const { latestMessagePreview } = props;\n\n  const {\n    theme: {\n      channelPreview: { message },\n      colors: { grey },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.message, { color: grey }, message]}>\n      {latestMessagePreview?.previews?.map(\n        (preview, index) =>\n          preview.text && (\n            <Text\n              key={`${preview.text}_${index}`}\n              style={[{ color: grey }, preview.bold ? styles.bold : {}, message]}\n            >\n              {preview.text}\n            </Text>\n          ),\n      )}\n    </Text>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAIpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EAC3BC,OAAO,EAAE;IACPC,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAWK,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAGhCC,KAAqD,EAClD;EAAA,IAAAC,qBAAA;EACH,IAAQC,oBAAoB,GAAKF,KAAK,CAA9BE,oBAAoB;EAE5B,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IACeV,OAAO,GAAAS,eAAA,CAAzBE,cAAc,CAAIX,OAAO;IACfY,IAAI,GAAAH,eAAA,CAAdI,MAAM,CAAID,IAAI;EAIlB,OACExB,MAAA,YAAA0B,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IAACC,aAAa,EAAE,CAAE;IAACC,KAAK,EAAE,CAACtB,MAAM,CAACK,OAAO,EAAE;MAAEkB,KAAK,EAAEN;IAAK,CAAC,EAAEZ,OAAO,CAAE;IAAAmB,MAAA,EAAA1B,KAAA;IAAA2B,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvEjB,oBAAoB,qBAAAD,qBAAA,GAApBC,oBAAoB,CAAEkB,QAAQ,qBAA9BnB,qBAAA,CAAgCoB,GAAG,CAClC,UAACC,OAAO,EAAEC,KAAK;IAAA,OACbD,OAAO,CAACE,IAAI,IACVxC,MAAA,YAAA0B,aAAA,CAACvB,YAAA,CAAAwB,IAAI;MACHc,GAAG,EAAKH,OAAO,CAACE,IAAI,SAAID,KAAQ;MAChCV,KAAK,EAAE,CAAC;QAAEC,KAAK,EAAEN;MAAK,CAAC,EAAEc,OAAO,CAAC5B,IAAI,GAAGH,MAAM,CAACG,IAAI,GAAG,CAAC,CAAC,EAAEE,OAAO,CAAE;MAAAmB,MAAA,EAAA1B,KAAA;MAAA2B,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAElEG,OAAO,CAACE,IACL,CACP;EAAA,CACL,CACI,CAAC;AAEX,CAAC;AAACE,OAAA,CAAA3B,qBAAA,GAAAA,qBAAA"}

package/lib/commonjs/components/ChannelPreview/ChannelPreviewMessenger.js

@@ -144,7 +144,6 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
       columnNumber: 9
     }
   }, _react["default"].createElement(PreviewTitle, {
-    channel: channel,
     displayName: displayName,
     __self: _this,
     __source: {
@@ -168,7 +167,6 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
       columnNumber: 32
     }
   }), _react["default"].createElement(PreviewUnreadCount, {
-    channel: channel,
     maxUnreadCount: maxUnreadCount,
     unread: unread,
     __self: _this,
@@ -194,7 +192,6 @@ var ChannelPreviewMessengerWithContext = function ChannelPreviewMessengerWithCon
       columnNumber: 11
     }
   }), _react["default"].createElement(PreviewStatus, {
-    channel: channel,
     formatLatestMessageDate: formatLatestMessageDate,
     latestMessagePreview: latestMessagePreview,
     __self: _this,
@@ -229,7 +226,7 @@ var ChannelPreviewMessenger = function ChannelPreviewMessenger(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 224,
+      lineNumber: 223,
       columnNumber: 5
     }
   }));

package/lib/commonjs/components/ChannelPreview/ChannelPreviewMessenger.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_ChannelAvatar","_ChannelPreviewMessage","_ChannelPreviewMutedStatus","_ChannelPreviewStatus","_ChannelPreviewTitle","_ChannelPreviewUnreadCount","_useChannelPreviewDisplayName","_ChannelsContext","_ChatContext","_ThemeContext","_useViewport2","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","container","borderBottomWidth","flex","flexDirection","paddingHorizontal","paddingVertical","contentContainer","row","alignItems","justifyContent","paddingLeft","statusContainer","display","title","fontSize","fontWeight","ChannelPreviewMessengerWithContext","props","channel","formatLatestMessageDate","latestMessagePreview","maxUnreadCount","onSelect","_props$PreviewAvatar","PreviewAvatar","ChannelAvatar","_props$PreviewMessage","PreviewMessage","ChannelPreviewMessage","_props$PreviewStatus","PreviewStatus","ChannelPreviewStatus","_props$PreviewTitle","PreviewTitle","ChannelPreviewTitle","_props$PreviewUnreadC","PreviewUnreadCount","ChannelPreviewUnreadCount","_props$PreviewMutedSt","PreviewMutedStatus","ChannelPreviewMutedStatus","unread","_useViewport","useViewport","vw","maxWidth","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","_useTheme$theme$color","colors","border","white_snow","_useChatContext","useChatContext","client","displayName","useChannelPreviewDisplayName","Math","floor","_useState","useState","muteStatus","muted","_useState2","_slicedToArray2","isChannelMuted","setIsChannelMuted","useEffect","handleEvent","on","off","createElement","TouchableOpacity","onPress","style","backgroundColor","borderBottomColor","testID","__self","__source","fileName","lineNumber","columnNumber","View","id","MemoizedChannelPreviewMessengerWithContext","React","memo","ChannelPreviewMessenger","_useChannelsContext","useChannelsContext","_extends2","exports"],"sources":["ChannelPreviewMessenger.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { ChannelAvatar } from './ChannelAvatar';\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport { ChannelPreviewMessage } from './ChannelPreviewMessage';\nimport { ChannelPreviewMutedStatus } from './ChannelPreviewMutedStatus';\nimport { ChannelPreviewStatus } from './ChannelPreviewStatus';\nimport { ChannelPreviewTitle } from './ChannelPreviewTitle';\nimport { ChannelPreviewUnreadCount } from './ChannelPreviewUnreadCount';\nimport { useChannelPreviewDisplayName } from './hooks/useChannelPreviewDisplayName';\n\nimport type { LatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useViewport } from '../../hooks/useViewport';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderBottomWidth: 1,\n    flex: 1,\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n    paddingVertical: 12,\n  },\n  contentContainer: { flex: 1 },\n  row: {\n    alignItems: 'center',\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingLeft: 8,\n  },\n  statusContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n  },\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nexport type ChannelPreviewMessengerPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> &\n  Pick<\n    ChannelsContextValue<StreamChatGenerics>,\n    | 'maxUnreadCount'\n    | 'onSelect'\n    | 'PreviewAvatar'\n    | 'PreviewMessage'\n    | 'PreviewMutedStatus'\n    | 'PreviewStatus'\n    | 'PreviewTitle'\n    | 'PreviewUnreadCount'\n  > & {\n    /**\n     * Latest message on a channel, formatted for preview\n     *\n     * e.g.,\n     *\n     * ```json\n     * {\n     *  created_at: '' ,\n     *  messageObject: { ... },\n     *  previews: {\n     *    bold: true,\n     *    text: 'This is the message preview text'\n     *  },\n     *  status: 0 | 1 | 2 // read states of the latest message.\n     * }\n     * ```\n     *\n     * The read status is either of the following:\n     *\n     * 0: The message was not sent by the current user\n     * 1: The message was sent by the current user and is unread\n     * 2: The message was sent by the current user and is read\n     *\n     * @overrideType object\n     */\n    latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;\n    /**\n     * Formatter function for date of latest message.\n     * @param date Message date\n     * @returns Formatted date string\n     *\n     * By default today's date is shown in 'HH:mm A' format and other dates\n     * are displayed in 'DD/MM/YY' format. props.latestMessage.created_at is the\n     * default formatted date. This default logic is part of ChannelPreview component.\n     */\n    formatLatestMessageDate?: (date: Date) => string;\n    /** Number of unread messages on the channel */\n    unread?: number;\n  };\n\nconst ChannelPreviewMessengerWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    channel,\n    formatLatestMessageDate,\n    latestMessagePreview,\n    maxUnreadCount,\n    onSelect,\n    PreviewAvatar = ChannelAvatar,\n    PreviewMessage = ChannelPreviewMessage,\n    PreviewStatus = ChannelPreviewStatus,\n    PreviewTitle = ChannelPreviewTitle,\n    PreviewUnreadCount = ChannelPreviewUnreadCount,\n    PreviewMutedStatus = ChannelPreviewMutedStatus,\n    unread,\n  } = props;\n  const { vw } = useViewport();\n\n  const maxWidth = vw(80) - 16 - 40;\n\n  const {\n    theme: {\n      channelPreview: { container, contentContainer, row, title },\n      colors: { border, white_snow },\n    },\n  } = useTheme();\n\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const displayName = useChannelPreviewDisplayName(\n    channel,\n    Math.floor(maxWidth / ((title.fontSize || styles.title.fontSize) / 2)),\n  );\n\n  const [isChannelMuted, setIsChannelMuted] = useState(() => channel.muteStatus().muted);\n\n  useEffect(() => {\n    const handleEvent = () => setIsChannelMuted(channel.muteStatus().muted);\n\n    client.on('notification.channel_mutes_updated', handleEvent);\n    return () => client.off('notification.channel_mutes_updated', handleEvent);\n  }, [client]);\n\n  return (\n    <TouchableOpacity\n      onPress={() => {\n        if (onSelect) {\n          onSelect(channel);\n        }\n      }}\n      style={[\n        styles.container,\n        { backgroundColor: white_snow, borderBottomColor: border },\n        container,\n      ]}\n      testID='channel-preview-button'\n    >\n      <PreviewAvatar channel={channel} />\n      <View\n        style={[styles.contentContainer, contentContainer]}\n        testID={`channel-preview-content-${channel.id}`}\n      >\n        <View style={[styles.row, row]}>\n          <PreviewTitle channel={channel} displayName={displayName} />\n          <View style={[styles.statusContainer, row]}>\n            {isChannelMuted && <PreviewMutedStatus />}\n            <PreviewUnreadCount channel={channel} maxUnreadCount={maxUnreadCount} unread={unread} />\n          </View>\n        </View>\n        <View style={[styles.row, row]}>\n          <PreviewMessage latestMessagePreview={latestMessagePreview} />\n          <PreviewStatus\n            channel={channel}\n            formatLatestMessageDate={formatLatestMessageDate}\n            latestMessagePreview={latestMessagePreview}\n          />\n        </View>\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nexport type ChannelPreviewMessengerProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Omit<\n    ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n    'channel' | 'latestMessagePreview'\n  >\n> &\n  Pick<\n    ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n    'channel' | 'latestMessagePreview'\n  >;\n\nconst MemoizedChannelPreviewMessengerWithContext = React.memo(\n  ChannelPreviewMessengerWithContext,\n) as typeof ChannelPreviewMessengerWithContext;\n\n/**\n * This UI component displays an individual preview item for each channel in a list. It also receives all props\n * from the ChannelPreview component.\n */\nexport const ChannelPreviewMessenger = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessengerProps<StreamChatGenerics>,\n) => {\n  const {\n    maxUnreadCount,\n    onSelect,\n    PreviewAvatar,\n    PreviewMessage,\n    PreviewMutedStatus,\n    PreviewStatus,\n    PreviewTitle,\n    PreviewUnreadCount,\n  } = useChannelsContext<StreamChatGenerics>();\n  return (\n    <MemoizedChannelPreviewMessengerWithContext\n      {...{\n        maxUnreadCount,\n        onSelect,\n        PreviewAvatar,\n        PreviewMessage,\n        PreviewMutedStatus,\n        PreviewStatus,\n        PreviewTitle,\n        PreviewUnreadCount,\n      }}\n      {...props}\n    />\n  );\n};\n\nChannelPreviewMessenger.displayName = 'ChannelPreviewMessenger{channelPreview}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_ChannelAvatar","_ChannelPreviewMessage","_ChannelPreviewMutedStatus","_ChannelPreviewStatus","_ChannelPreviewTitle","_ChannelPreviewUnreadCount","_useChannelPreviewDisplayName","_ChannelsContext","_ChatContext","_ThemeContext","_useViewport2","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","container","borderBottomWidth","flex","flexDirection","paddingHorizontal","paddingVertical","contentContainer","row","alignItems","justifyContent","paddingLeft","statusContainer","display","title","fontSize","fontWeight","ChannelPreviewMessengerWithContext","props","channel","formatLatestMessageDate","latestMessagePreview","maxUnreadCount","onSelect","_props$PreviewAvatar","PreviewAvatar","ChannelAvatar","_props$PreviewMessage","PreviewMessage","ChannelPreviewMessage","_props$PreviewStatus","PreviewStatus","ChannelPreviewStatus","_props$PreviewTitle","PreviewTitle","ChannelPreviewTitle","_props$PreviewUnreadC","PreviewUnreadCount","ChannelPreviewUnreadCount","_props$PreviewMutedSt","PreviewMutedStatus","ChannelPreviewMutedStatus","unread","_useViewport","useViewport","vw","maxWidth","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","_useTheme$theme$color","colors","border","white_snow","_useChatContext","useChatContext","client","displayName","useChannelPreviewDisplayName","Math","floor","_useState","useState","muteStatus","muted","_useState2","_slicedToArray2","isChannelMuted","setIsChannelMuted","useEffect","handleEvent","on","off","createElement","TouchableOpacity","onPress","style","backgroundColor","borderBottomColor","testID","__self","__source","fileName","lineNumber","columnNumber","View","id","MemoizedChannelPreviewMessengerWithContext","React","memo","ChannelPreviewMessenger","_useChannelsContext","useChannelsContext","_extends2","exports"],"sources":["ChannelPreviewMessenger.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { ChannelAvatar } from './ChannelAvatar';\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport { ChannelPreviewMessage } from './ChannelPreviewMessage';\nimport { ChannelPreviewMutedStatus } from './ChannelPreviewMutedStatus';\nimport { ChannelPreviewStatus } from './ChannelPreviewStatus';\nimport { ChannelPreviewTitle } from './ChannelPreviewTitle';\nimport { ChannelPreviewUnreadCount } from './ChannelPreviewUnreadCount';\nimport { useChannelPreviewDisplayName } from './hooks/useChannelPreviewDisplayName';\n\nimport type { LatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useViewport } from '../../hooks/useViewport';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderBottomWidth: 1,\n    flex: 1,\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n    paddingVertical: 12,\n  },\n  contentContainer: { flex: 1 },\n  row: {\n    alignItems: 'center',\n    flex: 1,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingLeft: 8,\n  },\n  statusContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n  },\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nexport type ChannelPreviewMessengerPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> &\n  Pick<\n    ChannelsContextValue<StreamChatGenerics>,\n    | 'maxUnreadCount'\n    | 'onSelect'\n    | 'PreviewAvatar'\n    | 'PreviewMessage'\n    | 'PreviewMutedStatus'\n    | 'PreviewStatus'\n    | 'PreviewTitle'\n    | 'PreviewUnreadCount'\n  > & {\n    /**\n     * Latest message on a channel, formatted for preview\n     *\n     * e.g.,\n     *\n     * ```json\n     * {\n     *  created_at: '' ,\n     *  messageObject: { ... },\n     *  previews: {\n     *    bold: true,\n     *    text: 'This is the message preview text'\n     *  },\n     *  status: 0 | 1 | 2 // read states of the latest message.\n     * }\n     * ```\n     *\n     * The read status is either of the following:\n     *\n     * 0: The message was not sent by the current user\n     * 1: The message was sent by the current user and is unread\n     * 2: The message was sent by the current user and is read\n     *\n     * @overrideType object\n     */\n    latestMessagePreview: LatestMessagePreview<StreamChatGenerics>;\n    /**\n     * Formatter function for date of latest message.\n     * @param date Message date\n     * @returns Formatted date string\n     *\n     * By default today's date is shown in 'HH:mm A' format and other dates\n     * are displayed in 'DD/MM/YY' format. props.latestMessage.created_at is the\n     * default formatted date. This default logic is part of ChannelPreview component.\n     */\n    formatLatestMessageDate?: (date: Date) => string;\n    /** Number of unread messages on the channel */\n    unread?: number;\n  };\n\nconst ChannelPreviewMessengerWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    channel,\n    formatLatestMessageDate,\n    latestMessagePreview,\n    maxUnreadCount,\n    onSelect,\n    PreviewAvatar = ChannelAvatar,\n    PreviewMessage = ChannelPreviewMessage,\n    PreviewStatus = ChannelPreviewStatus,\n    PreviewTitle = ChannelPreviewTitle,\n    PreviewUnreadCount = ChannelPreviewUnreadCount,\n    PreviewMutedStatus = ChannelPreviewMutedStatus,\n    unread,\n  } = props;\n  const { vw } = useViewport();\n\n  const maxWidth = vw(80) - 16 - 40;\n\n  const {\n    theme: {\n      channelPreview: { container, contentContainer, row, title },\n      colors: { border, white_snow },\n    },\n  } = useTheme();\n\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const displayName = useChannelPreviewDisplayName(\n    channel,\n    Math.floor(maxWidth / ((title.fontSize || styles.title.fontSize) / 2)),\n  );\n\n  const [isChannelMuted, setIsChannelMuted] = useState(() => channel.muteStatus().muted);\n\n  useEffect(() => {\n    const handleEvent = () => setIsChannelMuted(channel.muteStatus().muted);\n\n    client.on('notification.channel_mutes_updated', handleEvent);\n    return () => client.off('notification.channel_mutes_updated', handleEvent);\n  }, [client]);\n\n  return (\n    <TouchableOpacity\n      onPress={() => {\n        if (onSelect) {\n          onSelect(channel);\n        }\n      }}\n      style={[\n        styles.container,\n        { backgroundColor: white_snow, borderBottomColor: border },\n        container,\n      ]}\n      testID='channel-preview-button'\n    >\n      <PreviewAvatar channel={channel} />\n      <View\n        style={[styles.contentContainer, contentContainer]}\n        testID={`channel-preview-content-${channel.id}`}\n      >\n        <View style={[styles.row, row]}>\n          <PreviewTitle displayName={displayName} />\n          <View style={[styles.statusContainer, row]}>\n            {isChannelMuted && <PreviewMutedStatus />}\n            <PreviewUnreadCount maxUnreadCount={maxUnreadCount} unread={unread} />\n          </View>\n        </View>\n        <View style={[styles.row, row]}>\n          <PreviewMessage latestMessagePreview={latestMessagePreview} />\n          <PreviewStatus\n            formatLatestMessageDate={formatLatestMessageDate}\n            latestMessagePreview={latestMessagePreview}\n          />\n        </View>\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nexport type ChannelPreviewMessengerProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Omit<\n    ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n    'channel' | 'latestMessagePreview'\n  >\n> &\n  Pick<\n    ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n    'channel' | 'latestMessagePreview'\n  >;\n\nconst MemoizedChannelPreviewMessengerWithContext = React.memo(\n  ChannelPreviewMessengerWithContext,\n) as typeof ChannelPreviewMessengerWithContext;\n\n/**\n * This UI component displays an individual preview item for each channel in a list. It also receives all props\n * from the ChannelPreview component.\n */\nexport const ChannelPreviewMessenger = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewMessengerProps<StreamChatGenerics>,\n) => {\n  const {\n    maxUnreadCount,\n    onSelect,\n    PreviewAvatar,\n    PreviewMessage,\n    PreviewMutedStatus,\n    PreviewStatus,\n    PreviewTitle,\n    PreviewUnreadCount,\n  } = useChannelsContext<StreamChatGenerics>();\n  return (\n    <MemoizedChannelPreviewMessengerWithContext\n      {...{\n        maxUnreadCount,\n        onSelect,\n        PreviewAvatar,\n        PreviewMessage,\n        PreviewMutedStatus,\n        PreviewStatus,\n        PreviewTitle,\n        PreviewUnreadCount,\n      }}\n      {...props}\n    />\n  );\n};\n\nChannelPreviewMessenger.displayName = 'ChannelPreviewMessenger{channelPreview}';\n"],"mappings":"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"}

package/lib/commonjs/components/ChannelPreview/ChannelPreviewStatus.js

@@ -42,7 +42,7 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 48,
       columnNumber: 5
     }
   }, status === _useLatestMessagePreview.MessageReadStatus.READ ? _react["default"].createElement(_icons.CheckAll, (0, _extends2["default"])({
@@ -51,7 +51,7 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 50,
       columnNumber: 9
     }
   })) : status === _useLatestMessagePreview.MessageReadStatus.UNREAD ? _react["default"].createElement(_icons.Check, (0, _extends2["default"])({
@@ -60,7 +60,7 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 52,
       columnNumber: 9
     }
   })) : null, _react["default"].createElement(_reactNative.Text, {
@@ -70,7 +70,7 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 54,
       columnNumber: 7
     }
   }, formatLatestMessageDate && latestMessageDate ? formatLatestMessageDate(latestMessageDate) : latestMessagePreview.created_at));

package/lib/commonjs/components/ChannelPreview/ChannelPreviewStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useLatestMessagePreview","_ThemeContext","_icons","_this","_jsxFileName","styles","StyleSheet","create","date","fontSize","marginLeft","textAlign","flexRow","flexDirection","ChannelPreviewStatus","props","_latestMessagePreview","formatLatestMessageDate","latestMessagePreview","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","checkAllIcon","checkIcon","_useTheme$theme$color","colors","accent_blue","grey","created_at","messageObject","latestMessageDate","Date","status","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","MessageReadStatus","READ","CheckAll","_extends2","pathFill","UNREAD","Check","Text","color","exports"],"sources":["ChannelPreviewStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport type { ChannelPreviewMessengerPropsWithContext } from './ChannelPreviewMessenger';\nimport { MessageReadStatus } from './hooks/useLatestMessagePreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Check, CheckAll } from '../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  date: {\n    fontSize: 12,\n    marginLeft: 2,\n    textAlign: 'right',\n  },\n  flexRow: {\n    flexDirection: 'row',\n  },\n});\n\nexport type ChannelPreviewStatusProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n  'latestMessagePreview' | 'formatLatestMessageDate'\n> &\n  Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreviewStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewStatusProps<StreamChatGenerics>,\n) => {\n  const { formatLatestMessageDate, latestMessagePreview } = props;\n  const {\n    theme: {\n      channelPreview: { checkAllIcon, checkIcon, date },\n      colors: { accent_blue, grey },\n    },\n  } = useTheme();\n\n  const created_at = latestMessagePreview.messageObject?.created_at;\n  const latestMessageDate = created_at ? new Date(created_at) : new Date();\n  const status = latestMessagePreview.status;\n\n  return (\n    <View style={styles.flexRow}>\n      {status === MessageReadStatus.READ ? (\n        <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n      ) : status === MessageReadStatus.UNREAD ? (\n        <Check pathFill={grey} {...checkIcon} />\n      ) : null}\n      <Text style={[styles.date, { color: grey }, date]}>\n        {formatLatestMessageDate && latestMessageDate\n          ? formatLatestMessageDate(latestMessageDate)\n          : latestMessagePreview.created_at}\n      </Text>\n    </View>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useLatestMessagePreview","_ThemeContext","_icons","_this","_jsxFileName","styles","StyleSheet","create","date","fontSize","marginLeft","textAlign","flexRow","flexDirection","ChannelPreviewStatus","props","_latestMessagePreview","formatLatestMessageDate","latestMessagePreview","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","checkAllIcon","checkIcon","_useTheme$theme$color","colors","accent_blue","grey","created_at","messageObject","latestMessageDate","Date","status","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","MessageReadStatus","READ","CheckAll","_extends2","pathFill","UNREAD","Check","Text","color","exports"],"sources":["ChannelPreviewStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewMessengerPropsWithContext } from './ChannelPreviewMessenger';\nimport { MessageReadStatus } from './hooks/useLatestMessagePreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Check, CheckAll } from '../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  date: {\n    fontSize: 12,\n    marginLeft: 2,\n    textAlign: 'right',\n  },\n  flexRow: {\n    flexDirection: 'row',\n  },\n});\n\nexport type ChannelPreviewStatusProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n  'latestMessagePreview' | 'formatLatestMessageDate'\n>;\n\nexport const ChannelPreviewStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewStatusProps<StreamChatGenerics>,\n) => {\n  const { formatLatestMessageDate, latestMessagePreview } = props;\n  const {\n    theme: {\n      channelPreview: { checkAllIcon, checkIcon, date },\n      colors: { accent_blue, grey },\n    },\n  } = useTheme();\n\n  const created_at = latestMessagePreview.messageObject?.created_at;\n  const latestMessageDate = created_at ? new Date(created_at) : new Date();\n  const status = latestMessagePreview.status;\n\n  return (\n    <View style={styles.flexRow}>\n      {status === MessageReadStatus.READ ? (\n        <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n      ) : status === MessageReadStatus.UNREAD ? (\n        <Check pathFill={grey} {...checkIcon} />\n      ) : null}\n      <Text style={[styles.date, { color: grey }, date]}>\n        {formatLatestMessageDate && latestMessageDate\n          ? formatLatestMessageDate(latestMessageDate)\n          : latestMessagePreview.created_at}\n      </Text>\n    </View>\n  );\n};\n"],"mappings":"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"}

package/lib/commonjs/components/ChannelPreview/ChannelPreviewTitle.js

@@ -28,7 +28,7 @@ var ChannelPreviewTitle = function ChannelPreviewTitle(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 27,
       columnNumber: 5
     }
   }, displayName);

package/lib/commonjs/components/ChannelPreview/ChannelPreviewTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","title","fontSize","fontWeight","ChannelPreviewTitle","props","displayName","_useTheme","useTheme","_useTheme$theme","theme","channelPreview","black","colors","createElement","Text","numberOfLines","style","color","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["ChannelPreviewTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nexport type ChannelPreviewTitleProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  displayName: string;\n};\n\nexport const ChannelPreviewTitle = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewTitleProps<StreamChatGenerics>,\n) => {\n  const { displayName } = props;\n  const {\n    theme: {\n      channelPreview: { title },\n      colors: { black },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.title, { color: black }, title]}>\n      {displayName}\n    </Text>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAIpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM;AAC3C,CAAC,CAAC;AAQK,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAG9BC,KAAmD,EAChD;EACH,IAAQC,WAAW,GAAKD,KAAK,CAArBC,WAAW;EACnB,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IACeT,KAAK,GAAAQ,eAAA,CAAvBE,cAAc,CAAIV,KAAK;IACbW,KAAK,GAAAH,eAAA,CAAfI,MAAM,CAAID,KAAK;EAInB,OACErB,MAAA,YAAAuB,aAAA,CAACpB,YAAA,CAAAqB,IAAI;IAACC,aAAa,EAAE,CAAE;IAACC,KAAK,EAAE,CAACnB,MAAM,CAACG,KAAK,EAAE;MAAEiB,KAAK,EAAEN;IAAM,CAAC,EAAEX,KAAK,CAAE;IAAAkB,MAAA,EAAAvB,KAAA;IAAAwB,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpEjB,WACG,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAApB,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","title","fontSize","fontWeight","ChannelPreviewTitle","props","displayName","_useTheme","useTheme","_useTheme$theme","theme","channelPreview","black","colors","createElement","Text","numberOfLines","style","color","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["ChannelPreviewTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nexport type ChannelPreviewTitleProps = {\n  /**\n   * Formatted name for the previewed channel.\n   */\n  displayName: string;\n};\n\nexport const ChannelPreviewTitle = (props: ChannelPreviewTitleProps) => {\n  const { displayName } = props;\n  const {\n    theme: {\n      channelPreview: { title },\n      colors: { black },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.title, { color: black }, title]}>\n      {displayName}\n    </Text>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAEpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM;AAC3C,CAAC,CAAC;AASK,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAA+B,EAAK;EACtE,IAAQC,WAAW,GAAKD,KAAK,CAArBC,WAAW;EACnB,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IACeT,KAAK,GAAAQ,eAAA,CAAvBE,cAAc,CAAIV,KAAK;IACbW,KAAK,GAAAH,eAAA,CAAfI,MAAM,CAAID,KAAK;EAInB,OACErB,MAAA,YAAAuB,aAAA,CAACpB,YAAA,CAAAqB,IAAI;IAACC,aAAa,EAAE,CAAE;IAACC,KAAK,EAAE,CAACnB,MAAM,CAACG,KAAK,EAAE;MAAEiB,KAAK,EAAEN;IAAM,CAAC,EAAEX,KAAK,CAAE;IAAAkB,MAAA,EAAAvB,KAAA;IAAAwB,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpEjB,WACG,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAApB,mBAAA,GAAAA,mBAAA"}

package/lib/commonjs/components/ChannelPreview/ChannelPreviewUnreadCount.js

@@ -25,7 +25,7 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 34,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.Text, {
@@ -34,7 +34,7 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 35,
       columnNumber: 7
     }
   }, unread > maxUnreadCount ? maxUnreadCount + "+" : unread));

package/lib/commonjs/components/ChannelPreview/ChannelPreviewUnreadCount.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","unreadContainer","unreadText","accent_red","colors","createElement","View","style","styles","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","numberOfLines","exports","StyleSheet","create","alignItems","borderRadius","flexShrink","justifyContent","color","fontSize","fontWeight","paddingHorizontal","paddingVertical"],"sources":["ChannelPreviewUnreadCount.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewUnreadCountProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  maxUnreadCount: number;\n  unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n  const { maxUnreadCount, unread } = props;\n  const {\n    theme: {\n      channelPreview: { unreadContainer, unreadText },\n      colors: { accent_red },\n    },\n  } = useTheme();\n\n  if (!unread) return null;\n\n  return (\n    <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n      <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n        {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  unreadContainer: {\n    alignItems: 'center',\n    borderRadius: 8,\n    flexShrink: 1,\n    justifyContent: 'center',\n  },\n  unreadText: {\n    color: '#FFFFFF',\n    fontSize: 11,\n    fontWeight: '700',\n    paddingHorizontal: 5,\n    paddingVertical: 1,\n  },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAW7D,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAGpCC,KAAyD,EACtD;EACH,IAAQC,cAAc,GAAaD,KAAK,CAAhCC,cAAc;IAAEC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAC9B,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,cAAc;IAAIC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU;IACnCC,UAAU,GAAAN,eAAA,CAApBO,MAAM,CAAID,UAAU;EAIxB,IAAI,CAACT,MAAM,EAAE,OAAO,IAAI;EAExB,OACEV,MAAA,YAAAqB,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACP,eAAe,EAAE;MAAEQ,eAAe,EAAEN;IAAW,CAAC,EAAEF,eAAe,CAAE;IAAAS,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtF9B,MAAA,YAAAqB,aAAA,CAAClB,YAAA,CAAA4B,IAAI;IAACC,aAAa,EAAE,CAAE;IAACT,KAAK,EAAE,CAACC,MAAM,CAACN,UAAU,EAAEA,UAAU,CAAE;IAAAQ,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5DpB,MAAM,GAAGD,cAAc,GAAMA,cAAc,SAAMC,MAC9C,CACF,CAAC;AAEX,CAAC;AAACuB,OAAA,CAAA1B,yBAAA,GAAAA,yBAAA;AAEF,IAAMiB,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,eAAe,EAAE;IACfmB,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbC,cAAc,EAAE;EAClB,CAAC;EACDrB,UAAU,EAAE;IACVsB,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","unreadContainer","unreadText","accent_red","colors","createElement","View","style","styles","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","numberOfLines","exports","StyleSheet","create","alignItems","borderRadius","flexShrink","justifyContent","color","fontSize","fontWeight","paddingHorizontal","paddingVertical"],"sources":["ChannelPreviewUnreadCount.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelsContextValue } from '../../contexts/channelsContext/ChannelsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewUnreadCountProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelsContextValue<StreamChatGenerics>, 'maxUnreadCount'> & {\n  /**\n   * Number of unread messages on the channel\n   */\n  unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n  const { maxUnreadCount, unread } = props;\n  const {\n    theme: {\n      channelPreview: { unreadContainer, unreadText },\n      colors: { accent_red },\n    },\n  } = useTheme();\n\n  if (!unread) return null;\n\n  return (\n    <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n      <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n        {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  unreadContainer: {\n    alignItems: 'center',\n    borderRadius: 8,\n    flexShrink: 1,\n    justifyContent: 'center',\n  },\n  unreadText: {\n    color: '#FFFFFF',\n    fontSize: 11,\n    fontWeight: '700',\n    paddingHorizontal: 5,\n    paddingVertical: 1,\n  },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAa7D,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAGpCC,KAAyD,EACtD;EACH,IAAQC,cAAc,GAAaD,KAAK,CAAhCC,cAAc;IAAEC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAC9B,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,cAAc;IAAIC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU;IACnCC,UAAU,GAAAN,eAAA,CAApBO,MAAM,CAAID,UAAU;EAIxB,IAAI,CAACT,MAAM,EAAE,OAAO,IAAI;EAExB,OACEV,MAAA,YAAAqB,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACP,eAAe,EAAE;MAAEQ,eAAe,EAAEN;IAAW,CAAC,EAAEF,eAAe,CAAE;IAAAS,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtF9B,MAAA,YAAAqB,aAAA,CAAClB,YAAA,CAAA4B,IAAI;IAACC,aAAa,EAAE,CAAE;IAACT,KAAK,EAAE,CAACC,MAAM,CAACN,UAAU,EAAEA,UAAU,CAAE;IAAAQ,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5DpB,MAAM,GAAGD,cAAc,GAAMA,cAAc,SAAMC,MAC9C,CACF,CAAC;AAEX,CAAC;AAACuB,OAAA,CAAA1B,yBAAA,GAAAA,yBAAA;AAEF,IAAMiB,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,eAAe,EAAE;IACfmB,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbC,cAAc,EAAE;EAClB,CAAC;EACDrB,UAAU,EAAE;IACVsB,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC"}

package/lib/commonjs/components/Message/Message.js

@@ -376,7 +376,6 @@ var MessageWithContext = function MessageWithContext(props) {
               message: message,
               messageActions: messageActions == null ? void 0 : messageActions.filter(Boolean),
               messageContext: (0, _extends2["default"])({}, messageContext, {
-                disabled: true,
                 preventPress: true
               }),
               messageReactionTitle: !error && messageReactions ? t('Message Reactions') : undefined,
@@ -518,7 +517,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 731,
+      lineNumber: 740,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -528,7 +527,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 740,
+      lineNumber: 749,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -538,7 +537,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 748,
+      lineNumber: 757,
       columnNumber: 9
     }
   }, _react["default"].createElement(_MessageContext.MessageProvider, {
@@ -546,14 +545,14 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 755,
+      lineNumber: 764,
       columnNumber: 11
     }
   }, _react["default"].createElement(MessageSimple, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 756,
+      lineNumber: 765,
       columnNumber: 13
     }
   }), isBounceDialogOpen && _react["default"].createElement(MessageBounce, {
@@ -561,7 +560,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 757,
+      lineNumber: 766,
       columnNumber: 36
     }
   })))));
@@ -569,6 +568,7 @@ var MessageWithContext = function MessageWithContext(props) {
 var areEqual = function areEqual(prevProps, nextProps) {
   var _prevMessage$quoted_m, _nextMessage$quoted_m, _prevMessage$quoted_m2, _nextMessage$quoted_m2, _prevMessage$user, _nextMessage$user;
   var prevMutedUsers = prevProps.chatContext.mutedUsers,
+    prevDisabled = prevProps.disabled,
     prevGoToMessage = prevProps.goToMessage,
     prevGroupStyles = prevProps.groupStyles,
     isAttachmentEqual = prevProps.isAttachmentEqual,
@@ -580,6 +580,7 @@ var areEqual = function areEqual(prevProps, nextProps) {
     prevShowUnreadUnderlay = prevProps.showUnreadUnderlay,
     prevT = prevProps.t;
   var nextMutedUsers = nextProps.chatContext.mutedUsers,
+    nextDisabled = nextProps.disabled,
     nextGoToMessage = nextProps.goToMessage,
     nextGroupStyles = nextProps.groupStyles,
     nextIsTargetedMessage = nextProps.isTargetedMessage,
@@ -589,6 +590,8 @@ var areEqual = function areEqual(prevProps, nextProps) {
     nextMessagesContext = nextProps.messagesContext,
     nextShowUnreadUnderlay = nextProps.showUnreadUnderlay,
     nextT = nextProps.t;
+  var disabledEqual = prevDisabled === nextDisabled;
+  if (!disabledEqual) return false;
   var membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;
   if (!membersEqual) return false;
   var repliesEqual = prevMessage.reply_count === nextMessage.reply_count;
@@ -678,7 +681,7 @@ var Message = function Message(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 931,
+      lineNumber: 945,
       columnNumber: 5
     }
   }));