Notes

case 'export-config':
if (isEmpty(exportConfig)) {
this.exportConfig = {
...initialExportConfigForm,
columns: columnConfig.columns,
fileType: metaConfig.fileType
};
} else {
if (Array.isArray(exportConfig.valueSetConfig)) {
exportConfig.valueSetConfig.forEach((vsc, idx) => {
if (vsc.valueSourceType === 'api' && vsc.apiValueSet) {
this.getAppOptions('exportConfig').then(() => {
this.exportConfig.valueSetConfig[idx].selectedApp = this.exportConfig.appOptions.find(
item => item.value === vsc.apiValueSet.callbackApplicationId
);
});
this.getModuleOptions('exportConfig', {value: vsc.apiValueSet.callbackApplicationId}).then(() => {
this.exportConfig.valueSetConfig[idx].selectedModule = this.exportConfig.moduleOptions.find(
item => item.value === vsc.apiValueSet.callbackModuleId
);
});
this.fetchCallbackOptions('exportConfig', vsc.apiValueSet.callbackApplicationId, {
value: vsc.apiValueSet.callbackModuleId
}).then(() => {
this.exportConfig.valueSetConfig[idx].selectedCallback = this.exportConfig.callbackOptions.find(
item => item.value === vsc.apiValueSet.callbackId
);
});
if (!isEmpty(this.exportConfig.valueSetConfig[idx].transformationConfig)) {
const {applyTransformation, apiTransformConfigId} = vsc.apiValueSet.transformationConfig;
this.exportConfig.valueSetConfig[idx].selectedTransformer = applyTransformation;
this.getTransformerOptions('exportConfig').then(() => {
this.exportConfig.selectedTransformer = this.exportConfig.transformerOptions.find(
item => item.value === apiTransformConfigId
);
});
}
}
});
}
this.exportConfig = {
...initialExportConfigForm,
includeUserGuide: exportConfig.includeUserGuide ?? true,
includeValueSet: exportConfig.includeValueSet ?? true,
sheetName: exportConfig.guidelines?.sheetName ?? '',
additionalGuidelines: exportConfig.guidelines?.additionalGuidelines ?? [],
fieldGuidelines: exportConfig.guidelines?.fieldGuidelines ?? [],
columns: columnConfig.columns,
fileType: metaConfig.fileType,
valueSetConfig: exportConfig.valueSetConfig ?? []
};
}
break;

If the callbackApplicationId and callbackModuleId values repeat, can we cache the results to avoid redundant requests?
{(valueSetConfig || []).map((row, idx) => {
const selectedNames = valueSetConfig.reduce((acc, {fieldName}, i) => {
if (i !== idx && fieldName) acc.push(fieldName);
return acc;
}, []);

let options = columnNameOptions.filter(
opt => !selectedNames.includes(opt.value) || opt.value === row.fieldName
);

if (row.fieldName && !options.some(opt => opt.value === row.fieldName)) {
options.push({label: row.fieldName, value: row.fieldName});
}

const selectedValue = options.find(opt => opt.value === row.fieldName) || null;

const valueSet =
Array.isArray(row?.valueSet) && row?.valueSet.length > 0
? row?.valueSet.map(item => ({
label: item,
value: item
}))
: [];

console.log(valueSet, 'valueSet');
We are recomputes selectedNames and filters options for every row. Need to optimize this and the one in guideline later too. Can we use set?