Custom Replace Menu or Custom Replace Options

Developers Modeler
1

Hello, I am trying to find a way how to add more Flows to the ReplaceMenu of the Flows. My thought is to make a custom replace menu with custom replace options but I dont know how to register the new option so that instead 3 Flows I will have 4, and the fourth flow will be with custom icon and Name.

var SEQUENCE_FLOW = [
  {
    label: 'Sequence Flow',
    actionName: 'replace-with-sequence-flow',
    className: 'bpmn-icon-connection'
  },
  {
    label: 'Default Flow',
    actionName: 'replace-with-default-flow',
    className: 'bpmn-icon-default-flow'
  },
  {
    label: 'Conditional Flow',
    actionName: 'replace-with-conditional-flow',
    className: 'bpmn-icon-conditional-flow'
  },
 {
    label: 'Custom Flow',
    actionName: 'replace-with-custom-flow',
    className: 'bpmn-icon-customl-flow'
  }
];

I have also seen this example https://codesandbox.io/s/replace-menu-provider-5msqk?file=/src/replace/MyReplaceMenuProvider.js but I am not sure how to add a new custom flow :confused:

Which is the right way to do that?
Could you please give me a small code example of how and were can I register the new Flow?

Thanks.