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

package/lib/module/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.js

@@ -1,27 +1,17 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AttachmentPickerBottomSheetHandle = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -34,15 +24,12 @@ var styles = _reactNative.StyleSheet.create({
     width: 40
   }
 });
-
 var AttachmentPickerBottomSheetHandle = function AttachmentPickerBottomSheetHandle(_ref) {
   var animatedIndex = _ref.animatedIndex;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$color = _useTheme.theme.colors,
-      black = _useTheme$theme$color.black,
-      white = _useTheme$theme$color.white;
-
+    _useTheme$theme$color = _useTheme.theme.colors,
+    black = _useTheme$theme$color.black,
+    white = _useTheme$theme$color.white;
   var style = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
     return {
       borderTopLeftRadius: animatedIndex.value > 0 ? 16 - animatedIndex.value * 16 : 16,
@@ -71,6 +58,5 @@ var AttachmentPickerBottomSheetHandle = function AttachmentPickerBottomSheetHand
     }
   }));
 };
-
 exports.AttachmentPickerBottomSheetHandle = AttachmentPickerBottomSheetHandle;
 //# sourceMappingURL=AttachmentPickerBottomSheetHandle.js.map

package/lib/module/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentPickerBottomSheetHandle.tsx"],"names":["styles","StyleSheet","create","container","alignItems","height","justifyContent","handle","borderRadius","width","AttachmentPickerBottomSheetHandle","animatedIndex","theme","colors","black","white","style","borderTopLeftRadius","value","borderTopRightRadius","backgroundColor"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,MAAM,EAAE,EAFC;AAGTC,IAAAA,cAAc,EAAE;AAHP,GADoB;AAM/BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,YAAY,EAAE,CADR;AAENH,IAAAA,MAAM,EAAE,CAFF;AAGNI,IAAAA,KAAK,EAAE;AAHD;AANuB,CAAlB,CAAf;;AAaO,IAAMC,iCAEX,GAAG,SAFQA,iCAER,OAAuB;AAAA,MAApBC,aAAoB,QAApBA,aAAoB;;AAC1B,kBAII,6BAJJ;AAAA,wCACEC,KADF,CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,KAFrB,yBAEqBA,KAFrB;;AAMA,MAAMC,KAAK,GAAG,6CAA4B;AAAA,WAAO;AAC/CC,MAAAA,mBAAmB,EAAEN,aAAa,CAACO,KAAd,GAAsB,CAAtB,GAA0B,KAAKP,aAAa,CAACO,KAAd,GAAsB,EAArD,GAA0D,EADhC;AAE/CC,MAAAA,oBAAoB,EAAER,aAAa,CAACO,KAAd,GAAsB,CAAtB,GAA0B,KAAKP,aAAa,CAACO,KAAd,GAAsB,EAArD,GAA0D;AAFjC,KAAP;AAAA,GAA5B,CAAd;AAKA,SACE,gCAAC,iCAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAAClB,MAAM,CAACG,SAAR,EAAmB;AAAEiB,MAAAA,eAAe,EAAEL;AAAnB,KAAnB,EAA+CC,KAA/C,CAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACO,MAAR,EAAgB;AAAEa,MAAAA,eAAe,EAAKN,KAAL;AAAjB,KAAhB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAMD,CApBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, View, ViewStyle } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    height: 20,\n    justifyContent: 'center',\n  },\n  handle: {\n    borderRadius: 2,\n    height: 4,\n    width: 40,\n  },\n});\n\nexport const AttachmentPickerBottomSheetHandle: React.FC<{\n  animatedIndex: Animated.SharedValue<number>;\n}> = ({ animatedIndex }) => {\n  const {\n    theme: {\n      colors: { black, white },\n    },\n  } = useTheme();\n\n  const style = useAnimatedStyle<ViewStyle>(() => ({\n    borderTopLeftRadius: animatedIndex.value > 0 ? 16 - animatedIndex.value * 16 : 16,\n    borderTopRightRadius: animatedIndex.value > 0 ? 16 - animatedIndex.value * 16 : 16,\n  }));\n\n  return (\n    <Animated.View style={[styles.container, { backgroundColor: white }, style]}>\n      <View style={[styles.handle, { backgroundColor: `${black}1A` }]} />\n      {/* ^ 1A = 10% opacity */}\n    </Animated.View>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","height","justifyContent","handle","borderRadius","width","AttachmentPickerBottomSheetHandle","animatedIndex","useTheme","theme","colors","black","white","style","useAnimatedStyle","borderTopLeftRadius","value","borderTopRightRadius","backgroundColor"],"sources":["AttachmentPickerBottomSheetHandle.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View, ViewStyle } from 'react-native';\nimport Animated, { useAnimatedStyle } from 'react-native-reanimated';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    height: 20,\n    justifyContent: 'center',\n  },\n  handle: {\n    borderRadius: 2,\n    height: 4,\n    width: 40,\n  },\n});\n\nexport const AttachmentPickerBottomSheetHandle: React.FC<{\n  animatedIndex: Animated.SharedValue<number>;\n}> = ({ animatedIndex }) => {\n  const {\n    theme: {\n      colors: { black, white },\n    },\n  } = useTheme();\n\n  const style = useAnimatedStyle<ViewStyle>(() => ({\n    borderTopLeftRadius: animatedIndex.value > 0 ? 16 - animatedIndex.value * 16 : 16,\n    borderTopRightRadius: animatedIndex.value > 0 ? 16 - animatedIndex.value * 16 : 16,\n  }));\n\n  return (\n    <Animated.View style={[styles.container, { backgroundColor: white }, style]}>\n      <View style={[styles.handle, { backgroundColor: `${black}1A` }]} />\n      {/* ^ 1A = 10% opacity */}\n    </Animated.View>\n  );\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAAuE;EAAA;AAAA;AAAA;AAEvE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,YAAY,EAAE,CAAC;IACfH,MAAM,EAAE,CAAC;IACTI,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,IAAMC,iCAEX,GAAG,SAFQA,iCAEX,OAA0B;EAAA,IAApBC,aAAa,QAAbA,aAAa;EACnB,gBAII,IAAAC,sBAAQ,GAAE;IAAA,kCAHZC,KAAK,CACHC,MAAM;IAAIC,KAAK,yBAALA,KAAK;IAAEC,KAAK,yBAALA,KAAK;EAI1B,IAAMC,KAAK,GAAG,IAAAC,uCAAgB,EAAY;IAAA,OAAO;MAC/CC,mBAAmB,EAAER,aAAa,CAACS,KAAK,GAAG,CAAC,GAAG,EAAE,GAAGT,aAAa,CAACS,KAAK,GAAG,EAAE,GAAG,EAAE;MACjFC,oBAAoB,EAAEV,aAAa,CAACS,KAAK,GAAG,CAAC,GAAG,EAAE,GAAGT,aAAa,CAACS,KAAK,GAAG,EAAE,GAAG;IAClF,CAAC;EAAA,CAAC,CAAC;EAEH,OACE,gCAAC,iCAAQ,CAAC,IAAI;IAAC,KAAK,EAAE,CAACpB,MAAM,CAACG,SAAS,EAAE;MAAEmB,eAAe,EAAEN;IAAM,CAAC,EAAEC,KAAK,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC1E,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACjB,MAAM,CAACO,MAAM,EAAE;MAAEe,eAAe,EAAKP,KAAK;IAAK,CAAC,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,CAErD;AAEpB,CAAC;AAAC"}

