npm - stream-chat-react-native-core - Versions diffs - 4.3.1 → 4.4.0-beta.3 - Mend

stream-chat-react-native-core 4.3.1 → 4.4.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

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

@@ -18,6 +18,8 @@ var _utils = require("../../utils/utils");
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/UploadProgressIndicator.tsx";
+var REFRESH_ICON_SIZE = 18;
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
     alignItems: 'center',
@@ -59,21 +61,18 @@ var styles = _reactNative.StyleSheet.create({
 var UploadProgressIndicator = function UploadProgressIndicator(props) {
   var action = props.action,
-      active = props.active,
       children = props.children,
       style = props.style,
       type = props.type;
   var _useTheme = (0, _ThemeContext.useTheme)(),
       _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      overlayColor = _useTheme$theme$color.overlay,
-      white_smoke = _useTheme$theme$color.white_smoke,
+      overlayColor = _useTheme$theme.colors.overlay,
       _useTheme$theme$messa = _useTheme$theme.messageInput.uploadProgressIndicator,
       container = _useTheme$theme$messa.container,
       overlay = _useTheme$theme$messa.overlay;
-  return !active ? _react["default"].createElement(_reactNative.View, {
+  return type === _utils.ProgressIndicatorTypes.INACTIVE ? _react["default"].createElement(_reactNative.View, {
     style: [styles.overflowHidden, style],
     testID: "inactive-upload-progress-indicator",
     __self: _this,
@@ -102,22 +101,47 @@ var UploadProgressIndicator = function UploadProgressIndicator(props) {
       columnNumber: 7
     }
   }), _react["default"].createElement(_reactNative.View, {
-    style: [styles.container, {
+    style: [type === _utils.ProgressIndicatorTypes.NOT_SUPPORTED ? styles.overflowHidden : styles.container, {
       backgroundColor: overlayColor
     }, container],
+    testID: "not-supported-upload-progress-indicator",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 86,
       columnNumber: 7
     }
-  }, type === _utils.ProgressIndicatorTypes.IN_PROGRESS && _react["default"].createElement(_reactNative.View, {
+  }, type === _utils.ProgressIndicatorTypes.IN_PROGRESS && _react["default"].createElement(InProgressIndicator, {
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 57
+    }
+  }), type === _utils.ProgressIndicatorTypes.RETRY && _react["default"].createElement(RetryIndicator, {
+    action: action,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 95,
+      columnNumber: 51
+    }
+  })));
+};
+exports.UploadProgressIndicator = UploadProgressIndicator;
+var InProgressIndicator = function InProgressIndicator() {
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+      white_smoke = _useTheme2.theme.colors.white_smoke;
+  return _react["default"].createElement(_reactNative.View, {
     style: styles.activityIndicatorContainer,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
-      columnNumber: 11
+      lineNumber: 109,
+      columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
     color: white_smoke,
@@ -125,32 +149,40 @@ var UploadProgressIndicator = function UploadProgressIndicator(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
-      columnNumber: 13
+      lineNumber: 110,
+      columnNumber: 7
     }
-  })), type === _utils.ProgressIndicatorTypes.RETRY && _react["default"].createElement(_reactNative.TouchableOpacity, {
+  }));
+};
+var RetryIndicator = function RetryIndicator(_ref) {
+  var action = _ref.action;
+  var _useTheme3 = (0, _ThemeContext.useTheme)(),
+      white_smoke = _useTheme3.theme.colors.white_smoke;
+  return _react["default"].createElement(_reactNative.TouchableOpacity, {
     onPress: action,
     style: styles.retryButtonContainer,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
-      columnNumber: 11
+      lineNumber: 123,
+      columnNumber: 5
     }
   }, _react["default"].createElement(_icons.Refresh, {
-    height: 18,
+    height: REFRESH_ICON_SIZE,
     pathFill: white_smoke,
     testID: "retry-upload-progress-indicator",
-    width: 18,
+    width: REFRESH_ICON_SIZE,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
-      columnNumber: 13
+      lineNumber: 124,
+      columnNumber: 7
     }
-  }))));
+  }));
 };
-exports.UploadProgressIndicator = UploadProgressIndicator;
 UploadProgressIndicator.displayName = 'UploadProgressIndicator{messageInput{uploadProgressIndicator}}';
 //# sourceMappingURL=UploadProgressIndicator.js.map

