@dev.smartpricing/message-composer-layer 4.2.9-ux.0 → 4.2.10

package/app/components/Common/MessageGroupSelect.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { RenderType, MessageStatus } from '@dev.smartpricing/message-composer-utils/types'
+import type { RenderType } from '@dev.smartpricing/message-composer-utils/types'
 import { useMessageGroupsQuery } from '~/queries/messageGroups'
 
-defineOptions({ name: 'MessageGroupSelect' })
+defineOptions({ name: 'TemplateSelect' })
 
 const props = withDefaults(
   defineProps<{
@@ -11,7 +11,7 @@ const props = withDefaults(
     searchPlaceholder?: string
   }>(),
   {
-    placeholder: 'Select a message group',
+    placeholder: 'Select a template',
     searchPlaceholder: 'Search...',
   },
 )
@@ -22,38 +22,16 @@ const emit = defineEmits<{
   select: [item: { id: string; name: string }]
 }>()
 
-const { t } = useI18n()
-
 const { data: messageGroups, isLoading } = useMessageGroupsQuery(() => ({
   renderType: props.renderType,
 }))
 
-const hideInactive = ref(false)
-
-function isGroupActive(messages: Array<{ status: MessageStatus }>): boolean {
-  return messages.length > 0 && messages.every((m) => m.status === 'approved')
-}
-
 const items = computed(() => {
   if (!messageGroups.value) return []
-  return messageGroups.value.reduce<
-    Array<{
-      label: string
-      value: string
-      disabled: boolean
-      chip: { color: 'success' | 'neutral' }
-    }>
-  >((acc, group) => {
-    const active = isGroupActive(group.messages)
-    if (hideInactive.value && !active) return acc
-    acc.push({
-      label: group.name,
-      value: group.id,
-      disabled: !active,
-      chip: { color: active ? 'success' : 'neutral' },
-    })
-    return acc
-  }, [])
+  return messageGroups.value.map((group) => ({
+    label: group.name,
+    value: group.id,
+  }))
 })
 
 function handleUpdate(value: string) {
@@ -72,21 +50,7 @@ function handleUpdate(value: string) {
     searchable
     :placeholder="placeholder"
     :search-input="{ placeholder: searchPlaceholder }"
-    :data-testid="messageGroupSelectTestIds.root"
+    :data-testid="templateSelectTestIds.root"
     @update:model-value="handleUpdate"
-  >
-    <template #item-label="{ item }">
-      <UTooltip v-if="item.disabled" :text="t('common.messageGroupSelect.inactive_tooltip')">
-        <span class="text-muted">{{ item.label }}</span>
-      </UTooltip>
-      <span v-else>{{ item.label }}</span>
-    </template>
-
-    <template #content-top>
-      <div class="flex items-center gap-2 px-2 py-1.5 border-b border-default">
-        <USwitch v-model="hideInactive" size="xs" />
-        <span class="text-xs text-muted">{{ t('common.messageGroupSelect.hide_inactive') }}</span>
-      </div>
-    </template>
-  </USelectMenu>
+  />
 </template>

package/app/utils/testIds.const.ts

@@ -738,9 +738,6 @@ export const previewByIdTestIds = {
   loading: 'preview-by-id-loading',
 } as const
 
-export const messageGroupSelectTestIds = {
-  root: 'message-group-select-root',
+export const templateSelectTestIds = {
+  root: 'template-select-root',
 } as const
-
-/** @deprecated Use `messageGroupSelectTestIds` instead */
-export const templateSelectTestIds = messageGroupSelectTestIds

package/i18n/locales/de.ts

@@ -54,11 +54,6 @@ export default {
     search: 'Suchen...',
     success: 'Erfolg',
     translation_failed: 'Übersetzung fehlgeschlagen',
-    messageGroupSelect: {
-      inactive_tooltip:
-        'Diese Nachrichtengruppe enthält nicht genehmigte oder fehlende Nachrichten',
-      hide_inactive: 'Inaktive ausblenden',
-    },
     view_less: 'Weniger anzeigen',
     view_more: 'Mehr anzeigen',
   },
@@ -668,6 +663,7 @@ export default {
         button_bg_color: 'Hintergrund',
         button_text_color: 'Text',
         change_logo: 'Logo ändern',
+        colors: 'Farben',
         contact_address: 'Adresse',
         contact_address_placeholder: 'Z.B. Via Roma 1, 39100 Bolzano',
         contact_email: 'E-Mail',
@@ -678,7 +674,6 @@ export default {
         contact_telephone_placeholder: 'Z.B. +39 0471 123456',
         contact_website: 'Webseite',
         contact_website_placeholder: 'Z.B. https://www.hotel.com',
-        colors: 'Farben',
         default_button_colors: 'Standard-Schaltflächen-Farben',
         default_email_colors: 'Standard-E-Mail-Farben',
         default_font: 'Standardschriftart',

package/i18n/locales/en.ts

@@ -53,10 +53,6 @@ export default {
     search: 'Search...',
     success: 'Success',
     translation_failed: 'Translation failed',
-    messageGroupSelect: {
-      inactive_tooltip: 'This message group has unapproved or missing messages',
-      hide_inactive: 'Hide inactive',
-    },
     view_less: 'View less',
     view_more: 'View more',
   },
@@ -657,6 +653,7 @@ export default {
         button_bg_color: 'Background',
         button_text_color: 'Text',
         change_logo: 'Change logo',
+        colors: 'Brand colors',
         contact_address: 'Address',
         contact_address_placeholder: 'E.g. Via Roma 1, 39100 Bolzano',
         contact_email: 'Email',
@@ -667,7 +664,6 @@ export default {
         contact_telephone_placeholder: 'E.g. +39 0471 123456',
         contact_website: 'Website',
         contact_website_placeholder: 'E.g. https://www.hotel.com',
-        colors: 'Brand colors',
         default_button_colors: 'Default button colors',
         default_email_colors: 'Default email colors',
         default_font: 'Default font',

package/i18n/locales/es.ts

@@ -54,10 +54,6 @@ export default {
     search: 'Buscar...',
     success: 'Éxito',
     translation_failed: 'La traducción ha fallado',
-    messageGroupSelect: {
-      inactive_tooltip: 'Este grupo de mensajes tiene mensajes no aprobados o faltantes',
-      hide_inactive: 'Ocultar inactivos',
-    },
     view_less: 'Ver menos',
     view_more: 'Ver más',
   },
@@ -666,6 +662,7 @@ export default {
         button_bg_color: 'Fondo',
         button_text_color: 'Texto',
         change_logo: 'Cambiar logo',
+        colors: 'Colores',
         contact_address: 'Dirección',
         contact_address_placeholder: 'Ej. Via Roma 1, 39100 Bolzano',
         contact_email: 'Email',
@@ -676,7 +673,6 @@ export default {
         contact_telephone_placeholder: 'Ej. +39 0471 123456',
         contact_website: 'Sitio web',
         contact_website_placeholder: 'Ej. https://www.hotel.com',
-        colors: 'Colores',
         default_button_colors: 'Colores de botón predeterminados',
         default_email_colors: 'Colores de correo predeterminados',
         default_font: 'Fuente predeterminada',

package/i18n/locales/fr.ts

@@ -54,10 +54,6 @@ export default {
     search: 'Rechercher...',
     success: 'Succès',
     translation_failed: 'Échec de la traduction',
-    messageGroupSelect: {
-      inactive_tooltip: 'Ce groupe de messages contient des messages non approuvés ou manquants',
-      hide_inactive: 'Masquer inactifs',
-    },
     view_less: 'Afficher moins',
     view_more: 'Afficher plus',
   },
@@ -670,6 +666,7 @@ export default {
         button_bg_color: 'Fond',
         button_text_color: 'Texte',
         change_logo: 'Changer le logo',
+        colors: 'Couleurs',
         contact_address: 'Adresse',
         contact_address_placeholder: 'Ex. Via Roma 1, 39100 Bolzano',
         contact_email: 'Email',
@@ -680,7 +677,6 @@ export default {
         contact_telephone_placeholder: 'Ex. +39 0471 123456',
         contact_website: 'Site web',
         contact_website_placeholder: 'Ex. https://www.hotel.com',
-        colors: 'Couleurs',
         default_button_colors: 'Couleurs de bouton par défaut',
         default_email_colors: "Couleurs d'e-mail par défaut",
         default_font: 'Police par défaut',

package/i18n/locales/it.ts

@@ -53,10 +53,6 @@ export default {
     search: 'Cerca...',
     success: 'Successo',
     translation_failed: 'Traduzione non riuscita',
-    messageGroupSelect: {
-      inactive_tooltip: 'Questo gruppo di messaggi contiene messaggi non approvati o mancanti',
-      hide_inactive: 'Nascondi inattivi',
-    },
     view_less: 'Mostra meno',
     view_more: 'Mostra di più',
   },
@@ -663,6 +659,7 @@ export default {
         button_bg_color: 'Sfondo',
         button_text_color: 'Testo',
         change_logo: 'Cambia logo',
+        colors: 'Colori',
         contact_address: 'Indirizzo',
         contact_address_placeholder: 'Es. Via Roma 1, 39100 Bolzano',
         contact_email: 'Email',
@@ -673,7 +670,6 @@ export default {
         contact_telephone_placeholder: 'Es. +39 0471 123456',
         contact_website: 'Sito web',
         contact_website_placeholder: 'Es. https://www.hotel.com',
-        colors: 'Colori',
         default_button_colors: 'Colori pulsante predefiniti',
         default_email_colors: 'Colori email predefiniti',
         default_font: 'Font predefinito',

package/package.json

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