fix: warn user when no contact

Author: luckspt

frontend/src/components/BulkEmailDialogTrigger.vue

@@ -71,6 +71,14 @@
 
             <!-- Step 1: Configuration -->
             <div v-if="currentStep === 1" class="mt-6 space-y-6">
+              <div v-if="showNoMemberContactWarning" class="bg-red-50 rounded-lg p-4 max-h-40 overflow-y-auto">
+                <h1 class="text-xl font-semibold">⚠️ Important</h1>
+                <p class="mt-2 text-sm">
+                  You must <RouterLink :to="{ name: 'settings' }" class="font-medium text-blue-600 hover:underline" @click="handleCancel"> set your contact email and phone number</RouterLink>.
+                  Not doing so will fail later. You have been warned.
+                </p>
+              </div>
+
               <div>
                 <label
                   class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
@@ -439,6 +447,7 @@ import {
   useBulkSpeakerEmails,
   type BulkEmailResult,
 } from "@/composables/useBulkEmails";
+import { useAuthStore } from "@/stores/auth";
 
 interface Props {
   size?: "sm" | "default" | "lg" | "icon";
@@ -459,6 +468,17 @@ const emit = defineEmits<{
   success: [template: EmailTemplateCategory, result: BulkEmailResult];
 }>();
 
+const authStore = useAuthStore();
+const showNoMemberContactWarning = computed(() => {
+  const { member } = authStore;
+
+  if (!member?.contactObject) return true;
+
+  const hasMail = member?.contactObject?.mails?.length > 0 && member.contactObject.mails[0].mail.trim() !== "";
+  const hasPhone = member?.contactObject?.phones?.length > 0 && member.contactObject.phones[0].phone.trim() !== "";
+  return !hasMail || !hasPhone;
+});
+
 // Use the appropriate composable based on entity type
 const bulkEmailComposable =
   props.entityType === "companies"

frontend/src/views/Dashboard/SettingsView.vue

@@ -290,6 +290,7 @@ import Button from "@/components/ui/button/Button.vue";
 import Badge from "@/components/ui/badge/Badge.vue";
 import Label from "@/components/ui/label/Label.vue";
 import ContactForm from "@/components/companies/ContactForm.vue";
+import { useAuthStore } from "@/stores/auth";
 
 const isEditMode = ref(false);
 const queryCache = useQueryCache();
@@ -316,6 +317,7 @@ const { mutate: updateContactMutation, isLoading: isSaving } = useMutation({
   },
 });
 
+const authStore = useAuthStore();
 const handleUpdateContact = async (data: any) => {
   if (!user.value?.data.contactObject?.id) return;
 
@@ -332,6 +334,14 @@ const handleUpdateContact = async (data: any) => {
     id: user.value.data.contactObject.id,
     data: contactData,
   });
+
+  // Assert
+  if (!authStore.member) return;
+
+  authStore.member.contactObject = {
+    ...authStore.member?.contactObject,
+    ...contactData,
+  };
 };
 
 const handleImageError = (event: Event) => {