stream-chat-react-native-core 3.10.2 → 4.0.0-beta.4

package/lib/commonjs/components/AutoCompleteInput/MentionsItem.js

@@ -1,125 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MentionsItem = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _Avatar = require("../Avatar/Avatar");
-
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
-var _AtMentions = require("../../icons/AtMentions");
-
-var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/MentionsItem.tsx";
-
-var styles = _reactNative.StyleSheet.create({
-  column: {
-    flex: 1,
-    justifyContent: 'space-evenly',
-    paddingLeft: 8
-  },
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    paddingHorizontal: 16,
-    paddingVertical: 8
-  },
-  name: {
-    fontSize: 14,
-    fontWeight: 'bold',
-    paddingBottom: 2
-  },
-  tag: {
-    fontSize: 12,
-    fontWeight: '600'
-  }
-});
-
-var MentionsItem = function MentionsItem(_ref) {
-  var _ref$item = _ref.item,
-      id = _ref$item.id,
-      image = _ref$item.image,
-      name = _ref$item.name,
-      online = _ref$item.online;
-
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      black = _useTheme$theme$color.black,
-      grey = _useTheme$theme$color.grey,
-      _useTheme$theme$messa = _useTheme$theme.messageInput.suggestions.mention,
-      avatarSize = _useTheme$theme$messa.avatarSize,
-      column = _useTheme$theme$messa.column,
-      container = _useTheme$theme$messa.container,
-      nameStyle = _useTheme$theme$messa.name,
-      tag = _useTheme$theme$messa.tag;
-
-  return _react["default"].createElement(_reactNative.View, {
-    style: [styles.container, container],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 61,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_Avatar.Avatar, {
-    image: image,
-    name: name,
-    online: online,
-    size: avatarSize,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 62,
-      columnNumber: 7
-    }
-  }), _react["default"].createElement(_reactNative.View, {
-    style: [styles.column, column],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 63,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_reactNative.Text, {
-    style: [styles.name, {
-      color: black
-    }, nameStyle],
-    testID: "mentions-item-name",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 64,
-      columnNumber: 9
-    }
-  }, name || id), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.tag, {
-      color: grey
-    }, tag],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 67,
-      columnNumber: 9
-    }
-  }, "@" + id)), _react["default"].createElement(_AtMentions.AtMentions, {
-    pathFill: accent_blue,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 69,
-      columnNumber: 7
-    }
-  }));
-};
-
-exports.MentionsItem = MentionsItem;
-MentionsItem.displayName = 'MentionsItem{messageInput{suggestions{mention}}}';
-//# sourceMappingURL=MentionsItem.js.map

