mario-education 2.4.276-release → 2.4.277-release

package/dist/containers/SurveyDashboard/configs/constants.d.ts

@@ -150,5 +150,6 @@ export declare const questionTypeAdditional: {
 export declare enum TYPE_SURVEY_OPTION {
     VIEW_PREVIEW = 0,
     VIEW_RESPONSE = 1,
-    DELETE = 2
+    DELETE = 2,
+    ANONYMOUS = 3
 }

package/dist/containers/SurveyDashboard/configs/types.d.ts

@@ -299,6 +299,7 @@ export interface SURVEY_LIST {
     status: SurveyEnum;
     createdBy: string;
     studentIds?: number[];
+    anonymousKey: string;
 }
 export interface FILTER_OVERVIEW_SURVEY {
     startDate: number;

package/dist/containers/SurveyDashboard/hooks/useListSurvey.d.ts

@@ -40,5 +40,9 @@ declare const useListSurvey: () => {
     handleCloseModalConfirmDelete: () => void;
     handleDeleteSurvey: (surveyId: any) => Promise<void>;
     nameSurvey: string | undefined;
+    anonymousKey: string;
+    handleCloseModelLink: () => void;
+    handleCopyToClipboard: (text: string) => void;
+    linkAnonymousSurvey: string;
 };
 export default useListSurvey;

package/dist/index.js

@@ -48,6 +48,7 @@ var ArrowDownwardIcon = _interopDefault(require('@material-ui/icons/ArrowDownwar
 var AccessTimeIcon = _interopDefault(require('@material-ui/icons/AccessTime'));
 var icons = require('@material-ui/icons');
 var DeleteIcon = _interopDefault(require('@material-ui/icons/Delete'));
+var FileCopyIcon = _interopDefault(require('@material-ui/icons/FileCopy'));
 var AddCircleRoundedIcon = _interopDefault(require('@material-ui/icons/AddCircleRounded'));
 var bi = require('react-icons/bi');
 var styled = _interopDefault(require('@emotion/styled'));
@@ -44846,6 +44847,7 @@ var TYPE_SURVEY_OPTION;
   TYPE_SURVEY_OPTION[TYPE_SURVEY_OPTION["VIEW_PREVIEW"] = 0] = "VIEW_PREVIEW";
   TYPE_SURVEY_OPTION[TYPE_SURVEY_OPTION["VIEW_RESPONSE"] = 1] = "VIEW_RESPONSE";
   TYPE_SURVEY_OPTION[TYPE_SURVEY_OPTION["DELETE"] = 2] = "DELETE";
+  TYPE_SURVEY_OPTION[TYPE_SURVEY_OPTION["ANONYMOUS"] = 3] = "ANONYMOUS";
 })(TYPE_SURVEY_OPTION || (TYPE_SURVEY_OPTION = {}));
 
 var TotalCard$1 = function TotalCard(_ref) {
@@ -46059,9 +46061,13 @@ var useListSurvey = function useListSurvey() {
       showModalDeleteSurvey = _useState8[0],
       setShowModalDeleteSurvey = _useState8[1];
 
+  var _useState9 = React.useState(""),
+      anonymousKey = _useState9[0],
+      setAnonymousKey = _useState9[1];
+
   var inputSearch = React.useRef(null);
 
-  var _useState9 = React.useState({
+  var _useState10 = React.useState({
     isAdmin: true,
     currentPage: 1,
     pageSize: 10,
@@ -46075,8 +46081,8 @@ var useListSurvey = function useListSurvey() {
     isSchedule: false,
     flag: ""
   }),
-      filters = _useState9[0],
-      setFilters = _useState9[1];
+      filters = _useState10[0],
+      setFilters = _useState10[1];
 
   var _useSurveyExportCsv = useSurveyExportCsv(),
       exportSurveys = _useSurveyExportCsv.exportSurveys,
@@ -46090,6 +46096,24 @@ var useListSurvey = function useListSurvey() {
     exportStudentSurveys(id);
   };
 
+  var handleCloseModelLink = function handleCloseModelLink() {
+    setAnonymousKey("");
+  };
+
+  var handleCopyToClipboard = function handleCopyToClipboard(text) {
+    navigator.clipboard.writeText(text);
+    dispatch(marioCore.setAlert({
+      type: "success",
+      message: "Copied"
+    }));
+  };
+
+  var linkAnonymousSurvey = React.useMemo(function () {
+    var subDomain = window.location.host.split('.')[0];
+    var domain = subDomain + ".marioforme.com";
+    return "https://" + (!subDomain.includes("localhost") ? domain : subDomain) + "/external-survey?token=" + anonymousKey;
+  }, [anonymousKey]);
+
   var changeFilters = function changeFilters(updatedFilters) {
     return setFilters(_extends({}, filters, updatedFilters));
   };
@@ -46186,10 +46210,20 @@ var useListSurvey = function useListSurvey() {
       return;
     }
 
+    if (type == TYPE_SURVEY_OPTION.ANONYMOUS) {
+      var survey = listSurvey === null || listSurvey === void 0 ? void 0 : listSurvey.items.find(function (r) {
+        return r.id == surveyId;
+      });
+
+      if (!!survey) {
+        setAnonymousKey(survey.anonymousKey);
+      }
+    }
+
     if (type == TYPE_SURVEY_OPTION.DELETE) {
       setShowModalDeleteSurvey(true);
     }
-  }, [isTeacher]);
+  }, [isTeacher, listSurvey]);
 
   var handleChangePageCreate = function handleChangePageCreate() {
     history.push("/create-survey");
@@ -46409,7 +46443,11 @@ var useListSurvey = function useListSurvey() {
     showModalDeleteSurvey: showModalDeleteSurvey,
     handleCloseModalConfirmDelete: handleCloseModalConfirmDelete,
     handleDeleteSurvey: handleDeleteSurvey,
-    nameSurvey: nameSurvey
+    nameSurvey: nameSurvey,
+    anonymousKey: anonymousKey,
+    handleCloseModelLink: handleCloseModelLink,
+    handleCopyToClipboard: handleCopyToClipboard,
+    linkAnonymousSurvey: linkAnonymousSurvey
   };
 };
 
@@ -47243,6 +47281,33 @@ var ConfirmDelete = function ConfirmDelete(_ref) {
   }, "YES, DELETE ", React__default.createElement(DeleteIcon, null))));
 };
 
