stream-chat-react-native-core 4.0.0 → 4.1.0

package/lib/commonjs/styleguideComponents/Wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Wrapper.tsx"],"names":["Wrapper","children"],"mappings":";;;;;;;AAAA;;AACA;;;;;AAEA,IAAMA,OAAiB,GAAG,SAApBA,OAAoB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,SAAkB,gCAAC,2BAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAgBA,QAAhB,CAAlB;AAAA,CAA1B;;eAEeD,O","sourcesContent":["import React from 'react';\nimport { ThemeProvider } from '../contexts/themeContext/ThemeContext';\n\nconst Wrapper: React.FC = ({ children }) => <ThemeProvider>{children}</ThemeProvider>;\n\nexport default Wrapper;\n"]}

package/lib/commonjs/styleguideComponents/register-react-native-web.js

@@ -1,44 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _ = require("..");
-
-var NetInfo = {
-  addEventListener: function addEventListener() {},
-  fetch: function () {
-    var _fetch = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return undefined;
-
-            case 2:
-              return _context.abrupt("return", true);
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    function fetch() {
-      return _fetch.apply(this, arguments);
-    }
-
-    return fetch;
-  }()
-};
-(0, _.registerNativeHandlers)({
-  BlurView: function BlurView() {
-    return null;
-  },
-  NetInfo: NetInfo
-});
-//# sourceMappingURL=register-react-native-web.js.map

package/lib/commonjs/styleguideComponents/register-react-native-web.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["register-react-native-web.js"],"names":["NetInfo","addEventListener","fetch","undefined","BlurView"],"mappings":";;;;;;AAAA;;AAEA,IAAMA,OAAO,GAAG;AACdC,EAAAA,gBAAgB,EAAE,4BAAM,CAAE,CADZ;AAEdC,EAAAA,KAAK;AAAA,iFAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBACCC,SADD;;AAAA;AAAA,+CAEE,IAFF;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAF;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAFS,CAAhB;AAOA,8BAAuB;AACrBC,EAAAA,QAAQ,EAAE;AAAA,WAAM,IAAN;AAAA,GADW;AAErBJ,EAAAA,OAAO,EAAPA;AAFqB,CAAvB","sourcesContent":["import { registerNativeHandlers } from '..';\n\nconst NetInfo = {\n  addEventListener: () => {},\n  fetch: async () => {\n    await undefined;\n    return true;\n  },\n};\nregisterNativeHandlers({\n  BlurView: () => null,\n  NetInfo,\n});\n"]}

package/lib/commonjs/styleguideComponents/resolveAssetSource.js

@@ -1,11 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveAssetSource = void 0;
-
-var resolveAssetSource = function resolveAssetSource() {
-  return null;
-};
-
-exports.resolveAssetSource = resolveAssetSource;
-//# sourceMappingURL=resolveAssetSource.js.map

