akadmin/chatwoot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: Replace alertMixin usage with useAlert (#9793)

Browse Source 
# Pull Request Template

## Description

This PR will replace the usage of `alertMixin` from the code base with
the `useAlert` composable.

Fixes
https://linear.app/chatwoot/issue/CW-3462/replace-alertmixin-usage-with-usealert

## Type of change

- [x] Breaking change (fix or feature that would cause existing
functionality not to work as expected)

## How Has This Been Tested?

Please refer this issue description

https://linear.app/chatwoot/issue/CW-3462/replace-alertmixin-usage-with-usealert


## Checklist:

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [ ] I have commented on my code, particularly in hard-to-understand
areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [x] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published in downstream
modules

---------

Co-authored-by: Sojan Jose <sojan@pepalo.com>
This commit is contained in:
Sivin Varghese
2024-07-23 16:41:11 +05:30
committed by GitHub
co-authored by Sojan Jose
parent 10ee773aac
commit 79aa5a5d7f
163 changed files with 868 additions and 850 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/dashboard/routes/dashboard/commands/commandbar.vue
-2
View File
@@ -21,12 +21,10 @@ import appearanceHotKeys from './appearanceHotKeys';
import agentMixin from 'dashboard/mixins/agentMixin';
import conversationLabelMixin from 'dashboard/mixins/conversation/labelMixin';
import conversationTeamMixin from 'dashboard/mixins/conversation/teamMixin';
import adminMixin from 'dashboard/mixins/isAdmin';
import { GENERAL_EVENTS } from '../../../helper/AnalyticsHelper/events';
export default {
mixins: [
adminMixin,
agentMixin,
conversationHotKeysMixin,
bulkActionsHotKeysMixin,
app/javascript/dashboard/routes/dashboard/commands/goToCommandHotKeys.js
+7
View File
@@ -17,6 +17,7 @@ import {
} from './CommandBarIcons';
import { frontendURL } from '../../../helper/URLHelper';
import { mapGetters } from 'vuex';
import { useAdmin } from 'dashboard/composables/useAdmin';
import { FEATURE_FLAGS } from '../../../featureFlags';
const GO_TO_COMMANDS = [
@@ -172,6 +173,12 @@ const GO_TO_COMMANDS = [
];
export default {
setup() {
const { isAdmin } = useAdmin();
return {
isAdmin,
};
},
computed: {
...mapGetters({
accountId: 'getCurrentAccountId',
app/javascript/dashboard/routes/dashboard/contacts/components/ContactLabels.vue
+2 -3
View File
@@ -9,12 +9,11 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import LabelSelector from 'dashboard/components/widgets/LabelSelector.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: { LabelSelector },
mixins: [alertMixin],
props: {
contactId: {
type: [String, Number],
@@ -59,7 +58,7 @@ export default {
labels: selectedLabels,
});
} catch (error) {
this.showAlert(this.$t('CONTACT_PANEL.LABELS.CONTACT.ERROR'));
useAlert(this.$t('CONTACT_PANEL.LABELS.CONTACT.ERROR'));
}
},
app/javascript/dashboard/routes/dashboard/contacts/components/ContactsAdvancedFilters.vue
+3 -3
View File
@@ -89,7 +89,7 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import FilterInputBox from '../../../../components/widgets/FilterInput/Index.vue';
import countries from 'shared/constants/countries.js';
@@ -102,7 +102,7 @@ export default {
components: {
FilterInputBox,
},
mixins: [alertMixin, filterMixin],
mixins: [filterMixin],
props: {
onClose: {
type: Function,
@@ -308,7 +308,7 @@ export default {
},
removeFilter(index) {
if (this.appliedFilters.length <= 1) {
this.showAlert(this.$t('CONTACTS_FILTER.FILTER_DELETE_ERROR'));
useAlert(this.$t('CONTACTS_FILTER.FILTER_DELETE_ERROR'));
} else {
this.appliedFilters.splice(index, 1);
}
app/javascript/dashboard/routes/dashboard/contacts/components/ContactsView.vue
+3 -6
View File
@@ -81,6 +81,7 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import ContactsHeader from './Header.vue';
import ContactsTable from './ContactsTable.vue';
@@ -94,7 +95,6 @@ import filterQueryGenerator from '../../../../helper/filterQueryGenerator';
import AddCustomViews from 'dashboard/routes/dashboard/customviews/AddCustomViews.vue';
import DeleteCustomViews from 'dashboard/routes/dashboard/customviews/DeleteCustomViews.vue';
import { CONTACTS_EVENTS } from '../../../../helper/AnalyticsHelper/events';
import alertMixin from 'shared/mixins/alertMixin';
import countries from 'shared/constants/countries.js';
import { generateValuesForEditCustomViews } from 'dashboard/helper/customViewsHelper';
@@ -113,7 +113,6 @@ export default {
AddCustomViews,
DeleteCustomViews,
},
mixins: [alertMixin],
props: {
label: { type: String, default: '' },
segmentsId: {
@@ -404,11 +403,9 @@ export default {
...query,
label: this.label,
});
this.showAlert(this.$t('EXPORT_CONTACTS.SUCCESS_MESSAGE'));
useAlert(this.$t('EXPORT_CONTACTS.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(
error.message || this.$t('EXPORT_CONTACTS.ERROR_MESSAGE')
);
useAlert(error.message || this.$t('EXPORT_CONTACTS.ERROR_MESSAGE'));
}
},
setParamsForEditSegmentModal() {
app/javascript/dashboard/routes/dashboard/contacts/components/Header.vue
+7 -2
View File
@@ -125,10 +125,9 @@
<script>
import { mapGetters } from 'vuex';
import adminMixin from 'dashboard/mixins/isAdmin';
import { useAdmin } from 'dashboard/composables/useAdmin';
export default {
mixins: [adminMixin],
props: {
headerTitle: {
type: String,
@@ -143,6 +142,12 @@ export default {
default: 0,
},
},
setup() {
const { isAdmin } = useAdmin();
return {
isAdmin,
};
},
data() {
return {
showCreateModal: false,
app/javascript/dashboard/routes/dashboard/contacts/components/ImportContacts.vue
+6 -9
View File
@@ -1,6 +1,6 @@
<template>
<modal :show.sync="show" :on-close="onClose">
<div class="h-auto overflow-auto flex flex-col">
<div class="flex flex-col h-auto overflow-auto">
<woot-modal-header :header-title="$t('IMPORT_CONTACTS.TITLE')">
<p>
{{ $t('IMPORT_CONTACTS.DESC') }}
@@ -22,7 +22,7 @@
/>
</label>
</div>
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<div class="w-full">
<woot-button
:disabled="uiFlags.isCreating || !file"
@@ -42,16 +42,15 @@
</template>
<script>
import Modal from '../../../../components/Modal.vue';
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { CONTACTS_EVENTS } from '../../../../helper/AnalyticsHelper/events';
import Modal from '../../../../components/Modal.vue';
export default {
components: {
Modal,
},
mixins: [alertMixin],
props: {
onClose: {
type: Function,
@@ -81,12 +80,10 @@ export default {
if (!this.file) return;
await this.$store.dispatch('contacts/import', this.file);
this.onClose();
this.showAlert(this.$t('IMPORT_CONTACTS.SUCCESS_MESSAGE'));
useAlert(this.$t('IMPORT_CONTACTS.SUCCESS_MESSAGE'));
this.$track(CONTACTS_EVENTS.IMPORT_SUCCESS);
} catch (error) {
this.showAlert(
error.message || this.$t('IMPORT_CONTACTS.ERROR_MESSAGE')
);
useAlert(error.message || this.$t('IMPORT_CONTACTS.ERROR_MESSAGE'));
this.$track(CONTACTS_EVENTS.IMPORT_FAILURE);
}
},
app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue
+1 -2
View File
@@ -133,7 +133,6 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import AccordionItem from 'dashboard/components/Accordion/AccordionItem.vue';
import ContactConversations from './ContactConversations.vue';
import ConversationAction from './ConversationAction.vue';
@@ -157,7 +156,7 @@ export default {
draggable,
MacrosList,
},
mixins: [alertMixin, uiSettingsMixin],
mixins: [uiSettingsMixin],
props: {
conversationId: {
type: [Number, String],
app/javascript/dashboard/routes/dashboard/conversation/ConversationAction.vue
+5 -5
View File
@@ -82,7 +82,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import ContactDetailsItem from './ContactDetailsItem.vue';
import MultiselectDropdown from 'shared/components/ui/MultiselectDropdown.vue';
import ConversationLabels from './labels/LabelBox.vue';
@@ -97,7 +97,7 @@ export default {
MultiselectDropdown,
ConversationLabels,
},
mixins: [agentMixin, alertMixin, teamMixin],
mixins: [agentMixin, teamMixin],
props: {
conversationId: {
type: [Number, String],
@@ -157,7 +157,7 @@ export default {
agentId,
})
.then(() => {
this.showAlert(this.$t('CONVERSATION.CHANGE_AGENT'));
useAlert(this.$t('CONVERSATION.CHANGE_AGENT'));
});
},
},
@@ -172,7 +172,7 @@ export default {
this.$store
.dispatch('assignTeam', { conversationId, teamId })
.then(() => {
this.showAlert(this.$t('CONVERSATION.CHANGE_TEAM'));
useAlert(this.$t('CONVERSATION.CHANGE_TEAM'));
});
},
},
@@ -201,7 +201,7 @@ export default {
newValue: priority,
from: 'Conversation Sidebar',
});
this.showAlert(
useAlert(
this.$t('CONVERSATION.PRIORITY.CHANGE_PRIORITY.SUCCESSFUL', {
priority: priorityItem.name,
conversationId,
app/javascript/dashboard/routes/dashboard/conversation/ConversationParticipant.vue
+3 -3
View File
@@ -79,7 +79,7 @@
<script>
import Spinner from 'shared/components/Spinner.vue';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { mapGetters } from 'vuex';
import agentMixin from 'dashboard/mixins/agentMixin';
import ThumbnailGroup from 'dashboard/components/widgets/ThumbnailGroup.vue';
@@ -91,7 +91,7 @@ export default {
ThumbnailGroup,
MultiselectDropdownItems,
},
mixins: [alertMixin, agentMixin],
mixins: [agentMixin],
props: {
conversationId: {
type: [Number, String],
@@ -197,7 +197,7 @@ export default {
error?.message ||
this.$t('CONVERSATION_PARTICIPANTS.API.ERROR_MESSAGE');
} finally {
this.showAlert(alertMessage);
useAlert(alertMessage);
}
this.fetchParticipants();
},
app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
+4 -4
View File
@@ -1,5 +1,5 @@
<template>
<section class="conversation-page bg-white dark:bg-slate-900">
<section class="bg-white conversation-page dark:bg-slate-900">
<chat-list
:show-conversation-list="showConversationList"
:conversation-inbox="inboxId"
@@ -36,13 +36,13 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { getUnixTime } from 'date-fns';
import ChatList from '../../../components/ChatList.vue';
import ConversationBox from '../../../components/widgets/conversation/ConversationBox.vue';
import PopOverSearch from './search/PopOverSearch.vue';
import CustomSnoozeModal from 'dashboard/components/CustomSnoozeModal.vue';
import uiSettingsMixin from 'dashboard/mixins/uiSettings';
import alertMixin from 'shared/mixins/alertMixin';
import wootConstants from 'dashboard/constants/globals';
import { BUS_EVENTS } from 'shared/constants/busEvents';
import { CMD_SNOOZE_CONVERSATION } from 'dashboard/routes/dashboard/commands/commandBarBusEvents';
@@ -55,7 +55,7 @@ export default {
PopOverSearch,
CustomSnoozeModal,
},
mixins: [uiSettingsMixin, alertMixin],
mixins: [uiSettingsMixin],
props: {
inboxId: {
type: [String, Number],
@@ -235,7 +235,7 @@ export default {
})
.then(() => {
this.$store.dispatch('setContextMenuChatId', null);
this.showAlert(this.$t('CONVERSATION.CHANGE_STATUS'));
useAlert(this.$t('CONVERSATION.CHANGE_STATUS'));
});
},
hideCustomSnoozeModal() {
app/javascript/dashboard/routes/dashboard/conversation/Macros/MacroItem.vue
+4 -5
View File
@@ -3,7 +3,7 @@
<span class="overflow-hidden whitespace-nowrap text-ellipsis">{{
macro.name
}}</span>
<div class="macros-actions flex items-center gap-1">
<div class="flex items-center gap-1 macros-actions">
<woot-button
v-tooltip.left-start="$t('MACROS.EXECUTE.PREVIEW')"
size="tiny"
@@ -33,7 +33,7 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import MacroPreview from './MacroPreview.vue';
import { CONVERSATION_EVENTS } from '../../../../helper/AnalyticsHelper/events';
@@ -41,7 +41,6 @@ export default {
components: {
MacroPreview,
},
mixins: [alertMixin],
props: {
macro: {
type: Object,
@@ -67,9 +66,9 @@ export default {
conversationIds: [this.conversationId],
});
this.$track(CONVERSATION_EVENTS.EXECUTED_A_MACRO);
this.showAlert(this.$t('MACROS.EXECUTE.EXECUTED_SUCCESSFULLY'));
useAlert(this.$t('MACROS.EXECUTE.EXECUTED_SUCCESSFULLY'));
} catch (error) {
this.showAlert(this.$t('MACROS.ERROR'));
useAlert(this.$t('MACROS.ERROR'));
} finally {
this.isExecuting = false;
}
app/javascript/dashboard/routes/dashboard/conversation/contact/ContactForm.vue
+8 -13
View File
@@ -150,7 +150,7 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import {
DuplicateContactException,
ExceptionWithMessage,
@@ -161,7 +161,6 @@ import { isPhoneNumberValid } from 'shared/helpers/Validators';
import parsePhoneNumber from 'libphonenumber-js';
export default {
mixins: [alertMixin],
props: {
contact: {
type: Object,
@@ -375,20 +374,18 @@ export default {
try {
await this.onSubmit(this.getContactObject());
this.onSuccess();
this.showAlert(this.$t('CONTACT_FORM.SUCCESS_MESSAGE'));
useAlert(this.$t('CONTACT_FORM.SUCCESS_MESSAGE'));
} catch (error) {
if (error instanceof DuplicateContactException) {
if (error.data.includes('email')) {
this.showAlert(
this.$t('CONTACT_FORM.FORM.EMAIL_ADDRESS.DUPLICATE')
);
useAlert(this.$t('CONTACT_FORM.FORM.EMAIL_ADDRESS.DUPLICATE'));
} else if (error.data.includes('phone_number')) {
this.showAlert(this.$t('CONTACT_FORM.FORM.PHONE_NUMBER.DUPLICATE'));
useAlert(this.$t('CONTACT_FORM.FORM.PHONE_NUMBER.DUPLICATE'));
}
} else if (error instanceof ExceptionWithMessage) {
this.showAlert(error.data);
useAlert(error.data);
} else {
this.showAlert(this.$t('CONTACT_FORM.ERROR_MESSAGE'));
useAlert(this.$t('CONTACT_FORM.ERROR_MESSAGE'));
}
}
},
@@ -400,15 +397,13 @@ export default {
try {
if (this.contact && this.contact.id) {
await this.$store.dispatch('contacts/deleteAvatar', this.contact.id);
this.showAlert(
this.$t('CONTACT_FORM.DELETE_AVATAR.API.SUCCESS_MESSAGE')
);
useAlert(this.$t('CONTACT_FORM.DELETE_AVATAR.API.SUCCESS_MESSAGE'));
}
this.avatarFile = null;
this.avatarUrl = '';
this.activeDialCode = '';
} catch (error) {
this.showAlert(
useAlert(
error.message
? error.message
: this.$t('CONTACT_FORM.DELETE_AVATAR.API.ERROR_MESSAGE')
app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
+11 -7
View File
@@ -166,17 +166,16 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { dynamicTime } from 'shared/helpers/timeHelper';
import { useAdmin } from 'dashboard/composables/useAdmin';
import ContactInfoRow from './ContactInfoRow.vue';
import Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';
import SocialIcons from './SocialIcons.vue';
import EditContact from './EditContact.vue';
import NewConversation from './NewConversation.vue';
import ContactMergeModal from 'dashboard/modules/contact/ContactMergeModal.vue';
import alertMixin from 'shared/mixins/alertMixin';
import adminMixin from '../../../../mixins/isAdmin';
import { mapGetters } from 'vuex';
import { getCountryFlag } from 'dashboard/helper/flag';
import { BUS_EVENTS } from 'shared/constants/busEvents';
import {
@@ -194,7 +193,6 @@ export default {
NewConversation,
ContactMergeModal,
},
mixins: [alertMixin, adminMixin],
props: {
contact: {
type: Object,
@@ -217,6 +215,12 @@ export default {
default: 'chevron-right',
},
},
setup() {
const { isAdmin } = useAdmin();
return {
isAdmin,
};
},
data() {
return {
showEditModal: false,
@@ -301,7 +305,7 @@ export default {
try {
await this.$store.dispatch('contacts/delete', id);
this.$emit('panel-close');
this.showAlert(this.$t('DELETE_CONTACT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('DELETE_CONTACT.API.SUCCESS_MESSAGE'));
if (isAConversationRoute(this.$route.name)) {
this.$router.push({
@@ -317,7 +321,7 @@ export default {
});
}
} catch (error) {
this.showAlert(
useAlert(
error.message
? error.message
: this.$t('DELETE_CONTACT.API.ERROR_MESSAGE')
app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfoRow.vue
+9 -10
View File
@@ -1,5 +1,5 @@
<template>
<div class="ltr:-ml-1 rtl:-mr-1 h-5 w-full">
<div class="w-full h-5 ltr:-ml-1 rtl:-mr-1">
<a
v-if="href"
:href="href"
@@ -9,16 +9,16 @@
:icon="icon"
:emoji="emoji"
icon-size="14"
class="ltr:ml-1 rtl:mr-1 flex-shrink-0"
class="flex-shrink-0 ltr:ml-1 rtl:mr-1"
/>
<span
v-if="value"
class="overflow-hidden whitespace-nowrap text-ellipsis text-sm"
class="overflow-hidden text-sm whitespace-nowrap text-ellipsis"
:title="value"
>
{{ value }}
</span>
<span v-else class="text-slate-300 dark:text-slate-600 text-sm">{{
<span v-else class="text-sm text-slate-300 dark:text-slate-600">{{
$t('CONTACT_PANEL.NOT_AVAILABLE')
}}</span>
@@ -42,22 +42,22 @@
:icon="icon"
:emoji="emoji"
icon-size="14"
class="ltr:ml-1 rtl:mr-1 flex-shrink-0"
class="flex-shrink-0 ltr:ml-1 rtl:mr-1"
/>
<span
v-if="value"
class="overflow-hidden whitespace-nowrap text-ellipsis text-sm"
class="overflow-hidden text-sm whitespace-nowrap text-ellipsis"
>
{{ value }}
</span>
<span v-else class="text-slate-300 dark:text-slate-600 text-sm">{{
<span v-else class="text-sm text-slate-300 dark:text-slate-600">{{
$t('CONTACT_PANEL.NOT_AVAILABLE')
}}</span>
</div>
</div>
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import EmojiOrIcon from 'shared/components/EmojiOrIcon.vue';
import { copyTextToClipboard } from 'shared/helpers/clipboard';
@@ -65,7 +65,6 @@ export default {
components: {
EmojiOrIcon,
},
mixins: [alertMixin],
props: {
href: {
type: String,
@@ -92,7 +91,7 @@ export default {
async onCopy(e) {
e.preventDefault();
await copyTextToClipboard(this.value);
this.showAlert(this.$t('CONTACT_PANEL.COPY_SUCCESSFUL'));
useAlert(this.$t('CONTACT_PANEL.COPY_SUCCESSFUL'));
},
},
};
app/javascript/dashboard/routes/dashboard/conversation/contact/ConversationForm.vue
+12 -15
View File
@@ -1,5 +1,5 @@
<template>
<form class="conversation--form w-full" @submit.prevent="onFormSubmit">
<form class="w-full conversation--form" @submit.prevent="onFormSubmit">
<div
v-if="showNoInboxAlert"
class="relative mx-0 mt-0 mb-2.5 p-2 rounded-none text-sm border border-solid border-yellow-500 dark:border-yellow-700 bg-yellow-200/60 dark:bg-yellow-200/20 text-slate-700 dark:text-yellow-400"
@@ -9,7 +9,7 @@
</p>
</div>
<div v-else>
<div class="gap-2 flex flex-row">
<div class="flex flex-row gap-2">
<div class="w-[50%]">
<label>
{{ $t('NEW_CONVERSATION.FORM.INBOX.LABEL') }}
@@ -69,7 +69,7 @@
:status="contact.availability_status"
/>
<h4
class="m-0 ml-2 mr-2 text-slate-700 dark:text-slate-100 text-sm"
class="m-0 ml-2 mr-2 text-sm text-slate-700 dark:text-slate-100"
>
{{ contact.name }}
</h4>
@@ -128,7 +128,7 @@
v-if="isSignatureEnabledForInbox && !messageSignature"
class="!mx-0 mb-1"
/>
<div v-if="isAnEmailInbox" class="mb-3 mt-px">
<div v-if="isAnEmailInbox" class="mt-px mb-3">
<woot-button
v-tooltip.top-end="signatureToggleTooltip"
icon="signature"
@@ -191,7 +191,7 @@
{{ $t('NEW_CONVERSATION.FORM.ATTACHMENTS.SELECT') }}
</woot-button>
<span
class="text-slate-500 ltr:ml-1 rtl:mr-1 font-medium text-xs dark:text-slate-400"
class="text-xs font-medium text-slate-500 ltr:ml-1 rtl:mr-1 dark:text-slate-400"
>
{{ $t('NEW_CONVERSATION.FORM.ATTACHMENTS.HELP_TEXT') }}
</span>
@@ -213,7 +213,7 @@
<div
v-if="!hasWhatsappTemplates"
class="flex flex-row justify-end gap-2 py-2 px-0 w-full"
class="flex flex-row justify-end w-full gap-2 px-0 py-2"
>
<button class="button clear" @click.prevent="onCancel">
{{ $t('NEW_CONVERSATION.FORM.CANCEL') }}
@@ -226,7 +226,7 @@
<transition v-if="isEmailOrWebWidgetInbox" name="modal-fade">
<div
v-show="$refs.uploadAttachment && $refs.uploadAttachment.dropActive"
class="flex top-0 bottom-0 z-30 gap-2 right-0 left-0 items-center justify-center flex-col absolute w-full h-full bg-white/80 dark:bg-slate-700/80"
class="absolute top-0 bottom-0 left-0 right-0 z-30 flex flex-col items-center justify-center w-full h-full gap-2 bg-white/80 dark:bg-slate-700/80"
>
<fluent-icon icon="cloud-backup" size="40" />
<h4 class="text-2xl break-words text-slate-600 dark:text-slate-200">
@@ -239,6 +239,7 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
import ReplyEmailHead from 'dashboard/components/widgets/conversation/ReplyEmailHead.vue';
@@ -246,7 +247,6 @@ import CannedResponse from 'dashboard/components/widgets/conversation/CannedResp
import MessageSignatureMissingAlert from 'dashboard/components/widgets/conversation/MessageSignatureMissingAlert';
import InboxDropdownItem from 'dashboard/components/widgets/InboxDropdownItem.vue';
import WhatsappTemplates from './WhatsappTemplates.vue';
import alertMixin from 'shared/mixins/alertMixin';
import { INBOX_TYPES } from 'shared/mixins/inboxMixin';
import { ExceptionWithMessage } from 'shared/helpers/CustomErrors';
import { getInboxSource } from 'dashboard/helper/inbox';
@@ -274,7 +274,7 @@ export default {
AttachmentPreview,
MessageSignatureMissingAlert,
},
mixins: [alertMixin, uiSettingsMixin, inboxMixin, fileUploadMixin],
mixins: [uiSettingsMixin, inboxMixin, fileUploadMixin],
props: {
contact: {
type: Object,
@@ -515,15 +515,12 @@ export default {
message: this.$t('NEW_CONVERSATION.FORM.GO_TO_CONVERSATION'),
};
this.onSuccess();
this.showAlert(
this.$t('NEW_CONVERSATION.FORM.SUCCESS_MESSAGE'),
action
);
useAlert(this.$t('NEW_CONVERSATION.FORM.SUCCESS_MESSAGE'), action);
} catch (error) {
if (error instanceof ExceptionWithMessage) {
this.showAlert(error.data);
useAlert(error.data);
} else {
this.showAlert(this.$t('NEW_CONVERSATION.FORM.ERROR_MESSAGE'));
useAlert(this.$t('NEW_CONVERSATION.FORM.ERROR_MESSAGE'));
}
}
},
app/javascript/dashboard/routes/dashboard/conversation/customAttributes/CustomAttributes.vue
+7 -7
View File
@@ -42,7 +42,7 @@
<script>
import CustomAttribute from 'dashboard/components/CustomAttribute.vue';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import attributeMixin from 'dashboard/mixins/attributeMixin';
import uiSettingsMixin from 'dashboard/mixins/uiSettings';
import { copyTextToClipboard } from 'shared/helpers/clipboard';
@@ -51,7 +51,7 @@ export default {
components: {
CustomAttribute,
},
mixins: [alertMixin, attributeMixin, uiSettingsMixin],
mixins: [attributeMixin, uiSettingsMixin],
props: {
attributeType: {
type: String,
@@ -141,12 +141,12 @@ export default {
custom_attributes: updatedAttributes,
});
}
this.showAlert(this.$t('CUSTOM_ATTRIBUTES.FORM.UPDATE.SUCCESS'));
useAlert(this.$t('CUSTOM_ATTRIBUTES.FORM.UPDATE.SUCCESS'));
} catch (error) {
const errorMessage =
error?.response?.message ||
this.$t('CUSTOM_ATTRIBUTES.FORM.UPDATE.ERROR');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
async onDelete(key) {
@@ -164,17 +164,17 @@ export default {
});
}
this.showAlert(this.$t('CUSTOM_ATTRIBUTES.FORM.DELETE.SUCCESS'));
useAlert(this.$t('CUSTOM_ATTRIBUTES.FORM.DELETE.SUCCESS'));
} catch (error) {
const errorMessage =
error?.response?.message ||
this.$t('CUSTOM_ATTRIBUTES.FORM.DELETE.ERROR');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
async onCopy(attributeValue) {
await copyTextToClipboard(attributeValue);
this.showAlert(this.$t('CUSTOM_ATTRIBUTES.COPY_SUCCESSFUL'));
useAlert(this.$t('CUSTOM_ATTRIBUTES.COPY_SUCCESSFUL'));
},
},
};
app/javascript/dashboard/routes/dashboard/conversation/labels/LabelBox.vue
+8 -3
View File
@@ -45,10 +45,10 @@
<script>
import { mapGetters } from 'vuex';
import { useAdmin } from 'dashboard/composables/useAdmin';
import Spinner from 'shared/components/Spinner.vue';
import LabelDropdown from 'shared/components/ui/label/LabelDropdown.vue';
import AddLabel from 'shared/components/ui/dropdown/AddLabel.vue';
import adminMixin from 'dashboard/mixins/isAdmin';
import keyboardEventListenerMixins from 'shared/mixins/keyboardEventListenerMixins';
import conversationLabelMixin from 'dashboard/mixins/conversation/labelMixin';
@@ -59,14 +59,19 @@ export default {
AddLabel,
},
mixins: [conversationLabelMixin, adminMixin, keyboardEventListenerMixins],
mixins: [conversationLabelMixin, keyboardEventListenerMixins],
props: {
conversationId: {
type: Number,
required: true,
},
},
setup() {
const { isAdmin } = useAdmin();
return {
isAdmin,
};
},
data() {
return {
selectedLabels: [],
app/javascript/dashboard/routes/dashboard/customviews/AddCustomViews.vue
+2 -3
View File
@@ -30,11 +30,10 @@
<script>
import { required, minLength } from 'vuelidate/lib/validators';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { CONTACTS_EVENTS } from '../../../helper/AnalyticsHelper/events';
export default {
mixins: [alertMixin],
props: {
filterType: {
type: Number,
@@ -101,7 +100,7 @@ export default {
? errorMessage
: this.$t('FILTER.CUSTOM_VIEWS.ADD.API_SEGMENTS.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
this.openLastSavedItem();
},
app/javascript/dashboard/routes/dashboard/customviews/DeleteCustomViews.vue
+3 -4
View File
@@ -16,10 +16,9 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { CONTACTS_EVENTS } from '../../../helper/AnalyticsHelper/events';
export default {
mixins: [alertMixin],
props: {
showDeletePopup: {
type: Boolean,
@@ -79,7 +78,7 @@ export default {
const filterType = this.activeCustomViews;
await this.$store.dispatch('customViews/delete', { id, filterType });
this.closeDeletePopup();
this.showAlert(
useAlert(
this.activeFilterType === 0
? this.$t('FILTER.CUSTOM_VIEWS.DELETE.API_FOLDERS.SUCCESS_MESSAGE')
: this.$t('FILTER.CUSTOM_VIEWS.DELETE.API_SEGMENTS.SUCCESS_MESSAGE')
@@ -94,7 +93,7 @@ export default {
: this.$t(
'FILTER.CUSTOM_VIEWS.DELETE.API_SEGMENTS.SUCCESS_MESSAGE'
);
this.showAlert(errorMessage);
useAlert(errorMessage);
}
this.openLastItemAfterDelete();
},
app/javascript/dashboard/routes/dashboard/helpcenter/components/AddLocale.vue
+4 -5
View File
@@ -24,7 +24,7 @@
</label>
<div class="w-full">
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-button class="button clear" @click.prevent="onClose">
{{ $t('HELP_CENTER.PORTAL.ADD_LOCALE.BUTTONS.CANCEL') }}
</woot-button>
@@ -39,16 +39,15 @@
</template>
<script>
import Modal from 'dashboard/components/Modal.vue';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import allLocales from 'shared/constants/locales.js';
import { PORTALS_EVENTS } from '../../../../helper/AnalyticsHelper/events';
import Modal from 'dashboard/components/Modal.vue';
export default {
components: {
Modal,
},
mixins: [alertMixin],
props: {
show: {
type: Boolean,
@@ -120,7 +119,7 @@ export default {
error?.message ||
this.$t('HELP_CENTER.PORTAL.ADD_LOCALE.API.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
this.isUpdating = false;
}
},
app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/ArticleSearchResultItem.vue
+5 -6
View File
@@ -1,17 +1,17 @@
<template>
<button
class="flex flex-col gap-1 bg-white dark:bg-slate-900 hover:bg-slate-25 hover:dark:bg-slate-800 rounded-md py-1 px-2 w-full group border border-transparent border-solid focus:outline-none focus:bg-slate-25 focus:border-slate-500 dark:focus:border-slate-400 dark:focus:bg-slate-800 cursor-pointer"
class="flex flex-col w-full gap-1 px-2 py-1 bg-white border border-transparent border-solid rounded-md cursor-pointer dark:bg-slate-900 hover:bg-slate-25 hover:dark:bg-slate-800 group focus:outline-none focus:bg-slate-25 focus:border-slate-500 dark:focus:border-slate-400 dark:focus:bg-slate-800"
@click="handlePreview"
>
<h4
class="text-sm ltr:text-left rtl:text-right w-full mb-0 text-slate-900 dark:text-slate-25 -mx-1 rounded-sm hover:underline group-hover:underline"
class="w-full mb-0 -mx-1 text-sm rounded-sm ltr:text-left rtl:text-right text-slate-900 dark:text-slate-25 hover:underline group-hover:underline"
>
{{ title }}
</h4>
<div class="flex content-between items-center gap-0.5 w-full">
<p
class="text-sm ltr:text-left rtl:text-right text-slate-600 dark:text-slate-300 mb-0 w-full"
class="w-full mb-0 text-sm ltr:text-left rtl:text-right text-slate-600 dark:text-slate-300"
>
{{ locale }}
{{ ` / ` }}
@@ -42,12 +42,11 @@
</template>
<script>
import { useAlert } from 'dashboard/composables';
import { copyTextToClipboard } from 'shared/helpers/clipboard';
import alertMixin from 'shared/mixins/alertMixin';
export default {
name: 'ArticleSearchResultItem',
mixins: [alertMixin],
props: {
id: {
type: Number,
@@ -86,7 +85,7 @@ export default {
async handleCopy(e) {
e.stopPropagation();
await copyTextToClipboard(this.url);
this.showAlert(this.$t('CONTACT_PANEL.COPY_SUCCESSFUL'));
useAlert(this.$t('CONTACT_PANEL.COPY_SUCCESSFUL'));
},
},
};
app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/SearchPopover.vue
+4 -6
View File
@@ -1,6 +1,6 @@
<template>
<div
class="fixed flex items-center justify-center w-screen h-screen bg-modal-backdrop-light dark:bg-modal-backdrop-dark top-0 left-0 z-50"
class="fixed top-0 left-0 z-50 flex items-center justify-center w-screen h-screen bg-modal-backdrop-light dark:bg-modal-backdrop-dark"
>
<div
v-on-clickaway="onClose"
@@ -34,6 +34,7 @@
<script>
import { debounce } from '@chatwoot/utils';
import { useAlert } from 'dashboard/composables';
import keyboardEventListenerMixins from 'shared/mixins/keyboardEventListenerMixins';
import SearchHeader from './Header.vue';
@@ -42,7 +43,6 @@ import ArticleView from './ArticleView.vue';
import ArticlesAPI from 'dashboard/api/helpCenter/articles';
import { buildPortalArticleURL } from 'dashboard/helper/portalHelper';
import portalMixin from '../../mixins/portalMixin';
import alertMixin from 'shared/mixins/alertMixin';
export default {
name: 'ArticleSearchPopover',
@@ -51,7 +51,7 @@ export default {
SearchResults,
ArticleView,
},
mixins: [portalMixin, alertMixin, keyboardEventListenerMixins],
mixins: [portalMixin, keyboardEventListenerMixins],
props: {
selectedPortalSlug: {
type: String,
@@ -145,9 +145,7 @@ export default {
const article = this.activeArticle(id || this.activeId);
this.$emit('insert', article);
this.showAlert(
this.$t('HELP_CENTER.ARTICLE_SEARCH.SUCCESS_ARTICLE_INSERTED')
);
useAlert(this.$t('HELP_CENTER.ARTICLE_SEARCH.SUCCESS_ARTICLE_INSERTED'));
this.onClose();
},
getKeyboardEvents() {
app/javascript/dashboard/routes/dashboard/helpcenter/components/Header/EditArticleHeader.vue
+2 -3
View File
@@ -108,14 +108,13 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import wootConstants from 'dashboard/constants/globals';
import { PORTALS_EVENTS } from '../../../../../helper/AnalyticsHelper/events';
const { ARTICLE_STATUS_TYPES } = wootConstants;
export default {
mixins: [alertMixin],
props: {
isSidebarOpen: {
type: Boolean,
@@ -200,7 +199,7 @@ export default {
this.alertMessage =
error?.message || this.statusUpdateErrorMessage(status);
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
statusUpdateSuccessMessage(status) {
app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalListItem.vue
+17 -17
View File
@@ -1,10 +1,10 @@
<template>
<div>
<div
class="bg-white dark:bg-slate-900 rounded-md relative flex mb-3 p-4 border border-solid border-slate-100 dark:border-slate-600"
class="relative flex p-4 mb-3 bg-white border border-solid rounded-md dark:bg-slate-900 border-slate-100 dark:border-slate-600"
>
<thumbnail :username="portal.name" variant="square" />
<div class="ml-2 rtl:ml-0 rtl:mr-2 flex-grow">
<div class="flex-grow ml-2 rtl:ml-0 rtl:mr-2">
<header class="flex items-start justify-between mb-8">
<div>
<div class="flex items-center">
@@ -16,10 +16,10 @@
:color-scheme="labelColor"
size="small"
variant="smooth"
class="my-0 mx-2"
class="mx-2 my-0"
/>
</div>
<p class="text-sm mb-0 text-slate-700 dark:text-slate-200">
<p class="mb-0 text-sm text-slate-700 dark:text-slate-200">
{{ articleCount }}
{{
$t(
@@ -75,7 +75,7 @@
</header>
<div class="mb-12">
<h2
class="text-slate-800 dark:text-slate-100 font-medium mb-2 text-base"
class="mb-2 text-base font-medium text-slate-800 dark:text-slate-100"
>
{{
$t(
@@ -87,7 +87,7 @@
class="flex justify-between mr-[6.25rem] rtl:mr-0 rtl:ml-[6.25rem] max-w-[80vw]"
>
<div class="flex flex-col">
<div class="flex items-start flex-col mb-4">
<div class="flex flex-col items-start mb-4">
<label>{{
$t(
'HELP_CENTER.PORTAL.PORTAL_SETTINGS.LIST_ITEM.PORTAL_CONFIG.ITEMS.NAME'
@@ -97,7 +97,7 @@
{{ portal.name }}
</span>
</div>
<div class="flex items-start flex-col mb-4">
<div class="flex flex-col items-start mb-4">
<label>{{
$t(
'HELP_CENTER.PORTAL.PORTAL_SETTINGS.LIST_ITEM.PORTAL_CONFIG.ITEMS.DOMAIN'
@@ -109,7 +109,7 @@
</div>
</div>
<div class="flex flex-col">
<div class="flex items-start flex-col mb-4">
<div class="flex flex-col items-start mb-4">
<label>{{
$t(
'HELP_CENTER.PORTAL.PORTAL_SETTINGS.LIST_ITEM.PORTAL_CONFIG.ITEMS.SLUG'
@@ -119,7 +119,7 @@
{{ portal.slug }}
</span>
</div>
<div class="flex items-start flex-col mb-4">
<div class="flex flex-col items-start mb-4">
<label>{{
$t(
'HELP_CENTER.PORTAL.PORTAL_SETTINGS.LIST_ITEM.PORTAL_CONFIG.ITEMS.TITLE'
@@ -131,7 +131,7 @@
</div>
</div>
<div class="flex flex-col">
<div class="flex items-start flex-col mb-4">
<div class="flex flex-col items-start mb-4">
<label>{{
$t(
'HELP_CENTER.PORTAL.PORTAL_SETTINGS.LIST_ITEM.PORTAL_CONFIG.ITEMS.THEME'
@@ -139,12 +139,12 @@
}}</label>
<div class="flex items-center">
<div
class="w-4 h-4 rounded-md mr-1 rtl:mr-0 rtl:ml-1 border border-solid border-slate-25 dark:border-slate-800"
class="w-4 h-4 mr-1 border border-solid rounded-md rtl:mr-0 rtl:ml-1 border-slate-25 dark:border-slate-800"
:style="{ background: portal.color }"
/>
</div>
</div>
<div class="flex items-start flex-col mb-4">
<div class="flex flex-col items-start mb-4">
<label>{{
$t(
'HELP_CENTER.PORTAL.PORTAL_SETTINGS.LIST_ITEM.PORTAL_CONFIG.ITEMS.SUB_TEXT'
@@ -159,7 +159,7 @@
</div>
<div class="mb-12">
<h2
class="text-slate-800 dark:text-slate-100 font-medium mb-2 text-base"
class="mb-2 text-base font-medium text-slate-800 dark:text-slate-100"
>
{{
$t(
@@ -190,10 +190,10 @@
</template>
<script>
import { useAlert } from 'dashboard/composables';
import thumbnail from 'dashboard/components/widgets/Thumbnail.vue';
import LocaleItemTable from './PortalListItemTable.vue';
import uiSettingsMixin from 'dashboard/mixins/uiSettings';
import alertMixin from 'shared/mixins/alertMixin';
import { PORTALS_EVENTS } from '../../../../helper/AnalyticsHelper/events';
export default {
@@ -201,7 +201,7 @@ export default {
thumbnail,
LocaleItemTable,
},
mixins: [alertMixin, uiSettingsMixin],
mixins: [uiSettingsMixin],
props: {
portal: {
type: Object,
@@ -300,7 +300,7 @@ export default {
'HELP_CENTER.PORTAL.PORTAL_SETTINGS.DELETE_PORTAL.API.DELETE_ERROR'
);
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
changeDefaultLocale({ localeCode }) {
@@ -357,7 +357,7 @@ export default {
} catch (error) {
this.alertMessage = error?.message || errorMessage;
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
navigateToPortalEdit() {
app/javascript/dashboard/routes/dashboard/helpcenter/pages/articles/EditArticle.vue
+8 -8
View File
@@ -1,7 +1,7 @@
<template>
<div class="article-container flex w-full overflow-auto">
<div class="flex w-full overflow-auto article-container">
<div
class="flex-1 flex-shrink-0 overflow-auto px-6"
class="flex-1 flex-shrink-0 px-6 overflow-auto"
:class="{ 'flex-grow-1 flex-shrink-0': showArticleSettings }"
>
<edit-article-header
@@ -15,7 +15,7 @@
@show="showArticleInPortal"
@update-meta="updateMeta"
/>
<div v-if="isFetching" class="text-center p-4 text-base h-full">
<div v-if="isFetching" class="h-full p-4 text-base text-center">
<spinner size="" />
<span>{{ $t('HELP_CENTER.EDIT_ARTICLE.LOADING') }}</span>
</div>
@@ -48,12 +48,12 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import EditArticleHeader from '../../components/Header/EditArticleHeader.vue';
import ArticleEditor from '../../components/ArticleEditor.vue';
import ArticleSettings from './ArticleSettings.vue';
import Spinner from 'shared/components/Spinner.vue';
import portalMixin from '../../mixins/portalMixin';
import alertMixin from 'shared/mixins/alertMixin';
import wootConstants from 'dashboard/constants/globals';
import { buildPortalArticleURL } from 'dashboard/helper/portalHelper';
import { PORTALS_EVENTS } from '../../../../../helper/AnalyticsHelper/events';
@@ -66,7 +66,7 @@ export default {
Spinner,
ArticleSettings,
},
mixins: [portalMixin, alertMixin],
mixins: [portalMixin],
data() {
return {
isUpdating: false,
@@ -144,7 +144,7 @@ export default {
} catch (error) {
this.alertMessage =
error?.message || this.$t('HELP_CENTER.EDIT_ARTICLE.API.ERROR');
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
} finally {
setTimeout(() => {
this.isUpdating = false;
@@ -174,7 +174,7 @@ export default {
error?.message ||
this.$t('HELP_CENTER.DELETE_ARTICLE.API.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
async archiveArticle() {
@@ -190,7 +190,7 @@ export default {
this.alertMessage =
error?.message || this.$t('HELP_CENTER.ARCHIVE_ARTICLE.API.ERROR');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
updateMeta() {
app/javascript/dashboard/routes/dashboard/helpcenter/pages/articles/NewArticle.vue
+5 -5
View File
@@ -1,7 +1,7 @@
<template>
<div class="flex flex-1 overflow-auto">
<div
class="flex-1 overflow-y-auto flex-shrink-0 px-6"
class="flex-1 flex-shrink-0 px-6 overflow-y-auto"
:class="{ 'flex-grow-1': showArticleSettings }"
>
<edit-article-header
@@ -25,10 +25,10 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import EditArticleHeader from 'dashboard/routes/dashboard/helpcenter/components/Header/EditArticleHeader.vue';
import ArticleEditor from '../../components/ArticleEditor.vue';
import portalMixin from '../../mixins/portalMixin';
import alertMixin from 'shared/mixins/alertMixin.js';
import ArticleSettings from './ArticleSettings.vue';
import { PORTALS_EVENTS } from '../../../../../helper/AnalyticsHelper/events';
export default {
@@ -37,7 +37,7 @@ export default {
ArticleEditor,
ArticleSettings,
},
mixins: [portalMixin, alertMixin],
mixins: [portalMixin],
data() {
return {
articleTitle: '',
@@ -100,7 +100,7 @@ export default {
this.alertMessage =
error?.message ||
this.$t('HELP_CENTER.CREATE_ARTICLE.API.ERROR_MESSAGE');
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
}
},
@@ -112,7 +112,7 @@ export default {
},
saveArticle() {
this.alertMessage = this.$t('HELP_CENTER.CREATE_ARTICLE.ERROR_MESSAGE');
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
},
},
};
app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/AddCategory.vue
+4 -5
View File
@@ -7,7 +7,7 @@
/>
<form class="w-full" @submit.prevent="onCreate">
<div class="w-full">
<div class="flex flex-row w-full mt-0 mx-0 mb-4">
<div class="flex flex-row w-full mx-0 mt-0 mb-4">
<div class="w-[50%]">
<label>
<span>{{ $t('HELP_CENTER.CATEGORY.ADD.PORTAL') }}</span>
@@ -52,7 +52,7 @@
/>
</label>
<div class="w-full">
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-button class="button clear" @click.prevent="onClose">
{{ $t('HELP_CENTER.CATEGORY.ADD.BUTTONS.CANCEL') }}
</woot-button>
@@ -67,7 +67,7 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required, minLength } from 'vuelidate/lib/validators';
import { convertToCategorySlug } from 'dashboard/helper/commons.js';
import { PORTALS_EVENTS } from '../../../../../helper/AnalyticsHelper/events';
@@ -75,7 +75,6 @@ import CategoryNameIconInput from './NameEmojiInput.vue';
export default {
components: { CategoryNameIconInput },
mixins: [alertMixin],
props: {
show: {
type: Boolean,
@@ -169,7 +168,7 @@ export default {
this.alertMessage =
errorMessage || this.$t('HELP_CENTER.CATEGORY.ADD.API.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/EditCategory.vue
+4 -5
View File
@@ -7,7 +7,7 @@
/>
<form class="w-full" @submit.prevent="onUpdate">
<div class="w-full">
<div class="flex flex-row w-full mt-0 mx-0 mb-4">
<div class="flex flex-row w-full mx-0 mt-0 mb-4">
<div class="w-[50%]">
<label>
<span>{{ $t('HELP_CENTER.CATEGORY.EDIT.PORTAL') }}</span>
@@ -54,7 +54,7 @@
/>
</label>
<div class="w-full">
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-button class="button clear" @click.prevent="onClose">
{{ $t('HELP_CENTER.CATEGORY.EDIT.BUTTONS.CANCEL') }}
</woot-button>
@@ -69,7 +69,7 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required, minLength } from 'vuelidate/lib/validators';
import { convertToCategorySlug } from 'dashboard/helper/commons.js';
import { PORTALS_EVENTS } from '../../../../../helper/AnalyticsHelper/events';
@@ -77,7 +77,6 @@ import CategoryNameIconInput from './NameEmojiInput.vue';
export default {
components: { CategoryNameIconInput },
mixins: [alertMixin],
props: {
show: {
type: Boolean,
@@ -180,7 +179,7 @@ export default {
errorMessage ||
this.$t('HELP_CENTER.CATEGORY.EDIT.API.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/ListAllPortals.vue
+4 -6
View File
@@ -1,10 +1,10 @@
<template>
<div class="py-2 px-4 w-full max-w-full">
<div class="flex justify-between items-center mt-0 mb-2 mx-0 h-12">
<div class="w-full max-w-full px-4 py-2">
<div class="flex items-center justify-between h-12 mx-0 mt-0 mb-2">
<div class="flex items-center">
<woot-sidemenu-icon />
<h1
class="my-0 mx-2 text-2xl text-slate-800 dark:text-slate-100 font-medium"
class="mx-2 my-0 text-2xl font-medium text-slate-800 dark:text-slate-100"
>
{{ $t('HELP_CENTER.PORTAL.HEADER') }}
</h1>
@@ -29,7 +29,7 @@
/>
<div
v-if="isFetching"
class="items-center flex text-base justify-center p-40"
class="flex items-center justify-center p-40 text-base"
>
<spinner />
<span>{{ $t('HELP_CENTER.PORTAL.LOADING_MESSAGE') }}</span>
@@ -54,7 +54,6 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import PortalListItem from '../../components/PortalListItem.vue';
import Spinner from 'shared/components/Spinner.vue';
import EmptyState from 'dashboard/components/widgets/EmptyState.vue';
@@ -68,7 +67,6 @@ export default {
Spinner,
AddLocale,
},
mixins: [alertMixin],
data() {
return {
isAddLocaleModalOpen: false,
app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/PortalDetails.vue
+2 -3
View File
@@ -12,7 +12,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import PortalSettingsBasicForm from 'dashboard/routes/dashboard/helpcenter/components/PortalSettingsBasicForm.vue';
import { PORTALS_EVENTS } from '../../../../../helper/AnalyticsHelper/events';
@@ -21,7 +21,6 @@ export default {
components: {
PortalSettingsBasicForm,
},
mixins: [alertMixin],
data() {
return {
name: '',
@@ -63,7 +62,7 @@ export default {
error?.message ||
this.$t('HELP_CENTER.PORTAL.ADD.API.ERROR_MESSAGE_FOR_BASIC');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/inbox/InboxList.vue
+7 -7
View File
@@ -25,11 +25,11 @@
@context-menu-close="isInboxContextMenuOpen = false"
/>
<div v-if="uiFlags.isFetching" class="text-center">
<span class="spinner mt-4 mb-4" />
<span class="mt-4 mb-4 spinner" />
</div>
<p
v-if="showEmptyState"
class="text-center text-slate-400 text-sm dark:text-slate-400 p-4 font-medium"
class="p-4 text-sm font-medium text-center text-slate-400 dark:text-slate-400"
>
{{ $t('INBOX.LIST.NO_NOTIFICATIONS') }}
</p>
@@ -46,13 +46,13 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import wootConstants from 'dashboard/constants/globals';
import InboxCard from './components/InboxCard.vue';
import InboxListHeader from './components/InboxListHeader.vue';
import { INBOX_EVENTS } from 'dashboard/helper/AnalyticsHelper/events';
import IntersectionObserver from 'dashboard/components/IntersectionObserver.vue';
import alertMixin from 'shared/mixins/alertMixin';
import uiSettingsMixin from 'dashboard/mixins/uiSettings';
export default {
@@ -61,7 +61,7 @@ export default {
InboxListHeader,
IntersectionObserver,
},
mixins: [alertMixin, uiSettingsMixin],
mixins: [uiSettingsMixin],
data() {
return {
infiniteLoaderOptions: {
@@ -151,7 +151,7 @@ export default {
unreadCount: this.meta.unreadCount,
})
.then(() => {
this.showAlert(this.$t('INBOX.ALERTS.MARK_AS_READ'));
useAlert(this.$t('INBOX.ALERTS.MARK_AS_READ'));
});
},
markNotificationAsUnRead(notification) {
@@ -163,7 +163,7 @@ export default {
id,
})
.then(() => {
this.showAlert(this.$t('INBOX.ALERTS.MARK_AS_UNREAD'));
useAlert(this.$t('INBOX.ALERTS.MARK_AS_UNREAD'));
});
},
deleteNotification(notification) {
@@ -176,7 +176,7 @@ export default {
count: this.meta.count,
})
.then(() => {
this.showAlert(this.$t('INBOX.ALERTS.DELETE'));
useAlert(this.$t('INBOX.ALERTS.DELETE'));
});
},
onFilterChange(option) {
app/javascript/dashboard/routes/dashboard/inbox/components/InboxItemHeader.vue
+4 -5
View File
@@ -1,6 +1,6 @@
<template>
<div
class="flex gap-2 py-2 ltr:pl-4 rtl:pl-2 h-14 ltr:pr-2 rtl:pr-4 rtl:border-r justify-between items-center w-full border-b border-slate-50 dark:border-slate-800/50"
class="flex items-center justify-between w-full gap-2 py-2 border-b ltr:pl-4 rtl:pl-2 h-14 ltr:pr-2 rtl:pr-4 rtl:border-r border-slate-50 dark:border-slate-800/50"
>
<woot-button
variant="clear link"
@@ -56,6 +56,7 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { getUnixTime } from 'date-fns';
import { CMD_SNOOZE_NOTIFICATION } from 'dashboard/routes/dashboard/commands/commandBarBusEvents';
import wootConstants from 'dashboard/constants/globals';
@@ -63,14 +64,12 @@ import { findSnoozeTime } from 'dashboard/helper/snoozeHelpers';
import { INBOX_EVENTS } from 'dashboard/helper/AnalyticsHelper/events';
import PaginationButton from './PaginationButton.vue';
import CustomSnoozeModal from 'dashboard/components/CustomSnoozeModal.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
PaginationButton,
CustomSnoozeModal,
},
mixins: [alertMixin],
props: {
totalLength: {
type: Number,
@@ -112,7 +111,7 @@ export default {
snoozedUntil,
});
this.showAlert(this.$t('INBOX.ALERTS.SNOOZE'));
useAlert(this.$t('INBOX.ALERTS.SNOOZE'));
} catch (error) {
// Silently fail without any change in the UI
}
@@ -141,7 +140,7 @@ export default {
count: this.meta.count,
})
.then(() => {
this.showAlert(this.$t('INBOX.ALERTS.DELETE'));
useAlert(this.$t('INBOX.ALERTS.DELETE'));
});
this.$router.replace({ name: 'inbox_view' });
},
app/javascript/dashboard/routes/dashboard/inbox/components/InboxListHeader.vue
+10 -11
View File
@@ -1,19 +1,19 @@
<template>
<div
class="flex w-full ltr:pl-4 rtl:pl-2 rtl:pr-4 ltr:pr-2 py-2 h-14 justify-between items-center border-b border-slate-50 dark:border-slate-800/50"
class="flex items-center justify-between w-full py-2 border-b ltr:pl-4 rtl:pl-2 rtl:pr-4 ltr:pr-2 h-14 border-slate-50 dark:border-slate-800/50"
>
<div class="flex items-center gap-1.5">
<h1 class="font-medium text-slate-900 dark:text-slate-25 text-xl">
<h1 class="text-xl font-medium text-slate-900 dark:text-slate-25">
{{ $t('INBOX.LIST.TITLE') }}
</h1>
<div class="relative">
<div
role="button"
class="flex gap-1 items-center py-1 px-2 border border-slate-100 dark:border-slate-700/50 rounded-md"
class="flex items-center gap-1 px-2 py-1 border rounded-md border-slate-100 dark:border-slate-700/50"
@click="openInboxDisplayMenu"
>
<span
class="text-slate-600 dark:text-slate-200 text-xs text-center font-medium"
class="text-xs font-medium text-center text-slate-600 dark:text-slate-200"
>
{{ $t('INBOX.LIST.DISPLAY_DROPDOWN') }}
</span>
@@ -31,7 +31,7 @@
/>
</div>
</div>
<div class="flex relative gap-1 items-center">
<div class="relative flex items-center gap-1">
<!-- <woot-button
variant="clear"
size="small"
@@ -57,17 +57,16 @@
</template>
<script>
import InboxOptionMenu from './InboxOptionMenu.vue';
import { useAlert } from 'dashboard/composables';
import { INBOX_EVENTS } from 'dashboard/helper/AnalyticsHelper/events';
import InboxOptionMenu from './InboxOptionMenu.vue';
import InboxDisplayMenu from './InboxDisplayMenu.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
InboxOptionMenu,
InboxDisplayMenu,
},
mixins: [alertMixin],
props: {
isContextMenuOpen: {
type: Boolean,
@@ -95,17 +94,17 @@ export default {
markAllRead() {
this.$track(INBOX_EVENTS.MARK_ALL_NOTIFICATIONS_AS_READ);
this.$store.dispatch('notifications/readAll').then(() => {
this.showAlert(this.$t('INBOX.ALERTS.MARK_ALL_READ'));
useAlert(this.$t('INBOX.ALERTS.MARK_ALL_READ'));
});
},
deleteAll() {
this.$store.dispatch('notifications/deleteAll').then(() => {
this.showAlert(this.$t('INBOX.ALERTS.DELETE_ALL'));
useAlert(this.$t('INBOX.ALERTS.DELETE_ALL'));
});
},
deleteAllRead() {
this.$store.dispatch('notifications/deleteAllRead').then(() => {
this.showAlert(this.$t('INBOX.ALERTS.DELETE_ALL_READ'));
useAlert(this.$t('INBOX.ALERTS.DELETE_ALL_READ'));
});
},
openInboxDisplayMenu() {
app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue
+10 -5
View File
@@ -3,7 +3,7 @@
class="flex justify-between items-center h-14 min-h-[3.5rem] px-4 py-2 bg-white dark:bg-slate-900 border-b border-slate-50 dark:border-slate-800/50"
>
<h1
class="text-2xl mb-0 flex items-center text-slate-900 dark:text-slate-100"
class="flex items-center mb-0 text-2xl text-slate-900 dark:text-slate-100"
>
<woot-sidemenu-icon v-if="showSidemenuIcon" />
<back-button
@@ -15,10 +15,10 @@
v-if="icon"
:icon="icon"
:class="iconClass"
class="mr-2 ml-1 rtl:ml-2 rtl:mr-1 hidden md:block"
class="hidden ml-1 mr-2 rtl:ml-2 rtl:mr-1 md:block"
/>
<slot />
<span class="text-slate-900 font-medium text-2xl dark:text-slate-100">
<span class="text-2xl font-medium text-slate-900 dark:text-slate-100">
{{ headerTitle }}
</span>
</h1>
@@ -36,14 +36,13 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAdmin } from 'dashboard/composables/useAdmin';
import BackButton from '../../../components/widgets/BackButton.vue';
import adminMixin from '../../../mixins/isAdmin';
export default {
components: {
BackButton,
},
mixins: [adminMixin],
props: {
headerTitle: {
default: '',
@@ -76,6 +75,12 @@ export default {
default: true,
},
},
setup() {
const { isAdmin } = useAdmin();
return {
isAdmin,
};
},
computed: {
...mapGetters({
currentUser: 'getCurrentUser',
app/javascript/dashboard/routes/dashboard/settings/account/Index.vue
+5 -5
View File
@@ -131,7 +131,7 @@
<script>
import { required, minValue, maxValue } from 'vuelidate/lib/validators';
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import configMixin from 'shared/mixins/configMixin';
import accountMixin from '../../../../mixins/account';
import { FEATURE_FLAGS } from '../../../../featureFlags';
@@ -140,7 +140,7 @@ import uiSettingsMixin from 'dashboard/mixins/uiSettings';
import { getLanguageDirection } from 'dashboard/components/widgets/conversation/advancedFilterItems/languages';
export default {
mixins: [accountMixin, alertMixin, configMixin, uiSettingsMixin],
mixins: [accountMixin, configMixin, uiSettingsMixin],
data() {
return {
id: '',
@@ -253,7 +253,7 @@ export default {
async updateAccount() {
this.$v.$touch();
if (this.$v.$invalid) {
this.showAlert(this.$t('GENERAL_SETTINGS.FORM.ERROR'));
useAlert(this.$t('GENERAL_SETTINGS.FORM.ERROR'));
return;
}
try {
@@ -267,9 +267,9 @@ export default {
this.$root.$i18n.locale = this.locale;
this.getAccount(this.id).locale = this.locale;
this.updateDirectionView(this.locale);
this.showAlert(this.$t('GENERAL_SETTINGS.UPDATE.SUCCESS'));
useAlert(this.$t('GENERAL_SETTINGS.UPDATE.SUCCESS'));
} catch (error) {
this.showAlert(this.$t('GENERAL_SETTINGS.UPDATE.ERROR'));
useAlert(this.$t('GENERAL_SETTINGS.UPDATE.ERROR'));
}
},
app/javascript/dashboard/routes/dashboard/settings/agentBots/Index.vue
+6 -7
View File
@@ -1,5 +1,5 @@
<template>
<div class="flex-1 overflow-auto p-4">
<div class="flex-1 p-4 overflow-auto">
<div class="flex flex-row gap-4">
<div class="w-full lg:w-3/5">
<woot-loading-state
@@ -18,12 +18,12 @@
/>
</tbody>
</table>
<p v-else class="flex h-full items-center flex-col justify-center">
<p v-else class="flex flex-col items-center justify-center h-full">
{{ $t('AGENT_BOTS.LIST.404') }}
</p>
</div>
<div class="hidden lg:block w-1/3">
<div class="hidden w-1/3 lg:block">
<p v-html="$t('AGENT_BOTS.SIDEBAR_TXT')" />
</div>
</div>
@@ -46,13 +46,12 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { frontendURL } from '../../../../helper/URLHelper';
import AgentBotRow from './components/AgentBotRow.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: { AgentBotRow },
mixins: [alertMixin],
computed: {
...mapGetters({
accountId: 'getCurrentAccountId',
@@ -74,9 +73,9 @@ export default {
if (ok) {
try {
await this.$store.dispatch('agentBots/delete', bot.id);
this.showAlert(this.$t('AGENT_BOTS.DELETE.API.SUCCESS_MESSAGE'));
useAlert(this.$t('AGENT_BOTS.DELETE.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('AGENT_BOTS.DELETE.API.ERROR_MESSAGE'));
useAlert(this.$t('AGENT_BOTS.DELETE.API.ERROR_MESSAGE'));
}
}
},
app/javascript/dashboard/routes/dashboard/settings/agentBots/csml/Edit.vue
+4 -7
View File
@@ -4,19 +4,18 @@
:agent-bot="agentBot"
@submit="updateBot"
/>
<div v-else class="h-auto overflow-auto flex flex-col no-padding">
<div v-else class="flex flex-col h-auto overflow-auto no-padding">
<spinner />
</div>
</template>
<script>
import { useAlert } from 'dashboard/composables';
import Spinner from 'shared/components/Spinner.vue';
import CsmlBotEditor from '../components/CSMLBotEditor.vue';
import alertMixin from 'shared/mixins/alertMixin';
import { mapGetters } from 'vuex';
export default {
components: { Spinner, CsmlBotEditor },
mixins: [alertMixin],
computed: {
...mapGetters({ uiFlags: 'agentBots/uiFlags' }),
agentBot() {
@@ -36,11 +35,9 @@ export default {
bot_type: 'csml',
bot_config: { csml_content: bot.csmlContent },
});
this.showAlert(this.$t('AGENT_BOTS.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('AGENT_BOTS.EDIT.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(
this.$t('AGENT_BOTS.CSML_BOT_EDITOR.BOT_CONFIG.API_ERROR')
);
useAlert(this.$t('AGENT_BOTS.CSML_BOT_EDITOR.BOT_CONFIG.API_ERROR'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/agentBots/csml/New.vue
+5 -6
View File
@@ -3,14 +3,13 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import CsmlBotEditor from '../components/CSMLBotEditor.vue';
import { frontendURL } from '../../../../../helper/URLHelper';
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { frontendURL } from '../../../../../helper/URLHelper';
import CsmlBotEditor from '../components/CSMLBotEditor.vue';
export default {
components: { CsmlBotEditor },
mixins: [alertMixin],
computed: {
...mapGetters({
accountId: 'getCurrentAccountId',
@@ -32,9 +31,9 @@ export default {
)
);
}
this.showAlert(this.$t('AGENT_BOTS.ADD.API.SUCCESS_MESSAGE'));
useAlert(this.$t('AGENT_BOTS.ADD.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('AGENT_BOTS.ADD.API.ERROR_MESSAGE'));
useAlert(this.$t('AGENT_BOTS.ADD.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/agents/AddAgent.vue
+3 -4
View File
@@ -69,10 +69,9 @@
<script>
import { required, minLength, email } from 'vuelidate/lib/validators';
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
export default {
mixins: [alertMixin],
props: {
onClose: {
type: Function,
@@ -126,7 +125,7 @@ export default {
email: this.agentEmail,
role: this.agentType,
});
this.showAlert(this.$t('AGENT_MGMT.ADD.API.SUCCESS_MESSAGE'));
useAlert(this.$t('AGENT_MGMT.ADD.API.SUCCESS_MESSAGE'));
this.onClose();
} catch (error) {
const {
@@ -145,7 +144,7 @@ export default {
} else {
errorMessage = this.$t('AGENT_MGMT.ADD.API.ERROR_MESSAGE');
}
this.showAlert(errorResponse || attrError || errorMessage);
useAlert(errorResponse || attrError || errorMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/agents/EditAgent.vue
+7 -8
View File
@@ -1,6 +1,6 @@
<template>
<modal :show.sync="show" :on-close="onClose">
<div class="h-auto overflow-auto flex flex-col">
<div class="flex flex-col h-auto overflow-auto">
<woot-modal-header :header-title="pageTitle" />
<form class="w-full" @submit.prevent="editAgent()">
<div class="w-full">
@@ -46,7 +46,7 @@
</span>
</label>
</div>
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<div class="w-[50%]">
<woot-submit-button
:disabled="
@@ -79,11 +79,11 @@
<script>
import { required, minLength } from 'vuelidate/lib/validators';
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import WootSubmitButton from '../../../../components/buttons/FormSubmitButton.vue';
import Modal from '../../../../components/Modal.vue';
import Auth from '../../../../api/auth';
import wootConstants from 'dashboard/constants/globals';
import alertMixin from 'shared/mixins/alertMixin';
const { AVAILABILITY_STATUS_KEYS } = wootConstants;
@@ -92,7 +92,6 @@ export default {
WootSubmitButton,
Modal,
},
mixins: [alertMixin],
props: {
id: {
type: Number,
@@ -179,20 +178,20 @@ export default {
role: this.agentType,
availability: this.agentAvailability,
});
this.showAlert(this.$t('AGENT_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('AGENT_MGMT.EDIT.API.SUCCESS_MESSAGE'));
this.onClose();
} catch (error) {
this.showAlert(this.$t('AGENT_MGMT.EDIT.API.ERROR_MESSAGE'));
useAlert(this.$t('AGENT_MGMT.EDIT.API.ERROR_MESSAGE'));
}
},
async resetPassword() {
try {
await Auth.resetPassword(this.agentCredentials);
this.showAlert(
useAlert(
this.$t('AGENT_MGMT.EDIT.PASSWORD_RESET.ADMIN_SUCCESS_MESSAGE')
);
} catch (error) {
this.showAlert(this.$t('AGENT_MGMT.EDIT.PASSWORD_RESET.ERROR_MESSAGE'));
useAlert(this.$t('AGENT_MGMT.EDIT.PASSWORD_RESET.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue
+5 -5
View File
@@ -1,5 +1,5 @@
<template>
<div class="flex-1 overflow-auto p-4">
<div class="flex-1 p-4 overflow-auto">
<woot-button
color-scheme="success"
class-names="button--fixed-top"
@@ -84,7 +84,7 @@
</table>
</div>
</div>
<div class="w-1/3 hidden lg:block">
<div class="hidden w-1/3 lg:block">
<span
v-dompurify-html="
useInstallationName(
@@ -126,11 +126,11 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
import Thumbnail from '../../../../components/widgets/Thumbnail.vue';
import AddAgent from './AddAgent.vue';
import EditAgent from './EditAgent.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
@@ -138,7 +138,7 @@ export default {
EditAgent,
Thumbnail,
},
mixins: [globalConfigMixin, alertMixin],
mixins: [globalConfigMixin],
data() {
return {
loading: {},
@@ -243,7 +243,7 @@ export default {
this.currentAgent = {};
// Show message
this.agentAPI.message = message;
this.showAlert(message);
useAlert(message);
},
},
};
app/javascript/dashboard/routes/dashboard/settings/attributes/AddAttribute.vue
+4 -5
View File
@@ -1,6 +1,6 @@
<template>
<woot-modal :show.sync="show" :on-close="onClose">
<div class="h-auto overflow-auto flex flex-col">
<div class="flex flex-col h-auto overflow-auto">
<woot-modal-header :header-title="$t('ATTRIBUTES_MGMT.ADD.TITLE')" />
<form class="flex w-full" @submit.prevent="addAttributes">
@@ -110,7 +110,7 @@
type="text"
:placeholder="$t('ATTRIBUTES_MGMT.ADD.FORM.REGEX_CUE.PLACEHOLDER')"
/>
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-submit-button
:disabled="isButtonDisabled"
:button-text="$t('ATTRIBUTES_MGMT.ADD.SUBMIT')"
@@ -128,12 +128,11 @@
<script>
import { required, minLength } from 'vuelidate/lib/validators';
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { convertToAttributeSlug } from 'dashboard/helper/commons.js';
import { ATTRIBUTE_MODELS, ATTRIBUTE_TYPES } from './constants';
import alertMixin from 'shared/mixins/alertMixin';
export default {
mixins: [alertMixin],
props: {
onClose: {
type: Function,
@@ -266,7 +265,7 @@ export default {
this.alertMessage =
errorMessage || this.$t('ATTRIBUTES_MGMT.ADD.API.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/attributes/CustomAttribute.vue
+5 -6
View File
@@ -13,7 +13,7 @@
<div class="w-full">
<p
v-if="!uiFlags.isFetching && !attributes.length"
class="mt-12 flex items-center justify-center"
class="flex items-center justify-center mt-12"
>
{{ $t('ATTRIBUTES_MGMT.LIST.EMPTY_RESULT.404') }}
</p>
@@ -81,7 +81,7 @@
</table>
</div>
</div>
<div class="hidden lg:block w-1/3">
<div class="hidden w-1/3 lg:block">
<span v-dompurify-html="$t('ATTRIBUTES_MGMT.SIDEBAR_TXT')" />
</div>
<woot-modal :show.sync="showEditPopup" :on-close="hideEditPopup">
@@ -108,14 +108,13 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import EditAttribute from './EditAttribute.vue';
export default {
components: {
EditAttribute,
},
mixins: [alertMixin],
data() {
return {
selectedTabIndex: 0,
@@ -182,12 +181,12 @@ export default {
async deleteAttributes({ id }) {
try {
await this.$store.dispatch('attributes/delete', id);
this.showAlert(this.$t('ATTRIBUTES_MGMT.DELETE.API.SUCCESS_MESSAGE'));
useAlert(this.$t('ATTRIBUTES_MGMT.DELETE.API.SUCCESS_MESSAGE'));
} catch (error) {
const errorMessage =
error?.response?.message ||
this.$t('ATTRIBUTES_MGMT.DELETE.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
openEditPopup(response) {
app/javascript/dashboard/routes/dashboard/settings/attributes/EditAttribute.vue
+5 -5
View File
@@ -1,5 +1,5 @@
<template>
<div class="h-auto overflow-auto flex flex-col">
<div class="flex flex-col h-auto overflow-auto">
<woot-modal-header :header-title="pageTitle" />
<form class="flex flex-col w-full" @submit.prevent="editAttributes">
<div class="w-full">
@@ -95,7 +95,7 @@
:placeholder="$t('ATTRIBUTES_MGMT.ADD.FORM.REGEX_CUE.PLACEHOLDER')"
/>
</div>
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-button :is-loading="isUpdating" :disabled="isButtonDisabled">
{{ $t('ATTRIBUTES_MGMT.EDIT.UPDATE_BUTTON_TEXT') }}
</woot-button>
@@ -109,13 +109,13 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { required, minLength } from 'vuelidate/lib/validators';
import { ATTRIBUTE_TYPES } from './constants';
import alertMixin from 'shared/mixins/alertMixin';
import customAttributeMixin from '../../../../mixins/customAttributeMixin';
export default {
components: {},
mixins: [alertMixin, customAttributeMixin],
mixins: [customAttributeMixin],
props: {
selectedAttribute: {
type: Object,
@@ -263,7 +263,7 @@ export default {
this.alertMessage =
errorMessage || this.$t('ATTRIBUTES_MGMT.EDIT.API.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
toggleRegexEnabled() {
app/javascript/dashboard/routes/dashboard/settings/auditlogs/Index.vue
+4 -5
View File
@@ -64,9 +64,9 @@
</template>
<script>
import { mapGetters } from 'vuex';
import TableFooter from 'dashboard/components/widgets/TableFooter.vue';
import { useAlert } from 'dashboard/composables';
import { messageTimestamp } from 'shared/helpers/timeHelper';
import alertMixin from 'shared/mixins/alertMixin';
import TableFooter from 'dashboard/components/widgets/TableFooter.vue';
import {
generateTranslationPayload,
generateLogActionKey,
@@ -76,7 +76,6 @@ export default {
components: {
TableFooter,
},
mixins: [alertMixin],
beforeRouteEnter(to, from, next) {
// Fetch Audit Logs on page load without manual refresh
next(vm => {
@@ -110,7 +109,7 @@ export default {
this.$store.dispatch('auditlogs/fetch', { page }).catch(error => {
const errorMessage =
error?.message || this.$t('AUDIT_LOGS.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
});
},
generateLogText(auditLogItem) {
@@ -129,7 +128,7 @@ export default {
} catch (error) {
const errorMessage =
error?.message || this.$t('AUDIT_LOGS.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/automation/AddAutomationRule.vue
+4 -5
View File
@@ -55,7 +55,7 @@
{{ $t('AUTOMATION.ADD.FORM.CONDITIONS.LABEL') }}
</label>
<div
class="w-full p-4 bg-slate-25 dark:bg-slate-700 rounded-lg border border-solid border-slate-50 dark:border-slate-700 mb-4"
class="w-full p-4 mb-4 border border-solid rounded-lg bg-slate-25 dark:bg-slate-700 border-slate-50 dark:border-slate-700"
>
<filter-input-box
v-for="(condition, i) in automation.conditions"
@@ -97,7 +97,7 @@
{{ $t('AUTOMATION.ADD.FORM.ACTIONS.LABEL') }}
</label>
<div
class="w-full p-4 bg-slate-25 dark:bg-slate-700 rounded-lg border border-solid border-slate-50 dark:border-slate-700 mb-4"
class="w-full p-4 mb-4 border border-solid rounded-lg bg-slate-25 dark:bg-slate-700 border-slate-50 dark:border-slate-700"
>
<automation-action-input
v-for="(action, i) in automation.actions"
@@ -129,7 +129,7 @@
</section>
<!-- // Actions End -->
<div class="w-full">
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-button class="button clear" @click.prevent="onClose">
{{ $t('AUTOMATION.ADD.CANCEL_BUTTON_TEXT') }}
</woot-button>
@@ -145,7 +145,6 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import automationMethodsMixin from 'dashboard/mixins/automations/methodsMixin';
import automationValidationsMixin from 'dashboard/mixins/automations/validationsMixin';
import filterInputBox from 'dashboard/components/widgets/FilterInput/Index.vue';
@@ -161,7 +160,7 @@ export default {
filterInputBox,
automationActionInput,
},
mixins: [alertMixin, automationMethodsMixin, automationValidationsMixin],
mixins: [automationMethodsMixin, automationValidationsMixin],
props: {
onClose: {
type: Function,
app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue
+4 -5
View File
@@ -52,7 +52,7 @@
{{ $t('AUTOMATION.ADD.FORM.CONDITIONS.LABEL') }}
</label>
<div
class="w-full p-4 bg-slate-25 dark:bg-slate-700 rounded-lg border border-solid border-slate-50 dark:border-slate-700 mb-4"
class="w-full p-4 mb-4 border border-solid rounded-lg bg-slate-25 dark:bg-slate-700 border-slate-50 dark:border-slate-700"
>
<filter-input-box
v-for="(condition, i) in automation.conditions"
@@ -94,7 +94,7 @@
{{ $t('AUTOMATION.ADD.FORM.ACTIONS.LABEL') }}
</label>
<div
class="w-full p-4 bg-slate-25 dark:bg-slate-700 rounded-lg border border-solid border-slate-50 dark:border-slate-700 mb-4"
class="w-full p-4 mb-4 border border-solid rounded-lg bg-slate-25 dark:bg-slate-700 border-slate-50 dark:border-slate-700"
>
<automation-action-input
v-for="(action, i) in automation.actions"
@@ -123,7 +123,7 @@
</section>
<!-- // Actions End -->
<div class="w-full">
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-button
class="button"
variant="clear"
@@ -143,7 +143,6 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import automationMethodsMixin from 'dashboard/mixins/automations/methodsMixin';
import automationValidationsMixin from 'dashboard/mixins/automations/validationsMixin';
import filterInputBox from 'dashboard/components/widgets/FilterInput/Index.vue';
@@ -160,7 +159,7 @@ export default {
filterInputBox,
automationActionInput,
},
mixins: [alertMixin, automationMethodsMixin, automationValidationsMixin],
mixins: [automationMethodsMixin, automationValidationsMixin],
props: {
onClose: {
type: Function,
app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue
+10 -11
View File
@@ -125,17 +125,16 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { messageStamp } from 'shared/helpers/timeHelper';
import AddAutomationRule from './AddAutomationRule.vue';
import EditAutomationRule from './EditAutomationRule.vue';
import alertMixin from 'shared/mixins/alertMixin';
import { messageStamp } from 'shared/helpers/timeHelper';
export default {
components: {
AddAutomationRule,
EditAutomationRule,
},
mixins: [alertMixin],
data() {
return {
loading: {},
@@ -213,20 +212,20 @@ export default {
async deleteAutomation(id) {
try {
await this.$store.dispatch('automations/delete', id);
this.showAlert(this.$t('AUTOMATION.DELETE.API.SUCCESS_MESSAGE'));
useAlert(this.$t('AUTOMATION.DELETE.API.SUCCESS_MESSAGE'));
this.loading[this.selectedResponse.id] = false;
} catch (error) {
this.showAlert(this.$t('AUTOMATION.DELETE.API.ERROR_MESSAGE'));
useAlert(this.$t('AUTOMATION.DELETE.API.ERROR_MESSAGE'));
}
},
async cloneAutomation(id) {
try {
await this.$store.dispatch('automations/clone', id);
this.showAlert(this.$t('AUTOMATION.CLONE.API.SUCCESS_MESSAGE'));
useAlert(this.$t('AUTOMATION.CLONE.API.SUCCESS_MESSAGE'));
this.$store.dispatch('automations/get');
this.loading[this.selectedResponse.id] = false;
} catch (error) {
this.showAlert(this.$t('AUTOMATION.CLONE.API.ERROR_MESSAGE'));
useAlert(this.$t('AUTOMATION.CLONE.API.ERROR_MESSAGE'));
}
},
async submitAutomation(payload, mode) {
@@ -238,7 +237,7 @@ export default {
? this.$t('AUTOMATION.EDIT.API.SUCCESS_MESSAGE')
: this.$t('AUTOMATION.ADD.API.SUCCESS_MESSAGE');
await this.$store.dispatch(action, payload);
this.showAlert(successMessage);
useAlert(successMessage);
this.hideAddPopup();
this.hideEditPopup();
} catch (error) {
@@ -246,7 +245,7 @@ export default {
mode === 'edit'
? this.$t('AUTOMATION.EDIT.API.ERROR_MESSAGE')
: this.$t('AUTOMATION.ADD.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
async toggleAutomation(automation, status) {
@@ -271,10 +270,10 @@ export default {
const message = status
? this.$t('AUTOMATION.TOGGLE.DEACTIVATION_SUCCESFUL')
: this.$t('AUTOMATION.TOGGLE.ACTIVATION_SUCCESFUL');
this.showAlert(message);
useAlert(message);
}
} catch (error) {
this.showAlert(this.$t('AUTOMATION.EDIT.API.ERROR_MESSAGE'));
useAlert(this.$t('AUTOMATION.EDIT.API.ERROR_MESSAGE'));
}
},
readableTime(date) {
app/javascript/dashboard/routes/dashboard/settings/billing/Index.vue
+2 -3
View File
@@ -1,5 +1,5 @@
<template>
<div class="overflow-auto flex-1 p-6 dark:bg-slate-900">
<div class="flex-1 p-6 overflow-auto dark:bg-slate-900">
<woot-loading-state v-if="uiFlags.isFetchingItem" />
<div v-else-if="!hasABillingPlan">
<p>{{ $t('BILLING_SETTINGS.NO_BILLING_USER') }}</p>
@@ -39,13 +39,12 @@
import messageFormatterMixin from 'shared/mixins/messageFormatterMixin';
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import accountMixin from '../../../../mixins/account';
import BillingItem from './components/BillingItem.vue';
// sdds
export default {
components: { BillingItem },
mixins: [accountMixin, alertMixin, messageFormatterMixin],
mixins: [accountMixin, messageFormatterMixin],
computed: {
...mapGetters({
getAccount: 'accounts/getAccount',
app/javascript/dashboard/routes/dashboard/settings/campaigns/AddCampaign.vue
+5 -5
View File
@@ -177,7 +177,7 @@
<script>
import { mapGetters } from 'vuex';
import { required } from 'vuelidate/lib/validators';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
import campaignMixin from 'shared/mixins/campaignMixin';
import WootDateTimePicker from 'dashboard/components/ui/DateTimePicker.vue';
@@ -190,7 +190,7 @@ export default {
WootMessageEditor,
},
mixins: [alertMixin, campaignMixin],
mixins: [campaignMixin],
data() {
return {
title: '',
@@ -305,7 +305,7 @@ export default {
} catch (error) {
const errorMessage =
error?.response?.message || this.$t('CAMPAIGN.ADD.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
getCampaignDetails() {
@@ -356,12 +356,12 @@ export default {
type: this.campaignType,
});
this.showAlert(this.$t('CAMPAIGN.ADD.API.SUCCESS_MESSAGE'));
useAlert(this.$t('CAMPAIGN.ADD.API.SUCCESS_MESSAGE'));
this.onClose();
} catch (error) {
const errorMessage =
error?.response?.message || this.$t('CAMPAIGN.ADD.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/campaigns/Campaign.vue
+4 -4
View File
@@ -27,7 +27,7 @@
</template>
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import campaignMixin from 'shared/mixins/campaignMixin';
import CampaignsTable from './CampaignsTable.vue';
import EditCampaign from './EditCampaign.vue';
@@ -36,7 +36,7 @@ export default {
CampaignsTable,
EditCampaign,
},
mixins: [alertMixin, campaignMixin],
mixins: [campaignMixin],
props: {
type: {
type: String,
@@ -87,9 +87,9 @@ export default {
async deleteCampaign(id) {
try {
await this.$store.dispatch('campaigns/delete', id);
this.showAlert(this.$t('CAMPAIGN.DELETE.API.SUCCESS_MESSAGE'));
useAlert(this.$t('CAMPAIGN.DELETE.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('CAMPAIGN.DELETE.API.ERROR_MESSAGE'));
useAlert(this.$t('CAMPAIGN.DELETE.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/campaigns/EditCampaign.vue
+7 -7
View File
@@ -1,5 +1,5 @@
<template>
<div class="h-auto overflow-auto flex flex-col">
<div class="flex flex-col h-auto overflow-auto">
<woot-modal-header :header-title="pageTitle" />
<form class="flex flex-col w-full" @submit.prevent="editCampaign">
<div class="w-full">
@@ -99,7 +99,7 @@
{{ $t('CAMPAIGN.ADD.FORM.TRIGGER_ONLY_BUSINESS_HOURS') }}
</label>
</div>
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-button :is-loading="uiFlags.isCreating">
{{ $t('CAMPAIGN.EDIT.UPDATE_BUTTON_TEXT') }}
</woot-button>
@@ -114,8 +114,8 @@
<script>
import { mapGetters } from 'vuex';
import { required } from 'vuelidate/lib/validators';
import { useAlert } from 'dashboard/composables';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
import alertMixin from 'shared/mixins/alertMixin';
import campaignMixin from 'shared/mixins/campaignMixin';
import { URLPattern } from 'urlpattern-polyfill';
@@ -123,7 +123,7 @@ export default {
components: {
WootMessageEditor,
},
mixins: [alertMixin, campaignMixin],
mixins: [campaignMixin],
props: {
selectedCampaign: {
type: Object,
@@ -225,7 +225,7 @@ export default {
} catch (error) {
const errorMessage =
error?.response?.message || this.$t('CAMPAIGN.ADD.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
onChangeInbox() {
@@ -272,10 +272,10 @@ export default {
time_on_page: this.timeOnPage,
},
});
this.showAlert(this.$t('CAMPAIGN.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('CAMPAIGN.EDIT.API.SUCCESS_MESSAGE'));
this.onClose();
} catch (error) {
this.showAlert(this.$t('CAMPAIGN.EDIT.API.ERROR_MESSAGE'));
useAlert(this.$t('CAMPAIGN.EDIT.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/canned/AddCanned.vue
+5 -6
View File
@@ -1,6 +1,6 @@
<template>
<modal :show.sync="show" :on-close="onClose">
<div class="h-auto overflow-auto flex flex-col">
<div class="flex flex-col h-auto overflow-auto">
<woot-modal-header
:header-title="$t('CANNED_MGMT.ADD.TITLE')"
:header-content="$t('CANNED_MGMT.ADD.DESC')"
@@ -34,7 +34,7 @@
/>
</div>
</div>
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-submit-button
:disabled="
$v.content.$invalid ||
@@ -55,11 +55,11 @@
<script>
import { required, minLength } from 'vuelidate/lib/validators';
import { useAlert } from 'dashboard/composables';
import WootSubmitButton from '../../../../components/buttons/FormSubmitButton.vue';
import Modal from '../../../../components/Modal.vue';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
@@ -67,7 +67,6 @@ export default {
Modal,
WootMessageEditor,
},
mixins: [alertMixin],
props: {
responseContent: {
type: String,
@@ -117,7 +116,7 @@ export default {
.then(() => {
// Reset Form, Show success message
this.addCanned.showLoading = false;
this.showAlert(this.$t('CANNED_MGMT.ADD.API.SUCCESS_MESSAGE'));
useAlert(this.$t('CANNED_MGMT.ADD.API.SUCCESS_MESSAGE'));
this.resetForm();
this.onClose();
})
@@ -125,7 +124,7 @@ export default {
this.addCanned.showLoading = false;
const errorMessage =
error?.message || this.$t('CANNED_MGMT.ADD.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
});
},
},
app/javascript/dashboard/routes/dashboard/settings/canned/EditCanned.vue
+5 -6
View File
@@ -1,6 +1,6 @@
<template>
<modal :show.sync="show" :on-close="onClose">
<div class="h-auto overflow-auto flex flex-col">
<div class="flex flex-col h-auto overflow-auto">
<woot-modal-header :header-title="pageTitle" />
<form class="flex flex-col w-full" @submit.prevent="editCannedResponse()">
<div class="w-full">
@@ -31,7 +31,7 @@
/>
</div>
</div>
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<woot-submit-button
:disabled="
$v.content.$invalid ||
@@ -53,9 +53,9 @@
<script>
/* eslint no-console: 0 */
import { required, minLength } from 'vuelidate/lib/validators';
import { useAlert } from 'dashboard/composables';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
import WootSubmitButton from '../../../../components/buttons/FormSubmitButton.vue';
import alertMixin from 'shared/mixins/alertMixin';
import Modal from '../../../../components/Modal.vue';
export default {
@@ -64,7 +64,6 @@ export default {
Modal,
WootMessageEditor,
},
mixins: [alertMixin],
props: {
id: { type: Number, default: null },
edcontent: { type: String, default: '' },
@@ -120,7 +119,7 @@ export default {
.then(() => {
// Reset Form, Show success message
this.editCanned.showLoading = false;
this.showAlert(this.$t('CANNED_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('CANNED_MGMT.EDIT.API.SUCCESS_MESSAGE'));
this.resetForm();
setTimeout(() => {
this.onClose();
@@ -130,7 +129,7 @@ export default {
this.editCanned.showLoading = false;
const errorMessage =
error?.message || this.$t('CANNED_MGMT.EDIT.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
});
},
},
app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
+3 -4
View File
@@ -40,7 +40,7 @@
<button
v-if="thHeader === $t('CANNED_MGMT.LIST.TABLE_HEADER[0]')"
class="cursor-pointer flex items-center p-0"
class="flex items-center p-0 cursor-pointer"
@click="toggleSort"
>
<p class="uppercase">
@@ -130,16 +130,15 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import AddCanned from './AddCanned.vue';
import EditCanned from './EditCanned.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
AddCanned,
EditCanned,
},
mixins: [alertMixin],
data() {
return {
loading: {},
@@ -195,7 +194,7 @@ export default {
this.selectedResponse = {};
// Show message
this.cannedResponseAPI.message = message;
this.showAlert(message);
useAlert(message);
},
// Edit Function
openAddPopup() {
app/javascript/dashboard/routes/dashboard/settings/inbox/AddAgents.vue
+3 -4
View File
@@ -2,7 +2,7 @@
<div
class="border border-slate-25 dark:border-slate-800/60 bg-white dark:bg-slate-900 h-full p-6 w-full max-w-full md:w-3/4 md:max-w-[75%] flex-shrink-0 flex-grow-0"
>
<form class="mx-0 flex flex-wrap" @submit.prevent="addAgents()">
<form class="flex flex-wrap mx-0" @submit.prevent="addAgents()">
<div class="w-full">
<page-header
:header-title="$t('INBOX_MGMT.ADD.AGENTS.TITLE')"
@@ -47,17 +47,16 @@
<script>
/* eslint no-console: 0 */
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import InboxMembersAPI from '../../../../api/inboxMembers';
import router from '../../../index';
import PageHeader from '../SettingsSubPageHeader.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
PageHeader,
},
mixins: [alertMixin],
validations: {
selectedAgents: {
@@ -100,7 +99,7 @@ export default {
},
});
} catch (error) {
this.showAlert(error.message);
useAlert(error.message);
}
this.isCreating = false;
},
app/javascript/dashboard/routes/dashboard/settings/inbox/ImapSettings.vue
+3 -4
View File
@@ -73,7 +73,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import SettingsSection from 'dashboard/components/SettingsSection.vue';
import { required, minLength } from 'vuelidate/lib/validators';
@@ -81,7 +81,6 @@ export default {
components: {
SettingsSection,
},
mixins: [alertMixin],
props: {
inbox: {
type: Object,
@@ -153,9 +152,9 @@ export default {
}
await this.$store.dispatch('inboxes/updateInboxIMAP', payload);
this.showAlert(this.$t('INBOX_MGMT.IMAP.EDIT.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.IMAP.EDIT.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(error.message);
useAlert(error.message);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
+13 -7
View File
@@ -4,7 +4,7 @@
<div class="w-full lg:w-3/5">
<p
v-if="!inboxesList.length"
class="flex h-full items-center flex-col justify-center"
class="flex flex-col items-center justify-center h-full"
>
{{ $t('INBOX_MGMT.LIST.404') }}
<router-link
@@ -98,7 +98,7 @@
</table>
</div>
<div class="w-1/3 hidden lg:block">
<div class="hidden w-1/3 lg:block">
<span
v-dompurify-html="
useInstallationName(
@@ -132,17 +132,23 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import { useAdmin } from 'dashboard/composables/useAdmin';
import Settings from './Settings.vue';
import adminMixin from '../../../../mixins/isAdmin';
import accountMixin from '../../../../mixins/account';
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
Settings,
},
mixins: [adminMixin, accountMixin, globalConfigMixin, alertMixin],
mixins: [accountMixin, globalConfigMixin],
setup() {
const { isAdmin } = useAdmin();
return {
isAdmin,
};
},
data() {
return {
loading: {},
@@ -195,9 +201,9 @@ export default {
async deleteInbox({ id }) {
try {
await this.$store.dispatch('inboxes/delete', id);
this.showAlert(this.$t('INBOX_MGMT.DELETE.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.DELETE.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.DELETE.API.ERROR_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.DELETE.API.ERROR_MESSAGE'));
}
},
app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue
+7 -8
View File
@@ -1,6 +1,6 @@
<template>
<div class="my-2 mx-8 text-base">
<div class="mt-6 mx-0 mb-3">
<div class="mx-8 my-2 text-base">
<div class="mx-0 mt-6 mb-3">
{{ $t('INBOX_MGMT.PRE_CHAT_FORM.DESCRIPTION') }}
</div>
<form class="flex flex-col" @submit.prevent="updateInbox">
@@ -30,7 +30,7 @@
</div>
<div class="w-[70%] mt-4">
<label>{{ $t('INBOX_MGMT.PRE_CHAT_FORM.SET_FIELDS') }}</label>
<table class="table table-striped w-full">
<table class="table w-full table-striped">
<thead class="thead-dark">
<tr>
<th scope="col" />
@@ -66,7 +66,7 @@
</table>
</div>
</div>
<div class="my-4 w-auto">
<div class="w-auto my-4">
<woot-submit-button
:button-text="
$t('INBOX_MGMT.SETTINGS_POPUP.UPDATE_PRE_CHAT_FORM_SETTINGS')
@@ -79,7 +79,7 @@
</template>
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import PreChatFields from './PreChatFields.vue';
import { getPreChatFields, standardFieldKeys } from 'dashboard/helper/preChat';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
@@ -88,7 +88,6 @@ export default {
PreChatFields,
WootMessageEditor,
},
mixins: [alertMixin],
props: {
inbox: {
type: Object,
@@ -163,9 +162,9 @@ export default {
},
};
await this.$store.dispatch('inboxes/updateInbox', payload);
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/Settings.vue
+6 -8
View File
@@ -427,7 +427,7 @@
import { mapGetters } from 'vuex';
import { shouldBeUrl } from 'shared/helpers/Validators';
import configMixin from 'shared/mixins/configMixin';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import SettingIntroBanner from 'dashboard/components/widgets/SettingIntroBanner.vue';
import SettingsSection from '../../../../components/SettingsSection.vue';
import inboxMixin from 'shared/mixins/inboxMixin';
@@ -458,7 +458,7 @@ export default {
SenderNameExamplePreview,
MicrosoftReauthorize,
},
mixins: [alertMixin, configMixin, inboxMixin],
mixins: [configMixin, inboxMixin],
data() {
return {
avatarFile: null,
@@ -720,11 +720,9 @@ export default {
payload.avatar = this.avatarFile;
}
await this.$store.dispatch('inboxes/updateInbox', payload);
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(
error.message || this.$t('INBOX_MGMT.EDIT.API.ERROR_MESSAGE')
);
useAlert(error.message || this.$t('INBOX_MGMT.EDIT.API.ERROR_MESSAGE'));
}
},
handleImageUpload({ file, url }) {
@@ -739,9 +737,9 @@ export default {
);
this.avatarFile = null;
this.avatarUrl = '';
this.showAlert(this.$t('INBOX_MGMT.DELETE.API.AVATAR_SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.DELETE.API.AVATAR_SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(
useAlert(
error.message
? error.message
: this.$t('INBOX_MGMT.DELETE.API.AVATAR_ERROR_MESSAGE')
app/javascript/dashboard/routes/dashboard/settings/inbox/SmtpSettings.vue
+3 -4
View File
@@ -89,7 +89,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import SettingsSection from 'dashboard/components/SettingsSection.vue';
import { required, minLength } from 'vuelidate/lib/validators';
import InputRadioGroup from './components/InputRadioGroup.vue';
@@ -101,7 +101,6 @@ export default {
InputRadioGroup,
SingleSelectDropdown,
},
mixins: [alertMixin],
props: {
inbox: {
type: Object,
@@ -229,9 +228,9 @@ export default {
},
};
await this.$store.dispatch('inboxes/updateInboxSMTP', payload);
this.showAlert(this.$t('INBOX_MGMT.SMTP.EDIT.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.SMTP.EDIT.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.SMTP.EDIT.ERROR_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.SMTP.EDIT.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/WidgetBuilder.vue
+5 -6
View File
@@ -154,9 +154,9 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import Widget from 'dashboard/modules/widget-preview/components/Widget.vue';
import InputRadioGroup from './components/InputRadioGroup.vue';
import alertMixin from 'shared/mixins/alertMixin';
import { required } from 'vuelidate/lib/validators';
import { LOCAL_STORAGE_KEYS } from 'dashboard/constants/localStorage';
import { LocalStorage } from 'shared/helpers/localStorage';
@@ -166,7 +166,6 @@ export default {
Widget,
InputRadioGroup,
},
mixins: [alertMixin],
props: {
inbox: {
type: Object,
@@ -355,13 +354,13 @@ export default {
await this.$store.dispatch('inboxes/deleteInboxAvatar', this.inbox.id);
this.avatarFile = null;
this.avatarUrl = '';
this.showAlert(
useAlert(
this.$t(
'INBOX_MGMT.WIDGET_BUILDER.WIDGET_OPTIONS.AVATAR.DELETE.API.SUCCESS_MESSAGE'
)
);
} catch (error) {
this.showAlert(
useAlert(
error.message
? error.message
: this.$t(
@@ -394,13 +393,13 @@ export default {
payload.avatar = this.avatarFile;
}
await this.$store.dispatch('inboxes/updateInbox', payload);
this.showAlert(
useAlert(
this.$t(
'INBOX_MGMT.WIDGET_BUILDER.WIDGET_OPTIONS.UPDATE.API.SUCCESS_MESSAGE'
)
);
} catch (error) {
this.showAlert(
useAlert(
error.message ||
this.$t(
'INBOX_MGMT.WIDGET_BUILDER.WIDGET_OPTIONS.UPDATE.API.ERROR_MESSAGE'
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/360DialogWhatsapp.vue
+2 -3
View File
@@ -58,14 +58,13 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import router from '../../../../index';
import { isPhoneE164OrEmpty } from 'shared/helpers/Validators';
export default {
mixins: [alertMixin],
data() {
return {
inboxName: '',
@@ -111,7 +110,7 @@ export default {
},
});
} catch (error) {
this.showAlert(
useAlert(
error.message || this.$t('INBOX_MGMT.ADD.WHATSAPP.API.ERROR_MESSAGE')
);
}
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Api.vue
+3 -4
View File
@@ -6,7 +6,7 @@
:header-title="$t('INBOX_MGMT.ADD.API_CHANNEL.TITLE')"
:header-content="$t('INBOX_MGMT.ADD.API_CHANNEL.DESC')"
/>
<form class="mx-0 flex flex-wrap" @submit.prevent="createChannel()">
<form class="flex flex-wrap mx-0" @submit.prevent="createChannel()">
<div class="w-[65%] flex-shrink-0 flex-grow-0 max-w-[65%]">
<label :class="{ error: $v.channelName.$error }">
{{ $t('INBOX_MGMT.ADD.API_CHANNEL.CHANNEL_NAME.LABEL') }}
@@ -53,7 +53,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import router from '../../../../index';
import PageHeader from '../../SettingsSubPageHeader.vue';
@@ -65,7 +65,6 @@ export default {
components: {
PageHeader,
},
mixins: [alertMixin],
data() {
return {
channelName: '',
@@ -105,7 +104,7 @@ export default {
},
});
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.ADD.API_CHANNEL.API.ERROR_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.ADD.API_CHANNEL.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/BandwidthSms.vue
+2 -3
View File
@@ -111,14 +111,13 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import router from '../../../../index';
const shouldStartWithPlusSign = (value = '') => value.startsWith('+');
export default {
mixins: [alertMixin],
data() {
return {
accountId: '',
@@ -173,7 +172,7 @@ export default {
},
});
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.ADD.SMS.API.ERROR_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.ADD.SMS.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/CloudWhatsapp.vue
+2 -3
View File
@@ -96,13 +96,12 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import router from '../../../../index';
import { isPhoneE164OrEmpty, isNumber } from 'shared/helpers/Validators';
export default {
mixins: [alertMixin],
data() {
return {
inboxName: '',
@@ -155,7 +154,7 @@ export default {
},
});
} catch (error) {
this.showAlert(
useAlert(
error.message || this.$t('INBOX_MGMT.ADD.WHATSAPP.API.ERROR_MESSAGE')
);
}
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Facebook.vue
+6 -6
View File
@@ -5,7 +5,7 @@
<div v-if="!hasLoginStarted" class="pt-[30%] h-full">
<a href="#" @click="startLogin()">
<img
class="h-10 w-auto"
class="w-auto h-10"
src="~dashboard/assets/images/channels/facebook_login.png"
alt="Facebook-logo"
/>
@@ -30,7 +30,7 @@
<loading-state v-else-if="showLoader" :message="emptyStateMessage" />
<form
v-else
class="mx-0 flex flex-wrap"
class="flex flex-wrap mx-0"
@submit.prevent="createChannel()"
>
<div class="w-full">
@@ -91,6 +91,7 @@
<script>
/* eslint-env browser */
/* global FB */
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import LoadingState from 'dashboard/components/widgets/LoadingState.vue';
import { mapGetters } from 'vuex';
@@ -101,7 +102,6 @@ import globalConfigMixin from 'shared/mixins/globalConfigMixin';
import accountMixin from '../../../../../mixins/account';
import { loadScript } from 'dashboard/helper/DOMHelpers';
import alertMixin from 'shared/mixins/alertMixin';
import * as Sentry from '@sentry/browser';
export default {
@@ -109,7 +109,7 @@ export default {
LoadingState,
PageHeader,
},
mixins: [globalConfigMixin, accountMixin, alertMixin],
mixins: [globalConfigMixin, accountMixin],
data() {
return {
isCreating: false,
@@ -168,11 +168,11 @@ export default {
} catch (error) {
if (error.name === 'ScriptLoaderError') {
// if the error was related to script loading, we show a toast
this.showAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_LOADING'));
useAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_LOADING'));
} else {
// if the error was anything else, we capture it and show a toast
Sentry.captureException(error);
this.showAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_AUTH'));
useAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_AUTH'));
}
}
},
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Line.vue
+3 -6
View File
@@ -6,7 +6,7 @@
:header-title="$t('INBOX_MGMT.ADD.LINE_CHANNEL.TITLE')"
:header-content="$t('INBOX_MGMT.ADD.LINE_CHANNEL.DESC')"
/>
<form class="mx-0 flex flex-wrap" @submit.prevent="createChannel()">
<form class="flex flex-wrap mx-0" @submit.prevent="createChannel()">
<div class="w-[65%] flex-shrink-0 flex-grow-0 max-w-[65%]">
<label :class="{ error: $v.channelName.$error }">
{{ $t('INBOX_MGMT.ADD.LINE_CHANNEL.CHANNEL_NAME.LABEL') }}
@@ -78,7 +78,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import router from '../../../../index';
import PageHeader from '../../SettingsSubPageHeader.vue';
@@ -87,7 +87,6 @@ export default {
components: {
PageHeader,
},
mixins: [alertMixin],
data() {
return {
channelName: '',
@@ -136,9 +135,7 @@ export default {
},
});
} catch (error) {
this.showAlert(
this.$t('INBOX_MGMT.ADD.LINE_CHANNEL.API.ERROR_MESSAGE')
);
useAlert(this.$t('INBOX_MGMT.ADD.LINE_CHANNEL.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Telegram.vue
+3 -4
View File
@@ -6,7 +6,7 @@
:header-title="$t('INBOX_MGMT.ADD.TELEGRAM_CHANNEL.TITLE')"
:header-content="$t('INBOX_MGMT.ADD.TELEGRAM_CHANNEL.DESC')"
/>
<form class="mx-0 flex flex-wrap" @submit.prevent="createChannel()">
<form class="flex flex-wrap mx-0" @submit.prevent="createChannel()">
<div class="w-[65%] flex-shrink-0 flex-grow-0 max-w-[65%]">
<label :class="{ error: $v.botToken.$error }">
{{ $t('INBOX_MGMT.ADD.TELEGRAM_CHANNEL.BOT_TOKEN.LABEL') }}
@@ -36,7 +36,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import router from '../../../../index';
import PageHeader from '../../SettingsSubPageHeader.vue';
@@ -45,7 +45,6 @@ export default {
components: {
PageHeader,
},
mixins: [alertMixin],
data() {
return {
botToken: '',
@@ -85,7 +84,7 @@ export default {
},
});
} catch (error) {
this.showAlert(
useAlert(
error.message ||
this.$t('INBOX_MGMT.ADD.TELEGRAM_CHANNEL.API.ERROR_MESSAGE')
);
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue
+2 -3
View File
@@ -137,13 +137,12 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required } from 'vuelidate/lib/validators';
import router from '../../../../index';
import { isPhoneE164OrEmpty } from 'shared/helpers/Validators';
export default {
mixins: [alertMixin],
props: {
type: {
type: String,
@@ -234,7 +233,7 @@ export default {
},
});
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.ADD.TWILIO.API.ERROR_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.ADD.TWILIO.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twitter.vue
+2 -3
View File
@@ -16,11 +16,10 @@
</div>
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import twitterClient from '../../../../../api/channel/twitterClient';
export default {
mixins: [alertMixin],
data() {
return { isRequestingAuthorization: false };
},
@@ -34,7 +33,7 @@ export default {
} = response;
window.location.href = url;
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.ADD.TWITTER.ERROR_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.ADD.TWITTER.ERROR_MESSAGE'));
} finally {
this.isRequestingAuthorization = false;
}
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Website.vue
+4 -5
View File
@@ -12,7 +12,7 @@
/>
<form
v-if="!uiFlags.isCreating"
class="mx-0 flex flex-wrap"
class="flex flex-wrap mx-0"
@submit.prevent="createChannel"
>
<div class="w-full">
@@ -115,7 +115,7 @@
"
:richtext="!textAreaChannels"
/>
<div class="flex flex-row justify-end gap-2 py-2 px-0 w-full">
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
<div class="w-full">
<woot-submit-button
:loading="uiFlags.isCreating"
@@ -130,17 +130,16 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import router from '../../../../index';
import PageHeader from '../../SettingsSubPageHeader.vue';
import GreetingsEditor from 'shared/components/GreetingsEditor.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
PageHeader,
GreetingsEditor,
},
mixins: [alertMixin],
data() {
return {
inboxName: '',
@@ -192,7 +191,7 @@ export default {
},
});
} catch (error) {
this.showAlert(
useAlert(
error.message ||
this.$t('INBOX_MGMT.ADD.WEBSITE_CHANNEL.API.ERROR_MESSAGE')
);
app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/ForwardToOption.vue
+3 -4
View File
@@ -6,7 +6,7 @@
:header-title="$t('INBOX_MGMT.ADD.EMAIL_CHANNEL.TITLE')"
:header-content="$t('INBOX_MGMT.ADD.EMAIL_CHANNEL.DESC')"
/>
<form class="mx-0 flex flex-wrap" @submit.prevent="createChannel()">
<form class="flex flex-wrap mx-0" @submit.prevent="createChannel()">
<div class="w-[65%] flex-shrink-0 flex-grow-0 max-w-[65%]">
<label :class="{ error: $v.channelName.$error }">
{{ $t('INBOX_MGMT.ADD.EMAIL_CHANNEL.CHANNEL_NAME.LABEL') }}
@@ -51,7 +51,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { required, email } from 'vuelidate/lib/validators';
import router from '../../../../../index';
import PageHeader from '../../../SettingsSubPageHeader.vue';
@@ -60,7 +60,6 @@ export default {
components: {
PageHeader,
},
mixins: [alertMixin],
data() {
return {
channelName: '',
@@ -108,7 +107,7 @@ export default {
this.alertMessage =
errorMessage ||
this.$t('INBOX_MGMT.ADD.EMAIL_CHANNEL.API.ERROR_MESSAGE');
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/components/BotConfiguration.vue
+6 -7
View File
@@ -3,7 +3,7 @@
<loading-state v-if="uiFlags.isFetching || uiFlags.isFetchingAgentBot" />
<form
v-else
class="mx-0 flex flex-wrap"
class="flex flex-wrap mx-0"
@submit.prevent="updateActiveAgentBot"
>
<settings-section
@@ -50,16 +50,15 @@
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import SettingsSection from 'dashboard/components/SettingsSection.vue';
import LoadingState from 'dashboard/components/widgets/LoadingState.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
LoadingState,
SettingsSection,
},
mixins: [alertMixin],
props: {
inbox: {
type: Object,
@@ -98,9 +97,9 @@ export default {
// Added this to make sure that empty values are not sent to the API
botId: this.selectedAgentBotId ? this.selectedAgentBotId : undefined,
});
this.showAlert(this.$t('AGENT_BOTS.BOT_CONFIGURATION.SUCCESS_MESSAGE'));
useAlert(this.$t('AGENT_BOTS.BOT_CONFIGURATION.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('AGENT_BOTS.BOT_CONFIGURATION.ERROR_MESSAGE'));
useAlert(this.$t('AGENT_BOTS.BOT_CONFIGURATION.ERROR_MESSAGE'));
}
},
async disconnectBot() {
@@ -108,11 +107,11 @@ export default {
await this.$store.dispatch('agentBots/disconnectBot', {
inboxId: this.inbox.id,
});
this.showAlert(
useAlert(
this.$t('AGENT_BOTS.BOT_CONFIGURATION.DISCONNECTED_SUCCESS_MESSAGE')
);
} catch (error) {
this.showAlert(
useAlert(
error?.message ||
this.$t('AGENT_BOTS.BOT_CONFIGURATION.DISCONNECTED_ERROR_MESSAGE')
);
app/javascript/dashboard/routes/dashboard/settings/inbox/components/WeeklyAvailability.vue
+4 -6
View File
@@ -77,7 +77,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import inboxMixin from 'shared/mixins/inboxMixin';
import SettingsSection from 'dashboard/components/SettingsSection.vue';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
@@ -100,7 +100,7 @@ export default {
BusinessDay,
WootMessageEditor,
},
mixins: [alertMixin, inboxMixin],
mixins: [inboxMixin],
props: {
inbox: {
type: Object,
@@ -186,11 +186,9 @@ export default {
channel: {},
};
await this.$store.dispatch('inboxes/updateInbox', payload);
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(
error.message || this.$t('INBOX_MGMT.EDIT.API.ERROR_MESSAGE')
);
useAlert(error.message || this.$t('INBOX_MGMT.EDIT.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/facebook/Reauthorize.vue
+7 -12
View File
@@ -5,16 +5,15 @@
<script>
/* global FB */
import InboxReconnectionRequired from '../components/InboxReconnectionRequired';
import { useAlert } from 'dashboard/composables';
import { loadScript } from 'dashboard/helper/DOMHelpers';
import alertMixin from 'shared/mixins/alertMixin';
import * as Sentry from '@sentry/browser';
export default {
components: {
InboxReconnectionRequired,
},
mixins: [alertMixin],
props: {
inbox: {
type: Object,
@@ -58,11 +57,11 @@ export default {
} catch (error) {
if (error.name === 'ScriptLoaderError') {
// if the error was related to script loading, we show a toast
this.showAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_LOADING'));
useAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_LOADING'));
} else {
// if the error was anything else, we capture it and show a toast
Sentry.captureException(error);
this.showAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_AUTH'));
useAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_AUTH'));
}
}
},
@@ -74,11 +73,11 @@ export default {
this.reauthorizeFBPage(response.authResponse.accessToken);
} else if (response.status === 'not_authorized') {
// The person is logged into Facebook, but not your app.
this.showAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_AUTH'));
useAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_AUTH'));
} else {
// The person is not logged into Facebook, so we're not sure if
// they are logged into this app or not.
this.showAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_AUTH'));
useAlert(this.$t('INBOX_MGMT.DETAILS.ERROR_FB_AUTH'));
}
},
{
@@ -94,13 +93,9 @@ export default {
omniauthToken,
inboxId: this.inboxId,
});
this.showAlert(
this.$t('INBOX_MGMT.FACEBOOK_REAUTHORIZE.MESSAGE_SUCCESS')
);
useAlert(this.$t('INBOX_MGMT.FACEBOOK_REAUTHORIZE.MESSAGE_SUCCESS'));
} catch (error) {
this.showAlert(
this.$t('INBOX_MGMT.FACEBOOK_REAUTHORIZE.MESSAGE_ERROR')
);
useAlert(this.$t('INBOX_MGMT.FACEBOOK_REAUTHORIZE.MESSAGE_ERROR'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/CollaboratorsPage.vue
+6 -6
View File
@@ -79,7 +79,7 @@
<script>
import { mapGetters } from 'vuex';
import { minValue } from 'vuelidate/lib/validators';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import configMixin from 'shared/mixins/configMixin';
import SettingsSection from '../../../../../components/SettingsSection.vue';
@@ -87,7 +87,7 @@ export default {
components: {
SettingsSection,
},
mixins: [alertMixin, configMixin],
mixins: [configMixin],
props: {
inbox: {
type: Object,
@@ -154,9 +154,9 @@ export default {
inboxId: this.inbox.id,
agentList,
});
this.showAlert(this.$t('AGENT_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('AGENT_MGMT.EDIT.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('AGENT_MGMT.EDIT.API.ERROR_MESSAGE'));
useAlert(this.$t('AGENT_MGMT.EDIT.API.ERROR_MESSAGE'));
}
this.isAgentListUpdating = false;
},
@@ -171,9 +171,9 @@ export default {
},
};
await this.$store.dispatch('inboxes/updateInbox', payload);
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue
+6 -6
View File
@@ -151,7 +151,7 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import inboxMixin from 'shared/mixins/inboxMixin';
import SettingsSection from '../../../../../components/SettingsSection.vue';
import ImapSettings from '../ImapSettings.vue';
@@ -164,7 +164,7 @@ export default {
ImapSettings,
SmtpSettings,
},
mixins: [inboxMixin, alertMixin],
mixins: [inboxMixin],
props: {
inbox: {
type: Object,
@@ -205,9 +205,9 @@ export default {
},
};
await this.$store.dispatch('inboxes/updateInbox', payload);
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.ERROR_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.ERROR_MESSAGE'));
}
},
async updateWhatsAppInboxAPIKey() {
@@ -224,9 +224,9 @@ export default {
};
await this.$store.dispatch('inboxes/updateInbox', payload);
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(this.$t('INBOX_MGMT.EDIT.API.ERROR_MESSAGE'));
useAlert(this.$t('INBOX_MGMT.EDIT.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/integrationapps/IntegrationHooks.vue
+3 -3
View File
@@ -44,7 +44,7 @@
<script>
import { isEmptyObject } from '../../../../helper/commons';
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import hookMixin from './hookMixin';
import NewHook from './NewHook.vue';
import SingleIntegrationHooks from './SingleIntegrationHooks.vue';
@@ -56,7 +56,7 @@ export default {
SingleIntegrationHooks,
MultipleIntegrationHooks,
},
mixins: [alertMixin, hookMixin],
mixins: [hookMixin],
props: {
integrationId: {
type: [String, Number],
@@ -142,7 +142,7 @@ export default {
this.alertMessage =
errorMessage || this.$t('INTEGRATION_APPS.DELETE.API.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/integrationapps/NewHook.vue
+3 -3
View File
@@ -39,11 +39,11 @@
</template>
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import hookMixin from './hookMixin';
export default {
mixins: [alertMixin, hookMixin],
mixins: [hookMixin],
props: {
integration: {
type: Object,
@@ -131,7 +131,7 @@ export default {
this.alertMessage =
errorMessage || this.$t('INTEGRATION_APPS.ADD.API.ERROR_MESSAGE');
} finally {
this.showAlert(this.alertMessage);
useAlert(this.alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/integrations/DashboardApps/DashboardAppModal.vue
+3 -4
View File
@@ -54,10 +54,9 @@
<script>
import { required, url } from 'vuelidate/lib/validators';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
export default {
mixins: [alertMixin],
props: {
show: {
type: Boolean,
@@ -137,14 +136,14 @@ export default {
this.isLoading = true;
await this.$store.dispatch(`dashboardApps/${action}`, payload);
this.showAlert(
useAlert(
this.$t(
`INTEGRATION_SETTINGS.DASHBOARD_APPS.${this.mode}.API_SUCCESS`
)
);
this.closeModal();
} catch (err) {
this.showAlert(
useAlert(
this.$t(`INTEGRATION_SETTINGS.DASHBOARD_APPS.${this.mode}.API_ERROR`)
);
} finally {
app/javascript/dashboard/routes/dashboard/settings/integrations/DashboardApps/Index.vue
+7 -7
View File
@@ -1,5 +1,5 @@
<template>
<div class="flex-1 overflow-auto p-4">
<div class="flex-1 p-4 overflow-auto">
<woot-button
color-scheme="success"
class-names="button--fixed-top"
@@ -12,7 +12,7 @@
<div class="w-full lg:w-3/5">
<p
v-if="!uiFlags.isFetching && !records.length"
class="flex h-full items-center flex-col justify-center"
class="flex flex-col items-center justify-center h-full"
>
{{ $t('INTEGRATION_SETTINGS.DASHBOARD_APPS.LIST.404') }}
</p>
@@ -44,7 +44,7 @@
</table>
</div>
<div class="w-1/3 hidden lg:block">
<div class="hidden w-1/3 lg:block">
<span
v-dompurify-html="
useInstallationName(
@@ -83,9 +83,9 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import DashboardAppModal from './DashboardAppModal.vue';
import DashboardAppsRow from './DashboardAppsRow.vue';
import alertMixin from 'shared/mixins/alertMixin';
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
export default {
@@ -93,7 +93,7 @@ export default {
DashboardAppModal,
DashboardAppsRow,
},
mixins: [alertMixin, globalConfigMixin],
mixins: [globalConfigMixin],
data() {
return {
loading: {},
@@ -144,11 +144,11 @@ export default {
async deleteApp(id) {
try {
await this.$store.dispatch('dashboardApps/delete', id);
this.showAlert(
useAlert(
this.$t('INTEGRATION_SETTINGS.DASHBOARD_APPS.DELETE.API_SUCCESS')
);
} catch (error) {
this.showAlert(
useAlert(
this.$t('INTEGRATION_SETTINGS.DASHBOARD_APPS.DELETE.API_ERROR')
);
}
app/javascript/dashboard/routes/dashboard/settings/integrations/Integration.vue
+4 -6
View File
@@ -74,11 +74,11 @@
<script>
import { mapGetters } from 'vuex';
import { frontendURL } from '../../../../helper/URLHelper';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
export default {
mixins: [alertMixin, globalConfigMixin],
mixins: [globalConfigMixin],
props: {
integrationId: {
type: [String, Number],
@@ -123,11 +123,9 @@ export default {
'integrations/deleteIntegration',
this.integrationId
);
this.showAlert(
this.$t('INTEGRATION_SETTINGS.DELETE.API.SUCCESS_MESSAGE')
);
useAlert(this.$t('INTEGRATION_SETTINGS.DELETE.API.SUCCESS_MESSAGE'));
} catch (error) {
this.showAlert(
useAlert(
this.$t('INTEGRATION_SETTINGS.WEBHOOK.DELETE.API.ERROR_MESSAGE')
);
}
app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SelectChannelWarning.vue
+9 -11
View File
@@ -1,6 +1,6 @@
<template>
<div
class="rounded-md bg-yellow-50 border border-yellow-200 dark:border-slate-700 dark:bg-slate-800 px-6 py-4 mb-4"
class="px-6 py-4 mb-4 border border-yellow-200 rounded-md bg-yellow-50 dark:border-slate-700 dark:bg-slate-800"
>
<div class="flex">
<div class="flex-shrink-0 mt-0.5">
@@ -12,13 +12,13 @@
</div>
<div class="ml-3">
<p
class="text-base font-semibold text-yellow-900 dark:text-yellow-500 mb-1"
class="mb-1 text-base font-semibold text-yellow-900 dark:text-yellow-500"
>
{{
$t('INTEGRATION_SETTINGS.SLACK.SELECT_CHANNEL.ATTENTION_REQUIRED')
}}
</p>
<div class="text-sm text-yellow-800 dark:text-yellow-600 mt-2">
<div class="mt-2 text-sm text-yellow-800 dark:text-yellow-600">
<p
v-dompurify-html="
formatMessage(
@@ -33,7 +33,7 @@
</div>
</div>
</div>
<div v-if="!hasConnectedAChannel" class="ml-8 mt-2">
<div v-if="!hasConnectedAChannel" class="mt-2 ml-8">
<woot-submit-button
v-if="!availableChannels.length"
button-class="smooth small warning"
@@ -47,7 +47,7 @@
<div v-else class="inline-flex">
<select
v-model="selectedChannelId"
class="h-8 border-yellow-300 border mr-4 text-xs leading-4 py-1"
class="h-8 py-1 mr-4 text-xs leading-4 border border-yellow-300"
>
<option value="">
{{ $t('INTEGRATION_SETTINGS.SLACK.SELECT_CHANNEL.OPTION_LABEL') }}
@@ -73,12 +73,12 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
import messageFormatterMixin from 'shared/mixins/messageFormatterMixin';
import alertMixin from 'shared/mixins/alertMixin';
export default {
mixins: [alertMixin, globalConfigMixin, messageFormatterMixin],
mixins: [globalConfigMixin, messageFormatterMixin],
props: {
hasConnectedAChannel: {
type: Boolean,
@@ -116,11 +116,9 @@ export default {
await this.$store.dispatch('integrations/updateSlack', {
referenceId: this.selectedChannelId,
});
this.showAlert(this.$t('INTEGRATION_SETTINGS.SLACK.UPDATE_SUCCESS'));
useAlert(this.$t('INTEGRATION_SETTINGS.SLACK.UPDATE_SUCCESS'));
} catch (error) {
this.showAlert(
error.message || 'INTEGRATION_SETTINGS.SLACK.UPDATE_ERROR'
);
useAlert(error.message || 'INTEGRATION_SETTINGS.SLACK.UPDATE_ERROR');
}
},
},
app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/EditWebHook.vue
+3 -4
View File
@@ -14,13 +14,12 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { mapGetters } from 'vuex';
import WebhookForm from './WebhookForm.vue';
export default {
components: { WebhookForm },
mixins: [alertMixin],
props: {
value: {
type: Object,
@@ -45,7 +44,7 @@ export default {
webhook,
id: this.id,
});
this.showAlert(
useAlert(
this.$t('INTEGRATION_SETTINGS.WEBHOOK.EDIT.API.SUCCESS_MESSAGE')
);
this.onClose();
@@ -53,7 +52,7 @@ export default {
const alertMessage =
error?.response?.data?.message ||
this.$t('INTEGRATION_SETTINGS.WEBHOOK.EDIT.API.ERROR_MESSAGE');
this.showAlert(alertMessage);
useAlert(alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/Index.vue
+4 -4
View File
@@ -91,9 +91,9 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import NewWebhook from './NewWebHook.vue';
import EditWebhook from './EditWebHook.vue';
import alertMixin from 'shared/mixins/alertMixin';
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
import WebhookRow from './WebhookRow.vue';
@@ -103,7 +103,7 @@ export default {
EditWebhook,
WebhookRow,
},
mixins: [alertMixin, globalConfigMixin],
mixins: [globalConfigMixin],
data() {
return {
loading: {},
@@ -152,11 +152,11 @@ export default {
async deleteWebhook(id) {
try {
await this.$store.dispatch('webhooks/delete', id);
this.showAlert(
useAlert(
this.$t('INTEGRATION_SETTINGS.WEBHOOK.DELETE.API.SUCCESS_MESSAGE')
);
} catch (error) {
this.showAlert(
useAlert(
this.$t('INTEGRATION_SETTINGS.WEBHOOK.DELETE.API.ERROR_MESSAGE')
);
}
app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/NewWebHook.vue
+4 -4
View File
@@ -19,14 +19,14 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import globalConfigMixin from 'shared/mixins/globalConfigMixin';
import { mapGetters } from 'vuex';
import WebhookForm from './WebhookForm.vue';
export default {
components: { WebhookForm },
mixins: [alertMixin, globalConfigMixin],
mixins: [globalConfigMixin],
props: {
onClose: {
type: Function,
@@ -43,7 +43,7 @@ export default {
async onSubmit(webhook) {
try {
await this.$store.dispatch('webhooks/create', { webhook });
this.showAlert(
useAlert(
this.$t('INTEGRATION_SETTINGS.WEBHOOK.ADD.API.SUCCESS_MESSAGE')
);
this.onClose();
@@ -51,7 +51,7 @@ export default {
const message =
error.response.data.message ||
this.$t('INTEGRATION_SETTINGS.WEBHOOK.EDIT.API.ERROR_MESSAGE');
this.showAlert(message);
useAlert(message);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/labels/AddLabel.vue
+3 -4
View File
@@ -55,13 +55,12 @@
</template>
<script>
import alertMixin from 'shared/mixins/alertMixin';
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import validations, { getLabelTitleErrorMessage } from './validations';
import { getRandomColor } from 'dashboard/helper/labelColor';
export default {
mixins: [alertMixin],
props: {
prefillTitle: {
type: String,
@@ -102,12 +101,12 @@ export default {
title: this.title.toLowerCase(),
show_on_sidebar: this.showOnSidebar,
});
this.showAlert(this.$t('LABEL_MGMT.ADD.API.SUCCESS_MESSAGE'));
useAlert(this.$t('LABEL_MGMT.ADD.API.SUCCESS_MESSAGE'));
this.onClose();
} catch (error) {
const errorMessage =
error.message || this.$t('LABEL_MGMT.ADD.API.ERROR_MESSAGE');
this.showAlert(errorMessage);
useAlert(errorMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/labels/EditLabel.vue
+3 -4
View File
@@ -49,11 +49,10 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import validations, { getLabelTitleErrorMessage } from './validations';
export default {
mixins: [alertMixin],
props: {
selectedResponse: {
type: Object,
@@ -106,11 +105,11 @@ export default {
show_on_sidebar: this.showOnSidebar,
})
.then(() => {
this.showAlert(this.$t('LABEL_MGMT.EDIT.API.SUCCESS_MESSAGE'));
useAlert(this.$t('LABEL_MGMT.EDIT.API.SUCCESS_MESSAGE'));
setTimeout(() => this.onClose(), 10);
})
.catch(() => {
this.showAlert(this.$t('LABEL_MGMT.EDIT.API.ERROR_MESSAGE'));
useAlert(this.$t('LABEL_MGMT.EDIT.API.ERROR_MESSAGE'));
});
},
},
app/javascript/dashboard/routes/dashboard/settings/labels/Index.vue
+5 -6
View File
@@ -12,7 +12,7 @@
<div class="w-full xl:w-3/5">
<p
v-if="!uiFlags.isFetching && !records.length"
class="flex h-full items-center flex-col justify-center"
class="flex flex-col items-center justify-center h-full"
>
{{ $t('LABEL_MGMT.LIST.404') }}
</p>
@@ -73,7 +73,7 @@
</table>
</div>
<div class="w-1/3 hidden xl:block">
<div class="hidden w-1/3 xl:block">
<span v-dompurify-html="$t('LABEL_MGMT.SIDEBAR_TXT')" />
</div>
</div>
@@ -102,17 +102,16 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import AddLabel from './AddLabel.vue';
import EditLabel from './EditLabel.vue';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
AddLabel,
EditLabel,
},
mixins: [alertMixin],
data() {
return {
loading: {},
@@ -174,10 +173,10 @@ export default {
this.$store
.dispatch('labels/delete', id)
.then(() => {
this.showAlert(this.$t('LABEL_MGMT.DELETE.API.SUCCESS_MESSAGE'));
useAlert(this.$t('LABEL_MGMT.DELETE.API.SUCCESS_MESSAGE'));
})
.catch(() => {
this.showAlert(this.$t('LABEL_MGMT.DELETE.API.ERROR_MESSAGE'));
useAlert(this.$t('LABEL_MGMT.DELETE.API.ERROR_MESSAGE'));
})
.finally(() => {
this.loading[this.selectedResponse.id] = false;
app/javascript/dashboard/routes/dashboard/settings/macros/Index.vue
+4 -4
View File
@@ -58,14 +58,14 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import accountMixin from 'dashboard/mixins/account.js';
import MacrosTableRow from './MacrosTableRow.vue';
export default {
components: {
MacrosTableRow,
},
mixins: [alertMixin, accountMixin],
mixins: [accountMixin],
data() {
return {
showDeleteConfirmationPopup: false,
@@ -101,10 +101,10 @@ export default {
async deleteMacro(id) {
try {
await this.$store.dispatch('macros/delete', id);
this.showAlert(this.$t('MACROS.DELETE.API.SUCCESS_MESSAGE'));
useAlert(this.$t('MACROS.DELETE.API.SUCCESS_MESSAGE'));
this.loading[this.selectedResponse.id] = false;
} catch (error) {
this.showAlert(this.$t('MACROS.DELETE.API.ERROR_MESSAGE'));
useAlert(this.$t('MACROS.DELETE.API.ERROR_MESSAGE'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/macros/MacroEditor.vue
+5 -5
View File
@@ -1,5 +1,5 @@
<template>
<div class="h-full overflow-auto flex-1 flex flex-col">
<div class="flex flex-col flex-1 h-full overflow-auto">
<woot-loading-state
v-if="uiFlags.isFetchingItem"
:message="$t('MACROS.EDITOR.LOADING')"
@@ -16,15 +16,15 @@
import MacroForm from './MacroForm.vue';
import { MACRO_ACTION_TYPES } from './constants';
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import actionQueryGenerator from 'dashboard/helper/actionQueryGenerator.js';
import alertMixin from 'shared/mixins/alertMixin';
import macrosMixin from 'dashboard/mixins/macrosMixin';
export default {
components: {
MacroForm,
},
mixins: [alertMixin, macrosMixin],
mixins: [macrosMixin],
provide() {
return {
macroActionTypes: this.macroActionTypes,
@@ -131,10 +131,10 @@ export default {
let serializedMacro = JSON.parse(JSON.stringify(macro));
serializedMacro.actions = actionQueryGenerator(serializedMacro.actions);
await this.$store.dispatch(action, serializedMacro);
this.showAlert(successMessage);
useAlert(successMessage);
this.$router.push({ name: 'macros_wrapper' });
} catch (error) {
this.showAlert(this.$t('MACROS.ERROR'));
useAlert(this.$t('MACROS.ERROR'));
}
},
},
app/javascript/dashboard/routes/dashboard/settings/profile/AudioNotifications.vue
+5 -5
View File
@@ -30,7 +30,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import configMixin from 'shared/mixins/configMixin';
import uiSettingsMixin from 'dashboard/mixins/uiSettings';
import AudioAlertTone from './AudioAlertTone.vue';
@@ -43,7 +43,7 @@ export default {
AudioAlertTone,
AudioAlertCondition,
},
mixins: [alertMixin, configMixin, uiSettingsMixin],
mixins: [configMixin, uiSettingsMixin],
data() {
return {
audioAlert: '',
@@ -105,7 +105,7 @@ export default {
this.updateUISettings({
enable_audio_alerts: this.audioAlert,
});
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
},
handleAudioAlertConditions(id, value) {
if (id === 'tab_is_inactive') {
@@ -117,11 +117,11 @@ export default {
alert_if_unread_assigned_conversation_exist: value,
});
}
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
},
handleAudioToneChange(value) {
this.updateUISettings({ notification_tone: value });
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
},
},
};
app/javascript/dashboard/routes/dashboard/settings/profile/ChangePassword.vue
+3 -4
View File
@@ -61,14 +61,13 @@
<script>
import { required, minLength } from 'vuelidate/lib/validators';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { parseAPIErrorResponse } from 'dashboard/store/utils/api';
import FormButton from 'v3/components/Form/Button.vue';
export default {
components: {
FormButton,
},
mixins: [alertMixin],
data() {
return {
currentPassword: '',
@@ -114,7 +113,7 @@ export default {
async changePassword() {
this.$v.$touch();
if (this.$v.$invalid) {
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.ERROR'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.ERROR'));
return;
}
let alertMessage = this.$t('PROFILE_SETTINGS.PASSWORD_UPDATE_SUCCESS');
@@ -129,7 +128,7 @@ export default {
parseAPIErrorResponse(error) ||
this.$t('RESET_PASSWORD.API.ERROR_MESSAGE');
} finally {
this.showAlert(alertMessage);
useAlert(alertMessage);
}
},
},
app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue
+7 -9
View File
@@ -85,7 +85,7 @@ import globalConfigMixin from 'shared/mixins/globalConfigMixin';
import uiSettingsMixin, {
isEditorHotKeyEnabled,
} from 'dashboard/mixins/uiSettings';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import { mapGetters } from 'vuex';
import { clearCookiesOnLogout } from 'dashboard/store/utils/api.js';
import { copyTextToClipboard } from 'shared/helpers/clipboard';
@@ -112,7 +112,7 @@ export default {
AudioNotifications,
AccessToken,
},
mixins: [alertMixin, globalConfigMixin, uiSettingsMixin],
mixins: [globalConfigMixin, uiSettingsMixin],
data() {
return {
avatarFile: '',
@@ -183,7 +183,7 @@ export default {
return false; // return the value so that the status can be known
} finally {
this.showAlert(alertMessage);
useAlert(alertMessage);
}
},
async updateProfile(userAttributes) {
@@ -230,9 +230,9 @@ export default {
await this.$store.dispatch('deleteAvatar');
this.avatarUrl = '';
this.avatarFile = '';
this.showAlert(this.$t('PROFILE_SETTINGS.AVATAR_DELETE_SUCCESS'));
useAlert(this.$t('PROFILE_SETTINGS.AVATAR_DELETE_SUCCESS'));
} catch (error) {
this.showAlert(this.$t('PROFILE_SETTINGS.AVATAR_DELETE_FAILED'));
useAlert(this.$t('PROFILE_SETTINGS.AVATAR_DELETE_FAILED'));
}
},
toggleHotKey(key) {
@@ -240,13 +240,11 @@ export default {
hotKey.key === key ? { ...hotKey, active: !hotKey.active } : hotKey
);
this.updateUISettings({ editor_message_key: key });
this.showAlert(
this.$t('PROFILE_SETTINGS.FORM.SEND_MESSAGE.UPDATE_SUCCESS')
);
useAlert(this.$t('PROFILE_SETTINGS.FORM.SEND_MESSAGE.UPDATE_SUCCESS'));
},
async onCopyToken(value) {
await copyTextToClipboard(value);
this.showAlert(this.$t('COMPONENTS.CODE.COPY_SUCCESSFUL'));
useAlert(this.$t('COMPONENTS.CODE.COPY_SUCCESSFUL'));
},
},
};
app/javascript/dashboard/routes/dashboard/settings/profile/NotificationPreferences.vue
+7 -7
View File
@@ -132,7 +132,7 @@
<script>
import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import { useAlert } from 'dashboard/composables';
import configMixin from 'shared/mixins/configMixin';
import uiSettingsMixin from 'dashboard/mixins/uiSettings';
import TableHeaderCell from 'dashboard/components/widgets/TableHeaderCell.vue';
@@ -152,7 +152,7 @@ export default {
FormSwitch,
CheckBox,
},
mixins: [alertMixin, configMixin, uiSettingsMixin],
mixins: [configMixin, uiSettingsMixin],
data() {
return {
selectedEmailFlags: [],
@@ -237,9 +237,9 @@ export default {
selectedEmailFlags: this.selectedEmailFlags,
selectedPushFlags: this.selectedPushFlags,
});
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
} catch (error) {
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_ERROR'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_ERROR'));
}
},
@@ -248,7 +248,7 @@ export default {
this.updateUISettings({
enable_audio_alerts: this.enableAudioAlerts,
});
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
},
handleAudioAlertConditions(e) {
let condition = e.target.value;
@@ -261,11 +261,11 @@ export default {
alert_if_unread_assigned_conversation_exist: e.target.checked,
});
}
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
},
handleAudioToneChange(value) {
this.updateUISettings({ notification_tone: value });
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.API.UPDATE_SUCCESS'));
},
handleInput(type, id) {
if (type === 'email') {
app/javascript/dashboard/routes/dashboard/settings/profile/UserBasicDetails.vue
+2 -3
View File
@@ -47,14 +47,13 @@
</form>
</template>
<script>
import { useAlert } from 'dashboard/composables';
import FormButton from 'v3/components/Form/Button.vue';
import { required, minLength, email } from 'vuelidate/lib/validators';
import alertMixin from 'shared/mixins/alertMixin';
export default {
components: {
FormButton,
},
mixins: [alertMixin],
props: {
name: {
type: String,
@@ -121,7 +120,7 @@ export default {
async updateUser() {
this.$v.$touch();
if (this.$v.$invalid) {
this.showAlert(this.$t('PROFILE_SETTINGS.FORM.ERROR'));
useAlert(this.$t('PROFILE_SETTINGS.FORM.ERROR'));
return;
}
this.$emit('update-user', {
app/javascript/dashboard/routes/dashboard/settings/reports/BotReports.vue
+4 -3
View File
@@ -1,5 +1,5 @@
<template>
<div class="flex-1 overflow-auto p-4">
<div class="flex-1 p-4 overflow-auto">
<report-filter-selector
:show-agents-filter="false"
:show-group-by-filter="true"
@@ -17,6 +17,7 @@
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import BotMetrics from './components/BotMetrics.vue';
import ReportFilterSelector from './components/FilterSelector.vue';
import { GROUP_BY_FILTER } from './constants';
@@ -64,7 +65,7 @@ export default {
try {
this.$store.dispatch('fetchBotSummary', this.getRequestPayload());
} catch {
this.showAlert(this.$t('REPORT.SUMMARY_FETCHING_FAILED'));
useAlert(this.$t('REPORT.SUMMARY_FETCHING_FAILED'));
}
},
fetchChartData() {
@@ -75,7 +76,7 @@ export default {
...this.getRequestPayload(),
});
} catch {
this.showAlert(this.$t('REPORT.DATA_FETCHING_FAILED'));
useAlert(this.$t('REPORT.DATA_FETCHING_FAILED'));
}
});
},
app/javascript/dashboard/routes/dashboard/settings/reports/CsatResponses.vue
+5 -6
View File
@@ -1,5 +1,5 @@
<template>
<div class="flex-1 overflow-auto p-4">
<div class="flex-1 p-4 overflow-auto">
<report-filter-selector
:show-agents-filter="true"
:show-inbox-filter="true"
@@ -21,14 +21,14 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { useAlert } from 'dashboard/composables';
import CsatMetrics from './components/CsatMetrics.vue';
import CsatTable from './components/CsatTable.vue';
import ReportFilterSelector from './components/FilterSelector.vue';
import { generateFileName } from '../../../../helper/downloadHelper';
import { REPORTS_EVENTS } from '../../../../helper/AnalyticsHelper/events';
import { mapGetters } from 'vuex';
import { FEATURE_FLAGS } from '../../../../featureFlags';
import alertMixin from '../../../../../shared/mixins/alertMixin';
export default {
name: 'CsatResponses',
@@ -37,7 +37,6 @@ export default {
CsatTable,
ReportFilterSelector,
},
mixins: [alertMixin],
data() {
return {
pageIndex: 1,
@@ -77,7 +76,7 @@ export default {
this.$store.dispatch('csat/getMetrics', this.requestPayload);
this.getResponses();
} catch {
this.showAlert(this.$t('REPORT.DATA_FETCHING_FAILED'));
useAlert(this.$t('REPORT.DATA_FETCHING_FAILED'));
}
},
getResponses() {
@@ -94,7 +93,7 @@ export default {
...this.requestPayload,
});
} catch (error) {
this.showAlert(this.$t('REPORT.CSAT_REPORTS.DOWNLOAD_FAILED'));
useAlert(this.$t('REPORT.CSAT_REPORTS.DOWNLOAD_FAILED'));
}
},
onPageNumberChange(pageIndex) {

Some files were not shown because too many files have changed in this diff Show More