package/lib/module/components/AttachmentPicker/components/AttachmentPickerError.js

@@ -1,27 +1,17 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AttachmentPickerError = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 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 _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentPickerError.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentPickerError.tsx";
 var styles = _reactNative.StyleSheet.create({
   errorButtonText: {
     fontSize: 14,
@@ -45,65 +35,53 @@ var styles = _reactNative.StyleSheet.create({
     textAlign: 'center'
   }
 });
-
 var AttachmentPickerError = function AttachmentPickerError(props) {
   var attachmentPickerBottomSheetHeight = props.attachmentPickerBottomSheetHeight,
-      attachmentPickerErrorButtonText = props.attachmentPickerErrorButtonText,
-      AttachmentPickerErrorImage = props.AttachmentPickerErrorImage,
-      attachmentPickerErrorText = props.attachmentPickerErrorText;
-
+    attachmentPickerErrorButtonText = props.attachmentPickerErrorButtonText,
+    AttachmentPickerErrorImage = props.AttachmentPickerErrorImage,
+    attachmentPickerErrorText = props.attachmentPickerErrorText;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$attac = _useTheme$theme.attachmentPicker,
-      errorButtonText = _useTheme$theme$attac.errorButtonText,
-      errorContainer = _useTheme$theme$attac.errorContainer,
-      errorText = _useTheme$theme$attac.errorText,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      grey = _useTheme$theme$color.grey,
-      white_smoke = _useTheme$theme$color.white_smoke;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$attac = _useTheme$theme.attachmentPicker,
+    errorButtonText = _useTheme$theme$attac.errorButtonText,
+    errorContainer = _useTheme$theme$attac.errorContainer,
+    errorText = _useTheme$theme$attac.errorText,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    grey = _useTheme$theme$color.grey,
+    white_smoke = _useTheme$theme$color.white_smoke;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   var _useAttachmentPickerC = (0, _AttachmentPickerContext.useAttachmentPickerContext)(),
-      closePicker = _useAttachmentPickerC.closePicker,
-      setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
-
+    closePicker = _useAttachmentPickerC.closePicker,
+    setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
   var openSettings = function () {
     var _ref = (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.prev = 0;
-              setSelectedPicker(undefined);
-              closePicker();
-              _context.next = 5;
-              return _reactNative.Linking.openSettings();
-
-            case 5:
-              _context.next = 10;
-              break;
-
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              console.log(_context.t0);
-
-            case 10:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setSelectedPicker(undefined);
+            closePicker();
+            _context.next = 5;
+            return _reactNative.Linking.openSettings();
+          case 5:
+            _context.next = 10;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            console.log(_context.t0);
+          case 10:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 7]]);
     }));
-
     return function openSettings() {
       return _ref.apply(this, arguments);
     };
   }();
-
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.errorContainer, {
       backgroundColor: white_smoke,
@@ -146,6 +124,5 @@ var AttachmentPickerError = function AttachmentPickerError(props) {
     }
   }, attachmentPickerErrorButtonText || t('Allow access to your Gallery')));
 };
-
 exports.AttachmentPickerError = AttachmentPickerError;
 //# sourceMappingURL=AttachmentPickerError.js.map

