import { withTracker } from "meteor/react-meteor-data";
import React from "react";
import SettingsService from '/imports/ui/services/settings';
import Cursors from "./component";
import Service from "./service";
import _ from 'lodash';

const CursorsContainer = (props) => {
  return <Cursors {..._.omit(props, ['tldrawAPI'])} />
};

export default
  withTracker((params) => {
    return { 
      application: SettingsService?.application,
      currentUser: params.currentUser,
      publishCursorUpdate: Service.publishCursorUpdate,
      otherCursors: Service.getCurrentCursors(params.whiteboardId),
      currentPoint: params.tldrawAPI?.currentPoint,
      tldrawCamera: params.tldrawAPI?.getPageState().camera,
      isViewersCursorLocked: params.isViewersCursorLocked,
      hasMultiUserAccess: params.hasMultiUserAccess,
      isMultiUserActive: params.isMultiUserActive,
    };
  })(CursorsContainer)
;
