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

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "4.1.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"
+    "@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",