mirror of
https://github.com/hanzo-apps/dataroom.git
synced 2026-10-30 14:47:36 +00:00
zeekayandHanzo Dev
f77d5010d8
Papermark dual-licenses: AGPL-3.0 for the tree, a separate commercial
licence for ee/. We hold the first and not the second, so none of the
second may live here.
ee/ was already absent from main, but it was never deleted. 98f0da7fa
("ci: amd64-only build") renamed 150 files out of ee/ byte-identical
into features/, lib/billing/legacy/ (ee/stripe), lib/billing/limits/
(ee/limits), and flattened app/(ee)/ into app/ — putting commercially
licensed code under our AGPL root LICENSE. A rename is not a deletion.
Every path that commit moved is now gone, edited-since or not.
Deleted, with their routes and UI entry points: features/ai and
app/api/ai, features/workflows and app/api/{workflows,workflow-entry},
features/conversations and the Q&A/FAQ surface, features/security/sso
with app/api/auth/saml + app/api/scim + lib/jackson.ts (we use Hanzo
IAM OIDC natively), features/dataroom-invitations, features/templates,
features/access-notifications, features/conversions, features/
permissions. Five of these were gated by lib/featureFlags, which reads
@vercel/edge-config and returns false for every flag when EDGE_CONFIG
is unset — every non-Vercel deployment we run. Those flags are gone too.
Deleted the commercial gating outright rather than reimplementing it:
lib/billing/legacy (ee/stripe) and lib/billing/limits (ee/limits), the
upgrade modals and banners, UpgradeButton, FeaturePreview, PlanBadge,
the trial and blocking modals, /settings/upgrade, /settings/billing and
the billing checkout/seat/pause/cancel API. usePlan() no longer returns
capability booleans — the plan tag describes provisioning, it is not a
permission — and useLimits() is gone with every quota check it fed.
Subscription pause went the same way. Also dropped the npm dependencies
that existed only for the removed features (@boxyhq/saml-jackson, the
@ai-sdk packages, openai, streamdown, use-stick-to-bottom,
@trigger.dev/python) and the Jackson-specific next.config webpack shims.
Rewritten as original Hanzo code where a capability was load-bearing:
- lib/utils/get-file-size-limits.ts — one UPLOAD_LIMITS set plus
getFileSizeLimit(contentType), env-overridable. Operational limits,
not commercial ones, so the tus and browser-upload paths still refuse
oversized files without consulting a plan matrix.
- components/links/link-sheet/permissions-sheet.tsx — a flat, depth
annotated item list with view/download switches over the same
/permission-groups API. Two states, not three. ItemPermission now has
a single definition in lib/types.ts.
- app/api/links/[id]/upload/route.ts — visitor uploads, built around one
authorize() helper shared by GET and POST, and a notification debounce
keyed per (link, viewer) instead of listing and cancelling runs.
There is now exactly one link sheet: the ee DataroomLinkSheet duplicated
the AGPL LinkSheet, which already handled DATAROOM_LINK. Replaced
upstream's Omit<LinkType, "WORKFLOW_LINK"> — Omit on a string union
yields an object type and never narrowed anything — with a real union.
Verified: the S3/tus upload+download harness passes 13/13 against MinIO
after the deletions, and tsc goes from 257 pre-existing errors on
origin/main to 192 with zero files worse than baseline.
Reasoning recorded in LLM.md. LICENSE untouched.
Co-authored-by: Hanzo Dev <[email protected]>
325 lines
13 KiB
TypeScript
325 lines
13 KiB
TypeScript
import { useState } from "react";
|
|
|
|
import { useTeam } from "@/context/team-context";
|
|
import {
|
|
BadgeCheckIcon,
|
|
BadgeInfoIcon,
|
|
Download,
|
|
DownloadCloudIcon,
|
|
FileBadgeIcon,
|
|
MailOpenIcon,
|
|
} from "lucide-react";
|
|
|
|
import { useDataroom } from "@/lib/swr/use-dataroom";
|
|
import { useDataroomVisits } from "@/lib/swr/use-dataroom";
|
|
import { timeAgo } from "@/lib/utils";
|
|
|
|
import ChevronDown from "@/components/shared/icons/chevron-down";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Collapsible,
|
|
CollapsibleContent,
|
|
CollapsibleTrigger,
|
|
} from "@/components/ui/collapsible";
|
|
import { Skeleton } from "@/components/ui/skeleton";
|
|
import {
|
|
Table,
|
|
TableBody,
|
|
TableCell,
|
|
TableHead,
|
|
TableHeader,
|
|
TableRow,
|
|
} from "@/components/ui/table";
|
|
import { TimestampTooltip } from "@/components/ui/timestamp-tooltip";
|
|
import { BadgeTooltip } from "@/components/ui/tooltip";
|
|
|
|
import { ExportVisitsModal } from "../datarooms/export-visits-modal";
|
|
import { DataroomViewStats } from "./dataroom-view-stats";
|
|
import DataroomVisitorCustomFields from "./dataroom-visitor-custom-fields";
|
|
import { DataroomVisitorUserAgent } from "./dataroom-visitor-useragent";
|
|
import { VisitorAvatar } from "./visitor-avatar";
|
|
|
|
export default function DataroomVisitorsTable({
|
|
dataroomId,
|
|
groupId,
|
|
name,
|
|
}: {
|
|
dataroomId: string;
|
|
groupId?: string;
|
|
name?: string;
|
|
}) {
|
|
const teamInfo = useTeam();
|
|
const teamId = teamInfo?.currentTeam?.id;
|
|
const { views } = useDataroomVisits({
|
|
dataroomId,
|
|
groupId,
|
|
});
|
|
const { dataroom } = useDataroom();
|
|
const [exportModalOpen, setExportModalOpen] = useState(false);
|
|
const [expandedViewIds, setExpandedViewIds] = useState<Set<string>>(
|
|
new Set(),
|
|
);
|
|
|
|
const exportVisitCounts = () => {
|
|
setExportModalOpen(true);
|
|
};
|
|
|
|
const handleOpenChange = (viewId: string, open: boolean) => {
|
|
setExpandedViewIds((prev) => {
|
|
const next = new Set(prev);
|
|
if (open) {
|
|
next.add(viewId);
|
|
} else {
|
|
next.delete(viewId);
|
|
}
|
|
return next;
|
|
});
|
|
};
|
|
|
|
return (
|
|
<div className="w-full">
|
|
<div className="mb-2 flex items-center justify-between md:mb-4">
|
|
<h2>All visitors</h2>
|
|
<Button variant="outline" size="sm" onClick={exportVisitCounts}>
|
|
<Download className="!size-4" />
|
|
Export visits
|
|
</Button>
|
|
</div>
|
|
<div className="rounded-md border">
|
|
<Table className="table-fixed">
|
|
<TableHeader>
|
|
<TableRow className="*:whitespace-nowrap *:font-medium hover:bg-transparent">
|
|
<TableHead>Name</TableHead>
|
|
<TableHead className="w-[120px]">
|
|
{expandedViewIds.size > 0 ? "View Duration" : null}
|
|
</TableHead>
|
|
<TableHead className="w-[140px]">
|
|
{expandedViewIds.size > 0 ? "View Completion" : null}
|
|
</TableHead>
|
|
<TableHead className="w-[120px]">Last Viewed</TableHead>
|
|
<TableHead className="w-[48px]" />
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{views?.length === 0 && (
|
|
<TableRow>
|
|
<TableCell colSpan={5}>
|
|
<div className="flex h-40 w-full items-center justify-center">
|
|
<p>No views yet. Try sharing a link.</p>
|
|
</div>
|
|
</TableCell>
|
|
</TableRow>
|
|
)}
|
|
{views ? (
|
|
views.map((view) => (
|
|
<Collapsible
|
|
key={view.id}
|
|
asChild
|
|
onOpenChange={(open) => handleOpenChange(view.id, open)}
|
|
>
|
|
<>
|
|
<TableRow key={view.id} className="group/row">
|
|
{/* Name */}
|
|
<TableCell className="">
|
|
<div className="flex items-center overflow-visible sm:space-x-3">
|
|
<VisitorAvatar viewerEmail={view.viewerEmail} />
|
|
<div className="min-w-0 flex-1">
|
|
<div className="focus:outline-none">
|
|
<p className="flex items-center gap-x-2 overflow-visible text-sm font-medium text-gray-800 dark:text-gray-200">
|
|
{view.viewerEmail ? (
|
|
<>
|
|
{view.viewerName || view.viewerEmail}{" "}
|
|
{view.verified && (
|
|
<BadgeTooltip
|
|
content="Verified visitor"
|
|
key={`verified-${view.id}`}
|
|
>
|
|
<BadgeCheckIcon className="h-4 w-4 text-emerald-500 hover:text-emerald-600" />
|
|
</BadgeTooltip>
|
|
)}
|
|
{view.internal && (
|
|
<BadgeTooltip
|
|
content="Internal visitor"
|
|
key={`internal-${view.id}`}
|
|
>
|
|
<BadgeInfoIcon className="h-4 w-4 text-blue-500 hover:text-blue-600" />
|
|
</BadgeTooltip>
|
|
)}
|
|
{view.downloadedAt && (
|
|
<BadgeTooltip
|
|
content={`Downloaded ${timeAgo(view.downloadedAt)}`}
|
|
key={`download-${view.id}`}
|
|
>
|
|
<DownloadCloudIcon className="h-4 w-4 text-cyan-500 hover:text-cyan-600" />
|
|
</BadgeTooltip>
|
|
)}
|
|
{view.agreementResponse && (
|
|
<BadgeTooltip
|
|
content={`Agreed to ${view.agreementResponse.agreement.name}`}
|
|
key={`agreement-${view.id}`}
|
|
>
|
|
<FileBadgeIcon className="h-4 w-4 text-emerald-500 hover:text-emerald-600" />
|
|
</BadgeTooltip>
|
|
)}
|
|
</>
|
|
) : (
|
|
"Anonymous"
|
|
)}
|
|
</p>
|
|
{view.viewerName && view.viewerEmail && (
|
|
<p className="text-xs text-muted-foreground/60">
|
|
{view.viewerEmail}
|
|
</p>
|
|
)}
|
|
<p className="text-xs text-muted-foreground/60 sm:text-sm">
|
|
{view.link.name ? view.link.name : view.linkId}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</TableCell>
|
|
<TableCell />
|
|
<TableCell />
|
|
{/* Last Viewed */}
|
|
<TableCell className="text-sm text-muted-foreground">
|
|
<TimestampTooltip
|
|
timestamp={view.viewedAt}
|
|
side="right"
|
|
rows={["local", "utc", "unix"]}
|
|
>
|
|
<time
|
|
className="select-none"
|
|
dateTime={new Date(view.viewedAt).toISOString()}
|
|
>
|
|
{timeAgo(view.viewedAt)}
|
|
</time>
|
|
</TimestampTooltip>
|
|
</TableCell>
|
|
{/* Actions */}
|
|
<TableCell className="cursor-pointer p-0 text-center sm:text-right">
|
|
<CollapsibleTrigger asChild>
|
|
<div className="flex justify-end space-x-1 p-5 [&[data-state=open]>svg.chevron]:rotate-180">
|
|
<ChevronDown className="chevron h-4 w-4 shrink-0 transition-transform duration-200" />
|
|
</div>
|
|
</CollapsibleTrigger>
|
|
</TableCell>
|
|
</TableRow>
|
|
|
|
<CollapsibleContent asChild>
|
|
<>
|
|
<TableRow>
|
|
<TableCell colSpan={5}>
|
|
<DataroomVisitorCustomFields
|
|
viewId={view.id}
|
|
teamId={view.teamId!}
|
|
dataroomId={dataroomId}
|
|
/>
|
|
<DataroomVisitorUserAgent viewId={view.id} />
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow key={view.id} className="[&>td]:py-3">
|
|
<TableCell>
|
|
<div className="flex items-center gap-x-4 overflow-visible">
|
|
<MailOpenIcon className="h-5 w-5 text-[#fb7a00]" />
|
|
Accessed {view.dataroomName} dataroom
|
|
</div>
|
|
</TableCell>
|
|
<TableCell />
|
|
<TableCell />
|
|
<TableCell>
|
|
<TimestampTooltip
|
|
timestamp={view.viewedAt}
|
|
side="right"
|
|
rows={["local", "utc", "unix"]}
|
|
>
|
|
<time
|
|
className="select-none truncate text-sm text-muted-foreground"
|
|
dateTime={new Date(view.viewedAt).toISOString()}
|
|
>
|
|
{timeAgo(view.viewedAt)}
|
|
</time>
|
|
</TimestampTooltip>
|
|
</TableCell>
|
|
<TableCell />
|
|
</TableRow>
|
|
|
|
{view.downloadedAt ? (
|
|
<TableRow
|
|
key={`download-item-${view.id}`}
|
|
className="[&>td]:py-3"
|
|
>
|
|
<TableCell>
|
|
<div className="flex items-center gap-x-4 overflow-visible">
|
|
<DownloadCloudIcon className="h-5 w-5 text-cyan-500 hover:text-cyan-600" />
|
|
Downloaded {view.dataroomName} dataroom
|
|
</div>
|
|
</TableCell>
|
|
<TableCell />
|
|
<TableCell />
|
|
<TableCell>
|
|
<TimestampTooltip
|
|
timestamp={view.downloadedAt}
|
|
side="right"
|
|
rows={["local", "utc", "unix"]}
|
|
>
|
|
<time
|
|
className="select-none truncate text-sm text-muted-foreground"
|
|
dateTime={new Date(
|
|
view.downloadedAt,
|
|
).toISOString()}
|
|
>
|
|
{timeAgo(view.downloadedAt)}
|
|
</time>
|
|
</TimestampTooltip>
|
|
</TableCell>
|
|
<TableCell />
|
|
</TableRow>
|
|
) : null}
|
|
|
|
<DataroomViewStats
|
|
viewId={view.id}
|
|
dataroomId={dataroomId}
|
|
isExpanded={expandedViewIds.has(view.id)}
|
|
/>
|
|
</>
|
|
</CollapsibleContent>
|
|
</>
|
|
</Collapsible>
|
|
))
|
|
) : (
|
|
<TableRow>
|
|
<TableCell className="min-w-[100px]">
|
|
<Skeleton className="h-6 w-full" />
|
|
</TableCell>
|
|
<TableCell>
|
|
<Skeleton className="h-6 w-14" />
|
|
</TableCell>
|
|
<TableCell>
|
|
<Skeleton className="h-6 w-6 rounded-full" />
|
|
</TableCell>
|
|
<TableCell className="min-w-[100px]">
|
|
<Skeleton className="h-6 w-24" />
|
|
</TableCell>
|
|
<TableCell>
|
|
<Skeleton className="h-6 w-6" />
|
|
</TableCell>
|
|
</TableRow>
|
|
)}
|
|
</TableBody>
|
|
</Table>
|
|
</div>
|
|
|
|
{dataroom && teamId && exportModalOpen && (
|
|
<ExportVisitsModal
|
|
dataroomId={dataroomId}
|
|
dataroomName={dataroom.name}
|
|
teamId={teamId}
|
|
groupId={groupId}
|
|
groupName={name}
|
|
onClose={() => setExportModalOpen(false)}
|
|
/>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|