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

package/lib/commonjs/components/AttachmentPicker/components/AttachmentSelectionBar.js

@@ -1,31 +1,19 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AttachmentSelectionBar = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _AttachmentPickerContext = require("../../../contexts/attachmentPickerContext/AttachmentPickerContext");
-
 var _MessageInputContext = require("../../../contexts/messageInputContext/MessageInputContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _native = require("../../../native");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentSelectionBar.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentSelectionBar.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -36,29 +24,25 @@ var styles = _reactNative.StyleSheet.create({
     marginHorizontal: 12
   }
 });
-
 var AttachmentSelectionBar = function AttachmentSelectionBar() {
   var _useAttachmentPickerC = (0, _AttachmentPickerContext.useAttachmentPickerContext)(),
-      attachmentSelectionBarHeight = _useAttachmentPickerC.attachmentSelectionBarHeight,
-      CameraSelectorIcon = _useAttachmentPickerC.CameraSelectorIcon,
-      closePicker = _useAttachmentPickerC.closePicker,
-      FileSelectorIcon = _useAttachmentPickerC.FileSelectorIcon,
-      ImageSelectorIcon = _useAttachmentPickerC.ImageSelectorIcon,
-      selectedPicker = _useAttachmentPickerC.selectedPicker,
-      setSelectedImages = _useAttachmentPickerC.setSelectedImages,
-      setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
-
+    attachmentSelectionBarHeight = _useAttachmentPickerC.attachmentSelectionBarHeight,
+    CameraSelectorIcon = _useAttachmentPickerC.CameraSelectorIcon,
+    closePicker = _useAttachmentPickerC.closePicker,
+    FileSelectorIcon = _useAttachmentPickerC.FileSelectorIcon,
+    ImageSelectorIcon = _useAttachmentPickerC.ImageSelectorIcon,
+    selectedPicker = _useAttachmentPickerC.selectedPicker,
+    setSelectedImages = _useAttachmentPickerC.setSelectedImages,
+    setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-      compressImageQuality = _useMessageInputConte.compressImageQuality,
-      hasFilePicker = _useMessageInputConte.hasFilePicker,
-      imageUploads = _useMessageInputConte.imageUploads,
-      pickFile = _useMessageInputConte.pickFile;
-
+    compressImageQuality = _useMessageInputConte.compressImageQuality,
+    hasFilePicker = _useMessageInputConte.hasFilePicker,
+    imageUploads = _useMessageInputConte.imageUploads,
+    pickFile = _useMessageInputConte.pickFile;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$attac = _useTheme.theme.attachmentSelectionBar,
-      container = _useTheme$theme$attac.container,
-      icon = _useTheme$theme$attac.icon;
-
+    _useTheme$theme$attac = _useTheme.theme.attachmentSelectionBar,
+    container = _useTheme$theme$attac.container,
+    icon = _useTheme$theme$attac.icon;
   var setPicker = function setPicker(selection) {
     if (selectedPicker === selection) {
       setSelectedPicker(undefined);
@@ -67,49 +51,40 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
       setSelectedPicker(selection);
     }
   };
-
   var openFilePicker = function openFilePicker() {
     setSelectedPicker(undefined);
     closePicker();
     pickFile();
   };
-
   var takeAndUploadImage = function () {
     var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
       var photo;
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setSelectedPicker(undefined);
-              closePicker();
-              _context.next = 4;
-              return (0, _native.takePhoto)({
-                compressImageQuality: compressImageQuality
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setSelectedPicker(undefined);
+            closePicker();
+            _context.next = 4;
+            return (0, _native.takePhoto)({
+              compressImageQuality: compressImageQuality
+            });
+          case 4:
+            photo = _context.sent;
+            if (!photo.cancelled) {
+              setSelectedImages(function (images) {
+                return [].concat((0, _toConsumableArray2["default"])(images), [photo]);
               });
-
-            case 4:
-              photo = _context.sent;
-
-              if (!photo.cancelled) {
-                setSelectedImages(function (images) {
-                  return [].concat((0, _toConsumableArray2["default"])(images), [photo]);
-                });
-              }
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
+            }
+          case 6:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function takeAndUploadImage() {
       return _ref.apply(this, arguments);
     };
   }();
-
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, container, {
       height: attachmentSelectionBarHeight != null ? attachmentSelectionBarHeight : 52
@@ -214,6 +189,5 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
     }
   }))));
 };
