stream-chat-react-native-core 4.0.0-beta.2 → 4.0.0-beta.6

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

@@ -1 +1 @@
-{"version":3,"sources":["MoreOptionsButton.tsx"],"names":["MoreOptionsButtonWithContext","props","disabled","handleOnPress","theme","accent_blue","colors","moreOptionsButton","messageInput","bottom","left","right","top","areEqual","prevProps","nextProps","prevDisabled","prevHandleOnPress","nextDisabled","nextHandleOnPress","disabledEqual","handleOnPressEqual","MemoizedMoreOptionsButton","React","memo","MoreOptionsButton","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;;;;AA4BA,IAAMA,4BAA4B,GAAG,SAA/BA,4BAA+B,CASnCC,KATmC,EAUhC;AACH,MAAQC,QAAR,GAAoCD,KAApC,CAAQC,QAAR;AAAA,MAAkBC,aAAlB,GAAoCF,KAApC,CAAkBE,aAAlB;;AAEA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,WAFd,mBAEIC,MAFJ,CAEcD,WAFd;AAAA,MAGoBE,iBAHpB,mBAGIC,YAHJ,CAGoBD,iBAHpB;;AAOA,SACE,gCAAC,2CAAD;AACE,IAAA,QAAQ,EAAEL,QADZ;AAEE,IAAA,OAAO,EAAE;AAAEO,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,IAAI,EAAE,EAApB;AAAwBC,MAAAA,KAAK,EAAE,EAA/B;AAAmCC,MAAAA,GAAG,EAAE;AAAxC,KAFX;AAGE,IAAA,OAAO,EAAET,aAHX;AAIE,IAAA,KAAK,EAAE,CAACI,iBAAD,CAJT;AAKE,IAAA,MAAM,EAAC,qBALT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOE,gCAAC,wBAAD;AAAa,IAAA,QAAQ,EAAEF,WAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAPF,CADF;AAWD,CA/BD;;AAiCA,IAAMQ,QAAQ,GAAG,SAAXA,QAAW,CASfC,SATe,EAUfC,SAVe,EAWZ;AACH,MAAkBC,YAAlB,GAAqEF,SAArE,CAAQZ,QAAR;AAAA,MAA+Ce,iBAA/C,GAAqEH,SAArE,CAAgCX,aAAhC;AACA,MAAkBe,YAAlB,GAAqEH,SAArE,CAAQb,QAAR;AAAA,MAA+CiB,iBAA/C,GAAqEJ,SAArE,CAAgCZ,aAAhC;AACA,MAAMiB,aAAa,GAAGJ,YAAY,KAAKE,YAAvC;AACA,MAAI,CAACE,aAAL,EAAoB,OAAO,KAAP;AAEpB,MAAMC,kBAAkB,GAAGJ,iBAAiB,KAAKE,iBAAjD;AACA,MAAI,CAACE,kBAAL,EAAyB,OAAO,KAAP;AAEzB,SAAO,IAAP;AACD,CArBD;;AAuBA,IAAMC,yBAAyB,GAAGC,kBAAMC,IAAN,CAChCxB,4BADgC,EAEhCa,QAFgC,CAAlC;;AAkBO,IAAMY,iBAAiB,GAAG,SAApBA,iBAAoB,CAS/BxB,KAT+B,EAU5B;AACH,2BAA6B,wCAA7B;AAAA,iDAAQC,QAAR;AAAA,MAAQA,QAAR,sCAAmB,KAAnB;;AAEA,SAAO,gCAAC,yBAAD;AAAiCA,IAAAA,QAAQ,EAARA;AAAjC,KAAiDD,KAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CAdM;;;AAgBPwB,iBAAiB,CAACC,WAAlB,GAAgC,iCAAhC","sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../contexts/channelContext/ChannelContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { CircleRight } from '../../icons/CircleRight';\n\nimport type { GestureResponderEvent } from 'react-native';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\ntype MoreOptionsButtonPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'disabled'> & {\n  /** Function that opens attachment options bottom sheet */\n  handleOnPress?: ((event: GestureResponderEvent) => void) & (() => void);\n};\n\nconst MoreOptionsButtonWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: MoreOptionsButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { disabled, handleOnPress } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue },\n      messageInput: { moreOptionsButton },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      hitSlop={{ bottom: 15, left: 15, right: 15, top: 15 }}\n      onPress={handleOnPress}\n      style={[moreOptionsButton]}\n      testID='more-options-button'\n    >\n      <CircleRight pathFill={accent_blue} />\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: MoreOptionsButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MoreOptionsButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { disabled: prevDisabled, handleOnPress: prevHandleOnPress } = prevProps;\n  const { disabled: nextDisabled, handleOnPress: nextHandleOnPress } = nextProps;\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  const handleOnPressEqual = prevHandleOnPress === nextHandleOnPress;\n  if (!handleOnPressEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMoreOptionsButton = React.memo(\n  MoreOptionsButtonWithContext,\n  areEqual,\n) as typeof MoreOptionsButtonWithContext;\n\nexport type MoreOptionsButtonProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<MoreOptionsButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * UI Component for more options button in MessageInput component.\n */\nexport const MoreOptionsButton = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: MoreOptionsButtonProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { disabled = false } = useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedMoreOptionsButton {...{ disabled }} {...props} />;\n};\n\nMoreOptionsButton.displayName = 'MoreOptionsButton{messageInput}';\n"]}
+{"version":3,"sources":["MoreOptionsButton.tsx"],"names":["MoreOptionsButtonWithContext","props","disabled","handleOnPress","theme","accent_blue","colors","moreOptionsButton","messageInput","bottom","left","right","top","areEqual","prevProps","nextProps","prevDisabled","prevHandleOnPress","nextDisabled","nextHandleOnPress","disabledEqual","handleOnPressEqual","MemoizedMoreOptionsButton","React","memo","MoreOptionsButton","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEA;;AAIA;;AACA;;;;;AAWA,IAAMA,4BAA4B,GAAG,SAA/BA,4BAA+B,CAGnCC,KAHmC,EAIhC;AACH,MAAQC,QAAR,GAAoCD,KAApC,CAAQC,QAAR;AAAA,MAAkBC,aAAlB,GAAoCF,KAApC,CAAkBE,aAAlB;;AAEA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,WAFd,mBAEIC,MAFJ,CAEcD,WAFd;AAAA,MAGoBE,iBAHpB,mBAGIC,YAHJ,CAGoBD,iBAHpB;;AAOA,SACE,gCAAC,2CAAD;AACE,IAAA,QAAQ,EAAEL,QADZ;AAEE,IAAA,OAAO,EAAE;AAAEO,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,IAAI,EAAE,EAApB;AAAwBC,MAAAA,KAAK,EAAE,EAA/B;AAAmCC,MAAAA,GAAG,EAAE;AAAxC,KAFX;AAGE,IAAA,OAAO,EAAET,aAHX;AAIE,IAAA,KAAK,EAAE,CAACI,iBAAD,CAJT;AAKE,IAAA,MAAM,EAAC,qBALT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOE,gCAAC,wBAAD;AAAa,IAAA,QAAQ,EAAEF,WAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAPF,CADF;AAWD,CAzBD;;AA2BA,IAAMQ,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAAkBC,YAAlB,GAAqEF,SAArE,CAAQZ,QAAR;AAAA,MAA+Ce,iBAA/C,GAAqEH,SAArE,CAAgCX,aAAhC;AACA,MAAkBe,YAAlB,GAAqEH,SAArE,CAAQb,QAAR;AAAA,MAA+CiB,iBAA/C,GAAqEJ,SAArE,CAAgCZ,aAAhC;AACA,MAAMiB,aAAa,GAAGJ,YAAY,KAAKE,YAAvC;AACA,MAAI,CAACE,aAAL,EAAoB,OAAO,KAAP;AAEpB,MAAMC,kBAAkB,GAAGJ,iBAAiB,KAAKE,iBAAjD;AACA,MAAI,CAACE,kBAAL,EAAyB,OAAO,KAAP;AAEzB,SAAO,IAAP;AACD,CAbD;;AAeA,IAAMC,yBAAyB,GAAGC,kBAAMC,IAAN,CAChCxB,4BADgC,EAEhCa,QAFgC,CAAlC;;AAYO,IAAMY,iBAAiB,GAAG,SAApBA,iBAAoB,CAG/BxB,KAH+B,EAI5B;AACH,2BAA6B,wCAA7B;AAAA,iDAAQC,QAAR;AAAA,MAAQA,QAAR,sCAAmB,KAAnB;;AAEA,SAAO,gCAAC,yBAAD;AAAiCA,IAAAA,QAAQ,EAARA;AAAjC,KAAiDD,KAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CARM;;;AAUPwB,iBAAiB,CAACC,WAAlB,GAAgC,iCAAhC","sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../contexts/channelContext/ChannelContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { CircleRight } from '../../icons/CircleRight';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\ntype MoreOptionsButtonPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> & {\n  /** Function that opens attachment options bottom sheet */\n  handleOnPress?: ((event: GestureResponderEvent) => void) & (() => void);\n};\n\nconst MoreOptionsButtonWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MoreOptionsButtonPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled, handleOnPress } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue },\n      messageInput: { moreOptionsButton },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      hitSlop={{ bottom: 15, left: 15, right: 15, top: 15 }}\n      onPress={handleOnPress}\n      style={[moreOptionsButton]}\n      testID='more-options-button'\n    >\n      <CircleRight pathFill={accent_blue} />\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MoreOptionsButtonPropsWithContext<StreamChatGenerics>,\n  nextProps: MoreOptionsButtonPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled: prevDisabled, handleOnPress: prevHandleOnPress } = prevProps;\n  const { disabled: nextDisabled, handleOnPress: nextHandleOnPress } = nextProps;\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  const handleOnPressEqual = prevHandleOnPress === nextHandleOnPress;\n  if (!handleOnPressEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMoreOptionsButton = React.memo(\n  MoreOptionsButtonWithContext,\n  areEqual,\n) as typeof MoreOptionsButtonWithContext;\n\nexport type MoreOptionsButtonProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MoreOptionsButtonPropsWithContext<StreamChatGenerics>>;\n\n/**\n * UI Component for more options button in MessageInput component.\n */\nexport const MoreOptionsButton = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MoreOptionsButtonProps<StreamChatGenerics>,\n) => {\n  const { disabled = false } = useChannelContext<StreamChatGenerics>();\n\n  return <MemoizedMoreOptionsButton {...{ disabled }} {...props} />;\n};\n\nMoreOptionsButton.displayName = 'MoreOptionsButton{messageInput}';\n"]}

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

