@functionalcms/svelte-components 4.21.3 → 4.21.4

package/dist/components/form/SmartForm.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Input from './Input.svelte';
-	import { type Field, FieldType, InputType} from './form.js';
+	import { type Field, FieldType, InputType, SubmitResult} from './form.js';
 	import { fade } from 'svelte/transition';
 
 	interface Props {
@@ -9,7 +9,7 @@
 		successMessage?: string;
 		submitButonText?: string;
 		fields?: Array<Field>;
-		onSubmit?: () => void;
+		onMessageSubmitted?: (result: SubmitResult) => void;
 	}
 
 	let {
@@ -18,7 +18,7 @@
 		css = '',
 		submitButonText = 'Submit',
 		successMessage = 'Your message has been delivered',
-		onSubmit = null,
+		onMessageSubmitted = (result: SubmitResult) => {},
 	}: Props = $props();
 
 	let form: any;
@@ -38,7 +38,7 @@
 				body: formData
 			});
 			showMessage = response.status === 200;
-			onSubmit?.();
+			onMessageSubmitted?.(showMessage ? SubmitResult.Success : SubmitResult.Error);
 			isSendingMessage = false;
 		} catch (error) {
 			console.error('Error submitting form:', error);

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

@@ -1,11 +1,11 @@
-import { type Field } from './form.js';
+import { type Field, SubmitResult } from './form.js';
 interface Props {
     action: string;
     css?: string;
     successMessage?: string;
     submitButonText?: string;
     fields?: Array<Field>;
-    onSubmit?: () => void;
+    onMessageSubmitted?: (result: SubmitResult) => void;
 }
 declare const SmartForm: import("svelte").Component<Props, {}, "">;
 type SmartForm = ReturnType<typeof SmartForm>;

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

@@ -39,3 +39,7 @@ export interface Field {
     }>;
     checked?: boolean;
 }
+export declare enum SubmitResult {
+    Success = "success",
+    Error = "error"
+}

package/dist/components/form/form.js

@@ -28,3 +28,8 @@ export var LabelSize;
     LabelSize["Large"] = "large";
     LabelSize["None"] = "";
 })(LabelSize || (LabelSize = {}));
+export var SubmitResult;
+(function (SubmitResult) {
+    SubmitResult["Success"] = "success";
+    SubmitResult["Error"] = "error";
+})(SubmitResult || (SubmitResult = {}));

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 } from './components/form/form.js';
+export { InputType, FieldType, LabelSize, type Field, SubmitResult } 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 } from './components/form/form.js';
+export { InputType, FieldType, LabelSize, SubmitResult } 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.21.3",
+	"version": "4.21.4",
 	"license": "MIT",
 	"watch": {
 		"build": {