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

package/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionList.js

@@ -1,30 +1,20 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AutoCompleteSuggestionListWithContext = exports.AutoCompleteSuggestionList = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _SuggestionsContext = require("../../contexts/suggestionsContext/SuggestionsContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _excluded = ["children"];
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/AutoCompleteSuggestionList.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/AutoCompleteSuggestionList.tsx";
 var SuggestionsItem = function SuggestionsItem(props) {
   var children = props.children,
-      touchableOpacityProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    touchableOpacityProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return _react["default"].createElement(_reactNative.TouchableOpacity, (0, _extends2["default"])({}, touchableOpacityProps, {
     __self: _this,
     __source: {
@@ -34,28 +24,23 @@ var SuggestionsItem = function SuggestionsItem(props) {
     }
   }), children);
 };
-
 SuggestionsItem.displayName = 'SuggestionsHeader{messageInput{suggestions}}';
-
 var AutoCompleteSuggestionListWithContext = function AutoCompleteSuggestionListWithContext(props) {
   var active = props.active,
-      AutoCompleteSuggestionHeader = props.AutoCompleteSuggestionHeader,
-      AutoCompleteSuggestionItem = props.AutoCompleteSuggestionItem,
-      data = props.data,
-      onSelect = props.onSelect,
-      queryText = props.queryText,
-      triggerType = props.triggerType;
-
+    AutoCompleteSuggestionHeader = props.AutoCompleteSuggestionHeader,
+    AutoCompleteSuggestionItem = props.AutoCompleteSuggestionItem,
+    data = props.data,
+    onSelect = props.onSelect,
+    queryText = props.queryText,
+    triggerType = props.triggerType;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$messa = _useTheme.theme.messageInput,
-      maxHeight = _useTheme$theme$messa.container.maxHeight,
-      itemStyle = _useTheme$theme$messa.suggestions.item,
-      flatlist = _useTheme$theme$messa.suggestionsListContainer.flatlist;
-
+    _useTheme$theme$messa = _useTheme.theme.messageInput,
+    maxHeight = _useTheme$theme$messa.container.maxHeight,
+    itemStyle = _useTheme$theme$messa.suggestions.item,
+    flatlist = _useTheme$theme$messa.suggestionsListContainer.flatlist;
   var renderItem = function renderItem(_ref) {
     var index = _ref.index,
-        item = _ref.item;
-
+      item = _ref.item;
     switch (triggerType) {
       case 'mention':
         if ((0, _SuggestionsContext.isSuggestionUser)(item)) {
@@ -84,9 +69,7 @@ var AutoCompleteSuggestionListWithContext = function AutoCompleteSuggestionListW
             }
           }));
         }
-
         return null;
-
       case 'command':
         if ((0, _SuggestionsContext.isSuggestionCommand)(item)) {
           return _react["default"].createElement(SuggestionsItem, {
@@ -111,9 +94,7 @@ var AutoCompleteSuggestionListWithContext = function AutoCompleteSuggestionListW
             }
           }));
         }
-
         return null;
-
       case 'emoji':
         if ((0, _SuggestionsContext.isSuggestionEmoji)(item)) {
           return _react["default"].createElement(SuggestionsItem, {
@@ -138,14 +119,11 @@ var AutoCompleteSuggestionListWithContext = function AutoCompleteSuggestionListW
             }
           }));
         }
-
         return null;
-
       default:
         return null;
     }
   };
-
   if (!active || data.length === 0) return null;
   return _react["default"].createElement(_reactNative.FlatList, {
     data: data,
@@ -175,18 +153,16 @@ var AutoCompleteSuggestionListWithContext = function AutoCompleteSuggestionListW
     }
   });
 };
-
 exports.AutoCompleteSuggestionListWithContext = AutoCompleteSuggestionListWithContext;
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevActive = prevProps.active,
-      prevData = prevProps.data,
-      prevQueryText = prevProps.queryText,
-      prevType = prevProps.triggerType;
+    prevData = prevProps.data,
+    prevQueryText = prevProps.queryText,
+    prevType = prevProps.triggerType;
   var nextActive = nextProps.active,
-      nextData = nextProps.data,
-      nextQueryText = nextProps.queryText,
-      nextType = nextProps.triggerType;
+    nextData = nextProps.data,
+    nextQueryText = nextProps.queryText,
+    nextType = nextProps.triggerType;
   var activeEqual = prevActive === nextActive;
   if (!activeEqual) return false;
   var queryTextEqual = prevQueryText === nextQueryText;
@@ -197,14 +173,11 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!typeEqual) return false;
   return true;
 };
-
 var MemoizedAutoCompleteSuggestionList = _react["default"].memo(AutoCompleteSuggestionListWithContext, areEqual);
-
 var AutoCompleteSuggestionList = function AutoCompleteSuggestionList(props) {
   var _useSuggestionsContex = (0, _SuggestionsContext.useSuggestionsContext)(),
-      AutoCompleteSuggestionHeader = _useSuggestionsContex.AutoCompleteSuggestionHeader,
-      AutoCompleteSuggestionItem = _useSuggestionsContex.AutoCompleteSuggestionItem;
-
+    AutoCompleteSuggestionHeader = _useSuggestionsContex.AutoCompleteSuggestionHeader,
+    AutoCompleteSuggestionItem = _useSuggestionsContex.AutoCompleteSuggestionItem;
   return _react["default"].createElement(MemoizedAutoCompleteSuggestionList, (0, _extends2["default"])({
     AutoCompleteSuggestionHeader: AutoCompleteSuggestionHeader,
     AutoCompleteSuggestionItem: AutoCompleteSuggestionItem
@@ -217,7 +190,6 @@ var AutoCompleteSuggestionList = function AutoCompleteSuggestionList(props) {
     }
   }));
 };
