@stsdti/funky-ui-kit 1.8.6 → 1.8.7

package/dist/funky-ui-kit.esm.js

@@ -67202,6 +67202,29 @@ var BaseRepository = class BaseRepository {
 	insert = (data) => {
 		return this.submit("post", this.fullURL, data);
 	};
+	buildFormDataMultipart = (data, method = null) => {
+		const formData = new FormData();
+		if (!data) return formData;
+		Object.entries(data).forEach(([key, value]) => {
+			if (value instanceof File || value instanceof FileList) return;
+			if (typeof value === "object") {
+				formData.append(key, value ? JSON.stringify(value) : "");
+				return;
+			}
+			formData.append(key, value ?? "");
+		});
+		if (method) formData.append("_method", method);
+		this.appendFormDataMultipart(formData, data);
+		return formData;
+	};
+	updateToFormDataMultipart = (id, data) => {
+		const formData = this.buildFormDataMultipart(data, "PATCH");
+		return this.submitMultipart("post", `${this.fullURL}/${id}`, formData);
+	};
+	insertToFormDataMultipart = (data) => {
+		const formData = this.buildFormDataMultipart(data, "POST");
+		return this.submitMultipart("post", this.fullURL, formData);
+	};
 	updateBulk = (data) => {
 		return this.submit("patch", this.fullURL, data);
 	};
@@ -67245,6 +67268,31 @@ var BaseRepository = class BaseRepository {
 		});
 		return requestPromise;
 	}
+	submitMultipart(method, url, data = null, params = null, throttleMs = 400, axiosConfig = null) {
+		if (!(data instanceof FormData)) throw new Error("submitMultipart requires data to be an instance of FormData");
+		return this.axios({
+			method,
+			url,
+			data,
+			params,
+			crossDomain: true,
+			...axiosConfig ?? {},
+			headers: {
+				"Content-Type": "multipart/form-data",
+				"X-Process-Multipart": "true",
+				...axiosConfig?.headers ?? {}
+			}
+		});
+	}
+	appendFormDataMultipart(formData, data, rootName = "") {
+		if (data instanceof FileList) throw new Error("FileList is not supported in multipart payload. Please provide a File instead.");
+		else if (data instanceof File) formData.append(rootName, data);
+		else if (Array.isArray(data)) for (let i = 0; i < data.length; i++) this.appendFormDataMultipart(formData, data[i], `${rootName}/${i}`);
+		else if (typeof data === "object" && data !== null && !(data instanceof Date)) {
+			for (const key in data) if (Object.hasOwn(data, key)) if (rootName === "") this.appendFormDataMultipart(formData, data[key], key);
+			else this.appendFormDataMultipart(formData, data[key], `${rootName}/${key}`);
+		}
+	}
 	objectToQueryString(queryParameters) {
 		return Object.keys(queryParameters).map((key) => key + "=" + queryParameters[key]).join("&");
 	}
@@ -125795,7 +125843,7 @@ var useFormEvent = {
 	fetched: "fetched"
 };
 function useForm(config, emits) {
-	const { onEvent, model = null, shouldFetchOnMount: defaultShouldFetchOnMount = true, shouldEmitOnMount = true, useInModal = false } = config;
+	const { onEvent, model = null, shouldFetchOnMount: defaultShouldFetchOnMount = true, shouldEmitOnMount = true, useInModal = false, useMultipart = false } = config;
 	const { fetchItem: fetchItem_, saveItem: saveItem_, deleteItem: deleteItem_ } = config;
 	const { validationPath: globalValidationPath } = config;
 	const repository = model?.getRepository();
@@ -125867,8 +125915,8 @@ function useForm(config, emits) {
 		let newItem = (0, import_lodash.cloneDeep)(item.value);
 		newItem = await transformer?.transformToApi?.(newItem);
 		let response = null;
-		if (item.value?.id) response = await repository.update(item.value?.id, newItem);
-		else response = await repository.insert(newItem);
+		if (item.value?.id) response = useMultipart ? await repository.updateToFormDataMultipart(item.value?.id, newItem) : await repository.update(item.value?.id, newItem);
+		else response = useMultipart ? await repository.insertToFormDataMultipart(newItem) : await repository.insert(newItem);
 		isLoading.value = false;
 		if (!ResponseUtils.isSuccess(response)) return response;
 		useDraft && formDraft.clearItemFromStorage();