[CORL-130] Handle non-visible comment status (#2213)

* feat: support blue color in message

* feat: Show message when comment is in review

* feat: handle non-visible comment status

* test: add feature test for handling invisible comment status

* fix: apply review

* chore: better comment :-)

* Update isVisible.ts

src/core/client/framework/lib/relay/createMutationContainer.tsx

@@ -6,9 +6,24 @@ import {
   wrapDisplayName,
 } from "recompose";
 import { Environment } from "relay-runtime";
+import { Omit } from "talk-framework/types";
 
 import { TalkContext, withContext } from "../bootstrap";
 
+export type MutationInput<
+  T extends { variables: { input: { clientMutationId: string } } }
+> = Omit<T["variables"]["input"], "clientMutationId">;
+
+export type MutationResponse<
+  T extends { response: { [P in U]: any } },
+  U extends string
+> = Exclude<T["response"][U], null>;
+
+export type MutationResponsePromise<
+  T extends { response: { [P in U]: any } },
+  U extends string
+> = Promise<MutationResponse<T, U>>;
+
 /**
  * createMutationContainer creates a HOC that
  * injects a property with the name specified in `propName`

src/core/client/framework/lib/relay/index.ts

@@ -5,7 +5,12 @@ export { default as withLocalStateContainer } from "./withLocalStateContainer";
 export * from "./withLocalStateContainer";
 export { default as QueryRenderer } from "./QueryRenderer";
 export * from "./QueryRenderer";
-export { default as createMutationContainer } from "./createMutationContainer";
+export {
+  default as createMutationContainer,
+  MutationInput,
+  MutationResponse,
+  MutationResponsePromise,
+} from "./createMutationContainer";
 export { default as createFetchContainer } from "./createFetchContainer";
 export { default as createAndRetain } from "./createAndRetain";
 export { default as wrapFetchWithLogger } from "./wrapFetchWithLogger";