-
 exports.AutoCompleteSuggestionList = AutoCompleteSuggestionList;
 AutoCompleteSuggestionList.displayName = 'AutoCompleteSuggestionList{messageInput{suggestions{List}}}';
 //# sourceMappingURL=AutoCompleteSuggestionList.js.map

package/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AutoCompleteSuggestionList.tsx"],"names":["SuggestionsItem","props","children","touchableOpacityProps","displayName","AutoCompleteSuggestionListWithContext","active","AutoCompleteSuggestionHeader","AutoCompleteSuggestionItem","data","onSelect","queryText","triggerType","theme","messageInput","maxHeight","container","itemStyle","suggestions","item","flatlist","suggestionsListContainer","renderItem","index","paddingBottom","length","paddingTop","name","id","areEqual","prevProps","nextProps","prevActive","prevData","prevQueryText","prevType","nextActive","nextData","nextQueryText","nextType","activeEqual","queryTextEqual","dataEqual","typeEqual","MemoizedAutoCompleteSuggestionList","React","memo","AutoCompleteSuggestionList"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FlatList, TouchableOpacity, TouchableOpacityProps } from 'react-native';\n\nimport type { AutoCompleteSuggestionHeaderProps } from './AutoCompleteSuggestionHeader';\nimport type { AutoCompleteSuggestionItemProps } from './AutoCompleteSuggestionItem';\n\nimport {\n  isSuggestionCommand,\n  isSuggestionEmoji,\n  isSuggestionUser,\n  Suggestion,\n  SuggestionsContextValue,\n  useSuggestionsContext,\n} from '../../contexts/suggestionsContext/SuggestionsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\ntype AutoCompleteSuggestionListComponentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<SuggestionsContextValue, 'queryText' | 'triggerType'> & {\n  active: boolean;\n  data: Suggestion<StreamChatGenerics>[];\n  onSelect: (item: Suggestion<StreamChatGenerics>) => void;\n};\n\nexport type AutoCompleteSuggestionListPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  SuggestionsContextValue<StreamChatGenerics>,\n  'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem'\n> &\n  AutoCompleteSuggestionListComponentProps<StreamChatGenerics>;\n\nconst SuggestionsItem: React.FC<TouchableOpacityProps> = (props) => {\n  const { children, ...touchableOpacityProps } = props;\n  return <TouchableOpacity {...touchableOpacityProps}>{children}</TouchableOpacity>;\n};\n\nSuggestionsItem.displayName = 'SuggestionsHeader{messageInput{suggestions}}';\n\nexport const AutoCompleteSuggestionListWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AutoCompleteSuggestionListPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    active,\n    AutoCompleteSuggestionHeader,\n    AutoCompleteSuggestionItem,\n    data,\n    onSelect,\n    queryText,\n    triggerType,\n  } = props;\n\n  const {\n    theme: {\n      messageInput: {\n        container: { maxHeight },\n        suggestions: { item: itemStyle },\n        suggestionsListContainer: { flatlist },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: Suggestion<StreamChatGenerics> }) => {\n    switch (triggerType) {\n      case 'mention':\n        if (isSuggestionUser(item)) {\n          return (\n            <SuggestionsItem\n              onPress={() => {\n                onSelect(item);\n              }}\n              style={[\n                {\n                  paddingBottom: index === data.length - 1 ? 8 : 0,\n                  paddingTop: index === 0 ? 8 : 0,\n                },\n                itemStyle,\n              ]}\n            >\n              {AutoCompleteSuggestionItem && (\n                <AutoCompleteSuggestionItem itemProps={item} triggerType={triggerType} />\n              )}\n            </SuggestionsItem>\n          );\n        }\n        return null;\n      case 'command':\n        if (isSuggestionCommand(item)) {\n          return (\n            <SuggestionsItem\n              onPress={() => {\n                onSelect(item);\n              }}\n              style={[itemStyle]}\n            >\n              {AutoCompleteSuggestionItem && (\n                <AutoCompleteSuggestionItem itemProps={item} triggerType={triggerType} />\n              )}\n            </SuggestionsItem>\n          );\n        }\n        return null;\n      case 'emoji':\n        if (isSuggestionEmoji(item)) {\n          return (\n            <SuggestionsItem\n              onPress={() => {\n                onSelect(item);\n              }}\n              style={[itemStyle]}\n            >\n              {AutoCompleteSuggestionItem && (\n                <AutoCompleteSuggestionItem itemProps={item} triggerType={triggerType} />\n              )}\n            </SuggestionsItem>\n          );\n        }\n        return null;\n      default:\n        return null;\n    }\n  };\n\n  if (!active || data.length === 0) return null;\n\n  return (\n    <FlatList\n      data={data}\n      keyboardShouldPersistTaps='always'\n      keyExtractor={(item, index) =>\n        `${item.name || (isSuggestionUser(item) ? item.id : '')}${index}`\n      }\n      ListHeaderComponent={\n        AutoCompleteSuggestionHeader ? (\n          <AutoCompleteSuggestionHeader queryText={queryText} triggerType={triggerType} />\n        ) : null\n      }\n      renderItem={renderItem}\n      style={[flatlist, { maxHeight }]}\n    />\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: AutoCompleteSuggestionListPropsWithContext<StreamChatGenerics>,\n  nextProps: AutoCompleteSuggestionListPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    active: prevActive,\n    data: prevData,\n    queryText: prevQueryText,\n    triggerType: prevType,\n  } = prevProps;\n  const {\n    active: nextActive,\n    data: nextData,\n    queryText: nextQueryText,\n    triggerType: nextType,\n  } = nextProps;\n\n  const activeEqual = prevActive === nextActive;\n  if (!activeEqual) return false;\n\n  const queryTextEqual = prevQueryText === nextQueryText;\n  if (!queryTextEqual) return false;\n\n  const dataEqual = prevData === nextData;\n  if (!dataEqual) return false;\n\n  const typeEqual = prevType === nextType;\n  if (!typeEqual) return false;\n\n  return true;\n};\n\nconst MemoizedAutoCompleteSuggestionList = React.memo(\n  AutoCompleteSuggestionListWithContext,\n  areEqual,\n) as typeof AutoCompleteSuggestionListWithContext;\n\nexport type AutoCompleteSuggestionListProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = AutoCompleteSuggestionListComponentProps<StreamChatGenerics> & {\n  AutoCompleteSuggestionHeader?: React.ComponentType<AutoCompleteSuggestionHeaderProps>;\n  AutoCompleteSuggestionItem?: React.ComponentType<\n    AutoCompleteSuggestionItemProps<StreamChatGenerics>\n  >;\n};\n\nexport const AutoCompleteSuggestionList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AutoCompleteSuggestionListProps<StreamChatGenerics>,\n) => {\n  const { AutoCompleteSuggestionHeader, AutoCompleteSuggestionItem } =\n    useSuggestionsContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedAutoCompleteSuggestionList\n      {...{ AutoCompleteSuggestionHeader, AutoCompleteSuggestionItem }}\n      {...props}\n    />\n  );\n};\n\nAutoCompleteSuggestionList.displayName =\n  'AutoCompleteSuggestionList{messageInput{suggestions{List}}}';\n"]}
+{"version":3,"names":["SuggestionsItem","props","children","touchableOpacityProps","displayName","AutoCompleteSuggestionListWithContext","active","AutoCompleteSuggestionHeader","AutoCompleteSuggestionItem","data","onSelect","queryText","triggerType","useTheme","theme","messageInput","maxHeight","container","itemStyle","suggestions","item","flatlist","suggestionsListContainer","renderItem","index","isSuggestionUser","paddingBottom","length","paddingTop","isSuggestionCommand","isSuggestionEmoji","name","id","areEqual","prevProps","nextProps","prevActive","prevData","prevQueryText","prevType","nextActive","nextData","nextQueryText","nextType","activeEqual","queryTextEqual","dataEqual","typeEqual","MemoizedAutoCompleteSuggestionList","React","memo","AutoCompleteSuggestionList","useSuggestionsContext"],"sources":["AutoCompleteSuggestionList.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, TouchableOpacity, TouchableOpacityProps } from 'react-native';\n\nimport type { AutoCompleteSuggestionHeaderProps } from './AutoCompleteSuggestionHeader';\nimport type { AutoCompleteSuggestionItemProps } from './AutoCompleteSuggestionItem';\n\nimport {\n  isSuggestionCommand,\n  isSuggestionEmoji,\n  isSuggestionUser,\n  Suggestion,\n  SuggestionsContextValue,\n  useSuggestionsContext,\n} from '../../contexts/suggestionsContext/SuggestionsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\ntype AutoCompleteSuggestionListComponentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<SuggestionsContextValue, 'queryText' | 'triggerType'> & {\n  active: boolean;\n  data: Suggestion<StreamChatGenerics>[];\n  onSelect: (item: Suggestion<StreamChatGenerics>) => void;\n};\n\nexport type AutoCompleteSuggestionListPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  SuggestionsContextValue<StreamChatGenerics>,\n  'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem'\n> &\n  AutoCompleteSuggestionListComponentProps<StreamChatGenerics>;\n\nconst SuggestionsItem: React.FC<TouchableOpacityProps> = (props) => {\n  const { children, ...touchableOpacityProps } = props;\n  return <TouchableOpacity {...touchableOpacityProps}>{children}</TouchableOpacity>;\n};\n\nSuggestionsItem.displayName = 'SuggestionsHeader{messageInput{suggestions}}';\n\nexport const AutoCompleteSuggestionListWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AutoCompleteSuggestionListPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    active,\n    AutoCompleteSuggestionHeader,\n    AutoCompleteSuggestionItem,\n    data,\n    onSelect,\n    queryText,\n    triggerType,\n  } = props;\n\n  const {\n    theme: {\n      messageInput: {\n        container: { maxHeight },\n        suggestions: { item: itemStyle },\n        suggestionsListContainer: { flatlist },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: Suggestion<StreamChatGenerics> }) => {\n    switch (triggerType) {\n      case 'mention':\n        if (isSuggestionUser(item)) {\n          return (\n            <SuggestionsItem\n              onPress={() => {\n                onSelect(item);\n              }}\n              style={[\n                {\n                  paddingBottom: index === data.length - 1 ? 8 : 0,\n                  paddingTop: index === 0 ? 8 : 0,\n                },\n                itemStyle,\n              ]}\n            >\n              {AutoCompleteSuggestionItem && (\n                <AutoCompleteSuggestionItem itemProps={item} triggerType={triggerType} />\n              )}\n            </SuggestionsItem>\n          );\n        }\n        return null;\n      case 'command':\n        if (isSuggestionCommand(item)) {\n          return (\n            <SuggestionsItem\n              onPress={() => {\n                onSelect(item);\n              }}\n              style={[itemStyle]}\n            >\n              {AutoCompleteSuggestionItem && (\n                <AutoCompleteSuggestionItem itemProps={item} triggerType={triggerType} />\n              )}\n            </SuggestionsItem>\n          );\n        }\n        return null;\n      case 'emoji':\n        if (isSuggestionEmoji(item)) {\n          return (\n            <SuggestionsItem\n              onPress={() => {\n                onSelect(item);\n              }}\n              style={[itemStyle]}\n            >\n              {AutoCompleteSuggestionItem && (\n                <AutoCompleteSuggestionItem itemProps={item} triggerType={triggerType} />\n              )}\n            </SuggestionsItem>\n          );\n        }\n        return null;\n      default:\n        return null;\n    }\n  };\n\n  if (!active || data.length === 0) return null;\n\n  return (\n    <FlatList\n      data={data}\n      keyboardShouldPersistTaps='always'\n      keyExtractor={(item, index) =>\n        `${item.name || (isSuggestionUser(item) ? item.id : '')}${index}`\n      }\n      ListHeaderComponent={\n        AutoCompleteSuggestionHeader ? (\n          <AutoCompleteSuggestionHeader queryText={queryText} triggerType={triggerType} />\n        ) : null\n      }\n      renderItem={renderItem}\n      style={[flatlist, { maxHeight }]}\n    />\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: AutoCompleteSuggestionListPropsWithContext<StreamChatGenerics>,\n  nextProps: AutoCompleteSuggestionListPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    active: prevActive,\n    data: prevData,\n    queryText: prevQueryText,\n    triggerType: prevType,\n  } = prevProps;\n  const {\n    active: nextActive,\n    data: nextData,\n    queryText: nextQueryText,\n    triggerType: nextType,\n  } = nextProps;\n\n  const activeEqual = prevActive === nextActive;\n  if (!activeEqual) return false;\n\n  const queryTextEqual = prevQueryText === nextQueryText;\n  if (!queryTextEqual) return false;\n\n  const dataEqual = prevData === nextData;\n  if (!dataEqual) return false;\n\n  const typeEqual = prevType === nextType;\n  if (!typeEqual) return false;\n\n  return true;\n};\n\nconst MemoizedAutoCompleteSuggestionList = React.memo(\n  AutoCompleteSuggestionListWithContext,\n  areEqual,\n) as typeof AutoCompleteSuggestionListWithContext;\n\nexport type AutoCompleteSuggestionListProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = AutoCompleteSuggestionListComponentProps<StreamChatGenerics> & {\n  AutoCompleteSuggestionHeader?: React.ComponentType<AutoCompleteSuggestionHeaderProps>;\n  AutoCompleteSuggestionItem?: React.ComponentType<\n    AutoCompleteSuggestionItemProps<StreamChatGenerics>\n  >;\n};\n\nexport const AutoCompleteSuggestionList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AutoCompleteSuggestionListProps<StreamChatGenerics>,\n) => {\n  const { AutoCompleteSuggestionHeader, AutoCompleteSuggestionItem } =\n    useSuggestionsContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedAutoCompleteSuggestionList\n      {...{ AutoCompleteSuggestionHeader, AutoCompleteSuggestionItem }}\n      {...props}\n    />\n  );\n};\n\nAutoCompleteSuggestionList.displayName =\n  'AutoCompleteSuggestionList{messageInput{suggestions{List}}}';\n"],"mappings":"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"}