-
 exports.AttachmentSelectionBar = AttachmentSelectionBar;
 //# sourceMappingURL=AttachmentSelectionBar.js.map

package/lib/commonjs/components/AttachmentPicker/components/AttachmentSelectionBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentSelectionBar.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","paddingHorizontal","icon","marginHorizontal","AttachmentSelectionBar","attachmentSelectionBarHeight","CameraSelectorIcon","closePicker","FileSelectorIcon","ImageSelectorIcon","selectedPicker","setSelectedImages","setSelectedPicker","compressImageQuality","hasFilePicker","imageUploads","pickFile","theme","attachmentSelectionBar","setPicker","selection","undefined","openFilePicker","takeAndUploadImage","photo","cancelled","images","height","bottom","top","length"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, TouchableOpacity, View } from 'react-native';\n\nimport { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { takePhoto } from '../../../native';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 6,\n  },\n  icon: {\n    marginHorizontal: 12,\n  },\n});\n\nexport const AttachmentSelectionBar: React.FC = () => {\n  const {\n    attachmentSelectionBarHeight,\n    CameraSelectorIcon,\n    closePicker,\n    FileSelectorIcon,\n    ImageSelectorIcon,\n    selectedPicker,\n    setSelectedImages,\n    setSelectedPicker,\n  } = useAttachmentPickerContext();\n\n  const { compressImageQuality, hasFilePicker, imageUploads, pickFile } = useMessageInputContext();\n\n  const {\n    theme: {\n      attachmentSelectionBar: { container, icon },\n    },\n  } = useTheme();\n\n  const setPicker = (selection: 'images') => {\n    if (selectedPicker === selection) {\n      setSelectedPicker(undefined);\n      closePicker();\n    } else {\n      setSelectedPicker(selection);\n    }\n  };\n\n  const openFilePicker = () => {\n    setSelectedPicker(undefined);\n    closePicker();\n    pickFile();\n  };\n\n  const takeAndUploadImage = async () => {\n    setSelectedPicker(undefined);\n    closePicker();\n    const photo = await takePhoto({ compressImageQuality });\n    if (!photo.cancelled) {\n      setSelectedImages((images) => [...images, photo]);\n    }\n  };\n\n  return (\n    <View style={[styles.container, container, { height: attachmentSelectionBarHeight ?? 52 }]}>\n      <TouchableOpacity\n        hitSlop={{ bottom: 15, top: 15 }}\n        onPress={() => setPicker('images')}\n        testID='upload-photo-touchable'\n      >\n        <View style={[styles.icon, icon]}>\n          <ImageSelectorIcon\n            numberOfImageUploads={imageUploads.length}\n            selectedPicker={selectedPicker}\n          />\n        </View>\n      </TouchableOpacity>\n      {hasFilePicker && (\n        <TouchableOpacity\n          hitSlop={{ bottom: 15, top: 15 }}\n          onPress={openFilePicker}\n          testID='upload-file-touchable'\n        >\n          <View style={[styles.icon, icon]}>\n            <FileSelectorIcon\n              numberOfImageUploads={imageUploads.length}\n              selectedPicker={selectedPicker}\n            />\n          </View>\n        </TouchableOpacity>\n      )}\n      <TouchableOpacity\n        hitSlop={{ bottom: 15, top: 15 }}\n        onPress={takeAndUploadImage}\n        testID='take-photo-touchable'\n      >\n        <View style={[styles.icon, icon]}>\n          <CameraSelectorIcon\n            numberOfImageUploads={imageUploads.length}\n            selectedPicker={selectedPicker}\n          />\n        </View>\n      </TouchableOpacity>\n    </View>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","flexDirection","paddingHorizontal","icon","marginHorizontal","AttachmentSelectionBar","useAttachmentPickerContext","attachmentSelectionBarHeight","CameraSelectorIcon","closePicker","FileSelectorIcon","ImageSelectorIcon","selectedPicker","setSelectedImages","setSelectedPicker","useMessageInputContext","compressImageQuality","hasFilePicker","imageUploads","pickFile","useTheme","theme","attachmentSelectionBar","setPicker","selection","undefined","openFilePicker","takeAndUploadImage","takePhoto","photo","cancelled","images","height","bottom","top","length"],"sources":["AttachmentSelectionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, TouchableOpacity, View } from 'react-native';\n\nimport { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { takePhoto } from '../../../native';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 6,\n  },\n  icon: {\n    marginHorizontal: 12,\n  },\n});\n\nexport const AttachmentSelectionBar: React.FC = () => {\n  const {\n    attachmentSelectionBarHeight,\n    CameraSelectorIcon,\n    closePicker,\n    FileSelectorIcon,\n    ImageSelectorIcon,\n    selectedPicker,\n    setSelectedImages,\n    setSelectedPicker,\n  } = useAttachmentPickerContext();\n\n  const { compressImageQuality, hasFilePicker, imageUploads, pickFile } = useMessageInputContext();\n\n  const {\n    theme: {\n      attachmentSelectionBar: { container, icon },\n    },\n  } = useTheme();\n\n  const setPicker = (selection: 'images') => {\n    if (selectedPicker === selection) {\n      setSelectedPicker(undefined);\n      closePicker();\n    } else {\n      setSelectedPicker(selection);\n    }\n  };\n\n  const openFilePicker = () => {\n    setSelectedPicker(undefined);\n    closePicker();\n    pickFile();\n  };\n\n  const takeAndUploadImage = async () => {\n    setSelectedPicker(undefined);\n    closePicker();\n    const photo = await takePhoto({ compressImageQuality });\n    if (!photo.cancelled) {\n      setSelectedImages((images) => [...images, photo]);\n    }\n  };\n\n  return (\n    <View style={[styles.container, container, { height: attachmentSelectionBarHeight ?? 52 }]}>\n      <TouchableOpacity\n        hitSlop={{ bottom: 15, top: 15 }}\n        onPress={() => setPicker('images')}\n        testID='upload-photo-touchable'\n      >\n        <View style={[styles.icon, icon]}>\n          <ImageSelectorIcon\n            numberOfImageUploads={imageUploads.length}\n            selectedPicker={selectedPicker}\n          />\n        </View>\n      </TouchableOpacity>\n      {hasFilePicker && (\n        <TouchableOpacity\n          hitSlop={{ bottom: 15, top: 15 }}\n          onPress={openFilePicker}\n          testID='upload-file-touchable'\n        >\n          <View style={[styles.icon, icon]}>\n            <FileSelectorIcon\n              numberOfImageUploads={imageUploads.length}\n              selectedPicker={selectedPicker}\n            />\n          </View>\n        </TouchableOpacity>\n      )}\n      <TouchableOpacity\n        hitSlop={{ bottom: 15, top: 15 }}\n        onPress={takeAndUploadImage}\n        testID='take-photo-touchable'\n      >\n        <View style={[styles.icon, icon]}>\n          <CameraSelectorIcon\n            numberOfImageUploads={imageUploads.length}\n            selectedPicker={selectedPicker}\n          />\n        </View>\n      </TouchableOpacity>\n    </View>\n  );\n};\n"],"mappings":"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"}

