npm - synapse-react-client - Versions diffs - 4.0.19 → 4.0.21 - Mend

synapse-react-client 4.0.19 → 4.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1619) hide show

package/dist/components/AccessRequirementList/RequirementItem/RequirementItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RequirementItem.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/RequirementItem.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react'\nimport AccessApprovalCheckMark, {\n RequirementItemStatus,\n} from '../AccessApprovalCheckMark'\nimport { Box, BoxProps, Button, ButtonProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\n\nexport type RequirementItemProps = PropsWithChildren<{\n status: RequirementItemStatus\n actions?: ButtonProps[]\n}>\n\nconst RequirementContainer: StyledComponent<BoxProps> = styled(Box, {\n label: 'RequirementContainer',\n})({\n display: 'grid',\n gridTemplateRows: '50px auto auto',\n gridTemplateColumns: '30px auto',\n columnGap: '20px',\n alignItems: 'center',\n margin: '1rem 0 2rem',\n})\n\nconst InlineButtonContainer: StyledComponent<BoxProps> = styled(Box, {\n label: 'InlineButtonContainer',\n})(({ theme }) => ({\n display: 'flex',\n gap: theme.spacing(2),\n margin: `${theme.spacing(1)} 0`,\n}))\n\n/*\n Renders a single requirement item, which includes a checkmark, the requirement text, and any required actions. This\n * component represents one condition (of potentially many) that a user must meet to gain access to data.\n \n This component does not make requests to external stores and is side-effect free. Variations in the displayed\n * component are controlled entirely by props\n /\nexport default function RequirementItem(props: RequirementItemProps) {\n const { actions, status, children } = props\n return (\n <RequirementContainer data-testid={'RequirementItem'}>\n <AccessApprovalCheckMark\n status={status}\n sx={{\n gridRow: '1 / span 1',\n gridColumn: '1 / span 1',\n margin: 'auto',\n }}\n />\n <Box\n sx={{\n gridColumn: '2 / span 1',\n gridRow: '1 / span 2',\n alignSelf: 'start',\n mt: '12px',\n }}\n >\n {children}\n </Box>\n {actions && !!actions.length && (\n <>\n {/ This Box renders a vertical line beneath the icon that spans the 2nd row /}\n <Box\n sx={{\n gridColumnStart: 1,\n gridRow: '2 / span 1',\n width: '1px',\n height: '100%',\n backgroundColor: 'grey.400',\n margin: 'auto',\n }}\n />\n {/\n This Box renders the 'L' shaped line, which is visually connected to the vertical line in the 3rd row\n Placing this in the 3rd row vertically aligns this with the InlineButtonContainer actions\n */}\n <Box\n sx={theme => ({\n gridColumnStart: 1,\n gridRow: '3 / span 1',\n width: '50%',\n height: '60%',\n borderLeft: `1px solid ${theme.palette.grey[400]}`,\n borderBottom: `1px solid ${theme.palette.grey[400]}`,\n marginLeft: 'auto',\n marginBottom: 'auto',\n marginRight: '0',\n })}\n />\n </>\n )}\n {actions && !!actions.length && (\n <InlineButtonContainer\n sx={{ gridColumnStart: 2, gridRow: '3 / span 1', mt: 2 }}\n >\n {actions.map((buttonProps, i) => (\n <Button\n key={i}\n disabled={status === RequirementItemStatus.LOADING}\n {...buttonProps}\n />\n ))}\n </InlineButtonContainer>\n )}\n </RequirementContainer>\n )\n}\n"],"mappings":";;;;AAYA,IAAM,IAAkD,EAAO,GAAK,EAClE,OAAO,~~wBACR~~,CAAC,~~CAAC~~;CACD,SAAS;CACT,kBAAkB;CAClB,qBAAqB;CACrB,WAAW;CACX,YAAY;CACZ,QAAQ;~~CACT~~,CAAC,~~EAEI~~,IAAmD,EAAO,GAAK,EACnE,OAAO,~~yBACR~~,CAAC,~~EAAE~~,EAAE,gBAAa;CACjB,SAAS;CACT,KAAK,EAAM,QAAQ,~~EAAE~~;~~CACrB~~,QAAQ,GAAG,EAAM,QAAQ,EAAE~~,CAAC~~;~~CAC7B~~,EAAE;~~AASH~~,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EAAE,YAAS,WAAQ,gBAAa;~~AACtC~~,~~QACE~~,kBAAC,GAAD;EAAsB,eAAa;YAAnC;GACE,kBAAC,GAAD;IACU;IACR,IAAI;KACF,SAAS;KACT,YAAY;KACZ,QAAQ;~~KACT~~;~~IACD~~,CAAA;~~GACF~~,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,WAAW;KACX,IAAI;~~KACL~~;~~IAEA~~;~~IACG~~,CAAA;~~GACL~~,KAAW,CAAC,CAAC,EAAQ,UACpB,kBAAA,GAAA,EAAA,UAAA,CAEE,kBAAC,GAAD,EACE,IAAI;IACF,iBAAiB;IACjB,SAAS;IACT,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,QAAQ;~~IACT~~,EACD,CAAA,~~EAKF~~,kBAAC,GAAD,EACE,KAAI,OAAU;IACZ,iBAAiB;IACjB,SAAS;IACT,OAAO;IACP,QAAQ;IACR,YAAY,aAAa,EAAM,QAAQ,KAAK;IAC5C,cAAc,aAAa,EAAM,QAAQ,KAAK;IAC9C,YAAY;IACZ,cAAc;IACd,aAAa;~~IACd~~,GACD,CAAA,CACD,EAAA,CAAA;~~GAEJ~~,KAAW,CAAC,CAAC,EAAQ,UACpB,kBAAC,GAAD;IACE,IAAI;KAAE,iBAAiB;KAAG,SAAS;KAAc,IAAI;~~KAAG~~;~~cAEvD~~,EAAQ,KAAK,GAAa,MACzB,kBAAC,GAAD;KAEE,UAAU,MAAW,EAAsB;KAC3C,GAAI;~~KACJ~~,~~EAHK~~,~~EAGL~~,CACF;~~IACoB~~,CAAA;~~GAEL~~"}
1	+ {"version":3,"file":"RequirementItem.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/RequirementItem.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react'\nimport AccessApprovalCheckMark, {\n RequirementItemStatus,\n} from '../AccessApprovalCheckMark'\nimport { Box, BoxProps, Button, ButtonProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\n\nexport type RequirementItemProps = PropsWithChildren<{\n status: RequirementItemStatus\n actions?: ButtonProps[]\n}>\n\nconst RequirementContainer: StyledComponent<BoxProps> = styled(Box, {\n label: 'RequirementContainer',\n})({\n display: 'grid',\n gridTemplateRows: '50px auto auto',\n gridTemplateColumns: '30px auto',\n columnGap: '20px',\n alignItems: 'center',\n margin: '1rem 0 2rem',\n})\n\nconst InlineButtonContainer: StyledComponent<BoxProps> = styled(Box, {\n label: 'InlineButtonContainer',\n})(({ theme }) => ({\n display: 'flex',\n gap: theme.spacing(2),\n margin: `${theme.spacing(1)} 0`,\n}))\n\n/*\n Renders a single requirement item, which includes a checkmark, the requirement text, and any required actions. This\n * component represents one condition (of potentially many) that a user must meet to gain access to data.\n \n This component does not make requests to external stores and is side-effect free. Variations in the displayed\n * component are controlled entirely by props\n /\nexport default function RequirementItem(props: RequirementItemProps) {\n const { actions, status, children } = props\n return (\n <RequirementContainer data-testid={'RequirementItem'}>\n <AccessApprovalCheckMark\n status={status}\n sx={{\n gridRow: '1 / span 1',\n gridColumn: '1 / span 1',\n margin: 'auto',\n }}\n />\n <Box\n sx={{\n gridColumn: '2 / span 1',\n gridRow: '1 / span 2',\n alignSelf: 'start',\n mt: '12px',\n }}\n >\n {children}\n </Box>\n {actions && !!actions.length && (\n <>\n {/ This Box renders a vertical line beneath the icon that spans the 2nd row /}\n <Box\n sx={{\n gridColumnStart: 1,\n gridRow: '2 / span 1',\n width: '1px',\n height: '100%',\n backgroundColor: 'grey.400',\n margin: 'auto',\n }}\n />\n {/\n This Box renders the 'L' shaped line, which is visually connected to the vertical line in the 3rd row\n Placing this in the 3rd row vertically aligns this with the InlineButtonContainer actions\n */}\n <Box\n sx={theme => ({\n gridColumnStart: 1,\n gridRow: '3 / span 1',\n width: '50%',\n height: '60%',\n borderLeft: `1px solid ${theme.palette.grey[400]}`,\n borderBottom: `1px solid ${theme.palette.grey[400]}`,\n marginLeft: 'auto',\n marginBottom: 'auto',\n marginRight: '0',\n })}\n />\n </>\n )}\n {actions && !!actions.length && (\n <InlineButtonContainer\n sx={{ gridColumnStart: 2, gridRow: '3 / span 1', mt: 2 }}\n >\n {actions.map((buttonProps, i) => (\n <Button\n key={i}\n disabled={status === RequirementItemStatus.LOADING}\n {...buttonProps}\n />\n ))}\n </InlineButtonContainer>\n )}\n </RequirementContainer>\n )\n}\n"],"mappings":";;;;AAYA,IAAM,IAAkD,EAAO,GAAK,EAClE,OAAO,uBACT,CAAC,EAAE;CACD,SAAS;CACT,kBAAkB;CAClB,qBAAqB;CACrB,WAAW;CACX,YAAY;CACZ,QAAQ;AACV,CAAC,GAEK,IAAmD,EAAO,GAAK,EACnE,OAAO,wBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,SAAS;CACT,KAAK,EAAM,QAAQ,CAAC;CACpB,QAAQ,GAAG,EAAM,QAAQ,CAAC,EAAE;AAC9B,EAAE;AASF,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EAAE,YAAS,WAAQ,gBAAa;CACtC,OACE,kBAAC,GAAD;EAAsB,eAAa;YAAnC;GACE,kBAAC,GAAD;IACU;IACR,IAAI;KACF,SAAS;KACT,YAAY;KACZ,QAAQ;IACV;GACD,CAAA;GACD,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,WAAW;KACX,IAAI;IACN;IAEC;GACE,CAAA;GACJ,KAAW,CAAC,CAAC,EAAQ,UACpB,kBAAA,GAAA,EAAA,UAAA,CAEE,kBAAC,GAAD,EACE,IAAI;IACF,iBAAiB;IACjB,SAAS;IACT,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,QAAQ;GACV,EACD,CAAA,GAKD,kBAAC,GAAD,EACE,KAAI,OAAU;IACZ,iBAAiB;IACjB,SAAS;IACT,OAAO;IACP,QAAQ;IACR,YAAY,aAAa,EAAM,QAAQ,KAAK;IAC5C,cAAc,aAAa,EAAM,QAAQ,KAAK;IAC9C,YAAY;IACZ,cAAc;IACd,aAAa;GACf,GACD,CAAA,CACD,EAAA,CAAA;GAEH,KAAW,CAAC,CAAC,EAAQ,UACpB,kBAAC,GAAD;IACE,IAAI;KAAE,iBAAiB;KAAG,SAAS;KAAc,IAAI;IAAE;cAEtD,EAAQ,KAAK,GAAa,MACzB,kBAAC,GAAD;KAEE,UAAU,MAAW,EAAsB;KAC3C,GAAI;IACL,GAHM,CAGN,CACF;GACoB,CAAA;EAEL;;AAE1B"}

