Merge branch 'develop' into fix/6120-whatsapp-multiple-images

This commit is contained in:
Tejaswini Chile 2022-12-23 10:07:39 +05:30 committed by GitHub
commit 10f72cdf31
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
74 changed files with 360 additions and 292 deletions

View file

@ -59,12 +59,8 @@
.hamburger--menu {
cursor: pointer;
display: none;
display: block;
margin-right: $space-normal;
@media screen and (max-width: 1200px) {
display: block;
}
}
.header--icon {

View file

@ -1,7 +1,12 @@
<template>
<button @click="onMenuItemClick">
<fluent-icon class="hamburger--menu" icon="list" />
</button>
<woot-button
size="small"
variant="clear"
color-scheme="secondary"
icon="list"
class="toggle-sidebar"
@click="onMenuItemClick"
/>
</template>
<script>
@ -16,13 +21,8 @@ export default {
};
</script>
<style scoped lang="scss">
.hamburger--menu {
cursor: pointer;
display: none;
margin-right: var(--space-normal);
@media screen and (max-width: 1200px) {
display: block;
}
.toggle-sidebar {
margin-right: var(--space-small);
margin-left: var(--space-minus-small);
}
</style>

View file

@ -261,14 +261,7 @@ export default {
width: 20rem;
flex-shrink: 0;
overflow-y: hidden;
@include breakpoint(xlarge down) {
position: absolute;
}
@include breakpoint(xlarge up) {
position: unset;
}
position: unset;
&:hover {
overflow-y: hidden;

View file

@ -1,10 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`SidemenuIcon matches snapshot 1`] = `
<button>
<fluent-icon
class="hamburger--menu"
icon="list"
/>
</button>
<woot-button
class="toggle-sidebar"
color-scheme="secondary"
icon="list"
size="small"
variant="clear"
/>
`;

View file

@ -10,11 +10,11 @@ import 'videojs-record/dist/css/videojs.record.css';
import videojs from 'video.js';
import inboxMixin from '../../../../shared/mixins/inboxMixin';
import alertMixin from '../../../../shared/mixins/alertMixin';
import Recorder from 'opus-recorder';
import encoderWorker from 'opus-recorder/dist/encoderWorker.min';
import waveWorker from 'opus-recorder/dist/waveWorker.min';
import WaveSurfer from 'wavesurfer.js';
import MicrophonePlugin from 'wavesurfer.js/dist/plugin/wavesurfer.microphone.js';
@ -29,14 +29,19 @@ WaveSurfer.microphone = MicrophonePlugin;
export default {
name: 'WootAudioRecorder',
mixins: [inboxMixin, alertMixin],
mixins: [alertMixin],
props: {
audioRecordFormat: {
type: String,
default: AUDIO_FORMATS.WEBM,
},
},
data() {
return {
player: false,
recordingDateStarted: new Date(0),
initialTimeDuration: '00:00',
recorderOptions: {
debug: true,
controls: true,
bigPlayButton: false,
fluid: false,
@ -71,6 +76,9 @@ export default {
record: {
audio: true,
video: false,
maxLength: 900,
timeSlice: 1000,
maxFileSize: 15 * 1024 * 1024,
...(this.audioRecordFormat === AUDIO_FORMATS.WEBM && {
monitorGain: 0,
recordingGain: 1,
@ -80,11 +88,10 @@ export default {
streamPages: true,
maxFramesPerPage: 1,
encoderFrameSize: 1,
encoderPath: 'opus-recorder/dist/waveWorker.min.js',
encoderPath: waveWorker,
}),
...(this.audioRecordFormat === AUDIO_FORMATS.OGG && {
displayMilliseconds: false,
maxLength: 300,
audioEngine: 'opus-recorder',
audioWorkerURL: encoderWorker,
audioChannels: 1,
@ -100,12 +107,6 @@ export default {
isRecording() {
return this.player && this.player.record().isRecording();
},
audioRecordFormat() {
if (this.isAWebWidgetInbox) {
return AUDIO_FORMATS.WEBM;
}
return AUDIO_FORMATS.OGG;
},
},
mounted() {
window.Recorder = Recorder;

View file

@ -21,7 +21,11 @@
/>
</h3>
<div class="conversation--header--actions">
<inbox-name :inbox="inbox" class="margin-right-small" />
<inbox-name
v-if="hasMultipleInboxes"
:inbox="inbox"
class="margin-right-small"
/>
<span
v-if="isSnoozed"
class="snoozed--display-text margin-right-small"
@ -145,6 +149,9 @@ export default {
const { inbox_id: inboxId } = this.chat;
return this.$store.getters['inboxes/getInbox'](inboxId);
},
hasMultipleInboxes() {
return this.$store.getters['inboxes/getInboxes'].length > 1;
},
},
methods: {

View file

@ -15,7 +15,6 @@
v-if="data.content"
:message="message"
:is-email="isEmailContentType"
:readable-time="readableTime"
:display-quoted-button="displayQuotedButton"
/>
<span
@ -29,7 +28,6 @@
<bubble-image
v-if="attachment.file_type === 'image' && !hasImageError"
:url="attachment.data_url"
:readable-time="readableTime"
@error="onImageLoadError"
/>
<audio v-else-if="attachment.file_type === 'audio'" controls>
@ -38,7 +36,6 @@
<bubble-video
v-else-if="attachment.file_type === 'video'"
:url="attachment.data_url"
:readable-time="readableTime"
/>
<bubble-location
v-else-if="attachment.file_type === 'location'"
@ -46,11 +43,7 @@
:longitude="attachment.coordinates_long"
:name="attachment.fallback_title"
/>
<bubble-file
v-else
:url="attachment.data_url"
:readable-time="readableTime"
/>
<bubble-file v-else :url="attachment.data_url" />
</div>
</div>
<bubble-actions
@ -65,10 +58,9 @@
:is-private="data.private"
:message-type="data.message_type"
:message-status="status"
:readable-time="readableTime"
:source-id="data.source_id"
:inbox-id="data.inbox_id"
:message-read="showReadTicks"
:created-at="createdAt"
/>
</div>
<spinner v-if="isPending" size="tiny" />
@ -119,8 +111,6 @@
</template>
<script>
import messageFormatterMixin from 'shared/mixins/messageFormatterMixin';
import timeMixin from '../../../mixins/time';
import BubbleMailHead from './bubble/MailHead';
import BubbleText from './bubble/Text';
import BubbleImage from './bubble/Image';
@ -149,7 +139,7 @@ export default {
ContextMenu,
Spinner,
},
mixins: [alertMixin, timeMixin, messageFormatterMixin, contentTypeMixin],
mixins: [alertMixin, messageFormatterMixin, contentTypeMixin],
props: {
data: {
type: Object,
@ -167,10 +157,6 @@ export default {
type: Boolean,
default: false,
},
hasUserReadMessage: {
type: Boolean,
default: false,
},
isWebWidgetInbox: {
type: Boolean,
default: false,
@ -273,11 +259,8 @@ export default {
'has-tweet-menu': this.isATweet,
};
},
readableTime() {
return this.messageStamp(
this.contentAttributes.external_created_at || this.data.created_at,
'LLL d, h:mm a'
);
createdAt() {
return this.contentAttributes.external_created_at || this.data.created_at;
},
isBubble() {
return [0, 1, 3].includes(this.data.message_type);
@ -288,14 +271,6 @@ export default {
isOutgoing() {
return this.data.message_type === MESSAGE_TYPE.OUTGOING;
},
showReadTicks() {
return (
(this.isOutgoing || this.isTemplate) &&
this.hasUserReadMessage &&
this.isWebWidgetInbox &&
!this.data.private
);
},
isTemplate() {
return this.data.message_type === MESSAGE_TYPE.TEMPLATE;
},

View file

@ -40,9 +40,6 @@
:is-a-tweet="isATweet"
:is-a-whatsapp-channel="isAWhatsAppChannel"
:has-instagram-story="hasInstagramStory"
:has-user-read-message="
hasUserReadMessage(message.created_at, getLastSeenAt)
"
:is-web-widget-inbox="isAWebWidgetInbox"
/>
<li v-show="unreadMessageCount != 0" class="unread--toast">
@ -63,9 +60,6 @@
:is-a-tweet="isATweet"
:is-a-whatsapp-channel="isAWhatsAppChannel"
:has-instagram-story="hasInstagramStory"
:has-user-read-message="
hasUserReadMessage(message.created_at, getLastSeenAt)
"
:is-web-widget-inbox="isAWebWidgetInbox"
/>
</ul>

View file

@ -37,6 +37,7 @@
<woot-audio-recorder
v-if="showAudioRecorderEditor"
ref="audioRecorderInput"
:audio-record-format="audioRecordFormat"
@state-recorder-progress-changed="onStateProgressRecorderChanged"
@state-recorder-changed="onStateRecorderChanged"
@finish-record="onFinishRecorder"
@ -147,6 +148,7 @@ import { checkFileSizeLimit } from 'shared/helpers/FileHelper';
import {
MAXIMUM_FILE_UPLOAD_SIZE,
MAXIMUM_FILE_UPLOAD_SIZE_TWILIO_SMS_CHANNEL,
AUDIO_FORMATS,
} from 'shared/constants/messages';
import { BUS_EVENTS } from 'shared/constants/busEvents';
@ -462,6 +464,12 @@ export default {
editorStateId() {
return `draft-${this.conversationIdByRoute}-${this.replyType}`;
},
audioRecordFormat() {
if (this.isAWebWidgetInbox) {
return AUDIO_FORMATS.WEBM;
}
return AUDIO_FORMATS.OGG;
},
},
watch: {
currentChat(conversation) {

View file

@ -1,8 +1,14 @@
<template>
<div class="message-text--metadata">
<span class="time" :class="{ delivered: messageRead }">{{
readableTime
}}</span>
<span
class="time"
:class="{
'has-status-icon':
showSentIndicator || showDeliveredIndicator || showReadIndicator,
}"
>
{{ readableTime }}
</span>
<span v-if="showReadIndicator" class="read-indicator-wrap">
<fluent-icon
v-tooltip.top-start="$t('CHAT_LIST.MESSAGE_READ')"
@ -11,7 +17,7 @@
size="14"
/>
</span>
<span v-if="showDeliveredIndicator" class="read-indicator-wrap">
<span v-else-if="showDeliveredIndicator" class="read-indicator-wrap">
<fluent-icon
v-tooltip.top-start="$t('CHAT_LIST.DELIVERED')"
icon="checkmark-double"
@ -19,7 +25,7 @@
size="14"
/>
</span>
<span v-if="showSentIndicator" class="read-indicator-wrap">
<span v-else-if="showSentIndicator" class="read-indicator-wrap">
<fluent-icon
v-tooltip.top-start="$t('CHAT_LIST.SENT')"
icon="checkmark"
@ -74,17 +80,19 @@
import { MESSAGE_TYPE, MESSAGE_STATUS } from 'shared/constants/messages';
import { BUS_EVENTS } from 'shared/constants/busEvents';
import inboxMixin from 'shared/mixins/inboxMixin';
import { mapGetters } from 'vuex';
import timeMixin from '../../../../mixins/time';
export default {
mixins: [inboxMixin],
mixins: [inboxMixin, timeMixin],
props: {
sender: {
type: Object,
default: () => ({}),
},
readableTime: {
type: String,
default: '',
createdAt: {
type: Number,
default: 0,
},
storySender: {
type: String,
@ -130,12 +138,9 @@ export default {
type: [String, Number],
default: 0,
},
messageRead: {
type: Boolean,
default: false,
},
},
computed: {
...mapGetters({ currentChat: 'getSelectedChat' }),
inbox() {
return this.$store.getters['inboxes/getInbox'](this.inboxId);
},
@ -145,6 +150,9 @@ export default {
isOutgoing() {
return MESSAGE_TYPE.OUTGOING === this.messageType;
},
isTemplate() {
return MESSAGE_TYPE.TEMPLATE === this.messageType;
},
isDelivered() {
return MESSAGE_STATUS.DELIVERED === this.messageStatus;
},
@ -154,6 +162,9 @@ export default {
isSent() {
return MESSAGE_STATUS.SENT === this.messageStatus;
},
readableTime() {
return this.messageStamp(this.createdAt, 'LLL d, h:mm a');
},
screenName() {
const { additional_attributes: additionalAttributes = {} } =
this.sender || {};
@ -174,28 +185,52 @@ export default {
const { storySender, storyId } = this;
return `https://www.instagram.com/stories/${storySender}/${storyId}`;
},
showStatusIndicators() {
if ((this.isOutgoing || this.isTemplate) && !this.private) {
return true;
}
return false;
},
showSentIndicator() {
return (
this.isOutgoing &&
this.sourceId &&
(this.isAnEmailChannel || (this.isAWhatsAppChannel && this.isSent))
);
if (!this.showStatusIndicators) {
return false;
}
if (this.isAnEmailChannel) {
return !!this.sourceId;
}
if (this.isAWhatsAppChannel) {
return this.sourceId && this.isSent;
}
return false;
},
showDeliveredIndicator() {
return (
this.isOutgoing &&
this.sourceId &&
this.isAWhatsAppChannel &&
this.isDelivered
);
if (!this.showStatusIndicators) {
return false;
}
if (this.isAWhatsAppChannel) {
return this.sourceId && this.isDelivered;
}
return false;
},
showReadIndicator() {
return (
this.isOutgoing &&
this.sourceId &&
this.isAWhatsAppChannel &&
this.isRead
);
if (!this.showStatusIndicators) {
return false;
}
if (this.isAWebWidgetInbox) {
const { contact_last_seen_at: contactLastSeenAt } = this.currentChat;
return contactLastSeenAt >= this.createdAt;
}
if (this.isAWhatsAppChannel) {
return this.sourceId && this.isRead;
}
return false;
},
},
methods: {
@ -218,12 +253,13 @@ export default {
.action--icon {
color: var(--white);
&.read-tick {
color: var(--v-100);
}
&.read-indicator {
color: var(--g-300);
color: var(--g-200);
}
}
@ -288,8 +324,9 @@ export default {
position: absolute;
right: var(--space-small);
white-space: nowrap;
&.delivered {
right: var(--space-medium);
&.has-status-icon {
right: var(--space-large);
line-height: 2;
}
}

View file

@ -35,10 +35,6 @@ export default {
type: String,
default: '',
},
readableTime: {
type: String,
default: '',
},
isEmail: {
type: Boolean,
default: true,

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "اختر حساباً من القائمة التالية",
"PROFILE_SETTINGS": "إعدادات الملف الشخصي",
"KEYBOARD_SHORTCUTS": "اختصارات لوحة المفاتيح",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "تسجيل الخروج"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Selecciona un compte de la llista següent",
"PROFILE_SETTINGS": "Configuració del Perfil",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Sortir"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Vyberte účet z následujícího seznamu",
"PROFILE_SETTINGS": "Nastavení profilu",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Odhlásit se"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Vælg en konto fra følgende liste",
"PROFILE_SETTINGS": "Profilindstillinger",
"KEYBOARD_SHORTCUTS": "Tastaturgenveje",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Log Ud"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Wählen Sie ein Benutzerkonto aus der folgenden Liste",
"PROFILE_SETTINGS": "Profileinstellungen",
"KEYBOARD_SHORTCUTS": "Tastenkombinationen",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Ausloggen"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Επιλέξτε ένα λογαριασμό από την Λίστα",
"PROFILE_SETTINGS": "Ρυθμίσεις Προφίλ",
"KEYBOARD_SHORTCUTS": "Συντομεύσεις Πληκτρολογίου",
"SUPER_ADMIN_CONSOLE": "Super Admin Κονσόλα",
"LOGOUT": "Έξοδος (Logout)"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Seleccione una cuenta de la siguiente lista",
"PROFILE_SETTINGS": "Ajustes del perfil",
"KEYBOARD_SHORTCUTS": "Atajos de teclado",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Cerrar sesión"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "از لیست یکی از حساب‌ها را انتخاب کنید",
"PROFILE_SETTINGS": "تنظیمات پروفایل",
"KEYBOARD_SHORTCUTS": "میانبرهای صفحه‌کلید",
"SUPER_ADMIN_CONSOLE": "کنسول سوپر مدیر",
"LOGOUT": "خروج از حساب‌کاربری"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Valitse tili tästä luettelosta",
"PROFILE_SETTINGS": "Profiilin asetukset",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Kirjaudu ulos"
},
"APP_GLOBAL": {

View file

@ -1,28 +1,28 @@
{
"FILTER": {
"TITLE": "Filtrer les conversations",
"SUBTITLE": "Add filters below and hit 'Apply filters' to filter conversations.",
"SUBTITLE": "Ajoutez des filtres ci-dessous et appuyez sur 'Appliquer des filtres' pour filtrer les conversations.",
"ADD_NEW_FILTER": "Ajouter un filtre",
"FILTER_DELETE_ERROR": "Vous devriez avoir au moins un filtre afin d'enregistrer",
"SUBMIT_BUTTON_LABEL": "Appliquer les filtres",
"CANCEL_BUTTON_LABEL": "Annuler",
"CLEAR_BUTTON_LABEL": "Clear Filters",
"CLEAR_BUTTON_LABEL": "Effacer les filtres",
"EMPTY_VALUE_ERROR": "Value is required",
"TOOLTIP_LABEL": "Filter conversations",
"TOOLTIP_LABEL": "Filtrer les conversations",
"QUERY_DROPDOWN_LABELS": {
"AND": "ET",
"OR": "OU"
},
"OPERATOR_LABELS": {
"equal_to": "Equal to",
"not_equal_to": "Not equal to",
"contains": "Contains",
"does_not_contain": "Does not contain",
"is_present": "Is present",
"is_not_present": "Is not present",
"is_greater_than": "Is greater than",
"is_less_than": "Is lesser than",
"days_before": "Is x days before"
"equal_to": "Égal à",
"not_equal_to": "Pas égal à",
"contains": "Contient",
"does_not_contain": "Ne contient pas",
"is_present": "Est présent",
"is_not_present": "N'est pas présent",
"is_greater_than": "Est plus grand que",
"is_less_than": "Est inférieur à",
"days_before": "Est x jours avant"
},
"ATTRIBUTE_LABELS": {
"TRUE": "Vrai",
@ -32,19 +32,19 @@
"STATUS": "État",
"ASSIGNEE_NAME": "Assignee Name",
"INBOX_NAME": "Nom de la boîte de réception",
"TEAM_NAME": "Team Name",
"TEAM_NAME": "Nom de l'équipe",
"CONVERSATION_IDENTIFIER": "Conversation Identifier",
"CAMPAIGN_NAME": "Campaign Name",
"LABELS": "Étiquettes",
"BROWSER_LANGUAGE": "Browser Language",
"COUNTRY_NAME": "Country Name",
"BROWSER_LANGUAGE": "Langue du navigateur",
"COUNTRY_NAME": "Nom du pays",
"REFERER_LINK": "Referer link",
"CUSTOM_ATTRIBUTE_LIST": "List",
"CUSTOM_ATTRIBUTE_TEXT": "Text",
"CUSTOM_ATTRIBUTE_NUMBER": "Number",
"CUSTOM_ATTRIBUTE_LINK": "Link",
"CUSTOM_ATTRIBUTE_CHECKBOX": "Checkbox",
"CREATED_AT": "Created At",
"CUSTOM_ATTRIBUTE_LIST": "Liste",
"CUSTOM_ATTRIBUTE_TEXT": "Texte",
"CUSTOM_ATTRIBUTE_NUMBER": "Nombre",
"CUSTOM_ATTRIBUTE_LINK": "Lien",
"CUSTOM_ATTRIBUTE_CHECKBOX": "Case à cocher",
"CREATED_AT": "Créé le",
"LAST_ACTIVITY": "Dernière activité"
},
"GROUPS": {
@ -70,7 +70,7 @@
}
},
"DELETE": {
"DELETE_BUTTON": "Delete filter",
"DELETE_BUTTON": "Supprimer le filtre",
"MODAL": {
"CONFIRM": {
"TITLE": "Confirmer la suppression",

View file

@ -8,7 +8,7 @@
},
"TAB_HEADING": "Conversations",
"MENTION_HEADING": "Mentions",
"UNATTENDED_HEADING": "Unattended",
"UNATTENDED_HEADING": "Sans suivi",
"SEARCH": {
"INPUT": "Rechercher des personnes, des conversations, des réponses standardisées ..."
},
@ -57,12 +57,12 @@
"REPLY_TO_TWEET": "Répondre à ce tweet",
"LINK_TO_STORY": "Aller à l'histoire instagram",
"SENT": "Envoyé avec succès",
"READ": "Read successfully",
"DELIVERED": "Delivered successfully",
"READ": "Lu",
"DELIVERED": "Reçu",
"NO_MESSAGES": "Pas de messages",
"NO_CONTENT": "Aucun contenu disponible",
"HIDE_QUOTED_TEXT": "Masquer le texte cité",
"SHOW_QUOTED_TEXT": "Afficher le texte cité",
"MESSAGE_READ": "Read"
"MESSAGE_READ": "Lu"
}
}

View file

@ -7,7 +7,7 @@
"COPY_SUCCESSFUL": "Copié dans le presse-papiers avec succès",
"COMPANY": "Société",
"LOCATION": "Localisation",
"BROWSER_LANGUAGE": "Browser Language",
"BROWSER_LANGUAGE": "Langue du navigateur",
"CONVERSATION_TITLE": "Détails de la conversation",
"VIEW_PROFILE": "Voir le profil",
"BROWSER": "Navigateur",

View file

@ -7,7 +7,7 @@
"FILTER_DELETE_ERROR": "Vous devriez avoir au moins un filtre afin d'enregistrer",
"SUBMIT_BUTTON_LABEL": "Envoyer",
"CANCEL_BUTTON_LABEL": "Annuler",
"CLEAR_BUTTON_LABEL": "Clear Filters",
"CLEAR_BUTTON_LABEL": "Effacer les filtres",
"EMPTY_VALUE_ERROR": "Value is required",
"TOOLTIP_LABEL": "Filter contacts",
"QUERY_DROPDOWN_LABELS": {
@ -15,15 +15,15 @@
"OR": "OU"
},
"OPERATOR_LABELS": {
"equal_to": "Equal to",
"not_equal_to": "Not equal to",
"contains": "Contains",
"does_not_contain": "Does not contain",
"is_present": "Is present",
"is_not_present": "Is not present",
"is_greater_than": "Is greater than",
"equal_to": "Égal à",
"not_equal_to": "Pas égal à",
"contains": "Contient",
"does_not_contain": "Ne contient pas",
"is_present": "Est présent",
"is_not_present": "N'est pas présent",
"is_greater_than": "Est plus grand que",
"is_lesser_than": "Is lesser than",
"days_before": "Is x days before"
"days_before": "Est x jours avant"
},
"ATTRIBUTES": {
"NAME": "Nom",
@ -32,12 +32,12 @@
"IDENTIFIER": "Identifier",
"CITY": "Ville",
"COUNTRY": "Pays",
"CUSTOM_ATTRIBUTE_LIST": "List",
"CUSTOM_ATTRIBUTE_TEXT": "Text",
"CUSTOM_ATTRIBUTE_NUMBER": "Number",
"CUSTOM_ATTRIBUTE_LINK": "Link",
"CUSTOM_ATTRIBUTE_CHECKBOX": "Checkbox",
"CREATED_AT": "Created At",
"CUSTOM_ATTRIBUTE_LIST": "Liste",
"CUSTOM_ATTRIBUTE_TEXT": "Texte",
"CUSTOM_ATTRIBUTE_NUMBER": "Nombre",
"CUSTOM_ATTRIBUTE_LINK": "Lien",
"CUSTOM_ATTRIBUTE_CHECKBOX": "Case à cocher",
"CREATED_AT": "Créé le",
"LAST_ACTIVITY": "Dernière activité",
"REFERER_LINK": "Referrer link"
},

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Sélectionnez un compte dans la liste suivante",
"PROFILE_SETTINGS": "Paramètres de profil",
"KEYBOARD_SHORTCUTS": "Raccourcis clavier",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Se déconnecter"
},
"APP_GLOBAL": {

View file

@ -2,13 +2,13 @@
"REGISTER": {
"TRY_WOOT": "Créer un compte",
"TITLE": "Inscription",
"TESTIMONIAL_HEADER": "All it takes is one step to move forward",
"TESTIMONIAL_CONTENT": "You're one step away from engaging your customers, retaining them and finding new ones.",
"TESTIMONIAL_HEADER": "Il suffit d'une étape pour avancer",
"TESTIMONIAL_CONTENT": "Vous n'êtes plus qu'à un pas d'engager vos clients, de les fidéliser et d'en trouver de nouveaux.",
"TERMS_ACCEPT": "En vous inscrivant, vous acceptez nos <a href=\"https://www.chatwoot.com/terms\">CGU</a> et notre <a href=\"https://www.chatwoot.com/privacy-policy\">politique de confidentialité</a>",
"COMPANY_NAME": {
"LABEL": "Company name",
"PLACEHOLDER": "Enter your company name. eg: Wayne Enterprises",
"ERROR": "Company name is too short"
"LABEL": "Nom de la société",
"PLACEHOLDER": "Entrez le nom de votre entreprise. Ex : Wayne Enterprises",
"ERROR": "Le nom de la société est trop court"
},
"FULL_NAME": {
"LABEL": "Nom complet",
@ -18,13 +18,13 @@
"EMAIL": {
"LABEL": "E-mail professionnel",
"PLACEHOLDER": "Entrez votre adresse e-mail professionnelle. Ex. : bruce@wayne.enterprises",
"ERROR": "Please enter a valid work email address"
"ERROR": "Veuillez entrer une adresse e-mail professionnelle valide"
},
"PASSWORD": {
"LABEL": "Mot de passe",
"PLACEHOLDER": "Mot de passe",
"ERROR": "Le mot de passe est trop court",
"IS_INVALID_PASSWORD": "Password should contain atleast 1 uppercase letter, 1 lowercase letter, 1 number and 1 special character"
"IS_INVALID_PASSWORD": "Le mot de passe doit contenir au moins 1 lettre majuscule, 1 lettre minuscule, 1 chiffre et 1 caractère spécial"
},
"CONFIRM_PASSWORD": {
"LABEL": "Confirmer le mot de passe",

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "התנתק"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Fiók kiválasztása az alábbi listából",
"PROFILE_SETTINGS": "Profilbeállítások",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Kilépés"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Pilih akun dari daftar berikut",
"PROFILE_SETTINGS": "Pengaturan Profil",
"KEYBOARD_SHORTCUTS": "Shortcut Keyboard",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Keluar"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Veldu reikning úr eftirfarandi lista",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Seleziona un account dal seguente elenco",
"PROFILE_SETTINGS": "Impostazioni profilo",
"KEYBOARD_SHORTCUTS": "Scorciatoie da tastiera",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Disconnettiti"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "次のリストからアカウントを選択してください",
"PROFILE_SETTINGS": "プロフィール設定",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "ログアウト"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "다음 목록에서 계정 선택",
"PROFILE_SETTINGS": "프로필 설정",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "로그아웃"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -42,8 +42,8 @@
"RATING_TITLE": "Vērtējums",
"FEEDBACK_TITLE": "Atsauksmes",
"CARD": {
"SHOW_LABELS": "Show labels",
"HIDE_LABELS": "Hide labels"
"SHOW_LABELS": "Rādīt etiķetes",
"HIDE_LABELS": "Slēpt etiķetes"
},
"HEADER": {
"RESOLVE_ACTION": "Atrisināt",

View file

@ -104,8 +104,8 @@
"Aizņemts",
"Bezsaistē"
],
"SET_AVAILABILITY_SUCCESS": "Availability has been set successfully",
"SET_AVAILABILITY_ERROR": "Couldn't set availability, please try again"
"SET_AVAILABILITY_SUCCESS": "Pieejamība ir veiksmīgi iestatīta",
"SET_AVAILABILITY_ERROR": "Nevarēja iestatīt pieejamību. Lūdzu, mēģiniet vēlreiz"
},
"EMAIL": {
"LABEL": "Jūsu e-pasta adrese",
@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Izvēlieties kontu no šī saraksta",
"PROFILE_SETTINGS": "Profila Iestatījumi",
"KEYBOARD_SHORTCUTS": "Tastatūras Īsinājumtaustiņi",
"SUPER_ADMIN_CONSOLE": "Superadministratora Konsole",
"LOGOUT": "Izrakstīties"
},
"APP_GLOBAL": {
@ -229,8 +230,8 @@
"CATEGORY_EMPTY_MESSAGE": "Kategorijas nav atrastas"
},
"SET_AUTO_OFFLINE": {
"TEXT": "Mark offline automatically",
"INFO_TEXT": "Let the system automatically mark you offline when you aren't using the app or dashboard."
"TEXT": "Automātiski atzīmēt bezsaistē",
"INFO_TEXT": "Ļaut sistēmai, kad neizmantojat lietotni vai informācijas paneli, automātiski atzīmēt Jūs bezsaistē."
},
"DOCS": "Lasīt dokumentus"
},

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "ഇനിപ്പറയുന്ന ലിസ്റ്റിൽ നിന്ന് ഒരു അക്കൗണ്ട് തിരഞ്ഞെടുക്കുക",
"PROFILE_SETTINGS": "പ്രൊഫൈൽ ക്രമീകരണങ്ങൾ",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "ലോഗൗട്ട്"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profiel instellingen",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Afmelden"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Velg en konto fra følgende liste",
"PROFILE_SETTINGS": "Brukerinnstillinger",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logg ut"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Ustawienia profilu",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Wyloguj się"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Escolha uma conta da lista a seguir",
"PROFILE_SETTINGS": "Configurações do perfil",
"KEYBOARD_SHORTCUTS": "Atalhos do teclado",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Desconectar"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Selecione uma conta da lista a seguir",
"PROFILE_SETTINGS": "Configurações do Perfil",
"KEYBOARD_SHORTCUTS": "Atalhos do teclado",
"SUPER_ADMIN_CONSOLE": "Console de Super Admin",
"LOGOUT": "Sair"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Selectaţi un cont din următoarea listă",
"PROFILE_SETTINGS": "Setări profil",
"KEYBOARD_SHORTCUTS": "Scurtături Tastatură",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Deconectare"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Выберите аккаунт из списка",
"PROFILE_SETTINGS": "Настройки профиля",
"KEYBOARD_SHORTCUTS": "Клавиши быстрого доступа",
"SUPER_ADMIN_CONSOLE": "Консоль супер администратора",
"LOGOUT": "Выйти"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Vyberte účet z nasledujúceho zoznamu",
"PROFILE_SETTINGS": "Nastavenia profilu",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Izaberite nalog iz sledećeg spiska",
"PROFILE_SETTINGS": "Podešavanja profila",
"KEYBOARD_SHORTCUTS": "Prečice tastature",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Odjavi se"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Välj ett konto från följande lista",
"PROFILE_SETTINGS": "Profilinställningar",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logga ut"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "பின்வரும் பட்டியலிலிருந்து ஒரு கணக்கைத் தேர்ந்தெடுக்கவும்",
"PROFILE_SETTINGS": "சுயவிவர அமைப்புகள்",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "வெளியேறு"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "เลือกบัญชีจากรายชื่อต่อไปนี้",
"PROFILE_SETTINGS": "ตั้งค่าข้อมูลส่วนตัว",
"KEYBOARD_SHORTCUTS": "คีย์ลัด",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "ออกจากระบบ"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Aşağıdaki listeden bir hesap seçin",
"PROFILE_SETTINGS": "Profil ayarları",
"KEYBOARD_SHORTCUTS": "Klavye Kısayolları",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": ıkış Yap"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Виберіть обліковий запис із наступного списку",
"PROFILE_SETTINGS": "Налаштування облікового запису",
"KEYBOARD_SHORTCUTS": "Комбінації клавіш",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Вийти"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Select an account from the following list",
"PROFILE_SETTINGS": "Profile Settings",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Logout"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "Chọn một tài khoản từ danh sách sau",
"PROFILE_SETTINGS": "Cài Đặt Hồ Sơ Cá Nhân",
"KEYBOARD_SHORTCUTS": "Phím tắt",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "Đăng xuất"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "从以下列表中选择一个账户",
"PROFILE_SETTINGS": "个人资料设置",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "退出登录"
},
"APP_GLOBAL": {

View file

@ -136,6 +136,7 @@
"SELECTOR_SUBTITLE": "從以下列表中選擇一個帳戶",
"PROFILE_SETTINGS": "個人資料設定",
"KEYBOARD_SHORTCUTS": "Keyboard Shortcuts",
"SUPER_ADMIN_CONSOLE": "Super Admin Console",
"LOGOUT": "退出登入"
},
"APP_GLOBAL": {

View file

@ -34,9 +34,6 @@ export default {
lastNonActivityMessageFromAPI
);
},
hasUserReadMessage(createdAt, contactLastSeen) {
return !(contactLastSeen - createdAt < 0);
},
readMessages(m) {
return m.messages.filter(
chat => chat.created_at * 1000 <= m.agent_last_seen_at * 1000

View file

@ -2,14 +2,14 @@
<div class="row app-wrapper">
<sidebar
:route="currentRoute"
:sidebar-class-name="sidebarClassName"
:show-secondary-sidebar="isSidebarOpen"
@open-notification-panel="openNotificationPanel"
@toggle-account-modal="toggleAccountModal"
@open-key-shortcut-modal="toggleKeyShortcutModal"
@close-key-shortcut-modal="closeKeyShortcutModal"
@show-add-label-popup="showAddLabelPopup"
/>
<section class="app-content columns" :class="contentClassName">
<section class="app-content columns">
<router-view />
<command-bar />
<account-selector
@ -46,6 +46,7 @@ import AddAccountModal from 'dashboard/components/layout/sidebarComponents/AddAc
import AccountSelector from 'dashboard/components/layout/sidebarComponents/AccountSelector';
import AddLabelModal from 'dashboard/routes/dashboard/settings/labels/AddLabel';
import NotificationPanel from 'dashboard/routes/dashboard/notifications/components/NotificationPanel';
import uiSettingsMixin from 'dashboard/mixins/uiSettings';
export default {
components: {
@ -57,9 +58,9 @@ export default {
AddLabelModal,
NotificationPanel,
},
mixins: [uiSettingsMixin],
data() {
return {
isSidebarOpen: false,
isOnDesktop: true,
showAccountModal: false,
showCreateAccountModal: false,
@ -72,44 +73,22 @@ export default {
currentRoute() {
return ' ';
},
sidebarClassName() {
if (this.isOnDesktop) {
return '';
}
if (this.isSidebarOpen) {
return 'off-canvas is-open';
}
return 'off-canvas is-transition-push is-closed';
},
contentClassName() {
if (this.isOnDesktop) {
return '';
}
if (this.isSidebarOpen) {
return 'off-canvas-content is-open-left has-transition-push';
}
return 'off-canvas-content has-transition-push';
isSidebarOpen() {
const { show_secondary_sidebar: showSecondarySidebar } = this.uiSettings;
return showSecondarySidebar;
},
},
mounted() {
window.addEventListener('resize', this.handleResize);
this.handleResize();
bus.$on(BUS_EVENTS.TOGGLE_SIDEMENU, this.toggleSidebar);
},
beforeDestroy() {
bus.$off(BUS_EVENTS.TOGGLE_SIDEMENU, this.toggleSidebar);
window.removeEventListener('resize', this.handleResize);
},
methods: {
handleResize() {
if (window.innerWidth >= 1200) {
this.isOnDesktop = true;
} else {
this.isOnDesktop = false;
}
},
toggleSidebar() {
this.isSidebarOpen = !this.isSidebarOpen;
this.updateUISettings({
show_secondary_sidebar: !this.isSidebarOpen,
});
},
openCreateAccountModal() {
this.showAccountModal = false;
@ -142,8 +121,3 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.off-canvas-content.is-open-left {
transform: translateX(20rem);
}
</style>

View file

@ -66,7 +66,7 @@
@click="replaceTextWithCannedResponse"
/>
</div>
<div v-if="isAnEmailInbox || isAnWebWidgetInbox">
<div v-if="isEmailOrWebWidgetInbox">
<label>
{{ $t('NEW_CONVERSATION.FORM.MESSAGE.LABEL') }}
<reply-email-head
@ -80,6 +80,7 @@
class="message-editor"
:class="{ editor_warning: $v.message.$error }"
:placeholder="$t('NEW_CONVERSATION.FORM.MESSAGE.PLACEHOLDER')"
@toggle-canned-menu="toggleCannedMenu"
@blur="$v.message.$touch"
/>
<span v-if="$v.message.$error" class="editor-warning__message">
@ -229,13 +230,16 @@ export default {
this.selectedInbox.inbox.channel_type === INBOX_TYPES.WEB
);
},
isEmailOrWebWidgetInbox() {
return this.isAnEmailInbox || this.isAnWebWidgetInbox;
},
hasWhatsappTemplates() {
return !!this.selectedInbox.inbox?.message_templates;
},
},
watch: {
message(value) {
this.hasSlashCommand = value[0] === '/';
this.hasSlashCommand = value[0] === '/' && !this.isEmailOrWebWidgetInbox;
const hasNextWord = value.includes(' ');
const isShortCodeActive = this.hasSlashCommand && !hasNextWord;
if (isShortCodeActive) {
@ -259,6 +263,9 @@ export default {
this.message = message;
}, 50);
},
toggleCannedMenu(value) {
this.showCannedMenu = value;
},
prepareWhatsAppMessagePayload({ message: content, templateParams }) {
const payload = {
inboxId: this.targetInbox.inbox.id,
@ -315,12 +322,10 @@ export default {
}
.canned-response {
position: relative;
top: var(--space-medium);
::v-deep .mention--box {
border-left: 1px solid var(--color-border);
border-right: 1px solid var(--color-border);
top: var(--space-jumbo) !important;
}
}
@ -355,4 +360,14 @@ export default {
.row.gutter-small {
gap: var(--space-small);
}
::v-deep .mention--box {
border-left: 1px solid var(--color-border);
border-right: 1px solid var(--color-border);
left: 0;
margin: auto;
right: 0;
top: 18rem !important;
width: 90%;
}
</style>

View file

@ -1,20 +1,22 @@
<template>
<div v-on-clickaway="closeSearch" class="search-wrap">
<div class="search" :class="{ 'is-active': showSearchBox }">
<woot-sidemenu-icon />
<div class="icon">
<fluent-icon icon="search" class="search--icon" size="28" />
<div class="search-header--wrap">
<woot-sidemenu-icon v-if="!showSearchBox" />
<div class="search" :class="{ 'is-active': showSearchBox }">
<div class="icon">
<fluent-icon icon="search" class="search--icon" size="28" />
</div>
<input
v-model="searchTerm"
class="search--input"
:placeholder="$t('CONVERSATION.SEARCH_MESSAGES')"
@focus="onSearch"
/>
<switch-layout
:is-on-expanded-layout="isOnExpandedLayout"
@toggle="$emit('toggle-conversation-layout')"
/>
</div>
<input
v-model="searchTerm"
class="search--input"
:placeholder="$t('CONVERSATION.SEARCH_MESSAGES')"
@focus="onSearch"
/>
<switch-layout
:is-on-expanded-layout="isOnExpandedLayout"
@toggle="$emit('toggle-conversation-layout')"
/>
</div>
<div v-if="showSearchBox" class="results-wrap">
<div class="show-results">
@ -153,14 +155,21 @@ export default {
<style lang="scss" scoped>
.search-wrap {
position: relative;
padding: var(--space-one) var(--space-normal) var(--space-smaller)
var(--space-normal);
}
.search-header--wrap {
display: flex;
justify-content: space-between;
min-height: var(--space-large);
}
.search {
display: flex;
flex: 1;
padding: 0;
border-bottom: 1px solid transparent;
padding: var(--space-one) var(--space-normal) var(--space-smaller)
var(--space-normal);
&:hover {
.search--icon {
@ -205,6 +214,7 @@ input::placeholder {
width: 100%;
max-height: 70vh;
overflow: auto;
left: 0;
}
.show-results {

View file

@ -8,8 +8,7 @@
@close-key-shortcut-modal="closeKeyShortcutModal"
/>
<help-center-sidebar
v-if="portals.length"
:class="sidebarClassName"
v-if="showHelpCenterSidebar"
:header-title="headerTitle"
:portal-slug="selectedPortalSlug"
:locale-slug="selectedLocaleInPortal"
@ -19,7 +18,7 @@
@open-popover="openPortalPopover"
@open-modal="onClickOpenAddCategoryModal"
/>
<section class="app-content columns" :class="contentClassName">
<section class="app-content columns">
<router-view />
<command-bar />
<account-selector
@ -84,7 +83,6 @@ export default {
mixins: [portalMixin, uiSettingsMixin],
data() {
return {
isSidebarOpen: false,
isOnDesktop: true,
showShortcutModal: false,
showNotificationPanel: false,
@ -103,6 +101,15 @@ export default {
meta: 'portals/getMeta',
isFetching: 'portals/isFetchingPortals',
}),
isSidebarOpen() {
const {
show_help_center_secondary_sidebar: showSecondarySidebar,
} = this.uiSettings;
return showSecondarySidebar;
},
showHelpCenterSidebar() {
return this.portals.length === 0 ? false : this.isSidebarOpen;
},
selectedPortal() {
const slug = this.$route.params.portalSlug || this.lastActivePortalSlug;
if (slug) return this.$store.getters['portals/portalBySlug'](slug);
@ -112,24 +119,6 @@ export default {
selectedLocaleInPortal() {
return this.$route.params.locale || this.defaultPortalLocale;
},
sidebarClassName() {
if (this.isOnDesktop) {
return '';
}
if (this.isSidebarOpen) {
return 'off-canvas is-open';
}
return 'off-canvas is-transition-push is-closed';
},
contentClassName() {
if (this.isOnDesktop) {
return '';
}
if (this.isSidebarOpen) {
return 'off-canvas-content is-open-left has-transition-push';
}
return 'off-canvas-content has-transition-push';
},
selectedPortalName() {
return this.selectedPortal ? this.selectedPortal.name : '';
},
@ -227,9 +216,27 @@ export default {
},
},
watch: {
'$route.name'() {
const routeName = this.$route?.name;
const routeParams = this.$route?.params;
const updateMetaInAllPortals = routeName === 'list_all_portals';
const updateMetaInEditArticle =
routeName === 'edit_article' && routeParams?.recentlyCreated;
const updateMetaInLocaleArticles =
routeName === 'list_all_locale_articles' &&
routeParams?.recentlyDeleted;
if (
updateMetaInAllPortals ||
updateMetaInEditArticle ||
updateMetaInLocaleArticles
) {
this.fetchPortalAndItsCategories();
}
},
},
mounted() {
window.addEventListener('resize', this.handleResize);
this.handleResize();
bus.$on(BUS_EVENTS.TOGGLE_SIDEMENU, this.toggleSidebar);
const slug = this.$route.params.portalSlug;
@ -239,7 +246,6 @@ export default {
},
beforeDestroy() {
bus.$off(BUS_EVENTS.TOGGLE_SIDEMENU, this.toggleSidebar);
window.removeEventListener('resize', this.handleResize);
},
updated() {
const slug = this.$route.params.portalSlug;
@ -252,15 +258,12 @@ export default {
}
},
methods: {
handleResize() {
if (window.innerWidth > 1200) {
this.isOnDesktop = true;
} else {
this.isOnDesktop = false;
}
},
toggleSidebar() {
this.isSidebarOpen = !this.isSidebarOpen;
if (this.portals.length > 0) {
this.updateUISettings({
show_help_center_secondary_sidebar: !this.isSidebarOpen,
});
}
},
async fetchPortalAndItsCategories() {
await this.$store.dispatch('portals/index');
@ -302,8 +305,3 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.off-canvas-content.is-open-left.has-transition-push {
transform: translateX(var(--space-giga));
}
</style>

View file

@ -236,8 +236,10 @@ export default {
});
},
articleCount() {
const { all_articles_count: count } = this.portal.meta;
return count;
const { allowed_locales: allowedLocales } = this.portal.config;
return allowedLocales.reduce((acc, locale) => {
return acc + locale.articles_count;
}, 0);
},
},
methods: {

View file

@ -105,7 +105,10 @@ export default {
return this.portal?.config?.allowed_locales;
},
articlesCount() {
return this.portal?.meta?.all_articles_count;
const { allowed_locales: allowedLocales } = this.portal.config;
return allowedLocales.reduce((acc, locale) => {
return acc + locale.articles_count;
}, 0);
},
},
mounted() {

View file

@ -151,6 +151,7 @@ export default {
params: {
portalSlug: this.selectedPortalSlug,
locale: this.locale,
recentlyDeleted: true,
},
});
} catch (error) {

View file

@ -87,6 +87,7 @@ export default {
articleSlug: articleId,
portalSlug: this.selectedPortalSlug,
locale: this.locale,
recentlyCreated: true,
},
});
} catch (error) {

View file

@ -37,6 +37,13 @@ export default {
this.resizeTextarea();
},
},
mounted() {
this.$nextTick(() => {
if (this.value) {
this.resizeTextarea();
}
});
},
methods: {
resizeTextarea() {
if (!this.value) {

View file

@ -15,7 +15,7 @@ DeviseTokenAuth.setup do |config|
# Sets the max number of concurrent devices per user, which is 10 by default.
# After this limit is reached, the oldest tokens will be removed.
# config.max_number_of_devices = 10
config.max_number_of_devices = 25
# Sometimes it's necessary to make several requests to the API at the same
# time. In this case, each request in the batch will need to share the same

View file

@ -48,11 +48,11 @@ fr:
imap:
socket_error: Veuillez vérifier la connexion, l'adresse IMAP et réessayez.
no_response_error: Veuillez vérifier les identifiants IMAP et réessayez.
host_unreachable_error: Host unreachable, Please check the IMAP address, IMAP port and try again.
connection_timed_out_error: Connection timed out for %{address}:%{port}
connection_closed_error: Connection closed.
host_unreachable_error: Hôte injoignable, veuillez vérifier l'adresse IMAP, le port IMAP et réessayer.
connection_timed_out_error: La connexion a expiré pour %{address}:%{port}
connection_closed_error: Connexion fermée.
validations:
name: should not start or end with symbols, and it should not have < > / \ @ characters.
name: 'ne doit pas commencer ou se terminer par des symboles, et ne doit pas comporter les caractères suivants : "< > / \ @".'
reports:
period: Période de rapport %{since} à %{until}
agent_csv:
@ -61,14 +61,14 @@ fr:
avg_first_response_time: Temps de réponse moyen (Minutes)
avg_resolution_time: Temps moyen de résolution (Minutes)
inbox_csv:
inbox_name: Inbox name
inbox_type: Inbox type
conversations_count: No. of conversations
inbox_name: Nom de la boîte de réception
inbox_type: Type de boîte de réception
conversations_count: Nbre de conversations
avg_first_response_time: Temps de réponse moyen (Minutes)
avg_resolution_time: Temps moyen de résolution (Minutes)
label_csv:
label_title: Label
conversations_count: No. of conversations
label_title: Libellé
conversations_count: Nbre de conversations
avg_first_response_time: Temps de réponse moyen (Minutes)
avg_resolution_time: Temps moyen de résolution (Minutes)
team_csv:
@ -79,13 +79,13 @@ fr:
default_group_by: jour
csat:
headers:
contact_name: Contact Name
contact_email_address: Contact Email Address
contact_phone_number: Contact Phone Number
link_to_the_conversation: Link to the conversation
contact_name: Nom du contact
contact_email_address: Adresse e-mail du contact
contact_phone_number: Numéro de téléphone du contact
link_to_the_conversation: Lier à la conversation
agent_name: Nom de l'agent
rating: Note
feedback: Feedback Comment
feedback: Commentaire
recorded_at: Recorded date
notifications:
notification_title:
@ -96,7 +96,7 @@ fr:
conversations:
messages:
instagram_story_content: "%{story_sender} vous a mentionné dans l'histoire: "
instagram_deleted_story_content: This story is no longer available.
instagram_deleted_story_content: Cette Story n'est plus disponible.
deleted: Ce message a été supprimé
activity:
status:
@ -151,9 +151,9 @@ fr:
description: "L'intégration FullContact permet d'enrichir les profils de visiteurs. Identifiez les utilisateurs dès qu'ils partagent leur adresse de courriel et offrez-leur un service client sur mesure. Connectez FullContact à votre compte en partageant la clé API FullContact."
public_portal:
search:
search_placeholder: Search for article by title or body...
search_placeholder: Rechercher un article par titre ou contenu...
empty_placeholder: Aucun résultat trouvé.
loading_placeholder: Searching...
results_title: Search results
loading_placeholder: Recherche en cours...
results_title: Résultats de recherche
hero:
sub_title: Search for the articles here or browse the categories below.
sub_title: Recherchez les articles ici ou parcourez les catégories ci-dessous.

View file

@ -6,7 +6,7 @@ const vue = require('./loaders/vue');
environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin());
environment.loaders.prepend('vue', vue);
environment.loaders.append('opus', {
environment.loaders.append('opus-ogg', {
test: /encoderWorker\.min\.js$/,
loader: 'file-loader',
options: {
@ -14,6 +14,14 @@ environment.loaders.append('opus', {
},
});
environment.loaders.append('opus-wav', {
test: /waveWorker\.min\.js$/,
loader: 'file-loader',
options: {
name: '[name].[ext]',
},
});
environment.loaders.append('audio', {
test: /\.(mp3)(\?.*)?$/,
loader: 'url-loader',