"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(e) { return e && e.__esModule ? e : { default: e }; }
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 (const 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); }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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.
 *
 */
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;
const ImageItem = ({
  imageSrc,
  onZoom,
  onRequestClose,
  onLongPress,
  delayLongPress,
  swipeToCloseEnabled = true,
  doubleTapToZoomEnabled = true
}) => {
  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)(({
    nativeEvent
  }) => {
    var _a, _b, _c, _d;
    const velocityY = (_c = (_b = (_a = nativeEvent) === null || _a === void 0 ? void 0 : _a.velocity) === null || _b === void 0 ? void 0 : _b.y, _c !== null && _c !== void 0 ? _c : 0);
    const scaled = ((_d = nativeEvent) === null || _d === void 0 ? void 0 : _d.zoomScale) > 1;
    onZoom(scaled);
    setScaled(scaled);
    if (!scaled && swipeToCloseEnabled && Math.abs(velocityY) > SWIPE_CLOSE_VELOCITY) {
      onRequestClose();
    }
  }, [scaled]);
  const onScroll = ({
    nativeEvent
  }) => {
    var _a, _b, _c, _d;
    const offsetY = (_c = (_b = (_a = nativeEvent) === null || _a === void 0 ? void 0 : _a.contentOffset) === null || _b === void 0 ? void 0 : _b.y, _c !== null && _c !== void 0 ? _c : 0);
    if (((_d = nativeEvent) === null || _d === void 0 ? void 0 : _d.zoomScale) > 1) {
      return;
    }
    scrollValueY.setValue(offsetY);
  };
  const onLongPressHandler = (0, _react.useCallback)(event => {
    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 = exports.default = /*#__PURE__*/_react.default.memo(ImageItem);
//# sourceMappingURL=ImageItem.ios.js.map