Fix stories

Author: morethanwords

src/components/chat/input.ts

@@ -348,7 +348,9 @@ export default class ChatInput {
 
   private fileSelectionPromise: CancellablePromise<File[]>;
 
-  public readonly paidMessageInterceptor: PaidMessagesInterceptor;
+  public paidMessageInterceptor: PaidMessagesInterceptor;
+
+  private starsState: ReturnType<ChatInput['constructStarsState']>;
 
   constructor(
     public chat: Chat,
@@ -361,12 +363,6 @@ export default class ChatInput {
     this.excludeParts = {};
     this.isFocused = false;
     this.emoticonsDropdown = emoticonsDropdown;
-
-    this.paidMessageInterceptor = new PaidMessagesInterceptor(chat, managers);
-
-    this.getMiddleware().onDestroy(() => {
-      this.paidMessageInterceptor.dispose();
-    });
   }
 
   public construct() {
@@ -477,6 +473,13 @@ export default class ChatInput {
     const c = this.controlContainer = document.createElement('div');
     c.classList.add('chat-input-control', 'chat-input-wrapper');
     this.inputContainer.append(c);
+
+    this.paidMessageInterceptor = new PaidMessagesInterceptor(this.chat, this.managers);
+    this.getMiddleware().onDestroy(() => {
+      this.paidMessageInterceptor.dispose();
+    });
+
+    this.starsState = this.constructStarsState();
   }
 
   public freezeFocused(focused: boolean) {
@@ -3470,7 +3473,7 @@ export default class ChatInput {
     this.updateMessageInputPlaceholder(params);
   }
 
-  private starsState = createRoot(dispose => {
+  private constructStarsState = () => createRoot((dispose) => {
     const middleware = this.getMiddleware();
     middleware.onDestroy(() => void dispose());
 

src/lib/appManagers/appReactionsManager.ts

@@ -339,7 +339,7 @@ export class AppReactionsManager extends AppManager {
   // }
 
   public getAvailableReactionsByMessage(
-    message: Message.message,
+    message?: Message.message,
     unshiftQuickReaction?: boolean
   ): ReturnType<AppReactionsManager['getAvailableReactionsForPeer']> {
     // if(!message) return {type: 'chatReactionsNone', reactions: []};
@@ -368,7 +368,7 @@ export class AppReactionsManager extends AppManager {
     return callbackify(
       this.getAvailableReactionsForPeer(peerId, unshiftQuickReaction),
       (peerAvailableReactions) => {
-        const messageReactionsResults = message.reactions?.results;
+        const messageReactionsResults = message?.reactions?.results;
         if(
           messageReactionsResults &&
           peerAvailableReactions.type === 'chatReactionsSome' &&