Improve store ui to support sso

components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/public/conf/config.json

@@ -1,4 +1,5 @@
 {
+  "appName": "store",
   "theme": {
     "type": "default",
     "value": "lightBaseTheme",
@@ -17,7 +18,10 @@
     },
     "loginUri": "/store-ui-request-handler/login",
     "logoutUri": "/store-ui-request-handler/logout",
-    "platform": "store"
+    "ssoLoginUri": "/store-ui-request-handler/ssoLogin",
+    "ssoLogoutUri": "/store-ui-request-handler/ssoLogout",
+    "platform": "store",
+    "appUiConfigUri": "/api/device-mgt-config/v1.0/configurations/ui-config"
   },
   "defaultPlatformIcons": {
     "default": {

components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/App.js

@@ -21,8 +21,9 @@ import 'antd/dist/antd.less';
 import RouteWithSubRoutes from './components/RouteWithSubRoutes';
 import { BrowserRouter as Router, Redirect, Switch } from 'react-router-dom';
 import axios from 'axios';
-import { Layout, Spin, Result } from 'antd';
+import { Layout, Result, Spin } from 'antd';
 import ConfigContext from './components/context/ConfigContext';
+import { getUiConfig } from './services/utils/uiConfigHandler';
 
 const { Content } = Layout;
 const loadingView = (
@@ -138,15 +139,32 @@ class App extends React.Component {
       const redirectUrl = encodeURI(window.location.href);
       const pageURL = window.location.pathname;
       const lastURLSegment = pageURL.substr(pageURL.lastIndexOf('/') + 1);
-      if (lastURLSegment !== 'login') {
+      getUiConfig(config).then(uiConfig => {
-        window.location.href =
+        if (uiConfig !== undefined) {
-          window.location.origin + `/store/login?redirect=${redirectUrl}`;
+          if (uiConfig.isSsoEnable) {
-      } else {
+            window.location =
-        this.setState({
+              window.location.origin +
-          loading: false,
+              config.serverConfig.ssoLoginUri +
-          config: config,
+              '?redirect=' +
-        });
+              window.location.origin +
-      }
+              pageURL;
+          } else if (lastURLSegment !== 'login') {
+            window.location.href =
+              window.location.origin +
+              `/${config.appName}/login?redirect=${redirectUrl}`;
+          } else {
+            this.setState({
+              loading: false,
+              config: config,
+            });
+          }
+        } else {
+          this.setState({
+            loading: false,
+            error: true,
+          });
+        }
+      });
     } else {
       this.setState({
         loading: false,

components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/scenes/Home/components/Logout/index.js

@@ -22,6 +22,7 @@ import { Menu } from 'antd';
 import axios from 'axios';
 import { withConfigContext } from '../../../../components/context/ConfigContext';
 import { handleApiError } from '../../../../services/utils/errorHandler';
+import { getUiConfig } from '../../../../services/utils/uiConfigHandler';
 
 /*
 This class for call the logout api by sending request
@@ -45,20 +46,34 @@ class Logout extends React.Component {
       inValid: false,
     });
 
-    axios
+    let logoutUri;
-      .post(window.location.origin + config.serverConfig.logoutUri)
+    getUiConfig(config).then(uiConfig => {
-      .then(res => {
+      if (uiConfig !== undefined) {
-        // if the api call status is correct then user will logout and then it goes to login page
+        if (uiConfig.isSsoEnable) {
-        if (res.status === 200) {
+          logoutUri = window.location.origin + config.serverConfig.ssoLogoutUri;
-          window.location = window.location.origin + '/store/login';
+        } else {
+          logoutUri = window.location.origin + config.serverConfig.logoutUri;
         }
-      })
+        axios
-      .catch(function(error) {
+          .post(logoutUri)
-        handleApiError(
+          .then(res => {
-          error,
+            // if the api call status is correct then user
-          'Error occurred while trying to get your review.',
+            // will logout and then it goes to login page
-        );
+            if (res.status === 200) {
-      });
+              window.location =
+                window.location.origin + `/${config.appName}/login`;
+            }
+          })
+          .catch(function(error) {
+            handleApiError(error, 'Error occurred while trying to logout.');
+          });
+      } else {
+        this.setState({
+          loading: false,
+          error: true,
+        });
+      }
+    });
   };
 
   render() {

components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/services/utils/uiConfigHandler.js

@@ -0,0 +1,40 @@
+/*
+ * Copyright (C) 2020. Entgra (Pvt) Ltd, https://entgra.io
+ * All Rights Reserved.
+ *
+ * Unauthorized copying/redistribution of this file, via any medium
+ * is strictly prohibited.
+ * Proprietary and confidential.
+ *
+ *  Licensed under the Entgra Commercial License,
+ *  Version 1.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *
+ *  Unless required by applicable law or agreed to in writing,
+ *  software distributed under the License is distributed on an
+ *  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ *  KIND, either express or implied.  See the License for the
+ *  specific language governing permissions and limitations
+ *  under the License.
+ *
+ *  You may obtain a copy of the License at
+ *  https://entgra.io/licenses/entgra-commercial/1.0
+ */
+
+import axios from 'axios';
+import { notification } from 'antd';
+
+export const getUiConfig = config => {
+  return axios
+    .get(window.location.origin + config.serverConfig.appUiConfigUri)
+    .then(res => {
+      return res.data;
+    })
+    .catch(error => {
+      notification.error({
+        message: 'There was a problem',
+        duration: 0,
+        description: 'Error occurred while trying to load UI configurations.',
+      });
+    });
+};