catchup-library-web 1.14.7 → 1.14.9

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.9",
   "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>
         );

package/src/components/dnds/DraggableDroppableItem.tsx

@@ -3,7 +3,6 @@ import { useDrag, useDrop } from "react-dnd";
 import { IDraggableDroppableItemProps } from "../../properties/DnDProperties";
 
 const DraggableDroppableItem = ({
-  key,
   item,
   type,
   component,
@@ -46,7 +45,6 @@ const DraggableDroppableItem = ({
 
   return (
     <div
-      key={key}
       className={`${
         isDragging ? "w-[0px] opacity-0" : "w-full opacity-100"
       } transition-all duration-500`}

package/src/components/dnds/DraggableItem.tsx

@@ -2,7 +2,6 @@ import { useDrag } from "react-dnd";
 import { IDraggableItemProps } from "../../properties/DnDProperties";
 
 const DraggableItem = ({
-  key,
   item,
   type,
   component,
@@ -26,7 +25,6 @@ const DraggableItem = ({
 
   return (
     <div
-      key={key}
       className={`${
         isDragging ? "w-[0px] opacity-0" : "opacity-100"
       } transition-all duration-500`}

package/src/components/dnds/DroppableItem.tsx

@@ -3,7 +3,6 @@ import { useDrop } from "react-dnd";
 import { IDroppableItemProps } from "../../properties/DnDProperties";
 
 const DroppableItem = ({
-  key,
   item,
   type,
   component,
@@ -25,11 +24,7 @@ const DroppableItem = ({
   dropRef(drop(ref));
 
   return (
-    <div
-      key={key}
-      className={`w-full transition-all duration-500 h-full`}
-      ref={ref}
-    >
+    <div className={`w-full transition-all duration-500 h-full`} ref={ref}>
       {component}
     </div>
   );

package/src/properties/DnDProperties.ts

@@ -1,5 +1,4 @@
 export interface IDroppableItemProps {
-  key: number;
   item: any;
   type: string;
   component: any;
@@ -9,7 +8,6 @@ export interface IDroppableItemProps {
 }
 
 export interface IDraggableItemProps {
-  key: number;
   item: any;
   type: string;
   component: any;