catchup-library-web 2.6.19 → 2.6.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +23 -1
  4. package/dist/index.mjs +23 -1
  5. package/package.json +1 -1
  6. package/src/components/activities/material-contents/OpenEndedActivityMaterialContent.tsx +25 -0
  7. package/src/utilization/StorageUtilization.ts +7 -0
package/dist/index.d.mts CHANGED
@@ -926,7 +926,7 @@ declare const constructCombinedOutcomeActivityScoreMapFromCombinedReport: (combi
926
926
 
927
927
  declare const convertDataURLtoFile: (dataurl: string, filename: string) => File;
928
928
  declare const retrieveFileTypeFromAcceptedFormat: (format: string) => "IMAGE" | "AUDIO" | "PDF" | undefined;
929
- declare const retrieveFileTypeFromExtension: (format: string) => "" | "IMAGE" | "AUDIO" | "PDF";
929
+ declare const retrieveFileTypeFromExtension: (format: string) => "" | "IMAGE" | "VIDEO" | "AUDIO" | "PDF";
930
930
  declare const retrieveFileTypeOptionList: (optionType: string) => {
931
931
  text: string;
932
932
  value: string;
package/dist/index.d.ts CHANGED
@@ -926,7 +926,7 @@ declare const constructCombinedOutcomeActivityScoreMapFromCombinedReport: (combi
926
926
 
927
927
  declare const convertDataURLtoFile: (dataurl: string, filename: string) => File;
928
928
  declare const retrieveFileTypeFromAcceptedFormat: (format: string) => "IMAGE" | "AUDIO" | "PDF" | undefined;
929
- declare const retrieveFileTypeFromExtension: (format: string) => "" | "IMAGE" | "AUDIO" | "PDF";
929
+ declare const retrieveFileTypeFromExtension: (format: string) => "" | "IMAGE" | "VIDEO" | "AUDIO" | "PDF";
930
930
  declare const retrieveFileTypeOptionList: (optionType: string) => {
931
931
  text: string;
932
932
  value: string;
package/dist/index.js CHANGED
@@ -6642,6 +6642,8 @@ var retrieveFileTypeFromExtension = (format) => {
6642
6642
  return "IMAGE";
6643
6643
  } else if (format === "mp3") {
6644
6644
  return "AUDIO";
6645
+ } else if (format === "mp4" || format === "webm" || format === "mov" || format === "avi") {
6646
+ return "VIDEO";
6645
6647
  }
6646
6648
  return "";
6647
6649
  };
@@ -6745,6 +6747,15 @@ var OpenEndedActivityMaterialContent = ({
6745
6747
  }
6746
6748
  }
6747
6749
  ) });
6750
+ } else if (fileType === "VIDEO") {
6751
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6752
+ "video",
6753
+ {
6754
+ className: "w-[80%] rounded-catchup-xlarge max-h-[50vh]",
6755
+ src: answerMapAnswer,
6756
+ controls: true
6757
+ }
6758
+ ) });
6748
6759
  } else if (fileType === "TEXT") {
6749
6760
  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6750
6761
  InputGroup_default,
@@ -6788,10 +6799,21 @@ var OpenEndedActivityMaterialContent = ({
6788
6799
  }
6789
6800
  ) });
6790
6801
  };
6802
+ const RenderVideoContent = (answerMap2) => {
6803
+ const answerMapAnswer = answerMap2["ANSWER"];
6804
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6805
+ "video",
6806
+ {
6807
+ className: "w-[80%] rounded-catchup-xlarge max-h-[50vh]",
6808
+ src: answerMapAnswer,
6809
+ controls: true
6810
+ }
6811
+ ) });
6812
+ };
6791
6813
  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col h-full", children: [
6792
6814
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "hidden md:block flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
6793
6815
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "hidden md:block flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DividerLine_default, {}) }),
6794
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto", children: contentMap.type === "TEXT" ? RenderTextContent(answerMap) : contentMap.type === "IMAGE" ? RenderImageContent(answerMap) : contentMap.type === "AUDIO" ? RenderAudioContent(answerMap) : null })
6816
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto", children: contentMap.type === "TEXT" ? RenderTextContent(answerMap) : contentMap.type === "IMAGE" ? RenderImageContent(answerMap) : contentMap.type === "AUDIO" ? RenderAudioContent(answerMap) : contentMap.type === "VIDEO" ? RenderVideoContent(answerMap) : null })
6795
6817
  ] });
6796
6818
  };
6797
6819
  var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
package/dist/index.mjs CHANGED
@@ -6404,6 +6404,8 @@ var retrieveFileTypeFromExtension = (format) => {
6404
6404
  return "IMAGE";
6405
6405
  } else if (format === "mp3") {
6406
6406
  return "AUDIO";
6407
+ } else if (format === "mp4" || format === "webm" || format === "mov" || format === "avi") {
6408
+ return "VIDEO";
6407
6409
  }
6408
6410
  return "";
6409
6411
  };
