verschieben des sofortigen verzichts auf das Widerrrufsrecht zum Anlegen des Events

resources/js/admin/mobile/EventFormPage.tsx

@@ -7,11 +7,12 @@ import { SizableText as Text } from '@tamagui/text';
 import { Switch } from '@tamagui/switch';
 import { MobileShell } from './components/MobileShell';
 import { MobileCard, CTAButton } from './components/Primitives';
+import { LegalConsentSheet } from './components/LegalConsentSheet';
 import { createEvent, getEvent, updateEvent, getEventTypes, TenantEvent, TenantEventType } from '../api';
 import { resolveEventSlugAfterUpdate } from './eventFormNavigation';
 import { adminPath } from '../constants';
 import { isAuthError } from '../auth/tokens';
-import { getApiValidationMessage } from '../lib/apiError';
+import { getApiValidationMessage, isApiError } from '../lib/apiError';
 import toast from 'react-hot-toast';
 
 type FormState = {
@@ -46,6 +47,9 @@ export default function MobileEventFormPage() {
   const [typesLoading, setTypesLoading] = React.useState(false);
   const [loading, setLoading] = React.useState(isEdit);
   const [saving, setSaving] = React.useState(false);
+  const [consentOpen, setConsentOpen] = React.useState(false);
+  const [consentBusy, setConsentBusy] = React.useState(false);
+  const [pendingPayload, setPendingPayload] = React.useState<Parameters<typeof createEvent>[0] | null>(null);
   const [error, setError] = React.useState<string | null>(null);
 
   React.useEffect(() => {
@@ -99,24 +103,24 @@ export default function MobileEventFormPage() {
   async function handleSubmit() {
     setSaving(true);
     setError(null);
-      try {
-        if (isEdit && slug) {
-          const updated = await updateEvent(slug, {
-            name: form.name,
-            event_date: form.date || undefined,
-            event_type_id: form.eventTypeId ?? undefined,
-            status: form.published ? 'published' : 'draft',
-            settings: {
-              location: form.location,
-              guest_upload_visibility: form.autoApproveUploads ? 'immediate' : 'review',
-              engagement_mode: form.tasksEnabled ? 'tasks' : 'photo_only',
-            },
-          });
-          const nextSlug = resolveEventSlugAfterUpdate(slug, updated);
-          navigate(adminPath(`/mobile/events/${nextSlug}`));
-        } else {
-          const payload = {
-            name: form.name || t('eventForm.fields.name.fallback', 'Event'),
+    try {
+      if (isEdit && slug) {
+        const updated = await updateEvent(slug, {
+          name: form.name,
+          event_date: form.date || undefined,
+          event_type_id: form.eventTypeId ?? undefined,
+          status: form.published ? 'published' : 'draft',
+          settings: {
+            location: form.location,
+            guest_upload_visibility: form.autoApproveUploads ? 'immediate' : 'review',
+            engagement_mode: form.tasksEnabled ? 'tasks' : 'photo_only',
+          },
+        });
+        const nextSlug = resolveEventSlugAfterUpdate(slug, updated);
+        navigate(adminPath(`/mobile/events/${nextSlug}`));
+      } else {
+        const payload = {
+          name: form.name || t('eventForm.fields.name.fallback', 'Event'),
           slug: `${Date.now()}`,
           event_type_id: form.eventTypeId ?? undefined,
           event_date: form.date || undefined,
@@ -126,10 +130,56 @@ export default function MobileEventFormPage() {
             guest_upload_visibility: form.autoApproveUploads ? 'immediate' : 'review',
             engagement_mode: form.tasksEnabled ? 'tasks' : 'photo_only',
           },
-        };
-        const { event } = await createEvent(payload as any);
+        } as Parameters<typeof createEvent>[0];
+        const { event } = await createEvent(payload);
         navigate(adminPath(`/mobile/events/${event.slug}`));
       }
+    } catch (err) {
+      if (isAuthError(err)) {
+        return;
+      }
+
+      if (!isEdit && isWaiverRequiredError(err)) {
+        const payload = {
+          name: form.name || t('eventForm.fields.name.fallback', 'Event'),
+          slug: `${Date.now()}`,
+          event_type_id: form.eventTypeId ?? undefined,
+          event_date: form.date || undefined,
+          status: (form.published ? 'published' : 'draft') as const,
+          settings: {
+            location: form.location,
+            guest_upload_visibility: form.autoApproveUploads ? 'immediate' : 'review',
+            engagement_mode: form.tasksEnabled ? 'tasks' : 'photo_only',
+          },
+        } as Parameters<typeof createEvent>[0];
+        setPendingPayload(payload);
+        setConsentOpen(true);
+        return;
+      }
+
+      const message = getApiValidationMessage(err, t('eventForm.errors.saveFailed', 'Event could not be saved.'));
+      setError(message);
+      toast.error(message);
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  async function handleConsentConfirm(consents: { acceptedTerms: boolean; acceptedWaiver: boolean }) {
+    if (!pendingPayload) {
+      setConsentOpen(false);
+      return;
+    }
+
+    setConsentBusy(true);
+    try {
+      const { event } = await createEvent({
+        ...pendingPayload,
+        accepted_waiver: consents.acceptedWaiver,
+      });
+      navigate(adminPath(`/mobile/events/${event.slug}`));
+      setConsentOpen(false);
+      setPendingPayload(null);
     } catch (err) {
       if (!isAuthError(err)) {
         const message = getApiValidationMessage(err, t('eventForm.errors.saveFailed', 'Event could not be saved.'));
@@ -137,7 +187,7 @@ export default function MobileEventFormPage() {
         toast.error(message);
       }
     } finally {
-      setSaving(false);
+      setConsentBusy(false);
     }
   }
 
@@ -331,6 +381,37 @@ export default function MobileEventFormPage() {
           onPress={() => handleSubmit()}
         />
       </YStack>
+
+      <LegalConsentSheet
+        open={consentOpen}
+        onClose={() => {
+          if (consentBusy) return;
+          setConsentOpen(false);
+          setPendingPayload(null);
+        }}
+        onConfirm={handleConsentConfirm}
+        busy={consentBusy}
+        requireTerms={false}
+        requireWaiver
+        copy={{
+          title: t('events.eventStartConsent.title', 'Before your first event'),
+          description: t(
+            'events.eventStartConsent.description',
+            'Please confirm the immediate start of the digital service before creating your first event.',
+          ),
+          checkboxWaiver: t(
+            'events.eventStartConsent.checkboxWaiver',
+            'I expressly request that the digital service begins now and understand my right of withdrawal expires once the contract has been fully performed.',
+          ),
+          errorWaiver: t(
+            'events.eventStartConsent.errorWaiver',
+            'Please confirm the immediate start of the digital service and the early expiry of the right of withdrawal.',
+          ),
+          confirm: t('events.eventStartConsent.confirm', 'Create event'),
+          cancel: t('events.eventStartConsent.cancel', 'Cancel'),
+        }}
+        t={t}
+      />
     </MobileShell>
   );
 }
@@ -364,6 +445,19 @@ function renderName(name: TenantEvent['name']): string {
   return '';
 }
 
+function isWaiverRequiredError(error: unknown): boolean {
+  if (!isApiError(error)) {
+    return false;
+  }
+
+  const metaErrors = error.meta?.errors;
+  if (!metaErrors || typeof metaErrors !== 'object') {
+    return false;
+  }
+
+  return 'accepted_waiver' in metaErrors;
+}
+
 
 function toDateTimeLocal(value?: string | null): string {
   if (!value) return '';