@natoe/colab 0.1.26 → 0.1.28

package/dist/index.mjs

@@ -576,6 +576,16 @@ function applyThemeOverrides(theme) {
     }
   });
 }
+function previewKey(orderId, kind) {
+  return `${kind}|${orderId}`;
+}
+function parsePreviewKey(key) {
+  const separator = key.indexOf("|");
+  return {
+    kind: key.slice(0, separator),
+    orderId: key.slice(separator + 1)
+  };
+}
 var CollabContext = createContext(null);
 function useCollab() {
   const context = useContext(CollabContext);
@@ -591,7 +601,7 @@ function CollabProvider({ config, apiBaseUrl, children }) {
   });
   const [unreadCounts, setUnreadCounts] = useState({});
   const [unreadCountsByOrder, setUnreadCountsByOrder] = useState({});
-  const pendingOrderIds = useRef(/* @__PURE__ */ new Set());
+  const pendingKeys = useRef(/* @__PURE__ */ new Set());
   const pendingResolvers = useRef(/* @__PURE__ */ new Map());
   const previewCache = useRef(/* @__PURE__ */ new Map());
   const batchScheduled = useRef(false);
@@ -622,47 +632,61 @@ function CollabProvider({ config, apiBaseUrl, children }) {
     [config]
   );
   const flushPreviewBatch = useCallback(async () => {
-    const orderIds = Array.from(pendingOrderIds.current);
+    const keys = Array.from(pendingKeys.current);
     const resolvers = new Map(pendingResolvers.current);
-    pendingOrderIds.current.clear();
+    pendingKeys.current.clear();
     pendingResolvers.current.clear();
     batchScheduled.current = false;
-    if (orderIds.length === 0) return;
-    try {
-      const query = orderIds.map((id) => `order_ids[]=${encodeURIComponent(id)}`).join("&");
-      const response = await fetch(`${apiBaseUrl}/api/natoe-colab/conversations/previews?${query}`, {
-        headers: authHeaders()
-      });
-      if (!response.ok) throw new Error(`Preview batch failed: ${response.status}`);
-      const data = snakeToCamel(await response.json());
-      orderIds.forEach((orderId) => {
-        const preview = data.previews[orderId] ?? null;
-        if (preview !== null) {
-          previewCache.current.set(orderId, preview);
-        }
-        resolvers.get(orderId)?.forEach((resolve) => resolve(preview));
-      });
-    } catch (error) {
-      config.onError?.({
-        code: "PREVIEW_BATCH_ERROR",
-        message: "Failed to fetch conversation previews",
-        details: error
-      });
-      orderIds.forEach((orderId) => {
-        resolvers.get(orderId)?.forEach((resolve) => resolve(null));
-      });
+    if (keys.length === 0) return;
+    const byKind = /* @__PURE__ */ new Map();
+    for (const key of keys) {
+      const { orderId, kind } = parsePreviewKey(key);
+      const list = byKind.get(kind) ?? [];
+      list.push(orderId);
+      byKind.set(kind, list);
     }
+    await Promise.all(
+      Array.from(byKind.entries()).map(async ([kind, orderIds]) => {
+        try {
+          const query = orderIds.map((id) => `order_ids[]=${encodeURIComponent(id)}`).join("&");
+          const response = await fetch(
+            `${apiBaseUrl}/api/natoe-colab/conversations/previews?${query}&kind=${encodeURIComponent(kind)}`,
+            { headers: authHeaders() }
+          );
+          if (!response.ok) throw new Error(`Preview batch failed: ${response.status}`);
+          const data = snakeToCamel(await response.json());
+          orderIds.forEach((orderId) => {
+            const key = previewKey(orderId, kind);
+            const preview = data.previews[orderId] ?? null;
+            if (preview !== null) {
+              previewCache.current.set(key, preview);
+            }
+            resolvers.get(key)?.forEach((resolve) => resolve(preview));
+          });
+        } catch (error) {
+          config.onError?.({
+            code: "PREVIEW_BATCH_ERROR",
+            message: "Failed to fetch conversation previews",
+            details: error
+          });
+          orderIds.forEach((orderId) => {
+            resolvers.get(previewKey(orderId, kind))?.forEach((resolve) => resolve(null));
+          });
+        }
+      })
+    );
   }, [apiBaseUrl, authHeaders, config]);
   const requestPreview = useCallback(
-    (orderId) => {
-      if (previewCache.current.has(orderId)) {
-        return Promise.resolve(previewCache.current.get(orderId) ?? null);
+    (orderId, kind = "case") => {
+      const key = previewKey(orderId, kind);
+      if (previewCache.current.has(key)) {
+        return Promise.resolve(previewCache.current.get(key) ?? null);
       }
       return new Promise((resolve) => {
-        pendingOrderIds.current.add(orderId);
-        const existing = pendingResolvers.current.get(orderId) || [];
+        pendingKeys.current.add(key);
+        const existing = pendingResolvers.current.get(key) || [];
         existing.push(resolve);
-        pendingResolvers.current.set(orderId, existing);
+        pendingResolvers.current.set(key, existing);
         if (!batchScheduled.current) {
           batchScheduled.current = true;
           queueMicrotask(flushPreviewBatch);
@@ -671,8 +695,16 @@ function CollabProvider({ config, apiBaseUrl, children }) {
     },
     [flushPreviewBatch]
   );
-  const invalidatePreview = useCallback((orderId) => {
-    previewCache.current.delete(orderId);
+  const invalidatePreview = useCallback((orderId, kind) => {
+    if (kind) {
+      previewCache.current.delete(previewKey(orderId, kind));
+      return;
+    }
+    for (const key of Array.from(previewCache.current.keys())) {
+      if (parsePreviewKey(key).orderId === orderId) {
+        previewCache.current.delete(key);
+      }
+    }
   }, []);
   const fetchMessages = useCallback(
     async (conversationId, options = {}) => {
@@ -699,11 +731,17 @@ function CollabProvider({ config, apiBaseUrl, children }) {
           message: "Cannot create conversation: orderId is empty. Host app passed an order with no orderId/mainOrderId set."
         };
       }
+      const kind = options.kind ?? "case";
       const response = await fetch(`${apiBaseUrl}/api/natoe-colab/orders/${orderId}/messages`, {
         method: "POST",
         headers: authHeaders(),
         body: JSON.stringify({
           message,
+          // Top-level, matching the backend's `params["kind"]`. It selects
+          // BOTH which thread is addressed and which authorization path runs
+          // — help kinds go through Access.can_access_help?/5, not the
+          // broader case-chat check.
+          kind,
           conversation: {
             name: options.name,
             participant_ids: options.participantIds ?? []
@@ -715,7 +753,7 @@ function CollabProvider({ config, apiBaseUrl, children }) {
         throw { code: "CREATE_ERROR", message: "Failed to create conversation", details: error };
       }
       const data = snakeToCamel(await response.json());
-      previewCache.current.delete(orderId);
+      previewCache.current.delete(previewKey(orderId, kind));
       return data;
     },
     [apiBaseUrl, authHeaders]
@@ -849,7 +887,8 @@ function useConversation({
   orderId,
   patientData,
   participantIds = [],
-  loadHistory = true
+  loadHistory = true,
+  kind = "case"
 }) {
   const {
     socket,
@@ -977,7 +1016,7 @@ function useConversation({
       setIsLoading(true);
       setError(null);
       try {
-        const preview = await requestPreview(orderId);
+        const preview = await requestPreview(orderId, kind);
         if (cancelled) return;
         if (!preview) {
           setConversation(null);
@@ -1034,7 +1073,7 @@ function useConversation({
       markedReadIdsRef.current.clear();
       setIsConnected(false);
     };
-  }, [orderId]);
+  }, [orderId, kind]);
   const ensureConversation = useCallback(
     async (payload) => {
       if (conversation) return { conv: conversation, persistedByCreate: false };
@@ -1045,13 +1084,14 @@ function useConversation({
       const inflight = (async () => {
         const result = await createConversationWithMessage(orderId, payload, {
           name: buildName(),
-          participantIds
+          participantIds,
+          kind
         });
         setConversation(result.conversation);
         setParticipants(result.conversation.participants);
         setMessages([result.message]);
         joinChannel(result.conversation);
-        invalidatePreview(orderId);
+        invalidatePreview(orderId, kind);
         if (loadHistory) {
           fetchMessages(result.conversation.id).then((history) => {
             setMessages((prev) => {
@@ -1081,6 +1121,7 @@ function useConversation({
       conversation,
       createConversationWithMessage,
       orderId,
+      kind,
       buildName,
       participantIds,
       joinChannel,
@@ -4490,6 +4531,7 @@ function CollabPanel({
   orderId,
   patientData,
   participantIds,
+  kind,
   showSeenBy = true,
   onBack,
   hidePatientName = false,
@@ -4528,7 +4570,7 @@ function CollabPanel({
     loadMoreMessages,
     pinMessage,
     unpinMessage
-  } = useConversation({ orderId, patientData, participantIds });
+  } = useConversation({ orderId, patientData, participantIds, kind });
   useEffect(() => {
     onConversationChange?.(conversation);
   }, [conversation, onConversationChange]);
@@ -4747,6 +4789,7 @@ function CollabPopup({
   orderId,
   patientData,
   participantIds,
+  kind,
   isOpen,
   onClose,
   onBack,
@@ -4935,6 +4978,7 @@ function CollabPopup({
             orderId,
             patientData,
             participantIds,
+            kind,
             hidePatientName: true,
             onConversationChange: setLoadedConversation,
             showSettings,
@@ -5052,7 +5096,8 @@ function useInlineCollab({
   orderId,
   patientData,
   participantIds = [],
-  messageLimit = 5
+  messageLimit = 5,
+  kind = "case"
 }) {
   const {
     socket,
@@ -5071,6 +5116,8 @@ function useInlineCollab({
   const elementRef = useRef(null);
   const observerRef = useRef(null);
   const subscribedConversationIdRef = useRef(null);
+  const latestMessageIdRef = useRef(null);
+  const lastMarkedReadIdRef = useRef(null);
   const channelSubscriptionRef = useRef(null);
   const trimToLimit = useCallback(
     (msgs) => msgs.length > messageLimit ? msgs.slice(msgs.length - messageLimit) : msgs,
@@ -5080,13 +5127,25 @@ function useInlineCollab({
     () => buildChannelName(patientData),
     [patientData]
   );
+  useEffect(() => {
+    latestMessageIdRef.current = messages[messages.length - 1]?.id ?? null;
+  }, [messages]);
+  const markLatestRead = useCallback(
+    (conversationId) => {
+      const messageId = latestMessageIdRef.current;
+      if (!messageId || lastMarkedReadIdRef.current === messageId) return;
+      lastMarkedReadIdRef.current = messageId;
+      socket.markAsRead(conversationId, messageId);
+    },
+    [socket]
+  );
   useEffect(() => {
     let cancelled = false;
     const load = async () => {
       setIsLoading(true);
       setError(null);
       try {
-        const result = await requestPreview(orderId);
+        const result = await requestPreview(orderId, kind);
         if (cancelled) return;
         setPreview(result);
         if (result) {
@@ -5182,7 +5241,8 @@ function useInlineCollab({
         try {
           const result = await createConversationWithMessage(orderId, payload, {
             name: buildName(),
-            participantIds
+            participantIds,
+            kind
           });
           const newPreview = {
             conversationId: result.conversation.id,
@@ -5196,7 +5256,7 @@ function useInlineCollab({
           setPreview(newPreview);
           setMessages([result.message]);
           setParticipants(result.conversation.participants);
-          invalidatePreview(orderId);
+          invalidatePreview(orderId, kind);
           if (elementRef.current) {
             subscribe(result.conversation.id);
           }
@@ -5213,6 +5273,7 @@ function useInlineCollab({
       try {
         await socket.sendMessage(preview.conversationId, payload);
         setUnreadCount(0);
+        markLatestRead(preview.conversationId);
       } catch (err) {
         setError(err instanceof Error ? err.message : "Failed to send message");
         config.onError?.({
@@ -5231,7 +5292,8 @@ function useInlineCollab({
       invalidatePreview,
       subscribe,
       socket,
-      config
+      config,
+      markLatestRead
     ]
   );
   const sendMessage = useCallback(
@@ -5319,6 +5381,7 @@ function CollabInline({
   orderId,
   patientData,
   participantIds,
+  kind,
   onExpand,
   messageLimit = 1,
   placeholder = "Discuss this case\u2026",
@@ -5337,7 +5400,7 @@ function CollabInline({
     sendMessage,
     sendAudioMessage,
     containerRef
-  } = useInlineCollab({ orderId, patientData, participantIds, messageLimit });
+  } = useInlineCollab({ orderId, patientData, participantIds, messageLimit, kind });
   const containerStyle = {
     ...styles14.container,
     backgroundColor: pal.bg,
@@ -5829,6 +5892,11 @@ function useConversationList(options) {
     totalUnread
   };
 }
+
+// src/core/types.ts
+function isHelpKind(kind) {
+  return kind === "help_lab" || kind === "help_radiologist";
+}
 function ConversationListItem({
   item,
   isSelected,
@@ -5865,6 +5933,10 @@ function ConversationListItem({
                 children: displayName
               }
             ),
+            isHelpKind(item.kind) && /* A case can show two rows with the same patient name — the shared
+               case thread and a private help thread. Without this the two are
+               indistinguishable in the inbox. */
+            /* @__PURE__ */ jsx("span", { style: styles15.helpPill, "aria-label": "Help thread", children: "Help" }),
             /* @__PURE__ */ jsx(
               "span",
               {
@@ -6011,6 +6083,17 @@ var styles15 = {
   nameUnread: {
     fontWeight: FONT_WEIGHT.bold
   },
+  helpPill: {
+    fontSize: FONT_SIZE.xs,
+    fontWeight: FONT_WEIGHT.semibold,
+    color: COLOR.primary,
+    background: COLOR.primaryBg,
+    borderRadius: RADIUS.sm,
+    padding: `0 ${SPACE.S2}`,
+    lineHeight: "16px",
+    flexShrink: 0,
+    whiteSpace: "nowrap"
+  },
   time: {
     fontSize: FONT_SIZE.xs,
     color: COLOR.neutral500,
@@ -6754,6 +6837,6 @@ function usePinnedMessages({
   };
 }
 
-export { AUDIO_MIME_TYPE, ChannelSettings, CollabInbox, CollabInline, CollabPanel, CollabPopup, CollabProvider, CollabSocket, ConversationList, ConversationListItem, DEEP_LINK_PREFIX, EVENTS, MAX_FILE_SIZE, MAX_PINNED_MESSAGES, MESSAGES_PAGE_SIZE, MESSAGE_TYPES, MessageActionsMenu, MessageBubble, MessageInput, MessageList, ParticipantsList, PatientHeader, PinnedMessagesBar, ReplyPreview, ReplyQuoteBlock, SUPPORTED_IMAGE_TYPES, SeenByIndicator, THEME_DEFAULTS, THEME_VAR, TYPING_DEBOUNCE_MS, applyThemeOverrides, useAudioRecorder, useChannelSettings, useCollab, useConversation, useConversationList, useDeepLinks, useInlineCollab, useMessages, usePinnedMessages, useUnreadCount };
+export { AUDIO_MIME_TYPE, ChannelSettings, CollabInbox, CollabInline, CollabPanel, CollabPopup, CollabProvider, CollabSocket, ConversationList, ConversationListItem, DEEP_LINK_PREFIX, EVENTS, MAX_FILE_SIZE, MAX_PINNED_MESSAGES, MESSAGES_PAGE_SIZE, MESSAGE_TYPES, MessageActionsMenu, MessageBubble, MessageInput, MessageList, ParticipantsList, PatientHeader, PinnedMessagesBar, ReplyPreview, ReplyQuoteBlock, SUPPORTED_IMAGE_TYPES, SeenByIndicator, THEME_DEFAULTS, THEME_VAR, TYPING_DEBOUNCE_MS, applyThemeOverrides, isHelpKind, useAudioRecorder, useChannelSettings, useCollab, useConversation, useConversationList, useDeepLinks, useInlineCollab, useMessages, usePinnedMessages, useUnreadCount };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map