{"version":3,"file":"static/js/320.c04e81de.chunk.js","mappings":"sKAgDA,UAxCA,SAAkBA,GAEd,IADFC,EAAQD,EAARC,SAEAC,GAAkCC,EAAAA,EAAAA,UAAS,CAAC,GAAEC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAAvCI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GA0B9B,OAhBAI,EAAAA,EAAAA,YAAU,WAER,IAAIC,GAAW,EASf,OARAC,OAAOC,iBAAiB,UAAU,WAC3BF,IAXPF,EAAa,CACXK,UAAWF,OAAOG,YAClBC,aAAcJ,OAAOG,YAAcH,OAAOK,YAC1CC,kBAAkB,IAUhBP,GAAW,EACXQ,YAAW,WAAQR,GAAW,CAAO,GAAG,IAE5C,IAEO,WACLC,OAAOQ,oBAAoB,UAAU,WAAO,GAC9C,CACF,GAAG,KAGDC,EAAAA,EAAAA,KAACC,EAAAA,GAAsBC,SAAQ,CAACC,MAAOhB,EAAUL,SAC9CA,GAGP,C,8ICxCasB,EAAiB,SAACC,GAC7B,IAAIC,EAAa,EAUjB,OATID,GAAS,KACXC,EAAa,EACJD,GAAS,IAClBC,EAAa,EACJD,GAAS,IAClBC,EAAa,EACJD,GAAS,MAClBC,EAAa,GAERA,CACT,EAEaC,EAAkB,SAACF,EAAOG,GACrC,IAAIC,EAAc,YAIlB,OAHIJ,EAAQ,MAAQA,EAAQG,IAC1BC,EAAc,YAETA,CACT,EAEaC,GAAiBC,EAAAA,EAAAA,eAAc,CAC1CL,WAAY,EACZG,YAAa,cAGFR,GAAwBU,EAAAA,EAAAA,eAAc,CACjDlB,UAAW,EACXE,aAAc,EACdE,kBAAkB,G","sources":["components/ScrollHOC/index.js","constants/contexts.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ScrollPositionContext } from 'constants/contexts';\n\n// Higher order component that handles the scroll and resize event\n// It passes the current top and bottom scroll position to Children\n// by setting the scroll context with the current scroll values\nfunction ScrollHOC({\n  children,\n}) {\n  const [scrollPos, setScrollPos] = useState({});\n\n  const scrollHandler = () => {\n    setScrollPos({\n      topScroll: window.pageYOffset,\n      bottomScroll: window.pageYOffset + window.innerHeight,\n      startedScrolling: true,\n    });\n  };\n\n  useEffect(() => {\n    // Throttling scroll handling every 10 micro seconds for smooth scoll animation\n    let throttle = false;\n    window.addEventListener('scroll', () => {\n      if (!throttle) {\n        scrollHandler();\n        throttle = true;\n        setTimeout(() => { throttle = false; }, 10);\n      }\n    });\n\n    return () => {\n      window.removeEventListener('scroll', () => {});\n    };\n  }, []);\n\n  return (\n    <ScrollPositionContext.Provider value={scrollPos}>\n      {children}\n    </ScrollPositionContext.Provider>\n  );\n}\n\nScrollHOC.propTypes = {\n  children: PropTypes.node,\n};\n\nexport default ScrollHOC;\n","import { createContext } from 'react';\n\nexport const calcBreakpoint = (width) => {\n  let breakpoint = 0;\n  if (width >= 1200) {\n    breakpoint = 4; // xl\n  } else if (width >= 992) {\n    breakpoint = 3; // lg\n  } else if (width >= 768) {\n    breakpoint = 2; // md\n  } else if (width >= 576) {\n    breakpoint = 1; // sm\n  }\n  return breakpoint;\n};\n\nexport const calcOrientation = (width, height) => {\n  let orientation = 'landscape';\n  if (width < 1200 && width < height) {\n    orientation = 'portrait';\n  }\n  return orientation;\n};\n\nexport const BrowserContext = createContext({\n  breakpoint: 2,\n  orientation: 'landscape',\n});\n\nexport const ScrollPositionContext = createContext({\n  topScroll: 0, // Top scroll position\n  bottomScroll: 0, // Bottom scroll position\n  startedScrolling: false, // Has the user started to scroll\n});\n"],"names":["_ref","children","_useState","useState","_useState2","_slicedToArray","scrollPos","setScrollPos","useEffect","throttle","window","addEventListener","topScroll","pageYOffset","bottomScroll","innerHeight","startedScrolling","setTimeout","removeEventListener","_jsx","ScrollPositionContext","Provider","value","calcBreakpoint","width","breakpoint","calcOrientation","height","orientation","BrowserContext","createContext"],"sourceRoot":""}