touchstudy-core 0.1.33 → 0.1.34

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.
package/dist/index.js CHANGED
@@ -39,6 +39,7 @@ var DialogTitle = _interopDefault(require('@mui/material/DialogTitle'));
39
39
  var DialogContent = _interopDefault(require('@mui/material/DialogContent'));
40
40
  var DialogActions = _interopDefault(require('@mui/material/DialogActions'));
41
41
  var Typography = _interopDefault(require('@mui/material/Typography'));
42
+ var reactRouterDom = require('react-router-dom');
42
43
 
43
44
  var setLoading = toolkit.createAction("common/setLoading");
44
45
  var setAlert = toolkit.createAction("common/setAlert");
@@ -138,7 +139,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
138
139
  return target;
139
140
  }
140
141
 
141
- var styleGlobal = {"btn-login-google":"_2HqmH","block-login":"_wWIyO","box-login":"_38Lo1","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","dropdown-academy":"_3CMVp","image-academy":"_2ibYC","academy-btn":"_1JMRU","switch-icon":"_N4FNf","dropdown-content-academy":"_31Dr0","dropdown-academy-item":"_3bjcz","noGutters":"_31ZQk","custom-col-2":"_3yXyK","custom-col-3":"_1RsJQ","custom-col-5":"_L42CP","custom-col-10":"_2u6eL","custom-row":"_8x7OP","custom-col":"_1JmTh","custom-col-4":"_3HO1e","custom-col-8":"_Oy31M","custom-col-12":"_3aUKo","custom-container":"_39LRs","form-label":"__Ut-u","form-control":"_2k4dX","btn-outline-primary":"_2PWdX","sort-icons":"_mQvLF","active":"_3oAH-","form-select":"_3W3aw","truncate":"_3NJzN"};
142
+ var styles = {"btn-login-google":"_2HqmH","block-login":"_wWIyO","box-login":"_38Lo1","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","dropdown-academy":"_3CMVp","image-academy":"_2ibYC","image-academy--item":"_3RDWF","academy-btn":"_1JMRU","switch-icon":"_N4FNf","dropdown-content-academy":"_31Dr0","dropdown-academy-item":"_3bjcz","noGutters":"_31ZQk","custom-col-2":"_3yXyK","custom-col-3":"_1RsJQ","custom-col-5":"_L42CP","custom-col-10":"_2u6eL","custom-row":"_8x7OP","custom-col":"_1JmTh","custom-col-4":"_3HO1e","custom-col-8":"_Oy31M","custom-col-12":"_3aUKo","custom-container":"_39LRs","form-label":"__Ut-u","form-control":"_2k4dX","btn-outline-primary":"_2PWdX","sort-icons":"_mQvLF","active":"_3oAH-","form-select":"_3W3aw","truncate":"_3NJzN","headers":"_3xnI5","logo-container":"_3YG70","tabBox":"_1CQPn","routerBox":"_3hx2T","tabText":"_3UyhW","router-link-active":"_1TGKA","router-link":"_1AqMh","userImg":"_2RI6G","disabled-link":"_3aVHg"};
142
143
 
143
144
  var AuthenticationMessage;
