@hed-hog/operations 0.0.328 → 0.0.330

package/hedhog/frontend/src/app/(app)/(libraries)/operations/operations/_components/collaborator-form-screen.js

@@ -1,1348 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollaboratorFormScreen = CollaboratorFormScreen;
-const person_form_sheet_1 = require("@/app/(app)/(libraries)/contact/person/_components/person-form-sheet");
-const entity_list_1 = require("@/components/entity-list");
-const accordion_1 = require("@/components/ui/accordion");
-const avatar_1 = require("@/components/ui/avatar");
-const button_1 = require("@/components/ui/button");
-const command_1 = require("@/components/ui/command");
-const entity_picker_1 = require("@/components/ui/entity-picker");
-const form_actions_1 = require("@/components/ui/form-actions");
-const input_1 = require("@/components/ui/input");
-const input_money_1 = require("@/components/ui/input-money");
-const label_1 = require("@/components/ui/label");
-const popover_1 = require("@/components/ui/popover");
-const select_1 = require("@/components/ui/select");
-const switch_1 = require("@/components/ui/switch");
-const textarea_1 = require("@/components/ui/textarea");
-const tooltip_1 = require("@/components/ui/tooltip");
-const next_app_provider_1 = require("@hed-hog/next-app-provider");
-const lucide_react_1 = require("lucide-react");
-const next_intl_1 = require("next-intl");
-const link_1 = __importDefault(require("next/link"));
-const navigation_1 = require("next/navigation");
-const react_1 = require("react");
-const api_1 = require("../_lib/api");
-const use_operations_access_1 = require("../_lib/hooks/use-operations-access");
-const format_1 = require("../_lib/utils/format");
-const forms_1 = require("../_lib/utils/forms");
-const collaborator_costs_section_1 = require("./collaborator-costs-section");
-const department_select_with_create_1 = require("./department-select-with-create");
-const operations_header_1 = require("./operations-header");
-const person_select_with_create_1 = require("./person-select-with-create");
-const status_badge_1 = require("./status-badge");
-const system_user_select_with_create_1 = require("./system-user-select-with-create");
-const weekdays = [
-    'monday',
-    'tuesday',
-    'wednesday',
-    'thursday',
-    'friday',
-    'saturday',
-    'sunday',
-];
-const SUPERVISOR_PAGE_SIZE = 10;
-const COLLABORATOR_LEVEL_OPTIONS = [
-    'junior',
-    'mid',
-    'senior',
-    'coordinator',
-    'manager',
-];
-function normalizeCollaboratorLevel(value) {
-    const normalizedValue = String(value !== null && value !== void 0 ? value : '')
-        .trim()
-        .toLowerCase()
-        .normalize('NFD')
-        .replace(/[\u0300-\u036f]/g, '');
-    switch (normalizedValue) {
-        case 'junior':
-        case 'junior level':
-            return 'junior';
-        case 'mid':
-        case 'middle':
-        case 'pleno':
-            return 'mid';
-        case 'senior':
-            return 'senior';
-        case 'coordinator':
-        case 'coordenador':
-            return 'coordinator';
-        case 'manager':
-        case 'gerente':
-            return 'manager';
-        default:
-            return '';
-    }
-}
-function getPersonAvatarUrl(avatarId) {
-    return typeof avatarId === 'number' && avatarId > 0
-        ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/person/avatar/${avatarId}`
-        : '/placeholder.png';
-}
-function getInitials(value) {
-    const parts = String(value !== null && value !== void 0 ? value : '')
-        .trim()
-        .split(/\s+/)
-        .filter(Boolean)
-        .slice(0, 2);
-    if (!parts.length) {
-        return '??';
-    }
-    return parts.map((part) => { var _a, _b; return (_b = (_a = part[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase()) !== null && _b !== void 0 ? _b : ''; }).join('');
-}
-function normalizeTimeValue(value, fallback = '') {
-    if (!value) {
-        return fallback;
-    }
-    const directMatch = String(value).match(/(\d{2}:\d{2})(?::\d{2})?/);
-    if (directMatch === null || directMatch === void 0 ? void 0 : directMatch[1]) {
-        return directMatch[1];
-    }
-    const parsedDate = new Date(value);
-    if (!Number.isNaN(parsedDate.getTime())) {
-        return parsedDate.toISOString().slice(11, 16);
-    }
-    return fallback || String(value);
-}
-function normalizeDateInputValue(value) {
-    if (!value) {
-        return '';
-    }
-    const normalizedValue = String(value).trim();
-    if (!normalizedValue) {
-        return '';
-    }
-    const directMatch = normalizedValue.match(/^\d{4}-\d{2}-\d{2}/);
-    if (directMatch === null || directMatch === void 0 ? void 0 : directMatch[0]) {
-        return directMatch[0];
-    }
-    const parsedDate = new Date(normalizedValue);
-    if (Number.isNaN(parsedDate.getTime())) {
-        return normalizedValue;
-    }
-    return parsedDate.toISOString().slice(0, 10);
-}
-const EQUITY_ENABLED_TYPE_SLUGS = new Set([
-    'socio',
-    'acionista',
-    'administrador',
-    'diretor',
-    'conselheiro',
-    'parceiro',
-]);
-function defaultSchedule() {
-    return weekdays.map((weekday) => ({
-        weekday,
-        isWorkingDay: !['saturday', 'sunday'].includes(weekday),
-        startTime: '09:00',
-        endTime: '18:00',
-        breakMinutes: '60',
-    }));
-}
-function buildEmptyForm() {
-    return {
-        userId: '',
-        personId: '',
-        displayName: '',
-        collaboratorTypeId: '',
-        departmentId: '',
-        jobTitleId: '',
-        title: '',
-        levelLabel: '',
-        weeklyCapacityHours: '40',
-        status: 'active',
-        joinedAt: '',
-        leftAt: '',
-        supervisorCollaboratorId: 'none',
-        compensationAmount: '',
-        contractId: '',
-        notes: '',
-        equityParticipation: {
-            participationType: 'partner_quota_holder',
-            percentage: '',
-            votingPower: '',
-            startDate: '',
-            endDate: '',
-            notes: '',
-        },
-        weeklySchedule: defaultSchedule(),
-    };
-}
-function normalizeSchedule(weeklySchedule) {
-    const byWeekday = new Map((weeklySchedule !== null && weeklySchedule !== void 0 ? weeklySchedule : []).map((item) => [item.weekday, item]));
-    return weekdays.map((weekday) => {
-        var _a;
-        const item = byWeekday.get(weekday);
-        return {
-            weekday,
-            isWorkingDay: (_a = item === null || item === void 0 ? void 0 : item.isWorkingDay) !== null && _a !== void 0 ? _a : !['saturday', 'sunday'].includes(weekday),
-            startTime: normalizeTimeValue(item === null || item === void 0 ? void 0 : item.startTime, '09:00'),
-            endTime: normalizeTimeValue(item === null || item === void 0 ? void 0 : item.endTime, '18:00'),
-            breakMinutes: (item === null || item === void 0 ? void 0 : item.breakMinutes) !== null && (item === null || item === void 0 ? void 0 : item.breakMinutes) !== undefined
-                ? String(item.breakMinutes)
-                : '60',
-        };
-    });
-}
-function toFormState(collaborator) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-    return {
-        userId: collaborator.userId ? String(collaborator.userId) : '',
-        personId: collaborator.personId ? String(collaborator.personId) : '',
-        displayName: (_a = collaborator.displayName) !== null && _a !== void 0 ? _a : '',
-        collaboratorTypeId: collaborator.collaboratorTypeId
-            ? String(collaborator.collaboratorTypeId)
-            : '',
-        departmentId: collaborator.departmentId
-            ? String(collaborator.departmentId)
-            : '',
-        jobTitleId: collaborator.jobTitleId ? String(collaborator.jobTitleId) : '',
-        title: (_b = collaborator.title) !== null && _b !== void 0 ? _b : '',
-        levelLabel: normalizeCollaboratorLevel(collaborator.levelLabel),
-        weeklyCapacityHours: collaborator.weeklyCapacityHours !== null &&
-            collaborator.weeklyCapacityHours !== undefined
-            ? String(collaborator.weeklyCapacityHours)
-            : '',
-        status: (_c = collaborator.status) !== null && _c !== void 0 ? _c : 'active',
-        joinedAt: normalizeDateInputValue(collaborator.joinedAt),
-        leftAt: normalizeDateInputValue(collaborator.leftAt),
-        supervisorCollaboratorId: collaborator.supervisorId
-            ? String(collaborator.supervisorId)
-            : 'none',
-        compensationAmount: collaborator.compensationAmount !== null &&
-            collaborator.compensationAmount !== undefined
-            ? String(collaborator.compensationAmount)
-            : ((_e = (_d = collaborator.relatedContracts) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.budgetAmount) !== null &&
-                ((_g = (_f = collaborator.relatedContracts) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.budgetAmount) !== undefined
-                ? String(collaborator.relatedContracts[0].budgetAmount)
-                : '',
-        contractId: ((_j = (_h = collaborator.relatedContracts) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.id)
-            ? String(collaborator.relatedContracts[0].id)
-            : '',
-        notes: (_k = collaborator.notes) !== null && _k !== void 0 ? _k : '',
-        equityParticipation: {
-            participationType: (_m = (_l = collaborator.equityParticipation) === null || _l === void 0 ? void 0 : _l.participationType) !== null && _m !== void 0 ? _m : 'partner_quota_holder',
-            percentage: ((_o = collaborator.equityParticipation) === null || _o === void 0 ? void 0 : _o.percentage) !== null &&
-                ((_p = collaborator.equityParticipation) === null || _p === void 0 ? void 0 : _p.percentage) !== undefined
-                ? String(collaborator.equityParticipation.percentage)
-                : '',
-            votingPower: ((_q = collaborator.equityParticipation) === null || _q === void 0 ? void 0 : _q.votingPower) !== null &&
-                ((_r = collaborator.equityParticipation) === null || _r === void 0 ? void 0 : _r.votingPower) !== undefined
-                ? String(collaborator.equityParticipation.votingPower)
-                : '',
-            startDate: normalizeDateInputValue((_s = collaborator.equityParticipation) === null || _s === void 0 ? void 0 : _s.startDate),
-            endDate: normalizeDateInputValue((_t = collaborator.equityParticipation) === null || _t === void 0 ? void 0 : _t.endDate),
-            notes: (_v = (_u = collaborator.equityParticipation) === null || _u === void 0 ? void 0 : _u.notes) !== null && _v !== void 0 ? _v : '',
-        },
-        weeklySchedule: normalizeSchedule(collaborator.weeklySchedule),
-    };
-}
-function SupervisorAutocomplete({ label, value, options, placeholder, emptyLabel, onChange, }) {
-    var _a;
-    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const [search, setSearch] = (0, react_1.useState)('');
-    const [visibleCount, setVisibleCount] = (0, react_1.useState)(SUPERVISOR_PAGE_SIZE);
-    const filteredOptions = (0, react_1.useMemo)(() => {
-        const normalizedSearch = search.trim().toLowerCase();
-        if (!normalizedSearch) {
-            return options;
-        }
-        return options.filter((option) => [option.displayName, option.code, option.department, option.title]
-            .filter(Boolean)
-            .some((field) => String(field).toLowerCase().includes(normalizedSearch)));
-    }, [options, search]);
-    const selectedOption = options.find((option) => String(option.id) === value);
-    const visibleOptions = filteredOptions.slice(0, visibleCount);
-    return (<div className="grid gap-2">
-      <label_1.Label>{label}</label_1.Label>
-
-      <popover_1.Popover open={open} onOpenChange={(nextOpen) => {
-            setOpen(nextOpen);
-            setVisibleCount(SUPERVISOR_PAGE_SIZE);
-            if (!nextOpen) {
-                setSearch('');
-            }
-        }}>
-        <popover_1.PopoverTrigger asChild>
-          <button_1.Button type="button" variant="outline" role="combobox" className="w-full justify-between overflow-hidden">
-            <span className="truncate text-left">
-              {(_a = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.displayName) !== null && _a !== void 0 ? _a : emptyLabel}
-            </span>
-            <lucide_react_1.ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50"/>
-          </button_1.Button>
-        </popover_1.PopoverTrigger>
-        <popover_1.PopoverContent className="p-0" style={{ width: 'var(--radix-popover-trigger-width)' }}>
-          <command_1.Command shouldFilter={false}>
-            <command_1.CommandInput placeholder={placeholder} value={search} onValueChange={(value) => {
-            setSearch(value);
-            setVisibleCount(SUPERVISOR_PAGE_SIZE);
-        }}/>
-            <command_1.CommandList>
-              <command_1.CommandEmpty>
-                <div className="p-2 text-sm text-muted-foreground">
-                  {commonT('states.emptyDescription')}
-                </div>
-              </command_1.CommandEmpty>
-
-              <command_1.CommandGroup>
-                <command_1.CommandItem value="none" onSelect={() => {
-            onChange('none');
-            setOpen(false);
-        }}>
-                  {value === 'none' ? (<lucide_react_1.Check className="mr-2 h-4 w-4"/>) : (<span className="mr-2 h-4 w-4"/>)}
-                  {emptyLabel}
-                </command_1.CommandItem>
-
-                {visibleOptions.map((option) => {
-            var _a, _b, _c;
-            return (<command_1.CommandItem key={option.id} value={`${option.displayName} ${(_a = option.code) !== null && _a !== void 0 ? _a : ''} ${(_b = option.department) !== null && _b !== void 0 ? _b : ''} ${(_c = option.title) !== null && _c !== void 0 ? _c : ''}`} onSelect={() => {
-                    onChange(String(option.id));
-                    setOpen(false);
-                }}>
-                    {String(option.id) === value ? (<lucide_react_1.Check className="mr-2 h-4 w-4"/>) : (<span className="mr-2 h-4 w-4"/>)}
-                    <div className="min-w-0">
-                      <div className="truncate">{option.displayName}</div>
-                      <div className="truncate text-xs text-muted-foreground">
-                        {[option.code, option.department, option.title]
-                    .filter(Boolean)
-                    .join(' • ') || commonT('labels.notAvailable')}
-                      </div>
-                    </div>
-                  </command_1.CommandItem>);
-        })}
-              </command_1.CommandGroup>
-
-              {filteredOptions.length > visibleCount ? (<div className="border-t p-2">
-                  <button_1.Button type="button" variant="ghost" className="w-full" onClick={() => setVisibleCount((current) => current + SUPERVISOR_PAGE_SIZE)}>
-                    {commonT('actions.loadMore')}
-                  </button_1.Button>
-                </div>) : null}
-            </command_1.CommandList>
-          </command_1.Command>
-        </popover_1.PopoverContent>
-      </popover_1.Popover>
-    </div>);
-}
-function CollaboratorFormScreen({ collaboratorId, onSaved, onCancel, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const t = (0, next_intl_1.useTranslations)('operations.CollaboratorFormPage');
-    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
-    const detailsT = (0, next_intl_1.useTranslations)('operations.CollaboratorDetailsPage');
-    const { request, showToastHandler, currentLocaleCode } = (0, next_app_provider_1.useApp)();
-    const access = (0, use_operations_access_1.useOperationsAccess)();
-    const router = (0, navigation_1.useRouter)();
-    const [form, setForm] = (0, react_1.useState)(buildEmptyForm());
-    const isSheetMode = Boolean(onCancel);
-    const isCreateMode = !collaboratorId;
-    const getStatusLabel = (value) => {
-        switch (value) {
-            case 'active':
-                return t('options.statuses.active');
-            case 'on_leave':
-                return t('options.statuses.on_leave');
-            case 'inactive':
-                return t('options.statuses.inactive');
-            case 'draft':
-                return t('options.statuses.draft');
-            default:
-                return (0, format_1.formatEnumLabel)(value);
-        }
-    };
-    const { data: collaborator, isLoading: isLoadingCollaborator, refetch: refetchCollaborator, } = (0, next_app_provider_1.useQuery)({
-        queryKey: [
-            'operations-collaborator-form',
-            currentLocaleCode,
-            collaboratorId,
-        ],
-        enabled: Boolean(collaboratorId),
-        staleTime: 0,
-        refetchOnMount: 'always',
-        queryFn: () => (0, api_1.fetchOperations)(request, `/operations/collaborators/${collaboratorId}`),
-    });
-    const { data: systemUsers = [], refetch: refetchSystemUsers } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-collaborator-form-system-users', currentLocaleCode],
-        enabled: access.isDirector,
-        staleTime: 0,
-        refetchOnMount: 'always',
-        queryFn: async () => {
-            var _a, _b, _c;
-            const response = await request({
-                url: '/user?pageSize=100',
-                method: 'GET',
-            });
-            const raw = (_c = (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.paginate) === null || _b === void 0 ? void 0 : _b.data) !== null && _c !== void 0 ? _c : [];
-            const options = raw.map((u) => {
-                var _a;
-                return ({
-                    id: u.id,
-                    name: u.name || `#${u.id}`,
-                    photoId: (_a = u.photo_id) !== null && _a !== void 0 ? _a : null,
-                });
-            });
-            return options.sort((left, right) => left.name.localeCompare(right.name));
-        },
-    });
-    const { data: collaboratorTypes = [], refetch: refetchCollaboratorTypes, isLoading: isLoadingCollaboratorTypes, } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-collaborator-types', currentLocaleCode],
-        enabled: access.isDirector,
-        staleTime: 0,
-        refetchOnMount: 'always',
-        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/collaborator-types?active=true'),
-    });
-    const { data: collaborators = [], refetch: refetchCollaborators } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-collaborator-form-supervisors', currentLocaleCode],
-        enabled: access.isDirector,
-        staleTime: 0,
-        refetchOnMount: 'always',
-        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/collaborators'),
-    });
-    const { data: departments = [], refetch: refetchDepartments } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-collaborator-form-departments', currentLocaleCode],
-        enabled: access.isDirector,
-        staleTime: 0,
-        refetchOnMount: 'always',
-        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/departments'),
-    });
-    const { data: jobTitles = [], refetch: refetchJobTitles } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['operations-collaborator-form-job-titles', currentLocaleCode],
-        enabled: access.isDirector,
-        staleTime: 0,
-        refetchOnMount: 'always',
-        queryFn: () => (0, api_1.fetchOperations)(request, '/operations/job-titles'),
-    });
-    const [personSheetOpen, setPersonSheetOpen] = (0, react_1.useState)(false);
-    const [personToEdit, setPersonToEdit] = (0, react_1.useState)(null);
-    const { data: contactTypes = [] } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['contact-person-contact-types', currentLocaleCode],
-        enabled: personSheetOpen,
-        queryFn: async () => {
-            const response = await request({
-                url: '/person-contact-type?pageSize=100',
-                method: 'GET',
-            });
-            return response.data.data || [];
-        },
-        placeholderData: (previous) => previous !== null && previous !== void 0 ? previous : [],
-    });
-    const { data: documentTypes = [] } = (0, next_app_provider_1.useQuery)({
-        queryKey: ['contact-person-document-types', currentLocaleCode],
-        enabled: personSheetOpen,
-        queryFn: async () => {
-            const response = await request({
-                url: '/person-document-type?pageSize=100',
-                method: 'GET',
-            });
-            return response.data.data || [];
-        },
-        placeholderData: (previous) => previous !== null && previous !== void 0 ? previous : [],
-    });
-    const handleOpenPersonSheet = async () => {
-        if (!(collaborator === null || collaborator === void 0 ? void 0 : collaborator.personId))
-            return;
-        try {
-            const response = await request({
-                url: `/person/${collaborator.personId}`,
-                method: 'GET',
-            });
-            setPersonToEdit(response.data);
-            setPersonSheetOpen(true);
-        }
-        catch (_a) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.updateError'));
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        if (collaborator) {
-            // eslint-disable-next-line react-hooks/set-state-in-effect
-            setForm(toFormState(collaborator));
-        }
-    }, [collaborator]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (collaboratorId ||
-            form.collaboratorTypeId ||
-            !collaboratorTypes.length) {
-            return;
-        }
-        const defaultType = (_a = collaboratorTypes.find((item) => item.slug === 'clt')) !== null && _a !== void 0 ? _a : collaboratorTypes[0];
-        if (!defaultType) {
-            return;
-        }
-        // eslint-disable-next-line react-hooks/set-state-in-effect
-        setForm((current) => (Object.assign(Object.assign({}, current), { collaboratorTypeId: String(defaultType.id) })));
-    }, [collaboratorId, collaboratorTypes, form.collaboratorTypeId]);
-    const selectedCollaboratorType = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        const availableTypes = [...collaboratorTypes];
-        if ((collaborator === null || collaborator === void 0 ? void 0 : collaborator.collaboratorTypeId) &&
-            collaborator.collaboratorType &&
-            !availableTypes.some((item) => item.id === collaborator.collaboratorTypeId)) {
-            availableTypes.push({
-                id: collaborator.collaboratorTypeId,
-                slug: (_a = collaborator.collaboratorTypeSlug) !== null && _a !== void 0 ? _a : '',
-                name: collaborator.collaboratorType,
-                status: 'active',
-            });
-        }
-        return ((_b = availableTypes.find((item) => String(item.id) === String(form.collaboratorTypeId))) !== null && _b !== void 0 ? _b : null);
-    }, [collaborator, collaboratorTypes, form.collaboratorTypeId]);
-    const supervisorOptions = (0, react_1.useMemo)(() => {
-        const options = new Map();
-        for (const item of collaborators) {
-            if (item.id !== collaboratorId) {
-                options.set(item.id, item);
-            }
-        }
-        if ((collaborator === null || collaborator === void 0 ? void 0 : collaborator.supervisorId) &&
-            collaborator.supervisorName &&
-            collaborator.supervisorId !== collaboratorId &&
-            !options.has(collaborator.supervisorId)) {
-            options.set(collaborator.supervisorId, {
-                id: collaborator.supervisorId,
-                code: '',
-                displayName: collaborator.supervisorName,
-                department: null,
-                title: null,
-                status: 'active',
-            });
-        }
-        return Array.from(options.values()).sort((left, right) => left.displayName.localeCompare(right.displayName));
-    }, [collaborator, collaboratorId, collaborators]);
-    const shouldShowEquitySection = !isCreateMode &&
-        Boolean((selectedCollaboratorType === null || selectedCollaboratorType === void 0 ? void 0 : selectedCollaboratorType.slug) &&
-            EQUITY_ENABLED_TYPE_SLUGS.has(selectedCollaboratorType.slug));
-    const getCollaboratorTypeLabel = (value, fallbackName) => {
-        const normalizedValue = String(value !== null && value !== void 0 ? value : '').trim();
-        if (fallbackName) {
-            return fallbackName;
-        }
-        const matchedType = collaboratorTypes.find((item) => item.slug === normalizedValue || String(item.id) === normalizedValue);
-        if (matchedType === null || matchedType === void 0 ? void 0 : matchedType.name) {
-            return matchedType.name;
-        }
-        return (0, format_1.formatEnumLabel)(normalizedValue);
-    };
-    const departmentOptions = (0, react_1.useMemo)(() => {
-        return departments
-            .filter((item) => item.status === 'active')
-            .map((item) => {
-            var _a, _b;
-            return ({
-                id: item.id,
-                name: item.name,
-                code: (_a = item.code) !== null && _a !== void 0 ? _a : null,
-                description: (_b = item.description) !== null && _b !== void 0 ? _b : null,
-            });
-        })
-            .sort((left, right) => left.name.localeCompare(right.name));
-    }, [departments]);
-    const titleOptions = (0, react_1.useMemo)(() => {
-        const selectedTitle = (0, forms_1.trimToNull)(form.title);
-        const options = jobTitles
-            .filter((item) => item.status === 'active' || item.name === selectedTitle)
-            .map((item) => {
-            var _a, _b;
-            return ({
-                id: item.id,
-                name: item.name,
-                code: (_a = item.code) !== null && _a !== void 0 ? _a : null,
-                description: (_b = item.description) !== null && _b !== void 0 ? _b : null,
-            });
-        });
-        if (selectedTitle) {
-            const alreadyIncluded = options.some((item) => item.name === selectedTitle);
-            if (!alreadyIncluded) {
-                options.push({
-                    id: form.jobTitleId ? Number(form.jobTitleId) : undefined,
-                    name: selectedTitle,
-                    code: null,
-                    description: null,
-                });
-            }
-        }
-        return options.sort((left, right) => left.name.localeCompare(right.name));
-    }, [jobTitles, form.title, form.jobTitleId]);
-    const createJobTitle = async (jobTitleName) => {
-        var _a, _b;
-        try {
-            const createdJobTitle = await (0, api_1.mutateOperations)(request, '/operations/job-titles', 'POST', {
-                name: jobTitleName,
-            });
-            await refetchJobTitles();
-            return {
-                id: createdJobTitle.id,
-                name: createdJobTitle.name,
-                code: (_a = createdJobTitle.code) !== null && _a !== void 0 ? _a : null,
-                description: (_b = createdJobTitle.description) !== null && _b !== void 0 ? _b : null,
-            };
-        }
-        catch (error) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', (0, api_1.getOperationsErrorMessage)(error, 'Unable to create the job title.'));
-            return null;
-        }
-    };
-    const createSystemUser = async (name, email, password) => {
-        try {
-            const response = await request({
-                url: '/user',
-                method: 'POST',
-                data: { name, email, password },
-            });
-            await refetchSystemUsers();
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('success', t('messages.createUserSuccess'));
-            return { id: response.data.id, name: response.data.name };
-        }
-        catch (error) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', (0, api_1.getOperationsErrorMessage)(error, t('messages.createUserError')));
-            return null;
-        }
-    };
-    const updateScheduleDay = (weekday, patch) => {
-        setForm((current) => (Object.assign(Object.assign({}, current), { weeklySchedule: current.weeklySchedule.map((day) => {
-                var _a;
-                if (day.weekday !== weekday) {
-                    return day;
-                }
-                const nextIsWorkingDay = (_a = patch.isWorkingDay) !== null && _a !== void 0 ? _a : day.isWorkingDay;
-                return Object.assign(Object.assign(Object.assign({}, day), patch), { startTime: patch.startTime !== undefined
-                        ? normalizeTimeValue(patch.startTime)
-                        : nextIsWorkingDay
-                            ? normalizeTimeValue(day.startTime, '09:00')
-                            : normalizeTimeValue(day.startTime), endTime: patch.endTime !== undefined
-                        ? normalizeTimeValue(patch.endTime)
-                        : nextIsWorkingDay
-                            ? normalizeTimeValue(day.endTime, '18:00')
-                            : normalizeTimeValue(day.endTime) });
-            }) })));
-    };
-    const onSubmit = async () => {
-        const userId = (0, forms_1.parseNumberInput)(form.userId);
-        const personId = (0, forms_1.parseNumberInput)(form.personId);
-        const compensationAmount = (0, forms_1.parseNumberInput)(form.compensationAmount);
-        if (!personId) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.personRequired'));
-            return;
-        }
-        const departmentId = (0, forms_1.parseNumberInput)(form.departmentId);
-        const jobTitleId = (0, forms_1.parseNumberInput)(form.jobTitleId);
-        const collaboratorTypeId = (0, forms_1.parseNumberInput)(form.collaboratorTypeId);
-        if (!collaboratorTypeId) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', t('messages.collaboratorTypeRequired'));
-            return;
-        }
-        const payload = {
-            userId: userId !== null && userId !== void 0 ? userId : undefined,
-            personId: personId !== null && personId !== void 0 ? personId : undefined,
-            displayName: (0, forms_1.trimToNull)(form.displayName),
-            collaboratorTypeId,
-            departmentId: departmentId !== null && departmentId !== void 0 ? departmentId : undefined,
-            jobTitleId: jobTitleId !== null && jobTitleId !== void 0 ? jobTitleId : undefined,
-            title: (0, forms_1.trimToNull)(form.title),
-            levelLabel: (0, forms_1.trimToNull)(form.levelLabel),
-            weeklyCapacityHours: (0, forms_1.parseNumberInput)(form.weeklyCapacityHours),
-            status: form.status,
-            joinedAt: (0, forms_1.trimToNull)(form.joinedAt),
-            leftAt: (0, forms_1.trimToNull)(form.leftAt),
-            supervisorCollaboratorId: form.supervisorCollaboratorId === 'none'
-                ? null
-                : (0, forms_1.parseNumberInput)(form.supervisorCollaboratorId),
-            compensationAmount: compensationAmount !== null ? compensationAmount : null,
-            contractId: (0, forms_1.parseNumberInput)(form.contractId),
-            notes: (0, forms_1.trimToNull)(form.notes),
-            equityParticipation: shouldShowEquitySection
-                ? {
-                    participationType: form.equityParticipation.participationType,
-                    percentage: (0, forms_1.parseNumberInput)(form.equityParticipation.percentage),
-                    votingPower: (0, forms_1.parseNumberInput)(form.equityParticipation.votingPower),
-                    startDate: (0, forms_1.trimToNull)(form.equityParticipation.startDate),
-                    endDate: (0, forms_1.trimToNull)(form.equityParticipation.endDate),
-                    notes: (0, forms_1.trimToNull)(form.equityParticipation.notes),
-                }
-                : null,
-            weeklySchedule: form.weeklySchedule.map((day) => ({
-                weekday: day.weekday,
-                isWorkingDay: day.isWorkingDay,
-                startTime: day.isWorkingDay
-                    ? (0, forms_1.trimToNull)(normalizeTimeValue(day.startTime, '09:00'))
-                    : null,
-                endTime: day.isWorkingDay
-                    ? (0, forms_1.trimToNull)(normalizeTimeValue(day.endTime, '18:00'))
-                    : null,
-                breakMinutes: day.isWorkingDay ? (0, forms_1.parseNumberInput)(day.breakMinutes) : 0,
-            })),
-        };
-        try {
-            const response = collaboratorId
-                ? await (0, api_1.mutateOperations)(request, `/operations/collaborators/${collaboratorId}`, 'PATCH', payload)
-                : await (0, api_1.mutateOperations)(request, '/operations/collaborators', 'POST', payload);
-            setForm(toFormState(response));
-            await Promise.all([
-                collaboratorId ? refetchCollaborator() : Promise.resolve(),
-                refetchCollaboratorTypes(),
-                refetchDepartments(),
-                refetchCollaborators(),
-                refetchJobTitles(),
-            ]);
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('success', collaboratorId
-                ? t('messages.updateSuccess')
-                : t('messages.createSuccess'));
-            if (onSaved) {
-                await onSaved(response);
-                return;
-            }
-            router.push(`/operations/collaborators/${response.id}`);
-        }
-        catch (error) {
-            showToastHandler === null || showToastHandler === void 0 ? void 0 : showToastHandler('error', (0, api_1.getOperationsErrorMessage)(error, collaboratorId ? t('messages.updateError') : t('messages.createError')));
-        }
-    };
-    const noAccessState = (<entity_list_1.EmptyState icon={<lucide_react_1.UserRound className="size-12"/>} title={commonT('states.noAccessTitle')} description={t('noAccessDescription')} actionLabel={commonT('actions.refresh')} onAction={() => router.refresh()}/>);
-    const collaboratorSummary = collaborator && isSheetMode ? (<div className="mx-4 rounded-xl border bg-muted/30 px-4 py-3">
-        <div className="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
-          <div className="flex min-w-0 items-center gap-3">
-            <avatar_1.Avatar className="h-12 w-12 border border-border/60 bg-background">
-              <avatar_1.AvatarImage src={getPersonAvatarUrl(collaborator.personAvatarId)} alt={collaborator.displayName}/>
-              <avatar_1.AvatarFallback className="bg-muted text-sm font-semibold text-foreground">
-                {getInitials(collaborator.displayName)}
-              </avatar_1.AvatarFallback>
-            </avatar_1.Avatar>
-            <div className="min-w-0">
-              <div className="truncate text-base font-semibold">
-                {collaborator.displayName}
-              </div>
-              <div className="truncate text-xs text-muted-foreground">
-                {[
-            collaborator.code,
-            collaborator.department,
-            collaborator.title,
-        ]
-            .filter(Boolean)
-            .join(' • ') || commonT('labels.notAvailable')}
-              </div>
-            </div>
-          </div>
-
-          <div className="flex flex-wrap items-center gap-2">
-            <status_badge_1.StatusBadge label={getStatusLabel(collaborator.status)} className={(0, format_1.getStatusBadgeClass)(collaborator.status)}/>
-            <span className="inline-flex items-center rounded-full bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary">
-              {getCollaboratorTypeLabel((_a = collaborator.collaboratorTypeSlug) !== null && _a !== void 0 ? _a : collaborator.collaboratorType, collaborator.collaboratorTypeName)}
-            </span>
-            {collaborator.personId ? (<tooltip_1.Tooltip>
-                <tooltip_1.TooltipTrigger asChild>
-                  <button_1.Button variant="outline" size="icon" className="h-7 w-7" onClick={() => void handleOpenPersonSheet()}>
-                    <lucide_react_1.Pencil className="size-3.5"/>
-                  </button_1.Button>
-                </tooltip_1.TooltipTrigger>
-                <tooltip_1.TooltipContent side="bottom">
-                  {t('actions.editPersonCrm')}
-                </tooltip_1.TooltipContent>
-              </tooltip_1.Tooltip>) : null}
-          </div>
-        </div>
-
-        <div className="mt-3 grid gap-2 text-sm md:grid-cols-2 xl:grid-cols-4">
-          <div>
-            <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-              {commonT('labels.supervisor')}
-            </div>
-            <div className="font-medium">
-              {collaborator.supervisorName || commonT('labels.notAssigned')}
-            </div>
-          </div>
-          <div>
-            <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-              {commonT('labels.weeklyCapacity')}
-            </div>
-            <div className="font-medium">
-              {(0, format_1.formatHours)(collaborator.weeklyCapacityHours)}
-            </div>
-          </div>
-          <div>
-            <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-              {commonT('labels.startDate')}
-            </div>
-            <div className="font-medium">
-              {(0, format_1.formatDate)(collaborator.joinedAt)}
-            </div>
-          </div>
-          <div>
-            <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-              {commonT('labels.projectCount')}
-            </div>
-            <div className="font-medium">
-              {collaborator.assignedProjects.length}
-            </div>
-          </div>
-        </div>
-      </div>) : null;
-    if (!access.isDirector && !access.isLoading) {
-        if (isSheetMode) {
-            return <div className="pt-4">{noAccessState}</div>;
-        }
-        return (<entity_list_1.Page>
-        <operations_header_1.OperationsHeader title={t(collaboratorId ? 'editTitle' : 'newTitle')} description={t('description')} current={t('breadcrumb')}/>
-        {noAccessState}
-      </entity_list_1.Page>);
-    }
-    const basicInfoSection = (<div className="space-y-2">
-      <div className="space-y-0.5">
-        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-          {t('sections.basicInfo')}
-        </h3>
-        <p className="text-[11px] text-muted-foreground/80">
-          {t('sections.basicInfoDescription')}
-        </p>
-      </div>
-      <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
-        <div className="space-y-2 md:col-span-2">
-          <person_select_with_create_1.PersonSelectWithCreate label={t('fields.person')} entityLabel={t('fields.personEntityLabel')} value={form.personId ? Number(form.personId) : null} initialSelectedLabel={(_b = collaborator === null || collaborator === void 0 ? void 0 : collaborator.personName) !== null && _b !== void 0 ? _b : form.displayName} selectPlaceholder={t('placeholders.person')} onChange={(personId, personName) => setForm((current) => (Object.assign(Object.assign({}, current), { personId: personId ? String(personId) : '', displayName: personName })))}/>
-        </div>
-        <div className="space-y-2 md:col-span-2 xl:col-span-2">
-          <system_user_select_with_create_1.SystemUserSelectWithCreate label={t('fields.userIdOptional')} value={form.userId} options={systemUsers} placeholder={t('placeholders.userIdOptional')} emptyLabel={commonT('labels.notAssigned')} onChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { userId: value })))} onCreate={createSystemUser}/>
-          <p className="text-xs text-muted-foreground">
-            {t('fields.userIdDescription')}
-          </p>
-        </div>
-
-        {!isCreateMode ? (<div className="space-y-2">
-            <label_1.Label>{t('fields.levelLabel')}</label_1.Label>
-            <select_1.Select value={form.levelLabel} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { levelLabel: value })))}>
-              <select_1.SelectTrigger className="w-full">
-                <select_1.SelectValue placeholder={t('placeholders.levelLabel')}/>
-              </select_1.SelectTrigger>
-              <select_1.SelectContent>
-                {COLLABORATOR_LEVEL_OPTIONS.map((level) => (<select_1.SelectItem key={level} value={level}>
-                    {t(`options.levels.${level}`)}
-                  </select_1.SelectItem>))}
-              </select_1.SelectContent>
-            </select_1.Select>
-          </div>) : null}
-        <div className="space-y-2 xl:col-span-1">
-          <department_select_with_create_1.DepartmentSelectWithCreate label={t('fields.department')} value={(_d = (_c = departmentOptions.find((d) => String(d.id) === form.departmentId)) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : ''} options={departmentOptions} selectPlaceholder={t('placeholders.department')} createDescription={t('fields.departmentDescription')} createPlaceholder={t('placeholders.departmentCreate')} onChange={(department) => setForm((current) => (Object.assign(Object.assign({}, current), { departmentId: department.id ? String(department.id) : '' })))}/>
-        </div>
-        <div className="space-y-2 xl:col-span-1">
-          <department_select_with_create_1.DepartmentSelectWithCreate label={t('fields.title')} value={form.title} options={titleOptions} onCreate={createJobTitle} selectPlaceholder={t('placeholders.title')} createDescription={t('fields.titleDescription')} createPlaceholder={t('placeholders.titleCreate')} onChange={(titleOption) => setForm((current) => (Object.assign(Object.assign({}, current), { jobTitleId: titleOption.id ? String(titleOption.id) : '', title: titleOption.name })))}/>
-        </div>
-        <div className="space-y-2 xl:col-span-1">
-          <label className="text-sm font-medium">{t('fields.contract')}</label>
-          <entity_picker_1.EntityPicker value={form.contractId ? Number(form.contractId) : null} onChange={(v) => setForm((current) => (Object.assign(Object.assign({}, current), { contractId: v ? String(v) : '' })))} placeholder={t('fields.contractPlaceholder')} emptyLabel={t('fields.contractEmpty')} initialSelectedLabel={form.contractId
-            ? ((_h = (_f = (_e = collaborator === null || collaborator === void 0 ? void 0 : collaborator.relatedContracts.find((c) => String(c.id) === form.contractId)) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : (_g = collaborator === null || collaborator === void 0 ? void 0 : collaborator.relatedContracts.find((c) => String(c.id) === form.contractId)) === null || _g === void 0 ? void 0 : _g.code) !== null && _h !== void 0 ? _h : undefined)
-            : undefined} clearable showCreateButton createTitle={t('fields.contractCreateTitle')} createDescription={t('fields.contractCreateDescription')} createFields={[
-            {
-                name: 'name',
-                label: t('fields.contractNameField'),
-                placeholder: t('fields.contractNameField'),
-                required: true,
-            },
-        ]} loadOptions={async ({ page, pageSize, search }) => {
-            var _a;
-            const params = new URLSearchParams({
-                page: String(page),
-                pageSize: String(pageSize),
-            });
-            if (search.trim())
-                params.set('search', search.trim());
-            const res = await (0, api_1.fetchOperations)(request, `/operations/contracts?${params.toString()}`);
-            return {
-                items: (_a = res.data) !== null && _a !== void 0 ? _a : [],
-                hasMore: res.page < res.lastPage,
-            };
-        }} getOptionValue={(c) => c.id} getOptionLabel={(c) => (c.name || c.code)} getOptionDescription={(c) => [c.code, c.status].filter(Boolean).join(' • ') || undefined} onCreate={async (values) => {
-            return (0, api_1.mutateOperations)(request, '/operations/contracts', 'POST', {
-                name: values.name,
-                billingModel: 'time_and_material',
-            });
-        }}/>
-        </div>
-      </div>
-    </div>);
-    const employmentInfoSection = (<div className="space-y-2">
-      <div className="space-y-0.5">
-        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-          {t('sections.employmentInfo')}
-        </h3>
-        <p className="text-[11px] text-muted-foreground/80">
-          {isCreateMode
-            ? t('sections.employmentInfoCreateDescription')
-            : t('sections.employmentInfoDescription')}
-        </p>
-      </div>
-      <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
-        <div className="space-y-2 xl:col-span-1">
-          <label className="text-sm font-medium">
-            {t('fields.collaboratorType')}
-          </label>
-
-          <select_1.Select value={form.collaboratorTypeId} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { collaboratorTypeId: value })))}>
-            <select_1.SelectTrigger className="w-full">
-              <select_1.SelectValue placeholder={isLoadingCollaboratorTypes
-            ? t('states.loadingCollaboratorTypes')
-            : t('placeholders.collaboratorType')}/>
-            </select_1.SelectTrigger>
-            <select_1.SelectContent>
-              {collaboratorTypes.map((collaboratorType) => (<select_1.SelectItem key={collaboratorType.id} value={String(collaboratorType.id)}>
-                  {collaboratorType.name}
-                </select_1.SelectItem>))}
-            </select_1.SelectContent>
-          </select_1.Select>
-        </div>
-        <div className="space-y-2">
-          <label className="text-sm font-medium">
-            {commonT('labels.status')}
-          </label>
-          <select_1.Select value={form.status} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { status: value })))}>
-            <select_1.SelectTrigger className="w-full">
-              <select_1.SelectValue />
-            </select_1.SelectTrigger>
-            <select_1.SelectContent>
-              <select_1.SelectItem value="active">
-                {t('options.statuses.active')}
-              </select_1.SelectItem>
-              <select_1.SelectItem value="on_leave">
-                {t('options.statuses.on_leave')}
-              </select_1.SelectItem>
-              <select_1.SelectItem value="inactive">
-                {t('options.statuses.inactive')}
-              </select_1.SelectItem>
-              <select_1.SelectItem value="draft">
-                {t('options.statuses.draft')}
-              </select_1.SelectItem>
-            </select_1.SelectContent>
-          </select_1.Select>
-        </div>
-        <div className="space-y-2">
-          <label className="text-sm font-medium">
-            {commonT('labels.startDate')}
-          </label>
-          <input_1.Input type="date" value={form.joinedAt} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { joinedAt: event.target.value })))}/>
-        </div>
-        <div className="space-y-2">
-          <label className="text-sm font-medium">
-            {commonT('labels.endDate')}
-          </label>
-          <input_1.Input type="date" value={form.leftAt} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { leftAt: event.target.value })))}/>
-        </div>
-        {isCreateMode ? (<>
-            <div className="space-y-2">
-              <label className="text-sm font-medium">
-                {t('fields.weeklyCapacityHours')}
-              </label>
-              <input_1.Input type="number" step="0.5" value={form.weeklyCapacityHours} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { weeklyCapacityHours: event.target.value })))}/>
-            </div>
-            <div className="space-y-2">
-              <label className="text-sm font-medium">
-                {t('fields.compensationAmount')}
-              </label>
-              <input_money_1.InputMoney step="0.01" value={form.compensationAmount === ''
-                ? ''
-                : Number(form.compensationAmount)} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { compensationAmount: value !== null ? String(value) : '' })))}/>
-            </div>
-          </>) : null}
-      </div>
-    </div>);
-    const equitySection = shouldShowEquitySection ? (<div className="space-y-2">
-      <div className="space-y-0.5">
-        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-          {t('sections.equity')}
-        </h3>
-        <p className="text-[11px] text-muted-foreground/80">
-          {t('sections.equityDescription')}
-        </p>
-      </div>
-      <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
-        <div className="space-y-2 xl:col-span-2">
-          <label className="text-sm font-medium">
-            {t('fields.equityParticipationType')}
-          </label>
-          <select_1.Select value={form.equityParticipation.participationType} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { participationType: value }) })))}>
-            <select_1.SelectTrigger className="w-full">
-              <select_1.SelectValue />
-            </select_1.SelectTrigger>
-            <select_1.SelectContent>
-              <select_1.SelectItem value="partner_quota_holder">
-                {t('options.equityParticipationTypes.partner_quota_holder')}
-              </select_1.SelectItem>
-              <select_1.SelectItem value="common_shareholder">
-                {t('options.equityParticipationTypes.common_shareholder')}
-              </select_1.SelectItem>
-              <select_1.SelectItem value="preferred_shareholder">
-                {t('options.equityParticipationTypes.preferred_shareholder')}
-              </select_1.SelectItem>
-              <select_1.SelectItem value="administrator">
-                {t('options.equityParticipationTypes.administrator')}
-              </select_1.SelectItem>
-              <select_1.SelectItem value="other">
-                {t('options.equityParticipationTypes.other')}
-              </select_1.SelectItem>
-            </select_1.SelectContent>
-          </select_1.Select>
-        </div>
-        <div className="space-y-2">
-          <label_1.Label>{t('fields.equityPercentage')}</label_1.Label>
-          <input_1.Input type="text" inputMode="decimal" placeholder={t('placeholders.equityPercentage')} value={form.equityParticipation.percentage} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { percentage: (0, forms_1.normalizePercentInput)(event.target.value) }) })))}/>
-        </div>
-        <div className="space-y-2">
-          <label_1.Label>{t('fields.votingPower')}</label_1.Label>
-          <input_1.Input type="text" inputMode="decimal" placeholder={t('placeholders.votingPower')} value={form.equityParticipation.votingPower} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { votingPower: (0, forms_1.normalizePercentInput)(event.target.value) }) })))}/>
-        </div>
-        <div className="space-y-2">
-          <label_1.Label>{commonT('labels.startDate')}</label_1.Label>
-          <input_1.Input type="date" value={form.equityParticipation.startDate} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { startDate: event.target.value }) })))}/>
-        </div>
-        <div className="space-y-2">
-          <label_1.Label>{commonT('labels.endDate')}</label_1.Label>
-          <input_1.Input type="date" value={form.equityParticipation.endDate} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { endDate: event.target.value }) })))}/>
-        </div>
-        <div className="space-y-2 md:col-span-2 xl:col-span-4">
-          <label_1.Label>{t('fields.equityNotes')}</label_1.Label>
-          <textarea_1.Textarea rows={4} placeholder={t('placeholders.equityNotes')} value={form.equityParticipation.notes} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { equityParticipation: Object.assign(Object.assign({}, current.equityParticipation), { notes: event.target.value }) })))}/>
-        </div>
-      </div>
-    </div>) : null;
-    const supervisorSection = (<div className="space-y-2">
-      <div className="space-y-0.5">
-        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-          {t('sections.supervisor')}
-        </h3>
-        <p className="text-[11px] text-muted-foreground/80">
-          {t('sections.supervisorDescription')}
-        </p>
-      </div>
-      <SupervisorAutocomplete label={commonT('labels.supervisor')} value={form.supervisorCollaboratorId} options={supervisorOptions} placeholder={t('placeholders.supervisor')} emptyLabel={commonT('labels.notAssigned')} onChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { supervisorCollaboratorId: value })))}/>
-    </div>);
-    const contractSection = (<div className="space-y-2">
-      <div className="space-y-0.5">
-        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-          {t('sections.contract')}
-        </h3>
-        <p className="text-[11px] text-muted-foreground/80">
-          {t('sections.contractDescription')}
-        </p>
-      </div>
-      <div className="grid gap-3 md:grid-cols-3">
-        <div className="space-y-2">
-          <label className="text-sm font-medium">
-            {t('fields.weeklyCapacityHours')}
-          </label>
-          <input_1.Input type="number" step="0.5" value={form.weeklyCapacityHours} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { weeklyCapacityHours: event.target.value })))}/>
-        </div>
-        <div className="space-y-2">
-          <label className="text-sm font-medium">
-            {t('fields.compensationAmount')}
-          </label>
-          <input_money_1.InputMoney step="0.01" value={form.compensationAmount === ''
-            ? ''
-            : Number(form.compensationAmount)} onValueChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { compensationAmount: value !== null ? String(value) : '' })))}/>
-        </div>
-        <div className="space-y-2">
-          <SupervisorAutocomplete label={commonT('labels.supervisor')} value={form.supervisorCollaboratorId} options={supervisorOptions} placeholder={t('placeholders.supervisor')} emptyLabel={commonT('labels.notAssigned')} onChange={(value) => setForm((current) => (Object.assign(Object.assign({}, current), { supervisorCollaboratorId: value })))}/>
-        </div>
-      </div>
-    </div>);
-    const scheduleSection = (<div className="space-y-2">
-      <div className="space-y-0.5">
-        <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-          {t('sections.schedule')}
-        </h3>
-        <p className="text-[11px] text-muted-foreground/80">
-          {t('sections.scheduleDescription')}
-        </p>
-      </div>
-      <div className="space-y-1.5">
-        {form.weeklySchedule.map((day) => (<div key={day.weekday} className="grid gap-2 rounded-md border px-3 py-2 md:grid-cols-[minmax(108px,0.9fr)_auto_repeat(3,minmax(88px,1fr))] md:items-center">
-            <div className="space-y-0.5 md:pr-1">
-              <div className="text-sm font-medium leading-none">
-                {(0, format_1.formatWeekdayLabel)(day.weekday, currentLocaleCode)}
-              </div>
-              <div className="text-[10px] leading-none text-muted-foreground">
-                {day.isWorkingDay
-                ? commonT('labels.workingDay')
-                : commonT('labels.dayOff')}
-              </div>
-            </div>
-            <div className="flex items-center justify-between gap-2 rounded-md bg-muted/30 px-2 py-1.5 md:justify-center md:bg-transparent md:p-0">
-              <span className="text-[10px] font-medium uppercase tracking-wide text-muted-foreground md:hidden">
-                {commonT('labels.workingDay')}
-              </span>
-              <switch_1.Switch checked={day.isWorkingDay} onCheckedChange={(checked) => updateScheduleDay(day.weekday, { isWorkingDay: checked })}/>
-            </div>
-            <div className="space-y-0.5">
-              <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
-                {t('fields.startTime')}
-              </div>
-              <input_1.Input className="h-8" type="time" value={normalizeTimeValue(day.startTime, day.isWorkingDay ? '09:00' : '')} disabled={!day.isWorkingDay} onChange={(event) => updateScheduleDay(day.weekday, {
-                startTime: event.target.value,
-            })}/>
-            </div>
-            <div className="space-y-0.5">
-              <div className="text-[10px] uppercase tracking-wide text-muted-foreground">
-                {t('fields.endTime')}
-              </div>
-              <input_1.Input className="h-8" type="time" value={normalizeTimeValue(day.endTime, day.isWorkingDay ? '18:00' : '')} disabled={!day.isWorkingDay} onChange={(event) => updateScheduleDay(day.weekday, {
-                endTime: event.target.value,
-            })}/>
-            </div>
-            <div className="space-y-0.5">
-              <div className="flex items-center gap-1 text-[10px] uppercase tracking-wide text-muted-foreground">
-                <span>{t('fields.breakMinutes')}</span>
-                <tooltip_1.Tooltip>
-                  <tooltip_1.TooltipTrigger asChild>
-                    <span className="inline-flex cursor-help">
-                      <lucide_react_1.Info className="h-3.5 w-3.5"/>
-                    </span>
-                  </tooltip_1.TooltipTrigger>
-                  <tooltip_1.TooltipContent>
-                    <p>{t('fields.breakMinutesDescription')}</p>
-                  </tooltip_1.TooltipContent>
-                </tooltip_1.Tooltip>
-              </div>
-              <input_1.Input className="h-8" type="number" min="0" step="5" placeholder="60" title={t('fields.breakMinutesDescription')} aria-label={t('fields.breakMinutes')} value={day.breakMinutes} disabled={!day.isWorkingDay} onChange={(event) => updateScheduleDay(day.weekday, {
-                breakMinutes: event.target.value,
-            })}/>
-            </div>
-          </div>))}
-      </div>
-
-      <div className="space-y-2 pt-1">
-        <label_1.Label>{t('fields.notes')}</label_1.Label>
-        <textarea_1.Textarea rows={4} value={form.notes} onChange={(event) => setForm((current) => (Object.assign(Object.assign({}, current), { notes: event.target.value })))}/>
-      </div>
-    </div>);
-    const activitySection = collaborator ? (<div className="space-y-4">
-      <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
-        <div className="rounded-xl border bg-muted/20 px-4 py-3">
-          <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-            {detailsT('cards.timesheets')}
-          </div>
-          <div className="mt-1 text-xl font-semibold">
-            {collaborator.timesheetSummary.totalTimesheets}
-          </div>
-          <p className="text-xs text-muted-foreground">
-            {detailsT('cards.timesheetsDescription', {
-            pending: collaborator.timesheetSummary.pendingTimesheets,
-        })}
-          </p>
-        </div>
-
-        <div className="rounded-xl border bg-muted/20 px-4 py-3">
-          <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-            {detailsT('cards.loggedHours')}
-          </div>
-          <div className="mt-1 text-xl font-semibold">
-            {(0, format_1.formatHours)(collaborator.timesheetSummary.totalHours)}
-          </div>
-          <p className="text-xs text-muted-foreground">
-            {detailsT('cards.loggedHoursDescription')}
-          </p>
-        </div>
-
-        <div className="rounded-xl border bg-muted/20 px-4 py-3">
-          <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-            {detailsT('cards.timeOff')}
-          </div>
-          <div className="mt-1 text-xl font-semibold">
-            {collaborator.timeOffSummary.totalRequests}
-          </div>
-          <p className="text-xs text-muted-foreground">
-            {detailsT('cards.timeOffDescription', {
-            pending: collaborator.timeOffSummary.pendingRequests,
-        })}
-          </p>
-        </div>
-
-        <div className="rounded-xl border bg-muted/20 px-4 py-3">
-          <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-            {detailsT('sections.scheduleAdjustments')}
-          </div>
-          <div className="mt-1 text-xl font-semibold">
-            {collaborator.scheduleAdjustmentRequests.length}
-          </div>
-          <p className="text-xs text-muted-foreground">
-            {detailsT('sections.scheduleAdjustmentsDescription')}
-          </p>
-        </div>
-      </div>
-
-      <div className="grid gap-4 xl:grid-cols-2">
-        <div className="rounded-xl border px-4 py-3">
-          <div className="mb-3 space-y-0.5">
-            <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-              {detailsT('sections.projects')}
-            </h3>
-            <p className="text-[11px] text-muted-foreground/80">
-              {detailsT('sections.projectsDescription')}
-            </p>
-          </div>
-
-          {collaborator.assignedProjects.length > 0 ? (<div className="space-y-2">
-              {collaborator.assignedProjects.slice(0, 6).map((project) => (<div key={project.id} className="flex flex-col gap-2 rounded-lg border px-3 py-2.5">
-                  <div className="flex items-start justify-between gap-3">
-                    <div className="min-w-0">
-                      <div className="truncate font-medium">{project.name}</div>
-                      <div className="truncate text-xs text-muted-foreground">
-                        {[
-                    project.code,
-                    project.roleLabel || commonT('labels.notAssigned'),
-                    project.weeklyHours !== null &&
-                        project.weeklyHours !== undefined
-                        ? (0, format_1.formatHours)(project.weeklyHours)
-                        : null,
-                    project.allocationPercent !== null &&
-                        project.allocationPercent !== undefined
-                        ? `${project.allocationPercent}%`
-                        : null,
-                ]
-                    .filter(Boolean)
-                    .join(' • ')}
-                      </div>
-                    </div>
-                    <status_badge_1.StatusBadge label={(0, format_1.formatEnumLabel)(project.status)} className={(0, format_1.getStatusBadgeClass)(project.status)}/>
-                  </div>
-                  <div className="text-xs text-muted-foreground">
-                    {(0, format_1.formatDateRange)(project.startDate, project.endDate)}
-                  </div>
-                </div>))}
-            </div>) : (<p className="text-sm text-muted-foreground">
-              {detailsT('noProjects')}
-            </p>)}
-        </div>
-
-        <div className="space-y-4">
-          <div className="rounded-xl border px-4 py-3">
-            <div className="mb-3 space-y-0.5">
-              <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                {detailsT('sections.primaryContract')}
-              </h3>
-              <p className="text-[11px] text-muted-foreground/80">
-                {t('sections.contractDescription')}
-              </p>
-            </div>
-
-            {collaborator.relatedContracts.length > 0 ? (<div className="space-y-2">
-                {collaborator.relatedContracts.slice(0, 3).map((contract) => (<link_1.default key={contract.id} href={`/operations/contracts?edit=${contract.id}`} className="flex cursor-pointer items-center justify-between gap-3 rounded-lg border px-3 py-2.5 transition-colors hover:bg-muted/20">
-                    <div className="min-w-0">
-                      <div className="truncate font-medium">
-                        {contract.name || contract.code}
-                      </div>
-                      <div className="truncate text-xs text-muted-foreground">
-                        {[
-                    contract.code,
-                    (0, format_1.formatEnumLabel)(contract.contractCategory),
-                ]
-                    .filter(Boolean)
-                    .join(' • ')}
-                      </div>
-                    </div>
-                    <status_badge_1.StatusBadge label={(0, format_1.formatEnumLabel)(contract.status)} className={(0, format_1.getStatusBadgeClass)(contract.status)}/>
-                  </link_1.default>))}
-              </div>) : (<p className="text-sm text-muted-foreground">
-                {detailsT('noContracts')}
-              </p>)}
-          </div>
-
-          <div className="rounded-xl border px-4 py-3">
-            <div className="mb-3 space-y-0.5">
-              <h3 className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                {detailsT('sections.scheduleAdjustments')}
-              </h3>
-              <p className="text-[11px] text-muted-foreground/80">
-                {detailsT('sections.scheduleAdjustmentsDescription')}
-              </p>
-            </div>
-
-            {collaborator.scheduleAdjustmentRequests.length > 0 ? (<div className="space-y-2">
-                {collaborator.scheduleAdjustmentRequests
-                .slice(0, 4)
-                .map((request) => (<div key={request.id} className="flex items-center justify-between gap-3 rounded-lg border px-3 py-2.5">
-                      <div className="min-w-0">
-                        <div className="font-medium">
-                          {(0, format_1.formatEnumLabel)(request.requestScope)}
-                        </div>
-                        <div className="truncate text-xs text-muted-foreground">
-                          {(0, format_1.formatDateRange)(request.effectiveStartDate, request.effectiveEndDate)}
-                        </div>
-                      </div>
-                      <status_badge_1.StatusBadge label={(0, format_1.formatEnumLabel)(request.status)} className={(0, format_1.getStatusBadgeClass)(request.status)}/>
-                    </div>))}
-              </div>) : (<p className="text-sm text-muted-foreground">
-                {detailsT('noScheduleAdjustments')}
-              </p>)}
-          </div>
-        </div>
-      </div>
-    </div>) : null;
-    const profileContent = (<div className="space-y-4">
-      {basicInfoSection}
-      {employmentInfoSection}
-      {!isCreateMode ? equitySection : null}
-    </div>);
-    const costsSection = (<accordion_1.Accordion type="single" collapsible defaultValue={isCreateMode ? undefined : 'costs'}>
-      <accordion_1.AccordionItem value="costs" className="rounded-xl border px-4">
-        <accordion_1.AccordionTrigger className="py-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground hover:no-underline">
-          {t('sections.costs')}
-        </accordion_1.AccordionTrigger>
-        <accordion_1.AccordionContent className="pb-4">
-          {isCreateMode || !collaborator ? (<p className="text-sm text-muted-foreground">
-              {t('sections.costsSaveBefore')}
-            </p>) : (<collaborator_costs_section_1.CollaboratorCostsSection collaboratorId={collaborator.id} disabled={!access.isDirector} weeklyCapacity={(_j = collaborator.weeklyCapacityHours) !== null && _j !== void 0 ? _j : undefined} remunerationValue={collaborator.compensationAmount != null
-                ? Number(collaborator.compensationAmount)
-                : undefined}/>)}
-        </accordion_1.AccordionContent>
-      </accordion_1.AccordionItem>
-    </accordion_1.Accordion>);
-    const formContent = isSheetMode ? (<div className="space-y-4 px-4">
-      {profileContent}
-      {contractSection}
-      {!isCreateMode ? costsSection : null}
-      {!isCreateMode ? scheduleSection : null}
-      {activitySection}
-    </div>) : (<div className="space-y-4 px-4">
-      {profileContent}
-      {contractSection}
-      {!isCreateMode ? costsSection : null}
-      {!isCreateMode ? scheduleSection : null}
-    </div>);
-    const loadingState = collaboratorId && isLoadingCollaborator ? (<div className="text-sm text-muted-foreground">{t('loading')}</div>) : null;
-    if (isSheetMode) {
-        return (<div className="mt-6 space-y-4 pb-6">
-        {collaboratorSummary}
-        {formContent}
-        {loadingState}
-
-        <form_actions_1.FormActions sheet cancelLabel={commonT('actions.cancel')} onCancel={onCancel} onSubmit={() => void onSubmit()} submitIcon={<lucide_react_1.Save className="size-4"/>} submitLabel={commonT('actions.save')} submitSize="lg"/>
-
-        <person_form_sheet_1.PersonFormSheet open={personSheetOpen} person={personToEdit} contactTypes={contactTypes} documentTypes={documentTypes} onOpenChange={(nextOpen) => {
-                setPersonSheetOpen(nextOpen);
-                if (!nextOpen)
-                    setPersonToEdit(null);
-            }} onSuccess={() => void refetchCollaborator()}/>
-      </div>);
-    }
-    return (<entity_list_1.Page>
-      <operations_header_1.OperationsHeader title={t(collaboratorId ? 'editTitle' : 'newTitle')} description={isCreateMode ? t('descriptionCreate') : t('description')} current={t('breadcrumb')} actions={<div className="flex gap-2">
-            <button_1.Button variant="outline" size="sm" asChild>
-              <link_1.default href={collaboratorId
-                ? `/operations/collaborators/${collaboratorId}`
-                : '/operations/collaborators'}>
-                <lucide_react_1.ArrowLeft className="size-4"/>
-                {commonT('actions.back')}
-              </link_1.default>
-            </button_1.Button>
-            <button_1.Button size="sm" onClick={() => void onSubmit()}>
-              <lucide_react_1.Save className="size-4"/>
-              {commonT('actions.save')}
-            </button_1.Button>
-          </div>}/>
-
-      {formContent}
-      {loadingState}
-    </entity_list_1.Page>);
-}
-//# sourceMappingURL=collaborator-form-screen.js.map