@dev.smartpricing/message-composer-layer 4.3.2-fix.1 → 4.4.1-next.0

package/app/types/tracking.ts

@@ -1,5 +1,10 @@
+import type { MessageGroupProduct } from '@dev.smartpricing/message-composer-utils/types'
+
 export type MessagesKind = 'email' | 'whatsapp'
 
+/** The step an operator was on when leaving the Message Send Flow. */
+export type MessageSendFlowStep = 'message' | 'parameters'
+
 export interface MessageActionProperties {
   message_name: string
   languages: string[]
@@ -83,6 +88,8 @@ export interface TrackingEventMap {
     search_term: string
     category: string
     status: string
+    /** The Product filter; `all` when not narrowed. */
+    product: MessageGroupProduct | 'all'
     messages_kind: MessagesKind
   }
   change_tab: { messages_kind: MessagesKind }
@@ -160,4 +167,14 @@ export interface TrackingEventMap {
     to_recipients: number
     language: string
   }
+
+  // === Message Send Flow (spec #67) ===
+  'send_flow.confirm': {
+    message_name: string
+    message_category: string
+    language: string
+    parameters_count: number
+  }
+  'send_flow.cancel': { step: MessageSendFlowStep }
+  'send_flow.error': { code: string }
 }

package/app/utils/testIds.const.ts