@@ -47,7 +47,7 @@ var SendButtonWithContext = function SendButtonWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 35,
       columnNumber: 5
     }
   }, giphyActive && _react["default"].createElement(_Search.Search, {
@@ -55,7 +55,7 @@ var SendButtonWithContext = function SendButtonWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 41,
       columnNumber: 23
     }
   }), !giphyActive && disabled && _react["default"].createElement(_SendRight.SendRight, {
@@ -63,7 +63,7 @@ var SendButtonWithContext = function SendButtonWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 42,
       columnNumber: 36
     }
   }), !giphyActive && !disabled && _react["default"].createElement(_SendUp.SendUp, {
@@ -71,7 +71,7 @@ var SendButtonWithContext = function SendButtonWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 43,
       columnNumber: 37
     }
   }));
@@ -108,7 +108,7 @@ var SendButton = function SendButton(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 95,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["SendButton.tsx"],"names":["SendButtonWithContext","props","disabled","giphyActive","sendMessage","theme","colors","accent_blue","grey_gainsboro","sendButton","messageInput","areEqual","prevProps","nextProps","prevDisabled","prevGiphyActive","prevSendMessage","nextDisabled","nextGiphyActive","nextSendMessage","disabledEqual","giphyActiveEqual","sendMessageEqual","MemoizedSendButton","React","memo","SendButton","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;;;;AAyBA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAS5BC,KAT4B,EAUzB;AACH,wBAAuDA,KAAvD,CAAQC,QAAR;AAAA,MAAQA,QAAR,gCAAmB,KAAnB;AAAA,MAA0BC,WAA1B,GAAuDF,KAAvD,CAA0BE,WAA1B;AAAA,MAAuCC,WAAvC,GAAuDH,KAAvD,CAAuCG,WAAvC;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,cAF3B,yBAE2BA,cAF3B;AAAA,MAGoBC,UAHpB,mBAGIC,YAHJ,CAGoBD,UAHpB;;AAOA,SACE,gCAAC,2CAAD;AACE,IAAA,QAAQ,EAAEP,QADZ;AAEE,IAAA,OAAO,EAAEA,QAAQ,GAAG;AAAA,aAAM,IAAN;AAAA,KAAH,GAAgBE,WAFnC;AAGE,IAAA,KAAK,EAAE,CAACK,UAAD,CAHT;AAIE,IAAA,MAAM,EAAC,aAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMGN,WAAW,IAAI,gCAAC,cAAD;AAAQ,IAAA,QAAQ,EAAEI,WAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IANlB,EAOG,CAACJ,WAAD,IAAgBD,QAAhB,IAA4B,gCAAC,oBAAD;AAAW,IAAA,QAAQ,EAAEM,cAArB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAP/B,EAQG,CAACL,WAAD,IAAgB,CAACD,QAAjB,IAA6B,gCAAC,cAAD;AAAQ,IAAA,QAAQ,EAAEK,WAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IARhC,CADF;AAYD,CA/BD;;AAiCA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CASfC,SATe,EAUfC,SAVe,EAWZ;AACH,MACYC,YADZ,GAIIF,SAJJ,CACEV,QADF;AAAA,MAEea,eAFf,GAIIH,SAJJ,CAEET,WAFF;AAAA,MAGea,eAHf,GAIIJ,SAJJ,CAGER,WAHF;AAKA,MACYa,YADZ,GAIIJ,SAJJ,CACEX,QADF;AAAA,MAEegB,eAFf,GAIIL,SAJJ,CAEEV,WAFF;AAAA,MAGegB,eAHf,GAIIN,SAJJ,CAGET,WAHF;AAMA,MAAMgB,aAAa,GAAGN,YAAY,KAAKG,YAAvC;AACA,MAAI,CAACG,aAAL,EAAoB,OAAO,KAAP;AAEpB,MAAMC,gBAAgB,GAAGN,eAAe,KAAKG,eAA7C;AACA,MAAI,CAACG,gBAAL,EAAuB,OAAO,KAAP;AAEvB,MAAMC,gBAAgB,GAAGN,eAAe,KAAKG,eAA7C;AACA,MAAI,CAACG,gBAAL,EAAuB,OAAO,KAAP;AAEvB,SAAO,IAAP;AACD,CAjCD;;AAmCA,IAAMC,kBAAkB,GAAGC,kBAAMC,IAAN,CACzBzB,qBADyB,EAEzBW,QAFyB,CAA3B;;AAkBO,IAAMe,UAAU,GAAG,SAAbA,UAAa,CASxBzB,KATwB,EAUrB;AACH,8BAAqC,kDAArC;AAAA,MAAQE,WAAR,yBAAQA,WAAR;AAAA,MAAqBC,WAArB,yBAAqBA,WAArB;;AAEA,SACE,gCAAC,kBAAD;AACQD,IAAAA,WAAW,EAAXA,WADR;AACqBC,IAAAA,WAAW,EAAXA;AADrB,KAEMH,KAFN;AAGQC,IAAAA,QAAQ,EAAED,KAAK,CAACC,QAAN,IAAkB,KAHpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAOD,CApBM;;;AAsBPwB,UAAU,CAACC,WAAX,GAAyB,0BAAzB","sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Search } from '../../icons/Search';\nimport { SendRight } from '../../icons/SendRight';\nimport { SendUp } from '../../icons/SendUp';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\ntype SendButtonPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'giphyActive' | 'sendMessage'> & {\n  /** Disables the button */ disabled: boolean;\n};\n\nconst SendButtonWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: SendButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { disabled = false, giphyActive, sendMessage } = props;\n  const {\n    theme: {\n      colors: { accent_blue, grey_gainsboro },\n      messageInput: { sendButton },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      onPress={disabled ? () => null : sendMessage}\n      style={[sendButton]}\n      testID='send-button'\n    >\n      {giphyActive && <Search pathFill={accent_blue} />}\n      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} />}\n      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} />}\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: SendButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: SendButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    disabled: prevDisabled,\n    giphyActive: prevGiphyActive,\n    sendMessage: prevSendMessage,\n  } = prevProps;\n  const {\n    disabled: nextDisabled,\n    giphyActive: nextGiphyActive,\n    sendMessage: nextSendMessage,\n  } = nextProps;\n\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  const giphyActiveEqual = prevGiphyActive === nextGiphyActive;\n  if (!giphyActiveEqual) return false;\n\n  const sendMessageEqual = prevSendMessage === nextSendMessage;\n  if (!sendMessageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedSendButton = React.memo(\n  SendButtonWithContext,\n  areEqual,\n) as typeof SendButtonWithContext;\n\nexport type SendButtonProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<SendButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * UI Component for send button in MessageInput component.\n */\nexport const SendButton = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: SendButtonProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { giphyActive, sendMessage } = useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedSendButton\n      {...{ giphyActive, sendMessage }}\n      {...props}\n      {...{ disabled: props.disabled || false }}\n    />\n  );\n};\n\nSendButton.displayName = 'SendButton{messageInput}';\n"]}
+{"version":3,"sources":["SendButton.tsx"],"names":["SendButtonWithContext","props","disabled","giphyActive","sendMessage","theme","colors","accent_blue","grey_gainsboro","sendButton","messageInput","areEqual","prevProps","nextProps","prevDisabled","prevGiphyActive","prevSendMessage","nextDisabled","nextGiphyActive","nextSendMessage","disabledEqual","giphyActiveEqual","sendMessageEqual","MemoizedSendButton","React","memo","SendButton","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;;;;AAUA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAG5BC,KAH4B,EAIzB;AACH,wBAAuDA,KAAvD,CAAQC,QAAR;AAAA,MAAQA,QAAR,gCAAmB,KAAnB;AAAA,MAA0BC,WAA1B,GAAuDF,KAAvD,CAA0BE,WAA1B;AAAA,MAAuCC,WAAvC,GAAuDH,KAAvD,CAAuCG,WAAvC;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,cAF3B,yBAE2BA,cAF3B;AAAA,MAGoBC,UAHpB,mBAGIC,YAHJ,CAGoBD,UAHpB;;AAOA,SACE,gCAAC,2CAAD;AACE,IAAA,QAAQ,EAAEP,QADZ;AAEE,IAAA,OAAO,EAAEA,QAAQ,GAAG;AAAA,aAAM,IAAN;AAAA,KAAH,GAAgBE,WAFnC;AAGE,IAAA,KAAK,EAAE,CAACK,UAAD,CAHT;AAIE,IAAA,MAAM,EAAC,aAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMGN,WAAW,IAAI,gCAAC,cAAD;AAAQ,IAAA,QAAQ,EAAEI,WAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IANlB,EAOG,CAACJ,WAAD,IAAgBD,QAAhB,IAA4B,gCAAC,oBAAD;AAAW,IAAA,QAAQ,EAAEM,cAArB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAP/B,EAQG,CAACL,WAAD,IAAgB,CAACD,QAAjB,IAA6B,gCAAC,cAAD;AAAQ,IAAA,QAAQ,EAAEK,WAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IARhC,CADF;AAYD,CAzBD;;AA2BA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MACYC,YADZ,GAIIF,SAJJ,CACEV,QADF;AAAA,MAEea,eAFf,GAIIH,SAJJ,CAEET,WAFF;AAAA,MAGea,eAHf,GAIIJ,SAJJ,CAGER,WAHF;AAKA,MACYa,YADZ,GAIIJ,SAJJ,CACEX,QADF;AAAA,MAEegB,eAFf,GAIIL,SAJJ,CAEEV,WAFF;AAAA,MAGegB,eAHf,GAIIN,SAJJ,CAGET,WAHF;AAMA,MAAMgB,aAAa,GAAGN,YAAY,KAAKG,YAAvC;AACA,MAAI,CAACG,aAAL,EAAoB,OAAO,KAAP;AAEpB,MAAMC,gBAAgB,GAAGN,eAAe,KAAKG,eAA7C;AACA,MAAI,CAACG,gBAAL,EAAuB,OAAO,KAAP;AAEvB,MAAMC,gBAAgB,GAAGN,eAAe,KAAKG,eAA7C;AACA,MAAI,CAACG,gBAAL,EAAuB,OAAO,KAAP;AAEvB,SAAO,IAAP;AACD,CAzBD;;AA2BA,IAAMC,kBAAkB,GAAGC,kBAAMC,IAAN,CACzBzB,qBADyB,EAEzBW,QAFyB,CAA3B;;AAYO,IAAMe,UAAU,GAAG,SAAbA,UAAa,CAGxBzB,KAHwB,EAIrB;AACH,8BAAqC,kDAArC;AAAA,MAAQE,WAAR,yBAAQA,WAAR;AAAA,MAAqBC,WAArB,yBAAqBA,WAArB;;AAEA,SACE,gCAAC,kBAAD;AACQD,IAAAA,WAAW,EAAXA,WADR;AACqBC,IAAAA,WAAW,EAAXA;AADrB,KAEMH,KAFN;AAGQC,IAAAA,QAAQ,EAAED,KAAK,CAACC,QAAN,IAAkB,KAHpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAOD,CAdM;;;AAgBPwB,UAAU,CAACC,WAAX,GAAyB,0BAAzB","sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Search } from '../../icons/Search';\nimport { SendRight } from '../../icons/SendRight';\nimport { SendUp } from '../../icons/SendUp';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\ntype SendButtonPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageInputContextValue<StreamChatGenerics>, 'giphyActive' | 'sendMessage'> & {\n  /** Disables the button */ disabled: boolean;\n};\n\nconst SendButtonWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: SendButtonPropsWithContext<StreamChatGenerics>,\n) => {\n  const { disabled = false, giphyActive, sendMessage } = props;\n  const {\n    theme: {\n      colors: { accent_blue, grey_gainsboro },\n      messageInput: { sendButton },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      onPress={disabled ? () => null : sendMessage}\n      style={[sendButton]}\n      testID='send-button'\n    >\n      {giphyActive && <Search pathFill={accent_blue} />}\n      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} />}\n      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} />}\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: SendButtonPropsWithContext<StreamChatGenerics>,\n  nextProps: SendButtonPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    disabled: prevDisabled,\n    giphyActive: prevGiphyActive,\n    sendMessage: prevSendMessage,\n  } = prevProps;\n  const {\n    disabled: nextDisabled,\n    giphyActive: nextGiphyActive,\n    sendMessage: nextSendMessage,\n  } = nextProps;\n\n  const disabledEqual = prevDisabled === nextDisabled;\n  if (!disabledEqual) return false;\n\n  const giphyActiveEqual = prevGiphyActive === nextGiphyActive;\n  if (!giphyActiveEqual) return false;\n\n  const sendMessageEqual = prevSendMessage === nextSendMessage;\n  if (!sendMessageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedSendButton = React.memo(\n  SendButtonWithContext,\n  areEqual,\n) as typeof SendButtonWithContext;\n\nexport type SendButtonProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<SendButtonPropsWithContext<StreamChatGenerics>>;\n\n/**\n * UI Component for send button in MessageInput component.\n */\nexport const SendButton = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: SendButtonProps<StreamChatGenerics>,\n) => {\n  const { giphyActive, sendMessage } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedSendButton\n      {...{ giphyActive, sendMessage }}\n      {...props}\n      {...{ disabled: props.disabled || false }}\n    />\n  );\n};\n\nSendButton.displayName = 'SendButton{messageInput}';\n"]}

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

