Handle NBSP in tiptap parsing (#8148)

Tiptap uses non breaking spaces between nodes (like variables). Those
html characters are not properly handles in emails. Replacing by regular
spaces during parsing.

I tried to fix it in settings but looks like this is only for preserving
those nbsp and not for removal (see
ueberdosis/tiptap#254)

packages/twenty-front/src/modules/workflow/search-variables/utils/__tests__/parseEditorContent.test.ts

@@ -267,4 +267,33 @@ describe('parseEditorContent', () => {
 
     expect(parseEditorContent(input)).toBe('First line\nSecond line');
   });
+
+  it('should handle spaces between variables correctly', () => {
+    const input: JSONContent = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'variableTag',
+              attrs: { variable: '{{user.firstName}}' },
+            },
+            {
+              type: 'text',
+              text: '\u00A0', // NBSP character
+            },
+            {
+              type: 'variableTag',
+              attrs: { variable: '{{user.lastName}}' },
+            },
+          ],
+        },
+      ],
+    };
+
+    expect(parseEditorContent(input)).toBe(
+      '{{user.firstName}} {{user.lastName}}',
+    );
+  });
 });

packages/twenty-front/src/modules/workflow/search-variables/utils/parseEditorContent.ts

@@ -11,7 +11,8 @@ export const parseEditorContent = (json: JSONContent): string => {
     }
 
     if (node.type === 'text') {
-      return node.text || '';
+      // Replace   with regular space
+      return node?.text?.replace(/\u00A0/g, ' ') ?? '';
     }
 
     if (node.type === 'hardBreak') {