mario-teacher-student-client 2.2.5-beta → 2.2.6-beta

package/dist/containers/Surveys/apiClient/surveyService.d.ts

@@ -11,3 +11,4 @@ export declare const getSurveyCountStudent: () => Promise<import("axios").AxiosR
 export declare const getAllEduTeacher: () => Promise<import("axios").AxiosResponse<any>>;
 export declare const shareSurvey: (data: any) => void;
 export declare const updateSurvey: (surveyId: number, model: any) => Promise<import("axios").AxiosResponse<any>>;
+export declare const getListExternal: (surveyId: number, params: any) => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/Surveys/components/ExternalSurveyList.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ExternalSurveyList: () => JSX.Element;
+export default ExternalSurveyList;

package/dist/containers/Surveys/components/StepComponents/ConfirmShareSurvey.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MODEL_CONFIRM_SURVEY } from "../../constants/types";
+declare const ConfirmShareSurvey: ({ open, handleClose, onOpenModelExternal }: MODEL_CONFIRM_SURVEY) => JSX.Element;
+export default ConfirmShareSurvey;

package/dist/containers/Surveys/constants/tableColumn.d.ts

@@ -75,3 +75,14 @@ export declare const tableActionNeedSurvey: ({
     sortName: null;
     align: string;
 })[];
+export declare const tableExternalSurvey: ({
+    name: string;
+    tableWidth: number;
+    sortName: string;
+    align: string;
+} | {
+    name: string;
+    tableWidth: number;
+    sortName: null;
+    align: string;
+})[];

package/dist/containers/Surveys/constants/types.d.ts

@@ -269,6 +269,7 @@ export interface MODEL_CONFIRM_SURVEY {
     handleEnterAddSender?: Function;
     emailContent?: string;
     handleChangeEmailContent?: Function;
+    onOpenModelExternal?: Function;
 }
 export interface EDU_TEACHER {
     email: string;
@@ -281,3 +282,17 @@ export interface EDU_TEACHER {
     profileImageFileName: string;
     isSelected?: boolean;
 }
+export interface EXTERNAL_SURVEY {
+    id: number;
+    email: string;
+    startTime: string;
+    isDone: boolean;
+    status: string;
+}
+export interface EXTERNAL_RES {
+    items: EXTERNAL_SURVEY;
+    currentPage: number;
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+}

package/dist/containers/Surveys/hook/useCreateSurvey.d.ts

@@ -56,5 +56,7 @@ declare const useListSurveyDetail: () => {
     emailContent: string;
     handleShareSurvey: () => Promise<void>;
     handleDeleteEmail: (email: string) => void;
+    handleToggleModelConfirmShare: () => void;
+    openModelConfirmShare: boolean;
 };
 export default useListSurveyDetail;

package/dist/containers/Surveys/hook/useExternalSurvey.d.ts

@@ -15,5 +15,7 @@ declare const useExternalSurvey: ({ surveyId }: PropsCustomHook) => {
     emailContent: string;
     handleShareSurvey: () => Promise<void>;
     handleDeleteEmail: (email: string) => void;
+    handleToggleModelConfirmShare: () => void;
+    openModelConfirmShare: boolean;
 };
 export default useExternalSurvey;

package/dist/containers/Surveys/hook/useExternalSurveyList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FILTER_SURVEY, EXTERNAL_SURVEY } from "../constants/types";
+declare const useExternalSurveyList: () => {
+    filters: FILTER_SURVEY;
+    inputSearch: import("react").MutableRefObject<any>;
+    externalSurveys: EXTERNAL_SURVEY[];
+    handleSort: (e: string) => void;
+    handleChangeInputSearch: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleViewExternalResult: () => void;
+};
+export default useExternalSurveyList;

package/dist/containers/Surveys/hook/useListSurveyDetail.d.ts

