UI: Added enable 'Secured by Papermark' in data rooms

components/links/link-sheet/index.tsx

@@ -78,6 +78,7 @@ export const DEFAULT_LINK_PROPS = (
   enableAgreement: false,
   agreementId: null,
   showBanner: linkType === LinkType.DOCUMENT_LINK ? showBanner : false,
+  securedByPapermark: linkType === LinkType.DATAROOM_LINK ? true : false,
   enableWatermark: false,
   watermarkConfig: null,
   audienceType: groupId ? LinkAudienceType.GROUP : LinkAudienceType.GENERAL,
@@ -120,6 +121,7 @@ export type DEFAULT_LINK_TYPE = {
   enableAgreement: boolean; // agreement
   agreementId: string | null;
   showBanner: boolean;
+  securedByPapermark: boolean;
   enableWatermark: boolean;
   watermarkConfig: WatermarkConfig | null;
   audienceType: LinkAudienceType;
@@ -765,4 +767,4 @@ export default function LinkSheet({
       </SheetContent>
     </Sheet>
   );
-}
+}

components/links/link-sheet/link-options.tsx

@@ -34,6 +34,7 @@ import CustomFieldsSection from "./custom-fields-section";
 import IndexFileSection from "./index-file-section";
 import QuestionSection from "./question-section";
 import ScreenshotProtectionSection from "./screenshot-protection-section";
+import SecuredByPapermarkSection from "./secured-by-papermark-section";
 import UploadSection from "./upload-section";
 import WatermarkSection from "./watermark-section";
 
@@ -301,7 +302,12 @@ export const LinkOptions = ({
           handleUpgradeStateChange={handleUpgradeStateChange}
         />
       ) : null}
-
+      {linkType === LinkType.DATAROOM_LINK && (
+        <SecuredByPapermarkSection
+          {...{ data, setData }}
+          presets={currentPreset}
+        />
+      )}
       <UpgradePlanModal
         clickedPlan={upgradePlan}
         open={openUpgradeModal}

components/links/link-sheet/secured-by-papermark-section.tsx

@@ -0,0 +1,51 @@
+import { useEffect, useState } from "react";
+
+import { LinkPreset } from "@prisma/client";
+
+import { DEFAULT_LINK_TYPE } from ".";
+import LinkItem from "./link-item";
+
+export default function SecuredByPapermarkSection({
+  data,
+  setData,
+  presets,
+}: {
+  data: DEFAULT_LINK_TYPE;
+  setData: React.Dispatch<React.SetStateAction<DEFAULT_LINK_TYPE>>;
+  presets: LinkPreset | null;
+}) {
+  const { securedByPapermark } = data;
+  const [enabled, setEnabled] = useState<boolean>(false);
+
+  useEffect(() => {
+    setEnabled(securedByPapermark ?? false);
+  }, [securedByPapermark]);
+
+  useEffect(() => {
+    if (presets?.securedByPapermark) {
+      setEnabled(true);
+      setData((prevData) => ({
+        ...prevData,
+        securedByPapermark: true,
+      }));
+    }
+  }, [presets, setData]);
+
+  const handleSecuredByPapermarkToggle = () => {
+    const updatedSecuredByPapermark = !enabled;
+    setData({ ...data, securedByPapermark: updatedSecuredByPapermark });
+    setEnabled(updatedSecuredByPapermark);
+  };
+
+  return (
+    <div className="pb-5">
+      <LinkItem
+        title="Secured by Papermark"
+        tooltipContent="Show a subtle footer with 'Secured by Papermark' branding in your dataroom"
+        enabled={enabled}
+        action={handleSecuredByPapermarkToggle}
+        isAllowed={true}
+      />
+    </div>
+  );
+}

components/links/links-table.tsx

@@ -207,6 +207,7 @@ export default function LinksTable({
       enableAgreement: link.enableAgreement ? link.enableAgreement : false,
       agreementId: link.agreementId,
       showBanner: link.showBanner ?? false,
+      securedByPapermark: link.securedByPapermark ?? false,
       enableWatermark: link.enableWatermark ?? false,
       watermarkConfig: link.watermarkConfig as WatermarkConfig | null,
       audienceType: link.audienceType,

components/view/dataroom/dataroom-document-view.tsx

@@ -19,6 +19,7 @@ import AccessForm, {
 import { useDisablePrint } from "@/lib/hooks/use-disable-print";
 
 import EmailVerificationMessage from "../access-form/email-verification-form";
+import { SecuredByPapermark } from "../secured-by-papermark";
 import ViewData, { TViewDocumentData } from "../view-data";
 
 type RowData = { [key: string]: any };
@@ -357,6 +358,7 @@ export default function DataroomDocumentView({
           <LoadingSpinner className="h-20 w-20" />
         </div>
       )}
+      {link.securedByPapermark && <SecuredByPapermark linkId={link.id} />}
     </div>
   );
 }

components/view/dataroom/dataroom-view.tsx

@@ -288,6 +288,7 @@ export default function DataroomView({
             userEmail ??
             undefined
           }
+          securedByPapermark={!!link.securedByPapermark}
         />
       </div>
     );

components/view/secured-by-papermark.tsx

@@ -0,0 +1,45 @@
+import { useState } from "react";
+
+import { CircleXIcon } from "lucide-react";
+import { createPortal } from "react-dom";
+
+export const SecuredByPapermark = ({
+  linkId,
+  isClosable = true,
+}: {
+  linkId: string;
+  isClosable?: boolean;
+}) => {
+  const [visible, setVisible] = useState(true);
+  if (!visible) return null;
+  return createPortal(
+    <div className="fixed bottom-0 left-0 right-0 z-[100] border-t border-gray-200 bg-white dark:border-gray-800 dark:bg-black">
+      <div className="flex items-center justify-between px-12 py-2 text-xs text-gray-500 dark:text-gray-400">
+        <div className="flex items-center space-x-2">
+          <span>© {new Date().getFullYear()} All rights reserved</span>
+        </div>
+        <div className="flex items-center space-x-1.5">
+          <span>Secured by</span>
+          <a
+            href={`https://www.papermark.com?utm_campaign=securedby&utm_medium=securedby&utm_source=papermark-${linkId}`}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="font-semibold text-gray-700 transition-colors hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-100"
+          >
+            Papermark
+          </a>
+        </div>
+        {isClosable && (
+          <button
+            onClick={() => setVisible(false)}
+            className="absolute right-4 rounded text-lg text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
+            aria-label="Close"
+          >
+            <CircleXIcon className="h-4 w-4" />
+          </button>
+        )}
+      </div>
+    </div>,
+    document.body,
+  );
+};

components/view/viewer/dataroom-viewer.tsx

@@ -39,6 +39,7 @@ import { DocumentUploadModal } from "../dataroom/document-upload-modal";
 import FolderCard from "../dataroom/folder-card";
 import IndexFileDialog from "../dataroom/index-file-dialog";
 import DataroomNav from "../dataroom/nav-dataroom";
+import { SecuredByPapermark } from "../secured-by-papermark";
 
 type FolderOrDocument =
   | (DataroomFolder & { allowDownload: boolean })
@@ -97,6 +98,7 @@ export default function DataroomViewer({
   enableIndexFile,
   isEmbedded,
   viewerEmail,
+  securedByPapermark,
 }: {
   brand: Partial<DataroomBrand>;
   viewId?: string;
@@ -112,6 +114,7 @@ export default function DataroomViewer({
   enableIndexFile?: boolean;
   isEmbedded?: boolean;
   viewerEmail?: string;
+  securedByPapermark?: boolean;
 }) {
   const { documents, folders } = dataroom as {
     documents: DataroomDocument[];
@@ -336,7 +339,11 @@ export default function DataroomViewer({
         isTeamMember={viewData.isTeamMember}
       />
       <div
-        style={{ height: "calc(100vh - 64px)" }}
+        style={{
+          height: securedByPapermark
+            ? "calc(100vh - 64px - 40px)"
+            : "calc(100vh - 64px)",
+        }}
         className="relative flex items-center bg-white dark:bg-black"
       >
         <div className="relative mx-auto flex h-full w-full items-start justify-center">
@@ -484,6 +491,9 @@ export default function DataroomViewer({
           </ScrollArea>
         </div>
       </div>
+      {securedByPapermark && (
+        <SecuredByPapermark linkId={linkId} isClosable={false} />
+      )}
     </>
   );
 }

components/welcome/containers/onboarding-dataroom-link-options.tsx

@@ -18,6 +18,7 @@ import PasswordSection from "@/components/links/link-sheet/password-section";
 import { ProBannerSection } from "@/components/links/link-sheet/pro-banner-section";
 import QuestionSection from "@/components/links/link-sheet/question-section";
 import ScreenshotProtectionSection from "@/components/links/link-sheet/screenshot-protection-section";
+import SecuredByPapermarkSection from "@/components/links/link-sheet/secured-by-papermark-section";
 import WatermarkSection from "@/components/links/link-sheet/watermark-section";
 import ChevronDown from "@/components/shared/icons/chevron-down";
 
@@ -86,6 +87,11 @@ export const OnboardingDataroomLinkOptions = ({
         handleUpgradeStateChange={() => {}}
         presets={currentPreset}
       />
+      <SecuredByPapermarkSection
+        data={data}
+        setData={setData}
+        presets={currentPreset}
+      />
       <div className="mb-4 mt-2">
         <button
           type="button"

pages/api/links/[id]/documents/[documentId].ts

@@ -47,6 +47,7 @@ export default async function handle(
             data: true,
           },
         },
+        securedByPapermark: true,
         enableAgreement: true,
         agreement: true,
         showBanner: true,

pages/api/links/[id]/index.ts

@@ -46,6 +46,7 @@ export default async function handle(
           metaTitle: true,
           metaDescription: true,
           metaImage: true,
+          securedByPapermark: true,
           metaFavicon: true,
           enableQuestion: true,
           linkType: true,
@@ -330,6 +331,7 @@ export default async function handle(
           enableAgreement: linkData.enableAgreement,
           agreementId: linkData.agreementId || null,
           showBanner: linkData.showBanner,
+          securedByPapermark: linkData.securedByPapermark || false,
           enableWatermark: linkData.enableWatermark || false,
           watermarkConfig: linkData.watermarkConfig || null,
           groupId: linkData.groupId || null,

pages/api/links/domains/[...domainSlug].ts

@@ -53,6 +53,7 @@ export default async function handle(
           enableScreenshotProtection: true,
           enableIndexFile: true,
           metaTitle: true,
+          securedByPapermark: true,
           metaDescription: true,
           metaImage: true,
           metaFavicon: true,

pages/api/links/index.ts

@@ -184,6 +184,7 @@ export default async function handler(
               uploadFolderId: linkData.uploadFolderId,
             }),
             showBanner: linkData.showBanner,
+            securedByPapermark: linkData.securedByPapermark,
             ...(linkData.customFields && {
               customFields: {
                 createMany: {

prisma/migrations/20250711074827_add_secured_by_papermark/migration.sql

@@ -0,0 +1,8 @@
+-- DropIndex
+DROP INDEX "Viewer_teamId_createdAt_idx";
+
+-- AlterTable
+ALTER TABLE "Link" ADD COLUMN     "securedByPapermark" BOOLEAN DEFAULT false;
+
+-- AlterTable
+ALTER TABLE "LinkPreset" ADD COLUMN     "securedByPapermark" BOOLEAN DEFAULT false;

prisma/schema/link.prisma

@@ -42,6 +42,7 @@ model Link {
   agreement                  Agreement? @relation(fields: [agreementId], references: [id], onDelete: SetNull)
   agreementId                String? // This can be nullable, representing links without agreements
   showBanner                 Boolean?   @default(false) // Optional give user a option to show the banner and end of document signup form
+  securedByPapermark         Boolean?   @default(false)
   enableWatermark            Boolean?   @default(false) // Optional give user a option to enable the watermark
   watermarkConfig            Json? // This will store the watermark configuration: {text: "Confidential", isTiled: false, color: "#000000", fontSize: 12, opacity: 0.5, rotation: 30, position: "top-right"}
 
@@ -117,6 +118,8 @@ model LinkPreset {
   enableAgreement Boolean? @default(false)
   agreementId     String?
 
+  securedByPapermark Boolean? @default(false)
+
   enableCustomFields Boolean? @default(false)
   customFields       Json? //[{type: "SHORT_TEXT", identifier: "name", label: "Name", required: true}]