@functionalcms/svelte-components 4.25.0 → 4.26.0

package/dist/components/form/SmartForm.svelte

@@ -4,7 +4,7 @@
 	import { fade } from 'svelte/transition';
 
 	interface Props {
-		action: string;
+		action?: string;
 		css?: string;
 		successMessage?: string;
 		submitButonText?: string;
@@ -17,8 +17,8 @@
 		fields = [],
 		css = '',
 		submitButonText = 'Submit',
-		successMessage = 'Your message has been delivered',
-		onMessageSubmitted = (result: SubmitResult) => {},
+		successMessage,
+		onMessageSubmitted,
 	}: Props = $props();
 
 	let form: any;
@@ -27,13 +27,15 @@
 
 	const submitContactForm = async (event: Event) => {
 		try {
+			debugger
 			if (isSendingMessage) {
 				return;
 			}
 			isSendingMessage = true;
 			event.preventDefault();
 			const formData = new FormData(form);
-			const response = await fetch(action, {
+			const formAction = action || window.location.pathname;
+			const response = await fetch(formAction, {
 				method: 'POST',
 				body: formData
 			});

package/dist/components/form/SmartForm.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type Field, SubmitResult } from './form.js';
 interface Props {
-    action: string;
+    action?: string;
     css?: string;
     successMessage?: string;
     submitButonText?: string;

package/dist/components/form/form.d.ts

@@ -43,3 +43,4 @@ export declare enum SubmitResult {
     Success = "success",
     Error = "error"
 }
+export declare const readForm: (request: Request, fields: Array<Field>) => Promise<any>;

package/dist/components/form/form.js

@@ -33,3 +33,11 @@ export var SubmitResult;
     SubmitResult["Success"] = "success";
     SubmitResult["Error"] = "error";
 })(SubmitResult || (SubmitResult = {}));
+export const readForm = async (request, fields) => {
+    const formData = await request.formData();
+    let response = {};
+    fields.forEach(field => {
+        response[field.name] = formData.get(field.name);
+    });
+    return response;
+};

package/dist/index.d.ts

@@ -29,7 +29,7 @@ export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
 export { default as Switch } from './components/form/Switch.svelte';
 export { default as ChoiceInput } from './components/form/ChoiceInput.svelte';
-export { InputType, FieldType, LabelSize, type Field, SubmitResult } from './components/form/form.js';
+export { InputType, FieldType, LabelSize, type Field, SubmitResult, readForm } from './components/form/form.js';
 export { default as AntiBot } from './components/form/AntiBot.svelte';
 export { default as Dropzone } from './components/form/Dropzone.svelte';
 export { default as Select } from './components/form/Select.svelte';

package/dist/index.js

@@ -42,7 +42,7 @@ export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
 export { default as Switch } from './components/form/Switch.svelte';
 export { default as ChoiceInput } from './components/form/ChoiceInput.svelte';
-export { InputType, FieldType, LabelSize, SubmitResult } from './components/form/form.js';
+export { InputType, FieldType, LabelSize, SubmitResult, readForm } from './components/form/form.js';
 export { default as AntiBot } from './components/form/AntiBot.svelte';
 export { default as Dropzone } from './components/form/Dropzone.svelte';
 export { default as Select } from './components/form/Select.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.25.0",
+	"version": "4.26.0",
 	"license": "MIT",
 	"watch": {
 		"build": {