stream-chat-react-native-core 8.13.7 → 9.0.0-beta.2

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_useAnimatedGalleryStyle","_jsxRuntime","_this","_jsxFileName","oneEighth","AnimatedGalleryImage","exports","React","memo","props","accessibilityLabel","index","offsetScale","photo","previous","scale","screenHeight","selected","shouldRender","style","translateX","translateY","animatedStyles","useAnimatedGalleryStyle","jsx","View","transform","default","Image","resizeMode","source","uri","concat","_toConsumableArray2","prevProps","nextProps","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryImage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,wBAAA,GAAAH,OAAA;AAA2E,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAE3E,IAAMC,SAAS,GAAG,CAAC,GAAG,CAAC;AAiBhB,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,cAAK,CAACC,IAAI,CAC5C,UAACC,KAAY,EAAK;EAChB,IACEC,kBAAkB,GAYhBD,KAAK,CAZPC,kBAAkB;IAClBC,KAAK,GAWHF,KAAK,CAXPE,KAAK;IACLC,WAAW,GAUTH,KAAK,CAVPG,WAAW;IACXC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,QAAQ,GAQNL,KAAK,CARPK,QAAQ;IACRC,KAAK,GAOHN,KAAK,CAPPM,KAAK;IACLC,YAAY,GAMVP,KAAK,CANPO,YAAY;IACZC,QAAQ,GAKNR,KAAK,CALPQ,QAAQ;IACRC,YAAY,GAIVT,KAAK,CAJPS,YAAY;IACZC,KAAK,GAGHV,KAAK,CAHPU,KAAK;IACLC,UAAU,GAERX,KAAK,CAFPW,UAAU;IACVC,UAAU,GACRZ,KAAK,CADPY,UAAU;EAGZ,IAAMC,cAAc,GAAG,IAAAC,gDAAuB,EAAC;IAC7CZ,KAAK,EAALA,KAAK;IACLC,WAAW,EAAXA,WAAW;IACXE,QAAQ,EAARA,QAAQ;IACRC,KAAK,EAALA,KAAK;IACLC,YAAY,EAAZA,YAAY;IACZC,QAAQ,EAARA,QAAQ;IACRG,UAAU,EAAVA,UAAU;IACVC,UAAU,EAAVA;EACF,CAAC,CAAC;EAOF,IAAI,CAACH,YAAY,EAAE;IACjB,OAAO,IAAAjB,WAAA,CAAAuB,GAAA,EAAC1B,YAAA,CAAA2B,IAAI;MAACN,KAAK,EAAE,CAACA,KAAK,EAAE;QAAEO,SAAS,EAAE,CAAC;UAAEX,KAAK,EAAEX;QAAU,CAAC;MAAE,CAAC;IAAE,CAAE,CAAC;EACxE;EAEA,OACE,IAAAH,WAAA,CAAAuB,GAAA,EAACzB,sBAAA,CAAA4B,OAAQ,CAACC,KAAK;IACblB,kBAAkB,EAAEA,kBAAmB;IACvCmB,UAAU,EAAE,SAAU;IACtBC,MAAM,EAAE;MAAEC,GAAG,EAAElB,KAAK,CAACkB;IAAI,CAAE;IAC3BZ,KAAK,KAAAa,MAAA,KAAAC,mBAAA,CAAAN,OAAA,EAAML,cAAc,IAAEH,KAAK;EAAE,CACnC,CAAC;AAEN,CAAC,EACD,UAACe,SAAS,EAAEC,SAAS,EAAK;EACxB,IACED,SAAS,CAACjB,QAAQ,KAAKkB,SAAS,CAAClB,QAAQ,IACzCiB,SAAS,CAAChB,YAAY,KAAKiB,SAAS,CAACjB,YAAY,IACjDgB,SAAS,CAACrB,KAAK,CAACkB,GAAG,KAAKI,SAAS,CAACtB,KAAK,CAACkB,GAAG,IAC3CG,SAAS,CAACpB,QAAQ,KAAKqB,SAAS,CAACrB,QAAQ,IACzCoB,SAAS,CAACvB,KAAK,KAAKwB,SAAS,CAACxB,KAAK,IACnCuB,SAAS,CAAClB,YAAY,KAAKmB,SAAS,CAACnB,YAAY,EACjD;IACA,OAAO,IAAI;EACb;EACA,OAAO,KAAK;AACd,CACF,CAAC;AAEDX,oBAAoB,CAAC+B,WAAW,GAAG,sBAAsB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_ChatConfigContext","_ImageGalleryContext","_hooks","_getResizedImageUrl","_useAnimatedGalleryStyle","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","selected","previous","shouldRender","Math","abs","animatedStyles","useAnimatedGalleryStyle","jsx","View","transform","Image","resizeMode","source","concat","_toConsumableArray2","prevProps","nextProps","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryImage.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -8,9 +8,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _ImageGalleryContext = require("../../../contexts/imageGalleryContext/ImageGalleryContext");
+var _hooks = require("../../../hooks");
 var _native = require("../../../native");
