{"version":3,"file":"index.cjs","names":[],"sources":["../src/services/dashboardApi.js","../src/components/cards/CalendarCard.jsx","../src/components/DynamicTabs.jsx","../src/services/popupApi.js","../src/components/cards/dashboardVisibleCards.js","../src/components/cards/cardConfig.js","../src/components/CustomPagination.jsx","../src/components/cards/DynamicCards.jsx","../src/components/cards/HierarchyUserFilter.jsx","../src/utils/autoValueRules.js","../src/components/form/duplicateRecord.js","../src/components/form/useDuplicateCheck.js","../src/components/form/storedFileName.js","../src/services/dropdownApi.js","../src/utils/accessToken.js","../src/hooks/useDropdownFields.js","../src/contexts/PermissionContext.jsx","../src/hooks/useMenuPermission.js","../src/hooks/usePermissions.js","../src/utils/actionPermission.js","../src/utils/actionRuleEngine.js","../src/config/responseMappings/default.json","../src/services/responseMapping/mapListResponse.js","../src/components/viewSummaryConfig.js","../src/components/ViewSummaryWidget.jsx","../src/hooks/useDropdownValues.js","../src/components/filters/DynamicFieldFilter.jsx","../src/components/images/common/eyeoutlined.svg","../src/components/images/common/frame.svg","../src/components/images/common/unorderedlistoutlined.svg","../src/components/ListView.jsx","../src/services/pendingHandoff.js","../src/services/skillMatchApi.js","../src/services/candidatesApi.js","../src/services/sourceProviderActions.js","../src/components/AddFormV1.jsx","../src/components/AppAlert.jsx","../src/components/detail/timelineUtils.js","../src/components/detail/timeline.jsx","../src/components/detail/activityMeta.jsx","../src/components/detail/ActivityTab.jsx","../src/components/detail/NotesTab.jsx","../src/components/detail/ActivityNotesCard.jsx","../src/components/AssigneeAvatars.jsx","../src/components/upload/bulkUploadValidation.js","../src/components/upload/BulkUploadPanel.jsx","../src/services/jobsApi.js","../src/components/DescriptionBlock.jsx","../src/hooks/useVisibleTabs.js","../src/components/detail/detailConfig/financeHeaderCommon.js","../src/components/detail/detailConfig/modules/billingConfig.js","../src/components/detail/detailConfig/configUtils.js","../src/components/detail/detailConfig/modules/candidateConfig.js","../src/components/detail/detailConfig/modules/employerConfig.js","../src/components/detail/detailEmptiness.js","../src/components/detail/detailVisibility.js","../src/components/detail/historyRateKeys.js","../src/utils/currency.js","../src/components/detail/emptyText.js","../src/components/detail/fieldRenderEngine.jsx","../src/components/DetailViewV1.jsx","../src/components/detail/detailConfig/modules/jobConfig.js","../src/components/detail/detailConfig/modules/payrollConfig.js","../src/components/detail/detailConfig/modules/submissionConfig.js","../src/components/detail/detailConfig/modules/submissionJobConfig.js","../src/components/detail/detailConfig/headerSpec.js","../src/components/detail/detailConfig/headerConfig.js","../src/components/detail/headerMeta.js","../src/components/detail/auxRecords.js","../src/components/finance/financeUtils.js","../src/components/finance/FinanceComponents.jsx","../src/components/finance/FinanceRecordsTable.jsx","../src/components/detail/DetailHeaderCard.jsx","../src/components/detail/tabContentRegistry.jsx","../src/hooks/useRecordRefresh.js","../src/components/DetailViewPage.jsx","../src/components/form/editFormOptionFallbacks.js","../src/components/form/verifyLockState.js","../src/components/EditFormV1.jsx","../src/hooks/useModuleActions.js","../src/components/actions/ModuleRowActions.jsx","../src/components/ParamCardView.jsx","../src/components/ParamListView.jsx","../src/components/searchBuilder/RangeSliderField.jsx","../src/components/searchBuilder/dateRangePresets.js","../src/components/searchBuilder/DateRangePresetField.jsx","../src/components/searchBuilder/fieldTypeRegistry.jsx","../src/components/searchBuilder/SearchFieldControl.jsx","../src/components/searchBuilder/BooleanQueryField.jsx","../src/components/searchBuilder/booleanQueryUtils.js","../src/components/searchBuilder/buildBooleanRequest.js","../src/components/searchBuilder/buildTraditionalParams.js","../src/components/searchBuilder/buildFilterConditions.js","../src/services/booleanSearchApi.js","../src/services/candidateSearchAdapter.js","../src/components/SearchBuilderV1.jsx","../src/components/StatusBadge.jsx","../src/components/StylishDynamicTabs.jsx","../src/components/TemplateEditor.jsx","../src/components/finance/FinanceListToolbar.jsx","../src/components/timesheet/timesheetHoursPolicy.js","../src/components/timesheet/TimesheetComponents.jsx","../src/components/finance/FinanceTimesheetAnalysis.jsx","../src/components/finance/financeApprovalConfig.js","../src/components/finance/financeApprovalEngine.js","../src/components/finance/FinanceApprovalPanel.jsx","../src/components/finance/financeApprovalData.js","../src/components/detail/FileListCard.jsx","../src/hooks/useEditForm.js","../src/assets/images/login-1.svg","../src/assets/images/login-2.svg","../src/assets/images/sidebar/logo_icon.svg","../src/assets/images/sidebar/logo_text.svg","../src/assets/images/sidebar/zn-icn-arrow-close.svg","../src/assets/images/sidebar/zn-icn-admin.svg","../src/assets/images/sidebar/zn-icn-assignments.svg","../src/assets/images/sidebar/zn-icn-jobs.svg","../src/assets/images/sidebar/zn-icn-candidate.svg","../src/assets/images/sidebar/zn-icn-client-management.svg","../src/assets/images/sidebar/zn-icn-dashboard.svg","../src/assets/images/sidebar/zn-icn-employer-management.svg","../src/assets/images/sidebar/zn-icn-help.svg","../src/assets/images/sidebar/zn-icn-network.svg","../src/assets/images/sidebar/zn-icn-reports.svg","../src/assets/images/sidebar/zn-icn-settings.svg","../src/assets/images/sidebar/zn-icn-scheduler.svg","../src/assets/images/sidebar/zn-icn-submission.svg","../src/assets/images/sidebar/zn-icn-onboarding.svg","../src/assets/images/sidebar/zn-icn-timesheet.svg","../src/assets/images/sidebar/zn-campaign-sidebar.svg","../src/assets/images/sidebar/zn-icn-inbox.svg","../src/assets/images/sidebar/zn-icn-billing.svg","../src/assets/images/sidebar/zn-icn-payroll.svg","../src/components/layouts/Header.jsx","../src/components/layouts/Sidebar.jsx","../src/components/auth/AuthGuard.jsx","../src/components/auth/RoutePermissionGuard.jsx","../src/components/layouts/AppShell.jsx","../src/components/auth/Login.jsx","../src/services/testingApi.js","../src/components/auth/ProjectSelect.jsx","../src/components/auth/withAuthGuard.jsx","../src/services/adminCoreApi.js","../src/utils/permissionApplicability.js","../src/components/cards/AppCard.jsx","../src/pages/Modules/Admin/components/ModuleFieldConfigEditor.jsx","../src/utils/moduleOptions.js","../src/pages/Modules/Admin/components/RoleFormPermissionsEditor.jsx","../src/pages/Modules/Admin/components/RoleActionsEditor.jsx","../src/components/form/conditionOperators.js","../src/pages/Modules/Admin/uniqueValidationConfig.js","../src/components/admin/OtpGateModal.jsx","../src/pages/Modules/Admin/components/DefaultFieldsPanel.jsx","../src/pages/Modules/Admin/formOptions.js","../src/pages/Modules/Admin/FormGroupsSection.jsx","../src/pages/Modules/Admin/DetailGroupsSection.jsx","../src/services/emailTemplateApi.js","../src/pages/Modules/Admin/RowActionsSection.jsx","../src/pages/Modules/Admin/ModuleActionRulesSection.jsx","../src/pages/Modules/Admin/ActionsSection.jsx","../src/pages/Modules/Admin/TemplatesSection.jsx","../src/pages/Modules/Admin/AiServiceSettingsSection.jsx","../src/pages/Modules/Admin/IntegrationSettingsSection.jsx","../src/pages/Modules/Admin/AutomationsSection.jsx","../src/pages/Modules/Admin/WorkflowsSection.jsx","../src/pages/Modules/Admin/MastersSection.jsx","../src/pages/Modules/Admin/POMsaSettingsSection.jsx","../src/pages/admin/MenusSection.jsx","../src/pages/admin/AdminDashboard.jsx","../src/pages/Modules/AdminPage.jsx","../src/components/auth/CoreThemeAdminApp.jsx","../src/components/popups/mailUtils.js","../src/components/popups/CommonMailComposer.jsx","../src/components/popups/MailPopup.jsx","../src/components/detail/DescriptionBlock.jsx","../src/components/popups/PreviewPopup.jsx","../src/components/popups/WizardPopup.jsx","../src/components/popups/dynamic/PopupHeader.jsx","../src/components/popups/dynamic/PopupBody.jsx","../src/components/popups/dynamic/PopupFooter.jsx","../src/components/popups/dynamic/utils/popupUtils.js","../src/components/popups/dynamic/richSelectOption.jsx","../src/components/popups/dynamic/fieldRegistry.jsx","../src/components/popups/dynamic/PopupFields.jsx","../src/components/popups/dynamic/hooks/usePopupOptions.js","../src/components/popups/dynamic/hooks/usePopupSearch.js","../src/components/popups/dynamic/hooks/usePopupSubmit.js","../src/components/popups/dynamic/DynamicPopup.jsx","../src/components/popups/definitions/delete/config.js","../src/components/popups/definitions/delete/api.js","../src/components/form/inProgressGate.js","../src/components/popups/definitions/quick-submit/api.js","../src/components/popups/definitions/quick-submit/config.js","../src/components/popups/definitions/add-notes/config.js","../src/services/notesApi.js","../src/components/popups/definitions/add-notes/api.js","../src/components/popups/definitions/tag-to-job/config.js","../src/services/workflowApi.js","../src/components/popups/definitions/tag-to-job/api.js","../src/components/popups/definitions/change-status/config.js","../src/components/popups/definitions/change-status/api.js","../src/components/popups/definitions/remove-from-shortlist/config.js","../src/components/popups/definitions/remove-from-shortlist/api.js","../src/components/popups/definitions/add-to-groups/config.js","../src/components/popups/definitions/add-to-groups/api.js","../src/components/popups/definitions/self-assign/SelfAssignBody.jsx","../src/components/popups/definitions/self-assign/config.js","../src/components/popups/definitions/self-assign/api.js","../src/components/popups/definitions/others-assign/config.js","../src/components/popups/definitions/others-assign/api.js","../src/components/popups/definitions/sticky-notes/config.js","../src/components/popups/definitions/sticky-notes/api.js","../src/components/popups/definitions/move-to-onboarding/config.js","../src/components/popups/definitions/move-to-onboarding/api.js","../src/components/popups/definitions/approve-rate/config.js","../src/components/popups/definitions/approve-rate/api.js","../src/services/mailApproveApi.js","../src/components/popups/definitions/manager-approve/ManagerApproveBody.jsx","../src/components/popups/definitions/manager-approve/config.js","../src/components/popups/definitions/manager-approve/api.js","../src/components/popups/definitions/manager-reapprove/ManagerReapproveBody.jsx","../src/components/popups/definitions/manager-reapprove/config.js","../src/components/popups/definitions/manager-reapprove/api.js","../src/components/popups/definitions/reject/config.js","../src/components/popups/definitions/reject/api.js","../src/components/popups/definitions/index.js","../src/components/popups/AddBatchCandidatePopup.jsx","../src/components/popups/dynamic/DynamicPopupRoute.jsx","../src/components/popups/definitions/vendor-share/config.js","../src/components/popups/definitions/vendor-share/api.js","../src/components/popups/VendorShareDrawer.jsx","../src/components/form/validation.js","../src/components/form/forms.jsx","../src/pages/admin/AdminPageWithShell.jsx","../src/components/cards/StatsCards.jsx","../src/pages/Modules/Admin/UsersSection.jsx","../src/pages/Modules/Admin/TeamsSection.jsx","../src/pages/Modules/Admin/components/RolePermPanel.jsx","../src/pages/Modules/Admin/RolesSection.jsx","../src/pages/Modules/Admin/PermissionsPage.jsx","../src/components/cards/OnboardingCard.jsx","../src/pages/Modules/LegacyAdminPage.jsx","../src/pages/stickyNotesFullPage.jsx","../src/pages/BulkUpload/index.jsx","../src/services/dropdownValues/testPageValues.js","../src/pages/TestingPage/test-form.jsx","../src/pages/TestingPage/ZinnextTestForm.jsx","../src/pages/TestingPage/ManageModules.jsx","../src/pages/TestingPage/ManageSubmodules.jsx","../src/pages/TestingPage/ZinnextTableView.jsx","../src/pages/TestingPage/testHomePage.jsx","../src/pages/TestingPage/lms-test-form.jsx","../src/pages/TestingPage/lmsHomePage.jsx","../src/services/mergedListApi.js","../src/services/workflowModuleListApi.js","../src/index.js"],"sourcesContent":["import { apiGetWithAuth, ensureToken } from './authApi';\nimport { AUTH_URL, SUBMISSIONS_URL, JOBS_URL, CANDIDATES_URL } from './apiConfig';\n\nexport async function getJobSummary(startDate, endDate) {\n const params = new URLSearchParams();\n if (startDate) params.set('startDate', startDate);\n if (endDate) params.set('endDate', endDate);\n const query = params.toString();\n return apiGetWithAuth(JOBS_URL, `/job-summary${query ? `?${query}` : ''}`);\n}\n\nexport async function getCandidateSummary(startDate, endDate) {\n const params = new URLSearchParams();\n if (startDate) params.set('startDate', startDate);\n if (endDate) params.set('endDate', endDate);\n const query = params.toString();\n return apiGetWithAuth(CANDIDATES_URL, `/profile-summary${query ? `?${query}` : ''}`);\n}\n\nexport async function getSubmissionSummary(startDate, endDate) {\n const params = new URLSearchParams();\n if (startDate) params.set('startDate', startDate);\n if (endDate) params.set('endDate', endDate);\n const query = params.toString();\n return apiGetWithAuth(SUBMISSIONS_URL, `/profile-summary${query ? `?${query}` : ''}`);\n}\n\nexport async function getDashboardCards(\n moduleName,\n { method = 'POST', params = {}, body = {} } = {}\n) {\n const token = await ensureToken();\n const headers = { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` };\n\n const search = new URLSearchParams({ moduleName });\n Object.entries(params).forEach(([k, v]) => {\n if (v !== undefined && v !== null && v !== '') search.append(k, String(v));\n });\n\n const options = { method, headers };\n if (method === 'POST' || method === 'PUT') {\n options.body = JSON.stringify(body ?? {});\n }\n\n const res = await fetch(`${AUTH_URL}/dashboard/cards?${search.toString()}`, options);\n if (!res.ok) throw new Error(`API ${res.status}: ${res.statusText}`);\n return res.json();\n}\n\nexport async function getDynamicCommonCount(payload = {}) {\n const token = await ensureToken();\n const res = await fetch(`${AUTH_URL}/dynamic-common-count`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },\n body: JSON.stringify(payload),\n });\n if (!res.ok) throw new Error(`API ${res.status}: ${res.statusText}`);\n return res.json();\n}\n\nexport async function getDashboardOnboardingCount(payload, limit = 10, offset = 0) {\n const token = await ensureToken();\n const res = await fetch(\n `${SUBMISSIONS_URL}/dashboard-onboarding-count?offset=${offset}&limit=${limit}`,\n {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },\n body: JSON.stringify(payload),\n }\n );\n const json = await res.json();\n return json.data ?? json;\n}\n\nexport async function getDashboardCalendar(payload = {}) {\n // This used to live on the submissions service; it is served by the auth\n // backend now so the whole dashboard resolves its user scope through one\n // hierarchy. Same request/response shape as before.\n const token = await ensureToken();\n const res = await fetch(`${AUTH_URL}/dashboard-calendar`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },\n body: JSON.stringify(payload),\n });\n if (!res.ok) throw new Error(`API ${res.status}: ${res.statusText}`);\n return res.json();\n}\n\n// The account's users nested by reporting manager, already scoped to what the\n// caller is allowed to see. Shape: { scope, selfUserId, totalCount, users[] }\n// where each user carries { userId, name, email, children[] }.\nexport async function getUserHierarchyTree() {\n return apiGetWithAuth(AUTH_URL, '/users/hierarchy-tree');\n}\n","import { useCallback, useEffect, useState } from \"react\";\nimport {\n Button,\n Card,\n Col,\n Popover,\n Row,\n Spin,\n Typography,\n Tooltip,\n} from \"antd\";\nimport {\n CalendarOutlined,\n LeftOutlined,\n RightOutlined,\n} from \"@ant-design/icons\";\nimport { getDashboardCalendar } from \"../../services/dashboardApi\";\n\nconst { Title, Text } = Typography;\n\nconst DAYS_SUN = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst DAYS_MON = [\"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\"];\n\nconst MONTHS = [\n \"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\n \"July\",\"August\",\"September\",\"October\",\"November\",\"December\",\n];\n\nconst DOT_COLORS = {\n green: \"#22c55e\",\n red: \"#ef4444\",\n orange: \"#f97316\",\n blue: \"#3b82f6\",\n};\n\nfunction resolveColor(color) {\n return DOT_COLORS[color] || color || \"#586888\";\n}\n\nfunction pad(n) {\n return String(n).padStart(2, \"0\");\n}\n\n/**\n * Build a flat array of cell descriptors for a calendar month.\n * startDay: 'Sun' (default, dashboard) | 'Mon' (timesheet / ISO week)\n * Filler cells have { day: null, cur: false }\n * Real cells have { day: , cur: true }\n */\nfunction buildCells(year, month, startDay = \"Sun\") {\n const rawDow = new Date(year, month, 1).getDay(); // 0=Sun … 6=Sat\n const offset = startDay === \"Mon\" ? (rawDow === 0 ? 6 : rawDow - 1) : rawDow;\n const daysInMonth = new Date(year, month + 1, 0).getDate();\n\n const cells = [];\n for (let i = 0; i < offset; i++) cells.push({ day: null, cur: false });\n for (let d = 1; d <= daysInMonth; d++) cells.push({ day: d, cur: true });\n while (cells.length % 7 !== 0) cells.push({ day: null, cur: false });\n return cells;\n}\n\nfunction chunk(arr, size) {\n const out = [];\n for (let i = 0; i < arr.length; i += size) out.push(arr.slice(i, i + size));\n return out;\n}\n\nfunction parseDescription(desc) {\n if (!desc) return { text: \"\", author: null };\n const m = desc.match(/\\n\\s*-\\s*([^\\n]+)\\s*$/);\n if (m) return { text: desc.slice(0, m.index).trim(), author: m[1].trim() };\n return { text: desc.trim(), author: null };\n}\n\nfunction buildEvents(days = []) {\n const map = {};\n days.forEach((day) => {\n map[day.date] = (day.events || []).map((e) => {\n const { text, author } = parseDescription(e.description);\n return { color: e.color, label: e.label, title: e.title, text, author };\n });\n });\n return map;\n}\n\nfunction EventsPopoverContent({ events }) {\n return (\n
\n {events.map((e, i) => (\n \n \n
\n {e.title || e.label}\n {e.text && (\n \n {e.text}\n \n )}\n {e.author && (\n \n — {e.author}\n \n )}\n
\n
\n ))}\n \n );\n}\n\n/**\n * CalendarCard — dual-mode calendar component following the same isControlled\n * pattern as ListView.\n *\n * ── DASHBOARD / AUTO MODE (default — no config props needed) ─────────────────\n * \n * Fetches data via getDashboardCalendar(), renders coloured event dots + popover.\n *\n * ── CONTROLLED / CONFIG MODE (pass any of the config props) ─────────────────\n * JSX; replaces dot render\n * onDayClick={fn} // (dateKey, dayObj) => void; replaces internal popover\n * headerExtra={} // controls injected into card header (beside the month label)\n * legend={[{label,color,icon}]} // overrides API-returned legend\n * readonly={false} // disables cell interaction\n * className=\"my-class\" // extra CSS class on the Card wrapper\n * monthLabel=\"Jan 2026\" // overrides auto-computed month label\n * onPrevMonth={fn} // external prev-month handler (replaces internal state)\n * onNextMonth={fn} // external next-month handler\n * />\n *\n * Controlled mode is detected when `days` is not undefined OR `renderDayContent`\n * or `onDayClick` is provided — same isControlled pattern as ListView.\n */\nexport default function CalendarCard({\n // ── dashboard (auto) props ──────────────────────────────────────────────────\n userIds = [],\n\n // ── config / controlled props ───────────────────────────────────────────────\n days = undefined, // external day array → skips internal fetch\n startDay = \"Sun\", // 'Sun' | 'Mon'\n renderDayContent = undefined, // (dateKey, dayObj) => JSX\n onDayClick = undefined, // (dateKey, dayObj) => void\n headerExtra = undefined, // JSX injected in header (next to the month label)\n legend = undefined, // override legend; [{label, color, icon}]\n readonly = false,\n className = \"\",\n monthLabel = undefined, // override displayed month+year label\n year = undefined, // controlled grid year (use with `month`)\n month = undefined, // controlled grid month 1-12 (use with `year`)\n onPrevMonth = undefined, // external nav handler\n onNextMonth = undefined,\n prevDisabled = false, // grey out + disable the Previous month button\n nextDisabled = false, // grey out + disable the Next month button\n}) {\n // isControlled: any config prop signals controlled mode (no internal fetch)\n const isControlled = days !== undefined || renderDayContent !== undefined || onDayClick !== undefined;\n\n const today = new Date();\n const [internalView, setInternalView] = useState({ year: today.getFullYear(), month: today.getMonth() });\n // When the caller drives the month (year + month provided), the grid MUST follow\n // it so the generated date-keys (e.g. \"2026-06-01\") match the `days` data. Without\n // this the grid stays on the current month and every cell renders \"No log\".\n const view = (year != null && month != null)\n ? { year: Number(year), month: Number(month) - 1 }\n : internalView;\n const [events, setEvents] = useState({});\n const [apiLegend, setApiLegend] = useState([]);\n const [loading, setLoading] = useState(false);\n const [activePopover, setActivePopover] = useState(null);\n\n const userKey = JSON.stringify(userIds);\n const DAYS = startDay === \"Mon\" ? DAYS_MON : DAYS_SUN;\n\n // ── Internal data fetch (dashboard / auto mode only) ────────────────────────\n const fetchData = useCallback(async () => {\n setLoading(true);\n try {\n const res = await getDashboardCalendar({ userIds });\n if (res?.status && res?.data) {\n setApiLegend(res.data.legend || []);\n setEvents(buildEvents(res.data.days || []));\n } else {\n setApiLegend([]);\n setEvents({});\n }\n } catch (err) {\n console.error(\"CalendarCard fetch error:\", err);\n } finally {\n setLoading(false);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [userKey]);\n\n useEffect(() => {\n if (isControlled) return; // skip when caller manages data\n fetchData();\n }, [isControlled, fetchData]);\n\n useEffect(() => {\n window.addEventListener(\"dashboard-calendar:refresh\", fetchData);\n return () => window.removeEventListener(\"dashboard-calendar:refresh\", fetchData);\n }, [fetchData]);\n\n // ── Navigation ──────────────────────────────────────────────────────────────\n const handlePrev = onPrevMonth ?? (() =>\n setInternalView((v) => v.month === 0 ? { year: v.year - 1, month: 11 } : { ...v, month: v.month - 1 })\n );\n const handleNext = onNextMonth ?? (() =>\n setInternalView((v) => v.month === 11 ? { year: v.year + 1, month: 0 } : { ...v, month: v.month + 1 })\n );\n\n // ── Grid ────────────────────────────────────────────────────────────────────\n const cells = buildCells(view.year, view.month, startDay);\n const weeks = chunk(cells, 7);\n\n // Build dateKey → dayObj lookup from the external days array (controlled mode)\n const externalDayMap = {};\n if (days !== undefined) {\n (days || []).forEach((d) => { if (d?.date) externalDayMap[d.date] = d; });\n }\n\n const displayLegend = legend ?? apiLegend;\n const displayLabel = monthLabel ?? `${MONTHS[view.month]} ${view.year}`;\n\n return (\n \n \n {displayLabel}\n {/* headerExtra sits beside the month label, not the nav buttons — the\n only current consumer (Timesheet's Select/Quick Log controls) reads\n as part of \"what month am I acting on\", not calendar navigation. */}\n {headerExtra}\n \n }\n extra={\n
\n \n
\n }\n >\n \n {/* Day-name header row */}\n \n {DAYS.map((d) => (\n {d}\n ))}\n \n\n {/* Calendar grid — one Row per week */}\n
\n {weeks.map((week, wi) => (\n \n {week.map((cell, ci) => {\n // ── Filler cell (prev/next month overflow) ─────────────────\n if (!cell.cur || cell.day === null) {\n return (\n \n
\n \n );\n }\n\n const dateKey = `${view.year}-${pad(view.month + 1)}-${pad(cell.day)}`;\n const isToday =\n cell.day === today.getDate() &&\n view.month === today.getMonth() &&\n view.year === today.getFullYear();\n\n // ── Controlled mode: delegate cell content to renderDayContent ─\n if (isControlled) {\n const dayObj = externalDayMap[dateKey] ?? null;\n\n // If caller provides a full custom renderer, render it directly\n // in the Col without an extra wrapper (lets TimesheetDayCell\n // be the outermost element — same pattern as field.render in ListView)\n if (renderDayContent) {\n return (\n \n {renderDayContent(dateKey, dayObj, { isToday, readonly })}\n \n );\n }\n\n // Caller provided onDayClick but no custom renderer — show date\n // number in a clickable cell\n return (\n \n !readonly && onDayClick?.(dateKey, dayObj)}\n style={{ cursor: readonly ? \"default\" : \"pointer\" }}\n >\n
\n {cell.day}\n
\n
\n \n );\n }\n\n // ── Dashboard / auto mode: dots + popover ─────────────────\n const dayEvents = events[dateKey] || [];\n const dotColors = [...new Set(dayEvents.map((e) => e.color))].slice(0, 3);\n\n return (\n \n
\n
\n {cell.day}\n {dayEvents.length > 0 && (\n }\n placement=\"topRight\"\n destroyTooltipOnHide\n onOpenChange={(visible) =>\n setActivePopover(visible ? dateKey : null)\n }\n >\n
\n {dotColors.map((color, j) => (\n \n ))}\n
\n \n )}\n
\n
\n \n );\n })}\n \n ))}\n
\n\n {/* Legend */}\n {displayLegend.length > 0 && (\n
\n {displayLegend.map(({ label, color, icon }) => (\n
\n {icon\n ? {icon}\n : \n }\n {label}\n
\n ))}\n
\n )}\n \n \n );\n}\n","import { Space, Tabs, Badge } from 'antd';\n\nfunction hasCount(count) {\n return count !== null && count !== undefined;\n}\n\nfunction capitalizeFirstLetter(value) {\n const label = String(value);\n\n return label.charAt(0).toUpperCase() + label.slice(1);\n}\n\nfunction normalizeTab(tab, index) {\n if (!tab || typeof tab !== 'object') return null;\n\n const key = tab.key ?? tab.value ?? tab.id ?? String(index);\n const title = tab.title ?? tab.tabTitle ?? tab.label ?? tab.name;\n const count = tab.count ?? tab.countValue;\n\n if (!key || !title) return null;\n\n return {\n ...tab,\n key: String(key),\n label: (\n \n {capitalizeFirstLetter(title)}\n {hasCount(count) && (\n \n )}\n \n ),\n };\n}\n\nexport default function DynamicTabs({\n tabs = [],\n activeKey,\n onChange,\n className,\n extra,\n}) {\n const items = tabs\n .map(normalizeTab)\n .filter(Boolean);\n\n if (!items.length) return null;\n\n const selectedKey = items.some((tab) => tab.key === activeKey)\n ? activeKey\n : items[0].key;\n\n return (\n \n );\n}\n","import { fetchJsonWithAuth, apiGetWithAuth } from './authApi';\nimport { AUTH_URL, CANDIDATES_URL, JOBS_URL, SUBMISSIONS_URL } from './apiConfig';\n\nfunction getTenantContext() {\n return {\n tenantId: localStorage.getItem('tenantId') || '',\n businessId: localStorage.getItem('businessId') || '',\n businessUnitId: localStorage.getItem('businessUnitId') || '',\n };\n}\n\nfunction getUserId() {\n return Number(localStorage.getItem('userId')) || 0;\n}\n\nconst unwrap = (json) => json?.data ?? json;\n\n// Assigned-user rows arrive from several Jobs endpoints in different shapes.\n// Some carry a recruiterName, some only first_name, and older records may carry\n// nothing but the numeric legacy user id. Resolve that id through Auth so both\n// Self Assign and Assign to Others show a person's name rather than an opaque\n// number. Requests are cached because both popups can ask for the same people.\nconst assignedUserNameCache = new Map();\n\nfunction assignedUserId(user) {\n return user?.recruiterId\n ?? user?.legacyUserId\n ?? user?.user_id\n ?? user?.userId\n ?? user?.USER_ID\n ?? user?.id\n ?? user?._id;\n}\n\nfunction assignedUserDisplayName(user) {\n if (!user || typeof user !== 'object') return '';\n const firstName = user.first_name ?? user.firstName ?? user.FIRST_NAME;\n const lastName = user.last_name ?? user.lastName ?? user.LAST_NAME;\n return [firstName, lastName].filter(Boolean).join(' ').trim()\n || user.recruiterName\n || user.name\n || user.user_name\n || user.userName\n || user.USER_NAME\n || user.email\n || '';\n}\n\nasync function fetchAssignedUserName(userId) {\n const key = String(userId ?? '').trim();\n if (!key) return '';\n if (!assignedUserNameCache.has(key)) {\n assignedUserNameCache.set(key,\n fetchJsonWithAuth(AUTH_URL, `/get-detailed-view?userId=${encodeURIComponent(key)}`)\n .then((json) => assignedUserDisplayName(json?.data ?? json ?? null))\n .catch(() => ''),\n );\n }\n return assignedUserNameCache.get(key);\n}\n\n// ── The user directory ───────────────────────────────────────────────────────\n// One fetch of everyone, indexed by EVERY id shape a job row might carry.\n//\n// The per-id lookup above answers only \"what is this person called\". Assigned\n// people are also shown with their ROLE and REPORTING MANAGER (the Self Assign\n// \"Team Members Allocated\" table), and nothing was ever populating those — so\n// both columns rendered \"-\" on every row, for every job. The directory carries\n// all three, so one request answers the whole table instead of N requests\n// answering a third of it.\n//\n// Cached for the session: the same people appear across Self Assign, Assign to\n// Others, and repeated opens of both.\nlet userDirectoryPromise = null;\n\nfunction indexUserDirectory(rows) {\n const byId = new Map();\n (Array.isArray(rows) ? rows : []).forEach((row) => {\n const entry = {\n name: assignedUserDisplayName(row),\n role_name: row?.roleName ?? row?.role_name ?? '',\n reporting_name: row?.reportingName ?? row?.reporting_name ?? '',\n };\n // A job stores whichever id its era used, so index them all rather than\n // guessing which one this deployment writes.\n [row?.userId, row?.user_id, row?.legacyUserId, row?.id, row?._id].forEach((id) => {\n const key = String(id ?? '').trim();\n if (key) byId.set(key, entry);\n });\n });\n return byId;\n}\n\nfunction fetchUserDirectory() {\n if (!userDirectoryPromise) {\n userDirectoryPromise = fetchJsonWithAuth(AUTH_URL, '/get-all-users?limit=500&offset=0')\n .then((json) => {\n const payload = json?.data ?? json ?? {};\n return indexUserDirectory(payload.users ?? payload ?? []);\n })\n // Best effort: a directory that will not load must not stop the popup —\n // rows fall back to whatever the job row itself carries.\n .catch(() => new Map());\n }\n return userDirectoryPromise;\n}\n\nasync function enrichAssignedUser(user) {\n const id = assignedUserId(user);\n const directory = await fetchUserDirectory();\n const entry = directory.get(String(id ?? '').trim()) ?? {};\n // Precedence matters and is easy to get backwards: a CURRENT name must beat\n // the one the job stored, because a person who has since been renamed should\n // not keep appearing under their old name. So it is bulk directory → per-id\n // lookup → whatever the job row carried (deleted user / directory down).\n const name = entry.name || (await fetchAssignedUserName(id)) || assignedUserDisplayName(user);\n return {\n ...user,\n name,\n role_name: entry.role_name || user?.role_name || user?.roleName || '',\n reporting_name: entry.reporting_name || user?.reporting_name || user?.reportingName || '',\n };\n}\n\n// ── Change Status ────────────────────────────────────────────────────────────\n\nexport async function changeModuleStatus(module, ids, status) {\n const json = await fetchJsonWithAuth(AUTH_URL, '/module-data-update', {\n method: 'PUT',\n body: JSON.stringify({ module, ids, updates: { status } }),\n });\n return unwrap(json);\n}\n\n// ── Delete ───────────────────────────────────────────────────────────────────\n\n// One common delete for EVERY module — the same DB-driven gateway that already\n// serves add/edit. The gateway is storage-aware: it soft-deletes a mongo-storage\n// module in place, or proxies to a proxy-module's downstream delete endpoint\n// (jobs/candidates/…) using that module's configured gateway.deletePath — so\n// there is no hardcoded per-module routing here anymore. Role gating is handled\n// upstream by the action's delete permission (canDelete) before this runs.\nexport async function deleteModuleRecords(module, ids) {\n const list = Array.isArray(ids) ? ids : [ids];\n const results = await Promise.all(\n list\n .filter(Boolean)\n .map((id) =>\n fetchJsonWithAuth(\n AUTH_URL,\n `/module/delete/${encodeURIComponent(id)}?module=${encodeURIComponent(module)}`,\n { method: 'DELETE' },\n ),\n ),\n );\n return results[results.length - 1] ?? {};\n}\n\n// ── Job search (shared by quick-submit and tag-to-job) ───────────────────────\n\nexport async function searchJobs(searchQuery) {\n const json = await fetchJsonWithAuth(JOBS_URL, '/joblist', {\n method: 'POST',\n body: JSON.stringify({\n ...getTenantContext(),\n searchQuery,\n userId: getUserId(),\n }),\n });\n return unwrap(json);\n}\n\n// ── Quick Submit ─────────────────────────────────────────────────────────────\n\nexport async function searchCandidatesForSubmit(jobId, search = '') {\n const json = await fetchJsonWithAuth(CANDIDATES_URL, '/quicksubmit/list', {\n method: 'POST',\n body: JSON.stringify({ jobId, search }),\n });\n return unwrap(json);\n}\n\nexport async function quickSubmitCandidate({ jobId, candidateId }) {\n const json = await fetchJsonWithAuth(SUBMISSIONS_URL, '/review', {\n method: 'POST',\n body: JSON.stringify({\n ...getTenantContext(),\n jobId,\n candidateId: Array.isArray(candidateId) ? candidateId : [candidateId],\n }),\n });\n return unwrap(json);\n}\n\n// ── Add Notes & Share ─────────────────────────────────────────────────────────\n\nexport async function getMentionUsers(search = '') {\n const params = search ? `?search=${encodeURIComponent(search)}` : '';\n return apiGetWithAuth(JOBS_URL, `/users/any${params}`);\n}\n\n// Note: `mentionedUsers` (usernames parsed out of the '@mention' text) is\n// intentionally not sent — the backend's NotesMaster.receiver field is a\n// single numeric user id, not a list of usernames, so forwarding it always\n// fails unmarshaling (\"cannot unmarshal string into ... of type int\").\nexport async function addStickyNote({ relatedIds, module, title, targetDate, notes }) {\n return fetchJsonWithAuth(JOBS_URL, '/notes', {\n method: 'POST',\n body: JSON.stringify({\n schemaVersion: 1,\n ...getTenantContext(),\n title,\n notes,\n notesFor: module || 'general',\n // The backend expects an ObjectID or null here, not an empty array —\n // a plain dashboard note (no selected row) has nothing to relate to.\n notesRelatedId: Array.isArray(relatedIds) && relatedIds.length ? relatedIds : null,\n // An empty-string reminder time fails backend time parsing — omit the\n // whole object (like a null target date) instead of sending \"\".\n reminder: targetDate ? { type: 'single', time: targetDate, interval: '' } : null,\n targetDate: targetDate || null,\n }),\n });\n}\n\n// PUT /notes/{id} → update an existing sticky note's title/notes/reminder.\nexport async function updateStickyNote(noteId, { title, targetDate, notes }) {\n return fetchJsonWithAuth(JOBS_URL, `/notes/${encodeURIComponent(noteId)}`, {\n method: 'PUT',\n body: JSON.stringify({\n title,\n notes,\n reminder: targetDate ? { type: 'single', time: targetDate, interval: '' } : null,\n targetDate: targetDate || null,\n }),\n });\n}\n\n// PUT /notes/{id}/resolve → mark a sticky note resolved.\nexport async function resolveStickyNote(noteId) {\n return fetchJsonWithAuth(JOBS_URL, `/notes/${encodeURIComponent(noteId)}/resolve`, {\n method: 'PUT',\n });\n}\n\n// ── Tag to Job ────────────────────────────────────────────────────────────────\n\nexport async function tagCandidatesToJob({ jobId, candidateIds, hiringStage }) {\n return fetchJsonWithAuth(JOBS_URL, '/source/hiringStgUpdate', {\n method: 'PUT',\n body: JSON.stringify({\n ...getTenantContext(),\n multiJobId: Array.isArray(jobId) ? jobId : [jobId],\n applicantId: Array.isArray(candidateIds) ? candidateIds : [candidateIds],\n updateStatus: String(hiringStage ?? '').toLowerCase(),\n updateStatusType: 'call',\n responseType: 'responded',\n hiriringStatusChangeType: 'tagToJobs',\n comments: '',\n userId: getUserId(),\n }),\n });\n}\n\n// ── Add to Groups ─────────────────────────────────────────────────────────────\n\nexport async function getCandidateGroups() {\n const json = await fetchJsonWithAuth(\n AUTH_URL,\n '/masters/dropdown?masterName=candidateGroups&offset=0&limit=50',\n );\n return unwrap(json);\n}\n\nexport async function addCandidatesToGroup({ candidateIds, groupId, groupName }) {\n const json = await fetchJsonWithAuth(CANDIDATES_URL, '/actions/update-group', {\n method: 'PUT',\n body: JSON.stringify({ candidateIds, groupId, groupName }),\n });\n return unwrap(json);\n}\n\n// ── Self Assign ───────────────────────────────────────────────────────────────\n\nexport async function selfAssignJob({ jobIds, rate, priority }) {\n return fetchJsonWithAuth(JOBS_URL, '/assign?type=self', {\n method: 'PUT',\n body: JSON.stringify({\n multiJobId: Array.isArray(jobIds) ? jobIds : [jobIds],\n userId: getUserId(),\n schemaVersion: 1,\n ...getTenantContext(),\n // jobPayDetails: rate ?? {},\n priority: priority != null ? String(priority) : \"false\",\n priorityFrom: null,\n recruitersData: [],\n }),\n });\n}\n\n// Self-assign confirmation info — the same GET /self-assign the old Jobs\n// SelfAssignPopup used to decide between \"Are you sure?\" and the \"Team Members\n// Allocated\" table. Returns { assignedUsers, totalSubmissions, targetSubmissions,\n// message } with the API envelope's `message` preserved (apiGetWithAuth would\n// drop it by unwrapping `.data`, so this reads the raw envelope). When a job has\n// no submissions the backend returns `data: []` + the confirmation message.\nexport async function getSelfAssignInfo(jobId) {\n if (!jobId) return { assignedUsers: [], totalSubmissions: 0, targetSubmissions: 0, message: '' };\n const json = await fetchJsonWithAuth(JOBS_URL, `/self-assign?jobId=${encodeURIComponent(jobId)}`);\n const data = json?.data;\n const message = json?.message ?? '';\n if (Array.isArray(data)) {\n const assignedUsers = await Promise.all(data.map(enrichAssignedUser));\n return { assignedUsers, totalSubmissions: 0, targetSubmissions: 0, message };\n }\n if (!data || typeof data !== 'object') {\n return { assignedUsers: [], totalSubmissions: 0, targetSubmissions: 0, message };\n }\n const assignedUsers = await Promise.all(\n (Array.isArray(data.assignedUsers) ? data.assignedUsers : []).map(enrichAssignedUser),\n );\n return {\n assignedUsers,\n totalSubmissions: data.totalSubmissions ?? 0,\n targetSubmissions: data.targetSubmissions ?? 0,\n message,\n };\n}\n\n// ── Others Assign ─────────────────────────────────────────────────────────────\n\nexport function normalizeAssignableUser(user) {\n const rawId = user?.user_id\n ?? user?.userId\n ?? user?.USER_ID\n ?? user?.legacyUserId\n ?? user?.id\n ?? user?._id;\n const value = rawId === undefined || rawId === null ? '' : String(rawId).trim();\n if (!value) return null;\n\n const fullName = [user?.first_name ?? user?.firstName, user?.last_name ?? user?.lastName]\n .filter(Boolean)\n .join(' ')\n .trim();\n const label = user?.name\n || user?.user_name\n || user?.userName\n || user?.USER_NAME\n || fullName\n || user?.email\n || value;\n\n return { ...user, label: String(label), value };\n}\n\nexport async function getAssignableUsers() {\n const data = await apiGetWithAuth(JOBS_URL, '/users/manager');\n const users = Array.isArray(data) ? data : (data ? [data] : []);\n return users.map(normalizeAssignableUser).filter(Boolean);\n}\n\n// Already-assigned recruiters for the others-assign popup. The old Jobs\n// AssignPopup sourced this from GET /pay-details/{id} (job.recruiters), which\n// reliably returns the assigned recruiters regardless of submission count —\n// unlike /self-assign, whose `assignedUsers` only appears once a job has\n// submissions. Normalizes into `recruitersData` [{ recruiterId, id, user_id,\n// name }] so both PopupFields (reads user_id/id + name) and\n// buildOtherAssignmentPayload (reads recruiterId) work off one shape.\nexport async function getJobAssignedRecruiters(jobId) {\n if (!jobId) return { recruitersData: [] };\n const data = await apiGetWithAuth(JOBS_URL, `/pay-details/${encodeURIComponent(jobId)}`);\n const recruiters = data && typeof data === 'object' && Array.isArray(data.recruiters)\n ? data.recruiters\n : [];\n const recruitersData = (await Promise.all(recruiters\n .map(async (r) => {\n const id = r?.recruiterId ?? r?.user_id ?? r?.userId ?? r?.id;\n if (id === undefined || id === null || id === '') return null;\n // ALWAYS enrich, even when the row already carries a name. Skipping\n // enrichment for named rows is what left Role and Reporting blank on\n // every \"Team Members Allocated\" row: the job stores a name but never a\n // role or a reporting manager, so the columns had nothing to render and\n // showed \"-\". The directory is fetched once and cached, so enriching\n // every row costs the same as enriching one.\n const enriched = await enrichAssignedUser({ ...r, recruiterId: id });\n return {\n recruiterId: id,\n id,\n user_id: id,\n name: enriched.name,\n role_name: enriched.role_name ?? enriched.roleName ?? '',\n reporting_name: enriched.reporting_name ?? enriched.reportingName ?? '',\n };\n })))\n .filter(Boolean);\n return { ...(data && typeof data === 'object' ? data : {}), recruitersData };\n}\n\nexport function toAssignmentUserId(userId) {\n const numericUserId = Number(userId);\n if (!Number.isInteger(numericUserId) || numericUserId <= 0) {\n throw new Error('A valid user must be selected before assigning the job');\n }\n return numericUserId;\n}\n\nfunction toRecruiterId(recruiter) {\n const rawId = typeof recruiter === 'object'\n ? recruiter?.recruiterId ?? recruiter?.user_id ?? recruiter?.userId ?? recruiter?.id\n : recruiter;\n const id = Number(rawId);\n return Number.isInteger(id) && id > 0 ? id : null;\n}\n\nexport function buildOtherAssignmentPayload({\n jobIds,\n userId,\n rate,\n priority,\n removedIds,\n existingRecruiters,\n}) {\n const removed = new Set((removedIds ?? []).map(String));\n const existing = (existingRecruiters ?? [])\n .map(toRecruiterId)\n .filter((id) => id !== null && !removed.has(String(id)));\n\n // userId may now be an ARRAY (multi-select \"Assign to\") or a single value.\n // Every selected recruiter is folded into recruitersData — the backend's\n // ResolveAssignmentRecruiterIDs unions userId + recruitersData, so putting them\n // all here assigns everyone at once. userId keeps the first selected for the\n // single-value field / notifications.\n const selected = (Array.isArray(userId) ? userId : [userId])\n .map(toRecruiterId)\n .filter((id) => id !== null);\n // A removal-only submit is legitimate — the user took somebody off the job\n // and added nobody. This used to throw, which (together with the popup's\n // disabled OK button) made removal impossible to save at all. assignJobToOthers\n // only calls this when there IS something to add, so reaching here with an\n // empty selection means a genuinely empty request.\n if (selected.length === 0) {\n throw new Error('A valid user must be selected before assigning the job');\n }\n\n const recruitersData = Array.from(new Set([...existing, ...selected]));\n\n return {\n multiJobId: Array.isArray(jobIds) ? jobIds : [jobIds],\n userId: selected[0],\n schemaVersion: 1,\n ...getTenantContext(),\n // jobPayDetails: rate ?? {},\n priority: String(priority ?? false),\n priorityFrom: '',\n recruitersData,\n };\n}\n\n// removeJobRecruiters — takes recruiters OFF a job.\n//\n// The Jobs service's PUT /assign?type=other cannot do this. Proven against the\n// live service: it MERGES `recruitersData` into the job's existing recruiters\n// (send [14,149,145] for a job holding [14,149,145,74] and 74 survives), and it\n// rejects a userId that is already assigned (\"Job Already Assigned is\n// recruiter\"). No payload shape expresses a removal, and that service's source\n// is not in this repo.\n//\n// The Be_Auth gateway CAN: PATCH /module/update/{id} writes the `recruiters`\n// array verbatim — a true replace — and the jobs-assign platform workflows\n// recompute `assignedUserIds` (assignee + reporting chain) off it afterwards,\n// so My Jobs stays correct without any extra call.\n//\n// The remaining recruiters are taken from the job RECORD, not rebuilt from the\n// popup's rows: the popup only carries {recruiterId, name}, so reconstructing\n// the array here would silently drop each survivor's email and assignedDateTime.\nasync function removeJobRecruiters(jobIds, removedIds) {\n const removed = new Set((removedIds ?? []).map(String));\n if (!removed.size) return;\n\n await Promise.all((jobIds ?? []).map(async (jobId) => {\n const listed = await fetchJsonWithAuth(\n AUTH_URL,\n `/module/list?module=jobs&id=${encodeURIComponent(jobId)}`,\n );\n const payload = listed?.data?.data ?? listed?.data ?? listed;\n const record = Array.isArray(payload) ? payload[0] : payload;\n const current = Array.isArray(record?.recruiters) ? record.recruiters : [];\n const kept = current.filter((r) => !removed.has(String(toRecruiterId(r) ?? '')));\n // Nothing actually matched — don't issue a write that would rewrite the\n // array to itself and stamp a spurious audit entry.\n if (kept.length === current.length) return;\n await fetchJsonWithAuth(AUTH_URL, `/module/update/${encodeURIComponent(jobId)}?module=jobs`, {\n method: 'PATCH',\n body: JSON.stringify({ recruiters: kept }),\n });\n }));\n}\n\nexport async function assignJobToOthers(params) {\n const jobIds = Array.isArray(params?.jobIds) ? params.jobIds : [params?.jobIds].filter(Boolean);\n const removedIds = params?.removedIds ?? [];\n const selected = (Array.isArray(params?.userId) ? params.userId : [params?.userId])\n .map(toRecruiterId)\n .filter((id) => id !== null);\n\n // ADDITIONS go through the Jobs service so its side effects (assignment\n // notifications, recruiter records) still happen. Only run it when there is\n // something to add: it errors on an already-assigned user, so a removal-only\n // submit must not touch it.\n let result;\n if (selected.length > 0) {\n result = await fetchJsonWithAuth(JOBS_URL, '/assign?type=other', {\n method: 'PUT',\n body: JSON.stringify(buildOtherAssignmentPayload(params)),\n });\n }\n\n // REMOVALS afterwards, so the authoritative final list is written last and\n // the add call's merge cannot resurrect somebody the user just took off.\n await removeJobRecruiters(jobIds, removedIds);\n return result;\n}\n\n// ── Move to Onboarding ────────────────────────────────────────────────────────\n\nexport async function moveToOnboarding({ submissionId, isMail = false }) {\n const json = await fetchJsonWithAuth(AUTH_URL, '/submissions/move-to-onboarding', {\n method: 'POST',\n body: JSON.stringify({ submissionId, isMail: !!isMail }),\n });\n return unwrap(json);\n}\n\n// ── Approve Rate ──────────────────────────────────────────────────────────────\n\nexport async function approveSubmission(submissionId, payload) {\n const json = await fetchJsonWithAuth(AUTH_URL, '/submissions/approve', {\n method: 'POST',\n body: JSON.stringify({ submissionId, ...payload }),\n });\n return unwrap(json);\n}\n\nexport async function getVMSApprove(submissionId) {\n const json = await fetchJsonWithAuth(\n AUTH_URL,\n `/submissions/vms-approve?submissionId=${encodeURIComponent(submissionId)}`,\n );\n return unwrap(json);\n}\n\n// sendSubmissionForCfoApproval — re-submits a workforce engagement to the CFO\n// (POST SUBMISSIONS_URL /workforce-engagements/{id}/cfo-approval/send), the\n// same endpoint the Onboarding page's \"Send for Approval\" uses. Used by the\n// submission-manager Re-Approve popup after a CFO rejection: the manager fixes\n// the proposed rate and re-sends it for CFO review. billRate = proposed rate,\n// payRate = employer/candidate-accepted rate. The backend requires\n// proposedRate, candidateRate and a valid approvalUrl.\n// `rateUnit` is the unit the recruiter actually chose, resolved by the finance\n// engine off the submission (falling back to the job's). It used to be hardcoded\n// to 'hr' here, which meant a monthly/yearly engagement was sent to the CFO\n// described as hourly — the rate NUMBER was right and its unit was wrong, so the\n// request read as a wildly different amount of money. Defaulted to 'hr' so\n// existing callers that don't pass it keep their previous behaviour.\nexport async function sendSubmissionForCfoApproval(engagementId, {\n submissionId = '',\n billRate, payRate, currency = '$', rateUnit = 'hr', referralId, referralRate, referralType, referralEnabled, vmsPercent = 0, documentIds = [], remarks = null,\n} = {}) {\n const targetPath = engagementId\n ? `/workforce-engagements/${encodeURIComponent(engagementId)}/cfo-approval/send`\n : `/submissions/${encodeURIComponent(submissionId)}/cfo-approval/send`;\n if (!engagementId && !submissionId) {\n throw new Error('Submission is required to send for approval.');\n }\n const origin = typeof window !== 'undefined' ? window.location.origin : '';\n const approvalTargetId = engagementId || submissionId;\n const json = await fetchJsonWithAuth(\n SUBMISSIONS_URL,\n targetPath,\n {\n method: 'POST',\n body: JSON.stringify({\n proposedRate: {\n candidateProposedRate: Number(billRate) || 0,\n candidateProposedRateCurrency: currency,\n candidateProposedRateCurrencySymbol: '',\n candidateProposedRateUnit: rateUnit,\n },\n candidateRate: {\n candidateAcceptedRate: Number(payRate) || 0,\n candidateAcceptedCurrency: currency,\n candidateAcceptedCurrencySymbol: '',\n candidateAcceptedPayUnit: rateUnit,\n candidateAcceptedRateNegotiable: false,\n },\n // Omit referralRate during manager re-approval unless the caller\n // intentionally supplies it. Sending 0 would erase the referral\n // entered earlier by the onboarding team.\n ...(referralId !== undefined && referralId !== null && referralId !== ''\n ? { referralId }\n : {}),\n ...(referralRate !== undefined && referralRate !== null\n ? { referralRate: Number(referralRate) || 0 }\n : {}),\n ...(referralType !== undefined && referralType !== null && referralType !== ''\n ? { referralType }\n : {}),\n ...(referralEnabled !== undefined && referralEnabled !== null\n ? { referralEnabled: Boolean(referralEnabled) }\n : {}),\n vmsPercent: Number(vmsPercent) || 0,\n documentIds,\n remarks,\n approvalUrl: `${origin}/cfo-approval/${encodeURIComponent(approvalTargetId)}`,\n }),\n },\n );\n return unwrap(json);\n}\n\n// ── Reject ────────────────────────────────────────────────────────────────────\n\nexport async function rejectSubmission({ submissionId, rejectReasonId, rejectReason, rejectReasonComments }) {\n const json = await fetchJsonWithAuth(AUTH_URL, '/submissions/reject', {\n method: 'POST',\n body: JSON.stringify({ submissionId, rejectReasonId, rejectReason, rejectReasonComments }),\n });\n return unwrap(json);\n}\n\n// Reports whether a candidate already has a (non-deleted) submission for a job,\n// so Quick Submit can block a duplicate before starting a fresh submission.\n// Returns { exists, submissionId? }.\nexport async function checkSubmissionExists({ jobId, applicantId }) {\n const params = new URLSearchParams({ jobId: String(jobId ?? ''), applicantId: String(applicantId ?? '') });\n const json = await fetchJsonWithAuth(AUTH_URL, `/submissions/exists?${params.toString()}`);\n return unwrap(json) ?? { exists: false };\n}\n\n// Quick Submit dropdown searches, served by the Auth gateway. Unlike the\n// Jobs/Candidates microservice list endpoints — which scope results to the\n// LOGGED-IN USER (jobs: only where the user is a hiringProgress recruiter;\n// candidates: only createdBy the user unless the role has view-all) and so\n// return NOTHING for any other user — these are tenant-scoped, so every user\n// of the tenant can search its jobs and candidates. Each row also carries\n// disable/alreadySubmitted/submissionId so duplicates are flagged in the same\n// round trip.\nexport async function searchQuickSubmitJobs({ searchQuery, candidateId }) {\n const json = await fetchJsonWithAuth(AUTH_URL, '/quick-submit/job-search', {\n method: 'POST',\n body: JSON.stringify({ searchQuery: searchQuery ?? '', candidateId: candidateId ? String(candidateId) : '' }),\n });\n const list = unwrap(json);\n return Array.isArray(list) ? list : [];\n}\n\nexport async function searchQuickSubmitCandidates({ search, jobId }) {\n const json = await fetchJsonWithAuth(AUTH_URL, '/quick-submit/candidate-search', {\n method: 'POST',\n body: JSON.stringify({ search: search ?? '', jobId: jobId ? String(jobId) : '' }),\n });\n const list = unwrap(json);\n return Array.isArray(list) ? list : [];\n}\n\n// Batched form of checkSubmissionExists: given one anchor id and the list of\n// ids on the other side, returns which pairs already have a submission. Used to\n// mark/disable already-submitted rows in the Quick Submit dropdowns (both\n// directions) BEFORE the user picks one.\n//\n// Pass either { jobId, applicantIds } or { applicantId, jobIds }.\n// Returns a Map keyed by the *other* side's id → { submissionId, submittedAt }.\nexport async function checkSubmissionsExistBulk({ jobId, applicantId, jobIds, applicantIds }) {\n const anchoredOnJob = !!jobId;\n const body = {};\n if (jobId) body.jobId = String(jobId);\n if (applicantId) body.applicantId = String(applicantId);\n if (Array.isArray(jobIds)) body.jobIds = jobIds.filter(Boolean).map(String);\n if (Array.isArray(applicantIds)) body.applicantIds = applicantIds.filter(Boolean).map(String);\n\n const otherIds = anchoredOnJob ? body.applicantIds : body.jobIds;\n if (!otherIds?.length) return new Map();\n\n const json = await fetchJsonWithAuth(AUTH_URL, '/submissions/exists-bulk', {\n method: 'POST',\n body: JSON.stringify(body),\n });\n const pairs = unwrap(json)?.pairs ?? [];\n return new Map(\n pairs.map((pair) => [\n String(anchoredOnJob ? pair.applicantId : pair.jobId),\n { submissionId: pair.submissionId ?? '', submittedAt: pair.submittedAt ?? null },\n ]),\n );\n}\n\n// ── Remove from Shortlist ─────────────────────────────────────────────────────\n\nexport async function removeFromShortlist({ jobId, candidateIds }) {\n return fetchJsonWithAuth(JOBS_URL, '/source/hiringStgUpdate', {\n method: 'PUT',\n body: JSON.stringify({\n ...getTenantContext(),\n multiJobId: Array.isArray(jobId) ? jobId : [jobId],\n applicantId: Array.isArray(candidateIds) ? candidateIds : [candidateIds],\n updateStatus: 'pipeline',\n updateStatusType: 'call',\n responseType: 'responded',\n hiriringStatusChangeType: 'tagToJobs',\n comments: '',\n userId: getUserId(),\n }),\n });\n}\n","export const DASHBOARD_VISIBLE_CARDS = {\n jobsCount: [\n 'total',\n 'Total Jobs',\n 'active',\n 'Active Jobs',\n 'myAssignedCount',\n 'My Jobs',\n ],\n submissionCount: [\n 'Selected',\n 'Submitted to client',\n 'Submitted to Client',\n 'Not Submitted',\n 'Approved',\n ],\n // onboardingCount: [\n // 'inProgress',\n // 'In Progress',\n // 'hired',\n // 'Hired',\n // 'projectCompleted',\n // 'Project Completed',\n // 'archive',\n // 'Archive',\n // ],\n};\n\nexport function visibleCardsFor(moduleName) {\n return DASHBOARD_VISIBLE_CARDS[moduleName] ?? null;\n}\n","import dayjs from 'dayjs';\nimport { visibleCardsFor } from './dashboardVisibleCards';\n\n/*\n ════════════════════════════════════════════════════════════════════════════\n cardConfig.js — the ONLY file you edit to add / tweak a dashboard widget.\n ════════════════════════════════════════════════════════════════════════════\n looks the module up here, calls the\n common Auth endpoint (/dashboard/cards?moduleName=...), and renders the LIVE\n response with this config. Pass ONLY the moduleName from the page.\n (The page may also pass `title` to override the heading below.)\n\n Each entry:\n title -> heading above the section (page `title` prop overrides it)\n variant -> 'sticky' : sticky-note cards (needs the *Key field map below)\n 'counts' : one stat card per number in the response object\n 'submission' : \"Total Client Submission\" look — a header total\n + one progress bar per number (totalKey/infoText)\n 'list' : stat cards from an array (uses titleKey/countKey/…)\n 'metrics' : plain label/value rows in one card (optional header\n badge via `headerExtra`); pass an ARRAY as staticData\n to switch it to one row per array item (`listRows`)\n 'bars' : full-width solid-colour rows, label left, value right\n request -> how to call the gateway:\n method 'GET' | 'POST'\n params { limit, offset, type, … } -> query string\n body { … } -> JSON body (POST only)\n listPath -> dot-path to the data inside the API response:\n 'data.data' -> array (sticky/list) ; 'data' -> counts object\n\n Field map (sticky/list): every key OPTIONAL, [a, b] joins two fields.\n 'counts' needs no field map — it auto-labels each number in the response.\n\n ──────────────────────────────────────────────────────────────────────────\n CUSTOMISE EACH CARD (all optional, work on every variant)\n ──────────────────────────────────────────────────────────────────────────\n Every card has a NAME:\n • counts / submission -> the humanized label ('inProgress' -> 'In Progress')\n • sticky -> the value of `colorBy` (e.g. the `status` text)\n • list -> the first titleKey value\n\n color -> base color for ALL cards in the section:\n omit -> plain (counts) / auto-cycle (sticky)\n 'auto' -> a different palette color per card\n 'green' -> that one fixed color for every card\n\n colorMap -> per-card color BY NAME (overrides `color`), case-insensitive:\n colorMap: { 'In Progress': 'purple', Hired: 'green', Rejected: 'red' }\n Submission bars accept a palette name OR a raw hex ('#0ea5e9').\n counts / submission: the NAME may be the RAW API key\n ('pendingSubmissionCount') OR the humanized label ('Pending Submission Count').\n\n labelMap -> (counts / submission) rename a card's displayed text. Key by the\n raw API name OR the humanized label:\n labelMap: { pendingSubmissionCount: 'Pending', submittedToClientCount: 'Submitted' }\n\n colorBy -> (sticky) which API field the colorMap/hide names come from:\n colorBy: 'status' + colorMap: { Pending: 'peach', Done: 'green' }\n\n hide -> drop specific cards. Each entry is EITHER:\n a name (string) -> hides the card with that name (case-insensitive;\n counts/submission match the raw key OR the label)\n an index (number) -> hides the card at that 0-based position\n hide: ['Rejected', 0]\n\n ──────────────────────────────────────────────────────────────────────────\n ALIGNMENT & COUNT\n ──────────────────────────────────────────────────────────────────────────\n layout -> 'COLSxROWS' — sets columns AND caps the count to cols*rows:\n '4x2' -> 4 across, max 8 cards '3x3' -> 3 across, max 9\n '2x4' -> 2 across, max 8 cards\n columns -> just the column count, no cap (e.g. columns: 3).\n maxCount -> just a hard cap on the number of cards, keeps current columns.\n (explicit columns/maxCount win over whatever `layout` implies.)\n Defaults: counts/list = 4 cols, sticky = 2 cols, submission = 1.\n\n Palette color names (defined in PALETTE / dynamicCard.css):\n blue green purple peach red gray\n (sticky + counts use these as CSS classes; submission uses them as bar colors.)\n\n EVERYTHING above is also overridable per-placement from the page:\n \n*/\nexport const MODULE_CONFIG = {\n stickyNotes: {\n title: \"Sticky Notes\",\n variant: \"sticky\",\n request: { method: \"GET\", params: { limit: 20, offset: 0 } },\n listPath: \"data.data\",\n // Where the sticky-note \"View all\" link navigates to (omit to hide it).\n maxCount: 4,\n viewAllUrl: \"/viewall-sticky\",\n // Dispatched (window.dispatchEvent(new Event(...))) by the add-note popup\n // on a successful save; ModuleCards listens for it and refetches, since\n // closing the popup returns to this same mounted component (no remount).\n refreshEvent: \"sticky-notes:refresh\",\n pillKey: \"status\",\n headingKey: \"title\",\n bodyKey: \"notes\",\n // Notes sit in a fixed-height card; the body is clamped to this many lines\n // with an ellipsis. Hovering a CLIPPED note shows the full text in a popover\n // (notes that fit show no popover). 2–6 supported (see dynamicCard.css).\n bodyLines: 3,\n footerLeftKey: \"createdByName\",\n footerRightKey: \"createdAt\",\n dateKey: \"reminder.time\",\n // Colour each note from its `status` value (falls back to the auto cycle\n // for any status not listed here). Edit the names to match your API.\n colorBy: \"status\",\n colorMap: {\n Note: \"green\",\n Tagged: \"red\",\n },\n color: \"auto\",\n // hide: ['Archived'], // e.g. hide notes whose status is 'Archived'\n },\n\n jobsCount: {\n variant: \"counts\",\n dynamicCommonCount: {\n module: \"jobs\",\n keys: [\"jobRecruitmentStatus\", \"jobStatus\"],\n },\n listPath: \"\",\n layout: \"4x2\",\n groupSeparator: \"\",\n labelMap: {\n total: \"Total Jobs\",\n active: \"Active Jobs\",\n myAssignedCount: \"My Jobs\",\n },\n color: \"#f1f3f8\",\n show: visibleCardsFor(\"jobsCount\"),\n hide: [\"inactive\", \"submitted\", \"noSubmissions\"],\n },\n\n // Rendered as the \"Total Client Submission\" card: one header total + a\n // horizontal progress bar per number in the response (ClientSubmissionCard look).\n submissionCount: {\n title: \"Total Client Submission\",\n tooltipText:\n \"Includes all submissions that are pending and submitted to the client.\",\n variant: \"submission\",\n dynamicCommonCount: {\n module: \"submissions\",\n keys: [\"clientSubmissionStatus.clientSubmissionStatusText\"],\n },\n listPath: \"\",\n // 'total' key is preserved in the flat object from the dashboard conversion.\n totalKey: \"total\",\n labelMap: {\n Selected: \"Selected\",\n \"Submitted to client\": \"Submitted to Client\",\n \"Not Submitted\": \"Not Submitted\",\n Approved: \"Approved\",\n },\n colorMap: {\n Selected: \"rgb(234, 175, 12)\",\n \"Submitted to client\": \"green\",\n \"Not Submitted\": \"red\",\n Approved: \"#1d4ed8\",\n },\n show: visibleCardsFor(\"submissionCount\"),\n },\n\n leadAptitude: {\n title: \"Aptitude Test Results\",\n variant: \"assessment\",\n request: {\n method: \"GET\",\n params: {},\n },\n listPath: \"data\",\n totalKey: \"totalScore\",\n maxKey: \"maximumScore\",\n statusKey: \"status\",\n attemptDateKey: \"attemptDate\",\n timeTakenKey: \"timeTaken\",\n rankKey: \"rank\",\n labelMap: {\n logicalReasoning: \"Logical Reasoning\",\n quantitativeAptitude: \"Quantitative Aptitude\",\n verbalAbility: \"Verbal Ability\",\n },\n colorMap: {\n logicalReasoning: \"#7c3aed\",\n quantitativeAptitude: \"#0891b2\",\n verbalAbility: \"#16a34a\",\n },\n hide: [\"status\", \"attemptDate\", \"timeTaken\", \"rank\", \"maximumScore\"],\n },\n\n onboardingCount: {\n variant: \"counts\",\n dynamicCommonCount: {\n module: \"onboarding\",\n keys: [\"onboardingObStage\"],\n },\n listPath: \"\",\n frame: true,\n frameTitle: \"Onboarding\",\n frameClassName: \"onboarding-card\",\n viewAll: true,\n footer: true,\n columns: 4,\n valueMap: {\n inProgress: \"Under Review\",\n hired: \"Onboarded\",\n projectCompleted: \"Project cycle closed\",\n archive: \"No longer active\",\n },\n labelMap: {\n inProgress: \"In Progress\",\n hired: \"Hired\",\n projectCompleted: \"Project Completed\",\n archive: \"Archive\",\n },\n aggregateMap: {\n inProgress: [\"inProgress\", \"In Progress\"],\n hired: [\"hired\", \"Hired\", \"Active\"],\n projectCompleted: [\"projectCompleted\", \"Project Completed\", \"Completed\"],\n archive: [\"archive\", \"Archive\", \"Not Hired\", \"Candidate Backout\"],\n },\n show: visibleCardsFor(\"onboardingCount\"),\n hide: [\"total\", \"totalGrossMargin\", \"totalNetMargin\"],\n },\n\n // Timesheet review/calendar sidebar — driven off already-fetched detail data\n // via , not a live dashboard fetch. See the\n // 'metrics' / 'bars' variant docs above.\n timesheetMonthlySummary: {\n variant: \"metrics\",\n title: \"Monthly Summary\",\n valueSuffix: \" hrs\",\n rows: [\n { key: \"unapprovedPayableHours\", label: \"Unapproved Payable hours\", sublabel: \"(S + O)\" },\n { key: \"nonPayableHours\", label: \"Non-payable hours\", sublabel: \"(Leave/Holidays)\" },\n { key: \"approvedPayableHours\", label: \"Approved Payable hours\", valueColor: \"#15803d\" },\n ],\n },\n\n // Only rendered by the page when a `weeks` array exists (e.g. the resource's\n // own Timesheet Calendar page); pass `staticData={weeks}` directly (an array),\n // not the summary object — see the 'metrics' variant's list mode.\n timesheetWeeklyTotals: {\n variant: \"metrics\",\n title: \"Weekly Totals (S + O)\",\n plainHeader: true,\n valueSuffix: \" hrs\",\n listRows: {\n itemValueKey: \"weeklyTotals.payable\",\n itemLabel: (week, i) => {\n const start = week.weekStart ? dayjs(week.weekStart).format(\"MMM D\") : \"\";\n const end = week.weekEnd ? dayjs(week.weekEnd).format(\"MMM D\") : \"\";\n const label = `Week ${week.weekNumber ?? i + 1}`;\n return start && end ? `${label} (${start} - ${end})` : label;\n },\n },\n },\n\n timesheetHourBreakdown: {\n variant: \"bars\",\n valueSuffix: \" hrs\",\n rows: [\n { key: \"totalSTHours\", label: \"Standard\", color: \"#1d4ed8\", bg: \"#D0E6FF\" },\n { key: \"totalOTHours\", label: \"Overtime\", color: \"#15803d\", bg: \"#d9f7e3\" },\n { key: \"leaveHours\", label: \"Leaves\", color: \"#b45309\", bg: \"#FFECBA\" },\n { key: \"holidayHours\", label: \"Holidays\", color: \"#6d28d9\", bg: \"#ede9fe\", fallback: 0 },\n ],\n },\n\n // Finance (Billing + Payroll) KPI row. The page computes `items` itself\n // (icons, labels, formatted money, tones — same shape FinanceKpiRow's\n // `items` prop always took) and passes it straight through as staticData;\n // this config only picks the 'kpi' variant. One entry covers both routes\n // since FinanceListPage.jsx renders both Billing and Payroll.\n financeKpiRow: {\n variant: \"kpi\",\n },\n};\n\n// ── Colour palettes ─────────────────────────────────────────────────────────\n// Names here must exist as classes in dynamicCard.css (.dyn-card-item.\n// and .sticky-note.). Add a name here AND a class there to extend them.\n\n// counts / list cards cycle through these when color:'auto'.\nexport const PALETTE = [\"blue\", \"green\", \"purple\", \"peach\", \"red\", \"gray\"];\n\n// sticky notes cycle through these when color:'auto'.\nexport const STICKY_PALETTE = [\"purple\", \"peach\", \"green\"];\n\n// submission bars cycle through these hex values when no colorMap matches.\nexport const BAR_PALETTE = [\n \"#1d4ed8\",\n \"#ef4444\",\n \"#16a34a\",\n \"#9333ea\",\n \"#f59e0b\",\n \"#0891b2\",\n];\n\n// Palette NAME -> hex, so colorMap palette names work for the inline submission bars.\nexport const NAMED_COLORS = {\n blue: \"#1d4ed8\",\n green: \"#16a34a\",\n purple: \"#9333ea\",\n peach: \"#f97316\",\n red: \"#ef4444\",\n gray: \"#6b7280\",\n};\n\n// Returns the effective config: built-in defaults deep-merged with whatever\n// the host project injected via configureCoreTheme({ cardConfig: { … } }) or\n// window.__CORE_THEME_CONFIG__.cardConfig. Called at render time so it always\n// picks up the host's config even when set after import evaluation.\nexport function getModuleConfig() {\n const hostConfig =\n (typeof window !== 'undefined' && window.__CORE_THEME_CONFIG__?.cardConfig) ?? {};\n // Shallow merge per key: host entries WIN over built-ins, but built-ins remain\n // unless the host replaces them. To extend a built-in entry use spread:\n // cardConfig: { jobsCount: { ...builtIn.jobsCount, title: 'Open Positions' } }\n return { ...MODULE_CONFIG, ...hostConfig };\n}\n\n// Built-in defaults for PeriodBadgeTag (Standard/Supplementary and friends) —\n// same host-override contract as getModuleConfig() above, one level deeper\n// (per config key, not per top-level field) since each entry is fully\n// self-contained rather than a title/rows/variant bag.\nconst PERIOD_BADGE_CONFIG = {\n timesheet: {\n currentLabel: 'Standard', currentColor: 'blue',\n pastLabel: 'Supplementary', pastColor: 'gold',\n // Full calendar months back that still count as \"current\". 0 = only\n // this month; 1 = this month and last month both read as Standard.\n thresholdMonths: 0,\n },\n};\n\n// Effective period-badge config for `key` (e.g. 'timesheet'): built-in\n// default merged with configureCoreTheme({ periodBadgeConfig: { [key]: {…} } })\n// or window.__CORE_THEME_CONFIG__.periodBadgeConfig — host entries win,\n// field by field, over the matching built-in.\nexport function getPeriodBadgeConfig(key) {\n const hostConfig =\n (typeof window !== 'undefined' && window.__CORE_THEME_CONFIG__?.periodBadgeConfig) ?? {};\n return { ...PERIOD_BADGE_CONFIG[key], ...hostConfig[key] };\n}\n\nexport default MODULE_CONFIG;\n","import { Flex, Pagination, Select, Space } from 'antd';\nimport AppTypography from './typography/Typography';\nimport { colorVars } from '../theme/colors/colors';\n\nexport default function CustomPagination({ current, pageSize, total, onChange, onPageSizeChange }) {\n const start = Math.min((current - 1) * pageSize + 1, total);\n const end = Math.min(current * pageSize, total);\n\n return (\n \n \n \n Show\n \n {\n onPageSizeChange(val);\n onChange(1);\n }}\n options={[\n { value: 10, label: '10' },\n { value: 12, label: '12' },\n { value: 25, label: '25' },\n { value: 50, label: '50' },\n { value: 100, label: '100' },\n ]}\n />\n \n / page\n \n \n\n \n \n {`Showing ${start} - ${end} of ${total}`}\n \n \n \n \n );\n}\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport { formatApp, formatAppDateTime } from '../../services/timezone';\nimport { getDefaults } from '../../services/detailDefaults';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { Button, Card, Col, Popover, Progress, Row, Space, Spin, Statistic, Tag, Tooltip, Typography, Empty, message } from 'antd';\nimport DynamicTabs from '../DynamicTabs';\nimport { PlusOutlined, InfoCircleOutlined, EditOutlined, CheckCircleOutlined } from '@ant-design/icons';\nimport { getDashboardCards, getDynamicCommonCount } from '../../services/dashboardApi';\nimport { resolveStickyNote } from '../../services/popupApi';\nimport { getModuleConfig, PALETTE, STICKY_PALETTE, BAR_PALETTE, NAMED_COLORS } from './cardConfig';\nimport '../../styles/dynamicCard.css';\nimport CustomPagination from '../CustomPagination';\n\nconst { Title, Text } = Typography;\n\n/*\n Rendering engine for the dashboard cards. The WHAT (which widgets exist, their\n colours, what to hide) lives in cardConfig.js — edit that file, not this one.\n*/\n\n// Read a field from a record. [a, b] joins them (e.g. first + last name).\n// A dotted key ('reminder.time') walks into nested objects.\nfunction read(item, key) {\n if (Array.isArray(key)) return key.map(k => read(item, k)).filter(has).join(' ');\n if (typeof key === 'string' && key.includes('.')) {\n return key.split('.').reduce((o, k) => (o == null ? o : o[k]), item);\n }\n return item[key];\n}\n\nconst has = v => v != null && v !== '';\n\nfunction sx(group, key, fallback = {}) {\n return { ...fallback, ...(group.styles?.[key] || {}) };\n}\n\nfunction sectionTitle(group) {\n return has(group.title) ? {group.title} : undefined;\n}\n\nfunction sectionExtra(group, extra) {\n return has(group.title) ? extra : undefined;\n}\n\nfunction isNamedColor(color) {\n return ['blue', 'green', 'purple', 'peach', 'red', 'gray'].includes(lc(color));\n}\n\nfunction cardSkin(group, color) {\n const token = color || '';\n const baseStyle = sx(group, 'card');\n if (!has(token)) return { className: '', style: baseStyle };\n if (isNamedColor(token)) return { className: token, style: baseStyle };\n return {\n className: '',\n style: {\n ...baseStyle,\n background: token,\n borderColor: group.styles?.card?.borderColor || token,\n },\n };\n}\n\n// Walk a dot-path inside the API response ('data.data' -> json.data.data).\nfunction getPath(obj, path) {\n if (!path) return obj;\n return path.split('.').reduce((o, k) => (o == null ? o : o[k]), obj);\n}\n\n// Turn 'finalGrossMargin' / 'project_completed' into 'Final Gross Margin'.\nfunction humanize(key) {\n return String(key)\n .replace(/([a-z0-9])([A-Z])/g, '$1 $2')\n .replace(/[_-]+/g, ' ')\n .replace(/\\s+/g, ' ')\n .trim()\n .replace(/\\b\\w/g, c => c.toUpperCase());\n}\n\n// Turn an ISO date into something readable. The backend uses the year 0001\n// (\"0001-01-01T00:00:00Z\") to mean \"no date\" — we treat that as empty.\nfunction formatDate(value) {\n if (!has(value)) return null;\n const d = new Date(value);\n if (isNaN(d) || d.getFullYear() <= 1) return null;\n // Tenant zone + configured format, so a card and the record it links to never\n // disagree about what day something happened.\n return formatApp(d, getDefaults().dateFormat);\n}\n\nfunction toWholeNumber(value) {\n const num = Number(value);\n return Number.isFinite(num) && num >= 0 ? num : null;\n}\n\nfunction stripTrailingCounts(title) {\n return String(title ?? '').replace(/(?:\\s*\\(\\d+[\\d,]*\\))+\\s*$/, '').trim();\n}\n\nfunction getStickyCountBreakdown(response, list) {\n const totalCandidates = [\n response?.data?.total,\n response?.data?.count,\n response?.data?.totalCount,\n response?.data?.pagination?.total,\n response?.data?.data?.total,\n response?.data?.data?.count,\n response?.data?.data?.totalCount,\n response?.total,\n response?.count,\n response?.totalCount,\n response?.pagination?.total,\n ];\n const todoCandidates = [\n response?.data?.todoCount,\n response?.data?.toDoCount,\n response?.data?.pendingCount,\n response?.data?.data?.todoCount,\n response?.data?.data?.toDoCount,\n response?.todoCount,\n response?.toDoCount,\n response?.pendingCount,\n ];\n const resolvedCandidates = [\n response?.data?.resolvedCount,\n response?.data?.data?.resolvedCount,\n response?.resolvedCount,\n ];\n\n const todoCount = todoCandidates.map(toWholeNumber).find((value) => value !== null);\n const resolvedCount = resolvedCandidates.map(toWholeNumber).find((value) => value !== null);\n const countedTotal = totalCandidates.map(toWholeNumber).find((value) => value !== null);\n const derivedTotal = todoCount !== null && resolvedCount !== null ? todoCount + resolvedCount : null;\n const listTotal = Array.isArray(list) ? list.length : null;\n\n return {\n totalCount: countedTotal ?? derivedTotal ?? listTotal,\n todoCount,\n resolvedCount,\n };\n}\n\n/**\n * Collect every config entry for a slot: prefix, prefix2, prefix3 ...\n * Returns the api field names with the HIGHER number first, so adding\n * `titleKey2` stacks it on top of `titleKey`. Infinite by design.\n */\nfunction slotFields(group, prefix) {\n const numbered = new RegExp(`^${prefix}\\\\d+$`);\n return Object.keys(group)\n .filter(k => k === prefix || numbered.test(k))\n .map(k => ({ field: group[k], n: k === prefix ? 1 : Number(k.slice(prefix.length)) }))\n .sort((a, b) => b.n - a.n)\n .map(m => m.field);\n}\n\n// columns -> antd 24-grid span. 3 cols -> 8, 4 cols -> 6.\nfunction spanFor(columns) {\n return Math.max(1, Math.floor(24 / (columns || 4)));\n}\n\n// Parse a 'COLSxROWS' layout string -> { columns, maxCount }.\n// '4x2' -> 4 columns, at most 8 cards ; '3x3' -> 3 columns, 9 cards.\nfunction parseLayout(layout) {\n if (typeof layout !== 'string') return {};\n const m = layout.toLowerCase().replace(/\\s/g, '').match(/^(\\d+)x(\\d+)$/);\n if (!m) return {};\n const columns = Number(m[1]);\n return { columns, maxCount: columns * Number(m[2]) };\n}\n\n// Resolve the grid for a group from (highest priority first):\n// explicit `columns` / `maxCount` -> `layout` ('4x2') -> defaultColumns.\n// Returns { columns, span, maxCount } — maxCount undefined means \"no limit\".\nfunction resolveLayout(group, defaultColumns) {\n const lay = parseLayout(group.layout);\n const columns = group.columns ?? lay.columns ?? defaultColumns;\n const maxCount = group.maxCount ?? lay.maxCount;\n return { columns, span: spanFor(columns), maxCount };\n}\n\n// Cap a list to maxCount (undefined/0 -> no cap).\nfunction capTo(arr, maxCount) {\n return maxCount ? arr.slice(0, maxCount) : arr;\n}\n\n// Color is opt-in per group:\n// no `color` -> '' (plain white card)\n// color: 'auto' -> a different palette color per card\n// color: 'green' -> that fixed color for every card\nfunction cardColor(group, i) {\n if (!group.color) return '';\n if (group.color === 'auto') return PALETTE[i % PALETTE.length];\n return group.color;\n}\n\n// lowercase + trim, for case-insensitive name matching.\nconst lc = v => String(v ?? '').trim().toLowerCase();\n\n// `name` may be a single string OR an array of candidate names (e.g. the raw\n// API key AND its humanized label). Returns true if any candidate matches `key`.\nfunction nameEq(key, name) {\n const names = Array.isArray(name) ? name : [name];\n return names.some(n => has(n) && lc(n) === lc(key));\n}\n\n// Per-card color override BY NAME (see `colorMap` in the config docs).\n// `name` can be one name or several candidates ([rawKey, humanizedLabel]).\n// Returns the color token (e.g. 'green' or '#0ea5e9') or null if no match.\nfunction mappedColor(group, name) {\n if (!group.colorMap) return null;\n const hit = Object.keys(group.colorMap).find(k => nameEq(k, name));\n return hit ? group.colorMap[hit] : null;\n}\n\n// Per-card LABEL override BY NAME (see `labelMap` in the config docs).\n// Matches by raw key OR humanized label; returns `fallback` if no override.\nfunction mappedLabel(group, name, fallback) {\n if (!group.labelMap) return fallback;\n const hit = Object.keys(group.labelMap).find(k => nameEq(k, name));\n return hit ? group.labelMap[hit] : fallback;\n}\n\n// Per-card SUB-VALUE shown under the count BY NAME (see `valueMap` in the config).\n// Matches by raw key OR humanized label; returns null if no override.\nfunction mappedValue(group, name) {\n if (!group.valueMap) return null;\n const hit = Object.keys(group.valueMap).find(k => nameEq(k, name));\n return hit ? group.valueMap[hit] : null;\n}\n\n// Optional allow-list. When present, only these cards render. Names can match\n// raw API keys or display labels, same as hide/labelMap.\nfunction isShown(group, name) {\n if (!Array.isArray(group.show) || group.show.length === 0) return true;\n return group.show.some(s => nameEq(s, name));\n}\n\n// Should this card be dropped? hide: [ 'Rejected', 0 ]\n// string -> matches the card NAME (case-insensitive; raw key OR label)\n// number -> matches the card INDEX (0-based, original position)\nfunction isHidden(group, name, index) {\n if (!isShown(group, name)) return true;\n if (!Array.isArray(group.hide)) return false;\n return group.hide.some(h =>\n typeof h === 'number' ? h === index : nameEq(h, name));\n}\n\n// The \"name\" of a list-variant record = its first non-empty titleKey value.\n// Used so colorMap / hide can target list cards by their title.\nfunction listItemName(group, item) {\n for (const f of slotFields(group, 'titleKey')) {\n const v = read(item, f);\n if (has(v)) return v;\n }\n return null;\n}\n\n// An object of numbers ({ inProgress: 4, hired: 9 }) -> card items.\n// Each item keeps its raw `key` so colorMap/hide/labelMap can target a card by\n// either the raw API name ('pendingSubmissionCount') or its humanized `label`.\nfunction countsToItems(obj) {\n if (!obj || typeof obj !== 'object' || Array.isArray(obj)) return [];\n return Object.entries(obj)\n .filter(([, v]) => typeof v === 'number' || (typeof v === 'string' && v !== '' && !isNaN(v)))\n .map(([k, v]) => ({ key: k, label: humanize(k), value: Number(v) }));\n}\n\nfunction dynamicCommonCountToFlatData(response, group) {\n const data = response?.data ?? response;\n const fields = Array.isArray(data?.fields) ? data.fields : null;\n const preferredKey = group.dynamicCommonCount?.keys?.[0];\n const selectedFields = fields\n ? [\n ...(fields.find(item => item.key === preferredKey) ? [fields.find(item => item.key === preferredKey)] : []),\n ...fields.filter(item => item.key !== preferredKey),\n ]\n : [data];\n\n if (!selectedFields.some(field => Array.isArray(field?.counts))) return data;\n\n return selectedFields.reduce((acc, field) => {\n if (!field || !Array.isArray(field.counts)) return acc;\n acc.total = Math.max(Number(acc.total) || 0, Number(field.total) || 0);\n field.counts.forEach(({ key, count }) => {\n acc[key] = Number(count) || 0;\n });\n return acc;\n }, { total: 0 });\n}\n\n// A counts object -> the shape ClientSubmissionCard renders:\n// { total, rows: [{ label, value, barColor, accentColor, showInfo }] }\n// `totalKey` (if present in the response) is pulled out as the grand total and\n// kept out of the rows; otherwise the total is the sum of the row values.\nfunction countsToSubmission(obj, group) {\n const items = countsToItems(obj);\n const totalKey = group.totalKey;\n const totalRaw = totalKey ? read(obj || {}, totalKey) : undefined;\n const hasTotal = totalKey && has(totalRaw) && !isNaN(totalRaw);\n\n const rows = items\n .map((it, i) => ({ ...it, _i: i })) // keep original index\n // drop the total row (matched by raw key OR its humanized label)\n .filter(it => !(hasTotal && nameEq(totalKey, [it.key, it.label])))\n .filter(it => !isHidden(group, [it.key, it.label], it._i)) // drop hidden rows\n .map((it, visible) => {\n // colorMap wins (name -> palette name or raw hex); else cycle the palette.\n // Matched by raw key OR humanized label.\n const mapped = mappedColor(group, [it.key, it.label]);\n const barColor = mapped\n ? (NAMED_COLORS[lc(mapped)] || mapped)\n : BAR_PALETTE[it._i % BAR_PALETTE.length];\n return {\n label: mappedLabel(group, [it.key, it.label], it.label), // labelMap rename\n value: it.value,\n barColor,\n // The first VISIBLE row carries the orange accent + info icon.\n accentColor: visible === 0 ? '#f97316' : null,\n showInfo: visible === 0,\n };\n });\n\n // Total reflects ALL rows; the display can still be capped via maxCount.\n const total = hasTotal\n ? Number(totalRaw)\n : rows.reduce((sum, r) => sum + r.value, 0);\n\n return { total, rows: capTo(rows, resolveLayout(group, 1).maxCount) };\n}\n\nfunction CardItem({ item, group, color }) {\n const lines = key => slotFields(group, key).map(f => read(item, f)).filter(has);\n\n const titles = lines('titleKey');\n const counts = lines('countKey');\n const names = lines('nameKey');\n const values = lines('valueKey');\n\n const skin = cardSkin(group, color);\n\n return (\n \n {titles.map((v, i) => {v})}\n {counts.map((v, i) => )}\n {names.map((v, i) => {v})}\n {values.length > 0 && (\n
\n {values.map((v, i) => {v})}\n
\n )}\n \n );\n}\n\n// One section of stat cards built from an array of records (titleKey/countKey…).\nfunction StatGroup({ group }) {\n const { span, maxCount } = resolveLayout(group, 4);\n // Tag each record with its name + original index, drop hidden, then cap.\n const shown = capTo(\n (Array.isArray(group.list) ? group.list : [])\n .map((item, i) => ({ item, name: listItemName(group, item), _i: i }))\n .filter(r => !isHidden(group, r.name, r._i)),\n maxCount,\n );\n\n return (\n {shown.length} cards)}\n >\n \n {shown.map(r => {\n const color = mappedColor(group, r.name) || cardColor(group, r._i);\n return (\n = 12 ? 12 : span * 2} lg={span} xl={span}>\n \n \n );\n })}\n \n \n );\n}\n\n// One section of stat cards built from a counts object ({ key: number }).\nfunction CountsGroup({ group, items }) {\n const { span, maxCount } = resolveLayout(group, 4);\n // Keep the original index (for stable auto-colors), drop hidden, then cap.\n const shown = capTo(\n items\n .map((it, i) => ({ ...it, _i: i }))\n .filter(it => !isHidden(group, [it.key, it.label], it._i)),\n maxCount,\n );\n\n return (\n {shown.length} cards)}\n >\n \n {shown.map(it => {\n const color = mappedColor(group, [it.key, it.label]) || cardColor(group, it._i);\n const skin = cardSkin(group, color);\n return (\n = 12 ? 12 : span * 2} lg={span} xl={span}>\n \n \n {mappedLabel(group, [it.key, it.label], it.label)}\n \n \n {has(mappedValue(group, [it.key, it.label])) && (\n \n {mappedValue(group, [it.key, it.label])}\n \n )}\n \n \n );\n })}\n \n \n );\n}\n\n/**\n * Submission variant — the \"Total Client Submission\" look: a header total and\n * one horizontal progress bar per number in the counts object. Same markup as\n * the stand-alone ClientSubmissionCard, but driven by the common API here so\n * the whole dashboard stays config-driven (no separate component to call).\n */\nfunction SubmissionGroup({ group, data }) {\n const { total, rows } = countsToSubmission(data, group);\n const tooltipText = group.tooltipText;\n\n return (\n \n\n {has(group.title) && (\n \n \n \n {group.title} {tooltipText && (\n \n \n \n )}\n \n \n \n {Number(total || 0).toLocaleString()}\n \n \n )}\n\n
\n {rows.map((r, i) => (\n
\n\n \n \n \n \n {r.label}\n \n {/* {r.showInfo && (\n \n \n \n \n \n )} */}\n \n \n \n \n {r.value}\n \n \n \n\n
\n {/* {r.accentColor && (\n
\n )} */}\n \n
\n\n
\n ))}\n
\n\n \n );\n}\n\nfunction formatMetaValue(value) {\n if (!has(value)) return '-';\n const date = new Date(value);\n if (!Number.isNaN(date.getTime()) && /date|time/i.test(String(value))) {\n return formatAppDateTime(date);\n }\n return String(value);\n}\n\nfunction AssessmentGroup({ group, data }) {\n const totalKey = group.totalKey ?? 'totalScore';\n const maxKey = group.maxKey ?? 'maximumScore';\n const statusKey = group.statusKey ?? 'status';\n const attemptDateKey = group.attemptDateKey ?? 'attemptDate';\n const timeTakenKey = group.timeTakenKey ?? 'timeTaken';\n const rankKey = group.rankKey ?? 'rank';\n const total = Number(read(data || {}, totalKey) ?? 0);\n const maximum = Number(read(data || {}, maxKey) ?? 100) || 100;\n const percent = Math.max(0, Math.min(100, Math.round((total / maximum) * 100)));\n const rows = countsToSubmission(data, {\n ...group,\n totalKey,\n hide: [...(Array.isArray(group.hide) ? group.hide : []), maxKey, statusKey, attemptDateKey, timeTakenKey, rankKey],\n }).rows;\n const metaItems = [\n { key: statusKey, label: group.statusLabel ?? 'Status' },\n { key: attemptDateKey, label: group.attemptDateLabel ?? 'Attempt Date' },\n { key: timeTakenKey, label: group.timeTakenLabel ?? 'Time Taken' },\n { key: rankKey, label: group.rankLabel ?? 'Rank' },\n ].filter((item) => has(read(data || {}, item.key)));\n\n return (\n \n
\n `${Number(total || 0).toLocaleString()}/${maximum.toLocaleString()}`}\n strokeColor={group.scoreColor ?? '#6d4aff'}\n trailColor={group.trailColor ?? '#edf0f5'}\n />\n
\n {metaItems.map((item) => (\n
\n
{item.label}
\n
{formatMetaValue(read(data || {}, item.key))}
\n
\n ))}\n
\n
\n
\n {rows.map((row) => (\n
\n \n {row.label}\n {row.value}\n \n
\n \n
\n
\n ))}\n
\n \n );\n}\n\n// Format a metrics/bars row value: trims a trailing \".0\" (matches the old\n// Timesheet formatHours helper) and appends the row's (or group's) suffix,\n// e.g. valueSuffix: ' hrs'. `fallback` covers fields the API may omit (0, not '-').\nfunction formatMetricValue(rawValue, row = {}, group = {}) {\n const value = has(rawValue) ? rawValue : row.fallback;\n if (!has(value)) return '-';\n const n = Number(value);\n if (!Number.isFinite(n)) return String(value);\n const suffix = row.suffix ?? group.valueSuffix ?? '';\n return `${n.toFixed(1).replace(/\\.0$/, '')}${suffix}`;\n}\n\n/**\n * Metrics variant — a card of plain label/value rows (e.g. Timesheet's\n * \"Monthly Summary\"), OR, when `data` is an array, one row per array item\n * (e.g. \"Weekly Totals\" driven straight off a `weeks` list) using\n * `group.listRows: { itemLabel(item, i), itemValueKey }`.\n * group.title -> header text\n * group.headerExtra -> optional node next to the title (e.g. a status pill)\n * group.plainHeader -> secondary-text label instead of the title+badge head row\n * group.rows -> [{ key, label, sublabel?, valueColor?, suffix?, fallback? }]\n * group.valueSuffix -> default suffix for every row (e.g. ' hrs')\n */\nfunction MetricsGroup({ group, data }) {\n const isList = Array.isArray(data);\n\n return (\n \n {has(group.title) && (\n group.plainHeader ? (\n {group.title}\n ) : (\n
\n {group.title}\n {group.headerExtra}\n
\n )\n )}\n {!isList && (\n
\n {(group.rows ?? []).map((row) => (\n
\n \n {row.label} {row.sublabel && {row.sublabel}}\n \n \n {formatMetricValue(read(data ?? {}, row.key), row, group)}\n \n
\n ))}\n
\n )}\n {isList && data.length > 0 && (\n
\n {data.map((item, i) => (\n
\n \n {group.listRows?.itemLabel ? group.listRows.itemLabel(item, i) : `Row ${i + 1}`}\n \n \n {formatMetricValue(read(item, group.listRows?.itemValueKey), group.listRows, group)}\n \n
\n ))}\n
\n )}\n \n );\n}\n\n/**\n * Bars variant — full-width solid-colour rows (label left, value right), e.g.\n * Timesheet's Standard/Overtime/Leave/Holiday hour breakdown.\n * group.rows -> [{ key, label, color, bg, suffix?, fallback? }]\n * group.title -> optional header text (omit to skip the head row)\n * group.headerExtra -> optional node next to the title (e.g. a status pill);\n * shows the head row on its own even without a title\n */\nfunction BarsGroup({ group, data }) {\n return (\n \n {(has(group.title) || group.headerExtra) && (\n
\n {has(group.title) && {group.title}}\n {group.headerExtra}\n
\n )}\n
\n {(group.rows ?? []).map((row) => (\n
\n {row.label}\n \n {formatMetricValue(read(data ?? {}, row.key), row, group)}\n \n
\n ))}\n
\n \n );\n}\n\n/**\n * Kpi variant — a row of small stat tiles (icon badge + label + value +\n * optional sub-text), each tinted by `tone`. Unlike the other variants, `data`\n * here is an array the PAGE already fully computed (icons, labels, formatted\n * values, tones) — the same shape Finance's FinanceKpiRow's `items` prop\n * always took — so this is a pure renderer, no field-mapping. Pass\n * `loading` (via the DynamicCards prop, not cardConfig) to show the skeleton\n * state instead, e.g. on first paint before the summary has loaded.\n * item: { key, label, value, icon?, tone?, sub? }\n * group.compact -> smaller tiles (matches finance-kpi-row--compact)\n */\nfunction KpiGroup({ group, data }) {\n const items = Array.isArray(data) ? data : [];\n const rowClass = `finance-kpi-row${group.compact ? ' finance-kpi-row--compact' : ''}`;\n\n if (group.loading) {\n const count = items.length || 4;\n return (\n
\n {Array.from({ length: count }, (_, i) => (\n
\n \n \n
\n ))}\n
\n );\n }\n\n return (\n
\n {items.map((item) => (\n
\n {item.icon ? {item.icon} : null}\n \n {item.label}\n {item.value}\n {item.sub ?? item.hint ? {item.sub ?? item.hint} : null}\n \n
\n ))}\n
\n );\n}\n\n// A note counts as \"resolved\" when its status field (group.pillKey, default\n// 'status') reads 'resolved' — the same field already shown as the note's pill.\nfunction isResolvedStatus(group, item) {\n return lc(read(item, group.pillKey || 'status')) === 'resolved';\n}\n\nfunction hasReminderDate(group, item) {\n return has(group.dateKey ? formatDate(read(item, group.dateKey)) : null);\n}\n\nfunction isTaggedStickyNote(group, item) {\n const status = lc(read(item, group.pillKey || 'status'));\n if (status === 'tagged' || status === 'tag user' || status === 'tagged user') return true;\n\n const receiver = item?.receiver ?? item?.receivers ?? item?.receiverId ?? item?.receiverName ?? item?.taggedUser;\n if (Array.isArray(receiver)) return receiver.length > 0;\n if (receiver && typeof receiver === 'object') return Object.keys(receiver).length > 0;\n if (has(receiver)) return true;\n\n const text = `${read(item, group.headingKey || 'title') ?? ''} ${read(item, group.bodyKey || 'notes') ?? ''}`;\n return /(^|\\s)@[^\\s]+/.test(text);\n}\n\nfunction stickyCardType(group, item, i) {\n if (isResolvedStatus(group, item)) return 'gray';\n if (isTaggedStickyNote(group, item)) return 'blue';\n if (hasReminderDate(group, item)) return 'peach';\n\n const colorName = group.colorBy ? read(item, group.colorBy) : null;\n return (\n mappedColor(group, colorName) ||\n (group.color && group.color !== 'auto'\n ? group.color\n : STICKY_PALETTE[i % STICKY_PALETTE.length])\n );\n}\n\n// group.dateRange (set by the page, e.g. a \"Last 30 Days\" picker) is\n// { start: Date, end: Date } or null/undefined for \"all time\". Filters by the\n// note's footerRightKey field (default 'createdAt'), inclusive on both ends.\nfunction inDateRange(group, item) {\n const { start, end } = group.dateRange || {};\n if (!start || !end) return true;\n const raw = read(item, group.footerRightKey || 'createdAt');\n if (!has(raw)) return true;\n const d = new Date(raw);\n if (isNaN(d)) return true;\n return d >= start && d <= end;\n}\n\n/**\n * Map one API record to a sticky note, using the *Key fields from the group\n * config. Every field is optional — leave a key out and that part won't show.\n * pillKey / headingKey / bodyKey / footerLeftKey -> plain text\n * footerRightKey / dateKey -> formatted as a date\n * Colour priority:\n * colorMap[] -> fixed `color` -> auto cycle\n */\nfunction toStickyNote(item, group, i) {\n const reminder = group.dateKey ? formatDate(read(item, group.dateKey)) : null;\n return {\n type: stickyCardType(group, item, i),\n pill: group.pillKey ? read(item, group.pillKey) : null,\n heading: group.headingKey ? read(item, group.headingKey) : null,\n body: group.bodyKey ? read(item, group.bodyKey) : null,\n footerLeft: group.footerLeftKey ? read(item, group.footerLeftKey) : null,\n footerRight: group.footerRightKey ? formatDate(read(item, group.footerRightKey)) : null,\n dot: reminder ? '#f97316' : null, // a reminder date gets the orange dot\n date: reminder,\n };\n}\n\n/**\n * Sticky-note body text. The card is a fixed height (see dynamicCard.css) and the\n * body is clamped to `bodyLines` lines with a CSS ellipsis. We measure the node\n * and ONLY when the text is actually clipped wrap it in a hover Popover that\n * shows the full content. Re-measures on resize (column width changes clamping).\n */\nfunction StickyNoteBody({ text, lines, style }) {\n const ref = useRef(null);\n const [clipped, setClipped] = useState(false);\n\n useEffect(() => {\n const el = ref.current;\n if (!el) return;\n let raf = 0;\n // Measure on the next frame so fonts / flex layout have settled first.\n const check = () => {\n raf = requestAnimationFrame(() => {\n const next = el.scrollHeight - el.clientHeight > 1;\n // Bail if unchanged — without this, a value that keeps recomputing to\n // the same boolean would still re-run the effect below on every tick.\n setClipped((prev) => (prev === next ? prev : next));\n });\n };\n check();\n const ro = new ResizeObserver(check);\n ro.observe(el);\n return () => { cancelAnimationFrame(raf); ro.disconnect(); };\n }, [text, lines]);\n\n const className = `sticky-note-body${lines ? ` clamp-${lines}` : ''}`;\n const body =
{text}
;\n\n // Always wrap in the SAME Popover, whether clipped or not — swapping the\n // wrapper in/out based on `clipped` changes the observed div's effective\n // layout width, which can flip the clipped measurement back and forth and\n // re-trigger the ResizeObserver forever. `open={false}` keeps it inert\n // (no hover popover) when the text isn't actually clipped.\n return (\n {text}
: null}\n open={clipped ? undefined : false}\n >\n {body}\n \n );\n}\n\n/**\n * Sticky Notes section — same look as the stand-alone StickyNotesCard, but\n * rendered here so the whole dashboard is driven by DynamicCards alone.\n */\nfunction StickyGroup({ group }) {\n const navigate = useNavigate();\n const location = useLocation();\n const openAddNote = () => navigate('/popup/sticky-notes', {\n state: {\n background: location,\n selectedIds: [],\n selectedRecords: [],\n // 'general' is the notesFor category the notes collection accepts for a\n // dashboard-level note with no related job/candidate/submission record —\n // NOT group.moduleName (that's the dashboard-card key, e.g. \"stickyNotes\").\n moduleName: 'general',\n popupContext: {},\n },\n });\n const editNote = (item) => navigate('/popup/sticky-notes', {\n state: {\n background: location,\n selectedIds: [],\n selectedRecords: [],\n moduleName: 'general',\n popupContext: {\n editingNoteId: item._id ?? item.id,\n editingHeading: item.title,\n editingComments: item.notes,\n // A live dayjs instance can't survive router state (history.pushState\n // structurally clones it, stripping its prototype/methods and\n // crashing the DatePicker) — pass the raw ISO string instead and let\n // DynamicPopup convert it to dayjs for date-picker fields.\n editingTargetDate: item.reminder?.time || undefined,\n },\n },\n });\n // PUT /notes/{id}/resolve. Drop the note from view optimistically, then\n // revert (with a toast) if the call fails.\n const [resolvedIds, setResolvedIds] = useState(new Set());\n const resolveNote = async (item) => {\n const noteId = item._id ?? item.id;\n setResolvedIds((prev) => new Set(prev).add(noteId));\n try {\n await resolveStickyNote(noteId);\n message.success('Note resolved');\n } catch {\n message.error('Failed to resolve note');\n setResolvedIds((prev) => {\n const next = new Set(prev);\n next.delete(noteId);\n return next;\n });\n }\n };\n // Sticky notes default to 2 columns; `layout`/`columns`/`maxCount` override.\n const { span, maxCount } = resolveLayout(group, 2);\n // A note's name = its colorBy field (e.g. status), else its heading.\n // Keep the original index so the auto colour-cycle stays stable after hiding.\n const noteName = item =>\n group.colorBy ? read(item, group.colorBy)\n : group.headingKey ? read(item, group.headingKey)\n : null;\n // Everything except the To-do/Resolved split and the display cap: dropped\n // resolved-this-session notes, hidden-by-config notes, and out-of-range notes.\n const visible = (Array.isArray(group.list) ? group.list : [])\n .filter(item => !resolvedIds.has(item._id ?? item.id))\n .map((item, i) => ({ item, _i: i }))\n .filter(({ item, _i }) => !isHidden(group, noteName(item), _i))\n .filter(({ item }) => inDateRange(group, item));\n\n // `showTabs` (opt-in, e.g. the full \"View all\" page) splits notes into a\n // To-do / Resolved Notes tab pair by status; the dashboard mini-card ignores\n // it and shows everything mixed together, same as before.\n const [activeTab, setActiveTab] = useState('todo');\n const todoEntries = visible.filter(({ item }) => !isResolvedStatus(group, item));\n const resolvedEntries = visible.filter(({ item }) => isResolvedStatus(group, item));\n const tabbed = group.showTabs;\n const currentEntries = tabbed ? (activeTab === 'resolved' ? resolvedEntries : todoEntries) : visible;\n\n // Pagination only applies to the tabbed (\"View all\") layout — the dashboard\n // mini-card keeps its plain maxCount cap instead.\n const [pageSize, setPageSize] = useState(group.pageSize || 12);\n const [page, setPage] = useState(1);\n useEffect(() => { setPage(1); }, [activeTab, group.dateRange]);\n const totalPages = Math.max(1, Math.ceil(currentEntries.length / pageSize));\n useEffect(() => { setPage(p => Math.min(p, totalPages)); }, [totalPages]);\n\n const shown = tabbed\n ? currentEntries.slice((page - 1) * pageSize, page * pageSize)\n : capTo(visible, maxCount);\n\n return (\n \n {group.headerExtra}\n \n \n )}\n \n )}\n >\n {tabbed && (\n \n )}\n {shown.length === 0 ? (\n \n ) : (\n
\n \n {shown.map(({ item, _i }) => {\n const n = toStickyNote(item, group, _i);\n const skin = cardSkin(group, n.type);\n return (\n = 12 ? 12 : span * 2} lg={span} xl={span}>\n
\n\n \n \n }\n onClick={() => editNote(item)}\n />\n \n \n }\n onClick={() => resolveNote(item)}\n />\n \n \n\n \n {has(n.pill) && (\n \n {n.dot && }\n {n.pill}\n \n )}\n {n.date && {n.date}}\n \n\n {has(n.heading) && {n.heading}}\n {has(n.body) && }\n\n \n {n.footerLeft}\n {n.footerRight}\n \n\n
\n \n );\n })}\n \n
\n )}\n {tabbed && currentEntries.length > 0 && (\n
\n \n
\n )}\n \n );\n}\n\n/**\n * Optional outer \"frame\" around a group — an opt-in titled card with a View-all\n * link and (optionally) a footer strip. Turn it on per module in the config:\n * frame: true -> wrap the group in this outer card\n * frameTitle: 'Onboarding'-> the heading text\n * frameClassName: 'x' -> class on the outer card (styled in CSS; also drives\n * the footer class `-footer`)\n * viewAll: true | 'text' -> show a View-all link in the header\n * footer: true -> render the footer strip\n * The inner group renders WITHOUT its own title, so there's no double header.\n */\nfunction FrameCard({ group, children }) {\n const cls = group.frameClassName || 'dyn-frame';\n const extra = group.viewAll\n ? {typeof group.viewAll === 'string' ? group.viewAll : 'View all'}\n : undefined;\n return (\n \n {children}\n {group.footer &&
}\n \n );\n}\n\n// Render a single resolved group (config + already-extracted data).\nfunction GroupView({ group, data }) {\n const baseTitle = group.variant === 'sticky' ? stripTrailingCounts(group.title) : group.title;\n const stickyTitle = group.variant === 'sticky' && has(group.totalCount)\n ? `${baseTitle} (${Number(group.totalCount).toLocaleString()})`\n : baseTitle;\n const resolvedGroup = stickyTitle === group.title ? group : { ...group, title: stickyTitle };\n // A framed group never renders its own inner title ? the frame owns the header.\n const inner = resolvedGroup.frame ? { ...resolvedGroup, title: undefined } : resolvedGroup;\n const content =\n inner.variant === 'sticky'\n ? \n : inner.variant === 'counts'\n ? \n : inner.variant === 'submission'\n ? \n : inner.variant === 'assessment'\n ? \n : inner.variant === 'metrics'\n ? \n : inner.variant === 'bars'\n ? \n : inner.variant === 'kpi'\n ? \n : ;\n\n return resolvedGroup.frame ? {content} : content;\n}\n\n/**\n * ModuleCards — API-driven mode. Give it a moduleName, it looks the config up\n * in MODULE_CONFIG, calls the ONE common /dashboard/cards endpoint, then renders\n * the response with the same sticky/counts/list logic used by the static mode.\n */\nfunction ModuleCards({ moduleName, title, maxCount, layout, columns, request, viewAll = true, staticData, showTabs, dateRange, headerExtra, rows, loading: loadingOverride }) {\n const base = getModuleConfig()[moduleName];\n // Props passed from the page override the matching keys in cardConfig.js.\n // Memoised so the fetch effect below doesn't re-run on every render.\n // `request` is stringified for the dep array so a fresh object (e.g. one\n // coming from router navigation state) doesn't re-trigger the effect.\n const requestKey = request ? JSON.stringify(request) : '';\n // `rows` stringified the same way as `request` — it's a page-computed array\n // (e.g. a label that varies per month), so a fresh-but-equal array on every\n // render must not be treated as a config change.\n const rowsKey = rows ? JSON.stringify(rows) : '';\n const config = useMemo(() => {\n if (!base) return base;\n // `loading` here is a page-controlled UI flag (e.g. the 'kpi' variant's\n // skeleton state) — unrelated to this component's OWN fetch-loading below.\n // `rows` lets a page override cardConfig's static row labels/order (e.g.\n // \"Standard\" vs \"Standard / Supplementary\" depending on which month is\n // being viewed) without forking the whole module config.\n const overrides = { title, maxCount, layout, columns, showTabs, dateRange, headerExtra, rows, loading: loadingOverride };\n // moduleName is kept on the config so children (e.g. the sticky \"View all\"\n // link) can forward it to the full-page route.\n const merged = { ...base, moduleName };\n for (const k in overrides) {\n if (has(overrides[k])) merged[k] = overrides[k];\n }\n // Merge a request override (e.g. a larger limit on the \"View all\" page).\n if (request) {\n merged.request = {\n ...base.request,\n ...request,\n params: { ...base.request?.params, ...request.params },\n body: { ...base.request?.body, ...request.body },\n };\n }\n // Let a page suppress the \"View all\" link (so the full page doesn't show\n // a link back to itself).\n if (!viewAll) merged.viewAllUrl = undefined;\n return merged;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [base, title, maxCount, layout, columns, requestKey, viewAll, showTabs, dateRange, headerExtra, rowsKey, loadingOverride]);\n // One state bag tagged with the module it belongs to, so we never call\n // setState synchronously inside the effect (only in the async callbacks).\n const [result, setResult] = useState({ moduleName: null, resp: null, error: null });\n\n // Bump on config.refreshEvent (e.g. a popup dispatches it after a successful\n // save) to force the fetch effect below to re-run — closing a popup returns\n // to this same mounted component, so nothing else would trigger a refetch.\n const [refreshTick, setRefreshTick] = useState(0);\n useEffect(() => {\n if (!config?.refreshEvent) return undefined;\n const bump = () => setRefreshTick((t) => t + 1);\n window.addEventListener(config.refreshEvent, bump);\n return () => window.removeEventListener(config.refreshEvent, bump);\n }, [config?.refreshEvent]);\n\n useEffect(() => {\n if (!config) return;\n\n // If a parent already has count data, convert and use it.\n if (staticData !== undefined) {\n const resp = dynamicCommonCountToFlatData(staticData, config);\n setResult({ moduleName, resp, error: null });\n return;\n }\n\n if (config.dynamicCommonCount) {\n let alive = true;\n getDynamicCommonCount(config.dynamicCommonCount)\n .then(json => {\n if (alive) setResult({ moduleName, resp: dynamicCommonCountToFlatData(json, config), error: null });\n })\n .catch(err => { if (alive) setResult({ moduleName, resp: null, error: err }); });\n return () => { alive = false; };\n }\n\n // For non-count modules (e.g. stickyNotes), fetch individually.\n if (!config.request) return;\n let alive = true;\n getDashboardCards(moduleName, config.request)\n .then(json => { if (alive) setResult({ moduleName, resp: json, error: null }); })\n .catch(err => { if (alive) setResult({ moduleName, resp: null, error: err }); });\n return () => { alive = false; };\n }, [moduleName, config, staticData, refreshTick]);\n\n // Still loading until the result we hold is for THIS module.\n const loading = result.moduleName !== moduleName;\n const error = loading ? null : result.error;\n const resp = loading ? null : result.resp;\n\n if (!config) {\n return ;\n }\n if (loading) {\n return (\n \n
\n \n );\n }\n if (error) {\n return (\n \n \n \n );\n }\n\n const data = getPath(resp, config.listPath);\n const stickyCounts = config.variant === 'sticky' ? getStickyCountBreakdown(resp, data) : null;\n const group = config.variant === 'sticky'\n ? { ...config, ...stickyCounts }\n : config;\n\n return ;\n}\n\n/**\n * DynamicCards — give it a moduleName and it renders that dashboard widget LIVE\n * from the common API. Any of these props override the config in cardConfig.js:\n * title -> section heading\n * layout -> 'COLSxROWS' grid, e.g. '4x2' (4 wide, max 8 cards), '3x3', '2x4'\n * columns -> just the column count (no card cap)\n * maxCount -> hard cap on how many cards to show\n *\n * \n * \n */\nexport default function DynamicCards({ moduleName, title, layout, columns, maxCount, request, viewAll, staticData, showTabs, dateRange, headerExtra, rows, loading }) {\n if (!moduleName) {\n return ;\n }\n\n return (\n
\n \n
\n );\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { Popover, Tree, Input, Button, Spin, Empty, Badge, Typography } from 'antd';\nimport { DownOutlined, FilterOutlined } from '@ant-design/icons';\nimport { getUserHierarchyTree } from '../../services/dashboardApi';\n\nconst { Text } = Typography;\n\n// Map the server's tree onto antd's {key,title,children} shape. The server has\n// already scoped and nested it , so there is no tree-building to do here.\nfunction toTreeData(nodes) {\n return (nodes ?? []).map((node) => ({\n key: node.userId,\n title: node.isSelf ? `${node.name} (You)` : node.name,\n // Kept for search, which matches on name or email.\n searchText: `${node.name} ${node.email ?? ''}`.toLowerCase(),\n children: toTreeData(node.children),\n }));\n}\n\n// Keep a node when it matches, or when any descendant does — so a match deep in\n// the tree stays reachable through its ancestors rather than being orphaned.\nfunction filterTree(nodes, term) {\n const out = [];\n for (const node of nodes) {\n const children = filterTree(node.children ?? [], term);\n if (node.searchText.includes(term) || children.length > 0) {\n out.push({ ...node, children });\n }\n }\n return out;\n}\n\nfunction collectKeys(nodes, acc = []) {\n for (const node of nodes) {\n acc.push(node.key);\n collectKeys(node.children ?? [], acc);\n }\n return acc;\n}\n\n/**\n * A \"Filter by\" control: a checkbox tree of the account's users, nested by\n * reporting manager. Used by the dashboard to scope its cards/calendar to a\n * chosen set of users.\n *\n * Checking a manager selects their whole subtree. The backend expands and\n * re-checks that itself, so this is a convenience rather than the security\n * boundary — but it does mean what the user sees ticked is what gets counted.\n */\nexport default function HierarchyUserFilter({ value = [], onChange }) {\n const [tree, setTree] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [search, setSearch] = useState('');\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n let alive = true;\n getUserHierarchyTree()\n .then((data) => {\n if (alive) setTree(toTreeData(data?.users));\n })\n .catch((err) => {\n if (alive) setError(err);\n })\n .finally(() => {\n if (alive) setLoading(false);\n });\n return () => {\n alive = false;\n };\n }, []);\n\n const term = search.trim().toLowerCase();\n const visible = useMemo(\n () => (term && tree ? filterTree(tree, term) : tree),\n [tree, term],\n );\n\n // While searching, expand everything so matches buried under a collapsed\n // manager are actually visible.\n const expandedProps = term ? { expandedKeys: collectKeys(visible ?? []) } : {};\n\n const content = (\n
\n setSearch(e.target.value)}\n style={{ marginBottom: 8 }}\n />\n\n {loading && (\n
\n \n
\n )}\n\n {error && }\n\n {!loading && !error && (visible?.length ? (\n
\n their whole team counts\" true on the wire.\n onCheck={(_keys, info) => onChange(info.checkedNodes.map((n) => n.key))}\n {...expandedProps}\n />\n
\n ) : (\n \n ))}\n\n {value.length > 0 && (\n
\n {value.length} selected\n \n
\n )}\n
\n );\n\n return (\n \n \n \n \n \n );\n}\n","// Field-level \"force a value based on who is submitting\" rules.\n//\n// This is the FRONTEND half of an admin-configured feature (formGroupConfig →\n// field.autoValueRules), e.g. a submission's \"Submit Source\" that must read\n// External when an employer-type user submits and Internal for everyone else.\n//\n// It mirrors the backend exactly (models.AutoValueRule.Matches +\n// applyAutoValueRules in moduleWriteOrchestrator.go). The backend is the\n// authority — it re-evaluates these rules from the auth token on every\n// create/update, so a request that bypasses the UI is still corrected. This copy\n// exists purely so the user SEES the forced value while filling the form.\n//\n// Nothing here special-cases a module, field, role or value: which roleId/userId\n// maps to which value is entirely admin data.\n\n// autoValueFor evaluates a field's rules against the acting user's identity\n// ({roleId, userId}). whenRoleId and whenUserId are OR-ed; a rule with neither\n// set never fires. First matching rule wins — same as the backend.\nexport function autoValueFor(field, identity = {}) {\n const rules = Array.isArray(field?.autoValueRules) ? field.autoValueRules : [];\n for (const rule of rules) {\n const roles = Array.isArray(rule?.whenRoleId) ? rule.whenRoleId.map(Number) : [];\n const users = Array.isArray(rule?.whenUserId) ? rule.whenUserId.map(Number) : [];\n const roleHit = identity.roleId !== undefined && roles.includes(identity.roleId);\n const userHit = identity.userId !== undefined && users.includes(identity.userId);\n if (roleHit || userHit) return { matched: true, value: rule.value };\n }\n return { matched: false, value: undefined };\n}\n\nexport default autoValueFor;\n","// ─────────────────────────────────────────────────────────────────────────\n// duplicateRecord — the client half of the staged duplicate check.\n//\n// The backend (POST /v1/module/duplicate-check) decides WHETHER a record is a\n// duplicate, entirely from the module's configured stages. This module decides\n// only how to SAY it, and it takes every word from config too:\n//\n// automations.duplicateCheck.message → the sentence, with {tokens}\n// automations.duplicateCheck.policy → \"prompt\" (offer to update) | \"block\"\n// automations.duplicateCheck.displayFields → which keys name the record\n//\n// Nothing here knows a module, a field, or how long \"recently\" is.\n// ─────────────────────────────────────────────────────────────────────────\n\n/**\n * describeAge — \"how stale is the existing record?\", in words.\n *\n * The requirement asks for exactly this: \"in the error message we need to show\n * last updated date — for example 60 days back the same candidate is updated,\n * like that — so we can get a proper idea that the candidate already was there\n * with the date.\"\n *\n * A bare date (\"07 Aug 2026\") makes the reader do the arithmetic; the elapsed\n * time is the part that carries the decision, so both are offered and the\n * caller's template chooses.\n */\nexport function describeAge(daysAgo) {\n // null/undefined/'' must NOT fall through to Number()'s 0, which would render\n // a record with no timestamp at all as \"updated today\" — a confident false\n // statement about exactly the fact the user is being asked to judge.\n if (daysAgo === null || daysAgo === undefined || daysAgo === '') return '';\n const days = Number(daysAgo);\n if (!Number.isFinite(days) || days < 0) return '';\n if (days === 0) return 'today';\n if (days === 1) return 'yesterday';\n if (days < 30) return `${days} days ago`;\n if (days < 60) return 'about a month ago';\n if (days < 365) return `about ${Math.round(days / 30)} months ago`;\n const years = Math.floor(days / 365);\n return years === 1 ? 'over a year ago' : `over ${years} years ago`;\n}\n\n/**\n * describeRecord — a human label for the matched record, built from whichever\n * of the configured display fields actually carry a value.\n */\nexport function describeRecord(record, displayFields) {\n const keys = Array.isArray(displayFields) && displayFields.length\n ? displayFields\n : Object.keys(record ?? {});\n const parts = keys\n .map((key) => record?.[key])\n .map((v) => (v === null || v === undefined ? '' : String(v).trim()))\n .filter(Boolean);\n return parts.join(' · ');\n}\n\n/**\n * fillTemplate — {token} substitution. An unknown token is left INTACT so a\n * typo in admin config is visible rather than silently blanking the sentence.\n */\nexport function fillTemplate(template, tokens = {}) {\n if (!template) return '';\n return String(template).replace(\n /\\{(\\w+)\\}/g,\n (match, key) => (tokens[key] === undefined ? match : String(tokens[key])),\n );\n}\n\n/**\n * duplicateTokens — everything a configured message may reference.\n */\nexport function duplicateTokens(result, displayFields) {\n const name = describeRecord(result?.record, displayFields);\n const age = describeAge(result?.updatedDaysAgo);\n return {\n name: name || 'an existing record',\n age: age || 'previously',\n days: Number.isFinite(Number(result?.updatedDaysAgo)) ? String(result.updatedDaysAgo) : '',\n updatedOn: result?.updatedAt ? String(result.updatedAt).slice(0, 10) : '',\n stage: result?.stage ?? '',\n weight: result?.weight ?? '',\n };\n}\n\n// Default wording, used until an admin writes their own. Deliberately states\n// BOTH the identity and the age, because those are the two things that let\n// someone decide whether this really is the same person.\nexport const DEFAULT_DUPLICATE_MESSAGE =\n 'We already have {name} on file \\u2014 last updated {age}. '\n + 'You can carry on and update that record with what you\\u2019ve just entered, '\n + 'or go back and check first.';\n\nexport const DEFAULT_BLOCK_MESSAGE =\n 'We already have {name} on file \\u2014 last updated {age}. '\n + 'Please open that record and update it, rather than adding a second copy.';\n\n/**\n * duplicateMessage — the finished sentence for a result.\n */\nexport function duplicateMessage(result, cfg = {}) {\n const tokens = duplicateTokens(result, cfg.displayFields);\n const isBlock = (result?.policy ?? cfg.policy) === 'block';\n const template = result?.message\n || cfg.message\n || (isBlock ? DEFAULT_BLOCK_MESSAGE : DEFAULT_DUPLICATE_MESSAGE);\n return fillTemplate(template, tokens);\n}\n\n/**\n * duplicateBlocks — should the create be refused outright?\n *\n * The response's own policy wins (it comes from the module config the backend\n * actually applied); the caller's config is only a fallback for a backend that\n * predates the field. Default is \"prompt\", so a misconfiguration inconveniences\n * rather than blocks.\n */\nexport function duplicateBlocks(result, cfg = {}) {\n if (!result?.duplicate) return false;\n return (result.policy ?? cfg.policy ?? 'prompt') === 'block';\n}\n\n/**\n * duplicateFacts — the matched record as scannable label/value pairs.\n *\n * The prose sentence carries the same information, but a reader deciding \"is\n * this the same person?\" should not have to parse it out of a paragraph. The\n * facts that settle it are WHO and HOW STALE, so those are surfaced; whatever\n * else the module chose to display comes with them.\n *\n * Labels are derived from the key itself (\"firstName\" → \"First name\"), so a\n * module that adds a display field gets a sensible label with no extra config.\n */\nexport function duplicateFacts(result, displayFields) {\n const record = result?.record ?? {};\n const keys = Array.isArray(displayFields) && displayFields.length\n ? displayFields\n : Object.keys(record);\n\n const facts = keys\n .map((key) => ({ label: humanizeKey(key), value: record[key] }))\n .filter((f) => f.label && f.value !== undefined && f.value !== null && String(f.value).trim() !== '');\n\n const age = describeAge(result?.updatedDaysAgo);\n if (age) facts.push({ label: 'Last updated', value: age });\n return facts;\n}\n\n// humanizeKey — \"firstName\" / \"contact_number\" → \"First name\".\n// Only the first word is capitalised: these are labels in a list, not titles.\nfunction humanizeKey(key) {\n const words = String(key ?? '')\n .replace(/([a-z0-9])([A-Z])/g, '$1 $2')\n .replace(/[_\\-.]+/g, ' ')\n .trim()\n .toLowerCase();\n return words ? words.charAt(0).toUpperCase() + words.slice(1) : '';\n}\n","// ─────────────────────────────────────────────────────────────────────────\n// useDuplicateCheck — \"have we got this person already?\", asked at the moment\n// it is useful.\n//\n// WHEN IT RUNS\n// • right after a résumé has been read and the form filled in, because that\n// is the first time an email and phone number exist to check;\n// • again on submit, as the authoritative gate.\n//\n// WHAT IT SHOWS\n// A dialog naming the existing record and how long ago it was touched, with the\n// two things a user can actually do: open that record and update it (the new\n// file is kept as another version), or go back and look again. Every word comes\n// from the module's own config — see components/form/duplicateRecord.js.\n//\n// It FAILS OPEN. A check that cannot run (offline, a backend that predates the\n// endpoint, a module with no stages configured) must never stop someone\n// creating a legitimate record.\n// ─────────────────────────────────────────────────────────────────────────\nimport { useCallback, useRef, useState } from 'react';\nimport { checkDuplicateRecord } from '../../services/uniqueValidationApi';\nimport { duplicateMessage, duplicateBlocks, duplicateFacts } from './duplicateRecord';\nimport { openFormDecision, openFormNotice } from './formDecisionDialog';\n\n/**\n * @param {object} opts\n * @param {object} opts.form the antd form instance\n * @param {string} opts.moduleName module being created\n * @param {string} [opts.recordId] set on EDIT, so a record never matches itself\n * @param {object} [opts.config] { message, policy, displayFields } fallback\n * @param {function}[opts.onUseExisting] called with the matched id when the user\n * chooses to update the existing record\n */\nexport default function useDuplicateCheck({\n form,\n moduleName,\n recordId,\n config = {},\n onUseExisting,\n} = {}) {\n const [checking, setChecking] = useState(false);\n // Remembers a match the user has already accepted, so submitting after\n // choosing \"update the existing one\" does not ask the same question twice.\n const acknowledged = useRef(null);\n\n /**\n * check — ask the backend.\n *\n * `payload` overrides the form's own values. That matters right after a\n * résumé is read: the parsed email and phone exist in the RESPONSE and are\n * not on the form yet, so checking the form would ask about a blank page.\n */\n const check = useCallback(async (payload) => {\n if (!moduleName) return { duplicate: false };\n setChecking(true);\n try {\n return await checkDuplicateRecord({\n module: moduleName,\n payload: payload ?? form.getFieldsValue(true) ?? {},\n excludeId: recordId,\n });\n } finally {\n setChecking(false);\n }\n }, [form, moduleName, recordId]);\n\n /**\n * prompt — run the check and, if something matches, ask.\n *\n * Resolves to:\n * 'clear' nothing matched — carry on\n * 'existing' the user chose to update the record we already have\n * 'blocked' the module is set to refuse, or the user backed out\n */\n const prompt = useCallback(async ({ reason, payload, carry } = {}) => {\n const result = await check(payload);\n if (!result?.duplicate) {\n acknowledged.current = null;\n return 'clear';\n }\n if (acknowledged.current && acknowledged.current === result.id) return 'existing';\n\n const body = duplicateMessage(result, config);\n // The two things that actually decide the answer — WHO matched and HOW OLD\n // that record is — are shown as facts rather than left inside the sentence.\n const facts = duplicateFacts(result, config.displayFields);\n // A stage-1 hit (email or phone) is near proof; a stage-2 hit (name only)\n // is a maybe. Saying which stops both being read with the same weight.\n const heading = result.weight === 'weak'\n ? 'This might be someone you already have'\n : 'You already have this person on file';\n\n if (duplicateBlocks(result, config)) {\n await openFormNotice({ tone: 'duplicate', title: heading, facts, body });\n return 'blocked';\n }\n\n const useExisting = await openFormDecision({\n tone: 'duplicate',\n title: heading,\n facts,\n body,\n // Naming the OUTCOMES rather than \"OK\"/\"Cancel\": the choice is between\n // two different results, and neither is obviously the default.\n okText: 'Open their record',\n cancelText: 'Let me check first',\n // Says what happens to the FILE, because that is the thing the user has\n // just spent effort on and the thing they will assume is lost.\n footnote: carry?.files\n ? 'We\\u2019ll take you to their record with the r\\u00e9sum\\u00e9 you just uploaded already '\n + 'attached \\u2014 save there to keep it. The one already on file is kept too, as an '\n + 'earlier version. Nothing on this form has been filled in.'\n : 'Everything already on their record is kept. Nothing on this form has been filled in.',\n });\n\n if (!useExisting) return 'blocked';\n acknowledged.current = result.id ?? true;\n // The whole result is handed over, because it carries `editRoute` — the\n // configured path for opening the matched record. The caller must never\n // derive that path; see DuplicateCheckStrategy.EditRoute.\n // `carry` travels through untouched — today the file the user just\n // uploaded, so it arrives with them at the existing record instead of\n // having to be found and attached again.\n onUseExisting?.(result.id, result, reason, carry);\n return 'existing';\n }, [check, config, onUseExisting]);\n\n return { prompt, check, checking, acknowledgedId: acknowledged };\n}\n","// =============================================================================\n// The display name of an ALREADY-STORED file\n// -----------------------------------------------------------------------------\n// Legacy candidate schemas are NOT uniform about where a file's original name\n// lives, and the fileFieldMaps config says so out loud:\n//\n// passport passportUploadName ← \"upload name\"\n// alternateVisa alternateVisaUploadName ← \"upload name\"\n// visa visaUniqueName ← \"UNIQUE name\" holds the\n// ORIGINAL name here\n// resume uploadedFileName\n//\n// Matching only on `*UploadName` therefore found nothing for a visa, the name\n// resolved to empty, and the form fell back to the literal string \"file\" — so a\n// submission prefilled from a candidate showed Passport and Alternate Visa\n// correctly and the Visa as an anonymous \"file\". The user could not tell what\n// had been attached, or whether it was the right document.\n//\n// Ordering matters as much as the keys. `*CopyUniqueName` holds the SANITISED\n// name (\"Resume_of_Vinoth_Satti.doc\"), so it is consulted last: it is better\n// than \"file\", but it is not what the user uploaded.\n// =============================================================================\n\n/** Suffix groups, best first. Each is matched case-insensitively. */\nconst NAME_KEY_SUFFIXES = [\n // The original filename, under the two names the schemas give it.\n ['uploadname', 'uploadedfilename', 'originalname', 'filename'],\n // visa reuses \"unique name\" for the original — but NOT the \"copy unique\n // name\", which is the sanitised form and is handled in the next group.\n ['uniquename'],\n];\n\nconst SANITISED_SUFFIX = 'copyuniquename';\n\nfunction suffixMatch(key, suffixes, { excludeSanitised = false } = {}) {\n const lower = String(key).toLowerCase();\n if (excludeSanitised && lower.endsWith(SANITISED_SUFFIX)) return false;\n return suffixes.some((suffix) => lower.endsWith(suffix));\n}\n\n/**\n * storedFileName — the name to show for a stored file container.\n *\n * Returns '' when the object carries no usable name, so the caller decides what\n * to do about that rather than being handed a placeholder that looks like data.\n */\nexport function storedFileName(value) {\n if (!value || typeof value !== 'object') return '';\n\n const direct = value.uploadedFileName ?? value.name;\n if (typeof direct === 'string' && direct.trim()) return direct.trim();\n\n const entries = Object.entries(value)\n .filter(([, v]) => typeof v === 'string' && v.trim());\n\n for (const suffixes of NAME_KEY_SUFFIXES) {\n const hit = entries.find(([k]) => suffixMatch(k, suffixes, { excludeSanitised: true }));\n if (hit) return hit[1].trim();\n }\n // Last resort: the sanitised copy name. Underscored and not what was\n // uploaded, but it names the document, which \"file\" does not.\n const sanitised = entries.find(([k]) => String(k).toLowerCase().endsWith(SANITISED_SUFFIX));\n return sanitised ? sanitised[1].trim() : '';\n}\n\n/**\n * storedFileUrl — the storage location of a stored file container, under any of\n * the names the legacy schemas use.\n */\nexport function storedFileUrl(value) {\n if (!value || typeof value !== 'object') return '';\n const direct = value.location ?? value.url;\n if (typeof direct === 'string' && direct.trim()) return direct.trim();\n const hit = Object.entries(value).find(([k, v]) => (\n typeof v === 'string' && v.trim() && String(k).toLowerCase().endsWith('copylocation')\n ));\n return hit ? hit[1].trim() : '';\n}\n","// const BASE_URL = 'http://192.168.1.66/submissionsapi/v1';\n// // const AUTH_URL = 'http://192.168.1.66/authapi/v1';\n// const JOBS_URL = 'http://192.168.1.66/jobsapi/v1';\n// // export const AUTH_URL = 'http://192.168.0.127:9009/authapi/v1';\n// export const AUTH_URL = 'http://192.168.1.66/authapi/v1';\n// export const SUBMISSIONS_URL = BASE_URL;\n\nimport { AUTH_URL, JOBS_URL, CANDIDATES_URL, SUBMISSIONS_URL, PYOPS_URL } from './apiConfig';\nimport { fetchJsonWithAuth as coreFetchJsonWithAuth, ensureToken as coreEnsureToken, logout as coreLogout } from './authApi';\nimport { fetchFormGroupsCached, invalidateFormGroupsCache } from './formGroupsCache';\nimport { getBaseModuleName } from '../utils/modulePath';\n\n\nconst AUTH_TOKEN_KEY = 'authToken';\nconst AUTH_USER_KEY = 'authUser';\nconst AUTH_LOGIN_SESSION_KEY = 'authLoginSession';\nconst LOGIN_STORAGE_KEYS = [\n 'access_token',\n 'refresh_token',\n 'id_token',\n 'token_type',\n 'expires_in',\n 'refresh_expires_in',\n 'menu',\n 'footermenu',\n 'menuPermission',\n 'default_values',\n 'roleId',\n 'companyName',\n 'preferred_Username',\n 'user_Email',\n 'userName',\n 'userId',\n 'tenantId',\n 'businessId',\n 'businessUnitId',\n 'activeKey',\n 'ct_project_id',\n 'ct_project_name',\n];\n\nconst CT_PROJECT_ID_KEY = 'ct_project_id';\nconst CT_PROJECT_NAME_KEY = 'ct_project_name';\n\nconst TEST_FLOW_MODULE = 'test-flows';\nconst TEST_FLOW_FIELDS = [\n { value: 'module', label: 'Module', isVisible: true, type: 'text' },\n { value: 'flow', label: 'Flow', isVisible: true, type: 'text' },\n { value: 'step_order', label: 'Step Order', isVisible: true, type: 'number' },\n { value: 'keyword', label: 'Action', isVisible: true, type: 'text' },\n { value: 'description', label: 'Description', isVisible: true, type: 'text' },\n { value: 'target', label: 'Key', isVisible: true, type: 'text' },\n { value: 'tags', label: 'Tags', isVisible: true, type: 'text' },\n { value: 'value', label: 'Value', isVisible: true, type: 'text' },\n { value: 'expected', label: 'Expected', isVisible: true, type: 'text' },\n];\n\nconst LMS_FLOW_MODULE = 'lms-flows';\nconst LMS_FLOW_FIELDS = [\n { value: 'module', label: 'Module', isVisible: true, type: 'text' },\n { value: 'flow', label: 'Flow', isVisible: true, type: 'text' },\n { value: 'step_order', label: 'Step Order', isVisible: true, type: 'number' },\n { value: 'keyword', label: 'Action', isVisible: true, type: 'text' },\n { value: 'description', label: 'Description', isVisible: true, type: 'text' },\n { value: 'target', label: 'Key', isVisible: true, type: 'text' },\n { value: 'tags', label: 'Tags', isVisible: true, type: 'text' },\n { value: 'value', label: 'Value', isVisible: true, type: 'text' },\n { value: 'expected', label: 'Expected', isVisible: true, type: 'text' },\n];\n\n// In-flight login promise — prevents multiple simultaneous login calls\nlet loginPromise = null;\nlet refreshPromise = null;\n\nfunction extractToken(json) {\n return (\n json?.token ??\n json?.access_token ??\n json?.accessToken ??\n json?.jwt ??\n json?.data?.token ??\n json?.data?.access_token ??\n json?.data?.accessToken ??\n json?.data?.jwt\n );\n}\n\nfunction extractUser(json) {\n return json?.user ?? json?.data?.user ?? json?.data?.profile ?? null;\n}\n\nfunction decodeJwtPayload(token) {\n if (!token || typeof token !== 'string') return null;\n\n try {\n const payload = token.split('.')[1];\n if (!payload) return null;\n\n const normalizedPayload = payload.replace(/-/g, '+').replace(/_/g, '/');\n const decodedPayload = atob(normalizedPayload.padEnd(Math.ceil(normalizedPayload.length / 4) * 4, '='));\n return JSON.parse(decodedPayload);\n } catch (error) {\n console.error('Unable to decode login token:', error);\n return null;\n }\n}\n\nfunction setLocalStorageJson(key, value) {\n if (value === undefined || value === null) return;\n localStorage.setItem(key, JSON.stringify(value));\n}\n\nfunction getLoginMenus(json, data) {\n return data?.menus ?? json?.menus ?? {\n menu: data?.menu ?? json?.menu,\n footermenu: data?.footermenu ?? json?.footermenu,\n };\n}\n\nfunction persistLoginResponse(json, token, user) {\n // Keep role/menu state tied to the current login only. Clearing these first\n // prevents stale menu data from a previous user from leaking into the next\n // session when a response omits one of the optional menu fields.\n ['menu', 'footermenu', 'menuPermission', 'default_values', 'activeKey'].forEach((key) => {\n localStorage.removeItem(key);\n });\n\n const data = json?.data ?? json;\n const tokenPayload = decodeJwtPayload(token) ?? {};\n const menus = getLoginMenus(json, data);\n const userName = (\n user?.userName ??\n user?.name ??\n data?.userName ??\n data?.name ??\n tokenPayload.userName ??\n tokenPayload.name ??\n tokenPayload.preferred_username ??\n tokenPayload.email\n );\n const preferredUsername = (\n user?.preferred_Username ??\n user?.preferred_username ??\n data?.preferred_Username ??\n data?.preferred_username ??\n tokenPayload.preferred_Username ??\n tokenPayload.preferred_username ??\n tokenPayload.email ??\n userName\n );\n const userEmail = user?.email ?? data?.email ?? tokenPayload.email ?? preferredUsername;\n\n localStorage.setItem('access_token', token);\n if (data?.refresh_token) localStorage.setItem('refresh_token', data.refresh_token);\n if (data?.id_token !== undefined) localStorage.setItem('id_token', data.id_token);\n if (data?.token_type) localStorage.setItem('token_type', data.token_type);\n if (data?.expires_in !== undefined) localStorage.setItem('expires_in', String(data.expires_in));\n if (data?.refresh_expires_in !== undefined) localStorage.setItem('refresh_expires_in', String(data.refresh_expires_in));\n if (userName) localStorage.setItem('userName', userName);\n if (preferredUsername) localStorage.setItem('preferred_Username', preferredUsername);\n if (userEmail) localStorage.setItem('user_Email', userEmail);\n if (data?.roleId ?? tokenPayload.role_id) localStorage.setItem('roleId', data?.roleId ?? tokenPayload.role_id);\n if (data?.companyName) localStorage.setItem('companyName', data.companyName);\n if (tokenPayload.userId !== undefined) localStorage.setItem('userId', String(tokenPayload.userId));\n if (tokenPayload.tenantId) localStorage.setItem('tenantId', tokenPayload.tenantId);\n if (tokenPayload.businessId) localStorage.setItem('businessId', tokenPayload.businessId);\n if (tokenPayload.businessUnitId) localStorage.setItem('businessUnitId', tokenPayload.businessUnitId);\n\n setLocalStorageJson('menu', menus.menu);\n setLocalStorageJson('footermenu', menus.footermenu);\n setLocalStorageJson('menuPermission', data?.menuPermission);\n setLocalStorageJson('default_values', data?.default_values);\n}\n\nexport function getStoredToken() {\n // localStorage is shared across tabs/windows for the same origin.\n // sessionStorage is tab-scoped, so using it as an auth prerequisite makes\n // a newly opened window appear logged out even when the token is valid.\n return localStorage.getItem(AUTH_TOKEN_KEY);\n}\n\nexport async function getGroupedVendorHotlist({ jobId, limit = 10, offset = 0, sortBy = 'new', type = 'myVendor' }) {\n const json = await fetchJsonWithAuth(JOBS_URL, '/vendor/hotlist', {\n method: 'POST',\n body: JSON.stringify({ jobId, limit, offset, sortBy, type }),\n });\n return json;\n}\n\nexport async function getBulkMailDetails(jobId) {\n const json = await fetchJsonWithAuth(CANDIDATES_URL, `/get-bulkmail-details?jobId=${encodeURIComponent(jobId)}`);\n return json.data ?? json;\n}\n\nexport async function formatMailContentForMail(contents, subject = '') {\n const input = String(contents ?? '').trim();\n if (!input) return '';\n\n const json = await fetchJsonWithAuth(PYOPS_URL, '/format-mail-content', {\n method: 'POST',\n body: JSON.stringify({ contents: input, subject: String(subject ?? '') }),\n });\n\n if (json?.status === false) {\n throw new Error(json?.error || 'Unable to format mail content');\n }\n\n return String(json?.html ?? json?.contents ?? json?.data?.html ?? json?.data?.contents ?? '').trim();\n}\n\n// Backward-compatible export for any host code that imported the previous name.\n// It now formats the existing mail body rather than generating/re-writing a JD.\nexport async function formatJobDescriptionForMail(contents, subject = '') {\n return formatMailContentForMail(contents, subject);\n}\n\nexport async function sendBulkMail({ jobId, toMail, ccMail, bccMail, subject, contents, attachments = [] }) {\n const tenantId = localStorage.getItem('tenantId') || '93c782a4aa626175e5d11afa';\n const businessId = localStorage.getItem('businessId') || '83c782a4aa626175e5d11afa';\n const businessUnitId = localStorage.getItem('businessUnitId') || '63b57588fd768a839dbc0f63';\n\n const formData = new FormData();\n formData.append('json', JSON.stringify({\n schemaVersion: 1,\n tenantId,\n businessId,\n businessUnitId,\n jobId,\n toMail,\n ccMail,\n bccMail,\n contents,\n subject,\n }));\n\n // Dynamic document placeholders are resolved to File objects by the mail\n // composer. Append them as multipart files so they are sent as real email\n // attachments instead of being rendered as text inside the mail body.\n (attachments ?? []).forEach((file) => {\n if (file instanceof File) formData.append('attachments', file, file.name);\n });\n\n // Exclude Content-Type so the browser sets multipart/form-data with the correct boundary\n const allHeaders = await authHeaders();\n const { 'Content-Type': _ct, ...headersWithoutContentType } = allHeaders;\n\n let res = await fetch(`${CANDIDATES_URL}/send-bulkmail`, {\n method: 'POST',\n headers: headersWithoutContentType,\n body: formData,\n });\n\n if (res.status === 401) logout();\n if (!res.ok) throw new Error(`API ${res.status}: ${res.statusText}`);\n const text = await res.text();\n return text ? JSON.parse(text) : {};\n}\n\n\nexport function logout() {\n coreLogout();\n}\n\n// ---- Role helpers ----\n// The login response carries the role NAME in `data.roleId`\n// (persistLoginResponse stores it in localStorage['roleId']). The access-token\n// claims only have a numeric `role_id`, so the stored role NAME is the reliable\n// signal for the tester check. JWT roles are kept as a fallback.\nexport function getCurrentRoleName() {\n return String(localStorage.getItem('roleId') ?? '').trim().toLowerCase();\n}\n\nexport function getUserRoles() {\n const token = localStorage.getItem(AUTH_TOKEN_KEY);\n const payload = decodeJwtPayload(token);\n\n const roles = new Set();\n\n const stored = getCurrentRoleName();\n if (stored) roles.add(stored);\n\n if (payload) {\n (payload?.realm_access?.roles ?? []).forEach((role) => roles.add(role));\n Object.values(payload?.resource_access ?? {}).forEach((client) => {\n (client?.roles ?? []).forEach((role) => roles.add(role));\n });\n [payload?.role, payload?.roleName, payload?.role_name].forEach((role) => {\n if (role) roles.add(role);\n });\n }\n\n return Array.from(roles).map((role) => String(role).toLowerCase());\n}\n\nexport function isTester() {\n return getCurrentRoleName() === 'tester' || getUserRoles().includes('tester');\n}\n\nfunction isEnabledPermission(value) {\n return value === true || value === 1 || value === '1';\n}\n\nexport function hasAllJobsPermission() {\n try {\n const permissions = JSON.parse(localStorage.getItem('menuPermission') || '{}');\n if (!permissions || typeof permissions !== 'object') return false;\n\n const jobsKey = Object.keys(permissions).find((key) => {\n const normalized = String(key).trim().toLowerCase();\n return normalized === 'job' || normalized === 'jobs';\n });\n const jobsPermissions = jobsKey ? permissions[jobsKey] : null;\n if (!jobsPermissions || typeof jobsPermissions !== 'object') return false;\n\n return isEnabledPermission(\n jobsPermissions.all_jobs\n ?? jobsPermissions.allJobs\n ?? jobsPermissions.alljobs,\n );\n } catch {\n return false;\n }\n}\n\nexport function resolveJobListScope(requestedScope = '') {\n const scope = String(requestedScope ?? '').trim();\n\n // Preserve the tab the user actually selected. The API is authoritative\n // for access control and already narrows an unauthorised allJobs request to\n // My Jobs. Re-checking permissions from localStorage here is unreliable:\n // login payloads differ across deployments, so a user whose API response\n // legitimately contains the All Jobs tab could still have that request\n // silently rewritten to myJobs by stale or differently-shaped cached data.\n if (scope === 'myJobs' || scope === 'allJobs' || scope === 'fulfilled') return scope;\n\n // With no explicit tab, let the API choose the permission-aware default.\n return '';\n}\n\nfunction isJobsModule(module) {\n const baseModule = String(getBaseModuleName(module) ?? '').trim().toLowerCase();\n return baseModule === 'job' || baseModule === 'jobs';\n}\n\n// ---- Selected project context (carried through the tester flow) ----\nexport function setSelectedProject(project) {\n if (!project) return;\n localStorage.setItem(CT_PROJECT_ID_KEY, String(project.id));\n localStorage.setItem(CT_PROJECT_NAME_KEY, String(project.name));\n}\n\nexport function getSelectedProject() {\n const id = localStorage.getItem(CT_PROJECT_ID_KEY);\n const name = localStorage.getItem(CT_PROJECT_NAME_KEY);\n if (!id || !name) return null;\n return { id: Number(id), name };\n}\n\nexport function clearSelectedProject() {\n localStorage.removeItem(CT_PROJECT_ID_KEY);\n localStorage.removeItem(CT_PROJECT_NAME_KEY);\n}\n\nexport async function login(credentials) {\n if (loginPromise) return loginPromise;\n\n loginPromise = fetch(`${AUTH_URL}/login`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(credentials),\n })\n .then(async (res) => {\n const json = await res.json();\n if (!res.ok) {\n const error = new Error(json?.message ?? json?.error ?? `Login failed: ${res.status}`);\n error.status = res.status;\n throw error;\n }\n\n const token = extractToken(json);\n if (!token) throw new Error('No token in login response');\n const user = extractUser(json);\n\n localStorage.setItem(AUTH_TOKEN_KEY, token);\n sessionStorage.setItem(AUTH_LOGIN_SESSION_KEY, '1');\n if (user) localStorage.setItem(AUTH_USER_KEY, JSON.stringify(user));\n persistLoginResponse(json, token, user);\n\n return { token, user, response: json };\n })\n .finally(() => {\n loginPromise = null;\n });\n\n return loginPromise;\n}\n\n\nfunction tokenExpiresSoon(token, skewSeconds = 30) {\n const payload = decodeJwtPayload(token);\n const exp = Number(payload?.exp);\n if (!Number.isFinite(exp) || exp <= 0) return false;\n return (exp * 1000) <= (Date.now() + (skewSeconds * 1000));\n}\n\nfunction persistRefreshedAccessToken(json) {\n const token = extractToken(json);\n if (!token) return '';\n\n localStorage.setItem(AUTH_TOKEN_KEY, token);\n localStorage.setItem('access_token', token);\n\n const data = json?.data ?? json;\n const expiresIn = data?.expires_in ?? data?.accessTokenExpiresIn;\n if (expiresIn !== undefined) localStorage.setItem('expires_in', String(expiresIn));\n\n window.dispatchEvent(new Event('auth:token-refreshed'));\n return token;\n}\n\nasync function refreshAccessToken() {\n if (refreshPromise) return refreshPromise;\n\n const refreshToken = String(localStorage.getItem('refresh_token') ?? '').trim();\n if (!refreshToken) {\n const error = new Error('Session expired');\n error.status = 401;\n throw error;\n }\n\n refreshPromise = fetch(`${AUTH_URL}/generate-refresh-token`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ refresh_token: refreshToken }),\n })\n .then(async (res) => {\n let json = {};\n try {\n json = await res.json();\n } catch {\n json = {};\n }\n\n if (!res.ok) {\n const error = new Error(json?.error ?? json?.message ?? `Token refresh failed: ${res.status}`);\n error.status = res.status;\n throw error;\n }\n\n const token = persistRefreshedAccessToken(json);\n if (!token) {\n const error = new Error('Token refresh response did not contain an access token');\n error.status = 401;\n throw error;\n }\n return token;\n })\n .finally(() => {\n refreshPromise = null;\n });\n\n return refreshPromise;\n}\n\nasync function ensureToken() {\n return coreEnsureToken();\n}\n\nasync function authHeaders() {\n const token = await ensureToken();\n return {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`,\n };\n}\n\nexport async function fetchJsonWithAuth(baseUrl, path, options = {}) {\n return coreFetchJsonWithAuth(baseUrl, path, options);\n}\n\nexport async function apiGetWithAuth(baseUrl, path) {\n const json = await fetchJsonWithAuth(baseUrl, path);\n return json.data ?? json;\n}\n\nasync function apiGet(path) {\n return apiGetWithAuth(SUBMISSIONS_URL, path);\n}\n\nasync function authapiGet(path) {\n return apiGetWithAuth(AUTH_URL, path);\n}\n\nasync function authapiPost(path, payload) {\n const json = await fetchJsonWithAuth(AUTH_URL, path, {\n method: 'POST',\n body: JSON.stringify(payload),\n });\n return json.data ?? json;\n}\n\nasync function authapiPut(path, payload) {\n const json = await fetchJsonWithAuth(AUTH_URL, path, {\n method: 'PUT',\n body: JSON.stringify(payload),\n });\n return json.data ?? json;\n}\n\n/**\n * Fetch available filter fields for a module.\n * Returns: [{ label, value, type }, ...]\n */\nexport async function getDropdownFields(module) {\n if (module === TEST_FLOW_MODULE) return TEST_FLOW_FIELDS;\n if (module === LMS_FLOW_MODULE) return LMS_FLOW_FIELDS;\n\n // Dot-notation names (\"job.client\") target nested data client-side; the\n // backend only knows the base module.\n return apiGet(`/filter-dropdown-fields?module=${encodeURIComponent(getBaseModuleName(module))}`);\n}\n\nexport async function getFieldConfig(module, { configType, userId, roleId } = {}) {\n if (module === TEST_FLOW_MODULE) return TEST_FLOW_FIELDS;\n if (module === LMS_FLOW_MODULE) return LMS_FLOW_FIELDS;\n\n const params = new URLSearchParams({ module: getBaseModuleName(module) });\n if (configType) params.set('configType', configType);\n if (userId != null) params.set('userId', String(userId));\n if (roleId != null) params.set('roleId', String(roleId));\n return authapiGet(`/admin/field-config?${params}`);\n}\n\n\nexport async function getTestingOptions(type) {\n return authapiGet(`/testing-modules?type=${encodeURIComponent(type)}`);\n}\n\nexport async function addTestingOption({ name, type }) {\n return authapiPost('/testing-modules', { name, type });\n}\n\nexport async function addTestFlow(payload) {\n return authapiPost('/test-flows', payload);\n}\n\nexport async function getTestFlows({\n limit = 10,\n offset = 0,\n search = '',\n module = '',\n keyword = '',\n tags = '',\n active,\n} = {}) {\n const params = new URLSearchParams({\n limit: String(limit),\n offset: String(offset),\n });\n if (search) params.append('search', search);\n if (module) params.append('module', module);\n if (keyword) params.append('keyword', keyword);\n if (tags) params.append('tags', tags);\n if (active !== undefined && active !== null && active !== '') {\n params.append('active', String(active));\n }\n\n return authapiGet(`/test-flows?${params.toString()}`);\n}\n\n// =====================================================================\n// Common Test Automation (znxt_test_automation)\n// Hierarchy: Project -> Module -> Submodule -> Test Flow\n// =====================================================================\n\n// ---- Projects ----\nexport async function getCTProjects({ activeOnly = false } = {}) {\n const params = new URLSearchParams();\n if (activeOnly) params.append('active', '1');\n const query = params.toString();\n return authapiGet(`/ct/projects${query ? `?${query}` : ''}`);\n}\n\nexport async function addCTProject(projectname) {\n return authapiPost('/ct/projects', { projectname });\n}\n\nexport async function setCTProjectStatus(id, active) {\n return authapiPut('/ct/projects/status', { id, active });\n}\n\n// ---- Modules ----\nexport async function getCTModules({ project = '', activeOnly = false } = {}) {\n const params = new URLSearchParams();\n if (project) params.append('project', project);\n if (activeOnly) params.append('active', '1');\n const query = params.toString();\n return authapiGet(`/ct/modules${query ? `?${query}` : ''}`);\n}\n\nexport async function addCTModule({ project, modulename }) {\n return authapiPost('/ct/modules', { project, modulename });\n}\n\nexport async function setCTModuleStatus(id, active) {\n return authapiPut('/ct/modules/status', { id, active });\n}\n\n// ---- Submodules ----\nexport async function getCTSubmodules({ project = '', module = '', activeOnly = false } = {}) {\n const params = new URLSearchParams();\n if (project) params.append('project', project);\n if (module) params.append('module', module);\n if (activeOnly) params.append('active', '1');\n const query = params.toString();\n return authapiGet(`/ct/submodules${query ? `?${query}` : ''}`);\n}\n\nexport async function addCTSubmodule({ project, modulename, submodulename }) {\n return authapiPost('/ct/submodules', { project, modulename, submodulename });\n}\n\nexport async function setCTSubmoduleStatus(id, active) {\n return authapiPut('/ct/submodules/status', { id, active });\n}\n\n// ---- Test Flows ----\nexport async function getCTFlows({\n project = '',\n module = '',\n submodule = '',\n product_parent_ID = '',\n module_parent_ID = '',\n submodule_parent_ID = '',\n actions = '',\n search = '',\n active,\n limit = 1000,\n offset = 0,\n} = {}) {\n const params = new URLSearchParams({\n limit: String(limit),\n offset: String(offset),\n });\n const productParentID = product_parent_ID || project;\n const moduleParentID = module_parent_ID || module;\n const submoduleParentID = submodule_parent_ID || submodule;\n if (productParentID) params.append('product_parent_ID', productParentID);\n if (moduleParentID) params.append('module_parent_ID', moduleParentID);\n if (submoduleParentID) params.append('submodule_parent_ID', submoduleParentID);\n if (actions) params.append('actions', actions);\n if (search) params.append('search', search);\n if (active !== undefined && active !== null && active !== '') {\n params.append('active', String(active));\n }\n return authapiGet(`/ct/flows?${params.toString()}`);\n}\n\nexport async function addCTFlow(payload) {\n return authapiPost('/ct/flows', payload);\n}\n\nexport async function getCTNextStep({\n project,\n module,\n submodule,\n product_parent_ID,\n module_parent_ID,\n submodule_parent_ID,\n}) {\n const params = new URLSearchParams({\n product_parent_ID: String(product_parent_ID || project),\n module_parent_ID: String(module_parent_ID || module),\n submodule_parent_ID: String(submodule_parent_ID || submodule),\n });\n return authapiGet(`/ct/flows/next-step?${params.toString()}`);\n}\n\nexport async function addLmsFlow(payload) {\n return authapiPost('/lms-flows', payload);\n}\n\nexport async function getLmsFlows({\n limit = 10,\n offset = 0,\n search = '',\n module = '',\n keyword = '',\n tags = '',\n active,\n} = {}) {\n const params = new URLSearchParams({\n limit: String(limit),\n offset: String(offset),\n });\n if (search) params.append('search', search);\n if (module) params.append('module', module);\n if (keyword) params.append('keyword', keyword);\n if (tags) params.append('tags', tags);\n if (active !== undefined && active !== null && active !== '') {\n params.append('active', String(active));\n }\n\n return authapiGet(`/lms-flows?${params.toString()}`);\n}\n\nexport async function getModuleDataList(module, limit = 10, offset = 0, options = {}) {\n const {\n scope = '',\n sort = '',\n sortDir = '',\n search = '',\n filters = [],\n queryParams = {},\n } = options;\n\n if (module === TEST_FLOW_MODULE) {\n const data = await getTestFlows({ limit, offset });\n const rows = Array.isArray(data?.items) ? data.items : [];\n const total = Number(data?.total) || 0;\n\n return {\n items: rows,\n total,\n limit,\n offset,\n tabs: [{ key: 'all', title: 'Test Cases', count: total }],\n };\n }\n\n if (module === LMS_FLOW_MODULE) {\n const data = await getLmsFlows({ limit, offset });\n const rows = Array.isArray(data?.items) ? data.items : [];\n const total = Number(data?.total) || 0;\n\n return {\n items: rows,\n total,\n limit,\n offset,\n tabs: [{ key: 'all', title: 'LMS Cases', count: total }],\n };\n }\n\n const params = new URLSearchParams({\n module: getBaseModuleName(module),\n limit: String(limit),\n offset: String(offset),\n });\n // The shared Jobs page uses the singular module name (`job`) while some\n // consumers use `jobs`. Both names target the same backend module and must\n // go through the same permission-aware My Jobs / All Jobs scope resolver.\n const normalizedScope = isJobsModule(module)\n ? resolveJobListScope(scope)\n : String(scope ?? '').trim();\n if (normalizedScope) params.set('scope', normalizedScope);\n if (sort) params.set('sort', sort);\n if (sortDir) params.set('sortDir', sortDir);\n // Server-side quick search across visible + lookup-resolved fields\n // (job title, client name, location, ...) — see /module-data-list.\n if (String(search ?? '').trim()) params.set('search', String(search).trim());\n\n const conditions = toFilterConditions(filters.filter((f) => f?.field));\n if (conditions.length) {\n params.set('filters', JSON.stringify(conditions));\n }\n\n Object.entries(queryParams ?? {}).forEach(([key, value]) => {\n if (value !== null && value !== undefined && String(value).trim() !== '') {\n params.set(key, String(value));\n }\n });\n\n const json = await fetchJsonWithAuth(AUTH_URL, `/module-data-list?${params.toString()}`);\n\n const responseData = getResponseRows(json);\n const hasObjectSkills = responseData.some((record) => hasObjectSkillItems(record));\n const hasDiceCandidates = responseData.some((record) => hasDiceSource(record));\n\n if (hasObjectSkills || hasDiceCandidates) {\n try {\n const { transformDiceResponseToInternalFormat } = await import('./diceCandidateMapper');\n const transformed = transformDiceResponseToInternalFormat(json, json);\n const transformedData = transformed?.data?.data ?? [];\n // const total = extractResponseTotal(json, scope || 'internal')\n // || extractResponseTotal(transformed, scope || 'internal')\n const total = extractResponseTotal(json, normalizedScope)\n || extractResponseTotal(transformed, normalizedScope)\n || transformedData.length;\n\n return {\n items: transformedData,\n total,\n limit,\n offset,\n tabs: transformed?.data?.tabs ?? json?.tabs ?? json?.data?.tabs ?? [],\n fields: transformed?.data?.fields ?? json?.fields ?? json?.data?.fields ?? [],\n tabField: transformed?.data?.tabField ?? json?.tabField ?? json?.data?.tabField ?? '',\n actionRules: transformed?.data?.actionRules ?? json?.data?.actionRules ?? [],\n actions: transformed?.data?.actions ?? json?.data?.actions ?? [],\n columnActions: transformed?.data?.columnActions ?? json?.data?.columnActions ?? [],\n };\n } catch (error) {\n console.error('[getModuleDataList] Dice transformation failed:', error);\n }\n }\n \n return json;\n}\n\nfunction getResponseRows(response) {\n const payload = response?.data ?? response;\n const rows = Array.isArray(payload)\n ? payload\n : payload?.rows\n ?? payload?.records\n ?? payload?.items\n ?? payload?.list\n ?? payload?.data\n ?? response?.items\n ?? response?.records\n ?? [];\n\n return Array.isArray(rows) ? rows : [];\n}\n\nfunction firstFiniteNumber(...values) {\n for (const value of values) {\n const number = Number(value);\n if (Number.isFinite(number)) return number;\n }\n\n return undefined;\n}\n\nfunction extractResponseTotal(response, scope = '') {\n const payload = response?.data ?? response;\n const rows = getResponseRows(response);\n const responseCount = response?.count;\n const payloadCount = payload?.count;\n const normalizedScope = String(scope ?? '').trim().toLowerCase();\n\n if (responseCount && typeof responseCount === 'object') {\n const total = firstFiniteNumber(\n normalizedScope ? responseCount[normalizedScope] : undefined,\n responseCount.total,\n responseCount.searchCount,\n responseCount.count,\n );\n if (total !== undefined) return total;\n }\n\n if (payloadCount && typeof payloadCount === 'object') {\n const total = firstFiniteNumber(\n normalizedScope ? payloadCount[normalizedScope] : undefined,\n payloadCount.total,\n payloadCount.searchCount,\n payloadCount.count,\n );\n if (total !== undefined) return total;\n }\n\n return firstFiniteNumber(\n response?.total,\n typeof responseCount !== 'object' ? responseCount : undefined,\n response?.totalCount,\n payload?.total,\n typeof payloadCount !== 'object' ? payloadCount : undefined,\n payload?.totalCount,\n rows.length,\n ) ?? 0;\n}\n\nfunction hasObjectSkillItems(record) {\n const skills = record?.skills ?? record?.technicalSkills ?? record?.primarySkills;\n if (!Array.isArray(skills) || skills.length === 0) return false;\n\n return skills.some((skill) => (\n skill\n && typeof skill === 'object'\n && ('skill' in skill || 'lastUsed' in skill)\n ));\n}\n\nfunction hasDiceSource(record) {\n const sourceFields = [\n record?.sourceType,\n record?.profileSource,\n record?.selectedSource,\n record?.customFields?.sourceType,\n record?.customFields?.profileSource,\n ].flat();\n \n return sourceFields.some(\n (value) => String(value ?? '').trim().toLowerCase() === 'dice',\n ) || Boolean(record?.customFields?.diceProfileData);\n}\n\nexport async function getJobSummary(startDate, endDate) {\n const params = new URLSearchParams();\n\n if (startDate) params.set('startDate', startDate);\n if (endDate) params.set('endDate', endDate);\n\n const query = params.toString();\n return apiGetWithAuth(JOBS_URL, `/job-summary${query ? `?${query}` : ''}`);\n}\n\nexport async function getCandidateSummary(startDate, endDate) {\n const params = new URLSearchParams();\n\n if (startDate) params.set('startDate', startDate);\n if (endDate) params.set('endDate', endDate);\n\n const query = params.toString();\n return apiGetWithAuth(CANDIDATES_URL, `/profile-summary${query ? `?${query}` : ''}`);\n}\n\nexport async function getSubmissionSummary(startDate, endDate) {\n const params = new URLSearchParams();\n\n if (startDate) params.set('startDate', startDate);\n if (endDate) params.set('endDate', endDate);\n\n const query = params.toString();\n return apiGetWithAuth(SUBMISSIONS_URL, `/profile-summary${query ? `?${query}` : ''}`);\n}\n\n// Converts frontend filter rows to the BE FilterCondition[] format.\n// BE ops: eq | ne | in | nin | contains | gt | gte | lt | lte | isEmpty | notEmpty\nfunction toFilterConditions(filterRows) {\n const conditions = [];\n for (const row of filterRows) {\n if (!row.field) continue;\n\n // The row connector ('and'/'or') between this row and the previous one.\n // 'isEmpty'/'notEmpty' rows use the operator slot for their op type, so they\n // don't have an explicit AND/OR connector — default them to 'and'.\n const rowConnector = row.operator === 'or' ? 'or' : 'and';\n\n if (row.operator === 'isEmpty') {\n conditions.push({ field: row.field, op: 'isEmpty', operator: 'and' });\n continue;\n }\n if (row.operator === 'notEmpty') {\n conditions.push({ field: row.field, op: 'notEmpty', operator: 'and' });\n continue;\n }\n\n // Text keyword search → contains (case-insensitive regex on the backend)\n if (row.filterInputType === 'text') {\n const val = typeof row.value === 'string' ? row.value.trim() : '';\n if (val) conditions.push({ field: row.field, op: 'contains', value: val, operator: rowConnector });\n continue;\n }\n\n // Date range — from/to set by DatePicker.RangePicker.\n // The row connector applies to the first (gte) condition; lte is always\n // AND'd with it so the two bounds stay paired in the backend fold.\n if (row.from || row.to) {\n if (row.from) conditions.push({ field: row.field, op: 'gte', value: String(row.from), operator: rowConnector });\n if (row.to) conditions.push({ field: row.field, op: 'lte', value: String(row.to), operator: 'and' });\n continue;\n }\n\n // Multi-value (dropdown / checkbox / boolean) → in\n if (Array.isArray(row.values) && row.values.length > 0) {\n conditions.push({\n field: row.field,\n op: 'in',\n values: row.values.map(String),\n operator: rowConnector,\n ...(Array.isArray(row.groupFields) && row.groupFields.length > 1 ? { groupFields: row.groupFields } : {}),\n });\n }\n }\n return conditions;\n}\n\n/**\n * Fetch distinct values for a specific field in a module.\n * Returns: [{ label, value }, ...]\n */\nexport async function getDropdownValues(module, field, search = '', meta = {}) {\n const { limit = 50, offset = 0, dataSource, groupName, lookup, groupFields = [], groupSeparator = ' ' } = meta;\n const params = new URLSearchParams({\n module: getBaseModuleName(module),\n field,\n value: search,\n limit: String(limit),\n offset: String(offset),\n });\n if (dataSource) params.set('dataSource', dataSource);\n if (Array.isArray(groupFields) && groupFields.length > 1) {\n params.set('groupFields', groupFields.join(','));\n params.set('groupSeparator', groupSeparator ?? ' ');\n }\n if (dataSource === 'group' && groupName) params.set('groupName', groupName);\n if (dataSource === 'lookup' && lookup?.collection) {\n params.set('lookupCollection', lookup.collection);\n if (lookup.displayField) params.set('lookupField', lookup.displayField);\n }\n return apiGet(`/filter-dropdown-values?${params}`);\n}\n\nexport async function getDashboardOnboardingCount(\n payload,\n limit = 10,\n offset = 0\n) {\n const headers = await authHeaders();\n\n const response = await fetch(\n `${SUBMISSIONS_URL}/dashboard-onboarding-count?offset=${offset}&limit=${limit}`,\n {\n method: 'POST',\n headers,\n body: JSON.stringify(payload),\n }\n );\n\n const json = await response.json();\n return json.data ?? json;\n}\n\nexport async function getJobs({\n jobStatus = 'active',\n jobRecruitmentStatus = 'unread',\n limit = 50,\n offset = 0,\n userId = 1,\n sortBy = 'id',\n} = {}) {\n const headers = await authHeaders();\n\n const params = new URLSearchParams({\n jobStatus,\n jobRecruitmentStatus,\n limit: String(limit),\n offset: String(offset),\n userId: String(userId),\n sortBy,\n });\n\n const response = await fetch(\n `${JOBS_URL}/jobs?${params.toString()}`,\n {\n method: 'GET',\n headers,\n }\n );\n\n if (!response.ok) {\n throw new Error(`API ${response.status}: ${response.statusText}`);\n }\n\n const json = await response.json();\n return json.data ?? json;\n}\n\n\nfunction extractFormGroups(json) {\n const payload = json?.data ?? json;\n const groups = Array.isArray(payload) ? payload\n : Array.isArray(payload?.groups) ? payload.groups\n : Array.isArray(json?.groups) ? json.groups\n : [];\n // The backend attaches the loaded record's audit stamps (createdAt/updatedAt)\n // as recordMeta when an id was supplied. Ride it along on the groups array so\n // callers that only ever see the array (the detail header) can still show\n // \"Created on …\" without audit fields having to exist as form fields.\n const recordMeta = payload?.recordMeta ?? json?.recordMeta;\n if (recordMeta && typeof recordMeta === 'object') groups.recordMeta = recordMeta;\n return groups;\n}\n\nexport async function getFormGroups({\n module,\n id,\n view,\n} = {}) {\n if (!module) throw new Error('module is required to fetch form groups');\n\n const headers = await authHeaders();\n\n const params = new URLSearchParams({\n module,\n });\n\n // When an id is supplied, the backend embeds each field's actual record value\n // (field.value) in the response, so no separate detail-view call is needed.\n if (id) params.set('id', String(id));\n\n // `view=detail` opts into detail-view shaping: the backend resolves references\n // to { id, value }, shapes documents into full objects, AND applies the admin\n // Detail-Groups config (label/colour/prefix/hidden/lookups/merges). Without it\n // the admin's customizations never reach the detail view. Forwarded only when\n // provided, so add/edit-form callers keep the raw scalar values.\n if (view) params.set('view', String(view));\n\n // Shared with the form-side fetcher (services/formGroupsCache): the detail\n // header, the detail body and the form on the same page routinely ask for the\n // SAME payload, and these are 15-60 kB responses. Keyed by the finished URL,\n // which both fetchers build in the same parameter order, so an identical\n // question collapses to one request no matter which of them asked it — and a\n // different `view`/scope stays a different entry.\n const url = `${AUTH_URL}/admin/form-groups?${params.toString()}`;\n const json = await fetchFormGroupsCached(url, async () => {\n const response = await fetch(url, { method: 'GET', headers });\n if (!response.ok) {\n throw new Error(`API ${response.status}: ${response.statusText}`);\n }\n return response.json();\n });\n return extractFormGroups(json);\n}\n\nexport async function getCandidateFormGroups(options = {}) {\n return getFormGroups({ module: 'candidates', ...options });\n}\n\nconst MODULE_EDIT_CONFIG = {\n job: {\n fetchUrl: (id) => `${JOBS_URL}/edit/detailed-view/${encodeURIComponent(id)}`,\n updateUrl: (id) => `${JOBS_URL}/edit/${encodeURIComponent(id)}`,\n },\n candidates: {\n fetchUrl: (id) => `${CANDIDATES_URL}/edit/detailed-view?_id=${encodeURIComponent(id)}`,\n updateUrl: (id) => `${CANDIDATES_URL}/update?_id=${encodeURIComponent(id)}`,\n },\n};\n\n\n\n\n\nexport async function getRecordForEdit(module, id) {\n if (!module) throw new Error('module is required');\n if (!id) throw new Error('id is required');\n\n const config = MODULE_EDIT_CONFIG[module];\n if (!config) throw new Error(`No edit config for module: ${module}`);\n\n const token = await ensureToken();\n const response = await fetch(config.fetchUrl(id), {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n });\n\n if (!response.ok) throw new Error(`API ${response.status}: ${response.statusText}`);\n\n const json = await response.json();\n return json.data ?? json;\n}\n\n\n\n\n\n\nexport async function updateRecord(module, id, payload) {\n if (!module) throw new Error('module is required');\n if (!id) throw new Error('id is required');\n\n const config = MODULE_EDIT_CONFIG[module];\n if (!config) throw new Error(`No edit config for module: ${module}`);\n\n const token = await ensureToken();\n\n const formData = new FormData();\n formData.append('json', JSON.stringify(payload));\n\n const response = await fetch(config.updateUrl(id), {\n method: 'PUT',\n headers: {\n Authorization: `Bearer ${token}`,\n },\n body: formData,\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n console.error('[updateRecord] Error response:', errorText);\n throw new Error(errorText || `API ${response.status}: ${response.statusText}`);\n }\n\n // A successful write makes every cached form-groups payload for this record\n // stale, and the caller usually reads one straight back.\n invalidateFormGroupsCache();\n\n const json = await response.json();\n return json.data ?? json;\n}\n\n\n\nexport async function uploadJobAttachment(recordId, file) {\n const token = await ensureToken();\n\n const formData = new FormData();\n formData.append('jobId', recordId);\n formData.append('file', file);\n\n const response = await fetch(`${JOBS_URL}/jobs/${recordId}/attachment`, {\n method: 'POST',\n headers: {\n Authorization: `Bearer ${token}`,\n // DO NOT set Content-Type — browser sets it with boundary automatically\n },\n body: formData,\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(errorText || `API ${response.status}: ${response.statusText}`);\n }\n\n const json = await response.json();\n return json.data ?? json;\n}\n\nexport async function addNotes({ notes, notesfor, receiver, notesRelatedId }) {\n const tenantId = localStorage.getItem('tenantId') || '93c782a4aa626175e5d11afa';\n const businessId = localStorage.getItem('businessId') || '83c782a4aa626175e5d11afa';\n const businessUnitId = localStorage.getItem('businessUnitId') || '63b57588fd768a839dbc0f63';\n\n return fetchJsonWithAuth(JOBS_URL, '/notes', {\n method: 'POST',\n body: JSON.stringify({\n schemaVersion: 1,\n tenantId,\n businessId,\n businessUnitId,\n notes,\n notesfor,\n receiver: receiver ?? [],\n notesRelatedId,\n }),\n });\n}\n\nexport async function getCandidateGroups() {\n return fetchJsonWithAuth(AUTH_URL, '/masters/dropdown?masterName=candidateGroups&offset=0&limit=50');\n}\n\nexport async function getSelfAssignData(jobId) {\n return apiGetWithAuth(JOBS_URL, `/self-assign?jobId=${encodeURIComponent(jobId)}`);\n}\n\nexport async function getManagerUsers() {\n const response = await apiGetWithAuth(JOBS_URL, '/users/manager');\n if (Array.isArray(response)) return response;\n return response ? [response] : [];\n}\n\nexport async function getRecruiterUsers(managerId = 0) {\n return apiGetWithAuth(JOBS_URL, `/users/recruiter/${encodeURIComponent(managerId)}`);\n}\n\nexport async function selfAssignJob({ multiJobId, userId, schemaVersion, closureRating, jobPayDetails, priority, priorityFrom, recruitersData }) {\n return fetchJsonWithAuth(JOBS_URL, '/assign?type=self', {\n method: 'PUT',\n body: JSON.stringify({\n multiJobId,\n userId: Number(userId),\n schemaVersion,\n closureRating,\n jobPayDetails,\n priority: String(priority ?? false),\n priorityFrom: priorityFrom ?? '',\n recruitersData: (recruitersData ?? []).map(Number).filter(Number.isInteger),\n }),\n });\n}\n\nexport async function assignJobToUser({ multiJobId, userId, schemaVersion, closureRating, jobPayDetails, priority, priorityFrom, recruitersData }) {\n return fetchJsonWithAuth(JOBS_URL, '/assign?type=other', {\n method: 'PUT',\n body: JSON.stringify({\n multiJobId,\n userId: Number(userId),\n schemaVersion,\n closureRating,\n jobPayDetails,\n priority: String(priority ?? false),\n priorityFrom: priorityFrom ?? '',\n recruitersData: (recruitersData ?? []).map(Number).filter(Number.isInteger),\n }),\n });\n}\n\nexport async function addToGroup({ candidateIds, groupId, groupName }) {\n return fetchJsonWithAuth(CANDIDATES_URL, '/actions/update-group', {\n method: 'PUT',\n body: JSON.stringify({ candidateIds, groupId, groupName }),\n });\n}\n\n\nexport async function getJobList({ searchQuery, candidateId }) {\n const tenantId = localStorage.getItem('tenantId') || '93c782a4aa626175e5d11afa';\n const businessId = localStorage.getItem('businessId') || '83c782a4aa626175e5d11afa';\n const businessUnitId = localStorage.getItem('businessUnitId') || '63b57588fd768a839dbc0f63';\n const userId = Number(localStorage.getItem('userId')) || 1;\n\n return fetchJsonWithAuth(JOBS_URL, '/joblist', {\n method: 'POST',\n body: JSON.stringify({\n tenantId,\n businessId,\n businessUnitId,\n searchQuery,\n userId,\n candidateId: Array.isArray(candidateId) ? candidateId : [candidateId],\n }),\n });\n}\n\nexport async function tagToJob({ multiJobId, applicantId, updateStatus }) {\n const tenantId = localStorage.getItem('tenantId') || '93c782a4aa626175e5d11afa';\n const businessId = localStorage.getItem('businessId') || '83c782a4aa626175e5d11afa';\n const businessUnitId = localStorage.getItem('businessUnitId') || '63b57588fd768a839dbc0f63';\n const userId = Number(localStorage.getItem('userId')) || 9;\n\n return fetchJsonWithAuth(JOBS_URL, '/source/hiringStgUpdate', {\n method: 'PUT',\n body: JSON.stringify({\n tenantId,\n businessId,\n businessUnitId,\n multiJobId: Array.isArray(multiJobId) ? multiJobId : [multiJobId],\n applicantId: Array.isArray(applicantId) ? applicantId : [applicantId],\n updateStatus: String(updateStatus ?? '').toLowerCase(),\n updateStatusType: 'call',\n responseType: 'responded',\n hiriringStatusChangeType: 'tagToJobs',\n comments: '',\n userId,\n }),\n });\n}\n\nexport async function deleteJobDetails(jobIds) {\n const tenantId = localStorage.getItem('tenantId') || '93c782a4aa626175e5d11afa';\n const businessId = localStorage.getItem('businessId') || '83c782a4aa626175e5d11afa';\n const businessUnitId = localStorage.getItem('businessUnitId') || '63b57588fd768a839dbc0f63';\n\n return fetchJsonWithAuth(JOBS_URL, '/delete', {\n method: 'POST',\n body: JSON.stringify({\n schemaVersion: 1,\n tenantId,\n businessId,\n businessUnitId,\n jobId: jobIds,\n }),\n });\n}\n\nexport async function deleteCandidateData(ids) {\n const results = await Promise.all(\n ids.map((id) => fetchJsonWithAuth(CANDIDATES_URL, `/delete?_id=${encodeURIComponent(id)}`, { method: 'PUT' }))\n );\n return results[results.length - 1] ?? {};\n}\n\nexport async function deleteModuleData(module, ids) {\n return fetchJsonWithAuth(AUTH_URL, '/module-data-delete', {\n method: 'POST',\n body: JSON.stringify({ module, ids }),\n });\n}\n\nexport async function getMentionUsers(search = '') {\n const params = search ? `?search=${encodeURIComponent(search)}` : '';\n return apiGetWithAuth(JOBS_URL, `/users/any${params}`);\n}\n\nexport async function searchCandidates(payload, offset = 0, limit = 10) {\n console.log('[searchCandidates] Called with payload:', JSON.stringify(payload).substring(0, 200));\n \n const json = await fetchJsonWithAuth(\n JOBS_URL,\n `/source/hiring-candidate-list?offset=${offset}&limit=${limit}`,\n { method: 'POST', body: JSON.stringify(payload) }\n );\n \n console.log('[searchCandidates] Response received:', JSON.stringify(json).substring(0, 200));\n \n // Transform Dice responses to match Internal candidate format\n const selectedSource = payload?.selectedSource ?? [];\n const hasDiceSource = Array.isArray(selectedSource) && selectedSource.some(s => String(s).toLowerCase() === 'dice');\n \n console.log('[searchCandidates] selectedSource:', selectedSource);\n console.log('[searchCandidates] hasDiceSource:', hasDiceSource);\n \n if (hasDiceSource) {\n try {\n console.log('[searchCandidates] Dice source detected, transforming response...');\n console.log('[searchCandidates] Raw response structure:', json?.data?.data?.[0] ? Object.keys(json.data.data[0]) : 'No data');\n console.log('[searchCandidates] Raw skills sample:', JSON.stringify(json?.data?.data?.[0]?.skills).substring(0, 150));\n \n const { transformDiceResponseToInternalFormat } = await import('./diceCandidateMapper');\n const transformed = transformDiceResponseToInternalFormat(json, json);\n \n console.log('[searchCandidates] Transformed skills sample:', JSON.stringify(transformed?.data?.data?.[0]?.skills).substring(0, 150));\n console.log('[searchCandidates] Transformation complete');\n \n return transformed;\n } catch (error) {\n console.error('[searchCandidates] Dice transformation failed, returning raw response:', error);\n console.error('[searchCandidates] Error stack:', error.stack);\n // Fall through to return raw response if transformation fails\n }\n } else {\n console.log('[searchCandidates] No Dice source, returning raw response');\n }\n \n return json;\n}\n\nexport async function getPipelineCount({ jobId, offset = 0, limit = 1, searchValue = '' }) {\n const json = await fetchJsonWithAuth(\n JOBS_URL,\n `/source/hiring-candidate-list/pipeline?hiringType=pipeline&jobId=${jobId}&limit=${limit}&offset=${offset}&searchValue=${encodeURIComponent(searchValue)}`\n );\n return json?.data?.count ?? 0;\n}\n\nexport async function getShortlistedCount({ jobId, offset = 0, limit = 1, searchQuery = '' }) {\n const json = await fetchJsonWithAuth(\n JOBS_URL,\n `/source/hiring-candidate-list/pipeline?hiringType=shortlisted&jobId=${jobId}&limit=${limit}&offset=${offset}&searchQuery=${encodeURIComponent(searchQuery)}`\n );\n return json?.data?.count ?? 0;\n}\n\nexport async function getSubmittedCandidates(jobId) {\n const json = await fetchJsonWithAuth(SUBMISSIONS_URL, `/job-submissions?jobId=${jobId}`);\n return json?.data ?? [];\n}\n\nexport async function getPipelineCandidates({ jobId, offset = 0, limit = 50, searchValue = '' }) {\n const json = await fetchJsonWithAuth(\n JOBS_URL,\n `/source/hiring-candidate-list/pipeline?hiringType=pipeline&jobId=${jobId}&limit=${limit}&offset=${offset}&searchValue=${encodeURIComponent(searchValue)}`\n );\n return json;\n}\n\nexport async function getShortlistedCandidates({ jobId, offset = 0, limit = 50, searchQuery = '' }) {\n const json = await fetchJsonWithAuth(\n JOBS_URL,\n `/source/hiring-candidate-list/pipeline?hiringType=shortlisted&jobId=${jobId}&limit=${limit}&offset=${offset}&searchQuery=${encodeURIComponent(searchQuery)}`\n );\n return json;\n}\n\nexport async function quickSubmitDetailedView({ _id, tenantId, businessId, businessUnitId }) {\n const params = new URLSearchParams({ _id, tenantId, businessId, businessUnitId });\n return apiGetWithAuth(CANDIDATES_URL, `/detailed-view?${params.toString()}`);\n}\n\n\n","function decodeJwtPayload(token) {\n if (!token || typeof token !== 'string') return null;\n\n try {\n const encoded = token.split('.')[1];\n if (!encoded) return null;\n const normalized = encoded.replace(/-/g, '+').replace(/_/g, '/');\n const padded = normalized.padEnd(Math.ceil(normalized.length / 4) * 4, '=');\n return JSON.parse(atob(padded));\n } catch {\n return null;\n }\n}\n\nexport function getAccessTokenPayload() {\n const token = localStorage.getItem('access_token') || localStorage.getItem('authToken');\n return decodeJwtPayload(token) ?? {};\n}\n\nexport function getAccessTokenIdentity() {\n const payload = getAccessTokenPayload();\n\n return {\n userId: payload.userId ?? payload.user_id ?? payload.USER_ID,\n roleId: payload.roleId ?? payload.role_id ?? payload.ROLE_ID,\n };\n}\n","import { useState, useEffect } from 'react';\nimport { getDropdownFields, getFieldConfig } from '../services/dropdownApi';\nimport { getAccessTokenIdentity } from '../utils/accessToken';\n\nfunction readRequestIdentity() {\n const tokenIdentity = getAccessTokenIdentity();\n return {\n userId: tokenIdentity.userId ?? localStorage.getItem('userId') ?? undefined,\n roleId: tokenIdentity.roleId ?? localStorage.getItem('roleId') ?? undefined,\n };\n}\n\n/**\n * Fetches the list of filterable fields for a module.\n * Pass `module=null` to skip fetching (e.g. when drawer is closed).\n */\nexport function useDropdownFields(module) {\n const [fields, setFields] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n if (!module) return;\n\n let cancelled = false;\n setLoading(true);\n setError(null);\n\n getDropdownFields(module)\n .then((data) => {\n if (!cancelled) setFields(Array.isArray(data) ? data : []);\n })\n .catch((err) => {\n if (!cancelled) setError(err.message);\n })\n .finally(() => {\n if (!cancelled) setLoading(false);\n });\n\n return () => { cancelled = true; };\n }, [module]);\n\n return { fields, loading, error };\n}\n\nexport function useFieldConfig(module) {\n const [config, setConfig] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n if (!module) return;\n\n let cancelled = false;\n setLoading(true);\n setError(null);\n\n getFieldConfig(module)\n .then((data) => {\n if (!cancelled) setConfig(Array.isArray(data) ? data : null);\n })\n .catch((err) => {\n if (!cancelled) setError(err.message);\n })\n .finally(() => {\n if (!cancelled) setLoading(false);\n });\n\n return () => { cancelled = true; };\n }, [module]);\n\n return { config, loading, error };\n}\n\n/**\n * Fetches filter-specific field config from the auth API (configType=filter),\n * returning only fields where isVisible is true.\n * Falls back to the submissions filter-dropdown-fields endpoint when the auth\n * API returns nothing.\n */\nexport function useFilterFields(module) {\n const [fields, setFields] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n if (!module) return;\n\n let cancelled = false;\n setLoading(true);\n setError(null);\n\n // roleId must represent the authenticated token, not a potentially stale\n // or login-response-derived localStorage value.\n const { userId, roleId } = readRequestIdentity();\n\n const isFieldVisible = (f) => {\n const vis = f?.isVisible ?? f?.is_visible ?? f?.visible;\n if (vis === undefined || vis === null) return true;\n if (typeof vis === 'boolean') return vis;\n if (typeof vis === 'string') return !['false', '0', 'no', 'hide', 'hidden'].includes(vis.toLowerCase());\n return Boolean(vis);\n };\n\n getFieldConfig(module, { configType: 'filter', userId, roleId })\n .then(async (data) => {\n const rows = Array.isArray(data) ? data : (data?.visibleFields ?? []);\n const visible = rows.filter(isFieldVisible);\n // If the filter config exists but has no visible fields (admin hasn't\n // marked anything as visible yet), fall back to the module's base fields\n // so the user can still filter without an empty drawer.\n if (visible.length > 0) return visible;\n const fallback = await getDropdownFields(module);\n return Array.isArray(fallback) ? fallback.filter(isFieldVisible) : [];\n })\n .then((rows) => {\n if (!cancelled) setFields(Array.isArray(rows) ? rows : []);\n })\n .catch((err) => {\n if (!cancelled) setError(err.message);\n })\n .finally(() => {\n if (!cancelled) setLoading(false);\n });\n\n return () => { cancelled = true; };\n }, [module]);\n\n return { fields, loading, error };\n}\n","// ─────────────────────────────────────────────────────────────────────────\n// PermissionContext — resolves the logged-in user's CURRENT role permissions\n// from GET /me/permissions.\n//\n// `menuPermission` in localStorage is still maintained because several legacy\n// consumers (Sidebar and app-specific helpers) read that shape directly. The\n// live API response is authoritative and is mirrored back into localStorage so\n// a browser refresh/token refresh cannot fall back to an old login snapshot.\n//\n// Shape of `permissions`: moduleName -> actionKey -> boolean, or the wildcard\n// { \"*\": { \"*\": true } } for full-access roles (Admin/Manager).\n// ─────────────────────────────────────────────────────────────────────────\nimport { createContext, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { getMyPermissions } from '../services/adminApi';\nimport { getStoredToken } from '../services/authApi';\n\nexport const PermissionContext = createContext({ permissions: {}, loading: true });\n\nfunction isFullAccess(permissions) {\n return Boolean(permissions?.['*']?.['*']);\n}\n\nfunction toLegacyMenuPermission(permissions) {\n if (!permissions || typeof permissions !== 'object' || Array.isArray(permissions)) return {};\n\n return Object.fromEntries(\n Object.entries(permissions)\n .filter(([moduleName]) => moduleName !== '*')\n .map(([moduleName, actions]) => [\n moduleName,\n Object.fromEntries(\n Object.entries(actions ?? {}).map(([action, allowed]) => [action, allowed ? 1 : 0]),\n ),\n ]),\n );\n}\n\nfunction syncLegacyPermissionSnapshot(permissions) {\n // Full-access roles intentionally use a wildcard in /me/permissions. Keep the\n // richer login-time menuPermission map for legacy helpers; replacing it with\n // only {\"*\":{\"*\":1}} would make helpers that do not understand wildcards\n // (for example app-specific sendApprove checks) incorrectly return false.\n if (isFullAccess(permissions)) return;\n\n try {\n localStorage.setItem('menuPermission', JSON.stringify(toLegacyMenuPermission(permissions)));\n window.dispatchEvent(new Event('menu:updated'));\n } catch {\n // Storage can be unavailable in private/locked-down browser contexts. The\n // live React permission state still remains usable, so do not fail access\n // resolution merely because the compatibility snapshot could not be saved.\n }\n}\n\nexport function PermissionProvider({ children }) {\n const [permissions, setPermissions] = useState({});\n const [loading, setLoading] = useState(true);\n\n const refresh = useCallback(() => {\n let hasToken = false;\n try {\n hasToken = Boolean(getStoredToken());\n } catch {\n hasToken = false;\n }\n if (!hasToken) {\n setPermissions({});\n setLoading(false);\n return;\n }\n\n setLoading(true);\n getMyPermissions()\n .then((data) => {\n const next = data ?? {};\n setPermissions(next);\n syncLegacyPermissionSnapshot(next);\n })\n // Keep the existing login snapshot as the compatibility fallback when the\n // live permission endpoint is temporarily unavailable. Clearing it here\n // would make a transient network error look like a permission change.\n .catch(() => setPermissions({}))\n .finally(() => setLoading(false));\n }, []);\n\n useEffect(() => {\n refresh();\n window.addEventListener('auth:login', refresh);\n window.addEventListener('auth:logout', refresh);\n window.addEventListener('auth:token-refreshed', refresh);\n window.addEventListener('permissions:changed', refresh);\n window.addEventListener('storage', refresh);\n return () => {\n window.removeEventListener('auth:login', refresh);\n window.removeEventListener('auth:logout', refresh);\n window.removeEventListener('auth:token-refreshed', refresh);\n window.removeEventListener('permissions:changed', refresh);\n window.removeEventListener('storage', refresh);\n };\n }, [refresh]);\n\n return (\n \n {children}\n \n );\n}\n\nPermissionProvider.propTypes = {\n children: PropTypes.node,\n};\n","import { useContext, useMemo } from 'react';\nimport { PermissionContext } from '../contexts/PermissionContext';\n\n// Overrides for menuPermission keys that don't derive from simple singular/plural\n// matching against the login menu (e.g. backend typos like \"campaingns\").\nconst MODULE_PERMISSION_MAP = {\n campaign: 'campaingns',\n campaigns: 'campaingns',\n};\n\nfunction normalizeKey(value) {\n return String(value ?? '').trim().toLowerCase();\n}\n\n// Treats \"job\"/\"jobs\", \"candidate\"/\"candidates\", etc. as the same key.\nfunction keysMatch(a, b) {\n const left = normalizeKey(a);\n const right = normalizeKey(b);\n if (!left || !right) return false;\n return left === right || `${left}s` === right || `${right}s` === left;\n}\n\nfunction resolveMenuKey(normalized) {\n try {\n const rawMenu = localStorage.getItem('menu');\n if (!rawMenu) return null;\n const menu = JSON.parse(rawMenu);\n if (!Array.isArray(menu)) return null;\n\n const match = menu.find((item) => {\n const key = normalizeKey(item?.key);\n return key && keysMatch(normalized, key);\n });\n return match ? normalizeKey(match.key) : null;\n } catch {\n return null;\n }\n}\n\nfunction findModulePermission(all, moduleName) {\n if (!all || typeof all !== 'object' || Array.isArray(all) || !moduleName) {\n return { found: false, permissions: {} };\n }\n\n const normalized = normalizeKey(moduleName);\n const mapped = MODULE_PERMISSION_MAP[normalized] ?? normalized;\n const menuResolved = resolveMenuKey(normalized);\n const candidates = [mapped, menuResolved, normalized].filter(Boolean);\n const keys = Object.keys(all);\n\n const matchedKey = keys.find((key) => candidates.some((candidate) => normalizeKey(key) === candidate))\n ?? keys.find((key) => candidates.some((candidate) => keysMatch(candidate, key)));\n\n return {\n found: Boolean(matchedKey),\n permissions: matchedKey ? (all[matchedKey] ?? {}) : {},\n };\n}\n\nfunction readStoredPermissions(moduleName) {\n try {\n const raw = localStorage.getItem('menuPermission');\n if (!raw) return {};\n const all = JSON.parse(raw);\n return findModulePermission(all, moduleName).permissions;\n } catch {\n return {};\n }\n}\n\n// Permission values come as 1/0 integers from the login snapshot and booleans\n// from /me/permissions. Absent CRUD key keeps the historical default-allow\n// behaviour (unconfigured = unrestricted).\nfunction permissionScalar(value) {\n if (value && typeof value === 'object' && Object.prototype.hasOwnProperty.call(value, 'value')) {\n return value.value;\n }\n return value;\n}\n\nfunction isAllowed(value) {\n const scalar = permissionScalar(value);\n if (scalar === undefined || scalar === null) return true;\n return scalar === true || scalar === 1 || scalar === '1'\n || String(scalar).trim().toLowerCase() === 'true';\n}\n\nfunction isExplicitlyAllowed(value) {\n const scalar = permissionScalar(value);\n if (scalar === undefined || scalar === null) return false;\n return scalar === true || scalar === 1 || scalar === '1'\n || String(scalar).trim().toLowerCase() === 'true';\n}\n\nfunction permissionValue(permissions, key) {\n if (!permissions || typeof permissions !== 'object') return undefined;\n if (Object.prototype.hasOwnProperty.call(permissions, key)) return permissions[key];\n const wanted = normalizeKey(key);\n const matchedKey = Object.keys(permissions).find(\n (candidate) => normalizeKey(candidate) === wanted,\n );\n return matchedKey ? permissions[matchedKey] : undefined;\n}\n\nexport function useMenuPermission(moduleName) {\n const { permissions: livePermissions, loading } = useContext(PermissionContext);\n\n return useMemo(() => {\n const fullAccess = Boolean(livePermissions?.['*']?.['*']);\n const live = findModulePermission(livePermissions, moduleName);\n\n // Once the live module is available it is authoritative. During initial\n // load (or if an older deployment has no /me/permissions entry for this\n // module), fall back to the login snapshot for compatibility.\n const p = !loading && live.found ? live.permissions : readStoredPermissions(moduleName);\n\n if (fullAccess) {\n return {\n canView: true,\n canAdd: true,\n canEdit: true,\n canDelete: true,\n canApprove: true,\n canReject: true,\n canReApprove: true,\n canSendApprove: true,\n };\n }\n\n return {\n canView: isAllowed(permissionValue(p, 'view')),\n canAdd: isAllowed(permissionValue(p, 'add')),\n canEdit: isAllowed(permissionValue(p, 'edit')),\n canDelete: isAllowed(permissionValue(p, 'delete')),\n canApprove: isAllowed(permissionValue(p, 'approve')),\n canReject: isAllowed(permissionValue(p, 'reject')),\n canReApprove: isExplicitlyAllowed(permissionValue(p, 'reApprove')),\n canSendApprove: isExplicitlyAllowed(permissionValue(p, 'sendApprove')),\n };\n }, [moduleName, livePermissions, loading]);\n}\n","import { useCallback, useContext } from 'react';\nimport { PermissionContext } from '../contexts/PermissionContext';\n\nfunction normalize(value) {\n return String(value ?? '').trim().toLowerCase();\n}\n\nfunction moduleKeysMatch(a, b) {\n const left = normalize(a);\n const right = normalize(b);\n if (!left || !right) return false;\n return left === right || `${left}s` === right || `${right}s` === left;\n}\n\nfunction findModule(all, moduleName) {\n if (!all || typeof all !== 'object' || Array.isArray(all)) return null;\n const key = Object.keys(all).find((candidate) => moduleKeysMatch(candidate, moduleName));\n return key ? all[key] : null;\n}\n\nfunction permissionScalar(value) {\n if (value && typeof value === 'object' && Object.prototype.hasOwnProperty.call(value, 'value')) {\n return value.value;\n }\n return value;\n}\n\nfunction permissionAllowed(value, missingDefault = false) {\n const scalar = permissionScalar(value);\n if (scalar === undefined || scalar === null) return missingDefault;\n return scalar === true || scalar === 1 || scalar === '1'\n || String(scalar).trim().toLowerCase() === 'true';\n}\n\nfunction findAction(actions, action) {\n if (!actions || typeof actions !== 'object') return undefined;\n if (Object.prototype.hasOwnProperty.call(actions, action)) return actions[action];\n const wanted = normalize(action);\n const key = Object.keys(actions).find((candidate) => normalize(candidate) === wanted);\n return key ? actions[key] : undefined;\n}\n\nfunction storedPermission(moduleName, action) {\n try {\n const all = JSON.parse(localStorage.getItem('menuPermission') || '{}');\n const modulePermissions = findModule(all, moduleName);\n // Preserve the old roleAllowsAction behaviour for deployments/screens that\n // have not mounted PermissionProvider yet: an unconfigured explicit action\n // was historically treated as allowed.\n return permissionAllowed(findAction(modulePermissions, action), true);\n } catch {\n return true;\n }\n}\n\n// can(module, action) — the single gate for role-based UI visibility.\n// Live /me/permissions data is authoritative. The localStorage fallback is only\n// for initial loading/legacy standalone consumers and prevents a stale login\n// snapshot from becoming the long-term source of truth.\nexport function usePermissions() {\n const { permissions, loading } = useContext(PermissionContext);\n\n const can = useCallback((moduleName, action) => {\n if (permissions?.['*']?.['*']) return true;\n\n const modulePermissions = findModule(permissions, moduleName);\n if (modulePermissions) {\n return permissionAllowed(findAction(modulePermissions, action), false);\n }\n\n if (loading || Object.keys(permissions ?? {}).length === 0) {\n return storedPermission(moduleName, action);\n }\n\n // If the live role matrix loaded successfully but has no entry for this\n // module, retain compatibility with the old login map rather than hiding a\n // dynamically configured action solely because that module has not yet been\n // migrated into role_menu_permissions.\n return storedPermission(moduleName, action);\n }, [permissions, loading]);\n\n return { can, permissions, loading };\n}\n","function actionText(action) {\n return [action?.key, action?.label, action?.name]\n .filter(Boolean)\n .join(' ')\n .trim()\n .toLowerCase();\n}\n\nexport function getCrudPermissionKey(action) {\n const explicit = String(action?.permissionKey ?? '').trim().toLowerCase();\n if (['add', 'edit', 'delete'].includes(explicit)) return explicit;\n if (action?.danger) return 'delete';\n\n const text = actionText(action);\n if (/(^|[\\s_-])edit([\\s_-]|$)/.test(text)) return 'edit';\n if (/(^|[\\s_-])(add|create)([\\s_-]|$)/.test(text)) return 'add';\n return null;\n}\n","// Shared Module Action Rule evaluator — used by both ListView.jsx (List, one\n// evaluation per selected row) and DetailHeaderCard.jsx (Detail, one\n// evaluation for the single record on screen) so there is exactly one\n// implementation of the 7 operators configured in\n// pages/Modules/Admin/ModuleActionRulesSection.jsx, instead of two files that\n// can silently drift apart (which is how Detail's `scope` operator went dead\n// — it compared against a hardcoded literal instead of the real view scope).\n//\n// `scope` conditions compare against whatever \"view scope\" string the caller\n// passes in (e.g. the active List tab key like \"myJobs\"/\"allJobs\"). Callers\n// with no real scope concept (e.g. a Detail page) should pass `undefined` —\n// a rule can then only match `scope` conditions if the admin never configured\n// one for that context, same as any other field that isn't present.\n\n// Resolves a rule's field path against the record, tolerating BOTH record\n// shapes the two callers produce: List rows are the raw nested DB document\n// (rule path \"a.b\" → record.a.b), while the Detail header flattens form-group\n// fields under their configured field keys — which may be the dotted path\n// itself (\"a.b\" as a literal key) or just the leaf (\"b\", e.g. the submission\n// form's internalSubmissionStatusText vs the rule's nested\n// internalSubmissionStatus.internalSubmissionStatusText). Trying literal →\n// nested → leaf keeps one admin rule working against every caller with no\n// per-module code.\n// Walks a dotted path, and when it meets an ARRAY it maps the remaining path\n// over every element and flattens the result. That makes a path like\n// \"recruiters.recruiterId\" resolve to [1, 7, …] on a record whose `recruiters`\n// is an array of objects — which is what an array-membership condition (e.g.\n// \"is this job already assigned to me?\") needs. Scalar paths are unaffected.\nfunction resolvePath(value, keys) {\n if (value === undefined || value === null) return undefined;\n if (keys.length === 0) return value;\n if (Array.isArray(value)) {\n const mapped = value\n .map((item) => resolvePath(item, keys))\n .filter((item) => item !== undefined && item !== null);\n return mapped.flat();\n }\n return resolvePath(value[keys[0]], keys.slice(1));\n}\n\nfunction getNestedValue(record, fieldKey) {\n if (!fieldKey || typeof fieldKey !== 'string' || !record) return undefined;\n if (fieldKey in record) return record[fieldKey];\n const nested = resolvePath(record, fieldKey.split('.'));\n if (nested !== undefined && !(Array.isArray(nested) && nested.length === 0)) return nested;\n const leaf = fieldKey.split('.').pop();\n return leaf !== fieldKey ? record[leaf] : undefined;\n}\n\n// Runtime tokens an admin can put in a condition's `value`, so a rule can be\n// written against \"the person looking at the screen\" instead of a hardcoded id.\n// Resolved at evaluation time from the signed-in user. Unknown tokens are left\n// alone, so an ordinary literal value is never altered.\nfunction currentUserId() {\n try {\n return typeof localStorage !== 'undefined' ? (localStorage.getItem('userId') ?? '') : '';\n } catch {\n return '';\n }\n}\n\nconst RULE_VALUE_TOKENS = {\n '{currentuserid}': currentUserId,\n '{currentuser}': currentUserId,\n '{me}': currentUserId,\n};\n\nfunction resolveRuleValue(value) {\n const token = RULE_VALUE_TOKENS[String(value ?? '').trim().toLowerCase()];\n return token ? token() : value;\n}\n\nfunction normalizeText(value) {\n return String(value ?? '').trim().toLowerCase();\n}\n\n// normalizeKey — the comparison used for EQUALITY, on top of normalizeText.\n//\n// Status values are typed by people and stored however the source system spells\n// them: \"In-Active\", \"In Active\", \"inactive\", \"In_Active\" are one status wearing\n// four coats. A rule written against any one of them silently stopped matching\n// the other three, and the symptom is the worst kind — actions quietly staying\n// visible on a job nobody should be able to act on.\n//\n// Only letters and digits survive, so every spelling above folds to \"inactive\".\n// Deliberately NOT applied to `contains`, whose whole job is substring matching:\n// stripping separators there would change what a substring means.\nfunction normalizeKey(value) {\n return normalizeText(value).replace(/[^a-z0-9]/g, '');\n}\n\n// looseEquals — normalized equality, then the symbol-insensitive form as a\n// FALLBACK.\n//\n// Ordered that way on purpose: anything that matched before still matches, so\n// no existing rule can change meaning. The fallback only ever adds matches that\n// differ by punctuation, spacing or case — which is exactly the drift above and\n// never a distinction anybody configured deliberately.\nfunction looseEquals(a, b) {\n if (a === b) return true;\n return normalizeKey(a) === normalizeKey(b);\n}\n\nfunction isEmptyRuleValue(value) {\n return value === undefined || value === null || value === ''\n || (Array.isArray(value) && value.length === 0);\n}\n\nexport function conditionMatches(condition, record, scope) {\n const operator = condition?.operator;\n const actual = operator === 'scope' ? scope : getNestedValue(record, condition?.field);\n const expected = resolveRuleValue(condition?.value);\n const normalizedActual = normalizeText(actual);\n const normalizedExpected = normalizeText(expected);\n\n if (operator === 'eq' || operator === 'scope') return looseEquals(normalizedActual, normalizedExpected);\n if (operator === 'ne') return !looseEquals(normalizedActual, normalizedExpected);\n if (operator === 'isEmpty') return isEmptyRuleValue(actual);\n if (operator === 'notEmpty') return !isEmptyRuleValue(actual);\n if (operator === 'fieldEq') {\n return looseEquals(normalizedActual, normalizeText(getNestedValue(record, condition?.compareField)));\n }\n // EXACT membership — the id-safe counterpart of `contains` (whose substring\n // match would make user \"1\" match \"12\"). Use this for id lists, e.g.\n // recruiters.recruiterId includes {currentUserId}.\n if (operator === 'includes' || operator === 'notIncludes') {\n const list = Array.isArray(actual) ? actual : [actual];\n const hit = list.some((item) => looseEquals(normalizeText(item), normalizedExpected))\n && normalizedExpected !== '';\n return operator === 'includes' ? hit : !hit;\n }\n if (operator === 'contains') {\n if (Array.isArray(actual)) return actual.some((item) => normalizeText(item).includes(normalizedExpected));\n return normalizedActual.includes(normalizedExpected);\n }\n return false;\n}\n\n// ruleFires — the rule is on and every one of its conditions matches.\n// A rule with NO conditions never fires: an empty condition list would\n// otherwise be vacuously true and block the action on every record.\nfunction ruleFires(rule, record, scope) {\n if (!rule || rule.isActive === false) return false;\n const conditions = rule.conditions ?? [];\n if (!conditions.length) return false;\n return conditions.every((condition) => conditionMatches(condition, record, scope));\n}\n\n// allowedActionsOf — a rule's ALLOW-LIST, or null when it has none.\n//\n// The inverse of blockedActions, and the honest way to express \"when this\n// fires, only these actions remain\". Listing every other action instead is a\n// rule that silently rots: add a ninth action next month and it appears on the\n// very records the rule exists to lock down, because nobody remembered to\n// extend the list. An allow-list cannot go stale that way.\nfunction allowedActionsOf(rule) {\n const raw = rule?.allowedActions;\n if (!Array.isArray(raw) || raw.length === 0) return null;\n return raw.map(String);\n}\n\nexport function isRuleActionBlocked(actionKey, record, rules, scope) {\n const list = Array.isArray(rules) ? rules : [];\n if (!list.length) return false;\n const key = String(actionKey);\n return list.some((rule) => {\n if (!ruleFires(rule, record, scope)) return false;\n // An allow-list blocks everything it does not name. Compared loosely so a\n // key configured as \"Quick-Submit\" still matches the action \"quickSubmit\"\n // — the same folding every other comparison here uses.\n const allowed = allowedActionsOf(rule);\n if (allowed && !allowed.some((entry) => looseEquals(entry, key))) return true;\n return (rule?.blockedActions ?? []).map(String).includes(key);\n });\n}\n\n// isRuleActionDisabled — the same admin-configured rule shape as blockedActions,\n// but the action stays VISIBLE and just goes unclickable instead of vanishing\n// (e.g. Approve/Reject during a \"Resubmission\" review cycle: the user should\n// still see the buttons and understand why they can't act, not wonder where\n// the actions went). Returns the matched rule (so the caller can surface its\n// `description` as the disabled reason) or null.\nexport function ruleActionDisabledReason(actionKey, record, rules, scope) {\n const list = Array.isArray(rules) ? rules : [];\n const rule = list.find((r) => (\n (r?.disabledActions ?? []).map(String).includes(String(actionKey))\n && ruleFires(r, record, scope)\n ));\n return rule ? (rule.description || `${actionKey} is temporarily unavailable`) : null;\n}\n\n// actionDoneState — config-driven \"done\" terminus. When the action's\n// admin-configured `doneWhen` condition matches the record, the action stops\n// being clickable and renders `doneLabel` (in `doneTone`) instead of its normal\n// label — e.g. \"Move to Onboarding\" becomes a disabled \"Moved to Onboarded\"\n// once the submission has been onboarded. Reuses the same condition evaluator\n// as the visibility rules. Returns { label, tone } or null. Shared so the List,\n// the row-action dropdown and the Detail header all render it identically.\nexport function actionDoneState(action, record, scope) {\n const condition = action?.doneWhen;\n if (!condition || !condition.field) return null;\n if (!conditionMatches(condition, record, scope)) return null;\n return {\n label: action.doneLabel || action.label,\n tone: action.doneTone || 'success',\n };\n}\n\n// isActionBlocked — List view's original signature: blocked if ANY of the\n// given records would have this action blocked (used for the bulk multi-select\n// toolbar, where one action covers every selected row at once).\nexport function isActionBlocked(actionKey, records, rules, scope) {\n const list = Array.isArray(records) ? records : [];\n if (!list.length) return false;\n return list.some((record) => isRuleActionBlocked(actionKey, record, rules, scope));\n}\n","{\n \"rows\": { \"sources\": [\"payload\"], \"paths\": [\"rows\", \"records\", \"items\", \"list\", \"data\"] },\n \"total\": { \"sources\": [\"response\", \"payload\"], \"paths\": [\"total\", \"count\", \"totalCount\"] },\n \"tabs\": { \"sources\": [\"response\", \"payload\"], \"paths\": [\"tabs\", \"tabList\"] },\n \"fields\": { \"sources\": [\"response\", \"payload\"], \"paths\": [\"fields\", \"fieldConfig\"] },\n \"tabField\": { \"sources\": [\"payload\"], \"paths\": [\"tabField\"] },\n \"actionRules\": { \"sources\": [\"payload\"], \"paths\": [\"actionRules\"] },\n \"actions\": { \"sources\": [\"payload\"], \"paths\": [\"actions\"] },\n \"columnActions\": { \"sources\": [\"payload\"], \"paths\": [\"columnActions\"] },\n \"synthesizeFieldsFromRows\": true,\n \"visibilityFlag\": null\n}\n","import defaultConfig from '../../config/responseMappings/default.json';\nimport { parseModulePath } from '../../utils/modulePath';\n\n// Any src/config/responseMappings/.json is auto-registered as a\n// per-module override, shallow-merged over defaultConfig — no code change needed.\nconst overrideConfigs = import.meta.glob('../../config/responseMappings/*.json', { eager: true });\n\nfunction getModuleOverride(moduleName) {\n if (!moduleName) return null;\n\n for (const path of Object.keys(overrideConfigs)) {\n const fileName = path.split('/').pop().replace(/\\.json$/, '');\n if (fileName === moduleName) {\n const mod = overrideConfigs[path];\n return mod.default ?? mod;\n }\n }\n\n return null;\n}\n\nfunction loadMappingConfig(moduleName) {\n const override = getModuleOverride(moduleName);\n return override ? { ...defaultConfig, ...override } : defaultConfig;\n}\n\nfunction getPath(source, path) {\n return String(path).split('.').reduce((value, key) => (value == null ? undefined : value[key]), source);\n}\n\nfunction resolveFirst(response, payload, spec) {\n if (!spec) return undefined;\n const sourceMap = { response, payload };\n\n for (const sourceName of spec.sources) {\n for (const path of spec.paths) {\n const value = getPath(sourceMap[sourceName], path);\n if (value !== undefined) return value;\n }\n }\n\n return undefined;\n}\n\nfunction firstFiniteNumber(...values) {\n for (const value of values) {\n const number = Number(value);\n if (Number.isFinite(number)) return number;\n }\n\n return undefined;\n}\n\nfunction humanizeKey(key) {\n return key.replace(/([A-Z])/g, ' $1').replace(/^./, (char) => char.toUpperCase());\n}\n\n// Substrings that flag a key as sensitive; synthesis must never surface these\n// automatically even though they are primitive values. See\n// docs/JSON-Driven-Response-Mapping-Security-Assessment.html — \"Accidental\n// sensitive-data exposure\".\nconst SENSITIVE_KEY_PATTERN = /token|password|passwd|secret|apikey|api_key|auth|credential|salary|ssn|ein\\b/i;\n\nfunction isSensitiveKey(key) {\n return SENSITIVE_KEY_PATTERN.test(key);\n}\n\nexport function synthesizeFieldsFromRows(rows) {\n const firstRow = rows[0];\n if (!firstRow) return [];\n\n return Object.keys(firstRow)\n .filter((key) => !key.startsWith('_') && !isSensitiveKey(key) && typeof firstRow[key] !== 'object')\n .map((key) => ({\n value: key,\n field: key,\n label: humanizeKey(key),\n isVisible: true,\n }));\n}\n\nexport function applyVisibilityFlag(fields, flagKey) {\n if (!flagKey) return fields;\n\n return fields\n .filter((field) => field[flagKey] === 1 || field[flagKey] === true || field[flagKey] === undefined)\n .map((field) => ({ ...field, isVisible: true }));\n}\n\n// Collection caps: an untrusted response with huge arrays can freeze the\n// browser (see \"Unbounded response size\" in the security assessment).\nconst MAX_ROWS = 5000;\nconst MAX_FIELDS = 300;\nconst MAX_TABS = 100;\nconst MAX_ACTIONS = 100;\nconst MAX_ACTION_RULES = 300;\nconst MAX_COLUMN_ACTIONS = 100;\n\nfunction isPlainObject(value) {\n return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction clampArray(value, max) {\n return Array.isArray(value) ? value.slice(0, max) : [];\n}\n\n// Backend metadata is trusted with minimal validation (\"Backend metadata is\n// trusted\" finding). A field/tab/action array must at least be an array of\n// plain objects before it reaches ListView.\nfunction sanitizeObjectList(value, max) {\n return clampArray(value, max).filter(isPlainObject);\n}\n\nfunction sanitizeFieldList(value, max) {\n return sanitizeObjectList(value, max).filter(\n (field) => typeof field.value === 'string' || typeof field.field === 'string'\n );\n}\n\n// javascript:/data:/vbscript:/file: URLs in action metadata can reach a\n// rendered (ListView's renderActionButton) and execute in the\n// user's session. Only allow relative routes and standard web protocols.\nconst UNSAFE_URL_PROTOCOL = /^\\s*(javascript|data|vbscript|file):/i;\nconst ACTION_URL_KEYS = ['url', 'href', 'routeUrl', 'routeURL'];\n\nfunction sanitizeAction(action) {\n const safe = { ...action };\n for (const key of ACTION_URL_KEYS) {\n if (typeof safe[key] === 'string' && UNSAFE_URL_PROTOCOL.test(safe[key])) {\n delete safe[key];\n }\n }\n return safe;\n}\n\nfunction sanitizeActionList(value, max) {\n return sanitizeObjectList(value, max).map(sanitizeAction);\n}\n\n// Dot-notation module names (\"job.client\", \"job.client.company\") display the\n// data nested at that path inside each fetched record instead of the record\n// itself. Objects become one row each, arrays are flattened into one row per\n// entry, and primitives are wrapped as { value } so they still render.\nfunction extractNestedRows(rows, nestedPath) {\n return rows.flatMap((row) => {\n const value = getPath(row, nestedPath);\n if (value === undefined || value === null) return [];\n\n const entries = Array.isArray(value) ? value : [value];\n return entries\n .filter((entry) => entry !== undefined && entry !== null)\n .map((entry) => (isPlainObject(entry) ? entry : { value: entry }));\n });\n}\n\n// The failure this catches is invisible: a producer that pre-unwraps the\n// envelope hands us an object whose own `data` key holds its ROWS, so `payload`\n// resolves to that array and every key a mapping looks up only in `payload` —\n// actions, actionRules, columnActions, tabField — is read off an array and comes\n// back undefined. Rows, total, fields and tabs still resolve, so the list looks\n// almost right and only the Actions menu is quietly empty. Nothing throws.\n//\n// One warning beats an afternoon of bisecting. Emit rows under `items`.\nfunction warnOnShadowedPayload(response, payload) {\n if (!Array.isArray(payload) || Array.isArray(response) || !isPlainObject(response)) return;\n const shadowed = ['actions', 'actionRules', 'columnActions', 'tabField']\n .filter((key) => response[key] !== undefined);\n if (shadowed.length === 0) return;\n\n console.warn(\n `[mapListResponse] response.data is an array, so ${shadowed.join(', ')} cannot be `\n + 'resolved from it. Send rows under \"items\" instead of \"data\", or pass the full '\n + 'envelope rather than the unwrapped payload.',\n );\n}\n\nexport function mapListResponse(response, moduleName) {\n const { baseModule, nestedPath } = parseModulePath(moduleName);\n const config = loadMappingConfig(baseModule);\n // Two lookup roots; a mapping names which of them to try for each key. The\n // convention every producer follows is to hand this the WHOLE envelope\n // ({status, message, data: {...}}), so `payload` lands on the config object.\n const payload = response?.data ?? response;\n warnOnShadowedPayload(response, payload);\n\n const rowsRaw = Array.isArray(payload) ? payload : resolveFirst(response, payload, config.rows);\n let rows = clampArray(rowsRaw, MAX_ROWS);\n if (nestedPath) {\n rows = clampArray(extractNestedRows(rows, nestedPath), MAX_ROWS);\n console.log(`[mapListResponse] module \"${baseModule}\" → nested path \"${nestedPath}\": ${rows.length} row(s)`);\n }\n\n const totalRaw = resolveFirst(response, payload, config.total);\n // Some backends nest the total under an object (e.g. { total, searchCount,\n // count }) instead of a flat number; Number(object) is NaN, so unwrap it\n // first or the count silently collapses to 0.\n const unwrappedTotal = isPlainObject(totalRaw)\n ? firstFiniteNumber(totalRaw.total, totalRaw.searchCount, totalRaw.count)\n : totalRaw;\n const total = Number(unwrappedTotal ?? rows.length) || 0;\n\n const tabs = sanitizeObjectList(resolveFirst(response, payload, config.tabs), MAX_TABS);\n\n // In nested mode the response's field config describes the parent module's\n // records, not the nested objects being displayed — always synthesize the\n // columns from the nested rows themselves.\n const fieldsRaw = nestedPath ? [] : resolveFirst(response, payload, config.fields);\n let fields = Array.isArray(fieldsRaw) ? fieldsRaw : [];\n if (fields.length === 0 && (nestedPath || config.synthesizeFieldsFromRows)) {\n fields = synthesizeFieldsFromRows(rows);\n }\n fields = sanitizeFieldList(fields, MAX_FIELDS);\n if (config.visibilityFlag) {\n fields = applyVisibilityFlag(fields, config.visibilityFlag);\n }\n\n const tabFieldRaw = resolveFirst(response, payload, config.tabField);\n const tabField = typeof tabFieldRaw === 'string' ? tabFieldRaw : '';\n\n return {\n rows,\n total,\n tabs,\n fields,\n tabField,\n actionRules: sanitizeActionList(resolveFirst(response, payload, config.actionRules), MAX_ACTION_RULES),\n actions: sanitizeActionList(resolveFirst(response, payload, config.actions), MAX_ACTIONS),\n columnActions: sanitizeActionList(resolveFirst(response, payload, config.columnActions), MAX_COLUMN_ACTIONS),\n };\n}\n","const SUMMARY_REQUESTS = {\n jobs: {\n module: 'jobs',\n keys: ['jobRecruitmentStatus', 'jobStatus'],\n dateField: 'createdAt',\n },\n candidates: {\n module: 'candidates',\n keys: ['candidateSummary'],\n items: [\n {\n key: 'created',\n label: 'Created',\n collection: 'candidates',\n countType: 'documents',\n dateField: 'createdAt',\n },\n {\n key: 'submitted',\n label: 'Submitted',\n collection: 'submissions',\n countType: 'distinct',\n distinctField: 'applicantId',\n dateField: 'submittedAt',\n },\n {\n key: 'onboarded',\n label: 'Onboarded',\n collection: 'onboarding',\n countType: 'distinct',\n distinctField: 'candidateId',\n dateField: 'onboardingActivity.activityTime',\n filters: {\n onboardingObStage: ['Completed'],\n },\n },\n ],\n },\n submissions: {\n module: 'submission',\n keys: [\n 'internalSubmissionStatus.internalSubmissionStatusText',\n 'clientSubmissionStatus.clientSubmissionStatusText',\n ],\n dateField: 'createdAt',\n },\n};\n\nexport const SUMMARY_VISIBLE_COUNTS = {\n jobSummary: [\n {\n label: 'Open',\n field: 'jobStatus',\n keys: ['open', 'active'],\n },\n {\n label: 'Partially Fulfilled',\n field: 'jobRecruitmentStatus',\n keys: ['partially fulfilled', 'partiallyFulfilled'],\n },\n {\n label: 'Fulfilled',\n field: 'jobRecruitmentStatus',\n keys: ['fulfilled'],\n },\n {\n label: 'In-active / Closed',\n field: 'jobStatus',\n keys: ['closed', 'inactive', 'in-active'],\n },\n ],\n};\n\nfunction normalizeComparableText(value) {\n return String(value ?? '').trim().toLowerCase();\n}\n\nfunction makeSummaryItem(label, count) {\n return {\n label,\n count: Number.isFinite(Number(count)) ? Number(count) : 0,\n };\n}\n\nfunction getCountsFromField(field) {\n return Array.isArray(field?.counts) ? field.counts : [];\n}\n\nfunction getFieldFromSummary(data, key) {\n if (data?.key === key) return data;\n\n const fields = Array.isArray(data?.fields) ? data.fields : [];\n return fields.find((field) => field?.key === key) ?? {};\n}\n\nfunction getCountByAliases(data, aliases) {\n const aliasList = Array.isArray(aliases) ? aliases : [aliases];\n const items = Array.isArray(data?.counts) ? data.counts : [];\n const normalizedAliases = aliasList.filter(Boolean).map(normalizeComparableText);\n\n const countItem = items.find((item) => {\n const candidates = [item?.key, item?.label].map(normalizeComparableText);\n return candidates.some((candidate) => normalizedAliases.includes(candidate));\n });\n\n if (countItem) return Number(countItem.count) || 0;\n\n for (const alias of aliasList) {\n const directValue = data?.[alias];\n if (Number.isFinite(Number(directValue))) return Number(directValue);\n }\n\n return 0;\n}\n\nfunction getCountByLabels(field, labels) {\n const labelList = Array.isArray(labels) ? labels : [labels].filter(Boolean);\n const normalizedLabels = labelList.map(normalizeComparableText);\n\n return getCountsFromField(field).reduce((total, item) => {\n const itemLabel = normalizeComparableText(item?.key ?? item?.label);\n if (!normalizedLabels.includes(itemLabel)) return total;\n\n return total + (Number(item?.count) || 0);\n }, 0);\n}\n\nexport function getSummaryRequest(moduleName) {\n const normalized = normalizeComparableText(moduleName);\n\n if (normalized.includes('candidate')) return SUMMARY_REQUESTS.candidates;\n if (normalized.includes('submission')) return SUMMARY_REQUESTS.submissions;\n if (normalized.includes('job')) return SUMMARY_REQUESTS.jobs;\n\n return null;\n}\n\nexport function visibleSummaryCountsFor(moduleName) {\n return SUMMARY_VISIBLE_COUNTS[moduleName] ?? null;\n}\n\nexport function getJobSummaryItemsFromApi(data) {\n if (Array.isArray(data?.counts) || data?.openCount !== undefined || data?.myAssignedCount !== undefined) {\n return [\n makeSummaryItem('Open', getCountByAliases(data, ['openCount', 'open'])),\n makeSummaryItem(\n 'Partially Fulfilled',\n getCountByAliases(data, ['partiallyFulfilledCount', 'partially fulfilled']),\n ),\n makeSummaryItem('Fulfilled', getCountByAliases(data, ['fulfilledCount', 'fulfilled'])),\n makeSummaryItem(\n 'In-active / Closed',\n getCountByAliases(data, ['closedCount', 'closed', 'inactive', 'in active']),\n ),\n ];\n }\n\n return (visibleSummaryCountsFor('jobSummary') ?? []).map((item) => {\n const field = getFieldFromSummary(data, item.field);\n return makeSummaryItem(item.label, getCountByLabels(field, item.keys ?? []));\n });\n}\n\nexport function getCandidateSummaryItems(data) {\n return getCountsFromField(data).map(({ label, key, count }) =>\n makeSummaryItem(label || key, count),\n );\n}\n\nexport function getSubmissionSummaryFromApi(data) {\n const fields = Array.isArray(data?.fields) ? data.fields : [];\n const clientGroup = fields.find(g => g.key === 'clientSubmissionStatus.clientSubmissionStatusText') ?? {};\n const internalGroup = fields.find(g => g.key === 'internalSubmissionStatus.internalSubmissionStatusText') ?? {};\n\n const toBreakdown = (g) =>\n Array.isArray(g.counts) ? g.counts.map(({ label, count }) => makeSummaryItem(label, count)) : [];\n\n const clientCount = Number(clientGroup.total) || 0;\n const internalCount = Number(internalGroup.total) || 0;\n\n return {\n total: clientCount + internalCount,\n clientCount,\n internalCount,\n clientBreakdown: toBreakdown(clientGroup),\n internalBreakdown: toBreakdown(internalGroup),\n };\n}\n\n\n\n\n","import { useEffect, useState } from 'react';\nimport { Button, Card, DatePicker, Select } from 'antd';\nimport { CloseOutlined } from '@ant-design/icons';\nimport AppTypography from './typography/Typography';\nimport { getDynamicCommonCount } from '../services/dashboardApi';\nimport {\n getCandidateSummaryItems,\n getJobSummaryItemsFromApi,\n getSubmissionSummaryFromApi,\n getSummaryRequest,\n} from './viewSummaryConfig';\n\nconst { RangePicker } = DatePicker;\n\nconst DATE_RANGE_OPTIONS = [\n { value: 'today', label: 'Today' },\n { value: 'yesterday', label: 'Yesterday' },\n { value: 'last-7-days', label: 'Last 7 Days' },\n { value: 'last-30-days', label: 'Last 30 Days' },\n { value: 'this-month', label: 'This Month' },\n { value: 'last-month', label: 'Last Month' },\n { value: 'custom-range', label: 'Custom Range' },\n];\n\nfunction getSummaryPopupContainer(triggerNode) {\n return triggerNode.closest('.view-summary-card') ?? document.body;\n}\n\nfunction formatDateParam(date) {\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const day = String(date.getDate()).padStart(2, '0');\n\n return `${year}-${month}-${day}`;\n}\n\nfunction addDays(date, days) {\n const nextDate = new Date(date);\n nextDate.setDate(nextDate.getDate() + days);\n\n return nextDate;\n}\n\nfunction getDateRangeForPreset(rangeKey) {\n const today = new Date();\n const startOfThisMonth = new Date(today.getFullYear(), today.getMonth(), 1);\n const startOfLastMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1);\n const endOfLastMonth = new Date(today.getFullYear(), today.getMonth(), 0);\n\n if (rangeKey === 'today') return { startDate: today, endDate: today };\n if (rangeKey === 'yesterday') {\n const yesterday = addDays(today, -1);\n return { startDate: yesterday, endDate: yesterday };\n }\n if (rangeKey === 'last-30-days') return { startDate: addDays(today, -29), endDate: today };\n if (rangeKey === 'this-month') return { startDate: startOfThisMonth, endDate: today };\n if (rangeKey === 'last-month') return { startDate: startOfLastMonth, endDate: endOfLastMonth };\n\n return { startDate: addDays(today, -6), endDate: today };\n}\n\nfunction getRangeParams(rangeKey, customRange) {\n if (rangeKey === 'custom-range') {\n const [startDate, endDate] = customRange ?? [];\n\n if (!startDate || !endDate) return null;\n\n return {\n startDate: startDate.format('YYYY-MM-DD'),\n endDate: endDate.format('YYYY-MM-DD'),\n };\n }\n\n const range = getDateRangeForPreset(rangeKey);\n\n return {\n startDate: formatDateParam(range.startDate),\n endDate: formatDateParam(range.endDate),\n };\n}\n\nfunction normalizeComparableText(value) {\n return String(value ?? '').trim().toLowerCase();\n}\n\nfunction toTitleCase(value) {\n return String(value ?? '')\n .replace(/[-_]+/g, ' ')\n .replace(/\\s+/g, ' ')\n .trim()\n .replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nfunction getModuleSummaryName(moduleName) {\n const normalized = normalizeComparableText(moduleName);\n\n if (normalized.includes('candidate')) return 'Candidate';\n if (normalized.includes('submission')) return 'Submission';\n if (normalized.includes('job')) return 'Job';\n\n return toTitleCase(moduleName || 'List');\n}\n\nfunction getPayloadData(response) {\n return response?.data ?? response;\n}\n\nfunction buildSummaryPayload(summaryRequest, params) {\n const payload = {\n module: summaryRequest.module,\n dateRange: {\n startDate: params.startDate,\n endDate: params.endDate,\n },\n };\n\n if (summaryRequest.summary) {\n payload.summary = summaryRequest.summary;\n }\n if (Array.isArray(summaryRequest.items) && summaryRequest.items.length > 0) {\n payload.items = summaryRequest.items;\n }\n if (Array.isArray(summaryRequest.keys) && summaryRequest.keys.length > 0) {\n payload.keys = summaryRequest.keys;\n }\n if (summaryRequest.dateField) {\n payload.dateRange.key = summaryRequest.dateField;\n }\n\n return payload;\n}\n\nexport default function ViewSummaryWidget({\n moduleName,\n open,\n onClose,\n}) {\n const moduleSummaryName = getModuleSummaryName(moduleName);\n const normalizedModule = normalizeComparableText(moduleName);\n const isSubmission = normalizedModule.includes('submission');\n const isJob = normalizedModule.includes('job');\n const isCandidate = normalizedModule.includes('candidate');\n const summaryRequest = getSummaryRequest(moduleName);\n const defaultRange = isSubmission ? 'last-30-days' : 'last-7-days';\n const [selectedRange, setSelectedRange] = useState(defaultRange);\n const [customRange, setCustomRange] = useState(null);\n const [jobSummary, setJobSummary] = useState(null);\n const [candidateSummary, setCandidateSummary] = useState(null);\n const [submissionSummaryData, setSubmissionSummaryData] = useState(null);\n const [summaryError, setSummaryError] = useState('');\n const jobItems = getJobSummaryItemsFromApi(jobSummary);\n const candidateSummaryItems = getCandidateSummaryItems(candidateSummary);\n const submissionSummary = getSubmissionSummaryFromApi(submissionSummaryData);\n const totalSubmissions = Math.max(submissionSummary.total, 1);\n const internalPercent = Math.round((submissionSummary.internalCount / totalSubmissions) * 100);\n const clientPercent = Math.max(0, 100 - internalPercent);\n const showCustomRange = selectedRange === 'custom-range';\n\n useEffect(() => {\n if (!open) return;\n\n setSelectedRange(defaultRange);\n setCustomRange(null);\n }, [defaultRange, open]);\n\n useEffect(() => {\n if (!open || !summaryRequest) return undefined;\n\n const params = getRangeParams(selectedRange, customRange);\n\n if (!params) return undefined;\n\n let cancelled = false;\n setSummaryError('');\n\n const summaryRequestPromise = getDynamicCommonCount(\n buildSummaryPayload(summaryRequest, params),\n );\n\n summaryRequestPromise\n .then((response) => {\n if (cancelled) return;\n const data = getPayloadData(response);\n\n if (isJob) {\n setJobSummary(data);\n setCandidateSummary(null);\n setSubmissionSummaryData(null);\n return;\n }\n\n if (isCandidate) {\n setCandidateSummary(data);\n setJobSummary(null);\n setSubmissionSummaryData(null);\n return;\n }\n\n setSubmissionSummaryData(data);\n setJobSummary(null);\n setCandidateSummary(null);\n })\n .catch((error) => {\n if (cancelled) return;\n setJobSummary(null);\n setCandidateSummary(null);\n setSubmissionSummaryData(null);\n setSummaryError(error.message || 'Could not load summary');\n });\n\n return () => {\n cancelled = true;\n };\n }, [customRange, isCandidate, isJob, isSubmission, open, selectedRange, summaryRequest]);\n\n if (!open) return null;\n\n return (\n
\n
\n \n }\n type=\"text\"\n onClick={onClose}\n />\n
\n \n {moduleSummaryName} Summary\n \n {\n setSelectedRange(value);\n if (value !== 'custom-range') setCustomRange(null);\n }}\n />\n
\n\n {isSubmission ? (\n <>\n {showCustomRange && (\n \n )}\n
\n \n \n {submissionSummary.total}\n \n \n Total\n \n
\n
\n \n \n Internal\n \n {submissionSummary.internalCount}\n \n \n \n \n Client\n \n {submissionSummary.clientCount}\n \n \n
\n \n
\n
\n \n Internal Breakdown\n \n {submissionSummary.internalBreakdown.length > 0 ? (\n submissionSummary.internalBreakdown.map((item) => (\n
\n \n \n {item.label}\n \n \n {item.count}\n \n
\n ))\n ) : (\n \n No internal data found\n \n )}\n \n Client Breakdown\n \n {submissionSummary.clientBreakdown.length > 0 ? (\n submissionSummary.clientBreakdown.map((item) => (\n
\n \n \n {item.label}\n \n \n {item.count}\n \n
\n ))\n ) : (\n \n No client data found\n \n )}\n {summaryError && (\n \n {summaryError}\n \n )}\n
\n \n ) : (\n
\n
\n \n All {moduleSummaryName}\n \n {showCustomRange && (\n \n )}\n
\n
\n {normalizedModule.includes('job') && (\n \n Breakdown\n \n )}\n {(isCandidate ? candidateSummaryItems : jobItems).map((item) => (\n
\n \n {item.label}\n \n \n {item.count}\n \n
\n ))}\n {summaryError && (\n \n {summaryError}\n \n )}\n
\n )}\n \n
\n );\n}\n","import { useState, useCallback, useRef } from 'react';\nimport { getDropdownValues } from '../services/dropdownApi';\n\n/**\n * Manages per-field value lists fetched from the API.\n * Debounces search calls by 300 ms to avoid hammering the server while typing.\n */\nexport function useDropdownValues(module) {\n const [valuesByField, setValuesByField] = useState({});\n const [loadingFields, setLoadingFields] = useState(new Set());\n const timers = useRef({});\n\n const setFieldLoading = (field, isLoading) => {\n setLoadingFields((prev) => {\n const next = new Set(prev);\n isLoading ? next.add(field) : next.delete(field);\n return next;\n });\n };\n\n const fetchValues = useCallback((field, search = '', meta = {}) => {\n if (!field || !module) return;\n\n // Clear any pending debounce for this field\n if (timers.current[field]) clearTimeout(timers.current[field]);\n\n const delay = search ? 300 : 0;\n\n timers.current[field] = setTimeout(async () => {\n setFieldLoading(field, true);\n try {\n const data = await getDropdownValues(module, field, search, meta);\n const options = Array.isArray(data)\n ? data.map((item) => ({ label: String(item.label), value: item.value }))\n : [];\n setValuesByField((prev) => ({ ...prev, [field]: options }));\n } catch {\n // Keep previous options on error — don't blank out the dropdown\n } finally {\n setFieldLoading(field, false);\n }\n }, delay);\n }, [module]);\n\n return { valuesByField, loadingFields, fetchValues };\n}\nexport default useDropdownValues;","import { useEffect, useMemo, useRef } from 'react';\nimport {\n Checkbox,\n DatePicker,\n Drawer,\n Flex,\n Form,\n Input,\n InputNumber,\n Radio,\n Select,\n Space,\n Spin,\n Alert,\n Tag,\n} from 'antd';\nimport { DeleteOutlined, PlusOutlined } from '@ant-design/icons';\nimport dayjs from 'dayjs';\nimport AppButton from '../AppButton';\nimport AppTypography from '../typography/Typography';\nimport { useFilterFields } from '../../hooks/useDropdownFields';\nimport { useDropdownValues } from '../../hooks/useDropdownValues';\nimport '../../styles/DynamicFieldFilter.css';\n\nconst DATE_SHORTCUTS = [\n { label: 'Last 7 days', getDates: () => [dayjs().subtract(6, 'day'), dayjs()] },\n { label: 'This month', getDates: () => [dayjs().startOf('month'), dayjs()] },\n { label: 'Overdue', getDates: () => [null, dayjs().subtract(1, 'day')] },\n];\n\nfunction DateRangeWithShortcuts({ value, onChange, disabled }) {\n return (\n \n current && current.isAfter(dayjs(), 'day')}\n />\n {!disabled && (\n \n {DATE_SHORTCUTS.map(({ label, getDates }) => (\n onChange?.(getDates())}\n >\n {label}\n \n ))}\n \n )}\n \n );\n}\n\nconst operatorOptions = [\n { label: 'AND', value: 'and' },\n { label: 'OR', value: 'or' },\n { label: 'Is Empty', value: 'isEmpty' },\n { label: 'Not Empty', value: 'notEmpty' },\n];\n\nconst BOOLEAN_OPTIONS = [\n { label: 'Yes', value: 'true' },\n { label: 'No', value: 'false' },\n];\n\nfunction NumberRangeInput({ value, onChange, disabled }) {\n const [min, max] = Array.isArray(value) ? value : [undefined, undefined];\n return (\n \n onChange?.([v, max])}\n style={{ flex: 1 }}\n />\n onChange?.([min, v])}\n style={{ flex: 1 }}\n />\n \n );\n}\n\nconst defaultFilterRow = { operator: 'and', field: undefined, values: [] };\n\nfunction renderValuesInput({ filterInputType, fieldType, disabled, loading, valueOptions, onSearch, onOpen }) {\n // filterInputType from admin config takes precedence over fieldType-based defaults\n const effective = filterInputType\n || (fieldType === 'boolean' ? 'boolean' : null)\n || (fieldType === 'date' ? 'datepicker' : null)\n || (fieldType === 'number' ? 'number-range' : null)\n || 'dropdown';\n\n if (effective === 'boolean') {\n return (\n \n );\n }\n\n if (effective === 'text') {\n return (\n \n );\n }\n\n if (effective === 'datepicker') {\n return ;\n }\n\n if (effective === 'number-range') {\n return ;\n }\n\n if (effective === 'checkbox') {\n return (\n \n \n \n );\n }\n\n if (effective === 'radio') {\n return (\n \n \n \n );\n }\n\n // dropdown (default)\n return (\n \n );\n}\n\nfunction getFieldLabel(field) {\n return field.label ?? field.fieldLabel ?? field.name ?? field.fieldName ?? field.value;\n}\n\nfunction getFieldValue(field) {\n return field.value ?? field.field ?? field.fieldName ?? field.name ?? field.label;\n}\n\n// Convert an applied filter row back to a form row value.\n// Applied rows carry string dates and scalar values; the form needs dayjs objects\n// for the date picker and raw values for all other inputs.\nfunction appliedRowToFormRow(row, apiFields) {\n const meta = apiFields.find((f) => f.value === row.field);\n const filterInputType = row.filterInputType ?? meta?.filterInputType;\n const isDateInput = filterInputType === 'datepicker' || (!filterInputType && meta?.type === 'date');\n const isTextInput = filterInputType === 'text';\n\n let values = row.values ?? [];\n if (isTextInput) {\n values = row.value ?? '';\n } else if (isDateInput) {\n const from = row.from ? dayjs(row.from) : null;\n const to = row.to ? dayjs(row.to) : null;\n values = [from, to];\n }\n\n return {\n field: row.field,\n operator: row.operator ?? 'and',\n values,\n locked: meta?.isDefaultFilter ?? false,\n };\n}\n\nexport default function DynamicFieldFilter({\n moduleName,\n open = false,\n filters = [],\n onClose,\n onApply,\n onReset,\n}) {\n const [form] = Form.useForm();\n const filterRows = Form.useWatch('filters', form) ?? [];\n\n // Fetch filter-visible fields from auth API (respects Configure → Filter tab)\n const { fields, loading: fieldsLoading, error: fieldsError } = useFilterFields(\n open ? moduleName : null,\n );\n\n const apiFields = useMemo(() => (\n (fields ?? [])\n .map((field) => ({\n label: getFieldLabel(field),\n value: getFieldValue(field),\n type: field.type,\n filterInputType: field.filterInputType,\n dataSource: field.dataSource,\n groupName: field.groupName,\n filterGroupFields: Array.isArray(field.filterGroupFields) ? field.filterGroupFields : [],\n filterGroupSeparator: field.filterGroupSeparator ?? ' ',\n lookup: field.lookup ?? null,\n isDefaultFilter:\n field.isDefaultFilter === 1 ||\n field.isDefaultFilter === \"1\" ||\n field.isDefaultFilter === true,\n }))\n .filter((field) => field.label && field.value)\n ), [fields]);\n\n const defaultFields = useMemo(\n () => apiFields.filter((field) => field.isDefaultFilter),\n [apiFields],\n );\n const defaultFieldsSignature = useMemo(\n () => defaultFields.map((field) => String(field.value)).sort().join('|'),\n [defaultFields],\n );\n\n // Fields selectable via \"Add Row\" — default fields are still selectable here\n // (e.g. to combine the same field with a different operator); duplicate\n // selection is prevented separately via the usedFields check below.\n const addableFields = apiFields;\n\n const { valuesByField, loadingFields, fetchValues } = useDropdownValues(moduleName);\n\n function fetchInitialValuesIfNeeded(field) {\n const meta = apiFields.find((f) => f.value === field);\n const inputType = meta?.filterInputType;\n const noApiFetch = !field\n || inputType === 'datepicker'\n || inputType === 'number-range'\n || inputType === 'text'\n || (!inputType && ['boolean', 'date', 'number'].includes(meta?.type));\n if (!noApiFetch) {\n const isLookup = Boolean(meta?.lookup?.collection);\n fetchValues(field, '', {\n dataSource: isLookup ? 'lookup' : meta?.dataSource,\n groupName: meta?.groupName,\n lookup: meta?.lookup,\n groupFields: meta?.filterGroupFields,\n groupSeparator: meta?.filterGroupSeparator,\n });\n }\n }\n\n function buildDefaultRows() {\n return defaultFields.length > 0\n ? defaultFields.map((field) => ({\n operator: 'and',\n field: field.value,\n values: [],\n locked: field.isDefaultFilter,\n }))\n : [defaultFilterRow];\n }\n\n function mergeDefaultRows(rows = []) {\n const validRows = rows.filter((row) => row?.field);\n const existingFields = new Set(validRows.map((row) => String(row.field)));\n const missingDefaults = defaultFields\n .filter((field) => !existingFields.has(String(field.value)))\n .map((field) => ({\n operator: 'and',\n field: field.value,\n values: [],\n locked: true,\n }));\n\n const mergedRows = [...missingDefaults, ...validRows].map((row) => ({\n ...row,\n locked: defaultFields.some((field) => String(field.value) === String(row.field)),\n }));\n return mergedRows.length > 0 ? mergedRows : [defaultFilterRow];\n }\n\n // Tracks whether the last `filters` prop change originated from inside this\n // drawer (Apply / Reset). When true the external-sync effect below skips the\n // form update — the form is already correct and re-converting applied rows\n // back would produce stale dayjs objects for date fields.\n const isInternalChangeRef = useRef(false);\n\n // Sync the internal form when filters are changed from *outside* the drawer\n // (e.g. a chip is removed from the filter chips bar in ListView).\n const externalFiltersRef = useRef(filters);\n useEffect(() => {\n if (filters === externalFiltersRef.current) return;\n externalFiltersRef.current = filters;\n\n if (isInternalChangeRef.current) {\n isInternalChangeRef.current = false;\n return;\n }\n\n // Convert applied rows back to form rows and update the form.\n const formRows = (filters ?? [])\n .filter((row) => row.field)\n .map((row) => appliedRowToFormRow(row, apiFields));\n\n // External ListView updates (tab changes, chip removal, or an initial\n // empty filters array) must not wipe the admin-configured default rows.\n // This used to replace the form with a blank row after defaults had been\n // initialized, which is why the drawer could open without its defaults.\n const rows = mergeDefaultRows(formRows);\n form.setFieldsValue({ filters: rows });\n rows.forEach((row) => fetchInitialValuesIfNeeded(row.field));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [filters, apiFields]);\n\n const initializedRef = useRef(false);\n const initializedDefaultsRef = useRef('');\n const prevModuleRef = useRef(moduleName);\n const prevLoadingRef = useRef(false);\n useEffect(() => {\n if (moduleName !== prevModuleRef.current) {\n prevModuleRef.current = moduleName;\n initializedRef.current = false;\n initializedDefaultsRef.current = '';\n prevLoadingRef.current = false;\n }\n }, [moduleName]);\n useEffect(() => {\n // Initialize default rows only once per mount — not on every reopen.\n // The drawer stays mounted while closed (Drawer doesn't unmount its\n // content), so re-running this on each open would stomp on whatever\n // values the user had applied last time, resetting them back to blank.\n if (!open) return;\n const defaultsChanged = initializedDefaultsRef.current !== defaultFieldsSignature;\n if (initializedRef.current && !defaultsChanged) return;\n\n // Guard against the race on the very first open: this effect can run\n // before useFilterFields' own effect has flipped fieldsLoading to true,\n // so a stale \"loading=false, fields=[]\" snapshot would lock in the empty\n // fallback row forever. Only initialize once a load has actually\n // completed (loading transitioned true → false) or fields were already\n // available (e.g. a cached result from a prior open).\n const justFinishedLoading = prevLoadingRef.current && !fieldsLoading;\n const alreadyHasFields = !fieldsLoading && apiFields.length > 0;\n prevLoadingRef.current = fieldsLoading;\n if (!justFinishedLoading && !alreadyHasFields) return;\n\n const wasInitialized = initializedRef.current;\n initializedRef.current = true;\n initializedDefaultsRef.current = defaultFieldsSignature;\n const currentRows = form.getFieldValue('filters') ?? [];\n const rows = wasInitialized\n ? mergeDefaultRows(currentRows)\n : mergeDefaultRows(currentRows.length > 0 ? currentRows : buildDefaultRows());\n form.setFieldsValue({ filters: rows });\n rows.forEach((row) => fetchInitialValuesIfNeeded(row.field));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, fieldsLoading, apiFields, defaultFieldsSignature]);\n\n function handleReset() {\n isInternalChangeRef.current = true;\n const rows = buildDefaultRows();\n form.setFieldsValue({ filters: rows });\n rows.forEach((row) => fetchInitialValuesIfNeeded(row.field));\n onApply?.({ moduleName, filters: [] });\n onReset?.();\n onClose?.();\n }\n\n function handleApply() {\n isInternalChangeRef.current = true;\n const raw = form.getFieldsValue();\n const appliedFilters = (raw.filters ?? [])\n .filter((row) => !isRowIncomplete(row))\n .map((formRow) => {\n const row = { ...formRow };\n delete row.locked;\n const meta = apiFields.find((f) => f.value === row.field);\n const fieldLabel = meta?.label ?? row.field;\n const filterInputType = meta?.filterInputType;\n const isDateInput = filterInputType === 'datepicker' || meta?.type === 'date';\n const isNumberRange = filterInputType === 'number-range'\n || (!filterInputType && meta?.type === 'number');\n const isTextInput = filterInputType === 'text';\n\n if (isDateInput) {\n const dateArr = Array.isArray(row.values) ? row.values : [];\n const [rawFrom, rawTo] = dateArr;\n const formatDate = (d) => {\n if (!d) return null;\n if (typeof d.format === 'function') return d.format('YYYY-MM-DD');\n if (typeof d.toISOString === 'function') return d.toISOString().substring(0, 10);\n if (d instanceof Date) return d.toISOString().substring(0, 10);\n return null;\n };\n const from = formatDate(rawFrom);\n const to = formatDate(rawTo);\n return {\n ...row,\n values: [from, to].filter(Boolean),\n from: from ?? undefined,\n to: to ?? undefined,\n fieldLabel,\n filterInputType,\n };\n }\n\n if (isNumberRange) {\n const [min, max] = Array.isArray(row.values) ? row.values : [];\n return {\n ...row,\n values: [min, max].filter((v) => v != null),\n from: min != null ? String(min) : undefined,\n to: max != null ? String(max) : undefined,\n fieldLabel,\n filterInputType,\n };\n }\n\n if (isTextInput) {\n const textVal = typeof row.values === 'string' ? row.values.trim() : '';\n return {\n ...row,\n value: textVal,\n values: [],\n fieldLabel,\n filterInputType,\n };\n }\n\n return {\n ...row,\n values: row.values ?? [],\n fieldLabel,\n filterInputType,\n groupFields: meta?.filterGroupFields ?? [],\n };\n });\n onApply?.({ moduleName, filters: appliedFilters });\n onClose?.();\n }\n\n function isRowIncomplete(row) {\n if (!row?.field) return true;\n if (row.operator === 'isEmpty' || row.operator === 'notEmpty') return false;\n const { values } = row;\n if (typeof values === 'string') return values.trim() === '';\n if (Array.isArray(values)) {\n return values.length === 0 || values.every((v) => v === null || v === undefined || v === '');\n }\n return true;\n }\n\n const hasNoCompleteRow = filterRows.length === 0 || filterRows.every(isRowIncomplete);\n\n function handleFieldChange(rowName, newField) {\n const currentFilters = form.getFieldValue('filters') ?? [];\n form.setFieldValue(\n 'filters',\n currentFilters.map((row, index) => (index === rowName ? { ...row, values: [] } : row)),\n );\n const meta = apiFields.find((f) => f.value === newField);\n const inputType = meta?.filterInputType;\n // Skip API fetch for types that use hardcoded or range inputs\n const noApiFetch = !newField\n || inputType === 'datepicker'\n || inputType === 'number-range'\n || inputType === 'text'\n || (!inputType && ['boolean', 'date', 'number'].includes(meta?.type));\n if (!noApiFetch) {\n const isLookup = Boolean(meta?.lookup?.collection);\n fetchValues(newField, '', {\n dataSource: isLookup ? 'lookup' : meta?.dataSource,\n groupName: meta?.groupName,\n lookup: meta?.lookup,\n groupFields: meta?.filterGroupFields,\n groupSeparator: meta?.filterGroupSeparator,\n });\n }\n }\n\n return (\n \n Filters\n \n )}\n placement=\"right\"\n width={720}\n open={open}\n onClose={onClose}\n rootClassName=\"dynamic-field-filter\"\n maskClosable={false}\n footer={(\n \n Reset\n Apply\n \n )}\n >\n\n {fieldsError && (\n \n )}\n\n \n \n \n {(formFields, { add, remove }) => (\n \n {formFields.map((formField, index) => {\n const selectedField = filterRows[index]?.field;\n const selectedOperator = filterRows[index]?.operator;\n\n const selectedFieldMeta = apiFields.find(\n (f) => f.value === selectedField\n );\n\n const isLocked = selectedFieldMeta?.isDefaultFilter === true;\n const disableValues = !selectedField\n || selectedOperator === 'isEmpty'\n || selectedOperator === 'notEmpty';\n const selectedFieldType = selectedFieldMeta?.type ?? 'text';\n const selectedFilterInputType = selectedFieldMeta?.filterInputType;\n const valueOptions = valuesByField[selectedField] ?? [];\n const valuesLoading = loadingFields.has(selectedField);\n\n // Default (admin-configured) fields are pinned rows; only the\n // remaining fields can be picked when adding a new row, and a\n // field already used in another row can't be picked again.\n // Values are coerced to strings since the API can return the\n // field key as either a string or a number.\n const usedFields = new Set(\n filterRows\n .filter((_, i) => i !== index)\n .map((row) => row?.field)\n .filter(Boolean)\n .map(String),\n );\n const fieldOptions = isLocked\n ? apiFields.filter((f) => f.value === selectedField)\n : addableFields.filter((f) => !usedFields.has(String(f.value)));\n\n return (\n \n {formFields.length > 1 && !isLocked && (\n }\n aria-label=\"Remove filter row\"\n className=\"dynamic-field-filter__remove\"\n onClick={() => remove(formField.name)}\n />\n )}\n\n {index > 0 && (\n \n \n \n \n \n ) : (\n \n handleFieldChange(formField.name, val)}\n />\n \n )}\n \n\n Values}\n name={[formField.name, 'values']}\n style={{ flex: 1, minWidth: 220 }}\n >\n {renderValuesInput({\n filterInputType: selectedFilterInputType,\n fieldType: selectedFieldType,\n disabled: disableValues,\n loading: valuesLoading,\n valueOptions,\n onSearch: (search) => {\n if (selectedField) {\n const isLookup = Boolean(selectedFieldMeta?.lookup?.collection);\n fetchValues(selectedField, search, {\n dataSource: isLookup ? 'lookup' : selectedFieldMeta?.dataSource,\n groupName: selectedFieldMeta?.groupName,\n lookup: selectedFieldMeta?.lookup,\n groupFields: selectedFieldMeta?.filterGroupFields,\n groupSeparator: selectedFieldMeta?.filterGroupSeparator,\n });\n }\n },\n onOpen: (visible) => {\n if (visible && selectedField) {\n const isLookup = Boolean(selectedFieldMeta?.lookup?.collection);\n fetchValues(selectedField, '', {\n dataSource: isLookup ? 'lookup' : selectedFieldMeta?.dataSource,\n groupName: selectedFieldMeta?.groupName,\n lookup: selectedFieldMeta?.lookup,\n groupFields: selectedFieldMeta?.filterGroupFields,\n groupSeparator: selectedFieldMeta?.filterGroupSeparator,\n });\n }\n },\n })}\n \n \n \n );\n })}\n\n }\n disabled={addableFields.length > 0 && filterRows.filter((r) => r?.field).length >= addableFields.length}\n onClick={() => add(defaultFilterRow)}\n >\n Add Row\n \n \n )}\n \n \n \n\n \n );\n}\n","export default \"data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.00035%204.69941C4.74567%204.69941%203.72701%205.71807%203.72701%206.97275C3.72701%208.22745%204.74567%209.24609%206.00035%209.24609C7.25503%209.24609%208.2737%208.22745%208.2737%206.97275C8.2737%205.71807%207.25503%204.69941%206.00035%204.69941ZM6.00035%205.87128C6.60827%205.87128%207.10182%206.36485%207.10182%206.97275C7.10182%207.58067%206.60827%208.07422%206.00035%208.07422C5.39243%208.07422%204.89888%207.58067%204.89888%206.97275C4.89888%206.36485%205.39243%205.87128%206.00035%205.87128ZM2.06843%206.41445C2.85434%204.9331%204.16742%203.92578%206.00035%203.92578C7.83328%203.92578%209.14637%204.9331%209.93227%206.41445C10.0838%206.70013%2010.4388%206.80902%2010.7245%206.65745C11.0102%206.50587%2011.1191%206.15091%2010.9675%205.86523C9.97758%203.9994%208.30902%202.75391%206.00035%202.75391C3.69169%202.75391%202.02312%203.9994%201.03322%205.86523C0.881648%206.15091%200.990538%206.50587%201.27619%206.65745C1.56187%206.80902%201.91686%206.70013%202.06843%206.41445Z'%20fill='%23586888'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.6279%206.78121C12.6857%206.88148%2012.7014%207.00057%2012.6715%207.11239C12.6417%207.22422%2012.5688%207.31967%2012.4688%207.37785L7.21875%2010.4403C7.15185%2010.4794%207.0758%2010.4999%206.99836%2010.4999C6.92092%2010.4999%206.84487%2010.4794%206.77797%2010.4403L1.52797%207.37785C1.42936%207.31859%201.35806%207.22289%201.32951%207.11145C1.30095%207.00001%201.31744%206.88181%201.37539%206.78244C1.43335%206.68306%201.52811%206.61052%201.63916%206.5805C1.75022%206.55048%201.86863%206.56542%201.96875%206.62207L7%209.55605L12.0312%206.62207C12.1315%206.56428%2012.2506%206.54858%2012.3624%206.57841C12.4743%206.60824%2012.5697%206.68116%2012.6279%206.78121ZM1.3125%204.37496C1.31267%204.29833%201.33297%204.22309%201.37136%204.15677C1.40975%204.09045%201.46489%204.03538%201.53125%203.99707L6.78125%200.934566C6.84815%200.895555%206.9242%200.875%207.00164%200.875C7.07908%200.875%207.15513%200.895555%207.22203%200.934566L12.472%203.99707C12.5381%204.0356%2012.5929%204.09076%2012.6309%204.15707C12.669%204.22337%2012.6891%204.2985%2012.6891%204.37496C12.6891%204.45142%2012.669%204.52654%2012.6309%204.59285C12.5929%204.65915%2012.5381%204.71432%2012.472%204.75285L7.22203%207.81535C7.15513%207.85436%207.07908%207.87491%207.00164%207.87491C6.9242%207.87491%206.84815%207.85436%206.78125%207.81535L1.53125%204.75285C1.46489%204.71453%201.40975%204.65946%201.37136%204.59314C1.33297%204.52682%201.31267%204.45159%201.3125%204.37496ZM2.61844%204.37496L7%206.93105L11.3816%204.37496L7%201.81886L2.61844%204.37496ZM7.65625%2011.7993L7%2012.1821L1.96875%209.24707C1.86913%209.19747%201.75436%209.18769%201.64779%209.21973C1.54122%209.25177%201.45087%209.32322%201.39512%209.41953C1.33937%209.51583%201.32241%209.62977%201.3477%209.73814C1.37299%209.84651%201.43863%209.94117%201.53125%2010.0028L6.78125%2013.0653C6.84815%2013.1044%206.9242%2013.1249%207.00164%2013.1249C7.07908%2013.1249%207.15513%2013.1044%207.22203%2013.0653L8.09703%2012.5551C8.14746%2012.5266%208.19171%2012.4883%208.22723%2012.4426C8.26275%2012.3968%208.28882%2012.3444%208.30394%2012.2885C8.31906%2012.2326%208.32291%2012.1742%208.31529%2012.1167C8.30766%2012.0593%208.28871%2012.004%208.25952%2011.9539C8.23033%2011.9039%208.19149%2011.8601%208.14526%2011.8252C8.09903%2011.7903%208.04632%2011.7649%207.9902%2011.7505C7.93408%2011.7361%207.87566%2011.7331%207.81833%2011.7414C7.761%2011.7498%207.70591%2011.7695%207.65625%2011.7993Z'%20fill='%236B7280'/%3e%3cpath%20d='M10.6036%2011.3825L13.4607%209.4477C13.5813%209.36599%2013.614%209.20256%2013.5341%209.08069L13.0105%208.282C12.9303%208.15966%2012.7665%208.12478%2012.6434%208.20383L9.54053%2010.1964L8.94939%2011.4054C8.84904%2011.6106%209.03632%2011.8387%209.25715%2011.7803L10.4338%2011.469C10.4561%2011.4631%2010.4776%2011.4543%2010.4977%2011.4429L10.6036%2011.3825ZM9.54053%2010.1964L10.6036%2011.3825'%20stroke='%236B7280'%20stroke-width='0.6'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='path-1-inside-1_8856_23533'%20fill='white'%3e%3crect%20x='1.40039'%20y='1.40039'%20width='5.09086'%20height='5.09086'%20rx='0.727266'/%3e%3c/mask%3e%3crect%20x='1.40039'%20y='1.40039'%20width='5.09086'%20height='5.09086'%20rx='0.727266'%20stroke='%23586888'%20stroke-width='1.5'%20mask='url(%23path-1-inside-1_8856_23533)'/%3e%3cmask%20id='path-2-inside-2_8856_23533'%20fill='white'%3e%3crect%20x='1.40039'%20y='7.50781'%20width='5.09086'%20height='5.09086'%20rx='0.727266'/%3e%3c/mask%3e%3crect%20x='1.40039'%20y='7.50781'%20width='5.09086'%20height='5.09086'%20rx='0.727266'%20stroke='%23586888'%20stroke-width='1.5'%20mask='url(%23path-2-inside-2_8856_23533)'/%3e%3cline%20x1='7.375'%20y1='2.93555'%20x2='12.225'%20y2='2.93555'%20stroke='%23586888'%20stroke-width='0.75'%20stroke-linecap='round'/%3e%3cline%20x1='7.375'%20y1='5.83398'%20x2='12.225'%20y2='5.83398'%20stroke='%23586888'%20stroke-width='0.75'%20stroke-linecap='round'/%3e%3cline%20x1='7.375'%20y1='8.87305'%20x2='12.225'%20y2='8.87305'%20stroke='%23586888'%20stroke-width='0.75'%20stroke-linecap='round'/%3e%3cline%20x1='7.375'%20y1='11.7227'%20x2='12.225'%20y2='11.7227'%20stroke='%23586888'%20stroke-width='0.75'%20stroke-linecap='round'/%3e%3c/svg%3e\"","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n Avatar,\n Badge,\n Button,\n Card,\n Checkbox,\n Dropdown,\n Empty,\n Flex,\n Input,\n message,\n Popover,\n Space,\n Spin,\n Table,\n Tag,\n Tooltip,\n Typography,\n} from 'antd';\nimport {\n CaretDownOutlined,\n CaretUpOutlined,\n DeleteOutlined,\n DownOutlined,\n EditOutlined,\n FilterOutlined,\n LinkedinFilled,\n MailOutlined,\n PlusOutlined,\n SearchOutlined,\n ShareAltOutlined,\n RightOutlined,\n ThunderboltOutlined,\n UnorderedListOutlined,\n AppstoreOutlined,\n UserAddOutlined,\n UserSwitchOutlined,\n} from '@ant-design/icons';\nimport { Link as RouterLink, useLocation, useNavigate, useSearchParams } from 'react-router-dom';\nimport { useFieldConfig } from '../hooks/useDropdownFields';\nimport { useMenuPermission } from '../hooks/useMenuPermission';\nimport { usePermissions } from '../hooks/usePermissions';\nimport { getCrudPermissionKey } from '../utils/actionPermission';\nimport { checkPermission, isActionValueAllowed } from '../utils/roleAllowsAction';\nimport { isActionBlocked, isRuleActionBlocked, ruleActionDisabledReason, actionDoneState, conditionMatches } from '../utils/actionRuleEngine';\nimport { getModuleDataList } from '../services/dropdownApi';\nimport { getBaseModuleName } from '../utils/modulePath';\nimport { mapListResponse } from '../services/responseMapping/mapListResponse';\nimport { clearAuthTokenOverride, fetchJsonWithAuth, setAuthTokenOverride } from '../services/authApi';\nimport { APP_ID, AUTH_URL } from '../services/apiConfig';\nimport AppBreadcrumb from './Breadcrumb';\nimport CustomPagination from './CustomPagination';\nimport DynamicTabs from './DynamicTabs';\nimport ViewSummaryWidget from './ViewSummaryWidget';\nimport DynamicFieldFilter from './filters/DynamicFieldFilter';\nimport eyeOutlinedIcon from './images/common/eyeoutlined.svg';\nimport frameIcon from './images/common/frame.svg';\nimport unorderedListOutlinedIcon from './images/common/unorderedlistoutlined.svg';\n\nconst { Text } = Typography;\n\nfunction getFieldLabel(field) {\n return firstPresentValue(field?.label, field?.fieldLabel, field?.name, field?.fieldName, field?.value, field?.field);\n}\n\nfunction getFieldValue(field) {\n return firstPresentValue(field?.value, field?.field, field?.fieldName, field?.name, field?.label);\n}\n\nfunction firstPresentValue(...values) {\n return values.find((value) => value !== undefined && value !== null && String(value).trim() !== '');\n}\n\nfunction normalizePathSegments(fieldKey) {\n return String(fieldKey ?? '')\n .replace(/\\[(\\-?\\d+)\\]/g, '.$1')\n .split('.')\n .filter(Boolean);\n}\n\nfunction getNestedRecordValue(record, fieldKey) {\n if (!fieldKey || typeof fieldKey !== 'string') return undefined;\n\n return normalizePathSegments(fieldKey).reduce((value, segment) => {\n if (value === null || value === undefined) return undefined;\n\n if (/^-?\\d+$/.test(segment)) {\n if (!Array.isArray(value)) return undefined;\n const index = Number(segment);\n const resolvedIndex = index < 0 ? value.length + index : index;\n return value[resolvedIndex];\n }\n\n return value?.[segment];\n }, record);\n}\n\nfunction getRecordRawValue(record, fieldKey) {\n if (fieldKey === 'id') return record?.id ?? record?._id;\n\n const directValue = record?.[fieldKey];\n\n return directValue ?? getNestedRecordValue(record, fieldKey);\n}\n\nfunction getLastArrayItemValue(value, childField) {\n if (!Array.isArray(value) || value.length === 0 || !childField) return undefined;\n\n const lastItem = value[value.length - 1];\n if (lastItem === null || lastItem === undefined) return undefined;\n if (typeof lastItem !== 'object') return lastItem;\n\n return getNestedRecordValue(lastItem, childField);\n}\n\nfunction isExternalSourceValue(value) {\n if (Array.isArray(value)) return value.some(isExternalSourceValue);\n if (value === null || value === undefined) return false;\n\n const normalized = String(value).trim().toLowerCase();\n if (!normalized) return false;\n\n return !['all', 'internal'].includes(normalized);\n}\n\nfunction getExternalProfileSource(record) {\n const flatProfileKey = Object.keys(record ?? {}).find((key) => (\n /^customFields\\.[^.]*profiledata\\./i.test(key)\n && !/^customFields\\.internalprofiledata\\./i.test(key)\n ));\n\n if (flatProfileKey) {\n return flatProfileKey\n .replace(/^customFields\\./i, '')\n .replace(/profiledata\\..*$/i, '');\n }\n\n const customFields = record?.customFields;\n if (!customFields || typeof customFields !== 'object') return '';\n\n const profileKey = Object.keys(customFields).find((key) => (\n /profiledata$/i.test(key)\n && !/^internalprofiledata$/i.test(key)\n && customFields[key]\n && typeof customFields[key] === 'object'\n ));\n\n return profileKey ? profileKey.replace(/profiledata$/i, '') : '';\n}\n\nfunction isExternalSourceField(field) {\n if (typeof field?.isVisible === 'boolean' && !field.isVisible) return false;\n if (typeof field?.isVisible === 'string' && field.isVisible.toLowerCase() === 'false') return false;\n\n const fieldKey = getFieldValue(field);\n if (!fieldKey || typeof fieldKey !== 'string') return false;\n\n return (\n /^customFields\\.[^.]*profiledata\\./i.test(fieldKey)\n && !/^customFields\\.internalprofiledata\\./i.test(fieldKey)\n );\n}\n\nfunction isExternalSourceRecord(record) {\n const explicitSources = [\n record?.sourceType,\n record?.profileSource,\n record?.selectedSource,\n record?.customFields?.sourceType,\n record?.customFields?.profileSource,\n ];\n\n return explicitSources.some(isExternalSourceValue) || Boolean(getExternalProfileSource(record));\n}\n\nfunction getRecordValue(record, fieldKey) {\n const value = getRecordRawValue(record, fieldKey);\n\n if (value === null || value === undefined || value === '') return '-';\n if (Array.isArray(value)) return value.join(', ');\n if (typeof value === 'object') return Object.values(value).join(' ');\n\n return value;\n}\n\nfunction getConfiguredDefaultValue(field) {\n const value = field?.defaultValue;\n if (value === null || value === undefined) return '';\n return String(value).trim();\n}\n\nfunction shouldTreatZeroAsEmpty(field) {\n return Boolean(field?.renderConfig?.treatZeroAsEmpty);\n}\n\nfunction isEmptyListValue(value, field = null) {\n if (value === null || value === undefined || value === '' || value === '-') return true;\n if (shouldTreatZeroAsEmpty(field) && (value === 0 || value === '0')) return true;\n if (Array.isArray(value)) return value.length === 0;\n if (typeof value === 'object') return Object.keys(value).length === 0;\n return false;\n}\n\nfunction applyConfiguredDefaultValue(field, value) {\n const defaultValue = getConfiguredDefaultValue(field);\n return defaultValue && isEmptyListValue(value, field) ? defaultValue : value;\n}\n\nfunction formatAvatarDateTime(value) {\n if (!value) return '';\n\n const date = value instanceof Date ? value : new Date(value);\n if (Number.isNaN(date.getTime())) return String(value);\n\n const parts = new Intl.DateTimeFormat('en-US', {\n month: 'short',\n day: '2-digit',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n hour12: true,\n }).formatToParts(date);\n const getPart = (type) => parts.find((part) => part.type === type)?.value ?? '';\n const dateText = `${getPart('month')} ${getPart('day')},${getPart('year')}`;\n const timeText = `${getPart('hour')}:${getPart('minute')} ${getPart('dayPeriod')}`;\n\n return `${dateText} | ${timeText}`;\n}\n\nfunction getAvatarInitial(value) {\n return String(value || 'U').trim().charAt(0).toUpperCase() || 'U';\n}\n\nfunction getAvatarFieldValue(item, keys) {\n const key = keys.find((candidateKey) => {\n const value = getRecordRawValue(item, candidateKey);\n return value !== null && value !== undefined && value !== '';\n });\n\n return key ? getRecordValue(item, key) : '';\n}\n\nfunction normalizeAvatarItems(field, record) {\n const rawValue = getRecordRawValue(record, field.key);\n const items = Array.isArray(rawValue) ? rawValue : (rawValue ? [rawValue] : []);\n const config = field.renderConfig ?? {};\n const nameKeys = [\n config.nameField,\n config.labelField,\n 'recruiterName',\n 'name',\n 'fullName',\n 'displayName',\n 'userName',\n 'email',\n 'recruiterEmail',\n ].filter(Boolean);\n const metaKeys = [\n config.metaField,\n config.dateField,\n config.assignedDateField,\n 'assignedDateTime',\n 'assignedDate',\n 'createdAt',\n ].filter(Boolean);\n\n return items.map((item, index) => {\n const recordItem = typeof item === 'object' && item !== null ? item : { value: item };\n const name = getAvatarFieldValue(recordItem, nameKeys) || String(item || 'User');\n const metaValue = getAvatarFieldValue(recordItem, metaKeys);\n\n return {\n key: getAvatarFieldValue(recordItem, ['recruiterId', 'id', '_id', 'email', 'recruiterEmail']) || `${name}-${index}`,\n name,\n initial: getAvatarInitial(name),\n meta: formatAvatarDateTime(metaValue),\n };\n });\n}\n\nfunction AvatarTooltipContent({ item }) {\n return (\n
\n
{item.name}
\n {item.meta &&
{item.meta}
}\n
\n );\n}\n\nfunction AvatarMoreTooltipContent({ items }) {\n return (\n
\n {items.map((item) => (\n \n ))}\n
\n );\n}\n\nfunction isTrueValue(value) {\n if (typeof value === 'boolean') return value;\n if (typeof value === 'string') return value.toLowerCase() === 'true';\n\n return Boolean(value);\n}\n\nfunction stringifyLinkPart(value) {\n if (value === null || value === undefined) return '';\n if (Array.isArray(value)) return value.join(',');\n if (typeof value === 'object') return Object.values(value).join(' ');\n\n return String(value);\n}\n\nfunction fillLinkTemplate(template, record) {\n if (!template) return '';\n\n return String(template)\n .replace(/\\{([^}]+)\\}/g, (_, key) => encodeURIComponent(stringifyLinkPart(getRecordRawValue(record, key))))\n .replace(/:([A-Za-z_][\\w.]*)/g, (_, key) => encodeURIComponent(stringifyLinkPart(getRecordRawValue(record, key))));\n}\n\nfunction isUrlLike(value) {\n return /^(https?:\\/\\/|\\/)/i.test(String(value));\n}\n\nfunction getLinkTarget(target, href) {\n const normalizedTarget = String(target ?? '').trim().toLowerCase();\n\n if (normalizedTarget === 'blank' || normalizedTarget === '_blank') return '_blank';\n if (normalizedTarget === 'self' || normalizedTarget === '_self') return '_self';\n if (normalizedTarget) return target;\n if (/^https?:\\/\\//i.test(String(href))) return '_blank';\n\n return undefined;\n}\n\nfunction isExternalUrl(value) {\n return /^https?:\\/\\//i.test(String(value));\n}\n\nfunction getFieldHref(field, record, value) {\n const template = field.routeUrl\n ?? field.routeURL\n ?? field.linkTemplate\n ?? field.linkUrl\n ?? field.href\n ?? field.url\n ?? field.action;\n\n if (template) return fillLinkTemplate(template, record);\n if (isUrlLike(value)) return String(value);\n\n return '';\n}\n\nfunction highlightText(text, query) {\n if (!query || query.length < 3 || !text || typeof text !== 'string' || text === '-') return text;\n const lowerText = text.toLowerCase();\n const lowerQuery = query.toLowerCase();\n const parts = [];\n let lastIndex = 0;\n\n while (lastIndex <= text.length) {\n const matchIndex = lowerText.indexOf(lowerQuery, lastIndex);\n if (matchIndex === -1) {\n parts.push(text.slice(lastIndex));\n break;\n }\n if (matchIndex > lastIndex) parts.push(text.slice(lastIndex, matchIndex));\n parts.push(\n \n {text.slice(matchIndex, matchIndex + query.length)}\n \n );\n lastIndex = matchIndex + query.length;\n }\n\n return parts;\n}\n\nfunction renderLinkedValue(field, record, value, searchQuery = '') {\n const href = getFieldHref(field, record, value);\n const target = getLinkTarget(field.linkTarget, href);\n const highlightedValue = highlightText(value, searchQuery);\n\n if (isExternalUrl(href)) {\n return (\n \n \n {highlightedValue}\n \n \n );\n }\n\n return (\n \n \n {highlightedValue}\n \n \n );\n}\n\nfunction getDateDisplayMode(field) {\n const candidates = [\n field?.props,\n field?.props?.format,\n field?.props?.display,\n field?.props?.dateDisplay,\n field?.renderConfig?.format,\n field?.renderConfig?.display,\n field?.renderConfig?.dateDisplay,\n field?.dateDisplay,\n ];\n\n const normalized = candidates\n .map((value) => (typeof value === 'string' ? value.trim().toLowerCase() : ''))\n .find(Boolean);\n\n if (normalized === 'datetime' || normalized === 'time') return normalized;\n return 'date';\n}\n\nfunction formatDateValue(value, field) {\n if (value === null || value === undefined || value === '') return '-';\n\n const date = value instanceof Date ? value : new Date(value);\n\n if (Number.isNaN(date.getTime())) return getRecordValue({ value }, 'value');\n\n const parts = new Intl.DateTimeFormat('en-US', {\n month: 'short',\n day: '2-digit',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n hour12: true,\n timeZone: 'UTC',\n }).formatToParts(date);\n\n const getPart = (type) => parts.find((part) => part.type === type)?.value ?? '';\n const dateText = `${getPart('month')}, ${getPart('day')}, ${getPart('year')}`;\n const timeText = `${getPart('hour')}:${getPart('minute')} ${getPart('dayPeriod')}`;\n const mode = getDateDisplayMode(field);\n\n if (mode === 'time') return timeText;\n if (mode === 'datetime') return `${dateText} | ${timeText}`;\n return dateText;\n}\nfunction isDateField(field) {\n return /date/i.test(`${field.key ?? ''} ${field.label ?? ''} ${field.type ?? ''}`);\n}\n\nfunction normalizeTemplateValue(value) {\n if (value === null || value === undefined || value === '') return '-';\n if (Array.isArray(value)) return value.join(', ');\n if (typeof value === 'object') return Object.values(value).join(' ');\n return value;\n}\n\nfunction getDisplayTemplateValue(record, placeholderKey, field) {\n const key = String(placeholderKey ?? '').trim();\n if (!key) return '-';\n\n const normalizedKey = key.replace(/^record\\./, '');\n const arrayChildField = field?.renderConfig?.lastItemField ?? field?.renderConfig?.arrayDisplayField;\n\n if (arrayChildField) {\n // The configured ListView field may be a computed/virtual key such as\n // `_fmt_client_rate`. In that case the actual array path is available only\n // in the display template, for example `jobPayDetails.clientBudgetStart`.\n // Resolve the placeholder's array root directly from the record and use\n // the same final array object for every placeholder in this field.\n const pathSegments = normalizePathSegments(normalizedKey);\n\n for (let splitIndex = pathSegments.length - 1; splitIndex >= 1; splitIndex -= 1) {\n const parentPath = pathSegments.slice(0, splitIndex).join('.');\n const parentValue = getRecordRawValue(record, parentPath);\n\n if (!Array.isArray(parentValue)) continue;\n\n const lastItem = parentValue[parentValue.length - 1];\n if (lastItem === null || lastItem === undefined) return '-';\n\n const childPath = pathSegments.slice(splitIndex).join('.');\n return normalizeTemplateValue(getNestedRecordValue(lastItem, childPath));\n }\n\n // Preserve support for configurations where the field itself points to\n // the array instead of using a virtual/computed field key.\n const fieldKey = field?.key;\n const rawFieldValue = fieldKey ? getRecordRawValue(record, fieldKey) : undefined;\n\n if (fieldKey && Array.isArray(rawFieldValue)) {\n const lastItem = rawFieldValue[rawFieldValue.length - 1];\n if (normalizedKey === fieldKey) return normalizeTemplateValue(lastItem);\n\n const fieldPrefix = `${fieldKey}.`;\n if (normalizedKey.startsWith(fieldPrefix)) {\n return normalizeTemplateValue(\n getNestedRecordValue(lastItem, normalizedKey.slice(fieldPrefix.length)),\n );\n }\n }\n }\n\n return getRecordValue(record, normalizedKey);\n}\n\nfunction cleanGroupedTemplateSeparators(value) {\n return String(value ?? '')\n .replace(/\\s+/g, ' ')\n // Drop separators left at the beginning/end when one grouped value is empty.\n .replace(/^\\s*[-–—/:|·,]+\\s*/, '')\n .replace(/\\s*[-–—/:|·,]+\\s*$/, '')\n // Remove duplicated/orphan separators created by adjacent empty placeholders.\n .replace(/\\s*([-–—/:|·,])\\s*([-–—/:|·,])\\s*/g, ' $2 ')\n // \"3 - Yrs\" / \"$ - Hourly\" -> \"3 Yrs\" / \"$ Hourly\" when the right token vanished.\n .replace(/\\s+[-–—]\\s+(?=[A-Za-z$€£₹])/g, ' ')\n .replace(/\\s+/g, ' ')\n .trim();\n}\n\nfunction formatDisplayTemplate(template, record, field) {\n if (typeof template !== 'string' || template.trim() === '') return '';\n\n let hasResolvedValue = false;\n const rendered = template.replace(/\\{\\{\\s*([^}]+?)\\s*\\}\\}/g, (_, key) => {\n const value = getDisplayTemplateValue(record, key, field);\n if (isEmptyListValue(value, field)) return '';\n hasResolvedValue = true;\n return String(value);\n });\n\n // If every placeholder is empty, static template text (e.g. \"Yrs\" or \"/ Hourly\")\n // must not prevent the configured Default Value from being used.\n if (!hasResolvedValue) return '';\n\n const normalized = rendered.replace(/\\s+/g, ' ').trim();\n return field?.renderConfig?.cleanEmptyTemplateSeparators\n ? cleanGroupedTemplateSeparators(normalized)\n : normalized;\n}\n\nfunction formatFieldValue(field, record) {\n const rawValue = getRecordRawValue(record, field.key);\n const templatedValue = formatDisplayTemplate(field.displayTemplate, record, field);\n const arrayChildField = field.renderConfig?.lastItemField ?? field.renderConfig?.arrayDisplayField;\n\n if (templatedValue) return templatedValue;\n\n if (arrayChildField) {\n const lastArrayValue = getLastArrayItemValue(rawValue, arrayChildField);\n if (!isEmptyListValue(lastArrayValue, field)) {\n if (Array.isArray(lastArrayValue)) return applyConfiguredDefaultValue(field, lastArrayValue.join(', '));\n if (typeof lastArrayValue === 'object') return applyConfiguredDefaultValue(field, Object.values(lastArrayValue).join(' '));\n return lastArrayValue;\n }\n return applyConfiguredDefaultValue(field, '-');\n }\n\n if (isDateField(field)) return applyConfiguredDefaultValue(field, formatDateValue(rawValue, field));\n\n return applyConfiguredDefaultValue(field, getRecordValue(record, field.key));\n}\n\nfunction isConfiguredDefaultValueActive(field, record) {\n if (!getConfiguredDefaultValue(field)) return false;\n\n const templatedValue = formatDisplayTemplate(field.displayTemplate, record, field);\n if (templatedValue) return false;\n\n const rawValue = getRecordRawValue(record, field.key);\n const arrayChildField = field.renderConfig?.lastItemField ?? field.renderConfig?.arrayDisplayField;\n\n if (arrayChildField) {\n return isEmptyListValue(getLastArrayItemValue(rawValue, arrayChildField), field);\n }\n\n if (isDateField(field)) return isEmptyListValue(formatDateValue(rawValue, field), field);\n\n return isEmptyListValue(getRecordValue(record, field.key), field);\n}\n\nfunction capitalizeWords(value) {\n if (value === '-' || typeof value !== 'string' || !value.trim()) return value;\n\n return value.replace(/\\b([A-Za-z])([A-Za-z]*)\\b/g, (word, first, rest) => {\n if (word.length > 1 && word === word.toUpperCase()) return word;\n return `${first.toUpperCase()}${rest.toLowerCase()}`;\n });\n}\n\nfunction formatExperienceRange(value) {\n if (typeof value !== 'string' || !value.includes('-')) return value;\n\n return value\n .replace(/(^|\\s)-\\s*(\\d+)(?=\\s*[A-Za-z])/, '$10-$2')\n .replace(/(\\d+)\\s*-\\s*(?=[A-Za-z])/, '$1-0 ');\n}\n\nfunction getOrderedFields(fields) {\n const indexedFields = fields.map((field, index) => ({ field, index }));\n const hasOrder = indexedFields.some(({ field }) => field.order !== undefined && field.order !== null && field.order !== '');\n\n if (!hasOrder) return fields;\n\n return [...indexedFields]\n .sort((a, b) => {\n const firstOrder = Number(a.field.order);\n const secondOrder = Number(b.field.order);\n const firstHasOrder = Number.isFinite(firstOrder);\n const secondHasOrder = Number.isFinite(secondOrder);\n\n if (firstHasOrder && secondHasOrder && firstOrder !== secondOrder) return firstOrder - secondOrder;\n if (firstHasOrder !== secondHasOrder) return firstHasOrder ? -1 : 1;\n\n return a.index - b.index;\n })\n .map(({ field }) => field);\n}\n\nfunction getActionIconUrl(action) {\n return action.iconUrl ?? action.iconURL ?? action.icon ?? action.iconPath;\n}\n\nfunction normalizeActionButtons(actionButtons) {\n if (!Array.isArray(actionButtons)) return [];\n\n return actionButtons\n .map((action, index) => ({\n ...action,\n key: action.key ?? action.name ?? action.label ?? action.routeUrl ?? action.type ?? String(index),\n label: action.label ?? action.name ?? action.title ?? action.type ?? 'Action',\n iconUrl: getActionIconUrl(action),\n }))\n .filter((action) => action.iconUrl);\n}\n\n// isActionButtonVisible — a column (in-cell) action button now shares the SAME\n// rule system as the row-dropdown and toolbar actions, so an action configured\n// once is gated identically wherever it renders:\n// 1. Module Action Rules (Admin → Action Rules) keyed by the action's `key` —\n// isRuleActionBlocked hides it (e.g. \"Not my submission — hide Resubmit\",\n// createdBy ne {currentUserId}); the same {currentUserId} token and\n// includes/notIncludes/ne operators the other surfaces use.\n// 2. An inline `conditions` array on the button itself (same {field, operator,\n// value} shape) — \"show only if EVERY condition matches\", so an admin can\n// gate a single button without authoring a module rule.\n// 3. The legacy showIfField/showIfValue single-field equality (kept for\n// backward compatibility; expressed through the same evaluator).\nfunction isActionButtonVisible(action, record, actionRules = [], scope) {\n if (isRuleActionBlocked(action.key, record, actionRules, scope)) return false;\n\n if (Array.isArray(action.conditions) && action.conditions.length > 0) {\n if (!action.conditions.every((condition) => conditionMatches(condition, record, scope))) return false;\n }\n\n const fieldKey = action?.showIfField ?? action?.visibleWhenField;\n if (!fieldKey) return true;\n const operator = action?.showIfOperator || 'eq';\n const expected = action?.showIfValue ?? action?.visibleWhenValue ?? '';\n return conditionMatches({ field: fieldKey, operator, value: expected }, record, scope);\n}\n\n// Gates admin-configured column action buttons (e.g. the inline \"Edit\" pencil\n// icon on a list field) by the same add/edit/delete menuPermission flags used\n// for the dropdown row actions (see getCrudPermissionKey usage above), so an\n// icon configured in Admin can't bypass a role's edit/add/delete restriction.\nfunction isActionButtonAllowed(action, permissions = {}) {\n const pk = getCrudPermissionKey(action);\n if (pk === 'add') return permissions.canAdd !== false;\n if (pk === 'edit') return permissions.canEdit !== false;\n if (pk === 'delete') return permissions.canDelete !== false;\n return true;\n}\n\nfunction renderActionButton(action, record, onPopupAction) {\n const routeUrl = fillLinkTemplate(\n action.routeUrl ?? action.routeURL ?? action.route ?? action.url ?? action.href,\n record,\n );\n const normalizedType = normalizeComparableText(action.type ?? action.actionType);\n const label = typeof action.label === 'function' ? action.label(record) : action.label;\n const content = (\n \n );\n const className = \"job-field-action-button\";\n\n const done = action.__done;\n const disabledReason = action.__disabledReason;\n if (done || disabledReason) {\n return (\n \n \n {content}\n \n \n );\n }\n\n if (typeof action.onClick === 'function') {\n return (\n \n {\n event.stopPropagation();\n action.onClick(record);\n }}\n >\n {content}\n \n \n );\n }\n\n if ((normalizedType === 'popup' || normalizedType === 'modal' || action.popupKey) && routeUrl) {\n return (\n \n {\n event.stopPropagation();\n onPopupAction?.(routeUrl, record, action);\n }}\n >\n {content}\n \n \n );\n }\n\n if (routeUrl && (normalizedType === 'page' || routeUrl.startsWith('/'))) {\n return (\n \n \n {content}\n \n \n );\n }\n\n if (routeUrl) {\n return (\n \n \n {content}\n \n \n );\n }\n\n return (\n \n \n {content}\n \n \n );\n}\n\n\n\nfunction getSecondaryFieldKeys(field) {\n const secondaryFields = Array.isArray(field.secondaryFields)\n ? field.secondaryFields\n : [];\n const secondaryField = field.secondaryField ? [field.secondaryField] : [];\n\n return [...secondaryFields, ...secondaryField]\n .filter((key, index, keys) => key && keys.indexOf(key) === index);\n}\n\nfunction getSecondaryFieldValue(field, record) {\n const separator = field.secondarySeparator ?? ' ';\n const values = getSecondaryFieldKeys(field)\n .map((key) => getRecordValue(record, key))\n .filter((value) => value !== '-');\n\n return values.length ? values.join(` ${separator} `) : '';\n}\n\nfunction formatListText(value) {\n return capitalizeWords(formatExperienceRange(value));\n}\n\nfunction getBadgeValueStyle(field, value) {\n if (!Array.isArray(field.valueStyles)) return null;\n\n const normalizedValue = normalizeComparableText(value);\n\n return field.valueStyles.find((style) => (\n normalizeComparableText(style?.value) === normalizedValue\n || normalizeComparableText(style?.label) === normalizedValue\n )) ?? null;\n}\n\nfunction getBadgeStyle(styleConfig) {\n const color = styleConfig?.color;\n const bg = styleConfig?.bg ?? styleConfig?.background ?? styleConfig?.backgroundColor;\n\n return {\n ...(color ? { '--job-cell-badge-color': color } : {}),\n ...(bg ? { '--job-cell-badge-bg': bg } : {}),\n };\n}\n\nfunction getBadgeVariant(styleConfig) {\n return normalizeComparableText(styleConfig?.varient ?? styleConfig?.variant)\n .replace(/[^a-z0-9-]/g, '-');\n}\n\nfunction renderBadgeField(field, value) {\n const valueStyle = getBadgeValueStyle(field, value);\n const styleConfig = valueStyle ?? field.commonStyle ?? {};\n const rawLabel = valueStyle?.label ?? value;\n const fullLabel = (typeof rawLabel === 'string' ? rawLabel.trim() : rawLabel) || '-';\n const variant = getBadgeVariant(styleConfig);\n const className = [\n 'job-cell-badge',\n 'job-cell-value',\n variant ? `job-cell-badge--${variant}` : '',\n ].filter(Boolean).join(' ');\n\n const MAX_VISIBLE_ITEMS = 1;\n const items = !valueStyle && typeof fullLabel === 'string' && fullLabel.includes(',')\n ? fullLabel.split(',').map((item) => item.trim()).filter(Boolean)\n : null;\n const displayLabel = items && items.length > MAX_VISIBLE_ITEMS\n ? `${items.slice(0, MAX_VISIBLE_ITEMS).join(', ')} +${items.length - MAX_VISIBLE_ITEMS}`\n : fullLabel;\n\n const badgeStyle = getBadgeStyle(styleConfig);\n\n return (\n \n \n {displayLabel}\n \n \n );\n}\n\nfunction renderAvatarField(field, record) {\n const avatars = normalizeAvatarItems(field, record);\n const visibleAvatars = avatars.slice(0, 2);\n const overflowAvatars = avatars.slice(2);\n\n if (!avatars.length) {\n const fallback = getConfiguredDefaultValue(field) || '-';\n return {fallback};\n }\n\n return (\n \n {visibleAvatars.map((item, index) => (\n }\n >\n \n {item.initial}\n \n \n ))}\n {overflowAvatars.length > 0 && (\n }\n >\n \n +{overflowAvatars.length}\n \n \n )}\n \n );\n}\n\nfunction renderFieldValue(field, record, searchQuery = '', onPopupAction, permissions = {}, actionRules = [], scope) {\n if (normalizeComparableText(field.renderType) === 'avatar') return renderAvatarField(field, record);\n\n const usingDefaultValue = isConfiguredDefaultValueActive(field, record);\n const value = formatListText(formatFieldValue(field, record));\n const actionButtons = normalizeActionButtons(field.actionButtons)\n .filter((action) => isActionButtonVisible(action, record, actionRules, scope))\n .filter((action) => isActionButtonAllowed(action, permissions))\n // Attach the same done-state / rule-disabled state the row + toolbar\n // actions get, so a column button also greys out (with its doneLabel or the\n // rule's reason) instead of staying clickable.\n .map((action) => ({\n ...action,\n __done: actionDoneState(action, record, scope),\n __disabledReason: ruleActionDisabledReason(action.key, record, actionRules, scope),\n }));\n const secondaryValue = formatListText(getSecondaryFieldValue(field, record));\n const isBadge = normalizeComparableText(field.renderType) === 'badge';\n const renderedValue = isBadge && value !== '-'\n ? renderBadgeField(field, value)\n : (!isTrueValue(field.isLink) || value === '-' || usingDefaultValue\n ? {highlightText(value, searchQuery)}\n : renderLinkedValue(field, record, value, searchQuery));\n\n return (\n \n \n {renderedValue}\n {actionButtons.length > 0 && (\n \n {actionButtons\n .filter((action) => typeof action.hiddenIf !== 'function' || !action.hiddenIf(record))\n .map((action) => renderActionButton(action, record, onPopupAction))}\n \n )}\n \n {secondaryValue && (\n \n \n {highlightText(secondaryValue, searchQuery)}\n \n \n )}\n \n );\n}\n\n// Content-based column sizing — mirrors how the cell actually renders\n// (primary value via formatFieldValue + secondary line + header label with its\n// sort trigger) and estimates a pixel width from the longest of those, so each\n// column hugs its values like the reference design instead of splitting the\n// table width evenly. Values longer than MAX_COLUMN_WIDTH still ellipsize with\n// a tooltip (handled by the .job-cell-* CSS).\nconst MIN_COLUMN_WIDTH = 130;\nconst MAX_COLUMN_WIDTH = 230;\nconst CELL_CHAR_PX = 7.2;\nconst CELL_PADDING_PX = 26;\nconst HEADER_CHAR_PX = 8;\nconst HEADER_SORTER_PX = 44;\nconst VERTICAL_SCROLLBAR_GUTTER_PX = 20;\n\nfunction estimateColumnWidth(field, records) {\n const headerWidth = String(field.label ?? '').length * HEADER_CHAR_PX + HEADER_SORTER_PX;\n\n if (normalizeComparableText(field.renderType) === 'avatar') {\n return Math.max(Math.round(headerWidth), 120);\n }\n\n let maxChars = 0;\n for (const record of records) {\n const primary = String(formatListText(formatFieldValue(field, record)) ?? '');\n const secondary = String(formatListText(getSecondaryFieldValue(field, record)) ?? '');\n maxChars = Math.max(maxChars, primary.length, secondary.length);\n }\n\n // Badges add horizontal padding around the value.\n const extra = normalizeComparableText(field.renderType) === 'badge' ? 24 : 0;\n const contentWidth = maxChars * CELL_CHAR_PX + CELL_PADDING_PX + extra;\n\n return Math.round(Math.min(Math.max(headerWidth, contentWidth, MIN_COLUMN_WIDTH), MAX_COLUMN_WIDTH));\n}\n\nfunction getComparableValue(record, fieldKey) {\n const value = getRecordValue(record, fieldKey);\n return value === '-' ? '' : String(value);\n}\n\n\nfunction normalizeComparableText(value) {\n return String(value ?? '').trim().toLowerCase();\n}\n\nfunction getTabKey(tab, index) {\n return tab?.key ?? tab?.value ?? tab?.id ?? (index !== undefined ? String(index) : undefined);\n}\n\nfunction normalizeTabKey(tabKey) {\n return normalizeComparableText(tabKey);\n}\n\nfunction isAllTabKey(tabKey) {\n return ['all', ''].includes(normalizeTabKey(tabKey));\n}\n\nfunction recordMatchesTab(record, activeTab, activeTabConfig, fields, tabField) {\n if (isAllTabKey(activeTab)) return true;\n\n const tabValue = activeTabConfig?.filterValue\n ?? activeTabConfig?.status\n ?? activeTabConfig?.title\n ?? activeTabConfig?.tabTitle\n ?? activeTabConfig?.name\n ?? (typeof activeTabConfig?.label === 'string' ? activeTabConfig.label : undefined)\n ?? activeTabConfig?.value\n ?? activeTabConfig?.key\n ?? activeTab;\n const normalizedTabValue = normalizeComparableText(tabValue);\n const explicitField = activeTabConfig?.field\n ?? activeTabConfig?.fieldName\n ?? activeTabConfig?.filterField\n ?? activeTabConfig?.dataIndex\n ?? tabField;\n\n if (explicitField) {\n return normalizeComparableText(getRecordValue(record, explicitField)) === normalizedTabValue;\n }\n\n const statusFields = fields.filter((field) => {\n const key = normalizeComparableText(field.key);\n const label = normalizeComparableText(field.label);\n return key.includes('status') || label.includes('status');\n });\n const candidateFields = statusFields.length ? statusFields : fields;\n\n return candidateFields.some((field) => (\n normalizeComparableText(getRecordValue(record, field.key)) === normalizedTabValue\n ));\n}\n\nfunction getRowKey(record, index, rowKey) {\n if (typeof rowKey === 'function') return rowKey(record, index);\n if (typeof rowKey === 'string') return record?.[rowKey];\n\n return record.id ?? record._id ?? record.key ?? index;\n}\n\nfunction isInteractiveClickTarget(target) {\n return Boolean(target?.closest?.(\n 'a,button,input,textarea,select,label,[role=\"button\"],[role=\"menuitem\"],.ant-checkbox,.ant-radio,.ant-dropdown,.ant-dropdown-trigger,.ant-table-selection-column,.job-field-actions,.job-row-eye-button'\n ));\n}\n\nfunction getActionLabel(action) {\n return action.label ?? action.name ?? action.title ?? action.value;\n}\n\nfunction getActionKey(action, index) {\n return action.key ?? action.value ?? action.route ?? action.name ?? String(index);\n}\n\nconst ACTION_ICON_MAP = {\n delete: ,\n edit: ,\n mail: ,\n shareAlt: ,\n swap: ,\n thunderbolt: ,\n userAdd: ,\n userSwitch: ,\n};\n\n// antd's Dropdown `menu.items` only understands {key, label, icon, danger, ...}.\n// Admin-configured actions carry extra config fields (actionType, routeTemplate,\n// popupKey, popupState, ...) that must NOT be spread onto the menu item, or antd\n// forwards them straight onto the underlying DOM node. An action with\n// admin-configured children (actionType \"group\", e.g. \"Shortlist\") renders as\n// a submenu — antd's Menu natively supports this via item.children.\nfunction toMenuItem(action, done) {\n const item = {\n key: action.key,\n // Config-driven \"done\" terminus (doneWhen matched, e.g. onboardingStatus\n // set): the item shows its doneLabel (\"Moved to Onboarded\") and is disabled.\n label: done ? done.label : action.label,\n icon: ACTION_ICON_MAP[action.icon] ?? undefined,\n danger: done ? undefined : (action.danger || undefined),\n disabled: !!done || undefined,\n title: done ? done.label : undefined,\n };\n if (action.children?.length) {\n item.children = action.children.map((child) => toMenuItem(child));\n }\n return item;\n}\n\n// bulkDoneState — done-state for a toolbar action across the CURRENT selection:\n// the action is \"done\" only when EVERY selected record already satisfies its\n// doneWhen (you can't Move-to-Onboarding a set that's already all onboarded).\n// The common case is a single selected row. Returns { label, tone } or null.\nfunction bulkDoneState(action, records, scope) {\n if (!action?.doneWhen?.field || !records?.length) return null;\n return records.every((record) => actionDoneState(action, record, scope))\n ? actionDoneState(action, records[0], scope)\n : null;\n}\n\n// Applies predicate to every action AND recursively to its children, keeping\n// a parent (e.g. a \"group\" action) whenever the parent itself passes,\n// independent of how many children pass — so admin-configured visibility,\n// permission, and blocking rules apply the same way at every nesting level.\nfunction filterActionTree(actions, predicate) {\n return actions\n .filter(predicate)\n .map((action) => (\n action.children?.length\n ? { ...action, children: filterActionTree(action.children, predicate) }\n : action\n ));\n}\n\n// Flattens a (possibly nested) action tree depth-first, so lookups by key\n// (e.g. dispatching a click on a nested \"Tag To Job\" action) work regardless\n// of nesting.\nfunction flattenActions(actions) {\n const flat = [];\n for (const action of actions) {\n flat.push(action);\n if (action.children?.length) flat.push(...flattenActions(action.children));\n }\n return flat;\n}\n\nfunction normalizeActions(actions) {\n if (!Array.isArray(actions)) return [];\n\n return actions\n .map((action, index) => {\n const label = getActionLabel(action);\n const key = getActionKey(action, index);\n\n if (!label || !key) return null;\n\n return {\n ...action,\n key: String(key),\n label,\n route: action.route || action.routeTemplate || (\n action.actionType === 'modal' && (action.popupKey || key)\n ? `/popup/${action.popupKey || key}`\n : ''\n ),\n children: action.children?.length ? normalizeActions(action.children) : undefined,\n };\n })\n .filter(Boolean);\n}\n\nfunction isChangeStatusAction(action) {\n const key = String(action?.key ?? '').trim().toLowerCase();\n const label = String(action?.label ?? '').trim().toLowerCase();\n const popupKey = String(action?.popupKey ?? '').trim().toLowerCase();\n const route = String(action?.route ?? action?.routeTemplate ?? '').trim().toLowerCase();\n\n return key === 'change-status'\n || key === 'changestatus'\n || label === 'change status'\n || popupKey === 'change-status'\n || route.includes('/popup/change-status');\n}\n\nfunction getClientSubmissionStatusIdentity(record) {\n const nested = record?.clientSubmissionStatus;\n const nestedObject = nested && typeof nested === 'object' ? nested : null;\n\n const id = Number(\n nestedObject?.clientSubmissionStatusId\n ?? nestedObject?.id\n ?? nestedObject?.uniqueId\n ?? record?.clientSubmissionStatusId\n ?? record?.clientStatusId\n ?? record?.['clientSubmissionStatus.clientSubmissionStatusId']\n ?? 0,\n ) || 0;\n\n const text = String(\n nestedObject?.clientSubmissionStatusText\n ?? nestedObject?.name\n ?? (typeof nested === 'string' ? nested : undefined)\n ?? record?.clientSubmissionStatusText\n ?? record?.clientStatusText\n ?? record?.clientStatus\n ?? record?.['clientSubmissionStatus.clientSubmissionStatusText']\n ?? '',\n ).trim();\n\n return { id, text: normalizeComparableText(text) };\n}\n\nfunction recordHasTerminalClientStatus(record, terminalStatusIds, terminalStatusNames) {\n const current = getClientSubmissionStatusIdentity(record);\n if (current.id > 0 && terminalStatusIds.has(current.id)) return true;\n return Boolean(current.text && terminalStatusNames.has(current.text));\n}\n\nfunction selectedRecordsHaveTerminalClientStatus(records, terminalStatusIds, terminalStatusNames) {\n if (!records?.length) return false;\n return records.some((record) => recordHasTerminalClientStatus(\n record,\n terminalStatusIds,\n terminalStatusNames,\n ));\n}\n\nfunction selectedRecordsAllowAction(action, records) {\n if (!action.permissionKey || !records.length) return true;\n return records.every((record) => isActionValueAllowed(\n getNestedRecordValue(record, `actionPermission.${action.permissionKey}`),\n ));\n}\n\n// isActionBlocked / isRuleActionBlocked (per-row) now live in\n// ../utils/actionRuleEngine, shared with DetailHeaderCard.jsx so the two\n// views can no longer drift apart on operator behavior.\n\n// getRowActions — the per-row counterpart of `selectedActionItems` (which only\n// ever fed the bulk multi-select toolbar). Applied to a SINGLE record, so a\n// configured Module Action Rule can actually hide a row's own action button,\n// not just an entry in the bulk dropdown that only appears after selecting rows.\nfunction getRowActions(record, visibleActionItems, actionRules, scope) {\n return filterActionTree(visibleActionItems, (action) => (\n selectedRecordsAllowAction(action, [record])\n && !isRuleActionBlocked(action.key, record, actionRules, scope)\n ));\n}\n\nfunction getNextSortDirection(currentSortDir, sameField) {\n if (!sameField) return 'asc';\n if (currentSortDir === 'asc') return 'desc';\n if (currentSortDir === 'desc') return '';\n\n return 'asc';\n}\n\nfunction getSortTooltipText(sortDir) {\n if (sortDir === 'asc') return 'Ascending';\n if (sortDir === 'desc') return 'Descending';\n\n return 'Neutral';\n}\n\nfunction renderSortHeader({ label, sortDir, sortable, onSort }) {\n if (!sortable) {\n return {label};\n }\n\n const tooltipText = getSortTooltipText(sortDir);\n\n return (\n
\n \n {label}\n \n \n {\n event.preventDefault();\n event.stopPropagation();\n onSort?.();\n }}\n >\n \n \n \n \n \n \n
\n );\n}\n\nfunction getDefaultListSnapshotKey({ moduleName, activeTabScope, pageSize, sort, sortDir, queryParams }) {\n return [\n moduleName ?? '',\n activeTabScope ?? '',\n pageSize,\n sort ?? '',\n sortDir ?? '',\n queryParams ? JSON.stringify(queryParams) : '',\n ].join('|');\n}\n\nfunction getPositivePage(value) {\n const page = Number(value);\n\n return Number.isInteger(page) && page > 0 ? page : 1;\n}\n\nfunction getPageFromSearchParams(searchParams) {\n for (const key of searchParams.keys()) {\n const match = /^p(\\d+)$/.exec(key);\n\n if (match) return getPositivePage(match[1]);\n }\n\n return 1;\n}\n\nfunction removePageSearchParams(searchParams) {\n [...searchParams.keys()].forEach((key) => {\n if (/^p\\d+$/.test(key) || key === 'page') searchParams.delete(key);\n });\n}\n\nconst EMPTY_FIELDS = [];\nconst EMPTY_QUERY_PARAMS = {};\n\n// RecordCard renders using the exact same field.render / renderFieldValue functions\n// that the list view table uses — no hardcoded field slots except name (header) and\n// action (footer). Every other visible field is a dynamic label + value row.\nfunction RecordCard({\n record,\n fields,\n selected,\n onSelect,\n onPreview,\n onRecordClick,\n isControlled,\n selectionMode = 'checkbox',\n onPopupAction,\n permissions,\n}) {\n const nameField = fields.find((f) => f.cardRole === 'name');\n const actionField = fields.find((f) => f.cardRole === 'action');\n const headerActionField = fields.find((f) => f.cardRole === 'headerAction');\n const bodyFields = fields.filter((f) => f !== nameField && f !== actionField && f !== headerActionField);\n\n const nameValue = nameField ? getRecordValue(record, getFieldValue(nameField)) : '';\n\n const actionNode = actionField?.render\n ? actionField.render(getRecordRawValue(record, getFieldValue(actionField)), record)\n : null;\n\n const headerActionNode = headerActionField?.render\n ? headerActionField.render(getRecordRawValue(record, getFieldValue(headerActionField)), record)\n : null;\n\n return (\n {\n if (isInteractiveClickTarget(event.target)) return;\n onRecordClick?.();\n }}\n role={onRecordClick ? 'button' : undefined}\n tabIndex={onRecordClick ? 0 : undefined}\n onKeyDown={(event) => {\n if (!onRecordClick || (event.key !== 'Enter' && event.key !== ' ')) return;\n event.preventDefault();\n onRecordClick();\n }}\n >\n\n {/* Header — name always shown prominently; skips field.render (table-specific) */}\n
\n
\n {selectionMode === 'checkbox' && (\n e.stopPropagation()}\n className=\"param-card__checkbox\"\n />\n )}\n {onPreview && (\n {\n event.stopPropagation();\n onPreview();\n }}\n >\n \"\"\n \n )}\n\n {nameValue}\n {headerActionNode && (\n
{headerActionNode}
\n )}\n
\n
\n\n {/* Body — every other visible field rendered dynamically, same as list columns */}\n {bodyFields.length > 0 && (\n
\n {bodyFields.map((field) => {\n const fieldKey = getFieldValue(field);\n const rawValue = getRecordRawValue(record, fieldKey);\n const displayNode = isControlled && typeof field.render === 'function'\n ? field.render(rawValue, record)\n : renderFieldValue(field, record, '', onPopupAction, permissions);\n return (\n
\n {getFieldLabel(field)}\n
{displayNode}
\n
\n );\n })}\n
\n )}\n\n {/* Divider */}\n
\n\n {/* Footer — action field only */}\n
\n
\n
{actionNode}
\n
\n
\n );\n}\n\nfunction hasFilterValue(row) {\n if (row.operator === 'isEmpty' || row.operator === 'notEmpty') return true;\n if (row.value) return true;\n if (row.from || row.to) return true;\n if (Array.isArray(row.values) && row.values.length > 0) return true;\n return false;\n}\n\nfunction formatChipFieldLabel(row) {\n if (row.fieldLabel) return row.fieldLabel;\n return (row.field ?? '')\n .replace(/([A-Z])/g, ' $1')\n .replace(/^(.)/, (s) => s.toUpperCase())\n .trim();\n}\n\nfunction formatChipValue(row) {\n if (row.operator === 'isEmpty') return 'Is Empty';\n if (row.operator === 'notEmpty') return 'Not Empty';\n if (row.value) return `\"${row.value}\"`;\n if (row.from && row.to) return `${row.from} to ${row.to}`;\n if (row.from) return `from ${row.from}`;\n if (row.to) return `to ${row.to}`;\n if (Array.isArray(row.values) && row.values.length > 0) {\n const shown = row.values.slice(0, 2).join(', ');\n return row.values.length > 2 ? `${shown} +${row.values.length - 2}` : shown;\n }\n return '';\n}\n\nfunction FilterChipsBar({ filters, onRemove, onClearAll }) {\n const chips = (filters ?? [])\n .map((row, originalIdx) => ({ row, originalIdx }))\n .filter(({ row }) => row.field && hasFilterValue(row));\n\n if (chips.length === 0) return null;\n\n return (\n \n Filters:\n {chips.map(({ row, originalIdx }) => (\n onRemove(originalIdx)}\n className=\"filter-chip\"\n >\n {formatChipFieldLabel(row)}\n : \n {formatChipValue(row)}\n \n ))}\n {chips.length > 1 && (\n \n )}\n \n );\n}\n\nexport default function ListView({\n moduleName,\n authToken,\n actions = [],\n actionRules = [],\n breadcrumbItems = [],\n dataSource = [],\n className = '',\n initialPageSize = 10,\n onAction,\n onSummaryClick,\n rowKey,\n showSummaryButton = false,\n summaryButtonLabel = 'View Summary',\n summaryRoute,\n showFieldButton = true,\n showFilterButton = true,\n fieldButtonLabel = 'View Field',\n fieldButtonRoute,\n tabs,\n tabTitleOverrides = null,\n tableClassName = 'job-list-table',\n // new controlled-mode props\n fields: externalFields = EMPTY_FIELDS,\n fieldOverrides = null,\n extraFields = EMPTY_FIELDS,\n listName = '',\n loading: propLoading = false,\n total: externalTotal,\n current: externalCurrent,\n pageSize: externalPageSize,\n onPageChange,\n onPageSizeChange,\n onSearch,\n toolbarExtra = null,\n showSearch = true,\n searchPlaceholder = 'Min 3 Chars, press Enter to search',\n // Restrict the text search to these field keys (e.g. ['jobTitle',\n // 'clientName']). Empty means search across all fields (default).\n searchFields = EMPTY_FIELDS,\n showViewToggle = false,\n activeView = 'list',\n onViewChange,\n autoCardForExternalRows = true,\n createAction,\n onRecordClick,\n selectedRecordId,\n selectionMode = 'checkbox',\n compact = false,\n onSelectionChange,\n // Source tab props\n selectedSource,\n onTabChange,\n fetchData = getModuleDataList,\n responseMapper = mapListResponse,\n // Extra static params forwarded to fetchData/the module-data-list API\n // (e.g. { assessmentId: recordId }) — merged into the request alongside\n // scope/sort/search/filters, for nested lists scoped to a parent record.\n queryParams = EMPTY_QUERY_PARAMS,\n // Number of columns shown by default (before the user opts more in via the\n // column-visibility menu). Defaults to 6; pass a different value per module\n // when needed.\n defaultVisibleColumnCount = 6,\n // Set to false to hide the Add icon/button for pages that shouldn't allow\n // creating new records from this list (e.g. read-only or nested views).\n showAdd = true,\n lockOuterPageScroll = false,\n}) {\n const navigate = useNavigate();\n const location = useLocation();\n // Dot-notation module names (\"job.client\") drill into nested data of the\n // base module — permissions, create routes and role checks belong to the\n // base module, not the nested path.\n const baseModuleName = getBaseModuleName(moduleName);\n const [terminalClientStatusIds, setTerminalClientStatusIds] = useState(() => new Set());\n const [terminalClientStatusNames, setTerminalClientStatusNames] = useState(() => new Set());\n\n useEffect(() => {\n if (normalizeComparableText(baseModuleName) !== 'submissions') {\n setTerminalClientStatusIds(new Set());\n setTerminalClientStatusNames(new Set());\n return undefined;\n }\n\n let cancelled = false;\n const params = new URLSearchParams({\n masterName: 'clientSubmissions',\n offset: '0',\n limit: '100',\n });\n if (APP_ID) params.set('app_id', APP_ID);\n\n fetchJsonWithAuth(AUTH_URL, `/masters/dropdown?${params.toString()}`)\n .then((response) => {\n if (cancelled) return;\n const rows = Array.isArray(response?.data) ? response.data : [];\n const terminalRows = rows.filter((row) => row?.isTerminalStatus === true);\n setTerminalClientStatusIds(new Set(\n terminalRows\n .map((row) => Number(row?.id ?? row?.uniqueId ?? 0))\n .filter((id) => id > 0),\n ));\n setTerminalClientStatusNames(new Set(\n terminalRows\n .map((row) => normalizeComparableText(row?.name))\n .filter(Boolean),\n ));\n })\n .catch(() => {\n if (cancelled) return;\n setTerminalClientStatusIds(new Set());\n setTerminalClientStatusNames(new Set());\n });\n\n return () => {\n cancelled = true;\n };\n }, [baseModuleName]);\n const shouldLockOuterPageScroll = Boolean(lockOuterPageScroll);\n const { canView, canAdd, canEdit, canDelete } = useMenuPermission(baseModuleName);\n const { can } = usePermissions();\n // Callers often pass queryParams as a fresh inline object each render\n // (e.g. queryParams={{ assessmentId: recordId }}) — memoize by value so the\n // fetch effect below only re-runs when the actual params change.\n const queryParamsKey = JSON.stringify(queryParams ?? EMPTY_QUERY_PARAMS);\n const stableQueryParams = useMemo(() => queryParams ?? EMPTY_QUERY_PARAMS, [queryParamsKey]);\n const [searchParams] = useSearchParams();\n const routePage = getPageFromSearchParams(searchParams);\n // Seed the active tab from `selectedSource` instead of always starting on\n // 'all'.\n //\n // The tab drives `activeTabScope`, which is a dependency of the list fetch.\n // Starting on 'all' meant the FIRST fetch went out with an empty scope, and\n // the sync effect below then corrected the tab once the response's `tabs`\n // arrived — firing a SECOND, identical-but-correctly-scoped fetch. Every list\n // page therefore issued two /module-data-list calls on open, and the first of\n // them asked the wrong question: measured on Jobs, an unscoped 648ms query\n // whose result was thrown away, followed by the real scope=myJobs one.\n //\n // Every consumer passes a route TAB KEY here (jobs `/jobs/:tab`, submissions\n // `/submissions/:tab`, campaign contacts), and internally `selectedSource` is\n // only ever compared against tab keys — so trusting it for the first render is\n // exactly as correct as the value the sync effect was going to arrive at.\n // The sync still runs and still reconciles against the real tabs, so a value\n // that turns out not to match any tab is corrected exactly as before.\n const [activeTab, setActiveTab] = useState(() => {\n const seed = String(selectedSource ?? '').trim();\n return seed || 'all';\n });\n const [search, setSearch] = useState('');\n const [committedSearch, setCommittedSearch] = useState('');\n const [filtersOpen, setFiltersOpen] = useState(false);\n const [appliedFilterRows, setAppliedFilterRows] = useState([]);\n const [selectedRowKeys, setSelectedRowKeys] = useState([]);\n const [selectedRows, setSelectedRows] = useState([]);\n const [refreshKey, setRefreshKey] = useState(0);\n const [pagination, setPagination] = useState({ current: routePage, pageSize: initialPageSize });\n const [sortConfig, setSortConfig] = useState({ sort: '', sortDir: '' });\n const [visibleColumnKeys, setVisibleColumnKeys] = useState([]);\n const [columnMenuOpen, setColumnMenuOpen] = useState(false);\n const [selectedCardIds, setSelectedCardIds] = useState([]);\n useEffect(() => {\n if (authToken) setAuthTokenOverride(authToken);\n return () => {\n if (authToken) clearAuthTokenOverride();\n };\n }, [authToken]);\n\n useEffect(() => {\n if (!shouldLockOuterPageScroll) return undefined;\n\n document.documentElement.classList.add('listview-page-scroll-lock');\n document.body.classList.add('listview-page-scroll-lock');\n\n return () => {\n document.documentElement.classList.remove('listview-page-scroll-lock');\n document.body.classList.remove('listview-page-scroll-lock');\n };\n }, [shouldLockOuterPageScroll]);\n\n // Tracks the live width of the table's wrapping element so column widths\n // can be recalculated as the viewport / sidebar / container resizes,\n // instead of being frozen at whatever they measured on first render.\n const tableContainerRef = useRef(null);\n const [tableContainerWidth, setTableContainerWidth] = useState(0);\n const syncedSourceRef = useRef();\n const skipNextImplicitScopeFetchRef = useRef('');\n\n useEffect(() => {\n const el = tableContainerRef.current;\n if (!el || typeof ResizeObserver === 'undefined') return undefined;\n\n const observer = new ResizeObserver((entries) => {\n const width = entries[0]?.contentRect?.width;\n if (typeof width === 'number') setTableContainerWidth(width);\n });\n observer.observe(el);\n return () => observer.disconnect();\n }, []);\n\n const resolveRecordId = (record, index) => String(getRowKey(record, index, rowKey));\n const isRecordSelected = (record, index) => (\n String(resolveRecordId(record, index)) === String(selectedRecordId ?? '')\n );\n\n const handleRecordClick = (record, index) => {\n const id = resolveRecordId(record, index);\n if (!id) return;\n onRecordClick?.(record, id);\n };\n\n const updateSelection = (keys, rows) => {\n setSelectedRowKeys(keys);\n setSelectedRows(rows);\n onSelectionChange?.(keys, rows);\n };\n const [moduleRows, setModuleRows] = useState(dataSource);\n const [moduleTotal, setModuleTotal] = useState(dataSource.length);\n const [moduleTabs, setModuleTabs] = useState([]);\n const [moduleFields, setModuleFields] = useState([]);\n const [moduleTabField, setModuleTabField] = useState('');\n const [moduleActions, setModuleActions] = useState([]);\n const [moduleActionRules, setModuleActionRules] = useState([]);\n const [moduleLoading, setModuleLoading] = useState(false);\n const [moduleError, setModuleError] = useState(null);\n const [defaultListSnapshot, setDefaultListSnapshot] = useState(null);\n const [summaryOpen, setSummaryOpen] = useState(false);\n\n const isControlled = Boolean(onPageChange || onPageSizeChange || onSearch);\n\n // Controlled mode overrides - must be declared before useFieldConfig hook\n const effectiveRows = isControlled ? dataSource : moduleRows;\n const effectiveTotal = isControlled ? (externalTotal ?? 0) : moduleTotal;\n const effectiveFields = isControlled ? externalFields : moduleFields;\n const effectiveTabs = isControlled ? tabs : moduleTabs;\n const effectiveTabField = isControlled ? '' : moduleTabField;\n const effectiveError = isControlled ? null : moduleError;\n const hasExternalSourceRows = useMemo(\n () => effectiveRows.some((record) => isExternalSourceRecord(record)),\n [effectiveRows],\n );\n const hasExternalSourceFields = useMemo(\n () => effectiveFields.some((field) => isExternalSourceField(field)),\n [effectiveFields],\n );\n // External-source rows (Dice and friends) carry a wide, sparse field set that\n // reads badly in a table, so this OVERRIDES the caller's activeView and shows\n // cards. It is a hard override, not a default: a caller that asks for a list\n // does not get one, and the view toggle renders but does nothing.\n //\n // Kept ON by default so every existing caller behaves exactly as before. A\n // caller that owns its own view — the candidate sourcing screen, whose Dice\n // tab must open as a list and whose toggle must work — turns it off.\n const resolvedActiveView =\n (autoCardForExternalRows && (hasExternalSourceRows || hasExternalSourceFields))\n ? 'card'\n : activeView;\n const configuredActions = actions.length > 0 ? actions : moduleActions;\n const configuredActionRules = actionRules.length > 0 ? actionRules : moduleActionRules;\n const actionItems = useMemo(() => normalizeActions(configuredActions), [configuredActions]);\n\n const actionByKey = useMemo(() => (\n new Map(flattenActions(actionItems).map((action) => [action.key, action]))\n ), [actionItems]);\n const visibleActionItems = useMemo(() => (\n filterActionTree(actionItems, (action) => {\n // Infer permission key: explicit > danger convention > key name\n const pk = getCrudPermissionKey(action);\n if (pk === 'add' && !canAdd) return false;\n if (pk === 'edit' && !canEdit) return false;\n if (pk === 'delete' && !canDelete) return false;\n if (!checkPermission(can, action.permission, baseModuleName)) return false;\n if (action.showInList === false) return false;\n if (!action.allowedTabs) return true;\n return action.allowedTabs.some((tab) => normalizeComparableText(tab) === normalizeComparableText(activeTab));\n })\n ), [actionItems, activeTab, can, canAdd, canEdit, canDelete, baseModuleName]);\n const selectedActionItems = useMemo(() => filterActionTree(visibleActionItems, (action) => (\n (selectedRowKeys.length === 1 || action.allowMultiple || action.danger)\n && selectedRecordsAllowAction(action, selectedRows)\n && !(\n normalizeComparableText(baseModuleName) === 'submissions'\n && isChangeStatusAction(action)\n && selectedRecordsHaveTerminalClientStatus(\n selectedRows,\n terminalClientStatusIds,\n terminalClientStatusNames,\n )\n )\n && !isActionBlocked(action.key, selectedRows, configuredActionRules, activeTab)\n )), [\n activeTab,\n baseModuleName,\n configuredActionRules,\n selectedRowKeys.length,\n selectedRows,\n terminalClientStatusIds,\n terminalClientStatusNames,\n visibleActionItems,\n ]);\n\n const hasModuleName = typeof moduleName === 'string'\n ? moduleName.trim().length > 0\n : Boolean(moduleName);\n const createRoute = hasModuleName\n ? `/${baseModuleName}-create${createAction ? `?action=${encodeURIComponent(createAction)}` : ''}`\n : '';\n useEffect(() => {\n if (hasModuleName && !canView) {\n navigate('/', { replace: true });\n }\n }, [canView, hasModuleName, navigate]);\n\n const updatePageRoute = (page, { replace = false } = {}) => {\n const nextSearchParams = new URLSearchParams(searchParams);\n\n removePageSearchParams(nextSearchParams);\n\n const baseSearch = nextSearchParams.toString();\n const pageSearch = page > 1 ? `p${page}` : '';\n const nextSearch = [baseSearch, pageSearch].filter(Boolean).join('&');\n const currentSearch = location.search.replace(/^\\?/, '');\n\n if (nextSearch !== currentSearch) {\n navigate(\n {\n pathname: location.pathname,\n search: nextSearch ? `?${nextSearch}` : '',\n },\n { replace },\n );\n }\n };\n\n const setPaginationPage = (page, options) => {\n setPagination((current) => ({ ...current, current: page }));\n updatePageRoute(page, options);\n };\n\n const resetPaginationPage = () => {\n setPaginationPage(1, { replace: true });\n };\n\n const { config, loading: configLoading, error } = useFieldConfig(!isControlled && hasModuleName ? moduleName : null);\n\n const handleSortChange = useCallback((fieldKey) => {\n const sameField = sortConfig.sort === fieldKey;\n const nextSortDir = getNextSortDirection(sortConfig.sortDir, sameField);\n const nextSort = nextSortDir ? String(fieldKey) : '';\n\n setSortConfig({\n sort: nextSort,\n sortDir: nextSortDir,\n });\n\n if (typeof onSearch === 'function') {\n onSearch(nextSort, nextSortDir);\n }\n\n resetPaginationPage();\n }, [onSearch, resetPaginationPage, sortConfig.sort, sortConfig.sortDir]);\n\n useEffect(() => {\n setPagination((current) => (\n current.current === routePage ? current : { ...current, current: routePage }\n ));\n }, [routePage]);\n\n useEffect(() => {\n if (!isControlled) return;\n\n setPagination((current) => {\n const nextCurrent = getPositivePage(externalCurrent ?? current.current);\n const nextPageSize = Number(externalPageSize) > 0 ? Number(externalPageSize) : current.pageSize;\n\n return current.current === nextCurrent && current.pageSize === nextPageSize\n ? current\n : { current: nextCurrent, pageSize: nextPageSize };\n });\n }, [externalCurrent, externalPageSize, isControlled]);\n\n const refreshTimestamp = location.state?.refreshTimestamp;\n useEffect(() => {\n if (!refreshTimestamp) return;\n updateSelection([], []);\n setRefreshKey((k) => k + 1);\n }, [refreshTimestamp]);\n\n const activeTabConfig = useMemo(() => {\n const availableTabs = [\n ...(Array.isArray(tabs) ? tabs : []),\n ...moduleTabs,\n ];\n\n const normalizedActiveTab = normalizeTabKey(activeTab);\n return availableTabs.find((tab, index) => normalizeTabKey(getTabKey(tab, index)) === normalizedActiveTab);\n }, [activeTab, moduleTabs, tabs]);\n const activeTabField = activeTabConfig?.field\n ?? activeTabConfig?.fieldName\n ?? activeTabConfig?.filterField\n ?? activeTabConfig?.dataIndex\n ?? moduleTabField;\n const activeTabScope = isAllTabKey(activeTab) ? '' : activeTab;\n const canFilterActiveTab = !activeTabScope\n && !isAllTabKey(activeTab)\n && normalizeComparableText(activeTabField).length > 0;\n const hasActiveSearch = committedSearch.trim().length >= 3;\n // Committed term sent to the API (server-side search across visible +\n // lookup-resolved fields, e.g. clientName); empty until 3+ chars committed.\n const activeSearchTerm = hasActiveSearch ? committedSearch.trim() : '';\n const hasActiveFieldFilters = appliedFilterRows.some((row) => row.field);\n const defaultListSnapshotKey = getDefaultListSnapshotKey({\n moduleName,\n activeTabScope,\n pageSize: pagination.pageSize,\n sort: sortConfig.sort,\n sortDir: sortConfig.sortDir,\n queryParams: stableQueryParams,\n });\n const hasUsableDefaultSnapshot = pagination.current === 1 && defaultListSnapshot?.key === defaultListSnapshotKey;\n const knownDefaultTotal = Number(defaultListSnapshot?.total);\n const searchFetchTotal = hasActiveSearch\n ? (\n Number.isFinite(knownDefaultTotal) && knownDefaultTotal > 0\n ? knownDefaultTotal\n : moduleTotal\n )\n : 0;\n\n useEffect(() => {\n if (isControlled) return undefined;\n\n if (!hasModuleName) {\n setModuleRows([]);\n setModuleTotal(0);\n setModuleTabs([]);\n setModuleFields([]);\n setModuleTabField('');\n setModuleActions([]);\n setModuleActionRules([]);\n setModuleError(null);\n return undefined;\n }\n\n const normalizedActiveTabScope = normalizeTabKey(activeTabScope);\n if (\n skipNextImplicitScopeFetchRef.current\n && skipNextImplicitScopeFetchRef.current === normalizedActiveTabScope\n ) {\n skipNextImplicitScopeFetchRef.current = '';\n return undefined;\n }\n\n let cancelled = false;\n // Fetch all rows only when a local search is active so it can match across\n // the full result set. Field filters are handled server-side, so normal\n // pagination applies even while they're active.\n const shouldFetchAllRows = hasActiveSearch && searchFetchTotal > pagination.pageSize;\n const limit = shouldFetchAllRows ? searchFetchTotal : pagination.pageSize;\n const offset = shouldFetchAllRows ? 0 : (pagination.current - 1) * pagination.pageSize;\n setModuleLoading(!(!hasActiveSearch && !hasActiveFieldFilters && pagination.current === 1 && hasUsableDefaultSnapshot));\n setModuleError(null);\n fetchData(moduleName, limit, offset, {\n scope: activeTabScope,\n sort: sortConfig.sort,\n sortDir: sortConfig.sortDir,\n search: activeSearchTerm,\n filters: appliedFilterRows,\n queryParams: stableQueryParams,\n })\n .then((response) => {\n if (cancelled) return;\n const {\n rows,\n total,\n tabs: responseTabs,\n fields: responseFields,\n tabField,\n actions: responseActions,\n actionRules: responseActionRules,\n } = responseMapper(response, moduleName);\n const shouldAdoptImplicitScope = (\n !selectedSource\n && isAllTabKey(activeTab)\n && Array.isArray(responseTabs)\n && responseTabs.length > 0\n && !responseTabs.some((tab, index) => isAllTabKey(getTabKey(tab, index)))\n );\n const implicitScopeTabKey = shouldAdoptImplicitScope\n ? getTabKey(responseTabs[0], 0)\n : '';\n const snapshotScope = implicitScopeTabKey ? String(implicitScopeTabKey) : activeTabScope;\n const snapshotKey = getDefaultListSnapshotKey({\n moduleName,\n activeTabScope: snapshotScope,\n pageSize: pagination.pageSize,\n sort: sortConfig.sort,\n sortDir: sortConfig.sortDir,\n queryParams: stableQueryParams,\n });\n\n setModuleRows(rows);\n setModuleTotal(total);\n setModuleTabs(responseTabs);\n setModuleFields(responseFields);\n setModuleTabField(tabField);\n setModuleActions(responseActions);\n setModuleActionRules(responseActionRules);\n\n if (implicitScopeTabKey) {\n skipNextImplicitScopeFetchRef.current = normalizeTabKey(implicitScopeTabKey);\n setActiveTab((current) => (\n normalizeTabKey(current) === normalizeTabKey(implicitScopeTabKey)\n ? current\n : String(implicitScopeTabKey)\n ));\n }\n\n if (!hasActiveSearch && !hasActiveFieldFilters && pagination.current === 1) {\n setDefaultListSnapshot({\n key: snapshotKey,\n rows,\n total,\n tabs: responseTabs,\n fields: responseFields,\n tabField,\n actions: responseActions,\n actionRules: responseActionRules,\n });\n }\n })\n .catch((err) => {\n if (cancelled) return;\n setModuleRows([]);\n setModuleTotal(0);\n setModuleTabs([]);\n setModuleFields([]);\n setModuleTabField('');\n setModuleActions([]);\n setModuleActionRules([]);\n setModuleError(err.message);\n if (hasModuleName) {\n message.error('Invalid module name or data could not be loaded.');\n }\n })\n .finally(() => {\n if (!cancelled) setModuleLoading(false);\n });\n\n return () => {\n cancelled = true;\n };\n }, [activeSearchTerm, activeTab, activeTabScope, appliedFilterRows, fetchData, hasActiveFieldFilters, hasActiveSearch, hasModuleName, isControlled, moduleName, pagination.current, pagination.pageSize, refreshKey, responseMapper, searchFetchTotal, selectedSource, sortConfig.sort, sortConfig.sortDir, stableQueryParams]);\n\n const normalizedFields = useMemo(() => {\n const usesExternalFields = isControlled && Array.isArray(externalFields) && externalFields.length;\n const usesModuleFields = !isControlled && Array.isArray(moduleFields) && moduleFields.length;\n const usesConfigFields = !error && Array.isArray(config) && config.length;\n\n const fieldSource = usesExternalFields\n ? externalFields\n : usesModuleFields\n ? moduleFields\n : (usesConfigFields ? config : []);\n\n const moduleFieldByKey = new Map(\n moduleFields\n .map((field) => [getFieldValue(field), field])\n .filter(([key]) => key)\n );\n\n const normalizedBase = fieldSource\n .map((field) => {\n const key = getFieldValue(field);\n const moduleField = moduleFieldByKey.get(key) ?? {};\n const override = key && fieldOverrides && typeof fieldOverrides === 'object' ? fieldOverrides[key] : null;\n const renderConfig = override?.renderConfig\n ? { ...(moduleField.renderConfig ?? field.renderConfig ?? {}), ...override.renderConfig }\n : (field.renderConfig ?? moduleField.renderConfig ?? null);\n\n return {\n ...moduleField,\n ...field,\n ...(override ?? {}),\n ...(renderConfig ? { renderConfig } : {}),\n key,\n label: getFieldLabel(override ?? field) ?? getFieldLabel(field) ?? getFieldLabel(moduleField),\n };\n })\n .filter((field) => field.key && field.label);\n\n const normalizedExtra = (Array.isArray(extraFields) ? extraFields : [])\n .map((field, index) => {\n const key = getFieldValue(field);\n if (!key) return null;\n\n return {\n ...field,\n key,\n label: getFieldLabel(field) ?? `Field ${index + 1}`,\n isVirtual: field.isVirtual ?? true,\n isVisible: typeof field.isVisible === 'boolean' ? field.isVisible : true,\n };\n })\n .filter(Boolean);\n\n return getOrderedFields([...normalizedBase, ...normalizedExtra]);\n }, [config, error, externalFields, extraFields, fieldOverrides, isControlled, moduleFields]);\n\n const tableFields = useMemo(() => (\n normalizedFields\n .filter((field) => {\n if (typeof field.isVisible === 'boolean') return field.isVisible;\n if (typeof field.isVisible === 'string') return field.isVisible.toLowerCase() === 'true';\n return true;\n })\n .map((field) => ({\n key: field.key,\n label: field.label,\n }))\n ), [normalizedFields]);\n\n const tableFieldKeys = tableFields.map((field) => field.key);\n const visibleTableColumnKeys = visibleColumnKeys.filter((key) => tableFieldKeys.includes(key));\n const visibleKeys = visibleTableColumnKeys.length\n ? visibleTableColumnKeys\n : tableFields.slice(0, defaultVisibleColumnCount).map((field) => field.key);\n const minimumVisibleColumns = Math.min(defaultVisibleColumnCount, tableFields.length);\n const hasHorizontalScroll = visibleKeys.length > defaultVisibleColumnCount;\n\n // Card view: tableHidden fields always show (they exist for cards only);\n // all other fields respect the same visibility as list columns.\n const visibleCardFields = useMemo(() => (\n normalizedFields.filter((field) => !field.cardHidden && (field.tableHidden || visibleKeys.includes(field.key)))\n ), [normalizedFields, visibleKeys]);\n\n const filteredData = useMemo(() => {\n const q = search.toLowerCase();\n const sourceData = effectiveRows;\n const tabbedData = canFilterActiveTab\n ? sourceData.filter((record) => (\n recordMatchesTab(record, activeTab, activeTabConfig, normalizedFields, activeTabField)\n ))\n : sourceData;\n\n // When searchFields is provided, only those field keys participate in the\n // text search; otherwise every configured field is searchable.\n const searchableFields = searchFields.length\n ? normalizedFields.filter((field) => searchFields.includes(field.key))\n : normalizedFields;\n\n const searchedData = !q || q.length < 3\n ? tabbedData\n : tabbedData.filter((record) => (\n searchableFields.some((field) => (\n String(getRecordValue(record, field.key)).toLowerCase().includes(q)\n // Secondary display values (e.g. the client name shown under the\n // job title) must be searchable too, not just the column's own key.\n || getSecondaryFieldKeys(field).some((secondaryKey) => (\n String(getRecordValue(record, secondaryKey)).toLowerCase().includes(q)\n ))\n ))\n ));\n\n // Field filters are evaluated server-side (sent via the API call); only\n // the local text search needs client-side narrowing here.\n return searchedData;\n }, [activeTab, activeTabConfig, activeTabField, canFilterActiveTab, effectiveRows, normalizedFields, search, searchFields]);\n\n const pagedFilteredData = useMemo(() => {\n if (!hasActiveSearch) return filteredData;\n\n const start = (pagination.current - 1) * pagination.pageSize;\n return filteredData.slice(start, start + pagination.pageSize);\n }, [filteredData, hasActiveSearch, pagination.current, pagination.pageSize]);\n\n // When searching locally, use the client-filtered count. Otherwise the API\n // already returns the correct total (accounting for server-side filters).\n const tableTotal = hasActiveSearch ? filteredData.length : effectiveTotal;\n const showSearchResultsCount = committedSearch.trim().length >= 3;\n const searchResultsCount = String(filteredData.length).padStart(2, '0');\n const hasSourceRows = effectiveTotal > 0 || effectiveRows.length > 0;\n const shouldShowSearchInput = hasSourceRows || search.trim().length > 0 || committedSearch.trim().length > 0;\n const emptyMessage = !hasModuleName\n ? 'Please provide a module name to view data.'\n : moduleError\n ? 'Invalid module name or data could not be loaded.'\n : error\n ? 'Field configuration failed to load.'\n : 'No data found.';\n const normalizedTabTitleOverrides = useMemo(() => {\n if (!tabTitleOverrides || typeof tabTitleOverrides !== 'object') return null;\n\n return Object.entries(tabTitleOverrides).reduce((acc, [key, value]) => {\n if (value === null || value === undefined) return acc;\n acc[String(key)] = String(value);\n return acc;\n }, {});\n }, [tabTitleOverrides]);\n const listTabs = useMemo(() => {\n const providedTabs = Array.isArray(tabs) ? tabs : [];\n const baseTabs = providedTabs.length\n ? providedTabs\n : moduleTabs.length\n ? moduleTabs\n : [{ key: 'all', title: moduleName ?? 'List', count: tableTotal }];\n\n if (!normalizedTabTitleOverrides || !Object.keys(normalizedTabTitleOverrides).length) {\n return baseTabs;\n }\n\n return baseTabs.map((tab, index) => {\n if (!tab || typeof tab !== 'object') return tab;\n\n const tabKey = getTabKey(tab, index);\n const overrideTitle = normalizedTabTitleOverrides[String(tabKey)];\n\n if (!overrideTitle) return tab;\n\n return {\n ...tab,\n title: overrideTitle,\n };\n });\n }, [moduleName, moduleTabs, normalizedTabTitleOverrides, tableTotal, tabs]);\n\n useEffect(() => {\n if (!listTabs.length) return;\n\n // Only reconcile against REAL tabs. Until the first response lands,\n // `listTabs` is a synthesised placeholder (a lone \"all\"), and treating that\n // as authoritative made this guard fight the tab the page actually asked\n // for: it saw \"myJobs\" was not in [\"all\"], reset to \"all\", and the sync\n // effect below then put \"myJobs\" back once the true tabs arrived — a third\n // fetch, with the middle one unscoped and discarded.\n const hasRealTabs = (moduleTabs?.length ?? 0) > 0 || (Array.isArray(tabs) && tabs.length > 0);\n if (!hasRealTabs) return;\n\n const normalizedActiveTab = normalizeTabKey(activeTab);\n const activeTabExists = listTabs.some((tab, index) => normalizeTabKey(getTabKey(tab, index)) === normalizedActiveTab);\n\n if (!activeTabExists) {\n const firstTabKey = getTabKey(listTabs[0], 0);\n if (firstTabKey) setActiveTab(String(firstTabKey));\n }\n }, [activeTab, listTabs, moduleTabs, tabs]);\n\n // Tracks the last `selectedSource` value already synced into `activeTab`,\n // so this effect only reacts to genuine external changes (a parent driving\n // the active tab from elsewhere) instead of re-running on every internal\n // activeTab change. It used to depend on `activeTab` and re-check against\n // `selectedSource` on every click; if the consumer's `onTabChange` didn't\n // echo `selectedSource` back in the same tick, that comparison would see\n // the optimistic click as \"wrong\" and immediately snap it back to the\n // stale prop, making tab clicks look like they did nothing.\n useEffect(() => {\n if (selectedSource === undefined || !listTabs.length) return;\n\n const matchingTab = listTabs.find((tab, index) => (\n normalizeTabKey(getTabKey(tab, index)) === normalizeTabKey(selectedSource)\n ));\n\n // During the first render the API-backed tabs may not be loaded yet and\n // ListView can temporarily contain only its fallback tab. Do not cache the\n // URL/parent-selected source until the corresponding real tab exists.\n if (!matchingTab) return;\n\n const nextActiveTab = String(getTabKey(matchingTab, listTabs.indexOf(matchingTab)));\n\n if (\n selectedSource === syncedSourceRef.current\n && normalizeTabKey(activeTab) === normalizeTabKey(nextActiveTab)\n ) {\n return;\n }\n\n syncedSourceRef.current = selectedSource;\n setActiveTab((current) => (\n normalizeTabKey(current) === normalizeTabKey(nextActiveTab)\n ? current\n : nextActiveTab\n ));\n }, [activeTab, listTabs, selectedSource]);\n\n const handlePreviewOpen = (record) => {\n // History's pushState needs serializable state — strip any\n // function-valued field properties (e.g. a card's custom `render`)\n // before handing normalizedFields to navigate(), or a field with a\n // real function attached throws DataCloneError and crashes the page.\n const serializableFields = normalizedFields.map((field) => {\n const clean = {};\n Object.entries(field).forEach(([key, value]) => {\n if (typeof value !== 'function') clean[key] = value;\n });\n return clean;\n });\n navigate('/popup/preview', {\n state: {\n background: location,\n moduleName: baseModuleName,\n record,\n fields: serializableFields,\n },\n });\n };\n\n // openRowPopup — fires a per-row \"popup\" action button (Admin > Users >\n // List View > Action Buttons, type=\"popup\"), reusing the exact route-based\n // modal mechanism the toolbar bulk actions use (see handleActionClick's\n // action.route branch below), just scoped to this single record instead of\n // the current multi-row selection.\n const openRowPopup = (routeUrl, record, action = {}) => {\n const resolvedRoute = fillLinkTemplate(routeUrl, record);\n const normalizedRoute = resolvedRoute.startsWith('/') ? resolvedRoute : `/${resolvedRoute}`;\n const recordId = record?._id ?? record?.id;\n\n navigate(normalizedRoute, {\n state: {\n background: location,\n selectedIds: recordId !== undefined ? [recordId] : [],\n selectedRecords: [record],\n moduleName: baseModuleName,\n popupContext: action.popupState ?? {},\n popupAction: {\n key: action.key,\n apiMethod: action.apiMethod,\n apiPath: action.apiPath,\n defaultTemplateId: action.defaultTemplateId,\n requireJobId: action.requireJobId,\n popupKey: action.popupKey,\n actionType: action.actionType ?? action.type,\n popupFieldOverrides: action.popupFieldOverrides,\n },\n requireJobId: action.requireJobId,\n ...action.popupState,\n },\n });\n };\n\n const columns = useMemo(() => {\n const iconColumn = {\n dataIndex: 'icons',\n key: 'icons',\n visibilityKey: 'jobsGroup',\n fixed: 'left',\n width: 25,\n render: (_, record) => (\n \n handlePreviewOpen(record)}\n >\n \"\"\n \n\n {record.hasLinkedIn && (\n \n \n \n )}\n \n ),\n };\n\n const dataColumns = normalizedFields\n .filter((field) => visibleKeys.includes(field.key))\n .map((field, idx) => {\n const sortDir = sortConfig.sort === field.key ? sortConfig.sortDir : '';\n\n return {\n title: renderSortHeader({\n label: field.label,\n sortDir,\n sortable: hasSourceRows,\n onSort: () => handleSortChange(field.key),\n }),\n dataIndex: field.key,\n key: field.key,\n fixed: idx === 0 ? 'left' : undefined,\n ellipsis: { showTitle: false },\n width: estimateColumnWidth(field, pagedFilteredData),\n render: (_, record) => renderFieldValue(field, record, committedSearch, openRowPopup, { canAdd, canEdit, canDelete }, configuredActionRules, activeTabScope),\n };\n });\n\n // Grow the data columns to fill any leftover horizontal space instead of\n // leaving a gap after the last column — the extra width is shared out in\n // proportion to each column's own content-based width, so on wide\n // screens (or pages with only a handful of columns) every column widens\n // together rather than the table stopping short of the container edge.\n // Only applies when the table isn't already horizontally scrolling\n // (scroll.x unset, columns fit the viewport) and the container has been\n // measured.\n if (!(hasHorizontalScroll || isControlled) && tableContainerWidth > 0 && dataColumns.length > 0) {\n // Reserve room for the table's own vertical scrollbar (it eats into\n // the table's content width from the inside, after tableContainerWidth\n // was measured on the outer wrapper) — otherwise columns are sized to\n // the full wrapper width, overflow by the scrollbar's width, and a\n // fixed column then forces an unwanted horizontal scrollbar just to\n // reach those last few pixels.\n const reservedWidth = iconColumn.width\n + (hasSourceRows && selectionMode === 'checkbox' ? 48 : 0)\n + VERTICAL_SCROLLBAR_GUTTER_PX;\n const naturalTotal = dataColumns.reduce((sum, col) => sum + col.width, 0);\n const availableWidth = tableContainerWidth - reservedWidth - naturalTotal;\n\n if (availableWidth > 0 && naturalTotal > 0) {\n dataColumns.forEach((col) => {\n col.width = Math.floor(col.width + (availableWidth * (col.width / naturalTotal)));\n });\n }\n }\n\n return [\n iconColumn,\n ...dataColumns,\n ];\n }, [activeTab, canAdd, canDelete, canEdit, committedSearch, configuredActionRules, handleSortChange, hasHorizontalScroll, hasSourceRows, isControlled, location, moduleName, navigate, normalizedFields, pagedFilteredData, selectionMode, sortConfig.sort, sortConfig.sortDir, tableContainerWidth, visibleActionItems, visibleKeys]);\n\n const handleTabChangeInternal = useCallback((key) => {\n const selectedTab = listTabs.find((tab, index) => normalizeTabKey(getTabKey(tab, index)) === normalizeTabKey(key));\n const nextKey = String(selectedTab ? getTabKey(selectedTab, listTabs.indexOf(selectedTab)) : key);\n\n setActiveTab(nextKey);\n setSelectedRowKeys([]);\n setSelectedRows([]);\n resetPaginationPage();\n\n // Tab syncing (selectedSource/onTabChange) is its own controlled-mode\n // concern, independent of pagination — gating this on `isControlled`\n // (which only reflects onPageChange/onPageSizeChange/onSearch) meant a\n // consumer could pass selectedSource for tab tracking without pagination\n // control and never get notified, or the reverse. Call it whenever it's\n // actually provided.\n if (typeof onTabChange === 'function') {\n const newSource = selectedTab?.key ?? selectedTab?.value ?? selectedTab?.id ?? nextKey;\n // Mark this as already-synced so the selectedSource effect above\n // doesn't treat the parent's echoed-back value as a fresh external\n // change and re-run redundantly.\n syncedSourceRef.current = newSource;\n onTabChange(newSource);\n }\n }, [onTabChange, listTabs, resetPaginationPage]);\n\n // handleActionClickForRecords is the action-execution body, parameterized\n // over which ids/records it acts on. handleActionClick (the bulk toolbar\n // handler) and the per-row action column both delegate to it, so a single\n // row's action click behaves exactly like selecting just that one row.\n // Declared as a function (not `const fn = () => {}`) so it's hoisted within\n // this component body — the columns useMemo above references\n // handleRowActionClick, which delegates here, even though this definition\n // appears later in source order.\n function handleActionClickForRecords(key, ids, records) {\n const action = actionByKey.get(String(key));\n\n if (!action) return;\n // Group actions (e.g. \"Shortlist\") only render a submenu of their\n // children — clicking the group itself is a no-op.\n if (action.actionType === 'group') return;\n\n if (typeof onAction === 'function') {\n onAction({ key: action.key, label: action.label, selectedIds: ids, selectedRecords: records });\n }\n\n if (typeof action.onClick === 'function') {\n action.onClick({ action, selectedIds: ids, selectedRecords: records });\n return;\n }\n if (action.actionType === 'copy') {\n const values = records\n .map((record) => getNestedRecordValue(record, action.copyField || 'id') ?? record?._id)\n .filter((value) => value !== undefined && value !== null);\n navigator.clipboard.writeText(values.join('\\n'))\n .then(() => message.success('Copied to clipboard'))\n .catch(() => message.error('Could not copy to clipboard'));\n return;\n }\n if (action.actionType === 'api' && action.apiPath) {\n const firstRecord = records[0] ?? {};\n const apiPath = fillLinkTemplate(action.apiPath, firstRecord);\n fetchJsonWithAuth(AUTH_URL, apiPath.startsWith('/') ? apiPath : `/${apiPath}`, {\n method: action.apiMethod || 'POST',\n body: ['GET', 'DELETE'].includes(String(action.apiMethod).toUpperCase())\n ? undefined\n : JSON.stringify({ ids, records }),\n })\n .then(() => {\n message.success(`${action.label} completed`);\n setRefreshKey((value) => value + 1);\n })\n .catch((error) => message.error(error.message || `${action.label} failed`));\n return;\n }\n if (action.route) {\n const firstRecord = records[0] ?? {};\n const resolvedRoute = fillLinkTemplate(action.route, firstRecord);\n const normalizedRoute = resolvedRoute.startsWith('/') ? resolvedRoute : `/${resolvedRoute}`;\n\n if (action.route.startsWith('/popup/') || action.route.startsWith('popup/')) {\n const popupKeyPath = action.popupKey || action.route?.replace(/^\\/popup\\//i, '') || '';\n const isQuickSubmitPopup = /(?:^|\\/)(?:quick(?:-|_)?submit|submit)(?:$|\\/)/i.test(popupKeyPath);\n const urlJobId = new URLSearchParams(location.search).get('jobId');\n const quickSubmitJobId = action.popupState?.jobId\n ?? action.popupState?.jobID\n ?? action.popupState?.jobId\n ?? firstRecord.jobId\n ?? firstRecord.job?.id\n ?? firstRecord.job?._id\n ?? urlJobId;\n const quickSubmitCandidateId = action.popupState?.candidateId\n ?? action.popupState?.applicantId\n ?? firstRecord.id\n ?? firstRecord._id\n ?? firstRecord.applicantId\n ?? firstRecord.candidateId;\n\n if (isQuickSubmitPopup && quickSubmitJobId && quickSubmitCandidateId) {\n const params = new URLSearchParams();\n params.set('candidateId', String(quickSubmitCandidateId));\n params.set('isFromSubmission', 'false');\n navigate(`/submission-create/${encodeURIComponent(String(quickSubmitJobId))}?${params.toString()}`);\n return;\n }\n\n navigate(normalizedRoute, {\n state: {\n background: location,\n selectedIds: ids,\n selectedRecords: records,\n moduleName: baseModuleName,\n popupContext: action.popupState ?? {},\n popupAction: {\n key: action.key,\n apiMethod: action.apiMethod,\n apiPath: action.apiPath,\n defaultTemplateId: action.defaultTemplateId,\n requireJobId: action.requireJobId,\n popupFieldOverrides: action.popupFieldOverrides,\n },\n ...action.popupState,\n },\n });\n return;\n }\n navigate(normalizedRoute);\n }\n }\n\n function handleActionClick({ key }) {\n const action = flattenActions(selectedActionItems).find((a) => String(a.key) === String(key));\n // A \"done\" toolbar action is a disabled success label, not a trigger.\n if (action && bulkDoneState(action, selectedRows, activeTab)) return;\n handleActionClickForRecords(key, selectedRowKeys, selectedRows);\n }\n function handleRowActionClick(record, index) {\n return ({ key }) => handleActionClickForRecords(key, [resolveRecordId(record, index)], [record]);\n }\n\n const allColumnsVisible = visibleKeys.length === tableFields.length;\n const someColumnsVisible = visibleKeys.length > 0 && !allColumnsVisible;\n\n const toggleColumn = (key, checked) => {\n setVisibleColumnKeys((current) => {\n const defaultKeys = tableFields.slice(0, defaultVisibleColumnCount).map((field) => field.key);\n const currentKeys = current.length ? current : defaultKeys;\n\n if (checked) return currentKeys.includes(key) ? currentKeys : [...currentKeys, key];\n if (currentKeys.length <= minimumVisibleColumns) return currentKeys;\n\n return currentKeys.filter((columnKey) => columnKey !== key);\n });\n };\n\n const handleSummaryClick = () => {\n if (typeof onSummaryClick === 'function') {\n onSummaryClick();\n return;\n }\n if (summaryRoute) {\n navigate(summaryRoute);\n return;\n }\n setSummaryOpen(true);\n };\n\n const handleFieldButtonClick = () => {\n if (fieldButtonRoute) {\n navigate(fieldButtonRoute);\n }\n };\n\n useEffect(() => {\n if (!summaryOpen) return undefined;\n\n const handleKeyDown = (event) => {\n if (event.key === 'Escape') setSummaryOpen(false);\n };\n\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [summaryOpen]);\n\n const restoreDefaultListSnapshot = () => {\n if (hasUsableDefaultSnapshot) {\n setModuleRows(defaultListSnapshot.rows);\n setModuleTotal(defaultListSnapshot.total);\n setModuleTabs(defaultListSnapshot.tabs);\n setModuleFields(defaultListSnapshot.fields);\n setModuleTabField(defaultListSnapshot.tabField);\n setModuleActions(defaultListSnapshot.actions ?? []);\n setModuleActionRules(defaultListSnapshot.actionRules ?? []);\n setModuleError(null);\n setModuleLoading(false);\n }\n };\n\n const handleSearchChange = (event) => {\n const nextSearch = event.target.value;\n const searchWillBeInactive = nextSearch.trim().length < 3;\n const hasAppliedFieldFilters = appliedFilterRows.some((row) => row.field);\n\n if (searchWillBeInactive) {\n setCommittedSearch('');\n if (!hasAppliedFieldFilters) {\n restoreDefaultListSnapshot();\n }\n }\n\n setSearch(nextSearch);\n resetPaginationPage();\n };\n\n const handleSearchEnter = () => {\n const q = search.trim();\n if (q.length >= 3) {\n setCommittedSearch(q);\n resetPaginationPage();\n }\n };\n\n const handleFilterReset = () => {\n restoreDefaultListSnapshot();\n setAppliedFilterRows([]);\n updateSelection([], []);\n resetPaginationPage();\n };\n\n // Clear card selection when the user navigates to a different page or tab\n // so the Actions dropdown never carries stale records from the previous page.\n useEffect(() => {\n if (resolvedActiveView === 'card') {\n setSelectedCardIds([]);\n updateSelection([], []);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pagination.current, pagination.pageSize, activeTab, resolvedActiveView]);\n\n // --------------------------------------------------------------------------\n // 4g. NEW — Card View Handlers\n // handleCardSelect: toggles a card's checked state and mirrors it into\n // selectedRowKeys / selectedRows so the shared Actions dropdown fires\n // identically in both List and Card views.\n // --------------------------------------------------------------------------\n const handleCardSelect = (key) => {\n setSelectedCardIds((prev) => {\n const next = prev.includes(key)\n ? prev.filter((id) => id !== key)\n : [...prev, key];\n const nextRows = pagedFilteredData.filter((record, idx) =>\n next.includes(String(getRowKey(record, idx, rowKey)))\n );\n updateSelection(next, nextRows);\n return next;\n });\n };\n\n const columnVisibilityContent = (\n
event.stopPropagation()}>\n {\n setVisibleColumnKeys(\n event.target.checked\n ? tableFields.map((field) => field.key)\n : tableFields.slice(0, defaultVisibleColumnCount).map((field) => field.key)\n );\n }}\n >\n Select All\n \n
\n {tableFields.map((field) => (\n toggleColumn(field.key, event.target.checked)}\n >\n {field.label}\n \n ))}\n
\n
\n );\n return (\n \n {breadcrumbItems.length > 0 && (\n
\n \n
\n )}\n \n \n \n \n {toolbarExtra}\n {shouldShowSearchInput && (\n }\n placeholder={searchPlaceholder}\n value={search}\n onChange={handleSearchChange}\n onPressEnter={handleSearchEnter}\n allowClear\n className=\"job-search-input\"\n />\n )}\n {!isControlled && canAdd && showAdd && (\n \n }\n onClick={() => {\n if (createRoute) navigate(createRoute);\n }}\n />\n \n )}\n {hasSourceRows && (\n r.field && hasFilterValue(r)).length}\n size=\"small\"\n offset={[-2, 2]}\n >\n }\n onClick={() => setFiltersOpen(true)}\n />\n \n )}\n\n {showViewToggle && hasSourceRows && (\n \n \n }\n onClick={() => { onViewChange?.('list'); setSelectedCardIds([]); updateSelection([], []); }}\n />\n \n \n }\n onClick={() => { onViewChange?.('card'); setSelectedCardIds([]); updateSelection([], []); }}\n />\n \n \n )}\n\n {showSummaryButton && (\n \n {summaryButtonLabel}\n \n )}\n {showFieldButton && fieldButtonRoute && (\n \n {fieldButtonLabel}\n \n )}\n \n \n \n {hasSourceRows && (\n <>\n \n \n \n {resolvedActiveView === 'card' && (\n 0 && selectedCardIds.length >= pagedFilteredData.length}\n indeterminate={selectedCardIds.length > 0 && selectedCardIds.length < pagedFilteredData.length}\n className=\"param-card-view__select-all\"\n onChange={() => {\n if (selectedCardIds.length > 0) {\n setSelectedCardIds([]);\n updateSelection([], []);\n } else {\n const allKeys = pagedFilteredData.map((record, idx) => String(getRowKey(record, idx, rowKey)));\n setSelectedCardIds(allKeys);\n updateSelection(allKeys, [...pagedFilteredData]);\n }\n }}\n >\n Select All\n \n )}\n columnVisibilityContent}\n placement=\"bottomLeft\"\n overlayClassName=\"column-visibility-dropdown\"\n >\n }\n size=\"small\"\n className=\"job-actions-button job-column-display-button\"\n >\n \n \n \n {selectedActionItems.length > 0 && selectedRowKeys.length > 0 && (\n toMenuItem(action, bulkDoneState(action, selectedRows, activeTab))),\n onClick: handleActionClick,\n }}\n trigger={['click']}\n >\n \n \"\"\n Actions \n \n \n )}\n {selectedRowKeys.length > 0 && (\n \n Selected ({selectedRowKeys.length})\n \n )}\n \n {showSearchResultsCount && (\n \n Search Results ({searchResultsCount})\n \n )}\n \n \n )}\n\n {hasActiveFieldFilters && (\n {\n const next = appliedFilterRows.filter((_, i) => i !== originalIdx);\n setAppliedFilterRows(next);\n resetPaginationPage();\n }}\n onClearAll={handleFilterReset}\n />\n )}\n\n
\n \n {resolvedActiveView === 'card' ? (\n pagedFilteredData.length === 0 ? (\n \n {!isControlled && canAdd && showAdd && createRoute && !moduleError && (\n }\n onClick={() => navigate(createRoute)}\n >\n Add New\n \n )}\n \n ) : (\n
\n {pagedFilteredData.map((record, idx) => {\n const key = String(getRowKey(record, idx, rowKey));\n return (\n handlePreviewOpen(record)}\n onSelect={() => handleCardSelect(key)}\n onPopupAction={openRowPopup}\n onRecordClick={onRecordClick ? () => handleRecordClick(record, idx) : undefined}\n selectionMode={selectionMode}\n permissions={{ canAdd, canEdit, canDelete }}\n />\n );\n })}\n
\n )\n ) : (\n // {\n // setSelectedRowKeys(keys);\n // setSelectedRows(rows); \n // },\n // columnTitle: (() => {\n // const totalOnPage = pagedFilteredData.length;\n // const allSelected = totalOnPage > 0 && selectedRowKeys.length >= totalOnPage;\n // const someSelected = selectedRowKeys.length > 0 && !allSelected;\n // return (\n // {\n // if (someSelected || allSelected) {\n // setSelectedRowKeys([]);\n // setSelectedRows([]);\n // } else {\n // const allKeys = pagedFilteredData.map((record, idx) => getRowKey(record, idx, rowKey));\n // setSelectedRowKeys(allKeys);\n // setSelectedRows([...pagedFilteredData]);\n // }\n // }}\n // />\n // );\n // })(),\n // } : undefined}\n // columns={columns}\n // dataSource={pagedFilteredData}\n // size=\"middle\"\n // showSorterTooltip={false}\n // tableLayout=\"fixed\"\n // scroll={(hasHorizontalScroll || isControlled) ? { x: 'max-content' } : undefined}\n // pagination={false}\n // onChange={handleTableChange}\n // locale={{\n // emptyText: (\n // \n // ),\n // }}\n // className={tableClassName}\n // rowKey={(record, index) => getRowKey(record, index, rowKey)}\n // />\n {\n updateSelection(keys, rows);\n },\n columnTitle: (() => {\n const totalOnPage = pagedFilteredData.length;\n const allSelected = totalOnPage > 0 && selectedRowKeys.length >= totalOnPage;\n const someSelected = selectedRowKeys.length > 0 && !allSelected;\n return (\n {\n if (someSelected || allSelected) {\n updateSelection([], []);\n } else {\n const allKeys = pagedFilteredData.map((record, idx) => getRowKey(record, idx, rowKey));\n updateSelection(allKeys, [...pagedFilteredData]);\n }\n }}\n />\n );\n })(),\n } : undefined}\n columns={columns}\n dataSource={pagedFilteredData}\n size=\"middle\"\n tableLayout=\"fixed\"\n scroll={{ x: (hasHorizontalScroll || isControlled) ? 'max-content' : undefined, y: 'calc(100vh - 300px)' }}\n pagination={false}\n locale={{\n emptyText: (\n \n ),\n }}\n className={`${tableClassName} ${compact ? 'list-view-table--compact' : ''}`.trim()}\n onRow={onRecordClick ? (record, index) => ({\n onClick: (event) => {\n if (isInteractiveClickTarget(event.target)) return;\n handleRecordClick(record, index);\n },\n 'aria-selected': isRecordSelected(record, index),\n }) : undefined}\n rowClassName={selectedRecordId != null ? (record, index) => (\n isRecordSelected(record, index) ? 'list-view-row--active' : ''\n ) : undefined}\n rowKey={(record, index) => getRowKey(record, index, rowKey)}\n />\n )}\n \n
\n\n {hasSourceRows ? {\n if (isControlled && typeof onPageChange === 'function') {\n onPageChange(page, nextPageSize ?? pagination.pageSize);\n return;\n }\n setPaginationPage(page);\n }}\n onPageSizeChange={(size) => {\n if (isControlled && typeof onPageSizeChange === 'function') {\n onPageSizeChange(size);\n return;\n }\n setPagination({ current: 1, pageSize: size });\n updatePageRoute(1, { replace: true });\n }}\n /> : undefined}\n\n setFiltersOpen(false)}\n onApply={({ filters }) => {\n setAppliedFilterRows(filters);\n resetPaginationPage();\n }}\n onReset={handleFilterReset}\n />\n setSummaryOpen(false)}\n />\n
\n );\n}\n","// pendingHandoff — pass an in-flight Promise from one route to the next.\n//\n// react-router's navigate(path, { state }) stores `state` via\n// history.pushState, which requires the value to be STRUCTURED-CLONEABLE.\n// A Promise is not: passing one directly throws\n// \"Failed to execute 'pushState' on 'History': # could not be\n// cloned\" — silently killing the navigation itself, not just the feature that\n// tried to carry the promise.\n//\n// The fix is a token indirection: stash the promise in an in-memory map and\n// hand nav state a plain string key instead. Both routes live in the same SPA\n// runtime, so the map survives the navigation; a hard reload or a link opened\n// in a new tab naturally has no entry, which callers must treat as \"nothing to\n// wait for\" (never as an error).\nconst pending = new Map();\nlet counter = 0;\n\n/**\n * Stash a promise and return a token to carry through navigate(path, { state }).\n * @param {Promise} promise\n * @returns {string} token\n */\nexport function stashPendingPromise(promise) {\n const token = `ph_${Date.now()}_${(counter += 1)}`;\n pending.set(token, promise);\n // Self-cleaning: if the destination never mounts to consume it (the user\n // cancels, or navigates elsewhere first), don't hold the promise forever.\n promise.finally(() => {\n setTimeout(() => pending.delete(token), 0);\n }).catch(() => {}); // already-handled elsewhere; this is only cleanup\n return token;\n}\n\n/**\n * Retrieve and remove a stashed promise by token. Returns undefined for an\n * unknown/already-consumed token — callers must treat that as \"nothing to\n * wait for\", not as an error (e.g. the page was reloaded, or opened directly).\n * @param {string | undefined} token\n * @returns {Promise | undefined}\n */\nexport function takePendingPromise(token) {\n if (!token) return undefined;\n const promise = pending.get(token);\n pending.delete(token);\n return promise;\n}\n","import { ensureToken } from './authApi';\nimport { AUTH_URL } from './apiConfig';\n\n// ── Relevant-skill matching ─────────────────────────────────────────────────\n// Which of a candidate's skills does this job actually need?\n//\n// Sends IDS ONLY. The gateway reads both records from the caller's own\n// tenant-scoped database and calls the configured AI service, so this file —\n// like every other service module here — never holds a service URL or a\n// credential.\n//\n// NEVER THROWS and never rejects: the only caller is a submission flow, and a\n// failed match must degrade to \"the recruiter fills Relevant Skills by hand\",\n// exactly as today. An empty list is the honest answer for every failure.\n\n/**\n * @param {Object} args\n * @param {string} args.jobId\n * @param {string} args.applicantId\n * @param {number} [args.timeoutMs=15000] give up and return [] after this\n * @returns {Promise} the candidate's skills this job asks for\n */\nexport async function matchRelevantSkills({ jobId, applicantId, timeoutMs = 15000 }) {\n if (!jobId || !applicantId) return [];\n\n const controller = new AbortController();\n const timer = setTimeout(() => controller.abort(), timeoutMs);\n try {\n const token = await ensureToken();\n const res = await fetch(`${AUTH_URL}/skill-match`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify({ jobId, applicantId }),\n signal: controller.signal,\n });\n if (!res.ok) return [];\n const json = await res.json();\n const skills = json?.data?.relevantSkills ?? json?.relevantSkills;\n return Array.isArray(skills) ? skills.filter((s) => typeof s === 'string' && s.trim()) : [];\n } catch {\n // Aborted, offline, 5xx, malformed body — all the same outcome.\n return [];\n } finally {\n clearTimeout(timer);\n }\n}\n","import { apiGetWithAuth, fetchJsonWithAuth, ensureToken } from './authApi';\nimport { AUTH_URL, CANDIDATES_URL, JOBS_URL } from './apiConfig';\n\nexport async function getCandidateSummary(startDate, endDate) {\n const params = new URLSearchParams();\n if (startDate) params.set('startDate', startDate);\n if (endDate) params.set('endDate', endDate);\n const query = params.toString();\n return apiGetWithAuth(CANDIDATES_URL, `/profile-summary${query ? `?${query}` : ''}`);\n}\n\nexport async function getQuickSubmitCandidates({ isFromSubmission, jobId, submissionId, search = '' } = {}) {\n const body = { search };\n if (isFromSubmission) {\n body.submissionId = submissionId;\n } else {\n body.jobId = jobId;\n }\n const json = await fetchJsonWithAuth(CANDIDATES_URL, '/quicksubmit/list', {\n method: 'POST',\n body: JSON.stringify(body),\n });\n return json.data ?? json;\n}\n\nexport async function getCandidateFormGroups(options = {}) {\n const token = await ensureToken();\n const params = new URLSearchParams({ module: 'candidates' });\n if (options.id) params.set('id', options.id);\n const res = await fetch(`${AUTH_URL}/admin/form-groups?${params}`, {\n method: 'GET',\n headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },\n });\n if (!res.ok) throw new Error(`API ${res.status}: ${res.statusText}`);\n const json = await res.json();\n return json.data ?? json;\n}\n\nexport async function getMentionUsers(search = '') {\n const params = search ? `?search=${encodeURIComponent(search)}` : '';\n return apiGetWithAuth(JOBS_URL, `/users/any${params}`);\n}\n\nexport async function migrateDiceCandidate(diceId) {\n if (!diceId) throw new Error('Dice candidate ID is required');\n\n const token = await ensureToken();\n const url = `${AUTH_URL}/dicemigrate/${encodeURIComponent(String(diceId))}`;\n // const url = `http://localhost:9009/v1/dicemigrate/${encodeURIComponent(String(diceId))}`;\n if (process.env.NODE_ENV === 'development') {\n console.log('[DiceMigration] Request URL:', url);\n }\n const response = await fetch(\n url,\n {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n },\n );\n\n const payload = await response.json().catch(() => null);\n if (!response.ok) {\n const error = new Error(\n payload?.message\n ?? payload?.error\n ?? `Failed to migrate candidate (${response.status})`,\n );\n error.status = response.status;\n throw error;\n }\n\n return payload;\n}\n","import { migrateDiceCandidate } from './candidatesApi';\nimport { resolveDiceProfileId } from './diceCandidateMapper';\n\nexport function normalizeSourceKey(value) {\n if (value && typeof value === 'object') {\n return normalizeSourceKey(value.value ?? value.key ?? value.id ?? value.label ?? value.name);\n }\n\n return String(value ?? '').trim().toLowerCase();\n}\n\nexport function getSearchSources(value) {\n return (Array.isArray(value) ? value : [value])\n .flat()\n .map(normalizeSourceKey)\n .filter((item, index, source) => item && item !== 'all' && source.indexOf(item) === index);\n}\n\nexport function resolveSearchSource(value, fallback = 'internal') {\n const sources = getSearchSources(value);\n if (sources.includes('internal')) return 'internal';\n const normalizedFallback = normalizeSourceKey(fallback);\n if (sources[0]) return sources[0];\n if (normalizedFallback) return normalizedFallback;\n return fallback === '' ? '' : 'internal';\n}\n\n// Which module key answers for each source tab, as { [sourceKey]: moduleKey }.\n// A source with no entry uses the form's own module, which is every source on\n// every form until someone configures otherwise.\n//\n// Two places can declare it and BOTH are honoured, config last so it wins:\n// 1. a `sourceModules` prop, for a host app that wants to say so in code\n// before the option key is persisted backend-side;\n// 2. the source option itself ({ value:'dice', module:'dice' }), which is what\n// the Admin option editor writes.\n//\n// Built once and shared, because the module has to be identical on both request\n// paths — the `/module-data-list` call and the unified search endpoint. They\n// each used to work it out for themselves, and only one of the two read config,\n// so the Dice tab asked for Candidates' columns and actions.\nexport function buildSourceModuleMap(fields, sourceModules) {\n const map = { ...(sourceModules ?? {}) };\n\n (Array.isArray(fields) ? fields : [])\n .flatMap((field) => (Array.isArray(field?.options) ? field.options : []))\n .forEach((option) => {\n const key = normalizeSourceKey(option?.value);\n // Blank is not a value: it means \"use the form's module\", the same reading\n // the Admin editor gives it by refusing to store an empty module.\n const module = String(option?.module ?? '').trim();\n if (key && module) map[key] = module;\n });\n\n return map;\n}\n\nfunction toTitle(value) {\n return String(value ?? '')\n .replace(/[-_]+/g, ' ')\n .replace(/\\s+/g, ' ')\n .trim()\n .replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\n// The key a tab is MATCHED by — lowercased, so a configured source and the\n// backend's spelling of it land on the same map entry.\nfunction getTabKey(tab) {\n return normalizeSourceKey(rawTabKey(tab));\n}\n\n// The key a tab is EMITTED with, which is what goes back to the API when the tab\n// is clicked. It has to survive verbatim: a source key is lowercase either way,\n// but a field-based tab like \"myJobs\" is not, and sending \"myjobs\" would filter\n// on a value no record has.\nfunction rawTabKey(tab) {\n const key = tab?.key ?? tab?.value ?? tab?.id ?? tab?.source ?? tab?.name ?? tab?.title ?? tab?.label;\n return String(key ?? '').trim();\n}\n\nfunction getTabCount(tab) {\n const count = tab?.count ?? tab?.countValue;\n const number = Number(count);\n return Number.isFinite(number) ? number : undefined;\n}\n\nfunction getSourceCount(source, responseCounts, currentCounts, activeSource, activeCount) {\n // Both endpoints report a count for EVERY requested source, not just the one\n // being viewed — module-data-list in `count.internal`/`count.dice`, boolean\n // search in the same shape. So the live response wins for any tab; restricting\n // this to the active source left the other tab showing a stale cached figure\n // (or none) even though the number was sitting right there in the response.\n const responseCount = Number(responseCounts?.[source]);\n if (Number.isFinite(responseCount)) return responseCount;\n\n if (source === activeSource) {\n const activeTotal = Number(activeCount);\n if (Number.isFinite(activeTotal)) return activeTotal;\n }\n\n const currentCount = currentCounts.get(source);\n if (currentCount !== undefined) return currentCount;\n\n return undefined;\n}\n\nexport function buildSourceTabs({\n sources = [],\n activeSource = 'internal',\n activeCount = 0,\n responseCounts = {},\n currentTabs = [],\n backendTabs = [],\n} = {}) {\n const currentCounts = new Map(\n (Array.isArray(currentTabs) ? currentTabs : [])\n .map((tab) => [getTabKey(tab), getTabCount(tab)])\n .filter(([source, count]) => source && count !== undefined),\n );\n\n const sourceMap = new Map();\n\n // Pass 1 — the CONFIGURED sources define the order. Seeding from backendTabs\n // instead put whichever tab was active first, because the backend only ever\n // returns a tab for the active source — so the strip reordered on every\n // switch. A Map keeps insertion order, and set() on an existing key updates\n // the value without moving it, which is what makes pass 2 order-safe.\n // Falling back to [activeSource] when nothing is configured used to invent an\n // \"Internal\" tab on every form, including modules with no source picker at\n // all — it would sit beside a Jobs form's real My Jobs / All Jobs tabs. With\n // no configured sources there is nothing to seed, and pass 2 lets the\n // backend's own tabs stand on their own.\n const selectedSources = getSearchSources(sources);\n const activeKey = normalizeSourceKey(activeSource);\n const seeds = selectedSources.length\n ? selectedSources\n : (activeKey ? [activeKey] : []);\n\n seeds.forEach((source) => {\n if (!source || sourceMap.has(source)) return;\n const count = getSourceCount(source, responseCounts, currentCounts, activeSource, activeCount);\n sourceMap.set(source, {\n key: source,\n title: toTitle(source),\n ...(count !== undefined ? { count } : {}),\n });\n });\n\n // Pass 2 — the backend contributes a real label and count, never a position.\n // Falling back to the previous count keeps a known figure on screen instead\n // of blanking it out the moment you switch away from that tab.\n (Array.isArray(backendTabs) ? backendTabs : []).forEach((tab) => {\n const key = getTabKey(tab);\n if (!key) return;\n const previous = sourceMap.get(key);\n const count = getTabCount(tab) ?? previous?.count ?? currentCounts.get(key);\n sourceMap.set(key, {\n // Matched case-insensitively, emitted as the backend spelled it.\n key: previous ? previous.key : rawTabKey(tab),\n title: tab.title ?? tab.label ?? tab.name ?? previous?.title ?? toTitle(key),\n ...(count !== undefined ? { count } : {}),\n });\n });\n\n return Array.from(sourceMap.values());\n}\n\nfunction collectSourceValues(record) {\n return [\n record?.sourceType,\n record?.profileSource,\n record?.selectedSource,\n record?.source,\n record?.provider,\n record?.customFields?.sourceType,\n record?.customFields?.profileSource,\n record?.customFields?.source,\n record?.customFields?.provider,\n ].flat().map(normalizeSourceKey).filter(Boolean);\n}\n\nfunction recordMatchesSource(record, sourceKey, marker) {\n const normalizedSource = normalizeSourceKey(sourceKey);\n if (!normalizedSource) return false;\n if (collectSourceValues(record).includes(normalizedSource)) return true;\n return typeof marker === 'function' ? marker(record) : false;\n}\n\nconst SOURCE_ACTIONS = [\n {\n source: 'dice',\n field: '__sourceAction_dice_migrate',\n label: 'Action',\n buttonLabel: 'Migrate',\n completedLabel: 'Migrated',\n successMessage: 'Candidate migrated successfully.',\n errorMessage: 'Failed to migrate candidate.',\n isRecordFromSource: (record) => Boolean(record?.customFields?.diceProfileData),\n getRecordId: resolveDiceProfileId,\n execute: migrateDiceCandidate,\n },\n];\n\nexport function getAvailableSourceActions({ rows = [], selectedSource = '' } = {}) {\n return SOURCE_ACTIONS.filter((action) => {\n const selectedMatches = normalizeSourceKey(selectedSource) === action.source;\n return selectedMatches || rows.some((record) => recordMatchesSource(record, action.source, action.isRecordFromSource));\n });\n}\n\nexport function sourceActionAppliesToRecord(action, record, selectedSource = '') {\n return normalizeSourceKey(selectedSource) === action.source\n || recordMatchesSource(record, action.source, action.isRecordFromSource);\n}\n\nexport function getSourceActionInstanceKey(action, record) {\n const id = action?.getRecordId?.(record);\n return id ? `${action.source}:${action.field}:${id}` : '';\n}\n\nexport async function runSourceAction(action, record) {\n const id = action?.getRecordId?.(record);\n if (!id) throw new Error(`${action?.buttonLabel ?? 'Action'} ID is required`);\n return action.execute(id, record);\n}\n","import { Fragment, createContext, forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, useCallback } from 'react';\nimport dayjs from 'dayjs';\nimport {\n Alert,\n Button,\n Card,\n Checkbox,\n Col,\n DatePicker,\n Form,\n Input,\n message,\n Radio,\n Row,\n Select,\n Space,\n Spin,\n Switch,\n TimePicker,\n Tooltip,\n Typography,\n Upload,\n} from 'antd';\nimport {\n CalendarOutlined,\n CloudUploadOutlined,\n DeleteOutlined,\n DownOutlined,\n EnvironmentOutlined,\n EyeOutlined,\n FileExcelOutlined,\n FileImageOutlined,\n FileOutlined,\n FilePdfOutlined,\n FileTextOutlined,\n FileWordOutlined,\n InfoCircleOutlined,\n LockOutlined,\n MailOutlined,\n PhoneOutlined,\n PlusOutlined,\n SolutionOutlined,\n TagsOutlined,\n UpOutlined,\n UserOutlined,\n} from '@ant-design/icons';\nimport TipTapEditor from './TipTapEditor';\nimport DocumentViewer from './DocumentViewer';\nimport { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom';\nimport { fetchJsonWithAuth, getActingIdentity } from '../services/authApi';\nimport { autoValueFor } from '../utils/autoValueRules';\nimport { AUTH_URL } from '../services/apiConfig';\nimport { getDropdownValues, searchModuleData } from '../services/moduleDataApi';\nimport { getFormGroups, createModuleRecord } from '../services/addFormApi';\nimport { verifyEmail, getModuleDefaultFields } from '../services/adminApi';\nimport { uploadModuleDocuments } from '../services/documentApi';\nimport { getAdminClients, getCustomForms, getRoleFormPermissions } from '../services/adminApi';\nimport { updateRecord } from '../services/detailedViewApi';\nimport { loadDetailDefaults, formatPhone, phoneDigits, parsePhoneFormat } from '../services/detailDefaults';\nimport { groupAllowedByRole, fieldAllowedByRole, fieldEditableByRole } from '../utils/roleFormPermissionGate';\nimport { buildPayload, buildInitialValue, buildRepeatFieldInitial, singleFieldOf, collectFileParts, effectiveDataType, getDeep, toSelectControlValue, usesLabeledSelectValue, rowDefaultsFor } from './form/payloadTransformer';\nimport { computeLinkedSets, findLinkedSet, padLinkedInitialValues } from './form/linkedAddRowGroups';\nimport useAiActions, { groupActionsByPosition } from './form/useAiActions';\nimport AiActionButtonGroup from './form/AiActionButtons';\nimport { applyInputValidator, getKeyPattern } from './form/inputValidator';\nimport { configuredEmailRule, isValidConfiguredEmail } from './form/emailValidator';\nimport { securityValidationRule } from './form/inputSecurity';\nimport {\n buildUniqueValidationRule,\n attachUniqueSyncGuards,\n collectUniqueRules,\n createUniqueChecker,\n extractDuplicateFieldErrors,\n} from './form/uniqueFieldValidation';\nimport { checkFieldUnique } from '../services/uniqueValidationApi';\nimport { uploadAcceptCategory } from './form/uploadAccept';\nimport { useQuickField } from './form/QuickCreateEditField';\nimport { maxFromFieldRule, maxFromFieldDependency, resolveScopedFieldPath } from './form/crossFieldRules';\nimport { checkMaxWithFallback, parseCompareFields, readCompareValue, resolveCompareFieldName } from './form/maxCeiling';\nimport { contextRecordId } from './form/contextPrefill';\nimport ValidationOverrideCheckbox from './form/ValidationOverrideCheckbox';\nimport {\n overrideConfig,\n overrideFlagPath,\n overrideRuleMapper,\n} from './form/validationOverride';\nimport { prefillWhenWatchFields, prefillWhenWatchPaths, resolvePrefillWhen } from './form/prefillWhenRules';\nimport { narrowOptionsByConstraint, stripExclusivePrefillOptions } from './form/optionConstraints';\nimport { filterLookupOptionRows, lookupExtraFieldKeys } from './form/optionRowFilters';\nimport { fieldTooltipText } from './form/fieldTooltip';\nimport { writeFormValue } from './form/applyGroupValues';\nimport { PARENT_FILTER_UNSEEN, shouldClearDependentValue } from './form/dependentLookupReset';\nimport { roleAllowsAction } from '../utils/roleAllowsAction';\nimport { resolveAfterSubmit, safeNavTarget } from '../utils/afterSubmitNav';\nimport { goBackOrTo } from '../utils/backNav';\nimport useDuplicateCheck from './form/useDuplicateCheck';\nimport {\n resolveRegionRules,\n inProgressAllowed,\n inProgressBlocks,\n inProgressError,\n buildInProgressValidator,\n levelRuleVerdict,\n promptRowMove,\n} from './form/educationRules';\nimport { getDefaults } from '../services/detailDefaults';\nimport { openFormNotice, openFormDecision } from './form/formDecisionDialog';\nimport { applyGroupClear } from './form/clearGroupOnChange';\nimport { storedFileName, storedFileUrl } from './form/storedFileName';\nimport { fetchLookupLabels, mergeResolvedOptions, missingOptionValues } from './form/resolveStoredOptions';\nimport {\n buildPairValidator,\n buildRowHierarchyValidator,\n buildDisabledDate,\n defaultPickerValue,\n getComparableDateTime,\n getComparableTimeOfDay,\n} from './form/dateRules';\nimport { submitSuccessMessage, submitErrorMessage } from '../utils/submitMessages';\nimport { scrollToFirstFormError } from '../utils/scrollToFirstFormError';\nimport { conditionFieldPath, configuredFieldLabel, conditionMatches as labelConditionMatches, colWhenRules, resolveColSpan } from './form/conditionalFieldLabel';\nimport AppBreadcrumb from '../components/Breadcrumb';\nimport ListView from './ListView';\nimport { clearAuthTokenOverride, setAuthTokenOverride } from '../services/authApi';\nimport { takePendingPromise } from '../services/pendingHandoff';\nimport { matchRelevantSkills } from '../services/skillMatchApi';\nimport {\n buildSourceTabs,\n getAvailableSourceActions,\n getSearchSources,\n getSourceActionInstanceKey,\n resolveSearchSource,\n runSourceAction,\n sourceActionAppliesToRecord,\n} from '../services/sourceProviderActions';\n\nconst { Text } = Typography;\nconst { TextArea } = Input;\nconst emptyGroups = [];\n\nconst sectionIcons = [\n ,\n ,\n ,\n ,\n ,\n];\n\nconst fieldIcons = {\n email: ,\n contactNumber: ,\n phone: ,\n currentLocation: ,\n preferredLocation: ,\n skills: ,\n firstName: ,\n lastName: ,\n};\n\nconst truthy = (value) => value === true || value === 1 || value === '1';\nconst editable = (field, moduleName) => (field?.edit === undefined || truthy(field.edit))\n && (!field?.editablePermission || roleAllowsAction(field.editablePermission, moduleName));\n\nfunction normalizeOptions(options = []) {\n return options.map((option) => {\n if (typeof option === 'string') return { label: option, value: option };\n return {\n label: option.label ?? option.name ?? option.value,\n value: option.value ?? option.id ?? option.name ?? option.label,\n };\n });\n}\n\nfunction namePathFromString(path) {\n return String(path ?? '').split('.').map((part) => part.trim()).filter(Boolean);\n}\n\nfunction siblingFieldPath(absoluteName, key) {\n return Array.isArray(absoluteName) && absoluteName.length > 1\n ? [...absoluteName.slice(0, -1), key]\n : [key];\n}\n\n// VerifyFieldButton — admin-configured \"Verify\" button beside a field\n// (field.verifyAction, e.g. \"email\"). Calls the generic /email-verify\n// endpoint and writes the boolean result + a timestamp into two sibling\n// fields (verifyResultField/verifyTimestampField), within the same addRow\n// row when nested. Not specific to \"recruiter\" or any module — any field\n// can opt in.\nfunction VerifyFieldButton({ form, field, absoluteName }) {\n const [checking, setChecking] = useState(false);\n const [verdict, setVerdict] = useState(null);\n const verifiedValueRef = useRef(null);\n const resultValue = Form.useWatch(\n field.verifyResultField ? siblingFieldPath(absoluteName, field.verifyResultField) : ['__noop_verify__'],\n { form, preserve: true },\n );\n const currentValue = Form.useWatch(absoluteName, form);\n\n // A successful result belongs to the exact value that was checked. Existing\n // Edit records hydrate once; later source-value changes invalidate the\n // configured result so the form gate cannot accept a different email.\n useEffect(() => {\n const normalized = String(currentValue ?? '').trim();\n if (resultValue === true && verifiedValueRef.current === null && normalized) {\n verifiedValueRef.current = normalized;\n return;\n }\n if (resultValue === true && verifiedValueRef.current !== null && normalized !== verifiedValueRef.current) {\n if (field.verifyResultField) form.setFieldValue(siblingFieldPath(absoluteName, field.verifyResultField), false);\n if (field.verifyTimestampField) form.setFieldValue(siblingFieldPath(absoluteName, field.verifyTimestampField), undefined);\n verifiedValueRef.current = null;\n }\n }, [absoluteName, currentValue, field.verifyResultField, field.verifyTimestampField, form, resultValue]);\n\n if (field.verifyAction !== 'email') return null;\n\n const runVerify = async () => {\n const email = String(currentValue ?? '').trim();\n if (!email) {\n message.warning('Enter an email first');\n return;\n }\n setChecking(true);\n try {\n const result = await verifyEmail(email);\n verifiedValueRef.current = result.valid ? email : null;\n setVerdict(result.valid ? result : null);\n if (field.verifyResultField) form.setFieldValue(siblingFieldPath(absoluteName, field.verifyResultField), result.valid);\n if (field.verifyTimestampField) {\n form.setFieldValue(siblingFieldPath(absoluteName, field.verifyTimestampField), result.valid ? new Date().toISOString() : undefined);\n }\n // Three outcomes, not two. \"Accepted but unconfirmed\" is the common\n // case on catch-all domains (Google Workspace's default, and most\n // corporate mail) — reporting it as a plain success would tell the\n // user the mailbox exists when nothing proved that.\n if (!result.valid) {\n message.error(result.reason ? `Invalid email: ${result.reason}` : 'Email could not be verified');\n } else if (result.mailboxConfirmed) {\n message.success('Email verified \\u2014 the mail server confirmed this mailbox');\n } else {\n message.warning(result.reason || 'The domain can receive mail, but this exact mailbox could not be confirmed');\n }\n } catch (err) {\n verifiedValueRef.current = null;\n setVerdict(null);\n if (field.verifyResultField) form.setFieldValue(siblingFieldPath(absoluteName, field.verifyResultField), false);\n if (field.verifyTimestampField) form.setFieldValue(siblingFieldPath(absoluteName, field.verifyTimestampField), undefined);\n message.error(err?.message || 'Could not verify email');\n } finally {\n setChecking(false);\n }\n };\n\n if (resultValue === true) {\n // Accepted, but the mailbox itself was never proven (catch-all domain).\n // Labelling that \"Valid\" would overstate what the check established, so\n // it gets its own state. The address still passes the submit gate — the\n // account email that follows is what ultimately proves delivery.\n // Only positive evidence of \"unconfirmed\" downgrades the label. A\n // response that simply doesn't carry the field (older backend, or a\n // check that never reached the mailbox stage) keeps the plain success\n // state rather than casting doubt the check never actually raised.\n if (verdict && !verdict.mailboxConfirmed && (verdict.catchAll || verdict.result === 'risky')) {\n return (\n \n \n {field.verifyUnconfirmedLabel || 'Accepted'}\n \n \n );\n }\n return {field.verifySuccessLabel || 'Valid'};\n }\n\n return (\n \n );\n}\n\nfunction ConfiguredFieldLabel({ form, field, siblingPrefix, locked, combined = false }) {\n const watchedValue = Form.useWatch(conditionFieldPath(field?.labelWhen, siblingPrefix), form);\n const label = configuredFieldLabel(field, watchedValue, combined);\n return combined ? label : ;\n}\n\n// An ADDITIONAL admin-configured submit button (group.formActions). Same\n// validation gate as the primary Create button, plus an optional enabledWhen\n// gate that keeps it disabled until a field satisfies the condition (e.g. only\n// once \"Assign To\" is filled). `tone` picks primary vs secondary styling.\nfunction FormActionButton({ form, groups, action, disabled, loading, onFire }) {\n const unvalidated = Form.useWatch(\n (values) => groups.some((group) => {\n if (!group.addRow || !group.requireValidatedField) return false;\n const rows = values?.[group.name] ?? [];\n return rows.length === 0 || rows.some((row) => !row?.[group.requireValidatedField]);\n }),\n { form, preserve: true },\n );\n const gateValue = Form.useWatch(action?.enabledWhen?.field, form);\n const gateOk = !action?.enabledWhen?.field || groupShowIfMatches(action.enabledWhen, gateValue);\n return (\n \n {action?.label || 'Submit'}\n \n );\n}\n\nfunction ValidationGatedSubmitButton({ form, groups, disabled, loading, onClick, children }) {\n const unvalidated = Form.useWatch(\n (values) => groups.some((group) => {\n if (!group.addRow || !group.requireValidatedField) return false;\n const rows = values?.[group.name] ?? [];\n return rows.length === 0 || rows.some((row) => !row?.[group.requireValidatedField]);\n }),\n { form, preserve: true },\n );\n const isDisabled = disabled || unvalidated;\n // Config-driven \"why is this disabled\" tooltip: an admin sets\n // group.submitDisabledMessage (Admin → Form Groups). When a row-validation\n // gate is what's blocking, the more specific requireValidatedFieldMessage\n // (or a sensible default) is shown instead. Only rendered while disabled.\n const groupMsg = groups.find((g) => g.submitDisabledMessage)?.submitDisabledMessage;\n const validatedMsg = groups.find((g) => g.requireValidatedField)?.requireValidatedFieldMessage;\n const reason = unvalidated\n ? (validatedMsg || groupMsg || 'Verify every required row before submitting.')\n : (groupMsg || 'Complete all mandatory fields before submitting.');\n const button = (\n \n );\n // A disabled antd Button has pointer-events:none, so the Tooltip must wrap a\n // span to receive hover.\n return isDisabled && !loading\n ? {button}\n : button;\n}\n\n// PrefillWhenWatcher — sets ITS OWN field's value when a referenced field's\n// value matches a configured rule (e.g. contractType=\"W2\" forces employerId to\n// a fixed record id), and clears it back out when a rule says so or when no\n// rule matches any more. Opposite direction from autofillFrom (which pushes\n// into siblings when the changed field is a lookup select) — this field PULLS\n// its value from a field changing elsewhere. A tiny standalone component (not\n// inline logic) because Form.useWatch is a hook and must run in component\n// scope, not inside the plain renderField() function.\n//\n// ALL of the decision-making lives in form/prefillWhenRules.js so this form and\n// EditFormV1 can never disagree about what a rule means, and so the rules can\n// be unit-tested without importing either form (any render test that touches\n// them dies on jsdom's missing DOMMatrix, via react-pdf).\n//\n// `watchPaths` carries EVERY field a rule references — rules may point at\n// different fields, and each path was already resolved through renderField's\n// `prefixFor` closure so a rule reaching out of an addRow row lands on the\n// top-level field (see prefillWhenWatchPaths).\nfunction PrefillWhenWatcher({ form, rules, watchPaths, targetPath, resetOnNoMatch = true }) {\n // A selector useWatch (not one path per hook — hook count must be stable)\n // reduced to a STRING so the effect dependency stays a primitive; a fresh\n // array every render would re-run the effect on every keystroke anywhere.\n const watchedKey = Form.useWatch(\n (values) => JSON.stringify(\n watchPaths.map(({ path }) => path.reduce((acc, key) => (acc == null ? acc : acc[key]), values) ?? null),\n ),\n { form, preserve: true },\n );\n // Tracks the value WE last set via a matching rule (e.g. the W2 default\n // employer), so a later \"no rule matches\" tick (contractType switched away\n // from W2) can tell \"still exactly what we set\" apart from \"the user picked\n // something else since\" — only the former gets cleared. Without this guard,\n // switching e.g. W2 → C2C left the W2 default employer stuck in the field\n // forever (admin config `prefillWhenReset`, default on).\n const lastAppliedRef = useRef(undefined);\n // First tick = the form settling into its initial values, never a user\n // decision, so a clear rule must not fire on it (it would delete stored\n // data on the edit form). See prefillWhenRules.js for the full rationale.\n const initialRef = useRef(true);\n useEffect(() => {\n const values = watchedKey ? JSON.parse(watchedKey) : [];\n const watched = {};\n watchPaths.forEach(({ field }, i) => { watched[field] = values[i]; });\n const initial = initialRef.current;\n initialRef.current = false;\n const outcome = resolvePrefillWhen({\n rules,\n watched,\n current: form.getFieldValue(targetPath),\n lastApplied: lastAppliedRef.current,\n clearOnMismatch: resetOnNoMatch,\n initial,\n });\n if (outcome.action === 'set') {\n form.setFieldValue(targetPath, outcome.value);\n lastAppliedRef.current = outcome.value;\n } else if (outcome.action === 'clear') {\n form.setFieldValue(targetPath, undefined);\n lastAppliedRef.current = undefined;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [watchedKey]);\n return null;\n}\n\n// AutoFillFromApiWatcher — watches THIS field's own live value and, when it\n// changes to a non-empty value, calls a REST endpoint and populates one or\n// more sibling fields from the JSON response. Unlike prefillWhen (a static\n// value → value map), this does a real API round-trip — e.g. auto-loading a\n// campaign's Subject/Message from an admin-configured email template the\n// moment Type is set. A failed/404 lookup (no template configured yet) is\n// treated as a silent no-op, matching how callers of this endpoint already\n// tolerate a missing template elsewhere.\nfunction AutoFillFromApiWatcher({ form, config, watchPath }) {\n const watched = Form.useWatch(watchPath, form);\n const lastFetchedRef = useRef(undefined);\n useEffect(() => {\n if (empty(watched) || watched === lastFetchedRef.current) return;\n lastFetchedRef.current = watched;\n\n const url = config.endpointTemplate\n ? `${config.endpointTemplate.replace('{value}', encodeURIComponent(String(watched)))}`\n : `${config.endpoint}?${new URLSearchParams({ [config.queryParam]: String(watched) }).toString()}`;\n\n fetchJsonWithAuth(AUTH_URL, url)\n .then((json) => {\n const data = json?.data ?? json;\n if (config.substituteTokens) {\n (config.substituteInFields || []).forEach((targetField) => {\n const targetPath = namePathFromString(targetField);\n let current = form.getFieldValue(targetPath) || '';\n Object.entries(config.substituteTokens).forEach(([token, responseKey]) => {\n const inner = token.replace(/^\\{\\{|\\}\\}$/g, '').trim();\n const pattern = new RegExp(`\\\\{\\\\{\\\\s*${inner.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')}\\\\s*\\\\}\\\\}`, 'gi');\n current = current.replace(pattern, data?.[responseKey] ?? '');\n });\n form.setFieldValue(targetPath, current);\n });\n return;\n }\n Object.entries(config.mapResponseToFields).forEach(([targetField, responseKey]) => {\n const targetPath = namePathFromString(targetField);\n if (config.onlyIfEmpty && !empty(form.getFieldValue(targetPath))) return;\n form.setFieldValue(targetPath, data?.[responseKey]);\n });\n })\n .catch(() => {\n // No template configured for this value yet, or the call\n // failed — leave existing field values untouched.\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [watched]);\n return null;\n}\n// Group-level showIf: the whole group renders only when the referenced field's\n// live value satisfies the condition (same operators as field-level showIf).\n// Kept as a module-level helper so both AddFormV1 and EditFormV1 evaluate it\n// identically.\nfunction groupShowIfMatches(showIf, value) {\n if (!showIf?.field) return true;\n const actual = String(value ?? '');\n const expected = String(showIf.value ?? '');\n const list = () => expected.split(',').map((v) => v.trim());\n switch (showIf.operator) {\n case 'eq': return actual === expected;\n case 'neq': return actual !== expected;\n case 'in': return list().includes(actual);\n case 'notIn': return !list().includes(actual);\n case 'truthy': return truthy(value);\n case 'falsy': return !truthy(value);\n case 'empty':\n case 'isEmpty':\n return value === undefined || value === null || actual.trim() === '' || (Array.isArray(value) && value.length === 0);\n case 'notEmpty':\n return !(value === undefined || value === null || actual.trim() === '' || (Array.isArray(value) && value.length === 0));\n default: return true;\n }\n}\n\n// A group with a `showIf` renders through this gate so its visibility reacts to\n// the referenced field changing. `render` is only invoked when visible, so a\n// hidden group's fields never register (nothing to validate or submit) — exactly\n// like a hidden field-level showIf. Groups without showIf bypass this entirely.\nfunction GroupShowIfGate({ form, showIf, render }) {\n const watched = Form.useWatch(showIf.field, form);\n if (!groupShowIfMatches(showIf, watched)) return null;\n return render();\n}\n\n// Group-level disable: the whole card (every field in it) goes read-only when\n// the group's `disabled` flag is set OR its `disabledIf` condition matches — the\n// group counterpart of FieldControl's field-level disabled/disabledIf. Provided\n// through context so each FieldControl in the group ORs it into its own disabled\n// state without threading a prop through renderGroup→renderFields→renderField.\n// Nested/merged groups inherit the parent's disabled state (never re-enable).\nconst GroupDisabledContext = createContext(false);\n\nfunction GroupDisabledProvider({ form, group, children, inheritParent = true }) {\n const parentDisabled = useContext(GroupDisabledContext);\n const path = group?.disabledIf?.field ? namePathFromString(group.disabledIf.field) : ['__noop_group_disabled__'];\n const watched = Form.useWatch(path, form);\n const conditionDisabled = group?.disabledIf?.field\n ? groupShowIfMatches(group.disabledIf, watched)\n : false;\n // `inheritParent: false` is used for a MERGED child (group.mergeInto).\n // mergeInto is presentation only — the child borrows the host's card and\n // nothing else — so inheriting the host's disabled state would give a\n // display relationship real behaviour.\n //\n // It is also the difference between working and deadlocked: the Employer\n // section is disabled until a Contract Type is chosen, and Contract Type is\n // rendered INSIDE that section. Inheriting would disable the very control\n // that enables the card, with no way out.\n const disabled = (inheritParent && parentDisabled)\n || Boolean(group?.disabled)\n || conditionDisabled;\n return {children};\n}\n\nfunction getNestedProp(obj, dotPath) {\n return String(dotPath ?? '').split('.').reduce((cur, k) => cur?.[k], obj);\n}\n\nfunction hasMeaningfulValue(value) {\n if (value === undefined || value === null || value === '') return false;\n if (Array.isArray(value)) return value.length > 0 && value.some(hasMeaningfulValue);\n if (typeof value === 'object') return Object.values(value).some(hasMeaningfulValue);\n return true;\n}\n\nfunction extractGroups(formGroups) {\n if (Array.isArray(formGroups)) return formGroups;\n if (Array.isArray(formGroups?.groups)) return formGroups.groups;\n if (Array.isArray(formGroups?.data)) return formGroups.data;\n if (Array.isArray(formGroups?.data?.groups)) return formGroups.data.groups;\n return emptyGroups;\n}\n\nfunction normalizeGroups(formGroups = [], moduleName, rolePerms, defaultFieldSet) {\n const dset = defaultFieldSet ?? new Set();\n return [...extractGroups(formGroups)]\n // hideGroup hides everywhere; hideGroupInForm is the form-only mirror of\n // DetailViewV1's hideGroupInDetail — for server-owned groups that must be\n // read on the detail view but never typed here.\n .filter((group) => !truthy(group.hideGroup) && !truthy(group.hideGroupInForm)\n && groupAllowedByRole(rolePerms, group.name))\n .sort((a, b) => Number(a.order ?? 0) - Number(b.order ?? 0))\n .map((group) => ({\n ...group,\n fields: [...(group.fields ?? [])]\n // A \"default field\" (Form Groups → Default Fields, OTP-gated) is\n // ALWAYS shown + required regardless of its own show flag, so it\n // survives the hidden-field filter below and is forced show/req in\n // the map that follows.\n .map((field) => (\n dset.has(field.field) ? { ...field, show: 1, req: 1 } : field\n ))\n // Drop blank-keyed fields (a stray admin-config row can't render or\n // submit), any client-scope \"gate\" field (rendered as the top\n // \"Select Client\" picker, never as a body field), any field whose\n // visiblePermission the current role doesn't hold, and any field\n // this role's Form Configuration (Role Configure → Form, derived\n // from this same Form Groups config) has turned off.\n //\n // A field with show:0 (\"hidden\") is intentionally KEPT here even\n // though it must never render — this same fields array also feeds\n // buildPayload/buildRowObject (the payload engine has no other way\n // to know a hidden carrier field like isValid/isAccountCreate\n // exists). Dropping it here silently threw away every hidden\n // field's value at submit time, even one just set moments earlier\n // in this session (e.g. a Verify Email click stamping isValid on a\n // brand-new recruiter row) — see renderFields, which is what\n // actually keeps hidden fields off the screen.\n .filter((field) =>\n String(field.field ?? '').trim() !== ''\n && field.showOnAdd !== false\n && !truthy(field.clientScope)\n && (!field.visiblePermission || roleAllowsAction(field.visiblePermission, moduleName))\n && fieldAllowedByRole(rolePerms, group.name, field.field))\n // Role \"disable\": a group/field the role has marked non-editable\n // still renders but read-only. FieldControl honours field.disabled.\n .map((field) => (\n fieldEditableByRole(rolePerms, group.name, field.field)\n ? field\n : { ...field, disabled: true }\n ))\n .sort((a, b) => Number(a.order ?? 0) - Number(b.order ?? 0)),\n }))\n .filter((group) => group.fields.length);\n}\n\n// pickPrefillValue reads a field's initial value from a prefill SOURCE record,\n// honouring the admin-config `prefillFrom` mapping FIRST (so a target field can\n// inherit from a differently-named source key — e.g. submission.totalExperience\n// ← candidate.yearOfExperience), then falling back to field.field and payloadKey.\n// Tolerates both flat dotted keys (the getFormGroups flat record) and nested\n// objects (addRow rows). Entirely config-driven — no field-name logic here.\n// Flattens a form-groups response (scalar fields with embedded values) into a\n// plain { fieldKey: value } record. Shared by the default prefill source and\n// the cross-module context prefill (field.prefillFromModule).\nfunction flatRecordFromGroups(groups) {\n if (!Array.isArray(groups)) return null;\n const rec = {};\n groups.forEach(group => {\n if (group.addRow) return;\n (group.fields ?? []).forEach(field => {\n if (!field.field || field.value === undefined || field.value === null) return;\n rec[field.field] = field.value;\n if (field.payloadKey && field.payloadKey !== field.field) {\n rec[field.payloadKey] = field.value;\n }\n });\n });\n return Object.keys(rec).length > 0 ? rec : null;\n}\n\nfunction pickPrefillValue(record, field) {\n if (!record || !field) return undefined;\n for (const path of [field.prefillFrom, field.field, field.payloadKey]) {\n if (!path) continue;\n let v = record[path];\n if (v === undefined || v === null) v = getDeep(record, path);\n if (v !== undefined && v !== null) return v;\n }\n return undefined;\n}\n\n// Convert a stored file-reference object to an Ant Design fileList entry so\n// file fields pre-show previously uploaded files when prefilling. Handles:\n// resume: { location, uploadedFileName, uniqueName }\n// passport: { passportCopyLocation, passportUploadName, … }\n// visa/alternateVisa: same *CopyLocation / *UploadName pattern\nfunction toFileListValue(value) {\n // A multi-file field prefills from a stored ARRAY: map each element through\n // the same single-file logic so every entry keeps its `stored` original too\n // (it used to be handed to the control raw, which showed the files but lost\n // them on save).\n if (Array.isArray(value)) return value.flatMap((item) => toFileListValue(item));\n if (!value || typeof value !== 'object') return [];\n // Legacy schemas disagree about which key holds the original filename —\n // passport uses passportUploadName, visa uses visaUniqueName. Matching only\n // \"*UploadName\" found nothing for a visa, so it rendered as \"file\".\n // See form/storedFileName.js.\n const name = storedFileName(value);\n const url = storedFileUrl(value);\n if (!name && !url) return [];\n // `stored` keeps the ORIGINAL container exactly as the record holds it\n // (passportCopyLocation / passportUploadName / …). The payload engine writes\n // it straight back when the user leaves the prefilled file untouched, so a\n // Quick Submit from a previous submission carries its documents into the new\n // record without re-uploading and without guessing at the stored shape.\n return [{ uid: url || name || '-1', name: name || 'file', status: 'done', url, existing: true, stored: value }];\n}\n\nconst empty = (value) => value === undefined || value === null || value === '';\n\nconst REGION_OPTIONS = [\n { label: 'US', value: 'US' },\n { label: 'UK', value: 'UK' },\n { label: 'India', value: 'INDIA' },\n];\n\n// Strip HTML tags and decode common entities — used so min/max validation\n// checks visible character count, not raw markup length.\nconst stripHtml = (html) =>\n String(html)\n .replace(/<[^>]*>/g, '')\n .replace(/ /g, ' ')\n .replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n .trim();\n\nconst numberRangeRule = ({ label, message, value, compare, text }) => ({\n validator: (_, input) => {\n if (empty(input)) return Promise.resolve();\n return compare(Number(input), Number(value))\n ? Promise.resolve()\n : Promise.reject(new Error(message ?? `${label} ${text} ${value}`));\n },\n});\n\n// Date comparison + picker-constraint helpers now live in ONE place\n// (components/form/dateRules.js) and are imported at the top of this file.\n// They used to be duplicated verbatim between AddFormV1 and EditFormV1, which\n// is how a fix lands on Add and silently misses Edit.\n\n// Same resolution both forms have always used, now shared (form/maxCeiling.js)\n// so it can be unit tested: a DOTTED reference is absolute (reaches out of the\n// validated field's container), a bare one is a sibling.\nfunction getSiblingFieldName(currentName, compareField) {\n return resolveCompareFieldName(currentName, compareField);\n}\n\nconst crossFieldNumberRule = ({ label, message, value, rule, form, name, compare, text }) => ({\n validator: async (_, input) => {\n const compareField = value ?? rule.compareField ?? rule.field;\n if (!compareField || empty(input)) return Promise.resolve();\n const compareValue = form.getFieldValue(getSiblingFieldName(name, compareField));\n if (empty(compareValue)) return Promise.resolve();\n const inputNumber = Number(input);\n const compareNumber = Number(compareValue);\n if (Number.isNaN(inputNumber) || Number.isNaN(compareNumber)) return Promise.resolve();\n return compare(inputNumber, compareNumber)\n ? Promise.resolve()\n : Promise.reject(new Error(message ?? `${label} ${text} ${compareField}`));\n },\n});\n\nconst validationRulesByType = {\n noPastDate: ({ label, message }) => ({\n validator: (_, value) => {\n if (empty(value)) return Promise.resolve();\n const time = getComparableDateTime(value);\n if (time === null) return Promise.resolve();\n const today = new Date();\n today.setHours(0, 0, 0, 0);\n return time < today.getTime()\n ? Promise.reject(new Error(message ?? `${label} cannot be a past date`))\n : Promise.resolve();\n },\n }),\n noFutureDate: ({ label, message }) => ({\n validator: (_, value) => {\n if (empty(value)) return Promise.resolve();\n const time = getComparableDateTime(value);\n if (time === null) return Promise.resolve();\n const endOfDay = new Date();\n endOfDay.setHours(23, 59, 59, 999);\n return time > endOfDay.getTime()\n ? Promise.reject(new Error(message ?? `${label} cannot be a future date`))\n : Promise.resolve();\n },\n }),\n minAge: ({ label, message, value }) => ({\n validator: (_, input) => {\n if (empty(input)) return Promise.resolve();\n const time = getComparableDateTime(input);\n if (time === null) return Promise.resolve();\n const years = Number(value ?? 18);\n const cutoff = new Date();\n cutoff.setFullYear(cutoff.getFullYear() - years);\n cutoff.setHours(23, 59, 59, 999);\n return time > cutoff.getTime()\n ? Promise.reject(new Error(message ?? `Must be at least ${years} years old`))\n : Promise.resolve();\n },\n }),\n // Both date-pair rules delegate to the shared engine, so `strict` (reject an\n // equal date — the 7-July bug) and `minGap`/`minGapFrom` (the duration\n // dropdown) behave identically on Add and Edit, and the SAME rule object\n // also drives the picker's disabledDate below.\n dateAfterField: ({ label, message, value, rule, form, name }) => buildPairValidator({\n type: 'dateAfterField',\n label,\n rule: { ...rule, value: value ?? rule?.compareField ?? rule?.field, message },\n readSibling: (key) => form.getFieldValue(getSiblingFieldName(name, key)),\n }),\n dateBeforeField: ({ label, message, value, rule, form, name }) => buildPairValidator({\n type: 'dateBeforeField',\n label,\n rule: { ...rule, value: value ?? rule?.compareField ?? rule?.field, message },\n readSibling: (key) => form.getFieldValue(getSiblingFieldName(name, key)),\n }),\n timeAfterField: ({ label, message, value, rule, form, name }) => ({\n validator: async (_, input) => {\n const compareField = value ?? rule.compareField ?? rule.field;\n if (!compareField || empty(input)) return Promise.resolve();\n const compareValue = form.getFieldValue(getSiblingFieldName(name, compareField));\n if (empty(compareValue)) return Promise.resolve();\n const inputTime = getComparableTimeOfDay(input);\n const compareTime = getComparableTimeOfDay(compareValue);\n if (inputTime === null || compareTime === null || inputTime > compareTime) return Promise.resolve();\n return Promise.reject(new Error(message ?? `${label} must be after ${compareField}`));\n },\n }),\n timeBeforeField: ({ label, message, value, rule, form, name }) => ({\n validator: async (_, input) => {\n const compareField = value ?? rule.compareField ?? rule.field;\n if (!compareField || empty(input)) return Promise.resolve();\n const compareValue = form.getFieldValue(getSiblingFieldName(name, compareField));\n if (empty(compareValue)) return Promise.resolve();\n const inputTime = getComparableTimeOfDay(input);\n const compareTime = getComparableTimeOfDay(compareValue);\n if (inputTime === null || compareTime === null || inputTime < compareTime) return Promise.resolve();\n return Promise.reject(new Error(message ?? `${label} must be before ${compareField}`));\n },\n }),\n greaterThanField: (args) => crossFieldNumberRule({ ...args, compare: (input, other) => input >= other, text: 'must be greater than or equal to' }),\n strictGreaterThanField: (args) => crossFieldNumberRule({ ...args, compare: (input, other) => input > other, text: 'must be greater than' }),\n strictLessThanField: (args) => crossFieldNumberRule({ ...args, compare: (input, other) => input < other, text: 'must be less than' }),\n lessThanOrEqualField: (args) => crossFieldNumberRule({ ...args, compare: (input, other) => input <= other, text: 'must be less than or equal to' }),\n // maxFromField — { type:'maxFromField', field:'', message }. The\n // ONLY cross-field rule here that can reach OUT of its addRow row: it\n // resolves the referenced key through renderField's `prefixFor` closure,\n // i.e. exactly the scoping a Show Condition uses (row when the key is one of\n // the row's own fields, top level otherwise). That is what lets a per-row\n // \"experience\" be capped by a top-level overall-experience field, with which\n // field caps which left entirely to Form Groups config.\n maxFromField: (args) => maxFromFieldRule(args),\n // maxFieldWithFallback — cap against the FIRST compare field carrying a\n // usable maximum (\"cap at the To value, else the From value\"). Decision\n // logic (incl. why a 0 ceiling means \"no ceiling\") lives in form/maxCeiling.js.\n maxFieldWithFallback: ({ label, message, value, rule, form, name }) => ({\n validator: async (_, input) => {\n const compareFields = parseCompareFields(value ?? rule.compareFields);\n const result = checkMaxWithFallback({\n input,\n compareFields,\n readValue: (fieldName) => readCompareValue(form, name, fieldName),\n });\n if (result.ok) return Promise.resolve();\n return Promise.reject(new Error(message ?? `${label} must not exceed ${result.field}`));\n },\n }),\n required: ({ field, message }) => ({\n validator: (_, value) => {\n let isEmpty = value === undefined || value === null || value === ''\n || (Array.isArray(value) && value.length === 0);\n if (!isEmpty && field?.type === 'text-editor') {\n isEmpty = stripHtml(value) === '';\n }\n return isEmpty\n ? Promise.reject(new Error(message ?? 'Mandatory Field'))\n : Promise.resolve();\n },\n }),\n email: ({ label, message }) => configuredEmailRule(label, message),\n // Admin-configured \"already present\" check. Everything about it — the\n // trigger, the blank handling, the normalizer, the message — comes from the\n // validations entry; the server resolves the collection and the scope.\n unique: ({ field, rule, uniqueContext }) => buildUniqueValidationRule({\n field, validation: rule, context: uniqueContext,\n }),\n\n emailTags: ({ label, message }) => ({\n validator: (_, value) => {\n const tags = Array.isArray(value) ? value : [];\n const invalid = tags.find((tag) => !isValidConfiguredEmail(tag));\n return invalid\n ? Promise.reject(new Error(message ?? `${label} contains an invalid email: ${invalid}`))\n : Promise.resolve();\n },\n }),\n\n noHtml: ({ label, message }) => ({\n validator: (_, value) => {\n if (value === undefined || value === null || value === '') return Promise.resolve();\n const hasHtmlTag = /<\\/?[a-z][\\s\\S]*>/i.test(String(value));\n return hasHtmlTag\n ? Promise.reject(new Error(message ?? `${label} cannot contain HTML tags`))\n : Promise.resolve();\n },\n }),\n url: ({ label, message }) => ({ type: 'url', message: message ?? `Enter valid ${label}` }),\n number: ({ label, message }) => ({ pattern: /^[0-9]+$/, message: message ?? `${label} must be a number` }),\n phone: ({ message }) => ({\n // Accepts the configured mask (e.g. 999-878-3413) — validates on the\n // stripped digits so the separators the formatter inserts don't fail it.\n validator: (_, value) => {\n if (value === undefined || value === null || value === '') return Promise.resolve();\n const { total } = parsePhoneFormat();\n return phoneDigits(value).length === total\n ? Promise.resolve()\n : Promise.reject(new Error(message ?? `Phone number must contain exactly ${total} digits`));\n },\n }),\n\n // The pre-existing minLength3 / minLength5 pair baked the threshold into the\n // TYPE NAME, and existed only in AddFormV1 — configuring one on a field did\n // nothing at all on the Edit form. Both now delegate to the generic `min`\n // rule (admin: \"Min length/value\"), which already implements exactly this\n // for non-number fields and is present in BOTH forms.\n minLength3: (args) => validationRulesByType.min({ ...args, value: 3 }),\n minLength5: (args) => validationRulesByType.min({ ...args, value: 5 }),\n\n len: ({ label, message, value }) => ({ len: Number(value), message: message ?? `${label} must be ${value} characters` }),\n pattern: ({ label, message, rule }) => ({\n pattern: new RegExp(rule.pattern ?? rule.value, rule.flags),\n message: message ?? `Enter valid ${label}`,\n }),\n min: ({ field, label, message, value }) => (\n field.type === 'number'\n ? numberRangeRule({ label, message, value, compare: (input, min) => input >= min, text: 'must be at least' })\n : {\n validator: (_, input) => {\n if (input == null || input === '') return Promise.resolve();\n const content = field.type === 'text-editor' ? stripHtml(input) : String(input);\n if (content === '') return Promise.resolve();\n return content.length >= Number(value)\n ? Promise.resolve()\n : Promise.reject(new Error(message ?? `${label} must be at least ${value} characters`));\n },\n }\n ),\n max: ({ field, label, message, value }) => (\n field.type === 'number'\n ? numberRangeRule({ label, message, value, compare: (input, max) => input <= max, text: 'must not exceed' })\n : {\n validator: (_, input) => {\n if (input == null || input === '') return Promise.resolve();\n const content = field.type === 'text-editor' ? stripHtml(input) : String(input);\n if (content === '') return Promise.resolve();\n return content.length <= Number(value)\n ? Promise.resolve()\n : Promise.reject(new Error(message ?? `${label} must not exceed ${value} characters`));\n },\n }\n ),\n};\n\n// `prefixFor` is renderField's showIf prefix resolver; it is forwarded so a rule\n// that references another field resolves it with the same row-vs-top-level\n// scoping the Show Conditions use. Undefined for call sites that have no row\n// context (a repeat-scalar item), where the rules keep their sibling behaviour.\nfunction validationToRule(validation, field, form, name, prefixFor, uniqueContext) {\n const rule = typeof validation === 'string' ? { type: validation } : validation;\n const type = rule.type ?? rule.rule ?? rule.name;\n const value = rule.value ?? rule.length ?? rule.min ?? rule.max;\n const label = field.label ?? field.field ?? 'Field';\n const factory = validationRulesByType[type];\n\n return factory\n ? factory({ field, label, message: rule.message, rule, value, form, name, prefixFor, uniqueContext })\n : rule;\n}\n\nfunction getSiblingFieldPath(name, siblingField) {\n return Array.isArray(name) && name.length > 1\n ? [...name.slice(0, -1), siblingField]\n : [siblingField];\n}\n\n// A field is required either via the simple \"req\" toggle or via a \"required\"\n// entry in the admin-configured validations list — the Form.Item asterisk and\n// the addRow \"at least one row\" check must honour both, not just field.req.\nfunction isFieldRequired(field, form, name) {\n if (truthy(field?.req)) return true;\n const apiRules = field?.validations ?? field?.validation ?? field?.rules ?? [];\n if (apiRules.some((rule) => (typeof rule === 'string' ? rule : rule?.type) === 'required')) return true;\n if (field?.requiredIfField && form && name) {\n return truthy(form.getFieldValue(getSiblingFieldPath(name, field.requiredIfField)));\n }\n return false;\n}\n\n// `uniqueContext` ({ checker, module, clientId, region }) is what turns a\n// configured `unique` validation into a live preflight check. Call sites with\n// no context (search forms, repeat-scalar items) still render the field; the\n// unique rule degrades to a no-op there and the server stays authoritative.\nfunction getRules(field, form, name, skipRequired = false, prefixFor = undefined, uniqueContext = undefined,\n extraRules = undefined) {\n const label = field.label ?? field.field ?? 'Field';\n const apiRules = field.validations ?? field.validation ?? field.rules ?? [];\n const hasApiRequired = apiRules.some((rule) => (typeof rule === 'string' ? rule : rule?.type) === 'required');\n const hasApiEmail = apiRules.some((rule) => (typeof rule === 'string' ? rule : rule?.type) === 'email');\n const rules = [];\n\n // Rules the CALLER resolved because they need the group, which this\n // function never sees — today, a region that refuses an in-progress entry.\n // They go first so a blocked row reports that before anything else.\n if (extraRules?.length) rules.push(...extraRules);\n\n // Cross-row hierarchy: a newest-first list constrains each row against its\n // NEIGHBOURS. The picker already greys the impossible dates out; this\n // catches one that arrived another way — typed, pasted, prefilled from a\n // résumé, or entered before the neighbouring row was filled in.\n if (field.rowHierarchy) {\n const ctx = rowContext(form, name);\n if (ctx.rows) rules.push(buildRowHierarchyValidator({ field, ...ctx }));\n }\n\n\n // `requiredIfField` (e.g. \"make this mandatory once its sibling has a\n // value\") stands on its own — it must not need field.req ALSO set, or a\n // field configured with only requiredIfField silently never validates.\n if (!skipRequired && !hasApiRequired && truthy(field.req) && field.disabledByField) {\n // A field disabled via disabledByField (e.g. endDate while\n // currentlyPursuing is checked) must not block submit with a\n // \"required\" error the user has no way to satisfy.\n rules.push({\n validator: (_, input) => {\n const disabledNow = truthy(form.getFieldValue(getSiblingFieldPath(name, field.disabledByField)));\n if (disabledNow) return Promise.resolve();\n return (input === undefined || input === null || input === '')\n ? Promise.reject(new Error('Mandatory Field'))\n : Promise.resolve();\n },\n });\n } else if (!skipRequired && !hasApiRequired && field.requiredIfField) {\n rules.push({\n validator: (_, input) => {\n const triggerValue = form.getFieldValue(getSiblingFieldPath(name, field.requiredIfField));\n if (!truthy(triggerValue)) return Promise.resolve();\n return (input === undefined || input === null || input === '')\n ? Promise.reject(new Error('Mandatory Field'))\n : Promise.resolve();\n },\n });\n } else if (!skipRequired && truthy(field.req) && !hasApiRequired) {\n rules.push({ required: true, message: 'Mandatory Field' });\n }\n if ((field.type === 'email' || field.formatter === 'email') && !hasApiEmail) {\n rules.push(configuredEmailRule(label));\n }\n // Number fields are whole-number-only unless the admin marks them decimal\n // (e.g. a commission of 5.5). Both patterns still reject any non-numeric\n // character, so \"float only\" stays enforced either way.\n if (field.type === 'number') {\n rules.push(truthy(field.decimal)\n ? { pattern: /^\\d+(\\.\\d+)?$/, message: `${label} must be a number` }\n : { pattern: /^[0-9]+$/, message: `${label} must be a number` });\n }\n\n // attachUniqueSyncGuards re-wraps any `unique` rule so it only calls the\n // server once every synchronous rule in this same list has passed.\n // An admin-configured override checkbox (field.overrideCheckbox) suspends\n // the validation TYPES it names while it is ticked. Applied here, over the\n // built rules, so a gated rule is withheld at validation time rather than\n // at render time — see form/validationOverride.js.\n const buildRule = (rule) => validationToRule(rule, field, form, name, prefixFor, uniqueContext);\n const mapRule = overrideRuleMapper(field, name, prefixFor, buildRule);\n\n return attachUniqueSyncGuards([\n ...rules,\n ...apiRules.map(mapRule),\n securityValidationRule(field),\n ]);\n}\n\nfunction getValidationValue(field, type) {\n const rules = field.validations ?? field.validation ?? field.rules ?? [];\n const rule = rules.find((item) => (typeof item === 'string' ? item : item?.type) === type);\n if (!rule || typeof rule === 'string') return undefined;\n return rule.value ?? rule.length ?? rule[type];\n}\n\nfunction getInputLimits(field) {\n const len = field.len ?? getValidationValue(field, 'len');\n const min = field.min ?? getValidationValue(field, 'min');\n const max = field.max ?? getValidationValue(field, 'max');\n\n if (field.type === 'number') {\n return {\n min: min ?? undefined,\n max: max ?? undefined,\n };\n }\n\n return {\n minLength: min ?? undefined,\n maxLength: field.maxLength ?? len ?? max ?? undefined,\n };\n}\n\n// Thin adapters over the shared engine (components/form/dateRules.js). The\n// bodies used to live here AND in EditFormV1; the picker's greyed-out range and\n// the submit-time error are now generated from the same rule object, so a\n// calendar that disagrees with its own error message is structurally impossible.\n// rowContext — the sibling ROWS of the repeatable group this field sits in,\n// plus this field's row index.\n//\n// A per-row `readSibling` can only see the row it is in, but a newest-first\n// list constrains a row against its NEIGHBOURS. Inside a Form.List the field\n// path is [listName, rowIndex, fieldKey], which is exactly what is needed to\n// read the whole list and locate this row within it.\n//\n// Returns {} outside a repeatable group, so the hierarchy simply never applies.\nfunction rowContext(form, name) {\n if (!Array.isArray(name) || name.length < 3 || typeof name[1] !== 'number') return {};\n const rows = form.getFieldValue(name[0]);\n if (!Array.isArray(rows)) return {};\n return { rows, rowIndex: name[1] };\n}\n\nfunction getDisabledDate(field, form, name) {\n return buildDisabledDate({\n field,\n readSibling: (key) => form.getFieldValue(getSiblingFieldName(name, key)),\n ...rowContext(form, name),\n });\n}\n\nfunction getDefaultPickerValue(field) {\n return defaultPickerValue(field);\n}\n\nfunction cleanValue(value, formatter) {\n if (!formatter) return value;\n // Phone gets the common, config-driven mask (default 3-3-4 → 999-878-3413).\n // \"digits\" stays a bare digit string (no separators).\n if (formatter === 'phone') return formatPhone(value);\n if (formatter === 'digits') return value.replace(/\\D/g, '').slice(0, 10);\n if (formatter === 'email' || formatter === 'noSpaces') return value.replace(/\\s/g, '');\n if (formatter === 'name') return value.replace(/\\s+/g, ' ').trimStart().replace(/\\b\\w/g, (char) => char.toUpperCase());\n return value;\n}\n\nfunction normalizeModule(moduleName = '') {\n const normalized = String(moduleName).toLowerCase();\n if (normalized === 'job') return 'jobs';\n if (normalized === 'candidate') return 'candidates';\n if (normalized === 'submissions') return 'submission';\n return normalized;\n}\n\nconst SEARCH_SOURCE_ONLY_FIELDS = new Set([\n 'selectedSource',\n 'source',\n 'sourceType',\n 'scope',\n]);\n\nfunction hasSearchCriterionValue(value) {\n if (value === null || value === undefined) return false;\n if (typeof value === 'string') return value.trim().length > 0;\n if (typeof value === 'number') return Number.isFinite(value);\n if (typeof value === 'boolean') return value;\n if (dayjs.isDayjs(value)) return value.isValid();\n if (Array.isArray(value)) return value.some(hasSearchCriterionValue);\n if (typeof value === 'object') {\n if ('value' in value || 'label' in value || 'name' in value) {\n return hasSearchCriterionValue(value.value ?? value.label ?? value.name);\n }\n return Object.entries(value).some(([key, nestedValue]) => (\n !SEARCH_SOURCE_ONLY_FIELDS.has(key) && hasSearchCriterionValue(nestedValue)\n ));\n }\n\n return false;\n}\n\nfunction hasSearchCriteria(values = {}) {\n return Object.entries(values ?? {}).some(([key, value]) => (\n !SEARCH_SOURCE_ONLY_FIELDS.has(key) && hasSearchCriterionValue(value)\n ));\n}\n\n// buildDynamicFormData — builds the multipart FormData payload to send to the\n// Auth gateway.\n//\n// • File fields are appended as separate FormData parts. The part name is the\n// field's `fileKey` if configured, else the first segment of its path\n// (e.g. \"passport.passportUploadName\" → \"passport\"). Files nested inside an\n// addRow group array are collected from every row.\n// • All other fields are turned into the JSON \"json\" part by the shared,\n// config-driven payload engine (buildPayload). There is ZERO field-name or\n// module-specific logic here — payloadKey / dataType / payloadMode / template\n// are all read from the admin form-group config.\n//\n// Dynamic by design: any new field added in the admin panel is automatically\n// included — no code change required. New modules work the same way.\nfunction buildDynamicFormData(values, groups, extraPayload = {}, module = '') {\n const formData = new FormData();\n\n // New files → multipart parts, via the SHARED engine helper. On CREATE we\n // attach only the flat (non-repeatable) file fields — resume, photo, jobs\n // \"file\", passport, visa. Repeatable (addRow) document files are uploaded in\n // a follow-up update (see submit) because the create handler mishandles them;\n // the indexed update path is the reliable one. The document METADATA still\n // rides along in the JSON payload here, so the rows are created on insert and\n // the follow-up update just attaches each file to its row by index.\n collectFileParts(values, groups, { scope: 'flat', module }).forEach(({ formKey, file }) => {\n formData.append(formKey, file);\n });\n\n // Config-driven JSON payload (file fields are skipped by the engine).\n // extraPayload carries linkage/context keys that are NOT form fields but the\n // downstream create requires (e.g. submission needs jobId + applicantId). These\n // are merged first so a real form field of the same name still wins.\n const payload = { ...extraPayload, ...buildPayload(values, groups, { module }) };\n payload.schemaVersion = 1;\n\n formData.append('json', JSON.stringify(payload));\n return formData;\n}\n\nfunction FieldControl({ field, form, name, moduleName, value, checked, onChange, scopeValues = {}, onAiUpload, onDuplicateBlur, onRegionBlocked, onRowOrderChange, formDisabled, rowFieldKeys }) {\n const type = field.type ?? 'text';\n const baseDisabled = !editable(field, moduleName);\n const [dynamicOptions, setDynamicOptions] = useState(null);\n const [optionsLoading, setOptionsLoading] = useState(false);\n const [locationSearch, setLocationSearch] = useState('');\n const [lookupSearch, setLookupSearch] = useState('');\n const [masterSearch, setMasterSearch] = useState('');\n // Bumped after a quick create/edit (\"Add More\") so the dropdown refetches its\n // options and the freshly created/edited record appears immediately.\n const [refetchNonce, setRefetchNonce] = useState(0);\n const [viewer, setViewer] = useState({ open: false, docs: [], index: 0 });\n const [inputError, setInputError] = useState(null);\n const rawLookupRef = useRef([]);\n // lookupFilterValueFrom resolves against the SAME addRow row first (so a\n // per-row cascade like employerId → that row's recruiter list works), then\n // falls back to the top-level path — which is what every pre-existing\n // top-level config used. Both are always watched (hooks can't be\n // conditional); the row value wins whenever it is non-empty.\n const insideListRow = Array.isArray(name) && name.length >= 3 && typeof name[1] === 'number';\n const topFilterPath = field.lookupFilterValueFrom ? namePathFromString(field.lookupFilterValueFrom) : [`__lookup_filter_${field.field}`];\n const rowFilterPath = (field.lookupFilterValueFrom && insideListRow)\n ? [...name.slice(0, 2), ...namePathFromString(field.lookupFilterValueFrom)]\n : ['__noop_row_filter__'];\n const topFilterValue = Form.useWatch(topFilterPath, form);\n const rowFilterValue = Form.useWatch(rowFilterPath, form);\n const formFilterValue = !empty(rowFilterValue) ? rowFilterValue : topFilterValue;\n // Watch sibling field for disabledByField — e.g. endDate disabled when currentlyPursuing is checked\n const disabledBySiblingPath = field.disabledByField\n ? (Array.isArray(name) && name.length > 1 ? [...name.slice(0, -1), field.disabledByField] : [field.disabledByField])\n : ['__noop_disabled_watch__'];\n const disabledByValue = Form.useWatch(disabledBySiblingPath, form);\n // disabledIf — conditional read-only, same operator set as showIf (eq/neq/\n // truthy/falsy/in/notIn), e.g. lock the Employer to the configured default\n // when Contract Type is W2. The row value wins when the condition field\n // lives in this row; otherwise the top-level field drives it.\n const disabledIfTopPath = field.disabledIf?.field ? namePathFromString(field.disabledIf.field) : ['__noop_disabled_if__'];\n const disabledIfRowPath = (field.disabledIf?.field && insideListRow)\n ? [...name.slice(0, 2), ...namePathFromString(field.disabledIf.field)]\n : ['__noop_disabled_if_row__'];\n const disabledIfTop = Form.useWatch(disabledIfTopPath, form);\n const disabledIfRow = Form.useWatch(disabledIfRowPath, form);\n const conditionallyDisabled = field.disabledIf?.field\n ? labelConditionMatches(field.disabledIf, !empty(disabledIfRow) ? disabledIfRow : disabledIfTop)\n : false;\n // optionsFromField (admin config) — narrow this select's options to the live\n // value of ANOTHER field (e.g. the candidate rate unit may only be the unit\n // the linked job was raised in, which prefillFromModule already puts on the\n // form). Resolved with the same scoping a Show Condition uses: the row's own\n // field when the key belongs to this row (rowFieldKeys), the top-level field\n // otherwise — with a row-first fallback when membership is unknown, matching\n // lookupFilterValueFrom above. Both paths are always watched (hooks cannot be\n // conditional) so the dropdown re-narrows the moment the source changes.\n const constraintKey = field.optionsFromField || '';\n const constraintTopPath = constraintKey ? namePathFromString(constraintKey) : ['__noop_options_from__'];\n const constraintRowPath = (constraintKey && insideListRow && (!rowFieldKeys || rowFieldKeys.has(constraintKey)))\n ? [...name.slice(0, 2), ...namePathFromString(constraintKey)]\n : ['__noop_options_from_row__'];\n const constraintTopValue = Form.useWatch(constraintTopPath, form);\n const constraintRowValue = Form.useWatch(constraintRowPath, form);\n const constraintValue = !empty(constraintRowValue) ? constraintRowValue : constraintTopValue;\n // prefillWhenExclusive (admin config) — \"a value a Conditional Default rule\n // would SET is EXCLUSIVE to that rule's condition\". While the rule matches,\n // its value is offered (and PrefillWhenWatcher auto-selects it, as today);\n // while it does not, the value is REMOVED from the list instead of merely\n // being a stale default. Reuses field.prefillWhen so the hidden value and\n // the auto-filled value can never drift apart. Default off — a field\n // without the flag offers exactly what it offers today.\n //\n // HOOK SAFETY: the rule list is admin data, so it must never decide how\n // many hooks run. ONE selector-form useWatch reads every referenced field\n // out of the whole store and reduces them to a STRING (a fresh array each\n // render would churn the memo); the rule count changes what the selector\n // reads, never the hook count. Same row-vs-top-level scoping as\n // optionsFromField above: a rule key belonging to this addRow row resolves\n // to the row's own field, anything else (the top-level contract type read\n // from inside repeatable employer rows) to the top-level path.\n const exclusivePrefillRules = (truthy(field.prefillWhenExclusive) && field.prefillWhen?.length)\n ? field.prefillWhen\n : null;\n const exclusivePrefillKey = Form.useWatch(\n (values) => (exclusivePrefillRules\n ? JSON.stringify(prefillWhenWatchFields(exclusivePrefillRules).map((key) => {\n const read = (path) => path.reduce((acc, k) => (acc == null ? acc : acc[k]), values);\n const rowValue = (insideListRow && (!rowFieldKeys || rowFieldKeys.has(key)))\n ? read([...name.slice(0, 2), ...namePathFromString(key)])\n : undefined;\n return (!empty(rowValue) ? rowValue : read(namePathFromString(key))) ?? null;\n }))\n : ''),\n { form, preserve: true },\n );\n const exclusivePrefillWatched = useMemo(() => {\n if (!exclusivePrefillRules || !exclusivePrefillKey) return null;\n const values = JSON.parse(exclusivePrefillKey);\n const watched = {};\n prefillWhenWatchFields(exclusivePrefillRules).forEach((key, i) => { watched[key] = values[i]; });\n return watched;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [exclusivePrefillKey]);\n const groupDisabled = useContext(GroupDisabledContext);\n // exclusiveInGroup — only ONE row of a repeatable group may hold this flag\n // (e.g. \"Currently Working Here\" / \"Currently Pursuing\": a person has one\n // current employer and one course in progress). Once any row claims it, the\n // control is disabled on every OTHER row, so the state cannot become\n // ambiguous. The claiming row keeps its control enabled — that is how the\n // user releases the claim and moves it elsewhere.\n //\n // Watching the whole Form.List (not one sibling) is what makes this react\n // to a change in a DIFFERENT row.\n const exclusiveListPath = (field.exclusiveInGroup && insideListRow)\n ? [name[0]]\n : ['__noop_exclusive_watch__'];\n const exclusiveRows = Form.useWatch(exclusiveListPath, form);\n const claimedByAnotherRow = useMemo(() => {\n if (!field.exclusiveInGroup || !insideListRow || !Array.isArray(exclusiveRows)) return false;\n const myIndex = name[1];\n const leaf = name[name.length - 1];\n return exclusiveRows.some((row, index) => index !== myIndex && truthy(row?.[leaf]));\n }, [field.exclusiveInGroup, insideListRow, exclusiveRows, name]);\n // scopeValues only wins when it actually carries a value — a key present\n // but undefined/empty must fall back to the field's own live form value,\n // or the lookup filter is permanently starved and never resolves options.\n const scopeFilterValue = field.lookupFilterValueFrom\n ? scopeValues[field.lookupFilterValueFrom]\n : undefined;\n const lookupFilterValue = !empty(scopeFilterValue) ? scopeFilterValue : formFilterValue;\n // ---- Dependent-lookup staleness guard (generic; see also EditFormV1) ----\n // A lookup scoped by `lookupFilterValueFrom` must not keep a value that was\n // chosen under a DIFFERENT parent. Changing the parent refetches the OPTIONS\n // (lookupFilterValue is a dependency of that effect) but used to leave this\n // field's own value untouched — so picking client A's contact \"Naveen\" and\n // then switching to client B left A's contact id sitting on the form.\n //\n // That went unnoticed because a nested reference id is only unique WITHIN\n // its parent: clientContact.clientContactId is a per-client sequence\n // (1, 2, 3 ...), so the orphaned id still resolved against the new client —\n // to a DIFFERENT person — and saved looking perfectly valid. A wrong name\n // that looks right is worse than a blank one.\n //\n // Only a genuine CHANGE clears. The first observed value is recorded without\n // clearing, so edit prefill (which sets parent and child together) and the\n // initial mount are untouched; and a parent going from empty -> known never\n // clears, because nothing can have been chosen under an unknown parent yet.\n const parentFilterRef = useRef(PARENT_FILTER_UNSEEN);\n useEffect(() => {\n if (!field.lookupFilterField || !field.lookupFilterValueFrom) return;\n const previous = parentFilterRef.current;\n parentFilterRef.current = lookupFilterValue;\n if (!shouldClearDependentValue({\n previous,\n next: lookupFilterValue,\n currentValue: form.getFieldValue(name),\n })) return;\n form.setFields([{ name, value: undefined, errors: [] }]);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [lookupFilterValue]);\n\n\n // locationMaster cascade (Country → State → City, sourced from the\n // locationMasters collection). Same top/row watch pattern as\n // lookupFilterValueFrom above: the sibling holding the PARENT level's\n // selected value, watched so options refetch — and the control disables —\n // the moment it changes. `locationCountryFrom` feeds a \"state\" level\n // field; \"city\" needs both `locationCountryFrom` and `locationStateFrom`.\n const locCountryTopPath = field.locationCountryFrom ? namePathFromString(field.locationCountryFrom) : ['__noop_loc_country__'];\n const locCountryRowPath = (field.locationCountryFrom && insideListRow)\n ? [...name.slice(0, 2), ...namePathFromString(field.locationCountryFrom)]\n : ['__noop_loc_country_row__'];\n const locCountryTop = Form.useWatch(locCountryTopPath, form);\n const locCountryRow = Form.useWatch(locCountryRowPath, form);\n const locCountryValue = !empty(locCountryRow) ? locCountryRow : locCountryTop;\n const locStateTopPath = field.locationStateFrom ? namePathFromString(field.locationStateFrom) : ['__noop_loc_state__'];\n const locStateRowPath = (field.locationStateFrom && insideListRow)\n ? [...name.slice(0, 2), ...namePathFromString(field.locationStateFrom)]\n : ['__noop_loc_state_row__'];\n const locStateTop = Form.useWatch(locStateTopPath, form);\n const locStateRow = Form.useWatch(locStateRowPath, form);\n const locStateValue = !empty(locStateRow) ? locStateRow : locStateTop;\n const locationLocked = field.dataSource === 'locationMaster' && (\n (field.locationLevel === 'state' && empty(locCountryValue))\n || (field.locationLevel === 'city' && (empty(locCountryValue) || empty(locStateValue)))\n );\n const disabled = baseDisabled || Boolean(field.disabled) || conditionallyDisabled || (field.disabledByField ? truthy(disabledByValue) : false) || Boolean(formDisabled) || groupDisabled || claimedByAnotherRow || locationLocked;\n\n // Fetch options dynamically when dataSource is master / module / lookup.\n // Static and undefined sources skip the API call and use field.options directly.\n useEffect(() => {\n if (type === 'location') {\n let cancelled = false;\n setOptionsLoading(true);\n\n async function fetchLocations() {\n try {\n const params = new URLSearchParams({\n search: locationSearch,\n limit: String(field.limit ?? 50),\n offset: '0',\n });\n const json = await fetchJsonWithAuth(AUTH_URL, `/admin/location-dropdown-values?${params}`);\n const raw = json?.data ?? json ?? [];\n if (!cancelled) setDynamicOptions(normalizeOptions(Array.isArray(raw) ? raw : []));\n } catch (err) {\n console.error(`[AddFormV1] Failed to fetch locations for \"${field.field}\":`, err);\n if (!cancelled) setDynamicOptions([]);\n } finally {\n if (!cancelled) setOptionsLoading(false);\n }\n }\n\n fetchLocations();\n return () => { cancelled = true; };\n }\n const ds = field.dataSource;\n if (!['select', 'radio', 'checkbox'].includes(type)) return undefined;\n if (!ds || ds === 'static') return undefined;\n if (ds === 'lookup' && field.lookupFilterField && empty(lookupFilterValue)) {\n setDynamicOptions([]);\n setOptionsLoading(false);\n return undefined;\n }\n\n // lookupMinSearchLength (opt-in): don't preload the full list on\n // mount — wait until the user has actually typed enough characters.\n // Existing lookup fields without this flag keep today's behavior\n // (full list shown immediately) untouched.\n if (ds === 'lookup' && field.lookupMinSearchLength && lookupSearch.trim().length < field.lookupMinSearchLength) {\n setDynamicOptions([]);\n setOptionsLoading(false);\n return undefined;\n }\n\n let cancelled = false;\n setOptionsLoading(true);\n\n async function fetchOptions() {\n try {\n let raw = [];\n if (ds === 'master' || ds === 'module') {\n raw = await getDropdownValues(\n moduleName,\n field.field,\n ds === 'master' ? masterSearch : '',\n field.limit ?? 50,\n 0,\n {\n dataSource: ds,\n masterName: field.masterName,\n groupName: field.groupName,\n },\n );\n } else if (ds === 'lookup') {\n const params = new URLSearchParams({\n collection: field.lookupCollection ?? '',\n displayField: field.displayField ?? '',\n valueField: field.valueField ?? '_id',\n });\n if (field.displayField2) params.set('displayField2', field.displayField2);\n if (lookupSearch) params.set('search', lookupSearch);\n if (field.lookupFilterField && !empty(lookupFilterValue)) {\n params.set('filterField', field.lookupFilterField);\n params.set('filterValue', String(lookupFilterValue));\n }\n if (Array.isArray(field.filters) && field.filters.length > 0) {\n params.set('filters', JSON.stringify(field.filters));\n }\n // The row-filter config, rebuilt from the individual keys\n // rather than passing `field` itself: every key here is a\n // dependency of this effect, so the options refetch and\n // re-filter whenever an admin changes one of them.\n const rowFilterConfig = {\n field: field.field,\n extraFields: field.extraFields,\n optionsRequireExtraField: field.optionsRequireExtraField,\n optionsRequireExtraValue: field.optionsRequireExtraValue,\n optionsHierarchyParentField: field.optionsHierarchyParentField,\n optionsHierarchySelfFrom: field.optionsHierarchySelfFrom,\n };\n // Every extraData key the row filters need is requested\n // automatically alongside the explicit extraFields, so a\n // filter key can never be configured without its data.\n const extraKeys = lookupExtraFieldKeys(rowFilterConfig);\n if (extraKeys.length) params.set('extraFields', extraKeys.join(','));\n const json = await fetchJsonWithAuth(AUTH_URL, `/admin/lookup-dropdown-values?${params}`);\n raw = json?.data ?? json ?? [];\n // Config-driven row filters: value match on an extraData key\n // (e.g. only list a recruiter once verified, or only a given\n // role) and/or the signed-in user's reporting downline.\n raw = filterLookupOptionRows(raw, rowFilterConfig, { source: 'AddFormV1' });\n } else if (ds === 'locationMaster') {\n const level = field.locationLevel || 'country';\n if (level === 'state' && empty(locCountryValue)) {\n raw = [];\n } else if (level === 'city' && (empty(locCountryValue) || empty(locStateValue))) {\n raw = [];\n } else {\n const params = new URLSearchParams({ level, limit: String(field.limit ?? 250), offset: '0' });\n if (!empty(locCountryValue)) params.set('country', String(locCountryValue));\n if (!empty(locStateValue)) params.set('state', String(locStateValue));\n if (lookupSearch) params.set('search', lookupSearch);\n const json = await fetchJsonWithAuth(AUTH_URL, `/admin/location-dropdown-values?${params}`);\n raw = json?.data ?? json ?? [];\n }\n } else if (ds === 'group') {\n const gn = (field.groupName ?? '').toLowerCase().trim();\n if (gn === 'users' || gn === 'user') {\n const json = await fetchJsonWithAuth(AUTH_URL, '/get-all-users?limit=500&offset=0');\n const users = json?.data?.users ?? json?.users ?? json?.data ?? [];\n // groupRoleContains (admin config) — e.g. \"manager\" lists every\n // user whose role NAME contains that word (Delivery Manager,\n // Onboarding Manager, Submission Manager, …), not just a single\n // exact role. `/get-all-users` already returns each user's\n // roleName, so this narrows client-side with no extra request.\n const roleContains = String(field.groupRoleContains ?? '').trim().toLowerCase();\n const filteredUsers = roleContains\n ? (Array.isArray(users) ? users.filter((u) => String(u.roleName ?? '').toLowerCase().includes(roleContains)) : [])\n : users;\n raw = Array.isArray(filteredUsers) ? filteredUsers.map((u) => ({\n label: [u.firstName, u.lastName].filter(Boolean).join(' ').trim() || u.userName || u.email || String(u.userId),\n value: u.userId ?? u.id,\n })) : [];\n }\n }\n if (!cancelled) {\n rawLookupRef.current = Array.isArray(raw) ? raw : [];\n setDynamicOptions(normalizeOptions(rawLookupRef.current));\n }\n } catch (err) {\n console.error(`[AddFormV1] Failed to fetch options for \"${field.field}\":`, err);\n if (!cancelled) setDynamicOptions([]);\n } finally {\n if (!cancelled) setOptionsLoading(false);\n }\n }\n\n fetchOptions();\n return () => { cancelled = true; };\n }, [type, field.dataSource, field.field, field.limit, field.lookupCollection, field.displayField, field.displayField2, field.valueField, field.lookupFilterField, lookupFilterValue, field.groupName, field.groupRoleContains, field.masterName, locationSearch, lookupSearch, masterSearch, moduleName, field.extraFields, field.optionsRequireExtraField, field.optionsRequireExtraValue, field.optionsHierarchyParentField, field.optionsHierarchySelfFrom, refetchNonce, field.lookupMinSearchLength, field.locationLevel, field.locationCountryFrom, field.locationStateFrom, locCountryValue, locStateValue]);\n\n const staticOptions = normalizeOptions(field.options ?? field.values ?? []);\n const baseOptions = dynamicOptions ?? staticOptions;\n\n // ── Stored values outside the filtered option list ──────────────────────\n // `lookupFilters` decide what may be PICKED. They must not decide what an\n // already-assigned value is allowed to SHOW — a job assigned to somebody\n // outside the current user's reporting chain rendered its raw id (\"149\")\n // instead of a name. Resolved separately, unfiltered, and appended.\n const [resolvedOptions, setResolvedOptions] = useState([]);\n const missingValues = missingOptionValues(value, baseOptions);\n // Joined into a string: the array identity changes every render, and a raw\n // array dependency would refetch forever.\n const missingKey = missingValues.join(',');\n useEffect(() => {\n if (!missingKey || field.dataSource !== 'lookup' || optionsLoading) return undefined;\n let cancelled = false;\n fetchLookupLabels(field, missingKey.split(','))\n .then((rows) => { if (!cancelled) setResolvedOptions(rows); })\n // Best effort. Failing to resolve a label must never break the\n // field — the value is still there and still submits.\n .catch(() => { if (!cancelled) setResolvedOptions([]); });\n return () => { cancelled = true; };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [missingKey, field.dataSource, field.lookupCollection, field.displayField,\n field.displayField2, field.valueField, optionsLoading]);\n // optionsFromField constraint applied here so EVERY option-driven control\n // (select, radio, checkbox group, location…) is narrowed the same way.\n // Fails open — see narrowOptionsByConstraint. prefillWhenExclusive then\n // COMPOSES on top of that narrowing (it removes, it never restores).\n const optionsWithStored = mergeResolvedOptions(baseOptions, resolvedOptions);\n const constrainedOptions = constraintKey ? narrowOptionsByConstraint(optionsWithStored, constraintValue) : optionsWithStored;\n const options = exclusivePrefillRules\n ? stripExclusivePrefillOptions(constrainedOptions, exclusivePrefillRules, exclusivePrefillWatched ?? {})\n : constrainedOptions;\n\n // Select multiplicity is config-driven: multiSelect flag → explicit mode →\n // field.multiple → array dataType. No field-name list. \"tags\" is opt-in via\n // an explicit field.mode === \"tags\".\n const selectMode = field.multiSelect\n ? 'multiple'\n : (field.mode ?? (truthy(field.multiple) ? 'multiple' : undefined));\n const inferredSelectMode = selectMode ?? (effectiveDataType(field) === 'array' ? 'multiple' : undefined);\n // allowCustomValues (admin config) — the field keeps a value the user TYPED\n // even when it is not in the list (Candidate → Skills is the first user, but\n // nothing here is module- or field-specific: any select/lookup field can opt\n // in from Form Groups). Until now free entry existed only for the hardcoded\n // `type: 'tagify'` control, which is not per-field selectable and loses every\n // other select behaviour (lookup, autofill, quick-create).\n const allowCustomValues = truthy(field.allowCustomValues);\n // antd's \"tags\" mode is what keeps a typed value; it always emits an ARRAY,\n // so a single-valued field has to be unwrapped again on the way out (see\n // handleSelectChange) and wrapped on the way in.\n const effectiveSelectMode = allowCustomValues ? 'tags' : inferredSelectMode;\n const isArrayValued = Boolean(field.multiSelect) || truthy(field.multiple)\n || effectiveDataType(field) === 'array' || inferredSelectMode === 'multiple';\n // Config-driven separators that commit a typed entry (default comma).\n const tokenSeparators = allowCustomValues\n ? (typeof field.tokenSeparators === 'string' && field.tokenSeparators\n ? field.tokenSeparators.split('')\n : [','])\n : undefined;\n\n const isSelectLike = ['select', 'location'].includes(type);\n const placeholder = field.hidePlaceholder\n ? undefined\n : (field.placeholder ?? `${isSelectLike ? 'Select' : 'Enter'} ${String(field.label ?? '').toLowerCase()}`);\n const inputLimits = getInputLimits(field);\n // Sets the value in the form store first, then re-validates.\n // Required because FieldControl is a custom wrapper — Form.Item's injected\n // onChange never reaches the inner Ant Design components, so the store\n // would otherwise hold stale/undefined values when validation runs.\n const updateAndValidate = (nextValue) => {\n onChange?.(nextValue);\n\n setTimeout(() => {\n form.validateFields([name]).catch(() => { });\n }, 0);\n };\n\n // Config-driven \"Add More\"/\"Edit\" quick actions inside a select dropdown.\n // Called unconditionally (rules of hooks) — returns nulls unless the field\n // opts in via quickCreate/quickEdit. On success, refetch options and (for a\n // fresh create on a single select) select the new record.\n const quick = useQuickField({\n field, form, name, moduleName, scopeValues, ownValue: value,\n onDone: (kind, newId) => {\n setRefetchNonce((n) => n + 1);\n const single = effectiveDataType(field) !== 'array' && !field.multiSelect && !field.multiple;\n if (kind === 'create' && newId != null && single) {\n // Same clearing the ordinary onChange does. Creating an employer\n // from inside the dropdown IS changing the employer, so the rest\n // of the group — recruiter, email, contact, VMS — still describes\n // the PREVIOUS one and must go. This path set the new value and\n // skipped the clear, so a brand-new employer kept the old\n // employer's recruiter beside it, which reads as a real pairing.\n //\n // Cleared BEFORE the value is written, so anything the new\n // selection autofills is preserved rather than wiped after.\n if (field.clearGroupOnChange || field.linkedClearField) {\n applyGroupClear(form, field, name, rowFieldKeys);\n }\n updateAndValidate(usesLabeledSelectValue(field) ? { value: newId } : newId);\n }\n },\n });\n\n // Build validator config once (null when not set)\n const validatorCfg = field.validator?.type\n ? { ...field.validator, title: field.validator.title || field.label || 'Field' }\n : null;\n\n const inputProps = {\n ...inputLimits,\n disabled,\n placeholder,\n prefix: field.icon ? null : fieldIcons[field.field],\n value: value ?? '',\n onChange: (event) => {\n let nextValue = field.formatter\n ? cleanValue(event.target.value, field.formatter)\n : event.target.value;\n\n if (validatorCfg) {\n const { cleaned, error } = applyInputValidator(nextValue, validatorCfg, 'change');\n setInputError(error);\n nextValue = cleaned;\n }\n\n updateAndValidate(nextValue);\n },\n // Composed, not conditional. The character-validator blur only exists\n // when a validator is configured, so hanging the duplicate check off it\n // would silently skip every field without one — including a plain email\n // box, which is exactly the field this is for.\n onBlur: (e) => {\n if (validatorCfg) {\n const { cleaned, error } = applyInputValidator(e.target.value, validatorCfg, 'blur');\n setInputError(error);\n if (cleaned !== e.target.value) updateAndValidate(cleaned);\n }\n // Typing an email that already exists should be caught here, not on\n // submit after the whole form has been filled in.\n if (field.checkDuplicateOnBlur && String(e.target.value ?? '').trim()) {\n onDuplicateBlur?.(field);\n }\n },\n ...(validatorCfg && {\n onKeyPress: (e) => {\n const pattern = getKeyPattern(validatorCfg.type);\n if (!pattern) return;\n if (e.which === 0 || e.keyCode === 8 || e.keyCode === 13) return;\n const char = String.fromCharCode(e.which ?? e.keyCode);\n if (!pattern.test(char)) {\n e.preventDefault();\n const hint = `${validatorCfg.title} — invalid character.`;\n setInputError(hint);\n setTimeout(() => setInputError((prev) => (prev === hint ? null : prev)), 1800);\n }\n },\n maxLength: validatorCfg.maxLength ?? inputLimits.maxLength,\n }),\n };\n\n if (type === 'tagify') {\n return (\n \n );\n }\n if (type === 'location') {\n return (\n : undefined}\n onSearch={setLocationSearch}\n onFocus={() => setLocationSearch((current) => current)}\n onChange={updateAndValidate}\n />\n );\n }\n if (type === 'select') {\n const remoteLookup = field.dataSource === 'lookup';\n const remoteMaster = field.dataSource === 'master';\n const remoteSearch = remoteLookup || remoteMaster;\n const keepLabel = usesLabeledSelectValue(field);\n const rawControlValue = toSelectControlValue(field, value, options);\n // \"tags\" mode renders from an array. A single-valued field that opted\n // into allowCustomValues still stores a scalar, so wrap it for display\n // only — the stored shape never changes.\n const controlValue = (allowCustomValues && !isArrayValued)\n ? (rawControlValue === undefined || rawControlValue === null || rawControlValue === ''\n ? undefined\n : (Array.isArray(rawControlValue) ? rawControlValue : [rawControlValue]))\n : rawControlValue;\n const handleSelectChange = (raw) => {\n // …and unwrap on the way out: keep the LAST entry the user typed or\n // picked, so a single-valued field never starts storing an array\n // just because free entry was switched on.\n const val = (allowCustomValues && !isArrayValued && Array.isArray(raw))\n ? (raw.length ? raw[raw.length - 1] : undefined)\n : raw;\n updateAndValidate(val);\n // Changing this field can invalidate the rest of its group: an\n // employer's recruiter, email, contact and VMS all describe the\n // PREVIOUS employer, and leaving them behind silently attaches one\n // company's details to another. Cleared BEFORE autofill below, so a\n // new selection's own values are written straight back in.\n if (field.clearGroupOnChange || field.linkedClearField) {\n applyGroupClear(form, field, name, rowFieldKeys);\n }\n if (field.autofillFrom?.length) {\n const selectedValue = val && !Array.isArray(val) && typeof val === 'object' ? val.value : val;\n const isInsideList = Array.isArray(name) && name.length >= 3 && typeof name[1] === 'number';\n if (val == null) {\n // Cleared — wipe all autofill targets\n field.autofillFrom.forEach(({ targetField: tf }) => {\n const tp = isInsideList\n ? [...name.slice(0, 2), ...namePathFromString(tf)]\n : namePathFromString(tf);\n form.setFieldValue(tp, null);\n });\n } else if (rawLookupRef.current.length > 0) {\n const vField = field.valueField ?? '_id';\n const rawItem = rawLookupRef.current.find(item =>\n getNestedProp(item, vField) === selectedValue || item._id === selectedValue || item.id === selectedValue || item.value === selectedValue\n );\n if (rawItem) {\n field.autofillFrom.forEach(({ optionKey, targetField: tf }) => {\n const v = getNestedProp(rawItem, optionKey) ?? rawItem.extraData?.[optionKey] ?? null;\n const tp = isInsideList\n ? [...name.slice(0, 2), ...namePathFromString(tf)]\n : namePathFromString(tf);\n form.setFieldValue(tp, v);\n });\n }\n }\n }\n };\n return (\n <>\n : undefined}\n onSearch={remoteLookup ? setLookupSearch : remoteMaster ? setMasterSearch : undefined}\n onChange={handleSelectChange}\n dropdownRender={quick.footer ? (menu) => (<>{menu}{quick.footer}) : undefined}\n />\n {quick.modal}\n \n );\n }\n if (type === 'radio') {\n return (\n updateAndValidate(e.target.value)}\n />\n );\n }\n if (type === 'checkbox') {\n if (options.length > 0) {\n return (\n \n );\n }\n return (\n {\n const next = e.target.checked;\n // Region gate: some markets do not accept an entry that is\n // still in progress. The tick is REVERSED rather than left\n // standing with an error underneath — leaving it ticked\n // invites the user to try to submit and be refused twice.\n if (next && onRegionBlocked?.(field)) return;\n updateAndValidate(next);\n // Ticking \"still ongoing\" makes this the most recent entry,\n // so it may now belong at the top of a newest-first list.\n if (next) onRowOrderChange?.(field, name);\n if (field.linkedClearField && next) {\n const clearPath = Array.isArray(name) && name.length > 1\n ? [...name.slice(0, -1), field.linkedClearField]\n : [field.linkedClearField];\n form.setFieldValue(clearPath, null);\n }\n }}\n >\n {field.checkboxLabel ?? field.label}\n \n );\n }\n if (type === 'text-editor') {\n return (\n <>\n {\n if (validatorCfg) {\n const { error } = applyInputValidator(html, validatorCfg, 'change');\n setInputError(error);\n }\n updateAndValidate(html);\n }}\n />\n {inputError &&
{inputError}
}\n \n );\n }\n if (type === 'textarea') {\n return (\n <>\n