package/lib/module/components/AttachmentPicker/components/AttachmentPickerError.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentPickerError.tsx"],"names":["styles","StyleSheet","create","errorButtonText","fontSize","fontWeight","marginHorizontal","marginTop","textAlign","errorContainer","alignItems","bottom","left","paddingTop","position","right","errorText","AttachmentPickerError","props","attachmentPickerBottomSheetHeight","attachmentPickerErrorButtonText","AttachmentPickerErrorImage","attachmentPickerErrorText","theme","attachmentPicker","colors","accent_blue","grey","white_smoke","t","closePicker","setSelectedPicker","openSettings","undefined","Linking","console","log","backgroundColor","height","color"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,QAAQ,EAAE,EADK;AAEfC,IAAAA,UAAU,EAAE,KAFG;AAGfC,IAAAA,gBAAgB,EAAE,EAHH;AAIfC,IAAAA,SAAS,EAAE,EAJI;AAKfC,IAAAA,SAAS,EAAE;AALI,GADc;AAQ/BC,EAAAA,cAAc,EAAE;AACdC,IAAAA,UAAU,EAAE,QADE;AAEdC,IAAAA,MAAM,EAAE,CAFM;AAGdC,IAAAA,IAAI,EAAE,CAHQ;AAIdC,IAAAA,UAAU,EAAE,EAJE;AAKdC,IAAAA,QAAQ,EAAE,UALI;AAMdC,IAAAA,KAAK,EAAE;AANO,GARe;AAgB/BC,EAAAA,SAAS,EAAE;AACTZ,IAAAA,QAAQ,EAAE,EADD;AAETE,IAAAA,gBAAgB,EAAE,EAFT;AAGTC,IAAAA,SAAS,EAAE,EAHF;AAITC,IAAAA,SAAS,EAAE;AAJF;AAhBoB,CAAlB,CAAf;;AA+BO,IAAMS,qBAA2D,GAAG,SAA9DA,qBAA8D,CAACC,KAAD,EAAW;AACpF,MACEC,iCADF,GAKID,KALJ,CACEC,iCADF;AAAA,MAEEC,+BAFF,GAKIF,KALJ,CAEEE,+BAFF;AAAA,MAGEC,0BAHF,GAKIH,KALJ,CAGEG,0BAHF;AAAA,MAIEC,yBAJF,GAKIJ,KALJ,CAIEI,yBAJF;;AAOA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,gBAFJ;AAAA,MAEwBrB,eAFxB,yBAEwBA,eAFxB;AAAA,MAEyCM,cAFzC,yBAEyCA,cAFzC;AAAA,MAEyDO,SAFzD,yBAEyDA,SAFzD;AAAA,8CAGIS,MAHJ;AAAA,MAGcC,WAHd,yBAGcA,WAHd;AAAA,MAG2BC,IAH3B,yBAG2BA,IAH3B;AAAA,MAGiCC,WAHjC,yBAGiCA,WAHjC;;AAMA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AAEA,8BAA2C,0DAA3C;AAAA,MAAQC,WAAR,yBAAQA,WAAR;AAAA,MAAqBC,iBAArB,yBAAqBA,iBAArB;;AAEA,MAAMC,YAAY;AAAA,+EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjBD,cAAAA,iBAAiB,CAACE,SAAD,CAAjB;AACAH,cAAAA,WAAW;AAHM;AAAA,qBAIXI,qBAAQF,YAAR,EAJW;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAMjBG,cAAAA,OAAO,CAACC,GAAR;;AANiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAAZJ,YAAY;AAAA;AAAA;AAAA,KAAlB;;AAUA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLhC,MAAM,CAACS,cADF,EAEL;AACE4B,MAAAA,eAAe,EAAET,WADnB;AAEEU,MAAAA,MAAM,EAAEnB,iCAAF,WAAEA,iCAAF,GAAuC;AAF/C,KAFK,EAMLV,cANK,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAUE,gCAAC,0BAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAVF,EAWE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACT,MAAM,CAACgB,SAAR,EAAmB;AAAEuB,MAAAA,KAAK,EAAEZ;AAAT,KAAnB,EAAoCX,SAApC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGM,yBAAyB,IACxBO,CAAC,CAAC,uEAAD,CAFL,CAXF,EAeE,gCAAC,iBAAD;AACE,IAAA,OAAO,EAAEG,YADX;AAEE,IAAA,KAAK,EAAE,CAAChC,MAAM,CAACG,eAAR,EAAyB;AAAEoC,MAAAA,KAAK,EAAEb;AAAT,KAAzB,EAAiDvB,eAAjD,CAFT;AAGE,IAAA,oBAAoB,MAHtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAKGiB,+BAA+B,IAAIS,CAAC,CAAC,8BAAD,CALvC,CAfF,CADF;AAyBD,CArDM","sourcesContent":["import React from 'react';\nimport { Linking, StyleSheet, Text, View } from 'react-native';\n\nimport { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  errorButtonText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginHorizontal: 24,\n    marginTop: 16,\n    textAlign: 'center',\n  },\n  errorContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    left: 0,\n    paddingTop: 16,\n    position: 'absolute',\n    right: 0,\n  },\n  errorText: {\n    fontSize: 14,\n    marginHorizontal: 24,\n    marginTop: 16,\n    textAlign: 'center',\n  },\n});\n\nexport type AttachmentPickerErrorProps = {\n  AttachmentPickerErrorImage: React.ComponentType;\n  attachmentPickerBottomSheetHeight?: number;\n  attachmentPickerErrorButtonText?: string;\n  attachmentPickerErrorText?: string;\n};\n\nexport const AttachmentPickerError: React.FC<AttachmentPickerErrorProps> = (props) => {\n  const {\n    attachmentPickerBottomSheetHeight,\n    attachmentPickerErrorButtonText,\n    AttachmentPickerErrorImage,\n    attachmentPickerErrorText,\n  } = props;\n\n  const {\n    theme: {\n      attachmentPicker: { errorButtonText, errorContainer, errorText },\n      colors: { accent_blue, grey, white_smoke },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  const { closePicker, setSelectedPicker } = useAttachmentPickerContext();\n\n  const openSettings = async () => {\n    try {\n      setSelectedPicker(undefined);\n      closePicker();\n      await Linking.openSettings();\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  return (\n    <View\n      style={[\n        styles.errorContainer,\n        {\n          backgroundColor: white_smoke,\n          height: attachmentPickerBottomSheetHeight ?? 308,\n        },\n        errorContainer,\n      ]}\n    >\n      <AttachmentPickerErrorImage />\n      <Text style={[styles.errorText, { color: grey }, errorText]}>\n        {attachmentPickerErrorText ||\n          t('Please enable access to your photos and videos so you can share them.')}\n      </Text>\n      <Text\n        onPress={openSettings}\n        style={[styles.errorButtonText, { color: accent_blue }, errorButtonText]}\n        suppressHighlighting\n      >\n        {attachmentPickerErrorButtonText || t('Allow access to your Gallery')}\n      </Text>\n    </View>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","errorButtonText","fontSize","fontWeight","marginHorizontal","marginTop","textAlign","errorContainer","alignItems","bottom","left","paddingTop","position","right","errorText","AttachmentPickerError","props","attachmentPickerBottomSheetHeight","attachmentPickerErrorButtonText","AttachmentPickerErrorImage","attachmentPickerErrorText","useTheme","theme","attachmentPicker","colors","accent_blue","grey","white_smoke","useTranslationContext","t","useAttachmentPickerContext","closePicker","setSelectedPicker","openSettings","undefined","Linking","console","log","backgroundColor","height","color"],"sources":["AttachmentPickerError.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, StyleSheet, Text, View } from 'react-native';\n\nimport { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  errorButtonText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginHorizontal: 24,\n    marginTop: 16,\n    textAlign: 'center',\n  },\n  errorContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    left: 0,\n    paddingTop: 16,\n    position: 'absolute',\n    right: 0,\n  },\n  errorText: {\n    fontSize: 14,\n    marginHorizontal: 24,\n    marginTop: 16,\n    textAlign: 'center',\n  },\n});\n\nexport type AttachmentPickerErrorProps = {\n  AttachmentPickerErrorImage: React.ComponentType;\n  attachmentPickerBottomSheetHeight?: number;\n  attachmentPickerErrorButtonText?: string;\n  attachmentPickerErrorText?: string;\n};\n\nexport const AttachmentPickerError: React.FC<AttachmentPickerErrorProps> = (props) => {\n  const {\n    attachmentPickerBottomSheetHeight,\n    attachmentPickerErrorButtonText,\n    AttachmentPickerErrorImage,\n    attachmentPickerErrorText,\n  } = props;\n\n  const {\n    theme: {\n      attachmentPicker: { errorButtonText, errorContainer, errorText },\n      colors: { accent_blue, grey, white_smoke },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  const { closePicker, setSelectedPicker } = useAttachmentPickerContext();\n\n  const openSettings = async () => {\n    try {\n      setSelectedPicker(undefined);\n      closePicker();\n      await Linking.openSettings();\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  return (\n    <View\n      style={[\n        styles.errorContainer,\n        {\n          backgroundColor: white_smoke,\n          height: attachmentPickerBottomSheetHeight ?? 308,\n        },\n        errorContainer,\n      ]}\n    >\n      <AttachmentPickerErrorImage />\n      <Text style={[styles.errorText, { color: grey }, errorText]}>\n        {attachmentPickerErrorText ||\n          t('Please enable access to your photos and videos so you can share them.')}\n      </Text>\n      <Text\n        onPress={openSettings}\n        style={[styles.errorButtonText, { color: accent_blue }, errorButtonText]}\n        suppressHighlighting\n      >\n        {attachmentPickerErrorButtonText || t('Allow access to your Gallery')}\n      </Text>\n    </View>\n  );\n};\n"],"mappings":"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"}

