stream-chat-react-native-core 9.4.0-beta.12 → 9.4.0-beta.13

package/lib/module/components/ImageGallery/components/AnimatedGalleryImage.js

@@ -17,9 +17,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/AnimatedGalleryImage.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var oneEighth = 1 / 8;
-var imageGallerySelector = state => ({
-  currentIndex: state.currentIndex
-});
 var AnimatedGalleryImage = exports.AnimatedGalleryImage = _react.default.memo(props => {
   var accessibilityLabel = props.accessibilityLabel,
     index = props.index,
@@ -35,8 +32,11 @@ var AnimatedGalleryImage = exports.AnimatedGalleryImage = _react.default.memo(pr
     imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
   var _useChatConfigContext = (0, _ChatConfigContext.useChatConfigContext)(),
     resizableCDNHosts = _useChatConfigContext.resizableCDNHosts;
-  var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, imageGallerySelector),
-    currentIndex = _useStateStore.currentIndex;
+  var shouldRenderSelector = (0, _react.useCallback)(state => ({
+    shouldRender: Math.abs(state.currentIndex - index) < 4
+  }), [index]);
+  var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, shouldRenderSelector),
+    shouldRender = _useStateStore.shouldRender;
   var uri = (0, _react.useMemo)(() => {
     return (0, _getResizedImageUrl.getResizedImageUrl)({
       height: screenHeight,
@@ -46,16 +46,12 @@ var AnimatedGalleryImage = exports.AnimatedGalleryImage = _react.default.memo(pr
     });
   }, [photo.uri, resizableCDNHosts, screenHeight, screenWidth]);
   var isSvg = (0, _useIsSvg.useIsSvg)(uri);
-  var selected = currentIndex === index;
-  var previous = currentIndex > index;
-  var shouldRender = Math.abs(currentIndex - index) < 4;
   var animatedStyles = (0, _useAnimatedGalleryStyle.useAnimatedGalleryStyle)({
+    currentIndexShared: imageGalleryStateStore.currentIndexShared,
     index,
     offsetScale,
-    previous,
     scale,
     screenHeight,
-    selected,
     translateX,
     translateY
   });

package/lib/module/components/ImageGallery/components/AnimatedGalleryImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ChatConfigContext","_ImageGalleryContext","_hooks","_useIsSvg","_getResizedImageUrl","_SvgAwareImage","_useAnimatedGalleryStyle","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","oneEighth","imageGallerySelector","state","currentIndex","AnimatedGalleryImage","exports","React","memo","props","accessibilityLabel","index","offsetScale","photo","scale","screenHeight","screenWidth","style","translateX","translateY","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useChatConfigContext","useChatConfigContext","resizableCDNHosts","_useStateStore","useStateStore","uri","useMemo","getResizedImageUrl","height","url","width","isSvg","useIsSvg","selected","previous","shouldRender","Math","abs","animatedStyles","useAnimatedGalleryStyle","jsx","View","transform","styles","svgOuter","children","SvgAwareImage","source","svgInner","Image","resizeMode","prevProps","nextProps","displayName","StyleSheet","create","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryImage.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,mBAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,wBAAA,GAAAV,OAAA;AAA2E,IAAAW,WAAA,GAAAX,OAAA;AAAA,IAAAY,YAAA;AAAA,SAAAb,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE3E,IAAMmB,SAAS,GAAG,CAAC,GAAG,CAAC;AAevB,IAAMC,oBAAoB,GAAIC,KAAwB,KAAM;EAC1DC,YAAY,EAAED,KAAK,CAACC;AACtB,CAAC,CAAC;AAEK,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,cAAK,CAACC,IAAI,CAC3CC,KAAY,IAAK;EAChB,IACEC,kBAAkB,GAUhBD,KAAK,CAVPC,kBAAkB;IAClBC,KAAK,GASHF,KAAK,CATPE,KAAK;IACLC,WAAW,GAQTH,KAAK,CARPG,WAAW;IACXC,KAAK,GAOHJ,KAAK,CAPPI,KAAK;IACLC,KAAK,GAMHL,KAAK,CANPK,KAAK;IACLC,YAAY,GAKVN,KAAK,CALPM,YAAY;IACZC,WAAW,GAITP,KAAK,CAJPO,WAAW;IACXC,KAAK,GAGHR,KAAK,CAHPQ,KAAK;IACLC,UAAU,GAERT,KAAK,CAFPS,UAAU;IACVC,UAAU,GACRV,KAAK,CADPU,UAAU;EAEZ,IAAAC,qBAAA,GAAmC,IAAAC,2CAAsB,EAAC,CAAC;IAAnDC,sBAAsB,GAAAF,qBAAA,CAAtBE,sBAAsB;EAC9B,IAAAC,qBAAA,GAA8B,IAAAC,uCAAoB,EAAC,CAAC;IAA5CC,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;EACzB,IAAAC,cAAA,GAAyB,IAAAC,oBAAa,EAACL,sBAAsB,CAACnB,KAAK,EAAED,oBAAoB,CAAC;IAAlFE,YAAY,GAAAsB,cAAA,CAAZtB,YAAY;EAEpB,IAAMwB,GAAG,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxB,OAAO,IAAAC,sCAAkB,EAAC;MACxBC,MAAM,EAAEhB,YAAY;MACpBU,iBAAiB;MACjBO,GAAG,EAAEnB,KAAK,CAACe,GAAG;MACdK,KAAK,EAAEjB;IACT,CAAC,CAAC;EACJ,CAAC,EAAE,CAACH,KAAK,CAACe,GAAG,EAAEH,iBAAiB,EAAEV,YAAY,EAAEC,WAAW,CAAC,CAAC;EAE7D,IAAMkB,KAAK,GAAG,IAAAC,kBAAQ,EAACP,GAAG,CAAC;EAC3B,IAAMQ,QAAQ,GAAGhC,YAAY,KAAKO,KAAK;EACvC,IAAM0B,QAAQ,GAAGjC,YAAY,GAAGO,KAAK;EACrC,IAAM2B,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACpC,YAAY,GAAGO,KAAK,CAAC,GAAG,CAAC;EAEvD,IAAM8B,cAAc,GAAG,IAAAC,gDAAuB,EAAC;IAC7C/B,KAAK;IACLC,WAAW;IACXyB,QAAQ;IACRvB,KAAK;IACLC,YAAY;IACZqB,QAAQ;IACRlB,UAAU;IACVC;EACF,CAAC,CAAC;EAOF,IAAI,CAACmB,YAAY,EAAE;IACjB,OAAO,IAAA3D,WAAA,CAAAgE,GAAA,EAAC1E,YAAA,CAAA2E,IAAI;MAAC3B,KAAK,EAAE,CAACA,KAAK,EAAE;QAAE4B,SAAS,EAAE,CAAC;UAAE/B,KAAK,EAAEb;QAAU,CAAC;MAAE,CAAC;IAAE,CAAE,CAAC;EACxE;EAEA,IAAIiC,KAAK,EAAE;IAQT,OACE,IAAAvD,WAAA,CAAAgE,GAAA,EAACzE,sBAAA,CAAAqB,OAAQ,CAACqD,IAAI;MACZlC,kBAAkB,EAAEA,kBAAmB;MACvCO,KAAK,EAAE,CAAC,GAAGwB,cAAc,EAAExB,KAAK,EAAE6B,MAAM,CAACC,QAAQ,CAAE;MAAAC,QAAA,EAEnD,IAAArE,WAAA,CAAAgE,GAAA,EAAClE,cAAA,CAAAwE,aAAa;QACZC,MAAM,EAAE;UAAEtB;QAAI,CAAE;QAChBX,KAAK,EAAE,CAAC;UAAEc,MAAM,EAAEhB,YAAY;UAAEkB,KAAK,EAAEjB;QAAY,CAAC,EAAE8B,MAAM,CAACK,QAAQ;MAAE,CACxE;IAAC,CACW,CAAC;EAEpB;EAEA,OACE,IAAAxE,WAAA,CAAAgE,GAAA,EAACzE,sBAAA,CAAAqB,OAAQ,CAAC6D,KAAK;IACb1C,kBAAkB,EAAEA,kBAAmB;IACvC2C,UAAU,EAAE,SAAU;IACtBH,MAAM,EAAE;MAAEtB;IAAI,CAAE;IAChBX,KAAK,EAAE,CAAC,GAAGwB,cAAc,EAAExB,KAAK;EAAE,CACnC,CAAC;AAEN,CAAC,EACD,CAACqC,SAAS,EAAEC,SAAS,KAAK;EACxB,IACED,SAAS,CAACzC,KAAK,CAACe,GAAG,KAAK2B,SAAS,CAAC1C,KAAK,CAACe,GAAG,IAC3C0B,SAAS,CAAC3C,KAAK,KAAK4C,SAAS,CAAC5C,KAAK,IACnC2C,SAAS,CAACvC,YAAY,KAAKwC,SAAS,CAACxC,YAAY,IACjDuC,SAAS,CAACtC,WAAW,KAAKuC,SAAS,CAACvC,WAAW,EAC/C;IACA,OAAO,IAAI;EACb;EACA,OAAO,KAAK;AACd,CACF,CAAC;AAEDX,oBAAoB,CAACmD,WAAW,GAAG,sBAAsB;AAEzD,IAAMV,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BP,QAAQ,EAAE;IACRN,SAAS,EAAE,CAAC;MAAE/B,KAAK,EAAE;IAAE,CAAC;EAC1B,CAAC;EACDiC,QAAQ,EAAE;IACRY,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ChatConfigContext","_ImageGalleryContext","_hooks","_useIsSvg","_getResizedImageUrl","_SvgAwareImage","_useAnimatedGalleryStyle","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","oneEighth","AnimatedGalleryImage","exports","React","memo","props","accessibilityLabel","index","offsetScale","photo","scale","screenHeight","screenWidth","style","translateX","translateY","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useChatConfigContext","useChatConfigContext","resizableCDNHosts","shouldRenderSelector","useCallback","state","shouldRender","Math","abs","currentIndex","_useStateStore","useStateStore","uri","useMemo","getResizedImageUrl","height","url","width","isSvg","useIsSvg","animatedStyles","useAnimatedGalleryStyle","currentIndexShared","jsx","View","transform","styles","svgOuter","children","SvgAwareImage","source","svgInner","Image","resizeMode","prevProps","nextProps","displayName","StyleSheet","create","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryImage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ImageGallery/components/AnimatedGalleryVideo.js

@@ -27,22 +27,17 @@ var styles = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-var imageGallerySelector = state => ({
-  currentIndex: state.currentIndex
-});
 var videoPlayerSelector = state => ({
   currentPlaybackRate: state.currentPlaybackRate,
   isPlaying: state.isPlaying
 });
-var AnimatedGalleryVideo = props => {
+var AnimatedGalleryVideoComponent = props => {
   var _useState = (0, _react.useState)(1),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     opacity = _useState2[0],
     setOpacity = _useState2[1];
   var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
     imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
-  var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, imageGallerySelector),
-    currentIndex = _useStateStore.currentIndex;
   var attachmentId = props.attachmentId,
     index = props.index,
     offsetScale = props.offsetScale,
@@ -52,20 +47,26 @@ var AnimatedGalleryVideo = props => {
     photo = props.photo,
     translateX = props.translateX,
     translateY = props.translateY;
+  var shouldRenderSelector = (0, _react.useCallback)(state => ({
+    shouldRender: Math.abs(state.currentIndex - index) < 2
+  }), [index]);
+  var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, shouldRenderSelector),
+    shouldRender = _useStateStore.shouldRender;
   var videoRef = (0, _react.useRef)(null);
   var videoPlayer = (0, _useImageGalleryVideoPlayer.useImageGalleryVideoPlayer)({
     id: attachmentId
   });
   (0, _react.useEffect)(() => {
-    if (videoRef.current) {
+    if (videoRef.current && shouldRender) {
       videoPlayer.initPlayer({
         playerRef: videoRef.current
       });
     }
     return () => {
       videoPlayer.playerRef = null;
+      videoPlayer.onRemove();
     };
-  }, [videoPlayer]);
+  }, [videoPlayer, shouldRender]);
   var _useStateStore2 = (0, _hooks.useStateStore)(videoPlayer.state, videoPlayerSelector),
     isPlaying = _useStateStore2.isPlaying,
     currentPlaybackRate = _useStateStore2.currentPlaybackRate;
@@ -111,16 +112,12 @@ var AnimatedGalleryVideo = props => {
       }
     }
   };
