mario-teacher-student-client 2.2.4-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.css

@@ -15000,7 +15000,8 @@ h4._3lNz0 {
 .__12h2 {
   padding: 16px;
   border-radius: 50px;
-  width: 100%; }
+  width: 140px;
+  margin: 0 auto !important; }
 
 th > ._3tbAL ._3N7z7 {
   font-size: 1.4rem !important; }
@@ -15149,6 +15150,9 @@ th > ._3tbAL ._3N7z7 {
   ._1Oqku ._2zK6C {
     color: #ffffff; }
 
+._2BJFc {
+  margin-right: 10px; }
+
 ._1Oqku:disabled {
   background: #6b6b6b; }
 

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, {
@@ -61888,7 +61889,7 @@ var CustomHeaderComponent = function CustomHeaderComponent(_ref) {
   }, contentButton), !!iconButton && iconButton)));
 };
 
-var styles$O = {"icon-add-header":"_3msvE","sup-require":"_3cLXA","span-title":"_2zJd0","checked-favorite":"_-DbRo","model-confirm-publish":"_3LneM","btn-cancel":"_3YQho","btn-send-survey":"_17NxN","content-confirm-model":"_xXGSG","dialog-title":"_SCqos","box-email-content":"_I7jVk","title-content":"_2qWnj","input-mail-content":"_2DLVt","list-chip-email":"_1NjUv","box-chip-email":"_LXTJT","chip-email-default":"_3vu3m","chip-email-checked":"_2SfCN","table-desktop":"_1F8xx","data-grid":"_3TDU4","MuiDataGrid-columnSeparator":"_3ig99","block-list-survey":"_U4jvh","box-filter":"_20SVW","block-total":"_2RcnX","filter-select":"_2WWzW","box-filter-left":"_MEKLd","filter-item":"_3KQ0G","btn-favorite-text":"_2HxpA","box-filter-right":"_wfMx1","search-input-icon":"_2pk-H","inputInput":"_TfkuE","table-border":"_OEcTC","time-Date":"_3N7z7","time-Hours-Minute":"_1jOw7","table-row":"_2jcL8","arrow-icon":"_10hwb","table-cell":"_3YpBx","btn-function":"__J0jK","avatar_user":"_2nLvF","data-grid-content":"_3sCAB","row_name":"_2fnqB","innerHtml":"_3r42i","table-class-type":"_3tbAL","btn-open":"_1Vgmy","date-schedule":"_1m1n9","row-status":"_oItGm","pending":"_3Yw4h","replied":"_1zClB","actionneeded":"_2K_LM","actionneed":"_1T4kH","bg-yellow":"_S8XOD","bg-green":"_3M-Iu","bg-red":"_1kk0-","noscheduled":"_Qmz2t","scheduled":"_HLo9e","completed":"_3U4Kw","session":"__12h2","schedule-now":"_w2de6","block-filter":"_3boYk","block-filter-right":"_Jb-VQ","title-filter":"_EkM6A","create-survey-container":"_13Als","box-create-survey":"_3ZeD0","box-form-input":"_2_Lbs","form-input-title":"_2eMwZ","check-box-btn":"_2SP5U","stepper":"_2dIQT","step-label":"_2fUwq","dialog-select-template":"_3N8Q3","icon-btn":"_1rTF7","icon-remove":"_2vYxh","title-btn":"_82x3C","title-box-model":"_3wglS","box-content-select":"_3nfCh","title-content-select":"_1mLDw","description-content-select":"_Hg1l5","box-function":"_3aIy7","cancel_btn":"_33pHa","confirm_btn":"_1Oqku","confirm_btn_title":"_lxY0i","confirm_btn_icon":"_2zK6C","box-function-flex":"_3MS9Q","box-collapse":"_82XGO","box-collapse-top":"_7DXq2","box-collapse-right":"_3ZAAk","collapse-chip":"_3vGgC","collapse-left-title":"_1a4Re","box-collapse-content-item":"_37Ftp","block-review-detail":"_1Lmrp","title-block":"_25k4D","block-content-review":"_2MyxF","box-content":"_2M2ub","block-template-review":"_26NEY","block-template-left":"_lrxw0","name-template-left":"_1ubim","select-right":"_3b0L0","description-template-left":"_1erRk","additional-box":"_3d0rZ","space-content":"_3rWo3","table-title":"_2v5b5","table-status":"_3Zgbw","Close":"_3_Z98","Active":"_1UqNT","box-header-select":"_1wJqN","header-select-name":"_Q-qNa","header-select-icon":"_3UAh4","list-question-select":"_AgPAZ","new-survey":"_3RD_x","title":"_21CPc","box-survey":"_1ikO6","avt-user":"_38Qdy","infor":"_2W6Cn","content-text":"_3fS-4","name":"_2V9ri","time":"_3LxCt"};
+var styles$O = {"icon-add-header":"_3msvE","sup-require":"_3cLXA","span-title":"_2zJd0","checked-favorite":"_-DbRo","model-confirm-publish":"_3LneM","btn-cancel":"_3YQho","btn-send-survey":"_17NxN","content-confirm-model":"_xXGSG","dialog-title":"_SCqos","box-email-content":"_I7jVk","title-content":"_2qWnj","input-mail-content":"_2DLVt","list-chip-email":"_1NjUv","box-chip-email":"_LXTJT","chip-email-default":"_3vu3m","chip-email-checked":"_2SfCN","table-desktop":"_1F8xx","data-grid":"_3TDU4","MuiDataGrid-columnSeparator":"_3ig99","block-list-survey":"_U4jvh","box-filter":"_20SVW","block-total":"_2RcnX","filter-select":"_2WWzW","box-filter-left":"_MEKLd","filter-item":"_3KQ0G","btn-favorite-text":"_2HxpA","box-filter-right":"_wfMx1","search-input-icon":"_2pk-H","inputInput":"_TfkuE","table-border":"_OEcTC","time-Date":"_3N7z7","time-Hours-Minute":"_1jOw7","table-row":"_2jcL8","arrow-icon":"_10hwb","table-cell":"_3YpBx","btn-function":"__J0jK","avatar_user":"_2nLvF","data-grid-content":"_3sCAB","row_name":"_2fnqB","innerHtml":"_3r42i","table-class-type":"_3tbAL","btn-open":"_1Vgmy","date-schedule":"_1m1n9","row-status":"_oItGm","pending":"_3Yw4h","replied":"_1zClB","actionneeded":"_2K_LM","actionneed":"_1T4kH","bg-yellow":"_S8XOD","bg-green":"_3M-Iu","bg-red":"_1kk0-","noscheduled":"_Qmz2t","scheduled":"_HLo9e","completed":"_3U4Kw","session":"__12h2","schedule-now":"_w2de6","block-filter":"_3boYk","block-filter-right":"_Jb-VQ","title-filter":"_EkM6A","create-survey-container":"_13Als","box-create-survey":"_3ZeD0","box-form-input":"_2_Lbs","form-input-title":"_2eMwZ","check-box-btn":"_2SP5U","stepper":"_2dIQT","step-label":"_2fUwq","dialog-select-template":"_3N8Q3","icon-btn":"_1rTF7","icon-remove":"_2vYxh","title-btn":"_82x3C","title-box-model":"_3wglS","box-content-select":"_3nfCh","title-content-select":"_1mLDw","description-content-select":"_Hg1l5","box-function":"_3aIy7","cancel_btn":"_33pHa","confirm_btn":"_1Oqku","confirm_btn_title":"_lxY0i","confirm_btn_icon":"_2zK6C","mid_btn":"_2BJFc","box-function-flex":"_3MS9Q","box-collapse":"_82XGO","box-collapse-top":"_7DXq2","box-collapse-right":"_3ZAAk","collapse-chip":"_3vGgC","collapse-left-title":"_1a4Re","box-collapse-content-item":"_37Ftp","block-review-detail":"_1Lmrp","title-block":"_25k4D","block-content-review":"_2MyxF","box-content":"_2M2ub","block-template-review":"_26NEY","block-template-left":"_lrxw0","name-template-left":"_1ubim","select-right":"_3b0L0","description-template-left":"_1erRk","additional-box":"_3d0rZ","space-content":"_3rWo3","table-title":"_2v5b5","table-status":"_3Zgbw","Close":"_3_Z98","Active":"_1UqNT","box-header-select":"_1wJqN","header-select-name":"_Q-qNa","header-select-icon":"_3UAh4","list-question-select":"_AgPAZ","new-survey":"_3RD_x","title":"_21CPc","box-survey":"_1ikO6","avt-user":"_38Qdy","infor":"_2W6Cn","content-text":"_3fS-4","name":"_2V9ri","time":"_3LxCt"};
 
 var CardTotal = function CardTotal(_ref) {
   var title = _ref.title,
@@ -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) {
@@ -63006,22 +63012,17 @@ var tableCompleteSurvey = [{
 }];
 var tableActionNeedSurvey = [{
   name: "Student name",
-  tableWidth: 35,
+  tableWidth: 45,
   sortName: "Name",
   align: "left"
 }, {
   name: "Flag",
-  tableWidth: 15,
+  tableWidth: 20,
   sortName: null,
   align: "center"
-}, {
-  name: "Session",
-  tableWidth: 20,
-  sortName: "session",
-  align: "left"
 }, {
   name: "Date",
-  tableWidth: 20,
+  tableWidth: 25,
   sortName: "Date",
   align: "left"
 }, {
@@ -63030,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({
@@ -63222,7 +63244,8 @@ var RepliedSurvey = function RepliedSurvey() {
       inputSearch = _useListSurveyDetail.inputSearch,
       handleSort = _useListSurveyDetail.handleSort,
       handleChangePage = _useListSurveyDetail.handleChangePage,
-      handleChangeRowsPerPage = _useListSurveyDetail.handleChangeRowsPerPage;
+      handleChangeRowsPerPage = _useListSurveyDetail.handleChangeRowsPerPage,
+      sessionBackground = _useListSurveyDetail.sessionBackground;
 
   return React__default.createElement("div", null, React__default.createElement(core.Box, {
     pl: 3,
@@ -63285,7 +63308,9 @@ var RepliedSurvey = function RepliedSurvey() {
       className: "" + styles$O["table-class-type"]
     }, React__default.createElement(core.Typography, {
       className: styles$O["row-status"] + " " + styles$O[flagCellBgColor()]
-    }, row.flag)), React__default.createElement(core.TableCell, {
+    }, React__default.createElement(core.Typography, {
+      className: styles$O["session"] + " " + styles$O[sessionBackground(row.actionScore)]
+    }))), React__default.createElement(core.TableCell, {
       align: "center",
       component: "th",
       scope: "row",
@@ -63357,12 +63382,6 @@ var ActionNeededSurvey = function ActionNeededSurvey() {
       alt: "",
       className: "" + styles$O["avatar_user"]
     }), row === null || row === void 0 ? void 0 : row.studentName), React__default.createElement(core.TableCell, {
-      align: "center",
-      component: "th",
-      scope: "row",
-      height: 80,
-      className: "" + styles$O["table-class-type"]
-    }, row.flag), React__default.createElement(core.TableCell, {
       align: "right",
       component: "th",
       scope: "row",
@@ -63412,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")) {
@@ -63430,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);
   };
 
@@ -63491,6 +63653,9 @@ var useSurveyDetail = function useSurveyDetail() {
           }, {
             label: "ACTION NEEDED",
             count: "[" + data.actionNeedCount + "]"
+          }, {
+            label: "EXTERNAL",
+            count: "[" + data.externalCount + "]"
           }]);
         });
       }, function (err) {
@@ -63594,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;
@@ -63737,7 +63911,9 @@ var useExternalSurvey = function useExternalSurvey(_ref) {
     handleChangeEmailContent: handleChangeEmailContent,
     emailContent: emailContent,
     handleShareSurvey: handleShareSurvey,
-    handleDeleteEmail: handleDeleteEmail
+    handleDeleteEmail: handleDeleteEmail,
+    handleToggleModelConfirmShare: handleToggleModelConfirmShare,
+    openModelConfirmShare: openModelConfirmShare
   };
 };
 
@@ -63808,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);
@@ -64153,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"
@@ -64262,7 +64440,9 @@ var useListSurveyDetail$1 = function useListSurveyDetail() {
     handleChangeEmailContent: handleChangeEmailContent,
     emailContent: emailContent,
     handleShareSurvey: handleShareSurvey,
-    handleDeleteEmail: handleDeleteEmail
+    handleDeleteEmail: handleDeleteEmail,
+    handleToggleModelConfirmShare: handleToggleModelConfirmShare,
+    openModelConfirmShare: openModelConfirmShare
   };
 };
 
@@ -64392,7 +64572,7 @@ var TableSelectStudent = function TableSelectStudent(_ref) {
 };
 
 var ModelSelectQuestion = function ModelSelectQuestion(_ref) {
-  var _template$questionTem, _template$questionTem2;
+  var _template$questionTem, _template$questionTem2, _template$questionTem3, _template$questionTem4;
 
   var open = _ref.open,
       handleClose = _ref.handleClose,
@@ -64440,7 +64620,7 @@ var ModelSelectQuestion = function ModelSelectQuestion(_ref) {
     }), React__default.createElement("div", {
       className: "" + styles$O["innerHtml"],
       dangerouslySetInnerHTML: {
-        __html: r.questionText.replace(/<br\s*\/?>/gi, '\n')
+        __html: r.questionText.replace(/<br\s*\/?>/gi, "\n")
       }
     }));
   })), React__default.createElement(core.Grid, {
@@ -64453,6 +64633,16 @@ var ModelSelectQuestion = function ModelSelectQuestion(_ref) {
       return handleClose();
     }
   }, "Cancel"), React__default.createElement("button", {
+    className: styles$O["confirm_btn"] + " " + styles$O["mid_btn"],
+    disabled: (template === null || template === void 0 ? void 0 : (_template$questionTem3 = template.questionTemplates) === null || _template$questionTem3 === void 0 ? void 0 : _template$questionTem3.length) === (selectQuestion === null || selectQuestion === void 0 ? void 0 : selectQuestion.length),
+    onClick: function onClick() {
+      return handleSelectTemplate(template);
+    }
+  }, React__default.createElement(core.Typography, {
+    className: "" + styles$O["confirm_btn_title"]
+  }, "Insert All questions [" + (template === null || template === void 0 ? void 0 : (_template$questionTem4 = template.questionTemplates) === null || _template$questionTem4 === void 0 ? void 0 : _template$questionTem4.length) + "]"), React__default.createElement(AddCircleOutlinedIcon, {
+    className: "" + styles$O["confirm_btn_icon"]
+  })), React__default.createElement("button", {
     className: "" + styles$O["confirm_btn"],
     disabled: handleCheckInsertQuestion(template, selectQuestion === null || selectQuestion === void 0 ? void 0 : selectQuestion.length),
     onClick: function onClick() {
@@ -64908,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",
@@ -64929,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();
         },
@@ -64995,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() {
@@ -65052,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");
@@ -65142,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,