feat: Custom fields in pre-chat form (#4189)

app/javascript/widget/views/Home.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-1 flex-col justify-end">
     <div class="flex flex-1 overflow-auto">
-      <!-- Load Converstion List Components Here -->
+      <!-- Load Conversation List Components Here -->
     </div>
     <team-availability
       :available-agents="availableAgents"
@@ -40,16 +40,12 @@ export default {
       availableAgents: 'agent/availableAgents',
       activeCampaign: 'campaign/getActiveCampaign',
       conversationSize: 'conversation/getConversationSize',
-      currentUser: 'contacts/getCurrentUser',
     }),
   },
   methods: {
     startConversation() {
-      const isUserEmailAvailable = !!this.currentUser.email;
       if (this.preChatFormEnabled && !this.conversationSize) {
-        return this.replaceRoute('prechat-form', {
-          disableContactFields: isUserEmailAvailable,
-        });
+        return this.replaceRoute('prechat-form');
       }
       return this.replaceRoute('messages');
     },

app/javascript/widget/views/PreChatForm.vue

@@ -12,6 +12,7 @@ import { mapGetters } from 'vuex';
 import PreChatForm from '../components/PreChat/Form';
 import configMixin from '../mixins/configMixin';
 import routerMixin from '../mixins/routerMixin';
+import { isEmptyObject } from 'widget/helpers/utils';
 
 export default {
   components: {
@@ -35,13 +36,22 @@ export default {
     },
   },
   methods: {
-    onSubmit({ fullName, emailAddress, message, activeCampaignId }) {
+    onSubmit({
+      fullName,
+      emailAddress,
+      message,
+      activeCampaignId,
+      phoneNumber,
+      contactCustomAttributes,
+      conversationCustomAttributes,
+    }) {
       if (activeCampaignId) {
         bus.$emit('execute-campaign', activeCampaignId);
         this.$store.dispatch('contacts/update', {
           user: {
             email: emailAddress,
             name: fullName,
+            phone_number: phoneNumber,
           },
         });
       } else {
@@ -49,8 +59,16 @@ export default {
           fullName: fullName,
           emailAddress: emailAddress,
           message: message,
+          phoneNumber: phoneNumber,
+          customAttributes: conversationCustomAttributes,
         });
       }
+      if (!isEmptyObject(contactCustomAttributes)) {
+        this.$store.dispatch(
+          'contacts/setCustomAttributes',
+          contactCustomAttributes
+        );
+      }
     },
   },
 };