@cqa-lib/cqa-ui 1.1.261 → 1.1.263

package/lib/step-builder/step-builder-ai-agent/step-builder-ai-agent.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
+import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
 import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
 import * as i0 from "@angular/core";
 export interface AiAgentFormData {
@@ -13,6 +13,7 @@ export interface AiAgentFormData {
     retryCount?: string;
     iframeLocator?: string;
     otherLocators?: string;
+    advancedSettingsVariables?: any[];
 }
 export declare class StepBuilderAiAgentComponent implements OnInit, OnChanges {
     private fb;
@@ -45,19 +46,47 @@ export declare class StepBuilderAiAgentComponent implements OnInit, OnChanges {
     aiAgentForm: FormGroup;
     showAdvanced: boolean;
     private hasLoadedInitialData;
+    advancedSettingsVariables: any[];
+    advancedVariablesForm: FormArray;
     constructor(fb: FormBuilder);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private hasInitialData;
     private loadInitialData;
+    /**
+     * Initialize advanced settings variables based on current form values when
+     * parent has not provided any advancedSettingsVariables.
+     */
+    private initializeAdvancedSettings;
+    /**
+     * Apply incoming advancedSettingsVariables to the underlying form controls.
+     * Used when parent passes advanced variables (e.g. from StepBuilderService).
+     */
+    private applyAdvancedSettingsToForm;
+    /**
+     * Convert the otherLocators form value to a string array for str_list.
+     */
+    private convertOtherLocatorsToArray;
+    /**
+     * Build reactive form for advanced settings variables (same pattern as action step).
+     */
+    private buildAdvancedVariablesForm;
     getTypeConfig(): DynamicSelectFieldConfig;
     getEnvironmentConfig(): DynamicSelectFieldConfig;
     getRetryCountConfig(): DynamicSelectFieldConfig;
     getIframeLocatorConfig(): DynamicSelectFieldConfig;
     getOtherLocatorsConfig(): DynamicSelectFieldConfig;
     toggleAdvanced(): void;
+    /**
+     * Handle advanced boolean variable changes and sync to form.
+     */
+    onAdvancedVariableBooleanChange(variableName: string, value: boolean): void;
+    /**
+     * Handle advanced non-boolean value changes (e.g. pwLocator) and sync to form.
+     */
+    onAdvancedVariableValueChange(variableName: string, value: any): void;
     onCancel(): void;
     onCreateStep(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderAiAgentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderAiAgentComponent, "cqa-step-builder-ai-agent", never, { "typeOptions": "typeOptions"; "environmentOptions": "environmentOptions"; "retryCountOptions": "retryCountOptions"; "iframeLocatorOptions": "iframeLocatorOptions"; "otherLocatorsOptions": "otherLocatorsOptions"; "initialQuery": "initialQuery"; "initialType": "initialType"; "initialDescription": "initialDescription"; "initialEnvironments": "initialEnvironments"; "initialMetadata": "initialMetadata"; "initialDisabled": "initialDisabled"; "initialContinueOnError": "initialContinueOnError"; "initialRetryCount": "initialRetryCount"; "initialIframeLocator": "initialIframeLocator"; "initialOtherLocators": "initialOtherLocators"; "editMode": "editMode"; }, { "createStep": "createStep"; "cancelled": "cancelled"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderAiAgentComponent, "cqa-step-builder-ai-agent", never, { "typeOptions": "typeOptions"; "environmentOptions": "environmentOptions"; "retryCountOptions": "retryCountOptions"; "iframeLocatorOptions": "iframeLocatorOptions"; "otherLocatorsOptions": "otherLocatorsOptions"; "initialQuery": "initialQuery"; "initialType": "initialType"; "initialDescription": "initialDescription"; "initialEnvironments": "initialEnvironments"; "initialMetadata": "initialMetadata"; "initialDisabled": "initialDisabled"; "initialContinueOnError": "initialContinueOnError"; "initialRetryCount": "initialRetryCount"; "initialIframeLocator": "initialIframeLocator"; "initialOtherLocators": "initialOtherLocators"; "editMode": "editMode"; "advancedSettingsVariables": "advancedSettingsVariables"; }, { "createStep": "createStep"; "cancelled": "cancelled"; }, never, never>;
 }

package/lib/step-builder/step-builder-database/step-builder-database.component.d.ts

@@ -13,6 +13,7 @@ export interface DatabaseQuery {
 export interface DatabaseFormData {
     dbEnvironment: string;
     queries: DatabaseQuery[];
+    advancedSettingsVariables?: any[];
 }
 export declare class StepBuilderDatabaseComponent implements OnInit, OnChanges, OnDestroy {
     private fb;
@@ -51,15 +52,17 @@ export declare class StepBuilderDatabaseComponent implements OnInit, OnChanges,
     /** Emit when selected query index changes */
     selectedQueryIndexChange: EventEmitter<number>;
     /** Emit when active tab changes */
-    activeTabChange: EventEmitter<"output" | "verification">;
+    activeTabChange: EventEmitter<"output" | "verification" | "advanced">;
     databaseForm: FormGroup;
-    selectedTab: 'output' | 'verification';
+    selectedTab: 'output' | 'verification' | 'advanced';
     selectedQueryIndex: number;
     assertionsForms: Map<number, FormGroup>;
     displayedColumns: string[];
     defaultExpectedType: string;
     private formSubscriptions;
     assertionsTable?: MatTable<any>;
+    advancedSettingsVariables: any[];
+    advancedVariablesForm: FormArray;
     constructor(fb: FormBuilder, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -80,8 +83,8 @@ export declare class StepBuilderDatabaseComponent implements OnInit, OnChanges,
     /**
      * Get the currently active tab
      */
-    getActiveTab(): 'output' | 'verification';
-    onTabChange(tab: 'output' | 'verification'): void;
+    getActiveTab(): 'output' | 'verification' | 'advanced';
+    onTabChange(tab: 'output' | 'verification' | 'advanced'): void;
     onCopyResults(): void;
     onCancel(): void;
     isFormValid(): boolean;
@@ -162,6 +165,22 @@ export declare class StepBuilderDatabaseComponent implements OnInit, OnChanges,
      */
     trackByIndex(index: number): any;
     ngOnDestroy(): void;
+    /**
+     * Initialize advanced settings variables for database steps.
+     */
+    private initializeAdvancedSettings;
+    /**
+     * Build reactive form for advanced settings variables.
+     */
+    private buildAdvancedVariablesForm;
+    /**
+     * Handle advanced boolean changes and keep data/form in sync.
+     */
+    onAdvancedVariableBooleanChange(variableName: string, value: boolean): void;
+    /**
+     * Handle non-boolean advanced variable changes (reserved for future use).
+     */
+    onAdvancedVariableValueChange(variableName: string, value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderDatabaseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderDatabaseComponent, "cqa-step-builder-database", never, { "dbEnvironmentOptions": "dbEnvironmentOptions"; "queries": "queries"; "queryResults": "queryResults"; "isLoading": "isLoading"; "initialDbEnvironment": "initialDbEnvironment"; "editMode": "editMode"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "runQuery": "runQuery"; "addQuery": "addQuery"; "deleteQuery": "deleteQuery"; "assertionDataChange": "assertionDataChange"; "selectedQueryIndexChange": "selectedQueryIndexChange"; "activeTabChange": "activeTabChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderDatabaseComponent, "cqa-step-builder-database", never, { "dbEnvironmentOptions": "dbEnvironmentOptions"; "queries": "queries"; "queryResults": "queryResults"; "isLoading": "isLoading"; "initialDbEnvironment": "initialDbEnvironment"; "editMode": "editMode"; "advancedSettingsVariables": "advancedSettingsVariables"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "runQuery": "runQuery"; "addQuery": "addQuery"; "deleteQuery": "deleteQuery"; "assertionDataChange": "assertionDataChange"; "selectedQueryIndexChange": "selectedQueryIndexChange"; "activeTabChange": "activeTabChange"; }, never, never>;
 }

package/lib/step-builder/step-builder-loop/step-builder-loop.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { FormGroup, FormArray, FormBuilder } from '@angular/forms';
 import { DynamicSelectFieldConfig } from '../../dynamic-select/dynamic-select-field.component';
 import { ActionTemplate } from '../step-builder-action/step-builder-action.component';
 import * as i0 from "@angular/core";
@@ -26,8 +26,10 @@ export interface LoopFormData {
     runTime?: string;
     whileTemplate?: any;
     event?: any;
+    advancedSettingsVariables?: any[];
 }
 export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
+    private fb;
     /** Currently selected loop type */
     loopType: LoopType;
     /** Options for the select option dropdown */
@@ -97,6 +99,9 @@ export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
     selectedWhileTemplate: any;
     selectedLoopType: LoopType;
     loopForm: FormGroup;
+    advancedExpanded: boolean;
+    advancedSettingsVariables: any[];
+    advancedVariablesForm: FormArray;
     selectOptionConfig: DynamicSelectFieldConfig;
     dataProfileConfig: DynamicSelectFieldConfig;
     loopStartConfig: DynamicSelectFieldConfig;
@@ -104,9 +109,18 @@ export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
     private selectedDataProfile;
     private startArray;
     private endArray;
-    constructor();
+    constructor(fb: FormBuilder);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Initialize advanced settings variables for loop steps.
+     * For loops, we currently support the same generic advanced flag: shouldSkip.
+     */
+    private initAdvancedSettingsVariables;
+    /**
+     * Build reactive form for advanced settings variables (mirrors action step behavior).
+     */
+    private buildAdvancedVariablesForm;
     private updateConfigs;
     private convertDataProfileOptionsToSelectOptions;
     /**
@@ -126,6 +140,18 @@ export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
      */
     private updateLoopIndexOptions;
     onLoopTypeChange(type: string | LoopType): void;
+    /**
+     * Toggle visibility of the Advanced settings section.
+     */
+    toggleAdvanced(): void;
+    /**
+     * Handle advanced boolean variable change (e.g. shouldSkip).
+     */
+    onAdvancedVariableBooleanChange(variableName: string, value: boolean): void;
+    /**
+     * Handle advanced non-boolean value changes (kept generic for future use, e.g. str_list).
+     */
+    onAdvancedVariableValueChange(variableName: string, value: any): void;
     onCancel(): void;
     isFormValid(): boolean;
     onCreateStep(): void;

package/lib/test-case-details/api-edit-step/api-edit-step.component.d.ts

@@ -88,6 +88,8 @@ export interface ApiEditCreatePayload {
     step1: ApiEditStep1Payload;
     step2: ApiEditStep2Payload;
     step3: ApiEditStep3Payload;
+    /** Advanced settings variables for this API step (e.g. isStepOptional, shouldSkip). */
+    advancedSettingsVariables?: any[];
 }
 /** Environment option: either a string (display = value) or an object with id, name, value, label. */
 export declare type EnvironmentOptionInput = string | SelectOption;
@@ -343,6 +345,9 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     private environmentFormChangesSub?;
     private methodFormChangesSub?;
     private paramsFormArrayChangesSub?;
+    advancedExpanded: boolean;
+    advancedSettingsVariables: any[];
+    advancedVariablesForm: FormArray;
     constructor(fb: FormBuilder, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -418,6 +423,18 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     addStatusVerificationRow(): void;
     removeStatusVerificationRow(index: number): void;
     trackByStatusVerification(index: number): number;
+    /**
+     * Build reactive form for advanced settings variables.
+     */
+    private buildAdvancedVariablesForm;
+    /**
+     * Handle advanced boolean changes and keep both data and form in sync.
+     */
+    onAdvancedVariableBooleanChange(variableName: string, value: boolean): void;
+    /**
+     * Handle non-boolean advanced values (kept for API compatibility; currently unused).
+     */
+    onAdvancedVariableValueChange(variableName: string, value: any): void;
     /** Emit all entered details (environment, HTTP method, URL, headers, body, step2 variable, step3 verifications) when user clicks Create. */
     onCreate(): void;
     /** Minimal payload when getCreatePayload throws (so create always emits). */
@@ -430,5 +447,5 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     get headers(): ApiEditHeaderRow[];
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApiEditStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApiEditStepComponent, "cqa-api-edit-step", never, { "initialMethod": "initialMethod"; "initialEnvironment": "initialEnvironment"; "initialStep": "initialStep"; "initialUrl": "initialUrl"; "initialPayloadTab": "initialPayloadTab"; "initialHeaders": "initialHeaders"; "initialResponsePreview": "initialResponsePreview"; "initialVariableName": "initialVariableName"; "editMode": "editMode"; "httpMethodOptions": "httpMethodOptions"; "environmentOptions": "environmentOptions"; "authTypeOptions": "authTypeOptions"; "initialAuthType": "initialAuthType"; "formatOptions": "formatOptions"; "initialFormat": "initialFormat"; "headerNameOptions": "headerNameOptions"; "verificationOptions": "verificationOptions"; "verificationDataTypeOptions": "verificationDataTypeOptions"; "statusVerificationOptions": "statusVerificationOptions"; }, { "importCurl": "importCurl"; "importCurlCancel": "importCurlCancel"; "sendRequest": "sendRequest"; "back": "back"; "cancel": "cancel"; "next": "next"; "create": "create"; "headersChange": "headersChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApiEditStepComponent, "cqa-api-edit-step", never, { "initialMethod": "initialMethod"; "initialEnvironment": "initialEnvironment"; "initialStep": "initialStep"; "initialUrl": "initialUrl"; "initialPayloadTab": "initialPayloadTab"; "initialHeaders": "initialHeaders"; "initialResponsePreview": "initialResponsePreview"; "initialVariableName": "initialVariableName"; "editMode": "editMode"; "httpMethodOptions": "httpMethodOptions"; "environmentOptions": "environmentOptions"; "authTypeOptions": "authTypeOptions"; "initialAuthType": "initialAuthType"; "formatOptions": "formatOptions"; "initialFormat": "initialFormat"; "headerNameOptions": "headerNameOptions"; "verificationOptions": "verificationOptions"; "verificationDataTypeOptions": "verificationDataTypeOptions"; "statusVerificationOptions": "statusVerificationOptions"; "advancedSettingsVariables": "advancedSettingsVariables"; }, { "importCurl": "importCurl"; "importCurlCancel": "importCurlCancel"; "sendRequest": "sendRequest"; "back": "back"; "cancel": "cancel"; "next": "next"; "create": "create"; "headersChange": "headersChange"; }, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.261",
+  "version": "1.1.263",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",