{"version":3,"file":"AddMarketingMaterialModal-n8N2iQ1E.js","sources":["../../../app/assets/images/marketing-add-image.svg","../../../app/javascript/components/atoms/widgets/FileInput.tsx","../../../app/javascript/components/molecules/modals/AddMarketingMaterialModal.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='28'%20fill='%23F7F8FB'/%3e%3cpath%20d='M13.375%2033.625L21.1135%2025.8865C22.4315%2024.5685%2024.5685%2024.5685%2025.8865%2025.8865L33.625%2033.625M31.375%2031.375L33.4885%2029.2615C34.8065%2027.9435%2036.9435%2027.9435%2038.2615%2029.2615L42.625%2033.625M15.625%2039.25H40.375C41.6176%2039.25%2042.625%2038.2426%2042.625%2037V19C42.625%2017.7574%2041.6176%2016.75%2040.375%2016.75H15.625C14.3824%2016.75%2013.375%2017.7574%2013.375%2019V37C13.375%2038.2426%2014.3824%2039.25%2015.625%2039.25ZM31.375%2022.375H31.3863V22.3863H31.375V22.375ZM31.9375%2022.375C31.9375%2022.6857%2031.6857%2022.9375%2031.375%2022.9375C31.0643%2022.9375%2030.8125%2022.6857%2030.8125%2022.375C30.8125%2022.0643%2031.0643%2021.8125%2031.375%2021.8125C31.6857%2021.8125%2031.9375%2022.0643%2031.9375%2022.375Z'%20stroke='%23222427'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\"","import { useRef } from 'react'\n\nimport Button from '../buttons/Button'\n\nexport const FileInput = ({ handleFileChange, index }) => {\n  const fileInputRef = useRef(null)\n  const handleButtonClick = () => {\n    fileInputRef.current.click()\n  }\n\n  return (\n    <div className='w-full'>\n      <input\n        type='file'\n        ref={fileInputRef}\n        style={{ display: 'none', width: '100%'  }}\n        onChange={(e) => handleFileChange(e.target.files[0], index)}\n      />\n      <Button onClick={handleButtonClick} type='button'\n        size='md'\n        variant='primary'\n        className='w-full'>Choose File</Button>\n    </div>\n  )\n}\n","import Modal from \"../../atoms/modals/Modal\"\nimport AddImage from \"../../../../assets/images/marketing-add-image.svg\"\nimport Button from \"@/components/atoms/buttons/Button\"\nimport { FileInput } from \"@/components/atoms/widgets/FileInput\"\nimport Dropzone from 'react-dropzone'\n\nconst AddMarketingMaterialModal = ({openModal, setOpenModal, handleFileChange, index = 0, modalFor, imageSize = 5}) => {\n  return (\n    <Modal\n      isOpen={openModal}\n      onClose={() => setOpenModal(false)}\n      closeStyle=\"top-10 right-10\"\n      className=\"mx-4 gap-5 w-full rounded-xl bg-white p-10 md:mt-0 md:w-[600px]\"\n    >\n      <h1 className=\"text-[24px] font-bold leading-[1.9rem]\">Marketing Materials</h1>\n      <div className=\"flex flex-col gap-7\">\n        <Dropzone\n          onDrop={acceptedFiles => handleFileChange(acceptedFiles[0], index) }\n        >\n          {({getRootProps, getInputProps}) => (\n            <section className=\"flex flex-col gap-2 items-center justify-center\">\n              <div {...getRootProps()} className=\"border-2 border-dashed rounded-lg p-6 cursor-pointer\">\n                <input {...getInputProps()} />\n                <img src={AddImage} alt=\"add-image-icon\" className=\"w-[56px] h-[56px] mx-auto\" />\n                {modalFor === 'Image' ? (\n                  <>\n                    <h1 className=\"text-[24px] font-bold leading-[1.9rem] flex justify-center\">Add an Image</h1>\n                    <p className=\"text-xs flex justify-center\">JPEG, PNG or WEBP</p>\n                    <p className=\"text-xs flex justify-center\">File size should be less than {imageSize} Mb</p>\n                  </>\n                ) : modalFor === 'File' ? (\n                  <>\n                    <h1 className=\"text-[24px] font-bold leading-[1.9rem] flex justify-center\">Add a File</h1>\n                    <p className=\"text-xs flex justify-center\">Doc, Docx or PDF</p>\n                    <p className=\"text-xs flex justify-center\">File size should be less than 10 Mbs</p>\n                  </>\n                )  : modalFor === 'Video' ?\n                <div className=\"flex flex-col text-center items-center justify-center pt-5\">\n                  <h1 className=\"text-[24px] font-bold leading-[1.9rem]\">Add a Video</h1>\n                  <p className=\"text-xs \">MP4, MOV, WEBEM, MPEG or M4V</p>\n                </div>\n                : null}\n              </div>\n            </section>\n          )}\n        </Dropzone>\n        <div className=\"flex flex-col items-center gap-4 md:flex-row\">\n          <Button\n            type=\"button\"\n            size=\"md\"\n            variant=\"secondary\"\n            className=\"w-full\"\n            onClick={()=>setOpenModal(false)}\n          >\n            Cancel\n          </Button>\n          <FileInput handleFileChange={handleFileChange} index={index}/>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport default AddMarketingMaterialModal\n"],"names":["AddImage","FileInput","handleFileChange","index","fileInputRef","useRef","className","children","_jsx","type","ref","style","display","width","onChange","e","target","files","Button","onClick","handleButtonClick","current","click","size","variant","AddMarketingMaterialModal","openModal","setOpenModal","modalFor","imageSize","Modal","isOpen","onClose","closeStyle","_jsxs","Dropzone","onDrop","acceptedFiles","getRootProps","getInputProps","src","alt","_Fragment"],"mappings":"yFAGA,MAAAA,EAAe,gjCCCFC,EAAYA,CAAC,CAAEC,iBAAAA,EAAkBC,MAAAA,CAAM,IAAM,CAClDC,MAAAA,EAAeC,SAAO,IAAI,EAKhC,SACE,MAAA,CAAKC,UAAU,SAAQC,UACrBC,EAAA,QAAA,CACEC,KAAK,OACLC,IAAKN,EACLO,MAAO,CAAEC,QAAS,OAAQC,MAAO,MAAQ,EACzCC,YAAiBZ,EAAiBa,EAAEC,OAAOC,MAAM,CAAC,EAAGd,CAAK,CAAA,CAC3D,EACDK,EAACU,EAAM,CAACC,QAZcC,IAAM,CAC9BhB,EAAaiB,QAAQC,OAAM,EAWWb,KAAK,SACvCc,KAAK,KACLC,QAAQ,UACRlB,UAAU,SAAQC,SAAC,aAAA,CAAmB,CAAC,CAAA,CACtC,CAET,EClBMkB,EAA4BA,CAAC,CAACC,UAAAA,EAAWC,aAAAA,EAAczB,iBAAAA,EAAkBC,MAAAA,EAAQ,EAAGyB,SAAAA,EAAUC,UAAAA,EAAY,CAAC,MAE5GC,EAAK,CACJC,OAAQL,EACRM,QAASA,IAAML,EAAa,EAAK,EACjCM,WAAW,kBACX3B,UAAU,kEAAiEC,UAE3EC,EAAA,KAAA,CAAIF,UAAU,yCAAwCC,SAAC,qBAAA,CAAuB,EAC9E2B,EAAA,MAAA,CAAK5B,UAAU,sBAAqBC,SAAA,CAClCC,EAAC2B,EAAQ,CACPC,OAAyBlC,GAAAA,EAAiBmC,EAAc,CAAC,EAAGlC,CAAK,EAAGI,SAEnEA,CAAC,CAAC+B,aAAAA,EAAcC,cAAAA,CAAAA,MACf,UAAA,CAASjC,UAAU,kDAAiDC,WAClE,MAAA,CAAA,GAAS+B,EAAa,EAAGhC,UAAU,uDAAsDC,UACvFC,EAAA,QAAA,CAAA,GAAW+B,EAAc,CAAA,CAAI,EAC7B/B,EAAA,MAAA,CAAKgC,IAAKxC,EAAUyC,IAAI,iBAAiBnC,UAAU,2BAA6B,CAAA,EAC/EsB,IAAa,UACZc,EAAA,CAAAnC,UACEC,EAAA,KAAA,CAAIF,UAAU,6DAA4DC,SAAC,cAAA,CAAgB,EAC3FC,EAAA,IAAA,CAAGF,UAAU,8BAA6BC,SAAC,mBAAA,CAAoB,EAC/D2B,EAAA,IAAA,CAAG5B,UAAU,8BAA6BC,SAAC,CAAA,iCAA+BsB,EAAU,KAAG,CAAA,CAAG,CAAC,CAC3F,CAAA,EACAD,IAAa,SACfc,EAAA,CAAAnC,UACEC,EAAA,KAAA,CAAIF,UAAU,6DAA4DC,SAAC,YAAA,CAAc,EACzFC,EAAA,IAAA,CAAGF,UAAU,8BAA6BC,SAAC,kBAAA,CAAmB,EAC9DC,EAAA,IAAA,CAAGF,UAAU,8BAA6BC,SAAC,sCAAA,CAAuC,CAAC,CACnF,CAAA,EACCqB,IAAa,UAClB,MAAA,CAAKtB,UAAU,6DAA4DC,UACzEC,EAAA,KAAA,CAAIF,UAAU,yCAAwCC,SAAC,aAAA,CAAe,EACtEC,EAAA,IAAA,CAAGF,UAAU,WAAUC,SAAC,8BAAA,CAA+B,CAAC,CACrD,CAAA,EACH,IAAI,CAAA,CACH,CAAA,CACE,CAAA,CAEH,EACV2B,EAAA,MAAA,CAAK5B,UAAU,+CAA8CC,SAAA,CAC3DC,EAACU,EAAM,CACLT,KAAK,SACLc,KAAK,KACLC,QAAQ,YACRlB,UAAU,SACVa,QAASA,IAAIQ,EAAa,EAAK,EAAEpB,SAClC,QAAA,CAEO,EACRC,EAACP,EAAS,CAACC,iBAAAA,EAAoCC,MAAAA,CAAAA,CAAc,CAAC,CAAA,CAC3D,CAAC,CAAA,CACH,CAAC,CAAA,CACD"}