mario-education 2.4.545-feedback → 2.4.547-feedback

package/dist/containers/ConversationGoal/configs/contants.d.ts

@@ -0,0 +1,2 @@
+import { IConversationGoal } from "./types";
+export declare const initConversationGoal: IConversationGoal;

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

@@ -0,0 +1,6 @@
+export interface IConversationGoal {
+    id: number;
+    goalForTeacher: number;
+    goalForCounselor: number;
+    goalForSecondaryTeacher: number;
+}

package/dist/containers/ConversationGoal/hooks/useConversationGoal.d.ts

@@ -0,0 +1,9 @@
+import { ChangeEvent } from "react";
+import { IConversationGoal } from "../configs/types";
+declare const useConversationGoal: () => {
+    conversationGoal: IConversationGoal;
+    handleChange: (val: ChangeEvent<HTMLInputElement>) => void;
+    isChange: boolean;
+    updateConversationGoal: () => Promise<void>;
+};
+export default useConversationGoal;

package/dist/containers/ConversationGoal/views/ConversationGoal.d.ts

@@ -0,0 +1,2 @@
+declare const ConversationGoal: () => JSX.Element;
+export default ConversationGoal;

package/dist/containers/Dashboard/components/ConversationTab.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { IConversationTab } from "../configs/types";
-declare const _default: React.MemoExoticComponent<({}: IConversationTab) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ conversationKpi }: IConversationTab) => JSX.Element>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { IStudentByAge } from "./types";
+import { IConversationKpi, IStudentByAge } from "./types";
 export declare const colors: string[];
 export declare const INITIAL_BEST_FRIENDS: {
     friends: number;
@@ -122,3 +122,4 @@ export declare const initFilterDashboard: {
     includeMonthAndWeekView: boolean;
 };
 export declare const filterStorage = "FILTER_DASHBOARD_SAVE";
+export declare const initConversationKpi: IConversationKpi;

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

@@ -583,6 +583,7 @@ export interface IConcernMetricTab {
     stressValue: number[];
 }
 export interface IConversationTab {
+    conversationKpi: IConversationKpi;
 }
 export interface IGraphTrend {
     value: number;
@@ -662,4 +663,10 @@ export interface ILowMetricStudent {
     orderWeek: number;
     orderMonth: number;
 }
+export interface IConversationKpi {
+    conversationTarget: number;
+    conversationTeacherAvg: number;
+    avgStudentReview?: any;
+    sessionReviewSkipped?: any;
+}
 export {};

package/dist/containers/Dashboard/hooks/useDashboard.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DashboardFilter, IActivityCircle, IlearningStrategies, IReadinessToLearning, IStudentByGrade, IStudentBySpecialNeed, IsyntheticFriendCircle, BAND_SCORE, IStudentByAge, IStudentByGender, IDashboardToTalStudent, IQuestionResponseLastMonth, IStudentPressure, IOverallReadinessToLearn, ISeries, ISummarizeQuestion, IFilterCalendar, ILowMetricStudent } from "../configs/types";
+import { DashboardFilter, IActivityCircle, IlearningStrategies, IReadinessToLearning, IStudentByGrade, IStudentBySpecialNeed, IsyntheticFriendCircle, BAND_SCORE, IStudentByAge, IStudentByGender, IDashboardToTalStudent, IQuestionResponseLastMonth, IStudentPressure, IOverallReadinessToLearn, ISeries, ISummarizeQuestion, IFilterCalendar, ILowMetricStudent, IConversationKpi } from "../configs/types";
 import { IFilter, Student } from "../../../utils/type";
 import { IStudentSkillQuestion } from "../../MyStudent/components/NewOverview/Chat/types/types";
 import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
@@ -87,5 +87,6 @@ declare const useDashboard: () => {
     studentMetricPercent: number;
     setOptionDate: import("react").Dispatch<import("react").SetStateAction<string>>;
     stressValue: number[];
+    conversationKpi: IConversationKpi;
 };
 export default useDashboard;

package/dist/index.css

@@ -15969,4 +15969,9 @@ p._17qsx {
 ._nXa-q {
     width: 24px;
     height: 24px;
+}
+._1Q9y6 {
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
 }

package/dist/index.d.ts

@@ -59,4 +59,5 @@ import AIMario from "./containers/MarioAi/views/AIMario";
 import ChatWithAI from "./containers/MarioAi/views/ChatWithAI";
 import ViewHistoryPrompt from "./containers/MarioAi/views/ViewHistoryPrompt";
 import SurveyPortal from "./containers/SurveyDashboard/views/SurveyPortal";
-export { ClassList, ConferenceRubricList, ConferenceRubricDetail, SuggestionList, LearningStrategyList, SetupContainer, QuestionBankList, ReflectionFormList, ReflectionContainer, QuestionDetail, SubjectList, LearningSupportCategoryList, BadgeList, GoalExampleList, TutorialScreenContainer, FeedbackList, AssessmentList, QuestionBankContainer, SurveyQuestionContainer, QuestionCategoryList, AssignmentList, AssessmentAssignmentContainer, SessionTemplateContainer, SessionTemplateDetail, SessionTemplateGeneralClassDetail, CustomAlertList, CertificateContainer, CompareTeacher, AssetLog, SessionTemplateList, SessionTemplateGeneralClassList, Dashboard, AdminTraining, TemplateContainer, OneRosterContainer, SandboxContainer, TemplateBuilderPage, TemplateStartBuild, SurveyDashboardContainer, RevertUser, FixDataStudent, CustomQuestionAlert, SurveyDetailAdmin, SurveyStudentFlagListAdmin, SurveyResultAdmin, SurveyIndexAdmin, CreateSurveyAdmin, PreviewSurveyAdmin, ExternalApi, WeeklyQuest, SettingWeeklyQuest, HomePage, MainLayoutAdmin, SyncData, SummarizeQuestion, SurveyQuestion, MarioAi, AIMario, ChatWithAI, ViewHistoryPrompt, SurveyPortal };
+import ConversationGoal from "./containers/ConversationGoal/views/ConversationGoal";
+export { ClassList, ConferenceRubricList, ConferenceRubricDetail, SuggestionList, LearningStrategyList, SetupContainer, QuestionBankList, ReflectionFormList, ReflectionContainer, QuestionDetail, SubjectList, LearningSupportCategoryList, BadgeList, GoalExampleList, TutorialScreenContainer, FeedbackList, AssessmentList, QuestionBankContainer, SurveyQuestionContainer, QuestionCategoryList, AssignmentList, AssessmentAssignmentContainer, SessionTemplateContainer, SessionTemplateDetail, SessionTemplateGeneralClassDetail, CustomAlertList, CertificateContainer, CompareTeacher, AssetLog, SessionTemplateList, SessionTemplateGeneralClassList, Dashboard, AdminTraining, TemplateContainer, OneRosterContainer, SandboxContainer, TemplateBuilderPage, TemplateStartBuild, SurveyDashboardContainer, RevertUser, FixDataStudent, CustomQuestionAlert, SurveyDetailAdmin, SurveyStudentFlagListAdmin, SurveyResultAdmin, SurveyIndexAdmin, CreateSurveyAdmin, PreviewSurveyAdmin, ExternalApi, WeeklyQuest, SettingWeeklyQuest, HomePage, MainLayoutAdmin, SyncData, SummarizeQuestion, SurveyQuestion, MarioAi, AIMario, ChatWithAI, ViewHistoryPrompt, SurveyPortal, ConversationGoal };

package/dist/index.js

@@ -27,7 +27,7 @@ var SearchIcon = _interopDefault(require('@material-ui/icons/Search'));
 var Tabs = _interopDefault(require('@material-ui/core/Tabs'));
 var Tab = _interopDefault(require('@material-ui/core/Tab'));
 var Box = _interopDefault(require('@material-ui/core/Box'));
-var styles$g = require('@material-ui/core/styles');
+var styles$h = require('@material-ui/core/styles');
 var core$2 = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var toDate = _interopDefault(require('date-fns/toDate'));
@@ -90,6 +90,7 @@ var IconButton = _interopDefault(require('@material-ui/core/IconButton'));
 var MenuIcon = _interopDefault(require('@material-ui/icons/Menu'));
 var NotificationsIcon = _interopDefault(require('@material-ui/icons/Notifications'));
 var HelpOutlineIcon = _interopDefault(require('@material-ui/icons/HelpOutline'));
+var TrackChangesIcon = _interopDefault(require('@material-ui/icons/TrackChanges'));
 var generativeAi = require('@google/generative-ai');
 var Markdown = _interopDefault(require('react-markdown'));
 var AddIcon = _interopDefault(require('@material-ui/icons/Add'));
@@ -16390,7 +16391,7 @@ var CustomTabs = function CustomTabs(props) {
     history.push(path);
   };
 
-  var useStyles = styles$g.makeStyles(function (theme) {
+  var useStyles = styles$h.makeStyles(function (theme) {
     return {
       title: {
         fontWeight: 700,
@@ -23119,8 +23120,8 @@ var getReadinessToLearning = function getReadinessToLearning(filter) {
     params: filter
   });
 };
-var getTopLearningStrategiesConference = function getTopLearningStrategiesConference(filter) {
-  return marioCore.api.get(REPORT_URL + "/top-learning-strategies-conference", {
+var getTopLearningStrategies = function getTopLearningStrategies(filter) {
+  return marioCore.api.get(REPORT_URL + "/top-learning-strategies", {
     params: filter
   });
 };
@@ -23232,6 +23233,11 @@ var getVeryLowMetric = function getVeryLowMetric(filter) {
     params: filter
   });
 };
+var getConversationGoal = function getConversationGoal(filter) {
+  return marioCore.api.get(REPORT_URL + "/conversation-kpi", {
+    params: filter
+  });
+};
 
 var LegalGenderType$1;
 
@@ -29120,6 +29126,10 @@ var initFilterDashboard = {
   includeMonthAndWeekView: true
 };
 var filterStorage = 'FILTER_DASHBOARD_SAVE';
+var initConversationKpi = {
+  conversationTarget: 0,
+  conversationTeacherAvg: 0
+};
 
 var gradeOptions = function gradeOptions(grades, studentUserId) {
   var result = !studentUserId ? GRAGE_DEFAULT : GRAGE_DEFAULT.filter(function (val) {
@@ -30531,9 +30541,13 @@ var useDashboard = function useDashboard() {
       studentPressure = _useState45[0],
       setStudentPressure = _useState45[1];
 
-  var _useState46 = React.useState(INITIAL_OVERALL_READY_TO_LEARN),
-      dataOverallReadyToLearn = _useState46[0],
-      setDataOverallReadyToLearn = _useState46[1];
+  var _useState46 = React.useState(initConversationKpi),
+      conversationKpi = _useState46[0],
+      setConversationKpi = _useState46[1];
+
+  var _useState47 = React.useState(INITIAL_OVERALL_READY_TO_LEARN),
+      dataOverallReadyToLearn = _useState47[0],
+      setDataOverallReadyToLearn = _useState47[1];
 
   var callApi = React.useCallback(function (apiCaller, setData, defaultData, type) {
     try {
@@ -30659,7 +30673,7 @@ var useDashboard = function useDashboard() {
       var _temp12 = function () {
         if (!!academicYear && academicYear.length > 0) {
           dispatch(marioCore.setLoading(true));
-          return Promise.resolve(Promise.any([callApi(getBandScore, setBandScore, []), callApi(getAllTotalTime, setListTotalTime, []), callApi(getReadinessToLearning, setReadinessToLearning, []), callApi(getTopLearningStrategiesConference, setTopLearningStrategies, []), callApi(getStudentByGrade, setStudentByGrade, []), callApi(getVeryLowMetric, handleChangeMetric, []), callApi(getFriendCircleItems, setFriendCircles, INITIAL_BEST_FRIENDS), callApi(getActivityCircleItems, setActivityCircles, INITIAL_ACTIVITY_FRIENDS), callApi(getStudentBySpecialNeed, setStudentBySpecialNeed, []), callApi(getStudentByAge, setStudentByAge, INITIAL_AGE_OF_STUDENT), callApi(getStudentByGender, setStudentByGender, []), callApi(getStudentPressure, setStudentPressure, initStudentPressure), callApi(getOverviewQuestionChart, handleSetDataChartOneToOne, [], "OneToOne"), callApi(getOverallReadinessToLearn, setDataOverallReadyToLearn, INITIAL_OVERALL_READY_TO_LEARN)])).then(function () {
+          return Promise.resolve(Promise.any([callApi(getBandScore, setBandScore, []), callApi(getAllTotalTime, setListTotalTime, []), callApi(getReadinessToLearning, setReadinessToLearning, []), callApi(getTopLearningStrategies, setTopLearningStrategies, []), callApi(getStudentByGrade, setStudentByGrade, []), callApi(getVeryLowMetric, handleChangeMetric, []), callApi(getFriendCircleItems, setFriendCircles, INITIAL_BEST_FRIENDS), callApi(getActivityCircleItems, setActivityCircles, INITIAL_ACTIVITY_FRIENDS), callApi(getStudentBySpecialNeed, setStudentBySpecialNeed, []), callApi(getStudentByAge, setStudentByAge, INITIAL_AGE_OF_STUDENT), callApi(getStudentByGender, setStudentByGender, []), callApi(getStudentPressure, setStudentPressure, initStudentPressure), callApi(getOverviewQuestionChart, handleSetDataChartOneToOne, [], "OneToOne"), callApi(getOverallReadinessToLearn, setDataOverallReadyToLearn, INITIAL_OVERALL_READY_TO_LEARN), callApi(getConversationGoal, setConversationKpi, initConversationKpi)])).then(function () {
             dispatch(marioCore.setLoading(false));
           });
         }
@@ -30896,7 +30910,8 @@ var useDashboard = function useDashboard() {
     studentData: studentData,
     studentMetricPercent: studentMetricPercent,
     setOptionDate: setOptionDate,
-    stressValue: stressValue
+    stressValue: stressValue,
+    conversationKpi: conversationKpi
   };
 };
 
@@ -31983,7 +31998,7 @@ var LearningProgressTab = function LearningProgressTab(_ref) {
     className: "" + styles$2["explain-icon"]
   }), React__default.createElement(core$1.Typography, {
     className: "" + styles$2["explain-text"]
-  }, "The data presented here comes from the conferences.")), React__default.createElement(core$1.Grid, {
+  }, "The data presented here comes from the 1-1 conversations.")), React__default.createElement(core$1.Grid, {
     className: styles$2["box-strategy"] + " " + styles$2[classFontSize],
     style: print ? {
       flexDirection: 'column'
@@ -32535,7 +32550,7 @@ var OpenFieldTab = function OpenFieldTab(_ref) {
   })));
 };
 
-var useStyles$5 = styles$g.makeStyles({
+var useStyles$5 = styles$h.makeStyles({
   root: {
     height: 16,
     borderRadius: 10
@@ -32573,8 +32588,7 @@ var LinearProgress = function LinearProgress(props) {
 };
 
 var ConversationTab = function ConversationTab(_ref) {
-  _objectDestructuringEmpty(_ref);
-
+  var conversationKpi = _ref.conversationKpi;
   return React__default.createElement(core$1.Grid, null, React__default.createElement(core$1.Grid, {
     className: "" + styles$2["explain"]
   }, React__default.createElement("img", {
@@ -32598,7 +32612,7 @@ var ConversationTab = function ConversationTab(_ref) {
     className: "" + styles$2["card-item-content"]
   }, React__default.createElement(core$1.Typography, {
     className: "" + styles$2["card-item-score"]
-  }, "4.5"), React__default.createElement(core$1.Typography, {
+  }, conversationKpi.avgStudentReview), React__default.createElement(core$1.Typography, {
     className: "" + styles$2["rating-scale"]
   }, "/10"))), React__default.createElement(core$1.Grid, {
     className: "" + styles$2["card-item"]
@@ -32613,10 +32627,10 @@ var ConversationTab = function ConversationTab(_ref) {
     className: "" + styles$2["card-item-content"]
   }, React__default.createElement(core$1.Typography, {
     className: "" + styles$2["card-item-score"]
-  }, "4.5"), React__default.createElement(core$1.Typography, {
+  }, conversationKpi.conversationTeacherAvg), React__default.createElement(core$1.Typography, {
     className: "" + styles$2["rating-scale"]
-  }, "/10")), React__default.createElement(LinearProgress, {
-    value: 35
+  }, "/" + conversationKpi.conversationTarget)), React__default.createElement(LinearProgress, {
+    value: conversationKpi.conversationTeacherAvg / conversationKpi.conversationTarget * 100
   })), React__default.createElement(core$1.Grid, {
     className: "" + styles$2["card-item"]
   }, React__default.createElement(core$1.Grid, {
@@ -32630,9 +32644,7 @@ var ConversationTab = function ConversationTab(_ref) {
     className: "" + styles$2["card-item-content"]
   }, React__default.createElement(core$1.Typography, {
     className: "" + styles$2["card-item-score"]
-  }, "4.5"), React__default.createElement(core$1.Typography, {
-    className: "" + styles$2["rating-scale"]
-  }, "/10")))));
+  }, conversationKpi.sessionReviewSkipped)))));
 };
 
 function propsAreEqual(prevProps, nextProps) {
@@ -33665,13 +33677,15 @@ var BarChart = function BarChart(_ref) {
       var relativeX = barCenterX - containerRect.left;
       var containerWidth = containerRect.width;
       var direction = relativeX > containerWidth / 2 ? "left" : "right";
-      setTooltipData({
+      var newTooltip = {
         x: relativeX,
         y: rect.top - containerRect.top,
         dataPointIndex: dataPointIndex,
         direction: direction,
         isSelect: isSelect != null ? isSelect : false
-      });
+      };
+      tooltipDataRef.current = newTooltip;
+      setTooltipData(newTooltip);
     }
   };
 
@@ -36141,7 +36155,8 @@ var Dashboard = function Dashboard() {
       studentData = _useDashboard.studentData,
       studentMetricPercent = _useDashboard.studentMetricPercent,
       setOptionDate = _useDashboard.setOptionDate,
-      stressValue = _useDashboard.stressValue;
+      stressValue = _useDashboard.stressValue,
+      conversationKpi = _useDashboard.conversationKpi;
 
   var _useExportSessionCsv = useExportSessionCsv(),
       exportSessionsCsv = _useExportSessionCsv.exportSessionsCsv;
@@ -36170,7 +36185,9 @@ var Dashboard = function Dashboard() {
       })
     }, {
       label: "conversations",
-      component: React__default.createElement(ConversationTab$1, null)
+      component: React__default.createElement(ConversationTab$1, {
+        conversationKpi: conversationKpi
+      })
     }, {
       label: "readiness_to_learn",
       component: React__default.createElement(ReadinessToLearnTab, {
@@ -49784,7 +49801,7 @@ var useFontStyles = function useFontStyles() {
   }, [defaultFont]);
   var useStyles = React.useMemo(function () {
     if (defaultFont === LARGE_FONT_DEFAULT) {
-      return styles$g.makeStyles({
+      return styles$h.makeStyles({
         fontCustom: {
           fontSize: defaultFont + "px"
         },
@@ -49795,7 +49812,7 @@ var useFontStyles = function useFontStyles() {
       });
     }
 
-    return styles$g.makeStyles({
+    return styles$h.makeStyles({
       fontCustom: {
         fontSize: defaultFont + "px"
       },
@@ -49806,7 +49823,7 @@ var useFontStyles = function useFontStyles() {
   }, [defaultFont]);
   var useSmallStyles = React.useMemo(function () {
     if (defaultFont === LARGE_FONT_DEFAULT) {
-      return styles$g.makeStyles({
+      return styles$h.makeStyles({
         fontCustom: {
           fontSize: "16px"
         }
@@ -49814,14 +49831,14 @@ var useFontStyles = function useFontStyles() {
     }
 
     if (defaultFont === SMALL_FONT_DEFAULT) {
-      return styles$g.makeStyles({
+      return styles$h.makeStyles({
         fontCustom: {
           fontSize: "10px"
         }
       });
     }
 
-    return styles$g.makeStyles({
+    return styles$h.makeStyles({
       fontCustom: {
         fontSize: "inherit"
       }
@@ -50578,7 +50595,7 @@ var CustomButton = function CustomButton(_ref) {
       _ref$fontSize = _ref.fontSize,
       fontSize = _ref$fontSize === void 0 ? "inherit" : _ref$fontSize,
       icon = _ref.icon;
-  var ColorButton = styles$g.withStyles(function () {
+  var ColorButton = styles$h.withStyles(function () {
     return {
       root: {
         backgroundColor: backgroundColor != null ? backgroundColor : BACKGROUND_DEFAULT,
@@ -53552,7 +53569,7 @@ var SurveyDetailAdmin = function SurveyDetailAdmin() {
   })));
 };
 
-var useStyles$6 = styles$g.makeStyles(function (theme) {
+var useStyles$6 = styles$h.makeStyles(function (theme) {
   var _tabLabel;
 
   return {
@@ -53607,8 +53624,8 @@ var useStyles$6 = styles$g.makeStyles(function (theme) {
     }
   };
 });
-var useStyleModelCreate = styles$g.makeStyles(function (theme) {
-  return styles$g.createStyles({
+var useStyleModelCreate = styles$h.makeStyles(function (theme) {
+  return styles$h.createStyles({
     root: {
       width: "100%"
     },
@@ -53627,7 +53644,7 @@ var useStyleModelCreate = styles$g.makeStyles(function (theme) {
     }
   });
 });
-var useStylesDataGrid = styles$g.makeStyles(function () {
+var useStylesDataGrid = styles$h.makeStyles(function () {
   return {
     root: {
       borderBottom: "none",
@@ -54068,7 +54085,7 @@ var ChipButton = function ChipButton(_ref) {
   var color = _ref.color,
       label = _ref.label,
       backgroundColor = _ref.backgroundColor;
-  var StyleChip = styles$g.withStyles({
+  var StyleChip = styles$h.withStyles({
     root: {
       backgroundColor: !!backgroundColor ? backgroundColor : BACKGROUND_COLOR,
       color: color,
@@ -54224,7 +54241,7 @@ var SliderSurveyComponent = function SliderSurveyComponent(_ref) {
     cursor: "default"
   } : {};
   var result = Math.abs(val - (averageOtherRatings || 0));
-  var PrettoSlider = styles$g.withStyles({
+  var PrettoSlider = styles$h.withStyles({
     root: (_root = {
       color: "#EFEFEF",
       height: 8,
@@ -54480,7 +54497,7 @@ var EmotionComponent = function EmotionComponent(_ref) {
   }));
 };
 
-var CustomRadio = styles$g.withStyles({
+var CustomRadio = styles$h.withStyles({
   root: {
     "&$checked": {
       color: "orange"
@@ -63123,7 +63140,7 @@ var _valueLabelFormat$1 = function valueLabelFormat(avatar) {
   });
 };
 
-var PrettoSlider = styles$g.withStyles({
+var PrettoSlider = styles$h.withStyles({
   root: (_root = {
     color: "#EFEFEF",
     height: 8,
@@ -73517,7 +73534,7 @@ var NotificationAlert = function NotificationAlert(_ref) {
   }, React__default.createElement(icons.Close, null))));
 };
 
-var useStyles$k = styles$g.makeStyles(function () {
+var useStyles$k = styles$h.makeStyles(function () {
   return {
     animate: {
       left: function left(_ref2) {
@@ -74240,6 +74257,9 @@ var useHeaderSideBar = function useHeaderSideBar(_navigations) {
     icon: React__default.createElement("img", {
       src: "/images/mario-ai.png"
     })
+  }, {
+    name: "conversation_goal",
+    icon: React__default.createElement(TrackChangesIcon, null)
   }];
   var renderNotificationBadge = React.useCallback(function () {
     if (!unreadNoti) return React__default.createElement(NotificationsIcon, {
@@ -74386,7 +74406,7 @@ var useHeaderSideBar = function useHeaderSideBar(_navigations) {
     isEnableMarioAi: isEnableMarioAi
   };
 };
-var useStyles$l = styles$g.makeStyles(function (theme) {
+var useStyles$l = styles$h.makeStyles(function (theme) {
   var _overlay, _menuButton, _title, _listItem, _drawer, _textPrivacy, _subMenuDrawer, _subDrawerItem, _drawerItem, _drawerContent, _drawerPaper, _drawerPaperMobile, _content;
 
   return {
@@ -78981,6 +79001,166 @@ var SurveyPortal = function SurveyPortal() {
   }));
 };
 
+var styles$g = {"conversation-content":"_1Q9y6"};
+
+var CONVERSATION_GOAL_URL = marioCore.BASE_URL + "/api/ConversationGoal";
+var update$p = function update(data) {
+  return marioCore.api.put("" + CONVERSATION_GOAL_URL, data);
+};
+var get$w = function get() {
+  return marioCore.api.get("" + CONVERSATION_GOAL_URL);
+};
+
+var initConversationGoal = {
+  goalForCounselor: 0,
+  goalForSecondaryTeacher: 0,
+  goalForTeacher: 0,
+  id: 0
+};
+
+var useConversationGoal = function useConversationGoal() {
+  var dispatch = reactRedux.useDispatch();
+
+  var _useState = React.useState(initConversationGoal),
+      conversationGoal = _useState[0],
+      setConversationGoal = _useState[1];
+
+  var _useState2 = React.useState(false),
+      isChange = _useState2[0],
+      setIsChange = _useState2[1];
+
+  var handleChange = function handleChange(val) {
+    var _extends2;
+
+    setConversationGoal(_extends({}, conversationGoal, (_extends2 = {}, _extends2[val.target.name] = val.target.value, _extends2)));
+    setIsChange(true);
+  };
+
+  var getConversationGoal = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(get$w()).then(function (res) {
+          setConversationGoal(res.data);
+        });
+      }, 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);
+    }
+  }, []);
+  var updateConversationGoal = React.useCallback(function () {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp8 = _catch(function () {
+        return Promise.resolve(update$p(conversationGoal)).then(function (res) {
+          setConversationGoal(res.data);
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [conversationGoal]);
+  React.useEffect(function () {
+    getConversationGoal();
+    document.title = "Conversation Goal";
+  }, []);
+  return {
+    conversationGoal: conversationGoal,
+    handleChange: handleChange,
+    isChange: isChange,
+    updateConversationGoal: updateConversationGoal
+  };
+};
+
+var ConversationGoal = function ConversationGoal() {
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  var _useConversationGoal = useConversationGoal(),
+      conversationGoal = _useConversationGoal.conversationGoal,
+      handleChange = _useConversationGoal.handleChange,
+      isChange = _useConversationGoal.isChange,
+      updateConversationGoal = _useConversationGoal.updateConversationGoal;
+
+  return React__default.createElement("div", {
+    className: "d-flex flex-column"
+  }, React__default.createElement("div", {
+    className: "mb-5 d-flex align-items-center justify-content-between"
+  }, React__default.createElement("h2", {
+    className: " font-weight-bold"
+  }, t("conversation_goal")), React__default.createElement(reactstrap.Button, {
+    disabled: !isChange,
+    className: "h-100",
+    color: "success",
+    onClick: function onClick() {
+      updateConversationGoal();
+    }
+  }, t("save"))), React__default.createElement("div", {
+    className: styles$g["conversation-content"] + " d-flex flex-column"
+  }, React__default.createElement("div", {
+    className: "mb-3 d-flex align-items-center justify-content-between"
+  }, React__default.createElement("span", {
+    className: " h6 mr-5"
+  }, t("target_monthly_conversation_goal_for_teachers"), ":"), React__default.createElement("input", {
+    type: "number",
+    name: "goalForTeacher",
+    value: conversationGoal.goalForTeacher,
+    onChange: handleChange,
+    min: 0,
+    max: 10000
+  })), React__default.createElement("div", {
+    className: "mb-3 d-flex align-items-center justify-content-between"
+  }, React__default.createElement("span", {
+    className: " h6 mr-5"
+  }, t("target_monthly_conversation_goal_for_counselors"), ":"), React__default.createElement("input", {
+    type: "number",
+    value: conversationGoal.goalForCounselor,
+    name: "goalForCounselor",
+    onChange: handleChange,
+    min: 0,
+    max: 10000
+  })), React__default.createElement("div", {
+    className: "mb-3 d-flex align-items-center justify-content-between"
+  }, React__default.createElement("span", {
+    className: "h6 mr-5"
+  }, t("target_monthly_conversation_goal_for_support_teachers"), ":"), React__default.createElement("input", {
+    type: "number",
+    value: conversationGoal.goalForSecondaryTeacher,
+    name: "goalForSecondaryTeacher",
+    onChange: handleChange,
+    min: 0,
+    max: 10000
+  }))));
+};
+
 core.LicenseManager.setLicenseKey(marioCore.LICENSE_AGGRID);
 
 exports.AIMario = AIMario;
@@ -78996,6 +79176,7 @@ exports.ClassList = ClassList;
 exports.CompareTeacher = CompareTeacher;
 exports.ConferenceRubricDetail = ConferenceRubricDetail;
 exports.ConferenceRubricList = ConferenceRubricList;
+exports.ConversationGoal = ConversationGoal;
 exports.CreateSurveyAdmin = CreateSurveyAdmin;
 exports.CustomAlertList = CustomAlertList;
 exports.CustomQuestionAlert = CustomQuestionAlert;