@cqa-lib/cqa-ui 1.1.190 → 1.1.192

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

@@ -7,7 +7,7 @@ export declare const API_EDIT_STEP_LABELS: {
     readonly STORE_RESPONSE: "Store Response";
     readonly VALIDATION: "Validation";
 };
-export declare type ApiEditPayloadTab = 'headers' | 'body' | 'params' | 'scripts';
+export declare type ApiEditPayloadTab = 'headers' | 'body' | 'params' | 'authorization';
 /** Which body content block is visible: headers (tabs) or import cURL textarea. */
 export declare type ApiEditBodyView = 'headers' | 'import-curl';
 export interface ApiEditHeaderRow {
@@ -22,12 +22,27 @@ export interface ApiEditSendRequestPayload {
     url: string;
     headers: ApiEditHeaderRow[];
 }
+/** OAuth 2.0 auth fields (when auth type is OAuth 2.0). */
+export interface ApiEditOAuth2Payload {
+    grantType: string;
+    accessTokenUrl: string;
+    clientId: string;
+    clientSecret: string;
+    scope: string;
+    clientAuthentication: string;
+}
 /** Step 1 request + body payload. */
 export interface ApiEditStep1Payload {
     environment: string;
     method: string;
     url: string;
     headers: ApiEditHeaderRow[];
+    /** Selected auth type: e.g. 'no-auth', 'bearer', 'oauth2'. */
+    authType: string;
+    /** Bearer token value when authType is 'bearer'. */
+    bearerToken?: string;
+    /** OAuth 2.0 fields when authType is 'oauth2'. */
+    oauth2?: ApiEditOAuth2Payload;
     activePayloadTab: ApiEditPayloadTab;
     payloadType: 'raw' | 'x-www-form-urlencoded' | 'form-data';
     payloadFormat: string;
@@ -41,6 +56,10 @@ export interface ApiEditStep1Payload {
         type: string;
         value: string;
     }[];
+    paramsRows: {
+        key: string;
+        value: string;
+    }[];
 }
 /** Step 2 store-response payload. */
 export interface ApiEditStep2Payload {
@@ -72,6 +91,13 @@ export interface ApiEditCreatePayload {
 }
 /** Environment option: either a string (display = value) or an object with id, name, value, label. */
 export declare type EnvironmentOptionInput = string | SelectOption;
+/** Result of parsing a cURL command. */
+export interface ParsedCurl {
+    method: string;
+    url: string;
+    headers: ApiEditHeaderRow[];
+    body: string;
+}
 export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterViewInit, OnDestroy {
     private readonly fb;
     private readonly cdr;
@@ -82,6 +108,8 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     initialPayloadTab?: ApiEditPayloadTab;
     initialHeaders?: ApiEditHeaderRow[];
     initialResponsePreview?: string;
+    initialVariableName?: string;
+    editMode?: boolean;
     /** Emits the cURL string when user clicks Import (value from the textarea control). */
     importCurl: EventEmitter<string>;
     /** Emits when user cancels the Import cURL panel (clicks Cancel). */
@@ -89,6 +117,8 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     /** Emits when user clicks Send Request, with environment, method, url, and headers. */
     sendRequest: EventEmitter<ApiEditSendRequestPayload>;
     back: EventEmitter<void>;
+    /** Emits when user clicks the Cancel button (step 1). */
+    cancel: EventEmitter<void>;
     next: EventEmitter<void>;
     /** Emits when user clicks Create with all entered details: step1 (environment, HTTP method, URL, headers, body), step2 (variable name), step3 (verifications). */
     create: EventEmitter<ApiEditCreatePayload>;
@@ -140,6 +170,30 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     private static getOptionValue;
     private updateEnvironmentSelectConfig;
     private getEnvironmentValues;
+    /** Form for Auth Type select (Authorization tab) */
+    authTypeForm: FormGroup;
+    /** Auth type options: array of strings or objects with id, name, value, label (passed from parent). Falls back to built-in list when empty. */
+    authTypeOptions: EnvironmentOptionInput[];
+    /** Initial auth type (string or option object). When not set, first of authTypeOptions or default "No Auth" is used. */
+    initialAuthType?: string | EnvironmentOptionInput;
+    /** Default options when authTypeOptions is empty (same shape as environment) */
+    private static readonly DEFAULT_AUTH_TYPE_OPTIONS;
+    /** Config for Auth Type dropdown (updated when authTypeOptions changes, like environment) */
+    authTypeSelectConfig: DynamicSelectFieldConfig;
+    private updateAuthTypeSelectConfig;
+    private getAuthTypeValues;
+    /** Current auth type value (e.g. 'no-auth') for template */
+    get selectedAuthType(): string;
+    /** Bearer token value (Authorization tab, when auth type is Bearer Token). */
+    bearerToken: string;
+    /** Form for OAuth 2.0 fields (Authorization tab when auth type is OAuth 2.0). */
+    oauth2Form: FormGroup;
+    /** Grant type options for OAuth 2.0 */
+    private static readonly OAUTH_GRANT_TYPE_OPTIONS;
+    /** Client authentication method options for OAuth 2.0 */
+    private static readonly OAUTH_CLIENT_AUTH_OPTIONS;
+    readonly oauth2GrantTypeSelectConfig: DynamicSelectFieldConfig;
+    readonly oauth2ClientAuthSelectConfig: DynamicSelectFieldConfig;
     /** Current HTTP method (from form or default: first of httpMethodOptions). Treats empty string as unset. */
     get selectedMethod(): string;
     set selectedMethod(v: string);
@@ -162,7 +216,12 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
         key: string;
         value: unknown;
     }): void;
-    url: string;
+    private _url;
+    /** URL for the request. Getter/setter syncs query params with the Params tab (Postman-style). */
+    get url(): string;
+    set url(value: string);
+    /** When true, params form changes should not update the URL (we're syncing from URL). */
+    private paramsSyncingFromUrl;
     readonly payloadTabs: {
         value: ApiEditPayloadTab;
         label: string;
@@ -174,7 +233,7 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
         label: string;
     }[];
     activeResponseVerificationTab: 'response-body' | 'status';
-    /** Payload type for Body/Params/Scripts: raw, x-www-form-urlencoded, form-data */
+    /** Payload type for Body/Params/Authorization: raw, x-www-form-urlencoded, form-data */
     payloadType: 'raw' | 'x-www-form-urlencoded' | 'form-data';
     /** Segment options for payload type (used by cqa-segment-control) */
     readonly payloadTypeSegments: {
@@ -182,7 +241,7 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
         value: string;
     }[];
     onPayloadTypeChange(val: string): void;
-    /** Form for Format select (Body/Params/Scripts) */
+    /** Form for Format select (Body/Params/Authorization) */
     payloadFormatForm: FormGroup;
     /** Format options: array of strings or objects (passed from parent). Falls back to JSON, XML, HTML, Text when empty. */
     formatOptions: EnvironmentOptionInput[];
@@ -192,7 +251,7 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     payloadFormatSelectConfig: DynamicSelectFieldConfig;
     private updatePayloadFormatSelectConfig;
     private getFormatValues;
-    /** Payload text area value for Body/Params/Scripts */
+    /** Payload text area value for Body/Params/Authorization */
     payloadText: string;
     /** JSON parse error when format is JSON and payload is invalid; null when valid or not JSON. */
     payloadJsonError: {
@@ -239,6 +298,9 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     /** Form array for key-type-value rows; each item is FormGroup({ key, type, value }) */
     keyTypeValueFormArray: FormArray;
     get keyTypeValueRows(): FormGroup[];
+    /** Form array for Params tab key-value rows; each item is FormGroup({ key, value }) */
+    paramsFormArray: FormArray;
+    get paramsRows(): FormGroup[];
     /** Config for Type dropdown in key-type-value rows (Text, File) */
     readonly keyTypeValueTypeSelectConfig: DynamicSelectFieldConfig;
     /** Form array for response body verification rows; each item is FormGroup({ jsonPath, verification, dataType, expectedValue }) */
@@ -280,6 +342,7 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     private headerNameOptionsChangesSub?;
     private environmentFormChangesSub?;
     private methodFormChangesSub?;
+    private paramsFormArrayChangesSub?;
     constructor(fb: FormBuilder, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -288,12 +351,32 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     private setupPayloadTextareaScrollSync;
     private buildKeyValueFormArray;
     private buildKeyTypeValueFormArray;
+    private buildParamsFormArray;
+    /** Parse URL into base (without query/fragment) and query key-value pairs. Preserves relative URLs. */
+    private parseQueryParamsFromUrl;
+    /** Get base URL (without query/fragment) for building URL from params. Preserves relative URLs. */
+    private getBaseUrl;
+    /** Parse application/x-www-form-urlencoded body (key=value&...) into key-value rows. */
+    private parseFormUrlEncodedBody;
+    /**
+     * If form body has a single key whose value is URL-decoded JSON, return it pretty-printed for Raw body.
+     * Otherwise return null (caller keeps x-www-form-urlencoded view).
+     */
+    private tryFormBodyValueAsRawJson;
+    /** Update Params table from current URL query string (Postman-style). */
+    private syncParamsFromUrl;
+    /** Update URL query string from Params table (Postman-style). */
+    private syncUrlFromParams;
     private buildVerificationFormArray;
     private buildStatusVerificationFormArray;
     private buildHeadersFormArray;
-    /** Handler: show import cURL panel (called when user clicks "Import API cURL"). */
+    /** Reset all three steps and all entered data to initial/default state. Used when user cancels on step 1. */
+    private resetAllStepsAndData;
+    /** Handler: show import cURL panel (called when user clicks "Import API cURL"). Resets textarea so it is cleared each time. */
     openImportCurlPanel(): void;
-    /** Handler: emit cURL value from control and close panel. Called when user clicks Import button. */
+    /** Reset URL, method, headers, body, and params to empty/default before applying imported cURL. */
+    private resetRequestFieldsBeforeCurlImport;
+    /** Handler: parse cURL from control, bind to form fields, emit and close panel. Called when user clicks Import button. */
     onImportCurlConfirm(): void;
     /** Handler: emit cancel and close panel. Called when user clicks Cancel in import cURL panel. */
     onCancelImportCurl(): void;
@@ -302,6 +385,8 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     onSendRequest(): void;
     onVariableNameChange(): void;
     onBack(): void;
+    /** Called when user clicks the Cancel button (step 1). Emits cancel then runs normal back flow. */
+    onCancel(): void;
     onNext(): void;
     setPayloadTab(value: ApiEditPayloadTab): void;
     setResponseVerificationTab(value: 'response-body' | 'status'): void;
@@ -319,6 +404,9 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     addKeyTypeValueRow(): void;
     removeKeyTypeValueRow(index: number): void;
     trackByKeyTypeValue(index: number): number;
+    addParamsRow(): void;
+    removeParamsRow(index: number): void;
+    trackByParams(index: number): number;
     addVerificationRow(): void;
     removeVerificationRow(index: number): void;
     trackByVerification(index: number): number;
@@ -342,5 +430,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"; "httpMethodOptions": "httpMethodOptions"; "environmentOptions": "environmentOptions"; "formatOptions": "formatOptions"; "initialFormat": "initialFormat"; "headerNameOptions": "headerNameOptions"; "verificationOptions": "verificationOptions"; "verificationDataTypeOptions": "verificationDataTypeOptions"; "statusVerificationOptions": "statusVerificationOptions"; }, { "importCurl": "importCurl"; "importCurlCancel": "importCurlCancel"; "sendRequest": "sendRequest"; "back": "back"; "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"; }, { "importCurl": "importCurl"; "importCurlCancel": "importCurlCancel"; "sendRequest": "sendRequest"; "back": "back"; "cancel": "cancel"; "next": "next"; "create": "create"; "headersChange": "headersChange"; }, never, never>;
 }

package/lib/test-case-details/test-case-details-renderer/test-case-details-renderer.component.d.ts

@@ -31,7 +31,10 @@ export declare class TestCaseDetailsRendererComponent implements OnChanges, Afte
     openExternal: EventEmitter<{
         step: TestCaseStepConfig;
     }>;
-    edit: EventEmitter<void>;
+    edit: EventEmitter<{
+        step: TestCaseStepConfig;
+        index: number;
+    }>;
     link: EventEmitter<void>;
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;

package/package.json

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