@natoe/colab 0.1.5 → 0.1.6

package/dist/index.d.mts

@@ -141,9 +141,9 @@ interface Message {
 interface SendMessagePayload {
     body: string;
     type: MessageType;
-    mediaUrl?: string;
-    mediaDuration?: number;
-    fileName?: string;
+    media_url?: string;
+    media_duration?: number;
+    file_name?: string;
     metadata?: Record<string, unknown>;
     /** ID of message being replied to (snapshot is built server-side) */
     replyToId?: string;
@@ -200,6 +200,8 @@ interface CollabPopupProps {
     isOpen: boolean;
     /** Close the popup */
     onClose: () => void;
+    /** Optional back navigation — renders a ← button in the title bar when provided */
+    onBack?: () => void;
     /** Initial position (defaults to bottom-right) */
     initialPosition?: {
         x: number;
@@ -215,7 +217,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, isOpen, onClose, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
+declare function CollabPopup({ orderId, patientData, participantIds, isOpen, onClose, onBack, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
 
 interface CollabInlineProps {
     orderId: string;

package/dist/index.d.ts

@@ -141,9 +141,9 @@ interface Message {
 interface SendMessagePayload {
     body: string;
     type: MessageType;
-    mediaUrl?: string;
-    mediaDuration?: number;
-    fileName?: string;
+    media_url?: string;
+    media_duration?: number;
+    file_name?: string;
     metadata?: Record<string, unknown>;
     /** ID of message being replied to (snapshot is built server-side) */
     replyToId?: string;
@@ -200,6 +200,8 @@ interface CollabPopupProps {
     isOpen: boolean;
     /** Close the popup */
     onClose: () => void;
+    /** Optional back navigation — renders a ← button in the title bar when provided */
+    onBack?: () => void;
     /** Initial position (defaults to bottom-right) */
     initialPosition?: {
         x: number;
@@ -215,7 +217,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, isOpen, onClose, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
+declare function CollabPopup({ orderId, patientData, participantIds, isOpen, onClose, onBack, initialPosition, width, height, className, }: CollabPopupProps): react_jsx_runtime.JSX.Element | null;
 
 interface CollabInlineProps {
     orderId: string;

package/dist/index.js

@@ -376,7 +376,9 @@ function CollabProvider({ config, apiBaseUrl, children }) {
       const data = snakeToCamel(await response.json());
       orderIds.forEach((orderId) => {
         const preview = data.previews[orderId] ?? null;
-        previewCache.current.set(orderId, preview);
+        if (preview !== null) {
+          previewCache.current.set(orderId, preview);
+        }
         resolvers.get(orderId)?.forEach((resolve) => resolve(preview));
       });
     } catch (error) {
@@ -423,7 +425,8 @@ function CollabProvider({ config, apiBaseUrl, children }) {
       if (!response.ok) {
         throw { code: "FETCH_ERROR", message: "Failed to fetch messages", status: response.status };
       }
-      return snakeToCamel(await response.json());
+      const msgs = snakeToCamel(await response.json());
+      return msgs.sort((a, b) => a.insertedAt.localeCompare(b.insertedAt));
     },
     [apiBaseUrl, authHeaders]
   );
@@ -897,8 +900,8 @@ function useConversation({
       const payload = {
         body: "Voice message",
         type: "audio",
-        mediaUrl: url,
-        mediaDuration: duration
+        media_url: url,
+        media_duration: duration
       };
       const { conv, persistedByCreate } = await ensureConversation(payload);
       if (persistedByCreate) return;
@@ -914,8 +917,8 @@ function useConversation({
       const payload = {
         body: file.name,
         type: isImage ? "image" : "file",
-        mediaUrl: url,
-        fileName: file.name
+        media_url: url,
+        file_name: file.name
       };
       const { conv, persistedByCreate } = await ensureConversation(payload);
       if (persistedByCreate) return;
@@ -3655,6 +3658,7 @@ function CollabPopup({
   participantIds,
   isOpen,
   onClose,
+  onBack,
   initialPosition,
   width = 380,
   height = 520,
@@ -3764,7 +3768,18 @@ function CollabPopup({
       onMouseDown: handleMouseDown,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-drag-handle": true, style: styles13.titleBar, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { id: titleId, style: styles13.titleText, children: buildChannelName(patientData) }),
+          onBack && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: onBack,
+              style: styles13.titleButton,
+              "aria-label": "Go back",
+              title: "Back",
+              type: "button",
+              children: "\u2190"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { id: titleId, style: { ...styles13.titleText, flex: 1 }, children: buildChannelName(patientData) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles13.titleActions, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -4051,8 +4066,8 @@ function useInlineCollab({
         await dispatchSend({
           body: "Voice message",
           type: "audio",
-          mediaUrl: url,
-          mediaDuration: duration
+          media_url: url,
+          media_duration: duration
         });
       } catch (err) {
         setError(err instanceof Error ? err.message : "Failed to send voice message");