implemented create community feature.

lib/pages/space_management_v2/modules/communities/domain/models/community_model.dart

@@ -27,8 +27,8 @@ class CommunityModel extends Equatable {
       createdAt: DateTime.parse(json['createdAt'] as String),
       updatedAt: DateTime.parse(json['updatedAt'] as String),
       description: json['description'] as String,
-      externalId: json['externalId'] as String,
+      externalId: json['externalId']?.toString() ?? '',
-      spaces: (json['spaces'] as List<dynamic>)
+      spaces: (json['spaces'] as List<dynamic>? ?? <dynamic>[])
           .map((e) => SpaceModel.fromJson(e as Map<String, dynamic>))
           .toList(),
     );

lib/pages/space_management_v2/modules/communities/presentation/bloc/communities_bloc.dart

@@ -15,6 +15,7 @@ class CommunitiesBloc extends Bloc<CommunitiesEvent, CommunitiesState> {
         super(const CommunitiesState()) {
     on<LoadCommunities>(_onLoadCommunities);
     on<LoadMoreCommunities>(_onLoadMoreCommunities);
+    on<InsertCommunity>(_onInsertCommunity);
   }
 
   final CommunitiesService _communitiesService;
@@ -106,4 +107,11 @@ class CommunitiesBloc extends Bloc<CommunitiesEvent, CommunitiesState> {
       ),
     );
   }
+
+  void _onInsertCommunity(
+    InsertCommunity event,
+    Emitter<CommunitiesState> emit,
+  ) {
+    emit(state.copyWith(communities: [event.community, ...state.communities]));
+  }
 }

lib/pages/space_management_v2/modules/communities/presentation/bloc/communities_event.dart

@@ -22,3 +22,12 @@ class LoadMoreCommunities extends CommunitiesEvent {
   @override
   List<Object?> get props => [];
 }
+
+final class InsertCommunity extends CommunitiesEvent {
+  const InsertCommunity(this.community);
+
+  final CommunityModel community;
+
+  @override
+  List<Object?> get props => [community];
+}

lib/pages/space_management_v2/modules/communities/presentation/widgets/create_community_dialog.dart

