How to edit custom events in the webEngage

import { appmaker } from '@appmaker-xyz/core';

function updateWebEngageEvents(){
    appmaker.addFilter(
    'webengageEventData',
    'custom-events',
    ({ eventName, params, eventObject }) => {
      switch (eventName) {
        case 'Added to Wishlist':
            console.log('params', params); // params is an object object which contains the sending event attributes of the event.
            console.log('eventObject', eventObject); // eventObject is an object that contains whole data for the event.
            // example of updating the event params object using the eventObject
            params.Title = eventObject?.product_name?.value;
            eventName = 'Add to Wishlist'; // changing the event name
            break;
        case 'Added to Cart':
            eventName = 'Add to Cart'; // example of updating the event name
            params.Title = eventObject?.product_name?.value;
            break;
        default:
          break;
        }   
        // sending the updated params and eventName
        return {
          eventName,
          params,
        };
    },
    );
}
export { updateWebEngageEvents }

import { updateWebEngageEvents } from './eventsHelper';

// inside the activate function
updateWebEngageEvents();