mario-education 2.0.176-staging → 2.0.178-staging

package/dist/CreateSurveyAdminV2-B_l4G2Sy.js

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