refactor(templates): migrate list view to react [EE-2296] (#10999)

app/react/common/stacks/queries/useCreateStack/createSwarmStackFromFile.ts

@@ -0,0 +1,50 @@
+import axios, {
+  json2formData,
+  parseAxiosError,
+} from '@/portainer/services/axios';
+import { Pair } from '@/react/portainer/settings/types';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+
+import { Stack } from '../../types';
+
+import { buildCreateUrl } from './buildUrl';
+
+export type SwarmFileUploadPayload = {
+  /** Name of the stack */
+  Name: string;
+
+  /** List of environment variables */
+  Env?: Array<Pair>;
+
+  /** A UUID to identify a webhook. The stack will be force updated and pull the latest image when the webhook was invoked. */
+  Webhook?: string;
+
+  /** Swarm cluster identifier */
+  SwarmID: string;
+
+  file: File;
+  environmentId: EnvironmentId;
+};
+
+export async function createSwarmStackFromFile({
+  environmentId,
+  ...payload
+}: SwarmFileUploadPayload) {
+  try {
+    const { data } = await axios.post<Stack>(
+      buildCreateUrl('swarm', 'file'),
+      json2formData(payload),
+      {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+        params: {
+          endpointId: environmentId,
+        },
+      }
+    );
+    return data;
+  } catch (e) {
+    throw parseAxiosError(e as Error);
+  }
+}