package/lib/commonjs/components/AutoCompleteInput/MentionsItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MentionsItem.tsx"],"names":["styles","StyleSheet","create","column","flex","justifyContent","paddingLeft","container","alignItems","flexDirection","paddingHorizontal","paddingVertical","name","fontSize","fontWeight","paddingBottom","tag","MentionsItem","item","id","image","online","theme","colors","accent_blue","black","grey","messageInput","suggestions","mention","avatarSize","nameStyle","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;;;;AAKA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,CADA;AAENC,IAAAA,cAAc,EAAE,cAFV;AAGNC,IAAAA,WAAW,EAAE;AAHP,GADuB;AAM/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,aAAa,EAAE,KAFN;AAGTC,IAAAA,iBAAiB,EAAE,EAHV;AAITC,IAAAA,eAAe,EAAE;AAJR,GANoB;AAY/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,UAAU,EAAE,MAFR;AAGJC,IAAAA,aAAa,EAAE;AAHX,GAZyB;AAiB/BC,EAAAA,GAAG,EAAE;AACHH,IAAAA,QAAQ,EAAE,EADP;AAEHC,IAAAA,UAAU,EAAE;AAFT;AAjB0B,CAAlB,CAAf;;AAkCO,IAAMG,YAAY,GAAG,SAAfA,YAAe,OAEC;AAAA,uBAD3BC,IAC2B;AAAA,MADnBC,EACmB,aADnBA,EACmB;AAAA,MADfC,KACe,aADfA,KACe;AAAA,MADRR,IACQ,aADRA,IACQ;AAAA,MADFS,MACE,aADFA,MACE;;AAC3B,kBASI,6BATJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,KAF3B,yBAE2BA,KAF3B;AAAA,MAEkCC,IAFlC,yBAEkCA,IAFlC;AAAA,8CAGIC,YAHJ,CAIMC,WAJN,CAKQC,OALR;AAAA,MAKmBC,UALnB,yBAKmBA,UALnB;AAAA,MAK+B3B,MAL/B,yBAK+BA,MAL/B;AAAA,MAKuCI,SALvC,yBAKuCA,SALvC;AAAA,MAKwDwB,SALxD,yBAKkDnB,IALlD;AAAA,MAKmEI,GALnE,yBAKmEA,GALnE;;AAWA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACO,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,cAAD;AAAQ,IAAA,KAAK,EAAEa,KAAf;AAAsB,IAAA,IAAI,EAAER,IAA5B;AAAkC,IAAA,MAAM,EAAES,MAA1C;AAAkD,IAAA,IAAI,EAAES,UAAxD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC9B,MAAM,CAACG,MAAR,EAAgBA,MAAhB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACY,IAAR,EAAc;AAAEoB,MAAAA,KAAK,EAAEP;AAAT,KAAd,EAAgCM,SAAhC,CAAb;AAAyD,IAAA,MAAM,EAAC,oBAAhE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGnB,IAAI,IAAIO,EADX,CADF,EAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACnB,MAAM,CAACgB,GAAR,EAAa;AAAEgB,MAAAA,KAAK,EAAEN;AAAT,KAAb,EAA8BV,GAA9B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAsDG,EAAtD,CAJF,CAFF,EAQE,gCAAC,sBAAD;AAAY,IAAA,QAAQ,EAAEK,WAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IARF,CADF;AAYD,CA1BM;;;AA4BPP,YAAY,CAACgB,WAAb,GAA2B,kDAA3B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { Avatar } from '../Avatar/Avatar';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { AtMentions } from '../../icons/AtMentions';\n\nimport type { SuggestionUser } from '../../contexts/suggestionsContext/SuggestionsContext';\nimport type { DefaultUserType } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  column: {\n    flex: 1,\n    justifyContent: 'space-evenly',\n    paddingLeft: 8,\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  name: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingBottom: 2,\n  },\n  tag: {\n    fontSize: 12,\n    fontWeight: '600',\n  },\n});\n\nexport type MentionsItemProps<Us extends DefaultUserType = DefaultUserType> = {\n  /**\n   * A UserResponse of suggested UserTypes with these properties\n   *\n   * - id: User ID of the suggested mention user\n   * - image: Image to be shown as the Avatar for the user\n   * - name: Name of the suggested mention user\n   */\n  item: SuggestionUser<Us>;\n};\n\nexport const MentionsItem = <Us extends DefaultUserType = DefaultUserType>({\n  item: { id, image, name, online },\n}: MentionsItemProps<Us>) => {\n  const {\n    theme: {\n      colors: { accent_blue, black, grey },\n      messageInput: {\n        suggestions: {\n          mention: { avatarSize, column, container, name: nameStyle, tag },\n        },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Avatar image={image} name={name} online={online} size={avatarSize} />\n      <View style={[styles.column, column]}>\n        <Text style={[styles.name, { color: black }, nameStyle]} testID='mentions-item-name'>\n          {name || id}\n        </Text>\n        <Text style={[styles.tag, { color: grey }, tag]}>{`@${id}`}</Text>\n      </View>\n      <AtMentions pathFill={accent_blue} />\n    </View>\n  );\n};\n\nMentionsItem.displayName = 'MentionsItem{messageInput{suggestions{mention}}}';\n"]}

package/lib/commonjs/components/AutoCompleteInput/SuggestionsList.js

@@ -1,199 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SuggestionsList = 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 _CommandsItem = require("./CommandsItem");
-
-var _EmojisItem = require("./EmojisItem");
-
-var _MentionsItem = require("./MentionsItem");
-
-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/SuggestionsList.tsx";
-
-var styles = _reactNative.StyleSheet.create({
-  emojiItem: {
-    paddingVertical: 10
-  }
-});
-
-var SuggestionsItem = function SuggestionsItem(props) {
-  var children = props.children,
-      touchableOpacityProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return _react["default"].createElement(_reactNative.TouchableOpacity, (0, _extends2["default"])({}, touchableOpacityProps, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 26,
-      columnNumber: 10
-    }
-  }), children);
-};
-
-SuggestionsItem.displayName = 'SuggestionsHeader{messageInput{suggestions}}';
-
-var isString = function isString(component) {
-  return typeof component === 'string';
-};
-
-var SuggestionsList = function SuggestionsList(props) {
-  var active = props.active,
-      Component = props.componentType,
-      _props$suggestions = props.suggestions,
-      data = _props$suggestions.data,
-      onSelect = _props$suggestions.onSelect,
-      SuggestionsTitle = props.suggestionsTitle;
-
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$messa = _useTheme.theme.messageInput.suggestions,
-      maxHeight = _useTheme$theme$messa.container.maxHeight,
-      itemStyle = _useTheme$theme$messa.item;
-
-  var renderItem = function renderItem(_ref) {
-    var index = _ref.index,
-        item = _ref.item;
-
-    if (isString(Component)) {
-      switch (Component) {
-        case 'MentionsItem':
-          if ((0, _SuggestionsContext.isSuggestionUser)(item)) {
-            return _react["default"].createElement(SuggestionsItem, {
-              onPress: function onPress() {
-                return onSelect(item);
-              },
-              style: [{
-                paddingBottom: index === data.length - 1 ? 8 : 0,
-                paddingTop: index === 0 ? 8 : 0
-              }, itemStyle],
-              __self: _this,
-              __source: {
-                fileName: _jsxFileName,
-                lineNumber: 75,
-                columnNumber: 15
-              }
-            }, _react["default"].createElement(_MentionsItem.MentionsItem, {
-              item: item,
-              __self: _this,
-              __source: {
-                fileName: _jsxFileName,
-                lineNumber: 85,
-                columnNumber: 17
-              }
-            }));
-          }
-
-          return null;
-
-        case 'CommandsItem':
-          if ((0, _SuggestionsContext.isSuggestionCommand)(item)) {
-            return _react["default"].createElement(SuggestionsItem, {
-              onPress: function onPress() {
-                return onSelect(item);
-              },
-              style: [itemStyle],
-              __self: _this,
-              __source: {
-                fileName: _jsxFileName,
-                lineNumber: 93,
-                columnNumber: 15
-              }
-            }, _react["default"].createElement(_CommandsItem.CommandsItem, {
-              item: item,
-              __self: _this,
-              __source: {
-                fileName: _jsxFileName,
-                lineNumber: 94,
-                columnNumber: 17
-              }
-            }));
-          }
-
-          return null;
-
-        case 'EmojisItem':
-          if ((0, _SuggestionsContext.isSuggestionEmoji)(item)) {
-            return _react["default"].createElement(SuggestionsItem, {
-              onPress: function onPress() {
-                return onSelect(item);
-              },
-              style: [styles.emojiItem, itemStyle],
-              __self: _this,
-              __source: {
-                fileName: _jsxFileName,
-                lineNumber: 102,
-                columnNumber: 15
-              }
-            }, _react["default"].createElement(_EmojisItem.EmojisItem, {
-              item: item,
-              __self: _this,
-              __source: {
-                fileName: _jsxFileName,
-                lineNumber: 103,
-                columnNumber: 17
-              }
-            }));
-          }
-
-          return null;
-
-        default:
-          return null;
-      }
-    }
-
-    return _react["default"].createElement(SuggestionsItem, {
-      onPress: function onPress() {
-        return onSelect(item);
-      },
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 114,
-        columnNumber: 7
-      }
-    }, _react["default"].cloneElement(Component, {
-      item: item
-    }));
-  };
-
-  if (!active || data.length === 0) return null;
-  return _react["default"].createElement(_reactNative.FlatList, {
-    data: data,
-    keyboardShouldPersistTaps: "always",
-    keyExtractor: function keyExtractor(item, index) {
-      return "" + (item.name || ((0, _SuggestionsContext.isSuggestionUser)(item) ? item.id : '')) + index;
-    },
-    ListHeaderComponent: SuggestionsTitle ? SuggestionsTitle : undefined,
-    renderItem: renderItem,
-    style: {
-      maxHeight: maxHeight
-    },
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 123,
-      columnNumber: 5
-    }
-  });
-};
-
-exports.SuggestionsList = SuggestionsList;
-SuggestionsList.displayName = 'SuggestionsList{messageInput{suggestions}}';
-//# sourceMappingURL=SuggestionsList.js.map

