chore: clean up
parent
3d771127d2
commit
7ed646178e
|
|
@ -57,10 +57,6 @@ export const getActionsByContext = (
|
||||||
return availableActions.filter((action) => action.supportedContexts.includes(context));
|
return availableActions.filter((action) => action.supportedContexts.includes(context));
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* Remap configs when items are reordered (drag-drop)
|
|
||||||
* Moves config from old index to new index position
|
|
||||||
*/
|
|
||||||
export const remapConfigsOnReorder = (
|
export const remapConfigsOnReorder = (
|
||||||
configs: Record<string, unknown>,
|
configs: Record<string, unknown>,
|
||||||
prefix: 'filter' | 'action',
|
prefix: 'filter' | 'action',
|
||||||
|
|
@ -111,30 +107,19 @@ export const remapConfigsOnRemove = (
|
||||||
return newConfigs;
|
return newConfigs;
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
export const initializeConfigs = (
|
||||||
* Initialize filter configurations from existing workflow
|
type: 'action' | 'filter',
|
||||||
* Uses index-based keys to support multiple filters of the same type
|
workflow: WorkflowResponseDto,
|
||||||
*/
|
): Record<string, unknown> => {
|
||||||
export const initializeFilterConfigs = (workflow: WorkflowResponseDto): Record<string, unknown> => {
|
|
||||||
const configs: Record<string, unknown> = {};
|
const configs: Record<string, unknown> = {};
|
||||||
|
|
||||||
if (workflow.filters) {
|
if (workflow.filters && type == 'filter') {
|
||||||
for (const [index, workflowFilter] of workflow.filters.entries()) {
|
for (const [index, workflowFilter] of workflow.filters.entries()) {
|
||||||
configs[`filter_${index}`] = workflowFilter.filterConfig ?? {};
|
configs[`filter_${index}`] = workflowFilter.filterConfig ?? {};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return configs;
|
if (workflow.actions && type == 'action') {
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Initialize action configurations from existing workflow
|
|
||||||
* Uses index-based keys to support multiple actions of the same type
|
|
||||||
*/
|
|
||||||
export const initializeActionConfigs = (workflow: WorkflowResponseDto): Record<string, unknown> => {
|
|
||||||
const configs: Record<string, unknown> = {};
|
|
||||||
|
|
||||||
if (workflow.actions) {
|
|
||||||
for (const [index, workflowAction] of workflow.actions.entries()) {
|
for (const [index, workflowAction] of workflow.actions.entries()) {
|
||||||
configs[`action_${index}`] = workflowAction.actionConfig ?? {};
|
configs[`action_${index}`] = workflowAction.actionConfig ?? {};
|
||||||
}
|
}
|
||||||
|
|
@ -175,9 +160,6 @@ export const buildWorkflowPayload = (
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* Parse JSON workflow and update state
|
|
||||||
*/
|
|
||||||
export const parseWorkflowJson = (
|
export const parseWorkflowJson = (
|
||||||
jsonString: string,
|
jsonString: string,
|
||||||
availableTriggers: PluginTriggerResponseDto[],
|
availableTriggers: PluginTriggerResponseDto[],
|
||||||
|
|
@ -200,10 +182,8 @@ export const parseWorkflowJson = (
|
||||||
try {
|
try {
|
||||||
const parsed = JSON.parse(jsonString);
|
const parsed = JSON.parse(jsonString);
|
||||||
|
|
||||||
// Find trigger
|
|
||||||
const trigger = availableTriggers.find((t) => t.type === parsed.triggerType);
|
const trigger = availableTriggers.find((t) => t.type === parsed.triggerType);
|
||||||
|
|
||||||
// Parse filters (using index-based keys to support multiple of same type)
|
|
||||||
const filters: PluginFilterResponseDto[] = [];
|
const filters: PluginFilterResponseDto[] = [];
|
||||||
const filterConfigs: Record<string, unknown> = {};
|
const filterConfigs: Record<string, unknown> = {};
|
||||||
if (Array.isArray(parsed.filters)) {
|
if (Array.isArray(parsed.filters)) {
|
||||||
|
|
@ -217,7 +197,6 @@ export const parseWorkflowJson = (
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Parse actions (using index-based keys to support multiple of same type)
|
|
||||||
const actions: PluginActionResponseDto[] = [];
|
const actions: PluginActionResponseDto[] = [];
|
||||||
const actionConfigs: Record<string, unknown> = {};
|
const actionConfigs: Record<string, unknown> = {};
|
||||||
if (Array.isArray(parsed.actions)) {
|
if (Array.isArray(parsed.actions)) {
|
||||||
|
|
@ -252,9 +231,6 @@ export const parseWorkflowJson = (
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* Check if workflow has changes compared to previous version
|
|
||||||
*/
|
|
||||||
export const hasWorkflowChanged = (
|
export const hasWorkflowChanged = (
|
||||||
previousWorkflow: WorkflowResponseDto,
|
previousWorkflow: WorkflowResponseDto,
|
||||||
enabled: boolean,
|
enabled: boolean,
|
||||||
|
|
@ -266,36 +242,30 @@ export const hasWorkflowChanged = (
|
||||||
filterConfigs: Record<string, unknown>,
|
filterConfigs: Record<string, unknown>,
|
||||||
actionConfigs: Record<string, unknown>,
|
actionConfigs: Record<string, unknown>,
|
||||||
): boolean => {
|
): boolean => {
|
||||||
// Check enabled state
|
|
||||||
if (enabled !== previousWorkflow.enabled) {
|
if (enabled !== previousWorkflow.enabled) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check name or description
|
|
||||||
if (name !== (previousWorkflow.name ?? '') || description !== (previousWorkflow.description ?? '')) {
|
if (name !== (previousWorkflow.name ?? '') || description !== (previousWorkflow.description ?? '')) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check trigger
|
|
||||||
if (triggerType !== previousWorkflow.triggerType) {
|
if (triggerType !== previousWorkflow.triggerType) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check filters order/items
|
|
||||||
const previousFilterIds = previousWorkflow.filters?.map((f) => f.pluginFilterId) ?? [];
|
const previousFilterIds = previousWorkflow.filters?.map((f) => f.pluginFilterId) ?? [];
|
||||||
const currentFilterIds = orderedFilters.map((f) => f.id);
|
const currentFilterIds = orderedFilters.map((f) => f.id);
|
||||||
if (JSON.stringify(previousFilterIds) !== JSON.stringify(currentFilterIds)) {
|
if (JSON.stringify(previousFilterIds) !== JSON.stringify(currentFilterIds)) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check actions order/items
|
|
||||||
const previousActionIds = previousWorkflow.actions?.map((a) => a.pluginActionId) ?? [];
|
const previousActionIds = previousWorkflow.actions?.map((a) => a.pluginActionId) ?? [];
|
||||||
const currentActionIds = orderedActions.map((a) => a.id);
|
const currentActionIds = orderedActions.map((a) => a.id);
|
||||||
if (JSON.stringify(previousActionIds) !== JSON.stringify(currentActionIds)) {
|
if (JSON.stringify(previousActionIds) !== JSON.stringify(currentActionIds)) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check filter configs (using index-based keys)
|
|
||||||
const previousFilterConfigs: Record<string, unknown> = {};
|
const previousFilterConfigs: Record<string, unknown> = {};
|
||||||
for (const [index, wf] of (previousWorkflow.filters ?? []).entries()) {
|
for (const [index, wf] of (previousWorkflow.filters ?? []).entries()) {
|
||||||
previousFilterConfigs[`filter_${index}`] = wf.filterConfig ?? {};
|
previousFilterConfigs[`filter_${index}`] = wf.filterConfig ?? {};
|
||||||
|
|
@ -304,7 +274,6 @@ export const hasWorkflowChanged = (
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check action configs (using index-based keys)
|
|
||||||
const previousActionConfigs: Record<string, unknown> = {};
|
const previousActionConfigs: Record<string, unknown> = {};
|
||||||
for (const [index, wa] of (previousWorkflow.actions ?? []).entries()) {
|
for (const [index, wa] of (previousWorkflow.actions ?? []).entries()) {
|
||||||
previousActionConfigs[`action_${index}`] = wa.actionConfig ?? {};
|
previousActionConfigs[`action_${index}`] = wa.actionConfig ?? {};
|
||||||
|
|
@ -316,9 +285,6 @@ export const hasWorkflowChanged = (
|
||||||
return false;
|
return false;
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* Update a workflow via API
|
|
||||||
*/
|
|
||||||
export const handleUpdateWorkflow = async (
|
export const handleUpdateWorkflow = async (
|
||||||
workflowId: string,
|
workflowId: string,
|
||||||
name: string,
|
name: string,
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,6 @@ export const getComponentDefaultValue = (component: ComponentConfig): unknown =>
|
||||||
return component.defaultValue;
|
return component.defaultValue;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Initialize with appropriate empty value based on component type
|
|
||||||
if (component.type === 'multiselect' || (component.type === 'text' && component.subType === 'people-picker')) {
|
if (component.type === 'multiselect' || (component.type === 'text' && component.subType === 'people-picker')) {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -15,8 +15,7 @@
|
||||||
getFiltersByContext,
|
getFiltersByContext,
|
||||||
handleUpdateWorkflow,
|
handleUpdateWorkflow,
|
||||||
hasWorkflowChanged,
|
hasWorkflowChanged,
|
||||||
initializeActionConfigs,
|
initializeConfigs,
|
||||||
initializeFilterConfigs,
|
|
||||||
parseWorkflowJson,
|
parseWorkflowJson,
|
||||||
remapConfigsOnRemove,
|
remapConfigsOnRemove,
|
||||||
remapConfigsOnReorder,
|
remapConfigsOnReorder,
|
||||||
|
|
@ -95,8 +94,8 @@
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
|
||||||
let filterConfigs: Record<string, unknown> = $derived(initializeFilterConfigs(editWorkflow));
|
let filterConfigs: Record<string, unknown> = $derived(initializeConfigs('filter', editWorkflow));
|
||||||
let actionConfigs: Record<string, unknown> = $derived(initializeActionConfigs(editWorkflow));
|
let actionConfigs: Record<string, unknown> = $derived(initializeConfigs('action', editWorkflow));
|
||||||
|
|
||||||
$effect(() => {
|
$effect(() => {
|
||||||
editWorkflow.triggerType = triggerType;
|
editWorkflow.triggerType = triggerType;
|
||||||
|
|
@ -129,7 +128,6 @@
|
||||||
actionConfigs,
|
actionConfigs,
|
||||||
);
|
);
|
||||||
|
|
||||||
// Update the previous workflow state to the new values
|
|
||||||
previousWorkflow = updated;
|
previousWorkflow = updated;
|
||||||
editWorkflow = updated;
|
editWorkflow = updated;
|
||||||
|
|
||||||
|
|
@ -200,7 +198,6 @@
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
|
||||||
// Drag and drop handlers
|
|
||||||
let draggedFilterIndex: number | null = $state(null);
|
let draggedFilterIndex: number | null = $state(null);
|
||||||
let draggedActionIndex: number | null = $state(null);
|
let draggedActionIndex: number | null = $state(null);
|
||||||
let dragOverFilterIndex: number | null = $state(null);
|
let dragOverFilterIndex: number | null = $state(null);
|
||||||
|
|
@ -252,7 +249,6 @@
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Remap configs to follow the new order
|
|
||||||
actionConfigs = remapConfigsOnReorder(actionConfigs, 'action', draggedActionIndex, index, selectedActions.length);
|
actionConfigs = remapConfigsOnReorder(actionConfigs, 'action', draggedActionIndex, index, selectedActions.length);
|
||||||
|
|
||||||
const newActions = [...selectedActions];
|
const newActions = [...selectedActions];
|
||||||
|
|
@ -266,12 +262,12 @@
|
||||||
dragOverActionIndex = null;
|
dragOverActionIndex = null;
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleAddStep = async (type?: 'action' | 'filter') => {
|
const handleAddStep = async (type: 'action' | 'filter') => {
|
||||||
const result = (await modalManager.show(AddWorkflowStepModal, {
|
const result = await modalManager.show(AddWorkflowStepModal, {
|
||||||
filters: supportFilters,
|
filters: supportFilters,
|
||||||
actions: supportActions,
|
actions: supportActions,
|
||||||
type,
|
type,
|
||||||
})) as { type: 'filter' | 'action'; item: PluginFilterResponseDto | PluginActionResponseDto } | undefined;
|
});
|
||||||
|
|
||||||
if (result) {
|
if (result) {
|
||||||
if (result.type === 'filter') {
|
if (result.type === 'filter') {
|
||||||
|
|
@ -283,13 +279,11 @@
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleRemoveFilter = (index: number) => {
|
const handleRemoveFilter = (index: number) => {
|
||||||
// Remap configs to account for the removed item
|
|
||||||
filterConfigs = remapConfigsOnRemove(filterConfigs, 'filter', index, selectedFilters.length);
|
filterConfigs = remapConfigsOnRemove(filterConfigs, 'filter', index, selectedFilters.length);
|
||||||
selectedFilters = selectedFilters.filter((_, i) => i !== index);
|
selectedFilters = selectedFilters.filter((_, i) => i !== index);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleRemoveAction = (index: number) => {
|
const handleRemoveAction = (index: number) => {
|
||||||
// Remap configs to account for the removed item
|
|
||||||
actionConfigs = remapConfigsOnRemove(actionConfigs, 'action', index, selectedActions.length);
|
actionConfigs = remapConfigsOnRemove(actionConfigs, 'action', index, selectedActions.length);
|
||||||
selectedActions = selectedActions.filter((_, i) => i !== index);
|
selectedActions = selectedActions.filter((_, i) => i !== index);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue