mario-teacher-student-client 2.2.11-release → 2.2.12-release

package/dist/PlpPage-B-yuw864.js

@@ -0,0 +1,4327 @@
+import { jsxs as w, jsx as o, Fragment as aa } from "react/jsx-runtime";
+import { useState as q, useRef as it, useCallback as na, useEffect as _e, useMemo as je, Fragment as ht, memo as ra } from "react";
+import { s as g } from "./plp.module-BzFzQk1L.js";
+import { u as Ln } from "./useChartOneToOne-oJwZFycq.js";
+import { a as Pn, b as Mn, c as An, d as On, u as Hn, S as ia } from "./StudentPressureChart-1zrgcnA8.js";
+import { useDispatch as ut, useSelector as Le } from "react-redux";
+import { setAlert as pe, initAmplitude as Rn, useTranslation as ve, getFileUrl as st, getStaticFileUrl as ot, setLoading as Ae, utcToLocalTime as sa } from "mario-core";
+import { G as zt } from "./constantsLearning-BGD8JbLv.js";
+import G from "moment";
+import { a8 as In, a9 as zn, g as Bn, aa as En, ab as Yn, ac as jn, ad as Un, ae as oa, af as qn } from "./MyStudent-B4O9AlQs.js";
+import { useNavigate as Qn } from "react-router-dom";
+import { c as la, I as Bt, i as Et, b as ze, f as Me, a as et, e as $t, h as Re, j as da, k as ca, l as Vn, m as ha, o as Gn, r as ua, C as Yt, s as tt, n as bt, p as at, t as jt, q as Jn } from "./constant-CXFGaEII.js";
+import { u as Kn } from "./useStudentList-CPg6JEoj.js";
+import { Grid as S, FormControl as ga, InputLabel as ma, Select as fa, MenuItem as pa, Checkbox as va, ListItemText as ya, Button as Tt, Typography as K, Accordion as Xn, AccordionSummary as Zn, AccordionDetails as er, Box as rt, LinearProgress as tr, Table as lt, TableHead as Sa, TableRow as Ee, TableCell as ge, TableSortLabel as xt, TableBody as Ca, Popover as ar } from "@mui/material";
+import { A as nr } from "./ArrowDropDown-n7GwyJ4U.js";
+import { S as wa } from "./StudentMultiSelector-Bj6MKHmQ.js";
+import { C as rr } from "./Clear-BRALrnl7.js";
+import { C as Wt } from "./CalendarSelect-BPY7n2p2.js";
+import { F as ba } from "./FilterDateRange-Df3VOcxg.js";
+import { A as xa } from "./AutocompleteField-Bgk9My_t.js";
+import { u as ir } from "./useAutoCompleteStyle-CL_ULKu3.js";
+import { E as sr } from "./ExpandMore-DsHMn6AM.js";
+import { G as be, a as Da, u as or, f as lr, T as nt, g as dr } from "./GenerateTrendQuestion-BvTAX5cF.js";
+import { s as cr } from "./styled-CzsEt7al.js";
+import { A as hr } from "./ArrowRightIcon-gBYRjS1Q.js";
+import { S as _a } from "./SimpleDialog-Bp-mjW0P.js";
+import { L as Oe } from "./Loading-9Xhwui4j.js";
+import { r as Ut } from "./constantsFn-C9OIbD7i.js";
+import { B as Fa } from "./BubbleChartCustom-4hRwc_ZC.js";
+import { A as At } from "./ArrowForward-C3EcamfR.js";
+import { L as ur, Q as Dt } from "./types-nDoTEIhd.js";
+import { A as gr } from "./ArrowUpward-BGzXxprs.js";
+import { A as mr } from "./ArrowDownward-B-h6hrvY.js";
+import { u as fr } from "./useFontStyles-KKLzbYUX.js";
+import { Button as Na, Modal as pr, ModalHeader as vr, ModalBody as yr, FormGroup as Sr, Input as Cr, Label as wr, ModalFooter as br } from "reactstrap";
+import { s as qt } from "./dashboard.module-DFtlVjy0.js";
+import xr from "jspdf";
+import De from "html2canvas";
+import { o as Be, q as Dr, r as _r, z as Qt } from "./utils-DZF9RdS_.js";
+import Fr from "axios";
+import { D as Nr } from "./constants-jQb--ivI.js";
+import { N as kr } from "./NoteDetail-Cj8QeeTR.js";
+const $r = (t, e, n, a, r) => {
+  const i = ut(), l = Le(
+    ($) => $?.common?.user.roles
+  ), [d, c] = q([]), [s, u] = q([]), [m, v] = q([]), [b, N] = q([]), [D, x] = q([]), [_, T] = q(0);
+  return {
+    getMetricData: async () => {
+      r && r(($) => ({ ...$, metricData: !1 }));
+      try {
+        const M = (await In({
+          startDate: e.startDate,
+          endDate: e.endDate,
+          optionDate: e?.optionDate || "",
+          studentId: t,
+          grade: n || [],
+          roles: l,
+          academicYearId: a
+        })).data || [];
+        c(M?.weeks || []), u(M?.months || []), v(M?.metricWeekData || []), N(M?.metricMonthData || []), x(M?.lowMetricStudents || []), T(M?.studentMetricPercent || 0);
+      } catch ($) {
+        i(
+          pe({
+            type: "danger",
+            message: $.response?.data?.title || $.message
+          })
+        );
+      }
+      r && r(($) => ({ ...$, metricData: !0 }));
+    },
+    metricWeeks: d,
+    metricDataWeeks: m,
+    metricMonths: s,
+    metricDataMonths: b,
+    lowMetricStudents: D,
+    studentMetricPercent: _
+  };
+}, Tr = () => {
+  const t = Qn(), e = Le((f) => f?.common?.user), n = e.roles.includes("Student"), a = e.roles.includes("Student") || e.roles.includes("Teacher"), r = Le((f) => f.common.language), [i, l] = q(zt), [d, c] = q(
+    n ? e : null
+  ), [s, u] = q([]), [m, v] = q(0), [b, N] = q(), [D, x] = q(!1), [_, T] = q(la), [C, $] = q({
+    pageSize: 5,
+    currentPage: 1,
+    sortBy: "Date",
+    sortOrder: "DESC"
+  }), [M, J] = q(!1), E = ut(), oe = it(!1), ie = it([]), [I, R] = q(null), [A, O] = q(!1), [ne, X] = q([]), ue = Le((f) => f?.common?.user?.schoolName), [xe, ke] = q(
+    Bt
+  ), [Z, ee] = q(Et), [p, y] = q([]), [k, Q] = q({
+    ...ze,
+    roles: e.roles
+  }), [h, te] = q("Monthly"), [Ce, L] = q({
+    academicYears: !1,
+    conferenceData: !1,
+    dataChart: !1,
+    gradeList: !0,
+    listStudent: !1,
+    metricData: !1,
+    overallReadinessToLearn: !1,
+    readinessToLearn: !1,
+    skillQuestion: !1,
+    skippedSessions: !1,
+    studentPressure: !1,
+    summarizeReport: !0,
+    topLearningStrategies: !1,
+    totalDashboard: !1,
+    dataStudentConversation: !0
+  }), { studentData: $e } = Kn(m, void 0, L), ae = s?.find((f) => f.id == k.academicYearId) || null, F = () => {
+    localStorage.removeItem(Me);
+    const f = s?.find((Y) => Y.isCurrent);
+    f && (Q({
+      ...ze,
+      startDate: G(f?.startTime).startOf("day").valueOf(),
+      endDate: G(f?.endTime).endOf("day").valueOf(),
+      academicYearId: f?.id
+    }), te("Monthly"));
+  }, V = () => {
+    localStorage.setItem(Me, JSON.stringify(k)), E(
+      pe({
+        type: "success",
+        message: "Filter saved successfully!"
+      })
+    );
+  }, H = () => {
+    X([]), A || Dn(), O(!A);
+  }, P = (f) => {
+    let Y = [...ne];
+    Y?.find(
+      (U) => U == f
+    ) ? Y = Y.filter((U) => U != f) : Y.push(f), X(Y);
+  }, j = (f) => {
+    R(f.currentTarget);
+  }, re = () => {
+    R(null);
+  }, z = !!I, se = z ? "export_popover" : void 0, he = (f) => {
+    ie.current.includes(f) || (ie.current = [...ie.current, f].filter((Y, ce, U) => U.indexOf(Y) === ce), E(Rn({
+      name: e.email,
+      event: `Chart interaction: ${f}`,
+      chart: f,
+      roles: e?.roles
+    })));
+  }, de = (f) => {
+    $({
+      ...C,
+      sortOrder: C.sortOrder === "ASC" || C.sortBy != f ? "DESC" : "ASC",
+      sortBy: f
+    });
+  }, W = () => {
+    localStorage.setItem(Me, JSON.stringify(k)), localStorage.setItem(et, "open_field_questions"), t(`/summarize-question-list?startTime=${k.startDate}&endTime=${k.endDate}&grade=${k.grades?.toString()}&academicYearId=${m}&studentId=${d?.studentId}`);
+  }, B = (f) => {
+    Q({
+      ...k,
+      ...f
+    }), te("Monthly");
+  }, le = async (f) => {
+    if (h !== "Monthly" && te("Monthly"), f != null) {
+      c(f);
+      const Y = await It(f.id, m);
+      Q({
+        ...k,
+        studentId: f?.studentId,
+        grades: Y && Y.length > 0 ? Y : []
+      });
+      return;
+    }
+    c(null), l(zt), Q({
+      ...k,
+      studentId: void 0,
+      grades: []
+    });
+  }, we = (f) => {
+    f && B({
+      startDate: f.startOf("day").valueOf(),
+      optionDate: ""
+    });
+  }, me = (f) => {
+    f && B({
+      endDate: f.endOf("day").valueOf(),
+      optionDate: ""
+    });
+  }, mt = (f) => {
+    if (f) {
+      B({
+        startDate: f.startDate,
+        endDate: f.endDate,
+        optionDate: f.value
+      });
+      const Y = s.filter((ce) => ce.isCurrent)[0];
+      v(Y.id);
+    }
+  }, Ue = (f) => {
+    c(f || null), f || Rt([]);
+  }, {
+    getMetricData: qe,
+    metricWeeks: Qe,
+    metricDataWeeks: fe,
+    metricMonths: Ie,
+    metricDataMonths: ft,
+    lowMetricStudents: Ve,
+    studentMetricPercent: Ge
+  } = $r(d?.studentId, k, k.grades, m, L), {
+    activeColumnPreparedness: Je,
+    monthsOneToOne: pt,
+    avgQuestionLastMonth: vt,
+    dayOfWeekOneToOne: Ke,
+    stressData: yt,
+    safetyData: St,
+    preparednessData: Pe,
+    successIndicatorsData: Ct,
+    studentSkillQuestion: wt,
+    getDataStudentSkillServices: Te,
+    getDataOneToOne: Xe,
+    successIndicatorWeeklyData: Ot,
+    weeksOneToOne: Ze,
+    preparednessWeeklyData: ye,
+    stressValue: ja,
+    dayOfWeekStress: Ua,
+    dayOfWeekReadiness: qa,
+    safetyValue: Qa,
+    activeColumnReadiness: Va,
+    activeColumnIndicators: Ga,
+    handleActiveColumn: Ja
+  } = Ln(d?.studentId, k, k.grades, m, !0, k.optionDate, h, L), {
+    seriesConference: Ka,
+    monthsConference: Xa,
+    activeColumnConference: Za,
+    handleActiveColumnConference: en,
+    dayOfWeekConference: tn,
+    avgConferenceLastMonth: an,
+    getChartConferenceData: nn
+  } = Pn(d?.studentId, k, k.grades, m, L), {
+    topLearningStrategiesData: rn,
+    getTopLearningStrategiesData: sn,
+    strategyUsage: on,
+    getStrategyUsage: Ht,
+    qualityFeedbackStudents: ln,
+    openQualityFeedbackModal: dn,
+    handleOpenQualityFeedbackModal: cn,
+    handleCloseQualityFeedbackModal: hn,
+    noteSelected: un,
+    openDetailNote: gn,
+    handleViewDetailNote: mn,
+    handleCloseDetailNote: fn
+  } = Mn(d?.studentId, k, k.grades, m, L), { dataOverallReadyToLearn: pn, getDataOverallReadinessToLearn: vn } = An(d?.studentId, k, k.grades, m, L), { studentPressure: yn, getDataStudentPressure: Sn } = On(
+    d?.studentId,
+    k,
+    k.grades,
+    m,
+    L
+  ), Cn = (f) => {
+    te("Monthly"), Q({
+      ...k,
+      startDate: G(f?.startTime).startOf("day").valueOf(),
+      endDate: G(f?.endTime).endOf("day").valueOf(),
+      academicYearId: f?.id,
+      optionDate: ""
+    }), v(f?.id || 0);
+  }, Rt = (f) => {
+    f.length === 0 ? B({ grades: [] }) : B({ grades: f });
+  }, wn = async () => {
+    L((Y) => ({ ...Y, academicYears: !1 }));
+    try {
+      var f = {
+        pageSize: -1,
+        currentPage: 1
+      };
+      const ce = (await Bn(f)).data.items.map((U) => ({
+        id: U.id,
+        title: `${G(U.startTime).year()} - ${G(U.endTime).year()} (${G(U.startTime).format("MM/YYYY")} - ${G(U.endTime).format("MM/YYYY")})`,
+        startTime: U.startTime,
+        endTime: U.endTime,
+        isCurrent: U.isCurrent
+      }));
+      u(ce);
+    } catch (Y) {
+      E(
+        pe({
+          type: "danger",
+          message: Y.response?.data?.title || Y.message
+        })
+      );
+    }
+    L((Y) => ({ ...Y, academicYears: !0 }));
+  }, bn = async () => {
+    L((f) => ({ ...f, totalDashboard: !1 }));
+    try {
+      const f = await Yn({ ...k, roles: e.roles ?? [], grade: k.grades ?? [] });
+      ke(f?.data || Bt);
+    } catch (f) {
+      E(
+        pe({
+          type: "danger",
+          message: f.response?.data?.title || f.message
+        })
+      );
+    }
+    L((f) => ({ ...f, totalDashboard: !0 }));
+  }, xn = async () => {
+    L((f) => ({ ...f, skippedSessions: !1 }));
+    try {
+      const f = await jn({ ...k, roles: e.roles ?? [], grade: k.grades ?? [] });
+      ee(f?.data || Et);
+    } catch (f) {
+      E(
+        pe({
+          type: "danger",
+          message: f.response?.data?.title || f.message
+        })
+      );
+    }
+    L((f) => ({ ...f, skippedSessions: !0 }));
+  }, Dn = async () => {
+    L((f) => ({ ...f, dataStudentConversation: !1 }));
+    try {
+      const f = await oa({ ...k, roles: e.roles ?? [], grade: k.grades ?? [] });
+      y(f?.data || []);
+    } catch (f) {
+      E(
+        pe({
+          type: "danger",
+          message: f.response?.data?.title || f.message
+        })
+      );
+    }
+    L((f) => ({ ...f, dataStudentConversation: !0 }));
+  }, _n = (f) => {
+    if (f != null) {
+      var Y = G(f.startTime).startOf("day").valueOf(), ce = G(f.endTime).endOf("day").valueOf();
+      B({
+        startDate: Y,
+        endDate: ce,
+        optionDate: "",
+        academicYearId: f.id
+      }), v(f.id);
+    } else
+      v(0);
+  }, It = async (f, Y) => {
+    L((ce) => ({ ...ce, gradeList: !1 }));
+    try {
+      const ce = await Un(f, Y);
+      return l(ce.data), L((U) => ({ ...U, gradeList: !0 })), ce?.data?.length ? ce?.data : [];
+    } catch (ce) {
+      return E(
+        pe({
+          type: "danger",
+          message: ce.response?.data?.title || ce.message
+        })
+      ), L((U) => ({ ...U, gradeList: !0 })), [];
+    }
+  }, Fn = (f, Y) => {
+    t(`/result-session/${f}/${Y}`);
+  }, Nn = na(() => {
+    localStorage.setItem(Me, JSON.stringify(k)), localStorage.setItem(et, _);
+  }, [k, _]), kn = async () => {
+    try {
+      const f = await En();
+      f && f.data && x(!0);
+    } catch {
+    }
+  }, $n = async () => {
+    L((f) => ({ ...f, summarizeReport: !1 }));
+    try {
+      const f = await zn({
+        ...k,
+        ...C,
+        studentId: d?.studentId,
+        grade: k?.grades?.filter((Y) => Y != null) || [],
+        roles: e.roles ?? []
+      });
+      f.data && N(f.data);
+    } catch (f) {
+      E(
+        pe({
+          type: "danger",
+          message: f.response?.data?.title || f.message
+        })
+      );
+    }
+    L((f) => ({ ...f, summarizeReport: !0 }));
+  };
+  _e(() => {
+    s && s.length > 0 && m != 0 && D && $n();
+  }, [k, k.grades, s, m, C, D]), _e(() => {
+    wn(), kn(), window.document.title = "Data Dashboard";
+  }, []);
+  const {
+    dataReadinessOfChart: Tn
+  } = Hn(d?.studentId, k, k.grades, m, L), Wn = () => {
+    J(!M);
+  };
+  return _e(() => {
+    s && s.length > 0 && m != 0 && (Te(), sn(), Ht(), Sn());
+  }, [k, s, m]), _e(() => {
+    s && s.length > 0 && m != 0 && e.roles && (bn(), n ? L((f) => ({ ...f, skippedSessions: !0 })) : xn());
+  }, [k, m, e.roles, n]), _e(() => {
+    s && s.length > 0 && m != 0 && (Xe(r), nn(r), vn(r), qe());
+  }, [k, s, m, r, h]), _e(() => {
+    const f = async () => {
+      const Y = localStorage.getItem(Me);
+      if (Y) {
+        try {
+          const U = JSON.parse(Y), Se = $e.find((We) => We.studentId === U.studentId);
+          if (Se && !n) {
+            c(Se);
+            const We = await It(Se.id, m || U.academicYearId);
+            Q({
+              ...U,
+              grades: We && We.length > 0 ? We : U.grades || []
+            });
+          } else
+            Q(U), Se && c(Se);
+          v(U.academicYearId || 0);
+        } catch (U) {
+          console.warn("Error parse filter from storage", U);
+          const Se = s?.find((We) => We.isCurrent);
+          Se ? (Q({
+            ...ze,
+            startDate: G(Se?.startTime).startOf("day").valueOf(),
+            endDate: G(Se?.endTime).endOf("day").valueOf(),
+            academicYearId: Se?.id
+          }), v(Se?.id || 0)) : (Q(ze), v(0)), c(null);
+        }
+        te("Monthly"), localStorage.removeItem(Me);
+      } else {
+        const U = s?.find((Se) => Se.isCurrent);
+        U && (Q({
+          ...ze,
+          startDate: G(U?.startTime).startOf("day").valueOf(),
+          endDate: G(U?.endTime).endOf("day").valueOf(),
+          academicYearId: U?.id
+        }), v(U?.id || 0), te("Monthly"));
+      }
+      const ce = localStorage.getItem(et);
+      ce && (T(ce), localStorage.removeItem(et)), oe.current = !0;
+    };
+    Ce.academicYears && (n || Ce.listStudent) && !oe.current && s.length > 0 && (oe.current = !0, f());
+  }, [$e, s, Ce.academicYears, Ce.listStudent, n]), {
+    handleChangeFilterGrade: Rt,
+    gradeList: i,
+    student: d,
+    isStudent: n,
+    setStudent: c,
+    topLearningStrategiesData: rn,
+    activeColumnPreparedness: Je,
+    monthsOneToOne: pt,
+    stressData: yt,
+    safetyData: St,
+    preparednessData: Pe,
+    successIndicatorsData: Ct,
+    avgQuestionLastMonth: vt,
+    handleChangeStartDateChart: we,
+    handleChangeEndDateChart: me,
+    filter: k,
+    dayOfWeekOneToOne: Ke,
+    changeFilter: B,
+    handleChangeFilterCalendar: mt,
+    dataOverallReadyToLearn: pn,
+    studentSkillQuestion: wt,
+    academicYearList: s,
+    handleChangeAcademicYear: _n,
+    studentPressure: yn,
+    expandedFilter: M,
+    onToggleChart: Wn,
+    dataReadinessOfChart: Tn,
+    seriesConference: Ka,
+    monthsConference: Xa,
+    activeColumnConference: Za,
+    handleActiveColumnConference: en,
+    dayOfWeekConference: tn,
+    avgConferenceLastMonth: an,
+    handleChangeStudent: Ue,
+    summarizeQuestions: b,
+    goToSession: Fn,
+    questionFilters: C,
+    handleChangeQuestionFilter: de,
+    handleRedirectAllAnswer: W,
+    isExistQuestion: D,
+    isStudentOrTeacher: a,
+    setIsExistQuestion: x,
+    handleHoverTooltip: he,
+    activeTab: _,
+    setActiveTab: T,
+    successIndicatorWeeklyData: Ot,
+    weeksOneToOne: Ze,
+    preparednessWeeklyData: ye,
+    metricWeeks: Qe,
+    handleClick: j,
+    handleClose: re,
+    anchorEl: I,
+    id_export: se,
+    openPopoverExport: z,
+    toggle: H,
+    handleSelectToPrint: P,
+    selectedToPrint: ne,
+    modal: A,
+    schoolName: ue,
+    metricDataWeeks: fe,
+    metricMonths: Ie,
+    metricDataMonths: ft,
+    lowMetricStudents: Ve,
+    studentMetricPercent: Ge,
+    stressValue: ja,
+    listTotalTime: xe,
+    conversationKpi: Z,
+    onSaveFilter: V,
+    onClearFilter: F,
+    handleChangeAcademicYearFilters: Cn,
+    studentData: $e,
+    handleFilterStudent: le,
+    academicYearItem: ae,
+    setConversationKpi: ee,
+    dayOfWeekStress: Ua,
+    setOptionDate: te,
+    dayOfWeekReadiness: qa,
+    safetyValue: Qa,
+    activeColumnReadiness: Va,
+    activeColumnIndicators: Ga,
+    handleActiveColumn: Ja,
+    loadingComplete: Ce,
+    strategyUsage: on,
+    getStrategyUsage: Ht,
+    qualityFeedbackStudents: ln,
+    openQualityFeedbackModal: dn,
+    handleOpenQualityFeedbackModal: cn,
+    handleCloseQualityFeedbackModal: hn,
+    noteSelected: un,
+    openDetailNote: gn,
+    handleViewDetailNote: mn,
+    handleCloseDetailNote: fn,
+    studentConversations: p,
+    onBeforeViewCheckIn: Nn
+  };
+}, Wr = ({
+  gradeList: t,
+  onChangeFilterGrade: e,
+  fontSizeInputSelect: n,
+  gradeFilter: a,
+  endDate: r,
+  startDate: i,
+  student: l,
+  onChangeStudent: d,
+  studentData: c,
+  academicYearList: s,
+  valueAcademicYear: u,
+  onChangeAcademicYear: m,
+  onChangeEndDateChart: v,
+  onChangeStartDateChart: b,
+  optionDate: N,
+  onChangeFilterCalendar: D,
+  onClearFilter: x,
+  onSaveFilter: _,
+  isStudent: T,
+  loadingComplete: C
+}) => {
+  const { t: $ } = ve(), [M, J] = q(a || []), [E, oe] = q(!1), ie = it(!1);
+  _e(() => {
+    J(a || []);
+  }, [a]);
+  const I = (X) => {
+    J(
+      (ue) => ue.includes(X) ? ue.filter((xe) => xe !== X) : [...ue, X]
+    );
+  }, R = () => {
+    ie.current = !0, e(M), oe(!1);
+  }, A = () => {
+    ie.current = !1, ie.current = !1, oe(!0);
+  }, O = () => {
+    oe(!1), ie.current || J(a);
+  }, ne = je(() => C?.academicYears && C?.dataChart && C?.gradeList && (T || C?.listStudent) && C?.metricData && C?.overallReadinessToLearn && C?.readinessToLearn && C?.skillQuestion && C?.skippedSessions && C?.studentPressure && C?.summarizeReport && C?.topLearningStrategies && C?.totalDashboard, [C, T]);
+  return /* @__PURE__ */ w(S, { className: `${g["plp-filter-desktop"]}`, children: [
+    /* @__PURE__ */ w(S, { className: `${g["select-filter-top"]}`, children: [
+      !T && /* @__PURE__ */ w(ht, { children: [
+        /* @__PURE__ */ o(S, { className: `${g["filter-item"]}`, children: /* @__PURE__ */ w(ga, { variant: "outlined", fullWidth: !0, children: [
+          /* @__PURE__ */ o(ma, { style: { background: "#fff" }, htmlFor: "filter_grade_dashboard_label", children: $("grade") }),
+          /* @__PURE__ */ w(
+            fa,
+            {
+              open: E,
+              onOpen: A,
+              onClose: O,
+              labelId: "filter_grade_dashboard_label",
+              id: "filter_grade_dashboard",
+              multiple: !0,
+              value: M,
+              MenuProps: {
+                PaperProps: {
+                  sx: {
+                    maxHeight: 300,
+                    width: 180,
+                    display: "flex",
+                    flexDirection: "column",
+                    position: "relative"
+                  }
+                },
+                // getContentAnchorEl: null,
+                anchorOrigin: { vertical: "bottom", horizontal: "center" }
+              },
+              renderValue: (X) => X.join(", "),
+              sx: {
+                height: 48,
+                display: "flex",
+                alignItems: "center",
+                "& .MuiSelect-select:focus": {
+                  backgroundColor: "transparent"
+                }
+              },
+              disabled: !ne,
+              children: [
+                /* @__PURE__ */ o("div", { style: { flex: 1, overflowY: "auto" }, children: t.map((X) => /* @__PURE__ */ w(pa, { value: X, onClick: () => I(X), children: [
+                  /* @__PURE__ */ o(va, { disabled: !ne, checked: M.includes(X), color: "primary" }),
+                  /* @__PURE__ */ o(ya, { primary: X })
+                ] }, X)) }),
+                /* @__PURE__ */ o("div", { style: {
+                  position: "sticky",
+                  bottom: 0,
+                  background: "#fff",
+                  borderTop: "1px solid #ddd",
+                  textAlign: "center",
+                  padding: "8px",
+                  display: "flex",
+                  justifyContent: "flex-end",
+                  alignItems: "center",
+                  zIndex: 1
+                }, children: /* @__PURE__ */ o(
+                  "button",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "center",
+                      alignItems: "center",
+                      padding: "8px 12px",
+                      borderRadius: 8,
+                      background: "#316CD9",
+                      color: "#fff",
+                      cursor: "pointer",
+                      border: "none"
+                    },
+                    type: "button",
+                    onClick: () => ne && R(),
+                    children: $("apply")
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ o(S, { className: `${g["filter-item"]}`, children: /* @__PURE__ */ o(
+          wa,
+          {
+            student: l,
+            grades: a,
+            setStudent: d,
+            studentData: c,
+            fontSizeInputSelect: n,
+            inputStyleProps: { height: 48 },
+            disabled: !ne
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ o(S, { className: `${g["filter-item"]}`, children: /* @__PURE__ */ o(
+        xa,
+        {
+          fullWidth: !0,
+          options: s,
+          getOptionLabel: (X) => X?.title,
+          value: u || null,
+          onChange: (X, ue) => {
+            m(ue);
+          },
+          label: $("academic_year"),
+          placeholder: $("select_academic_year"),
+          fontSizeInputSelect: n,
+          disabled: !ne
+        }
+      ) }),
+      T && /* @__PURE__ */ o(S, { className: `${g["filter-item"]}`, children: /* @__PURE__ */ o(
+        Wt,
+        {
+          options: $t,
+          value: N,
+          onChange: D,
+          disabled: !ne
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ w(S, { className: `${g["filter-box"]}`, children: [
+      !T && /* @__PURE__ */ o(S, { className: `${g["filter-item"]}`, children: /* @__PURE__ */ o(
+        Wt,
+        {
+          options: $t,
+          value: N,
+          onChange: D,
+          disabled: !ne
+        }
+      ) }),
+      /* @__PURE__ */ o(S, { className: `${g["filter-item"]}`, children: /* @__PURE__ */ o(
+        ba,
+        {
+          endDate: r,
+          startDate: i,
+          onChangeEndDate: v,
+          onChangeStartDate: b,
+          fontSizeInputSelect: n,
+          disabled: !ne
+        }
+      ) }),
+      /* @__PURE__ */ o(
+        Tt,
+        {
+          className: `${g["save-filter"]}`,
+          onClick: () => _(),
+          children: /* @__PURE__ */ o(K, { className: `${g["save-filter-title"]}`, children: $("save_filters") })
+        }
+      ),
+      /* @__PURE__ */ o(
+        Tt,
+        {
+          className: `${g["clear-filter"]}`,
+          onClick: () => ne && x(),
+          children: /* @__PURE__ */ w(S, { className: `${g["clear-filter-content"]}`, children: [
+            /* @__PURE__ */ o(
+              rr,
+              {
+                className: `${g["clear-filter-icon"]}`
+              }
+            ),
+            /* @__PURE__ */ o(
+              K,
+              {
+                className: `${g["clear-filter-text"]}`,
+                children: $("clear_all_filters")
+              }
+            )
+          ] })
+        }
+      )
+    ] })
+  ] });
+}, Lr = ({
+  gradeList: t,
+  onChangeFilterGrade: e,
+  fontSizeInputSelect: n,
+  gradeFilter: a,
+  endDate: r,
+  startDate: i,
+  student: l,
+  onChangeStudent: d,
+  studentData: c,
+  academicYearList: s,
+  valueAcademicYear: u,
+  onChangeAcademicYear: m,
+  onChangeEndDateChart: v,
+  onChangeStartDateChart: b,
+  onChangeFilterCalendar: N,
+  optionDate: D,
+  expandedFilter: x,
+  onToggleChart: _,
+  isStudent: T,
+  loadingComplete: C
+}) => {
+  const { t: $ } = ve(), M = ir(), [J, E] = q(a || []);
+  _e(() => {
+    E(a || []);
+  }, [a]);
+  const oe = (R) => {
+    E(
+      (A) => A.includes(R) ? A.filter((O) => O !== R) : [...A, R]
+    );
+  }, ie = () => {
+    e(J);
+  }, I = je(() => C?.academicYears && C?.dataChart && C?.gradeList && (T || C?.listStudent) && C?.metricData && C?.overallReadinessToLearn && C?.readinessToLearn && C?.skillQuestion && C?.skippedSessions && C?.studentPressure && C?.summarizeReport && C?.topLearningStrategies && C?.totalDashboard, [C, T]);
+  return /* @__PURE__ */ o(S, { className: `${g["plp-filter-mobile"]}`, children: /* @__PURE__ */ w(
+    Xn,
+    {
+      expanded: x,
+      className: `${g.accordion} ${!x && g["oveview-style"]}`,
+      children: [
+        /* @__PURE__ */ o(
+          Zn,
+          {
+            onClick: () => _(),
+            expandIcon: /* @__PURE__ */ o(sr, {}),
+            "aria-controls": "panel1a-content",
+            id: "panel1a-header",
+            className: `${g["expanded-summary"]}`,
+            children: /* @__PURE__ */ o(K, { className: `${g["expanded-title"]}`, children: $("filter") })
+          }
+        ),
+        /* @__PURE__ */ w(er, { className: `${g["expanded-detail"]}`, children: [
+          /* @__PURE__ */ w(S, { item: !0, className: `${g["select-filter-top"]}`, children: [
+            !T && /* @__PURE__ */ w(ht, { children: [
+              /* @__PURE__ */ o(S, { className: `${g["select-student"]}`, children: /* @__PURE__ */ o(
+                wa,
+                {
+                  student: l,
+                  setStudent: d,
+                  studentData: c,
+                  fontSizeInputSelect: n,
+                  disabled: !I
+                }
+              ) }),
+              /* @__PURE__ */ w(ga, { variant: "outlined", fullWidth: !0, children: [
+                /* @__PURE__ */ o(ma, { style: { background: "#fff" }, htmlFor: "filter_grade_dashboard_label_mobile", children: $("grade") }),
+                /* @__PURE__ */ w(
+                  fa,
+                  {
+                    labelId: "filter_grade_dashboard_label_mobile",
+                    id: "filter_grade_dashboard_mobile",
+                    multiple: !0,
+                    value: J,
+                    MenuProps: {
+                      PaperProps: {
+                        sx: {
+                          maxHeight: 300,
+                          width: 180,
+                          display: "flex",
+                          flexDirection: "column",
+                          position: "relative"
+                        }
+                      },
+                      anchorOrigin: { vertical: "bottom", horizontal: "center" }
+                    },
+                    renderValue: (R) => R.join(", "),
+                    sx: {
+                      height: 48,
+                      display: "flex",
+                      alignItems: "center"
+                    },
+                    disabled: !I,
+                    children: [
+                      /* @__PURE__ */ o("div", { style: { flex: 1, overflowY: "auto" }, children: t.map((R) => /* @__PURE__ */ w(pa, { value: R, onClick: () => oe(R), children: [
+                        /* @__PURE__ */ o(va, { disabled: !I, checked: J.includes(R), color: "primary" }),
+                        /* @__PURE__ */ o(ya, { primary: R })
+                      ] }, R)) }),
+                      /* @__PURE__ */ o("div", { style: {
+                        borderTop: "1px solid #ddd",
+                        textAlign: "center",
+                        padding: "8px",
+                        display: "flex",
+                        justifyContent: "flex-end",
+                        alignItems: "center"
+                      }, children: /* @__PURE__ */ o(
+                        "button",
+                        {
+                          style: {
+                            display: "flex",
+                            justifyContent: "center",
+                            alignItems: "center",
+                            padding: "8px 12px",
+                            borderRadius: 8,
+                            background: "#316CD9",
+                            color: "#fff",
+                            cursor: "pointer",
+                            border: "none"
+                          },
+                          type: "button",
+                          onClick: () => I && ie(),
+                          children: $("apply")
+                        }
+                      ) })
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ o(
+              xa,
+              {
+                fullWidth: !0,
+                slotProps: { popper: { className: M.popper } },
+                options: s,
+                getOptionLabel: (R) => R?.title,
+                value: u || null,
+                onChange: (R, A) => m(A),
+                label: $("academic_year"),
+                placeholder: $("select_academic_year"),
+                fontSizeInputSelect: n,
+                disabled: !I
+              }
+            )
+          ] }),
+          /* @__PURE__ */ w(
+            S,
+            {
+              container: !0,
+              spacing: 2,
+              className: `${g["filter-box"]}`,
+              children: [
+                /* @__PURE__ */ o(
+                  ba,
+                  {
+                    endDate: r,
+                    startDate: i,
+                    onChangeEndDate: v,
+                    onChangeStartDate: b,
+                    fontSizeInputSelect: n,
+                    disabled: !I
+                  }
+                ),
+                /* @__PURE__ */ o(S, { item: !0, xs: 12, sm: 4, children: /* @__PURE__ */ o(
+                  Wt,
+                  {
+                    options: $t,
+                    value: D,
+                    onChange: N,
+                    disabled: !I
+                  }
+                ) })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}, Pr = ({
+  studentSkillQuestion: t,
+  classFontSize: e,
+  safetyData: n,
+  stressData: a,
+  monthsOneToOne: r,
+  dayOfWeekOneToOne: i,
+  handleHoverTooltip: l,
+  avgQuestionLastMonth: d,
+  studentPressure: c,
+  timeOfDay: s,
+  metricWeeks: u,
+  lowMetricStudents: m,
+  metricDataMonths: v,
+  metricDataWeeks: b,
+  metricMonths: N,
+  studentMetricPercent: D,
+  stressValue: x,
+  dayOfWeekStress: _,
+  safetyValue: T,
+  loadingComplete: C,
+  onBeforeViewCheckIn: $
+}) => {
+  const { t: M } = ve(), J = Le((I) => I.common.menuBar), E = it(null), [oe, ie] = q(0);
+  return _e(() => {
+    const I = () => {
+      E.current && ie(E.current.offsetWidth);
+    };
+    return window.addEventListener("resize", I), I(), () => {
+      window.removeEventListener("resize", I);
+    };
+  }, [J]), /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ w(S, { className: `${g.explain}`, children: [
+      /* @__PURE__ */ o(
+        "img",
+        {
+          src: Re,
+          alt: "",
+          className: `${g["explain-icon"]}`
+        }
+      ),
+      /* @__PURE__ */ o(K, { className: `${g["explain-text"]}`, children: M("the_data_presented_here_comes_from_the_check_ins") })
+    ] }),
+    /* @__PURE__ */ w(S, { className: `${g["partition-chart"]} ${g["space-chart"]}`, children: [
+      /* @__PURE__ */ o(S, { className: `${g["partition-chart-item"]}`, children: /* @__PURE__ */ o(
+        be,
+        {
+          hiddenKpi: !0,
+          colors: ["#0F9655"],
+          name: da,
+          typeChart: "area",
+          activeColumn: [!0],
+          series: n,
+          months: r,
+          dayOfWeek: _,
+          avgQuestionLastMonth: d,
+          studentCount: t.studentSafetyQuestionCount,
+          studentPercentage: t.studentPercentageUnsafe,
+          responseStudent: t.responseStudentSafety,
+          classFontSize: e,
+          handleHoverTooltip: l,
+          timeOfDay: s,
+          skillClass: "full-width",
+          stressValue: T,
+          loadingComplete: C.dataChart && C.skillQuestion,
+          onBeforeViewCheckIn: $
+        }
+      ) }),
+      /* @__PURE__ */ o(S, { className: `${g["partition-chart-item"]}`, children: /* @__PURE__ */ o(
+        be,
+        {
+          hiddenKpi: !0,
+          min: -100,
+          colors: ["#C44140"],
+          name: ca,
+          typeChart: "area",
+          activeColumn: [!0],
+          series: a,
+          months: r,
+          dayOfWeek: _,
+          avgQuestionLastMonth: d,
+          studentCount: t.studentStressQuestionCount,
+          studentPercentage: t.studentPercentageStress,
+          responseStudent: t.responseStudentStress,
+          classFontSize: e,
+          handleHoverTooltip: l,
+          timeOfDay: s,
+          skillClass: "full-width",
+          stressValue: x,
+          loadingComplete: C.dataChart && C.skillQuestion,
+          onBeforeViewCheckIn: $
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ o(S, { className: `${g["space-chart"]}`, children: /* @__PURE__ */ o(
+      be,
+      {
+        hiddenKpi: !0,
+        colors: ["#C4D4F3"],
+        name: ha,
+        description: Vn,
+        typeChart: "bar",
+        weeks: u,
+        activeColumn: [!0],
+        series: [{
+          name: "",
+          data: v
+        }],
+        weeklySeries: [{
+          name: "",
+          data: b
+        }],
+        months: N,
+        dayOfWeek: i,
+        avgQuestionLastMonth: d,
+        classFontSize: e,
+        handleHoverTooltip: l,
+        timeOfDay: s,
+        lowMetricStudents: m,
+        studentMetricPercent: D,
+        loadingComplete: C.metricData,
+        onBeforeViewCheckIn: $
+      }
+    ) }),
+    /* @__PURE__ */ w(S, { className: `${g["plp-box-chart"]}`, children: [
+      /* @__PURE__ */ w(S, { className: `${g["header-chart-container"]}`, children: [
+        /* @__PURE__ */ o(K, { className: `${g["title-chart"]}`, children: M("student_stress_by_zone") }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: g["description-chart-distribution-stress"],
+            dangerouslySetInnerHTML: { __html: M("the_data_presented_in_this_chart_reflects_the_student_s_most_recent_check_in") }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o(
+        S,
+        {
+          ref: E,
+          className: `${g["box-chart-pressure"]}`,
+          style: { padding: 0 },
+          children: /* @__PURE__ */ o(
+            ia,
+            {
+              width: oe,
+              studentPressure: c,
+              changeLanguage: M("student_stress_by_zone"),
+              handleHoverTooltip: l,
+              loadingComplete: C.studentPressure
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+function Mr(t, e) {
+  return JSON.stringify(t) === JSON.stringify(e);
+}
+const Ar = ra(Pr, Mr), Or = cr(tr)({
+  height: 16,
+  borderRadius: 10,
+  backgroundColor: "#F6F6F6",
+  "& .MuiLinearProgress-bar": {
+    borderRadius: 10,
+    backgroundColor: "#316CD9"
+  }
+}), Hr = (t) => /* @__PURE__ */ o(S, { children: /* @__PURE__ */ w(rt, { display: "flex", alignItems: "center", children: [
+  /* @__PURE__ */ o(rt, { width: "100%", mr: 1, children: /* @__PURE__ */ o(
+    Or,
+    {
+      variant: "determinate",
+      ...t,
+      value: Math.min(t.value, 100)
+    }
+  ) }),
+  /* @__PURE__ */ o(rt, { minWidth: 35, children: /* @__PURE__ */ o(K, { variant: "body2", color: "textSecondary", children: `${Math.round(t.value) || 0}%` }) })
+] }) }), Rr = ot("/images/image-default.png"), Ir = ({ students: t, openPopoverListStudent: e, handleCloseListStudentModal: n }) => {
+  const { t: a } = ve();
+  return /* @__PURE__ */ o(
+    _a,
+    {
+      open: e,
+      onClose: n,
+      scroll: "body",
+      maxWidth: "md",
+      children: /* @__PURE__ */ w("div", { className: g["metric-modal"], children: [
+        /* @__PURE__ */ w("div", { className: g["metric-modal__title-missed-conversation"], children: [
+          a("students_missing_a_conversation"),
+          " (",
+          t?.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ w("div", { className: g["metric-modal__body"], children: [
+          /* @__PURE__ */ w("div", { className: g["metric-modal__body--header"], children: [
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: `${g.item} ${g["not-grade"]}`,
+                children: a("student")
+              }
+            ),
+            /* @__PURE__ */ o("div", { className: `${g.item} ${g.grade}`, style: { maxWidth: "20%" }, children: a("grade") })
+          ] }),
+          /* @__PURE__ */ o("div", { className: g["metric-modal__body--content"], children: t?.length && t.map((r) => /* @__PURE__ */ w(
+            "div",
+            {
+              className: g.item,
+              children: [
+                /* @__PURE__ */ w(
+                  "div",
+                  {
+                    className: `${g.item__data} ${g["item__not-grade"]} ${g["item__student-information"]}`,
+                    children: [
+                      /* @__PURE__ */ o(
+                        "img",
+                        {
+                          src: r?.studentProfileImage ? st(
+                            r?.studentProfileImage
+                          ) : Rr,
+                          alt: r?.studentName
+                        }
+                      ),
+                      r?.studentName
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "div",
+                  {
+                    className: `${g.item__data} ${g.item__grade}`,
+                    style: { maxWidth: "20%" },
+                    children: r?.grade
+                  }
+                )
+              ]
+            },
+            r?.studentId
+          )) })
+        ] })
+      ] })
+    }
+  );
+}, zr = ({ conversationKpi: t, loadingComplete: e = !0 }) => {
+  const { t: n } = ve(), [a, r] = q(!1);
+  return /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ w(S, { className: `${g.explain}`, children: [
+      /* @__PURE__ */ o(
+        "img",
+        {
+          src: Re,
+          alt: "",
+          className: `${g["explain-icon"]}`
+        }
+      ),
+      /* @__PURE__ */ o(K, { className: `${g["explain-text"]}`, children: n("the_data_presented_here_comes_from_the_conversations_logs") })
+    ] }),
+    /* @__PURE__ */ w(S, { className: `${g["conversation-list-card"]}`, children: [
+      /* @__PURE__ */ w(S, { className: `${g["card-item"]}`, children: [
+        /* @__PURE__ */ w(S, { className: `${g["card-item-header"]}`, children: [
+          /* @__PURE__ */ o(K, { className: `${g["card-item-title"]}`, children: n("average_student_review") }),
+          /* @__PURE__ */ o("img", { src: "/images/star-icon.png", alt: "" })
+        ] }),
+        /* @__PURE__ */ w(S, { className: `${g["card-item-content"]}`, children: [
+          e ? /* @__PURE__ */ o(K, { className: `${g["card-item-score"]}`, children: t.avgStudentReview }) : /* @__PURE__ */ o(Oe, { size: 24 }),
+          /* @__PURE__ */ o(K, { className: `${g["rating-scale"]}`, children: "/10" })
+        ] })
+      ] }),
+      /* @__PURE__ */ w(S, { className: `${g["card-item"]}`, children: [
+        /* @__PURE__ */ w(S, { className: `${g["card-item-header"]}`, children: [
+          /* @__PURE__ */ o(K, { className: `${g["card-item-title"]}`, children: n("monthly_conversation_target") }),
+          /* @__PURE__ */ o("img", { src: "/images/target-icon.png", alt: "" })
+        ] }),
+        /* @__PURE__ */ o(S, { className: `${g["card-item-content"]}`, children: e ? /* @__PURE__ */ w(ht, { children: [
+          /* @__PURE__ */ o(K, { className: `${g["card-item-score"]}`, children: t.conversationTeacherAvg }),
+          /* @__PURE__ */ o(K, { className: `${g["rating-scale"]}`, children: `/${t.conversationTarget}` })
+        ] }) : /* @__PURE__ */ o(Oe, { size: 24 }) }),
+        /* @__PURE__ */ o(
+          Hr,
+          {
+            value: t.conversationTeacherAvg / t.conversationTarget * 100
+          }
+        )
+      ] }),
+      /* @__PURE__ */ w(S, { className: `${g["card-item"]}`, children: [
+        /* @__PURE__ */ w(S, { className: `${g["card-item-header"]}`, children: [
+          /* @__PURE__ */ o(K, { className: `${g["card-item-title"]}`, children: n("students_missing_a_conversation") }),
+          /* @__PURE__ */ o("img", { src: "/images/conversation-icon.png", alt: "" })
+        ] }),
+        /* @__PURE__ */ o(S, { className: `${g["card-item-content"]}`, children: /* @__PURE__ */ w("div", { className: `${g["card-item-score"]}`, children: [
+          e ? /* @__PURE__ */ o("span", { className: `${g["card-item-score__kpi"]}`, children: t.sessionReviewSkipped }) : /* @__PURE__ */ o(Oe, { size: 24 }),
+          /* @__PURE__ */ o("span", { className: `${g["card-item-score__student"]}`, children: n("students") }),
+          !!t?.sessionReviewSkipped && e && /* @__PURE__ */ w(
+            "button",
+            {
+              type: "button",
+              className: `${g["card-item-score__view-list"]}`,
+              onClick: () => r(!0),
+              children: [
+                n("view_list"),
+                /* @__PURE__ */ o(hr, {})
+              ]
+            }
+          )
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ o(
+      Ir,
+      {
+        students: t.missedReviewStudents,
+        openPopoverListStudent: a,
+        handleCloseListStudentModal: () => r(!1)
+      }
+    )
+  ] });
+};
+function Br(t, e) {
+  return JSON.stringify(t) === JSON.stringify(e);
+}
+const Er = ra(zr, Br), Yr = ({
+  dataReadinessOfChart: t,
+  handleHoverTooltip: e,
+  classFontSize: n,
+  dataOverallReadyToLearn: a,
+  dayOfWeekOneToOne: r,
+  monthsOneToOne: i,
+  avgQuestionLastMonth: l,
+  preparednessData: d,
+  preparednessWeeklyData: c,
+  weeksOneToOne: s,
+  setOptionDate: u,
+  activeColumn: m,
+  onActiveColumn: v,
+  timeOfDay: b,
+  loadingComplete: N,
+  onBeforeViewCheckIn: D
+}) => {
+  const { t: x } = ve(), _ = ["Energy", "Happiness", "Focus"], T = [...t].sort((C, $) => _.indexOf(Ut(C.questionText)) - _.indexOf(Ut($.questionText)));
+  return /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ w(S, { className: `${g.explain}`, children: [
+      /* @__PURE__ */ o(
+        "img",
+        {
+          src: Re,
+          alt: "",
+          className: `${g["explain-icon"]}`
+        }
+      ),
+      /* @__PURE__ */ o(K, { className: `${g["explain-text"]}`, children: x("the_data_presented_here_comes_from_the_check_ins") })
+    ] }),
+    /* @__PURE__ */ o(S, { className: `${g["space-chart"]}`, children: /* @__PURE__ */ o(
+      Da,
+      {
+        avgQuestionLastMonth: l,
+        series: d,
+        timeOfDay: b,
+        icons: [
+          "home/energy.png",
+          "home/focus.png",
+          "home/happiness.png"
+        ],
+        trendLabels: [
+          "Feeling Okay",
+          "Generally focused",
+          "More positives than negatives"
+        ],
+        className: "trend-item-icon-large",
+        loadingComplete: N.dataChart
+      }
+    ) }),
+    /* @__PURE__ */ w(
+      S,
+      {
+        className: `${g["partition-chart"]} ${g["space-chart"]}`,
+        children: [
+          /* @__PURE__ */ o(
+            S,
+            {
+              className: `${g["partition-chart-item"]} ${g["partition-chart-item-1"]}`,
+              children: /* @__PURE__ */ o(
+                be,
+                {
+                  colors: ["#D9EEE4", "#FAF0F0"],
+                  name: Gn,
+                  typeChart: "donut",
+                  months: [],
+                  activeColumn: [!0, !0],
+                  avgQuestionLastMonth: a.overViewQuestionLastMonth,
+                  studentCount: a?.studentNotReadyToLearn?.length || void 0,
+                  responseStudent: a?.studentNotReadyToLearn,
+                  series: a.resultQuestion,
+                  classFontSize: n,
+                  handleHoverTooltip: e,
+                  kpiClassName: "column-reverse",
+                  loadingComplete: N.overallReadinessToLearn,
+                  onBeforeViewCheckIn: D
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ o(
+            S,
+            {
+              className: `${g["partition-chart-item"]} ${g["partition-chart-item-2"]}`,
+              children: /* @__PURE__ */ o(
+                be,
+                {
+                  colors: ["#169490", "#316CD9", "#FFB04F"],
+                  name: ua,
+                  typeChart: "area",
+                  series: d,
+                  months: i,
+                  dayOfWeek: r,
+                  avgQuestionLastMonth: l,
+                  classFontSize: n,
+                  handleHoverTooltip: e,
+                  weeks: s,
+                  weeklySeries: c,
+                  noGradient: !0,
+                  setOptionDate: u,
+                  noAvgTotal: !0,
+                  activeColumn: m || [!0, !0, !0],
+                  onActiveColumn: v,
+                  loadingComplete: N.dataChart,
+                  onBeforeViewCheckIn: D
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      S,
+      {
+        className: `${g["plp-box-chart"]} ${g["distribution-chart"]}`,
+        children: /* @__PURE__ */ o(
+          Fa,
+          {
+            data: T,
+            handleHoverTooltip: e,
+            hiddenRightLegend: !0,
+            hiddenDescription: !0,
+            idDistribution: "chart_bubble_custom",
+            loadingComplete: N.readinessToLearn
+          }
+        )
+      }
+    )
+  ] });
+}, jr = ({
+  handleRedirectAllAnswer: t,
+  summarizeQuestions: e,
+  goToSession: n,
+  handleChangeQuestionFilter: a,
+  questionFilters: r,
+  loadingComplete: i = !0
+}) => {
+  const { t: l } = ve();
+  return /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ w(S, { className: `${g.explain}`, children: [
+      /* @__PURE__ */ o(
+        "img",
+        {
+          src: Re,
+          alt: "",
+          className: `${g["explain-icon"]}`
+        }
+      ),
+      /* @__PURE__ */ o(K, { className: `${g["explain-text"]}`, children: l("the_data_presented_here_comes_from_the_check_ins") })
+    ] }),
+    /* @__PURE__ */ w(
+      S,
+      {
+        className: `${g["plp-box-chart"]} ${g["box-chart-container"]}`,
+        children: [
+          /* @__PURE__ */ o(K, { className: `${g["title-chart"]}`, children: l("open_field_questions") }),
+          /* @__PURE__ */ o(
+            K,
+            {
+              className: g["description-chart-distribution-stress"],
+              children: l(
+                "these_are_the_last_5_comments_from_recent_check_ins_filtered_by_the_selected_criteria_above"
+              )
+            }
+          ),
+          /* @__PURE__ */ w(S, { className: "d-flex align-items-center", children: [
+            /* @__PURE__ */ w(S, { className: "d-flex align-items-center", children: [
+              /* @__PURE__ */ w(K, { className: `${g["total-text"]}`, children: [
+                l("total_responses"),
+                ":"
+              ] }),
+              i ? /* @__PURE__ */ o(K, { className: `${g["total-value"]}`, children: e?.totalItems ?? 0 }) : /* @__PURE__ */ o(Oe, { size: 24 })
+            ] }),
+            /* @__PURE__ */ w(
+              S,
+              {
+                onClick: () => i && t(),
+                className: `d-flex align-items-center ${g["view-response-action"]}`,
+                children: [
+                  /* @__PURE__ */ o(K, { className: `${g["action-text"]}`, children: l("view_all_responses") }),
+                  /* @__PURE__ */ o(At, {})
+                ]
+              }
+            )
+          ] }),
+          i ? /* @__PURE__ */ o(
+            ur,
+            {
+              items: e?.items || [],
+              onOder: a,
+              filter: r,
+              goToSession: n
+            }
+          ) : /* @__PURE__ */ o("div", { style: { width: "100%", height: 400, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ o(Oe, {}) })
+        ]
+      }
+    )
+  ] });
+}, Ur = ({
+  successIndicatorsData: t,
+  avgQuestionLastMonth: e,
+  dayOfWeekOneToOne: n,
+  monthsOneToOne: a,
+  timeOfDay: r,
+  classFontSize: i,
+  handleHoverTooltip: l,
+  successIndicatorWeeklyData: d,
+  weeksOneToOne: c,
+  activeColumn: s,
+  onActiveColumn: u,
+  loadingComplete: m,
+  onBeforeViewCheckIn: v
+}) => {
+  const { t: b } = ve();
+  return /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ w(S, { className: `${g.explain}`, children: [
+      /* @__PURE__ */ o(
+        "img",
+        {
+          src: Re,
+          alt: "",
+          className: `${g["explain-icon"]}`
+        }
+      ),
+      /* @__PURE__ */ o(K, { className: `${g["explain-text"]}`, children: b("the_data_presented_here_comes_from_the_check_ins") })
+    ] }),
+    /* @__PURE__ */ o(S, { className: `${g["space-chart"]}`, children: /* @__PURE__ */ o(
+      Da,
+      {
+        avgQuestionLastMonth: e,
+        series: t,
+        timeOfDay: r,
+        icons: [
+          "well-being-icon.png",
+          "growth-icon.png",
+          "relationship-icon.png",
+          "personal-icon-quests.svg",
+          "academic-icon.png",
+          "self-efficacy-icon.png"
+        ],
+        trendLabels: [
+          "Generally okay",
+          "Good growth overall",
+          "All key relationships are positive",
+          "Meeting some deadlines",
+          "On target in most areas",
+          "Lacking some self-belief"
+        ],
+        noAvgText: !0,
+        loadingComplete: m.dataChart
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      be,
+      {
+        colors: [
+          "#73C8E5",
+          "#FFB04F",
+          "#D7B0DE",
+          "#E56362",
+          "#5A7F05",
+          "#D3D3D3"
+        ],
+        name: b("success_indicators"),
+        typeChart: "area",
+        series: t,
+        weeklySeries: d,
+        months: a,
+        dayOfWeek: n,
+        avgQuestionLastMonth: e,
+        timeOfDay: r,
+        classFontSize: i,
+        handleHoverTooltip: l,
+        weeks: c,
+        noGradient: !0,
+        noAvgTotal: !0,
+        activeColumn: s,
+        onActiveColumn: u,
+        loadingComplete: m.dataChart,
+        onBeforeViewCheckIn: v
+      }
+    )
+  ] });
+}, ka = ({ learningStrategies: t, handleOpenQualityFeedbackModal: e, isPrint: n }) => {
+  const { t: a } = ve(), [r, i] = q("desc"), [l, d] = q("timesUsed"), c = (u) => {
+    if (n) return;
+    i(l === u && r === "asc" ? "desc" : "asc"), d(u);
+  }, s = je(() => t ? [...t].sort((u, m) => {
+    const v = u[l], b = m[l];
+    return b < v ? r === "desc" ? -1 : 1 : b > v ? r === "desc" ? 1 : -1 : 0;
+  }) : [], [t, r, l]);
+  return /* @__PURE__ */ w(S, { className: `${g["table-container"]}`, children: [
+    /* @__PURE__ */ o(lt, { "aria-label": "simple table", children: /* @__PURE__ */ o(Sa, { className: `${g["table-head"]}`, children: /* @__PURE__ */ w(Ee, { children: [
+      /* @__PURE__ */ o(ge, { align: "left", width: n ? "40%" : "37%", className: `${g["header-cell"]}`, children: /* @__PURE__ */ o(
+        xt,
+        {
+          active: l === "learningStrategyName",
+          direction: l === "learningStrategyName" ? r : "asc",
+          onClick: () => c("learningStrategyName"),
+          hideSortIcon: n,
+          children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center", children: a("learning_strategy_name") })
+        }
+      ) }),
+      /* @__PURE__ */ o(ge, { align: "center", width: n ? "30%" : "20%", className: `${g["header-cell"]}`, children: /* @__PURE__ */ o(
+        xt,
+        {
+          active: l === "timesUsed",
+          direction: l === "timesUsed" ? r : "asc",
+          onClick: () => c("timesUsed"),
+          hideSortIcon: n,
+          children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center justify-content-center", children: a("times_used") })
+        }
+      ) }),
+      /* @__PURE__ */ o(ge, { align: "left", width: n ? "30%" : "25%", className: `${g["header-cell"]}`, children: /* @__PURE__ */ o(
+        xt,
+        {
+          active: l === "studentFeedBackAvg",
+          direction: l === "studentFeedBackAvg" ? r : "asc",
+          onClick: () => c("studentFeedBackAvg"),
+          hideSortIcon: n,
+          children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center", children: a("student_feedback") })
+        }
+      ) }),
+      !n && /* @__PURE__ */ o(
+        ge,
+        {
+          align: "left",
+          width: "18%",
+          className: `${g["header-cell"]}`,
+          children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center", children: a("action") })
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ o(S, { className: `${g["table-body-container"]}`, children: /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(Ca, { className: `${g["table-body"]}`, children: s?.map((u) => /* @__PURE__ */ w(
+      Ee,
+      {
+        className: `${g["table-row"]}`,
+        children: [
+          /* @__PURE__ */ o(ge, { align: "left", height: 52, style: { width: n ? "40%" : "37%" }, className: `${g["body-cell"]}`, children: /* @__PURE__ */ o(S, { className: "d-flex align-items-start h-100", children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center", children: u.learningStrategyName }) }) }),
+          /* @__PURE__ */ o(ge, { align: "center", height: 52, style: { width: n ? "30%" : "20%" }, className: `${g["body-cell"]}`, children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center h-100 justify-content-center", children: u.timesUsed }) }),
+          /* @__PURE__ */ o(ge, { align: "left", height: 52, style: { width: n ? "30%" : "25%" }, className: `${g["body-cell"]}`, children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center h-100", children: u.studentFeedBackAvg === 0 ? "Not done yet" : /* @__PURE__ */ w(aa, { children: [
+            u.studentFeedBackAvg,
+            " ",
+            /* @__PURE__ */ o("span", { className: `${g["tail-average"]}`, children: " / 10" })
+          ] }) }) }),
+          !n && /* @__PURE__ */ o(ge, { align: "left", height: 52, style: { width: "18%" }, className: `${g["body-cell"]}`, children: /* @__PURE__ */ o(S, { className: "d-flex align-items-start h-100", children: /* @__PURE__ */ w(
+            S,
+            {
+              onClick: () => e && e(u.learningStrategyId),
+              className: `d-flex align-items-center ${g["view-response-action"]}`,
+              children: [
+                /* @__PURE__ */ o(K, { className: `${g["action-text"]}`, children: a("view_students") }),
+                /* @__PURE__ */ o(At, {})
+              ]
+            }
+          ) }) })
+        ]
+      },
+      u.learningStrategyId
+    )) }) }) })
+  ] });
+}, qr = (t) => {
+  const [e, n] = q({
+    sortBy: "grade",
+    sortOrder: "DESC"
+  }), a = na((i) => {
+    n((l) => ({
+      sortBy: i,
+      sortOrder: l.sortBy === i && l.sortOrder === "ASC" ? "DESC" : "ASC"
+    }));
+  }, []);
+  return {
+    sortedStudents: je(() => t ? e.sortBy ? [...t].sort((i, l) => {
+      const { sortBy: d, sortOrder: c } = e;
+      let s = i[d] ?? "", u = l[d] ?? "";
+      if (d === "grade") {
+        const m = parseInt(String(s).replace(/\D/g, ""), 10), v = parseInt(String(u).replace(/\D/g, ""), 10);
+        !isNaN(m) && !isNaN(v) && (s = m, u = v);
+      }
+      return typeof s == "number" && typeof u == "number" ? c === "ASC" ? s - u : u - s : s < u ? c === "ASC" ? -1 : 1 : s > u ? c === "ASC" ? 1 : -1 : 0;
+    }) : t : [], [t, e]),
+    sortConfig: e,
+    handleSort: a,
+    setSortConfig: n
+  };
+}, Qr = ot("/images/image-default.png");
+function Vr({ students: t, openPopoverListStudent: e, handleCloseListStudentModal: n, handleViewDetailNote: a }) {
+  const { t: r } = ve(), { sortedStudents: i, sortConfig: l, handleSort: d, setSortConfig: c } = qr(t);
+  _e(() => {
+    e || c({ sortBy: "grade", sortOrder: "DESC" });
+  }, [e]);
+  const s = (u, m) => u ? m === "ASC" ? /* @__PURE__ */ o(gr, { style: { width: 16, height: 16, marginLeft: 4 } }) : /* @__PURE__ */ o(mr, { style: { width: 16, height: 16, marginLeft: 4 } }) : null;
+  return /* @__PURE__ */ o(
+    _a,
+    {
+      open: e,
+      onClose: n,
+      scroll: "body",
+      maxWidth: "md",
+      isHiddenIconClose: !0,
+      children: /* @__PURE__ */ w("div", { className: `${g["metric-modal"]} position-relative`, children: [
+        /* @__PURE__ */ w("div", { className: `d-flex justify-content-between align-items-center ${g["metric-modal__title-missed-conversation"]}`, children: [
+          /* @__PURE__ */ o("div", { className: g["quality-feedback-title"], children: r("quality_feedback") }),
+          /* @__PURE__ */ o(
+            "span",
+            {
+              className: g["modal-close-icon"],
+              onClick: n,
+              children: /* @__PURE__ */ o(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "34",
+                  height: "34",
+                  viewBox: "0 0 54 54",
+                  fill: "none",
+                  children: /* @__PURE__ */ o(
+                    "path",
+                    {
+                      d: "M49 7L28 28M28 28L49 49M28 28L7 7M28 28L7 49",
+                      stroke: "#9E9E9E",
+                      strokeWidth: "2.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("div", { className: g["metric-modal__body"], children: /* @__PURE__ */ w(S, { className: `${g["table-container"]}`, children: [
+          /* @__PURE__ */ o(lt, { "aria-label": "simple table", children: /* @__PURE__ */ o(Sa, { className: `${g["table-head"]}`, children: /* @__PURE__ */ w(Ee, { children: [
+            /* @__PURE__ */ o(
+              ge,
+              {
+                align: "left",
+                width: "30%",
+                className: `${g["header-cell"]}`,
+                onClick: () => d?.("studentUserName"),
+                style: { cursor: "pointer" },
+                children: /* @__PURE__ */ w(S, { className: "d-flex align-items-center", children: [
+                  r("student"),
+                  s(l?.sortBy === "studentUserName", l?.sortOrder || "ASC")
+                ] })
+              }
+            ),
+            /* @__PURE__ */ o(
+              ge,
+              {
+                align: "center",
+                width: "20%",
+                className: `${g["header-cell"]}`,
+                onClick: () => d?.("grade"),
+                style: { cursor: "pointer" },
+                children: /* @__PURE__ */ w(S, { className: "d-flex align-items-center justify-content-start", children: [
+                  r("grade"),
+                  s(l?.sortBy === "grade", l?.sortOrder || "ASC")
+                ] })
+              }
+            ),
+            /* @__PURE__ */ o(
+              ge,
+              {
+                align: "left",
+                width: "25%",
+                className: `${g["header-cell"]}`,
+                onClick: () => d?.("average"),
+                style: { cursor: "pointer" },
+                children: /* @__PURE__ */ w(S, { className: "d-flex align-items-center", children: [
+                  r("student_feedback"),
+                  s(l?.sortBy === "average", l?.sortOrder || "ASC")
+                ] })
+              }
+            ),
+            /* @__PURE__ */ o(
+              ge,
+              {
+                align: "left",
+                width: "25%",
+                className: `${g["header-cell"]}`,
+                children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center", children: r("action") })
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ o(S, { className: `${g["table-body-container"]}`, children: /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(Ca, { className: `${g["table-body"]}`, children: i != null && i.length > 0 ? i.map((u, m) => /* @__PURE__ */ w(
+            Ee,
+            {
+              className: `${g["table-row"]} ${g["quality-feedback-row"]}`,
+              children: [
+                /* @__PURE__ */ o(ge, { align: "left", height: 52, style: { width: "30%" }, className: `${g["body-cell"]}`, children: /* @__PURE__ */ w(S, { className: "d-flex align-items-center h-100", children: [
+                  /* @__PURE__ */ o(
+                    "img",
+                    {
+                      src: u.avatarStudent ? st(u.avatarStudent) : Qr,
+                      alt: "",
+                      className: `${g.avatar_user} ${g["quality-feedback-avatar"]}`
+                    }
+                  ),
+                  u.studentUserName
+                ] }) }),
+                /* @__PURE__ */ o(ge, { align: "center", height: 52, style: { width: "20%" }, className: `${g["body-cell"]}`, children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center h-100 justify-content-start", children: u.grade }) }),
+                /* @__PURE__ */ o(ge, { align: "left", height: 52, style: { width: "25%" }, className: `${g["body-cell"]}`, children: /* @__PURE__ */ o(S, { className: "d-flex align-items-center h-100", children: u.average === 0 ? "Not done yet" : /* @__PURE__ */ w(aa, { children: [
+                  u.average,
+                  " ",
+                  /* @__PURE__ */ o("span", { className: `${g["tail-average"]}`, children: "/ 10" })
+                ] }) }) }),
+                /* @__PURE__ */ o(ge, { align: "left", height: 52, style: { width: "25%" }, className: `${g["body-cell"]}`, children: /* @__PURE__ */ o(S, { className: "d-flex align-center h-100", children: /* @__PURE__ */ w(
+                  S,
+                  {
+                    className: `d-flex align-items-center ${g["view-response-action"]}`,
+                    onClick: () => a(u),
+                    children: [
+                      /* @__PURE__ */ o(K, { className: `${g["action-text"]}`, children: r("view_1_1_note") }),
+                      /* @__PURE__ */ o(At, {})
+                    ]
+                  }
+                ) }) })
+              ]
+            },
+            m
+          )) : /* @__PURE__ */ o(Ee, { children: /* @__PURE__ */ o(ge, { colSpan: 4, align: "center", children: r("no_data") }) }) }) }) })
+        ] }) })
+      ] })
+    }
+  );
+}
+const Gr = ({
+  learningStrategies: t,
+  classFontSize: e,
+  print: n,
+  loadingComplete: a = !0,
+  students: r,
+  openQualityFeedbackModal: i,
+  handleOpenQualityFeedbackModal: l,
+  handleCloseQualityFeedbackModal: d,
+  handleViewDetailNote: c
+}) => {
+  const { t: s } = ve(), m = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) < 576;
+  return /* @__PURE__ */ w(S, { children: [
+    !n && /* @__PURE__ */ w(S, { className: `${g.explain}`, children: [
+      /* @__PURE__ */ o(
+        "img",
+        {
+          src: Re,
+          alt: "",
+          className: `${g["explain-icon"]}`
+        }
+      ),
+      /* @__PURE__ */ o(K, { className: `${g["explain-text"]}`, children: s("the_data_presented_here_comes_from_the_1_1_conversations") })
+    ] }),
+    /* @__PURE__ */ o(
+      S,
+      {
+        className: `${g["box-strategy"]} ${g[e]}`,
+        style: n ? { flexDirection: "column" } : {},
+        children: /* @__PURE__ */ w(S, { className: `${g["strategy-bar-chart"]}`, children: [
+          /* @__PURE__ */ o(S, { className: `${g["block-header-chart"]}`, children: /* @__PURE__ */ w(S, { className: `${g["block-header-name"]}`, children: [
+            /* @__PURE__ */ o("p", { className: `${g["title-chart"]}`, children: s("learning_strategies_usage_feedback") }),
+            !n && /* @__PURE__ */ o("p", { className: `${g["description-chart"]}`, children: s("overview_of_learning_strategies_with_usage_stats_and_feedback") })
+          ] }) }),
+          /* @__PURE__ */ o(S, { className: "w-100 h-100", children: /* @__PURE__ */ o(
+            S,
+            {
+              style: { marginLeft: m ? -410 : 0 },
+              children: a ? /* @__PURE__ */ o(
+                ka,
+                {
+                  learningStrategies: t,
+                  handleOpenQualityFeedbackModal: l
+                }
+              ) : /* @__PURE__ */ o("div", { style: { width: "100%", height: 400, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ o(Oe, {}) })
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o(
+      Vr,
+      {
+        students: r,
+        openPopoverListStudent: i,
+        handleCloseListStudentModal: d,
+        handleViewDetailNote: c
+      }
+    )
+  ] });
+}, Jr = () => {
+  const t = ut(), n = window.location.hostname.includes("iskenya"), a = Le((D) => D?.common?.user?.schoolName) || "", r = Le((D) => D?.common?.user), i = async (D) => {
+    t(Ae(!0));
+    try {
+      const _ = (await qn({ ...D, grade: D.grades, roles: r.roles ?? [] })).data, T = l(_, D.startDate, D.endDate), C = document.createElement("a");
+      C.href = T, C.download = `${a}_CheckIns_Report.csv`, C.click(), t(
+        pe({
+          type: "success",
+          message: "Download Completed"
+        })
+      );
+    } catch (x) {
+      t(
+        pe({
+          type: "danger",
+          message: x.response?.data?.title || x.message
+        })
+      );
+    }
+    t(Ae(!1));
+  }, l = (D, x, _) => {
+    let T = "Student Name,ID/Email,Question,Answer,Teacher,Start Time";
+    (x || _) && (T = `"${G(x).isValid() ? "From: " + G(x).format("DD/MM/YYYY") : ""}${G(x).isValid() && G(_).isValid() ? " - " : ""}${G(_).isValid() ? "To: " + G(_).format("DD/MM/YYYY") : ""}"
+${T}`);
+    const {
+      questions: C,
+      strategyQuestions: $,
+      sessions: M
+    } = D, J = C.filter(
+      (A) => A.type == Dt.Rating && !!A.isBeforeSession
+    ).slice(0, 6), E = C.filter(
+      (A) => A.type == Dt.Summarize && !!A.isBeforeSession
+    ), oe = C.filter((A) => !!A.isBeforeSession).slice(7, n ? 12 : 13), ie = C.filter((A) => !A.isBeforeSession).slice(0, 4);
+    let I = [];
+    E.length > 0 && I.push(E[0]), I = [
+      ...I,
+      ...J,
+      ...oe
+    ];
+    const R = M.map((A) => {
+      const {
+        answers: O,
+        isUnlocked: ne,
+        startTime: X,
+        studentId: ue,
+        studentName: xe,
+        teacherName: ke,
+        studentEmail: Z,
+        strategyAnswers: ee,
+        isOneToOneConversation: p
+      } = A, y = c(xe), k = c(Z || `${ue}`), Q = c(ke), h = sa(X, "dd-MM-yyyy HH:mm:ss"), te = u(I, O, y, k, Q, h), Ce = p ? m($, ee, y, k, Q, h) : "", L = p && ne ? u(ie, O, y, k, Q, h) : "";
+      return `${te}${Ce}${L}`;
+    }).join("");
+    return `${Yt}${T}${encodeURIComponent(R)}`;
+  }, d = (D) => {
+    const x = [
+      ["amp", "&"],
+      ["apos", "'"],
+      ["#x27", "'"],
+      ["#x2F", "/"],
+      ["#39", "'"],
+      ["#47", "/"],
+      ["lt", "<"],
+      ["gt", ">"],
+      ["nbsp", " "],
+      ["quot", '"']
+    ];
+    let _ = D.replace(/<[^>]+>/g, "");
+    return x.forEach((T) => {
+      _ = _.replace(new RegExp("&" + T[0] + ";", "g"), T[1]);
+    }), _;
+  }, c = (D) => D ? `"${D.replace(/"/g, '""').replaceAll(/\n/g, " ")}"` : "", s = (D) => D ? `"${D.replace(/"/g, '""')}"` : "", u = (D, x, _, T, C, $) => D.map((M) => {
+    const J = x.find((E) => E.questionId === M.id);
+    return `
+${_},${T},${c(d(M.text))},${v(M.type, J?.text)},${C},${$}`;
+  }).join(""), m = (D, x, _, T, C, $) => x.map((M) => {
+    const { text: J } = M;
+    return (J?.split(";") || []).map((ie) => {
+      const I = ie.split("|"), R = I.length ? D.find((ne) => `${ne.id}` == I?.[0]) : null, A = R ? `${R.text}${R.questionText ? `/${R.questionText}` : ""}` : "", O = I.length > 1 ? I?.[1] : "";
+      return A ? `
+${_},${T},${c(A)},${O?.length > 0 ? `${O}%` : ""},${C},${$}` : "";
+    }).join("");
+  }), v = (D, x) => D === Dt.Rating ? x?.length ? `${x}%` : "" : c(x || ""), b = (D, x, _) => {
+    let T = "Name of Student,Grade,Name of Educator,Number of Conversations,Conversations Date";
+    (x || _) && (T = `"${G(x).isValid() ? "From: " + G(x).format("DD/MM/YYYY") : ""}${G(x).isValid() && G(_).isValid() ? " - " : ""}${G(_).isValid() ? "To: " + G(_).format("DD/MM/YYYY") : ""}"
+${T}`);
+    const C = D.map(($) => {
+      const M = s($.studentName), J = s($.educatorNames.join(`
+`)), E = s($.gradeLevel), oe = $.conversationCount, ie = s($.conversationDates.map((I) => G(I).format("Do MMMM YYYY")).join(`
+`));
+      return `
+${M},${E},${J},${oe},${ie}`;
+    }).join("");
+    return `${Yt}${T}${encodeURIComponent(C)}`;
+  };
+  return {
+    exportSessionsCsv: i,
+    exportStudentConversationCsv: async (D) => {
+      t(Ae(!0));
+      try {
+        const _ = (await oa({ ...D, roles: r.roles ?? [], grade: D.grades ?? [] })).data;
+        if (_ && _.length > 0) {
+          const T = b(_, D.startDate, D.endDate), C = document.createElement("a");
+          C.href = T, C.download = `${a}_Conversations_Report.csv`, C.click(), t(
+            pe({
+              type: "success",
+              message: "Download Completed"
+            })
+          );
+        } else
+          t(
+            pe({
+              type: "warning",
+              message: "No data to export"
+            })
+          );
+      } catch (x) {
+        t(
+          pe({
+            type: "danger",
+            message: x.response?.data?.title || x.message
+          })
+        );
+      }
+      t(Ae(!1));
+    }
+  };
+};
+function $a(t, e, n, a, r) {
+  a = a || {};
+  var i = 1.15, l = r.internal.scaleFactor, d = r.internal.getFontSize() / l, c = r.getLineHeightFactor ? r.getLineHeightFactor() : i, s = d * c, u = /\r\n|\r|\n/g, m = "", v = 1;
+  if ((a.valign === "middle" || a.valign === "bottom" || a.halign === "center" || a.halign === "right") && (m = typeof t == "string" ? t.split(u) : t, v = m.length || 1), n += d * (2 - i), a.valign === "middle" ? n -= v / 2 * s : a.valign === "bottom" && (n -= v * s), a.halign === "center" || a.halign === "right") {
+    var b = d;
+    if (a.halign === "center" && (b *= 0.5), m && v >= 1) {
+      for (var N = 0; N < m.length; N++)
+        r.text(m[N], e - r.getStringUnitWidth(m[N]) * b, n), n += s;
+      return r;
+    }
+    e -= r.getStringUnitWidth(t) * b;
+  }
+  return a.halign === "justify" ? r.text(t, e, n, { maxWidth: a.maxWidth || 100, align: "justify" }) : r.text(t, e, n), r;
+}
+var Vt = {}, He = (
+  /** @class */
+  (function() {
+    function t(e) {
+      this.jsPDFDocument = e, this.userStyles = {
+        // Black for versions of jspdf without getTextColor
+        textColor: e.getTextColor ? this.jsPDFDocument.getTextColor() : 0,
+        fontSize: e.internal.getFontSize(),
+        fontStyle: e.internal.getFont().fontStyle,
+        font: e.internal.getFont().fontName,
+        // 0 for versions of jspdf without getLineWidth
+        lineWidth: e.getLineWidth ? this.jsPDFDocument.getLineWidth() : 0,
+        // Black for versions of jspdf without getDrawColor
+        lineColor: e.getDrawColor ? this.jsPDFDocument.getDrawColor() : 0
+      };
+    }
+    return t.setDefaults = function(e, n) {
+      n === void 0 && (n = null), n ? n.__autoTableDocumentDefaults = e : Vt = e;
+    }, t.unifyColor = function(e) {
+      return Array.isArray(e) ? e : typeof e == "number" ? [e, e, e] : typeof e == "string" ? [e] : null;
+    }, t.prototype.applyStyles = function(e, n) {
+      var a, r, i;
+      n === void 0 && (n = !1), e.fontStyle && this.jsPDFDocument.setFontStyle && this.jsPDFDocument.setFontStyle(e.fontStyle);
+      var l = this.jsPDFDocument.internal.getFont(), d = l.fontStyle, c = l.fontName;
+      if (e.font && (c = e.font), e.fontStyle) {
+        d = e.fontStyle;
+        var s = this.getFontList()[c];
+        s && s.indexOf(d) === -1 && this.jsPDFDocument.setFontStyle && (this.jsPDFDocument.setFontStyle(s[0]), d = s[0]);
+      }
+      if (this.jsPDFDocument.setFont(c, d), e.fontSize && this.jsPDFDocument.setFontSize(e.fontSize), !n) {
+        var u = t.unifyColor(e.fillColor);
+        u && (a = this.jsPDFDocument).setFillColor.apply(a, u), u = t.unifyColor(e.textColor), u && (r = this.jsPDFDocument).setTextColor.apply(r, u), u = t.unifyColor(e.lineColor), u && (i = this.jsPDFDocument).setDrawColor.apply(i, u), typeof e.lineWidth == "number" && this.jsPDFDocument.setLineWidth(e.lineWidth);
+      }
+    }, t.prototype.splitTextToSize = function(e, n, a) {
+      return this.jsPDFDocument.splitTextToSize(e, n, a);
+    }, t.prototype.rect = function(e, n, a, r, i) {
+      return this.jsPDFDocument.rect(e, n, a, r, i);
+    }, t.prototype.getLastAutoTable = function() {
+      return this.jsPDFDocument.lastAutoTable || null;
+    }, t.prototype.getTextWidth = function(e) {
+      return this.jsPDFDocument.getTextWidth(e);
+    }, t.prototype.getDocument = function() {
+      return this.jsPDFDocument;
+    }, t.prototype.setPage = function(e) {
+      this.jsPDFDocument.setPage(e);
+    }, t.prototype.addPage = function() {
+      return this.jsPDFDocument.addPage();
+    }, t.prototype.getFontList = function() {
+      return this.jsPDFDocument.getFontList();
+    }, t.prototype.getGlobalOptions = function() {
+      return Vt || {};
+    }, t.prototype.getDocumentOptions = function() {
+      return this.jsPDFDocument.__autoTableDocumentDefaults || {};
+    }, t.prototype.pageSize = function() {
+      var e = this.jsPDFDocument.internal.pageSize;
+      return e.width == null && (e = { width: e.getWidth(), height: e.getHeight() }), e;
+    }, t.prototype.scaleFactor = function() {
+      return this.jsPDFDocument.internal.scaleFactor;
+    }, t.prototype.getLineHeightFactor = function() {
+      var e = this.jsPDFDocument;
+      return e.getLineHeightFactor ? e.getLineHeightFactor() : 1.15;
+    }, t.prototype.getLineHeight = function(e) {
+      return e / this.scaleFactor() * this.getLineHeightFactor();
+    }, t.prototype.pageNumber = function() {
+      var e = this.jsPDFDocument.internal.getCurrentPageInfo();
+      return e ? e.pageNumber : this.jsPDFDocument.internal.getNumberOfPages();
+    }, t;
+  })()
+), Lt = function(t, e) {
+  return Lt = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, a) {
+    n.__proto__ = a;
+  } || function(n, a) {
+    for (var r in a) Object.prototype.hasOwnProperty.call(a, r) && (n[r] = a[r]);
+  }, Lt(t, e);
+};
+function Ta(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
+  Lt(t, e);
+  function n() {
+    this.constructor = t;
+  }
+  t.prototype = e === null ? Object.create(e) : (n.prototype = e.prototype, new n());
+}
+var Wa = (
+  /** @class */
+  (function(t) {
+    Ta(e, t);
+    function e(n) {
+      var a = t.call(this) || this;
+      return a._element = n, a;
+    }
+    return e;
+  })(Array)
+);
+function Kr(t) {
+  return {
+    font: "helvetica",
+    // helvetica, times, courier
+    fontStyle: "normal",
+    // normal, bold, italic, bolditalic
+    overflow: "linebreak",
+    // linebreak, ellipsize, visible or hidden
+    fillColor: !1,
+    // Either false for transparent, rbg array e.g. [255, 255, 255] or gray level e.g 200
+    textColor: 20,
+    halign: "left",
+    // left, center, right, justify
+    valign: "top",
+    // top, middle, bottom
+    fontSize: 10,
+    cellPadding: 5 / t,
+    // number or {top,left,right,left,vertical,horizontal}
+    lineColor: 200,
+    lineWidth: 0,
+    cellWidth: "auto",
+    // 'auto'|'wrap'|number
+    minCellHeight: 0,
+    minCellWidth: 0
+  };
+}
+function Xr(t) {
+  var e = {
+    striped: {
+      table: { fillColor: 255, textColor: 80, fontStyle: "normal" },
+      head: { textColor: 255, fillColor: [41, 128, 185], fontStyle: "bold" },
+      body: {},
+      foot: { textColor: 255, fillColor: [41, 128, 185], fontStyle: "bold" },
+      alternateRow: { fillColor: 245 }
+    },
+    grid: {
+      table: {
+        fillColor: 255,
+        textColor: 80,
+        fontStyle: "normal",
+        lineWidth: 0.1
+      },
+      head: {
+        textColor: 255,
+        fillColor: [26, 188, 156],
+        fontStyle: "bold",
+        lineWidth: 0
+      },
+      body: {},
+      foot: {
+        textColor: 255,
+        fillColor: [26, 188, 156],
+        fontStyle: "bold",
+        lineWidth: 0
+      },
+      alternateRow: {}
+    },
+    plain: { head: { fontStyle: "bold" }, foot: { fontStyle: "bold" } }
+  };
+  return e[t];
+}
+function dt(t, e, n) {
+  n.applyStyles(e, !0);
+  var a = Array.isArray(t) ? t : [t], r = a.map(function(i) {
+    return n.getTextWidth(i);
+  }).reduce(function(i, l) {
+    return Math.max(i, l);
+  }, 0);
+  return r;
+}
+function La(t, e, n, a) {
+  var r = e.settings.tableLineWidth, i = e.settings.tableLineColor;
+  t.applyStyles({ lineWidth: r, lineColor: i });
+  var l = Pa(r, !1);
+  l && t.rect(n.x, n.y, e.getWidth(t.pageSize().width), a.y - n.y, l);
+}
+function Pa(t, e) {
+  var n = t > 0, a = e || e === 0;
+  return n && a ? "DF" : n ? "S" : a ? "F" : null;
+}
+function gt(t, e) {
+  var n, a, r, i;
+  if (t = t || e, Array.isArray(t)) {
+    if (t.length >= 4)
+      return {
+        top: t[0],
+        right: t[1],
+        bottom: t[2],
+        left: t[3]
+      };
+    if (t.length === 3)
+      return {
+        top: t[0],
+        right: t[1],
+        bottom: t[2],
+        left: t[1]
+      };
+    if (t.length === 2)
+      return {
+        top: t[0],
+        right: t[1],
+        bottom: t[0],
+        left: t[1]
+      };
+    t.length === 1 ? t = t[0] : t = e;
+  }
+  return typeof t == "object" ? (typeof t.vertical == "number" && (t.top = t.vertical, t.bottom = t.vertical), typeof t.horizontal == "number" && (t.right = t.horizontal, t.left = t.horizontal), {
+    left: (n = t.left) !== null && n !== void 0 ? n : e,
+    top: (a = t.top) !== null && a !== void 0 ? a : e,
+    right: (r = t.right) !== null && r !== void 0 ? r : e,
+    bottom: (i = t.bottom) !== null && i !== void 0 ? i : e
+  }) : (typeof t != "number" && (t = e), { top: t, right: t, bottom: t, left: t });
+}
+function Ma(t, e) {
+  var n = gt(e.settings.margin, 0);
+  return t.pageSize().width - (n.left + n.right);
+}
+function Zr(t, e, n, a, r) {
+  var i = {}, l = 1.3333333333333333, d = _t(e, function(C) {
+    return r.getComputedStyle(C).backgroundColor;
+  });
+  d != null && (i.fillColor = d);
+  var c = _t(e, function(C) {
+    return r.getComputedStyle(C).color;
+  });
+  c != null && (i.textColor = c);
+  var s = ti(a, n);
+  s && (i.cellPadding = s);
+  var u = "borderTopColor", m = l * n, v = a.borderTopWidth;
+  if (a.borderBottomWidth === v && a.borderRightWidth === v && a.borderLeftWidth === v) {
+    var b = (parseFloat(v) || 0) / m;
+    b && (i.lineWidth = b);
+  } else
+    i.lineWidth = {
+      top: (parseFloat(a.borderTopWidth) || 0) / m,
+      right: (parseFloat(a.borderRightWidth) || 0) / m,
+      bottom: (parseFloat(a.borderBottomWidth) || 0) / m,
+      left: (parseFloat(a.borderLeftWidth) || 0) / m
+    }, i.lineWidth.top || (i.lineWidth.right ? u = "borderRightColor" : i.lineWidth.bottom ? u = "borderBottomColor" : i.lineWidth.left && (u = "borderLeftColor"));
+  var N = _t(e, function(C) {
+    return r.getComputedStyle(C)[u];
+  });
+  N != null && (i.lineColor = N);
+  var D = ["left", "right", "center", "justify"];
+  D.indexOf(a.textAlign) !== -1 && (i.halign = a.textAlign), D = ["middle", "bottom", "top"], D.indexOf(a.verticalAlign) !== -1 && (i.valign = a.verticalAlign);
+  var x = parseInt(a.fontSize || "");
+  isNaN(x) || (i.fontSize = x / l);
+  var _ = ei(a);
+  _ && (i.fontStyle = _);
+  var T = (a.fontFamily || "").toLowerCase();
+  return t.indexOf(T) !== -1 && (i.font = T), i;
+}
+function ei(t) {
+  var e = "";
+  return (t.fontWeight === "bold" || t.fontWeight === "bolder" || parseInt(t.fontWeight) >= 700) && (e = "bold"), (t.fontStyle === "italic" || t.fontStyle === "oblique") && (e += "italic"), e;
+}
+function _t(t, e) {
+  var n = Aa(t, e);
+  if (!n)
+    return null;
+  var a = n.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d*\.?\d*))?\)$/);
+  if (!a || !Array.isArray(a))
+    return null;
+  var r = [
+    parseInt(a[1]),
+    parseInt(a[2]),
+    parseInt(a[3])
+  ], i = parseInt(a[4]);
+  return i === 0 || isNaN(r[0]) || isNaN(r[1]) || isNaN(r[2]) ? null : r;
+}
+function Aa(t, e) {
+  var n = e(t);
+  return n === "rgba(0, 0, 0, 0)" || n === "transparent" || n === "initial" || n === "inherit" ? t.parentElement == null ? null : Aa(t.parentElement, e) : n;
+}
+function ti(t, e) {
+  var n = [
+    t.paddingTop,
+    t.paddingRight,
+    t.paddingBottom,
+    t.paddingLeft
+  ], a = 96 / (72 / e), r = (parseInt(t.lineHeight) - parseInt(t.fontSize)) / e / 2, i = n.map(function(d) {
+    return parseInt(d || "0") / a;
+  }), l = gt(i, 0);
+  return r > l.top && (l.top = r), r > l.bottom && (l.bottom = r), l;
+}
+function Oa(t, e, n, a, r) {
+  var i, l;
+  a === void 0 && (a = !1), r === void 0 && (r = !1);
+  var d;
+  typeof e == "string" ? d = n.document.querySelector(e) : d = e;
+  var c = Object.keys(t.getFontList()), s = t.scaleFactor(), u = [], m = [], v = [];
+  if (!d)
+    return console.error("Html table could not be found with input: ", e), { head: u, body: m, foot: v };
+  for (var b = 0; b < d.rows.length; b++) {
+    var N = d.rows[b], D = (l = (i = N?.parentElement) === null || i === void 0 ? void 0 : i.tagName) === null || l === void 0 ? void 0 : l.toLowerCase(), x = ai(c, s, n, N, a, r);
+    x && (D === "thead" ? u.push(x) : D === "tfoot" ? v.push(x) : m.push(x));
+  }
+  return { head: u, body: m, foot: v };
+}
+function ai(t, e, n, a, r, i) {
+  for (var l = new Wa(a), d = 0; d < a.cells.length; d++) {
+    var c = a.cells[d], s = n.getComputedStyle(c);
+    if (r || s.display !== "none") {
+      var u = void 0;
+      i && (u = Zr(t, c, e, s, n)), l.push({
+        rowSpan: c.rowSpan,
+        colSpan: c.colSpan,
+        styles: u,
+        _element: c,
+        content: ni(c)
+      });
+    }
+  }
+  var m = n.getComputedStyle(a);
+  if (l.length > 0 && (r || m.display !== "none"))
+    return l;
+}
+function ni(t) {
+  var e = t.cloneNode(!0);
+  return e.innerHTML = e.innerHTML.replace(/\n/g, "").replace(/ +/g, " "), e.innerHTML = e.innerHTML.split(/<br.*?>/).map(function(n) {
+    return n.trim();
+  }).join(`
+`), e.innerText || e.textContent || "";
+}
+function ri(t, e, n) {
+  for (var a = 0, r = [t, e, n]; a < r.length; a++) {
+    var i = r[a];
+    i && typeof i != "object" && console.error("The options parameter should be of type object, is: " + typeof i), i.startY && typeof i.startY != "number" && (console.error("Invalid value for startY option", i.startY), delete i.startY);
+  }
+}
+function Fe(t, e, n, a, r) {
+  if (t == null)
+    throw new TypeError("Cannot convert undefined or null to object");
+  for (var i = Object(t), l = 1; l < arguments.length; l++) {
+    var d = arguments[l];
+    if (d != null)
+      for (var c in d)
+        Object.prototype.hasOwnProperty.call(d, c) && (i[c] = d[c]);
+  }
+  return i;
+}
+function Ha(t, e) {
+  var n = new He(t), a = n.getDocumentOptions(), r = n.getGlobalOptions();
+  ri(r, a, e);
+  var i = Fe({}, r, a, e), l;
+  typeof window < "u" && (l = window);
+  var d = ii(r, a, e), c = si(r, a, e), s = oi(n, i), u = di(n, i, l);
+  return { id: e.tableId, content: u, hooks: c, styles: d, settings: s };
+}
+function ii(t, e, n) {
+  for (var a = {
+    styles: {},
+    headStyles: {},
+    bodyStyles: {},
+    footStyles: {},
+    alternateRowStyles: {},
+    columnStyles: {}
+  }, r = function(c) {
+    if (c === "columnStyles") {
+      var s = t[c], u = e[c], m = n[c];
+      a.columnStyles = Fe({}, s, u, m);
+    } else {
+      var v = [t, e, n], b = v.map(function(N) {
+        return N[c] || {};
+      });
+      a[c] = Fe({}, b[0], b[1], b[2]);
+    }
+  }, i = 0, l = Object.keys(a); i < l.length; i++) {
+    var d = l[i];
+    r(d);
+  }
+  return a;
+}
+function si(t, e, n) {
+  for (var a = [t, e, n], r = {
+    didParseCell: [],
+    willDrawCell: [],
+    didDrawCell: [],
+    willDrawPage: [],
+    didDrawPage: []
+  }, i = 0, l = a; i < l.length; i++) {
+    var d = l[i];
+    d.didParseCell && r.didParseCell.push(d.didParseCell), d.willDrawCell && r.willDrawCell.push(d.willDrawCell), d.didDrawCell && r.didDrawCell.push(d.didDrawCell), d.willDrawPage && r.willDrawPage.push(d.willDrawPage), d.didDrawPage && r.didDrawPage.push(d.didDrawPage);
+  }
+  return r;
+}
+function oi(t, e) {
+  var n, a, r, i, l, d, c, s, u, m, v, b, N = gt(e.margin, 40 / t.scaleFactor()), D = (n = li(t, e.startY)) !== null && n !== void 0 ? n : N.top, x;
+  e.showFoot === !0 ? x = "everyPage" : e.showFoot === !1 ? x = "never" : x = (a = e.showFoot) !== null && a !== void 0 ? a : "everyPage";
+  var _;
+  e.showHead === !0 ? _ = "everyPage" : e.showHead === !1 ? _ = "never" : _ = (r = e.showHead) !== null && r !== void 0 ? r : "everyPage";
+  var T = (i = e.useCss) !== null && i !== void 0 ? i : !1, C = e.theme || (T ? "plain" : "striped"), $ = !!e.horizontalPageBreak, M = (l = e.horizontalPageBreakRepeat) !== null && l !== void 0 ? l : null;
+  return {
+    includeHiddenHtml: (d = e.includeHiddenHtml) !== null && d !== void 0 ? d : !1,
+    useCss: T,
+    theme: C,
+    startY: D,
+    margin: N,
+    pageBreak: (c = e.pageBreak) !== null && c !== void 0 ? c : "auto",
+    rowPageBreak: (s = e.rowPageBreak) !== null && s !== void 0 ? s : "auto",
+    tableWidth: (u = e.tableWidth) !== null && u !== void 0 ? u : "auto",
+    showHead: _,
+    showFoot: x,
+    tableLineWidth: (m = e.tableLineWidth) !== null && m !== void 0 ? m : 0,
+    tableLineColor: (v = e.tableLineColor) !== null && v !== void 0 ? v : 200,
+    horizontalPageBreak: $,
+    horizontalPageBreakRepeat: M,
+    horizontalPageBreakBehaviour: (b = e.horizontalPageBreakBehaviour) !== null && b !== void 0 ? b : "afterAllRows"
+  };
+}
+function li(t, e) {
+  var n = t.getLastAutoTable(), a = t.scaleFactor(), r = t.pageNumber(), i = !1;
+  if (n && n.startPageNumber) {
+    var l = n.startPageNumber + n.pageNumber - 1;
+    i = l === r;
+  }
+  return typeof e == "number" ? e : (e == null || e === !1) && i && n?.finalY != null ? n.finalY + 20 / a : null;
+}
+function di(t, e, n) {
+  var a = e.head || [], r = e.body || [], i = e.foot || [];
+  if (e.html) {
+    var l = e.includeHiddenHtml;
+    if (n) {
+      var d = Oa(t, e.html, n, l, e.useCss) || {};
+      a = d.head || a, r = d.body || a, i = d.foot || a;
+    } else
+      console.error("Cannot parse html in non browser environment");
+  }
+  var c = e.columns || ci(a, r, i);
+  return { columns: c, head: a, body: r, foot: i };
+}
+function ci(t, e, n) {
+  var a = t[0] || e[0] || n[0] || [], r = [];
+  return Object.keys(a).filter(function(i) {
+    return i !== "_element";
+  }).forEach(function(i) {
+    var l = 1, d;
+    Array.isArray(a) ? d = a[parseInt(i)] : d = a[i], typeof d == "object" && !Array.isArray(d) && (l = d?.colSpan || 1);
+    for (var c = 0; c < l; c++) {
+      var s = void 0;
+      Array.isArray(a) ? s = r.length : s = i + (c > 0 ? "_".concat(c) : "");
+      var u = { dataKey: s };
+      r.push(u);
+    }
+  }), r;
+}
+var Pt = (
+  /** @class */
+  /* @__PURE__ */ (function() {
+    function t(e, n, a) {
+      this.table = n, this.pageNumber = n.pageNumber, this.settings = n.settings, this.cursor = a, this.doc = e.getDocument();
+    }
+    return t;
+  })()
+), hi = (
+  /** @class */
+  (function(t) {
+    Ta(e, t);
+    function e(n, a, r, i, l, d) {
+      var c = t.call(this, n, a, d) || this;
+      return c.cell = r, c.row = i, c.column = l, c.section = i.section, c;
+    }
+    return e;
+  })(Pt)
+), ui = (
+  /** @class */
+  (function() {
+    function t(e, n) {
+      this.pageNumber = 1, this.id = e.id, this.settings = e.settings, this.styles = e.styles, this.hooks = e.hooks, this.columns = n.columns, this.head = n.head, this.body = n.body, this.foot = n.foot;
+    }
+    return t.prototype.getHeadHeight = function(e) {
+      return this.head.reduce(function(n, a) {
+        return n + a.getMaxCellHeight(e);
+      }, 0);
+    }, t.prototype.getFootHeight = function(e) {
+      return this.foot.reduce(function(n, a) {
+        return n + a.getMaxCellHeight(e);
+      }, 0);
+    }, t.prototype.allRows = function() {
+      return this.head.concat(this.body).concat(this.foot);
+    }, t.prototype.callCellHooks = function(e, n, a, r, i, l) {
+      for (var d = 0, c = n; d < c.length; d++) {
+        var s = c[d], u = new hi(e, this, a, r, i, l), m = s(u) === !1;
+        if (a.text = Array.isArray(a.text) ? a.text : [a.text], m)
+          return !1;
+      }
+      return !0;
+    }, t.prototype.callEndPageHooks = function(e, n) {
+      e.applyStyles(e.userStyles);
+      for (var a = 0, r = this.hooks.didDrawPage; a < r.length; a++) {
+        var i = r[a];
+        i(new Pt(e, this, n));
+      }
+    }, t.prototype.callWillDrawPageHooks = function(e, n) {
+      for (var a = 0, r = this.hooks.willDrawPage; a < r.length; a++) {
+        var i = r[a];
+        i(new Pt(e, this, n));
+      }
+    }, t.prototype.getWidth = function(e) {
+      if (typeof this.settings.tableWidth == "number")
+        return this.settings.tableWidth;
+      if (this.settings.tableWidth === "wrap") {
+        var n = this.columns.reduce(function(r, i) {
+          return r + i.wrappedWidth;
+        }, 0);
+        return n;
+      } else {
+        var a = this.settings.margin;
+        return e - a.left - a.right;
+      }
+    }, t;
+  })()
+), Ra = (
+  /** @class */
+  (function() {
+    function t(e, n, a, r, i) {
+      i === void 0 && (i = !1), this.height = 0, this.raw = e, e instanceof Wa && (this.raw = e._element, this.element = e._element), this.index = n, this.section = a, this.cells = r, this.spansMultiplePages = i;
+    }
+    return t.prototype.getMaxCellHeight = function(e) {
+      var n = this;
+      return e.reduce(function(a, r) {
+        var i;
+        return Math.max(a, ((i = n.cells[r.index]) === null || i === void 0 ? void 0 : i.height) || 0);
+      }, 0);
+    }, t.prototype.hasRowSpan = function(e) {
+      var n = this;
+      return e.filter(function(a) {
+        var r = n.cells[a.index];
+        return r ? r.rowSpan > 1 : !1;
+      }).length > 0;
+    }, t.prototype.canEntireRowFit = function(e, n) {
+      return this.getMaxCellHeight(n) <= e;
+    }, t.prototype.getMinimumRowHeight = function(e, n) {
+      var a = this;
+      return e.reduce(function(r, i) {
+        var l = a.cells[i.index];
+        if (!l)
+          return 0;
+        var d = n.getLineHeight(l.styles.fontSize), c = l.padding("vertical"), s = c + d;
+        return s > r ? s : r;
+      }, 0);
+    }, t;
+  })()
+), Ia = (
+  /** @class */
+  (function() {
+    function t(e, n, a) {
+      var r;
+      this.contentHeight = 0, this.contentWidth = 0, this.wrappedWidth = 0, this.minReadableWidth = 0, this.minWidth = 0, this.width = 0, this.height = 0, this.x = 0, this.y = 0, this.styles = n, this.section = a, this.raw = e;
+      var i = e;
+      e != null && typeof e == "object" && !Array.isArray(e) ? (this.rowSpan = e.rowSpan || 1, this.colSpan = e.colSpan || 1, i = (r = e.content) !== null && r !== void 0 ? r : e, e._element && (this.raw = e._element)) : (this.rowSpan = 1, this.colSpan = 1);
+      var l = i != null ? "" + i : "", d = /\r\n|\r|\n/g;
+      this.text = l.split(d);
+    }
+    return t.prototype.getTextPos = function() {
+      var e;
+      if (this.styles.valign === "top")
+        e = this.y + this.padding("top");
+      else if (this.styles.valign === "bottom")
+        e = this.y + this.height - this.padding("bottom");
+      else {
+        var n = this.height - this.padding("vertical");
+        e = this.y + n / 2 + this.padding("top");
+      }
+      var a;
+      if (this.styles.halign === "right")
+        a = this.x + this.width - this.padding("right");
+      else if (this.styles.halign === "center") {
+        var r = this.width - this.padding("horizontal");
+        a = this.x + r / 2 + this.padding("left");
+      } else
+        a = this.x + this.padding("left");
+      return { x: a, y: e };
+    }, t.prototype.getContentHeight = function(e, n) {
+      n === void 0 && (n = 1.15);
+      var a = Array.isArray(this.text) ? this.text.length : 1, r = this.styles.fontSize / e * n, i = a * r + this.padding("vertical");
+      return Math.max(i, this.styles.minCellHeight);
+    }, t.prototype.padding = function(e) {
+      var n = gt(this.styles.cellPadding, 0);
+      return e === "vertical" ? n.top + n.bottom : e === "horizontal" ? n.left + n.right : n[e];
+    }, t;
+  })()
+), gi = (
+  /** @class */
+  (function() {
+    function t(e, n, a) {
+      this.wrappedWidth = 0, this.minReadableWidth = 0, this.minWidth = 0, this.width = 0, this.dataKey = e, this.raw = n, this.index = a;
+    }
+    return t.prototype.getMaxCustomCellWidth = function(e) {
+      for (var n = 0, a = 0, r = e.allRows(); a < r.length; a++) {
+        var i = r[a], l = i.cells[this.index];
+        l && typeof l.styles.cellWidth == "number" && (n = Math.max(n, l.styles.cellWidth));
+      }
+      return n;
+    }, t;
+  })()
+);
+function mi(t, e) {
+  fi(t, e);
+  var n = [], a = 0;
+  e.columns.forEach(function(i) {
+    var l = i.getMaxCustomCellWidth(e);
+    l ? i.width = l : (i.width = i.wrappedWidth, n.push(i)), a += i.width;
+  });
+  var r = e.getWidth(t.pageSize().width) - a;
+  r && (r = Mt(n, r, function(i) {
+    return Math.max(i.minReadableWidth, i.minWidth);
+  })), r && (r = Mt(n, r, function(i) {
+    return i.minWidth;
+  })), r = Math.abs(r), !e.settings.horizontalPageBreak && r > 0.1 / t.scaleFactor() && (r = r < 1 ? r : Math.round(r), console.log("Of the table content, ".concat(r, " units width could not fit page"))), vi(e), yi(e, t), pi(e);
+}
+function fi(t, e) {
+  var n = t.scaleFactor(), a = e.settings.horizontalPageBreak, r = Ma(t, e);
+  e.allRows().forEach(function(i) {
+    for (var l = 0, d = e.columns; l < d.length; l++) {
+      var c = d[l], s = i.cells[c.index];
+      if (s) {
+        var u = e.hooks.didParseCell;
+        e.callCellHooks(t, u, s, i, c, null);
+        var m = s.padding("horizontal");
+        s.contentWidth = dt(s.text, s.styles, t) + m;
+        var v = dt(s.text.join(" ").split(/[^\S\u00A0]+/), s.styles, t);
+        if (s.minReadableWidth = v + s.padding("horizontal"), typeof s.styles.cellWidth == "number")
+          s.minWidth = s.styles.cellWidth, s.wrappedWidth = s.styles.cellWidth;
+        else if (s.styles.cellWidth === "wrap" || a === !0)
+          s.contentWidth > r ? (s.minWidth = r, s.wrappedWidth = r) : (s.minWidth = s.contentWidth, s.wrappedWidth = s.contentWidth);
+        else {
+          var b = 10 / n;
+          s.minWidth = s.styles.minCellWidth || b, s.wrappedWidth = s.contentWidth, s.minWidth > s.wrappedWidth && (s.wrappedWidth = s.minWidth);
+        }
+      }
+    }
+  }), e.allRows().forEach(function(i) {
+    for (var l = 0, d = e.columns; l < d.length; l++) {
+      var c = d[l], s = i.cells[c.index];
+      if (s && s.colSpan === 1)
+        c.wrappedWidth = Math.max(c.wrappedWidth, s.wrappedWidth), c.minWidth = Math.max(c.minWidth, s.minWidth), c.minReadableWidth = Math.max(c.minReadableWidth, s.minReadableWidth);
+      else {
+        var u = e.styles.columnStyles[c.dataKey] || e.styles.columnStyles[c.index] || {}, m = u.cellWidth || u.minCellWidth;
+        m && typeof m == "number" && (c.minWidth = m, c.wrappedWidth = m);
+      }
+      s && (s.colSpan > 1 && !c.minWidth && (c.minWidth = s.minWidth), s.colSpan > 1 && !c.wrappedWidth && (c.wrappedWidth = s.minWidth));
+    }
+  });
+}
+function Mt(t, e, n) {
+  for (var a = e, r = t.reduce(function(b, N) {
+    return b + N.wrappedWidth;
+  }, 0), i = 0; i < t.length; i++) {
+    var l = t[i], d = l.wrappedWidth / r, c = a * d, s = l.width + c, u = n(l), m = s < u ? u : s;
+    e -= m - l.width, l.width = m;
+  }
+  if (e = Math.round(e * 1e10) / 1e10, e) {
+    var v = t.filter(function(b) {
+      return e < 0 ? b.width > n(b) : !0;
+    });
+    v.length && (e = Mt(v, e, n));
+  }
+  return e;
+}
+function pi(t) {
+  for (var e = {}, n = 1, a = t.allRows(), r = 0; r < a.length; r++)
+    for (var i = a[r], l = 0, d = t.columns; l < d.length; l++) {
+      var c = d[l], s = e[c.index];
+      if (n > 1)
+        n--, delete i.cells[c.index];
+      else if (s)
+        s.cell.height += i.height, n = s.cell.colSpan, delete i.cells[c.index], s.left--, s.left <= 1 && delete e[c.index];
+      else {
+        var u = i.cells[c.index];
+        if (!u)
+          continue;
+        if (u.height = i.height, u.rowSpan > 1) {
+          var m = a.length - r, v = u.rowSpan > m ? m : u.rowSpan;
+          e[c.index] = { cell: u, left: v, row: i };
+        }
+      }
+    }
+}
+function vi(t) {
+  for (var e = t.allRows(), n = 0; n < e.length; n++)
+    for (var a = e[n], r = null, i = 0, l = 0, d = 0; d < t.columns.length; d++) {
+      var c = t.columns[d];
+      if (l -= 1, l > 1 && t.columns[d + 1])
+        i += c.width, delete a.cells[c.index];
+      else if (r) {
+        var s = r;
+        delete a.cells[c.index], r = null, s.width = c.width + i;
+      } else {
+        var s = a.cells[c.index];
+        if (!s)
+          continue;
+        if (l = s.colSpan, i = 0, s.colSpan > 1) {
+          r = s, i += c.width;
+          continue;
+        }
+        s.width = c.width + i;
+      }
+    }
+}
+function yi(t, e) {
+  for (var n = { count: 0, height: 0 }, a = 0, r = t.allRows(); a < r.length; a++) {
+    for (var i = r[a], l = 0, d = t.columns; l < d.length; l++) {
+      var c = d[l], s = i.cells[c.index];
+      if (s) {
+        e.applyStyles(s.styles, !0);
+        var u = s.width - s.padding("horizontal");
+        if (s.styles.overflow === "linebreak")
+          s.text = e.splitTextToSize(s.text, u + 1 / e.scaleFactor(), { fontSize: s.styles.fontSize });
+        else if (s.styles.overflow === "ellipsize")
+          s.text = Gt(s.text, u, s.styles, e, "...");
+        else if (s.styles.overflow === "hidden")
+          s.text = Gt(s.text, u, s.styles, e, "");
+        else if (typeof s.styles.overflow == "function") {
+          var m = s.styles.overflow(s.text, u);
+          typeof m == "string" ? s.text = [m] : s.text = m;
+        }
+        s.contentHeight = s.getContentHeight(e.scaleFactor(), e.getLineHeightFactor());
+        var v = s.contentHeight / s.rowSpan;
+        s.rowSpan > 1 && n.count * n.height < v * s.rowSpan ? n = { height: v, count: s.rowSpan } : n && n.count > 0 && n.height > v && (v = n.height), v > i.height && (i.height = v);
+      }
+    }
+    n.count--;
+  }
+}
+function Gt(t, e, n, a, r) {
+  return t.map(function(i) {
+    return Si(i, e, n, a, r);
+  });
+}
+function Si(t, e, n, a, r) {
+  var i = 1e4 * a.scaleFactor();
+  if (e = Math.ceil(e * i) / i, e >= dt(t, n, a))
+    return t;
+  for (; e < dt(t + r, n, a) && !(t.length <= 1); )
+    t = t.substring(0, t.length - 1);
+  return t.trim() + r;
+}
+function za(t, e) {
+  var n = new He(t), a = Ci(e, n.scaleFactor()), r = new ui(e, a);
+  return mi(n, r), n.applyStyles(n.userStyles), r;
+}
+function Ci(t, e) {
+  var n = t.content, a = bi(n.columns);
+  if (n.head.length === 0) {
+    var r = Jt(a, "head");
+    r && n.head.push(r);
+  }
+  if (n.foot.length === 0) {
+    var r = Jt(a, "foot");
+    r && n.foot.push(r);
+  }
+  var i = t.settings.theme, l = t.styles;
+  return {
+    columns: a,
+    head: Ft("head", n.head, a, l, i, e),
+    body: Ft("body", n.body, a, l, i, e),
+    foot: Ft("foot", n.foot, a, l, i, e)
+  };
+}
+function Ft(t, e, n, a, r, i) {
+  var l = {}, d = e.map(function(c, s) {
+    for (var u = 0, m = {}, v = 0, b = 0, N = 0, D = n; N < D.length; N++) {
+      var x = D[N];
+      if (l[x.index] == null || l[x.index].left === 0)
+        if (b === 0) {
+          var _ = void 0;
+          Array.isArray(c) ? _ = c[x.index - v - u] : _ = c[x.dataKey];
+          var T = {};
+          typeof _ == "object" && !Array.isArray(_) && (T = _?.styles || {});
+          var C = xi(t, x, s, r, a, i, T), $ = new Ia(_, C, t);
+          m[x.dataKey] = $, m[x.index] = $, b = $.colSpan - 1, l[x.index] = {
+            left: $.rowSpan - 1,
+            times: b
+          };
+        } else
+          b--, v++;
+      else
+        l[x.index].left--, b = l[x.index].times, u++;
+    }
+    return new Ra(c, s, t, m);
+  });
+  return d;
+}
+function Jt(t, e) {
+  var n = {};
+  return t.forEach(function(a) {
+    if (a.raw != null) {
+      var r = wi(e, a.raw);
+      r != null && (n[a.dataKey] = r);
+    }
+  }), Object.keys(n).length > 0 ? n : null;
+}
+function wi(t, e) {
+  if (t === "head") {
+    if (typeof e == "object")
+      return e.header || null;
+    if (typeof e == "string" || typeof e == "number")
+      return e;
+  } else if (t === "foot" && typeof e == "object")
+    return e.footer;
+  return null;
+}
+function bi(t) {
+  return t.map(function(e, n) {
+    var a, r;
+    return typeof e == "object" ? r = (a = e.dataKey) !== null && a !== void 0 ? a : n : r = n, new gi(r, e, n);
+  });
+}
+function xi(t, e, n, a, r, i, l) {
+  var d = Xr(a), c;
+  t === "head" ? c = r.headStyles : t === "body" ? c = r.bodyStyles : t === "foot" && (c = r.footStyles);
+  var s = Fe({}, d.table, d[t], r.styles, c), u = r.columnStyles[e.dataKey] || r.columnStyles[e.index] || {}, m = t === "body" ? u : {}, v = t === "body" && n % 2 === 0 ? Fe({}, d.alternateRow, r.alternateRowStyles) : {}, b = Kr(i), N = Fe({}, b, s, v, m);
+  return Fe(N, l);
+}
+function Di(t, e, n) {
+  var a;
+  n === void 0 && (n = {});
+  var r = Ma(t, e), i = /* @__PURE__ */ new Map(), l = [], d = [], c = [];
+  Array.isArray(e.settings.horizontalPageBreakRepeat) ? c = e.settings.horizontalPageBreakRepeat : (typeof e.settings.horizontalPageBreakRepeat == "string" || typeof e.settings.horizontalPageBreakRepeat == "number") && (c = [e.settings.horizontalPageBreakRepeat]), c.forEach(function(v) {
+    var b = e.columns.find(function(N) {
+      return N.dataKey === v || N.index === v;
+    });
+    b && !i.has(b.index) && (i.set(b.index, !0), l.push(b.index), d.push(e.columns[b.index]), r -= b.wrappedWidth);
+  });
+  for (var s = !0, u = (a = n?.start) !== null && a !== void 0 ? a : 0; u < e.columns.length; ) {
+    if (i.has(u)) {
+      u++;
+      continue;
+    }
+    var m = e.columns[u].wrappedWidth;
+    if (s || r >= m)
+      s = !1, l.push(u), d.push(e.columns[u]), r -= m;
+    else
+      break;
+    u++;
+  }
+  return { colIndexes: l, columns: d, lastIndex: u - 1 };
+}
+function _i(t, e) {
+  for (var n = [], a = 0; a < e.columns.length; a++) {
+    var r = Di(t, e, { start: a });
+    r.columns.length && (n.push(r), a = r.lastIndex);
+  }
+  return n;
+}
+function Ba(t, e) {
+  var n = e.settings, a = n.startY, r = n.margin, i = { x: r.left, y: a }, l = e.getHeadHeight(e.columns) + e.getFootHeight(e.columns), d = a + r.bottom + l;
+  if (n.pageBreak === "avoid") {
+    var c = e.body, s = c.reduce(function(v, b) {
+      return v + b.height;
+    }, 0);
+    d += s;
+  }
+  var u = new He(t);
+  (n.pageBreak === "always" || n.startY != null && d > u.pageSize().height) && (Ya(u), i.y = r.top), e.callWillDrawPageHooks(u, i);
+  var m = Fe({}, i);
+  e.startPageNumber = u.pageNumber(), n.horizontalPageBreak ? Fi(u, e, m, i) : (u.applyStyles(u.userStyles), (n.showHead === "firstPage" || n.showHead === "everyPage") && e.head.forEach(function(v) {
+    return Ne(u, e, v, i, e.columns);
+  }), u.applyStyles(u.userStyles), e.body.forEach(function(v, b) {
+    var N = b === e.body.length - 1;
+    ct(u, e, v, N, m, i, e.columns);
+  }), u.applyStyles(u.userStyles), (n.showFoot === "lastPage" || n.showFoot === "everyPage") && e.foot.forEach(function(v) {
+    return Ne(u, e, v, i, e.columns);
+  })), La(u, e, m, i), e.callEndPageHooks(u, i), e.finalY = i.y, t.lastAutoTable = e, u.applyStyles(u.userStyles);
+}
+function Fi(t, e, n, a) {
+  var r = _i(t, e), i = e.settings;
+  if (i.horizontalPageBreakBehaviour === "afterAllRows")
+    r.forEach(function(s, u) {
+      t.applyStyles(t.userStyles), u > 0 ? Ye(t, e, n, a, s.columns, !0) : Kt(t, e, a, s.columns), Ni(t, e, n, a, s.columns), Nt(t, e, a, s.columns);
+    });
+  else
+    for (var l = -1, d = r[0], c = function() {
+      var s = l;
+      if (d) {
+        t.applyStyles(t.userStyles);
+        var u = d.columns;
+        l >= 0 ? Ye(t, e, n, a, u, !0) : Kt(t, e, a, u), s = Xt(t, e, l + 1, a, u), Nt(t, e, a, u);
+      }
+      var m = s - l;
+      r.slice(1).forEach(function(v) {
+        t.applyStyles(t.userStyles), Ye(t, e, n, a, v.columns, !0), Xt(t, e, l + 1, a, v.columns, m), Nt(t, e, a, v.columns);
+      }), l = s;
+    }; l < e.body.length - 1; )
+      c();
+}
+function Kt(t, e, n, a) {
+  var r = e.settings;
+  t.applyStyles(t.userStyles), (r.showHead === "firstPage" || r.showHead === "everyPage") && e.head.forEach(function(i) {
+    return Ne(t, e, i, n, a);
+  });
+}
+function Ni(t, e, n, a, r) {
+  t.applyStyles(t.userStyles), e.body.forEach(function(i, l) {
+    var d = l === e.body.length - 1;
+    ct(t, e, i, d, n, a, r);
+  });
+}
+function Xt(t, e, n, a, r, i) {
+  t.applyStyles(t.userStyles), i = i ?? e.body.length;
+  var l = Math.min(n + i, e.body.length), d = -1;
+  return e.body.slice(n, l).forEach(function(c, s) {
+    var u = n + s === e.body.length - 1, m = Ea(t, e, u, a);
+    c.canEntireRowFit(m, r) && (Ne(t, e, c, a, r), d = n + s);
+  }), d;
+}
+function Nt(t, e, n, a) {
+  var r = e.settings;
+  t.applyStyles(t.userStyles), (r.showFoot === "lastPage" || r.showFoot === "everyPage") && e.foot.forEach(function(i) {
+    return Ne(t, e, i, n, a);
+  });
+}
+function ki(t, e, n) {
+  var a = n.getLineHeight(t.styles.fontSize), r = t.padding("vertical"), i = Math.floor((e - r) / a);
+  return Math.max(0, i);
+}
+function $i(t, e, n, a) {
+  var r = {};
+  t.spansMultiplePages = !0, t.height = 0;
+  for (var i = 0, l = 0, d = n.columns; l < d.length; l++) {
+    var c = d[l], s = t.cells[c.index];
+    if (s) {
+      Array.isArray(s.text) || (s.text = [s.text]);
+      var u = new Ia(s.raw, s.styles, s.section);
+      u = Fe(u, s), u.text = [];
+      var m = ki(s, e, a);
+      s.text.length > m && (u.text = s.text.splice(m, s.text.length));
+      var v = a.scaleFactor(), b = a.getLineHeightFactor();
+      s.contentHeight = s.getContentHeight(v, b), s.contentHeight >= e && (s.contentHeight = e, u.styles.minCellHeight -= e), s.contentHeight > t.height && (t.height = s.contentHeight), u.contentHeight = u.getContentHeight(v, b), u.contentHeight > i && (i = u.contentHeight), r[c.index] = u;
+    }
+  }
+  var N = new Ra(t.raw, -1, t.section, r, !0);
+  N.height = i;
+  for (var D = 0, x = n.columns; D < x.length; D++) {
+    var c = x[D], u = N.cells[c.index];
+    u && (u.height = N.height);
+    var s = t.cells[c.index];
+    s && (s.height = t.height);
+  }
+  return N;
+}
+function Ti(t, e, n, a) {
+  var r = t.pageSize().height, i = a.settings.margin, l = i.top + i.bottom, d = r - l;
+  e.section === "body" && (d -= a.getHeadHeight(a.columns) + a.getFootHeight(a.columns));
+  var c = e.getMinimumRowHeight(a.columns, t), s = c < n;
+  if (c > d)
+    return console.log("Will not be able to print row ".concat(e.index, " correctly since it's minimum height is larger than page height")), !0;
+  if (!s)
+    return !1;
+  var u = e.hasRowSpan(a.columns), m = e.getMaxCellHeight(a.columns) > d;
+  return m ? (u && console.log("The content of row ".concat(e.index, " will not be drawn correctly since drawing rows with a height larger than the page height and has cells with rowspans is not supported.")), !0) : !(u || a.settings.rowPageBreak === "avoid");
+}
+function ct(t, e, n, a, r, i, l) {
+  var d = Ea(t, e, a, i);
+  if (n.canEntireRowFit(d, l))
+    Ne(t, e, n, i, l);
+  else if (Ti(t, n, d, e)) {
+    var c = $i(n, d, e, t);
+    Ne(t, e, n, i, l), Ye(t, e, r, i, l), ct(t, e, c, a, r, i, l);
+  } else
+    Ye(t, e, r, i, l), ct(t, e, n, a, r, i, l);
+}
+function Ne(t, e, n, a, r) {
+  a.x = e.settings.margin.left;
+  for (var i = 0, l = r; i < l.length; i++) {
+    var d = l[i], c = n.cells[d.index];
+    if (!c) {
+      a.x += d.width;
+      continue;
+    }
+    t.applyStyles(c.styles), c.x = a.x, c.y = a.y;
+    var s = e.callCellHooks(t, e.hooks.willDrawCell, c, n, d, a);
+    if (s === !1) {
+      a.x += d.width;
+      continue;
+    }
+    Wi(t, c, a);
+    var u = c.getTextPos();
+    $a(c.text, u.x, u.y, {
+      halign: c.styles.halign,
+      valign: c.styles.valign,
+      maxWidth: Math.ceil(c.width - c.padding("left") - c.padding("right"))
+    }, t.getDocument()), e.callCellHooks(t, e.hooks.didDrawCell, c, n, d, a), a.x += d.width;
+  }
+  a.y += n.height;
+}
+function Wi(t, e, n) {
+  var a = e.styles;
+  if (t.getDocument().setFillColor(t.getDocument().getFillColor()), typeof a.lineWidth == "number") {
+    var r = Pa(a.lineWidth, a.fillColor);
+    r && t.rect(e.x, n.y, e.width, e.height, r);
+  } else typeof a.lineWidth == "object" && (a.fillColor && t.rect(e.x, n.y, e.width, e.height, "F"), Li(t, e, n, a.lineWidth));
+}
+function Li(t, e, n, a) {
+  var r, i, l, d;
+  a.top && (r = n.x, i = n.y, l = n.x + e.width, d = n.y, a.right && (l += 0.5 * a.right), a.left && (r -= 0.5 * a.left), c(a.top, r, i, l, d)), a.bottom && (r = n.x, i = n.y + e.height, l = n.x + e.width, d = n.y + e.height, a.right && (l += 0.5 * a.right), a.left && (r -= 0.5 * a.left), c(a.bottom, r, i, l, d)), a.left && (r = n.x, i = n.y, l = n.x, d = n.y + e.height, a.top && (i -= 0.5 * a.top), a.bottom && (d += 0.5 * a.bottom), c(a.left, r, i, l, d)), a.right && (r = n.x + e.width, i = n.y, l = n.x + e.width, d = n.y + e.height, a.top && (i -= 0.5 * a.top), a.bottom && (d += 0.5 * a.bottom), c(a.right, r, i, l, d));
+  function c(s, u, m, v, b) {
+    t.getDocument().setLineWidth(s), t.getDocument().line(u, m, v, b, "S");
+  }
+}
+function Ea(t, e, n, a) {
+  var r = e.settings.margin.bottom, i = e.settings.showFoot;
+  return (i === "everyPage" || i === "lastPage" && n) && (r += e.getFootHeight(e.columns)), t.pageSize().height - a.y - r;
+}
+function Ye(t, e, n, a, r, i) {
+  r === void 0 && (r = []), i === void 0 && (i = !1), t.applyStyles(t.userStyles), e.settings.showFoot === "everyPage" && !i && e.foot.forEach(function(d) {
+    return Ne(t, e, d, a, r);
+  }), e.callEndPageHooks(t, a);
+  var l = e.settings.margin;
+  La(t, e, n, a), Ya(t), e.pageNumber++, a.x = l.left, a.y = l.top, n.y = l.top, e.callWillDrawPageHooks(t, a), e.settings.showHead === "everyPage" && (e.head.forEach(function(d) {
+    return Ne(t, e, d, a, r);
+  }), t.applyStyles(t.userStyles));
+}
+function Ya(t) {
+  var e = t.pageNumber();
+  t.setPage(e + 1);
+  var n = t.pageNumber();
+  return n === e ? (t.addPage(), !0) : !1;
+}
+function Pi(t) {
+  t.API.autoTable = function() {
+    for (var e = [], n = 0; n < arguments.length; n++)
+      e[n] = arguments[n];
+    var a = e[0], r = Ha(this, a), i = za(this, r);
+    return Ba(this, i), this;
+  }, t.API.lastAutoTable = !1, t.API.autoTableText = function(e, n, a, r) {
+    $a(e, n, a, r, this);
+  }, t.API.autoTableSetDefaults = function(e) {
+    return He.setDefaults(e, this), this;
+  }, t.autoTableSetDefaults = function(e, n) {
+    He.setDefaults(e, n);
+  }, t.API.autoTableHtmlToJson = function(e, n) {
+    var a;
+    if (n === void 0 && (n = !1), typeof window > "u")
+      return console.error("Cannot run autoTableHtmlToJson in non browser environment"), null;
+    var r = new He(this), i = Oa(r, e, window, n, !1), l = i.head, d = i.body, c = ((a = l[0]) === null || a === void 0 ? void 0 : a.map(function(s) {
+      return s.content;
+    })) || [];
+    return { columns: c, rows: d, data: d };
+  };
+}
+var kt;
+function Zt(t, e) {
+  var n = Ha(t, e), a = za(t, n);
+  Ba(t, a);
+}
+try {
+  if (typeof window < "u" && window) {
+    var ea = window, ta = ea.jsPDF || ((kt = ea.jspdf) === null || kt === void 0 ? void 0 : kt.jsPDF);
+    ta && Pi(ta);
+  }
+} catch (t) {
+  console.error("Could not apply autoTable plugin", t);
+}
+const Mi = "/images/horizontal-logo-blue.svg", Ai = (t) => {
+  const {
+    startTime: e,
+    endTime: n,
+    selectedToPDF: a,
+    avgQuestionLastMonth: r,
+    dayOfWeekOneToOne: i,
+    monthsOneToOne: l,
+    preparednessData: d,
+    safetyData: c,
+    stressData: s,
+    successIndicatorsData: u,
+    readinessToLearning: m,
+    studentPressure: v,
+    dataOverallReadyToLearn: b,
+    schoolName: N,
+    metricWeeks: D,
+    metricDataWeeks: x,
+    metricMonths: _,
+    metricDataMonths: T,
+    lowMetricStudents: C,
+    studentMetricPercent: $,
+    weeksOneToOne: M,
+    preparednessWeeklyData: J,
+    successIndicatorWeeklyData: E,
+    learningStrategiesUsage: oe,
+    optionDate: ie,
+    onClose: I,
+    studentConversations: R
+  } = t, A = ie || "Monthly", { t: O } = ve(), ne = ut(), X = (Z, ee, p) => {
+    var y = document.createElement("span");
+    y.style.visibility = "hidden", y.style.position = "absolute", y.style.whiteSpace = "nowrap", y.style.fontSize = ee, y.style.fontWeight = p, y.innerHTML = Z, document.body.appendChild(y);
+    var k = y.offsetWidth;
+    return document.body.removeChild(y), k;
+  }, ue = async (Z, ee) => {
+    try {
+      const y = (await Fr.get(Z, {
+        responseType: "blob",
+        timeout: 1e3
+      })).data, k = new FileReader();
+      return k.readAsDataURL(y), await new Promise((Q) => {
+        k.onloadend = () => Q(k.result);
+      });
+    } catch {
+      return ee;
+    }
+  }, xe = (Z) => Z?.startsWith("data:image/png") ? "PNG" : Z?.startsWith("data:image/jpeg") || Z?.startsWith("data:image/jpg") ? "JPEG" : "PNG", ke = async () => {
+    ne(Ae(!0)), await new Promise((h) => setTimeout(h, 100));
+    try {
+      const h = new xr({
+        orientation: "p",
+        unit: "px",
+        format: "a4"
+      });
+      var Z = h.internal.pageSize.width, ee = h.internal.pageSize.height;
+      const te = 200, Ce = h.splitTextToSize(
+        N,
+        120
+      );
+      let L = 0;
+      const $e = N.length <= 18 ? X(N, "18px", "bold") : X(Ce.join(""), "18px", "bold"), ae = async () => {
+        const F = document.getElementById("header-logo"), V = await De(
+          F
+        );
+        h.addImage(
+          V.toDataURL("image/png", 1),
+          "png",
+          10,
+          20,
+          90,
+          25
+        ), h.setFontSize(18), h.setFont("Helvetica", "normal", "bold"), h.text(
+          N.length <= 18 ? N : `${Ce[0]}...`,
+          (Z - $e) / 2 + 15,
+          40
+        ), h.setFontSize(10), h.setFont("Helvetica", "italic", "normal"), h.text(
+          `From: ${G(e).format("DD/MM/YYYY")}`,
+          310,
+          40
+        ), h.text(`To: ${G(n).format("DD/MM/YYYY")}`, 380, 40), h.setDrawColor(128, 128, 128), h.line(0, 50, Z, 50), h.setLineWidth(0.1);
+      };
+      var p = 85, y = 20;
+      if (a.includes("average_safety")) {
+        await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O("average_safety"), y, 70);
+        const F = document.getElementById("average_safety"), V = await De(F);
+        p += 20;
+        let H = p;
+        h.setFontSize(8);
+        const P = c.map((z) => z.name);
+        for (var k = 0; k < l.length; k++) {
+          let z = p;
+          h.setFontSize(12), h.setFont("Helvetica", "normal", "bold"), h.text(l[k], y, z), h.setFontSize(8);
+          for (var Q = 0; Q < c?.length; Q++) {
+            const se = c[Q].data[k];
+            if (se != 0) {
+              const he = P[Q];
+              he != "" && (h.setDrawColor(0), h.setFillColor("#0F9655"), h.roundedRect(
+                y,
+                z + 5,
+                5,
+                5,
+                1,
+                1,
+                "F"
+              ), h.setFont("Helvetica", "normal", "bold"), h.text(
+                `${he}:`,
+                y + 8,
+                z + 10
+              ), h.setFont("Helvetica", "normal", "normal"), h.text(
+                `${se?.toFixed(2)}%`,
+                y + he?.length * 2.5 + 20.5,
+                z + 10
+              )), z += 10, z > H && (H = z);
+            }
+          }
+          y += 100, y + 105 > Z && (y = 20, p = H + 20), p + 150 > ee && (h.addPage(), await ae(), p = 80, y = 20);
+        }
+        y = 20;
+        const j = 420, re = F && F.clientWidth ? j * F.clientHeight / F.clientWidth : te;
+        h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p + 20,
+          j,
+          re
+        ), L++, L < a.length && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes("average_stress")) {
+        await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O(Dr), y, p), p += 20;
+        const F = document.getElementById("average_stress"), V = await De(F);
+        p += 20;
+        let H = p;
+        h.setFontSize(8);
+        const P = s.map((z) => z.name);
+        for (var k = 0; k < l.length; k++) {
+          let se = p;
+          h.setFontSize(12), h.setFont("Helvetica", "normal", "bold"), h.text(l[k], y, se), h.setFontSize(8);
+          for (var Q = 0; Q < s?.length; Q++) {
+            const de = s[Q].data[k];
+            if (de != 0) {
+              const W = P[Q];
+              W != "" && (h.setDrawColor(0), h.setFillColor("#C44140"), h.roundedRect(
+                y,
+                se + 5,
+                5,
+                5,
+                1,
+                1,
+                "F"
+              ), h.setFont("Helvetica", "normal", "bold"), h.text(
+                `${W}:`,
+                y + 8,
+                se + 10
+              ), h.setFont("Helvetica", "normal", "normal"), h.text(
+                `${de?.toFixed(2)}%`,
+                y + W?.length * 2.5 + 20.5,
+                se + 10
+              )), se += 10, se > H && (H = se);
+            }
+          }
+          y += 100, y + 105 > Z && (y = 20, p = H + 20), p + 150 > ee && (h.addPage(), await ae(), p = 80, y = 20);
+        }
+        y = 20;
+        const j = 420, re = F && F.clientWidth ? j * F.clientHeight / F.clientWidth : te;
+        h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p + 20,
+          j,
+          re
+        ), L++, L < a.length && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes("number_of_students_with_at_least_one_very_low_metric")) {
+        p > ee / 2 && (p = 80, y = 20, h.addPage()), p <= 85 && await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O("number_of_students_with_at_least_one_very_low_metric"), y, p <= 85 ? 70 : p);
+        const F = document.getElementById("metric"), V = await De(F);
+        h.setFontSize(8), y = 20;
+        const H = 420, P = F && F.clientWidth ? H * F.clientHeight / F.clientWidth : te;
+        if (h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p,
+          H,
+          P
+        ), p += P + 10, C?.length > 0) {
+          p + 100 > ee && (h.addPage(), await ae(), p = 80);
+          const j = or(C?.map((W) => W.studentName)).length || 0;
+          h.setFontSize(14), h.setTextColor("#000"), h.setFont("Helvetica", "normal", "bold"), h.text(O("students_with_at_least_one_concerned_metric", {
+            number: j
+          }), y, p + 15);
+          const re = C.map((W) => [
+            W?.studentName || "-",
+            W?.grade || "-",
+            W?.matchedGroupNames ? lr(W?.matchedGroupNames) : "-",
+            W?.metrics?.join(", ") || "-",
+            G(W?.startTime).format("DD MMMM YYYY hh:mm A")
+          ]), z = {}, se = ot("/images/image-default.png"), he = await ue(se, "");
+          (await Promise.all(C.map(async (W) => {
+            const B = W?.profileImage ? st(W?.profileImage) : he;
+            return await ue(B, he);
+          }))).forEach((W, B) => {
+            z[B] = W;
+          }), Zt(h, {
+            startY: p + 30,
+            margin: { left: 16 },
+            head: [[
+              O("student"),
+              O("grade"),
+              O("concerned_metrics"),
+              O("metrics"),
+              O("check_in_date")
+            ]],
+            body: re,
+            didDrawCell: (W) => {
+              if (W.section === "body" && W.column.index === 0) {
+                const B = z[W.row.index];
+                if (B) {
+                  const le = xe(B);
+                  h.addImage(
+                    B,
+                    le,
+                    W.cell.x + 6,
+                    W.cell.y + 6,
+                    12,
+                    12
+                  );
+                }
+              }
+            },
+            styles: {
+              fontSize: 9,
+              cellPadding: { top: 8, left: 8, right: 8, bottom: 8 },
+              valign: "top"
+            },
+            headStyles: {
+              fillColor: [240, 240, 240],
+              textColor: 0,
+              fontStyle: "bold"
+            },
+            columnStyles: {
+              0: {
+                cellWidth: 100,
+                cellPadding: { top: 8, left: 22, right: 8, bottom: 8 }
+              },
+              1: {
+                cellWidth: 40,
+                halign: "center"
+              },
+              2: { cellWidth: 90 },
+              3: { cellWidth: 90 },
+              4: { cellWidth: 85 }
+            },
+            theme: "grid"
+          }), p = h.lastAutoTable.finalY + 20;
+        }
+        L++, L < a.length && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes(_r)) {
+        await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O("readiness_to_learn"), y, p), p += 20;
+        const F = document.getElementById("preparedness"), V = await De(F);
+        p += 20;
+        const H = A !== "Monthly";
+        let P = p;
+        h.setFontSize(8);
+        const j = d.map((de) => de.name), re = H ? M : l, z = H ? J : d;
+        if (z?.length)
+          for (let de = 0; de < re.length; de++) {
+            let W = p;
+            h.setFontSize(12), h.setFont("Helvetica", "normal", "bold"), h.text(re[de], y, W), h.setFontSize(8);
+            const B = ["#169490", "#316CD9", "#FFB04F"];
+            for (let le = 0; le < z?.length; le++) {
+              const we = z[le].data[de];
+              if (we != 0) {
+                const me = j[le];
+                me != "" && (h.setDrawColor(0), h.setFillColor(
+                  B[le]
+                ), h.roundedRect(
+                  y,
+                  W + 5,
+                  5,
+                  5,
+                  1,
+                  1,
+                  "F"
+                ), h.setFont("Helvetica", "normal", "bold"), h.text(
+                  `${me}:`,
+                  y + 8,
+                  W + 10
+                ), h.setFont("Helvetica", "normal", "normal"), h.text(
+                  `${we?.toFixed(2)}%`,
+                  y + me?.length * 2.5 + 20.5,
+                  W + 10
+                )), W += 10, W > P && (P = W);
+              }
+            }
+            y += 100, y + 105 > Z && (y = 20, p = P + 20), p + 150 > ee && (h.addPage(), await ae(), p = 80, y = 20);
+          }
+        y = 20, p += j.length * 10;
+        const se = 420, he = F && F.clientWidth ? se * F.clientHeight / F.clientWidth : te;
+        p + he + 20 > ee && (h.addPage(), await ae(), p = 80, y = 20, h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O("readiness_to_learn"), y, p), p += 10), h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p + 20,
+          se,
+          he
+        ), L++, L < a.length && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes(Be)) {
+        await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O(Be), y, 70);
+        const F = document.getElementById(Be), V = await De(F);
+        y = 20;
+        const H = 420, P = F && F.clientWidth ? H * F.clientHeight / F.clientWidth : te;
+        h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p,
+          H,
+          P
+        ), L++, p += te + 20;
+      }
+      if (a.includes(tt)) {
+        p > ee / 2 && (p = 80, y = 20, h.addPage()), p <= 85 && await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O(tt), y, p <= 85 ? 70 : p);
+        const F = document.getElementById(tt), V = await De(F), H = 420;
+        p += 20;
+        const P = F && F.clientWidth ? H * F.clientHeight / F.clientWidth : te;
+        h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p,
+          H,
+          P
+        ), L++, p += te, L < a.length && !a.includes(bt) && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes(bt)) {
+        p > ee / 2 && (p = 80, y = 20, h.addPage()), p <= 85 && await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O(bt), y, p <= 85 ? 70 : p), p += 20;
+        const F = document.getElementById("student_stress_by_zone"), V = await De(F), H = 460, P = F && F.clientWidth ? H * F.clientHeight / F.clientWidth : te;
+        h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p,
+          H,
+          P
+        ), L++, L < a.length && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes(at)) {
+        await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O(at), y, p), p += 40;
+        const F = document.getElementById("success_indicators"), V = await De(F);
+        let H = p;
+        h.setFontSize(8);
+        const P = u.map((W) => W.name), j = A !== "Monthly", re = j ? M : l, z = j ? E : u, se = [
+          "#73C8E5",
+          "#FFB04F",
+          "#D7B0DE",
+          "#E56362",
+          "#5A7F05",
+          "#D3D3D3"
+        ];
+        if (z?.length)
+          for (let W = 0; W < re.length; W++) {
+            let B = p;
+            h.setFontSize(12), h.setFont("Helvetica", "normal", "bold"), h.text(re[W], y, B), h.setFontSize(8);
+            for (let le = 0; le < z?.length; le++) {
+              const we = z[le].data[W];
+              if (we != 0) {
+                const me = P[le];
+                me != "" && (h.setDrawColor(0), h.setFillColor(
+                  se[le]
+                ), h.roundedRect(
+                  y,
+                  B + 5,
+                  5,
+                  5,
+                  1,
+                  1,
+                  "F"
+                ), h.setFont("Helvetica", "normal", "bold"), h.text(
+                  `${me}:`,
+                  y + 8,
+                  B + 10
+                ), h.setFont("Helvetica", "normal", "normal"), h.text(
+                  `${we?.toFixed(2)}%`,
+                  y + me?.length * 2.5 + 20.5,
+                  B + 10
+                )), B += 10, B > H && (H = B);
+              }
+            }
+            y += 100, y + 105 > Z && (y = 20, p = H + 20), p + 150 > ee && (h.addPage(), await ae(), p = 80, y = 20);
+          }
+        y = 20, p += P.length * 10;
+        const he = 420, de = F && F.clientWidth ? he * F.clientHeight / F.clientWidth : te;
+        p + de + 20 > ee && (h.addPage(), await ae(), p = 80, y = 20, h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O(at), y, p), p += 10), h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p + 20,
+          he,
+          de
+        ), L++, L < a.length && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes("readiness_trends")) {
+        await ae(), h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O("readiness_trends"), y, p), p += 40;
+        const F = document.getElementById("readiness_trends"), V = await De(F);
+        let H = p;
+        h.setFontSize(8);
+        const P = d.map((W) => W.name), j = A !== "Monthly", re = j ? M : l, z = j ? J : d, se = [
+          "#73C8E5",
+          "#FFB04F",
+          "#D7B0DE",
+          "#E56362",
+          "#5A7F05",
+          "#D3D3D3"
+        ];
+        if (z?.length)
+          for (let W = 0; W < re.length; W++) {
+            let B = p;
+            h.setFontSize(12), h.setFont("Helvetica", "normal", "bold"), h.text(re[W], y, B), h.setFontSize(8);
+            for (let le = 0; le < z?.length; le++) {
+              const we = z[le].data[W];
+              if (we != 0) {
+                const me = P[le];
+                me != "" && (h.setDrawColor(0), h.setFillColor(
+                  se[le]
+                ), h.roundedRect(
+                  y,
+                  B + 5,
+                  5,
+                  5,
+                  1,
+                  1,
+                  "F"
+                ), h.setFont("Helvetica", "normal", "bold"), h.text(
+                  `${me}:`,
+                  y + 8,
+                  B + 10
+                ), h.setFont("Helvetica", "normal", "normal"), h.text(
+                  `${we?.toFixed(2)}%`,
+                  y + me?.length * 2.5 + 20.5,
+                  B + 10
+                )), B += 10, B > H && (H = B);
+              }
+            }
+            y += 100, y + 105 > Z && (y = 20, p = H + 20), p + 150 > ee && (h.addPage(), await ae(), p = 80, y = 20);
+          }
+        y = 20, p += P.length * 10;
+        const he = 420, de = F && F.clientWidth ? he * F.clientHeight / F.clientWidth : te;
+        p + de + 20 > ee && (h.addPage(), await ae(), p = 80, y = 20, h.setFontSize(14), h.setFont("Helvetica", "normal", "bold"), h.text(O(at), y, p), p += 10), h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          p + 20,
+          he,
+          de
+        ), L++, L < a.length && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes(jt)) {
+        await ae(), h.setFontSize(14), h.setTextColor("#000"), h.setFont("Helvetica", "normal", "bold"), h.text(O(jt), y, 70), h.setFontSize(12), h.setTextColor("#3D3D3D"), h.setFont("Helvetica", "normal", "normal"), h.text(O("Learning Strategies Usage & Feedback"), y, p + 4);
+        const F = document.getElementById("learning_strategies_table_pdf"), V = await De(F, {
+          scale: 2,
+          useCORS: !0,
+          logging: !1
+        });
+        p += 12, y = 20;
+        const H = 420, P = F && F.clientWidth ? H * F.clientHeight / F.clientWidth : 300;
+        let j = P, re = p;
+        h.addImage(
+          V.toDataURL("image/png"),
+          10,
+          re,
+          H,
+          P
+        ), j -= h.internal.pageSize.height - re;
+        let z = h.internal.pageSize.height - re;
+        for (; j > 0; )
+          h.addPage(), h.addImage(
+            V.toDataURL("image/png"),
+            10,
+            80 - z,
+            H,
+            P
+          ), h.setFillColor(255, 255, 255), h.rect(0, 0, h.internal.pageSize.width, 80, "F"), await ae(), z += h.internal.pageSize.height - 80, j -= h.internal.pageSize.height - 80;
+        L++, L < a.length && (h.addPage(), p = 80, y = 20);
+      }
+      if (a.includes(Qt)) {
+        await ae(), h.setFontSize(14), h.setTextColor("#000"), h.setFont("Helvetica", "bold"), h.text(O(Qt), y, 70), h.setFontSize(12), h.setTextColor("#3D3D3D"), h.setFont("Helvetica", "normal"), h.text(O("Student Conversations"), y, p + 4);
+        const F = R.map((P) => [
+          P.studentName,
+          P.gradeLevel,
+          P.educatorNames.join(`
+`),
+          P.conversationCount,
+          P.conversationDates.map(
+            (j) => sa(j, "do MMMM yyyy").toString()
+          ).join(`
+`)
+        ]), V = {}, H = await ue(Nr, "");
+        await Promise.all(
+          R.map(async (P, j) => {
+            V[j] = P.profileImage ? await ue(st(P.profileImage), H) : H;
+          })
+        ), Zt(h, {
+          startY: p + 20,
+          head: [[
+            "Name of Student",
+            O("grade"),
+            "Name of Educator",
+            `Number of
+Conversations`,
+            "Conversations Date"
+          ]],
+          body: F,
+          didDrawCell: (P) => {
+            if (P.section === "body" && P.column.index === 0) {
+              const j = V[P.row.index], re = xe(j);
+              j && h.addImage(
+                j,
+                re,
+                P.cell.x + 6,
+                P.cell.y + 6,
+                12,
+                12
+              );
+            }
+          },
+          styles: {
+            fontSize: 9,
+            cellPadding: { top: 8, left: 8, right: 8, bottom: 8 },
+            valign: "top"
+          },
+          headStyles: {
+            fillColor: [240, 240, 240],
+            textColor: 0,
+            fontStyle: "bold"
+          },
+          columnStyles: {
+            0: {
+              cellWidth: 100,
+              cellPadding: { top: 8, left: 22, right: 8, bottom: 8 }
+            },
+            1: {
+              cellWidth: 40,
+              halign: "center"
+            },
+            2: { cellWidth: 90 },
+            3: {
+              cellWidth: 70,
+              halign: "center"
+            },
+            4: { cellWidth: 85 }
+          },
+          theme: "grid"
+        });
+      }
+      h.save("DashBoard.pdf"), ne(
+        pe({
+          type: "success",
+          message: "Download Completed"
+        })
+      ), I?.();
+    } catch (h) {
+      ne(
+        pe({
+          type: "danger",
+          message: h.message
+        })
+      );
+    }
+    ne(Ae(!1));
+  };
+  return /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ w("div", { className: `${qt["chart-to-canvas"]}`, children: [
+      /* @__PURE__ */ o("div", { id: "average_safety", children: /* @__PURE__ */ o(
+        be,
+        {
+          colors: ["#0F9655"],
+          typeChart: "area",
+          activeColumn: [!0],
+          series: c,
+          months: l,
+          dayOfWeek: i,
+          avgQuestionLastMonth: r,
+          skillClass: "full-width",
+          name: da,
+          optionDate: A
+        }
+      ) }),
+      /* @__PURE__ */ o("div", { id: "average_stress", children: /* @__PURE__ */ o(
+        be,
+        {
+          min: -100,
+          colors: ["#C44140"],
+          typeChart: "area",
+          activeColumn: [!0],
+          series: s.map((Z) => ({ ...Z, data: Z.data.map((ee) => ee / 2 + 50) })),
+          months: l,
+          dayOfWeek: i,
+          avgQuestionLastMonth: r,
+          skillClass: "full-width",
+          print: !0,
+          name: ca,
+          optionDate: A
+        }
+      ) }),
+      /* @__PURE__ */ o("div", { id: "metric", children: /* @__PURE__ */ o(
+        be,
+        {
+          colors: ["#C4D4F3"],
+          name: ha,
+          typeChart: "bar",
+          weeks: D,
+          activeColumn: [!0],
+          series: [{
+            name: "",
+            data: T
+          }],
+          weeklySeries: [{
+            name: "",
+            data: x
+          }],
+          months: _,
+          dayOfWeek: i,
+          avgQuestionLastMonth: r,
+          print: !0,
+          optionDate: A,
+          lowMetricStudents: C,
+          studentMetricPercent: $
+        }
+      ) }),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          id: "success_indicators",
+          children: /* @__PURE__ */ o(
+            be,
+            {
+              colors: [
+                "#73C8E5",
+                "#FFB04F",
+                "#D7B0DE",
+                "#E56362",
+                "#5A7F05",
+                "#D3D3D3"
+              ],
+              name: O("success_indicators"),
+              typeChart: "area",
+              activeColumn: [!0, !0, !0, !0, !0, !0],
+              series: u,
+              weeklySeries: E,
+              months: l,
+              dayOfWeek: i,
+              avgQuestionLastMonth: r,
+              weeks: M,
+              print: !0,
+              optionDate: A
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          id: Be,
+          children: /* @__PURE__ */ o(
+            be,
+            {
+              colors: ["#D9EEE4", "#FAF0F0"],
+              name: Be,
+              typeChart: "donut",
+              months: [],
+              activeColumn: [!0, !0],
+              avgQuestionLastMonth: b.overViewQuestionLastMonth,
+              studentCount: b?.studentNotReadyToLearn?.length || void 0,
+              responseStudent: b?.studentNotReadyToLearn,
+              series: b.resultQuestion,
+              print: !0,
+              optionDate: A
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          id: "readiness_trends",
+          children: /* @__PURE__ */ o(
+            be,
+            {
+              colors: ["#169490", "#316CD9", "#FFB04F"],
+              name: ua,
+              typeChart: "area",
+              activeColumn: [!0, !0, !0],
+              series: d,
+              months: l,
+              dayOfWeek: i,
+              avgQuestionLastMonth: r,
+              weeks: M,
+              weeklySeries: J,
+              print: !0,
+              optionDate: A
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          id: tt,
+          children: /* @__PURE__ */ o(Fa, { data: m, print: !0 })
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          id: "student_stress_by_zone",
+          style: {
+            width: "175%"
+          },
+          children: /* @__PURE__ */ o(ia, { studentPressure: v, width: 1280, print: !0 })
+        }
+      ),
+      /* @__PURE__ */ o("div", { id: "learning_strategies_table_pdf", style: { width: 800, border: "1px solid #dcdcdc", borderRadius: "8px", overflow: "hidden" }, children: /* @__PURE__ */ o(
+        ka,
+        {
+          learningStrategies: oe,
+          isPrint: !0
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ o("div", { className: `${qt["image-logo"]}`, id: "header-logo", children: /* @__PURE__ */ o("img", { src: ot(Mi), alt: "" }) }),
+    /* @__PURE__ */ o(
+      Na,
+      {
+        color: "success",
+        onClick: () => {
+          a.length > 0 && ke();
+        },
+        children: O("export")
+      }
+    )
+  ] });
+}, Oi = ({
+  modal: t,
+  toggle: e,
+  selectedToPrint: n,
+  handleSelectToPrint: a,
+  safetyData: r,
+  stressData: i,
+  monthsOneToOne: l,
+  dayOfWeekOneToOne: d,
+  studentPressure: c,
+  metricWeeks: s,
+  metricDataWeeks: u,
+  metricMonths: m,
+  metricDataMonths: v,
+  lowMetricStudents: b,
+  studentMetricPercent: N,
+  dataReadinessOfChart: D,
+  dataOverallReadyToLearn: x,
+  preparednessData: _,
+  preparednessWeeklyData: T,
+  weeksOneToOne: C,
+  avgQuestionLastMonth: $,
+  successIndicatorsData: M,
+  successIndicatorWeeklyData: J,
+  filter: E,
+  schoolName: oe,
+  learningStrategiesUsage: ie,
+  studentConversations: I
+}) => {
+  const { t: R } = ve();
+  return /* @__PURE__ */ w(
+    pr,
+    {
+      isOpen: t,
+      toggle: e,
+      style: { overflow: "hidden" },
+      centered: !0,
+      children: [
+        /* @__PURE__ */ w(vr, { children: [
+          /* @__PURE__ */ o("p", { className: `${g["title-modal"]}`, children: R("export_to_pdf") }),
+          /* @__PURE__ */ w("p", { className: `${g["header-desc-modal"]}`, children: [
+            R("the_data_is_taken_from_the_home_screen"),
+            "."
+          ] }),
+          /* @__PURE__ */ o("p", { className: `${g["header-desc-modal"]}`, children: R(
+            "make_sure_everything_is_set_correctly_before_exporting"
+          ) })
+        ] }),
+        /* @__PURE__ */ o(yr, { children: Jn?.map((A) => /* @__PURE__ */ w(
+          Sr,
+          {
+            check: !0,
+            className: `${g["form-checkbox"]}`,
+            children: [
+              /* @__PURE__ */ o(
+                Cr,
+                {
+                  type: "checkbox",
+                  checked: n.includes(A),
+                  onChange: () => a(A)
+                }
+              ),
+              /* @__PURE__ */ o(
+                wr,
+                {
+                  check: !0,
+                  className: `${g["checkbox-content"]}`,
+                  children: R(`${A}`)
+                }
+              )
+            ]
+          },
+          A
+        )) }),
+        /* @__PURE__ */ w(br, { children: [
+          /* @__PURE__ */ o(Na, { color: "light", onClick: e, children: R("cancel") }),
+          /* @__PURE__ */ o(
+            Ai,
+            {
+              startTime: E?.startDate,
+              endTime: E?.endDate,
+              selectedToPDF: n,
+              avgQuestionLastMonth: $,
+              dayOfWeekOneToOne: d,
+              monthsOneToOne: l,
+              preparednessData: _,
+              safetyData: r,
+              stressData: i,
+              successIndicatorsData: M,
+              studentPressure: c,
+              dataOverallReadyToLearn: x,
+              schoolName: oe,
+              metricWeeks: s,
+              metricDataWeeks: u,
+              metricDataMonths: v,
+              metricMonths: m,
+              lowMetricStudents: b,
+              studentMetricPercent: N,
+              preparednessWeeklyData: T,
+              weeksOneToOne: C,
+              successIndicatorWeeklyData: J,
+              readinessToLearning: D,
+              learningStrategiesUsage: ie,
+              optionDate: E?.optionDate || "Monthly",
+              onClose: e,
+              studentConversations: I
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, _s = () => {
+  const { t } = ve(), {
+    student: e,
+    isStudent: n,
+    stressData: a,
+    safetyData: r,
+    preparednessData: i,
+    successIndicatorsData: l,
+    monthsOneToOne: d,
+    gradeList: c,
+    handleChangeFilterGrade: s,
+    handleChangeStartDateChart: u,
+    handleChangeEndDateChart: m,
+    filter: v,
+    dayOfWeekOneToOne: b,
+    avgQuestionLastMonth: N,
+    handleChangeFilterCalendar: D,
+    dataOverallReadyToLearn: x,
+    studentSkillQuestion: _,
+    studentPressure: T,
+    expandedFilter: C,
+    onToggleChart: $,
+    dataReadinessOfChart: M,
+    activeTab: J,
+    setActiveTab: E,
+    summarizeQuestions: oe,
+    goToSession: ie,
+    questionFilters: I,
+    handleChangeQuestionFilter: R,
+    handleRedirectAllAnswer: A,
+    handleHoverTooltip: O,
+    successIndicatorWeeklyData: ne,
+    weeksOneToOne: X,
+    preparednessWeeklyData: ue,
+    metricWeeks: xe,
+    metricDataWeeks: ke,
+    metricMonths: Z,
+    metricDataMonths: ee,
+    lowMetricStudents: p,
+    studentMetricPercent: y,
+    stressValue: k,
+    listTotalTime: Q,
+    handleClick: h,
+    handleClose: te,
+    anchorEl: Ce,
+    id_export: L,
+    openPopoverExport: $e,
+    toggle: ae,
+    conversationKpi: F,
+    onSaveFilter: V,
+    onClearFilter: H,
+    handleChangeAcademicYearFilters: P,
+    studentData: j,
+    handleFilterStudent: re,
+    academicYearList: z,
+    academicYearItem: se,
+    modal: he,
+    selectedToPrint: de,
+    handleSelectToPrint: W,
+    schoolName: B,
+    dayOfWeekStress: le,
+    dayOfWeekReadiness: we,
+    setOptionDate: me,
+    safetyValue: mt,
+    activeColumnReadiness: Ue,
+    activeColumnIndicators: qe,
+    handleActiveColumn: Qe,
+    loadingComplete: fe,
+    strategyUsage: Ie,
+    qualityFeedbackStudents: ft,
+    openQualityFeedbackModal: Ve,
+    handleOpenQualityFeedbackModal: Ge,
+    handleCloseQualityFeedbackModal: Je,
+    noteSelected: pt,
+    openDetailNote: vt,
+    handleViewDetailNote: Ke,
+    handleCloseDetailNote: yt,
+    studentConversations: St,
+    onBeforeViewCheckIn: Pe
+  } = Tr(), { exportSessionsCsv: Ct, exportStudentConversationCsv: wt } = Jr(), { classFontSize: Te, fontSizeInputSelect: Xe } = fr(), Ze = je(
+    () => [
+      {
+        label: la,
+        component: /* @__PURE__ */ o(
+          Ar,
+          {
+            studentSkillQuestion: _,
+            classFontSize: Te,
+            safetyData: r,
+            stressData: a,
+            monthsOneToOne: d,
+            dayOfWeekOneToOne: b,
+            dayOfWeekStress: le,
+            handleHoverTooltip: O,
+            avgQuestionLastMonth: N,
+            studentPressure: T,
+            timeOfDay: v.optionDate,
+            metricWeeks: xe,
+            metricDataWeeks: ke,
+            metricMonths: Z,
+            metricDataMonths: ee,
+            lowMetricStudents: p,
+            studentMetricPercent: y,
+            stressValue: k,
+            safetyValue: mt,
+            loadingComplete: fe,
+            onBeforeViewCheckIn: Pe
+          }
+        )
+      },
+      {
+        label: "conversations",
+        component: /* @__PURE__ */ o(
+          Er,
+          {
+            conversationKpi: F,
+            loadingComplete: fe.skippedSessions
+          }
+        ),
+        hiddenForStudent: !0
+      },
+      {
+        label: "readiness_to_learn",
+        component: /* @__PURE__ */ o(
+          Yr,
+          {
+            dataReadinessOfChart: M,
+            handleHoverTooltip: O,
+            classFontSize: Te,
+            dataOverallReadyToLearn: x,
+            avgQuestionLastMonth: N,
+            preparednessData: i,
+            monthsOneToOne: d,
+            dayOfWeekOneToOne: we,
+            preparednessWeeklyData: ue,
+            weeksOneToOne: X,
+            setOptionDate: me,
+            onActiveColumn: Qe,
+            activeColumn: Ue,
+            timeOfDay: v.optionDate,
+            loadingComplete: fe,
+            onBeforeViewCheckIn: Pe
+          }
+        )
+      },
+      {
+        label: "open_field_questions",
+        component: /* @__PURE__ */ o(
+          jr,
+          {
+            goToSession: ie,
+            handleChangeQuestionFilter: R,
+            handleRedirectAllAnswer: A,
+            questionFilters: I,
+            summarizeQuestions: oe,
+            loadingComplete: fe.summarizeReport
+          }
+        )
+      },
+      {
+        label: "success_indicators",
+        component: /* @__PURE__ */ o(
+          Ur,
+          {
+            avgQuestionLastMonth: N,
+            dayOfWeekOneToOne: b,
+            monthsOneToOne: d,
+            successIndicatorsData: l,
+            timeOfDay: v.optionDate,
+            classFontSize: Te,
+            handleHoverTooltip: O,
+            successIndicatorWeeklyData: ne,
+            weeksOneToOne: X,
+            onActiveColumn: Qe,
+            activeColumn: qe,
+            loadingComplete: fe,
+            onBeforeViewCheckIn: Pe
+          }
+        )
+      },
+      {
+        label: "learning_strategies",
+        component: /* @__PURE__ */ o(
+          Gr,
+          {
+            learningStrategies: Ie,
+            classFontSize: Te,
+            handleHoverTooltip: O,
+            loadingComplete: fe.topLearningStrategies,
+            students: ft,
+            openQualityFeedbackModal: Ve,
+            handleOpenQualityFeedbackModal: Ge,
+            handleCloseQualityFeedbackModal: Je,
+            handleViewDetailNote: Ke
+          }
+        )
+      }
+    ],
+    [
+      p,
+      _.responseStudentSafety,
+      _.responseStudentStress,
+      _.studentPercentageStress,
+      _.studentPercentageUnsafe,
+      _.studentSafetyQuestionCount,
+      _.studentStressQuestionCount,
+      T,
+      N,
+      a,
+      r,
+      l,
+      ne,
+      oe,
+      i,
+      x,
+      ue,
+      v,
+      Ue,
+      qe,
+      fe,
+      Ie,
+      Ve,
+      Ge,
+      Je,
+      Ke,
+      Pe
+    ]
+  ).filter((ye) => !(n && ye.hiddenForStudent));
+  return vt ? /* @__PURE__ */ o(
+    kr,
+    {
+      note: pt,
+      backBtnName: "Back to Dashboard",
+      handleBack: yt
+    }
+  ) : /* @__PURE__ */ w(S, { className: `${g["plp-container"]}`, children: [
+    /* @__PURE__ */ w(S, { className: `${g["plp-header"]}`, children: [
+      /* @__PURE__ */ w(
+        Tt,
+        {
+          className: `${g["plp-export"]}`,
+          onClick: h,
+          children: [
+            /* @__PURE__ */ o("div", { children: t("export") }),
+            /* @__PURE__ */ o(
+              nr,
+              {
+                opacity: 0.56
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        ar,
+        {
+          id: L,
+          open: $e,
+          anchorEl: Ce,
+          onClose: te,
+          anchorOrigin: {
+            vertical: "bottom",
+            horizontal: "right"
+          },
+          transformOrigin: {
+            vertical: "top",
+            horizontal: "right"
+          },
+          children: /* @__PURE__ */ w(
+            rt,
+            {
+              p: 2,
+              display: "flex",
+              flexDirection: "column",
+              style: { gap: 8 },
+              children: [
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    className: `${g["plp-export__btn"]}`,
+                    type: "button",
+                    onClick: () => {
+                      Ct(v), te();
+                    },
+                    children: t("export_check_ins_to_csv")
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    className: `${g["plp-export__btn"]}`,
+                    type: "button",
+                    onClick: () => {
+                      wt(v), te();
+                    },
+                    children: t("export_conversations_to_csv")
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    className: `${g["plp-export__btn"]}`,
+                    type: "button",
+                    onClick: () => {
+                      ae(), te();
+                    },
+                    children: t("export_to_pdf")
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ o(S, { className: `${g["header-top"]}`, children: /* @__PURE__ */ o(K, { className: `${g["plp-title"]}`, children: t("data_dashboard") }) }),
+      /* @__PURE__ */ o(K, { className: `${g["plp-description"]}`, children: t("understand_the_metrics_about_the_students_wellness_and_environment") }),
+      /* @__PURE__ */ o(
+        Wr,
+        {
+          gradeList: c,
+          onChangeFilterGrade: s,
+          fontSizeInputSelect: Xe,
+          gradeFilter: v.grades || [],
+          endDate: v.endDate || null,
+          startDate: v.startDate || null,
+          student: e,
+          onChangeStudent: re,
+          studentData: j,
+          academicYearList: z,
+          valueAcademicYear: se,
+          onChangeAcademicYear: P,
+          onChangeFilterCalendar: D,
+          onChangeEndDateChart: m,
+          onChangeStartDateChart: u,
+          expandedFilter: C,
+          onToggleChart: $,
+          optionDate: v.optionDate,
+          onClearFilter: H,
+          onSaveFilter: V,
+          isStudent: n,
+          loadingComplete: fe
+        }
+      ),
+      /* @__PURE__ */ o(
+        Lr,
+        {
+          gradeList: c,
+          onChangeFilterGrade: s,
+          fontSizeInputSelect: Xe,
+          gradeFilter: v.grades || [],
+          endDate: v.endDate || null,
+          startDate: v.startDate || null,
+          student: e,
+          onChangeStudent: re,
+          studentData: j,
+          academicYearList: z,
+          valueAcademicYear: se,
+          onChangeAcademicYear: P,
+          onChangeFilterCalendar: D,
+          onChangeEndDateChart: m,
+          onChangeStartDateChart: u,
+          expandedFilter: C,
+          onToggleChart: $,
+          optionDate: v.optionDate,
+          onClearFilter: H,
+          onSaveFilter: V,
+          isStudent: n,
+          loadingComplete: fe
+        }
+      ),
+      /* @__PURE__ */ w(S, { className: `${g["list-total"]}`, children: [
+        /* @__PURE__ */ o(
+          nt,
+          {
+            iconSrc: "total-checkin-icon.png",
+            label: "Total Check-ins",
+            value: Q.totalCheckIn,
+            loadingComplete: fe.totalDashboard
+          }
+        ),
+        /* @__PURE__ */ o(
+          nt,
+          {
+            iconSrc: "total-conversation-icon.png",
+            label: "Total 1-1 Conversations",
+            value: Q.totalOneToOne,
+            loadingComplete: fe.totalDashboard
+          }
+        ),
+        /* @__PURE__ */ o(
+          nt,
+          {
+            iconSrc: "total-time-icon.png",
+            label: "Total 1-1 Time",
+            value: dr(Q.totalTimeOneToOne),
+            loadingComplete: fe.totalDashboard
+          }
+        ),
+        /* @__PURE__ */ o(
+          nt,
+          {
+            iconSrc: "total-conference-icon.png",
+            label: "Total Conferences",
+            value: Q.totalConference,
+            loadingComplete: fe.totalDashboard
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ o(
+      S,
+      {
+        className: `${g["plp-content"]} ${g[Te]}`,
+        children: /* @__PURE__ */ w(S, { className: g["content-container"], children: [
+          /* @__PURE__ */ o(S, { className: g["content-navigation"], children: Ze.map((ye) => /* @__PURE__ */ o(
+            K,
+            {
+              onClick: () => E(ye.label),
+              className: `${g["nav-item"]} ${g[J === ye.label ? "nav-item-active" : "nav-label"]}`,
+              children: t(ye.label)
+            },
+            ye.label
+          )) }),
+          /* @__PURE__ */ o(S, { className: g["content-component"], children: Ze.filter((ye) => ye.label == J).map((ye) => /* @__PURE__ */ o(ht, { children: ye.component }, ye.label)) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o(
+      Oi,
+      {
+        toggle: ae,
+        modal: he,
+        selectedToPrint: de,
+        handleSelectToPrint: W,
+        safetyData: r,
+        stressData: a,
+        monthsOneToOne: d,
+        dayOfWeekOneToOne: b,
+        studentPressure: T,
+        metricWeeks: xe,
+        metricDataWeeks: ke,
+        metricMonths: Z,
+        metricDataMonths: ee,
+        lowMetricStudents: p,
+        studentMetricPercent: y,
+        dataReadinessOfChart: M,
+        dataOverallReadyToLearn: x,
+        preparednessData: i,
+        preparednessWeeklyData: ue,
+        weeksOneToOne: X,
+        avgQuestionLastMonth: N,
+        successIndicatorsData: l,
+        successIndicatorWeeklyData: ne,
+        filter: v,
+        schoolName: B,
+        learningStrategiesUsage: Ie,
+        studentConversations: St
+      }
+    )
+  ] });
+};
+export {
+  _s as default
+};