package/lib/commonjs/components/AutoCompleteInput/SuggestionsList.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SuggestionsList.tsx"],"names":["styles","StyleSheet","create","emojiItem","paddingVertical","SuggestionsItem","props","children","touchableOpacityProps","displayName","isString","component","SuggestionsList","active","Component","componentType","suggestions","data","onSelect","SuggestionsTitle","suggestionsTitle","theme","messageInput","maxHeight","container","itemStyle","item","renderItem","index","paddingBottom","length","paddingTop","React","cloneElement","name","id","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FlatList, StyleSheet, TouchableOpacity, TouchableOpacityProps } from 'react-native';\n\nimport { CommandsItem } from './CommandsItem';\nimport { EmojisItem } from './EmojisItem';\nimport { MentionsItem } from './MentionsItem';\n\nimport {\n  isSuggestionCommand,\n  isSuggestionEmoji,\n  isSuggestionUser,\n  Suggestion,\n  SuggestionComponentType,\n  Suggestions,\n} from '../../contexts/suggestionsContext/SuggestionsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultCommandType, DefaultUserType, UnknownType } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  emojiItem: { paddingVertical: 10 },\n});\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\nconst isString = <Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType>(\n  component: SuggestionComponentType<Co, Us>,\n): component is string => typeof component === 'string';\n\nexport type SuggestionsListProps<\n  Co extends string = DefaultCommandType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  active: boolean;\n  componentType: SuggestionComponentType<Co, Us>;\n  suggestions: Suggestions<Co, Us>;\n  suggestionsTitle?: React.ReactElement;\n};\n\nexport const SuggestionsList = <\n  Co extends string = DefaultCommandType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: SuggestionsListProps<Co, Us>,\n) => {\n  const {\n    active,\n    componentType: Component,\n    suggestions: { data, onSelect },\n    suggestionsTitle: SuggestionsTitle,\n  } = props;\n\n  const {\n    theme: {\n      messageInput: {\n        suggestions: {\n          container: { maxHeight },\n          item: itemStyle,\n        },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: Suggestion<Co, Us> }) => {\n    if (isString(Component)) {\n      switch (Component) {\n        case 'MentionsItem':\n          if (isSuggestionUser(item)) {\n            return (\n              <SuggestionsItem\n                onPress={() => onSelect(item)}\n                style={[\n                  {\n                    paddingBottom: index === data.length - 1 ? 8 : 0,\n                    paddingTop: index === 0 ? 8 : 0,\n                  },\n                  itemStyle,\n                ]}\n              >\n                <MentionsItem item={item} />\n              </SuggestionsItem>\n            );\n          }\n          return null;\n        case 'CommandsItem':\n          if (isSuggestionCommand(item)) {\n            return (\n              <SuggestionsItem onPress={() => onSelect(item)} style={[itemStyle]}>\n                <CommandsItem item={item} />\n              </SuggestionsItem>\n            );\n          }\n          return null;\n        case 'EmojisItem':\n          if (isSuggestionEmoji(item)) {\n            return (\n              <SuggestionsItem onPress={() => onSelect(item)} style={[styles.emojiItem, itemStyle]}>\n                <EmojisItem item={item} />\n              </SuggestionsItem>\n            );\n          }\n          return null;\n        default:\n          return null;\n      }\n    }\n\n    return (\n      <SuggestionsItem onPress={() => onSelect(item)}>\n        {React.cloneElement(Component, { item })}\n      </SuggestionsItem>\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={SuggestionsTitle ? SuggestionsTitle : undefined}\n      renderItem={renderItem}\n      style={{\n        maxHeight,\n      }}\n    />\n  );\n};\n\nSuggestionsList.displayName = 'SuggestionsList{messageInput{suggestions}}';\n"]}

