fix: Show new message screen instead of input field (#4102)

This commit is contained in:
Pranav Raj S 2022-03-03 12:36:31 +05:30 committed by GitHub
parent 3d7ca61481
commit 28d102f526
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 32 additions and 22 deletions

View file

@ -10,7 +10,7 @@
{{ headerMessage }}
</div>
<form-input
v-if="options.requireEmail"
v-if="areContactFieldsVisible"
v-model="fullName"
class="mt-5"
:label="$t('PRE_CHAT_FORM.FIELDS.FULL_NAME.LABEL')"
@ -21,7 +21,7 @@
"
/>
<form-input
v-if="options.requireEmail"
v-if="areContactFieldsVisible"
v-model="emailAddress"
class="mt-5"
:label="$t('PRE_CHAT_FORM.FIELDS.EMAIL_ADDRESS.LABEL')"
@ -77,6 +77,10 @@ export default {
type: Object,
default: () => ({}),
},
disableContactFields: {
type: Boolean,
default: false,
},
},
validations() {
const identityValidations = {
@ -99,7 +103,7 @@ export default {
if (this.hasActiveCampaign) {
return identityValidations;
}
if (this.options.requireEmail) {
if (this.areContactFieldsVisible) {
return {
...identityValidations,
...messageValidation,
@ -135,6 +139,9 @@ export default {
}
return this.options.preChatMessage;
},
areContactFieldsVisible() {
return this.options.requireEmail && !this.disableContactFields;
},
},
methods: {
onSubmit() {