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/ImportParameter.vue

@@ -0,0 +1,33 @@
+<template>
+	<div :class="$style.importSection">
+		<n8n-button
+			type="secondary"
+			:label="$locale.baseText('importParameter.label')"
+			size="mini"
+			@click="onImportCurlClicked"
+		/>
+	</div>
+</template>
+
+<script lang="ts">
+import { IMPORT_CURL_MODAL_KEY } from '@/constants';
+import mixins from 'vue-typed-mixins';
+import { showMessage } from './mixins/showMessage';
+
+export default mixins(showMessage).extend({
+	name: 'import-parameter',
+	methods: {
+		onImportCurlClicked() {
+			this.$store.dispatch('ui/openModal', IMPORT_CURL_MODAL_KEY);
+		},
+	},
+});
+</script>
+
+<style module lang="scss">
+.importSection {
+	display: flex;
+	flex-direction: row-reverse;
+	margin-top: 10px;
+}
+</style>