feat: added flag based authentication using AUTH_ENABLED

Author: Harsh-Microsoft

src/ContentProcessorWeb/.env

@@ -1,4 +1,4 @@
-REACT_APP_API_BASE_URL=APP_API_BASE_URL
+REACT_APP_API_BASE_URL=https://ca-cps-d4ecoervb6ab-api.salmonbay-e4fea35b.eastus2.azurecontainerapps.io/
 
 REACT_APP_WEB_CLIENT_ID = APP_WEB_CLIENT_ID
 REACT_APP_WEB_AUTHORITY = APP_WEB_AUTHORITY 
@@ -10,4 +10,6 @@ REACT_APP_POST_REDIRECT_URL = "/"
 REACT_APP_WEB_SCOPE = APP_WEB_SCOPE
 
 REACT_APP_API_SCOPE = APP_API_SCOPE
-REACT_APP_CONSOLE_LOG_ENABLED = APP_CONSOLE_LOG_ENABLED
+REACT_APP_CONSOLE_LOG_ENABLED = APP_CONSOLE_LOG_ENABLED
+
+REACT_APP_AUTH_ENABLED=false

src/ContentProcessorWeb/src/msal-auth/AuthWrapper.tsx

@@ -10,12 +10,17 @@ import useAuth from './useAuth';
 const AuthWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
 
   const { isAuthenticated, login, inProgress,token } = useAuth();
+  const authEnabled = process.env.REACT_APP_AUTH_ENABLED !== 'false'; // Defaults to true if not set
 
   useEffect(() => {
-    if (!isAuthenticated && inProgress === InteractionStatus.None) {
+    if (authEnabled && !isAuthenticated && inProgress === InteractionStatus.None) {
       login();
     }
-  }, [isAuthenticated, inProgress]);
+  }, [authEnabled, isAuthenticated, inProgress]);
+
+  if (!authEnabled) {
+    return <>{children}</>;
+  }
 
   return <>{(isAuthenticated && token) && children}</>
 };