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

package/lib/module/components/Indicators/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_Spinner","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","flex","justifyContent","loadingText","fontSize","fontWeight","marginTop","LoadingIndicatorWrapper","_ref","text","_useTheme","useTheme","_useTheme$theme","theme","black","colors","_useTheme$theme$loadi","loadingIndicator","createElement","View","style","__self","__source","fileName","lineNumber","columnNumber","Spinner","Text","color","testID","LoadingIndicator","props","listType","_useTranslationContex","useTranslationContext","t","exports","displayName"],"sources":["LoadingIndicator.tsx"],"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';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  loadingText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n});\n\nconst LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {\n  const {\n    theme: {\n      colors: { black },\n      loadingIndicator: { container, loadingText },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Spinner />\n      <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nexport type LoadingProps = {\n  listType?: 'channel' | 'message' | 'default';\n  loadingText?: string;\n};\n\n/**\n * UI Component for LoadingIndicator\n */\nexport const LoadingIndicator: React.FC<LoadingProps> = (props) => {\n  const { listType, loadingText } = props;\n\n  const { t } = useTranslationContext();\n\n  if (loadingText) {\n    return <LoadingIndicatorWrapper text={loadingText} />;\n  }\n\n  switch (listType) {\n    case 'channel':\n      return <LoadingIndicatorWrapper text={t('Loading channels...')} />;\n    case 'message':\n      return <LoadingIndicatorWrapper text={t('Loading messages...')} />;\n    default:\n      return <LoadingIndicatorWrapper text={t('Loading...')} />;\n  }\n};\n\nLoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_Spinner","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","flex","justifyContent","loadingText","fontSize","fontWeight","marginTop","LoadingIndicatorWrapper","_ref","text","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white_snow","_useTheme$theme$loadi","loadingIndicator","createElement","View","style","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Spinner","height","width","Text","color","testID","LoadingIndicator","props","listType","_useTranslationContex","useTranslationContext","t","exports","displayName"],"sources":["LoadingIndicator.tsx"],"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';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  loadingText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n});\n\nconst LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {\n  const {\n    theme: {\n      colors: { black, white_snow },\n      loadingIndicator: { container, loadingText },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, { backgroundColor: white_snow }, container]}>\n      <Spinner height={20} width={20} />\n      <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nexport type LoadingProps = {\n  listType?: 'channel' | 'message' | 'default';\n  loadingText?: string;\n};\n\n/**\n * UI Component for LoadingIndicator\n */\nexport const LoadingIndicator: React.FC<LoadingProps> = (props) => {\n  const { listType, loadingText } = props;\n\n  const { t } = useTranslationContext();\n\n  if (loadingText) {\n    return <LoadingIndicatorWrapper text={loadingText} />;\n  }\n\n  switch (listType) {\n    case 'channel':\n      return <LoadingIndicatorWrapper text={t('Loading channels...')} />;\n    case 'message':\n      return <LoadingIndicatorWrapper text={t('Loading messages...')} />;\n    default:\n      return <LoadingIndicatorWrapper text={t('Loading...')} />;\n  }\n};\n\nLoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';\n"],"mappings":"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"}

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

@@ -33,7 +33,7 @@ var SendButtonWithContext = function SendButtonWithContext(props) {
     onPress: disabled ? function () {
       return null;
     } : function () {
-      return sendMessage(undefined);
+      return sendMessage();
     },
     style: [sendButton],
     testID: "send-button",

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_Search","_SendRight","_SendUp","_this","_jsxFileName","SendButtonWithContext","props","_props$disabled","disabled","giphyActive","sendMessage","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey_gainsboro","_useTheme$theme$messa","messageInput","searchIcon","sendButton","sendRightIcon","sendUpIcon","createElement","Pressable","onPress","undefined","style","testID","__self","__source","fileName","lineNumber","columnNumber","Search","_extends2","pathFill","SendRight","SendUp","areEqual","prevProps","nextProps","prevDisabled","prevGiphyActive","prevSendMessage","nextDisabled","nextGiphyActive","nextSendMessage","disabledEqual","giphyActiveEqual","sendMessageEqual","MemoizedSendButton","React","memo","SendButton","_useMessageInputConte","useMessageInputContext","exports","displayName"],"sources":["SendButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Pressable } from 'react-native';\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: { searchIcon, sendButton, sendRightIcon, sendUpIcon },\n    },\n  } = useTheme();\n\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={disabled ? () => null : () => sendMessage(undefined)}\n      style={[sendButton]}\n      testID='send-button'\n    >\n      {giphyActive && <Search pathFill={disabled ? grey_gainsboro : accent_blue} {...searchIcon} />}\n      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendRightIcon} />}\n      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendUpIcon} />}\n    </Pressable>\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"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageInputContext","_ThemeContext","_Search","_SendRight","_SendUp","_this","_jsxFileName","SendButtonWithContext","props","_props$disabled","disabled","giphyActive","sendMessage","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey_gainsboro","_useTheme$theme$messa","messageInput","searchIcon","sendButton","sendRightIcon","sendUpIcon","createElement","Pressable","onPress","style","testID","__self","__source","fileName","lineNumber","columnNumber","Search","_extends2","pathFill","SendRight","SendUp","areEqual","prevProps","nextProps","prevDisabled","prevGiphyActive","prevSendMessage","nextDisabled","nextGiphyActive","nextSendMessage","disabledEqual","giphyActiveEqual","sendMessageEqual","MemoizedSendButton","React","memo","SendButton","_useMessageInputConte","useMessageInputContext","exports","displayName"],"sources":["SendButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Pressable } from 'react-native';\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: { searchIcon, sendButton, sendRightIcon, sendUpIcon },\n    },\n  } = useTheme();\n\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={disabled ? () => null : () => sendMessage()}\n      style={[sendButton]}\n      testID='send-button'\n    >\n      {giphyActive && <Search pathFill={disabled ? grey_gainsboro : accent_blue} {...searchIcon} />}\n      {!giphyActive && disabled && <SendRight pathFill={grey_gainsboro} {...sendRightIcon} />}\n      {!giphyActive && !disabled && <SendUp pathFill={accent_blue} {...sendUpIcon} />}\n    </Pressable>\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"],"mappings":"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"}

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

