@arbidocs/blocks 0.4.20 → 0.4.22

package/dist/connect/index.cjs

@@ -1,15 +1,16 @@
 "use client";
 'use strict';
 
-var chunkDCEI37AX_cjs = require('../chunk-DCEI37AX.cjs');
-var chunkZPOLKYR2_cjs = require('../chunk-ZPOLKYR2.cjs');
+var chunkEUOGPUMJ_cjs = require('../chunk-EUOGPUMJ.cjs');
+var chunkYVIOCITQ_cjs = require('../chunk-YVIOCITQ.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
-require('../chunk-PRVKJ5XL.cjs');
+require('../chunk-J22DXUJY.cjs');
 require('../chunk-VGOFFCMT.cjs');
-require('../chunk-DCDVWPMB.cjs');
 require('../chunk-PPCATBOY.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
+require('../chunk-DCDVWPMB.cjs');
+var chunkJCVZKCXC_cjs = require('../chunk-JCVZKCXC.cjs');
 require('../chunk-MHVNT4J3.cjs');
 var react = require('react');
 var reactQuery = require('@tanstack/react-query');
@@ -20,7 +21,7 @@ var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
 
 function ConnectionBoundWebSocket({ children }) {
-  const { status } = chunkZPOLKYR2_cjs.useConnection();
+  const { status } = chunkJCVZKCXC_cjs.useConnection();
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiWebSocketProvider, { enabled: status === "authenticated", children });
 }
 function ArbiAppProvider({
@@ -33,7 +34,7 @@ function ArbiAppProvider({
     })
   );
   const providerUrl = config.apiUrl || config.demoApiUrl || "https://demo.arbi.local";
-  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiProvider, { url: providerUrl, children: /* @__PURE__ */ jsxRuntime.jsx(chunkZPOLKYR2_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiProvider, { url: providerUrl, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJCVZKCXC_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
 }
 var StreamedArtifactEditor = react.lazy(() => import('../StreamedArtifactEditor-L2AZZORU.cjs'));
 function StreamedArtifact({
@@ -107,7 +108,7 @@ function StreamedArtifact({
   );
 }
 function useConnectedShellWorkspaces(options = {}) {
-  const { workspaceId, setWorkspace } = chunkZPOLKYR2_cjs.useConnection();
+  const { workspaceId, setWorkspace } = chunkJCVZKCXC_cjs.useConnection();
   const query = react$1.useWorkspaces();
   return react$1.useShellWorkspaces({
     ...options,
@@ -127,21 +128,21 @@ var AVATAR_PROBLEMS = {
   "too-large": "Image must be 5 MB or smaller",
   unreadable: "Couldn't read that image \u2014 try a different file"
 };
-function ConnectedProfileCard({ notify, title = "Profile" }) {
+function ConnectedProfileCard({ notify: notify2, title = "Profile" }) {
   const { data: profile } = react$1.useProfile();
   const updateProfile = react$1.useUpdateProfile();
   const requestEmailChange = react$1.useRequestEmailChange();
   const confirmEmailChange = react$1.useConfirmEmailChange();
-  const { user } = chunkZPOLKYR2_cjs.useConnection();
+  const { user } = chunkJCVZKCXC_cjs.useConnection();
   const name = react$1.useNameEditor({
     givenName: profile?.givenName,
     familyName: profile?.familyName,
     save: async (next) => {
       try {
         await updateProfile.mutateAsync(next);
-        notify?.("Name updated", "success");
+        notify2?.("Name updated", "success");
       } catch (e) {
-        notify?.("Failed to update name", "error");
+        notify2?.("Failed to update name", "error");
         throw e;
       }
     }
@@ -150,41 +151,41 @@ function ConnectedProfileCard({ notify, title = "Profile" }) {
     upload: async (picture) => {
       try {
         await updateProfile.mutateAsync({ picture });
-        notify?.("Profile picture updated", "success");
+        notify2?.("Profile picture updated", "success");
       } catch (e) {
-        notify?.("Failed to update picture", "error");
+        notify2?.("Failed to update picture", "error");
         throw e;
       }
     },
-    onProblem: (problem) => notify?.(AVATAR_PROBLEMS[problem], "error")
+    onProblem: (problem) => notify2?.(AVATAR_PROBLEMS[problem], "error")
   });
   const email = react$1.useEmailChange({
     requestCode: async (address) => {
       try {
         await requestEmailChange.mutateAsync(address);
-        notify?.("Verification code sent to your new email", "success");
+        notify2?.("Verification code sent to your new email", "success");
       } catch (e) {
-        notify?.(errorText(e, "Failed to send verification code"), "error");
+        notify2?.(errorText(e, "Failed to send verification code"), "error");
         throw e;
       }
     },
     confirm: async (args) => {
       try {
         await confirmEmailChange.mutateAsync(args);
-        notify?.("Email address updated", "success");
+        notify2?.("Email address updated", "success");
       } catch (e) {
-        notify?.(errorText(e, "Invalid or expired verification code"), "error");
+        notify2?.(errorText(e, "Invalid or expired verification code"), "error");
         throw e;
       }
     }
   });
   const display = profile?.fullName || user?.name || "Unnamed";
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkDCEI37AX_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDCEI37AX_cjs.ProfileCard,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkYVIOCITQ_cjs.ProfileCard,
     {
       avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkDCEI37AX_cjs.AvatarPicker,
+          chunkYVIOCITQ_cjs.AvatarPicker,
           {
             pictureUrl: profile?.picture ?? user?.picture,
             initials: chunkKDG6FER6_cjs.initials(display),
@@ -224,7 +225,7 @@ function defaultUnmetPasswordRequirement(password) {
   return null;
 }
 function ConnectedSecuritySection({
-  notify,
+  notify: notify2,
   getUnmetRequirement = defaultUnmetPasswordRequirement,
   renderRecoveryKey,
   children
@@ -237,15 +238,15 @@ function ConnectedSecuritySection({
     getUnmetRequirement,
     submit: async (vars) => {
       const result = await change.mutateAsync(vars);
-      notify?.("Password changed successfully", "success");
+      notify2?.("Password changed successfully", "success");
       return result;
     },
     onClose: () => setOpen(false)
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkDCEI37AX_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkDCEI37AX_cjs.SettingsCard, { padding: "sm", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsCard, { padding: "sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkDCEI37AX_cjs.SettingsActionRow,
+        chunkYVIOCITQ_cjs.SettingsActionRow,
         {
           title: "Change password",
           description: "Used to sign in and to encrypt your data. Changing it re-encrypts everything in your account.",
@@ -256,7 +257,7 @@ function ConnectedSecuritySection({
       children
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.PasswordChangeDialog,
+      chunkYVIOCITQ_cjs.PasswordChangeDialog,
       {
         open,
         onClose: form.onCancel,
@@ -280,29 +281,29 @@ function ConnectedSecuritySection({
   ] });
 }
 function ConnectedNotificationPreferences({
-  categories = chunkDCEI37AX_cjs.EMAIL_NOTIFICATION_CATEGORIES,
+  categories = chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES,
   title = "Notifications"
 }) {
   const keys = react.useMemo(
-    () => categories === chunkDCEI37AX_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkDCEI37AX_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
+    () => categories === chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
     [categories]
   );
   const prefs = react$1.useNotificationPreferences(keys);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkDCEI37AX_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkDCEI37AX_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDCEI37AX_cjs.NotificationCategoryList,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkYVIOCITQ_cjs.NotificationCategoryList,
     {
       masterId: "emailNotifications",
       masterTitle: "Email Notifications",
       masterDescription: "Email me about activity when I\u2019m away",
       masterChecked: prefs.masterChecked,
       onMasterChange: prefs.setAll,
-      categories: chunkDCEI37AX_cjs.toNotificationCategories(prefs.checked, categories),
+      categories: chunkYVIOCITQ_cjs.toNotificationCategories(prefs.checked, categories),
       onCategoryChange: prefs.setCategory
     }
   ) }) });
 }
 function ConnectedSessionsRow({
-  notify,
+  notify: notify2,
   confirm,
   renderSessionIcon
 }) {
@@ -310,14 +311,14 @@ function ConnectedSessionsRow({
   const sessions = react$1.useSessions({ enabled: open });
   const currentSessionId = react$1.useCurrentSessionId();
   const terminate = react$1.useTerminateSession();
-  const views = chunkDCEI37AX_cjs.toActiveSessionViews(sessions.data ?? [], {
+  const views = chunkYVIOCITQ_cjs.toActiveSessionViews(sessions.data ?? [], {
     currentSessionId,
     terminatingId: terminate.isPending ? terminate.variables : null,
     renderIcon: renderSessionIcon
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.SettingsRow,
+      chunkYVIOCITQ_cjs.SettingsRow,
       {
         label: "Active sessions",
         description: "Devices and agents currently signed in to your account.",
@@ -339,7 +340,7 @@ function ConnectedSessionsRow({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.ActiveSessionsDialog,
+      chunkYVIOCITQ_cjs.ActiveSessionsDialog,
       {
         open,
         onOpenChange: setOpen,
@@ -356,7 +357,7 @@ function ConnectedSessionsRow({
             try {
               await terminate.mutateAsync(id);
             } catch {
-              notify?.("Failed to end session. Please try again.", "error");
+              notify2?.("Failed to end session. Please try again.", "error");
             }
           })();
         }
@@ -370,11 +371,11 @@ function ConnectedLogoutDialog({
   isOnline = true,
   renderSessionIcon
 }) {
-  const { logout } = chunkZPOLKYR2_cjs.useConnection();
+  const { logout } = chunkJCVZKCXC_cjs.useConnection();
   const sessions = react$1.useSessions({ enabled: open });
   const logoutAll = react$1.useLogoutAllSessions();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDCEI37AX_cjs.LogoutDialog,
+    chunkYVIOCITQ_cjs.LogoutDialog,
     {
       open,
       onClose,
@@ -388,26 +389,26 @@ function ConnectedLogoutDialog({
       },
       canLogoutAll: true,
       isOnline,
-      sessions: chunkDCEI37AX_cjs.toLogoutSessionViews(sessions.data ?? []),
+      sessions: chunkYVIOCITQ_cjs.toLogoutSessionViews(sessions.data ?? []),
       renderSessionIcon
     }
   );
 }
-function ConnectedDangerZone({ notify, renderSubscriptionLink }) {
+function ConnectedDangerZone({ notify: notify2, renderSubscriptionLink }) {
   const [zoneOpen, setZoneOpen] = react.useState(false);
   const [dialogOpen, setDialogOpen] = react.useState(false);
-  const { user, logout } = chunkZPOLKYR2_cjs.useConnection();
+  const { user, logout } = chunkJCVZKCXC_cjs.useConnection();
   const remove = react$1.useDeleteAccount();
   const flow = react$1.useDeleteAccountFlow({
     userEmail: user?.email ?? "",
     remove: () => remove.mutateAsync(),
     onClose: () => setDialogOpen(false),
     onDeleted: logout,
-    onError: () => notify?.("Failed to delete account. Please try again.", "error")
+    onError: () => notify2?.("Failed to delete account. Please try again.", "error")
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.SettingsDangerZone,
+      chunkYVIOCITQ_cjs.SettingsDangerZone,
       {
         isOpen: zoneOpen,
         onToggle: () => setZoneOpen((o) => !o),
@@ -427,12 +428,12 @@ function ConnectedDangerZone({ notify, renderSubscriptionLink }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDCEI37AX_cjs.DeleteAccountDialog,
+      chunkYVIOCITQ_cjs.DeleteAccountDialog,
       {
         open: dialogOpen,
         onClose: flow.onClose,
         step: flow.step,
-        blockers: chunkDCEI37AX_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
+        blockers: chunkYVIOCITQ_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
         onContinue: flow.onContinue,
         onBack: flow.onBack,
         userEmail: user?.email ?? "",
@@ -444,54 +445,119 @@ function ConnectedDangerZone({ notify, renderSubscriptionLink }) {
     )
   ] });
 }
+function useConnectedDocxNotifications(onOpen) {
+  const arbi = react$1.useArbi();
+  const { status, user, apiUrl } = chunkJCVZKCXC_cjs.useConnection();
+  const queries = reactQuery.useQueryClient();
+  const source = `docx-mentions:${apiUrl}:${user?.externalId || ""}`;
+  const queryKey = ["docx-mentions", apiUrl, user?.externalId];
+  const { data = [] } = reactQuery.useQuery({
+    queryKey,
+    queryFn: () => arbi.notifications.list("docx_mention"),
+    enabled: status === "authenticated",
+    refetchInterval: 3e4
+  });
+  react$1.useArbiWebSocket((message) => {
+    if (message.type === "docx_mention") void queries.invalidateQueries({ queryKey });
+  });
+  react.useEffect(() => {
+    const items = [];
+    if (status === "authenticated")
+      for (const note of data) {
+        if (note.recipient.external_id !== user?.externalId || !note.workspace_ext_id) continue;
+        try {
+          const target = JSON.parse(note.content || "{}");
+          if (!target.document_id?.startsWith("doc-") || !target.comment_id) continue;
+          const documentId = target.document_id, commentId = target.comment_id, workspaceId = note.workspace_ext_id;
+          items.push({
+            id: `docx:${note.external_id}`,
+            title: "Mentioned you in a document comment",
+            description: [note.sender.given_name, note.sender.family_name].filter(Boolean).join(" "),
+            variant: "info",
+            ts: Date.parse(note.created_at),
+            read: note.read,
+            source,
+            onSelect: () => {
+              void Promise.resolve(onOpen({ documentId, commentId, workspaceId })).catch(
+                (error) => react$1.notify.error(
+                  error instanceof Error ? error.message : "Could not open the document."
+                )
+              );
+            }
+          });
+        } catch {
+        }
+      }
+    react$1.useNotify.getState().syncSource(source, items);
+    return () => react$1.useNotify.getState().syncSource(source, []);
+  }, [data, status, user?.externalId, source, onOpen]);
+  const markRead = async (ids) => {
+    try {
+      await arbi.notifications.markRead(ids);
+      await queries.invalidateQueries({ queryKey });
+    } catch {
+      react$1.notify.error("Could not mark document mentions read.");
+    }
+  };
+  return {
+    onMarkRead: (id) => {
+      if (id.startsWith("docx:")) void markRead([id.slice(5)]);
+    },
+    onMarkAllRead: () => {
+      void markRead(
+        data.filter((note) => !note.read && note.recipient.external_id === user?.externalId).map((note) => note.external_id)
+      );
+    }
+  };
+}
 
 Object.defineProperty(exports, "ConnectedAssistantDock", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.ConnectedAssistantDock; }
+  get: function () { return chunkEUOGPUMJ_cjs.ConnectedAssistantDock; }
 });
-Object.defineProperty(exports, "ConnectionProvider", {
+Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.ConnectionProvider; }
+  get: function () { return chunkEUOGPUMJ_cjs.redlineStats; }
 });
-Object.defineProperty(exports, "SESSION_EXPIRED_MESSAGE", {
+Object.defineProperty(exports, "textToArtifact", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.SESSION_EXPIRED_MESSAGE; }
+  get: function () { return chunkEUOGPUMJ_cjs.textToArtifact; }
 });
-Object.defineProperty(exports, "isAuthenticated", {
+Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.isAuthenticated; }
+  get: function () { return chunkEUOGPUMJ_cjs.toRedlineMarkdown; }
 });
-Object.defineProperty(exports, "redlineStats", {
+Object.defineProperty(exports, "useConnectedAiTask", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.redlineStats; }
+  get: function () { return chunkEUOGPUMJ_cjs.useConnectedAiTask; }
 });
-Object.defineProperty(exports, "textToArtifact", {
+Object.defineProperty(exports, "useConnectedChat", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.textToArtifact; }
+  get: function () { return chunkEUOGPUMJ_cjs.useConnectedChat; }
 });
-Object.defineProperty(exports, "toRedlineMarkdown", {
+Object.defineProperty(exports, "useSemanticSearch", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.toRedlineMarkdown; }
+  get: function () { return chunkEUOGPUMJ_cjs.useSemanticSearch; }
 });
-Object.defineProperty(exports, "useConnectedAiTask", {
+Object.defineProperty(exports, "useWorkspaceDocs", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.useConnectedAiTask; }
+  get: function () { return chunkEUOGPUMJ_cjs.useWorkspaceDocs; }
 });
-Object.defineProperty(exports, "useConnectedChat", {
+Object.defineProperty(exports, "ConnectionProvider", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.useConnectedChat; }
+  get: function () { return chunkJCVZKCXC_cjs.ConnectionProvider; }
 });
-Object.defineProperty(exports, "useConnection", {
+Object.defineProperty(exports, "SESSION_EXPIRED_MESSAGE", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.useConnection; }
+  get: function () { return chunkJCVZKCXC_cjs.SESSION_EXPIRED_MESSAGE; }
 });
-Object.defineProperty(exports, "useSemanticSearch", {
+Object.defineProperty(exports, "isAuthenticated", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.useSemanticSearch; }
+  get: function () { return chunkJCVZKCXC_cjs.isAuthenticated; }
 });
-Object.defineProperty(exports, "useWorkspaceDocs", {
+Object.defineProperty(exports, "useConnection", {
   enumerable: true,
-  get: function () { return chunkZPOLKYR2_cjs.useWorkspaceDocs; }
+  get: function () { return chunkJCVZKCXC_cjs.useConnection; }
 });
 exports.ArbiAppProvider = ArbiAppProvider;
 exports.ConnectedDangerZone = ConnectedDangerZone;
@@ -502,6 +568,7 @@ exports.ConnectedSecuritySection = ConnectedSecuritySection;
 exports.ConnectedSessionsRow = ConnectedSessionsRow;
 exports.StreamedArtifact = StreamedArtifact;
 exports.defaultUnmetPasswordRequirement = defaultUnmetPasswordRequirement;
+exports.useConnectedDocxNotifications = useConnectedDocxNotifications;
 exports.useConnectedShellWorkspaces = useConnectedShellWorkspaces;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map