feature-8827: Make names part of the custom form area in attendee forms (#8861)

* feature-8827: Make names part of the custom form area in attendee forms

* feature-8827: Make name fields part of the custom form area in attendee forms

* feature-8827: Make name fields part of the custom form area in attendee forms

Author: Hieu Lam - TMA

app/components/forms/orders/order-form.js

@@ -513,24 +513,6 @@ export default Component.extend(FormMixin, {
       delay  : false,
       on     : 'blur',
       fields : {
-        firstName: {
-          identifier : 'first_name',
-          rules      : [
-            {
-              type   : 'empty',
-              prompt : this.l10n.t('Please enter your first name.')
-            }
-          ]
-        },
-        lastName: {
-          identifier : 'last_name',
-          rules      : [
-            {
-              type   : 'empty',
-              prompt : this.l10n.t('Please enter your last name.')
-            }
-          ]
-        },
         email: {
           identifier : 'email',
           rules      : [

app/components/forms/wizard/custom-form-input-translation.ts

@@ -4,7 +4,8 @@ import { action } from '@ember/object';
 interface Args {
   onChange: ((code: string, value: string) => void) | null,
   onRemoveTranslation: ((field: object) => void) | null,
-  data: any
+  data: any,
+  type: string
 }
 
 interface SubForm {

app/mixins/custom-form.js

@@ -715,6 +715,28 @@ export default Mixin.create(MutableArray, {
         isIncluded      : false,
         isPublic        : false,
         event           : parent
+      }),
+      this.store.createRecord('custom-form', {
+        name            : 'firstname',
+        fieldIdentifier : 'firstname',
+        formID          : _formID,
+        form            : 'attendee',
+        type            : 'text',
+        isRequired      : false,
+        isIncluded      : false,
+        isPublic        : false,
+        event           : parent
+      }),
+      this.store.createRecord('custom-form', {
+        name            : 'lastname',
+        fieldIdentifier : 'lastname',
+        formID          : _formID,
+        form            : 'attendee',
+        type            : 'text',
+        isRequired      : false,
+        isIncluded      : false,
+        isPublic        : false,
+        event           : parent
       })
     ];
   }

app/templates/components/forms/orders/order-form.hbs

@@ -25,14 +25,14 @@
         {{/if}}
       </h4>
       <div class="field {{if this.buyerHasFirstName 'disabled'}}">
-        <label class="required" for="firstname">{{t 'First Name'}}</label>
+        <label for="firstname">{{t 'First Name'}}</label>
         <Input
           @type="text"
           @name="first_name"
           @value={{this.buyerFirstName}} />
       </div>
       <div class="field {{if this.buyerHasLastName 'disabled'}}">
-        <label class="required" for="lastname">{{t 'Last Name'}}</label>
+        <label for="lastname">{{t 'Last Name'}}</label>
         <Input
           @type="text"
           @name="last_name"