mario-education 2.0.205-staging → 2.0.207-staging

package/dist/CreateSurveyAdminV2-DDADXuf3.js

@@ -0,0 +1,2688 @@
+import { jsxs as a, jsx as e, Fragment as Re } from "react/jsx-runtime";
+import { useState as Q, useCallback as ze, useEffect as le, useMemo as O, useRef as Ct } from "react";
+import { Box as i, Button as M, Stack as Y, Typography as C, Chip as be, Grid as Pe, TableContainer as yt, Table as Ne, TableHead as Se, TableRow as K, TableCell as A, TableBody as xe, Dialog as He, DialogTitle as We, DialogContent as Qe, DialogContentText as bt, DialogActions as Tt, TextField as J, FormControl as ve, Select as we, MenuItem as Fe, InputAdornment as Nt, Autocomplete as St, Checkbox as De, TableSortLabel as ue, TablePagination as xt, Tooltip as Oe, tooltipClasses as Ae, styled as vt, IconButton as wt, Avatar as Ft } from "@mui/material";
+import { useDispatch as Me, useSelector as Ge } from "react-redux";
+import { useNavigate as Ye } from "react-router-dom";
+import ke from "moment";
+import { setLoading as se, setAlert as me, getFileUrl as At, getStaticFileUrl as It } from "mario-core";
+import { q as Bt, s as Lt, r as Rt } from "./surveyService-CaYOE76V.js";
+import { e as Et } from "./questionCategoryService-Cy4o2SXv.js";
+import { A as $e } from "./ArrowBack-DytrysgX.js";
+import { C as Ue } from "./Check-D8k_l7WO.js";
+import { A as Ve } from "./ArrowForward-DxhjtaZw.js";
+import { d as Ie, b as kt } from "./createSvgIcon-Bge4D-o7.js";
+import { A as Ke } from "./Add-6ex8DhwL.js";
+import { LocalizationProvider as Pt, DateTimePicker as Dt } from "@mui/x-date-pickers";
+import { A as qt } from "./AdapterMoment-CeMS9jLD.js";
+import { S as zt } from "./Search-srkT1jtT.js";
+import { C as Ht } from "./Close-Z8xNZb_y.js";
+import { a as Wt, M as Qt, S as Ot, D as Mt } from "./DropDownComponent-DL9tCQO-.js";
+const ye = [
+  { stepNumber: 1, stepCode: "CHOOSE_TEMPLATE", label: "Choose Template" },
+  { stepNumber: 2, stepCode: "CHECK_DETAILS", label: "Check Details" },
+  { stepNumber: 3, stepCode: "CREATE_SURVEY", label: "Create Survey" },
+  { stepNumber: 4, stepCode: "SELECT_STUDENTS", label: "Select Students" },
+  { stepNumber: 5, stepCode: "REVIEW_PUBLISH", label: "Review & Publish" }
+], Gt = [
+  "All",
+  "School Climate",
+  "Well-being",
+  "Health & Wellness"
+], Yt = [
+  {
+    id: 1,
+    title: "Stress",
+    description: "Assess stress levels and identify stressors affecting students",
+    questionCount: 13,
+    category: "Well-being"
+  },
+  {
+    id: 2,
+    title: "Grows",
+    description: "Measure student growth mindset and learning attitudes",
+    questionCount: 6,
+    category: "School Climate"
+  },
+  {
+    id: 3,
+    title: "Climate Survey",
+    description: "Evaluate overall school climate and student experiences",
+    questionCount: 9,
+    category: "School Climate"
+  },
+  {
+    id: 4,
+    title: "Happiness",
+    description: "Track student happiness and emotional well-being",
+    questionCount: 8,
+    category: "Well-being"
+  },
+  {
+    id: 5,
+    title: "Climate Survey: Connections with Adults & Peers",
+    description: "Assess the quality of relationships with adults and peers in school",
+    questionCount: 14,
+    category: "School Climate"
+  },
+  {
+    id: 6,
+    title: "Climate Survey: Holistic Learning Experiences",
+    description: "Evaluate overall school climate and student experiences",
+    questionCount: 18,
+    category: "Well-being"
+  },
+  {
+    id: 7,
+    title: "Climate Survey: My Health and Well-being",
+    description: "Monitor student physical and mental health and wellness",
+    questionCount: 21,
+    category: "Health & Wellness"
+  },
+  {
+    id: 8,
+    title: "Well-being",
+    description: "General assessment of student wellness and quality of life",
+    questionCount: 10,
+    category: "Well-being"
+  }
+], $t = (n) => {
+  const s = Me(), c = Ye(), f = Ge((u) => u?.common?.language || "en"), [r, l] = Q(n?.activeStep ?? 0), [T, p] = Q(n?.selectedCategory ?? "All"), [d, x] = Q(n?.selectedTemplateId ?? null), [y, g] = Q(Yt), [_, E] = Q(!1), [z, q] = Q(n?.editingTemplate ?? null), v = ze(async () => {
+    try {
+      E(!0), s(se(!0));
+      const u = await Bt(f);
+      if (u?.data && Array.isArray(u.data) && u.data.length > 0) {
+        const B = u.data.map((o) => {
+          let w = "Well-being";
+          const F = (o.name || "").toLowerCase();
+          F.includes("climate") || F.includes("grow") ? w = "School Climate" : F.includes("health") && (w = "Health & Wellness");
+          const H = /* @__PURE__ */ new Set();
+          o.questionTemplates && Array.isArray(o.questionTemplates) && o.questionTemplates.forEach((k) => {
+            const V = k.category ?? k.categoryName ?? k.categoryTitle ?? k.title ?? w;
+            V && typeof V == "string" && H.add(V.trim());
+          });
+          const m = Array.from(H);
+          return {
+            id: o.id,
+            title: o.name,
+            description: o.description,
+            questionCount: o.numberQuestion ?? o.questionTemplates?.length ?? 0,
+            category: w,
+            categories: m.length > 0 ? m : [w],
+            rawTemplate: o
+          };
+        });
+        g(B), n?.selectedTemplateId || x((o) => o || (B.length > 0 ? B[0].id : null));
+      }
+    } catch (u) {
+      console.error("Error fetching survey templates:", u), s(
+        me({
+          type: "danger",
+          message: u?.message || "Failed to fetch survey templates"
+        })
+      );
+    } finally {
+      E(!1), s(se(!1));
+    }
+  }, [f, s]);
+  le(() => {
+    v();
+  }, [v]);
+  const L = O(() => {
+    const u = /* @__PURE__ */ new Set();
+    return y.forEach((B) => {
+      B.category && u.add(B.category);
+    }), u.size === 0 ? Gt : ["All", ...Array.from(u)];
+  }, [y]), S = O(() => T === "All" ? y : y.filter(
+    (u) => u.category.toLowerCase() === T.toLowerCase()
+  ), [y, T]), h = O(() => y.find((u) => u.id === d) || null, [y, d]), R = (u) => {
+    p(u);
+  }, $ = (u) => {
+    x(u);
+  }, G = () => {
+    x("BLANK"), l((u) => Math.min(u + 1, ye.length - 1));
+  }, X = (u, B) => {
+    B.stopPropagation(), q(u);
+  }, j = () => {
+    q(null);
+  }, ee = async (u) => {
+    try {
+      s(se(!0));
+      const B = u.rawTemplate?.questionTemplates?.map((F) => F.questionId || F.id)?.filter((F) => typeof F == "number" || !String(F).startsWith("q-"))?.map((F) => Number(F)) || [], o = {
+        id: u.id,
+        name: u.title,
+        description: u.description,
+        isFavorite: u.rawTemplate?.isFavorite ?? !1,
+        questionIds: B
+      };
+      await Et(o), g(
+        (F) => F.map((H) => H.id === u.id ? u : H)
+      ), q(null);
+      const w = localStorage.getItem("create_survey_draft");
+      if (w)
+        try {
+          const F = JSON.parse(w);
+          F.editingTemplateFormData && (delete F.editingTemplateFormData, localStorage.setItem("create_survey_draft", JSON.stringify(F)));
+        } catch {
+        }
+      await v(), s(me({ type: "success", message: "Update template successfully" }));
+    } catch (B) {
+      s(me({ type: "danger", message: B.response?.data?.title || "Update template failed" }));
+    } finally {
+      s(se(!1));
+    }
+  }, Z = () => {
+    c("/admin/survey-dashboard/list-survey");
+  };
+  return {
+    steps: ye,
+    activeStep: r,
+    categories: L,
+    selectedCategory: T,
+    selectedTemplateId: d,
+    selectedTemplate: h,
+    templates: S,
+    rawTemplates: y,
+    isLoading: _,
+    editingTemplate: z,
+    handleSelectCategory: R,
+    handleSelectTemplate: $,
+    handleCreateBlankSurvey: G,
+    handleEditTemplate: X,
+    handleCloseEditTemplate: j,
+    handleSaveEditTemplate: ee,
+    handleGoBackToDashboard: Z,
+    handlePreviousStep: () => {
+      r > 0 ? l((u) => u - 1) : Z();
+    },
+    handleNextStep: () => {
+      r < ye.length - 1 && l((u) => u + 1);
+    },
+    handleGoToStep: (u) => {
+      u >= 0 && u < ye.length && l(u);
+    },
+    refetchTemplates: v
+  };
+}, Te = (n, s) => !n || !Array.isArray(n) || n.length === 0 ? [] : n.map((c, f) => {
+  let r = [];
+  return Array.isArray(c.options) && c.options.length > 0 ? r = c.options.map((l) => typeof l == "string" ? l : l?.text ?? l?.answerText ?? l?.name ?? l?.title ?? String(l)).filter((l) => !!(l && l.trim())) : Array.isArray(c.answers) && c.answers.length > 0 && (r = c.answers.map((l) => typeof l == "string" ? l : l?.text ?? l?.answerText ?? l?.name ?? l?.title ?? String(l)).filter((l) => !!(l && l.trim()))), {
+    id: c.questionId ?? c.id ?? `q-${f + 1}`,
+    orderNumber: c.orderDefaultQuestionTemplate ?? c.orderNumber ?? f + 1,
+    questionText: c.questionText ?? c.text ?? `Question ${f + 1}`,
+    type: String(c.type || "Text"),
+    category: c.category ?? c.categoryName ?? c.categoryTitle ?? c.title ?? s ?? "General",
+    options: r,
+    numberOfStars: c.numberOfStars ?? 5,
+    fromLabel: c.fromLabel,
+    toLabel: c.toLabel
+  };
+}), Ee = [
+  {
+    id: "q-1",
+    orderNumber: 1,
+    questionText: "How would you rate your overall well-being?",
+    type: "Rating",
+    category: "Overall Well-being"
+  },
+  {
+    id: "q-2",
+    orderNumber: 2,
+    questionText: "Do you feel balanced in your daily life?",
+    type: "YesNo",
+    category: "Life Balance"
+  },
+  {
+    id: "q-3",
+    orderNumber: 3,
+    questionText: "What contributes most to your well-being?",
+    type: "Text",
+    category: "Well-being Factors"
+  },
+  {
+    id: "q-4",
+    orderNumber: 4,
+    questionText: "How satisfied are you with your life?",
+    type: "Rating",
+    category: "Life Satisfaction"
+  },
+  {
+    id: "q-5",
+    orderNumber: 5,
+    questionText: "Do you have people who support you?",
+    type: "YesNo",
+    category: "Social Support"
+  }
+], Ut = (n, s, c) => {
+  const f = O(() => {
+    const v = s?.rawTemplate?.questionTemplates, L = Te(v, s?.category || "Well-being");
+    return L.length > 0 ? L : Ee;
+  }, [s]), [r, l] = Q(() => c?.step2FormData ? c.step2FormData : n === "BLANK" ? {
+    templateName: "",
+    description: "",
+    showLandingPageFlag: !1,
+    questions: [],
+    selectedCategoryFilter: "All"
+  } : {
+    templateName: s?.title || "Well-being",
+    description: s?.description || "General assessment of student wellness and quality of life",
+    showLandingPageFlag: !1,
+    questions: f,
+    selectedCategoryFilter: "All"
+  }), T = Ct(c?.selectedTemplateId ?? (n === "BLANK" ? "BLANK" : s ? s.id : null));
+  le(() => {
+    if (s) {
+      if (T.current === s.id)
+        return;
+      T.current = s.id;
+      const v = s.rawTemplate?.questionTemplates, L = Te(v, s.category || "Well-being");
+      l((S) => ({
+        ...S,
+        templateName: s.title || "",
+        description: s.description || "",
+        questions: L.length > 0 ? L : S.questions.length > 0 ? S.questions : Ee,
+        selectedCategoryFilter: "All"
+      }));
+    } else if (n === "BLANK") {
+      if (T.current === "BLANK") return;
+      T.current = "BLANK", l((v) => ({
+        ...v,
+        templateName: "",
+        description: "",
+        questions: [],
+        selectedCategoryFilter: "All"
+      }));
+    }
+  }, [s, n]);
+  const p = O(() => {
+    const v = /* @__PURE__ */ new Set();
+    r.questions.forEach((S) => {
+      const h = S.category?.trim();
+      h && v.add(h);
+    });
+    const L = Array.from(v);
+    return L.length > 0 ? ["All", ...L] : ["All"];
+  }, [r.questions]), d = O(() => r.selectedCategoryFilter === "All" ? r.questions : r.questions.filter(
+    (v) => v.category === r.selectedCategoryFilter
+  ), [r.questions, r.selectedCategoryFilter]), x = (v) => {
+    l((L) => ({ ...L, templateName: v }));
+  }, y = (v) => {
+    l((L) => ({ ...L, description: v }));
+  }, g = (v) => {
+    l((L) => ({ ...L, selectedCategoryFilter: v }));
+  }, _ = (v) => {
+    console.log("Edit question:", v);
+  }, E = (v) => {
+    l((L) => ({
+      ...L,
+      questions: L.questions.filter((S) => S.id !== v).map((S, h) => ({ ...S, orderNumber: h + 1 }))
+    }));
+  }, z = () => {
+    const v = `q-${Date.now()}`, L = r.questions.length + 1, S = {
+      id: v,
+      orderNumber: L,
+      questionText: "New Question",
+      type: "Rating",
+      category: "General"
+    };
+    l((h) => ({
+      ...h,
+      questions: [...h.questions, S]
+    }));
+  }, q = (v) => {
+    const L = v.rawTemplate?.questionTemplates, S = Te(L, v.category || "Well-being");
+    l({
+      templateName: v.title || "",
+      description: v.description || "",
+      showLandingPageFlag: !1,
+      questions: S.length > 0 ? S : Ee,
+      selectedCategoryFilter: "All"
+    }), T.current = v.id;
+  };
+  return {
+    formData: r,
+    questionCategories: p,
+    filteredQuestions: d,
+    totalQuestionsCount: r.questions.length,
+    handleTemplateNameChange: x,
+    handleDescriptionChange: y,
+    handleCategoryFilterChange: g,
+    handleEditQuestion: _,
+    handleRemoveQuestion: E,
+    handleAddQuestion: z,
+    resetFormDataWithTemplate: q
+  };
+}, Vt = (n, {
+  initialTitle: s = "",
+  initialDeadline: c = ke().add(1, "days").format("DD.MM.YYYY hh:mm A")
+} = {}) => {
+  const [f, r] = Q(() => n?.step3FormData ? n.step3FormData : {
+    title: s || "",
+    deadline: c || ""
+  });
+  return {
+    formData: f,
+    handleTitleChange: (p) => {
+      r((d) => ({ ...d, title: p }));
+    },
+    handleDeadlineChange: (p) => {
+      r((d) => ({ ...d, deadline: p }));
+    }
+  };
+}, Kt = It("/images/image-default.png"), jt = [
+  { label: "All Flags", value: "all" },
+  { label: "Red Flag", value: "red" },
+  { label: "Yellow Flag", value: "yellow" },
+  { label: "Green Flag", value: "green" }
+], Jt = (n) => {
+  const [s, c] = Q([]), [f, r] = Q(n?.selectedStudentIds ?? []), [l, T] = Q([]), [p, d] = Q(jt), [x, y] = Q(["All Teachers"]), [g, _] = Q({
+    searchQuery: "",
+    selectedGrade: "All Grades",
+    selectedFlag: "all",
+    selectedTeacher: "All Teachers",
+    page: 0,
+    rowsPerPage: 10,
+    sortBy: "name",
+    sortOrder: "asc"
+  }), E = ze(async () => {
+    try {
+      const b = await Lt({
+        roles: ["Admin"]
+      });
+      if (b?.data?.items && Array.isArray(b.data.items) && b.data.items.length > 0) {
+        const N = b.data.items.map((m) => {
+          let k = "none";
+          if (typeof m.flag == "string") {
+            const ie = m.flag.toLowerCase();
+            ie.includes("red") ? k = "red" : ie.includes("yellow") ? k = "yellow" : ie.includes("green") && (k = "green");
+          } else
+            m.redFlags > 0 || m.flag === 1 ? k = "red" : m.yellowFlags > 0 || m.flag === 2 ? k = "yellow" : (m.greenFlags > 0 || m.flag === 3) && (k = "green");
+          const V = m.fullName || m.studentName, te = m.gradeLevel, ae = m.email, fe = m.userId || (typeof m.id == "string" ? m.id : ""), re = typeof m.studentId == "number" ? m.studentId : typeof m.id == "number" ? m.id : void 0, Be = fe || (re !== void 0 ? String(re) : `student-${Math.random()}`), Le = (m.schoolLevel || (m.userId && m.id === void 0 ? "ES" : "MS")).toUpperCase();
+          return {
+            id: Be,
+            userId: fe,
+            studentId: re,
+            schoolLevel: Le,
+            name: V,
+            avatarUrl: m.profileImageFileName ? At(m.profileImageFileName) : Kt,
+            flag: k,
+            flagTooltip: m.flagTooltip || void 0,
+            flagDetail: m.flagDetail,
+            lastSafetyAnswer: m.lastSafetyAnswer,
+            lastStressAnswer: m.lastStressAnswer,
+            flagSessionId: m.flagSessionId,
+            flagSessionResultId: m.flagSessionResultId,
+            grade: te,
+            email: ae,
+            listTeachers: m.listTeachers || []
+          };
+        });
+        c(N);
+        const u = Array.from(new Set(N.map((m) => m.grade))).filter((m) => m && m !== "N/A"), B = (m) => {
+          if (!m || m === "N/A") return -999;
+          const k = m.toString().toUpperCase().replace(/TH|RD|ND|ST/g, "").trim();
+          if (k === "PK") return -2;
+          if (k === "K") return -1;
+          if (k === "G") return 0;
+          const V = k.match(/^(\d+)/);
+          return V ? parseInt(V[1], 10) : 999;
+        };
+        u.sort((m, k) => B(m) - B(k)), T(["All Grades", ...u]);
+        const o = Array.from(new Set(N.map((m) => m.flag))), w = [{ label: "All Flags", value: "all" }];
+        o.includes("red") && w.push({ label: "Red Flag", value: "red" }), o.includes("yellow") && w.push({ label: "Yellow Flag", value: "yellow" }), o.includes("green") && w.push({ label: "Green Flag", value: "green" }), d(w);
+        const F = /* @__PURE__ */ new Set();
+        N.forEach((m) => {
+          m.listTeachers && m.listTeachers.length > 0 && m.listTeachers.forEach((k) => {
+            k.name && F.add(k.name.trim());
+          });
+        });
+        const H = Array.from(F).sort((m, k) => m.localeCompare(k));
+        y(["All Teachers", ...H]);
+      }
+    } catch (b) {
+      console.error("Error fetching students list:", b);
+    }
+  }, []);
+  le(() => {
+    E();
+  }, [E]);
+  const z = (b) => {
+    _((N) => ({ ...N, searchQuery: b, page: 0 }));
+  }, q = (b) => {
+    _((N) => ({ ...N, selectedGrade: b, page: 0 }));
+  }, v = (b) => {
+    _((N) => ({ ...N, selectedFlag: b, page: 0 }));
+  }, L = (b) => {
+    _((N) => ({ ...N, selectedTeacher: b, page: 0 }));
+  }, S = (b, N) => {
+    _((u) => ({ ...u, page: N }));
+  }, h = (b) => {
+    _((N) => ({ ...N, rowsPerPage: parseInt(b.target.value, 10), page: 0 }));
+  }, R = O(() => s.filter((b) => {
+    if (g.searchQuery.trim()) {
+      const N = (w) => (w || "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), u = N(g.searchQuery.trim()), B = N(b.name).includes(u), o = N(b.email).includes(u);
+      if (!B && !o) return !1;
+    }
+    return !(g.selectedGrade !== "All Grades" && (b.grade || "").toLowerCase() !== (g.selectedGrade || "").toLowerCase() || g.selectedFlag !== "all" && b.flag !== g.selectedFlag || g.selectedTeacher && g.selectedTeacher !== "All Teachers" && (!b.listTeachers || b.listTeachers.length === 0 || !b.listTeachers.some((u) => u.name && u.name.trim() === g.selectedTeacher)));
+  }), [s, g]), $ = (b) => {
+    _((N) => ({
+      ...N,
+      sortBy: b,
+      sortOrder: N.sortBy === b && N.sortOrder === "asc" ? "desc" : "asc"
+    }));
+  }, G = O(() => [...R].sort((N, u) => {
+    let B = N[g.sortBy], o = u[g.sortBy];
+    if (g.sortBy === "flag") {
+      const w = { red: 3, yellow: 2, green: 1, none: 0 };
+      B = w[N.flag] || 0, o = w[u.flag] || 0;
+    } else if (g.sortBy === "grade") {
+      const w = (F) => {
+        if (!F || F === "N/A") return -999;
+        const H = F.toString().toUpperCase().replace(/TH|RD|ND|ST/g, "").trim();
+        if (H === "PK") return -2;
+        if (H === "K") return -1;
+        if (H === "G") return 0;
+        const m = H.match(/^(\d+)/);
+        return m ? parseInt(m[1], 10) : 999;
+      };
+      B = w(N.grade), o = w(u.grade);
+    } else g.sortBy === "teacher" ? (B = N.listTeachers && N.listTeachers.length > 0 ? N.listTeachers.map((w) => w.name).join(", ").toLowerCase() : "", o = u.listTeachers && u.listTeachers.length > 0 ? u.listTeachers.map((w) => w.name).join(", ").toLowerCase() : "") : typeof B == "string" && typeof o == "string" && (B = B.toLowerCase(), o = o.toLowerCase());
+    return B < o ? g.sortOrder === "asc" ? -1 : 1 : B > o ? g.sortOrder === "asc" ? 1 : -1 : 0;
+  }), [R, g.sortBy, g.sortOrder]), X = O(() => {
+    const b = g.page * g.rowsPerPage;
+    return G.slice(b, b + g.rowsPerPage);
+  }, [G, g.page, g.rowsPerPage]), j = O(() => R.length === 0 ? !1 : R.every((b) => f.includes(b.id)), [R, f]), ee = O(() => {
+    if (R.length === 0) return !1;
+    const b = R.filter((N) => f.includes(N.id));
+    return b.length > 0 && b.length < R.length;
+  }, [R, f]), Z = () => {
+    if (j) {
+      const b = R.map((N) => N.id);
+      r((N) => N.filter((u) => !b.includes(u)));
+    } else {
+      const b = /* @__PURE__ */ new Set([...f, ...R.map((N) => N.id)]);
+      r(Array.from(b));
+    }
+  }, ne = (b) => {
+    r((N) => N.includes(b) ? N.filter((u) => u !== b) : [...N, b]);
+  };
+  return {
+    students: X,
+    allFilteredStudents: R,
+    allStudents: s,
+    totalStudentsCount: R.length,
+    totalSelectedCount: f.length,
+    selectedStudentIds: f,
+    filters: g,
+    gradeOptions: l,
+    flagOptions: p,
+    teacherOptions: x,
+    isAllSelected: j,
+    isIndeterminate: ee,
+    handleSortChange: $,
+    handleSearchChange: z,
+    handleGradeFilterChange: q,
+    handleFlagFilterChange: v,
+    handleTeacherFilterChange: L,
+    handlePageChange: S,
+    handleRowsPerPageChange: h,
+    handleToggleSelectAll: Z,
+    handleToggleStudent: ne
+  };
+}, Zt = "_createSurveyPage_1xact_1", Xt = "_headerTopBar_1xact_16", ea = "_contentBody_1xact_28", ta = "_stepperContainer_1xact_39", aa = "_backButton_1xact_44", na = "_stepperProgress_1xact_58", sa = "_stepColumn_1xact_66", la = "_stepColumnLast_1xact_72", ra = "_stepCircleRow_1xact_77", ia = "_stepCircle_1xact_77", oa = "_active_1xact_96", ca = "_completed_1xact_100", da = "_stepConnectorLine_1xact_105", ua = "_stepLabelStack_1xact_115", ma = "_stepInnerDot_1xact_119", ha = "_stepNumberLabel_1xact_133", pa = "_stepTextLabel_1xact_145", ga = "_chooseTemplateCard_1xact_157", fa = "_headerSection_1xact_173", _a = "_headerTitle_1xact_177", Ca = "_headerSubtitle_1xact_192", ya = "_bannerContainer_1xact_199", ba = "_bannerIconBox_1xact_219", Ta = "_bannerTitle_1xact_228", Na = "_bannerSubtitle_1xact_235", Sa = "_bannerActionBtn_1xact_240", xa = "_sectionTitle_1xact_258", va = "_filterPillsContainer_1xact_266", wa = "_filterPill_1xact_266", Fa = "_templateCard_1xact_301", Aa = "_selected_1xact_319", Ia = "_templateCardTitle_1xact_324", Ba = "_templateEditBtn_1xact_332", La = "_templateDescription_1xact_346", Ra = "_chipItem_1xact_353", Ea = "_wizardFooter_1xact_367", ka = "_previousBtn_1xact_387", Pa = "_disabled_1xact_409", Da = "_stepCounterText_1xact_427", qa = "_nextBtn_1xact_433", za = "_editTemplateHeaderSection_1xact_453", Ha = "_editTemplateCancelBtn_1xact_460", Wa = "_editTemplateSaveBtn_1xact_472", Qa = "_formFieldBlock_1xact_514", Oa = "_formFieldLabel_1xact_520", Ma = "_requiredAsterisk_1xact_528", Ga = "_customTextField_1xact_532", Ya = "_formFieldHelperText_1xact_549", $a = "_questionsHeaderSection_1xact_577", Ua = "_questionsTitle_1xact_585", Va = "_questionsCountNumber_1xact_591", Ka = "_filterByRow_1xact_597", ja = "_filterByLabel_1xact_605", Ja = "_categoryFilterFormControl_1xact_611", Za = "_categorySelectInput_1xact_616", Xa = "_tableContainerWrapper_1xact_634", en = "_questionsTable_1xact_642", tn = "_tableHeaderRow_1xact_647", an = "_tableBodyRow_1xact_660", nn = "_thNumber_1xact_674", sn = "_tdNumber_1xact_675", ln = "_thQuestion_1xact_684", rn = "_tdQuestion_1xact_685", on = "_questionText_1xact_691", cn = "_thType_1xact_710", dn = "_tdType_1xact_711", un = "_thCategory_1xact_717", mn = "_tdCategory_1xact_718", hn = "_categoryText_1xact_724", pn = "_thActions_1xact_731", gn = "_tdActions_1xact_732", fn = "_questionTypeBadge_1xact_738", _n = "_badgeTextLabel_1xact_748", Cn = "_badgeRating_1xact_754", yn = "_badgeYesNo_1xact_761", bn = "_badgeText_1xact_748", Tn = "_tableEditBtn_1xact_782", Nn = "_tableRemoveBtn_1xact_797", Sn = "_addQuestionWrapper_1xact_812", xn = "_addQuestionBtn_1xact_820", vn = "_selectedCountSection_1xact_839", wn = "_selectedCountText_1xact_844", Fn = "_selectedCountHighlight_1xact_850", An = "_studentsToolbar_1xact_856", In = "_searchBarContainer_1xact_864", Bn = "_studentSearchInput_1xact_869", Ln = "_filterDropdownWrapper_1xact_895", Rn = "_teacherFilterWrapper_1xact_899", En = "_teacherAutocomplete_1xact_903", kn = "_teacherAutocompletePaper_1xact_960", Pn = "_teacherAutocompleteListbox_1xact_968", Dn = "_teacherOptionItem_1xact_985", qn = "_filterSelectBox_1xact_1029", zn = "_studentsTableContainer_1xact_1055", Hn = "_studentsTable_1xact_1055", Wn = "_studentsTableHeaderRow_1xact_1069", Qn = "_checkboxHeaderCell_1xact_1080", On = "_tableHeaderCell_1xact_1088", Mn = "_checkboxBodyCell_1xact_1104", Gn = "_studentTableRow_1xact_1112", Yn = "_selectedRow_1xact_1119", $n = "_studentNameCell_1xact_1126", Un = "_studentNameText_1xact_1131", Vn = "_flagCell_1xact_1137", Kn = "_gradeCell_1xact_1142", jn = "_gradeText_1xact_1147", Jn = "_emailCell_1xact_1152", Zn = "_emailText_1xact_1157", Xn = "_studentsPagination_1xact_1162", es = "_reviewSectionBlock_1xact_1180", ts = "_reviewSectionHeader_1xact_1189", as = "_reviewSectionTitle_1xact_1196", ns = "_reviewEditSectionBtn_1xact_1202", ss = "_reviewFieldGroup_1xact_1213", ls = "_reviewFieldLabel_1xact_1217", rs = "_reviewFieldValue_1xact_1225", is = "_reviewQuestionsTableContainer_1xact_1231", os = "_previewSurveyBtn_1xact_1237", cs = "_publishBtn_1xact_1253", t = {
+  createSurveyPage: Zt,
+  headerTopBar: Xt,
+  contentBody: ea,
+  stepperContainer: ta,
+  backButton: aa,
+  stepperProgress: na,
+  stepColumn: sa,
+  stepColumnLast: la,
+  stepCircleRow: ra,
+  stepCircle: ia,
+  active: oa,
+  completed: ca,
+  stepConnectorLine: da,
+  stepLabelStack: ua,
+  stepInnerDot: ma,
+  stepNumberLabel: ha,
+  stepTextLabel: pa,
+  chooseTemplateCard: ga,
+  headerSection: fa,
+  headerTitle: _a,
+  headerSubtitle: Ca,
+  bannerContainer: ya,
+  bannerIconBox: ba,
+  bannerTitle: Ta,
+  bannerSubtitle: Na,
+  bannerActionBtn: Sa,
+  sectionTitle: xa,
+  filterPillsContainer: va,
+  filterPill: wa,
+  templateCard: Fa,
+  selected: Aa,
+  templateCardTitle: Ia,
+  templateEditBtn: Ba,
+  templateDescription: La,
+  chipItem: Ra,
+  wizardFooter: Ea,
+  previousBtn: ka,
+  disabled: Pa,
+  stepCounterText: Da,
+  nextBtn: qa,
+  editTemplateHeaderSection: za,
+  editTemplateCancelBtn: Ha,
+  editTemplateSaveBtn: Wa,
+  formFieldBlock: Qa,
+  formFieldLabel: Oa,
+  requiredAsterisk: Ma,
+  customTextField: Ga,
+  formFieldHelperText: Ya,
+  questionsHeaderSection: $a,
+  questionsTitle: Ua,
+  questionsCountNumber: Va,
+  filterByRow: Ka,
+  filterByLabel: ja,
+  categoryFilterFormControl: Ja,
+  categorySelectInput: Za,
+  tableContainerWrapper: Xa,
+  questionsTable: en,
+  tableHeaderRow: tn,
+  tableBodyRow: an,
+  thNumber: nn,
+  tdNumber: sn,
+  thQuestion: ln,
+  tdQuestion: rn,
+  questionText: on,
+  thType: cn,
+  tdType: dn,
+  thCategory: un,
+  tdCategory: mn,
+  categoryText: hn,
+  thActions: pn,
+  tdActions: gn,
+  questionTypeBadge: fn,
+  badgeTextLabel: _n,
+  badgeRating: Cn,
+  badgeYesNo: yn,
+  badgeText: bn,
+  tableEditBtn: Tn,
+  tableRemoveBtn: Nn,
+  addQuestionWrapper: Sn,
+  addQuestionBtn: xn,
+  selectedCountSection: vn,
+  selectedCountText: wn,
+  selectedCountHighlight: Fn,
+  studentsToolbar: An,
+  searchBarContainer: In,
+  studentSearchInput: Bn,
+  filterDropdownWrapper: Ln,
+  teacherFilterWrapper: Rn,
+  teacherAutocomplete: En,
+  teacherAutocompletePaper: kn,
+  teacherAutocompleteListbox: Pn,
+  teacherOptionItem: Dn,
+  filterSelectBox: qn,
+  studentsTableContainer: zn,
+  studentsTable: Hn,
+  studentsTableHeaderRow: Wn,
+  checkboxHeaderCell: Qn,
+  tableHeaderCell: On,
+  checkboxBodyCell: Mn,
+  studentTableRow: Gn,
+  selectedRow: Yn,
+  studentNameCell: $n,
+  studentNameText: Un,
+  flagCell: Vn,
+  gradeCell: Kn,
+  gradeText: jn,
+  emailCell: Jn,
+  emailText: Zn,
+  studentsPagination: Xn,
+  reviewSectionBlock: es,
+  reviewSectionHeader: ts,
+  reviewSectionTitle: as,
+  reviewEditSectionBtn: ns,
+  reviewFieldGroup: ss,
+  reviewFieldLabel: ls,
+  reviewFieldValue: rs,
+  reviewQuestionsTableContainer: is,
+  previewSurveyBtn: os,
+  publishBtn: cs
+}, ds = ({
+  steps: n,
+  activeStep: s,
+  onBack: c
+}) => /* @__PURE__ */ a(i, { className: t.stepperContainer, children: [
+  /* @__PURE__ */ e(
+    M,
+    {
+      onClick: c,
+      startIcon: /* @__PURE__ */ e($e, { fontSize: "small" }),
+      className: t.backButton,
+      children: "Back to Surveys Dashboard"
+    }
+  ),
+  /* @__PURE__ */ e(i, { className: t.stepperProgress, children: n.map((f, r) => {
+    const l = r === s, T = r < s, p = r === n.length - 1;
+    return /* @__PURE__ */ a(
+      i,
+      {
+        className: `${t.stepColumn} ${p ? t.stepColumnLast : ""}`,
+        children: [
+          /* @__PURE__ */ a(i, { className: t.stepCircleRow, children: [
+            /* @__PURE__ */ a(
+              i,
+              {
+                className: `${t.stepCircle} ${l ? t.active : T ? t.completed : ""}`,
+                children: [
+                  l && /* @__PURE__ */ e(i, { className: t.stepInnerDot }),
+                  T && /* @__PURE__ */ e(Ue, { sx: { fontSize: 16, color: "#ffffff" } })
+                ]
+              }
+            ),
+            !p && /* @__PURE__ */ e(
+              i,
+              {
+                className: `${t.stepConnectorLine} ${T ? t.completed : ""}`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a(
+            Y,
+            {
+              alignItems: "flex-start",
+              spacing: 0.25,
+              className: t.stepLabelStack,
+              children: [
+                /* @__PURE__ */ a(
+                  C,
+                  {
+                    variant: "caption",
+                    className: `${t.stepNumberLabel} ${l ? t.active : ""}`,
+                    children: [
+                      "STEP ",
+                      f.stepNumber
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  C,
+                  {
+                    variant: "body2",
+                    className: `${t.stepTextLabel} ${l ? t.active : ""}`,
+                    children: f.label
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      },
+      f.stepCode
+    );
+  }) })
+] }), us = ({
+  onCreateBlank: n
+}) => /* @__PURE__ */ a(i, { className: t.bannerContainer, children: [
+  /* @__PURE__ */ a(Y, { direction: "row", spacing: 2, alignItems: "center", children: [
+    /* @__PURE__ */ e(i, { className: t.bannerIconBox, children: /* @__PURE__ */ e("img", { src: "/images/scratch-icon.png", alt: "Start from Scratch" }) }),
+    /* @__PURE__ */ a(i, { children: [
+      /* @__PURE__ */ e(C, { variant: "subtitle1", className: t.bannerTitle, children: "Start from Scratch" }),
+      /* @__PURE__ */ e(C, { variant: "body2", className: t.bannerSubtitle, children: "Create a custom survey tailored to your specific needs" })
+    ] })
+  ] }),
+  /* @__PURE__ */ e(
+    M,
+    {
+      onClick: n,
+      endIcon: /* @__PURE__ */ e(Ve, { sx: { fontSize: 16 } }),
+      className: t.bannerActionBtn,
+      children: "CREATE BLANK SURVEY"
+    }
+  )
+] }), ms = ({
+  categories: n,
+  selectedCategory: s,
+  onSelectCategory: c
+}) => /* @__PURE__ */ e(i, { className: t.filterPillsContainer, children: /* @__PURE__ */ e(Y, { direction: "row", spacing: 1.5, alignItems: "center", children: n.map((f) => {
+  const r = s.toLowerCase() === f.toLowerCase();
+  return /* @__PURE__ */ e(
+    be,
+    {
+      label: f,
+      onClick: () => c(f),
+      className: `${t.filterPill} ${r ? t.active : ""}`
+    },
+    f
+  );
+}) }) }), he = Ie(/* @__PURE__ */ e("path", {
+  d: "m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
+}), "EditOutlined"), hs = ({
+  template: n,
+  isSelected: s,
+  onSelect: c,
+  onEdit: f
+}) => /* @__PURE__ */ a(
+  i,
+  {
+    onClick: () => c(n.id),
+    className: `${t.templateCard} ${s ? t.selected : ""}`,
+    children: [
+      /* @__PURE__ */ a(i, { children: [
+        /* @__PURE__ */ a(
+          Y,
+          {
+            direction: "row",
+            alignItems: "flex-start",
+            justifyContent: "space-between",
+            spacing: 1,
+            children: [
+              /* @__PURE__ */ e(C, { variant: "h6", className: t.templateCardTitle, children: n.title }),
+              /* @__PURE__ */ e(
+                M,
+                {
+                  size: "small",
+                  onClick: (r) => f(n, r),
+                  startIcon: /* @__PURE__ */ e(he, { sx: { fontSize: 14 } }),
+                  className: t.templateEditBtn,
+                  children: "EDIT"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(C, { variant: "body2", className: t.templateDescription, children: n.description })
+      ] }),
+      /* @__PURE__ */ a(Y, { direction: "row", spacing: 1, alignItems: "center", sx: { gap: 0.75, flexWrap: "nowrap", overflow: "hidden" }, children: [
+        /* @__PURE__ */ e(
+          be,
+          {
+            label: `${n.questionCount} questions`,
+            size: "small",
+            className: t.chipItem,
+            sx: { flexShrink: 0 }
+          }
+        ),
+        (n.categories || [n.category]).slice(0, 2).map((r, l) => /* @__PURE__ */ e(
+          be,
+          {
+            label: r,
+            size: "small",
+            className: t.chipItem,
+            sx: {
+              flexShrink: 0,
+              maxWidth: { xs: "90px", sm: "120px" },
+              display: l === 1 ? { xs: "none", lg: "inline-flex" } : "inline-flex",
+              "& .MuiChip-label": {
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              }
+            }
+          },
+          l
+        )),
+        (n.categories?.length ?? 1) > 1 && /* @__PURE__ */ e(
+          be,
+          {
+            label: "...",
+            size: "small",
+            className: t.chipItem,
+            sx: {
+              flexShrink: 0,
+              display: (n.categories?.length ?? 1) > 2 ? "inline-flex" : { xs: "inline-flex", lg: "none" }
+            }
+          }
+        )
+      ] })
+    ]
+  }
+), ps = Ie(/* @__PURE__ */ e("path", {
+  d: "M12 6.5c3.79 0 7.17 2.13 8.82 5.5-1.65 3.37-5.02 5.5-8.82 5.5S4.83 15.37 3.18 12C4.83 8.63 8.21 6.5 12 6.5m0-2C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5m0 5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5m0-2c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5"
+}), "RemoveRedEyeOutlined"), ge = ({
+  currentStep: n,
+  totalSteps: s,
+  onPrevious: c,
+  onNext: f,
+  isNextDisabled: r = !1,
+  isLastStep: l = !1,
+  nextLabel: T = "NEXT",
+  onPreview: p
+}) => /* @__PURE__ */ a(i, { className: t.wizardFooter, children: [
+  /* @__PURE__ */ e(
+    M,
+    {
+      variant: "outlined",
+      onClick: c,
+      startIcon: /* @__PURE__ */ e($e, { sx: { fontSize: 16 } }),
+      className: `${t.previousBtn} ${n === 1 ? t.disabled : ""}`,
+      children: "PREVIOUS"
+    }
+  ),
+  /* @__PURE__ */ a(C, { variant: "body2", className: t.stepCounterText, children: [
+    "Step ",
+    n,
+    " of ",
+    s
+  ] }),
+  l ? /* @__PURE__ */ a(Y, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+    p && /* @__PURE__ */ e(
+      M,
+      {
+        variant: "outlined",
+        onClick: p,
+        startIcon: /* @__PURE__ */ e(ps, { sx: { fontSize: 18 } }),
+        className: t.previewSurveyBtn,
+        children: "SURVEY PREVIEW"
+      }
+    ),
+    /* @__PURE__ */ e(
+      M,
+      {
+        variant: "contained",
+        onClick: f,
+        disabled: r,
+        className: t.publishBtn,
+        children: T || "PUBLISH"
+      }
+    )
+  ] }) : /* @__PURE__ */ e(
+    M,
+    {
+      variant: "contained",
+      onClick: f,
+      disabled: r,
+      endIcon: /* @__PURE__ */ e(Ve, { sx: { fontSize: 16 } }),
+      className: t.nextBtn,
+      children: T
+    }
+  )
+] }), gs = ({
+  categories: n,
+  selectedCategory: s,
+  templates: c,
+  selectedTemplateId: f,
+  currentStepNumber: r,
+  totalSteps: l,
+  onSelectCategory: T,
+  onSelectTemplate: p,
+  onCreateBlank: d,
+  onEditTemplate: x,
+  onPrevious: y,
+  onNext: g
+}) => /* @__PURE__ */ a(i, { className: t.chooseTemplateCard, children: [
+  /* @__PURE__ */ a(i, { children: [
+    /* @__PURE__ */ e(C, { variant: "h4", className: t.headerTitle, children: "Choose a Template" }),
+    /* @__PURE__ */ e(C, { variant: "body1", className: t.headerSubtitle, children: "Start with a template or create from scratch" })
+  ] }),
+  /* @__PURE__ */ e(us, { onCreateBlank: d }),
+  /* @__PURE__ */ a(Y, { spacing: 1, children: [
+    /* @__PURE__ */ e(C, { variant: "h6", className: t.sectionTitle, children: "Survey Templates" }),
+    /* @__PURE__ */ e(
+      ms,
+      {
+        categories: n,
+        selectedCategory: s,
+        onSelectCategory: T
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e(Pe, { container: !0, spacing: 2.5, sx: { mt: 1 }, children: c.map((_) => /* @__PURE__ */ e(Pe, { item: !0, xs: 12, sm: 6, md: 4, children: /* @__PURE__ */ e(
+    hs,
+    {
+      template: _,
+      isSelected: f === _.id,
+      onSelect: p,
+      onEdit: x
+    }
+  ) }, _.id)) }),
+  /* @__PURE__ */ e(
+    ge,
+    {
+      currentStep: r,
+      totalSteps: l,
+      onPrevious: y,
+      onNext: g
+    }
+  )
+] }), fs = Ie(/* @__PURE__ */ e("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z"
+}), "DeleteOutlineOutlined"), je = ({ type: n }) => {
+  const s = (r) => {
+    if (typeof r == "number" || !isNaN(Number(r))) {
+      const l = Number(r);
+      if (l === 0) return "Text";
+      if (l === 1) return "MultipleChoice";
+      if (l === 2 || l === 3) return "Slider";
+      if (l === 4) return "YesNo";
+      if (l === 5) return "SingleChoice";
+      if (l === 6) return "Date";
+    }
+    return String(r);
+  }, c = (r) => {
+    switch (s(r)) {
+      case "Rating":
+      case "StarRating":
+      case "Slider":
+        return t.badgeRating;
+      case "YesNo":
+      case "SingleChoice":
+        return t.badgeYesNo;
+      case "Text":
+      case "TextInput":
+      case "OpenField":
+        return t.badgeText;
+      default:
+        return t.badgeText;
+    }
+  }, f = (r) => {
+    const l = s(r);
+    switch (l) {
+      case "YesNo":
+        return "Yes/No";
+      case "SingleChoice":
+        return "Single Choice";
+      case "StarRating":
+      case "Rating":
+        return "Rating";
+      case "TextInput":
+      case "OpenField":
+      case "Text":
+        return "Text";
+      case "MultipleChoice":
+        return "Multiple Choice";
+      default:
+        return l;
+    }
+  };
+  return /* @__PURE__ */ e(i, { className: `${t.questionTypeBadge} ${c(n)}`, children: /* @__PURE__ */ e(C, { variant: "caption", className: t.badgeTextLabel, children: f(n) }) });
+}, Je = ({
+  questions: n,
+  onEditQuestion: s,
+  onRemoveQuestion: c
+}) => {
+  const [f, r] = Q(null), [l, T] = Q(!1), p = (y) => {
+    r(y), T(!0);
+  }, d = () => {
+    f !== null && c(f), T(!1), r(null);
+  }, x = () => {
+    T(!1), r(null);
+  };
+  return /* @__PURE__ */ a(yt, { className: t.tableContainerWrapper, children: [
+    /* @__PURE__ */ a(Ne, { className: t.questionsTable, children: [
+      /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ a(K, { className: t.tableHeaderRow, children: [
+        /* @__PURE__ */ e(A, { className: t.thNumber, children: "#" }),
+        /* @__PURE__ */ e(A, { className: t.thQuestion, children: "Question" }),
+        /* @__PURE__ */ e(A, { className: t.thType, children: "Type" }),
+        /* @__PURE__ */ e(A, { className: t.thCategory, children: "Category" }),
+        /* @__PURE__ */ e(A, { className: t.thActions, children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ e(xe, { children: n.map((y, g) => /* @__PURE__ */ a(K, { className: t.tableBodyRow, children: [
+        /* @__PURE__ */ a(A, { className: t.tdNumber, children: [
+          g + 1,
+          "."
+        ] }),
+        /* @__PURE__ */ e(A, { className: t.tdQuestion, children: /* @__PURE__ */ e(
+          C,
+          {
+            variant: "body2",
+            className: t.questionText,
+            dangerouslySetInnerHTML: {
+              __html: y.questionText || ""
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e(A, { className: t.tdType, children: /* @__PURE__ */ e(je, { type: y.type }) }),
+        /* @__PURE__ */ e(A, { className: t.tdCategory, children: /* @__PURE__ */ e(C, { variant: "body2", className: t.categoryText, children: y.category }) }),
+        /* @__PURE__ */ e(A, { className: t.tdActions, children: /* @__PURE__ */ a(Y, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+          /* @__PURE__ */ e(
+            M,
+            {
+              onClick: () => s(y.id),
+              startIcon: /* @__PURE__ */ e(he, { fontSize: "small" }),
+              className: t.tableEditBtn,
+              children: "Edit"
+            }
+          ),
+          /* @__PURE__ */ e(
+            M,
+            {
+              onClick: () => p(y.id),
+              startIcon: /* @__PURE__ */ e(fs, { fontSize: "small" }),
+              className: t.tableRemoveBtn,
+              children: "Remove"
+            }
+          )
+        ] }) })
+      ] }, y.id)) })
+    ] }),
+    /* @__PURE__ */ a(
+      He,
+      {
+        open: l,
+        onClose: x,
+        "aria-labelledby": "confirm-delete-dialog-title",
+        "aria-describedby": "confirm-delete-dialog-description",
+        children: [
+          /* @__PURE__ */ e(We, { id: "confirm-delete-dialog-title", sx: { fontWeight: "bold" }, children: "Confirm Remove" }),
+          /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(bt, { id: "confirm-delete-dialog-description", children: "Are you sure you want to remove this question?" }) }),
+          /* @__PURE__ */ a(Tt, { children: [
+            /* @__PURE__ */ e(M, { onClick: x, color: "inherit", children: "Cancel" }),
+            /* @__PURE__ */ e(M, { onClick: d, color: "error", autoFocus: !0, children: "Remove" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, _s = ({
+  formData: n,
+  questionCategories: s,
+  filteredQuestions: c,
+  totalQuestionsCount: f,
+  currentStepNumber: r,
+  totalSteps: l,
+  onTemplateNameChange: T,
+  onDescriptionChange: p,
+  onCategoryFilterChange: d,
+  onEditQuestion: x,
+  onRemoveQuestion: y,
+  onAddQuestion: g,
+  onPrevious: _,
+  onNext: E
+}) => {
+  const z = (q) => {
+    d(q.target.value);
+  };
+  return /* @__PURE__ */ a(i, { className: t.chooseTemplateCard, children: [
+    /* @__PURE__ */ a(i, { className: t.headerSection, children: [
+      /* @__PURE__ */ e(C, { variant: "h5", className: t.headerTitle, children: "Check Details" }),
+      /* @__PURE__ */ e(C, { variant: "body2", className: t.headerSubtitle, children: "Review and edit the details below." })
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ a(C, { variant: "subtitle2", className: t.formFieldLabel, children: [
+        "Template Name ",
+        /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+      ] }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          fullWidth: !0,
+          variant: "outlined",
+          value: n.templateName,
+          onChange: (q) => T(q.target.value),
+          placeholder: "Enter template name",
+          className: t.customTextField
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ e(C, { variant: "subtitle2", className: t.formFieldLabel, children: "Description and instructions of when to use" }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          fullWidth: !0,
+          multiline: !0,
+          rows: 3,
+          variant: "outlined",
+          value: n.description,
+          onChange: (q) => p(q.target.value),
+          placeholder: "Enter description and instructions",
+          className: t.customTextField
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.questionsHeaderSection, children: [
+      /* @__PURE__ */ a(Y, { direction: "row", alignItems: "center", spacing: 0.75, sx: { mb: 1.5 }, children: [
+        /* @__PURE__ */ e(C, { variant: "subtitle1", className: t.questionsTitle, children: "Questions" }),
+        /* @__PURE__ */ e(C, { variant: "subtitle1", className: t.questionsCountNumber, children: f })
+      ] }),
+      /* @__PURE__ */ a(Y, { direction: "row", alignItems: "center", spacing: 1.5, className: t.filterByRow, children: [
+        /* @__PURE__ */ e(C, { variant: "body2", className: t.filterByLabel, children: "Filter by category" }),
+        /* @__PURE__ */ e(ve, { size: "small", className: t.categoryFilterFormControl, children: /* @__PURE__ */ e(
+          we,
+          {
+            value: n.selectedCategoryFilter,
+            onChange: z,
+            className: t.categorySelectInput,
+            children: s.map((q) => /* @__PURE__ */ e(Fe, { value: q, children: q }, q))
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Je,
+      {
+        questions: c,
+        onEditQuestion: x,
+        onRemoveQuestion: y
+      }
+    ),
+    /* @__PURE__ */ e(i, { className: t.addQuestionWrapper, children: /* @__PURE__ */ e(
+      M,
+      {
+        onClick: g,
+        startIcon: /* @__PURE__ */ e(Ke, {}),
+        className: t.addQuestionBtn,
+        children: "ADD QUESTION"
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      ge,
+      {
+        currentStep: r,
+        totalSteps: l,
+        onPrevious: _,
+        onNext: E,
+        isNextDisabled: !n.templateName || n.templateName.trim() === ""
+      }
+    )
+  ] });
+}, Cs = ({
+  formData: n,
+  currentStepNumber: s,
+  totalSteps: c,
+  onTitleChange: f,
+  onDeadlineChange: r,
+  onPrevious: l,
+  onNext: T
+}) => /* @__PURE__ */ a(i, { className: t.chooseTemplateCard, children: [
+  /* @__PURE__ */ a(i, { className: t.headerSection, children: [
+    /* @__PURE__ */ e(C, { variant: "h5", className: t.headerTitle, children: "Create Survey" }),
+    /* @__PURE__ */ e(C, { variant: "body2", className: t.headerSubtitle, children: "Set the title and deadline for your survey" })
+  ] }),
+  /* @__PURE__ */ a(i, { className: t.formFieldBlock, children: [
+    /* @__PURE__ */ a(C, { variant: "subtitle2", className: t.formFieldLabel, children: [
+      "Title ",
+      /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+    ] }),
+    /* @__PURE__ */ e(
+      J,
+      {
+        fullWidth: !0,
+        variant: "outlined",
+        value: n.title,
+        onChange: (p) => f(p.target.value),
+        placeholder: "Enter survey title",
+        className: t.customTextField
+      }
+    )
+  ] }),
+  /* @__PURE__ */ a(i, { className: t.formFieldBlock, children: [
+    /* @__PURE__ */ a(C, { variant: "subtitle2", className: t.formFieldLabel, children: [
+      "Deadline ",
+      /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+    ] }),
+    /* @__PURE__ */ e(Pt, { dateAdapter: qt, children: /* @__PURE__ */ e(
+      Dt,
+      {
+        value: n.deadline ? ke(n.deadline, "DD.MM.YYYY hh:mm A") : null,
+        onChange: (p) => {
+          r(p ? p.format("DD.MM.YYYY hh:mm A") : "");
+        },
+        format: "DD.MM.YYYY hh:mm A",
+        slotProps: {
+          textField: {
+            fullWidth: !0,
+            variant: "outlined",
+            placeholder: "DD.MM.YYYY hh:mm A",
+            className: t.customTextField
+          }
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e(C, { variant: "caption", className: t.formFieldHelperText, children: "Select the date and time when the survey will close" })
+  ] }),
+  /* @__PURE__ */ e(
+    ge,
+    {
+      currentStep: s,
+      totalSteps: c,
+      onPrevious: l,
+      onNext: T,
+      isNextDisabled: !n.title || n.title.trim() === "" || !n.deadline
+    }
+  )
+] }), pe = ({ size: n = 32, color: s = "#C44140" }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M28.2409 -0.141754C25.4195 3.28575 25.0819 7.25702 25.2536 11.6181C25.4635 16.9475 26.3117 24.291 27.1324 29.5842C27.2535 30.3658 26.3405 30.8232 25.7942 30.2545C22.7477 27.0829 19.2078 23.33 16.0196 19.1775C13.2409 22.6735 11.0153 26.7226 8.60824 31.0487C8.37898 31.4608 7.83452 31.5433 7.47943 31.2194C7.07049 30.8465 6.80209 30.3374 6.72382 29.7869C5.03439 17.9028 4.08511 12.0405 3.95375 -0.206989L28.2409 -0.141754Z", fill: s }) }), I = {
+  "flag-of-session": "_flag-of-session_izm26_530",
+  "flag-of-session__title-red": "_flag-of-session__title-red_izm26_539",
+  "flag-of-session__title-red--text": "_flag-of-session__title-red--text_izm26_544",
+  "flag-of-session__title-yellow": "_flag-of-session__title-yellow_izm26_561",
+  "flag-of-session__title-yellow--text": "_flag-of-session__title-yellow--text_izm26_566",
+  "flag-of-session__content-green": "_flag-of-session__content-green_izm26_572",
+  "flag-of-session__content-green--text": "_flag-of-session__content-green--text_izm26_579",
+  "flag-of-session__item": "_flag-of-session__item_izm26_586",
+  "flag-of-session__item--title": "_flag-of-session__item--title_izm26_594",
+  "flag-of-session__item--content": "_flag-of-session__item--content_izm26_601",
+  "flag-of-session__item-column": "_flag-of-session__item-column_izm26_608",
+  "flag-of-session__item-column--no-bold": "_flag-of-session__item-column--no-bold_izm26_620",
+  "flag-of-session__item-column--content": "_flag-of-session__item-column--content_izm26_627"
+}, qe = (n) => {
+  switch (n) {
+    case "Red Flag":
+      return /* @__PURE__ */ a("div", { className: I["flag-of-session__title-red"], children: [
+        /* @__PURE__ */ e(pe, { color: "#C44140", size: 32 }),
+        /* @__PURE__ */ e("span", { className: I["flag-of-session__title-red--text"], children: "Red Flag" })
+      ] });
+    case "Yellow Flag":
+      return /* @__PURE__ */ a("div", { className: I["flag-of-session__title-yellow"], children: [
+        /* @__PURE__ */ e(pe, { color: "#F5D500", size: 32 }),
+        /* @__PURE__ */ e("span", { className: I["flag-of-session__title-yellow--text"], children: "Yellow Flag" })
+      ] });
+    default:
+      return null;
+  }
+}, ys = ({
+  flag: n,
+  flagDetail: s,
+  lastSafetyAnswer: c,
+  lastStressAnswer: f,
+  showResult: r,
+  defaultStress: l,
+  defaultSafety: T,
+  defaultDecrease: p,
+  isDetailView: d,
+  hasReadyToLearn: x,
+  inSession: y
+}) => r ? /* @__PURE__ */ a("div", { className: I["flag-of-session"], style: { gap: "6px" }, children: [
+  (n === "Green Flag" || n === "Green") && /* @__PURE__ */ a("div", { className: I["flag-of-session__content-green"], children: [
+    "Everything is ",
+    /* @__PURE__ */ e("p", { className: I["flag-of-session__content-green--text"], children: "fine" })
+  ] }),
+  d && n && qe(n || ""),
+  s?.stress && (d ? /* @__PURE__ */ a("div", { className: I["flag-of-session__item"], children: [
+    /* @__PURE__ */ e("p", { className: I["flag-of-session__item--title"], children: "Stress score:" }),
+    /* @__PURE__ */ a("p", { className: I["flag-of-session__item--content"], children: [
+      s?.stress?.score,
+      "%"
+    ] })
+  ] }) : /* @__PURE__ */ a("div", { className: I["flag-of-session__item"], children: [
+    /* @__PURE__ */ a(
+      "span",
+      {
+        style: {
+          fontWeight: 600,
+          color: s?.stress?.flag === "Red Flag" ? "#C44140" : "#F5D500",
+          fontSize: "12px"
+        },
+        children: [
+          s?.stress?.score,
+          "%"
+        ]
+      }
+    ),
+    "Stress vs Last check-in ",
+    f,
+    "%"
+  ] })),
+  s?.safety && (d ? /* @__PURE__ */ a("div", { className: I["flag-of-session__item"], children: [
+    /* @__PURE__ */ e("p", { className: I["flag-of-session__item--title"], children: "Safety score:" }),
+    /* @__PURE__ */ a("p", { className: I["flag-of-session__item--content"], children: [
+      s?.safety?.score,
+      "%"
+    ] })
+  ] }) : /* @__PURE__ */ a("div", { className: I["flag-of-session__item"], children: [
+    /* @__PURE__ */ a("span", { style: { fontWeight: 600, color: s?.safety?.flag === "Red Flag" ? "#C44140" : "#F5D500" }, children: [
+      s?.safety?.score,
+      "%"
+    ] }),
+    " Safety vs Last check-in ",
+    c,
+    "%"
+  ] })),
+  s?.decrease && s?.decrease?.length > 0 && (d ? /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("p", { className: I["flag-of-session__item--content"], children: [
+      /* @__PURE__ */ e("span", { className: I["flag-of-session__item--title"], children: "Sudden Drop: " }),
+      /* @__PURE__ */ a("span", { className: I["flag-of-session__item--title"], children: [
+        s.decrease.length,
+        " "
+      ] }),
+      "core well-being metric shows a decrease of ",
+      p,
+      "% comparing their average of the last four check-ins."
+    ] }),
+    /* @__PURE__ */ e("ul", { className: I["flag-of-session__item-column--content"], children: s.decrease?.map((g, _) => /* @__PURE__ */ e("li", { style: { color: "#242424", marginLeft: "16px" }, children: /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: /* @__PURE__ */ a("p", { style: { margin: 0 }, children: [
+      g.questionText,
+      ": ",
+      g.answer,
+      "% ",
+      g.averageOtherRatingsText ? "" : g.averageOtherRatings !== void 0 ? `vs avr ${g.averageOtherRatings}%` : "vs previous"
+    ] }) }) }, _)) })
+  ] }) : y ? /* @__PURE__ */ a("div", { className: I["flag-of-session__item-column"], children: [
+    /* @__PURE__ */ a("p", { className: I["flag-of-session__item-column--no-bold"], children: [
+      "Sudden Drop: ",
+      s.decrease.length || 0,
+      " core well-being metric shows a decrease compared to the average of the last four check-ins."
+    ] }),
+    /* @__PURE__ */ e("ul", { className: I["flag-of-session__item-column--content"], children: s.decrease?.map((g, _) => {
+      const z = n?.includes("Red") ? "#C44140" : "#F5D500";
+      return /* @__PURE__ */ e("li", { style: { color: "#242424", marginLeft: "16px" }, children: /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+        /* @__PURE__ */ a("p", { style: { margin: 0, fontSize: "12px" }, children: [
+          g.questionText,
+          ":"
+        ] }),
+        /* @__PURE__ */ a("p", { style: { margin: 0, color: z, fontSize: "12px" }, children: [
+          g.answer,
+          "%"
+        ] }),
+        g.averageOtherRatingsText ? "" : g.averageOtherRatings !== void 0 && /* @__PURE__ */ a("p", { style: { margin: 0, fontSize: "12px", marginLeft: "4px" }, children: [
+          "vs avr ",
+          g.averageOtherRatings,
+          "%"
+        ] })
+      ] }) }, _);
+    }) })
+  ] }) : /* @__PURE__ */ a("div", { className: I["flag-of-session__item"], children: [
+    "Sudden Drop: Any core well-being metric shows a percentage decrease of ",
+    p || 20,
+    "% comparing their average of the last four check-ins."
+  ] })),
+  s?.readinessToLearn && (d ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a("p", { className: I["flag-of-session__item--content"], children: [
+    /* @__PURE__ */ e("span", { className: I["flag-of-session__item--title"], children: "Ready to learn: " }),
+    s?.readinessToLearn
+  ] }) }) : /* @__PURE__ */ a("div", { className: I["flag-of-session__item"], children: [
+    "Ready to learn: ",
+    s?.readinessToLearn
+  ] }))
+] }) : /* @__PURE__ */ a("div", { className: I["flag-of-session"], children: [
+  qe(n || ""),
+  T && /* @__PURE__ */ a("div", { className: I["flag-of-session__item"], children: [
+    /* @__PURE__ */ e("p", { className: I["flag-of-session__item--title"], children: "Safety score:" }),
+    /* @__PURE__ */ a("p", { className: I["flag-of-session__item--content"], children: [
+      "Under ",
+      T,
+      "%"
+    ] })
+  ] }),
+  l && /* @__PURE__ */ a("div", { className: I["flag-of-session__item"], children: [
+    /* @__PURE__ */ e("p", { className: I["flag-of-session__item--title"], children: "Stress level:" }),
+    /* @__PURE__ */ a("p", { className: I["flag-of-session__item--content"], children: [
+      "Higher than ",
+      l,
+      "%"
+    ] })
+  ] }),
+  p && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a("p", { className: I["flag-of-session__item--content"], children: [
+    /* @__PURE__ */ e("span", { className: I["flag-of-session__item--title"], children: "Sudden Drop: " }),
+    "Any core well-being metric shows a percentage decrease of ",
+    p,
+    "% comparing their average of the last four check-ins."
+  ] }) }),
+  x && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a("p", { className: I["flag-of-session__item--content"], children: [
+    /* @__PURE__ */ e("span", { className: I["flag-of-session__item--title"], children: "Ready to learn: " }),
+    "The student reported as not ready to learn in last check-in."
+  ] }) })
+] }), bs = kt(({ className: n, ...s }) => /* @__PURE__ */ e(Oe, { ...s, classes: { popper: n } }))(({ theme: n }) => ({
+  zIndex: 1e3,
+  [`& .${Ae.tooltip}`]: {
+    backgroundColor: "transparent !important",
+    marginTop: "8px !important",
+    fontFamily: "Poppins-Regular"
+  },
+  [`& .${Ae.arrow}`]: {
+    color: n.palette.common.white,
+    top: "4px !important"
+  }
+})), Ts = (n) => {
+  if (!n) return null;
+  const s = n.toLowerCase();
+  return s === "red" ? /* @__PURE__ */ e(pe, { size: 32, color: "#C44140" }) : s === "yellow" ? /* @__PURE__ */ e(pe, { size: 32, color: "#F5D500" }) : s === "green" ? /* @__PURE__ */ e(pe, { size: 32, color: "#10B981" }) : null;
+}, Ns = ({
+  students: n,
+  totalStudentsCount: s,
+  totalSelectedCount: c,
+  selectedStudentIds: f,
+  filters: r,
+  gradeOptions: l,
+  flagOptions: T,
+  teacherOptions: p,
+  page: d,
+  rowsPerPage: x,
+  isAllSelected: y,
+  isIndeterminate: g,
+  sortBy: _,
+  sortOrder: E,
+  onSortChange: z,
+  currentStepNumber: q,
+  totalSteps: v,
+  onSearchChange: L,
+  onGradeChange: S,
+  onFlagChange: h,
+  onTeacherChange: R,
+  onPageChange: $,
+  onRowsPerPageChange: G,
+  onToggleSelectAll: X,
+  onToggleStudent: j,
+  onPrevious: ee,
+  onNext: Z
+}) => {
+  const ne = (o) => {
+    S(o.target.value);
+  }, b = (o) => {
+    h(o.target.value);
+  }, N = (o, w) => {
+    R(w || "All Teachers");
+  }, u = O(() => !p || p.length === 0 ? ["All Teachers"] : p.includes("All Teachers") ? p : ["All Teachers", ...p], [p]), B = (o, w) => {
+    const F = (w.inputValue || "").trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+    return F ? o.filter((H) => H.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").includes(F)) : o;
+  };
+  return /* @__PURE__ */ a(i, { className: t.chooseTemplateCard, children: [
+    /* @__PURE__ */ a(i, { className: t.headerSection, children: [
+      /* @__PURE__ */ e(C, { variant: "h5", className: t.headerTitle, children: "Select Students" }),
+      /* @__PURE__ */ e(C, { variant: "body2", className: t.headerSubtitle, children: "Choose the students who should participate in this survey" })
+    ] }),
+    /* @__PURE__ */ e(i, { className: t.selectedCountSection, children: /* @__PURE__ */ a(C, { variant: "subtitle1", className: t.selectedCountText, children: [
+      "Selected students",
+      " ",
+      /* @__PURE__ */ e(i, { component: "span", className: t.selectedCountHighlight, children: c })
+    ] }) }),
+    /* @__PURE__ */ a(i, { className: t.studentsToolbar, children: [
+      /* @__PURE__ */ e(i, { className: t.searchBarContainer, children: /* @__PURE__ */ e(
+        J,
+        {
+          fullWidth: !0,
+          size: "small",
+          placeholder: "Search students by name or email...",
+          value: r.searchQuery,
+          onChange: (o) => L(o.target.value),
+          className: t.studentSearchInput,
+          InputProps: {
+            startAdornment: /* @__PURE__ */ e(Nt, { position: "start", children: /* @__PURE__ */ e(zt, { sx: { color: "#94a3b8", fontSize: 20 } }) })
+          }
+        }
+      ) }),
+      /* @__PURE__ */ e(i, { className: t.filterDropdownWrapper, children: /* @__PURE__ */ e(ve, { size: "small", fullWidth: !0, children: /* @__PURE__ */ e(
+        we,
+        {
+          value: r.selectedGrade,
+          onChange: ne,
+          displayEmpty: !0,
+          className: t.filterSelectBox,
+          children: l.map((o) => /* @__PURE__ */ e(Fe, { value: o, children: o }, o))
+        }
+      ) }) }),
+      /* @__PURE__ */ e(i, { className: t.filterDropdownWrapper, children: /* @__PURE__ */ e(ve, { size: "small", fullWidth: !0, children: /* @__PURE__ */ e(
+        we,
+        {
+          value: r.selectedFlag,
+          onChange: b,
+          displayEmpty: !0,
+          className: t.filterSelectBox,
+          children: T.map((o) => /* @__PURE__ */ e(Fe, { value: o.value, children: o.label }, o.value))
+        }
+      ) }) }),
+      /* @__PURE__ */ e(i, { className: t.teacherFilterWrapper, children: /* @__PURE__ */ e(
+        St,
+        {
+          size: "small",
+          fullWidth: !0,
+          options: u,
+          value: r.selectedTeacher || "All Teachers",
+          onChange: N,
+          disableClearable: r.selectedTeacher === "All Teachers",
+          clearOnBlur: !0,
+          handleHomeEndKeys: !0,
+          isOptionEqualToValue: (o, w) => !w || o === w || w === "All Teachers",
+          filterOptions: B,
+          noOptionsText: "No teachers found",
+          className: t.teacherAutocomplete,
+          classes: {
+            paper: t.teacherAutocompletePaper,
+            listbox: t.teacherAutocompleteListbox
+          },
+          componentsProps: {
+            paper: {
+              className: t.teacherAutocompletePaper,
+              sx: {
+                backgroundColor: "#ffffff !important",
+                color: "#000000 !important"
+              }
+            },
+            popper: {
+              sx: {
+                zIndex: 1300
+              }
+            }
+          },
+          slotProps: {
+            paper: {
+              className: t.teacherAutocompletePaper,
+              sx: {
+                backgroundColor: "#ffffff !important",
+                color: "#000000 !important"
+              }
+            },
+            popper: {
+              sx: {
+                zIndex: 1300
+              }
+            }
+          },
+          renderOption: (o, w, { selected: F }) => {
+            const { key: H, ...m } = o;
+            return /* @__PURE__ */ e(
+              "li",
+              {
+                ...m,
+                className: t.teacherOptionItem,
+                style: {
+                  backgroundColor: F ? "#f1f5f9" : "#ffffff",
+                  color: "#000000",
+                  fontSize: "14px",
+                  fontWeight: F ? 600 : 500,
+                  padding: "9px 14px",
+                  cursor: "pointer"
+                },
+                children: w
+              },
+              H || w
+            );
+          },
+          renderInput: (o) => /* @__PURE__ */ e(
+            J,
+            {
+              ...o,
+              placeholder: "All Teachers",
+              size: "small",
+              inputProps: {
+                ...o.inputProps,
+                style: {
+                  color: "#000000",
+                  fontWeight: 500
+                }
+              }
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.studentsTableContainer, children: [
+      /* @__PURE__ */ a(Ne, { className: t.studentsTable, children: [
+        /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ a(K, { className: t.studentsTableHeaderRow, children: [
+          /* @__PURE__ */ e(A, { className: t.checkboxHeaderCell, children: /* @__PURE__ */ e(
+            De,
+            {
+              checked: y,
+              indeterminate: g,
+              onChange: X,
+              sx: {
+                color: "#cbd5e1",
+                "&.Mui-checked": { color: "#2563eb" },
+                "&.MuiCheckbox-indeterminate": { color: "#2563eb" }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            ue,
+            {
+              active: _ === "name",
+              direction: _ === "name" ? E : "asc",
+              onClick: () => z("name"),
+              children: "Student Name"
+            }
+          ) }),
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            ue,
+            {
+              active: _ === "flag",
+              direction: _ === "flag" ? E : "asc",
+              onClick: () => z("flag"),
+              children: "Flag"
+            }
+          ) }),
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            ue,
+            {
+              active: _ === "grade",
+              direction: _ === "grade" ? E : "asc",
+              onClick: () => z("grade"),
+              children: "Grade"
+            }
+          ) }),
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            ue,
+            {
+              active: _ === "email",
+              direction: _ === "email" ? E : "asc",
+              onClick: () => z("email"),
+              children: "Email"
+            }
+          ) }),
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            ue,
+            {
+              active: _ === "teacher",
+              direction: _ === "teacher" ? E : "asc",
+              onClick: () => z("teacher"),
+              children: "Teacher"
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ e(xe, { children: n.length === 0 ? /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(A, { colSpan: 5, align: "center", sx: { py: 4, color: "#94a3b8" }, children: "No students found matching current filters." }) }) : n.map((o) => {
+          const w = f.includes(o.id);
+          return /* @__PURE__ */ a(
+            K,
+            {
+              className: `${t.studentTableRow} ${w ? t.selectedRow : ""}`,
+              onClick: () => j(o.id),
+              children: [
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    className: t.checkboxBodyCell,
+                    onClick: (F) => F.stopPropagation(),
+                    children: /* @__PURE__ */ e(
+                      De,
+                      {
+                        checked: w,
+                        onChange: () => j(o.id),
+                        sx: {
+                          color: "#cbd5e1",
+                          "&.Mui-checked": { color: "#2563eb" }
+                        }
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(A, { className: t.studentNameCell, children: /* @__PURE__ */ a(Y, { direction: "row", alignItems: "center", spacing: 1.75, children: [
+                  /* @__PURE__ */ e(
+                    "img",
+                    {
+                      src: o.avatarUrl,
+                      alt: o.name,
+                      style: { width: 44, height: 44, borderRadius: "50%", objectFit: "cover" }
+                    }
+                  ),
+                  /* @__PURE__ */ e(C, { variant: "body2", className: t.studentNameText, children: o.name })
+                ] }) }),
+                /* @__PURE__ */ e(A, { className: t.flagCell, children: /* @__PURE__ */ e(
+                  bs,
+                  {
+                    arrow: !0,
+                    placement: "bottom",
+                    title: o?.flag && o.flag !== "none" ? /* @__PURE__ */ e(
+                      ys,
+                      {
+                        flag: o.flag === "red" ? "Red Flag" : o.flag === "yellow" ? "Yellow Flag" : "Green Flag",
+                        flagDetail: o.flagDetail,
+                        lastSafetyAnswer: o.lastSafetyAnswer,
+                        lastStressAnswer: o.lastStressAnswer,
+                        showResult: !0
+                      }
+                    ) : "",
+                    children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "center", cursor: "pointer" }, children: Ts(o.flag) }) })
+                  }
+                ) }),
+                /* @__PURE__ */ e(A, { className: t.gradeCell, children: /* @__PURE__ */ e(C, { variant: "body2", className: t.gradeText, children: o.grade }) }),
+                /* @__PURE__ */ e(A, { className: t.emailCell, children: /* @__PURE__ */ e(C, { variant: "body2", className: t.emailText, children: o.email }) }),
+                /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(C, { variant: "body2", sx: { color: "#475569" }, children: o.listTeachers && o.listTeachers.length > 0 ? o.listTeachers.map((F) => F.name).filter(Boolean).join(", ") : "-" }) })
+              ]
+            },
+            o.id
+          );
+        }) })
+      ] }),
+      s > 0 && /* @__PURE__ */ e(
+        xt,
+        {
+          rowsPerPageOptions: [5, 10, 25, 50],
+          component: "div",
+          count: s,
+          rowsPerPage: x,
+          page: d,
+          onPageChange: $,
+          onRowsPerPageChange: G,
+          className: t.studentsPagination
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      ge,
+      {
+        currentStep: q,
+        totalSteps: v,
+        onPrevious: ee,
+        onNext: Z
+      }
+    )
+  ] });
+}, Ss = ({ size: n = 32, color: s = "#C44140" }) => /* @__PURE__ */ e("svg", { width: n, height: n, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M28.2409 -0.141754C25.4195 3.28575 25.0819 7.25702 25.2536 11.6181C25.4635 16.9475 26.3117 24.291 27.1324 29.5842C27.2535 30.3658 26.3405 30.8232 25.7942 30.2545C22.7477 27.0829 19.2078 23.33 16.0196 19.1775C13.2409 22.6735 11.0153 26.7226 8.60824 31.0487C8.37898 31.4608 7.83452 31.5433 7.47943 31.2194C7.07049 30.8465 6.80209 30.3374 6.72382 29.7869C5.03439 17.9028 4.08511 12.0405 3.95375 -0.206989L28.2409 -0.141754Z", fill: s }) }), xs = vt(({ className: n, ...s }) => /* @__PURE__ */ e(Oe, { ...s, classes: { popper: n } }))(() => ({
+  [`& .${Ae.tooltip}`]: {
+    backgroundColor: "#ffffff",
+    color: "#1e293b",
+    maxWidth: 220,
+    fontSize: "0.75rem",
+    border: "1px solid #e2e8f0",
+    boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    borderRadius: "8px",
+    padding: "8px 12px"
+  },
+  [`& .${Ae.arrow}`]: {
+    color: "#ffffff",
+    "&:before": {
+      border: "1px solid #e2e8f0"
+    }
+  }
+})), vs = ({ flag: n, tooltip: s }) => {
+  if (n === "none") return null;
+  let c = "#10B981";
+  return n === "red" ? c = "#D10530" : n === "yellow" ? c = "#F5D500" : n === "green" && (c = "#0F9655"), /* @__PURE__ */ e(xs, { title: s ? /* @__PURE__ */ e(i, { sx: { lineHeight: 1.4 }, children: s }) : /* @__PURE__ */ e(i, { sx: { lineHeight: 1.4 }, children: n === "red" ? /* @__PURE__ */ a(Re, { children: [
+    /* @__PURE__ */ e(i, { component: "span", sx: { color: "#D10530", fontWeight: 700 }, children: "High" }),
+    " Risk,",
+    /* @__PURE__ */ e("br", {}),
+    /* @__PURE__ */ e(i, { component: "span", sx: { color: "#D10530", fontWeight: 700 }, children: "Negative" }),
+    " readiness to learn"
+  ] }) : n === "yellow" ? /* @__PURE__ */ a(Re, { children: [
+    /* @__PURE__ */ e(i, { component: "span", sx: { color: "#F5D500", fontWeight: 700 }, children: "Moderate" }),
+    " Risk,",
+    /* @__PURE__ */ e("br", {}),
+    /* @__PURE__ */ e(i, { component: "span", sx: { color: "#F5D500", fontWeight: 700 }, children: "Caution" }),
+    " readiness to learn"
+  ] }) : /* @__PURE__ */ a(Re, { children: [
+    /* @__PURE__ */ e(i, { component: "span", sx: { color: "#0F9655", fontWeight: 700 }, children: "Low" }),
+    " Risk,",
+    /* @__PURE__ */ e("br", {}),
+    /* @__PURE__ */ e(i, { component: "span", sx: { color: "#0F9655", fontWeight: 700 }, children: "Positive" }),
+    " readiness to learn"
+  ] }) }), arrow: !0, placement: "top", children: /* @__PURE__ */ e(
+    i,
+    {
+      component: "span",
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        cursor: "pointer",
+        transition: "transform 0.15s ease",
+        "&:hover": {
+          transform: "scale(1.15)"
+        }
+      },
+      children: /* @__PURE__ */ e(Ss, { color: c, size: 28 })
+    }
+  ) });
+}, ws = Ie(/* @__PURE__ */ e("path", {
+  d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 16H5V10h14zm0-12H5V6h14zM9 14H7v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2zm-8 4H7v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2z"
+}), "CalendarMonthOutlined"), Fs = ({
+  open: n,
+  title: s,
+  description: c,
+  deadline: f,
+  questions: r,
+  onClose: l
+}) => {
+  const T = (d) => {
+    if (typeof d == "number" || !isNaN(Number(d)) && String(d).trim() !== "") {
+      const x = Number(d);
+      if (x === 0) return "Text";
+      if (x === 1) return "MultipleChoice";
+      if (x === 2 || x === 3) return "Slider";
+      if (x === 4) return "YesNo";
+      if (x === 5) return "SingleChoice";
+      if (x === 6) return "Date";
+      if (x === 9) return "Summarize";
+      if (x === 12) return "DropDown";
+    }
+    return String(d);
+  }, p = (d) => {
+    try {
+      const x = document.createElement("textarea");
+      return x.innerHTML = d, x.value;
+    } catch {
+      return d;
+    }
+  };
+  return /* @__PURE__ */ a(
+    He,
+    {
+      open: n,
+      onClose: l,
+      maxWidth: "md",
+      fullWidth: !0,
+      PaperProps: {
+        sx: {
+          borderRadius: "16px",
+          p: 1,
+          maxHeight: "90vh"
+        }
+      },
+      children: [
+        /* @__PURE__ */ a(
+          We,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              pb: 1,
+              fontWeight: 700,
+              fontSize: "1.1rem",
+              color: "#0f172a"
+            },
+            children: [
+              "Survey preview",
+              /* @__PURE__ */ e(wt, { onClick: l, size: "small", sx: { color: "#64748b" }, children: /* @__PURE__ */ e(Ht, { fontSize: "small" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(Qe, { dividers: !0, sx: { p: 3 }, children: [
+          /* @__PURE__ */ e(C, { variant: "h6", sx: { fontWeight: 800, color: "#0f172a", mb: 0.5 }, children: s || "Student Well Being" }),
+          /* @__PURE__ */ e(C, { variant: "body2", sx: { color: "#64748b", mb: 2 }, children: c || "General assessment of student wellness and quality of life" }),
+          f && /* @__PURE__ */ a(Y, { direction: "row", spacing: 1, alignItems: "center", sx: { color: "#64748b", mb: 3 }, children: [
+            /* @__PURE__ */ e(ws, { sx: { fontSize: 16, color: "#2563eb" } }),
+            /* @__PURE__ */ a(C, { variant: "caption", sx: { fontWeight: 600 }, children: [
+              "Due: ",
+              f
+            ] })
+          ] }),
+          /* @__PURE__ */ e(Y, { spacing: 3, children: r.map((d, x) => {
+            const y = T(d.type), g = d.options && d.options.length > 0 ? d.options : d.answers && Array.isArray(d.answers) ? d.answers.map((_) => typeof _ == "string" ? _ : _?.text ?? _?.answerText ?? "").filter(Boolean) : [];
+            return /* @__PURE__ */ a(i, { sx: { pb: 1 }, children: [
+              /* @__PURE__ */ a(i, { sx: { display: "flex", gap: "4px", fontWeight: 600, color: "#1e293b", mb: 1.5, fontSize: "0.875rem" }, children: [
+                /* @__PURE__ */ a(i, { children: [
+                  x + 1,
+                  "."
+                ] }),
+                /* @__PURE__ */ e(i, { sx: { "& p": { m: 0, display: "inline" }, "& span": { display: "inline" } }, dangerouslySetInnerHTML: { __html: p(d.questionText || "") } })
+              ] }),
+              (y === "Rating" || y === "StarRating" || y === "Slider") && /* @__PURE__ */ e(i, { sx: { px: 2, py: 1 }, children: /* @__PURE__ */ e(
+                Wt,
+                {
+                  questionId: Number(d.id) || 0,
+                  valueText: "50",
+                  minText: d.fromLabel || "",
+                  maxText: d.toLabel || "",
+                  isBeforeSession: !1,
+                  isPageResult: !0
+                }
+              ) }),
+              y === "MultipleChoice" && /* @__PURE__ */ e(i, { sx: { px: 2 }, children: /* @__PURE__ */ e(
+                Qt,
+                {
+                  questionId: Number(d.id) || 0,
+                  valueText: "",
+                  isUserChangeSession: !0,
+                  questionAnswer: g,
+                  isPageResult: !0
+                }
+              ) }),
+              (y === "YesNo" || y === "SingleChoice") && /* @__PURE__ */ e(i, { sx: { px: 2 }, children: /* @__PURE__ */ e(
+                Ot,
+                {
+                  questionId: Number(d.id) || 0,
+                  valueText: "",
+                  isUserChangeSession: !0,
+                  questionAnswer: g.length > 0 ? g : y === "YesNo" ? ["Yes", "No"] : []
+                }
+              ) }),
+              (y === "Text" || y === "TextInput" || y === "OpenField") && /* @__PURE__ */ e(
+                J,
+                {
+                  fullWidth: !0,
+                  multiline: !0,
+                  rows: 2,
+                  placeholder: "Your answer...",
+                  size: "small",
+                  sx: {
+                    "& .MuiOutlinedInput-root": {
+                      borderRadius: "8px",
+                      backgroundColor: "#ffffff"
+                    }
+                  }
+                }
+              ),
+              y === "DropDown" && /* @__PURE__ */ e(i, { sx: { px: 2 }, children: /* @__PURE__ */ e(
+                Mt,
+                {
+                  questionItemName: "",
+                  questionId: Number(d.id) || 0,
+                  valueText: "",
+                  isUserChangeSession: !0,
+                  questionAnswer: g.map((_, E) => ({ id: E, text: _ }))
+                }
+              ) }),
+              y === "Summarize" && /* @__PURE__ */ e(
+                J,
+                {
+                  fullWidth: !0,
+                  multiline: !0,
+                  rows: 4,
+                  placeholder: "Summarize your thoughts...",
+                  size: "small",
+                  sx: {
+                    "& .MuiOutlinedInput-root": {
+                      borderRadius: "8px",
+                      backgroundColor: "#ffffff"
+                    }
+                  }
+                }
+              )
+            ] }, d.id);
+          }) })
+        ] })
+      ]
+    }
+  );
+}, As = ({
+  templateFormData: n,
+  surveyFormData: s,
+  selectedStudents: c,
+  currentStepNumber: f,
+  totalSteps: r,
+  onEditTemplateDetails: l,
+  onEditSurveyDetails: T,
+  onEditSelectedStudents: p,
+  onPrevious: d,
+  onPublish: x
+}) => {
+  const [y, g] = Q(!1);
+  return /* @__PURE__ */ a(i, { className: t.chooseTemplateCard, children: [
+    /* @__PURE__ */ a(i, { className: t.reviewSectionBlock, children: [
+      /* @__PURE__ */ a(i, { className: t.reviewSectionHeader, children: [
+        /* @__PURE__ */ e(C, { variant: "h6", className: t.reviewSectionTitle, children: "Template Details" }),
+        /* @__PURE__ */ e(
+          M,
+          {
+            variant: "text",
+            onClick: l,
+            startIcon: /* @__PURE__ */ e(he, { sx: { fontSize: 16 } }),
+            className: t.reviewEditSectionBtn,
+            children: "EDIT"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(i, { className: t.reviewFieldGroup, children: [
+        /* @__PURE__ */ e(C, { variant: "caption", className: t.reviewFieldLabel, children: "Template Name" }),
+        /* @__PURE__ */ e(C, { variant: "body2", className: t.reviewFieldValue, children: n.templateName || "Well-being" })
+      ] }),
+      /* @__PURE__ */ a(i, { className: t.reviewFieldGroup, children: [
+        /* @__PURE__ */ e(C, { variant: "caption", className: t.reviewFieldLabel, children: "Description and instructions of when to use" }),
+        /* @__PURE__ */ e(C, { variant: "body2", className: t.reviewFieldValue, children: n.description || "General assessment of student wellness and quality of life" })
+      ] }),
+      /* @__PURE__ */ a(i, { className: t.reviewFieldGroup, sx: { mt: 3 }, children: [
+        /* @__PURE__ */ e(C, { variant: "caption", className: t.reviewFieldLabel, children: "Questions" }),
+        /* @__PURE__ */ e(C, { variant: "h6", className: t.questionsHeadingText, sx: { mb: 1.5 }, children: /* @__PURE__ */ e("span", { className: t.questionCountBadge, children: n.questions.length }) }),
+        /* @__PURE__ */ e(i, { className: t.reviewQuestionsTableContainer, children: /* @__PURE__ */ a(Ne, { className: t.questionsTable, children: [
+          /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ a(K, { className: t.tableHeaderRow, children: [
+            /* @__PURE__ */ e(A, { className: t.thNumber, children: "#" }),
+            /* @__PURE__ */ e(A, { className: t.thQuestion, children: "Question" }),
+            /* @__PURE__ */ e(A, { className: t.thType, children: "Type" }),
+            /* @__PURE__ */ e(A, { className: t.thCategory, children: "Category" })
+          ] }) }),
+          /* @__PURE__ */ e(xe, { children: n.questions.map((_, E) => /* @__PURE__ */ a(K, { className: t.tableBodyRow, children: [
+            /* @__PURE__ */ a(A, { className: t.tdNumber, children: [
+              E + 1,
+              "."
+            ] }),
+            /* @__PURE__ */ e(A, { className: t.tdQuestion, children: /* @__PURE__ */ e(
+              C,
+              {
+                variant: "body2",
+                className: t.questionText,
+                dangerouslySetInnerHTML: {
+                  __html: _.questionText || ""
+                }
+              }
+            ) }),
+            /* @__PURE__ */ e(A, { className: t.tdType, children: /* @__PURE__ */ e(je, { type: _.type }) }),
+            /* @__PURE__ */ e(A, { className: t.tdCategory, children: /* @__PURE__ */ e(C, { variant: "body2", className: t.categoryText, children: _.category }) })
+          ] }, _.id)) })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.reviewSectionBlock, children: [
+      /* @__PURE__ */ a(i, { className: t.reviewSectionHeader, children: [
+        /* @__PURE__ */ e(C, { variant: "h6", className: t.reviewSectionTitle, children: "Survey Details" }),
+        /* @__PURE__ */ e(
+          M,
+          {
+            variant: "text",
+            onClick: T,
+            startIcon: /* @__PURE__ */ e(he, { sx: { fontSize: 16 } }),
+            className: t.reviewEditSectionBtn,
+            children: "EDIT"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(i, { className: t.reviewFieldGroup, children: [
+        /* @__PURE__ */ e(C, { variant: "caption", className: t.reviewFieldLabel, children: "Title" }),
+        /* @__PURE__ */ e(C, { variant: "body2", className: t.reviewFieldValue, children: s.title || "Student Well Being" })
+      ] }),
+      /* @__PURE__ */ a(i, { className: t.reviewFieldGroup, children: [
+        /* @__PURE__ */ e(C, { variant: "caption", className: t.reviewFieldLabel, children: "Deadline" }),
+        /* @__PURE__ */ e(C, { variant: "body2", className: t.reviewFieldValue, children: s.deadline || "15th January 2026, 12:00 PM" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.reviewSectionBlock, children: [
+      /* @__PURE__ */ a(i, { className: t.reviewSectionHeader, children: [
+        /* @__PURE__ */ a(C, { variant: "h6", className: t.reviewSectionTitle, children: [
+          "Selected Students",
+          " ",
+          /* @__PURE__ */ e(i, { component: "span", sx: { color: "#2563eb", fontWeight: 700 }, children: c.length })
+        ] }),
+        /* @__PURE__ */ e(
+          M,
+          {
+            variant: "text",
+            onClick: p,
+            startIcon: /* @__PURE__ */ e(he, { sx: { fontSize: 16 } }),
+            className: t.reviewEditSectionBtn,
+            children: "EDIT"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(i, { className: t.studentsTableContainer, children: /* @__PURE__ */ a(Ne, { className: t.studentsTable, children: [
+        /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ a(K, { className: t.tableHeaderRow, children: [
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: "Student Name" }),
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: "Flag" }),
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: "Grade" }),
+          /* @__PURE__ */ e(A, { className: t.tableHeaderCell, children: "Email" })
+        ] }) }),
+        /* @__PURE__ */ e(xe, { children: c.length === 0 ? /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(A, { colSpan: 4, align: "center", sx: { py: 3, color: "#94a3b8" }, children: "No students selected." }) }) : c.map((_) => /* @__PURE__ */ a(K, { className: t.studentTableRow, children: [
+          /* @__PURE__ */ e(A, { className: t.studentNameCell, children: /* @__PURE__ */ a(Y, { direction: "row", alignItems: "center", spacing: 1.5, children: [
+            /* @__PURE__ */ e(
+              Ft,
+              {
+                src: _.avatarUrl,
+                alt: _.name,
+                sx: {
+                  width: 28,
+                  height: 28,
+                  fontSize: "0.75rem",
+                  bgcolor: "#e0e7ff",
+                  color: "#3730a3"
+                },
+                children: _.name.charAt(0)
+              }
+            ),
+            /* @__PURE__ */ e(C, { variant: "body2", className: t.studentNameText, children: _.name })
+          ] }) }),
+          /* @__PURE__ */ e(A, { className: t.flagCell, children: /* @__PURE__ */ e(
+            vs,
+            {
+              flag: _.flag,
+              tooltip: _.flagTooltip
+            }
+          ) }),
+          /* @__PURE__ */ e(A, { className: t.gradeCell, children: /* @__PURE__ */ e(C, { variant: "body2", className: t.gradeText, children: _.grade }) }),
+          /* @__PURE__ */ e(A, { className: t.emailCell, children: /* @__PURE__ */ e(C, { variant: "body2", className: t.emailText, children: _.email }) })
+        ] }, _.id)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(
+      ge,
+      {
+        currentStep: f,
+        totalSteps: r,
+        isLastStep: !0,
+        nextLabel: "PUBLISH",
+        onPreview: () => g(!0),
+        onPrevious: d,
+        onNext: x
+      }
+    ),
+    /* @__PURE__ */ e(
+      Fs,
+      {
+        open: y,
+        title: s.title || n.templateName,
+        description: n.description,
+        deadline: s.deadline,
+        questions: n.questions,
+        onClose: () => g(!1)
+      }
+    )
+  ] });
+}, Is = [
+  {
+    id: "q-1",
+    orderNumber: 1,
+    questionText: "How would you rate your overall well-being?",
+    type: "Rating",
+    category: "Overall Well-being"
+  },
+  {
+    id: "q-2",
+    orderNumber: 2,
+    questionText: "Do you feel balanced in your daily life?",
+    type: "YesNo",
+    category: "Life Balance"
+  },
+  {
+    id: "q-3",
+    orderNumber: 3,
+    questionText: "What contributes most to your well-being?",
+    type: "Text",
+    category: "Well-being Factors"
+  }
+], Bs = ({
+  template: n,
+  initialDraftData: s,
+  onSave: c,
+  onCancel: f,
+  onAddQuestionRedirect: r,
+  onEditQuestionRedirect: l
+}) => {
+  const T = O(() => {
+    const S = n.rawTemplate?.questionTemplates, h = Te(S, n.category || "Well-being");
+    return h.length > 0 ? h : Is;
+  }, [n]), [p, d] = Q(() => s || {
+    id: n.id,
+    templateName: n.title,
+    description: n.description || "",
+    showLandingPageFlag: !1,
+    selectedCategoryFilter: "All",
+    questions: T
+  }), x = O(() => {
+    const S = /* @__PURE__ */ new Set();
+    p.questions.forEach((R) => {
+      const $ = R.category?.trim();
+      $ && S.add($);
+    });
+    const h = Array.from(S);
+    return h.length > 0 ? ["All", ...h] : ["All"];
+  }, [p.questions]), y = O(() => p.selectedCategoryFilter === "All" ? p.questions : p.questions.filter(
+    (S) => S.category === p.selectedCategoryFilter
+  ), [p.questions, p.selectedCategoryFilter]), g = (S) => {
+    d((h) => ({ ...h, templateName: S }));
+  }, _ = (S) => {
+    d((h) => ({ ...h, description: S }));
+  }, E = (S) => {
+    d((h) => ({ ...h, selectedCategoryFilter: S }));
+  }, z = (S) => {
+    l && l(S, p);
+  }, q = (S) => {
+    d((h) => ({
+      ...h,
+      questions: h.questions.filter((R) => R.id !== S).map((R, $) => ({ ...R, orderNumber: $ + 1 }))
+    }));
+  }, v = () => {
+    r && r(p);
+  }, L = () => {
+    const S = {
+      ...n,
+      title: p.templateName,
+      description: p.description,
+      questionCount: p.questions.length,
+      rawTemplate: {
+        ...n.rawTemplate,
+        questionTemplates: p.questions.map((h, R) => ({
+          ...h,
+          questionId: typeof h.id == "number" || String(h.id).startsWith("q-") ? h.id : parseInt(String(h.id)),
+          questionText: h.questionText,
+          type: h.type,
+          category: h.category,
+          fromLabel: h.fromLabel,
+          toLabel: h.toLabel,
+          numberOfStars: h.numberOfStars,
+          orderDefaultQuestionTemplate: h.orderNumber ?? R + 1,
+          options: h.options || [],
+          answers: h.options && Array.isArray(h.options) && h.options.length > 0 ? h.options.map(($, G) => ({
+            id: 0,
+            text: typeof $ == "string" ? $ : $?.text || "",
+            order: G
+          })) : h.answers || []
+        }))
+      }
+    };
+    c(S);
+  };
+  return {
+    formData: p,
+    categoryOptions: x,
+    filteredQuestions: y,
+    totalQuestionsCount: p.questions.length,
+    handleTemplateNameChange: g,
+    handleDescriptionChange: _,
+    handleCategoryFilterChange: E,
+    handleEditQuestion: z,
+    handleRemoveQuestion: q,
+    handleAddQuestion: v,
+    handleSave: L,
+    handleCancel: f
+  };
+}, Ls = ({
+  template: n,
+  initialDraftData: s,
+  onSave: c,
+  onCancel: f,
+  onAddQuestionRedirect: r,
+  onEditQuestionRedirect: l
+}) => {
+  const {
+    formData: T,
+    categoryOptions: p,
+    filteredQuestions: d,
+    totalQuestionsCount: x,
+    handleTemplateNameChange: y,
+    handleDescriptionChange: g,
+    handleCategoryFilterChange: _,
+    handleEditQuestion: E,
+    handleRemoveQuestion: z,
+    handleAddQuestion: q,
+    handleSave: v,
+    handleCancel: L
+  } = Bs({
+    template: n,
+    initialDraftData: s,
+    onSave: c,
+    onCancel: f,
+    onAddQuestionRedirect: r,
+    onEditQuestionRedirect: l
+  });
+  le(() => {
+    window.scrollTo({ top: 0, behavior: "instant" });
+    const h = document.querySelector("main");
+    h && h.scrollTo({ top: 0, behavior: "instant" });
+    const R = document.documentElement || document.body;
+    R && (R.scrollTop = 0);
+  }, []);
+  const S = (h) => {
+    _(h.target.value);
+  };
+  return /* @__PURE__ */ a(i, { className: t.chooseTemplateCard, children: [
+    /* @__PURE__ */ a(i, { className: t.editTemplateHeaderSection, children: [
+      /* @__PURE__ */ e(C, { variant: "h5", className: t.headerTitle, children: "Edit Template" }),
+      /* @__PURE__ */ a(Y, { direction: "row", alignItems: "center", spacing: 2, children: [
+        /* @__PURE__ */ e(
+          M,
+          {
+            onClick: L,
+            className: t.editTemplateCancelBtn,
+            children: "CANCEL"
+          }
+        ),
+        /* @__PURE__ */ e(
+          M,
+          {
+            variant: "contained",
+            onClick: v,
+            startIcon: /* @__PURE__ */ e(Ue, {}),
+            className: t.editTemplateSaveBtn,
+            disabled: !T.templateName || T.templateName.trim() === "",
+            children: "SAVE CHANGES"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ a(C, { variant: "subtitle2", className: t.formFieldLabel, children: [
+        "Template Name ",
+        /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+      ] }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          fullWidth: !0,
+          variant: "outlined",
+          value: T.templateName,
+          onChange: (h) => y(h.target.value),
+          placeholder: "Enter template name",
+          className: t.customTextField
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ e(C, { variant: "subtitle2", className: t.formFieldLabel, children: "Description and instructions of when to use" }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          fullWidth: !0,
+          multiline: !0,
+          rows: 3,
+          variant: "outlined",
+          value: T.description,
+          onChange: (h) => g(h.target.value),
+          placeholder: "Enter description and instructions",
+          className: t.customTextField
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(i, { className: t.questionsHeaderSection, children: [
+      /* @__PURE__ */ a(Y, { direction: "row", alignItems: "center", spacing: 0.75, sx: { mb: 1.5 }, children: [
+        /* @__PURE__ */ e(C, { variant: "subtitle1", className: t.questionsTitle, children: "Questions" }),
+        /* @__PURE__ */ e(C, { variant: "subtitle1", className: t.questionsCountNumber, children: x })
+      ] }),
+      /* @__PURE__ */ a(Y, { direction: "row", alignItems: "center", spacing: 1.5, className: t.filterByRow, children: [
+        /* @__PURE__ */ e(C, { variant: "body2", className: t.filterByLabel, children: "Filter by category" }),
+        /* @__PURE__ */ e(ve, { size: "small", className: t.categoryFilterFormControl, children: /* @__PURE__ */ e(
+          we,
+          {
+            value: T.selectedCategoryFilter,
+            onChange: S,
+            className: t.categorySelectInput,
+            children: p.map((h) => /* @__PURE__ */ e(Fe, { value: h, children: h }, h))
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Je,
+      {
+        questions: d,
+        onEditQuestion: E,
+        onRemoveQuestion: z
+      }
+    ),
+    /* @__PURE__ */ e(i, { className: t.addQuestionWrapper, children: /* @__PURE__ */ e(
+      M,
+      {
+        onClick: q,
+        startIcon: /* @__PURE__ */ e(Ke, {}),
+        className: t.addQuestionBtn,
+        children: "ADD QUESTION"
+      }
+    ) })
+  ] });
+}, Js = () => {
+  const n = Me(), s = Ge((P) => P?.common?.user?.roles), c = Ye(), f = O(() => {
+    if (localStorage.getItem("is_returning_from_question") === "true") {
+      const U = localStorage.getItem("create_survey_draft");
+      if (U)
+        try {
+          return JSON.parse(U);
+        } catch {
+        }
+    }
+    return null;
+  }, []);
+  le(() => {
+    const P = setTimeout(() => {
+      localStorage.getItem("is_returning_from_question") === "true" ? localStorage.removeItem("is_returning_from_question") : localStorage.removeItem("create_survey_draft");
+    }, 500);
+    return () => clearTimeout(P);
+  }, []);
+  const {
+    steps: r,
+    activeStep: l,
+    categories: T,
+    selectedCategory: p,
+    selectedTemplateId: d,
+    templates: x,
+    editingTemplate: y,
+    handleSelectCategory: g,
+    handleSelectTemplate: _,
+    handleCreateBlankSurvey: E,
+    handleEditTemplate: z,
+    handleCloseEditTemplate: q,
+    handleSaveEditTemplate: v,
+    handleGoBackToDashboard: L,
+    handlePreviousStep: S,
+    handleNextStep: h,
+    handleGoToStep: R
+  } = $t(f), $ = O(() => {
+    if (d === "BLANK") return null;
+    if (d) {
+      const P = x.find((U) => U.id === d);
+      return P || null;
+    }
+    return x.length > 0 ? x[0] : null;
+  }, [x, d]), {
+    formData: G,
+    questionCategories: X,
+    filteredQuestions: j,
+    totalQuestionsCount: ee,
+    handleTemplateNameChange: Z,
+    handleDescriptionChange: ne,
+    handleCategoryFilterChange: b,
+    handleRemoveQuestion: N,
+    resetFormDataWithTemplate: u
+  } = Ut(d, $, f), {
+    formData: B,
+    handleTitleChange: o,
+    handleDeadlineChange: w
+  } = Vt(f), {
+    students: F,
+    allFilteredStudents: H,
+    allStudents: m,
+    totalStudentsCount: k,
+    totalSelectedCount: V,
+    selectedStudentIds: te,
+    filters: ae,
+    gradeOptions: fe,
+    flagOptions: re,
+    teacherOptions: Be,
+    isAllSelected: Le,
+    isIndeterminate: ie,
+    handleSortChange: Ze,
+    handleSearchChange: Xe,
+    handleGradeFilterChange: et,
+    handleFlagFilterChange: tt,
+    handleTeacherFilterChange: at,
+    handlePageChange: nt,
+    handleRowsPerPageChange: st,
+    handleToggleSelectAll: lt,
+    handleToggleStudent: rt
+  } = Jt(f), _e = (P) => {
+    const U = {
+      activeStep: l,
+      selectedCategory: p,
+      selectedTemplateId: d,
+      step2FormData: G,
+      step3FormData: B,
+      selectedStudentIds: te,
+      editingTemplate: y,
+      ...P
+    };
+    localStorage.setItem("create_survey_draft", JSON.stringify(U));
+  }, it = () => {
+    _e(), c("/admin/create-survey-question?type=0&from=create-survey");
+  }, ot = (P) => {
+    _e(), c(`/admin/survey-question-detail/${P}?type=0&from=create-survey`);
+  }, ct = O(() => (m && m.length > 0 ? m : H || F).filter((U) => te.includes(U.id)), [m, H, F, te]), dt = async () => {
+    const P = /* @__PURE__ */ new Map();
+    (m && m.length > 0 ? m : H || F || []).forEach((D) => P.set(D.id, D));
+    const oe = [], ce = [], Ce = [];
+    te.forEach((D) => {
+      const W = P.get(D);
+      if (W)
+        W.schoolLevel === "ES" && W.userId ? (ce.push(W.userId), Ce.push({
+          userId: W.userId,
+          name: W.name,
+          firstName: W.name?.split(" ")?.[0] || "",
+          email: W.email,
+          studentId: W.studentId
+        })) : W.studentId !== void 0 ? oe.push(W.studentId) : typeof D == "number" ? oe.push(D) : W.userId && (ce.push(W.userId), Ce.push({
+          userId: W.userId,
+          name: W.name,
+          firstName: W.name?.split(" ")?.[0] || "",
+          email: W.email,
+          studentId: W.studentId
+        }));
+      else if (typeof D == "number" || !isNaN(Number(D)) && !String(D).includes("-"))
+        oe.push(Number(D));
+      else {
+        const de = String(D);
+        ce.push(de), Ce.push({
+          userId: de,
+          name: `Student ${de}`,
+          firstName: "Student",
+          email: ""
+        });
+      }
+    });
+    const pt = [
+      {
+        id: d,
+        name: G.templateName,
+        title: G.templateName,
+        description: G.description,
+        numberQuestion: G.questions.length,
+        orderDefaultSurvey: 1,
+        questionTemplates: G.questions.map((D, W) => ({
+          questionId: typeof D.id == "string" && D.id.startsWith("q-") ? 0 : Number(D.id),
+          questionText: D.questionText,
+          type: D.type || "MultipleChoice",
+          orderDefaultQuestionTemplate: D.orderNumber ?? W,
+          answers: D.options && Array.isArray(D.options) ? D.options.map((de, _t) => ({
+            id: 0,
+            text: de,
+            order: _t
+          })) : D.answers || []
+        }))
+      }
+    ], gt = B.deadline ? ke(B.deadline, "DD.MM.YYYY hh:mm A").valueOf() : null, ft = {
+      title: B.title,
+      deadline: gt,
+      studentIds: oe,
+      esStudentUserIds: ce,
+      studentUserIds: ce,
+      esStudents: Ce,
+      additionalQuestions: [],
+      staffIds: [],
+      summarizeQuestions: [],
+      isAdmin: !0,
+      isDraft: !1,
+      role: Array.isArray(s) ? s.join(",") : s ? String(s) : "Admin",
+      templateQuestions: pt
+    };
+    try {
+      n(se(!0)), await Rt(ft), n(
+        me({
+          type: "success",
+          message: "Publish survey success"
+        })
+      ), L();
+    } catch (D) {
+      console.error("Error publishing survey:", D), n(
+        me({
+          type: "danger",
+          message: D?.response?.data?.title || D?.message || "Failed to publish survey"
+        })
+      );
+    } finally {
+      n(se(!1));
+    }
+  };
+  le(() => {
+    window.scrollTo({ top: 0, behavior: "instant" });
+    const P = document.querySelector("main");
+    P && P.scrollTo({ top: 0, behavior: "instant" });
+    const U = document.documentElement || document.body;
+    U && (U.scrollTop = 0);
+  }, [l, y]);
+  const ut = (P) => {
+    _e({ editingTemplateFormData: P }), c("/admin/create-survey-question?type=0&from=edit-template");
+  }, mt = (P, U) => {
+    _e({ editingTemplateFormData: U }), c(`/admin/survey-question-detail/${P}?type=0&from=edit-template`);
+  }, ht = async (P) => {
+    await v(P), (d === P.id || !d) && u(P);
+  };
+  return y ? /* @__PURE__ */ e(i, { className: t.createSurveyPage, children: /* @__PURE__ */ e(i, { className: t.contentBody, children: /* @__PURE__ */ e(
+    Ls,
+    {
+      template: y,
+      initialDraftData: f?.editingTemplateFormData,
+      onSave: ht,
+      onCancel: q,
+      onAddQuestionRedirect: ut,
+      onEditQuestionRedirect: mt
+    }
+  ) }) }) : /* @__PURE__ */ a(i, { className: t.createSurveyPage, children: [
+    /* @__PURE__ */ e(i, { className: t.headerTopBar, children: /* @__PURE__ */ e(
+      ds,
+      {
+        steps: r,
+        activeStep: l,
+        onBack: L
+      }
+    ) }),
+    /* @__PURE__ */ a(i, { className: t.contentBody, children: [
+      l === 0 && /* @__PURE__ */ e(
+        gs,
+        {
+          categories: T,
+          selectedCategory: p,
+          templates: x,
+          selectedTemplateId: d,
+          currentStepNumber: l + 1,
+          totalSteps: r.length,
+          onSelectCategory: g,
+          onSelectTemplate: _,
+          onCreateBlank: E,
+          onEditTemplate: z,
+          onPrevious: S,
+          onNext: h
+        }
+      ),
+      l === 1 && /* @__PURE__ */ e(
+        _s,
+        {
+          formData: G,
+          questionCategories: X,
+          filteredQuestions: j,
+          totalQuestionsCount: ee,
+          currentStepNumber: l + 1,
+          totalSteps: r.length,
+          onTemplateNameChange: Z,
+          onDescriptionChange: ne,
+          onCategoryFilterChange: b,
+          onEditQuestion: ot,
+          onRemoveQuestion: N,
+          onAddQuestion: it,
+          onPrevious: S,
+          onNext: h
+        }
+      ),
+      l === 2 && /* @__PURE__ */ e(
+        Cs,
+        {
+          formData: B,
+          currentStepNumber: l + 1,
+          totalSteps: r.length,
+          onTitleChange: o,
+          onDeadlineChange: w,
+          onPrevious: S,
+          onNext: h
+        }
+      ),
+      l === 3 && /* @__PURE__ */ e(
+        Ns,
+        {
+          students: F,
+          totalStudentsCount: k,
+          totalSelectedCount: V,
+          selectedStudentIds: te,
+          filters: ae,
+          gradeOptions: fe,
+          flagOptions: re,
+          teacherOptions: Be,
+          page: ae.page,
+          rowsPerPage: ae.rowsPerPage,
+          isAllSelected: Le,
+          isIndeterminate: ie,
+          sortBy: ae.sortBy,
+          sortOrder: ae.sortOrder,
+          onSortChange: Ze,
+          currentStepNumber: l + 1,
+          totalSteps: r.length,
+          onSearchChange: Xe,
+          onGradeChange: et,
+          onFlagChange: tt,
+          onTeacherChange: at,
+          onPageChange: nt,
+          onRowsPerPageChange: st,
+          onToggleSelectAll: lt,
+          onToggleStudent: rt,
+          onPrevious: S,
+          onNext: h
+        }
+      ),
+      l === 4 && /* @__PURE__ */ e(
+        As,
+        {
+          templateFormData: G,
+          surveyFormData: B,
+          selectedStudents: ct,
+          currentStepNumber: l + 1,
+          totalSteps: r.length,
+          onEditTemplateDetails: () => R(1),
+          onEditSurveyDetails: () => R(2),
+          onEditSelectedStudents: () => R(3),
+          onPrevious: S,
+          onPublish: dt
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Js as default
+};