catchup-library-web 1.20.11 → 1.20.12
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 +364 -357
- package/dist/index.mjs +322 -315
- package/package.json +1 -1
- package/src/components/activities/evaluation-rubric-contents/ActivityEvaluationRubricContent.tsx +1 -0
- package/src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx +9 -1
- package/src/components/activities/material-contents/OrderingActivityMaterialContent.tsx +1 -1
- package/src/components/groups/InputGroup.tsx +0 -2
package/dist/index.mjs
CHANGED
|
@@ -4600,7 +4600,7 @@ var DropdownActivityContent = ({
|
|
|
4600
4600
|
var DropdownActivityContent_default = DropdownActivityContent;
|
|
4601
4601
|
|
|
4602
4602
|
// src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx
|
|
4603
|
-
import { InlineMath as
|
|
4603
|
+
import { InlineMath as InlineMath4 } from "react-katex";
|
|
4604
4604
|
import { useState as useState17 } from "react";
|
|
4605
4605
|
import { useEffect as useEffect7 } from "react";
|
|
4606
4606
|
import { useDrop as useDrop2 } from "react-dnd";
|
|
@@ -4664,8 +4664,32 @@ var DroppableItem = ({
|
|
|
4664
4664
|
};
|
|
4665
4665
|
var DroppableItem_default = DroppableItem;
|
|
4666
4666
|
|
|
4667
|
+
// src/components/texts/InputWithSpecialExpression.tsx
|
|
4668
|
+
import { InlineMath as InlineMath3 } from "react-katex";
|
|
4669
|
+
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
4670
|
+
var InputWithSpecialExpression = ({
|
|
4671
|
+
value,
|
|
4672
|
+
showSpecialOnly
|
|
4673
|
+
}) => {
|
|
4674
|
+
const inputWithSpecialExpressionList = constructInputWithSpecialExpressionList(value);
|
|
4675
|
+
return showSpecialOnly ? inputWithSpecialExpressionList.length > 1 ? /* @__PURE__ */ jsx29("div", { className: "m-2", children: /* @__PURE__ */ jsx29("span", { className: "whitespace-pre-wrap", children: inputWithSpecialExpressionList.map((inputPart, index) => /* @__PURE__ */ jsx29(
|
|
4676
|
+
"span",
|
|
4677
|
+
{
|
|
4678
|
+
className: `${inputPart.isBold ? "font-semibold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
4679
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx29("span", { className: "text-lg", children: /* @__PURE__ */ jsx29(InlineMath3, { math: inputPart.value }, index) }) : inputPart.value
|
|
4680
|
+
}
|
|
4681
|
+
)) }) }) : null : /* @__PURE__ */ jsx29("div", { className: "m-2", children: /* @__PURE__ */ jsx29("span", { className: "whitespace-pre-wrap", children: inputWithSpecialExpressionList.map((inputPart, index) => /* @__PURE__ */ jsx29(
|
|
4682
|
+
"span",
|
|
4683
|
+
{
|
|
4684
|
+
className: `${inputPart.isBold ? "font-semibold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
4685
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx29("span", { className: "text-lg", children: /* @__PURE__ */ jsx29(InlineMath3, { math: inputPart.value }, index) }) : inputPart.value
|
|
4686
|
+
}
|
|
4687
|
+
)) }) });
|
|
4688
|
+
};
|
|
4689
|
+
var InputWithSpecialExpression_default = InputWithSpecialExpression;
|
|
4690
|
+
|
|
4667
4691
|
// src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx
|
|
4668
|
-
import { jsx as
|
|
4692
|
+
import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
4669
4693
|
var FillInTheBlanksActivityMaterialContent = ({
|
|
4670
4694
|
uniqueValue,
|
|
4671
4695
|
answer,
|
|
@@ -4726,10 +4750,10 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4726
4750
|
const answerMap = retrieveAnswerMap();
|
|
4727
4751
|
return /* @__PURE__ */ jsxs17("div", { className: "flex flex-row flex-wrap items-center", onMouseUp: () => {
|
|
4728
4752
|
}, children: [
|
|
4729
|
-
/* @__PURE__ */
|
|
4730
|
-
/* @__PURE__ */
|
|
4731
|
-
/* @__PURE__ */
|
|
4732
|
-
(option, index) => checkAnswerProvided(answerMap, option) ? /* @__PURE__ */
|
|
4753
|
+
/* @__PURE__ */ jsx30("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx30("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_fill_in_the_blanks_text") }) }),
|
|
4754
|
+
/* @__PURE__ */ jsx30("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx30(DividerLine_default, {}) }),
|
|
4755
|
+
/* @__PURE__ */ jsx30("div", { className: "w-full flex flex-row flex-wrap gap-x-2 gap-y-2 my-2", children: shuffleOptionList.map(
|
|
4756
|
+
(option, index) => checkAnswerProvided(answerMap, option) ? /* @__PURE__ */ jsx30("div", { className: "opacity-30", children: /* @__PURE__ */ jsx30(
|
|
4733
4757
|
ShowMaterialMediaByContentType_default,
|
|
4734
4758
|
{
|
|
4735
4759
|
contentType: contentMap.type,
|
|
@@ -4737,12 +4761,12 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4737
4761
|
canFullScreen: true
|
|
4738
4762
|
},
|
|
4739
4763
|
`${uniqueValue}-${index}`
|
|
4740
|
-
) }, index) : /* @__PURE__ */
|
|
4764
|
+
) }, index) : /* @__PURE__ */ jsx30(
|
|
4741
4765
|
DraggableItem_default,
|
|
4742
4766
|
{
|
|
4743
4767
|
item: { index: option },
|
|
4744
4768
|
type: "FILL_IN_THE_BLANKS",
|
|
4745
|
-
component: contentMap.type === "TEXT" ? /* @__PURE__ */
|
|
4769
|
+
component: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx30(
|
|
4746
4770
|
"div",
|
|
4747
4771
|
{
|
|
4748
4772
|
className: "border-catchup-blue border-2 px-2 py-1 rounded-catchup-xlarge cursor-pointer",
|
|
@@ -4750,9 +4774,15 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4750
4774
|
setSelectedOption(option);
|
|
4751
4775
|
setPasteOptionIndex(null);
|
|
4752
4776
|
},
|
|
4753
|
-
children: /* @__PURE__ */
|
|
4777
|
+
children: /* @__PURE__ */ jsx30("p", { className: "italic whitespace-pre-wrap", children: /* @__PURE__ */ jsx30(
|
|
4778
|
+
InputWithSpecialExpression_default,
|
|
4779
|
+
{
|
|
4780
|
+
value: option,
|
|
4781
|
+
showSpecialOnly: true
|
|
4782
|
+
}
|
|
4783
|
+
) })
|
|
4754
4784
|
}
|
|
4755
|
-
) : /* @__PURE__ */
|
|
4785
|
+
) : /* @__PURE__ */ jsx30(
|
|
4756
4786
|
"div",
|
|
4757
4787
|
{
|
|
4758
4788
|
className: "border-catchup-blue border-2 px-2 py-1 rounded-catchup-xlarge cursor-pointer",
|
|
@@ -4760,7 +4790,7 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4760
4790
|
setSelectedOption(option);
|
|
4761
4791
|
setPasteOptionIndex(null);
|
|
4762
4792
|
},
|
|
4763
|
-
children: /* @__PURE__ */
|
|
4793
|
+
children: /* @__PURE__ */ jsx30(
|
|
4764
4794
|
ShowMaterialMediaByContentType_default,
|
|
4765
4795
|
{
|
|
4766
4796
|
contentType: contentMap.type,
|
|
@@ -4778,12 +4808,12 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4778
4808
|
index
|
|
4779
4809
|
)
|
|
4780
4810
|
) }),
|
|
4781
|
-
/* @__PURE__ */
|
|
4811
|
+
/* @__PURE__ */ jsx30("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
|
|
4782
4812
|
const learnerAnswerState = checkAnswerState(
|
|
4783
4813
|
JSON.parse(materialMap[materialKey]),
|
|
4784
4814
|
answerMap[materialKey]
|
|
4785
4815
|
);
|
|
4786
|
-
return /* @__PURE__ */
|
|
4816
|
+
return /* @__PURE__ */ jsx30("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ jsx30("div", { className: "mx-2", children: /* @__PURE__ */ jsx30(
|
|
4787
4817
|
DroppableItem_default,
|
|
4788
4818
|
{
|
|
4789
4819
|
item: { index },
|
|
@@ -4792,12 +4822,12 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4792
4822
|
setTarget: setPasteOptionIndex,
|
|
4793
4823
|
dropRef: drop,
|
|
4794
4824
|
component: /* @__PURE__ */ jsxs17("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
|
|
4795
|
-
/* @__PURE__ */
|
|
4825
|
+
/* @__PURE__ */ jsx30("div", { className: "my-auto", children: /* @__PURE__ */ jsxs17("p", { className: "text-xl", children: [
|
|
4796
4826
|
parseFloat(materialKey) + 1,
|
|
4797
4827
|
"."
|
|
4798
4828
|
] }) }),
|
|
4799
|
-
/* @__PURE__ */
|
|
4800
|
-
/* @__PURE__ */
|
|
4829
|
+
/* @__PURE__ */ jsx30("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
|
|
4830
|
+
/* @__PURE__ */ jsx30("div", { className: "flex-1", children: /* @__PURE__ */ jsx30(
|
|
4801
4831
|
InputGroup_default,
|
|
4802
4832
|
{
|
|
4803
4833
|
type: "textarea",
|
|
@@ -4812,14 +4842,14 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4812
4842
|
}
|
|
4813
4843
|
}
|
|
4814
4844
|
) }),
|
|
4815
|
-
learnerAnswerState === "CORRECT" ? /* @__PURE__ */
|
|
4845
|
+
learnerAnswerState === "CORRECT" ? /* @__PURE__ */ jsx30("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx30(
|
|
4816
4846
|
BaseImage_default,
|
|
4817
4847
|
{
|
|
4818
4848
|
src: "/icons/checkbox.webp",
|
|
4819
4849
|
alt: "checkbox",
|
|
4820
4850
|
size: "small"
|
|
4821
4851
|
}
|
|
4822
|
-
) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */
|
|
4852
|
+
) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ jsx30("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx30(
|
|
4823
4853
|
BaseImage_default,
|
|
4824
4854
|
{
|
|
4825
4855
|
src: "/icons/cross-red.webp",
|
|
@@ -4827,20 +4857,20 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4827
4857
|
size: "small"
|
|
4828
4858
|
}
|
|
4829
4859
|
) }) : null
|
|
4830
|
-
] }) : answerMap[materialKey] === "" ? /* @__PURE__ */
|
|
4860
|
+
] }) : answerMap[materialKey] === "" ? /* @__PURE__ */ jsx30(
|
|
4831
4861
|
"div",
|
|
4832
4862
|
{
|
|
4833
4863
|
className: `w-catchup-activity-media-box-item h-catchup-activity-media-box-item border rounded-catchup-xlarge border-dashed ${learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
|
|
4834
|
-
children: /* @__PURE__ */
|
|
4864
|
+
children: /* @__PURE__ */ jsx30("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ jsx30("span", { className: "italic", children: i18n_default.t("please_drop_here") }) })
|
|
4835
4865
|
}
|
|
4836
|
-
) : /* @__PURE__ */
|
|
4866
|
+
) : /* @__PURE__ */ jsx30(
|
|
4837
4867
|
"div",
|
|
4838
4868
|
{
|
|
4839
4869
|
className: "flex-1 cursor-pointer",
|
|
4840
4870
|
onClick: () => {
|
|
4841
4871
|
onChange(answer, materialKey, "");
|
|
4842
4872
|
},
|
|
4843
|
-
children: /* @__PURE__ */
|
|
4873
|
+
children: /* @__PURE__ */ jsx30(
|
|
4844
4874
|
ShowMaterialMediaByContentType_default,
|
|
4845
4875
|
{
|
|
4846
4876
|
contentType: contentMap.type,
|
|
@@ -4850,13 +4880,13 @@ var FillInTheBlanksActivityMaterialContent = ({
|
|
|
4850
4880
|
`${uniqueValue}-${index}`
|
|
4851
4881
|
)
|
|
4852
4882
|
}
|
|
4853
|
-
) : /* @__PURE__ */
|
|
4883
|
+
) : /* @__PURE__ */ jsx30("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
|
|
4854
4884
|
answerMap[materialKey]
|
|
4855
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
4885
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx30(
|
|
4856
4886
|
"span",
|
|
4857
4887
|
{
|
|
4858
4888
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
4859
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
4889
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx30("span", { className: "text-xl", children: /* @__PURE__ */ jsx30(InlineMath4, { math: inputPart.value }) }) : inputPart.value
|
|
4860
4890
|
},
|
|
4861
4891
|
index2
|
|
4862
4892
|
)) }, materialKey) })
|
|
@@ -4871,7 +4901,7 @@ var FillInTheBlanksActivityMaterialContent_default = FillInTheBlanksActivityMate
|
|
|
4871
4901
|
|
|
4872
4902
|
// src/components/activities/FillInTheBlanksActivityContent.tsx
|
|
4873
4903
|
import { useState as useState18, useEffect as useEffect8 } from "react";
|
|
4874
|
-
import { jsx as
|
|
4904
|
+
import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
4875
4905
|
var FillInTheBlanksActivityContent = ({
|
|
4876
4906
|
answer,
|
|
4877
4907
|
data,
|
|
@@ -4940,7 +4970,7 @@ var FillInTheBlanksActivityContent = ({
|
|
|
4940
4970
|
changeAnswer(newAnswer);
|
|
4941
4971
|
};
|
|
4942
4972
|
return /* @__PURE__ */ jsxs18("div", { className: "flex flex-row flex-wrap", children: [
|
|
4943
|
-
/* @__PURE__ */
|
|
4973
|
+
/* @__PURE__ */ jsx31("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx31(
|
|
4944
4974
|
ActivityBodyContent_default,
|
|
4945
4975
|
{
|
|
4946
4976
|
bodyMap: fillInTheBlanksBodyMap,
|
|
@@ -4949,9 +4979,9 @@ var FillInTheBlanksActivityContent = ({
|
|
|
4949
4979
|
templateType: "FILL_IN_THE_BLANKS"
|
|
4950
4980
|
}
|
|
4951
4981
|
) }),
|
|
4952
|
-
/* @__PURE__ */
|
|
4953
|
-
/* @__PURE__ */
|
|
4954
|
-
/* @__PURE__ */
|
|
4982
|
+
/* @__PURE__ */ jsx31("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx31(DividerLine_default, {}) }),
|
|
4983
|
+
/* @__PURE__ */ jsx31("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx31(VerticalDividerLine_default, {}) }),
|
|
4984
|
+
/* @__PURE__ */ jsx31("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx31(
|
|
4955
4985
|
FillInTheBlanksActivityMaterialContent_default,
|
|
4956
4986
|
{
|
|
4957
4987
|
uniqueValue: JSON.stringify(data.contentMap),
|
|
@@ -4972,8 +5002,8 @@ var FillInTheBlanksActivityContent_default = FillInTheBlanksActivityContent;
|
|
|
4972
5002
|
// src/components/activities/material-contents/GroupingActivityMaterialContent.tsx
|
|
4973
5003
|
import { useEffect as useEffect9, useRef as useRef4, useState as useState19 } from "react";
|
|
4974
5004
|
import { useDrop as useDrop3 } from "react-dnd";
|
|
4975
|
-
import { InlineMath as
|
|
4976
|
-
import { Fragment as Fragment3, jsx as
|
|
5005
|
+
import { InlineMath as InlineMath5 } from "react-katex";
|
|
5006
|
+
import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
4977
5007
|
var GroupingActivityMaterialContent = ({
|
|
4978
5008
|
uniqueValue,
|
|
4979
5009
|
answer,
|
|
@@ -5065,13 +5095,13 @@ var GroupingActivityMaterialContent = ({
|
|
|
5065
5095
|
const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
|
|
5066
5096
|
return /* @__PURE__ */ jsxs19(Fragment3, { children: [
|
|
5067
5097
|
filteredMaterialList.length > 0 ? /* @__PURE__ */ jsxs19(Fragment3, { children: [
|
|
5068
|
-
/* @__PURE__ */
|
|
5069
|
-
return /* @__PURE__ */
|
|
5098
|
+
/* @__PURE__ */ jsx32("div", { className: "flex-1 flex flex-row gap-x-4 overflow-x-auto py-2", children: filteredMaterialList.map((materialValue, index) => {
|
|
5099
|
+
return /* @__PURE__ */ jsx32(
|
|
5070
5100
|
DraggableItem_default,
|
|
5071
5101
|
{
|
|
5072
5102
|
item: { index: materialValue },
|
|
5073
5103
|
type: "GROUPING",
|
|
5074
|
-
component: /* @__PURE__ */
|
|
5104
|
+
component: /* @__PURE__ */ jsx32(
|
|
5075
5105
|
"div",
|
|
5076
5106
|
{
|
|
5077
5107
|
className: `${selectedValue === materialValue ? "border-catchup-blue" : "border-catchup-lighter-gray"} ${contentMap.type === "TEXT" ? "h-catchup-activity-text-box-item" : "h-catchup-activity-media-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300`,
|
|
@@ -5085,16 +5115,16 @@ var GroupingActivityMaterialContent = ({
|
|
|
5085
5115
|
setSelectedValue(null);
|
|
5086
5116
|
}
|
|
5087
5117
|
},
|
|
5088
|
-
children: contentMap.type === "TEXT" ? /* @__PURE__ */
|
|
5118
|
+
children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto", children: /* @__PURE__ */ jsx32("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
5089
5119
|
materialValue
|
|
5090
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
5120
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx32(
|
|
5091
5121
|
"span",
|
|
5092
5122
|
{
|
|
5093
5123
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5094
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5124
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx32("span", { className: "text-2xl", children: /* @__PURE__ */ jsx32(InlineMath5, { math: inputPart.value }) }) : inputPart.value
|
|
5095
5125
|
},
|
|
5096
5126
|
index2
|
|
5097
|
-
)) }) }) : /* @__PURE__ */
|
|
5127
|
+
)) }) }) : /* @__PURE__ */ jsx32(
|
|
5098
5128
|
ShowMaterialMediaByContentType_default,
|
|
5099
5129
|
{
|
|
5100
5130
|
contentType: contentMap.type,
|
|
@@ -5117,31 +5147,31 @@ var GroupingActivityMaterialContent = ({
|
|
|
5117
5147
|
index
|
|
5118
5148
|
);
|
|
5119
5149
|
}) }),
|
|
5120
|
-
/* @__PURE__ */
|
|
5150
|
+
/* @__PURE__ */ jsx32(DividerLine_default, {})
|
|
5121
5151
|
] }) : null,
|
|
5122
|
-
/* @__PURE__ */
|
|
5123
|
-
/* @__PURE__ */
|
|
5152
|
+
/* @__PURE__ */ jsx32("div", { className: "overflow-y-auto max-h-[600px]", children: Object.keys(answerMap).map((answerMapKey, index) => /* @__PURE__ */ jsxs19("div", { className: "flex flex-row w-full", children: [
|
|
5153
|
+
/* @__PURE__ */ jsx32("div", { className: "w-1/3", children: /* @__PURE__ */ jsx32(
|
|
5124
5154
|
"div",
|
|
5125
5155
|
{
|
|
5126
5156
|
className: `border-catchup-blue ${contentMap.type === "TEXT" ? "h-catchup-activity-text-outer-box-item" : "h-catchup-activity-media-outer-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge transition-all duration-300 my-3`,
|
|
5127
|
-
children: /* @__PURE__ */
|
|
5128
|
-
(inputPart, index2) => /* @__PURE__ */
|
|
5157
|
+
children: /* @__PURE__ */ jsx32("div", { className: "flex flex-col items-center justify-center transition-all duration-300 px-4", children: /* @__PURE__ */ jsx32("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
|
|
5158
|
+
(inputPart, index2) => /* @__PURE__ */ jsx32(
|
|
5129
5159
|
"span",
|
|
5130
5160
|
{
|
|
5131
5161
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5132
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5162
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx32("span", { className: "text-2xl", children: /* @__PURE__ */ jsx32(InlineMath5, { math: inputPart.value }) }) : inputPart.value
|
|
5133
5163
|
},
|
|
5134
5164
|
index2
|
|
5135
5165
|
)
|
|
5136
5166
|
) }) })
|
|
5137
5167
|
}
|
|
5138
5168
|
) }),
|
|
5139
|
-
/* @__PURE__ */
|
|
5140
|
-
/* @__PURE__ */
|
|
5169
|
+
/* @__PURE__ */ jsx32("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
|
|
5170
|
+
/* @__PURE__ */ jsx32("div", { className: "flex-1 min-w-0", ref, children: /* @__PURE__ */ jsx32("div", { className: "h-full py-3", children: /* @__PURE__ */ jsx32(
|
|
5141
5171
|
"div",
|
|
5142
5172
|
{
|
|
5143
5173
|
className: `${canDrop ? selectedTargetKey === answerMapKey ? "bg-catchup-light-blue" : "bg-catchup-light-blue opacity-40" : ""} flex-1 border-catchup-blue rounded-catchup-xlarge border-2 h-full p-1`,
|
|
5144
|
-
children: /* @__PURE__ */
|
|
5174
|
+
children: /* @__PURE__ */ jsx32(
|
|
5145
5175
|
DroppableItem_default,
|
|
5146
5176
|
{
|
|
5147
5177
|
item: { index: answerMapKey },
|
|
@@ -5149,17 +5179,17 @@ var GroupingActivityMaterialContent = ({
|
|
|
5149
5179
|
target: selectedTargetKey,
|
|
5150
5180
|
setTarget: setSelectedTargetKey,
|
|
5151
5181
|
dropRef: drop,
|
|
5152
|
-
component: /* @__PURE__ */
|
|
5182
|
+
component: /* @__PURE__ */ jsx32("div", { className: "h-full w-full overflow-x-auto", children: /* @__PURE__ */ jsx32("div", { className: "flex flex-row items-center gap-2 w-max h-full", children: answerMap[answerMapKey].map(
|
|
5153
5183
|
(answerMapValue, answerMapIndex) => {
|
|
5154
5184
|
const learnerAnswerState = checkAnswerState(
|
|
5155
5185
|
materialMap[answerMapKey],
|
|
5156
5186
|
answerMapValue
|
|
5157
5187
|
);
|
|
5158
|
-
return /* @__PURE__ */
|
|
5188
|
+
return /* @__PURE__ */ jsx32("div", { className: "p-1", children: /* @__PURE__ */ jsx32(
|
|
5159
5189
|
"div",
|
|
5160
5190
|
{
|
|
5161
5191
|
className: `${contentMap.type === "TEXT" ? "h-catchup-activity-text-box-item" : "h-catchup-activity-media-box-item"}`,
|
|
5162
|
-
children: /* @__PURE__ */
|
|
5192
|
+
children: /* @__PURE__ */ jsx32(
|
|
5163
5193
|
"div",
|
|
5164
5194
|
{
|
|
5165
5195
|
className: `${learnerAnswerState === "EMPTY" ? "border-catchup-lighter-gray" : learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"} border-2 rounded-catchup-xlarge h-full flex flex-col items-center justify-center transition-all duration-300 cursor-pointer`,
|
|
@@ -5175,21 +5205,21 @@ var GroupingActivityMaterialContent = ({
|
|
|
5175
5205
|
setSelectedValue(null);
|
|
5176
5206
|
}
|
|
5177
5207
|
},
|
|
5178
|
-
children: contentMap.type === "TEXT" ? /* @__PURE__ */
|
|
5208
|
+
children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx32("div", { className: "flex flex-col items-center justify-center transition-all duration-300 min-w-[200px] overflow-y-auto", children: /* @__PURE__ */ jsx32("div", { className: "m-2", children: /* @__PURE__ */ jsx32("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
5179
5209
|
answerMapValue
|
|
5180
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
5210
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx32(
|
|
5181
5211
|
"span",
|
|
5182
5212
|
{
|
|
5183
5213
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5184
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5185
|
-
|
|
5214
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx32("span", { className: "text-2xl", children: /* @__PURE__ */ jsx32(
|
|
5215
|
+
InlineMath5,
|
|
5186
5216
|
{
|
|
5187
5217
|
math: inputPart.value
|
|
5188
5218
|
}
|
|
5189
5219
|
) }) : inputPart.value
|
|
5190
5220
|
},
|
|
5191
5221
|
index2
|
|
5192
|
-
)) }) }) }) : /* @__PURE__ */
|
|
5222
|
+
)) }) }) }) : /* @__PURE__ */ jsx32(
|
|
5193
5223
|
ShowMaterialMediaByContentType_default,
|
|
5194
5224
|
{
|
|
5195
5225
|
contentType: contentMap.type,
|
|
@@ -5215,7 +5245,7 @@ var GroupingActivityMaterialContent = ({
|
|
|
5215
5245
|
var GroupingActivityMaterialContent_default = GroupingActivityMaterialContent;
|
|
5216
5246
|
|
|
5217
5247
|
// src/components/activities/GroupingActivityContent.tsx
|
|
5218
|
-
import { Fragment as Fragment4, jsx as
|
|
5248
|
+
import { Fragment as Fragment4, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
5219
5249
|
var GroupingActivityContent = ({
|
|
5220
5250
|
answer,
|
|
5221
5251
|
data,
|
|
@@ -5241,15 +5271,15 @@ var GroupingActivityContent = ({
|
|
|
5241
5271
|
changeAnswer(answer2);
|
|
5242
5272
|
};
|
|
5243
5273
|
return /* @__PURE__ */ jsxs20(Fragment4, { children: [
|
|
5244
|
-
/* @__PURE__ */
|
|
5274
|
+
/* @__PURE__ */ jsx33(
|
|
5245
5275
|
ActivityBodyContent_default,
|
|
5246
5276
|
{
|
|
5247
5277
|
bodyMap: groupingBodyMap,
|
|
5248
5278
|
templateType: "GROUPING"
|
|
5249
5279
|
}
|
|
5250
5280
|
),
|
|
5251
|
-
/* @__PURE__ */
|
|
5252
|
-
/* @__PURE__ */
|
|
5281
|
+
/* @__PURE__ */ jsx33(DividerLine_default, {}),
|
|
5282
|
+
/* @__PURE__ */ jsx33(
|
|
5253
5283
|
GroupingActivityMaterialContent_default,
|
|
5254
5284
|
{
|
|
5255
5285
|
uniqueValue: JSON.stringify(data.contentMap),
|
|
@@ -5269,8 +5299,8 @@ var GroupingActivityContent_default = GroupingActivityContent;
|
|
|
5269
5299
|
// src/components/activities/material-contents/MatchingActivityMaterialContent.tsx
|
|
5270
5300
|
import { useEffect as useEffect10, useRef as useRef5, useState as useState20 } from "react";
|
|
5271
5301
|
import { useDrop as useDrop4 } from "react-dnd";
|
|
5272
|
-
import { InlineMath as
|
|
5273
|
-
import { Fragment as Fragment5, jsx as
|
|
5302
|
+
import { InlineMath as InlineMath6 } from "react-katex";
|
|
5303
|
+
import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
5274
5304
|
var MatchingActivityMaterialContent = ({
|
|
5275
5305
|
uniqueValue,
|
|
5276
5306
|
answer,
|
|
@@ -5353,17 +5383,17 @@ var MatchingActivityMaterialContent = ({
|
|
|
5353
5383
|
const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
|
|
5354
5384
|
return /* @__PURE__ */ jsxs21(Fragment5, { children: [
|
|
5355
5385
|
filteredMaterialList.length > 0 ? /* @__PURE__ */ jsxs21(Fragment5, { children: [
|
|
5356
|
-
/* @__PURE__ */
|
|
5386
|
+
/* @__PURE__ */ jsx34(
|
|
5357
5387
|
"div",
|
|
5358
5388
|
{
|
|
5359
5389
|
ref: itemsRef,
|
|
5360
5390
|
className: "flex-shrink-0 flex flex-row gap-x-4 gap-y-4 overflow-x-auto py-2",
|
|
5361
|
-
children: filteredMaterialList.map((materialValue, index) => /* @__PURE__ */
|
|
5391
|
+
children: filteredMaterialList.map((materialValue, index) => /* @__PURE__ */ jsx34(
|
|
5362
5392
|
DraggableItem_default,
|
|
5363
5393
|
{
|
|
5364
5394
|
item: { index: materialValue },
|
|
5365
5395
|
type: "MATCHING",
|
|
5366
|
-
component: /* @__PURE__ */
|
|
5396
|
+
component: /* @__PURE__ */ jsx34(
|
|
5367
5397
|
"div",
|
|
5368
5398
|
{
|
|
5369
5399
|
className: `${selectedValue === materialValue ? "border-catchup-blue" : "border-catchup-lighter-gray"} ${contentMap.type === "TEXT" ? "h-catchup-activity-text-box-item" : "h-catchup-activity-media-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300`,
|
|
@@ -5377,16 +5407,16 @@ var MatchingActivityMaterialContent = ({
|
|
|
5377
5407
|
setSelectedValue(null);
|
|
5378
5408
|
}
|
|
5379
5409
|
},
|
|
5380
|
-
children: contentMap.type === "TEXT" ? /* @__PURE__ */
|
|
5410
|
+
children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx34("div", { className: "flex flex-col items-center justify-center m-2 min-w-[200px] overflow-y-auto px-4", children: /* @__PURE__ */ jsx34("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
5381
5411
|
materialValue
|
|
5382
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
5412
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx34(
|
|
5383
5413
|
"span",
|
|
5384
5414
|
{
|
|
5385
5415
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5386
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5416
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx34("span", { className: "text-xl", children: /* @__PURE__ */ jsx34(InlineMath6, { math: inputPart.value }) }) : inputPart.value
|
|
5387
5417
|
},
|
|
5388
5418
|
index2
|
|
5389
|
-
)) }) }) : /* @__PURE__ */
|
|
5419
|
+
)) }) }) : /* @__PURE__ */ jsx34(
|
|
5390
5420
|
ShowMaterialMediaByContentType_default,
|
|
5391
5421
|
{
|
|
5392
5422
|
contentType: contentMap.type,
|
|
@@ -5410,32 +5440,32 @@ var MatchingActivityMaterialContent = ({
|
|
|
5410
5440
|
))
|
|
5411
5441
|
}
|
|
5412
5442
|
),
|
|
5413
|
-
/* @__PURE__ */
|
|
5443
|
+
/* @__PURE__ */ jsx34("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx34(DividerLine_default, {}) })
|
|
5414
5444
|
] }) : null,
|
|
5415
|
-
/* @__PURE__ */
|
|
5445
|
+
/* @__PURE__ */ jsx34("div", { className: "overflow-y-auto max-h-[600px]", children: Object.keys(answerMap).map((answerMapKey, index) => {
|
|
5416
5446
|
const learnerAnswerState = checkAnswerState(
|
|
5417
5447
|
materialMap[answerMapKey],
|
|
5418
5448
|
answerMap[answerMapKey]
|
|
5419
5449
|
);
|
|
5420
5450
|
return /* @__PURE__ */ jsxs21("div", { className: "flex flex-row w-full", children: [
|
|
5421
|
-
/* @__PURE__ */
|
|
5451
|
+
/* @__PURE__ */ jsx34("div", { className: "w-1/3", children: /* @__PURE__ */ jsx34(
|
|
5422
5452
|
"div",
|
|
5423
5453
|
{
|
|
5424
5454
|
className: `${contentMap.type === "TEXT" ? "h-catchup-activity-text-box-item" : "h-catchup-activity-media-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge transition-all duration-300 my-3 ${learnerAnswerState === "EMPTY" ? "border-catchup-blue" : learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
|
|
5425
|
-
children: /* @__PURE__ */
|
|
5455
|
+
children: /* @__PURE__ */ jsx34("div", { className: "flex flex-col items-center justify-center transition-all duration-300 px-4", children: /* @__PURE__ */ jsx34("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
5426
5456
|
answerMapKey
|
|
5427
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
5457
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx34(
|
|
5428
5458
|
"span",
|
|
5429
5459
|
{
|
|
5430
5460
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5431
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5461
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx34("span", { className: "text-xl", children: /* @__PURE__ */ jsx34(InlineMath6, { math: inputPart.value }) }) : inputPart.value
|
|
5432
5462
|
},
|
|
5433
5463
|
index2
|
|
5434
5464
|
)) }) })
|
|
5435
5465
|
}
|
|
5436
5466
|
) }),
|
|
5437
|
-
/* @__PURE__ */
|
|
5438
|
-
/* @__PURE__ */
|
|
5467
|
+
/* @__PURE__ */ jsx34("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
|
|
5468
|
+
/* @__PURE__ */ jsx34("div", { className: "flex-1", children: /* @__PURE__ */ jsx34(
|
|
5439
5469
|
"div",
|
|
5440
5470
|
{
|
|
5441
5471
|
className: `${canDrop ? selectedTargetKey === answerMapKey ? "bg-catchup-light-blue" : "bg-catchup-light-blue opacity-40" : ""} ${contentMap.type === "TEXT" ? "h-catchup-activity-text-box-item" : "h-catchup-activity-media-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300 my-3 ${learnerAnswerState === "EMPTY" ? "border-catchup-blue" : learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
|
|
@@ -5444,7 +5474,7 @@ var MatchingActivityMaterialContent = ({
|
|
|
5444
5474
|
setSelectedValue(null);
|
|
5445
5475
|
}
|
|
5446
5476
|
},
|
|
5447
|
-
children: /* @__PURE__ */
|
|
5477
|
+
children: /* @__PURE__ */ jsx34(
|
|
5448
5478
|
DroppableItem_default,
|
|
5449
5479
|
{
|
|
5450
5480
|
item: { index: answerMapKey },
|
|
@@ -5452,7 +5482,7 @@ var MatchingActivityMaterialContent = ({
|
|
|
5452
5482
|
target: selectedTargetKey,
|
|
5453
5483
|
setTarget: setSelectedTargetKey,
|
|
5454
5484
|
dropRef: drop,
|
|
5455
|
-
component: /* @__PURE__ */
|
|
5485
|
+
component: /* @__PURE__ */ jsx34(
|
|
5456
5486
|
"div",
|
|
5457
5487
|
{
|
|
5458
5488
|
className: "h-full flex-1 flex flex-row items-center justify-center px-4",
|
|
@@ -5465,16 +5495,16 @@ var MatchingActivityMaterialContent = ({
|
|
|
5465
5495
|
);
|
|
5466
5496
|
}
|
|
5467
5497
|
},
|
|
5468
|
-
children: contentMap.type === "TEXT" ? /* @__PURE__ */
|
|
5498
|
+
children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx34("p", { className: "text-lg whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
5469
5499
|
answerMap[answerMapKey]
|
|
5470
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
5500
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx34(
|
|
5471
5501
|
"span",
|
|
5472
5502
|
{
|
|
5473
5503
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5474
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5504
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx34("span", { className: "text-xl", children: /* @__PURE__ */ jsx34(InlineMath6, { math: inputPart.value }) }) : inputPart.value
|
|
5475
5505
|
},
|
|
5476
5506
|
index2
|
|
5477
|
-
)) }) : /* @__PURE__ */
|
|
5507
|
+
)) }) : /* @__PURE__ */ jsx34(
|
|
5478
5508
|
ShowMaterialMediaByContentType_default,
|
|
5479
5509
|
{
|
|
5480
5510
|
contentType: contentMap.type,
|
|
@@ -5497,7 +5527,7 @@ var MatchingActivityMaterialContent = ({
|
|
|
5497
5527
|
var MatchingActivityMaterialContent_default = MatchingActivityMaterialContent;
|
|
5498
5528
|
|
|
5499
5529
|
// src/components/activities/MatchingActivityContent.tsx
|
|
5500
|
-
import { Fragment as Fragment6, jsx as
|
|
5530
|
+
import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
5501
5531
|
var MatchingActivityContent = ({
|
|
5502
5532
|
answer,
|
|
5503
5533
|
data,
|
|
@@ -5519,15 +5549,15 @@ var MatchingActivityContent = ({
|
|
|
5519
5549
|
changeAnswer(answer2);
|
|
5520
5550
|
};
|
|
5521
5551
|
return /* @__PURE__ */ jsxs22(Fragment6, { children: [
|
|
5522
|
-
/* @__PURE__ */
|
|
5552
|
+
/* @__PURE__ */ jsx35(
|
|
5523
5553
|
ActivityBodyContent_default,
|
|
5524
5554
|
{
|
|
5525
5555
|
bodyMap: matchingBodyMap,
|
|
5526
5556
|
templateType: "MATCHING"
|
|
5527
5557
|
}
|
|
5528
5558
|
),
|
|
5529
|
-
/* @__PURE__ */
|
|
5530
|
-
/* @__PURE__ */
|
|
5559
|
+
/* @__PURE__ */ jsx35(DividerLine_default, {}),
|
|
5560
|
+
/* @__PURE__ */ jsx35(
|
|
5531
5561
|
MatchingActivityMaterialContent_default,
|
|
5532
5562
|
{
|
|
5533
5563
|
uniqueValue: JSON.stringify(data.contentMap),
|
|
@@ -5545,8 +5575,8 @@ var MatchingActivityContent = ({
|
|
|
5545
5575
|
var MatchingActivityContent_default = MatchingActivityContent;
|
|
5546
5576
|
|
|
5547
5577
|
// src/components/activities/material-contents/MCMAActivityMaterialContent.tsx
|
|
5548
|
-
import { InlineMath as
|
|
5549
|
-
import { jsx as
|
|
5578
|
+
import { InlineMath as InlineMath7 } from "react-katex";
|
|
5579
|
+
import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
5550
5580
|
var MCMAActivityMaterialContent = ({
|
|
5551
5581
|
uniqueValue,
|
|
5552
5582
|
answer,
|
|
@@ -5579,10 +5609,10 @@ var MCMAActivityMaterialContent = ({
|
|
|
5579
5609
|
const answerMap = retrieveAnswerMap();
|
|
5580
5610
|
const correctAnswerList = retrieveCorrectAnswerList();
|
|
5581
5611
|
return Object.keys(materialMap).map((materialKey, index) => {
|
|
5582
|
-
return /* @__PURE__ */
|
|
5583
|
-
/* @__PURE__ */
|
|
5584
|
-
/* @__PURE__ */
|
|
5585
|
-
checkCanAnswerQuestion() ? /* @__PURE__ */
|
|
5612
|
+
return /* @__PURE__ */ jsx36("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ jsxs23("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5 md:px-0", children: [
|
|
5613
|
+
/* @__PURE__ */ jsx36("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx36("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcma_text") }) }),
|
|
5614
|
+
/* @__PURE__ */ jsx36("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx36(DividerLine_default, {}) }),
|
|
5615
|
+
checkCanAnswerQuestion() ? /* @__PURE__ */ jsx36("div", { className: "flex flex-row w-full flex-wrap ", children: materialMap[materialKey].map(
|
|
5586
5616
|
(materialSubKey, index2) => {
|
|
5587
5617
|
const foundAnswer = answerMap[materialKey].find(
|
|
5588
5618
|
(learnerAnswer) => learnerAnswer === materialSubKey
|
|
@@ -5603,7 +5633,7 @@ var MCMAActivityMaterialContent = ({
|
|
|
5603
5633
|
onChange(answer, materialKey, materialSubKey);
|
|
5604
5634
|
},
|
|
5605
5635
|
children: [
|
|
5606
|
-
/* @__PURE__ */
|
|
5636
|
+
/* @__PURE__ */ jsx36(
|
|
5607
5637
|
BaseImage_default,
|
|
5608
5638
|
{
|
|
5609
5639
|
src: answerMap[materialKey].includes(materialSubKey) ? "/icons/checkbox.webp" : "/icons/checkbox-empty.webp",
|
|
@@ -5613,16 +5643,16 @@ var MCMAActivityMaterialContent = ({
|
|
|
5613
5643
|
}
|
|
5614
5644
|
}
|
|
5615
5645
|
),
|
|
5616
|
-
/* @__PURE__ */
|
|
5646
|
+
/* @__PURE__ */ jsx36("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx36("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
5617
5647
|
materialSubKey
|
|
5618
|
-
).map((inputPart, index3) => /* @__PURE__ */
|
|
5648
|
+
).map((inputPart, index3) => /* @__PURE__ */ jsx36(
|
|
5619
5649
|
"span",
|
|
5620
5650
|
{
|
|
5621
5651
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5622
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5652
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx36("span", { className: "text-xl", children: /* @__PURE__ */ jsx36(InlineMath7, { math: inputPart.value }) }) : inputPart.value
|
|
5623
5653
|
},
|
|
5624
5654
|
index3
|
|
5625
|
-
)) }) : /* @__PURE__ */
|
|
5655
|
+
)) }) : /* @__PURE__ */ jsx36(
|
|
5626
5656
|
ShowMaterialMediaByContentType_default,
|
|
5627
5657
|
{
|
|
5628
5658
|
contentType: contentMap.type,
|
|
@@ -5636,13 +5666,13 @@ var MCMAActivityMaterialContent = ({
|
|
|
5636
5666
|
index2
|
|
5637
5667
|
);
|
|
5638
5668
|
}
|
|
5639
|
-
) }) : /* @__PURE__ */
|
|
5669
|
+
) }) : /* @__PURE__ */ jsx36("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
|
|
5640
5670
|
answerMap[materialKey]
|
|
5641
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
5671
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx36(
|
|
5642
5672
|
"span",
|
|
5643
5673
|
{
|
|
5644
5674
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5645
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5675
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx36("span", { className: "text-xl", children: /* @__PURE__ */ jsx36(InlineMath7, { math: inputPart.value }) }) : inputPart.value
|
|
5646
5676
|
},
|
|
5647
5677
|
index2
|
|
5648
5678
|
)) }, materialKey)
|
|
@@ -5652,7 +5682,7 @@ var MCMAActivityMaterialContent = ({
|
|
|
5652
5682
|
var MCMAActivityMaterialContent_default = MCMAActivityMaterialContent;
|
|
5653
5683
|
|
|
5654
5684
|
// src/components/activities/MCMAActivityContent.tsx
|
|
5655
|
-
import { jsx as
|
|
5685
|
+
import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
5656
5686
|
var MCMAActivityContent = ({
|
|
5657
5687
|
answer,
|
|
5658
5688
|
data,
|
|
@@ -5681,10 +5711,10 @@ var MCMAActivityContent = ({
|
|
|
5681
5711
|
changeAnswer(answer2);
|
|
5682
5712
|
};
|
|
5683
5713
|
return /* @__PURE__ */ jsxs24("div", { className: "flex flex-row flex-wrap", children: [
|
|
5684
|
-
/* @__PURE__ */
|
|
5685
|
-
/* @__PURE__ */
|
|
5686
|
-
/* @__PURE__ */
|
|
5687
|
-
/* @__PURE__ */
|
|
5714
|
+
/* @__PURE__ */ jsx37("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx37(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
|
|
5715
|
+
/* @__PURE__ */ jsx37("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx37(DividerLine_default, {}) }),
|
|
5716
|
+
/* @__PURE__ */ jsx37("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx37(VerticalDividerLine_default, {}) }),
|
|
5717
|
+
/* @__PURE__ */ jsx37("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx37(
|
|
5688
5718
|
MCMAActivityMaterialContent_default,
|
|
5689
5719
|
{
|
|
5690
5720
|
uniqueValue: JSON.stringify(data.contentMap),
|
|
@@ -5701,8 +5731,8 @@ var MCMAActivityContent = ({
|
|
|
5701
5731
|
var MCMAActivityContent_default = MCMAActivityContent;
|
|
5702
5732
|
|
|
5703
5733
|
// src/components/activities/material-contents/MCSAActivityMaterialContent.tsx
|
|
5704
|
-
import { InlineMath as
|
|
5705
|
-
import { jsx as
|
|
5734
|
+
import { InlineMath as InlineMath8 } from "react-katex";
|
|
5735
|
+
import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
5706
5736
|
var MCSAActivityMaterialContent = ({
|
|
5707
5737
|
uniqueValue,
|
|
5708
5738
|
answer,
|
|
@@ -5732,10 +5762,10 @@ var MCSAActivityMaterialContent = ({
|
|
|
5732
5762
|
const answerMap = retrieveAnswerMap();
|
|
5733
5763
|
const correctAnswer = retrieveCorrectAnswer();
|
|
5734
5764
|
return Object.keys(materialMap).map((materialKey, index) => {
|
|
5735
|
-
return /* @__PURE__ */
|
|
5736
|
-
/* @__PURE__ */
|
|
5737
|
-
/* @__PURE__ */
|
|
5738
|
-
checkCanAnswerQuestion() ? /* @__PURE__ */
|
|
5765
|
+
return /* @__PURE__ */ jsx38("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ jsxs25("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5 md:px-0", children: [
|
|
5766
|
+
/* @__PURE__ */ jsx38("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx38("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcsa_text") }) }),
|
|
5767
|
+
/* @__PURE__ */ jsx38("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx38(DividerLine_default, {}) }),
|
|
5768
|
+
checkCanAnswerQuestion() ? /* @__PURE__ */ jsx38(
|
|
5739
5769
|
"div",
|
|
5740
5770
|
{
|
|
5741
5771
|
className: `flex flex-row w-full ${Object.keys(materialMap[materialKey]).length <= 4 ? "justify-center" : ""} flex-wrap`,
|
|
@@ -5754,7 +5784,7 @@ var MCSAActivityMaterialContent = ({
|
|
|
5754
5784
|
onChange(answer, materialKey, materialSubKey);
|
|
5755
5785
|
},
|
|
5756
5786
|
children: [
|
|
5757
|
-
/* @__PURE__ */
|
|
5787
|
+
/* @__PURE__ */ jsx38(
|
|
5758
5788
|
BaseImage_default,
|
|
5759
5789
|
{
|
|
5760
5790
|
src: answerMap[materialKey] === materialSubKey ? "/icons/item-element.webp" : "/icons/not-selected-item-element.webp",
|
|
@@ -5764,16 +5794,16 @@ var MCSAActivityMaterialContent = ({
|
|
|
5764
5794
|
}
|
|
5765
5795
|
}
|
|
5766
5796
|
),
|
|
5767
|
-
/* @__PURE__ */
|
|
5797
|
+
/* @__PURE__ */ jsx38("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx38("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
5768
5798
|
materialSubKey
|
|
5769
|
-
).map((inputPart, index3) => /* @__PURE__ */
|
|
5799
|
+
).map((inputPart, index3) => /* @__PURE__ */ jsx38(
|
|
5770
5800
|
"span",
|
|
5771
5801
|
{
|
|
5772
5802
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5773
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5803
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx38("span", { className: "text-xl", children: /* @__PURE__ */ jsx38(InlineMath8, { math: inputPart.value }) }) : inputPart.value
|
|
5774
5804
|
},
|
|
5775
5805
|
index3
|
|
5776
|
-
)) }) : /* @__PURE__ */
|
|
5806
|
+
)) }) : /* @__PURE__ */ jsx38(
|
|
5777
5807
|
ShowMaterialMediaByContentType_default,
|
|
5778
5808
|
{
|
|
5779
5809
|
contentType: contentMap.type,
|
|
@@ -5789,13 +5819,13 @@ var MCSAActivityMaterialContent = ({
|
|
|
5789
5819
|
}
|
|
5790
5820
|
)
|
|
5791
5821
|
}
|
|
5792
|
-
) : /* @__PURE__ */
|
|
5822
|
+
) : /* @__PURE__ */ jsx38("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
5793
5823
|
answerMap[materialKey]
|
|
5794
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
5824
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx38(
|
|
5795
5825
|
"span",
|
|
5796
5826
|
{
|
|
5797
5827
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
5798
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
5828
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx38("span", { className: "text-xl", children: /* @__PURE__ */ jsx38(InlineMath8, { math: inputPart.value }) }) : inputPart.value
|
|
5799
5829
|
},
|
|
5800
5830
|
index2
|
|
5801
5831
|
)) })
|
|
@@ -5805,7 +5835,7 @@ var MCSAActivityMaterialContent = ({
|
|
|
5805
5835
|
var MCSAActivityMaterialContent_default = MCSAActivityMaterialContent;
|
|
5806
5836
|
|
|
5807
5837
|
// src/components/activities/MCSAActivityContent.tsx
|
|
5808
|
-
import { jsx as
|
|
5838
|
+
import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
5809
5839
|
var MCSAActivityContent = ({
|
|
5810
5840
|
answer,
|
|
5811
5841
|
data,
|
|
@@ -5827,10 +5857,10 @@ var MCSAActivityContent = ({
|
|
|
5827
5857
|
changeAnswer(answer2);
|
|
5828
5858
|
};
|
|
5829
5859
|
return /* @__PURE__ */ jsxs26("div", { className: "flex flex-row flex-wrap", children: [
|
|
5830
|
-
/* @__PURE__ */
|
|
5831
|
-
/* @__PURE__ */
|
|
5832
|
-
/* @__PURE__ */
|
|
5833
|
-
/* @__PURE__ */
|
|
5860
|
+
/* @__PURE__ */ jsx39("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx39(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
|
|
5861
|
+
/* @__PURE__ */ jsx39("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx39(DividerLine_default, {}) }),
|
|
5862
|
+
/* @__PURE__ */ jsx39("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx39(VerticalDividerLine_default, {}) }),
|
|
5863
|
+
/* @__PURE__ */ jsx39("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx39(
|
|
5834
5864
|
MCSAActivityMaterialContent_default,
|
|
5835
5865
|
{
|
|
5836
5866
|
uniqueValue: JSON.stringify(data.contentMap),
|
|
@@ -5875,7 +5905,7 @@ var retrieveDocumentTypeFromExtension = (format) => {
|
|
|
5875
5905
|
};
|
|
5876
5906
|
|
|
5877
5907
|
// src/components/activities/material-contents/OpenEndedActivityMaterialContent.tsx
|
|
5878
|
-
import { Fragment as Fragment7, jsx as
|
|
5908
|
+
import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
5879
5909
|
var OpenEndedActivityMaterialContent = ({
|
|
5880
5910
|
answer,
|
|
5881
5911
|
contentMap,
|
|
@@ -5905,7 +5935,7 @@ var OpenEndedActivityMaterialContent = ({
|
|
|
5905
5935
|
documentType = retrieveDocumentTypeFromExtension(extension);
|
|
5906
5936
|
}
|
|
5907
5937
|
if (documentType === "IMAGE") {
|
|
5908
|
-
return /* @__PURE__ */
|
|
5938
|
+
return /* @__PURE__ */ jsx40("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx40(
|
|
5909
5939
|
BaseImage_default,
|
|
5910
5940
|
{
|
|
5911
5941
|
src: answerMapAnswer,
|
|
@@ -5915,9 +5945,9 @@ var OpenEndedActivityMaterialContent = ({
|
|
|
5915
5945
|
}
|
|
5916
5946
|
) });
|
|
5917
5947
|
} else if (documentType === "PDF") {
|
|
5918
|
-
return /* @__PURE__ */
|
|
5948
|
+
return /* @__PURE__ */ jsx40(BasePDF_default, { file: answerMapAnswer });
|
|
5919
5949
|
} else if (documentType === "AUDIO") {
|
|
5920
|
-
return /* @__PURE__ */
|
|
5950
|
+
return /* @__PURE__ */ jsx40("div", { className: "h-[56px]", children: /* @__PURE__ */ jsx40(
|
|
5921
5951
|
"audio",
|
|
5922
5952
|
{
|
|
5923
5953
|
className: "h-full w-full rounded-catchup-xlarge",
|
|
@@ -5928,7 +5958,7 @@ var OpenEndedActivityMaterialContent = ({
|
|
|
5928
5958
|
}
|
|
5929
5959
|
) });
|
|
5930
5960
|
} else if (documentType === "TEXT") {
|
|
5931
|
-
return /* @__PURE__ */
|
|
5961
|
+
return /* @__PURE__ */ jsx40(
|
|
5932
5962
|
InputGroup_default,
|
|
5933
5963
|
{
|
|
5934
5964
|
type: "textarea",
|
|
@@ -5947,7 +5977,7 @@ var OpenEndedActivityMaterialContent = ({
|
|
|
5947
5977
|
const answerMapAnswer = answerMap2["ANSWER"];
|
|
5948
5978
|
const extension = answerMapAnswer.split(".").pop();
|
|
5949
5979
|
const documentType = retrieveDocumentTypeFromExtension(extension);
|
|
5950
|
-
return /* @__PURE__ */
|
|
5980
|
+
return /* @__PURE__ */ jsx40(Fragment7, { children: documentType === "IMAGE" ? /* @__PURE__ */ jsx40("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx40(
|
|
5951
5981
|
BaseImage_default,
|
|
5952
5982
|
{
|
|
5953
5983
|
src: answerMapAnswer,
|
|
@@ -5955,11 +5985,11 @@ var OpenEndedActivityMaterialContent = ({
|
|
|
5955
5985
|
size: "custom",
|
|
5956
5986
|
className: "w-[80%] rounded-catchup-xlarge"
|
|
5957
5987
|
}
|
|
5958
|
-
) }) : documentType === "PDF" ? /* @__PURE__ */
|
|
5988
|
+
) }) : documentType === "PDF" ? /* @__PURE__ */ jsx40("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx40(BasePDF_default, { file: answerMapAnswer }) }) : null });
|
|
5959
5989
|
};
|
|
5960
5990
|
const RenderAudioContent = (answerMap2) => {
|
|
5961
5991
|
const answerMapAnswer = answerMap2["ANSWER"];
|
|
5962
|
-
return /* @__PURE__ */
|
|
5992
|
+
return /* @__PURE__ */ jsx40("div", { className: "h-[56px]", children: /* @__PURE__ */ jsx40(
|
|
5963
5993
|
"audio",
|
|
5964
5994
|
{
|
|
5965
5995
|
className: "h-full w-full rounded-catchup-xlarge",
|
|
@@ -5971,16 +6001,16 @@ var OpenEndedActivityMaterialContent = ({
|
|
|
5971
6001
|
) });
|
|
5972
6002
|
};
|
|
5973
6003
|
const answerMap = retrieveAnswerMap();
|
|
5974
|
-
return /* @__PURE__ */
|
|
5975
|
-
/* @__PURE__ */
|
|
5976
|
-
/* @__PURE__ */
|
|
6004
|
+
return /* @__PURE__ */ jsx40(Fragment7, { children: /* @__PURE__ */ jsxs27("div", { className: "", children: [
|
|
6005
|
+
/* @__PURE__ */ jsx40("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx40("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
|
|
6006
|
+
/* @__PURE__ */ jsx40("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx40(DividerLine_default, {}) }),
|
|
5977
6007
|
contentMap.type === "TEXT" ? RenderTextContent(answerMap) : contentMap.type === "IMAGE" ? RenderImageContent(answerMap) : contentMap.type === "AUDIO" ? RenderAudioContent(answerMap) : null
|
|
5978
6008
|
] }) });
|
|
5979
6009
|
};
|
|
5980
6010
|
var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
|
|
5981
6011
|
|
|
5982
6012
|
// src/components/activities/OpenEndedActivityContent.tsx
|
|
5983
|
-
import { Fragment as Fragment8, jsx as
|
|
6013
|
+
import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
5984
6014
|
var OpenEndedActivityContent = ({
|
|
5985
6015
|
answer,
|
|
5986
6016
|
data,
|
|
@@ -6002,11 +6032,11 @@ var OpenEndedActivityContent = ({
|
|
|
6002
6032
|
changeAnswer(answer2);
|
|
6003
6033
|
};
|
|
6004
6034
|
return /* @__PURE__ */ jsxs28("div", { className: "flex flex-row flex-wrap", children: [
|
|
6005
|
-
/* @__PURE__ */
|
|
6035
|
+
/* @__PURE__ */ jsx41(
|
|
6006
6036
|
"div",
|
|
6007
6037
|
{
|
|
6008
6038
|
className: `${showMaterialContent ? isFullScreen ? "w-full" : "w-full md:w-[40%]" : "w-full"}`,
|
|
6009
|
-
children: /* @__PURE__ */
|
|
6039
|
+
children: /* @__PURE__ */ jsx41(
|
|
6010
6040
|
ActivityBodyContent_default,
|
|
6011
6041
|
{
|
|
6012
6042
|
bodyMap: openEndedBodyMap,
|
|
@@ -6016,15 +6046,15 @@ var OpenEndedActivityContent = ({
|
|
|
6016
6046
|
}
|
|
6017
6047
|
),
|
|
6018
6048
|
showMaterialContent ? /* @__PURE__ */ jsxs28(Fragment8, { children: [
|
|
6019
|
-
/* @__PURE__ */
|
|
6049
|
+
/* @__PURE__ */ jsx41(
|
|
6020
6050
|
"div",
|
|
6021
6051
|
{
|
|
6022
6052
|
className: `${isFullScreen ? "contents" : "contents md:hidden"}`,
|
|
6023
|
-
children: /* @__PURE__ */
|
|
6053
|
+
children: /* @__PURE__ */ jsx41(DividerLine_default, {})
|
|
6024
6054
|
}
|
|
6025
6055
|
),
|
|
6026
|
-
/* @__PURE__ */
|
|
6027
|
-
/* @__PURE__ */
|
|
6056
|
+
/* @__PURE__ */ jsx41("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx41(VerticalDividerLine_default, {}) }),
|
|
6057
|
+
/* @__PURE__ */ jsx41("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx41(
|
|
6028
6058
|
OpenEndedActivityMaterialContent_default,
|
|
6029
6059
|
{
|
|
6030
6060
|
answer,
|
|
@@ -6041,7 +6071,7 @@ var OpenEndedActivityContent_default = OpenEndedActivityContent;
|
|
|
6041
6071
|
// src/components/activities/material-contents/OrderingActivityMaterialContent.tsx
|
|
6042
6072
|
import { useEffect as useEffect12, useState as useState22 } from "react";
|
|
6043
6073
|
import { useDrop as useDrop6 } from "react-dnd";
|
|
6044
|
-
import { InlineMath as
|
|
6074
|
+
import { InlineMath as InlineMath9 } from "react-katex";
|
|
6045
6075
|
|
|
6046
6076
|
// src/hooks/useScreenSize.ts
|
|
6047
6077
|
import { useState as useState21, useEffect as useEffect11 } from "react";
|
|
@@ -6081,7 +6111,7 @@ var useScreenSize_default = useScreenSize;
|
|
|
6081
6111
|
// src/components/dnds/DraggableDroppableItem.tsx
|
|
6082
6112
|
import { useRef as useRef6 } from "react";
|
|
6083
6113
|
import { useDrag as useDrag2, useDrop as useDrop5 } from "react-dnd";
|
|
6084
|
-
import { jsx as
|
|
6114
|
+
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
6085
6115
|
var DraggableDroppableItem = ({
|
|
6086
6116
|
item,
|
|
6087
6117
|
type,
|
|
@@ -6118,19 +6148,19 @@ var DraggableDroppableItem = ({
|
|
|
6118
6148
|
});
|
|
6119
6149
|
const opacity = isDragging ? 0.4 : 1;
|
|
6120
6150
|
drag(drop(ref));
|
|
6121
|
-
return /* @__PURE__ */
|
|
6151
|
+
return /* @__PURE__ */ jsx42(
|
|
6122
6152
|
"div",
|
|
6123
6153
|
{
|
|
6124
6154
|
className: `${isDragging ? "w-[0px] opacity-0" : "w-full opacity-100"} transition-all duration-500`,
|
|
6125
6155
|
ref: dropRef,
|
|
6126
|
-
children: /* @__PURE__ */
|
|
6156
|
+
children: /* @__PURE__ */ jsx42("div", { ref, className: "w-full", style: { opacity }, children: component })
|
|
6127
6157
|
}
|
|
6128
6158
|
);
|
|
6129
6159
|
};
|
|
6130
6160
|
var DraggableDroppableItem_default = DraggableDroppableItem;
|
|
6131
6161
|
|
|
6132
6162
|
// src/components/activities/material-contents/OrderingActivityMaterialContent.tsx
|
|
6133
|
-
import { jsx as
|
|
6163
|
+
import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
6134
6164
|
var OrderingActivityMaterialContent = ({
|
|
6135
6165
|
uniqueValue,
|
|
6136
6166
|
answer,
|
|
@@ -6156,7 +6186,7 @@ var OrderingActivityMaterialContent = ({
|
|
|
6156
6186
|
});
|
|
6157
6187
|
useEffect12(() => {
|
|
6158
6188
|
if (!screenSize) return;
|
|
6159
|
-
if (screenSize.width <=
|
|
6189
|
+
if (screenSize.width <= 1024) {
|
|
6160
6190
|
setView("TABLET");
|
|
6161
6191
|
} else {
|
|
6162
6192
|
setView("PC");
|
|
@@ -6223,12 +6253,12 @@ var OrderingActivityMaterialContent = ({
|
|
|
6223
6253
|
return 0;
|
|
6224
6254
|
};
|
|
6225
6255
|
const answerMap = retrieveAnswerMap();
|
|
6226
|
-
return /* @__PURE__ */
|
|
6256
|
+
return /* @__PURE__ */ jsx43("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
|
|
6227
6257
|
const learnerAnswerState = checkAnswerState(
|
|
6228
6258
|
answerMap[materialKey] + "",
|
|
6229
6259
|
index + ""
|
|
6230
6260
|
);
|
|
6231
|
-
return /* @__PURE__ */
|
|
6261
|
+
return /* @__PURE__ */ jsx43("div", { className: "w-full lg:w-1/2", children: /* @__PURE__ */ jsxs29(
|
|
6232
6262
|
"div",
|
|
6233
6263
|
{
|
|
6234
6264
|
className: `flex flex-row items-center my-4 mx-2`,
|
|
@@ -6236,20 +6266,20 @@ var OrderingActivityMaterialContent = ({
|
|
|
6236
6266
|
marginTop: view === "PC" ? calculateMarginTop(parseFloat(materialKey)) : 0
|
|
6237
6267
|
},
|
|
6238
6268
|
children: [
|
|
6239
|
-
/* @__PURE__ */
|
|
6269
|
+
/* @__PURE__ */ jsx43("div", { className: "mr-3", children: /* @__PURE__ */ jsx43("div", { className: "h-catchup-activity-box-item w-catchup-activity-box-item flex flex-col items-center justify-center cursor-pointer transition-all duration-300 overflow-y-auto", children: /* @__PURE__ */ jsx43(
|
|
6240
6270
|
"div",
|
|
6241
6271
|
{
|
|
6242
6272
|
className: `${selectedKey === materialKey ? "border-2 border-catchup-light-gray" : "border-2 border-catchup-blue"} flex flex-col items-center justify-center transition-all duration-300 rounded-catchup-full w-[50px] h-[50px]`,
|
|
6243
|
-
children: /* @__PURE__ */
|
|
6273
|
+
children: /* @__PURE__ */ jsx43("p", { className: "", children: parseFloat(materialKey) + 1 })
|
|
6244
6274
|
}
|
|
6245
6275
|
) }) }),
|
|
6246
|
-
/* @__PURE__ */
|
|
6276
|
+
/* @__PURE__ */ jsx43(
|
|
6247
6277
|
DraggableDroppableItem_default,
|
|
6248
6278
|
{
|
|
6249
6279
|
item: { index: materialKey },
|
|
6250
6280
|
type: "ORDERING",
|
|
6251
6281
|
dropRef: drop,
|
|
6252
|
-
component: /* @__PURE__ */
|
|
6282
|
+
component: /* @__PURE__ */ jsx43(
|
|
6253
6283
|
"div",
|
|
6254
6284
|
{
|
|
6255
6285
|
className: `${canDrop ? selectedKey !== materialKey ? selectedTargetKey === materialKey ? "bg-catchup-light-blue rounded-catchup-xlarge" : "bg-catchup-light-blue rounded-catchup-xlarge opacity-40" : "" : ""} ${contentMap.type === "TEXT" ? "h-catchup-activity-text-box-item" : "h-catchup-activity-media-box-item"} flex flex-col items-center justify-center border-2 rounded-catchup-xlarge cursor-pointer p-3 ${learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
|
|
@@ -6258,16 +6288,16 @@ var OrderingActivityMaterialContent = ({
|
|
|
6258
6288
|
setSelectedKey(materialKey);
|
|
6259
6289
|
}
|
|
6260
6290
|
},
|
|
6261
|
-
children: contentMap.type === "TEXT" ? /* @__PURE__ */
|
|
6291
|
+
children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx43("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
6262
6292
|
materialMap[answerMap[materialKey]]
|
|
6263
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
6293
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx43(
|
|
6264
6294
|
"span",
|
|
6265
6295
|
{
|
|
6266
6296
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
6267
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
6297
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx43("span", { className: "text-xl", children: /* @__PURE__ */ jsx43(InlineMath9, { math: inputPart.value }) }) : inputPart.value
|
|
6268
6298
|
},
|
|
6269
6299
|
index2
|
|
6270
|
-
)) }) : /* @__PURE__ */
|
|
6300
|
+
)) }) : /* @__PURE__ */ jsx43(
|
|
6271
6301
|
ShowMaterialMediaByContentType_default,
|
|
6272
6302
|
{
|
|
6273
6303
|
contentType: contentMap.type,
|
|
@@ -6299,7 +6329,7 @@ var OrderingActivityMaterialContent = ({
|
|
|
6299
6329
|
var OrderingActivityMaterialContent_default = OrderingActivityMaterialContent;
|
|
6300
6330
|
|
|
6301
6331
|
// src/components/activities/OrderingActivityContent.tsx
|
|
6302
|
-
import { Fragment as Fragment9, jsx as
|
|
6332
|
+
import { Fragment as Fragment9, jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
6303
6333
|
var OrderingActivityContent = ({
|
|
6304
6334
|
answer,
|
|
6305
6335
|
data,
|
|
@@ -6324,15 +6354,15 @@ var OrderingActivityContent = ({
|
|
|
6324
6354
|
changeAnswer(answer2);
|
|
6325
6355
|
};
|
|
6326
6356
|
return /* @__PURE__ */ jsxs30(Fragment9, { children: [
|
|
6327
|
-
/* @__PURE__ */
|
|
6357
|
+
/* @__PURE__ */ jsx44(
|
|
6328
6358
|
ActivityBodyContent_default,
|
|
6329
6359
|
{
|
|
6330
6360
|
bodyMap: orderingBodyMap,
|
|
6331
6361
|
templateType: "ORDERING"
|
|
6332
6362
|
}
|
|
6333
6363
|
),
|
|
6334
|
-
/* @__PURE__ */
|
|
6335
|
-
/* @__PURE__ */
|
|
6364
|
+
/* @__PURE__ */ jsx44(DividerLine_default, {}),
|
|
6365
|
+
/* @__PURE__ */ jsx44(
|
|
6336
6366
|
OrderingActivityMaterialContent_default,
|
|
6337
6367
|
{
|
|
6338
6368
|
uniqueValue: JSON.stringify(data.contentMap),
|
|
@@ -6351,8 +6381,8 @@ var OrderingActivityContent_default = OrderingActivityContent;
|
|
|
6351
6381
|
|
|
6352
6382
|
// src/components/activities/material-contents/TrueFalseActivityMaterialContent.tsx
|
|
6353
6383
|
import { useEffect as useEffect13, useState as useState23 } from "react";
|
|
6354
|
-
import { InlineMath as
|
|
6355
|
-
import { Fragment as Fragment10, jsx as
|
|
6384
|
+
import { InlineMath as InlineMath10 } from "react-katex";
|
|
6385
|
+
import { Fragment as Fragment10, jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
6356
6386
|
var TrueFalseActivityMaterialContent = ({
|
|
6357
6387
|
uniqueValue,
|
|
6358
6388
|
answer,
|
|
@@ -6406,13 +6436,13 @@ var TrueFalseActivityMaterialContent = ({
|
|
|
6406
6436
|
};
|
|
6407
6437
|
const answerMap = retrieveAnswerMap();
|
|
6408
6438
|
return /* @__PURE__ */ jsxs31("div", { className: "", children: [
|
|
6409
|
-
/* @__PURE__ */
|
|
6410
|
-
/* @__PURE__ */
|
|
6439
|
+
/* @__PURE__ */ jsx45("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx45("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_true_false_text") }) }),
|
|
6440
|
+
/* @__PURE__ */ jsx45("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx45(DividerLine_default, {}) }),
|
|
6411
6441
|
/* @__PURE__ */ jsxs31("div", { className: "flex flex-row justify-end items-center gap-x-2", children: [
|
|
6412
|
-
/* @__PURE__ */
|
|
6413
|
-
/* @__PURE__ */
|
|
6442
|
+
/* @__PURE__ */ jsx45("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx45("p", { className: "font-bold text-lg", children: i18n_default.t("true") }) }),
|
|
6443
|
+
/* @__PURE__ */ jsx45("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx45("p", { className: "font-bold text-lg", children: i18n_default.t("false") }) })
|
|
6414
6444
|
] }),
|
|
6415
|
-
checkCanAnswerQuestion() ? /* @__PURE__ */
|
|
6445
|
+
checkCanAnswerQuestion() ? /* @__PURE__ */ jsx45("div", { className: `flex flex-row w-full justify-center flex-wrap`, children: shuffleOptionList.map((shuffleOption, index) => {
|
|
6416
6446
|
const correctAnswer = materialMap.trueList.find(
|
|
6417
6447
|
(trueItem) => trueItem === shuffleOption
|
|
6418
6448
|
) !== void 0 ? "TRUE" : "FALSE";
|
|
@@ -6428,16 +6458,16 @@ var TrueFalseActivityMaterialContent = ({
|
|
|
6428
6458
|
{
|
|
6429
6459
|
className: `w-full flex flex-row items-center justify-center cursor-pointer my-2 ${learnerAnswerState === "CORRECT" ? "border-2 border-catchup-green rounded-catchup-xlarge p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
|
|
6430
6460
|
children: [
|
|
6431
|
-
/* @__PURE__ */
|
|
6461
|
+
/* @__PURE__ */ jsx45("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx45("p", { className: "text-xl p-2 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
|
|
6432
6462
|
shuffleOption
|
|
6433
|
-
).map((inputPart, index2) => /* @__PURE__ */
|
|
6463
|
+
).map((inputPart, index2) => /* @__PURE__ */ jsx45(
|
|
6434
6464
|
"span",
|
|
6435
6465
|
{
|
|
6436
6466
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
6437
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
6467
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx45("span", { className: "text-xl", children: /* @__PURE__ */ jsx45(InlineMath10, { math: inputPart.value }) }) : inputPart.value
|
|
6438
6468
|
},
|
|
6439
6469
|
index2
|
|
6440
|
-
)) }) : /* @__PURE__ */
|
|
6470
|
+
)) }) : /* @__PURE__ */ jsx45(
|
|
6441
6471
|
ShowMaterialMediaByContentType_default,
|
|
6442
6472
|
{
|
|
6443
6473
|
contentType: contentMap.type,
|
|
@@ -6447,7 +6477,7 @@ var TrueFalseActivityMaterialContent = ({
|
|
|
6447
6477
|
`${uniqueValue}-${index}`
|
|
6448
6478
|
) }),
|
|
6449
6479
|
/* @__PURE__ */ jsxs31("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
6450
|
-
/* @__PURE__ */
|
|
6480
|
+
/* @__PURE__ */ jsx45("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx45("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ jsx45(
|
|
6451
6481
|
BaseImage_default,
|
|
6452
6482
|
{
|
|
6453
6483
|
src: answerMap.trueList.includes(shuffleOption) ? "/icons/checkbox.webp" : "/icons/checkbox-empty.webp",
|
|
@@ -6458,7 +6488,7 @@ var TrueFalseActivityMaterialContent = ({
|
|
|
6458
6488
|
}
|
|
6459
6489
|
}
|
|
6460
6490
|
) }) }),
|
|
6461
|
-
/* @__PURE__ */
|
|
6491
|
+
/* @__PURE__ */ jsx45("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx45("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ jsx45(
|
|
6462
6492
|
BaseImage_default,
|
|
6463
6493
|
{
|
|
6464
6494
|
src: answerMap.falseList.includes(shuffleOption) ? "/icons/checkbox.webp" : "/icons/checkbox-empty.webp",
|
|
@@ -6476,12 +6506,12 @@ var TrueFalseActivityMaterialContent = ({
|
|
|
6476
6506
|
);
|
|
6477
6507
|
}) }) : /* @__PURE__ */ jsxs31(Fragment10, { children: [
|
|
6478
6508
|
answerMap.trueList.map((item) => /* @__PURE__ */ jsxs31("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
6479
|
-
/* @__PURE__ */
|
|
6480
|
-
/* @__PURE__ */
|
|
6509
|
+
/* @__PURE__ */ jsx45("div", { className: "flex-1", children: /* @__PURE__ */ jsx45("p", { children: item }) }),
|
|
6510
|
+
/* @__PURE__ */ jsx45("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx45("p", { className: "underline", children: i18n_default.t("true") }) })
|
|
6481
6511
|
] })),
|
|
6482
6512
|
answerMap.falseList.map((item) => /* @__PURE__ */ jsxs31("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
6483
|
-
/* @__PURE__ */
|
|
6484
|
-
/* @__PURE__ */
|
|
6513
|
+
/* @__PURE__ */ jsx45("div", { className: "flex-1", children: /* @__PURE__ */ jsx45("p", { children: item }) }),
|
|
6514
|
+
/* @__PURE__ */ jsx45("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx45("p", { className: "underline", children: i18n_default.t("false") }) })
|
|
6485
6515
|
] }))
|
|
6486
6516
|
] })
|
|
6487
6517
|
] });
|
|
@@ -6489,7 +6519,7 @@ var TrueFalseActivityMaterialContent = ({
|
|
|
6489
6519
|
var TrueFalseActivityMaterialContent_default = TrueFalseActivityMaterialContent;
|
|
6490
6520
|
|
|
6491
6521
|
// src/components/activities/TrueFalseActivityContent.tsx
|
|
6492
|
-
import { jsx as
|
|
6522
|
+
import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
6493
6523
|
var TrueFalseActivityContent = ({
|
|
6494
6524
|
answer,
|
|
6495
6525
|
data,
|
|
@@ -6541,16 +6571,16 @@ var TrueFalseActivityContent = ({
|
|
|
6541
6571
|
changeAnswer(answer2);
|
|
6542
6572
|
};
|
|
6543
6573
|
return /* @__PURE__ */ jsxs32("div", { className: "flex flex-row flex-wrap", children: [
|
|
6544
|
-
/* @__PURE__ */
|
|
6574
|
+
/* @__PURE__ */ jsx46("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`, children: /* @__PURE__ */ jsx46(
|
|
6545
6575
|
ActivityBodyContent_default,
|
|
6546
6576
|
{
|
|
6547
6577
|
bodyMap: trueFalseBodyMap,
|
|
6548
6578
|
templateType: "GROUPING"
|
|
6549
6579
|
}
|
|
6550
6580
|
) }),
|
|
6551
|
-
/* @__PURE__ */
|
|
6552
|
-
/* @__PURE__ */
|
|
6553
|
-
/* @__PURE__ */
|
|
6581
|
+
/* @__PURE__ */ jsx46("div", { className: `${isFullScreen ? "contents" : "contents md:hidden"}`, children: /* @__PURE__ */ jsx46(DividerLine_default, {}) }),
|
|
6582
|
+
/* @__PURE__ */ jsx46("div", { className: `${isFullScreen ? "hidden" : "hidden md:block"}`, children: /* @__PURE__ */ jsx46(VerticalDividerLine_default, {}) }),
|
|
6583
|
+
/* @__PURE__ */ jsx46("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx46(
|
|
6554
6584
|
TrueFalseActivityMaterialContent_default,
|
|
6555
6585
|
{
|
|
6556
6586
|
uniqueValue: JSON.stringify(data.contentMap),
|
|
@@ -6568,8 +6598,8 @@ var TrueFalseActivityContent = ({
|
|
|
6568
6598
|
var TrueFalseActivityContent_default = TrueFalseActivityContent;
|
|
6569
6599
|
|
|
6570
6600
|
// src/components/activities/solution-contents/ActivitySolutionContent.tsx
|
|
6571
|
-
import { InlineMath as
|
|
6572
|
-
import { jsx as
|
|
6601
|
+
import { InlineMath as InlineMath11 } from "react-katex";
|
|
6602
|
+
import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
6573
6603
|
var ActivitySolutionContent = ({
|
|
6574
6604
|
activityTemplateType,
|
|
6575
6605
|
data
|
|
@@ -6599,8 +6629,8 @@ var ActivitySolutionContent = ({
|
|
|
6599
6629
|
return null;
|
|
6600
6630
|
}
|
|
6601
6631
|
if (!solutionMap || Object.keys(solutionMap).length === 0) return null;
|
|
6602
|
-
return /* @__PURE__ */
|
|
6603
|
-
/* @__PURE__ */
|
|
6632
|
+
return /* @__PURE__ */ jsx47("div", { className: "mx-2", children: /* @__PURE__ */ jsxs33("div", { className: "p-4 border-catchup-blue border-2 rounded-catchup-xlarge", children: [
|
|
6633
|
+
/* @__PURE__ */ jsx47("p", { className: "text-xl font-bold text-center mb-3", children: i18n_default.t("solution") }),
|
|
6604
6634
|
Object.keys(solutionMap).map((key) => {
|
|
6605
6635
|
let currentItem;
|
|
6606
6636
|
try {
|
|
@@ -6610,12 +6640,12 @@ var ActivitySolutionContent = ({
|
|
|
6610
6640
|
return null;
|
|
6611
6641
|
}
|
|
6612
6642
|
const { value } = currentItem;
|
|
6613
|
-
return /* @__PURE__ */
|
|
6614
|
-
(inputPart, partIndex) => /* @__PURE__ */
|
|
6643
|
+
return /* @__PURE__ */ jsx47("div", { className: "my-3 text-xl", children: constructInputWithSpecialExpressionList(value).map(
|
|
6644
|
+
(inputPart, partIndex) => /* @__PURE__ */ jsx47(
|
|
6615
6645
|
"span",
|
|
6616
6646
|
{
|
|
6617
6647
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
6618
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
6648
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx47("span", { className: "text-xl", children: /* @__PURE__ */ jsx47(InlineMath11, { math: inputPart.value }) }) : inputPart.value
|
|
6619
6649
|
},
|
|
6620
6650
|
`${key}_part_${partIndex}`
|
|
6621
6651
|
)
|
|
@@ -6626,8 +6656,8 @@ var ActivitySolutionContent = ({
|
|
|
6626
6656
|
var ActivitySolutionContent_default = ActivitySolutionContent;
|
|
6627
6657
|
|
|
6628
6658
|
// src/components/activities/evaluation-rubric-contents/ActivityEvaluationRubricContent.tsx
|
|
6629
|
-
import { InlineMath as
|
|
6630
|
-
import { jsx as
|
|
6659
|
+
import { InlineMath as InlineMath12 } from "react-katex";
|
|
6660
|
+
import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
6631
6661
|
var ActivityEvaluationRubricContent = ({
|
|
6632
6662
|
activityTemplateType,
|
|
6633
6663
|
data
|
|
@@ -6648,6 +6678,7 @@ var ActivityEvaluationRubricContent = ({
|
|
|
6648
6678
|
if (!evaluationRubricMapKey) return null;
|
|
6649
6679
|
const evaluationRubricMapString = data[evaluationRubricMapKey];
|
|
6650
6680
|
let evaluationRubricMap;
|
|
6681
|
+
if (!evaluationRubricMapString) return;
|
|
6651
6682
|
try {
|
|
6652
6683
|
evaluationRubricMap = JSON.parse(evaluationRubricMapString);
|
|
6653
6684
|
} catch (error) {
|
|
@@ -6656,21 +6687,21 @@ var ActivityEvaluationRubricContent = ({
|
|
|
6656
6687
|
}
|
|
6657
6688
|
if (!evaluationRubricMap || Object.keys(evaluationRubricMap).length === 0)
|
|
6658
6689
|
return null;
|
|
6659
|
-
return /* @__PURE__ */
|
|
6660
|
-
/* @__PURE__ */
|
|
6690
|
+
return /* @__PURE__ */ jsx48("div", { className: "mx-2", children: /* @__PURE__ */ jsxs34("div", { className: "p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge", children: [
|
|
6691
|
+
/* @__PURE__ */ jsx48("p", { className: "text-xl font-bold text-center mb-3", children: i18n_default.t("evaluation_rubric") }),
|
|
6661
6692
|
Object.keys(evaluationRubricMap).map((key, index) => {
|
|
6662
6693
|
const currentItem = JSON.parse(evaluationRubricMap[key]);
|
|
6663
6694
|
const { value } = currentItem;
|
|
6664
|
-
return /* @__PURE__ */
|
|
6695
|
+
return /* @__PURE__ */ jsx48(
|
|
6665
6696
|
"p",
|
|
6666
6697
|
{
|
|
6667
6698
|
className: "my-1 text-xl whitespace-pre-wrap",
|
|
6668
6699
|
children: constructInputWithSpecialExpressionList(value).map(
|
|
6669
|
-
(inputPart, index2) => /* @__PURE__ */
|
|
6700
|
+
(inputPart, index2) => /* @__PURE__ */ jsx48(
|
|
6670
6701
|
"span",
|
|
6671
6702
|
{
|
|
6672
6703
|
className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
6673
|
-
children: inputPart.isEquation ? /* @__PURE__ */
|
|
6704
|
+
children: inputPart.isEquation ? /* @__PURE__ */ jsx48("span", { className: "text-xl", children: /* @__PURE__ */ jsx48(InlineMath12, { math: inputPart.value }) }) : inputPart.value
|
|
6674
6705
|
},
|
|
6675
6706
|
index2
|
|
6676
6707
|
)
|
|
@@ -6687,13 +6718,13 @@ var ActivityEvaluationRubricContent_default = ActivityEvaluationRubricContent;
|
|
|
6687
6718
|
import { useEffect as useEffect14, useState as useState24 } from "react";
|
|
6688
6719
|
|
|
6689
6720
|
// src/components/boxes/SelectionBox.tsx
|
|
6690
|
-
import { jsx as
|
|
6721
|
+
import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
6691
6722
|
var SelectionBox = ({
|
|
6692
6723
|
optionList,
|
|
6693
6724
|
selectedId,
|
|
6694
6725
|
handleSelectOnClick
|
|
6695
6726
|
}) => {
|
|
6696
|
-
return /* @__PURE__ */
|
|
6727
|
+
return /* @__PURE__ */ jsx49("div", { className: "flex flex-row items-center gap-x-4 gap-y-2 flex-wrap text-center", children: optionList.map((option, index) => /* @__PURE__ */ jsx49(
|
|
6697
6728
|
"div",
|
|
6698
6729
|
{
|
|
6699
6730
|
className: `${option.id === selectedId ? "border-catchup-blue-400" : "border-catchup-gray-100 hover:border-catchup-blue-500"} border-2 rounded-catchup-xlarge py-3 px-8 cursor-pointer duration-300 transition-all`,
|
|
@@ -6707,7 +6738,7 @@ var SelectionBox = ({
|
|
|
6707
6738
|
children: [
|
|
6708
6739
|
option.icon,
|
|
6709
6740
|
/* @__PURE__ */ jsxs35("div", { className: "flex-1 flex flex-col items-center", children: [
|
|
6710
|
-
/* @__PURE__ */
|
|
6741
|
+
/* @__PURE__ */ jsx49("p", { children: option.text }),
|
|
6711
6742
|
option.subText ? /* @__PURE__ */ jsxs35("p", { className: "text-md", children: [
|
|
6712
6743
|
"(",
|
|
6713
6744
|
option.subText,
|
|
@@ -6724,7 +6755,7 @@ var SelectionBox = ({
|
|
|
6724
6755
|
var SelectionBox_default = SelectionBox;
|
|
6725
6756
|
|
|
6726
6757
|
// src/components/activities/ActivityPreviewByData.tsx
|
|
6727
|
-
import { Fragment as Fragment11, jsx as
|
|
6758
|
+
import { Fragment as Fragment11, jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
6728
6759
|
var ActivityPreviewByData = ({
|
|
6729
6760
|
data,
|
|
6730
6761
|
showType,
|
|
@@ -6785,8 +6816,8 @@ var ActivityPreviewByData = ({
|
|
|
6785
6816
|
return /* @__PURE__ */ jsxs36("div", { children: [
|
|
6786
6817
|
showType ? /* @__PURE__ */ jsxs36(Fragment11, { children: [
|
|
6787
6818
|
/* @__PURE__ */ jsxs36("div", { className: "mb-4", children: [
|
|
6788
|
-
showDescription ? /* @__PURE__ */
|
|
6789
|
-
/* @__PURE__ */
|
|
6819
|
+
showDescription ? /* @__PURE__ */ jsx50("div", { className: "my-2", children: /* @__PURE__ */ jsx50("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
|
|
6820
|
+
/* @__PURE__ */ jsx50(
|
|
6790
6821
|
SelectionBox_default,
|
|
6791
6822
|
{
|
|
6792
6823
|
optionList,
|
|
@@ -6797,9 +6828,9 @@ var ActivityPreviewByData = ({
|
|
|
6797
6828
|
}
|
|
6798
6829
|
)
|
|
6799
6830
|
] }),
|
|
6800
|
-
/* @__PURE__ */
|
|
6831
|
+
/* @__PURE__ */ jsx50(DividerLine_default, {})
|
|
6801
6832
|
] }) : null,
|
|
6802
|
-
selectedType ? /* @__PURE__ */
|
|
6833
|
+
selectedType ? /* @__PURE__ */ jsx50("div", { className: "", children: selectedType === "ORDERING" && data["orderingBodyMap"] != null && data["orderingMaterialMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6803
6834
|
OrderingActivityContent_default,
|
|
6804
6835
|
{
|
|
6805
6836
|
answer,
|
|
@@ -6813,7 +6844,7 @@ var ActivityPreviewByData = ({
|
|
|
6813
6844
|
showCorrectAnswer: true,
|
|
6814
6845
|
isFullScreen
|
|
6815
6846
|
}
|
|
6816
|
-
) : selectedType === "DROPDOWN" && data["dropdownBodyMap"] != null && data["dropdownMaterialMap"] != null ? /* @__PURE__ */
|
|
6847
|
+
) : selectedType === "DROPDOWN" && data["dropdownBodyMap"] != null && data["dropdownMaterialMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6817
6848
|
DropdownActivityContent_default,
|
|
6818
6849
|
{
|
|
6819
6850
|
answer,
|
|
@@ -6827,7 +6858,7 @@ var ActivityPreviewByData = ({
|
|
|
6827
6858
|
showCorrectAnswer: true,
|
|
6828
6859
|
isFullScreen
|
|
6829
6860
|
}
|
|
6830
|
-
) : selectedType === "MCSA" && data["MCSABodyMap"] != null && data["MCSAMaterialMap"] != null ? /* @__PURE__ */
|
|
6861
|
+
) : selectedType === "MCSA" && data["MCSABodyMap"] != null && data["MCSAMaterialMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6831
6862
|
MCSAActivityContent_default,
|
|
6832
6863
|
{
|
|
6833
6864
|
answer,
|
|
@@ -6841,7 +6872,7 @@ var ActivityPreviewByData = ({
|
|
|
6841
6872
|
showCorrectAnswer: true,
|
|
6842
6873
|
isFullScreen
|
|
6843
6874
|
}
|
|
6844
|
-
) : selectedType === "MCMA" && data["MCMABodyMap"] != null && data["MCMAMaterialMap"] != null ? /* @__PURE__ */
|
|
6875
|
+
) : selectedType === "MCMA" && data["MCMABodyMap"] != null && data["MCMAMaterialMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6845
6876
|
MCMAActivityContent_default,
|
|
6846
6877
|
{
|
|
6847
6878
|
answer,
|
|
@@ -6855,7 +6886,7 @@ var ActivityPreviewByData = ({
|
|
|
6855
6886
|
showCorrectAnswer: true,
|
|
6856
6887
|
isFullScreen
|
|
6857
6888
|
}
|
|
6858
|
-
) : selectedType === "MATCHING" && data["matchingBodyMap"] != null && data["matchingMaterialMap"] != null ? /* @__PURE__ */
|
|
6889
|
+
) : selectedType === "MATCHING" && data["matchingBodyMap"] != null && data["matchingMaterialMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6859
6890
|
MatchingActivityContent_default,
|
|
6860
6891
|
{
|
|
6861
6892
|
answer,
|
|
@@ -6868,7 +6899,7 @@ var ActivityPreviewByData = ({
|
|
|
6868
6899
|
isPreview: true,
|
|
6869
6900
|
showCorrectAnswer: true
|
|
6870
6901
|
}
|
|
6871
|
-
) : selectedType === "GROUPING" && data["groupingBodyMap"] != null && data["groupingMaterialMap"] != null ? /* @__PURE__ */
|
|
6902
|
+
) : selectedType === "GROUPING" && data["groupingBodyMap"] != null && data["groupingMaterialMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6872
6903
|
GroupingActivityContent_default,
|
|
6873
6904
|
{
|
|
6874
6905
|
answer,
|
|
@@ -6881,7 +6912,7 @@ var ActivityPreviewByData = ({
|
|
|
6881
6912
|
isPreview: true,
|
|
6882
6913
|
showCorrectAnswer: true
|
|
6883
6914
|
}
|
|
6884
|
-
) : selectedType === "FILL_IN_THE_BLANKS" && data["fillInTheBlanksBodyMap"] != null && data["fillInTheBlanksMaterialMap"] != null ? /* @__PURE__ */
|
|
6915
|
+
) : selectedType === "FILL_IN_THE_BLANKS" && data["fillInTheBlanksBodyMap"] != null && data["fillInTheBlanksMaterialMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6885
6916
|
FillInTheBlanksActivityContent_default,
|
|
6886
6917
|
{
|
|
6887
6918
|
answer,
|
|
@@ -6895,7 +6926,7 @@ var ActivityPreviewByData = ({
|
|
|
6895
6926
|
showCorrectAnswer: true,
|
|
6896
6927
|
isFullScreen
|
|
6897
6928
|
}
|
|
6898
|
-
) : selectedType === "OPEN_ENDED" && data["openEndedBodyMap"] != null ? /* @__PURE__ */
|
|
6929
|
+
) : selectedType === "OPEN_ENDED" && data["openEndedBodyMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6899
6930
|
OpenEndedActivityContent_default,
|
|
6900
6931
|
{
|
|
6901
6932
|
answer,
|
|
@@ -6907,7 +6938,7 @@ var ActivityPreviewByData = ({
|
|
|
6907
6938
|
isPreview: true,
|
|
6908
6939
|
isFullScreen
|
|
6909
6940
|
}
|
|
6910
|
-
) : selectedType === "TRUE_FALSE" && data["trueFalseBodyMap"] != null && data["trueFalseMaterialMap"] != null ? /* @__PURE__ */
|
|
6941
|
+
) : selectedType === "TRUE_FALSE" && data["trueFalseBodyMap"] != null && data["trueFalseMaterialMap"] != null ? /* @__PURE__ */ jsx50(
|
|
6911
6942
|
TrueFalseActivityContent_default,
|
|
6912
6943
|
{
|
|
6913
6944
|
answer,
|
|
@@ -6922,14 +6953,14 @@ var ActivityPreviewByData = ({
|
|
|
6922
6953
|
isFullScreen
|
|
6923
6954
|
}
|
|
6924
6955
|
) : null }, selectedType) : null,
|
|
6925
|
-
selectedType && showSolution ? /* @__PURE__ */
|
|
6956
|
+
selectedType && showSolution ? /* @__PURE__ */ jsx50("div", { className: "my-4", children: /* @__PURE__ */ jsx50(
|
|
6926
6957
|
ActivitySolutionContent_default,
|
|
6927
6958
|
{
|
|
6928
6959
|
activityTemplateType: selectedType,
|
|
6929
6960
|
data
|
|
6930
6961
|
}
|
|
6931
6962
|
) }) : null,
|
|
6932
|
-
selectedType && showEvaluationRubric ? /* @__PURE__ */
|
|
6963
|
+
selectedType && showEvaluationRubric ? /* @__PURE__ */ jsx50("div", { className: "my-4", children: /* @__PURE__ */ jsx50(
|
|
6933
6964
|
ActivityEvaluationRubricContent_default,
|
|
6934
6965
|
{
|
|
6935
6966
|
activityTemplateType: selectedType,
|
|
@@ -6942,7 +6973,7 @@ var ActivityPreviewByData_default = ActivityPreviewByData;
|
|
|
6942
6973
|
|
|
6943
6974
|
// src/components/activities/ActivityPreviewByAnswerData.tsx
|
|
6944
6975
|
import { useEffect as useEffect15, useState as useState25 } from "react";
|
|
6945
|
-
import { Fragment as Fragment12, jsx as
|
|
6976
|
+
import { Fragment as Fragment12, jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
6946
6977
|
var ActivityPreviewByAnswerData = ({
|
|
6947
6978
|
data,
|
|
6948
6979
|
showType = true,
|
|
@@ -7050,28 +7081,28 @@ var ActivityPreviewByAnswerData = ({
|
|
|
7050
7081
|
};
|
|
7051
7082
|
switch (selectedType) {
|
|
7052
7083
|
case "ORDERING":
|
|
7053
|
-
return data.orderingBodyMap && data.orderingMaterialMap ? /* @__PURE__ */
|
|
7084
|
+
return data.orderingBodyMap && data.orderingMaterialMap ? /* @__PURE__ */ jsx51(OrderingActivityContent_default, __spreadValues({}, commonProps)) : null;
|
|
7054
7085
|
case "DROPDOWN":
|
|
7055
|
-
return data.dropdownBodyMap && data.dropdownMaterialMap ? /* @__PURE__ */
|
|
7086
|
+
return data.dropdownBodyMap && data.dropdownMaterialMap ? /* @__PURE__ */ jsx51(DropdownActivityContent_default, __spreadValues({}, commonProps)) : null;
|
|
7056
7087
|
case "MCSA":
|
|
7057
|
-
return data.MCSABodyMap && data.MCSAMaterialMap ? /* @__PURE__ */
|
|
7088
|
+
return data.MCSABodyMap && data.MCSAMaterialMap ? /* @__PURE__ */ jsx51(MCSAActivityContent_default, __spreadValues({}, commonProps)) : null;
|
|
7058
7089
|
case "MCMA":
|
|
7059
|
-
return data.MCMABodyMap && data.MCMAMaterialMap ? /* @__PURE__ */
|
|
7090
|
+
return data.MCMABodyMap && data.MCMAMaterialMap ? /* @__PURE__ */ jsx51(MCMAActivityContent_default, __spreadValues({}, commonProps)) : null;
|
|
7060
7091
|
case "MATCHING":
|
|
7061
|
-
return data.matchingBodyMap && data.matchingMaterialMap ? /* @__PURE__ */
|
|
7092
|
+
return data.matchingBodyMap && data.matchingMaterialMap ? /* @__PURE__ */ jsx51(MatchingActivityContent_default, __spreadValues({}, commonProps)) : null;
|
|
7062
7093
|
case "GROUPING":
|
|
7063
|
-
return data.groupingBodyMap && data.groupingMaterialMap ? /* @__PURE__ */
|
|
7094
|
+
return data.groupingBodyMap && data.groupingMaterialMap ? /* @__PURE__ */ jsx51(GroupingActivityContent_default, __spreadValues({}, commonProps)) : null;
|
|
7064
7095
|
case "FILL_IN_THE_BLANKS":
|
|
7065
|
-
return data.fillInTheBlanksBodyMap && data.fillInTheBlanksMaterialMap ? /* @__PURE__ */
|
|
7096
|
+
return data.fillInTheBlanksBodyMap && data.fillInTheBlanksMaterialMap ? /* @__PURE__ */ jsx51(FillInTheBlanksActivityContent_default, __spreadValues({}, commonProps)) : null;
|
|
7066
7097
|
case "OPEN_ENDED":
|
|
7067
|
-
return data.openEndedBodyMap ? /* @__PURE__ */
|
|
7098
|
+
return data.openEndedBodyMap ? /* @__PURE__ */ jsx51(
|
|
7068
7099
|
OpenEndedActivityContent_default,
|
|
7069
7100
|
__spreadProps(__spreadValues({}, commonProps), {
|
|
7070
7101
|
showMaterialContent: true
|
|
7071
7102
|
})
|
|
7072
7103
|
) : null;
|
|
7073
7104
|
case "TRUE_FALSE":
|
|
7074
|
-
return data.trueFalseBodyMap && data.trueFalseMaterialMap ? /* @__PURE__ */
|
|
7105
|
+
return data.trueFalseBodyMap && data.trueFalseMaterialMap ? /* @__PURE__ */ jsx51(TrueFalseActivityContent_default, __spreadValues({}, commonProps)) : null;
|
|
7075
7106
|
default:
|
|
7076
7107
|
return null;
|
|
7077
7108
|
}
|
|
@@ -7080,8 +7111,8 @@ var ActivityPreviewByAnswerData = ({
|
|
|
7080
7111
|
return /* @__PURE__ */ jsxs37("div", { children: [
|
|
7081
7112
|
showType && optionList.length > 0 ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
|
|
7082
7113
|
/* @__PURE__ */ jsxs37("div", { className: "mb-4", children: [
|
|
7083
|
-
showDescription ? /* @__PURE__ */
|
|
7084
|
-
/* @__PURE__ */
|
|
7114
|
+
showDescription ? /* @__PURE__ */ jsx51("div", { className: "my-2", children: /* @__PURE__ */ jsx51("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
|
|
7115
|
+
/* @__PURE__ */ jsx51(
|
|
7085
7116
|
SelectionBox_default,
|
|
7086
7117
|
{
|
|
7087
7118
|
optionList,
|
|
@@ -7092,20 +7123,20 @@ var ActivityPreviewByAnswerData = ({
|
|
|
7092
7123
|
}
|
|
7093
7124
|
)
|
|
7094
7125
|
] }),
|
|
7095
|
-
/* @__PURE__ */
|
|
7126
|
+
/* @__PURE__ */ jsx51(DividerLine_default, {})
|
|
7096
7127
|
] }) : null,
|
|
7097
7128
|
/* @__PURE__ */ jsxs37("div", { className: "flex flex-col my-2 w-full p-5", children: [
|
|
7098
|
-
((_a = answer == null ? void 0 : answer.data[0]) == null ? void 0 : _a.isEmpty) ? /* @__PURE__ */
|
|
7099
|
-
selectedType ? /* @__PURE__ */
|
|
7129
|
+
((_a = answer == null ? void 0 : answer.data[0]) == null ? void 0 : _a.isEmpty) ? /* @__PURE__ */ jsx51(ActivityEmptyContent_default, {}) : null,
|
|
7130
|
+
selectedType ? /* @__PURE__ */ jsx51("div", { children: RenderSelectedActivityContent() }, selectedType) : null
|
|
7100
7131
|
] }),
|
|
7101
|
-
selectedType && showSolution ? /* @__PURE__ */
|
|
7132
|
+
selectedType && showSolution ? /* @__PURE__ */ jsx51("div", { className: "my-4", children: /* @__PURE__ */ jsx51(
|
|
7102
7133
|
ActivitySolutionContent_default,
|
|
7103
7134
|
{
|
|
7104
7135
|
activityTemplateType: selectedType,
|
|
7105
7136
|
data
|
|
7106
7137
|
}
|
|
7107
7138
|
) }) : null,
|
|
7108
|
-
selectedType && showEvaluationRubric ? /* @__PURE__ */
|
|
7139
|
+
selectedType && showEvaluationRubric ? /* @__PURE__ */ jsx51("div", { className: "my-4", children: /* @__PURE__ */ jsx51(
|
|
7109
7140
|
ActivityEvaluationRubricContent_default,
|
|
7110
7141
|
{
|
|
7111
7142
|
activityTemplateType: selectedType,
|
|
@@ -7117,16 +7148,16 @@ var ActivityPreviewByAnswerData = ({
|
|
|
7117
7148
|
var ActivityPreviewByAnswerData_default = ActivityPreviewByAnswerData;
|
|
7118
7149
|
|
|
7119
7150
|
// src/components/errors/StatusError.tsx
|
|
7120
|
-
import { jsx as
|
|
7151
|
+
import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
7121
7152
|
var StatusError = ({
|
|
7122
7153
|
statusCode,
|
|
7123
7154
|
statusText,
|
|
7124
7155
|
textSize
|
|
7125
7156
|
}) => {
|
|
7126
7157
|
return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col justify-center items-center", children: [
|
|
7127
|
-
/* @__PURE__ */
|
|
7158
|
+
/* @__PURE__ */ jsx52("p", { className: "text-6xl text-catchup-red my-5", children: i18n_default.t("ooops_text") }),
|
|
7128
7159
|
/* @__PURE__ */ jsxs38("div", { className: "text-center my-5", children: [
|
|
7129
|
-
/* @__PURE__ */
|
|
7160
|
+
/* @__PURE__ */ jsx52("p", { className: "italic", children: i18n_default.t("unexcepted_error_text") }),
|
|
7130
7161
|
/* @__PURE__ */ jsxs38("p", { className: `${textSize ? textSize : "text-lg"}`, children: [
|
|
7131
7162
|
"(",
|
|
7132
7163
|
statusCode ? `${statusCode} - ` : null,
|
|
@@ -7139,9 +7170,9 @@ var StatusError = ({
|
|
|
7139
7170
|
var StatusError_default = StatusError;
|
|
7140
7171
|
|
|
7141
7172
|
// src/components/dividers/BlueVerticalDividerLine.tsx
|
|
7142
|
-
import { jsx as
|
|
7173
|
+
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
7143
7174
|
var BlueVerticalDividerLine = ({ opacity }) => {
|
|
7144
|
-
return /* @__PURE__ */
|
|
7175
|
+
return /* @__PURE__ */ jsx53(
|
|
7145
7176
|
"div",
|
|
7146
7177
|
{
|
|
7147
7178
|
className: `w-[2px] h-[40px] my-4 bg-catchup-blue ${opacity === "medium" ? "opacity-50" : ""}`
|
|
@@ -7151,7 +7182,7 @@ var BlueVerticalDividerLine = ({ opacity }) => {
|
|
|
7151
7182
|
var BlueVerticalDividerLine_default = BlueVerticalDividerLine;
|
|
7152
7183
|
|
|
7153
7184
|
// src/components/groups/LeftTextRightInputGroup.tsx
|
|
7154
|
-
import { jsx as
|
|
7185
|
+
import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
7155
7186
|
var LeftTextRightInputGroup = ({
|
|
7156
7187
|
type,
|
|
7157
7188
|
title,
|
|
@@ -7162,8 +7193,8 @@ var LeftTextRightInputGroup = ({
|
|
|
7162
7193
|
errorText
|
|
7163
7194
|
}) => {
|
|
7164
7195
|
return /* @__PURE__ */ jsxs39("div", { className: "w-full flex flex-row mx-2", children: [
|
|
7165
|
-
/* @__PURE__ */
|
|
7166
|
-
/* @__PURE__ */
|
|
7196
|
+
/* @__PURE__ */ jsx54("div", { className: "w-catchup-input-group-title py-5", children: /* @__PURE__ */ jsx54("p", { children: title }) }),
|
|
7197
|
+
/* @__PURE__ */ jsx54("div", { className: "flex-1", children: /* @__PURE__ */ jsx54(
|
|
7167
7198
|
InputGroup_default,
|
|
7168
7199
|
{
|
|
7169
7200
|
type,
|
|
@@ -7180,7 +7211,7 @@ var LeftTextRightInputGroup_default = LeftTextRightInputGroup;
|
|
|
7180
7211
|
|
|
7181
7212
|
// src/components/groups/PageTravelGroup.tsx
|
|
7182
7213
|
import { useEffect as useEffect16, useState as useState26 } from "react";
|
|
7183
|
-
import { jsx as
|
|
7214
|
+
import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
7184
7215
|
var PageTravelGroup = ({
|
|
7185
7216
|
isImageProcessing,
|
|
7186
7217
|
handleImageProcessing,
|
|
@@ -7199,7 +7230,7 @@ var PageTravelGroup = ({
|
|
|
7199
7230
|
setNewPageNumber(pageNumber + 1);
|
|
7200
7231
|
}, [pageNumber]);
|
|
7201
7232
|
return /* @__PURE__ */ jsxs40("div", { className: "flex-1 flex flex-row justify-center items-center flex-wrap", children: [
|
|
7202
|
-
pageNumber === 0 ? null : /* @__PURE__ */
|
|
7233
|
+
pageNumber === 0 ? null : /* @__PURE__ */ jsx55("div", { className: "px-2 flex flex-col items-center", children: /* @__PURE__ */ jsx55(
|
|
7203
7234
|
BaseImage_default,
|
|
7204
7235
|
{
|
|
7205
7236
|
size: "small",
|
|
@@ -7217,7 +7248,7 @@ var PageTravelGroup = ({
|
|
|
7217
7248
|
}
|
|
7218
7249
|
}
|
|
7219
7250
|
) }),
|
|
7220
|
-
Array.from(Array(totalPageNumber).keys()).filter((index) => index < pageNumber + 5).filter((index) => index > pageNumber - 5).map((index) => /* @__PURE__ */
|
|
7251
|
+
Array.from(Array(totalPageNumber).keys()).filter((index) => index < pageNumber + 5).filter((index) => index > pageNumber - 5).map((index) => /* @__PURE__ */ jsx55("div", { className: "px-2", children: /* @__PURE__ */ jsx55(
|
|
7221
7252
|
"p",
|
|
7222
7253
|
{
|
|
7223
7254
|
className: `${pageNumber === index ? "text-2xl" : "text-md"} cursor-pointer`,
|
|
@@ -7232,7 +7263,7 @@ var PageTravelGroup = ({
|
|
|
7232
7263
|
children: index + 1
|
|
7233
7264
|
}
|
|
7234
7265
|
) }, index)),
|
|
7235
|
-
totalPageNumber === 0 || pageNumber === totalPageNumber - 1 ? null : /* @__PURE__ */
|
|
7266
|
+
totalPageNumber === 0 || pageNumber === totalPageNumber - 1 ? null : /* @__PURE__ */ jsx55("div", { className: "px-2 flex flex-col items-center", children: /* @__PURE__ */ jsx55(
|
|
7236
7267
|
BaseImage_default,
|
|
7237
7268
|
{
|
|
7238
7269
|
size: "small",
|
|
@@ -7250,7 +7281,7 @@ var PageTravelGroup = ({
|
|
|
7250
7281
|
}
|
|
7251
7282
|
}
|
|
7252
7283
|
) }),
|
|
7253
|
-
/* @__PURE__ */
|
|
7284
|
+
/* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsx55(
|
|
7254
7285
|
"input",
|
|
7255
7286
|
{
|
|
7256
7287
|
className: `w-[90px] py-2 px-4 border border-catchup-gray-100 rounded-catchup-xlarge focus:outline-none placeholder-catchup-gray-200 focus:border-catchup-blue-400 focus:shadow-input`,
|
|
@@ -7274,14 +7305,14 @@ var PageTravelGroup = ({
|
|
|
7274
7305
|
var PageTravelGroup_default = PageTravelGroup;
|
|
7275
7306
|
|
|
7276
7307
|
// src/components/boxes/SelectionCheckbox.tsx
|
|
7277
|
-
import { jsx as
|
|
7308
|
+
import { jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
7278
7309
|
var SelectionCheckbox = ({
|
|
7279
7310
|
optionList,
|
|
7280
7311
|
selectedIdList,
|
|
7281
7312
|
handleSelectOnClick,
|
|
7282
7313
|
handleRemoveOnClick
|
|
7283
7314
|
}) => {
|
|
7284
|
-
return /* @__PURE__ */
|
|
7315
|
+
return /* @__PURE__ */ jsx56("div", { className: "flex flex-row items-center gap-x-4 gap-y-2 flex-wrap text-center", children: optionList.map((option, index) => /* @__PURE__ */ jsx56(
|
|
7285
7316
|
"div",
|
|
7286
7317
|
{
|
|
7287
7318
|
className: `${selectedIdList.findIndex(
|
|
@@ -7303,7 +7334,7 @@ var SelectionCheckbox = ({
|
|
|
7303
7334
|
(selectedId) => selectedId === option.id
|
|
7304
7335
|
) > -1 ? "opacity-100" : "opacity-50"}`,
|
|
7305
7336
|
children: [
|
|
7306
|
-
/* @__PURE__ */
|
|
7337
|
+
/* @__PURE__ */ jsx56(
|
|
7307
7338
|
BaseImage_default,
|
|
7308
7339
|
{
|
|
7309
7340
|
src: selectedIdList.findIndex(
|
|
@@ -7313,7 +7344,7 @@ var SelectionCheckbox = ({
|
|
|
7313
7344
|
size: "small"
|
|
7314
7345
|
}
|
|
7315
7346
|
),
|
|
7316
|
-
/* @__PURE__ */
|
|
7347
|
+
/* @__PURE__ */ jsx56("div", { className: "flex-1", children: /* @__PURE__ */ jsx56("p", { children: option.text }) })
|
|
7317
7348
|
]
|
|
7318
7349
|
}
|
|
7319
7350
|
)
|
|
@@ -7324,7 +7355,7 @@ var SelectionCheckbox = ({
|
|
|
7324
7355
|
var SelectionCheckbox_default = SelectionCheckbox;
|
|
7325
7356
|
|
|
7326
7357
|
// src/components/tabs/SelectionTab.tsx
|
|
7327
|
-
import { jsx as
|
|
7358
|
+
import { jsx as jsx57, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
7328
7359
|
var SelectionTab = ({
|
|
7329
7360
|
optionList,
|
|
7330
7361
|
selectedId,
|
|
@@ -7334,7 +7365,7 @@ var SelectionTab = ({
|
|
|
7334
7365
|
textColor,
|
|
7335
7366
|
borderColor
|
|
7336
7367
|
}) => {
|
|
7337
|
-
return /* @__PURE__ */
|
|
7368
|
+
return /* @__PURE__ */ jsx57("div", { className: "flex flex-row items-center gap-x-4 gap-y-2 flex-wrap mb-2 text-center", children: optionList.map((option, index) => /* @__PURE__ */ jsxs42(
|
|
7338
7369
|
"div",
|
|
7339
7370
|
{
|
|
7340
7371
|
className: `${selectedId === option.id ? selectedTextColor ? selectedTextColor : "text-catchup-blue-500" : textColor ? textColor : "text-catchup-gray-300"} ${selectedId === option.id ? selectedBorderColor ? selectedBorderColor : "border-catchup-blue-500" : borderColor ? borderColor : "border-catchup-gray-50"} border-b-2 transition-all duration-300 p-3 cursor-pointer`,
|
|
@@ -7342,8 +7373,8 @@ var SelectionTab = ({
|
|
|
7342
7373
|
handleSelectOnClick(option.id);
|
|
7343
7374
|
},
|
|
7344
7375
|
children: [
|
|
7345
|
-
/* @__PURE__ */
|
|
7346
|
-
option.subTitle ? /* @__PURE__ */
|
|
7376
|
+
/* @__PURE__ */ jsx57("p", { className: "text-lg", children: option.title }),
|
|
7377
|
+
option.subTitle ? /* @__PURE__ */ jsx57("p", { className: "text-md", children: option.subTitle }) : null
|
|
7347
7378
|
]
|
|
7348
7379
|
},
|
|
7349
7380
|
index
|
|
@@ -7352,20 +7383,20 @@ var SelectionTab = ({
|
|
|
7352
7383
|
var SelectionTab_default = SelectionTab;
|
|
7353
7384
|
|
|
7354
7385
|
// src/components/tabs/SelectionTabFill.tsx
|
|
7355
|
-
import { jsx as
|
|
7386
|
+
import { jsx as jsx58 } from "react/jsx-runtime";
|
|
7356
7387
|
var SelectionTabFill = ({
|
|
7357
7388
|
optionList,
|
|
7358
7389
|
selectedId,
|
|
7359
7390
|
handleSelectOnClick
|
|
7360
7391
|
}) => {
|
|
7361
|
-
return /* @__PURE__ */
|
|
7392
|
+
return /* @__PURE__ */ jsx58("div", { className: "w-full flex flex-row bg-catchup-gray-50 gap-x-2 rounded-catchup-medium px-4 py-2 justify-center text-center", children: optionList.map((option, index) => /* @__PURE__ */ jsx58(
|
|
7362
7393
|
"div",
|
|
7363
7394
|
{
|
|
7364
7395
|
className: "cursor-pointer",
|
|
7365
7396
|
onClick: () => {
|
|
7366
7397
|
handleSelectOnClick(option.id);
|
|
7367
7398
|
},
|
|
7368
|
-
children: /* @__PURE__ */
|
|
7399
|
+
children: /* @__PURE__ */ jsx58(
|
|
7369
7400
|
"p",
|
|
7370
7401
|
{
|
|
7371
7402
|
className: `${selectedId === option.id ? "text-catchup-white bg-catchup-blue-500" : "text-catchup-gray-300"} transition-all duration-300 rounded-catchup-medium px-2 py-1`,
|
|
@@ -7379,34 +7410,34 @@ var SelectionTabFill = ({
|
|
|
7379
7410
|
var SelectionTabFill_default = SelectionTabFill;
|
|
7380
7411
|
|
|
7381
7412
|
// src/components/labels/ActivityTemplateLabel.tsx
|
|
7382
|
-
import { jsx as
|
|
7413
|
+
import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
7383
7414
|
var ActivityTemplateLabel = ({
|
|
7384
7415
|
title,
|
|
7385
7416
|
icon,
|
|
7386
7417
|
font
|
|
7387
7418
|
}) => {
|
|
7388
|
-
return /* @__PURE__ */
|
|
7389
|
-
icon ? icon : /* @__PURE__ */
|
|
7390
|
-
/* @__PURE__ */
|
|
7419
|
+
return /* @__PURE__ */ jsx59("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
7420
|
+
icon ? icon : /* @__PURE__ */ jsx59(BaseImage_default, { src: "/icons/activity.webp", alt: "label", size: "xsmall" }),
|
|
7421
|
+
/* @__PURE__ */ jsx59("p", { className: font ? font : "text-sm", children: title })
|
|
7391
7422
|
] }) });
|
|
7392
7423
|
};
|
|
7393
7424
|
var ActivityTemplateLabel_default = ActivityTemplateLabel;
|
|
7394
7425
|
|
|
7395
7426
|
// src/components/labels/BrandLabel.tsx
|
|
7396
|
-
import { jsx as
|
|
7427
|
+
import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
7397
7428
|
var BrandLabel = ({ title, icon, font }) => {
|
|
7398
|
-
return /* @__PURE__ */
|
|
7399
|
-
icon ? icon : /* @__PURE__ */
|
|
7400
|
-
/* @__PURE__ */
|
|
7429
|
+
return /* @__PURE__ */ jsx60("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs44("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
7430
|
+
icon ? icon : /* @__PURE__ */ jsx60(BaseImage_default, { src: "/icons/brand-label.webp", alt: "label", size: "xsmall" }),
|
|
7431
|
+
/* @__PURE__ */ jsx60("p", { className: font ? font : "text-sm", children: title })
|
|
7401
7432
|
] }) });
|
|
7402
7433
|
};
|
|
7403
7434
|
var BrandLabel_default = BrandLabel;
|
|
7404
7435
|
|
|
7405
7436
|
// src/components/labels/CategoryLabel.tsx
|
|
7406
|
-
import { jsx as
|
|
7437
|
+
import { jsx as jsx61, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
7407
7438
|
var CategoryLabel = ({ title, icon, font }) => {
|
|
7408
|
-
return /* @__PURE__ */
|
|
7409
|
-
icon ? icon : /* @__PURE__ */
|
|
7439
|
+
return /* @__PURE__ */ jsx61("div", { className: "px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
7440
|
+
icon ? icon : /* @__PURE__ */ jsx61(
|
|
7410
7441
|
BaseImage_default,
|
|
7411
7442
|
{
|
|
7412
7443
|
src: "/icons/category-label.webp",
|
|
@@ -7414,40 +7445,40 @@ var CategoryLabel = ({ title, icon, font }) => {
|
|
|
7414
7445
|
size: "xsmall"
|
|
7415
7446
|
}
|
|
7416
7447
|
),
|
|
7417
|
-
/* @__PURE__ */
|
|
7448
|
+
/* @__PURE__ */ jsx61("p", { className: font ? font : "text-sm", children: title })
|
|
7418
7449
|
] }) });
|
|
7419
7450
|
};
|
|
7420
7451
|
var CategoryLabel_default = CategoryLabel;
|
|
7421
7452
|
|
|
7422
7453
|
// src/components/labels/CoterieLabel.tsx
|
|
7423
|
-
import { jsx as
|
|
7454
|
+
import { jsx as jsx62 } from "react/jsx-runtime";
|
|
7424
7455
|
var CoterieLabel = ({ title, font }) => {
|
|
7425
|
-
return /* @__PURE__ */
|
|
7456
|
+
return /* @__PURE__ */ jsx62("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsx62("p", { className: font ? font : "text-sm", children: title }) });
|
|
7426
7457
|
};
|
|
7427
7458
|
var CoterieLabel_default = CoterieLabel;
|
|
7428
7459
|
|
|
7429
7460
|
// src/components/labels/GradeLabel.tsx
|
|
7430
|
-
import { jsx as
|
|
7461
|
+
import { jsx as jsx63 } from "react/jsx-runtime";
|
|
7431
7462
|
var GradeLabel = ({ title, font }) => {
|
|
7432
|
-
return /* @__PURE__ */
|
|
7463
|
+
return /* @__PURE__ */ jsx63("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsx63("p", { className: font ? font : "text-sm", children: title }) });
|
|
7433
7464
|
};
|
|
7434
7465
|
var GradeLabel_default = GradeLabel;
|
|
7435
7466
|
|
|
7436
7467
|
// src/components/labels/OutcomeLabel.tsx
|
|
7437
|
-
import { jsx as
|
|
7468
|
+
import { jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
7438
7469
|
var OutcomeLabel = ({ title, font }) => {
|
|
7439
|
-
return /* @__PURE__ */
|
|
7440
|
-
/* @__PURE__ */
|
|
7441
|
-
/* @__PURE__ */
|
|
7470
|
+
return /* @__PURE__ */ jsx64("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
7471
|
+
/* @__PURE__ */ jsx64(BaseImage_default, { src: "/icons/category.webp", alt: "label", size: "xsmall" }),
|
|
7472
|
+
/* @__PURE__ */ jsx64("p", { className: font ? font : "text-sm", children: title })
|
|
7442
7473
|
] }) });
|
|
7443
7474
|
};
|
|
7444
7475
|
var OutcomeLabel_default = OutcomeLabel;
|
|
7445
7476
|
|
|
7446
7477
|
// src/components/labels/PersonalLabel.tsx
|
|
7447
|
-
import { jsx as
|
|
7478
|
+
import { jsx as jsx65, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
7448
7479
|
var PersonalLabel = ({ title, icon, font }) => {
|
|
7449
|
-
return /* @__PURE__ */
|
|
7450
|
-
icon ? icon : /* @__PURE__ */
|
|
7480
|
+
return /* @__PURE__ */ jsx65("div", { className: "px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs47("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
7481
|
+
icon ? icon : /* @__PURE__ */ jsx65(
|
|
7451
7482
|
BaseImage_default,
|
|
7452
7483
|
{
|
|
7453
7484
|
src: "/icons/personal-label.webp",
|
|
@@ -7455,16 +7486,16 @@ var PersonalLabel = ({ title, icon, font }) => {
|
|
|
7455
7486
|
size: "xsmall"
|
|
7456
7487
|
}
|
|
7457
7488
|
),
|
|
7458
|
-
/* @__PURE__ */
|
|
7489
|
+
/* @__PURE__ */ jsx65("p", { className: font ? font : "text-sm", children: title })
|
|
7459
7490
|
] }) });
|
|
7460
7491
|
};
|
|
7461
7492
|
var PersonalLabel_default = PersonalLabel;
|
|
7462
7493
|
|
|
7463
7494
|
// src/components/labels/PublishingHouseLabel.tsx
|
|
7464
|
-
import { jsx as
|
|
7495
|
+
import { jsx as jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
7465
7496
|
var PublishingHouseLabel = ({ title, icon, font }) => {
|
|
7466
|
-
return /* @__PURE__ */
|
|
7467
|
-
icon ? icon : /* @__PURE__ */
|
|
7497
|
+
return /* @__PURE__ */ jsx66("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-row items-center gap-x-2", children: [
|
|
7498
|
+
icon ? icon : /* @__PURE__ */ jsx66(
|
|
7468
7499
|
BaseImage_default,
|
|
7469
7500
|
{
|
|
7470
7501
|
src: "/icons/publishing-house-label.webp",
|
|
@@ -7472,53 +7503,29 @@ var PublishingHouseLabel = ({ title, icon, font }) => {
|
|
|
7472
7503
|
size: "xsmall"
|
|
7473
7504
|
}
|
|
7474
7505
|
),
|
|
7475
|
-
/* @__PURE__ */
|
|
7506
|
+
/* @__PURE__ */ jsx66("p", { className: font ? font : "text-sm", children: title })
|
|
7476
7507
|
] }) });
|
|
7477
7508
|
};
|
|
7478
7509
|
var PublishingHouseLabel_default = PublishingHouseLabel;
|
|
7479
7510
|
|
|
7480
7511
|
// src/components/labels/ActivityLabel.tsx
|
|
7481
|
-
import { jsx as
|
|
7512
|
+
import { jsx as jsx67 } from "react/jsx-runtime";
|
|
7482
7513
|
var ActivityLabel = ({ title, font }) => {
|
|
7483
|
-
return /* @__PURE__ */
|
|
7514
|
+
return /* @__PURE__ */ jsx67("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsx67("p", { className: font ? font : "text-sm", children: title }) });
|
|
7484
7515
|
};
|
|
7485
7516
|
var ActivityLabel_default = ActivityLabel;
|
|
7486
7517
|
|
|
7487
7518
|
// src/components/infos/InfoWithText.tsx
|
|
7488
|
-
import { jsx as
|
|
7519
|
+
import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
7489
7520
|
var InfoWithText = (props) => {
|
|
7490
7521
|
const { value } = props;
|
|
7491
7522
|
return /* @__PURE__ */ jsxs49("div", { className: "w-full flex flex-row items-center gap-x-2 my-2", children: [
|
|
7492
|
-
/* @__PURE__ */
|
|
7493
|
-
/* @__PURE__ */
|
|
7523
|
+
/* @__PURE__ */ jsx68(BaseImage_default, { src: "/icons/info.webp", alt: "info", size: "small" }),
|
|
7524
|
+
/* @__PURE__ */ jsx68("div", { className: "flex-1", children: /* @__PURE__ */ jsx68("p", { className: "", children: value }) })
|
|
7494
7525
|
] });
|
|
7495
7526
|
};
|
|
7496
7527
|
var InfoWithText_default = InfoWithText;
|
|
7497
7528
|
|
|
7498
|
-
// src/components/texts/InputWithSpecialExpression.tsx
|
|
7499
|
-
import { InlineMath as InlineMath12 } from "react-katex";
|
|
7500
|
-
import { jsx as jsx68 } from "react/jsx-runtime";
|
|
7501
|
-
var InputWithSpecialExpression = ({
|
|
7502
|
-
value,
|
|
7503
|
-
showSpecialOnly
|
|
7504
|
-
}) => {
|
|
7505
|
-
const inputWithSpecialExpressionList = constructInputWithSpecialExpressionList(value);
|
|
7506
|
-
return showSpecialOnly ? inputWithSpecialExpressionList.length > 1 ? /* @__PURE__ */ jsx68("div", { className: "m-2", children: /* @__PURE__ */ jsx68("span", { className: "whitespace-pre-wrap", children: inputWithSpecialExpressionList.map((inputPart, index) => /* @__PURE__ */ jsx68(
|
|
7507
|
-
"span",
|
|
7508
|
-
{
|
|
7509
|
-
className: `${inputPart.isBold ? "font-semibold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
7510
|
-
children: inputPart.isEquation ? /* @__PURE__ */ jsx68("span", { className: "text-lg", children: /* @__PURE__ */ jsx68(InlineMath12, { math: inputPart.value }, index) }) : inputPart.value
|
|
7511
|
-
}
|
|
7512
|
-
)) }) }) : null : /* @__PURE__ */ jsx68("div", { className: "m-2", children: /* @__PURE__ */ jsx68("span", { className: "whitespace-pre-wrap", children: inputWithSpecialExpressionList.map((inputPart, index) => /* @__PURE__ */ jsx68(
|
|
7513
|
-
"span",
|
|
7514
|
-
{
|
|
7515
|
-
className: `${inputPart.isBold ? "font-semibold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
|
|
7516
|
-
children: inputPart.isEquation ? /* @__PURE__ */ jsx68("span", { className: "text-lg", children: /* @__PURE__ */ jsx68(InlineMath12, { math: inputPart.value }, index) }) : inputPart.value
|
|
7517
|
-
}
|
|
7518
|
-
)) }) });
|
|
7519
|
-
};
|
|
7520
|
-
var InputWithSpecialExpression_default = InputWithSpecialExpression;
|
|
7521
|
-
|
|
7522
7529
|
// src/components/titles/BaseTitle.tsx
|
|
7523
7530
|
import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
7524
7531
|
var BaseTitle = ({
|