{"version":3,"file":"05be57cc.js","sources":["../../../src/components/base/modal/Modal.client.tsx"],"sourcesContent":["import {useState, useEffect} from 'react';\nimport {Dialog} from '@headlessui/react';\nimport clsx from 'clsx';\n\nimport {CloseBlackIcon} from '@base/icon';\n\nexport const BASE_MODAL_CLASSES =\n  'fixed top-0 left-0 right-0 bottom-0 z-[100] h-[100%] w-[100%] max-h-[100%] justify-center items-center';\nexport const BASE_MODAL_OVERLAY_CLASSES =\n  'fixed bg-black-1 top-0 bottom-0 left-0 right-0 bg-opacity-50 z-[99]';\n\nexport const BASE_MODAL_INNER_CLASSES =\n  'relative w-full h-full bg-white-1 lg:h-auto lg:min-h-[500px] lg:mx-auto lg:max-w-[1038px] z-[99]';\nexport const BASE_MODAL_INNER_FULLSCREEN_CLASSES =\n  'h-full w-full bg-white-1 z-[99]';\n\nexport default function Modal({\n  isActive = false,\n  btnText,\n  btnClasses,\n  Icon,\n  children,\n  onModalOpen,\n  onModalClose,\n  fullScreen = false,\n  modalClasses,\n  modalInnerClasses,\n  closeBtnClasses,\n  ...passthroughProps\n}: {\n  isActive?: boolean;\n  btnText?: string;\n  btnClasses?: string;\n  Icon?: any;\n  children: any;\n  passthroughProps?: any;\n  onModalOpen?: any;\n  onModalClose?: any;\n  fullScreen?: boolean;\n  modalClasses?: string;\n  modalInnerClasses?: string;\n  closeBtnClasses?: string;\n}) {\n  const [isOpen, setIsOpen] = useState(isActive);\n\n  useEffect(() => {\n    if (isActive !== isOpen) setIsOpen(isActive);\n  }, [isActive]);\n\n  const handleToggle = () => {\n    const newIsOpenVal = !isOpen;\n    setIsOpen(newIsOpenVal);\n\n    if (onModalOpen && newIsOpenVal) onModalOpen();\n    if (onModalClose && !newIsOpenVal) onModalClose();\n  };\n\n  return (\n    <>\n      {(Icon || btnText) && (\n        <button onClick={handleToggle} className={btnClasses ? btnClasses : ''}>\n          {Icon ? <Icon /> : btnText}\n        </button>\n      )}\n      <Dialog\n        open={isOpen}\n        onClose={() => {\n          setIsOpen(false);\n          if (onModalClose) onModalClose();\n        }}\n        className={clsx(['flex', BASE_MODAL_CLASSES, modalClasses])}\n      >\n        <div className={BASE_MODAL_OVERLAY_CLASSES}></div>\n        <Dialog.Panel\n          className={clsx([\n            fullScreen\n              ? BASE_MODAL_INNER_FULLSCREEN_CLASSES\n              : BASE_MODAL_INNER_CLASSES,\n            modalInnerClasses,\n          ])}\n        >\n          <button\n            type=\"button\"\n            onClick={() => {\n              setIsOpen(false);\n              if (onModalClose) onModalClose();\n            }}\n            className={clsx([\n              'absolute top-[20px] right-[20px] z-[100]',\n              closeBtnClasses,\n            ])}\n          >\n            <CloseBlackIcon />\n            <span className=\"sr-only\">Close</span>\n          </button>\n          {children}\n        </Dialog.Panel>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["BASE_MODAL_CLASSES","BASE_MODAL_OVERLAY_CLASSES","BASE_MODAL_INNER_CLASSES","BASE_MODAL_INNER_FULLSCREEN_CLASSES","Modal","isActive","btnText","btnClasses","Icon","children","onModalOpen","onModalClose","fullScreen","modalClasses","modalInnerClasses","closeBtnClasses","passthroughProps","isOpen","setIsOpen","useState","useEffect","_Fragment","newIsOpenVal","_jsx","_jsxs","Dialog","clsx","CloseBlackIcon"],"mappings":"mKAMO,MAAMA,EACX,yGACWC,EACX,sEAEWC,EACX,mGACWC,EACX,kCAEF,SAAwBC,EAAM,CAC5BC,SAAAA,EAAW,GACXC,QAAAA,EACAC,WAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,WAAAA,EAAa,GACbC,aAAAA,EACAC,kBAAAA,EACAC,gBAAAA,KACGC,CAcL,EAAG,CACD,KAAM,CAACC,EAAQC,CAAS,EAAIC,mBAASd,CAAQ,EAE7Ce,OAAAA,EAAAA,QAAAA,UAAU,IAAM,CACVf,IAAaY,GAAQC,EAAUb,CAAQ,CAAA,EAC1C,CAACA,CAAQ,CAAC,IAWXgB,EAAA,CAAA,SAAA,EACIb,GAAQF,MACR,SAAA,CAAQ,QAXO,IAAM,CACzB,MAAMgB,EAAe,CAACL,EACtBC,EAAUI,CAAY,EAElBZ,GAAeY,GAA2BZ,IAC1CC,GAAgB,CAACW,GAA4BX,GAAA,EAMd,UAAWJ,GAA0B,GAAG,SACpEC,EAAOe,EAACf,MAAUF,CAAAA,CAEtB,EACDkB,EAACC,EAAM,CACL,KAAMR,EACN,QAAS,IAAM,CACbC,EAAU,EAAK,EACXP,GAA4BA,GAClC,EACA,UAAWe,EAAK,CAAC,OAAQ1B,EAAoBa,CAAY,CAAC,EAAE,SAE5D,CAAAU,EAAA,MAAA,CAAK,UAAWtB,CAAAA,CAA2B,EAC1CuB,EAAAC,EAAO,MAAK,CACX,UAAWC,EAAK,CACdd,EACIT,EACAD,EACJY,CAAiB,CAClB,EAAE,SAEH,CAAAU,EAAA,SAAA,CACE,KAAK,SACL,QAAS,IAAM,CACbN,EAAU,EAAK,EACXP,GAA4BA,GAClC,EACA,UAAWe,EAAK,CACd,2CACAX,CAAe,CAChB,EAAE,SAEH,CAACQ,EAAAI,EAAc,CAAA,CAAA,IACf,OAAA,CAAM,UAAU,UAAS,SAAA,OAAA,CAAa,CAAA,CAAA,CAAA,EAEvClB,CAAQ,CAAA,CACI,CAAA,CAAA,CACR,CAAA,CAAA,CACR,CAEP"}