package/lib/commonjs/components/AttachmentPicker/components/CameraSelectorIcon.js

@@ -1,23 +1,16 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CameraSelectorIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/CameraSelectorIcon.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/CameraSelectorIcon.tsx";
 var CameraSelectorIcon = function CameraSelectorIcon() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      grey = _useTheme.theme.colors.grey;
-
+    grey = _useTheme.theme.colors.grey;
   return _react["default"].createElement(_icons.Camera, {
     pathFill: grey,
     __self: _this,
@@ -28,6 +21,5 @@ var CameraSelectorIcon = function CameraSelectorIcon() {
     }
   });
 };
-
 exports.CameraSelectorIcon = CameraSelectorIcon;
 //# sourceMappingURL=CameraSelectorIcon.js.map

package/lib/commonjs/components/AttachmentPicker/components/CameraSelectorIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CameraSelectorIcon.tsx"],"names":["CameraSelectorIcon","grey","theme","colors"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;AAEO,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA+B,GAAM;AAChD,kBAII,6BAJJ;AAAA,MAEcC,IAFd,aACEC,KADF,CAEIC,MAFJ,CAEcF,IAFd;;AAMA,SAAO,gCAAC,aAAD;AAAQ,IAAA,QAAQ,EAAEA,IAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CARM","sourcesContent":["import React from 'react';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Camera } from '../../../icons';\n\nexport const CameraSelectorIcon: React.FC = () => {\n  const {\n    theme: {\n      colors: { grey },\n    },\n  } = useTheme();\n\n  return <Camera pathFill={grey} />;\n};\n"]}
+{"version":3,"names":["CameraSelectorIcon","useTheme","grey","theme","colors"],"sources":["CameraSelectorIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Camera } from '../../../icons';\n\nexport const CameraSelectorIcon: React.FC = () => {\n  const {\n    theme: {\n      colors: { grey },\n    },\n  } = useTheme();\n\n  return <Camera pathFill={grey} />;\n};\n"],"mappings":";;;;;AAAA;AAEA;AACA;AAAwC;EAAA;AAEjC,IAAMA,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EAChD,gBAII,IAAAC,sBAAQ,GAAE;IAFAC,IAAI,aADhBC,KAAK,CACHC,MAAM,CAAIF,IAAI;EAIlB,OAAO,gCAAC,aAAM;IAAC,QAAQ,EAAEA,IAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG;AACnC,CAAC;AAAC"}

