@dev.smartpricing/message-composer-layer 1.0.22 → 1.0.23

package/app/components/Composer/EmailComposer.vue

@@ -447,6 +447,8 @@ defineExpose({
 </script>
 
 <template>
+
+<UButton @click="navigateTo('/brands')" label="brand"/>
   <UForm
     ref="templateForm"
     :schema="draftSchema"

package/app/composables/useExitConfirmation.ts

@@ -1,62 +1,19 @@
-import { ref, unref, type ComputedRef } from 'vue'
-import { useEventListener } from '@vueuse/core'
-import { type RouteLocationRaw } from 'vue-router'
+import { type ComputedRef } from 'vue'
 
 export function useExitConfirmation(shouldBlockNavigation: ComputedRef<boolean>) {
-  const isForcingNavigation = ref(false)
-  const isNavigatingTo = ref<RouteLocationRaw | null>(null)
-  const isPopstateNavigation = ref(false)
-  const isSelfTriggeredBack = ref(false)
-
   const { confirm } = useConfirm()
   const { t } = useI18n()
-  const { goBackOrFallback } = useGoBack()
-
-  // Detect browser back/forward navigation
-  useEventListener(window, 'popstate', () => {
-    if (isSelfTriggeredBack.value) {
-      isSelfTriggeredBack.value = false
-      return
-    }
-    isPopstateNavigation.value = true
-  })
-
-  // Setup route guard
-  onBeforeRouteLeave((_to, _from, next) => {
-    const _isForcedNavigation = unref(isForcingNavigation)
-    isForcingNavigation.value = false
 
-    // Capture and reset popstate flag immediately
-    const wasPopstate = isPopstateNavigation.value
-    isPopstateNavigation.value = false
+  onBeforeRouteLeave(async () => {
+    if (!shouldBlockNavigation.value) return
 
-    if (shouldBlockNavigation.value && !_isForcedNavigation) {
-      isNavigatingTo.value = _to
-      next(false)
+    const confirmed = await confirm({
+      title: t('dialogs.unsaved_changes.title'),
+      message: t('dialogs.unsaved_changes.message'),
+      confirmProps: { label: t('dialogs.unsaved_changes.leave') },
+      cancelProps: { label: t('dialogs.unsaved_changes.cancel') },
+    })
 
-      confirm({
-        title: t('dialogs.unsaved_changes.title'),
-        message: t('dialogs.unsaved_changes.message'),
-        confirmProps: { label: t('dialogs.unsaved_changes.leave') },
-        cancelProps: { label: t('dialogs.unsaved_changes.cancel') },
-        action: () => {
-          const target = isNavigatingTo.value
-          if (target) {
-            isForcingNavigation.value = true
-            if (wasPopstate) {
-              isSelfTriggeredBack.value = true
-              goBackOrFallback(target)
-            }
-            else {
-              navigateTo(target)
-            }
-            isNavigatingTo.value = null
-          }
-        },
-      })
-    } else {
-      isNavigatingTo.value = null
-      next()
-    }
+    if (!confirmed) return false
   })
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "private": false,
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -39,7 +39,7 @@
     "vue-router": "^5.0.6",
     "vue3-emoji-picker": "^1.1.8",
     "zod": "^4.4.1",
-    "@dev.smartpricing/message-composer-utils": "3.1.22"
+    "@dev.smartpricing/message-composer-utils": "3.1.23"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.15.2",