@dev.smartpricing/message-composer-layer 4.0.2-templates.1 → 4.0.2-tepmlates.0

package/app/api/templates.ts

@@ -4,7 +4,6 @@ import type {
   TemplateWithMessageSummary,
   CreateTemplatePayload,
   UpdateTemplatePayload,
-  PromoteTemplatePayload,
 } from '@dev.smartpricing/message-composer-utils/types'
 import { apiClient } from './client'
 
@@ -48,12 +47,6 @@ export const templatesApi = {
   unpublish: (id: string) =>
     apiClient<TemplateFromDb>(`/templates/${id}/unpublish`, { method: 'PUT' }),
 
-  promote: (id: string, data: PromoteTemplatePayload) =>
-    apiClient<TemplateFromDb>(`/templates/${id}/promote`, {
-      method: 'POST',
-      body: data,
-    }),
-
   saveFromMessageGroup: (messageGroupId: string, name?: string) =>
     apiClient<TemplateFromDb>(`/message-groups/${messageGroupId}/save-as-template`, {
       method: 'POST',

package/app/components/Common/NewMessageModal.vue

@@ -14,6 +14,7 @@ import { templatesApi } from '~/api/templates'
 
 const isOpen = defineModel<boolean>('open', { required: true })
 
+const router = useRouter()
 const { t, locale } = useI18n()
 const { mainLanguage } = storeToRefs(useAppContextStore())
 const { allowedRenderTypes, defaultRenderType } = useChannels()
@@ -134,10 +135,11 @@ function selectTemplate(tmpl: TemplateWithMessageSummary) {
 function handleCreate() {
   isOpen.value = false
   const channel = renderTypeToChannel(renderType.value)
-  const query: Record<string, string> = {}
-  if (selectedId.value) query.from_template = selectedId.value
-  if (brand.value) query.brand_id = brand.value.id
-  navigateTo({ name: `${channel}-message-create`, query })
+  const params = new URLSearchParams()
+  if (selectedId.value) params.set('from_template', selectedId.value)
+  if (brand.value) params.set('brand_id', brand.value.id)
+  const query = params.size ? `?${params.toString()}` : ''
+  router.push(`/compose/${channel}/create${query}`)
 }
 </script>
 

package/app/components/Composer/MessageLibrary.vue

@@ -164,7 +164,7 @@ function navigate(row: MessageGroupWithMessageSummary) {
   trackEvent('message_edit', getMessageTrackingProps(row))
   emit('edit', row)
   const type = row.messages[0]?.render_type === 'email_v1' ? 'email' : 'whatsapp'
-  navigateTo({ name: `${type}-message-edit`, params: { id: row.id } })
+  router.push({ name: `${type}-message-edit`, params: { id: row.id } })
 }
 
 defineExpose({ execute })

package/app/pages/templates/email/create.vue

@@ -13,6 +13,9 @@ const toast = useToast()
 const { t } = useI18n()
 const { goBackOrFallback } = useGoBack()
 
+const appContext = useAppContextStore()
+const isSystem = ref(false)
+
 const { mutateAsync: createTemplate } = useCreateTemplateMutation()
 const saving = ref(false)
 
@@ -33,6 +36,7 @@ async function handleSave() {
       name: store.name,
       category: store.category,
       messages,
+      ...(appContext.isAdmin && isSystem.value ? { is_system: true } : {}),
     })
 
     toast.add({ title: t('templates.dialogs.save_as_template.success'), color: 'success' })
@@ -69,6 +73,14 @@ async function handleSave() {
       />
     </template>
 
-    <ComposerEmailComposer ref="composerRef" mode="create" />
+    <ComposerEmailComposer ref="composerRef" mode="create">
+      <template #actions>
+        <UCheckbox
+          v-if="appContext.isAdmin"
+          v-model="isSystem"
+          :label="$t('templates.system_template')"
+        />
+      </template>
+    </ComposerEmailComposer>
   </LayoutBasePage>
 </template>

package/app/pages/templates/index.vue

@@ -8,6 +8,7 @@ definePageMeta({
   name: 'template-library',
 })
 
+const router = useRouter()
 const { t, locale } = useI18n()
 const toast = useToast()
 const { hasWhatsapp, hasEmail, defaultRenderType, isRenderTypeAllowed } = useChannels()
@@ -38,13 +39,6 @@ const { data: templates, isPending } = useTemplatesQuery(
 const { mutateAsync: deleteTemplate } = useDeleteTemplateMutation()
 const { mutateAsync: publishTemplate } = usePublishTemplateMutation()
 const { mutateAsync: unpublishTemplate } = useUnpublishTemplateMutation()
-const promoteTarget = ref<TemplateWithMessageSummary | null>(null)
-const isPromoteModalOpen = computed({
-  get: () => promoteTarget.value !== null,
-  set: (v) => {
-    if (!v) promoteTarget.value = null
-  },
-})
 
 const tabItems = computed(() => {
   const items = []
@@ -85,7 +79,7 @@ function channelFromRenderType(rt: RenderType): 'email' | 'whatsapp' {
 
 function editTemplate(tmpl: TemplateWithMessageSummary) {
   const channel = channelFromRenderType(tmpl.messages[0]?.render_type || renderType.value)
-  navigateTo({ name: `${channel}-template-edit`, params: { id: tmpl.id } })
+  router.push(`/templates/${channel}/${tmpl.id}`)
 }
 
 async function handleDelete(tmpl: TemplateWithMessageSummary) {
@@ -111,7 +105,7 @@ async function handleUnpublish(tmpl: TemplateWithMessageSummary) {
 
 function handleUse(tmpl: TemplateWithMessageSummary) {
   const channel = channelFromRenderType(tmpl.messages[0]?.render_type || renderType.value)
-  navigateTo({ name: `${channel}-message-create`, query: { from_template: tmpl.id } })
+  router.push(`/compose/${channel}/create?from_template=${tmpl.id}`)
 }
 
 function rowActions(tmpl: TemplateWithMessageSummary) {
@@ -124,16 +118,6 @@ function rowActions(tmpl: TemplateWithMessageSummary) {
   ]
 
   if (appContext.isAdmin) {
-    if (tmpl.user_id !== SYSTEM_USER_ID) {
-      actions.push({
-        label: t('templates.dialogs.promote.title'),
-        icon: 'ph:arrow-fat-up',
-        onSelect: () => {
-          promoteTarget.value = tmpl
-        },
-      })
-    }
-
     if (tmpl.visibility === 'internal') {
       actions.push({
         label: t('common.actions.publish'),
@@ -159,7 +143,7 @@ function rowActions(tmpl: TemplateWithMessageSummary) {
 
 function createTemplate() {
   const channel = channelFromRenderType(renderType.value)
-  navigateTo({ name: `${channel}-template-create` })
+  router.push(`/templates/${channel}/create`)
 }
 </script>
 
@@ -257,7 +241,5 @@ function createTemplate() {
         </UTable>
       </UCard>
     </div>
-
-    <TemplateListPromoteModal v-model:open="isPromoteModalOpen" :template="promoteTarget" />
   </LayoutBasePage>
 </template>

package/app/pages/templates/whatsapp/create.vue

@@ -13,6 +13,9 @@ const toast = useToast()
 const { t } = useI18n()
 const { goBackOrFallback } = useGoBack()
 
+const appContext = useAppContextStore()
+const isSystem = ref(false)
+
 const { mutateAsync: createTemplate } = useCreateTemplateMutation()
 const saving = ref(false)
 
@@ -33,6 +36,7 @@ async function handleSave() {
       name: store.name,
       category: store.category,
       messages,
+      ...(appContext.isAdmin && isSystem.value ? { is_system: true } : {}),
     })
 
     toast.add({ title: t('templates.dialogs.save_as_template.success'), color: 'success' })
@@ -69,6 +73,14 @@ async function handleSave() {
       />
     </template>
 
-    <ComposerWhatsappComposer ref="composerRef" mode="create" />
+    <ComposerWhatsappComposer ref="composerRef" mode="create">
+      <template #actions>
+        <UCheckbox
+          v-if="appContext.isAdmin"
+          v-model="isSystem"
+          :label="$t('templates.system_template')"
+        />
+      </template>
+    </ComposerWhatsappComposer>
   </LayoutBasePage>
 </template>

package/app/queries/templates.ts

@@ -4,7 +4,6 @@ import type {
   TemplateWithMessageSummary,
   CreateTemplatePayload,
   UpdateTemplatePayload,
-  PromoteTemplatePayload,
 } from '@dev.smartpricing/message-composer-utils/types'
 import { templatesApi } from '~/api/templates'
 
@@ -107,18 +106,6 @@ export function useUnpublishTemplateMutation() {
   })
 }
 
-export function usePromoteTemplateMutation() {
-  const queryCache = useQueryCache()
-
-  return useMutation({
-    mutation: ({ id, data }: { id: string; data: PromoteTemplatePayload }) =>
-      templatesApi.promote(id, data),
-    onSuccess: () => {
-      queryCache.invalidateQueries({ key: ['templates'] })
-    },
-  })
-}
-
 export function useSaveAsTemplateMutation() {
   const queryCache = useQueryCache()
 

package/i18n/locales/de.ts

@@ -43,7 +43,6 @@ export default {
       save: 'Speichern',
       remove: 'Entfernen',
       reset_defaults: 'Auf Standardwerte zurücksetzen',
-      confirm: 'Bestätigen',
     },
     internal: 'Intern',
     imageUpload: {

package/i18n/locales/en.ts

@@ -43,7 +43,6 @@ export default {
       save: 'Save',
       remove: 'Remove',
       reset_defaults: 'Reset to defaults',
-      confirm: 'Confirm',
     },
     internal: 'Internal',
     imageUpload: {
@@ -861,17 +860,6 @@ These messages must be functional, not promotional.
         message: 'Save this message as a reusable template?',
         success: 'Template saved successfully.',
       },
-      promote: {
-        title: 'Promote to System Template',
-        clone_label: 'Clone as System',
-        clone_description:
-          'Create an independent copy as a system template. The original template stays unchanged.',
-        convert_label: 'Convert to System',
-        convert_description:
-          'This template will become a system template. The original owner will lose ownership. This action cannot be undone.',
-        success_clone: '"{name}" cloned as system template.',
-        success_convert: '"{name}" promoted to system template.',
-      },
     },
     copy_success: 'Message created from template.',
   },

package/i18n/locales/es.ts

@@ -43,7 +43,6 @@ export default {
       save: 'Guardar',
       remove: 'Eliminar',
       reset_defaults: 'Restablecer valores predeterminados',
-      confirm: 'Confirmar',
     },
     internal: 'Interno',
     imageUpload: {

package/i18n/locales/fr.ts

@@ -43,7 +43,6 @@ export default {
       save: 'Enregistrer',
       remove: 'Supprimer',
       reset_defaults: 'Réinitialiser les valeurs par défaut',
-      confirm: 'Confirmer',
     },
     internal: 'Interne',
     imageUpload: {

package/i18n/locales/it.ts

@@ -43,7 +43,6 @@ export default {
       save: 'Salva',
       remove: 'Rimuovi',
       reset_defaults: 'Ripristina valori predefiniti',
-      confirm: 'Conferma',
     },
     internal: 'Interno',
     imageUpload: {

package/package.json

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

package/app/components/TemplateList/PromoteModal.vue

@@ -1,69 +0,0 @@
-<script setup lang="ts">
-import type { TemplateWithMessageSummary } from '@dev.smartpricing/message-composer-utils/types'
-
-const props = defineProps<{
-  template: TemplateWithMessageSummary | null
-}>()
-
-const emit = defineEmits<{
-  confirm: [mode: 'clone' | 'convert']
-}>()
-
-const open = defineModel<boolean>('open', { required: true })
-
-const { t } = useI18n()
-const { mutateAsync: promoteTemplate, isPending } = usePromoteTemplateMutation()
-const toast = useToast()
-
-const mode = ref<'clone' | 'convert'>('clone')
-
-const items = computed(() => [
-  {
-    label: t('templates.dialogs.promote.clone_label'),
-    description: t('templates.dialogs.promote.clone_description'),
-    value: 'clone' as const,
-  },
-  {
-    label: t('templates.dialogs.promote.convert_label'),
-    description: t('templates.dialogs.promote.convert_description'),
-    value: 'convert' as const,
-  },
-])
-
-async function handleConfirm() {
-  if (!props.template) return
-  await promoteTemplate({ id: props.template.id, data: { mode: mode.value } })
-  const key = mode.value === 'clone' ? 'success_clone' : 'success_convert'
-  toast.add({
-    title: t(`templates.dialogs.promote.${key}`, { name: props.template.name }),
-    color: 'success',
-  })
-  open.value = false
-}
-
-watch(open, (v) => {
-  if (v) mode.value = 'clone'
-})
-</script>
-
-<template>
-  <UModal
-    v-model:open="open"
-    :title="$t('templates.dialogs.promote.title')"
-    :ui="{ footer: 'justify-end' }"
-  >
-    <template #body>
-      <URadioGroup v-model="mode" :items="items" variant="card" color="secondary" />
-    </template>
-
-    <template #footer>
-      <UButton variant="outline" :label="$t('common.actions.cancel')" @click="open = false" />
-      <UButton
-        color="primary"
-        :label="$t('common.actions.confirm')"
-        :loading="isPending"
-        @click="handleConfirm"
-      />
-    </template>
-  </UModal>
-</template>