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

package/app/api/brands.ts

@@ -30,16 +30,13 @@ export const brandsApi = {
     apiClient<BrandCreateResponse>('/brands', {
       method: 'POST',
       body: data,
-
-      _skipErrorToast: true,
-    } as Record<string, unknown>),
+    }),
 
   update: (id: string, data: BrandUpdateBody) =>
     apiClient<BrandFromDb>(`/brands/${id}`, {
       method: 'PUT',
       body: data,
-      _skipErrorToast: true,
-    } as Record<string, unknown>),
+    }),
 
   delete: (id: string) => apiClient<BrandDeleteResponse>(`/brands/${id}`, { method: 'DELETE' }),
 

package/app/api/client.ts

@@ -1,6 +1,5 @@
 import type { AppError } from '@dev.smartpricing/message-composer-utils/types'
 import { useAppContextStore } from '@/stores/appContext'
-import { resolveErrorToast } from '~/composables/apiErrorMessages'
 
 function assertAppError(data: unknown): data is AppError {
   if (typeof data !== 'object' || data === null) {
@@ -42,12 +41,20 @@ export const apiClient = createApiClient({
       options.headers.set('sm-default-tags', store.default_tags.join(','))
     }
   },
-  onResponseError({ response, options }) {
-    if ((options as { _skipErrorToast?: boolean })._skipErrorToast) return
-
-    const t = useNuxtApp().$i18n.t
-    const code = assertAppError(response._data) ? response._data.code : undefined
-    const toast = resolveErrorToast({ status: response.status, code }, t)
-    useToast().add({ ...toast, color: 'error' })
+  onResponseError({ response }) {
+    const error = response._data
+    if (assertAppError(error)) {
+      useToast().add({
+        color: 'error',
+        title: error.code,
+        description: error.message,
+      })
+    } else {
+      useToast().add({
+        color: 'error',
+        title: 'Error',
+        description: 'An error occurred',
+      })
+    }
   },
 })

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

@@ -21,15 +21,6 @@ export default {
     desktop: 'Desktop',
     error: 'Fehler',
     errore: 'Fehler',
-    errors: {
-      forbidden: 'Sie haben keine Berechtigung, diese Aktion auszuführen.',
-      generic: 'Ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es erneut.',
-      not_found: 'Die angeforderte Ressource wurde nicht gefunden.',
-      server_error: 'Ein Serverfehler ist aufgetreten. Bitte versuchen Sie es später erneut.',
-      service_unavailable:
-        'Der Dienst ist vorübergehend nicht verfügbar. Bitte versuchen Sie es später erneut.',
-      session_expired: 'Ihre Sitzung ist abgelaufen. Bitte melden Sie sich erneut an.',
-    },
     imageUpload: {
       imageJpgPngOnly: 'Es werden nur JPG- und PNG-Bilddateien unterstützt.',
       mediaFileTooLarge: 'Die Datei ist zu groß. Maximale Größe: {maxSize}MB.',
@@ -54,11 +45,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',
   },

package/i18n/locales/en.ts

@@ -21,14 +21,6 @@ export default {
     desktop: 'Desktop',
     error: 'Error',
     errore: 'Error',
-    errors: {
-      forbidden: "You don't have permission to perform this action.",
-      generic: 'An unexpected error occurred. Please try again.',
-      not_found: 'The requested resource was not found.',
-      server_error: 'A server error occurred. Please try again later.',
-      service_unavailable: 'The service is temporarily unavailable. Please try again later.',
-      session_expired: 'Your session has expired. Please log in again.',
-    },
     imageUpload: {
       imageJpgPngOnly: 'Only JPG and PNG image files are supported.',
       mediaFileTooLarge: 'File is too large. Maximum size: {maxSize}MB.',
@@ -53,10 +45,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',
   },

package/i18n/locales/es.ts

@@ -21,15 +21,6 @@ export default {
     desktop: 'Escritorio',
     error: 'Error',
     errore: 'Error',
-    errors: {
-      forbidden: 'No tienes permiso para realizar esta acción.',
-      generic: 'Se ha producido un error inesperado. Inténtalo de nuevo.',
-      not_found: 'El recurso solicitado no fue encontrado.',
-      server_error: 'Se ha producido un error en el servidor. Inténtalo de nuevo más tarde.',
-      service_unavailable:
-        'El servicio no está disponible temporalmente. Inténtalo de nuevo más tarde.',
-      session_expired: 'Tu sesión ha expirado. Inicia sesión de nuevo.',
-    },
     imageUpload: {
       imageJpgPngOnly: 'Solo se admiten archivos de imagen JPG y PNG.',
       mediaFileTooLarge: 'El archivo es demasiado grande. Tamaño máximo: {maxSize}MB.',
@@ -54,10 +45,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',
   },

package/i18n/locales/fr.ts

@@ -21,15 +21,6 @@ export default {
     desktop: 'Bureau',
     error: 'Erreur',
     errore: 'Erreur',
-    errors: {
-      forbidden: "Vous n'avez pas la permission d'effectuer cette action.",
-      generic: 'Une erreur inattendue est survenue. Veuillez réessayer.',
-      not_found: "La ressource demandée n'a pas été trouvée.",
-      server_error: 'Une erreur serveur est survenue. Veuillez réessayer plus tard.',
-      service_unavailable:
-        'Le service est temporairement indisponible. Veuillez réessayer plus tard.',
-      session_expired: 'Votre session a expiré. Veuillez vous reconnecter.',
-    },
     imageUpload: {
       imageJpgPngOnly: 'Seuls les fichiers image JPG et PNG sont pris en charge.',
       mediaFileTooLarge: 'Le fichier est trop volumineux. Taille maximale : {maxSize} Mo.',
@@ -54,10 +45,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',
   },

package/i18n/locales/it.ts

@@ -21,14 +21,6 @@ export default {
     desktop: 'Desktop',
     error: 'Errore',
     errore: 'Errore',
-    errors: {
-      forbidden: 'Non hai i permessi per eseguire questa azione.',
-      generic: 'Si è verificato un errore imprevisto. Riprova.',
-      not_found: 'La risorsa richiesta non è stata trovata.',
-      server_error: 'Si è verificato un errore del server. Riprova più tardi.',
-      service_unavailable: 'Il servizio è temporaneamente non disponibile. Riprova più tardi.',
-      session_expired: "La sessione è scaduta. Effettua nuovamente l'accesso.",
-    },
     imageUpload: {
       imageJpgPngOnly: 'Sono supportati solo file immagine JPG e PNG.',
       mediaFileTooLarge: 'Il file è troppo grande. Dimensione massima: {maxSize}MB.',
@@ -53,10 +45,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ù',
   },

package/package.json

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

package/app/composables/apiErrorMessages.ts

@@ -1,26 +0,0 @@
-const CODE_TO_KEY: Record<string, string> = {
-  'session.missing': 'common.errors.session_expired',
-  'session.expired': 'common.errors.session_expired',
-}
-
-function descriptionKeyByStatus(status: number): string {
-  if (status === 403) return 'common.errors.forbidden'
-  if (status === 404) return 'common.errors.not_found'
-  if (status === 503) return 'common.errors.service_unavailable'
-  if (status >= 500) return 'common.errors.server_error'
-  return 'common.errors.generic'
-}
-
-export function resolveErrorToast(
-  error: { status: number; code?: string },
-  t: (key: string) => string,
-): { title: string; description: string; id: string } {
-  const descriptionKey =
-    (error.code && CODE_TO_KEY[error.code]) || descriptionKeyByStatus(error.status)
-
-  return {
-    title: t('common.error'),
-    description: t(descriptionKey),
-    id: `api-error-${error.status}-${error.code || 'unknown'}`,
-  }
-}