package/lib/commonjs/components/AttachmentPicker/components/FileSelectorIcon.js

@@ -1,23 +1,16 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileSelectorIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/FileSelectorIcon.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/FileSelectorIcon.tsx";
 var FileSelectorIcon = function FileSelectorIcon() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      grey = _useTheme.theme.colors.grey;
-
+    grey = _useTheme.theme.colors.grey;
   return _react["default"].createElement(_icons.Folder, {
     pathFill: grey,
     __self: _this,
@@ -28,6 +21,5 @@ var FileSelectorIcon = function FileSelectorIcon() {
     }
   });
 };
-
 exports.FileSelectorIcon = FileSelectorIcon;
 //# sourceMappingURL=FileSelectorIcon.js.map

package/lib/commonjs/components/AttachmentPicker/components/FileSelectorIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileSelectorIcon.tsx"],"names":["FileSelectorIcon","grey","theme","colors"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;AAEO,IAAMA,gBAA0B,GAAG,SAA7BA,gBAA6B,GAAM;AAC9C,kBAII,6BAJJ;AAAA,MAEcC,IAFd,aACEC,KADF,CAEIC,MAFJ,CAEcF,IAFd;;AAMA,SAAO,gCAAC,aAAD;AAAQ,IAAA,QAAQ,EAAEA,IAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CARM","sourcesContent":["import React from 'react';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Folder } from '../../../icons';\n\nexport const FileSelectorIcon: React.FC = () => {\n  const {\n    theme: {\n      colors: { grey },\n    },\n  } = useTheme();\n\n  return <Folder pathFill={grey} />;\n};\n"]}
+{"version":3,"names":["FileSelectorIcon","useTheme","grey","theme","colors"],"sources":["FileSelectorIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Folder } from '../../../icons';\n\nexport const FileSelectorIcon: React.FC = () => {\n  const {\n    theme: {\n      colors: { grey },\n    },\n  } = useTheme();\n\n  return <Folder pathFill={grey} />;\n};\n"],"mappings":";;;;;AAAA;AAEA;AACA;AAAwC;EAAA;AAEjC,IAAMA,gBAA0B,GAAG,SAA7BA,gBAA0B,GAAS;EAC9C,gBAII,IAAAC,sBAAQ,GAAE;IAFAC,IAAI,aADhBC,KAAK,CACHC,MAAM,CAAIF,IAAI;EAIlB,OAAO,gCAAC,aAAM;IAAC,QAAQ,EAAEA,IAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG;AACnC,CAAC;AAAC"}

package/lib/commonjs/components/AttachmentPicker/components/ImageOverlaySelectedComponent.js

