{"version":3,"file":"static/chunks/5994.a277eb6923d2c290.js","mappings":"8dAyEA,UArEoB,SAAC,GAAmD,IAAjDA,EAAiD,EAAjDA,OAAQC,EAAyC,EAAzCA,QAASC,EAAgC,EAAhCA,SAAUC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAuCxD,OArCAC,EAAAA,EAAAA,YAAU,WACR,IAAMC,EAAe,SAACC,GACpB,GAAIP,EAGF,OAFAO,EAAMC,iBACND,EAAME,mBACC,GAsBX,OAlBIT,GAEFU,SAASC,KAAKC,MAAMC,SAAW,QAC/BH,SAASC,KAAKC,MAAME,MAAQ,OAC5BJ,SAASC,KAAKC,MAAMT,OAAS,OAC7BO,SAASC,KAAKC,MAAMG,SAAW,SAC/BL,SAASC,KAAKK,iBAAiB,SAAUV,EAAc,CACrDW,SAAS,MAIXP,SAASC,KAAKC,MAAMC,SAAW,GAC/BH,SAASC,KAAKC,MAAME,MAAQ,GAC5BJ,SAASC,KAAKC,MAAMT,OAAS,GAC7BO,SAASC,KAAKC,MAAMG,SAAW,OAC/BL,SAASC,KAAKO,oBAAoB,SAAUZ,IAGvC,WAELI,SAASC,KAAKC,MAAMC,SAAW,GAC/BH,SAASC,KAAKC,MAAME,MAAQ,GAC5BJ,SAASC,KAAKC,MAAMT,OAAS,GAC7BO,SAASC,KAAKC,MAAMG,SAAW,OAC/BL,SAASC,KAAKO,oBAAoB,SAAUZ,MAE7C,CAACN,KAGF,gCAEGA,IACC,gBACEmB,UAAS,6DACPf,GAAoB,eAEtBgB,QAASnB,KAIb,iBACEkB,UAAS,uGACPnB,EAAS,gBAAkB,oBAF/B,WAKE,mBACEmB,UAAU,+CACVC,QAASnB,EAFX,UAIE,SAAC,IAAD,CAAiBoB,KAAMC,EAAAA,IAASH,UAAU,8BAG5C,gBAAKA,UAAS,WAAMhB,GAAUA,GAA9B,SAAyCD","sources":["webpack://_N_E/./components/v3/components/Common/BottomPopUp/index.jsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { faClose } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nconst BottomPopUp = ({ isOpen, onClose, children, height, opacity }) => {\n  //\n  useEffect(() => {\n    const handleScroll = (event) => {\n      if (isOpen) {\n        event.preventDefault();\n        event.stopPropagation();\n        return false;\n      }\n    };\n\n    if (isOpen) {\n      // Disabling the scrolling on the body background element when the popup is open\n      document.body.style.position = \"fixed\";\n      document.body.style.width = \"100%\";\n      document.body.style.height = \"100%\";\n      document.body.style.overflow = \"hidden\";\n      document.body.addEventListener(\"scroll\", handleScroll, {\n        passive: false,\n      });\n    } else {\n      // Enable scrolling on the body element when the popup is closed\n      document.body.style.position = \"\";\n      document.body.style.width = \"\";\n      document.body.style.height = \"\";\n      document.body.style.overflow = \"auto\";\n      document.body.removeEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => {\n      // Cleanup function to enable scrolling when component unmounts\n      document.body.style.position = \"\";\n      document.body.style.width = \"\";\n      document.body.style.height = \"\";\n      document.body.style.overflow = \"auto\";\n      document.body.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [isOpen]);\n\n  return (\n    <>\n      {/* Overlay */}\n      {isOpen && (\n        <div\n          className={`fixed inset-0 bg-black z-40 overflow-hidden border ${\n            opacity ? opacity : \"opacity-100\"\n          }`}\n          onClick={onClose}\n        ></div>\n      )}\n      {/* BottomPopUp */}\n      <div\n        className={`fixed bottom-0 left-0 w-full bg-black z-[999999] transition-transform duration-300 transform ${\n          isOpen ? \"translate-y-0\" : \"translate-y-full\"\n        }`}\n      >\n        <button\n          className=\"!text-gray-600 w-full flex justify-end !pr-5\"\n          onClick={onClose}\n        >\n          <FontAwesomeIcon icon={faClose} className=\"text-white text-[23px]\" />\n        </button>\n\n        <div className={` ${height && height}`}>{children}</div>\n      </div>\n    </>\n  );\n};\n\nexport default BottomPopUp;\n"],"names":["isOpen","onClose","children","height","opacity","useEffect","handleScroll","event","preventDefault","stopPropagation","document","body","style","position","width","overflow","addEventListener","passive","removeEventListener","className","onClick","icon","faClose"],"sourceRoot":""}