Ms2 copy/edit shared process with artifacts

src/management-system-v2/app/api/private/file-manager/route.ts

@@ -23,10 +23,15 @@ export async function GET(request: NextRequest) {
   const entityType = searchParams.get('entityType');
   const environmentId = searchParams.get('environmentId') || 'unauthenticated';
   const fileName = searchParams.get('fileName') || undefined;
-  if (!entityId || !entityType || !environmentId) {
+  if (
+    !entityId ||
+    !entityType ||
+    !environmentId ||
+    (entityType === EntityType.PROCESS && !fileName)
+  ) {
     return new NextResponse(null, {
       status: 400,
-      statusText: 'entityId,entityType, environmentId and fileName required as URL search params',
+      statusText: 'entityId, entityType, environmentId and fileName required as URL search params',
     });
   }
 
@@ -41,26 +46,25 @@ export async function GET(request: NextRequest) {
       });
     }
 
-    if (environmentId === 'unauthenticated') {
-      // if the user is not an owner check if they have access if a share token is provided in the query data of the url
-      const shareToken = searchParams.get('shareToken');
-      if (!canAccess && shareToken) {
-        const key = process.env.SHARING_ENCRYPTION_SECRET!;
-        const {
-          processId: shareProcessId,
-          embeddedMode,
-          timestamp,
-        } = jwt.verify(shareToken, key!) as TokenPayload;
-
-        canAccess =
-          !embeddedMode && shareProcessId === entityId && timestamp === processMeta.shareTimestamp;
-      }
-    } else {
-      // if the user is not unauthenticated check if they have access to the process due to being an owner
+    if (environmentId !== 'unauthenticated') {
       const { ability } = await getCurrentEnvironment(environmentId);
+
       canAccess = ability.can('view', toCaslResource('Process', processMeta));
     }
 
+    // if the user is not an owner check if they have access if a share token is provided in the query data of the url
+    const shareToken = searchParams.get('shareToken');
+    if (!canAccess && shareToken) {
+      const key = process.env.SHARING_ENCRYPTION_SECRET!;
+      const {
+        processId: shareProcessId,
+        embeddedMode,
+        timestamp,
+      } = jwt.verify(shareToken, key!) as TokenPayload;
+      canAccess =
+        !embeddedMode && shareProcessId === entityId && timestamp === processMeta.shareTimestamp;
+    }
+
     if (!canAccess) {
       return new NextResponse(null, {
         status: 403,
@@ -81,7 +85,6 @@ export async function GET(request: NextRequest) {
     }
 
     const headers = new Headers();
-    console.log(fileType.mime);
     headers.set('Content-Type', fileType.mime);
     return new NextResponse(data, { status: 200, statusText: 'OK', headers });
   } catch (error: any) {
@@ -157,7 +160,6 @@ export async function PUT(request: NextRequest) {
   );
 
   const fileType = await fileTypeFromBuffer(buffer);
-  console.log(fileType);
   if (!fileType) {
     return new NextResponse(null, {
       status: 415,

src/management-system-v2/app/shared-viewer/documentation-page.tsx

@@ -37,6 +37,7 @@ import {
   ImportsInfo,
   getElementSVG,
 } from './documentation-page-utils';
+import { Environment } from '@/lib/data/environment-schema';
 
 /**
  * Import the Editor asynchronously since it implicitly uses browser logic which leads to errors when this file is loaded on the server
@@ -54,13 +55,15 @@ const markdownEditor: Promise<ToastEditorType> =
 type BPMNSharedViewerProps = {
   processData: Awaited<ReturnType<typeof getProcess>>;
   isOwner: boolean;
+  userWorkspaces: Environment[];
   defaultSettings?: SettingsOption;
   availableImports: ImportsInfo;
 };
 
 const BPMNSharedViewer = ({
   processData,
   isOwner,
+  userWorkspaces,
   defaultSettings,
   availableImports,
 }: BPMNSharedViewerProps) => {
@@ -223,6 +226,7 @@ const BPMNSharedViewer = ({
               </Button>
               {!isOwner && (
                 <WorkspaceSelectionModalButton
+                  workspaces={userWorkspaces}
                   processData={processData}
                   versionInfo={versionInfo}
                 />

src/management-system-v2/app/shared-viewer/page.tsx

@@ -19,6 +19,7 @@ import { getDefinitionsAndProcessIdForEveryCallActivity } from '@proceed/bpmn-he
 
 import { SettingsOption } from './settings-modal';
 import { env } from '@/lib/env-vars';
+import { asyncMap } from '@/lib/helpers/javascriptHelpers';
 
 interface PageProps {
   searchParams: {
@@ -131,11 +132,10 @@ const SharedViewer = async ({ searchParams }: PageProps) => {
 
   const userEnvironments: Environment[] = [await getEnvironmentById(userId)];
   const userOrgEnvs = await getUserOrganizationEnvironments(userId);
-  const orgEnvironmentsPromises = userOrgEnvs.map(async (environmentId) => {
-    return await getEnvironmentById(environmentId);
-  });
 
-  const orgEnvironments = await Promise.all(orgEnvironmentsPromises);
+  const orgEnvironments = await asyncMap(userOrgEnvs, (environmentId) =>
+    getEnvironmentById(environmentId),
+  );
 
   userEnvironments.push(...orgEnvironments);
 
@@ -211,6 +211,7 @@ const SharedViewer = async ({ searchParams }: PageProps) => {
             >
               <BPMNSharedViewer
                 isOwner={isOwner}
+                userWorkspaces={userEnvironments}
                 processData={processData!}
                 defaultSettings={defaultSettings}
                 availableImports={availableImports}

src/management-system-v2/app/shared-viewer/workspace-selection.module.scss

@@ -1,15 +1,18 @@
 .WorkspaceSelection {
+  margin-bottom: 10px;
   display: flex;
   flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
   gap: 10px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
 
   .WorkspaceButton {
     border: 1px solid black;
-    width: 150px;
-    height: 100px;
-    display: flex;
+    margin: 5px;
+    width: 200px;
+    height: 120px;
+    display: inline-flex; /* Ensure buttons align horizontally */
     flex-direction: column;
     justify-content: center;
     align-items: center;