+var ModelLinkSurvey = function ModelLinkSurvey(_ref) {
+  var open = _ref.open,
+      _onClose = _ref.onClose,
+      anonymousKey = _ref.anonymousKey,
+      onCopy = _ref.onCopy;
+  return React__default.createElement(core$1.Dialog, {
+    open: open,
+    onClose: function onClose() {
+      return _onClose();
+    }
+  }, React__default.createElement(core$1.DialogTitle, null, "Anonymous Link"), React__default.createElement(core$1.Grid, {
+    className: "" + styles$3["model-link-survey"]
+  }, React__default.createElement(core$1.TextField, {
+    fullWidth: true,
+    disabled: true,
+    name: "link",
+    variant: "outlined",
+    value: anonymousKey
+  }), React__default.createElement(core$1.Tooltip, {
+    title: "Copy"
+  }, React__default.createElement(core$1.IconButton, {
+    onClick: function onClick() {
+      return onCopy(anonymousKey);
+    }
+  }, React__default.createElement(FileCopyIcon, null)))));
+};
+
 var PopoverCustom = core$1.styled(core$1.Popover)(function () {
   return {
     "& .MuiPopover-paper": {
@@ -47295,7 +47360,11 @@ var ListSurveys = function ListSurveys() {
       handleDownloadCsvSurvey = _useListSurvey.handleDownloadCsvSurvey,
       showModalDeleteSurvey = _useListSurvey.showModalDeleteSurvey,
       handleCloseModalConfirmDelete = _useListSurvey.handleCloseModalConfirmDelete,
-      handleDeleteSurvey = _useListSurvey.handleDeleteSurvey;
+      handleDeleteSurvey = _useListSurvey.handleDeleteSurvey,
+      anonymousKey = _useListSurvey.anonymousKey,
+      handleCloseModelLink = _useListSurvey.handleCloseModelLink,
+      handleCopyToClipboard = _useListSurvey.handleCopyToClipboard,
+      linkAnonymousSurvey = _useListSurvey.linkAnonymousSurvey;
 
   var _useFontStyles = useFontStyles(),
       classFontSize = _useFontStyles.classFontSize,
@@ -47522,6 +47591,11 @@ var ListSurveys = function ListSurveys() {
     },
     className: styles$3["action-item"] + " text-nowrap"
   }, t("preview_survey")), React__default.createElement("li", {
+    onClick: function onClick() {
+      return open(TYPE_SURVEY_OPTION.ANONYMOUS, itemSelectedId);
+    },
+    className: styles$3["action-item"] + " text-nowrap"
+  }, "Anonymous Link"), React__default.createElement("li", {
     className: styles$3["action-item"] + " text-nowrap",
     onClick: function onClick() {
       return handleDownloadCsvSurvey(itemSelectedId);
@@ -47537,6 +47611,11 @@ var ListSurveys = function ListSurveys() {
     handleDelete: handleDeleteSurvey,
     selectedId: itemSelectedId,
     content: "This survey was sent. All survey links that were sent will be invalid. Are you sure to delete it"
+  }), React__default.createElement(ModelLinkSurvey, {
+    open: !!anonymousKey,
+    onClose: handleCloseModelLink,
+    anonymousKey: linkAnonymousSurvey,
+    onCopy: handleCopyToClipboard
   }));
 };