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