-  var selected = currentIndex === index;
-  var previous = currentIndex > index;
-  var shouldRender = Math.abs(currentIndex - index) < 4;
   var animatedStyles = (0, _useAnimatedGalleryStyle.useAnimatedGalleryStyle)({
+    currentIndexShared: imageGalleryStateStore.currentIndexShared,
     index,
     offsetScale,
-    previous,
     scale,
     screenHeight,
-    selected,
     translateX,
     translateY
   });
@@ -171,6 +168,11 @@ var AnimatedGalleryVideo = props => {
     })]
   });
 };
-exports.AnimatedGalleryVideo = AnimatedGalleryVideo;
+var AnimatedGalleryVideo = exports.AnimatedGalleryVideo = _react.default.memo(AnimatedGalleryVideoComponent, (prevProps, nextProps) => {
+  if (prevProps.photo.uri === nextProps.photo.uri && prevProps.index === nextProps.index && prevProps.screenHeight === nextProps.screenHeight) {
+    return true;
+  }
+  return false;
+});
 AnimatedGalleryVideo.displayName = 'AnimatedGalleryVideo';
 //# sourceMappingURL=AnimatedGalleryVideo.js.map

package/lib/module/components/ImageGallery/components/AnimatedGalleryVideo.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ImageGalleryContext","_hooks","_native","_constants","_Spinner","_useAnimatedGalleryStyle","_useImageGalleryVideoPlayer","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","oneEighth","styles","StyleSheet","create","activityIndicator","alignSelf","videoPlayer","height","width","imageGallerySelector","state","currentIndex","videoPlayerSelector","currentPlaybackRate","isPlaying","AnimatedGalleryVideo","props","_useState","useState","_useState2","_slicedToArray2","opacity","setOpacity","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useStateStore","useStateStore","attachmentId","index","offsetScale","scale","screenHeight","style","photo","translateX","translateY","videoRef","useRef","useImageGalleryVideoPlayer","id","useEffect","current","initPlayer","playerRef","_useStateStore2","onLoadStart","onLoad","payload","duration","ONE_SECOND_IN_MILLISECONDS","onEnd","stop","onProgress","data","position","currentTime","onBuffer","isBuffering","onPlayBackStatusUpdate","playbackStatus","isLoaded","error","console","durationMillis","progress","positionMillis","didJustFinish","isLooping","selected","previous","shouldRender","Math","abs","animatedStyles","useAnimatedGalleryStyle","jsx","View","accessibilityLabel","transform","jsxs","children","isVideoPlayerAvailable","NativeHandlers","Video","onPlaybackStatusUpdate","paused","repeat","resizeMode","testID","uri","rate","scaleX","Spinner","exports","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryVideo.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ImageGalleryContext","_hooks","_native","_constants","_Spinner","_useAnimatedGalleryStyle","_useImageGalleryVideoPlayer","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","oneEighth","styles","StyleSheet","create","activityIndicator","alignSelf","videoPlayer","height","width","videoPlayerSelector","state","currentPlaybackRate","isPlaying","AnimatedGalleryVideoComponent","props","_useState","useState","_useState2","_slicedToArray2","opacity","setOpacity","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","attachmentId","index","offsetScale","scale","screenHeight","style","photo","translateX","translateY","shouldRenderSelector","useCallback","shouldRender","Math","abs","currentIndex","_useStateStore","useStateStore","videoRef","useRef","useImageGalleryVideoPlayer","id","useEffect","current","initPlayer","playerRef","onRemove","_useStateStore2","onLoadStart","onLoad","payload","duration","ONE_SECOND_IN_MILLISECONDS","onEnd","stop","onProgress","data","position","currentTime","onBuffer","isBuffering","onPlayBackStatusUpdate","playbackStatus","isLoaded","error","console","durationMillis","progress","positionMillis","didJustFinish","isLooping","animatedStyles","useAnimatedGalleryStyle","currentIndexShared","jsx","View","accessibilityLabel","transform","jsxs","children","isVideoPlayerAvailable","NativeHandlers","Video","onPlaybackStatusUpdate","paused","repeat","resizeMode","testID","uri","rate","scaleX","Spinner","AnimatedGalleryVideo","exports","React","memo","prevProps","nextProps","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryVideo.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ImageGallery/components/ImageGalleryA11yProbe.js

