mario-teacher-student-client 2.2.1-staging → 2.2.2-release

package/dist/CheckInProgress-B32TQqzG.js

@@ -0,0 +1,983 @@
+import { jsxs as o, jsx as e, Fragment as Se } from "react/jsx-runtime";
+import { useState as me, useRef as pe, useEffect as j, Fragment as xe, useMemo as x } from "react";
+import { r as f, A as V, F as Ye } from "./FlagOfSession-BloE3MfK.js";
+import { Checkbox as Ke, InputAdornment as Ne, Box as Te, Tooltip as Je, tooltipClasses as Me, Slider as Xe, TextField as et, LinearProgress as tt, linearProgressClasses as Re } from "@mui/material";
+import { A as Ae } from "./ArrowLeftIcon-D1a0vjyK.js";
+import { A as Ie } from "./ArrowRightIcon-gBYRjS1Q.js";
+import { u as nt } from "./useConductOne-Ck03kU7f.js";
+import { d as it, p as st, c as rt } from "./constant-BzRlb3sI.js";
+import { Q as c } from "./types-BXFFrSNT.js";
+import { E as ot, Y as at, i as lt, Z as Fe } from "./constants-jQb--ivI.js";
+import { useTranslation as he, getStaticFileUrl as W, utcToLocalTime as ct } from "mario-core";
+import { u as dt } from "./useAudioRecorder-CIdTjG0s.js";
+import { S as pt } from "./SingleChoiceComponent-CZV6AKxP.js";
+import { s as ue } from "./styled-UOFRP3cN.js";
+import { R as _t } from "./RouterPrompt-BcuXN3rR.js";
+import { L as mt, C as ht, a as ut, R as gt } from "./ConfirmDeleteOneToOne-DgT4S7Wy.js";
+import { S as ft } from "./SimpleDialog-Bp-mjW0P.js";
+import { D as wt } from "./DoneStatusIcon-BIVhWUW_.js";
+import { D as Ct } from "./DoneCheckInIcon-3Yg4kjqY.js";
+import { g as _e } from "./constants-w6g4YfJ8.js";
+import { r as E } from "./constantsFn-C9OIbD7i.js";
+import { G as A } from "./types-DiZGTleX.js";
+import { M as kt } from "./MainViewScaffolding-Dm1qO-uA.js";
+const yt = "_text_wc1e0_236", xt = "_ring_wc1e0_1", vt = "_detail_wc1e0_314", i = {
+  "check-in-progress": "_check-in-progress_wc1e0_61",
+  "check-in-progress__image": "_check-in-progress__image_wc1e0_69",
+  "check-in-progress__title": "_check-in-progress__title_wc1e0_80",
+  "title-check-in": "_title-check-in_wc1e0_94",
+  "check-in-progress__back": "_check-in-progress__back_wc1e0_108",
+  "check-in-progress__content": "_check-in-progress__content_wc1e0_119",
+  "check-in-progress__content--left": "_check-in-progress__content--left_wc1e0_126",
+  "check-in-progress__content--right": "_check-in-progress__content--right_wc1e0_129",
+  "log-1-1-container": "_log-1-1-container_wc1e0_138",
+  "log-1-1": "_log-1-1_wc1e0_138",
+  "view-1-1-container": "_view-1-1-container_wc1e0_162",
+  "view-1-1": "_view-1-1_wc1e0_162",
+  "progress-container": "_progress-container_wc1e0_187",
+  "progress-container__title": "_progress-container__title_wc1e0_206",
+  "progress-container__questions": "_progress-container__questions_wc1e0_213",
+  "progress-container__questions--item": "_progress-container__questions--item_wc1e0_219",
+  "progress-container__progress": "_progress-container__progress_wc1e0_223",
+  "progress-container__progress--bar": "_progress-container__progress--bar_wc1e0_229",
+  text: yt,
+  "progress-container__progress--actions": "_progress-container__progress--actions_wc1e0_245",
+  "btn-previous": "_btn-previous_wc1e0_251",
+  "btn-next": "_btn-next_wc1e0_261",
+  "btn-next__disabled": "_btn-next__disabled_wc1e0_275",
+  "btn-next__animate": "_btn-next__animate_wc1e0_278",
+  ring: xt,
+  "progress-item": "_progress-item_wc1e0_282",
+  "progress-item__title": "_progress-item__title_wc1e0_294",
+  "progress-item__title--last": "_progress-item__title--last_wc1e0_306",
+  "progress-item__stress-item": "_progress-item__stress-item_wc1e0_309",
+  detail: vt,
+  "progress-item__single-choice": "_progress-item__single-choice_wc1e0_322",
+  "progress-item__single-choice--yes-no": "_progress-item__single-choice--yes-no_wc1e0_329",
+  "progress-item__single-choice--title": "_progress-item__single-choice--title_wc1e0_332",
+  "progress-item__single-choice--question": "_progress-item__single-choice--question_wc1e0_343",
+  "question-answer-ready-to-learn": "_question-answer-ready-to-learn_wc1e0_349",
+  "progress-item__question-item": "_progress-item__question-item_wc1e0_360",
+  "answer-item": "_answer-item_wc1e0_366",
+  "progress-item__summarize--checkbox": "_progress-item__summarize--checkbox_wc1e0_377",
+  "check-in-information": "_check-in-information_wc1e0_385",
+  "check-in-information__item": "_check-in-information__item_wc1e0_399",
+  "modal-finished": "_modal-finished_wc1e0_420",
+  "title-modal": "_title-modal_wc1e0_426",
+  "body-modal": "_body-modal_wc1e0_430",
+  "tite-body": "_tite-body_wc1e0_430",
+  "btn-cancel": "_btn-cancel_wc1e0_436",
+  "btn-submit": "_btn-submit_wc1e0_442",
+  "font-large": "_font-large_wc1e0_460",
+  "font-small": "_font-small_wc1e0_507",
+  "check-in-information__image": "_check-in-information__image_wc1e0_574",
+  "complete-check-in-modal": "_complete-check-in-modal_wc1e0_577",
+  "complete-check-in-modal__title": "_complete-check-in-modal__title_wc1e0_606",
+  "complete-check-in-modal__description": "_complete-check-in-modal__description_wc1e0_617",
+  "complete-check-in-modal__group-btn": "_complete-check-in-modal__group-btn_wc1e0_627",
+  "complete-check-in-modal__action": "_complete-check-in-modal__action_wc1e0_634",
+  "complete-check-in-modal__cancel": "_complete-check-in-modal__cancel_wc1e0_656",
+  "flag-right-container": "_flag-right-container_wc1e0_676"
+}, bt = /([^\w\d])(i)([^\w\d])/g, Lt = /([^\w\d])i$/, ve = ue(({ className: t, ...l }) => /* @__PURE__ */ e(Je, { ...l, classes: { popper: t } }))(() => ({
+  [`& .${Me.tooltip}`]: {
+    fontSize: "14px",
+    color: "#FFFFFF",
+    backgroundColor: "#336DDA",
+    padding: "10px 15px"
+  },
+  [`& .${Me.arrow}`]: {
+    color: "#336DDA"
+  }
+})), St = ue(Xe)(({ theme: t }) => ({
+  color: "#EFEFEF",
+  marginRight: "20px",
+  height: 10,
+  [t.breakpoints.down("lg")]: {
+    marginRight: "10px"
+  },
+  "& .MuiSlider-thumb": {
+    height: "35px !important",
+    width: "35px !important",
+    backgroundColor: "#F6F7FF",
+    boxShadow: "inset 2px 2px 10px #dedede",
+    zIndex: 2,
+    "&:focus, &:hover, &.Mui-active": {
+      boxShadow: "inherit"
+    }
+  },
+  "& .MuiSlider-valueLabel": {
+    borderRadius: "50%",
+    backgroundColor: "#E0E0E0 !important",
+    padding: "6px !important",
+    "& > span": {
+      backgroundColor: "transparent !important",
+      padding: "4px",
+      "& > span": {
+        color: "#212529 !important",
+        fontSize: "14px",
+        fontWeight: 500,
+        "& > div": {
+          backgroundColor: "transparent !important",
+          minWidth: "16px !important",
+          textAlign: "center"
+        }
+      }
+    }
+  },
+  "& .MuiSlider-track": {
+    height: 15,
+    borderRadius: 10,
+    opacity: 0.9,
+    right: 0,
+    left: "unset !important"
+  },
+  "& .MuiSlider-rail": {
+    height: 15,
+    borderRadius: 10,
+    backgroundImage: "linear-gradient(90deg, #C44140 20%, #FFB04F 20%, #FFB04F 40%, #FFD028 40%, #FFD028 60%, #A9D660 60%, #A9D660 80%, #0F9655 80%, #0F9655 100%)",
+    opacity: 1
+  },
+  [t.breakpoints.down("sm")]: {
+    margin: "0 !important"
+  }
+})), Oe = ue(et)(({ theme: t }) => ({
+  borderRadius: "30px",
+  width: "100%",
+  "& .MuiOutlinedInput-multiline": {
+    padding: "30px"
+  },
+  "& .MuiInputAdornment-positionEnd": {
+    position: "absolute",
+    right: "20px",
+    top: "40px"
+  },
+  "& textarea": {
+    fontSize: "20px",
+    lineHeight: "30px"
+  },
+  [t.breakpoints.down("md")]: {
+    "& .MuiOutlinedInput-multiline": {
+      padding: "20px"
+    },
+    "& textarea": {
+      fontSize: "16px",
+      lineHeight: "24px"
+    }
+  }
+})), Nt = ({ data: t, onChangeQuestionAnswer: l, handleSkipSummarize: v, isDisabled: _, classFontSize: g = "", setSummarizeValue: I, summarizeValue: L = "", isToggleTypingSummarizeQuestion: B }) => {
+  const [Z, S] = me("off"), [X, N] = me(!1), { t: U } = he(), ee = pe(Date.now()), H = pe(), te = pe(!1), G = pe(null), ge = () => {
+    S("on");
+  }, fe = () => {
+    S("off");
+  }, w = t?.text?.split(`
+`) || [], F = (s) => it.find((a) => a.key?.toLocaleLowerCase()?.includes(s?.toLocaleLowerCase()) || s?.toLocaleLowerCase()?.includes(a.key?.toLocaleLowerCase()))?.value || null, we = (s) => {
+    if (!s) return "";
+    let a = s;
+    const m = a.match(bt);
+    return m && new Set(Object.values(m)).forEach((T) => a = a.replaceAll(T, T.toUpperCase())), Lt.test(a) && (a = a.slice(0, -1) + a.slice(-1).toUpperCase()), a;
+  }, [C, Y] = me(t?.answer || "");
+  j(() => {
+    t?.type === c.TextInput && Y(t?.answer || "");
+  }, [t?.answer]);
+  const { isRecording: K, record: O, stop: ne, tempTranscript: ie } = dt((s) => {
+    l?.(t?.id, s), I && I?.(s), t?.type === c.TextInput && Y(s), N(!0);
+  }, G);
+  j(() => {
+    const a = document.getElementById(`${t?.id}`)?.getElementsByClassName("MuiSlider-rail")[0];
+    a && t?.text?.toLowerCase().includes("stress") && a.setAttribute(
+      "style",
+      "background-image: linear-gradient(90deg, #C44140 20%, #A9D660 20%, #A9D660 40%, #0F9655 40%, #0F9655 60%, #FFD028 60%, #FFD028 80%, #C44140 80%, #C44140 100%) !important"
+    );
+  }, []), j(() => {
+    const s = t?.text?.toLowerCase().includes("stress"), a = parseInt(t?.answer || "0"), m = s ? a / 2 + 50 : 100 - a, P = document.getElementById(`${t?.id}`), T = P?.getElementsByClassName("MuiSlider-track"), D = P?.getElementsByClassName(
+      `track-shadow-${t?.id}`
+    );
+    if (T)
+      for (let M = 0; M < T.length; M++) {
+        const $ = T[M];
+        s ? $.setAttribute(
+          "style",
+          `left: ${m < 50 ? "0%" : "unset"} !important; width: ${m < 50 ? m : 100 - m}% !important`
+        ) : $.setAttribute(
+          "style",
+          `left: 0%; width: ${m}% !important`
+        );
+      }
+    if (s) {
+      const M = "left: 50%; border-radius: 0 10px 10px 0;", $ = "left: 0%; border-radius: 10px 0 0 10px;";
+      if (!D || D.length === 0) {
+        const b = document.createElement("span");
+        b.className = `track-shadow-${t?.id}`, b.style.cssText = `${m < 50 ? M : $}; 
+                width: 50% !important; 
+                position: absolute; 
+                background-color: 
+                currentColor; 
+                height: 15px; 
+                opacity: 0.9;
+                top:30%;
+                `, P?.appendChild(b);
+      } else
+        for (let b = 0; b < D.length; b++)
+          D[b].setAttribute(
+            "style",
+            `${m < 50 ? M : $}; 
+                        width: 50% !important; 
+                        position: absolute; 
+                        background-color: 
+                        currentColor; 
+                        height: 15px; 
+                        opacity: 0.9;
+                        top:30%;
+                        `
+          );
+    }
+  }, [t?.answer, t?.text, t?.id]), j(() => {
+    ee.current = Date.now();
+  }, [L, C]), j(() => {
+    if (!X || !t?.id || t?.type !== c.Summarize && t?.type !== c.TextInput) return;
+    const s = () => {
+      Date.now() - ee.current >= 500 ? (t?.type === c.Summarize ? l(t?.id, L) : t?.type === c.TextInput && l(t?.id, C), N(!1)) : H.current = requestAnimationFrame(s);
+    };
+    return H.current = requestAnimationFrame(s), () => {
+      H.current && cancelAnimationFrame(H.current);
+    };
+  }, [L, C, X]);
+  const Ce = ["Low", "Moderate", "High", "Very High"];
+  j(() => {
+    if (!te.current) {
+      te.current = !0;
+      return;
+    }
+    B ? (I?.("Nothing to Add"), N(!0)) : (I?.(""), N(!0));
+  }, [B]);
+  const ke = t?.questionItemAnswers?.some((s) => s.text === "Yes") && t?.questionItemAnswers?.some((s) => s.text === "No");
+  return /* @__PURE__ */ o("div", { className: `${i["progress-item"]} ${i[g]}`, children: [
+    t?.type === c.SingleChoice && /* @__PURE__ */ o("div", { className: `${i["progress-item__single-choice"]} ${ke && i["progress-item__single-choice--yes-no"]}`, children: [
+      /* @__PURE__ */ o("div", { className: i["progress-item__single-choice--title"], children: [
+        /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: w[1] || w[0] } }),
+        !!F(w[1]) && /* @__PURE__ */ e(
+          ve,
+          {
+            arrow: !0,
+            title: F(w[1]) || "",
+            children: /* @__PURE__ */ e("i", { className: "fal fa-info-circle" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        pt,
+        {
+          questionId: t?.id,
+          valueText: t?.answer || "",
+          questionAnswer: t?.questionItemAnswers?.map((s) => s.text) || [],
+          onChangeQuestionAnswer: l,
+          labelPlacement: "end"
+        }
+      )
+    ] }),
+    (t?.type === c.Rating || t?.type === c.Slider) && /* @__PURE__ */ o(xe, { children: [
+      w?.map(((s, a) => /* @__PURE__ */ o(
+        "div",
+        {
+          className: `
+                                ${i["progress-item__title"]} 
+                                ${w.length > 1 && a === w.length - 1 ? i["progress-item__title--last"] : ""}
+                            `,
+          children: [
+            /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: s } }),
+            !!F(s) && /* @__PURE__ */ e(
+              ve,
+              {
+                arrow: !0,
+                title: F(s) || "",
+                children: /* @__PURE__ */ e("i", { className: "fal fa-info-circle" })
+              }
+            )
+          ]
+        },
+        a
+      ))),
+      t?.text?.toLowerCase().includes("stress") && /* @__PURE__ */ e("div", { className: i["progress-item__stress-item"], children: Ce.map((s) => /* @__PURE__ */ e("div", { className: `${i.detail}`, children: s }, s)) }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          onMouseEnter: ge,
+          onMouseLeave: fe,
+          children: /* @__PURE__ */ e(
+            St,
+            {
+              id: `${t?.id}`,
+              min: t?.text?.toLowerCase().includes("stress") ? -100 : 0,
+              max: 100,
+              valueLabelDisplay: Z,
+              onChange: (s, a) => {
+                const m = Array.isArray(a) ? a[0] : a;
+                l?.(t?.id, m.toString());
+              },
+              className: i["range-slider"],
+              value: t?.answer || "0",
+              style: { cursor: "default" },
+              valueLabelFormat: () => /* @__PURE__ */ e("div", { children: t?.answer || "0" }),
+              disabled: _
+            }
+          )
+        }
+      ),
+      t?.questionAnswer.length > 0 && /* @__PURE__ */ e("div", { className: i["progress-item__question-item"], children: t.questionAnswer.map((s, a) => /* @__PURE__ */ o("div", { className: `${i["answer-item"]}`, style: { width: `${100 / t.questionAnswer.length}%` }, children: [
+        we(s),
+        /* @__PURE__ */ e(
+          ve,
+          {
+            title: ot[a],
+            children: /* @__PURE__ */ e(
+              "i",
+              {
+                hidden: !t?.text?.toLowerCase().includes("stress"),
+                className: "fal fa-info-circle"
+              }
+            )
+          }
+        )
+      ] }, s)) })
+    ] }),
+    t?.type === c.Summarize && /* @__PURE__ */ o(xe, { children: [
+      !at && !t?.isReasonQuestion && /* @__PURE__ */ o("div", { className: i["progress-item__summarize--checkbox"], children: [
+        /* @__PURE__ */ e(
+          Ke,
+          {
+            disabled: _,
+            checked: B,
+            onChange: (s) => {
+              v?.(s.target.checked);
+            }
+          }
+        ),
+        U("i_have_nothing_to_add")
+      ] }),
+      /* @__PURE__ */ e(
+        Oe,
+        {
+          inputRef: G,
+          id: "outlined-textarea",
+          placeholder: U("type_your_answer_here"),
+          disabled: !t?.isReasonQuestion && B || _,
+          rows: 7,
+          value: `${L}${ie}`,
+          multiline: !0,
+          variant: "outlined",
+          onChange: (s) => {
+            I?.(s.target.value), N(!0);
+          },
+          InputProps: {
+            endAdornment: /* @__PURE__ */ e(Ne, { position: "end", children: !_ && /* @__PURE__ */ e(Te, { children: K !== !1 ? /* @__PURE__ */ e(
+              "img",
+              {
+                src: W("/images/recording-dot.png"),
+                style: { cursor: "pointer" },
+                onClick: () => ne?.()
+              }
+            ) : /* @__PURE__ */ e(
+              "img",
+              {
+                src: W("/teacher-student/icons/icon-micro.png"),
+                style: { cursor: "pointer" },
+                onClick: () => O?.()
+              }
+            ) }) })
+          }
+        }
+      )
+    ] }),
+    t?.type === c.TextInput && /* @__PURE__ */ o(xe, { children: [
+      t?.group === "Other" && w?.map(((s, a) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: `
+                                ${i["progress-item__title"]} 
+                                ${w.length > 1 && a === w.length - 1 ? i["progress-item__title--last"] : ""}
+                            `,
+          style: { marginBottom: "10px" },
+          children: s.includes("Why are you not ready to learn") ? null : /* @__PURE__ */ o("span", { children: [
+            /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: s }, style: { display: "inline" } }),
+            t?.isOptional && /* @__PURE__ */ e("span", { style: { fontStyle: "italic", color: "#666", marginLeft: "4px" }, children: " (Optional)" })
+          ] })
+        },
+        a
+      ))),
+      /* @__PURE__ */ e(
+        Oe,
+        {
+          inputRef: G,
+          id: "outlined-textarea",
+          placeholder: U("type_your_answer_here"),
+          disabled: _,
+          rows: 7,
+          value: `${C}${ie}`,
+          multiline: !0,
+          variant: "outlined",
+          onChange: (s) => {
+            Y(s.target.value), N(!0);
+          },
+          InputProps: {
+            endAdornment: /* @__PURE__ */ e(Ne, { position: "end", children: !_ && /* @__PURE__ */ e(Te, { children: K !== !1 ? /* @__PURE__ */ e(
+              "img",
+              {
+                src: W("/images/recording-dot.png"),
+                style: { cursor: "pointer" },
+                onClick: () => ne?.()
+              }
+            ) : /* @__PURE__ */ e(
+              "img",
+              {
+                src: W("/teacher-student/icons/icon-micro.png"),
+                style: { cursor: "pointer" },
+                onClick: () => O?.()
+              }
+            ) }) })
+          }
+        }
+      )
+    ] })
+  ] });
+}, Tt = ({
+  name: t,
+  startTime: l,
+  grade: v,
+  classFontSize: _
+}) => {
+  const { t: g } = he();
+  return /* @__PURE__ */ o("div", { className: `${i["check-in-information"]} ${i[_]}`, children: [
+    /* @__PURE__ */ e("div", { className: i["check-in-information__item"], children: t }),
+    /* @__PURE__ */ o("div", { className: i["check-in-information__item"], children: [
+      /* @__PURE__ */ e("img", { src: W(st), alt: "calendar" }),
+      g("grade"),
+      ":",
+      " ",
+      v
+    ] }),
+    /* @__PURE__ */ o("div", { className: i["check-in-information__item"], children: [
+      /* @__PURE__ */ e("img", { src: W(rt), alt: "calendar" }),
+      ct(l, "do MMMM hh:mm a")
+    ] })
+  ] });
+}, Mt = ({
+  isOpen: t,
+  onClose: l,
+  handleSubmit: v
+}) => {
+  const { t: _ } = he();
+  return /* @__PURE__ */ e(
+    ft,
+    {
+      open: t,
+      onClose: l,
+      scroll: "body",
+      maxWidth: "md",
+      isSessionModal: !0,
+      customPosition: !0,
+      children: /* @__PURE__ */ o("div", { className: i["complete-check-in-modal"], children: [
+        /* @__PURE__ */ e(wt, {}),
+        /* @__PURE__ */ e("h2", { className: i["complete-check-in-modal__title"], children: _("Check-In Finished") }),
+        /* @__PURE__ */ e("div", { className: i["complete-check-in-modal__description"], children: _("Are you ready to submit?") }),
+        /* @__PURE__ */ o("div", { className: i["complete-check-in-modal__group-btn"], children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: i["complete-check-in-modal__cancel"],
+              onClick: () => {
+                l && l();
+              },
+              children: _("cancel")
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: i["complete-check-in-modal__action"],
+              onClick: () => v(),
+              children: [
+                /* @__PURE__ */ e(Ct, { color: "#fff" }),
+                _("submit")
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, Rt = () => /* @__PURE__ */ e("svg", { width: "342", height: "320", viewBox: "0 0 342 320", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("g", { opacity: "0.24", children: [
+  /* @__PURE__ */ e("ellipse", { cx: "194.745", cy: "159.999", rx: "159.587", ry: "159.999", fill: "white" }),
+  /* @__PURE__ */ e("path", { d: "M232.206 142.836C225.185 139.229 220.654 132.221 220.58 124.713C220.493 115.448 227.196 106.893 236.935 104.429C231.106 95.9174 233.884 84.4463 241.887 79.8295C248.979 75.7394 258.803 77.8313 264.054 85.2247C268.073 69.7176 282.797 62.9757 291.818 66.8826C298.331 69.7051 302.587 78.3912 301.933 88.0306C307.775 83.903 315.154 83.418 320.228 86.7359C327.15 91.2631 329.363 102.614 323.025 111.333C333.223 112.165 340.317 120.7 339.596 129.026C339.052 135.335 334.057 141.023 327.115 143.051C332.232 149.399 332.13 158.246 327.322 163.766C323.502 168.164 317.184 169.919 311.18 168.297C311.078 169.338 309.934 179.271 300.849 184.695C291.218 190.442 281.381 185.925 280.617 185.559C274.509 190.763 265.952 191.687 259.312 187.932C250.567 182.99 250.073 172.737 250.057 172.181C248.093 173.199 241.287 176.434 235.852 173.69C228.71 170.081 225.243 156.772 232.206 142.836Z", fill: "#242424" }),
+  /* @__PURE__ */ e("path", { d: "M287.409 149.765H251.054V216.783H287.409V149.765Z", fill: "#A75E46" }),
+  /* @__PURE__ */ e("path", { d: "M245.277 151.653C250.122 149.977 252.359 143.708 250.275 137.652C248.19 131.596 242.572 128.046 237.727 129.722C232.882 131.398 230.645 137.667 232.729 143.723C234.814 149.779 240.432 153.329 245.277 151.653Z", fill: "#A75E46" }),
+  /* @__PURE__ */ e("path", { d: "M302.989 146.547C297.84 170.778 278.841 182.932 259.905 180.738C241.5 178.602 236.201 156.774 238.614 132.116C241.045 107.276 259.911 91.4731 278.557 95.4571C297.202 99.441 308.144 122.312 302.989 146.547Z", fill: "#B3684D" }),
+  /* @__PURE__ */ e("path", { d: "M311.785 151.802C314.058 145.814 312.016 139.479 307.226 137.652C302.436 135.824 296.71 139.197 294.438 145.185C292.166 151.173 294.207 157.508 298.997 159.336C303.788 161.163 309.513 157.79 311.785 151.802Z", fill: "#B3684D" }),
+  /* @__PURE__ */ e("path", { d: "M251.051 190.804C253.202 194.326 258.429 197.577 265.964 197.856C275.597 198.21 282.573 193.485 287.404 190.221C317.136 204.036 330.05 205.545 336.722 213.397C347.006 225.498 328.806 280.558 328.806 280.558L184.332 277.706C184.332 277.706 194.397 235.843 197.827 220.807C203.057 197.86 249.141 191.239 251.051 190.804Z", fill: "#FFB04F" }),
+  /* @__PURE__ */ e("path", { d: "M263.202 139.33C263.202 139.33 260.692 146.228 258.153 147.103C255.614 147.977 256.463 151.632 258.211 152.885C259.664 153.926 261.628 153.926 261.628 153.926", stroke: "#6B3017", "stroke-width": "1.24441", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M250.479 157.398C251.142 158.254 254.903 162.936 261.399 163.529C267.028 164.043 272.584 161.293 275.924 156.414", stroke: "#6B3017", "stroke-width": "1.23777", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M256.411 136.384C252.995 131.804 248.65 132.614 245.698 135.888", stroke: "#242424", "stroke-width": "0.927509", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M255.406 124.321C251.275 122.963 248.009 122.845 244.759 124.253", stroke: "#242424", "stroke-width": "3.09278", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M275.139 125.347C277.282 124.861 282.969 123.351 287.41 126.181", stroke: "#242424", "stroke-width": "3.09278", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M250.013 138.902C246.781 139.027 246.581 133.989 249.82 133.864C253.059 133.739 253.252 138.78 250.013 138.902Z", fill: "#242424" }),
+  /* @__PURE__ */ e("path", { d: "M274.777 137.112C278.396 133.533 282.804 134.227 285.447 138.222", stroke: "#242424", "stroke-width": "0.927509", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M278.495 140.391C281.673 140.997 282.618 136.044 279.433 135.436C276.248 134.828 275.312 139.783 278.495 140.391Z", fill: "#242424" }),
+  /* @__PURE__ */ e("path", { d: "M233.45 119.257C235.854 123.493 249.989 120.772 259.68 115.804C266.866 112.119 271.643 107.182 274.466 103.731C273.592 110.356 277.165 116.499 282.669 118.555C288.989 120.914 294.723 116.728 295.126 116.424C290.413 121.342 289.728 128.88 293.405 134.395C297.293 140.242 305.116 142.399 311.633 139.268C312.294 135.247 313.543 124.282 307.689 112.769C306.429 110.292 297.754 93.9251 279.131 90.8382C264.534 88.4174 253.533 95.7651 249.358 98.5543C240.634 104.364 231.05 115.025 233.45 119.257Z", fill: "#242424" }),
+  /* @__PURE__ */ e("path", { d: "M210.446 303.552H342.538L363 226.401H230.651L210.446 303.552Z", fill: "#58595B" }),
+  /* @__PURE__ */ e("path", { d: "M208.457 300.659L210.649 303.552L231.112 226.402L228.662 223.51L208.457 300.659Z", fill: "#979797" }),
+  /* @__PURE__ */ e("path", { d: "M230.907 226.402H362.999L361.01 223.51H228.66L230.907 226.402Z", fill: "#979797" }),
+  /* @__PURE__ */ e("path", { d: "M290.711 272.868C294.153 272.081 297.079 268.869 297.722 265.166L298.308 261.807C299.174 256.826 295.627 253.135 290.994 254.197C287.551 254.983 284.626 258.195 283.982 261.898L283.397 265.258C282.529 270.23 286.075 273.921 290.711 272.868Z", fill: "#D3D3D3" }),
+  /* @__PURE__ */ e("path", { d: "M229.599 283.998C230.51 283.998 254.276 281.907 263.177 280.615C282.732 277.778 298.173 283.063 269.738 288.613C262.011 294.888 304.041 292.394 308.592 293.514C316.481 295.452 303.873 304.963 297.646 304.963C291.42 304.963 237.945 305.433 237.945 305.433L217.439 304.257L229.599 283.998Z", fill: "#F09C7A" }),
+  /* @__PURE__ */ e("path", { d: "M343.363 303.552H140.674V320H343.363V303.552Z", fill: "#144DB6" }),
+  /* @__PURE__ */ e("path", { d: "M119.744 120.245C119.642 118.422 125.92 117.571 125.922 114.967C125.922 109.686 118.033 105.252 117.618 102.174C114.221 76.3239 104.91 49.9473 86.1558 49.9473C63.1252 49.9473 38.9092 80.6118 38.9092 106.501C38.9092 121.084 44.8324 134.11 54.1231 142.719L49.703 171.785L95.7932 171.96L92.434 148.575C125.922 145.833 121.062 143.854 119.744 120.245Z", fill: "#F09C7A" }),
+  /* @__PURE__ */ e("path", { d: "M108.194 97.4717L108.683 100.405", stroke: "#242424", "stroke-width": "2.47553", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M108.682 125.298C110.006 135.688 124.133 139.129 126.291 126.33L108.682 125.298Z", fill: "white" }),
+  /* @__PURE__ */ e("path", { d: "M110.579 86.7419C110.579 86.7419 100.553 86.7419 99.2725 96.3876", stroke: "#242424", "stroke-width": "2.47553", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M93.975 74.4113C104.451 79.9981 112.017 74.8838 115.737 76.395C111.311 36.9882 92.5071 36.9986 73.2115 45.4682C69.761 46.9814 54.6529 48.0014 48.8522 58.6565C45.3456 58.4692 39.9601 58.7793 35.3573 62.091C26.1497 68.7101 26.621 82.6062 26.895 90.9696C27.6985 114.953 45.7588 132.828 54.1235 142.707C60.3021 143.717 63.4122 141.233 69.5907 142.243C75.7153 130.364 76.7389 127.464 76.7389 127.464C73.6351 129.09 67.0163 124.265 65.0419 117.869C62.1852 108.621 63.7838 103.042 67.99 99.8576C71.7458 97.0142 79.9797 98.8168 86.3202 105.917C92.2986 96.562 94.9924 85.4746 93.975 74.4113Z", fill: "#242424" }),
+  /* @__PURE__ */ e("path", { d: "M94.0083 159.565C94.0083 159.242 80.3058 167.924 71.9223 167.501C62.7873 167.039 53.9181 165.024 51.653 158.955C26.783 169.491 17.7788 254.874 19.2404 303.908C77.5279 303.908 247.628 303.558 247.628 303.558L253.408 273.632L170.497 252.865C170.497 252.865 143.958 214.693 127.907 181.239C123.014 171.061 96.5121 163.948 94.0083 159.565Z", fill: "#316CD9" }),
+  /* @__PURE__ */ e("path", { d: "M143.567 304.984L99.2725 239.454", stroke: "#144DB6", "stroke-width": "1.85665", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ e("path", { d: "M92.9739 152.375C90.0216 154.024 63.4927 156.222 53.0311 149.907C52.0948 150.583 52.1467 148.506 48.7543 155.968C47.7494 158.17 44.4753 164.465 44.4753 164.465C44.4753 164.465 54.0712 171.24 71.2866 171.24C83.3614 171.24 102.051 164.617 102.051 164.617C102.051 164.617 95.2888 152.375 92.9739 152.375Z", fill: "#144DB6" }),
+  /* @__PURE__ */ e("path", { d: "M140.673 303.552H46.6201V320H140.673V303.552Z", fill: "#316CD9" }),
+  /* @__PURE__ */ e("path", { d: "M0 241.117H86.907L104.926 320H18.0188L0 241.117Z", fill: "#7C7D80" }),
+  /* @__PURE__ */ e("path", { d: "M73.4055 241.117H86.9066L104.925 320H91.4243L73.4055 241.117Z", fill: "#58595B" }),
+  /* @__PURE__ */ e("path", { d: "M163.737 171.284L153.504 177.624L164.344 182.845L170.668 193.104L175.875 182.236L186.12 175.894L175.266 170.663L168.942 160.403L163.737 171.284Z", fill: "#FFB04F" }),
+  /* @__PURE__ */ e("path", { d: "M192.303 152.782L185.512 156.989L192.706 160.453L196.902 167.262L200.358 160.049L207.157 155.841L199.954 152.369L195.757 145.561L192.303 152.782Z", fill: "#FFB04F" })
+] }) }), At = ue(tt)(() => ({
+  borderRadius: 16,
+  width: "100%",
+  height: 16,
+  [`&.${Re.colorPrimary}`]: {
+    backgroundColor: "#D9EEE4"
+  },
+  [`& .${Re.bar}`]: {
+    borderRadius: 16,
+    backgroundColor: "#0F9655"
+  }
+})), It = (t, l) => Array.from(
+  { length: Math.ceil(t.length / l) },
+  (v, _) => t.slice(_ * l, _ * l + l)
+), De = (t) => t.text && t.text.toLowerCase().includes("ready to learn") || t.nameQuestion && t.nameQuestion.toLowerCase().includes("ready to learn"), nn = () => {
+  const {
+    progress: t,
+    dataProcess: l,
+    handleNextStep: v,
+    handlePreviousStep: _,
+    step: g,
+    openModalSession: I,
+    setOpenModalSession: L,
+    handleFinished: B,
+    isTeacher: Z,
+    informationUser: S,
+    startTime: X,
+    sessionId: N,
+    sessionResultId: U,
+    openScaffolding: ee,
+    handleOpenScaffolding: H,
+    handleCloseScaffolding: te,
+    isConversation: G,
+    isUserChangeSession: ge,
+    handleSkipSummarize: fe,
+    // disabledArray,
+    updateQuestionAnswer: w,
+    isStudent: F,
+    onBackToSession: we,
+    isResult: C,
+    isTeacherSessionDone: Y,
+    isStudentSessionDone: K,
+    classFontSize: O,
+    summarizeValue: ne,
+    setSummarizeValue: ie,
+    textInputValue: Ce,
+    setTextInputValue: ke,
+    isToggleTypingSummarizeQuestion: s,
+    isCompleteTask: a,
+    isAdmin: m,
+    checkInProgressRef: P,
+    openOneToOneModalChoice: T,
+    handleOpenModalChoice: D,
+    openOneToOneModal: M,
+    typeHappen: $,
+    handleSelectChoice: b,
+    handleCloseModalChoice: be,
+    handleCloseModalHappen: $e,
+    handleSaveData: Qe,
+    dataSession: R,
+    openPLPRedirect: qe,
+    handleCloseRedirectModal: Ee,
+    handleRedirect: Be,
+    confirmDeleteModal: Ze,
+    setConfirmDeleteModal: Le,
+    handleDeleteOneToOne: He,
+    handleAlertNotPermissionEdit: Pe,
+    totalStep: k,
+    listQuestionStudents: d,
+    dataOneToOne: ze,
+    flagDetailFromLocalStorage: je,
+    isSubmittingCheckIn: Ve
+  } = nt(), { t: h } = he(), [J, ye] = me(!1), We = (r, ce) => {
+    !m && w(r, ce);
+  }, se = x(() => (d || []).filter((r) => r.group === A.SafetyAndStress && !De(r)), [d]), re = x(() => (d || []).filter((r) => r.group === A.ReadinessToLearn && r.type !== c.SingleChoice), [d]), oe = x(() => (d || []).filter((r) => r.group === A.ReadinessToLearn && r.type === c.SingleChoice), [d]), ae = x(() => (d || []).filter((r) => r.group === A.WellBeing), [d]), le = x(() => (d || []).filter((r) => r.group === A.Productivity), [d]), z = x(() => (d || []).find((r) => r.group === A.Summarize), [d]), Q = x(() => (d || []).filter((r) => r.group === A.ReadyToLearn || r.group === A.SafetyAndStress && De(r)), [d]), y = x(() => (d || []).find((r) => r.isReasonQuestion), [d]), Ue = x(() => Q.find((r) => r.type === c.SingleChoice && r.answer == "No"), [Q]), Ge = x(() => {
+    const r = [];
+    se.length > 0 && r.push({
+      title: h("safety_and_stress"),
+      type: "safety_and_stress",
+      data: se
+    }), le.length > 0 && r.push({
+      title: h("productivity"),
+      type: "productivity",
+      data: le
+    }), re.length > 0 && r.push({
+      title: h("readiness_to_learn"),
+      type: "readiness_to_learn",
+      data: re
+    }), z && r.push({
+      title: z.nameQuestion || h("summarize"),
+      type: "summarize",
+      data: [z]
+    }), ae.length > 0 && r.push({
+      title: h("well_being_session"),
+      type: "well_being",
+      data: ae
+    }), (oe.length > 0 || Q.length > 0) && r.push({
+      type: "readiness_section",
+      data: []
+    });
+    const u = /* @__PURE__ */ new Set();
+    se.forEach((p) => u.add(p.id)), le.forEach((p) => u.add(p.id)), re.forEach((p) => u.add(p.id)), z && u.add(z.id), ae.forEach((p) => u.add(p.id)), oe.forEach((p) => u.add(p.id)), Q.forEach((p) => u.add(p.id)), y && u.add(y.id);
+    const de = (d || []).filter((p) => !u.has(p.id));
+    if (de.length > 0) {
+      const p = /* @__PURE__ */ new Map();
+      de.forEach((q) => {
+        const n = q.module || h("other");
+        p.has(n) || p.set(n, []), p.get(n).push(q);
+      }), p.forEach((q, n) => {
+        r.push({
+          title: n,
+          type: "other",
+          data: q
+        });
+      });
+    }
+    return r;
+  }, [
+    se,
+    le,
+    re,
+    z,
+    ae,
+    oe,
+    Q,
+    y,
+    d,
+    h
+  ]);
+  return /* @__PURE__ */ o("div", { className: `${i["check-in-progress"]} ${i[O]}`, children: [
+    /* @__PURE__ */ e(
+      mt,
+      {
+        isOpen: T,
+        onClose: be,
+        handleSelectChoice: b
+      }
+    ),
+    /* @__PURE__ */ e(
+      ht,
+      {
+        handleDeleteOneToOne: He,
+        isOpen: Ze,
+        onClose: () => Le(!1)
+      }
+    ),
+    /* @__PURE__ */ e(
+      ut,
+      {
+        isOpen: M,
+        onClose: $e,
+        sessionSelected: R || {},
+        handleSaveData: Qe,
+        typeHappen: $,
+        setConfirmDeleteModal: Le,
+        handleAlertNotPermissionEdit: Pe,
+        studentSessionData: d
+      }
+    ),
+    /* @__PURE__ */ e(
+      gt,
+      {
+        isOpen: qe,
+        onClose: Ee,
+        handleRedirect: Be,
+        dataOneToOne: ze
+      }
+    ),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        onClick: we,
+        className: i["check-in-progress__back"],
+        children: [
+          /* @__PURE__ */ e(Ae, { color: "#242424" }),
+          h("back_to_meetings")
+        ]
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: i["check-in-progress__title"], ref: P, children: [
+      /* @__PURE__ */ e("h3", { className: i["title-check-in"], children: h("check_in_session_title") }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        Tt,
+        {
+          name: Z || m ? S.studentName : S.teacherName,
+          startTime: X,
+          grade: S.gradeLevel,
+          classFontSize: O
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ o("div", { className: i["check-in-progress__content"], children: [
+      /* @__PURE__ */ o("div", { className: `${i["check-in-progress__content--left"]} ${i["progress-container"]} ${i[O]}`, children: [
+        /* @__PURE__ */ e("div", { className: i["progress-container__title"], children: J ? h("review") : l.title }),
+        /* @__PURE__ */ e("div", { className: i["progress-container__questions"], children: J ? /* @__PURE__ */ e("div", { className: `${f["completed-session-item"]} ${f["custom-checkin-session"]}`, children: /* @__PURE__ */ e("div", { className: f["data-sessions"], children: It(Ge, 2).map((r, ce) => /* @__PURE__ */ e("div", { className: f["data-sessions__item"], children: r.map((u, de) => {
+          const q = de === 0 ? f["data-sessions__item--left"] : f["data-sessions__item--right"];
+          return u.type === "readiness_section" ? /* @__PURE__ */ o("div", { className: q, children: [
+            oe.map((n) => /* @__PURE__ */ o("div", { className: f["single-choice-question-group"], children: [
+              /* @__PURE__ */ e("div", { className: f.title, children: E(n?.text) }),
+              /* @__PURE__ */ e("div", { className: f.content, children: n?.text ? /* @__PURE__ */ e(
+                V,
+                {
+                  title: n?.nameQuestion || E(n?.text) || "",
+                  answer: n?.answer,
+                  averageOtherRatings: Number(n?.averageOtherRatings),
+                  averageOtherRatingsText: n?.averageOtherRatingsText,
+                  lastQuestionAnswer: Number(n?.lastQuestionAnswer) || 0,
+                  questionAnswer: _e(Number(n?.answer) || 0, n.questionAnswer || []) || "",
+                  isReadyToLearn: !0,
+                  hideTitle: !0,
+                  hideTooltip: !0
+                },
+                n?.text
+              ) : /* @__PURE__ */ e("div", { className: f["no-data"], children: h("no_data") }) })
+            ] }, n.id)),
+            Q.length > 0 && /* @__PURE__ */ o(Se, { children: [
+              /* @__PURE__ */ e("div", { className: f.title, children: h("are_you_ready_to_learn_session") }),
+              /* @__PURE__ */ e("div", { className: f.content, children: Q.map((n) => /* @__PURE__ */ e(
+                V,
+                {
+                  title: n?.nameQuestion || E(n?.text) || "",
+                  answer: n?.answer,
+                  averageOtherRatings: Number(n?.averageOtherRatings),
+                  averageOtherRatingsText: n?.averageOtherRatingsText,
+                  lastQuestionAnswer: Number(n?.lastQuestionAnswer) || 0,
+                  questionAnswer: _e(Number(n?.answer) || 0, n.questionAnswer || []) || "",
+                  isReadyToLearn: !0,
+                  hideTitle: !0,
+                  hideTooltip: !0
+                },
+                n?.text
+              )) })
+            ] }),
+            Ue && !!y && /* @__PURE__ */ o(Se, { children: [
+              /* @__PURE__ */ e("div", { className: f.title, children: y?.nameQuestion }),
+              /* @__PURE__ */ e("div", { className: f.content, children: /* @__PURE__ */ e(
+                V,
+                {
+                  title: y?.nameQuestion || E(y?.text) || "",
+                  answer: y?.answer,
+                  averageOtherRatings: Number(y?.averageOtherRatings),
+                  averageOtherRatingsText: y?.averageOtherRatingsText,
+                  lastQuestionAnswer: Number(y?.lastQuestionAnswer) || 0,
+                  questionAnswer: "",
+                  isSummarize: !0,
+                  hideTooltip: !0
+                },
+                y?.text
+              ) })
+            ] })
+          ] }, "readiness_section") : /* @__PURE__ */ o("div", { className: q, children: [
+            /* @__PURE__ */ e("div", { className: f.title, children: u.title }),
+            /* @__PURE__ */ e("div", { className: f.content, children: u.data.map((n) => u.type === "summarize" ? /* @__PURE__ */ e(
+              V,
+              {
+                title: n?.nameQuestion || E(n?.text) || "",
+                answer: n?.answer,
+                averageOtherRatings: Number(n?.averageOtherRatings),
+                averageOtherRatingsText: n?.averageOtherRatingsText,
+                lastQuestionAnswer: Number(n?.lastQuestionAnswer) || 0,
+                questionAnswer: "",
+                isSummarize: !0,
+                hideTooltip: !0
+              },
+              n?.text
+            ) : u.type === "safety_and_stress" ? /* @__PURE__ */ e(
+              V,
+              {
+                title: n?.nameQuestion || E(n?.text) || "",
+                answer: n?.answer,
+                averageOtherRatings: Number(n?.averageOtherRatings),
+                averageOtherRatingsText: n?.averageOtherRatingsText,
+                lastQuestionAnswer: Number(n?.lastQuestionAnswer) || 0,
+                questionAnswer: _e(Number(n?.answer) || 0, n.questionAnswer || [], n?.nameQuestion?.toLowerCase()?.includes("stress")) || "",
+                isTextInput: n?.type === c.TextInput || n?.type === c.TextInputWithSuggestions,
+                isReadyToLearn: n?.type === c.SingleChoice,
+                hideTooltip: !0
+              },
+              n?.text
+            ) : /* @__PURE__ */ e(
+              V,
+              {
+                title: n?.nameQuestion || E(n?.text) || "",
+                answer: n?.answer,
+                averageOtherRatings: Number(n?.averageOtherRatings),
+                averageOtherRatingsText: n?.averageOtherRatingsText,
+                lastQuestionAnswer: Number(n?.lastQuestionAnswer) || 0,
+                questionAnswer: _e(Number(n?.answer) || 0, n.questionAnswer || []) || "",
+                isTextInput: n?.type === c.TextInput || n?.type === c.TextInputWithSuggestions,
+                isReadyToLearn: n?.type === c.SingleChoice,
+                isOtherGroup: u.type === "other",
+                hideTooltip: !0
+              },
+              n?.text
+            )) })
+          ] }, u.title || u.type);
+        }) }, ce)) }) }) : l?.data && l?.data?.length > 0 && l?.data.map((r) => /* @__PURE__ */ e(
+          Nt,
+          {
+            data: r,
+            onChangeQuestionAnswer: We,
+            handleSkipSummarize: fe,
+            isDisabled: C && F || m || C && lt,
+            classFontSize: O,
+            isResult: C,
+            summarizeValue: r?.type === c.Summarize ? ne : "",
+            setSummarizeValue: r?.type === c.Summarize ? ie : void 0,
+            textInputValue: r?.type === c.TextInput ? Ce : "",
+            setTextInputValue: r?.type === c.TextInput ? ke : void 0,
+            isToggleTypingSummarizeQuestion: s
+          },
+          r?.id
+        )) }),
+        /* @__PURE__ */ o("div", { className: i["progress-container__progress"], children: [
+          /* @__PURE__ */ o("div", { className: i["progress-container__progress--bar"], children: [
+            /* @__PURE__ */ e(At, { variant: "determinate", value: t }),
+            /* @__PURE__ */ o("div", { className: i.text, children: [
+              t,
+              "% completed"
+            ] })
+          ] }),
+          /* @__PURE__ */ o("div", { className: i["progress-container__progress--actions"], children: [
+            g > 0 && /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                className: i["btn-previous"],
+                onClick: () => {
+                  J ? ye(!1) : _();
+                },
+                children: [
+                  /* @__PURE__ */ e(Ae, {}),
+                  h("back")
+                ]
+              }
+            ),
+            C && g !== k && l?.data?.length ? /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                disabled: !a || g === k && t !== 100,
+                className: `
+                                        ${i["btn-next"]} 
+                                        ${!a || g === k && t !== 100 ? i["btn-next__disabled"] : g === k ? i["btn-next__animate"] : ""}
+                                    `,
+                onClick: () => {
+                  g === k ? ye(!0) : v();
+                },
+                children: [
+                  h("next"),
+                  /* @__PURE__ */ e(Ie, { color: "#fff" })
+                ]
+              }
+            ) : !(g === k && K) && l?.data?.length && /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                disabled: !a || g === k && t !== 100,
+                className: `
+                                            ${i["btn-next"]} 
+                                            ${!a || g === k && t !== 100 ? i["btn-next__disabled"] : g === k ? i["btn-next__animate"] : ""}
+                                        `,
+                onClick: () => {
+                  g === k ? Fe ? J ? L(!0) : ye(!0) : L(!0) : v();
+                },
+                children: [
+                  h(g === k ? Fe ? J ? "complete" : "review" : "complete" : "next"),
+                  g !== k && /* @__PURE__ */ e(Ie, { color: "#fff" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ o("div", { className: i["check-in-progress__content--right"], children: [
+        R?.studentResult?.flag && !R?.studentResult?.flag.includes("Green") && (Z || m) && /* @__PURE__ */ e("div", { className: i["flag-right-container"], children: /* @__PURE__ */ e(
+          Ye,
+          {
+            flag: R?.studentResult?.flag,
+            flagDetail: je || R?.studentResult?.flagDetail,
+            showResult: !0,
+            isDetailView: !0,
+            defaultDecrease: R?.defaultDecrease
+          }
+        ) }),
+        /* @__PURE__ */ o("div", { className: i["log-1-1-container"], children: [
+          C && Z && !R?.isOneToOneConversation && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: i["log-1-1"],
+              onClick: () => D(),
+              children: h("log_a_1_1_conversation")
+            }
+          ),
+          C && Z && R?.isOneToOneConversation && /* @__PURE__ */ e("div", { className: i["view-1-1-container"], children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: i["view-1-1"],
+              onClick: () => D(!0),
+              children: h("view_1_1_note")
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+          kt,
+          {
+            sessionId: N,
+            sessionResultId: U,
+            informationUser: S,
+            openScaffolding: ee,
+            onOpenScaffolding: H,
+            onCloseScaffolding: te,
+            isUserChangeSession: ge,
+            isConversation: G,
+            studentUserId: S.studentUserId,
+            isInSession: !0
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Mt,
+      {
+        isOpen: I,
+        onClose: () => L(!1),
+        handleSubmit: B
+      }
+    ),
+    !C && /* @__PURE__ */ e(_t, { when: F && !(Y || K || Ve), content: h("you_did_not_complete_the_check_in_please_check_your_responses_and_click_done") }),
+    /* @__PURE__ */ e("div", { className: i["check-in-progress__image"], children: /* @__PURE__ */ e(Rt, {}) })
+  ] });
+};
+export {
+  nn as default
+};