stream-chat-react-native-core/lib/module/components/Attachment/utils/buildGallery/buildGalleryOfThreeImages.js

The official React Native and Expo components for Stream Chat, a service for building chat applications

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.buildGalleryOfThreeImages = buildGalleryOfThreeImages;
var _buildThumbnailGrid = require("./buildThumbnailGrid");
var _getAspectRatio = require("../getAspectRatio");
function moveToFront(array, item) {
  var index = array.indexOf(item);
  if (index === -1) {
    return array;
  }
  var newArray = [...array];
  newArray.splice(index, 1);
  newArray.unshift(item);
  return newArray;
}
function buildGalleryOfThreeImages({
  images,
  resizableCDNHosts,
  sizeConfig
}) {
  var _images$reduce = images.reduce((acc, image) => {
      var aspectRatio = (0, _getAspectRatio.getAspectRatio)(image);
      var o = {
        ...acc
      };
      if (aspectRatio > 1) {
        if (!o.landscapeImage || aspectRatio > o.landscapeImageAspectRatio) {
          o.landscapeImage = image;
          o.landscapeImageAspectRatio = aspectRatio;
        }
      } else {
        if (!o.portraitImage || aspectRatio < o.portraitImageAspectRatio) {
          o.portraitImage = image;
          o.portraitImageAspectRatio = aspectRatio;
        }
      }
      return o;
    }, {
      landscapeImageAspectRatio: 1,
      portraitImageAspectRatio: 1
    }),
    landscapeImage = _images$reduce.landscapeImage,
    landscapeImageAspectRatio = _images$reduce.landscapeImageAspectRatio,
    portraitImage = _images$reduce.portraitImage,
    portraitImageAspectRatio = _images$reduce.portraitImageAspectRatio;
  if (landscapeImageAspectRatio > 1 / portraitImageAspectRatio) {
    return (0, _buildThumbnailGrid.buildThumbnailGrid)({
      grid: [[1], [1, 1]],
      images: landscapeImage ? moveToFront(images, landscapeImage) : images,
      invertedDirections: true,
      resizableCDNHosts,
      sizeConfig
    });
  } else {
    return (0, _buildThumbnailGrid.buildThumbnailGrid)({
      grid: [[1], [1, 1]],
      images: portraitImage ? moveToFront(images, portraitImage) : images,
      invertedDirections: false,
      resizableCDNHosts,
      sizeConfig
    });
  }
}
//# sourceMappingURL=buildGalleryOfThreeImages.js.map