package/lib/module/components/Avatar/Avatar.js

@@ -1,37 +1,23 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Avatar = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _useLoadingImage2 = require("../../hooks/useLoadingImage");
-
 var _getResizedImageUrl = require("../../utils/getResizedImageUrl");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Avatar/Avatar.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Avatar/Avatar.tsx";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var randomImageBaseUrl = 'https://getstream.io/random_png/';
 var randomSvgBaseUrl = 'https://getstream.io/random_svg/';
 var streamCDN = 'stream-io-cdn.com';
-
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -46,41 +32,36 @@ var styles = _reactNative.StyleSheet.create({
     width: 12
   }
 });
-
 var getInitials = function getInitials(fullName) {
   return fullName.split(' ').slice(0, 2).map(function (name) {
     return name.charAt(0);
   }).join(' ');
 };
-
 var Avatar = function Avatar(props) {
   var containerStyle = props.containerStyle,
-      _props$ImageComponent = props.ImageComponent,
-      ImageComponent = _props$ImageComponent === void 0 ? _reactNative.Image : _props$ImageComponent,
-      imageProp = props.image,
-      imageStyle = props.imageStyle,
-      name = props.name,
-      online = props.online,
-      presenceIndicatorProp = props.presenceIndicator,
-      presenceIndicatorContainerStyle = props.presenceIndicatorContainerStyle,
-      size = props.size,
-      testID = props.testID;
-
+    _props$ImageComponent = props.ImageComponent,
+    ImageComponent = _props$ImageComponent === void 0 ? _reactNative.Image : _props$ImageComponent,
+    imageProp = props.image,
+    imageStyle = props.imageStyle,
+    name = props.name,
+    online = props.online,
+    presenceIndicatorProp = props.presenceIndicator,
+    presenceIndicatorContainerStyle = props.presenceIndicatorContainerStyle,
+    size = props.size,
+    testID = props.testID;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$avata = _useTheme$theme.avatar,
-      container = _useTheme$theme$avata.container,
-      image = _useTheme$theme$avata.image,
-      presenceIndicator = _useTheme$theme$avata.presenceIndicator,
-      presenceIndicatorContainer = _useTheme$theme$avata.presenceIndicatorContainer,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_green = _useTheme$theme$color.accent_green,
-      white = _useTheme$theme$color.white;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$avata = _useTheme$theme.avatar,
+    container = _useTheme$theme$avata.container,
+    image = _useTheme$theme$avata.image,
+    presenceIndicator = _useTheme$theme$avata.presenceIndicator,
+    presenceIndicatorContainer = _useTheme$theme$avata.presenceIndicatorContainer,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_green = _useTheme$theme$color.accent_green,
+    white = _useTheme$theme$color.white;
   var _useLoadingImage = (0, _useLoadingImage2.useLoadingImage)(),
-      isLoadingImageError = _useLoadingImage.isLoadingImageError,
-      setLoadingImageError = _useLoadingImage.setLoadingImageError;
-
+    isLoadingImageError = _useLoadingImage.isLoadingImageError,
+    setLoadingImageError = _useLoadingImage.setLoadingImageError;
   return _react["default"].createElement(_reactNative.View, {
     __self: _this,
     __source: {
@@ -165,7 +146,6 @@ var Avatar = function Avatar(props) {
     }
   })))));
 };
