mario-education 2.0.183-staging → 2.0.185-staging

package/dist/CreateSurveyAdminV2-dwAS8XOj.js

@@ -0,0 +1,2541 @@
+import { jsxs as n, jsx as e, Fragment as Be } from "react/jsx-runtime";
+import { useState as W, useCallback as Pe, useEffect as se, useMemo as M, useRef as gt } from "react";
+import { Box as i, Button as Q, Stack as G, Typography as g, Chip as Ae, Grid as Ee, TableContainer as pt, Table as be, TableHead as Se, TableRow as V, TableCell as w, TableBody as Ne, Dialog as He, DialogTitle as ze, DialogContent as We, DialogContentText as ft, DialogActions as _t, TextField as J, FormControl as ce, Select as de, MenuItem as ue, InputAdornment as Ct, Checkbox as ke, TableSortLabel as oe, TablePagination as yt, Tooltip as Qe, tooltipClasses as Te, styled as bt, IconButton as St, Avatar as Nt } from "@mui/material";
+import { useDispatch as Oe, useSelector as Me } from "react-redux";
+import { useNavigate as Ge } from "react-router-dom";
+import Re from "moment";
+import { setLoading as ae, setAlert as me, getFileUrl as Tt, getStaticFileUrl as vt } from "mario-core";
+import { A as wt, B as xt, z as Ft } from "./surveyService-PH3HqoxP.js";
+import { e as It } from "./questionCategoryService-Cy4o2SXv.js";
+import { A as Ye } from "./ArrowBack-DytrysgX.js";
+import { C as $e } from "./Check-D8k_l7WO.js";
+import { A as Ue } from "./ArrowForward-DxhjtaZw.js";
+import { d as ve, b as Bt } from "./createSvgIcon-Bge4D-o7.js";
+import { A as Ve } from "./Add-6ex8DhwL.js";
+import { LocalizationProvider as At, DateTimePicker as Lt } from "@mui/x-date-pickers";
+import { A as Rt } from "./AdapterMoment-CeMS9jLD.js";
+import { S as Et } from "./Search-srkT1jtT.js";
+import { C as kt } from "./Close-Z8xNZb_y.js";
+import { a as Dt, M as qt, S as Pt, D as Ht } 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" }
+], zt = [
+  "All",
+  "School Climate",
+  "Well-being",
+  "Health & Wellness"
+], Wt = [
+  {
+    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"
+  }
+], Qt = (a) => {
+  const l = Oe(), d = Ge(), u = Me((s) => s?.common?.language || "en"), [o, c] = W(a?.activeStep ?? 0), [h, p] = W(a?.selectedCategory ?? "All"), [r, S] = W(a?.selectedTemplateId ?? null), [T, m] = W(Wt), [C, D] = W(!1), [P, N] = W(a?.editingTemplate ?? null), F = Pe(async () => {
+    try {
+      D(!0), l(ae(!0));
+      const s = await wt(u);
+      if (s?.data && Array.isArray(s.data) && s.data.length > 0) {
+        const B = s.data.map((I) => {
+          let L = "Well-being";
+          const A = (I.name || "").toLowerCase();
+          return A.includes("climate") || A.includes("grow") ? L = "School Climate" : A.includes("health") && (L = "Health & Wellness"), {
+            id: I.id,
+            title: I.name,
+            description: I.description,
+            questionCount: I.numberQuestion ?? I.questionTemplates?.length ?? 0,
+            category: L,
+            rawTemplate: I
+          };
+        });
+        m(B), a?.selectedTemplateId || S((I) => I || (B.length > 0 ? B[0].id : null));
+      }
+    } catch (s) {
+      console.error("Error fetching survey templates:", s), l(
+        me({
+          type: "danger",
+          message: s?.message || "Failed to fetch survey templates"
+        })
+      );
+    } finally {
+      D(!1), l(ae(!1));
+    }
+  }, [u, l]);
+  se(() => {
+    F();
+  }, [F]);
+  const v = M(() => {
+    const s = /* @__PURE__ */ new Set();
+    return T.forEach((B) => {
+      B.category && s.add(B.category);
+    }), s.size === 0 ? zt : ["All", ...Array.from(s)];
+  }, [T]), f = M(() => h === "All" ? T : T.filter(
+    (s) => s.category.toLowerCase() === h.toLowerCase()
+  ), [T, h]), z = M(() => T.find((s) => s.id === r) || null, [T, r]), R = (s) => {
+    p(s);
+  }, Z = (s) => {
+    S(s);
+  }, Y = () => {
+    S("BLANK"), c((s) => Math.min(s + 1, ye.length - 1));
+  }, X = (s, B) => {
+    B.stopPropagation(), N(s);
+  }, K = () => {
+    N(null);
+  }, ee = async (s) => {
+    try {
+      l(ae(!0));
+      const B = s.rawTemplate?.questionTemplates?.map((A) => A.questionId || A.id)?.filter((A) => typeof A == "number" || !String(A).startsWith("q-"))?.map((A) => Number(A)) || [], I = {
+        id: s.id,
+        name: s.title,
+        description: s.description,
+        isFavorite: s.rawTemplate?.isFavorite ?? !1,
+        questionIds: B
+      };
+      await It(I), m(
+        (A) => A.map(($) => $.id === s.id ? s : $)
+      ), N(null);
+      const L = localStorage.getItem("create_survey_draft");
+      if (L)
+        try {
+          const A = JSON.parse(L);
+          A.editingTemplateFormData && (delete A.editingTemplateFormData, localStorage.setItem("create_survey_draft", JSON.stringify(A)));
+        } catch {
+        }
+      l(me({ type: "success", message: "Update template successfully" }));
+    } catch (B) {
+      l(me({ type: "danger", message: B.response?.data?.title || "Update template failed" }));
+    } finally {
+      l(ae(!1));
+    }
+  }, j = () => {
+    d("/admin/survey-dashboard/list-survey");
+  };
+  return {
+    steps: ye,
+    activeStep: o,
+    categories: v,
+    selectedCategory: h,
+    selectedTemplateId: r,
+    selectedTemplate: z,
+    templates: f,
+    rawTemplates: T,
+    isLoading: C,
+    editingTemplate: P,
+    handleSelectCategory: R,
+    handleSelectTemplate: Z,
+    handleCreateBlankSurvey: Y,
+    handleEditTemplate: X,
+    handleCloseEditTemplate: K,
+    handleSaveEditTemplate: ee,
+    handleGoBackToDashboard: j,
+    handlePreviousStep: () => {
+      o > 0 ? c((s) => s - 1) : j();
+    },
+    handleNextStep: () => {
+      o < ye.length - 1 && c((s) => s + 1);
+    },
+    handleGoToStep: (s) => {
+      s >= 0 && s < ye.length && c(s);
+    },
+    refetchTemplates: F
+  };
+}, Le = (a, l) => !a || !Array.isArray(a) || a.length === 0 ? [] : a.map((d, u) => ({
+  id: d.questionId ?? d.id ?? `q-${u + 1}`,
+  orderNumber: d.orderDefaultQuestionTemplate ?? u + 1,
+  questionText: d.questionText ?? d.text ?? `Question ${u + 1}`,
+  type: String(d.type || "Text"),
+  category: d.category ?? d.categoryName ?? d.categoryTitle ?? d.title ?? l ?? "General",
+  options: d.answers?.map((o) => o.text) || [],
+  numberOfStars: d.numberOfStars ?? 5,
+  fromLabel: d.fromLabel,
+  toLabel: d.toLabel
+})), De = [
+  {
+    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"
+  }
+], Ot = (a, l, d) => {
+  const u = M(() => {
+    const N = l?.rawTemplate?.questionTemplates, F = Le(N, l?.category || "Well-being");
+    return F.length > 0 ? F : De;
+  }, [l]), [o, c] = W(() => d?.step2FormData ? d.step2FormData : a === "BLANK" ? {
+    templateName: "",
+    description: "",
+    showLandingPageFlag: !1,
+    questions: [],
+    selectedCategoryFilter: "All"
+  } : {
+    templateName: l?.title || "Well-being",
+    description: l?.description || "General assessment of student wellness and quality of life",
+    showLandingPageFlag: !1,
+    questions: u,
+    selectedCategoryFilter: "All"
+  }), h = gt(d?.selectedTemplateId ?? (a === "BLANK" ? "BLANK" : l ? l.id : null));
+  se(() => {
+    if (l) {
+      if (h.current === l.id)
+        return;
+      h.current = l.id;
+      const N = l.rawTemplate?.questionTemplates, F = Le(N, l.category || "Well-being");
+      c((v) => ({
+        ...v,
+        templateName: l.title || "",
+        description: l.description || "",
+        questions: F.length > 0 ? F : v.questions.length > 0 ? v.questions : De,
+        selectedCategoryFilter: "All"
+      }));
+    } else if (a === "BLANK") {
+      if (h.current === "BLANK") return;
+      h.current = "BLANK", c((N) => ({
+        ...N,
+        templateName: "",
+        description: "",
+        questions: [],
+        selectedCategoryFilter: "All"
+      }));
+    }
+  }, [l, a]);
+  const p = M(() => {
+    const N = /* @__PURE__ */ new Set();
+    o.questions.forEach((v) => {
+      const f = v.category?.trim();
+      f && N.add(f);
+    });
+    const F = Array.from(N);
+    return F.length > 0 ? ["All", ...F] : ["All"];
+  }, [o.questions]), r = M(() => o.selectedCategoryFilter === "All" ? o.questions : o.questions.filter(
+    (N) => N.category === o.selectedCategoryFilter
+  ), [o.questions, o.selectedCategoryFilter]), S = (N) => {
+    c((F) => ({ ...F, templateName: N }));
+  }, T = (N) => {
+    c((F) => ({ ...F, description: N }));
+  }, m = (N) => {
+    c((F) => ({ ...F, selectedCategoryFilter: N }));
+  }, C = (N) => {
+    console.log("Edit question:", N);
+  }, D = (N) => {
+    c((F) => ({
+      ...F,
+      questions: F.questions.filter((v) => v.id !== N).map((v, f) => ({ ...v, orderNumber: f + 1 }))
+    }));
+  }, P = () => {
+    const N = `q-${Date.now()}`, F = o.questions.length + 1, v = {
+      id: N,
+      orderNumber: F,
+      questionText: "New Question",
+      type: "Rating",
+      category: "General"
+    };
+    c((f) => ({
+      ...f,
+      questions: [...f.questions, v]
+    }));
+  };
+  return {
+    formData: o,
+    questionCategories: p,
+    filteredQuestions: r,
+    totalQuestionsCount: o.questions.length,
+    handleTemplateNameChange: S,
+    handleDescriptionChange: T,
+    handleCategoryFilterChange: m,
+    handleEditQuestion: C,
+    handleRemoveQuestion: D,
+    handleAddQuestion: P
+  };
+}, Mt = (a, {
+  initialTitle: l = "",
+  initialDeadline: d = Re().add(1, "days").format("DD.MM.YYYY hh:mm A")
+} = {}) => {
+  const [u, o] = W(() => a?.step3FormData ? a.step3FormData : {
+    title: l || "",
+    deadline: d || ""
+  });
+  return {
+    formData: u,
+    handleTitleChange: (p) => {
+      o((r) => ({ ...r, title: p }));
+    },
+    handleDeadlineChange: (p) => {
+      o((r) => ({ ...r, deadline: p }));
+    }
+  };
+}, Gt = vt("/images/image-default.png"), Yt = [
+  { label: "All Flags", value: "all" },
+  { label: "Red Flag", value: "red" },
+  { label: "Yellow Flag", value: "yellow" },
+  { label: "Green Flag", value: "green" }
+], $t = (a) => {
+  const [l, d] = W([]), [u, o] = W(a?.selectedStudentIds ?? []), [c, h] = W([]), [p, r] = W(Yt), [S, T] = W([]), [m, C] = W({
+    searchQuery: "",
+    selectedGrade: "All Grades",
+    selectedFlag: "all",
+    selectedTeacher: "All Teachers",
+    page: 0,
+    rowsPerPage: 10,
+    sortBy: "name",
+    sortOrder: "asc"
+  }), D = Pe(async () => {
+    try {
+      const y = await xt({
+        roles: ["Admin"]
+      });
+      if (y?.data?.items && Array.isArray(y.data.items) && y.data.items.length > 0) {
+        const b = y.data.items.map((_) => {
+          let k = "none";
+          if (typeof _.flag == "string") {
+            const re = _.flag.toLowerCase();
+            re.includes("red") ? k = "red" : re.includes("yellow") ? k = "yellow" : re.includes("green") && (k = "green");
+          } else
+            _.redFlags > 0 || _.flag === 1 ? k = "red" : _.yellowFlags > 0 || _.flag === 2 ? k = "yellow" : (_.greenFlags > 0 || _.flag === 3) && (k = "green");
+          const U = _.fullName || _.studentName, we = _.gradeLevel, xe = _.email, fe = _.userId || (typeof _.id == "string" ? _.id : ""), le = typeof _.studentId == "number" ? _.studentId : typeof _.id == "number" ? _.id : void 0, Fe = fe || (le !== void 0 ? String(le) : `student-${Math.random()}`), Ie = (_.schoolLevel || (_.userId && _.id === void 0 ? "ES" : "MS")).toUpperCase();
+          return {
+            id: Fe,
+            userId: fe,
+            studentId: le,
+            schoolLevel: Ie,
+            name: U,
+            avatarUrl: _.profileImageFileName ? Tt(_.profileImageFileName) : Gt,
+            flag: k,
+            flagTooltip: _.flagTooltip || void 0,
+            flagDetail: _.flagDetail,
+            lastSafetyAnswer: _.lastSafetyAnswer,
+            lastStressAnswer: _.lastStressAnswer,
+            flagSessionId: _.flagSessionId,
+            flagSessionResultId: _.flagSessionResultId,
+            grade: we,
+            email: xe,
+            listTeachers: _.listTeachers || []
+          };
+        });
+        d(b);
+        const s = Array.from(new Set(b.map((_) => _.grade))).filter((_) => _ && _ !== "N/A"), B = (_) => {
+          if (!_ || _ === "N/A") return -999;
+          const k = _.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 U = k.match(/^(\d+)/);
+          return U ? parseInt(U[1], 10) : 999;
+        };
+        s.sort((_, k) => B(_) - B(k)), h(["All Grades", ...s]);
+        const I = Array.from(new Set(b.map((_) => _.flag))), L = [{ label: "All Flags", value: "all" }];
+        I.includes("red") && L.push({ label: "Red Flag", value: "red" }), I.includes("yellow") && L.push({ label: "Yellow Flag", value: "yellow" }), I.includes("green") && L.push({ label: "Green Flag", value: "green" }), r(L);
+        const A = /* @__PURE__ */ new Set();
+        b.forEach((_) => {
+          _.listTeachers && _.listTeachers.length > 0 && _.listTeachers.forEach((k) => {
+            k.name && A.add(k.name.trim());
+          });
+        });
+        const $ = Array.from(A).sort((_, k) => _.localeCompare(k));
+        T(["All Teachers", ...$]);
+      }
+    } catch (y) {
+      console.error("Error fetching students list:", y);
+    }
+  }, []);
+  se(() => {
+    D();
+  }, [D]);
+  const P = (y) => {
+    C((b) => ({ ...b, searchQuery: y, page: 0 }));
+  }, N = (y) => {
+    C((b) => ({ ...b, selectedGrade: y, page: 0 }));
+  }, F = (y) => {
+    C((b) => ({ ...b, selectedFlag: y, page: 0 }));
+  }, v = (y) => {
+    C((b) => ({ ...b, selectedTeacher: y, page: 0 }));
+  }, f = (y, b) => {
+    C((s) => ({ ...s, page: b }));
+  }, z = (y) => {
+    C((b) => ({ ...b, rowsPerPage: parseInt(y.target.value, 10), page: 0 }));
+  }, R = M(() => l.filter((y) => {
+    if (m.searchQuery.trim()) {
+      const b = (L) => (L || "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase(), s = b(m.searchQuery.trim()), B = b(y.name).includes(s), I = b(y.email).includes(s);
+      if (!B && !I) return !1;
+    }
+    return !(m.selectedGrade !== "All Grades" && (y.grade || "").toLowerCase() !== (m.selectedGrade || "").toLowerCase() || m.selectedFlag !== "all" && y.flag !== m.selectedFlag || m.selectedTeacher !== "All Teachers" && (!y.listTeachers || y.listTeachers.length === 0 || !y.listTeachers.some((s) => s.name && s.name.trim() === m.selectedTeacher)));
+  }), [l, m]), Z = (y) => {
+    C((b) => ({
+      ...b,
+      sortBy: y,
+      sortOrder: b.sortBy === y && b.sortOrder === "asc" ? "desc" : "asc"
+    }));
+  }, Y = M(() => [...R].sort((b, s) => {
+    let B = b[m.sortBy], I = s[m.sortBy];
+    if (m.sortBy === "flag") {
+      const L = { red: 3, yellow: 2, green: 1, none: 0 };
+      B = L[b.flag] || 0, I = L[s.flag] || 0;
+    } else if (m.sortBy === "grade") {
+      const L = (A) => {
+        if (!A || A === "N/A") return -999;
+        const $ = A.toString().toUpperCase().replace(/TH|RD|ND|ST/g, "").trim();
+        if ($ === "PK") return -2;
+        if ($ === "K") return -1;
+        if ($ === "G") return 0;
+        const _ = $.match(/^(\d+)/);
+        return _ ? parseInt(_[1], 10) : 999;
+      };
+      B = L(b.grade), I = L(s.grade);
+    } else m.sortBy === "teacher" ? (B = b.listTeachers && b.listTeachers.length > 0 ? b.listTeachers.map((L) => L.name).join(", ").toLowerCase() : "", I = s.listTeachers && s.listTeachers.length > 0 ? s.listTeachers.map((L) => L.name).join(", ").toLowerCase() : "") : typeof B == "string" && typeof I == "string" && (B = B.toLowerCase(), I = I.toLowerCase());
+    return B < I ? m.sortOrder === "asc" ? -1 : 1 : B > I ? m.sortOrder === "asc" ? 1 : -1 : 0;
+  }), [R, m.sortBy, m.sortOrder]), X = M(() => {
+    const y = m.page * m.rowsPerPage;
+    return Y.slice(y, y + m.rowsPerPage);
+  }, [Y, m.page, m.rowsPerPage]), K = M(() => R.length === 0 ? !1 : R.every((y) => u.includes(y.id)), [R, u]), ee = M(() => {
+    if (R.length === 0) return !1;
+    const y = R.filter((b) => u.includes(b.id));
+    return y.length > 0 && y.length < R.length;
+  }, [R, u]), j = () => {
+    if (K) {
+      const y = R.map((b) => b.id);
+      o((b) => b.filter((s) => !y.includes(s)));
+    } else {
+      const y = /* @__PURE__ */ new Set([...u, ...R.map((b) => b.id)]);
+      o(Array.from(y));
+    }
+  }, te = (y) => {
+    o((b) => b.includes(y) ? b.filter((s) => s !== y) : [...b, y]);
+  };
+  return {
+    students: X,
+    allFilteredStudents: R,
+    totalStudentsCount: R.length,
+    totalSelectedCount: u.length,
+    selectedStudentIds: u,
+    filters: m,
+    gradeOptions: c,
+    flagOptions: p,
+    teacherOptions: S,
+    isAllSelected: K,
+    isIndeterminate: ee,
+    handleSortChange: Z,
+    handleSearchChange: P,
+    handleGradeFilterChange: N,
+    handleFlagFilterChange: F,
+    handleTeacherFilterChange: v,
+    handlePageChange: f,
+    handleRowsPerPageChange: z,
+    handleToggleSelectAll: j,
+    handleToggleStudent: te
+  };
+}, Ut = "_createSurveyPage_254g3_1", Vt = "_headerTopBar_254g3_16", Kt = "_contentBody_254g3_28", jt = "_stepperContainer_254g3_39", Jt = "_backButton_254g3_44", Zt = "_stepperProgress_254g3_58", Xt = "_stepColumn_254g3_66", en = "_stepColumnLast_254g3_72", tn = "_stepCircleRow_254g3_77", nn = "_stepCircle_254g3_77", an = "_active_254g3_96", sn = "_completed_254g3_100", ln = "_stepConnectorLine_254g3_105", rn = "_stepLabelStack_254g3_115", on = "_stepInnerDot_254g3_119", cn = "_stepNumberLabel_254g3_133", dn = "_stepTextLabel_254g3_145", un = "_chooseTemplateCard_254g3_157", mn = "_headerSection_254g3_173", hn = "_headerTitle_254g3_177", gn = "_headerSubtitle_254g3_192", pn = "_bannerContainer_254g3_199", fn = "_bannerIconBox_254g3_219", _n = "_bannerTitle_254g3_228", Cn = "_bannerSubtitle_254g3_235", yn = "_bannerActionBtn_254g3_240", bn = "_sectionTitle_254g3_258", Sn = "_filterPillsContainer_254g3_266", Nn = "_filterPill_254g3_266", Tn = "_templateCard_254g3_301", vn = "_selected_254g3_319", wn = "_templateCardTitle_254g3_324", xn = "_templateEditBtn_254g3_332", Fn = "_templateDescription_254g3_346", In = "_chipItem_254g3_353", Bn = "_wizardFooter_254g3_367", An = "_previousBtn_254g3_387", Ln = "_disabled_254g3_409", Rn = "_stepCounterText_254g3_427", En = "_nextBtn_254g3_433", kn = "_editTemplateHeaderSection_254g3_453", Dn = "_editTemplateCancelBtn_254g3_460", qn = "_editTemplateSaveBtn_254g3_472", Pn = "_templateCategorySelect_254g3_495", Hn = "_formFieldBlock_254g3_514", zn = "_formFieldLabel_254g3_520", Wn = "_requiredAsterisk_254g3_528", Qn = "_customTextField_254g3_532", On = "_formFieldHelperText_254g3_549", Mn = "_questionsHeaderSection_254g3_577", Gn = "_questionsTitle_254g3_585", Yn = "_questionsCountNumber_254g3_591", $n = "_filterByRow_254g3_597", Un = "_filterByLabel_254g3_605", Vn = "_categoryFilterFormControl_254g3_611", Kn = "_categorySelectInput_254g3_615", jn = "_tableContainerWrapper_254g3_633", Jn = "_questionsTable_254g3_641", Zn = "_tableHeaderRow_254g3_646", Xn = "_tableBodyRow_254g3_659", ea = "_thNumber_254g3_673", ta = "_tdNumber_254g3_674", na = "_thQuestion_254g3_683", aa = "_tdQuestion_254g3_684", sa = "_questionText_254g3_690", la = "_thType_254g3_709", ra = "_tdType_254g3_710", ia = "_thCategory_254g3_716", oa = "_tdCategory_254g3_717", ca = "_categoryText_254g3_723", da = "_thActions_254g3_730", ua = "_tdActions_254g3_731", ma = "_questionTypeBadge_254g3_737", ha = "_badgeTextLabel_254g3_747", ga = "_badgeRating_254g3_753", pa = "_badgeYesNo_254g3_760", fa = "_badgeText_254g3_747", _a = "_tableEditBtn_254g3_781", Ca = "_tableRemoveBtn_254g3_796", ya = "_addQuestionWrapper_254g3_811", ba = "_addQuestionBtn_254g3_819", Sa = "_selectedCountSection_254g3_838", Na = "_selectedCountText_254g3_843", Ta = "_selectedCountHighlight_254g3_849", va = "_studentsToolbar_254g3_855", wa = "_searchBarContainer_254g3_863", xa = "_studentSearchInput_254g3_868", Fa = "_filterDropdownWrapper_254g3_894", Ia = "_filterSelectBox_254g3_898", Ba = "_studentsTableContainer_254g3_924", Aa = "_studentsTable_254g3_924", La = "_studentsTableHeaderRow_254g3_938", Ra = "_checkboxHeaderCell_254g3_949", Ea = "_tableHeaderCell_254g3_957", ka = "_checkboxBodyCell_254g3_973", Da = "_studentTableRow_254g3_981", qa = "_selectedRow_254g3_988", Pa = "_studentNameCell_254g3_995", Ha = "_studentNameText_254g3_1000", za = "_flagCell_254g3_1006", Wa = "_gradeCell_254g3_1011", Qa = "_gradeText_254g3_1016", Oa = "_emailCell_254g3_1021", Ma = "_emailText_254g3_1026", Ga = "_studentsPagination_254g3_1031", Ya = "_reviewSectionBlock_254g3_1049", $a = "_reviewSectionHeader_254g3_1058", Ua = "_reviewSectionTitle_254g3_1065", Va = "_reviewEditSectionBtn_254g3_1071", Ka = "_reviewFieldGroup_254g3_1082", ja = "_reviewFieldLabel_254g3_1086", Ja = "_reviewFieldValue_254g3_1094", Za = "_reviewQuestionsTableContainer_254g3_1100", Xa = "_previewSurveyBtn_254g3_1106", es = "_publishBtn_254g3_1122", t = {
+  createSurveyPage: Ut,
+  headerTopBar: Vt,
+  contentBody: Kt,
+  stepperContainer: jt,
+  backButton: Jt,
+  stepperProgress: Zt,
+  stepColumn: Xt,
+  stepColumnLast: en,
+  stepCircleRow: tn,
+  stepCircle: nn,
+  active: an,
+  completed: sn,
+  stepConnectorLine: ln,
+  stepLabelStack: rn,
+  stepInnerDot: on,
+  stepNumberLabel: cn,
+  stepTextLabel: dn,
+  chooseTemplateCard: un,
+  headerSection: mn,
+  headerTitle: hn,
+  headerSubtitle: gn,
+  bannerContainer: pn,
+  bannerIconBox: fn,
+  bannerTitle: _n,
+  bannerSubtitle: Cn,
+  bannerActionBtn: yn,
+  sectionTitle: bn,
+  filterPillsContainer: Sn,
+  filterPill: Nn,
+  templateCard: Tn,
+  selected: vn,
+  templateCardTitle: wn,
+  templateEditBtn: xn,
+  templateDescription: Fn,
+  chipItem: In,
+  wizardFooter: Bn,
+  previousBtn: An,
+  disabled: Ln,
+  stepCounterText: Rn,
+  nextBtn: En,
+  editTemplateHeaderSection: kn,
+  editTemplateCancelBtn: Dn,
+  editTemplateSaveBtn: qn,
+  templateCategorySelect: Pn,
+  formFieldBlock: Hn,
+  formFieldLabel: zn,
+  requiredAsterisk: Wn,
+  customTextField: Qn,
+  formFieldHelperText: On,
+  questionsHeaderSection: Mn,
+  questionsTitle: Gn,
+  questionsCountNumber: Yn,
+  filterByRow: $n,
+  filterByLabel: Un,
+  categoryFilterFormControl: Vn,
+  categorySelectInput: Kn,
+  tableContainerWrapper: jn,
+  questionsTable: Jn,
+  tableHeaderRow: Zn,
+  tableBodyRow: Xn,
+  thNumber: ea,
+  tdNumber: ta,
+  thQuestion: na,
+  tdQuestion: aa,
+  questionText: sa,
+  thType: la,
+  tdType: ra,
+  thCategory: ia,
+  tdCategory: oa,
+  categoryText: ca,
+  thActions: da,
+  tdActions: ua,
+  questionTypeBadge: ma,
+  badgeTextLabel: ha,
+  badgeRating: ga,
+  badgeYesNo: pa,
+  badgeText: fa,
+  tableEditBtn: _a,
+  tableRemoveBtn: Ca,
+  addQuestionWrapper: ya,
+  addQuestionBtn: ba,
+  selectedCountSection: Sa,
+  selectedCountText: Na,
+  selectedCountHighlight: Ta,
+  studentsToolbar: va,
+  searchBarContainer: wa,
+  studentSearchInput: xa,
+  filterDropdownWrapper: Fa,
+  filterSelectBox: Ia,
+  studentsTableContainer: Ba,
+  studentsTable: Aa,
+  studentsTableHeaderRow: La,
+  checkboxHeaderCell: Ra,
+  tableHeaderCell: Ea,
+  checkboxBodyCell: ka,
+  studentTableRow: Da,
+  selectedRow: qa,
+  studentNameCell: Pa,
+  studentNameText: Ha,
+  flagCell: za,
+  gradeCell: Wa,
+  gradeText: Qa,
+  emailCell: Oa,
+  emailText: Ma,
+  studentsPagination: Ga,
+  reviewSectionBlock: Ya,
+  reviewSectionHeader: $a,
+  reviewSectionTitle: Ua,
+  reviewEditSectionBtn: Va,
+  reviewFieldGroup: Ka,
+  reviewFieldLabel: ja,
+  reviewFieldValue: Ja,
+  reviewQuestionsTableContainer: Za,
+  previewSurveyBtn: Xa,
+  publishBtn: es
+}, ts = ({
+  steps: a,
+  activeStep: l,
+  onBack: d
+}) => /* @__PURE__ */ n(i, { className: t.stepperContainer, children: [
+  /* @__PURE__ */ e(
+    Q,
+    {
+      onClick: d,
+      startIcon: /* @__PURE__ */ e(Ye, { fontSize: "small" }),
+      className: t.backButton,
+      children: "Back to Surveys Dashboard"
+    }
+  ),
+  /* @__PURE__ */ e(i, { className: t.stepperProgress, children: a.map((u, o) => {
+    const c = o === l, h = o < l, p = o === a.length - 1;
+    return /* @__PURE__ */ n(
+      i,
+      {
+        className: `${t.stepColumn} ${p ? t.stepColumnLast : ""}`,
+        children: [
+          /* @__PURE__ */ n(i, { className: t.stepCircleRow, children: [
+            /* @__PURE__ */ n(
+              i,
+              {
+                className: `${t.stepCircle} ${c ? t.active : h ? t.completed : ""}`,
+                children: [
+                  c && /* @__PURE__ */ e(i, { className: t.stepInnerDot }),
+                  h && /* @__PURE__ */ e($e, { sx: { fontSize: 16, color: "#ffffff" } })
+                ]
+              }
+            ),
+            !p && /* @__PURE__ */ e(
+              i,
+              {
+                className: `${t.stepConnectorLine} ${h ? t.completed : ""}`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(
+            G,
+            {
+              alignItems: "flex-start",
+              spacing: 0.25,
+              className: t.stepLabelStack,
+              children: [
+                /* @__PURE__ */ n(
+                  g,
+                  {
+                    variant: "caption",
+                    className: `${t.stepNumberLabel} ${c ? t.active : ""}`,
+                    children: [
+                      "STEP ",
+                      u.stepNumber
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  g,
+                  {
+                    variant: "body2",
+                    className: `${t.stepTextLabel} ${c ? t.active : ""}`,
+                    children: u.label
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      },
+      u.stepCode
+    );
+  }) })
+] }), ns = ({
+  onCreateBlank: a
+}) => /* @__PURE__ */ n(i, { className: t.bannerContainer, children: [
+  /* @__PURE__ */ n(G, { 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__ */ n(i, { children: [
+      /* @__PURE__ */ e(g, { variant: "subtitle1", className: t.bannerTitle, children: "Start from Scratch" }),
+      /* @__PURE__ */ e(g, { variant: "body2", className: t.bannerSubtitle, children: "Create a custom survey tailored to your specific needs" })
+    ] })
+  ] }),
+  /* @__PURE__ */ e(
+    Q,
+    {
+      onClick: a,
+      endIcon: /* @__PURE__ */ e(Ue, { sx: { fontSize: 16 } }),
+      className: t.bannerActionBtn,
+      children: "CREATE BLANK SURVEY"
+    }
+  )
+] }), as = ({
+  categories: a,
+  selectedCategory: l,
+  onSelectCategory: d
+}) => /* @__PURE__ */ e(i, { className: t.filterPillsContainer, children: /* @__PURE__ */ e(G, { direction: "row", spacing: 1.5, alignItems: "center", children: a.map((u) => {
+  const o = l.toLowerCase() === u.toLowerCase();
+  return /* @__PURE__ */ e(
+    Ae,
+    {
+      label: u,
+      onClick: () => d(u),
+      className: `${t.filterPill} ${o ? t.active : ""}`
+    },
+    u
+  );
+}) }) }), he = ve(/* @__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"), ss = ({
+  template: a,
+  isSelected: l,
+  onSelect: d,
+  onEdit: u
+}) => /* @__PURE__ */ n(
+  i,
+  {
+    onClick: () => d(a.id),
+    className: `${t.templateCard} ${l ? t.selected : ""}`,
+    children: [
+      /* @__PURE__ */ n(i, { children: [
+        /* @__PURE__ */ n(
+          G,
+          {
+            direction: "row",
+            alignItems: "flex-start",
+            justifyContent: "space-between",
+            spacing: 1,
+            children: [
+              /* @__PURE__ */ e(g, { variant: "h6", className: t.templateCardTitle, children: a.title }),
+              /* @__PURE__ */ e(
+                Q,
+                {
+                  size: "small",
+                  onClick: (o) => u(a, o),
+                  startIcon: /* @__PURE__ */ e(he, { sx: { fontSize: 14 } }),
+                  className: t.templateEditBtn,
+                  children: "EDIT"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(g, { variant: "body2", className: t.templateDescription, children: a.description })
+      ] }),
+      /* @__PURE__ */ n(G, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap", sx: { gap: 0.75 }, children: [
+        /* @__PURE__ */ e(
+          Ae,
+          {
+            label: `${a.questionCount} questions`,
+            size: "small",
+            className: t.chipItem
+          }
+        ),
+        /* @__PURE__ */ e(
+          Ae,
+          {
+            label: a.category,
+            size: "small",
+            className: t.chipItem
+          }
+        )
+      ] })
+    ]
+  }
+), ls = ve(/* @__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"), pe = ({
+  currentStep: a,
+  totalSteps: l,
+  onPrevious: d,
+  onNext: u,
+  isNextDisabled: o = !1,
+  isLastStep: c = !1,
+  nextLabel: h = "NEXT",
+  onPreview: p
+}) => /* @__PURE__ */ n(i, { className: t.wizardFooter, children: [
+  /* @__PURE__ */ e(
+    Q,
+    {
+      variant: "outlined",
+      onClick: d,
+      startIcon: /* @__PURE__ */ e(Ye, { sx: { fontSize: 16 } }),
+      className: `${t.previousBtn} ${a === 1 ? t.disabled : ""}`,
+      children: "PREVIOUS"
+    }
+  ),
+  /* @__PURE__ */ n(g, { variant: "body2", className: t.stepCounterText, children: [
+    "Step ",
+    a,
+    " of ",
+    l
+  ] }),
+  c ? /* @__PURE__ */ n(G, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+    p && /* @__PURE__ */ e(
+      Q,
+      {
+        variant: "outlined",
+        onClick: p,
+        startIcon: /* @__PURE__ */ e(ls, { sx: { fontSize: 18 } }),
+        className: t.previewSurveyBtn,
+        children: "SURVEY PREVIEW"
+      }
+    ),
+    /* @__PURE__ */ e(
+      Q,
+      {
+        variant: "contained",
+        onClick: u,
+        disabled: o,
+        className: t.publishBtn,
+        children: h || "PUBLISH"
+      }
+    )
+  ] }) : /* @__PURE__ */ e(
+    Q,
+    {
+      variant: "contained",
+      onClick: u,
+      disabled: o,
+      endIcon: /* @__PURE__ */ e(Ue, { sx: { fontSize: 16 } }),
+      className: t.nextBtn,
+      children: h
+    }
+  )
+] }), rs = ({
+  categories: a,
+  selectedCategory: l,
+  templates: d,
+  selectedTemplateId: u,
+  currentStepNumber: o,
+  totalSteps: c,
+  onSelectCategory: h,
+  onSelectTemplate: p,
+  onCreateBlank: r,
+  onEditTemplate: S,
+  onPrevious: T,
+  onNext: m
+}) => /* @__PURE__ */ n(i, { className: t.chooseTemplateCard, children: [
+  /* @__PURE__ */ n(i, { children: [
+    /* @__PURE__ */ e(g, { variant: "h4", className: t.headerTitle, children: "Choose a Template" }),
+    /* @__PURE__ */ e(g, { variant: "body1", className: t.headerSubtitle, children: "Start with a template or create from scratch" })
+  ] }),
+  /* @__PURE__ */ e(ns, { onCreateBlank: r }),
+  /* @__PURE__ */ n(G, { spacing: 1, children: [
+    /* @__PURE__ */ e(g, { variant: "h6", className: t.sectionTitle, children: "Survey Templates" }),
+    /* @__PURE__ */ e(
+      as,
+      {
+        categories: a,
+        selectedCategory: l,
+        onSelectCategory: h
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e(Ee, { container: !0, spacing: 2.5, sx: { mt: 1 }, children: d.map((C) => /* @__PURE__ */ e(Ee, { item: !0, xs: 12, sm: 6, md: 4, children: /* @__PURE__ */ e(
+    ss,
+    {
+      template: C,
+      isSelected: u === C.id,
+      onSelect: p,
+      onEdit: S
+    }
+  ) }, C.id)) }),
+  /* @__PURE__ */ e(
+    pe,
+    {
+      currentStep: o,
+      totalSteps: c,
+      onPrevious: T,
+      onNext: m
+    }
+  )
+] }), is = ve(/* @__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"), Ke = ({ type: a }) => {
+  const l = (o) => {
+    if (typeof o == "number" || !isNaN(Number(o))) {
+      const c = Number(o);
+      if (c === 0) return "Text";
+      if (c === 1) return "MultipleChoice";
+      if (c === 2 || c === 3) return "Slider";
+      if (c === 4) return "YesNo";
+      if (c === 5) return "SingleChoice";
+      if (c === 6) return "Date";
+    }
+    return String(o);
+  }, d = (o) => {
+    switch (l(o)) {
+      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;
+    }
+  }, u = (o) => {
+    const c = l(o);
+    switch (c) {
+      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 c;
+    }
+  };
+  return /* @__PURE__ */ e(i, { className: `${t.questionTypeBadge} ${d(a)}`, children: /* @__PURE__ */ e(g, { variant: "caption", className: t.badgeTextLabel, children: u(a) }) });
+}, je = ({
+  questions: a,
+  onEditQuestion: l,
+  onRemoveQuestion: d
+}) => {
+  const [u, o] = W(null), [c, h] = W(!1), p = (T) => {
+    o(T), h(!0);
+  }, r = () => {
+    u !== null && d(u), h(!1), o(null);
+  }, S = () => {
+    h(!1), o(null);
+  };
+  return /* @__PURE__ */ n(pt, { className: t.tableContainerWrapper, children: [
+    /* @__PURE__ */ n(be, { className: t.questionsTable, children: [
+      /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ n(V, { className: t.tableHeaderRow, children: [
+        /* @__PURE__ */ e(w, { className: t.thNumber, children: "#" }),
+        /* @__PURE__ */ e(w, { className: t.thQuestion, children: "Question" }),
+        /* @__PURE__ */ e(w, { className: t.thType, children: "Type" }),
+        /* @__PURE__ */ e(w, { className: t.thCategory, children: "Category" }),
+        /* @__PURE__ */ e(w, { className: t.thActions, children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ e(Ne, { children: a.map((T, m) => /* @__PURE__ */ n(V, { className: t.tableBodyRow, children: [
+        /* @__PURE__ */ n(w, { className: t.tdNumber, children: [
+          m + 1,
+          "."
+        ] }),
+        /* @__PURE__ */ e(w, { className: t.tdQuestion, children: /* @__PURE__ */ e(
+          g,
+          {
+            variant: "body2",
+            className: t.questionText,
+            dangerouslySetInnerHTML: {
+              __html: T.questionText || ""
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e(w, { className: t.tdType, children: /* @__PURE__ */ e(Ke, { type: T.type }) }),
+        /* @__PURE__ */ e(w, { className: t.tdCategory, children: /* @__PURE__ */ e(g, { variant: "body2", className: t.categoryText, children: T.category }) }),
+        /* @__PURE__ */ e(w, { className: t.tdActions, children: /* @__PURE__ */ n(G, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+          /* @__PURE__ */ e(
+            Q,
+            {
+              onClick: () => l(T.id),
+              startIcon: /* @__PURE__ */ e(he, { fontSize: "small" }),
+              className: t.tableEditBtn,
+              children: "Edit"
+            }
+          ),
+          /* @__PURE__ */ e(
+            Q,
+            {
+              onClick: () => p(T.id),
+              startIcon: /* @__PURE__ */ e(is, { fontSize: "small" }),
+              className: t.tableRemoveBtn,
+              children: "Remove"
+            }
+          )
+        ] }) })
+      ] }, T.id)) })
+    ] }),
+    /* @__PURE__ */ n(
+      He,
+      {
+        open: c,
+        onClose: S,
+        "aria-labelledby": "confirm-delete-dialog-title",
+        "aria-describedby": "confirm-delete-dialog-description",
+        children: [
+          /* @__PURE__ */ e(ze, { id: "confirm-delete-dialog-title", sx: { fontWeight: "bold" }, children: "Confirm Remove" }),
+          /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(ft, { id: "confirm-delete-dialog-description", children: "Are you sure you want to remove this question?" }) }),
+          /* @__PURE__ */ n(_t, { children: [
+            /* @__PURE__ */ e(Q, { onClick: S, color: "inherit", children: "Cancel" }),
+            /* @__PURE__ */ e(Q, { onClick: r, color: "error", autoFocus: !0, children: "Remove" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, os = ({
+  formData: a,
+  questionCategories: l,
+  filteredQuestions: d,
+  totalQuestionsCount: u,
+  currentStepNumber: o,
+  totalSteps: c,
+  onTemplateNameChange: h,
+  onDescriptionChange: p,
+  onCategoryFilterChange: r,
+  onEditQuestion: S,
+  onRemoveQuestion: T,
+  onAddQuestion: m,
+  onPrevious: C,
+  onNext: D
+}) => {
+  const P = (N) => {
+    r(N.target.value);
+  };
+  return /* @__PURE__ */ n(i, { className: t.chooseTemplateCard, children: [
+    /* @__PURE__ */ n(i, { className: t.headerSection, children: [
+      /* @__PURE__ */ e(g, { variant: "h5", className: t.headerTitle, children: "Check Details" }),
+      /* @__PURE__ */ e(g, { variant: "body2", className: t.headerSubtitle, children: "Review and edit the details below." })
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ n(g, { variant: "subtitle2", className: t.formFieldLabel, children: [
+        "Template Name ",
+        /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+      ] }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          fullWidth: !0,
+          variant: "outlined",
+          value: a.templateName,
+          onChange: (N) => h(N.target.value),
+          placeholder: "Enter template name",
+          className: t.customTextField
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ e(g, { 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: a.description,
+          onChange: (N) => p(N.target.value),
+          placeholder: "Enter description and instructions",
+          className: t.customTextField
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.questionsHeaderSection, children: [
+      /* @__PURE__ */ n(G, { direction: "row", alignItems: "center", spacing: 0.75, sx: { mb: 1.5 }, children: [
+        /* @__PURE__ */ e(g, { variant: "subtitle1", className: t.questionsTitle, children: "Questions" }),
+        /* @__PURE__ */ e(g, { variant: "subtitle1", className: t.questionsCountNumber, children: u })
+      ] }),
+      /* @__PURE__ */ n(G, { direction: "row", alignItems: "center", spacing: 1.5, className: t.filterByRow, children: [
+        /* @__PURE__ */ e(g, { variant: "body2", className: t.filterByLabel, children: "Filter by category" }),
+        /* @__PURE__ */ e(ce, { size: "small", className: t.categoryFilterFormControl, children: /* @__PURE__ */ e(
+          de,
+          {
+            value: a.selectedCategoryFilter,
+            onChange: P,
+            className: t.categorySelectInput,
+            children: l.map((N) => /* @__PURE__ */ e(ue, { value: N, children: N }, N))
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      je,
+      {
+        questions: d,
+        onEditQuestion: S,
+        onRemoveQuestion: T
+      }
+    ),
+    /* @__PURE__ */ e(i, { className: t.addQuestionWrapper, children: /* @__PURE__ */ e(
+      Q,
+      {
+        onClick: m,
+        startIcon: /* @__PURE__ */ e(Ve, {}),
+        className: t.addQuestionBtn,
+        children: "ADD QUESTION"
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      pe,
+      {
+        currentStep: o,
+        totalSteps: c,
+        onPrevious: C,
+        onNext: D,
+        isNextDisabled: !a.templateName || a.templateName.trim() === ""
+      }
+    )
+  ] });
+}, cs = ({
+  formData: a,
+  currentStepNumber: l,
+  totalSteps: d,
+  onTitleChange: u,
+  onDeadlineChange: o,
+  onPrevious: c,
+  onNext: h
+}) => /* @__PURE__ */ n(i, { className: t.chooseTemplateCard, children: [
+  /* @__PURE__ */ n(i, { className: t.headerSection, children: [
+    /* @__PURE__ */ e(g, { variant: "h5", className: t.headerTitle, children: "Create Survey" }),
+    /* @__PURE__ */ e(g, { variant: "body2", className: t.headerSubtitle, children: "Set the title and deadline for your survey" })
+  ] }),
+  /* @__PURE__ */ n(i, { className: t.formFieldBlock, children: [
+    /* @__PURE__ */ n(g, { variant: "subtitle2", className: t.formFieldLabel, children: [
+      "Title ",
+      /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+    ] }),
+    /* @__PURE__ */ e(
+      J,
+      {
+        fullWidth: !0,
+        variant: "outlined",
+        value: a.title,
+        onChange: (p) => u(p.target.value),
+        placeholder: "Enter survey title",
+        className: t.customTextField
+      }
+    )
+  ] }),
+  /* @__PURE__ */ n(i, { className: t.formFieldBlock, children: [
+    /* @__PURE__ */ n(g, { variant: "subtitle2", className: t.formFieldLabel, children: [
+      "Deadline ",
+      /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+    ] }),
+    /* @__PURE__ */ e(At, { dateAdapter: Rt, children: /* @__PURE__ */ e(
+      Lt,
+      {
+        value: a.deadline ? Re(a.deadline, "DD.MM.YYYY hh:mm A") : null,
+        onChange: (p) => {
+          o(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(g, { variant: "caption", className: t.formFieldHelperText, children: "Select the date and time when the survey will close" })
+  ] }),
+  /* @__PURE__ */ e(
+    pe,
+    {
+      currentStep: l,
+      totalSteps: d,
+      onPrevious: c,
+      onNext: h,
+      isNextDisabled: !a.title || a.title.trim() === "" || !a.deadline
+    }
+  )
+] }), ge = ({ size: a = 32, color: l = "#C44140" }) => /* @__PURE__ */ e("svg", { width: a, height: a, 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: l }) }), x = {
+  "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 = (a) => {
+  switch (a) {
+    case "Red Flag":
+      return /* @__PURE__ */ n("div", { className: x["flag-of-session__title-red"], children: [
+        /* @__PURE__ */ e(ge, { color: "#C44140", size: 32 }),
+        /* @__PURE__ */ e("span", { className: x["flag-of-session__title-red--text"], children: "Red Flag" })
+      ] });
+    case "Yellow Flag":
+      return /* @__PURE__ */ n("div", { className: x["flag-of-session__title-yellow"], children: [
+        /* @__PURE__ */ e(ge, { color: "#F5D500", size: 32 }),
+        /* @__PURE__ */ e("span", { className: x["flag-of-session__title-yellow--text"], children: "Yellow Flag" })
+      ] });
+    default:
+      return null;
+  }
+}, ds = ({
+  flag: a,
+  flagDetail: l,
+  lastSafetyAnswer: d,
+  lastStressAnswer: u,
+  showResult: o,
+  defaultStress: c,
+  defaultSafety: h,
+  defaultDecrease: p,
+  isDetailView: r,
+  hasReadyToLearn: S,
+  inSession: T
+}) => o ? /* @__PURE__ */ n("div", { className: x["flag-of-session"], style: { gap: "6px" }, children: [
+  (a === "Green Flag" || a === "Green") && /* @__PURE__ */ n("div", { className: x["flag-of-session__content-green"], children: [
+    "Everything is ",
+    /* @__PURE__ */ e("p", { className: x["flag-of-session__content-green--text"], children: "fine" })
+  ] }),
+  r && a && qe(a || ""),
+  l?.stress && (r ? /* @__PURE__ */ n("div", { className: x["flag-of-session__item"], children: [
+    /* @__PURE__ */ e("p", { className: x["flag-of-session__item--title"], children: "Stress score:" }),
+    /* @__PURE__ */ n("p", { className: x["flag-of-session__item--content"], children: [
+      l?.stress?.score,
+      "%"
+    ] })
+  ] }) : /* @__PURE__ */ n("div", { className: x["flag-of-session__item"], children: [
+    /* @__PURE__ */ n(
+      "span",
+      {
+        style: {
+          fontWeight: 600,
+          color: l?.stress?.flag === "Red Flag" ? "#C44140" : "#F5D500",
+          fontSize: "12px"
+        },
+        children: [
+          l?.stress?.score,
+          "%"
+        ]
+      }
+    ),
+    "Stress vs Last check-in ",
+    u,
+    "%"
+  ] })),
+  l?.safety && (r ? /* @__PURE__ */ n("div", { className: x["flag-of-session__item"], children: [
+    /* @__PURE__ */ e("p", { className: x["flag-of-session__item--title"], children: "Safety score:" }),
+    /* @__PURE__ */ n("p", { className: x["flag-of-session__item--content"], children: [
+      l?.safety?.score,
+      "%"
+    ] })
+  ] }) : /* @__PURE__ */ n("div", { className: x["flag-of-session__item"], children: [
+    /* @__PURE__ */ n("span", { style: { fontWeight: 600, color: l?.safety?.flag === "Red Flag" ? "#C44140" : "#F5D500" }, children: [
+      l?.safety?.score,
+      "%"
+    ] }),
+    " Safety vs Last check-in ",
+    d,
+    "%"
+  ] })),
+  l?.decrease && l?.decrease?.length > 0 && (r ? /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ n("p", { className: x["flag-of-session__item--content"], children: [
+      /* @__PURE__ */ e("span", { className: x["flag-of-session__item--title"], children: "Sudden Drop: " }),
+      /* @__PURE__ */ n("span", { className: x["flag-of-session__item--title"], children: [
+        l.decrease.length,
+        " "
+      ] }),
+      "core well-being metric shows a decrease of ",
+      p,
+      "% comparing their average of the last four check-ins."
+    ] }),
+    /* @__PURE__ */ e("ul", { className: x["flag-of-session__item-column--content"], children: l.decrease?.map((m, C) => /* @__PURE__ */ e("li", { style: { color: "#242424", marginLeft: "16px" }, children: /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: /* @__PURE__ */ n("p", { style: { margin: 0 }, children: [
+      m.questionText,
+      ": ",
+      m.answer,
+      "% ",
+      m.averageOtherRatingsText ? "" : m.averageOtherRatings !== void 0 ? `vs avr ${m.averageOtherRatings}%` : "vs previous"
+    ] }) }) }, C)) })
+  ] }) : T ? /* @__PURE__ */ n("div", { className: x["flag-of-session__item-column"], children: [
+    /* @__PURE__ */ n("p", { className: x["flag-of-session__item-column--no-bold"], children: [
+      "Sudden Drop: ",
+      l.decrease.length || 0,
+      " core well-being metric shows a decrease compared to the average of the last four check-ins."
+    ] }),
+    /* @__PURE__ */ e("ul", { className: x["flag-of-session__item-column--content"], children: l.decrease?.map((m, C) => {
+      const P = a?.includes("Red") ? "#C44140" : "#F5D500";
+      return /* @__PURE__ */ e("li", { style: { color: "#242424", marginLeft: "16px" }, children: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+        /* @__PURE__ */ n("p", { style: { margin: 0, fontSize: "12px" }, children: [
+          m.questionText,
+          ":"
+        ] }),
+        /* @__PURE__ */ n("p", { style: { margin: 0, color: P, fontSize: "12px" }, children: [
+          m.answer,
+          "%"
+        ] }),
+        m.averageOtherRatingsText ? "" : m.averageOtherRatings !== void 0 && /* @__PURE__ */ n("p", { style: { margin: 0, fontSize: "12px", marginLeft: "4px" }, children: [
+          "vs avr ",
+          m.averageOtherRatings,
+          "%"
+        ] })
+      ] }) }, C);
+    }) })
+  ] }) : /* @__PURE__ */ n("div", { className: x["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."
+  ] })),
+  l?.readinessToLearn && (r ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ n("p", { className: x["flag-of-session__item--content"], children: [
+    /* @__PURE__ */ e("span", { className: x["flag-of-session__item--title"], children: "Ready to learn: " }),
+    l?.readinessToLearn
+  ] }) }) : /* @__PURE__ */ n("div", { className: x["flag-of-session__item"], children: [
+    "Ready to learn: ",
+    l?.readinessToLearn
+  ] }))
+] }) : /* @__PURE__ */ n("div", { className: x["flag-of-session"], children: [
+  qe(a || ""),
+  h && /* @__PURE__ */ n("div", { className: x["flag-of-session__item"], children: [
+    /* @__PURE__ */ e("p", { className: x["flag-of-session__item--title"], children: "Safety score:" }),
+    /* @__PURE__ */ n("p", { className: x["flag-of-session__item--content"], children: [
+      "Under ",
+      h,
+      "%"
+    ] })
+  ] }),
+  c && /* @__PURE__ */ n("div", { className: x["flag-of-session__item"], children: [
+    /* @__PURE__ */ e("p", { className: x["flag-of-session__item--title"], children: "Stress level:" }),
+    /* @__PURE__ */ n("p", { className: x["flag-of-session__item--content"], children: [
+      "Higher than ",
+      c,
+      "%"
+    ] })
+  ] }),
+  p && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ n("p", { className: x["flag-of-session__item--content"], children: [
+    /* @__PURE__ */ e("span", { className: x["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."
+  ] }) }),
+  S && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ n("p", { className: x["flag-of-session__item--content"], children: [
+    /* @__PURE__ */ e("span", { className: x["flag-of-session__item--title"], children: "Ready to learn: " }),
+    "The student reported as not ready to learn in last check-in."
+  ] }) })
+] }), us = Bt(({ className: a, ...l }) => /* @__PURE__ */ e(Qe, { ...l, classes: { popper: a } }))(({ theme: a }) => ({
+  zIndex: 1e3,
+  [`& .${Te.tooltip}`]: {
+    backgroundColor: "transparent !important",
+    marginTop: "8px !important",
+    fontFamily: "Poppins-Regular"
+  },
+  [`& .${Te.arrow}`]: {
+    color: a.palette.common.white,
+    top: "4px !important"
+  }
+})), ms = (a) => {
+  if (!a) return null;
+  const l = a.toLowerCase();
+  return l === "red" ? /* @__PURE__ */ e(ge, { size: 32, color: "#C44140" }) : l === "yellow" ? /* @__PURE__ */ e(ge, { size: 32, color: "#F5D500" }) : l === "green" ? /* @__PURE__ */ e(ge, { size: 32, color: "#10B981" }) : null;
+}, hs = ({
+  students: a,
+  totalStudentsCount: l,
+  totalSelectedCount: d,
+  selectedStudentIds: u,
+  filters: o,
+  gradeOptions: c,
+  flagOptions: h,
+  teacherOptions: p,
+  page: r,
+  rowsPerPage: S,
+  isAllSelected: T,
+  isIndeterminate: m,
+  sortBy: C,
+  sortOrder: D,
+  onSortChange: P,
+  currentStepNumber: N,
+  totalSteps: F,
+  onSearchChange: v,
+  onGradeChange: f,
+  onFlagChange: z,
+  onTeacherChange: R,
+  onPageChange: Z,
+  onRowsPerPageChange: Y,
+  onToggleSelectAll: X,
+  onToggleStudent: K,
+  onPrevious: ee,
+  onNext: j
+}) => {
+  const te = (s) => {
+    f(s.target.value);
+  }, y = (s) => {
+    z(s.target.value);
+  }, b = (s) => {
+    R(s.target.value);
+  };
+  return /* @__PURE__ */ n(i, { className: t.chooseTemplateCard, children: [
+    /* @__PURE__ */ n(i, { className: t.headerSection, children: [
+      /* @__PURE__ */ e(g, { variant: "h5", className: t.headerTitle, children: "Select Students" }),
+      /* @__PURE__ */ e(g, { variant: "body2", className: t.headerSubtitle, children: "Choose the students who should participate in this survey" })
+    ] }),
+    /* @__PURE__ */ e(i, { className: t.selectedCountSection, children: /* @__PURE__ */ n(g, { variant: "subtitle1", className: t.selectedCountText, children: [
+      "Selected students",
+      " ",
+      /* @__PURE__ */ e(i, { component: "span", className: t.selectedCountHighlight, children: d })
+    ] }) }),
+    /* @__PURE__ */ n(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: o.searchQuery,
+          onChange: (s) => v(s.target.value),
+          className: t.studentSearchInput,
+          InputProps: {
+            startAdornment: /* @__PURE__ */ e(Ct, { position: "start", children: /* @__PURE__ */ e(Et, { sx: { color: "#94a3b8", fontSize: 20 } }) })
+          }
+        }
+      ) }),
+      /* @__PURE__ */ e(i, { className: t.filterDropdownWrapper, children: /* @__PURE__ */ e(ce, { size: "small", fullWidth: !0, children: /* @__PURE__ */ e(
+        de,
+        {
+          value: o.selectedGrade,
+          onChange: te,
+          displayEmpty: !0,
+          className: t.filterSelectBox,
+          children: c.map((s) => /* @__PURE__ */ e(ue, { value: s, children: s }, s))
+        }
+      ) }) }),
+      /* @__PURE__ */ e(i, { className: t.filterDropdownWrapper, children: /* @__PURE__ */ e(ce, { size: "small", fullWidth: !0, children: /* @__PURE__ */ e(
+        de,
+        {
+          value: o.selectedFlag,
+          onChange: y,
+          displayEmpty: !0,
+          className: t.filterSelectBox,
+          children: h.map((s) => /* @__PURE__ */ e(ue, { value: s.value, children: s.label }, s.value))
+        }
+      ) }) }),
+      /* @__PURE__ */ e(i, { className: t.filterDropdownWrapper, children: /* @__PURE__ */ e(ce, { size: "small", fullWidth: !0, children: /* @__PURE__ */ e(
+        de,
+        {
+          value: o.selectedTeacher,
+          onChange: b,
+          displayEmpty: !0,
+          className: t.filterSelectBox,
+          children: p.map((s) => /* @__PURE__ */ e(ue, { value: s, children: s }, s))
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.studentsTableContainer, children: [
+      /* @__PURE__ */ n(be, { className: t.studentsTable, children: [
+        /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ n(V, { className: t.studentsTableHeaderRow, children: [
+          /* @__PURE__ */ e(w, { className: t.checkboxHeaderCell, children: /* @__PURE__ */ e(
+            ke,
+            {
+              checked: T,
+              indeterminate: m,
+              onChange: X,
+              sx: {
+                color: "#cbd5e1",
+                "&.Mui-checked": { color: "#2563eb" },
+                "&.MuiCheckbox-indeterminate": { color: "#2563eb" }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            oe,
+            {
+              active: C === "name",
+              direction: C === "name" ? D : "asc",
+              onClick: () => P("name"),
+              children: "Student Name"
+            }
+          ) }),
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            oe,
+            {
+              active: C === "flag",
+              direction: C === "flag" ? D : "asc",
+              onClick: () => P("flag"),
+              children: "Flag"
+            }
+          ) }),
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            oe,
+            {
+              active: C === "grade",
+              direction: C === "grade" ? D : "asc",
+              onClick: () => P("grade"),
+              children: "Grade"
+            }
+          ) }),
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            oe,
+            {
+              active: C === "email",
+              direction: C === "email" ? D : "asc",
+              onClick: () => P("email"),
+              children: "Email"
+            }
+          ) }),
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: /* @__PURE__ */ e(
+            oe,
+            {
+              active: C === "teacher",
+              direction: C === "teacher" ? D : "asc",
+              onClick: () => P("teacher"),
+              children: "Teacher"
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ e(Ne, { children: a.length === 0 ? /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(w, { colSpan: 5, align: "center", sx: { py: 4, color: "#94a3b8" }, children: "No students found matching current filters." }) }) : a.map((s) => {
+          const B = u.includes(s.id);
+          return /* @__PURE__ */ n(
+            V,
+            {
+              className: `${t.studentTableRow} ${B ? t.selectedRow : ""}`,
+              onClick: () => K(s.id),
+              children: [
+                /* @__PURE__ */ e(
+                  w,
+                  {
+                    className: t.checkboxBodyCell,
+                    onClick: (I) => I.stopPropagation(),
+                    children: /* @__PURE__ */ e(
+                      ke,
+                      {
+                        checked: B,
+                        onChange: () => K(s.id),
+                        sx: {
+                          color: "#cbd5e1",
+                          "&.Mui-checked": { color: "#2563eb" }
+                        }
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(w, { className: t.studentNameCell, children: /* @__PURE__ */ n(G, { direction: "row", alignItems: "center", spacing: 1.75, children: [
+                  /* @__PURE__ */ e(
+                    "img",
+                    {
+                      src: s.avatarUrl,
+                      alt: s.name,
+                      style: { width: 44, height: 44, borderRadius: "50%", objectFit: "cover" }
+                    }
+                  ),
+                  /* @__PURE__ */ e(g, { variant: "body2", className: t.studentNameText, children: s.name })
+                ] }) }),
+                /* @__PURE__ */ e(w, { className: t.flagCell, children: /* @__PURE__ */ e(
+                  us,
+                  {
+                    arrow: !0,
+                    placement: "bottom",
+                    title: s?.flag && s.flag !== "none" ? /* @__PURE__ */ e(
+                      ds,
+                      {
+                        flag: s.flag === "red" ? "Red Flag" : s.flag === "yellow" ? "Yellow Flag" : "Green Flag",
+                        flagDetail: s.flagDetail,
+                        lastSafetyAnswer: s.lastSafetyAnswer,
+                        lastStressAnswer: s.lastStressAnswer,
+                        showResult: !0
+                      }
+                    ) : "",
+                    children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "center", cursor: "pointer" }, children: ms(s.flag) }) })
+                  }
+                ) }),
+                /* @__PURE__ */ e(w, { className: t.gradeCell, children: /* @__PURE__ */ e(g, { variant: "body2", className: t.gradeText, children: s.grade }) }),
+                /* @__PURE__ */ e(w, { className: t.emailCell, children: /* @__PURE__ */ e(g, { variant: "body2", className: t.emailText, children: s.email }) }),
+                /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(g, { variant: "body2", sx: { color: "#475569" }, children: s.listTeachers && s.listTeachers.length > 0 ? s.listTeachers.map((I) => I.name).filter(Boolean).join(", ") : "-" }) })
+              ]
+            },
+            s.id
+          );
+        }) })
+      ] }),
+      l > 0 && /* @__PURE__ */ e(
+        yt,
+        {
+          rowsPerPageOptions: [5, 10, 25, 50],
+          component: "div",
+          count: l,
+          rowsPerPage: S,
+          page: r,
+          onPageChange: Z,
+          onRowsPerPageChange: Y,
+          className: t.studentsPagination
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      pe,
+      {
+        currentStep: N,
+        totalSteps: F,
+        onPrevious: ee,
+        onNext: j
+      }
+    )
+  ] });
+}, gs = ({ size: a = 32, color: l = "#C44140" }) => /* @__PURE__ */ e("svg", { width: a, height: a, 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: l }) }), ps = bt(({ className: a, ...l }) => /* @__PURE__ */ e(Qe, { ...l, classes: { popper: a } }))(() => ({
+  [`& .${Te.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"
+  },
+  [`& .${Te.arrow}`]: {
+    color: "#ffffff",
+    "&:before": {
+      border: "1px solid #e2e8f0"
+    }
+  }
+})), fs = ({ flag: a, tooltip: l }) => {
+  if (a === "none") return null;
+  let d = "#10B981";
+  return a === "red" ? d = "#D10530" : a === "yellow" ? d = "#F5D500" : a === "green" && (d = "#0F9655"), /* @__PURE__ */ e(ps, { title: l ? /* @__PURE__ */ e(i, { sx: { lineHeight: 1.4 }, children: l }) : /* @__PURE__ */ e(i, { sx: { lineHeight: 1.4 }, children: a === "red" ? /* @__PURE__ */ n(Be, { 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"
+  ] }) : a === "yellow" ? /* @__PURE__ */ n(Be, { 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__ */ n(Be, { 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(gs, { color: d, size: 28 })
+    }
+  ) });
+}, _s = ve(/* @__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"), Cs = ({
+  open: a,
+  title: l,
+  description: d,
+  deadline: u,
+  questions: o,
+  onClose: c
+}) => {
+  const h = (r) => {
+    if (typeof r == "number" || !isNaN(Number(r)) && String(r).trim() !== "") {
+      const S = Number(r);
+      if (S === 0) return "Text";
+      if (S === 1) return "MultipleChoice";
+      if (S === 2 || S === 3) return "Slider";
+      if (S === 4) return "YesNo";
+      if (S === 5) return "SingleChoice";
+      if (S === 6) return "Date";
+      if (S === 9) return "Summarize";
+      if (S === 12) return "DropDown";
+    }
+    return String(r);
+  }, p = (r) => {
+    try {
+      const S = document.createElement("textarea");
+      return S.innerHTML = r, S.value;
+    } catch {
+      return r;
+    }
+  };
+  return /* @__PURE__ */ n(
+    He,
+    {
+      open: a,
+      onClose: c,
+      maxWidth: "md",
+      fullWidth: !0,
+      PaperProps: {
+        sx: {
+          borderRadius: "16px",
+          p: 1,
+          maxHeight: "90vh"
+        }
+      },
+      children: [
+        /* @__PURE__ */ n(
+          ze,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              pb: 1,
+              fontWeight: 700,
+              fontSize: "1.1rem",
+              color: "#0f172a"
+            },
+            children: [
+              "Survey preview",
+              /* @__PURE__ */ e(St, { onClick: c, size: "small", sx: { color: "#64748b" }, children: /* @__PURE__ */ e(kt, { fontSize: "small" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(We, { dividers: !0, sx: { p: 3 }, children: [
+          /* @__PURE__ */ e(g, { variant: "h6", sx: { fontWeight: 800, color: "#0f172a", mb: 0.5 }, children: l || "Student Well Being" }),
+          /* @__PURE__ */ e(g, { variant: "body2", sx: { color: "#64748b", mb: 2 }, children: d || "General assessment of student wellness and quality of life" }),
+          u && /* @__PURE__ */ n(G, { direction: "row", spacing: 1, alignItems: "center", sx: { color: "#64748b", mb: 3 }, children: [
+            /* @__PURE__ */ e(_s, { sx: { fontSize: 16, color: "#2563eb" } }),
+            /* @__PURE__ */ n(g, { variant: "caption", sx: { fontWeight: 600 }, children: [
+              "Due: ",
+              u
+            ] })
+          ] }),
+          /* @__PURE__ */ e(G, { spacing: 3, children: o.map((r, S) => /* @__PURE__ */ n(i, { sx: { pb: 1 }, children: [
+            /* @__PURE__ */ n(i, { sx: { display: "flex", gap: "4px", fontWeight: 600, color: "#1e293b", mb: 1.5, fontSize: "0.875rem" }, children: [
+              /* @__PURE__ */ n(i, { children: [
+                S + 1,
+                "."
+              ] }),
+              /* @__PURE__ */ e(i, { sx: { "& p": { m: 0, display: "inline" }, "& span": { display: "inline" } }, dangerouslySetInnerHTML: { __html: p(r.questionText || "") } })
+            ] }),
+            (h(r.type) === "Rating" || h(r.type) === "StarRating" || h(r.type) === "Slider") && /* @__PURE__ */ e(i, { sx: { px: 2, py: 1 }, children: /* @__PURE__ */ e(
+              Dt,
+              {
+                questionId: Number(r.id) || 0,
+                valueText: "50",
+                minText: r.fromLabel || "",
+                maxText: r.toLabel || "",
+                isBeforeSession: !1,
+                isPageResult: !0
+              }
+            ) }),
+            h(r.type) === "MultipleChoice" && /* @__PURE__ */ e(i, { sx: { px: 2 }, children: /* @__PURE__ */ e(
+              qt,
+              {
+                questionId: Number(r.id) || 0,
+                valueText: "",
+                isUserChangeSession: !0,
+                questionAnswer: r.options && r.options.length > 0 ? r.options : [],
+                isPageResult: !0
+              }
+            ) }),
+            (h(r.type) === "YesNo" || h(r.type) === "SingleChoice") && /* @__PURE__ */ e(i, { sx: { px: 2 }, children: /* @__PURE__ */ e(
+              Pt,
+              {
+                questionId: Number(r.id) || 0,
+                valueText: "",
+                isUserChangeSession: !0,
+                questionAnswer: r.options && r.options.length > 0 ? r.options : ["Yes", "No"]
+              }
+            ) }),
+            (h(r.type) === "Text" || h(r.type) === "TextInput" || h(r.type) === "OpenField") && /* @__PURE__ */ e(
+              J,
+              {
+                fullWidth: !0,
+                multiline: !0,
+                rows: 2,
+                placeholder: "Your answer...",
+                size: "small",
+                sx: {
+                  "& .MuiOutlinedInput-root": {
+                    borderRadius: "8px",
+                    backgroundColor: "#ffffff"
+                  }
+                }
+              }
+            ),
+            h(r.type) === "DropDown" && /* @__PURE__ */ e(i, { sx: { px: 2 }, children: /* @__PURE__ */ e(
+              Ht,
+              {
+                questionItemName: "",
+                questionId: Number(r.id) || 0,
+                valueText: "",
+                isUserChangeSession: !0,
+                questionAnswer: r.options && r.options.length > 0 ? r.options.map((T, m) => ({ id: m, text: T })) : []
+              }
+            ) }),
+            h(r.type) === "Summarize" && /* @__PURE__ */ e(
+              J,
+              {
+                fullWidth: !0,
+                multiline: !0,
+                rows: 4,
+                placeholder: "Summarize your thoughts...",
+                size: "small",
+                sx: {
+                  "& .MuiOutlinedInput-root": {
+                    borderRadius: "8px",
+                    backgroundColor: "#ffffff"
+                  }
+                }
+              }
+            )
+          ] }, r.id)) })
+        ] })
+      ]
+    }
+  );
+}, ys = ({
+  templateFormData: a,
+  surveyFormData: l,
+  selectedStudents: d,
+  currentStepNumber: u,
+  totalSteps: o,
+  onEditTemplateDetails: c,
+  onEditSurveyDetails: h,
+  onEditSelectedStudents: p,
+  onPrevious: r,
+  onPublish: S
+}) => {
+  const [T, m] = W(!1);
+  return /* @__PURE__ */ n(i, { className: t.chooseTemplateCard, children: [
+    /* @__PURE__ */ n(i, { className: t.reviewSectionBlock, children: [
+      /* @__PURE__ */ n(i, { className: t.reviewSectionHeader, children: [
+        /* @__PURE__ */ e(g, { variant: "h6", className: t.reviewSectionTitle, children: "Template Details" }),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            variant: "text",
+            onClick: c,
+            startIcon: /* @__PURE__ */ e(he, { sx: { fontSize: 16 } }),
+            className: t.reviewEditSectionBtn,
+            children: "EDIT"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n(i, { className: t.reviewFieldGroup, children: [
+        /* @__PURE__ */ e(g, { variant: "caption", className: t.reviewFieldLabel, children: "Template Name" }),
+        /* @__PURE__ */ e(g, { variant: "body2", className: t.reviewFieldValue, children: a.templateName || "Well-being" })
+      ] }),
+      /* @__PURE__ */ n(i, { className: t.reviewFieldGroup, children: [
+        /* @__PURE__ */ e(g, { variant: "caption", className: t.reviewFieldLabel, children: "Description and instructions of when to use" }),
+        /* @__PURE__ */ e(g, { variant: "body2", className: t.reviewFieldValue, children: a.description || "General assessment of student wellness and quality of life" })
+      ] }),
+      /* @__PURE__ */ n(i, { className: t.reviewFieldGroup, sx: { mt: 3 }, children: [
+        /* @__PURE__ */ e(g, { variant: "caption", className: t.reviewFieldLabel, children: "Questions" }),
+        /* @__PURE__ */ e(g, { variant: "h6", className: t.questionsHeadingText, sx: { mb: 1.5 }, children: /* @__PURE__ */ e("span", { className: t.questionCountBadge, children: a.questions.length }) }),
+        /* @__PURE__ */ e(i, { className: t.reviewQuestionsTableContainer, children: /* @__PURE__ */ n(be, { className: t.questionsTable, children: [
+          /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ n(V, { className: t.tableHeaderRow, children: [
+            /* @__PURE__ */ e(w, { className: t.thNumber, children: "#" }),
+            /* @__PURE__ */ e(w, { className: t.thQuestion, children: "Question" }),
+            /* @__PURE__ */ e(w, { className: t.thType, children: "Type" }),
+            /* @__PURE__ */ e(w, { className: t.thCategory, children: "Category" })
+          ] }) }),
+          /* @__PURE__ */ e(Ne, { children: a.questions.map((C, D) => /* @__PURE__ */ n(V, { className: t.tableBodyRow, children: [
+            /* @__PURE__ */ n(w, { className: t.tdNumber, children: [
+              D + 1,
+              "."
+            ] }),
+            /* @__PURE__ */ e(w, { className: t.tdQuestion, children: /* @__PURE__ */ e(
+              g,
+              {
+                variant: "body2",
+                className: t.questionText,
+                dangerouslySetInnerHTML: {
+                  __html: C.questionText || ""
+                }
+              }
+            ) }),
+            /* @__PURE__ */ e(w, { className: t.tdType, children: /* @__PURE__ */ e(Ke, { type: C.type }) }),
+            /* @__PURE__ */ e(w, { className: t.tdCategory, children: /* @__PURE__ */ e(g, { variant: "body2", className: t.categoryText, children: C.category }) })
+          ] }, C.id)) })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.reviewSectionBlock, children: [
+      /* @__PURE__ */ n(i, { className: t.reviewSectionHeader, children: [
+        /* @__PURE__ */ e(g, { variant: "h6", className: t.reviewSectionTitle, children: "Survey Details" }),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            variant: "text",
+            onClick: h,
+            startIcon: /* @__PURE__ */ e(he, { sx: { fontSize: 16 } }),
+            className: t.reviewEditSectionBtn,
+            children: "EDIT"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n(i, { className: t.reviewFieldGroup, children: [
+        /* @__PURE__ */ e(g, { variant: "caption", className: t.reviewFieldLabel, children: "Title" }),
+        /* @__PURE__ */ e(g, { variant: "body2", className: t.reviewFieldValue, children: l.title || "Student Well Being" })
+      ] }),
+      /* @__PURE__ */ n(i, { className: t.reviewFieldGroup, children: [
+        /* @__PURE__ */ e(g, { variant: "caption", className: t.reviewFieldLabel, children: "Deadline" }),
+        /* @__PURE__ */ e(g, { variant: "body2", className: t.reviewFieldValue, children: l.deadline || "15th January 2026, 12:00 PM" })
+      ] })
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.reviewSectionBlock, children: [
+      /* @__PURE__ */ n(i, { className: t.reviewSectionHeader, children: [
+        /* @__PURE__ */ n(g, { variant: "h6", className: t.reviewSectionTitle, children: [
+          "Selected Students",
+          " ",
+          /* @__PURE__ */ e(i, { component: "span", sx: { color: "#2563eb", fontWeight: 700 }, children: d.length })
+        ] }),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            variant: "text",
+            onClick: p,
+            startIcon: /* @__PURE__ */ e(he, { sx: { fontSize: 16 } }),
+            className: t.reviewEditSectionBtn,
+            children: "EDIT"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(i, { className: t.studentsTableContainer, children: /* @__PURE__ */ n(be, { className: t.studentsTable, children: [
+        /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ n(V, { className: t.tableHeaderRow, children: [
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: "Student Name" }),
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: "Flag" }),
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: "Grade" }),
+          /* @__PURE__ */ e(w, { className: t.tableHeaderCell, children: "Email" })
+        ] }) }),
+        /* @__PURE__ */ e(Ne, { children: d.length === 0 ? /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(w, { colSpan: 4, align: "center", sx: { py: 3, color: "#94a3b8" }, children: "No students selected." }) }) : d.map((C) => /* @__PURE__ */ n(V, { className: t.studentTableRow, children: [
+          /* @__PURE__ */ e(w, { className: t.studentNameCell, children: /* @__PURE__ */ n(G, { direction: "row", alignItems: "center", spacing: 1.5, children: [
+            /* @__PURE__ */ e(
+              Nt,
+              {
+                src: C.avatarUrl,
+                alt: C.name,
+                sx: {
+                  width: 28,
+                  height: 28,
+                  fontSize: "0.75rem",
+                  bgcolor: "#e0e7ff",
+                  color: "#3730a3"
+                },
+                children: C.name.charAt(0)
+              }
+            ),
+            /* @__PURE__ */ e(g, { variant: "body2", className: t.studentNameText, children: C.name })
+          ] }) }),
+          /* @__PURE__ */ e(w, { className: t.flagCell, children: /* @__PURE__ */ e(
+            fs,
+            {
+              flag: C.flag,
+              tooltip: C.flagTooltip
+            }
+          ) }),
+          /* @__PURE__ */ e(w, { className: t.gradeCell, children: /* @__PURE__ */ e(g, { variant: "body2", className: t.gradeText, children: C.grade }) }),
+          /* @__PURE__ */ e(w, { className: t.emailCell, children: /* @__PURE__ */ e(g, { variant: "body2", className: t.emailText, children: C.email }) })
+        ] }, C.id)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(
+      pe,
+      {
+        currentStep: u,
+        totalSteps: o,
+        isLastStep: !0,
+        nextLabel: "PUBLISH",
+        onPreview: () => m(!0),
+        onPrevious: r,
+        onNext: S
+      }
+    ),
+    /* @__PURE__ */ e(
+      Cs,
+      {
+        open: T,
+        title: l.title || a.templateName,
+        description: a.description,
+        deadline: l.deadline,
+        questions: a.questions,
+        onClose: () => m(!1)
+      }
+    )
+  ] });
+}, bs = [
+  {
+    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"
+  }
+], Ss = ({
+  template: a,
+  initialDraftData: l,
+  onSave: d,
+  onCancel: u,
+  onAddQuestionRedirect: o,
+  onEditQuestionRedirect: c
+}) => {
+  const h = M(() => {
+    const v = a.rawTemplate?.questionTemplates, f = Le(v, a.category || "Well-being");
+    return f.length > 0 ? f : bs;
+  }, [a]), [p, r] = W(() => l || {
+    id: a.id,
+    templateName: a.title,
+    description: a.description || "",
+    showLandingPageFlag: !1,
+    category: a.category || "Well-being",
+    questions: h
+  }), S = M(() => {
+    const v = /* @__PURE__ */ new Set();
+    p.category?.trim() && v.add(p.category.trim()), p.questions.forEach((z) => {
+      const R = z.category?.trim();
+      R && v.add(R);
+    });
+    const f = Array.from(v);
+    return f.length > 0 ? f : ["General"];
+  }, [p.category, p.questions]), T = (v) => {
+    r((f) => ({ ...f, templateName: v }));
+  }, m = (v) => {
+    r((f) => ({ ...f, description: v }));
+  }, C = (v) => {
+    r((f) => ({ ...f, category: v }));
+  }, D = (v) => {
+    c && c(v, p);
+  }, P = (v) => {
+    r((f) => ({
+      ...f,
+      questions: f.questions.filter((z) => z.id !== v).map((z, R) => ({ ...z, orderNumber: R + 1 }))
+    }));
+  }, N = () => {
+    o && o(p);
+  }, F = () => {
+    const v = {
+      ...a,
+      title: p.templateName,
+      description: p.description,
+      category: p.category,
+      questionCount: p.questions.length,
+      rawTemplate: {
+        ...a.rawTemplate,
+        questionTemplates: p.questions.map((f) => ({
+          questionId: typeof f.id == "number" || String(f.id).startsWith("q-") ? f.id : parseInt(String(f.id)),
+          questionText: f.questionText,
+          type: f.type,
+          category: f.category
+        }))
+      }
+    };
+    d(v);
+  };
+  return {
+    formData: p,
+    categoryOptions: S,
+    totalQuestionsCount: p.questions.length,
+    handleTemplateNameChange: T,
+    handleDescriptionChange: m,
+    handleCategoryChange: C,
+    handleEditQuestion: D,
+    handleRemoveQuestion: P,
+    handleAddQuestion: N,
+    handleSave: F,
+    handleCancel: u
+  };
+}, Ns = ({
+  template: a,
+  initialDraftData: l,
+  onSave: d,
+  onCancel: u,
+  onAddQuestionRedirect: o,
+  onEditQuestionRedirect: c
+}) => {
+  const {
+    formData: h,
+    categoryOptions: p,
+    totalQuestionsCount: r,
+    handleTemplateNameChange: S,
+    handleDescriptionChange: T,
+    handleCategoryChange: m,
+    handleEditQuestion: C,
+    handleRemoveQuestion: D,
+    handleAddQuestion: P,
+    handleSave: N,
+    handleCancel: F
+  } = Ss({
+    template: a,
+    initialDraftData: l,
+    onSave: d,
+    onCancel: u,
+    onAddQuestionRedirect: o,
+    onEditQuestionRedirect: c
+  });
+  se(() => {
+    window.scrollTo({ top: 0, behavior: "instant" });
+    const f = document.querySelector("main");
+    f && f.scrollTo({ top: 0, behavior: "instant" });
+    const z = document.documentElement || document.body;
+    z && (z.scrollTop = 0);
+  }, []);
+  const v = (f) => {
+    m(f.target.value);
+  };
+  return /* @__PURE__ */ n(i, { className: t.chooseTemplateCard, children: [
+    /* @__PURE__ */ n(i, { className: t.editTemplateHeaderSection, children: [
+      /* @__PURE__ */ e(g, { variant: "h5", className: t.headerTitle, children: "Edit Template" }),
+      /* @__PURE__ */ n(G, { direction: "row", alignItems: "center", spacing: 2, children: [
+        /* @__PURE__ */ e(
+          Q,
+          {
+            onClick: F,
+            className: t.editTemplateCancelBtn,
+            children: "CANCEL"
+          }
+        ),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            variant: "contained",
+            onClick: N,
+            startIcon: /* @__PURE__ */ e($e, {}),
+            className: t.editTemplateSaveBtn,
+            disabled: !h.templateName || h.templateName.trim() === "",
+            children: "SAVE CHANGES"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ n(g, { variant: "subtitle2", className: t.formFieldLabel, children: [
+        "Template Name ",
+        /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+      ] }),
+      /* @__PURE__ */ e(
+        J,
+        {
+          fullWidth: !0,
+          variant: "outlined",
+          value: h.templateName,
+          onChange: (f) => S(f.target.value),
+          placeholder: "Enter template name",
+          className: t.customTextField
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ e(g, { 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: h.description,
+          onChange: (f) => T(f.target.value),
+          placeholder: "Enter description and instructions",
+          className: t.customTextField
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(i, { className: t.formFieldBlock, children: [
+      /* @__PURE__ */ n(g, { variant: "subtitle2", className: t.formFieldLabel, children: [
+        "Category ",
+        /* @__PURE__ */ e("span", { className: t.requiredAsterisk, children: "*" })
+      ] }),
+      /* @__PURE__ */ e(ce, { fullWidth: !0, size: "small", children: /* @__PURE__ */ e(
+        de,
+        {
+          value: h.category,
+          onChange: v,
+          className: t.templateCategorySelect,
+          children: p.map((f) => /* @__PURE__ */ e(ue, { value: f, children: f }, f))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(i, { className: t.questionsHeaderSection, children: /* @__PURE__ */ n(G, { direction: "row", alignItems: "center", spacing: 0.75, children: [
+      /* @__PURE__ */ e(g, { variant: "subtitle1", className: t.questionsTitle, children: "Questions" }),
+      /* @__PURE__ */ e(g, { variant: "subtitle1", className: t.questionsCountNumber, children: r })
+    ] }) }),
+    /* @__PURE__ */ e(
+      je,
+      {
+        questions: h.questions,
+        onEditQuestion: C,
+        onRemoveQuestion: D
+      }
+    ),
+    /* @__PURE__ */ e(i, { className: t.addQuestionWrapper, children: /* @__PURE__ */ e(
+      Q,
+      {
+        onClick: P,
+        startIcon: /* @__PURE__ */ e(Ve, {}),
+        className: t.addQuestionBtn,
+        children: "ADD QUESTION"
+      }
+    ) })
+  ] });
+}, Os = () => {
+  const a = Oe(), l = Me((q) => q?.common?.user?.roles), d = Ge(), u = M(() => {
+    if (localStorage.getItem("is_returning_from_question") === "true") {
+      const O = localStorage.getItem("create_survey_draft");
+      if (O)
+        try {
+          return JSON.parse(O);
+        } catch {
+        }
+    }
+    return null;
+  }, []);
+  se(() => {
+    const q = setTimeout(() => {
+      localStorage.getItem("is_returning_from_question") === "true" ? localStorage.removeItem("is_returning_from_question") : localStorage.removeItem("create_survey_draft");
+    }, 500);
+    return () => clearTimeout(q);
+  }, []);
+  const {
+    steps: o,
+    activeStep: c,
+    categories: h,
+    selectedCategory: p,
+    selectedTemplateId: r,
+    templates: S,
+    editingTemplate: T,
+    handleSelectCategory: m,
+    handleSelectTemplate: C,
+    handleCreateBlankSurvey: D,
+    handleEditTemplate: P,
+    handleCloseEditTemplate: N,
+    handleSaveEditTemplate: F,
+    handleGoBackToDashboard: v,
+    handlePreviousStep: f,
+    handleNextStep: z,
+    handleGoToStep: R
+  } = Qt(u), Z = M(() => {
+    if (r === "BLANK") return null;
+    if (r) {
+      const q = S.find((O) => O.id === r);
+      return q || null;
+    }
+    return S.length > 0 ? S[0] : null;
+  }, [S, r]), {
+    formData: Y,
+    questionCategories: X,
+    filteredQuestions: K,
+    totalQuestionsCount: ee,
+    handleTemplateNameChange: j,
+    handleDescriptionChange: te,
+    handleCategoryFilterChange: y,
+    handleRemoveQuestion: b
+  } = Ot(r, Z, u), {
+    formData: s,
+    handleTitleChange: B,
+    handleDeadlineChange: I
+  } = Mt(u), {
+    students: L,
+    allFilteredStudents: A,
+    totalStudentsCount: $,
+    totalSelectedCount: _,
+    selectedStudentIds: k,
+    filters: U,
+    gradeOptions: we,
+    flagOptions: xe,
+    teacherOptions: fe,
+    isAllSelected: le,
+    isIndeterminate: Fe,
+    handleSortChange: Ie,
+    handleSearchChange: re,
+    handleGradeFilterChange: Je,
+    handleFlagFilterChange: Ze,
+    handleTeacherFilterChange: Xe,
+    handlePageChange: et,
+    handleRowsPerPageChange: tt,
+    handleToggleSelectAll: nt,
+    handleToggleStudent: at
+  } = $t(u), _e = (q) => {
+    const O = {
+      activeStep: c,
+      selectedCategory: p,
+      selectedTemplateId: r,
+      step2FormData: Y,
+      step3FormData: s,
+      selectedStudentIds: k,
+      editingTemplate: T,
+      ...q
+    };
+    localStorage.setItem("create_survey_draft", JSON.stringify(O));
+  }, st = () => {
+    _e(), d("/admin/create-survey-question?type=0&from=create-survey");
+  }, lt = (q) => {
+    _e(), d(`/admin/survey-question-detail/${q}?type=0&from=create-survey`);
+  }, rt = M(() => (A || L).filter((q) => k.includes(q.id)), [A, L, k]), it = async () => {
+    const q = /* @__PURE__ */ new Map();
+    (A || L || []).forEach((E) => q.set(E.id, E));
+    const O = [], ne = [], Ce = [];
+    k.forEach((E) => {
+      const H = q.get(E);
+      if (H)
+        H.schoolLevel === "ES" && H.userId ? (ne.push(H.userId), Ce.push({
+          userId: H.userId,
+          name: H.name,
+          firstName: H.name?.split(" ")?.[0] || "",
+          email: H.email,
+          studentId: H.studentId
+        })) : H.studentId !== void 0 ? O.push(H.studentId) : typeof E == "number" ? O.push(E) : H.userId && (ne.push(H.userId), Ce.push({
+          userId: H.userId,
+          name: H.name,
+          firstName: H.name?.split(" ")?.[0] || "",
+          email: H.email,
+          studentId: H.studentId
+        }));
+      else if (typeof E == "number" || !isNaN(Number(E)) && !String(E).includes("-"))
+        O.push(Number(E));
+      else {
+        const ie = String(E);
+        ne.push(ie), Ce.push({
+          userId: ie,
+          name: `Student ${ie}`,
+          firstName: "Student",
+          email: ""
+        });
+      }
+    });
+    const dt = [
+      {
+        id: r,
+        name: Y.templateName,
+        title: Y.templateName,
+        description: Y.description,
+        numberQuestion: Y.questions.length,
+        orderDefaultSurvey: 1,
+        questionTemplates: Y.questions.map((E, H) => ({
+          questionId: typeof E.id == "string" && E.id.startsWith("q-") ? 0 : Number(E.id),
+          questionText: E.questionText,
+          type: E.type || "MultipleChoice",
+          orderDefaultQuestionTemplate: E.orderNumber ?? H,
+          answers: E.options && Array.isArray(E.options) ? E.options.map((ie, ht) => ({
+            id: 0,
+            text: ie,
+            order: ht
+          })) : E.answers || []
+        }))
+      }
+    ], ut = s.deadline ? Re(s.deadline, "DD.MM.YYYY hh:mm A").valueOf() : null, mt = {
+      title: s.title,
+      deadline: ut,
+      studentIds: O,
+      esStudentUserIds: ne,
+      studentUserIds: ne,
+      esStudents: Ce,
+      additionalQuestions: [],
+      staffIds: [],
+      summarizeQuestions: [],
+      isAdmin: !0,
+      isDraft: !1,
+      role: Array.isArray(l) ? l.join(",") : l ? String(l) : "Admin",
+      templateQuestions: dt
+    };
+    try {
+      a(ae(!0)), await Ft(mt), a(
+        me({
+          type: "success",
+          message: "Publish survey success"
+        })
+      ), v();
+    } catch (E) {
+      console.error("Error publishing survey:", E), a(
+        me({
+          type: "danger",
+          message: E?.response?.data?.title || E?.message || "Failed to publish survey"
+        })
+      );
+    } finally {
+      a(ae(!1));
+    }
+  };
+  se(() => {
+    window.scrollTo({ top: 0, behavior: "instant" });
+    const q = document.querySelector("main");
+    q && q.scrollTo({ top: 0, behavior: "instant" });
+    const O = document.documentElement || document.body;
+    O && (O.scrollTop = 0);
+  }, [c, T]);
+  const ot = (q) => {
+    _e({ editingTemplateFormData: q }), d("/admin/create-survey-question?type=0&from=edit-template");
+  }, ct = (q, O) => {
+    _e({ editingTemplateFormData: O }), d(`/admin/survey-question-detail/${q}?type=0&from=edit-template`);
+  };
+  return T ? /* @__PURE__ */ e(i, { className: t.createSurveyPage, children: /* @__PURE__ */ e(i, { className: t.contentBody, children: /* @__PURE__ */ e(
+    Ns,
+    {
+      template: T,
+      initialDraftData: u?.editingTemplateFormData,
+      onSave: F,
+      onCancel: N,
+      onAddQuestionRedirect: ot,
+      onEditQuestionRedirect: ct
+    }
+  ) }) }) : /* @__PURE__ */ n(i, { className: t.createSurveyPage, children: [
+    /* @__PURE__ */ e(i, { className: t.headerTopBar, children: /* @__PURE__ */ e(
+      ts,
+      {
+        steps: o,
+        activeStep: c,
+        onBack: v
+      }
+    ) }),
+    /* @__PURE__ */ n(i, { className: t.contentBody, children: [
+      c === 0 && /* @__PURE__ */ e(
+        rs,
+        {
+          categories: h,
+          selectedCategory: p,
+          templates: S,
+          selectedTemplateId: r,
+          currentStepNumber: c + 1,
+          totalSteps: o.length,
+          onSelectCategory: m,
+          onSelectTemplate: C,
+          onCreateBlank: D,
+          onEditTemplate: P,
+          onPrevious: f,
+          onNext: z
+        }
+      ),
+      c === 1 && /* @__PURE__ */ e(
+        os,
+        {
+          formData: Y,
+          questionCategories: X,
+          filteredQuestions: K,
+          totalQuestionsCount: ee,
+          currentStepNumber: c + 1,
+          totalSteps: o.length,
+          onTemplateNameChange: j,
+          onDescriptionChange: te,
+          onCategoryFilterChange: y,
+          onEditQuestion: lt,
+          onRemoveQuestion: b,
+          onAddQuestion: st,
+          onPrevious: f,
+          onNext: z
+        }
+      ),
+      c === 2 && /* @__PURE__ */ e(
+        cs,
+        {
+          formData: s,
+          currentStepNumber: c + 1,
+          totalSteps: o.length,
+          onTitleChange: B,
+          onDeadlineChange: I,
+          onPrevious: f,
+          onNext: z
+        }
+      ),
+      c === 3 && /* @__PURE__ */ e(
+        hs,
+        {
+          students: L,
+          totalStudentsCount: $,
+          totalSelectedCount: _,
+          selectedStudentIds: k,
+          filters: U,
+          gradeOptions: we,
+          flagOptions: xe,
+          teacherOptions: fe,
+          page: U.page,
+          rowsPerPage: U.rowsPerPage,
+          isAllSelected: le,
+          isIndeterminate: Fe,
+          sortBy: U.sortBy,
+          sortOrder: U.sortOrder,
+          onSortChange: Ie,
+          currentStepNumber: c + 1,
+          totalSteps: o.length,
+          onSearchChange: re,
+          onGradeChange: Je,
+          onFlagChange: Ze,
+          onTeacherChange: Xe,
+          onPageChange: et,
+          onRowsPerPageChange: tt,
+          onToggleSelectAll: nt,
+          onToggleStudent: at,
+          onPrevious: f,
+          onNext: z
+        }
+      ),
+      c === 4 && /* @__PURE__ */ e(
+        ys,
+        {
+          templateFormData: Y,
+          surveyFormData: s,
+          selectedStudents: rt,
+          currentStepNumber: c + 1,
+          totalSteps: o.length,
+          onEditTemplateDetails: () => R(1),
+          onEditSurveyDetails: () => R(2),
+          onEditSelectedStudents: () => R(3),
+          onPrevious: f,
+          onPublish: it
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Os as default
+};