From 13c26be37f16db96772af7e66244d8d2e4f7b988 Mon Sep 17 00:00:00 2001
From: Mazel <mazuel.loic@gmail.com>
Date: Fri, 11 Oct 2024 13:32:22 +0200
Subject: [PATCH] fix(maz-ui): MazDialogPromise - change button texts with
 options data.cancelText and data.confirmText

---
 packages/lib/components/MazDialogPromise.vue | 30 +++++++++++++-------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/packages/lib/components/MazDialogPromise.vue b/packages/lib/components/MazDialogPromise.vue
index 3a8caff352..aec0b51528 100644
--- a/packages/lib/components/MazDialogPromise.vue
+++ b/packages/lib/components/MazDialogPromise.vue
@@ -50,6 +50,12 @@ const { dialogState, rejectDialog, resolveDialog, data: composableData } = useMa
 
 const customButtons = computed(() => props.buttons ?? props.data?.buttons ?? composableData.value.buttons)
 
+const currentData = computed<DialogData>(() => ({
+  ...defaultData,
+  ...composableData.value,
+  ...props.data,
+}))
+
 const cancelButtonData = computed(() => {
   const hasButton
       = composableData.value?.cancelButton ?? props.data?.cancelButton ?? defaultData.cancelButton
@@ -57,11 +63,16 @@ const cancelButtonData = computed(() => {
   if (!hasButton)
     return
 
-  return {
+  const mergedData = {
     ...defaultData.cancelButton,
     ...composableData.value?.cancelButton,
     ...props.data?.cancelButton,
   }
+
+  return {
+    ...mergedData,
+    text: currentData.value.cancelText || mergedData.text,
+  }
 })
 const confirmButtonData = computed(() => {
   const hasButton
@@ -70,18 +81,17 @@ const confirmButtonData = computed(() => {
   if (!hasButton)
     return
 
-  return {
+  const mergedData = {
     ...defaultData.confirmButton,
     ...composableData.value?.confirmButton,
     ...props.data?.confirmButton,
   }
-})
 
-const currentData = computed<DialogData>(() => ({
-  ...defaultData,
-  ...composableData.value,
-  ...props.data,
-}))
+  return {
+    ...mergedData,
+    text: currentData.value.confirmText || mergedData.text,
+  }
+})
 
 const currentModal = computed(
   () => dialogState.value.find(({ id }) => id === props.identifier) as DialogState,
@@ -171,7 +181,7 @@ function customButtonAction(currentModal: DialogState, button: DialogCustomButto
                 @slot cancel-text slot - Place your cancel text
               -->
               <slot name="cancel-text">
-                {{ cancelButtonData.text || currentData?.cancelText }}
+                {{ cancelButtonData.text }}
               </slot>
             </MazBtn>
 
@@ -184,7 +194,7 @@ function customButtonAction(currentModal: DialogState, button: DialogCustomButto
                 @slot confirm-text slot - Place your confirm text
               -->
               <slot name="confirm-text">
-                {{ confirmButtonData.text || currentData.confirmText }}
+                {{ confirmButtonData.text }}
               </slot>
             </MazBtn>
           </template>