{"version":3,"file":"TransactionNote.mjs","names":["React","AmbientCard","Typography","StatusChip","makeStyles","Adornment","getLocalizedDateTimeString","ContactIcon","useStyles","theme","titleContainer","display","gap","justifyContent","alignItems","chipContainer","spacing","marginTop","card","width","cursor","backgroundColor","padding","border","captionText","color","palette","text","hint","TransactionNote","props","$","_c","onClick","note","classes","t0","Symbol","for","t1","t2","t3","subject","t4","t5","t6","createdOn","t7","t8","t9","t10","content","t11","t12","userDisplayName","t13","t14","t15","t16"],"sources":["../../../../../../src/udp/pages/UdpTransactionsPage/components/transactionNote/TransactionNote.jsx"],"sourcesContent":["import React from 'react';\nimport { AmbientCard } from '../../../../../UI/surfaces/cards/AmbientCard';\nimport { Typography } from '../../../../../UI/dataDisplay/typography';\nimport { StatusChip } from '../../../../../UI/dataDisplay/status';\nimport { makeStyles } from '@material-ui/core';\nimport { Adornment } from '../../../../../UI';\nimport { getLocalizedDateTimeString } from '../../../../../UI/widgets/utils/dateUtils';\nimport { ContactIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  titleContainer: {\n    display: 'flex',\n    gap: '8px',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  chipContainer: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n    marginTop: theme.spacing(1)\n  },\n  card: {\n    width: '100%',\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor: 'rgba(0, 0, 0, 0.04)'\n    },\n    padding: '8px 12px',\n    border: '1px solid rgba(0, 0, 0, 0.08)'\n  },\n  captionText: {\n    color: theme.palette.text.hint\n  }\n}));\n\nexport const TransactionNote = (props) => {\n  const { onClick, note } = props;\n  const classes = useStyles();\n\n  return (\n    <div>\n      <AmbientCard\n        fullWidth\n        adornment='info'\n        noAdornment={false}\n        customAdornment={<Adornment color={'info'} />}\n        removeTopLayoutUnit\n        removePadding\n        lastChildBottomPadding={'0px'}\n        cardContentHeight={'100%'}\n      >\n        <div className={classes.card} onClick={onClick}>\n          <div className={classes.titleContainer}>\n            <Typography variant='h6'>\n              {note?.subject ?? 'Transaction Note'}\n            </Typography>\n            <Typography variant='caption' className={classes.captionText}>\n              {getLocalizedDateTimeString(note?.createdOn)}\n            </Typography>\n          </div>\n          <Typography variant='body1'>\n            {note?.content ??\n              'This is a placeholder for the transaction note component.'}\n          </Typography>\n\n          <div className={classes.chipContainer}>\n            <StatusChip\n              label={note?.userDisplayName}\n              color='default'\n              variant='outline'\n              icon={<ContactIcon />}\n            />\n          </div>\n        </div>\n      </AmbientCard>\n    </div>\n  );\n};\n"],"mappings":"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"}