+var _constants = require("../../../utils/constants");
 var _Spinner = require("../../UIComponents/Spinner");
 var _useAnimatedGalleryStyle = require("../hooks/useAnimatedGalleryStyle");
+var _useImageGalleryVideoPlayer = require("../hooks/useImageGalleryVideoPlayer");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx";
@@ -26,41 +30,64 @@ var styles = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-var AnimatedGalleryVideo = exports.AnimatedGalleryVideo = _react.default.memo(function (props) {
+var imageGallerySelector = function imageGallerySelector(state) {
+  return {
+    currentIndex: state.currentIndex
+  };
+};
+var videoPlayerSelector = function videoPlayerSelector(state) {
+  return {
+    currentPlaybackRate: state.currentPlaybackRate,
+    isPlaying: state.isPlaying
+  };
+};
+var AnimatedGalleryVideo = exports.AnimatedGalleryVideo = function AnimatedGalleryVideo(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,
-    handleEnd = props.handleEnd,
-    handleLoad = props.handleLoad,
-    handleProgress = props.handleProgress,
     index = props.index,
     offsetScale = props.offsetScale,
-    paused = props.paused,
-    previous = props.previous,
-    repeat = props.repeat,
     scale = props.scale,
     screenHeight = props.screenHeight,
-    selected = props.selected,
-    shouldRender = props.shouldRender,
-    source = props.source,
     style = props.style,
+    photo = props.photo,
     translateX = props.translateX,
-    translateY = props.translateY,
-    videoRef = props.videoRef;
+    translateY = props.translateY;
+  var videoRef = (0, _react.useRef)(null);
+  var videoPlayer = (0, _useImageGalleryVideoPlayer.useImageGalleryVideoPlayer)({
+    id: attachmentId
+  });
+  (0, _react.useEffect)(function () {
+    if (videoRef.current) {
+      videoPlayer.initPlayer({
+        playerRef: videoRef.current
+      });
+    }
+    return function () {
+      videoPlayer.playerRef = null;
+    };
+  }, [videoPlayer]);
+  var _useStateStore2 = (0, _hooks.useStateStore)(videoPlayer.state, videoPlayerSelector),
+    isPlaying = _useStateStore2.isPlaying,
+    currentPlaybackRate = _useStateStore2.currentPlaybackRate;
   var onLoadStart = function onLoadStart() {
     setOpacity(1);
   };
   var onLoad = function onLoad(payload) {
     setOpacity(0);
-    handleLoad(attachmentId, payload.duration * 1000);
+    videoPlayer.duration = payload.duration * _constants.ONE_SECOND_IN_MILLISECONDS;
   };
   var onEnd = function onEnd() {
-    handleEnd();
+    videoPlayer.stop();
   };
   var onProgress = function onProgress(data) {
-    handleProgress(attachmentId, data.currentTime / data.seekableDuration);
+    videoPlayer.position = data.currentTime * _constants.ONE_SECOND_IN_MILLISECONDS;
   };
   var onBuffer = function onBuffer(_ref) {
     var isBuffering = _ref.isBuffering;
@@ -78,18 +105,21 @@ var AnimatedGalleryVideo = exports.AnimatedGalleryVideo = _react.default.memo(fu
       }
     } else {
       setOpacity(0);
-      handleLoad(attachmentId, playbackStatus.durationMillis);
+      videoPlayer.duration = playbackStatus.durationMillis;
       if (playbackStatus.isPlaying) {
-        handleProgress(attachmentId, playbackStatus.positionMillis / playbackStatus.durationMillis);
+        videoPlayer.progress = playbackStatus.positionMillis / playbackStatus.durationMillis;
       }
       if (playbackStatus.isBuffering) {
         setOpacity(1);
       }
       if (playbackStatus.didJustFinish && !playbackStatus.isLooping) {
-        handleEnd();
+        videoPlayer.stop();
       }
     }
   };
+  var selected = currentIndex === index;
+  var previous = currentIndex > index;
+  var shouldRender = Math.abs(currentIndex - index) < 4;
   var animatedStyles = (0, _useAnimatedGalleryStyle.useAnimatedGalleryStyle)({
     index: index,
     offsetScale: offsetScale,
@@ -120,13 +150,14 @@ var AnimatedGalleryVideo = exports.AnimatedGalleryVideo = _react.default.memo(fu
       onLoadStart: onLoadStart,
       onPlaybackStatusUpdate: onPlayBackStatusUpdate,
       onProgress: onProgress,
-      paused: paused,
-      repeat: repeat,
+      paused: !isPlaying,
+      repeat: true,
       resizeMode: "contain",
       style: style,
       testID: "video-player",
-      uri: source.uri,
-      videoRef: videoRef
+      uri: photo.uri,
+      videoRef: videoRef,
+      rate: currentPlaybackRate
     }) : null, (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       accessibilityLabel: "Spinner",
       style: [styles.activityIndicator, {
@@ -145,11 +176,6 @@ var AnimatedGalleryVideo = exports.AnimatedGalleryVideo = _react.default.memo(fu
       })
     })]
   });
