catchup-library-web 2.6.19 → 2.6.21

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 +3 -3
  2. package/dist/index.d.ts +3 -3
  3. package/dist/index.js +28 -4
  4. package/dist/index.mjs +28 -4
  5. package/package.json +1 -1
  6. package/src/components/activities/material-contents/OpenEndedActivityMaterialContent.tsx +27 -2
  7. package/src/utilization/StorageUtilization.ts +15 -1
package/dist/index.d.mts CHANGED
@@ -925,13 +925,13 @@ declare const constructOutcomeActivityScoreList: (data: any) => any[];
925
925
  declare const constructCombinedOutcomeActivityScoreMapFromCombinedReport: (combinedCorporateAssessmentAssignmentReportMap: any) => any;
926
926
 
927
927
  declare const convertDataURLtoFile: (dataurl: string, filename: string) => File;
928
- declare const retrieveFileTypeFromAcceptedFormat: (format: string) => "IMAGE" | "AUDIO" | "PDF" | undefined;
929
- declare const retrieveFileTypeFromExtension: (format: string) => "" | "IMAGE" | "AUDIO" | "PDF";
928
+ declare const retrieveFileTypeFromAcceptedFormat: (format: string) => "IMAGE" | "VIDEO" | "AUDIO" | "PDF" | undefined;
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;
933
933
  }[];
934
- declare const retrieveAcceptedFormats: (fileType: string) => "application/pdf" | "audio/mp3" | "image/jpeg, image/png, image/jpg, image/webp" | "video/mp4" | undefined;
934
+ declare const retrieveAcceptedFormats: (fileType: string) => "application/pdf" | "audio/mp3" | "image/jpeg, image/png, image/jpg, image/webp" | "video/mp4, video/webm, video/quicktime, video/x-msvideo" | undefined;
935
935
 
936
936
  declare const retrieveTokenUsageTypeOptionList: () => {
937
937
  text: string;
package/dist/index.d.ts CHANGED
@@ -925,13 +925,13 @@ declare const constructOutcomeActivityScoreList: (data: any) => any[];
925
925
  declare const constructCombinedOutcomeActivityScoreMapFromCombinedReport: (combinedCorporateAssessmentAssignmentReportMap: any) => any;
926
926
 
927
927
  declare const convertDataURLtoFile: (dataurl: string, filename: string) => File;
928
- declare const retrieveFileTypeFromAcceptedFormat: (format: string) => "IMAGE" | "AUDIO" | "PDF" | undefined;
929
- declare const retrieveFileTypeFromExtension: (format: string) => "" | "IMAGE" | "AUDIO" | "PDF";
928
+ declare const retrieveFileTypeFromAcceptedFormat: (format: string) => "IMAGE" | "VIDEO" | "AUDIO" | "PDF" | undefined;
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;
933
933
  }[];
934
- declare const retrieveAcceptedFormats: (fileType: string) => "application/pdf" | "audio/mp3" | "image/jpeg, image/png, image/jpg, image/webp" | "video/mp4" | undefined;
934
+ declare const retrieveAcceptedFormats: (fileType: string) => "application/pdf" | "audio/mp3" | "image/jpeg, image/png, image/jpg, image/webp" | "video/mp4, video/webm, video/quicktime, video/x-msvideo" | undefined;
935
935
 
936
936
  declare const retrieveTokenUsageTypeOptionList: () => {
937
937
  text: string;
package/dist/index.js CHANGED
@@ -6633,6 +6633,8 @@ var retrieveFileTypeFromAcceptedFormat = (format) => {
6633
6633
  return "IMAGE";
6634
6634
  } else if (format === "audio/mp3") {
6635
6635
  return "AUDIO";
6636
+ } else if (format === "video/mp4" || format === "video/webm" || format === "video/quicktime" || format === "video/x-msvideo") {
6637
+ return "VIDEO";
6636
6638
  }
6637
6639
  };
6638
6640
  var retrieveFileTypeFromExtension = (format) => {
@@ -6642,6 +6644,8 @@ var retrieveFileTypeFromExtension = (format) => {
6642
6644
  return "IMAGE";
6643
6645
  } else if (format === "mp3") {
6644
6646
  return "AUDIO";
6647
+ } else if (format === "mp4" || format === "webm" || format === "mov" || format === "avi") {
6648
+ return "VIDEO";
6645
6649
  }
6646
6650
  return "";
6647
6651
  };