package/dist/components/AccessRequirementList/RequirementItem/SelfSignAccessRequirementItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelfSignAccessRequirementItem.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/SelfSignAccessRequirementItem.tsx"],"sourcesContent":["import {\n useCreateAccessApproval,\n useGetAccessRequirementStatus,\n useGetAccessRequirementWikiPageKey,\n useGetCurrentUserBundle,\n useGetCurrentUserProfile,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { isTermsOfUseAccessRequirement } from '@/utils/types/IsType'\nimport { Alert, Box, ButtonProps, Link, Typography } from '@mui/material'\nimport {\n ApprovalState,\n CreateAccessApprovalRequest,\n SelfSignAccessRequirement,\n TermsOfUseAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../../Markdown/MarkdownSynapse'\nimport { RequirementItemStatus } from '../AccessApprovalCheckMark'\nimport RequirementItem from './RequirementItem'\n\nexport type SelfSignAccessRequirementItemProps = {\n accessRequirement: SelfSignAccessRequirement \| TermsOfUseAccessRequirement\n onHide: () => void\n}\n\n/*\n Renders a {@link RequirementItem} for an self-sign Access Requirement, including {@link SelfSignAccessRequirement} or\n * {@link TermsOfUseAccessRequirement}.\n \n For {@link ManagedACTAccessRequirement}s, see {@link RequestDataAccess}\n */\nexport default function SelfSignAccessRequirementItem(\n props: SelfSignAccessRequirementItemProps,\n) {\n const { accessRequirement, onHide } = props\n const { isAuthenticated } = useSynapseContext()\n const isTermsOfUse = isTermsOfUseAccessRequirement(accessRequirement)\n\n const { data: user } = useGetCurrentUserProfile()\n const { data: userBundle } = useGetCurrentUserBundle()\n\n const certificationRequirementNotMet =\n isAuthenticated &&\n userBundle &&\n !isTermsOfUse &&\n accessRequirement.isCertifiedUserRequired &&\n !userBundle.isCertified\n const verificationRequirementNotMet =\n isAuthenticated &&\n userBundle &&\n !isTermsOfUse &&\n accessRequirement.isValidatedProfileRequired &&\n !userBundle.isVerified\n\n const { data: accessRequirementStatus, isLoading: isLoadingStatus } =\n useGetAccessRequirementStatus(String(accessRequirement.id))\n\n const isApproved = accessRequirementStatus?.isApproved\n\n const { data: wikiPage } = useGetAccessRequirementWikiPageKey(\n accessRequirement.id.toString(),\n // TermsOfUse ARs may have the terms embedded in the AR or an associated Wiki.\n )\n\n const [showTerms, setShowTerms] = useState<boolean>(false)\n\n const {\n mutate: createAccessApproval,\n isPending: createAccessApprovalIsPending,\n error,\n } = useCreateAccessApproval({\n onError: err => {\n console.error('Error creating access approval: ', err)\n },\n })\n\n const onAcceptClicked = () => {\n const accessApprovalRequest: CreateAccessApprovalRequest = {\n requirementId: accessRequirement?.id,\n submitterId: user?.ownerId!,\n accessorId: user?.ownerId!,\n state: ApprovalState.APPROVED,\n }\n\n createAccessApproval(accessApprovalRequest)\n }\n\n let renderedTerms = <></>\n if (isTermsOfUse && accessRequirement.termsOfUse) {\n renderedTerms = <MarkdownSynapse markdown={accessRequirement.termsOfUse} />\n } else if (wikiPage) {\n renderedTerms = (\n <MarkdownSynapse\n wikiId={wikiPage?.wikiPageId}\n ownerId={wikiPage?.ownerObjectId}\n objectType={wikiPage?.ownerObjectType}\n />\n )\n }\n let actions: ButtonProps[] \| undefined = undefined\n\n if (isAuthenticated && !isApproved) {\n let acceptButtonText = 'I Accept Terms of Use'\n let acceptButtonDisabled = false\n if (certificationRequirementNotMet \|\| verificationRequirementNotMet) {\n acceptButtonDisabled = true\n acceptButtonText = `You must ${\n certificationRequirementNotMet ? 'be certified' : ''\n }${\n certificationRequirementNotMet && verificationRequirementNotMet\n ? ' and '\n : ''\n }${\n verificationRequirementNotMet ? 'have a validated user profile' : ''\n } to accept`\n }\n\n actions = [\n {\n variant: 'outlined',\n onClick: onAcceptClicked,\n children: acceptButtonText,\n disabled: createAccessApprovalIsPending \|\| acceptButtonDisabled,\n },\n {\n variant: 'text',\n onClick: onHide,\n children: 'I do not accept',\n },\n ]\n }\n\n return (\n <RequirementItem\n data-testid=\"SelfSignAccessRequirementItem\"\n status={\n isLoadingStatus\n ? RequirementItemStatus.LOADING\n : isApproved\n ? RequirementItemStatus.COMPLETE\n : RequirementItemStatus.LOCKED\n }\n actions={actions}\n >\n {isApproved ? (\n <>\n <Typography variant={'body1'}>\n You have accepted the terms of use.{' '}\n <Link role=\"button\" onClick={() => setShowTerms(!showTerms)}>\n {showTerms ? 'Hide Terms' : 'View Terms'}\n </Link>\n </Typography>\n {showTerms && <Box sx={{ my: 1 }}>{renderedTerms}</Box>}\n </>\n ) : (\n renderedTerms\n )}\n {error && <Alert severity=\"error\">{error.reason}</Alert>}\n </RequirementItem>\n )\n}\n"],"mappings":";;;;;;;;;;;;;AAgCA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,sBAAmB,cAAW,GAChC,EAAE,uBAAoB,~~GAAmB~~,~~EACzC~~,IAAe,EAA8B,~~EAAkB~~,~~EAE/D~~,EAAE,MAAM,MAAS,~~GAA0B~~,~~EAC3C~~,EAAE,MAAM,MAAe,~~GAAyB~~,~~EAEhD~~,IACJ,KACA,KACA,CAAC,KACD,EAAkB,2BAClB,CAAC,EAAW,aACR,IACJ,KACA,KACA,CAAC,KACD,EAAkB,8BAClB,CAAC,EAAW,YAER,EAAE,MAAM,GAAyB,WAAW,MAChD,EAA8B,OAAO,EAAkB,~~GAAG~~,CAAC,~~EAEvD~~,IAAa,GAAyB,YAEtC,EAAE,MAAM,MAAa,EACzB,EAAkB,GAAG,~~UAAU~~,CAEhC,~~EAEK~~,CAAC,GAAW,KAAgB,EAAkB,~~GAAM~~,~~EAEpD~~,EACJ,QAAQ,GACR,WAAW,GACX,aACE,EAAwB,EAC1B,UAAS,MAAO;~~AACd~~,~~UAAQ~~,MAAM,oCAAoC,~~EAAI~~;~~IAEzD~~,CAAC,~~EAEI~~,UAAwB;~~AAQ5B~~,~~IAAqB~~;GANnB,eAAe,GAAmB;GAClC,aAAa,GAAM;GACnB,YAAY,GAAM;GAClB,OAAO,EAAc;~~GAGF~~,~~CAAsB~~;~~IAGzC~~,IAAgB,kBAAA,GAAA,~~EAAK~~,CAAA;~~AACzB~~,~~CAAI~~,KAAgB,EAAkB,aACpC,IAAgB,kBAAC,GAAD,EAAiB,UAAU,EAAkB,~~YAAc~~,CAAA,~~GAClE~~,MACT,IACE,kBAAC,GAAD;EACE,QAAQ,GAAU;EAClB,SAAS,GAAU;EACnB,YAAY,GAAU;~~EACtB~~,CAAA;~~CAGN~~,IAAI;~~AAEJ~~,~~KAAI~~,KAAmB,CAAC,GAAY;EAClC,IAAI,IAAmB,yBACnB,IAAuB;~~AAc3B~~,~~GAbI~~,KAAkC,OACpC,IAAuB,IACvB,IAAmB,YACjB,IAAiC,iBAAiB,KAElD,KAAkC,IAC9B,UACA,KAEJ,IAAgC,kCAAkC,GACnE,cAGH,IAAU,CACR;GACE,SAAS;GACT,SAAS;GACT,UAAU;GACV,UAAU,KAAiC;~~GAC5C~~,~~EACD~~;GACE,SAAS;GACT,SAAS;GACT,UAAU;~~GACX~~,CACF~~;;AAGH~~,~~QACE~~,kBAAC,GAAD;EACE,eAAY;EACZ,QACE,IACI,EAAsB,UACtB,IACE,EAAsB,WACtB,EAAsB;EAErB;YATX,CAWG,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,SAAS;aAArB;IAA8B;IACQ;IACpC,kBAAC,GAAD;KAAM,MAAK;KAAS,eAAe,EAAa,CAAC,~~EAAU~~;~~eACxD~~,IAAY,eAAe;~~KACvB~~,CAAA;~~IACI~~;~~MACZ~~,KAAa,kBAAC,GAAD;GAAK,IAAI,EAAE,IAAI,~~GAAG~~;~~aAAG~~;~~GAAoB~~,CAAA,CACtD,EAAA,CAAA,~~GAEH~~,GAED,KAAS,kBAAC,GAAD;GAAO,UAAS;aAAS,EAAM;~~GAAe~~,CAAA,CACxC"}
1	+ {"version":3,"file":"SelfSignAccessRequirementItem.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/SelfSignAccessRequirementItem.tsx"],"sourcesContent":["import {\n useCreateAccessApproval,\n useGetAccessRequirementStatus,\n useGetAccessRequirementWikiPageKey,\n useGetCurrentUserBundle,\n useGetCurrentUserProfile,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { isTermsOfUseAccessRequirement } from '@/utils/types/IsType'\nimport { Alert, Box, ButtonProps, Link, Typography } from '@mui/material'\nimport {\n ApprovalState,\n CreateAccessApprovalRequest,\n SelfSignAccessRequirement,\n TermsOfUseAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../../Markdown/MarkdownSynapse'\nimport { RequirementItemStatus } from '../AccessApprovalCheckMark'\nimport RequirementItem from './RequirementItem'\n\nexport type SelfSignAccessRequirementItemProps = {\n accessRequirement: SelfSignAccessRequirement \| TermsOfUseAccessRequirement\n onHide: () => void\n}\n\n/*\n Renders a {@link RequirementItem} for an self-sign Access Requirement, including {@link SelfSignAccessRequirement} or\n * {@link TermsOfUseAccessRequirement}.\n \n For {@link ManagedACTAccessRequirement}s, see {@link RequestDataAccess}\n */\nexport default function SelfSignAccessRequirementItem(\n props: SelfSignAccessRequirementItemProps,\n) {\n const { accessRequirement, onHide } = props\n const { isAuthenticated } = useSynapseContext()\n const isTermsOfUse = isTermsOfUseAccessRequirement(accessRequirement)\n\n const { data: user } = useGetCurrentUserProfile()\n const { data: userBundle } = useGetCurrentUserBundle()\n\n const certificationRequirementNotMet =\n isAuthenticated &&\n userBundle &&\n !isTermsOfUse &&\n accessRequirement.isCertifiedUserRequired &&\n !userBundle.isCertified\n const verificationRequirementNotMet =\n isAuthenticated &&\n userBundle &&\n !isTermsOfUse &&\n accessRequirement.isValidatedProfileRequired &&\n !userBundle.isVerified\n\n const { data: accessRequirementStatus, isLoading: isLoadingStatus } =\n useGetAccessRequirementStatus(String(accessRequirement.id))\n\n const isApproved = accessRequirementStatus?.isApproved\n\n const { data: wikiPage } = useGetAccessRequirementWikiPageKey(\n accessRequirement.id.toString(),\n // TermsOfUse ARs may have the terms embedded in the AR or an associated Wiki.\n )\n\n const [showTerms, setShowTerms] = useState<boolean>(false)\n\n const {\n mutate: createAccessApproval,\n isPending: createAccessApprovalIsPending,\n error,\n } = useCreateAccessApproval({\n onError: err => {\n console.error('Error creating access approval: ', err)\n },\n })\n\n const onAcceptClicked = () => {\n const accessApprovalRequest: CreateAccessApprovalRequest = {\n requirementId: accessRequirement?.id,\n submitterId: user?.ownerId!,\n accessorId: user?.ownerId!,\n state: ApprovalState.APPROVED,\n }\n\n createAccessApproval(accessApprovalRequest)\n }\n\n let renderedTerms = <></>\n if (isTermsOfUse && accessRequirement.termsOfUse) {\n renderedTerms = <MarkdownSynapse markdown={accessRequirement.termsOfUse} />\n } else if (wikiPage) {\n renderedTerms = (\n <MarkdownSynapse\n wikiId={wikiPage?.wikiPageId}\n ownerId={wikiPage?.ownerObjectId}\n objectType={wikiPage?.ownerObjectType}\n />\n )\n }\n let actions: ButtonProps[] \| undefined = undefined\n\n if (isAuthenticated && !isApproved) {\n let acceptButtonText = 'I Accept Terms of Use'\n let acceptButtonDisabled = false\n if (certificationRequirementNotMet \|\| verificationRequirementNotMet) {\n acceptButtonDisabled = true\n acceptButtonText = `You must ${\n certificationRequirementNotMet ? 'be certified' : ''\n }${\n certificationRequirementNotMet && verificationRequirementNotMet\n ? ' and '\n : ''\n }${\n verificationRequirementNotMet ? 'have a validated user profile' : ''\n } to accept`\n }\n\n actions = [\n {\n variant: 'outlined',\n onClick: onAcceptClicked,\n children: acceptButtonText,\n disabled: createAccessApprovalIsPending \|\| acceptButtonDisabled,\n },\n {\n variant: 'text',\n onClick: onHide,\n children: 'I do not accept',\n },\n ]\n }\n\n return (\n <RequirementItem\n data-testid=\"SelfSignAccessRequirementItem\"\n status={\n isLoadingStatus\n ? RequirementItemStatus.LOADING\n : isApproved\n ? RequirementItemStatus.COMPLETE\n : RequirementItemStatus.LOCKED\n }\n actions={actions}\n >\n {isApproved ? (\n <>\n <Typography variant={'body1'}>\n You have accepted the terms of use.{' '}\n <Link role=\"button\" onClick={() => setShowTerms(!showTerms)}>\n {showTerms ? 'Hide Terms' : 'View Terms'}\n </Link>\n </Typography>\n {showTerms && <Box sx={{ my: 1 }}>{renderedTerms}</Box>}\n </>\n ) : (\n renderedTerms\n )}\n {error && <Alert severity=\"error\">{error.reason}</Alert>}\n </RequirementItem>\n )\n}\n"],"mappings":";;;;;;;;;;;;;AAgCA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,sBAAmB,cAAW,GAChC,EAAE,uBAAoB,EAAkB,GACxC,IAAe,EAA8B,CAAiB,GAE9D,EAAE,MAAM,MAAS,EAAyB,GAC1C,EAAE,MAAM,MAAe,EAAwB,GAE/C,IACJ,KACA,KACA,CAAC,KACD,EAAkB,2BAClB,CAAC,EAAW,aACR,IACJ,KACA,KACA,CAAC,KACD,EAAkB,8BAClB,CAAC,EAAW,YAER,EAAE,MAAM,GAAyB,WAAW,MAChD,EAA8B,OAAO,EAAkB,EAAE,CAAC,GAEtD,IAAa,GAAyB,YAEtC,EAAE,MAAM,MAAa,EACzB,EAAkB,GAAG,SAAS,CAEhC,GAEM,CAAC,GAAW,KAAgB,EAAkB,EAAK,GAEnD,EACJ,QAAQ,GACR,WAAW,GACX,aACE,EAAwB,EAC1B,UAAS,MAAO;EACd,QAAQ,MAAM,oCAAoC,CAAG;CACvD,EACF,CAAC,GAEK,UAAwB;EAQ5B,EAAqB;GANnB,eAAe,GAAmB;GAClC,aAAa,GAAM;GACnB,YAAY,GAAM;GAClB,OAAO,EAAc;EAGF,CAAqB;CAC5C,GAEI,IAAgB,kBAAA,GAAA,CAAI,CAAA;CACxB,AAAI,KAAgB,EAAkB,aACpC,IAAgB,kBAAC,GAAD,EAAiB,UAAU,EAAkB,WAAa,CAAA,IACjE,MACT,IACE,kBAAC,GAAD;EACE,QAAQ,GAAU;EAClB,SAAS,GAAU;EACnB,YAAY,GAAU;CACvB,CAAA;CAGL,IAAI;CAEJ,IAAI,KAAmB,CAAC,GAAY;EAClC,IAAI,IAAmB,yBACnB,IAAuB;EAc3B,CAbI,KAAkC,OACpC,IAAuB,IACvB,IAAmB,YACjB,IAAiC,iBAAiB,KAElD,KAAkC,IAC9B,UACA,KAEJ,IAAgC,kCAAkC,GACnE,cAGH,IAAU,CACR;GACE,SAAS;GACT,SAAS;GACT,UAAU;GACV,UAAU,KAAiC;EAC7C,GACA;GACE,SAAS;GACT,SAAS;GACT,UAAU;EACZ,CACF;CACF;CAEA,OACE,kBAAC,GAAD;EACE,eAAY;EACZ,QACE,IACI,EAAsB,UACtB,IACE,EAAsB,WACtB,EAAsB;EAErB;YATX,CAWG,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,SAAS;aAArB;IAA8B;IACQ;IACpC,kBAAC,GAAD;KAAM,MAAK;KAAS,eAAe,EAAa,CAAC,CAAS;eACvD,IAAY,eAAe;IACxB,CAAA;GACI;MACX,KAAa,kBAAC,GAAD;GAAK,IAAI,EAAE,IAAI,EAAE;aAAI;EAAmB,CAAA,CACtD,EAAA,CAAA,IAEF,GAED,KAAS,kBAAC,GAAD;GAAO,UAAS;aAAS,EAAM;EAAc,CAAA,CACxC;;AAErB"}

package/dist/components/AccessRequirementList/RequirementItem/TwoFactorAuthEnabledRequirement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TwoFactorAuthEnabledRequirement.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/TwoFactorAuthEnabledRequirement.tsx"],"sourcesContent":["import { useGetTwoFactorEnrollmentStatus } from '@/synapse-queries/auth/useTwoFactorEnrollment'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n BackendDestinationEnum,\n getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { ButtonProps, Typography } from '@mui/material'\nimport { TwoFactorAuthStatus } from '@sage-bionetworks/synapse-types'\nimport { TWO_FACTOR_DOCS_LINK } from '../../Authentication/TwoFactorEnrollmentForm'\nimport { RequirementItemStatus } from '../AccessApprovalCheckMark'\nimport RequirementItem, { RequirementItemProps } from './RequirementItem'\n\nconst TWO_FACTOR_ENROLLMENT_LINK = `${getEndpoint(\n BackendDestinationEnum.PORTAL_ENDPOINT,\n)}TwoFactorAuth:Enroll`\n\nfunction getState(\n isAuthenticated: boolean,\n isLoading: boolean,\n status?: TwoFactorAuthStatus['status'],\n): RequirementItemStatus {\n if (!isAuthenticated) {\n return RequirementItemStatus.LOCKED\n }\n if (isLoading) {\n return RequirementItemStatus.LOADING\n }\n return status === 'ENABLED'\n ? RequirementItemStatus.COMPLETE\n : RequirementItemStatus.LOCKED\n}\n\n/*\n Displays a data access request requirement that prompts the user to enable two-factor authentication.\n */\nexport default function TwoFactorAuthEnabledRequirement() {\n const { isAuthenticated } = useSynapseContext()\n\n const { data: twoFactorAuthStatus, isLoading } =\n useGetTwoFactorEnrollmentStatus({\n enabled: isAuthenticated,\n // If required, we send the user to a new tab to complete 2FA enrollment\n // Refetch on window focus so the enrollment state is immediately updated when they return to this tab\n refetchOnWindowFocus: true,\n // Refetch won't happen unless staleTime is less than the amount of time since last fetch. 5sec seems reasonable\n staleTime: 5000,\n })\n\n const actions: RequirementItemProps['actions'] =\n twoFactorAuthStatus?.status === 'DISABLED'\n ? [\n {\n variant: 'outlined',\n href: TWO_FACTOR_ENROLLMENT_LINK,\n target: '_blank',\n rel: 'noopener noreferrer',\n children: 'Activate 2FA (opens a new tab)',\n } as ButtonProps,\n {\n variant: 'text',\n href: TWO_FACTOR_DOCS_LINK,\n target: '_blank',\n rel: 'noopener noreferrer',\n children: '2FA Documentation',\n } as ButtonProps,\n ]\n : undefined\n\n return (\n <RequirementItem\n status={getState(isAuthenticated, isLoading, twoFactorAuthStatus?.status)}\n actions={actions}\n >\n <Typography variant={'body1'}>\n You must have Two-factor Authentication (2FA) active on your Synapse\n account in order to download the requested files\n </Typography>\n </RequirementItem>\n )\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAA6B,GAAG,EACpC,EAAuB,~~gBACxB~~,~~CAAC~~;AAEF,SAAS,EACP,GACA,GACA,GACuB;~~AAOvB~~,~~QANK~~,IAGD,IACK,EAAsB,UAExB,MAAW,YACd,EAAsB,WACtB,EAAsB,SAPjB,EAAsB~~;;AAajC~~,SAAwB,IAAkC;CACxD,IAAM,EAAE,uBAAoB,~~GAAmB~~,~~EAEzC~~,EAAE,MAAM,GAAqB,iBACjC,EAAgC;EAC9B,SAAS;EAGT,sBAAsB;EAEtB,WAAW;~~EACZ~~,CAAC,~~EAEE~~,IACJ,GAAqB,WAAW,aAC5B,CACE;EACE,SAAS;EACT,MAAM;EACN,QAAQ;EACR,KAAK;EACL,UAAU;~~EACX~~,~~EACD~~;EACE,SAAS;EACT,MAAM;EACN,QAAQ;EACR,KAAK;EACL,UAAU;~~EACX~~,CACF,~~GACD~~,KAAA;~~AAEN~~,~~QACE~~,kBAAC,GAAD;EACE,QAAQ,EAAS,GAAiB,GAAW,GAAqB,~~OAAO~~;~~EAChE~~;YAET,kBAAC,GAAD;GAAY,SAAS;aAAS;~~GAGjB~~,CAAA;~~EACG~~,CAAA"}
1	+ {"version":3,"file":"TwoFactorAuthEnabledRequirement.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/TwoFactorAuthEnabledRequirement.tsx"],"sourcesContent":["import { useGetTwoFactorEnrollmentStatus } from '@/synapse-queries/auth/useTwoFactorEnrollment'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n BackendDestinationEnum,\n getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { ButtonProps, Typography } from '@mui/material'\nimport { TwoFactorAuthStatus } from '@sage-bionetworks/synapse-types'\nimport { TWO_FACTOR_DOCS_LINK } from '../../Authentication/TwoFactorEnrollmentForm'\nimport { RequirementItemStatus } from '../AccessApprovalCheckMark'\nimport RequirementItem, { RequirementItemProps } from './RequirementItem'\n\nconst TWO_FACTOR_ENROLLMENT_LINK = `${getEndpoint(\n BackendDestinationEnum.PORTAL_ENDPOINT,\n)}TwoFactorAuth:Enroll`\n\nfunction getState(\n isAuthenticated: boolean,\n isLoading: boolean,\n status?: TwoFactorAuthStatus['status'],\n): RequirementItemStatus {\n if (!isAuthenticated) {\n return RequirementItemStatus.LOCKED\n }\n if (isLoading) {\n return RequirementItemStatus.LOADING\n }\n return status === 'ENABLED'\n ? RequirementItemStatus.COMPLETE\n : RequirementItemStatus.LOCKED\n}\n\n/*\n Displays a data access request requirement that prompts the user to enable two-factor authentication.\n */\nexport default function TwoFactorAuthEnabledRequirement() {\n const { isAuthenticated } = useSynapseContext()\n\n const { data: twoFactorAuthStatus, isLoading } =\n useGetTwoFactorEnrollmentStatus({\n enabled: isAuthenticated,\n // If required, we send the user to a new tab to complete 2FA enrollment\n // Refetch on window focus so the enrollment state is immediately updated when they return to this tab\n refetchOnWindowFocus: true,\n // Refetch won't happen unless staleTime is less than the amount of time since last fetch. 5sec seems reasonable\n staleTime: 5000,\n })\n\n const actions: RequirementItemProps['actions'] =\n twoFactorAuthStatus?.status === 'DISABLED'\n ? [\n {\n variant: 'outlined',\n href: TWO_FACTOR_ENROLLMENT_LINK,\n target: '_blank',\n rel: 'noopener noreferrer',\n children: 'Activate 2FA (opens a new tab)',\n } as ButtonProps,\n {\n variant: 'text',\n href: TWO_FACTOR_DOCS_LINK,\n target: '_blank',\n rel: 'noopener noreferrer',\n children: '2FA Documentation',\n } as ButtonProps,\n ]\n : undefined\n\n return (\n <RequirementItem\n status={getState(isAuthenticated, isLoading, twoFactorAuthStatus?.status)}\n actions={actions}\n >\n <Typography variant={'body1'}>\n You must have Two-factor Authentication (2FA) active on your Synapse\n account in order to download the requested files\n </Typography>\n </RequirementItem>\n )\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAA6B,GAAG,EACpC,EAAuB,eACzB,EAAE;AAEF,SAAS,EACP,GACA,GACA,GACuB;CAOvB,OANK,IAGD,IACK,EAAsB,UAExB,MAAW,YACd,EAAsB,WACtB,EAAsB,SAPjB,EAAsB;AAQjC;AAKA,SAAwB,IAAkC;CACxD,IAAM,EAAE,uBAAoB,EAAkB,GAExC,EAAE,MAAM,GAAqB,iBACjC,EAAgC;EAC9B,SAAS;EAGT,sBAAsB;EAEtB,WAAW;CACb,CAAC,GAEG,IACJ,GAAqB,WAAW,aAC5B,CACE;EACE,SAAS;EACT,MAAM;EACN,QAAQ;EACR,KAAK;EACL,UAAU;CACZ,GACA;EACE,SAAS;EACT,MAAM;EACN,QAAQ;EACR,KAAK;EACL,UAAU;CACZ,CACF,IACA,KAAA;CAEN,OACE,kBAAC,GAAD;EACE,QAAQ,EAAS,GAAiB,GAAW,GAAqB,MAAM;EAC/D;YAET,kBAAC,GAAD;GAAY,SAAS;aAAS;EAGlB,CAAA;CACG,CAAA;AAErB"}

package/dist/components/AccessRequirementList/RequirementItem/UnmanagedACTAccessRequirementItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnmanagedACTAccessRequirementItem.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/UnmanagedACTAccessRequirementItem.tsx"],"sourcesContent":["import {\n useGetAccessRequirementStatus,\n useGetAccessRequirementWikiPageKey,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, ButtonProps, Link, Typography } from '@mui/material'\nimport {\n ACTAccessRequirement,\n RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../../Markdown/MarkdownSynapse'\nimport { RequirementItemStatus } from '../AccessApprovalCheckMark'\nimport RequirementItem from './RequirementItem'\n\nexport type UnmanagedACTAccessRequirementItemProps = {\n subjectId?: string\n subjectType?: RestrictableObjectType\n accessRequirement: ACTAccessRequirement\n onHide: () => void\n}\n\n/*\n Renders a {@link RequirementItem} for the deprecated {@link ACTAccessRequirement}.\n \n For {@link ManagedACTAccessRequirement}s, see {@link ManagedACTAccessRequirementItem}\n \n For {@link SelfSignAccessRequirement} and {@link TermsOfUseAccessRequirement}, see {@link SelfSignAccessRequirementItem}\n */\nexport default function UnmanagedACTAccessRequirementItem(\n props: UnmanagedACTAccessRequirementItemProps,\n) {\n const { accessRequirement, subjectId, subjectType, onHide } = props\n const { isAuthenticated } = useSynapseContext()\n\n const { data: accessRequirementStatus, isLoading: isLoadingStatus } =\n useGetAccessRequirementStatus(String(accessRequirement.id))\n\n const { data: wikiPage } = useGetAccessRequirementWikiPageKey(\n accessRequirement.id.toString(),\n // ACT ARs may have the contact info embedded in the AR or may have an associated Wiki.\n )\n\n const isApproved = accessRequirementStatus?.isApproved\n\n const [showACTContactInfoInstructions, setShowACTContactInfoInstructions] =\n useState<boolean>(false)\n\n let acceptButtonText = ''\n if (\n typeof window !== 'undefined' &&\n (window.location.hostname === 'www.synapse.org' \|\|\n window.location.hostname === 'staging.synapse.org')\n ) {\n acceptButtonText = 'Request access'\n } else {\n acceptButtonText = 'Request access via Synapse.org'\n }\n\n const gotoSynapseAccessRequirementPage = () => {\n const subjectTypeFilter = subjectType ? `&TYPE=${subjectType}` : ''\n const subjectIdFilter = subjectId ? `&ID=${subjectId}` : ''\n window.open(\n `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}AccessRequirement:AR_ID=${accessRequirement.id}${subjectTypeFilter}${subjectIdFilter}`,\n )\n }\n const onAcceptClicked = () => {\n gotoSynapseAccessRequirementPage()\n // PORTALS-1483: and close the dialog.\n if (onHide) {\n onHide()\n }\n }\n\n const actContactInfo = accessRequirement.actContactInfo\n\n let actions: ButtonProps[] \| undefined = undefined\n\n if (isAuthenticated && !isApproved) {\n actions = [\n {\n variant: 'outlined',\n onClick: onAcceptClicked,\n children: acceptButtonText,\n },\n {\n variant: 'text',\n onClick: onHide,\n children: 'I do not accept',\n },\n ]\n }\n\n let renderedTerms = <></>\n if (actContactInfo) {\n renderedTerms = <MarkdownSynapse markdown={actContactInfo} />\n } else if (wikiPage) {\n renderedTerms = (\n <MarkdownSynapse\n wikiId={wikiPage?.wikiPageId}\n ownerId={wikiPage?.ownerObjectId}\n objectType={wikiPage?.ownerObjectType}\n />\n )\n }\n return (\n <RequirementItem\n data-testid={'UnmanagedACTAccessRequirementItem'}\n status={\n isLoadingStatus\n ? RequirementItemStatus.LOADING\n : isApproved\n ? RequirementItemStatus.COMPLETE\n : RequirementItemStatus.LOCKED\n }\n actions={actions}\n >\n {isApproved ? (\n <>\n <Typography variant={'body1'}>\n Your data access request has been approved.{' '}\n <Link\n role={'button'}\n onClick={() =>\n setShowACTContactInfoInstructions(\n !showACTContactInfoInstructions,\n )\n }\n >\n {showACTContactInfoInstructions\n ? 'Hide Instructions'\n : 'View Instructions'}\n </Link>\n </Typography>\n {showACTContactInfoInstructions && (\n <Box sx={{ my: 1 }}>{renderedTerms}</Box>\n )}\n </>\n ) : (\n renderedTerms\n )}\n </RequirementItem>\n )\n}\n"],"mappings":";;;;;;;;;;;AA8BA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,sBAAmB,cAAW,gBAAa,cAAW,GACxD,EAAE,uBAAoB,~~GAAmB~~,~~EAEzC~~,EAAE,MAAM,GAAyB,WAAW,MAChD,EAA8B,OAAO,EAAkB,~~GAAG~~,CAAC,~~EAEvD~~,EAAE,MAAM,MAAa,EACzB,EAAkB,GAAG,~~UAAU~~,CAEhC,~~EAEK~~,IAAa,GAAyB,YAEtC,CAAC,GAAgC,KACrC,EAAkB,~~GAAM~~,~~EAEtB~~,IAAmB;~~AACvB~~,~~CAOE~~,IANA,OAAO,SAAW,QACjB,OAAO,SAAS,aAAa,qBAC5B,OAAO,SAAS,aAAa,yBAEZ,mBAEA;CAGrB,IAAM,UAAyC;EAC7C,IAAM,IAAoB,IAAc,SAAS,MAAgB,IAC3D,IAAkB,IAAY,OAAO,MAAc;~~AACzD~~,~~SAAO~~,KACL,GAAG,EAA2B,OAAO,0BAA0B,EAAkB,KAAK,IAAoB,~~IAC3G~~;~~IAEG~~,UAAwB;~~AAG5B~~,~~EAFA~~,~~GAAkC~~,~~EAE9B~~,KACF,~~GAAQ~~;~~IAIN~~,IAAiB,EAAkB,gBAErC;~~AAEJ~~,~~CAAI~~,KAAmB,CAAC,MACtB,IAAU,CACR;EACE,SAAS;EACT,SAAS;EACT,UAAU;~~EACX~~,~~EACD~~;EACE,SAAS;EACT,SAAS;EACT,UAAU;~~EACX~~,CACF;~~CAGH~~,IAAI,IAAgB,kBAAA,GAAA,~~EAAK~~,CAAA;~~AAYzB~~,~~QAXI~~,IACF,IAAgB,kBAAC,GAAD,EAAiB,UAAU,~~GAAkB~~,CAAA,~~GACpD~~,MACT,IACE,kBAAC,GAAD;EACE,QAAQ,GAAU;EAClB,SAAS,GAAU;EACnB,YAAY,GAAU;~~EACtB~~,CAAA,~~GAIJ~~,kBAAC,GAAD;EACE,eAAa;EACb,QACE,IACI,EAAsB,UACtB,IACE,EAAsB,WACtB,EAAsB;EAErB;YAER,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,SAAS;aAArB;IAA8B;IACgB;IAC5C,kBAAC,GAAD;KACE,MAAM;KACN,eACE,EACE,CAAC,~~EACF~~;~~eAGF~~,IACG,sBACA;~~KACC~~,CAAA;~~IACI~~;~~MACZ~~,KACC,kBAAC,GAAD;GAAK,IAAI,EAAE,IAAI,~~GAAG~~;~~aAAG~~;~~GAAoB~~,CAAA,CAE1C,EAAA,CAAA,~~GAEH~~;~~EAEc~~,CAAA"}
1	+ {"version":3,"file":"UnmanagedACTAccessRequirementItem.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/UnmanagedACTAccessRequirementItem.tsx"],"sourcesContent":["import {\n useGetAccessRequirementStatus,\n useGetAccessRequirementWikiPageKey,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, ButtonProps, Link, Typography } from '@mui/material'\nimport {\n ACTAccessRequirement,\n RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../../Markdown/MarkdownSynapse'\nimport { RequirementItemStatus } from '../AccessApprovalCheckMark'\nimport RequirementItem from './RequirementItem'\n\nexport type UnmanagedACTAccessRequirementItemProps = {\n subjectId?: string\n subjectType?: RestrictableObjectType\n accessRequirement: ACTAccessRequirement\n onHide: () => void\n}\n\n/*\n Renders a {@link RequirementItem} for the deprecated {@link ACTAccessRequirement}.\n \n For {@link ManagedACTAccessRequirement}s, see {@link ManagedACTAccessRequirementItem}\n \n For {@link SelfSignAccessRequirement} and {@link TermsOfUseAccessRequirement}, see {@link SelfSignAccessRequirementItem}\n */\nexport default function UnmanagedACTAccessRequirementItem(\n props: UnmanagedACTAccessRequirementItemProps,\n) {\n const { accessRequirement, subjectId, subjectType, onHide } = props\n const { isAuthenticated } = useSynapseContext()\n\n const { data: accessRequirementStatus, isLoading: isLoadingStatus } =\n useGetAccessRequirementStatus(String(accessRequirement.id))\n\n const { data: wikiPage } = useGetAccessRequirementWikiPageKey(\n accessRequirement.id.toString(),\n // ACT ARs may have the contact info embedded in the AR or may have an associated Wiki.\n )\n\n const isApproved = accessRequirementStatus?.isApproved\n\n const [showACTContactInfoInstructions, setShowACTContactInfoInstructions] =\n useState<boolean>(false)\n\n let acceptButtonText = ''\n if (\n typeof window !== 'undefined' &&\n (window.location.hostname === 'www.synapse.org' \|\|\n window.location.hostname === 'staging.synapse.org')\n ) {\n acceptButtonText = 'Request access'\n } else {\n acceptButtonText = 'Request access via Synapse.org'\n }\n\n const gotoSynapseAccessRequirementPage = () => {\n const subjectTypeFilter = subjectType ? `&TYPE=${subjectType}` : ''\n const subjectIdFilter = subjectId ? `&ID=${subjectId}` : ''\n window.open(\n `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}AccessRequirement:AR_ID=${accessRequirement.id}${subjectTypeFilter}${subjectIdFilter}`,\n )\n }\n const onAcceptClicked = () => {\n gotoSynapseAccessRequirementPage()\n // PORTALS-1483: and close the dialog.\n if (onHide) {\n onHide()\n }\n }\n\n const actContactInfo = accessRequirement.actContactInfo\n\n let actions: ButtonProps[] \| undefined = undefined\n\n if (isAuthenticated && !isApproved) {\n actions = [\n {\n variant: 'outlined',\n onClick: onAcceptClicked,\n children: acceptButtonText,\n },\n {\n variant: 'text',\n onClick: onHide,\n children: 'I do not accept',\n },\n ]\n }\n\n let renderedTerms = <></>\n if (actContactInfo) {\n renderedTerms = <MarkdownSynapse markdown={actContactInfo} />\n } else if (wikiPage) {\n renderedTerms = (\n <MarkdownSynapse\n wikiId={wikiPage?.wikiPageId}\n ownerId={wikiPage?.ownerObjectId}\n objectType={wikiPage?.ownerObjectType}\n />\n )\n }\n return (\n <RequirementItem\n data-testid={'UnmanagedACTAccessRequirementItem'}\n status={\n isLoadingStatus\n ? RequirementItemStatus.LOADING\n : isApproved\n ? RequirementItemStatus.COMPLETE\n : RequirementItemStatus.LOCKED\n }\n actions={actions}\n >\n {isApproved ? (\n <>\n <Typography variant={'body1'}>\n Your data access request has been approved.{' '}\n <Link\n role={'button'}\n onClick={() =>\n setShowACTContactInfoInstructions(\n !showACTContactInfoInstructions,\n )\n }\n >\n {showACTContactInfoInstructions\n ? 'Hide Instructions'\n : 'View Instructions'}\n </Link>\n </Typography>\n {showACTContactInfoInstructions && (\n <Box sx={{ my: 1 }}>{renderedTerms}</Box>\n )}\n </>\n ) : (\n renderedTerms\n )}\n </RequirementItem>\n )\n}\n"],"mappings":";;;;;;;;;;;AA8BA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,sBAAmB,cAAW,gBAAa,cAAW,GACxD,EAAE,uBAAoB,EAAkB,GAExC,EAAE,MAAM,GAAyB,WAAW,MAChD,EAA8B,OAAO,EAAkB,EAAE,CAAC,GAEtD,EAAE,MAAM,MAAa,EACzB,EAAkB,GAAG,SAAS,CAEhC,GAEM,IAAa,GAAyB,YAEtC,CAAC,GAAgC,KACrC,EAAkB,EAAK,GAErB,IAAmB;CACvB,AAOE,IANA,OAAO,SAAW,QACjB,OAAO,SAAS,aAAa,qBAC5B,OAAO,SAAS,aAAa,yBAEZ,mBAEA;CAGrB,IAAM,UAAyC;EAC7C,IAAM,IAAoB,IAAc,SAAS,MAAgB,IAC3D,IAAkB,IAAY,OAAO,MAAc;EACzD,OAAO,KACL,GAAG,EAA2B,OAAO,0BAA0B,EAAkB,KAAK,IAAoB,GAC5G;CACF,GACM,UAAwB;EAG5B,AAFA,EAAiC,GAE7B,KACF,EAAO;CAEX,GAEM,IAAiB,EAAkB,gBAErC;CAEJ,AAAI,KAAmB,CAAC,MACtB,IAAU,CACR;EACE,SAAS;EACT,SAAS;EACT,UAAU;CACZ,GACA;EACE,SAAS;EACT,SAAS;EACT,UAAU;CACZ,CACF;CAGF,IAAI,IAAgB,kBAAA,GAAA,CAAI,CAAA;CAYxB,OAXI,IACF,IAAgB,kBAAC,GAAD,EAAiB,UAAU,EAAiB,CAAA,IACnD,MACT,IACE,kBAAC,GAAD;EACE,QAAQ,GAAU;EAClB,SAAS,GAAU;EACnB,YAAY,GAAU;CACvB,CAAA,IAIH,kBAAC,GAAD;EACE,eAAa;EACb,QACE,IACI,EAAsB,UACtB,IACE,EAAsB,WACtB,EAAsB;EAErB;YAER,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,SAAS;aAArB;IAA8B;IACgB;IAC5C,kBAAC,GAAD;KACE,MAAM;KACN,eACE,EACE,CAAC,CACH;eAGD,IACG,sBACA;IACA,CAAA;GACI;MACX,KACC,kBAAC,GAAD;GAAK,IAAI,EAAE,IAAI,EAAE;aAAI;EAAmB,CAAA,CAE1C,EAAA,CAAA,IAEF;CAEa,CAAA;AAErB"}

package/dist/components/AccessRequirementList/RequirementItem/ValidationRequirement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ValidationRequirement.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/ValidationRequirement.tsx"],"sourcesContent":["import { useGetCurrentUserBundle } from '@/synapse-queries'\nimport { useOneSageURL } from '@/utils/hooks/useOneSageURL'\nimport { Link, Typography } from '@mui/material'\nimport { RequirementItemStatus } from '../AccessApprovalCheckMark'\nimport RequirementItem from './RequirementItem'\n\n/*\n When creating requests for access requirements on a particular file, one or more access requirements may require that the\n * user has a validated profile.\n \n This component checks if the user has a validated profile, and if not, provides a link on how to begin profile validation.\n */\nexport default function ValidationRequirement() {\n const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n const validationURL = useOneSageURL(\n '/authenticated/myaccount',\n undefined,\n 'trust',\n )\n\n return (\n <RequirementItem\n status={\n isLoading\n ? RequirementItemStatus.LOADING\n : userBundle!.isVerified\n ? RequirementItemStatus.COMPLETE\n : RequirementItemStatus.LOCKED\n }\n >\n <Typography variant={'body1'}>\n You must first apply to have your{' '}\n <Link href={validationURL.toString()} target={'_blank'}>\n user profile validated\n </Link>\n </Typography>\n {isLoading && <span className=\"spinner\" />}\n {userBundle?.isVerified && (\n <Typography variant={'body1'}>\n Your user profile is validated.\n </Typography>\n )}\n </RequirementItem>\n )\n}\n"],"mappings":";;;;;;;;AAYA,SAAwB,IAAwB;CAC9C,IAAM,EAAE,MAAM,GAAY,iBAAc,~~GAAyB~~,~~EAC3D~~,IAAgB,EACpB,4BACA,KAAA,GACA,~~QACD~~;~~AAED~~,~~QACE~~,kBAAC,GAAD;EACE,QACE,IACI,EAAsB,UACtB,EAAY,aACV,EAAsB,WACtB,EAAsB;YANhC;GASE,kBAAC,GAAD;IAAY,SAAS;cAArB;KAA8B;KACM;KAClC,kBAAC,GAAD;MAAM,MAAM,EAAc,~~UAAU~~;~~MAAE~~,QAAQ;gBAAU;~~MAEjD~~,CAAA;~~KACI~~;;~~GACZ~~,KAAa,kBAAC,QAAD,EAAM,WAAU,~~WAAY~~,CAAA;~~GACzC~~,GAAY,cACX,kBAAC,GAAD;IAAY,SAAS;cAAS;~~IAEjB~~,CAAA;~~GAEC~~"}
1	+ {"version":3,"file":"ValidationRequirement.js","names":[],"sources":["../../../../src/components/AccessRequirementList/RequirementItem/ValidationRequirement.tsx"],"sourcesContent":["import { useGetCurrentUserBundle } from '@/synapse-queries'\nimport { useOneSageURL } from '@/utils/hooks/useOneSageURL'\nimport { Link, Typography } from '@mui/material'\nimport { RequirementItemStatus } from '../AccessApprovalCheckMark'\nimport RequirementItem from './RequirementItem'\n\n/*\n When creating requests for access requirements on a particular file, one or more access requirements may require that the\n * user has a validated profile.\n \n This component checks if the user has a validated profile, and if not, provides a link on how to begin profile validation.\n */\nexport default function ValidationRequirement() {\n const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n const validationURL = useOneSageURL(\n '/authenticated/myaccount',\n undefined,\n 'trust',\n )\n\n return (\n <RequirementItem\n status={\n isLoading\n ? RequirementItemStatus.LOADING\n : userBundle!.isVerified\n ? RequirementItemStatus.COMPLETE\n : RequirementItemStatus.LOCKED\n }\n >\n <Typography variant={'body1'}>\n You must first apply to have your{' '}\n <Link href={validationURL.toString()} target={'_blank'}>\n user profile validated\n </Link>\n </Typography>\n {isLoading && <span className=\"spinner\" />}\n {userBundle?.isVerified && (\n <Typography variant={'body1'}>\n Your user profile is validated.\n </Typography>\n )}\n </RequirementItem>\n )\n}\n"],"mappings":";;;;;;;;AAYA,SAAwB,IAAwB;CAC9C,IAAM,EAAE,MAAM,GAAY,iBAAc,EAAwB,GAC1D,IAAgB,EACpB,4BACA,KAAA,GACA,OACF;CAEA,OACE,kBAAC,GAAD;EACE,QACE,IACI,EAAsB,UACtB,EAAY,aACV,EAAsB,WACtB,EAAsB;YANhC;GASE,kBAAC,GAAD;IAAY,SAAS;cAArB;KAA8B;KACM;KAClC,kBAAC,GAAD;MAAM,MAAM,EAAc,SAAS;MAAG,QAAQ;gBAAU;KAElD,CAAA;IACI;;GACX,KAAa,kBAAC,QAAD,EAAM,WAAU,UAAW,CAAA;GACxC,GAAY,cACX,kBAAC,GAAD;IAAY,SAAS;cAAS;GAElB,CAAA;EAEC;;AAErB"}

package/dist/components/AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccessRequirementRelatedProjectsList.js","names":[],"sources":["../../../src/components/AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.tsx"],"sourcesContent":["import React from 'react'\nimport { useSearchAccessRequirementsInfinite } from '@/synapse-queries'\nimport { Alert, List, ListItem, Typography } from '@mui/material'\nimport { AccessRequirementSearchRequest } from '@sage-bionetworks/synapse-types'\nimport pluralize from 'pluralize'\nimport { EntityLink } from '../EntityLink'\n\nexport type AccessRequirementRelatedProjectsListProps = {\n accessRequirementId: number\n}\n\nexport const AccessRequirementRelatedProjectsList = (\n props: AccessRequirementRelatedProjectsListProps,\n): React.ReactNode => {\n const searchRequest: Omit<AccessRequirementSearchRequest, 'nextPageToken'> = {\n ids: [props.accessRequirementId],\n }\n\n const { data, isError, error } =\n useSearchAccessRequirementsInfinite(searchRequest)\n const ar = data?.pages.flatMap(page => page.results)[0] ?? undefined\n\n const nRelatedProjects = ar?.relatedProjectIds.length \|\| 0\n const relatedProjectsTitle = `${pluralize(\n 'project',\n nRelatedProjects,\n true,\n )}${nRelatedProjects > 0 ? ':' : ''}`\n\n return (\n <>\n {ar && (\n <>\n <Typography variant=\"body1\">{relatedProjectsTitle}</Typography>\n <List sx={{ listStyleType: 'disc', pl: 4 }}>\n {ar.relatedProjectIds.map(projectId => (\n <ListItem\n sx={{\n display: 'list-item',\n py: '4px',\n // remove extra margin added by type.less to p tags\n '.no-margin-y': { my: 0 },\n }}\n key={projectId}\n >\n <EntityLink\n entity={projectId}\n link={false}\n showIcon={false}\n className=\"no-margin-y\"\n />\n </ListItem>\n ))}\n </List>\n </>\n )}\n {isError && <Alert severity=\"error\">{error.message}</Alert>}\n </>\n )\n}\n"],"mappings":";;;;;;;;AAWA,IAAa,KACX,MACoB;CAKpB,IAAM,EAAE,SAAM,YAAS,aACrB,EAAoC,EAJpC,KAAK,CAAC,EAAM,~~oBAAoB~~,~~EAII~~,~~CAAc~~,~~EAC9C~~,IAAK,GAAM,MAAM,SAAQ,MAAQ,EAAK,~~QAAQ~~,~~CAAC~~,MAAM,KAAA,GAErD,IAAmB,GAAI,kBAAkB,UAAU,GACnD,IAAuB,GAAG,EAC9B,WACA,GACA,~~GACD~~,~~GAAG~~,IAAmB,IAAI,MAAM;~~AAEjC~~,~~QACE~~,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;YAAS;~~EAAkC~~,CAAA,~~EAC/D~~,kBAAC,GAAD;EAAM,IAAI;GAAE,eAAe;GAAQ,IAAI;~~GAAG~~;~~YACvC~~,EAAG,kBAAkB,KAAI,MACxB,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,IAAI;IAEJ,gBAAgB,EAAE,IAAI,~~GAAG~~;~~IAC1B~~;~~aAGD~~,kBAAC,GAAD;IACE,QAAQ;IACR,MAAM;IACN,UAAU;IACV,WAAU;~~IACV~~,CAAA;~~GACO~~,~~EARJ~~,~~EAQI~~,CACX;~~EACG~~,CAAA,CACN,EAAA,CAAA,~~EAEJ~~,KAAW,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAM;~~EAAgB~~,CAAA,CAC1D,EAAA,CAAA"}
1	+ {"version":3,"file":"AccessRequirementRelatedProjectsList.js","names":[],"sources":["../../../src/components/AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.tsx"],"sourcesContent":["import React from 'react'\nimport { useSearchAccessRequirementsInfinite } from '@/synapse-queries'\nimport { Alert, List, ListItem, Typography } from '@mui/material'\nimport { AccessRequirementSearchRequest } from '@sage-bionetworks/synapse-types'\nimport pluralize from 'pluralize'\nimport { EntityLink } from '../EntityLink'\n\nexport type AccessRequirementRelatedProjectsListProps = {\n accessRequirementId: number\n}\n\nexport const AccessRequirementRelatedProjectsList = (\n props: AccessRequirementRelatedProjectsListProps,\n): React.ReactNode => {\n const searchRequest: Omit<AccessRequirementSearchRequest, 'nextPageToken'> = {\n ids: [props.accessRequirementId],\n }\n\n const { data, isError, error } =\n useSearchAccessRequirementsInfinite(searchRequest)\n const ar = data?.pages.flatMap(page => page.results)[0] ?? undefined\n\n const nRelatedProjects = ar?.relatedProjectIds.length \|\| 0\n const relatedProjectsTitle = `${pluralize(\n 'project',\n nRelatedProjects,\n true,\n )}${nRelatedProjects > 0 ? ':' : ''}`\n\n return (\n <>\n {ar && (\n <>\n <Typography variant=\"body1\">{relatedProjectsTitle}</Typography>\n <List sx={{ listStyleType: 'disc', pl: 4 }}>\n {ar.relatedProjectIds.map(projectId => (\n <ListItem\n sx={{\n display: 'list-item',\n py: '4px',\n // remove extra margin added by type.less to p tags\n '.no-margin-y': { my: 0 },\n }}\n key={projectId}\n >\n <EntityLink\n entity={projectId}\n link={false}\n showIcon={false}\n className=\"no-margin-y\"\n />\n </ListItem>\n ))}\n </List>\n </>\n )}\n {isError && <Alert severity=\"error\">{error.message}</Alert>}\n </>\n )\n}\n"],"mappings":";;;;;;;;AAWA,IAAa,KACX,MACoB;CAKpB,IAAM,EAAE,SAAM,YAAS,aACrB,EAAoC,EAJpC,KAAK,CAAC,EAAM,mBAAmB,EAIK,CAAa,GAC7C,IAAK,GAAM,MAAM,SAAQ,MAAQ,EAAK,OAAO,EAAE,MAAM,KAAA,GAErD,IAAmB,GAAI,kBAAkB,UAAU,GACnD,IAAuB,GAAG,EAC9B,WACA,GACA,EACF,IAAI,IAAmB,IAAI,MAAM;CAEjC,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;YAAS;CAAiC,CAAA,GAC9D,kBAAC,GAAD;EAAM,IAAI;GAAE,eAAe;GAAQ,IAAI;EAAE;YACtC,EAAG,kBAAkB,KAAI,MACxB,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,IAAI;IAEJ,gBAAgB,EAAE,IAAI,EAAE;GAC1B;aAGA,kBAAC,GAAD;IACE,QAAQ;IACR,MAAM;IACN,UAAU;IACV,WAAU;GACX,CAAA;EACO,GARH,CAQG,CACX;CACG,CAAA,CACN,EAAA,CAAA,GAEH,KAAW,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAM;CAAe,CAAA,CAC1D,EAAA,CAAA;AAEN"}

package/dist/components/AccessTokenPage/AccessTokenCard/AccessTokenCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccessTokenCard.js","names":[],"sources":["../../../../src/components/AccessTokenPage/AccessTokenCard/AccessTokenCard.tsx"],"sourcesContent":["import { useDeletePersonalAccessToken } from '@/synapse-queries/user/usePersonalAccessToken'\nimport DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone'\nimport {\n Box,\n Card,\n IconButton,\n Stack,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport {\n AccessTokenRecord,\n scopeDescriptions,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { noop } from 'lodash-es'\nimport { useCallback, useState } from 'react'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport WarningDialog from '../../SynapseForm/WarningDialog'\n\ndayjs.extend(relativeTime)\n\nexport type AccessTokenCardProps = {\n /** Record referring to an access token, not a token itself */\n accessToken: AccessTokenRecord\n onDelete?: () => void\n}\n\nexport const EXPIRED_PAT_WARNING =\n 'This token has expired. It no longer works and can only be deleted.'\n\nexport function AccessTokenCard(props: AccessTokenCardProps) {\n const { accessToken, onDelete = noop } = props\n const [showModal, setShowModal] = useState(false)\n\n const isExpired = accessToken.state === 'EXPIRED'\n\n const { mutate: deleteToken, isPending: deleteIsPending } =\n useDeletePersonalAccessToken({\n onSuccess: () => {\n onDelete()\n },\n throwOnError: true,\n })\n\n const onClickDeleteButton = useCallback(() => {\n if (isExpired) {\n // token no longer works, no need for warning/confirmation\n deleteToken(accessToken.id)\n } else {\n setShowModal(true)\n }\n }, [accessToken.id, deleteToken, isExpired])\n\n const warningDialog = (\n <WarningDialog\n title={'Confirm Deletion'}\n content={\n <>\n <Typography variant={'body1'}>\n If you delete this token, any applications using it will stop\n working. This action cannot be undone.\n </Typography>\n <Typography\n variant={'body1'}\n sx={{\n fontWeight: '700',\n }}\n >\n Are you sure you want to delete this token?\n </Typography>\n </>\n }\n confirmButtonText={'Delete Token'}\n onCancel={() => setShowModal(false)}\n onConfirm={() => {\n deleteToken(accessToken.id)\n setShowModal(false)\n }}\n confirmButtonColor=\"error\"\n open={showModal}\n />\n )\n return (\n <Card\n sx={{\n my: 2,\n height: '120px',\n width: '100%',\n p: 1.5,\n pl: 4,\n backgroundColor: isExpired ? '#fcf8e3' : 'inherit',\n }}\n >\n {warningDialog}\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n height: '100%',\n }}\n >\n <Stack\n sx={{\n flexGrow: 1,\n gap: 1,\n justifyContent: 'space-between',\n }}\n >\n <Typography variant={'headline3'} sx={{ fontSize: '16px' }}>\n {accessToken.name}\n </Typography>\n <div>\n <span>Permissions: </span>\n {accessToken.scopes.map(scope => {\n const scopeDescriptionKey =\n scope as keyof typeof scopeDescriptions\n let scopeDescription = scopeDescriptions[scopeDescriptionKey]\n if (scopeDescription === undefined) {\n const titleCaseScope =\n scope.charAt(0).toUpperCase() + scope.slice(1)\n scopeDescription = {\n displayName: titleCaseScope,\n description: titleCaseScope,\n }\n }\n return (\n <Tooltip key={scope} title={scopeDescription.description}>\n <Typography\n component={'span'}\n variant={'smallText1'}\n sx={{ mx: 0.25, cursor: 'default', color: 'primary.main' }}\n >\n {scopeDescription.displayName}\n </Typography>\n </Tooltip>\n )\n })}\n </div>\n <div>\n <Typography component={'span'} variant={'smallText1'}>\n Last used {dayjs(accessToken.lastUsed).fromNow()}\n </Typography>\n <Typography\n component={'span'}\n variant={'smallText1'}\n sx={{\n color: 'grey.700',\n }}\n >\n {' \| '}\n </Typography>\n <Typography component={'span'} variant={'smallText1'}>\n Created {dayjs(accessToken.createdOn).fromNow()}\n </Typography>\n </div>\n </Stack>\n <Box\n sx={{\n alignSelf: 'flex-start',\n display: 'flex',\n gap: 1,\n alignItems: 'center',\n }}\n >\n {isExpired && (\n <Tooltip title={EXPIRED_PAT_WARNING} placement={'top'}>\n <IconButton>\n <IconSvg\n icon=\"warning\"\n sx={{ color: 'warning.main', fontSize: 'inherit' }}\n wrap={false}\n />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip title={'Delete Token'} placement={'top'}>\n <IconButton\n disabled={deleteIsPending}\n color=\"error\"\n onClick={onClickDeleteButton}\n >\n <DeleteTwoToneIcon />\n </IconButton>\n </Tooltip>\n </Box>\n </Box>\n </Card>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,EAAM,OAAO,~~EAAa~~;~~AAQ1B~~,IAAa,IACX;AAEF,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,gBAAa,cAAW,MAAS,GACnC,CAAC,GAAW,KAAgB,EAAS,~~GAAM~~,~~EAE3C~~,IAAY,EAAY,UAAU,WAElC,EAAE,QAAQ,GAAa,WAAW,MACtC,EAA6B;EAC3B,iBAAiB;~~AACf~~,~~MAAU;;EAEZ~~,cAAc;~~EACf~~,CAAC,~~EAEE~~,IAAsB,QAAkB;~~AAC5C~~,~~EAAI~~,IAEF,EAAY,EAAY,~~GAAG~~,~~GAE3B~~,EAAa,~~GAAK~~;~~IAEnB~~;EAAC,EAAY;EAAI;EAAa;~~EAAU~~,CAAC;AA+~~B5C~~,~~QACE~~,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,QAAQ;GACR,OAAO;GACP,GAAG;GACH,IAAI;GACJ,iBAAiB,IAAY,YAAY;~~GAC1C~~;~~YARH~~,CA7BA,kBAAC,GAAD;GACE,OAAO;GACP,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAS;cAAS;~~IAGjB~~,CAAA,~~EACb~~,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,YAAY,~~OACb~~;~~cACF~~;~~IAEY~~,CAAA,CACZ,EAAA,CAAA;~~GAEL~~,mBAAmB;GACnB,gBAAgB,EAAa,~~GAAM~~;~~GACnC~~,iBAAiB;~~AAEf~~,~~IADA~~,EAAY,EAAY,~~GAAG~~,~~EAC3B~~,EAAa,~~GAAM;;GAErB~~,oBAAmB;GACnB,MAAM;~~GACN~~,~~CAaC~~,~~EACD~~,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IAChB,QAAQ;~~IACT~~;~~aANH~~,CAQE,kBAAC,GAAD;IACE,IAAI;KACF,UAAU;KACV,KAAK;KACL,gBAAgB;~~KACjB~~;~~cALH~~;KAOE,kBAAC,GAAD;MAAY,SAAS;MAAa,IAAI,EAAE,UAAU,~~QAAQ~~;~~gBACvD~~,EAAY;~~MACF~~,CAAA;~~KACb~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD,EAAA,UAAM,~~iBAAoB~~,CAAA,~~EACzB~~,EAAY,OAAO,KAAI,MAAS;MAG/B,IAAI,IAAmB,EAAkB;~~AACzC~~,~~UAAI~~,MAAqB,KAAA,GAAW;OAClC,IAAM,IACJ,EAAM,OAAO,EAAE,~~CAAC~~,~~aAAa~~,~~GAAG,~~EAAM,MAAM,~~EAAE~~;~~AAChD~~,~~WAAmB~~;QACjB,aAAa;QACb,aAAa;~~QACd;;AAEH~~,~~aACE~~,kBAAC,GAAD;OAAqB,OAAO,EAAiB;iBAC3C,kBAAC,GAAD;QACE,WAAW;QACX,SAAS;QACT,IAAI;SAAE,IAAI;SAAM,QAAQ;SAAW,OAAO;~~SAAgB~~;~~kBAEzD~~,EAAiB;~~QACP~~,CAAA;~~OACL~~,~~EARI~~,~~EAQJ~~;~~OAEZ~~,CACE,EAAA,CAAA;~~KACN~~,kBAAC,OAAD,EAAA,UAAA;MACE,kBAAC,GAAD;OAAY,WAAW;OAAQ,SAAS;iBAAxC,CAAsD,cACzC,EAAM,EAAY,~~SAAS~~,~~CAAC~~,~~SAAS~~,CACrC;;~~MACb~~,kBAAC,GAAD;OACE,WAAW;OACX,SAAS;OACT,IAAI,EACF,OAAO,~~YACR~~;~~iBAEA~~;~~OACU~~,CAAA;~~MACb~~,kBAAC,GAAD;OAAY,WAAW;OAAQ,SAAS;iBAAxC,CAAsD,YAC3C,EAAM,EAAY,~~UAAU~~,~~CAAC~~,~~SAAS~~,CACpC;;~~MACT~~,EAAA,CAAA;~~KACA~~;~~OACR~~,kBAAC,GAAD;IACE,IAAI;KACF,WAAW;KACX,SAAS;KACT,KAAK;KACL,YAAY;~~KACb~~;~~cANH~~,CAQG,KACC,kBAAC,GAAD;KAAS,OAAA;KAA4B,WAAW;eAC9C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MACE,MAAK;MACL,IAAI;OAAE,OAAO;OAAgB,UAAU;~~OAAW~~;~~MAClD~~,MAAM;~~MACN~~,CAAA,EACS,CAAA;~~KACL~~,CAAA,~~EAEZ~~,kBAAC,GAAD;KAAS,OAAO;KAAgB,WAAW;eACzC,kBAAC,GAAD;MACE,UAAU;MACV,OAAM;MACN,SAAS;gBAET,kBAAC,GAAD,~~EAAqB~~,CAAA;~~MACV~~,CAAA;~~KACL~~,CAAA,CACN;~~MACF~~;~~KACD~~"}
1	+ {"version":3,"file":"AccessTokenCard.js","names":[],"sources":["../../../../src/components/AccessTokenPage/AccessTokenCard/AccessTokenCard.tsx"],"sourcesContent":["import { useDeletePersonalAccessToken } from '@/synapse-queries/user/usePersonalAccessToken'\nimport DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone'\nimport {\n Box,\n Card,\n IconButton,\n Stack,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport {\n AccessTokenRecord,\n scopeDescriptions,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { noop } from 'lodash-es'\nimport { useCallback, useState } from 'react'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport WarningDialog from '../../SynapseForm/WarningDialog'\n\ndayjs.extend(relativeTime)\n\nexport type AccessTokenCardProps = {\n /** Record referring to an access token, not a token itself */\n accessToken: AccessTokenRecord\n onDelete?: () => void\n}\n\nexport const EXPIRED_PAT_WARNING =\n 'This token has expired. It no longer works and can only be deleted.'\n\nexport function AccessTokenCard(props: AccessTokenCardProps) {\n const { accessToken, onDelete = noop } = props\n const [showModal, setShowModal] = useState(false)\n\n const isExpired = accessToken.state === 'EXPIRED'\n\n const { mutate: deleteToken, isPending: deleteIsPending } =\n useDeletePersonalAccessToken({\n onSuccess: () => {\n onDelete()\n },\n throwOnError: true,\n })\n\n const onClickDeleteButton = useCallback(() => {\n if (isExpired) {\n // token no longer works, no need for warning/confirmation\n deleteToken(accessToken.id)\n } else {\n setShowModal(true)\n }\n }, [accessToken.id, deleteToken, isExpired])\n\n const warningDialog = (\n <WarningDialog\n title={'Confirm Deletion'}\n content={\n <>\n <Typography variant={'body1'}>\n If you delete this token, any applications using it will stop\n working. This action cannot be undone.\n </Typography>\n <Typography\n variant={'body1'}\n sx={{\n fontWeight: '700',\n }}\n >\n Are you sure you want to delete this token?\n </Typography>\n </>\n }\n confirmButtonText={'Delete Token'}\n onCancel={() => setShowModal(false)}\n onConfirm={() => {\n deleteToken(accessToken.id)\n setShowModal(false)\n }}\n confirmButtonColor=\"error\"\n open={showModal}\n />\n )\n return (\n <Card\n sx={{\n my: 2,\n height: '120px',\n width: '100%',\n p: 1.5,\n pl: 4,\n backgroundColor: isExpired ? '#fcf8e3' : 'inherit',\n }}\n >\n {warningDialog}\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n height: '100%',\n }}\n >\n <Stack\n sx={{\n flexGrow: 1,\n gap: 1,\n justifyContent: 'space-between',\n }}\n >\n <Typography variant={'headline3'} sx={{ fontSize: '16px' }}>\n {accessToken.name}\n </Typography>\n <div>\n <span>Permissions: </span>\n {accessToken.scopes.map(scope => {\n const scopeDescriptionKey =\n scope as keyof typeof scopeDescriptions\n let scopeDescription = scopeDescriptions[scopeDescriptionKey]\n if (scopeDescription === undefined) {\n const titleCaseScope =\n scope.charAt(0).toUpperCase() + scope.slice(1)\n scopeDescription = {\n displayName: titleCaseScope,\n description: titleCaseScope,\n }\n }\n return (\n <Tooltip key={scope} title={scopeDescription.description}>\n <Typography\n component={'span'}\n variant={'smallText1'}\n sx={{ mx: 0.25, cursor: 'default', color: 'primary.main' }}\n >\n {scopeDescription.displayName}\n </Typography>\n </Tooltip>\n )\n })}\n </div>\n <div>\n <Typography component={'span'} variant={'smallText1'}>\n Last used {dayjs(accessToken.lastUsed).fromNow()}\n </Typography>\n <Typography\n component={'span'}\n variant={'smallText1'}\n sx={{\n color: 'grey.700',\n }}\n >\n {' \| '}\n </Typography>\n <Typography component={'span'} variant={'smallText1'}>\n Created {dayjs(accessToken.createdOn).fromNow()}\n </Typography>\n </div>\n </Stack>\n <Box\n sx={{\n alignSelf: 'flex-start',\n display: 'flex',\n gap: 1,\n alignItems: 'center',\n }}\n >\n {isExpired && (\n <Tooltip title={EXPIRED_PAT_WARNING} placement={'top'}>\n <IconButton>\n <IconSvg\n icon=\"warning\"\n sx={{ color: 'warning.main', fontSize: 'inherit' }}\n wrap={false}\n />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip title={'Delete Token'} placement={'top'}>\n <IconButton\n disabled={deleteIsPending}\n color=\"error\"\n onClick={onClickDeleteButton}\n >\n <DeleteTwoToneIcon />\n </IconButton>\n </Tooltip>\n </Box>\n </Box>\n </Card>\n )\n}\n"],"mappings":"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"}

package/dist/components/AccessTokenPage/AccessTokenPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccessTokenPage.js","names":[],"sources":["../../../src/components/AccessTokenPage/AccessTokenPage.tsx"],"sourcesContent":["import { useGetPersonalAccessTokensInfinite } from '@/synapse-queries/user/usePersonalAccessToken'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useState } from 'react'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport { AccessTokenCard } from './AccessTokenCard/AccessTokenCard'\nimport { CreateAccessTokenModal } from './CreateAccessTokenModal'\n\nexport type AccessTokenPageProps = {\n title: string\n body: ReactNode\n}\n\nexport function AccessTokenPage({ title, body }: AccessTokenPageProps) {\n const [showCreateTokenModal, setShowCreateTokenModal] = useState(false)\n\n const {\n data: infiniteData,\n isLoading,\n error,\n fetchNextPage,\n hasNextPage,\n } = useGetPersonalAccessTokensInfinite()\n\n const tokenRecords = infiniteData?.pages.flatMap(page => page.results) ?? []\n\n return (\n <div>\n <Box\n sx={{\n display: 'flex',\n gap: 2,\n justifyContent: 'space-between',\n flexDirection: { xs: 'column', md: 'row' },\n }}\n >\n <Box\n sx={{\n flexGrow: 1,\n }}\n >\n <h1>{title}</h1>\n {body}\n </Box>\n <Box\n sx={theme => ({\n flexShrink: 0,\n alignSelf: 'end',\n [theme.breakpoints.down('md')]: { width: '100%' },\n })}\n >\n <Button\n sx={theme => ({\n [theme.breakpoints.down('md')]: { width: '100%' },\n })}\n variant=\"contained\"\n color=\"primary\"\n onClick={() => setShowCreateTokenModal(true)}\n startIcon={<AddCircleTwoTone />}\n >\n Create New Token\n </Button>\n </Box>\n </Box>\n <SynapseErrorBoundary>\n {showCreateTokenModal && (\n <CreateAccessTokenModal\n onClose={() => setShowCreateTokenModal(false)}\n />\n )}\n\n <div>\n {!isLoading && !error && tokenRecords.length === 0 && (\n <Typography\n variant={'headline2'}\n sx={{\n m: 5,\n textAlign: 'center',\n }}\n >\n You currently have no personal access tokens.\n </Typography>\n )}\n <Box\n sx={{\n maxWidth: '800px',\n mx: 'auto',\n my: 2.5,\n }}\n >\n {tokenRecords.map(accessToken => {\n return (\n <AccessTokenCard\n key={accessToken.id}\n accessToken={accessToken}\n />\n )\n })}\n {isLoading && loadingScreen}\n {!isLoading && hasNextPage && !error && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'flex-end',\n }}\n >\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => {\n fetchNextPage()\n }}\n >\n Load More\n </Button>\n </Box>\n )}\n </Box>\n {error && <ErrorBanner error={error}></ErrorBanner>}\n </div>\n </SynapseErrorBoundary>\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,EAAgB,EAAE,UAAO,WAA8B;CACrE,IAAM,CAAC,GAAsB,KAA2B,EAAS,~~GAAM~~,~~EAEjE~~,EACJ,MAAM,GACN,cACA,UACA,kBACA,mBACE,~~GAAoC~~,~~EAElC~~,IAAe,GAAc,MAAM,SAAQ,MAAQ,EAAK,~~QAAQ~~,~~IAAI~~,~~EAAE~~;~~AAE5E~~,~~QACE~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,eAAe;IAAE,IAAI;IAAU,IAAI;~~IAAO~~;~~GAC3C~~;~~YANH~~,CAQE,kBAAC,GAAD;GACE,IAAI,EACF,UAAU,~~GACX~~;~~aAHH~~,CAKE,kBAAC,MAAD,EAAA,UAAK,~~GAAW~~,CAAA,~~EACf~~,~~EACG~~;~~MACN~~,kBAAC,GAAD;GACE,KAAI,OAAU;IACZ,YAAY;IACZ,WAAW;KACV,EAAM,YAAY,KAAK,~~KAAK~~,~~GAAG~~,EAAE,OAAO,~~QAAQ~~;~~IAClD~~;~~aAED~~,kBAAC,GAAD;IACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,~~KAAK~~,~~GAAG~~,EAAE,OAAO,~~QAAQ~~,EAClD;~~IACD~~,SAAQ;IACR,OAAM;IACN,eAAe,EAAwB,~~GAAK~~;~~IAC5C~~,WAAW,kBAAC,GAAD,~~EAAoB~~,CAAA;~~cAChC~~;~~IAEQ~~,CAAA;~~GACL~~,CAAA,CACF;~~KACN~~,kBAAC,GAAD,EAAA,UAAA,CACG,KACC,kBAAC,GAAD,EACE,eAAe,EAAwB,~~GAAM~~,EAC7C,CAAA,~~EAGJ~~,kBAAC,OAAD,EAAA,UAAA;EACG,CAAC,KAAa,CAAC,KAAS,EAAa,WAAW,KAC/C,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,GAAG;IACH,WAAW;~~IACZ~~;~~aACF~~;~~GAEY~~,CAAA;~~EAEf~~,kBAAC,GAAD;GACE,IAAI;IACF,UAAU;IACV,IAAI;IACJ,IAAI;~~IACL~~;~~aALH~~;IAOG,EAAa,KAAI,MAEd,kBAAC,GAAD,EAEe,~~gBACb~~,~~EAFK~~,EAAY,~~GAEjB~~,CAEJ;~~IACD~~,KAAa;IACb,CAAC,KAAa,KAAe,CAAC,KAC7B,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,gBAAgB;~~MACjB~~;~~eAED~~,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe;~~AACb~~,~~UAAe;;gBAElB~~;~~MAEQ~~,CAAA;~~KACL~~,CAAA;~~IAEJ~~;;~~EACL~~,KAAS,kBAAC,GAAD,EAAoB,~~UAAqB~~,CAAA;~~EAC~~/C,EAAA,CAAA,CACe,EAAA,CAAA,CACnB,EAAA,CAAA"}
1	+ {"version":3,"file":"AccessTokenPage.js","names":[],"sources":["../../../src/components/AccessTokenPage/AccessTokenPage.tsx"],"sourcesContent":["import { useGetPersonalAccessTokensInfinite } from '@/synapse-queries/user/usePersonalAccessToken'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useState } from 'react'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport { AccessTokenCard } from './AccessTokenCard/AccessTokenCard'\nimport { CreateAccessTokenModal } from './CreateAccessTokenModal'\n\nexport type AccessTokenPageProps = {\n title: string\n body: ReactNode\n}\n\nexport function AccessTokenPage({ title, body }: AccessTokenPageProps) {\n const [showCreateTokenModal, setShowCreateTokenModal] = useState(false)\n\n const {\n data: infiniteData,\n isLoading,\n error,\n fetchNextPage,\n hasNextPage,\n } = useGetPersonalAccessTokensInfinite()\n\n const tokenRecords = infiniteData?.pages.flatMap(page => page.results) ?? []\n\n return (\n <div>\n <Box\n sx={{\n display: 'flex',\n gap: 2,\n justifyContent: 'space-between',\n flexDirection: { xs: 'column', md: 'row' },\n }}\n >\n <Box\n sx={{\n flexGrow: 1,\n }}\n >\n <h1>{title}</h1>\n {body}\n </Box>\n <Box\n sx={theme => ({\n flexShrink: 0,\n alignSelf: 'end',\n [theme.breakpoints.down('md')]: { width: '100%' },\n })}\n >\n <Button\n sx={theme => ({\n [theme.breakpoints.down('md')]: { width: '100%' },\n })}\n variant=\"contained\"\n color=\"primary\"\n onClick={() => setShowCreateTokenModal(true)}\n startIcon={<AddCircleTwoTone />}\n >\n Create New Token\n </Button>\n </Box>\n </Box>\n <SynapseErrorBoundary>\n {showCreateTokenModal && (\n <CreateAccessTokenModal\n onClose={() => setShowCreateTokenModal(false)}\n />\n )}\n\n <div>\n {!isLoading && !error && tokenRecords.length === 0 && (\n <Typography\n variant={'headline2'}\n sx={{\n m: 5,\n textAlign: 'center',\n }}\n >\n You currently have no personal access tokens.\n </Typography>\n )}\n <Box\n sx={{\n maxWidth: '800px',\n mx: 'auto',\n my: 2.5,\n }}\n >\n {tokenRecords.map(accessToken => {\n return (\n <AccessTokenCard\n key={accessToken.id}\n accessToken={accessToken}\n />\n )\n })}\n {isLoading && loadingScreen}\n {!isLoading && hasNextPage && !error && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'flex-end',\n }}\n >\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => {\n fetchNextPage()\n }}\n >\n Load More\n </Button>\n </Box>\n )}\n </Box>\n {error && <ErrorBanner error={error}></ErrorBanner>}\n </div>\n </SynapseErrorBoundary>\n </div>\n )\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,EAAgB,EAAE,UAAO,WAA8B;CACrE,IAAM,CAAC,GAAsB,KAA2B,EAAS,EAAK,GAEhE,EACJ,MAAM,GACN,cACA,UACA,kBACA,mBACE,EAAmC,GAEjC,IAAe,GAAc,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC;CAE3E,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,eAAe;IAAE,IAAI;IAAU,IAAI;GAAM;EAC3C;YANF,CAQE,kBAAC,GAAD;GACE,IAAI,EACF,UAAU,EACZ;aAHF,CAKE,kBAAC,MAAD,EAAA,UAAK,EAAU,CAAA,GACd,CACE;MACL,kBAAC,GAAD;GACE,KAAI,OAAU;IACZ,YAAY;IACZ,WAAW;KACV,EAAM,YAAY,KAAK,IAAI,IAAI,EAAE,OAAO,OAAO;GAClD;aAEA,kBAAC,GAAD;IACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,IAAI,IAAI,EAAE,OAAO,OAAO,EAClD;IACA,SAAQ;IACR,OAAM;IACN,eAAe,EAAwB,EAAI;IAC3C,WAAW,kBAAC,GAAD,CAAmB,CAAA;cAC/B;GAEO,CAAA;EACL,CAAA,CACF;KACL,kBAAC,GAAD,EAAA,UAAA,CACG,KACC,kBAAC,GAAD,EACE,eAAe,EAAwB,EAAK,EAC7C,CAAA,GAGH,kBAAC,OAAD,EAAA,UAAA;EACG,CAAC,KAAa,CAAC,KAAS,EAAa,WAAW,KAC/C,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,GAAG;IACH,WAAW;GACb;aACD;EAEW,CAAA;EAEd,kBAAC,GAAD;GACE,IAAI;IACF,UAAU;IACV,IAAI;IACJ,IAAI;GACN;aALF;IAOG,EAAa,KAAI,MAEd,kBAAC,GAAD,EAEe,eACd,GAFM,EAAY,EAElB,CAEJ;IACA,KAAa;IACb,CAAC,KAAa,KAAe,CAAC,KAC7B,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,gBAAgB;KAClB;eAEA,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe;OACb,EAAc;MAChB;gBACD;KAEO,CAAA;IACL,CAAA;GAEJ;;EACJ,KAAS,kBAAC,GAAD,EAAoB,SAAoB,CAAA;CAC/C,EAAA,CAAA,CACe,EAAA,CAAA,CACnB,EAAA,CAAA;AAET"}

package/dist/components/AccessTokenPage/CreateAccessTokenModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateAccessTokenModal.js","names":[],"sources":["../../../src/components/AccessTokenPage/CreateAccessTokenModal.tsx"],"sourcesContent":["import { useCreatePersonalAccessToken } from '@/synapse-queries/user/usePersonalAccessToken'\nimport { Checkbox, FormControlLabel, Stack, Typography } from '@mui/material'\nimport {\n AccessTokenGenerationRequest,\n scopeDescriptions,\n} from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { ChangeEvent, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { CopyToClipboardInput } from '../CopyToClipboardInput/CopyToClipboardInput'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport TextField from '../TextField/TextField'\n\nconst INVALID_INPUT_MSG =\n 'You must provide a token name and at least one permission.'\n\nexport type CreateAccessTokenModalProps = {\n onClose?: () => void\n onCreate?: () => void\n}\n\nexport function CreateAccessTokenModal(props: CreateAccessTokenModalProps) {\n const { onClose = noop, onCreate = noop } = props\n const [tokenName, setTokenName] = useState('')\n const [viewAccess, setViewAccess] = useState(true)\n const [downloadAccess, setDownloadAccess] = useState(false)\n const [modifyAccess, setModifyAccess] = useState(false)\n\n const [validationError, setValidationError] = useState<string \| null>(null)\n\n const {\n mutate,\n isPending: createIsPending,\n error: mutationError,\n data: createdTokenResponse,\n } = useCreatePersonalAccessToken()\n\n const handleTokenNameChange = (event: ChangeEvent) => {\n setTokenName((event.target as HTMLInputElement).value)\n }\n\n const validateInput = (tokenName: string, access: boolean[]): boolean => {\n return !!tokenName && access.some(x => x)\n }\n\n const onSubmit = () => {\n if (validateInput(tokenName, [viewAccess, downloadAccess, modifyAccess])) {\n setValidationError(null)\n\n const request: AccessTokenGenerationRequest = {\n scope: [],\n name: tokenName,\n }\n if (viewAccess) request.scope.push('view')\n if (downloadAccess) request.scope.push('download')\n if (modifyAccess) request.scope.push('modify')\n\n mutate(request)\n\n onCreate()\n } else {\n setValidationError(INVALID_INPUT_MSG)\n }\n }\n\n const dialogContent = createdTokenResponse ? (\n <>\n <Typography variant={'body1'}>\n <Typography\n variant={'body1'}\n component={'span'}\n sx={{\n fontWeight: 700,\n }}\n >\n This token will not be able to be retrieved again.\n </Typography>{' '}\n If needed, generate a new personal access token, and delete this one.\n </Typography>\n <div>\n <CopyToClipboardInput\n value={createdTokenResponse.token}\n inputWidth={'350px'}\n />\n </div>\n <Typography variant={'body1'}>\n This token grants access to your account functions and should be treated\n like a password.\n </Typography>\n </>\n ) : (\n <Stack gap={2}>\n <TextField\n autoFocus\n label=\"Token Name\"\n value={tokenName}\n onChange={handleTokenNameChange}\n placeholder=\"e.g. Synapse command line access on my laptop\"\n sx={{ mb: 2 }}\n />\n <div>\n <Typography variant=\"label\">Token Permissions</Typography>\n <Stack\n sx={{\n gap: 2,\n my: 1,\n }}\n >\n <div>\n <FormControlLabel\n control={<Checkbox />}\n label={scopeDescriptions.view.displayName}\n checked={viewAccess}\n onChange={() => setViewAccess(!viewAccess)}\n />\n <Typography\n variant={'smallText1'}\n sx={{\n color: 'grey.700',\n }}\n >\n {scopeDescriptions.view.description}. Required to use Synapse\n programmatic clients.\n </Typography>\n </div>\n <div>\n <FormControlLabel\n control={<Checkbox />}\n label={scopeDescriptions.download.displayName}\n checked={downloadAccess}\n onChange={() => setDownloadAccess(!downloadAccess)}\n />\n <Typography\n variant={'smallText1'}\n sx={{\n color: 'grey.700',\n }}\n >\n {scopeDescriptions.download.description}\n </Typography>\n </div>\n <div>\n <FormControlLabel\n control={<Checkbox />}\n label={scopeDescriptions.modify.displayName}\n checked={modifyAccess}\n onChange={() => setModifyAccess(!modifyAccess)}\n />\n <Typography\n variant={'smallText1'}\n sx={{\n color: 'grey.700',\n }}\n >\n {scopeDescriptions.modify.description}\n </Typography>\n </div>\n </Stack>\n </div>\n {validationError && <ErrorBanner error={validationError} />}\n {mutationError && <ErrorBanner error={mutationError.reason} />}\n </Stack>\n )\n\n return (\n <ConfirmationDialog\n open={true}\n title=\"Create New Personal Access Token\"\n content={createIsPending ? loadingScreen : dialogContent}\n confirmButtonProps={{\n children: createdTokenResponse ? 'Close' : 'Create Token',\n variant: createdTokenResponse ? 'outlined' : 'contained',\n }}\n hasCancelButton={!createdTokenResponse}\n onCancel={onClose}\n onConfirm={\n createdTokenResponse\n ? () => onClose()\n : () => {\n void onSubmit()\n }\n }\n />\n )\n}\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,IACJ;AAOF,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EAAE,aAAU,GAAM,cAAW,MAAS,GACtC,CAAC,GAAW,KAAgB,EAAS,~~GAAG~~,~~EACxC~~,CAAC,GAAY,KAAiB,EAAS,~~GAAK~~,~~EAC5C~~,CAAC,GAAgB,KAAqB,EAAS,~~GAAM~~,~~EACrD~~,CAAC,GAAc,KAAmB,EAAS,~~GAAM~~,~~EAEjD~~,CAAC,GAAiB,KAAsB,EAAwB,~~KAAK~~,~~EAErE~~,EACJ,WACA,WAAW,GACX,OAAO,GACP,MAAM,MACJ,~~GAA8B~~,~~EAE5B~~,KAAyB,MAAuB;~~AACpD~~,~~IAAc~~,EAAM,OAA4B,~~MAAM~~;~~IAGlD~~,KAAiB,GAAmB,MACjC,CAAC,CAAC,KAAa,EAAO,MAAK,MAAK,~~EAAE~~,~~EAGrC~~,UAAiB;~~AACrB~~,~~MAAI~~,EAAc,GAAW;GAAC;GAAY;GAAgB;~~GAAa~~,CAAC,~~EAAE~~;~~AACxE~~,~~KAAmB~~,~~KAAK~~;~~GAExB~~,IAAM,IAAwC;IAC5C,OAAO,~~EAAE~~;~~IACT~~,MAAM;~~IACP~~;~~AAOD~~,~~GANI~~,KAAY,EAAQ,MAAM,KAAK,~~OAAO~~,~~EACtC~~,KAAgB,EAAQ,MAAM,KAAK,~~WAAW~~,~~EAC9C~~,KAAc,EAAQ,MAAM,KAAK,~~SAAS~~,~~EAE9C~~,EAAO,~~EAAQ~~,~~EAEf~~,~~GAAU~~;~~QAEV~~,~~GAAmB~~,~~EAAkB~~;~~IAInC~~,IAAgB,IACpB,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAS;aAArB;IACE,kBAAC,GAAD;KACE,SAAS;KACT,WAAW;KACX,IAAI,EACF,YAAY,~~KACb~~;~~eACF~~;~~KAEY~~,CAAA;~~IAAC~~;IAAI;~~IAEP~~;;~~EACb~~,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAO,EAAqB;GAC5B,YAAY;~~GACZ~~,CAAA,EACE,CAAA;~~EACN~~,kBAAC,GAAD;GAAY,SAAS;aAAS;~~GAGjB~~,CAAA;~~EACZ~~,EAAA,CAAA,~~GAEH~~,kBAAC,GAAD;EAAO,KAAK;YAAZ;GACE,kBAAC,GAAD;IACE,WAAA;IACA,OAAM;IACN,OAAO;IACP,UAAU;IACV,aAAY;IACZ,IAAI,EAAE,IAAI,~~GAAG~~;~~IACb~~,CAAA;~~GACF~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAQ;~~IAA8B~~,CAAA,~~EAC1D~~,kBAAC,GAAD;IACE,IAAI;KACF,KAAK;KACL,IAAI;~~KACL~~;~~cAJH~~;KAME,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,SAAS,kBAAC,GAAD,~~EAAY~~,CAAA;~~MACrB~~,OAAO,EAAkB,KAAK;MAC9B,SAAS;MACT,gBAAgB,EAAc,CAAC,~~EAAW~~;~~MAC1C~~,CAAA,~~EACF~~,kBAAC,GAAD;MACE,SAAS;MACT,IAAI,EACF,OAAO,~~YACR~~;~~gBAJH~~,CAMG,EAAkB,KAAK,aAAY,~~kDAEzB~~;~~QACT~~,EAAA,CAAA;~~KACN~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,SAAS,kBAAC,GAAD,~~EAAY~~,CAAA;~~MACrB~~,OAAO,EAAkB,SAAS;MAClC,SAAS;MACT,gBAAgB,EAAkB,CAAC,~~EAAe~~;~~MAClD~~,CAAA,~~EACF~~,kBAAC,GAAD;MACE,SAAS;MACT,IAAI,EACF,OAAO,~~YACR~~;~~gBAEA~~,EAAkB,SAAS;~~MACjB~~,CAAA,CACT,EAAA,CAAA;~~KACN~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,SAAS,kBAAC,GAAD,~~EAAY~~,CAAA;~~MACrB~~,OAAO,EAAkB,OAAO;MAChC,SAAS;MACT,gBAAgB,EAAgB,CAAC,~~EAAa~~;~~MAC9C~~,CAAA,~~EACF~~,kBAAC,GAAD;MACE,SAAS;MACT,IAAI,EACF,OAAO,~~YACR~~;~~gBAEA~~,EAAkB,OAAO;~~MACf~~,CAAA,CACT,EAAA,CAAA;~~KACA~~;~~MACJ~~,EAAA,CAAA;~~GACL~~,KAAmB,kBAAC,GAAD,EAAa,OAAO,~~GAAmB~~,CAAA;~~GAC1D~~,KAAiB,kBAAC,GAAD,EAAa,OAAO,EAAc,~~QAAU~~,CAAA;~~GACxD~~;;~~AAGV~~,~~QACE~~,kBAAC,GAAD;EACE,MAAM;EACN,OAAM;EACN,SAAS,IAAkB,IAAgB;EAC3C,oBAAoB;GAClB,UAAU,IAAuB,UAAU;GAC3C,SAAS,IAAuB,aAAa;~~GAC9C~~;~~EACD~~,iBAAiB,CAAC;EAClB,UAAU;EACV,WACE,UACU,~~GAAS~~,~~SACT~~;~~AACC~~,~~MAAU;;EAGvB~~,CAAA"}
1	+ {"version":3,"file":"CreateAccessTokenModal.js","names":[],"sources":["../../../src/components/AccessTokenPage/CreateAccessTokenModal.tsx"],"sourcesContent":["import { useCreatePersonalAccessToken } from '@/synapse-queries/user/usePersonalAccessToken'\nimport { Checkbox, FormControlLabel, Stack, Typography } from '@mui/material'\nimport {\n AccessTokenGenerationRequest,\n scopeDescriptions,\n} from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { ChangeEvent, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { CopyToClipboardInput } from '../CopyToClipboardInput/CopyToClipboardInput'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport loadingScreen from '../LoadingScreen/LoadingScreen'\nimport TextField from '../TextField/TextField'\n\nconst INVALID_INPUT_MSG =\n 'You must provide a token name and at least one permission.'\n\nexport type CreateAccessTokenModalProps = {\n onClose?: () => void\n onCreate?: () => void\n}\n\nexport function CreateAccessTokenModal(props: CreateAccessTokenModalProps) {\n const { onClose = noop, onCreate = noop } = props\n const [tokenName, setTokenName] = useState('')\n const [viewAccess, setViewAccess] = useState(true)\n const [downloadAccess, setDownloadAccess] = useState(false)\n const [modifyAccess, setModifyAccess] = useState(false)\n\n const [validationError, setValidationError] = useState<string \| null>(null)\n\n const {\n mutate,\n isPending: createIsPending,\n error: mutationError,\n data: createdTokenResponse,\n } = useCreatePersonalAccessToken()\n\n const handleTokenNameChange = (event: ChangeEvent) => {\n setTokenName((event.target as HTMLInputElement).value)\n }\n\n const validateInput = (tokenName: string, access: boolean[]): boolean => {\n return !!tokenName && access.some(x => x)\n }\n\n const onSubmit = () => {\n if (validateInput(tokenName, [viewAccess, downloadAccess, modifyAccess])) {\n setValidationError(null)\n\n const request: AccessTokenGenerationRequest = {\n scope: [],\n name: tokenName,\n }\n if (viewAccess) request.scope.push('view')\n if (downloadAccess) request.scope.push('download')\n if (modifyAccess) request.scope.push('modify')\n\n mutate(request)\n\n onCreate()\n } else {\n setValidationError(INVALID_INPUT_MSG)\n }\n }\n\n const dialogContent = createdTokenResponse ? (\n <>\n <Typography variant={'body1'}>\n <Typography\n variant={'body1'}\n component={'span'}\n sx={{\n fontWeight: 700,\n }}\n >\n This token will not be able to be retrieved again.\n </Typography>{' '}\n If needed, generate a new personal access token, and delete this one.\n </Typography>\n <div>\n <CopyToClipboardInput\n value={createdTokenResponse.token}\n inputWidth={'350px'}\n />\n </div>\n <Typography variant={'body1'}>\n This token grants access to your account functions and should be treated\n like a password.\n </Typography>\n </>\n ) : (\n <Stack gap={2}>\n <TextField\n autoFocus\n label=\"Token Name\"\n value={tokenName}\n onChange={handleTokenNameChange}\n placeholder=\"e.g. Synapse command line access on my laptop\"\n sx={{ mb: 2 }}\n />\n <div>\n <Typography variant=\"label\">Token Permissions</Typography>\n <Stack\n sx={{\n gap: 2,\n my: 1,\n }}\n >\n <div>\n <FormControlLabel\n control={<Checkbox />}\n label={scopeDescriptions.view.displayName}\n checked={viewAccess}\n onChange={() => setViewAccess(!viewAccess)}\n />\n <Typography\n variant={'smallText1'}\n sx={{\n color: 'grey.700',\n }}\n >\n {scopeDescriptions.view.description}. Required to use Synapse\n programmatic clients.\n </Typography>\n </div>\n <div>\n <FormControlLabel\n control={<Checkbox />}\n label={scopeDescriptions.download.displayName}\n checked={downloadAccess}\n onChange={() => setDownloadAccess(!downloadAccess)}\n />\n <Typography\n variant={'smallText1'}\n sx={{\n color: 'grey.700',\n }}\n >\n {scopeDescriptions.download.description}\n </Typography>\n </div>\n <div>\n <FormControlLabel\n control={<Checkbox />}\n label={scopeDescriptions.modify.displayName}\n checked={modifyAccess}\n onChange={() => setModifyAccess(!modifyAccess)}\n />\n <Typography\n variant={'smallText1'}\n sx={{\n color: 'grey.700',\n }}\n >\n {scopeDescriptions.modify.description}\n </Typography>\n </div>\n </Stack>\n </div>\n {validationError && <ErrorBanner error={validationError} />}\n {mutationError && <ErrorBanner error={mutationError.reason} />}\n </Stack>\n )\n\n return (\n <ConfirmationDialog\n open={true}\n title=\"Create New Personal Access Token\"\n content={createIsPending ? loadingScreen : dialogContent}\n confirmButtonProps={{\n children: createdTokenResponse ? 'Close' : 'Create Token',\n variant: createdTokenResponse ? 'outlined' : 'contained',\n }}\n hasCancelButton={!createdTokenResponse}\n onCancel={onClose}\n onConfirm={\n createdTokenResponse\n ? () => onClose()\n : () => {\n void onSubmit()\n }\n }\n />\n )\n}\n"],"mappings":"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"}

package/dist/components/AccountLevelBadge/AccountLevelBadge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountLevelBadge.js","names":[],"sources":["../../../src/components/AccountLevelBadge/AccountLevelBadge.tsx"],"sourcesContent":["import { ReactComponent as Certified } from '@/assets/icons/account-certified.svg'\nimport { ReactComponent as EnabledMFA } from '@/assets/icons/account-enabled-mfa.svg'\nimport { ReactComponent as Validated } from '@/assets/icons/account-validated.svg'\nimport {\n Box,\n Button,\n ButtonProps,\n Card,\n Link,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport type AccountLevelBadgeType = 'certified' \| 'validated' \| 'enabledMFA'\ntype AccountLevelBadgeConfig = {\n label: string\n description: string\n tooltipText: string\n icon: ReactNode\n linkHref: string\n buttonNode?: ReactNode\n}\n\nexport const accountLevelBadgeConfig: Record<\n AccountLevelBadgeType,\n AccountLevelBadgeConfig\n> = {\n certified: {\n label: 'Certified',\n description: 'Has access to normal functionality.',\n tooltipText:\n 'This user has passed Sage Certification, which means they can upload data and create new projects and tables.',\n icon: <Certified />,\n linkHref: 'https://help.synapse.org/docs/User-Types.2007072795.html',\n },\n validated: {\n label: 'Validated',\n description: 'Identity has been manually verified.',\n tooltipText:\n 'This user is Validated. Their identity and credentials have been manually verified by Sage Bionetworks.',\n icon: <Validated />,\n linkHref: 'https://help.synapse.org/docs/User-Types.2007072795.html',\n },\n enabledMFA: {\n label: 'Multi-factor Authentication',\n description: 'User has activated MFA',\n tooltipText:\n 'This user currently has multi-factor authentication (MFA) activated.',\n icon: <EnabledMFA />,\n linkHref:\n 'https://help.synapse.org/docs/Managing-Your-Account.2055405596.html#ManagingYourAccount-AddingTwo-FactorAuthentication(2FA)toyouraccount',\n },\n}\n\nexport type AccountLevelBadgeProps = {\n badgeType: AccountLevelBadgeType\n /* If truthy, show a button with the following props. If undefined, no button will be shown */\n buttonProps?: ButtonProps\n}\n\nexport function AccountLevelBadge({\n badgeType,\n buttonProps,\n}: AccountLevelBadgeProps) {\n const badgeConfig = accountLevelBadgeConfig[badgeType]\n return (\n <Card\n sx={{\n maxWidth: 325,\n minWidth: 250,\n padding: '30px 20px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n alignItems: 'center',\n }}\n >\n <Tooltip title={badgeConfig.tooltipText}>\n <Box\n sx={{\n alignSelf: 'start',\n mr: '10px',\n }}\n >\n {badgeConfig.icon}\n </Box>\n </Tooltip>\n <Box>\n <Typography variant=\"headline3\" gutterBottom component=\"div\">\n {badgeConfig.label}\n </Typography>\n <Typography variant=\"body1\" sx={{ color: 'grey.700', mb: '10px' }}>\n {badgeConfig.description}\n </Typography>\n <Link\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n href={badgeConfig.linkHref}\n >\n <Typography variant=\"buttonLink\">Learn more</Typography>\n </Link>\n </Box>\n </Box>\n {buttonProps && (\n <Button\n fullWidth\n {...buttonProps}\n sx={{\n mt: 2,\n ...buttonProps.sx,\n }}\n ></Button>\n )}\n </Card>\n )\n}\n"],"mappings":";;;;;;AAwBA,IAAa,IAGT;CACF,WAAW;EACT,OAAO;EACP,aAAa;EACb,aACE;EACF,MAAM,kBAAC,GAAD,~~EAAa~~,CAAA;~~EACnB~~,UAAU;~~EACX~~;~~CACD~~,WAAW;EACT,OAAO;EACP,aAAa;EACb,aACE;EACF,MAAM,kBAAC,GAAD,~~EAAa~~,CAAA;~~EACnB~~,UAAU;~~EACX~~;~~CACD~~,YAAY;EACV,OAAO;EACP,aAAa;EACb,aACE;EACF,MAAM,kBAAC,GAAD,~~EAAc~~,CAAA;~~EACpB~~,UACE;~~EACH~~;~~CACF~~;~~AAQD~~,SAAgB,EAAkB,EAChC,cACA,kBACyB;CACzB,IAAM,IAAc,EAAwB;~~AAC5C~~,~~QACE~~,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,UAAU;GACV,SAAS;~~GACV~~;~~YALH~~,CAOE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,OAAO;IACP,YAAY;~~IACb~~;~~aALH~~,CAOE,kBAAC,GAAD;IAAS,OAAO,EAAY;cAC1B,kBAAC,GAAD;KACE,IAAI;MACF,WAAW;MACX,IAAI;~~MACL~~;~~eAEA~~,EAAY;~~KACT~~,CAAA;~~IACE~~,CAAA,~~EACV~~,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,cAAA;KAAa,WAAU;eACpD,EAAY;~~KACF~~,CAAA;~~IACb~~,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI;MAAE,OAAO;MAAY,IAAI;~~MAAQ~~;~~eAC9D~~,EAAY;~~KACF~~,CAAA;~~IACb~~,kBAAC,GAAD;KACE,QAAO;KACP,KAAI;KACJ,MAAM,EAAY;eAElB,kBAAC,GAAD;MAAY,SAAQ;gBAAa;~~MAAuB~~,CAAA;~~KACnD~~,CAAA;~~IACH~~,EAAA,CAAA,CACF;~~MACL~~,KACC,kBAAC,GAAD;GACE,WAAA;GACA,GAAI;GACJ,IAAI;IACF,IAAI;IACJ,GAAG,EAAY;~~IAChB~~;~~GACO~~,CAAA,CAEP"}
1	+ {"version":3,"file":"AccountLevelBadge.js","names":[],"sources":["../../../src/components/AccountLevelBadge/AccountLevelBadge.tsx"],"sourcesContent":["import { ReactComponent as Certified } from '@/assets/icons/account-certified.svg'\nimport { ReactComponent as EnabledMFA } from '@/assets/icons/account-enabled-mfa.svg'\nimport { ReactComponent as Validated } from '@/assets/icons/account-validated.svg'\nimport {\n Box,\n Button,\n ButtonProps,\n Card,\n Link,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport type AccountLevelBadgeType = 'certified' \| 'validated' \| 'enabledMFA'\ntype AccountLevelBadgeConfig = {\n label: string\n description: string\n tooltipText: string\n icon: ReactNode\n linkHref: string\n buttonNode?: ReactNode\n}\n\nexport const accountLevelBadgeConfig: Record<\n AccountLevelBadgeType,\n AccountLevelBadgeConfig\n> = {\n certified: {\n label: 'Certified',\n description: 'Has access to normal functionality.',\n tooltipText:\n 'This user has passed Sage Certification, which means they can upload data and create new projects and tables.',\n icon: <Certified />,\n linkHref: 'https://help.synapse.org/docs/User-Types.2007072795.html',\n },\n validated: {\n label: 'Validated',\n description: 'Identity has been manually verified.',\n tooltipText:\n 'This user is Validated. Their identity and credentials have been manually verified by Sage Bionetworks.',\n icon: <Validated />,\n linkHref: 'https://help.synapse.org/docs/User-Types.2007072795.html',\n },\n enabledMFA: {\n label: 'Multi-factor Authentication',\n description: 'User has activated MFA',\n tooltipText:\n 'This user currently has multi-factor authentication (MFA) activated.',\n icon: <EnabledMFA />,\n linkHref:\n 'https://help.synapse.org/docs/Managing-Your-Account.2055405596.html#ManagingYourAccount-AddingTwo-FactorAuthentication(2FA)toyouraccount',\n },\n}\n\nexport type AccountLevelBadgeProps = {\n badgeType: AccountLevelBadgeType\n /* If truthy, show a button with the following props. If undefined, no button will be shown */\n buttonProps?: ButtonProps\n}\n\nexport function AccountLevelBadge({\n badgeType,\n buttonProps,\n}: AccountLevelBadgeProps) {\n const badgeConfig = accountLevelBadgeConfig[badgeType]\n return (\n <Card\n sx={{\n maxWidth: 325,\n minWidth: 250,\n padding: '30px 20px',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n alignItems: 'center',\n }}\n >\n <Tooltip title={badgeConfig.tooltipText}>\n <Box\n sx={{\n alignSelf: 'start',\n mr: '10px',\n }}\n >\n {badgeConfig.icon}\n </Box>\n </Tooltip>\n <Box>\n <Typography variant=\"headline3\" gutterBottom component=\"div\">\n {badgeConfig.label}\n </Typography>\n <Typography variant=\"body1\" sx={{ color: 'grey.700', mb: '10px' }}>\n {badgeConfig.description}\n </Typography>\n <Link\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n href={badgeConfig.linkHref}\n >\n <Typography variant=\"buttonLink\">Learn more</Typography>\n </Link>\n </Box>\n </Box>\n {buttonProps && (\n <Button\n fullWidth\n {...buttonProps}\n sx={{\n mt: 2,\n ...buttonProps.sx,\n }}\n ></Button>\n )}\n </Card>\n )\n}\n"],"mappings":";;;;;;AAwBA,IAAa,IAGT;CACF,WAAW;EACT,OAAO;EACP,aAAa;EACb,aACE;EACF,MAAM,kBAAC,GAAD,CAAY,CAAA;EAClB,UAAU;CACZ;CACA,WAAW;EACT,OAAO;EACP,aAAa;EACb,aACE;EACF,MAAM,kBAAC,GAAD,CAAY,CAAA;EAClB,UAAU;CACZ;CACA,YAAY;EACV,OAAO;EACP,aAAa;EACb,aACE;EACF,MAAM,kBAAC,GAAD,CAAa,CAAA;EACnB,UACE;CACJ;AACF;AAQA,SAAgB,EAAkB,EAChC,cACA,kBACyB;CACzB,IAAM,IAAc,EAAwB;CAC5C,OACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,UAAU;GACV,SAAS;EACX;YALF,CAOE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,OAAO;IACP,YAAY;GACd;aALF,CAOE,kBAAC,GAAD;IAAS,OAAO,EAAY;cAC1B,kBAAC,GAAD;KACE,IAAI;MACF,WAAW;MACX,IAAI;KACN;eAEC,EAAY;IACV,CAAA;GACE,CAAA,GACT,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,cAAA;KAAa,WAAU;eACpD,EAAY;IACH,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI;MAAE,OAAO;MAAY,IAAI;KAAO;eAC7D,EAAY;IACH,CAAA;IACZ,kBAAC,GAAD;KACE,QAAO;KACP,KAAI;KACJ,MAAM,EAAY;eAElB,kBAAC,GAAD;MAAY,SAAQ;gBAAa;KAAsB,CAAA;IACnD,CAAA;GACH,EAAA,CAAA,CACF;MACJ,KACC,kBAAC,GAAD;GACE,WAAA;GACA,GAAI;GACJ,IAAI;IACF,IAAI;IACJ,GAAG,EAAY;GACjB;EACO,CAAA,CAEP;;AAEV"}

package/dist/components/AccountLevelBadges/AccountLevelBadges.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccountLevelBadges.js","names":[],"sources":["../../../src/components/AccountLevelBadges/AccountLevelBadges.tsx"],"sourcesContent":["import { useGetUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { SynapseConstants } from '@/utils'\nimport { Box } from '@mui/material'\nimport {\n AccountLevelBadge,\n AccountLevelBadgeType,\n} from '../AccountLevelBadge/AccountLevelBadge'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport useRevokeCertificationUI from './useRevokeCertificationUI'\n\nexport type AccountLevelBadgesProps = {\n userId: string\n}\n\nconst CERTIFICATION_VERIFICATION_AND_USERPROFILE_BUNDLE_MASK =\n SynapseConstants.USER_BUNDLE_MASK_IS_CERTIFIED \|\n SynapseConstants.USER_BUNDLE_MASK_IS_VERIFIED \|\n SynapseConstants.USER_BUNDLE_MASK_USER_PROFILE\n\nexport function AccountLevelBadges({ userId }: AccountLevelBadgesProps) {\n const {\n data: userBundle,\n isLoading,\n error,\n } = useGetUserBundle(\n userId,\n CERTIFICATION_VERIFICATION_AND_USERPROFILE_BUNDLE_MASK,\n )\n\n const badgeStatuses: Record<AccountLevelBadgeType, boolean> = {\n certified: userBundle?.isCertified \|\| false,\n validated: userBundle?.isVerified \|\| false,\n enabledMFA: userBundle?.userProfile?.twoFactorAuthEnabled \|\| false,\n }\n const hasBadges = Object.values(badgeStatuses).some(value => value)\n\n const {\n showButton: showRevokeCertificationButton,\n buttonProps: revokeCertificationButtonProps,\n confirmationDialogProps: revokeCertificationConfirmationDialogProps,\n } = useRevokeCertificationUI({\n userId,\n buttonProps: {\n variant: 'outlined',\n },\n })\n\n if (isLoading) {\n return <></>\n }\n if (error) {\n return <ErrorBanner error={error} />\n }\n\n return (\n <>\n <ConfirmationDialog {...revokeCertificationConfirmationDialogProps} />\n {hasBadges && (\n <Box\n sx={{\n display: 'flex',\n gap: '10px',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n }}\n >\n {Object.entries(badgeStatuses).map(([key, value]) => {\n const badgeType = key as AccountLevelBadgeType\n const buttonProps =\n badgeType === 'certified' && showRevokeCertificationButton\n ? revokeCertificationButtonProps\n : undefined\n return (\n value && (\n <AccountLevelBadge\n key={badgeType}\n badgeType={badgeType}\n buttonProps={buttonProps}\n />\n )\n )\n })}\n </Box>\n )}\n </>\n )\n}\n\nexport default AccountLevelBadges\n"],"mappings":";;;;;;;;;;;AAeA,IAAM,IACJ;AAIF,SAAgB,EAAmB,EAAE,aAAmC;CACtE,IAAM,EACJ,MAAM,GACN,cACA,aACE,EACF,GACA,~~EACD~~,~~EAEK~~,IAAwD;EAC5D,WAAW,GAAY,eAAe;EACtC,WAAW,GAAY,cAAc;EACrC,YAAY,GAAY,aAAa,wBAAwB;~~EAC9D~~,~~EACK~~,IAAY,OAAO,OAAO,~~EAAc~~,~~CAAC~~,MAAK,MAAS,~~EAAM~~,~~EAE7D~~,EACJ,YAAY,GACZ,aAAa,GACb,yBAAyB,MACvB,EAAyB;EAC3B;EACA,aAAa,EACX,SAAS,~~YACV~~;~~EACF~~,CAAC;~~AASF~~,~~QAPI~~,IACK,kBAAA,GAAA,~~EAAK~~,CAAA,~~GAEV~~,IACK,kBAAC,GAAD,EAAoB,~~UAAS~~,CAAA,~~GAIpC~~,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAoB,GAAI,~~GAA8C~~,CAAA,~~EACrE~~,KACC,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,UAAU;~~GACX~~;~~YAEA~~,OAAO,QAAQ,~~EAAc~~,~~CAAC~~,KAAK,CAAC,GAAK,OAAW;GACnD,IAAM,IAAY;~~AAKlB~~,~~UACE~~,KACE,kBAAC,GAAD;IAEa;IACE,aARjB,MAAc,eAAe,IACzB,IACA,KAAA;~~IAOA~~,~~EAHK~~,~~EAGL~~;~~IAGN~~;~~EACE~~,CAAA,CAEP,EAAA,CAAA"}
1	+ {"version":3,"file":"AccountLevelBadges.js","names":[],"sources":["../../../src/components/AccountLevelBadges/AccountLevelBadges.tsx"],"sourcesContent":["import { useGetUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { SynapseConstants } from '@/utils'\nimport { Box } from '@mui/material'\nimport {\n AccountLevelBadge,\n AccountLevelBadgeType,\n} from '../AccountLevelBadge/AccountLevelBadge'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport useRevokeCertificationUI from './useRevokeCertificationUI'\n\nexport type AccountLevelBadgesProps = {\n userId: string\n}\n\nconst CERTIFICATION_VERIFICATION_AND_USERPROFILE_BUNDLE_MASK =\n SynapseConstants.USER_BUNDLE_MASK_IS_CERTIFIED \|\n SynapseConstants.USER_BUNDLE_MASK_IS_VERIFIED \|\n SynapseConstants.USER_BUNDLE_MASK_USER_PROFILE\n\nexport function AccountLevelBadges({ userId }: AccountLevelBadgesProps) {\n const {\n data: userBundle,\n isLoading,\n error,\n } = useGetUserBundle(\n userId,\n CERTIFICATION_VERIFICATION_AND_USERPROFILE_BUNDLE_MASK,\n )\n\n const badgeStatuses: Record<AccountLevelBadgeType, boolean> = {\n certified: userBundle?.isCertified \|\| false,\n validated: userBundle?.isVerified \|\| false,\n enabledMFA: userBundle?.userProfile?.twoFactorAuthEnabled \|\| false,\n }\n const hasBadges = Object.values(badgeStatuses).some(value => value)\n\n const {\n showButton: showRevokeCertificationButton,\n buttonProps: revokeCertificationButtonProps,\n confirmationDialogProps: revokeCertificationConfirmationDialogProps,\n } = useRevokeCertificationUI({\n userId,\n buttonProps: {\n variant: 'outlined',\n },\n })\n\n if (isLoading) {\n return <></>\n }\n if (error) {\n return <ErrorBanner error={error} />\n }\n\n return (\n <>\n <ConfirmationDialog {...revokeCertificationConfirmationDialogProps} />\n {hasBadges && (\n <Box\n sx={{\n display: 'flex',\n gap: '10px',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n }}\n >\n {Object.entries(badgeStatuses).map(([key, value]) => {\n const badgeType = key as AccountLevelBadgeType\n const buttonProps =\n badgeType === 'certified' && showRevokeCertificationButton\n ? revokeCertificationButtonProps\n : undefined\n return (\n value && (\n <AccountLevelBadge\n key={badgeType}\n badgeType={badgeType}\n buttonProps={buttonProps}\n />\n )\n )\n })}\n </Box>\n )}\n </>\n )\n}\n\nexport default AccountLevelBadges\n"],"mappings":";;;;;;;;;;;AAeA,IAAM,IACJ;AAIF,SAAgB,EAAmB,EAAE,aAAmC;CACtE,IAAM,EACJ,MAAM,GACN,cACA,aACE,EACF,GACA,CACF,GAEM,IAAwD;EAC5D,WAAW,GAAY,eAAe;EACtC,WAAW,GAAY,cAAc;EACrC,YAAY,GAAY,aAAa,wBAAwB;CAC/D,GACM,IAAY,OAAO,OAAO,CAAa,EAAE,MAAK,MAAS,CAAK,GAE5D,EACJ,YAAY,GACZ,aAAa,GACb,yBAAyB,MACvB,EAAyB;EAC3B;EACA,aAAa,EACX,SAAS,WACX;CACF,CAAC;CASD,OAPI,IACK,kBAAA,GAAA,CAAI,CAAA,IAET,IACK,kBAAC,GAAD,EAAoB,SAAQ,CAAA,IAInC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAoB,GAAI,EAA6C,CAAA,GACpE,KACC,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,UAAU;EACZ;YAEC,OAAO,QAAQ,CAAa,EAAE,KAAK,CAAC,GAAK,OAAW;GACnD,IAAM,IAAY;GAKlB,OACE,KACE,kBAAC,GAAD;IAEa;IACE,aARjB,MAAc,eAAe,IACzB,IACA,KAAA;GAOD,GAHM,CAGN;EAGP,CAAC;CACE,CAAA,CAEP,EAAA,CAAA;AAEN"}

package/dist/components/AccountLevelBadges/useRevokeCertificationUI.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useRevokeCertificationUI.js","names":[],"sources":["../../../src/components/AccountLevelBadges/useRevokeCertificationUI.tsx"],"sourcesContent":["import { useIsCurrentUserACTMember } from '@/synapse-queries'\nimport { useRevokeCertification } from '@/synapse-queries/user/useRevokeCertification'\nimport { ButtonProps, Link, Typography } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport { ConfirmationDialogProps } from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { displayToast } from '../ToastMessage'\n\nexport type RevokeCertificationUIOptions = {\n /* The ID of the user whose certification may be revoked. /\n userId: string\n buttonProps: Omit<ButtonProps, 'onClick'>\n}\n\nexport type RevokeCertificationUIReturn = {\n / Whether a button to revoke certification should be shown (i.e. is the logged-in user ACT?)/\n showButton: boolean\n / Props to pass to a MUI Button to show a prompt to revoke certification. /\n buttonProps: ButtonProps\n / Props to pass to a ConfirmationDialog to confirm/cancel revocation. /\n confirmationDialogProps: ConfirmationDialogProps\n}\n\n/\n Hook that provides UI data and props related to revoking a user's certification.\n * @param options\n */\nexport default function useRevokeCertificationUI(\n options: RevokeCertificationUIOptions,\n): RevokeCertificationUIReturn {\n const { userId, buttonProps: additionalButtonProps } = options\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false)\n\n const { data: isACT } = useIsCurrentUserACTMember()\n\n const { mutate: revokeCertification, isPending } = useRevokeCertification({\n onSettled: () => {\n setShowConfirmationDialog(false)\n },\n onSuccess: () => {\n displayToast('User certification revoked', 'success')\n },\n onError: error => {\n displayToast(error.message, 'danger')\n },\n })\n\n const buttonProps: ButtonProps = useMemo(\n () => ({\n children: 'Revoke Certification',\n ...additionalButtonProps,\n disabled: isPending \|\| additionalButtonProps.disabled,\n onClick: () => setShowConfirmationDialog(true),\n }),\n [additionalButtonProps, isPending],\n )\n\n const confirmationDialogProps: ConfirmationDialogProps = useMemo(\n () => ({\n title: 'Revoke user certification?',\n onCancel: () => setShowConfirmationDialog(false),\n open: showConfirmationDialog,\n content: (\n <>\n <Typography variant={'body1'} sx={{ fontWeight: 'bold', mb: 2.5 }}>\n This action can't be undone.\n </Typography>\n <Typography variant={'body1'} sx={{ my: 2.5 }}>\n Revoking user certification means this user won’t be able to upload\n files or tables, or make new projects or folders. To become\n certified again, they’ll have to retake the certification quiz.\n </Typography>\n <Typography variant={'body1'} sx={{ mt: 2.5 }}>\n <Link\n href={\n 'https://help.synapse.org/docs/Synapse-User-Account-Types.2007072795.html#SynapseUserAccountTypes-CertifiedUser'\n }\n >\n More about certified users\n </Link>\n </Typography>\n </>\n ),\n onConfirm: () => {\n revokeCertification(userId)\n },\n confirmButtonProps: {\n children: 'Revoke',\n disabled: isPending,\n startIcon: isPending ? <SynapseSpinner /> : null,\n },\n cancelButtonProps: { disabled: isPending },\n }),\n [isPending, revokeCertification, showConfirmationDialog, userId],\n )\n\n return { showButton: isACT \|\| false, buttonProps, confirmationDialogProps }\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAwB,EACtB,GAC6B;CAC7B,IAAM,EAAE,WAAQ,aAAa,MAA0B,GACjD,CAAC,GAAwB,KAA6B,EAAS,~~GAAM~~,~~EAErE~~,EAAE,MAAM,MAAU,~~GAA2B~~,~~EAE7C~~,EAAE,QAAQ,GAAqB,iBAAc,EAAuB;EACxE,iBAAiB;~~AACf~~,~~KAA0B~~,~~GAAM;;EAElC~~,iBAAiB;~~AACf~~,~~KAAa~~,8BAA8B,~~UAAU;;EAEvD~~,UAAS,MAAS;~~AAChB~~,~~KAAa~~,EAAM,SAAS,~~SAAS;;EAExC~~,CAAC,~~EAEI~~,IAA2B,SACxB;EACL,UAAU;EACV,GAAG;EACH,UAAU,KAAa,EAAsB;EAC7C,eAAe,EAA0B,~~GAAK~~;~~EAC~~/C,~~GACD~~,CAAC,GAAuB,~~EAAU~~,CACnC,~~EAEK~~,IAAmD,SAChD;EACL,OAAO;EACP,gBAAgB,EAA0B,~~GAAM~~;~~EAChD~~,MAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,YAAY;KAAQ,IAAI;~~KAAK~~;~~cAAE~~;~~IAEtD~~,CAAA;~~GACb~~,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI,EAAE,IAAI,~~KAAK~~;~~cAAE~~;~~IAIlC~~,CAAA;~~GACb~~,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI,EAAE,IAAI,~~KAAK~~;~~cAC3C~~,kBAAC,GAAD;KACE,MACE;eAEH;~~KAEM~~,CAAA;~~IACI~~,CAAA;~~GACZ~~,EAAA,CAAA;~~EAEL~~,iBAAiB;~~AACf~~,~~KAAoB~~,~~EAAO;;EAE7B~~,oBAAoB;GAClB,UAAU;GACV,UAAU;GACV,WAAW,IAAY,kBAAC,GAAD,~~EAAkB~~,CAAA,~~GAAG~~;~~GAC7C~~;~~EACD~~,mBAAmB,EAAE,UAAU,~~GAAW~~;~~EAC3C~~,~~GACD~~;EAAC;EAAW;EAAqB;EAAwB;~~EAAO~~,CACjE;~~AAED~~,~~QAAO~~;EAAE,YAAY,KAAS;EAAO;EAAa;~~EAAyB~~"}
1	+ {"version":3,"file":"useRevokeCertificationUI.js","names":[],"sources":["../../../src/components/AccountLevelBadges/useRevokeCertificationUI.tsx"],"sourcesContent":["import { useIsCurrentUserACTMember } from '@/synapse-queries'\nimport { useRevokeCertification } from '@/synapse-queries/user/useRevokeCertification'\nimport { ButtonProps, Link, Typography } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport { ConfirmationDialogProps } from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { displayToast } from '../ToastMessage'\n\nexport type RevokeCertificationUIOptions = {\n /* The ID of the user whose certification may be revoked. /\n userId: string\n buttonProps: Omit<ButtonProps, 'onClick'>\n}\n\nexport type RevokeCertificationUIReturn = {\n / Whether a button to revoke certification should be shown (i.e. is the logged-in user ACT?)/\n showButton: boolean\n / Props to pass to a MUI Button to show a prompt to revoke certification. /\n buttonProps: ButtonProps\n / Props to pass to a ConfirmationDialog to confirm/cancel revocation. /\n confirmationDialogProps: ConfirmationDialogProps\n}\n\n/\n Hook that provides UI data and props related to revoking a user's certification.\n * @param options\n */\nexport default function useRevokeCertificationUI(\n options: RevokeCertificationUIOptions,\n): RevokeCertificationUIReturn {\n const { userId, buttonProps: additionalButtonProps } = options\n const [showConfirmationDialog, setShowConfirmationDialog] = useState(false)\n\n const { data: isACT } = useIsCurrentUserACTMember()\n\n const { mutate: revokeCertification, isPending } = useRevokeCertification({\n onSettled: () => {\n setShowConfirmationDialog(false)\n },\n onSuccess: () => {\n displayToast('User certification revoked', 'success')\n },\n onError: error => {\n displayToast(error.message, 'danger')\n },\n })\n\n const buttonProps: ButtonProps = useMemo(\n () => ({\n children: 'Revoke Certification',\n ...additionalButtonProps,\n disabled: isPending \|\| additionalButtonProps.disabled,\n onClick: () => setShowConfirmationDialog(true),\n }),\n [additionalButtonProps, isPending],\n )\n\n const confirmationDialogProps: ConfirmationDialogProps = useMemo(\n () => ({\n title: 'Revoke user certification?',\n onCancel: () => setShowConfirmationDialog(false),\n open: showConfirmationDialog,\n content: (\n <>\n <Typography variant={'body1'} sx={{ fontWeight: 'bold', mb: 2.5 }}>\n This action can't be undone.\n </Typography>\n <Typography variant={'body1'} sx={{ my: 2.5 }}>\n Revoking user certification means this user won’t be able to upload\n files or tables, or make new projects or folders. To become\n certified again, they’ll have to retake the certification quiz.\n </Typography>\n <Typography variant={'body1'} sx={{ mt: 2.5 }}>\n <Link\n href={\n 'https://help.synapse.org/docs/Synapse-User-Account-Types.2007072795.html#SynapseUserAccountTypes-CertifiedUser'\n }\n >\n More about certified users\n </Link>\n </Typography>\n </>\n ),\n onConfirm: () => {\n revokeCertification(userId)\n },\n confirmButtonProps: {\n children: 'Revoke',\n disabled: isPending,\n startIcon: isPending ? <SynapseSpinner /> : null,\n },\n cancelButtonProps: { disabled: isPending },\n }),\n [isPending, revokeCertification, showConfirmationDialog, userId],\n )\n\n return { showButton: isACT \|\| false, buttonProps, confirmationDialogProps }\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAwB,EACtB,GAC6B;CAC7B,IAAM,EAAE,WAAQ,aAAa,MAA0B,GACjD,CAAC,GAAwB,KAA6B,EAAS,EAAK,GAEpE,EAAE,MAAM,MAAU,EAA0B,GAE5C,EAAE,QAAQ,GAAqB,iBAAc,EAAuB;EACxE,iBAAiB;GACf,EAA0B,EAAK;EACjC;EACA,iBAAiB;GACf,EAAa,8BAA8B,SAAS;EACtD;EACA,UAAS,MAAS;GAChB,EAAa,EAAM,SAAS,QAAQ;EACtC;CACF,CAAC,GAEK,IAA2B,SACxB;EACL,UAAU;EACV,GAAG;EACH,UAAU,KAAa,EAAsB;EAC7C,eAAe,EAA0B,EAAI;CAC/C,IACA,CAAC,GAAuB,CAAS,CACnC,GAEM,IAAmD,SAChD;EACL,OAAO;EACP,gBAAgB,EAA0B,EAAK;EAC/C,MAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,YAAY;KAAQ,IAAI;IAAI;cAAG;GAEvD,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI,EAAE,IAAI,IAAI;cAAG;GAInC,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI,EAAE,IAAI,IAAI;cAC1C,kBAAC,GAAD;KACE,MACE;eAEH;IAEK,CAAA;GACI,CAAA;EACZ,EAAA,CAAA;EAEJ,iBAAiB;GACf,EAAoB,CAAM;EAC5B;EACA,oBAAoB;GAClB,UAAU;GACV,UAAU;GACV,WAAW,IAAY,kBAAC,GAAD,CAAiB,CAAA,IAAI;EAC9C;EACA,mBAAmB,EAAE,UAAU,EAAU;CAC3C,IACA;EAAC;EAAW;EAAqB;EAAwB;CAAM,CACjE;CAEA,OAAO;EAAE,YAAY,KAAS;EAAO;EAAa;CAAwB;AAC5E"}

package/dist/components/AcknowledgementsPage/AcknowledgementsDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AcknowledgementsDialog.js","names":[],"sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsDialog.tsx"],"sourcesContent":["import { Box, Button, Link, Typography } from '@mui/material'\nimport { DialogBase } from '../DialogBase'\nimport { AcknowledgementItem } from './AcknowledgementsPage'\nimport { useMemo } from 'react'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { displayToast } from '../ToastMessage'\n\nexport type AcknowledgementsDialogProps = {\n open: boolean\n onClose: () => void\n createDoiHelpUrl: string\n portalAcknowledgement?: string\n dataAvailabilityStatement?: string\n studyAcknowledgements?: AcknowledgementItem[]\n}\n\nexport function AcknowledgementsDialog(props: AcknowledgementsDialogProps) {\n const {\n createDoiHelpUrl,\n open,\n onClose,\n portalAcknowledgement,\n dataAvailabilityStatement,\n studyAcknowledgements,\n } = props\n\n const textContent = useMemo(() => {\n let content = ''\n if (portalAcknowledgement) {\n content += `PORTAL ACKNOWLEDGEMENT STATEMENT\\n\\n${portalAcknowledgement}\\n\\n`\n }\n if (studyAcknowledgements && studyAcknowledgements.length > 0) {\n content += 'STUDY-SPECIFIC ACKNOWLEDGEMENT STATEMENTS:\\n\\n'\n studyAcknowledgements.forEach(item => {\n content += `* ${item.title}\\n\\n${item.statement}\\n\\n`\n })\n }\n if (dataAvailabilityStatement) {\n content += `DATA AVAILABILITY STATEMENT\\n\\n${dataAvailabilityStatement}\\n\\n`\n }\n return content.trim()\n }, [portalAcknowledgement, dataAvailabilityStatement, studyAcknowledgements])\n return (\n <DialogBase\n title=\"Acknowledgement Text\"\n open={open}\n onCancel={onClose}\n maxWidth=\"md\"\n content={\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>\n <Box\n sx={{\n p: '12px',\n backgroundColor: '#FBF4E0',\n height: 'fit-content',\n }}\n >\n <Typography variant=\"body1\">\n <strong>Note:</strong> You must customize the text in the Data\n Availability Statement to match the contents used in your\n publication.{' '}\n <Link\n href={createDoiHelpUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n How do I generate a DOI for my dataset?\n </Link>\n </Typography>\n </Box>\n <Box\n sx={{\n p: '10px',\n backgroundColor: 'grey.200',\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-word',\n height: '250px',\n overflow: 'auto',\n }}\n >\n <Typography variant=\"body1\">{textContent}</Typography>\n </Box>\n </Box>\n }\n actions={\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => {\n copyStringToClipboard(textContent).then(() => {\n displayToast('Successfully copied to clipboard', 'success')\n })\n }}\n >\n Copy to Clipboard\n </Button>\n }\n ></DialogBase>\n )\n}\n\nexport default AcknowledgementsDialog\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EACJ,qBACA,SACA,YACA,0BACA,8BACA,6BACE,GAEE,IAAc,QAAc;EAChC,IAAI,IAAU;~~AAad~~,~~SAZI~~,MACF,KAAW,uCAAuC,EAAsB,QAEtE,KAAyB,EAAsB,SAAS,MAC1D,KAAW,kDACX,EAAsB,SAAQ,MAAQ;~~AACpC~~,~~QAAW~~,KAAK,EAAK,MAAM,MAAM,EAAK,UAAU;~~IAChD~~,~~GAEA~~,MACF,KAAW,kCAAkC,EAA0B,QAElE,EAAQ,~~MAAM~~;~~IACpB~~;EAAC;EAAuB;EAA2B;~~EAAsB~~,CAAC;~~AAC7E~~,~~QACE~~,kBAAC,GAAD;EACE,OAAM;EACA;EACN,UAAU;EACV,UAAS;EACT,SACE,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,eAAe;IAAU,KAAK;~~IAAQ~~;~~aAAlE~~,CACE,kBAAC,GAAD;IACE,IAAI;KACF,GAAG;KACH,iBAAiB;KACjB,QAAQ;~~KACT~~;~~cAED~~,kBAAC,GAAD;KAAY,SAAQ;eAApB;MACE,kBAAC,UAAD,EAAA,UAAQ,~~SAAc~~,CAAA;;MAET;MACb,kBAAC,GAAD;OACE,MAAM;OACN,QAAO;OACP,KAAI;iBACL;~~OAEM~~,CAAA;~~MACI~~;;~~IACT~~,CAAA,~~EACN~~,kBAAC,GAAD;IACE,IAAI;KACF,GAAG;KACH,iBAAiB;KACjB,YAAY;KACZ,WAAW;KACX,QAAQ;KACR,UAAU;~~KACX~~;~~cAED~~,kBAAC,GAAD;KAAY,SAAQ;eAAS;~~KAAyB~~,CAAA;~~IAClD~~,CAAA,CACF;;~~EAER~~,SACE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;~~AACb~~,~~MAAsB~~,~~EAAY~~,~~CAAC~~,WAAW;~~AAC5C~~,~~OAAa~~,oCAAoC,~~UAAU~~;~~MAC3D;;aAEL~~;~~GAEQ~~,CAAA;~~EAEC~~,CAAA"}
1	+ {"version":3,"file":"AcknowledgementsDialog.js","names":[],"sources":["../../../src/components/AcknowledgementsPage/AcknowledgementsDialog.tsx"],"sourcesContent":["import { Box, Button, Link, Typography } from '@mui/material'\nimport { DialogBase } from '../DialogBase'\nimport { AcknowledgementItem } from './AcknowledgementsPage'\nimport { useMemo } from 'react'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { displayToast } from '../ToastMessage'\n\nexport type AcknowledgementsDialogProps = {\n open: boolean\n onClose: () => void\n createDoiHelpUrl: string\n portalAcknowledgement?: string\n dataAvailabilityStatement?: string\n studyAcknowledgements?: AcknowledgementItem[]\n}\n\nexport function AcknowledgementsDialog(props: AcknowledgementsDialogProps) {\n const {\n createDoiHelpUrl,\n open,\n onClose,\n portalAcknowledgement,\n dataAvailabilityStatement,\n studyAcknowledgements,\n } = props\n\n const textContent = useMemo(() => {\n let content = ''\n if (portalAcknowledgement) {\n content += `PORTAL ACKNOWLEDGEMENT STATEMENT\\n\\n${portalAcknowledgement}\\n\\n`\n }\n if (studyAcknowledgements && studyAcknowledgements.length > 0) {\n content += 'STUDY-SPECIFIC ACKNOWLEDGEMENT STATEMENTS:\\n\\n'\n studyAcknowledgements.forEach(item => {\n content += `* ${item.title}\\n\\n${item.statement}\\n\\n`\n })\n }\n if (dataAvailabilityStatement) {\n content += `DATA AVAILABILITY STATEMENT\\n\\n${dataAvailabilityStatement}\\n\\n`\n }\n return content.trim()\n }, [portalAcknowledgement, dataAvailabilityStatement, studyAcknowledgements])\n return (\n <DialogBase\n title=\"Acknowledgement Text\"\n open={open}\n onCancel={onClose}\n maxWidth=\"md\"\n content={\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>\n <Box\n sx={{\n p: '12px',\n backgroundColor: '#FBF4E0',\n height: 'fit-content',\n }}\n >\n <Typography variant=\"body1\">\n <strong>Note:</strong> You must customize the text in the Data\n Availability Statement to match the contents used in your\n publication.{' '}\n <Link\n href={createDoiHelpUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n How do I generate a DOI for my dataset?\n </Link>\n </Typography>\n </Box>\n <Box\n sx={{\n p: '10px',\n backgroundColor: 'grey.200',\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-word',\n height: '250px',\n overflow: 'auto',\n }}\n >\n <Typography variant=\"body1\">{textContent}</Typography>\n </Box>\n </Box>\n }\n actions={\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => {\n copyStringToClipboard(textContent).then(() => {\n displayToast('Successfully copied to clipboard', 'success')\n })\n }}\n >\n Copy to Clipboard\n </Button>\n }\n ></DialogBase>\n )\n}\n\nexport default AcknowledgementsDialog\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EACJ,qBACA,SACA,YACA,0BACA,8BACA,6BACE,GAEE,IAAc,QAAc;EAChC,IAAI,IAAU;EAad,OAZI,MACF,KAAW,uCAAuC,EAAsB,QAEtE,KAAyB,EAAsB,SAAS,MAC1D,KAAW,kDACX,EAAsB,SAAQ,MAAQ;GACpC,KAAW,KAAK,EAAK,MAAM,MAAM,EAAK,UAAU;EAClD,CAAC,IAEC,MACF,KAAW,kCAAkC,EAA0B,QAElE,EAAQ,KAAK;CACtB,GAAG;EAAC;EAAuB;EAA2B;CAAqB,CAAC;CAC5E,OACE,kBAAC,GAAD;EACE,OAAM;EACA;EACN,UAAU;EACV,UAAS;EACT,SACE,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,eAAe;IAAU,KAAK;GAAO;aAAjE,CACE,kBAAC,GAAD;IACE,IAAI;KACF,GAAG;KACH,iBAAiB;KACjB,QAAQ;IACV;cAEA,kBAAC,GAAD;KAAY,SAAQ;eAApB;MACE,kBAAC,UAAD,EAAA,UAAQ,QAAa,CAAA;MAAC;MAET;MACb,kBAAC,GAAD;OACE,MAAM;OACN,QAAO;OACP,KAAI;iBACL;MAEK,CAAA;KACI;;GACT,CAAA,GACL,kBAAC,GAAD;IACE,IAAI;KACF,GAAG;KACH,iBAAiB;KACjB,YAAY;KACZ,WAAW;KACX,QAAQ;KACR,UAAU;IACZ;cAEA,kBAAC,GAAD;KAAY,SAAQ;eAAS;IAAwB,CAAA;GAClD,CAAA,CACF;;EAEP,SACE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAsB,CAAW,EAAE,WAAW;KAC5C,EAAa,oCAAoC,SAAS;IAC5D,CAAC;GACH;aACD;EAEO,CAAA;CAEC,CAAA;AAEjB"}

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

	@@ -1 +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 \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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"}
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 \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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"}

package/dist/components/AcknowledgementsPage/StudyAcknowledgement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StudyAcknowledgement.js","names":[],"sources":["../../../src/components/AcknowledgementsPage/StudyAcknowledgement.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport MarkdownCollapse from '../Markdown/MarkdownCollapse'\nimport { transformStringIntoMarkdownProps } from '../Markdown/MarkdownUtils'\nimport { AcknowledgementItem } from './AcknowledgementsPage'\nimport { Box, Checkbox, FormControlLabel, Typography } from '@mui/material'\n\nexport type StudyAcknowledgementProps = {\n studyName: string\n acknowledgementStatementWikiRef: string\n onSelectChange?: (item: AcknowledgementItem, checked: boolean) => void\n}\n\nexport function StudyAcknowledgement({\n studyName,\n acknowledgementStatementWikiRef,\n onSelectChange,\n}: StudyAcknowledgementProps) {\n const [acknowledgementItem, setAcknowledgementItem] = useState<\n AcknowledgementItem \| undefined\n >()\n const [checked, setChecked] = useState(false)\n const setPlainTextResult = (plainText: string) => {\n setAcknowledgementItem({\n title: studyName,\n statement: plainText,\n })\n }\n const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const isChecked = event.target.checked\n setChecked(isChecked)\n if (acknowledgementItem && onSelectChange) {\n onSelectChange(acknowledgementItem, isChecked)\n }\n }\n const markdownCollapseProps = useMemo(() => {\n return transformStringIntoMarkdownProps(acknowledgementStatementWikiRef)\n }, [acknowledgementStatementWikiRef])\n return (\n <Box sx={{ mb: '20px' }}>\n <FormControlLabel\n control={\n <Checkbox\n checked={checked}\n onChange={handleCheckboxChange}\n disabled={!acknowledgementItem}\n />\n }\n label={<Typography variant=\"body1\">{studyName}</Typography>}\n />\n <MarkdownCollapse\n {...markdownCollapseProps}\n setPlainTextResult={setPlainTextResult}\n showCopyPlainText={true}\n textDescription=\"full statement\"\n />\n </Box>\n )\n}\n"],"mappings":";;;;;;AAYA,SAAgB,EAAqB,EACnC,cACA,oCACA,qBAC4B;CAC5B,IAAM,CAAC,GAAqB,KAA0B,~~GAEnD~~,~~EACG~~,CAAC,GAAS,KAAc,EAAS,~~GAAM~~,~~EACvC~~,KAAsB,MAAsB;~~AAChD~~,~~IAAuB~~;GACrB,OAAO;GACP,WAAW;~~GACZ~~,CAAC;~~IAEE~~,KAAwB,MAA+C;EAC3E,IAAM,IAAY,EAAM,OAAO;~~AAE~~/B,~~EADA~~,EAAW,~~EAAU~~,~~EACjB~~,KAAuB,KACzB,EAAe,GAAqB,~~EAAU~~;~~IAG5C~~,IAAwB,QACrB,EAAiC,~~EAAgC~~,~~EACvE~~,CAAC,~~EAAgC~~,CAAC;~~AACrC~~,~~QACE~~,kBAAC,GAAD;EAAK,IAAI,EAAE,IAAI,~~QAAQ~~;~~YAAvB~~,CACE,kBAAC,GAAD;GACE,SACE,kBAAC,GAAD;IACW;IACT,UAAU;IACV,UAAU,CAAC;~~IACX~~,CAAA;~~GAEJ~~,OAAO,kBAAC,GAAD;IAAY,SAAQ;cAAS;~~IAAuB~~,CAAA;~~GAC3D~~,CAAA,~~EACF~~,kBAAC,GAAD;GACE,GAAI;GACgB;GACpB,mBAAmB;GACnB,iBAAgB;~~GAChB~~,CAAA,CACE"}
1	+ {"version":3,"file":"StudyAcknowledgement.js","names":[],"sources":["../../../src/components/AcknowledgementsPage/StudyAcknowledgement.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport MarkdownCollapse from '../Markdown/MarkdownCollapse'\nimport { transformStringIntoMarkdownProps } from '../Markdown/MarkdownUtils'\nimport { AcknowledgementItem } from './AcknowledgementsPage'\nimport { Box, Checkbox, FormControlLabel, Typography } from '@mui/material'\n\nexport type StudyAcknowledgementProps = {\n studyName: string\n acknowledgementStatementWikiRef: string\n onSelectChange?: (item: AcknowledgementItem, checked: boolean) => void\n}\n\nexport function StudyAcknowledgement({\n studyName,\n acknowledgementStatementWikiRef,\n onSelectChange,\n}: StudyAcknowledgementProps) {\n const [acknowledgementItem, setAcknowledgementItem] = useState<\n AcknowledgementItem \| undefined\n >()\n const [checked, setChecked] = useState(false)\n const setPlainTextResult = (plainText: string) => {\n setAcknowledgementItem({\n title: studyName,\n statement: plainText,\n })\n }\n const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const isChecked = event.target.checked\n setChecked(isChecked)\n if (acknowledgementItem && onSelectChange) {\n onSelectChange(acknowledgementItem, isChecked)\n }\n }\n const markdownCollapseProps = useMemo(() => {\n return transformStringIntoMarkdownProps(acknowledgementStatementWikiRef)\n }, [acknowledgementStatementWikiRef])\n return (\n <Box sx={{ mb: '20px' }}>\n <FormControlLabel\n control={\n <Checkbox\n checked={checked}\n onChange={handleCheckboxChange}\n disabled={!acknowledgementItem}\n />\n }\n label={<Typography variant=\"body1\">{studyName}</Typography>}\n />\n <MarkdownCollapse\n {...markdownCollapseProps}\n setPlainTextResult={setPlainTextResult}\n showCopyPlainText={true}\n textDescription=\"full statement\"\n />\n </Box>\n )\n}\n"],"mappings":";;;;;;AAYA,SAAgB,EAAqB,EACnC,cACA,oCACA,qBAC4B;CAC5B,IAAM,CAAC,GAAqB,KAA0B,EAEpD,GACI,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,KAAsB,MAAsB;EAChD,EAAuB;GACrB,OAAO;GACP,WAAW;EACb,CAAC;CACH,GACM,KAAwB,MAA+C;EAC3E,IAAM,IAAY,EAAM,OAAO;EAE/B,AADA,EAAW,CAAS,GAChB,KAAuB,KACzB,EAAe,GAAqB,CAAS;CAEjD,GACM,IAAwB,QACrB,EAAiC,CAA+B,GACtE,CAAC,CAA+B,CAAC;CACpC,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,IAAI,OAAO;YAAtB,CACE,kBAAC,GAAD;GACE,SACE,kBAAC,GAAD;IACW;IACT,UAAU;IACV,UAAU,CAAC;GACZ,CAAA;GAEH,OAAO,kBAAC,GAAD;IAAY,SAAQ;cAAS;GAAsB,CAAA;EAC3D,CAAA,GACD,kBAAC,GAAD;GACE,GAAI;GACgB;GACpB,mBAAmB;GACnB,iBAAgB;EACjB,CAAA,CACE;;AAET"}

package/dist/components/AcknowledgementsPage/StudyAcknowledgements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StudyAcknowledgements.js","names":[],"sources":["../../../src/components/AcknowledgementsPage/StudyAcknowledgements.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { StudyAcknowledgement } from './StudyAcknowledgement'\nimport { AcknowledgementItem } from './AcknowledgementsPage'\n\nexport type StudyAcknowledgementsProps = {\n // First column should be the study name, second column should be the acknowledgement statement\n sql: string\n onSelectChange?: (item: AcknowledgementItem, checked: boolean) => void\n}\n\nexport function StudyAcknowledgements({\n sql,\n onSelectChange,\n}: StudyAcknowledgementsProps) {\n const entityId = parseEntityIdFromSqlStatement(sql)\n const { data } = useGetQueryResultBundleWithAsyncStatus({\n entityId: entityId,\n query: {\n sql,\n },\n partMask: BUNDLE_MASK_QUERY_RESULTS,\n concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n })\n\n // get raw data. parse and then inject? or just inject without parsing?\n const rows = data?.responseBody?.queryResult?.queryResults?.rows\n return (\n <>\n {rows?.map((row, index) => {\n const studyName = row.values[0]\n const acknowledgementStatementWikiRef = row.values[1]\n if (!studyName \|\| !acknowledgementStatementWikiRef) {\n return null\n }\n return (\n <StudyAcknowledgement\n key={index}\n studyName={studyName}\n acknowledgementStatementWikiRef={acknowledgementStatementWikiRef}\n onSelectChange={onSelectChange}\n />\n )\n })}\n </>\n )\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAsB,EACpC,QACA,qBAC6B;CAE7B,IAAM,EAAE,YAAS,EAAuC;EAC5C,UAFK,EAA8B,~~EAEnC~~;EACV,OAAO,EACL,~~QACD~~;~~EACD~~,UAAA;EACA,cAAc;~~EACf~~,CAAC,~~EAGI~~,IAAO,GAAM,cAAc,aAAa,cAAc;~~AAC5D~~,~~QACE~~,kBAAA,GAAA,EAAA,UACG,GAAM,KAAK,GAAK,MAAU;EACzB,IAAM,IAAY,EAAI,OAAO,IACvB,IAAkC,EAAI,OAAO;~~AAInD~~,~~SAHI~~,CAAC,KAAa,CAAC,IACV,OAGP,kBAAC,GAAD;GAEa;GACsB;GACjB;~~GAChB~~,~~EAJK~~,~~EAIL~~;~~GAEJ~~,EACD,CAAA"}
1	+ {"version":3,"file":"StudyAcknowledgements.js","names":[],"sources":["../../../src/components/AcknowledgementsPage/StudyAcknowledgements.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { StudyAcknowledgement } from './StudyAcknowledgement'\nimport { AcknowledgementItem } from './AcknowledgementsPage'\n\nexport type StudyAcknowledgementsProps = {\n // First column should be the study name, second column should be the acknowledgement statement\n sql: string\n onSelectChange?: (item: AcknowledgementItem, checked: boolean) => void\n}\n\nexport function StudyAcknowledgements({\n sql,\n onSelectChange,\n}: StudyAcknowledgementsProps) {\n const entityId = parseEntityIdFromSqlStatement(sql)\n const { data } = useGetQueryResultBundleWithAsyncStatus({\n entityId: entityId,\n query: {\n sql,\n },\n partMask: BUNDLE_MASK_QUERY_RESULTS,\n concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n })\n\n // get raw data. parse and then inject? or just inject without parsing?\n const rows = data?.responseBody?.queryResult?.queryResults?.rows\n return (\n <>\n {rows?.map((row, index) => {\n const studyName = row.values[0]\n const acknowledgementStatementWikiRef = row.values[1]\n if (!studyName \|\| !acknowledgementStatementWikiRef) {\n return null\n }\n return (\n <StudyAcknowledgement\n key={index}\n studyName={studyName}\n acknowledgementStatementWikiRef={acknowledgementStatementWikiRef}\n onSelectChange={onSelectChange}\n />\n )\n })}\n </>\n )\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAsB,EACpC,QACA,qBAC6B;CAE7B,IAAM,EAAE,YAAS,EAAuC;EAC5C,UAFK,EAA8B,CAEnC;EACV,OAAO,EACL,OACF;EACA,UAAA;EACA,cAAc;CAChB,CAAC,GAGK,IAAO,GAAM,cAAc,aAAa,cAAc;CAC5D,OACE,kBAAA,GAAA,EAAA,UACG,GAAM,KAAK,GAAK,MAAU;EACzB,IAAM,IAAY,EAAI,OAAO,IACvB,IAAkC,EAAI,OAAO;EAInD,OAHI,CAAC,KAAa,CAAC,IACV,OAGP,kBAAC,GAAD;GAEa;GACsB;GACjB;EACjB,GAJM,CAIN;CAEL,CAAC,EACD,CAAA;AAEN"}