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

package/app/components/TemplateList/BaseTable.vue

@@ -1,36 +1,16 @@
 <script setup lang="ts">
 import {
   MESSAGE_GROUP_CATEGORIES,
-  MESSAGE_GROUP_LIST_VISIBILITY,
-  MESSAGE_GROUP_PRODUCTS,
   MESSAGE_STATUS,
-  type MessageGroupListSort,
   type MessageGroupWithMessageSummary,
-  type PaginationMeta,
   type RenderType,
 } from '@dev.smartpricing/message-composer-utils/types'
 import StatusCell from '@/components/TemplateList/StatusCell.vue'
 import { useI18n } from 'vue-i18n'
-import { computed, ref, watch } from 'vue'
+import { ref, watch } from 'vue'
 import { formatDate } from '@dev.smartpricing/message-composer-utils/utils'
 import type { TableColumn } from '#ui/types'
 import type { TrackingEventMap } from '@/types/tracking'
-import {
-  ALL_FILTER,
-  type MessageGroupListFilters,
-  type MessageGroupListSorting,
-} from '@/composables/useMessageGroupList'
-
-const props = defineProps<{
-  messageGroups: MessageGroupWithMessageSummary[]
-  /** Envelope meta of the current page; undefined until the first page arrives. */
-  meta?: PaginationMeta
-  loading: boolean
-  renderType: RenderType
-  filters: MessageGroupListFilters
-  sorting: MessageGroupListSorting
-  page: number
-}>()
 
 const emit = defineEmits<{
   edit: [MessageGroupWithMessageSummary]
@@ -38,9 +18,6 @@ const emit = defineEmits<{
   duplicate: [MessageGroupWithMessageSummary]
   publish: [MessageGroupWithMessageSummary]
   unpublish: [MessageGroupWithMessageSummary]
-  'update:filters': [Partial<MessageGroupListFilters>]
-  'update:sorting': [MessageGroupListSorting]
-  'update:page': [number]
 }>()
 
 const appContext = useAppContextStore()
@@ -109,40 +86,49 @@ function rowActions(row: MessageGroupWithMessageSummary) {
   ]
 }
 