@@ -513,11 +513,16 @@ export const templateListTableTestIds = {
   searchInput: 'template-list-table-search-input',
   categorySelect: 'template-list-table-category-select',
   statusSelect: 'template-list-table-status-select',
+  productSelect: 'template-list-table-product-select',
+  visibilitySelect: 'template-list-table-visibility-select',
+  pagination: 'template-list-table-pagination',
+  paginationSummary: 'template-list-table-pagination-summary',
   card: 'template-list-table-card',
   table: 'template-list-table-table',
   rowName: 'template-list-table-row-name',
   rowInternalBadge: 'template-list-table-row-internal-badge',
   rowCategoryBadge: 'template-list-table-row-category-badge',
+  rowProductBadge: 'template-list-table-row-product-badge',
   rowPreview: 'template-list-table-row-preview',
   rowActions: 'template-list-table-row-actions',
   rowEditAction: 'template-list-table-row-edit',
@@ -751,7 +756,31 @@ export const previewByIdTestIds = {
 
 export const messageGroupSelectTestIds = {
   root: 'message-group-select-root',
+  loadMore: 'message-group-select-load-more',
 } as const
 
 /** @deprecated Use `messageGroupSelectTestIds` instead */
 export const templateSelectTestIds = messageGroupSelectTestIds
+
+export const messageSendFlowTestIds = {
+  root: 'message-send-flow-root',
+  stepper: 'message-send-flow-stepper',
+  alert: 'message-send-flow-alert',
+  picker: 'message-send-flow-picker',
+  languageGroup: 'message-send-flow-language-group',
+  parametersForm: 'message-send-flow-parameters-form',
+  /** One per visible key; the key is on `data-parameter`. */
+  parameterInput: 'message-send-flow-parameter-input',
+  noParameters: 'message-send-flow-no-parameters',
+  /** Right panel, present on every step, holding the channel preview. */
+  previewPanel: 'message-send-flow-preview-panel',
+  preview: 'message-send-flow-preview',
+  /** The compiled email of the Preview step (`render_type` email_v1). */
+  emailPreview: 'message-send-flow-email-preview',
+  /** The Cancel/Back/Next/Confirm bar, inline or teleported to `actionsTo`. */
+  actions: 'message-send-flow-actions',
+  back: 'message-send-flow-back',
+  next: 'message-send-flow-next',
+  cancel: 'message-send-flow-cancel',
+  confirm: 'message-send-flow-confirm',
+} as const

package/i18n/locales/de.ts

@@ -18,6 +18,7 @@ export default {
     all: 'Alle',
     copy: 'Kopieren',
     copy_of: 'Kopie von {name}',
+    context_error_title: 'Konfigurationsfehler des Composers',
     desktop: 'Desktop',
     error: 'Fehler',
     errore: 'Fehler',
@@ -57,7 +58,10 @@ export default {
     messageGroupSelect: {
       inactive_tooltip:
         'Diese Nachrichtengruppe enthält nicht genehmigte oder fehlende Nachrichten',
+      not_sendable_tooltip: 'Diese Nachrichtengruppe enthält keine genehmigten Nachrichten',
       hide_inactive: 'Inaktive ausblenden',
+      hide_not_sendable: 'Nicht sendbare ausblenden',
+      load_more: 'Mehr laden',
     },
     view_less: 'Weniger anzeigen',
     view_more: 'Mehr anzeigen',
@@ -783,20 +787,28 @@ export default {
     },
     message_library: {
       add_message_group: 'Neue Nachricht',
+      all_products: 'Alle Produkte',
       category_placeholder: 'Kategorie auswählen',
       headers: {
         category: 'Kategorie',
         name: 'Name',
         preview: 'Vorschau',
+        product: 'Produkt',
         status: 'Status',
-        tags: 'Tags',
         updated_at: 'Aktualisiert am',
       },
+      pagination_summary: '{from}–{to} von {total}',
+      product_placeholder: 'Produkt auswählen',
       render_type_placeholder: 'Render-Typ auswählen',
       search_placeholder: 'Suchen',
       status_placeholder: 'Status auswählen',
-      tags_placeholder: 'Nach Tags filtern',
       title: 'Nachrichtenbibliothek',
+      visibility: {
+        all: 'Alle',
+        internal: 'Intern',
+        public: 'Öffentlich',
+      },
+      visibility_placeholder: 'Sichtbarkeit auswählen',
     },
     whatsapp: {
       create_message_group: {
@@ -829,6 +841,12 @@ export default {
       },
     },
   },
+  products: {
+    chat: 'Smartchat',
+    connect: 'Smartconnect',
+    pms: 'Smartpms',
+    pricing: 'Smartpricing',
+  },
   public: {
     select_message: {
       choose_language: 'Sprache auswählen...',
@@ -838,6 +856,42 @@ export default {
       send_message: 'Nachricht senden',
     },
   },
+  send_flow: {
+    actions: {
+      back: 'Zurück',
+      cancel: 'Abbrechen',
+      confirm: 'Bestätigen',
+      next: 'Weiter',
+    },
+    errors: {
+      COMPILE_FAILED:
+        'Die Nachricht konnte nicht vorbereitet werden. Bitte versuchen Sie es erneut.',
+      MISSING_PARAMETERS: 'Füllen Sie alle Parameter aus, bevor Sie bestätigen.',
+      NOT_SENDABLE:
+        '„{name}“ hat keine genehmigte Nachricht und kann nicht gesendet werden. Wählen Sie eine andere Nachrichtengruppe.',
+      TEMPLATE_NOT_APPROVED:
+        'Diese Nachricht wurde von Meta nicht genehmigt und kann nicht gesendet werden.',
+      TEMPLATE_NOT_SUBMITTED:
+        'Diese Nachricht wurde nicht bei Meta eingereicht und kann nicht gesendet werden.',
+    },
+    language: {
+      approved: 'Genehmigt',
+      approved_count: 'Genehmigte Sprachen für {name}: {count}',
+      not_sendable: 'Nicht sendbar ({status})',
+    },
+    no_parameters: 'Diese Nachricht hat keine auszufüllenden Parameter.',
+    not_sendable_hint: 'Ausgegraute Nachrichtengruppen haben keine genehmigte Nachricht.',
+    questions: {
+      language: 'In welcher Sprache?',
+      message: 'Welche Nachricht möchten Sie senden?',
+      parameters: 'Parameter ausfüllen',
+      preview: 'Das erhält der Gast',
+    },
+    steps: {
+      message: { description: 'Sendbare Nachrichtengruppe auswählen', title: 'Nachricht' },
+      parameters: { description: 'Felder ausfüllen', title: 'Parameter' },
+    },
+  },
   status: {
     approved: 'Genehmigt',
     draft: 'Entwurf',

package/i18n/locales/en.ts

@@ -18,6 +18,7 @@ export default {
     all: 'All',
     copy: 'Copy',
     copy_of: 'Copy of {name}',
+    context_error_title: 'Composer configuration error',
     desktop: 'Desktop',
     error: 'Error',
     errore: 'Error',
@@ -55,7 +56,10 @@ export default {
     translation_failed: 'Translation failed',
     messageGroupSelect: {
       inactive_tooltip: 'This message group has unapproved or missing messages',
+      not_sendable_tooltip: 'This message group has no approved messages',
       hide_inactive: 'Hide inactive',
+      hide_not_sendable: 'Hide not sendable',
+      load_more: 'Load more',
     },
     view_less: 'View less',
     view_more: 'View more',
@@ -772,20 +776,28 @@ export default {
     },
     message_library: {
       add_message_group: 'New message',
+      all_products: 'All products',
       category_placeholder: 'Select category',
       headers: {
         category: 'Category',
         name: 'Name',
         preview: 'Preview',
+        product: 'Product',
         status: 'Status',
-        tags: 'Tags',
         updated_at: 'Updated at',
       },
+      pagination_summary: '{from}–{to} of {total}',
+      product_placeholder: 'Select product',
       render_type_placeholder: 'Select render type',
       search_placeholder: 'Search',
       status_placeholder: 'Select status',
-      tags_placeholder: 'Filter by tags',
       title: 'Messages',
+      visibility: {
+        all: 'All',
+        internal: 'Internal',
+        public: 'Public',
+      },
+      visibility_placeholder: 'Select visibility',
     },
     whatsapp: {
       create_message_group: {
@@ -818,6 +830,12 @@ export default {
       },
     },
   },
+  products: {
+    chat: 'Smartchat',
+    connect: 'Smartconnect',
+    pms: 'Smartpms',
+    pricing: 'Smartpricing',
+  },
   public: {
     select_message: {
       choose_language: 'Choose a language...',
@@ -827,6 +845,39 @@ export default {
       send_message: 'Send message',
     },
   },
+  send_flow: {
+    actions: {
+      back: 'Back',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      next: 'Next',
+    },
+    errors: {
+      COMPILE_FAILED: 'The message could not be prepared. Please try again.',
+      MISSING_PARAMETERS: 'Fill in every parameter before confirming.',
+      NOT_SENDABLE:
+        '"{name}" has no approved message and cannot be sent. Pick another message group.',
+      TEMPLATE_NOT_APPROVED: 'This message has not been approved by Meta and cannot be sent.',
+      TEMPLATE_NOT_SUBMITTED: 'This message has not been submitted to Meta and cannot be sent.',
+    },
+    language: {
+      approved: 'Approved',
+      approved_count: 'Approved languages for {name}: {count}',
+      not_sendable: 'Not sendable ({status})',
+    },
+    no_parameters: 'This message has no parameters to fill in.',
+    not_sendable_hint: 'Greyed-out message groups have no approved message.',
+    questions: {
+      language: 'In which language?',
+      message: 'Which message do you want to send?',
+      parameters: 'Fill in the parameters',
+      preview: 'This is what the guest will receive',
+    },
+    steps: {
+      message: { description: 'Pick a sendable message group', title: 'Message' },
+      parameters: { description: 'Fill in the blanks', title: 'Parameters' },
+    },
+  },
   status: {
     approved: 'Approved',
     draft: 'Draft',

package/i18n/locales/es.ts

@@ -18,6 +18,7 @@ export default {
     all: 'Todos',
     copy: 'Copiar',
     copy_of: 'Copia de {name}',
+    context_error_title: 'Error de configuración del composer',
     desktop: 'Escritorio',
     error: 'Error',
     errore: 'Error',
@@ -56,7 +57,10 @@ export default {
     translation_failed: 'La traducción ha fallado',
     messageGroupSelect: {
       inactive_tooltip: 'Este grupo de mensajes tiene mensajes no aprobados o faltantes',
+      not_sendable_tooltip: 'Este grupo de mensajes no tiene mensajes aprobados',
       hide_inactive: 'Ocultar inactivos',
+      hide_not_sendable: 'Ocultar no enviables',
+      load_more: 'Cargar más',
     },
     view_less: 'Ver menos',
     view_more: 'Ver más',
@@ -781,20 +785,28 @@ export default {
     },
     message_library: {
       add_message_group: 'Nuevo mensaje',
+      all_products: 'Todos los productos',
       category_placeholder: 'Seleccionar categoría',
       headers: {
         category: 'Categoría',
         name: 'Nombre',
         preview: 'Vista previa',
+        product: 'Producto',
         status: 'Estado',
-        tags: 'Etiquetas',
         updated_at: 'Actualizado el',
       },
+      pagination_summary: '{from}–{to} de {total}',
+      product_placeholder: 'Seleccionar producto',
       render_type_placeholder: 'Seleccionar tipo de renderizado',
       search_placeholder: 'Buscar',
       status_placeholder: 'Seleccionar estado',
-      tags_placeholder: 'Filtrar por etiquetas',
       title: 'Libreria de mensajes',
+      visibility: {
+        all: 'Todas',
+        internal: 'Internas',
+        public: 'Públicas',
+      },
+      visibility_placeholder: 'Seleccionar visibilidad',
     },
     whatsapp: {
       create_message_group: {
@@ -827,6 +839,12 @@ export default {
       },
     },
   },
+  products: {
+    chat: 'Smartchat',
+    connect: 'Smartconnect',
+    pms: 'Smartpms',
+    pricing: 'Smartpricing',
+  },
   public: {
     select_message: {
       choose_language: 'Elige un idioma...',
@@ -836,6 +854,40 @@ export default {
       send_message: 'Enviar mensaje',
     },
   },
+  send_flow: {
+    actions: {
+      back: 'Atrás',
+      cancel: 'Cancelar',
+      confirm: 'Confirmar',
+      next: 'Siguiente',
+    },
+    errors: {
+      COMPILE_FAILED: 'No se ha podido preparar el mensaje. Inténtelo de nuevo.',
+      MISSING_PARAMETERS: 'Rellene todos los parámetros antes de confirmar.',
+      NOT_SENDABLE:
+        '"{name}" no tiene ningún mensaje aprobado y no se puede enviar. Elija otro grupo de mensajes.',
+      TEMPLATE_NOT_APPROVED: 'Meta no ha aprobado este mensaje y no se puede enviar.',
+      TEMPLATE_NOT_SUBMITTED:
+        'Este mensaje no se ha enviado a Meta para su aprobación y no se puede enviar.',
+    },
+    language: {
+      approved: 'Aprobado',
+      approved_count: 'Idiomas aprobados para {name}: {count}',
+      not_sendable: 'No se puede enviar ({status})',
+    },
+    no_parameters: 'Este mensaje no tiene parámetros que rellenar.',
+    not_sendable_hint: 'Los grupos de mensajes en gris no tienen ningún mensaje aprobado.',
+    questions: {
+      language: '¿En qué idioma?',
+      message: '¿Qué mensaje quiere enviar?',
+      parameters: 'Rellenar los parámetros',
+      preview: 'Esto es lo que recibirá el huésped',
+    },
+    steps: {
+      message: { description: 'Elegir un grupo de mensajes que se pueda enviar', title: 'Mensaje' },
+      parameters: { description: 'Rellenar los campos', title: 'Parámetros' },
+    },
+  },
   status: {
     approved: 'Aprobado',
     draft: 'Borrador',

package/i18n/locales/fr.ts

@@ -18,6 +18,7 @@ export default {
     all: 'Tous',
     copy: 'Copier',
     copy_of: 'Copie de {name}',
+    context_error_title: 'Erreur de configuration du composer',
     desktop: 'Bureau',
     error: 'Erreur',
     errore: 'Erreur',
@@ -56,7 +57,10 @@ export default {
     translation_failed: 'Échec de la traduction',
     messageGroupSelect: {
       inactive_tooltip: 'Ce groupe de messages contient des messages non approuvés ou manquants',
+      not_sendable_tooltip: 'Ce groupe de messages ne contient aucun message approuvé',
       hide_inactive: 'Masquer inactifs',
+      hide_not_sendable: 'Masquer non envoyables',
+      load_more: 'Charger plus',
     },
     view_less: 'Afficher moins',
     view_more: 'Afficher plus',
@@ -785,20 +789,28 @@ export default {
     },
     message_library: {
       add_message_group: 'Nouveau message',
+      all_products: 'Tous les produits',
       category_placeholder: 'Sélectionner une catégorie',
       headers: {
         category: 'Catégorie',
         name: 'Nom',
         preview: 'Aperçu',
+        product: 'Produit',
         status: 'Statut',
-        tags: 'Tags',
         updated_at: 'Mis à jour le',
       },
+      pagination_summary: '{from}–{to} sur {total}',
+      product_placeholder: 'Sélectionner un produit',
       render_type_placeholder: 'Sélectionner le type de rendu',
       search_placeholder: 'Rechercher',
       status_placeholder: 'Sélectionner un statut',
-      tags_placeholder: 'Filtrer par tags',
       title: 'Bibliothèque de messages',
+      visibility: {
+        all: 'Toutes',
+        internal: 'Internes',
+        public: 'Publiques',
+      },
+      visibility_placeholder: 'Sélectionner la visibilité',
     },
     whatsapp: {
       create_message_group: {
@@ -831,6 +843,12 @@ export default {
       },
     },
   },
+  products: {
+    chat: 'Smartchat',
+    connect: 'Smartconnect',
+    pms: 'Smartpms',
+    pricing: 'Smartpricing',
+  },
   public: {
     select_message: {
       choose_language: 'Choisir une langue...',
@@ -840,6 +858,39 @@ export default {
       send_message: 'Envoyer le message',
     },
   },
+  send_flow: {
+    actions: {
+      back: 'Retour',
+      cancel: 'Annuler',
+      confirm: 'Confirmer',
+      next: 'Suivant',
+    },
+    errors: {
+      COMPILE_FAILED: 'Le message n’a pas pu être préparé. Veuillez réessayer.',
+      MISSING_PARAMETERS: 'Renseignez tous les paramètres avant de confirmer.',
+      NOT_SENDABLE:
+        '« {name} » n’a aucun message approuvé et ne peut pas être envoyé. Choisissez un autre groupe de messages.',
+      TEMPLATE_NOT_APPROVED: 'Ce message n’a pas été approuvé par Meta et ne peut pas être envoyé.',
+      TEMPLATE_NOT_SUBMITTED: 'Ce message n’a pas été soumis à Meta et ne peut pas être envoyé.',
+    },
+    language: {
+      approved: 'Approuvé',
+      approved_count: 'Langues approuvées pour {name} : {count}',
+      not_sendable: 'Non envoyable ({status})',
+    },
+    no_parameters: 'Ce message n’a aucun paramètre à renseigner.',
+    not_sendable_hint: 'Les groupes de messages grisés n’ont aucun message approuvé.',
+    questions: {
+      language: 'Dans quelle langue ?',
+      message: 'Quel message voulez-vous envoyer ?',
+      parameters: 'Renseignez les paramètres',
+      preview: 'Voici ce que le client recevra',
+    },
+    steps: {
+      message: { description: 'Choisissez un groupe de messages envoyable', title: 'Message' },
+      parameters: { description: 'Remplissez les champs', title: 'Paramètres' },
+    },
+  },
   status: {
     approved: 'Approuvé',
     draft: 'Brouillon',

package/i18n/locales/it.ts

@@ -18,6 +18,7 @@ export default {
     all: 'Tutti',
     copy: 'Copia',
     copy_of: 'Copia di {name}',
+    context_error_title: 'Errore di configurazione del composer',
     desktop: 'Desktop',
     error: 'Errore',
     errore: 'Errore',
@@ -55,7 +56,10 @@ export default {
     translation_failed: 'Traduzione non riuscita',
     messageGroupSelect: {
       inactive_tooltip: 'Questo gruppo di messaggi contiene messaggi non approvati o mancanti',
+      not_sendable_tooltip: 'Questo gruppo di messaggi non contiene messaggi approvati',
       hide_inactive: 'Nascondi inattivi',
+      hide_not_sendable: 'Nascondi non inviabili',
+      load_more: 'Carica altri',
     },
     view_less: 'Mostra meno',
     view_more: 'Mostra di più',
@@ -778,20 +782,28 @@ export default {
     },
     message_library: {
       add_message_group: 'Nuovo messaggio',
+      all_products: 'Tutti i prodotti',
       category_placeholder: 'Seleziona categoria',
       headers: {
         category: 'Categoria',
         name: 'Nome',
         preview: 'Anteprima',
+        product: 'Prodotto',
         status: 'Stato',
-        tags: 'Tag',
         updated_at: 'Aggiornato il',
       },
+      pagination_summary: '{from}–{to} di {total}',
+      product_placeholder: 'Seleziona prodotto',
       render_type_placeholder: 'Seleziona tipo di rendering',
       search_placeholder: 'Cerca',
       status_placeholder: 'Seleziona stato',
-      tags_placeholder: 'Filtra per tag',
       title: 'Libreria messaggi',
+      visibility: {
+        all: 'Tutte',
+        internal: 'Interne',
+        public: 'Pubbliche',
+      },
+      visibility_placeholder: 'Seleziona visibilità',
     },
     whatsapp: {
       create_message_group: {
@@ -824,6 +836,12 @@ export default {
       },
     },
   },
+  products: {
+    chat: 'Smartchat',
+    connect: 'Smartconnect',
+    pms: 'Smartpms',
+    pricing: 'Smartpricing',
+  },
   public: {
     select_message: {
       choose_language: 'Scegli una lingua...',
@@ -833,6 +851,41 @@ export default {
       send_message: 'Invia messaggio',
     },
   },
+  send_flow: {
+    actions: {
+      back: 'Indietro',
+      cancel: 'Annulla',
+      confirm: 'Conferma',
+      next: 'Avanti',
+    },
+    errors: {
+      COMPILE_FAILED: 'Non è stato possibile preparare il messaggio. Riprova.',
+      MISSING_PARAMETERS: 'Compila tutti i parametri prima di confermare.',
+      NOT_SENDABLE:
+        '"{name}" non ha nessun messaggio approvato e non può essere inviato. Scegli un altro gruppo di messaggi.',
+      TEMPLATE_NOT_APPROVED:
+        'Questo messaggio non è stato approvato da Meta e non può essere inviato.',
+      TEMPLATE_NOT_SUBMITTED:
+        'Questo messaggio non è stato sottoposto a Meta e non può essere inviato.',
+    },
+    language: {
+      approved: 'Approvato',
+      approved_count: 'Lingue approvate per {name}: {count}',
+      not_sendable: 'Non inviabile ({status})',
+    },
+    no_parameters: 'Questo messaggio non ha parametri da compilare.',
+    not_sendable_hint: 'I gruppi di messaggi in grigio non hanno nessun messaggio approvato.',
+    questions: {
+      language: 'In quale lingua?',
+      message: 'Quale messaggio vuoi inviare?',
+      parameters: 'Compila i parametri',
+      preview: 'Ecco cosa riceverà l’ospite',
+    },
+    steps: {
+      message: { description: 'Scegli un gruppo di messaggi inviabile', title: 'Messaggio' },
+      parameters: { description: 'Compila i campi', title: 'Parametri' },
+    },
+  },
   status: {
     approved: 'Approvato',
     draft: 'Bozza',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "4.3.2-fix.1",
+  "version": "4.4.1-next.0",
   "private": false,
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -35,7 +35,7 @@
     "vue-router": "^5.0.7",
     "vue3-emoji-picker": "^1.1.8",
     "zod": "^4.4.3",
-    "@dev.smartpricing/message-composer-utils": "4.3.2-fix.1"
+    "@dev.smartpricing/message-composer-utils": "4.4.1-next.0"
   },
   "devDependencies": {
     "@dev.smartpricing/platform-layer": "^0.0.23",