@dev.smartpricing/message-composer-layer 4.2.11 → 4.2.12

package/app/components/Email/SendTestEmailModal.vue

@@ -87,9 +87,7 @@ const emailEditorStore = useEmailEditorStore()
 const composerContext = useComposerContext()
 const { mutate: sendTest, isLoading: isSending, status } = useSendTestEmailMutation()
 
-const defaultSenderEmail = computed(
-  () => composerContext.organizationData?.value?.senderEmail ?? '',
-)
+const senderEmails = computed(() => composerContext.organizationData?.value?.senderEmails ?? [])
 
 const accommodationName = computed(
   () => composerContext.organizationData?.value?.accommodationName ?? '',
@@ -102,10 +100,11 @@ const state = ref<Schema>({
 })
 
 watch(
-  defaultSenderEmail,
-  (email) => {
-    if (!state.value.from) {
-      state.value.from = email
+  senderEmails,
+  (emails) => {
+    const [firstEmail] = emails
+    if (!state.value.from && firstEmail) {
+      state.value.from = firstEmail
     }
   },
   { immediate: true },
@@ -136,9 +135,7 @@ const schema = z.object({
       { message: t('editor.validation.error.emailInvalid') },
     ),
   sender_name: z.string().optional(),
-  from: z.string().refine((value) => !value || isEmail(value), {
-    message: t('editor.validation.error.emailInvalid'),
-  }),
+  from: z.string().min(1, t('editor.validation.error.emailRequired')),
 })
 
 type Schema = z.output<typeof schema>
@@ -217,11 +214,16 @@ watch(status, (newStatus) => {
             :data-testid="sendTestEmailModalTestIds.toInput"
           />
         </UFormField>
-        <UFormField name="from" :label="$t('pages.email.test_email_from')">
-          <UInput
+        <UFormField
+          name="from"
+          :label="$t('pages.email.test_email_from')"
+          :data-testid="sendTestEmailModalTestIds.fromFormField"
+        >
+          <USelectMenu
             v-model="state.from"
-            type="email"
+            :items="senderEmails"
             :placeholder="$t('pages.email.test_email_from_placeholder')"
+            :data-testid="sendTestEmailModalTestIds.fromSelect"
           />
         </UFormField>
         <UFormField

package/app/composables/composerContext.ts

@@ -2,7 +2,8 @@ import type { InjectionKey, Ref } from 'vue'
 import type { AppContextConfig } from '@dev.smartpricing/message-composer-utils/types'
 
 export interface OrganizationData {
-  senderEmail: string
+  /** Verified sender addresses available for the test-email "from" field, default first. */
+  senderEmails: string[]
   /** Tenant accommodation/property name — defaults the test-email sender name */
   accommodationName?: string
 }

package/app/utils/testIds.const.ts

@@ -331,6 +331,8 @@ export const sendTestEmailModalTestIds = {
   triggerButton: 'send-test-email-modal-trigger-button',
   toFormField: 'send-test-email-modal-to-form-field',
   toInput: 'send-test-email-modal-to-input',
+  fromFormField: 'send-test-email-modal-from-form-field',
+  fromSelect: 'send-test-email-modal-from-select',
   senderNameFormField: 'send-test-email-modal-sender-name-form-field',
   senderNameInput: 'send-test-email-modal-sender-name-input',
   cancelButton: 'send-test-email-modal-cancel-button',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "4.2.11",
+  "version": "4.2.12",
   "private": false,
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -36,7 +36,7 @@
     "vue-router": "^5.0.7",
     "vue3-emoji-picker": "^1.1.8",
     "zod": "^4.4.3",
-    "@dev.smartpricing/message-composer-utils": "4.2.11"
+    "@dev.smartpricing/message-composer-utils": "4.2.12"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.15.2",