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

package/i18n/locales/es.ts

@@ -236,7 +236,10 @@ Estos mensajes deben ser funcionales, no promocionales.
     email: {
       send_test: 'Enviar prueba',
       send_test_success: 'Correo de prueba enviado correctamente.',
+      test_email_to: 'Para',
       test_email_to_placeholder: 'Correo(s) del destinatario, separados por ;',
+      test_email_from: 'De',
+      test_email_from_placeholder: 'Dirección de email del remitente',
       create_message_group: {
         title: 'Crear mensaje',
         save: 'Guardar',
@@ -830,47 +833,6 @@ Estos mensajes deben ser funcionales, no promocionales.
     no_preview: 'No hay vista previa disponible',
     subject: 'Asunto',
   },
-  templates: {
-    title: 'Plantillas',
-    my_templates: 'Mis plantillas',
-    system_templates: 'Plantillas del sistema',
-    add_template: 'Nueva plantilla',
-    create_template: 'Crear plantilla',
-    edit_template: 'Editar plantilla',
-    use_template: 'Usar esta plantilla',
-    start_from_scratch: 'Empezar desde cero',
-    pick_template: 'Elegir una plantilla',
-    save_as_template: 'Guardar como plantilla',
-    system_template: 'Plantilla de sistema',
-    template_name: 'Nombre de plantilla',
-    template_name_placeholder: 'Ingrese nombre de plantilla',
-    no_templates: 'No hay plantillas disponibles',
-    new_message_email: 'Nuevo mensaje de email',
-    new_message_whatsapp: 'Nuevo mensaje de WhatsApp',
-    dialogs: {
-      delete: {
-        title: 'Eliminar plantilla',
-        message: 'Esta acción no se puede deshacer. ¿Está seguro de que desea eliminar {name}?',
-        success: '"{name}" ha sido eliminado.',
-      },
-      publish: {
-        title: 'Publicar plantilla',
-        message: '¿Publicar "{name}" para hacerla disponible a todos los usuarios?',
-        success: '"{name}" ha sido publicado.',
-      },
-      unpublish: {
-        title: 'Ocultar plantilla',
-        message: '¿Ocultar "{name}"? Ya no será visible para otros usuarios.',
-        success: '"{name}" ha sido ocultado.',
-      },
-      save_as_template: {
-        title: 'Guardar como plantilla',
-        message: '¿Guardar este mensaje como plantilla reutilizable?',
-        success: 'Plantilla guardada exitosamente.',
-      },
-    },
-    copy_success: 'Mensaje creado a partir de la plantilla.',
-  },
   public: {
     select_message: {
       choose_message: 'Elige un mensaje...',

package/i18n/locales/fr.ts

@@ -236,7 +236,10 @@ Ces messages doivent être fonctionnels, et non promotionnels.
     email: {
       send_test: 'Envoyer un test',
       send_test_success: 'E-mail de test envoyé avec succès.',
+      test_email_to: 'À',
       test_email_to_placeholder: 'E-mail(s) du/des destinataire(s), séparé(s) par ;',
+      test_email_from: 'De',
+      test_email_from_placeholder: "Adresse e-mail de l'expéditeur",
       create_message_group: {
         title: 'Créer un message',
         save: 'Enregistrer',
@@ -834,47 +837,6 @@ Ces messages doivent être fonctionnels, et non promotionnels.
     no_preview: 'Aucun aperçu disponible',
     subject: 'Objet',
   },
-  templates: {
-    title: 'Modèles',
-    my_templates: 'Mes modèles',
-    system_templates: 'Modèles système',
-    add_template: 'Nouveau modèle',
-    create_template: 'Créer un modèle',
-    edit_template: 'Modifier le modèle',
-    use_template: 'Utiliser ce modèle',
-    start_from_scratch: 'Partir de zéro',
-    pick_template: 'Choisir un modèle',
-    save_as_template: 'Enregistrer comme modèle',
-    system_template: 'Modèle système',
-    template_name: 'Nom du modèle',
-    template_name_placeholder: 'Entrez le nom du modèle',
-    no_templates: 'Aucun modèle disponible',
-    new_message_email: 'Nouveau message email',
-    new_message_whatsapp: 'Nouveau message WhatsApp',
-    dialogs: {
-      delete: {
-        title: 'Supprimer le modèle',
-        message: 'Cette action est irréversible. Êtes-vous sûr de vouloir supprimer {name} ?',
-        success: '"{name}" a été supprimé.',
-      },
-      publish: {
-        title: 'Publier le modèle',
-        message: 'Publier "{name}" pour le rendre accessible à tous les utilisateurs ?',
-        success: '"{name}" a été publié.',
-      },
-      unpublish: {
-        title: 'Masquer le modèle',
-        message: 'Masquer "{name}" ? Il ne sera plus visible pour les autres utilisateurs.',
-        success: '"{name}" a été masqué.',
-      },
-      save_as_template: {
-        title: 'Enregistrer comme modèle',
-        message: 'Enregistrer ce message comme modèle réutilisable ?',
-        success: 'Modèle enregistré avec succès.',
-      },
-    },
-    copy_success: 'Message créé à partir du modèle.',
-  },
   public: {
     select_message: {
       choose_message: 'Choisir un message...',

package/i18n/locales/it.ts

@@ -236,7 +236,10 @@ Questi messaggi devono essere funzionali, non promozionali.
     email: {
       send_test: 'Invia test',
       send_test_success: 'Email di test inviata con successo.',
+      test_email_to: 'A',
       test_email_to_placeholder: 'Email destinatario/i, separate da ;',
+      test_email_from: 'Da',
+      test_email_from_placeholder: 'Indirizzo email mittente',
       create_message_group: {
         title: 'Crea messaggio',
         save: 'Salva',
@@ -828,47 +831,6 @@ Questi messaggi devono essere funzionali, non promozionali.
     no_preview: 'Nessuna anteprima disponibile',
     subject: 'Oggetto',
   },
-  templates: {
-    title: 'Modelli',
-    my_templates: 'I miei modelli',
-    system_templates: 'Modelli di sistema',
-    add_template: 'Nuovo modello',
-    create_template: 'Crea modello',
-    edit_template: 'Modifica modello',
-    use_template: 'Usa questo modello',
-    start_from_scratch: 'Inizia da zero',
-    pick_template: 'Scegli un modello',
-    save_as_template: 'Salva come modello',
-    system_template: 'Modello di sistema',
-    template_name: 'Nome modello',
-    template_name_placeholder: 'Inserisci nome modello',
-    no_templates: 'Nessun modello disponibile',
-    new_message_email: 'Nuovo messaggio email',
-    new_message_whatsapp: 'Nuovo messaggio WhatsApp',
-    dialogs: {
-      delete: {
-        title: 'Elimina modello',
-        message: 'Questa azione non può essere annullata. Sei sicuro di voler eliminare {name}?',
-        success: '"{name}" è stato eliminato.',
-      },
-      publish: {
-        title: 'Pubblica modello',
-        message: 'Pubblicare "{name}" per renderlo disponibile a tutti gli utenti?',
-        success: '"{name}" è stato pubblicato.',
-      },
-      unpublish: {
-        title: 'Nascondi modello',
-        message: 'Nascondere "{name}"? Non sarà più visibile agli altri utenti.',
-        success: '"{name}" è stato nascosto.',
-      },
-      save_as_template: {
-        title: 'Salva come modello',
-        message: 'Salvare questo messaggio come modello riutilizzabile?',
-        success: 'Modello salvato con successo.',
-      },
-    },
-    copy_success: 'Messaggio creato dal modello.',
-  },
   public: {
     select_message: {
       choose_message: 'Scegli un messaggio...',

package/package.json

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

package/app/api/templates.ts

@@ -1,55 +0,0 @@
-import type { TemplateFromDb, RenderType } from '@dev.smartpricing/message-composer-utils/types'
-import type {
-  TemplateWithMessages,
-  TemplateWithMessageSummary,
-  CreateTemplatePayload,
-  UpdateTemplatePayload,
-} from '@dev.smartpricing/message-composer-utils/types'
-import { apiClient } from './client'
-
-export const templatesApi = {
-  getAll: (options?: {
-    renderType?: RenderType
-    scope?: 'system' | 'mine' | 'all'
-    tags?: string[]
-    tagsMode?: 'and' | 'or'
-  }) => {
-    const params = new URLSearchParams()
-    if (options?.renderType) params.set('render_type', options.renderType)
-    if (options?.scope) params.set('scope', options.scope)
-    if (options?.tags && options.tags.length > 0) {
-      options.tags.forEach((tag) => params.append('tags', tag))
-    }
-    if (options?.tagsMode) params.set('tags_mode', options.tagsMode)
-
-    const query = params.size ? `?${params.toString()}` : ''
-    return apiClient<TemplateWithMessageSummary[]>(`/templates${query}`)
-  },
-
-  getById: (id: string) => apiClient<TemplateWithMessages>(`/templates/${id}`),
-
-  create: (data: CreateTemplatePayload) =>
-    apiClient<TemplateFromDb & { tags: string[] }>('/templates', {
-      method: 'POST',
-      body: data,
-    }),
-
-  update: (id: string, data: UpdateTemplatePayload) =>
-    apiClient<TemplateFromDb>(`/templates/${id}`, {
-      method: 'PUT',
-      body: data,
-    }),
-
-  delete: (id: string) => apiClient(`/templates/${id}`, { method: 'DELETE' }),
-
-  publish: (id: string) => apiClient<TemplateFromDb>(`/templates/${id}/publish`, { method: 'PUT' }),
-
-  unpublish: (id: string) =>
-    apiClient<TemplateFromDb>(`/templates/${id}/unpublish`, { method: 'PUT' }),
-
-  saveFromMessageGroup: (messageGroupId: string, name?: string) =>
-    apiClient<TemplateFromDb>(`/message-groups/${messageGroupId}/save-as-template`, {
-      method: 'POST',
-      body: { name },
-    }),
-}

package/app/components/Common/NewMessageModal.vue

@@ -1,276 +0,0 @@
-<script setup lang="ts">
-import { SYSTEM_USER_ID } from '@dev.smartpricing/message-composer-utils/types'
-import type {
-  RenderType,
-  TemplateWithMessageSummary,
-  PostEntity,
-  WhatsappMessage,
-  EmailMessage,
-  BrandFromDb,
-} from '@dev.smartpricing/message-composer-utils/types'
-import type { TemplateWithMessages } from '@dev.smartpricing/message-composer-utils/types'
-import { getEmailEmpty, getWhatsappEmpty } from '@dev.smartpricing/message-composer-utils/utils'
-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()
-
-const renderType = ref<RenderType>(defaultRenderType.value)
-const selectedId = ref<string>() // undefined = "start from scratch"
-const selectedTemplateData = ref<TemplateWithMessages>()
-const loadingPreview = ref(false)
-const brand = ref<BrandFromDb>()
-
-const isFromScratch = computed(() => selectedId.value == null)
-const isEmail = computed(() => renderType.value === 'email_v1')
-
-const channelItems = computed(() =>
-  allowedRenderTypes.value.map((rt) => ({ label: t(`message.render_type.${rt}`), value: rt })),
-)
-
-function renderTypeToChannel(rt: RenderType): 'email' | 'whatsapp' {
-  return rt === 'email_v1' ? 'email' : 'whatsapp'
-}
-
-// Brands query (for email brand selector)
-const { data: brands } = useBrandsQuery()
-
-// Templates query
-const { data: templates, isPending: templatesLoading } = useTemplatesQuery(
-  computed(() => ({ renderType: renderType.value })),
-)
-
-const systemTemplates = computed(() =>
-  (templates.value || []).filter((t) => t.user_id === SYSTEM_USER_ID),
-)
-
-const myTemplates = computed(() =>
-  (templates.value || []).filter((t) => t.user_id !== SYSTEM_USER_ID),
-)
-
-// Default empty message for "Start from scratch" preview
-const scratchMessage = computed(() => {
-  if (isEmail.value) {
-    return getEmailEmpty(mainLanguage.value)
-  }
-  return getWhatsappEmpty(mainLanguage.value)
-})
-
-// Preview message: scratch or selected template
-const previewMessage = computed<PostEntity<EmailMessage> | PostEntity<WhatsappMessage> | undefined>(
-  () => {
-    if (isFromScratch.value) {
-      return scratchMessage.value
-    }
-
-    if (!selectedTemplateData.value?.messages?.length) return undefined
-    const msgs = selectedTemplateData.value.messages
-    const msg =
-      msgs.find((m) => m.language_id === locale.value) ||
-      msgs.find((m) => m.language_id === 'en') ||
-      msgs[0]
-    if (!msg) return undefined
-    return {
-      render_type: msg.render_type,
-      body: msg.body,
-      metadata: msg.metadata || {},
-      language_id: msg.language_id,
-      message_group_id: '',
-      status: 'draft' as const,
-      owner: '',
-      user_id: '',
-    } as PostEntity<EmailMessage> | PostEntity<WhatsappMessage>
-  },
-)
-
-// Footer button label
-const actionLabel = computed(() =>
-  isFromScratch.value ? t('templates.start_from_scratch') : t('templates.use_template'),
-)
-
-// Reset on open — pre-select "Start from scratch"
-watch(isOpen, (open) => {
-  if (open) {
-    selectedId.value = undefined
-    selectedTemplateData.value = undefined
-    brand.value = undefined
-    renderType.value = defaultRenderType.value
-  }
-})
-
-// Reset selection when render type changes
-watch(renderType, () => {
-  selectedId.value = undefined
-  selectedTemplateData.value = undefined
-  brand.value = undefined
-})
-
-// Fetch full template when selected
-watch(selectedId, async (id) => {
-  if (!id) {
-    selectedTemplateData.value = undefined
-    return
-  }
-  loadingPreview.value = true
-  try {
-    selectedTemplateData.value = await templatesApi.getById(id)
-  } finally {
-    loadingPreview.value = false
-  }
-})
-
-function selectScratch() {
-  selectedId.value = undefined
-  selectedTemplateData.value = undefined
-}
-
-function selectTemplate(tmpl: TemplateWithMessageSummary) {
-  selectedId.value = selectedId.value === tmpl.id ? undefined : tmpl.id
-}
-
-function handleCreate() {
-  isOpen.value = false
-  const channel = renderTypeToChannel(renderType.value)
-  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>
-
-<template>
-  <USlideover
-    v-model:open="isOpen"
-    :title="$t('pages.message_library.add_message_group')"
-    side="right"
-    :ui="{ content: 'max-w-5xl', body: 'sm:p-0 p-0', footer: 'justify-end' }"
-  >
-    <template #body>
-      <div class="grid grid-cols-[1fr_1fr] divide-x divide-muted min-h-full">
-        <!-- Left: Controls + Template list -->
-        <div class="overflow-y-auto p-6 space-y-4">
-          <!-- Channel selector -->
-          <USelect v-if="channelItems.length > 1" v-model="renderType" :items="channelItems" />
-
-          <!-- Brand selector (email only) -->
-          <UFormField
-            v-if="isEmail && brands?.length"
-            :label="$t('editor.email.generalStyle.brandSection')"
-          >
-            <USelectMenu v-model="brand" labelKey="name" :items="brands" />
-          </UFormField>
-
-          <!-- Start from scratch -->
-          <button
-            class="flex w-full items-center gap-3 rounded-lg border-2 border-dashed p-3 text-left text-sm transition"
-            :class="
-              isFromScratch
-                ? 'border-(--ui-primary) bg-(--ui-primary)/5'
-                : 'border-(--ui-border-muted) hover:border-(--ui-border) hover:bg-(--ui-bg-elevated)'
-            "
-            @click="selectScratch"
-          >
-            <UIcon name="ph:plus-circle" class="text-xl text-(--ui-text-muted)" />
-            <span class="font-medium">{{ $t('templates.start_from_scratch') }}</span>
-          </button>
-
-          <!-- Loading -->
-          <div v-if="templatesLoading" class="flex justify-center py-4">
-            <UIcon name="ph:spinner" class="animate-spin text-xl text-(--ui-text-muted)" />
-          </div>
-
-          <template v-else>
-            <!-- My Templates -->
-            <div v-if="myTemplates.length > 0">
-              <h4 class="mb-2 text-xs font-semibold text-(--ui-text-muted) uppercase">
-                {{ $t('templates.my_templates') }}
-              </h4>
-              <div class="space-y-1">
-                <button
-                  v-for="tmpl in myTemplates"
-                  :key="tmpl.id"
-                  class="flex w-full items-center justify-between rounded-md p-2.5 text-left text-sm transition"
-                  :class="
-                    selectedId === tmpl.id
-                      ? 'bg-(--ui-primary)/10 ring-1 ring-(--ui-primary)'
-                      : 'hover:bg-(--ui-bg-elevated)'
-                  "
-                  @click="selectTemplate(tmpl)"
-                >
-                  <div class="flex items-center gap-2">
-                    <span>{{ tmpl.name }}</span>
-                    <UBadge :label="tmpl.category" size="sm" color="neutral" variant="soft" />
-                  </div>
-                  <UBadge
-                    :label="`${tmpl.messages.length} lang`"
-                    size="sm"
-                    color="info"
-                    variant="soft"
-                  />
-                </button>
-              </div>
-            </div>
-
-            <!-- System Templates -->
-            <div v-if="systemTemplates.length > 0">
-              <h4 class="mb-2 text-xs font-semibold text-(--ui-text-muted) uppercase">
-                {{ $t('templates.system_templates') }}
-              </h4>
-              <div class="space-y-1">
-                <button
-                  v-for="tmpl in systemTemplates"
-                  :key="tmpl.id"
-                  class="flex w-full items-center justify-between rounded-md p-2.5 text-left text-sm transition"
-                  :class="
-                    selectedId === tmpl.id
-                      ? 'bg-(--ui-primary)/10 ring-1 ring-(--ui-primary)'
-                      : 'hover:bg-(--ui-bg-elevated)'
-                  "
-                  @click="selectTemplate(tmpl)"
-                >
-                  <div class="flex items-center gap-2">
-                    <span>{{ tmpl.name }}</span>
-                    <UBadge :label="tmpl.category" size="sm" color="neutral" variant="soft" />
-                  </div>
-                  <UBadge
-                    :label="`${tmpl.messages.length} lang`"
-                    size="sm"
-                    color="info"
-                    variant="soft"
-                  />
-                </button>
-              </div>
-            </div>
-          </template>
-        </div>
-
-        <!-- Right: Preview -->
-        <div class="bg-neutral-50 overflow-y-auto">
-          <div v-if="loadingPreview" class="flex items-center justify-center h-full">
-            <UIcon name="ph:spinner" class="animate-spin text-xl text-(--ui-text-muted)" />
-          </div>
-
-          <div v-else-if="previewMessage && !isEmail" class="p-6">
-            <WhatsappPreview :message="previewMessage as PostEntity<WhatsappMessage>" />
-          </div>
-
-          <div v-else-if="previewMessage && isEmail" class="p-6">
-            <EmailInlinePreview
-              :message="previewMessage as PostEntity<EmailMessage>"
-              :brand="brand"
-            />
-          </div>
-        </div>
-      </div>
-    </template>
-
-    <template #footer>
-      <UButton :label="actionLabel" color="primary" @click="handleCreate" />
-    </template>
-  </USlideover>
-</template>

package/app/pages/templates/email/[id].vue

@@ -1,82 +0,0 @@
-<script setup lang="ts">
-import type { EmailMessage, PostEntity } from '@dev.smartpricing/message-composer-utils/types'
-
-definePageMeta({
-  name: 'email-template-edit',
-  middleware: ['channel-guard'],
-  channel: 'email',
-})
-
-const route = useRoute()
-const composerRef = useTemplateRef('composerRef')
-const store = useEmailComposerStore()
-const toast = useToast()
-const { t } = useI18n()
-const { goBackOrFallback } = useGoBack()
-
-const templateId = computed(() => route.params.id as string)
-
-const { mutateAsync: updateTemplate } = useUpdateTemplateMutation()
-const saving = ref(false)
-
-async function handleSave() {
-  saving.value = true
-  try {
-    const messages = Object.values(store.messages).map((msg) => {
-      const m = msg as PostEntity<EmailMessage>
-      return {
-        language_id: m.language_id,
-        render_type: m.render_type,
-        body: m.body,
-        metadata: m.metadata || {},
-      }
-    })
-
-    await updateTemplate({
-      id: templateId.value,
-      data: {
-        name: store.name,
-        category: store.category,
-        messages,
-      },
-    })
-
-    toast.add({ title: t('templates.dialogs.save_as_template.success'), color: 'success' })
-    goBackOrFallback()
-  } finally {
-    saving.value = false
-  }
-}
-</script>
-
-<template>
-  <LayoutBasePage
-    :title="$t('templates.edit_template')"
-    :tabs="[
-      { label: $t('pages.email.edit_message_group.tab_content'), value: 'content' },
-      { label: $t('pages.email.edit_message_group.tab_translations'), value: 'translations' },
-    ]"
-    :active-tab="store.activeTab"
-    @tab-change="store.activeTab = $event as 'content' | 'translations'"
-  >
-    <template #actions>
-      <UButton
-        @click="composerRef?.handleCancel()"
-        :label="$t('common.actions.cancel')"
-        color="primary"
-        variant="ghost"
-        :loading="saving || composerRef?.isTranslating"
-      />
-      <UButton
-        @click="handleSave()"
-        :label="$t('common.actions.save')"
-        color="primary"
-        :loading="saving || composerRef?.isTranslating"
-      />
-    </template>
-
-    <ComposerEmailComposer ref="composerRef" mode="create" :from-template-id="templateId">
-      <template #actions></template>
-    </ComposerEmailComposer>
-  </LayoutBasePage>
-</template>