feat: Inbox empty state warning

app/javascript/dashboard/components-next/NewConversation/components/ActionButtons.vue

@@ -39,6 +39,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  hasNoInbox: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const emit = defineEmits([
@@ -127,7 +131,7 @@ const { onFileUpload } = useFileUpload({
         @send-message="emit('sendWhatsappMessage', $event)"
       />
       <div
-        v-if="!isWhatsappInbox"
+        v-if="!isWhatsappInbox && !hasNoInbox"
         v-on-clickaway="() => (isEmojiPickerOpen = false)"
         class="relative"
       >

app/javascript/dashboard/components-next/NewConversation/components/InboxEmptyState.vue

@@ -0,0 +1,9 @@
+<template>
+  <div
+    class="flex items-center w-full px-4 py-3 dark:bg-n-amber-11/15 bg-n-amber-3"
+  >
+    <span class="text-sm dark:text-n-amber-11 text-n-amber-11">
+      {{ $t('COMPOSE_NEW_CONVERSATION.FORM.NO_INBOX_ALERT') }}
+    </span>
+  </div>
+</template>