upgrade to tamagui v2 and guest pwa overhaul

resources/js/guest-v2/lib/eventBranding.ts

@@ -0,0 +1,74 @@
+import type { EventBranding } from '@/guest/types/event-branding';
+import type { EventBrandingPayload } from '@/guest/services/eventApi';
+
+export function mapEventBranding(raw?: EventBrandingPayload | null): EventBranding | null {
+  if (!raw) {
+    return null;
+  }
+
+  const palette = raw.palette ?? {};
+  const typography = raw.typography ?? {};
+  const buttons = raw.buttons ?? {};
+  const logo = raw.logo ?? {};
+  const primary = palette.primary ?? raw.primary_color ?? '';
+  const secondary = palette.secondary ?? raw.secondary_color ?? '';
+  const background = palette.background ?? raw.background_color ?? '';
+  const surface = palette.surface ?? raw.surface_color ?? background;
+  const headingFont = typography.heading ?? raw.heading_font ?? raw.font_family ?? null;
+  const bodyFont = typography.body ?? raw.body_font ?? raw.font_family ?? null;
+  const sizePreset =
+    (typography.size as 's' | 'm' | 'l' | undefined)
+    ?? (raw.font_size as 's' | 'm' | 'l' | undefined)
+    ?? 'm';
+  const logoMode = logo.mode ?? raw.logo_mode ?? (logo.value || raw.logo_url ? 'upload' : 'emoticon');
+  const logoValue = logo.value ?? raw.logo_value ?? raw.logo_url ?? raw.icon ?? null;
+  const logoPosition = logo.position ?? raw.logo_position ?? 'left';
+  const logoSize = (logo.size as 's' | 'm' | 'l' | undefined) ?? (raw.logo_size as 's' | 'm' | 'l' | undefined) ?? 'm';
+  const buttonStyle =
+    (buttons.style as 'filled' | 'outline' | undefined)
+    ?? (raw.button_style as 'filled' | 'outline' | undefined)
+    ?? 'filled';
+  const buttonRadius =
+    typeof buttons.radius === 'number'
+      ? buttons.radius
+      : typeof raw.button_radius === 'number'
+        ? raw.button_radius
+        : 12;
+  const buttonPrimary = buttons.primary ?? raw.button_primary_color ?? primary ?? '';
+  const buttonSecondary = buttons.secondary ?? raw.button_secondary_color ?? secondary ?? '';
+  const linkColor = buttons.link_color ?? raw.link_color ?? secondary ?? '';
+
+  return {
+    primaryColor: primary ?? '',
+    secondaryColor: secondary ?? '',
+    backgroundColor: background ?? '',
+    fontFamily: bodyFont,
+    logoUrl: logoMode === 'upload' ? (logoValue ?? null) : null,
+    palette: {
+      primary: primary ?? '',
+      secondary: secondary ?? '',
+      background: background ?? '',
+      surface: surface ?? background ?? '',
+    },
+    typography: {
+      heading: headingFont,
+      body: bodyFont,
+      sizePreset,
+    },
+    logo: {
+      mode: logoMode,
+      value: logoValue,
+      position: logoPosition,
+      size: logoSize,
+    },
+    buttons: {
+      style: buttonStyle,
+      radius: buttonRadius,
+      primary: buttonPrimary,
+      secondary: buttonSecondary,
+      linkColor,
+    },
+    mode: (raw.mode as 'light' | 'dark' | 'auto' | undefined) ?? 'auto',
+    useDefaultBranding: raw.use_default_branding ?? undefined,
+  };
+}