Merge pull request #1616 from mfts/marc/pm-271-add-link-presets-to-incoming-hooks

feat: add presetId to incoming webhooks

Author: mfts

components/documents/folder-card.tsx

@@ -5,6 +5,8 @@ import { useEffect, useRef, useState } from "react";
 import { TeamContextType } from "@/context/team-context";
 import {
   BetweenHorizontalStartIcon,
+  ClipboardCopyIcon,
+  CopyIcon,
   FolderIcon,
   FolderInputIcon,
   FolderPenIcon,
@@ -15,6 +17,10 @@ import {
 import { toast } from "sonner";
 import { mutate } from "swr";
 
+import { DataroomFolderWithCount } from "@/lib/swr/use-dataroom";
+import { FolderWithCount } from "@/lib/swr/use-documents";
+import { timeAgo } from "@/lib/utils";
+
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -25,10 +31,6 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 
-import { DataroomFolderWithCount } from "@/lib/swr/use-dataroom";
-import { FolderWithCount } from "@/lib/swr/use-documents";
-import { timeAgo } from "@/lib/utils";
-
 import { MoveToDataroomFolderModal } from "../datarooms/move-dataroom-folder-modal";
 import { EditFolderModal } from "../folders/edit-folder-modal";
 import { AddFolderToDataroomModal } from "./add-folder-to-dataroom-modal";
@@ -244,7 +246,7 @@ export default function FolderCard({
                 <MoreVertical className="h-4 w-4" />
               </Button>
             </DropdownMenuTrigger>
-            <DropdownMenuContent align="end" ref={dropdownRef}>
+            <DropdownMenuContent align="end" ref={dropdownRef} className="w-64">
               <DropdownMenuLabel>Actions</DropdownMenuLabel>
               <DropdownMenuItem
                 onClick={(e) => {
@@ -286,6 +288,23 @@ export default function FolderCard({
                   ? "Copy folder to other dataroom"
                   : "Add folder to dataroom"}
               </DropdownMenuItem>
+              <DropdownMenuItem
+                onClick={(e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  navigator.clipboard.writeText(folder.id);
+                  toast.success("Folder ID copied to clipboard");
+                }}
+                className="group/folderid"
+              >
+                <CopyIcon className="mr-2 h-4 w-4" />
+                <span className="inline group-hover/folderid:hidden">
+                  Copy Folder ID
+                </span>
+                <span className="hidden group-hover/folderid:inline group-hover/folderid:cursor-copy">
+                  {folder.id}
+                </span>
+              </DropdownMenuItem>
               <DropdownMenuSeparator />
 
               <DropdownMenuItem

lib/utils.ts

@@ -1,3 +1,5 @@
+import { NextRouter } from "next/router";
+
 import slugify from "@sindresorhus/slugify";
 import { upload } from "@vercel/blob/client";
 import { Message } from "ai";
@@ -6,7 +8,6 @@ import { type ClassValue, clsx } from "clsx";
 import crypto from "crypto";
 import ms from "ms";
 import { customAlphabet } from "nanoid";
-import { NextRouter } from "next/router";
 import { ThreadMessage } from "openai/resources/beta/threads/messages/messages";
 import { rgb } from "pdf-lib";
 import { ParsedUrlQuery } from "querystring";
@@ -394,6 +395,10 @@ export function constructMetadata({
   };
 }
 
+export const isDataUrl = (str: string): boolean => {
+  return str?.startsWith("data:");
+};
+
 export const convertDataUrlToFile = ({
   dataUrl,
   filename = "logo.png",
@@ -422,6 +427,30 @@ export const convertDataUrlToFile = ({
   return new File([u8arr], filename, { type: mime });
 };
 
+export const convertDataUrlToBuffer = (
+  dataUrl: string,
+): { buffer: Buffer; mimeType: string; filename: string } => {
+  // Extract mime type
+  const match = dataUrl.match(/:(.*?);/);
+  const mimeType = match ? match[1] : "";
+
+  // Extract base64 data
+  const base64Data = dataUrl.split(",")[1];
+  const buffer = Buffer.from(base64Data, "base64");
+
+  // Determine filename based on mime type
+  const filename =
+    mimeType === "image/png"
+      ? "image.png"
+      : mimeType === "image/jpeg"
+        ? "image.jpg"
+        : mimeType === "image/x-icon" || mimeType === "image/vnd.microsoft.icon"
+          ? "favicon.ico"
+          : "image";
+
+  return { buffer, mimeType, filename };
+};
+
 export const validateImageDimensions = (
   image: string,
   minSize: number,
@@ -563,15 +592,15 @@ export const getBreadcrumbPath = (path: string[]) => {
 };
 
 export const handleInvitationStatus = (
-  invitationStatus: 'accepted' | 'teamMember',
+  invitationStatus: "accepted" | "teamMember",
   queryParams: ParsedUrlQuery,
   router: NextRouter,
 ) => {
   switch (invitationStatus) {
-    case 'accepted':
+    case "accepted":
       toast.success("Welcome to the team! You've successfully joined.");
       break;
-    case 'teamMember':
+    case "teamMember":
       toast.error("You've already accepted this invitation!");
       break;
     default: