mario-education 2.0.40-release → 2.0.41-release

package/dist/AgGridComponents-DDk8se4v.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),r=require("mario-core"),l=require("./constants-Dx5hVWbo.cjs"),a=require("@mui/material"),c=()=>t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("g",{opacity:"0.4",children:t.jsx("path",{d:"M5 19H6.098L16.7962 8.302L15.698 7.20375L5 17.902V19ZM4 20V17.4808L17.1807 4.2865C17.2832 4.19517 17.3963 4.12458 17.52 4.07475C17.6438 4.02492 17.7729 4 17.9072 4C18.0416 4 18.1717 4.02117 18.2977 4.0635C18.4236 4.10583 18.5397 4.18208 18.6462 4.29225L19.7135 5.3655C19.8237 5.47183 19.899 5.5885 19.9395 5.7155C19.9798 5.84267 20 5.96975 20 6.09675C20 6.23225 19.9772 6.36192 19.9315 6.48575C19.8858 6.60942 19.8132 6.7225 19.7135 6.825L6.51925 20H4ZM16.2375 7.7625L15.698 7.20375L16.7962 8.302L16.2375 7.7625Z",fill:"#242424"})})}),u={root:{padding:0,"&.Mui-checked":{color:"#3f51b5 !important"}}},d={whiteSpace:"normal",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",lineHeight:"1.5em",maxHeight:"3em"},x=e=>t.jsx("div",{style:d,children:r.getTextFromHTML(e?.data?.text)||"No text"}),h=e=>t.jsx("div",{children:r.getTextFromHTML(e?.data?.title)||"No title"}),v=e=>{const n=l.weeklyQuestChallenge.find(s=>s.data===e?.data?.challenge);return n?t.jsx("div",{children:r.getTextFromHTML(n?.label)}):t.jsx("div",{children:"No challenge"})},C=e=>{const n=l.weeklyQuestSource.find(s=>s.data===e?.data?.source);return n?t.jsx("div",{children:r.getTextFromHTML(n?.label)}):t.jsx("div",{children:"No source"})},j=e=>{const n=l.weeklyQuestRequest.find(s=>s.data===e?.data?.request);return n?t.jsx("div",{children:r.getTextFromHTML(n?.label)}):t.jsx("div",{children:"No request"})},y=e=>t.jsx(a.Checkbox,{color:"primary",disabled:!0,checked:e?.data?.status,sx:u.root}),T=({params:e,edit:n,remove:s})=>{const i=e?.data?.isDefaultQuestion&&!e?.data?.isDefaultClassReflection&&!e?.data?.isDefaultSurvey?!e?.data?.isInCluster:!(e?.data?.isDefaultQuestion||e?.data?.isDefaultQuestionGeneralClass);return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"5px"},children:[t.jsx(r.EditButtonIcon,{className:"delete-icon-pale",onClick:()=>n(e?.data?.id)}),i&&t.jsx("span",{className:"mx-2"}),i&&t.jsx(r.DeleteButtonIcon,{className:"delete-icon-pale",onClick:()=>s(e?.data?.id)})]})},f=({params:e,edit:n,remove:s})=>{const i=e?.data?.isDefaultQuestion&&!e?.data?.isDefaultClassReflection&&!e?.data?.isDefaultSurvey?!e?.data?.isInCluster:!(e?.data?.isDefaultQuestion||e?.data?.isDefaultQuestionGeneralClass);return t.jsxs("div",{children:[t.jsx("div",{className:"d-inline text-center cursor-pointer hover-opacity",title:"Edit",onClick:()=>n(e?.data?.id),children:t.jsx(c,{})}),i&&t.jsx("span",{className:"mx-2"}),i&&t.jsx(r.DeleteButtonIcon,{className:"delete-icon-pale",onClick:()=>s(e?.data?.id)})]})},Q=e=>t.jsx("div",{style:d,children:e?.data?.category?.name}),g=e=>{const n=r.QUESTION_TYPES_OPTIONS.find(s=>s.value===e?.data?.type);return n?t.jsx("div",{children:n.label}):t.jsx("div",{children:e?.data?.type})},k=e=>t.jsx("div",{children:e?.data?.userForQuestion}),b=e=>{const n=r.QUESTION_TYPES_OPTIONS.find(s=>s.value===e?.data?.type);return n?t.jsx("div",{style:d,children:n.label}):t.jsx("div",{style:d,children:e?.data?.type})};exports.renderActions=T;exports.renderActionsCustom=f;exports.renderCategory=Q;exports.renderQuestActive=y;exports.renderQuestChallenge=v;exports.renderQuestRequest=j;exports.renderQuestSource=C;exports.renderQuestText=h;exports.renderQuestionText=x;exports.renderType=g;exports.renderTypeSurvey=b;exports.renderUserQuestion=k;

package/dist/AgGridComponents-kqFYvysF.js

@@ -0,0 +1,84 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { getTextFromHTML as s, QUESTION_TYPES_OPTIONS as d, EditButtonIcon as u, DeleteButtonIcon as o } from "mario-core";
+import { w as h, a as f, b as v } from "./constants-DnLmXiRl.js";
+import { Checkbox as C } from "@mui/material";
+const x = () => /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("g", { opacity: "0.4", children: /* @__PURE__ */ t("path", { d: "M5 19H6.098L16.7962 8.302L15.698 7.20375L5 17.902V19ZM4 20V17.4808L17.1807 4.2865C17.2832 4.19517 17.3963 4.12458 17.52 4.07475C17.6438 4.02492 17.7729 4 17.9072 4C18.0416 4 18.1717 4.02117 18.2977 4.0635C18.4236 4.10583 18.5397 4.18208 18.6462 4.29225L19.7135 5.3655C19.8237 5.47183 19.899 5.5885 19.9395 5.7155C19.9798 5.84267 20 5.96975 20 6.09675C20 6.23225 19.9772 6.36192 19.9315 6.48575C19.8858 6.60942 19.8132 6.7225 19.7135 6.825L6.51925 20H4ZM16.2375 7.7625L15.698 7.20375L16.7962 8.302L16.2375 7.7625Z", fill: "#242424" }) }) }), y = {
+  root: {
+    padding: 0,
+    "&.Mui-checked": {
+      color: "#3f51b5 !important"
+    }
+  }
+}, l = {
+  whiteSpace: "normal",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  display: "-webkit-box",
+  WebkitLineClamp: 2,
+  WebkitBoxOrient: "vertical",
+  lineHeight: "1.5em",
+  maxHeight: "3em"
+}, p = (e) => /* @__PURE__ */ t("div", { style: l, children: s(e?.data?.text) || "No text" }), w = (e) => /* @__PURE__ */ t("div", { children: s(e?.data?.title) || "No title" }), D = (e) => {
+  const n = h.find((i) => i.data === e?.data?.challenge);
+  return n ? /* @__PURE__ */ t("div", { children: s(n?.label) }) : /* @__PURE__ */ t("div", { children: "No challenge" });
+}, N = (e) => {
+  const n = f.find((i) => i.data === e?.data?.source);
+  return n ? /* @__PURE__ */ t("div", { children: s(n?.label) }) : /* @__PURE__ */ t("div", { children: "No source" });
+}, T = (e) => {
+  const n = v.find((i) => i.data === e?.data?.request);
+  return n ? /* @__PURE__ */ t("div", { children: s(n?.label) }) : /* @__PURE__ */ t("div", { children: "No request" });
+}, m = (e) => /* @__PURE__ */ t(
+  C,
+  {
+    color: "primary",
+    disabled: !0,
+    checked: e?.data?.status,
+    sx: y.root
+  }
+), I = ({ params: e, edit: n, remove: i }) => {
+  const a = e?.data?.isDefaultQuestion && !e?.data?.isDefaultClassReflection && !e?.data?.isDefaultSurvey ? !e?.data?.isInCluster : !(e?.data?.isDefaultQuestion || e?.data?.isDefaultQuestionGeneralClass);
+  return /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "5px" }, children: [
+    /* @__PURE__ */ t(u, { className: "delete-icon-pale", onClick: () => n(e?.data?.id) }),
+    a && /* @__PURE__ */ t("span", { className: "mx-2" }),
+    a && /* @__PURE__ */ t(o, { className: "delete-icon-pale", onClick: () => i(e?.data?.id) })
+  ] });
+}, L = ({ params: e, edit: n, remove: i }) => {
+  const a = e?.data?.isDefaultQuestion && !e?.data?.isDefaultClassReflection && !e?.data?.isDefaultSurvey ? !e?.data?.isInCluster : !(e?.data?.isDefaultQuestion || e?.data?.isDefaultQuestionGeneralClass);
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "d-inline text-center cursor-pointer hover-opacity",
+        title: "Edit",
+        onClick: () => n(e?.data?.id),
+        children: /* @__PURE__ */ t(x, {})
+      }
+    ),
+    a && /* @__PURE__ */ t("span", { className: "mx-2" }),
+    a && /* @__PURE__ */ t(o, { className: "delete-icon-pale", onClick: () => i(e?.data?.id) })
+  ] });
+}, S = (e) => /* @__PURE__ */ t("div", { style: l, children: e?.data?.category?.name }), H = (e) => {
+  const n = d.find(
+    (i) => i.value === e?.data?.type
+  );
+  return n ? /* @__PURE__ */ t("div", { children: n.label }) : /* @__PURE__ */ t("div", { children: e?.data?.type });
+}, M = (e) => /* @__PURE__ */ t("div", { children: e?.data?.userForQuestion }), O = (e) => {
+  const n = d.find(
+    (i) => i.value === e?.data?.type
+  );
+  return n ? /* @__PURE__ */ t("div", { style: l, children: n.label }) : /* @__PURE__ */ t("div", { style: l, children: e?.data?.type });
+};
+export {
+  H as a,
+  S as b,
+  I as c,
+  M as d,
+  O as e,
+  L as f,
+  w as g,
+  D as h,
+  N as i,
+  T as j,
+  m as k,
+  p as r
+};