-}, function (prevProps, nextProps) {
-  if (prevProps.paused === nextProps.paused && prevProps.repeat === nextProps.repeat && prevProps.shouldRender === nextProps.shouldRender && prevProps.source.uri === nextProps.source.uri && prevProps.screenHeight === nextProps.screenHeight && prevProps.selected === nextProps.selected && prevProps.previous === nextProps.previous && prevProps.index === nextProps.index) {
-    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","_native","_Spinner","_useAnimatedGalleryStyle","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","oneEighth","styles","StyleSheet","create","activityIndicator","alignSelf","videoPlayer","height","width","AnimatedGalleryVideo","exports","React","memo","props","_useState","useState","_useState2","_slicedToArray2","opacity","setOpacity","attachmentId","handleEnd","handleLoad","handleProgress","index","offsetScale","paused","previous","repeat","scale","screenHeight","selected","shouldRender","source","style","translateX","translateY","videoRef","onLoadStart","onLoad","payload","duration","onEnd","onProgress","data","currentTime","seekableDuration","onBuffer","_ref","isBuffering","onPlayBackStatusUpdate","playbackStatus","isLoaded","error","console","durationMillis","isPlaying","positionMillis","didJustFinish","isLooping","animatedStyles","useAnimatedGalleryStyle","jsx","View","accessibilityLabel","transform","jsxs","concat","_toConsumableArray2","children","isVideoPlayerAvailable","NativeHandlers","Video","onPlaybackStatusUpdate","resizeMode","testID","uri","scaleX","Spinner","prevProps","nextProps","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","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","oneEighth","styles","StyleSheet","create","activityIndicator","alignSelf","videoPlayer","height","width","imageGallerySelector","state","currentIndex","videoPlayerSelector","currentPlaybackRate","isPlaying","AnimatedGalleryVideo","exports","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","_ref","isBuffering","onPlayBackStatusUpdate","playbackStatus","isLoaded","error","console","durationMillis","progress","positionMillis","didJustFinish","isLooping","selected","previous","shouldRender","Math","abs","animatedStyles","useAnimatedGalleryStyle","jsx","View","accessibilityLabel","transform","jsxs","concat","_toConsumableArray2","children","isVideoPlayerAvailable","NativeHandlers","Video","onPlaybackStatusUpdate","paused","repeat","resizeMode","testID","uri","rate","scaleX","Spinner","displayName"],"sourceRoot":"../../../../../src","sources":["components/ImageGallery/components/AnimatedGalleryVideo.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -8,12 +8,16 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _ImageGalleryVideoControl = require("./ImageGalleryVideoControl");
+var _ImageGalleryContext = require("../../../contexts/imageGalleryContext/ImageGalleryContext");
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
+var _useStateStore2 = require("../../../hooks/useStateStore");
 var _icons = require("../../../icons");
+var _ImageGrid = require("../../../icons/ImageGrid");
 var _native = require("../../../native");
+var _theme = require("../../../theme");
 var _types = require("../../../types/types");
+var _Button = require("../../ui/Button/Button");
 var _SafeAreaViewWrapper = require("../../UIComponents/SafeAreaViewWrapper");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
@@ -21,25 +25,18 @@ var _this = this,
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ReanimatedSafeAreaView = _reactNativeReanimated.default.createAnimatedComponent ? _reactNativeReanimated.default.createAnimatedComponent(_SafeAreaViewWrapper.SafeAreaView) : _SafeAreaViewWrapper.SafeAreaView;
+var imageGallerySelector = function imageGallerySelector(state) {
+  return {
+    asset: state.assets[state.currentIndex],
+    currentIndex: state.currentIndex
+  };
+};
 var ImageGalleryFooterWithContext = exports.ImageGalleryFooterWithContext = function ImageGalleryFooterWithContext(props) {
   var accessibilityLabel = props.accessibilityLabel,
-    centerElement = props.centerElement,
-    duration = props.duration,
-    GridIcon = props.GridIcon,
-    leftElement = props.leftElement,
-    onPlayPause = props.onPlayPause,
     opacity = props.opacity,
     openGridView = props.openGridView,
-    paused = props.paused,
-    photo = props.photo,
-    photoLength = props.photoLength,
-    progress = props.progress,
-    rightElement = props.rightElement,
-    selectedIndex = props.selectedIndex,
-    ShareIcon = props.ShareIcon,
-    videoControlElement = props.videoControlElement,
-    videoRef = props.videoRef,
-    visible = props.visible;
+    visible = props.visible,
+    ImageGalleryVideoControls = props.ImageGalleryVideoControls;
   var _useState = (0, _react.useState)(200),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     height = _useState2[0],
@@ -49,19 +46,14 @@ var ImageGalleryFooterWithContext = exports.ImageGalleryFooterWithContext = func
     savingInProgress = _useState4[0],
     setSavingInProgress = _useState4[1];
   var shareIsInProgressRef = (0, _react.useRef)(false);
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    black = _useTheme$theme$color.black,
-    white = _useTheme$theme$color.white,
-    _useTheme$theme$image = _useTheme$theme.imageGallery.footer,
-    centerContainer = _useTheme$theme$image.centerContainer,
-    container = _useTheme$theme$image.container,
-    imageCountText = _useTheme$theme$image.imageCountText,
-    innerContainer = _useTheme$theme$image.innerContainer,
-    rightContainer = _useTheme$theme$image.rightContainer;
+  var styles = useStyles();
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
+  var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
+    imageGalleryStateStore = _useImageGalleryConte.imageGalleryStateStore;
+  var _useStateStore = (0, _useStateStore2.useStateStore)(imageGalleryStateStore.state, imageGallerySelector),
+    asset = _useStateStore.asset,
+    currentIndex = _useStateStore.currentIndex;
   var footerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
     return {
       opacity: opacity.value,
@@ -77,26 +69,26 @@ var ImageGalleryFooterWithContext = exports.ImageGalleryFooterWithContext = func
       }
       shareIsInProgressRef.current = true;
       try {
-        var _photo$mime_type;
+        var _asset$mime_type;
         if (!_native.NativeHandlers.shareImage || !_native.NativeHandlers.deleteFile) {
           return;
         }
-        var extension = ((_photo$mime_type = photo.mime_type) == null ? void 0 : _photo$mime_type.split('/')[1]) || 'jpg';
-        var shouldDownload = photo.uri && photo.uri.includes('http');
+        var extension = ((_asset$mime_type = asset.mime_type) == null ? void 0 : _asset$mime_type.split('/')[1]) || 'jpg';
+        var shouldDownload = asset.uri && asset.uri.includes('http');
         var localFile;
         if (shouldDownload) {
-          var _photo$user;
+          var _asset$user;
           setSavingInProgress(true);
           localFile = yield _native.NativeHandlers.saveFile({
-            fileName: `${((_photo$user = photo.user) == null ? void 0 : _photo$user.id) || 'ChatPhoto'}-${photo.messageId}-${selectedIndex}.${extension}`,
-            fromUrl: photo.uri
+            fileName: `${((_asset$user = asset.user) == null ? void 0 : _asset$user.id) || 'ChatPhoto'}-${asset.messageId}-${currentIndex}.${extension}`,
+            fromUrl: asset.uri
           });
           setSavingInProgress(false);
         } else {
-          localFile = photo.uri;
+          localFile = asset.uri;
         }
         yield _native.NativeHandlers.shareImage({
-          type: photo.mime_type || 'image/jpeg',
+          type: asset.mime_type || 'image/jpeg',
           url: localFile
         });
         if (shouldDownload) {
@@ -114,6 +106,9 @@ var ImageGalleryFooterWithContext = exports.ImageGalleryFooterWithContext = func
       return _ref.apply(this, arguments);
     };
   }();
+  if (!asset) {
+    return null;
+  }
   return (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
     accessibilityLabel: accessibilityLabel,
     onLayout: function onLayout(event) {
@@ -123,61 +118,32 @@ var ImageGalleryFooterWithContext = exports.ImageGalleryFooterWithContext = func
     style: styles.wrapper,
     children: (0, _jsxRuntime.jsxs)(ReanimatedSafeAreaView, {
       edges: ['bottom'],
-      style: [{
-        backgroundColor: white
-      }, footerStyle, container],
-      children: [photo.type === _types.FileTypes.Video ? videoControlElement ? videoControlElement({
-        duration: duration,
-        onPlayPause: onPlayPause,
-        paused: paused,
-        progress: progress,
-        videoRef: videoRef
-      }) : (0, _jsxRuntime.jsx)(_ImageGalleryVideoControl.ImageGalleryVideoControl, {
-        duration: duration,
-        onPlayPause: onPlayPause,
-        paused: paused,
-        progress: progress,
-        videoRef: videoRef
-      }) : null, (0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.innerContainer, {
-          backgroundColor: white
-        }, innerContainer],
-        children: [leftElement ? leftElement({
-          openGridView: openGridView,
-          photo: photo,
-          share: share,
-          shareMenuOpen: savingInProgress
-        }) : (0, _jsxRuntime.jsx)(ShareButton, {
+      style: [styles.container, footerStyle],
+      children: [asset.type === _types.FileTypes.Video ? ImageGalleryVideoControls ? (0, _jsxRuntime.jsx)(ImageGalleryVideoControls, {
+        attachmentId: asset.id
+      }) : null : null, (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.innerContainer,
+        children: [(0, _jsxRuntime.jsx)(ShareButton, {
           savingInProgress: savingInProgress,
-          share: share,
-          ShareIcon: ShareIcon
-        }), centerElement ? centerElement({
-          openGridView: openGridView,
-          photo: photo,
-          share: share,
-          shareMenuOpen: savingInProgress
-        }) : (0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.centerContainer, centerContainer],
+          share: share
+        }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.centerContainer,
+          accessibilityLabel: "Center element",
           children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.imageCountText, {
-              color: black
-            }, imageCountText],
+            style: styles.imageCountText,
             children: t('{{ index }} of {{ photoLength }}', {
-              index: selectedIndex + 1,
-              photoLength: photoLength
+              index: currentIndex + 1,
+              photoLength: imageGalleryStateStore.assets.length
             })
           })
-        }), rightElement ? rightElement({
-          openGridView: openGridView,
-          photo: photo,
-          share: share,
-          shareMenuOpen: savingInProgress
-        }) : (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        }), (0, _jsxRuntime.jsx)(_Button.Button, {
+          accessibilityLabel: "Grid Icon",
+          variant: "secondary",
+          type: "ghost",
+          size: "md",
           onPress: openGridView,
-          children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.rightContainer, rightContainer],
-            children: GridIcon ? GridIcon : (0, _jsxRuntime.jsx)(_icons.Grid, {})
-          })
+          LeadingIcon: _ImageGrid.ImageGrid,
+          iconOnly: true
         })]
       })]
     })
