Fix: Replace compound name prop with separate firstName and lastName props

Author: dannyroosevelt

components/hr_cloud/actions/create-employee/create-employee.mjs

@@ -8,10 +8,16 @@ export default {
   type: "action",
   props: {
     hrCloud,
-    name: {
+    firstName: {
       propDefinition: [
         hrCloud,
-        "name",
+        "firstName",
+      ],
+    },
+    lastName: {
+      propDefinition: [
+        hrCloud,
+        "lastName",
       ],
     },
     email: {
@@ -43,16 +49,16 @@ export default {
     const response = await this.hrCloud.createEmployee({
       $,
       data: {
-        first_name: this.name.firstName,
-        last_name: this.name.lastName,
+        first_name: this.firstName,
+        last_name: this.lastName,
         email: this.email,
         job_title_id: this.jobTitle,
         department_id: this.departmentId,
         start_date: this.startDate,
       },
     });
 
-    $.export("$summary", `Successfully created employee: ${this.name.firstName} ${this.name.lastName}`);
+    $.export("$summary", `Successfully created employee: ${this.firstName} ${this.lastName}`);
     return response;
   },
 };

components/hr_cloud/hr_cloud.app.mjs

@@ -117,22 +117,15 @@ export default {
       description: "Additional notes for the timesheet entry",
       optional: true,
     },
-    name: {
-      type: "object",
-      label: "Name",
-      description: "The employee's name",
-      properties: {
-        firstName: {
-          type: "string",
-          label: "First Name",
-          description: "The employee's first name",
-        },
-        lastName: {
-          type: "string",
-          label: "Last Name",
-          description: "The employee's last name",
-        },
-      },
+    firstName: {
+      type: "string",
+      label: "First Name",
+      description: "The employee's first name",
+    },
+    lastName: {
+      type: "string",
+      label: "Last Name",
+      description: "The employee's last name",
     },
     email: {
       type: "string",