{"version":3,"sources":["webpack:///./Scripts/Containers/Overlay.container.js"],"names":["OVERLAY_CLASS","dispatch","useDispatch","activeOverlays","disableOverlayClick","useSelector","state","overlay","overlayClasses","length","map","c","name","useEffect","classesToRemove","Array","from","document","body","classList","filter","startsWith","className","remove","add","onOverlayClick","useCallback","componentName","component","removeOverlayAction","join","onClick"],"mappings":"mJAOA,MAAMA,EAAgB,UA+EtB,EA7EyB,KACvB,MAAMC,GAAWC,WAEX,eAAEC,EAAF,oBAAkBC,IAAwBC,SAC7CC,GAAUA,EAAMC,UAObC,EAAiBL,EACnB,CACEA,EAAeM,OAAS,GAAKT,KAC1BG,EAAeO,KAAKC,GAAO,YAAoBA,EAAEC,UAEtD,IAIJC,gBAAU,KAER,MAAMC,EAAkBC,MAAMC,KAAKC,SAASC,KAAKC,WAAWC,QACzDT,GAAMA,EAAEU,WAAWrB,IAAkBW,GAAKX,IAE7C,GAAIc,GAAmBA,EAAgBL,OAAS,EAC9C,IAAK,IAAIa,KAAaR,EACpBG,SAASC,KAAKC,UAAUI,OAAOD,GAKnC,GAAInB,GAAkBA,EAAeM,OAAS,EAC5C,IAAK,IAAIa,KAAad,EACpBS,SAASC,KAAKC,UAAUK,IAAIF,EAE/B,GACA,CAACnB,IAMJ,MAAMsB,GAAiBC,kBAAY,KAnCZC,MAoCrB,IAAIvB,EAEJ,IAAK,IAAIwB,KAAazB,EAChByB,EAAUH,iBACuB,IAA/BG,EAAUH,mBAxCGE,EAyCDC,EAAUhB,KAxC9BX,GAAS4B,QAAoBF,IA2C5B,GACA,CAACxB,EAAgBC,IAEpB,OACED,GACAA,EAAeM,OAAS,GACtB,uBAAKa,UAAWd,EAAesB,KAAK,KAAMC,QAASN,GAHvD,C","file":"503.7046efa3.js","sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { connect, Provider, useDispatch, useSelector } from 'react-redux';\nimport {\n  closeOverlay as closeOverlayAction,\n  removeOverlay as removeOverlayAction,\n} from '../Actions/Overlay.action';\n\nconst OVERLAY_CLASS = 'overlay';\n\nconst OverlayContainer = () => {\n  const dispatch = useDispatch();\n\n  const { activeOverlays, disableOverlayClick } = useSelector(\n    (state) => state.overlay\n  );\n\n  const closeOverlay = () => dispatch(closeOverlayAction());\n  const removeOverlay = (componentName) =>\n    dispatch(removeOverlayAction(componentName));\n\n  const overlayClasses = activeOverlays\n    ? [\n        activeOverlays.length > 0 && OVERLAY_CLASS,\n        ...activeOverlays.map((c) => `${OVERLAY_CLASS}--${c.name}`),\n      ]\n    : [];\n  /**\n   * Adds overlay classes to body to enable styling on components based on active overlays\n   */\n  useEffect(() => {\n    // Remove all overlay classes that are not active anymore, before adding new\n    const classesToRemove = Array.from(document.body.classList).filter(\n      (c) => c.startsWith(OVERLAY_CLASS) || c == OVERLAY_CLASS\n    );\n    if (classesToRemove && classesToRemove.length > 0) {\n      for (let className of classesToRemove) {\n        document.body.classList.remove(className);\n      }\n    }\n\n    // Add overlay classes to body\n    if (activeOverlays && activeOverlays.length > 0) {\n      for (let className of overlayClasses) {\n        document.body.classList.add(className);\n      }\n    }\n  }, [activeOverlays]);\n\n  /**\n   * Removes all overlays.\n   * Triggers onOverLay click on all active overlay components\n   */\n  const onOverlayClick = useCallback(() => {\n    if (disableOverlayClick) return;\n\n    for (let component of activeOverlays) {\n      if (component.onOverlayClick) {\n        if (component.onOverlayClick() !== false) {\n          removeOverlay(component.name);\n        }\n      }\n    }\n  }, [activeOverlays, disableOverlayClick]);\n\n  return (\n    activeOverlays &&\n    activeOverlays.length > 0 && (\n      <div className={overlayClasses.join(' ')} onClick={onOverlayClick}></div>\n    )\n  );\n};\n\nconst mapStateToProps = (state) => {\n  return {\n    ...state.overlay,\n  };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n  return {\n    closeOverlay: dispatch(closeOverlay()),\n    removeOverlay: (componentName) =>\n      dispatch(removeOverlayAction(componentName)),\n  };\n};\n\nexport default OverlayContainer;\n"],"sourceRoot":""}