feat: add CR id to plausible events (#6035)

Added conflict count to CR metrics and CR id.

Something to think about:
There was idea that we can aggregate this data based on CR id, but CR id
is just a number from 0 to x. So it will not be unique across instances.

---------

Co-authored-by: Thomas Heartman <thomas@getunleash.io>

frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestOverview.tsx

@@ -34,7 +34,6 @@ import {
     ChangeRequestRejectScheduledDialogue,
 } from './ChangeRequestScheduledDialogs/changeRequestScheduledDialogs';
 import { ScheduleChangeRequestDialog } from './ChangeRequestScheduledDialogs/ScheduleChangeRequestDialog';
-import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
 import { PlausibleChangeRequestState } from '../changeRequest.types';
 
 const StyledAsideBox = styled(Box)(({ theme }) => ({
@@ -105,7 +104,6 @@ export const ChangeRequestOverview: FC = () => {
     const { isChangeRequestConfiguredForReview } =
         useChangeRequestsEnabled(projectId);
     const scheduleChangeRequests = useUiFlag('scheduledConfigurationChanges');
-    const { trackEvent } = usePlausibleTracker();
 
     if (!changeRequest) {
         return null;

frontend/src/hooks/api/actions/useChangeRequestApi/useChangeRequestApi.ts

@@ -1,6 +1,8 @@
 import useAPI from '../useApi/useApi';
 import { usePlausibleTracker } from '../../../usePlausibleTracker';
 import { PlausibleChangeRequestState } from 'component/changeRequest/changeRequest.types';
+import { getUniqueChangeRequestId } from 'utils/unique-change-request-id';
+import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
 
 export interface IChangeSchema {
     feature: string | null;
@@ -30,6 +32,7 @@ export const useChangeRequestApi = () => {
     const { makeRequest, createRequest, errors, loading } = useAPI({
         propagateErrors: true,
     });
+    const { uiConfig } = useUiConfig();
 
     const addChange = async (
         project: string,
@@ -72,6 +75,7 @@ export const useChangeRequestApi = () => {
             props: {
                 eventType: payload.state,
                 previousState,
+                id: getUniqueChangeRequestId(uiConfig, changeRequestId),
             },
         });
 

frontend/src/utils/unique-change-request-id.ts

@@ -0,0 +1,10 @@
+import { IUiConfig } from 'interfaces/uiConfig';
+
+export const getUniqueChangeRequestId = (
+    uiConfig: Pick<IUiConfig, 'baseUriPath' | 'versionInfo'>,
+    changeRequestId: number,
+) => {
+    return `${
+        uiConfig.baseUriPath || uiConfig.versionInfo?.instanceId
+    }/change-requests/${changeRequestId}?version=${uiConfig.versionInfo}`;
+};