LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: Vite + vue 3 💚 (#10047)

Browse Source 
Fixes https://github.com/chatwoot/chatwoot/issues/8436
Fixes https://github.com/chatwoot/chatwoot/issues/9767
Fixes https://github.com/chatwoot/chatwoot/issues/10156
Fixes https://github.com/chatwoot/chatwoot/issues/6031
Fixes https://github.com/chatwoot/chatwoot/issues/5696
Fixes https://github.com/chatwoot/chatwoot/issues/9250
Fixes https://github.com/chatwoot/chatwoot/issues/9762

---------

Co-authored-by: Pranav <pranavrajs@gmail.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
This commit is contained in:
Shivam Mishra
2024-10-02 13:06:30 +05:30
committed by GitHub
parent e0bf2bd9d4
commit 42f6621afb
661 changed files with 15939 additions and 31194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
app/javascript/v3/views/auth/signup/components/Signup/Form.vue
View File

@@ -5,13 +5,13 @@ import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
import { DEFAULT_REDIRECT_URL } from 'dashboard/constants/globals';
import VueHcaptcha from '@hcaptcha/vue-hcaptcha';
import VueHcaptcha from '@hcaptcha/vue3-hcaptcha';
import FormInput from '../../../../../components/Form/Input.vue';
import SubmitButton from '../../../../../components/Button/SubmitButton.vue';
import { isValidPassword } from 'shared/helpers/Validators';
import GoogleOAuthButton from '../../../../../components/GoogleOauth/Button.vue';
import { register } from '../../../../../api/auth';
var CompanyEmailValidator = require('company-email-validator');
import * as CompanyEmailValidator from 'company-email-validator';
export default {
components: {
@@ -38,29 +38,31 @@ export default {
error: '',
};
},
validations: {
credentials: {
accountName: {
required,
minLength: minLength(2),
},
fullName: {
required,
minLength: minLength(2),
},
email: {
required,
email,
businessEmailValidator(value) {
return CompanyEmailValidator.isCompanyEmail(value);
validations() {
return {
credentials: {
accountName: {
required,
minLength: minLength(2),
},
fullName: {
required,
minLength: minLength(2),
},
email: {
required,
email,
businessEmailValidator(value) {
return CompanyEmailValidator.isCompanyEmail(value);
},
},
password: {
required,
isValidPassword,
minLength: minLength(6),
},
},
password: {
required,
isValidPassword,
minLength: minLength(6),
},
},
};
},
computed: {
...mapGetters({ globalConfig: 'globalConfig/get' }),
@@ -134,9 +136,9 @@ export default {
<template>
<div class="flex-1 px-1 overflow-auto">
<form class="space-y-3" @submit.prevent="submit">
<div class="flex">
<div class="grid grid-cols-2 gap-2">
<FormInput
v-model.trim="credentials.fullName"
v-model="credentials.fullName"
name="full_name"
class="flex-1"
:class="{ error: v$.credentials.fullName.$error }"
@@ -147,9 +149,9 @@ export default {
@blur="v$.credentials.fullName.$touch"
/>
<FormInput
v-model.trim="credentials.accountName"
v-model="credentials.accountName"
name="account_name"
class="flex-1 ml-2"
class="flex-1"
:class="{ error: v$.credentials.accountName.$error }"
:label="$t('REGISTER.COMPANY_NAME.LABEL')"
:placeholder="$t('REGISTER.COMPANY_NAME.PLACEHOLDER')"
@@ -159,7 +161,7 @@ export default {
/>
</div>
<FormInput
v-model.trim="credentials.email"
v-model="credentials.email"
type="email"
name="email_address"
:class="{ error: v$.credentials.email.$error }"
@@ -170,7 +172,7 @@ export default {
@blur="v$.credentials.email.$touch"
/>
<FormInput
v-model.trim="credentials.password"
v-model="credentials.password"
type="password"
name="password"
:class="{ error: v$.credentials.password.$error }"

14
app/javascript/v3/views/auth/signup/components/Testimonials/Index.vue
View File

@@ -26,22 +26,24 @@ export default {
<template>
<div
v-if="testimonials.length"
class="relative flex-1 hidden overflow-hidden bg-woot-400 dark:bg-woot-800 xl:flex"
v-show="testimonials.length"
class="relative flex-1 min-h-screen hidden overflow-hidden bg-woot-400 dark:bg-woot-800 xl:flex"
>
<img
src="/assets/images/auth/top-left.svg"
src="assets/images/auth/top-left.svg"
class="absolute top-0 left-0 w-40 h-40"
/>
<img
src="/assets/images/auth/bottom-right.svg"
src="assets/images/auth/bottom-right.svg"
class="absolute bottom-0 right-0 w-40 h-40"
/>
<img
src="/assets/images/auth/auth--bg.svg"
src="assets/images/auth/auth--bg.svg"
class="h-[96%] left-[6%] top-[8%] w-[96%] absolute"
/>
<div class="z-50 flex flex-col items-center justify-center w-full h-full">
<div
class="z-50 flex flex-col items-center justify-center w-full h-full min-h-screen"
>
<div class="flex items-start justify-center p-6">
<TestimonialCard
v-for="(testimonial, index) in testimonials"