mario-teacher-student-client 2.2.8-release → 2.2.9-release

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/AddNewClassReflection-D8bGfEHV.js +921 -0
  2. package/dist/AddNewClassReflection-SfZHBscU.cjs +1 -0
  3. package/dist/ExternalReflection-3YNPUyA0.cjs +1 -0
  4. package/dist/ExternalReflection-ClPWjFjr.js +322 -0
  5. package/dist/HeaderUserDetail-BHMggkKD.js +599 -0
  6. package/dist/HeaderUserDetail-CzsE0Scr.cjs +2 -0
  7. package/dist/MainLayout-Be06A6dd.js +2647 -0
  8. package/dist/MainLayout-ceOB1_tN.cjs +12 -0
  9. package/dist/MyWellBeing-BpGTSba2.cjs +1 -0
  10. package/dist/MyWellBeing-CkP8rBy4.js +380 -0
  11. package/dist/ResultReflection-CfY7EUNu.js +177 -0
  12. package/dist/ResultReflection-D9YwhdXn.cjs +1 -0
  13. package/dist/StartReflection-5qS7Znq7.cjs +1 -0
  14. package/dist/StartReflection-DbjDJt16.js +321 -0
  15. package/dist/WellBeingCompleted-CLeKzfEt.js +181 -0
  16. package/dist/WellBeingCompleted-CV7LMSR2.cjs +1 -0
  17. package/dist/WellbeingAssessment-DQsAjLN0.js +689 -0
  18. package/dist/WellbeingAssessment-DhcAZZHJ.cjs +10 -0
  19. package/package.json +2 -2
