fix: issue 133 (#203)

* <fix> issue_133

* <fix> issue_133 - code updated

Author: flaming-cl

src/actions/auth.js

@@ -4,10 +4,11 @@
  */
 
 import { createActions } from "redux-actions";
-import { decodeToken } from "../utils/token";
+import { decodeToken, readCookie } from "../utils/token";
 import { getApiV3, getApiV5 } from "../services/challenge-api";
 import { setErrorIcon, ERROR_ICON_TYPES } from "../utils/errors";
 import { getAuthUserTokens } from "@topcoder/micro-frontends-navbar-app";
+import { TOKEN_COOKIE_KEYS } from "../constants/index";
 
 /**
  * Helper method that checks for HTTP error response v5 and throws Error in this case.
@@ -83,11 +84,27 @@ async function setAuthDone() {
   return user;
 }
 
+/**
+ * @static
+ * @desc Check token cookies to find if a user is logged out:
+ * This is because all the token cookies are cleared if a user is logged out.
+ * @return {Action}
+ */
+function checkIsLoggedOut() {
+  const tokenKeys = Object.keys(TOKEN_COOKIE_KEYS);
+  const isLoggedOut = _.every(
+    tokenKeys,
+    (k) => readCookie(TOKEN_COOKIE_KEYS[k]) === undefined
+  );
+  return { isLoggedOut };
+}
+
 export default createActions({
   AUTH: {
     LOAD_PROFILE: loadProfileDone,
     SET_TC_TOKEN_V2: setTcTokenV2,
     SET_TC_TOKEN_V3: setTcTokenV3,
     SET_AUTH_DONE: setAuthDone,
+    CHECK_IS_LOGGED_OUT: checkIsLoggedOut,
   },
 });

src/constants/index.js

@@ -96,3 +96,9 @@ export const COMPETITION_TRACKS = {
   DEV: "Development",
   QA: "Quality Assurance",
 };
+
+export const TOKEN_COOKIE_KEYS = {
+  V3JWT: "v3jwt",
+  TCJWT: "tcjwt",
+  TCSSO: "tcsso",
+};

src/containers/Submission/index.jsx

@@ -5,6 +5,7 @@ import { navigate } from "@reach/router";
 import { PrimaryButton } from "components/Buttons";
 import AccessDenied from "components/AccessDenied";
 import LoadingIndicator from "components/LoadingIndicator";
+import { login } from "@topcoder/micro-frontends-navbar-app";
 import { ACCESS_DENIED_REASON, CHALLENGES_URL } from "../../constants";
 import Submit from "./Submit";
 import actions from "../../actions";
@@ -25,6 +26,7 @@ const Submission = ({
   getCommunityList,
   isLoadingChallenge,
   isChallengeLoaded,
+
   track,
   agreed,
   filePickers,
@@ -47,6 +49,7 @@ const Submission = ({
   setFilePickerUploadProgress,
   setFilePickerDragged,
   setSubmissionFilestackData,
+  checkIsLoggedOut,
   setAuth,
 }) => {
   const propsRef = useRef();
@@ -93,8 +96,14 @@ const Submission = ({
   }
 
   const handleSubmit = async (data) => {
-    const registered = await getIsRegistered(challengeId, userId);
-    if (registered) submit(data);
+    const isLoggedOut = checkIsLoggedOut();
+    if (isLoggedOut) {
+      window.sessionStorage && window.sessionStorage.clear();
+      login();
+    } else {
+      const registered = await getIsRegistered(challengeId, userId);
+      if (registered) submit(data);
+    }
   };
 
   return (
@@ -170,6 +179,7 @@ Submission.propTypes = {
   setFilePickerDragged: PT.func,
   setSubmissionFilestackData: PT.func,
   setAuth: PT.func,
+  checkIsLoggedOut: PT.func,
 };
 
 const mapStateToProps = (state, ownProps) => {
@@ -215,8 +225,14 @@ const mapDispatchToProps = (dispatch) => {
     setAuth: () => {
       dispatch(actions.auth.setAuthDone());
     },
+    checkIsLoggedOut: () => {
+      const action = dispatch(actions.auth.checkIsLoggedOut());
+      return action?.payload?.isLoggedOut;
+    },
     getIsRegistered: async (challengeId, userId) => {
-      const action = await dispatch(actions.challenge.getIsRegistered(challengeId, userId));
+      const action = await dispatch(
+        actions.challenge.getIsRegistered(challengeId, userId)
+      );
       return action?.payload?.isRegistered;
     },
     getChallenge: (challengeId) => {

src/utils/token.js

@@ -87,6 +87,6 @@ function parseCookie(cookie) {
   );
 }
 
-function readCookie(name) {
+export function readCookie(name) {
   return parseCookie(document.cookie)[name];
 }