@dev.smartpricing/message-composer-layer 4.1.1-smartness.1 → 4.1.3

package/app/api/client.ts

@@ -20,11 +20,8 @@ export const apiClient = ofetch.create({
     if (store.authenticationToken) {
       options.headers.set('Authorization', `Bearer ${store.authenticationToken}`)
     }
-    if (store.organization_id) {
-      options.headers.set('sm-organization-id', store.organization_id)
-    }
     if (store.owner_id) {
-      options.headers.set('sm-owner', store.owner_id) // deprecated: remove after full migration
+      options.headers.set('sm-owner', store.owner_id)
     }
     if (store.metaWabaId) {
       options.headers.set('x-meta-waba-id', store.metaWabaId)

package/app/components/Editor/RichTextEditor.vue

@@ -8,7 +8,11 @@ import type {
   GenerateTextWidgetType,
   RefineTextResponse,
 } from '@dev.smartpricing/message-composer-utils/types'
-import { convertToWhatsappMarkdown } from '@dev.smartpricing/message-composer-utils/utils'
+import {
+  convertToWhatsappMarkdown,
+  getTipTapExtensions,
+  sanitizeContent,
+} from '@dev.smartpricing/message-composer-utils/utils'
 import EmojiPickerButton from '../Common/EmojiPickerButton.vue'
 import DynamicDataSlideover from '../DynamicDataSlideover.vue'
 import EditorLinkPopover from './EditorLinkPopover.vue'
@@ -350,6 +354,16 @@ function isEmpty() {
   return getHtml() === '' || editor.value?.isEmpty
 }
 
+function sanitizeEditor() {
+  const val = toValue(text)
+  if (!val) return
+  const clean = sanitizeContent(val, getTipTapExtensions({ preset: props.preset }))
+
+  if (clean !== val) {
+    text.value = clean
+  }
+}
+
 defineExpose({
   editor,
   setFocus,
@@ -372,6 +386,8 @@ defineExpose({
         :on-update="handleUpdate as any"
         :mention="false"
         :on-blur="handleBlur"
+        enable-content-check
+        :onContentError="sanitizeEditor"
         :placeholder="$t('editor.placeholder.insert_text')"
         :data-testid="richTextEditorTestIds.editor"
       >

package/app/components/Whatsapp/Preview.vue

@@ -6,7 +6,10 @@ import type {
 } from '@dev.smartpricing/message-composer-utils/types'
 import { generateHTML } from '@tiptap/vue-3'
 import { computed } from 'vue'
-import { getTipTapExtensions } from '@dev.smartpricing/message-composer-utils/utils'
+import {
+  generateWhatsappHtml,
+  getTipTapExtensions,
+} from '@dev.smartpricing/message-composer-utils/utils'
 import { useResolvedParametersQuery } from '~/queries/compilation'
 
 defineOptions({
@@ -38,10 +41,10 @@ function replaceMentionsWithValues(html: string): string {
 
 const bodyHtml = computed(() => {
   if (!props.message.body.body.content) return ''
-  const html = generateHTML(
-    props.message.body.body.content,
-    getTipTapExtensions({ preset: 'whatsapp' }),
-  ).replaceAll('<p></p>', '<p>&nbsp;</p>')
+  const html = generateWhatsappHtml(props.message.body.body.content).replaceAll(
+    '<p></p>',
+    '<p>&nbsp;</p>',
+  )
   return replaceMentionsWithValues(html)
 })
 

package/app/composables/composerContext.ts

@@ -7,8 +7,6 @@ export interface OrganizationData {
 
 export interface ComposerContext {
   authenticationToken: Ref<string>
-  organization_id?: Ref<string>
-  /** @deprecated use organization_id */
   owner_id?: Ref<string>
   product?: Ref<AppContextConfig['product']>
   strategy?: Ref<AppContextConfig['strategy']>

package/app/stores/appContext.ts

@@ -11,9 +11,7 @@ export const useAppContextStore = defineStore('appContext', () => {
 
   // Proxy from injection with defaults (same interface as before)
   const authenticationToken = computed(() => ctx.authenticationToken.value)
-  const organization_id = computed(() => ctx.organization_id?.value ?? ctx.owner_id?.value ?? '')
-  /** @deprecated use organization_id */
-  const owner_id = computed(() => ctx.owner_id?.value ?? ctx.organization_id?.value ?? '')
+  const owner_id = computed(() => ctx.owner_id?.value ?? '')
   const product = computed<NonNullable<AppContextConfig['product']>>(
     () => ctx.product?.value ?? 'browser',
   )
@@ -54,7 +52,7 @@ export const useAppContextStore = defineStore('appContext', () => {
     mainLanguage: mainLanguage.value,
     metaWabaId: metaWabaId.value,
     metaAccessToken: metaAccessToken.value,
-    organization_id: organization_id.value,
+    owner_id: owner_id.value,
     default_tags: default_tags.value,
     initializationSource: 'injection',
   }))
@@ -89,7 +87,6 @@ export const useAppContextStore = defineStore('appContext', () => {
     dinamicValues,
     metaWabaId,
     metaAccessToken,
-    organization_id,
     owner_id,
     default_tags,
     isAdmin,

package/app/stores/emailComposer.ts

@@ -34,6 +34,7 @@ export const useEmailComposerStore = defineStore('emailComposer', () => {
 
   // ── Computed ──────────────────────────────────────────────────────
   const messageGroupData = computed(() => ({
+    user_id: '',
     name: name.value,
     category: category.value,
     visibility: isInternal.value ? 'internal' : 'public',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "4.1.1-smartness.1",
+  "version": "4.1.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.1.1-smartness.1"
+    "@dev.smartpricing/message-composer-utils": "4.1.3"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.15.2",
@@ -53,7 +53,6 @@
   },
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev",
     "lint": "eslint app/ --fix",
     "format": "prettier --write app/",
     "typecheck": "nuxt typecheck",