Remove required props in favor of conditional for IIIF auth

Author: marlo-longley

src/components/IIIFAuthentication.js

@@ -8,14 +8,17 @@ import WindowAuthenticationBar from '../containers/WindowAuthenticationBar';
  * Opens a new window for click
  */
 export function IIIFAuthentication({
-  accessTokenServiceId, authServiceId, confirm = undefined, description = undefined,
+  accessTokenServiceId=undefined, authServiceId=undefined, confirm = undefined, description = undefined,
   failureDescription = undefined, failureHeader = undefined, features = 'centerscreen',
   handleAuthInteraction, header = undefined, isInteractive = true, label = undefined,
   logoutConfirm = undefined, logoutServiceId = undefined, openWindow = window.open,
   resetAuthenticationState, resolveAccessTokenRequest, resolveAuthenticationRequest,
   status = null, windowId,
 }) {
   const { t } = useTranslation();
+
+  if (!accessTokenServiceId || !authServiceId) return null;
+
   /** */
   const onReceiveAccessTokenMessage = (payload) => {
     resolveAccessTokenRequest(authServiceId, accessTokenServiceId, payload);
@@ -107,8 +110,8 @@ export function IIIFAuthentication({
 }
 
 IIIFAuthentication.propTypes = {
-  accessTokenServiceId: PropTypes.string.isRequired,
-  authServiceId: PropTypes.string.isRequired,
+  accessTokenServiceId: PropTypes.string,
+  authServiceId: PropTypes.string,
   confirm: PropTypes.string,
   description: PropTypes.string,
   failureDescription: PropTypes.string,