@@ -1,21 +1,14 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageOverlaySelectedComponent = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx";
 var styles = _reactNative.StyleSheet.create({
   check: {
     borderRadius: 12,
@@ -25,13 +18,11 @@ var styles = _reactNative.StyleSheet.create({
     width: 24
   }
 });
-
 var ImageOverlaySelectedComponent = function ImageOverlaySelectedComponent() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      check = _useTheme$theme.attachmentPicker.imageOverlaySelectedComponent.check,
-      white = _useTheme$theme.colors.white;
-
+    _useTheme$theme = _useTheme.theme,
+    check = _useTheme$theme.attachmentPicker.imageOverlaySelectedComponent.check,
+    white = _useTheme$theme.colors.white;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.check, {
       backgroundColor: white
@@ -51,7 +42,6 @@ var ImageOverlaySelectedComponent = function ImageOverlaySelectedComponent() {
     }
   }));
 };
-
 exports.ImageOverlaySelectedComponent = ImageOverlaySelectedComponent;
 ImageOverlaySelectedComponent.displayName = 'ImageOverlaySelectedComponent{attachmentPicker{imageOverlaySelectedComponent}}';
 //# sourceMappingURL=ImageOverlaySelectedComponent.js.map

package/lib/commonjs/components/AttachmentPicker/components/ImageOverlaySelectedComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageOverlaySelectedComponent.tsx"],"names":["styles","StyleSheet","create","check","borderRadius","height","marginRight","marginTop","width","ImageOverlaySelectedComponent","theme","attachmentPicker","imageOverlaySelectedComponent","white","colors","backgroundColor","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE,EADT;AAELC,IAAAA,MAAM,EAAE,EAFH;AAGLC,IAAAA,WAAW,EAAE,CAHR;AAILC,IAAAA,SAAS,EAAE,CAJN;AAKLC,IAAAA,KAAK,EAAE;AALF;AADwB,CAAlB,CAAf;;AAUO,IAAMC,6BAAuC,GAAG,SAA1CA,6BAA0C,GAAM;AAC3D,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,MAGuCP,KAHvC,mBAEIQ,gBAFJ,CAGMC,6BAHN,CAGuCT,KAHvC;AAAA,MAKcU,KALd,mBAKIC,MALJ,CAKcD,KALd;;AAQA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACb,MAAM,CAACG,KAAR,EAAe;AAAEY,MAAAA,eAAe,EAAEF;AAAnB,KAAf,EAA2CV,KAA3C,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,YAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAdM;;;AAgBPM,6BAA6B,CAACO,WAA9B,GACE,gFADF","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Check } from '../../../icons';\n\nconst styles = StyleSheet.create({\n  check: {\n    borderRadius: 12,\n    height: 24,\n    marginRight: 8,\n    marginTop: 8,\n    width: 24,\n  },\n});\n\nexport const ImageOverlaySelectedComponent: React.FC = () => {\n  const {\n    theme: {\n      attachmentPicker: {\n        imageOverlaySelectedComponent: { check },\n      },\n      colors: { white },\n    },\n  } = useTheme();\n  return (\n    <View style={[styles.check, { backgroundColor: white }, check]}>\n      <Check />\n    </View>\n  );\n};\n\nImageOverlaySelectedComponent.displayName =\n  'ImageOverlaySelectedComponent{attachmentPicker{imageOverlaySelectedComponent}}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","check","borderRadius","height","marginRight","marginTop","width","ImageOverlaySelectedComponent","useTheme","theme","attachmentPicker","imageOverlaySelectedComponent","white","colors","backgroundColor","displayName"],"sources":["ImageOverlaySelectedComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Check } from '../../../icons';\n\nconst styles = StyleSheet.create({\n  check: {\n    borderRadius: 12,\n    height: 24,\n    marginRight: 8,\n    marginTop: 8,\n    width: 24,\n  },\n});\n\nexport const ImageOverlaySelectedComponent: React.FC = () => {\n  const {\n    theme: {\n      attachmentPicker: {\n        imageOverlaySelectedComponent: { check },\n      },\n      colors: { white },\n    },\n  } = useTheme();\n  return (\n    <View style={[styles.check, { backgroundColor: white }, check]}>\n      <Check />\n    </View>\n  );\n};\n\nImageOverlaySelectedComponent.displayName =\n  'ImageOverlaySelectedComponent{attachmentPicker{imageOverlaySelectedComponent}}';\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAAuC;EAAA;AAEvC,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE,CAAC;IACZC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,IAAMC,6BAAuC,GAAG,SAA1CA,6BAAuC,GAAS;EAC3D,gBAOI,IAAAC,sBAAQ,GAAE;IAAA,4BANZC,KAAK;IAEgCR,KAAK,mBADxCS,gBAAgB,CACdC,6BAA6B,CAAIV,KAAK;IAE9BW,KAAK,mBAAfC,MAAM,CAAID,KAAK;EAGnB,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACd,MAAM,CAACG,KAAK,EAAE;MAAEa,eAAe,EAAEF;IAAM,CAAC,EAAEX,KAAK,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC7D,gCAAC,YAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CACJ;AAEX,CAAC;AAAC;AAEFM,6BAA6B,CAACQ,WAAW,GACvC,gFAAgF"}