-// Column ids of sortable columns are the server's `sort` values (ADR 0012);
-// preview and status are aggregates and stay unsortable.
 const columns: TableColumn<MessageGroupWithMessageSummary>[] = [
   {
-    id: 'name' satisfies MessageGroupListSort,
+    id: 'name',
     accessorKey: 'name',
     header: (ctx) => getSortableHeader(ctx, t('pages.message_library.headers.name')),
   },
   {
-    id: 'category' satisfies MessageGroupListSort,
+    id: 'category',
     accessorKey: 'category',
     header: (ctx) => getSortableHeader(ctx, t('pages.message_library.headers.category')),
-  },
-  {
-    id: 'product',
-    accessorKey: 'product',
-    enableSorting: false,
-    header: () => t('pages.message_library.headers.product'),
+    filterFn: (row, columnId, filterValue) => {
+      if (filterValue === 'all') return true
+      return row.original.category.toLowerCase().includes(filterValue.toLowerCase())
+    },
   },
   {
     id: 'preview',
     accessorFn: (row) => getLocalizedMessage(row)?.preview,
-    enableSorting: false,
-    header: () => t('pages.message_library.headers.preview'),
+    header: (ctx) => getSortableHeader(ctx, t('pages.message_library.headers.preview')),
   },
   {
     id: 'status',
     accessorFn: (row) => row.messages.map((m) => m.status).join(', '),
-    enableSorting: false,
-    header: () => t('pages.message_library.headers.status'),
+    header: (ctx) => getSortableHeader(ctx, t('pages.message_library.headers.status')),
+    filterFn: (row, columnId, filterValue) => {
+      if (filterValue === 'all') return true
+      return row.original.messages.some((m) => m.status === filterValue)
+    },
   },
+  // {
+  //   id: 'tags',
+  //   accessorFn: (row) => row.tags?.join(', ') || '',
+  //   header: (ctx) => getSortableHeader(ctx, t('pages.message_library.headers.tags')),
+  //   filterFn: (row, _columnId, filterValue: string[]) => {
+  //     if (!filterValue || filterValue.length === 0) return true
+  //     const rowTags = row.original.tags || []
+  //     return filterValue.some((tag) => rowTags.includes(tag))
+  //   },
+  // },
   {
-    id: 'updated_at' satisfies MessageGroupListSort,
+    id: 'updated_at',
     accessorFn: (row) => formatDate(row.updated_at),
+    // header: () => t('pages.message_library.headers.updated_at'),
     header: (ctx) => getSortableHeader(ctx, t('pages.message_library.headers.updated_at')),
   },
   {
@@ -158,70 +144,77 @@ const columns: TableColumn<MessageGroupWithMessageSummary>[] = [
   },
 ]
 
-// The table's sorting model mirrors the server sort; TanStack never sorts locally (manualSorting).
-function toTableSorting(sorting: MessageGroupListSorting) {
-  return [{ id: sorting.sort, desc: sorting.order === 'desc' }]
-}
+const sorting = ref([
+  {
+    id: 'updated_at',
+    desc: true,
+  },
+])
 
-const sorting = ref(toTableSorting(props.sorting))
+const props = defineProps<{
+  messageGroups: MessageGroupWithMessageSummary[]
+  loading: boolean
+  renderType: RenderType
+}>()
 
-watch(
-  () => props.sorting,
-  (value) => {
-    sorting.value = toTableSorting(value)
-  },
-)
+const filteredMessageGroups = computed(() => {
+  if (appContext.isAdmin) return props.messageGroups
+  return props.messageGroups.filter((mg) => mg.visibility !== 'internal')
+})
 
-watch(sorting, (val) => {
-  const [first] = val
-  if (!first) return
-  const next: MessageGroupListSorting = {
-    sort: first.id as MessageGroupListSort,
-    order: first.desc ? 'desc' : 'asc',
-  }
-  if (next.sort === props.sorting.sort && next.order === props.sorting.order) return
-  emit('update:sorting', next)
-  trackEvent('table_sorting', {
-    messages_kind: messagesKind.value,
-    sort_column: next.sort,
-  })
+const categoryItems = computed(() => {
+  return [
+    {
+      label: t('common.all'),
+      value: 'all',
+    },
+    ...MESSAGE_GROUP_CATEGORIES.map((category) => ({
+      label: t(`categories.${category}`),
+      value: category,
+    })),
+  ]
 })
 
-// Select items: the "all" entry first, then one translated entry per enum value.
-function toSelectItems<T extends string>(
-  values: readonly T[],
-  keyPrefix: string,
-  allLabel: string,
-) {
+const statusItems = computed(() => {
   return [
-    { label: allLabel, value: ALL_FILTER },
-    ...values.map((value) => ({ label: t(`${keyPrefix}.${value}`), value })),
+    {
+      label: t('common.all'),
+      value: 'all',
+    },
+
+    ...MESSAGE_STATUS.map((status) => ({
+      label: t(`status.${status}`),
+      value: status,
+    })),
   ]
-}
+})
+
+// const tagItems = computed(() => {
+//   const allTags = new Set<string>()
+//   messageGroups.forEach((mg) => mg.tags?.forEach((tag) => allTags.add(tag)))
+//   return [...allTags].sort()
+// })
+
+// const selectedTags = ref<string[]>([])
 
-const categoryItems = computed(() =>
-  toSelectItems(MESSAGE_GROUP_CATEGORIES, 'categories', t('common.all')),
-)
-const statusItems = computed(() => toSelectItems(MESSAGE_STATUS, 'status', t('common.all')))
-const productItems = computed(() =>
-  toSelectItems(MESSAGE_GROUP_PRODUCTS, 'products', t('pages.message_library.all_products')),
-)
-
-const visibilityItems = computed(() =>
-  MESSAGE_GROUP_LIST_VISIBILITY.map((visibility) => ({
-    label: t(`pages.message_library.visibility.${visibility}`),
-    value: visibility,
-  })),
-)
+const table = useTemplateRef('table')
 
 const messagesKind = computed(() => (props.renderType === 'email_v1' ? 'email' : 'whatsapp'))
 
+watch(sorting, (val) => {
+  if (val[0]) {
+    trackEvent('table_sorting', {
+      messages_kind: messagesKind.value,
+      sort_column: val[0].id,
+    })
+  }
+})
+
 function trackFilters(overrides: Partial<TrackingEventMap['change_filters']> = {}) {
   trackEvent('change_filters', {
-    search_term: props.filters.search,
-    category: props.filters.category,
-    status: props.filters.status,
-    product: props.filters.product,
+    search_term: (table.value?.tableApi?.getColumn('name')?.getFilterValue() as string) || '',
+    category: (table.value?.tableApi?.getColumn('category')?.getFilterValue() as string) || '',
+    status: (table.value?.tableApi?.getColumn('status')?.getFilterValue() as string) || '',
     messages_kind: messagesKind.value,
     ...overrides,
   })
@@ -232,24 +225,19 @@ const trackSearchFilter = useDebounceFn((value: string) => {
 }, 500)
 
 function onSearchInput(value: string) {
-  emit('update:filters', { search: value })
+  table.value?.tableApi?.getColumn('name')?.setFilterValue(value)
   trackSearchFilter(value)
 }
 
-// USelect emits the option value as a plain string; the items are built from the typed enums.
-function onFilter(key: Exclude<keyof MessageGroupListFilters, 'search'>, value: string) {
-  emit('update:filters', { [key]: value } as Partial<MessageGroupListFilters>)
-  if (key !== 'visibility') trackFilters({ [key]: value })
+function onCategoryFilter(value: string) {
+  table.value?.tableApi?.getColumn('category')?.setFilterValue(value)
+  trackFilters({ category: value })
 }
 
-const paginationSummary = computed(() => {
-  if (!props.meta || props.meta.from === null || props.meta.to === null) return ''
-  return t('pages.message_library.pagination_summary', {
-    from: props.meta.from,
-    to: props.meta.to,
-    total: props.meta.total,
-  })
-})
+function onStatusFilter(value: string) {
+  table.value?.tableApi?.getColumn('status')?.setFilterValue(value)
+  trackFilters({ status: value })
+}
 </script>
 
 <template>
@@ -259,46 +247,38 @@ const paginationSummary = computed(() => {
   >
     <div class="flex gap-2">
       <UInput
-        :model-value="filters.search"
+        :model-value="table?.tableApi?.getColumn('name')?.getFilterValue() as string"
         class="max-w-xs"
         leading-icon="ph:magnifying-glass-bold"
         :placeholder="t('pages.message_library.search_placeholder')"
         :data-testid="templateListTableTestIds.searchInput"
-        @update:model-value="onSearchInput(String($event))"
+        @update:model-value="onSearchInput($event)"
       />
       <USelect
-        :model-value="filters.category"
+        :model-value="table?.tableApi?.getColumn('category')?.getFilterValue() as string"
         class="max-w-48"
         :placeholder="t('pages.message_library.category_placeholder')"
         :items="categoryItems"
         :data-testid="templateListTableTestIds.categorySelect"
-        @update:model-value="onFilter('category', $event)"
+        @update:model-value="onCategoryFilter($event)"
       />
       <USelect
-        :model-value="filters.status"
+        :model-value="table?.tableApi?.getColumn('status')?.getFilterValue() as string"
         class="max-w-48"
         :placeholder="t('pages.message_library.status_placeholder')"
         :items="statusItems"
         :data-testid="templateListTableTestIds.statusSelect"
-        @update:model-value="onFilter('status', $event)"
-      />
-      <USelect
-        :model-value="filters.product"
-        class="max-w-48"
-        :placeholder="t('pages.message_library.product_placeholder')"
-        :items="productItems"
-        :data-testid="templateListTableTestIds.productSelect"
-        @update:model-value="onFilter('product', $event)"
-      />
-      <USelect
-        v-if="appContext.isAdmin"
-        :model-value="filters.visibility"
-        class="max-w-48"
-        :placeholder="t('pages.message_library.visibility_placeholder')"
-        :items="visibilityItems"
-        :data-testid="templateListTableTestIds.visibilitySelect"
-        @update:model-value="onFilter('visibility', $event)"
+        @update:model-value="onStatusFilter($event)"
       />
+      <!-- <USelectMenu
+            v-if="tagItems.length > 0"
+            v-model="selectedTags"
+            :items="tagItems"
+            multiple
+            class="max-w-48"
+            :placeholder="t('pages.message_library.tags_placeholder')"
+            @update:model-value="table?.tableApi?.getColumn('tags')?.setFilterValue($event)"
+          /> -->
     </div>
 
     <UCard
@@ -315,10 +295,10 @@ const paginationSummary = computed(() => {
           tr: 'hover:bg-muted',
           root: 'overflow-visible static',
         }"
-        :data="messageGroups"
+        :data="filteredMessageGroups"
         :columns="columns"
-        :sorting-options="{ manualSorting: true, enableSortingRemoval: false }"
         sticky
+        ref="table"
         v-model:sorting="sorting"
         :data-testid="templateListTableTestIds.table"
       >
@@ -349,16 +329,6 @@ const paginationSummary = computed(() => {
           />
         </template>
 
-        <template #product-cell="{ row }">
-          <UBadge
-            :label="t(`products.${row.original.product}`)"
-            size="md"
-            color="neutral"
-            variant="outline"
-            :data-testid="`${templateListTableTestIds.rowProductBadge}-${row.original.id}`"
-          />
-        </template>
-
         <template #status-cell="{ row }">
           <StatusCell :items="row.original.messages" />
         </template>
@@ -379,24 +349,6 @@ const paginationSummary = computed(() => {
           />
         </template>
       </UTable>
-
-      <template v-if="meta" #footer>
-        <div class="flex items-center justify-between gap-4">
-          <span
-            class="text-sm text-muted"
-            :data-testid="templateListTableTestIds.paginationSummary"
-          >
-            {{ paginationSummary }}
-          </span>
-          <UPagination
-            :page="page"
-            :total="meta.total"
-            :items-per-page="meta.per_page"
-            :data-testid="templateListTableTestIds.pagination"
-            @update:page="emit('update:page', $event)"
-          />
-        </div>
-      </template>
     </UCard>
   </div>
 </template>

package/app/components/Whatsapp/Editor/Header.vue

@@ -112,10 +112,7 @@ function isMultimedia(model: HeaderBlockV1): model is WaHeaderTypeV1Url {
     <div v-if="model.type === 'text'" class="mt-3">
       <RichTextEditor
         v-model:text="model.content"
-        preset="whatsapp"
-        bold
-        italic
-        emoji
+        preset="whatsapp-header"
         improve
         :character-limit="WA_HEADER_TEXT_MAX_LENGTH"
         dynamic-values

package/app/components/Whatsapp/Preview.vue

@@ -9,6 +9,7 @@ import { computed } from 'vue'
 import {
   generateWhatsappHtml,
   getTipTapExtensions,
+  sanitizeContent,
 } from '@dev.smartpricing/message-composer-utils/utils'
 import { useResolvedParametersQuery } from '~/queries/compilation'
 
@@ -51,9 +52,10 @@ const bodyHtml = computed(() => {
 const headerHtml = computed(() => {
   if (props.message.body.header.type !== 'text') return ''
   if (!props.message.body.header.content) return ''
+  const extensions = getTipTapExtensions({ preset: 'whatsapp-header' })
   const html = generateHTML(
-    props.message.body.header.content,
-    getTipTapExtensions({ preset: 'whatsapp-header' }),
+    sanitizeContent(props.message.body.header.content, extensions),
+    extensions,
   ).replaceAll('<p></p>', '<p>&nbsp;</p>')
   return replaceMentionsWithValues(html)
 })

package/app/components/Whatsapp/Translator/Header.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import type { JSONContent } from '@tiptap/vue-3'
 import { generateHTML } from '@tiptap/vue-3'
-import { getTipTapExtensions } from '@dev.smartpricing/message-composer-utils/utils'
+import {
+  getTipTapExtensions,
+  sanitizeContent,
+} from '@dev.smartpricing/message-composer-utils/utils'
 import RichTextEditor from '@/components/Editor/RichTextEditor.vue'
 import { useAppContextStore } from '@/stores/appContext'
 import { WA_HEADER_TEXT_MAX_LENGTH } from '@dev.smartpricing/message-composer-utils/types'
@@ -23,7 +26,8 @@ const appContext = useAppContextStore()
 // Generate HTML for preview of base language with rich text support
 function generatePreviewHtml(content: JSONContent | undefined): string {
   if (!content) return ''
-  return generateHTML(content, getTipTapExtensions({ preset: 'whatsapp-header' })).replaceAll(
+  const extensions = getTipTapExtensions({ preset: 'whatsapp-header' })
+  return generateHTML(sanitizeContent(content, extensions), extensions).replaceAll(
     '<p></p>',
     '<p>&nbsp;</p>',
   )
@@ -45,10 +49,7 @@ function generatePreviewHtml(content: JSONContent | undefined): string {
       <div class="flex-1">
         <RichTextEditor
           v-model:text="targetContent"
-          preset="whatsapp"
-          bold
-          italic
-          emoji
+          preset="whatsapp-header"
           dynamic-values
           :character-limit="WA_HEADER_TEXT_MAX_LENGTH"
           :data-testid="whatsappTranslatorHeaderTestIds.targetEditor"

package/app/composables/composerContext.ts

@@ -12,8 +12,7 @@ export interface ComposerContext {
   /** @deprecated No longer used — auth is cookie-based via platform layer */
   authenticationToken?: Ref<string>
   organization_id?: Ref<string>
-  /** The Product the host embeds the composer in (ADR 0011). Required. */
-  product: Ref<AppContextConfig['product']>
+  product?: Ref<AppContextConfig['product']>
   strategy?: Ref<AppContextConfig['strategy']>
   channels?: Ref<AppContextConfig['channels']>
   languages?: Ref<string[]>
@@ -34,8 +33,7 @@ export function defineComposerContext(context: ComposerContext): void {
   useNuxtApp().vueApp.provide(COMPOSER_CONTEXT_KEY, context)
 }
 
-// Server render never reads the context; the store reads every field defensively.
-const SERVER_FALLBACK = {} as ComposerContext
+const SERVER_FALLBACK: ComposerContext = {}
 
 export function useComposerContext(): ComposerContext {
   if (import.meta.server) return SERVER_FALLBACK

package/app/composables/useTemplateOperations.ts

@@ -13,7 +13,6 @@ import type {
   MessageStatus,
   MessageGroup,
 } from '@dev.smartpricing/message-composer-utils/types'
-import { useAppContextStore } from '@/stores/appContext'
 
 interface TemplateData<T = Message | PostEntity<Message>> {
   messageGroup: { name: string; category: MessageGroupCategory; brand_id?: string | null }
@@ -28,7 +27,6 @@ interface UseTemplateOperationsOptions {
 export function useTemplateOperations(options: UseTemplateOperationsOptions = {}) {
   const saving = ref(false)
   const saved = ref(false)
-  const appContext = useAppContextStore()
 
   // Hoist composables to setup scope (they use inject() internally)
   const { mutateAsync: createMessageGroup } = useCreateMessageGroupMutation()
@@ -41,17 +39,9 @@ export function useTemplateOperations(options: UseTemplateOperationsOptions = {}
   async function createTemplate(data: TemplateData, status: MessageStatus = 'draft') {
     saving.value = true
     try {
-      // Every Message Group belongs to the context Product (ADR 0011).
-      const product = appContext.product
-      if (!product) {
-        throw new Error(
-          '[message-composer] Cannot create a template: no Product in the composer context',
-        )
-      }
-      const createdMessageGroup = await createMessageGroup({
-        ...data.messageGroup,
-        product,
-      } as PostEntity<MessageGroup>)
+      const createdMessageGroup = await createMessageGroup(
+        data.messageGroup as PostEntity<MessageGroup>,
+      )
 
       if (createdMessageGroup?.id) {
         for (const message of Object.values(data.messages)) {

package/app/layouts/default.vue

@@ -1,6 +1,5 @@
 <template>
   <SNavigationPage :panel-props="{ ui: { body: 'p-0 sm:p-0 gap-0 sm:gap-0 overflow-hidden' } }">
-    <CommonAppContextErrors />
     <slot />
   </SNavigationPage>
 </template>

package/app/queries/dynamicValues.ts

@@ -1,5 +1,4 @@
 import { useQuery } from '@pinia/colada'
-import type { DynamicValuesResponse } from '@dev.smartpricing/message-composer-utils/types'
 import { dynamicValuesApi } from '~/api'
 import { useAppContextStore } from '~/stores/appContext'
 
@@ -7,13 +6,8 @@ export function useDynamicValuesQuery() {
   const { product, mainLanguage } = storeToRefs(useAppContextStore())
 
   return useQuery({
-    key: () => ['dynamic-values', product.value ?? '', mainLanguage.value],
-    // No Product, no request: the picker stays empty and the store lists the
-    // missing Product in `validationErrors`.
-    query: () => {
-      if (!product.value) return Promise.resolve<DynamicValuesResponse>({})
-      return dynamicValuesApi.get(product.value, mainLanguage.value || 'en')
-    },
+    key: () => ['dynamic-values', product.value, mainLanguage.value],
+    query: () => dynamicValuesApi.get(product.value || 'browser', mainLanguage.value || 'en'),
     staleTime: 30 * 60 * 1000,
   })
 }

package/app/queries/messageGroups.ts

@@ -4,38 +4,36 @@ import type {
   MessageGroup,
   MessageGroupWithMessageSummary,
   PostEntity,
+  RenderType,
 } from '@dev.smartpricing/message-composer-utils/types'
 import { messageGroupsApi } from '~/api'
-import type { ListMessageGroupsOptions } from '~/api/messageGroups'
 
 // QUERIES
-/**
- * One page of the server-side filtered list, in the Laravel envelope (ADR 0012).
- * The previous page stays as placeholder data while the next one loads, so
- * paging and filtering never flash an empty table.
- */
-export function useMessageGroupListQuery(
-  options: MaybeRefOrGetter<ListMessageGroupsOptions>,
-  queryOptions: { enabled?: MaybeRefOrGetter<boolean> } = {},
+export function useMessageGroupsQuery(
+  options?: MaybeRefOrGetter<{
+    renderType?: RenderType
+    tags?: string[]
+    tagsMode?: 'and' | 'or'
+  }>,
+  _queryOptions?: { polling?: boolean },
 ) {
-  return useQuery({
+  const query = useQuery({
     key: () => ['message-groups', JSON.stringify(toValue(options))],
-    query: () => messageGroupsApi.list(toValue(options)),
+    query: () => messageGroupsApi.getAll(toValue(options)),
     staleTime: 0,
-    placeholderData: (previousData) => previousData,
-    enabled: queryOptions.enabled,
   })
+
+  // TODO: Implement polling when Pinia Colada supports it
+  // For now, polling can be done manually in the component using setInterval + refetch
+
+  return query
 }
 
-export function useMessageGroupQuery(
-  id: MaybeRefOrGetter<string>,
-  queryOptions: { enabled?: MaybeRefOrGetter<boolean> } = {},
-) {
+export function useMessageGroupQuery(id: MaybeRefOrGetter<string>) {
   return useQuery({
     key: () => ['message-groups', toValue(id)],
     query: () => messageGroupsApi.getById(toValue(id)),
     staleTime: 2 * 60 * 1000,
-    enabled: queryOptions.enabled,
   })
 }
 

package/app/stores/appContext.ts

@@ -1,8 +1,7 @@
 import { ref, computed, watch } from 'vue'
-import {
-  MESSAGE_GROUP_PRODUCTS,
-  type AppContextConfig,
-  type AppContextState,
+import type {
+  AppContextConfig,
+  AppContextState,
 } from '@dev.smartpricing/message-composer-utils/types'
 
 export const useAppContextStore = defineStore('appContext', () => {
@@ -12,10 +11,9 @@ export const useAppContextStore = defineStore('appContext', () => {
 
   // Proxy from injection with defaults (same interface as before)
   const organization_id = computed(() => ctx.organization_id?.value ?? '')
-  // The Product is required by the context type (ADR 0011), but a host can
-  // still omit it at runtime: read defensively and list it in
-  // `validationErrors` rather than crashing or falling back to a fake Product.
-  const product = computed<AppContextConfig['product'] | undefined>(() => ctx.product?.value)
+  const product = computed<NonNullable<AppContextConfig['product']>>(
+    () => ctx.product?.value ?? 'browser',
+  )
   const strategy = computed<NonNullable<AppContextConfig['strategy']>>(
     () => ctx.strategy?.value ?? 'native',
   )
@@ -61,10 +59,6 @@ export const useAppContextStore = defineStore('appContext', () => {
   const validationErrors = computed<Record<string, string>>(() => {
     const errors: Record<string, string> = {}
 
-    if (!product.value) {
-      errors.product = `Product is required: pass \`product\` (${MESSAGE_GROUP_PRODUCTS.join(' | ')}) in the composer context`
-    }
-
     if (channels.value?.includes('whatsapp') && !metaWabaId.value) {
       errors.metaConfig = 'Meta WABA ID is required for WhatsApp'
     }

package/app/types/tracking.ts

@@ -1,5 +1,3 @@
-import type { MessageGroupProduct } from '@dev.smartpricing/message-composer-utils/types'
-
 export type MessagesKind = 'email' | 'whatsapp'
 
 export interface MessageActionProperties {
@@ -85,8 +83,6 @@ 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 }