@@ -29,11 +29,13 @@ var SendMessageDisallowedIndicator = function SendMessageDisallowedIndicator() {
     _useTheme$theme$color = _useTheme$theme.colors,
     border = _useTheme$theme$color.border,
     grey_dark = _useTheme$theme$color.grey_dark,
+    white = _useTheme$theme$color.white,
     _useTheme$theme$messa = _useTheme$theme.messageInput.sendMessageDisallowedIndicator,
     container = _useTheme$theme$messa.container,
     text = _useTheme$theme$messa.text;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
+      backgroundColor: white,
       borderTopColor: border,
       height: 50
     }, container],
@@ -51,7 +53,7 @@ var SendMessageDisallowedIndicator = function SendMessageDisallowedIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 44,
       columnNumber: 7
     }
   }, t("You can't send messages in this channel")));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","borderTopWidth","height","justifyContent","text","fontSize","fontWeight","SendMessageDisallowedIndicator","_useTranslationContex","useTranslationContext","t","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","border","grey_dark","_useTheme$theme$messa","messageInput","sendMessageDisallowedIndicator","createElement","View","style","borderTopColor","testID","__self","__source","fileName","lineNumber","columnNumber","Text","color","exports"],"sources":["SendMessageDisallowedIndicator.tsx"],"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\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"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA6F,IAAAI,KAAA;EAAAC,YAAA;AAE7F,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,CAAC;IACjBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAA,EAAS;EAClD,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,MAAM,GAAAF,qBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAAC,qBAAA,GAAAN,eAAA,CAC3BO,YAAY,CACVC,8BAA8B;IAAItB,SAAS,GAAAoB,qBAAA,CAATpB,SAAS;IAAEK,IAAI,GAAAe,qBAAA,CAAJf,IAAI;EAKvD,OACEhB,MAAA,YAAAkC,aAAA,CAAC/B,YAAA,CAAAgC,IAAI;IACHC,KAAK,EAAE,CACL5B,MAAM,CAACG,SAAS,EAChB;MACE0B,cAAc,EAAER,MAAM;MACtBf,MAAM,EAAE;IACV,CAAC,EACDH,SAAS,CACT;IACF2B,MAAM,EAAC,mCAAmC;IAAAC,MAAA,EAAAjC,KAAA;IAAAkC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1C3C,MAAA,YAAAkC,aAAA,CAAC/B,YAAA,CAAAyC,IAAI;IAACR,KAAK,EAAE,CAAC5B,MAAM,CAACQ,IAAI,EAAE;MAAE6B,KAAK,EAAEf;IAAU,CAAC,EAAEd,IAAI,CAAE;IAAAuB,MAAA,EAAAjC,KAAA;IAAAkC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDrB,CAAC,CAAC,yCAAyC,CACxC,CACF,CAAC;AAEX,CAAC;AAACwB,OAAA,CAAA3B,8BAAA,GAAAA,8BAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","borderTopWidth","height","justifyContent","text","fontSize","fontWeight","SendMessageDisallowedIndicator","_useTranslationContex","useTranslationContext","t","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","border","grey_dark","white","_useTheme$theme$messa","messageInput","sendMessageDisallowedIndicator","createElement","View","style","backgroundColor","borderTopColor","testID","__self","__source","fileName","lineNumber","columnNumber","Text","color","exports"],"sources":["SendMessageDisallowedIndicator.tsx"],"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, white },\n      messageInput: {\n        sendMessageDisallowedIndicator: { container, text },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: white,\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"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA6F,IAAAI,KAAA;EAAAC,YAAA;AAE7F,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,CAAC;IACjBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAA,EAAS;EAClD,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,MAAM,GAAAF,qBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAEC,KAAK,GAAAJ,qBAAA,CAALI,KAAK;IAAAC,qBAAA,GAAAP,eAAA,CAClCQ,YAAY,CACVC,8BAA8B;IAAIvB,SAAS,GAAAqB,qBAAA,CAATrB,SAAS;IAAEK,IAAI,GAAAgB,qBAAA,CAAJhB,IAAI;EAKvD,OACEhB,MAAA,YAAAmC,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IACHC,KAAK,EAAE,CACL7B,MAAM,CAACG,SAAS,EAChB;MACE2B,eAAe,EAAEP,KAAK;MACtBQ,cAAc,EAAEV,MAAM;MACtBf,MAAM,EAAE;IACV,CAAC,EACDH,SAAS,CACT;IACF6B,MAAM,EAAC,mCAAmC;IAAAC,MAAA,EAAAnC,KAAA;IAAAoC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1C7C,MAAA,YAAAmC,aAAA,CAAChC,YAAA,CAAA2C,IAAI;IAACT,KAAK,EAAE,CAAC7B,MAAM,CAACQ,IAAI,EAAE;MAAE+B,KAAK,EAAEjB;IAAU,CAAC,EAAEd,IAAI,CAAE;IAAAyB,MAAA,EAAAnC,KAAA;IAAAoC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDvB,CAAC,CAAC,yCAAyC,CACxC,CACF,CAAC;AAEX,CAAC;AAAC0B,OAAA,CAAA7B,8BAAA,GAAAA,8BAAA"}

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

