import Bowser from 'bowser';

export const userAgent = window.navigator.userAgent;
export const BOWSER_RESULTS = Bowser.parse(userAgent);

const isPhone = BOWSER_RESULTS.platform.type === 'mobile';
// we need a 'hack' to correctly detect ipads with ios > 13
export const isTablet = BOWSER_RESULTS.platform.type === 'tablet' || (BOWSER_RESULTS.os.name === 'macOS' && window.navigator.maxTouchPoints > 0);
export const isMobile = isPhone || isTablet;
export const hasMediaDevices = !!navigator.mediaDevices;
export const osName = BOWSER_RESULTS.os.name;
export const isIos = osName === 'iOS' || (isTablet && osName=="macOS");
export const isMacos = osName === 'macOS';
export const isIphone = !!(userAgent.match(/iPhone/i));

export const isPortrait = () => window.innerHeight > window.innerWidth;

const deviceInfo = {
  isTablet,
  isPhone,
  isMobile,
  hasMediaDevices,
  osName,
  isPortrait,
  isIos,
  isMacos,
  isIphone,
};

export default deviceInfo;