@@ -0,0 +1,67 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageGalleryA11yProbe = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _useA11yLabel = require("../../../a11y/hooks/useA11yLabel");
+var _ImageGalleryContext = require("../../../contexts/imageGalleryContext/ImageGalleryContext");
+var _hooks = require("../../../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/ImageGalleryA11yProbe.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var a11ySelector = state => ({
+  assets: state.assets,
+  currentIndex: state.currentIndex
+});
+var ImageGalleryA11yProbe = ({
+  containerBackground
+}) => {
+  var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
+    imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
+  var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, a11ySelector),
+    assets = _useStateStore.assets,
+    currentIndex = _useStateStore.currentIndex;
+  var assetsCount = assets.length;
+  var accessibilityValueParams = (0, _react.useMemo)(() => ({
+    count: assetsCount,
+    position: currentIndex + 1
+  }), [currentIndex, assetsCount]);
+  var accessibilityValueText = (0, _useA11yLabel.useA11yLabel)('a11y/{{position}} of {{count}}', accessibilityValueParams);
+  var accessibilityValue = (0, _react.useMemo)(() => accessibilityValueText ? {
+    text: accessibilityValueText
+  } : undefined, [accessibilityValueText]);
+  var adjustableActions = (0, _react.useMemo)(() => [{
+    name: 'increment'
+  }, {
+    name: 'decrement'
+  }], []);
+  var onAccessibilityAction = (0, _react.useCallback)(event => {
+    var latest = imageGalleryStateStore.state.getLatestValue();
+    var latestCount = latest.assets.length;
+    var latestIndex = latest.currentIndex;
+    if (latestCount <= 1) return;
+    if (event.nativeEvent.actionName === 'increment') {
+      if (latestIndex < latestCount - 1) {
+        imageGalleryStateStore.currentIndex = latestIndex + 1;
+      }
+    } else if (event.nativeEvent.actionName === 'decrement') {
+      if (latestIndex > 0) {
+        imageGalleryStateStore.currentIndex = latestIndex - 1;
+      }
+    }
+  }, [imageGalleryStateStore]);
+  return (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    accessible: true,
+    accessibilityActions: adjustableActions,
+    accessibilityLabel: "Image Gallery",
+    accessibilityRole: "adjustable",
+    accessibilityValue: accessibilityValue,
+    onAccessibilityAction: onAccessibilityAction,
+    style: [_reactNative.StyleSheet.absoluteFill, containerBackground]
+  });
+};
+exports.ImageGalleryA11yProbe = ImageGalleryA11yProbe;
+//# sourceMappingURL=ImageGalleryA11yProbe.js.map