package/lib/module/components/AttachmentPicker/components/AttachmentPickerErrorImage.js

@@ -1,23 +1,16 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AttachmentPickerErrorImage = 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/AttachmentPickerErrorImage.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentPickerErrorImage.tsx";
 var AttachmentPickerErrorImage = function AttachmentPickerErrorImage() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      grey_gainsboro = _useTheme.theme.colors.grey_gainsboro;
-
+    grey_gainsboro = _useTheme.theme.colors.grey_gainsboro;
   return _react["default"].createElement(_icons.Picture, {
     height: 140,
     pathFill: grey_gainsboro,
@@ -30,6 +23,5 @@ var AttachmentPickerErrorImage = function AttachmentPickerErrorImage() {
     }
   });
 };
-
 exports.AttachmentPickerErrorImage = AttachmentPickerErrorImage;
 //# sourceMappingURL=AttachmentPickerErrorImage.js.map

package/lib/module/components/AttachmentPicker/components/AttachmentPickerErrorImage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentPickerErrorImage.tsx"],"names":["AttachmentPickerErrorImage","grey_gainsboro","theme","colors"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;AAEO,IAAMA,0BAAoC,GAAG,SAAvCA,0BAAuC,GAAM;AACxD,kBAII,6BAJJ;AAAA,MAEcC,cAFd,aACEC,KADF,CAEIC,MAFJ,CAEcF,cAFd;;AAMA,SAAO,gCAAC,cAAD;AAAS,IAAA,MAAM,EAAE,GAAjB;AAAsB,IAAA,QAAQ,EAAEA,cAAhC;AAAgD,IAAA,KAAK,EAAE,GAAvD;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\nexport const AttachmentPickerErrorImage: React.FC = () => {\n  const {\n    theme: {\n      colors: { grey_gainsboro },\n    },\n  } = useTheme();\n\n  return <Picture height={140} pathFill={grey_gainsboro} width={140} />;\n};\n"]}
+{"version":3,"names":["AttachmentPickerErrorImage","useTheme","grey_gainsboro","theme","colors"],"sources":["AttachmentPickerErrorImage.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Picture } from '../../../icons';\n\nexport const AttachmentPickerErrorImage: React.FC = () => {\n  const {\n    theme: {\n      colors: { grey_gainsboro },\n    },\n  } = useTheme();\n\n  return <Picture height={140} pathFill={grey_gainsboro} width={140} />;\n};\n"],"mappings":";;;;;AAAA;AAEA;AACA;AAAyC;EAAA;AAElC,IAAMA,0BAAoC,GAAG,SAAvCA,0BAAoC,GAAS;EACxD,gBAII,IAAAC,sBAAQ,GAAE;IAFAC,cAAc,aAD1BC,KAAK,CACHC,MAAM,CAAIF,cAAc;EAI5B,OAAO,gCAAC,cAAO;IAAC,MAAM,EAAE,GAAI;IAAC,QAAQ,EAAEA,cAAe;IAAC,KAAK,EAAE,GAAI;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG;AACvE,CAAC;AAAC"}

package/lib/module/components/AttachmentPicker/components/AttachmentPickerItem.js

@@ -1,134 +1,100 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderAttachmentPickerItem = 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 _bottomSheet = require("@gorhom/bottom-sheet");
-
 var _dayjs = _interopRequireDefault(require("dayjs"));
-
 var _mimeTypes = require("mime-types");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../../icons");
-
 var _native = require("../../../native");