package/dist/QuestionBankContainer-CufZ2ovg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("mario-core"),t=require("./QuestionBankList-Cq31dqeX.cjs"),n=[{path:"/admin/question/default-question-list",title:"check_in_and_1_1_questions",component:()=>e.jsx(t.default,{isDefaultQuestion:!0,isDefaultClassReflection:!1,isDefaultSurvey:!1})},{path:"/admin/question/wellbeing-list",title:"wellbeing_questions",component:()=>e.jsx(t.default,{isDefaultQuestion:!1,isDefaultClassReflection:!1,isDefaultSurvey:!1,isWellbeingQuestion:!0})},{path:"/admin/question/class-reflection-list",title:"class_reflection_question",component:()=>e.jsx(t.default,{isDefaultQuestion:!0,isDefaultClassReflection:!0})},{path:"/admin/question/conference-list",title:"conference_question",component:()=>e.jsx(t.default,{isDefaultQuestion:!1,isDefaultClassReflection:!1,isDefaultConference:!0})}],l="question_bank",u=()=>{const{t:i}=s.useTranslation();return e.jsx(s.CustomTab,{title:i(l),tabs:n})};exports.default=u;

package/dist/QuestionBankContainer-DULJZI_O.js

@@ -0,0 +1,59 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useTranslation as i, CustomTab as n } from "mario-core";
+import t from "./QuestionBankList-BksfBJOE.js";
+const l = [
+  {
+    path: "/admin/question/default-question-list",
+    title: "check_in_and_1_1_questions",
+    component: () => /* @__PURE__ */ e(
+      t,
+      {
+        isDefaultQuestion: !0,
+        isDefaultClassReflection: !1,
+        isDefaultSurvey: !1
+      }
+    )
+  },
+  {
+    path: "/admin/question/wellbeing-list",
+    title: "wellbeing_questions",
+    component: () => /* @__PURE__ */ e(
+      t,
+      {
+        isDefaultQuestion: !1,
+        isDefaultClassReflection: !1,
+        isDefaultSurvey: !1,
+        isWellbeingQuestion: !0
+      }
+    )
+  },
+  {
+    path: "/admin/question/class-reflection-list",
+    title: "class_reflection_question",
+    component: () => /* @__PURE__ */ e(
+      t,
+      {
+        isDefaultQuestion: !0,
+        isDefaultClassReflection: !0
+      }
+    )
+  },
+  {
+    path: "/admin/question/conference-list",
+    title: "conference_question",
+    component: () => /* @__PURE__ */ e(
+      t,
+      {
+        isDefaultQuestion: !1,
+        isDefaultClassReflection: !1,
+        isDefaultConference: !0
+      }
+    )
+  }
+], o = "question_bank", c = () => {
+  const { t: s } = i();
+  return /* @__PURE__ */ e(n, { title: s(o), tabs: l });
+};
+export {
+  c as default
+};

