feat(HTTP Request Node): Redesign and add the ability to import cURL commands (#3860)

* ⚡ Initial commit

* 👕 Fix linting issue

* ⚡ Add import button

* ⚡ Remove ligh versioning

* ⚡ Improvements

* ⚡ Improvements

* 🔥 Remove HttpRequest2 file used for testing

* 🐛 Fix building issue

* ⚡ Small improvement

* 👕 Fix linting issue

* 🔥 Remove HttpRequest2 from loader

* ⚡ Update package-lock.json

* ⚡ Improvements

* ⚡ Small change

* 🐛 Fix issue retrieving splitIntoItems

* 🐛 Fix issue retrieving neverError parameter

* 🐛 Fix issue with displayOptions

* ⚡ Improvements

* ⚡ Improvements

* ⚡ Improvements

* ⚡ Improvements

* ⚡ Move cURL section to its own component

* ⚡ Improvements

* ⚡ Improvements

* ⚡ Add fix for  batching in all versions

* ⚡ Add notice to cURL modal

* 🔥 Remove comments

* ⚡ Improvements

* ⚡ Type curl-to-json endpoint

* ⚡ Fix typo

* 🔥 Remove console.logs

* ⚡ Fix typo in curl-to-json endpoint

* ⚡ Improvements

* ⚡ Improvements

* ⚡ Update package-lock.json

* ⚡ Rename import modal constant

* ⚡ Add return types to methods

* ⚡ Add CSS modules to ImportParameter component

* ⚡ Rename ImportParameter component to use kebab-case

* ⚡ Improvements

* ⚡ update package-lock.json

* ⚡ Fix linting issues

* Fix issue with css reference in ImportParameter component

* ⚡ Small improvements

* ⚡ Rename redirects to redirect

* ⚡ Allow to set multiple parameters on valueChanged

* 👕 Fix linting issue

* 🐛 Add mistakenly removed openExistingCredentials

* ⚡ Improve curl regex

* ⚡ Keep  headers as defined in the cURL command

* ⚡ Account for all protocols supported by cURL

* ⚡ Add tests

* 🔥 Remove unnecessary lines

* ⚡ Add more testing

* ⚡ Add noDataExpression to dependent fields

* 🐛 Fix bug not handling multipart-form data correctly

* ⚡ Change error messages

* 🐛 Fix response format string for empty values

* Fix typo

packages/editor-ui/src/components/ParameterInputList.vue

@@ -16,6 +16,11 @@
 				/>
 			</div>
 
+			<import-parameter
+					v-else-if="parameter.type === 'curlImport' && nodeTypeName === 'n8n-nodes-base.httpRequest' && nodeTypeVersion >= 3"
+					@valueChanged="valueChanged"
+			/>
+
 			<n8n-notice
 				v-else-if="parameter.type === 'notice'"
 				class="parameter-item"
@@ -93,7 +98,6 @@
 import {
 	INodeParameters,
 	INodeProperties,
-	INodeType,
 	INodeTypeDescription,
 	NodeParameterValue,
 } from 'n8n-workflow';
@@ -104,6 +108,7 @@ import MultipleParameter from '@/components/MultipleParameter.vue';
 import { genericHelpers } from '@/components/mixins/genericHelpers';
 import { workflowHelpers } from '@/components/mixins/workflowHelpers';
 import ParameterInputFull from '@/components/ParameterInputFull.vue';
+import ImportParameter from '@/components/ImportParameter.vue';
 
 import { get, set } from 'lodash';
 
@@ -121,6 +126,7 @@ export default mixins(
 			ParameterInputFull,
 			FixedCollectionParameter: () => import('./FixedCollectionParameter.vue') as Promise<Component>,
 			CollectionParameter: () => import('./CollectionParameter.vue') as Promise<Component>,
+			ImportParameter,
 		},
 		props: [
 			'nodeValues', // INodeParameters
@@ -130,6 +136,18 @@ export default mixins(
 			'indent',
 		],
 		computed: {
+			nodeTypeVersion(): number | null {
+				if (this.node) {
+					return this.node.typeVersion;
+				}
+				return null;
+			},
+			nodeTypeName (): string {
+				if (this.node) {
+					return this.node.type;
+				}
+				return '';
+			},
 			filteredParameters (): INodeProperties[] {
 				return this.parameters.filter((parameter: INodeProperties) => this.displayNodeParameter(parameter));
 			},