@@ -13,7 +13,7 @@ declare const useListSurveyDetail: ({ type }: SURVEY_STUDENT_PROPS) => {
     dayLeftCellBgColor: (dayLeft: number) => "" | "bg-red" | "bg-green" | "bg-yellow";
     handleStartSurvey: (surveyId: number, studentId: number) => void;
     goToBookSession: (studentId: number, surveyId: number) => void;
-    handleShowSession: (status: string, schedule: string, isDone: boolean) => false | "Completed" | "Not Required" | "No Response yet" | "Scheduled";
+    handleShowSession: (status: string, schedule: string, isDone: boolean) => false | "Completed" | "Scheduled" | "No Response yet";
     sessionBackground: (point: number | null) => "bg-red" | "bg-green" | "bg-yellow";
 };
 export default useListSurveyDetail;

package/dist/index.js

@@ -14311,7 +14311,8 @@ var ShareSurveyDialog = function ShareSurveyDialog(_ref) {
     },
     renderInput: function renderInput(params) {
       return React__default.createElement(core.TextField, Object.assign({}, params, {
-        variant: "outlined"
+        variant: "outlined",
+        placeholder: "Select teacher to share"
       }));
     }
   })), React__default.createElement(core.Grid, {
@@ -61952,6 +61953,11 @@ var shareSurvey$1 = function shareSurvey(data) {
 var updateSurvey$1 = function updateSurvey(surveyId, model) {
   return marioCore.api.put(SURVEY_API + "/setting-survey/" + surveyId, model);
 };
+var getListExternal = function getListExternal(surveyId, params) {
+  return marioCore.api.get(SURVEY_API + "/external/" + surveyId, {
+    params: params
+  });
+};
 
 var STEP_MODEL = ["Select student", "Create a survey", "Review"];
 var lableStep = function lableStep(activeStep) {
@@ -62721,7 +62727,7 @@ var useListSurveyDetail = function useListSurveyDetail(_ref) {
 
   var handleShowSession = function handleShowSession(status, schedule, isDone) {
     if (status === "Completed") {
-      return "Not Required";
+      return "Scheduled";
     } else if (status === "Pending") {
       return "No Response yet";
     } else if (status === "ActionNeed" && !!schedule) {
@@ -63025,6 +63031,27 @@ var tableActionNeedSurvey = [{
   sortName: null,
   align: "center"
 }];
+var tableExternalSurvey = [{
+  name: "External email",
+  tableWidth: 45,
+  sortName: "email",
+  align: "left"
+}, {
+  name: "Start time",
+  tableWidth: 25,
+  sortName: "startTime",
+  align: "left"
+}, {
+  name: "Status",
+  tableWidth: 20,
+  sortName: "status",
+  align: "center"
+}, {
+  name: "",
+  tableWidth: 10,
+  sortName: null,
+  align: "center"
+}];
 
 var AllStudentSurvey = function AllStudentSurvey() {
   var _useListSurveyDetail = useListSurveyDetail({
@@ -63404,6 +63431,145 @@ var ActionNeededSurvey = function ActionNeededSurvey() {
   }));
 };
 
+var useExternalSurveyList = function useExternalSurveyList() {
+  var dispatch = reactRedux.useDispatch();
+  var history = reactRouterDom.useHistory();
+
+  var _useParams = reactRouterDom.useParams(),
+      id = _useParams.id;
+
+  var _useState = React.useState(initialFilterSurvey),
+      filters = _useState[0],
+      setFilters = _useState[1];
+
+  var _useState2 = React.useState([]),
+      externalSurveys = _useState2[0],
+      setExternalSurveys = _useState2[1];
+
+  var inputSearch = React.useRef(null);
+
+  var changeFilters = function changeFilters(updatedFilters) {
+    return setFilters(_extends({}, filters, updatedFilters));
+  };
+
+  var handleChangeInputSearch = function handleChangeInputSearch(e) {
+    var inputValue = e.target.value;
+
+    if (!!inputSearch.current) {
+      clearTimeout(inputSearch.current);
+    }
+
+    inputSearch.current = setTimeout(function () {
+      changeFilters({
+        searchString: inputValue,
+        currentPage: 1
+      });
+    }, 800);
+  };
+
+  var handleSort = function handleSort(e) {
+    changeFilters({
+      sortOrder: filters.sortOrder === "DESC" ? "ASC" : "DESC",
+      sortBy: e
+    });
+  };
+
+  var handleViewExternalResult = function handleViewExternalResult() {
+    history.push("");
+  };
+
+  var getExternalList = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getListExternal(id, filters)).then(function (res) {
+          var _res$data;
+
+          setExternalSurveys((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.items);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [filters]);
+  React.useEffect(function () {
+    getExternalList();
+  }, [filters]);
+  return {
+    filters: filters,
+    inputSearch: inputSearch,
+    externalSurveys: externalSurveys,
+    handleSort: handleSort,
+    handleChangeInputSearch: handleChangeInputSearch,
+    handleViewExternalResult: handleViewExternalResult
+  };
+};
+
+var ExternalSurveyList = function ExternalSurveyList() {
+  var _useExternalSurveyLis = useExternalSurveyList(),
+      inputSearch = _useExternalSurveyLis.inputSearch,
+      filters = _useExternalSurveyLis.filters,
+      handleChangeInputSearch = _useExternalSurveyLis.handleChangeInputSearch,
+      handleSort = _useExternalSurveyLis.handleSort,
+      externalSurveys = _useExternalSurveyLis.externalSurveys;
+
+  return React__default.createElement(core.Grid, null, React__default.createElement(core.Box, {
+    pl: 3,
+    pr: 3
+  }, React__default.createElement(CustomFilterComponent, {
+    handleChangeInputSearch: handleChangeInputSearch,
+    filters: filters,
+    inputSearch: inputSearch,
+    placeholderSearch: "Search email"
+  })), React__default.createElement(core.TableContainer, null, React__default.createElement(core.Table, {
+    "aria-label": "simple table",
+    className: "" + styles$O["table-border"]
+  }, React__default.createElement(core.TableHead, null, React__default.createElement(TableCells, {
+    listTableCell: tableExternalSurvey,
+    filters: filters,
+    handleSort: handleSort
+  })), React__default.createElement(core.TableBody, null, (externalSurveys === null || externalSurveys === void 0 ? void 0 : externalSurveys.length) > 0 && externalSurveys.map(function (r) {
+    return React__default.createElement(core.TableRow, {
+      className: "" + styles$O["table-row"],
+      key: r.id
+    }, React__default.createElement(core.TableCell, {
+      align: "left",
+      className: "" + styles$O["row_name"]
+    }, r.email), React__default.createElement(core.TableCell, {
+      align: "left",
+      className: "" + styles$O["row_name"]
+    }, !!r.startTime && React__default.createElement(ConvertTime, {
+      time: r.startTime
+    })), React__default.createElement(core.TableCell, {
+      align: "left",
+      className: "" + styles$O["row_name"]
+    }, r.status), React__default.createElement(core.TableCell, {
+      align: "center",
+      component: "th",
+      scope: "row",
+      height: 80,
+      className: "" + styles$O["table-class-type"]
+    }, React__default.createElement(core.Button, {
+      variant: "contained",
+      className: "" + styles$O["btn-open"]
+    }, React__default.createElement(ArrowForwardIcon, null))));
+  })))));
+};
+
 var ListSurveyDetail = function ListSurveyDetail(props) {
   var renderTab = function renderTab() {
     if (props.tab.includes("ALL")) {
@@ -63422,6 +63588,10 @@ var ListSurveyDetail = function ListSurveyDetail(props) {
       return React__default.createElement(ActionNeededSurvey, null);
     }
 
+    if (props.tab.includes("EXTERNAL")) {
+      return React__default.createElement(ExternalSurveyList, null);
+    }
+
     return React__default.createElement("div", null);
   };
 
@@ -63483,6 +63653,9 @@ var useSurveyDetail = function useSurveyDetail() {
           }, {
             label: "ACTION NEEDED",
             count: "[" + data.actionNeedCount + "]"
+          }, {
+            label: "EXTERNAL",
+            count: "[" + data.externalCount + "]"
           }]);
         });
       }, function (err) {
@@ -63586,11 +63759,20 @@ var useExternalSurvey = function useExternalSurvey(_ref) {
       emailContent = _useState5[0],
       setEmailContent = _useState5[1];
 
+  var _useState6 = React.useState(false),
+      openModelConfirmShare = _useState6[0],
+      setOpenModelConfirmShare = _useState6[1];
+
   var handleToggleModelShare = function handleToggleModelShare() {
     if (openModelShare) history.push("/list-survey");
     setOpenModelShare(!openModelShare);
   };
 
+  var handleToggleModelConfirmShare = function handleToggleModelConfirmShare() {
+    if (openModelConfirmShare) history.push("/list-survey");
+    setOpenModelConfirmShare(!openModelConfirmShare);
+  };
+
   var handleToggleSuggestedTeacher = function handleToggleSuggestedTeacher(teacherId, isChecked) {
     var teacherIndex = listEduTeacher.findIndex(function (r) {
       return r.generalEducationTeacherId === teacherId;
@@ -63729,7 +63911,9 @@ var useExternalSurvey = function useExternalSurvey(_ref) {
     handleChangeEmailContent: handleChangeEmailContent,
     emailContent: emailContent,
     handleShareSurvey: handleShareSurvey,
-    handleDeleteEmail: handleDeleteEmail
+    handleDeleteEmail: handleDeleteEmail,
+    handleToggleModelConfirmShare: handleToggleModelConfirmShare,
+    openModelConfirmShare: openModelConfirmShare
   };
 };
 
@@ -63800,7 +63984,9 @@ var useListSurveyDetail$1 = function useListSurveyDetail() {
       handleChangeEmailContent = _useExternalSurvey.handleChangeEmailContent,
       emailContent = _useExternalSurvey.emailContent,
       handleShareSurvey = _useExternalSurvey.handleShareSurvey,
-      handleDeleteEmail = _useExternalSurvey.handleDeleteEmail;
+      handleDeleteEmail = _useExternalSurvey.handleDeleteEmail,
+      handleToggleModelConfirmShare = _useExternalSurvey.handleToggleModelConfirmShare,
+      openModelConfirmShare = _useExternalSurvey.openModelConfirmShare;
 
   var handleToggleModelConfirm = function handleToggleModelConfirm() {
     setOpenModelConfirmPublish(!openModelConfirmPublish);
@@ -64145,7 +64331,7 @@ var useListSurveyDetail$1 = function useListSurveyDetail() {
         }))).then(function (res) {
           setSurveyId(res.data.id);
           localStorage.removeItem("dataFormSurvey");
-          handleToggleModelShare();
+          handleToggleModelConfirmShare();
           dispatch(marioCore.setAlert({
             type: "success",
             message: "Publish survey success"
@@ -64254,7 +64440,9 @@ var useListSurveyDetail$1 = function useListSurveyDetail() {
     handleChangeEmailContent: handleChangeEmailContent,
     emailContent: emailContent,
     handleShareSurvey: handleShareSurvey,
-    handleDeleteEmail: handleDeleteEmail
+    handleDeleteEmail: handleDeleteEmail,
+    handleToggleModelConfirmShare: handleToggleModelConfirmShare,
+    openModelConfirmShare: openModelConfirmShare
   };
 };
 
@@ -64910,7 +65098,7 @@ var ModelSendSurvey = function ModelSendSurvey(_ref) {
     className: "" + styles$O["box-email-content"]
   }, React__default.createElement(core.Typography, {
     className: "" + styles$O["title-content"]
-  }, "Add sender"), React__default.createElement(lab.Autocomplete, {
+  }, "External email"), React__default.createElement(lab.Autocomplete, {
     multiple: true,
     freeSolo: true,
     id: "tags-filled",
@@ -64931,6 +65119,7 @@ var ModelSendSurvey = function ModelSendSurvey(_ref) {
       return React__default.createElement(core.TextField, Object.assign({}, params, {
         variant: "outlined",
         value: textValueSender,
+        placeholder: "Enter external email",
         onKeyUp: function onKeyUp(event) {
           if (event.key === "Enter") handleEnterAddSender === null || handleEnterAddSender === void 0 ? void 0 : handleEnterAddSender();
         },
@@ -64997,7 +65186,36 @@ var ConfirmPublishSurvey = function ConfirmPublishSurvey(_ref) {
       return handlePublishSurvey === null || handlePublishSurvey === void 0 ? void 0 : handlePublishSurvey();
     },
     className: "" + styles$O["btn-send-survey"]
-  }, "SEND SURVEY")));
+  }, "PUBLISH SURVEY")));
+};
+
+var ConfirmShareSurvey = function ConfirmShareSurvey(_ref) {
+  var open = _ref.open,
+      handleClose = _ref.handleClose,
+      onOpenModelExternal = _ref.onOpenModelExternal;
+  return React__default.createElement(core.Dialog, {
+    open: open,
+    onClose: function onClose() {
+      return handleClose();
+    },
+    className: "" + styles$O["model-confirm-publish"]
+  }, React__default.createElement(core.DialogTitle, null, React__default.createElement(core.Typography, {
+    className: "" + styles$O["dialog-title"]
+  }, "Do you want to share a survey to Teachers?")), React__default.createElement(core.DialogContent, null, React__default.createElement(core.Typography, {
+    className: "" + styles$O["content-confirm-model"]
+  }, "You can share this survey to teachers to get more insight about your student.")), React__default.createElement(core.DialogActions, null, React__default.createElement(core.Button, {
+    className: "" + styles$O["btn-cancel"],
+    onClick: function onClick() {
+      return handleClose();
+    }
+  }, "SKIP"), React__default.createElement(core.Button, {
+    color: "primary",
+    endIcon: React__default.createElement(SendIcon, null),
+    onClick: function onClick() {
+      return onOpenModelExternal === null || onOpenModelExternal === void 0 ? void 0 : onOpenModelExternal();
+    },
+    className: "" + styles$O["btn-send-survey"]
+  }, "YES")));
 };
 
 var CreateSurvey = function CreateSurvey() {
@@ -65054,7 +65272,9 @@ var CreateSurvey = function CreateSurvey() {
       handleChangeEmailContent = _useCreateSurvey.handleChangeEmailContent,
       emailContent = _useCreateSurvey.emailContent,
       handleShareSurvey = _useCreateSurvey.handleShareSurvey,
-      handleDeleteEmail = _useCreateSurvey.handleDeleteEmail;
+      handleDeleteEmail = _useCreateSurvey.handleDeleteEmail,
+      handleToggleModelConfirmShare = _useCreateSurvey.handleToggleModelConfirmShare,
+      openModelConfirmShare = _useCreateSurvey.openModelConfirmShare;
 
   var goback = function goback() {
     history.push("/list-survey");
@@ -65144,6 +65364,10 @@ var CreateSurvey = function CreateSurvey() {
     open: openModelConfirmPublish,
     handleClose: handleToggleModelConfirm,
     handlePublishSurvey: handleCreateSurvey
+  }), React__default.createElement(ConfirmShareSurvey, {
+    open: openModelConfirmShare,
+    handleClose: handleToggleModelConfirmShare,
+    onOpenModelExternal: handleToggleModelShare
   }), React__default.createElement(ModelSendSurvey, {
     handleClose: handleToggleModelShare,
     open: openModelShare,