@@ -1,181 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
-import 'package:syncrow_web/pages/common/buttons/default_button.dart';
-import 'package:syncrow_web/pages/spaces_management/create_community/bloc/community_dialog_bloc.dart';
-import 'package:syncrow_web/pages/spaces_management/create_community/bloc/community_dialog_event.dart';
-import 'package:syncrow_web/pages/spaces_management/create_community/bloc/community_dialog_state.dart';
-import 'package:syncrow_web/utils/color_manager.dart';
-
-class CreateCommunityDialog extends StatefulWidget {
-  final void Function(String name) onCreateCommunity;
-  final String? initialName;
-  final Widget title;
-
-  const CreateCommunityDialog({
-    super.key,
-    required this.onCreateCommunity,
-    required this.title,
-    this.initialName,
-  });
-
-  @override
-  State<CreateCommunityDialog> createState() => _CreateCommunityDialogState();
-}
-
-class _CreateCommunityDialogState extends State<CreateCommunityDialog> {
-  late final TextEditingController _nameController;
-
-  @override
-  void initState() {
-    _nameController = TextEditingController(text: widget.initialName ?? '');
-    super.initState();
-  }
-
-  @override
-  void dispose() {
-    _nameController.dispose();
-    super.dispose();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return BlocProvider(
-      create: (_) => CommunityDialogBloc([]),
-      child: Dialog(
-        shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(20),
-        ),
-        backgroundColor: ColorsManager.transparentColor,
-        child: Stack(
-          children: [
-            Container(
-              width: MediaQuery.of(context).size.width * 0.3,
-              padding: const EdgeInsets.all(20),
-              decoration: BoxDecoration(
-                color: ColorsManager.whiteColors,
-                borderRadius: BorderRadius.circular(20),
-                boxShadow: [
-                  BoxShadow(
-                    color: ColorsManager.blackColor.withOpacity(0.25),
-                    blurRadius: 20,
-                    spreadRadius: 5,
-                    offset: const Offset(0, 5),
-                  ),
-                ],
-              ),
-              child: SingleChildScrollView(
-                child: BlocBuilder<CommunityDialogBloc, CommunityDialogState>(
-                  builder: (context, state) {
-                    var isNameValid = true;
-                    var isNameEmpty = false;
-
-                    if (state is CommunityNameValidationState) {
-                      isNameValid = state.isNameValid;
-                      isNameEmpty = state.isNameEmpty;
-                    }
-
-                    return Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        DefaultTextStyle(
-                          style: Theme.of(context).textTheme.headlineMedium!,
-                          child: widget.title,
-                        ),
-                        const SizedBox(height: 18),
-                        TextField(
-                          controller: _nameController,
-                          onChanged: (value) {
-                            context
-                                .read<CommunityDialogBloc>()
-                                .add(ValidateCommunityNameEvent(value));
-                          },
-                          style: Theme.of(context).textTheme.bodyMedium,
-                          decoration: InputDecoration(
-                            hintText: 'Please enter the community name',
-                            filled: true,
-                            fillColor: ColorsManager.boxColor,
-                            enabledBorder: OutlineInputBorder(
-                              borderSide: BorderSide(
-                                color: isNameValid && !isNameEmpty
-                                    ? ColorsManager.boxColor
-                                    : ColorsManager.red,
-                                width: 1,
-                              ),
-                              borderRadius: BorderRadius.circular(10),
-                            ),
-                            focusedBorder: OutlineInputBorder(
-                              borderRadius: BorderRadius.circular(10),
-                              borderSide: const BorderSide(
-                                color: ColorsManager.boxColor,
-                                width: 1.5,
-                              ),
-                            ),
-                          ),
-                        ),
-                        if (!isNameValid)
-                          Padding(
-                            padding: const EdgeInsets.only(top: 8.0),
-                            child: Text(
-                              '*Name already exists.',
-                              style: Theme.of(context)
-                                  .textTheme
-                                  .bodySmall
-                                  ?.copyWith(color: ColorsManager.red),
-                            ),
-                          ),
-                        if (isNameEmpty)
-                          Padding(
-                            padding: const EdgeInsets.only(top: 8.0),
-                            child: Text(
-                              '*Name should not be empty.',
-                              style: Theme.of(context)
-                                  .textTheme
-                                  .bodySmall
-                                  ?.copyWith(color: ColorsManager.red),
-                            ),
-                          ),
-                        const SizedBox(height: 24),
-                        Row(
-                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                          children: [
-                            Expanded(
-                              child: CancelButton(
-                                label: 'Cancel',
-                                onPressed: () => Navigator.of(context).pop(),
-                              ),
-                            ),
-                            const SizedBox(width: 16),
-                            Expanded(
-                              child: DefaultButton(
-                                onPressed: () {
-                                  if (isNameValid && !isNameEmpty) {
-                                    widget.onCreateCommunity(
-                                      _nameController.text.trim(),
-                                    );
-                                    Navigator.of(context).pop();
-                                  }
-                                },
-                                backgroundColor: isNameValid && !isNameEmpty
-                                    ? ColorsManager.secondaryColor
-                                    : ColorsManager.lightGrayColor,
-                                borderRadius: 10,
-                                foregroundColor: ColorsManager.whiteColors,
-                                child: const Text('OK'),
-                              ),
-                            ),
-                          ],
-                        ),
-                      ],
-                    );
-                  },
-                ),
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}

lib/pages/space_management_v2/modules/communities/presentation/widgets/space_management_communities_tree.dart

@@ -7,10 +7,10 @@ import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/bloc/communities_bloc.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/communities_tree_selection_bloc/communities_tree_selection_bloc.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/community_tile.dart';
-import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/create_community_dialog.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_management_sidebar_communities_list.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_management_sidebar_header.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/presentation/widgets/space_tile.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/create_community_dialog.dart';
 import 'package:syncrow_web/utils/style.dart';
 
 class SpaceManagementCommunitiesTree extends StatefulWidget {
@@ -220,15 +220,17 @@ class _SpaceManagementCommunitiesTreeState
     );
   }
 
-  void _onAddCommunity(BuildContext context) => context
+  void _onAddCommunity(BuildContext context) {
-              .read<CommunitiesTreeSelectionBloc>()
+    context
-              .state
+                .read<CommunitiesTreeSelectionBloc>()
-              .selectedCommunity
+                .state
-              ?.uuid
+                .selectedCommunity
-              .isNotEmpty ??
+                ?.uuid
-          true
+                .isNotEmpty ??
-      ? _clearSelection(context)
+            false
-      : _showCreateCommunityDialog(context);
+        ? _clearSelection(context)
+        : _showCreateCommunityDialog(context);
+  }
 
   void _clearSelection(BuildContext context) =>
       context.read<CommunitiesTreeSelectionBloc>().add(
@@ -237,9 +239,16 @@ class _SpaceManagementCommunitiesTreeState
 
   void _showCreateCommunityDialog(BuildContext context) => showDialog<void>(
         context: context,
-        builder: (context) => CreateCommunityDialog(
+        builder: (_) => CreateCommunityDialog(
           title: const Text('Community Name'),
-          onCreateCommunity: (name) {},
+          onCreateCommunity: (community) {
+            context.read<CommunitiesBloc>().add(
+                  InsertCommunity(community),
+                );
+            context.read<CommunitiesTreeSelectionBloc>().add(
+                  SelectCommunityEvent(community: community),
+                );
+          },
         ),
       );
 }

lib/pages/space_management_v2/modules/create_community/data/services/remote_create_community_service.dart

@@ -1,4 +1,5 @@
 import 'package:dio/dio.dart';
+import 'package:syncrow_web/pages/common/bloc/project_manager.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/create_community/domain/param/create_community_param.dart';
 import 'package:syncrow_web/pages/space_management_v2/modules/create_community/domain/services/create_community_service.dart';
@@ -16,24 +17,51 @@ class RemoteCreateCommunityService implements CreateCommunityService {
   Future<CommunityModel> createCommunity(CreateCommunityParam param) async {
     try {
       final response = await _httpService.post(
-        path: 'endpoint',
+        path: await _makeUrl(),
-        expectedResponseModel: (data) => CommunityModel.fromJson(
+        body: {
-          data as Map<String, dynamic>,
+          'name': param.name,
-        ),
+          'description': param.description,
+        },
+        expectedResponseModel: (data) {
+          final json = data as Map<String, dynamic>;
+          if (json['success'] == true) {
+            return CommunityModel.fromJson(
+              json['data'] as Map<String, dynamic>,
+            );
+          }
+          return null;
+        },
       );
+
+      if (response == null) {
+        throw APIException(
+          _getErrorMessageFromBody(response as Map<String, dynamic>?),
+        );
+      }
       return response;
     } on DioException catch (e) {
       final message = e.response?.data as Map<String, dynamic>?;
-      final error = message?['error'] as Map<String, dynamic>?;
+      throw APIException(_getErrorMessageFromBody(message));
-      final errorMessage = error?['error'] as String? ?? '';
-      final formattedErrorMessage = [
-        _defaultErrorMessage,
-        errorMessage,
-      ].join(': ');
-      throw APIException(formattedErrorMessage);
     } catch (e) {
       final formattedErrorMessage = [_defaultErrorMessage, '$e'].join(': ');
       throw APIException(formattedErrorMessage);
     }
   }
+
+  String _getErrorMessageFromBody(Map<String, dynamic>? body) {
+    if (body == null) {
+      return _defaultErrorMessage;
+    }
+    final error = body['error'] as Map<String, dynamic>?;
+    final errorMessage = error?['error'] as String? ?? '';
+    return errorMessage;
+  }
+
+  Future<String> _makeUrl() async {
+    final projectUuid = await ProjectManager.getProjectUUID();
+    if (projectUuid == null) {
+      throw APIException('Project UUID is not set');
+    }
+    return '/projects/$projectUuid/communities';
+  }
 }

lib/pages/space_management_v2/modules/create_community/domain/param/create_community_param.dart

@@ -1,9 +1,13 @@
 import 'package:equatable/equatable.dart';
 
 class CreateCommunityParam extends Equatable {
-  const CreateCommunityParam({required this.name});
+  const CreateCommunityParam({
+    required this.name,
+    this.description = '',
+  });
 
   final String name;
+  final String description;
 
   @override
   List<Object> get props => [name];

lib/pages/space_management_v2/modules/create_community/presentation/create_community_dialog.dart

@@ -0,0 +1,61 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/communities/domain/models/community_model.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/create_community/data/services/remote_create_community_service.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/bloc/create_community_bloc.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/create_community_dialog_widget.dart';
+import 'package:syncrow_web/services/api/http_service.dart';
+
+class CreateCommunityDialog extends StatelessWidget {
+  final void Function(CommunityModel community) onCreateCommunity;
+  final String? initialName;
+  final Widget title;
+
+  const CreateCommunityDialog({
+    super.key,
+    required this.onCreateCommunity,
+    required this.title,
+    this.initialName,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+      create: (_) => CreateCommunityBloc(RemoteCreateCommunityService(HTTPService())),
+      child: BlocListener<CreateCommunityBloc, CreateCommunityState>(
+        listener: (context, state) {
+          switch (state) {
+            case CreateCommunityLoading():
+              showDialog<void>(
+                context: context,
+                builder: (context) => const Center(
+                  child: CircularProgressIndicator(),
+                ),
+              );
+              break;
+            case CreateCommunitySuccess(:final community):
+              Navigator.of(context).pop();
+              Navigator.of(context).pop();
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(content: Text('Community created successfully')),
+              );
+              onCreateCommunity.call(community);
+              break;
+            case CreateCommunityFailure(:final message):
+              Navigator.of(context).pop();
+              ScaffoldMessenger.of(context).showSnackBar(
+                SnackBar(content: Text(message)),
+              );
+              break;
+            default:
+              break;
+          }
+        },
+        child: CreateCommunityDialogWidget(
+          title: title,
+          initialName: initialName,
+        ),
+      ),
+    );
+  }
+}

lib/pages/space_management_v2/modules/create_community/presentation/create_community_dialog_widget.dart

@@ -0,0 +1,144 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_web/pages/common/buttons/cancel_button.dart';
+import 'package:syncrow_web/pages/common/buttons/default_button.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/create_community/domain/param/create_community_param.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/bloc/create_community_bloc.dart';
+import 'package:syncrow_web/pages/space_management_v2/modules/create_community/presentation/create_community_name_text_field.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+
+class CreateCommunityDialogWidget extends StatefulWidget {
+  final String? initialName;
+  final Widget title;
+
+  const CreateCommunityDialogWidget({
+    super.key,
+    required this.title,
+    this.initialName,
+  });
+
+  @override
+  State<CreateCommunityDialogWidget> createState() =>
+      _CreateCommunityDialogWidgetState();
+}
+
+class _CreateCommunityDialogWidgetState extends State<CreateCommunityDialogWidget> {
+  late final TextEditingController _nameController;
+
+  @override
+  void initState() {
+    _nameController = TextEditingController(text: widget.initialName ?? '');
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _nameController.dispose();
+    super.dispose();
+  }
+
+  final _formKey = GlobalKey<FormState>();
+  @override
+  Widget build(BuildContext context) {
+    return Dialog(
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(20),
+      ),
+      backgroundColor: ColorsManager.transparentColor,
+      child: Container(
+        width: MediaQuery.of(context).size.width * 0.3,
+        padding: const EdgeInsets.all(20),
+        decoration: BoxDecoration(
+          color: ColorsManager.whiteColors,
+          borderRadius: BorderRadius.circular(20),
+          boxShadow: [
+            BoxShadow(
+              color: ColorsManager.blackColor.withValues(alpha: 0.25),
+              blurRadius: 20,
+              spreadRadius: 5,
+              offset: const Offset(0, 5),
+            ),
+          ],
+        ),
+        child: Form(
+          key: _formKey,
+          child: SingleChildScrollView(
+            child: BlocBuilder<CreateCommunityBloc, CreateCommunityState>(
+              builder: (context, state) {
+                return Column(
+                  mainAxisSize: MainAxisSize.min,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    DefaultTextStyle(
+                      style: Theme.of(context).textTheme.headlineMedium!,
+                      child: widget.title,
+                    ),
+                    const SizedBox(height: 18),
+                    CreateCommunityNameTextField(
+                      nameController: _nameController,
+                    ),
+                    if (state case CreateCommunityFailure(:final message))
+                      Padding(
+                        padding: const EdgeInsets.only(top: 18),
+                        child: SelectableText(
+                          '* $message',
+                          style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                                color: Theme.of(context).colorScheme.error,
+                              ),
+                        ),
+                      ),
+                    const SizedBox(height: 24),
+                    _buildActionButtons(context),
+                  ],
+                );
+              },
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Row _buildActionButtons(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Expanded(
+          child: CancelButton(
+            label: 'Cancel',
+            onPressed: () => Navigator.of(context).pop(),
+          ),
+        ),
+        const SizedBox(width: 16),
+        _buildCreateCommunityButton(context),
+      ],
+    );
+  }
+
+  Widget _buildCreateCommunityButton(BuildContext context) {
+    return Expanded(
+      child: DefaultButton(
+        onPressed: () {
+          if (_formKey.currentState?.validate() ?? false) {
+            _onSubmit(context);
+          }
+        },
+        borderRadius: 10,
+        foregroundColor: ColorsManager.whiteColors,
+        child: const Text('OK'),
+      ),
+    );
+  }
+
+  void _onSubmit(BuildContext context) {
+    if (_formKey.currentState?.validate() ?? false) {
+      context.read<CreateCommunityBloc>().add(
+            CreateCommunity(
+              CreateCommunityParam(
+                name: _nameController.text.trim(),
+              ),
+            ),
+          );
+    }
+  }
+}

lib/pages/space_management_v2/modules/create_community/presentation/create_community_name_text_field.dart

@@ -0,0 +1,48 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
+
+class CreateCommunityNameTextField extends StatelessWidget {
+  const CreateCommunityNameTextField({
+    required this.nameController,
+    super.key,
+  });
+
+  final TextEditingController nameController;
+
+  @override
+  Widget build(BuildContext context) {
+    return TextFormField(
+      controller: nameController,
+      validator: _validator,
+      style: context.textTheme.bodyMedium,
+      decoration: InputDecoration(
+        hintText: 'Please enter the community name',
+        filled: true,
+        fillColor: ColorsManager.boxColor,
+        enabledBorder: _buildBorder(ColorsManager.boxColor),
+        focusedBorder: _buildBorder(),
+        focusedErrorBorder: _buildBorder(Theme.of(context).colorScheme.error),
+        errorBorder: _buildBorder(Theme.of(context).colorScheme.error),
+      ),
+    );
+  }
+
+  String? _validator(String? value) {
+    if (value == null || value.isEmpty) {
+      return '*Name should not be empty.';
+    }
+
+    return null;
+  }
+
+  InputBorder _buildBorder([Color? color]) {
+    return OutlineInputBorder(
+      borderRadius: BorderRadius.circular(10),
+      borderSide: BorderSide(
+        color: color ?? ColorsManager.vividBlue.withValues(alpha: 0.5),
+        width: 1,
+      ),
+    );
+  }
+}