package/lib/commonjs/components/MessageInput/UploadProgressIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["UploadProgressIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","alignItems","bottom","justifyContent","left","position","right","top","container","height","width","overflowHidden","overflow","overlay","opacity","retryButtonContainer","UploadProgressIndicator","props","action","~~active","~~children","style","type","theme","colors","~~overlayColor~~","~~white_smoke~~","~~messageInput~~","~~uploadProgressIndicator~~","backgroundColor","~~ProgressIndicatorTypes~~","IN_PROGRESS","RETRY","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAUA;;AACA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,UAAU,EAAE,QADc;AAE1BC,IAAAA,MAAM,EAAE,CAFkB;AAG1BC,IAAAA,cAAc,EAAE,QAHU;AAI1BC,IAAAA,IAAI,EAAE,CAJoB;AAK1BC,IAAAA,QAAQ,EAAE,UALgB;AAM1BC,IAAAA,KAAK,EAAE,CANmB;AAO1BC,IAAAA,GAAG,EAAE;AAPqB,GADG;AAU/BC,EAAAA,SAAS,EAAE;AACTP,IAAAA,UAAU,EAAE,QADH;AAETQ,IAAAA,MAAM,EAAE,MAFC;AAGTN,IAAAA,cAAc,EAAE,QAHP;AAITE,IAAAA,QAAQ,EAAE,UAJD;AAKTK,IAAAA,KAAK,EAAE;AALE,GAVoB;AAiB/BC,EAAAA,cAAc,EAAE;AACdC,IAAAA,QAAQ,EAAE;AADI,GAjBe;AAoB/BC,EAAAA,OAAO,EAAE;AACPZ,IAAAA,UAAU,EAAE,QADL;AAEPQ,IAAAA,MAAM,EAAE,MAFD;AAGPN,IAAAA,cAAc,EAAE,QAHT;AAIPW,IAAAA,OAAO,EAAE,CAJF;AAKPT,IAAAA,QAAQ,EAAE,UALH;AAMPK,IAAAA,KAAK,EAAE;AANA,GApBsB;AA4B/BK,EAAAA,oBAAoB,EAAE;AACpBd,IAAAA,UAAU,EAAE,QADQ;AAEpBC,IAAAA,MAAM,EAAE,CAFY;AAGpBC,IAAAA,cAAc,EAAE,QAHI;AAIpBC,IAAAA,IAAI,EAAE,CAJc;AAKpBC,IAAAA,QAAQ,EAAE,UALU;AAMpBC,IAAAA,KAAK,EAAE,CANa;AAOpBC,IAAAA,GAAG,EAAE;AAPe;AA5BS,CAAlB,CAAf;;~~AAkDO~~,IAAMS,uBAA+D,GAAG,SAAlEA,uBAAkE,CAACC,KAAD,EAAW;AACxF,MAAQC,MAAR,~~GAAkDD~~,~~KAAlD~~,CAAQC,MAAR;AAAA,MAAgBC,~~MAAhB~~,~~GAAkDF~~,~~KAAlD~~,CAAgBE,~~MAAhB~~;AAAA,~~MAAwBC~~,~~QAAxB~~,~~GAAkDH~~,~~KAAlD~~,~~CAAwBG~~,~~QAAxB~~;AAAA,~~MAAkCC~~,~~KAAlC~~,~~GAAkDJ~~,~~KAAlD~~,~~CAAkCI~~,~~KAAlC;AAAA,MAAyCC,IAAzC,GAAkDL,KAAlD,CAAyCK,IAAzC~~;;AAEA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,~~8CAEIC,MAFJ;AAAA,~~MAEuBC,YAFvB,~~yBAEcZ~~,~~OAFd;AAAA~~,~~MAEqCa~~,~~WAFrC,yBAEqCA,WAFrC~~;AAAA,~~8CAGIC~~,YAHJ,CAIMC,uBAJN;AAAA,~~MAIiCpB~~,SAJjC,yBAIiCA,SAJjC;AAAA,MAI4CK,OAJ5C,yBAI4CA,OAJ5C;;AASA,~~SAAO~~,~~CAACM~~,~~MAAD~~,GACL,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,~~CAACtB~~,MAAM,CAACc,cAAR,~~EAAwBU~~,KAAxB,CAAb;AAA6C,IAAA,MAAM,EAAC,oCAApD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CADK,GAKL,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,~~CAACvB~~,MAAM,CAACc,cAAR,~~EAAwBU~~,KAAxB,CAAb;AAA6C,IAAA,MAAM,EAAC,kCAApD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,~~CAACvB~~,MAAM,CAACgB,OAAR,EAAiB;AAAEgB,MAAAA,eAAe,~~EAAEJ~~;AAAnB,KAAjB,~~EAAoDZ~~,OAApD,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAFF,EAGE,gCAAC,iBAAD;~~AAAM~~,IAAA,KAAK,EAAE,~~CAAChB~~,MAAM,CAACW,~~SAAR~~,~~EAAmB~~;AAAEqB,MAAAA,eAAe,~~EAAEJ~~;AAAnB,~~KAAnB~~,~~EAAsDjB~~,~~SAAtD~~,~~CAAb~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~KACGc~~,IAAI,~~KAAKQ~~,~~8BAAuBC~~,WAAhC,~~IACC~~,gCAAC,iBAAD;AAAM,IAAA,KAAK,~~EAAElC~~,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,~~EAAE0B~~,WAA1B;AAAuC,IAAA,MAAM,EAAC,2BAA9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,~~CAFJ~~,~~EAMGJ~~,~~IAAI~~,~~KAAKQ~~,~~8BAAuBE~~,~~KAAhC~~,~~IACC~~,gCAAC,6BAAD;AAAkB,IAAA,OAAO,~~EAAEd~~,MAA3B;AAAmC,IAAA,KAAK,EAAErB,MAAM,CAACkB,oBAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,cAAD;AACE,IAAA,MAAM,~~EAAE~~,~~EADV~~;AAEE,IAAA,QAAQ,~~EAAEW~~,WAFZ;AAGE,IAAA,MAAM,EAAC,iCAHT;AAIE,IAAA,KAAK,~~EAAE~~,~~EAJT~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,~~CAPJ,CAHF,CALF~~;~~AA2BD~~,~~CAvCM;;;AAyCPV~~,uBAAuB,~~CAACiB~~,WAAxB,GACE,gEADF","sourcesContent":["import React from 'react';\nimport {\n ActivityIndicator,\n GestureResponderEvent,\n StyleProp,\n StyleSheet,\n TouchableOpacity,\n View,\n ViewStyle,\n} from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Refresh } from '../../icons';\nimport { ProgressIndicatorTypes } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n activityIndicatorContainer: {\n alignItems: 'center',\n bottom: 0,\n justifyContent: 'center',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n container: {\n alignItems: 'center',\n height: '100%',\n justifyContent: 'center',\n position: 'absolute',\n width: '100%',\n },\n overflowHidden: {\n overflow: 'hidden',\n },\n overlay: {\n alignItems: 'center',\n height: '100%',\n justifyContent: 'center',\n opacity: 0,\n position: 'absolute',\n width: '100%',\n },\n retryButtonContainer: {\n alignItems: 'center',\n bottom: 0,\n justifyContent: 'center',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n});\n\nexport type UploadProgressIndicatorProps = {\n /** Action triggered when clicked indicator /\n action?: (event: GestureResponderEvent) => void;\n /* Boolean status of upload progress /\n active?: boolean;\n /* style /\n style?: StyleProp<ViewStyle>;\n /* Type of active indicator */\n type?: 'in_progress' \| 'retry';\n};\n\nexport const UploadProgressIndicator: React.FC<UploadProgressIndicatorProps> = (props) => {\n const { action, ~~active,~~ children, style, type } = props;\n\n const {\n theme: {\n colors: { overlay: overlayColor, ~~white_smoke~~ },\n messageInput: {\n uploadProgressIndicator: { container, overlay },\n },\n },\n } = useTheme();\n\n return ~~!active~~ ? (\n <View style={[styles.overflowHidden, style]} testID='inactive-upload-progress-indicator'>\n {children}\n </View>\n ) : (\n <View style={[styles.overflowHidden, style]} testID='active-upload-progress-indicator'>\n {children}\n <View style={[styles.overlay, { backgroundColor: overlayColor }, overlay]} />\n <View style={[styles.container, { backgroundColor: overlayColor }, container]}>\n {type === ProgressIndicatorTypes.IN_PROGRESS && (\n <View style={styles.activityIndicatorContainer}>\n <ActivityIndicator color={white_smoke} testID='upload-progress-indicator' />\n </View>\n )}\n {~~type~~ ~~===~~ ~~ProgressIndicatorTypes.RETRY~~ && (\n <TouchableOpacity onPress={action} style={styles.retryButtonContainer}>\n <Refresh\n height={18}\n pathFill={white_smoke}\n testID='retry-upload-progress-indicator'\n width={18}\n />\n </TouchableOpacity>\n ~~)}\n </View>\n </View>\n~~ );\n};\n\nUploadProgressIndicator.displayName =\n 'UploadProgressIndicator{messageInput{uploadProgressIndicator}}';\n"]}
1	+ {"version":3,"sources":["UploadProgressIndicator.tsx"],"names":["REFRESH_ICON_SIZE","styles","StyleSheet","create","activityIndicatorContainer","alignItems","bottom","justifyContent","left","position","right","top","container","height","width","overflowHidden","overflow","overlay","opacity","retryButtonContainer","UploadProgressIndicator","props","action","children","style","type","theme","overlayColor","colors","messageInput","uploadProgressIndicator","ProgressIndicatorTypes","INACTIVE","backgroundColor","NOT_SUPPORTED","IN_PROGRESS","RETRY","InProgressIndicator","white_smoke","RetryIndicator","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n ActivityIndicator,\n GestureResponderEvent,\n StyleProp,\n StyleSheet,\n TouchableOpacity,\n View,\n ViewStyle,\n} from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Refresh } from '../../icons';\nimport { ProgressIndicatorTypes } from '../../utils/utils';\n\nconst REFRESH_ICON_SIZE = 18;\n\nconst styles = StyleSheet.create({\n activityIndicatorContainer: {\n alignItems: 'center',\n bottom: 0,\n justifyContent: 'center',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n container: {\n alignItems: 'center',\n height: '100%',\n justifyContent: 'center',\n position: 'absolute',\n width: '100%',\n },\n overflowHidden: {\n overflow: 'hidden',\n },\n overlay: {\n alignItems: 'center',\n height: '100%',\n justifyContent: 'center',\n opacity: 0,\n position: 'absolute',\n width: '100%',\n },\n retryButtonContainer: {\n alignItems: 'center',\n bottom: 0,\n justifyContent: 'center',\n left: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n});\n\nexport type UploadProgressIndicatorProps = {\n /** Action triggered when clicked indicator /\n action?: (event: GestureResponderEvent) => void;\n /* style /\n style?: StyleProp<ViewStyle>;\n /* Type of active indicator */\n type?: 'in_progress' \| 'retry' \| 'not_supported' \| 'inactive' \| null;\n};\n\nexport const UploadProgressIndicator: React.FC<UploadProgressIndicatorProps> = (props) => {\n const { action, children, style, type } = props;\n\n const {\n theme: {\n colors: { overlay: overlayColor },\n messageInput: {\n uploadProgressIndicator: { container, overlay },\n },\n },\n } = useTheme();\n\n return type === ProgressIndicatorTypes.INACTIVE ? (\n <View style={[styles.overflowHidden, style]} testID='inactive-upload-progress-indicator'>\n {children}\n </View>\n ) : (\n <View style={[styles.overflowHidden, style]} testID='active-upload-progress-indicator'>\n {children}\n <View style={[styles.overlay, { backgroundColor: overlayColor }, overlay]} />\n <View\n style={[\n type === ProgressIndicatorTypes.NOT_SUPPORTED ? styles.overflowHidden : styles.container,\n { backgroundColor: overlayColor },\n container,\n ]}\n testID='not-supported-upload-progress-indicator'\n >\n {type === ProgressIndicatorTypes.IN_PROGRESS && <InProgressIndicator />}\n {type === ProgressIndicatorTypes.RETRY && <RetryIndicator action={action} />}\n </View>\n </View>\n );\n};\n\nconst InProgressIndicator = () => {\n const {\n theme: {\n colors: { white_smoke },\n },\n } = useTheme();\n\n return (\n <View style={styles.activityIndicatorContainer}>\n <ActivityIndicator color={white_smoke} testID='upload-progress-indicator' />\n </View>\n );\n};\n\nconst RetryIndicator = ({ action }: Pick<UploadProgressIndicatorProps, 'action'>) => {\n const {\n theme: {\n colors: { white_smoke },\n },\n } = useTheme();\n\n return (\n <TouchableOpacity onPress={action} style={styles.retryButtonContainer}>\n <Refresh\n height={REFRESH_ICON_SIZE}\n pathFill={white_smoke}\n testID='retry-upload-progress-indicator'\n width={REFRESH_ICON_SIZE}\n />\n </TouchableOpacity>\n );\n};\n\nUploadProgressIndicator.displayName =\n 'UploadProgressIndicator{messageInput{uploadProgressIndicator}}';\n"]}

package/lib/commonjs/components/MessageList/ScrollToBottomButton.js CHANGED Viewed

@@ -72,6 +72,7 @@ var ScrollToBottomButton = function ScrollToBottomButton(props) {
       black = _useTheme$theme$color.black,
       white = _useTheme$theme$color.white,
       _useTheme$theme$messa = _useTheme$theme.messageList.scrollToBottomButton,
+      chevronColor = _useTheme$theme$messa.chevronColor,
       container = _useTheme$theme$messa.container,
       touchable = _useTheme$theme$messa.touchable,
       unreadCountNotificationContainer = _useTheme$theme$messa.unreadCountNotificationContainer,
@@ -86,7 +87,7 @@ var ScrollToBottomButton = function ScrollToBottomButton(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 80,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -94,7 +95,7 @@ var ScrollToBottomButton = function ScrollToBottomButton(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 85,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -105,14 +106,15 @@ var ScrollToBottomButton = function ScrollToBottomButton(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 86,
       columnNumber: 9
     }
   }, _react["default"].createElement(_icons.Down, {
+    pathFill: chevronColor ? chevronColor : black,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 87,
       columnNumber: 11
     }
   })), !!unreadCount && _react["default"].createElement(_reactNative.View, {
@@ -122,7 +124,7 @@ var ScrollToBottomButton = function ScrollToBottomButton(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 90,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNative.Text, {
@@ -133,7 +135,7 @@ var ScrollToBottomButton = function ScrollToBottomButton(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 97,
       columnNumber: 13
     }
   }, unreadCount))));

package/lib/commonjs/components/MessageList/ScrollToBottomButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ScrollToBottomButton.tsx"],"names":["styles","StyleSheet","create","container","alignItems","borderRadius","elevation","height","justifyContent","shadowOffset","width","shadowOpacity","shadowRadius","touchable","bottom","position","right","unreadCountNotificationContainer","minWidth","paddingHorizontal","top","unreadCountNotificationText","fontSize","textAlign","textAlignVertical","wrapper","ScrollToBottomButton","props","onPress","showNotification","unreadCount","theme","colors","accent_blue","black","white","messageList","scrollToBottomButton","backgroundColor","shadowColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,YAAY,EAAE,EAFL;AAGTC,IAAAA,SAAS,EAAE,CAHF;AAITC,IAAAA,MAAM,EAAE,EAJC;AAKTC,IAAAA,cAAc,EAAE,QALP;AAMTC,IAAAA,YAAY,EAAE;AACZF,MAAAA,MAAM,EAAE,CADI;AAEZG,MAAAA,KAAK,EAAE;AAFK,KANL;AAUTC,IAAAA,aAAa,EAAE,IAVN;AAWTC,IAAAA,YAAY,EAAE,CAXL;AAYTF,IAAAA,KAAK,EAAE;AAZE,GADoB;AAe/BG,EAAAA,SAAS,EAAE;AACTC,IAAAA,MAAM,EAAE,EADC;AAETC,IAAAA,QAAQ,EAAE,UAFD;AAGTC,IAAAA,KAAK,EAAE;AAHE,GAfoB;AAoB/BC,EAAAA,gCAAgC,EAAE;AAChCb,IAAAA,UAAU,EAAE,QADoB;AAEhCC,IAAAA,YAAY,EAAE,EAFkB;AAGhCC,IAAAA,SAAS,EAAE,CAHqB;AAIhCC,IAAAA,MAAM,EAAE,EAJwB;AAKhCC,IAAAA,cAAc,EAAE,QALgB;AAMhCU,IAAAA,QAAQ,EAAE,EANsB;AAOhCC,IAAAA,iBAAiB,EAAE,CAPa;AAQhCJ,IAAAA,QAAQ,EAAE,UARsB;AAShCK,IAAAA,GAAG,EAAE;AAT2B,GApBH;AA+B/BC,EAAAA,2BAA2B,EAAE;AAC3BC,IAAAA,QAAQ,EAAE,EADiB;AAE3BC,IAAAA,SAAS,EAAE,QAFgB;AAG3BC,IAAAA,iBAAiB,EAAE;AAHQ,GA/BE;AAoC/BC,EAAAA,OAAO,EAAE;AACPrB,IAAAA,UAAU,EAAE,QADL;AAEPG,IAAAA,MAAM,EAAE,EAFD;AAGPC,IAAAA,cAAc,EAAE;AAHT;AApCsB,CAAlB,CAAf;;AAmDO,IAAMkB,oBAAyD,GAAG,SAA5DA,oBAA4D,CAACC,KAAD,EAAW;AAClF,MAAQC,OAAR,GAA0DD,KAA1D,CAAQC,OAAR;AAAA,8BAA0DD,KAA1D,CAAiBE,gBAAjB;AAAA,MAAiBA,gBAAjB,sCAAoC,IAApC;AAAA,MAA0CC,WAA1C,GAA0DH,KAA1D,CAA0CG,WAA1C;;AAEA,~~kBAaI~~,~~6BAbJ~~;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,KAF3B,yBAE2BA,KAF3B;AAAA,MAEkCC,KAFlC,yBAEkCA,KAFlC;AAAA,8CAGIC,WAHJ,CAIMC,oBAJN;AAAA,~~MAKQlC~~,~~SALR~~,yBAKQA,~~SALR~~;AAAA,~~MAMQU~~,SANR,yBAMQA,SANR;AAAA,~~MAOQI~~,~~gCAPR~~,yBAOQA,~~gCAPR~~;AAAA,MAQQI,~~2BARR~~,yBAQQA,~~2BARR~~;AAAA,MASQI,~~OATR~~,yBASQA,~~OATR~~;;~~AAeA~~,MAAI,CAACI,gBAAL,EAAuB,OAAO,IAAP;AAEvB,SACE,gCAAC,6BAAD;AACE,IAAA,OAAO,EAAED,OADX;AAEE,IAAA,KAAK,EAAE,CAAC5B,MAAM,CAACa,SAAR,EAAmBA,SAAnB,CAFT;AAGE,IAAA,MAAM,EAAC,sBAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAKE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACb,MAAM,CAACyB,OAAR,EAAiBA,OAAjB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACzB,MAAM,CAACG,SAAR,EAAmB;~~AAAEmC~~,MAAAA,eAAe,~~EAAEH~~,KAAnB;~~AAA0BI~~,MAAAA,WAAW,~~EAAEL~~;AAAvC,KAAnB,EAAmE/B,SAAnE,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,WAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF,EAIG,CAAC,~~CAAC2B~~,WAAF,IACC,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL9B,MAAM,CAACiB,gCADF,EAEL;~~AAAEqB~~,MAAAA,eAAe,~~EAAEL~~;AAAnB,KAFK,EAGLhB,gCAHK,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLjB,MAAM,CAACqB,2BADF,EAEL;~~AAAEmB~~,MAAAA,KAAK,~~EAAEL~~;AAAT,KAFK,EAGLd,2BAHK,CADT;AAME,IAAA,MAAM,EAAC,cANT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQGS,WARH,CAPF,CALJ,CALF,CADF;AAiCD,~~CArDM~~;;;~~AAuDPJ~~,oBAAoB,~~CAACe~~,WAArB,GAAmC,yDAAnC","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Down } from '../../icons';\n\nconst styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n borderRadius: 20,\n elevation: 5,\n height: 40,\n justifyContent: 'center',\n shadowOffset: {\n height: 2,\n width: 0,\n },\n shadowOpacity: 0.25,\n shadowRadius: 4,\n width: 40,\n },\n touchable: {\n bottom: 20,\n position: 'absolute',\n right: 20,\n },\n unreadCountNotificationContainer: {\n alignItems: 'center',\n borderRadius: 10,\n elevation: 6,\n height: 20,\n justifyContent: 'center',\n minWidth: 20,\n paddingHorizontal: 4,\n position: 'absolute',\n top: 0,\n },\n unreadCountNotificationText: {\n fontSize: 11,\n textAlign: 'center',\n textAlignVertical: 'center',\n },\n wrapper: {\n alignItems: 'center',\n height: 50,\n justifyContent: 'flex-end',\n },\n});\n\nexport type ScrollToBottomButtonProps = {\n /** onPress handler /\n onPress: (event: GestureResponderEvent) => void;\n /* If we should show the notification or not */\n showNotification?: boolean;\n unreadCount?: number;\n};\n\nexport const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = (props) => {\n const { onPress, showNotification = true, unreadCount } = props;\n\n const {\n theme: {\n colors: { accent_blue, black, white },\n messageList: {\n scrollToBottomButton: {\n container,\n touchable,\n unreadCountNotificationContainer,\n unreadCountNotificationText,\n wrapper,\n },\n },\n },\n } = useTheme();\n\n if (!showNotification) return null;\n\n return (\n <TouchableOpacity\n onPress={onPress}\n style={[styles.touchable, touchable]}\n testID='message-notification'\n >\n <View style={[styles.wrapper, wrapper]}>\n <View style={[styles.container, { backgroundColor: white, shadowColor: black }, container]}>\n <Down />\n </View>\n {!!unreadCount && (\n <View\n style={[\n styles.unreadCountNotificationContainer,\n { backgroundColor: accent_blue },\n unreadCountNotificationContainer,\n ]}\n >\n <Text\n style={[\n styles.unreadCountNotificationText,\n { color: white },\n unreadCountNotificationText,\n ]}\n testID='unread-count'\n >\n {unreadCount}\n </Text>\n </View>\n )}\n </View>\n </TouchableOpacity>\n );\n};\n\nScrollToBottomButton.displayName = 'ScrollToBottomButton{messageList{scrollToBottomButton}}';\n"]}
1	+ {"version":3,"sources":["ScrollToBottomButton.tsx"],"names":["styles","StyleSheet","create","container","alignItems","borderRadius","elevation","height","justifyContent","shadowOffset","width","shadowOpacity","shadowRadius","touchable","bottom","position","right","unreadCountNotificationContainer","minWidth","paddingHorizontal","top","unreadCountNotificationText","fontSize","textAlign","textAlignVertical","wrapper","ScrollToBottomButton","props","onPress","showNotification","unreadCount","theme","colors","accent_blue","black","white","messageList","scrollToBottomButton","chevronColor","backgroundColor","shadowColor","color","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Down } from '../../icons';\n\nconst styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n borderRadius: 20,\n elevation: 5,\n height: 40,\n justifyContent: 'center',\n shadowOffset: {\n height: 2,\n width: 0,\n },\n shadowOpacity: 0.25,\n shadowRadius: 4,\n width: 40,\n },\n touchable: {\n bottom: 20,\n position: 'absolute',\n right: 20,\n },\n unreadCountNotificationContainer: {\n alignItems: 'center',\n borderRadius: 10,\n elevation: 6,\n height: 20,\n justifyContent: 'center',\n minWidth: 20,\n paddingHorizontal: 4,\n position: 'absolute',\n top: 0,\n },\n unreadCountNotificationText: {\n fontSize: 11,\n textAlign: 'center',\n textAlignVertical: 'center',\n },\n wrapper: {\n alignItems: 'center',\n height: 50,\n justifyContent: 'flex-end',\n },\n});\n\nexport type ScrollToBottomButtonProps = {\n /** onPress handler /\n onPress: (event: GestureResponderEvent) => void;\n /* If we should show the notification or not */\n showNotification?: boolean;\n unreadCount?: number;\n};\n\nexport const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = (props) => {\n const { onPress, showNotification = true, unreadCount } = props;\n\n const {\n theme: {\n colors: { accent_blue, black, white },\n messageList: {\n scrollToBottomButton: {\n chevronColor,\n container,\n touchable,\n unreadCountNotificationContainer,\n unreadCountNotificationText,\n wrapper,\n },\n },\n },\n } = useTheme();\n\n if (!showNotification) return null;\n\n return (\n <TouchableOpacity\n onPress={onPress}\n style={[styles.touchable, touchable]}\n testID='message-notification'\n >\n <View style={[styles.wrapper, wrapper]}>\n <View style={[styles.container, { backgroundColor: white, shadowColor: black }, container]}>\n <Down pathFill={chevronColor ? chevronColor : black} />\n </View>\n {!!unreadCount && (\n <View\n style={[\n styles.unreadCountNotificationContainer,\n { backgroundColor: accent_blue },\n unreadCountNotificationContainer,\n ]}\n >\n <Text\n style={[\n styles.unreadCountNotificationText,\n { color: white },\n unreadCountNotificationText,\n ]}\n testID='unread-count'\n >\n {unreadCount}\n </Text>\n </View>\n )}\n </View>\n </TouchableOpacity>\n );\n};\n\nScrollToBottomButton.displayName = 'ScrollToBottomButton{messageList{scrollToBottomButton}}';\n"]}

