CaaSMapper can't handle empty table cells

Hi, we are having an issue with empty table cells after using the "merge" and "split" function of the CMS_INPUT_DOMTABLE (or basically also when leaving one cell empty). CMS Template:

<CMS_INPUT_DOMTABLE
    name="st_table"
    bold="yes"
    combine="yes"
    hFill="yes"
    italic="yes"
    list="no"
    properties="no"
    useLanguages="yes">
    <FORMATS>
      <TEMPLATE name="p"/>
    </FORMATS>
    <LANGINFOS>
      <LANGINFO lang="*" label="Table"/>
      <LANGINFO lang="DE_DE" label="Tabelle"/>
    </LANGINFOS>
  </CMS_INPUT_DOMTABLE>

When we access the page in the FSXA-PWA application on the front end we get this error:

ERROR   ERROR  CaaSMapper | [XMLParser]: Error parsing XML | {} | <table data-fs-style=""><tr><td>12</td><td>23</td><td>&nbsp;</td></tr><tr><td>ABC</td><td>B</td><td>C</td></tr><tr><td>X</td><td>YZ</td><td>Z</td></tr></table>

I think the CaaSMapper cannot handle

Steps to reproduce:

Merge 2 cells into 1 by using the "Merge cells" function
Split one cell back into 2 cells (notice one of them is empty)
Result how it looks like in the FirstSpirit SiteArchitect

As for the front end part I just passed the payload with st_table to my custom component and do the iteration myself because FSXARichText does include empty

elements where I don't want them. Below the example code which is not really needed because the error does happen within CaaSMapper before it reaches the front end. The example code does not resemble what is finally being used in the application because I removed additional functions and styling.

<template>
    <table>
      <tbody>
        <tr
          v-for="(row, rIndex) in table"
          :key="rIndex"
        >
          <td
            v-for="(cell, cIndex) in row.content"
            :key="`${rIndex}-${cIndex}`"
          >
            <component
              :is="elements[data.type]"
              v-for="(data, dIndex) in cell.content"
              :key="`${rIndex}-${cIndex}-${dIndex}`"
              v-bind="bindData(data)"
            />
          </td>
        </tr>
      </tbody>
    </table>
</template>

<script lang="ts">
get table () {
  return this.payload.st_table
}
</script>

Can you check if you can reproduce and fix the issue?

e-Spirit / javascript-content-api-library

CaaSMapper can't handle empty table cells #128