fix: allow the user to submit form.

Author: Sebastian Thulin

source/js/init.ts

@@ -53,7 +53,10 @@ class Form {
             steps,
             new StepNavigator(
                 steps,
-                new Submit(this.form)
+                new Submit(
+                    this.form, 
+                    modularityFrontendFormData
+                ),
             ),
             new StepUIManager(
                 steps,

source/js/steps/submit/submit.ts

@@ -1,12 +1,38 @@
+interface SubmitInterface {
+    submit(event: Event): void | Promise<void>;
+}
 class Submit implements SubmitInterface {
     constructor(
-        private form: HTMLFormElement
-    ) {
-    }
-
-    public submit(): void {
-        console.log("submiting");
+      private form: HTMLFormElement,
+      private modularityFrontendFormData: ModularityFrontendFormData
+    ) {}
+    
+  
+    public async submit(): Promise<void> {
+      console.log("Submitting form...");
+      console.log(this.modularityFrontendFormData.apiRoutes); 
+      const url = this.modularityFrontendFormData.apiRoutes?.submitForm;
+    
+      if (!url) {
+        console.error("Submit URL is not defined.");
+        return;
+      }
+    
+      try {
+        const response = await fetch(url, {
+          method: "POST",
+          body: new FormData(this.form),
+        });
+    
+        if (!response.ok) {
+          throw new Error(`Response status: ${response.status}`);
+        }
+    
+        const json = await response.json();
+        console.log("Form submitted successfully:", json);
+      } catch (error: any) {
+        console.error("Form submission failed:", error?.message || error);
+      }
     }
 }
-
-export default Submit;
+  export default Submit;

source/php/Api/Submit/Post.php

@@ -13,7 +13,11 @@ class Post extends RestApiEndpoint
 {
     public const NAMESPACE = 'modularity-frontend-form/v1';
     public const ROUTE     = 'submit/post';
-    public const KEY       = 'submit-post';
+    public const KEY       = 'submitForm';
+
+    public function __construct(
+        private \WpService\WpService $wpService
+    ) {}
 
     /**
      * Registers a REST route
@@ -28,23 +32,10 @@ public function handleRegisterRestRoute(): bool
           'permission_callback' => array($this, 'permissionCallback'),
           'args'                => [
               'module-id' => [
-                  'description' => __('The module id that the request originates from', 'municipio'),
-                  'type'        => 'integer',
-                  'format'      => 'uri',
-                  'required'    => true
-              ],
-              'data' => [
-                  'description' => __('Description.', 'municipio'),
-                  'type'        => 'string',
-                  'required'    => false,
-                  'default'     => null
-              ],
-              'return'      => [
-                  'description' => __('Return', 'municipio'),
-                  'type'        => 'string',
-                  'enum'        => ['html', 'src', 'id'],
-                  'required'    => false,
-                  'default'     => 'html'
+                'description' => __('The module id that the request originates from', 'municipio'),
+                'type'        => 'integer',
+                'format'      => 'uri',
+                'required'    => false
               ]
           ]
       ));
@@ -61,18 +52,30 @@ public function handleRegisterRestRoute(): bool
     public function handleRequest(WP_REST_Request $request): WP_REST_Response
     {
         $params          = $request->get_json_params();
-        $a              = $params['url'] ?? null;
+        $a               = $params['url'] ?? null;
+
+        $insert = $this->insertPost();
 
-        /*if (is_wp_error($a)) {
+        if (is_wp_error($insert)) {
             $error = new WP_Error(
                 $a->get_error_code(),
                 $a->get_error_message(),
                 array('status' => WP_Http::BAD_REQUEST)
             );
             return rest_ensure_response($error);
-        }*/ 
+        } elseif (is_numeric($insert)) {
+            return rest_ensure_response([
+                'status' => 'success',
+                'message' => __('Post created successfully', 'municipio'),
+                'postId' => $insert,
+            ]);
+        }
 
-        return rest_ensure_response($a);
+        return rest_ensure_response(new WP_Error(
+            502,
+            __('Unexpected result from post creation', 'municipio'),
+            array('status' => WP_Http::BAD_REQUEST)
+        ));
     }
 
     /**
@@ -84,4 +87,35 @@ public function permissionCallback(): bool
     {
         return true; //May be changed to check for specific capabilities
     }
+
+    /**
+     * Handles the request to insert a post
+     *
+     * @param int|null $moduleID The module ID
+     * @param array|null $fieldMeta The field meta data
+     *
+     * @return WP_Error|int The result of the post insertion
+     */
+    private function insertPost($moduleID = null, $fieldMeta = null): WP_Error|int {
+        
+        $result = $this->wpService->wpInsertPost([
+            'post_title'    => 'Test post',
+            'post_type'     => 'post',
+            'post_status'   => 'publish',
+            'meta_input'   => [
+                'module_id' => $moduleID,
+                'field_meta' => $fieldMeta,
+            ],
+        ]);
+
+        if (is_wp_error($result)) {
+            return $result;
+        }
+
+        if(is_numeric($result)) {
+            return $result;
+        }
+
+        throw new \Exception('Unexpected result from post creation: ' . print_r($result, true));
+    }
 }

source/php/App.php

@@ -60,7 +60,7 @@ public function registerModule()
     public function registerApi()
     {
         $restEndpoints = [
-            new Api\Submit\Post()
+            new Api\Submit\Post($this->wpService),
         ];
 
         $this->wpService->applyFilters(