{{ $t('CONVERSATION.FOOTER.MESSAGE_SIGNATURE_NOT_CONFIGURED') }}
diff --git a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
index 463493775..75684bb54 100644
--- a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
@@ -4,15 +4,14 @@ import { ref, provide } from 'vue';
import { useConfig } from 'dashboard/composables/useConfig';
import { useKeyboardEvents } from 'dashboard/composables/useKeyboardEvents';
import { useAI } from 'dashboard/composables/useAI';
-import { useMapGetter } from 'dashboard/composables/store';
import { useAdmin } from 'dashboard/composables/useAdmin';
// components
import ReplyBox from './ReplyBox.vue';
-import Message from './Message.vue';
-import NextMessageList from 'next/message/MessageList.vue';
+import MessageList from 'next/message/MessageList.vue';
import ConversationLabelSuggestion from './conversation/LabelSuggestion.vue';
import Banner from 'dashboard/components/ui/Banner.vue';
+import Spinner from 'dashboard/components-next/spinner/Spinner.vue';
// stores and apis
import { mapGetters } from 'vuex';
@@ -36,17 +35,16 @@ import { BUS_EVENTS } from 'shared/constants/busEvents';
import { REPLY_POLICY } from 'shared/constants/links';
import wootConstants from 'dashboard/constants/globals';
import { LOCAL_STORAGE_KEYS } from 'dashboard/constants/localStorage';
-import { FEATURE_FLAGS } from '../../../featureFlags';
import { INBOX_TYPES } from 'dashboard/helper/inbox';
import WhatsappBaileysLinkDeviceModal from '../../../routes/dashboard/settings/inbox/components/WhatsappBaileysLinkDeviceModal.vue';
export default {
components: {
- Message,
- NextMessageList,
+ MessageList,
ReplyBox,
Banner,
ConversationLabelSuggestion,
+ Spinner,
WhatsappBaileysLinkDeviceModal,
},
mixins: [inboxMixin],
@@ -56,17 +54,11 @@ export default {
const conversationPanelRef = ref(null);
const { isEnterprise } = useConfig();
- const closePopOutReplyBox = () => {
- isPopOutReplyBox.value = false;
- };
-
- const showPopOutReplyBox = () => {
- isPopOutReplyBox.value = !isPopOutReplyBox.value;
- };
-
const keyboardEvents = {
Escape: {
- action: closePopOutReplyBox,
+ action: () => {
+ isPopOutReplyBox.value = false;
+ },
},
};
@@ -79,28 +71,15 @@ export default {
fetchLabelSuggestions,
} = useAI();
- const currentAccountId = useMapGetter('getCurrentAccountId');
- const isFeatureEnabledonAccount = useMapGetter(
- 'accounts/isFeatureEnabledonAccount'
- );
-
- const showNextBubbles = isFeatureEnabledonAccount.value(
- currentAccountId.value,
- FEATURE_FLAGS.CHATWOOT_V4
- );
-
provide('contextMenuElementTarget', conversationPanelRef);
return {
isEnterprise,
isPopOutReplyBox,
- closePopOutReplyBox,
- showPopOutReplyBox,
isAIIntegrationEnabled,
isLabelSuggestionFeatureEnabled,
fetchIntegrationsIfRequired,
fetchLabelSuggestions,
- showNextBubbles,
conversationPanelRef,
isAdmin,
};
@@ -189,20 +168,6 @@ export default {
(!this.listLoadingStatus && this.isLoadingPrevious)
);
},
- conversationType() {
- const { additional_attributes: additionalAttributes } = this.currentChat;
- const type = additionalAttributes ? additionalAttributes.type : '';
- return type || '';
- },
-
- isATweet() {
- return this.conversationType === 'tweet';
- },
- getLastSeenAt() {
- const { contact_last_seen_at: contactLastSeenAt } = this.currentChat;
- return contactLastSeenAt;
- },
-
// Check there is a instagram inbox exists with the same instagram_id
hasDuplicateInstagramInbox() {
const instagramId = this.inbox.instagram_id;
@@ -278,9 +243,6 @@ export default {
: 'CONVERSATION.UNREAD_MESSAGE';
return `${count} ${this.$t(label)}`;
},
- isInstagramDM() {
- return this.conversationType === 'instagram_direct_message';
- },
inboxSupportsReplyTo() {
const incoming = this.inboxHasFeature(INBOX_FEATURES.REPLY_TO);
const outgoing =
@@ -555,10 +517,9 @@ export default {
class="mx-2 mt-2 overflow-hidden rounded-lg"
:banner-message="$t('CONVERSATION.OLD_INSTAGRAM_INBOX_REPLY_BANNER')"
/>
-
-
-
+
+
-
-
+
+
{{ unreadMessageLabel }}
@@ -588,65 +556,12 @@ export default {
:conversation-id="currentChat.id"
/>
-
-
-
-
- -
-
-
-
-
- -
-
- {{ unreadMessageCount > 9 ? '9+' : unreadMessageCount }}
- {{
- unreadMessageCount > 1
- ? $t('CONVERSATION.UNREAD_MESSAGES')
- : $t('CONVERSATION.UNREAD_MESSAGE')
- }}
-
-
-
-
-
+
@@ -674,7 +589,7 @@ export default {
diff --git a/app/javascript/dashboard/components/widgets/conversation/ShopifyOrderItem.vue b/app/javascript/dashboard/components/widgets/conversation/ShopifyOrderItem.vue
index ed15ff47d..d47b4c7b7 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ShopifyOrderItem.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ShopifyOrderItem.vue
@@ -27,7 +27,7 @@ const getStatusClass = status => {
const classes = {
paid: 'bg-n-teal-5 text-n-teal-12',
};
- return classes[status] || 'bg-slate-50 text-slate-700';
+ return classes[status] || 'bg-n-solid-3 text-n-slate-12';
};
const getStatusI18nKey = (type, status = '') => {
@@ -52,11 +52,11 @@ const financialStatus = computed(() => {
const getFulfillmentClass = status => {
const classes = {
- fulfilled: 'text-green-600',
- partial: 'text-yellow-600',
- unfulfilled: 'text-red-600',
+ fulfilled: 'text-n-teal-9',
+ partial: 'text-n-amber-9',
+ unfulfilled: 'text-n-ruby-9',
};
- return classes[status] || 'text-slate-600';
+ return classes[status] || 'text-n-slate-11';
};
diff --git a/app/javascript/dashboard/components/widgets/conversation/TagAgents.vue b/app/javascript/dashboard/components/widgets/conversation/TagAgents.vue
index 2e055cae6..b3faa57f8 100644
--- a/app/javascript/dashboard/components/widgets/conversation/TagAgents.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/TagAgents.vue
@@ -1,8 +1,9 @@
-
-
-
-
- {{ readableTime }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Contact.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Contact.vue
deleted file mode 100644
index 313a5943d..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Contact.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/File.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/File.vue
deleted file mode 100644
index 7e7fb4e3c..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/File.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Image.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Image.vue
deleted file mode 100644
index 1b2fd4201..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Image.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
-
-
![]()
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/ImageAudioVideo.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/ImageAudioVideo.vue
deleted file mode 100644
index de5e3a3cd..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/ImageAudioVideo.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-
-
-
-
-
![]()
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStory.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStory.vue
deleted file mode 100644
index 0ddcfb853..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStory.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryErrorPlaceHolder.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryErrorPlaceHolder.vue
deleted file mode 100644
index 07781df88..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryErrorPlaceHolder.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
-
- {{ $t('COMPONENTS.FILE_BUBBLE.INSTAGRAM_STORY_UNAVAILABLE') }}
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryReply.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryReply.vue
deleted file mode 100644
index a42f694fd..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryReply.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
- {{ $t('CONVERSATION.REPLIED_TO_STORY') }}
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Integration.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Integration.vue
deleted file mode 100644
index fd8fb9212..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Integration.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Location.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Location.vue
deleted file mode 100644
index e72233b88..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Location.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue
deleted file mode 100644
index 9e0b8ef0d..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-
-
-
-
-
-
- {{ $t('EMAIL_HEADER.FROM') }}:
- {{ fromMail }}
-
-
- {{ $t('EMAIL_HEADER.TO') }}:
- {{ toMails }}
-
-
- {{ $t('EMAIL_HEADER.CC') }}:
- {{ ccMails }}
-
-
- {{ $t('EMAIL_HEADER.BCC') }}:
- {{ bccMails }}
-
-
-
- {{ $t('EMAIL_HEADER.SUBJECT') }}:
-
- {{ subject }}
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue
deleted file mode 100644
index e11f1a17e..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
deleted file mode 100644
index 6500cbc35..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Video.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Video.vue
deleted file mode 100644
index cdfe90f5a..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Video.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue
deleted file mode 100644
index 0b41d00f0..000000000
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
-
-
-
-
-
diff --git a/app/javascript/dashboard/components/widgets/conversation/contextMenu/agentLoadingPlaceholder.vue b/app/javascript/dashboard/components/widgets/conversation/contextMenu/agentLoadingPlaceholder.vue
index f62117f96..e21ae1438 100644
--- a/app/javascript/dashboard/components/widgets/conversation/contextMenu/agentLoadingPlaceholder.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/contextMenu/agentLoadingPlaceholder.vue
@@ -21,11 +21,11 @@ export default {
align-items: center;
flex-direction: column;
justify-content: center;
- padding: var(--space-normal) 0;
- min-width: calc(var(--space-mega) * 2);
+ padding: 1rem 0;
+ min-width: calc(6.25rem * 2);
p {
- margin: var(--space-small) 0 0 0;
+ margin: 0.5rem 0 0 0;
}
}
diff --git a/app/javascript/dashboard/components/widgets/conversation/contextMenu/menuItem.vue b/app/javascript/dashboard/components/widgets/conversation/contextMenu/menuItem.vue
index 2b58e9389..4c24d9405 100644
--- a/app/javascript/dashboard/components/widgets/conversation/contextMenu/menuItem.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/contextMenu/menuItem.vue
@@ -18,10 +18,7 @@ export default {
-