From ee9dc30805d844b15ca7885c05ceacc2cd72d49c Mon Sep 17 00:00:00 2001
From: yoution <zhuyan207@gmail.com>
Date: Sat, 23 Oct 2021 19:30:13 +0800
Subject: [PATCH 1/2] fix: issue #523

---
 src/constants/index.js              | 13 ++++
 src/root.component.jsx              |  2 +
 src/routes/SchedulingPage/index.jsx | 73 ++++++++++++++++++++++
 src/services/scheduler.js           | 96 +++++++++++++++++++++++++++++
 4 files changed, 184 insertions(+)
 create mode 100644 src/routes/SchedulingPage/index.jsx
 create mode 100644 src/services/scheduler.js

diff --git a/src/constants/index.js b/src/constants/index.js
index ff52aac..072b023 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -48,6 +48,19 @@ export const POSITION_STATUS = {
   CANCELLED: "cancelled",
 };
 
+/**
+ * Interview related constants
+ */
+export const INTERVIEW_STATUS = {
+  SCHEDULING: "Scheduling",
+  SCHEDULED: "Scheduled",
+  REQUESTEDFORRESCHEDULE: "Requested for reschedule",
+  RESCHEDULED: "Rescheduled",
+  COMPLETED: "Completed",
+  CANCELLED: "Cancelled",
+  EXPIRED: "Expired",
+};
+
 /**
  * Mapping between position status "server value" and human readable value
  */
diff --git a/src/root.component.jsx b/src/root.component.jsx
index 9c89234..159e979 100644
--- a/src/root.component.jsx
+++ b/src/root.component.jsx
@@ -19,6 +19,7 @@ import InputSkills from "./routes/CreateNewTeam/pages/InputSkills";
 import InputJobDescription from "./routes/CreateNewTeam/pages/InputJobDescription";
 import SelectRole from "./routes/CreateNewTeam/pages/SelectRole";
 import CreateTaasPayment from "./routes/CreateNewTeam/pages/CreateTaasPayment";
+import SchedulingPage from "./routes/SchedulingPage";
 import ReduxToastr from "react-redux-toastr";
 import store from "./store";
 import "./styles/main.vendor.scss";
