npm - synapse-react-client - Versions diffs - 4.0.18 → 4.0.20 - Mend

synapse-react-client 4.0.18 → 4.0.20

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 (1609) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AclEditor.js","names":[],"sources":["../../../src/components/AclEditor/AclEditor.tsx"],"sourcesContent":["import { PermissionLevel } from '@/utils/PermissionLevelToAccessType'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport {\n Box,\n Button,\n ButtonProps,\n Checkbox,\n Collapse,\n FormControlLabel,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport React, { ReactNode } from 'react'\nimport { TransitionGroup } from 'react-transition-group'\nimport IconSvg from '../IconSvg'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport { AclEditorSkeleton } from './AclEditorSkeleton'\nimport { ResourceAccessItem } from './ResourceAccessItem'\nimport useUpdateAcl from './useUpdateAcl'\n\nexport const ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL = 'Add a user or team'\nexport const ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT = 'Make Public'\nexport const REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT = 'Remove Public Access'\n\nexport type AclEditorProps = {\n resourceAccessList: ResourceAccess[]\n availablePermissionLevels: PermissionLevel[]\n /** If true, the user can edit the ACL. If a function, it will be called with the ResourceAccess to determine if the user can edit it. /\n canEdit: boolean \| ((resourceAccess: ResourceAccess) => boolean)\n /* If true, object ACL is inherited from another object /\n isInherited: boolean\n /\n If true, the user can remove any entry from the ACL. a function, it will be called with the ResourceAccess to determine if the user can remove it.\n * If undefined, then the behavior will fall back to the value of `canEdit`\n /\n canRemoveEntry?: boolean \| ((resourceAccess: ResourceAccess) => boolean)\n isLoading?: boolean\n emptyText: ReactNode\n onAddPrincipalToAcl: (id: number) => void\n updateResourceAccessItem: ReturnType<\n typeof useUpdateAcl\n >['updateResourceAccessItem']\n removeResourceAccessItem: ReturnType<\n typeof useUpdateAcl\n >['removeResourceAccessItem']\n /* If true, shows a button to add/remove AUTHENTICATED and PUBLIC groups when in edit mode /\n showAddRemovePublicButton: boolean\n /* If present, a checkbox to notify those added to the email will be shown. /\n showNotifyCheckbox: boolean\n notifyCheckboxValue?: boolean\n onNotifyCheckboxChange?: (checked: boolean) => void\n /\n In special cases, can be used to display a permission level that is different from the typical permission levels.\n * For example, the PUBLIC group \"Can download\" an entity if they have READ access and the entity is marked as\n * \"open data\" (open data status is not captured in the ResourceAccess)\n */\n displayedPermissionLevelOverride?: (\n resourceAccess: ResourceAccess,\n ) => string \| undefined\n}\n\nexport const NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL = 'Notify people via email'\n\nexport function AclEditor(props: AclEditorProps): React.ReactNode {\n const {\n resourceAccessList,\n availablePermissionLevels,\n canEdit,\n isInherited,\n canRemoveEntry = canEdit,\n isLoading = false,\n emptyText,\n onAddPrincipalToAcl,\n updateResourceAccessItem,\n removeResourceAccessItem,\n showAddRemovePublicButton,\n showNotifyCheckbox,\n notifyCheckboxValue,\n onNotifyCheckboxChange = noop,\n displayedPermissionLevelOverride,\n } = props\n\n const { data, isLoading: isLoadingRealmPrincipals } = useGetRealmPrincipals()\n const realmPrincipals = data \|\| {}\n const {\n authenticatedUsers: authenticatedUsersId,\n publicGroup: publicGroupId,\n anonymousUser: anonymousUserId,\n } = realmPrincipals\n\n const publicPrincipalIds = [\n authenticatedUsersId,\n publicGroupId,\n anonymousUserId,\n ].filter((id): id is string => id !== undefined)\n\n if (isLoading \|\| isLoadingRealmPrincipals) {\n return <AclEditorSkeleton />\n }\n\n const resourceAccessListCurrentlyIncludesPublic = Boolean(\n resourceAccessList.find(resourceAccess =>\n publicPrincipalIds.some(id => resourceAccess.principalId === Number(id)),\n ),\n )\n\n const addOrRemovePublicButtonProps: ButtonProps =\n resourceAccessListCurrentlyIncludesPublic\n ? {\n startIcon: <IconSvg icon={'close'} wrap={false} />,\n children: REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n onClick: () => {\n publicPrincipalIds.forEach(publicId => {\n removeResourceAccessItem(Number(publicId))\n })\n },\n }\n : {\n startIcon: <IconSvg icon={'public'} wrap={false} />,\n children: ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n onClick: () => {\n if (publicGroupId) onAddPrincipalToAcl(Number(publicGroupId))\n if (authenticatedUsersId)\n onAddPrincipalToAcl(Number(authenticatedUsersId))\n },\n }\n\n return (\n <Box>\n <Box\n sx={{\n mb: '30px',\n }}\n >\n <Typography\n variant=\"headline3\"\n sx={{\n mb: '10px',\n }}\n >\n Users and Teams with Permissions\n </Typography>\n\n {resourceAccessList.length === 0 ? (\n <Typography variant=\"body1Italic\">{emptyText}</Typography>\n ) : (\n <TransitionGroup>\n {resourceAccessList.map(resourceAccess => {\n const canChangePermission =\n typeof canEdit === 'function'\n ? canEdit(resourceAccess)\n : canEdit\n const canDelete =\n typeof canRemoveEntry === 'function'\n ? canRemoveEntry(resourceAccess)\n : canRemoveEntry\n\n const permissionLevelOverride = displayedPermissionLevelOverride\n ? displayedPermissionLevelOverride(resourceAccess)\n : undefined\n return (\n <Collapse key={resourceAccess.principalId}>\n <ResourceAccessItem\n resourceAccess={resourceAccess}\n availablePermissionLevels={availablePermissionLevels}\n canChangePermission={canChangePermission}\n displayedPermissionLevelOverride={permissionLevelOverride}\n showDeleteButton={canDelete}\n onChange={accessType =>\n updateResourceAccessItem(\n resourceAccess.principalId,\n accessType,\n )\n }\n onRemove={() =>\n removeResourceAccessItem(resourceAccess.principalId)\n }\n />\n </Collapse>\n )\n })}\n </TransitionGroup>\n )}\n </Box>\n {canEdit && (\n <Box>\n <Typography\n variant=\"headline3\"\n sx={{\n mb: '10px',\n }}\n >\n Add More\n </Typography>\n <Typography\n sx={{\n mb: '20px',\n variant: 'body1',\n lineHeight: '20px',\n fontStyle: 'italic',\n color: 'text.secondary',\n }}\n >\n Search for a username or team to add. You can search by username,\n first or last names, or team name.\n </Typography>\n <Box sx={{ mb: 1 }}>\n <Typography\n component=\"label\"\n variant=\"smallText2\"\n htmlFor=\"reviewer-search\"\n >\n {ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL}\n </Typography>\n <UserSearchBox\n value={null}\n inputId=\"reviewer-search\"\n placeholder=\"Username, name (first and last) or team name.\"\n onChange={id => {\n const parsedId = parseInt(id \|\| '')\n if (parsedId) {\n onAddPrincipalToAcl(parsedId)\n }\n }}\n />\n </Box>\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n gap: 2,\n }}\n >\n <Box>\n {showAddRemovePublicButton && (\n <Button\n size={'small'}\n variant={'outlined'}\n {...addOrRemovePublicButtonProps}\n />\n )}\n </Box>\n {showNotifyCheckbox && (\n <Tooltip\n title={\n 'Select to notify newly added people that this item has been shared with them'\n }\n >\n <FormControlLabel\n sx={{ mr: 0 }}\n control={\n <Checkbox\n value={notifyCheckboxValue}\n onChange={() =>\n onNotifyCheckboxChange(!notifyCheckboxValue)\n }\n />\n }\n label={\n <Typography variant={'smallText1'}>\n {NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL}\n </Typography>\n }\n />\n </Tooltip>\n )}\n </Box>\n </Box>\n )}\n {!canEdit && !isInherited && (\n <Typography variant={'body1'}>\n You do not have sufficient privileges to modify the sharing settings.\n </Typography>\n )}\n </Box>\n )\n}\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,IAAsC,sBACtC,IAAoC,eACpC,IAAuC,wBAuCvC,IAAsC;AAEnD,SAAgB,EAAU,GAAwC;CAChE,IAAM,EACJ,uBACA,8BACA,YACA,gBACA,oBAAiB,GACjB,eAAY,IACZ,cACA,wBACA,6BACA,6BACA,8BACA,uBACA,wBACA,4BAAyB,GACzB,wCACE,GAEE,EAAE,SAAM,WAAW,MAA6B,GAAuB,EAEvE,EACJ,oBAAoB,GACpB,aAAa,GACb,eAAe,MAJO,KAAQ,EAAE,EAO5B,IAAqB;EACzB;EACA;EACA;EACD,CAAC,QAAQ,MAAqB,MAAO,KAAA,EAAU;AAEhD,KAAI,KAAa,EACf,QAAO,kBAAC,GAAD,EAAqB,CAAA;CAS9B,IAAM,IALJ,EAAmB,MAAK,MACtB,EAAmB,MAAK,MAAM,EAAe,gBAAgB,OAAO,EAAG,CAAC,CACzE,GAKG;EACE,WAAW,kBAAC,GAAD;GAAS,MAAM;GAAS,MAAM;GAAS,CAAA;EAClD,UAAU;EACV,eAAe;AACb,KAAmB,SAAQ,MAAY;AACrC,MAAyB,OAAO,EAAS,CAAC;KAC1C;;EAEL,GACD;EACE,WAAW,kBAAC,GAAD;GAAS,MAAM;GAAU,MAAM;GAAS,CAAA;EACnD,UAAU;EACV,eAAe;AAEb,GADI,KAAe,EAAoB,OAAO,EAAc,CAAC,EACzD,KACF,EAAoB,OAAO,EAAqB,CAAC;;EAEtD;AAEP,QACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,QACL;aAHH,CAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,IAAI,QACL;cACF;IAEY,CAAA,EAEZ,EAAmB,WAAW,IAC7B,kBAAC,GAAD;IAAY,SAAQ;cAAe;IAAuB,CAAA,GAE1D,kBAAC,GAAD,EAAA,UACG,EAAmB,KAAI,MAAkB;IACxC,IAAM,IACJ,OAAO,KAAY,aACf,EAAQ,EAAe,GACvB,GACA,IACJ,OAAO,KAAmB,aACtB,EAAe,EAAe,GAC9B;AAKN,WACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACkB;KACW;KACN;KACrB,kCAT0B,IAC5B,EAAiC,EAAe,GAChD,KAAA;KAQE,kBAAkB;KAClB,WAAU,MACR,EACE,EAAe,aACf,EACD;KAEH,gBACE,EAAyB,EAAe,YAAY;KAEtD,CAAA,EACO,EAjBI,EAAe,YAiBnB;KAEb,EACc,CAAA,CAEhB;;EACL,KACC,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,IAAI,QACL;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,IAAI;KACF,IAAI;KACJ,SAAS;KACT,YAAY;KACZ,WAAW;KACX,OAAO;KACR;cACF;IAGY,CAAA;GACb,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,GAAG;cAAlB,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;;KAGG,CAAA,EACb,kBAAC,GAAD;KACE,OAAO;KACP,SAAQ;KACR,aAAY;KACZ,WAAU,MAAM;MACd,IAAM,IAAW,SAAS,KAAM,GAAG;AACnC,MAAI,KACF,EAAoB,EAAS;;KAGjC,CAAA,CACE;;GACN,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,gBAAgB;KAChB,KAAK;KACN;cALH,CAOE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;KACE,MAAM;KACN,SAAS;KACT,GAAI;KACJ,CAAA,EAEA,CAAA,EACL,KACC,kBAAC,GAAD;KACE,OACE;eAGF,kBAAC,GAAD;MACE,IAAI,EAAE,IAAI,GAAG;MACb,SACE,kBAAC,GAAD;OACE,OAAO;OACP,gBACE,EAAuB,CAAC,EAAoB;OAE9C,CAAA;MAEJ,OACE,kBAAC,GAAD;OAAY,SAAS;;OAER,CAAA;MAEf,CAAA;KACM,CAAA,CAER;;GACF,EAAA,CAAA;EAEP,CAAC,KAAW,CAAC,KACZ,kBAAC,GAAD;GAAY,SAAS;aAAS;GAEjB,CAAA;EAEX,EAAA,CAAA"}
1	+ {"version":3,"file":"AclEditor.js","names":[],"sources":["../../../src/components/AclEditor/AclEditor.tsx"],"sourcesContent":["import { PermissionLevel } from '@/utils/PermissionLevelToAccessType'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport {\n Box,\n Button,\n ButtonProps,\n Checkbox,\n Collapse,\n FormControlLabel,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport React, { ReactNode } from 'react'\nimport { TransitionGroup } from 'react-transition-group'\nimport IconSvg from '../IconSvg'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport { AclEditorSkeleton } from './AclEditorSkeleton'\nimport { ResourceAccessItem } from './ResourceAccessItem'\nimport useUpdateAcl from './useUpdateAcl'\n\nexport const ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL = 'Add a user or team'\nexport const ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT = 'Make Public'\nexport const REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT = 'Remove Public Access'\n\nexport type AclEditorProps = {\n resourceAccessList: ResourceAccess[]\n availablePermissionLevels: PermissionLevel[]\n /** If true, the user can edit the ACL. If a function, it will be called with the ResourceAccess to determine if the user can edit it. /\n canEdit: boolean \| ((resourceAccess: ResourceAccess) => boolean)\n /* If true, object ACL is inherited from another object /\n isInherited: boolean\n /\n If true, the user can remove any entry from the ACL. a function, it will be called with the ResourceAccess to determine if the user can remove it.\n * If undefined, then the behavior will fall back to the value of `canEdit`\n /\n canRemoveEntry?: boolean \| ((resourceAccess: ResourceAccess) => boolean)\n isLoading?: boolean\n emptyText: ReactNode\n onAddPrincipalToAcl: (id: number) => void\n updateResourceAccessItem: ReturnType<\n typeof useUpdateAcl\n >['updateResourceAccessItem']\n removeResourceAccessItem: ReturnType<\n typeof useUpdateAcl\n >['removeResourceAccessItem']\n /* If true, shows a button to add/remove AUTHENTICATED and PUBLIC groups when in edit mode /\n showAddRemovePublicButton: boolean\n /* If present, a checkbox to notify those added to the email will be shown. /\n showNotifyCheckbox: boolean\n notifyCheckboxValue?: boolean\n onNotifyCheckboxChange?: (checked: boolean) => void\n /\n In special cases, can be used to display a permission level that is different from the typical permission levels.\n * For example, the PUBLIC group \"Can download\" an entity if they have READ access and the entity is marked as\n * \"open data\" (open data status is not captured in the ResourceAccess)\n */\n displayedPermissionLevelOverride?: (\n resourceAccess: ResourceAccess,\n ) => string \| undefined\n}\n\nexport const NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL = 'Notify people via email'\n\nexport function AclEditor(props: AclEditorProps): React.ReactNode {\n const {\n resourceAccessList,\n availablePermissionLevels,\n canEdit,\n isInherited,\n canRemoveEntry = canEdit,\n isLoading = false,\n emptyText,\n onAddPrincipalToAcl,\n updateResourceAccessItem,\n removeResourceAccessItem,\n showAddRemovePublicButton,\n showNotifyCheckbox,\n notifyCheckboxValue,\n onNotifyCheckboxChange = noop,\n displayedPermissionLevelOverride,\n } = props\n\n const { data, isLoading: isLoadingRealmPrincipals } = useGetRealmPrincipals()\n const realmPrincipals = data \|\| {}\n const {\n authenticatedUsers: authenticatedUsersId,\n publicGroup: publicGroupId,\n anonymousUser: anonymousUserId,\n } = realmPrincipals\n\n const publicPrincipalIds = [\n authenticatedUsersId,\n publicGroupId,\n anonymousUserId,\n ].filter((id): id is string => id !== undefined)\n\n if (isLoading \|\| isLoadingRealmPrincipals) {\n return <AclEditorSkeleton />\n }\n\n const resourceAccessListCurrentlyIncludesPublic = Boolean(\n resourceAccessList.find(resourceAccess =>\n publicPrincipalIds.some(id => resourceAccess.principalId === Number(id)),\n ),\n )\n\n const addOrRemovePublicButtonProps: ButtonProps =\n resourceAccessListCurrentlyIncludesPublic\n ? {\n startIcon: <IconSvg icon={'close'} wrap={false} />,\n children: REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n onClick: () => {\n publicPrincipalIds.forEach(publicId => {\n removeResourceAccessItem(Number(publicId))\n })\n },\n }\n : {\n startIcon: <IconSvg icon={'public'} wrap={false} />,\n children: ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n onClick: () => {\n if (publicGroupId) onAddPrincipalToAcl(Number(publicGroupId))\n if (authenticatedUsersId)\n onAddPrincipalToAcl(Number(authenticatedUsersId))\n },\n }\n\n return (\n <Box>\n <Box\n sx={{\n mb: '30px',\n }}\n >\n <Typography\n variant=\"headline3\"\n sx={{\n mb: '10px',\n }}\n >\n Users and Teams with Permissions\n </Typography>\n\n {resourceAccessList.length === 0 ? (\n <Typography variant=\"body1Italic\">{emptyText}</Typography>\n ) : (\n <TransitionGroup>\n {resourceAccessList.map(resourceAccess => {\n const canChangePermission =\n typeof canEdit === 'function'\n ? canEdit(resourceAccess)\n : canEdit\n const canDelete =\n typeof canRemoveEntry === 'function'\n ? canRemoveEntry(resourceAccess)\n : canRemoveEntry\n\n const permissionLevelOverride = displayedPermissionLevelOverride\n ? displayedPermissionLevelOverride(resourceAccess)\n : undefined\n return (\n <Collapse key={resourceAccess.principalId}>\n <ResourceAccessItem\n resourceAccess={resourceAccess}\n availablePermissionLevels={availablePermissionLevels}\n canChangePermission={canChangePermission}\n displayedPermissionLevelOverride={permissionLevelOverride}\n showDeleteButton={canDelete}\n onChange={accessType =>\n updateResourceAccessItem(\n resourceAccess.principalId,\n accessType,\n )\n }\n onRemove={() =>\n removeResourceAccessItem(resourceAccess.principalId)\n }\n />\n </Collapse>\n )\n })}\n </TransitionGroup>\n )}\n </Box>\n {canEdit && (\n <Box>\n <Typography\n variant=\"headline3\"\n sx={{\n mb: '10px',\n }}\n >\n Add More\n </Typography>\n <Typography\n sx={{\n mb: '20px',\n variant: 'body1',\n lineHeight: '20px',\n fontStyle: 'italic',\n color: 'text.secondary',\n }}\n >\n Search for a username or team to add. You can search by username,\n first or last names, or team name.\n </Typography>\n <Box sx={{ mb: 1 }}>\n <Typography\n component=\"label\"\n variant=\"smallText2\"\n htmlFor=\"reviewer-search\"\n >\n {ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL}\n </Typography>\n <UserSearchBox\n value={null}\n inputId=\"reviewer-search\"\n placeholder=\"Username, name (first and last) or team name.\"\n onChange={id => {\n const parsedId = parseInt(id \|\| '')\n if (parsedId) {\n onAddPrincipalToAcl(parsedId)\n }\n }}\n />\n </Box>\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n gap: 2,\n }}\n >\n <Box>\n {showAddRemovePublicButton && (\n <Button\n size={'small'}\n variant={'outlined'}\n {...addOrRemovePublicButtonProps}\n />\n )}\n </Box>\n {showNotifyCheckbox && (\n <Tooltip\n title={\n 'Select to notify newly added people that this item has been shared with them'\n }\n >\n <FormControlLabel\n sx={{ mr: 0 }}\n control={\n <Checkbox\n value={notifyCheckboxValue}\n onChange={() =>\n onNotifyCheckboxChange(!notifyCheckboxValue)\n }\n />\n }\n label={\n <Typography variant={'smallText1'}>\n {NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL}\n </Typography>\n }\n />\n </Tooltip>\n )}\n </Box>\n </Box>\n )}\n {!canEdit && !isInherited && (\n <Typography variant={'body1'}>\n You do not have sufficient privileges to modify the sharing settings.\n </Typography>\n )}\n </Box>\n )\n}\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,IAAsC,sBACtC,IAAoC,eACpC,IAAuC,wBAuCvC,IAAsC;AAEnD,SAAgB,EAAU,GAAwC;CAChE,IAAM,EACJ,uBACA,8BACA,YACA,gBACA,oBAAiB,GACjB,eAAY,IACZ,cACA,wBACA,6BACA,6BACA,8BACA,uBACA,wBACA,4BAAyB,GACzB,wCACE,GAEE,EAAE,SAAM,WAAW,MAA6B,EAAsB,GAEtE,EACJ,oBAAoB,GACpB,aAAa,GACb,eAAe,MAJO,KAAQ,CAAC,GAO3B,IAAqB;EACzB;EACA;EACA;CACF,EAAE,QAAQ,MAAqB,MAAO,KAAA,CAAS;CAE/C,IAAI,KAAa,GACf,OAAO,kBAAC,GAAD,CAAoB,CAAA;CAS7B,IAAM,IALJ,EAAmB,MAAK,MACtB,EAAmB,MAAK,MAAM,EAAe,gBAAgB,OAAO,CAAE,CAAC,CACzE,IAKI;EACE,WAAW,kBAAC,GAAD;GAAS,MAAM;GAAS,MAAM;EAAQ,CAAA;EACjD,UAAU;EACV,eAAe;GACb,EAAmB,SAAQ,MAAY;IACrC,EAAyB,OAAO,CAAQ,CAAC;GAC3C,CAAC;EACH;CACF,IACA;EACE,WAAW,kBAAC,GAAD;GAAS,MAAM;GAAU,MAAM;EAAQ,CAAA;EAClD,UAAU;EACV,eAAe;GAEb,AADI,KAAe,EAAoB,OAAO,CAAa,CAAC,GACxD,KACF,EAAoB,OAAO,CAAoB,CAAC;EACpD;CACF;CAEN,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,OACN;aAHF,CAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,IAAI,OACN;cACD;GAEW,CAAA,GAEX,EAAmB,WAAW,IAC7B,kBAAC,GAAD;IAAY,SAAQ;cAAe;GAAsB,CAAA,IAEzD,kBAAC,GAAD,EAAA,UACG,EAAmB,KAAI,MAAkB;IACxC,IAAM,IACJ,OAAO,KAAY,aACf,EAAQ,CAAc,IACtB,GACA,IACJ,OAAO,KAAmB,aACtB,EAAe,CAAc,IAC7B;IAKN,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACkB;KACW;KACN;KACrB,kCAT0B,IAC5B,EAAiC,CAAc,IAC/C,KAAA;KAQE,kBAAkB;KAClB,WAAU,MACR,EACE,EAAe,aACf,CACF;KAEF,gBACE,EAAyB,EAAe,WAAW;IAEtD,CAAA,EACO,GAjBK,EAAe,WAiBpB;GAEd,CAAC,EACc,CAAA,CAEhB;;EACJ,KACC,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,IAAI,OACN;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,IAAI;KACF,IAAI;KACJ,SAAS;KACT,YAAY;KACZ,WAAW;KACX,OAAO;IACT;cACD;GAGW,CAAA;GACZ,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,EAAE;cAAjB,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;;IAGE,CAAA,GACZ,kBAAC,GAAD;KACE,OAAO;KACP,SAAQ;KACR,aAAY;KACZ,WAAU,MAAM;MACd,IAAM,IAAW,SAAS,KAAM,EAAE;MAClC,AAAI,KACF,EAAoB,CAAQ;KAEhC;IACD,CAAA,CACE;;GACL,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,gBAAgB;KAChB,KAAK;IACP;cALF,CAOE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;KACE,MAAM;KACN,SAAS;KACT,GAAI;IACL,CAAA,EAEA,CAAA,GACJ,KACC,kBAAC,GAAD;KACE,OACE;eAGF,kBAAC,GAAD;MACE,IAAI,EAAE,IAAI,EAAE;MACZ,SACE,kBAAC,GAAD;OACE,OAAO;OACP,gBACE,EAAuB,CAAC,CAAmB;MAE9C,CAAA;MAEH,OACE,kBAAC,GAAD;OAAY,SAAS;;MAET,CAAA;KAEf,CAAA;IACM,CAAA,CAER;;EACF,EAAA,CAAA;EAEN,CAAC,KAAW,CAAC,KACZ,kBAAC,GAAD;GAAY,SAAS;aAAS;EAElB,CAAA;CAEX,EAAA,CAAA;AAET"}

package/dist/components/AclEditor/AclEditor.test-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AclEditor.test-utils.js","names":[],"sources":["../../../src/components/AclEditor/AclEditor.test-utils.ts"],"sourcesContent":["import userEvent from '@testing-library/user-event'\nimport { screen, waitFor, within } from '@testing-library/react'\nimport { REMOVE_BUTTON_LABEL } from './ResourceAccessItem'\nimport {\n AUTHENTICATED_GROUP_DISPLAY_TEXT,\n PUBLIC_GROUP_DISPLAY_TEXT,\n} from '../TeamBadge'\nimport {\n ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL,\n ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n} from './AclEditor'\n\n/*\n Find a row in the ACL editor that contains the specified principal name.\n * @param rows\n * @param principalName\n /\nexport function queryForRowWithPrincipalName(\n rows: HTMLElement[],\n principalName: string,\n) {\n return rows.find(row => {\n return within(row).queryByText(principalName, { exact: false })\n })\n}\n\n/\n Verify that a row in the ACL editor contains the expected principal name and access type.\n * @param rows\n * @param principalName\n * @param accessTypeLabel\n /\nexport async function confirmItemViaQuery(\n rows: HTMLElement[],\n principalName: string,\n accessTypeLabel: string,\n) {\n let row: HTMLElement \| undefined\n try {\n await waitFor(() => {\n row = queryForRowWithPrincipalName(rows, principalName)!\n expect(row).toBeInTheDocument()\n })\n } catch (e) {\n screen.debug()\n throw new Error(`Principal ${principalName} not found in ACL`, { cause: e })\n }\n\n const editorCombobox = within(row!).queryByRole('combobox')\n if (editorCombobox) {\n expect(editorCombobox).toHaveTextContent(accessTypeLabel)\n } else {\n within(row!).getByText(accessTypeLabel)\n }\n return row!\n}\n\n/\n Verify that a row in the ACL editor contains the expected principal name and access type.\n * @param row\n * @param principalName\n * @param accessTypeLabel\n /\nexport function confirmItem(\n row: HTMLElement,\n principalName: string,\n accessTypeLabel: string,\n) {\n expect(within(row).queryByRole('link') ?? row).toHaveTextContent(\n principalName,\n )\n const editorCombobox = within(row).queryByRole('combobox')\n if (editorCombobox) {\n expect(editorCombobox).toHaveTextContent(accessTypeLabel)\n } else {\n within(row).getByText(accessTypeLabel)\n }\n}\n\n/\n Remove a particular row from the HTML editor.\n * @param row\n * @param user\n * @param verifyRemoval\n /\nexport async function removeItem(\n row: HTMLElement,\n user: ReturnType<(typeof userEvent)['setup']>,\n verifyRemoval = true,\n) {\n const removeButton = within(row).getByRole('button', {\n name: REMOVE_BUTTON_LABEL,\n })\n await user.click(removeButton)\n if (verifyRemoval) {\n await waitFor(() => {\n expect(removeButton).not.toBeInTheDocument()\n expect(row).not.toBeInTheDocument()\n })\n }\n}\n\n/\n Updates the permission level of a particular row in the ACL editor.\n * @param row\n * @param user\n * @param updatedPermissionLevelLabel\n /\nexport async function updatePermissionLevel(\n row: HTMLElement,\n user: ReturnType<(typeof userEvent)['setup']>,\n updatedPermissionLevelLabel: string,\n) {\n const menu = within(row).getByRole('combobox')\n await user.click(menu)\n\n const option = screen.getByRole('option', {\n name: updatedPermissionLevelLabel,\n })\n await user.click(option)\n\n await waitFor(() => {\n expect(option).not.toBeInTheDocument()\n })\n}\n\nexport function queryForAddUserCombobox() {\n return screen.queryByRole('combobox', {\n name: ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL,\n })\n}\n\n/\n Adds a user to the ACL editor.\n * @param user\n * @param userName\n /\nexport async function addUserToAcl(\n user: ReturnType<(typeof userEvent)['setup']>,\n userName: string,\n) {\n const userInput = queryForAddUserCombobox()!\n expect(userInput).toBeInTheDocument()\n await user.clear(userInput)\n await user.type(userInput, userName)\n\n const option = await screen.findByText(new RegExp(`\\\$@${userName}\\\$`))\n await user.click(option)\n\n await waitFor(() => expect(option).not.toBeInTheDocument())\n const rows = screen.getAllByRole('row')\n return rows[rows.length - 1]\n}\n\n/\n Adds public / authenticated groups to the ACL editor.\n * @param user\n */\nexport async function addPublicToAcl(\n user: ReturnType<(typeof userEvent)['setup']>,\n) {\n const makePublicButton = screen.getByRole('button', {\n name: ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n })\n await user.click(makePublicButton)\n\n let rows: HTMLElement[] = []\n let publicRow: HTMLElement \| undefined = undefined\n let authenticatedUsersRow: HTMLElement \| undefined = undefined\n await waitFor(() => {\n rows = screen.getAllByRole('row')\n publicRow = queryForRowWithPrincipalName(rows, PUBLIC_GROUP_DISPLAY_TEXT)\n authenticatedUsersRow = queryForRowWithPrincipalName(\n rows,\n AUTHENTICATED_GROUP_DISPLAY_TEXT,\n )\n expect(publicRow).toBeInTheDocument()\n expect(authenticatedUsersRow).toBeInTheDocument()\n })\n\n return {\n publicRow: rows[rows.length - 2],\n authenticatedUsersRow: rows[rows.length - 1],\n }\n}\n"],"mappings":";;;;;AAiBA,SAAgB,EACd,GACA,GACA;~~AACA~~,~~QAAO~~,EAAK,MAAK,MACR,EAAO,~~EAAI~~,~~CAAC~~,YAAY,GAAe,EAAE,OAAO,~~IAAO~~,CAAC,CAC/D~~;;AASJ~~,eAAsB,EACpB,GACA,GACA,GACA;CACA,IAAI;~~AACJ~~,~~KAAI~~;~~AACF~~,~~QAAM~~,QAAc;~~AAElB~~,~~GADA~~,IAAM,EAA6B,GAAM,~~EAAc~~,~~EACvD~~,OAAO,~~EAAI~~,~~CAAC~~,~~mBAAmB~~;~~IAC/B~~;~~UACK~~,GAAG;~~AAEV~~,~~QADA~~,EAAO,~~OAAO~~,~~EACJ~~,MAAM,aAAa,EAAc,oBAAoB,EAAE,OAAO,~~GAAG~~,CAAC~~;;CAG9E~~,IAAM,IAAiB,EAAO,~~EAAK~~,~~CAAC~~,YAAY,~~WAAW~~;~~AAM3D~~,~~QALI~~,IACF,OAAO,~~EAAe~~,~~CAAC~~,kBAAkB,~~EAAgB~~,~~GAEzD~~,EAAO,~~EAAK~~,~~CAAC~~,UAAU,~~EAAgB~~,~~EAElC;;AAST~~,SAAgB,EACd,GACA,GACA,GACA;~~AACA~~,~~QAAO~~,EAAO,~~EAAI~~,~~CAAC~~,YAAY,~~OAAO~~,~~IAAI~~,~~EAAI~~,~~CAAC~~,kBAC7C,~~EACD~~;~~CACD~~,IAAM,IAAiB,EAAO,~~EAAI~~,~~CAAC~~,YAAY,~~WAAW~~;~~AAC1D~~,~~CAAI~~,IACF,OAAO,~~EAAe~~,~~CAAC~~,kBAAkB,~~EAAgB~~,~~GAEzD~~,EAAO,~~EAAI~~,~~CAAC~~,UAAU,~~EAAgB;;AAU1C~~,eAAsB,EACpB,GACA,GACA,IAAgB,IAChB;CACA,IAAM,IAAe,EAAO,~~EAAI~~,~~CAAC~~,UAAU,UAAU,EACnD,MAAM,~~GACP~~,CAAC;~~AAEF~~,~~CADA~~,MAAM,EAAK,MAAM,~~EAAa~~,~~EAC1B~~,KACF,MAAM,QAAc;~~AAElB~~,~~EADA~~,OAAO,~~EAAa~~,~~CAAC~~,IAAI,~~mBAAmB~~,~~EAC5C~~,OAAO,~~EAAI~~,~~CAAC~~,IAAI,~~mBAAmB~~;~~GACnC;;AAUN~~,eAAsB,EACpB,GACA,GACA,GACA;CACA,IAAM,IAAO,EAAO,~~EAAI~~,~~CAAC~~,UAAU,~~WAAW~~;~~AAC9C~~,~~OAAM~~,EAAK,MAAM,~~EAAK~~;~~CAEtB~~,IAAM,IAAS,EAAO,UAAU,UAAU,EACxC,MAAM,~~GACP~~,CAAC;~~AAGF~~,~~CAFA~~,MAAM,EAAK,MAAM,~~EAAO~~,~~EAExB~~,MAAM,QAAc;~~AAClB~~,~~SAAO~~,~~EAAO~~,~~CAAC~~,IAAI,~~mBAAmB~~;~~GACtC;;AAGJ~~,SAAgB,IAA0B;~~AACxC~~,~~QAAO~~,EAAO,YAAY,YAAY,EACpC,MAAM,~~GACP~~,CAAC~~;;AAQJ~~,eAAsB,EACpB,GACA,GACA;CACA,IAAM,IAAY,~~GAAyB~~;~~AAG3C~~,~~CAFA~~,OAAO,~~EAAU~~,~~CAAC~~,~~mBAAmB~~,~~EACrC~~,MAAM,EAAK,MAAM,~~EAAU~~,~~EAC3B~~,MAAM,EAAK,KAAK,GAAW,~~EAAS~~;~~CAEpC~~,IAAM,IAAS,MAAM,EAAO,WAAe,OAAO,OAAO,EAAS,~~KAAK~~,CAAC;~~AAGxE~~,~~CAFA~~,MAAM,EAAK,MAAM,~~EAAO~~,~~EAExB~~,MAAM,QAAc,OAAO,~~EAAO~~,~~CAAC~~,IAAI,~~mBAAmB~~,CAAC;~~CAC3D~~,IAAM,IAAO,EAAO,aAAa,~~MAAM~~;~~AACvC~~,~~QAAO~~,EAAK,EAAK,SAAS~~;;AAO5B~~,eAAsB,EACpB,GACA;CACA,IAAM,IAAmB,EAAO,UAAU,UAAU,EAClD,MAAM,~~GACP~~,CAAC;~~AACF~~,~~OAAM~~,EAAK,MAAM,~~EAAiB~~;~~CAElC~~,IAAI,IAAsB,~~EAAE~~,~~EACxB~~,GACA;~~AAYJ~~,~~QAXA~~,MAAM,QAAc;~~AAQlB~~,~~EAPA~~,IAAO,EAAO,aAAa,~~MAAM~~,~~EACjC~~,IAAY,EAA6B,GAAM,~~EAA0B~~,~~EACzE~~,IAAwB,EACtB,GACA,~~EACD~~,~~EACD~~,OAAO,~~EAAU~~,~~CAAC~~,~~mBAAmB~~,~~EACrC~~,OAAO,~~EAAsB~~,~~CAAC~~,~~mBAAmB~~;~~GACjD~~,~~EAEK~~;EACL,WAAW,EAAK,EAAK,SAAS;EAC9B,uBAAuB,EAAK,EAAK,SAAS;~~EAC3C~~"}
1	+ {"version":3,"file":"AclEditor.test-utils.js","names":[],"sources":["../../../src/components/AclEditor/AclEditor.test-utils.ts"],"sourcesContent":["import userEvent from '@testing-library/user-event'\nimport { screen, waitFor, within } from '@testing-library/react'\nimport { REMOVE_BUTTON_LABEL } from './ResourceAccessItem'\nimport {\n AUTHENTICATED_GROUP_DISPLAY_TEXT,\n PUBLIC_GROUP_DISPLAY_TEXT,\n} from '../TeamBadge'\nimport {\n ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL,\n ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n} from './AclEditor'\n\n/*\n Find a row in the ACL editor that contains the specified principal name.\n * @param rows\n * @param principalName\n /\nexport function queryForRowWithPrincipalName(\n rows: HTMLElement[],\n principalName: string,\n) {\n return rows.find(row => {\n return within(row).queryByText(principalName, { exact: false })\n })\n}\n\n/\n Verify that a row in the ACL editor contains the expected principal name and access type.\n * @param rows\n * @param principalName\n * @param accessTypeLabel\n /\nexport async function confirmItemViaQuery(\n rows: HTMLElement[],\n principalName: string,\n accessTypeLabel: string,\n) {\n let row: HTMLElement \| undefined\n try {\n await waitFor(() => {\n row = queryForRowWithPrincipalName(rows, principalName)!\n expect(row).toBeInTheDocument()\n })\n } catch (e) {\n screen.debug()\n throw new Error(`Principal ${principalName} not found in ACL`, { cause: e })\n }\n\n const editorCombobox = within(row!).queryByRole('combobox')\n if (editorCombobox) {\n expect(editorCombobox).toHaveTextContent(accessTypeLabel)\n } else {\n within(row!).getByText(accessTypeLabel)\n }\n return row!\n}\n\n/\n Verify that a row in the ACL editor contains the expected principal name and access type.\n * @param row\n * @param principalName\n * @param accessTypeLabel\n /\nexport function confirmItem(\n row: HTMLElement,\n principalName: string,\n accessTypeLabel: string,\n) {\n expect(within(row).queryByRole('link') ?? row).toHaveTextContent(\n principalName,\n )\n const editorCombobox = within(row).queryByRole('combobox')\n if (editorCombobox) {\n expect(editorCombobox).toHaveTextContent(accessTypeLabel)\n } else {\n within(row).getByText(accessTypeLabel)\n }\n}\n\n/\n Remove a particular row from the HTML editor.\n * @param row\n * @param user\n * @param verifyRemoval\n /\nexport async function removeItem(\n row: HTMLElement,\n user: ReturnType<(typeof userEvent)['setup']>,\n verifyRemoval = true,\n) {\n const removeButton = within(row).getByRole('button', {\n name: REMOVE_BUTTON_LABEL,\n })\n await user.click(removeButton)\n if (verifyRemoval) {\n await waitFor(() => {\n expect(removeButton).not.toBeInTheDocument()\n expect(row).not.toBeInTheDocument()\n })\n }\n}\n\n/\n Updates the permission level of a particular row in the ACL editor.\n * @param row\n * @param user\n * @param updatedPermissionLevelLabel\n /\nexport async function updatePermissionLevel(\n row: HTMLElement,\n user: ReturnType<(typeof userEvent)['setup']>,\n updatedPermissionLevelLabel: string,\n) {\n const menu = within(row).getByRole('combobox')\n await user.click(menu)\n\n const option = screen.getByRole('option', {\n name: updatedPermissionLevelLabel,\n })\n await user.click(option)\n\n await waitFor(() => {\n expect(option).not.toBeInTheDocument()\n })\n}\n\nexport function queryForAddUserCombobox() {\n return screen.queryByRole('combobox', {\n name: ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL,\n })\n}\n\n/\n Adds a user to the ACL editor.\n * @param user\n * @param userName\n /\nexport async function addUserToAcl(\n user: ReturnType<(typeof userEvent)['setup']>,\n userName: string,\n) {\n const userInput = queryForAddUserCombobox()!\n expect(userInput).toBeInTheDocument()\n await user.clear(userInput)\n await user.type(userInput, userName)\n\n const option = await screen.findByText(new RegExp(`\\\$@${userName}\\\$`))\n await user.click(option)\n\n await waitFor(() => expect(option).not.toBeInTheDocument())\n const rows = screen.getAllByRole('row')\n return rows[rows.length - 1]\n}\n\n/\n Adds public / authenticated groups to the ACL editor.\n * @param user\n */\nexport async function addPublicToAcl(\n user: ReturnType<(typeof userEvent)['setup']>,\n) {\n const makePublicButton = screen.getByRole('button', {\n name: ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,\n })\n await user.click(makePublicButton)\n\n let rows: HTMLElement[] = []\n let publicRow: HTMLElement \| undefined = undefined\n let authenticatedUsersRow: HTMLElement \| undefined = undefined\n await waitFor(() => {\n rows = screen.getAllByRole('row')\n publicRow = queryForRowWithPrincipalName(rows, PUBLIC_GROUP_DISPLAY_TEXT)\n authenticatedUsersRow = queryForRowWithPrincipalName(\n rows,\n AUTHENTICATED_GROUP_DISPLAY_TEXT,\n )\n expect(publicRow).toBeInTheDocument()\n expect(authenticatedUsersRow).toBeInTheDocument()\n })\n\n return {\n publicRow: rows[rows.length - 2],\n authenticatedUsersRow: rows[rows.length - 1],\n }\n}\n"],"mappings":";;;;;AAiBA,SAAgB,EACd,GACA,GACA;CACA,OAAO,EAAK,MAAK,MACR,EAAO,CAAG,EAAE,YAAY,GAAe,EAAE,OAAO,GAAM,CAAC,CAC/D;AACH;AAQA,eAAsB,EACpB,GACA,GACA,GACA;CACA,IAAI;CACJ,IAAI;EACF,MAAM,QAAc;GAElB,AADA,IAAM,EAA6B,GAAM,CAAa,GACtD,OAAO,CAAG,EAAE,kBAAkB;EAChC,CAAC;CACH,SAAS,GAAG;EAEV,MADA,EAAO,MAAM,GACH,MAAM,aAAa,EAAc,oBAAoB,EAAE,OAAO,EAAE,CAAC;CAC7E;CAEA,IAAM,IAAiB,EAAO,CAAI,EAAE,YAAY,UAAU;CAM1D,OALI,IACF,OAAO,CAAc,EAAE,kBAAkB,CAAe,IAExD,EAAO,CAAI,EAAE,UAAU,CAAe,GAEjC;AACT;AAQA,SAAgB,EACd,GACA,GACA,GACA;CACA,OAAO,EAAO,CAAG,EAAE,YAAY,MAAM,KAAK,CAAG,EAAE,kBAC7C,CACF;CACA,IAAM,IAAiB,EAAO,CAAG,EAAE,YAAY,UAAU;CACzD,AAAI,IACF,OAAO,CAAc,EAAE,kBAAkB,CAAe,IAExD,EAAO,CAAG,EAAE,UAAU,CAAe;AAEzC;AAQA,eAAsB,EACpB,GACA,GACA,IAAgB,IAChB;CACA,IAAM,IAAe,EAAO,CAAG,EAAE,UAAU,UAAU,EACnD,MAAM,EACR,CAAC;CAED,AADA,MAAM,EAAK,MAAM,CAAY,GACzB,KACF,MAAM,QAAc;EAElB,AADA,OAAO,CAAY,EAAE,IAAI,kBAAkB,GAC3C,OAAO,CAAG,EAAE,IAAI,kBAAkB;CACpC,CAAC;AAEL;AAQA,eAAsB,EACpB,GACA,GACA,GACA;CACA,IAAM,IAAO,EAAO,CAAG,EAAE,UAAU,UAAU;CAC7C,MAAM,EAAK,MAAM,CAAI;CAErB,IAAM,IAAS,EAAO,UAAU,UAAU,EACxC,MAAM,EACR,CAAC;CAGD,AAFA,MAAM,EAAK,MAAM,CAAM,GAEvB,MAAM,QAAc;EAClB,OAAO,CAAM,EAAE,IAAI,kBAAkB;CACvC,CAAC;AACH;AAEA,SAAgB,IAA0B;CACxC,OAAO,EAAO,YAAY,YAAY,EACpC,MAAM,EACR,CAAC;AACH;AAOA,eAAsB,EACpB,GACA,GACA;CACA,IAAM,IAAY,EAAwB;CAG1C,AAFA,OAAO,CAAS,EAAE,kBAAkB,GACpC,MAAM,EAAK,MAAM,CAAS,GAC1B,MAAM,EAAK,KAAK,GAAW,CAAQ;CAEnC,IAAM,IAAS,MAAM,EAAO,WAAe,OAAO,OAAO,EAAS,IAAI,CAAC;CAGvE,AAFA,MAAM,EAAK,MAAM,CAAM,GAEvB,MAAM,QAAc,OAAO,CAAM,EAAE,IAAI,kBAAkB,CAAC;CAC1D,IAAM,IAAO,EAAO,aAAa,KAAK;CACtC,OAAO,EAAK,EAAK,SAAS;AAC5B;AAMA,eAAsB,EACpB,GACA;CACA,IAAM,IAAmB,EAAO,UAAU,UAAU,EAClD,MAAM,EACR,CAAC;CACD,MAAM,EAAK,MAAM,CAAgB;CAEjC,IAAI,IAAsB,CAAC,GACvB,GACA;CAYJ,OAXA,MAAM,QAAc;EAQlB,AAPA,IAAO,EAAO,aAAa,KAAK,GAChC,IAAY,EAA6B,GAAM,CAAyB,GACxE,IAAwB,EACtB,GACA,CACF,GACA,OAAO,CAAS,EAAE,kBAAkB,GACpC,OAAO,CAAqB,EAAE,kBAAkB;CAClD,CAAC,GAEM;EACL,WAAW,EAAK,EAAK,SAAS;EAC9B,uBAAuB,EAAK,EAAK,SAAS;CAC5C;AACF"}

package/dist/components/AclEditor/AclEditorSkeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AclEditorSkeleton.js","names":[],"sources":["../../../src/components/AclEditor/AclEditorSkeleton.tsx"],"sourcesContent":["import { Skeleton, Stack } from '@mui/material'\nimport React from 'react'\nimport { SkeletonParagraph, SkeletonTable } from '../Skeleton'\n\nexport function AclEditorSkeleton(): React.ReactNode {\n return (\n <Stack\n role={'progressbar'}\n sx={{\n gap: 2,\n }}\n >\n <Skeleton height={50} width={200} />\n <SkeletonParagraph numRows={2} />\n\n <SkeletonTable numCols={2} numRows={4} rowHeight={'30px'} />\n\n <Skeleton height={50} width={100} />\n <SkeletonParagraph numRows={2} />\n </Stack>\n )\n}\n"],"mappings":";;;;;;;AAIA,SAAgB,IAAqC;~~AACnD~~,~~QACE~~,kBAAC,GAAD;EACE,MAAM;EACN,IAAI,EACF,KAAK,~~GACN~~;~~YAJH~~;GAME,kBAAC,GAAD;IAAU,QAAQ;IAAI,OAAO;~~IAAO~~,CAAA;~~GACpC~~,kBAAC,GAAD,EAAmB,SAAS,~~GAAK~~,CAAA;~~GAEjC~~,kBAAC,GAAD;IAAe,SAAS;IAAG,SAAS;IAAG,WAAW;~~IAAU~~,CAAA;~~GAE5D~~,kBAAC,GAAD;IAAU,QAAQ;IAAI,OAAO;~~IAAO~~,CAAA;~~GACpC~~,kBAAC,GAAD,EAAmB,SAAS,~~GAAK~~,CAAA;~~GAC3B~~"}
1	+ {"version":3,"file":"AclEditorSkeleton.js","names":[],"sources":["../../../src/components/AclEditor/AclEditorSkeleton.tsx"],"sourcesContent":["import { Skeleton, Stack } from '@mui/material'\nimport React from 'react'\nimport { SkeletonParagraph, SkeletonTable } from '../Skeleton'\n\nexport function AclEditorSkeleton(): React.ReactNode {\n return (\n <Stack\n role={'progressbar'}\n sx={{\n gap: 2,\n }}\n >\n <Skeleton height={50} width={200} />\n <SkeletonParagraph numRows={2} />\n\n <SkeletonTable numCols={2} numRows={4} rowHeight={'30px'} />\n\n <Skeleton height={50} width={100} />\n <SkeletonParagraph numRows={2} />\n </Stack>\n )\n}\n"],"mappings":";;;;;;;AAIA,SAAgB,IAAqC;CACnD,OACE,kBAAC,GAAD;EACE,MAAM;EACN,IAAI,EACF,KAAK,EACP;YAJF;GAME,kBAAC,GAAD;IAAU,QAAQ;IAAI,OAAO;GAAM,CAAA;GACnC,kBAAC,GAAD,EAAmB,SAAS,EAAI,CAAA;GAEhC,kBAAC,GAAD;IAAe,SAAS;IAAG,SAAS;IAAG,WAAW;GAAS,CAAA;GAE3D,kBAAC,GAAD;IAAU,QAAQ;IAAI,OAAO;GAAM,CAAA;GACnC,kBAAC,GAAD,EAAmB,SAAS,EAAI,CAAA;EAC3B;;AAEX"}

package/dist/components/AclEditor/PermissionLevelMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PermissionLevelMenu.js","names":[],"sources":["../../../src/components/AclEditor/PermissionLevelMenu.tsx"],"sourcesContent":["import {\n getAccessTypeFromPermissionLevel,\n getPermissionLevelFromAccessType,\n PermissionLevel,\n permissionLevelToLabel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { MenuItem, TextField, Typography } from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\n\nexport type PermissionLevelMenuProps = {\n currentAccessType: ACCESS_TYPE[]\n availablePermissionLevels: PermissionLevel[]\n onChange: (accessTypes: ACCESS_TYPE[]) => void\n}\n\nconst CUSTOM_VALUE = 'CUSTOM'\nconst CUSTOM_TEXT = 'Custom'\n\nexport function PermissionLevelMenu(\n props: PermissionLevelMenuProps,\n): React.ReactNode {\n const { currentAccessType, availablePermissionLevels, onChange } = props\n\n const selectedPermissionLevel: PermissionLevel \| null =\n getPermissionLevelFromAccessType(currentAccessType)\n\n const isCustomPermissionSelected = selectedPermissionLevel == null\n\n return (\n <TextField\n value={\n isCustomPermissionSelected ? CUSTOM_VALUE : selectedPermissionLevel\n }\n onChange={e => {\n const accessType = getAccessTypeFromPermissionLevel(\n e.target.value as PermissionLevel,\n )\n\n onChange(accessType \|\| currentAccessType)\n }}\n fullWidth\n select\n size=\"small\"\n slotProps={{\n select: {\n renderValue: selected => {\n if (selected == CUSTOM_VALUE) {\n return CUSTOM_TEXT\n }\n return permissionLevelToLabel[selected as PermissionLevel]\n },\n },\n }}\n >\n {Object.values(availablePermissionLevels).map(permissionLevel => {\n return (\n <MenuItem key={permissionLevel} value={permissionLevel}>\n <Typography variant=\"smallText1\" noWrap>\n {permissionLevelToLabel[permissionLevel]}\n </Typography>\n </MenuItem>\n )\n })}\n {isCustomPermissionSelected && (\n <MenuItem value={CUSTOM_VALUE}>\n <Typography variant=\"smallText1\" noWrap>\n {CUSTOM_TEXT}\n </Typography>\n </MenuItem>\n )}\n </TextField>\n )\n}\n"],"mappings":";;;;;AAgBA,IAAM,IAAe,UACf,IAAc;AAEpB,SAAgB,EACd,GACiB;CACjB,IAAM,EAAE,sBAAmB,8BAA2B,gBAAa,GAE7D,IACJ,EAAiC,~~EAAkB~~,~~EAE/C~~,IAA6B,KAA2B;~~AAE9D~~,~~QACE~~,kBAAC,GAAD;EACE,OACE,IAA6B,IAAe;EAE9C,WAAU,MAAK;~~AAKb~~,~~KAJmB~~,EACjB,EAAE,OAAO,~~MAGF~~,~~IAAc~~,~~EAAkB;;EAE3C~~,WAAA;EACA,QAAA;EACA,MAAK;EACL,WAAW,EACT,QAAQ,EACN,cAAa,MACP,KAAY,IACP,IAEF,EAAuB,~~IAEjC~~,EACF;~~YAvBH~~,CAyBG,OAAO,OAAO,~~EAA0B~~,~~CAAC~~,KAAI,MAE1C,kBAAC,GAAD;GAAgC,OAAO;aACrC,kBAAC,GAAD;IAAY,SAAQ;IAAa,QAAA;cAC9B,EAAuB;~~IACb~~,CAAA;~~GACJ~~,~~EAJI~~,~~EAIJ~~,CAEb,~~EACD~~,KACC,kBAAC,GAAD;GAAU,OAAO;aACf,kBAAC,GAAD;IAAY,SAAQ;IAAa,QAAA;cAC9B;~~IACU~~,CAAA;~~GACJ~~,CAAA,CAEH"}
1	+ {"version":3,"file":"PermissionLevelMenu.js","names":[],"sources":["../../../src/components/AclEditor/PermissionLevelMenu.tsx"],"sourcesContent":["import {\n getAccessTypeFromPermissionLevel,\n getPermissionLevelFromAccessType,\n PermissionLevel,\n permissionLevelToLabel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { MenuItem, TextField, Typography } from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\n\nexport type PermissionLevelMenuProps = {\n currentAccessType: ACCESS_TYPE[]\n availablePermissionLevels: PermissionLevel[]\n onChange: (accessTypes: ACCESS_TYPE[]) => void\n}\n\nconst CUSTOM_VALUE = 'CUSTOM'\nconst CUSTOM_TEXT = 'Custom'\n\nexport function PermissionLevelMenu(\n props: PermissionLevelMenuProps,\n): React.ReactNode {\n const { currentAccessType, availablePermissionLevels, onChange } = props\n\n const selectedPermissionLevel: PermissionLevel \| null =\n getPermissionLevelFromAccessType(currentAccessType)\n\n const isCustomPermissionSelected = selectedPermissionLevel == null\n\n return (\n <TextField\n value={\n isCustomPermissionSelected ? CUSTOM_VALUE : selectedPermissionLevel\n }\n onChange={e => {\n const accessType = getAccessTypeFromPermissionLevel(\n e.target.value as PermissionLevel,\n )\n\n onChange(accessType \|\| currentAccessType)\n }}\n fullWidth\n select\n size=\"small\"\n slotProps={{\n select: {\n renderValue: selected => {\n if (selected == CUSTOM_VALUE) {\n return CUSTOM_TEXT\n }\n return permissionLevelToLabel[selected as PermissionLevel]\n },\n },\n }}\n >\n {Object.values(availablePermissionLevels).map(permissionLevel => {\n return (\n <MenuItem key={permissionLevel} value={permissionLevel}>\n <Typography variant=\"smallText1\" noWrap>\n {permissionLevelToLabel[permissionLevel]}\n </Typography>\n </MenuItem>\n )\n })}\n {isCustomPermissionSelected && (\n <MenuItem value={CUSTOM_VALUE}>\n <Typography variant=\"smallText1\" noWrap>\n {CUSTOM_TEXT}\n </Typography>\n </MenuItem>\n )}\n </TextField>\n )\n}\n"],"mappings":";;;;;AAgBA,IAAM,IAAe,UACf,IAAc;AAEpB,SAAgB,EACd,GACiB;CACjB,IAAM,EAAE,sBAAmB,8BAA2B,gBAAa,GAE7D,IACJ,EAAiC,CAAiB,GAE9C,IAA6B,KAA2B;CAE9D,OACE,kBAAC,GAAD;EACE,OACE,IAA6B,IAAe;EAE9C,WAAU,MAAK;GAKb,EAJmB,EACjB,EAAE,OAAO,KAGF,KAAc,CAAiB;EAC1C;EACA,WAAA;EACA,QAAA;EACA,MAAK;EACL,WAAW,EACT,QAAQ,EACN,cAAa,MACP,KAAY,IACP,IAEF,EAAuB,GAElC,EACF;YAvBF,CAyBG,OAAO,OAAO,CAAyB,EAAE,KAAI,MAE1C,kBAAC,GAAD;GAAgC,OAAO;aACrC,kBAAC,GAAD;IAAY,SAAQ;IAAa,QAAA;cAC9B,EAAuB;GACd,CAAA;EACJ,GAJK,CAIL,CAEb,GACA,KACC,kBAAC,GAAD;GAAU,OAAO;aACf,kBAAC,GAAD;IAAY,SAAQ;IAAa,QAAA;cAC9B;GACS,CAAA;EACJ,CAAA,CAEH;;AAEf"}

package/dist/components/AclEditor/ReadOnlyPermissionLevel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReadOnlyPermissionLevel.js","names":[],"sources":["../../../src/components/AclEditor/ReadOnlyPermissionLevel.tsx"],"sourcesContent":["import {\n getPermissionLevelFromAccessType,\n permissionLevelToLabel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\n\nexport type ReadOnlyPermissionLevelProps = {\n accessType: ACCESS_TYPE[]\n}\n\nexport function ReadOnlyPermissionLevel(\n props: ReadOnlyPermissionLevelProps,\n): React.ReactNode {\n const { accessType } = props\n\n return (\n permissionLevelToLabel[getPermissionLevelFromAccessType(accessType)] \|\|\n 'Custom'\n )\n}\n"],"mappings":";;AAWA,SAAgB,EACd,GACiB;CACjB,IAAM,EAAE,kBAAe;~~AAEvB~~,~~QACE~~,EAAuB,EAAiC,~~EAAW~~,~~KACnE~~"}
1	+ {"version":3,"file":"ReadOnlyPermissionLevel.js","names":[],"sources":["../../../src/components/AclEditor/ReadOnlyPermissionLevel.tsx"],"sourcesContent":["import {\n getPermissionLevelFromAccessType,\n permissionLevelToLabel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\n\nexport type ReadOnlyPermissionLevelProps = {\n accessType: ACCESS_TYPE[]\n}\n\nexport function ReadOnlyPermissionLevel(\n props: ReadOnlyPermissionLevelProps,\n): React.ReactNode {\n const { accessType } = props\n\n return (\n permissionLevelToLabel[getPermissionLevelFromAccessType(accessType)] \|\|\n 'Custom'\n )\n}\n"],"mappings":";;AAWA,SAAgB,EACd,GACiB;CACjB,IAAM,EAAE,kBAAe;CAEvB,OACE,EAAuB,EAAiC,CAAU,MAClE;AAEJ"}

package/dist/components/AclEditor/ResourceAccessAndUserGroupHeader.js CHANGED Viewed

@@ -1,10 +1,8 @@
 import { ACCESS_TYPE as e } from "@sage-bionetworks/synapse-types";
 //#region src/components/AclEditor/ResourceAccessAndUserGroupHeader.ts
 function t(t, n, r, i) {
-	let a = /* @__PURE__ */ function(e) {
-		return e[e.A_FIRST = -1] = "A_FIRST", e[e.B_FIRST = 1] = "B_FIRST", e;
-	}({}), o = t.resourceAccess.accessType.includes(e.CHANGE_PERMISSIONS), s = n.resourceAccess.accessType.includes(e.CHANGE_PERMISSIONS);
-	return o && !s ? a.A_FIRST : !o && s ? a.B_FIRST : r && String(t.resourceAccess.principalId) === r && String(n.resourceAccess.principalId) !== r ? a.A_FIRST : r && String(t.resourceAccess.principalId) !== r && String(n.resourceAccess.principalId) === r ? a.B_FIRST : i && String(t.resourceAccess.principalId) === i && String(n.resourceAccess.principalId) !== i ? a.A_FIRST : i && String(t.resourceAccess.principalId) !== i && String(n.resourceAccess.principalId) === i ? a.B_FIRST : t.userGroupHeader.userName.localeCompare(n.userGroupHeader.userName);
+	let a = t.resourceAccess.accessType.includes(e.CHANGE_PERMISSIONS), o = n.resourceAccess.accessType.includes(e.CHANGE_PERMISSIONS);
+	return a && !o ? -1 : !a && o ? 1 : r && String(t.resourceAccess.principalId) === r && String(n.resourceAccess.principalId) !== r ? -1 : r && String(t.resourceAccess.principalId) !== r && String(n.resourceAccess.principalId) === r ? 1 : i && String(t.resourceAccess.principalId) === i && String(n.resourceAccess.principalId) !== i ? -1 : i && String(t.resourceAccess.principalId) !== i && String(n.resourceAccess.principalId) === i ? 1 : t.userGroupHeader.userName.localeCompare(n.userGroupHeader.userName);
 }
 //#endregion
 export { t as compareResourceAccessAndUserGroupHeader };

package/dist/components/AclEditor/ResourceAccessAndUserGroupHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceAccessAndUserGroupHeader.js","names":[],"sources":["../../../src/components/AclEditor/ResourceAccessAndUserGroupHeader.ts"],"sourcesContent":["import {\n ACCESS_TYPE,\n ResourceAccess,\n UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\n\n/*\n Utility type to combine a ResourceAccess and the associated UserGroupHeader for that principalId.\n * This allows us to easily sort the ResourceAccess list by the name of the user or team.\n /\nexport type ResourceAccessAndUserGroupHeader = {\n resourceAccess: ResourceAccess\n userGroupHeader: UserGroupHeader\n}\n\n/\n Comparator for ResourceAccess list. Sorts by the following criteria:\n * 1. Users or teams with the CHANGE_PERMISSIONS permission should be at the top, sorted alphabetically by username\n * 2. The authenticated group (all users signed in to Synapse)\n * 3. The public group (all users signed in to Synapse, and 'anonymous')\n * 4. All other users or teams, sorted alphabetically by username\n */\nexport function compareResourceAccessAndUserGroupHeader(\n a: ResourceAccessAndUserGroupHeader,\n b: ResourceAccessAndUserGroupHeader,\n authenticatedPrincipalId?: string,\n publicPrincipalId?: string,\n): number {\n enum CompareResult {\n A_FIRST = -1,\n B_FIRST = 1,\n }\n\n const hasChangePermissionA = a.resourceAccess.accessType.includes(\n ACCESS_TYPE.CHANGE_PERMISSIONS,\n )\n const hasChangePermissionB = b.resourceAccess.accessType.includes(\n ACCESS_TYPE.CHANGE_PERMISSIONS,\n )\n\n if (hasChangePermissionA && !hasChangePermissionB)\n return CompareResult.A_FIRST\n if (!hasChangePermissionA && hasChangePermissionB)\n return CompareResult.B_FIRST\n\n // Both have CHANGE_PERMISSIONS or neither have it, proceed with other checks\n\n // AUTHENTICATED group always appears before PUBLIC group\n if (\n authenticatedPrincipalId &&\n String(a.resourceAccess.principalId) === authenticatedPrincipalId &&\n String(b.resourceAccess.principalId) !== authenticatedPrincipalId\n )\n return CompareResult.A_FIRST\n if (\n authenticatedPrincipalId &&\n String(a.resourceAccess.principalId) !== authenticatedPrincipalId &&\n String(b.resourceAccess.principalId) === authenticatedPrincipalId\n )\n return CompareResult.B_FIRST\n\n // PUBLIC group always appears before other users / teams\n if (\n publicPrincipalId &&\n String(a.resourceAccess.principalId) === publicPrincipalId &&\n String(b.resourceAccess.principalId) !== publicPrincipalId\n )\n return CompareResult.A_FIRST\n if (\n publicPrincipalId &&\n String(a.resourceAccess.principalId) !== publicPrincipalId &&\n String(b.resourceAccess.principalId) === publicPrincipalId\n )\n return CompareResult.B_FIRST\n\n // If none of the other cases apply, sort alphabetically by userName\n return a.userGroupHeader.userName.localeCompare(b.userGroupHeader.userName)\n}\n"],"mappings":";;AAsBA,SAAgB,EACd,GACA,GACA,GACA,GACQ;~~CACR~~,~~IAAK~~,~~IAAL,yBAAA,GAAA;SACE,EAAA,EAAA,UAAU,MAAC,WACX,EAAA,EAAA,UAAU,KAAA;MACX,EAEK,~~IAAuB,EAAE,eAAe,WAAW,SACvD,EAAY,~~mBACb~~,~~EACK~~,IAAuB,EAAE,eAAe,WAAW,SACvD,EAAY,~~mBACb~~;~~AAsCD~~,~~QApCI~~,KAAwB,CAAC,~~IACpB~~,~~EAAc~~,~~UACnB,~~CAAC,KAAwB,~~IACpB~~,~~EAAc~~,~~UAMrB,~~KACA,OAAO,EAAE,eAAe,~~YAAY~~,~~KAAK~~,KACzC,OAAO,EAAE,eAAe,~~YAAY~~,~~KAAK~~,~~IAElC~~,~~EAAc~~,~~UAErB,~~KACA,OAAO,EAAE,eAAe,~~YAAY~~,~~KAAK~~,KACzC,OAAO,EAAE,eAAe,~~YAAY~~,~~KAAK~~,~~IAElC~~,~~EAAc~~,~~UAIrB,~~KACA,OAAO,EAAE,eAAe,~~YAAY~~,~~KAAK~~,KACzC,OAAO,EAAE,eAAe,~~YAAY~~,~~KAAK~~,~~IAElC~~,~~EAAc~~,~~UAErB,~~KACA,OAAO,EAAE,eAAe,~~YAAY~~,~~KAAK~~,KACzC,OAAO,EAAE,eAAe,~~YAAY~~,~~KAAK~~,~~IAElC~~,~~EAAc~~,~~UAGhB,~~EAAE,gBAAgB,SAAS,cAAc,EAAE,gBAAgB,~~SAAS~~"}
1	+ {"version":3,"file":"ResourceAccessAndUserGroupHeader.js","names":[],"sources":["../../../src/components/AclEditor/ResourceAccessAndUserGroupHeader.ts"],"sourcesContent":["import {\n ACCESS_TYPE,\n ResourceAccess,\n UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\n\n/*\n Utility type to combine a ResourceAccess and the associated UserGroupHeader for that principalId.\n * This allows us to easily sort the ResourceAccess list by the name of the user or team.\n /\nexport type ResourceAccessAndUserGroupHeader = {\n resourceAccess: ResourceAccess\n userGroupHeader: UserGroupHeader\n}\n\n/\n Comparator for ResourceAccess list. Sorts by the following criteria:\n * 1. Users or teams with the CHANGE_PERMISSIONS permission should be at the top, sorted alphabetically by username\n * 2. The authenticated group (all users signed in to Synapse)\n * 3. The public group (all users signed in to Synapse, and 'anonymous')\n * 4. All other users or teams, sorted alphabetically by username\n */\nexport function compareResourceAccessAndUserGroupHeader(\n a: ResourceAccessAndUserGroupHeader,\n b: ResourceAccessAndUserGroupHeader,\n authenticatedPrincipalId?: string,\n publicPrincipalId?: string,\n): number {\n enum CompareResult {\n A_FIRST = -1,\n B_FIRST = 1,\n }\n\n const hasChangePermissionA = a.resourceAccess.accessType.includes(\n ACCESS_TYPE.CHANGE_PERMISSIONS,\n )\n const hasChangePermissionB = b.resourceAccess.accessType.includes(\n ACCESS_TYPE.CHANGE_PERMISSIONS,\n )\n\n if (hasChangePermissionA && !hasChangePermissionB)\n return CompareResult.A_FIRST\n if (!hasChangePermissionA && hasChangePermissionB)\n return CompareResult.B_FIRST\n\n // Both have CHANGE_PERMISSIONS or neither have it, proceed with other checks\n\n // AUTHENTICATED group always appears before PUBLIC group\n if (\n authenticatedPrincipalId &&\n String(a.resourceAccess.principalId) === authenticatedPrincipalId &&\n String(b.resourceAccess.principalId) !== authenticatedPrincipalId\n )\n return CompareResult.A_FIRST\n if (\n authenticatedPrincipalId &&\n String(a.resourceAccess.principalId) !== authenticatedPrincipalId &&\n String(b.resourceAccess.principalId) === authenticatedPrincipalId\n )\n return CompareResult.B_FIRST\n\n // PUBLIC group always appears before other users / teams\n if (\n publicPrincipalId &&\n String(a.resourceAccess.principalId) === publicPrincipalId &&\n String(b.resourceAccess.principalId) !== publicPrincipalId\n )\n return CompareResult.A_FIRST\n if (\n publicPrincipalId &&\n String(a.resourceAccess.principalId) !== publicPrincipalId &&\n String(b.resourceAccess.principalId) === publicPrincipalId\n )\n return CompareResult.B_FIRST\n\n // If none of the other cases apply, sort alphabetically by userName\n return a.userGroupHeader.userName.localeCompare(b.userGroupHeader.userName)\n}\n"],"mappings":";;AAsBA,SAAgB,EACd,GACA,GACA,GACA,GACQ;CAMR,IAAM,IAAuB,EAAE,eAAe,WAAW,SACvD,EAAY,kBACd,GACM,IAAuB,EAAE,eAAe,WAAW,SACvD,EAAY,kBACd;CAsCA,OApCI,KAAwB,CAAC,IAC3B,KACE,CAAC,KAAwB,IAC3B,IAMA,KACA,OAAO,EAAE,eAAe,WAAW,MAAM,KACzC,OAAO,EAAE,eAAe,WAAW,MAAM,IAEzC,KAEA,KACA,OAAO,EAAE,eAAe,WAAW,MAAM,KACzC,OAAO,EAAE,eAAe,WAAW,MAAM,IAEzC,IAIA,KACA,OAAO,EAAE,eAAe,WAAW,MAAM,KACzC,OAAO,EAAE,eAAe,WAAW,MAAM,IAEzC,KAEA,KACA,OAAO,EAAE,eAAe,WAAW,MAAM,KACzC,OAAO,EAAE,eAAe,WAAW,MAAM,IAEzC,IAGK,EAAE,gBAAgB,SAAS,cAAc,EAAE,gBAAgB,QAAQ;AAC5E"}

package/dist/components/AclEditor/ResourceAccessItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceAccessItem.js","names":[],"sources":["../../../src/components/AclEditor/ResourceAccessItem.tsx"],"sourcesContent":["import { PermissionLevel } from '@/utils/PermissionLevelToAccessType'\nimport { Stack, Typography } from '@mui/material'\nimport { ACCESS_TYPE, ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\nimport { IconSvgButton } from '../IconSvgButton'\nimport UserOrTeamBadge from '../UserOrTeamBadge'\nimport { PermissionLevelMenu } from './PermissionLevelMenu'\nimport { ReadOnlyPermissionLevel } from './ReadOnlyPermissionLevel'\n\nexport const REMOVE_BUTTON_LABEL = 'Remove from AR Permissions'\n\ntype ResourceAccessItemProps = {\n canChangePermission: boolean\n showDeleteButton: boolean\n resourceAccess: ResourceAccess\n availablePermissionLevels: PermissionLevel[]\n displayedPermissionLevelOverride?: string\n onChange: (accessType: ACCESS_TYPE[]) => void\n onRemove: () => void\n}\n\nexport function ResourceAccessItem(\n props: ResourceAccessItemProps,\n): React.ReactNode {\n const {\n resourceAccess,\n availablePermissionLevels,\n canChangePermission,\n showDeleteButton,\n onChange,\n onRemove,\n displayedPermissionLevelOverride,\n } = props\n\n return (\n <>\n <Stack\n direction=\"row\"\n role=\"row\"\n sx={{\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: '10px',\n py: '6px',\n }}\n >\n <Typography\n sx={{\n fontSize: '16px',\n lineHeight: '20px',\n }}\n >\n <UserOrTeamBadge\n principalId={resourceAccess.principalId}\n openLinkInNewTab={true}\n />\n </Typography>\n <Stack\n direction=\"row\"\n sx={{\n gap: '10px',\n alignItems: 'center',\n width: '200px',\n flexShrink: 0,\n }}\n >\n {canChangePermission ? (\n <PermissionLevelMenu\n currentAccessType={resourceAccess.accessType}\n availablePermissionLevels={availablePermissionLevels}\n onChange={onChange}\n />\n ) : (\n <Typography\n variant={'smallText1'}\n sx={{\n flexGrow: 1,\n }}\n >\n {displayedPermissionLevelOverride ?? (\n <ReadOnlyPermissionLevel\n accessType={resourceAccess.accessType}\n />\n )}\n </Typography>\n )}\n {showDeleteButton && (\n <IconSvgButton\n aria-label={REMOVE_BUTTON_LABEL}\n onClick={() => onRemove()}\n icon=\"delete\"\n sx={{\n '&:hover': {\n color: 'error.main',\n },\n }}\n />\n )}\n </Stack>\n </Stack>\n </>\n )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAAsB;AAYnC,SAAgB,EACd,GACiB;CACjB,IAAM,EACJ,mBACA,8BACA,wBACA,qBACA,aACA,aACA,wCACE;~~AAEJ~~,~~QACE~~,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAK;EACL,IAAI;GACF,gBAAgB;GAChB,YAAY;GACZ,KAAK;GACL,IAAI;~~GACL~~;~~YARH~~,CAUE,kBAAC,GAAD;GACE,IAAI;IACF,UAAU;IACV,YAAY;~~IACb~~;~~aAED~~,kBAAC,GAAD;IACE,aAAa,EAAe;IAC5B,kBAAkB;~~IAClB~~,CAAA;~~GACS~~,CAAA,~~EACb~~,kBAAC,GAAD;GACE,WAAU;GACV,IAAI;IACF,KAAK;IACL,YAAY;IACZ,OAAO;IACP,YAAY;~~IACb~~;~~aAPH~~,CASG,IACC,kBAAC,GAAD;IACE,mBAAmB,EAAe;IACP;IACjB;~~IACV~~,CAAA,~~GAEF~~,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,UAAU,~~GACX~~;~~cAEA~~,KACC,kBAAC,GAAD,EACE,YAAY,EAAe,~~YAC3B~~,CAAA;~~IAEO~~,CAAA,~~EAEd~~,KACC,kBAAC,GAAD;IACE,cAAA;IACA,eAAe,~~GAAU~~;~~IACzB~~,MAAK;IACL,IAAI,EACF,WAAW,EACT,OAAO,~~cACR~~,EACF;~~IACD~~,CAAA,CAEE;~~KACF~~;~~KACP~~,CAAA"}
1	+ {"version":3,"file":"ResourceAccessItem.js","names":[],"sources":["../../../src/components/AclEditor/ResourceAccessItem.tsx"],"sourcesContent":["import { PermissionLevel } from '@/utils/PermissionLevelToAccessType'\nimport { Stack, Typography } from '@mui/material'\nimport { ACCESS_TYPE, ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\nimport { IconSvgButton } from '../IconSvgButton'\nimport UserOrTeamBadge from '../UserOrTeamBadge'\nimport { PermissionLevelMenu } from './PermissionLevelMenu'\nimport { ReadOnlyPermissionLevel } from './ReadOnlyPermissionLevel'\n\nexport const REMOVE_BUTTON_LABEL = 'Remove from AR Permissions'\n\ntype ResourceAccessItemProps = {\n canChangePermission: boolean\n showDeleteButton: boolean\n resourceAccess: ResourceAccess\n availablePermissionLevels: PermissionLevel[]\n displayedPermissionLevelOverride?: string\n onChange: (accessType: ACCESS_TYPE[]) => void\n onRemove: () => void\n}\n\nexport function ResourceAccessItem(\n props: ResourceAccessItemProps,\n): React.ReactNode {\n const {\n resourceAccess,\n availablePermissionLevels,\n canChangePermission,\n showDeleteButton,\n onChange,\n onRemove,\n displayedPermissionLevelOverride,\n } = props\n\n return (\n <>\n <Stack\n direction=\"row\"\n role=\"row\"\n sx={{\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: '10px',\n py: '6px',\n }}\n >\n <Typography\n sx={{\n fontSize: '16px',\n lineHeight: '20px',\n }}\n >\n <UserOrTeamBadge\n principalId={resourceAccess.principalId}\n openLinkInNewTab={true}\n />\n </Typography>\n <Stack\n direction=\"row\"\n sx={{\n gap: '10px',\n alignItems: 'center',\n width: '200px',\n flexShrink: 0,\n }}\n >\n {canChangePermission ? (\n <PermissionLevelMenu\n currentAccessType={resourceAccess.accessType}\n availablePermissionLevels={availablePermissionLevels}\n onChange={onChange}\n />\n ) : (\n <Typography\n variant={'smallText1'}\n sx={{\n flexGrow: 1,\n }}\n >\n {displayedPermissionLevelOverride ?? (\n <ReadOnlyPermissionLevel\n accessType={resourceAccess.accessType}\n />\n )}\n </Typography>\n )}\n {showDeleteButton && (\n <IconSvgButton\n aria-label={REMOVE_BUTTON_LABEL}\n onClick={() => onRemove()}\n icon=\"delete\"\n sx={{\n '&:hover': {\n color: 'error.main',\n },\n }}\n />\n )}\n </Stack>\n </Stack>\n </>\n )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAAsB;AAYnC,SAAgB,EACd,GACiB;CACjB,IAAM,EACJ,mBACA,8BACA,wBACA,qBACA,aACA,aACA,wCACE;CAEJ,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAK;EACL,IAAI;GACF,gBAAgB;GAChB,YAAY;GACZ,KAAK;GACL,IAAI;EACN;YARF,CAUE,kBAAC,GAAD;GACE,IAAI;IACF,UAAU;IACV,YAAY;GACd;aAEA,kBAAC,GAAD;IACE,aAAa,EAAe;IAC5B,kBAAkB;GACnB,CAAA;EACS,CAAA,GACZ,kBAAC,GAAD;GACE,WAAU;GACV,IAAI;IACF,KAAK;IACL,YAAY;IACZ,OAAO;IACP,YAAY;GACd;aAPF,CASG,IACC,kBAAC,GAAD;IACE,mBAAmB,EAAe;IACP;IACjB;GACX,CAAA,IAED,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,UAAU,EACZ;cAEC,KACC,kBAAC,GAAD,EACE,YAAY,EAAe,WAC5B,CAAA;GAEO,CAAA,GAEb,KACC,kBAAC,GAAD;IACE,cAAA;IACA,eAAe,EAAS;IACxB,MAAK;IACL,IAAI,EACF,WAAW,EACT,OAAO,aACT,EACF;GACD,CAAA,CAEE;IACF;IACP,CAAA;AAEN"}

package/dist/components/AclEditor/useSortResourceAccessList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSortResourceAccessList.js","names":[],"sources":["../../../src/components/AclEditor/useSortResourceAccessList.ts"],"sourcesContent":["import { useGetUserGroupHeaders } from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useMemo } from 'react'\nimport {\n compareResourceAccessAndUserGroupHeader,\n ResourceAccessAndUserGroupHeader,\n} from './ResourceAccessAndUserGroupHeader'\n\n/*\n Custom hook to sort a list of ResourceAccess objects by the permissions and name of the user or team.\n * @param resourceAccessList\n */\nexport default function useSortResourceAccessList(\n resourceAccessList: ResourceAccess[],\n) {\n const { data } = useGetRealmPrincipals()\n const realmPrincipals = data \|\| {}\n const {\n authenticatedUsers: authenticatedUsersId,\n publicGroup: publicGroupId,\n } = realmPrincipals\n const principalIdsOnResourceAccessList = useMemo(\n () => resourceAccessList.map(ra => ra.principalId),\n [resourceAccessList],\n )\n\n const {\n data: userGroupHeadersOnResourceAccessList,\n isLoading,\n error,\n } = useGetUserGroupHeaders(principalIdsOnResourceAccessList.map(String), {\n enabled: principalIdsOnResourceAccessList.length > 0,\n })\n\n useEffect(() => {\n if (error) {\n console.error('Error fetching user group headers: ', error)\n }\n }, [error])\n\n const sortedResourceAccessList = useMemo(() => {\n if (!userGroupHeadersOnResourceAccessList) {\n return null\n }\n\n const joinedWithUserGroupHeaders = resourceAccessList.map(\n (ral): ResourceAccessAndUserGroupHeader => ({\n resourceAccess: ral,\n userGroupHeader: userGroupHeadersOnResourceAccessList.find(\n ugh => String(ugh.ownerId) === String(ral.principalId),\n )!,\n }),\n )\n\n const allEntriesHaveUserGroupHeader = joinedWithUserGroupHeaders.every(\n obj => Boolean(obj.userGroupHeader),\n )\n\n if (!allEntriesHaveUserGroupHeader) {\n console.warn(\n 'Some ACL entries do not have a corresponding UserGroupHeader. The ResourceAccess list will not be sorted. Missing entries: ',\n joinedWithUserGroupHeaders.filter(obj => !obj.userGroupHeader),\n )\n return null\n }\n\n return joinedWithUserGroupHeaders\n .toSorted((a, b) =>\n compareResourceAccessAndUserGroupHeader(\n a,\n b,\n authenticatedUsersId,\n publicGroupId,\n ),\n )\n .map(obj => obj.resourceAccess)\n }, [\n resourceAccessList,\n userGroupHeadersOnResourceAccessList,\n authenticatedUsersId,\n publicGroupId,\n ])\n\n return {\n sortedResourceAccessList,\n isLoading,\n }\n}\n"],"mappings":";;;;;;AAaA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,~~GAAuB~~,~~EAElC~~,EACJ,oBAAoB,GACpB,aAAa,MAHS,KAAQ,~~EAAE~~,~~EAK5B~~,IAAmC,QACjC,EAAmB,KAAI,MAAM,EAAG,~~YAAY~~,~~EAClD~~,CAAC,~~EAAmB~~,CACrB,~~EAEK~~,EACJ,MAAM,GACN,cACA,aACE,EAAuB,EAAiC,IAAI,~~OAAO~~,~~EAAE~~,EACvE,SAAS,EAAiC,SAAS,~~GACpD~~,CAAC;~~AAmDF~~,~~QAjDA~~,QAAgB;~~AACd~~,~~EAAI~~,KACF,QAAQ,MAAM,uCAAuC,~~EAAM~~;~~IAE5D~~,CAAC,~~EAAM~~,CAAC,~~EA6CJ~~;EACL,0BA5C+B,QAAc;~~AAC7C~~,~~OAAI~~,CAAC,~~EACH~~,~~QAAO~~;GAGT,IAAM,IAA6B,EAAmB,KACnD,OAA2C;IAC1C,gBAAgB;IAChB,iBAAiB,EAAqC,MACpD,MAAO,OAAO,EAAI,~~QAAQ~~,~~KAAK~~,OAAO,EAAI,~~YAAY~~,CACvD;~~IACF~~,EACF;~~AAcD~~,~~UAZsC~~,EAA2B,OAC/D,MAAO,EAAQ,EAAI,~~gBAGhB~~,~~GAQE~~,EACJ,UAAU,GAAG,MACZ,EACE,GACA,GACA,GACA,~~EACD~~,CACF,~~CACA~~,KAAI,MAAO,EAAI,~~eAAe~~,~~IAhB/B~~,QAAQ,KACN,+HACA,EAA2B,QAAO,MAAO,CAAC,EAAI,~~gBAAgB~~,CAC/D,~~EACM~~;~~KAaR~~;GACD;GACA;GACA;GACA;~~GACD~~,~~CAGC~~;EACA;~~EACD~~"}
1	+ {"version":3,"file":"useSortResourceAccessList.js","names":[],"sources":["../../../src/components/AclEditor/useSortResourceAccessList.ts"],"sourcesContent":["import { useGetUserGroupHeaders } from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useMemo } from 'react'\nimport {\n compareResourceAccessAndUserGroupHeader,\n ResourceAccessAndUserGroupHeader,\n} from './ResourceAccessAndUserGroupHeader'\n\n/*\n Custom hook to sort a list of ResourceAccess objects by the permissions and name of the user or team.\n * @param resourceAccessList\n */\nexport default function useSortResourceAccessList(\n resourceAccessList: ResourceAccess[],\n) {\n const { data } = useGetRealmPrincipals()\n const realmPrincipals = data \|\| {}\n const {\n authenticatedUsers: authenticatedUsersId,\n publicGroup: publicGroupId,\n } = realmPrincipals\n const principalIdsOnResourceAccessList = useMemo(\n () => resourceAccessList.map(ra => ra.principalId),\n [resourceAccessList],\n )\n\n const {\n data: userGroupHeadersOnResourceAccessList,\n isLoading,\n error,\n } = useGetUserGroupHeaders(principalIdsOnResourceAccessList.map(String), {\n enabled: principalIdsOnResourceAccessList.length > 0,\n })\n\n useEffect(() => {\n if (error) {\n console.error('Error fetching user group headers: ', error)\n }\n }, [error])\n\n const sortedResourceAccessList = useMemo(() => {\n if (!userGroupHeadersOnResourceAccessList) {\n return null\n }\n\n const joinedWithUserGroupHeaders = resourceAccessList.map(\n (ral): ResourceAccessAndUserGroupHeader => ({\n resourceAccess: ral,\n userGroupHeader: userGroupHeadersOnResourceAccessList.find(\n ugh => String(ugh.ownerId) === String(ral.principalId),\n )!,\n }),\n )\n\n const allEntriesHaveUserGroupHeader = joinedWithUserGroupHeaders.every(\n obj => Boolean(obj.userGroupHeader),\n )\n\n if (!allEntriesHaveUserGroupHeader) {\n console.warn(\n 'Some ACL entries do not have a corresponding UserGroupHeader. The ResourceAccess list will not be sorted. Missing entries: ',\n joinedWithUserGroupHeaders.filter(obj => !obj.userGroupHeader),\n )\n return null\n }\n\n return joinedWithUserGroupHeaders\n .toSorted((a, b) =>\n compareResourceAccessAndUserGroupHeader(\n a,\n b,\n authenticatedUsersId,\n publicGroupId,\n ),\n )\n .map(obj => obj.resourceAccess)\n }, [\n resourceAccessList,\n userGroupHeadersOnResourceAccessList,\n authenticatedUsersId,\n publicGroupId,\n ])\n\n return {\n sortedResourceAccessList,\n isLoading,\n }\n}\n"],"mappings":";;;;;;AAaA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,EAAsB,GAEjC,EACJ,oBAAoB,GACpB,aAAa,MAHS,KAAQ,CAAC,GAK3B,IAAmC,QACjC,EAAmB,KAAI,MAAM,EAAG,WAAW,GACjD,CAAC,CAAkB,CACrB,GAEM,EACJ,MAAM,GACN,cACA,aACE,EAAuB,EAAiC,IAAI,MAAM,GAAG,EACvE,SAAS,EAAiC,SAAS,EACrD,CAAC;CAmDD,OAjDA,QAAgB;EACd,AAAI,KACF,QAAQ,MAAM,uCAAuC,CAAK;CAE9D,GAAG,CAAC,CAAK,CAAC,GA6CH;EACL,0BA5C+B,QAAc;GAC7C,IAAI,CAAC,GACH,OAAO;GAGT,IAAM,IAA6B,EAAmB,KACnD,OAA2C;IAC1C,gBAAgB;IAChB,iBAAiB,EAAqC,MACpD,MAAO,OAAO,EAAI,OAAO,MAAM,OAAO,EAAI,WAAW,CACvD;GACF,EACF;GAcA,OAZsC,EAA2B,OAC/D,MAAO,EAAQ,EAAI,eAGhB,IAQE,EACJ,UAAU,GAAG,MACZ,EACE,GACA,GACA,GACA,CACF,CACF,EACC,KAAI,MAAO,EAAI,cAAc,KAhB9B,QAAQ,KACN,+HACA,EAA2B,QAAO,MAAO,CAAC,EAAI,eAAe,CAC/D,GACO;EAaX,GAAG;GACD;GACA;GACA;GACA;EACF,CAGE;EACA;CACF;AACF"}

package/dist/components/AclEditor/useUpdateAcl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useUpdateAcl.js","names":[],"sources":["../../../src/components/AclEditor/useUpdateAcl.ts"],"sourcesContent":["import { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { ACCESS_TYPE, ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport {\n Dispatch,\n SetStateAction,\n useCallback,\n useEffect,\n useState,\n} from 'react'\nimport { noop } from 'lodash-es'\nimport useSortResourceAccessList from './useSortResourceAccessList'\n\nexport const PRINCIPAL_ALREADY_ADDED_ERROR_MESSAGE =\n 'User or team already has permissions.'\n\nexport type UseUpdateAclOptions = {\n initialResourceAccessList?: ResourceAccess[]\n onChange?: (resourceAccessList: ResourceAccess[]) => void\n onError?: (e: string) => void\n}\n\ntype UseUpdateAclReturn = {\n /** The ResourceAccess list that is being updated. It will automatically be sorted unless the `add`, `update` or `remove` functions are called. /\n resourceAccessList: ResourceAccess[]\n /* Set the ResourceAccess list. Does not prevent re-sorting /\n setResourceAccessList: Dispatch<SetStateAction<ResourceAccess[]>>\n /* Adds a principal to the list with the provided accessTypes /\n addResourceAccessItem: (\n principalId: number,\n accessTypes: ACCESS_TYPE[],\n ) => void\n /* Updates the principal in the list with the provided accessTypes /\n updateResourceAccessItem: (\n principalId: number,\n accessType: ACCESS_TYPE[],\n ) => void\n /* Removes the principal from the list /\n removeResourceAccessItem: (principalId: number) => void\n /* Resets the dirty state of the form, which will immediately trigger sorting the resourceAccessList */\n resetDirtyState: () => void\n}\n\nconst EMPTY_ARRAY: ResourceAccess[] = []\n\nexport default function useUpdateAcl(\n options: UseUpdateAclOptions = {},\n): UseUpdateAclReturn {\n const {\n initialResourceAccessList = EMPTY_ARRAY,\n onChange = noop,\n onError = noop,\n } = options\n const [isDirty, setIsDirty] = useState(false)\n const { setIsEditing } = useGlobalIsEditingContext()\n\n // When the form is dirty, set the global editing state to true\n useEffect(() => {\n setIsEditing(isDirty)\n return () => {\n setIsEditing(false)\n }\n }, [isDirty, setIsEditing])\n\n const [resourceAccessList, setResourceAccessList] = useState<\n ResourceAccess[]\n >(initialResourceAccessList)\n const [hasSorted, setHasSorted] = useState(false)\n\n // While the form has not been edited, sort the resourceAccessList\n const { sortedResourceAccessList, isLoading: isLoadingSortedList } =\n useSortResourceAccessList(resourceAccessList)\n useEffect(() => {\n if (\n !isDirty &&\n !isLoadingSortedList &&\n !hasSorted &&\n sortedResourceAccessList != null\n ) {\n setResourceAccessList(sortedResourceAccessList)\n // `useSortResourceAccessList` will return a new array every time `resourceAccessList` changes, so we need to\n // track if we've already sorted to prevent an infinite loop\n setHasSorted(true)\n }\n }, [hasSorted, isDirty, isLoadingSortedList, sortedResourceAccessList])\n\n useEffect(() => {\n onChange(resourceAccessList)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [resourceAccessList])\n\n const addResourceAccessItem = useCallback(\n (principalId: number, accessTypes: ACCESS_TYPE[]) => {\n setIsDirty(true)\n if (principalId) {\n setResourceAccessList(resourceAccessList => {\n const alreadyReviewer = resourceAccessList.some(\n resourceAccess => resourceAccess.principalId === principalId,\n )\n if (alreadyReviewer) {\n onError(PRINCIPAL_ALREADY_ADDED_ERROR_MESSAGE)\n } else {\n const newResourceAccess: ResourceAccess = {\n principalId: principalId,\n accessType: accessTypes,\n }\n return [...resourceAccessList, newResourceAccess]\n }\n return resourceAccessList\n })\n }\n },\n [onError],\n )\n\n const updateResourceAccessItem = useCallback(\n (principalId: number, accessType: ACCESS_TYPE[]) => {\n setIsDirty(true)\n setResourceAccessList(resourceAccessList =>\n resourceAccessList.map(resourceAccess => {\n return resourceAccess.principalId === principalId\n ? { ...resourceAccess, accessType }\n : resourceAccess\n }),\n )\n },\n [],\n )\n\n const removeResourceAccessItem = useCallback((principalId: number) => {\n setIsDirty(true)\n setResourceAccessList(resourceAccessList =>\n resourceAccessList.filter(\n raListItem => raListItem.principalId !== principalId,\n ),\n )\n }, [])\n\n const resetDirtyState = useCallback(() => {\n setIsDirty(false)\n }, [])\n\n return {\n resourceAccessList,\n setResourceAccessList,\n addResourceAccessItem,\n updateResourceAccessItem,\n removeResourceAccessItem,\n resetDirtyState,\n }\n}\n"],"mappings":";;;;;AAYA,IAAa,IACX,yCA6BI,IAAgC,~~EAAE~~;~~AAExC~~,SAAwB,EACtB,IAA+B,~~EAAE~~,~~EACb~~;CACpB,IAAM,EACJ,+BAA4B,GAC5B,cAAW,GACX,aAAU,MACR,GACE,CAAC,GAAS,KAAc,EAAS,~~GAAM~~,~~EACvC~~,EAAE,oBAAiB,~~GAA2B~~;~~AAGpD~~,~~UACE~~,EAAa,~~EAAQ~~,~~QACR~~;~~AACX~~,~~IAAa~~,~~GAAM~~;~~KAEpB~~,CAAC,GAAS,~~EAAa~~,CAAC;~~CAE3B~~,IAAM,CAAC,GAAoB,KAAyB,EAElD,~~EAA0B~~,~~EACtB~~,CAAC,GAAW,KAAgB,EAAS,~~GAAM~~,~~EAG3C~~,EAAE,6BAA0B,WAAW,MAC3C,EAA0B,~~EAAmB~~;~~AAuE/C~~,~~QAtEA~~,QAAgB;~~AACd~~,~~EACE~~,CAAC,KACD,CAAC,KACD,CAAC,KACD,KAA4B,SAE5B,EAAsB,~~EAAyB~~,~~EAG/C~~,EAAa,~~GAAK~~;~~IAEnB~~;EAAC;EAAW;EAAS;EAAqB;~~EAAyB~~,CAAC,~~EAEvE~~,QAAgB;~~AACd~~,~~IAAS~~,~~EAAmB~~;~~IAE3B~~,CAAC,~~EAAmB~~,CAAC,~~EAqDjB~~;EACL;EACA;EACA,uBAtD4B,GAC3B,GAAqB,MAA+B;~~AAEnD~~,~~GADA~~,EAAW,~~GAAK~~,~~EACZ~~,KACF,GAAsB,MAAsB;~~AAI1C~~,~~QAHwB~~,EAAmB,MACzC,MAAkB,EAAe,gBAAgB,~~EAE~~/C,~~CACF~~,~~GAAQ~~,~~EAAsC~~;~~SACzC~~;KACL,IAAM,IAAoC;MAC3B;MACb,YAAY;~~MACb~~;~~AACD~~,~~YAAO~~,CAAC,GAAG,GAAoB,~~EAAkB;;AAEnD~~,~~WAAO~~;~~KACP~~;~~KAGN~~,CAAC,~~EAAQ~~,~~CAiCT~~;EACA,0BA/B+B,GAC9B,GAAqB,MAA8B;~~AAElD~~,~~GADA~~,EAAW,~~GAAK~~,~~EAChB~~,GAAsB,MACpB,EAAmB,KAAI,MACd,EAAe,gBAAgB,IAClC;IAAE,GAAG;IAAgB;~~IAAY~~,~~GACjC~~,~~EACJ~~,CACH;~~KAEH~~,~~EAAE~~,~~CAoBF~~;EACA,0BAlB+B,GAAa,MAAwB;~~AAEpE~~,~~GADA~~,EAAW,~~GAAK~~,~~EAChB~~,GAAsB,MACpB,EAAmB,QACjB,MAAc,EAAW,gBAAgB,~~EAC1C~~,CACF;~~KACA~~,~~EAAE~~,~~CAWH~~;EACA,iBAVsB,QAAkB;~~AACxC~~,~~KAAW~~,~~GAAM~~;~~KAChB~~,~~EAAE~~,~~CAQH~~;~~EACD~~"}
1	+ {"version":3,"file":"useUpdateAcl.js","names":[],"sources":["../../../src/components/AclEditor/useUpdateAcl.ts"],"sourcesContent":["import { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { ACCESS_TYPE, ResourceAccess } from '@sage-bionetworks/synapse-types'\nimport {\n Dispatch,\n SetStateAction,\n useCallback,\n useEffect,\n useState,\n} from 'react'\nimport { noop } from 'lodash-es'\nimport useSortResourceAccessList from './useSortResourceAccessList'\n\nexport const PRINCIPAL_ALREADY_ADDED_ERROR_MESSAGE =\n 'User or team already has permissions.'\n\nexport type UseUpdateAclOptions = {\n initialResourceAccessList?: ResourceAccess[]\n onChange?: (resourceAccessList: ResourceAccess[]) => void\n onError?: (e: string) => void\n}\n\ntype UseUpdateAclReturn = {\n /** The ResourceAccess list that is being updated. It will automatically be sorted unless the `add`, `update` or `remove` functions are called. /\n resourceAccessList: ResourceAccess[]\n /* Set the ResourceAccess list. Does not prevent re-sorting /\n setResourceAccessList: Dispatch<SetStateAction<ResourceAccess[]>>\n /* Adds a principal to the list with the provided accessTypes /\n addResourceAccessItem: (\n principalId: number,\n accessTypes: ACCESS_TYPE[],\n ) => void\n /* Updates the principal in the list with the provided accessTypes /\n updateResourceAccessItem: (\n principalId: number,\n accessType: ACCESS_TYPE[],\n ) => void\n /* Removes the principal from the list /\n removeResourceAccessItem: (principalId: number) => void\n /* Resets the dirty state of the form, which will immediately trigger sorting the resourceAccessList */\n resetDirtyState: () => void\n}\n\nconst EMPTY_ARRAY: ResourceAccess[] = []\n\nexport default function useUpdateAcl(\n options: UseUpdateAclOptions = {},\n): UseUpdateAclReturn {\n const {\n initialResourceAccessList = EMPTY_ARRAY,\n onChange = noop,\n onError = noop,\n } = options\n const [isDirty, setIsDirty] = useState(false)\n const { setIsEditing } = useGlobalIsEditingContext()\n\n // When the form is dirty, set the global editing state to true\n useEffect(() => {\n setIsEditing(isDirty)\n return () => {\n setIsEditing(false)\n }\n }, [isDirty, setIsEditing])\n\n const [resourceAccessList, setResourceAccessList] = useState<\n ResourceAccess[]\n >(initialResourceAccessList)\n const [hasSorted, setHasSorted] = useState(false)\n\n // While the form has not been edited, sort the resourceAccessList\n const { sortedResourceAccessList, isLoading: isLoadingSortedList } =\n useSortResourceAccessList(resourceAccessList)\n useEffect(() => {\n if (\n !isDirty &&\n !isLoadingSortedList &&\n !hasSorted &&\n sortedResourceAccessList != null\n ) {\n setResourceAccessList(sortedResourceAccessList)\n // `useSortResourceAccessList` will return a new array every time `resourceAccessList` changes, so we need to\n // track if we've already sorted to prevent an infinite loop\n setHasSorted(true)\n }\n }, [hasSorted, isDirty, isLoadingSortedList, sortedResourceAccessList])\n\n useEffect(() => {\n onChange(resourceAccessList)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [resourceAccessList])\n\n const addResourceAccessItem = useCallback(\n (principalId: number, accessTypes: ACCESS_TYPE[]) => {\n setIsDirty(true)\n if (principalId) {\n setResourceAccessList(resourceAccessList => {\n const alreadyReviewer = resourceAccessList.some(\n resourceAccess => resourceAccess.principalId === principalId,\n )\n if (alreadyReviewer) {\n onError(PRINCIPAL_ALREADY_ADDED_ERROR_MESSAGE)\n } else {\n const newResourceAccess: ResourceAccess = {\n principalId: principalId,\n accessType: accessTypes,\n }\n return [...resourceAccessList, newResourceAccess]\n }\n return resourceAccessList\n })\n }\n },\n [onError],\n )\n\n const updateResourceAccessItem = useCallback(\n (principalId: number, accessType: ACCESS_TYPE[]) => {\n setIsDirty(true)\n setResourceAccessList(resourceAccessList =>\n resourceAccessList.map(resourceAccess => {\n return resourceAccess.principalId === principalId\n ? { ...resourceAccess, accessType }\n : resourceAccess\n }),\n )\n },\n [],\n )\n\n const removeResourceAccessItem = useCallback((principalId: number) => {\n setIsDirty(true)\n setResourceAccessList(resourceAccessList =>\n resourceAccessList.filter(\n raListItem => raListItem.principalId !== principalId,\n ),\n )\n }, [])\n\n const resetDirtyState = useCallback(() => {\n setIsDirty(false)\n }, [])\n\n return {\n resourceAccessList,\n setResourceAccessList,\n addResourceAccessItem,\n updateResourceAccessItem,\n removeResourceAccessItem,\n resetDirtyState,\n }\n}\n"],"mappings":";;;;;AAYA,IAAa,IACX,yCA6BI,IAAgC,CAAC;AAEvC,SAAwB,EACtB,IAA+B,CAAC,GACZ;CACpB,IAAM,EACJ,+BAA4B,GAC5B,cAAW,GACX,aAAU,MACR,GACE,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,EAAE,oBAAiB,EAA0B;CAGnD,SACE,EAAa,CAAO,SACP;EACX,EAAa,EAAK;CACpB,IACC,CAAC,GAAS,CAAY,CAAC;CAE1B,IAAM,CAAC,GAAoB,KAAyB,EAElD,CAAyB,GACrB,CAAC,GAAW,KAAgB,EAAS,EAAK,GAG1C,EAAE,6BAA0B,WAAW,MAC3C,EAA0B,CAAkB;CAuE9C,OAtEA,QAAgB;EACd,AACE,CAAC,KACD,CAAC,KACD,CAAC,KACD,KAA4B,SAE5B,EAAsB,CAAwB,GAG9C,EAAa,EAAI;CAErB,GAAG;EAAC;EAAW;EAAS;EAAqB;CAAwB,CAAC,GAEtE,QAAgB;EACd,EAAS,CAAkB;CAE7B,GAAG,CAAC,CAAkB,CAAC,GAqDhB;EACL;EACA;EACA,uBAtD4B,GAC3B,GAAqB,MAA+B;GAEnD,AADA,EAAW,EAAI,GACX,KACF,GAAsB,MAAsB;IAI1C,IAHwB,EAAmB,MACzC,MAAkB,EAAe,gBAAgB,CAE/C,GACF,EAAQ,CAAqC;SACxC;KACL,IAAM,IAAoC;MAC3B;MACb,YAAY;KACd;KACA,OAAO,CAAC,GAAG,GAAoB,CAAiB;IAClD;IACA,OAAO;GACT,CAAC;EAEL,GACA,CAAC,CAAO,CAiCR;EACA,0BA/B+B,GAC9B,GAAqB,MAA8B;GAElD,AADA,EAAW,EAAI,GACf,GAAsB,MACpB,EAAmB,KAAI,MACd,EAAe,gBAAgB,IAClC;IAAE,GAAG;IAAgB;GAAW,IAChC,CACL,CACH;EACF,GACA,CAAC,CAoBD;EACA,0BAlB+B,GAAa,MAAwB;GAEpE,AADA,EAAW,EAAI,GACf,GAAsB,MACpB,EAAmB,QACjB,MAAc,EAAW,gBAAgB,CAC3C,CACF;EACF,GAAG,CAAC,CAWF;EACA,iBAVsB,QAAkB;GACxC,EAAW,EAAK;EAClB,GAAG,CAAC,CAQF;CACF;AACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AdaptiveTwoColumnLayout.js","names":[],"sources":["../../../src/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.tsx"],"sourcesContent":["import { Box, SxProps } from '@mui/material'\nimport { ReactNode, useLayoutEffect, useRef, useState } from 'react'\n\nexport type MeasurementInfo = {\n leftHeight: number\n rightHeight: number\n ratio: number\n stacked: boolean\n}\n\nexport type AdaptiveTwoColumnLayoutProps = {\n leftContent: ReactNode\n rightContent?: ReactNode\n /*\n Stack if leftHeight / rightHeight falls below this ratio.\n * Measured once after initial render with both columns side-by-side.\n * Default: 0.45\n /\n stackRatioThreshold?: number\n gap?: string \| number\n sx?: SxProps\n /\n Called once after the initial measurement completes. Useful for debugging.\n /\n onMeasure?: (info: MeasurementInfo) => void\n}\n\n/\n Lays out two columns side-by-side and, after the initial render, measures\n * their heights. If leftHeight / rightHeight < stackRatioThreshold, the layout\n * switches to a single stacked column. On mobile (xs–md) the layout always stacks.\n \n Measurement is performed once on mount via useLayoutEffect, which fires\n * synchronously before the browser paints, so there is no visible layout shift.\n \n Algorithm mirrors the prototype at https://github.com/adamhindman/detail-page-columns:\n * measure in side-by-side mode, compute ratio = leftHeight / rightHeight, stack if below threshold.\n \n Implementation note: CSS Grid with align-items:start is used (not Flexbox).\n * Flexbox's default align-items:stretch causes both children to report the same\n * offsetHeight (the taller column's height), making the ratio always 1.0 and\n * stacking never triggering. Grid cells with align-items:start only take the\n * height of their own content, giving accurate independent measurements.\n */\nexport function AdaptiveTwoColumnLayout({\n leftContent,\n rightContent,\n stackRatioThreshold = 0.45,\n gap = '40px',\n sx,\n onMeasure,\n}: AdaptiveTwoColumnLayoutProps) {\n // null = not yet measured (2-column mode until useLayoutEffect reads heights)\n const [isStacked, setIsStacked] = useState<boolean \| null>(null)\n const leftRef = useRef<HTMLDivElement>(null)\n const rightRef = useRef<HTMLDivElement>(null)\n // Stable ref so onMeasure is never a useEffect dependency.\n const onMeasureRef = useRef(onMeasure)\n onMeasureRef.current = onMeasure\n\n // useLayoutEffect fires synchronously after React commits the DOM but before\n // the browser paints, so offsetHeight values are accurate and the user never\n // sees the intermediate 2-column state.\n //\n // NOTE: rightContent and onMeasure are intentionally excluded from the\n // dependency array. rightContent is JSX — a new object reference on every\n // parent render — so including it would restart this effect on every render,\n // preventing measurement from completing. onMeasure is accessed via\n // onMeasureRef to avoid the same issue.\n useLayoutEffect(() => {\n if (!leftRef.current) return\n\n if (!rightRef.current) {\n setIsStacked(false)\n return\n }\n\n // Both columns are in 2-column grid mode (isStacked is still null).\n // offsetHeight gives each column's independent content height.\n const leftH = leftRef.current.offsetHeight\n const rightH = rightRef.current.offsetHeight\n\n if (rightH > 0) {\n const ratio = leftH / rightH\n const stacked = ratio < stackRatioThreshold\n setIsStacked(stacked)\n onMeasureRef.current?.({\n leftHeight: leftH,\n rightHeight: rightH,\n ratio,\n stacked,\n })\n } else {\n setIsStacked(false)\n }\n // rightContent and onMeasure intentionally omitted — see note above.\n }, [stackRatioThreshold])\n\n return (\n <Box\n sx={{\n display: 'grid',\n // While unmeasured: 2 equal columns so heights are independently comparable.\n // After measurement: xs always single column; md+ follows the decision.\n gridTemplateColumns:\n isStacked === null\n ? '1fr 1fr'\n : { xs: '1fr', md: isStacked ? '1fr' : '1fr 1fr' },\n // align-items:start is critical — each cell is only as tall as its own\n // content, giving independent heights for the ratio comparison.\n alignItems: 'start',\n gap,\n ...sx,\n }}\n >\n <Box ref={leftRef}>{leftContent}</Box>\n {rightContent && <Box ref={rightRef}>{rightContent}</Box>}\n </Box>\n )\n}\n\nexport default AdaptiveTwoColumnLayout\n"],"mappings":";;;;AA4CA,SAAgB,EAAwB,EACtC,gBACA,iBACA,yBAAsB,KACtB,SAAM,QACN,OACA,gBAC+B;CAE/B,IAAM,CAAC,GAAW,KAAgB,EAAyB,~~KAAK~~,~~EAC1D~~,IAAU,EAAuB,~~KAAK~~,~~EACtC~~,IAAW,EAAuB,~~KAAK~~,~~EAEvC~~,IAAe,EAAO,~~EAAU~~;~~AAyCtC~~,~~QAxCA~~,EAAa,UAAU,GAWvB,QAAsB;~~AACpB~~,~~MAAI~~,CAAC,EAAQ,~~QAAS~~;~~AAEtB~~,~~MAAI~~,CAAC,EAAS,SAAS;~~AACrB~~,~~KAAa~~,~~GAAM~~;~~AACnB;;EAKF~~,IAAM,IAAQ,EAAQ,QAAQ,cACxB,IAAS,EAAS,QAAQ;~~AAEhC~~,~~MAAI~~,IAAS,GAAG;GACd,IAAM,IAAQ,IAAQ,GAChB,IAAU,IAAQ;~~AAExB~~,~~GADA~~,EAAa,~~EAAQ~~,~~EACrB~~,EAAa,UAAU;IACrB,YAAY;IACZ,aAAa;IACb;IACA;~~IACD~~,CAAC;~~QAEF~~,~~GAAa~~,~~GAAM~~;~~IAGpB~~,CAAC,~~EAAoB~~,CAAC,~~EAGvB~~,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GAGT,qBACE,MAAc,OACV,YACA;IAAE,IAAI;IAAO,IAAI,IAAY,QAAQ;~~IAAW~~;~~GAGtD~~,YAAY;GACZ;GACA,GAAG;~~GACJ~~;~~YAdH~~,CAgBE,kBAAC,GAAD;GAAK,KAAK;aAAU;~~GAAkB~~,CAAA,~~EACrC~~,KAAgB,kBAAC,GAAD;GAAK,KAAK;aAAW;~~GAAmB~~,CAAA,CACrD"}
1	+ {"version":3,"file":"AdaptiveTwoColumnLayout.js","names":[],"sources":["../../../src/components/AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.tsx"],"sourcesContent":["import { Box, SxProps } from '@mui/material'\nimport { ReactNode, useLayoutEffect, useRef, useState } from 'react'\n\nexport type MeasurementInfo = {\n leftHeight: number\n rightHeight: number\n ratio: number\n stacked: boolean\n}\n\nexport type AdaptiveTwoColumnLayoutProps = {\n leftContent: ReactNode\n rightContent?: ReactNode\n /*\n Stack if leftHeight / rightHeight falls below this ratio.\n * Measured once after initial render with both columns side-by-side.\n * Default: 0.45\n /\n stackRatioThreshold?: number\n gap?: string \| number\n sx?: SxProps\n /\n Called once after the initial measurement completes. Useful for debugging.\n /\n onMeasure?: (info: MeasurementInfo) => void\n}\n\n/\n Lays out two columns side-by-side and, after the initial render, measures\n * their heights. If leftHeight / rightHeight < stackRatioThreshold, the layout\n * switches to a single stacked column. On mobile (xs–md) the layout always stacks.\n \n Measurement is performed once on mount via useLayoutEffect, which fires\n * synchronously before the browser paints, so there is no visible layout shift.\n \n Algorithm mirrors the prototype at https://github.com/adamhindman/detail-page-columns:\n * measure in side-by-side mode, compute ratio = leftHeight / rightHeight, stack if below threshold.\n \n Implementation note: CSS Grid with align-items:start is used (not Flexbox).\n * Flexbox's default align-items:stretch causes both children to report the same\n * offsetHeight (the taller column's height), making the ratio always 1.0 and\n * stacking never triggering. Grid cells with align-items:start only take the\n * height of their own content, giving accurate independent measurements.\n */\nexport function AdaptiveTwoColumnLayout({\n leftContent,\n rightContent,\n stackRatioThreshold = 0.45,\n gap = '40px',\n sx,\n onMeasure,\n}: AdaptiveTwoColumnLayoutProps) {\n // null = not yet measured (2-column mode until useLayoutEffect reads heights)\n const [isStacked, setIsStacked] = useState<boolean \| null>(null)\n const leftRef = useRef<HTMLDivElement>(null)\n const rightRef = useRef<HTMLDivElement>(null)\n // Stable ref so onMeasure is never a useEffect dependency.\n const onMeasureRef = useRef(onMeasure)\n onMeasureRef.current = onMeasure\n\n // useLayoutEffect fires synchronously after React commits the DOM but before\n // the browser paints, so offsetHeight values are accurate and the user never\n // sees the intermediate 2-column state.\n //\n // NOTE: rightContent and onMeasure are intentionally excluded from the\n // dependency array. rightContent is JSX — a new object reference on every\n // parent render — so including it would restart this effect on every render,\n // preventing measurement from completing. onMeasure is accessed via\n // onMeasureRef to avoid the same issue.\n useLayoutEffect(() => {\n if (!leftRef.current) return\n\n if (!rightRef.current) {\n setIsStacked(false)\n return\n }\n\n // Both columns are in 2-column grid mode (isStacked is still null).\n // offsetHeight gives each column's independent content height.\n const leftH = leftRef.current.offsetHeight\n const rightH = rightRef.current.offsetHeight\n\n if (rightH > 0) {\n const ratio = leftH / rightH\n const stacked = ratio < stackRatioThreshold\n setIsStacked(stacked)\n onMeasureRef.current?.({\n leftHeight: leftH,\n rightHeight: rightH,\n ratio,\n stacked,\n })\n } else {\n setIsStacked(false)\n }\n // rightContent and onMeasure intentionally omitted — see note above.\n }, [stackRatioThreshold])\n\n return (\n <Box\n sx={{\n display: 'grid',\n // While unmeasured: 2 equal columns so heights are independently comparable.\n // After measurement: xs always single column; md+ follows the decision.\n gridTemplateColumns:\n isStacked === null\n ? '1fr 1fr'\n : { xs: '1fr', md: isStacked ? '1fr' : '1fr 1fr' },\n // align-items:start is critical — each cell is only as tall as its own\n // content, giving independent heights for the ratio comparison.\n alignItems: 'start',\n gap,\n ...sx,\n }}\n >\n <Box ref={leftRef}>{leftContent}</Box>\n {rightContent && <Box ref={rightRef}>{rightContent}</Box>}\n </Box>\n )\n}\n\nexport default AdaptiveTwoColumnLayout\n"],"mappings":";;;;AA4CA,SAAgB,EAAwB,EACtC,gBACA,iBACA,yBAAsB,KACtB,SAAM,QACN,OACA,gBAC+B;CAE/B,IAAM,CAAC,GAAW,KAAgB,EAAyB,IAAI,GACzD,IAAU,EAAuB,IAAI,GACrC,IAAW,EAAuB,IAAI,GAEtC,IAAe,EAAO,CAAS;CAyCrC,OAxCA,EAAa,UAAU,GAWvB,QAAsB;EACpB,IAAI,CAAC,EAAQ,SAAS;EAEtB,IAAI,CAAC,EAAS,SAAS;GACrB,EAAa,EAAK;GAClB;EACF;EAIA,IAAM,IAAQ,EAAQ,QAAQ,cACxB,IAAS,EAAS,QAAQ;EAEhC,IAAI,IAAS,GAAG;GACd,IAAM,IAAQ,IAAQ,GAChB,IAAU,IAAQ;GAExB,AADA,EAAa,CAAO,GACpB,EAAa,UAAU;IACrB,YAAY;IACZ,aAAa;IACb;IACA;GACF,CAAC;EACH,OACE,EAAa,EAAK;CAGtB,GAAG,CAAC,CAAmB,CAAC,GAGtB,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GAGT,qBACE,MAAc,OACV,YACA;IAAE,IAAI;IAAO,IAAI,IAAY,QAAQ;GAAU;GAGrD,YAAY;GACZ;GACA,GAAG;EACL;YAdF,CAgBE,kBAAC,GAAD;GAAK,KAAK;aAAU;EAAiB,CAAA,GACpC,KAAgB,kBAAC,GAAD;GAAK,KAAK;aAAW;EAAkB,CAAA,CACrD;;AAET"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AddToDownloadListV2.js","names":[],"sources":["../../src/components/AddToDownloadListV2.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useAddFileToDownloadList } from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Link, Tooltip } from '@mui/material'\nimport IconSvg from './IconSvg/IconSvg'\nimport { displayToast } from './ToastMessage/ToastMessage'\n\nexport type AddToDownloadListV2Props = {\n entityId: string\n entityVersionNumber?: number\n}\n\nfunction AddToDownloadListV2(props: AddToDownloadListV2Props) {\n const { entityId, entityVersionNumber } = props\n const { isAuthenticated } = useSynapseContext()\n\n const { data: entity } = useGetEntity(entityId, entityVersionNumber)\n\n const { mutate: addToDownloadList } = useAddFileToDownloadList({\n onSuccess: () => {\n displayToast(\n `${\n entity?.name ?? entityId\n } was successfully added to your Download List.`,\n 'success',\n )\n },\n onError: e => {\n displayToast(\n `Unable to add the file to your Download List. ${e.reason}`,\n 'danger',\n )\n },\n })\n\n if (!isAuthenticated) {\n return <></>\n }\n\n return (\n <>\n <Tooltip\n title=\"Add this file to your Download List\"\n placement=\"right\"\n enterNextDelay={300}\n >\n <Link\n data-testid=\"AddToDownloadListV2\"\n onClick={() => {\n addToDownloadList({ entityId, entityVersionNumber })\n }}\n className=\"ignoreLink\"\n >\n <IconSvg icon={'addToCart'} />\n </Link>\n </Tooltip>\n </>\n )\n}\n\nexport default AddToDownloadListV2\n"],"mappings":";;;;;;;;;AAYA,SAAS,EAAoB,GAAiC;CAC5D,IAAM,EAAE,aAAU,2BAAwB,GACpC,EAAE,uBAAoB,~~GAAmB~~,~~EAEzC~~,EAAE,MAAM,MAAW,EAAa,GAAU,~~EAAoB~~,~~EAE9D~~,EAAE,QAAQ,MAAsB,EAAyB;EAC7D,iBAAiB;~~AACf~~,~~KACE~~,GACE,GAAQ,QAAQ,EACjB,iDACD,~~UACD;;EAEH~~,UAAS,MAAK;~~AACZ~~,~~KACE~~,iDAAiD,EAAE,UACnD,~~SACD;;EAEJ~~,CAAC;~~AAMF~~,~~QAJK~~,IAKH,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,OAAM;EACN,WAAU;EACV,gBAAgB;YAEhB,kBAAC,GAAD;GACE,eAAY;GACZ,eAAe;~~AACb~~,~~MAAkB~~;KAAE;KAAU;~~KAAqB~~,CAAC~~;;GAEtD~~,WAAU;aAEV,kBAAC,GAAD,EAAS,MAAM,~~aAAe~~,CAAA;~~GACzB~~,CAAA;~~EACC~~,CAAA,EACT,CAAA,~~GApBI~~,kBAAA,GAAA,~~EAAK~~,CAAA"}
1	+ {"version":3,"file":"AddToDownloadListV2.js","names":[],"sources":["../../src/components/AddToDownloadListV2.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useAddFileToDownloadList } from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Link, Tooltip } from '@mui/material'\nimport IconSvg from './IconSvg/IconSvg'\nimport { displayToast } from './ToastMessage/ToastMessage'\n\nexport type AddToDownloadListV2Props = {\n entityId: string\n entityVersionNumber?: number\n}\n\nfunction AddToDownloadListV2(props: AddToDownloadListV2Props) {\n const { entityId, entityVersionNumber } = props\n const { isAuthenticated } = useSynapseContext()\n\n const { data: entity } = useGetEntity(entityId, entityVersionNumber)\n\n const { mutate: addToDownloadList } = useAddFileToDownloadList({\n onSuccess: () => {\n displayToast(\n `${\n entity?.name ?? entityId\n } was successfully added to your Download List.`,\n 'success',\n )\n },\n onError: e => {\n displayToast(\n `Unable to add the file to your Download List. ${e.reason}`,\n 'danger',\n )\n },\n })\n\n if (!isAuthenticated) {\n return <></>\n }\n\n return (\n <>\n <Tooltip\n title=\"Add this file to your Download List\"\n placement=\"right\"\n enterNextDelay={300}\n >\n <Link\n data-testid=\"AddToDownloadListV2\"\n onClick={() => {\n addToDownloadList({ entityId, entityVersionNumber })\n }}\n className=\"ignoreLink\"\n >\n <IconSvg icon={'addToCart'} />\n </Link>\n </Tooltip>\n </>\n )\n}\n\nexport default AddToDownloadListV2\n"],"mappings":";;;;;;;;;AAYA,SAAS,EAAoB,GAAiC;CAC5D,IAAM,EAAE,aAAU,2BAAwB,GACpC,EAAE,uBAAoB,EAAkB,GAExC,EAAE,MAAM,MAAW,EAAa,GAAU,CAAmB,GAE7D,EAAE,QAAQ,MAAsB,EAAyB;EAC7D,iBAAiB;GACf,EACE,GACE,GAAQ,QAAQ,EACjB,iDACD,SACF;EACF;EACA,UAAS,MAAK;GACZ,EACE,iDAAiD,EAAE,UACnD,QACF;EACF;CACF,CAAC;CAMD,OAJK,IAKH,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,OAAM;EACN,WAAU;EACV,gBAAgB;YAEhB,kBAAC,GAAD;GACE,eAAY;GACZ,eAAe;IACb,EAAkB;KAAE;KAAU;IAAoB,CAAC;GACrD;GACA,WAAU;aAEV,kBAAC,GAAD,EAAS,MAAM,YAAc,CAAA;EACzB,CAAA;CACC,CAAA,EACT,CAAA,IApBK,kBAAA,GAAA,CAAI,CAAA;AAsBf"}

package/dist/components/Aridhia/AridhiaAccessStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AridhiaAccessStatus.js","names":[],"sources":["../../../src/components/Aridhia/AridhiaAccessStatus.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { useGetAridhiaRequests } from '@/aridhia-queries'\nimport AccessIcon, { RestrictionUiType } from '../HasAccess/AccessIcon'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { useSynapseContext } from '@/utils'\nimport {\n getRestrictionUiTypeFromAridhiaRequest,\n findRequestForDataset,\n} from './aridhiaAccessStatusUtils'\n\nconst buttonSx = { p: '0px', minWidth: 'unset' }\n\nexport type AridhiaAccessStatusProps = {\n /*\n dataset code\n /\n datasetCode: string\n url?: string\n}\n\n/\n Component that displays the Aridhia data access request status.\n * If the user is not authenticated with Aridhia, shows a sign-in button.\n * Otherwise, shows the access status based on the data access requests.\n /\nexport default function AridhiaAccessStatus(props: AridhiaAccessStatusProps) {\n const { datasetCode, url } = props\n const { isAuthenticated } = useSynapseContext()\n const { data: requestsResponse, isLoading } = useGetAridhiaRequests()\n\n if (!isAuthenticated) {\n return (\n <Button\n sx={buttonSx}\n className={SRC_SIGN_IN_CLASS}\n onClick={ev => {\n if (ev.isTrusted) {\n /\n There is a tricky problem - \n The portals listens to click events for buttons with the class SRC_SIGN_IN_CLASS set, it listens to this event\n so that it can display the login modal.\n\n This button has an svg inside of it which is problematic because more often than not clicking this button will \n instead click that svg. The event listener in the portals will break as a result.\n\n Though the svg may get the actual click event, because of event bubbling this button will get its onClick called.\n Once onClick is called we can manually dispatch an event off of this button. This does pose a problem, we end up in a \n infinite loop because this button keeps dispatching click events, so we can use the isTrusted to recognize if onClick was\n triggered programmatically or by user click. Lastly, using { bubbles: true } ensures the event bubbles up to the document level.\n\n */\n const clickEvent = new MouseEvent('click', { bubbles: true })\n ev.currentTarget.dispatchEvent(clickEvent)\n }\n }}\n >\n <AccessIcon\n restrictionUiType={RestrictionUiType.AccessBlockedToAnonymous}\n />\n </Button>\n )\n }\n\n // Show loading state\n if (isLoading) {\n return <></>\n }\n\n // Check if there's a request for this dataset\n const entityRequest = findRequestForDataset(\n requestsResponse?.items ?? [],\n datasetCode,\n )\n\n const restrictionUiType =\n getRestrictionUiTypeFromAridhiaRequest(entityRequest)\n\n const icon = <AccessIcon restrictionUiType={restrictionUiType} />\n\n // If URL provided, wrap icon in link\n return url ? (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {icon}\n </a>\n ) : (\n icon\n )\n}\n"],"mappings":";;;;;;;;;;AAUA,IAAM,IAAW;CAAE,GAAG;CAAO,UAAU;~~CAAS~~;~~AAehD~~,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EAAE,gBAAa,WAAQ,GACvB,EAAE,uBAAoB,~~GAAmB~~,~~EACzC~~,EAAE,MAAM,GAAkB,iBAAc,~~GAAuB~~;~~AAErE~~,~~KAAI~~,CAAC,~~EACH~~,~~QACE~~,kBAAC,GAAD;EACE,IAAI;EACJ,WAAW;EACX,UAAS,MAAM;~~AACb~~,~~OAAI~~,EAAG,WAAW;IAehB,IAAM,IAAa,IAAI,WAAW,SAAS,EAAE,SAAS,~~IAAM~~,CAAC;~~AAC7D~~,~~MAAG~~,cAAc,cAAc,~~EAAW;;;YAI9C~~,kBAAC,GAAD,EACE,mBAAmB,EAAkB,~~0BACrC~~,CAAA;~~EACK~~,CAAA;~~AAKb~~,~~KAAI~~,~~EACF~~,~~QAAO~~,kBAAA,GAAA,~~EAAK~~,CAAA;~~CAYd~~,IAAM,IAAO,kBAAC,GAAD,EAA+B,mBAF1C,EANoB,EACpB,GAAkB,SAAS,~~EAAE~~,~~EAC7B~~,~~EAIuC~~,CAEG,~~EAAqB~~,CAAA;~~AAGjE~~,~~QAAO~~,IACL,kBAAC,KAAD;EAAG,MAAM;EAAK,QAAO;EAAS,KAAI;YAC/B;~~EACC~~,CAAA,~~GAEJ~~"}
1	+ {"version":3,"file":"AridhiaAccessStatus.js","names":[],"sources":["../../../src/components/Aridhia/AridhiaAccessStatus.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { useGetAridhiaRequests } from '@/aridhia-queries'\nimport AccessIcon, { RestrictionUiType } from '../HasAccess/AccessIcon'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { useSynapseContext } from '@/utils'\nimport {\n getRestrictionUiTypeFromAridhiaRequest,\n findRequestForDataset,\n} from './aridhiaAccessStatusUtils'\n\nconst buttonSx = { p: '0px', minWidth: 'unset' }\n\nexport type AridhiaAccessStatusProps = {\n /*\n dataset code\n /\n datasetCode: string\n url?: string\n}\n\n/\n Component that displays the Aridhia data access request status.\n * If the user is not authenticated with Aridhia, shows a sign-in button.\n * Otherwise, shows the access status based on the data access requests.\n /\nexport default function AridhiaAccessStatus(props: AridhiaAccessStatusProps) {\n const { datasetCode, url } = props\n const { isAuthenticated } = useSynapseContext()\n const { data: requestsResponse, isLoading } = useGetAridhiaRequests()\n\n if (!isAuthenticated) {\n return (\n <Button\n sx={buttonSx}\n className={SRC_SIGN_IN_CLASS}\n onClick={ev => {\n if (ev.isTrusted) {\n /\n There is a tricky problem - \n The portals listens to click events for buttons with the class SRC_SIGN_IN_CLASS set, it listens to this event\n so that it can display the login modal.\n\n This button has an svg inside of it which is problematic because more often than not clicking this button will \n instead click that svg. The event listener in the portals will break as a result.\n\n Though the svg may get the actual click event, because of event bubbling this button will get its onClick called.\n Once onClick is called we can manually dispatch an event off of this button. This does pose a problem, we end up in a \n infinite loop because this button keeps dispatching click events, so we can use the isTrusted to recognize if onClick was\n triggered programmatically or by user click. Lastly, using { bubbles: true } ensures the event bubbles up to the document level.\n\n */\n const clickEvent = new MouseEvent('click', { bubbles: true })\n ev.currentTarget.dispatchEvent(clickEvent)\n }\n }}\n >\n <AccessIcon\n restrictionUiType={RestrictionUiType.AccessBlockedToAnonymous}\n />\n </Button>\n )\n }\n\n // Show loading state\n if (isLoading) {\n return <></>\n }\n\n // Check if there's a request for this dataset\n const entityRequest = findRequestForDataset(\n requestsResponse?.items ?? [],\n datasetCode,\n )\n\n const restrictionUiType =\n getRestrictionUiTypeFromAridhiaRequest(entityRequest)\n\n const icon = <AccessIcon restrictionUiType={restrictionUiType} />\n\n // If URL provided, wrap icon in link\n return url ? (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {icon}\n </a>\n ) : (\n icon\n )\n}\n"],"mappings":";;;;;;;;;;AAUA,IAAM,IAAW;CAAE,GAAG;CAAO,UAAU;AAAQ;AAe/C,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EAAE,gBAAa,WAAQ,GACvB,EAAE,uBAAoB,EAAkB,GACxC,EAAE,MAAM,GAAkB,iBAAc,EAAsB;CAEpE,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EACE,IAAI;EACJ,WAAW;EACX,UAAS,MAAM;GACb,IAAI,EAAG,WAAW;IAehB,IAAM,IAAa,IAAI,WAAW,SAAS,EAAE,SAAS,GAAK,CAAC;IAC5D,EAAG,cAAc,cAAc,CAAU;GAC3C;EACF;YAEA,kBAAC,GAAD,EACE,mBAAmB,EAAkB,yBACtC,CAAA;CACK,CAAA;CAKZ,IAAI,GACF,OAAO,kBAAA,GAAA,CAAI,CAAA;CAYb,IAAM,IAAO,kBAAC,GAAD,EAA+B,mBAF1C,EANoB,EACpB,GAAkB,SAAS,CAAC,GAC5B,CAIuC,CAEG,EAAoB,CAAA;CAGhE,OAAO,IACL,kBAAC,KAAD;EAAG,MAAM;EAAK,QAAO;EAAS,KAAI;YAC/B;CACA,CAAA,IAEH;AAEJ"}

package/dist/components/Aridhia/aridhiaAccessStatusUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aridhiaAccessStatusUtils.js","names":[],"sources":["../../../src/components/Aridhia/aridhiaAccessStatusUtils.ts"],"sourcesContent":["import { RestrictionUiType } from '../HasAccess/AccessIcon'\nimport { Request } from '@sage-bionetworks/aridhia-client/generated/models'\n\n/*\n Maps an Aridhia request status to the appropriate RestrictionUiType for display.\n \n @param request - The Aridhia request object, or undefined if no request exists\n * @returns The appropriate RestrictionUiType based on the request status\n /\nexport function getRestrictionUiTypeFromAridhiaRequest(\n request: Request \| undefined,\n): RestrictionUiType {\n if (!request) {\n // No request found - user needs to request access\n return RestrictionUiType.AccessBlockedByRestriction\n }\n\n switch (request.status) {\n case 'approved':\n return RestrictionUiType.Accessible\n case 'pending':\n return RestrictionUiType.AccessBlockedByRestrictionWithPendingRDCADAPRequest\n case 'denied':\n return RestrictionUiType.AccessBlockedByRestrictionWithRejectedRDCADAPRequest\n case 'error':\n return RestrictionUiType.AccessBlockedByACL\n default:\n return RestrictionUiType.AccessBlockedByRestriction\n }\n}\n\n/\n Finds the Aridhia request for a specific dataset from a list of requests.\n * If multiple requests match, returns the most recently updated one.\n \n @param requests - Array of Aridhia requests\n * @param datasetCode - The dataset code to search for\n * @returns The most recently updated request that contains the specified dataset, or undefined if not found\n */\nexport function findRequestForDataset(\n requests: Request[],\n datasetCode: string,\n): Request \| undefined {\n const matchingRequests = requests.filter(request =>\n request.datasets?.some(dataset => dataset.code === datasetCode),\n )\n\n if (matchingRequests.length === 0) {\n return undefined\n }\n\n // Return the most recently updated request\n return matchingRequests.reduce((mostRecent, current) => {\n if (!mostRecent.updated_at) {\n return current\n }\n if (!current.updated_at) {\n return mostRecent\n }\n return current.updated_at > mostRecent.updated_at ? current : mostRecent\n })\n}\n"],"mappings":";;AASA,SAAgB,EACd,GACmB;~~AACnB~~,~~KAAI~~,CAAC,~~EAEH~~,~~QAAO~~,EAAkB;~~AAG3B~~,~~SAAQ~~,EAAQ,QAAhB;EACE,KAAK,~~WACH~~,~~QAAO~~,EAAkB;EAC3B,KAAK,~~UACH~~,~~QAAO~~,EAAkB;EAC3B,KAAK,~~SACH~~,~~QAAO~~,EAAkB;EAC3B,KAAK,~~QACH~~,~~QAAO~~,EAAkB;EAC3B,~~QACE~~,~~QAAO~~,EAAkB~~;;;AAY/B~~,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAmB,EAAS,QAAO,MACvC,EAAQ,UAAU,MAAK,MAAW,EAAQ,SAAS,~~EAAY~~,CAChE;~~AAEG~~,~~OAAiB~~,WAAW,~~EAKhC~~,~~QAAO~~,EAAiB,QAAQ,GAAY,MACrC,EAAW,aAGX,EAAQ,cAGN,EAAQ,aAAa,EAAW,aAAa,IAAU,IALrD,~~EAMT~~"}
1	+ {"version":3,"file":"aridhiaAccessStatusUtils.js","names":[],"sources":["../../../src/components/Aridhia/aridhiaAccessStatusUtils.ts"],"sourcesContent":["import { RestrictionUiType } from '../HasAccess/AccessIcon'\nimport { Request } from '@sage-bionetworks/aridhia-client/generated/models'\n\n/*\n Maps an Aridhia request status to the appropriate RestrictionUiType for display.\n \n @param request - The Aridhia request object, or undefined if no request exists\n * @returns The appropriate RestrictionUiType based on the request status\n /\nexport function getRestrictionUiTypeFromAridhiaRequest(\n request: Request \| undefined,\n): RestrictionUiType {\n if (!request) {\n // No request found - user needs to request access\n return RestrictionUiType.AccessBlockedByRestriction\n }\n\n switch (request.status) {\n case 'approved':\n return RestrictionUiType.Accessible\n case 'pending':\n return RestrictionUiType.AccessBlockedByRestrictionWithPendingRDCADAPRequest\n case 'denied':\n return RestrictionUiType.AccessBlockedByRestrictionWithRejectedRDCADAPRequest\n case 'error':\n return RestrictionUiType.AccessBlockedByACL\n default:\n return RestrictionUiType.AccessBlockedByRestriction\n }\n}\n\n/\n Finds the Aridhia request for a specific dataset from a list of requests.\n * If multiple requests match, returns the most recently updated one.\n \n @param requests - Array of Aridhia requests\n * @param datasetCode - The dataset code to search for\n * @returns The most recently updated request that contains the specified dataset, or undefined if not found\n */\nexport function findRequestForDataset(\n requests: Request[],\n datasetCode: string,\n): Request \| undefined {\n const matchingRequests = requests.filter(request =>\n request.datasets?.some(dataset => dataset.code === datasetCode),\n )\n\n if (matchingRequests.length === 0) {\n return undefined\n }\n\n // Return the most recently updated request\n return matchingRequests.reduce((mostRecent, current) => {\n if (!mostRecent.updated_at) {\n return current\n }\n if (!current.updated_at) {\n return mostRecent\n }\n return current.updated_at > mostRecent.updated_at ? current : mostRecent\n })\n}\n"],"mappings":";;AASA,SAAgB,EACd,GACmB;CACnB,IAAI,CAAC,GAEH,OAAO,EAAkB;CAG3B,QAAQ,EAAQ,QAAhB;EACE,KAAK,YACH,OAAO,EAAkB;EAC3B,KAAK,WACH,OAAO,EAAkB;EAC3B,KAAK,UACH,OAAO,EAAkB;EAC3B,KAAK,SACH,OAAO,EAAkB;EAC3B,SACE,OAAO,EAAkB;CAC7B;AACF;AAUA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAmB,EAAS,QAAO,MACvC,EAAQ,UAAU,MAAK,MAAW,EAAQ,SAAS,CAAW,CAChE;CAEI,MAAiB,WAAW,GAKhC,OAAO,EAAiB,QAAQ,GAAY,MACrC,EAAW,aAGX,EAAQ,cAGN,EAAQ,aAAa,EAAW,aAAa,IAAU,IALrD,CAMV;AACH"}

package/dist/components/Authentication/AuthenticationMethodSelection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthenticationMethodSelection.js","names":[],"sources":["../../../src/components/Authentication/AuthenticationMethodSelection.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { OAuth2State, SynapseClientError } from '@/utils'\nimport { generateCsrfToken } from '@/utils/functions/generateCsrfToken'\nimport {\n LOGIN_METHOD_EMAIL,\n LOGIN_METHOD_OAUTH2_ARCUS,\n LOGIN_METHOD_OAUTH2_GOOGLE,\n LOGIN_METHOD_OAUTH2_ORCID,\n LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS,\n OAUTH2_PROVIDERS,\n} from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { MouseEvent } from 'react'\nimport LoginMethodButton from './LoginMethodButton'\nimport { Realm } from '@sage-bionetworks/synapse-client'\nimport {\n hasArcusProvider,\n hasSageBionetworksProvider,\n} from '@/utils/functions/RealmUtils'\n\ntype AuthenticationMethodSelectionProps = {\n ssoRedirectUrl?: string\n /* Invoked before redirecting to OAuth provider. Useful in portals where we may want to store the current URL to redirect back here. /\n onBeginOAuthSignIn?: () => void\n onSelectUsernameAndPassword: () => void\n state?: OAuth2State\n realm?: Realm\n}\n\nconst csrfToken = generateCsrfToken()\n\n/\n To support Google SSO in your portal, you must add your domain to the Authorized Redirect URIs for Synapse authentication.\n * This can be done by visiting https://sagebionetworks.jira.com/servicedesk/customer/portal/9 to set up a collaboration.\n * Synapse engineers must add your redirect URL in the Google API console found at https://console.cloud.google.com/ for this functionality to work.\n */\nexport default function AuthenticationMethodSelection(\n props: AuthenticationMethodSelectionProps,\n) {\n const {\n onBeginOAuthSignIn,\n ssoRedirectUrl,\n onSelectUsernameAndPassword,\n state,\n realm,\n } = props\n\n const showArcusSSOButtonOnly = hasArcusProvider(realm)\n const showSageBionetworksSSOButtonOnly = hasSageBionetworksProvider(realm)\n\n const isSingleIdpOnly =\n showArcusSSOButtonOnly \|\| showSageBionetworksSSOButtonOnly\n const stateWithCSRF: OAuth2State = { ...state, csrfToken }\n\n function onSSOSignIn(event: MouseEvent<HTMLButtonElement>, provider: string) {\n if (onBeginOAuthSignIn) {\n onBeginOAuthSignIn()\n }\n\n event.preventDefault()\n const redirectUrl = ssoRedirectUrl\n ? `${ssoRedirectUrl}${provider}`\n : `${SynapseClient.getRootURL()}?provider=${provider}`\n SynapseClient.oAuthUrlRequest(provider, redirectUrl, stateWithCSRF)\n .then(data => {\n // Send the user to the authorization URL\n window.location.href = data.authorizationUrl\n })\n .catch((err: SynapseClientError) => {\n console.log('Error on oAuth url ', err)\n })\n }\n\n return (\n <Box>\n {!isSingleIdpOnly && (\n <>\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_OAUTH2_GOOGLE}\n iconName=\"google24\"\n onClick={event => {\n onSSOSignIn(event, OAUTH2_PROVIDERS.GOOGLE)\n }}\n />\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_OAUTH2_ORCID}\n iconName=\"orcid\"\n onClick={event => {\n onSSOSignIn(event, OAUTH2_PROVIDERS.ORCID)\n }}\n />\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_EMAIL}\n iconName=\"email\"\n onClick={onSelectUsernameAndPassword}\n />\n </>\n )}\n {showArcusSSOButtonOnly && (\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_OAUTH2_ARCUS}\n // iconName=\"arcusbio\"\n onClick={event => {\n onSSOSignIn(event, OAUTH2_PROVIDERS.ARCUS)\n }}\n />\n )}\n {showSageBionetworksSSOButtonOnly && (\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS}\n onClick={event => {\n onSSOSignIn(event, OAUTH2_PROVIDERS.SAGE_BIONETWORKS)\n }}\n />\n )}\n </Box>\n )\n}\n"],"mappings":";;;;;;;;AA6BA,IAAM,IAAY,~~GAAmB~~;~~AAOrC~~,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,uBACA,mBACA,gCACA,UACA,aACE,GAEE,IAAyB,EAAiB,~~EAAM~~,~~EAChD~~,IAAmC,EAA2B,~~EAAM~~,~~EAEpE~~,IACJ,KAA0B,GACtB,IAA6B;EAAE,GAAG;EAAO;~~EAAW~~;~~CAE1D~~,SAAS,EAAY,GAAsC,GAAkB;~~AAK3E~~,~~EAJI~~,KACF,~~GAAoB~~,~~EAGtB~~,EAAM,~~gBAAgB~~;~~EACtB~~,IAAM,IAAc,IAChB,GAAG,IAAiB,MACpB,GAAG,EAAc,~~YAAY~~,~~CAAC~~,YAAY;~~AAC9C~~,~~IAAc~~,gBAAgB,GAAU,GAAa,~~EAAc~~,~~CAChE~~,MAAK,MAAQ;~~AAEZ~~,~~UAAO~~,SAAS,OAAO,EAAK;~~IAC5B~~,~~CACD~~,OAAO,MAA4B;~~AAClC~~,~~WAAQ~~,IAAI,uBAAuB,~~EAAI~~;~~IACvC;;AAGN~~,~~QACE~~,kBAAC,GAAD,EAAA,UAAA;EACG,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,aAAA;IACA,UAAS;IACT,UAAS,MAAS;~~AAChB~~,~~OAAY~~,GAAO,EAAiB,~~OAAO;;IAE7C~~,CAAA;~~GACF~~,kBAAC,GAAD;IACE,aAAA;IACA,UAAS;IACT,UAAS,MAAS;~~AAChB~~,~~OAAY~~,GAAO,EAAiB,~~MAAM;;IAE5C~~,CAAA;~~GACF~~,kBAAC,GAAD;IACE,aAAA;IACA,UAAS;IACT,SAAS;~~IACT~~,CAAA;~~GACD~~,EAAA,CAAA;~~EAEJ~~,KACC,kBAAC,GAAD;GACE,aAAA;GAEA,UAAS,MAAS;~~AAChB~~,~~MAAY~~,GAAO,EAAiB,~~MAAM;;GAE5C~~,CAAA;~~EAEH~~,KACC,kBAAC,GAAD;GACE,aAAA;GACA,UAAS,MAAS;~~AAChB~~,~~MAAY~~,GAAO,EAAiB,~~iBAAiB;;GAEvD~~,CAAA;~~EAEA~~,EAAA,CAAA"}
1	+ {"version":3,"file":"AuthenticationMethodSelection.js","names":[],"sources":["../../../src/components/Authentication/AuthenticationMethodSelection.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { OAuth2State, SynapseClientError } from '@/utils'\nimport { generateCsrfToken } from '@/utils/functions/generateCsrfToken'\nimport {\n LOGIN_METHOD_EMAIL,\n LOGIN_METHOD_OAUTH2_ARCUS,\n LOGIN_METHOD_OAUTH2_GOOGLE,\n LOGIN_METHOD_OAUTH2_ORCID,\n LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS,\n OAUTH2_PROVIDERS,\n} from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { MouseEvent } from 'react'\nimport LoginMethodButton from './LoginMethodButton'\nimport { Realm } from '@sage-bionetworks/synapse-client'\nimport {\n hasArcusProvider,\n hasSageBionetworksProvider,\n} from '@/utils/functions/RealmUtils'\n\ntype AuthenticationMethodSelectionProps = {\n ssoRedirectUrl?: string\n /* Invoked before redirecting to OAuth provider. Useful in portals where we may want to store the current URL to redirect back here. /\n onBeginOAuthSignIn?: () => void\n onSelectUsernameAndPassword: () => void\n state?: OAuth2State\n realm?: Realm\n}\n\nconst csrfToken = generateCsrfToken()\n\n/\n To support Google SSO in your portal, you must add your domain to the Authorized Redirect URIs for Synapse authentication.\n * This can be done by visiting https://sagebionetworks.jira.com/servicedesk/customer/portal/9 to set up a collaboration.\n * Synapse engineers must add your redirect URL in the Google API console found at https://console.cloud.google.com/ for this functionality to work.\n */\nexport default function AuthenticationMethodSelection(\n props: AuthenticationMethodSelectionProps,\n) {\n const {\n onBeginOAuthSignIn,\n ssoRedirectUrl,\n onSelectUsernameAndPassword,\n state,\n realm,\n } = props\n\n const showArcusSSOButtonOnly = hasArcusProvider(realm)\n const showSageBionetworksSSOButtonOnly = hasSageBionetworksProvider(realm)\n\n const isSingleIdpOnly =\n showArcusSSOButtonOnly \|\| showSageBionetworksSSOButtonOnly\n const stateWithCSRF: OAuth2State = { ...state, csrfToken }\n\n function onSSOSignIn(event: MouseEvent<HTMLButtonElement>, provider: string) {\n if (onBeginOAuthSignIn) {\n onBeginOAuthSignIn()\n }\n\n event.preventDefault()\n const redirectUrl = ssoRedirectUrl\n ? `${ssoRedirectUrl}${provider}`\n : `${SynapseClient.getRootURL()}?provider=${provider}`\n SynapseClient.oAuthUrlRequest(provider, redirectUrl, stateWithCSRF)\n .then(data => {\n // Send the user to the authorization URL\n window.location.href = data.authorizationUrl\n })\n .catch((err: SynapseClientError) => {\n console.log('Error on oAuth url ', err)\n })\n }\n\n return (\n <Box>\n {!isSingleIdpOnly && (\n <>\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_OAUTH2_GOOGLE}\n iconName=\"google24\"\n onClick={event => {\n onSSOSignIn(event, OAUTH2_PROVIDERS.GOOGLE)\n }}\n />\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_OAUTH2_ORCID}\n iconName=\"orcid\"\n onClick={event => {\n onSSOSignIn(event, OAUTH2_PROVIDERS.ORCID)\n }}\n />\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_EMAIL}\n iconName=\"email\"\n onClick={onSelectUsernameAndPassword}\n />\n </>\n )}\n {showArcusSSOButtonOnly && (\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_OAUTH2_ARCUS}\n // iconName=\"arcusbio\"\n onClick={event => {\n onSSOSignIn(event, OAUTH2_PROVIDERS.ARCUS)\n }}\n />\n )}\n {showSageBionetworksSSOButtonOnly && (\n <LoginMethodButton\n loginMethod={LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS}\n onClick={event => {\n onSSOSignIn(event, OAUTH2_PROVIDERS.SAGE_BIONETWORKS)\n }}\n />\n )}\n </Box>\n )\n}\n"],"mappings":";;;;;;;;AA6BA,IAAM,IAAY,EAAkB;AAOpC,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,uBACA,mBACA,gCACA,UACA,aACE,GAEE,IAAyB,EAAiB,CAAK,GAC/C,IAAmC,EAA2B,CAAK,GAEnE,IACJ,KAA0B,GACtB,IAA6B;EAAE,GAAG;EAAO;CAAU;CAEzD,SAAS,EAAY,GAAsC,GAAkB;EAK3E,AAJI,KACF,EAAmB,GAGrB,EAAM,eAAe;EACrB,IAAM,IAAc,IAChB,GAAG,IAAiB,MACpB,GAAG,EAAc,WAAW,EAAE,YAAY;EAC9C,EAAc,gBAAgB,GAAU,GAAa,CAAa,EAC/D,MAAK,MAAQ;GAEZ,OAAO,SAAS,OAAO,EAAK;EAC9B,CAAC,EACA,OAAO,MAA4B;GAClC,QAAQ,IAAI,uBAAuB,CAAG;EACxC,CAAC;CACL;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA;EACG,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,aAAA;IACA,UAAS;IACT,UAAS,MAAS;KAChB,EAAY,GAAO,EAAiB,MAAM;IAC5C;GACD,CAAA;GACD,kBAAC,GAAD;IACE,aAAA;IACA,UAAS;IACT,UAAS,MAAS;KAChB,EAAY,GAAO,EAAiB,KAAK;IAC3C;GACD,CAAA;GACD,kBAAC,GAAD;IACE,aAAA;IACA,UAAS;IACT,SAAS;GACV,CAAA;EACD,EAAA,CAAA;EAEH,KACC,kBAAC,GAAD;GACE,aAAA;GAEA,UAAS,MAAS;IAChB,EAAY,GAAO,EAAiB,KAAK;GAC3C;EACD,CAAA;EAEF,KACC,kBAAC,GAAD;GACE,aAAA;GACA,UAAS,MAAS;IAChB,EAAY,GAAO,EAAiB,gBAAgB;GACtD;EACD,CAAA;CAEA,EAAA,CAAA;AAET"}

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

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

package/dist/components/Authentication/LoginFlowBackButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoginFlowBackButton.js","names":[],"sources":["../../../src/components/Authentication/LoginFlowBackButton.tsx"],"sourcesContent":["import { UseLoginReturn } from '@/utils/hooks'\nimport { LOGIN_BACK_BUTTON_CLASS_NAME } from '@/utils/SynapseConstants'\nimport { IconButton, SxProps } from '@mui/material'\nimport IconSvg from '../IconSvg/IconSvg'\n\ntype LoginFormBackButtonProps = {\n step: UseLoginReturn['step']\n onStepChange: (step: UseLoginReturn['step']) => void\n sx?: SxProps\n}\n\nfunction getPreviousStep(currentStep: UseLoginReturn['step']) {\n switch (currentStep) {\n case 'CHOOSE_AUTH_METHOD':\n // Should never happen\n return 'CHOOSE_AUTH_METHOD'\n case 'USERNAME_PASSWORD':\n return 'CHOOSE_AUTH_METHOD'\n case 'VERIFICATION_CODE':\n // Could have reached this step from either username + password or OAuth sign in, so go back to the beginning\n return 'CHOOSE_AUTH_METHOD'\n case 'RECOVERY_CODE':\n return 'VERIFICATION_CODE'\n case 'DISABLE_2FA_PROMPT':\n return 'VERIFICATION_CODE'\n case 'LOGGED_IN':\n // Should never happen\n return 'LOGGED_IN'\n }\n}\n\nexport default function LoginFlowBackButton(props: LoginFormBackButtonProps) {\n const { step, onStepChange, sx } = props\n const shouldRender =\n step === 'USERNAME_PASSWORD' \|\|\n step === 'VERIFICATION_CODE' \|\|\n step === 'RECOVERY_CODE'\n\n if (!shouldRender) {\n return null\n }\n return (\n <IconButton\n className={LOGIN_BACK_BUTTON_CLASS_NAME}\n type=\"button\"\n onClick={() => {\n onStepChange(getPreviousStep(step))\n }}\n sx={sx}\n >\n <IconSvg\n icon=\"arrowBack\"\n wrap={false}\n sx={{ height: '24px', width: '24px' }}\n />\n </IconButton>\n )\n}\n"],"mappings":";;;;;AAWA,SAAS,EAAgB,GAAqC;~~AAC5D~~,~~SAAQ~~,GAAR;EACE,KAAK,~~qBAEH~~,~~QAAO~~;EACT,KAAK,~~oBACH~~,~~QAAO~~;EACT,KAAK,~~oBAEH~~,~~QAAO~~;EACT,KAAK,~~gBACH~~,~~QAAO~~;EACT,KAAK,~~qBACH~~,~~QAAO~~;EACT,KAAK,~~YAEH~~,~~QAAO;;;AAIb~~,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EAAE,SAAM,iBAAc,UAAO;~~AASnC~~,~~QAPE~~,MAAS,uBACT,MAAS,uBACT,MAAS,kBAMT,kBAAC,GAAD;EACE,WAAW;EACX,MAAK;EACL,eAAe;~~AACb~~,~~KAAa~~,EAAgB,~~EAAK~~,CAAC~~;;EAEjC~~;YAEJ,kBAAC,GAAD;GACE,MAAK;GACL,MAAM;GACN,IAAI;IAAE,QAAQ;IAAQ,OAAO;~~IAAQ~~;~~GACrC~~,CAAA;~~EACS~~,CAAA,~~GAhBN~~"}
1	+ {"version":3,"file":"LoginFlowBackButton.js","names":[],"sources":["../../../src/components/Authentication/LoginFlowBackButton.tsx"],"sourcesContent":["import { UseLoginReturn } from '@/utils/hooks'\nimport { LOGIN_BACK_BUTTON_CLASS_NAME } from '@/utils/SynapseConstants'\nimport { IconButton, SxProps } from '@mui/material'\nimport IconSvg from '../IconSvg/IconSvg'\n\ntype LoginFormBackButtonProps = {\n step: UseLoginReturn['step']\n onStepChange: (step: UseLoginReturn['step']) => void\n sx?: SxProps\n}\n\nfunction getPreviousStep(currentStep: UseLoginReturn['step']) {\n switch (currentStep) {\n case 'CHOOSE_AUTH_METHOD':\n // Should never happen\n return 'CHOOSE_AUTH_METHOD'\n case 'USERNAME_PASSWORD':\n return 'CHOOSE_AUTH_METHOD'\n case 'VERIFICATION_CODE':\n // Could have reached this step from either username + password or OAuth sign in, so go back to the beginning\n return 'CHOOSE_AUTH_METHOD'\n case 'RECOVERY_CODE':\n return 'VERIFICATION_CODE'\n case 'DISABLE_2FA_PROMPT':\n return 'VERIFICATION_CODE'\n case 'LOGGED_IN':\n // Should never happen\n return 'LOGGED_IN'\n }\n}\n\nexport default function LoginFlowBackButton(props: LoginFormBackButtonProps) {\n const { step, onStepChange, sx } = props\n const shouldRender =\n step === 'USERNAME_PASSWORD' \|\|\n step === 'VERIFICATION_CODE' \|\|\n step === 'RECOVERY_CODE'\n\n if (!shouldRender) {\n return null\n }\n return (\n <IconButton\n className={LOGIN_BACK_BUTTON_CLASS_NAME}\n type=\"button\"\n onClick={() => {\n onStepChange(getPreviousStep(step))\n }}\n sx={sx}\n >\n <IconSvg\n icon=\"arrowBack\"\n wrap={false}\n sx={{ height: '24px', width: '24px' }}\n />\n </IconButton>\n )\n}\n"],"mappings":";;;;;AAWA,SAAS,EAAgB,GAAqC;CAC5D,QAAQ,GAAR;EACE,KAAK,sBAEH,OAAO;EACT,KAAK,qBACH,OAAO;EACT,KAAK,qBAEH,OAAO;EACT,KAAK,iBACH,OAAO;EACT,KAAK,sBACH,OAAO;EACT,KAAK,aAEH,OAAO;CACX;AACF;AAEA,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EAAE,SAAM,iBAAc,UAAO;CASnC,OAPE,MAAS,uBACT,MAAS,uBACT,MAAS,kBAMT,kBAAC,GAAD;EACE,WAAW;EACX,MAAK;EACL,eAAe;GACb,EAAa,EAAgB,CAAI,CAAC;EACpC;EACI;YAEJ,kBAAC,GAAD;GACE,MAAK;GACL,MAAM;GACN,IAAI;IAAE,QAAQ;IAAQ,OAAO;GAAO;EACrC,CAAA;CACS,CAAA,IAhBL;AAkBX"}

package/dist/components/Authentication/LoginForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoginForm.js","names":[],"sources":["../../../src/components/Authentication/LoginForm.tsx"],"sourcesContent":["import { OAuth2State } from '@/utils'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { UseLoginReturn, useOneSageURL } from '@/utils/hooks'\nimport { Box, Link } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-types'\nimport { Realm } from '@sage-bionetworks/synapse-client'\nimport { noop } from 'lodash-es'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport AuthenticationMethodSelection from './AuthenticationMethodSelection'\nimport OneTimePasswordForm from './OneTimePasswordForm'\nimport UsernamePasswordForm from './UsernamePasswordForm'\n\ntype Props = {\n ssoRedirectUrl?: string\n registerAccountUrl?: string\n resetPasswordUrl?: string\n /* Invoked before redirecting to Google. Useful in portals where we may want to store the current URL to redirect back here. /\n onBeginOAuthSignIn?: () => void\n step: UseLoginReturn['step']\n onStepChange: (step: UseLoginReturn['step']) => void\n / optionally pass the 2FA error response to directly start the 2FA challenge /\n twoFactorAuthenticationRequired?: TwoFactorAuthErrorResponse\n submitUsernameAndPassword: UseLoginReturn['submitUsernameAndPassword']\n submitOneTimePassword: UseLoginReturn['submitOneTimePassword']\n errorMessage: UseLoginReturn['errorMessage']\n loginIsPending: UseLoginReturn['loginIsPending']\n beginTwoFactorAuthReset: UseLoginReturn['beginTwoFactorAuthReset']\n twoFactorAuthResetIsSuccess: UseLoginReturn['twoFactorAuthResetIsSuccess']\n twoFactorAuthResetIsPending: UseLoginReturn['twoFactorAuthResetIsPending']\n hideRegisterButton?: boolean\n hideForgotPasswordButton?: boolean\n // Optional state passed to and returned by an identity provider on SSO\n ssoState?: OAuth2State\n / The URI where the user should be directed in an email when attempting to reset 2FA /\n twoFactorAuthResetUri?: string\n / Invoked when password login is selected */\n onPasswordLoginSelected?: () => void\n realm?: Realm\n}\n\nexport default function LoginForm(props: Props) {\n const defaultRegistrationUrl = useOneSageURL('/register1')\n const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n\n const {\n ssoRedirectUrl,\n ssoState,\n registerAccountUrl = defaultRegistrationUrl.toString(),\n resetPasswordUrl,\n onBeginOAuthSignIn,\n onStepChange,\n step,\n submitUsernameAndPassword,\n submitOneTimePassword,\n errorMessage,\n loginIsPending,\n beginTwoFactorAuthReset,\n hideRegisterButton,\n hideForgotPasswordButton,\n twoFactorAuthResetIsSuccess,\n twoFactorAuthResetIsPending,\n twoFactorAuthResetUri = appendFinalQueryParamKey(\n defaultTwoFactorAuthResetUrl,\n 'twoFAResetToken',\n ),\n onPasswordLoginSelected = noop,\n realm,\n } = props\n\n return (\n <>\n {step == 'CHOOSE_AUTH_METHOD' && (\n <AuthenticationMethodSelection\n onSelectUsernameAndPassword={() => {\n onPasswordLoginSelected()\n onStepChange('USERNAME_PASSWORD')\n }}\n onBeginOAuthSignIn={onBeginOAuthSignIn}\n ssoRedirectUrl={ssoRedirectUrl}\n state={ssoState}\n realm={realm}\n />\n )}\n {step === 'USERNAME_PASSWORD' && (\n <UsernamePasswordForm\n loginIsPending={loginIsPending}\n resetPasswordUrl={resetPasswordUrl}\n onSubmit={(username, password) => {\n submitUsernameAndPassword(username, password)\n }}\n hideForgotPasswordButton={hideForgotPasswordButton}\n />\n )}\n {(step === 'VERIFICATION_CODE' \|\|\n step === 'RECOVERY_CODE' \|\|\n step === 'DISABLE_2FA_PROMPT') && (\n <OneTimePasswordForm\n step={step}\n loginIsPending={loginIsPending}\n onSubmit={(totp, otpType) => {\n submitOneTimePassword(totp, otpType)\n }}\n onClickUseTOTP={() => {\n onStepChange('VERIFICATION_CODE')\n }}\n onClickUseBackupCode={() => {\n onStepChange('RECOVERY_CODE')\n }}\n onClickPromptReset2FA={() => {\n onStepChange('DISABLE_2FA_PROMPT')\n }}\n onClickReset2FA={() => {\n beginTwoFactorAuthReset(twoFactorAuthResetUri)\n }}\n twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n />\n )}\n {!hideRegisterButton &&\n (step === 'CHOOSE_AUTH_METHOD' \|\| step === 'USERNAME_PASSWORD') && (\n <Box sx={{ display: 'flex', justifyContent: 'center', mt: '10px' }}>\n <Link href={registerAccountUrl} align={'center'}>\n Don't have an account? Create one now\n </Link>\n </Box>\n )}\n {errorMessage && (\n <FullWidthAlert\n variant={'warning'}\n isGlobal={false}\n description={errorMessage}\n />\n )}\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;AAwCA,SAAwB,EAAU,GAAc;CAC9C,IAAM,IAAyB,EAAc,~~aAAa~~,~~EACpD~~,IAA+B,EAAc,~~YAAY~~,~~EAEzD~~,EACJ,mBACA,aACA,wBAAqB,EAAuB,~~UAAU~~,~~EACtD~~,qBACA,uBACA,iBACA,SACA,8BACA,0BACA,iBACA,mBACA,4BACA,uBACA,6BACA,gCACA,gCACA,2BAAwB,EACtB,GACA,~~kBACD~~,~~EACD~~,6BAA0B,GAC1B,aACE;~~AAEJ~~,~~QACE~~,kBAAA,GAAA,EAAA,UAAA;EACG,KAAQ,wBACP,kBAAC,GAAD;GACE,mCAAmC;~~AAEjC~~,~~IADA~~,~~GAAyB~~,~~EACzB~~,EAAa,~~oBAAoB;;GAEf~~;GACJ;GAChB,OAAO;GACA;~~GACP~~,CAAA;~~EAEH~~,MAAS,uBACR,kBAAC,GAAD;GACkB;GACE;GAClB,WAAW,GAAU,MAAa;~~AAChC~~,~~MAA0B~~,GAAU,~~EAAS;;GAErB~~;~~GAC1B~~,CAAA;~~GAEF~~,MAAS,uBACT,MAAS,mBACT,MAAS,yBACT,kBAAC,GAAD;GACQ;GACU;GAChB,WAAW,GAAM,MAAY;~~AAC3B~~,~~MAAsB~~,GAAM,~~EAAQ;;GAEtC~~,sBAAsB;~~AACpB~~,~~MAAa~~,~~oBAAoB;;GAEnC~~,4BAA4B;~~AAC1B~~,~~MAAa~~,~~gBAAgB;;GAE/B~~,6BAA6B;~~AAC3B~~,~~MAAa~~,~~qBAAqB;;GAEpC~~,uBAAuB;~~AACrB~~,~~MAAwB~~,~~EAAsB;;GAEnB~~;GACA;~~GAC7B~~,CAAA;~~EAEH~~,CAAC,MACC,MAAS,wBAAwB,MAAS,wBACzC,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,gBAAgB;IAAU,IAAI;~~IAAQ~~;~~aAChE~~,kBAAC,GAAD;IAAM,MAAM;IAAoB,OAAO;cAAU;~~IAE1C~~,CAAA;~~GACH~~,CAAA;~~EAET~~,KACC,kBAAC,GAAD;GACE,SAAS;GACT,UAAU;GACV,aAAa;~~GACb~~,CAAA;~~EAEH~~,EAAA,CAAA"}
1	+ {"version":3,"file":"LoginForm.js","names":[],"sources":["../../../src/components/Authentication/LoginForm.tsx"],"sourcesContent":["import { OAuth2State } from '@/utils'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { UseLoginReturn, useOneSageURL } from '@/utils/hooks'\nimport { Box, Link } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-types'\nimport { Realm } from '@sage-bionetworks/synapse-client'\nimport { noop } from 'lodash-es'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport AuthenticationMethodSelection from './AuthenticationMethodSelection'\nimport OneTimePasswordForm from './OneTimePasswordForm'\nimport UsernamePasswordForm from './UsernamePasswordForm'\n\ntype Props = {\n ssoRedirectUrl?: string\n registerAccountUrl?: string\n resetPasswordUrl?: string\n /* Invoked before redirecting to Google. Useful in portals where we may want to store the current URL to redirect back here. /\n onBeginOAuthSignIn?: () => void\n step: UseLoginReturn['step']\n onStepChange: (step: UseLoginReturn['step']) => void\n / optionally pass the 2FA error response to directly start the 2FA challenge /\n twoFactorAuthenticationRequired?: TwoFactorAuthErrorResponse\n submitUsernameAndPassword: UseLoginReturn['submitUsernameAndPassword']\n submitOneTimePassword: UseLoginReturn['submitOneTimePassword']\n errorMessage: UseLoginReturn['errorMessage']\n loginIsPending: UseLoginReturn['loginIsPending']\n beginTwoFactorAuthReset: UseLoginReturn['beginTwoFactorAuthReset']\n twoFactorAuthResetIsSuccess: UseLoginReturn['twoFactorAuthResetIsSuccess']\n twoFactorAuthResetIsPending: UseLoginReturn['twoFactorAuthResetIsPending']\n hideRegisterButton?: boolean\n hideForgotPasswordButton?: boolean\n // Optional state passed to and returned by an identity provider on SSO\n ssoState?: OAuth2State\n / The URI where the user should be directed in an email when attempting to reset 2FA /\n twoFactorAuthResetUri?: string\n / Invoked when password login is selected */\n onPasswordLoginSelected?: () => void\n realm?: Realm\n}\n\nexport default function LoginForm(props: Props) {\n const defaultRegistrationUrl = useOneSageURL('/register1')\n const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n\n const {\n ssoRedirectUrl,\n ssoState,\n registerAccountUrl = defaultRegistrationUrl.toString(),\n resetPasswordUrl,\n onBeginOAuthSignIn,\n onStepChange,\n step,\n submitUsernameAndPassword,\n submitOneTimePassword,\n errorMessage,\n loginIsPending,\n beginTwoFactorAuthReset,\n hideRegisterButton,\n hideForgotPasswordButton,\n twoFactorAuthResetIsSuccess,\n twoFactorAuthResetIsPending,\n twoFactorAuthResetUri = appendFinalQueryParamKey(\n defaultTwoFactorAuthResetUrl,\n 'twoFAResetToken',\n ),\n onPasswordLoginSelected = noop,\n realm,\n } = props\n\n return (\n <>\n {step == 'CHOOSE_AUTH_METHOD' && (\n <AuthenticationMethodSelection\n onSelectUsernameAndPassword={() => {\n onPasswordLoginSelected()\n onStepChange('USERNAME_PASSWORD')\n }}\n onBeginOAuthSignIn={onBeginOAuthSignIn}\n ssoRedirectUrl={ssoRedirectUrl}\n state={ssoState}\n realm={realm}\n />\n )}\n {step === 'USERNAME_PASSWORD' && (\n <UsernamePasswordForm\n loginIsPending={loginIsPending}\n resetPasswordUrl={resetPasswordUrl}\n onSubmit={(username, password) => {\n submitUsernameAndPassword(username, password)\n }}\n hideForgotPasswordButton={hideForgotPasswordButton}\n />\n )}\n {(step === 'VERIFICATION_CODE' \|\|\n step === 'RECOVERY_CODE' \|\|\n step === 'DISABLE_2FA_PROMPT') && (\n <OneTimePasswordForm\n step={step}\n loginIsPending={loginIsPending}\n onSubmit={(totp, otpType) => {\n submitOneTimePassword(totp, otpType)\n }}\n onClickUseTOTP={() => {\n onStepChange('VERIFICATION_CODE')\n }}\n onClickUseBackupCode={() => {\n onStepChange('RECOVERY_CODE')\n }}\n onClickPromptReset2FA={() => {\n onStepChange('DISABLE_2FA_PROMPT')\n }}\n onClickReset2FA={() => {\n beginTwoFactorAuthReset(twoFactorAuthResetUri)\n }}\n twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n />\n )}\n {!hideRegisterButton &&\n (step === 'CHOOSE_AUTH_METHOD' \|\| step === 'USERNAME_PASSWORD') && (\n <Box sx={{ display: 'flex', justifyContent: 'center', mt: '10px' }}>\n <Link href={registerAccountUrl} align={'center'}>\n Don't have an account? Create one now\n </Link>\n </Box>\n )}\n {errorMessage && (\n <FullWidthAlert\n variant={'warning'}\n isGlobal={false}\n description={errorMessage}\n />\n )}\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;AAwCA,SAAwB,EAAU,GAAc;CAC9C,IAAM,IAAyB,EAAc,YAAY,GACnD,IAA+B,EAAc,WAAW,GAExD,EACJ,mBACA,aACA,wBAAqB,EAAuB,SAAS,GACrD,qBACA,uBACA,iBACA,SACA,8BACA,0BACA,iBACA,mBACA,4BACA,uBACA,6BACA,gCACA,gCACA,2BAAwB,EACtB,GACA,iBACF,GACA,6BAA0B,GAC1B,aACE;CAEJ,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,KAAQ,wBACP,kBAAC,GAAD;GACE,mCAAmC;IAEjC,AADA,EAAwB,GACxB,EAAa,mBAAmB;GAClC;GACoB;GACJ;GAChB,OAAO;GACA;EACR,CAAA;EAEF,MAAS,uBACR,kBAAC,GAAD;GACkB;GACE;GAClB,WAAW,GAAU,MAAa;IAChC,EAA0B,GAAU,CAAQ;GAC9C;GAC0B;EAC3B,CAAA;GAED,MAAS,uBACT,MAAS,mBACT,MAAS,yBACT,kBAAC,GAAD;GACQ;GACU;GAChB,WAAW,GAAM,MAAY;IAC3B,EAAsB,GAAM,CAAO;GACrC;GACA,sBAAsB;IACpB,EAAa,mBAAmB;GAClC;GACA,4BAA4B;IAC1B,EAAa,eAAe;GAC9B;GACA,6BAA6B;IAC3B,EAAa,oBAAoB;GACnC;GACA,uBAAuB;IACrB,EAAwB,CAAqB;GAC/C;GAC6B;GACA;EAC9B,CAAA;EAEF,CAAC,MACC,MAAS,wBAAwB,MAAS,wBACzC,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,gBAAgB;IAAU,IAAI;GAAO;aAC/D,kBAAC,GAAD;IAAM,MAAM;IAAoB,OAAO;cAAU;GAE3C,CAAA;EACH,CAAA;EAER,KACC,kBAAC,GAAD;GACE,SAAS;GACT,UAAU;GACV,aAAa;EACd,CAAA;CAEH,EAAA,CAAA;AAEN"}

package/dist/components/Authentication/LoginMethod.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoginMethod.js","names":[],"sources":["../../../src/components/Authentication/LoginMethod.ts"],"sourcesContent":["import {\n LOGIN_METHOD_EMAIL,\n LOGIN_METHOD_OAUTH2_ARCUS,\n LOGIN_METHOD_OAUTH2_GOOGLE,\n LOGIN_METHOD_OAUTH2_ORCID,\n LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS,\n} from '@/utils/SynapseConstants'\n\nexport const LoginMethods = [\n LOGIN_METHOD_OAUTH2_ARCUS,\n LOGIN_METHOD_OAUTH2_GOOGLE,\n LOGIN_METHOD_OAUTH2_ORCID,\n LOGIN_METHOD_EMAIL,\n LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS,\n] as const\nexport type LoginMethod = (typeof LoginMethods)[number]\n\nexport function getLoginMethodFriendlyName(loginMethod: LoginMethod) {\n switch (loginMethod) {\n case LOGIN_METHOD_OAUTH2_ARCUS:\n return 'Arcus Biosciences'\n case LOGIN_METHOD_OAUTH2_GOOGLE:\n return 'Google'\n case LOGIN_METHOD_OAUTH2_ORCID:\n return 'ORCiD'\n case LOGIN_METHOD_EMAIL:\n return 'your email'\n case LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS:\n return 'Sage Bionetworks (Realm)'\n default:\n return 'unknown login method'\n }\n}\n"],"mappings":";;AAQA,IAAa,IAAe;CAC1B;CACA;CACA;CACA;CACA;~~CACD~~;~~AAGD~~,SAAgB,EAA2B,GAA0B;~~AACnE~~,~~SAAQ~~,GAAR;EACE,KAAK,~~EACH~~,~~QAAO~~;EACT,KAAK,~~EACH~~,~~QAAO~~;EACT,KAAK,~~EACH~~,~~QAAO~~;EACT,KAAK,~~EACH~~,~~QAAO~~;EACT,KAAK,~~EACH~~,~~QAAO~~;EACT,~~QACE~~,~~QAAO~~"}
1	+ {"version":3,"file":"LoginMethod.js","names":[],"sources":["../../../src/components/Authentication/LoginMethod.ts"],"sourcesContent":["import {\n LOGIN_METHOD_EMAIL,\n LOGIN_METHOD_OAUTH2_ARCUS,\n LOGIN_METHOD_OAUTH2_GOOGLE,\n LOGIN_METHOD_OAUTH2_ORCID,\n LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS,\n} from '@/utils/SynapseConstants'\n\nexport const LoginMethods = [\n LOGIN_METHOD_OAUTH2_ARCUS,\n LOGIN_METHOD_OAUTH2_GOOGLE,\n LOGIN_METHOD_OAUTH2_ORCID,\n LOGIN_METHOD_EMAIL,\n LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS,\n] as const\nexport type LoginMethod = (typeof LoginMethods)[number]\n\nexport function getLoginMethodFriendlyName(loginMethod: LoginMethod) {\n switch (loginMethod) {\n case LOGIN_METHOD_OAUTH2_ARCUS:\n return 'Arcus Biosciences'\n case LOGIN_METHOD_OAUTH2_GOOGLE:\n return 'Google'\n case LOGIN_METHOD_OAUTH2_ORCID:\n return 'ORCiD'\n case LOGIN_METHOD_EMAIL:\n return 'your email'\n case LOGIN_METHOD_OAUTH2_SAGE_BIONETWORKS:\n return 'Sage Bionetworks (Realm)'\n default:\n return 'unknown login method'\n }\n}\n"],"mappings":";;AAQA,IAAa,IAAe;CAC1B;CACA;CACA;CACA;CACA;AACF;AAGA,SAAgB,EAA2B,GAA0B;CACnE,QAAQ,GAAR;EACE,KAAK,GACH,OAAO;EACT,KAAK,GACH,OAAO;EACT,KAAK,GACH,OAAO;EACT,KAAK,GACH,OAAO;EACT,KAAK,GACH,OAAO;EACT,SACE,OAAO;CACX;AACF"}

package/dist/components/Authentication/LoginMethodButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoginMethodButton.js","names":[],"sources":["../../../src/components/Authentication/LoginMethodButton.tsx"],"sourcesContent":["import { Box, Button, SxProps } from '@mui/material'\nimport { MouseEventHandler } from 'react'\nimport IconSvg, { IconName } from '../IconSvg'\nimport LastLoginInfo, { useLastLoginInfo } from './LastLoginInfo'\nimport { LoginMethod, getLoginMethodFriendlyName } from './LoginMethod'\n\nconst buttonSx: SxProps = {\n color: 'grey.800',\n mb: '10px',\n}\n\nconst iconSx: SxProps = {\n width: '28px',\n height: '28px',\n}\n\nexport type LoginMethodButtonProps = {\n loginMethod: LoginMethod\n iconName?: IconName\n onClick: MouseEventHandler<HTMLButtonElement>\n}\n\nexport default function LoginMethodButton(props: LoginMethodButtonProps) {\n const { loginMethod, iconName, onClick } = props\n\n const { lastLoginMethod, ...rest } = useLastLoginInfo()\n const lastLoginInfo = LastLoginInfo({\n lastLoginMethod: lastLoginMethod,\n display: 'sentence',\n ...rest,\n })\n\n const shouldShowLastLoginInfo =\n lastLoginMethod === loginMethod && lastLoginInfo\n\n const buttonText = `Sign in with ${getLoginMethodFriendlyName(loginMethod)}`\n\n return (\n <>\n {shouldShowLastLoginInfo ? (\n <Button\n fullWidth\n variant=\"outlined\"\n onClick={onClick}\n sx={{ ...buttonSx, height: '74px', py: 1.5 }}\n data-testid=\"button-with-last-login-info\"\n >\n <Box\n sx={{\n flexDirection: 'column',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n mb: '10px',\n }}\n >\n {iconName && (\n <IconSvg icon={iconName} sx={{ ...iconSx, mr: 1, ml: -0.5 }} />\n )}\n {buttonText}\n </Box>\n {lastLoginInfo}\n </Box>\n </Button>\n ) : (\n <Button\n fullWidth\n variant=\"outlined\"\n onClick={onClick}\n sx={{ ...buttonSx, height: '50px' }}\n startIcon={iconName && <IconSvg icon={iconName} sx={iconSx} />}\n data-testid=\"button-without-last-login-info\"\n >\n {buttonText}\n </Button>\n )}\n </>\n )\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAoB;CACxB,OAAO;CACP,IAAI;~~CACL~~,~~EAEK~~,IAAkB;CACtB,OAAO;CACP,QAAQ;~~CACT~~;~~AAQD~~,SAAwB,EAAkB,GAA+B;CACvE,IAAM,EAAE,gBAAa,aAAU,eAAY,GAErC,EAAE,oBAAiB,GAAG,MAAS,~~GAAkB~~,~~EACjD~~,IAAgB,EAAc;EACjB;EACjB,SAAS;EACT,GAAG;~~EACJ~~,CAAC,~~EAEI~~,IACJ,MAAoB,KAAe,GAE/B,IAAa,gBAAgB,EAA2B,~~EAAY~~;~~AAE1E~~,~~QACE~~,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,GAAD;EACE,WAAA;EACA,SAAQ;EACC;EACT,IAAI;GAAE,GAAG;GAAU,QAAQ;GAAQ,IAAI;~~GAAK~~;~~EAC5C~~,eAAY;YAEZ,kBAAC,GAAD;GACE,IAAI,EACF,eAAe,~~UAChB~~;~~aAHH~~,CAKE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,gBAAgB;KAChB,YAAY;KACZ,IAAI;~~KACL~~;~~cANH~~,CAQG,KACC,kBAAC,GAAD;KAAS,MAAM;KAAU,IAAI;MAAE,GAAG;MAAQ,IAAI;MAAG,IAAI;~~MAAM~~;~~KAAI~~,CAAA,~~EAEhE~~,~~EACG~~;~~OACL~~,~~EACG~~;;~~EACC~~,CAAA,~~GAET~~,kBAAC,GAAD;EACE,WAAA;EACA,SAAQ;EACC;EACT,IAAI;GAAE,GAAG;GAAU,QAAQ;~~GAAQ~~;~~EACnC~~,WAAW,KAAY,kBAAC,GAAD;GAAS,MAAM;GAAU,IAAI;~~GAAU~~,CAAA;~~EAC9D~~,eAAY;YAEX;~~EACM~~,CAAA,EAEV,CAAA"}
1	+ {"version":3,"file":"LoginMethodButton.js","names":[],"sources":["../../../src/components/Authentication/LoginMethodButton.tsx"],"sourcesContent":["import { Box, Button, SxProps } from '@mui/material'\nimport { MouseEventHandler } from 'react'\nimport IconSvg, { IconName } from '../IconSvg'\nimport LastLoginInfo, { useLastLoginInfo } from './LastLoginInfo'\nimport { LoginMethod, getLoginMethodFriendlyName } from './LoginMethod'\n\nconst buttonSx: SxProps = {\n color: 'grey.800',\n mb: '10px',\n}\n\nconst iconSx: SxProps = {\n width: '28px',\n height: '28px',\n}\n\nexport type LoginMethodButtonProps = {\n loginMethod: LoginMethod\n iconName?: IconName\n onClick: MouseEventHandler<HTMLButtonElement>\n}\n\nexport default function LoginMethodButton(props: LoginMethodButtonProps) {\n const { loginMethod, iconName, onClick } = props\n\n const { lastLoginMethod, ...rest } = useLastLoginInfo()\n const lastLoginInfo = LastLoginInfo({\n lastLoginMethod: lastLoginMethod,\n display: 'sentence',\n ...rest,\n })\n\n const shouldShowLastLoginInfo =\n lastLoginMethod === loginMethod && lastLoginInfo\n\n const buttonText = `Sign in with ${getLoginMethodFriendlyName(loginMethod)}`\n\n return (\n <>\n {shouldShowLastLoginInfo ? (\n <Button\n fullWidth\n variant=\"outlined\"\n onClick={onClick}\n sx={{ ...buttonSx, height: '74px', py: 1.5 }}\n data-testid=\"button-with-last-login-info\"\n >\n <Box\n sx={{\n flexDirection: 'column',\n }}\n >\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n mb: '10px',\n }}\n >\n {iconName && (\n <IconSvg icon={iconName} sx={{ ...iconSx, mr: 1, ml: -0.5 }} />\n )}\n {buttonText}\n </Box>\n {lastLoginInfo}\n </Box>\n </Button>\n ) : (\n <Button\n fullWidth\n variant=\"outlined\"\n onClick={onClick}\n sx={{ ...buttonSx, height: '50px' }}\n startIcon={iconName && <IconSvg icon={iconName} sx={iconSx} />}\n data-testid=\"button-without-last-login-info\"\n >\n {buttonText}\n </Button>\n )}\n </>\n )\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAoB;CACxB,OAAO;CACP,IAAI;AACN,GAEM,IAAkB;CACtB,OAAO;CACP,QAAQ;AACV;AAQA,SAAwB,EAAkB,GAA+B;CACvE,IAAM,EAAE,gBAAa,aAAU,eAAY,GAErC,EAAE,oBAAiB,GAAG,MAAS,EAAiB,GAChD,IAAgB,EAAc;EACjB;EACjB,SAAS;EACT,GAAG;CACL,CAAC,GAEK,IACJ,MAAoB,KAAe,GAE/B,IAAa,gBAAgB,EAA2B,CAAW;CAEzE,OACE,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,GAAD;EACE,WAAA;EACA,SAAQ;EACC;EACT,IAAI;GAAE,GAAG;GAAU,QAAQ;GAAQ,IAAI;EAAI;EAC3C,eAAY;YAEZ,kBAAC,GAAD;GACE,IAAI,EACF,eAAe,SACjB;aAHF,CAKE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,gBAAgB;KAChB,YAAY;KACZ,IAAI;IACN;cANF,CAQG,KACC,kBAAC,GAAD;KAAS,MAAM;KAAU,IAAI;MAAE,GAAG;MAAQ,IAAI;MAAG,IAAI;KAAK;IAAI,CAAA,GAE/D,CACE;OACJ,CACE;;CACC,CAAA,IAER,kBAAC,GAAD;EACE,WAAA;EACA,SAAQ;EACC;EACT,IAAI;GAAE,GAAG;GAAU,QAAQ;EAAO;EAClC,WAAW,KAAY,kBAAC,GAAD;GAAS,MAAM;GAAU,IAAI;EAAS,CAAA;EAC7D,eAAY;YAEX;CACK,CAAA,EAEV,CAAA;AAEN"}

package/dist/components/Authentication/Logout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logout.js","names":[],"sources":["../../../src/components/Authentication/Logout.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { Button } from '@mui/material'\n\nexport type LogoutProps = {\n callback: () => void\n}\n\nexport default function Logout(props: LogoutProps) {\n const { callback } = props\n return (\n <div>\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => {\n SynapseClient.signOut().then(callback)\n }}\n >\n Log out\n </Button>\n </div>\n )\n}\n"],"mappings":";;;;AAOA,SAAwB,EAAO,GAAoB;CACjD,IAAM,EAAE,gBAAa;~~AACrB~~,~~QACE~~,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EACE,SAAQ;EACR,OAAM;EACN,eAAe;~~AACb~~,~~KAAc~~,~~SAAS~~,~~CAAC~~,KAAK,~~EAAS;;YAEzC~~;~~EAEQ~~,CAAA,EACL,CAAA"}
1	+ {"version":3,"file":"Logout.js","names":[],"sources":["../../../src/components/Authentication/Logout.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { Button } from '@mui/material'\n\nexport type LogoutProps = {\n callback: () => void\n}\n\nexport default function Logout(props: LogoutProps) {\n const { callback } = props\n return (\n <div>\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => {\n SynapseClient.signOut().then(callback)\n }}\n >\n Log out\n </Button>\n </div>\n )\n}\n"],"mappings":";;;;AAOA,SAAwB,EAAO,GAAoB;CACjD,IAAM,EAAE,gBAAa;CACrB,OACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EACE,SAAQ;EACR,OAAM;EACN,eAAe;GACb,EAAc,QAAQ,EAAE,KAAK,CAAQ;EACvC;YACD;CAEO,CAAA,EACL,CAAA;AAET"}