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

package/lib/commonjs/components/Chat/hooks/useSyncDatabase.js

@@ -2,28 +2,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSyncDatabase = void 0;
-
 var _react = require("react");
-
 var _handleEventToSyncDB = require("./handleEventToSyncDB");
-
 var useSyncDatabase = function useSyncDatabase(_ref) {
   var client = _ref.client,
-      enableOfflineSupport = _ref.enableOfflineSupport;
+    enableOfflineSupport = _ref.enableOfflineSupport;
   (0, _react.useEffect)(function () {
     var listener;
-
     if (enableOfflineSupport) {
       listener = client == null ? void 0 : client.on(_handleEventToSyncDB.handleEventToSyncDB);
     }
-
     return function () {
       var _listener;
-
       (_listener = listener) == null ? void 0 : _listener.unsubscribe();
     };
   }, [client]);
 };
-
 exports.useSyncDatabase = useSyncDatabase;
 //# sourceMappingURL=useSyncDatabase.js.map

package/lib/commonjs/components/Chat/hooks/useSyncDatabase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSyncDatabase.ts"],"names":["useSyncDatabase","client","enableOfflineSupport","listener","on","handleEventToSyncDB","unsubscribe"],"mappings":";;;;;AAAA;;AAIA;;AAQO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKG;AAAA,MAFhCC,MAEgC,QAFhCA,MAEgC;AAAA,MADhCC,oBACgC,QADhCA,oBACgC;AAChC,wBAAU,YAAM;AACd,QAAIC,QAAJ;;AAEA,QAAID,oBAAJ,EAA0B;AACxBC,MAAAA,QAAQ,GAAGF,MAAH,oBAAGA,MAAM,CAAEG,EAAR,CAAWC,wCAAX,CAAX;AACD;;AAED,WAAO,YAAM;AAAA;;AACX,mBAAAF,QAAQ,SAAR,sBAAUG,WAAV;AACD,KAFD;AAGD,GAVD,EAUG,CAACL,MAAD,CAVH;AAWD,CAjBM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { StreamChat } from 'stream-chat';\n\nimport { handleEventToSyncDB } from './handleEventToSyncDB';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype Params<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {\n  client: StreamChat<StreamChatGenerics>;\n  enableOfflineSupport: boolean;\n};\nexport const useSyncDatabase = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  enableOfflineSupport,\n}: Params<StreamChatGenerics>) => {\n  useEffect(() => {\n    let listener: ReturnType<StreamChat['on']> | undefined;\n\n    if (enableOfflineSupport) {\n      listener = client?.on(handleEventToSyncDB);\n    }\n\n    return () => {\n      listener?.unsubscribe();\n    };\n  }, [client]);\n};\n"]}
+{"version":3,"names":["useSyncDatabase","client","enableOfflineSupport","useEffect","listener","on","handleEventToSyncDB","unsubscribe"],"sources":["useSyncDatabase.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { StreamChat } from 'stream-chat';\n\nimport { handleEventToSyncDB } from './handleEventToSyncDB';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype Params<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {\n  client: StreamChat<StreamChatGenerics>;\n  enableOfflineSupport: boolean;\n};\nexport const useSyncDatabase = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  enableOfflineSupport,\n}: Params<StreamChatGenerics>) => {\n  useEffect(() => {\n    let listener: ReturnType<StreamChat['on']> | undefined;\n\n    if (enableOfflineSupport) {\n      listener = client?.on(handleEventToSyncDB);\n    }\n\n    return () => {\n      listener?.unsubscribe();\n    };\n  }, [client]);\n};\n"],"mappings":";;;;AAAA;AAIA;AAQO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAKM;EAAA,IAFhCC,MAAM,QAANA,MAAM;IACNC,oBAAoB,QAApBA,oBAAoB;EAEpB,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIC,QAAkD;IAEtD,IAAIF,oBAAoB,EAAE;MACxBE,QAAQ,GAAGH,MAAM,oBAANA,MAAM,CAAEI,EAAE,CAACC,wCAAmB,CAAC;IAC5C;IAEA,OAAO,YAAM;MAAA;MACX,aAAAF,QAAQ,qBAAR,UAAUG,WAAW,EAAE;IACzB,CAAC;EACH,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;AACd,CAAC;AAAC"}

