feat(universalLogin): redirect to QuartzLoginURL on invalid session (#5915)

* feat(universalLogin): redirect to QuartzLoginURL on invalid session

* fix: correctly use .then

* fix: add error handler back

* fix: import using require

* fix: prettier

Author: ChitlangeSahas

package.json

@@ -52,7 +52,7 @@
     "cy": "CYPRESS_dexUrl=https://$INGRESS_HOST:$PORT_HTTPS CYPRESS_baseUrl=http://localhost:9999 cypress open",
     "cy:dev": "source ../monitor-ci/.env && CYPRESS_dexUrl=CLOUD CYPRESS_baseUrl=https://$INGRESS_HOST:$PORT_HTTPS cypress open --config testFiles='{cloud,shared}/**/*.*'",
     "cy:dev-oss": "source ../monitor-ci/.env && CYPRESS_dexUrl=OSS CYPRESS_baseUrl=https://$INGRESS_HOST:$PORT_HTTPS cypress open --config testFiles='{oss,shared}/**/*.*'",
-    "generate": "export SHA=e1f962c76616d830c2f819a3783ae217a799ce61 && export REMOTE=https://raw.githubusercontent.com/influxdata/openapi/${SHA}/ && yarn generate-meta",
+    "generate": "export SHA=b320a258a7a908662c3f36f73a9e5673d60700d5 && export REMOTE=https://raw.githubusercontent.com/influxdata/openapi/${SHA}/ && yarn generate-meta",
     "generate-local": "export REMOTE=../openapi/ && yarn generate-meta",
     "generate-local-cloud": "export REMOTE=../openapi/ && yarn generate-meta-cloud",
     "generate-meta": "if [ -z \"${CLOUD_URL}\" ]; then yarn generate-meta-oss; else yarn generate-meta-cloud; fi",

src/onboarding/containers/LoginPage.tsx

@@ -17,9 +17,16 @@ import {fetchIdentity, fetchLegacyIdentity} from 'src/identity/apis/auth'
 // Components
 import ErrorBoundary from 'src/shared/components/ErrorBoundary'
 import LoginPageContents from 'src/onboarding/containers/LoginPageContents'
-import {CLOUD, CLOUD_QUARTZ_URL} from 'src/shared/constants'
+import {CLOUD} from 'src/shared/constants'
 import {isFlagEnabled} from 'src/shared/utils/featureFlag'
 
+let getQuartzLoginUrl
+
+if (CLOUD) {
+  getQuartzLoginUrl =
+    require('src/client/uiproxydRoutes').getUiproxyQuartzLoginUrl
+}
+
 const EMPTY_HISTORY_STACK_LENGTH = 2
 
 export const LoginPage: FC = () => {
@@ -56,10 +63,13 @@ export const LoginPage: FC = () => {
   } else {
     if (isFlagEnabled('universalLogin')) {
       if (CLOUD) {
-        const url = new URL(`${CLOUD_QUARTZ_URL}`).href
-
-        console.warn('Redirect to cloud url: ', url)
-        window.location.replace(url)
+        getQuartzLoginUrl({})
+          .then(response => {
+            const redirectUrl = response.data
+            console.warn('Redirect to cloud url: ', redirectUrl)
+            window.location.replace(redirectUrl)
+          })
+          .catch(error => console.error(error))
         return
       }
     }