-
 var _utils = require("../../../utils/utils");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentPickerItem.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AttachmentPicker/components/AttachmentPickerItem.tsx";
 var AttachmentVideo = function AttachmentVideo(props) {
   var asset = props.asset,
-      ImageOverlaySelectedComponent = props.ImageOverlaySelectedComponent,
-      maxNumberOfFiles = props.maxNumberOfFiles,
-      numberOfAttachmentPickerImageColumns = props.numberOfAttachmentPickerImageColumns,
-      numberOfUploads = props.numberOfUploads,
-      selected = props.selected,
-      setSelectedFiles = props.setSelectedFiles;
-
+    ImageOverlaySelectedComponent = props.ImageOverlaySelectedComponent,
+    maxNumberOfFiles = props.maxNumberOfFiles,
+    numberOfAttachmentPickerImageColumns = props.numberOfAttachmentPickerImageColumns,
+    numberOfUploads = props.numberOfUploads,
+    selected = props.selected,
+    setSelectedFiles = props.setSelectedFiles;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$attac = _useTheme$theme.attachmentPicker,
-      durationText = _useTheme$theme$attac.durationText,
-      image = _useTheme$theme$attac.image,
-      imageOverlay = _useTheme$theme$attac.imageOverlay,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      overlay = _useTheme$theme$color.overlay,
-      white = _useTheme$theme$color.white;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$attac = _useTheme$theme.attachmentPicker,
+    durationText = _useTheme$theme$attac.durationText,
+    image = _useTheme$theme$attac.image,
+    imageOverlay = _useTheme$theme$attac.imageOverlay,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    overlay = _useTheme$theme$color.overlay,
+    white = _useTheme$theme$color.white;
   var duration = asset.duration,
-      playableDuration = asset.playableDuration,
-      uri = asset.uri;
+    playableDuration = asset.playableDuration,
+    uri = asset.uri;
   var videoDuration = duration ? duration : playableDuration;
   var ONE_HOUR_IN_SECONDS = 3600;
   var durationLabel = '00:00';
-
   if (videoDuration) {
     var isDurationLongerThanHour = videoDuration / ONE_HOUR_IN_SECONDS >= 1;
     var formattedDurationParam = isDurationLongerThanHour ? 'HH:mm:ss' : 'mm:ss';
-
     var formattedVideoDuration = _dayjs["default"].duration(videoDuration, 'second').format(formattedDurationParam);
-
     durationLabel = formattedVideoDuration;
   }
-
   var size = (0, _utils.vw)(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;
-
   var onPressVideo = function () {
     var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
       var localAssetURI;
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.t0 = asset.id;
-
-              if (!_context.t0) {
-                _context.next = 5;
-                break;
-              }
-
-              _context.next = 4;
-              return (0, _native.getLocalAssetUri)(asset.id);
-
-            case 4:
-              _context.t0 = _context.sent;
-
-            case 5:
-              localAssetURI = _context.t0;
-
-              if (selected) {
-                setSelectedFiles(function (files) {
-                  return files.filter(function (file) {
-                    return file.uri !== asset.uri;
-                  });
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.t0 = asset.id;
+            if (!_context.t0) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 4;
+            return (0, _native.getLocalAssetUri)(asset.id);
+          case 4:
+            _context.t0 = _context.sent;
+          case 5:
+            localAssetURI = _context.t0;
+            if (selected) {
+              setSelectedFiles(function (files) {
+                return files.filter(function (file) {
+                  return file.uri !== asset.uri;
                 });
-              } else {
-                setSelectedFiles(function (files) {
-                  if (numberOfUploads >= maxNumberOfFiles) {
-                    _reactNative.Alert.alert('Maximum number of files reached');
-
-                    return files;
-                  }
-
-                  return [].concat((0, _toConsumableArray2["default"])(files), [{
-                    duration: durationLabel,
-                    name: asset.filename,
-                    size: asset.fileSize,
-                    type: 'video',
-                    uri: localAssetURI || asset.uri
-                  }]);
-                });
-              }
-
-            case 7:
-            case "end":
-              return _context.stop();
-          }
+              });
+            } else {
+              setSelectedFiles(function (files) {
+                if (numberOfUploads >= maxNumberOfFiles) {
+                  _reactNative.Alert.alert('Maximum number of files reached');
+                  return files;
+                }
+                return [].concat((0, _toConsumableArray2["default"])(files), [{
+                  duration: durationLabel,
+                  name: asset.filename,
+                  size: asset.fileSize,
+                  type: 'video',
+                  uri: localAssetURI || asset.uri
+                }]);
+              });
+            }
+          case 7:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function onPressVideo() {
       return _ref.apply(this, arguments);
     };
   }();
-
   return _react["default"].createElement(_bottomSheet.TouchableOpacity, {
     onPress: onPressVideo,
     __self: _this,
@@ -199,26 +165,22 @@ var AttachmentVideo = function AttachmentVideo(props) {
     }
   }, durationLabel) : null)));
 };