package/lib/commonjs/components/MessageOverlay/MessageActions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MessageActions.tsx"],"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageAction","props","action","icon","index","length","title","theme","colors","black","border","opacity","onTap","onEnd","onFinish","value","onStart","animatedStyle","borderBottomColor","color","messageActionIsEqual","prevProps","nextProps","MemoizedMessageAction","React","memo","MessageActionsWithContext","alignment","messageActions","showScreen","white_snow","height","width","showScreenStyle","transform","translateY","translateX","scale","layout","nativeEvent","backgroundColor","map","messageAction","areEqual","prevAlignment","prevMessageActions","nextAlignment","nextMessageActions","messageActionsEqual","alignmentEqual","MemoizedMessageActions","MessageActions","data"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAQA;;AAKA;;AACA;;;;;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,YAAY,EAAE;AACZC,IAAAA,iBAAiB,EAAE;AADP,GADiB;AAI/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,YAAY,EAAE,EADL;AAETC,IAAAA,SAAS,EAAE,CAFF;AAGTC,IAAAA,QAAQ,EAAE;AAHD,GAJoB;AAS/BC,EAAAA,GAAG,EAAE;AACHC,IAAAA,UAAU,EAAE,QADT;AAEHC,IAAAA,aAAa,EAAE,KAFZ;AAGHC,IAAAA,cAAc,EAAE,YAHb;AAIHC,IAAAA,QAAQ,EAAE,eAAG,EAAH,CAJP;AAKHC,IAAAA,iBAAiB,EAAE,EALhB;AAMHC,IAAAA,eAAe,EAAE;AANd,GAT0B;AAiB/BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,WAAW,EAAE;AADH;AAjBmB,CAAlB,CAAf;;AA2BA,IAAMC,aAA2C,GAAG,SAA9CA,aAA8C,CAACC,KAAD,EAAW;AAC7D,MAAQC,MAAR,GAA2DD,KAA3D,CAAQC,MAAR;AAAA,MAAgBC,IAAhB,GAA2DF,KAA3D,CAAgBE,IAAhB;AAAA,MAAsBC,KAAtB,GAA2DH,KAA3D,CAAsBG,KAAtB;AAAA,MAA6BC,MAA7B,GAA2DJ,KAA3D,CAA6BI,MAA7B;AAAA,MAAqCC,KAArC,GAA2DL,KAA3D,CAAqCK,KAArC;AAAA,MAA4CR,UAA5C,GAA2DG,KAA3D,CAA4CH,UAA5C;;AAEA,kBAII,6BAJJ;AAAA,wCACES,KADF,CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,MAFrB,yBAEqBA,MAFrB;;AAMA,MAAMC,OAAO,GAAG,2CAAe,CAAf,CAAhB;AAEA,MAAMC,KAAK,GAAG,sDACZ;AACEC,IAAAA,KAAK,EAAE,iBAAM;AACX,0CAAQX,MAAR;AACD,KAHH;AAIEY,IAAAA,QAAQ,EAAE,oBAAM;AACdH,MAAAA,OAAO,CAACI,KAAR,GAAgB,CAAhB;AACD,KANH;AAOEC,IAAAA,OAAO,EAAE,mBAAM;AACbL,MAAAA,OAAO,CAACI,KAAR,GAAgB,GAAhB;AACD;AATH,GADY,EAYZ,CAACb,MAAD,CAZY,CAAd;AAeA,MAAMe,aAAa,GAAG,6CAA4B;AAAA,WAAO;AACvDN,MAAAA,OAAO,EAAEA,OAAO,CAACI;AADsC,KAAP;AAAA,GAA5B,CAAtB;AAIA,SACE,gCAAC,4CAAD;AAAmB,IAAA,oBAAoB,EAAEH,KAAzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iCAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE,CACL9B,MAAM,CAACS,GADF,EAELa,KAAK,KAAKC,MAAM,GAAG,CAAnB,iCAA4BvB,MAAM,CAACG,YAAnC;AAAiDiC,MAAAA,iBAAiB,EAAER;AAApE,SAA+E,EAF1E,EAGLO,aAHK,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOGd,IAPH,EAQE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACrB,MAAM,CAACgB,UAAR,EAAoB;AAAEqB,MAAAA,KAAK,EAAEV;AAAT,KAApB,EAAsCX,UAAtC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAiEQ,KAAjE,CARF,CADF,CADF;AAcD,CA5CD;;AA8CA,IAAMc,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,SAAD,EAAgCC,SAAhC;AAAA,SAC3BD,SAAS,CAAChB,MAAV,KAAqBiB,SAAS,CAACjB,MADJ;AAAA,CAA7B;;AAGA,IAAMkB,qBAAqB,GAAGC,kBAAMC,IAAN,CAC5BzB,aAD4B,EAE5BoB,oBAF4B,CAA9B;;AAgBA,IAAMM,yBAAyB,GAAG,SAA5BA,yBAA4B,CAShCzB,KATgC,EAU7B;AACH,MAAQ0B,SAAR,GAAkD1B,KAAlD,CAAQ0B,SAAR;AAAA,MAAmBC,cAAnB,GAAkD3B,KAAlD,CAAmB2B,cAAnB;AAAA,MAAmCC,UAAnC,GAAkD5B,KAAlD,CAAmC4B,UAAnC;;AAEA,mBAII,6BAJJ;AAAA,MAEcC,UAFd,cACEvB,KADF,CAEIC,MAFJ,CAEcsB,UAFd;;AAMA,MAAMC,MAAM,GAAG,2CAAe,CAAf,CAAf;AACA,MAAMC,KAAK,GAAG,2CAAe,CAAf,CAAd;AAEA,MAAMC,eAAe,GAAG,6CACtB;AAAA,WAAO;AACLC,MAAAA,SAAS,EAAE,CACT;AACEC,QAAAA,UAAU,EAAE,wCAAYN,UAAU,CAACd,KAAvB,EAA8B,CAAC,CAAD,EAAI,CAAJ,CAA9B,EAAsC,CAAC,CAACgB,MAAM,CAAChB,KAAR,GAAgB,CAAjB,EAAoB,CAApB,CAAtC;AADd,OADS,EAIT;AACEqB,QAAAA,UAAU,EAAE,wCACVP,UAAU,CAACd,KADD,EAEV,CAAC,CAAD,EAAI,CAAJ,CAFU,EAGV,CAACY,SAAS,KAAK,MAAd,GAAuB,CAACK,KAAK,CAACjB,KAAP,GAAe,CAAtC,GAA0CiB,KAAK,CAACjB,KAAN,GAAc,CAAzD,EAA4D,CAA5D,CAHU;AADd,OAJS,EAWT;AACEsB,QAAAA,KAAK,EAAER,UAAU,CAACd;AADpB,OAXS;AADN,KAAP;AAAA,GADsB,EAkBtB,CAACY,SAAD,CAlBsB,CAAxB;AAqBA,SACE,gCAAC,iCAAD,CAAU,IAAV;AACE,IAAA,QAAQ,EAAE,wBAAiC;AAAA,UAAfW,MAAe,QAA9BC,WAA8B,CAAfD,MAAe;AACzCN,MAAAA,KAAK,CAACjB,KAAN,GAAcuB,MAAM,CAACN,KAArB;AACAD,MAAAA,MAAM,CAAChB,KAAP,GAAeuB,MAAM,CAACP,MAAtB;AACD,KAJH;AAKE,IAAA,KAAK,EAAE,CAACjD,MAAM,CAACK,SAAR,EAAmB;AAAEqD,MAAAA,eAAe,EAAEV;AAAnB,KAAnB,EAAoDG,eAApD,CALT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOGL,cAPH,oBAOGA,cAAc,CAAEa,GAAhB,CAAoB,UAACC,aAAD,EAAgBtC,KAAhB;AAAA,WACnB,gCAAC,qBAAD;AACE,MAAA,GAAG,EAAEsC,aAAa,CAACpC;AADrB,qCAEWoC,aAFX;AAE0BtC,MAAAA,KAAK,EAALA,KAF1B;AAEiCC,MAAAA,MAAM,EAAEuB,cAAc,CAACvB;AAFxD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADmB;AAAA,GAApB,CAPH,CADF;AAgBD,CA3DD;;AA6DA,IAAMsC,QAAQ,GAAG,SAAXA,QAAW,CASftB,SATe,EAUfC,SAVe,EAWZ;AACH,MAAmBsB,aAAnB,GAAyEvB,SAAzE,CAAQM,SAAR;AAAA,MAAkDkB,kBAAlD,GAAyExB,SAAzE,CAAkCO,cAAlC;AACA,MAAmBkB,aAAnB,GAAyExB,SAAzE,CAAQK,SAAR;AAAA,MAAkDoB,kBAAlD,GAAyEzB,SAAzE,CAAkCM,cAAlC;AAEA,MAAMoB,mBAAmB,GAAG,CAAAH,kBAAkB,QAAlB,YAAAA,kBAAkB,CAAExC,MAApB,OAA+B0C,kBAA/B,oBAA+BA,kBAAkB,CAAE1C,MAAnD,CAA5B;AACA,MAAI,CAAC2C,mBAAL,EAA0B,OAAO,KAAP;AAE1B,MAAMC,cAAc,GAAGL,aAAa,KAAKE,aAAzC;AACA,MAAI,CAACG,cAAL,EAAqB,OAAO,KAAP;AAErB,SAAO,IAAP;AACD,CAtBD;;AAwBA,IAAMC,sBAAsB,GAAG1B,kBAAMC,IAAN,CAC7BC,yBAD6B,EAE7BiB,QAF6B,CAA/B;;AAmBO,IAAMQ,cAAc,GAAG,SAAjBA,cAAiB,CAS5BlD,KAT4B,EAUzB;AACH,8BAAiB,sDAAjB;AAAA,MAAQmD,IAAR,yBAAQA,IAAR;;AAEA,cAAsCA,IAAI,IAAI,EAA9C;AAAA,MAAQzB,SAAR,SAAQA,SAAR;AAAA,MAAmBC,cAAnB,SAAmBA,cAAnB;;AAEA,SAAO,gCAAC,sBAAD;AAA8BD,IAAAA,SAAS,EAATA,SAA9B;AAAyCC,IAAAA,cAAc,EAAdA;AAAzC,KAA+D3B,KAA/D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CAhBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, ViewStyle } from 'react-native';\nimport { TapGestureHandler, TapGestureHandlerStateChangeEvent } from 'react-native-gesture-handler';\nimport Animated, {\n  interpolate,\n  runOnJS,\n  useAnimatedGestureHandler,\n  useAnimatedStyle,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport {\n  MessageAction as MessageActionType,\n  MessageOverlayData,\n  useMessageOverlayContext,\n} from '../../contexts/messageOverlayContext/MessageOverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { vw } from '../../utils/utils';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\ntype MessageActionProps = MessageActionType & {\n  index: number;\n  length: number;\n};\n\nconst MessageAction: React.FC<MessageActionProps> = (props) => {\n  const { action, icon, index, length, title, titleStyle } = props;\n\n  const {\n    theme: {\n      colors: { black, border },\n    },\n  } = useTheme();\n\n  const opacity = useSharedValue(1);\n\n  const onTap = useAnimatedGestureHandler<TapGestureHandlerStateChangeEvent>(\n    {\n      onEnd: () => {\n        runOnJS(action)();\n      },\n      onFinish: () => {\n        opacity.value = 1;\n      },\n      onStart: () => {\n        opacity.value = 0.2;\n      },\n    },\n    [action],\n  );\n\n  const animatedStyle = useAnimatedStyle<ViewStyle>(() => ({\n    opacity: opacity.value,\n  }));\n\n  return (\n    <TapGestureHandler onHandlerStateChange={onTap}>\n      <Animated.View\n        style={[\n          styles.row,\n          index !== length - 1 ? { ...styles.bottomBorder, borderBottomColor: border } : {},\n          animatedStyle,\n        ]}\n      >\n        {icon}\n        <Text style={[styles.titleStyle, { color: black }, titleStyle]}>{title}</Text>\n      </Animated.View>\n    </TapGestureHandler>\n  );\n};\n\nconst messageActionIsEqual = (prevProps: MessageActionProps, nextProps: MessageActionProps) =>\n  prevProps.length === nextProps.length;\n\nconst MemoizedMessageAction = React.memo(\n  MessageAction,\n  messageActionIsEqual,\n) as typeof MessageAction;\n\nexport type MessageActionsPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<MessageOverlayData<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'messageActions'> & {\n  showScreen: Animated.SharedValue<number>;\n};\nconst MessageActionsWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: MessageActionsPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { alignment, messageActions, showScreen } = props;\n\n  const {\n    theme: {\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  const height = useSharedValue(0);\n  const width = useSharedValue(0);\n\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: interpolate(showScreen.value, [0, 1], [-height.value / 2, 0]),\n        },\n        {\n          translateX: interpolate(\n            showScreen.value,\n            [0, 1],\n            [alignment === 'left' ? -width.value / 2 : width.value / 2, 0],\n          ),\n        },\n        {\n          scale: showScreen.value,\n        },\n      ],\n    }),\n    [alignment],\n  );\n\n  return (\n    <Animated.View\n      onLayout={({ nativeEvent: { layout } }) => {\n        width.value = layout.width;\n        height.value = layout.height;\n      }}\n      style={[styles.container, { backgroundColor: white_snow }, showScreenStyle]}\n    >\n      {messageActions?.map((messageAction, index) => (\n        <MemoizedMessageAction\n          key={messageAction.title}\n          {...{ ...messageAction, index, length: messageActions.length }}\n        />\n      ))}\n    </Animated.View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: MessageActionsPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MessageActionsPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { alignment: prevAlignment, messageActions: prevMessageActions } = prevProps;\n  const { alignment: nextAlignment, messageActions: nextMessageActions } = nextProps;\n\n  const messageActionsEqual = prevMessageActions?.length === nextMessageActions?.length;\n  if (!messageActionsEqual) return false;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageActions = React.memo(\n  MessageActionsWithContext,\n  areEqual,\n) as typeof MessageActionsWithContext;\n\nexport type MessageActionsProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<Omit<MessageActionsPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'showScreen'>> &\n  Pick<MessageActionsPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'showScreen'>;\n\n/**\n * MessageActions - A high level component which implements all the logic required for MessageActions\n */\nexport const MessageActions = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: MessageActionsProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { data } = useMessageOverlayContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const { alignment, messageActions } = data || {};\n\n  return <MemoizedMessageActions {...{ alignment, messageActions }} {...props} />;\n};\n"]}

