feat: Show custom attributes in pre-chat form on new conversation (#6735)

app/javascript/widget/components/ChatFooter.vue

@@ -95,12 +95,7 @@ export default {
     startNewConversation() {
       this.clearConversations();
       this.clearConversationAttributes();
-
+      this.replaceRoute('prechat-form');
-      // To create a new conversation, we are redirecting
-      // the user to pre-chat with contact fields disabled
-      // Pass disableContactFields params to the route
-      // This would disable the contact fields in the pre-chat form
-      this.replaceRoute('prechat-form', { disableContactFields: true });
     },
     async sendTranscript() {
       const { email } = this.currentUser;

app/javascript/widget/components/PreChat/Form.vue

@@ -74,10 +74,6 @@ export default {
       type: Object,
       default: () => {},
     },
-    disableContactFields: {
-      type: Boolean,
-      default: false,
-    },
   },
   data() {
     return {
@@ -114,7 +110,7 @@ export default {
       return this.options.preChatMessage;
     },
     preChatFields() {
-      return this.disableContactFields ? [] : this.options.preChatFields;
+      return this.options?.preChatFields || [];
     },
     filteredPreChatFields() {
       const isUserEmailAvailable = !!this.currentUser.email;

app/javascript/widget/views/PreChatForm.vue

@@ -1,10 +1,6 @@
 <template>
   <div class="flex flex-1 overflow-auto">
-    <pre-chat-form
+    <pre-chat-form :options="preChatFormOptions" @submit="onSubmit" />
-      :options="preChatFormOptions"
-      :disable-contact-fields="disableContactFields"
-      @submit="onSubmit"
-    />
   </div>
 </template>
 <script>
@@ -23,10 +19,6 @@ export default {
     ...mapGetters({
       conversationSize: 'conversation/getConversationSize',
     }),
-    disableContactFields() {
-      const { disableContactFields = false } = this.$route.params || {};
-      return disableContactFields;
-    },
   },
   watch: {
     conversationSize(newSize, oldSize) {