@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
-var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
+var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/SendMessageDisallowedIndicator.tsx";
 

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

@@ -1 +1 @@
-{"version":3,"sources":["SendMessageDisallowedIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","borderTopWidth","height","justifyContent","text","fontSize","fontWeight","SendMessageDisallowedIndicator","t","theme","colors","border","grey_dark","messageInput","sendMessageDisallowedIndicator","borderTopColor","color"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,CAFP;AAGTC,IAAAA,MAAM,EAAE,EAHC;AAITC,IAAAA,cAAc,EAAE;AAJP,GADoB;AAO/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,UAAU,EAAE;AAFR;AAPyB,CAAlB,CAAf;;AAaO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAAiC,GAAM;AAClD,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AACA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,MAFd,yBAEcA,MAFd;AAAA,MAEsBC,SAFtB,yBAEsBA,SAFtB;AAAA,8CAGIC,YAHJ,CAIMC,8BAJN;AAAA,MAIwCf,SAJxC,yBAIwCA,SAJxC;AAAA,MAImDK,IAJnD,yBAImDA,IAJnD;;AAQA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLR,MAAM,CAACG,SADF,EAEL;AACEgB,MAAAA,cAAc,EAAEJ,MADlB;AAEET,MAAAA,MAAM,EAAE;AAFV,KAFK,EAMLH,SANK,CADT;AASE,IAAA,MAAM,EAAC,mCATT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAWE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACQ,IAAR,EAAc;AAAEY,MAAAA,KAAK,EAAEJ;AAAT,KAAd,EAAoCR,IAApC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGI,CAAC,CAAC,yCAAD,CADJ,CAXF,CADF;AAiBD,CA3BM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderTopWidth: 1,\n    height: 50,\n    justifyContent: 'center',\n  },\n  text: {\n    fontSize: 17,\n    fontWeight: '400',\n  },\n});\n\nexport const SendMessageDisallowedIndicator = () => {\n  const { t } = useTranslationContext();\n  const {\n    theme: {\n      colors: { border, grey_dark },\n      messageInput: {\n        sendMessageDisallowedIndicator: { container, text },\n      },\n    },\n  } = useTheme();\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          borderTopColor: border,\n          height: 50,\n        },\n        container,\n      ]}\n      testID='send-message-disallowed-indicator'\n    >\n      <Text style={[styles.text, { color: grey_dark }, text]}>\n        {t(\"You can't send messages in this channel\")}\n      </Text>\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["SendMessageDisallowedIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","borderTopWidth","height","justifyContent","text","fontSize","fontWeight","SendMessageDisallowedIndicator","t","theme","colors","border","grey_dark","messageInput","sendMessageDisallowedIndicator","borderTopColor","color"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,CAFP;AAGTC,IAAAA,MAAM,EAAE,EAHC;AAITC,IAAAA,cAAc,EAAE;AAJP,GADoB;AAO/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,UAAU,EAAE;AAFR;AAPyB,CAAlB,CAAf;;AAaO,IAAMC,8BAA8B,GAAG,SAAjCA,8BAAiC,GAAM;AAClD,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AACA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,MAFd,yBAEcA,MAFd;AAAA,MAEsBC,SAFtB,yBAEsBA,SAFtB;AAAA,8CAGIC,YAHJ,CAIMC,8BAJN;AAAA,MAIwCf,SAJxC,yBAIwCA,SAJxC;AAAA,MAImDK,IAJnD,yBAImDA,IAJnD;;AAQA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLR,MAAM,CAACG,SADF,EAEL;AACEgB,MAAAA,cAAc,EAAEJ,MADlB;AAEET,MAAAA,MAAM,EAAE;AAFV,KAFK,EAMLH,SANK,CADT;AASE,IAAA,MAAM,EAAC,mCATT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAWE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACQ,IAAR,EAAc;AAAEY,MAAAA,KAAK,EAAEJ;AAAT,KAAd,EAAoCR,IAApC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGI,CAAC,CAAC,yCAAD,CADJ,CAXF,CADF;AAiBD,CA3BM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderTopWidth: 1,\n    height: 50,\n    justifyContent: 'center',\n  },\n  text: {\n    fontSize: 17,\n    fontWeight: '400',\n  },\n});\n\nexport const SendMessageDisallowedIndicator = () => {\n  const { t } = useTranslationContext();\n  const {\n    theme: {\n      colors: { border, grey_dark },\n      messageInput: {\n        sendMessageDisallowedIndicator: { container, text },\n      },\n    },\n  } = useTheme();\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          borderTopColor: border,\n          height: 50,\n        },\n        container,\n      ]}\n      testID='send-message-disallowed-indicator'\n    >\n      <Text style={[styles.text, { color: grey_dark }, text]}>\n        {t(\"You can't send messages in this channel\")}\n      </Text>\n    </View>\n  );\n};\n"]}

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

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShowThreadMessageInChannelButton = exports.ShowThreadMessageInChannelButtonWithContext = void 0;
+exports.ShowThreadMessageInChannelButtonWithContext = exports.ShowThreadMessageInChannelButton = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
-var _icons = require("../../icons");
-
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
 
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
@@ -21,6 +19,8 @@ var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
 
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
 