package/lib/commonjs/icons/Left.js

@@ -1,38 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Left = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _base = require("./utils/base");
-
-var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Left.tsx";
-
-var Left = function Left(props) {
-  return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 6,
-      columnNumber: 3
-    }
-  }), _react["default"].createElement(_base.RootPath, (0, _extends2["default"])({
-    d: "M15.694 18.694a1.043 1.043 0 000-1.476L10.47 12l5.224-5.218a1.043 1.043 0 000-1.476 1.046 1.046 0 00-1.478 0l-5.91 5.904a1.04 1.04 0 00-.305.79 1.04 1.04 0 00.305.79l5.91 5.904c.408.408 1.07.408 1.478 0z"
-  }, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 7,
-      columnNumber: 5
-    }
-  })));
-};
-
-exports.Left = Left;
-//# sourceMappingURL=Left.js.map

package/lib/commonjs/icons/Left.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Left.tsx"],"names":["Left","props"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;AAEO,IAAMA,IAAyB,GAAG,SAA5BA,IAA4B,CAACC,KAAD;AAAA,SACvC,gCAAC,aAAD,gCAAaA,KAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACE,gCAAC,cAAD;AACE,IAAA,CAAC,EAAC;AADJ,KAEMA,KAFN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF,CADuC;AAAA,CAAlC","sourcesContent":["import React from 'react';\n\nimport { IconProps, RootPath, RootSvg } from './utils/base';\n\nexport const Left: React.FC<IconProps> = (props) => (\n  <RootSvg {...props}>\n    <RootPath\n      d='M15.694 18.694a1.043 1.043 0 000-1.476L10.47 12l5.224-5.218a1.043 1.043 0 000-1.476 1.046 1.046 0 00-1.478 0l-5.91 5.904a1.04 1.04 0 00-.305.79 1.04 1.04 0 00.305.79l5.91 5.904c.408.408 1.07.408 1.478 0z'\n      {...props}\n    />\n  </RootSvg>\n);\n"]}