@@ -6507,6 +6509,15 @@ var OpenEndedActivityMaterialContent = ({
6507
6509
  }
6508
6510
  }
6509
6511
  ) });
6512
+ } else if (fileType === "VIDEO") {
6513
+ return /* @__PURE__ */ jsx40("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx40(
6514
+ "video",
6515
+ {
6516
+ className: "w-[80%] rounded-catchup-xlarge max-h-[50vh]",
6517
+ src: answerMapAnswer,
6518
+ controls: true
6519
+ }
6520
+ ) });
6510
6521
  } else if (fileType === "TEXT") {
6511
6522
  return /* @__PURE__ */ jsx40(
6512
6523
  InputGroup_default,
@@ -6550,10 +6561,21 @@ var OpenEndedActivityMaterialContent = ({
6550
6561
  }
6551
6562
  ) });
6552
6563
  };
6564
+ const RenderVideoContent = (answerMap2) => {
6565
+ const answerMapAnswer = answerMap2["ANSWER"];
6566
+ return /* @__PURE__ */ jsx40("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx40(
6567
+ "video",
6568
+ {
6569
+ className: "w-[80%] rounded-catchup-xlarge max-h-[50vh]",
6570
+ src: answerMapAnswer,
6571
+ controls: true
6572
+ }
6573
+ ) });
6574
+ };
6553
6575
  return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col h-full", children: [
6554
6576
  /* @__PURE__ */ jsx40("div", { className: "hidden md:block flex-shrink-0", children: /* @__PURE__ */ jsx40("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
6555
6577
  /* @__PURE__ */ jsx40("div", { className: "hidden md:block flex-shrink-0", children: /* @__PURE__ */ jsx40(DividerLine_default, {}) }),
6556
- /* @__PURE__ */ jsx40("div", { className: "flex-1 min-h-0 overflow-y-auto", children: contentMap.type === "TEXT" ? RenderTextContent(answerMap) : contentMap.type === "IMAGE" ? RenderImageContent(answerMap) : contentMap.type === "AUDIO" ? RenderAudioContent(answerMap) : null })
6578
+ /* @__PURE__ */ jsx40("div", { className: "flex-1 min-h-0 overflow-y-auto", children: contentMap.type === "TEXT" ? RenderTextContent(answerMap) : contentMap.type === "IMAGE" ? RenderImageContent(answerMap) : contentMap.type === "AUDIO" ? RenderAudioContent(answerMap) : contentMap.type === "VIDEO" ? RenderVideoContent(answerMap) : null })
6557
6579
  ] });
6558
6580
  };
6559
6581
  var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "2.6.19",
3
+ "version": "2.6.20",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/activities/material-contents/OpenEndedActivityMaterialContent.tsx CHANGED
@@ -46,6 +46,16 @@ const OpenEndedActivityMaterialContent = ({
46
46
  />
47
47
  </div>
48
48
  );
49
+ } else if (fileType === "VIDEO") {
50
+ return (
51
+ <div className="flex flex-col justify-center items-center my-5">
52
+ <video
53
+ className="w-[80%] rounded-catchup-xlarge max-h-[50vh]"
54
+ src={answerMapAnswer}
55
+ controls
56
+ />
57
+ </div>
58
+ );
49
59
  } else if (fileType === "TEXT") {
50
60
  return (
51
61
  <InputGroup
@@ -100,6 +110,19 @@ const OpenEndedActivityMaterialContent = ({
100
110
  );
101
111
  };
102
112
 
113
+ const RenderVideoContent = (answerMap: any) => {
114
+ const answerMapAnswer = answerMap["ANSWER"];
115
+ return (
116
+ <div className="flex flex-col justify-center items-center my-5">
117
+ <video
118
+ className="w-[80%] rounded-catchup-xlarge max-h-[50vh]"
119
+ src={answerMapAnswer}
120
+ controls
121
+ />
122
+ </div>
123
+ );
124
+ };
125
+
103
126
  return (
104
127
  <div className="flex flex-col h-full">
105
128
  <div className="hidden md:block flex-shrink-0">
@@ -117,6 +140,8 @@ const OpenEndedActivityMaterialContent = ({
117
140
  ? RenderImageContent(answerMap)
118
141
  : contentMap.type === "AUDIO"
119
142
  ? RenderAudioContent(answerMap)
143
+ : contentMap.type === "VIDEO"
144
+ ? RenderVideoContent(answerMap)
120
145
  : null}
121
146
  </div>
122
147
  </div>
package/src/utilization/StorageUtilization.ts CHANGED
@@ -39,6 +39,13 @@ export const retrieveFileTypeFromExtension = (format: string) => {
39
39
  return "IMAGE";
40
40
  } else if (format === "mp3") {
41
41
  return "AUDIO";
42
+ } else if (
43
+ format === "mp4" ||
44
+ format === "webm" ||
45
+ format === "mov" ||
46
+ format === "avi"
47
+ ) {
48
+ return "VIDEO";
42
49
  }
43
50
  return "";
44
51
  };