package/lib/commonjs/components/ImageBackground.js

@@ -1,40 +1,27 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageBackground = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _excluded = ["children", "ImageComponent", "imageStyle", "importantForAccessibility", "style"];
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageBackground.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageBackground.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 ImageBackground = function ImageBackground(props) {
   var children = props.children,
-      _props$ImageComponent = props.ImageComponent,
-      ImageComponent = _props$ImageComponent === void 0 ? _reactNative.Image : _props$ImageComponent,
-      imageStyle = props.imageStyle,
-      importantForAccessibility = props.importantForAccessibility,
-      style = props.style,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    _props$ImageComponent = props.ImageComponent,
+    ImageComponent = _props$ImageComponent === void 0 ? _reactNative.Image : _props$ImageComponent,
+    imageStyle = props.imageStyle,
+    importantForAccessibility = props.importantForAccessibility,
+    style = props.style,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var flattenedStyle = _reactNative.StyleSheet.flatten(style);
-
   return React.createElement(_reactNative.View, {
     accessibilityIgnoresInvertColors: true,
     importantForAccessibility: importantForAccessibility,
@@ -59,6 +46,5 @@ var ImageBackground = function ImageBackground(props) {
     }
   })), children);
 };
-
 exports.ImageBackground = ImageBackground;
 //# sourceMappingURL=ImageBackground.js.map