package/lib/commonjs/icons/Right.js

@@ -1,38 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Right = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _base = require("./utils/base");
-
-var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Right.tsx";
-
-var Right = function Right(props) {
-  return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 6,
-      columnNumber: 3
-    }
-  }), _react["default"].createElement(_base.RootPath, (0, _extends2["default"])({
-    d: "M8.306 18.694c.408.408 1.07.408 1.478 0l5.913-5.9A1.04 1.04 0 0016 11.97a1.04 1.04 0 00-.306-.761l-5.91-5.904a1.046 1.046 0 00-1.478 0 1.043 1.043 0 000 1.476l5.227 5.22-5.227 5.217a1.042 1.042 0 000 1.475z"
-  }, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 7,
-      columnNumber: 5
-    }
-  })));
-};
-
-exports.Right = Right;
-//# sourceMappingURL=Right.js.map

package/lib/commonjs/icons/Right.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Right.tsx"],"names":["Right","props"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;AAEO,IAAMA,KAA0B,GAAG,SAA7BA,KAA6B,CAACC,KAAD;AAAA,SACxC,gCAAC,aAAD,gCAAaA,KAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACE,gCAAC,cAAD;AACE,IAAA,CAAC,EAAC;AADJ,KAEMA,KAFN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF,CADwC;AAAA,CAAnC","sourcesContent":["import React from 'react';\n\nimport { IconProps, RootPath, RootSvg } from './utils/base';\n\nexport const Right: React.FC<IconProps> = (props) => (\n  <RootSvg {...props}>\n    <RootPath\n      d='M8.306 18.694c.408.408 1.07.408 1.478 0l5.913-5.9A1.04 1.04 0 0016 11.97a1.04 1.04 0 00-.306-.761l-5.91-5.904a1.046 1.046 0 00-1.478 0 1.043 1.043 0 000 1.476l5.227 5.22-5.227 5.217a1.042 1.042 0 000 1.475z'\n      {...props}\n    />\n  </RootSvg>\n);\n"]}

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

