function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
/**
 * Copyright (c) JOB TODAY S.A. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
// @ts-nocheck
import React, { useCallback, useRef, useState } from "react";
import { Animated, ScrollView, Dimensions, StyleSheet } from "react-native";
import useImageDimensions from "../../hooks/useImageDimensions";
import usePanResponder from "../../hooks/usePanResponder";
import { getImageStyles, getImageTransform } from "../../utils";
import { ImageLoading } from "./ImageLoading";
const SWIPE_CLOSE_OFFSET = 75;
const SWIPE_CLOSE_VELOCITY = 1.75;
const SCREEN = Dimensions.get("window");
const SCREEN_WIDTH = SCREEN.width;
const SCREEN_HEIGHT = SCREEN.height;

// @ts-ignore
const ImageItem = _ref => {
  let {
    imageSrc,
    onZoom,
    onRequestClose,
    onLongPress,
    delayLongPress,
    swipeToCloseEnabled = true,
    doubleTapToZoomEnabled = true
  } = _ref;
  const imageContainer = useRef(null);
  const imageDimensions = useImageDimensions(imageSrc);
  const [translate, scale] = getImageTransform(imageDimensions, SCREEN);
  const scrollValueY = new Animated.Value(0);
  const [isLoaded, setLoadEnd] = useState(false);
  const onLoaded = useCallback(() => setLoadEnd(true), []);
  const onZoomPerformed = useCallback(isZoomed => {
    onZoom(isZoomed);
    if (imageContainer !== null && imageContainer !== void 0 && imageContainer.current) {
      imageContainer.current.setNativeProps({
        scrollEnabled: !isZoomed
      });
    }
  }, [imageContainer]);
  const onLongPressHandler = useCallback(() => {
    onLongPress(imageSrc);
  }, [imageSrc, onLongPress]);
  const [panHandlers, scaleValue, translateValue] = usePanResponder({
    initialScale: scale || 1,
    initialTranslate: translate || {
      x: 0,
      y: 0
    },
    onZoom: onZoomPerformed,
    doubleTapToZoomEnabled,
    onLongPress: onLongPressHandler,
    delayLongPress
  });
  const imagesStyles = getImageStyles(imageDimensions, translateValue, scaleValue);
  const imageOpacity = scrollValueY.interpolate({
    inputRange: [-SWIPE_CLOSE_OFFSET, 0, SWIPE_CLOSE_OFFSET],
    outputRange: [0.7, 1, 0.7]
  });
  const imageStylesWithOpacity = {
    ...imagesStyles,
    opacity: imageOpacity
  };
  const onScrollEndDrag = _ref2 => {
    var _nativeEvent$velocity, _nativeEvent$velocity2, _nativeEvent$contentO, _nativeEvent$contentO2;
    let {
      nativeEvent
    } = _ref2;
    const velocityY = (_nativeEvent$velocity = nativeEvent === null || nativeEvent === void 0 ? void 0 : (_nativeEvent$velocity2 = nativeEvent.velocity) === null || _nativeEvent$velocity2 === void 0 ? void 0 : _nativeEvent$velocity2.y) !== null && _nativeEvent$velocity !== void 0 ? _nativeEvent$velocity : 0;
    const offsetY = (_nativeEvent$contentO = nativeEvent === null || nativeEvent === void 0 ? void 0 : (_nativeEvent$contentO2 = nativeEvent.contentOffset) === null || _nativeEvent$contentO2 === void 0 ? void 0 : _nativeEvent$contentO2.y) !== null && _nativeEvent$contentO !== void 0 ? _nativeEvent$contentO : 0;
    if (Math.abs(velocityY) > SWIPE_CLOSE_VELOCITY && offsetY > SWIPE_CLOSE_OFFSET || offsetY > SCREEN_HEIGHT / 2) {
      onRequestClose();
    }
  };
  const onScroll = _ref3 => {
    var _nativeEvent$contentO3, _nativeEvent$contentO4;
    let {
      nativeEvent
    } = _ref3;
    const offsetY = (_nativeEvent$contentO3 = nativeEvent === null || nativeEvent === void 0 ? void 0 : (_nativeEvent$contentO4 = nativeEvent.contentOffset) === null || _nativeEvent$contentO4 === void 0 ? void 0 : _nativeEvent$contentO4.y) !== null && _nativeEvent$contentO3 !== void 0 ? _nativeEvent$contentO3 : 0;
    scrollValueY.setValue(offsetY);
  };
  return /*#__PURE__*/React.createElement(ScrollView, _extends({
    ref: imageContainer,
    style: styles.listItem,
    pagingEnabled: true,
    nestedScrollEnabled: true,
    showsHorizontalScrollIndicator: false,
    showsVerticalScrollIndicator: false,
    contentContainerStyle: styles.imageScrollContainer,
    scrollEnabled: swipeToCloseEnabled
  }, swipeToCloseEnabled && {
    onScroll,
    onScrollEndDrag
  }), /*#__PURE__*/React.createElement(Animated.Image, _extends({}, panHandlers, {
    source: imageSrc,
    style: imageStylesWithOpacity,
    onLoad: onLoaded
  })), (!isLoaded || !imageDimensions) && /*#__PURE__*/React.createElement(ImageLoading, null));
};
const styles = StyleSheet.create({
  listItem: {
    width: SCREEN_WIDTH,
    height: SCREEN_HEIGHT
  },
  imageScrollContainer: {
    height: SCREEN_HEIGHT * 2
  }
});
export default /*#__PURE__*/React.memo(ImageItem);
//# sourceMappingURL=ImageItem.android.js.map