@@ -6699,7 +6703,7 @@ var retrieveAcceptedFormats = (fileType) => {
6699
6703
  if (fileType === "IMAGE") {
6700
6704
  return "image/jpeg, image/png, image/jpg, image/webp";
6701
6705
  } else if (fileType === "VIDEO") {
6702
- return "video/mp4";
6706
+ return "video/mp4, video/webm, video/quicktime, video/x-msvideo";
6703
6707
  } else if (fileType === "AUDIO") {
6704
6708
  return "audio/mp3";
6705
6709
  } else if (fileType === "PDF") {
@@ -6729,7 +6733,7 @@ var OpenEndedActivityMaterialContent = ({
6729
6733
  src: answerMapAnswer,
6730
6734
  alt: "document",
6731
6735
  size: "custom",
6732
- className: "w-[80%] rounded-catchup-xlarge max-h-[50vh] object-contain"
6736
+ className: "w-full rounded-catchup-xlarge max-h-[50vh] object-contain"
6733
6737
  }
6734
6738
  ) });
6735
6739
  } else if (fileType === "PDF") {
@@ -6745,6 +6749,15 @@ var OpenEndedActivityMaterialContent = ({
6745
6749
  }
6746
6750
  }
6747
6751
  ) });
6752
+ } else if (fileType === "VIDEO") {
6753
+ 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)(
6754
+ "video",
6755
+ {
6756
+ className: "w-full rounded-catchup-xlarge max-h-[50vh]",
6757
+ src: answerMapAnswer,
6758
+ controls: true
6759
+ }
6760
+ ) });
6748
6761
  } else if (fileType === "TEXT") {
6749
6762
  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
6750
6763
  InputGroup_default,
@@ -6771,7 +6784,7 @@ var OpenEndedActivityMaterialContent = ({
6771
6784
  src: answerMapAnswer,
6772
6785
  alt: "document",
6773
6786
  size: "custom",
6774
- className: "w-[80%] rounded-catchup-xlarge max-h-[50vh] object-contain"
6787
+ className: "w-full rounded-catchup-xlarge max-h-[50vh] object-contain"
6775
6788
  }
6776
6789
  ) }) : fileType === "PDF" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(BasePDF_default, { file: answerMapAnswer }) }) : null });
6777
6790
  };
@@ -6788,10 +6801,21 @@ var OpenEndedActivityMaterialContent = ({
6788
6801
  }
6789
6802
  ) });
6790
6803
  };
6804
+ const RenderVideoContent = (answerMap2) => {
6805
+ const answerMapAnswer = answerMap2["ANSWER"];
6806
+ 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)(
6807
+ "video",
6808
+ {
6809
+ className: "w-full rounded-catchup-xlarge max-h-[50vh]",
6810
+ src: answerMapAnswer,
6811
+ controls: true
6812
+ }
6813
+ ) });
6814
+ };
6791
6815
  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col h-full", children: [
6792
6816
  /* @__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
6817
  /* @__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 })
6818
+ /* @__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
6819
  ] });
6796
6820
  };
6797
6821
  var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
package/dist/index.mjs CHANGED
@@ -6395,6 +6395,8 @@ var retrieveFileTypeFromAcceptedFormat = (format) => {
6395
6395
  return "IMAGE";
6396
6396
  } else if (format === "audio/mp3") {
6397
6397
  return "AUDIO";
6398
+ } else if (format === "video/mp4" || format === "video/webm" || format === "video/quicktime" || format === "video/x-msvideo") {
6399
+ return "VIDEO";
6398
6400
  }
6399
6401
  };
6400
6402
  var retrieveFileTypeFromExtension = (format) => {
@@ -6404,6 +6406,8 @@ var retrieveFileTypeFromExtension = (format) => {
6404
6406
  return "IMAGE";
6405
6407
  } else if (format === "mp3") {
6406
6408
  return "AUDIO";
6409
+ } else if (format === "mp4" || format === "webm" || format === "mov" || format === "avi") {
6410
+ return "VIDEO";
6407
6411
  }
6408
6412
  return "";
6409
6413
  };
@@ -6461,7 +6465,7 @@ var retrieveAcceptedFormats = (fileType) => {
6461
6465
  if (fileType === "IMAGE") {
6462
6466
  return "image/jpeg, image/png, image/jpg, image/webp";
6463
6467
  } else if (fileType === "VIDEO") {
6464
- return "video/mp4";
6468
+ return "video/mp4, video/webm, video/quicktime, video/x-msvideo";
6465
6469
  } else if (fileType === "AUDIO") {
6466
6470
  return "audio/mp3";
6467
6471
  } else if (fileType === "PDF") {
@@ -6491,7 +6495,7 @@ var OpenEndedActivityMaterialContent = ({
6491
6495
  src: answerMapAnswer,
6492
6496
  alt: "document",
6493
6497
  size: "custom",
6494
- className: "w-[80%] rounded-catchup-xlarge max-h-[50vh] object-contain"
6498
+ className: "w-full rounded-catchup-xlarge max-h-[50vh] object-contain"
6495
6499
  }
6496
6500
  ) });
6497
6501
  } else if (fileType === "PDF") {
@@ -6507,6 +6511,15 @@ var OpenEndedActivityMaterialContent = ({
6507
6511
  }
6508
6512
  }
6509
6513
  ) });
6514
+ } else if (fileType === "VIDEO") {
6515
+ return /* @__PURE__ */ jsx40("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx40(
6516
+ "video",
6517
+ {
6518
+ className: "w-full rounded-catchup-xlarge max-h-[50vh]",
6519
+ src: answerMapAnswer,
6520
+ controls: true
6521
+ }
6522
+ ) });
6510
6523
  } else if (fileType === "TEXT") {
6511
6524
  return /* @__PURE__ */ jsx40(
6512
6525
  InputGroup_default,
@@ -6533,7 +6546,7 @@ var OpenEndedActivityMaterialContent = ({
6533
6546
  src: answerMapAnswer,
6534
6547
  alt: "document",
6535
6548
  size: "custom",
6536
- className: "w-[80%] rounded-catchup-xlarge max-h-[50vh] object-contain"
6549
+ className: "w-full rounded-catchup-xlarge max-h-[50vh] object-contain"
6537
6550
  }
6538
6551
  ) }) : fileType === "PDF" ? /* @__PURE__ */ jsx40("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx40(BasePDF_default, { file: answerMapAnswer }) }) : null });
6539
6552
  };