@@ -185,89 +151,70 @@ var ImageGalleryFooterWithContext = exports.ImageGalleryFooterWithContext = func
 };
 var ShareButton = function ShareButton(_ref2) {
   var share = _ref2.share,
-    ShareIcon = _ref2.ShareIcon,
     savingInProgress = _ref2.savingInProgress;
-  var _useTheme2 = (0, _ThemeContext.useTheme)(),
-    _useTheme2$theme = _useTheme2.theme,
-    black = _useTheme2$theme.colors.black,
-    leftContainer = _useTheme2$theme.imageGallery.footer.leftContainer;
+  var styles = useStyles();
   if (!(0, _native.isShareImageAvailable)() || !(0, _native.isFileSystemAvailable)()) {
     return null;
   }
-  return (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+  return savingInProgress ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.activityIndicatorContainer,
+    children: (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      size: "small"
+    })
+  }) : (0, _jsxRuntime.jsx)(_Button.Button, {
     accessibilityLabel: "Share Button",
+    variant: "secondary",
+    type: "ghost",
+    size: "md",
     onPress: share,
-    children: (0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.leftContainer, leftContainer],
-      children: savingInProgress ? (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-        size: "small"
-      }) : ShareIcon ? ShareIcon : (0, _jsxRuntime.jsx)(_icons.Share, {
-        pathFill: black
-      })
-    })
+    LeadingIcon: _icons.Share,
+    iconOnly: true
   });
 };
