synapse-react-client 4.0.44 → 4.0.46

package/dist/components/AcknowledgementsPage/AcknowledgementsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AcknowledgementsPage.js","names":[],"sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsPage.tsx"],"sourcesContent":["import { Box, Button, Container, Link, Typography } from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport { ReactComponent as AcknowledgementStatementsIllustration } from '../../assets/illustrations/acknowledgement_statements_illustration.svg'\nimport TextToComponentCollapse from '../TextToComponentCollapse'\nimport AcknowledgementsDialog from './AcknowledgementsDialog'\nimport { MarkdownSynapseProps } from '../Markdown/MarkdownSynapse'\nimport MarkdownCollapse from '../Markdown/MarkdownCollapse'\nimport { StudyAcknowledgements } from './StudyAcknowledgements'\nimport { LaunchTwoTone } from '@mui/icons-material'\nexport type AcknowledgementPageProps = {\n  portalName: string\n  createDoiHelpUrl: string\n  portalAcknowledgementProps?: MarkdownSynapseProps\n  dataAvailabilityProps?: MarkdownSynapseProps\n  studyAcknowledgementSql: string\n}\n\nexport type AcknowledgementItem = {\n  title: string\n  statement: string\n}\n\nexport function AcknowledgementPage(props: AcknowledgementPageProps) {\n  const {\n    portalName,\n    createDoiHelpUrl,\n    portalAcknowledgementProps,\n    dataAvailabilityProps,\n    studyAcknowledgementSql,\n  } = props\n  const [isAcknowledgementsDialogOpen, setAcknowledgementsDialogOpen] =\n    useState<boolean>(false)\n\n  const [portalAcknowledgement, setPortalAcknowledgement] = useState<string>()\n  const [dataAvailabilityStatement, setDataAvailabilityStatement] =\n    useState<string>()\n  const [acknowledgementItems, setAcknowledgementItems] = useState<\n    AcknowledgementItem[]\n  >([])\n  const handleCloseDialog = useCallback(\n    () => setAcknowledgementsDialogOpen(false),\n    [],\n  )\n  return (\n    <>\n      <Container maxWidth={'lg'} sx={{ mt: '2em', mb: '2em' }}>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          How to acknowledge data from this portal\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          The data available in the {portalName} would not be possible without\n          the participation of research volunteers and the contribution of data\n          by collaborating researchers. All use of data from the {portalName}{' '}\n          must be acknowledged and referenced appropriately.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ fontWeight: 'bold', mb: '1em' }}>\n          All publications using {portalName} data must include the provided\n          statements:\n        </Typography>\n        <Box sx={{ mb: '2em', svg: { maxWidth: '100%' } }}>\n          <AcknowledgementStatementsIllustration />\n        </Box>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          How to use this page:\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '.5em' }}>\n          This page will guide you through creating the acknowledgement\n          statements required when publishing with {portalName} data.\n        </Typography>\n        <Typography\n          variant=\"body1\"\n          component={'div'}\n          sx={{\n            mb: '2em',\n            '& li::marker': {\n              fontWeight: 'bold', // bold the number\n            },\n          }}\n        >\n          <ol>\n            <li>\n              <strong>Select study acknowledgement statements</strong>\n              <br />\n              From the list below, select all the studies whose data you used.\n              Each study has a pre-written acknowledgement statement that must\n              be included in your publication.\n            </li>\n            <li>\n              <strong>Generate compiled statement</strong>\n              <br />\n              Click the Generate Compiled Statement button at the bottom of the\n              page. This will compile:\n              <ul>\n                <li>The Portal Acknowledgement Statement</li>\n                <li>The acknowledgement(s) for the studies you selected</li>\n                <li>A template data availability statement</li>\n              </ul>\n              <i>\n                Important: You will need to edit the compiled statement to add a\n                brief description of the data used in your manuscript and a DOI\n                that points to your dataset.\n              </i>\n            </li>\n            <li>\n              <strong>Create a DOI for your dataset</strong>\n              <br />\n              As part of the data availability statement, you will need to\n              create a dataset that captures all files used in your publication\n              and mint the dataset with a persistent Digital Object Identifier\n              (DOI). For more instructions read&nbsp;\n              <Link\n                href={createDoiHelpUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                How to get a DOI for your Publication\n              </Link>\n            </li>\n          </ol>\n        </Typography>\n        <Typography component={'div'} variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          <ol start={1} style={{ paddingInlineStart: '20px' }}>\n            <li>Select study acknowledgement statements</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\">\n          From the list below, select all studies whose data you used. Each\n          study has a pre-written acknowledgement statement that must be\n          included in your publication.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ mb: '2em' }}>\n          You can also expand each section for detailed information or click\n          \"Copy full statement to clipboard\" to save the text.\n        </Typography>\n        <StudyAcknowledgements\n          sql={studyAcknowledgementSql}\n          onSelectChange={(item, checked) => {\n            if (checked) {\n              // add\n              acknowledgementItems.push(item)\n            } else {\n              // remove\n              const index = acknowledgementItems.findIndex(\n                i => i.title === item.title && i.statement === item.statement,\n              )\n              if (index > -1) {\n                acknowledgementItems.splice(index, 1)\n              }\n            }\n            setAcknowledgementItems([...acknowledgementItems])\n          }}\n        />\n        <Typography variant=\"h5\" component={'div'} sx={{ fontWeight: 'bold' }}>\n          <ol start={2} style={{ paddingInlineStart: '25px' }}>\n            <li>Generate compiled statement</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ fontWeight: 'bold', mb: '1em' }}>\n          Click to generate a compiled statement for your publication.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          The generated text will include your selected study acknowledgement\n          statements and all other required statements listed below.\n        </Typography>\n        <Button\n          variant=\"contained\"\n          onClick={() => setAcknowledgementsDialogOpen(true)}\n          sx={{ mb: '3em' }}\n        >\n          Generate compiled statement\n        </Button>\n        <TextToComponentCollapse\n          text={'Click to see other text included in the compiled statement'}\n          textVariant=\"h5\"\n          textSx={{ fontSize: '16px', fontWeight: 'bold' }}\n          textContainerSx={{ backgroundColor: 'unset', p: 0 }}\n          collapseBoxSx={{ backgroundColor: 'unset', p: '20px 0px' }}\n          iconSx={{ width: '20px', height: '20px' }}\n        >\n          {portalAcknowledgementProps && (\n            <>\n              <Typography variant=\"h5\" sx={{ fontSize: '18px', mb: '1em' }}>\n                Portal Acknowledgement Statement (Required)\n              </Typography>\n              <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n                This statement is required and automatically included in the\n                compiled statement\n              </Typography>\n              <MarkdownCollapse\n                {...portalAcknowledgementProps}\n                setPlainTextResult={setPortalAcknowledgement}\n                textDescription=\"full statement\"\n                showCopyPlainText={true}\n              />\n            </>\n          )}\n          {dataAvailabilityProps && (\n            <>\n              <Typography variant=\"h5\" sx={{ fontSize: '18px', m: '1em 0' }}>\n                Data Availability Statement (Required)\n              </Typography>\n              <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n                This statement is required and automatically included in the\n                compiled statement\n              </Typography>\n              <MarkdownCollapse\n                {...dataAvailabilityProps}\n                setPlainTextResult={setDataAvailabilityStatement}\n                textDescription=\"full statement\"\n                showCopyPlainText={true}\n              />\n            </>\n          )}\n        </TextToComponentCollapse>\n        <hr />\n        <Typography variant=\"h5\" component={'div'} sx={{ fontWeight: 'bold' }}>\n          <ol start={3} style={{ paddingInlineStart: '25px' }}>\n            <li>Create a DOI for your dataset</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          A digital object identifier (DOI) provides a persistent identifier\n          that allows readers to find the data cited in your publication.\n          Creating a DOI in the Synapse platform is free and required as part of\n          the data availability statement.\n        </Typography>\n\n        <Button\n          variant=\"outlined\"\n          href={createDoiHelpUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <LaunchTwoTone sx={{ mr: '0.5em' }} />\n          Learn how to get a DOI for your publication\n        </Button>\n      </Container>\n\n      <AcknowledgementsDialog\n        open={isAcknowledgementsDialogOpen}\n        onClose={handleCloseDialog}\n        createDoiHelpUrl={createDoiHelpUrl}\n        portalAcknowledgement={portalAcknowledgement}\n        dataAvailabilityStatement={dataAvailabilityStatement}\n        studyAcknowledgements={acknowledgementItems}\n      />\n    </>\n  )\n}\n\nexport default AcknowledgementPage\n"],"mappings":"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"}
+{"version":3,"file":"AcknowledgementsPage.js","names":[],"sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsPage.tsx"],"sourcesContent":["import { Box, Button, Container, Link, Typography } from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport { ReactComponent as AcknowledgementStatementsIllustration } from '../../assets/illustrations/acknowledgement_statements_illustration.svg'\nimport TextToComponentCollapse from '../TextToComponentCollapse'\nimport AcknowledgementsDialog from './AcknowledgementsDialog'\nimport { MarkdownSynapseProps } from '../Markdown/MarkdownSynapse'\nimport MarkdownCollapse from '../Markdown/MarkdownCollapse'\nimport { StudyAcknowledgements } from './StudyAcknowledgements'\nimport LaunchTwoTone from '@mui/icons-material/LaunchTwoTone'\nexport type AcknowledgementPageProps = {\n  portalName: string\n  createDoiHelpUrl: string\n  portalAcknowledgementProps?: MarkdownSynapseProps\n  dataAvailabilityProps?: MarkdownSynapseProps\n  studyAcknowledgementSql: string\n}\n\nexport type AcknowledgementItem = {\n  title: string\n  statement: string\n}\n\nexport function AcknowledgementPage(props: AcknowledgementPageProps) {\n  const {\n    portalName,\n    createDoiHelpUrl,\n    portalAcknowledgementProps,\n    dataAvailabilityProps,\n    studyAcknowledgementSql,\n  } = props\n  const [isAcknowledgementsDialogOpen, setAcknowledgementsDialogOpen] =\n    useState<boolean>(false)\n\n  const [portalAcknowledgement, setPortalAcknowledgement] = useState<string>()\n  const [dataAvailabilityStatement, setDataAvailabilityStatement] =\n    useState<string>()\n  const [acknowledgementItems, setAcknowledgementItems] = useState<\n    AcknowledgementItem[]\n  >([])\n  const handleCloseDialog = useCallback(\n    () => setAcknowledgementsDialogOpen(false),\n    [],\n  )\n  return (\n    <>\n      <Container maxWidth={'lg'} sx={{ mt: '2em', mb: '2em' }}>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          How to acknowledge data from this portal\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          The data available in the {portalName} would not be possible without\n          the participation of research volunteers and the contribution of data\n          by collaborating researchers. All use of data from the {portalName}{' '}\n          must be acknowledged and referenced appropriately.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ fontWeight: 'bold', mb: '1em' }}>\n          All publications using {portalName} data must include the provided\n          statements:\n        </Typography>\n        <Box sx={{ mb: '2em', svg: { maxWidth: '100%' } }}>\n          <AcknowledgementStatementsIllustration />\n        </Box>\n        <Typography variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          How to use this page:\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '.5em' }}>\n          This page will guide you through creating the acknowledgement\n          statements required when publishing with {portalName} data.\n        </Typography>\n        <Typography\n          variant=\"body1\"\n          component={'div'}\n          sx={{\n            mb: '2em',\n            '& li::marker': {\n              fontWeight: 'bold', // bold the number\n            },\n          }}\n        >\n          <ol>\n            <li>\n              <strong>Select study acknowledgement statements</strong>\n              <br />\n              From the list below, select all the studies whose data you used.\n              Each study has a pre-written acknowledgement statement that must\n              be included in your publication.\n            </li>\n            <li>\n              <strong>Generate compiled statement</strong>\n              <br />\n              Click the Generate Compiled Statement button at the bottom of the\n              page. This will compile:\n              <ul>\n                <li>The Portal Acknowledgement Statement</li>\n                <li>The acknowledgement(s) for the studies you selected</li>\n                <li>A template data availability statement</li>\n              </ul>\n              <i>\n                Important: You will need to edit the compiled statement to add a\n                brief description of the data used in your manuscript and a DOI\n                that points to your dataset.\n              </i>\n            </li>\n            <li>\n              <strong>Create a DOI for your dataset</strong>\n              <br />\n              As part of the data availability statement, you will need to\n              create a dataset that captures all files used in your publication\n              and mint the dataset with a persistent Digital Object Identifier\n              (DOI). For more instructions read&nbsp;\n              <Link\n                href={createDoiHelpUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                How to get a DOI for your Publication\n              </Link>\n            </li>\n          </ol>\n        </Typography>\n        <Typography component={'div'} variant=\"h5\" sx={{ fontWeight: 'bold' }}>\n          <ol start={1} style={{ paddingInlineStart: '20px' }}>\n            <li>Select study acknowledgement statements</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\">\n          From the list below, select all studies whose data you used. Each\n          study has a pre-written acknowledgement statement that must be\n          included in your publication.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ mb: '2em' }}>\n          You can also expand each section for detailed information or click\n          \"Copy full statement to clipboard\" to save the text.\n        </Typography>\n        <StudyAcknowledgements\n          sql={studyAcknowledgementSql}\n          onSelectChange={(item, checked) => {\n            if (checked) {\n              // add\n              acknowledgementItems.push(item)\n            } else {\n              // remove\n              const index = acknowledgementItems.findIndex(\n                i => i.title === item.title && i.statement === item.statement,\n              )\n              if (index > -1) {\n                acknowledgementItems.splice(index, 1)\n              }\n            }\n            setAcknowledgementItems([...acknowledgementItems])\n          }}\n        />\n        <Typography variant=\"h5\" component={'div'} sx={{ fontWeight: 'bold' }}>\n          <ol start={2} style={{ paddingInlineStart: '25px' }}>\n            <li>Generate compiled statement</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ fontWeight: 'bold', mb: '1em' }}>\n          Click to generate a compiled statement for your publication.\n        </Typography>\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          The generated text will include your selected study acknowledgement\n          statements and all other required statements listed below.\n        </Typography>\n        <Button\n          variant=\"contained\"\n          onClick={() => setAcknowledgementsDialogOpen(true)}\n          sx={{ mb: '3em' }}\n        >\n          Generate compiled statement\n        </Button>\n        <TextToComponentCollapse\n          text={'Click to see other text included in the compiled statement'}\n          textVariant=\"h5\"\n          textSx={{ fontSize: '16px', fontWeight: 'bold' }}\n          textContainerSx={{ backgroundColor: 'unset', p: 0 }}\n          collapseBoxSx={{ backgroundColor: 'unset', p: '20px 0px' }}\n          iconSx={{ width: '20px', height: '20px' }}\n        >\n          {portalAcknowledgementProps && (\n            <>\n              <Typography variant=\"h5\" sx={{ fontSize: '18px', mb: '1em' }}>\n                Portal Acknowledgement Statement (Required)\n              </Typography>\n              <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n                This statement is required and automatically included in the\n                compiled statement\n              </Typography>\n              <MarkdownCollapse\n                {...portalAcknowledgementProps}\n                setPlainTextResult={setPortalAcknowledgement}\n                textDescription=\"full statement\"\n                showCopyPlainText={true}\n              />\n            </>\n          )}\n          {dataAvailabilityProps && (\n            <>\n              <Typography variant=\"h5\" sx={{ fontSize: '18px', m: '1em 0' }}>\n                Data Availability Statement (Required)\n              </Typography>\n              <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n                This statement is required and automatically included in the\n                compiled statement\n              </Typography>\n              <MarkdownCollapse\n                {...dataAvailabilityProps}\n                setPlainTextResult={setDataAvailabilityStatement}\n                textDescription=\"full statement\"\n                showCopyPlainText={true}\n              />\n            </>\n          )}\n        </TextToComponentCollapse>\n        <hr />\n        <Typography variant=\"h5\" component={'div'} sx={{ fontWeight: 'bold' }}>\n          <ol start={3} style={{ paddingInlineStart: '25px' }}>\n            <li>Create a DOI for your dataset</li>\n          </ol>\n        </Typography>\n        <hr />\n        <Typography variant=\"body1\" sx={{ mb: '1em' }}>\n          A digital object identifier (DOI) provides a persistent identifier\n          that allows readers to find the data cited in your publication.\n          Creating a DOI in the Synapse platform is free and required as part of\n          the data availability statement.\n        </Typography>\n\n        <Button\n          variant=\"outlined\"\n          href={createDoiHelpUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <LaunchTwoTone sx={{ mr: '0.5em' }} />\n          Learn how to get a DOI for your publication\n        </Button>\n      </Container>\n\n      <AcknowledgementsDialog\n        open={isAcknowledgementsDialogOpen}\n        onClose={handleCloseDialog}\n        createDoiHelpUrl={createDoiHelpUrl}\n        portalAcknowledgement={portalAcknowledgement}\n        dataAvailabilityStatement={dataAvailabilityStatement}\n        studyAcknowledgements={acknowledgementItems}\n      />\n    </>\n  )\n}\n\nexport default AcknowledgementPage\n"],"mappings":";;;;;;;;;;AAsBA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EACJ,eACA,qBACA,+BACA,0BACA,+BACE,GACE,CAAC,GAA8B,KACnC,EAAkB,EAAK,GAEnB,CAAC,GAAuB,KAA4B,EAAiB,GACrE,CAAC,GAA2B,KAChC,EAAiB,GACb,CAAC,GAAsB,KAA2B,EAEtD,CAAC,CAAC,GACE,IAAoB,QAClB,EAA8B,EAAK,GACzC,CAAC,CACH;CACA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAW,UAAU;EAAM,IAAI;GAAE,IAAI;GAAO,IAAI;EAAM;YAAtD;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAK,IAAI,EAAE,YAAY,OAAO;cAAG;GAEzC,CAAA;GACZ,kBAAC,MAAD,CAAK,CAAA;GACL,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,IAAI,MAAM;cAA5C;KAA+C;KAClB;KAAW;KAEkB;KAAY;KAAI;IAE9D;;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI;KAAE,YAAY;KAAQ,IAAI;IAAM;cAAhE;KAAmE;KACzC;KAAW;IAEzB;;GACZ,kBAAC,GAAD;IAAK,IAAI;KAAE,IAAI;KAAO,KAAK,EAAE,UAAU,OAAO;IAAE;cAC9C,kBAAC,GAAD,CAAwC,CAAA;GACrC,CAAA;GACL,kBAAC,GAAD;IAAY,SAAQ;IAAK,IAAI,EAAE,YAAY,OAAO;cAAG;GAEzC,CAAA;GACZ,kBAAC,MAAD,CAAK,CAAA;GACL,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,IAAI,OAAO;cAA7C;KAAgD;KAEJ;KAAW;IAC3C;;GACZ,kBAAC,GAAD;IACE,SAAQ;IACR,WAAW;IACX,IAAI;KACF,IAAI;KACJ,gBAAgB,EACd,YAAY,OACd;IACF;cAEA,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,MAAD,EAAA,UAAA;MACE,kBAAC,UAAD,EAAA,UAAQ,0CAA+C,CAAA;MACvD,kBAAC,MAAD,CAAK,CAAA;MAAC;KAIJ,EAAA,CAAA;KACJ,kBAAC,MAAD,EAAA,UAAA;MACE,kBAAC,UAAD,EAAA,UAAQ,8BAAmC,CAAA;MAC3C,kBAAC,MAAD,CAAK,CAAA;MAAC;MAGN,kBAAC,MAAD,EAAA,UAAA;OACE,kBAAC,MAAD,EAAA,UAAI,uCAAwC,CAAA;OAC5C,kBAAC,MAAD,EAAA,UAAI,sDAAuD,CAAA;OAC3D,kBAAC,MAAD,EAAA,UAAI,yCAA0C,CAAA;MAC5C,EAAA,CAAA;MACJ,kBAAC,KAAD,EAAA,UAAG,gKAIA,CAAA;KACD,EAAA,CAAA;KACJ,kBAAC,MAAD,EAAA,UAAA;MACE,kBAAC,UAAD,EAAA,UAAQ,gCAAqC,CAAA;MAC7C,kBAAC,MAAD,CAAK,CAAA;MAAC;MAKN,kBAAC,GAAD;OACE,MAAM;OACN,QAAO;OACP,KAAI;iBACL;MAEK,CAAA;KACJ,EAAA,CAAA;IACF,EAAA,CAAA;GACM,CAAA;GACZ,kBAAC,GAAD;IAAY,WAAW;IAAO,SAAQ;IAAK,IAAI,EAAE,YAAY,OAAO;cAClE,kBAAC,MAAD;KAAI,OAAO;KAAG,OAAO,EAAE,oBAAoB,OAAO;eAChD,kBAAC,MAAD,EAAA,UAAI,0CAA2C,CAAA;IAC7C,CAAA;GACM,CAAA;GACZ,kBAAC,MAAD,CAAK,CAAA;GACL,kBAAC,GAAD;IAAY,SAAQ;cAAQ;GAIhB,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,IAAI,MAAM;cAAG;GAGnC,CAAA;GACZ,kBAAC,GAAD;IACE,KAAK;IACL,iBAAiB,GAAM,MAAY;KACjC,IAAI,GAEF,EAAqB,KAAK,CAAI;UACzB;MAEL,IAAM,IAAQ,EAAqB,WACjC,MAAK,EAAE,UAAU,EAAK,SAAS,EAAE,cAAc,EAAK,SACtD;MACA,AAAI,IAAQ,MACV,EAAqB,OAAO,GAAO,CAAC;KAExC;KACA,EAAwB,CAAC,GAAG,CAAoB,CAAC;IACnD;GACD,CAAA;GACD,kBAAC,GAAD;IAAY,SAAQ;IAAK,WAAW;IAAO,IAAI,EAAE,YAAY,OAAO;cAClE,kBAAC,MAAD;KAAI,OAAO;KAAG,OAAO,EAAE,oBAAoB,OAAO;eAChD,kBAAC,MAAD,EAAA,UAAI,8BAA+B,CAAA;IACjC,CAAA;GACM,CAAA;GACZ,kBAAC,MAAD,CAAK,CAAA;GACL,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI;KAAE,YAAY;KAAQ,IAAI;IAAM;cAAG;GAEvD,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,IAAI,MAAM;cAAG;GAGnC,CAAA;GACZ,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,EAA8B,EAAI;IACjD,IAAI,EAAE,IAAI,MAAM;cACjB;GAEO,CAAA;GACR,kBAAC,GAAD;IACE,MAAM;IACN,aAAY;IACZ,QAAQ;KAAE,UAAU;KAAQ,YAAY;IAAO;IAC/C,iBAAiB;KAAE,iBAAiB;KAAS,GAAG;IAAE;IAClD,eAAe;KAAE,iBAAiB;KAAS,GAAG;IAAW;IACzD,QAAQ;KAAE,OAAO;KAAQ,QAAQ;IAAO;cAN1C,CAQG,KACC,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,GAAD;MAAY,SAAQ;MAAK,IAAI;OAAE,UAAU;OAAQ,IAAI;MAAM;gBAAG;KAElD,CAAA;KACZ,kBAAC,GAAD;MAAY,SAAQ;MAAQ,IAAI,EAAE,IAAI,MAAM;gBAAG;KAGnC,CAAA;KACZ,kBAAC,GAAD;MACE,GAAI;MACJ,oBAAoB;MACpB,iBAAgB;MAChB,mBAAmB;KACpB,CAAA;IACD,EAAA,CAAA,GAEH,KACC,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,GAAD;MAAY,SAAQ;MAAK,IAAI;OAAE,UAAU;OAAQ,GAAG;MAAQ;gBAAG;KAEnD,CAAA;KACZ,kBAAC,GAAD;MAAY,SAAQ;MAAQ,IAAI,EAAE,IAAI,MAAM;gBAAG;KAGnC,CAAA;KACZ,kBAAC,GAAD;MACE,GAAI;MACJ,oBAAoB;MACpB,iBAAgB;MAChB,mBAAmB;KACpB,CAAA;IACD,EAAA,CAAA,CAEmB;;GACzB,kBAAC,MAAD,CAAK,CAAA;GACL,kBAAC,GAAD;IAAY,SAAQ;IAAK,WAAW;IAAO,IAAI,EAAE,YAAY,OAAO;cAClE,kBAAC,MAAD;KAAI,OAAO;KAAG,OAAO,EAAE,oBAAoB,OAAO;eAChD,kBAAC,MAAD,EAAA,UAAI,gCAAiC,CAAA;IACnC,CAAA;GACM,CAAA;GACZ,kBAAC,MAAD,CAAK,CAAA;GACL,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,IAAI,MAAM;cAAG;GAKnC,CAAA;GAEZ,kBAAC,GAAD;IACE,SAAQ;IACR,MAAM;IACN,QAAO;IACP,KAAI;cAJN,CAME,kBAAC,GAAD,EAAe,IAAI,EAAE,IAAI,QAAQ,EAAI,CAAA,GAAC,6CAEhC;;EACC;KAEX,kBAAC,GAAD;EACE,MAAM;EACN,SAAS;EACS;EACK;EACI;EAC3B,uBAAuB;CACxB,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/components/Aridhia/DarWizard/DarSectionForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DarSectionForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Aridhia/DarWizard/DarSectionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAKlD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACtD,CAAA;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,2CAiB5D"}
+{"version":3,"file":"DarSectionForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Aridhia/DarWizard/DarSectionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAMlD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACtD,CAAA;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,2CAiB5D"}