package/lib/commonjs/components/AttachmentPicker/components/ImageSelectorIcon.js

@@ -1,27 +1,19 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageSelectorIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/ImageSelectorIcon.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/ImageSelectorIcon.tsx";
 var ImageSelectorIcon = function ImageSelectorIcon(_ref) {
   var selectedPicker = _ref.selectedPicker;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$color = _useTheme.theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      grey = _useTheme$theme$color.grey;
-
+    _useTheme$theme$color = _useTheme.theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    grey = _useTheme$theme$color.grey;
   return _react["default"].createElement(_icons.Picture, {
     pathFill: selectedPicker === 'images' ? accent_blue : grey,
     __self: _this,
@@ -32,6 +24,5 @@ var ImageSelectorIcon = function ImageSelectorIcon(_ref) {
     }
   });
 };
-
 exports.ImageSelectorIcon = ImageSelectorIcon;
 //# sourceMappingURL=ImageSelectorIcon.js.map

package/lib/commonjs/components/AttachmentPicker/components/ImageSelectorIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageSelectorIcon.tsx"],"names":["ImageSelectorIcon","selectedPicker","theme","colors","accent_blue","grey"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;AAMO,IAAMA,iBAAkC,GAAG,SAArCA,iBAAqC,OAAwB;AAAA,MAArBC,cAAqB,QAArBA,cAAqB;;AACxE,kBAII,6BAJJ;AAAA,wCACEC,KADF,CAEIC,MAFJ;AAAA,MAEcC,WAFd,yBAEcA,WAFd;AAAA,MAE2BC,IAF3B,yBAE2BA,IAF3B;;AAMA,SAAO,gCAAC,cAAD;AAAS,IAAA,QAAQ,EAAEJ,cAAc,KAAK,QAAnB,GAA8BG,WAA9B,GAA4CC,IAA/D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CARM","sourcesContent":["import React from 'react';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Picture } from '../../../icons';\n\ntype Props = {\n  selectedPicker?: 'images';\n};\n\nexport const ImageSelectorIcon: React.FC<Props> = ({ selectedPicker }) => {\n  const {\n    theme: {\n      colors: { accent_blue, grey },\n    },\n  } = useTheme();\n\n  return <Picture pathFill={selectedPicker === 'images' ? accent_blue : grey} />;\n};\n"]}
+{"version":3,"names":["ImageSelectorIcon","selectedPicker","useTheme","theme","colors","accent_blue","grey"],"sources":["ImageSelectorIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Picture } from '../../../icons';\n\ntype Props = {\n  selectedPicker?: 'images';\n};\n\nexport const ImageSelectorIcon: React.FC<Props> = ({ selectedPicker }) => {\n  const {\n    theme: {\n      colors: { accent_blue, grey },\n    },\n  } = useTheme();\n\n  return <Picture pathFill={selectedPicker === 'images' ? accent_blue : grey} />;\n};\n"],"mappings":";;;;;AAAA;AAEA;AACA;AAAyC;EAAA;AAMlC,IAAMA,iBAAkC,GAAG,SAArCA,iBAAkC,OAA2B;EAAA,IAArBC,cAAc,QAAdA,cAAc;EACjE,gBAII,IAAAC,sBAAQ,GAAE;IAAA,kCAHZC,KAAK,CACHC,MAAM;IAAIC,WAAW,yBAAXA,WAAW;IAAEC,IAAI,yBAAJA,IAAI;EAI/B,OAAO,gCAAC,cAAO;IAAC,QAAQ,EAAEL,cAAc,KAAK,QAAQ,GAAGI,WAAW,GAAGC,IAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG;AAChF,CAAC;AAAC"}