@sky-mavis/tanto-widget/dist/cjs/hooks/useIsMobileView.cjs

Tanto Widget

'use strict';

var react = require('react');
var constants = require('../constants.cjs');
var userAgent = require('../utils/userAgent.cjs');

function useIsMobileView() {
  const [mobile, setMobile] = react.useState(userAgent.isMobile());
  react.useEffect(() => {
    const mql = window.matchMedia(`(max-width: ${constants.MOBILE_BREAKPOINT - 1}px)`);
    const onChange = () => {
      setMobile(window.innerWidth < constants.MOBILE_BREAKPOINT);
    };
    mql.addEventListener('change', onChange);
    setMobile(window.innerWidth < constants.MOBILE_BREAKPOINT);
    return () => mql.removeEventListener('change', onChange);
  }, []);
  return !!mobile;
}

exports.useIsMobileView = useIsMobileView;