@dev.smartpricing/message-composer-layer 1.0.26 → 1.0.27

package/app/api/brands.ts

@@ -12,6 +12,8 @@ import type { BrandCascadeData } from '@dev.smartpricing/message-composer-utils/
 import { apiClient } from './client'
 
 export type BrandWithProperties = BrandFromDb & { properties: BrandProperty[] }
+export type BrandCreateResponse = BrandFromDb & { brand_count: number }
+export type BrandDeleteResponse = { brand_count: number }
 
 export const brandsApi = {
   getAll: (options?: { sort_by?: 'created_at' | 'name'; direction?: 'asc' | 'desc' }) => {
@@ -25,7 +27,7 @@ export const brandsApi = {
   getById: (id: string) => apiClient<BrandWithProperties>(`/brands/${id}`),
 
   create: (data: BrandCreateBody) =>
-    apiClient<BrandFromDb>('/brands', {
+    apiClient<BrandCreateResponse>('/brands', {
       method: 'POST',
       body: data,
     }),
@@ -36,7 +38,7 @@ export const brandsApi = {
       body: data,
     }),
 
-  delete: (id: string) => apiClient(`/brands/${id}`, { method: 'DELETE' }),
+  delete: (id: string) => apiClient<BrandDeleteResponse>(`/brands/${id}`, { method: 'DELETE' }),
 
   preview: (data: {
     message: PostEntity<EmailMessage>

package/app/components/Brand/BrandDrawer.vue

@@ -15,6 +15,7 @@ import BrandStepGeneral from '~/components/Brand/Steps/BrandStepGeneral.vue'
 import BrandStepVisual from '~/components/Brand/Steps/BrandStepVisual.vue'
 import BrandStepSocials from '~/components/Brand/Steps/BrandStepSocials.vue'
 import { useBrandQuery, useCreateBrandMutation, useUpdateBrandMutation } from '~/queries'
+import type { BrandCreateResponse } from '~/api/brands'
 
 defineOptions({ name: 'BrandDrawer' })
 
@@ -29,6 +30,7 @@ const emit = defineEmits<{
 }>()
 
 const { t } = useI18n()
+const { trackEvent } = useTracking()
 
 const isEditMode = computed(() => !!props.brandId)
 
@@ -199,8 +201,50 @@ async function handleSave() {
     let result: BrandFromDb
     if (isEditMode.value && props.brandId) {
       result = await updateBrand({ id: props.brandId, data: payload })
+
+      const changedFields: string[] = []
+      const brand = existingBrand.value
+      if (brand) {
+        if (payload.name !== brand.name) changedFields.push('name')
+        if (payload.logo_media_id !== brand.logo_media_id) changedFields.push('logo')
+        if (JSON.stringify(payload.colors) !== JSON.stringify(brand.colors))
+          changedFields.push('colors')
+        if (
+          JSON.stringify(payload.default_email_settings) !==
+          JSON.stringify(brand.default_email_settings)
+        )
+          changedFields.push('email_settings')
+        if (
+          JSON.stringify(payload.default_button_settings) !==
+          JSON.stringify(brand.default_button_settings)
+        )
+          changedFields.push('button_settings')
+        if (JSON.stringify(payload.default_socials) !== JSON.stringify(brand.default_socials))
+          changedFields.push('socials')
+        if (
+          JSON.stringify(payload.property_ids) !==
+          JSON.stringify(brand.properties?.map((bp) => bp.property_id))
+        )
+          changedFields.push('properties')
+      }
+
+      trackEvent('brand_update', {
+        brand_id: result.id,
+        brand_name: result.name,
+        changed_fields: changedFields,
+      })
     } else {
-      result = await createBrand(payload)
+      const createResult = (await createBrand(payload)) as BrandCreateResponse
+      result = createResult
+
+      trackEvent('brand_create', {
+        brand_id: result.id,
+        brand_name: result.name,
+        has_logo: !!payload.logo_media_id,
+      })
+      trackEvent('brand_count_changed', {
+        brand_count: createResult.brand_count,
+      })
     }
 
     useToast().add({

package/app/components/Brand/BrandSwitcher.vue

@@ -7,6 +7,7 @@ const { brand, brands } = storeToRefs(emailEditorStore)
 
 const { t } = useI18n()
 const { confirm } = useConfirm()
+const { trackEvent } = useTracking()
 
 // Local selection tracks USelectMenu value; reverted on cancel
 const selectedBrand = shallowRef<BrandFromDb | undefined>(brand.value)
@@ -24,7 +25,13 @@ function handleBrandChange(newBrand: BrandFromDb) {
       label: t('dialogs.email_change_brand.cancel'),
     },
     action: () => {
+      const previousBrandId = brand.value?.id ?? null
       emailEditorStore.resetToBrand(newBrand)
+      trackEvent('brand_select', {
+        brand_id: newBrand.id,
+        brand_name: newBrand.name,
+        previous_brand_id: previousBrandId,
+      })
     },
   }).then((confirmed) => {
     if (!confirmed) {

package/app/components/Composer/BrandList.vue

@@ -13,6 +13,7 @@ const emit = defineEmits<{
 
 const { t } = useI18n()
 const { confirm } = useConfirm()
+const { trackEvent } = useTracking()
 
 const { data: brands, isPending } = useBrandsQuery()
 const { mutateAsync: deleteBrand } = useDeleteBrandMutation()
@@ -115,7 +116,16 @@ function askDelete(brand: BrandFromDb) {
     },
     action: async () => {
       editingBrandId.value = undefined
-      await deleteBrand(brand.id)
+      const result = await deleteBrand(brand.id)
+
+      trackEvent('brand_delete', {
+        brand_id: brand.id,
+        brand_name: brand.name,
+      })
+      trackEvent('brand_count_changed', {
+        brand_count: result.brand_count,
+      })
+
       emit('deleted', brand)
       useToast().add({
         color: 'success',

package/app/types/tracking.ts

@@ -58,12 +58,26 @@ export interface EmailTranslationsFiltersProperties extends EmailLanguagePropert
   show_only_changes: boolean
 }
 
+// ── Brand shared property interfaces ──
+
+export interface BrandBaseProperties {
+  brand_id: string
+  brand_name: string
+}
+
 // ── Event map ──
 
 export interface TrackingEventMap {
   // === Global ===
   'Page View': { page_name: string }
 
+  // === Brand ===
+  brand_create: BrandBaseProperties & { has_logo: boolean }
+  brand_update: BrandBaseProperties & { changed_fields: string[] }
+  brand_delete: BrandBaseProperties
+  brand_select: BrandBaseProperties & { previous_brand_id: string | null }
+  brand_count_changed: { brand_count: number }
+
   // === Table_List ===
   change_filters: {
     search_term: string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "private": false,
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -39,7 +39,7 @@
     "vue-router": "^5.0.7",
     "vue3-emoji-picker": "^1.1.8",
     "zod": "^4.4.3",
-    "@dev.smartpricing/message-composer-utils": "3.1.26"
+    "@dev.smartpricing/message-composer-utils": "3.1.27"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.15.2",