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

package/app/api/client.ts

@@ -1,4 +1,3 @@
-import { ofetch } from 'ofetch'
 import type { AppError } from '@dev.smartpricing/message-composer-utils/types'
 import { useAppContextStore } from '@/stores/appContext'
 
@@ -12,16 +11,25 @@ function assertAppError(data: unknown): data is AppError {
   return false
 }
 
-export const apiClient = ofetch.create({
-  baseURL: useRuntimeConfig().public.COMPOSER_API_URL,
+export const apiClient = createApiClient({
+  baseURL: useRuntimeConfig().public.COMPOSER_API_URL as string,
+  csrf: {
+    cookieName: (useRuntimeConfig().public.ENV_CSRF_COOKIE_NAME as string) || 'smt_csrf',
+  },
+  auth: {
+    refreshBaseURL:
+      (useRuntimeConfig().public.BACKEND_BASE_URL as string) ||
+      (useRuntimeConfig().public.PLATFORM_URL as string),
+    platformURL: useRuntimeConfig().public.PLATFORM_URL as string,
+    onRefreshFailed: () => {
+      useNuxtApp().callHook('composer:auth-error', { statusCode: 401 })
+    },
+  },
   onRequest({ options }) {
     const store = useAppContextStore()
 
-    if (store.authenticationToken) {
-      options.headers.set('Authorization', `Bearer ${store.authenticationToken}`)
-    }
-    if (store.owner_id) {
-      options.headers.set('sm-owner', store.owner_id)
+    if (store.organization_id) {
+      options.headers.set('sm-organization-id', store.organization_id)
     }
     if (store.metaWabaId) {
       options.headers.set('x-meta-waba-id', store.metaWabaId)
@@ -33,11 +41,7 @@ export const apiClient = ofetch.create({
       options.headers.set('sm-default-tags', store.default_tags.join(','))
     }
   },
-  async onResponseError({ response }) {
-    if (response.status === 401) {
-      await useNuxtApp().callHook('composer:auth-error', { statusCode: 401 })
-    }
-
+  onResponseError({ response }) {
     const error = response._data
     if (assertAppError(error)) {
       useToast().add({

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

@@ -6,8 +6,9 @@ export interface OrganizationData {
 }
 
 export interface ComposerContext {
-  authenticationToken: Ref<string>
-  owner_id?: Ref<string>
+  /** @deprecated No longer used — auth is cookie-based via platform layer */
+  authenticationToken?: Ref<string>
+  organization_id?: Ref<string>
   product?: Ref<AppContextConfig['product']>
   strategy?: Ref<AppContextConfig['strategy']>
   channels?: Ref<AppContextConfig['channels']>
@@ -29,9 +30,7 @@ export function defineComposerContext(context: ComposerContext): void {
   useNuxtApp().vueApp.provide(COMPOSER_CONTEXT_KEY, context)
 }
 
-const SERVER_FALLBACK: ComposerContext = {
-  authenticationToken: ref(''),
-}
+const SERVER_FALLBACK: ComposerContext = {}
 
 export function useComposerContext(): ComposerContext {
   if (import.meta.server) return SERVER_FALLBACK

package/app/stores/appContext.ts

@@ -10,8 +10,7 @@ export const useAppContextStore = defineStore('appContext', () => {
   const isInitialized = ref<boolean>(false)
 
   // Proxy from injection with defaults (same interface as before)
-  const authenticationToken = computed(() => ctx.authenticationToken.value)
-  const owner_id = computed(() => ctx.owner_id?.value ?? '')
+  const organization_id = computed(() => ctx.organization_id?.value ?? '')
   const product = computed<NonNullable<AppContextConfig['product']>>(
     () => ctx.product?.value ?? 'browser',
   )
@@ -44,7 +43,6 @@ export const useAppContextStore = defineStore('appContext', () => {
 
   // Computed context object for convenience
   const context = computed<AppContextState>(() => ({
-    authenticationToken: authenticationToken.value,
     product: product.value,
     strategy: strategy.value,
     channels: channels.value,
@@ -52,7 +50,7 @@ export const useAppContextStore = defineStore('appContext', () => {
     mainLanguage: mainLanguage.value,
     metaWabaId: metaWabaId.value,
     metaAccessToken: metaAccessToken.value,
-    owner_id: owner_id.value,
+    organization_id: organization_id.value,
     default_tags: default_tags.value,
     initializationSource: 'injection',
   }))
@@ -61,10 +59,6 @@ export const useAppContextStore = defineStore('appContext', () => {
   const validationErrors = computed<Record<string, string>>(() => {
     const errors: Record<string, string> = {}
 
-    if (!authenticationToken.value) {
-      errors.authenticationToken = 'Authentication token is required'
-    }
-
     if (channels.value?.includes('whatsapp') && !metaWabaId.value) {
       errors.metaConfig = 'Meta WABA ID is required for WhatsApp'
     }
@@ -78,7 +72,6 @@ export const useAppContextStore = defineStore('appContext', () => {
   }
 
   return {
-    authenticationToken,
     product,
     strategy,
     channels,
@@ -87,7 +80,7 @@ export const useAppContextStore = defineStore('appContext', () => {
     dinamicValues,
     metaWabaId,
     metaAccessToken,
-    owner_id,
+    organization_id,
     default_tags,
     isAdmin,
 

package/app/stores/emailComposer.ts

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

package/nuxt.config.ts

@@ -5,11 +5,10 @@ export default defineNuxtConfig({
     viteEnvironmentApi: true,
   },
   devtools: { enabled: true },
-  modules: ['@pinia/nuxt', '@nuxtjs/i18n', '@pinia/colada-nuxt'],
   imports: {
     dirs: ['stores', 'queries'],
   },
-  extends: ['nuxt-ui-layer'],
+  extends: ['@dev.smartpricing/platform-layer'],
   i18n: {
     strategy: 'no_prefix',
     locales: [
@@ -46,11 +45,9 @@ export default defineNuxtConfig({
     ],
     detectBrowserLanguage: {
       useCookie: true,
-      cookieKey: 'i18n_redirected',
+      cookieKey: 'smt_lang',
       fallbackLocale: 'en',
       cookieDomain: process.env.NUXT_PUBLIC_COOKIE_DOMAIN || undefined,
-      cookieCrossOrigin: true,
-      cookieSecure: false,
     },
     defaultLocale: 'en',
     compilation: {
@@ -60,6 +57,9 @@ export default defineNuxtConfig({
   runtimeConfig: {
     public: {
       COMPOSER_API_URL: '',
+      BACKEND_BASE_URL: '',
+      PLATFORM_URL: '',
+      ENV_CSRF_COOKIE_NAME: 'smt_csrf',
     },
   },
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "4.1.1",
+  "version": "4.2.1",
   "private": false,
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -12,11 +12,9 @@
     "app.config.ts"
   ],
   "dependencies": {
+    "@dev.smartpricing/platform-layer": "^0.0.8",
     "@formkit/drag-and-drop": "^0.5.3",
-    "@nuxtjs/i18n": "^10.3.0",
     "@pinia/colada": "^1.3.0",
-    "@pinia/colada-nuxt": "^1.0.1",
-    "@pinia/nuxt": "^0.11.3",
     "@tiptap/extension-character-count": "^3.23.4",
     "@tiptap/extension-emoji": "^3.23.4",
     "@tiptap/extension-link": "^3.23.4",
@@ -38,14 +36,14 @@
     "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.2.1"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.15.2",
     "@nuxt/test-utils": "^4.0.3",
     "@playwright/test": "^1.60.0",
     "dotenv": "^17.4.2",
-    "nuxt-ui-layer": "git+ssh://git@github.com:smartpricing/smartness-nuxt-ui#v1.6.6",
+    "nuxt-ui-layer": "git+ssh://git@github.com:smartpricing/smartness-nuxt-ui#v1.7.2",
     "vue-tsc": "^3.2.9"
   },
   "peerDependencies": {
@@ -53,7 +51,6 @@
   },
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev",
     "lint": "eslint app/ --fix",
     "format": "prettier --write app/",
     "typecheck": "nuxt typecheck",