package/lib/commonjs/styleguideComponents/resolveAssetSource.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["resolveAssetSource.js"],"names":["resolveAssetSource"],"mappings":";;;;;AAAA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,IAAN;AAAA,CAA3B","sourcesContent":["const resolveAssetSource = () => null;\nexport { resolveAssetSource };\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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["EmojisHeader.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","padding","title","fontSize","paddingLeft","EmojisHeader","theme","colors","accent_blue","grey","messageInput","suggestions","emojisHeader","titleStyle","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;;AAcO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAAoB;AAAA,wBAAjBH,KAAiB;AAAA,MAAjBA,KAAiB,2BAAT,EAAS;;AAC3E,kBASI,6BATJ;AAAA,kCACEI,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,IAF3B,yBAE2BA,IAF3B;AAAA,8CAGIC,YAHJ,CAIMC,WAJN,CAKQC,YALR;AAAA,MAKwBd,SALxB,yBAKwBA,SALxB;AAAA,MAK0Ce,UAL1C,yBAKmCX,KALnC;;AAUA,8BAAc,gDAAd;AAAA,MAAQY,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACnB,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,YAAD;AAAO,IAAA,QAAQ,EAAEU,WAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACb,MAAM,CAACO,KAAR,EAAe;AAAEa,MAAAA,KAAK,EAAEN;AAAT,KAAf,EAAgCI,UAAhC,CAAb;AAA0D,IAAA,MAAM,EAAC,qBAAjE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGC,CAAC,CAAC,gBAAD,CAAD,YAA2BZ,KAA3B,QADH,CAFF,CADF;AAQD,CArBM;;;AAuBPG,YAAY,CAACW,WAAb,GAA2B,uDAA3B","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 { Smile } from '../../icons/Smile';\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 type EmojisHeaderProps = { title: string };\n\nexport const EmojisHeader: React.FC<EmojisHeaderProps> = ({ title = '' }) => {\n  const {\n    theme: {\n      colors: { accent_blue, grey },\n      messageInput: {\n        suggestions: {\n          emojisHeader: { container, title: titleStyle },\n        },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Smile pathFill={accent_blue} />\n      <Text style={[styles.title, { color: grey }, titleStyle]} testID='emojis-header-title'>\n        {t('Emoji matching') + ` \"${title}\"`}\n      </Text>\n    </View>\n  );\n};\n\nEmojisHeader.displayName = 'EmojisHeader{messageInput{suggestions{emojisHeader}}}';\n"]}

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

@@ -1,75 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmojisItem = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
-var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/EmojisItem.tsx";
-
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    paddingHorizontal: 10
-  },
-  text: {
-    fontSize: 14
-  }
-});
-
-var EmojisItem = function EmojisItem(_ref) {
-  var _ref$item = _ref.item,
-      name = _ref$item.name,
-      unicode = _ref$item.unicode;
-
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      black = _useTheme$theme.colors.black,
-      _useTheme$theme$messa = _useTheme$theme.messageInput.suggestions.emoji,
-      container = _useTheme$theme$messa.container,
-      text = _useTheme$theme$messa.text;
-
-  return _react["default"].createElement(_reactNative.View, {
-    style: [styles.container, container],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 41,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_reactNative.Text, {
-    style: [styles.text, {
-      color: black
-    }, text],
-    testID: "emojis-item-unicode",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 42,
-      columnNumber: 7
-    }
-  }, unicode), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.text, {
-      color: black
-    }, text],
-    testID: "emojis-item-name",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 45,
-      columnNumber: 7
-    }
-  }, " " + name));
-};
-
-exports.EmojisItem = EmojisItem;
-EmojisItem.displayName = 'EmojisItem{messageInput{suggestions{emoji}}}';
-//# sourceMappingURL=EmojisItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["EmojisItem.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","paddingHorizontal","text","fontSize","EmojisItem","item","name","unicode","theme","black","colors","messageInput","suggestions","emoji","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;AAGA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,aAAa,EAAE,KAFN;AAGTC,IAAAA,iBAAiB,EAAE;AAHV,GADoB;AAM/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE;AADN;AANyB,CAAlB,CAAf;;AAqBO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAAiC;AAAA,uBAA9BC,IAA8B;AAAA,MAAtBC,IAAsB,aAAtBA,IAAsB;AAAA,MAAhBC,OAAgB,aAAhBA,OAAgB;;AACpF,kBASI,6BATJ;AAAA,kCACEC,KADF;AAAA,MAEcC,KAFd,mBAEIC,MAFJ,CAEcD,KAFd;AAAA,8CAGIE,YAHJ,CAIMC,WAJN,CAKQC,KALR;AAAA,MAKiBf,SALjB,yBAKiBA,SALjB;AAAA,MAK4BI,IAL5B,yBAK4BA,IAL5B;;AAWA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACP,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACO,IAAR,EAAc;AAAEY,MAAAA,KAAK,EAAEL;AAAT,KAAd,EAAgCP,IAAhC,CAAb;AAAoD,IAAA,MAAM,EAAC,qBAA3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,OADH,CADF,EAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACZ,MAAM,CAACO,IAAR,EAAc;AAAEY,MAAAA,KAAK,EAAEL;AAAT,KAAd,EAAgCP,IAAhC,CAAb;AAAoD,IAAA,MAAM,EAAC,kBAA3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACOI,IADP,CAJF,CADF;AAUD,CAtBM;;;AAwBPF,UAAU,CAACW,WAAX,GAAyB,8CAAzB","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { Emoji } from '../../emoji-data/compiled';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 10,\n  },\n  text: {\n    fontSize: 14,\n  },\n});\n\nexport type EmojisItemProps = {\n  /**\n   * A EmojiResponse of suggested EmojiTypes with these properties\n   *\n   * - name: Name of emoji\n   * - unicode: Emoji unicode value\n   */\n  item: Emoji;\n};\n\nexport const EmojisItem: React.FC<EmojisItemProps> = ({ item: { name, unicode } }) => {\n  const {\n    theme: {\n      colors: { black },\n      messageInput: {\n        suggestions: {\n          emoji: { container, text },\n        },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Text style={[styles.text, { color: black }, text]} testID='emojis-item-unicode'>\n        {unicode}\n      </Text>\n      <Text style={[styles.text, { color: black }, text]} testID='emojis-item-name'>\n        {` ${name}`}\n      </Text>\n    </View>\n  );\n};\n\nEmojisItem.displayName = 'EmojisItem{messageInput{suggestions{emoji}}}';\n"]}

package/lib/module/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/module/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"]}