+var _icons = require("../../icons");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/ShowThreadMessageInChannelButton.tsx";
 
@@ -78,7 +78,7 @@ var ShowThreadMessageInChannelButtonWithContext = function ShowThreadMessageInCh
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 81,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.TouchableOpacity, {
@@ -90,7 +90,7 @@ var ShowThreadMessageInChannelButtonWithContext = function ShowThreadMessageInCh
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 82,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -98,7 +98,7 @@ var ShowThreadMessageInChannelButtonWithContext = function ShowThreadMessageInCh
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 85,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -111,7 +111,7 @@ var ShowThreadMessageInChannelButtonWithContext = function ShowThreadMessageInCh
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 86,
       columnNumber: 13
     }
   }, sendThreadMessageInChannel && _react["default"].createElement(_icons.Check, (0, _extends2["default"])({
@@ -122,7 +122,7 @@ var ShowThreadMessageInChannelButtonWithContext = function ShowThreadMessageInCh
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 99,
       columnNumber: 17
     }
   }))), _react["default"].createElement(_reactNative.Text, {
@@ -132,7 +132,7 @@ var ShowThreadMessageInChannelButtonWithContext = function ShowThreadMessageInCh
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 102,
       columnNumber: 13
     }
   }, t('Also send to channel')))));
@@ -182,7 +182,7 @@ var ShowThreadMessageInChannelButton = function ShowThreadMessageInChannelButton
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 177,
+      lineNumber: 162,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["ShowThreadMessageInChannelButton.tsx"],"names":["styles","StyleSheet","create","checkBox","alignItems","borderRadius","borderWidth","height","justifyContent","width","container","flexDirection","marginHorizontal","marginTop","innerContainer","text","fontSize","marginLeft","ShowThreadMessageInChannelButtonWithContext","props","allowThreadMessagesInChannel","sendThreadMessageInChannel","setSendThreadMessageInChannel","t","threadList","theme","colors","accent_blue","grey","white","messageInput","showThreadMessageInChannelButton","check","checkBoxActive","checkBoxInactive","prevSendInChannel","backgroundColor","borderColor","color","areEqual","prevProps","nextProps","prevAllowThreadMessagesInChannel","prevSendThreadMessageInChannel","prevT","prevThreadList","nextAllowThreadMessagesInChannel","nexSendThreadMessageInChannel","nextT","nextThreadList","tEqual","sendThreadMessageInChannelEqual","threadListEqual","allowThreadMessagesInChannelEqual","MemoizedShowThreadMessageInChannelButton","React","memo","ShowThreadMessageInChannelButton","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { Check } from '../../icons';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\nimport {\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  checkBox: {\n    alignItems: 'center',\n    borderRadius: 3,\n    borderWidth: 2,\n    height: 16,\n    justifyContent: 'center',\n    width: 16,\n  },\n  container: {\n    flexDirection: 'row',\n    marginHorizontal: 2,\n    marginTop: 8,\n  },\n  innerContainer: {\n    flexDirection: 'row',\n  },\n  text: {\n    fontSize: 13,\n    marginLeft: 12,\n  },\n});\n\nexport type ShowThreadMessageInChannelButtonWithContextProps = Pick<\n  MessageInputContextValue,\n  'sendThreadMessageInChannel' | 'setSendThreadMessageInChannel'\n> &\n  Pick<ThreadContextValue, 'allowThreadMessagesInChannel'> &\n  Pick<TranslationContextValue, 't'> & {\n    threadList?: boolean;\n  };\n\nexport const ShowThreadMessageInChannelButtonWithContext: React.FC<ShowThreadMessageInChannelButtonWithContextProps> =\n  (props) => {\n    const {\n      allowThreadMessagesInChannel,\n      sendThreadMessageInChannel,\n      setSendThreadMessageInChannel,\n      t,\n      threadList,\n    } = props;\n\n    const {\n      theme: {\n        colors: { accent_blue, grey, white },\n        messageInput: {\n          showThreadMessageInChannelButton: {\n            check,\n            checkBoxActive,\n            checkBoxInactive,\n            container,\n            innerContainer,\n            text,\n          },\n        },\n      },\n    } = useTheme();\n\n    if (!threadList || !allowThreadMessagesInChannel) {\n      return null;\n    }\n\n    return (\n      <View style={[styles.container, container]} testID='show-thread-message-in-channel-button'>\n        <TouchableOpacity\n          onPress={() => setSendThreadMessageInChannel((prevSendInChannel) => !prevSendInChannel)}\n        >\n          <View style={[styles.innerContainer, innerContainer]}>\n            <View\n              style={[\n                styles.checkBox,\n                sendThreadMessageInChannel\n                  ? {\n                      backgroundColor: accent_blue,\n                      borderColor: accent_blue,\n                      ...checkBoxActive,\n                    }\n                  : { borderColor: grey, ...checkBoxInactive },\n              ]}\n            >\n              {sendThreadMessageInChannel && (\n                <Check height={16} pathFill={white} width={16} {...check} />\n              )}\n            </View>\n            <Text style={[styles.text, { color: grey }, text]}>{t('Also send to channel')}</Text>\n          </View>\n        </TouchableOpacity>\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: ShowThreadMessageInChannelButtonWithContextProps,\n  nextProps: ShowThreadMessageInChannelButtonWithContextProps,\n) => {\n  const {\n    allowThreadMessagesInChannel: prevAllowThreadMessagesInChannel,\n    sendThreadMessageInChannel: prevSendThreadMessageInChannel,\n    t: prevT,\n    threadList: prevThreadList,\n  } = prevProps;\n  const {\n    allowThreadMessagesInChannel: nextAllowThreadMessagesInChannel,\n    sendThreadMessageInChannel: nexSendThreadMessageInChannel,\n    t: nextT,\n    threadList: nextThreadList,\n  } = nextProps;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const sendThreadMessageInChannelEqual =\n    prevSendThreadMessageInChannel === nexSendThreadMessageInChannel;\n  if (!sendThreadMessageInChannelEqual) return false;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const allowThreadMessagesInChannelEqual =\n    prevAllowThreadMessagesInChannel === nextAllowThreadMessagesInChannel;\n  if (!allowThreadMessagesInChannelEqual) return false;\n\n  return true;\n};\n\nconst MemoizedShowThreadMessageInChannelButton = React.memo(\n  ShowThreadMessageInChannelButtonWithContext,\n  areEqual,\n) as typeof ShowThreadMessageInChannelButtonWithContext;\n\nexport type ShowThreadMessageInChannelButtonProps =\n  Partial<ShowThreadMessageInChannelButtonWithContextProps>;\n\nexport const ShowThreadMessageInChannelButton = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ShowThreadMessageInChannelButtonProps,\n) => {\n  const { t } = useTranslationContext();\n  const { allowThreadMessagesInChannel } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { sendThreadMessageInChannel, setSendThreadMessageInChannel } =\n    useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedShowThreadMessageInChannelButton\n      {...{\n        allowThreadMessagesInChannel,\n        sendThreadMessageInChannel,\n        setSendThreadMessageInChannel,\n        t,\n      }}\n      {...props}\n    />\n  );\n};\n\nShowThreadMessageInChannelButton.displayName =\n  'ShowThreadMessageInChannelButton{messageInput{showThreadMessageInChannelButton}}';\n"]}
+{"version":3,"sources":["ShowThreadMessageInChannelButton.tsx"],"names":["styles","StyleSheet","create","checkBox","alignItems","borderRadius","borderWidth","height","justifyContent","width","container","flexDirection","marginHorizontal","marginTop","innerContainer","text","fontSize","marginLeft","ShowThreadMessageInChannelButtonWithContext","props","allowThreadMessagesInChannel","sendThreadMessageInChannel","setSendThreadMessageInChannel","t","threadList","theme","colors","accent_blue","grey","white","messageInput","showThreadMessageInChannelButton","check","checkBoxActive","checkBoxInactive","prevSendInChannel","backgroundColor","borderColor","color","areEqual","prevProps","nextProps","prevAllowThreadMessagesInChannel","prevSendThreadMessageInChannel","prevT","prevThreadList","nextAllowThreadMessagesInChannel","nexSendThreadMessageInChannel","nextT","nextThreadList","tEqual","sendThreadMessageInChannelEqual","threadListEqual","allowThreadMessagesInChannelEqual","MemoizedShowThreadMessageInChannelButton","React","memo","ShowThreadMessageInChannelButton","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AAIA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE,QADJ;AAERC,IAAAA,YAAY,EAAE,CAFN;AAGRC,IAAAA,WAAW,EAAE,CAHL;AAIRC,IAAAA,MAAM,EAAE,EAJA;AAKRC,IAAAA,cAAc,EAAE,QALR;AAMRC,IAAAA,KAAK,EAAE;AANC,GADqB;AAS/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,aAAa,EAAE,KADN;AAETC,IAAAA,gBAAgB,EAAE,CAFT;AAGTC,IAAAA,SAAS,EAAE;AAHF,GAToB;AAc/BC,EAAAA,cAAc,EAAE;AACdH,IAAAA,aAAa,EAAE;AADD,GAde;AAiB/BI,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,UAAU,EAAE;AAFR;AAjByB,CAAlB,CAAf;;AAgCO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,CAACC,KAAD,EAAW;AACT,MACEC,4BADF,GAMID,KANJ,CACEC,4BADF;AAAA,MAEEC,0BAFF,GAMIF,KANJ,CAEEE,0BAFF;AAAA,MAGEC,6BAHF,GAMIH,KANJ,CAGEG,6BAHF;AAAA,MAIEC,CAJF,GAMIJ,KANJ,CAIEI,CAJF;AAAA,MAKEC,UALF,GAMIL,KANJ,CAKEK,UALF;;AAQA,kBAcI,6BAdJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,IAF3B,yBAE2BA,IAF3B;AAAA,MAEiCC,KAFjC,yBAEiCA,KAFjC;AAAA,8CAGIC,YAHJ,CAIMC,gCAJN;AAAA,MAKQC,KALR,yBAKQA,KALR;AAAA,MAMQC,cANR,yBAMQA,cANR;AAAA,MAOQC,gBAPR,yBAOQA,gBAPR;AAAA,MAQQxB,SARR,yBAQQA,SARR;AAAA,MASQI,cATR,yBASQA,cATR;AAAA,MAUQC,IAVR,yBAUQA,IAVR;;AAgBA,MAAI,CAACS,UAAD,IAAe,CAACJ,4BAApB,EAAkD;AAChD,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACpB,MAAM,CAACU,SAAR,EAAmBA,SAAnB,CAAb;AAA4C,IAAA,MAAM,EAAC,uCAAnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,6BAAD;AACE,IAAA,OAAO,EAAE;AAAA,aAAMY,6BAA6B,CAAC,UAACa,iBAAD;AAAA,eAAuB,CAACA,iBAAxB;AAAA,OAAD,CAAnC;AAAA,KADX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACnC,MAAM,CAACc,cAAR,EAAwBA,cAAxB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLd,MAAM,CAACG,QADF,EAELkB,0BAA0B;AAEpBe,MAAAA,eAAe,EAAET,WAFG;AAGpBU,MAAAA,WAAW,EAAEV;AAHO,OAIjBM,cAJiB;AAMpBI,MAAAA,WAAW,EAAET;AANO,OAMEM,gBANF,CAFrB,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAYGb,0BAA0B,IACzB,gCAAC,YAAD;AAAO,IAAA,MAAM,EAAE,EAAf;AAAmB,IAAA,QAAQ,EAAEQ,KAA7B;AAAoC,IAAA,KAAK,EAAE;AAA3C,KAAmDG,KAAnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAbJ,CADF,EAiBE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAChC,MAAM,CAACe,IAAR,EAAc;AAAEuB,MAAAA,KAAK,EAAEV;AAAT,KAAd,EAA+Bb,IAA/B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAoDQ,CAAC,CAAC,sBAAD,CAArD,CAjBF,CAHF,CADF,CADF;AA2BD,CAzDI;;;;AA2DP,IAAMgB,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MACgCC,gCADhC,GAKIF,SALJ,CACEpB,4BADF;AAAA,MAE8BuB,8BAF9B,GAKIH,SALJ,CAEEnB,0BAFF;AAAA,MAGKuB,KAHL,GAKIJ,SALJ,CAGEjB,CAHF;AAAA,MAIcsB,cAJd,GAKIL,SALJ,CAIEhB,UAJF;AAMA,MACgCsB,gCADhC,GAKIL,SALJ,CACErB,4BADF;AAAA,MAE8B2B,6BAF9B,GAKIN,SALJ,CAEEpB,0BAFF;AAAA,MAGK2B,KAHL,GAKIP,SALJ,CAGElB,CAHF;AAAA,MAIc0B,cAJd,GAKIR,SALJ,CAIEjB,UAJF;AAOA,MAAM0B,MAAM,GAAGN,KAAK,KAAKI,KAAzB;AACA,MAAI,CAACE,MAAL,EAAa,OAAO,KAAP;AAEb,MAAMC,+BAA+B,GACnCR,8BAA8B,KAAKI,6BADrC;AAEA,MAAI,CAACI,+BAAL,EAAsC,OAAO,KAAP;AAEtC,MAAMC,eAAe,GAAGP,cAAc,KAAKI,cAA3C;AACA,MAAI,CAACG,eAAL,EAAsB,OAAO,KAAP;AAEtB,MAAMC,iCAAiC,GACrCX,gCAAgC,KAAKI,gCADvC;AAEA,MAAI,CAACO,iCAAL,EAAwC,OAAO,KAAP;AAExC,SAAO,IAAP;AACD,CAhCD;;AAkCA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/CtC,2CAD+C,EAE/CqB,QAF+C,CAAjD;;AAQO,IAAMkB,gCAAgC,GAAG,SAAnCA,gCAAmC,CAG9CtC,KAH8C,EAI3C;AACH,8BAAc,gDAAd;AAAA,MAAQI,CAAR,yBAAQA,CAAR;;AACA,0BAAyC,sCAAzC;AAAA,MAAQH,4BAAR,qBAAQA,4BAAR;;AACA,8BACE,kDADF;AAAA,MAAQC,0BAAR,yBAAQA,0BAAR;AAAA,MAAoCC,6BAApC,yBAAoCA,6BAApC;;AAGA,SACE,gCAAC,wCAAD;AAEIF,IAAAA,4BAA4B,EAA5BA,4BAFJ;AAGIC,IAAAA,0BAA0B,EAA1BA,0BAHJ;AAIIC,IAAAA,6BAA6B,EAA7BA,6BAJJ;AAKIC,IAAAA,CAAC,EAADA;AALJ,KAOMJ,KAPN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAWD,CArBM;;;AAuBPsC,gCAAgC,CAACC,WAAjC,GACE,kFADF","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\nimport {\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\nimport { Check } from '../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  checkBox: {\n    alignItems: 'center',\n    borderRadius: 3,\n    borderWidth: 2,\n    height: 16,\n    justifyContent: 'center',\n    width: 16,\n  },\n  container: {\n    flexDirection: 'row',\n    marginHorizontal: 2,\n    marginTop: 8,\n  },\n  innerContainer: {\n    flexDirection: 'row',\n  },\n  text: {\n    fontSize: 13,\n    marginLeft: 12,\n  },\n});\n\nexport type ShowThreadMessageInChannelButtonWithContextProps = Pick<\n  MessageInputContextValue,\n  'sendThreadMessageInChannel' | 'setSendThreadMessageInChannel'\n> &\n  Pick<ThreadContextValue, 'allowThreadMessagesInChannel'> &\n  Pick<TranslationContextValue, 't'> & {\n    threadList?: boolean;\n  };\n\nexport const ShowThreadMessageInChannelButtonWithContext: React.FC<ShowThreadMessageInChannelButtonWithContextProps> =\n  (props) => {\n    const {\n      allowThreadMessagesInChannel,\n      sendThreadMessageInChannel,\n      setSendThreadMessageInChannel,\n      t,\n      threadList,\n    } = props;\n\n    const {\n      theme: {\n        colors: { accent_blue, grey, white },\n        messageInput: {\n          showThreadMessageInChannelButton: {\n            check,\n            checkBoxActive,\n            checkBoxInactive,\n            container,\n            innerContainer,\n            text,\n          },\n        },\n      },\n    } = useTheme();\n\n    if (!threadList || !allowThreadMessagesInChannel) {\n      return null;\n    }\n\n    return (\n      <View style={[styles.container, container]} testID='show-thread-message-in-channel-button'>\n        <TouchableOpacity\n          onPress={() => setSendThreadMessageInChannel((prevSendInChannel) => !prevSendInChannel)}\n        >\n          <View style={[styles.innerContainer, innerContainer]}>\n            <View\n              style={[\n                styles.checkBox,\n                sendThreadMessageInChannel\n                  ? {\n                      backgroundColor: accent_blue,\n                      borderColor: accent_blue,\n                      ...checkBoxActive,\n                    }\n                  : { borderColor: grey, ...checkBoxInactive },\n              ]}\n            >\n              {sendThreadMessageInChannel && (\n                <Check height={16} pathFill={white} width={16} {...check} />\n              )}\n            </View>\n            <Text style={[styles.text, { color: grey }, text]}>{t('Also send to channel')}</Text>\n          </View>\n        </TouchableOpacity>\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: ShowThreadMessageInChannelButtonWithContextProps,\n  nextProps: ShowThreadMessageInChannelButtonWithContextProps,\n) => {\n  const {\n    allowThreadMessagesInChannel: prevAllowThreadMessagesInChannel,\n    sendThreadMessageInChannel: prevSendThreadMessageInChannel,\n    t: prevT,\n    threadList: prevThreadList,\n  } = prevProps;\n  const {\n    allowThreadMessagesInChannel: nextAllowThreadMessagesInChannel,\n    sendThreadMessageInChannel: nexSendThreadMessageInChannel,\n    t: nextT,\n    threadList: nextThreadList,\n  } = nextProps;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const sendThreadMessageInChannelEqual =\n    prevSendThreadMessageInChannel === nexSendThreadMessageInChannel;\n  if (!sendThreadMessageInChannelEqual) return false;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const allowThreadMessagesInChannelEqual =\n    prevAllowThreadMessagesInChannel === nextAllowThreadMessagesInChannel;\n  if (!allowThreadMessagesInChannelEqual) return false;\n\n  return true;\n};\n\nconst MemoizedShowThreadMessageInChannelButton = React.memo(\n  ShowThreadMessageInChannelButtonWithContext,\n  areEqual,\n) as typeof ShowThreadMessageInChannelButtonWithContext;\n\nexport type ShowThreadMessageInChannelButtonProps =\n  Partial<ShowThreadMessageInChannelButtonWithContextProps>;\n\nexport const ShowThreadMessageInChannelButton = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ShowThreadMessageInChannelButtonProps,\n) => {\n  const { t } = useTranslationContext();\n  const { allowThreadMessagesInChannel } = useThreadContext<StreamChatGenerics>();\n  const { sendThreadMessageInChannel, setSendThreadMessageInChannel } =\n    useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedShowThreadMessageInChannelButton\n      {...{\n        allowThreadMessagesInChannel,\n        sendThreadMessageInChannel,\n        setSendThreadMessageInChannel,\n        t,\n      }}\n      {...props}\n    />\n  );\n};\n\nShowThreadMessageInChannelButton.displayName =\n  'ShowThreadMessageInChannelButton{messageInput{showThreadMessageInChannelButton}}';\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["useCooldown.ts"],"names":["useCooldown","Date","endsAt","setEndsAt","client","channel","data","cooldown","interval","disabledRoles","BuiltinRoles","Admin","ChannelModerator","userClientRole","user","role","userChannelRole","state","members","userID","disabledFor","roles","some","roleToSkip","includes","enabled","start","now","ONE_SECOND_IN_MS"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAUA;;AAQO,IAAMA,WAAW,GAAG,SAAdA,WAAc,GAQpB;AAAA;;AACL,kBAA4B,qBAAS,IAAIC,IAAJ,EAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AAEA,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AACA,2BAAoB,wCAApB;AAAA,MAAQC,OAAR,sBAAQA,OAAR;;AACA,aAAsB,CAAAA,OAAO,QAAP,YAAAA,OAAO,CAAEC,IAAT,KAAiB,EAAvC;AAAA,MAAQC,QAAR,QAAQA,QAAR;;AACA,MAAMC,QAAgB,GAAGD,QAAH,WAAGA,QAAH,GAAe,CAArC;AAQA,MAAME,aAAa,GAAG,CAACC,yBAAaC,KAAd,EAAqBD,yBAAaE,gBAAlC,CAAtB;AACA,MAAMC,cAAc,GAAG,CAAAT,MAAM,QAAN,4BAAAA,MAAM,CAAEU,IAAR,kCAAcC,IAAd,KAAsB,EAA7C;AACA,MAAMC,eAAe,GAAG,CAAAX,OAAO,QAAP,qCAAAA,OAAO,CAAEY,KAAT,CAAeC,OAAf,CAAuBd,MAAM,CAACe,MAAP,IAAiB,EAAxC,4CAA6CJ,IAA7C,KAAqD,EAA7E;;AAEA,MAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,WAClBZ,aAAa,CAACa,IAAd,CAAmB,UAACC,UAAD;AAAA,aAAgBF,KAAK,CAACG,QAAN,CAAeD,UAAf,CAAhB;AAAA,KAAnB,CADkB;AAAA,GAApB;;AAGA,MAAME,OAAO,GAAGjB,QAAQ,GAAG,CAAX,IAAgB,CAACY,WAAW,CAAC,CAACP,cAAD,EAAiBG,eAAjB,CAAD,CAA5C;;AAEA,MAAMU,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClB,QAAID,OAAJ,EAAa;AACXtB,MAAAA,SAAS,CAAC,IAAIF,IAAJ,CAASA,IAAI,CAAC0B,GAAL,KAAanB,QAAQ,GAAGoB,sBAAjC,CAAD,CAAT;AACD;AACF,GAJD;;AAMA,SAAO;AAAE1B,IAAAA,MAAM,EAANA,MAAF;AAAUwB,IAAAA,KAAK,EAALA;AAAV,GAAP;AACD,CAtCM","sourcesContent":["import { useState } from 'react';\nimport { BuiltinRoles, ChannelResponse, Role } from 'stream-chat';\nimport { useChannelContext } from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n} from '../../../types/types';\nimport { ONE_SECOND_IN_MS } from '../../../utils/date';\n\ntype Roles = Array<Role>;\n\n/**\n * useCooldown can be used to start a cooldown defined\n * for a Channel by setting an end time for\n **/\nexport const useCooldown = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends DefaultChannelType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends DefaultEventType = DefaultEventType,\n  Me extends DefaultMessageType = DefaultMessageType,\n  Re extends DefaultReactionType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>() => {\n  const [endsAt, setEndsAt] = useState(new Date());\n\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { channel } = useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { cooldown } = (channel?.data || {}) as ChannelResponse<Ch, Co, Us>;\n  const interval: number = cooldown ?? 0;\n\n  /**\n   * We get the roles a user has globally set on the Client, and the role\n   * they have locally within the chat. If any of the predefined\n   * `disabledRoles` are matched to either of the users roles, the user\n   * will not have a cooldown at all.\n   **/\n  const disabledRoles = [BuiltinRoles.Admin, BuiltinRoles.ChannelModerator];\n  const userClientRole = client?.user?.role || '';\n  const userChannelRole = channel?.state.members[client.userID || '']?.role || '';\n\n  const disabledFor = (roles: Roles) =>\n    disabledRoles.some((roleToSkip) => roles.includes(roleToSkip));\n\n  const enabled = interval > 0 && !disabledFor([userClientRole, userChannelRole]);\n\n  const start = () => {\n    if (enabled) {\n      setEndsAt(new Date(Date.now() + interval * ONE_SECOND_IN_MS));\n    }\n  };\n\n  return { endsAt, start };\n};\n"]}
+{"version":3,"sources":["useCooldown.ts"],"names":["useCooldown","Date","endsAt","setEndsAt","client","channel","data","cooldown","interval","disabledRoles","BuiltinRoles","Admin","ChannelModerator","userClientRole","user","role","userChannelRole","state","members","userID","disabledFor","roles","some","roleToSkip","includes","enabled","start","now","ONE_SECOND_IN_MS"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AAEA;;AAQO,IAAMA,WAAW,GAAG,SAAdA,WAAc,GAEpB;AAAA;;AACL,kBAA4B,qBAAS,IAAIC,IAAJ,EAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AAEA,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AACA,2BAAoB,wCAApB;AAAA,MAAQC,OAAR,sBAAQA,OAAR;;AACA,aAAsB,CAAAA,OAAO,QAAP,YAAAA,OAAO,CAAEC,IAAT,KAAiB,EAAvC;AAAA,MAAQC,QAAR,QAAQA,QAAR;;AACA,MAAMC,QAAgB,GAAGD,QAAH,WAAGA,QAAH,GAAe,CAArC;AAQA,MAAME,aAAa,GAAG,CAACC,yBAAaC,KAAd,EAAqBD,yBAAaE,gBAAlC,CAAtB;AACA,MAAMC,cAAc,GAAG,CAAAT,MAAM,QAAN,4BAAAA,MAAM,CAAEU,IAAR,kCAAcC,IAAd,KAAsB,EAA7C;AACA,MAAMC,eAAe,GAAG,CAAAX,OAAO,QAAP,qCAAAA,OAAO,CAAEY,KAAT,CAAeC,OAAf,CAAuBd,MAAM,CAACe,MAAP,IAAiB,EAAxC,4CAA6CJ,IAA7C,KAAqD,EAA7E;;AAEA,MAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,WAClBZ,aAAa,CAACa,IAAd,CAAmB,UAACC,UAAD;AAAA,aAAgBF,KAAK,CAACG,QAAN,CAAeD,UAAf,CAAhB;AAAA,KAAnB,CADkB;AAAA,GAApB;;AAGA,MAAME,OAAO,GAAGjB,QAAQ,GAAG,CAAX,IAAgB,CAACY,WAAW,CAAC,CAACP,cAAD,EAAiBG,eAAjB,CAAD,CAA5C;;AAEA,MAAMU,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClB,QAAID,OAAJ,EAAa;AACXtB,MAAAA,SAAS,CAAC,IAAIF,IAAJ,CAASA,IAAI,CAAC0B,GAAL,KAAanB,QAAQ,GAAGoB,sBAAjC,CAAD,CAAT;AACD;AACF,GAJD;;AAMA,SAAO;AAAE1B,IAAAA,MAAM,EAANA,MAAF;AAAUwB,IAAAA,KAAK,EAALA;AAAV,GAAP;AACD,CAhCM","sourcesContent":["import { useState } from 'react';\n\nimport { BuiltinRoles, ChannelResponse, Role } from 'stream-chat';\n\nimport { useChannelContext } from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { ONE_SECOND_IN_MS } from '../../../utils/date';\n\ntype Roles = Array<Role>;\n\n/**\n * useCooldown can be used to start a cooldown defined\n * for a Channel by setting an end time for\n **/\nexport const useCooldown = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const [endsAt, setEndsAt] = useState(new Date());\n\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { channel } = useChannelContext<StreamChatGenerics>();\n  const { cooldown } = (channel?.data || {}) as ChannelResponse<StreamChatGenerics>;\n  const interval: number = cooldown ?? 0;\n\n  /**\n   * We get the roles a user has globally set on the Client, and the role\n   * they have locally within the chat. If any of the predefined\n   * `disabledRoles` are matched to either of the users roles, the user\n   * will not have a cooldown at all.\n   **/\n  const disabledRoles = [BuiltinRoles.Admin, BuiltinRoles.ChannelModerator];\n  const userClientRole = client?.user?.role || '';\n  const userChannelRole = channel?.state.members[client.userID || '']?.role || '';\n\n  const disabledFor = (roles: Roles) =>\n    disabledRoles.some((roleToSkip) => roles.includes(roleToSkip));\n\n  const enabled = interval > 0 && !disabledFor([userClientRole, userChannelRole]);\n\n  const start = () => {\n    if (enabled) {\n      setEndsAt(new Date(Date.now() + interval * ONE_SECOND_IN_MS));\n    }\n  };\n\n  return { endsAt, start };\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["useCountdown.ts"],"names":["useCountdown","end","seconds","setSeconds","intervalId","startCountdown","setInterval","previous","next","clearInterval","ONE_SECOND_IN_MS","secondsUntilEnd"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAe;AACzC,kBAA8B,qBAAS,CAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAMA,wBAAU,YAAM;AACd,QAAIC,UAAJ;;AAEA,QAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACH,OAAD,EAAqB;AAC1CC,MAAAA,UAAU,CAACD,OAAD,CAAV;AACAE,MAAAA,UAAU,GAAGE,WAAW,CAAC,YAAM;AAC7BH,QAAAA,UAAU,CAAC,UAACI,QAAD,EAAsB;AAC/B,cAAMC,IAAI,GAAGD,QAAQ,GAAG,CAAxB;;AACA,cAAIC,IAAI,GAAG,CAAX,EAAc;AAEZC,YAAAA,aAAa,CAACL,UAAD,CAAb;AACA,mBAAO,CAAP;AACD;;AACD,iBAAOI,IAAP;AACD,SARS,CAAV;AASD,OAVuB,EAUrBE,sBAVqB,CAAxB;AAWD,KAbD;;AAeA,QAAMC,eAAe,GAAG,wBAAaV,GAAb,CAAxB;;AACA,QAAIU,eAAe,GAAG,CAAtB,EAAyB;AACvBN,MAAAA,cAAc,CAACM,eAAD,CAAd;AACD;;AAED,WAAO,YAAM;AACX,UAAIP,UAAJ,EAAgB;AACdK,QAAAA,aAAa,CAACL,UAAD,CAAb;AACD;AACF,KAJD;AAKD,GA5BD,EA4BG,CAACH,GAAD,CA5BH;AA8BA,SAAO;AAAEC,IAAAA,OAAO,EAAPA;AAAF,GAAP;AACD,CAtCM","sourcesContent":["import { useEffect, useState } from 'react';\nimport { ONE_SECOND_IN_MS, secondsUntil } from '../../../utils/date';\n\n/**\n * Start a countdown to a set date, in seconds.\n * The date passed in as an argument to useCountdown\n * will be rounded up to the nearest second.\n **/\nexport const useCountdown = (end: Date) => {\n  const [seconds, setSeconds] = useState(0);\n\n  /**\n   * When a new `end` is set for the countdown, start the counter if\n   * the `end` is in the future.\n   **/\n  useEffect(() => {\n    let intervalId: NodeJS.Timer;\n\n    const startCountdown = (seconds: number) => {\n      setSeconds(seconds);\n      intervalId = setInterval(() => {\n        setSeconds((previous: number) => {\n          const next = previous - 1;\n          if (next < 1) {\n            /* Don't trigger an unnecessary rerender when done */\n            clearInterval(intervalId);\n            return 0;\n          }\n          return next;\n        });\n      }, ONE_SECOND_IN_MS);\n    };\n\n    const secondsUntilEnd = secondsUntil(end);\n    if (secondsUntilEnd > 0) {\n      startCountdown(secondsUntilEnd);\n    }\n\n    return () => {\n      if (intervalId) {\n        clearInterval(intervalId);\n      }\n    };\n  }, [end]);\n\n  return { seconds };\n};\n"]}
+{"version":3,"sources":["useCountdown.ts"],"names":["useCountdown","end","seconds","setSeconds","intervalId","startCountdown","setInterval","previous","next","clearInterval","ONE_SECOND_IN_MS","secondsUntilEnd"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAe;AACzC,kBAA8B,qBAAS,CAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAMA,wBAAU,YAAM;AACd,QAAIC,UAAJ;;AAEA,QAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACH,OAAD,EAAqB;AAC1CC,MAAAA,UAAU,CAACD,OAAD,CAAV;AACAE,MAAAA,UAAU,GAAGE,WAAW,CAAC,YAAM;AAC7BH,QAAAA,UAAU,CAAC,UAACI,QAAD,EAAsB;AAC/B,cAAMC,IAAI,GAAGD,QAAQ,GAAG,CAAxB;;AACA,cAAIC,IAAI,GAAG,CAAX,EAAc;AAEZC,YAAAA,aAAa,CAACL,UAAD,CAAb;AACA,mBAAO,CAAP;AACD;;AACD,iBAAOI,IAAP;AACD,SARS,CAAV;AASD,OAVuB,EAUrBE,sBAVqB,CAAxB;AAWD,KAbD;;AAeA,QAAMC,eAAe,GAAG,wBAAaV,GAAb,CAAxB;;AACA,QAAIU,eAAe,GAAG,CAAtB,EAAyB;AACvBN,MAAAA,cAAc,CAACM,eAAD,CAAd;AACD;;AAED,WAAO,YAAM;AACX,UAAIP,UAAJ,EAAgB;AACdK,QAAAA,aAAa,CAACL,UAAD,CAAb;AACD;AACF,KAJD;AAKD,GA5BD,EA4BG,CAACH,GAAD,CA5BH;AA8BA,SAAO;AAAEC,IAAAA,OAAO,EAAPA;AAAF,GAAP;AACD,CAtCM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { ONE_SECOND_IN_MS, secondsUntil } from '../../../utils/date';\n\n/**\n * Start a countdown to a set date, in seconds.\n * The date passed in as an argument to useCountdown\n * will be rounded up to the nearest second.\n **/\nexport const useCountdown = (end: Date) => {\n  const [seconds, setSeconds] = useState(0);\n\n  /**\n   * When a new `end` is set for the countdown, start the counter if\n   * the `end` is in the future.\n   **/\n  useEffect(() => {\n    let intervalId: NodeJS.Timer;\n\n    const startCountdown = (seconds: number) => {\n      setSeconds(seconds);\n      intervalId = setInterval(() => {\n        setSeconds((previous: number) => {\n          const next = previous - 1;\n          if (next < 1) {\n            /* Don't trigger an unnecessary rerender when done */\n            clearInterval(intervalId);\n            return 0;\n          }\n          return next;\n        });\n      }, ONE_SECOND_IN_MS);\n    };\n\n    const secondsUntilEnd = secondsUntil(end);\n    if (secondsUntilEnd > 0) {\n      startCountdown(secondsUntilEnd);\n    }\n\n    return () => {\n      if (intervalId) {\n        clearInterval(intervalId);\n      }\n    };\n  }, [end]);\n\n  return { seconds };\n};\n"]}

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

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineLoadingMoreIndicator = exports.InlineLoadingMoreIndicatorWithContext = void 0;
+exports.InlineLoadingMoreIndicatorWithContext = exports.InlineLoadingMoreIndicator = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -40,7 +40,7 @@ var InlineLoadingMoreIndicatorWithContext = function InlineLoadingMoreIndicatorW
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
@@ -49,7 +49,7 @@ var InlineLoadingMoreIndicatorWithContext = function InlineLoadingMoreIndicatorW
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 34,
       columnNumber: 9
     }
   }));
@@ -76,7 +76,7 @@ var InlineLoadingMoreIndicator = function InlineLoadingMoreIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 62,
       columnNumber: 10
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["InlineLoadingMoreIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreIndicatorWithContext","loadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMore","nextLoadingMore","loadingMoreEqual","MemoizedInlineLoadingMoreIndicator","React","memo","InlineLoadingMoreIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,qCAA2F,GACtG,SADWA,qCACX,OAAqB;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;;AACnB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,WAAL,EAAkB;AAChB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAAqBC,eAArB,GAAyCF,SAAzC,CAAQL,WAAR;AACA,MAAqBQ,eAArB,GAAyCF,SAAzC,CAAQN,WAAR;AAEA,MAAMS,gBAAgB,GAAGF,eAAe,KAAKC,eAA7C;AACA,MAAI,CAACC,gBAAL,EAAuB,OAAO,KAAP;AAEvB,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,kCAAkC,GAAGC,kBAAMC,IAAN,CACzCb,qCADyC,EAEzCK,QAFyC,CAA3C;;AAKO,IAAMS,0BAA0B,GAAG,SAA7BA,0BAA6B,GAQnC;AACL,8BAAwB,kEAAxB;AAAA,MAAQb,WAAR,yBAAQA,WAAR;;AAEA,SAAO,gCAAC,kCAAD;AAAoC,IAAA,WAAW,EAAEA,WAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CAZM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreIndicatorPropsWithContext = {\n  loadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreIndicatorWithContext: React.FC<InlineLoadingMoreIndicatorPropsWithContext> =\n  ({ loadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreIndicatorPropsWithContext,\n) => {\n  const { loadingMore: prevLoadingMore } = prevProps;\n  const { loadingMore: nextLoadingMore } = nextProps;\n\n  const loadingMoreEqual = prevLoadingMore === nextLoadingMore;\n  if (!loadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreIndicator = React.memo(\n  InlineLoadingMoreIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreIndicatorWithContext;\n\nexport const InlineLoadingMoreIndicator = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { loadingMore } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedInlineLoadingMoreIndicator loadingMore={loadingMore} />;\n};\n"]}
+{"version":3,"sources":["InlineLoadingMoreIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreIndicatorWithContext","loadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMore","nextLoadingMore","loadingMoreEqual","MemoizedInlineLoadingMoreIndicator","React","memo","InlineLoadingMoreIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,qCAA2F,GACtG,SADWA,qCACX,OAAqB;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;;AACnB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,WAAL,EAAkB;AAChB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAAqBC,eAArB,GAAyCF,SAAzC,CAAQL,WAAR;AACA,MAAqBQ,eAArB,GAAyCF,SAAzC,CAAQN,WAAR;AAEA,MAAMS,gBAAgB,GAAGF,eAAe,KAAKC,eAA7C;AACA,MAAI,CAACC,gBAAL,EAAuB,OAAO,KAAP;AAEvB,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,kCAAkC,GAAGC,kBAAMC,IAAN,CACzCb,qCADyC,EAEzCK,QAFyC,CAA3C;;AAKO,IAAMS,0BAA0B,GAAG,SAA7BA,0BAA6B,GAEnC;AACL,8BAAwB,kEAAxB;AAAA,MAAQb,WAAR,yBAAQA,WAAR;;AAEA,SAAO,gCAAC,kCAAD;AAAoC,IAAA,WAAW,EAAEA,WAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CANM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreIndicatorPropsWithContext = {\n  loadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreIndicatorWithContext: React.FC<InlineLoadingMoreIndicatorPropsWithContext> =\n  ({ loadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreIndicatorPropsWithContext,\n) => {\n  const { loadingMore: prevLoadingMore } = prevProps;\n  const { loadingMore: nextLoadingMore } = nextProps;\n\n  const loadingMoreEqual = prevLoadingMore === nextLoadingMore;\n  if (!loadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreIndicator = React.memo(\n  InlineLoadingMoreIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreIndicatorWithContext;\n\nexport const InlineLoadingMoreIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { loadingMore } = usePaginatedMessageListContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreIndicator loadingMore={loadingMore} />;\n};\n"]}

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

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineLoadingMoreRecentIndicator = exports.InlineLoadingMoreRecentIndicatorWithContext = void 0;
+exports.InlineLoadingMoreRecentIndicatorWithContext = exports.InlineLoadingMoreRecentIndicator = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -40,7 +40,7 @@ var InlineLoadingMoreRecentIndicatorWithContext = function InlineLoadingMoreRece
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
@@ -49,7 +49,7 @@ var InlineLoadingMoreRecentIndicatorWithContext = function InlineLoadingMoreRece
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 34,
       columnNumber: 9
     }
   }));