package/lib/module/components/ImageGallery/components/ImageGalleryA11yProbe.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_useA11yLabel","_ImageGalleryContext","_hooks","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","a11ySelector","state","assets","currentIndex","ImageGalleryA11yProbe","containerBackground","_useImageGalleryConte","useImageGalleryContext","imageGalleryStateStore","_useStateStore","useStateStore","assetsCount","length","accessibilityValueParams","useMemo","count","position","accessibilityValueText","useA11yLabel","accessibilityValue","text","undefined","adjustableActions","name","onAccessibilityAction","useCallback","event","latest","getLatestValue","latestCount","latestIndex","nativeEvent","actionName","jsx","View","accessible","accessibilityActions","accessibilityLabel","accessibilityRole","style","StyleSheet","absoluteFill","exports"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/ImageGalleryA11yProbe.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ImageGallery/hooks/useAnimatedGalleryStyle.js

@@ -6,12 +6,11 @@ var _reactNativeReanimated = require("react-native-reanimated");
 var _useViewport2 = require("../../../hooks/useViewport");
 var oneEighth = 1 / 8;
 var useAnimatedGalleryStyle = ({
+  currentIndexShared,
   index,
   offsetScale,
-  previous,
   scale,
   screenHeight,
-  selected,
   translateX,
   translateY
 }) => {
@@ -20,6 +19,8 @@ var useAnimatedGalleryStyle = ({
   var screenWidth = vw(100);
   var halfScreenWidth = vw(50);
   var animatedGalleryStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    var selected = currentIndexShared.value === index;
+    var previous = currentIndexShared.value > index;
     var xScaleOffset = -7 * screenWidth * (0.5 + index);
     var yScaleOffset = -screenHeight * 3.5;
     return {
@@ -33,7 +34,7 @@ var useAnimatedGalleryStyle = ({
         scaleX: 1
       }]
     };
-  }, [previous, selected]);
+  }, []);
   var animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     var xScaleOffset = 7 * screenWidth * (0.5 + index);
     var yScaleOffset = -screenHeight * 3.5;

