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

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/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()
@@ -78,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) {
@@ -104,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) {
@@ -142,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>
 

package/package.json

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