package/dist/AddNewClassReflection-D8bGfEHV.js ADDED
@@ -0,0 +1,921 @@
1
+ import { jsx as e, jsxs as r } from "react/jsx-runtime";
2
+ import { LocalizationProvider as ee, DateTimePicker as se } from "@mui/x-date-pickers";
3
+ import ae from "moment";
4
+ import { Dialog as L, Grid as o, Typography as T, Checkbox as q, Button as _, Autocomplete as w, TextField as g, InputAdornment as te, Avatar as Q } from "@mui/material";
5
+ import { s } from "./dashboardReflection.module-DGcf5_h5.js";
6
+ import { useTranslation as R, utcToLocalTime as Y, getFileUrl as z } from "mario-core";
7
+ import { A as S } from "./ArrowDropDown-n7GwyJ4U.js";
8
+ import { b as ne } from "./createSvgIcon-DLfkvPu2.js";
9
+ import { H as V, G as f } from "./HeaderUserDetail-BHMggkKD.js";
10
+ import { o as H, r as A } from "./contants-D6XXOL39.js";
11
+ import { C as D } from "./Close-B_xGbf1i.js";
12
+ import { B as oe } from "./index-eCANrnow.js";
13
+ import { useNavigate as ie } from "react-router-dom";
14
+ import { S as le } from "./Send-DWNdhXub.js";
15
+ import { u as ce } from "./useAddClassReflection-RhJiRbrW.js";
16
+ import { A as re } from "./AddBox-D2I7jBLk.js";
17
+ import { C as k } from "./types-BlKuBS6W.js";
18
+ import { D as O } from "./constants-jQb--ivI.js";
19
+ import { R as me } from "./RouterPrompt-BcuXN3rR.js";
20
+ import { A as de } from "./AdapterMoment-CeMS9jLD.js";
21
+ const ue = ne(/* @__PURE__ */ e("path", {
22
+ d: "M3 17v2h6v-2zM3 5v2h10V5zm10 16v-2h8v-2h-8v-2h-2v6zM7 9v2H3v2h4v2h2V9zm14 4v-2H11v2zm-6-4h2V7h4V5h-4V3h-2z"
23
+ }), "Tune"), he = ({
24
+ model: t,
25
+ onCLose: b,
26
+ questionList: l,
27
+ checkStudent: v,
28
+ onSelectQuestion: y,
29
+ onInputChange: p,
30
+ onCheckSelectQuestion: u,
31
+ onSelectGroupQuestion: N,
32
+ questionChangeIds: d,
33
+ onSaveChangeQuestion: B,
34
+ currentName: h,
35
+ isStudent: x
36
+ }) => {
37
+ const n = v(t?.studentEmail || ""), { t: C } = R();
38
+ return /* @__PURE__ */ e(
39
+ L,
40
+ {
41
+ open: !!t,
42
+ onClose: () => b(null),
43
+ maxWidth: "xl",
44
+ className: `${s["dialog-customize"]}`,
45
+ disableEnforceFocus: !0,
46
+ disableRestoreFocus: !0,
47
+ children: /* @__PURE__ */ r(o, { className: `${s["block-customize"]}`, children: [
48
+ /* @__PURE__ */ e(o, { className: `${s["close-icon"]}`, children: /* @__PURE__ */ e(
49
+ D,
50
+ {
51
+ className: `${s.icon}`,
52
+ onClick: () => b(null)
53
+ }
54
+ ) }),
55
+ /* @__PURE__ */ e(
56
+ V,
57
+ {
58
+ id: t?.id,
59
+ studentName: x ? h : n?.fullName || "",
60
+ grade: n?.gradeLevel || "",
61
+ classType: t?.classType || "",
62
+ date: Y(
63
+ new Date(t?.classDate || 0).toString(),
64
+ "Do MMM YYYY"
65
+ ),
66
+ avatar: n?.profileImageFileName,
67
+ optionTimes: H,
68
+ timOfDay: t?.startOfDay,
69
+ onInputChange: p
70
+ }
71
+ ),
72
+ /* @__PURE__ */ r(T, { className: `${s.describe}`, children: [
73
+ C("include_section_you_want_to_appear"),
74
+ ":"
75
+ ] }),
76
+ /* @__PURE__ */ r(o, { children: [
77
+ /* @__PURE__ */ r(
78
+ o,
79
+ {
80
+ hidden: l?.questionBlock1?.length == 0,
81
+ className: `${s["block-select-question"]}`,
82
+ children: [
83
+ /* @__PURE__ */ e(
84
+ q,
85
+ {
86
+ className: `${s["checkbox-style"]}`,
87
+ checked: u(
88
+ l?.questionBlock1,
89
+ t?.id
90
+ ),
91
+ onChange: () => N(
92
+ l?.questionBlock1,
93
+ t?.id
94
+ ),
95
+ name: "checkedB"
96
+ }
97
+ ),
98
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: l?.questionBlock1?.map((a) => /* @__PURE__ */ e(
99
+ o,
100
+ {
101
+ className: `${s["question-item"]}`,
102
+ children: /* @__PURE__ */ e(
103
+ f,
104
+ {
105
+ isPageResult: !0,
106
+ questionItemName: a.text,
107
+ valueText: "",
108
+ questionTypeId: a.questionType,
109
+ questionId: a.id,
110
+ isBeforeSession: !1,
111
+ minText: a.fromLabel,
112
+ maxText: a.toLabel,
113
+ questionAnswer: a.answers,
114
+ emotionTypeList: a.emotionalQuestionAnswers
115
+ }
116
+ )
117
+ },
118
+ a.id
119
+ )) })
120
+ ]
121
+ }
122
+ ),
123
+ /* @__PURE__ */ r(
124
+ o,
125
+ {
126
+ hidden: l?.questionBlock2?.length == 0,
127
+ className: `${s["block-select-question"]}`,
128
+ children: [
129
+ /* @__PURE__ */ e(
130
+ q,
131
+ {
132
+ checked: u(
133
+ l?.questionBlock2,
134
+ t?.id
135
+ ),
136
+ onChange: () => N(
137
+ l?.questionBlock2,
138
+ t?.id
139
+ ),
140
+ name: "checkedB",
141
+ className: `${s["checkbox-style"]}`
142
+ }
143
+ ),
144
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: /* @__PURE__ */ e(o, { className: `${s["question-item"]}`, children: l?.questionBlock2?.map((a) => /* @__PURE__ */ e(
145
+ "div",
146
+ {
147
+ className: `${s["border-question"]}`,
148
+ children: /* @__PURE__ */ e(
149
+ f,
150
+ {
151
+ isPageResult: !0,
152
+ questionItemName: a.text,
153
+ valueText: "",
154
+ questionTypeId: a.questionType,
155
+ questionId: a.id,
156
+ isBeforeSession: !1,
157
+ minText: a.fromLabel,
158
+ maxText: a.toLabel,
159
+ questionAnswer: a.answers,
160
+ emotionTypeList: a.emotionalQuestionAnswers
161
+ }
162
+ )
163
+ },
164
+ a.id
165
+ )) }) })
166
+ ]
167
+ }
168
+ ),
169
+ l?.questionBlock3?.map((a) => /* @__PURE__ */ r(
170
+ o,
171
+ {
172
+ className: `${s["block-select-question"]}`,
173
+ children: [
174
+ /* @__PURE__ */ e(
175
+ q,
176
+ {
177
+ checked: d.includes(a.id),
178
+ onChange: () => y(a.id, t?.id),
179
+ name: "checkedB",
180
+ className: `${s["checkbox-style"]}`
181
+ }
182
+ ),
183
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: /* @__PURE__ */ e(o, { className: `${s["question-item"]}`, children: /* @__PURE__ */ e(
184
+ f,
185
+ {
186
+ isPageResult: !0,
187
+ questionItemName: a.text,
188
+ valueText: "",
189
+ questionTypeId: a.questionType,
190
+ questionId: a.id,
191
+ isBeforeSession: !1,
192
+ minText: a.fromLabel,
193
+ maxText: a.toLabel,
194
+ questionAnswer: a.answers,
195
+ emotionTypeList: a.emotionalQuestionAnswers
196
+ }
197
+ ) }) })
198
+ ]
199
+ },
200
+ a.id
201
+ )),
202
+ /* @__PURE__ */ r(
203
+ o,
204
+ {
205
+ hidden: l?.questionBlock4?.length == 0,
206
+ className: `${s["block-select-question"]}`,
207
+ children: [
208
+ /* @__PURE__ */ e(
209
+ q,
210
+ {
211
+ checked: u(
212
+ l?.questionBlock4,
213
+ t?.id
214
+ ),
215
+ onChange: () => N(
216
+ l?.questionBlock4,
217
+ t?.id
218
+ ),
219
+ name: "checkedB",
220
+ className: `${s["checkbox-style"]}`
221
+ }
222
+ ),
223
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: l?.questionBlock4?.map((a) => /* @__PURE__ */ e(
224
+ o,
225
+ {
226
+ className: `${s["question-item"]}`,
227
+ children: /* @__PURE__ */ e(
228
+ f,
229
+ {
230
+ isPageResult: !0,
231
+ questionItemName: a.text,
232
+ valueText: "",
233
+ questionTypeId: a.questionType,
234
+ questionId: a.id,
235
+ isBeforeSession: !1,
236
+ minText: a.fromLabel,
237
+ maxText: a.toLabel,
238
+ questionAnswer: a.answers,
239
+ emotionTypeList: a.emotionalQuestionAnswers
240
+ }
241
+ )
242
+ },
243
+ a.id
244
+ )) })
245
+ ]
246
+ }
247
+ ),
248
+ /* @__PURE__ */ r(
249
+ o,
250
+ {
251
+ hidden: l?.questionBlock5?.length == 0,
252
+ className: `${s["block-select-question"]}`,
253
+ children: [
254
+ /* @__PURE__ */ e(
255
+ q,
256
+ {
257
+ checked: u(
258
+ l?.questionBlock5,
259
+ t?.id
260
+ ),
261
+ onChange: () => N(
262
+ l?.questionBlock5,
263
+ t?.id
264
+ ),
265
+ name: "checkedB",
266
+ className: `${s["checkbox-style"]}`
267
+ }
268
+ ),
269
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: l?.questionBlock5?.map((a) => /* @__PURE__ */ e(
270
+ o,
271
+ {
272
+ className: `${s["question-item"]}`,
273
+ children: /* @__PURE__ */ e(
274
+ f,
275
+ {
276
+ isPageResult: !0,
277
+ questionItemName: a.text,
278
+ valueText: "",
279
+ questionTypeId: a.questionType,
280
+ questionId: a.id,
281
+ isBeforeSession: !1,
282
+ minText: a.fromLabel,
283
+ maxText: a.toLabel,
284
+ questionAnswer: a.answers,
285
+ emotionTypeList: a.emotionalQuestionAnswers
286
+ }
287
+ )
288
+ },
289
+ a.id
290
+ )) })
291
+ ]
292
+ }
293
+ )
294
+ ] }),
295
+ /* @__PURE__ */ e(
296
+ _,
297
+ {
298
+ fullWidth: !0,
299
+ className: `${s["save-button"]}`,
300
+ onClick: () => B(t?.id),
301
+ children: C("save")
302
+ }
303
+ )
304
+ ] })
305
+ }
306
+ );
307
+ }, pe = ({
308
+ model: t,
309
+ onCLose: b,
310
+ questionList: l,
311
+ checkStudent: v,
312
+ onSelectQuestion: y,
313
+ onInputChange: p,
314
+ onCheckSelectQuestion: u,
315
+ onSelectGroupQuestion: N,
316
+ questionChangeIds: d,
317
+ onSaveChangeQuestion: B
318
+ }) => {
319
+ const h = v(t?.studentEmail || ""), { t: x } = R();
320
+ return /* @__PURE__ */ e(
321
+ L,
322
+ {
323
+ open: !!t,
324
+ onClose: () => b(null),
325
+ maxWidth: "xl",
326
+ className: `${s["dialog-customize"]}`,
327
+ disableEnforceFocus: !0,
328
+ disableRestoreFocus: !0,
329
+ children: /* @__PURE__ */ r(o, { className: `${s["block-customize"]}`, children: [
330
+ /* @__PURE__ */ e(o, { className: `${s["close-icon"]}`, children: /* @__PURE__ */ e(
331
+ D,
332
+ {
333
+ className: `${s.icon}`,
334
+ onClick: () => b(null)
335
+ }
336
+ ) }),
337
+ /* @__PURE__ */ e(
338
+ V,
339
+ {
340
+ id: t?.id,
341
+ studentName: h?.fullName || "",
342
+ grade: h?.gradeLevel || "",
343
+ date: Y(
344
+ new Date(t?.classDate || 0).toString(),
345
+ "Do MMM YYYY"
346
+ ),
347
+ avatar: h?.profileImageFileName,
348
+ optionTimes: H,
349
+ timOfDay: t?.startOfDay,
350
+ classType: t?.classType,
351
+ onInputChange: p
352
+ }
353
+ ),
354
+ /* @__PURE__ */ r(T, { className: `${s.describe}`, children: [
355
+ x("include_section_you_want_to_appear"),
356
+ ":"
357
+ ] }),
358
+ /* @__PURE__ */ r(o, { children: [
359
+ l?.questionBlock1?.map((n) => /* @__PURE__ */ r(
360
+ o,
361
+ {
362
+ className: `${s["block-select-question"]}`,
363
+ children: [
364
+ /* @__PURE__ */ e(
365
+ q,
366
+ {
367
+ checked: d.includes(n.id),
368
+ onChange: () => y(n.id, t?.id),
369
+ name: "checkedB",
370
+ className: `${s["checkbox-style"]}`
371
+ }
372
+ ),
373
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: /* @__PURE__ */ e(o, { className: `${s["question-item"]}`, children: /* @__PURE__ */ e(
374
+ f,
375
+ {
376
+ isPageResult: !0,
377
+ questionItemName: n.text,
378
+ valueText: "",
379
+ questionTypeId: n.questionType,
380
+ questionId: n.id,
381
+ isBeforeSession: !1,
382
+ minText: n.fromLabel,
383
+ maxText: n.toLabel,
384
+ questionAnswer: n.answers,
385
+ emotionTypeList: n.emotionalQuestionAnswers
386
+ }
387
+ ) }) })
388
+ ]
389
+ },
390
+ n.id
391
+ )),
392
+ /* @__PURE__ */ r(
393
+ o,
394
+ {
395
+ hidden: l?.questionBlock2?.length == 0,
396
+ className: `${s["block-select-question"]}`,
397
+ children: [
398
+ /* @__PURE__ */ e(
399
+ q,
400
+ {
401
+ checked: u(
402
+ l?.questionBlock2,
403
+ t?.id
404
+ ),
405
+ onChange: () => N(
406
+ l?.questionBlock2,
407
+ t?.id
408
+ ),
409
+ name: "checkedB",
410
+ className: `${s["checkbox-style"]}`
411
+ }
412
+ ),
413
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: /* @__PURE__ */ e(o, { className: `${s["question-item"]}`, children: l?.questionBlock2?.map((n) => /* @__PURE__ */ e(
414
+ "div",
415
+ {
416
+ className: `${s["border-question"]}`,
417
+ children: /* @__PURE__ */ e(
418
+ f,
419
+ {
420
+ isPageResult: !0,
421
+ questionItemName: n.text,
422
+ valueText: "",
423
+ questionTypeId: n.questionType,
424
+ questionId: n.id,
425
+ isBeforeSession: !1,
426
+ minText: n.fromLabel,
427
+ maxText: n.toLabel,
428
+ questionAnswer: n.answers,
429
+ emotionTypeList: n.emotionalQuestionAnswers
430
+ }
431
+ )
432
+ },
433
+ n.id
434
+ )) }) })
435
+ ]
436
+ }
437
+ ),
438
+ /* @__PURE__ */ r(
439
+ o,
440
+ {
441
+ hidden: l?.questionBlock3?.length == 0,
442
+ className: `${s["block-select-question"]}`,
443
+ children: [
444
+ /* @__PURE__ */ e(
445
+ q,
446
+ {
447
+ checked: u(
448
+ l?.questionBlock3,
449
+ t?.id
450
+ ),
451
+ onChange: () => N(
452
+ l?.questionBlock3,
453
+ t?.id
454
+ ),
455
+ name: "checkedB",
456
+ className: `${s["checkbox-style"]}`
457
+ }
458
+ ),
459
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: /* @__PURE__ */ e(o, { className: `${s["question-item"]}`, children: l?.questionBlock3?.map((n) => /* @__PURE__ */ e(
460
+ "div",
461
+ {
462
+ className: `${s["border-question"]}`,
463
+ children: /* @__PURE__ */ e(
464
+ f,
465
+ {
466
+ isPageResult: !0,
467
+ questionItemName: n.text,
468
+ valueText: "",
469
+ questionTypeId: n.questionType,
470
+ questionId: n.id,
471
+ isBeforeSession: !1,
472
+ minText: n.fromLabel,
473
+ maxText: n.toLabel,
474
+ questionAnswer: n.answers,
475
+ emotionTypeList: n.emotionalQuestionAnswers
476
+ }
477
+ )
478
+ },
479
+ n.id
480
+ )) }) })
481
+ ]
482
+ }
483
+ ),
484
+ /* @__PURE__ */ r(
485
+ o,
486
+ {
487
+ hidden: l?.questionBlock4?.length == 0,
488
+ className: `${s["block-select-question"]}`,
489
+ children: [
490
+ /* @__PURE__ */ e(
491
+ q,
492
+ {
493
+ checked: u(
494
+ l?.questionBlock4,
495
+ t?.id
496
+ ),
497
+ onChange: () => N(
498
+ l?.questionBlock4,
499
+ t?.id
500
+ ),
501
+ name: "checkedB",
502
+ className: `${s["checkbox-style"]}`
503
+ }
504
+ ),
505
+ /* @__PURE__ */ e(o, { className: `${s["box-questions"]}`, children: /* @__PURE__ */ e(o, { className: `${s["question-item"]}`, children: l?.questionBlock4?.map((n) => /* @__PURE__ */ e(
506
+ "div",
507
+ {
508
+ className: `${s["border-question"]}`,
509
+ children: /* @__PURE__ */ e(
510
+ f,
511
+ {
512
+ isPageResult: !0,
513
+ questionItemName: n.text,
514
+ valueText: "",
515
+ questionTypeId: n.questionType,
516
+ questionId: n.id,
517
+ isBeforeSession: !1,
518
+ minText: n.fromLabel,
519
+ maxText: n.toLabel,
520
+ questionAnswer: n.answers,
521
+ emotionTypeList: n.emotionalQuestionAnswers
522
+ }
523
+ )
524
+ },
525
+ n.id
526
+ )) }) })
527
+ ]
528
+ }
529
+ )
530
+ ] }),
531
+ /* @__PURE__ */ e(
532
+ _,
533
+ {
534
+ fullWidth: !0,
535
+ className: `${s["save-button"]}`,
536
+ onClick: () => B(t?.id),
537
+ children: x("save")
538
+ }
539
+ )
540
+ ] })
541
+ }
542
+ );
543
+ }, Fe = () => {
544
+ const { t } = R(), b = ie(), {
545
+ onSaveClassReflection: l,
546
+ questionList: v,
547
+ rowClassReflection: y,
548
+ openModelCustom: p,
549
+ setOpenModelCustom: u,
550
+ addRowClassReflection: N,
551
+ handleInputChange: d,
552
+ listClassType: B,
553
+ checkStudent: h,
554
+ listStudent: x,
555
+ listBandScore: n,
556
+ checkBandScore: C,
557
+ handleSelectQuestion: a,
558
+ handleSelectGroupQuestion: F,
559
+ handleCheckSelectQuestion: P,
560
+ error: $,
561
+ removeRowClassReflection: W,
562
+ questionTeacherList: U,
563
+ isStudent: I,
564
+ setQuestionChangeIds: j,
565
+ questionChangeIds: E,
566
+ handleSaveChangeQuestion: M,
567
+ handleBackPage: G,
568
+ currentName: J,
569
+ removeQuestLink: K
570
+ } = ce(), X = () => {
571
+ l(() => {
572
+ G();
573
+ });
574
+ };
575
+ return /* @__PURE__ */ r(o, { children: [
576
+ /* @__PURE__ */ r(o, { className: `${s["header-box"]}`, children: [
577
+ /* @__PURE__ */ r(T, { className: `${s["header-box-title"]}`, children: [
578
+ /* @__PURE__ */ e(oe, { onClick: () => b(-1) }),
579
+ t("reflections")
580
+ ] }),
581
+ /* @__PURE__ */ r(o, { className: `${s["header-box-right"]}`, children: [
582
+ /* @__PURE__ */ r(
583
+ _,
584
+ {
585
+ onClick: () => N(),
586
+ className: `${s["btn-add"]}`,
587
+ children: [
588
+ /* @__PURE__ */ e(T, { className: `${s["btn-add-title"]}`, children: t("add_new") }),
589
+ /* @__PURE__ */ e(re, { className: `${s["btn-add-icon"]}` })
590
+ ]
591
+ }
592
+ ),
593
+ /* @__PURE__ */ r(
594
+ _,
595
+ {
596
+ onClick: () => X(),
597
+ className: `${s["btn-send"]}`,
598
+ children: [
599
+ /* @__PURE__ */ e(T, { className: `${s["btn-send-title"]}`, children: t(I ? "start_reflection" : "send_request") }),
600
+ /* @__PURE__ */ e(le, { className: `${s["btn-send-icon"]}` })
601
+ ]
602
+ }
603
+ )
604
+ ] })
605
+ ] }),
606
+ /* @__PURE__ */ e(o, { className: `${s["create-reflection-box"]}`, children: y?.map(
607
+ (c, Z) => /* @__PURE__ */ r(o, { className: `${s["create-item"]}`, children: [
608
+ /* @__PURE__ */ r(o, { className: `${s["create-item-header"]}`, children: [
609
+ /* @__PURE__ */ r(
610
+ T,
611
+ {
612
+ className: `${s["req-number-item"]}`,
613
+ children: [
614
+ t("request_number"),
615
+ ": ",
616
+ Z + 1
617
+ ]
618
+ }
619
+ ),
620
+ /* @__PURE__ */ e(
621
+ D,
622
+ {
623
+ className: `${s["remove-icon"]}`,
624
+ onClick: () => W(c.id)
625
+ }
626
+ )
627
+ ] }),
628
+ /* @__PURE__ */ e(
629
+ w,
630
+ {
631
+ hidden: I,
632
+ id: "free-solo-2-demo",
633
+ fullWidth: !0,
634
+ options: x,
635
+ getOptionLabel: (i) => i.fullName ? i.fullName : "",
636
+ renderOption: (i, m) => /* @__PURE__ */ r("li", { ...i, children: [
637
+ /* @__PURE__ */ e(
638
+ Q,
639
+ {
640
+ className: `${s["user-avatar"]}`,
641
+ src: m?.profileImageFileName?.trim() ? z(
642
+ m?.profileImageFileName
643
+ ) : O
644
+ }
645
+ ),
646
+ m.fullName
647
+ ] }),
648
+ onChange: (i, m) => d(
649
+ c.id,
650
+ m?.email || "",
651
+ k.StudentEmail
652
+ ),
653
+ popupIcon: /* @__PURE__ */ e(S, {}),
654
+ isOptionEqualToValue: (i, m) => i.id == m.id,
655
+ value: h(c.studentEmail),
656
+ renderInput: (i) => /* @__PURE__ */ e(
657
+ g,
658
+ {
659
+ ...i,
660
+ label: t("student"),
661
+ margin: "normal",
662
+ variant: "outlined",
663
+ required: !0,
664
+ error: !!$ && !c.studentEmail?.trim(),
665
+ InputProps: {
666
+ ...i.InputProps,
667
+ startAdornment: /* @__PURE__ */ e(te, { position: "start", children: /* @__PURE__ */ e(
668
+ Q,
669
+ {
670
+ src: h(
671
+ c?.studentEmail
672
+ )?.profileImageFileName?.trim() ? z(
673
+ h(
674
+ c?.studentEmail
675
+ )?.profileImageFileName || ""
676
+ ) : O,
677
+ alt: ""
678
+ }
679
+ ) })
680
+ }
681
+ }
682
+ )
683
+ }
684
+ ),
685
+ /* @__PURE__ */ r(
686
+ o,
687
+ {
688
+ className: `${s["box-class-date-type"]}`,
689
+ children: [
690
+ /* @__PURE__ */ e(o, { className: `${s["select-form"]}`, children: /* @__PURE__ */ e(
691
+ ee,
692
+ {
693
+ dateAdapter: de,
694
+ children: /* @__PURE__ */ e(
695
+ se,
696
+ {
697
+ className: "w-100",
698
+ format: "Do MMM YYYY HH:mm",
699
+ label: t("class_date"),
700
+ value: c.classDateTime ? ae(c.classDateTime) : null,
701
+ onChange: (i) => d(
702
+ c.id,
703
+ i || "",
704
+ k.ClassDate
705
+ ),
706
+ slotProps: {
707
+ textField: {
708
+ required: !0,
709
+ error: !!$ && !c.classDateTime,
710
+ variant: "outlined",
711
+ margin: "normal",
712
+ id: "date-picker-inline"
713
+ }
714
+ }
715
+ }
716
+ )
717
+ }
718
+ ) }),
719
+ /* @__PURE__ */ e(
720
+ w,
721
+ {
722
+ id: "country-select-demo",
723
+ options: B,
724
+ freeSolo: !0,
725
+ autoHighlight: !0,
726
+ forcePopupIcon: !0,
727
+ className: `${s["select-form"]}`,
728
+ value: h(c.classType),
729
+ getOptionLabel: (i) => i,
730
+ renderOption: (i, m) => /* @__PURE__ */ e("li", { ...i, children: m }),
731
+ onInputChange: (i, m) => {
732
+ d(
733
+ c.id,
734
+ m,
735
+ k.ClassType
736
+ );
737
+ },
738
+ renderInput: (i) => /* @__PURE__ */ e(
739
+ g,
740
+ {
741
+ ...i,
742
+ label: t("class_type"),
743
+ variant: "outlined",
744
+ placeholder: t("select_or_input_class_type"),
745
+ inputProps: {
746
+ ...i.inputProps
747
+ },
748
+ required: !0,
749
+ error: !!$ && !c.classType?.trim(),
750
+ onChange: (m) => {
751
+ }
752
+ }
753
+ )
754
+ }
755
+ )
756
+ ]
757
+ }
758
+ ),
759
+ c.requestForm == A[0] && /* @__PURE__ */ e(
760
+ g,
761
+ {
762
+ fullWidth: !0,
763
+ required: !0,
764
+ id: "outlined-basic-2",
765
+ label: t("teacher_email"),
766
+ variant: "outlined",
767
+ value: c.teacherEmail,
768
+ className: `${s["mb-10"]}`,
769
+ error: !!$ && !c.teacherEmail?.trim(),
770
+ onChange: (i) => d(
771
+ c.id,
772
+ i.target.value,
773
+ k.TeacherEmail
774
+ )
775
+ }
776
+ ),
777
+ /* @__PURE__ */ e(
778
+ g,
779
+ {
780
+ fullWidth: !0,
781
+ required: !0,
782
+ id: "outlined-basic-2",
783
+ label: t("teacher_name"),
784
+ variant: "outlined",
785
+ value: c.teacherName,
786
+ error: !!$ && !c.teacherName?.trim(),
787
+ onChange: (i) => d(
788
+ c.id,
789
+ i.target.value,
790
+ k.TeacherName
791
+ )
792
+ }
793
+ ),
794
+ /* @__PURE__ */ r(
795
+ o,
796
+ {
797
+ className: `${s["box-class-date-type"]}`,
798
+ children: [
799
+ /* @__PURE__ */ e(
800
+ w,
801
+ {
802
+ id: "free-solo-2-demo",
803
+ className: `${s["select-form"]}`,
804
+ options: n,
805
+ getOptionLabel: (i) => i.label ? i.label : "",
806
+ onChange: (i, m) => d(
807
+ c.id,
808
+ m?.label || "",
809
+ k.BandScore
810
+ ),
811
+ popupIcon: /* @__PURE__ */ e(S, {}),
812
+ isOptionEqualToValue: (i, m) => i.id == m.id || i.label == c.bandScore,
813
+ value: C(c.bandScore) || null,
814
+ renderInput: (i) => /* @__PURE__ */ e(
815
+ g,
816
+ {
817
+ ...i,
818
+ label: t("current_grade"),
819
+ margin: "normal",
820
+ variant: "outlined"
821
+ }
822
+ )
823
+ }
824
+ ),
825
+ /* @__PURE__ */ e(
826
+ w,
827
+ {
828
+ id: "free-solo-2-demo",
829
+ hidden: !!I,
830
+ className: `${s["select-form"]}`,
831
+ options: A,
832
+ onChange: (i, m) => {
833
+ d(
834
+ c.id,
835
+ m || "",
836
+ k.RequestForm
837
+ );
838
+ },
839
+ popupIcon: /* @__PURE__ */ e(S, {}),
840
+ value: c.requestForm,
841
+ renderInput: (i) => /* @__PURE__ */ e(
842
+ g,
843
+ {
844
+ ...i,
845
+ required: !0,
846
+ error: !!$ && !c.requestForm?.trim(),
847
+ label: t("request_from"),
848
+ margin: "normal",
849
+ variant: "outlined"
850
+ }
851
+ )
852
+ }
853
+ )
854
+ ]
855
+ }
856
+ ),
857
+ /* @__PURE__ */ r(
858
+ o,
859
+ {
860
+ hidden: I,
861
+ className: `${s["custom-reflection"]}`,
862
+ onClick: () => {
863
+ u(c), j(c.questionIds);
864
+ },
865
+ children: [
866
+ /* @__PURE__ */ e(
867
+ T,
868
+ {
869
+ className: `${s["custom-reflection-text"]}`,
870
+ children: t("customize_reflection")
871
+ }
872
+ ),
873
+ /* @__PURE__ */ e(
874
+ ue,
875
+ {
876
+ className: `${s["custom-reflection-icon"]}`
877
+ }
878
+ )
879
+ ]
880
+ }
881
+ )
882
+ ] }, c.id)
883
+ ) }),
884
+ !!p && p?.requestForm != A[0] && /* @__PURE__ */ e(
885
+ he,
886
+ {
887
+ model: p,
888
+ questionList: v,
889
+ onCLose: u,
890
+ checkStudent: h,
891
+ onSelectQuestion: a,
892
+ onInputChange: d,
893
+ onSelectGroupQuestion: F,
894
+ onCheckSelectQuestion: P,
895
+ questionChangeIds: E,
896
+ onSaveChangeQuestion: M,
897
+ isStudent: I,
898
+ currentName: J
899
+ }
900
+ ),
901
+ !!p && p?.requestForm != A[1] && /* @__PURE__ */ e(
902
+ pe,
903
+ {
904
+ model: p,
905
+ questionList: U,
906
+ onCLose: u,
907
+ checkStudent: h,
908
+ onSelectQuestion: a,
909
+ onInputChange: d,
910
+ onSelectGroupQuestion: F,
911
+ onCheckSelectQuestion: P,
912
+ questionChangeIds: E,
913
+ onSaveChangeQuestion: M
914
+ }
915
+ ),
916
+ /* @__PURE__ */ e(me, { content: "", skip: "start-reflection", action: K })
917
+ ] });
918
+ };
919
+ export {
920
+ Fe as default
921
+ };