package/lib/module/components/ImageGallery/hooks/useAnimatedGalleryStyle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeReanimated","require","_useViewport2","oneEighth","useAnimatedGalleryStyle","index","offsetScale","previous","scale","screenHeight","selected","translateX","translateY","_useViewport","useViewport","vw","screenWidth","halfScreenWidth","animatedGalleryStyle","useAnimatedStyle","xScaleOffset","yScaleOffset","transform","value","scaleX","animatedStyles","exports"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx"],"mappings":";;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAaA,IAAME,SAAS,GAAG,CAAC,GAAG,CAAC;AAEhB,IAAMC,uBAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC;AACK,CAAC,KAAK;EACX,IAAAC,YAAA,GAAe,IAAAC,yBAAW,EAAC,CAAC;IAApBC,EAAE,GAAAF,YAAA,CAAFE,EAAE;EAEV,IAAMC,WAAW,GAAGD,EAAE,CAAC,GAAG,CAAC;EAC3B,IAAME,eAAe,GAAGF,EAAE,CAAC,EAAE,CAAC;EAU9B,IAAMG,oBAAoB,GAAG,IAAAC,uCAAgB,EAAa,MAAM;IAC9D,IAAMC,YAAY,GAAG,CAAC,CAAC,GAAGJ,WAAW,IAAI,GAAG,GAAGX,KAAK,CAAC;IACrD,IAAMgB,YAAY,GAAG,CAACZ,YAAY,GAAG,GAAG;IACxC,OAAO;MACLa,SAAS,EAAE,CACT;QACEX,UAAU,EAAED,QAAQ,GAChBC,UAAU,CAACY,KAAK,GAAGH,YAAY,GAC/BZ,KAAK,CAACe,KAAK,GAAG,CAAC,IAAIf,KAAK,CAACe,KAAK,KAAKjB,WAAW,CAACiB,KAAK,GAClDH,YAAY,GACZb,QAAQ,GACNI,UAAU,CAACY,KAAK,GAAGN,eAAe,IAAIT,KAAK,CAACe,KAAK,GAAG,CAAC,CAAC,GAAGH,YAAY,GACrET,UAAU,CAACY,KAAK,GAAGN,eAAe,IAAIT,KAAK,CAACe,KAAK,GAAG,CAAC,CAAC,GAAGH;MACnE,CAAC,EACD;QACER,UAAU,EAAEF,QAAQ,GAAGE,UAAU,CAACW,KAAK,GAAGF,YAAY,GAAGA;MAC3D,CAAC,EACD;QACEb,KAAK,EAAEE,QAAQ,GAAGF,KAAK,CAACe,KAAK,GAAG,CAAC,GAAGpB;MACtC,CAAC,EACD;QAAEqB,MAAM,EAAE;MAAE,CAAC;IAEjB,CAAC;EACH,CAAC,EAAE,CAACjB,QAAQ,EAAEG,QAAQ,CAAC,CAAC;EAExB,IAAMe,cAAc,GAAG,IAAAN,uCAAgB,EAAC,MAAM;IAC5C,IAAMC,YAAY,GAAG,CAAC,GAAGJ,WAAW,IAAI,GAAG,GAAGX,KAAK,CAAC;IACpD,IAAMgB,YAAY,GAAG,CAACZ,YAAY,GAAG,GAAG;IACxC,OAAO;MACLa,SAAS,EAAE,CACT;QAAEE,MAAM,EAAE;MAAE,CAAC,EACb;QAAEZ,UAAU,EAAES;MAAa,CAAC,EAC5B;QACEV,UAAU,EAAE,CAACS;MACf,CAAC,EACD;QAAEZ,KAAK,EAAEL;MAAU,CAAC;IAExB,CAAC;EACH,CAAC,EAAE,CAACE,KAAK,CAAC,CAAC;EAEX,OAAO,CAACa,oBAAoB,EAAEO,cAAc,CAAC;AAC/C,CAAC;AAACC,OAAA,CAAAtB,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_reactNativeReanimated","require","_useViewport2","oneEighth","useAnimatedGalleryStyle","currentIndexShared","index","offsetScale","scale","screenHeight","translateX","translateY","_useViewport","useViewport","vw","screenWidth","halfScreenWidth","animatedGalleryStyle","useAnimatedStyle","selected","value","previous","xScaleOffset","yScaleOffset","transform","scaleX","animatedStyles","exports"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx"],"mappings":";;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAYA,IAAME,SAAS,GAAG,CAAC,GAAG,CAAC;AAEhB,IAAMC,uBAAuB,GAAGA,CAAC;EACtCC,kBAAkB;EAClBC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,UAAU;EACVC;AACK,CAAC,KAAK;EACX,IAAAC,YAAA,GAAe,IAAAC,yBAAW,EAAC,CAAC;IAApBC,EAAE,GAAAF,YAAA,CAAFE,EAAE;EAEV,IAAMC,WAAW,GAAGD,EAAE,CAAC,GAAG,CAAC;EAC3B,IAAME,eAAe,GAAGF,EAAE,CAAC,EAAE,CAAC;EAU9B,IAAMG,oBAAoB,GAAG,IAAAC,uCAAgB,EAAa,MAAM;IAC9D,IAAMC,QAAQ,GAAGd,kBAAkB,CAACe,KAAK,KAAKd,KAAK;IACnD,IAAMe,QAAQ,GAAGhB,kBAAkB,CAACe,KAAK,GAAGd,KAAK;IACjD,IAAMgB,YAAY,GAAG,CAAC,CAAC,GAAGP,WAAW,IAAI,GAAG,GAAGT,KAAK,CAAC;IACrD,IAAMiB,YAAY,GAAG,CAACd,YAAY,GAAG,GAAG;IACxC,OAAO;MACLe,SAAS,EAAE,CACT;QACEd,UAAU,EAAES,QAAQ,GAChBT,UAAU,CAACU,KAAK,GAAGE,YAAY,GAC/Bd,KAAK,CAACY,KAAK,GAAG,CAAC,IAAIZ,KAAK,CAACY,KAAK,KAAKb,WAAW,CAACa,KAAK,GAClDE,YAAY,GACZD,QAAQ,GACNX,UAAU,CAACU,KAAK,GAAGJ,eAAe,IAAIR,KAAK,CAACY,KAAK,GAAG,CAAC,CAAC,GAAGE,YAAY,GACrEZ,UAAU,CAACU,KAAK,GAAGJ,eAAe,IAAIR,KAAK,CAACY,KAAK,GAAG,CAAC,CAAC,GAAGE;MACnE,CAAC,EACD;QACEX,UAAU,EAAEQ,QAAQ,GAAGR,UAAU,CAACS,KAAK,GAAGG,YAAY,GAAGA;MAC3D,CAAC,EACD;QACEf,KAAK,EAAEW,QAAQ,GAAGX,KAAK,CAACY,KAAK,GAAG,CAAC,GAAGjB;MACtC,CAAC,EACD;QAAEsB,MAAM,EAAE;MAAE,CAAC;IAEjB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,cAAc,GAAG,IAAAR,uCAAgB,EAAC,MAAM;IAC5C,IAAMI,YAAY,GAAG,CAAC,GAAGP,WAAW,IAAI,GAAG,GAAGT,KAAK,CAAC;IACpD,IAAMiB,YAAY,GAAG,CAACd,YAAY,GAAG,GAAG;IACxC,OAAO;MACLe,SAAS,EAAE,CACT;QAAEC,MAAM,EAAE;MAAE,CAAC,EACb;QAAEd,UAAU,EAAEY;MAAa,CAAC,EAC5B;QACEb,UAAU,EAAE,CAACY;MACf,CAAC,EACD;QAAEd,KAAK,EAAEL;MAAU,CAAC;IAExB,CAAC;EACH,CAAC,EAAE,CAACG,KAAK,CAAC,CAAC;EAEX,OAAO,CAACW,oBAAoB,EAAES,cAAc,CAAC;AAC/C,CAAC;AAACC,OAAA,CAAAvB,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/lib/module/components/ImageGallery/hooks/useCurrentImageHeight.js

@@ -0,0 +1,53 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCurrentImageHeight = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _types = require("../../../types/types");
+var useCurrentImageHeight = ({
+  assets,
+  fullWindowHeight,
+  fullWindowWidth,
+  imageGalleryStateStore
+}) => {
+  var currentImageHeight = (0, _reactNativeReanimated.useSharedValue)(fullWindowHeight);
+  (0, _react.useEffect)(() => {
+    var latestToken = 0;
+    var compute = index => {
+      var currentToken = ++latestToken;
+      var photo = assets[index];
+      if (photo?.original_height && photo?.original_width) {
+        var h = Math.floor(photo.original_height * (fullWindowWidth / photo.original_width));
+        currentImageHeight.value = h > fullWindowHeight ? fullWindowHeight : h;
+        return;
+      }
+      if (photo?.uri && photo.type === _types.FileTypes.Image) {
+        _reactNative.Image.getSize(photo.uri, (width, height) => {
+          if (currentToken !== latestToken) return;
+          if (!width || !height) {
+            currentImageHeight.value = fullWindowHeight;
+            return;
+          }
+          var imageHeight = Math.floor(height * (fullWindowWidth / width));
+          currentImageHeight.value = imageHeight > fullWindowHeight ? fullWindowHeight : imageHeight;
+        }, () => {
+          if (currentToken !== latestToken) return;
+          currentImageHeight.value = fullWindowHeight;
+        });
+        return;
+      }
+      currentImageHeight.value = fullWindowHeight;
+    };
+    compute(imageGalleryStateStore.state.getLatestValue().currentIndex);
+    return imageGalleryStateStore.state.subscribeWithSelector(state => ({
+      currentIndex: state.currentIndex
+    }), ({
+      currentIndex
+    }) => compute(currentIndex));
+  }, [assets, fullWindowHeight, fullWindowWidth, currentImageHeight, imageGalleryStateStore]);
+  return currentImageHeight;
+};
+exports.useCurrentImageHeight = useCurrentImageHeight;
+//# sourceMappingURL=useCurrentImageHeight.js.map

