@ai-matrx/meet 0.7.15 → 0.7.18

package/dist/react.cjs

@@ -6973,7 +6973,7 @@ function useGuestRecordAccess(meeting) {
 // src/react/components.tsx
 var import_react5 = require("react");
 var import_design_system = require("@ai-matrx/design-system");
-var import_format3 = require("@ai-matrx/kit/format");
+var import_format4 = require("@ai-matrx/kit/format");
 
 // src/core/after.ts
 var import_format2 = require("@ai-matrx/kit/format");
@@ -7160,12 +7160,7 @@ function recordingOffsetMs(at, recording) {
   return moment - start;
 }
 function clockPosition(offsetMs) {
-  const total = Math.max(0, Math.floor(offsetMs / 1e3));
-  const h = Math.floor(total / 3600);
-  const m = Math.floor(total % 3600 / 60);
-  const s = total % 60;
-  const ss = String(s).padStart(2, "0");
-  return h > 0 ? `${h}:${String(m).padStart(2, "0")}:${ss}` : `${m}:${ss}`;
+  return (0, import_format2.formatDurationMs)(Math.max(0, offsetMs), { style: "clock" });
 }
 function searchTranscript(segments, query, names = {}) {
   const needle = fold(query.trim());
@@ -7422,6 +7417,7 @@ function countLabel(count2, singular, plural = `${singular}s`) {
 
 // src/react/collab.tsx
 var import_react4 = require("react");
+var import_format3 = require("@ai-matrx/kit/format");
 
 // src/react/icons.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -8254,10 +8250,7 @@ function WhiteboardPanel({ onClose }) {
   ] });
 }
 function clock(ms2) {
-  const total = Math.ceil(ms2 / 1e3);
-  const minutes = Math.floor(total / 60);
-  const seconds = total % 60;
-  return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+  return (0, import_format3.formatDurationMs)(Math.ceil(ms2 / 1e3) * 1e3, { style: "clock" });
 }
 function useNow(active) {
   const [now, setNow] = (0, import_react4.useState)(() => Date.now());
@@ -8653,7 +8646,7 @@ function Avatar({
   url,
   size = 40
 }) {
-  const tint = (0, import_format3.avatarPaletteIndex)(name);
+  const tint = (0, import_format4.avatarPaletteIndex)(name);
   if (url != null && url.length > 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "img",
@@ -8678,7 +8671,7 @@ function Avatar({
         background: `var(--mx-meet-avatar-${tint})`
       },
       "aria-hidden": "true",
-      children: (0, import_format3.getInitials)(name)
+      children: (0, import_format4.getInitials)(name)
     }
   );
 }
@@ -10440,7 +10433,7 @@ function MeetingRoomBody({
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { className: "mx-meet__title", children: snapshot?.meeting?.title ?? "Meeting" }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "mx-meet__meta", children: [
         participantSummary(snapshot?.participants ?? []),
-        elapsed > 0 ? ` \xB7 ${(0, import_format3.formatDurationMs)(elapsed)}` : ""
+        elapsed > 0 ? ` \xB7 ${(0, import_format4.formatDurationMs)(elapsed)}` : ""
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RecordingIndicator, {}),
       snapshot?.locked === true ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "mx-meet__badge", children: [
@@ -11138,7 +11131,7 @@ function createCallInviteHandler(options) {
     choices: (payload) => {
       if (Date.parse(payload.expires_at) < now()) return [];
       return [
-        { id: "join", label: payload.mode === "video" ? "Join video" : "Join call", tone: "primary" },
+        { id: "join", label: payload.mode === "video" ? "Join video" : "Join call", icon: payload.mode === "video" ? "video" : "phone", tone: "primary" },
         { id: "decline", label: "Decline", tone: "neutral" }
       ];
     },