combined.ts

import { PHONE_SIZE } from '../constants';

type Dimensions = {
  width: number;
  height: number;
};

type DimensionData = {
  mediaDimensions: Dimensions;
  containerDimensions: Dimensions;
  windowDimensions: Dimensions;
};

const calculateDimensions = ({
  mediaDimensions,
  containerDimensions,
  windowDimensions,
}: DimensionData): Dimensions => {
  if (windowDimensions.width > PHONE_SIZE) { 
    return containerDimensions;
  }

  const mediaAspectRatio = mediaDimensions.width / mediaDimensions.height;

  return {
    height: containerDimensions.width / mediaAspectRatio,
    width: containerDimensions.width,
  };
};

const getNewDimensions = (playerInstance: jwplayer.JWPlayer | null): Dimensions => {
  const [, video] = playerInstance.getPlaylistItem().allSources;
  const container = playerInstance.getContainer().parentElement;

  const data = {
    mediaDimensions: {
      width: video.width,
      height: video.height,
    },
    windowDimensions: {
      width: Math.min(window.innerWidth, window.outerWidth),
      height: window.innerHeight,
    },
    containerDimensions: {
      width: container.offsetWidth,
      height: container.offsetHeight,
    },
  };

  return calculateDimensions(data);
};

export default getNewDimensions;