-var areEqual = function areEqual(prevProps, nextProps) {
-  var prevDuration = prevProps.duration,
-    prevPaused = prevProps.paused,
-    prevProgress = prevProps.progress,
-    prevSelectedIndex = prevProps.selectedIndex;
-  var nextDuration = nextProps.duration,
-    nextPaused = nextProps.paused,
-    nextProgress = nextProps.progress,
-    nextSelectedIndex = nextProps.selectedIndex;
-  var isDurationEqual = prevDuration === nextDuration;
-  if (!isDurationEqual) {
-    return false;
-  }
-  var isPausedEqual = prevPaused === nextPaused;
-  if (!isPausedEqual) {
-    return false;
-  }
-  var isProgressEqual = prevProgress === nextProgress;
-  if (!isProgressEqual) {
-    return false;
-  }
-  var isSelectedIndexEqual = prevSelectedIndex === nextSelectedIndex;
-  if (!isSelectedIndexEqual) {
-    return false;
-  }
-  return true;
-};
-var MemoizedImageGalleryFooter = _react.default.memo(ImageGalleryFooterWithContext, areEqual);
+var MemoizedImageGalleryFooter = _react.default.memo(ImageGalleryFooterWithContext);
 var ImageGalleryFooter = exports.ImageGalleryFooter = function ImageGalleryFooter(props) {
   return (0, _jsxRuntime.jsx)(MemoizedImageGalleryFooter, Object.assign({}, props));
 };
 ImageGalleryFooter.displayName = 'ImageGalleryFooter{imageGallery{footer}}';