package/dist/components/Aridhia/DarWizard/DarSectionForm.js

@@ -1,23 +1,27 @@
 import { JsonSchemaForm as e } from "../../JsonSchemaForm/JsonSchemaForm.js";
 import { DateWidget as t } from "../../JsonSchemaForm/widgets/DateWidget.js";
-import n from "../FairLabelField.js";
-import { Fragment as r, jsx as i } from "react/jsx-runtime";
+import { PhoneWidget as n } from "../../JsonSchemaForm/widgets/PhoneWidget.js";
+import r from "../FairLabelField.js";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
 //#region src/components/Aridhia/DarWizard/DarSectionForm.tsx
-function a(a) {
-	let { schema: o, uiSchema: s, formData: c, onChange: l } = a;
-	return /* @__PURE__ */ i(e, {
-		schema: o,
-		uiSchema: s,
-		formData: c,
-		fields: { fairLabel: n },
-		widgets: { DateWidget: t },
+function o(o) {
+	let { schema: s, uiSchema: c, formData: l, onChange: u } = o;
+	return /* @__PURE__ */ a(e, {
+		schema: s,
+		uiSchema: c,
+		formData: l,
+		fields: { fairLabel: r },
+		widgets: {
+			DateWidget: t,
+			PhoneWidget: n
+		},
 		formContext: { booleanWidget: "checkbox" },
-		onChange: ({ formData: e }) => l(e ?? {}),
+		onChange: ({ formData: e }) => u(e ?? {}),
 		showErrorList: !1,
-		children: /* @__PURE__ */ i(r, {})
+		children: /* @__PURE__ */ a(i, {})
 	});
 }
 //#endregion
-export { a as DarSectionForm };
+export { o as DarSectionForm };
 
 //# sourceMappingURL=DarSectionForm.js.map

package/dist/components/Aridhia/DarWizard/DarSectionForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DarSectionForm.js","names":[],"sources":["../../../../src/components/Aridhia/DarWizard/DarSectionForm.tsx"],"sourcesContent":["import { RJSFSchema, UiSchema } from '@rjsf/utils'\nimport { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { DateWidget } from '@/components/JsonSchemaForm/widgets/DateWidget'\nimport FairLabelField from '@/components/Aridhia/FairLabelField'\n\nexport type DarFormSectionStepProps = {\n  schema: RJSFSchema\n  uiSchema: UiSchema\n  formData: Record<string, unknown>\n  onChange: (formData: Record<string, unknown>) => void\n}\n\n/**\n * Renders one `fairSectionToRjsf` schema/uiSchema pair via `JsonSchemaForm`, with the shared\n * `JsonSchemaForm` customizations needed for the Aridhia DAR flow.\n */\nexport function DarSectionForm(props: DarFormSectionStepProps) {\n  const { schema, uiSchema, formData, onChange } = props\n  return (\n    <JsonSchemaForm<Record<string, unknown>>\n      schema={schema}\n      uiSchema={uiSchema}\n      formData={formData}\n      fields={{ fairLabel: FairLabelField }}\n      widgets={{ DateWidget: DateWidget }}\n      formContext={{ booleanWidget: 'checkbox' }}\n      onChange={({ formData: next }) => onChange(next ?? {})}\n      showErrorList={false}\n    >\n      {/* Suppress the built-in submit button; the wizard owns navigation. */}\n      <></>\n    </JsonSchemaForm>\n  )\n}\n"],"mappings":";;;;;AAgBA,SAAgB,EAAe,GAAgC;CAC7D,IAAM,EAAE,WAAQ,aAAU,aAAU,gBAAa;CACjD,OACE,kBAAC,GAAD;EACU;EACE;EACA;EACV,QAAQ,EAAE,WAAW,EAAe;EACpC,SAAS,EAAc,cAAW;EAClC,aAAa,EAAE,eAAe,WAAW;EACzC,WAAW,EAAE,UAAU,QAAW,EAAS,KAAQ,CAAC,CAAC;EACrD,eAAe;YAGf,kBAAA,GAAA,CAAI,CAAA;CACU,CAAA;AAEpB"}
+{"version":3,"file":"DarSectionForm.js","names":[],"sources":["../../../../src/components/Aridhia/DarWizard/DarSectionForm.tsx"],"sourcesContent":["import { RJSFSchema, UiSchema } from '@rjsf/utils'\nimport { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { DateWidget } from '@/components/JsonSchemaForm/widgets/DateWidget'\nimport { PhoneWidget } from '@/components/JsonSchemaForm/widgets/PhoneWidget'\nimport FairLabelField from '@/components/Aridhia/FairLabelField'\n\nexport type DarFormSectionStepProps = {\n  schema: RJSFSchema\n  uiSchema: UiSchema\n  formData: Record<string, unknown>\n  onChange: (formData: Record<string, unknown>) => void\n}\n\n/**\n * Renders one `fairSectionToRjsf` schema/uiSchema pair via `JsonSchemaForm`, with the shared\n * `JsonSchemaForm` customizations needed for the Aridhia DAR flow.\n */\nexport function DarSectionForm(props: DarFormSectionStepProps) {\n  const { schema, uiSchema, formData, onChange } = props\n  return (\n    <JsonSchemaForm<Record<string, unknown>>\n      schema={schema}\n      uiSchema={uiSchema}\n      formData={formData}\n      fields={{ fairLabel: FairLabelField }}\n      widgets={{ DateWidget, PhoneWidget }}\n      formContext={{ booleanWidget: 'checkbox' }}\n      onChange={({ formData: next }) => onChange(next ?? {})}\n      showErrorList={false}\n    >\n      {/* Suppress the built-in submit button; the wizard owns navigation. */}\n      <></>\n    </JsonSchemaForm>\n  )\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAe,GAAgC;CAC7D,IAAM,EAAE,WAAQ,aAAU,aAAU,gBAAa;CACjD,OACE,kBAAC,GAAD;EACU;EACE;EACA;EACV,QAAQ,EAAE,WAAW,EAAe;EACpC,SAAS;GAAE;GAAY;EAAY;EACnC,aAAa,EAAE,eAAe,WAAW;EACzC,WAAW,EAAE,UAAU,QAAW,EAAS,KAAQ,CAAC,CAAC;EACrD,eAAe;YAGf,kBAAA,GAAA,CAAI,CAAA;CACU,CAAA;AAEpB"}

package/dist/components/Aridhia/DarWizard/DarSubmittedPanel.d.ts

@@ -3,9 +3,9 @@ export type DarSubmittedPanelProps = {
     status?: string;
 };
 /**
- * Confirmation panel shown after a successful `POST /fair/requests/`. Mirrors the guidance
- * RDCA-DAP's own post-submission screen gives — timeline, the DUA step, and where to check
- * status — since this wizard has no equivalent "My Requests" view of its own.
+ * Confirmation panel shown after a successful `POST /fair/requests/`. The guidance beneath the
+ * request code (review timeline, DUA step, where to check status) is maintained by C-Path as
+ * a FAIR vocabulary term, so it is fetched rather than bundled with the portal.
  */
 export declare function DarSubmittedPanel(props: DarSubmittedPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DarSubmittedPanel.d.ts.map

package/dist/components/Aridhia/DarWizard/DarSubmittedPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DarSubmittedPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Aridhia/DarWizard/DarSubmittedPanel.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAmC9D"}
+{"version":3,"file":"DarSubmittedPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Aridhia/DarWizard/DarSubmittedPanel.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAgC9D"}

package/dist/components/Aridhia/DarWizard/DarSubmittedPanel.js

@@ -1,48 +1,47 @@
-import { RDCA_DAP_URL as e } from "../rdcaDapConstants.js";
-import { Alert as t, Link as n, Stack as r, Typography as i } from "@mui/material";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Markdown as e } from "../../Markdown/MarkdownSynapse.js";
+import { DAR_MESSAGE_VOCABULARY_CODE as t, useGetAridhiaVocabularyTerm as n } from "../../../aridhia-queries/useGetAridhiaVocabularyTerm.js";
+import "../rdcaDapConstants.js";
+import { Alert as r, Link as i, Skeleton as a, Stack as o, Typography as s } from "@mui/material";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/Aridhia/DarWizard/DarSubmittedPanel.tsx
-var c = "vtheurercrider@c-path.org";
-function l(l) {
-	let { requestCode: u, status: d } = l;
-	return /* @__PURE__ */ s(r, {
+function d(d) {
+	let { requestCode: f, status: p } = d, { data: m, isLoading: h } = n(t), g = m?.value;
+	return /* @__PURE__ */ u(o, {
 		spacing: 2,
 		children: [
-			/* @__PURE__ */ o(t, {
+			/* @__PURE__ */ l(r, {
 				severity: "success",
 				children: "Your data access request was submitted."
 			}),
-			/* @__PURE__ */ s(i, { children: [
+			/* @__PURE__ */ u(s, { children: [
 				"Request code: ",
-				/* @__PURE__ */ o("strong", { children: u }),
-				d && /* @__PURE__ */ s(a, { children: [" — status: ", d] })
+				/* @__PURE__ */ l("strong", { children: f }),
+				p && /* @__PURE__ */ u(c, { children: [" — status: ", p] })
 			] }),
-			/* @__PURE__ */ o(i, { children: "Thank you for your request. The information you've provided will be shared with the appropriate reviewing committee. The review process is usually completed within 2-3 business weeks." }),
-			/* @__PURE__ */ s(i, { children: [
-				"If approved, the signatory listed in your submission will receive a required Data Use Agreement (DUA) for review and execution. You will be notified via email when the DUA has been signed and the remaining processing is complete, or you can check the status of your request at any time by logging in to",
-				" ",
-				/* @__PURE__ */ o(n, {
-					href: e,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: "RDCA-DAP"
-				}),
-				" ",
-				"and clicking Access > My Requests."
-			] }),
-			/* @__PURE__ */ s(i, { children: [
-				"If you have any questions about your request, please contact C-Path's administrator at",
-				" ",
-				/* @__PURE__ */ o(n, {
-					href: `mailto:${c}`,
-					children: c
-				}),
-				"."
-			] })
+			h && /* @__PURE__ */ l(a, {
+				variant: "rounded",
+				height: 160
+			}),
+			g && /* @__PURE__ */ l(e, { markdown: g }),
+			!h && !g && /* @__PURE__ */ u(r, {
+				severity: "warning",
+				children: [
+					"We could not load the details about what happens next. You can check the status of your request at any time by logging in to",
+					" ",
+					/* @__PURE__ */ l(i, {
+						href: "https://portal.rdca.c-path.org/",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: "RDCA-DAP"
+					}),
+					" ",
+					"and clicking Access > My Requests."
+				]
+			})
 		]
 	});
 }
 //#endregion
-export { l as DarSubmittedPanel };
+export { d as DarSubmittedPanel };
 
 //# sourceMappingURL=DarSubmittedPanel.js.map

package/dist/components/Aridhia/DarWizard/DarSubmittedPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DarSubmittedPanel.js","names":[],"sources":["../../../../src/components/Aridhia/DarWizard/DarSubmittedPanel.tsx"],"sourcesContent":["import { Alert, Link as MuiLink, Stack, Typography } from '@mui/material'\nimport { RDCA_DAP_URL } from '@/components/Aridhia/rdcaDapConstants'\n\nconst C_PATH_ADMIN_EMAIL = 'vtheurercrider@c-path.org'\n\nexport type DarSubmittedPanelProps = {\n  requestCode: string\n  status?: string\n}\n\n/**\n * Confirmation panel shown after a successful `POST /fair/requests/`. Mirrors the guidance\n * RDCA-DAP's own post-submission screen gives — timeline, the DUA step, and where to check\n * status — since this wizard has no equivalent \"My Requests\" view of its own.\n */\nexport function DarSubmittedPanel(props: DarSubmittedPanelProps) {\n  const { requestCode, status } = props\n  return (\n    <Stack spacing={2}>\n      <Alert severity=\"success\">Your data access request was submitted.</Alert>\n      <Typography>\n        Request code: <strong>{requestCode}</strong>\n        {status && <> &mdash; status: {status}</>}\n      </Typography>\n      <Typography>\n        Thank you for your request. The information you&apos;ve provided will be\n        shared with the appropriate reviewing committee. The review process is\n        usually completed within 2-3 business weeks.\n      </Typography>\n      <Typography>\n        If approved, the signatory listed in your submission will receive a\n        required Data Use Agreement (DUA) for review and execution. You will be\n        notified via email when the DUA has been signed and the remaining\n        processing is complete, or you can check the status of your request at\n        any time by logging in to{' '}\n        <MuiLink href={RDCA_DAP_URL} target=\"_blank\" rel=\"noopener noreferrer\">\n          RDCA-DAP\n        </MuiLink>{' '}\n        and clicking Access &gt; My Requests.\n      </Typography>\n      <Typography>\n        If you have any questions about your request, please contact\n        C-Path&apos;s administrator at{' '}\n        <MuiLink href={`mailto:${C_PATH_ADMIN_EMAIL}`}>\n          {C_PATH_ADMIN_EMAIL}\n        </MuiLink>\n        .\n      </Typography>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAGA,IAAM,IAAqB;AAY3B,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EAAE,gBAAa,cAAW;CAChC,OACE,kBAAC,GAAD;EAAO,SAAS;YAAhB;GACE,kBAAC,GAAD;IAAO,UAAS;cAAU;GAA8C,CAAA;GACxE,kBAAC,GAAD,EAAA,UAAA;IAAY;IACI,kBAAC,UAAD,EAAA,UAAS,EAAoB,CAAA;IAC1C,KAAU,kBAAA,GAAA,EAAA,UAAA,CAAE,eAAkB,CAAS,EAAA,CAAA;GAC9B,EAAA,CAAA;GACZ,kBAAC,GAAD,EAAA,UAAY,0LAIA,CAAA;GACZ,kBAAC,GAAD,EAAA,UAAA;IAAY;IAKgB;IAC1B,kBAAC,GAAD;KAAS,MAAM;KAAc,QAAO;KAAS,KAAI;eAAsB;IAE9D,CAAA;IAAE;IAAI;GAEL,EAAA,CAAA;GACZ,kBAAC,GAAD,EAAA,UAAA;IAAY;IAEqB;IAC/B,kBAAC,GAAD;KAAS,MAAM,UAAU;eACtB;IACM,CAAA;IAAC;GAEA,EAAA,CAAA;EACP;;AAEX"}
+{"version":3,"file":"DarSubmittedPanel.js","names":[],"sources":["../../../../src/components/Aridhia/DarWizard/DarSubmittedPanel.tsx"],"sourcesContent":["import {\n  Alert,\n  Link as MuiLink,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  DAR_MESSAGE_VOCABULARY_CODE,\n  useGetAridhiaVocabularyTerm,\n} from '@/aridhia-queries/useGetAridhiaVocabularyTerm'\nimport MarkdownSynapse from '@/components/Markdown/MarkdownSynapse'\nimport { RDCA_DAP_URL } from '@/components/Aridhia/rdcaDapConstants'\n\nexport type DarSubmittedPanelProps = {\n  requestCode: string\n  status?: string\n}\n\n/**\n * Confirmation panel shown after a successful `POST /fair/requests/`. The guidance beneath the\n * request code (review timeline, DUA step, where to check status) is maintained by C-Path as\n * a FAIR vocabulary term, so it is fetched rather than bundled with the portal.\n */\nexport function DarSubmittedPanel(props: DarSubmittedPanelProps) {\n  const { requestCode, status } = props\n  const { data: messageTerm, isLoading } = useGetAridhiaVocabularyTerm(\n    DAR_MESSAGE_VOCABULARY_CODE,\n  )\n  const message = messageTerm?.value\n\n  return (\n    <Stack spacing={2}>\n      <Alert severity=\"success\">Your data access request was submitted.</Alert>\n      <Typography>\n        Request code: <strong>{requestCode}</strong>\n        {status && <> &mdash; status: {status}</>}\n      </Typography>\n      {isLoading && <Skeleton variant=\"rounded\" height={160} />}\n      {message && <MarkdownSynapse markdown={message} />}\n      {!isLoading && !message && (\n        <Alert severity=\"warning\">\n          We could not load the details about what happens next. You can check\n          the status of your request at any time by logging in to{' '}\n          <MuiLink\n            href={RDCA_DAP_URL}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            RDCA-DAP\n          </MuiLink>{' '}\n          and clicking Access &gt; My Requests.\n        </Alert>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAwBA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EAAE,gBAAa,cAAW,GAC1B,EAAE,MAAM,GAAa,iBAAc,EACvC,CACF,GACM,IAAU,GAAa;CAE7B,OACE,kBAAC,GAAD;EAAO,SAAS;YAAhB;GACE,kBAAC,GAAD;IAAO,UAAS;cAAU;GAA8C,CAAA;GACxE,kBAAC,GAAD,EAAA,UAAA;IAAY;IACI,kBAAC,UAAD,EAAA,UAAS,EAAoB,CAAA;IAC1C,KAAU,kBAAA,GAAA,EAAA,UAAA,CAAE,eAAkB,CAAS,EAAA,CAAA;GAC9B,EAAA,CAAA;GACX,KAAa,kBAAC,GAAD;IAAU,SAAQ;IAAU,QAAQ;GAAM,CAAA;GACvD,KAAW,kBAAC,GAAD,EAAiB,UAAU,EAAU,CAAA;GAChD,CAAC,KAAa,CAAC,KACd,kBAAC,GAAD;IAAO,UAAS;cAAhB;KAA0B;KAEgC;KACxD,kBAAC,GAAD;MACE,MAAA;MACA,QAAO;MACP,KAAI;gBACL;KAEQ,CAAA;KAAE;KAAI;IAEV;;EAEJ;;AAEX"}

package/dist/components/Aridhia/fairFormToRjsf.js

@@ -85,7 +85,7 @@ function i(e) {
 				n[e] = {
 					type: "string",
 					maxLength: r(c.maximum)
-				}, i[e] = { "ui:options": { inputType: "tel" } };
+				}, i[e] = { "ui:widget": "PhoneWidget" };
 				break;
 			case "label":
 				n[e] = {

package/dist/components/Aridhia/fairFormToRjsf.js.map

@@ -1 +1 @@
-{"version":3,"file":"fairFormToRjsf.js","names":[],"sources":["../../../src/components/Aridhia/fairFormToRjsf.ts"],"sourcesContent":["import { RJSFSchema, UiSchema } from '@rjsf/utils'\nimport dayjs from 'dayjs'\nimport { FairField, FairFormPayload } from '@/aridhia-queries/FairFormPayload'\n\nexport type { FairField, FairFormPayload }\n\nexport type FairFormSection = {\n  key: string\n  label?: string\n  fields: FairField[]\n}\n\nexport type FairRjsfSection = {\n  schema: RJSFSchema\n  uiSchema: UiSchema\n  /** Fields whose `type` cannot be rendered; the wizard blocks submit and names them. */\n  unsupported: FairField[]\n}\n\nconst RENDERABLE_TYPES = new Set([\n  'string',\n  'text',\n  'markdown',\n  'boolean',\n  'date',\n  'list',\n  'phone',\n  'label',\n])\n\n/**\n * Accepts both FAIR form-definition payload shapes seen in practice and normalizes them to\n * ordered sections:\n * - `{ sections: { about: { label, fields: [...] }, ... } }` — the shape returned by\n *   `GET /workspaces-forms/{code}` (via `WorkspaceForm.sections`).\n * - `{ fields: { about: [...], project: [...] } }` — the shape declared for\n *   `GET /workflows/{code}` (via `WorkflowNoControlsRequests.fields`).\n */\nexport function parseFairFormSections(\n  payload: FairFormPayload | null | undefined,\n): FairFormSection[] {\n  if (!payload || typeof payload !== 'object') {\n    return []\n  }\n\n  const { sections } = payload\n  if (sections && typeof sections === 'object') {\n    return Object.entries(sections).map(([key, section]) => {\n      const { label, fields } = section ?? {}\n      return { key, label, fields: fields ?? [] }\n    })\n  }\n\n  const fieldsBySection = payload.fields\n  if (fieldsBySection && typeof fieldsBySection === 'object') {\n    return Object.entries(fieldsBySection).map(([key, fields]) => ({\n      key,\n      fields: fields ?? [],\n    }))\n  }\n\n  return []\n}\n\n/** FAIR sends `minimum`/`maximum` as strings; `undefined` in, `undefined` out. */\nfunction num(value: string | undefined): number | undefined {\n  return value == null ? undefined : Number(value)\n}\n\n/** Translates one FAIR form section into an RJSF schema/uiSchema pair. */\nexport function fairSectionToRjsf(section: FairFormSection): FairRjsfSection {\n  const properties: Record<string, RJSFSchema> = {}\n  const uiSchema: UiSchema = {\n    'ui:order': section.fields.map(field => field.name!),\n  }\n  const required: string[] = []\n  const unsupported: FairField[] = []\n\n  for (const field of section.fields) {\n    const name = field.name\n    if (!name) {\n      continue\n    }\n    const v = field.validation ?? {}\n\n    if (!field.type || !RENDERABLE_TYPES.has(field.type)) {\n      unsupported.push(field)\n      continue\n    }\n\n    if (v.required === true && field.type !== 'label') {\n      required.push(name)\n    }\n\n    switch (field.type) {\n      case 'string': {\n        properties[name] = {\n          type: 'string',\n          maxLength: num(v.maximum),\n          minLength: num(v.minimum),\n        }\n        uiSchema[name] = { 'ui:placeholder': field.placeholder }\n        break\n      }\n      case 'text':\n      case 'markdown': {\n        properties[name] = {\n          type: 'string',\n          maxLength: num(v.maximum),\n          minLength: num(v.minimum),\n        }\n        uiSchema[name] = {\n          'ui:widget': 'textarea',\n          'ui:placeholder': field.placeholder,\n        }\n        break\n      }\n      case 'boolean': {\n        properties[name] = { type: 'boolean' }\n        break\n      }\n      case 'date': {\n        // The FAIR API expects a `date-time`; the only date field is project_end_date\n        // so a simple date picker (DateWidget) is ideal.\n        properties[name] = { type: 'string', format: 'date-time' }\n        uiSchema[name] = { 'ui:widget': 'DateWidget' }\n        break\n      }\n      case 'list': {\n        properties[name] = {\n          type: 'string',\n          oneOf: (field.options ?? []).map(option => ({\n            const: option.value,\n            title: option.text,\n            ...(option.description ? { description: option.description } : {}),\n          })),\n        }\n        if (field.default_options) {\n          properties[name].default = field.default_options\n        }\n        uiSchema[name] = {\n          'ui:widget': 'SelectWidget',\n          'ui:placeholder': field.placeholder,\n        }\n        break\n      }\n      case 'phone': {\n        properties[name] = { type: 'string', maxLength: num(v.maximum) }\n        uiSchema[name] = { 'ui:options': { inputType: 'tel' } }\n        break\n      }\n      case 'label': {\n        properties[name] = { type: 'null', title: field.label }\n        uiSchema[name] = { 'ui:field': 'fairLabel', 'ui:label': false }\n        break\n      }\n    }\n\n    if (field.type !== 'label' && field.label) {\n      properties[name].title = field.label\n    }\n\n    if (field.defaultValue) {\n      properties[name].default = field.defaultValue\n    }\n  }\n\n  return {\n    schema: {\n      type: 'object',\n      properties,\n      required,\n    },\n    uiSchema,\n    unsupported,\n  }\n}\n\nexport type AnsweredField = { label: string; value: string }\n\nfunction formatAnswerValue(propertySchema: RJSFSchema, value: unknown): string {\n  if (Array.isArray(value)) {\n    return value.map(v => formatAnswerValue(propertySchema, v)).join(', ')\n  }\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\n  }\n  const oneOf = propertySchema.oneOf as\n    | { const: unknown; title?: string }[]\n    | undefined\n  const matchedOption = oneOf?.find(option => option.const === value)\n  if (matchedOption) {\n    return matchedOption.title ?? String(value)\n  }\n  if (propertySchema.format === 'date-time' && typeof value === 'string') {\n    // `DateWidget`-produced values are always UTC midnight for the picked calendar date;\n    // format the date portion directly to avoid a local-timezone parse shifting it onto\n    // the adjacent day.\n    const parsed = dayjs(value.slice(0, 10))\n    return parsed.isValid() ? parsed.format('MMM D, YYYY') : value\n  }\n  return String(value)\n}\n\n/**\n * Renders a `fairSectionToRjsf` schema's answered fields as `{ label, value }` pairs, in the\n * form's own field order, for read-only review UI (the DAR wizard's Review & submit step).\n * Unanswered fields (including `label`-type fields, which never carry a value) are omitted.\n */\nexport function summarizeFormAnswers(\n  schema: RJSFSchema,\n  values: Record<string, unknown>,\n): AnsweredField[] {\n  const propertyNames = Object.keys(schema.properties ?? {})\n  return propertyNames.flatMap(name => {\n    const value = values[name]\n    if (value === undefined || value === null || value === '') {\n      return []\n    }\n    const propertySchema = (schema.properties as Record<string, RJSFSchema>)[\n      name\n    ]\n    const label = propertySchema.title ?? name\n    return [{ label, value: formatAnswerValue(propertySchema, value) }]\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"fairFormToRjsf.js","names":[],"sources":["../../../src/components/Aridhia/fairFormToRjsf.ts"],"sourcesContent":["import { RJSFSchema, UiSchema } from '@rjsf/utils'\nimport dayjs from 'dayjs'\nimport { FairField, FairFormPayload } from '@/aridhia-queries/FairFormPayload'\n\nexport type { FairField, FairFormPayload }\n\nexport type FairFormSection = {\n  key: string\n  label?: string\n  fields: FairField[]\n}\n\nexport type FairRjsfSection = {\n  schema: RJSFSchema\n  uiSchema: UiSchema\n  /** Fields whose `type` cannot be rendered; the wizard blocks submit and names them. */\n  unsupported: FairField[]\n}\n\nconst RENDERABLE_TYPES = new Set([\n  'string',\n  'text',\n  'markdown',\n  'boolean',\n  'date',\n  'list',\n  'phone',\n  'label',\n])\n\n/**\n * Accepts both FAIR form-definition payload shapes seen in practice and normalizes them to\n * ordered sections:\n * - `{ sections: { about: { label, fields: [...] }, ... } }` — the shape returned by\n *   `GET /workspaces-forms/{code}` (via `WorkspaceForm.sections`).\n * - `{ fields: { about: [...], project: [...] } }` — the shape declared for\n *   `GET /workflows/{code}` (via `WorkflowNoControlsRequests.fields`).\n */\nexport function parseFairFormSections(\n  payload: FairFormPayload | null | undefined,\n): FairFormSection[] {\n  if (!payload || typeof payload !== 'object') {\n    return []\n  }\n\n  const { sections } = payload\n  if (sections && typeof sections === 'object') {\n    return Object.entries(sections).map(([key, section]) => {\n      const { label, fields } = section ?? {}\n      return { key, label, fields: fields ?? [] }\n    })\n  }\n\n  const fieldsBySection = payload.fields\n  if (fieldsBySection && typeof fieldsBySection === 'object') {\n    return Object.entries(fieldsBySection).map(([key, fields]) => ({\n      key,\n      fields: fields ?? [],\n    }))\n  }\n\n  return []\n}\n\n/** FAIR sends `minimum`/`maximum` as strings; `undefined` in, `undefined` out. */\nfunction num(value: string | undefined): number | undefined {\n  return value == null ? undefined : Number(value)\n}\n\n/** Translates one FAIR form section into an RJSF schema/uiSchema pair. */\nexport function fairSectionToRjsf(section: FairFormSection): FairRjsfSection {\n  const properties: Record<string, RJSFSchema> = {}\n  const uiSchema: UiSchema = {\n    'ui:order': section.fields.map(field => field.name!),\n  }\n  const required: string[] = []\n  const unsupported: FairField[] = []\n\n  for (const field of section.fields) {\n    const name = field.name\n    if (!name) {\n      continue\n    }\n    const v = field.validation ?? {}\n\n    if (!field.type || !RENDERABLE_TYPES.has(field.type)) {\n      unsupported.push(field)\n      continue\n    }\n\n    if (v.required === true && field.type !== 'label') {\n      required.push(name)\n    }\n\n    switch (field.type) {\n      case 'string': {\n        properties[name] = {\n          type: 'string',\n          maxLength: num(v.maximum),\n          minLength: num(v.minimum),\n        }\n        uiSchema[name] = { 'ui:placeholder': field.placeholder }\n        break\n      }\n      case 'text':\n      case 'markdown': {\n        properties[name] = {\n          type: 'string',\n          maxLength: num(v.maximum),\n          minLength: num(v.minimum),\n        }\n        uiSchema[name] = {\n          'ui:widget': 'textarea',\n          'ui:placeholder': field.placeholder,\n        }\n        break\n      }\n      case 'boolean': {\n        properties[name] = { type: 'boolean' }\n        break\n      }\n      case 'date': {\n        // The FAIR API expects a `date-time`; the only date field is project_end_date\n        // so a simple date picker (DateWidget) is ideal.\n        properties[name] = { type: 'string', format: 'date-time' }\n        uiSchema[name] = { 'ui:widget': 'DateWidget' }\n        break\n      }\n      case 'list': {\n        properties[name] = {\n          type: 'string',\n          oneOf: (field.options ?? []).map(option => ({\n            const: option.value,\n            title: option.text,\n            ...(option.description ? { description: option.description } : {}),\n          })),\n        }\n        if (field.default_options) {\n          properties[name].default = field.default_options\n        }\n        uiSchema[name] = {\n          'ui:widget': 'SelectWidget',\n          'ui:placeholder': field.placeholder,\n        }\n        break\n      }\n      case 'phone': {\n        properties[name] = { type: 'string', maxLength: num(v.maximum) }\n        uiSchema[name] = { 'ui:widget': 'PhoneWidget' }\n        break\n      }\n      case 'label': {\n        properties[name] = { type: 'null', title: field.label }\n        uiSchema[name] = { 'ui:field': 'fairLabel', 'ui:label': false }\n        break\n      }\n    }\n\n    if (field.type !== 'label' && field.label) {\n      properties[name].title = field.label\n    }\n\n    if (field.defaultValue) {\n      properties[name].default = field.defaultValue\n    }\n  }\n\n  return {\n    schema: {\n      type: 'object',\n      properties,\n      required,\n    },\n    uiSchema,\n    unsupported,\n  }\n}\n\nexport type AnsweredField = { label: string; value: string }\n\nfunction formatAnswerValue(propertySchema: RJSFSchema, value: unknown): string {\n  if (Array.isArray(value)) {\n    return value.map(v => formatAnswerValue(propertySchema, v)).join(', ')\n  }\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\n  }\n  const oneOf = propertySchema.oneOf as\n    | { const: unknown; title?: string }[]\n    | undefined\n  const matchedOption = oneOf?.find(option => option.const === value)\n  if (matchedOption) {\n    return matchedOption.title ?? String(value)\n  }\n  if (propertySchema.format === 'date-time' && typeof value === 'string') {\n    // `DateWidget`-produced values are always UTC midnight for the picked calendar date;\n    // format the date portion directly to avoid a local-timezone parse shifting it onto\n    // the adjacent day.\n    const parsed = dayjs(value.slice(0, 10))\n    return parsed.isValid() ? parsed.format('MMM D, YYYY') : value\n  }\n  return String(value)\n}\n\n/**\n * Renders a `fairSectionToRjsf` schema's answered fields as `{ label, value }` pairs, in the\n * form's own field order, for read-only review UI (the DAR wizard's Review & submit step).\n * Unanswered fields (including `label`-type fields, which never carry a value) are omitted.\n */\nexport function summarizeFormAnswers(\n  schema: RJSFSchema,\n  values: Record<string, unknown>,\n): AnsweredField[] {\n  const propertyNames = Object.keys(schema.properties ?? {})\n  return propertyNames.flatMap(name => {\n    const value = values[name]\n    if (value === undefined || value === null || value === '') {\n      return []\n    }\n    const propertySchema = (schema.properties as Record<string, RJSFSchema>)[\n      name\n    ]\n    const label = propertySchema.title ?? name\n    return [{ label, value: formatAnswerValue(propertySchema, value) }]\n  })\n}\n"],"mappings":"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"}

package/dist/components/Authentication/LastLoginInfo.js

@@ -3,7 +3,7 @@ import { formatDate as a } from "../../utils/functions/DateFormatter.js";
 import { getLoginMethodFriendlyName as o } from "./LoginMethod.js";
 import { Box as s, Link as c, Tooltip as l, Typography as u } from "@mui/material";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { InfoTwoTone as m } from "@mui/icons-material";
+import m from "@mui/icons-material/InfoTwoTone";
 import h from "dayjs";
 import { useLocalStorageValue as g } from "@react-hookz/web";
 //#region src/components/Authentication/LastLoginInfo.tsx

package/dist/components/Authentication/LastLoginInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"LastLoginInfo.js","names":[],"sources":["../../../src/components/Authentication/LastLoginInfo.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  CURRENT_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n  LAST_LOGIN_DATE_LOCALSTORAGE_KEY,\n  LAST_LOGIN_METHOD_LOCALSTORAGE_KEY,\n  LAST_LOGIN_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n  LAST_LOGIN_SOURCEAPP_URL_LOCALSTORAGE_KEY,\n} from '@/utils/SynapseConstants'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport { Box, Link, Tooltip, Typography } from '@mui/material'\nimport { useLocalStorageValue } from '@react-hookz/web'\nimport dayjs from 'dayjs'\nimport { getLoginMethodFriendlyName, LoginMethod } from './LoginMethod'\n\nexport type LastLoginInfoProps = {\n  currentSourceAppName: string | undefined\n  lastLoginMethod: LoginMethod | undefined\n  lastLoginSourceAppName: string | undefined\n  lastLoginSourceAppURL: string | undefined\n  lastLoginDate: string | undefined\n  display: 'sentence' | 'box'\n}\n\nexport function useLastLoginInfoState() {\n  return {\n    currentSourceAppNameState: useLocalStorageValue<string>(\n      CURRENT_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n    ),\n    lastLoginMethodState: useLocalStorageValue<LoginMethod>(\n      LAST_LOGIN_METHOD_LOCALSTORAGE_KEY,\n    ),\n    lastLoginSourceAppNameState: useLocalStorageValue<string>(\n      LAST_LOGIN_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n    ),\n    lastLoginSourceAppURLState: useLocalStorageValue<string>(\n      LAST_LOGIN_SOURCEAPP_URL_LOCALSTORAGE_KEY,\n    ),\n    lastLoginDateState: useLocalStorageValue<string>(\n      LAST_LOGIN_DATE_LOCALSTORAGE_KEY,\n    ),\n  }\n}\n\nexport function useLastLoginInfo() {\n  const states = useLastLoginInfoState()\n  return {\n    currentSourceAppName: states.currentSourceAppNameState.value,\n    lastLoginMethod: states.lastLoginMethodState.value,\n    lastLoginSourceAppName: states.lastLoginSourceAppNameState.value,\n    lastLoginSourceAppURL: states.lastLoginSourceAppURLState.value,\n    lastLoginDate: states.lastLoginDateState.value,\n  }\n}\n\nexport function clearLastLoginInfo() {\n  const keys = [\n    CURRENT_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n    LAST_LOGIN_METHOD_LOCALSTORAGE_KEY,\n    LAST_LOGIN_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n    LAST_LOGIN_SOURCEAPP_URL_LOCALSTORAGE_KEY,\n    LAST_LOGIN_DATE_LOCALSTORAGE_KEY,\n  ]\n  keys.forEach(key => localStorage.removeItem(key))\n}\n\nfunction getSourceAppIndefiniteArticle(val: string) {\n  return val.match(/^[aeiou]/i) ? 'an' : 'a'\n}\n\nfunction getSourceAppDefiniteArticle(val: string) {\n  return val.match(' Portal$') ? 'the ' : ''\n}\n\nexport default function LastLoginInfo(props: LastLoginInfoProps) {\n  const {\n    currentSourceAppName,\n    lastLoginMethod,\n    lastLoginSourceAppName,\n    lastLoginSourceAppURL,\n    lastLoginDate,\n    display,\n  } = props\n\n  const showLastLoginInfo =\n    currentSourceAppName &&\n    lastLoginMethod &&\n    lastLoginSourceAppName &&\n    lastLoginSourceAppURL &&\n    lastLoginDate &&\n    currentSourceAppName !== lastLoginSourceAppName\n\n  if (!showLastLoginInfo) {\n    return null\n  }\n\n  const currentSourceAppIndefiniteArticle =\n    getSourceAppIndefiniteArticle(currentSourceAppName)\n  const currentSourceAppDefiniteArticle =\n    getSourceAppDefiniteArticle(currentSourceAppName)\n  const lastLoginSourceAppDefiniteArticle = getSourceAppDefiniteArticle(\n    lastLoginSourceAppName,\n  )\n\n  const title = `You may already have ${currentSourceAppIndefiniteArticle} ${currentSourceAppName} account`\n  const accountLastUsed = `Account last used on ${formatDate(\n    dayjs(lastLoginDate),\n    'MMMM D, YYYY',\n  )}`\n\n  const tooltipText = (\n    <>\n      <Typography\n        variant=\"smallText2\"\n        sx={{\n          mb: 1,\n        }}\n      >\n        {title}\n      </Typography>\n      <Typography\n        variant=\"smallText1\"\n        color=\"white\"\n        sx={{\n          mb: 1,\n        }}\n      >\n        {`This computer was used to sign in to an account on ${lastLoginSourceAppDefiniteArticle}${lastLoginSourceAppName}. \n          You can use the same account to sign in to ${currentSourceAppDefiniteArticle}${currentSourceAppName}.`}\n      </Typography>\n      <Typography variant=\"smallText1\" color=\"white\">\n        {accountLastUsed}\n      </Typography>\n    </>\n  )\n\n  const boxText = (\n    <>\n      <Typography\n        variant=\"smallText2\"\n        sx={{\n          mb: 1,\n          color: 'grey.900',\n          fontSize: '12px',\n        }}\n      >\n        {title}\n      </Typography>\n      <Typography\n        variant=\"smallText1\"\n        sx={{\n          mb: 1,\n          color: 'grey.900',\n          fontSize: '12px',\n        }}\n      >\n        It looks like you already have an account, last used on{' '}\n        {lastLoginSourceAppDefiniteArticle}\n        <Link href={lastLoginSourceAppURL}>{lastLoginSourceAppName}</Link>.{' '}\n        {`You can use this account to sign in via ${getLoginMethodFriendlyName(\n          lastLoginMethod,\n        )}.`}\n      </Typography>\n      <Typography\n        variant=\"smallText1\"\n        sx={{ color: 'grey.700', fontSize: '10px' }}\n      >\n        {accountLastUsed}\n      </Typography>\n    </>\n  )\n\n  return (\n    <>\n      {display === 'sentence' ? (\n        <Typography\n          variant=\"smallText1\"\n          sx={{ color: 'grey.700', textTransform: 'none' }}\n        >\n          You may be able to use an existing account\n          <Tooltip\n            title={tooltipText}\n            placement={'top'}\n            slotProps={{\n              tooltip: {\n                sx: {\n                  bgcolor: '#63676C',\n                  '& .MuiTooltip-arrow': {\n                    color: '#63676C',\n                  },\n                },\n              },\n            }}\n          >\n            <InfoTwoTone\n              sx={{\n                color: 'grey.700',\n                width: '12px',\n                height: '12px',\n                ml: '4px',\n                verticalAlign: 'middle',\n              }}\n            />\n          </Tooltip>\n        </Typography>\n      ) : (\n        <Box sx={{ backgroundColor: 'grey.100', p: '10px' }}>{boxText}</Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAuBA,SAAgB,IAAwB;CACtC,OAAO;EACL,2BAA2B,EACzB,CACF;EACA,sBAAsB,EACpB,CACF;EACA,6BAA6B,EAC3B,CACF;EACA,4BAA4B,EAC1B,CACF;EACA,oBAAoB,EAClB,CACF;CACF;AACF;AAEA,SAAgB,IAAmB;CACjC,IAAM,IAAS,EAAsB;CACrC,OAAO;EACL,sBAAsB,EAAO,0BAA0B;EACvD,iBAAiB,EAAO,qBAAqB;EAC7C,wBAAwB,EAAO,4BAA4B;EAC3D,uBAAuB,EAAO,2BAA2B;EACzD,eAAe,EAAO,mBAAmB;CAC3C;AACF;AAEA,SAAgB,IAAqB;CAQnC;EANE;EACA;EACA;EACA;EACA;CAEF,EAAK,SAAQ,MAAO,aAAa,WAAW,CAAG,CAAC;AAClD;AAEA,SAAS,EAA8B,GAAa;CAClD,OAAO,EAAI,MAAM,WAAW,IAAI,OAAO;AACzC;AAEA,SAAS,EAA4B,GAAa;CAChD,OAAO,EAAI,MAAM,UAAU,IAAI,SAAS;AAC1C;AAEA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EACJ,yBACA,oBACA,2BACA,0BACA,kBACA,eACE;CAUJ,IAAI,EAPF,KACA,KACA,KACA,KACA,KACA,MAAyB,IAGzB,OAAO;CAGT,IAAM,IACJ,EAA8B,CAAoB,GAC9C,IACJ,EAA4B,CAAoB,GAC5C,IAAoC,EACxC,CACF,GAEM,IAAQ,wBAAwB,EAAkC,GAAG,EAAqB,WAC1F,IAAkB,wBAAwB,EAC9C,EAAM,CAAa,GACnB,cACF,KAEM,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,EACN;aAEC;EACS,CAAA;EACZ,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,IAAI,EACF,IAAI,EACN;aAEC,sDAAsD,IAAoC,EAAuB;uDACnE,IAAkC,EAAqB;EAC5F,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAQ;GAAa,OAAM;aACpC;EACS,CAAA;CACZ,EAAA,CAAA,GAGE,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,OAAO;IACP,UAAU;GACZ;aAEC;EACS,CAAA;EACZ,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,OAAO;IACP,UAAU;GACZ;aANF;IAOC;IACyD;IACvD;IACD,kBAAC,GAAD;KAAM,MAAM;eAAwB;IAA6B,CAAA;IAAC;IAAE;IACnE,2CAA2C,EAC1C,CACF,EAAE;GACQ;;EACZ,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IAAE,OAAO;IAAY,UAAU;GAAO;aAEzC;EACS,CAAA;CACZ,EAAA,CAAA;CAGJ,OACE,kBAAA,GAAA,EAAA,UACG,MAAY,aACX,kBAAC,GAAD;EACE,SAAQ;EACR,IAAI;GAAE,OAAO;GAAY,eAAe;EAAO;YAFjD,CAGC,8CAEC,kBAAC,GAAD;GACE,OAAO;GACP,WAAW;GACX,WAAW,EACT,SAAS,EACP,IAAI;IACF,SAAS;IACT,uBAAuB,EACrB,OAAO,UACT;GACF,EACF,EACF;aAEA,kBAAC,GAAD,EACE,IAAI;IACF,OAAO;IACP,OAAO;IACP,QAAQ;IACR,IAAI;IACJ,eAAe;GACjB,EACD,CAAA;EACM,CAAA,CACC;MAEZ,kBAAC,GAAD;EAAK,IAAI;GAAE,iBAAiB;GAAY,GAAG;EAAO;YAAI;CAAa,CAAA,EAErE,CAAA;AAEN"}
+{"version":3,"file":"LastLoginInfo.js","names":[],"sources":["../../../src/components/Authentication/LastLoginInfo.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  CURRENT_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n  LAST_LOGIN_DATE_LOCALSTORAGE_KEY,\n  LAST_LOGIN_METHOD_LOCALSTORAGE_KEY,\n  LAST_LOGIN_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n  LAST_LOGIN_SOURCEAPP_URL_LOCALSTORAGE_KEY,\n} from '@/utils/SynapseConstants'\nimport InfoTwoTone from '@mui/icons-material/InfoTwoTone'\nimport { Box, Link, Tooltip, Typography } from '@mui/material'\nimport { useLocalStorageValue } from '@react-hookz/web'\nimport dayjs from 'dayjs'\nimport { getLoginMethodFriendlyName, LoginMethod } from './LoginMethod'\n\nexport type LastLoginInfoProps = {\n  currentSourceAppName: string | undefined\n  lastLoginMethod: LoginMethod | undefined\n  lastLoginSourceAppName: string | undefined\n  lastLoginSourceAppURL: string | undefined\n  lastLoginDate: string | undefined\n  display: 'sentence' | 'box'\n}\n\nexport function useLastLoginInfoState() {\n  return {\n    currentSourceAppNameState: useLocalStorageValue<string>(\n      CURRENT_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n    ),\n    lastLoginMethodState: useLocalStorageValue<LoginMethod>(\n      LAST_LOGIN_METHOD_LOCALSTORAGE_KEY,\n    ),\n    lastLoginSourceAppNameState: useLocalStorageValue<string>(\n      LAST_LOGIN_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n    ),\n    lastLoginSourceAppURLState: useLocalStorageValue<string>(\n      LAST_LOGIN_SOURCEAPP_URL_LOCALSTORAGE_KEY,\n    ),\n    lastLoginDateState: useLocalStorageValue<string>(\n      LAST_LOGIN_DATE_LOCALSTORAGE_KEY,\n    ),\n  }\n}\n\nexport function useLastLoginInfo() {\n  const states = useLastLoginInfoState()\n  return {\n    currentSourceAppName: states.currentSourceAppNameState.value,\n    lastLoginMethod: states.lastLoginMethodState.value,\n    lastLoginSourceAppName: states.lastLoginSourceAppNameState.value,\n    lastLoginSourceAppURL: states.lastLoginSourceAppURLState.value,\n    lastLoginDate: states.lastLoginDateState.value,\n  }\n}\n\nexport function clearLastLoginInfo() {\n  const keys = [\n    CURRENT_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n    LAST_LOGIN_METHOD_LOCALSTORAGE_KEY,\n    LAST_LOGIN_SOURCEAPP_NAME_LOCALSTORAGE_KEY,\n    LAST_LOGIN_SOURCEAPP_URL_LOCALSTORAGE_KEY,\n    LAST_LOGIN_DATE_LOCALSTORAGE_KEY,\n  ]\n  keys.forEach(key => localStorage.removeItem(key))\n}\n\nfunction getSourceAppIndefiniteArticle(val: string) {\n  return val.match(/^[aeiou]/i) ? 'an' : 'a'\n}\n\nfunction getSourceAppDefiniteArticle(val: string) {\n  return val.match(' Portal$') ? 'the ' : ''\n}\n\nexport default function LastLoginInfo(props: LastLoginInfoProps) {\n  const {\n    currentSourceAppName,\n    lastLoginMethod,\n    lastLoginSourceAppName,\n    lastLoginSourceAppURL,\n    lastLoginDate,\n    display,\n  } = props\n\n  const showLastLoginInfo =\n    currentSourceAppName &&\n    lastLoginMethod &&\n    lastLoginSourceAppName &&\n    lastLoginSourceAppURL &&\n    lastLoginDate &&\n    currentSourceAppName !== lastLoginSourceAppName\n\n  if (!showLastLoginInfo) {\n    return null\n  }\n\n  const currentSourceAppIndefiniteArticle =\n    getSourceAppIndefiniteArticle(currentSourceAppName)\n  const currentSourceAppDefiniteArticle =\n    getSourceAppDefiniteArticle(currentSourceAppName)\n  const lastLoginSourceAppDefiniteArticle = getSourceAppDefiniteArticle(\n    lastLoginSourceAppName,\n  )\n\n  const title = `You may already have ${currentSourceAppIndefiniteArticle} ${currentSourceAppName} account`\n  const accountLastUsed = `Account last used on ${formatDate(\n    dayjs(lastLoginDate),\n    'MMMM D, YYYY',\n  )}`\n\n  const tooltipText = (\n    <>\n      <Typography\n        variant=\"smallText2\"\n        sx={{\n          mb: 1,\n        }}\n      >\n        {title}\n      </Typography>\n      <Typography\n        variant=\"smallText1\"\n        color=\"white\"\n        sx={{\n          mb: 1,\n        }}\n      >\n        {`This computer was used to sign in to an account on ${lastLoginSourceAppDefiniteArticle}${lastLoginSourceAppName}. \n          You can use the same account to sign in to ${currentSourceAppDefiniteArticle}${currentSourceAppName}.`}\n      </Typography>\n      <Typography variant=\"smallText1\" color=\"white\">\n        {accountLastUsed}\n      </Typography>\n    </>\n  )\n\n  const boxText = (\n    <>\n      <Typography\n        variant=\"smallText2\"\n        sx={{\n          mb: 1,\n          color: 'grey.900',\n          fontSize: '12px',\n        }}\n      >\n        {title}\n      </Typography>\n      <Typography\n        variant=\"smallText1\"\n        sx={{\n          mb: 1,\n          color: 'grey.900',\n          fontSize: '12px',\n        }}\n      >\n        It looks like you already have an account, last used on{' '}\n        {lastLoginSourceAppDefiniteArticle}\n        <Link href={lastLoginSourceAppURL}>{lastLoginSourceAppName}</Link>.{' '}\n        {`You can use this account to sign in via ${getLoginMethodFriendlyName(\n          lastLoginMethod,\n        )}.`}\n      </Typography>\n      <Typography\n        variant=\"smallText1\"\n        sx={{ color: 'grey.700', fontSize: '10px' }}\n      >\n        {accountLastUsed}\n      </Typography>\n    </>\n  )\n\n  return (\n    <>\n      {display === 'sentence' ? (\n        <Typography\n          variant=\"smallText1\"\n          sx={{ color: 'grey.700', textTransform: 'none' }}\n        >\n          You may be able to use an existing account\n          <Tooltip\n            title={tooltipText}\n            placement={'top'}\n            slotProps={{\n              tooltip: {\n                sx: {\n                  bgcolor: '#63676C',\n                  '& .MuiTooltip-arrow': {\n                    color: '#63676C',\n                  },\n                },\n              },\n            }}\n          >\n            <InfoTwoTone\n              sx={{\n                color: 'grey.700',\n                width: '12px',\n                height: '12px',\n                ml: '4px',\n                verticalAlign: 'middle',\n              }}\n            />\n          </Tooltip>\n        </Typography>\n      ) : (\n        <Box sx={{ backgroundColor: 'grey.100', p: '10px' }}>{boxText}</Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAuBA,SAAgB,IAAwB;CACtC,OAAO;EACL,2BAA2B,EACzB,CACF;EACA,sBAAsB,EACpB,CACF;EACA,6BAA6B,EAC3B,CACF;EACA,4BAA4B,EAC1B,CACF;EACA,oBAAoB,EAClB,CACF;CACF;AACF;AAEA,SAAgB,IAAmB;CACjC,IAAM,IAAS,EAAsB;CACrC,OAAO;EACL,sBAAsB,EAAO,0BAA0B;EACvD,iBAAiB,EAAO,qBAAqB;EAC7C,wBAAwB,EAAO,4BAA4B;EAC3D,uBAAuB,EAAO,2BAA2B;EACzD,eAAe,EAAO,mBAAmB;CAC3C;AACF;AAEA,SAAgB,IAAqB;CAQnC;EANE;EACA;EACA;EACA;EACA;CAEF,EAAK,SAAQ,MAAO,aAAa,WAAW,CAAG,CAAC;AAClD;AAEA,SAAS,EAA8B,GAAa;CAClD,OAAO,EAAI,MAAM,WAAW,IAAI,OAAO;AACzC;AAEA,SAAS,EAA4B,GAAa;CAChD,OAAO,EAAI,MAAM,UAAU,IAAI,SAAS;AAC1C;AAEA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EACJ,yBACA,oBACA,2BACA,0BACA,kBACA,eACE;CAUJ,IAAI,EAPF,KACA,KACA,KACA,KACA,KACA,MAAyB,IAGzB,OAAO;CAGT,IAAM,IACJ,EAA8B,CAAoB,GAC9C,IACJ,EAA4B,CAAoB,GAC5C,IAAoC,EACxC,CACF,GAEM,IAAQ,wBAAwB,EAAkC,GAAG,EAAqB,WAC1F,IAAkB,wBAAwB,EAC9C,EAAM,CAAa,GACnB,cACF,KAEM,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,EACN;aAEC;EACS,CAAA;EACZ,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,IAAI,EACF,IAAI,EACN;aAEC,sDAAsD,IAAoC,EAAuB;uDACnE,IAAkC,EAAqB;EAC5F,CAAA;EACZ,kBAAC,GAAD;GAAY,SAAQ;GAAa,OAAM;aACpC;EACS,CAAA;CACZ,EAAA,CAAA,GAGE,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,OAAO;IACP,UAAU;GACZ;aAEC;EACS,CAAA;EACZ,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,OAAO;IACP,UAAU;GACZ;aANF;IAOC;IACyD;IACvD;IACD,kBAAC,GAAD;KAAM,MAAM;eAAwB;IAA6B,CAAA;IAAC;IAAE;IACnE,2CAA2C,EAC1C,CACF,EAAE;GACQ;;EACZ,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IAAE,OAAO;IAAY,UAAU;GAAO;aAEzC;EACS,CAAA;CACZ,EAAA,CAAA;CAGJ,OACE,kBAAA,GAAA,EAAA,UACG,MAAY,aACX,kBAAC,GAAD;EACE,SAAQ;EACR,IAAI;GAAE,OAAO;GAAY,eAAe;EAAO;YAFjD,CAGC,8CAEC,kBAAC,GAAD;GACE,OAAO;GACP,WAAW;GACX,WAAW,EACT,SAAS,EACP,IAAI;IACF,SAAS;IACT,uBAAuB,EACrB,OAAO,UACT;GACF,EACF,EACF;aAEA,kBAAC,GAAD,EACE,IAAI;IACF,OAAO;IACP,OAAO;IACP,QAAQ;IACR,IAAI;IACJ,eAAe;GACjB,EACD,CAAA;EACM,CAAA,CACC;MAEZ,kBAAC,GAAD;EAAK,IAAI;GAAE,iBAAiB;GAAY,GAAG;EAAO;YAAI;CAAa,CAAA,EAErE,CAAA;AAEN"}

package/dist/components/CertificationQuiz/CertificationQuiz.js

@@ -16,7 +16,7 @@ import { Alert as m, AlertTitle as h, Box as g, Button as _, Link as v, Skeleton
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE as w } from "@sage-bionetworks/synapse-types";
 import { useErrorHandler as T } from "react-error-boundary";
-import { HelpOutlineTwoTone as E } from "@mui/icons-material";
+import E from "@mui/icons-material/HelpOutlineTwoTone";
 import D from "dayjs";
 //#region src/components/CertificationQuiz/CertificationQuiz.tsx
 function O() {

package/dist/components/CertificationQuiz/CertificationQuiz.js.map

@@ -1 +1 @@
-{"version":3,"file":"CertificationQuiz.js","names":[],"sources":["../../../src/components/CertificationQuiz/CertificationQuiz.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport {\n  useGetPassingRecord,\n  usePostCertifiedUserTestResponse,\n} from '@/synapse-queries/user/useCertificationQuiz'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { USER_BUNDLE_MASK_IS_CERTIFIED } from '@/utils/SynapseConstants'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  ButtonProps,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE,\n  MultichoiceQuestion,\n  MultichoiceResponse,\n  QuestionResponse,\n  Quiz,\n  QuizResponse,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { ReactNode, useEffect, useRef, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport { MarkdownPopover } from '../Markdown/MarkdownPopover'\nimport { SkeletonParagraph, SkeletonTable } from '../Skeleton'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport CertificationAnswer from './CertificationAnswer'\n\nfunction CertificationQuiz() {\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const handleError = useErrorHandler()\n  const [quiz, setQuiz] = useState<Quiz | undefined>()\n  const [isRetakingQuiz, setIsRetakingQuiz] = useState(false)\n  const [questionResponse, setQuestionResponse] = useState<QuestionResponse[]>(\n    [],\n  )\n  const { data: currentUserBundle } = useGetCurrentUserBundle(\n    USER_BUNDLE_MASK_IS_CERTIFIED,\n  )\n  const isCertified = currentUserBundle?.isCertified\n  const userId = currentUserBundle?.userId\n  const { data: passingRecord, isLoading: isLoadingPassingRecord } =\n    useGetPassingRecord(userId, {\n      enabled: userId !== undefined,\n    })\n  const formRef = useRef<HTMLFormElement>(null)\n  const GETTING_STARTED_URL =\n    'https://help.synapse.org/docs/Getting-Started.2055471150.html'\n\n  const getQuiz = async () => {\n    try {\n      setQuiz(await SynapseClient.getCertifyQuiz(accessToken))\n    } catch (err: any) {\n      handleError(err)\n    }\n  }\n\n  const { mutate: postCertifiedUserTestResponse, isPending: isSubmitting } =\n    usePostCertifiedUserTestResponse({\n      onSuccess: () => {\n        setIsRetakingQuiz(false)\n        window.scrollTo(0, 0)\n      },\n      throwOnError: true,\n    })\n  // user is taking the quiz if user is not certified, and either there is no passing record or if the user clicked to retake the quiz\n  const isTakingQuiz = !isCertified && (passingRecord == null || isRetakingQuiz)\n  useEffect(() => {\n    if (isAuthenticated) {\n      getQuiz()\n    }\n  }, [isAuthenticated])\n\n  if (isLoadingPassingRecord || quiz == undefined) {\n    return <CertificationQuizSkeleton />\n  }\n\n  const onUpdateAnswer = (questionIndex: number, answer: number) => {\n    const newState = [\n      ...questionResponse.filter(obj => obj.questionIndex !== questionIndex),\n      {\n        questionIndex,\n        answerIndex: [answer],\n        concreteType: MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE,\n      },\n    ]\n    setQuestionResponse(newState)\n  }\n\n  const handleRetakeQuiz = () => {\n    formRef.current?.reset()\n    setIsRetakingQuiz(true)\n    setQuestionResponse([])\n    getQuiz()\n  }\n\n  const handleSubmit = () => {\n    try {\n      if (quiz && quiz.questions.length === questionResponse.length) {\n        const quizResponse: QuizResponse = {\n          quizId: quiz.id,\n          questionResponses: questionResponse,\n        }\n        postCertifiedUserTestResponse(quizResponse)\n      } else {\n        displayToast(\n          'Please answer all of the questions and try again.',\n          'warning',\n        )\n      }\n    } catch (err: any) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n\n  const actionButtonConfig = (helpUrl: string) =>\n    helpUrl\n      ? {\n          content: <>More info</>,\n          closePopoverOnClick: true,\n          onClick: () => window.open(helpUrl, '_blank'),\n          color: 'primary' as ButtonProps['color'],\n        }\n      : undefined\n  return (\n    <div>\n      {passingRecord && !isTakingQuiz && (\n        <>\n          {(passingRecord.revokedOn || passingRecord.passed) &&\n            !isCertified && (\n              <Alert severity=\"error\">\n                {!passingRecord.passed && (\n                  <AlertTitle>Certification Revoked</AlertTitle>\n                )}\n                <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                  Your certification was revoked. To become certified, you must{' '}\n                  <Link\n                    href=\"#\"\n                    onClick={e => {\n                      e.preventDefault()\n                      handleRetakeQuiz()\n                    }}\n                  >\n                    retake the quiz\n                  </Link>\n                  .\n                </Typography>\n              </Alert>\n            )}\n          {!passingRecord.passed && !isCertified && (\n            <Alert severity=\"error\">\n              {!passingRecord.passed && <AlertTitle>Quiz Failed</AlertTitle>}\n              <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                Please review the results from the previous attempt, and{' '}\n                <Link\n                  href=\"#\"\n                  onClick={e => {\n                    e.preventDefault()\n                    handleRetakeQuiz()\n                  }}\n                >\n                  retake the quiz\n                </Link>\n                .\n              </Typography>\n            </Alert>\n          )}\n          {passingRecord.passed && isCertified && (\n            <Alert severity=\"success\">\n              <AlertTitle>Quiz Passed</AlertTitle>\n              <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                {`You passed the Synapse Certification Quiz on ${formatDate(\n                  dayjs(passingRecord.passedOn),\n                )}`}\n              </Typography>\n            </Alert>\n          )}\n          <Typography\n            variant=\"sectionTitle\"\n            sx={{ marginTop: '20px', marginBottom: '20px' }}\n          >\n            Score: {passingRecord.score} / {passingRecord.corrections?.length}\n          </Typography>\n        </>\n      )}\n      <div className=\"CertificationQuiz__container\">\n        {quiz && isTakingQuiz && (\n          <>\n            <Button\n              onClick={() => window.open(GETTING_STARTED_URL, '_blank')}\n              className=\"help-button\"\n              color=\"primary\"\n              variant=\"contained\"\n            >\n              <Box sx={{ display: 'flex', alignItems: 'center' }}>\n                <HelpOutlineTwoTone\n                  className=\"HelpButton\"\n                  style={{ marginRight: '4px', color: 'white' }}\n                />\n                <>Help</>\n              </Box>\n            </Button>\n            <Typography variant=\"headline1\" sx={{ marginBottom: '25px' }}>\n              Certified User Quiz\n            </Typography>\n            <Typography variant=\"body1\" sx={{ marginBottom: '15px' }}>\n              Certified users are authorized to use the full Synapse\n              functionality. In order to ensure that users who create content in\n              the system and/or wish to interact more freely within Synapse are\n              familiar with the governance process and Synapse operating\n              procedures when dealing with possibly sensitive data, users must\n              pass a short quiz (approximately 15 minutes) to become Synapse\n              certified.\n            </Typography>\n            <Typography variant=\"body1\" sx={{ marginBottom: '15px' }}>\n              Please answer the following questions to become certified.\n            </Typography>\n            <form ref={formRef} onSubmit={e => e.preventDefault()}>\n              <ol>\n                {quiz?.questions.map(question => {\n                  const isHelp = question.helpText || question.docLink\n                  return (\n                    <li\n                      key={question.questionIndex}\n                      role={question.exclusive ? 'radiogroup' : undefined}\n                    >\n                      <Typography\n                        variant={'headline3'}\n                        dangerouslySetInnerHTML={{ __html: question.prompt }}\n                        sx={{ marginTop: '40px', marginBottom: '10px' }}\n                      />\n                      {question.answers.map(choice => (\n                        <CertificationAnswer\n                          key={`${question.questionIndex}-${choice.answerIndex}`}\n                          question={question}\n                          answer={choice}\n                          onClick={e =>\n                            onUpdateAnswer(\n                              question.questionIndex,\n                              Number(e.currentTarget.value),\n                            )\n                          }\n                        />\n                      ))}\n                      {isHelp && (\n                        <MarkdownPopover\n                          contentProps={{ markdown: question.helpText }}\n                          placement=\"right\"\n                          sx={{\n                            table: {\n                              textAlign: 'center',\n                              th: {\n                                padding: '5px',\n                              },\n                            },\n                          }}\n                          actionButton={actionButtonConfig(question.docLink)}\n                          showCloseButton={true}\n                        >\n                          <Box\n                            sx={{\n                              display: 'flex',\n                              alignItems: 'center',\n                              marginTop: '10px',\n                            }}\n                          >\n                            <HelpOutlineTwoTone\n                              className=\"HelpButton\"\n                              style={{ marginRight: '4px' }}\n                            />\n                            <Link>Need help answering this question?</Link>\n                          </Box>\n                        </MarkdownPopover>\n                      )}\n                    </li>\n                  )\n                })}\n              </ol>\n            </form>\n            <Button\n              className=\"help-button\"\n              color=\"primary\"\n              variant=\"contained\"\n              size=\"large\"\n              disabled={isSubmitting}\n              onClick={() => {\n                handleSubmit()\n              }}\n            >\n              Submit\n            </Button>\n          </>\n        )}\n\n        {!isTakingQuiz && passingRecord?.corrections && (\n          <ol>\n            {passingRecord.corrections.map(responseCorrectness => {\n              const question =\n                responseCorrectness.question as MultichoiceQuestion\n              const response =\n                responseCorrectness.response as MultichoiceResponse\n              return (\n                <li key={question.questionIndex}>\n                  <Typography\n                    variant={'headline3'}\n                    dangerouslySetInnerHTML={{ __html: question.prompt }}\n                    className={\n                      responseCorrectness.isCorrect ? '' : 'incorrectQuestion'\n                    }\n                    sx={{ marginTop: '40px', marginBottom: '10px' }}\n                  />\n                  {question.answers.map(choice => (\n                    <CertificationAnswer\n                      key={`${question.questionIndex}-${choice.answerIndex}`}\n                      question={question}\n                      answer={choice}\n                      disabled={true}\n                      checked={response.answerIndex.includes(\n                        choice.answerIndex,\n                      )}\n                    />\n                  ))}\n                </li>\n              )\n            })}\n          </ol>\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction CertificationQuizSkeleton() {\n  const questions: ReactNode[] = []\n  for (let i = 0; i < 20; i++) {\n    questions.push(\n      <li key={i}>\n        <SkeletonTable numCols={1} numRows={5} />\n      </li>,\n    )\n  }\n  return (\n    <>\n      <div>\n        <Skeleton height=\"80px\" width=\"460px\" />\n      </div>\n      <SkeletonParagraph numRows={5} />\n      <div className=\"CertificationQuiz__container\">\n        <ol style={{ marginTop: '20px' }}>{questions}</ol>\n      </div>\n    </>\n  )\n}\n\nexport default CertificationQuiz\n"],"mappings":"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"}
+{"version":3,"file":"CertificationQuiz.js","names":[],"sources":["../../../src/components/CertificationQuiz/CertificationQuiz.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport {\n  useGetPassingRecord,\n  usePostCertifiedUserTestResponse,\n} from '@/synapse-queries/user/useCertificationQuiz'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { USER_BUNDLE_MASK_IS_CERTIFIED } from '@/utils/SynapseConstants'\nimport HelpOutlineTwoTone from '@mui/icons-material/HelpOutlineTwoTone'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  ButtonProps,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE,\n  MultichoiceQuestion,\n  MultichoiceResponse,\n  QuestionResponse,\n  Quiz,\n  QuizResponse,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { ReactNode, useEffect, useRef, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport { MarkdownPopover } from '../Markdown/MarkdownPopover'\nimport { SkeletonParagraph, SkeletonTable } from '../Skeleton'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport CertificationAnswer from './CertificationAnswer'\n\nfunction CertificationQuiz() {\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const handleError = useErrorHandler()\n  const [quiz, setQuiz] = useState<Quiz | undefined>()\n  const [isRetakingQuiz, setIsRetakingQuiz] = useState(false)\n  const [questionResponse, setQuestionResponse] = useState<QuestionResponse[]>(\n    [],\n  )\n  const { data: currentUserBundle } = useGetCurrentUserBundle(\n    USER_BUNDLE_MASK_IS_CERTIFIED,\n  )\n  const isCertified = currentUserBundle?.isCertified\n  const userId = currentUserBundle?.userId\n  const { data: passingRecord, isLoading: isLoadingPassingRecord } =\n    useGetPassingRecord(userId, {\n      enabled: userId !== undefined,\n    })\n  const formRef = useRef<HTMLFormElement>(null)\n  const GETTING_STARTED_URL =\n    'https://help.synapse.org/docs/Getting-Started.2055471150.html'\n\n  const getQuiz = async () => {\n    try {\n      setQuiz(await SynapseClient.getCertifyQuiz(accessToken))\n    } catch (err: any) {\n      handleError(err)\n    }\n  }\n\n  const { mutate: postCertifiedUserTestResponse, isPending: isSubmitting } =\n    usePostCertifiedUserTestResponse({\n      onSuccess: () => {\n        setIsRetakingQuiz(false)\n        window.scrollTo(0, 0)\n      },\n      throwOnError: true,\n    })\n  // user is taking the quiz if user is not certified, and either there is no passing record or if the user clicked to retake the quiz\n  const isTakingQuiz = !isCertified && (passingRecord == null || isRetakingQuiz)\n  useEffect(() => {\n    if (isAuthenticated) {\n      getQuiz()\n    }\n  }, [isAuthenticated])\n\n  if (isLoadingPassingRecord || quiz == undefined) {\n    return <CertificationQuizSkeleton />\n  }\n\n  const onUpdateAnswer = (questionIndex: number, answer: number) => {\n    const newState = [\n      ...questionResponse.filter(obj => obj.questionIndex !== questionIndex),\n      {\n        questionIndex,\n        answerIndex: [answer],\n        concreteType: MULTICHOICE_RESPONSE_CONCRETE_TYPE_VALUE,\n      },\n    ]\n    setQuestionResponse(newState)\n  }\n\n  const handleRetakeQuiz = () => {\n    formRef.current?.reset()\n    setIsRetakingQuiz(true)\n    setQuestionResponse([])\n    getQuiz()\n  }\n\n  const handleSubmit = () => {\n    try {\n      if (quiz && quiz.questions.length === questionResponse.length) {\n        const quizResponse: QuizResponse = {\n          quizId: quiz.id,\n          questionResponses: questionResponse,\n        }\n        postCertifiedUserTestResponse(quizResponse)\n      } else {\n        displayToast(\n          'Please answer all of the questions and try again.',\n          'warning',\n        )\n      }\n    } catch (err: any) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n\n  const actionButtonConfig = (helpUrl: string) =>\n    helpUrl\n      ? {\n          content: <>More info</>,\n          closePopoverOnClick: true,\n          onClick: () => window.open(helpUrl, '_blank'),\n          color: 'primary' as ButtonProps['color'],\n        }\n      : undefined\n  return (\n    <div>\n      {passingRecord && !isTakingQuiz && (\n        <>\n          {(passingRecord.revokedOn || passingRecord.passed) &&\n            !isCertified && (\n              <Alert severity=\"error\">\n                {!passingRecord.passed && (\n                  <AlertTitle>Certification Revoked</AlertTitle>\n                )}\n                <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                  Your certification was revoked. To become certified, you must{' '}\n                  <Link\n                    href=\"#\"\n                    onClick={e => {\n                      e.preventDefault()\n                      handleRetakeQuiz()\n                    }}\n                  >\n                    retake the quiz\n                  </Link>\n                  .\n                </Typography>\n              </Alert>\n            )}\n          {!passingRecord.passed && !isCertified && (\n            <Alert severity=\"error\">\n              {!passingRecord.passed && <AlertTitle>Quiz Failed</AlertTitle>}\n              <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                Please review the results from the previous attempt, and{' '}\n                <Link\n                  href=\"#\"\n                  onClick={e => {\n                    e.preventDefault()\n                    handleRetakeQuiz()\n                  }}\n                >\n                  retake the quiz\n                </Link>\n                .\n              </Typography>\n            </Alert>\n          )}\n          {passingRecord.passed && isCertified && (\n            <Alert severity=\"success\">\n              <AlertTitle>Quiz Passed</AlertTitle>\n              <Typography variant=\"body1\" sx={{ marginTop: '5px' }}>\n                {`You passed the Synapse Certification Quiz on ${formatDate(\n                  dayjs(passingRecord.passedOn),\n                )}`}\n              </Typography>\n            </Alert>\n          )}\n          <Typography\n            variant=\"sectionTitle\"\n            sx={{ marginTop: '20px', marginBottom: '20px' }}\n          >\n            Score: {passingRecord.score} / {passingRecord.corrections?.length}\n          </Typography>\n        </>\n      )}\n      <div className=\"CertificationQuiz__container\">\n        {quiz && isTakingQuiz && (\n          <>\n            <Button\n              onClick={() => window.open(GETTING_STARTED_URL, '_blank')}\n              className=\"help-button\"\n              color=\"primary\"\n              variant=\"contained\"\n            >\n              <Box sx={{ display: 'flex', alignItems: 'center' }}>\n                <HelpOutlineTwoTone\n                  className=\"HelpButton\"\n                  style={{ marginRight: '4px', color: 'white' }}\n                />\n                <>Help</>\n              </Box>\n            </Button>\n            <Typography variant=\"headline1\" sx={{ marginBottom: '25px' }}>\n              Certified User Quiz\n            </Typography>\n            <Typography variant=\"body1\" sx={{ marginBottom: '15px' }}>\n              Certified users are authorized to use the full Synapse\n              functionality. In order to ensure that users who create content in\n              the system and/or wish to interact more freely within Synapse are\n              familiar with the governance process and Synapse operating\n              procedures when dealing with possibly sensitive data, users must\n              pass a short quiz (approximately 15 minutes) to become Synapse\n              certified.\n            </Typography>\n            <Typography variant=\"body1\" sx={{ marginBottom: '15px' }}>\n              Please answer the following questions to become certified.\n            </Typography>\n            <form ref={formRef} onSubmit={e => e.preventDefault()}>\n              <ol>\n                {quiz?.questions.map(question => {\n                  const isHelp = question.helpText || question.docLink\n                  return (\n                    <li\n                      key={question.questionIndex}\n                      role={question.exclusive ? 'radiogroup' : undefined}\n                    >\n                      <Typography\n                        variant={'headline3'}\n                        dangerouslySetInnerHTML={{ __html: question.prompt }}\n                        sx={{ marginTop: '40px', marginBottom: '10px' }}\n                      />\n                      {question.answers.map(choice => (\n                        <CertificationAnswer\n                          key={`${question.questionIndex}-${choice.answerIndex}`}\n                          question={question}\n                          answer={choice}\n                          onClick={e =>\n                            onUpdateAnswer(\n                              question.questionIndex,\n                              Number(e.currentTarget.value),\n                            )\n                          }\n                        />\n                      ))}\n                      {isHelp && (\n                        <MarkdownPopover\n                          contentProps={{ markdown: question.helpText }}\n                          placement=\"right\"\n                          sx={{\n                            table: {\n                              textAlign: 'center',\n                              th: {\n                                padding: '5px',\n                              },\n                            },\n                          }}\n                          actionButton={actionButtonConfig(question.docLink)}\n                          showCloseButton={true}\n                        >\n                          <Box\n                            sx={{\n                              display: 'flex',\n                              alignItems: 'center',\n                              marginTop: '10px',\n                            }}\n                          >\n                            <HelpOutlineTwoTone\n                              className=\"HelpButton\"\n                              style={{ marginRight: '4px' }}\n                            />\n                            <Link>Need help answering this question?</Link>\n                          </Box>\n                        </MarkdownPopover>\n                      )}\n                    </li>\n                  )\n                })}\n              </ol>\n            </form>\n            <Button\n              className=\"help-button\"\n              color=\"primary\"\n              variant=\"contained\"\n              size=\"large\"\n              disabled={isSubmitting}\n              onClick={() => {\n                handleSubmit()\n              }}\n            >\n              Submit\n            </Button>\n          </>\n        )}\n\n        {!isTakingQuiz && passingRecord?.corrections && (\n          <ol>\n            {passingRecord.corrections.map(responseCorrectness => {\n              const question =\n                responseCorrectness.question as MultichoiceQuestion\n              const response =\n                responseCorrectness.response as MultichoiceResponse\n              return (\n                <li key={question.questionIndex}>\n                  <Typography\n                    variant={'headline3'}\n                    dangerouslySetInnerHTML={{ __html: question.prompt }}\n                    className={\n                      responseCorrectness.isCorrect ? '' : 'incorrectQuestion'\n                    }\n                    sx={{ marginTop: '40px', marginBottom: '10px' }}\n                  />\n                  {question.answers.map(choice => (\n                    <CertificationAnswer\n                      key={`${question.questionIndex}-${choice.answerIndex}`}\n                      question={question}\n                      answer={choice}\n                      disabled={true}\n                      checked={response.answerIndex.includes(\n                        choice.answerIndex,\n                      )}\n                    />\n                  ))}\n                </li>\n              )\n            })}\n          </ol>\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction CertificationQuizSkeleton() {\n  const questions: ReactNode[] = []\n  for (let i = 0; i < 20; i++) {\n    questions.push(\n      <li key={i}>\n        <SkeletonTable numCols={1} numRows={5} />\n      </li>,\n    )\n  }\n  return (\n    <>\n      <div>\n        <Skeleton height=\"80px\" width=\"460px\" />\n      </div>\n      <SkeletonParagraph numRows={5} />\n      <div className=\"CertificationQuiz__container\">\n        <ol style={{ marginTop: '20px' }}>{questions}</ol>\n      </div>\n    </>\n  )\n}\n\nexport default CertificationQuiz\n"],"mappings":"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"}

package/dist/components/ChallengeSubmission/AvailableEvaluationQueueList.js

@@ -4,7 +4,7 @@ import { useEffect as n, useState as r } from "react";
 import { noop as i } from "lodash-es";
 import { Autocomplete as a, Box as o, Button as s, Collapse as c, List as l, ListItem as u, MenuItem as d, TextField as f, Typography as p } from "@mui/material";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { HelpOutlineTwoTone as _ } from "@mui/icons-material";
+import _ from "@mui/icons-material/HelpOutlineTwoTone";
 //#region src/components/ChallengeSubmission/AvailableEvaluationQueueList.tsx
 function v(n) {
 	let { text: r, tooltipMarkdownText: i } = n;

package/dist/components/ChallengeSubmission/AvailableEvaluationQueueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableEvaluationQueueList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/AvailableEvaluationQueueList.tsx"],"sourcesContent":["import LightTooltip from '@/components/styled/LightTooltip'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Autocomplete,\n  Box,\n  Button,\n  Collapse,\n  List,\n  ListItem,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Evaluation } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\ntype TextWithHelpIconProps = {\n  text: string\n  tooltipMarkdownText?: string\n}\n\nfunction TextWithHelpIcon(props: TextWithHelpIconProps) {\n  const { text, tooltipMarkdownText } = props\n\n  return (\n    <>\n      {text}\n      {tooltipMarkdownText && (\n        <LightTooltip\n          title={\n            <Typography\n              variant=\"body1\"\n              sx={{\n                mb: 0,\n              }}\n            >\n              <MarkdownSynapse markdown={tooltipMarkdownText} />\n            </Typography>\n          }\n        >\n          <HelpOutlineTwoTone\n            sx={{\n              ml: 1,\n              color: 'grey.600',\n              fontSize: '16px',\n            }}\n          />\n        </LightTooltip>\n      )}\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueStaticListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations'\n>\nfunction AvailableEvaluationQueueStaticList(\n  props: AvailableEvaluationQueueStaticListProps,\n) {\n  const { evaluations } = props\n  return (\n    <>\n      <Typography variant=\"body1\">Available Evaluation Queues:</Typography>\n      <List dense={true}>\n        {evaluations.map(evaluation => (\n          <ListItem key={evaluation.id}>\n            <TextWithHelpIcon\n              text={evaluation.name!}\n              tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueCollapsableListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'isSelectable'\n>\n\nfunction AvailableEvaluationQueueCollapsableList(\n  props: AvailableEvaluationQueueCollapsableListProps,\n) {\n  const { evaluations, isSelectable } = props\n  const [showList, setShowList] = useState<boolean>(false)\n  const nEvaluationsCollapseLimit = isSelectable ? 2 : 8\n  const shouldCollapse = evaluations.length >= nEvaluationsCollapseLimit\n\n  return (\n    <Box\n      sx={{\n        mt: 2,\n      }}\n    >\n      {shouldCollapse ? (\n        <>\n          <Button\n            variant=\"contained\"\n            sx={{ mb: 1 }}\n            onClick={() => setShowList(!showList)}\n          >\n            {`${showList ? 'Hide' : 'Show'} All Available Evaluation Queues`}\n          </Button>\n          <Collapse in={showList}>\n            <AvailableEvaluationQueueStaticList {...props} />\n          </Collapse>\n        </>\n      ) : (\n        <>\n          <AvailableEvaluationQueueStaticList {...props} />\n        </>\n      )}\n    </Box>\n  )\n}\n\ntype AvailableEvaluationQueueAutocompleteListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'onChangeSelectedEvaluation'\n>\n\nfunction AvailableEvaluationQueueAutocompleteList(\n  props: AvailableEvaluationQueueAutocompleteListProps,\n) {\n  const { evaluations, onChangeSelectedEvaluation = noop } = props\n  const [value, setValue] = useState<Evaluation | null>(null)\n\n  return (\n    <Autocomplete\n      // Must be set to false for dropdown list to be correctly positioned\n      // when component is in a modal opened from a Markdown Widget in SWC\n      disablePortal={false}\n      value={value}\n      onChange={(event, newValue: Evaluation | null) => {\n        setValue(newValue)\n        onChangeSelectedEvaluation(newValue)\n      }}\n      options={evaluations}\n      getOptionLabel={option => option.name!}\n      renderOption={(props, option, state, ownerState) => {\n        return (\n          <MenuItem {...props}>\n            <TextWithHelpIcon\n              text={ownerState.getOptionLabel(option)}\n              tooltipMarkdownText={option.submissionInstructionsMessage}\n            />\n          </MenuItem>\n        )\n      }}\n      renderInput={params => (\n        <TextField {...params} label=\"Selected Evaluation Queue\" />\n      )}\n    />\n  )\n}\n\nexport type AvailableEvaluationQueueListProps = {\n  /* evaluation queues available to the current user */\n  evaluations: Evaluation[]\n  /* should the user be able to select an evaluation queue */\n  isSelectable?: boolean\n  /* will be called when the currently selected evaluation queue is changed */\n  onChangeSelectedEvaluation?: (evaluation: Evaluation | null) => void\n}\n\nfunction AvailableEvaluationQueueList(\n  props: AvailableEvaluationQueueListProps,\n) {\n  const {\n    isSelectable = true,\n    onChangeSelectedEvaluation = noop,\n    evaluations,\n  } = props\n  const nEvaluations = evaluations.length\n\n  useEffect(() => {\n    if (nEvaluations === 1 && isSelectable)\n      onChangeSelectedEvaluation(evaluations[0])\n  }, [evaluations, isSelectable, nEvaluations, onChangeSelectedEvaluation])\n\n  if (nEvaluations === 0)\n    return <Typography variant=\"body1\">No evaluations found</Typography>\n\n  if (nEvaluations === 1) {\n    const evaluation = evaluations[0]\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <TextWithHelpIcon\n          text={evaluation.name!}\n          tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n        />\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      // Class name used in SWC to prevent markdown formatting from applying additional margin/padding\n      className=\"AvailableEvaluationQueueList\"\n    >\n      {isSelectable && <AvailableEvaluationQueueAutocompleteList {...props} />}\n      <AvailableEvaluationQueueCollapsableList {...props} />\n    </Box>\n  )\n}\n\nexport default AvailableEvaluationQueueList\n"],"mappings":"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"}
+{"version":3,"file":"AvailableEvaluationQueueList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/AvailableEvaluationQueueList.tsx"],"sourcesContent":["import LightTooltip from '@/components/styled/LightTooltip'\nimport HelpOutlineTwoTone from '@mui/icons-material/HelpOutlineTwoTone'\nimport {\n  Autocomplete,\n  Box,\n  Button,\n  Collapse,\n  List,\n  ListItem,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Evaluation } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\ntype TextWithHelpIconProps = {\n  text: string\n  tooltipMarkdownText?: string\n}\n\nfunction TextWithHelpIcon(props: TextWithHelpIconProps) {\n  const { text, tooltipMarkdownText } = props\n\n  return (\n    <>\n      {text}\n      {tooltipMarkdownText && (\n        <LightTooltip\n          title={\n            <Typography\n              variant=\"body1\"\n              sx={{\n                mb: 0,\n              }}\n            >\n              <MarkdownSynapse markdown={tooltipMarkdownText} />\n            </Typography>\n          }\n        >\n          <HelpOutlineTwoTone\n            sx={{\n              ml: 1,\n              color: 'grey.600',\n              fontSize: '16px',\n            }}\n          />\n        </LightTooltip>\n      )}\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueStaticListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations'\n>\nfunction AvailableEvaluationQueueStaticList(\n  props: AvailableEvaluationQueueStaticListProps,\n) {\n  const { evaluations } = props\n  return (\n    <>\n      <Typography variant=\"body1\">Available Evaluation Queues:</Typography>\n      <List dense={true}>\n        {evaluations.map(evaluation => (\n          <ListItem key={evaluation.id}>\n            <TextWithHelpIcon\n              text={evaluation.name!}\n              tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueCollapsableListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'isSelectable'\n>\n\nfunction AvailableEvaluationQueueCollapsableList(\n  props: AvailableEvaluationQueueCollapsableListProps,\n) {\n  const { evaluations, isSelectable } = props\n  const [showList, setShowList] = useState<boolean>(false)\n  const nEvaluationsCollapseLimit = isSelectable ? 2 : 8\n  const shouldCollapse = evaluations.length >= nEvaluationsCollapseLimit\n\n  return (\n    <Box\n      sx={{\n        mt: 2,\n      }}\n    >\n      {shouldCollapse ? (\n        <>\n          <Button\n            variant=\"contained\"\n            sx={{ mb: 1 }}\n            onClick={() => setShowList(!showList)}\n          >\n            {`${showList ? 'Hide' : 'Show'} All Available Evaluation Queues`}\n          </Button>\n          <Collapse in={showList}>\n            <AvailableEvaluationQueueStaticList {...props} />\n          </Collapse>\n        </>\n      ) : (\n        <>\n          <AvailableEvaluationQueueStaticList {...props} />\n        </>\n      )}\n    </Box>\n  )\n}\n\ntype AvailableEvaluationQueueAutocompleteListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'onChangeSelectedEvaluation'\n>\n\nfunction AvailableEvaluationQueueAutocompleteList(\n  props: AvailableEvaluationQueueAutocompleteListProps,\n) {\n  const { evaluations, onChangeSelectedEvaluation = noop } = props\n  const [value, setValue] = useState<Evaluation | null>(null)\n\n  return (\n    <Autocomplete\n      // Must be set to false for dropdown list to be correctly positioned\n      // when component is in a modal opened from a Markdown Widget in SWC\n      disablePortal={false}\n      value={value}\n      onChange={(event, newValue: Evaluation | null) => {\n        setValue(newValue)\n        onChangeSelectedEvaluation(newValue)\n      }}\n      options={evaluations}\n      getOptionLabel={option => option.name!}\n      renderOption={(props, option, state, ownerState) => {\n        return (\n          <MenuItem {...props}>\n            <TextWithHelpIcon\n              text={ownerState.getOptionLabel(option)}\n              tooltipMarkdownText={option.submissionInstructionsMessage}\n            />\n          </MenuItem>\n        )\n      }}\n      renderInput={params => (\n        <TextField {...params} label=\"Selected Evaluation Queue\" />\n      )}\n    />\n  )\n}\n\nexport type AvailableEvaluationQueueListProps = {\n  /* evaluation queues available to the current user */\n  evaluations: Evaluation[]\n  /* should the user be able to select an evaluation queue */\n  isSelectable?: boolean\n  /* will be called when the currently selected evaluation queue is changed */\n  onChangeSelectedEvaluation?: (evaluation: Evaluation | null) => void\n}\n\nfunction AvailableEvaluationQueueList(\n  props: AvailableEvaluationQueueListProps,\n) {\n  const {\n    isSelectable = true,\n    onChangeSelectedEvaluation = noop,\n    evaluations,\n  } = props\n  const nEvaluations = evaluations.length\n\n  useEffect(() => {\n    if (nEvaluations === 1 && isSelectable)\n      onChangeSelectedEvaluation(evaluations[0])\n  }, [evaluations, isSelectable, nEvaluations, onChangeSelectedEvaluation])\n\n  if (nEvaluations === 0)\n    return <Typography variant=\"body1\">No evaluations found</Typography>\n\n  if (nEvaluations === 1) {\n    const evaluation = evaluations[0]\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <TextWithHelpIcon\n          text={evaluation.name!}\n          tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n        />\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      // Class name used in SWC to prevent markdown formatting from applying additional margin/padding\n      className=\"AvailableEvaluationQueueList\"\n    >\n      {isSelectable && <AvailableEvaluationQueueAutocompleteList {...props} />}\n      <AvailableEvaluationQueueCollapsableList {...props} />\n    </Box>\n  )\n}\n\nexport default AvailableEvaluationQueueList\n"],"mappings":"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"}

package/dist/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.js

@@ -3,7 +3,7 @@ import { useGetEvaluation as t, useGetEvaluationRoundsInfinite as n } from "../.
 import { getCurrentOrNextOrLatestRound as r } from "../../utils/challenge/evaluation/EvaluationUtils.js";
 import { useEffect as i, useMemo as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { InfoTwoTone as l } from "@mui/icons-material";
+import l from "@mui/icons-material/InfoTwoTone";
 import u from "dayjs";
 import d from "@mui/material/Tooltip";
 //#region src/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.tsx

package/dist/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationQueueCurrentRoundInfo.js","names":[],"sources":["../../../src/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.tsx"],"sourcesContent":["import {\n  useGetEvaluation,\n  useGetEvaluationRoundsInfinite,\n} from '@/synapse-queries/evaluation/useEvaluation'\nimport { getCurrentOrNextOrLatestRound } from '@/utils/challenge/evaluation/EvaluationUtils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport Tooltip from '@mui/material/Tooltip'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo } from 'react'\n\ntype EvaluationQueueInfoProps = {\n  evaluationId: string\n}\n\n/**\n * Displays an information tooltip about the current (or recent) round of an Evaluation Queue.\n * @param props\n * @constructor\n */\nfunction EvaluationQueueCurrentRoundInfo(props: EvaluationQueueInfoProps) {\n  const { evaluationId } = props\n\n  const { data: evaluation } = useGetEvaluation(evaluationId)\n\n  const {\n    data: infiniteData,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetEvaluationRoundsInfinite(evaluationId)\n\n  useEffect(() => {\n    // Fetch all pages\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [fetchNextPage, hasNextPage, isFetchingNextPage])\n\n  const rounds = useMemo(\n    () => infiniteData?.pages.flatMap(page => page.page!) ?? [],\n    [infiniteData?.pages],\n  )\n\n  const currentRound = getCurrentOrNextOrLatestRound(rounds)\n\n  const title = (\n    <>\n      {evaluation?.description && <p>{evaluation?.description}</p>}\n      {currentRound?.roundStart && (\n        <p>\n          <strong>Start:</strong> {formatDate(dayjs(currentRound?.roundStart))}\n        </p>\n      )}\n      {currentRound?.roundEnd && (\n        <p>\n          <strong>End:</strong> {formatDate(dayjs(currentRound?.roundEnd))}\n        </p>\n      )}\n      <p>\n        <strong>Submission Limits:</strong>{' '}\n        {currentRound?.limits\n          ? `${currentRound?.limits\n              .map(\n                limit =>\n                  `${\n                    limit.maximumSubmissions\n                  } ${limit.limitType.toLowerCase()} submissions`,\n              )\n              .join(', ')}`\n          : 'No limit'}\n      </p>\n    </>\n  )\n\n  return (\n    <Tooltip title={title}>\n      <InfoTwoTone sx={{ color: 'grey.700' }} />\n    </Tooltip>\n  )\n}\n\nexport default EvaluationQueueCurrentRoundInfo\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAgC,GAAiC;CACxE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAe,EAAiB,CAAY,GAEpD,EACJ,MAAM,GACN,gBACA,uBACA,qBACE,EAA+B,CAAY;CAE/C,QAAgB;EAEd,AAAI,KAAe,CAAC,KAClB,EAAmB;CAEvB,GAAG;EAAC;EAAe;EAAa;CAAkB,CAAC;CAOnD,IAAM,IAAe,EALN,QACP,GAAc,MAAM,SAAQ,MAAQ,EAAK,IAAK,KAAK,CAAC,GAC1D,CAAC,GAAc,KAAK,CAG6B,CAAM;CA+BzD,OACE,kBAAC,GAAD;EAAgB,OA7BhB,kBAAA,GAAA,EAAA,UAAA;GACG,GAAY,eAAe,kBAAC,KAAD,EAAA,UAAI,GAAY,YAAe,CAAA;GAC1D,GAAc,cACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,SAAc,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,UAAU,CAAC;GAClE,EAAA,CAAA;GAEJ,GAAc,YACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,OAAY,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,QAAQ,CAAC;GAC9D,EAAA,CAAA;GAEL,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,qBAA0B,CAAA;IAAE;IACnC,GAAc,SACX,GAAG,GAAc,OACd,KACC,MACE,GACE,EAAM,mBACP,GAAG,EAAM,UAAU,YAAY,EAAE,aACtC,EACC,KAAK,IAAI,MACZ;GACH,EAAA,CAAA;EACH,EAAA,CAIc;YACd,kBAAC,GAAD,EAAa,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA;CAClC,CAAA;AAEb"}
+{"version":3,"file":"EvaluationQueueCurrentRoundInfo.js","names":[],"sources":["../../../src/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.tsx"],"sourcesContent":["import {\n  useGetEvaluation,\n  useGetEvaluationRoundsInfinite,\n} from '@/synapse-queries/evaluation/useEvaluation'\nimport { getCurrentOrNextOrLatestRound } from '@/utils/challenge/evaluation/EvaluationUtils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport InfoTwoTone from '@mui/icons-material/InfoTwoTone'\nimport Tooltip from '@mui/material/Tooltip'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo } from 'react'\n\ntype EvaluationQueueInfoProps = {\n  evaluationId: string\n}\n\n/**\n * Displays an information tooltip about the current (or recent) round of an Evaluation Queue.\n * @param props\n * @constructor\n */\nfunction EvaluationQueueCurrentRoundInfo(props: EvaluationQueueInfoProps) {\n  const { evaluationId } = props\n\n  const { data: evaluation } = useGetEvaluation(evaluationId)\n\n  const {\n    data: infiniteData,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetEvaluationRoundsInfinite(evaluationId)\n\n  useEffect(() => {\n    // Fetch all pages\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [fetchNextPage, hasNextPage, isFetchingNextPage])\n\n  const rounds = useMemo(\n    () => infiniteData?.pages.flatMap(page => page.page!) ?? [],\n    [infiniteData?.pages],\n  )\n\n  const currentRound = getCurrentOrNextOrLatestRound(rounds)\n\n  const title = (\n    <>\n      {evaluation?.description && <p>{evaluation?.description}</p>}\n      {currentRound?.roundStart && (\n        <p>\n          <strong>Start:</strong> {formatDate(dayjs(currentRound?.roundStart))}\n        </p>\n      )}\n      {currentRound?.roundEnd && (\n        <p>\n          <strong>End:</strong> {formatDate(dayjs(currentRound?.roundEnd))}\n        </p>\n      )}\n      <p>\n        <strong>Submission Limits:</strong>{' '}\n        {currentRound?.limits\n          ? `${currentRound?.limits\n              .map(\n                limit =>\n                  `${\n                    limit.maximumSubmissions\n                  } ${limit.limitType.toLowerCase()} submissions`,\n              )\n              .join(', ')}`\n          : 'No limit'}\n      </p>\n    </>\n  )\n\n  return (\n    <Tooltip title={title}>\n      <InfoTwoTone sx={{ color: 'grey.700' }} />\n    </Tooltip>\n  )\n}\n\nexport default EvaluationQueueCurrentRoundInfo\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAgC,GAAiC;CACxE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAe,EAAiB,CAAY,GAEpD,EACJ,MAAM,GACN,gBACA,uBACA,qBACE,EAA+B,CAAY;CAE/C,QAAgB;EAEd,AAAI,KAAe,CAAC,KAClB,EAAmB;CAEvB,GAAG;EAAC;EAAe;EAAa;CAAkB,CAAC;CAOnD,IAAM,IAAe,EALN,QACP,GAAc,MAAM,SAAQ,MAAQ,EAAK,IAAK,KAAK,CAAC,GAC1D,CAAC,GAAc,KAAK,CAG6B,CAAM;CA+BzD,OACE,kBAAC,GAAD;EAAgB,OA7BhB,kBAAA,GAAA,EAAA,UAAA;GACG,GAAY,eAAe,kBAAC,KAAD,EAAA,UAAI,GAAY,YAAe,CAAA;GAC1D,GAAc,cACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,SAAc,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,UAAU,CAAC;GAClE,EAAA,CAAA;GAEJ,GAAc,YACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,OAAY,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,QAAQ,CAAC;GAC9D,EAAA,CAAA;GAEL,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,qBAA0B,CAAA;IAAE;IACnC,GAAc,SACX,GAAG,GAAc,OACd,KACC,MACE,GACE,EAAM,mBACP,GAAG,EAAM,UAAU,YAAY,EAAE,aACtC,EACC,KAAK,IAAI,MACZ;GACH,EAAA,CAAA;EACH,EAAA,CAIc;YACd,kBAAC,GAAD,EAAa,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA;CAClC,CAAA;AAEb"}