@@ -758,7 +758,9 @@ var MessageListWithContext = function MessageListWithContext(props) {
   }
   var renderListEmptyComponent = (0, _react.useCallback)(function () {
     return _react["default"].createElement(_reactNative.View, {
-      style: [styles.flex, shouldApplyAndroidWorkaround ? styles.invertAndroid : styles.invert],
+      style: [styles.flex, {
+        backgroundColor: white_snow
+      }, shouldApplyAndroidWorkaround ? styles.invertAndroid : styles.invert],
       testID: "empty-state",
       __self: _this,
       __source: {
@@ -771,7 +773,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1078,
+        lineNumber: 1082,
         columnNumber: 9
       }
     }));
@@ -782,14 +784,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1086,
+        lineNumber: 1090,
         columnNumber: 7
       }
     }, _react["default"].createElement(FooterComponent, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1087,
+        lineNumber: 1091,
         columnNumber: 9
       }
     }));
@@ -800,38 +802,18 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1095,
+        lineNumber: 1099,
         columnNumber: 7
       }
     }, _react["default"].createElement(HeaderComponent, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1096,
+        lineNumber: 1100,
         columnNumber: 9
       }
     }));
   }, [shouldApplyAndroidWorkaround, HeaderComponent]);
-  if (!FlatList) return null;
-  if (loading) {
-    return _react["default"].createElement(_reactNative.View, {
-      style: styles.flex,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1106,
-        columnNumber: 7
-      }
-    }, _react["default"].createElement(LoadingIndicator, {
-      listType: "message",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1107,
-        columnNumber: 9
-      }
-    }));
-  }
   var StickyHeaderComponent = function StickyHeaderComponent() {
     if (!stickyHeaderDateString) return null;
     if (StickyHeader) return _react["default"].createElement(StickyHeader, {
@@ -839,7 +821,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1114,
+        lineNumber: 1108,
         columnNumber: 30
       }
     });
@@ -848,7 +830,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1115,
+        lineNumber: 1109,
         columnNumber: 46
       }
     });
@@ -861,6 +843,28 @@ var MessageListWithContext = function MessageListWithContext(props) {
       rest = (0, _objectWithoutProperties2["default"])(additionalFlatListProps, _excluded);
     additionalFlatListPropsExcludingStyle = rest;
   }
+  if (!FlatList) return null;
+  if (loading) {
+    return _react["default"].createElement(_reactNative.View, {
+      style: [styles.container, {
+        backgroundColor: white_snow
+      }, container],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 1128,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(LoadingIndicator, {
+      listType: "message",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 1129,
+        columnNumber: 9
+      }
+    }));
+  }
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: white_snow
@@ -869,7 +873,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1131,
+      lineNumber: 1135,
       columnNumber: 5
     }
   }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
@@ -906,7 +910,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1135,
+      lineNumber: 1139,
       columnNumber: 7
     }
   })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -914,28 +918,28 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1186,
+      lineNumber: 1190,
       columnNumber: 11
     }
   }, _react["default"].createElement(StickyHeaderComponent, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1187,
+      lineNumber: 1191,
       columnNumber: 13
     }
   })), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1190,
+      lineNumber: 1194,
       columnNumber: 13
     }
   }, _react["default"].createElement(TypingIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1191,
+      lineNumber: 1195,
       columnNumber: 15
     }
   })), _react["default"].createElement(ScrollToBottomButton, {
@@ -945,14 +949,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1194,
+      lineNumber: 1198,
       columnNumber: 11
     }
   })), _react["default"].createElement(NetworkDownIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1201,
+      lineNumber: 1205,
       columnNumber: 7
     }
   }));
@@ -1061,7 +1065,7 @@ var MessageList = function MessageList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1260,
+      lineNumber: 1264,
       columnNumber: 5
     }
   }));