@@ -1,78 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CommandsHeader = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
-var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
-var _Lightning = require("../../icons/Lightning");
-
-var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/CommandsHeader.tsx";
-
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    padding: 8
-  },
-  title: {
-    fontSize: 14,
-    paddingLeft: 8
-  }
-});
-
-var CommandsHeader = function CommandsHeader() {
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      grey = _useTheme$theme$color.grey,
-      _useTheme$theme$messa = _useTheme$theme.messageInput.suggestions.commandsHeader,
-      container = _useTheme$theme$messa.container,
-      title = _useTheme$theme$messa.title;
-
-  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
-  return _react["default"].createElement(_reactNative.View, {
-    style: [styles.container, container],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 34,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_Lightning.Lightning, {
-    pathFill: accent_blue,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 35,
-      columnNumber: 7
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.title, {
-      color: grey
-    }, title],
-    testID: "commands-header-title",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 36,
-      columnNumber: 7
-    }
-  }, t('Instant Commands')));
-};
-
-exports.CommandsHeader = CommandsHeader;
-CommandsHeader.displayName = 'CommandsHeader{messageInput{suggestions{commandsHeader}}}';
-//# sourceMappingURL=CommandsHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["CommandsHeader.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","padding","title","fontSize","paddingLeft","CommandsHeader","theme","colors","accent_blue","grey","messageInput","suggestions","commandsHeader","t","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,aAAa,EAAE,KAFN;AAGTC,IAAAA,OAAO,EAAE;AAHA,GADoB;AAM/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,EADL;AAELC,IAAAA,WAAW,EAAE;AAFR;AANwB,CAAlB,CAAf;;AAYO,IAAMC,cAAwB,GAAG,SAA3BA,cAA2B,GAAM;AAC5C,kBASI,6BATJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,IAF3B,yBAE2BA,IAF3B;AAAA,8CAGIC,YAHJ,CAIMC,WAJN,CAKQC,cALR;AAAA,MAK0Bd,SAL1B,yBAK0BA,SAL1B;AAAA,MAKqCI,KALrC,yBAKqCA,KALrC;;AAUA,8BAAc,gDAAd;AAAA,MAAQW,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAClB,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,oBAAD;AAAW,IAAA,QAAQ,EAAEU,WAArB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACb,MAAM,CAACO,KAAR,EAAe;AAAEY,MAAAA,KAAK,EAAEL;AAAT,KAAf,EAAgCP,KAAhC,CAAb;AAAqD,IAAA,MAAM,EAAC,uBAA5D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGW,CAAC,CAAC,kBAAD,CADJ,CAFF,CADF;AAQD,CArBM;;;AAuBPR,cAAc,CAACU,WAAf,GAA6B,2DAA7B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Lightning } from '../../icons/Lightning';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    padding: 8,\n  },\n  title: {\n    fontSize: 14,\n    paddingLeft: 8,\n  },\n});\n\nexport const CommandsHeader: React.FC = () => {\n  const {\n    theme: {\n      colors: { accent_blue, grey },\n      messageInput: {\n        suggestions: {\n          commandsHeader: { container, title },\n        },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Lightning pathFill={accent_blue} />\n      <Text style={[styles.title, { color: grey }, title]} testID='commands-header-title'>\n        {t('Instant Commands')}\n      </Text>\n    </View>\n  );\n};\n\nCommandsHeader.displayName = 'CommandsHeader{messageInput{suggestions{commandsHeader}}}';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["CommandsItem.tsx"],"names":["styles","StyleSheet","create","args","fontSize","container","alignItems","flexDirection","paddingHorizontal","paddingVertical","iconContainer","borderRadius","height","justifyContent","marginRight","width","title","fontWeight","paddingRight","Icon","name","theme","colors","accent_blue","white","messageInput","suggestions","command","backgroundColor","CommandsItem","item","black","grey","argsStyle","color","replace","char","toUpperCase","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Flag, GiphyIcon, Imgur, Lightning, Mute, Sound, UserAdd, UserDelete } from '../../icons';\n\nimport type { SuggestionCommand } from '../../contexts/suggestionsContext/SuggestionsContext';\nimport type { DefaultCommandType } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  args: {\n    fontSize: 14,\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  iconContainer: {\n    alignItems: 'center',\n    borderRadius: 12,\n    height: 24,\n    justifyContent: 'center',\n    marginRight: 8,\n    width: 24,\n  },\n  title: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingRight: 8,\n  },\n});\n\nconst Icon = <Co extends string = DefaultCommandType>({\n  name,\n}: {\n  name: SuggestionCommand<Co>['name'];\n}) => {\n  const {\n    theme: {\n      colors: { accent_blue, white },\n      messageInput: {\n        suggestions: {\n          command: { iconContainer },\n        },\n      },\n    },\n  } = useTheme();\n  switch (name) {\n    case 'ban':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <UserDelete height={16} pathFill={white} width={16} />\n        </View>\n      );\n    case 'flag':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Flag pathFill={white} />\n        </View>\n      );\n    case 'giphy':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <GiphyIcon />\n        </View>\n      );\n    case 'imgur':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Imgur />\n        </View>\n      );\n    case 'mute':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Mute height={16} pathFill={white} width={16} />\n        </View>\n      );\n    case 'unban':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <UserAdd height={16} pathFill={white} width={16} />\n        </View>\n      );\n    case 'unmute':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Sound pathFill={white} />\n        </View>\n      );\n    default:\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Lightning height={16} pathFill={white} width={16} />\n        </View>\n      );\n  }\n};\n\nexport type CommandsItemProps<Co extends string = DefaultCommandType> = {\n  /**\n   * A CommandResponse of suggested CommandTypes with these properties\n   *\n   * - args: Arguments which can be passed to the command\n   * - name: Name of the command\n   */\n  item: SuggestionCommand<Co>;\n};\n\nexport const CommandsItem = <Co extends string = DefaultCommandType>({\n  item: { args, name },\n}: CommandsItemProps<Co>) => {\n  const {\n    theme: {\n      colors: { black, grey },\n      messageInput: {\n        suggestions: {\n          command: { args: argsStyle, container, title },\n        },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Icon name={name} />\n      <Text style={[styles.title, { color: black }, title]} testID='commands-item-title'>\n        {(name || '').replace(/^\\w/, (char) => char.toUpperCase())}\n      </Text>\n      <Text style={[styles.args, { color: grey }, argsStyle]} testID='commands-item-args'>\n        {`/${name} ${args}`}\n      </Text>\n    </View>\n  );\n};\n\nCommandsItem.displayName = 'CommandsItem{messageInput{suggestions{command}}}';\n"]}

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

