mario-education 2.4.576-feedback → 2.4.578-feedback

package/dist/components/layouts/constants/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const HEADER_DESKTOP_HEIGHT = 57;
+export declare const HEADER_DESKTOP_HEIGHT = 68;
 export declare const HEADER_MOBILE_HEIGHT = 55;
 export declare const NOTIFICATION_HEIGHT = 36;
 export declare const NOTIFICATION_CHANNEL = "NOTIFICATION_CHANNEL";

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

@@ -683,6 +683,7 @@ export interface IEducatorConversationKpi {
     educatorProfileImage?: string;
     numberOfConversation: number;
     numberOfExpectedConversation: number;
+    roles: string[];
 }
 export interface IConversationKpi {
     conversationTarget: number;

package/dist/containers/FrequencyAndSetup/components/ContactFlowInformation.d.ts

@@ -1,6 +1,6 @@
-import { ContactFlow } from '../configs/type';
+import { IWellBeingFlowContact } from '../configs/type';
 interface IProps {
-    listContactFlow: ContactFlow[];
+    contacts: IWellBeingFlowContact[];
     handleAddContactFlow: Function;
     handleDeleteContactFlow: any;
     handleChangeValueContact: Function;
@@ -8,5 +8,5 @@ interface IProps {
     openModalDelete: boolean;
     setOpenModalDelete: Function;
 }
-declare const ContactFlowInformation: ({ listContactFlow, handleAddContactFlow, handleDeleteContactFlow, handleChangeValueContact, contactIdToDeleteRef, openModalDelete, setOpenModalDelete }: IProps) => JSX.Element;
+declare const ContactFlowInformation: ({ contacts, handleAddContactFlow, handleDeleteContactFlow, handleChangeValueContact, contactIdToDeleteRef, openModalDelete, setOpenModalDelete }: IProps) => JSX.Element;
 export default ContactFlowInformation;

package/dist/containers/FrequencyAndSetup/components/FrequencyModeDetail.d.ts

@@ -1,6 +1,3 @@
-interface IProps {
-    listSort: any[];
-    setListSort: any;
-}
-declare const FrequencyModeDetail: ({ listSort, setListSort }: IProps) => JSX.Element;
+import { IFrequencyModeDetail } from '../configs/type';
+declare const FrequencyModeDetail: ({ sections, onChange }: IFrequencyModeDetail) => JSX.Element;
 export default FrequencyModeDetail;

package/dist/containers/FrequencyAndSetup/components/SortableItem.d.ts

@@ -1,6 +1,7 @@
 interface IProps {
-    id: string;
+    id: number;
     data: any;
+    index?: number;
 }
-declare const SortableItem: ({ id, data }: IProps) => JSX.Element;
+declare const SortableItem: ({ id, data, index }: IProps) => JSX.Element;
 export default SortableItem;

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

@@ -1,4 +1,4 @@
-import { ContactFlow, Frequency_Mode, Frequency_Setting } from "./type";
+import { IWellBeingFlowContact, Frequency_Mode, Frequency_Setting, IWellBeingSetup } from "./type";
 export declare const FrequencyMode: {
     value: Frequency_Mode;
     title: string;
@@ -8,10 +8,5 @@ export declare const FrequencySetting: {
     value: Frequency_Setting;
     title: string;
 }[];
-export declare const listSortCheckIn: {
-    icon: string;
-    label: string;
-    value: string;
-    order: number;
-}[];
-export declare const InitialContactFlow: ContactFlow;
+export declare const InitialContactFlow: IWellBeingFlowContact;
+export declare const initSetup: IWellBeingSetup;

package/dist/containers/FrequencyAndSetup/configs/type.d.ts

@@ -1,15 +1,36 @@
 export declare enum Frequency_Mode {
-    Bulk = 0,
-    Detailed = 1
+    Bulk = "Bulk",
+    Detailed = "Detailed"
 }
 export declare enum Frequency_Setting {
-    Weekly = 0,
-    Monthly = 1,
-    Custom = 2
+    Weekly = "Weekly",
+    Monthly = "Monthly",
+    Custom = "Custom"
 }
-export interface ContactFlow {
+export interface IWellBeingSetup {
     id: number;
-    specialContactName: string;
-    contactRole: string;
-    contactEmail: string;
+    frequencyMode: Frequency_Mode;
+    frequencyType: Frequency_Setting;
+    customFrequencyDays: number | null;
+    isContactFlowEnabled: boolean;
+    sections: IWellBeingSection[];
+    contacts: IWellBeingFlowContact[];
+}
+export interface IWellBeingSection {
+    id: number;
+    name: string;
+    description: string;
+    iconUrl: string;
+    order: number;
+    defaultOrder: number;
+}
+export interface IWellBeingFlowContact {
+    id: number;
+    name: string;
+    role: string;
+    email: string;
+}
+export interface IFrequencyModeDetail {
+    sections: IWellBeingSection[];
+    onChange: Function;
 }

package/dist/containers/FrequencyAndSetup/hooks/useFrequencyAndSetup.d.ts

@@ -1,23 +1,16 @@
 /// <reference types="react" />
-import { ContactFlow, Frequency_Mode, Frequency_Setting } from '../configs/type';
+import { IWellBeingFlowContact, IWellBeingSection, IWellBeingSetup } from "../configs/type";
 declare const useFrequencyAndSetup: () => {
-    frequencyMode: Frequency_Mode;
-    setFrequencyMode: import("react").Dispatch<import("react").SetStateAction<Frequency_Mode>>;
-    frequencySetting: Frequency_Setting;
-    setFrequencySetting: import("react").Dispatch<import("react").SetStateAction<Frequency_Setting>>;
-    listSort: any[];
-    setListSort: import("react").Dispatch<import("react").SetStateAction<any[]>>;
-    valueSettingCustom: number;
-    setValueSettingCustom: import("react").Dispatch<import("react").SetStateAction<number>>;
-    switchContactFlow: boolean;
-    setSwitchContactFlow: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    listContactFlow: ContactFlow[];
-    setListContactFlow: import("react").Dispatch<import("react").SetStateAction<ContactFlow[]>>;
     handleAddContactFlow: () => void;
     handleDeleteContactFlow: (id: number) => void;
     handleChangeValueContact: (id: number, key: string, value: string) => void;
     contactIdToDeleteRef: import("react").MutableRefObject<number>;
     openModalDelete: boolean;
     setOpenModalDelete: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setup: IWellBeingSetup;
+    onChangeSetup: <K extends "id" | "frequencyMode" | "frequencyType" | "customFrequencyDays" | "isContactFlowEnabled" | "sections" | "contacts">(key: K, value: IWellBeingSetup[K]) => void;
+    contacts: IWellBeingFlowContact[];
+    sections: IWellBeingSection[];
+    onChangeSections: (orderSections: IWellBeingSection[]) => void;
 };
 export default useFrequencyAndSetup;

package/dist/index.css

@@ -3230,7 +3230,8 @@ h6._3zOGW {
       letter-spacing: 0px;
       color: #242424;
       opacity: 0.56;
-      padding: 8px 16px; }
+      padding: 8px 16px;
+      overflow-wrap: anywhere; }
     ._2C4LY ._2F3RL {
       max-width: 10%; }
     ._2C4LY ._K54rJ {

package/dist/index.js

@@ -30172,7 +30172,7 @@ var INITIAL_STUDENT_SKILL_QUESTION = {
 var DEFAULT_START_DATE$1 = moment().subtract(2, 'months').startOf("day").valueOf();
 var DEFAULT_END_DATE$1 = moment().endOf("day").valueOf();
 
-var HEADER_DESKTOP_HEIGHT = 57;
+var HEADER_DESKTOP_HEIGHT = 68;
 var HEADER_MOBILE_HEIGHT = 55;
 var NOTIFICATION_HEIGHT = 36;
 var NEW_NOTIFICATION = "NEW_NOTIFICATION";
@@ -33384,10 +33384,16 @@ var EducatorConversationModal = function EducatorConversationModal(_ref) {
   }, React__default.createElement("div", {
     className: "" + styles$3["item"],
     style: {
-      maxWidth: "40%",
+      maxWidth: "30%",
       textTransform: 'capitalize'
     }
   }, t("teacher")), React__default.createElement("div", {
+    className: "" + styles$3["item"],
+    style: {
+      maxWidth: "30%",
+      textTransform: 'capitalize'
+    }
+  }, t("Roles")), React__default.createElement("div", {
     className: styles$3["item"] + " " + styles$3["grade"],
     style: {
       maxWidth: "20%"
@@ -33395,7 +33401,7 @@ var EducatorConversationModal = function EducatorConversationModal(_ref) {
   }, t("number_of_conversations")), React__default.createElement("div", {
     className: styles$3["item"] + " " + styles$3["grade"],
     style: {
-      maxWidth: "40%"
+      maxWidth: "20%"
     }
   }, t("number_of_expected_conversations_based_on_the_goal"))), React__default.createElement("div", {
     className: styles$3["metric-modal__body--content"]
@@ -33406,12 +33412,17 @@ var EducatorConversationModal = function EducatorConversationModal(_ref) {
     }, React__default.createElement("div", {
       className: styles$3["item__data"] + " " + styles$3["item__not-grade"] + " " + styles$3["item__student-information"],
       style: {
-        maxWidth: '40%'
+        maxWidth: '30%'
       }
     }, React__default.createElement("img", {
       src: !!(e !== null && e !== void 0 && e.educatorProfileImage) ? marioCore.getFileUrl(e === null || e === void 0 ? void 0 : e.educatorProfileImage) : DEFAULT_USER_AVATAR$3,
       alt: e === null || e === void 0 ? void 0 : e.educatorName
     }), e === null || e === void 0 ? void 0 : e.educatorName), React__default.createElement("div", {
+      className: styles$3["item__data"] + " " + styles$3["item__grade"],
+      style: {
+        maxWidth: "30%"
+      }
+    }, e === null || e === void 0 ? void 0 : e.roles.join(', ')), React__default.createElement("div", {
       className: styles$3["item__data"] + " " + styles$3["item__grade"],
       style: {
         maxWidth: "20%"
@@ -33419,7 +33430,7 @@ var EducatorConversationModal = function EducatorConversationModal(_ref) {
     }, e === null || e === void 0 ? void 0 : e.numberOfConversation), React__default.createElement("div", {
       className: styles$3["item__data"] + " " + styles$3["item__grade"],
       style: {
-        maxWidth: "40%"
+        maxWidth: "20%"
       }
     }, e === null || e === void 0 ? void 0 : e.numberOfExpectedConversation));
   })))));
@@ -35567,6 +35578,7 @@ var BarChart = function BarChart(_ref) {
           if (dataPointIndex != undefined && dataPointIndex !== (currentTooltip === null || currentTooltip === void 0 ? void 0 : currentTooltip.dataPointIndex) && !(currentTooltip !== null && currentTooltip !== void 0 && currentTooltip.isSelect)) {
             if (dataPointIndex != -1) {
               showTooltipAtIndex(dataPointIndex);
+              selectedBarRef.current = dataPointIndex;
               barEls.forEach(function (bar, i) {
                 if (i === dataPointIndex) {
                   bar.setAttribute("fill", "#316CD9");
@@ -35671,6 +35683,29 @@ var BarChart = function BarChart(_ref) {
   React.useEffect(function () {
     tooltipDataRef.current = tooltipData;
   }, [tooltipData]);
+  React.useEffect(function () {
+    var handleClickOutside = function handleClickOutside(e) {
+      if (open) return;
+      var chartEl = document.querySelector("#apexchartsmy-bar-chart");
+      if (!chartEl) return;
+
+      if (!chartEl.contains(e.target)) {
+        var barEls = chartEl.querySelectorAll(".apexcharts-bar-series path");
+        var selectedIndex = selectedBarRef.current;
+
+        if (selectedIndex !== null && barEls[selectedIndex]) {
+          barEls[selectedIndex].setAttribute("fill", "#C4D4F3");
+          selectedBarRef.current = null;
+          setTooltipData(null);
+        }
+      }
+    };
+
+    document.addEventListener("click", handleClickOutside);
+    return function () {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [open]);
   return React__default.createElement("div", null, React__default.createElement("div", {
     ref: chartWrapperRef,
     style: {
@@ -38171,7 +38206,7 @@ var Dashboard = function Dashboard() {
         handleHoverTooltip: handleHoverTooltip
       })
     }];
-  }, [lowMetricStudents, studentSkillQuestion.responseStudentSafety, studentSkillQuestion.responseStudentStress, studentSkillQuestion.studentPercentageStress, studentSkillQuestion.studentPercentageUnsafe, studentSkillQuestion.studentSafetyQuestionCount, studentSkillQuestion.studentStressQuestionCount, studentPressure, avgQuestionLastMonth, stressData, safetyData, successIndicatorsData, successIndicatorWeeklyData, topLearningStrategies, summarizeQuestions, preparednessData, readinessToLearning, dataOverallReadyToLearn, preparednessWeeklyData, filter, activeColumnReadiness, activeColumnIndicators]);
+  }, [lowMetricStudents, studentSkillQuestion.responseStudentSafety, studentSkillQuestion.responseStudentStress, studentSkillQuestion.studentPercentageStress, studentSkillQuestion.studentPercentageUnsafe, studentSkillQuestion.studentSafetyQuestionCount, studentSkillQuestion.studentStressQuestionCount, studentPressure, avgQuestionLastMonth, stressData, safetyData, successIndicatorsData, successIndicatorWeeklyData, topLearningStrategies, summarizeQuestions, preparednessData, readinessToLearning, dataOverallReadyToLearn, preparednessWeeklyData, filter, activeColumnReadiness, activeColumnIndicators, conversationKpi]);
   return React__default.createElement(core$1.Grid, {
     className: "" + styles$3["plp-container"]
   }, React__default.createElement(core$1.Grid, {