@dev.smartpricing/message-composer-layer 4.0.2 → 4.0.3

package/app/api/messageGroups.ts

@@ -6,6 +6,7 @@ import type {
   PostEntity,
   MessageGroup,
   RenderType,
+  DuplicateMessageGroupBody,
 } from '@dev.smartpricing/message-composer-utils/types'
 import { apiClient } from './client'
 
@@ -46,4 +47,10 @@ export const messageGroupsApi = {
 
   validate: (id: string) =>
     apiClient<MessageGroupValidationResponse>(`/message-groups/${id}/validate`),
+
+  duplicate: (id: string, data?: DuplicateMessageGroupBody) =>
+    apiClient<MessageGroupFromDb & { tags: string[] }>(`/message-groups/${id}/duplicate`, {
+      method: 'POST',
+      body: data,
+    }),
 }

package/app/composables/useTemplateOperations.ts

@@ -4,10 +4,9 @@ import {
   useUpdateMessageGroupMutation,
   useCreateMessageMutation,
   useUpdateMessageMutation,
+  useDuplicateMessageGroupMutation,
 } from '~/queries'
-import { messageGroupsApi } from '~/api'
 import type {
-  MessageFromDb,
   MessageGroupCategory,
   Message,
   PostEntity,
@@ -25,24 +24,7 @@ interface UseTemplateOperationsOptions {
   onError?: (error: Error) => void
 }
 
-function transformMessagesForCreation(
-  messages: MessageFromDb[],
-): Record<string, PostEntity<Message>> {
-  return messages.reduce(
-    (acc, message) => {
-      // Remove DB-specific fields, keep message group content
-
-      const { id, message_group_id, created_at, updated_at, ...messageGroupMessage } = message
-      acc[message.language_id] = { ...messageGroupMessage, message_group_id: '', metadata: {} }
-
-      return acc
-    },
-    {} as Record<string, PostEntity<Message>>,
-  )
-}
-
 export function useTemplateOperations(options: UseTemplateOperationsOptions = {}) {
-  const { t } = useI18n()
   const saving = ref(false)
   const saved = ref(false)
 
@@ -51,6 +33,7 @@ export function useTemplateOperations(options: UseTemplateOperationsOptions = {}
   const { mutateAsync: createMessage } = useCreateMessageMutation()
   const { mutateAsync: updateMessageGroup } = useUpdateMessageGroupMutation()
   const { mutateAsync: updateMessage } = useUpdateMessageMutation()
+  const { mutateAsync: duplicateMessageGroup } = useDuplicateMessageGroupMutation()
 
   // Create new message group(used by Create + Duplicate)
   async function createTemplate(data: TemplateData, status: MessageStatus = 'draft') {
@@ -117,26 +100,19 @@ export function useTemplateOperations(options: UseTemplateOperationsOptions = {}
   async function duplicateTemplate(sourceId: string, newName?: string) {
     saving.value = true
     try {
-      const sourceTemplate = await messageGroupsApi.getById(sourceId)
-
-      if (!sourceTemplate) {
-        throw new Error('Source message group not found')
-      }
+      const result = await duplicateMessageGroup({
+        id: sourceId,
+        data: newName ? { name: newName } : undefined,
+      })
 
-      const templateData: TemplateData = {
-        messageGroup: {
-          name: newName || t('common.copy_of', { name: sourceTemplate.name }),
-          category: sourceTemplate.category,
-          brand_id: sourceTemplate.brand_id,
-        },
-        messages: transformMessagesForCreation(sourceTemplate.messages),
-      }
-
-      const result = await createTemplate(templateData, 'draft')
+      saved.value = true
+      options.onSuccess?.()
       return result
     } catch (error) {
       options.onError?.(error as Error)
       throw error
+    } finally {
+      saving.value = false
     }
   }
 

package/app/queries/messageGroups.ts

@@ -1,5 +1,6 @@
 import { useQuery, useMutation, useQueryCache } from '@pinia/colada'
 import type {
+  DuplicateMessageGroupBody,
   MessageGroup,
   MessageGroupWithMessageSummary,
   PostEntity,
@@ -82,6 +83,18 @@ export function useUnpublishMessageGroupMutation() {
   })
 }
 
+export function useDuplicateMessageGroupMutation() {
+  const queryCache = useQueryCache()
+
+  return useMutation({
+    mutation: ({ id, data }: { id: string; data?: DuplicateMessageGroupBody }) =>
+      messageGroupsApi.duplicate(id, data),
+    onSuccess: () => {
+      queryCache.invalidateQueries({ key: ['message-groups'] })
+    },
+  })
+}
+
 export function useDeleteMessageGroupMutation() {
   const queryCache = useQueryCache()
 

package/package.json

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