@natoe/colab 0.1.30 → 0.1.31

package/dist/index.d.mts

@@ -369,10 +369,13 @@ interface CollabPanelProps {
 declare function CollabPanel({ orderId, conversation: providedConversation, patientData, participantIds, kind, showSeenBy, onBack, hidePatientName, hideOpenCase, onConversationChange, themeMode, showSettings: controlledShowSettings, onSettingsChange, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
-    /** Order ID for this conversation */
-    orderId: string;
+    /** Order this thread belongs to. Required for a `case` thread; omitted for a
+     *  help channel, which belongs to a lab rather than an order. */
+    orderId?: string;
+    /** A thread the caller already resolved — how a help channel is opened. */
+    conversation?: Conversation | null;
     /** Patient/study data */
-    patientData: PatientData;
+    patientData?: PatientData;
     /** Participant user IDs — only used when creating a brand-new conversation */
     participantIds?: string[];
     /** Which thread on the case. Defaults to the shared `case` thread. */
@@ -406,7 +409,7 @@ interface CollabPopupProps {
  * Draggable floating chat popup — drop-in replacement for DraggableChatPopup.
  * Renders a CollabPanel inside a movable, resizable container.
  */
-declare function CollabPopup({ orderId, patientData, participantIds, kind, isOpen, onClose, onBack, onMinimize, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
+declare function CollabPopup({ orderId, conversation: providedConversation, patientData, participantIds, kind, isOpen, onClose, onBack, onMinimize, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
 
 type ColabInlineMode = 'light' | 'dark';
 interface CollabInlineProps {

package/dist/index.d.ts

@@ -369,10 +369,13 @@ interface CollabPanelProps {
 declare function CollabPanel({ orderId, conversation: providedConversation, patientData, participantIds, kind, showSeenBy, onBack, hidePatientName, hideOpenCase, onConversationChange, themeMode, showSettings: controlledShowSettings, onSettingsChange, className, style, }: CollabPanelProps): react_jsx_runtime.JSX.Element;
 
 interface CollabPopupProps {
-    /** Order ID for this conversation */
-    orderId: string;
+    /** Order this thread belongs to. Required for a `case` thread; omitted for a
+     *  help channel, which belongs to a lab rather than an order. */
+    orderId?: string;
+    /** A thread the caller already resolved — how a help channel is opened. */
+    conversation?: Conversation | null;
     /** Patient/study data */
-    patientData: PatientData;
+    patientData?: PatientData;
     /** Participant user IDs — only used when creating a brand-new conversation */
     participantIds?: string[];
     /** Which thread on the case. Defaults to the shared `case` thread. */
@@ -406,7 +409,7 @@ interface CollabPopupProps {
  * Draggable floating chat popup — drop-in replacement for DraggableChatPopup.
  * Renders a CollabPanel inside a movable, resizable container.
  */
-declare function CollabPopup({ orderId, patientData, participantIds, kind, isOpen, onClose, onBack, onMinimize, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
+declare function CollabPopup({ orderId, conversation: providedConversation, patientData, participantIds, kind, isOpen, onClose, onBack, onMinimize, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
 
 type ColabInlineMode = 'light' | 'dark';
 interface CollabInlineProps {

package/dist/index.js

@@ -4835,6 +4835,7 @@ ensureGlobalStyles();
 var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function CollabPopup({
   orderId,
+  conversation: providedConversation,
   patientData,
   participantIds,
   kind,
@@ -4861,7 +4862,7 @@ function CollabPopup({
   const containerRef = React4.useRef(null);
   const previouslyFocused = React4.useRef(null);
   const titleId = React4.useId();
-  const titleText = cleanChannelName(loadedConversation?.name) || buildChannelName(patientData);
+  const titleText = cleanChannelName(loadedConversation?.name) || (patientData ? buildChannelName(patientData) : "Natoe Support");
   const handleMouseDown = React4.useCallback(
     (e) => {
       if (!e.target.closest("[data-drag-handle]")) return;
@@ -4966,8 +4967,9 @@ function CollabPopup({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles13.titleCenter, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { id: titleId, style: styles13.patientName, children: patientData.patientName || titleText }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { id: titleId, style: styles13.patientName, children: patientData?.patientName || titleText }),
             (() => {
+              if (!patientData) return /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles13.subRow, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles13.metaText, children: "Help and support" }) });
               const parts = [];
               if (patientData.patientAge) parts.push(String(patientData.patientAge));
               if (patientData.patientSex) parts.push(String(patientData.patientSex));
@@ -5024,6 +5026,7 @@ function CollabPopup({
           CollabPanel,
           {
             orderId,
+            conversation: providedConversation,
             patientData,
             participantIds,
             kind,