{"version":3,"file":"static/js/4828.f4a23b40.chunk.js","mappings":"kQAGaA,EAAeC,EAAAA,GAAOC,IAAGC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,yLAKhBC,EAAAA,EAAOC,I,WCChBC,EAAwC,SAAHC,GAE3C,IADCC,EAAcD,EAApBE,KAEAC,GAA8BC,EAAAA,EAAAA,WAAS,GAAMC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAAtCI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAS1B,OANAI,EAAAA,EAAAA,YAAU,WACJR,GACFO,EAAWP,EAEf,GAAG,CAACA,KAGFS,EAAAA,EAAAA,KAACC,EAAAA,EAAK,CAACC,OAAQL,EAASM,QATD,WAAH,OAASL,GAAW,EAAO,EASGM,UAChDJ,EAAAA,EAAAA,KAACK,EAAmB,CAAAD,UAClBJ,EAAAA,EAAAA,KAACM,EAAAA,EAAY,CAACC,SAAS,OAI/B,C","sources":["elements/ClaimNFT/styles.ts","elements/ClaimNFT/Modal.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEVICE } from 'constants/app/breakpoints';\n\nexport const ModalWrapper = styled.div`\n  width: 434px;\n  background-color: var(--v3-black-0);\n  border-radius: 24px;\n  padding: 36px;\n  @media screen and ${DEVICE.xl} {\n    width: 100%;\n    border-radius: unset;\n  }\n`;\n","import { FC, useEffect, useState } from 'react';\nimport { ClaimNftForm } from 'components/ClaimNftForm';\nimport { Modal } from 'components/Modal';\nimport * as Styled from './styles';\n\ntype ClaimNftModalProps = {\n  open?: boolean;\n};\n\nexport const ClaimNftModal: FC<ClaimNftModalProps> = ({\n  open: initialVisible\n}) => {\n  const [visible, setVisible] = useState(false);\n  const handleCloseModal = () => setVisible(false);\n\n  useEffect(() => {\n    if (initialVisible) {\n      setVisible(initialVisible);\n    }\n  }, [initialVisible]);\n\n  return (\n    <Modal isOpen={visible} onClose={handleCloseModal}>\n      <Styled.ModalWrapper>\n        <ClaimNftForm inModal={true} />\n      </Styled.ModalWrapper>\n    </Modal>\n  );\n};\n"],"names":["ModalWrapper","styled","div","_templateObject","_taggedTemplateLiteral","DEVICE","xl","ClaimNftModal","_ref","initialVisible","open","_useState","useState","_useState2","_slicedToArray","visible","setVisible","useEffect","_jsx","Modal","isOpen","onClose","children","Styled","ClaimNftForm","inModal"],"sourceRoot":""}