{"version":3,"file":"Copyable-BV4zhAZY.js","sources":["../../Client/legacy/Components/Copyable.tsx"],"sourcesContent":["import { copyText } from '@shared/Common';\r\nimport { useToast } from '@shared/Hooks';\r\nimport { PropsWithChildren } from 'react';\r\n\r\nexport interface ICopyableProps {\r\n    /** The value to copy. Handles missing data by displaying \"None\" and disabling the copy command. */\r\n    value: string;\r\n\r\n    /** The id for the copy wrapper. */\r\n    id?: string;\r\n}\r\n\r\nexport function Copyable(props: PropsWithChildren<ICopyableProps>) {\r\n    const toast = useToast();\r\n\r\n    return (\r\n        <div id={props.id} className='cursor-copy' onClick={onClick}>\r\n            {props.children}\r\n        </div>\r\n    );\r\n\r\n    async function onClick() {\r\n        await copyText(props.value, async () => await toast.success('Copied to clipboard'));\r\n    }\r\n}\r\n"],"names":["Copyable","props","toast","useToast","jsx","onClick","copyText"],"mappings":"wHAYO,SAASA,EAASC,EAA0C,CAC/D,MAAMC,EAAQC,EAAS,EAGnB,OAAAC,EAAA,IAAC,OAAI,GAAIH,EAAM,GAAI,UAAU,cAAc,QAAAI,EACtC,SAAAJ,EAAM,QACX,CAAA,EAGJ,eAAeI,GAAU,CACf,MAAAC,EAASL,EAAM,MAAO,SAAY,MAAMC,EAAM,QAAQ,qBAAqB,CAAC,CAAA,CAE1F"}