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

package/app/utils/testIds.const.ts

@@ -513,16 +513,11 @@ 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',
@@ -756,7 +751,6 @@ export const previewByIdTestIds = {
 
 export const messageGroupSelectTestIds = {
   root: 'message-group-select-root',
-  loadMore: 'message-group-select-load-more',
 } as const
 
 /** @deprecated Use `messageGroupSelectTestIds` instead */

package/i18n/locales/de.ts

@@ -18,7 +18,6 @@ export default {
     all: 'Alle',
     copy: 'Kopieren',
     copy_of: 'Kopie von {name}',
-    context_error_title: 'Konfigurationsfehler des Composers',
     desktop: 'Desktop',
     error: 'Fehler',
     errore: 'Fehler',
@@ -59,7 +58,6 @@ export default {
       inactive_tooltip:
         'Diese Nachrichtengruppe enthält nicht genehmigte oder fehlende Nachrichten',
       hide_inactive: 'Inaktive ausblenden',
-      load_more: 'Mehr laden',
     },
     view_less: 'Weniger anzeigen',
     view_more: 'Mehr anzeigen',
@@ -785,28 +783,20 @@ 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: {
@@ -839,12 +829,6 @@ export default {
       },
     },
   },
-  products: {
-    chat: 'Smartchat',
-    connect: 'Smartconnect',
-    pms: 'Smartpms',
-    pricing: 'Smartpricing',
-  },
   public: {
     select_message: {
       choose_language: 'Sprache auswählen...',

package/i18n/locales/en.ts

@@ -18,7 +18,6 @@ export default {
     all: 'All',
     copy: 'Copy',
     copy_of: 'Copy of {name}',
-    context_error_title: 'Composer configuration error',
     desktop: 'Desktop',
     error: 'Error',
     errore: 'Error',
@@ -57,7 +56,6 @@ export default {
     messageGroupSelect: {
       inactive_tooltip: 'This message group has unapproved or missing messages',
       hide_inactive: 'Hide inactive',
-      load_more: 'Load more',
     },
     view_less: 'View less',
     view_more: 'View more',
@@ -774,28 +772,20 @@ 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: {
@@ -828,12 +818,6 @@ export default {
       },
     },
   },
-  products: {
-    chat: 'Smartchat',
-    connect: 'Smartconnect',
-    pms: 'Smartpms',
-    pricing: 'Smartpricing',
-  },
   public: {
     select_message: {
       choose_language: 'Choose a language...',

package/i18n/locales/es.ts

@@ -18,7 +18,6 @@ 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',
@@ -58,7 +57,6 @@ export default {
     messageGroupSelect: {
       inactive_tooltip: 'Este grupo de mensajes tiene mensajes no aprobados o faltantes',
       hide_inactive: 'Ocultar inactivos',
-      load_more: 'Cargar más',
     },
     view_less: 'Ver menos',
     view_more: 'Ver más',
@@ -783,28 +781,20 @@ 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: {
@@ -837,12 +827,6 @@ export default {
       },
     },
   },
-  products: {
-    chat: 'Smartchat',
-    connect: 'Smartconnect',
-    pms: 'Smartpms',
-    pricing: 'Smartpricing',
-  },
   public: {
     select_message: {
       choose_language: 'Elige un idioma...',

package/i18n/locales/fr.ts

@@ -18,7 +18,6 @@ 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',
@@ -58,7 +57,6 @@ export default {
     messageGroupSelect: {
       inactive_tooltip: 'Ce groupe de messages contient des messages non approuvés ou manquants',
       hide_inactive: 'Masquer inactifs',
-      load_more: 'Charger plus',
     },
     view_less: 'Afficher moins',
     view_more: 'Afficher plus',
@@ -787,28 +785,20 @@ 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: {
@@ -841,12 +831,6 @@ export default {
       },
     },
   },
-  products: {
-    chat: 'Smartchat',
-    connect: 'Smartconnect',
-    pms: 'Smartpms',
-    pricing: 'Smartpricing',
-  },
   public: {
     select_message: {
       choose_language: 'Choisir une langue...',

package/i18n/locales/it.ts

@@ -18,7 +18,6 @@ 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',
@@ -57,7 +56,6 @@ export default {
     messageGroupSelect: {
       inactive_tooltip: 'Questo gruppo di messaggi contiene messaggi non approvati o mancanti',
       hide_inactive: 'Nascondi inattivi',
-      load_more: 'Carica altri',
     },
     view_less: 'Mostra meno',
     view_more: 'Mostra di più',
@@ -780,28 +778,20 @@ 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: {
@@ -834,12 +824,6 @@ export default {
       },
     },
   },
-  products: {
-    chat: 'Smartchat',
-    connect: 'Smartconnect',
-    pms: 'Smartpms',
-    pricing: 'Smartpricing',
-  },
   public: {
     select_message: {
       choose_language: 'Scegli una lingua...',

package/nuxt.config.ts

@@ -1,9 +1,6 @@
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
   ssr: false,
-  experimental: {
-    viteEnvironmentApi: true,
-  },
   devtools: { enabled: true },
   imports: {
     dirs: ['stores', 'queries'],
@@ -57,9 +54,11 @@ export default defineNuxtConfig({
   runtimeConfig: {
     public: {
       COMPOSER_API_URL: '',
+      // BACKEND_BASE_URL, PLATFORM_URL and CSRF_COOKIE_NAME are declared by
+      // platform-layer (extended above); the host sets them once for both.
       BACKEND_BASE_URL: '',
       PLATFORM_URL: '',
-      ENV_CSRF_COOKIE_NAME: 'smt_csrf',
+      CSRF_COOKIE_NAME: '',
     },
   },
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "4.3.2-chat.0",
+  "version": "4.3.2-fix.1",
   "private": false,
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -12,7 +12,6 @@
     "app.config.ts"
   ],
   "dependencies": {
-    "@dev.smartpricing/platform-layer": "^0.0.23",
     "@formkit/drag-and-drop": "^0.5.3",
     "@pinia/colada": "^1.3.0",
     "@tiptap/extension-character-count": "^3.23.4",
@@ -36,9 +35,10 @@
     "vue-router": "^5.0.7",
     "vue3-emoji-picker": "^1.1.8",
     "zod": "^4.4.3",
-    "@dev.smartpricing/message-composer-utils": "4.3.2-chat.0"
+    "@dev.smartpricing/message-composer-utils": "4.3.2-fix.1"
   },
   "devDependencies": {
+    "@dev.smartpricing/platform-layer": "^0.0.23",
     "@nuxt/eslint": "^1.15.2",
     "@nuxt/test-utils": "^4.0.3",
     "@playwright/test": "^1.60.0",
@@ -48,6 +48,7 @@
     "vue-tsc": "^3.2.9"
   },
   "peerDependencies": {
+    "@dev.smartpricing/platform-layer": ">=0.0.20",
     "nuxt-ui-layer": ">=1.3.0"
   },
   "scripts": {

package/app/components/Common/AppContextErrors.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import { useAppContextStore } from '~/stores/appContext'
-
-/**
- * Host-integration problems reported by the app-context store (missing
- * Product, missing Meta config, ...). Shown persistently: the host has to fix
- * its context, the user cannot.
- */
-const { validationErrors } = storeToRefs(useAppContextStore())
-const messages = computed(() => Object.values(validationErrors.value))
-</script>
-
-<template>
-  <UAlert
-    v-if="messages.length"
-    color="error"
-    variant="subtle"
-    icon="i-lucide-alert-triangle"
-    :title="$t('common.context_error_title')"
-    class="rounded-none"
-  >
-    <template #description>
-      <ul class="list-disc pl-4 space-y-1">
-        <li v-for="message in messages" :key="message">
-          {{ message }}
-        </li>
-      </ul>
-    </template>
-  </UAlert>
-</template>

package/app/composables/useMessageGroupList.ts

@@ -1,186 +0,0 @@
-import type { MaybeRefOrGetter } from 'vue'
-import {
-  MESSAGE_GROUP_CATEGORIES,
-  MESSAGE_GROUP_LIST_SORT,
-  MESSAGE_GROUP_LIST_VISIBILITY,
-  MESSAGE_GROUP_PRODUCTS,
-  MESSAGE_STATUS,
-  SORT_ORDER,
-  type MessageGroupCategory,
-  type MessageGroupListSort,
-  type MessageGroupListVisibility,
-  type MessageGroupProduct,
-  type MessageStatus,
-  type RenderType,
-  type SortOrder,
-} from '@dev.smartpricing/message-composer-utils/types'
-import { usePagedMessageGroups } from '~/composables/usePagedMessageGroups'
-import { useAppContextStore } from '~/stores/appContext'
-
-/** Sentinel for "no filter" in the selects; never sent to the server. */
-export const ALL_FILTER = 'all'
-
-export interface MessageGroupListFilters {
-  search: string
-  category: MessageGroupCategory | typeof ALL_FILTER
-  status: MessageStatus | typeof ALL_FILTER
-  product: MessageGroupProduct | typeof ALL_FILTER
-  /** Only admins may ask for `internal` or `all`; non-admins always request `public`. */
-  visibility: MessageGroupListVisibility
-}
-
-export interface MessageGroupListSorting {
-  sort: MessageGroupListSort
-  order: SortOrder
-}
-
-export interface MessageGroupListState extends MessageGroupListFilters, MessageGroupListSorting {
-  page: number
-  perPage: number
-}
-
-const STORAGE_KEY = 'message_library_list_state'
-const PER_PAGE = 25
-
-function isOneOf<T extends string>(values: readonly T[], value: unknown): value is T {
-  return typeof value === 'string' && (values as readonly string[]).includes(value)
-}
-
-type StoredState = Partial<Record<keyof MessageGroupListState | 'contextProduct', unknown>>
-
-/**
- * Reads the state saved by this composer session. State is scoped to the
- * context Product it was saved under: after a host Product switch the library
- * must open prefiltered on the new Product, not on a stale choice.
- */
-function readStoredState(contextProduct: MessageGroupProduct | undefined): StoredState {
-  try {
-    const raw = sessionStorage.getItem(STORAGE_KEY)
-    const parsed: unknown = raw ? JSON.parse(raw) : null
-    if (!parsed || typeof parsed !== 'object') return {}
-    const stored = parsed as StoredState
-    return stored.contextProduct === contextProduct ? stored : {}
-  } catch {
-    return {}
-  }
-}
-
-/**
- * Restores the previous list state of this composer session, field by field:
- * anything missing or no longer valid falls back to the default.
- */
-function restoreState(
-  defaults: MessageGroupListState,
-  contextProduct: MessageGroupProduct | undefined,
-): MessageGroupListState {
-  const stored = readStoredState(contextProduct)
-  const withAll = <T extends string>(values: readonly T[]) => [...values, ALL_FILTER] as const
-  return {
-    search: typeof stored.search === 'string' ? stored.search : defaults.search,
-    category: isOneOf(withAll(MESSAGE_GROUP_CATEGORIES), stored.category)
-      ? stored.category
-      : defaults.category,
-    status: isOneOf(withAll(MESSAGE_STATUS), stored.status) ? stored.status : defaults.status,
-    product: isOneOf(withAll(MESSAGE_GROUP_PRODUCTS), stored.product)
-      ? stored.product
-      : defaults.product,
-    visibility: isOneOf(MESSAGE_GROUP_LIST_VISIBILITY, stored.visibility)
-      ? stored.visibility
-      : defaults.visibility,
-    sort: isOneOf(MESSAGE_GROUP_LIST_SORT, stored.sort) ? stored.sort : defaults.sort,
-    order: isOneOf(SORT_ORDER, stored.order) ? stored.order : defaults.order,
-    page:
-      Number.isInteger(stored.page) && (stored.page as number) >= 1 ? (stored.page as number) : 1,
-    perPage: defaults.perPage,
-  }
-}
-
-/** A select value of `all` means "no filter": the param is left out. */
-function unlessAll<T extends string>(value: T | typeof ALL_FILTER): T | undefined {
-  return value === ALL_FILTER ? undefined : value
-}
-
-function persistState(
-  state: MessageGroupListState,
-  contextProduct: MessageGroupProduct | undefined,
-) {
-  try {
-    sessionStorage.setItem(STORAGE_KEY, JSON.stringify({ ...state, contextProduct }))
-  } catch {
-    // Storage unavailable (private mode, quota): the list still works, it just won't be restored.
-  }
-}
-
-/**
- * Owns the library table's state (filters, sorting, page) as component-scoped
- * reactive state and exposes the server-side paginated query (ADR 0012).
- *
- * - The Product filter starts on the context Product and can be widened to all.
- * - Any filter or sort change lands on page one; search is debounced.
- * - The previous page stays visible while the next one loads.
- * - State survives navigating into a group and back within the session, never the host URL.
- */
-export function useMessageGroupList(renderType: MaybeRefOrGetter<RenderType>) {
-  const appContext = useAppContextStore()
-
-  const defaults: MessageGroupListState = {
-    search: '',
-    category: ALL_FILTER,
-    status: ALL_FILTER,
-    product: appContext.product ?? ALL_FILTER,
-    // Admins keep seeing internal and public groups by default, as before the
-    // server-side list; the select lets them narrow. Non-admins never send this.
-    visibility: appContext.isAdmin ? 'all' : 'public',
-    sort: 'updated_at',
-    order: 'desc',
-    page: 1,
-    perPage: PER_PAGE,
-  }
-
-  const state = reactive<MessageGroupListState>(restoreState(defaults, appContext.product))
-
-  const { rows, meta, loading, query } = usePagedMessageGroups({
-    search: toRef(state, 'search'),
-    page: toRef(state, 'page'),
-    perPage: PER_PAGE,
-    renderType,
-    filters: () => ({
-      category: unlessAll(state.category),
-      status: unlessAll(state.status),
-      product: unlessAll(state.product),
-      visibility: appContext.isAdmin ? state.visibility : 'public',
-      sort: state.sort,
-      order: state.order,
-    }),
-  })
-
-  watch(state, (value) => persistState(value, appContext.product), { deep: true })
-
-  function setFilters(patch: Partial<MessageGroupListFilters>) {
-    Object.assign(state, patch)
-    // Search resets the page only once the debounced value reaches the query.
-    const { search: _search, ...immediate } = patch
-    if (Object.keys(immediate).length > 0) state.page = 1
-  }
-
-  function setSorting(sorting: MessageGroupListSorting) {
-    state.sort = sorting.sort
-    state.order = sorting.order
-    state.page = 1
-  }
-
-  function setPage(page: number) {
-    state.page = page
-  }
-
-  return {
-    state: readonly(state),
-    setFilters,
-    setSorting,
-    setPage,
-    rows,
-    meta,
-    loading,
-    refetch: query.refetch,
-  }
-}

package/app/composables/usePagedMessageGroups.ts

@@ -1,66 +0,0 @@
-import type { MaybeRefOrGetter, Ref, WatchSource } from 'vue'
-import type { RenderType } from '@dev.smartpricing/message-composer-utils/types'
-import type { ListMessageGroupsOptions } from '~/api/messageGroups'
-import { useMessageGroupListQuery } from '~/queries/messageGroups'
-
-export const SEARCH_DEBOUNCE_MS = 300
-
-type PagedListFilters = Omit<
-  ListMessageGroupsOptions,
-  'search' | 'page' | 'per_page' | 'render_type'
->
-
-export interface PagedMessageGroupsOptions {
-  /** Raw search term as typed; it is debounced and trimmed before it reaches the request. */
-  search: Ref<string>
-  /** Current page. Lands on one whenever the search settles or a `resetOn` source changes. */
-  page: Ref<number>
-  perPage: number
-  renderType: MaybeRefOrGetter<RenderType | undefined>
-  /** Remaining filters and sorting, merged into the request as they are. */
-  filters?: MaybeRefOrGetter<PagedListFilters>
-  /** Further sources whose change lands on page one, besides the search and render type. */
-  resetOn?: WatchSource[]
-  /** When false no request is made (the query stays pending). */
-  enabled?: MaybeRefOrGetter<boolean>
-}
-
-/**
- * One server-side paginated Message Group list (ADR 0012) as a reactive source:
- * debounced search, page reset, request options and the query itself. The
- * library table and the in-composer picker both build on it and own only what
- * differs (filters, page size, how rows are shown).
- */
-export function usePagedMessageGroups(options: PagedMessageGroupsOptions) {
-  const debouncedSearch = refDebounced(options.search, SEARCH_DEBOUNCE_MS)
-
-  const listOptions = computed<ListMessageGroupsOptions>(() => ({
-    ...toValue(options.filters),
-    render_type: toValue(options.renderType),
-    search: debouncedSearch.value.trim() || undefined,
-    page: options.page.value,
-    per_page: options.perPage,
-  }))
-
-  const query = useMessageGroupListQuery(listOptions, { enabled: options.enabled })
-
-  // The reset happens in the same tick as the change (sync flush) so the query
-  // sees one key change, not two, and the user never opens an empty page.
-  watch(
-    [debouncedSearch, () => toValue(options.renderType), ...(options.resetOn ?? [])],
-    () => {
-      options.page.value = 1
-    },
-    { flush: 'sync' },
-  )
-
-  return {
-    debouncedSearch,
-    listOptions,
-    query,
-    rows: computed(() => query.data.value?.data ?? []),
-    meta: computed(() => query.data.value?.meta),
-    /** True on the first load and while a new page or filter set is fetching over previous data. */
-    loading: computed(() => query.isPending.value || query.isPlaceholderData.value),
-  }
-}