@cqa-lib/cqa-ui 1.1.249 → 1.1.250

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -6715,7 +6715,7 @@ class StepRendererComponent {
         if (!step)
             return '';
         const t = step.testStepType;
-        const type = step.type || t || '';
+        const type = step.displayType || t || '';
         if (t === 'generateDocument')
             return 'file-download';
         if (type === 'FOR_LOOP' || type === 'WHILE_LOOP')
@@ -6726,7 +6726,7 @@ class StepRendererComponent {
     isLoopStep(step) {
         if (!step)
             return false;
-        const type = step.type || step.testStepType || '';
+        const type = step.displayType || step.testStepType || '';
         return type === 'loop' || type === 'FOR_LOOP' || type === 'WHILE_LOOP';
     }
     /** Resolve effective debugPointSet so it propagates when toggled (e.g. Storybook Controls). */
@@ -6744,7 +6744,7 @@ class StepRendererComponent {
         const previousStep = changes['step']?.previousValue;
         // Check if selectedIterationId input changed (for loop steps)
         // && 
-        //                                    currentStep.type === 'loop' && 
+        //                                    currentstep.displayType === 'loop' && 
         //                                    this.container.length > 0;
         // If selectedIterationId changed for a loop step, update it directly
         if (changes['selectedIterationId'] && changes['selectedIterationId'].currentValue !== changes['selectedIterationId'].previousValue) {
@@ -6928,11 +6928,11 @@ class StepRendererComponent {
         }
         // Get step identifiers (use effective type: generateDocument -> file-download)
         const currentStepId = currentStep.testStepResultId || currentStep.id;
-        const currentStepType = this.getEffectiveStepType(currentStep) || currentStep.type;
+        const currentStepType = this.getEffectiveStepType(currentStep) || currentStep.displayType;
         // Use stored lastStepId and lastStepType to properly detect changes
         // This handles the case when step object reference doesn't change but properties do
         // Only check for actual ID/type changes, not just reference changes
-        // const stepTypeChanged = !previousStep || currentStepType !== (previousStep.type || this.lastStepType);
+        // const stepTypeChanged = !previousStep || currentStepType !== (previousStep.displayType || this.lastStepType);
         // const stepIdChanged = !previousStep || currentStepId !== (previousStep.testStepResultId || previousStep.id || this.lastStepId);
         const stepTypeChanged = currentStepType !== this.lastStepType;
         const stepIdChanged = currentStepId !== this.lastStepId;
@@ -6987,7 +6987,7 @@ class StepRendererComponent {
             const instance = StepRendererComponent.componentInstances.get(this.container);
             const componentRef = StepRendererComponent.componentRefs.get(this.container);
             if (instance && previousStep && currentStep &&
-                previousStep.type === currentStep.type &&
+                previousStep.displayType === currentStep.displayType &&
                 (previousStep.testStepResultId || previousStep.id) === (currentStep.testStepResultId || currentStep.id)) {
                 // Update existing component instance with new step properties
                 this.updateComponentInstance(currentStep, previousStep);
@@ -7072,7 +7072,7 @@ class StepRendererComponent {
                     hasChanges = true;
                 }
             }
-            else if (key === 'action' && currentStep.type === 'ai-agent') {
+            else if (key === 'action' && currentStep.displayType === 'ai-agent') {
                 // For ai-agent steps, ensure title and prompt are set from action
                 const currentValue = currentStep[key];
                 const previousValue = previousStep[key];
@@ -7140,7 +7140,7 @@ class StepRendererComponent {
                 hasChanges = true;
             }
         }
-        if (currentStep.type === 'step-group' && currentStep.children && !currentStep.steps) {
+        if (currentStep.displayType === 'step-group' && currentStep.children && !currentStep.steps) {
             if (instance.steps !== currentStep.children) {
                 instance.steps = currentStep.children;
                 if (instance.config) {
@@ -7151,7 +7151,7 @@ class StepRendererComponent {
         }
         // Special handling for condition-step: ensure branches is properly updated
         // Use deep comparison to detect changes in nested subSteps
-        if (currentStep.type === 'condition' && currentStep.branches !== undefined) {
+        if (currentStep.displayType === 'condition' && currentStep.branches !== undefined) {
             const currentBranches = currentStep.branches || [];
             const previousBranches = previousStep.branches || [];
             // Use deep comparison to detect nested subSteps changes
@@ -7169,7 +7169,7 @@ class StepRendererComponent {
         }
         // Special handling for condition-step: ensure nestedSteps is properly updated
         // This is important when children are loaded from the API or when switching branches
-        if (currentStep.type === 'condition' && currentStep.nestedSteps !== undefined) {
+        if (currentStep.displayType === 'condition' && currentStep.nestedSteps !== undefined) {
             const currentNestedSteps = currentStep.nestedSteps || [];
             const previousNestedSteps = previousStep.nestedSteps || [];
             console.log('🔄 step-renderer: currentNestedSteps', currentNestedSteps);
@@ -7287,7 +7287,7 @@ class StepRendererComponent {
             instance.config = { ...instance.config, ...currentStep };
             // Explicitly ensure branches is updated for condition-step (in case it was nested)
             // Use the already updated branches from instance to maintain reference consistency
-            if (currentStep.type === 'condition' && instance.branches !== undefined) {
+            if (currentStep.displayType === 'condition' && instance.branches !== undefined) {
                 instance.config.branches = instance.branches;
             }
         }
@@ -7446,7 +7446,7 @@ class StepRendererComponent {
                 return true;
             }
             // Also check if the step type changed (important for branch switching)
-            if (currentStep.type !== previousStep.type) {
+            if (currentStep.displayType !== previousStep.displayType) {
                 return true;
             }
             // Check if testStepType changed (IF vs ELSE_IF vs ELSE)
@@ -7480,7 +7480,7 @@ class StepRendererComponent {
         if (!this.container || !this.step)
             return;
         const currentStepId = this.step.testStepResultId || this.step.id;
-        const currentStepType = this.getEffectiveStepType(this.step) || this.step.type;
+        const currentStepType = this.getEffectiveStepType(this.step) || this.step.displayType;
         // Only clear and recreate if step ID or type actually changed
         const needsRecreation = this.lastStepId !== currentStepId || this.lastStepType !== currentStepType;
         if (needsRecreation) {
@@ -7530,7 +7530,7 @@ class StepRendererComponent {
                     instance.config = { ...instance.config, ...this.step };
                 }
                 // Sync file-download (generateDocument) props from generateDocumentResult
-                const effectiveTypeForUpdate = this.getEffectiveStepType(this.step) || this.step.type;
+                const effectiveTypeForUpdate = this.getEffectiveStepType(this.step) || this.step.displayType;
                 if (effectiveTypeForUpdate === 'file-download') {
                     const gd = this.step.executedResult?.generateDocumentResult;
                     instance.fileName = gd?.fileName ?? instance.fileName ?? '';
@@ -7653,7 +7653,7 @@ class StepRendererComponent {
                 return;
             }
         }
-        const effectiveType = this.getEffectiveStepType(this.step) || this.step.type;
+        const effectiveType = this.getEffectiveStepType(this.step) || this.step.displayType;
         const componentType = this.componentMap.get(effectiveType);
         if (componentType) {
             const componentRef = this.container.createComponent(componentType);
@@ -7752,7 +7752,7 @@ class StepRendererComponent {
                 }
             }
             // Special handling for step-group: map children to steps if steps is not present
-            if (this.step.type === 'step-group' && this.step.children && !this.step.steps) {
+            if (this.step.displayType === 'step-group' && this.step.children && !this.step.steps) {
                 instance.steps = this.step.children;
                 instance.groupName = this.step.action;
             }
@@ -7787,7 +7787,7 @@ class StepRendererComponent {
                 }
             }
             // Special handling for condition-step: set branches and conditionText
-            if (this.step.type === 'condition') {
+            if (this.step.displayType === 'condition') {
                 // Set branches - prioritize step.branches if available, otherwise use handler
                 if (this.step.branches && Array.isArray(this.step.branches)) {
                     // Create deep copy to ensure proper change detection
@@ -7818,7 +7818,7 @@ class StepRendererComponent {
                 }
             }
             // Special handling for ai-agent-step: ensure title and prompt are set from action
-            if (this.step.type === 'ai-agent') {
+            if (this.step.displayType === 'ai-agent') {
                 // Set title from action if title is not present or empty
                 if ((!instance.title || !instance.title.trim()) && this.step.action) {
                     instance.title = this.step.action;
@@ -7842,7 +7842,7 @@ class StepRendererComponent {
                 }
             }
             // Wire up common event emitters for api, ai-agent, loop, condition, and basic steps
-            if (this.step.type === 'api' || this.step.type === 'ai-agent' || this.isLoopStep(this.step) || this.step.type === 'condition' || this.step.type === 'basic') {
+            if (this.step.displayType === 'api' || this.step.displayType === 'ai-agent' || this.isLoopStep(this.step) || this.step.displayType === 'condition' || this.step.displayType === 'basic') {
                 // Subscribe to common output events and call handlers
                 // EventEmitters are Subjects, so we can subscribe to them
                 if (instance.makeCurrentBaseline && this.onMakeCurrentBaselineHandler) {
@@ -7949,7 +7949,7 @@ class StepRendererComponent {
                 }
             }
             // Special handling for condition-step: wire up onExpand event
-            if (this.step.type === 'condition') {
+            if (this.step.displayType === 'condition') {
                 if (instance.onExpand && this.onExpandHandler) {
                     instance.onExpand.subscribe(() => {
                         // Call onExpandHandler with the step config
@@ -8067,7 +8067,7 @@ class StepRendererComponent {
             if (this.step)
                 instance.step = this.step;
             // Update condition-step specific properties for change detection
-            if (this.step.type === 'condition') {
+            if (this.step.displayType === 'condition') {
                 // Update activeBranchStepId if it changed
                 if (this.step.activeBranchStepId !== undefined) {
                     instance.activeBranchStepId = this.step.activeBranchStepId;
@@ -8290,7 +8290,7 @@ class StepRendererComponent {
                 // Create a minimal previous step from the instance's current state
                 const previousStep = {
                     id: instance.id,
-                    type: instance.type,
+                    displayType: instance.displayType,
                     status: instance.status,
                     duration: instance.duration,
                     expanded: instance.expanded,
@@ -8773,7 +8773,7 @@ class UpdatedFailedStepComponent extends BaseStepComponent {
     ngOnInit() {
         // Build config from individual inputs
         this.config = {
-            type: 'failed',
+            displayType: 'failed',
             testStepResultId: this.testStepResultId,
             subSteps: this.subSteps,
             failureDetails: this.failureDetails,
@@ -8903,7 +8903,7 @@ class BasicStepComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'basic',
+            displayType: 'basic',
             subSteps: this.subSteps || [],
             stepDeleted: this.stepDeleted,
             selfHealAnalysis: this.selfHealAnalysis,
@@ -9597,7 +9597,7 @@ class StepGroupComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'step-group',
+            displayType: 'step-group',
             groupName: this.groupName,
             steps: this.steps || [],
             stepDeleted: this.stepDeleted,
@@ -9646,7 +9646,7 @@ class StepGroupComponent extends BaseStepComponent {
                     ...this.config,
                     hasChild: true,
                     expanded: true,
-                    testStepType: this.config.testStepType || 'STEP_GROUP',
+                    displayType: this.config.displayType || 'STEP_GROUP',
                     children: this.config.steps || [],
                     testStepResultId: this.testStepResultId,
                     id: this.id
@@ -9688,7 +9688,7 @@ class StepGroupComponent extends BaseStepComponent {
     }
     // Helper method to check if a step is a step-group with hasChild
     isNestedStepGroupWithChildren(step) {
-        return step.type === 'step-group' && !!step.hasChild;
+        return step.displayType === 'step-group' && !!step.hasChild;
     }
     // Helper method to get groupName from step config
     getGroupName(step) {
@@ -9702,12 +9702,12 @@ class StepGroupComponent extends BaseStepComponent {
     }
     // Helper method to check if a step is a loop step
     isNestedLoopStep(step) {
-        const stepType = step.testStepType || step.type;
+        const stepType = step.testStepType || step.displayType;
         return stepType === 'FOR_LOOP' || stepType === 'WHILE_LOOP' || stepType === 'loop';
     }
     // Helper method to check if a step is a condition step
     isNestedConditionStep(step) {
-        const stepType = step.testStepType || step.type;
+        const stepType = step.testStepType || step.displayType;
         return stepType === 'CONDITION_IF' || stepType === 'CONDITION_ELSE' ||
             stepType === 'CONDITION_ELSE_IF' || stepType === 'CONDITION_ELSEIF' ||
             stepType === 'condition';
@@ -9742,7 +9742,7 @@ class StepGroupComponent extends BaseStepComponent {
     }
     // Helper methods for loop step properties
     getLoopType(step) {
-        const stepType = step.testStepType || step.type;
+        const stepType = step.testStepType || step.displayType;
         if (stepType === 'FOR_LOOP' || step.loopType === 'for') {
             return 'for';
         }
@@ -10037,7 +10037,7 @@ class LoopStepComponent extends BaseStepComponent {
             title: stepTitle,
             status: this.status,
             duration: this.duration,
-            type: 'loop',
+            displayType: 'loop',
             loopType: this.loopType,
             iterations: this.iterations,
             selectedIterationId: this.selectedIterationId,
@@ -10566,7 +10566,7 @@ class LoopStepComponent extends BaseStepComponent {
     }
     // Helper method to check if a step is a step-group with hasChild
     isNestedStepGroupWithChildren(step) {
-        return step.type === 'step-group' && !!step.hasChild;
+        return step.displayType === 'step-group' && !!step.hasChild;
     }
     // Helper method to get groupName from step config
     getGroupName(step) {
@@ -10579,19 +10579,19 @@ class LoopStepComponent extends BaseStepComponent {
     }
     // Helper method to check if a step is a condition step
     isNestedConditionStep(step) {
-        const stepType = step.testStepType || step.type;
+        const stepType = step.testStepType || step.displayType;
         return stepType === 'CONDITION_IF' || stepType === 'CONDITION_ELSE' ||
             stepType === 'CONDITION_ELSE_IF' || stepType === 'CONDITION_ELSEIF' ||
             stepType === 'condition';
     }
     // Helper method to check if a step is a loop step
     isNestedLoopStep(step) {
-        const stepType = step.testStepType || step.type;
+        const stepType = step.testStepType || step.displayType;
         return stepType === 'FOR_LOOP' || stepType === 'WHILE_LOOP' || stepType === 'loop';
     }
     // Helper method to get loop type from step config
     getLoopType(step) {
-        const stepType = step.testStepType || step.type;
+        const stepType = step.testStepType || step.displayType;
         if (stepType === 'FOR_LOOP' || step.loopType === 'for') {
             return 'for';
         }
@@ -11215,7 +11215,7 @@ class ConditionStepComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'condition',
+            displayType: 'condition',
             conditionText: this.conditionText,
             branches: this.branches,
             stepDeleted: this.stepDeleted,
@@ -11734,7 +11734,7 @@ class FailedStepComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'failed',
+            displayType: 'failed',
             subSteps: this.subSteps,
             failureDetails: this.failureDetails,
             timingBreakdown: this.timingBreakdown,
@@ -11866,7 +11866,7 @@ class AIAgentStepComponent extends BaseStepComponent {
             title: titleValue,
             status: this.status,
             duration: this.duration,
-            type: 'ai-agent',
+            displayType: 'ai-agent',
             prompt: promptValue.replace('AI Agent', '').trim(),
             optimizedRun: this.optimizedRun,
             actionCount: this.actionCount,
@@ -12179,7 +12179,7 @@ class AIActionStepComponent extends BaseStepComponent {
             title: titleValue,
             status: this.status,
             duration: this.duration,
-            type: 'ai-action',
+            displayType: 'ai-action',
             actionCount: this.actionCount,
             actions: this.actions || [],
             stepDeleted: this.stepDeleted,
@@ -12905,7 +12905,7 @@ class ApiStepComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'api',
+            displayType: 'api',
             method: this.method,
             endpoint: this.endpoint,
             statusCode: this.statusCode,
@@ -13331,7 +13331,7 @@ class FileDownloadStepComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'file-download',
+            displayType: 'file-download',
             fileName: this.fileName,
             fileType: this.fileType,
             fileSize: this.fileSize,
@@ -13513,7 +13513,7 @@ class DocumentVerificationStepComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'document-verification',
+            displayType: 'document-verification',
             documentScreenshot: this.documentScreenshot,
             extractedFields: this.extractedFields,
             verificationChecks: this.verificationChecks,
@@ -13647,7 +13647,7 @@ class LiveExecutionStepComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'live-execution',
+            displayType: 'live-execution',
             subSteps: this.subSteps || [],
             stepDeleted: this.stepDeleted,
             expanded: this.expanded,
@@ -18322,7 +18322,7 @@ class DbVerificationStepComponent extends BaseStepComponent {
             title: this.title,
             status: this.status,
             duration: this.duration,
-            type: 'db-verification',
+            displayType: 'db-verification',
             dbTestResult: this.dbTestResult,
             dbConfig: this.dbConfig,
             subSteps: this.subSteps || [],