-
 var AttachmentImage = function AttachmentImage(props) {
   var asset = props.asset,
-      ImageOverlaySelectedComponent = props.ImageOverlaySelectedComponent,
-      maxNumberOfFiles = props.maxNumberOfFiles,
-      numberOfAttachmentPickerImageColumns = props.numberOfAttachmentPickerImageColumns,
-      numberOfUploads = props.numberOfUploads,
-      selected = props.selected,
-      setSelectedImages = props.setSelectedImages;
-
+    ImageOverlaySelectedComponent = props.ImageOverlaySelectedComponent,
+    maxNumberOfFiles = props.maxNumberOfFiles,
+    numberOfAttachmentPickerImageColumns = props.numberOfAttachmentPickerImageColumns,
+    numberOfUploads = props.numberOfUploads,
+    selected = props.selected,
+    setSelectedImages = props.setSelectedImages;
   var _useTheme2 = (0, _ThemeContext.useTheme)(),
-      _useTheme2$theme = _useTheme2.theme,
-      _useTheme2$theme$atta = _useTheme2$theme.attachmentPicker,
-      image = _useTheme2$theme$atta.image,
-      imageOverlay = _useTheme2$theme$atta.imageOverlay,
-      overlay = _useTheme2$theme.colors.overlay;
-
+    _useTheme2$theme = _useTheme2.theme,
+    _useTheme2$theme$atta = _useTheme2$theme.attachmentPicker,
+    image = _useTheme2$theme$atta.image,
+    imageOverlay = _useTheme2$theme$atta.imageOverlay,
+    overlay = _useTheme2$theme.colors.overlay;
   var size = (0, _utils.vw)(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;
   var uri = asset.uri;
-
   var onPressImage = function onPressImage() {
     if (selected) {
       setSelectedImages(function (images) {
@@ -230,15 +192,12 @@ var AttachmentImage = function AttachmentImage(props) {
       setSelectedImages(function (images) {
         if (numberOfUploads >= maxNumberOfFiles) {
           _reactNative.Alert.alert('Maximum number of files reached');
-
           return images;
         }
-
         return [].concat((0, _toConsumableArray2["default"])(images), [asset]);
       });
     }
   };
-
   return _react["default"].createElement(_bottomSheet.TouchableOpacity, {
     onPress: onPressImage,
     __self: _this,
@@ -281,10 +240,8 @@ var AttachmentImage = function AttachmentImage(props) {
     }
   }))));
 };
-
 var getFileType = function getFileType(asset) {
   var filename = asset.filename;
-
   if (filename) {
     var contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
     return contentType.startsWith('image/') ? 'image' : 'video';
@@ -292,17 +249,16 @@ var getFileType = function getFileType(asset) {
     return asset.type === 'video' ? 'video' : 'image';
   }
 };
-
 var renderAttachmentPickerItem = function renderAttachmentPickerItem(_ref2) {
   var item = _ref2.item;
   var asset = item.asset,
-      ImageOverlaySelectedComponent = item.ImageOverlaySelectedComponent,
-      maxNumberOfFiles = item.maxNumberOfFiles,
-      numberOfAttachmentPickerImageColumns = item.numberOfAttachmentPickerImageColumns,
-      numberOfUploads = item.numberOfUploads,
-      selected = item.selected,
-      setSelectedFiles = item.setSelectedFiles,
-      setSelectedImages = item.setSelectedImages;
+    ImageOverlaySelectedComponent = item.ImageOverlaySelectedComponent,
+    maxNumberOfFiles = item.maxNumberOfFiles,
+    numberOfAttachmentPickerImageColumns = item.numberOfAttachmentPickerImageColumns,
+    numberOfUploads = item.numberOfUploads,
+    selected = item.selected,
+    setSelectedFiles = item.setSelectedFiles,
+    setSelectedImages = item.setSelectedImages;
   var fileType = getFileType(asset);
   return fileType === 'image' ? _react["default"].createElement(AttachmentImage, {
     asset: asset,
@@ -334,9 +290,7 @@ var renderAttachmentPickerItem = function renderAttachmentPickerItem(_ref2) {
     }
   });
 };
-
 exports.renderAttachmentPickerItem = renderAttachmentPickerItem;
-
 var styles = _reactNative.StyleSheet.create({
   durationText: {
     fontWeight: 'bold'

package/lib/module/components/AttachmentPicker/components/AttachmentPickerItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentPickerItem.tsx"],"names":["AttachmentVideo","props","asset","ImageOverlaySelectedComponent","maxNumberOfFiles","numberOfAttachmentPickerImageColumns","numberOfUploads","selected","setSelectedFiles","theme","attachmentPicker","durationText","image","imageOverlay","colors","overlay","white","duration","playableDuration","uri","videoDuration","ONE_HOUR_IN_SECONDS","durationLabel","isDurationLongerThanHour","formattedDurationParam","formattedVideoDuration","dayjs","format","size","onPressVideo","id","localAssetURI","files","filter","file","Alert","alert","name","filename","fileSize","type","height","margin","width","styles","backgroundColor","videoView","color","AttachmentImage","setSelectedImages","onPressImage","images","getFileType","contentType","startsWith","renderAttachmentPickerItem","item","fileType","StyleSheet","create","fontWeight","alignItems","flex","bottom","display","flexDirection","justifyContent","paddingHorizontal","position"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Alert, ImageBackground, StyleSheet, Text, View } from 'react-native';\n\nimport { TouchableOpacity } from '@gorhom/bottom-sheet';\nimport dayjs from 'dayjs';\nimport { lookup } from 'mime-types';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Recorder } from '../../../icons';\nimport { getLocalAssetUri } from '../../../native';\nimport type { Asset, File } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\ntype AttachmentPickerItemType = {\n  asset: Asset;\n  ImageOverlaySelectedComponent: React.ComponentType;\n  maxNumberOfFiles: number;\n  numberOfUploads: number;\n  selected: boolean;\n  setSelectedFiles: React.Dispatch<React.SetStateAction<File[]>>;\n  setSelectedImages: React.Dispatch<React.SetStateAction<Asset[]>>;\n  numberOfAttachmentPickerImageColumns?: number;\n};\n\ntype AttachmentImageProps = Omit<AttachmentPickerItemType, 'setSelectedFiles'>;\n\ntype AttachmentVideoProps = Omit<AttachmentPickerItemType, 'setSelectedImages'>;\n\nconst AttachmentVideo: React.FC<AttachmentVideoProps> = (props) => {\n  const {\n    asset,\n    ImageOverlaySelectedComponent,\n    maxNumberOfFiles,\n    numberOfAttachmentPickerImageColumns,\n    numberOfUploads,\n    selected,\n    setSelectedFiles,\n  } = props;\n\n  const {\n    theme: {\n      attachmentPicker: { durationText, image, imageOverlay },\n      colors: { overlay, white },\n    },\n  } = useTheme();\n\n  const { duration, playableDuration, uri } = asset;\n\n  const videoDuration = duration ? duration : playableDuration;\n\n  const ONE_HOUR_IN_SECONDS = 3600;\n\n  let durationLabel = '00:00';\n\n  if (videoDuration) {\n    const isDurationLongerThanHour = videoDuration / ONE_HOUR_IN_SECONDS >= 1;\n    const formattedDurationParam = isDurationLongerThanHour ? 'HH:mm:ss' : 'mm:ss';\n    const formattedVideoDuration = dayjs\n      .duration(videoDuration, 'second')\n      .format(formattedDurationParam);\n    durationLabel = formattedVideoDuration;\n  }\n\n  const size = vw(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;\n\n  const onPressVideo = async () => {\n    // For the case of expo messaging app where you need to fetch the asset uri from asset id\n    const localAssetURI = asset.id && (await getLocalAssetUri(asset.id));\n    if (selected) {\n      setSelectedFiles((files) => files.filter((file) => file.uri !== asset.uri));\n    } else {\n      setSelectedFiles((files) => {\n        if (numberOfUploads >= maxNumberOfFiles) {\n          Alert.alert('Maximum number of files reached');\n          return files;\n        }\n        return [\n          ...files,\n          {\n            duration: durationLabel,\n            name: asset.filename,\n            size: asset.fileSize,\n            type: 'video',\n            uri: localAssetURI || asset.uri,\n          },\n        ];\n      });\n    }\n  };\n\n  return (\n    <TouchableOpacity onPress={onPressVideo}>\n      <ImageBackground\n        source={{ uri }}\n        style={[\n          {\n            height: size,\n            margin: 1,\n            width: size,\n          },\n          image,\n        ]}\n      >\n        {selected && (\n          <View style={[styles.overlay, { backgroundColor: overlay }, imageOverlay]}>\n            <ImageOverlaySelectedComponent />\n          </View>\n        )}\n        <View style={styles.videoView}>\n          <Recorder height={20} pathFill={white} width={25} />\n          {videoDuration ? (\n            <Text style={[styles.durationText, durationText, { color: white }]}>\n              {durationLabel}\n            </Text>\n          ) : null}\n        </View>\n      </ImageBackground>\n    </TouchableOpacity>\n  );\n};\n\nconst AttachmentImage: React.FC<AttachmentImageProps> = (props) => {\n  const {\n    asset,\n    ImageOverlaySelectedComponent,\n    maxNumberOfFiles,\n    numberOfAttachmentPickerImageColumns,\n    numberOfUploads,\n    selected,\n    setSelectedImages,\n  } = props;\n  const {\n    theme: {\n      attachmentPicker: { image, imageOverlay },\n      colors: { overlay },\n    },\n  } = useTheme();\n\n  const size = vw(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;\n\n  const { uri } = asset;\n\n  const onPressImage = () => {\n    if (selected) {\n      setSelectedImages((images) => images.filter((image) => image.uri !== asset.uri));\n    } else {\n      setSelectedImages((images) => {\n        if (numberOfUploads >= maxNumberOfFiles) {\n          Alert.alert('Maximum number of files reached');\n          return images;\n        }\n        return [...images, asset];\n      });\n    }\n  };\n\n  return (\n    <TouchableOpacity onPress={onPressImage}>\n      <ImageBackground\n        source={{ uri }}\n        style={[\n          {\n            height: size,\n            margin: 1,\n            width: size,\n          },\n          image,\n        ]}\n      >\n        {selected && (\n          <View style={[styles.overlay, { backgroundColor: overlay }, imageOverlay]}>\n            <ImageOverlaySelectedComponent />\n          </View>\n        )}\n      </ImageBackground>\n    </TouchableOpacity>\n  );\n};\n\nconst getFileType = (asset: Asset) => {\n  const { filename } = asset;\n  if (filename) {\n    const contentType = lookup(filename) || 'multipart/form-data';\n    return contentType.startsWith('image/') ? 'image' : 'video';\n  } else {\n    return asset.type === 'video' ? 'video' : 'image';\n  }\n};\n\nexport const renderAttachmentPickerItem = ({ item }: { item: AttachmentPickerItemType }) => {\n  const {\n    asset,\n    ImageOverlaySelectedComponent,\n    maxNumberOfFiles,\n    numberOfAttachmentPickerImageColumns,\n    numberOfUploads,\n    selected,\n    setSelectedFiles,\n    setSelectedImages,\n  } = item;\n\n  const fileType = getFileType(asset);\n\n  return fileType === 'image' ? (\n    <AttachmentImage\n      asset={asset}\n      ImageOverlaySelectedComponent={ImageOverlaySelectedComponent}\n      maxNumberOfFiles={maxNumberOfFiles}\n      numberOfAttachmentPickerImageColumns={numberOfAttachmentPickerImageColumns}\n      numberOfUploads={numberOfUploads}\n      selected={selected}\n      setSelectedImages={setSelectedImages}\n    />\n  ) : (\n    <AttachmentVideo\n      asset={asset}\n      ImageOverlaySelectedComponent={ImageOverlaySelectedComponent}\n      maxNumberOfFiles={maxNumberOfFiles}\n      numberOfAttachmentPickerImageColumns={numberOfAttachmentPickerImageColumns}\n      numberOfUploads={numberOfUploads}\n      selected={selected}\n      setSelectedFiles={setSelectedFiles}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  durationText: {\n    fontWeight: 'bold',\n  },\n  overlay: {\n    alignItems: 'flex-end',\n    flex: 1,\n  },\n  videoView: {\n    bottom: 5,\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingHorizontal: 5,\n    position: 'absolute',\n    width: '100%',\n  },\n});\n"]}
+{"version":3,"names":["AttachmentVideo","props","asset","ImageOverlaySelectedComponent","maxNumberOfFiles","numberOfAttachmentPickerImageColumns","numberOfUploads","selected","setSelectedFiles","useTheme","theme","attachmentPicker","durationText","image","imageOverlay","colors","overlay","white","duration","playableDuration","uri","videoDuration","ONE_HOUR_IN_SECONDS","durationLabel","isDurationLongerThanHour","formattedDurationParam","formattedVideoDuration","dayjs","format","size","vw","onPressVideo","id","getLocalAssetUri","localAssetURI","files","filter","file","Alert","alert","name","filename","fileSize","type","height","margin","width","styles","backgroundColor","videoView","color","AttachmentImage","setSelectedImages","onPressImage","images","getFileType","contentType","lookup","startsWith","renderAttachmentPickerItem","item","fileType","StyleSheet","create","fontWeight","alignItems","flex","bottom","display","flexDirection","justifyContent","paddingHorizontal","position"],"sources":["AttachmentPickerItem.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Alert, ImageBackground, StyleSheet, Text, View } from 'react-native';\n\nimport { TouchableOpacity } from '@gorhom/bottom-sheet';\nimport dayjs from 'dayjs';\nimport { lookup } from 'mime-types';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Recorder } from '../../../icons';\nimport { getLocalAssetUri } from '../../../native';\nimport type { Asset, File } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\ntype AttachmentPickerItemType = {\n  asset: Asset;\n  ImageOverlaySelectedComponent: React.ComponentType;\n  maxNumberOfFiles: number;\n  numberOfUploads: number;\n  selected: boolean;\n  setSelectedFiles: React.Dispatch<React.SetStateAction<File[]>>;\n  setSelectedImages: React.Dispatch<React.SetStateAction<Asset[]>>;\n  numberOfAttachmentPickerImageColumns?: number;\n};\n\ntype AttachmentImageProps = Omit<AttachmentPickerItemType, 'setSelectedFiles'>;\n\ntype AttachmentVideoProps = Omit<AttachmentPickerItemType, 'setSelectedImages'>;\n\nconst AttachmentVideo: React.FC<AttachmentVideoProps> = (props) => {\n  const {\n    asset,\n    ImageOverlaySelectedComponent,\n    maxNumberOfFiles,\n    numberOfAttachmentPickerImageColumns,\n    numberOfUploads,\n    selected,\n    setSelectedFiles,\n  } = props;\n\n  const {\n    theme: {\n      attachmentPicker: { durationText, image, imageOverlay },\n      colors: { overlay, white },\n    },\n  } = useTheme();\n\n  const { duration, playableDuration, uri } = asset;\n\n  const videoDuration = duration ? duration : playableDuration;\n\n  const ONE_HOUR_IN_SECONDS = 3600;\n\n  let durationLabel = '00:00';\n\n  if (videoDuration) {\n    const isDurationLongerThanHour = videoDuration / ONE_HOUR_IN_SECONDS >= 1;\n    const formattedDurationParam = isDurationLongerThanHour ? 'HH:mm:ss' : 'mm:ss';\n    const formattedVideoDuration = dayjs\n      .duration(videoDuration, 'second')\n      .format(formattedDurationParam);\n    durationLabel = formattedVideoDuration;\n  }\n\n  const size = vw(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;\n\n  const onPressVideo = async () => {\n    // For the case of expo messaging app where you need to fetch the asset uri from asset id\n    const localAssetURI = asset.id && (await getLocalAssetUri(asset.id));\n    if (selected) {\n      setSelectedFiles((files) => files.filter((file) => file.uri !== asset.uri));\n    } else {\n      setSelectedFiles((files) => {\n        if (numberOfUploads >= maxNumberOfFiles) {\n          Alert.alert('Maximum number of files reached');\n          return files;\n        }\n        return [\n          ...files,\n          {\n            duration: durationLabel,\n            name: asset.filename,\n            size: asset.fileSize,\n            type: 'video',\n            uri: localAssetURI || asset.uri,\n          },\n        ];\n      });\n    }\n  };\n\n  return (\n    <TouchableOpacity onPress={onPressVideo}>\n      <ImageBackground\n        source={{ uri }}\n        style={[\n          {\n            height: size,\n            margin: 1,\n            width: size,\n          },\n          image,\n        ]}\n      >\n        {selected && (\n          <View style={[styles.overlay, { backgroundColor: overlay }, imageOverlay]}>\n            <ImageOverlaySelectedComponent />\n          </View>\n        )}\n        <View style={styles.videoView}>\n          <Recorder height={20} pathFill={white} width={25} />\n          {videoDuration ? (\n            <Text style={[styles.durationText, durationText, { color: white }]}>\n              {durationLabel}\n            </Text>\n          ) : null}\n        </View>\n      </ImageBackground>\n    </TouchableOpacity>\n  );\n};\n\nconst AttachmentImage: React.FC<AttachmentImageProps> = (props) => {\n  const {\n    asset,\n    ImageOverlaySelectedComponent,\n    maxNumberOfFiles,\n    numberOfAttachmentPickerImageColumns,\n    numberOfUploads,\n    selected,\n    setSelectedImages,\n  } = props;\n  const {\n    theme: {\n      attachmentPicker: { image, imageOverlay },\n      colors: { overlay },\n    },\n  } = useTheme();\n\n  const size = vw(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;\n\n  const { uri } = asset;\n\n  const onPressImage = () => {\n    if (selected) {\n      setSelectedImages((images) => images.filter((image) => image.uri !== asset.uri));\n    } else {\n      setSelectedImages((images) => {\n        if (numberOfUploads >= maxNumberOfFiles) {\n          Alert.alert('Maximum number of files reached');\n          return images;\n        }\n        return [...images, asset];\n      });\n    }\n  };\n\n  return (\n    <TouchableOpacity onPress={onPressImage}>\n      <ImageBackground\n        source={{ uri }}\n        style={[\n          {\n            height: size,\n            margin: 1,\n            width: size,\n          },\n          image,\n        ]}\n      >\n        {selected && (\n          <View style={[styles.overlay, { backgroundColor: overlay }, imageOverlay]}>\n            <ImageOverlaySelectedComponent />\n          </View>\n        )}\n      </ImageBackground>\n    </TouchableOpacity>\n  );\n};\n\nconst getFileType = (asset: Asset) => {\n  const { filename } = asset;\n  if (filename) {\n    const contentType = lookup(filename) || 'multipart/form-data';\n    return contentType.startsWith('image/') ? 'image' : 'video';\n  } else {\n    return asset.type === 'video' ? 'video' : 'image';\n  }\n};\n\nexport const renderAttachmentPickerItem = ({ item }: { item: AttachmentPickerItemType }) => {\n  const {\n    asset,\n    ImageOverlaySelectedComponent,\n    maxNumberOfFiles,\n    numberOfAttachmentPickerImageColumns,\n    numberOfUploads,\n    selected,\n    setSelectedFiles,\n    setSelectedImages,\n  } = item;\n\n  const fileType = getFileType(asset);\n\n  return fileType === 'image' ? (\n    <AttachmentImage\n      asset={asset}\n      ImageOverlaySelectedComponent={ImageOverlaySelectedComponent}\n      maxNumberOfFiles={maxNumberOfFiles}\n      numberOfAttachmentPickerImageColumns={numberOfAttachmentPickerImageColumns}\n      numberOfUploads={numberOfUploads}\n      selected={selected}\n      setSelectedImages={setSelectedImages}\n    />\n  ) : (\n    <AttachmentVideo\n      asset={asset}\n      ImageOverlaySelectedComponent={ImageOverlaySelectedComponent}\n      maxNumberOfFiles={maxNumberOfFiles}\n      numberOfAttachmentPickerImageColumns={numberOfAttachmentPickerImageColumns}\n      numberOfUploads={numberOfUploads}\n      selected={selected}\n      setSelectedFiles={setSelectedFiles}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  durationText: {\n    fontWeight: 'bold',\n  },\n  overlay: {\n    alignItems: 'flex-end',\n    flex: 1,\n  },\n  videoView: {\n    bottom: 5,\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingHorizontal: 5,\n    position: 'absolute',\n    width: '100%',\n  },\n});\n"],"mappings":"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"}