-var styles = _reactNative.StyleSheet.create({
-  centerContainer: {
-    alignItems: 'center',
-    flex: 1,
-    justifyContent: 'center'
-  },
-  imageCountText: {
-    fontSize: 16,
-    fontWeight: '600'
-  },
-  innerContainer: {
-    flexDirection: 'row',
-    paddingVertical: 4
-  },
-  leftContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    marginLeft: 8
-  },
-  rightContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    marginRight: 8
-  },
-  wrapper: {
-    bottom: 0,
-    left: 0,
-    position: 'absolute',
-    right: 0
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    semantics = _useTheme$theme.semantics,
+    footer = _useTheme$theme.imageGallery.footer;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: Object.assign({
+        backgroundColor: semantics.backgroundCoreElevation1,
+        borderTopWidth: 1,
+        borderTopColor: semantics.borderCoreDefault
+      }, footer.container),
+      centerContainer: Object.assign({
+        alignItems: 'center',
+        flex: 1,
+        gap: _theme.primitives.spacingXxs
+      }, footer.centerContainer),
+      imageCountText: Object.assign({
+        color: semantics.textPrimary,
+        fontSize: _theme.primitives.typographyFontSizeSm,
+        fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+        lineHeight: _theme.primitives.typographyLineHeightNormal
+      }, footer.imageCountText),
+      innerContainer: Object.assign({
+        alignItems: 'center',
+        padding: _theme.primitives.spacingSm,
+        flexDirection: 'row',
+        justifyContent: 'space-between'
+      }, footer.innerContainer),
+      wrapper: Object.assign({
+        bottom: 0,
+        left: 0,
+        position: 'absolute',
+        right: 0
+      }, footer.wrapper),
+      activityIndicatorContainer: Object.assign({
+        padding: _theme.components.buttonPaddingXIconOnlyMd
+      }, footer.activityIndicatorContainer)
+    });
+  }, [semantics, footer]);
+};
 //# sourceMappingURL=ImageGalleryFooter.js.map