Mattsson
a1a816b4a5
* Implement company and account deletion features - Add event types for company and account deletion to CoreEvent. - Enhance Supabase middleware to handle company context resolution and cookie management for archived companies. - Create API routes for deleting accounts and companies, including necessary validations and event emissions. - Implement tests for account and company deletion endpoints to ensure proper functionality and error handling. - Add retention notice component to inform users about bookkeeping data retention during destructive actions. - Create database migrations to support soft deletion of companies and anonymization of user accounts, ensuring compliance with retention laws. * feat: enhance account deletion process and update user notifications * Add service client for onboarding completion check and update escape hatch visibility * Enhance invite flow and email handling for company members * Refactor company context and RLS policies for active company isolation - Update `switchCompany` to remove unnecessary revalidation as client handles navigation. - Revise `getActiveCompanyId` to prioritize `user_preferences` and validate against non-archived memberships. - Modify `setActiveCompany` to ensure `user_preferences` is the authoritative source while maintaining cookie compatibility. - Enhance middleware to resolve active company using `user_preferences` and fallback to first non-archived membership. - Introduce new API route `/api/company/current` to fetch the active company ID for cross-tab synchronization. - Implement `CompanyTabSync` component for real-time active company enforcement across tabs. - Create migration for RLS policies to enforce single-active-company isolation using `current_active_company_id()`. * feat: implement viewer role enforcement for write permissions - Added `useCanWrite` hook to determine if the current user has write permissions based on their role in the active company. - Updated various components (JournalEntryForm, CustomerForm, DeadlineForm, etc.) to disable write actions and show a lock icon with a tooltip for users without write permissions. - Introduced `requireWritePermission` function to enforce write permissions at the API level, returning a 403 response for viewers. - Created tests to verify the behavior of the viewer role and write permissions. - Added database migration to enforce read-only access for viewers at the database level.
111 lines
3.3 KiB
TypeScript
111 lines
3.3 KiB
TypeScript
'use client'
|
|
|
|
import { useState, useRef, useEffect, useCallback } from 'react'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Loader2, Check, Lock } from 'lucide-react'
|
|
import { useToast } from '@/components/ui/use-toast'
|
|
import { useCanWrite } from '@/lib/hooks/use-can-write'
|
|
|
|
type SaveResult =
|
|
| Record<string, unknown>
|
|
| { updates: Record<string, unknown>; onSuccess?: (data: Record<string, unknown>) => void }
|
|
|
|
interface SettingsFormWrapperProps {
|
|
children: React.ReactNode
|
|
onSave?: (formData: FormData) => SaveResult
|
|
className?: string
|
|
}
|
|
|
|
export function SettingsFormWrapper({ children, onSave, className }: SettingsFormWrapperProps) {
|
|
const { toast } = useToast()
|
|
const { canWrite } = useCanWrite()
|
|
const [isSaving, setIsSaving] = useState(false)
|
|
const [saved, setSaved] = useState(false)
|
|
const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined)
|
|
|
|
useEffect(() => {
|
|
return () => {
|
|
if (timerRef.current) clearTimeout(timerRef.current)
|
|
}
|
|
}, [])
|
|
|
|
const handleSubmit = useCallback(async (e: React.FormEvent<HTMLFormElement>) => {
|
|
e.preventDefault()
|
|
if (!onSave) return
|
|
|
|
const formData = new FormData(e.currentTarget)
|
|
const saveResult = onSave(formData)
|
|
|
|
// Support both plain object and { updates, onSuccess } return types
|
|
const isStructured = saveResult && 'updates' in saveResult && typeof saveResult.updates === 'object'
|
|
const updates = isStructured ? saveResult.updates : saveResult
|
|
const onSuccess = isStructured ? (saveResult as { onSuccess?: (data: Record<string, unknown>) => void }).onSuccess : undefined
|
|
|
|
if (!updates || Object.keys(updates).length === 0) return
|
|
|
|
setIsSaving(true)
|
|
setSaved(false)
|
|
|
|
try {
|
|
const response = await fetch('/api/settings', {
|
|
method: 'PUT',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(updates),
|
|
})
|
|
|
|
const result = await response.json()
|
|
|
|
if (!response.ok) {
|
|
throw new Error(result.error || 'Kunde inte spara inställningar')
|
|
}
|
|
|
|
onSuccess?.(result.data ?? updates)
|
|
setSaved(true)
|
|
timerRef.current = setTimeout(() => setSaved(false), 2000)
|
|
} catch (error) {
|
|
toast({
|
|
title: 'Kunde inte spara',
|
|
description: error instanceof Error ? error.message : 'Försök igen.',
|
|
variant: 'destructive',
|
|
})
|
|
}
|
|
|
|
setIsSaving(false)
|
|
}, [onSave, toast])
|
|
|
|
return (
|
|
<form onSubmit={handleSubmit} className={className}>
|
|
{children}
|
|
|
|
<div className="flex items-center justify-end gap-3 mt-8">
|
|
{saved && (
|
|
<span className="flex items-center gap-1.5 text-sm text-muted-foreground animate-in fade-in duration-200">
|
|
<Check className="h-3.5 w-3.5" />
|
|
Sparat
|
|
</span>
|
|
)}
|
|
<Button
|
|
type="submit"
|
|
disabled={isSaving || !canWrite}
|
|
size="sm"
|
|
title={!canWrite ? 'Du har endast läsbehörighet i detta företag' : undefined}
|
|
>
|
|
{isSaving ? (
|
|
<>
|
|
<Loader2 className="mr-2 h-3.5 w-3.5 animate-spin" />
|
|
Sparar...
|
|
</>
|
|
) : !canWrite ? (
|
|
<>
|
|
<Lock className="mr-2 h-3.5 w-3.5" />
|
|
Spara ändringar
|
|
</>
|
|
) : (
|
|
'Spara ändringar'
|
|
)}
|
|
</Button>
|
|
</div>
|
|
</form>
|
|
)
|
|
}
|