@dev.smartpricing/message-composer-layer 4.2.3-validations.0 → 4.2.4

package/app/components/Email/SendTestEmailModal.vue

@@ -91,8 +91,11 @@ const defaultSenderEmail = computed(
   () => composerContext.organizationData?.value?.senderEmail ?? '',
 )
 
+const accommodationName = computed(() => composerContext.accommodationName?.value ?? '')
+
 const state = ref<Schema>({
   to: '',
+  sender_name: accommodationName.value,
   from: '',
 })
 
@@ -120,6 +123,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'),
   }),
@@ -133,10 +137,12 @@ const resolvedBrandId = computed(
 
 function onSubmit() {
   if (!resolvedMessage.value) return
+  const sender_name = state.value.sender_name?.trim()
   sendTest({
     message: resolvedMessage.value,
     to: state.value.to,
     brand_id: resolvedBrandId.value,
+    ...(sender_name ? { sender_name } : {}),
     from: state.value.from || undefined,
   })
 }
@@ -144,6 +150,11 @@ function onSubmit() {
 const open = defineModel<boolean>('open', { default: false })
 const formRef = ref()
 
+// Reset sender name to the accommodation default each time the modal opens
+watch(open, (isOpen) => {
+  if (isOpen) state.value.sender_name = accommodationName.value
+})
+
 watch(status, (newStatus) => {
   if (newStatus === 'success') {
     const recipients = state.value.to
@@ -201,6 +212,18 @@ watch(status, (newStatus) => {
             :placeholder="$t('pages.email.test_email_from_placeholder')"
           />
         </UFormField>
+        <UFormField
+          name="sender_name"
+          :label="$t('pages.email.sender_name_label')"
+          class="mt-4"
+          :data-testid="sendTestEmailModalTestIds.senderNameFormField"
+        >
+          <UInput
+            v-model="state.sender_name"
+            :placeholder="$t('pages.email.sender_name_placeholder')"
+            :data-testid="sendTestEmailModalTestIds.senderNameInput"
+          />
+        </UFormField>
       </UForm>
     </template>
 

package/app/composables/composerContext.ts

@@ -18,6 +18,7 @@ export interface ComposerContext {
   default_tags?: Ref<string[]>
   metaWabaId?: Ref<string>
   metaAccessToken?: Ref<string>
+  accommodationName?: Ref<string>
   isAdmin?: Ref<boolean>
   organizationData?: Ref<OrganizationData>
 }

package/app/utils/testIds.const.ts

@@ -330,6 +330,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',
+  senderNameFormField: 'send-test-email-modal-sender-name-form-field',
+  senderNameInput: 'send-test-email-modal-sender-name-input',
   cancelButton: 'send-test-email-modal-cancel-button',
   sendButton: 'send-test-email-modal-send-button',
 } as const

package/i18n/locales/de.ts

@@ -241,6 +241,8 @@ Diese Nachrichten müssen funktional sein, nicht werblich.
       send_test_success: 'Test-E-Mail erfolgreich gesendet.',
       test_email_to: 'An',
       test_email_to_placeholder: 'Empfänger-E-Mail(s), getrennt durch ;',
+      sender_name_label: 'Absendername',
+      sender_name_placeholder: 'Absendername',
       test_email_from: 'Von',
       test_email_from_placeholder: 'Absender-E-Mail-Adresse',
       create_message_group: {

package/i18n/locales/en.ts

@@ -238,6 +238,8 @@ These messages must be functional, not promotional.
       send_test_success: 'Test email sent successfully.',
       test_email_to: 'To',
       test_email_to_placeholder: 'Recipient email(s), separated by ;',
+      sender_name_label: 'Sender name',
+      sender_name_placeholder: 'Sender name',
       test_email_from: 'From',
       test_email_from_placeholder: 'Sender email address',
       create_message_group: {

package/i18n/locales/es.ts

@@ -238,6 +238,8 @@ Estos mensajes deben ser funcionales, no promocionales.
       send_test_success: 'Correo de prueba enviado correctamente.',
       test_email_to: 'Para',
       test_email_to_placeholder: 'Correo(s) del destinatario, separados por ;',
+      sender_name_label: 'Nombre del remitente',
+      sender_name_placeholder: 'Nombre del remitente',
       test_email_from: 'De',
       test_email_from_placeholder: 'Dirección de email del remitente',
       create_message_group: {

package/i18n/locales/fr.ts

@@ -238,6 +238,8 @@ Ces messages doivent être fonctionnels, et non promotionnels.
       send_test_success: 'E-mail de test envoyé avec succès.',
       test_email_to: 'À',
       test_email_to_placeholder: 'E-mail(s) du/des destinataire(s), séparé(s) par ;',
+      sender_name_label: 'Nom de l\'expéditeur',
+      sender_name_placeholder: 'Nom de l\'expéditeur',
       test_email_from: 'De',
       test_email_from_placeholder: "Adresse e-mail de l'expéditeur",
       create_message_group: {

package/i18n/locales/it.ts

@@ -238,6 +238,8 @@ Questi messaggi devono essere funzionali, non promozionali.
       send_test_success: 'Email di test inviata con successo.',
       test_email_to: 'A',
       test_email_to_placeholder: 'Email destinatario/i, separate da ;',
+      sender_name_label: 'Nome mittente',
+      sender_name_placeholder: 'Nome mittente',
       test_email_from: 'Da',
       test_email_from_placeholder: 'Indirizzo email mittente',
       create_message_group: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "4.2.3-validations.0",
+  "version": "4.2.4",
   "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.3-validations.0"
+    "@dev.smartpricing/message-composer-utils": "4.2.4"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.15.2",