-
 exports.Avatar = Avatar;
 Avatar.displayName = 'Avatar{avatar}';
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Avatar.tsx"],"names":["randomImageBaseUrl","randomSvgBaseUrl","streamCDN","styles","StyleSheet","create","container","alignItems","justifyContent","overflow","presenceIndicatorContainer","height","position","right","top","width","getInitials","fullName","split","slice","map","name","charAt","join","Avatar","props","containerStyle","ImageComponent","Image","imageProp","image","imageStyle","online","presenceIndicatorProp","presenceIndicator","presenceIndicatorContainerStyle","size","testID","theme","avatar","colors","accent_green","white","isLoadingImageError","setLoadingImageError","borderRadius","backgroundColor","uri","includes","url","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  Image,\n  ImageProps,\n  ImageStyle,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport Svg, { Circle, CircleProps } from 'react-native-svg';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useLoadingImage } from '../../hooks/useLoadingImage';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\n\nconst randomImageBaseUrl = 'https://getstream.io/random_png/';\nconst randomSvgBaseUrl = 'https://getstream.io/random_svg/';\nconst streamCDN = 'stream-io-cdn.com';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n  presenceIndicatorContainer: {\n    height: 12,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    width: 12,\n  },\n});\n\nconst getInitials = (fullName: string) =>\n  fullName\n    .split(' ')\n    .slice(0, 2)\n    .map((name) => name.charAt(0))\n    .join(' ');\n\nexport type AvatarProps = {\n  /** size in pixels */\n  size: number;\n  containerStyle?: StyleProp<ViewStyle>;\n  /** image url */\n  image?: string;\n  ImageComponent?: React.ComponentType<ImageProps>;\n  /** name of the picture, used for fallback */\n  imageStyle?: StyleProp<ImageStyle>;\n  name?: string;\n  online?: boolean;\n  presenceIndicator?: CircleProps;\n  presenceIndicatorContainerStyle?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\n/**\n * Avatar - A round avatar image with fallback to user's initials.\n */\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n  const {\n    containerStyle,\n    ImageComponent = Image,\n    image: imageProp,\n    imageStyle,\n    name,\n    online,\n    presenceIndicator: presenceIndicatorProp,\n    presenceIndicatorContainerStyle,\n    size,\n    testID,\n  } = props;\n  const {\n    theme: {\n      avatar: { container, image, presenceIndicator, presenceIndicatorContainer },\n      colors: { accent_green, white },\n    },\n  } = useTheme();\n\n  const { isLoadingImageError, setLoadingImageError } = useLoadingImage();\n\n  return (\n    <View>\n      <View\n        style={[\n          styles.container,\n          {\n            borderRadius: size / 2,\n            height: size,\n            width: size,\n          },\n          container,\n          containerStyle,\n        ]}\n      >\n        {isLoadingImageError ? (\n          <View\n            style={{\n              backgroundColor: '#ececec',\n              borderRadius: size / 2,\n              height: size,\n              width: size,\n            }}\n          />\n        ) : (\n          <ImageComponent\n            accessibilityLabel={testID || 'Avatar Image'}\n            onError={() => setLoadingImageError(true)}\n            source={{\n              uri:\n                !imageProp ||\n                imageProp.includes(randomImageBaseUrl) ||\n                imageProp.includes(randomSvgBaseUrl)\n                  ? imageProp?.includes(streamCDN)\n                    ? imageProp\n                    : `${randomImageBaseUrl}${\n                        name ? `?name=${getInitials(name)}&size=${size}` : ''\n                      }`\n                  : getResizedImageUrl({\n                      height: size,\n                      url: imageProp,\n                      width: size,\n                    }),\n            }}\n            style={[\n              image,\n              size\n                ? {\n                    backgroundColor: '#ececec',\n                    borderRadius: size / 2,\n                    height: size,\n                    width: size,\n                  }\n                : {},\n              imageStyle,\n            ]}\n            testID={testID || 'avatar-image'}\n          />\n        )}\n      </View>\n      {online && (\n        <View\n          style={[\n            styles.presenceIndicatorContainer,\n            presenceIndicatorContainer,\n            presenceIndicatorContainerStyle,\n          ]}\n        >\n          <Svg>\n            <Circle\n              fill={accent_green}\n              stroke={white}\n              {...presenceIndicator}\n              {...presenceIndicatorProp}\n            />\n          </Svg>\n        </View>\n      )}\n    </View>\n  );\n};\n\nAvatar.displayName = 'Avatar{avatar}';\n"]}
+{"version":3,"names":["randomImageBaseUrl","randomSvgBaseUrl","streamCDN","styles","StyleSheet","create","container","alignItems","justifyContent","overflow","presenceIndicatorContainer","height","position","right","top","width","getInitials","fullName","split","slice","map","name","charAt","join","Avatar","props","containerStyle","ImageComponent","Image","imageProp","image","imageStyle","online","presenceIndicatorProp","presenceIndicator","presenceIndicatorContainerStyle","size","testID","useTheme","theme","avatar","colors","accent_green","white","useLoadingImage","isLoadingImageError","setLoadingImageError","borderRadius","backgroundColor","uri","includes","getResizedImageUrl","url","displayName"],"sources":["Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Image,\n  ImageProps,\n  ImageStyle,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport Svg, { Circle, CircleProps } from 'react-native-svg';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useLoadingImage } from '../../hooks/useLoadingImage';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\n\nconst randomImageBaseUrl = 'https://getstream.io/random_png/';\nconst randomSvgBaseUrl = 'https://getstream.io/random_svg/';\nconst streamCDN = 'stream-io-cdn.com';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n  presenceIndicatorContainer: {\n    height: 12,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    width: 12,\n  },\n});\n\nconst getInitials = (fullName: string) =>\n  fullName\n    .split(' ')\n    .slice(0, 2)\n    .map((name) => name.charAt(0))\n    .join(' ');\n\nexport type AvatarProps = {\n  /** size in pixels */\n  size: number;\n  containerStyle?: StyleProp<ViewStyle>;\n  /** image url */\n  image?: string;\n  ImageComponent?: React.ComponentType<ImageProps>;\n  /** name of the picture, used for fallback */\n  imageStyle?: StyleProp<ImageStyle>;\n  name?: string;\n  online?: boolean;\n  presenceIndicator?: CircleProps;\n  presenceIndicatorContainerStyle?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\n/**\n * Avatar - A round avatar image with fallback to user's initials.\n */\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n  const {\n    containerStyle,\n    ImageComponent = Image,\n    image: imageProp,\n    imageStyle,\n    name,\n    online,\n    presenceIndicator: presenceIndicatorProp,\n    presenceIndicatorContainerStyle,\n    size,\n    testID,\n  } = props;\n  const {\n    theme: {\n      avatar: { container, image, presenceIndicator, presenceIndicatorContainer },\n      colors: { accent_green, white },\n    },\n  } = useTheme();\n\n  const { isLoadingImageError, setLoadingImageError } = useLoadingImage();\n\n  return (\n    <View>\n      <View\n        style={[\n          styles.container,\n          {\n            borderRadius: size / 2,\n            height: size,\n            width: size,\n          },\n          container,\n          containerStyle,\n        ]}\n      >\n        {isLoadingImageError ? (\n          <View\n            style={{\n              backgroundColor: '#ececec',\n              borderRadius: size / 2,\n              height: size,\n              width: size,\n            }}\n          />\n        ) : (\n          <ImageComponent\n            accessibilityLabel={testID || 'Avatar Image'}\n            onError={() => setLoadingImageError(true)}\n            source={{\n              uri:\n                !imageProp ||\n                imageProp.includes(randomImageBaseUrl) ||\n                imageProp.includes(randomSvgBaseUrl)\n                  ? imageProp?.includes(streamCDN)\n                    ? imageProp\n                    : `${randomImageBaseUrl}${\n                        name ? `?name=${getInitials(name)}&size=${size}` : ''\n                      }`\n                  : getResizedImageUrl({\n                      height: size,\n                      url: imageProp,\n                      width: size,\n                    }),\n            }}\n            style={[\n              image,\n              size\n                ? {\n                    backgroundColor: '#ececec',\n                    borderRadius: size / 2,\n                    height: size,\n                    width: size,\n                  }\n                : {},\n              imageStyle,\n            ]}\n            testID={testID || 'avatar-image'}\n          />\n        )}\n      </View>\n      {online && (\n        <View\n          style={[\n            styles.presenceIndicatorContainer,\n            presenceIndicatorContainer,\n            presenceIndicatorContainerStyle,\n          ]}\n        >\n          <Svg>\n            <Circle\n              fill={accent_green}\n              stroke={white}\n              {...presenceIndicator}\n              {...presenceIndicatorProp}\n            />\n          </Svg>\n        </View>\n      )}\n    </View>\n  );\n};\n\nAvatar.displayName = 'Avatar{avatar}';\n"],"mappings":"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"}

