l-min-components 1.6.1228 → 1.6.1231

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.6.1228",
+  "version": "1.6.1231",
   "type": "module",
   "files": [
     "src/assets",

package/src/hooks/messaging-kit/index.jsx

@@ -734,10 +734,74 @@ const useMessageKit = (/*affiliatesActive*/) => {
     // await readRoomMessages(newChatMessage.id); // Depends on desired logic
   };
 
+  const pinRoom = async (roomId) => {
+    // Optimistic update
+    setState((prevState) => {
+      return {
+        ...prevState,
+        roomsByCourses: prevState.roomsByCourses.map((courseGroup) => {
+          const roomIndex = courseGroup.rooms.findIndex(
+            (room) => room.id === roomId
+          );
+          if (roomIndex !== -1) {
+            const updatedRooms = [...courseGroup.rooms];
+            const oldPinStatus = updatedRooms[roomIndex].pin_status;
+            updatedRooms[roomIndex] = {
+              ...updatedRooms[roomIndex],
+              pin_status: !oldPinStatus,
+            };
+
+            const shouldCourseGroupBePinned = updatedRooms.some(
+              (room) => room.pin_status
+            );
+
+            return {
+              ...courseGroup,
+              pin_status: shouldCourseGroupBePinned,
+              rooms: updatedRooms,
+            };
+          }
+          return courseGroup;
+        }),
+      };
+    });
+
+    let response;
+    if (selectedAccount.type.toLowerCase() === "enterprise") {
+      response = await request({
+        url: `/notify/v1/enterprise/rooms/${roomId}/change_pin_status/`,
+        method: "POST",
+      });
+    }
+    if (
+      selectedAccount.type.toLowerCase() === "instructor" &&
+      affiliateAccount
+      // &&
+      // affiliatesActive
+    ) {
+      response = await request({
+        url: `/notify/v1/instructor/${affiliateAccount}/rooms/${roomId}/change_pin_status/`,
+        method: "POST",
+      });
+    } // incomplete
+
+    if (!response?.data) {
+      // Revert optimistic update on failure (optional, depends on desired UX)
+      // You might want to implement more specific error handling here
+      getMessageRoomsByCourses(null, true);
+      return;
+    }
+    const isPinned = response.data.detail === "True";
+    // The optimistic update should ideally handle the UI change,
+    // so no further state update might be needed here based on the response.
+    // However, you could add a check to ensure the optimistic update matches the server response.
+  };
+
   // Initial data fetch effect
   useEffect(() => {
     (async () => {
       await getMessageRoomsByCourses();
+      // await pinRoom("5be9b48281ac4c2885d3b719654ed59d");
       // Example: Fetch initial chat for a specific room if needed on load
       // await getIndividualChats(null, "5be9b48281ac4c2885d3b719654ed59d");
       // await readRoomMessages({
@@ -951,6 +1015,7 @@ const useMessageKit = (/*affiliatesActive*/) => {
     readRoomMessages,
     addAutoReadRooms, // Expose new function
     removeAutoReadRooms, // Expose new function
+    pinRoom,
   };
 };