@natoe/colab 0.1.9 → 0.1.11

package/dist/index.d.mts

@@ -183,6 +183,8 @@ interface CollabPanelProps {
      * its compact / single-pane layout to return to the conversation list).
      */
     onBack?: () => void;
+    /** Hide the patient name row in the header — set when a parent already shows it (e.g. CollabPopup title bar) */
+    hidePatientName?: boolean;
     /** Custom class name for the outer container */
     className?: string;
     /** Custom inline styles for the outer container */
@@ -192,7 +194,7 @@ interface CollabPanelProps {
  * Full collaboration panel: patient header + pinned bar + message thread + input.
  * Supports reply, pin/unpin, and (optionally) seen-by indicators.
  */
-declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
+declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, hidePatientName, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
     /** Order ID for this conversation */
@@ -668,9 +670,13 @@ interface PatientHeaderProps {
     onOpenSettings?: () => void;
     /** When set, renders a back-arrow button (compact inbox returning to list) */
     onBack?: () => void;
+    /** Suppress the channel name row — use when the name is already shown in a parent title bar */
+    hideName?: boolean;
+    /** Override the displayed name — use the stored conversation.name to avoid reconstructing from patientData components */
+    displayName?: string;
     className?: string;
 }
-declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, hideName, displayName, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface MessageListHandle {
     /** Scroll to a specific message by ID (used by pin jump-to) */

package/dist/index.d.ts

@@ -183,6 +183,8 @@ interface CollabPanelProps {
      * its compact / single-pane layout to return to the conversation list).
      */
     onBack?: () => void;
+    /** Hide the patient name row in the header — set when a parent already shows it (e.g. CollabPopup title bar) */
+    hidePatientName?: boolean;
     /** Custom class name for the outer container */
     className?: string;
     /** Custom inline styles for the outer container */
@@ -192,7 +194,7 @@ interface CollabPanelProps {
  * Full collaboration panel: patient header + pinned bar + message thread + input.
  * Supports reply, pin/unpin, and (optionally) seen-by indicators.
  */
-declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
+declare function CollabPanel({ orderId, patientData, participantIds, showSeenBy, onBack, hidePatientName, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
     /** Order ID for this conversation */
@@ -668,9 +670,13 @@ interface PatientHeaderProps {
     onOpenSettings?: () => void;
     /** When set, renders a back-arrow button (compact inbox returning to list) */
     onBack?: () => void;
+    /** Suppress the channel name row — use when the name is already shown in a parent title bar */
+    hideName?: boolean;
+    /** Override the displayed name — use the stored conversation.name to avoid reconstructing from patientData components */
+    displayName?: string;
     className?: string;
 }
-declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PatientHeader({ patientData, onOpenDicom, onOpenSettings, onBack, hideName, displayName, className, }: PatientHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface MessageListHandle {
     /** Scroll to a specific message by ID (used by pin jump-to) */

package/dist/index.js

@@ -1298,11 +1298,18 @@ var Z_INDEX = {
   /** Portaled message-actions menu — must sit above the dialog. */
   menu: 1e4
 };
+function resolveDisplayName(patientData, displayName) {
+  const localComplete = !!patientData.labName && !!patientData.displayOrderId;
+  if (localComplete) return buildChannelName(patientData);
+  return displayName ?? buildChannelName(patientData);
+}
 function PatientHeader({
   patientData,
   onOpenDicom,
   onOpenSettings,
   onBack,
+  hideName = false,
+  displayName,
   className
 }) {
   const hasDicom = !!(patientData.studyId && patientData.storageId);
@@ -1317,7 +1324,7 @@ function PatientHeader({
     meta.push({ label: "Ref", value: patientData.referringPhysician });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: styles.container, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.nameRow, children: [
+    !hideName && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.nameRow, children: [
       onBack && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
@@ -1329,7 +1336,7 @@ function PatientHeader({
           children: /* @__PURE__ */ jsxRuntime.jsx(BackIcon, { size: 22, color: COLOR.neutral800 })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.nameText, children: buildChannelName(patientData) })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.nameText, children: resolveDisplayName(patientData, displayName) })
     ] }),
     meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.metaRow, children: meta.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles.metaItem, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles.metaLabel, children: [
@@ -3758,6 +3765,7 @@ function CollabPanel({
   participantIds,
   showSeenBy = true,
   onBack,
+  hidePatientName = false,
   className,
   style
 }) {
@@ -3866,7 +3874,9 @@ function CollabPanel({
           participants,
           onOpenDicom: handleOpenDicom,
           onOpenSettings: () => setShowSettings(true),
-          onBack
+          onBack,
+          hideName: hidePatientName,
+          displayName: conversation?.name
         }
       ),
       pinnedMessages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -4138,7 +4148,7 @@ function CollabPopup({
             )
           ] })
         ] }),
-        !isMinimized && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles13.panelWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(CollabPanel, { orderId, patientData, participantIds }) })
+        !isMinimized && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles13.panelWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(CollabPanel, { orderId, patientData, participantIds, hidePatientName: true }) })
       ]
     }
   );
@@ -5360,8 +5370,18 @@ function CollabInbox({
   );
 }
 function buildPatientData(item) {
-  if (item.patientSnapshot) return item.patientSnapshot;
-  const parts = item.name.split(" - ");
+  const parsed = parseChannelName(item.name, item.orderId);
+  if (item.patientSnapshot) {
+    return {
+      ...item.patientSnapshot,
+      labName: item.patientSnapshot.labName ?? parsed.labName,
+      displayOrderId: item.patientSnapshot.displayOrderId ?? parsed.displayOrderId
+    };
+  }
+  return parsed;
+}
+function parseChannelName(name, orderId) {
+  const parts = name.split(" - ");
   if (parts.length >= 3) {
     const last4 = parts[parts.length - 1];
     const labName = parts[parts.length - 2];
@@ -5369,13 +5389,13 @@ function buildPatientData(item) {
     return {
       patientName,
       labName: labName || void 0,
-      orderId: item.orderId,
+      orderId,
       displayOrderId: last4
     };
   }
   return {
-    patientName: item.name,
-    orderId: item.orderId
+    patientName: name,
+    orderId
   };
 }
 function EmptyState({ hasAny }) {