package/lib/module/components/Avatar/GroupAvatar.js

@@ -1,29 +1,19 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GroupAvatar = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _useLoadingImage2 = require("../../hooks/useLoadingImage");
-
 var _getResizedImageUrl = require("../../utils/getResizedImageUrl");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Avatar/GroupAvatar.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Avatar/GroupAvatar.tsx";
 var randomImageBaseUrl = 'https://getstream.io/random_png/';
 var randomSvgBaseUrl = 'https://getstream.io/random_svg/';
 var streamCDN = 'stream-io-cdn.com';
-
 var styles = _reactNative.StyleSheet.create({
   container: {
     overflow: 'hidden'
@@ -32,35 +22,29 @@ var styles = _reactNative.StyleSheet.create({
     flex: 1
   }
 });
-
 var getInitials = function getInitials(fullName) {
   return fullName.split(' ').slice(0, 2).map(function (name) {
     return name.charAt(0);
   }).join(' ');
 };
-
 var GroupAvatar = function GroupAvatar(props) {
   var containerStyle = props.containerStyle,
-      _props$ImageComponent = props.ImageComponent,
-      ImageComponent = _props$ImageComponent === void 0 ? _reactNative.Image : _props$ImageComponent,
-      images = props.images,
-      names = props.names,
-      size = props.size,
-      testID = props.testID;
-
+    _props$ImageComponent = props.ImageComponent,
+    ImageComponent = _props$ImageComponent === void 0 ? _reactNative.Image : _props$ImageComponent,
+    images = props.images,
+    names = props.names,
+    size = props.size,
+    testID = props.testID;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$group = _useTheme.theme.groupAvatar,
-      container = _useTheme$theme$group.container,
-      image = _useTheme$theme$group.image;
-
+    _useTheme$theme$group = _useTheme.theme.groupAvatar,
+    container = _useTheme$theme$group.container,
+    image = _useTheme$theme$group.image;
   var _useLoadingImage = (0, _useLoadingImage2.useLoadingImage)(),
-      isLoadingImageError = _useLoadingImage.isLoadingImageError,
-      setLoadingImageError = _useLoadingImage.setLoadingImageError;
-
+    isLoadingImageError = _useLoadingImage.isLoadingImageError,
+    setLoadingImageError = _useLoadingImage.setLoadingImageError;
   var imagesOrNames = images || names || [];
   var avatarImages = imagesOrNames.slice(0, 4).reduce(function (returnArray, currentImage, index) {
     var url = currentImage.startsWith('http') ? currentImage : "" + randomImageBaseUrl + (names ? "?name=" + getInitials(names[index]) + "&size=" + (imagesOrNames.length <= 2 ? size : size / 2) : '');
-
     if (imagesOrNames.length <= 2) {
       returnArray[0] = [].concat((0, _toConsumableArray2["default"])(returnArray[0] || []), [{
         height: imagesOrNames.length === 1 ? size : size / 2,
@@ -85,7 +69,6 @@ var GroupAvatar = function GroupAvatar(props) {
         }]);
       }
     }
-
     return returnArray;
   }, []);
   return _react["default"].createElement(_reactNative.View, {
@@ -128,9 +111,9 @@ var GroupAvatar = function GroupAvatar(props) {
       }
     }, column.map(function (_ref, rowIndex) {
       var height = _ref.height,
-          name = _ref.name,
-          url = _ref.url,
-          width = _ref.width;
+        name = _ref.name,
+        url = _ref.url,
+        width = _ref.width;
       return _react["default"].createElement(ImageComponent, {
         accessibilityLabel: testID || 'Avatar Image',
         key: "avatar-" + url + "-" + rowIndex,
@@ -160,7 +143,6 @@ var GroupAvatar = function GroupAvatar(props) {
     }));
   }));
 };
-
 exports.GroupAvatar = GroupAvatar;
 GroupAvatar.displayName = 'GroupAvatar{groupAvatar}';
 //# sourceMappingURL=GroupAvatar.js.map

package/lib/module/components/Avatar/GroupAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GroupAvatar.tsx"],"names":["randomImageBaseUrl","randomSvgBaseUrl","streamCDN","styles","StyleSheet","create","container","overflow","flex","getInitials","fullName","split","slice","map","name","charAt","join","GroupAvatar","props","containerStyle","ImageComponent","Image","images","names","size","testID","theme","groupAvatar","image","isLoadingImageError","setLoadingImageError","imagesOrNames","avatarImages","reduce","returnArray","currentImage","index","url","startsWith","length","height","width","borderRadius","backgroundColor","column","colIndex","flexDirection","rowIndex","uri","includes","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Image, ImageProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useLoadingImage } from '../../hooks/useLoadingImage';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\nconst randomImageBaseUrl = 'https://getstream.io/random_png/';\nconst randomSvgBaseUrl = 'https://getstream.io/random_svg/';\nconst streamCDN = 'stream-io-cdn.com';\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n  flex: { flex: 1 },\n});\n\nconst getInitials = (fullName: string) =>\n  fullName\n    .split(' ')\n    .slice(0, 2)\n    .map((name) => name.charAt(0))\n    .join(' ');\n\nexport type GroupAvatarProps = {\n  /** total size in pixels */\n  size: number;\n  containerStyle?: StyleProp<ViewStyle>;\n  ImageComponent?: React.ComponentType<ImageProps>;\n  /** image urls */\n  images?: string[];\n  /** name of the users, used for fallback */\n  names?: string[];\n  testID?: string;\n};\n\n/**\n * GroupAvatar - A round group of avatar images with fallbacks to users' initials\n */\nexport const GroupAvatar: React.FC<GroupAvatarProps> = (props) => {\n  const { containerStyle, ImageComponent = Image, images, names, size, testID } = props;\n  const {\n    theme: {\n      groupAvatar: { container, image },\n    },\n  } = useTheme();\n\n  const { isLoadingImageError, setLoadingImageError } = useLoadingImage();\n  /**\n   * [\n   *    [\n   *        { height: number; name: string; url: string; width: number },\n   *        { height: number; name: string; url: string; width: number },\n   *    ],\n   *    [\n   *        { height: number; name: string; url: string; width: number },\n   *        { height: number; name: string; url: string; width: number },\n   *    ],\n   * ]\n   */\n  const imagesOrNames = images || names || [];\n  const avatarImages = imagesOrNames.slice(0, 4).reduce((returnArray, currentImage, index) => {\n    const url = currentImage.startsWith('http')\n      ? currentImage\n      : `${randomImageBaseUrl}${\n          names\n            ? `?name=${getInitials(names[index])}&size=${\n                imagesOrNames.length <= 2 ? size : size / 2\n              }`\n            : ''\n        }`;\n    if (imagesOrNames.length <= 2) {\n      returnArray[0] = [\n        ...(returnArray[0] || []),\n        {\n          height: imagesOrNames.length === 1 ? size : size / 2,\n          name: names ? names[index] : '',\n          url,\n          width: size,\n        },\n      ];\n    } else {\n      if (index < 2) {\n        returnArray[0] = [\n          ...(returnArray[0] || []),\n          {\n            height: size / 2,\n            name: names ? names[index] : '',\n            url,\n            width: size / 2,\n          },\n        ];\n      } else {\n        returnArray[1] = [\n          ...(returnArray[1] || []),\n          {\n            height: size / 2,\n            name: names ? names[index] : '',\n            url,\n            width: imagesOrNames.length === 3 ? size : size / 2,\n          },\n        ];\n      }\n    }\n    return returnArray;\n  }, [] as { height: number; name: string; url: string; width: number }[][]);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { borderRadius: size / 2, height: size, width: size },\n        container,\n        containerStyle,\n      ]}\n      testID={testID || 'group-avatar'}\n    >\n      {isLoadingImageError ? (\n        <View\n          style={{\n            backgroundColor: '#ececec',\n            borderRadius: size / 2,\n            height: size,\n            width: size,\n          }}\n        />\n      ) : (\n        avatarImages.map((column, colIndex) => (\n          <View\n            key={`avatar-column-${colIndex}`}\n            style={[\n              styles.flex,\n              {\n                flexDirection: imagesOrNames.length === 2 ? 'column' : 'row',\n              },\n            ]}\n          >\n            {column.map(({ height, name, url, width }, rowIndex) => (\n              <ImageComponent\n                accessibilityLabel={testID || 'Avatar Image'}\n                key={`avatar-${url}-${rowIndex}`}\n                onError={() => setLoadingImageError(true)}\n                source={{\n                  uri: url.includes(randomSvgBaseUrl)\n                    ? url.includes(streamCDN)\n                      ? url\n                      : `${randomImageBaseUrl}${\n                          name ? `?name=${getInitials(name)}&size=${height}` : ''\n                        }`\n                    : getResizedImageUrl({\n                        height,\n                        url,\n                        width,\n                      }),\n                }}\n                style={[\n                  image,\n                  size\n                    ? {\n                        backgroundColor: '#ececec',\n                        height,\n                        width,\n                      }\n                    : {},\n                ]}\n                testID={`group-avatar-image-${colIndex}-${rowIndex}`}\n              />\n            ))}\n          </View>\n        ))\n      )}\n    </View>\n  );\n};\n\nGroupAvatar.displayName = 'GroupAvatar{groupAvatar}';\n"]}
+{"version":3,"names":["randomImageBaseUrl","randomSvgBaseUrl","streamCDN","styles","StyleSheet","create","container","overflow","flex","getInitials","fullName","split","slice","map","name","charAt","join","GroupAvatar","props","containerStyle","ImageComponent","Image","images","names","size","testID","useTheme","theme","groupAvatar","image","useLoadingImage","isLoadingImageError","setLoadingImageError","imagesOrNames","avatarImages","reduce","returnArray","currentImage","index","url","startsWith","length","height","width","borderRadius","backgroundColor","column","colIndex","flexDirection","rowIndex","uri","includes","getResizedImageUrl","displayName"],"sources":["GroupAvatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, ImageProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useLoadingImage } from '../../hooks/useLoadingImage';\nimport { getResizedImageUrl } from '../../utils/getResizedImageUrl';\nconst randomImageBaseUrl = 'https://getstream.io/random_png/';\nconst randomSvgBaseUrl = 'https://getstream.io/random_svg/';\nconst streamCDN = 'stream-io-cdn.com';\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n  flex: { flex: 1 },\n});\n\nconst getInitials = (fullName: string) =>\n  fullName\n    .split(' ')\n    .slice(0, 2)\n    .map((name) => name.charAt(0))\n    .join(' ');\n\nexport type GroupAvatarProps = {\n  /** total size in pixels */\n  size: number;\n  containerStyle?: StyleProp<ViewStyle>;\n  ImageComponent?: React.ComponentType<ImageProps>;\n  /** image urls */\n  images?: string[];\n  /** name of the users, used for fallback */\n  names?: string[];\n  testID?: string;\n};\n\n/**\n * GroupAvatar - A round group of avatar images with fallbacks to users' initials\n */\nexport const GroupAvatar: React.FC<GroupAvatarProps> = (props) => {\n  const { containerStyle, ImageComponent = Image, images, names, size, testID } = props;\n  const {\n    theme: {\n      groupAvatar: { container, image },\n    },\n  } = useTheme();\n\n  const { isLoadingImageError, setLoadingImageError } = useLoadingImage();\n  /**\n   * [\n   *    [\n   *        { height: number; name: string; url: string; width: number },\n   *        { height: number; name: string; url: string; width: number },\n   *    ],\n   *    [\n   *        { height: number; name: string; url: string; width: number },\n   *        { height: number; name: string; url: string; width: number },\n   *    ],\n   * ]\n   */\n  const imagesOrNames = images || names || [];\n  const avatarImages = imagesOrNames.slice(0, 4).reduce((returnArray, currentImage, index) => {\n    const url = currentImage.startsWith('http')\n      ? currentImage\n      : `${randomImageBaseUrl}${\n          names\n            ? `?name=${getInitials(names[index])}&size=${\n                imagesOrNames.length <= 2 ? size : size / 2\n              }`\n            : ''\n        }`;\n    if (imagesOrNames.length <= 2) {\n      returnArray[0] = [\n        ...(returnArray[0] || []),\n        {\n          height: imagesOrNames.length === 1 ? size : size / 2,\n          name: names ? names[index] : '',\n          url,\n          width: size,\n        },\n      ];\n    } else {\n      if (index < 2) {\n        returnArray[0] = [\n          ...(returnArray[0] || []),\n          {\n            height: size / 2,\n            name: names ? names[index] : '',\n            url,\n            width: size / 2,\n          },\n        ];\n      } else {\n        returnArray[1] = [\n          ...(returnArray[1] || []),\n          {\n            height: size / 2,\n            name: names ? names[index] : '',\n            url,\n            width: imagesOrNames.length === 3 ? size : size / 2,\n          },\n        ];\n      }\n    }\n    return returnArray;\n  }, [] as { height: number; name: string; url: string; width: number }[][]);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { borderRadius: size / 2, height: size, width: size },\n        container,\n        containerStyle,\n      ]}\n      testID={testID || 'group-avatar'}\n    >\n      {isLoadingImageError ? (\n        <View\n          style={{\n            backgroundColor: '#ececec',\n            borderRadius: size / 2,\n            height: size,\n            width: size,\n          }}\n        />\n      ) : (\n        avatarImages.map((column, colIndex) => (\n          <View\n            key={`avatar-column-${colIndex}`}\n            style={[\n              styles.flex,\n              {\n                flexDirection: imagesOrNames.length === 2 ? 'column' : 'row',\n              },\n            ]}\n          >\n            {column.map(({ height, name, url, width }, rowIndex) => (\n              <ImageComponent\n                accessibilityLabel={testID || 'Avatar Image'}\n                key={`avatar-${url}-${rowIndex}`}\n                onError={() => setLoadingImageError(true)}\n                source={{\n                  uri: url.includes(randomSvgBaseUrl)\n                    ? url.includes(streamCDN)\n                      ? url\n                      : `${randomImageBaseUrl}${\n                          name ? `?name=${getInitials(name)}&size=${height}` : ''\n                        }`\n                    : getResizedImageUrl({\n                        height,\n                        url,\n                        width,\n                      }),\n                }}\n                style={[\n                  image,\n                  size\n                    ? {\n                        backgroundColor: '#ececec',\n                        height,\n                        width,\n                      }\n                    : {},\n                ]}\n                testID={`group-avatar-image-${colIndex}-${rowIndex}`}\n              />\n            ))}\n          </View>\n        ))\n      )}\n    </View>\n  );\n};\n\nGroupAvatar.displayName = 'GroupAvatar{groupAvatar}';\n"],"mappings":"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"}