diff --git a/frontend/src/lib/components/common/confirmationModal/unsavedTypes.ts b/frontend/src/lib/components/common/confirmationModal/unsavedTypes.ts
new file mode 100644
index 0000000000..72eef2c22e
--- /dev/null
+++ b/frontend/src/lib/components/common/confirmationModal/unsavedTypes.ts
@@ -0,0 +1,8 @@
+import type { Value } from "$lib/utils"
+
+export type GetInitialAndModifiedValues = (() => SavedAndModifiedValue) | undefined
+
+export type SavedAndModifiedValue = {
+    savedValue: Value | undefined
+    modifiedValue: Value | undefined
+}
\ No newline at end of file
diff --git a/frontend/src/routes/(root)/(logged)/flows/add/+page.svelte b/frontend/src/routes/(root)/(logged)/flows/add/+page.svelte
index 0344fab2bd..2ebae10bac 100644
--- a/frontend/src/routes/(root)/(logged)/flows/add/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/flows/add/+page.svelte
@@ -14,6 +14,7 @@
 	import { tick } from 'svelte'
 	import { writable } from 'svelte/store'
 	import type { ScheduleTrigger } from '$lib/components/triggers'
+	import type { GetInitialAndModifiedValues } from '$lib/components/common/confirmationModal/unsavedTypes'
 
 	let nodraft = $page.url.searchParams.get('nodraft')
 
diff --git a/frontend/src/routes/(root)/(logged)/flows/edit/[...path]/+page.svelte b/frontend/src/routes/(root)/(logged)/flows/edit/[...path]/+page.svelte
index b62077af94..51e0e9d6e3 100644
--- a/frontend/src/routes/(root)/(logged)/flows/edit/[...path]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/flows/edit/[...path]/+page.svelte
@@ -14,6 +14,7 @@
 	import DiffDrawer from '$lib/components/DiffDrawer.svelte'
 	import UnsavedConfirmationModal from '$lib/components/common/confirmationModal/UnsavedConfirmationModal.svelte'
 	import type { ScheduleTrigger } from '$lib/components/triggers'
+	import type { GetInitialAndModifiedValues } from '$lib/components/common/confirmationModal/unsavedTypes'
 
 	let version: undefined | number = undefined
 	let nodraft = $page.url.searchParams.get('nodraft')