@@ -6550,10 +6563,21 @@ var OpenEndedActivityMaterialContent = ({
6550
6563
  }
6551
6564
  ) });
6552
6565
  };
6566
+ const RenderVideoContent = (answerMap2) => {
6567
+ const answerMapAnswer = answerMap2["ANSWER"];
6568
+ return /* @__PURE__ */ jsx40("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx40(
6569
+ "video",
6570
+ {
6571
+ className: "w-full rounded-catchup-xlarge max-h-[50vh]",
6572
+ src: answerMapAnswer,
6573
+ controls: true
6574
+ }
6575
+ ) });
6576
+ };
6553
6577
  return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col h-full", children: [
6554
6578
  /* @__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
6579
  /* @__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 })
6580
+ /* @__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
6581
  ] });
6558
6582
  };
6559
6583
  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.21",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/activities/material-contents/OpenEndedActivityMaterialContent.tsx CHANGED
@@ -29,7 +29,7 @@ const OpenEndedActivityMaterialContent = ({
29
29
  src={answerMapAnswer}
30
30
  alt="document"
31
31
  size="custom"
32
- className="w-[80%] rounded-catchup-xlarge max-h-[50vh] object-contain"
32
+ className="w-full rounded-catchup-xlarge max-h-[50vh] object-contain"
33
33
  />
34
34
  </div>
35
35
  );
@@ -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-full 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
@@ -74,7 +84,7 @@ const OpenEndedActivityMaterialContent = ({
74
84
  src={answerMapAnswer}
75
85
  alt="document"
76
86
  size="custom"
77
- className="w-[80%] rounded-catchup-xlarge max-h-[50vh] object-contain"
87
+ className="w-full rounded-catchup-xlarge max-h-[50vh] object-contain"
78
88
  />
79
89
  </div>
80
90
  ) : fileType === "PDF" ? (
@@ -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-full 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
@@ -24,6 +24,13 @@ export const retrieveFileTypeFromAcceptedFormat = (format: string) => {
24
24
  return "IMAGE";
25
25
  } else if (format === "audio/mp3") {
26
26
  return "AUDIO";
27
+ } else if (
28
+ format === "video/mp4" ||
29
+ format === "video/webm" ||
30
+ format === "video/quicktime" ||
31
+ format === "video/x-msvideo"
32
+ ) {
33
+ return "VIDEO";
27
34
  }
28
35
  };
29
36
 
@@ -39,6 +46,13 @@ export const retrieveFileTypeFromExtension = (format: string) => {
39
46
  return "IMAGE";
40
47
  } else if (format === "mp3") {
41
48
  return "AUDIO";
49
+ } else if (
50
+ format === "mp4" ||
51
+ format === "webm" ||
52
+ format === "mov" ||
53
+ format === "avi"
54
+ ) {
55
+ return "VIDEO";
42
56
  }
43
57
  return "";
44
58
  };
@@ -98,7 +112,7 @@ export const retrieveAcceptedFormats = (fileType: string) => {
98
112
  if (fileType === "IMAGE") {
99
113
  return "image/jpeg, image/png, image/jpg, image/webp";
100
114
  } else if (fileType === "VIDEO") {
101
- return "video/mp4";
115
+ return "video/mp4, video/webm, video/quicktime, video/x-msvideo";
102
116
  } else if (fileType === "AUDIO") {
103
117
  return "audio/mp3";
104
118
  } else if (fileType === "PDF") {