move CRUD operations to helpers

components/wizard/context/wizardStore.tsx

@@ -1,7 +1,8 @@
 import React, { useEffect, useReducer } from 'react'
 import { useRouter } from 'next/router'
 import { clearBookingData, loadBookingData } from '../../../helpers/storage'
-import { ValidationError } from './validationError'
+
+import { createBooking } from '../../../helpers/booking'
 
 interface WizardFormData {
   startDate: string
@@ -136,33 +137,6 @@ const initialState: WizardStoreState = {
   dataStoredLoaded: undefined,
 }
 
-async function createBooking(formData: WizardFormData) {
-  const response = await fetch('/api/booking', {
-    method: 'POST',
-    mode: 'cors',
-    cache: 'no-cache',
-    credentials: 'same-origin',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    referrerPolicy: 'no-referrer',
-    body: JSON.stringify(formData),
-  })
-
-  if (response.status === 400) {
-    const error = await response.json()
-    throw new ValidationError(error.errors)
-  }
-
-  if (!response.ok) {
-    throw Error(
-      'Sorry, konnte nicht gespeichert werden. Bitte versuch es später nochmal!'
-    )
-  }
-
-  return response.json()
-}
-
 export default function WizardStore({ children }) {
   const router = useRouter()
   const [state, dispatch] = useReducer(reducer, initialState)