fix(editor): Issue with context menu disabling most options when importing template (#15185)

Author: RicardoE105

packages/frontend/editor-ui/src/composables/useCanvasOperations.test.ts

@@ -3002,7 +3002,7 @@ describe('useCanvasOperations', () => {
 				disabled: false,
 			});
 			expect(workflowsStore.setNodePristine).toHaveBeenCalledWith(nodeB.name, true);
-			expect(workflowsStore.getNewWorkflowData).toHaveBeenCalledWith(
+			expect(workflowsStore.getNewWorkflowDataAndMakeShareable).toHaveBeenCalledWith(
 				templateName,
 				projectsStore.currentProjectId,
 			);

packages/frontend/editor-ui/src/composables/useCanvasOperations.ts

@@ -2003,7 +2003,7 @@ export function useCanvasOperations({ router }: { router: ReturnType<typeof useR
 			workflowsStore.setConnections(workflow.connections);
 		}
 		await addNodes(convertedNodes ?? []);
-		await workflowsStore.getNewWorkflowData(name, projectsStore.currentProjectId);
+		await workflowsStore.getNewWorkflowDataAndMakeShareable(name, projectsStore.currentProjectId);
 		workflowsStore.addToWorkflowMetadata({ templateId: `${id}` });
 	}
 

packages/frontend/editor-ui/src/stores/workflows.store.ts

@@ -632,6 +632,16 @@ export const useWorkflowsStore = defineStore(STORES.WORKFLOWS, () => {
 		return workflowData;
 	}
 
+	async function getNewWorkflowDataAndMakeShareable(
+		name?: string,
+		projectId?: string,
+		parentFolderId?: string,
+	): Promise<INewWorkflowData> {
+		const workflowData = await getNewWorkflowData(name, projectId, parentFolderId);
+		makeNewWorkflowShareable();
+		return workflowData;
+	}
+
 	function makeNewWorkflowShareable() {
 		const { currentProject, personalProject } = useProjectsStore();
 		const homeProject = currentProject ?? personalProject ?? {};
@@ -1963,6 +1973,7 @@ export const useWorkflowsStore = defineStore(STORES.WORKFLOWS, () => {
 		markExecutionAsStopped,
 		findNodeByPartialId,
 		getPartialIdForNode,
+		getNewWorkflowDataAndMakeShareable,
 		totalWorkflowCount,
 	};
 });

packages/frontend/editor-ui/src/views/NodeView.vue

@@ -380,12 +380,11 @@ async function initializeWorkspaceForNewWorkflow() {
 
 	const parentFolderId = route.query.parentFolderId as string | undefined;
 
-	await workflowsStore.getNewWorkflowData(
+	await workflowsStore.getNewWorkflowDataAndMakeShareable(
 		undefined,
 		projectsStore.currentProjectId,
 		parentFolderId,
 	);
-	workflowsStore.makeNewWorkflowShareable();
 
 	if (projectsStore.currentProjectId) {
 		await fetchAndSetProject(projectsStore.currentProjectId);