@@ -76,7 +76,7 @@ var InlineLoadingMoreRecentIndicator = function InlineLoadingMoreRecentIndicator
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 62,
       columnNumber: 10
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["InlineLoadingMoreRecentIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","loadingMoreRecent","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAQzC;AACL,8BAA8B,kEAA9B;AAAA,MAAQb,iBAAR,yBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CAZM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreRecentIndicatorPropsWithContext = {\n  loadingMoreRecent?: boolean;\n};\n\nexport const InlineLoadingMoreRecentIndicatorWithContext: React.FC<InlineLoadingMoreRecentIndicatorPropsWithContext> =\n  ({ loadingMoreRecent }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMoreRecent) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n) => {\n  const { loadingMoreRecent: prevLoadingMoreRecent } = prevProps;\n  const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;\n\n  const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;\n  if (!loadingMoreRecentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreRecentIndicator = React.memo(\n  InlineLoadingMoreRecentIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreRecentIndicatorWithContext;\n\nexport const InlineLoadingMoreRecentIndicator = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { loadingMoreRecent } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;\n};\n"]}
+{"version":3,"sources":["InlineLoadingMoreRecentIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","loadingMoreRecent","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAEzC;AACL,8BAA8B,kEAA9B;AAAA,MAAQb,iBAAR,yBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CANM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreRecentIndicatorPropsWithContext = {\n  loadingMoreRecent?: boolean;\n};\n\nexport const InlineLoadingMoreRecentIndicatorWithContext: React.FC<InlineLoadingMoreRecentIndicatorPropsWithContext> =\n  ({ loadingMoreRecent }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMoreRecent) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n) => {\n  const { loadingMoreRecent: prevLoadingMoreRecent } = prevProps;\n  const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;\n\n  const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;\n  if (!loadingMoreRecentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreRecentIndicator = React.memo(\n  InlineLoadingMoreRecentIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreRecentIndicatorWithContext;\n\nexport const InlineLoadingMoreRecentIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { loadingMoreRecent } = usePaginatedMessageListContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;\n};\n"]}

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

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InlineLoadingMoreThreadIndicator = exports.InlineLoadingMoreThreadIndicatorWithContext = void 0;
+exports.InlineLoadingMoreThreadIndicatorWithContext = exports.InlineLoadingMoreThreadIndicator = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -40,7 +40,7 @@ var InlineLoadingMoreThreadIndicatorWithContext = function InlineLoadingMoreThre
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
@@ -49,7 +49,7 @@ var InlineLoadingMoreThreadIndicatorWithContext = function InlineLoadingMoreThre
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 34,
       columnNumber: 9
     }
   }));
@@ -76,7 +76,7 @@ var InlineLoadingMoreThreadIndicator = function InlineLoadingMoreThreadIndicator
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 62,
       columnNumber: 10
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["InlineLoadingMoreThreadIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreThreadIndicatorWithContext","threadLoadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevThreadLoadingMore","nextThreadLoadingMore","threadLoadingMoreEqual","MemoizedInlineLoadingMoreThreadIndicator","React","memo","InlineLoadingMoreThreadIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAQzC;AACL,0BAA8B,sCAA9B;AAAA,MAAQb,iBAAR,qBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CAZM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreThreadIndicatorPropsWithContext = {\n  threadLoadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreThreadIndicatorWithContext: React.FC<InlineLoadingMoreThreadIndicatorPropsWithContext> =\n  ({ threadLoadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!threadLoadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n) => {\n  const { threadLoadingMore: prevThreadLoadingMore } = prevProps;\n  const { threadLoadingMore: nextThreadLoadingMore } = nextProps;\n\n  const threadLoadingMoreEqual = prevThreadLoadingMore === nextThreadLoadingMore;\n  if (!threadLoadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreThreadIndicator = React.memo(\n  InlineLoadingMoreThreadIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreThreadIndicatorWithContext;\n\nexport const InlineLoadingMoreThreadIndicator = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => {\n  const { threadLoadingMore } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedInlineLoadingMoreThreadIndicator threadLoadingMore={threadLoadingMore} />;\n};\n"]}
+{"version":3,"sources":["InlineLoadingMoreThreadIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreThreadIndicatorWithContext","threadLoadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevThreadLoadingMore","nextThreadLoadingMore","threadLoadingMoreEqual","MemoizedInlineLoadingMoreThreadIndicator","React","memo","InlineLoadingMoreThreadIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAEzC;AACL,0BAA8B,sCAA9B;AAAA,MAAQb,iBAAR,qBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CANM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreThreadIndicatorPropsWithContext = {\n  threadLoadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreThreadIndicatorWithContext: React.FC<InlineLoadingMoreThreadIndicatorPropsWithContext> =\n  ({ threadLoadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!threadLoadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n) => {\n  const { threadLoadingMore: prevThreadLoadingMore } = prevProps;\n  const { threadLoadingMore: nextThreadLoadingMore } = nextProps;\n\n  const threadLoadingMoreEqual = prevThreadLoadingMore === nextThreadLoadingMore;\n  if (!threadLoadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreThreadIndicator = React.memo(\n  InlineLoadingMoreThreadIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreThreadIndicatorWithContext;\n\nexport const InlineLoadingMoreThreadIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { threadLoadingMore } = useThreadContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreThreadIndicator threadLoadingMore={threadLoadingMore} />;\n};\n"]}