feat: initiate composer text from the default value

Author: MartinCupela

src/messageComposer/textComposer.ts

@@ -24,11 +24,17 @@ export const textIsEmpty = (text: string) => {
   );
 };
 
-const initState = (message?: DraftMessage | LocalMessage): TextComposerState => {
+const initState = ({
+  composer,
+  message,
+}: {
+  composer: MessageComposer;
+  message?: DraftMessage | LocalMessage;
+}): TextComposerState => {
   if (!message) {
     return {
       mentionedUsers: [],
-      text: '',
+      text: composer.config.text.defaultValue ?? '',
       selection: { start: 0, end: 0 },
     };
   }
@@ -42,16 +48,14 @@ const initState = (message?: DraftMessage | LocalMessage): TextComposerState =>
   };
 };
 
-// todo: MessageInputProps?:
-// additionalTextareaProps.defaultValue
 export class TextComposer {
   readonly composer: MessageComposer;
   readonly state: StateStore<TextComposerState>;
   middlewareExecutor: TextComposerMiddlewareExecutor;
 
   constructor({ composer, message }: TextComposerOptions) {
     this.composer = composer;
-    this.state = new StateStore<TextComposerState>(initState(message));
+    this.state = new StateStore<TextComposerState>(initState({ composer, message }));
     this.middlewareExecutor = new TextComposerMiddlewareExecutor({ composer });
   }
 
@@ -102,7 +106,7 @@ export class TextComposer {
   }
 
   initState = ({ message }: { message?: DraftMessage | LocalMessage } = {}) => {
-    this.state.next(initState(message));
+    this.state.next(initState({ composer: this.composer, message }));
   };
 
   setMentionedUsers(users: UserResponse[]) {

test/unit/MessageComposer/textComposer.test.ts

@@ -109,6 +109,16 @@ describe('TextComposer', () => {
       });
     });
 
+    it('should initialize with custom config', () => {
+      const defaultValue = 'XXX';
+      const { messageComposer } = setup({ config: { defaultValue } });
+      expect(messageComposer.textComposer.state.getLatestValue()).toEqual({
+        mentionedUsers: [],
+        text: defaultValue,
+        selection: { start: 0, end: 0 },
+      });
+    });
+
     it('should initialize with message', () => {
       const message: LocalMessage = {
         id: 'test-message',
@@ -136,6 +146,30 @@ describe('TextComposer', () => {
         { id: 'user-2', name: 'User 2' },
       ]);
     });
+
+    it('should ignore default value when initialized with message', () => {
+      const defaultValue = 'XXX';
+      const message: LocalMessage = {
+        id: 'test-message',
+        type: 'regular',
+        text: 'Hello world',
+        created_at: new Date(),
+        deleted_at: null,
+        pinned_at: null,
+        status: 'pending',
+        updated_at: new Date(),
+      };
+
+      const {
+        messageComposer: { textComposer },
+      } = setup({ composition: message, config: { defaultValue } });
+
+      expect(textComposer.text).toBe('Hello world');
+      expect(textComposer.selection).toEqual({
+        start: message.text?.length,
+        end: message.text?.length,
+      });
+    });
   });
 
   describe('getters', () => {