@arbidocs/blocks 0.5.4 → 0.5.5

package/dist/connect/index.cjs

@@ -27647,7 +27647,7 @@ function ConnectedGrantWorkspaceAccessDialog({
           return;
         }
       }
-      await addWorkspaceUsers.mutateAsync({
+      const grantedMembers = await addWorkspaceUsers.mutateAsync({
         emails: [requester.email],
         role: selectedRole,
         workspace_key: workspaceKey,
@@ -27657,8 +27657,11 @@ function ConnectedGrantWorkspaceAccessDialog({
       });
       const wsName = workspaces.find((w) => w.external_id === wsId)?.name ?? "the workspace";
       const roleLabel = chunk2ETLLFQV_cjs.formatRole(selectedRole).toLowerCase();
+      const expiresAt = Array.isArray(grantedMembers) ? grantedMembers.find((member) => member.user?.email === requester.email)?.access_expires_at : void 0;
+      const expiryIso = expiresAt && !/(?:Z|[+-]\d{2}:\d{2})$/i.test(expiresAt) ? `${expiresAt}Z` : expiresAt;
+      const expiryZone = expiryIso ? new Intl.DateTimeFormat(void 0, { timeZoneName: "short" }).formatToParts(new Date(expiryIso)).find((part) => part.type === "timeZoneName")?.value : void 0;
       notify17(
-        kind === "temporary" ? `Granted ${requesterName} temporary ${roleLabel} access to ${wsName}` : `Granted ${requesterName} ${roleLabel} access to ${wsName}`,
+        kind === "temporary" ? `Access granted.${expiryIso ? ` Expires ${ui.formatFriendlyDate(expiryIso)} ${expiryZone ?? ""}.` : ""}` : `Granted ${requesterName} ${roleLabel} access to ${wsName}`,
         "success"
       );
       if (fromTask && kind === "temporary" && taskExtId) {
@@ -27779,8 +27782,7 @@ function ConnectedGrantWorkspaceAccessDialog({
           /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "4", children: "4 hours" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "24", children: "24 hours" })
         ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "External access expires automatically. They can request access again." })
+      ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-end", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -27826,6 +27828,9 @@ function ConnectedGrantWorkspaceAccessDialog({
 function ConnectedRequestWorkspaceAccess({
   recipient,
   workspaceExtId,
+  workspaceName,
+  triggerLabel = "Request access",
+  onRequested,
   knownWorkspaceIds = [],
   variant = "outline",
   size = "sm",
@@ -27834,6 +27839,7 @@ function ConnectedRequestWorkspaceAccess({
   onOpenChange
 }) {
   const { notify: notify17 } = chunk6TJQTDQI_cjs.useBlocksEnvironment();
+  const arbi = react.useArbi();
   const [uncontrolledOpen, setUncontrolledOpen] = React7.useState(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
@@ -27842,6 +27848,19 @@ function ConnectedRequestWorkspaceAccess({
   const request = react.useRequestWorkspaceAccess();
   const [selectedWorkspace, setSelectedWorkspace] = React7.useState();
   const targetWorkspace = selectedWorkspace ?? workspaceExtId ?? (knownWorkspaceIds.length === 1 ? knownWorkspaceIds[0] : void 0);
+  const [resolvedName, setResolvedName] = React7.useState();
+  React7.useEffect(() => {
+    let current = true;
+    setResolvedName(void 0);
+    if (!isOpen || !targetWorkspace || workspaceName) return;
+    void arbi.workspaces.accessStatus(targetWorkspace).then((status) => {
+      if (current) setResolvedName(status.workspace_name);
+    }).catch(() => {
+    });
+    return () => {
+      current = false;
+    };
+  }, [arbi, isOpen, targetWorkspace, workspaceName]);
   const name = [recipient.given_name, recipient.family_name].filter(Boolean).join(" ") || recipient.email || "this user";
   const submit = async () => {
     try {
@@ -27852,6 +27871,7 @@ function ConnectedRequestWorkspaceAccess({
       notify17(`Requested workspace access from ${name}`, "success");
       setNote("");
       setOpen(false);
+      onRequested?.();
     } catch {
       notify17("Could not send the access request", "error");
     }
@@ -27866,7 +27886,7 @@ function ConnectedRequestWorkspaceAccess({
         "data-testid": "request-workspace-access-button",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, { className: size === "icon" ? "h-4 w-4" : "mr-2 h-4 w-4" }),
-          size === "icon" ? null : "Request access"
+          size === "icon" ? null : triggerLabel
         ]
       }
     ) }),
@@ -27875,7 +27895,22 @@ function ConnectedRequestWorkspaceAccess({
         /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Request workspace access" }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: targetWorkspace ? `Ask ${name} to renew your access to this workspace.` : `Ask ${name} to give you access to one of their workspaces.` })
       ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-md border bg-muted/30 p-3 text-sm text-muted-foreground", children: "Sending a request does not grant or extend access. For temporary access, the owner chooses a duration of up to 24 hours. Your confirmation email will show the exact expiry." }),
       /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalSection, { children: [
+        targetWorkspace && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalSectionTitle, { children: "Workspace being requested" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "rounded-md border bg-muted/30 px-3 py-2",
+              "data-testid": "request-access-workspace",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: workspaceName || resolvedName || targetWorkspace }),
+                (workspaceName || resolvedName) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: targetWorkspace })
+              ]
+            }
+          )
+        ] }),
         knownWorkspaceIds.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalSectionTitle, { children: "Workspace" }),
           /* @__PURE__ */ jsxRuntime.jsxs(