@@ -1,81 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmojisHeader = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
-var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
-var _Smile = require("../../icons/Smile");
-
-var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/EmojisHeader.tsx";
-
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    padding: 8
-  },
-  title: {
-    fontSize: 14,
-    paddingLeft: 8
-  }
-});
-
-var EmojisHeader = function EmojisHeader(_ref) {
-  var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title;
-
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      grey = _useTheme$theme$color.grey,
-      _useTheme$theme$messa = _useTheme$theme.messageInput.suggestions.emojisHeader,
-      container = _useTheme$theme$messa.container,
-      titleStyle = _useTheme$theme$messa.title;
-
-  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
-  return _react["default"].createElement(_reactNative.View, {
-    style: [styles.container, container],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 36,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_Smile.Smile, {
-    pathFill: accent_blue,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 37,
-      columnNumber: 7
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.title, {
-      color: grey
-    }, titleStyle],
-    testID: "emojis-header-title",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 38,
-      columnNumber: 7
-    }
-  }, t('Emoji matching') + (" \"" + title + "\"")));
-};
-
-exports.EmojisHeader = EmojisHeader;
-EmojisHeader.displayName = 'EmojisHeader{messageInput{suggestions{emojisHeader}}}';
-//# sourceMappingURL=EmojisHeader.js.map