package/lib/module/components/ImageGallery/hooks/useCurrentImageHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_types","useCurrentImageHeight","assets","fullWindowHeight","fullWindowWidth","imageGalleryStateStore","currentImageHeight","useSharedValue","useEffect","latestToken","compute","index","currentToken","photo","original_height","original_width","h","Math","floor","value","uri","type","FileTypes","Image","getSize","width","height","imageHeight","state","getLatestValue","currentIndex","subscribeWithSelector","exports"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/hooks/useCurrentImageHeight.ts"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAMA,IAAAG,MAAA,GAAAH,OAAA;AAiBO,IAAMI,qBAAqB,GAAGA,CAAC;EACpCC,MAAM;EACNC,gBAAgB;EAChBC,eAAe;EACfC;AAMF,CAAC,KAA0B;EACzB,IAAMC,kBAAkB,GAAG,IAAAC,qCAAc,EAACJ,gBAAgB,CAAC;EAE3D,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAIC,WAAW,GAAG,CAAC;IAEnB,IAAMC,OAAO,GAAIC,KAAa,IAAK;MACjC,IAAMC,YAAY,GAAG,EAAEH,WAAW;MAClC,IAAMI,KAAK,GAAGX,MAAM,CAACS,KAAK,CAAC;MAE3B,IAAIE,KAAK,EAAEC,eAAe,IAAID,KAAK,EAAEE,cAAc,EAAE;QACnD,IAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACL,KAAK,CAACC,eAAe,IAAIV,eAAe,GAAGS,KAAK,CAACE,cAAc,CAAC,CAAC;QACtFT,kBAAkB,CAACa,KAAK,GAAGH,CAAC,GAAGb,gBAAgB,GAAGA,gBAAgB,GAAGa,CAAC;QACtE;MACF;MAEA,IAAIH,KAAK,EAAEO,GAAG,IAAIP,KAAK,CAACQ,IAAI,KAAKC,gBAAS,CAACC,KAAK,EAAE;QAChDA,kBAAK,CAACC,OAAO,CACXX,KAAK,CAACO,GAAG,EACT,CAACK,KAAK,EAAEC,MAAM,KAAK;UAEjB,IAAId,YAAY,KAAKH,WAAW,EAAE;UAClC,IAAI,CAACgB,KAAK,IAAI,CAACC,MAAM,EAAE;YACrBpB,kBAAkB,CAACa,KAAK,GAAGhB,gBAAgB;YAC3C;UACF;UACA,IAAMwB,WAAW,GAAGV,IAAI,CAACC,KAAK,CAACQ,MAAM,IAAItB,eAAe,GAAGqB,KAAK,CAAC,CAAC;UAClEnB,kBAAkB,CAACa,KAAK,GACtBQ,WAAW,GAAGxB,gBAAgB,GAAGA,gBAAgB,GAAGwB,WAAW;QACnE,CAAC,EACD,MAAM;UACJ,IAAIf,YAAY,KAAKH,WAAW,EAAE;UAClCH,kBAAkB,CAACa,KAAK,GAAGhB,gBAAgB;QAC7C,CACF,CAAC;QACD;MACF;MAEAG,kBAAkB,CAACa,KAAK,GAAGhB,gBAAgB;IAC7C,CAAC;IAEDO,OAAO,CAACL,sBAAsB,CAACuB,KAAK,CAACC,cAAc,CAAC,CAAC,CAACC,YAAY,CAAC;IAEnE,OAAOzB,sBAAsB,CAACuB,KAAK,CAACG,qBAAqB,CACtDH,KAAK,KAAM;MAAEE,YAAY,EAAEF,KAAK,CAACE;IAAa,CAAC,CAAC,EACjD,CAAC;MAAEA;IAAa,CAAC,KAAKpB,OAAO,CAACoB,YAAY,CAC5C,CAAC;EACH,CAAC,EAAE,CAAC5B,MAAM,EAAEC,gBAAgB,EAAEC,eAAe,EAAEE,kBAAkB,EAAED,sBAAsB,CAAC,CAAC;EAE3F,OAAOC,kBAAkB;AAC3B,CAAC;AAAC0B,OAAA,CAAA/B,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/module/components/ImageGallery/hooks/useImageGalleryGestures.js

@@ -1,16 +1,13 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useImageGalleryGestures = exports.clamp = exports.IsSwiping = exports.HasPinched = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _reactNativeReanimated = require("react-native-reanimated");
 var _ImageGalleryContext = require("../../../contexts/imageGalleryContext/ImageGalleryContext");
 var _OverlayContext = require("../../../contexts/overlayContext/OverlayContext");
