"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reactNative = require("react-native");
var _useDoubleTapToZoom = _interopRequireDefault(require("../../hooks/useDoubleTapToZoom"));
var _useImageDimensions = _interopRequireDefault(require("../../hooks/useImageDimensions"));
var _utils = require("../../utils");
var _ImageLoading = require("./ImageLoading");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
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
const SWIPE_CLOSE_OFFSET = 75;
const SWIPE_CLOSE_VELOCITY = 1.55;
const SCREEN = _reactNative.Dimensions.get("screen");
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 scrollViewRef = (0, _react.useRef)(null);
  const [loaded, setLoaded] = (0, _react.useState)(false);
  const [scaled, setScaled] = (0, _react.useState)(false);
  const imageDimensions = (0, _useImageDimensions.default)(imageSrc);
  const handleDoubleTap = (0, _useDoubleTapToZoom.default)(scrollViewRef, scaled, SCREEN);
  const [translate, scale] = (0, _utils.getImageTransform)(imageDimensions, SCREEN);
  const scrollValueY = new _reactNative.Animated.Value(0);
  const scaleValue = new _reactNative.Animated.Value(scale || 1);
  const translateValue = new _reactNative.Animated.ValueXY(translate);
  const maxScale = scale && scale > 0 ? Math.max(1 / scale, 1) : 1;
  const imageOpacity = scrollValueY.interpolate({
    inputRange: [-SWIPE_CLOSE_OFFSET, 0, SWIPE_CLOSE_OFFSET],
    outputRange: [0.5, 1, 0.5]
  });
  const imagesStyles = (0, _utils.getImageStyles)(imageDimensions, translateValue, scaleValue);
  const imageStylesWithOpacity = {
    ...imagesStyles,
    opacity: imageOpacity
  };
  const onScrollEndDrag = (0, _react.useCallback)(_ref2 => {
    var _nativeEvent$velocity, _nativeEvent$velocity2;
    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 scaled = (nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.zoomScale) > 1;
    onZoom(scaled);
    setScaled(scaled);
    if (!scaled && swipeToCloseEnabled && Math.abs(velocityY) > SWIPE_CLOSE_VELOCITY) {
      onRequestClose();
    }
  }, [scaled]);
  const onScroll = _ref3 => {
    var _nativeEvent$contentO, _nativeEvent$contentO2;
    let {
      nativeEvent
    } = _ref3;
    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 ((nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.zoomScale) > 1) {
      return;
    }
    scrollValueY.setValue(offsetY);
  };
  const onLongPressHandler = (0, _react.useCallback)(() => {
    onLongPress(imageSrc);
  }, [imageSrc, onLongPress]);
  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, _extends({
    ref: scrollViewRef,
    style: styles.listItem,
    pinchGestureEnabled: true,
    showsHorizontalScrollIndicator: false,
    showsVerticalScrollIndicator: false,
    maximumZoomScale: maxScale,
    contentContainerStyle: styles.imageScrollContainer,
    scrollEnabled: swipeToCloseEnabled,
    onScrollEndDrag: onScrollEndDrag,
    scrollEventThrottle: 1
  }, swipeToCloseEnabled && {
    onScroll
  }), (!loaded || !imageDimensions) && /*#__PURE__*/_react.default.createElement(_ImageLoading.ImageLoading, null), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
    onPress: doubleTapToZoomEnabled ? handleDoubleTap : undefined,
    onLongPress: onLongPressHandler,
    delayLongPress: delayLongPress
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Image, {
    source: imageSrc,
    style: imageStylesWithOpacity,
    onLoad: () => setLoaded(true)
  }))));
};
const styles = _reactNative.StyleSheet.create({
  listItem: {
    width: SCREEN_WIDTH,
    height: SCREEN_HEIGHT
  },
  imageScrollContainer: {
    height: SCREEN_HEIGHT
  }
});
var _default = /*#__PURE__*/_react.default.memo(ImageItem);
exports.default = _default;
//# sourceMappingURL=ImageItem.ios.js.map