package/dist/QuestionBankList-BksfBJOE.js

@@ -0,0 +1,304 @@
+import { jsxs as y, jsx as c } from "react/jsx-runtime";
+import { useRef as M, useEffect as Q, useState as $, useCallback as O, useMemo as B } from "react";
+import { Row as b, Col as v } from "reactstrap";
+import { AgGridReact as U } from "@ag-grid-community/react";
+import { MasterDetailModule as G } from "@ag-grid-enterprise/master-detail";
+import { ClientSideRowModelModule as j } from "@ag-grid-community/client-side-row-model";
+import { useTranslation as F, setLoading as p, setQuestionList as z, setAlert as w, setModal as H, SearchBoxContainer as J, CustomPagination as V } from "mario-core";
+import { useSelector as E, useDispatch as Y } from "react-redux";
+import { useNavigate as K } from "react-router-dom";
+import { T as _ } from "./constants-DnLmXiRl.js";
+import { Q as W } from "./QuestionPreview-DCOioiUM.js";
+import { g as X, u as Z, r as ee } from "./questionService-QOYcahgr.js";
+import { r as te, a as re, b as se, c as ne, d as oe } from "./AgGridComponents-kqFYvysF.js";
+import { C as ae } from "./CheckboxCustom-CRZWuCKp.js";
+const ie = "/admin/question-bank", ce = "/admin/create-question", de = "Question list", le = (l, a, C, m, R) => {
+  const q = K(), { t: o } = F(), S = E(
+    (e) => e.questionBank.questionList
+  ), I = E(
+    (e) => e.questionBank.totalItems
+  ), i = M(), f = (e) => i.current = e, N = () => i && i.current && i.current.sizeColumnsToFit();
+  Q(() => {
+    N();
+  }, [S]);
+  const x = {
+    currentPage: 1,
+    pageSize: 10,
+    searchString: "",
+    isDefaultQuestion: l,
+    isDefaultClassReflection: a,
+    isWellbeingQuestion: R,
+    isDefaultConference: C ?? void 0,
+    isDefaultSurvey: m ?? void 0,
+    sortBy: m ? "0" : "",
+    isDescending: !1,
+    isIntervention: !1
+  }, [n, D] = $(x), d = (e) => {
+    const s = {
+      ...n,
+      ...e
+    };
+    s.searchString && (s.currentPage = 1), D(s);
+  }, L = () => {
+    d({ isIntervention: !n.isIntervention });
+  }, t = Y(), r = O(async () => {
+    t(p(!0));
+    try {
+      let e = n;
+      a && !l && delete e.isDefaultQuestion;
+      const s = await X(n), { items: h, totalItems: A } = s.data;
+      t(z({ questionList: h, totalItems: A }));
+    } catch (e) {
+      t(
+        w({
+          type: "danger",
+          message: e.response?.data?.title || "Get questions failed"
+        })
+      );
+    }
+    t(p(!1));
+  }, [t, n]), u = O(
+    async (e, s) => {
+      t(p(!0));
+      try {
+        await Z(e, s), t(
+          w({
+            type: "success",
+            message: "update order successfully"
+          })
+        );
+      } catch (h) {
+        t(
+          w({
+            type: "danger",
+            message: h.response?.data?.title || "Get questions failed"
+          })
+        );
+      }
+      t(p(!1));
+    },
+    [t, n]
+  ), g = O(
+    (e) => {
+      t(p(!0)), t(
+        H({
+          isOpen: !0,
+          type: "warning",
+          message: o("do_you_want_to_remove_this_question"),
+          onConfirm: async () => {
+            try {
+              await ee(e), r(), t(
+                w({
+                  type: "success",
+                  message: "Remove question successfully"
+                })
+              );
+            } catch (s) {
+              t(
+                w({
+                  type: "danger",
+                  message: s.response?.data?.title || "Remove question failed"
+                })
+              );
+            }
+          }
+        })
+      ), t(p(!1));
+    },
+    [n]
+  ), T = O((e) => {
+    let s = _.Default;
+    l && !a ? s = _.OneToOne : a ? s = _.ClassReflection : C ? s = _.Conference : R && (s = _.Wellbeing);
+    const h = e ? `${ie}/${e}` : ce;
+    q(`${h}?type=${s}`);
+  }, []);
+  Q(() => {
+    document.title = de;
+  }, []), Q(() => {
+    r();
+  }, [n]);
+  const k = (e) => {
+    d(
+      n.sortBy == e ? { isDescending: !n.isDescending } : { sortOrder: !1, sortBy: e }
+    );
+  }, P = [
+    {
+      headerName: "",
+      cellRenderer: "agGroupCellRenderer",
+      width: 20
+    },
+    {
+      headerName: o("question_text"),
+      sortingOrder: ["asc", "desc"],
+      cellRenderer: (e) => te(e)
+    },
+    {
+      headerName: o("question_type"),
+      sortingOrder: ["asc", "desc"],
+      cellRenderer: (e) => re(e)
+    },
+    {
+      headerName: o("category"),
+      sortingOrder: ["asc", "desc"],
+      cellRenderer: (e) => se(e)
+    },
+    {
+      width: 80,
+      headerComponentParams: {
+        template: `<div class="text-center w-100">${o("actions")}</div>`
+      },
+      cellStyle: { textAlign: "center" },
+      cellRenderer: (e) => ne({
+        params: e,
+        edit: T,
+        remove: g
+      })
+    }
+  ];
+  return {
+    gridOptions: {
+      columnDefs: l && !a ? [
+        ...P,
+        {
+          rowDrag: !0,
+          onRowDragMove: () => {
+            console.log("run");
+          },
+          headerComponentParams: {
+            template: `<div class="text-center w-100">${o("order")}</div>`
+          }
+        }
+      ] : a ? [
+        ...P,
+        {
+          cellRenderer: (e) => oe(e),
+          headerComponentParams: {
+            template: `<div class="text-center w-100">${o("user_for")}</div>`
+          }
+        },
+        {
+          rowDrag: !0,
+          headerComponentParams: {
+            template: `<div class="text-center w-100">${o("order")}</div>`
+          }
+        }
+      ] : P,
+      detailCellRenderer: "preview",
+      defaultColDef: {
+        resizable: !0
+      },
+      components: { preview: W },
+      localeText: { noRowsToShow: o("no_question_to_display") }
+    },
+    setRef: f,
+    questionList: S,
+    totalItems: I,
+    filters: n,
+    changeFilters: d,
+    getData: r,
+    removeData: g,
+    goToDetail: T,
+    updateOrderQuestions: u,
+    onToggleIntervention: L,
+    handleSortFilter: k
+  };
+}, Oe = ({
+  isDefaultQuestion: l = !1,
+  isDefaultClassReflection: a,
+  isDefaultConference: C,
+  isDefaultSurvey: m,
+  isWellbeingQuestion: R
+}) => {
+  const {
+    totalItems: q,
+    gridOptions: o,
+    setRef: S,
+    goToDetail: I,
+    filters: i,
+    changeFilters: f,
+    updateOrderQuestions: N,
+    onToggleIntervention: x,
+    handleSortFilter: n,
+    questionList: D
+  } = le(l, a, C, m, R), { t: d } = F(), L = B(() => ({
+    sortable: !0
+  }), []), t = (r) => {
+    const u = r.node.parent.childrenAfterFilter.map(
+      (g, T) => ({
+        id: g.data.id,
+        orderDrag: ++T
+      })
+    );
+    N(u, a);
+  };
+  return /* @__PURE__ */ y("div", { className: "animated fadeIn", children: [
+    /* @__PURE__ */ y(b, { className: "my-2", children: [
+      /* @__PURE__ */ c(v, { md: 8, children: /* @__PURE__ */ c(
+        J,
+        {
+          text: d("create_question"),
+          onClick: () => I(),
+          initValue: i.searchString,
+          onSearch: (r) => f({ searchString: r }),
+          placeholder: d("type_something_to_search_question")
+        }
+      ) }),
+      m && /* @__PURE__ */ y(v, { md: 2, className: "d-flex align-items-center justify-content-center", children: [
+        /* @__PURE__ */ c(ae, { isActive: i.isIntervention ?? !1, onClick: x }),
+        /* @__PURE__ */ c("p", { className: "m-0 ml-2", children: d("is_intervention") })
+      ] }),
+      /* @__PURE__ */ y(
+        v,
+        {
+          md: l || a || m ? 2 : 4,
+          className: "d-flex align-items-center justify-content-end",
+          children: [
+            d("total_of_questions"),
+            ": ",
+            q
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ y(b, { className: "mb-2", children: [
+      /* @__PURE__ */ c(v, { md: 12, className: "mb-2", children: /* @__PURE__ */ c("div", { className: "ag-theme-balham w-100", children: /* @__PURE__ */ c(
+        U,
+        {
+          rowData: D,
+          defaultColDef: L,
+          sortingOrder: ["desc", "asc"],
+          domLayout: "autoHeight",
+          gridOptions: o,
+          masterDetail: !0,
+          onGridReady: (r) => {
+            S(r.api);
+          },
+          rowDragManaged: !0,
+          animateRows: !0,
+          modules: [
+            G,
+            j
+          ],
+          onRowDragEnd: t,
+          onSortChanged: (r) => {
+            const u = r.api.getColumnState().filter((g) => g.sort != null);
+            u.length > 0 && n(u[0].colId);
+          }
+        },
+        JSON.stringify(i)
+      ) }) }),
+      /* @__PURE__ */ c(v, { md: 12, children: /* @__PURE__ */ c(
+        V,
+        {
+          filters: i,
+          totalRecordCount: q,
+          changePageSize: (r) => f({ pageSize: r }),
+          changePage: (r) => f({ currentPage: r })
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  Oe as default
+};

package/dist/QuestionBankList-Cq31dqeX.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),g=require("reactstrap"),Q=require("@ag-grid-community/react"),A=require("@ag-grid-enterprise/master-detail"),k=require("@ag-grid-community/client-side-row-model"),s=require("mario-core"),L=require("react-redux"),M=require("react-router-dom"),y=require("./constants-Dx5hVWbo.cjs"),U=require("./QuestionPreview--k6K3X2k.cjs"),P=require("./questionService-C9Wqbu1q.cjs"),C=require("./AgGridComponents-DDk8se4v.cjs"),F=require("./CheckboxCustom-ZjvBGVzS.cjs"),$="/admin/question-bank",B="/admin/create-question",G="Question list",Y=(m,c,w,h,x)=>{const S=M.useNavigate(),{t:i}=s.useTranslation(),T=L.useSelector(e=>e.questionBank.questionList),R=L.useSelector(e=>e.questionBank.totalItems),d=l.useRef(),q=e=>d.current=e,O=()=>d&&d.current&&d.current.sizeColumnsToFit();l.useEffect(()=>{O()},[T]);const I={currentPage:1,pageSize:10,searchString:"",isDefaultQuestion:m,isDefaultClassReflection:c,isWellbeingQuestion:x,isDefaultConference:w??void 0,isDefaultSurvey:h??void 0,sortBy:h?"0":"",isDescending:!1,isIntervention:!1},[a,N]=l.useState(I),u=e=>{const n={...a,...e};n.searchString&&(n.currentPage=1),N(n)},E=()=>{u({isIntervention:!a.isIntervention})},t=L.useDispatch(),r=l.useCallback(async()=>{t(s.setLoading(!0));try{let e=a;c&&!m&&delete e.isDefaultQuestion;const n=await P.get(a),{items:v,totalItems:D}=n.data;t(s.setQuestionList({questionList:v,totalItems:D}))}catch(e){t(s.setAlert({type:"danger",message:e.response?.data?.title||"Get questions failed"}))}t(s.setLoading(!1))},[t,a]),p=l.useCallback(async(e,n)=>{t(s.setLoading(!0));try{await P.updateOrderDragQuestions(e,n),t(s.setAlert({type:"success",message:"update order successfully"}))}catch(v){t(s.setAlert({type:"danger",message:v.response?.data?.title||"Get questions failed"}))}t(s.setLoading(!1))},[t,a]),f=l.useCallback(e=>{t(s.setLoading(!0)),t(s.setModal({isOpen:!0,type:"warning",message:i("do_you_want_to_remove_this_question"),onConfirm:async()=>{try{await P.remove(e),r(),t(s.setAlert({type:"success",message:"Remove question successfully"}))}catch(n){t(s.setAlert({type:"danger",message:n.response?.data?.title||"Remove question failed"}))}}})),t(s.setLoading(!1))},[a]),_=l.useCallback(e=>{let n=y.TYPE_QUESTION.Default;m&&!c?n=y.TYPE_QUESTION.OneToOne:c?n=y.TYPE_QUESTION.ClassReflection:w?n=y.TYPE_QUESTION.Conference:x&&(n=y.TYPE_QUESTION.Wellbeing);const v=e?`${$}/${e}`:B;S(`${v}?type=${n}`)},[]);l.useEffect(()=>{document.title=G},[]),l.useEffect(()=>{r()},[a]);const b=e=>{u(a.sortBy==e?{isDescending:!a.isDescending}:{sortOrder:!1,sortBy:e})},j=[{headerName:"",cellRenderer:"agGroupCellRenderer",width:20},{headerName:i("question_text"),sortingOrder:["asc","desc"],cellRenderer:e=>C.renderQuestionText(e)},{headerName:i("question_type"),sortingOrder:["asc","desc"],cellRenderer:e=>C.renderType(e)},{headerName:i("category"),sortingOrder:["asc","desc"],cellRenderer:e=>C.renderCategory(e)},{width:80,headerComponentParams:{template:`<div class="text-center w-100">${i("actions")}</div>`},cellStyle:{textAlign:"center"},cellRenderer:e=>C.renderActions({params:e,edit:_,remove:f})}];return{gridOptions:{columnDefs:m&&!c?[...j,{rowDrag:!0,onRowDragMove:()=>{console.log("run")},headerComponentParams:{template:`<div class="text-center w-100">${i("order")}</div>`}}]:c?[...j,{cellRenderer:e=>C.renderUserQuestion(e),headerComponentParams:{template:`<div class="text-center w-100">${i("user_for")}</div>`}},{rowDrag:!0,headerComponentParams:{template:`<div class="text-center w-100">${i("order")}</div>`}}]:j,detailCellRenderer:"preview",defaultColDef:{resizable:!0},components:{preview:U.QuestionPreview},localeText:{noRowsToShow:i("no_question_to_display")}},setRef:q,questionList:T,totalItems:R,filters:a,changeFilters:u,getData:r,removeData:f,goToDetail:_,updateOrderQuestions:p,onToggleIntervention:E,handleSortFilter:b}},z=({isDefaultQuestion:m=!1,isDefaultClassReflection:c,isDefaultConference:w,isDefaultSurvey:h,isWellbeingQuestion:x})=>{const{totalItems:S,gridOptions:i,setRef:T,goToDetail:R,filters:d,changeFilters:q,updateOrderQuestions:O,onToggleIntervention:I,handleSortFilter:a,questionList:N}=Y(m,c,w,h,x),{t:u}=s.useTranslation(),E=l.useMemo(()=>({sortable:!0}),[]),t=r=>{const p=r.node.parent.childrenAfterFilter.map((f,_)=>({id:f.data.id,orderDrag:++_}));O(p,c)};return o.jsxs("div",{className:"animated fadeIn",children:[o.jsxs(g.Row,{className:"my-2",children:[o.jsx(g.Col,{md:8,children:o.jsx(s.SearchBoxContainer,{text:u("create_question"),onClick:()=>R(),initValue:d.searchString,onSearch:r=>q({searchString:r}),placeholder:u("type_something_to_search_question")})}),h&&o.jsxs(g.Col,{md:2,className:"d-flex align-items-center justify-content-center",children:[o.jsx(F.CheckboxCustom,{isActive:d.isIntervention??!1,onClick:I}),o.jsx("p",{className:"m-0 ml-2",children:u("is_intervention")})]}),o.jsxs(g.Col,{md:m||c||h?2:4,className:"d-flex align-items-center justify-content-end",children:[u("total_of_questions"),": ",S]})]}),o.jsxs(g.Row,{className:"mb-2",children:[o.jsx(g.Col,{md:12,className:"mb-2",children:o.jsx("div",{className:"ag-theme-balham w-100",children:o.jsx(Q.AgGridReact,{rowData:N,defaultColDef:E,sortingOrder:["desc","asc"],domLayout:"autoHeight",gridOptions:i,masterDetail:!0,onGridReady:r=>{T(r.api)},rowDragManaged:!0,animateRows:!0,modules:[A.MasterDetailModule,k.ClientSideRowModelModule],onRowDragEnd:t,onSortChanged:r=>{const p=r.api.getColumnState().filter(f=>f.sort!=null);p.length>0&&a(p[0].colId)}},JSON.stringify(d))})}),o.jsx(g.Col,{md:12,children:o.jsx(s.CustomPagination,{filters:d,totalRecordCount:S,changePageSize:r=>q({pageSize:r}),changePage:r=>q({currentPage:r})})})]})]})};exports.default=z;