package/lib/commonjs/contexts/chatContext/ChatContext.js CHANGED Viewed

@@ -32,7 +32,7 @@ var ChatProvider = function ChatProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 71,
       columnNumber: 3
     }
   }, children);
@@ -53,7 +53,7 @@ var withChatContext = function withChatContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 94,
         columnNumber: 12
       }
     }));

package/lib/commonjs/contexts/chatContext/ChatContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ChatContext.tsx"],"names":["ChatContext","React","createContext","ChatProvider","children","value","useChatContext","withChatContext","Component","WithChatContextComponent","props","chatContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;;;;;;;;~~AAmDO~~,IAAMA,WAAW,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAApB;;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAG1BC,QAH0B,QAG1BA,QAH0B;AAAA,MAI1BC,KAJ0B,QAI1BA,KAJ0B;AAAA,SAQ1B,gCAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEA,KAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR0B;AAAA,CAArB;;;;AAaA,IAAME,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAEvB,uBAAWN,WAAX,CAFuB;AAAA,CAAvB;;;;AASA,IAAMO,eAAe,GAAG,SAAlBA,eAAkB,CAI7BC,SAJ6B,EAKqC;AAClE,MAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD,EAAgE;AAC/F,QAAMC,WAAW,GAAGL,cAAc,EAAlC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,WAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAJD;;AAKAF,EAAAA,wBAAwB,CAACG,WAAzB,uBAAyD,oCAAeJ,SAAf,CAAzD;AACA,SAAOC,wBAAP;AACD,CAbM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Channel, Mute, StreamChat } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ChatContextValue<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n /*\n The StreamChat client object\n \n ```\n * import { StreamChat } from 'stream-chat';\n * import { Chat } from 'stream-chat-react-native';\n \n const client = StreamChat.getInstance('api_key);\n * await client.connectUser('user_id', 'userToken');\n \n <Chat client={client}>\n * </Chat>\n * ```\n \n @overrideType StreamChat\n * /\n client: StreamChat<StreamChatGenerics>;\n connectionRecovering: boolean;\n isOnline: boolean;\n mutedUsers: Mute<StreamChatGenerics>[];\n /\n @param newChannel Channel to set as active.\n \n @overrideType Function\n /\n setActiveChannel: (newChannel?: Channel<StreamChatGenerics>) => void;\n /\n Instance of channel object from stream-chat package.\n \n Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript\n \n ```\n * import { StreamChat, Channel } from 'stream-chat';\n * import { Chat, Channel} from 'stream-chat-react-native';\n \n const client = StreamChat.getInstance('api_key');\n * await client.connectUser('user_id', 'user_token');\n * const channel = client.channel('messaging', 'channel_id');\n * await channel.watch();\n * ```\n \n @overrideType Channel\n /\n channel?: Channel<StreamChatGenerics>;\n};\n\nexport const ChatContext = React.createContext({} as ChatContextValue);\n\nexport const ChatProvider = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n children,\n value,\n}: PropsWithChildren<{\n value: ChatContextValue<StreamChatGenerics>;\n}>) => (\n <ChatContext.Provider value={value as unknown as ChatContextValue}>\n {children}\n </ChatContext.Provider>\n);\n\nexport const useChatContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(ChatContext) as unknown as ChatContextValue<StreamChatGenerics>;\n\n/\n Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChatContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChatContext = <\n P extends UnknownType,\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChatContextValue<StreamChatGenerics>>> => {\n const WithChatContextComponent = (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>) => {\n const chatContext = useChatContext<StreamChatGenerics>();\n\n return <Component {...(props as P)} {...chatContext} />;\n };\n WithChatContextComponent.displayName = `WithChatContext${getDisplayName(Component)}`;\n return WithChatContextComponent;\n};\n"]}
1	+ {"version":3,"sources":["ChatContext.tsx"],"names":["ChatContext","React","createContext","ChatProvider","children","value","useChatContext","withChatContext","Component","WithChatContextComponent","props","chatContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;;;;;;;;AAuDO,IAAMA,WAAW,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAApB;;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAG1BC,QAH0B,QAG1BA,QAH0B;AAAA,MAI1BC,KAJ0B,QAI1BA,KAJ0B;AAAA,SAQ1B,gCAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEA,KAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR0B;AAAA,CAArB;;;;AAaA,IAAME,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAEvB,uBAAWN,WAAX,CAFuB;AAAA,CAAvB;;;;AASA,IAAMO,eAAe,GAAG,SAAlBA,eAAkB,CAI7BC,SAJ6B,EAKqC;AAClE,MAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD,EAAgE;AAC/F,QAAMC,WAAW,GAAGL,cAAc,EAAlC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,WAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAJD;;AAKAF,EAAAA,wBAAwB,CAACG,WAAzB,uBAAyD,oCAAeJ,SAAf,CAAzD;AACA,SAAOC,wBAAP;AACD,CAbM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ChatContextValue<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n /*\n Object of application settings returned from Stream.\n * /\n appSettings: AppSettingsAPIResponse<StreamChatGenerics> \| null;\n /\n The StreamChat client object\n \n ```\n * import { StreamChat } from 'stream-chat';\n * import { Chat } from 'stream-chat-react-native';\n \n const client = StreamChat.getInstance('api_key);\n * await client.connectUser('user_id', 'userToken');\n \n <Chat client={client}>\n * </Chat>\n * ```\n \n @overrideType StreamChat\n * /\n client: StreamChat<StreamChatGenerics>;\n connectionRecovering: boolean;\n isOnline: boolean;\n mutedUsers: Mute<StreamChatGenerics>[];\n /\n @param newChannel Channel to set as active.\n \n @overrideType Function\n /\n setActiveChannel: (newChannel?: Channel<StreamChatGenerics>) => void;\n /\n Instance of channel object from stream-chat package.\n \n Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript\n \n ```\n * import { StreamChat, Channel } from 'stream-chat';\n * import { Chat, Channel} from 'stream-chat-react-native';\n \n const client = StreamChat.getInstance('api_key');\n * await client.connectUser('user_id', 'user_token');\n * const channel = client.channel('messaging', 'channel_id');\n * await channel.watch();\n * ```\n \n @overrideType Channel\n /\n channel?: Channel<StreamChatGenerics>;\n};\n\nexport const ChatContext = React.createContext({} as ChatContextValue);\n\nexport const ChatProvider = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n children,\n value,\n}: PropsWithChildren<{\n value: ChatContextValue<StreamChatGenerics>;\n}>) => (\n <ChatContext.Provider value={value as unknown as ChatContextValue}>\n {children}\n </ChatContext.Provider>\n);\n\nexport const useChatContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(ChatContext) as unknown as ChatContextValue<StreamChatGenerics>;\n\n/\n Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChatContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChatContext = <\n P extends UnknownType,\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChatContextValue<StreamChatGenerics>>> => {\n const WithChatContextComponent = (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>) => {\n const chatContext = useChatContext<StreamChatGenerics>();\n\n return <Component {...(props as P)} {...chatContext} />;\n };\n WithChatContextComponent.displayName = `WithChatContext${getDisplayName(Component)}`;\n return WithChatContextComponent;\n};\n"]}

package/lib/commonjs/contexts/messageContext/MessageContext.js CHANGED Viewed

@@ -32,7 +32,7 @@ var MessageProvider = function MessageProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 113,
       columnNumber: 3
     }
   }, children);
@@ -53,7 +53,7 @@ var withMessageContext = function withMessageContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 138,
         columnNumber: 12
       }
     }));

package/lib/commonjs/contexts/messageContext/MessageContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageContext.tsx"],"names":["MessageContext","React","createContext","MessageProvider","children","value","useMessageContext","withMessageContext","Component","WithMessageContextComponent","props","messageContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;~~AAUA~~;;;;;;;;;AAyFO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAvB;;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAG7BC,QAH6B,QAG7BA,QAH6B;AAAA,MAI7BC,KAJ6B,QAI7BA,KAJ6B;AAAA,SAQ7B,gCAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR6B;AAAA,CAAxB;;;;AAaA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAE1B,uBAAWN,cAAX,CAF0B;AAAA,CAA1B;;;;AASA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAIhCC,SAJgC,EAKqC;AACrE,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,cAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAAeJ,SAAf,CAA/D;AACA,SAAOC,2BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { ActionHandler } from '../../components/Attachment/Attachment';\nimport type { TouchableHandlerPayload } from '../../components/Message/Message';\nimport type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';\nimport type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type Alignment = 'right' \| 'left';\n\nexport type Reactions = {\n own: boolean;\n type: string;\n}[];\n\nexport type MessageContextValue<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n /** Whether or not actions can be performed on message /\n actionsEnabled: boolean;\n /* Position of the message, either 'right' or 'left' /\n alignment: Alignment;\n /* The files attached to a message /\n files: Attachment<StreamChatGenerics>[];\n /\n Position of message in group - top, bottom, middle, single.\n \n Message group is a group of consecutive messages from same user. groupStyles can be used to style message as per their position in message group\n * e.g., user avatar (to which message belongs to) is only showed for last (bottom) message in group.\n /\n groupStyles: GroupType[];\n /* Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). /\n handleAction: ActionHandler;\n handleDeleteMessage: () => Promise<void>;\n handleEditMessage: () => void;\n handleQuotedReplyMessage: () => void;\n handleResendMessage: () => Promise<void>;\n handleToggleBanUser: () => Promise<void>;\n handleToggleMuteUser: () => Promise<void>;\n handleToggleReaction: (reactionType: string) => Promise<void>;\n /* Whether or not message has reactions /\n hasReactions: boolean;\n /* The images attached to a message /\n images: Attachment<StreamChatGenerics>[];\n /* Whether or not this is the active user's message /\n isMyMessage: boolean;\n /* Whether or not this is the last message in a group of messages /\n lastGroupMessage: boolean;\n /* Current [message object](https://getstream.io/chat/docs/#message_format) /\n message: MessageType<StreamChatGenerics>;\n /* Order to render the message content /\n messageContentOrder: MessageContentType[];\n /\n You can call methods available on the Message\n * component such as handleEdit, handleDelete, handleAction etc.\n \n Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/Message.tsx)\n \n By default, we show the overlay with all the message actions on long press.\n \n @param ~~event~~ ~~Event~~ object for onLongPress event\n /\n onLongPress: (payload: TouchableHandlerPayload) => void;\n /* Whether the message is only text and the text is only emojis /\n onlyEmojis: boolean;\n /* Handler to open a thread on a message /\n onOpenThread: () => void;\n /\n You can call methods available on the Message\n * component such as handleEdit, handleDelete, handleAction etc.\n \n Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/Message.tsx)\n \n By default, we will dismiss the keyboard on press.\n \n @param ~~event~~ ~~Event~~ object for onPress event\n /\n onPress: (payload: ~~TouchableHandlerPayload~~) => void;\n onPressIn: ((payload: TouchableHandlerPayload) => void) \| null;\n /* The images attached to a message /\n otherAttachments: Attachment<StreamChatGenerics>[];\n reactions: Reactions;\n showMessageOverlay: (messageReactions?: boolean) => void;\n showMessageStatus: boolean;\n /* Whether or not the Message is part of a Thread /\n threadList: boolean;\n goToMessage?: (messageId: string) => void;\n /* Latest message id on current channel /\n lastReceivedId?: string;\n /* Prevent message being pressed for image viewer view /\n preventPress?: boolean;\n /* Whether or not the avatar show show next to Message /\n showAvatar?: boolean;\n} & Pick<ChannelContextValue<StreamChatGenerics>, 'channel' \| 'disabled' \| 'members'>;\n\nexport const MessageContext = React.createContext({} as MessageContextValue);\n\nexport const MessageProvider = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n children,\n value,\n}: PropsWithChildren<{\n value?: MessageContextValue<StreamChatGenerics>;\n}>) => (\n <MessageContext.Provider value={value as unknown as MessageContextValue}>\n {children}\n </MessageContext.Provider>\n);\n\nexport const useMessageContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(MessageContext) as unknown as MessageContextValue<StreamChatGenerics>;\n\n/\n Typescript currently does not support partial inference so if MessageContext\n * typing is desired while using the HOC withMessageContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessageContext = <\n P extends UnknownType,\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessageContextValue<StreamChatGenerics>>> => {\n const WithMessageContextComponent = (\n props: Omit<P, keyof MessageContextValue<StreamChatGenerics>>,\n ) => {\n const messageContext = useMessageContext<StreamChatGenerics>();\n\n return <Component {...(props as P)} {...messageContext} />;\n };\n WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;\n return WithMessageContextComponent;\n};\n"]}
1	+ {"version":3,"sources":["MessageContext.tsx"],"names":["MessageContext","React","createContext","MessageProvider","children","value","useMessageContext","withMessageContext","Component","WithMessageContextComponent","props","messageContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAaA;;;;;;;;;AAyFO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAvB;;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAG7BC,QAH6B,QAG7BA,QAH6B;AAAA,MAI7BC,KAJ6B,QAI7BA,KAJ6B;AAAA,SAQ7B,gCAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR6B;AAAA,CAAxB;;;;AAaA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAE1B,uBAAWN,cAAX,CAF0B;AAAA,CAA1B;;;;AASA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAIhCC,SAJgC,EAKqC;AACrE,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,cAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAAeJ,SAAf,CAA/D;AACA,SAAOC,2BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { ActionHandler } from '../../components/Attachment/Attachment';\nimport type {\n MessageTouchableHandlerPayload,\n TouchableHandlerPayload,\n} from '../../components/Message/Message';\nimport type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';\nimport type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type Alignment = 'right' \| 'left';\n\nexport type Reactions = {\n own: boolean;\n type: string;\n}[];\n\nexport type MessageContextValue<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n /** Whether or not actions can be performed on message /\n actionsEnabled: boolean;\n /* Position of the message, either 'right' or 'left' /\n alignment: Alignment;\n /* The files attached to a message /\n files: Attachment<StreamChatGenerics>[];\n /\n Position of message in group - top, bottom, middle, single.\n \n Message group is a group of consecutive messages from same user. groupStyles can be used to style message as per their position in message group\n * e.g., user avatar (to which message belongs to) is only showed for last (bottom) message in group.\n /\n groupStyles: GroupType[];\n /* Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). /\n handleAction: ActionHandler;\n handleDeleteMessage: () => Promise<void>;\n handleEditMessage: () => void;\n handleQuotedReplyMessage: () => void;\n handleResendMessage: () => Promise<void>;\n handleToggleBanUser: () => Promise<void>;\n handleToggleMuteUser: () => Promise<void>;\n handleToggleReaction: (reactionType: string) => Promise<void>;\n /* Whether or not message has reactions /\n hasReactions: boolean;\n /* The images attached to a message /\n images: Attachment<StreamChatGenerics>[];\n /* Whether or not this is the active user's message /\n isMyMessage: boolean;\n /* Whether or not this is the last message in a group of messages /\n lastGroupMessage: boolean;\n /* Current [message object](https://getstream.io/chat/docs/#message_format) /\n message: MessageType<StreamChatGenerics>;\n /* Order to render the message content /\n messageContentOrder: MessageContentType[];\n /\n You can call methods available on the Message\n * component such as handleEdit, handleDelete, handleAction etc.\n \n Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/Message.tsx)\n \n By default, we show the overlay with all the message actions on long press.\n \n @param payload Payload object for onLongPress event\n /\n onLongPress: (payload: TouchableHandlerPayload) => void;\n /* Whether the message is only text and the text is only emojis /\n onlyEmojis: boolean;\n /* Handler to open a thread on a message /\n onOpenThread: () => void;\n /\n You can call methods available on the Message\n * component such as handleEdit, handleDelete, handleAction etc.\n \n Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/Message.tsx)\n \n By default, we will dismiss the keyboard on press.\n \n @param payload Payload object for onPress event\n /\n onPress: (payload: MessageTouchableHandlerPayload) => void;\n onPressIn: ((payload: TouchableHandlerPayload) => void) \| null;\n /* The images attached to a message /\n otherAttachments: Attachment<StreamChatGenerics>[];\n reactions: Reactions;\n showMessageOverlay: (messageReactions?: boolean) => void;\n showMessageStatus: boolean;\n /* Whether or not the Message is part of a Thread /\n threadList: boolean;\n goToMessage?: (messageId: string) => void;\n /* Latest message id on current channel /\n lastReceivedId?: string;\n /* Prevent message being pressed for image viewer view /\n preventPress?: boolean;\n /* Whether or not the avatar show show next to Message /\n showAvatar?: boolean;\n} & Pick<ChannelContextValue<StreamChatGenerics>, 'channel' \| 'disabled' \| 'members'>;\n\nexport const MessageContext = React.createContext({} as MessageContextValue);\n\nexport const MessageProvider = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n children,\n value,\n}: PropsWithChildren<{\n value?: MessageContextValue<StreamChatGenerics>;\n}>) => (\n <MessageContext.Provider value={value as unknown as MessageContextValue}>\n {children}\n </MessageContext.Provider>\n);\n\nexport const useMessageContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(MessageContext) as unknown as MessageContextValue<StreamChatGenerics>;\n\n/\n Typescript currently does not support partial inference so if MessageContext\n * typing is desired while using the HOC withMessageContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessageContext = <\n P extends UnknownType,\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessageContextValue<StreamChatGenerics>>> => {\n const WithMessageContextComponent = (\n props: Omit<P, keyof MessageContextValue<StreamChatGenerics>>,\n ) => {\n const messageContext = useMessageContext<StreamChatGenerics>();\n\n return <Component {...(props as P)} {...messageContext} />;\n };\n WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;\n return WithMessageContextComponent;\n};\n"]}