@@ -50,6 +51,7 @@ export default function Root() {
             <InputSkills path="skills/*" />
             <SelectRole path="role/*" />
           </CreateNewTeam>
+          <SchedulingPage path="/taas/interview/:interviewId" />
         </Router>
 
         {/* Global config for Toastr popups */}
diff --git a/src/routes/SchedulingPage/index.jsx b/src/routes/SchedulingPage/index.jsx
new file mode 100644
index 0000000..36cc412
--- /dev/null
+++ b/src/routes/SchedulingPage/index.jsx
@@ -0,0 +1,73 @@
+/**
+ * Scheduling Page
+ *
+ * Allows users to set up bookings for an interview in Nylas
+ */
+import React, { useEffect, useState } from "react";
+import { getAuthUserProfile } from "@topcoder/micro-frontends-navbar-app";
+import _ from "lodash";
+import Page from "components/Page";
+import LoadingIndicator from "components/LoadingIndicator";
+import PageHeader from "components/PageHeader";
+import { getInterview } from "services/scheduler";
+import { INTERVIEW_STATUS } from "constants";
+import withAuthentication from "../../hoc/withAuthentication";
+
+const SchedulingPage = ({ interviewId }) => {
+  const [schedulingPageUrl, setSchedulingPageUrl] = useState(null);
+  const [errorMessage, setErrorMessage] = useState(null);
+
+  // if there are some candidates to review, then show "To Review" tab by default
+  useEffect(() => {
+    getAuthUserProfile()
+      .then((res) => {
+        return {
+          firstName: res.firstName,
+          lastName: res.lastName,
+          email: res.email,
+        };
+      })
+      .then((profile) => {
+        getInterview(interviewId)
+          .then(({ data }) => {
+            if (
+              data.status === INTERVIEW_STATUS.SCHEDULED ||
+              data.status === INTERVIEW_STATUS.RESCHEDULED
+            ) {
+              setSchedulingPageUrl(
+                `https://schedule.nylas.com/${data.nylasPageSlug}?email=${
+                  profile.email
+                }&name=${encodeURI(
+                  profile.firstName + " " + profile.lastName
+                )}&prefilled_readonly=true`
+              );
+            } else {
+              setErrorMessage("No interviews scheduled");
+            }
+          })
+          .catch((err) => {
+            setErrorMessage(err);
+          });
+      });
+  }, [interviewId]);
+
+  return (
+    <Page title="Schedule Interview">
+      {!schedulingPageUrl ? (
+        <LoadingIndicator error={errorMessage} />
+      ) : (
+        <>
+          <PageHeader title="Schedule Interview" />
+          <iframe
+            title="Nylas Scheduling Page"
+            src={schedulingPageUrl}
+            width="1020"
+            height="900"
+          />
+        </>
+      )}
+    </Page>
+  );
+};
+
+export default withAuthentication(SchedulingPage);
diff --git a/src/services/scheduler.js b/src/services/scheduler.js
new file mode 100644
index 0000000..6460d4d
--- /dev/null
+++ b/src/services/scheduler.js
@@ -0,0 +1,96 @@
+/* global process */
+
+/**
+ * Scheduler Service
+ */
+import { axiosInstance as axiosWrapper } from "./requestInterceptor";
+import axios from "axios";
+import jwt from "jsonwebtoken";
+import config from "../../config";
+
+/**
+ * Initializes the Scheduler
+ * @param {Object} profile the logged in user and candidate profile
+ */
+export function initializeScheduler(profile) {
+  return axiosWrapper.post(
+    `${config.INTERVIEW_SCHEDULER_URL}/authorize`,
+    profile
+  );
+}
+
+/**
+ * Gets the scheduling page url
+ * @param {Object} page The scheduling page
+ * @param {Object} profile The customer and candidate details
+ * @returns Promise
+ */
+export function scheduleInterview(page, profile) {
+  return axiosWrapper.post(`${config.INTERVIEW_SCHEDULER_URL}/interview`, {
+    schedulingPage: page,
+    ...profile,
+  });
+}
+
+/**
+ * Returns the interview page url for the given interview
+ * @param {String} interviewId The interview id
+ * @returns Promise
+ */
+export function getInterview(interviewId) {
+  return axiosWrapper.get(`${config.API.V5}/getInterview/${interviewId}`);
+}
+
+/**
+ * Updates a scheduling page
+ * @param {Number} pageId The scheduling page id
+ * @param {Object} page The scheduling page
+ * @param {String} editToken The auth token
+ * @returns Promise
+ */
+export function editSchedulingPage(pageId, page, editToken) {
+  return axios.put(`${config.NYLAS_API_URL}/manage/pages/${pageId}`, page, {
+    headers: {
+      Authorization: `Bearer ${editToken}`,
+    },
+  });
+}
+
+/**
+ * Redirects to Nylas Hosted Auth
+ */
+export function redirectToNylasHostedAuth(
+  pageId,
+  pageEditToken,
+  candidateId,
+  path
+) {
+  const clientId = process.env.NYLAS_CLIENT_ID;
+  const redirectUri = `${config.INTERVIEW_SCHEDULER_URL}/oauth/callback`;
+  const responseType = "code";
+  const scopes = "calendar";
+  const state = jwt.sign(
+    {
+      pageId,
+      candidateId,
+      pageEditToken,
+      path,
+    },
+    "secret"
+  );
+  window.location.href = `https://api.nylas.com/oauth/authorize?client_id=${clientId}&redirect_uri=${redirectUri}&response_type=${responseType}&scopes=${scopes}&state=${state}`;
+}
+
+/**
+ * Fetch the scheduling page details
+ * @param {Number} pageId The scheduling page id
+ * @param {String} editToken The auth token
+ * @returns Promise
+ */
+export function fetchLatestSchedule(pageId, editToken) {
+  return axios.get(`${config.NYLAS_API_URL}/manage/pages/${pageId}`, {
+    headers: {
+      Authorization: `Bearer ${editToken}`,
+    },
+  });
+}

From 70b473e47467f5ba45f23e558934a1925e56d0a7 Mon Sep 17 00:00:00 2001
From: yoution <zhuyan207@gmail.com>
Date: Sat, 23 Oct 2021 20:37:28 +0800
Subject: [PATCH 2/2] fix: issue #523

---
 src/routes/SchedulingPage/index.jsx |  7 +--
 src/services/interviews.js          |  9 +++
 src/services/scheduler.js           | 96 -----------------------------
 3 files changed, 11 insertions(+), 101 deletions(-)
 delete mode 100644 src/services/scheduler.js

diff --git a/src/routes/SchedulingPage/index.jsx b/src/routes/SchedulingPage/index.jsx
index 36cc412..c425945 100644
--- a/src/routes/SchedulingPage/index.jsx
+++ b/src/routes/SchedulingPage/index.jsx
@@ -9,7 +9,7 @@ import _ from "lodash";
 import Page from "components/Page";
 import LoadingIndicator from "components/LoadingIndicator";
 import PageHeader from "components/PageHeader";
-import { getInterview } from "services/scheduler";
+import { getInterview } from "services/interviews";
 import { INTERVIEW_STATUS } from "constants";
 import withAuthentication from "../../hoc/withAuthentication";
 
@@ -30,10 +30,7 @@ const SchedulingPage = ({ interviewId }) => {
       .then((profile) => {
         getInterview(interviewId)
           .then(({ data }) => {
-            if (
-              data.status === INTERVIEW_STATUS.SCHEDULED ||
-              data.status === INTERVIEW_STATUS.RESCHEDULED
-            ) {
+            if (data.status === INTERVIEW_STATUS.SCHEDULING) {
               setSchedulingPageUrl(
                 `https://schedule.nylas.com/${data.nylasPageSlug}?email=${
                   profile.email
diff --git a/src/services/interviews.js b/src/services/interviews.js
index c8b93fe..139d68a 100644
--- a/src/services/interviews.js
+++ b/src/services/interviews.js
@@ -17,3 +17,12 @@ export const confirmInterview = (candidateJobId, data) => {
     data
   );
 };
+
+/**
+ * Returns the interview page url for the given interview
+ * @param {String} interviewId The interview id
+ * @returns Promise
+ */
+export const getInterview = (interviewId) => {
+  return axios.get(`${config.API.V5}/getInterview/${interviewId}`);
+};
diff --git a/src/services/scheduler.js b/src/services/scheduler.js
deleted file mode 100644
index 6460d4d..0000000
--- a/src/services/scheduler.js
+++ /dev/null
@@ -1,96 +0,0 @@
-/* global process */
-
-/**
- * Scheduler Service
- */
-import { axiosInstance as axiosWrapper } from "./requestInterceptor";
-import axios from "axios";
-import jwt from "jsonwebtoken";
-import config from "../../config";
-
-/**
- * Initializes the Scheduler
- * @param {Object} profile the logged in user and candidate profile
- */
-export function initializeScheduler(profile) {
-  return axiosWrapper.post(
-    `${config.INTERVIEW_SCHEDULER_URL}/authorize`,
-    profile
-  );
-}
-
-/**
- * Gets the scheduling page url
- * @param {Object} page The scheduling page
- * @param {Object} profile The customer and candidate details
- * @returns Promise
- */
-export function scheduleInterview(page, profile) {
-  return axiosWrapper.post(`${config.INTERVIEW_SCHEDULER_URL}/interview`, {
-    schedulingPage: page,
-    ...profile,
-  });
-}
-
-/**
- * Returns the interview page url for the given interview
- * @param {String} interviewId The interview id
- * @returns Promise
- */
-export function getInterview(interviewId) {
-  return axiosWrapper.get(`${config.API.V5}/getInterview/${interviewId}`);
-}
-
-/**
- * Updates a scheduling page
- * @param {Number} pageId The scheduling page id
- * @param {Object} page The scheduling page
- * @param {String} editToken The auth token
- * @returns Promise
- */
-export function editSchedulingPage(pageId, page, editToken) {
-  return axios.put(`${config.NYLAS_API_URL}/manage/pages/${pageId}`, page, {
-    headers: {
-      Authorization: `Bearer ${editToken}`,
-    },
-  });
-}
-
-/**
- * Redirects to Nylas Hosted Auth
- */
-export function redirectToNylasHostedAuth(
-  pageId,
-  pageEditToken,
-  candidateId,
-  path
-) {
-  const clientId = process.env.NYLAS_CLIENT_ID;
-  const redirectUri = `${config.INTERVIEW_SCHEDULER_URL}/oauth/callback`;
-  const responseType = "code";
-  const scopes = "calendar";
-  const state = jwt.sign(
-    {
-      pageId,
-      candidateId,
-      pageEditToken,
-      path,
-    },
-    "secret"
-  );
-  window.location.href = `https://api.nylas.com/oauth/authorize?client_id=${clientId}&redirect_uri=${redirectUri}&response_type=${responseType}&scopes=${scopes}&state=${state}`;
-}
-
-/**
- * Fetch the scheduling page details
- * @param {Number} pageId The scheduling page id
- * @param {String} editToken The auth token
- * @returns Promise
- */
-export function fetchLatestSchedule(pageId, editToken) {
-  return axios.get(`${config.NYLAS_API_URL}/manage/pages/${pageId}`, {
-    headers: {
-      Authorization: `Bearer ${editToken}`,
-    },
-  });
-}