synapse-react-client 4.0.2 → 4.0.4

package/dist/components/AclEditor/AclEditor.js

@@ -4,10 +4,10 @@ import { Box as t, Typography as n, Collapse as S, Button as k, Tooltip as D, Fo
 import { noop as X } from "lodash-es";
 import { TransitionGroup as j } from "react-transition-group";
 import b from "../IconSvg/IconSvg.js";
-import F from "../UserSearchBox/UserSearchBoxV2.js";
-import { AclEditorSkeleton as V } from "./AclEditorSkeleton.js";
-import { ResourceAccessItem as Y } from "./ResourceAccessItem.js";
-const H = "Add a user or team", z = "Make Public", K = "Remove Public Access", W = "Notify people via email";
+import F from "../UserSearchBox/UserSearchBox.js";
+import { AclEditorSkeleton as Y } from "./AclEditorSkeleton.js";
+import { ResourceAccessItem as H } from "./ResourceAccessItem.js";
+const V = "Add a user or team", z = "Make Public", K = "Remove Public Access", W = "Notify people via email";
 function te(v) {
   const {
     resourceAccessList: s,
@@ -35,7 +35,7 @@ function te(v) {
     R
   ].filter((i) => i !== void 0);
   if (x || g)
-    return /* @__PURE__ */ e(V, {});
+    return /* @__PURE__ */ e(Y, {});
   const E = !!s.find(
     (i) => f.some((r) => i.principalId === Number(r))
   ) ? {
@@ -74,7 +74,7 @@ function te(v) {
           s.length === 0 ? /* @__PURE__ */ e(n, { variant: "body1Italic", children: C }) : /* @__PURE__ */ e(j, { children: s.map((i) => {
             const r = typeof o == "function" ? o(i) : o, N = typeof l == "function" ? l(i) : l, O = u ? u(i) : void 0;
             return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-              Y,
+              H,
               {
                 resourceAccess: i,
                 availablePermissionLevels: I,
@@ -123,7 +123,7 @@ function te(v) {
             component: "label",
             variant: "smallText2",
             htmlFor: "reviewer-search",
-            children: H
+            children: V
           }
         ),
         /* @__PURE__ */ e(
@@ -184,7 +184,7 @@ function te(v) {
   ] });
 }
 export {
-  H as ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL,
+  V as ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL,
   z as ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT,
   te as AclEditor,
   W as NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL,

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

@@ -1 +1 @@
-{"version":3,"file":"AclEditor.js","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 UserSearchBoxV2 from '../UserSearchBox/UserSearchBoxV2'\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            <UserSearchBoxV2\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"],"names":["ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL","ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT","REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT","NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL","AclEditor","props","resourceAccessList","availablePermissionLevels","canEdit","isInherited","canRemoveEntry","isLoading","emptyText","onAddPrincipalToAcl","updateResourceAccessItem","removeResourceAccessItem","showAddRemovePublicButton","showNotifyCheckbox","notifyCheckboxValue","onNotifyCheckboxChange","noop","displayedPermissionLevelOverride","data","isLoadingRealmPrincipals","useGetRealmPrincipals","realmPrincipals","authenticatedUsersId","publicGroupId","anonymousUserId","publicPrincipalIds","id","AclEditorSkeleton","addOrRemovePublicButtonProps","resourceAccess","jsx","IconSvg","publicId","Box","jsxs","Typography","TransitionGroup","canChangePermission","canDelete","permissionLevelOverride","Collapse","ResourceAccessItem","accessType","UserSearchBoxV2","parsedId","Button","Tooltip","FormControlLabel","Checkbox"],"mappings":";;;;;;;;;AAsBO,MAAMA,IAAsC,sBACtCC,IAAoC,eACpCC,IAAuC,wBAuCvCC,IAAsC;AAE5C,SAASC,GAAUC,GAAwC;AAChE,QAAM;AAAA,IACJ,oBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC,IAAiBF;AAAA,IACjB,WAAAG,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,wBAAAC,IAAyBC;AAAA,IACzB,kCAAAC;AAAA,EAAA,IACEhB,GAEE,EAAE,MAAAiB,GAAM,WAAWC,EAAA,IAA6BC,EAAA,GAChDC,IAAkBH,KAAQ,CAAA,GAC1B;AAAA,IACJ,oBAAoBI;AAAA,IACpB,aAAaC;AAAA,IACb,eAAeC;AAAA,EAAA,IACbH,GAEEI,IAAqB;AAAA,IACzBH;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,EACA,OAAO,CAACE,MAAqBA,MAAO,MAAS;AAE/C,MAAInB,KAAaY;AACf,6BAAQQ,GAAA,EAAkB;AAS5B,QAAMC,IAN4C,EAChD1B,EAAmB;AAAA,IAAK,CAAA2B,MACtBJ,EAAmB,KAAK,CAAAC,MAAMG,EAAe,gBAAgB,OAAOH,CAAE,CAAC;AAAA,EAAA,IAMrE;AAAA,IACE,WAAW,gBAAAI,EAACC,GAAA,EAAQ,MAAM,SAAS,MAAM,IAAO;AAAA,IAChD,UAAUjC;AAAA,IACV,SAAS,MAAM;AACb,MAAA2B,EAAmB,QAAQ,CAAAO,MAAY;AACrC,QAAArB,EAAyB,OAAOqB,CAAQ,CAAC;AAAA,MAC3C,CAAC;AAAA,IACH;AAAA,EAAA,IAEF;AAAA,IACE,WAAW,gBAAAF,EAACC,GAAA,EAAQ,MAAM,UAAU,MAAM,IAAO;AAAA,IACjD,UAAUlC;AAAA,IACV,SAAS,MAAM;AACb,MAAI0B,KAAed,EAAoB,OAAOc,CAAa,CAAC,GACxDD,KACFb,EAAoB,OAAOa,CAAoB,CAAC;AAAA,IACpD;AAAA,EAAA;AAGR,2BACGW,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,IAAI;AAAA,QAAA;AAAA,QAGN,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,IAAI;AAAA,gBACF,IAAI;AAAA,cAAA;AAAA,cAEP,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAIAjC,EAAmB,WAAW,IAC7B,gBAAA4B,EAACK,GAAA,EAAW,SAAQ,eAAe,UAAA3B,EAAA,CAAU,IAE7C,gBAAAsB,EAACM,GAAA,EACE,UAAAlC,EAAmB,IAAI,CAAA2B,MAAkB;AACxC,kBAAMQ,IACJ,OAAOjC,KAAY,aACfA,EAAQyB,CAAc,IACtBzB,GACAkC,IACJ,OAAOhC,KAAmB,aACtBA,EAAeuB,CAAc,IAC7BvB,GAEAiC,IAA0BtB,IAC5BA,EAAiCY,CAAc,IAC/C;AACJ,qCACGW,GAAA,EACC,UAAA,gBAAAV;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,gBAAAZ;AAAA,gBACA,2BAAA1B;AAAA,gBACA,qBAAAkC;AAAA,gBACA,kCAAkCE;AAAA,gBAClC,kBAAkBD;AAAA,gBAClB,UAAU,CAAAI,MACRhC;AAAA,kBACEmB,EAAe;AAAA,kBACfa;AAAA,gBAAA;AAAA,gBAGJ,UAAU,MACR/B,EAAyBkB,EAAe,WAAW;AAAA,cAAA;AAAA,YAAA,EAEvD,GAhBaA,EAAe,WAiB9B;AAAA,UAEJ,CAAC,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHzB,uBACE6B,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,IAAI;AAAA,YACF,IAAI;AAAA,UAAA;AAAA,UAEP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,gBAAAL;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,wBAIAF,GAAA,EAAI,IAAI,EAAE,IAAI,KACb,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,SAAQ;AAAA,YAEP,UAAAvC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAkC;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,SAAQ;AAAA,YACR,aAAY;AAAA,YACZ,UAAU,CAAAjB,MAAM;AACd,oBAAMkB,IAAW,SAASlB,KAAM,EAAE;AAClC,cAAIkB,KACFnC,EAAoBmC,CAAQ;AAAA,YAEhC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,MACA,gBAAAV;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,KAAK;AAAA,UAAA;AAAA,UAGP,UAAA;AAAA,YAAA,gBAAAH,EAACG,KACE,UAAArB,KACC,gBAAAkB;AAAA,cAACe;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,SAAS;AAAA,gBACR,GAAGjB;AAAA,cAAA;AAAA,YAAA,GAGV;AAAA,YACCf,KACC,gBAAAiB;AAAA,cAACgB;AAAA,cAAA;AAAA,gBACC,OACE;AAAA,gBAGF,UAAA,gBAAAhB;AAAA,kBAACiB;AAAA,kBAAA;AAAA,oBACC,IAAI,EAAE,IAAI,EAAA;AAAA,oBACV,SACE,gBAAAjB;AAAA,sBAACkB;AAAA,sBAAA;AAAA,wBACC,OAAOlC;AAAA,wBACP,UAAU,MACRC,EAAuB,CAACD,CAAmB;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAIjD,OACE,gBAAAgB,EAACK,GAAA,EAAW,SAAS,cAClB,UAAApC,EAAA,CACH;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GACF;AAAA,IAED,CAACK,KAAW,CAACC,uBACX8B,GAAA,EAAW,SAAS,SAAS,UAAA,wEAAA,CAE9B;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"AclEditor.js","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"],"names":["ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL","ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT","REMOVE_PUBLIC_PRINCIPALS_BUTTON_TEXT","NOTIFY_NEW_ACL_USERS_CHECKBOX_LABEL","AclEditor","props","resourceAccessList","availablePermissionLevels","canEdit","isInherited","canRemoveEntry","isLoading","emptyText","onAddPrincipalToAcl","updateResourceAccessItem","removeResourceAccessItem","showAddRemovePublicButton","showNotifyCheckbox","notifyCheckboxValue","onNotifyCheckboxChange","noop","displayedPermissionLevelOverride","data","isLoadingRealmPrincipals","useGetRealmPrincipals","realmPrincipals","authenticatedUsersId","publicGroupId","anonymousUserId","publicPrincipalIds","id","AclEditorSkeleton","addOrRemovePublicButtonProps","resourceAccess","jsx","IconSvg","publicId","Box","jsxs","Typography","TransitionGroup","canChangePermission","canDelete","permissionLevelOverride","Collapse","ResourceAccessItem","accessType","UserSearchBox","parsedId","Button","Tooltip","FormControlLabel","Checkbox"],"mappings":"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"}

package/dist/components/AclEditor/AclEditor.test-utils.js

@@ -1,40 +1,40 @@
-import { within as i, waitFor as a, screen as r } from "@testing-library/react";
+import { screen as r, waitFor as a, within as i } from "@testing-library/react";
 import { REMOVE_BUTTON_LABEL as m } from "./ResourceAccessItem.js";
 import { PUBLIC_GROUP_DISPLAY_TEXT as B, AUTHENTICATED_GROUP_DISPLAY_TEXT as T } from "../TeamBadge.js";
-import { ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL as x, ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT as y } from "./AclEditor.js";
-function u(o, n) {
-  return o.find((t) => i(t).queryByText(n, { exact: !1 }));
+import { ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT as x, ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL as y } from "./AclEditor.js";
+function u(e, n) {
+  return e.find((t) => i(t).queryByText(n, { exact: !1 }));
 }
-async function R(o, n, t) {
-  let e;
+async function R(e, n, t) {
+  let o;
   try {
     await a(() => {
-      e = u(o, n), expect(e).toBeInTheDocument();
+      o = u(e, n), expect(o).toBeInTheDocument();
     });
   } catch (l) {
     throw r.debug(), new Error(`Principal ${n} not found in ACL`, { cause: l });
   }
-  const c = i(e).queryByRole("combobox");
-  return c ? expect(c).toHaveTextContent(t) : i(e).getByText(t), e;
+  const c = i(o).queryByRole("combobox");
+  return c ? expect(c).toHaveTextContent(t) : i(o).getByText(t), o;
 }
-function b(o, n, t) {
-  expect(i(o).queryByRole("link") ?? o).toHaveTextContent(
+function b(e, n, t) {
+  expect(i(e).queryByRole("link") ?? e).toHaveTextContent(
     n
   );
-  const e = i(o).queryByRole("combobox");
-  e ? expect(e).toHaveTextContent(t) : i(o).getByText(t);
+  const o = i(e).queryByRole("combobox");
+  o ? expect(o).toHaveTextContent(t) : i(e).getByText(t);
 }
-async function d(o, n, t = !0) {
-  const e = i(o).getByRole("button", {
+async function d(e, n, t = !0) {
+  const o = i(e).getByRole("button", {
     name: m
   });
-  await n.click(e), t && await a(() => {
-    expect(e).not.toBeInTheDocument(), expect(o).not.toBeInTheDocument();
+  await n.click(o), t && await a(() => {
+    expect(o).not.toBeInTheDocument(), expect(e).not.toBeInTheDocument();
   });
 }
-async function h(o, n, t) {
-  const e = i(o).getByRole("combobox");
-  await n.click(e);
+async function h(e, n, t) {
+  const o = i(e).getByRole("combobox");
+  await n.click(o);
   const c = r.getByRole("option", {
     name: t
   });
@@ -42,30 +42,30 @@ async function h(o, n, t) {
     expect(c).not.toBeInTheDocument();
   });
 }
-function p() {
+function w() {
   return r.queryByRole("combobox", {
-    name: x
+    name: y
   });
 }
-async function A(o, n) {
-  const t = p();
-  expect(t).toBeInTheDocument(), await o.type(t, n);
-  const e = await r.findByText(new RegExp(`\\(@${n}\\)`));
-  await o.click(e), await a(() => expect(e).not.toBeInTheDocument());
+async function A(e, n) {
+  const t = w();
+  expect(t).toBeInTheDocument(), await e.clear(t), await e.type(t, n);
+  const o = await r.findByText(new RegExp(`\\(@${n}\\)`));
+  await e.click(o), await a(() => expect(o).not.toBeInTheDocument());
   const c = r.getAllByRole("row");
   return c[c.length - 1];
 }
-async function _(o) {
+async function _(e) {
   const n = r.getByRole("button", {
-    name: y
+    name: x
   });
-  await o.click(n);
-  let t = [], e, c;
+  await e.click(n);
+  let t = [], o, c;
   return await a(() => {
-    t = r.getAllByRole("row"), e = u(t, B), c = u(
+    t = r.getAllByRole("row"), o = u(t, B), c = u(
       t,
       T
-    ), expect(e).toBeInTheDocument(), expect(c).toBeInTheDocument();
+    ), expect(o).toBeInTheDocument(), expect(c).toBeInTheDocument();
   }), {
     publicRow: t[t.length - 2],
     authenticatedUsersRow: t[t.length - 1]
@@ -76,7 +76,7 @@ export {
   A as addUserToAcl,
   b as confirmItem,
   R as confirmItemViaQuery,
-  p as queryForAddUserCombobox,
+  w as queryForAddUserCombobox,
   u as queryForRowWithPrincipalName,
   d as removeItem,
   h as updatePermissionLevel

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

@@ -1 +1 @@
-{"version":3,"file":"AclEditor.test-utils.js","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.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"],"names":["queryForRowWithPrincipalName","rows","principalName","row","within","confirmItemViaQuery","accessTypeLabel","waitFor","e","screen","editorCombobox","confirmItem","removeItem","user","verifyRemoval","removeButton","REMOVE_BUTTON_LABEL","updatePermissionLevel","updatedPermissionLevelLabel","menu","option","queryForAddUserCombobox","ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL","addUserToAcl","userName","userInput","addPublicToAcl","makePublicButton","ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT","publicRow","authenticatedUsersRow","PUBLIC_GROUP_DISPLAY_TEXT","AUTHENTICATED_GROUP_DISPLAY_TEXT"],"mappings":"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"}
+{"version":3,"file":"AclEditor.test-utils.js","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"],"names":["queryForRowWithPrincipalName","rows","principalName","row","within","confirmItemViaQuery","accessTypeLabel","waitFor","e","screen","editorCombobox","confirmItem","removeItem","user","verifyRemoval","removeButton","REMOVE_BUTTON_LABEL","updatePermissionLevel","updatedPermissionLevelLabel","menu","option","queryForAddUserCombobox","ADD_PRINCIPAL_TO_ACL_COMBOBOX_LABEL","addUserToAcl","userName","userInput","addPublicToAcl","makePublicButton","ADD_PUBLIC_PRINCIPALS_BUTTON_TEXT","publicRow","authenticatedUsersRow","PUBLIC_GROUP_DISPLAY_TEXT","AUTHENTICATED_GROUP_DISPLAY_TEXT"],"mappings":"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"}

package/dist/components/AddToDownloadListV2.js

@@ -1,4 +1,4 @@
-import { jsx as o, Fragment as i } from "react/jsx-runtime";
+import { jsx as o, Fragment as r } from "react/jsx-runtime";
 import "../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -11,7 +11,7 @@ import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../utils/PermissionLevelToAccessType.js";
 import "react";
-import { useSynapseContext as s } from "../utils/context/SynapseContext.js";
+import { useSynapseContext as a } from "../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import { Tooltip as l, Link as c } from "@mui/material";
 import "../utils/hooks/useCookiePreferences.js";
@@ -33,24 +33,24 @@ import { useGetEntity as f } from "../synapse-queries/entity/useEntity.js";
 import y from "./IconSvg/IconSvg.js";
 import { displayToast as m } from "./ToastMessage/ToastMessage.js";
 function X(e) {
-  const { entityId: t, entityVersionNumber: r } = e, { isAuthenticated: n } = s(), { data: p } = f(t, r), { mutate: a } = u({
+  const { entityId: t, entityVersionNumber: i } = e, { isAuthenticated: n } = a(), { data: p } = f(t, i), { mutate: d } = u({
     onSuccess: () => {
       m(
-        `${p?.name ?? t} was successfully added to your Download Cart.`,
+        `${p?.name ?? t} was successfully added to your Download List.`,
         "success"
       );
     },
-    onError: (d) => {
+    onError: (s) => {
       m(
-        `Unable to add the file to your Download Cart. ${d.reason}`,
+        `Unable to add the file to your Download List. ${s.reason}`,
         "danger"
       );
     }
   });
-  return n ? /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
+  return n ? /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(
     l,
     {
-      title: "Add this file to your Download Cart",
+      title: "Add this file to your Download List",
       placement: "right",
       enterNextDelay: 300,
       children: /* @__PURE__ */ o(
@@ -58,14 +58,14 @@ function X(e) {
         {
           "data-testid": "AddToDownloadListV2",
           onClick: () => {
-            a({ entityId: t, entityVersionNumber: r });
+            d({ entityId: t, entityVersionNumber: i });
           },
           className: "ignoreLink",
           children: /* @__PURE__ */ o(y, { icon: "addToCart" })
         }
       )
     }
-  ) }) : /* @__PURE__ */ o(i, {});
+  ) }) : /* @__PURE__ */ o(r, {});
 }
 export {
   X as default

package/dist/components/AddToDownloadListV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToDownloadListV2.js","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 Cart.`,\n        'success',\n      )\n    },\n    onError: e => {\n      displayToast(\n        `Unable to add the file to your Download Cart. ${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 Cart\"\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"],"names":["AddToDownloadListV2","props","entityId","entityVersionNumber","isAuthenticated","useSynapseContext","entity","useGetEntity","addToDownloadList","useAddFileToDownloadList","displayToast","e","jsx","Fragment","Tooltip","Link","IconSvg"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,SAASA,EAAoBC,GAAiC;AAC5D,QAAM,EAAE,UAAAC,GAAU,qBAAAC,EAAA,IAAwBF,GACpC,EAAE,iBAAAG,EAAA,IAAoBC,EAAA,GAEtB,EAAE,MAAMC,EAAA,IAAWC,EAAaL,GAAUC,CAAmB,GAE7D,EAAE,QAAQK,EAAA,IAAsBC,EAAyB;AAAA,IAC7D,WAAW,MAAM;AACf,MAAAC;AAAA,QACE,GACEJ,GAAQ,QAAQJ,CAClB;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,SAAS,CAAAS,MAAK;AACZ,MAAAD;AAAA,QACE,iDAAiDC,EAAE,MAAM;AAAA,QACzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,CACD;AAED,SAAKP,IAKH,gBAAAQ,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,gBAAgB;AAAA,MAEhB,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,SAAS,MAAM;AACb,YAAAP,EAAkB,EAAE,UAAAN,GAAU,qBAAAC,GAAqB;AAAA,UACrD;AAAA,UACA,WAAU;AAAA,UAEV,UAAA,gBAAAS,EAACI,GAAA,EAAQ,MAAM,YAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B;AAAA,EAAA,GAEJ,IApBO,gBAAAJ,EAAAC,GAAA,EAAE;AAsBb;"}
+{"version":3,"file":"AddToDownloadListV2.js","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"],"names":["AddToDownloadListV2","props","entityId","entityVersionNumber","isAuthenticated","useSynapseContext","entity","useGetEntity","addToDownloadList","useAddFileToDownloadList","displayToast","e","jsx","Fragment","Tooltip","Link","IconSvg"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,SAASA,EAAoBC,GAAiC;AAC5D,QAAM,EAAE,UAAAC,GAAU,qBAAAC,EAAA,IAAwBF,GACpC,EAAE,iBAAAG,EAAA,IAAoBC,EAAA,GAEtB,EAAE,MAAMC,EAAA,IAAWC,EAAaL,GAAUC,CAAmB,GAE7D,EAAE,QAAQK,EAAA,IAAsBC,EAAyB;AAAA,IAC7D,WAAW,MAAM;AACf,MAAAC;AAAA,QACE,GACEJ,GAAQ,QAAQJ,CAClB;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,SAAS,CAAAS,MAAK;AACZ,MAAAD;AAAA,QACE,iDAAiDC,EAAE,MAAM;AAAA,QACzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,CACD;AAED,SAAKP,IAKH,gBAAAQ,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,gBAAgB;AAAA,MAEhB,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,SAAS,MAAM;AACb,YAAAP,EAAkB,EAAE,UAAAN,GAAU,qBAAAC,GAAqB;AAAA,UACrD;AAAA,UACA,WAAU;AAAA,UAEV,UAAA,gBAAAS,EAACI,GAAA,EAAQ,MAAM,YAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B;AAAA,EAAA,GAEJ,IApBO,gBAAAJ,EAAAC,GAAA,EAAE;AAsBb;"}

package/dist/components/Authentication/AuthenticationMethodSelection.js

@@ -1,4 +1,4 @@
-import { jsxs as s, jsx as t, Fragment as d } from "react/jsx-runtime";
+import { jsxs as s, Fragment as d, jsx as t } from "react/jsx-runtime";
 import * as a from "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";

package/dist/components/Authentication/TwoFactorEnrollmentForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TwoFactorEnrollmentForm.d.ts","sourceRoot":"","sources":["../../../src/components/Authentication/TwoFactorEnrollmentForm.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAS5D;;;;GAIG;AACH,iBAAS,YAAY,CAAC,MAAM,EAAE,UAAU,UAEvC;AA6BD,eAAO,MAAM,oBAAoB,+HAC6F,CAAA;AAE9H,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,4BAA4B,EAAE,MAAM,IAAI,CAAA;IACxC,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,2CA6NpC;AAED,eAAO,MAAM,yBAAyB;;CAAmB,CAAA"}
+{"version":3,"file":"TwoFactorEnrollmentForm.d.ts","sourceRoot":"","sources":["../../../src/components/Authentication/TwoFactorEnrollmentForm.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAW5D;;;;GAIG;AACH,iBAAS,YAAY,CAAC,MAAM,EAAE,UAAU,UAEvC;AA6BD,eAAO,MAAM,oBAAoB,+HAC6F,CAAA;AAE9H,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,UAAU,CAAA;IACtB,4BAA4B,EAAE,MAAM,IAAI,CAAA;IACxC,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,2CA6NpC;AAED,eAAO,MAAM,yBAAyB;;CAAmB,CAAA"}

package/dist/components/Authentication/TwoFactorEnrollmentForm.js

@@ -2,13 +2,14 @@ import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { StyledOuterContainer as I } from "../styled/LeftRightPanel.js";
 import { useFinishTwoFactorEnrollment as k } from "../../synapse-queries/auth/useTwoFactorEnrollment.js";
 import { styled as S, Box as s, Paper as E, IconButton as O, Typography as i, Link as a, Stack as y, Divider as x, Button as D } from "@mui/material";
-import { toCanvas as G } from "qrcode";
+import * as G from "qrcode";
 import { useState as p, useRef as R, useEffect as B } from "react";
 import W from "../FullWidthAlert/FullWidthAlert.js";
 import _ from "../IconSvg/IconSvg.js";
 import { SynapseSpinner as M } from "../LoadingScreen/LoadingScreen.js";
 import Q from "../TextField/TextField.js";
 import $ from "./TwoFactorSecretDialog.js";
+const { toCanvas: j } = G;
 function v(e) {
   return `otpauth://totp/Synapse:${e.username}?secret=${e.secret}&issuer=Sage%20Bionetworks&algorithm=${e.alg}&digits=${e.digits}&period=${e.period}`;
 }
@@ -36,7 +37,7 @@ const c = S(
       gap: "18px"
     }
   })
-), j = "https://help.synapse.org/docs/Managing-Your-Account.2055405596.html#Adding-Two-Factor-Authentication-(2FA)-to-your-account";
+), L = "https://help.synapse.org/docs/Managing-Your-Account.2055405596.html#Adding-Two-Factor-Authentication-(2FA)-to-your-account";
 function J(e) {
   const { onTwoFactorEnrollmentSuccess: b, onBackClicked: u, totpSecret: r } = e, [l, w] = p(""), [m, C] = p(!1), [A, f] = p(!1), d = R(null), {
     mutate: F,
@@ -47,7 +48,7 @@ function J(e) {
   });
   return B(() => {
     async function n() {
-      r && d.current && (await G(d.current, v(r), {
+      r && d.current && (await j(d.current, v(r), {
         version: 10,
         margin: 0,
         scale: 3.5
@@ -95,7 +96,7 @@ function J(e) {
             " or ORCiD account, you may need to use 2FA as part of",
             "that process as well.",
             " ",
-            /* @__PURE__ */ t(a, { href: j, children: "Learn more about 2FA" }),
+            /* @__PURE__ */ t(a, { href: L, children: "Learn more about 2FA" }),
             "."
           ] })
         ] }),
@@ -251,7 +252,7 @@ function J(e) {
 const Z = { toOtpAuthUrl: v };
 export {
   Z as EXPORTED_FOR_UNIT_TESTING,
-  j as TWO_FACTOR_DOCS_LINK,
+  L as TWO_FACTOR_DOCS_LINK,
   J as default
 };
 //# sourceMappingURL=TwoFactorEnrollmentForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TwoFactorEnrollmentForm.js","sources":["../../../src/components/Authentication/TwoFactorEnrollmentForm.tsx"],"sourcesContent":["import { StyledOuterContainer } from '@/components/styled/LeftRightPanel'\nimport { useFinishTwoFactorEnrollment } from '@/synapse-queries/auth/useTwoFactorEnrollment'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  Box,\n  BoxProps,\n  Button,\n  Divider,\n  IconButton,\n  Link,\n  Paper,\n  Stack,\n  styled,\n  Typography,\n} from '@mui/material'\nimport { TotpSecret } from '@sage-bionetworks/synapse-types'\nimport { toCanvas } from 'qrcode'\nimport { useEffect, useRef, useState } from 'react'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport TextField from '../TextField/TextField'\nimport TwoFactorSecretDialog from './TwoFactorSecretDialog'\n\n/**\n * Returns a URL that can be used to generate a QR code that 2FA authenticator apps can interpret.\n * This uses the username fro TotpSecret to create the friendly name for the account in the authenticator app.\n * @param secret\n */\nfunction toOtpAuthUrl(secret: TotpSecret) {\n  return `otpauth://totp/Synapse:${secret.username}?secret=${secret.secret}&issuer=Sage%20Bionetworks&algorithm=${secret.alg}&digits=${secret.digits}&period=${secret.period}`\n}\n\nconst Section: StyledComponent<BoxProps> = styled(\n  (props: BoxProps) => (\n    <Box\n      sx={{\n        my: 3,\n        ...props.sx,\n      }}\n      {...props}\n    />\n  ),\n  {\n    label: 'Section',\n  },\n)(() => ({}))\n\nconst SectionInnerGrid = styled(Box, { label: 'SectionInnerGrid' })(\n  ({ theme }) => ({\n    display: 'grid',\n    gridTemplateColumns: 'auto 200px',\n    columnGap: theme.spacing(5),\n    [theme.breakpoints.down('sm')]: {\n      gridTemplateColumns: '1fr',\n      gap: '18px',\n    },\n  }),\n)\n\nexport const TWO_FACTOR_DOCS_LINK =\n  'https://help.synapse.org/docs/Managing-Your-Account.2055405596.html#Adding-Two-Factor-Authentication-(2FA)-to-your-account'\n\nexport type TwoFactorEnrollmentFormProps = {\n  totpSecret: TotpSecret\n  onTwoFactorEnrollmentSuccess: () => void\n  onBackClicked: () => void\n}\n\nexport default function TwoFactorEnrollmentForm(\n  props: TwoFactorEnrollmentFormProps,\n) {\n  const { onTwoFactorEnrollmentSuccess, onBackClicked, totpSecret } = props\n\n  const [totp, setTotp] = useState('')\n  const [hasQrCode, setHasQrCode] = useState(false)\n  const [showSecretInModal, setShowSecretInModal] = useState(false)\n  const qrCodeCanvasElement = useRef<HTMLCanvasElement>(null)\n\n  const {\n    mutate: finishEnrollment,\n    isPending: isFinishingEnrollment,\n    error,\n  } = useFinishTwoFactorEnrollment({\n    onSuccess: onTwoFactorEnrollmentSuccess,\n  })\n\n  useEffect(() => {\n    async function createQrCode() {\n      if (totpSecret && qrCodeCanvasElement.current) {\n        await toCanvas(qrCodeCanvasElement.current, toOtpAuthUrl(totpSecret), {\n          version: 10,\n          margin: 0,\n          scale: 3.5,\n        })\n        setHasQrCode(true)\n      }\n    }\n    void createQrCode()\n  }, [totpSecret])\n\n  return (\n    <StyledOuterContainer>\n      <Paper\n        sx={{\n          position: 'relative',\n          width: { xs: '100%', md: '800px' },\n          py: 6.5,\n          px: 8,\n          mx: 'auto',\n        }}\n      >\n        {onBackClicked && (\n          <IconButton\n            type=\"button\"\n            onClick={() => {\n              onBackClicked()\n            }}\n            sx={theme => ({\n              position: 'absolute',\n              top: theme.spacing(2),\n              left: theme.spacing(2),\n            })}\n          >\n            <IconSvg\n              icon=\"arrowBack\"\n              wrap={false}\n              sx={{ height: '24px', width: '24px' }}\n            />\n          </IconButton>\n        )}\n        <Section>\n          <Typography variant=\"headline2\" sx={{ mb: 3 }}>\n            Activate Two-factor Authentication\n          </Typography>\n          <Typography variant=\"body1\">\n            After setting up 2FA, you’ll use an authenticator app as part of\n            your login process, in addition to your existing password. If you\n            log in using your Google\n            {/* eslint-disable-next-line no-constant-binary-expression -- Remove conditionality when NIH RAS login is supported */}\n            {false && ', NIH RAS,'} or ORCiD account, you may need to use 2FA as\n            part of\n            {/*those processes*/}\n            that process as well.{' '}\n            <Link href={TWO_FACTOR_DOCS_LINK}>Learn more about 2FA</Link>.\n          </Typography>\n        </Section>\n        <Section>\n          <SectionInnerGrid>\n            <Box>\n              <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                Step 1. Get one of these apps\n              </Typography>\n              <Typography variant=\"body1\">\n                Download and install one of these authentication apps to set up\n                2FA on your mobile device, tablet, or desktop. If you have one\n                of these apps already installed, you can skip this step.\n              </Typography>\n            </Box>\n            <Stack\n              sx={theme => ({\n                justifyContent: 'space-between',\n                flexShrink: 0,\n                [theme.breakpoints.down('sm')]: {\n                  gap: '20px',\n                },\n              })}\n            >\n              <Link href={'https://authy.com/download/'}>Authy</Link>\n              <Link\n                href={\n                  'https://duo.com/product/multi-factor-authentication-mfa/duo-mobile-app'\n                }\n              >\n                DUO Mobile\n              </Link>\n              <Link href={'https://googleauthenticator.net/'}>\n                Google Authenticator\n              </Link>\n              <Link\n                href={\n                  'https://www.microsoft.com/en-us/security/mobile-authenticator-app'\n                }\n              >\n                Microsoft Authenticator\n              </Link>\n            </Stack>\n          </SectionInnerGrid>\n        </Section>\n        <Divider />\n        <Section>\n          <SectionInnerGrid>\n            <Box>\n              <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                Step 2. Scan the QR Code\n              </Typography>\n              <Typography component=\"ol\" variant=\"body1\" sx={{ pl: 2, my: 1 }}>\n                <li>Open your authenticator app</li>\n                <li>Tap the &quot;+&quot; button</li>\n                <li>Use your camera to scan the image to the right</li>\n              </Typography>\n              <Link\n                onClick={() => {\n                  setShowSecretInModal(true)\n                }}\n              >\n                Can&apos;t use your camera?\n              </Link>\n              <TwoFactorSecretDialog\n                secret={totpSecret?.secret ?? ''}\n                open={showSecretInModal}\n                onClose={() => setShowSecretInModal(false)}\n              />\n            </Box>\n            <Box\n              sx={{\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'middle',\n                height: 'auto',\n              }}\n            >\n              {!hasQrCode && <SynapseSpinner size={50} />}\n              <canvas\n                style={{ display: hasQrCode ? undefined : 'none' }}\n                ref={qrCodeCanvasElement}\n              />\n            </Box>\n          </SectionInnerGrid>\n        </Section>\n        <Divider />\n        <Section>\n          <SectionInnerGrid>\n            <Box>\n              <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                Step 3. Enter the Verification Code\n              </Typography>\n              <Typography variant=\"body1\">\n                After scanning in the QR code in step 2, your app will provide a\n                6-digit code. Enter it in in the field to the right.\n              </Typography>\n            </Box>\n            <form\n              onSubmit={e => {\n                e.preventDefault()\n                finishEnrollment({\n                  secretId: totpSecret.secretId,\n                  totp,\n                })\n              }}\n            >\n              <Stack\n                direction={'row'}\n                sx={{\n                  gap: 2,\n                  height: '48px',\n                }}\n              >\n                <TextField\n                  noWrapInFormControl\n                  autoFocus\n                  inputProps={{ maxLength: totpSecret?.digits }}\n                  value={totp}\n                  onChange={e => {\n                    setTotp(e.target.value)\n                  }}\n                />\n                <Button\n                  type={'submit'}\n                  variant={'contained'}\n                  sx={{ flexShrink: 0 }}\n                  disabled={\n                    isFinishingEnrollment || totp.length != totpSecret?.digits\n                  }\n                >\n                  Activate\n                </Button>\n              </Stack>\n            </form>\n          </SectionInnerGrid>\n        </Section>\n        {error && (\n          <FullWidthAlert\n            variant={'danger'}\n            isGlobal={false}\n            description={error.reason}\n          />\n        )}\n      </Paper>\n    </StyledOuterContainer>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = { toOtpAuthUrl }\n"],"names":["toOtpAuthUrl","secret","Section","styled","props","jsx","Box","SectionInnerGrid","theme","TWO_FACTOR_DOCS_LINK","TwoFactorEnrollmentForm","onTwoFactorEnrollmentSuccess","onBackClicked","totpSecret","totp","setTotp","useState","hasQrCode","setHasQrCode","showSecretInModal","setShowSecretInModal","qrCodeCanvasElement","useRef","finishEnrollment","isFinishingEnrollment","error","useFinishTwoFactorEnrollment","useEffect","createQrCode","toCanvas","StyledOuterContainer","jsxs","Paper","IconButton","IconSvg","Typography","Link","Stack","Divider","TwoFactorSecretDialog","SynapseSpinner","e","TextField","Button","FullWidthAlert","EXPORTED_FOR_UNIT_TESTING"],"mappings":"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"}
+{"version":3,"file":"TwoFactorEnrollmentForm.js","sources":["../../../src/components/Authentication/TwoFactorEnrollmentForm.tsx"],"sourcesContent":["import { StyledOuterContainer } from '@/components/styled/LeftRightPanel'\nimport { useFinishTwoFactorEnrollment } from '@/synapse-queries/auth/useTwoFactorEnrollment'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  Box,\n  BoxProps,\n  Button,\n  Divider,\n  IconButton,\n  Link,\n  Paper,\n  Stack,\n  styled,\n  Typography,\n} from '@mui/material'\nimport { TotpSecret } from '@sage-bionetworks/synapse-types'\nimport * as qrcode from 'qrcode'\n// qrcode is CJS-only; use namespace import for Vite dev mode CJS interop.\nconst { toCanvas } = qrcode\nimport { useEffect, useRef, useState } from 'react'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport TextField from '../TextField/TextField'\nimport TwoFactorSecretDialog from './TwoFactorSecretDialog'\n\n/**\n * Returns a URL that can be used to generate a QR code that 2FA authenticator apps can interpret.\n * This uses the username fro TotpSecret to create the friendly name for the account in the authenticator app.\n * @param secret\n */\nfunction toOtpAuthUrl(secret: TotpSecret) {\n  return `otpauth://totp/Synapse:${secret.username}?secret=${secret.secret}&issuer=Sage%20Bionetworks&algorithm=${secret.alg}&digits=${secret.digits}&period=${secret.period}`\n}\n\nconst Section: StyledComponent<BoxProps> = styled(\n  (props: BoxProps) => (\n    <Box\n      sx={{\n        my: 3,\n        ...props.sx,\n      }}\n      {...props}\n    />\n  ),\n  {\n    label: 'Section',\n  },\n)(() => ({}))\n\nconst SectionInnerGrid = styled(Box, { label: 'SectionInnerGrid' })(\n  ({ theme }) => ({\n    display: 'grid',\n    gridTemplateColumns: 'auto 200px',\n    columnGap: theme.spacing(5),\n    [theme.breakpoints.down('sm')]: {\n      gridTemplateColumns: '1fr',\n      gap: '18px',\n    },\n  }),\n)\n\nexport const TWO_FACTOR_DOCS_LINK =\n  'https://help.synapse.org/docs/Managing-Your-Account.2055405596.html#Adding-Two-Factor-Authentication-(2FA)-to-your-account'\n\nexport type TwoFactorEnrollmentFormProps = {\n  totpSecret: TotpSecret\n  onTwoFactorEnrollmentSuccess: () => void\n  onBackClicked: () => void\n}\n\nexport default function TwoFactorEnrollmentForm(\n  props: TwoFactorEnrollmentFormProps,\n) {\n  const { onTwoFactorEnrollmentSuccess, onBackClicked, totpSecret } = props\n\n  const [totp, setTotp] = useState('')\n  const [hasQrCode, setHasQrCode] = useState(false)\n  const [showSecretInModal, setShowSecretInModal] = useState(false)\n  const qrCodeCanvasElement = useRef<HTMLCanvasElement>(null)\n\n  const {\n    mutate: finishEnrollment,\n    isPending: isFinishingEnrollment,\n    error,\n  } = useFinishTwoFactorEnrollment({\n    onSuccess: onTwoFactorEnrollmentSuccess,\n  })\n\n  useEffect(() => {\n    async function createQrCode() {\n      if (totpSecret && qrCodeCanvasElement.current) {\n        await toCanvas(qrCodeCanvasElement.current, toOtpAuthUrl(totpSecret), {\n          version: 10,\n          margin: 0,\n          scale: 3.5,\n        })\n        setHasQrCode(true)\n      }\n    }\n    void createQrCode()\n  }, [totpSecret])\n\n  return (\n    <StyledOuterContainer>\n      <Paper\n        sx={{\n          position: 'relative',\n          width: { xs: '100%', md: '800px' },\n          py: 6.5,\n          px: 8,\n          mx: 'auto',\n        }}\n      >\n        {onBackClicked && (\n          <IconButton\n            type=\"button\"\n            onClick={() => {\n              onBackClicked()\n            }}\n            sx={theme => ({\n              position: 'absolute',\n              top: theme.spacing(2),\n              left: theme.spacing(2),\n            })}\n          >\n            <IconSvg\n              icon=\"arrowBack\"\n              wrap={false}\n              sx={{ height: '24px', width: '24px' }}\n            />\n          </IconButton>\n        )}\n        <Section>\n          <Typography variant=\"headline2\" sx={{ mb: 3 }}>\n            Activate Two-factor Authentication\n          </Typography>\n          <Typography variant=\"body1\">\n            After setting up 2FA, you’ll use an authenticator app as part of\n            your login process, in addition to your existing password. If you\n            log in using your Google\n            {/* eslint-disable-next-line no-constant-binary-expression -- Remove conditionality when NIH RAS login is supported */}\n            {false && ', NIH RAS,'} or ORCiD account, you may need to use 2FA as\n            part of\n            {/*those processes*/}\n            that process as well.{' '}\n            <Link href={TWO_FACTOR_DOCS_LINK}>Learn more about 2FA</Link>.\n          </Typography>\n        </Section>\n        <Section>\n          <SectionInnerGrid>\n            <Box>\n              <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                Step 1. Get one of these apps\n              </Typography>\n              <Typography variant=\"body1\">\n                Download and install one of these authentication apps to set up\n                2FA on your mobile device, tablet, or desktop. If you have one\n                of these apps already installed, you can skip this step.\n              </Typography>\n            </Box>\n            <Stack\n              sx={theme => ({\n                justifyContent: 'space-between',\n                flexShrink: 0,\n                [theme.breakpoints.down('sm')]: {\n                  gap: '20px',\n                },\n              })}\n            >\n              <Link href={'https://authy.com/download/'}>Authy</Link>\n              <Link\n                href={\n                  'https://duo.com/product/multi-factor-authentication-mfa/duo-mobile-app'\n                }\n              >\n                DUO Mobile\n              </Link>\n              <Link href={'https://googleauthenticator.net/'}>\n                Google Authenticator\n              </Link>\n              <Link\n                href={\n                  'https://www.microsoft.com/en-us/security/mobile-authenticator-app'\n                }\n              >\n                Microsoft Authenticator\n              </Link>\n            </Stack>\n          </SectionInnerGrid>\n        </Section>\n        <Divider />\n        <Section>\n          <SectionInnerGrid>\n            <Box>\n              <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                Step 2. Scan the QR Code\n              </Typography>\n              <Typography component=\"ol\" variant=\"body1\" sx={{ pl: 2, my: 1 }}>\n                <li>Open your authenticator app</li>\n                <li>Tap the &quot;+&quot; button</li>\n                <li>Use your camera to scan the image to the right</li>\n              </Typography>\n              <Link\n                onClick={() => {\n                  setShowSecretInModal(true)\n                }}\n              >\n                Can&apos;t use your camera?\n              </Link>\n              <TwoFactorSecretDialog\n                secret={totpSecret?.secret ?? ''}\n                open={showSecretInModal}\n                onClose={() => setShowSecretInModal(false)}\n              />\n            </Box>\n            <Box\n              sx={{\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'middle',\n                height: 'auto',\n              }}\n            >\n              {!hasQrCode && <SynapseSpinner size={50} />}\n              <canvas\n                style={{ display: hasQrCode ? undefined : 'none' }}\n                ref={qrCodeCanvasElement}\n              />\n            </Box>\n          </SectionInnerGrid>\n        </Section>\n        <Divider />\n        <Section>\n          <SectionInnerGrid>\n            <Box>\n              <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n                Step 3. Enter the Verification Code\n              </Typography>\n              <Typography variant=\"body1\">\n                After scanning in the QR code in step 2, your app will provide a\n                6-digit code. Enter it in in the field to the right.\n              </Typography>\n            </Box>\n            <form\n              onSubmit={e => {\n                e.preventDefault()\n                finishEnrollment({\n                  secretId: totpSecret.secretId,\n                  totp,\n                })\n              }}\n            >\n              <Stack\n                direction={'row'}\n                sx={{\n                  gap: 2,\n                  height: '48px',\n                }}\n              >\n                <TextField\n                  noWrapInFormControl\n                  autoFocus\n                  inputProps={{ maxLength: totpSecret?.digits }}\n                  value={totp}\n                  onChange={e => {\n                    setTotp(e.target.value)\n                  }}\n                />\n                <Button\n                  type={'submit'}\n                  variant={'contained'}\n                  sx={{ flexShrink: 0 }}\n                  disabled={\n                    isFinishingEnrollment || totp.length != totpSecret?.digits\n                  }\n                >\n                  Activate\n                </Button>\n              </Stack>\n            </form>\n          </SectionInnerGrid>\n        </Section>\n        {error && (\n          <FullWidthAlert\n            variant={'danger'}\n            isGlobal={false}\n            description={error.reason}\n          />\n        )}\n      </Paper>\n    </StyledOuterContainer>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = { toOtpAuthUrl }\n"],"names":["toCanvas","qrcode","toOtpAuthUrl","secret","Section","styled","props","jsx","Box","SectionInnerGrid","theme","TWO_FACTOR_DOCS_LINK","TwoFactorEnrollmentForm","onTwoFactorEnrollmentSuccess","onBackClicked","totpSecret","totp","setTotp","useState","hasQrCode","setHasQrCode","showSecretInModal","setShowSecretInModal","qrCodeCanvasElement","useRef","finishEnrollment","isFinishingEnrollment","error","useFinishTwoFactorEnrollment","useEffect","createQrCode","StyledOuterContainer","jsxs","Paper","IconButton","IconSvg","Typography","Link","Stack","Divider","TwoFactorSecretDialog","SynapseSpinner","e","TextField","Button","FullWidthAlert","EXPORTED_FOR_UNIT_TESTING"],"mappings":";;;;;;;;;;;AAkBA,MAAM,EAAE,UAAAA,MAAaC;AAarB,SAASC,EAAaC,GAAoB;AACxC,SAAO,0BAA0BA,EAAO,QAAQ,WAAWA,EAAO,MAAM,wCAAwCA,EAAO,GAAG,WAAWA,EAAO,MAAM,WAAWA,EAAO,MAAM;AAC5K;AAEA,MAAMC,IAAqCC;AAAA,EACzC,CAACC,MACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGF,EAAM;AAAA,MAAA;AAAA,MAEV,GAAGA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGR;AAAA,IACE,OAAO;AAAA,EAAA;AAEX,EAAE,OAAO,CAAA,EAAG,GAENG,IAAmBJ,EAAOG,GAAK,EAAE,OAAO,oBAAoB;AAAA,EAChE,CAAC,EAAE,OAAAE,EAAA,OAAa;AAAA,IACd,SAAS;AAAA,IACT,qBAAqB;AAAA,IACrB,WAAWA,EAAM,QAAQ,CAAC;AAAA,IAC1B,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,MAC9B,qBAAqB;AAAA,MACrB,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ,GAEaC,IACX;AAQF,SAAwBC,EACtBN,GACA;AACA,QAAM,EAAE,8BAAAO,GAA8B,eAAAC,GAAe,YAAAC,EAAA,IAAeT,GAE9D,CAACU,GAAMC,CAAO,IAAIC,EAAS,EAAE,GAC7B,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1C,CAACG,GAAmBC,CAAoB,IAAIJ,EAAS,EAAK,GAC1DK,IAAsBC,EAA0B,IAAI,GAEpD;AAAA,IACJ,QAAQC;AAAA,IACR,WAAWC;AAAA,IACX,OAAAC;AAAA,EAAA,IACEC,EAA6B;AAAA,IAC/B,WAAWf;AAAA,EAAA,CACZ;AAED,SAAAgB,EAAU,MAAM;AACd,mBAAeC,IAAe;AAC5B,MAAIf,KAAcQ,EAAoB,YACpC,MAAMvB,EAASuB,EAAoB,SAASrB,EAAaa,CAAU,GAAG;AAAA,QACpE,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA,CACR,GACDK,EAAa,EAAI;AAAA,IAErB;AACA,IAAKU,EAAA;AAAA,EACP,GAAG,CAACf,CAAU,CAAC,qBAGZgB,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO,EAAE,IAAI,QAAQ,IAAI,QAAA;AAAA,QACzB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAAnB,KACC,gBAAAP;AAAA,UAAC2B;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,cAAApB,EAAA;AAAA,YACF;AAAA,YACA,IAAI,CAAAJ,OAAU;AAAA,cACZ,UAAU;AAAA,cACV,KAAKA,EAAM,QAAQ,CAAC;AAAA,cACpB,MAAMA,EAAM,QAAQ,CAAC;AAAA,YAAA;AAAA,YAGvB,UAAA,gBAAAH;AAAA,cAAC4B;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAM;AAAA,gBACN,IAAI,EAAE,QAAQ,QAAQ,OAAO,OAAA;AAAA,cAAO;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,0BAGH/B,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAG,EAAC6B,GAAA,EAAW,SAAQ,aAAY,IAAI,EAAE,IAAI,EAAA,GAAK,UAAA,qCAAA,CAE/C;AAAA,UACA,gBAAAJ,EAACI,GAAA,EAAW,SAAQ,SAAQ,UAAA;AAAA,YAAA;AAAA,YAKzB;AAAA,YAAsB;AAAA,YAEF;AAAA,YACC;AAAA,YACtB,gBAAA7B,EAAC8B,GAAA,EAAK,MAAM1B,GAAsB,UAAA,wBAAoB;AAAA,YAAO;AAAA,UAAA,EAAA,CAC/D;AAAA,QAAA,GACF;AAAA,QACA,gBAAAJ,EAACH,GAAA,EACC,UAAA,gBAAA4B,EAACvB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAuB,EAACxB,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAD,EAAC6B,GAAA,EAAW,SAAQ,SAAQ,IAAI,EAAE,YAAY,IAAA,GAAO,UAAA,gCAAA,CAErD;AAAA,YACA,gBAAA7B,EAAC6B,GAAA,EAAW,SAAQ,SAAQ,UAAA,0LAAA,CAI5B;AAAA,UAAA,GACF;AAAA,UACA,gBAAAJ;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,IAAI,CAAA5B,OAAU;AAAA,gBACZ,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,kBAC9B,KAAK;AAAA,gBAAA;AAAA,cACP;AAAA,cAGF,UAAA;AAAA,gBAAA,gBAAAH,EAAC8B,GAAA,EAAK,MAAM,+BAA+B,UAAA,SAAK;AAAA,gBAChD,gBAAA9B;AAAA,kBAAC8B;AAAA,kBAAA;AAAA,oBACC,MACE;AAAA,oBAEH,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGD,gBAAA9B,EAAC8B,GAAA,EAAK,MAAM,oCAAoC,UAAA,wBAEhD;AAAA,gBACA,gBAAA9B;AAAA,kBAAC8B;AAAA,kBAAA;AAAA,oBACC,MACE;AAAA,oBAEH,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF,EAAA,CACF;AAAA,0BACCE,GAAA,EAAQ;AAAA,QACT,gBAAAhC,EAACH,GAAA,EACC,UAAA,gBAAA4B,EAACvB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAuB,EAACxB,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAD,EAAC6B,GAAA,EAAW,SAAQ,SAAQ,IAAI,EAAE,YAAY,IAAA,GAAO,UAAA,2BAAA,CAErD;AAAA,YACA,gBAAAJ,EAACI,GAAA,EAAW,WAAU,MAAK,SAAQ,SAAQ,IAAI,EAAE,IAAI,GAAG,IAAI,EAAA,GAC1D,UAAA;AAAA,cAAA,gBAAA7B,EAAC,QAAG,UAAA,8BAAA,CAA2B;AAAA,cAC/B,gBAAAA,EAAC,QAAG,UAAA,qBAAA,CAA4B;AAAA,cAChC,gBAAAA,EAAC,QAAG,UAAA,iDAAA,CAA8C;AAAA,YAAA,GACpD;AAAA,YACA,gBAAAA;AAAA,cAAC8B;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM;AACb,kBAAAf,EAAqB,EAAI;AAAA,gBAC3B;AAAA,gBACD,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAf;AAAA,cAACiC;AAAA,cAAA;AAAA,gBACC,QAAQzB,GAAY,UAAU;AAAA,gBAC9B,MAAMM;AAAA,gBACN,SAAS,MAAMC,EAAqB,EAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3C,GACF;AAAA,UACA,gBAAAU;AAAA,YAACxB;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,SAAS;AAAA,gBACT,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,QAAQ;AAAA,cAAA;AAAA,cAGT,UAAA;AAAA,gBAAA,CAACW,KAAa,gBAAAZ,EAACkC,GAAA,EAAe,MAAM,GAAA,CAAI;AAAA,gBACzC,gBAAAlC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,EAAE,SAASY,IAAY,SAAY,OAAA;AAAA,oBAC1C,KAAKI;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACP;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF,EAAA,CACF;AAAA,0BACCgB,GAAA,EAAQ;AAAA,QACT,gBAAAhC,EAACH,GAAA,EACC,UAAA,gBAAA4B,EAACvB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAuB,EAACxB,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAD,EAAC6B,GAAA,EAAW,SAAQ,SAAQ,IAAI,EAAE,YAAY,IAAA,GAAO,UAAA,sCAAA,CAErD;AAAA,YACA,gBAAA7B,EAAC6B,GAAA,EAAW,SAAQ,SAAQ,UAAA,wHAAA,CAG5B;AAAA,UAAA,GACF;AAAA,UACA,gBAAA7B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU,CAAAmC,MAAK;AACb,gBAAAA,EAAE,eAAA,GACFjB,EAAiB;AAAA,kBACf,UAAUV,EAAW;AAAA,kBACrB,MAAAC;AAAA,gBAAA,CACD;AAAA,cACH;AAAA,cAEA,UAAA,gBAAAgB;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,IAAI;AAAA,oBACF,KAAK;AAAA,oBACL,QAAQ;AAAA,kBAAA;AAAA,kBAGV,UAAA;AAAA,oBAAA,gBAAA/B;AAAA,sBAACoC;AAAA,sBAAA;AAAA,wBACC,qBAAmB;AAAA,wBACnB,WAAS;AAAA,wBACT,YAAY,EAAE,WAAW5B,GAAY,OAAA;AAAA,wBACrC,OAAOC;AAAA,wBACP,UAAU,CAAA0B,MAAK;AACb,0BAAAzB,EAAQyB,EAAE,OAAO,KAAK;AAAA,wBACxB;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEF,gBAAAnC;AAAA,sBAACqC;AAAA,sBAAA;AAAA,wBACC,MAAM;AAAA,wBACN,SAAS;AAAA,wBACT,IAAI,EAAE,YAAY,EAAA;AAAA,wBAClB,UACElB,KAAyBV,EAAK,UAAUD,GAAY;AAAA,wBAEvD,UAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAED;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF,EAAA,CACF,EAAA,CACF;AAAA,QACCY,KACC,gBAAApB;AAAA,UAACsC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,aAAalB,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEO,MAAMmB,IAA4B,EAAE,cAAA5C,EAAA;"}

package/dist/components/BasePortalCard/BasePortalCard.css

@@ -1 +1 @@
-._BasePortalCard__root_tra5b_1.MuiCard-root{position:relative}._BasePortalCard__contentBelow_tra5b_5{margin-top:15px}._BasePortalCard__content_tra5b_5.MuiCardContent-root:last-child{padding:0}._BasePortalCard__media_tra5b_13.MuiCardMedia-root{height:50%}@media(min-width:768px){._BasePortalCard__media_tra5b_13.MuiCardMedia-root{height:60%}}._small_tra5b_22{width:100%;height:250px;min-height:150px}@media(min-width:768px){._small_tra5b_22{width:250px}}._medium_tra5b_33{width:100%;height:400px;min-height:200px}@media(min-width:768px){._medium_tra5b_33{width:400px}}._large_tra5b_44{width:100%;height:500px;min-height:300px}@media(min-width:768px){._large_tra5b_44{width:600px}}
+._BasePortalCard__root_1hm6w_1.MuiCard-root{position:relative;display:flex;flex-direction:column}._BasePortalCard__contentBelow_1hm6w_7{margin-top:15px}._BasePortalCard__content_1hm6w_7.MuiCardContent-root:last-child{padding:0;flex:1;display:flex;flex-direction:column}._BasePortalCard__media_1hm6w_18{height:50%;flex-shrink:0;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.05)}@media(min-width:768px){._BasePortalCard__media_1hm6w_18{height:60%}}._BasePortalCard__media_1hm6w_18 .MuiCardMedia-root{height:100%}._small_1hm6w_33{width:100%;height:250px;min-height:150px}@media(min-width:768px){._small_1hm6w_33{width:250px}}._medium_1hm6w_44{width:100%;height:400px;min-height:200px}@media(min-width:768px){._medium_1hm6w_44{width:400px}}._large_1hm6w_55{width:100%;height:500px;min-height:300px}@media(min-width:768px){._large_1hm6w_55{width:600px}}

package/dist/components/BasePortalCard/BasePortalCard.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 type BasePortalCardProps = {
     children?: ReactNode;
     contentBelowCard?: ReactNode;

package/dist/components/BasePortalCard/BasePortalCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasePortalCard.d.ts","sourceRoot":"","sources":["../../../src/components/BasePortalCard/BasePortalCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,mHASrB,mBAAmB,KAAG,KAAK,CAAC,SAyB9B,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"BasePortalCard.d.ts","sourceRoot":"","sources":["../../../src/components/BasePortalCard/BasePortalCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,mHASrB,mBAAmB,KAAG,KAAK,CAAC,SAyB9B,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/BasePortalCard/BasePortalCard.js

@@ -1,42 +1,35 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import n from "@mui/material/Box";
-import a from "./BasePortalCard.module.scss.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { Stack as C, Card as _, CardMedia as p, CardContent as B } from "@mui/material";
-const h = ({
-  borderRadiusPx: s,
-  boxShadow: t,
-  children: m,
+import t from "@mui/material/Box";
+import a from "./BasePortalCard.module.scss.js";
+const N = ({
+  borderRadiusPx: m,
+  boxShadow: d,
+  children: l,
   contentBelowCard: e,
-  cardSize: d = "medium",
-  className: l,
-  backgroundImage: i,
-  backgroundColor: c
-}) => /* @__PURE__ */ o(C, { children: [
-  /* @__PURE__ */ o(
+  cardSize: i = "medium",
+  className: c,
+  backgroundImage: o,
+  backgroundColor: n
+}) => /* @__PURE__ */ s(C, { children: [
+  /* @__PURE__ */ s(
     _,
     {
-      className: `${l} ${a.BasePortalCard__root} ${a[d]}`,
+      className: `${c} ${a.BasePortalCard__root} ${a[i]}`,
       sx: {
-        backgroundColor: c,
-        borderRadius: s,
-        boxShadow: t
+        backgroundColor: n,
+        borderRadius: m,
+        boxShadow: d
       },
       children: [
-        /* @__PURE__ */ r(
-          p,
-          {
-            image: i,
-            component: "img",
-            className: a.BasePortalCard__media
-          }
-        ),
-        /* @__PURE__ */ r(B, { className: a.BasePortalCard__content, children: m })
+        /* @__PURE__ */ r(t, { className: a.BasePortalCard__media, children: o && /* @__PURE__ */ r(p, { image: o, component: "img" }) }),
+        /* @__PURE__ */ r(B, { className: a.BasePortalCard__content, children: l })
       ]
     }
   ),
-  e && /* @__PURE__ */ r(n, { className: a.BasePortalCard__contentBelow, children: e })
+  e && /* @__PURE__ */ r(t, { className: a.BasePortalCard__contentBelow, children: e })
 ] });
 export {
-  h as default
+  N as default
 };
 //# sourceMappingURL=BasePortalCard.js.map

package/dist/components/BasePortalCard/BasePortalCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasePortalCard.js","sources":["../../../src/components/BasePortalCard/BasePortalCard.tsx"],"sourcesContent":["import React from 'react'\nimport Box from '@mui/material/Box'\nimport styles from './BasePortalCard.module.scss'\nimport { ReactNode } from 'react'\nimport { Card, CardContent, CardMedia, Stack } from '@mui/material'\n\ntype BasePortalCardProps = {\n  children?: ReactNode\n  contentBelowCard?: ReactNode\n  borderRadiusPx?: number\n  boxShadow?: string\n  cardSize?: 'small' | 'medium' | 'large'\n  backgroundImage?: string\n  backgroundColor?: string\n  className?: string\n}\n\nconst BasePortalCard = ({\n  borderRadiusPx,\n  boxShadow,\n  children,\n  contentBelowCard,\n  cardSize = 'medium',\n  className,\n  backgroundImage,\n  backgroundColor,\n}: BasePortalCardProps): React.ReactNode => (\n  <Stack>\n    <Card\n      className={`${className} ${styles.BasePortalCard__root} ${styles[cardSize]}`}\n      sx={{\n        backgroundColor: backgroundColor,\n        borderRadius: borderRadiusPx,\n        boxShadow: boxShadow,\n      }}\n    >\n      <CardMedia\n        image={backgroundImage}\n        component=\"img\"\n        className={styles.BasePortalCard__media}\n      />\n      <CardContent className={styles.BasePortalCard__content}>\n        {children}\n      </CardContent>\n    </Card>\n    {contentBelowCard && (\n      <Box className={styles.BasePortalCard__contentBelow}>\n        {contentBelowCard}\n      </Box>\n    )}\n  </Stack>\n)\n\nexport default BasePortalCard\n"],"names":["BasePortalCard","borderRadiusPx","boxShadow","children","contentBelowCard","cardSize","className","backgroundImage","backgroundColor","Stack","jsxs","Card","styles","jsx","CardMedia","CardContent","Box"],"mappings":";;;;AAiBA,MAAMA,IAAiB,CAAC;AAAA,EACtB,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AACF,wBACGC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGL,CAAS,IAAIM,EAAO,oBAAoB,IAAIA,EAAOP,CAAQ,CAAC;AAAA,MAC1E,IAAI;AAAA,QACF,iBAAAG;AAAA,QACA,cAAcP;AAAA,QACd,WAAAC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOP;AAAA,YACP,WAAU;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpB,gBAAAC,EAACE,GAAA,EAAY,WAAWH,EAAO,yBAC5B,UAAAT,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAEDC,KACC,gBAAAS,EAACG,GAAA,EAAI,WAAWJ,EAAO,8BACpB,UAAAR,EAAA,CACH;AAAA,EAAA,CAEJ;"}
+{"version":3,"file":"BasePortalCard.js","sources":["../../../src/components/BasePortalCard/BasePortalCard.tsx"],"sourcesContent":["import { Card, CardContent, CardMedia, Stack } from '@mui/material'\nimport Box from '@mui/material/Box'\nimport React, { ReactNode } from 'react'\nimport styles from './BasePortalCard.module.scss'\n\ntype BasePortalCardProps = {\n  children?: ReactNode\n  contentBelowCard?: ReactNode\n  borderRadiusPx?: number\n  boxShadow?: string\n  cardSize?: 'small' | 'medium' | 'large'\n  backgroundImage?: string\n  backgroundColor?: string\n  className?: string\n}\n\nconst BasePortalCard = ({\n  borderRadiusPx,\n  boxShadow,\n  children,\n  contentBelowCard,\n  cardSize = 'medium',\n  className,\n  backgroundImage,\n  backgroundColor,\n}: BasePortalCardProps): React.ReactNode => (\n  <Stack>\n    <Card\n      className={`${className} ${styles.BasePortalCard__root} ${styles[cardSize]}`}\n      sx={{\n        backgroundColor: backgroundColor,\n        borderRadius: borderRadiusPx,\n        boxShadow: boxShadow,\n      }}\n    >\n      <Box className={styles.BasePortalCard__media}>\n        {backgroundImage && (\n          <CardMedia image={backgroundImage} component=\"img\" />\n        )}\n      </Box>\n      <CardContent className={styles.BasePortalCard__content}>\n        {children}\n      </CardContent>\n    </Card>\n    {contentBelowCard && (\n      <Box className={styles.BasePortalCard__contentBelow}>\n        {contentBelowCard}\n      </Box>\n    )}\n  </Stack>\n)\n\nexport default BasePortalCard\n"],"names":["BasePortalCard","borderRadiusPx","boxShadow","children","contentBelowCard","cardSize","className","backgroundImage","backgroundColor","Stack","jsxs","Card","styles","jsx","Box","CardMedia","CardContent"],"mappings":";;;;AAgBA,MAAMA,IAAiB,CAAC;AAAA,EACtB,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AACF,wBACGC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGL,CAAS,IAAIM,EAAO,oBAAoB,IAAIA,EAAOP,CAAQ,CAAC;AAAA,MAC1E,IAAI;AAAA,QACF,iBAAAG;AAAA,QACA,cAAcP;AAAA,QACd,WAAAC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAW,EAACC,GAAA,EAAI,WAAWF,EAAO,uBACpB,UAAAL,KACC,gBAAAM,EAACE,GAAA,EAAU,OAAOR,GAAiB,WAAU,MAAA,CAAM,GAEvD;AAAA,QACA,gBAAAM,EAACG,GAAA,EAAY,WAAWJ,EAAO,yBAC5B,UAAAT,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAEDC,KACC,gBAAAS,EAACC,GAAA,EAAI,WAAWF,EAAO,8BACpB,UAAAR,EAAA,CACH;AAAA,EAAA,CAEJ;"}