You tackled the correct helper function called getOpenFileErrorDialog. However, the seperator is not the root cause of this problem.

in the Zeebe Modeler we currently only have one single tab provider, that's why providerNames coming from the options is only including one provider name

function getOpenFileErrorDialog(options) {
  const {
    name,
    providerNames
  } = options;

// providerNames = ['BPMN']

// ...

}

Therefore, the logic for getting the providerNamesString is not working for only one provider name and results in this weird dialog text. So I think a better solution would be either

1. Make the helper work in case the array has a size of 1
2. Simplify the whole function by only using the single array value

Okay, Can you explain a bit about how to only run the helper function only if the array size is 1?

how to only run the helper function only if the array size is 1?

why you would want to do it? What I mean is to update the helper function to make it aware for the case the providerNames is a single value array. Currently, it doesn't do it.

Personally, I'd change the if-else order

if(providerNames.length == 1) {
  seperator = '';
} else if (isLast) {
  seperator = ' or ';
} else if (!isFirst) {
  seperator = ', ';
} 

or even outside of the reduce function

let providerNamesString;

if(providerNames.length == 1) {
  providerNamesString = providerNames[0];
} else {
  
  // the current logic
  providerNamesString = providerNames.reduce(...)
}

@imrishabh18 any thoughts?

Okay, I will change the if-else order then @pinussilvestrus

Any updates on this @imrishabh18 ? Can we move forward?