catchup-library-web 1.14.7 → 1.14.8

package/dist/index.js

@@ -3271,14 +3271,14 @@ var ShowBodyMediaByContentType = ({
         return "";
     }
   };
-  const renderSpecialExpressions = (inputPart) => {
+  const renderSpecialExpressions = (inputPart, inputPartIndex) => {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "span",
       {
         className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
         children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value
       },
-      index
+      inputPartIndex
     );
   };
   const balanceSpecialChars = (text) => {
@@ -3297,7 +3297,7 @@ var ShowBodyMediaByContentType = ({
   const renderTextContent = (text, itemKey) => {
     const balancedText = balanceSpecialChars(text);
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xl", children: constructInputWithSpecialExpressionList(balancedText).map(
-      (inputPart) => renderSpecialExpressions(inputPart)
+      (inputPart, inputPartIndex) => renderSpecialExpressions(inputPart, inputPartIndex)
     ) }, itemKey);
   };
   const handleOpenFullScreen = (imageSource) => {
@@ -3330,7 +3330,7 @@ var ShowBodyMediaByContentType = ({
         const itemKey = `text-inside-${index}-${currentIndex}`;
         valuePartList.push(
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xl font-bold", children: constructInputWithSpecialExpressionList(textInsideTag).map(
-            (inputPart) => renderSpecialExpressions(inputPart)
+            (inputPart, inputPartIndex) => renderSpecialExpressions(inputPart, inputPartIndex)
           ) }, itemKey)
         );
         copyValue = copyValue.substring(

package/dist/index.mjs

@@ -3062,14 +3062,14 @@ var ShowBodyMediaByContentType = ({
         return "";
     }
   };
-  const renderSpecialExpressions = (inputPart) => {
+  const renderSpecialExpressions = (inputPart, inputPartIndex) => {
     return /* @__PURE__ */ jsx16(
       "span",
       {
         className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
         children: inputPart.isEquation ? /* @__PURE__ */ jsx16("span", { className: "text-2xl", children: /* @__PURE__ */ jsx16(InlineMath, { math: inputPart.value }) }) : inputPart.value
       },
-      index
+      inputPartIndex
     );
   };
   const balanceSpecialChars = (text) => {
@@ -3088,7 +3088,7 @@ var ShowBodyMediaByContentType = ({
   const renderTextContent = (text, itemKey) => {
     const balancedText = balanceSpecialChars(text);
     return /* @__PURE__ */ jsx16("span", { className: "text-xl", children: constructInputWithSpecialExpressionList(balancedText).map(
-      (inputPart) => renderSpecialExpressions(inputPart)
+      (inputPart, inputPartIndex) => renderSpecialExpressions(inputPart, inputPartIndex)
     ) }, itemKey);
   };
   const handleOpenFullScreen = (imageSource) => {
@@ -3121,7 +3121,7 @@ var ShowBodyMediaByContentType = ({
         const itemKey = `text-inside-${index}-${currentIndex}`;
         valuePartList.push(
           /* @__PURE__ */ jsx16("span", { className: "text-xl font-bold", children: constructInputWithSpecialExpressionList(textInsideTag).map(
-            (inputPart) => renderSpecialExpressions(inputPart)
+            (inputPart, inputPartIndex) => renderSpecialExpressions(inputPart, inputPartIndex)
           ) }, itemKey)
         );
         copyValue = copyValue.substring(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "catchup-library-web",
-  "version": "1.14.7",
+  "version": "1.14.8",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/components/activities/body-content/ShowBodyMediaByContentType.tsx

@@ -33,10 +33,13 @@ const ShowBodyMediaByContentType = ({
   };
 
   // Helper function to render special expressions with proper keys
-  const renderSpecialExpressions = (inputPart: IInputPart) => {
+  const renderSpecialExpressions = (
+    inputPart: IInputPart,
+    inputPartIndex: number
+  ) => {
     return (
       <span
-        key={index}
+        key={inputPartIndex}
         className={`${inputPart.isBold ? "font-bold" : ""} ${
           inputPart.isUnderline ? "underline" : ""
         }`}
@@ -81,7 +84,8 @@ const ShowBodyMediaByContentType = ({
     return (
       <span key={itemKey} className="text-xl">
         {constructInputWithSpecialExpressionList(balancedText).map(
-          (inputPart: IInputPart) => renderSpecialExpressions(inputPart)
+          (inputPart: IInputPart, inputPartIndex: number) =>
+            renderSpecialExpressions(inputPart, inputPartIndex)
         )}
       </span>
     );
@@ -128,7 +132,8 @@ const ShowBodyMediaByContentType = ({
         valuePartList.push(
           <span key={itemKey} className="text-xl font-bold">
             {constructInputWithSpecialExpressionList(textInsideTag).map(
-              (inputPart: IInputPart) => renderSpecialExpressions(inputPart)
+              (inputPart: IInputPart, inputPartIndex: number) =>
+                renderSpecialExpressions(inputPart, inputPartIndex)
             )}
           </span>
         );