144
145
  (function (AuthenticationMessage) {
@@ -464,18 +465,18 @@ var BlockLogin = function BlockLogin(_ref) {
464
465
  var handleSubmit = formikProps.handleSubmit;
465
466
  return React__default.createElement(material.Grid, {
466
467
  container: true,
467
- className: "" + styleGlobal["box-login"]
468
+ className: "" + styles["box-login"]
468
469
  }, React__default.createElement(material.Grid, {
469
470
  item: true,
470
471
  className: "p-0 d-flex justify-content-center"
471
472
  }, React__default.createElement("form", {
472
- className: "" + styleGlobal["block-login"],
473
+ className: "" + styles["block-login"],
473
474
  onSubmit: handleSubmit
474
475
  }, React__default.createElement("div", {
475
- className: "" + styleGlobal["block-form"]
476
+ className: "" + styles["block-form"]
476
477
  }, React__default.createElement("img", {
477
478
  src: "/images/logo.jpeg",
478
- className: "" + styleGlobal["img-login-rectangle"]
479
+ className: "" + styles["img-login-rectangle"]
479
480
  }), React__default.createElement("div", {
480
481
  className: "p-0 mt-1 mb-4"
481
482
  }, React__default.createElement(GoogleLogin__default, {
@@ -484,7 +485,7 @@ var BlockLogin = function BlockLogin(_ref) {
484
485
  onSuccess: onSuccessGoogle,
485
486
  onFailure: onFailureGoogle,
486
487
  cookiePolicy: "single_host_origin",
487
- className: "" + styleGlobal["btn-login-google"],
488
+ className: "" + styles["btn-login-google"],
488
489
  isSignedIn: true
489
490
  }))))));
490
491
  });
@@ -548,7 +549,7 @@ var Login = function Login(_ref) {
548
549
  var _useLogin = useLogin$1(onNavigate),
549
550
  defaultInfo = _useLogin.defaultInfo;
550
551
  return React__default.createElement("div", {
551
- className: styleGlobal["login"] + " container-fluid font-family-lato"
552
+ className: styles["login"] + " container-fluid font-family-lato"
552
553
  }, React__default.createElement(material.Grid, {
553
554
  container: true,
554
555
  spacing: 3,
@@ -1578,6 +1579,7 @@ var comparison_of_top_rankings_and_problem_solving_order = "상위권과 문제
1578
1579
  var my_answers = "내 해답";
1579
1580
  var request_for_consultation = "상담요청";
1580
1581
  var ask_a_question_with_a_problem = "문제로 질문하기";
1582
+ var live = "살다";
1581
1583
  var lang_ko = {
1582
1584
  problem_solving: problem_solving,
1583
1585
  my_story: my_story,
@@ -1867,7 +1869,8 @@ var lang_ko = {
1867
1869
  comparison_of_top_rankings_and_problem_solving_order: comparison_of_top_rankings_and_problem_solving_order,
1868
1870
  my_answers: my_answers,
1869
1871
  request_for_consultation: request_for_consultation,
1870
- ask_a_question_with_a_problem: ask_a_question_with_a_problem
1872
+ ask_a_question_with_a_problem: ask_a_question_with_a_problem,
1873
+ live: live
1871
1874
  };
1872
1875
 
1873
1876
  var problem_solving$1 = "Problem Solving";
@@ -2195,6 +2198,7 @@ var comparison_of_top_rankings_and_problem_solving_order$1 = "Comparison of top
2195
2198
  var my_answers$1 = "My answers";
2196
2199
  var request_for_consultation$1 = "Request for consultation";
2197
2200
  var ask_a_question_with_a_problem$1 = "Ask a question with a problem";
2201
+ var live$1 = "live";
2198
2202
  var lang_en = {
2199
2203
  problem_solving: problem_solving$1,
2200
2204
  my_story: my_story$1,
@@ -2519,7 +2523,8 @@ var lang_en = {
2519
2523
  comparison_of_top_rankings_and_problem_solving_order: comparison_of_top_rankings_and_problem_solving_order$1,
2520
2524
  my_answers: my_answers$1,
2521
2525
  request_for_consultation: request_for_consultation$1,
2522
- ask_a_question_with_a_problem: ask_a_question_with_a_problem$1
2526
+ ask_a_question_with_a_problem: ask_a_question_with_a_problem$1,
2527
+ live: live$1
2523
2528
  };
2524
2529
 
2525
2530
  i18n.use(reactI18next.initReactI18next).init({
@@ -2800,7 +2805,8 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
2800
2805
  var role = _ref.role,
2801
2806
  navigate = _ref.navigate,
2802
2807
  homeAcademyUrl = _ref.homeAcademyUrl,
2803
- homeUrl = _ref.homeUrl;
2808
+ homeUrl = _ref.homeUrl,
2809
+ hideAcademyName = _ref.hideAcademyName;
2804
2810
  var _useSwitchAcademy = useSwitchAcademy(role, navigate, homeAcademyUrl, homeUrl),
2805
2811
  academyList = _useSwitchAcademy.academyList,
2806
2812
  handleSwitchAcademy = _useSwitchAcademy.handleSwitchAcademy,
@@ -2834,15 +2840,15 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
2834
2840
  };
2835
2841
  return React__default.createElement(React.Fragment, null, React__default.createElement(material.Button, {
2836
2842
  onClick: handleOpen,
2837
- className: "" + styleGlobal["academy-btn"],
2843
+ className: "" + styles["academy-btn"],
2838
2844
  sx: _extends({}, popoverStyle)
2839
2845
  }, React__default.createElement("div", {
2840
- className: "" + styleGlobal["image-academy"]
2846
+ className: styles["image-academy"] + " me-0 me-lg-2"
2841
2847
  }, selectedAcademy !== null && selectedAcademy !== void 0 && selectedAcademy.image ? React__default.createElement("img", {
2842
2848
  src: selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.image,
2843
2849
  alt: selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.name
2844
- }) : React__default.createElement("span", null, firstLetter)), React__default.createElement(material.Typography, {
2845
- className: "text-start",
2850
+ }) : React__default.createElement("span", null, firstLetter)), !hideAcademyName && React__default.createElement(material.Typography, {
2851
+ className: "text-start d-none d-lg-block",
2846
2852
  sx: {
2847
2853
  fontSize: 14,
2848
2854
  fontWeight: 600,
@@ -2850,7 +2856,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
2850
2856
  minWidth: 150
2851
2857
  }
2852
2858
  }, (selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.name) || t(role === exports.Role.Admin ? "switch_academy_admin" : "switch_academy")), React__default.createElement("div", {
2853
- className: "" + styleGlobal["switch-icon"]
2859
+ className: styles["switch-icon"] + " d-none d-lg-flex"
2854
2860
  }, React__default.createElement(go.GoArrowSwitch, {
2855
2861
  size: 14
2856
2862
  }))), (isSuperAdmin || !isAdmin) && React__default.createElement(Popover, {
@@ -2871,7 +2877,10 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
2871
2877
  p: 0.5,
2872
2878
  mt: 1,
2873
2879
  ml: 0.75,
2874
- width: 300,
2880
+ width: {
2881
+ xs: 200,
2882
+ lg: 300
2883
+ },
2875
2884
  minWidth: "unset!important"
2876
2885
  }
2877
2886
  }
@@ -2892,7 +2901,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
2892
2901
  fontWeight: 600
2893
2902
  }
2894
2903
  }, React__default.createElement("div", {
2895
- className: "" + styleGlobal["image-academy"]
2904
+ className: styles["image-academy"] + " " + styles["image-academy--item"]
2896
2905
  }, option.image ? React__default.createElement(Box, {
2897
2906
  component: "img",
2898
2907
  alt: option.name,
@@ -3002,7 +3011,7 @@ var CustomSelect = function CustomSelect(_ref) {
3002
3011
  }, rest));
3003
3012
  };
3004
3013
 
3005
- var styles = {"header__avatar":"_2oGcJ","header__select":"_2y2XV","body":"_ntGyI","list":"_m7Fwt","list__item__header":"_3BM8N","list__item__avatar":"_1ReOK","list__item__avatar-container":"_2qbld","list__item__message":"_3s01i","list__item__message--reply-from":"_2Qxi3","list__item__message--reply-from-right":"_34Vx4","list__item__message--reply":"_3uheq","list__item__message--reply-right":"_2iBr7","reply-text":"_3ZPjO","container-custom":"_38A9k","student-row-col-1":"_Jt5t0","student-row-col-1-active":"_14DKj","row-col-2":"_qHGiR","inputBox":"_2iY67","inputBoxTable":"_3pCw0","background-chat":"_zILbw","wrap-content":"_38gsM","name-sender":"_Lfzyw","content-chat-sender":"_1X73E","content-chat-receiver":"_32V7T","custom-scroll":"_2Uul2","btn-send":"_395lb","btn-chat":"_gDYwm","input-chat":"_22TX5","btn-cancel":"_1u-eg","btn-register":"_22r6_","form-label-dialog":"_jADIA","form-select-width":"_WncPd","padding-content":"_3hz3H","form-label":"_MMQxP","form-control":"_1mJfc"};
3014
+ var styles$1 = {"header__avatar":"_2oGcJ","header__select":"_2y2XV","body":"_ntGyI","list":"_m7Fwt","list__item__header":"_3BM8N","list__item__avatar":"_1ReOK","list__item__avatar-container":"_2qbld","list__item__message":"_3s01i","list__item__message--reply-from":"_2Qxi3","list__item__message--reply-from-right":"_34Vx4","list__item__message--reply":"_3uheq","list__item__message--reply-right":"_2iBr7","reply-text":"_3ZPjO","container-custom":"_38A9k","student-row-col-1":"_Jt5t0","student-row-col-1-active":"_14DKj","row-col-2":"_qHGiR","inputBox":"_2iY67","inputBoxTable":"_3pCw0","background-chat":"_zILbw","wrap-content":"_38gsM","name-sender":"_Lfzyw","content-chat-sender":"_1X73E","content-chat-receiver":"_32V7T","custom-scroll":"_2Uul2","btn-send":"_395lb","btn-chat":"_gDYwm","input-chat":"_22TX5","btn-cancel":"_1u-eg","btn-register":"_22r6_","form-label-dialog":"_jADIA","form-select-width":"_WncPd","padding-content":"_3hz3H","form-label":"_MMQxP","form-control":"_1mJfc"};
3006
3015
 
3007
3016
  var iconPersonNoActive = function iconPersonNoActive(_ref) {
3008
3017
  var _ref$width = _ref.width,
@@ -3148,7 +3157,7 @@ var ChatRightItem = function ChatRightItem(_ref) {
3148
3157
  padding: "4px 0"
3149
3158
  }, React__default.createElement(material.Box, null, showName && isStudent && React__default.createElement(material.Box, {
3150
3159
  gap: "8px",
3151
- className: " " + styles["name-sender"],
3160
+ className: " " + styles$1["name-sender"],
3152
3161
  display: "flex",
3153
3162
  alignItems: "center",
3154
3163
  flexDirection: "row"
@@ -3203,7 +3212,7 @@ var ChatRightItem = function ChatRightItem(_ref) {
3203
3212
  objectFit: "contain"
3204
3213
  }
3205
3214
  })) : React__default.createElement("div", {
3206
- className: styles["wrap-content"] + " " + styles["content-chat-receiver"],
3215
+ className: styles$1["wrap-content"] + " " + styles$1["content-chat-receiver"],
3207
3216
  style: {
3208
3217
  "float": "inline-end"
3209
3218
  }
@@ -3241,7 +3250,7 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
3241
3250
  display: "flex",
3242
3251
  padding: "4px",
3243
3252
  flexDirection: "row",
3244
- className: "" + styles["name-sender"]
3253
+ className: "" + styles$1["name-sender"]
3245
3254
  }, isStudent ? React__default.createElement(React.Fragment, null, React__default.createElement(material.Typography, {
3246
3255
  fontWeight: 500,
3247
3256
  fontSize: 14,
@@ -3281,7 +3290,7 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
3281
3290
  objectFit: "contain"
3282
3291
  }
3283
3292
  })) : React__default.createElement("div", {
3284
- className: styles["wrap-content"] + " " + styles["content-chat-sender"]
3293
+ className: styles$1["wrap-content"] + " " + styles$1["content-chat-sender"]
3285
3294
  }, React__default.createElement(material.Typography, {
3286
3295
  fontWeight: 500,
3287
3296
  fontSize: "14px",
@@ -3494,7 +3503,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
3494
3503
  _objectDestructuringEmpty(_ref2);
3495
3504
  return React__default.createElement(formik.Form, null, React__default.createElement("label", {
3496
3505
  htmlFor: "content",
3497
- className: styles['form-label'] + " " + styles['form-label-dialog']
3506
+ className: styles$1['form-label'] + " " + styles$1['form-label-dialog']
3498
3507
  }, "\uC9C8\uBB38\uD560 \uBB38\uC81C"), React__default.createElement(formik.Field, {
3499
3508
  id: "content",
3500
3509
  style: {
@@ -3503,7 +3512,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
3503
3512
  name: "content",
3504
3513
  validate: validate,
3505
3514
  placeholder: "\uBB38\uC81C\uAC00 \uC5B4\uB824\uC6CC\uC694",
3506
- className: styles['form-control']
3515
+ className: styles$1['form-control']
3507
3516
  }), React__default.createElement(material.DialogActions, {
3508
3517
  sx: {
3509
3518
  display: 'flex',
@@ -3512,14 +3521,14 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
3512
3521
  padding: '12px'
3513
3522
  }
3514
3523
  }, React__default.createElement(material.Button, {
3515
- className: styles['btn-cancel'],
3524
+ className: styles$1['btn-cancel'],
3516
3525
  onClick: onClose
3517
3526
  }, React__default.createElement(material.Typography, {
3518
3527
  fontWeight: 700,
3519
3528
  fontSize: '14px',
3520
3529
  lineHeight: '16.71px'
3521
3530
  }, "\uCDE8\uC18C")), React__default.createElement(material.Button, {
3522
- className: styles['btn-register'],
3531
+ className: styles$1['btn-register'],
3523
3532
  type: "submit"
3524
3533
  }, React__default.createElement(material.Typography, {
3525
3534
  fontWeight: 700,
@@ -3568,14 +3577,14 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
3568
3577
  padding: '12px'
3569
3578
  }
3570
3579
  }, React__default.createElement(material.Button, {
3571
- className: styles['btn-cancel'],
3580
+ className: styles$1['btn-cancel'],
3572
3581
  onClick: onClose
3573
3582
  }, React__default.createElement(material.Typography, {
3574
3583
  fontWeight: 700,
3575
3584
  fontSize: '14px',
3576
3585
  lineHeight: '16.71px'
3577
3586
  }, "\uCDE8\uC18C")), React__default.createElement(material.Button, {
3578
- className: styles['btn-register'],
3587
+ className: styles$1['btn-register'],
3579
3588
  sx: {
3580
3589
  bgcolor: !(selectedFile !== null && selectedFile !== void 0 && selectedFile.content) ? "#EBEBFF !important" : "#5458D5 !important"
3581
3590
  },
@@ -3748,7 +3757,7 @@ var ChatList = function ChatList(_ref) {
3748
3757
  var isStudent = roles === null || roles === void 0 ? void 0 : roles.includes(Roles$1.Student);
3749
3758
  return React__default.createElement("ul", {
3750
3759
  ref: listItemRef,
3751
- className: styles["list"] + " " + styles["padding-content"] + " d-flex h-100 flex-column mb-0 " + (!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) ? 'justify-content-center' : '')
3760
+ className: styles$1["list"] + " " + styles$1["padding-content"] + " d-flex h-100 flex-column mb-0 " + (!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) ? 'justify-content-center' : '')
3752
3761
  }, !(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) && React__default.createElement("li", {
3753
3762
  className: "text-muted text-center fst-italic fs-6"
3754
3763
  }, "No message"), !!(filterMessage !== null && filterMessage !== void 0 && filterMessage.length) && filterMessage.map(function (message) {
@@ -3855,7 +3864,7 @@ var InputChat = function InputChat(_ref) {
3855
3864
  color: "#fff",
3856
3865
  size: 30
3857
3866
  }))), React__default.createElement("input", {
3858
- className: styles["input-chat"],
3867
+ className: styles$1["input-chat"],
3859
3868
  style: {
3860
3869
  border: "none"
3861
3870
  },
@@ -3882,7 +3891,7 @@ var InputChat = function InputChat(_ref) {
3882
3891
  sx: {
3883
3892
  bgcolor: isCompleted ? "#EBEBFF !important" : "#5458D5 !important"
3884
3893
  },
3885
- className: styles["btn-send"],
3894
+ className: styles$1["btn-send"],
3886
3895
  disabled: isCompleted,
3887
3896
  onClick: handleSubmit
3888
3897
  }, React__default.createElement(iconSendMessage, null), React__default.createElement(material.Typography, {
@@ -3937,7 +3946,8 @@ var iconChecked = function iconChecked(_ref) {
3937
3946
  };
3938
3947
 
3939
3948
  var ellipsisText = function ellipsisText(text, maxLength) {
3940
- return text.length > maxLength ? text.slice(0, maxLength) + " ..." : text;
3949
+ if (!text) return text;
3950
+ return (text === null || text === void 0 ? void 0 : text.length) > maxLength ? text.slice(0, maxLength) + " ..." : text;
3941
3951
  };
3942
3952
  var formatDataMyAnswer = function formatDataMyAnswer(inputData, categories) {
3943
3953
  var uniqueCategories = new Set();
@@ -4035,7 +4045,7 @@ var ChatHeader = function ChatHeader(_ref) {
4035
4045
  fontWeight: 600,
4036
4046
  fontSize: "12px",
4037
4047
  lineHeight: "14.32px"
4038
- }, ellipsisText(examTitle, 15)), React__default.createElement(material.Box, {
4048
+ }, ellipsisText(examTitle || "", 15)), React__default.createElement(material.Box, {
4039
4049
  display: "flex",
4040
4050
  flexDirection: "row",
4041
4051
  gap: "4px"
@@ -4115,7 +4125,7 @@ var ChatHeader = function ChatHeader(_ref) {
4115
4125
  alignItems: "center",
4116
4126
  gap: "24px",
4117
4127
  color: "#5458D5"
4118
- }, React__default.createElement(material.Box, {
4128
+ }, isTabletUp && React__default.createElement(material.Box, {
4119
4129
  display: "flex",
4120
4130
  justifyContent: "space-between",
4121
4131
  alignItems: "center",
@@ -4128,7 +4138,7 @@ var ChatHeader = function ChatHeader(_ref) {
4128
4138
  fontWeight: 700,
4129
4139
  fontSize: "14px",
4130
4140
  lineHeight: "16.71px"
4131
- }, fullName)), React__default.createElement(material.Box, {
4141
+ }, ellipsisText(fullName || "", 10))), React__default.createElement(material.Box, {
4132
4142
  display: "flex",
4133
4143
  alignItems: "center",
4134
4144
  gap: "24px",
@@ -4137,7 +4147,7 @@ var ChatHeader = function ChatHeader(_ref) {
4137
4147
  fontWeight: 600,
4138
4148
  fontSize: "12px",
4139
4149
  lineHeight: "14.32px"
4140
- }, examTitle) : React__default.createElement(material.Box, {
4150
+ }, ellipsisText(examTitle || "", 10)) : React__default.createElement(material.Box, {
4141
4151
  display: "flex",
4142
4152
  alignItems: "end",
4143
4153
  gap: "16px",
@@ -4282,7 +4292,7 @@ var ChatContainer = function ChatContainer(_ref) {
4282
4292
  container: true
4283
4293
  }, React__default.createElement(ChatHeader, Object.assign({}, chatHeaderProps)), React__default.createElement("div", {
4284
4294
  ref: listRef,
4285
- className: "flex-grow-1 " + styles["body"],
4295
+ className: "flex-grow-1 " + styles$1["body"],
4286
4296
  style: {
4287
4297
  height: "60vh",
4288
4298
  overflowY: "scroll",
@@ -4787,7 +4797,7 @@ var InputText = function InputText(props) {
4787
4797
  }, props));
4788
4798
  };
4789
4799
 
4790
- var styles$1 = {"question":"_2uc_W","question-article":"_2p7kY","question-title":"_2tHmc","question--active":"_3IHYm","question-label":"_26ATj","question-input":"_3R8PR","question-btn":"_1VZac"};
4800
+ var styles$2 = {"question":"_2uc_W","question-article":"_2p7kY","question-title":"_2tHmc","question--active":"_3IHYm","question-label":"_26ATj","question-input":"_3R8PR","question-btn":"_1VZac"};
4791
4801
 
4792
4802
  var SCORE_OPTIONS = Array.from({
4793
4803
  length: 10
@@ -4844,12 +4854,15 @@ var QuestionView = function QuestionView(_ref) {
4844
4854
  var handleChangeCorrectAnswer = function handleChangeCorrectAnswer(e) {
4845
4855
  return onChangeCorrectAnswers(e.target.value, index);
4846
4856
  };
4847
- return React__default.createElement("div", {
4848
- className: "d-flex justify-content-between"
4849
- }, React__default.createElement("div", {
4850
- className: "d-flex flex-grow-1"
4857
+ return React__default.createElement(material.Grid, {
4858
+ container: true,
4859
+ spacing: "16px"
4860
+ }, React__default.createElement(material.Grid, {
4861
+ item: true,
4862
+ xs: 12,
4863
+ lg: 9
4851
4864
  }, React__default.createElement("div", {
4852
- className: styles$1["question-title"] + " me-2 text-nowrap"
4865
+ className: styles$2["question-title"] + " me-2 text-nowrap"
4853
4866
  }, t("problem_number_question", {
4854
4867
  number: question.questionOrder + 1
4855
4868
  })), React__default.createElement(material.FormControl, {
@@ -4865,7 +4878,7 @@ var QuestionView = function QuestionView(_ref) {
4865
4878
  }).map(function (i) {
4866
4879
  return React__default.createElement(material.FormControlLabel, {
4867
4880
  key: i,
4868
- className: styles$1["question-label"] + " w-fit",
4881
+ className: styles$2["question-label"] + " w-fit",
4869
4882
  labelPlacement: "top",
4870
4883
  value: i,
4871
4884
  onChange: handleChangeCorrectAnswer,
@@ -4877,10 +4890,12 @@ var QuestionView = function QuestionView(_ref) {
4877
4890
  number: i
4878
4891
  })
4879
4892
  });
4880
- })))), React__default.createElement("div", {
4881
- className: "d-flex align-items-center"
4893
+ })))), React__default.createElement(material.Grid, {
4894
+ item: true,
4895
+ xs: 12,
4896
+ lg: 3,
4897
+ mb: "16px"
4882
4898
  }, React__default.createElement(material.FormControl, {
4883
- className: "mx-3",
4884
4899
  style: {
4885
4900
  width: "140px"
4886
4901
  }
@@ -5084,6 +5099,8 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
5084
5099
  subjectId: defaultCategoryOptions === undefined ? selectedSubject === null || selectedSubject === void 0 ? void 0 : selectedSubject.id : undefined
5085
5100
  }),
5086
5101
  categoryOptions = _useCategorySelect.categoryOptions;
5102
+ var theme = material.useTheme();
5103
+ var isTabletUp = material.useMediaQuery(theme.breakpoints.up('lg'));
5087
5104
  var handleChangeQuestionCount = function handleChangeQuestionCount(value) {
5088
5105
  onChangeQuestionCount(article, value === null || value === void 0 ? void 0 : value.value, answerCount);
5089
5106
  };
@@ -5103,7 +5120,7 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
5103
5120
  onDelete === null || onDelete === void 0 ? void 0 : onDelete(article);
5104
5121
  };
5105
5122
  return React__default.createElement("div", {
5106
- className: "d-flex " + styles$1["question"] + " " + (isActive ? styles$1["question--active"] : "")
5123
+ className: "d-flex " + styles$2["question"] + " " + (isActive ? styles$2["question--active"] : "")
5107
5124
  }, React__default.createElement("div", {
5108
5125
  className: "py-1"
5109
5126
  }, React__default.createElement(pi.PiDotsNineLight, {
@@ -5111,20 +5128,30 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
5111
5128
  })), React__default.createElement("div", {
5112
5129
  className: "px-4"
5113
5130
  }, React__default.createElement("p", {
5114
- className: "mb-0 " + styles$1["question-article"]
5131
+ className: "mb-0 " + styles$2["question-article"]
5115
5132
  }, t("article_number")), React__default.createElement("p", {
5116
- className: "text-center " + styles$1["question-article"]
5133
+ className: "text-center " + styles$2["question-article"]
5117
5134
  }, article)), React__default.createElement("div", {
5118
5135
  className: "flex-grow-1"
5119
5136
  }, React__default.createElement(material.Grid, {
5120
5137
  container: true,
5121
5138
  spacing: 3
5122
- }, React__default.createElement(material.Grid, {
5139
+ }, !isTabletUp && React__default.createElement(material.Grid, {
5123
5140
  item: true,
5124
- xs: 3
5141
+ xs: 12,
5142
+ className: "d-flex justify-content-end"
5143
+ }, isDeletable && !isDisabled && React__default.createElement("div", null, React__default.createElement(material.IconButton, {
5144
+ onClick: handleDelete
5145
+ }, React__default.createElement(fa.FaTrash, {
5146
+ size: 16,
5147
+ className: "text-danger"
5148
+ })))), React__default.createElement(material.Grid, {
5149
+ item: true,
5150
+ xs: 12,
5151
+ lg: 3
5125
5152
  }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
5126
5153
  htmlFor: "question_count",
5127
- className: styles$1["question-label"] + " form-label"
5154
+ className: styles$2["question-label"] + " form-label"
5128
5155
  }, t("question_count")), React__default.createElement(QuestionCountSelector, {
5129
5156
  id: "question_count",
5130
5157
  value: questionCount,
@@ -5132,10 +5159,11 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
5132
5159
  isDisabled: isDisabled
5133
5160
  }))), React__default.createElement(material.Grid, {
5134
5161
  item: true,
5135
- xs: 3
5162
+ xs: 12,
5163
+ lg: 3
5136
5164
  }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
5137
5165
  htmlFor: "category",
5138
- className: styles$1["question-label"] + " form-label"
5166
+ className: styles$2["question-label"] + " form-label"
5139
5167
  }, t("category")), React__default.createElement(ArticleCategorySelector, {
5140
5168
  id: "category",
5141
5169
  value: categoryId,
@@ -5145,16 +5173,17 @@ var ArticleGroupView = function ArticleGroupView(_ref) {
5145
5173
  placeholder: t("select_category")
5146
5174
  }))), React__default.createElement(material.Grid, {
5147
5175
  item: true,
5148
- xs: 3
5176
+ xs: 12,
5177
+ lg: 3
5149
5178
  }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
5150
5179
  htmlFor: "answer_count",
5151
- className: styles$1["question-label"] + " form-label"
5180
+ className: styles$2["question-label"] + " form-label"
5152
5181
  }, t("answer_count")), React__default.createElement(AnswerCountSelector, {
5153
5182
  id: "answer_count",
5154
5183
  value: answerCount,
5155
5184
  onChange: handleChangeAnswerCount,
5156
5185
  isDisabled: isDisabled
5157
- }))), React__default.createElement(material.Grid, {
5186
+ }))), isTabletUp && React__default.createElement(material.Grid, {
5158
5187
  item: true,
5159
5188
  xs: 3,
5160
5189
  className: "d-flex justify-content-end"
@@ -5246,6 +5275,8 @@ var ChapterBox = function ChapterBox(_ref) {
5246
5275
  var handleUpdateArticleQuestionScore = function handleUpdateArticleQuestionScore(article, index, score) {
5247
5276
  onUpdateArticleQuestion === null || onUpdateArticleQuestion === void 0 ? void 0 : onUpdateArticleQuestion(article, index, score, "score", data.articles, data.id, parentChapterId);
5248
5277
  };
5278
+ var theme = material.useTheme();
5279
+ var isTabletUp = material.useMediaQuery(theme.breakpoints.up('lg'));
5249
5280
  var handleChangeName = function handleChangeName(e) {
5250
5281
  var text = e.target.value;
5251
5282
  onChangeName === null || onChangeName === void 0 ? void 0 : onChangeName(text, data.id, parentChapterId);
@@ -5293,17 +5324,52 @@ var ChapterBox = function ChapterBox(_ref) {
5293
5324
  className: "text-danger"
5294
5325
  }))), React__default.createElement("div", {
5295
5326
  className: "p-3 d-flex justify-content-between"
5327
+ }, React__default.createElement(material.Grid, {
5328
+ container: true
5329
+ }, React__default.createElement(material.Grid, {
5330
+ item: true,
5331
+ xs: 12
5332
+ }, React__default.createElement(material.Grid, {
5333
+ container: true,
5334
+ spacing: 2
5335
+ }, !isTabletUp && React__default.createElement(material.Grid, {
5336
+ item: true,
5337
+ xs: 12
5296
5338
  }, React__default.createElement(material.Stack, {
5297
- spacing: 2,
5298
- direction: "row"
5299
- }, React__default.createElement(material.Box, {
5339
+ direction: "row",
5340
+ justifyContent: "end",
5341
+ spacing: 2
5342
+ }, !parentChapterId && !data.articles.length && React__default.createElement(material.Button, {
5343
+ className: "mx-1",
5344
+ variant: "contained",
5345
+ color: "primary",
5346
+ disabled: isReadonly,
5347
+ startIcon: React__default.createElement(fa.FaPlus, {
5348
+ size: 12
5349
+ }),
5350
+ onClick: handleClickAddSubchapter
5351
+ }, t("add_subchapter")), data.subChapters.length === 0 && React__default.createElement(material.Button, {
5352
+ className: "mx-1",
5353
+ variant: "contained",
5354
+ color: "success",
5355
+ disabled: isReadonly,
5356
+ startIcon: React__default.createElement(fa.FaPlus, {
5357
+ size: 12
5358
+ }),
5359
+ onClick: handleAddArticle
5360
+ }, t("add_article")))), React__default.createElement(material.Grid, {
5361
+ item: true,
5362
+ xs: 12,
5363
+ lg: 4,
5300
5364
  sx: {
5301
5365
  display: "flex",
5302
5366
  alignItems: "center",
5303
- marginRight: "16px",
5304
5367
  width: "50%"
5305
5368
  }
5306
5369
  }, React__default.createElement("label", {
5370
+ style: {
5371
+ minWidth: "90px"
5372
+ },
5307
5373
  className: "fw-bold text-nowrap me-2"
5308
5374
  }, t("page.from"), ":"), React__default.createElement(InputText, {
5309
5375
  type: "number",
@@ -5313,13 +5379,19 @@ var ChapterBox = function ChapterBox(_ref) {
5313
5379
  onChange: handleChangePageFrom,
5314
5380
  placeholder: t("page.from_placeholder"),
5315
5381
  error: data.pageFrom > data.pageTo || data.pageFrom < 0
5316
- })), React__default.createElement(material.Box, {
5382
+ })), React__default.createElement(material.Grid, {
5383
+ item: true,
5384
+ xs: 12,
5385
+ lg: 4,
5317
5386
  sx: {
5318
5387
  display: "flex",
5319
5388
  alignItems: "center",
5320
5389
  width: "50%"
5321
5390
  }
5322
5391
  }, React__default.createElement("label", {
5392
+ style: {
5393
+ minWidth: "90px"
5394
+ },
5323
5395
  className: "fw-bold text-nowrap me-2"
5324
5396
  }, t("page.to"), ":"), React__default.createElement(InputText, {
5325
5397
  type: "number",
@@ -5329,7 +5401,10 @@ var ChapterBox = function ChapterBox(_ref) {
5329
5401
  onChange: handleChangePageTo,
5330
5402
  placeholder: t("page.to_placeholder"),
5331
5403
  error: data.pageTo < data.pageFrom
5332
- }))), React__default.createElement(material.Stack, {
5404
+ })), isTabletUp && React__default.createElement(material.Grid, {
5405
+ item: true,
5406
+ lg: 4
5407
+ }, React__default.createElement(material.Stack, {
5333
5408
  direction: "row",
5334
5409
  justifyContent: "end",
5335
5410
  spacing: 2
@@ -5351,7 +5426,7 @@ var ChapterBox = function ChapterBox(_ref) {
5351
5426
  size: 12
5352
5427
  }),
5353
5428
  onClick: handleAddArticle
5354
- }, t("add_article")))), React__default.createElement("div", {
5429
+ }, t("add_article")))))))), React__default.createElement("div", {
5355
5430
  className: "p-3"
5356
5431
  }, React__default.createElement(material.Stack, {
5357
5432
  spacing: 2
@@ -6614,9 +6689,9 @@ var SubjectSelector = function SubjectSelector(_ref) {
6614
6689
  !minimumTextSearchLength && defaultValueAtFirst && options.length && onChange(options[0], subjects[0]);
6615
6690
  }, [JSON.stringify(options), JSON.stringify(subjects), defaultValueAtFirst, minimumTextSearchLength]);
6616
6691
  return React__default.createElement(material.FormGroup, {
6617
- className: "" + styleGlobal["filter-item"]
6692
+ className: "" + styles["filter-item"]
6618
6693
  }, !!title && React__default.createElement("label", {
6619
- className: "" + styleGlobal["title-form"]
6694
+ className: "" + styles["title-form"]
6620
6695
  }, title), React__default.createElement(CustomSelectOption, {
6621
6696
  options: options,
6622
6697
  inputValue: searchString,
@@ -7070,7 +7145,7 @@ var LayoutList = function LayoutList(_ref) {
7070
7145
  var children = _ref.children,
7071
7146
  title = _ref.title;
7072
7147
  return React__default.createElement(material.Box, {
7073
- className: 'bg-white p-5'
7148
+ className: 'bg-white p-3'
7074
7149
  }, React__default.createElement(material.Stack, {
7075
7150
  direction: "row",
7076
7151
  alignItems: "center",
@@ -7085,12 +7160,12 @@ var SortIcon = function SortIcon(_ref) {
7085
7160
  var isAscending = _ref.isAscending,
7086
7161
  onClick = _ref.onClick;
7087
7162
  return React__default.createElement("div", {
7088
- className: "d-flex flex-column " + styleGlobal["sort-icons"],
7163
+ className: "d-flex flex-column " + styles["sort-icons"],
7089
7164
  onClick: onClick
7090
7165
  }, React__default.createElement(fa.FaSortUp, {
7091
- className: isAscending === true ? styleGlobal["active"] : ""
7166
+ className: isAscending === true ? styles["active"] : ""
7092
7167
  }), React__default.createElement(fa.FaSortDown, {
7093
- className: isAscending === false ? styleGlobal["active"] : ""
7168
+ className: isAscending === false ? styles["active"] : ""
7094
7169
  }));
7095
7170
  };
7096
7171
 
@@ -7593,17 +7668,17 @@ var ExamDetailView = function ExamDetailView(_ref) {
7593
7668
  return React__default.createElement(material.Grid, {
7594
7669
  container: true,
7595
7670
  spacing: 3,
7596
- className: className + " " + styleGlobal["custom-row"]
7671
+ className: className + " " + styles["custom-row"]
7597
7672
  }, React__default.createElement(material.Grid, {
7598
7673
  item: true,
7599
7674
  xs: 5,
7600
7675
  className: 'mb-2'
7601
7676
  }, React__default.createElement("label", {
7602
- className: styleGlobal["form-label"] + " " + styles$1["question-label"],
7677
+ className: styles["form-label"] + " " + styles$2["question-label"],
7603
7678
  htmlFor: "title"
7604
7679
  }, t("title")), React__default.createElement("input", {
7605
7680
  disabled: isDisabled,
7606
- className: "" + styleGlobal["form-control"],
7681
+ className: "" + styles["form-control"],
7607
7682
  value: exam.title,
7608
7683
  id: "title",
7609
7684
  placeholder: t("enter_title"),
@@ -7613,7 +7688,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
7613
7688
  xs: 3,
7614
7689
  className: 'mb-2'
7615
7690
  }, React__default.createElement("label", {
7616
- className: styleGlobal["form-label"] + " " + styles$1["question-label"],
7691
+ className: styles["form-label"] + " " + styles$2["question-label"],
7617
7692
  htmlFor: "duration"
7618
7693
  }, t("duration")), React__default.createElement(CustomSelect, {
7619
7694
  inputId: "duration",
@@ -7626,7 +7701,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
7626
7701
  xs: 3,
7627
7702
  className: 'mb-2'
7628
7703
  }, React__default.createElement("label", {
7629
- className: styleGlobal["form-label"] + " " + styles$1["question-label"],
7704
+ className: styles["form-label"] + " " + styles$2["question-label"],
7630
7705
  htmlFor: "duration"
7631
7706
  }, t("subject"), " ", selectedSubject === null || selectedSubject === void 0 ? void 0 : selectedSubject.name), React__default.createElement(CustomSelect, {
7632
7707
  inputId: "subject",
@@ -7657,7 +7732,7 @@ var ExamDetailView = function ExamDetailView(_ref) {
7657
7732
  xs: 12
7658
7733
  }, React__default.createElement("button", {
7659
7734
  disabled: isDisabled,
7660
- className: styleGlobal["btn-outline-primary"] + " w-100 d-flex justify-content-center align-items-center " + styles$1["question-btn"] + " mt-3",
7735
+ className: styles["btn-outline-primary"] + " w-100 d-flex justify-content-center align-items-center " + styles$2["question-btn"] + " mt-3",
7661
7736
  onClick: handleAddArticle
7662
7737
  }, React__default.createElement(fa.FaPlusCircle, {
7663
7738
  className: "me-2"
@@ -9859,7 +9934,7 @@ Object.defineProperty(exports,"__esModule",{value:!0});var _typeof="function"==t
9859
9934
 
9860
9935
  var ReactApexChart = unwrapExports(reactApexcharts_min);
9861
9936
 
9862
- var styles$2 = {"titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
9937
+ var styles$3 = {"titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
9863
9938
 
9864
9939
  var iconStarQuestion = function iconStarQuestion(_ref) {
9865
9940
  var _ref$width = _ref.width,
@@ -10150,7 +10225,7 @@ function CreateNewQuestionDialog(_ref) {
10150
10225
  padding: "24px 24px 40px 24px"
10151
10226
  }, React__default.createElement(material.Stack, null, React__default.createElement("label", {
10152
10227
  htmlFor: "questions",
10153
- className: styleGlobal['form-label'] + " " + styles$2['form-label-dialog']
10228
+ className: styles['form-label'] + " " + styles$3['form-label-dialog']
10154
10229
  }, "\uC9C8\uBB38\uD560 \uBB38\uC81C"), React__default.createElement(formik.Field, {
10155
10230
  as: "select",
10156
10231
  id: "questions",
@@ -10158,7 +10233,7 @@ function CreateNewQuestionDialog(_ref) {
10158
10233
  style: {
10159
10234
  width: "100%"
10160
10235
  },
10161
- className: "" + styleGlobal['form-select']
10236
+ className: "" + styles['form-select']
10162
10237
  }, questions === null || questions === void 0 ? void 0 : questions.map(function (question) {
10163
10238
  return React__default.createElement("option", {
10164
10239
  value: question === null || question === void 0 ? void 0 : question.id
@@ -10167,7 +10242,7 @@ function CreateNewQuestionDialog(_ref) {
10167
10242
  }));
10168
10243
  }))), React__default.createElement(material.Stack, null, React__default.createElement("label", {
10169
10244
  htmlFor: "content-question",
10170
- className: styleGlobal['form-label'] + " " + styles$2['form-label-dialog']
10245
+ className: styles['form-label'] + " " + styles$3['form-label-dialog']
10171
10246
  }, "\uC9C8\uBB38 \uB0B4\uC6A9"), React__default.createElement(material.Box, {
10172
10247
  position: 'relative',
10173
10248
  display: 'flex',
@@ -10180,7 +10255,7 @@ function CreateNewQuestionDialog(_ref) {
10180
10255
  },
10181
10256
  name: "content",
10182
10257
  placeholder: "\uBB38\uC81C\uAC00 \uC5B4\uB824\uC6CC\uC694",
10183
- className: styleGlobal['form-control']
10258
+ className: styles['form-control']
10184
10259
  }), (errors === null || errors === void 0 ? void 0 : errors.content) && React__default.createElement(material.Box, {
10185
10260
  position: 'absolute',
10186
10261
  right: 0,
@@ -10203,14 +10278,14 @@ function CreateNewQuestionDialog(_ref) {
10203
10278
  borderTop: "1px solid #CED2DA"
10204
10279
  }
10205
10280
  }, React__default.createElement(Button, {
10206
- className: styles$2['btn-cancel'],
10281
+ className: styles$3['btn-cancel'],
10207
10282
  onClick: toggleCreateQuestion
10208
10283
  }, React__default.createElement(Typography, {
10209
10284
  fontWeight: 700,
10210
10285
  fontSize: '14px',
10211
10286
  lineHeight: '16.71px'
10212
10287
  }, "\uCDE8\uC18C")), React__default.createElement(Button, {
10213
- className: styles$2['btn-register'],
10288
+ className: styles$3['btn-register'],
10214
10289
  type: "submit"
10215
10290
  }, React__default.createElement(Typography, {
10216
10291
  fontWeight: 700,
@@ -10242,7 +10317,7 @@ function MyAnswer(_ref) {
10242
10317
  toggleCreateQuestion();
10243
10318
  };
10244
10319
  return React__default.createElement("div", {
10245
- className: styles$2["myanswer"]
10320
+ className: styles$3["myanswer"]
10246
10321
  }, formattedData && formattedData.length > 0 && formattedData.map(function (item) {
10247
10322
  return React__default.createElement("div", {
10248
10323
  key: item.category.id
@@ -10250,9 +10325,9 @@ function MyAnswer(_ref) {
10250
10325
  bgcolor: "#F9FAFB",
10251
10326
  flexDirection: "row",
10252
10327
  padding: "12px",
10253
- className: styles$2["myAnswerItem"] + " " + styleGlobal["noGutters"]
10328
+ className: styles$3["myAnswerItem"] + " " + styles["noGutters"]
10254
10329
  }, React__default.createElement("div", {
10255
- className: styleGlobal["custom-col-2"],
10330
+ className: styles["custom-col-2"],
10256
10331
  style: {
10257
10332
  display: "flex",
10258
10333
  gap: "4px"
@@ -10264,7 +10339,7 @@ function MyAnswer(_ref) {
10264
10339
  color: "#97A1AF"
10265
10340
  }
10266
10341
  }, "\uBB38\uC81C \uBC88\uD638")), React__default.createElement("div", {
10267
- className: styleGlobal["custom-col-2"],
10342
+ className: styles["custom-col-2"],
10268
10343
  style: {
10269
10344
  display: "flex",
10270
10345
  gap: "4px"
@@ -10276,7 +10351,7 @@ function MyAnswer(_ref) {
10276
10351
  color: "#97A1AF"
10277
10352
  }
10278
10353
  }, "\uC815\uB2F5")), React__default.createElement("div", {
10279
- className: styleGlobal["custom-col-2"],
10354
+ className: styles["custom-col-2"],
10280
10355
  style: {
10281
10356
  display: "flex",
10282
10357
  gap: "4px"
@@ -10288,7 +10363,7 @@ function MyAnswer(_ref) {
10288
10363
  color: "#97A1AF"
10289
10364
  }
10290
10365
  }, "\uD480\uC774 \uC2DC\uAC04")), React__default.createElement("div", {
10291
- className: styleGlobal["custom-col-2"],
10366
+ className: styles["custom-col-2"],
10292
10367
  style: {
10293
10368
  display: "flex",
10294
10369
  alignItems: "center",
@@ -10301,7 +10376,7 @@ function MyAnswer(_ref) {
10301
10376
  color: "#97A1AF"
10302
10377
  }
10303
10378
  }, "\uC0C1\uC704\uAD8C \uBE44\uAD50")), React__default.createElement("div", {
10304
- className: styleGlobal["custom-col-2"],
10379
+ className: styles["custom-col-2"],
10305
10380
  style: {
10306
10381
  display: "flex",
10307
10382
  alignItems: "center",
@@ -10314,7 +10389,7 @@ function MyAnswer(_ref) {
10314
10389
  color: "#97A1AF"
10315
10390
  }
10316
10391
  }, "\uC804\uCCB4 \uC815\uB2F5\uB960"))), React__default.createElement("div", {
10317
- className: styles$2["titleMyAnswer2"]
10392
+ className: styles$3["titleMyAnswer2"]
10318
10393
  }, React__default.createElement(material.Typography, {
10319
10394
  sx: {
10320
10395
  color: "#97A1AF",
@@ -10327,7 +10402,7 @@ function MyAnswer(_ref) {
10327
10402
  fontWeight: 700
10328
10403
  }
10329
10404
  }, item.category.name)), React__default.createElement("div", {
10330
- className: styles$2["contentMyAnswer"]
10405
+ className: styles$3["contentMyAnswer"]
10331
10406
  }, item.questions.map(function (question, index) {
10332
10407
  return React__default.createElement("div", {
10333
10408
  style: isOpenTime[question.id] ? {
@@ -10336,9 +10411,9 @@ function MyAnswer(_ref) {
10336
10411
  } : {},
10337
10412
  key: question.id
10338
10413
  }, React__default.createElement("div", {
10339
- className: styles$2["myAnswerItem"] + " " + styleGlobal["noGutters"]
10414
+ className: styles$3["myAnswerItem"] + " " + styles["noGutters"]
10340
10415
  }, React__default.createElement("div", {
10341
- className: styleGlobal["custom-col-2"],
10416
+ className: styles["custom-col-2"],
10342
10417
  style: {
10343
10418
  display: "flex",
10344
10419
  alignItems: "center",
@@ -10346,22 +10421,22 @@ function MyAnswer(_ref) {
10346
10421
  padding: "4px 8px"
10347
10422
  }
10348
10423
  }, question.isStar ? React__default.createElement(iconStarQuestion, null) : React__default.createElement(iconNoStarQuestion, null), React__default.createElement("span", {
10349
- className: styles$2["questionOrder"]
10424
+ className: styles$3["questionOrder"]
10350
10425
  }, question.questionOrder + 1, "\uBC88")), React__default.createElement("div", {
10351
- className: styleGlobal["custom-col-2"],
10426
+ className: styles["custom-col-2"],
10352
10427
  style: {
10353
10428
  display: "flex",
10354
10429
  alignItems: "center",
10355
10430
  gap: "4px"
10356
10431
  }
10357
10432
  }, question.isCorrect && question.selectedAnswers !== "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer, null), React__default.createElement("span", {
10358
- className: styles$2["answerCorrect"]
10433
+ className: styles$3["answerCorrect"]
10359
10434
  }, "\uC815\uB2F5")), !question.isCorrect && question.selectedAnswers !== "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconCorrectAnswer$1, null), React__default.createElement("span", {
10360
- className: styles$2["answerIncorrect"]
10435
+ className: styles$3["answerIncorrect"]
10361
10436
  }, "\uC624\uB2F5")), question.selectedAnswers === "" && React__default.createElement(React.Fragment, null, React__default.createElement(iconNoGrass, null), React__default.createElement("span", {
10362
- className: styles$2["answerNograss"]
10437
+ className: styles$3["answerNograss"]
10363
10438
  }, "\uD480\uC774 \uC5C6\uC74C"))), React__default.createElement("div", {
10364
- className: styleGlobal["custom-col-2"],
10439
+ className: styles["custom-col-2"],
10365
10440
  style: {
10366
10441
  display: "flex",
10367
10442
  alignItems: "center"
@@ -10370,14 +10445,14 @@ function MyAnswer(_ref) {
10370
10445
  style: {
10371
10446
  margin: 0
10372
10447
  },
10373
- className: styles$2["answer-response"] + " " + styles$2["answer-response-" + question.answerResponseSignal]
10448
+ className: styles$3["answer-response"] + " " + styles$3["answer-response-" + question.answerResponseSignal]
10374
10449
  }, formatTimeSecond(Math.round(question.duration), t)) : React__default.createElement("p", {
10375
10450
  style: {
10376
10451
  margin: 0
10377
10452
  },
10378
- className: styles$2["answerNoTime"]
10453
+ className: styles$3["answerNoTime"]
10379
10454
  }, "\uC2DC\uAC04 \uC5C6\uC74C")), React__default.createElement("div", {
10380
- className: styleGlobal["custom-col-2"],
10455
+ className: styles["custom-col-2"],
10381
10456
  style: {
10382
10457
  display: "flex",
10383
10458
  alignItems: "center"
@@ -10386,15 +10461,15 @@ function MyAnswer(_ref) {
10386
10461
  style: {
10387
10462
  margin: 0
10388
10463
  },
10389
- className: styles$2["answer-response"] + " " + styles$2["answer-response-" + question.answerResponseSignal]
10464
+ className: styles$3["answer-response"] + " " + styles$3["answer-response-" + question.answerResponseSignal]
10390
10465
  }, formatTimeSecond(Math.round(question.topDuration - question.duration), t)) : React__default.createElement("p", {
10391
10466
  style: {
10392
10467
  margin: 0,
10393
10468
  textAlign: "center"
10394
10469
  },
10395
- className: styles$2["answerNoTime"]
10470
+ className: styles$3["answerNoTime"]
10396
10471
  }, "-")), React__default.createElement("div", {
10397
- className: styleGlobal["custom-col-2"],
10472
+ className: styles["custom-col-2"],
10398
10473
  style: {
10399
10474
  display: "flex",
10400
10475
  alignItems: "center"
@@ -10403,14 +10478,14 @@ function MyAnswer(_ref) {
10403
10478
  style: {
10404
10479
  margin: 0
10405
10480
  },
10406
- className: styles$2["answer-response"] + " " + styles$2["answer-response-" + question.answerResponseSignal]
10481
+ className: styles$3["answer-response"] + " " + styles$3["answer-response-" + question.answerResponseSignal]
10407
10482
  }, question.overallCorrectRate + "%") : React__default.createElement("p", {
10408
10483
  style: {
10409
10484
  margin: 0
10410
10485
  },
10411
- className: styles$2["answerNoTime"]
10486
+ className: styles$3["answerNoTime"]
10412
10487
  }, "\uC2DC\uAC04 \uC5C6\uC74C")), isStudent && React__default.createElement("div", {
10413
- className: styleGlobal["custom-col-2"],
10488
+ className: styles["custom-col-2"],
10414
10489
  style: {
10415
10490
  display: "flex",
10416
10491
  alignItems: "center",
@@ -10479,11 +10554,11 @@ var iconBtnNextChart = function iconBtnNextChart(_ref) {
10479
10554
  function CompareGrass(_ref) {
10480
10555
  var effectSize = _ref.effectSize;
10481
10556
  return React__default.createElement("div", {
10482
- className: styles$2["compareGrass"]
10557
+ className: styles$3["compareGrass"]
10483
10558
  }, React__default.createElement("div", {
10484
- className: styles$2["tableCompareGrass"]
10559
+ className: styles$3["tableCompareGrass"]
10485
10560
  }, React__default.createElement("div", {
10486
- className: styles$2["table-responsive"]
10561
+ className: styles$3["table-responsive"]
10487
10562
  }, React__default.createElement(material.Table, {
10488
10563
  style: {
10489
10564
  width: "100%"
@@ -10493,7 +10568,7 @@ function CompareGrass(_ref) {
10493
10568
  borderBottom: "1px solid #E4E7EC"
10494
10569
  }
10495
10570
  }, React__default.createElement("tr", null, React__default.createElement("th", {
10496
- className: styles$2["thcolumn1"]
10571
+ className: styles$3["thcolumn1"]
10497
10572
  }, "\uBB38\uC81C \uBC88\uD638"), React__default.createElement("th", {
10498
10573
  style: {
10499
10574
  textAlign: "center"
@@ -10517,14 +10592,14 @@ function CompareGrass(_ref) {
10517
10592
  borderBottom: "1px solid #e4e7ec"
10518
10593
  } : {}
10519
10594
  }, React__default.createElement("td", {
10520
- className: styles$2["tdcolumn1"]
10595
+ className: styles$3["tdcolumn1"]
10521
10596
  }, "\uBB38\uC81C ", item.questionOrder + 1), React__default.createElement("td", {
10522
10597
  style: {
10523
10598
  textAlign: "center",
10524
10599
  color: "#202B37"
10525
10600
  }
10526
10601
  }, item.correctAnswers, "\uBC88"), React__default.createElement("td", {
10527
- className: styles$2["tdcolumn3"],
10602
+ className: styles$3["tdcolumn3"],
10528
10603
  style: {
10529
10604
  color: item.isCorrect ? "#1EE288" : "#F34B4B"
10530
10605
  }
@@ -10534,7 +10609,7 @@ function CompareGrass(_ref) {
10534
10609
  color: "#414E62"
10535
10610
  }
10536
10611
  }, item.mostSelectedAnswers ? item.mostSelectedAnswers + "\uBC88" : ""), React__default.createElement("td", null, React__default.createElement("div", {
10537
- className: styles$2["classification"]
10612
+ className: styles$3["classification"]
10538
10613
  }, item.problemCategories.map(function (problem, index) {
10539
10614
  return React__default.createElement("div", {
10540
10615
  key: index
@@ -10661,9 +10736,9 @@ function TrickyProblem(_ref) {
10661
10736
  return i.isStar && i.isCorrect;
10662
10737
  });
10663
10738
  return React__default.createElement("div", {
10664
- className: styles$2["wrapperProblem"]
10739
+ className: styles$3["wrapperProblem"]
10665
10740
  }, React__default.createElement("div", {
10666
- className: !openProblem.problem1 ? styles$2["titleProblemClose"] : styles$2["titleProblem"],
10741
+ className: !openProblem.problem1 ? styles$3["titleProblemClose"] : styles$3["titleProblem"],
10667
10742
  onClick: function onClick() {
10668
10743
  return changeOpen(_extends({}, openProblem, {
10669
10744
  problem1: !openProblem.problem1
@@ -10676,27 +10751,27 @@ function TrickyProblem(_ref) {
10676
10751
  fontWeight: 700
10677
10752
  }
10678
10753
  }, "\uAE4C\uB2E4\uB85C\uC6E0\uB358 \uBB38\uC81C"), openProblem.problem1 ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), openProblem.problem1 && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
10679
- className: styles$2["titleTrickyProblem"]
10754
+ className: styles$3["titleTrickyProblem"]
10680
10755
  }, React__default.createElement(iconX, null), React__default.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uD2C0\uB9B0 \uBB38\uC81C")), React__default.createElement("div", {
10681
- className: styles$2["wrongQuestions"]
10756
+ className: styles$3["wrongQuestions"]
10682
10757
  }, !!inCorrectQuestions.length && inCorrectQuestions.map(function (question) {
10683
10758
  return React__default.createElement("span", {
10684
10759
  key: question.id,
10685
- className: styles$2["question"]
10760
+ className: styles$3["question"]
10686
10761
  }, question.questionOrder + 1, "\uBC88");
10687
10762
  }), !data.questions.length && React__default.createElement("div", {
10688
- className: styles$2["noData"]
10763
+ className: styles$3["noData"]
10689
10764
  }, "\uB370\uC774\uD130 \uC5C6\uC74C")), React__default.createElement("div", {
10690
- className: styles$2["titleTrickyProblem"]
10765
+ className: styles$3["titleTrickyProblem"]
10691
10766
  }, React__default.createElement(iconAssignedQuestions, null), React__default.createElement("span", null, "\uBCC4\uD45C \uCE5C \uBB38\uC81C \uC911 \uB9DE\uCD98 \uBB38\uC81C")), React__default.createElement("div", {
10692
- className: styles$2["assignedQuestions"]
10767
+ className: styles$3["assignedQuestions"]
10693
10768
  }, !!correctQuestions.length && correctQuestions.map(function (question) {
10694
10769
  return React__default.createElement("div", {
10695
10770
  key: question.id,
10696
- className: styles$2["question"]
10771
+ className: styles$3["question"]
10697
10772
  }, question.questionOrder + 1, "\uBC88");
10698
10773
  }), !data.questions.length && React__default.createElement("div", {
10699
- className: styles$2["noData"]
10774
+ className: styles$3["noData"]
10700
10775
  }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
10701
10776
  }
10702
10777
 
@@ -10707,9 +10782,9 @@ function ProtractedProblem(_ref) {
10707
10782
  var _useTranslation = reactI18next.useTranslation(),
10708
10783
  t = _useTranslation.t;
10709
10784
  return React__default.createElement("div", {
10710
- className: styles$2["wrapperProblem"]
10785
+ className: styles$3["wrapperProblem"]
10711
10786
  }, React__default.createElement("div", {
10712
- className: !openProblem.problem2 ? styles$2["titleProblemClose"] : styles$2["titleProblem"],
10787
+ className: !openProblem.problem2 ? styles$3["titleProblemClose"] : styles$3["titleProblem"],
10713
10788
  onClick: function onClick() {
10714
10789
  return changeOpen(_extends({}, openProblem, {
10715
10790
  problem2: !openProblem.problem2
@@ -10722,30 +10797,30 @@ function ProtractedProblem(_ref) {
10722
10797
  fontWeight: 700
10723
10798
  }
10724
10799
  }, "\uC2DC\uAC04\uC774 \uC624\uB798 \uAC78\uB9B0 \uBB38\uC81C"), openProblem.problem2 ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), openProblem.problem2 && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
10725
- className: styles$2["wrapperContent"]
10800
+ className: styles$3["wrapperContent"]
10726
10801
  }, data.length ? data.map(function (item) {
10727
10802
  return React__default.createElement("div", {
10728
- className: styles$2["content"],
10803
+ className: styles$3["content"],
10729
10804
  key: item.id
10730
10805
  }, React__default.createElement("div", {
10731
- className: styles$2["contentColumn1"]
10806
+ className: styles$3["contentColumn1"]
10732
10807
  }, React__default.createElement("div", null, React__default.createElement("span", {
10733
- className: styles$2["span1"]
10808
+ className: styles$3["span1"]
10734
10809
  }, "\uBB38\uC81C"), React__default.createElement("span", {
10735
- className: styles$2["span2"]
10810
+ className: styles$3["span2"]
10736
10811
  }, item.questionOrder + 1, "\uBC88"))), React__default.createElement("div", {
10737
- className: styles$2["contentColumn2"]
10812
+ className: styles$3["contentColumn2"]
10738
10813
  }, React__default.createElement("div", null, React__default.createElement("span", {
10739
- className: styles$2["span1"]
10814
+ className: styles$3["span1"]
10740
10815
  }, "\uB098\uC758 \uC2DC\uAC04"), React__default.createElement("span", {
10741
- className: styles$2["span2"]
10816
+ className: styles$3["span2"]
10742
10817
  }, "\uC0C1\uC704\uAD8C \uC2DC\uAC04")), React__default.createElement("div", null, React__default.createElement("span", {
10743
- className: styles$2["duration"]
10818
+ className: styles$3["duration"]
10744
10819
  }, formatTimeSecond(item.duration, t)), React__default.createElement("span", {
10745
- className: styles$2["topDuration"]
10820
+ className: styles$3["topDuration"]
10746
10821
  }, formatTimeSecond(item.topDuration, t)))));
10747
10822
  }) : React__default.createElement("div", {
10748
- className: styles$2["noData"]
10823
+ className: styles$3["noData"]
10749
10824
  }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
10750
10825
  }
10751
10826
 
@@ -10759,9 +10834,9 @@ function Vulnerable(_ref) {
10759
10834
  return q2.overallCorrectRate === q1.overallCorrectRate ? q1.questionOrder - q2.questionOrder : q2.overallCorrectRate - q1.overallCorrectRate;
10760
10835
  });
10761
10836
  return React__default.createElement("div", {
10762
- className: styles$2["wrapperProblem"]
10837
+ className: styles$3["wrapperProblem"]
10763
10838
  }, React__default.createElement("div", {
10764
- className: !openProblem.problem3 ? styles$2["titleProblemClose"] : styles$2["titleProblem"],
10839
+ className: !openProblem.problem3 ? styles$3["titleProblemClose"] : styles$3["titleProblem"],
10765
10840
  onClick: function onClick() {
10766
10841
  return changeOpen(_extends({}, openProblem, {
10767
10842
  problem3: !openProblem.problem3
@@ -10774,30 +10849,30 @@ function Vulnerable(_ref) {
10774
10849
  fontWeight: 700
10775
10850
  }
10776
10851
  }, "\uB0B4\uAC00 \uCDE8\uC57D\uD55C \uBB38\uC81C"), openProblem.problem3 ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), openProblem.problem3 && React__default.createElement(React.Fragment, null, React__default.createElement("div", {
10777
- className: styles$2["wrapperContent"]
10852
+ className: styles$3["wrapperContent"]
10778
10853
  }, incorrectQuestions.length ? React__default.createElement(React.Fragment, null, incorrectQuestions.map(function (question) {
10779
10854
  return React__default.createElement("div", {
10780
- className: styles$2["content"],
10855
+ className: styles$3["content"],
10781
10856
  key: question.id
10782
10857
  }, React__default.createElement("div", {
10783
- className: styles$2["contentColumn1"]
10858
+ className: styles$3["contentColumn1"]
10784
10859
  }, React__default.createElement("div", null, React__default.createElement("span", {
10785
- className: styles$2["span1"]
10860
+ className: styles$3["span1"]
10786
10861
  }, "\uBB38\uC81C"), React__default.createElement("span", {
10787
- className: styles$2["span2"]
10862
+ className: styles$3["span2"]
10788
10863
  }, question.questionOrder + 1, "\uBC88"))), React__default.createElement("div", {
10789
- className: styles$2["contentColumn2"]
10864
+ className: styles$3["contentColumn2"]
10790
10865
  }, React__default.createElement("div", null, React__default.createElement("span", {
10791
- className: styles$2["span1"]
10866
+ className: styles$3["span1"]
10792
10867
  }, "\uC804\uCCB4 \uC815\uB2F5\uB960"), React__default.createElement("span", {
10793
- className: styles$2["span2"]
10868
+ className: styles$3["span2"]
10794
10869
  }, "\uB098\uC758 \uC624\uB2F5")), React__default.createElement("div", null, React__default.createElement("span", {
10795
- className: styles$2["overallCorrectRate"]
10870
+ className: styles$3["overallCorrectRate"]
10796
10871
  }, question.overallCorrectRate.toFixed(2), "%"), React__default.createElement("span", {
10797
- className: styles$2["answer"]
10872
+ className: styles$3["answer"]
10798
10873
  }, question.selectedAnswers, "\uBC88 (\uC815\uB2F5", " ", question.correctAnswers, "\uBC88)"))));
10799
10874
  })) : React__default.createElement("div", {
10800
- className: styles$2["noData"]
10875
+ className: styles$3["noData"]
10801
10876
  }, "\uB370\uC774\uD130 \uC5C6\uC74C"))));
10802
10877
  }
10803
10878
 
@@ -10806,9 +10881,9 @@ function GradesByTerritory(_ref) {
10806
10881
  openProblem = _ref.openProblem,
10807
10882
  changeOpen = _ref.changeOpen;
10808
10883
  return React__default.createElement("div", {
10809
- className: styles$2["wrapperProblem"]
10884
+ className: styles$3["wrapperProblem"]
10810
10885
  }, React__default.createElement("div", {
10811
- className: !openProblem.problem4 ? styles$2["titleProblemClose"] : styles$2["titleProblem"],
10886
+ className: !openProblem.problem4 ? styles$3["titleProblemClose"] : styles$3["titleProblem"],
10812
10887
  onClick: function onClick() {
10813
10888
  return changeOpen(_extends({}, openProblem, {
10814
10889
  problem4: !openProblem.problem4
@@ -10821,27 +10896,27 @@ function GradesByTerritory(_ref) {
10821
10896
  fontWeight: 700
10822
10897
  }
10823
10898
  }, "\uC601\uC5ED\uBCC4 \uC131\uC801"), openProblem.problem4 ? React__default.createElement(iconUpArrow, null) : React__default.createElement(iconDownArrow, null)), openProblem.problem4 && React__default.createElement("div", {
10824
- className: styles$2["wrappContentProblem"]
10899
+ className: styles$3["wrappContentProblem"]
10825
10900
  }, data.length && data.map(function (item) {
10826
10901
  return React__default.createElement("div", {
10827
- className: styles$2["contentProblem"],
10902
+ className: styles$3["contentProblem"],
10828
10903
  key: item.id
10829
10904
  }, React__default.createElement("div", {
10830
- className: styles$2["labelProblem"]
10905
+ className: styles$3["labelProblem"]
10831
10906
  }, React__default.createElement("span", {
10832
- className: styles$2["name"]
10907
+ className: styles$3["name"]
10833
10908
  }, item.name), React__default.createElement("div", {
10834
- className: styles$2["percent"]
10909
+ className: styles$3["percent"]
10835
10910
  }, React__default.createElement("span", null, item.percentageAmongStudents.toFixed(2), "%"), React__default.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, "\uBB38\uC81C"))), React__default.createElement("div", {
10836
- className: styles$2["slider"]
10911
+ className: styles$3["slider"]
10837
10912
  }, React__default.createElement("span", {
10838
- className: styles$2["track"],
10913
+ className: styles$3["track"],
10839
10914
  style: {
10840
10915
  left: item.percentageAmongStudents + "%"
10841
10916
  }
10842
10917
  })));
10843
10918
  }), openProblem.problem4 && !data.length && React__default.createElement("div", {
10844
- className: styles$2["noData"]
10919
+ className: styles$3["noData"]
10845
10920
  }, "\uB370\uC774\uD130 \uC5C6\uC74C")));
10846
10921
  }
10847
10922
 
@@ -10934,7 +11009,7 @@ function CreateNewQuestionDialog$1(_ref) {
10934
11009
  var errors = _ref2.errors;
10935
11010
  return React__default.createElement(formik.Form, null, React__default.createElement("label", {
10936
11011
  htmlFor: "content-question",
10937
- className: styleGlobal['form-label'] + " " + styles$2['form-label-dialog']
11012
+ className: styles['form-label'] + " " + styles$3['form-label-dialog']
10938
11013
  }, "\uC9C8\uBB38 \uB0B4\uC6A9"), React__default.createElement(material.Box, {
10939
11014
  position: 'relative',
10940
11015
  display: 'flex',
@@ -10947,7 +11022,7 @@ function CreateNewQuestionDialog$1(_ref) {
10947
11022
  },
10948
11023
  name: "content",
10949
11024
  placeholder: "\uBB38\uC81C\uAC00 \uC5B4\uB824\uC6CC\uC694",
10950
- className: styleGlobal['form-control']
11025
+ className: styles['form-control']
10951
11026
  }), (errors === null || errors === void 0 ? void 0 : errors.content) && React__default.createElement(material.Box, {
10952
11027
  position: 'absolute',
10953
11028
  right: 0,
@@ -10969,14 +11044,14 @@ function CreateNewQuestionDialog$1(_ref) {
10969
11044
  padding: '12px'
10970
11045
  }
10971
11046
  }, React__default.createElement(Button, {
10972
- className: styles$2['btn-cancel'],
11047
+ className: styles$3['btn-cancel'],
10973
11048
  onClick: toggleCreateQuestion
10974
11049
  }, React__default.createElement(Typography, {
10975
11050
  fontWeight: 700,
10976
11051
  fontSize: '14px',
10977
11052
  lineHeight: '16.71px'
10978
11053
  }, "\uCDE8\uC18C")), React__default.createElement(Button, {
10979
- className: styles$2['btn-register'],
11054
+ className: styles$3['btn-register'],
10980
11055
  type: "submit"
10981
11056
  }, React__default.createElement(Typography, {
10982
11057
  fontWeight: 700,
@@ -11065,6 +11140,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
11065
11140
  var _useTab = useTab(),
11066
11141
  selected = _useTab.selected,
11067
11142
  handleChangeTab = _useTab.handleChangeTab;
11143
+ var isTabletUp = material.useMediaQuery('(min-width:900px)');
11068
11144
  return React__default.createElement(React.Fragment, null, timelyOrderQuestion[dataChartIndex] && longTimeSpend && resultDatas && effectSize ? React__default.createElement("div", {
11069
11145
  style: {
11070
11146
  width: "100%"
@@ -11162,7 +11238,28 @@ var ExamResultV2 = function ExamResultV2(_ref) {
11162
11238
  container: true,
11163
11239
  padding: "24px",
11164
11240
  className: "position-relative overflow-hidden"
11165
- }, React__default.createElement(material.Grid, {
11241
+ }, !isTabletUp && React__default.createElement(material.Grid, {
11242
+ item: true,
11243
+ xs: 12
11244
+ }, React__default.createElement(material.Box, {
11245
+ padding: "16px 24px",
11246
+ flexDirection: "row",
11247
+ justifyContent: "end",
11248
+ alignItems: "center",
11249
+ display: "flex",
11250
+ bgcolor: "#F9FAFB",
11251
+ borderTop: "1px solid #E4E7EC",
11252
+ borderBottom: "1px solid #E4E7EC"
11253
+ }, React__default.createElement(material.Stack, {
11254
+ padding: '12px 24px',
11255
+ alignItems: "end",
11256
+ bgcolor: "#F9FAFB"
11257
+ }, React__default.createElement("div", {
11258
+ className: styles$3["pdfBtnBox"]
11259
+ }, React__default.createElement("button", {
11260
+ className: styles$3["pdfBtn"] + " " + styles["truncate"],
11261
+ onClick: handleExportPdf
11262
+ }, React__default.createElement(iconPrintFill, null), React__default.createElement("p", null, t("print"))))))), React__default.createElement(material.Grid, {
11166
11263
  item: true,
11167
11264
  xs: 12
11168
11265
  }, React__default.createElement(material.Box, {
@@ -11182,7 +11279,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
11182
11279
  var label = _ref2.label,
11183
11280
  value = _ref2.value;
11184
11281
  return React__default.createElement(material.Button, {
11185
- className: styleGlobal["truncate"],
11282
+ className: styles["truncate"],
11186
11283
  disableTouchRipple: true,
11187
11284
  sx: {
11188
11285
  fontSize: "14px",
@@ -11195,14 +11292,14 @@ var ExamResultV2 = function ExamResultV2(_ref) {
11195
11292
  return handleChangeTab(value);
11196
11293
  }
11197
11294
  }, label);
11198
- })), React__default.createElement(material.Stack, {
11295
+ })), isTabletUp && React__default.createElement(material.Stack, {
11199
11296
  padding: '12px 24px',
11200
11297
  alignItems: "end",
11201
11298
  bgcolor: "#F9FAFB"
11202
11299
  }, React__default.createElement("div", {
11203
- className: styles$2["pdfBtnBox"]
11300
+ className: styles$3["pdfBtnBox"]
11204
11301
  }, React__default.createElement("button", {
11205
- className: styles$2["pdfBtn"] + " " + styleGlobal["truncate"],
11302
+ className: styles$3["pdfBtn"] + " " + styles["truncate"],
11206
11303
  onClick: handleExportPdf
11207
11304
  }, React__default.createElement(iconPrintFill, null), React__default.createElement("p", null, t("print"))))))), React__default.createElement(material.Grid, {
11208
11305
  item: true,
@@ -11218,18 +11315,18 @@ var ExamResultV2 = function ExamResultV2(_ref) {
11218
11315
  value: selected,
11219
11316
  index: 1
11220
11317
  }, React__default.createElement("div", {
11221
- className: styles$2["compareChart"]
11318
+ className: styles$3["compareChart"]
11222
11319
  }, React__default.createElement("div", {
11223
- className: styles$2["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
11320
+ className: styles$3["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
11224
11321
  onClick: handlePrevChart
11225
11322
  }, React__default.createElement(iconBtnPrevChart, null)), React__default.createElement("div", {
11226
- className: styles$2["chart"] + " sr-line-chart"
11323
+ className: styles$3["chart"] + " sr-line-chart"
11227
11324
  }, React__default.createElement("div", null, React__default.createElement(ReactApexChart, {
11228
11325
  height: 389,
11229
11326
  options: chartOptions,
11230
11327
  series: series
11231
11328
  }))), React__default.createElement("div", {
11232
- className: styles$2["nextChart"] + " " + (dataChartIndex < timelyOrderQuestion.length - 1 && "pointer"),
11329
+ className: styles$3["nextChart"] + " " + (dataChartIndex < timelyOrderQuestion.length - 1 && "pointer"),
11233
11330
  onClick: handleNextChart
11234
11331
  }, React__default.createElement(iconBtnNextChart, null)))), React__default.createElement(CustomTabPanel, {
11235
11332
  value: selected,
@@ -11275,18 +11372,18 @@ var ExamResultV2 = function ExamResultV2(_ref) {
11275
11372
  value: selected,
11276
11373
  index: 1
11277
11374
  }, React__default.createElement("div", {
11278
- className: styles$2["compareChart"]
11375
+ className: styles$3["compareChart"]
11279
11376
  }, React__default.createElement("div", {
11280
- className: styles$2["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
11377
+ className: styles$3["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
11281
11378
  onClick: handlePrevChart
11282
11379
  }, React__default.createElement(iconBtnPrevChart, null)), React__default.createElement("div", {
11283
- className: styles$2["chart"] + " sr-line-chart"
11380
+ className: styles$3["chart"] + " sr-line-chart"
11284
11381
  }, React__default.createElement("div", null, React__default.createElement(ReactApexChart, {
11285
11382
  height: 389,
11286
11383
  options: chartOptions,
11287
11384
  series: series
11288
11385
  }))), React__default.createElement("div", {
11289
- className: styles$2["nextChart"] + " " + (dataChartIndex < timelyOrderQuestion.length - 1 && "pointer"),
11386
+ className: styles$3["nextChart"] + " " + (dataChartIndex < timelyOrderQuestion.length - 1 && "pointer"),
11290
11387
  onClick: handleNextChart
11291
11388
  }, React__default.createElement(iconBtnNextChart, null)))), React__default.createElement(CustomTabPanel, {
11292
11389
  value: selected,
@@ -11362,6 +11459,101 @@ var times = {
11362
11459
  timeSpanToLocalMoment: timeSpanToLocalMoment
11363
11460
  };
11364
11461
 
11462
+ var Header = function Header(_ref) {
11463
+ var academyListRoute = _ref.academyListRoute,
11464
+ homeRoute = _ref.homeRoute,
11465
+ headerTabs = _ref.headerTabs,
11466
+ role = _ref.role,
11467
+ navigate = _ref.navigate,
11468
+ onSignOut = _ref.onSignOut;
11469
+ var _useTranslation = reactI18next.useTranslation(),
11470
+ t = _useTranslation.t;
11471
+ var location = reactRouterDom.useLocation();
11472
+ var theme = material.useTheme();
11473
+ var user = reactRedux.useSelector(function (state) {
11474
+ var _state$common;
11475
+ return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
11476
+ });
11477
+ var isLargerThanXL = material.useMediaQuery(theme.breakpoints.up("xl"));
11478
+ var academyDomain = reactRedux.useSelector(function (state) {
11479
+ var _state$common2, _state$common2$user;
11480
+ return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : (_state$common2$user = _state$common2.user) === null || _state$common2$user === void 0 ? void 0 : _state$common2$user.academyDomain;
11481
+ });
11482
+ var pathname = location.pathname.toLowerCase();
11483
+ return React__default.createElement("div", {
11484
+ className: "col-sm-12 col-xl-12 " + styles["tabBox"] + " " + styles["headers"]
11485
+ }, React__default.createElement(reactRouterDom.Link, {
11486
+ "aria-current": "page",
11487
+ to: homeRoute.path,
11488
+ className: "border-none " + styles["logo-container"]
11489
+ }, React__default.createElement("img", {
11490
+ className: styles["logo"] + " d-none d-lg-block",
11491
+ src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAABNCAYAAAA2N/+4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfmSURBVHgB7ZzLktvGFYbPaZBKNOWKmSpnG3GfVHm09UbUE5hDJ4usTD2BrU22op5gRvtUifI20Qz0BKKfINQThHbWqWA2li0SfXwamJFBEAABojkX6/+qKIq4dJPA36fPpTFEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAatHrjXsEgAeY9kSnM54QyRNmWojwnJlD/fxmuZzOCYCG7EWolyIt2R1ptzMV8Ez//y2EC+rgXahbRFqEE65aXApF6M1qNZ0RADm8CnUHkZaQWNy5CvfVRx/RPIqmEYEPGm9C9SfSdZhlvFx+84LAB02HPBAE46mK9EvyjkwgUuBobVGdSNXq7UWkq9U3TwkAJaAW1BHpwcEn9Oc//Y0+/t0f6eDuH6jbPaDV6geydllxFkQK1tnZotYV6Wef/V0F+snGvqWK9Tz6byLa8/Pvk9fbt/+j6Pz7aRy/eEQAZNhJqG1FWoWQGZyd8bfkib8O3x0K8UaF7F9hd0Z7YKj9GTKH2W2WlrMwvLugHRkOpWcoHma36Y2LXoadkPZAk/6+OLKvhWSQ3VZ2D0fD1Ti/7TTsTKkGjYOpfYrUN3rB+zHbf2/sEJrqv7OK83oByxk1wBKf6M15ZSj4XO/qJLsvkO5Y3xajYXysFbrDJu2+PDMP9a2n6Y/n2e2i7elbpVCb9ici89MweFzV33C4GhriTzPb+/l2WOxY+x5cfrZknoUhR/k2L5hSDRoJ9TaJ1BEYOdZc7Bruggu92+b/9vJWYhtG7HTbMU40TdttQ9P+hGTrMSpSNxDH2bM2O87u13M4EWOrXHhtoWqe9HhbCuomidRNM2ohhvntum3SZhoG14Ope6CWNh+vVvx7PWWgQ2aim2Zqrd6PkpskUjd1E5uN4oOzpmHYQV72FtLQR51GqxU5J9m9kumz2x0fWsv3VKThTRCpwxj7taqyn9+uAUFvdGT/k9kwPz01RwVNRHr+hBoQk31Du5D6ywvaAyL2hStH1z6+xvewJK+McHKcMA94I5DiOYus+c5W6Jxa0roydbH6aX5w9x/lBzGHOuWeq1D2UBhYxwVQJLaglOsuru4j+SUDoGJ2wUFYGD3Ld9SIeCcfTNhMfWY5srhIvY7fmfk2W3/zxbVKrtdoFPfzzRuR6csweEae8VJC3Ya6CH0RtVwsn+oIbBT1NqUogHJY+ekh82+e5y2ABhzHKu5ZEpX+Qq8kQi3vVyP7vwyXfVsQBV8bbL6iBsEUC82Gw7cLTU0NamUuhQf5YCqmeC+DrraP2gYnTp2On4jwUWrZ9kNZAKVTTxJAicRPN7+bE5b1spjGsnmdj3hvG4buPKkzSJOZK5mh8ucHX2lq6rl7kUeuRKgJQmMV69gKu7zgfpbtlQZQQSLQUJP8UuCzafrka5eoJ1Cb1OoW4AbqxcvnNb2Sqf89Qk8M2ciKPDLMjRLq21B/aaI+Rn+jS01HrX/mR5oLdkWAtWoVc0fTb/SQyomoYoBZDiLWUOMWsCjbwWQiquvTGn6w7dCAggf65uUJjqsVqoPpWIOd+1aCieFmkXUZZQGU+qrzfDpKfVFXITrJV4+c76qB1Zdl6StXtTkLO1VCptFRTDcdLW+Oq4K32lN2gX+62Ze/eOTqpv5spxy8Jnr3Qn/JCXnA+b9F27UCVZR6Skp6VGAd1cqfJDnYHXE1buJ6JcGbSkDxM/0dw6pjyvzTDdiJ2Q9Xb1FTesx3Xlsx98MzfkwtGA6XA7HJRZtltztftKwC5SJ8dRWe6nmfb+51vlew03TlLFVS497bs73755/hnbkKMeKK31CUFVCXaqYulbOg2YHedwM/l1HZiesSahptpws/HlILwnQV1IwacnoaOGteaNFTi1FNanl/7AXU1Xq6uzl8z5JtlZpxbXbJpbhM37XnFnxcLBLZG5qO6neoo31yn4k/dr9FPe3q6l2Bf2pIQm2DNtN/5PzUV9SSaxOqI/UL4+Owxc24FAx547eFo98t8PhiZM/U7z1MiwZWX3fW7lcgPG6SXk8Qe6LVst5lm/HmWnbPQpVJ2p8bXOmAvAwBL777Qv9TLdSS/KmRQI0PDbLbWaz7fLuF6nCpIZ0uv1PLsZO/2qHVoVU3gnwhdqIWrehG9YpytG1Ri3NYO9L20V/L1VvpbGP7uc1RqC6D5rEPN1yChssay7iWYGoDzQQ4X5PAjacwfyppbtpSMMvv8lWJ9CZUtTazba+q8w2bM+cv0e1k4VJhceP1AdvarL5mnnEuj077W/p0/mkOFWNyjkv90WY2pTcayT1qibepn7ev0nF+0aBqv8sE6NRy30eU6BEnQk3mJ4taFpwkzE1kmRbu72qdnvKaONWNeVCjzbR4IDzPthnT8o0x3f/n2/RApj/r/jKN9mkW+htcdD+3ls6z17wymNxS31dffpZ3kdgmVrjV8kovQk2ehfGQvE8zAeQec6gdPa+oM+fqAdAIvQVOJJGWY/u7CMb5t5zLQmiwkiwBjNO1DrTDQIySHG32e8py69K5ffSnab9x3g/VYPh9Oi+2/FjFuhZv2PSaUr7NJnjJ+KVrPGskgGvg++E+8OugtY+aPlnoR6QAlNFaqMxm74uhAWglVOd0X+VTleDDpZVQyxaDAOCbVlG/iJkS+V0t5P6YLwEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC/Yn4G8GJySAUVr9kAAAAASUVORK5CYII=",
11492
+ alt: ""
11493
+ }), React__default.createElement("img", {
11494
+ className: styles["logo"] + " d-block d-lg-none",
11495
+ src: "/images/logo-sm.png",
11496
+ alt: ""
11497
+ })), React__default.createElement("div", {
11498
+ className: styles["routerBox"] + " d-flex flex-grow-1 flex-nowrap px-3"
11499
+ }, headerTabs.map(function (_ref2) {
11500
+ var path = _ref2.path,
11501
+ icon = _ref2.icon,
11502
+ label = _ref2.label,
11503
+ isMain = _ref2.isMain,
11504
+ activePaths = _ref2.activePaths;
11505
+ return React__default.createElement(reactRouterDom.Link, {
11506
+ key: path,
11507
+ "aria-current": "page",
11508
+ to: !academyDomain && !isMain ? "#" : path,
11509
+ className: "text-decoration-none " + ((activePaths !== null && activePaths !== void 0 && activePaths.length ? activePaths.some(function (a) {
11510
+ return pathname.startsWith(a);
11511
+ }) : pathname.startsWith(path)) ? styles["router-link-active"] + " " + styles["router-link-exact-active"] : "") + " " + styles["tabText"] + " " + (!academyDomain && !isMain ? styles["disabled-link"] : "")
11512
+ }, React__default.createElement(material.Stack, {
11513
+ sx: {
11514
+ justifyContent: "center",
11515
+ flexDirection: "row",
11516
+ alignItems: "center",
11517
+ textOverflow: "ellipsis",
11518
+ overflow: "hidden",
11519
+ display: "flex",
11520
+ flexWrap: "nowrap"
11521
+ }
11522
+ }, icon, React__default.createElement("span", {
11523
+ className: "text-nowrap"
11524
+ }, isLargerThanXL || headerTabs.length < 4 ? t(label) : ellipsisText(t(label), 4))));
11525
+ })), React__default.createElement(material.Stack, {
11526
+ direction: "row",
11527
+ alignItems: "center"
11528
+ }, React__default.createElement(material.Typography, {
11529
+ className: "fw-bold text-primary me-2 text-nowrap",
11530
+ sx: {
11531
+ maxWidth: "120px",
11532
+ overflow: "hidden",
11533
+ textOverflow: "ellipsis"
11534
+ }
11535
+ }, user === null || user === void 0 ? void 0 : user.fullName), React__default.createElement("div", null, React__default.createElement(TheAcademyDropdown, {
11536
+ homeAcademyUrl: academyListRoute.path,
11537
+ homeUrl: homeRoute.path,
11538
+ role: role,
11539
+ navigate: navigate,
11540
+ hideAcademyName: !isLargerThanXL && headerTabs.length > 6
11541
+ })), React__default.createElement("div", {
11542
+ className: "me-2"
11543
+ }, React__default.createElement(TheLanguageDropdown, null)), React__default.createElement("div", {
11544
+ className: styles["userImg"] + " d-none d-md-none d-lg-block",
11545
+ onClick: onSignOut
11546
+ }, React__default.createElement("p", {
11547
+ className: "text-nowrap mb-0"
11548
+ }, t("logout"))), React__default.createElement("div", {
11549
+ className: styles["userImg"] + " d-block d-md-block d-lg-none",
11550
+ onClick: onSignOut
11551
+ }, React__default.createElement(io.IoIosLogOut, {
11552
+ size: 24,
11553
+ color: "#959595"
11554
+ }))));
11555
+ };
11556
+
11365
11557
  exports.moment = moment;
11366
11558
  Object.defineProperty(exports, 'I18nextProvider', {
11367
11559
  enumerable: true,
@@ -11411,6 +11603,7 @@ exports.EXAM_STUDENT_CHANNEL = EXAM_STUDENT_CHANNEL;
11411
11603
  exports.Enums = index;
11412
11604
  exports.ExamDetailView = ExamDetailView;
11413
11605
  exports.ExamResultV2 = ExamResultV2;
11606
+ exports.Header = Header;
11414
11607
  exports.InputText = InputText;
11415
11608
  exports.LANGUAGES = LANGUAGES;
11416
11609
  exports.LayoutContext = LayoutContext;