-var _hooks = require("../../../hooks");
 var _native = require("../../../native");
 var HasPinched = exports.HasPinched = function (HasPinched) {
   HasPinched[HasPinched["FALSE"] = 0] = "FALSE";
@@ -24,9 +21,6 @@ var IsSwiping = exports.IsSwiping = function (IsSwiping) {
   return IsSwiping;
 }({});
 var MARGIN = 32;
-var imageGallerySelector = state => ({
-  currentIndex: state.currentIndex
-});
 var useImageGalleryGestures = ({
   currentImageHeight,
   halfScreenHeight,
@@ -43,12 +37,7 @@ var useImageGalleryGestures = ({
 }) => {
   var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
     imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
-  var _useStateStore = (0, _hooks.useStateStore)(imageGalleryStateStore.state, imageGallerySelector),
-    currentIndex = _useStateStore.currentIndex;
-  var _useState = (0, _react.useState)(currentIndex),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    index = _useState2[0],
-    setIndex = _useState2[1];
+  var currentIndexShared = imageGalleryStateStore.currentIndexShared;
   var doubleTapRef = (0, _react.useRef)(undefined);
   var panRef = (0, _react.useRef)(undefined);
   var pinchRef = (0, _react.useRef)(undefined);
@@ -105,12 +94,12 @@ var useImageGalleryGestures = ({
     (0, _reactNativeReanimated.runOnJS)(setOverlay)('none');
   };
   var moveToNextImage = () => {
-    (0, _reactNativeReanimated.runOnJS)(setIndex)(index + 1);
-    imageGalleryStateStore.currentIndex = index + 1;
+    var currentIndex = imageGalleryStateStore.state.getLatestValue().currentIndex;
+    imageGalleryStateStore.currentIndex = currentIndex + 1;
   };
   var moveToPreviousImage = () => {
-    (0, _reactNativeReanimated.runOnJS)(setIndex)(index - 1);
-    imageGalleryStateStore.currentIndex = index - 1;
+    var currentIndex = imageGalleryStateStore.state.getLatestValue().currentIndex;
+    imageGalleryStateStore.currentIndex = currentIndex - 1;
   };
   var pan = _reactNativeGestureHandler.Gesture.Pan().enabled(overlay === 'gallery').maxPointers(isAndroid ? 0 : 1).minDistance(10).onStart(() => {
     if (!isPinch.value) {
@@ -130,7 +119,7 @@ var useImageGalleryGestures = ({
         offsetY.value = translateY.value - event.translationY;
       }
       if (isSwiping.value === IsSwiping.UNDETERMINED) {
-        var maxXYRatio = isAndroid ? 1 : 0.25;
+        var maxXYRatio = 0.25;
         if (Math.abs(event.translationX / event.translationY) > maxXYRatio && (Math.abs(-halfScreenWidth * (scale.value - 1) - offsetX.value) < 3 || Math.abs(halfScreenWidth * (scale.value - 1) - offsetX.value) < 3)) {
           isSwiping.value = IsSwiping.TRUE;
         }
@@ -141,25 +130,27 @@ var useImageGalleryGestures = ({
       var localEvtScale = scale.value / offsetScale.value;
       translateX.value = scale.value !== offsetScale.value ? offsetX.value * localEvtScale + event.translationX : offsetX.value + event.translationX;
       translateY.value = isSwiping.value !== IsSwiping.TRUE ? scale.value !== offsetScale.value ? offsetY.value * localEvtScale + event.translationY : offsetY.value + event.translationY : translateY.value;
-      scale.value = currentImageHeight * offsetScale.value < screenHeight && translateY.value > 0 ? offsetScale.value * (1 - 1 / 3 * (translateY.value / screenHeight)) : currentImageHeight * offsetScale.value > screenHeight && translateY.value > currentImageHeight / 2 * offsetScale.value - halfScreenHeight ? offsetScale.value * (1 - 1 / 3 * ((translateY.value - (currentImageHeight / 2 * offsetScale.value - halfScreenHeight)) / screenHeight)) : scale.value;
+      var imageHeight = currentImageHeight.value;
+      scale.value = imageHeight * offsetScale.value < screenHeight && translateY.value > 0 ? offsetScale.value * (1 - 1 / 3 * (translateY.value / screenHeight)) : imageHeight * offsetScale.value > screenHeight && translateY.value > imageHeight / 2 * offsetScale.value - halfScreenHeight ? offsetScale.value * (1 - 1 / 3 * ((translateY.value - (imageHeight / 2 * offsetScale.value - halfScreenHeight)) / screenHeight)) : scale.value;
       overlayOpacity.value = localEvtScale;
     }
   }).onEnd(event => {
     if (!isPinch.value && event.numberOfPointers < 2) {
       var finalXPosition = event.translationX - event.velocityX * 0.3;
       var finalYPosition = event.translationY + event.velocityY * 0.1;
-      if (index < assetsLength - 1 && Math.abs(halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 && translateX.value < 0 && finalXPosition > halfScreenWidth && isSwiping.value === IsSwiping.TRUE) {
+      var currentIndex = currentIndexShared.value;
+      if (currentIndex < assetsLength - 1 && Math.abs(halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 && translateX.value < 0 && finalXPosition > halfScreenWidth && isSwiping.value === IsSwiping.TRUE) {
         (0, _reactNativeReanimated.cancelAnimation)(translationX);
-        translationX.value = (0, _reactNativeReanimated.withTiming)(-(screenWidth + MARGIN) * (index + 1), {
+        translationX.value = (0, _reactNativeReanimated.withTiming)(-(screenWidth + MARGIN) * (currentIndex + 1), {
           duration: 200,
           easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
         }, () => {
           resetMovementValues();
           (0, _reactNativeReanimated.runOnJS)(moveToNextImage)();
         });
-      } else if (index > 0 && Math.abs(-halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 && translateX.value > 0 && finalXPosition < -halfScreenWidth && isSwiping.value === IsSwiping.TRUE) {
+      } else if (currentIndex > 0 && Math.abs(-halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 && translateX.value > 0 && finalXPosition < -halfScreenWidth && isSwiping.value === IsSwiping.TRUE) {
         (0, _reactNativeReanimated.cancelAnimation)(translationX);
-        translationX.value = (0, _reactNativeReanimated.withTiming)(-(screenWidth + MARGIN) * (index - 1), {
+        translationX.value = (0, _reactNativeReanimated.withTiming)(-(screenWidth + MARGIN) * (currentIndex - 1), {
           duration: 200,
           easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
         }, () => {
@@ -176,18 +167,19 @@ var useImageGalleryGestures = ({
         deceleration: 0.99,
         velocity: -event.velocityX
       });
-      translateY.value = currentImageHeight * scale.value < screenHeight ? (0, _reactNativeReanimated.withTiming)(0, {
+      var imageHeight = currentImageHeight.value;
+      translateY.value = imageHeight * scale.value < screenHeight ? (0, _reactNativeReanimated.withTiming)(0, {
         reduceMotion: _reactNativeReanimated.ReduceMotion.Never
-      }) : translateY.value > currentImageHeight / 2 * scale.value - halfScreenHeight ? (0, _reactNativeReanimated.withTiming)(currentImageHeight / 2 * scale.value - halfScreenHeight, {
+      }) : translateY.value > imageHeight / 2 * scale.value - halfScreenHeight ? (0, _reactNativeReanimated.withTiming)(imageHeight / 2 * scale.value - halfScreenHeight, {
         reduceMotion: _reactNativeReanimated.ReduceMotion.Never
-      }) : translateY.value < -currentImageHeight / 2 * scale.value + halfScreenHeight ? (0, _reactNativeReanimated.withTiming)(-currentImageHeight / 2 * scale.value + halfScreenHeight) : (0, _reactNativeReanimated.withDecay)({
-        clamp: [-currentImageHeight / 2 * scale.value + halfScreenHeight, currentImageHeight / 2 * scale.value - halfScreenHeight],
+      }) : translateY.value < -imageHeight / 2 * scale.value + halfScreenHeight ? (0, _reactNativeReanimated.withTiming)(-imageHeight / 2 * scale.value + halfScreenHeight) : (0, _reactNativeReanimated.withDecay)({
+        clamp: [-imageHeight / 2 * scale.value + halfScreenHeight, imageHeight / 2 * scale.value - halfScreenHeight],
         deceleration: 0.99,
         velocity: event.velocityY
       });
       resetTouchValues();
       scale.value = scale.value !== offsetScale.value ? (0, _reactNativeReanimated.withTiming)(offsetScale.value) : offsetScale.value;
-      if (finalYPosition > halfScreenHeight && offsetY.value + 8 >= currentImageHeight / 2 * scale.value - halfScreenHeight && isSwiping.value !== IsSwiping.TRUE && translateY.value !== 0 && !(Math.abs(halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 && translateX.value < 0 && finalXPosition < -halfScreenWidth) && !(Math.abs(-halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 && translateX.value > 0 && finalXPosition > halfScreenWidth)) {
+      if (finalYPosition > halfScreenHeight && offsetY.value + 8 >= imageHeight / 2 * scale.value - halfScreenHeight && isSwiping.value !== IsSwiping.TRUE && translateY.value !== 0 && !(Math.abs(halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 && translateX.value < 0 && finalXPosition < -halfScreenWidth) && !(Math.abs(-halfScreenWidth * (scale.value - 1) + offsetX.value) < 3 && translateX.value > 0 && finalXPosition > halfScreenWidth)) {
         (0, _reactNativeReanimated.cancelAnimation)(translateX);
         (0, _reactNativeReanimated.cancelAnimation)(translateY);
         (0, _reactNativeReanimated.cancelAnimation)(scale);
@@ -203,7 +195,7 @@ var useImageGalleryGestures = ({
         });
         translateY.value = event.velocityY > 1000 ? (0, _reactNativeReanimated.withDecay)({
           velocity: event.velocityY
-        }) : (0, _reactNativeReanimated.withTiming)(halfScreenHeight + currentImageHeight / 2 * scale.value, {
+        }) : (0, _reactNativeReanimated.withTiming)(halfScreenHeight + imageHeight / 2 * scale.value, {
           duration: 200,
           easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
         });
@@ -286,7 +278,8 @@ var useImageGalleryGestures = ({
   }).onEnd(() => {
     if (isPinch.value) {
       translateX.value = scale.value < 1 ? (0, _reactNativeReanimated.withTiming)(0) : translateX.value > halfScreenWidth * (scale.value - 1) ? (0, _reactNativeReanimated.withTiming)(halfScreenWidth * (scale.value - 1)) : translateX.value < -halfScreenWidth * (scale.value - 1) ? (0, _reactNativeReanimated.withTiming)(-halfScreenWidth * (scale.value - 1)) : translateX.value;
-      translateY.value = currentImageHeight * scale.value < screenHeight ? (0, _reactNativeReanimated.withTiming)(0) : translateY.value > currentImageHeight / 2 * scale.value - screenHeight / 2 ? (0, _reactNativeReanimated.withTiming)(currentImageHeight / 2 * scale.value - screenHeight / 2) : translateY.value < -currentImageHeight / 2 * scale.value + screenHeight / 2 ? (0, _reactNativeReanimated.withTiming)(-currentImageHeight / 2 * scale.value + screenHeight / 2) : translateY.value;
+      var imageHeight = currentImageHeight.value;
+      translateY.value = imageHeight * scale.value < screenHeight ? (0, _reactNativeReanimated.withTiming)(0) : translateY.value > imageHeight / 2 * scale.value - screenHeight / 2 ? (0, _reactNativeReanimated.withTiming)(imageHeight / 2 * scale.value - screenHeight / 2) : translateY.value < -imageHeight / 2 * scale.value + screenHeight / 2 ? (0, _reactNativeReanimated.withTiming)(-imageHeight / 2 * scale.value + screenHeight / 2) : translateY.value;
       offsetScale.value = scale.value < 1 ? 1 : scale.value;
       scale.value = scale.value < 1 ? (0, _reactNativeReanimated.withTiming)(1) : scale.value;
       resetTouchValues();
@@ -311,8 +304,9 @@ var useImageGalleryGestures = ({
           duration: 200,
           easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
         });
-        if (currentImageHeight * 2 > screenHeight) {
-          var translateYTopBottom = event.absoluteY > halfScreenHeight ? -(currentImageHeight * 2 - screenHeight) / 2 : (currentImageHeight * 2 - screenHeight) / 2;
+        var imageHeight = currentImageHeight.value;
+        if (imageHeight * 2 > screenHeight) {
+          var translateYTopBottom = event.absoluteY > halfScreenHeight ? -(imageHeight * 2 - screenHeight) / 2 : (imageHeight * 2 - screenHeight) / 2;
           translateY.value = (0, _reactNativeReanimated.withTiming)(translateYTopBottom, {
             duration: 200,
             easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)