@natoe/colab 0.1.5 → 0.1.6

package/dist/index.mjs

@@ -370,7 +370,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) {
@@ -417,7 +419,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]
   );
@@ -891,8 +894,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;
@@ -908,8 +911,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;
@@ -3649,6 +3652,7 @@ function CollabPopup({
   participantIds,
   isOpen,
   onClose,
+  onBack,
   initialPosition,
   width = 380,
   height = 520,
@@ -3758,7 +3762,18 @@ function CollabPopup({
       onMouseDown: handleMouseDown,
       children: [
         /* @__PURE__ */ jsxs("div", { "data-drag-handle": true, style: styles13.titleBar, children: [
-          /* @__PURE__ */ jsx("span", { id: titleId, style: styles13.titleText, children: buildChannelName(patientData) }),
+          onBack && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onBack,
+              style: styles13.titleButton,
+              "aria-label": "Go back",
+              title: "Back",
+              type: "button",
+              children: "\u2190"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { id: titleId, style: { ...styles13.titleText, flex: 1 }, children: buildChannelName(patientData) }),
           /* @__PURE__ */ jsxs("div", { style: styles13.titleActions, children: [
             /* @__PURE__ */ jsx(
               "button",
@@ -4045,8 +4060,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");