package/lib/commonjs/components/ImageBackground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageBackground.tsx"],"names":["ImageBackground","props","children","ImageComponent","Image","imageStyle","importantForAccessibility","style","rest","flattenedStyle","StyleSheet","flatten","absoluteFill","height","width"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;;;;;;;;;;AA+BO,IAAMA,eAIZ,GAAG,SAJSA,eAIT,CAACC,KAAD,EAAW;AACb,MACEC,QADF,GAOID,KAPJ,CACEC,QADF;AAAA,8BAOID,KAPJ,CAEEE,cAFF;AAAA,MAEEA,cAFF,sCAEmBC,kBAFnB;AAAA,MAGEC,UAHF,GAOIJ,KAPJ,CAGEI,UAHF;AAAA,MAIEC,yBAJF,GAOIL,KAPJ,CAIEK,yBAJF;AAAA,MAKEC,KALF,GAOIN,KAPJ,CAKEM,KALF;AAAA,MAMKC,IANL,6CAOIP,KAPJ;;AASA,MAAMQ,cAAc,GAAGC,wBAAWC,OAAX,CAAmBJ,KAAnB,CAAvB;;AACA,SACE,oBAAC,iBAAD;AACE,IAAA,gCAAgC,EAAE,IADpC;AAEE,IAAA,yBAAyB,EAAED,yBAF7B;AAGE,IAAA,KAAK,EAAEC,KAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAKE,oBAAC,cAAD,gCACMC,IADN;AAEE,IAAA,yBAAyB,EAAEF,yBAF7B;AAGE,IAAA,KAAK,EAAE,CACLI,wBAAWE,YADN,EAEL;AAQEC,MAAAA,MAAM,EAAEJ,cAAF,oBAAEA,cAAc,CAAEI,MAR1B;AASEC,MAAAA,KAAK,EAAEL,cAAF,oBAAEA,cAAc,CAAEK;AATzB,KAFK,EAaLT,UAbK,CAHT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KALF,EAwBGH,QAxBH,CADF;AA4BD,CA3CM","sourcesContent":["import * as React from 'react';\n\nimport { Image, ImageBackgroundProps, ImageProps, StyleSheet, View } from 'react-native';\n\n/**\n * DISCLAIMER: This component has been pretty-much copied from react-native's source code\n * https://github.com/facebook/react-native/blob/main/Libraries/Image/ImageBackground.js\n * Few modifications have been done such as converting to functional component, removing ref related logic (since its not required).\n * Also support for prop `ImageComponent` has been introduced to allow rendering custom\n * component instead of `Image`.\n *\n *\n * Very simple drop-in replacement for <Image> which supports nesting views.\n *\n * ```ReactNativeWebPlayer\n * import React, { Component } from 'react';\n * import { AppRegistry, View, ImageBackground, Text } from 'react-native';\n *\n * class DisplayAnImageBackground extends Component {\n *   render() {\n *     return (\n *       <ImageBackground\n *         style={{width: 50, height: 50}}\n *         source={{uri: 'https://reactnative.dev/img/opengraph.png'}}\n *       >\n *         <Text>React</Text>\n *       </ImageBackground>\n *     );\n *   }\n * }\n *\n */\n\nexport const ImageBackground: React.ComponentType<\n  ImageBackgroundProps & {\n    ImageComponent?: React.ComponentType<ImageProps>;\n  }\n> = (props) => {\n  const {\n    children,\n    ImageComponent = Image,\n    imageStyle,\n    importantForAccessibility,\n    style,\n    ...rest\n  } = props;\n\n  const flattenedStyle = StyleSheet.flatten(style);\n  return (\n    <View\n      accessibilityIgnoresInvertColors={true}\n      importantForAccessibility={importantForAccessibility}\n      style={style}\n    >\n      <ImageComponent\n        {...rest}\n        importantForAccessibility={importantForAccessibility}\n        style={[\n          StyleSheet.absoluteFill,\n          {\n            // Temporary Workaround:\n            // Current (imperfect yet) implementation of <Image> overwrites width and height styles\n            // (which is not quite correct), and these styles conflict with explicitly set styles\n            // of <ImageBackground> and with our internal layout model here.\n            // So, we have to proxy/reapply these styles explicitly for actual <Image> component.\n            // This workaround should be removed after implementing proper support of\n            // intrinsic content size of the <Image>.\n            height: flattenedStyle?.height,\n            width: flattenedStyle?.width,\n          },\n          imageStyle,\n        ]}\n      />\n      {children}\n    </View>\n  );\n};\n"]}
+{"version":3,"names":["ImageBackground","props","children","ImageComponent","Image","imageStyle","importantForAccessibility","style","rest","flattenedStyle","StyleSheet","flatten","absoluteFill","height","width"],"sources":["ImageBackground.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Image, ImageBackgroundProps, ImageProps, StyleSheet, View } from 'react-native';\n\n/**\n * DISCLAIMER: This component has been pretty-much copied from react-native's source code\n * https://github.com/facebook/react-native/blob/main/Libraries/Image/ImageBackground.js\n * Few modifications have been done such as converting to functional component, removing ref related logic (since its not required).\n * Also support for prop `ImageComponent` has been introduced to allow rendering custom\n * component instead of `Image`.\n *\n *\n * Very simple drop-in replacement for <Image> which supports nesting views.\n *\n * ```ReactNativeWebPlayer\n * import React, { Component } from 'react';\n * import { AppRegistry, View, ImageBackground, Text } from 'react-native';\n *\n * class DisplayAnImageBackground extends Component {\n *   render() {\n *     return (\n *       <ImageBackground\n *         style={{width: 50, height: 50}}\n *         source={{uri: 'https://reactnative.dev/img/opengraph.png'}}\n *       >\n *         <Text>React</Text>\n *       </ImageBackground>\n *     );\n *   }\n * }\n *\n */\n\nexport const ImageBackground: React.ComponentType<\n  ImageBackgroundProps & {\n    ImageComponent?: React.ComponentType<ImageProps>;\n  }\n> = (props) => {\n  const {\n    children,\n    ImageComponent = Image,\n    imageStyle,\n    importantForAccessibility,\n    style,\n    ...rest\n  } = props;\n\n  const flattenedStyle = StyleSheet.flatten(style);\n  return (\n    <View\n      accessibilityIgnoresInvertColors={true}\n      importantForAccessibility={importantForAccessibility}\n      style={style}\n    >\n      <ImageComponent\n        {...rest}\n        importantForAccessibility={importantForAccessibility}\n        style={[\n          StyleSheet.absoluteFill,\n          {\n            // Temporary Workaround:\n            // Current (imperfect yet) implementation of <Image> overwrites width and height styles\n            // (which is not quite correct), and these styles conflict with explicitly set styles\n            // of <ImageBackground> and with our internal layout model here.\n            // So, we have to proxy/reapply these styles explicitly for actual <Image> component.\n            // This workaround should be removed after implementing proper support of\n            // intrinsic content size of the <Image>.\n            height: flattenedStyle?.height,\n            width: flattenedStyle?.width,\n          },\n          imageStyle,\n        ]}\n      />\n      {children}\n    </View>\n  );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAAyF;AAAA;EAAA;AAAA;AAAA;AA+BlF,IAAMA,eAIZ,GAAG,SAJSA,eAIZ,CAAIC,KAAK,EAAK;EACb,IACEC,QAAQ,GAMND,KAAK,CANPC,QAAQ;IAAA,wBAMND,KAAK,CALPE,cAAc;IAAdA,cAAc,sCAAGC,kBAAK;IACtBC,UAAU,GAIRJ,KAAK,CAJPI,UAAU;IACVC,yBAAyB,GAGvBL,KAAK,CAHPK,yBAAyB;IACzBC,KAAK,GAEHN,KAAK,CAFPM,KAAK;IACFC,IAAI,6CACLP,KAAK;EAET,IAAMQ,cAAc,GAAGC,uBAAU,CAACC,OAAO,CAACJ,KAAK,CAAC;EAChD,OACE,oBAAC,iBAAI;IACH,gCAAgC,EAAE,IAAK;IACvC,yBAAyB,EAAED,yBAA0B;IACrD,KAAK,EAAEC,KAAM;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAEb,oBAAC,cAAc,gCACTC,IAAI;IACR,yBAAyB,EAAEF,yBAA0B;IACrD,KAAK,EAAE,CACLI,uBAAU,CAACE,YAAY,EACvB;MAQEC,MAAM,EAAEJ,cAAc,oBAAdA,cAAc,CAAEI,MAAM;MAC9BC,KAAK,EAAEL,cAAc,oBAAdA,cAAc,CAAEK;IACzB,CAAC,EACDT,UAAU,CACV;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACF,EACDH,QAAQ,CACJ;AAEX,CAAC;AAAC"}

package/lib/commonjs/components/ImageGallery/ImageGallery.js

@@ -1,151 +1,103 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clamp = exports.IsSwiping = exports.ImageGallery = exports.HasPinched = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 var _bottomSheet = require("@gorhom/bottom-sheet");
-
 var _AnimatedGalleryImage = require("./components/AnimatedGalleryImage");
-
 var _AnimatedGalleryVideo = require("./components/AnimatedGalleryVideo");
-
 var _ImageGalleryFooter = require("./components/ImageGalleryFooter");
-
 var _ImageGalleryHeader = require("./components/ImageGalleryHeader");
-
 var _ImageGalleryOverlay = require("./components/ImageGalleryOverlay");
-
 var _ImageGrid = require("./components/ImageGrid");
-
 var _ImageGridHandle = require("./components/ImageGridHandle");
-
 var _useImageGalleryGestures = require("./hooks/useImageGalleryGestures");
-
 var _ImageGalleryContext = require("../../contexts/imageGalleryContext/ImageGalleryContext");
-
 var _OverlayContext = require("../../contexts/overlayContext/OverlayContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _native = require("../../native");
-
 var _getResizedImageUrl = require("../../utils/getResizedImageUrl");
-
 var _getUrlOfImageAttachment = require("../../utils/getUrlOfImageAttachment");
-
 var _utils = require("../../utils/utils");
-
 var _getGiphyMimeType = require("../Attachment/utils/getGiphyMimeType");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/ImageGallery.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/ImageGallery.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 isAndroid = _reactNative.Platform.OS === 'android';
-
 var fullScreenHeight = _reactNative.Dimensions.get('screen').height;
-
 var measuredScreenHeight = (0, _utils.vh)(100);
 var screenWidth = (0, _utils.vw)(100);
 var halfScreenWidth = (0, _utils.vw)(50);
 var MARGIN = 32;
 var HasPinched;
 exports.HasPinched = HasPinched;
-
 (function (HasPinched) {
   HasPinched[HasPinched["FALSE"] = 0] = "FALSE";
   HasPinched[HasPinched["TRUE"] = 1] = "TRUE";
 })(HasPinched || (exports.HasPinched = HasPinched = {}));
-
 var IsSwiping;
 exports.IsSwiping = IsSwiping;
-
 (function (IsSwiping) {
   IsSwiping[IsSwiping["UNDETERMINED"] = 0] = "UNDETERMINED";
   IsSwiping[IsSwiping["TRUE"] = 1] = "TRUE";
   IsSwiping[IsSwiping["FALSE"] = 2] = "FALSE";
 })(IsSwiping || (exports.IsSwiping = IsSwiping = {}));
-
 var ImageGallery = function ImageGallery(props) {
   var _StatusBar$currentHei, _imageGalleryAttachme;
-
   var _props$giphyVersion = props.giphyVersion,
-      giphyVersion = _props$giphyVersion === void 0 ? 'fixed_height' : _props$giphyVersion,
-      imageGalleryCustomComponents = props.imageGalleryCustomComponents,
-      imageGalleryGridHandleHeight = props.imageGalleryGridHandleHeight,
-      imageGalleryGridSnapPoints = props.imageGalleryGridSnapPoints,
-      numberOfImageGalleryGridColumns = props.numberOfImageGalleryGridColumns,
-      overlayOpacity = props.overlayOpacity;
-
+    giphyVersion = _props$giphyVersion === void 0 ? 'fixed_height' : _props$giphyVersion,
+    imageGalleryCustomComponents = props.imageGalleryCustomComponents,
+    imageGalleryGridHandleHeight = props.imageGalleryGridHandleHeight,
+    imageGalleryGridSnapPoints = props.imageGalleryGridSnapPoints,
+    numberOfImageGalleryGridColumns = props.numberOfImageGalleryGridColumns,
+    overlayOpacity = props.overlayOpacity;
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      imageGalleryAttachments = _useState2[0],
-      setImageGalleryAttachments = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    imageGalleryAttachments = _useState2[0],
+    setImageGalleryAttachments = _useState2[1];
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      white_snow = _useTheme$theme.colors.white_snow,
-      _useTheme$theme$image = _useTheme$theme.imageGallery,
-      backgroundColor = _useTheme$theme$image.backgroundColor,
-      pager = _useTheme$theme$image.pager,
-      slide = _useTheme$theme$image.slide;
-
+    _useTheme$theme = _useTheme.theme,
+    white_snow = _useTheme$theme.colors.white_snow,
+    _useTheme$theme$image = _useTheme$theme.imageGallery,
+    backgroundColor = _useTheme$theme$image.backgroundColor,
+    pager = _useTheme$theme$image.pager,
+    slide = _useTheme$theme$image.slide;
   var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      gridPhotos = _useState4[0],
-      setGridPhotos = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    gridPhotos = _useState4[0],
+    setGridPhotos = _useState4[1];
   var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
-      overlay = _useOverlayContext.overlay,
-      translucentStatusBar = _useOverlayContext.translucentStatusBar;
-
+    overlay = _useOverlayContext.overlay,
+    translucentStatusBar = _useOverlayContext.translucentStatusBar;
   var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
-      messages = _useImageGalleryConte.messages,
-      selectedMessage = _useImageGalleryConte.selectedMessage,
-      setSelectedMessage = _useImageGalleryConte.setSelectedMessage;
-
+    messages = _useImageGalleryConte.messages,
+    selectedMessage = _useImageGalleryConte.selectedMessage,
+    setSelectedMessage = _useImageGalleryConte.setSelectedMessage;
   var statusBarHeight = (_StatusBar$currentHei = _reactNative.StatusBar.currentHeight) != null ? _StatusBar$currentHei : 0;
   var bottomBarHeight = fullScreenHeight - measuredScreenHeight - statusBarHeight;
   var androidScreenHeightAdjustment = translucentStatusBar ? bottomBarHeight === statusBarHeight || bottomBarHeight < 0 ? 0 : statusBarHeight : bottomBarHeight === statusBarHeight || bottomBarHeight < 0 ? -statusBarHeight : 0;
   var screenHeight = isAndroid ? _reactNative.Dimensions.get('window').height + androidScreenHeightAdjustment : (0, _utils.vh)(100);
   var halfScreenHeight = screenHeight / 2;
   var quarterScreenHeight = screenHeight / 4;
-
   var snapPoints = _react["default"].useMemo(function () {
     return [screenHeight * 3 / 4, screenHeight - (imageGalleryGridHandleHeight != null ? imageGalleryGridHandleHeight : 40)];
   }, []);
-
   var bottomSheetModalRef = (0, _react.useRef)(null);
-
   var _useState5 = (0, _react.useState)(0),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      currentBottomSheetIndex = _useState6[0],
-      setCurrentBottomSheetIndex = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    currentBottomSheetIndex = _useState6[0],
+    setCurrentBottomSheetIndex = _useState6[1];
   var animatedBottomSheetIndex = (0, _reactNativeReanimated.useSharedValue)(0);
   var screenTranslateY = (0, _reactNativeReanimated.useSharedValue)(screenHeight);
-
   var showScreen = function showScreen() {
     'worklet';
 
@@ -154,23 +106,18 @@ var ImageGallery = function ImageGallery(props) {
       easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
     });
   };
-
   (0, _react.useEffect)(function () {
     _reactNative.Keyboard.dismiss();
-
     showScreen();
   }, []);
-
   var _useState7 = (0, _react.useState)(screenHeight),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      currentImageHeight = _useState8[0],
-      setCurrentImageHeight = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    currentImageHeight = _useState8[0],
+    setCurrentImageHeight = _useState8[1];
   var _useState9 = (0, _react.useState)(0),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      selectedIndex = _useState10[0],
-      setSelectedIndex = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    selectedIndex = _useState10[0],
+    setSelectedIndex = _useState10[1];
   var index = (0, _reactNativeReanimated.useSharedValue)(0);
   var headerFooterVisible = (0, _reactNativeReanimated.useSharedValue)(1);
   var doubleTapRef = (0, _react.useRef)(null);
@@ -184,15 +131,12 @@ var ImageGallery = function ImageGallery(props) {
   var translationX = (0, _reactNativeReanimated.useSharedValue)(0);
   var photos = messages.reduce(function (acc, cur) {
     var _cur$attachments;
-
     var attachmentImages = ((_cur$attachments = cur.attachments) == null ? void 0 : _cur$attachments.filter(function (attachment) {
       var _attachment$giphy, _attachment$giphy$gip;
-
       return attachment.type === 'giphy' && (((_attachment$giphy = attachment.giphy) == null ? void 0 : (_attachment$giphy$gip = _attachment$giphy[giphyVersion]) == null ? void 0 : _attachment$giphy$gip.url) || attachment.thumb_url || attachment.image_url) || attachment.type === 'image' && !attachment.title_link && !attachment.og_scrape_url && (0, _getUrlOfImageAttachment.getUrlOfImageAttachment)(attachment) || (0, _native.isVideoPackageAvailable)() && attachment.type === 'video';
     }).reverse()) || [];
     var attachmentPhotos = attachmentImages.map(function (a) {
       var _a$giphy, _a$giphy$giphyVersion;
-
       var imageUrl = (0, _getUrlOfImageAttachment.getUrlOfImageAttachment)(a);
       var giphyURL = ((_a$giphy = a.giphy) == null ? void 0 : (_a$giphy$giphyVersion = _a$giphy[giphyVersion]) == null ? void 0 : _a$giphy$giphyVersion.url) || a.thumb_url || a.image_url;
       return {
@@ -222,11 +166,9 @@ var ImageGallery = function ImageGallery(props) {
   (0, _react.useEffect)(function () {
     setImageGalleryAttachments(photos);
   }, []);
-
   var stripQueryFromUrl = function stripQueryFromUrl(url) {
     return url.split('?')[0];
   };
-
   (0, _react.useEffect)(function () {
     var updatePosition = function updatePosition(newIndex) {
       'worklet';
@@ -237,7 +179,6 @@ var ImageGallery = function ImageGallery(props) {
         (0, _reactNativeReanimated.runOnJS)(setSelectedIndex)(newIndex);
       }
     };
-
     var newIndex = photos.findIndex(function (photo) {
       return photo.messageId === (selectedMessage == null ? void 0 : selectedMessage.messageId) && stripQueryFromUrl(photo.uri) === stripQueryFromUrl((selectedMessage == null ? void 0 : selectedMessage.url) || '');
     });
@@ -249,7 +190,6 @@ var ImageGallery = function ImageGallery(props) {
     var photo = imageGalleryAttachments[index.value];
     var height = photo == null ? void 0 : photo.original_height;
     var width = photo == null ? void 0 : photo.original_width;
-
     if (height && width) {
       var imageHeight = Math.floor(height * (screenWidth / width));
       setCurrentImageHeight(imageHeight > screenHeight ? screenHeight : imageHeight);
@@ -262,29 +202,27 @@ var ImageGallery = function ImageGallery(props) {
       }
     }
   }, [uriForCurrentImage]);
-
   var _useImageGalleryGestu = (0, _useImageGalleryGestures.useImageGalleryGestures)({
-    currentImageHeight: currentImageHeight,
-    halfScreenHeight: halfScreenHeight,
-    halfScreenWidth: halfScreenWidth,
-    headerFooterVisible: headerFooterVisible,
-    offsetScale: offsetScale,
-    overlayOpacity: overlayOpacity,
-    photoLength: photoLength,
-    scale: scale,
-    screenHeight: screenHeight,
-    screenWidth: screenWidth,
-    selectedIndex: selectedIndex,
-    setSelectedIndex: setSelectedIndex,
-    translateX: translateX,
-    translateY: translateY,
-    translationX: translationX
-  }),
-      onDoubleTap = _useImageGalleryGestu.onDoubleTap,
-      onPan = _useImageGalleryGestu.onPan,
-      onPinch = _useImageGalleryGestu.onPinch,
-      onSingleTap = _useImageGalleryGestu.onSingleTap;
-
+      currentImageHeight: currentImageHeight,
+      halfScreenHeight: halfScreenHeight,
+      halfScreenWidth: halfScreenWidth,
+      headerFooterVisible: headerFooterVisible,
+      offsetScale: offsetScale,
+      overlayOpacity: overlayOpacity,
+      photoLength: photoLength,
+      scale: scale,
+      screenHeight: screenHeight,
+      screenWidth: screenWidth,
+      selectedIndex: selectedIndex,
+      setSelectedIndex: setSelectedIndex,
+      translateX: translateX,
+      translateY: translateY,
+      translationX: translationX
+    }),
+    onDoubleTap = _useImageGalleryGestu.onDoubleTap,
+    onPan = _useImageGalleryGestu.onPan,
+    onPinch = _useImageGalleryGestu.onPinch,
+    onSingleTap = _useImageGalleryGestu.onSingleTap;
   var headerFooterOpacity = (0, _reactNativeReanimated.useDerivedValue)(function () {
     return currentImageHeight * scale.value < screenHeight && translateY.value > 0 ? 1 - translateY.value / quarterScreenHeight : currentImageHeight * scale.value > screenHeight && translateY.value > currentImageHeight / 2 * scale.value - halfScreenHeight ? 1 - (translateY.value - (currentImageHeight / 2 * scale.value - halfScreenHeight)) / quarterScreenHeight : 1;
   }, [currentImageHeight]);
@@ -310,32 +248,25 @@ var ImageGallery = function ImageGallery(props) {
       }]
     };
   }, []);
-
   var closeGridView = function closeGridView() {
     var _bottomSheetModalRef$;
-
     if ((_bottomSheetModalRef$ = bottomSheetModalRef.current) != null && _bottomSheetModalRef$.close) {
       bottomSheetModalRef.current.close();
       setGridPhotos([]);
     }
   };
-
   var openGridView = function openGridView() {
     var _bottomSheetModalRef$2;
-
     if ((_bottomSheetModalRef$2 = bottomSheetModalRef.current) != null && _bottomSheetModalRef$2.present) {
       bottomSheetModalRef.current.present();
       setGridPhotos(imageGalleryAttachments);
     }
   };
-
   var handleEnd = function handleEnd() {
     handlePlayPause(imageGalleryAttachments[selectedIndex].id, true);
     handleProgress(imageGalleryAttachments[selectedIndex].id, 1, true);
   };
-
   var videoRef = (0, _react.useRef)(null);
-
   var handleLoad = function handleLoad(index, duration) {
     setImageGalleryAttachments(function (prevImageGalleryAttachment) {
       return prevImageGalleryAttachment.map(function (imageGalleryAttachment) {
@@ -345,7 +276,6 @@ var ImageGallery = function ImageGallery(props) {
       });
     });
   };
-
   var handleProgress = function handleProgress(index, progress, hasEnd) {
     setImageGalleryAttachments(function (prevImageGalleryAttachments) {
       return prevImageGalleryAttachments.map(function (imageGalleryAttachment) {
@@ -355,7 +285,6 @@ var ImageGallery = function ImageGallery(props) {
       });
     });
   };
-
   var handlePlayPause = function handlePlayPause(index, pausedStatus) {
     if (pausedStatus === false) {
       setImageGalleryAttachments(function (prevImageGalleryAttachment) {
@@ -375,7 +304,6 @@ var ImageGallery = function ImageGallery(props) {
       });
     }
   };
-
   var onPlayPause = function onPlayPause(status) {
     if (status === undefined) {
       if (imageGalleryAttachments[selectedIndex].paused) {
@@ -387,7 +315,6 @@ var ImageGallery = function ImageGallery(props) {
       handlePlayPause(imageGalleryAttachments[selectedIndex].id, status);
     }
   };
-
   return _react["default"].createElement(_reactNativeReanimated["default"].View, {
     accessibilityLabel: "Image Gallery",
     pointerEvents: 'auto',
@@ -648,23 +575,18 @@ var ImageGallery = function ImageGallery(props) {
     }
   })))));
 };
-
 exports.ImageGallery = ImageGallery;
-
 var clamp = function clamp(value, lowerBound, upperBound) {
   'worklet';
 
   return Math.min(Math.max(lowerBound, value), upperBound);
 };
-
 exports.clamp = clamp;
-
 var styles = _reactNative.StyleSheet.create({
   animatedContainer: {
     alignItems: 'center',
     flexDirection: 'row'
   }
 });
-
 ImageGallery.displayName = 'ImageGallery{imageGallery}';
 //# sourceMappingURL=ImageGallery.js.map