fix(NcRichText): apply interactivity

Signed-off-by: DorraJaouad <dorra.jaoued7@gmail.com>

src/components/NcRichText/NcRichText.vue

@@ -115,13 +115,28 @@ Table row | value A | value B
 			}
 		},
 		methods: {
-			handleInteraction(event) {
-				const uncheckedItem = '- [ ] ' + event.label + '\n'
-				const checkedItem = '- [x] ' + event.label + '\n'
-
-				this.text = event.value
-					? this.text.replace(uncheckedItem, checkedItem)
-					: this.text.replace(checkedItem, uncheckedItem)
+			handleInteraction(id) {
+				const index = this.$children[0].$children.findIndex(child => child.$options.propsData.id === id)
+				if (index === -1 ) {
+					return
+				}
+				let checkBoxIndex = 0
+				lines = this.text.split('\n')
+				for (let i = 0; i < lines.length; i++) {
+					if (lines[i].includes('[ ]') || lines[i].includes('[x]')) {
+						if (checkBoxIndex === index) {
+							const isChecked = lines[i].includes('[x]')
+							if (isChecked) {
+								lines[i] = lines[i].replace('[x]', '[ ]')
+							} else {
+								lines[i] = lines[i].replace('[ ]', '[x]')
+							}
+							break
+						}
+						checkBoxIndex++
+					}
+				}
+				this.text = lines.join('\n')
 			},
 		},
 	}
@@ -458,7 +473,9 @@ export default {
 									const nestedListIndex = labelParts.findIndex((child) => child.tag === 'ul' || child.tag === 'li')
 									if (nestedListIndex !== -1) {
 										nestedList = labelParts[nestedListIndex]
-										nestedList.data.attrs.style = 'margin-inline-start: 20px;'
+										if (nestedList.data?.attrs) {
+											nestedList.data.attrs.style = 'margin-inline-start: 20px;'
+										}
 										labelParts.splice(nestedListIndex)
 									}
 
@@ -470,8 +487,8 @@ export default {
 											disabled: !this.interactive,
 										},
 										on: {
-											'update:checked': (value) => {
-												this.$emit('interact:todo', { id, label: labelParts.join(''), value })
+											'update:checked': () => {
+												this.$emit('interact:todo', id)
 											},
 										},
 									}, labelParts)