@dev.smartpricing/message-composer-layer 1.0.27 → 4.0.1

package/app/components/Composer/EmailContent.vue

@@ -17,7 +17,7 @@ const emit = defineEmits<{
 
 const store = useEmailComposerStore()
 const emailEditorStore = useEmailEditorStore()
-const adminStore = useAdminStore()
+const appContext = useAppContextStore()
 
 const testIds = computed(() =>
   props.mode === 'create' ? templateEmailCreateTestIds : templateEmailEditTestIds,
@@ -67,7 +67,7 @@ const testIds = computed(() =>
         </UFieldGroup>
 
         <USwitch
-          v-if="mode === 'create' && adminStore.isAdminModeActive"
+          v-if="mode === 'create' && appContext.isAdmin"
           :label="$t('common.internal')"
           v-model="store.isInternal"
           color="info"

package/app/components/Composer/WhatsappContent.vue

@@ -13,7 +13,7 @@ const emit = defineEmits<{
 }>()
 
 const store = useWhatsappComposerStore()
-const adminStore = useAdminStore()
+const appContext = useAppContextStore()
 
 const testIds = computed(() =>
   props.mode === 'create' ? templateWhatsappCreateTestIds : templateWhatsappEditTestIds,
@@ -55,7 +55,7 @@ const testIds = computed(() =>
         </UFieldGroup>
 
         <USwitch
-          v-if="mode === 'create' && adminStore.isAdminModeActive"
+          v-if="mode === 'create' && appContext.isAdmin"
           v-model="store.isInternal"
           :label="$t('common.internal')"
           color="info"

package/app/components/Email/Preview.vue

@@ -21,7 +21,7 @@ const props = withDefaults(
 )
 
 const iframeWidth = computed(() => {
-  return props.view === 'mobile' ? '400px' : '600px'
+  return props.view === 'mobile' ? '400px' : '800px'
 })
 
 // Extract parameters directly from message
@@ -108,7 +108,6 @@ watch(
       <HtmlPreviewIframe
         :html="iframeContent"
         title="Email preview"
-        :min-height="600"
         class="border-0 bg-white w-full"
         :data-testid="emailPreviewTestIds.iframe"
       />

package/app/components/TemplateList/BaseTable.vue

@@ -20,7 +20,7 @@ const emit = defineEmits<{
   unpublish: [MessageGroupWithMessageSummary]
 }>()
 
-const adminStore = useAdminStore()
+const appContext = useAppContextStore()
 const { trackEvent } = useTracking()
 
 const { t, locale } = useI18n()
@@ -44,7 +44,7 @@ function getLocalizedMessage(row: MessageGroupWithMessageSummary) {
 
 function rowActions(row: MessageGroupWithMessageSummary) {
   const publishAction =
-    adminStore.isAdminModeActive && row.visibility === 'internal'
+    appContext.isAdmin && row.visibility === 'internal'
       ? {
           label: t('common.actions.publish'),
           icon: 'ph:globe',
@@ -52,7 +52,7 @@ function rowActions(row: MessageGroupWithMessageSummary) {
           onSelect: () => emit('publish', row),
           'data-testid': `${templateListTableTestIds.rowPublishAction}-${row.id}`,
         }
-      : adminStore.isAdminModeActive && row.visibility === 'public'
+      : appContext.isAdmin && row.visibility === 'public'
         ? {
             label: t('common.actions.unpublish'),
             icon: 'ph:globe-x',
@@ -158,7 +158,7 @@ const props = defineProps<{
 }>()
 
 const filteredMessageGroups = computed(() => {
-  if (adminStore.isAdminModeActive) return props.messageGroups
+  if (appContext.isAdmin) return props.messageGroups
   return props.messageGroups.filter((mg) => mg.visibility !== 'internal')
 })
 

package/app/composables/composerContext.ts

@@ -13,6 +13,7 @@ export interface ComposerContext {
   default_tags?: Ref<string[]>
   metaWabaId?: Ref<string>
   metaAccessToken?: Ref<string>
+  isAdmin?: Ref<boolean>
 }
 
 export const COMPOSER_CONTEXT_KEY: InjectionKey<ComposerContext> = Symbol.for('composer-context')
@@ -23,7 +24,13 @@ export function defineComposerContext(context: ComposerContext): void {
   useNuxtApp().vueApp.provide(COMPOSER_CONTEXT_KEY, context)
 }
 
+const SERVER_FALLBACK: ComposerContext = {
+  authenticationToken: ref(''),
+}
+
 export function useComposerContext(): ComposerContext {
+  if (import.meta.server) return SERVER_FALLBACK
+
   // runWithContext ensures inject() can reach app-level provides
   // even outside component setup (e.g. Pinia stores, middleware).
   const context = useNuxtApp().vueApp.runWithContext(() => inject(COMPOSER_CONTEXT_KEY))

package/app/composables/useTracking.ts

@@ -1,15 +1,14 @@
 import type { TrackingEventMap } from '~/types/tracking'
 
 export function useTracking() {
-  const { product, mainLanguage } = storeToRefs(useAppContextStore())
-  const { isAdminModeActive } = storeToRefs(useAdminStore())
+  const { product, mainLanguage, isAdmin } = storeToRefs(useAppContextStore())
 
   function getDefaultProperties(): Record<string, unknown> {
     return {
       event_origin: 'message-composer',
       product: product.value,
       main_language: mainLanguage.value,
-      is_admin: isAdminModeActive.value,
+      is_admin: isAdmin.value,
     }
   }
 

package/app/stores/appContext.ts

@@ -27,6 +27,7 @@ export const useAppContextStore = defineStore('appContext', () => {
     () => ctx.dinamicValues?.value ?? [],
   )
   const default_tags = computed<string[]>(() => ctx.default_tags?.value ?? [])
+  const isAdmin = computed(() => ctx.isAdmin?.value ?? false)
   const metaWabaId = computed(() => ctx.metaWabaId?.value ?? '')
   const metaAccessToken = computed(() => ctx.metaAccessToken?.value ?? '')
 
@@ -88,6 +89,7 @@ export const useAppContextStore = defineStore('appContext', () => {
     metaAccessToken,
     owner_id,
     default_tags,
+    isAdmin,
 
     isInitialized: computed(() => isInitialized.value),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "1.0.27",
+  "version": "4.0.1",
   "private": false,
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -30,7 +30,6 @@
     "@vueuse/core": "^14.3.0",
     "@vueuse/nuxt": "^14.3.0",
     "colorthief": "^3.3.1",
-    "jwt-decode": "^4.0.0",
     "monaco-editor": "^0.55.1",
     "nuxt": "^4.4.5",
     "ofetch": "^1.5.1",
@@ -39,7 +38,7 @@
     "vue-router": "^5.0.7",
     "vue3-emoji-picker": "^1.1.8",
     "zod": "^4.4.3",
-    "@dev.smartpricing/message-composer-utils": "3.1.27"
+    "@dev.smartpricing/message-composer-utils": "4.0.1"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.15.2",

package/app/plugins/admin-shortcut.client.ts

@@ -1,7 +0,0 @@
-export default defineNuxtPlugin(() => {
-  onNuxtReady(() => {
-    const adminStore = useAdminStore()
-    const { shift_space } = useMagicKeys()
-    whenever(shift_space!, () => adminStore.toggleAdminMode())
-  })
-})

package/app/stores/adminStore.ts

@@ -1,50 +0,0 @@
-import { jwtDecode } from 'jwt-decode'
-
-interface TokenData {
-  id: number
-  role: string
-  accounting: boolean
-  email: string
-}
-
-export const useAdminStore = defineStore('admin', () => {
-  const appContext = useAppContextStore()
-  const adminModeActive = ref(false)
-
-  const isAccounting = computed(() => {
-    const token = appContext.authenticationToken
-    if (!token) return false
-    try {
-      const payload = jwtDecode<TokenData>(token)
-      return payload.accounting === true
-    } catch {
-      return false
-    }
-  })
-
-  function activateAdminMode() {
-    if (!isAccounting.value) return
-    adminModeActive.value = true
-  }
-
-  function deactivateAdminMode() {
-    adminModeActive.value = false
-  }
-
-  function toggleAdminMode() {
-    if (!isAccounting.value) {
-      adminModeActive.value = false
-      return
-    }
-    adminModeActive.value = !adminModeActive.value
-  }
-
-  const isAdminModeActive = computed(() => adminModeActive.value)
-
-  return {
-    activateAdminMode,
-    deactivateAdminMode,
-    isAdminModeActive,
-    toggleAdminMode,
-  }
-})