mirror of
https://github.com/documenso/documenso.git
synced 2026-09-29 16:24:30 +10:00
Lucas Smith
ae4b56dd88
Disable autocapture and person profiles for anonymous users, and redact signing tokens from captured URLs. Manually wire exception capture into the signing, editor and embed flows with recipient/envelope context for debugging recipient-reported issues. Track activation events (webhooks, api tokens, direct links, embed sessions) server-side with org attribution, and drop client events already tracked in-app.
76 lines
2.4 KiB
TypeScript
76 lines
2.4 KiB
TypeScript
import { useAnalytics } from '@documenso/lib/client-only/hooks/use-analytics';
|
|
import { useOptionalSession } from '@documenso/lib/client-only/providers/session';
|
|
import { cn } from '@documenso/ui/lib/utils';
|
|
import { Button } from '@documenso/ui/primitives/button';
|
|
import { i18n } from '@lingui/core';
|
|
import { msg } from '@lingui/core/macro';
|
|
import { Trans } from '@lingui/react/macro';
|
|
import { ChevronLeft } from 'lucide-react';
|
|
import { useEffect } from 'react';
|
|
import { isRouteErrorResponse, Link, Outlet } from 'react-router';
|
|
import { Header as AuthenticatedHeader } from '~/components/general/app-header';
|
|
import { GenericErrorLayout } from '~/components/general/generic-error-layout';
|
|
import type { Route } from './+types/_layout';
|
|
|
|
export function meta() {
|
|
return [
|
|
{ title: i18n._(msg`Sign Document - Documenso`) },
|
|
{ name: 'robots', content: 'noindex, nofollow, noarchive, nosnippet, noimageindex' },
|
|
];
|
|
}
|
|
|
|
/**
|
|
* A layout to handle scenarios where the user is a recipient of a given resource
|
|
* where we do not care whether they are authenticated or not.
|
|
*
|
|
* Such as direct template access, or signing.
|
|
*/
|
|
export default function RecipientLayout({ matches }: Route.ComponentProps) {
|
|
const { sessionData } = useOptionalSession();
|
|
|
|
// Hide the header for signing routes.
|
|
const hideHeader = matches.some(
|
|
(match) =>
|
|
match?.id === 'routes/_recipient+/sign.$token+/_index' || match?.id === 'routes/_recipient+/d.$token+/_index',
|
|
);
|
|
|
|
return (
|
|
<div className="min-h-screen">
|
|
{!hideHeader && sessionData?.user && <AuthenticatedHeader />}
|
|
|
|
<main
|
|
className={cn({
|
|
'mt-8 mb-8 px-4 md:mt-12 md:mb-12 md:px-8': !hideHeader,
|
|
})}
|
|
>
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
|
|
const analytics = useAnalytics();
|
|
|
|
const errorCode = isRouteErrorResponse(error) ? error.status : 500;
|
|
|
|
useEffect(() => {
|
|
analytics.captureException(error, { source: 'signing', location: 'recipient_layout_boundary' });
|
|
}, [error]);
|
|
|
|
return (
|
|
<GenericErrorLayout
|
|
errorCode={errorCode}
|
|
secondaryButton={null}
|
|
primaryButton={
|
|
<Button asChild className="w-32">
|
|
<Link to="/">
|
|
<ChevronLeft className="mr-2 h-4 w-4" />
|
|
<Trans>Go Back</Trans>
|
|
</Link>
|
|
</Button>
|
|
}
|
|
/>
|
|
);
|
|
}
|